diff --git a/colors.css b/colors.css index 8a52f99..1f545b5 100644 --- a/colors.css +++ b/colors.css @@ -1,3 +1,3 @@ -/*! style-forge.colors 2025.1.9 | MIT License | https://github.com/Style-Forge/colors */ +/*! style-forge.colors 2025.1.18 | MIT License | https://github.com/Style-Forge/colors */ -:root{--sf-c-black:0 0% 0%;--sf-c-black-0:0 0% 0%;--sf-c-black-10:0 0% 10%;--sf-c-black-20:0 0% 20%;--sf-c-black-30:0 0% 30%;--sf-c-black-40:0 0% 40%;--sf-c-black-50:0 0% 50%;--sf-c-black-60:0 0% 60%;--sf-c-black-70:0 0% 70%;--sf-c-black-80:0 0% 80%;--sf-c-black-90:0 0% 90%;--sf-c-black-100:0 0% 100%;--sf-c-txt-black:var(--sf-c-black);--sf-c-txt-black-0:var(--sf-c-black-0);--sf-c-txt-black-10:var(--sf-c-black-10);--sf-c-txt-black-20:var(--sf-c-black-20);--sf-c-txt-black-30:var(--sf-c-black-30);--sf-c-txt-black-40:var(--sf-c-black-40);--sf-c-txt-black-50:var(--sf-c-black-50);--sf-c-txt-black-60:var(--sf-c-black-60);--sf-c-txt-black-70:var(--sf-c-black-70);--sf-c-txt-black-80:var(--sf-c-black-80);--sf-c-txt-black-90:var(--sf-c-black-90);--sf-c-txt-black-100:var(--sf-c-black-100);--sf-dark-c-black:0 0% 100%;--sf-dark-c-black-0:0 0% 0%;--sf-dark-c-black-10:0 0% 10%;--sf-dark-c-black-20:0 0% 20%;--sf-dark-c-black-30:0 0% 30%;--sf-dark-c-black-40:0 0% 40%;--sf-dark-c-black-50:0 0% 50%;--sf-dark-c-black-60:0 0% 60%;--sf-dark-c-black-70:0 0% 70%;--sf-dark-c-black-80:0 0% 80%;--sf-dark-c-black-90:0 0% 90%;--sf-dark-c-black-100:0 0% 100%;--sf-dark-c-txt-black:var(--sf-dark-c-black);--sf-dark-c-txt-black-0:var(--sf-dark-c-black-0);--sf-dark-c-txt-black-10:var(--sf-dark-c-black-10);--sf-dark-c-txt-black-20:var(--sf-dark-c-black-20);--sf-dark-c-txt-black-30:var(--sf-dark-c-black-30);--sf-dark-c-txt-black-40:var(--sf-dark-c-black-40);--sf-dark-c-txt-black-50:var(--sf-dark-c-black-50);--sf-dark-c-txt-black-60:var(--sf-dark-c-black-60);--sf-dark-c-txt-black-70:var(--sf-dark-c-black-70);--sf-dark-c-txt-black-80:var(--sf-dark-c-black-80);--sf-dark-c-txt-black-90:var(--sf-dark-c-black-90);--sf-dark-c-txt-black-100:var(--sf-dark-c-black-100);--sf-c-blue:240 100% 50%;--sf-c-blue-0:240 100% 0%;--sf-c-blue-10:240 100% 10%;--sf-c-blue-20:240 100% 20%;--sf-c-blue-30:240 100% 30%;--sf-c-blue-40:240 100% 40%;--sf-c-blue-50:240 100% 50%;--sf-c-blue-60:240 100% 60%;--sf-c-blue-70:240 100% 70%;--sf-c-blue-80:240 100% 80%;--sf-c-blue-90:240 100% 90%;--sf-c-blue-100:240 100% 100%;--sf-c-txt-blue:var(--sf-c-blue);--sf-c-txt-blue-0:var(--sf-c-blue-0);--sf-c-txt-blue-10:var(--sf-c-blue-10);--sf-c-txt-blue-20:var(--sf-c-blue-20);--sf-c-txt-blue-30:var(--sf-c-blue-30);--sf-c-txt-blue-40:var(--sf-c-blue-40);--sf-c-txt-blue-50:var(--sf-c-blue-50);--sf-c-txt-blue-60:var(--sf-c-blue-60);--sf-c-txt-blue-70:var(--sf-c-blue-70);--sf-c-txt-blue-80:var(--sf-c-blue-80);--sf-c-txt-blue-90:var(--sf-c-blue-90);--sf-c-txt-blue-100:var(--sf-c-blue-100);--sf-dark-c-blue:240 100% 50%;--sf-dark-c-blue-0:240 100% 0%;--sf-dark-c-blue-10:240 100% 10%;--sf-dark-c-blue-20:240 100% 20%;--sf-dark-c-blue-30:240 100% 30%;--sf-dark-c-blue-40:240 100% 40%;--sf-dark-c-blue-50:240 100% 50%;--sf-dark-c-blue-60:240 100% 60%;--sf-dark-c-blue-70:240 100% 70%;--sf-dark-c-blue-80:240 100% 80%;--sf-dark-c-blue-90:240 100% 90%;--sf-dark-c-blue-100:240 100% 100%;--sf-dark-c-txt-blue:var(--sf-dark-c-blue);--sf-dark-c-txt-blue-0:var(--sf-dark-c-blue-0);--sf-dark-c-txt-blue-10:var(--sf-dark-c-blue-10);--sf-dark-c-txt-blue-20:var(--sf-dark-c-blue-20);--sf-dark-c-txt-blue-30:var(--sf-dark-c-blue-30);--sf-dark-c-txt-blue-40:var(--sf-dark-c-blue-40);--sf-dark-c-txt-blue-50:var(--sf-dark-c-blue-50);--sf-dark-c-txt-blue-60:var(--sf-dark-c-blue-60);--sf-dark-c-txt-blue-70:var(--sf-dark-c-blue-70);--sf-dark-c-txt-blue-80:var(--sf-dark-c-blue-80);--sf-dark-c-txt-blue-90:var(--sf-dark-c-blue-90);--sf-dark-c-txt-blue-100:var(--sf-dark-c-blue-100);--sf-c-green:120 100% 25%;--sf-c-green-0:120 100% 0%;--sf-c-green-10:120 100% 10%;--sf-c-green-20:120 100% 20%;--sf-c-green-30:120 100% 30%;--sf-c-green-40:120 100% 40%;--sf-c-green-50:120 100% 50%;--sf-c-green-60:120 100% 60%;--sf-c-green-70:120 100% 70%;--sf-c-green-80:120 100% 80%;--sf-c-green-90:120 100% 90%;--sf-c-green-100:120 100% 100%;--sf-c-txt-green:var(--sf-c-green);--sf-c-txt-green-0:var(--sf-c-green-0);--sf-c-txt-green-10:var(--sf-c-green-10);--sf-c-txt-green-20:var(--sf-c-green-20);--sf-c-txt-green-30:var(--sf-c-green-30);--sf-c-txt-green-40:var(--sf-c-green-40);--sf-c-txt-green-50:var(--sf-c-green-50);--sf-c-txt-green-60:var(--sf-c-green-60);--sf-c-txt-green-70:var(--sf-c-green-70);--sf-c-txt-green-80:var(--sf-c-green-80);--sf-c-txt-green-90:var(--sf-c-green-90);--sf-c-txt-green-100:var(--sf-c-green-100);--sf-dark-c-green:120 100% 75%;--sf-dark-c-green-0:120 100% 0%;--sf-dark-c-green-10:120 100% 10%;--sf-dark-c-green-20:120 100% 20%;--sf-dark-c-green-30:120 100% 30%;--sf-dark-c-green-40:120 100% 40%;--sf-dark-c-green-50:120 100% 50%;--sf-dark-c-green-60:120 100% 60%;--sf-dark-c-green-70:120 100% 70%;--sf-dark-c-green-80:120 100% 80%;--sf-dark-c-green-90:120 100% 90%;--sf-dark-c-green-100:120 100% 100%;--sf-dark-c-txt-green:var(--sf-dark-c-green);--sf-dark-c-txt-green-0:var(--sf-dark-c-green-0);--sf-dark-c-txt-green-10:var(--sf-dark-c-green-10);--sf-dark-c-txt-green-20:var(--sf-dark-c-green-20);--sf-dark-c-txt-green-30:var(--sf-dark-c-green-30);--sf-dark-c-txt-green-40:var(--sf-dark-c-green-40);--sf-dark-c-txt-green-50:var(--sf-dark-c-green-50);--sf-dark-c-txt-green-60:var(--sf-dark-c-green-60);--sf-dark-c-txt-green-70:var(--sf-dark-c-green-70);--sf-dark-c-txt-green-80:var(--sf-dark-c-green-80);--sf-dark-c-txt-green-90:var(--sf-dark-c-green-90);--sf-dark-c-txt-green-100:var(--sf-dark-c-green-100);--sf-c-orange:39 100% 50%;--sf-c-orange-0:39 100% 0%;--sf-c-orange-10:39 100% 10%;--sf-c-orange-20:39 100% 20%;--sf-c-orange-30:39 100% 30%;--sf-c-orange-40:39 100% 40%;--sf-c-orange-50:39 100% 50%;--sf-c-orange-60:39 100% 60%;--sf-c-orange-70:39 100% 70%;--sf-c-orange-80:39 100% 80%;--sf-c-orange-90:39 100% 90%;--sf-c-orange-100:39 100% 100%;--sf-c-txt-orange:var(--sf-c-orange);--sf-c-txt-orange-0:var(--sf-c-orange-0);--sf-c-txt-orange-10:var(--sf-c-orange-10);--sf-c-txt-orange-20:var(--sf-c-orange-20);--sf-c-txt-orange-30:var(--sf-c-orange-30);--sf-c-txt-orange-40:var(--sf-c-orange-40);--sf-c-txt-orange-50:var(--sf-c-orange-50);--sf-c-txt-orange-60:var(--sf-c-orange-60);--sf-c-txt-orange-70:var(--sf-c-orange-70);--sf-c-txt-orange-80:var(--sf-c-orange-80);--sf-c-txt-orange-90:var(--sf-c-orange-90);--sf-c-txt-orange-100:var(--sf-c-orange-100);--sf-dark-c-orange:39 100% 50%;--sf-dark-c-orange-0:39 100% 0%;--sf-dark-c-orange-10:39 100% 10%;--sf-dark-c-orange-20:39 100% 20%;--sf-dark-c-orange-30:39 100% 30%;--sf-dark-c-orange-40:39 100% 40%;--sf-dark-c-orange-50:39 100% 50%;--sf-dark-c-orange-60:39 100% 60%;--sf-dark-c-orange-70:39 100% 70%;--sf-dark-c-orange-80:39 100% 80%;--sf-dark-c-orange-90:39 100% 90%;--sf-dark-c-orange-100:39 100% 100%;--sf-dark-c-txt-orange:var(--sf-dark-c-orange);--sf-dark-c-txt-orange-0:var(--sf-dark-c-orange-0);--sf-dark-c-txt-orange-10:var(--sf-dark-c-orange-10);--sf-dark-c-txt-orange-20:var(--sf-dark-c-orange-20);--sf-dark-c-txt-orange-30:var(--sf-dark-c-orange-30);--sf-dark-c-txt-orange-40:var(--sf-dark-c-orange-40);--sf-dark-c-txt-orange-50:var(--sf-dark-c-orange-50);--sf-dark-c-txt-orange-60:var(--sf-dark-c-orange-60);--sf-dark-c-txt-orange-70:var(--sf-dark-c-orange-70);--sf-dark-c-txt-orange-80:var(--sf-dark-c-orange-80);--sf-dark-c-txt-orange-90:var(--sf-dark-c-orange-90);--sf-dark-c-txt-orange-100:var(--sf-dark-c-orange-100);--sf-c-red:0 100% 50%;--sf-c-red-0:0 100% 0%;--sf-c-red-10:0 100% 10%;--sf-c-red-20:0 100% 20%;--sf-c-red-30:0 100% 30%;--sf-c-red-40:0 100% 40%;--sf-c-red-50:0 100% 50%;--sf-c-red-60:0 100% 60%;--sf-c-red-70:0 100% 70%;--sf-c-red-80:0 100% 80%;--sf-c-red-90:0 100% 90%;--sf-c-red-100:0 100% 100%;--sf-c-txt-red:var(--sf-c-red);--sf-c-txt-red-0:var(--sf-c-red-0);--sf-c-txt-red-10:var(--sf-c-red-10);--sf-c-txt-red-20:var(--sf-c-red-20);--sf-c-txt-red-30:var(--sf-c-red-30);--sf-c-txt-red-40:var(--sf-c-red-40);--sf-c-txt-red-50:var(--sf-c-red-50);--sf-c-txt-red-60:var(--sf-c-red-60);--sf-c-txt-red-70:var(--sf-c-red-70);--sf-c-txt-red-80:var(--sf-c-red-80);--sf-c-txt-red-90:var(--sf-c-red-90);--sf-c-txt-red-100:var(--sf-c-red-100);--sf-dark-c-red:0 100% 50%;--sf-dark-c-red-0:0 100% 0%;--sf-dark-c-red-10:0 100% 10%;--sf-dark-c-red-20:0 100% 20%;--sf-dark-c-red-30:0 100% 30%;--sf-dark-c-red-40:0 100% 40%;--sf-dark-c-red-50:0 100% 50%;--sf-dark-c-red-60:0 100% 60%;--sf-dark-c-red-70:0 100% 70%;--sf-dark-c-red-80:0 100% 80%;--sf-dark-c-red-90:0 100% 90%;--sf-dark-c-red-100:0 100% 100%;--sf-dark-c-txt-red:var(--sf-dark-c-red);--sf-dark-c-txt-red-0:var(--sf-dark-c-red-0);--sf-dark-c-txt-red-10:var(--sf-dark-c-red-10);--sf-dark-c-txt-red-20:var(--sf-dark-c-red-20);--sf-dark-c-txt-red-30:var(--sf-dark-c-red-30);--sf-dark-c-txt-red-40:var(--sf-dark-c-red-40);--sf-dark-c-txt-red-50:var(--sf-dark-c-red-50);--sf-dark-c-txt-red-60:var(--sf-dark-c-red-60);--sf-dark-c-txt-red-70:var(--sf-dark-c-red-70);--sf-dark-c-txt-red-80:var(--sf-dark-c-red-80);--sf-dark-c-txt-red-90:var(--sf-dark-c-red-90);--sf-dark-c-txt-red-100:var(--sf-dark-c-red-100);--sf-c-skyblue:197 71% 73%;--sf-c-skyblue-0:197 71% 0%;--sf-c-skyblue-10:197 71% 10%;--sf-c-skyblue-20:197 71% 20%;--sf-c-skyblue-30:197 71% 30%;--sf-c-skyblue-40:197 71% 40%;--sf-c-skyblue-50:197 71% 50%;--sf-c-skyblue-60:197 71% 60%;--sf-c-skyblue-70:197 71% 70%;--sf-c-skyblue-80:197 71% 80%;--sf-c-skyblue-90:197 71% 90%;--sf-c-skyblue-100:197 71% 100%;--sf-c-txt-skyblue:var(--sf-c-skyblue);--sf-c-txt-skyblue-0:var(--sf-c-skyblue-0);--sf-c-txt-skyblue-10:var(--sf-c-skyblue-10);--sf-c-txt-skyblue-20:var(--sf-c-skyblue-20);--sf-c-txt-skyblue-30:var(--sf-c-skyblue-30);--sf-c-txt-skyblue-40:var(--sf-c-skyblue-40);--sf-c-txt-skyblue-50:var(--sf-c-skyblue-50);--sf-c-txt-skyblue-60:var(--sf-c-skyblue-60);--sf-c-txt-skyblue-70:var(--sf-c-skyblue-70);--sf-c-txt-skyblue-80:var(--sf-c-skyblue-80);--sf-c-txt-skyblue-90:var(--sf-c-skyblue-90);--sf-c-txt-skyblue-100:var(--sf-c-skyblue-100);--sf-dark-c-skyblue:197 71% 27%;--sf-dark-c-skyblue-0:197 71% 0%;--sf-dark-c-skyblue-10:197 71% 10%;--sf-dark-c-skyblue-20:197 71% 20%;--sf-dark-c-skyblue-30:197 71% 30%;--sf-dark-c-skyblue-40:197 71% 40%;--sf-dark-c-skyblue-50:197 71% 50%;--sf-dark-c-skyblue-60:197 71% 60%;--sf-dark-c-skyblue-70:197 71% 70%;--sf-dark-c-skyblue-80:197 71% 80%;--sf-dark-c-skyblue-90:197 71% 90%;--sf-dark-c-skyblue-100:197 71% 100%;--sf-dark-c-txt-skyblue:var(--sf-dark-c-skyblue);--sf-dark-c-txt-skyblue-0:var(--sf-dark-c-skyblue-0);--sf-dark-c-txt-skyblue-10:var(--sf-dark-c-skyblue-10);--sf-dark-c-txt-skyblue-20:var(--sf-dark-c-skyblue-20);--sf-dark-c-txt-skyblue-30:var(--sf-dark-c-skyblue-30);--sf-dark-c-txt-skyblue-40:var(--sf-dark-c-skyblue-40);--sf-dark-c-txt-skyblue-50:var(--sf-dark-c-skyblue-50);--sf-dark-c-txt-skyblue-60:var(--sf-dark-c-skyblue-60);--sf-dark-c-txt-skyblue-70:var(--sf-dark-c-skyblue-70);--sf-dark-c-txt-skyblue-80:var(--sf-dark-c-skyblue-80);--sf-dark-c-txt-skyblue-90:var(--sf-dark-c-skyblue-90);--sf-dark-c-txt-skyblue-100:var(--sf-dark-c-skyblue-100);--sf-c-violet:300 76% 72%;--sf-c-violet-0:300 76% 0%;--sf-c-violet-10:300 76% 10%;--sf-c-violet-20:300 76% 20%;--sf-c-violet-30:300 76% 30%;--sf-c-violet-40:300 76% 40%;--sf-c-violet-50:300 76% 50%;--sf-c-violet-60:300 76% 60%;--sf-c-violet-70:300 76% 70%;--sf-c-violet-80:300 76% 80%;--sf-c-violet-90:300 76% 90%;--sf-c-violet-100:300 76% 100%;--sf-c-txt-violet:var(--sf-c-violet);--sf-c-txt-violet-0:var(--sf-c-violet-0);--sf-c-txt-violet-10:var(--sf-c-violet-10);--sf-c-txt-violet-20:var(--sf-c-violet-20);--sf-c-txt-violet-30:var(--sf-c-violet-30);--sf-c-txt-violet-40:var(--sf-c-violet-40);--sf-c-txt-violet-50:var(--sf-c-violet-50);--sf-c-txt-violet-60:var(--sf-c-violet-60);--sf-c-txt-violet-70:var(--sf-c-violet-70);--sf-c-txt-violet-80:var(--sf-c-violet-80);--sf-c-txt-violet-90:var(--sf-c-violet-90);--sf-c-txt-violet-100:var(--sf-c-violet-100);--sf-dark-c-violet:300 76% 28%;--sf-dark-c-violet-0:300 76% 0%;--sf-dark-c-violet-10:300 76% 10%;--sf-dark-c-violet-20:300 76% 20%;--sf-dark-c-violet-30:300 76% 30%;--sf-dark-c-violet-40:300 76% 40%;--sf-dark-c-violet-50:300 76% 50%;--sf-dark-c-violet-60:300 76% 60%;--sf-dark-c-violet-70:300 76% 70%;--sf-dark-c-violet-80:300 76% 80%;--sf-dark-c-violet-90:300 76% 90%;--sf-dark-c-violet-100:300 76% 100%;--sf-dark-c-txt-violet:var(--sf-dark-c-violet);--sf-dark-c-txt-violet-0:var(--sf-dark-c-violet-0);--sf-dark-c-txt-violet-10:var(--sf-dark-c-violet-10);--sf-dark-c-txt-violet-20:var(--sf-dark-c-violet-20);--sf-dark-c-txt-violet-30:var(--sf-dark-c-violet-30);--sf-dark-c-txt-violet-40:var(--sf-dark-c-violet-40);--sf-dark-c-txt-violet-50:var(--sf-dark-c-violet-50);--sf-dark-c-txt-violet-60:var(--sf-dark-c-violet-60);--sf-dark-c-txt-violet-70:var(--sf-dark-c-violet-70);--sf-dark-c-txt-violet-80:var(--sf-dark-c-violet-80);--sf-dark-c-txt-violet-90:var(--sf-dark-c-violet-90);--sf-dark-c-txt-violet-100:var(--sf-dark-c-violet-100);--sf-c-yellow:60 100% 50%;--sf-c-yellow-0:60 100% 0%;--sf-c-yellow-10:60 100% 10%;--sf-c-yellow-20:60 100% 20%;--sf-c-yellow-30:60 100% 30%;--sf-c-yellow-40:60 100% 40%;--sf-c-yellow-50:60 100% 50%;--sf-c-yellow-60:60 100% 60%;--sf-c-yellow-70:60 100% 70%;--sf-c-yellow-80:60 100% 80%;--sf-c-yellow-90:60 100% 90%;--sf-c-yellow-100:60 100% 100%;--sf-c-txt-yellow:var(--sf-c-yellow);--sf-c-txt-yellow-0:var(--sf-c-yellow-0);--sf-c-txt-yellow-10:var(--sf-c-yellow-10);--sf-c-txt-yellow-20:var(--sf-c-yellow-20);--sf-c-txt-yellow-30:var(--sf-c-yellow-30);--sf-c-txt-yellow-40:var(--sf-c-yellow-40);--sf-c-txt-yellow-50:var(--sf-c-yellow-50);--sf-c-txt-yellow-60:var(--sf-c-yellow-60);--sf-c-txt-yellow-70:var(--sf-c-yellow-70);--sf-c-txt-yellow-80:var(--sf-c-yellow-80);--sf-c-txt-yellow-90:var(--sf-c-yellow-90);--sf-c-txt-yellow-100:var(--sf-c-yellow-100);--sf-dark-c-yellow:60 100% 50%;--sf-dark-c-yellow-0:60 100% 0%;--sf-dark-c-yellow-10:60 100% 10%;--sf-dark-c-yellow-20:60 100% 20%;--sf-dark-c-yellow-30:60 100% 30%;--sf-dark-c-yellow-40:60 100% 40%;--sf-dark-c-yellow-50:60 100% 50%;--sf-dark-c-yellow-60:60 100% 60%;--sf-dark-c-yellow-70:60 100% 70%;--sf-dark-c-yellow-80:60 100% 80%;--sf-dark-c-yellow-90:60 100% 90%;--sf-dark-c-yellow-100:60 100% 100%;--sf-dark-c-txt-yellow:var(--sf-dark-c-yellow);--sf-dark-c-txt-yellow-0:var(--sf-dark-c-yellow-0);--sf-dark-c-txt-yellow-10:var(--sf-dark-c-yellow-10);--sf-dark-c-txt-yellow-20:var(--sf-dark-c-yellow-20);--sf-dark-c-txt-yellow-30:var(--sf-dark-c-yellow-30);--sf-dark-c-txt-yellow-40:var(--sf-dark-c-yellow-40);--sf-dark-c-txt-yellow-50:var(--sf-dark-c-yellow-50);--sf-dark-c-txt-yellow-60:var(--sf-dark-c-yellow-60);--sf-dark-c-txt-yellow-70:var(--sf-dark-c-yellow-70);--sf-dark-c-txt-yellow-80:var(--sf-dark-c-yellow-80);--sf-dark-c-txt-yellow-90:var(--sf-dark-c-yellow-90);--sf-dark-c-txt-yellow-100:var(--sf-dark-c-yellow-100)}.sf-c-black{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black))}.sf-c-black\:0{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-0))}.sf-c-black\:10{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-10))}.sf-c-black\:20{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-20))}.sf-c-black\:30{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-30))}.sf-c-black\:40{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-40))}.sf-c-black\:50{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-50))}.sf-c-black\:60{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-60))}.sf-c-black\:70{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-70))}.sf-c-black\:80{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-80))}.sf-c-black\:90{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-90))}.sf-c-black\:100{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-100))}html.var .sf-c-black{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var .sf-c-black\:0{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var .sf-c-black\:10{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var .sf-c-black\:20{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var .sf-c-black\:30{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var .sf-c-black\:40{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var .sf-c-black\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,60%)}html.var .sf-c-black\:70{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var .sf-c-black\:80{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var .sf-c-black\:90{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var .sf-c-black\:100{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-black,html.dark .sf-c-black{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black))}html[data-theme='dark'] .sf-c-black\:0,html.dark .sf-c-black\:0{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-100))}html[data-theme='dark'] .sf-c-black\:10,html.dark .sf-c-black\:10{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-90))}html[data-theme='dark'] .sf-c-black\:20,html.dark .sf-c-black\:20{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-80))}html[data-theme='dark'] .sf-c-black\:30,html.dark .sf-c-black\:30{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-70))}html[data-theme='dark'] .sf-c-black\:40,html.dark .sf-c-black\:40{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-60))}html[data-theme='dark'] .sf-c-black\:50,html.dark .sf-c-black\:50{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-50))}html[data-theme='dark'] .sf-c-black\:60,html.dark .sf-c-black\:60{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-40))}html[data-theme='dark'] .sf-c-black\:70,html.dark .sf-c-black\:70{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-30))}html[data-theme='dark'] .sf-c-black\:80,html.dark .sf-c-black\:80{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-20))}html[data-theme='dark'] .sf-c-black\:90,html.dark .sf-c-black\:90{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-10))}html[data-theme='dark'] .sf-c-black\:100,html.dark .sf-c-black\:100{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-0))}html[data-theme='dark'] .sf-c-black\:dark,html.dark .sf-c-black\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black))}html[data-theme='dark'] .sf-c-black\:0\:dark,html.dark .sf-c-black\:0\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-100))}html[data-theme='dark'] .sf-c-black\:10\:dark,html.dark .sf-c-black\:10\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-90))}html[data-theme='dark'] .sf-c-black\:20\:dark,html.dark .sf-c-black\:20\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-80))}html[data-theme='dark'] .sf-c-black\:30\:dark,html.dark .sf-c-black\:30\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-70))}html[data-theme='dark'] .sf-c-black\:40\:dark,html.dark .sf-c-black\:40\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-60))}html[data-theme='dark'] .sf-c-black\:50\:dark,html.dark .sf-c-black\:50\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-50))}html[data-theme='dark'] .sf-c-black\:60\:dark,html.dark .sf-c-black\:60\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-40))}html[data-theme='dark'] .sf-c-black\:70\:dark,html.dark .sf-c-black\:70\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-30))}html[data-theme='dark'] .sf-c-black\:80\:dark,html.dark .sf-c-black\:80\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-20))}html[data-theme='dark'] .sf-c-black\:90\:dark,html.dark .sf-c-black\:90\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-10))}html[data-theme='dark'] .sf-c-black\:100\:dark,html.dark .sf-c-black\:100\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-0))}html.var[data-theme='dark'] .sf-c-black,html.var.dark .sf-c-black{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:0,html.var.dark .sf-c-black\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:10,html.var.dark .sf-c-black\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-black\:20,html.var.dark .sf-c-black\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-black\:30,html.var.dark .sf-c-black\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-black\:40,html.var.dark .sf-c-black\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-black\:50,html.var.dark .sf-c-black\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-black\:60,html.var.dark .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-black\:70,html.var.dark .sf-c-black\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-black\:80,html.var.dark .sf-c-black\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-black\:90,html.var.dark .sf-c-black\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-black\:100,html.var.dark .sf-c-black\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-black\:dark,html.var.dark .sf-c-black\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:0\:dark,html.var.dark .sf-c-black\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:10\:dark,html.var.dark .sf-c-black\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-black\:20\:dark,html.var.dark .sf-c-black\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-black\:30\:dark,html.var.dark .sf-c-black\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-black\:40\:dark,html.var.dark .sf-c-black\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-black\:50\:dark,html.var.dark .sf-c-black\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-black\:60\:dark,html.var.dark .sf-c-black\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-black\:70\:dark,html.var.dark .sf-c-black\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-black\:80\:dark,html.var.dark .sf-c-black\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-black\:90\:dark,html.var.dark .sf-c-black\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-black\:100\:dark,html.var.dark .sf-c-black\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-black,html.auto .sf-c-black{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black))}html[data-theme='auto'] .sf-c-black\:0,html.auto .sf-c-black\:0{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-100))}html[data-theme='auto'] .sf-c-black\:10,html.auto .sf-c-black\:10{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-90))}html[data-theme='auto'] .sf-c-black\:20,html.auto .sf-c-black\:20{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-80))}html[data-theme='auto'] .sf-c-black\:30,html.auto .sf-c-black\:30{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-70))}html[data-theme='auto'] .sf-c-black\:40,html.auto .sf-c-black\:40{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-60))}html[data-theme='auto'] .sf-c-black\:50,html.auto .sf-c-black\:50{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-50))}html[data-theme='auto'] .sf-c-black\:60,html.auto .sf-c-black\:60{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-40))}html[data-theme='auto'] .sf-c-black\:70,html.auto .sf-c-black\:70{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-30))}html[data-theme='auto'] .sf-c-black\:80,html.auto .sf-c-black\:80{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-20))}html[data-theme='auto'] .sf-c-black\:90,html.auto .sf-c-black\:90{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-10))}html[data-theme='auto'] .sf-c-black\:100,html.auto .sf-c-black\:100{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-0))}html[data-theme='auto'] .sf-c-black\:dark,html.auto .sf-c-black\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black))}html[data-theme='auto'] .sf-c-black\:0\:dark,html.auto .sf-c-black\:0\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-100))}html[data-theme='auto'] .sf-c-black\:10\:dark,html.auto .sf-c-black\:10\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-90))}html[data-theme='auto'] .sf-c-black\:20\:dark,html.auto .sf-c-black\:20\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-80))}html[data-theme='auto'] .sf-c-black\:30\:dark,html.auto .sf-c-black\:30\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-70))}html[data-theme='auto'] .sf-c-black\:40\:dark,html.auto .sf-c-black\:40\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-60))}html[data-theme='auto'] .sf-c-black\:50\:dark,html.auto .sf-c-black\:50\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-50))}html[data-theme='auto'] .sf-c-black\:60\:dark,html.auto .sf-c-black\:60\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-40))}html[data-theme='auto'] .sf-c-black\:70\:dark,html.auto .sf-c-black\:70\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-30))}html[data-theme='auto'] .sf-c-black\:80\:dark,html.auto .sf-c-black\:80\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-20))}html[data-theme='auto'] .sf-c-black\:90\:dark,html.auto .sf-c-black\:90\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-10))}html[data-theme='auto'] .sf-c-black\:100\:dark,html.auto .sf-c-black\:100\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-0))}html.var[data-theme='auto'] .sf-c-black,html.var.auto .sf-c-black{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:0,html.var.auto .sf-c-black\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:10,html.var.auto .sf-c-black\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-black\:20,html.var.auto .sf-c-black\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-black\:30,html.var.auto .sf-c-black\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-black\:40,html.var.auto .sf-c-black\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-black\:50,html.var.auto .sf-c-black\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-black\:60,html.var.auto .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-black\:70,html.var.auto .sf-c-black\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-black\:80,html.var.auto .sf-c-black\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-black\:90,html.var.auto .sf-c-black\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-black\:100,html.var.auto .sf-c-black\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-black\:dark,html.var.auto .sf-c-black\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:0\:dark,html.var.auto .sf-c-black\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:10\:dark,html.var.auto .sf-c-black\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-black\:20\:dark,html.var.auto .sf-c-black\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-black\:30\:dark,html.var.auto .sf-c-black\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-black\:40\:dark,html.var.auto .sf-c-black\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-black\:50\:dark,html.var.auto .sf-c-black\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-black\:60\:dark,html.var.auto .sf-c-black\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-black\:70\:dark,html.var.auto .sf-c-black\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-black\:80\:dark,html.var.auto .sf-c-black\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-black\:90\:dark,html.var.auto .sf-c-black\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-black\:100\:dark,html.var.auto .sf-c-black\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}}.sf-c-txt-black{color:hsl(var(--sf-c-txt-black))}.sf-c-txt-black\:0{color:hsl(var(--sf-c-txt-black-0))}.sf-c-txt-black\:10{color:hsl(var(--sf-c-txt-black-10))}.sf-c-txt-black\:20{color:hsl(var(--sf-c-txt-black-20))}.sf-c-txt-black\:30{color:hsl(var(--sf-c-txt-black-30))}.sf-c-txt-black\:40{color:hsl(var(--sf-c-txt-black-40))}.sf-c-txt-black\:50{color:hsl(var(--sf-c-txt-black-50))}.sf-c-txt-black\:60{color:hsl(var(--sf-c-txt-black-60))}.sf-c-txt-black\:70{color:hsl(var(--sf-c-txt-black-70))}.sf-c-txt-black\:80{color:hsl(var(--sf-c-txt-black-80))}.sf-c-txt-black\:90{color:hsl(var(--sf-c-txt-black-90))}.sf-c-txt-black\:100{color:hsl(var(--sf-c-txt-black-100))}.sf-c-blue{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue))}.sf-c-blue\:0{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-0))}.sf-c-blue\:10{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-10))}.sf-c-blue\:20{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-20))}.sf-c-blue\:30{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-30))}.sf-c-blue\:40{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-40))}.sf-c-blue\:50{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-50))}.sf-c-blue\:60{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-60))}.sf-c-blue\:70{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-70))}.sf-c-blue\:80{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-80))}.sf-c-blue\:90{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-90))}.sf-c-blue\:100{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-100))}html.var .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var .sf-c-blue\:0{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var .sf-c-blue\:10{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var .sf-c-blue\:20{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var .sf-c-blue\:30{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html.var .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,80%)}html.var .sf-c-blue\:90{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var .sf-c-blue\:100{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}html[data-theme='dark'] .sf-c-blue,html.dark .sf-c-blue{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue))}html[data-theme='dark'] .sf-c-blue\:0,html.dark .sf-c-blue\:0{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-100))}html[data-theme='dark'] .sf-c-blue\:10,html.dark .sf-c-blue\:10{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-90))}html[data-theme='dark'] .sf-c-blue\:20,html.dark .sf-c-blue\:20{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-80))}html[data-theme='dark'] .sf-c-blue\:30,html.dark .sf-c-blue\:30{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-70))}html[data-theme='dark'] .sf-c-blue\:40,html.dark .sf-c-blue\:40{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-60))}html[data-theme='dark'] .sf-c-blue\:50,html.dark .sf-c-blue\:50{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-50))}html[data-theme='dark'] .sf-c-blue\:60,html.dark .sf-c-blue\:60{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-40))}html[data-theme='dark'] .sf-c-blue\:70,html.dark .sf-c-blue\:70{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-30))}html[data-theme='dark'] .sf-c-blue\:80,html.dark .sf-c-blue\:80{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-20))}html[data-theme='dark'] .sf-c-blue\:90,html.dark .sf-c-blue\:90{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-10))}html[data-theme='dark'] .sf-c-blue\:100,html.dark .sf-c-blue\:100{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-0))}html[data-theme='dark'] .sf-c-blue\:dark,html.dark .sf-c-blue\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue))}html[data-theme='dark'] .sf-c-blue\:0\:dark,html.dark .sf-c-blue\:0\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-100))}html[data-theme='dark'] .sf-c-blue\:10\:dark,html.dark .sf-c-blue\:10\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-90))}html[data-theme='dark'] .sf-c-blue\:20\:dark,html.dark .sf-c-blue\:20\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-80))}html[data-theme='dark'] .sf-c-blue\:30\:dark,html.dark .sf-c-blue\:30\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-70))}html[data-theme='dark'] .sf-c-blue\:40\:dark,html.dark .sf-c-blue\:40\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-60))}html[data-theme='dark'] .sf-c-blue\:50\:dark,html.dark .sf-c-blue\:50\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-50))}html[data-theme='dark'] .sf-c-blue\:60\:dark,html.dark .sf-c-blue\:60\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-40))}html[data-theme='dark'] .sf-c-blue\:70\:dark,html.dark .sf-c-blue\:70\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-30))}html[data-theme='dark'] .sf-c-blue\:80\:dark,html.dark .sf-c-blue\:80\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-20))}html[data-theme='dark'] .sf-c-blue\:90\:dark,html.dark .sf-c-blue\:90\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-10))}html[data-theme='dark'] .sf-c-blue\:100\:dark,html.dark .sf-c-blue\:100\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-0))}html.var[data-theme='dark'] .sf-c-blue,html.var.dark .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:0,html.var.dark .sf-c-blue\:0{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='dark'] .sf-c-blue\:10,html.var.dark .sf-c-blue\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-blue\:20,html.var.dark .sf-c-blue\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-blue\:30,html.var.dark .sf-c-blue\:30{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-blue\:40,html.var.dark .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-blue\:50,html.var.dark .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:60,html.var.dark .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-blue\:70,html.var.dark .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-blue\:80,html.var.dark .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-blue\:90,html.var.dark .sf-c-blue\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-blue\:100,html.var.dark .sf-c-blue\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='dark'] .sf-c-blue\:dark,html.var.dark .sf-c-blue\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:0\:dark,html.var.dark .sf-c-blue\:0\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='dark'] .sf-c-blue\:10\:dark,html.var.dark .sf-c-blue\:10\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-blue\:20\:dark,html.var.dark .sf-c-blue\:20\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-blue\:30\:dark,html.var.dark .sf-c-blue\:30\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-blue\:40\:dark,html.var.dark .sf-c-blue\:40\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-blue\:50\:dark,html.var.dark .sf-c-blue\:50\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:60\:dark,html.var.dark .sf-c-blue\:60\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-blue\:70\:dark,html.var.dark .sf-c-blue\:70\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-blue\:80\:dark,html.var.dark .sf-c-blue\:80\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-blue\:90\:dark,html.var.dark .sf-c-blue\:90\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-blue\:100\:dark,html.var.dark .sf-c-blue\:100\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-blue,html.auto .sf-c-blue{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue))}html[data-theme='auto'] .sf-c-blue\:0,html.auto .sf-c-blue\:0{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-100))}html[data-theme='auto'] .sf-c-blue\:10,html.auto .sf-c-blue\:10{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-90))}html[data-theme='auto'] .sf-c-blue\:20,html.auto .sf-c-blue\:20{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-80))}html[data-theme='auto'] .sf-c-blue\:30,html.auto .sf-c-blue\:30{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-70))}html[data-theme='auto'] .sf-c-blue\:40,html.auto .sf-c-blue\:40{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-60))}html[data-theme='auto'] .sf-c-blue\:50,html.auto .sf-c-blue\:50{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-50))}html[data-theme='auto'] .sf-c-blue\:60,html.auto .sf-c-blue\:60{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-40))}html[data-theme='auto'] .sf-c-blue\:70,html.auto .sf-c-blue\:70{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-30))}html[data-theme='auto'] .sf-c-blue\:80,html.auto .sf-c-blue\:80{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-20))}html[data-theme='auto'] .sf-c-blue\:90,html.auto .sf-c-blue\:90{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-10))}html[data-theme='auto'] .sf-c-blue\:100,html.auto .sf-c-blue\:100{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-0))}html[data-theme='auto'] .sf-c-blue\:dark,html.auto .sf-c-blue\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue))}html[data-theme='auto'] .sf-c-blue\:0\:dark,html.auto .sf-c-blue\:0\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-100))}html[data-theme='auto'] .sf-c-blue\:10\:dark,html.auto .sf-c-blue\:10\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-90))}html[data-theme='auto'] .sf-c-blue\:20\:dark,html.auto .sf-c-blue\:20\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-80))}html[data-theme='auto'] .sf-c-blue\:30\:dark,html.auto .sf-c-blue\:30\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-70))}html[data-theme='auto'] .sf-c-blue\:40\:dark,html.auto .sf-c-blue\:40\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-60))}html[data-theme='auto'] .sf-c-blue\:50\:dark,html.auto .sf-c-blue\:50\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-50))}html[data-theme='auto'] .sf-c-blue\:60\:dark,html.auto .sf-c-blue\:60\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-40))}html[data-theme='auto'] .sf-c-blue\:70\:dark,html.auto .sf-c-blue\:70\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-30))}html[data-theme='auto'] .sf-c-blue\:80\:dark,html.auto .sf-c-blue\:80\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-20))}html[data-theme='auto'] .sf-c-blue\:90\:dark,html.auto .sf-c-blue\:90\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-10))}html[data-theme='auto'] .sf-c-blue\:100\:dark,html.auto .sf-c-blue\:100\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-0))}html.var[data-theme='auto'] .sf-c-blue,html.var.auto .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:0,html.var.auto .sf-c-blue\:0{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='auto'] .sf-c-blue\:10,html.var.auto .sf-c-blue\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-blue\:20,html.var.auto .sf-c-blue\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-blue\:30,html.var.auto .sf-c-blue\:30{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-blue\:40,html.var.auto .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-blue\:50,html.var.auto .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:60,html.var.auto .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-blue\:70,html.var.auto .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-blue\:80,html.var.auto .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-blue\:90,html.var.auto .sf-c-blue\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-blue\:100,html.var.auto .sf-c-blue\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='auto'] .sf-c-blue\:dark,html.var.auto .sf-c-blue\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:0\:dark,html.var.auto .sf-c-blue\:0\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='auto'] .sf-c-blue\:10\:dark,html.var.auto .sf-c-blue\:10\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-blue\:20\:dark,html.var.auto .sf-c-blue\:20\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-blue\:30\:dark,html.var.auto .sf-c-blue\:30\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-blue\:40\:dark,html.var.auto .sf-c-blue\:40\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-blue\:50\:dark,html.var.auto .sf-c-blue\:50\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:60\:dark,html.var.auto .sf-c-blue\:60\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-blue\:70\:dark,html.var.auto .sf-c-blue\:70\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-blue\:80\:dark,html.var.auto .sf-c-blue\:80\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-blue\:90\:dark,html.var.auto .sf-c-blue\:90\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-blue\:100\:dark,html.var.auto .sf-c-blue\:100\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}}.sf-c-txt-blue{color:hsl(var(--sf-c-txt-blue))}.sf-c-txt-blue\:0{color:hsl(var(--sf-c-txt-blue-0))}.sf-c-txt-blue\:10{color:hsl(var(--sf-c-txt-blue-10))}.sf-c-txt-blue\:20{color:hsl(var(--sf-c-txt-blue-20))}.sf-c-txt-blue\:30{color:hsl(var(--sf-c-txt-blue-30))}.sf-c-txt-blue\:40{color:hsl(var(--sf-c-txt-blue-40))}.sf-c-txt-blue\:50{color:hsl(var(--sf-c-txt-blue-50))}.sf-c-txt-blue\:60{color:hsl(var(--sf-c-txt-blue-60))}.sf-c-txt-blue\:70{color:hsl(var(--sf-c-txt-blue-70))}.sf-c-txt-blue\:80{color:hsl(var(--sf-c-txt-blue-80))}.sf-c-txt-blue\:90{color:hsl(var(--sf-c-txt-blue-90))}.sf-c-txt-blue\:100{color:hsl(var(--sf-c-txt-blue-100))}.sf-c-green{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green))}.sf-c-green\:0{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-0))}.sf-c-green\:10{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-10))}.sf-c-green\:20{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-20))}.sf-c-green\:30{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-30))}.sf-c-green\:40{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-40))}.sf-c-green\:50{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-50))}.sf-c-green\:60{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-60))}.sf-c-green\:70{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-70))}.sf-c-green\:80{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-80))}.sf-c-green\:90{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-90))}.sf-c-green\:100{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-100))}html.var .sf-c-green{color:hsl(120,100%,90%);background:hsl(120,100%,25%)}html.var .sf-c-green\:0{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var .sf-c-green\:10{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var .sf-c-green\:20{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var .sf-c-green\:30{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html.var .sf-c-green\:40{color:hsl(120,100%,90%);background:hsl(120,100%,40%)}html.var .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var .sf-c-green\:70{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var .sf-c-green\:80{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var .sf-c-green\:90{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var .sf-c-green\:100{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}html[data-theme='dark'] .sf-c-green,html.dark .sf-c-green{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green))}html[data-theme='dark'] .sf-c-green\:0,html.dark .sf-c-green\:0{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-100))}html[data-theme='dark'] .sf-c-green\:10,html.dark .sf-c-green\:10{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-90))}html[data-theme='dark'] .sf-c-green\:20,html.dark .sf-c-green\:20{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-80))}html[data-theme='dark'] .sf-c-green\:30,html.dark .sf-c-green\:30{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-70))}html[data-theme='dark'] .sf-c-green\:40,html.dark .sf-c-green\:40{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-60))}html[data-theme='dark'] .sf-c-green\:50,html.dark .sf-c-green\:50{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-50))}html[data-theme='dark'] .sf-c-green\:60,html.dark .sf-c-green\:60{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-40))}html[data-theme='dark'] .sf-c-green\:70,html.dark .sf-c-green\:70{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-30))}html[data-theme='dark'] .sf-c-green\:80,html.dark .sf-c-green\:80{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-20))}html[data-theme='dark'] .sf-c-green\:90,html.dark .sf-c-green\:90{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-10))}html[data-theme='dark'] .sf-c-green\:100,html.dark .sf-c-green\:100{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-0))}html[data-theme='dark'] .sf-c-green\:dark,html.dark .sf-c-green\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green))}html[data-theme='dark'] .sf-c-green\:0\:dark,html.dark .sf-c-green\:0\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-100))}html[data-theme='dark'] .sf-c-green\:10\:dark,html.dark .sf-c-green\:10\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-90))}html[data-theme='dark'] .sf-c-green\:20\:dark,html.dark .sf-c-green\:20\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-80))}html[data-theme='dark'] .sf-c-green\:30\:dark,html.dark .sf-c-green\:30\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-70))}html[data-theme='dark'] .sf-c-green\:40\:dark,html.dark .sf-c-green\:40\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-60))}html[data-theme='dark'] .sf-c-green\:50\:dark,html.dark .sf-c-green\:50\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-50))}html[data-theme='dark'] .sf-c-green\:60\:dark,html.dark .sf-c-green\:60\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-40))}html[data-theme='dark'] .sf-c-green\:70\:dark,html.dark .sf-c-green\:70\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-30))}html[data-theme='dark'] .sf-c-green\:80\:dark,html.dark .sf-c-green\:80\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-20))}html[data-theme='dark'] .sf-c-green\:90\:dark,html.dark .sf-c-green\:90\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-10))}html[data-theme='dark'] .sf-c-green\:100\:dark,html.dark .sf-c-green\:100\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-0))}html.var[data-theme='dark'] .sf-c-green,html.var.dark .sf-c-green{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='dark'] .sf-c-green\:0,html.var.dark .sf-c-green\:0{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='dark'] .sf-c-green\:10,html.var.dark .sf-c-green\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-green\:20,html.var.dark .sf-c-green\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-green\:30,html.var.dark .sf-c-green\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-green\:40,html.var.dark .sf-c-green\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-green\:50,html.var.dark .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-green\:60,html.var.dark .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-green\:70,html.var.dark .sf-c-green\:70{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-green\:80,html.var.dark .sf-c-green\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-green\:90,html.var.dark .sf-c-green\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-green\:100,html.var.dark .sf-c-green\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='dark'] .sf-c-green\:dark,html.var.dark .sf-c-green\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='dark'] .sf-c-green\:0\:dark,html.var.dark .sf-c-green\:0\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='dark'] .sf-c-green\:10\:dark,html.var.dark .sf-c-green\:10\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-green\:20\:dark,html.var.dark .sf-c-green\:20\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-green\:30\:dark,html.var.dark .sf-c-green\:30\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-green\:40\:dark,html.var.dark .sf-c-green\:40\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-green\:50\:dark,html.var.dark .sf-c-green\:50\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-green\:60\:dark,html.var.dark .sf-c-green\:60\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-green\:70\:dark,html.var.dark .sf-c-green\:70\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-green\:80\:dark,html.var.dark .sf-c-green\:80\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-green\:90\:dark,html.var.dark .sf-c-green\:90\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-green\:100\:dark,html.var.dark .sf-c-green\:100\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-green,html.auto .sf-c-green{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green))}html[data-theme='auto'] .sf-c-green\:0,html.auto .sf-c-green\:0{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-100))}html[data-theme='auto'] .sf-c-green\:10,html.auto .sf-c-green\:10{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-90))}html[data-theme='auto'] .sf-c-green\:20,html.auto .sf-c-green\:20{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-80))}html[data-theme='auto'] .sf-c-green\:30,html.auto .sf-c-green\:30{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-70))}html[data-theme='auto'] .sf-c-green\:40,html.auto .sf-c-green\:40{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-60))}html[data-theme='auto'] .sf-c-green\:50,html.auto .sf-c-green\:50{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-50))}html[data-theme='auto'] .sf-c-green\:60,html.auto .sf-c-green\:60{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-40))}html[data-theme='auto'] .sf-c-green\:70,html.auto .sf-c-green\:70{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-30))}html[data-theme='auto'] .sf-c-green\:80,html.auto .sf-c-green\:80{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-20))}html[data-theme='auto'] .sf-c-green\:90,html.auto .sf-c-green\:90{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-10))}html[data-theme='auto'] .sf-c-green\:100,html.auto .sf-c-green\:100{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-0))}html[data-theme='auto'] .sf-c-green\:dark,html.auto .sf-c-green\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green))}html[data-theme='auto'] .sf-c-green\:0\:dark,html.auto .sf-c-green\:0\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-100))}html[data-theme='auto'] .sf-c-green\:10\:dark,html.auto .sf-c-green\:10\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-90))}html[data-theme='auto'] .sf-c-green\:20\:dark,html.auto .sf-c-green\:20\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-80))}html[data-theme='auto'] .sf-c-green\:30\:dark,html.auto .sf-c-green\:30\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-70))}html[data-theme='auto'] .sf-c-green\:40\:dark,html.auto .sf-c-green\:40\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-60))}html[data-theme='auto'] .sf-c-green\:50\:dark,html.auto .sf-c-green\:50\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-50))}html[data-theme='auto'] .sf-c-green\:60\:dark,html.auto .sf-c-green\:60\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-40))}html[data-theme='auto'] .sf-c-green\:70\:dark,html.auto .sf-c-green\:70\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-30))}html[data-theme='auto'] .sf-c-green\:80\:dark,html.auto .sf-c-green\:80\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-20))}html[data-theme='auto'] .sf-c-green\:90\:dark,html.auto .sf-c-green\:90\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-10))}html[data-theme='auto'] .sf-c-green\:100\:dark,html.auto .sf-c-green\:100\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-0))}html.var[data-theme='auto'] .sf-c-green,html.var.auto .sf-c-green{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='auto'] .sf-c-green\:0,html.var.auto .sf-c-green\:0{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='auto'] .sf-c-green\:10,html.var.auto .sf-c-green\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-green\:20,html.var.auto .sf-c-green\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-green\:30,html.var.auto .sf-c-green\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-green\:40,html.var.auto .sf-c-green\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-green\:50,html.var.auto .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-green\:60,html.var.auto .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-green\:70,html.var.auto .sf-c-green\:70{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-green\:80,html.var.auto .sf-c-green\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-green\:90,html.var.auto .sf-c-green\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-green\:100,html.var.auto .sf-c-green\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='auto'] .sf-c-green\:dark,html.var.auto .sf-c-green\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='auto'] .sf-c-green\:0\:dark,html.var.auto .sf-c-green\:0\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='auto'] .sf-c-green\:10\:dark,html.var.auto .sf-c-green\:10\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-green\:20\:dark,html.var.auto .sf-c-green\:20\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-green\:30\:dark,html.var.auto .sf-c-green\:30\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-green\:40\:dark,html.var.auto .sf-c-green\:40\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-green\:50\:dark,html.var.auto .sf-c-green\:50\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-green\:60\:dark,html.var.auto .sf-c-green\:60\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-green\:70\:dark,html.var.auto .sf-c-green\:70\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-green\:80\:dark,html.var.auto .sf-c-green\:80\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-green\:90\:dark,html.var.auto .sf-c-green\:90\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-green\:100\:dark,html.var.auto .sf-c-green\:100\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}}.sf-c-txt-green{color:hsl(var(--sf-c-txt-green))}.sf-c-txt-green\:0{color:hsl(var(--sf-c-txt-green-0))}.sf-c-txt-green\:10{color:hsl(var(--sf-c-txt-green-10))}.sf-c-txt-green\:20{color:hsl(var(--sf-c-txt-green-20))}.sf-c-txt-green\:30{color:hsl(var(--sf-c-txt-green-30))}.sf-c-txt-green\:40{color:hsl(var(--sf-c-txt-green-40))}.sf-c-txt-green\:50{color:hsl(var(--sf-c-txt-green-50))}.sf-c-txt-green\:60{color:hsl(var(--sf-c-txt-green-60))}.sf-c-txt-green\:70{color:hsl(var(--sf-c-txt-green-70))}.sf-c-txt-green\:80{color:hsl(var(--sf-c-txt-green-80))}.sf-c-txt-green\:90{color:hsl(var(--sf-c-txt-green-90))}.sf-c-txt-green\:100{color:hsl(var(--sf-c-txt-green-100))}.sf-c-orange{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange))}.sf-c-orange\:0{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-0))}.sf-c-orange\:10{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-10))}.sf-c-orange\:20{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-20))}.sf-c-orange\:30{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-30))}.sf-c-orange\:40{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-40))}.sf-c-orange\:50{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-50))}.sf-c-orange\:60{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-60))}.sf-c-orange\:70{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-70))}.sf-c-orange\:80{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-80))}.sf-c-orange\:90{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-90))}.sf-c-orange\:100{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-100))}html.var .sf-c-orange{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var .sf-c-orange\:0{color:hsl(39,100%,90%);background:hsl(39,100%,0%)}html.var .sf-c-orange\:10{color:hsl(39,100%,90%);background:hsl(39,100%,10%)}html.var .sf-c-orange\:20{color:hsl(39,100%,90%);background:hsl(39,100%,20%)}html.var .sf-c-orange\:30{color:hsl(39,100%,90%);background:hsl(39,100%,30%)}html.var .sf-c-orange\:40{color:hsl(39,100%,90%);background:hsl(39,100%,40%)}html.var .sf-c-orange\:50{color:hsl(39,100%,90%);background:hsl(39,100%,50%)}html.var .sf-c-orange\:60{color:hsl(39,100%,10%);background:hsl(39,100%,60%)}html.var .sf-c-orange\:70{color:hsl(39,100%,10%);background:hsl(39,100%,70%)}html.var .sf-c-orange\:80{color:hsl(39,100%,10%);background:hsl(39,100%,80%)}html.var .sf-c-orange\:90{color:hsl(39,100%,10%);background:hsl(39,100%,90%)}html.var .sf-c-orange\:100{color:hsl(39,100%,10%);background:hsl(39,100%,100%)}html[data-theme='dark'] .sf-c-orange,html.dark .sf-c-orange{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange))}html[data-theme='dark'] .sf-c-orange\:0,html.dark .sf-c-orange\:0{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-100))}html[data-theme='dark'] .sf-c-orange\:10,html.dark .sf-c-orange\:10{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-90))}html[data-theme='dark'] .sf-c-orange\:20,html.dark .sf-c-orange\:20{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-80))}html[data-theme='dark'] .sf-c-orange\:30,html.dark .sf-c-orange\:30{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-70))}html[data-theme='dark'] .sf-c-orange\:40,html.dark .sf-c-orange\:40{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-60))}html[data-theme='dark'] .sf-c-orange\:50,html.dark .sf-c-orange\:50{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-50))}html[data-theme='dark'] .sf-c-orange\:60,html.dark .sf-c-orange\:60{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-40))}html[data-theme='dark'] .sf-c-orange\:70,html.dark .sf-c-orange\:70{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-30))}html[data-theme='dark'] .sf-c-orange\:80,html.dark .sf-c-orange\:80{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-20))}html[data-theme='dark'] .sf-c-orange\:90,html.dark .sf-c-orange\:90{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-10))}html[data-theme='dark'] .sf-c-orange\:100,html.dark .sf-c-orange\:100{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-0))}html[data-theme='dark'] .sf-c-orange\:dark,html.dark .sf-c-orange\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange))}html[data-theme='dark'] .sf-c-orange\:0\:dark,html.dark .sf-c-orange\:0\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-100))}html[data-theme='dark'] .sf-c-orange\:10\:dark,html.dark .sf-c-orange\:10\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-90))}html[data-theme='dark'] .sf-c-orange\:20\:dark,html.dark .sf-c-orange\:20\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-80))}html[data-theme='dark'] .sf-c-orange\:30\:dark,html.dark .sf-c-orange\:30\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-70))}html[data-theme='dark'] .sf-c-orange\:40\:dark,html.dark .sf-c-orange\:40\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-60))}html[data-theme='dark'] .sf-c-orange\:50\:dark,html.dark .sf-c-orange\:50\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-50))}html[data-theme='dark'] .sf-c-orange\:60\:dark,html.dark .sf-c-orange\:60\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-40))}html[data-theme='dark'] .sf-c-orange\:70\:dark,html.dark .sf-c-orange\:70\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-30))}html[data-theme='dark'] .sf-c-orange\:80\:dark,html.dark .sf-c-orange\:80\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-20))}html[data-theme='dark'] .sf-c-orange\:90\:dark,html.dark .sf-c-orange\:90\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-10))}html[data-theme='dark'] .sf-c-orange\:100\:dark,html.dark .sf-c-orange\:100\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-0))}html.var[data-theme='dark'] .sf-c-orange,html.var.dark .sf-c-orange{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='dark'] .sf-c-orange\:0,html.var.dark .sf-c-orange\:0{color:hsl(39,100%,90%);background:hsl(39,100%,100%)}html.var[data-theme='dark'] .sf-c-orange\:10,html.var.dark .sf-c-orange\:10{color:hsl(39,100%,10%);background:hsl(39,100%,90%)}html.var[data-theme='dark'] .sf-c-orange\:20,html.var.dark .sf-c-orange\:20{color:hsl(39,100%,10%);background:hsl(39,100%,80%)}html.var[data-theme='dark'] .sf-c-orange\:30,html.var.dark .sf-c-orange\:30{color:hsl(39,100%,10%);background:hsl(39,100%,70%)}html.var[data-theme='dark'] .sf-c-orange\:40,html.var.dark .sf-c-orange\:40{color:hsl(39,100%,10%);background:hsl(39,100%,60%)}html.var[data-theme='dark'] .sf-c-orange\:50,html.var.dark .sf-c-orange\:50{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='dark'] .sf-c-orange\:60,html.var.dark .sf-c-orange\:60{color:hsl(39,100%,10%);background:hsl(39,100%,40%)}html.var[data-theme='dark'] .sf-c-orange\:70,html.var.dark .sf-c-orange\:70{color:hsl(39,100%,90%);background:hsl(39,100%,30%)}html.var[data-theme='dark'] .sf-c-orange\:80,html.var.dark .sf-c-orange\:80{color:hsl(39,100%,90%);background:hsl(39,100%,20%)}html.var[data-theme='dark'] .sf-c-orange\:90,html.var.dark .sf-c-orange\:90{color:hsl(39,100%,90%);background:hsl(39,100%,10%)}html.var[data-theme='dark'] .sf-c-orange\:100,html.var.dark .sf-c-orange\:100{color:hsl(39,100%,90%);background:hsl(39,100%,0%)}html.var[data-theme='dark'] .sf-c-orange\:dark,html.var.dark .sf-c-orange\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='dark'] .sf-c-orange\:0\:dark,html.var.dark .sf-c-orange\:0\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,100%)}html.var[data-theme='dark'] .sf-c-orange\:10\:dark,html.var.dark .sf-c-orange\:10\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,90%)}html.var[data-theme='dark'] .sf-c-orange\:20\:dark,html.var.dark .sf-c-orange\:20\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,80%)}html.var[data-theme='dark'] .sf-c-orange\:30\:dark,html.var.dark .sf-c-orange\:30\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,70%)}html.var[data-theme='dark'] .sf-c-orange\:40\:dark,html.var.dark .sf-c-orange\:40\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,60%)}html.var[data-theme='dark'] .sf-c-orange\:50\:dark,html.var.dark .sf-c-orange\:50\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='dark'] .sf-c-orange\:60\:dark,html.var.dark .sf-c-orange\:60\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,40%)}html.var[data-theme='dark'] .sf-c-orange\:70\:dark,html.var.dark .sf-c-orange\:70\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,30%)}html.var[data-theme='dark'] .sf-c-orange\:80\:dark,html.var.dark .sf-c-orange\:80\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,20%)}html.var[data-theme='dark'] .sf-c-orange\:90\:dark,html.var.dark .sf-c-orange\:90\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,10%)}html.var[data-theme='dark'] .sf-c-orange\:100\:dark,html.var.dark .sf-c-orange\:100\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-orange,html.auto .sf-c-orange{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange))}html[data-theme='auto'] .sf-c-orange\:0,html.auto .sf-c-orange\:0{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-100))}html[data-theme='auto'] .sf-c-orange\:10,html.auto .sf-c-orange\:10{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-90))}html[data-theme='auto'] .sf-c-orange\:20,html.auto .sf-c-orange\:20{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-80))}html[data-theme='auto'] .sf-c-orange\:30,html.auto .sf-c-orange\:30{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-70))}html[data-theme='auto'] .sf-c-orange\:40,html.auto .sf-c-orange\:40{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-60))}html[data-theme='auto'] .sf-c-orange\:50,html.auto .sf-c-orange\:50{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-50))}html[data-theme='auto'] .sf-c-orange\:60,html.auto .sf-c-orange\:60{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-40))}html[data-theme='auto'] .sf-c-orange\:70,html.auto .sf-c-orange\:70{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-30))}html[data-theme='auto'] .sf-c-orange\:80,html.auto .sf-c-orange\:80{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-20))}html[data-theme='auto'] .sf-c-orange\:90,html.auto .sf-c-orange\:90{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-10))}html[data-theme='auto'] .sf-c-orange\:100,html.auto .sf-c-orange\:100{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-0))}html[data-theme='auto'] .sf-c-orange\:dark,html.auto .sf-c-orange\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange))}html[data-theme='auto'] .sf-c-orange\:0\:dark,html.auto .sf-c-orange\:0\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-100))}html[data-theme='auto'] .sf-c-orange\:10\:dark,html.auto .sf-c-orange\:10\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-90))}html[data-theme='auto'] .sf-c-orange\:20\:dark,html.auto .sf-c-orange\:20\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-80))}html[data-theme='auto'] .sf-c-orange\:30\:dark,html.auto .sf-c-orange\:30\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-70))}html[data-theme='auto'] .sf-c-orange\:40\:dark,html.auto .sf-c-orange\:40\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-60))}html[data-theme='auto'] .sf-c-orange\:50\:dark,html.auto .sf-c-orange\:50\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-50))}html[data-theme='auto'] .sf-c-orange\:60\:dark,html.auto .sf-c-orange\:60\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-40))}html[data-theme='auto'] .sf-c-orange\:70\:dark,html.auto .sf-c-orange\:70\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-30))}html[data-theme='auto'] .sf-c-orange\:80\:dark,html.auto .sf-c-orange\:80\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-20))}html[data-theme='auto'] .sf-c-orange\:90\:dark,html.auto .sf-c-orange\:90\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-10))}html[data-theme='auto'] .sf-c-orange\:100\:dark,html.auto .sf-c-orange\:100\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-0))}html.var[data-theme='auto'] .sf-c-orange,html.var.auto .sf-c-orange{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='auto'] .sf-c-orange\:0,html.var.auto .sf-c-orange\:0{color:hsl(39,100%,90%);background:hsl(39,100%,100%)}html.var[data-theme='auto'] .sf-c-orange\:10,html.var.auto .sf-c-orange\:10{color:hsl(39,100%,10%);background:hsl(39,100%,90%)}html.var[data-theme='auto'] .sf-c-orange\:20,html.var.auto .sf-c-orange\:20{color:hsl(39,100%,10%);background:hsl(39,100%,80%)}html.var[data-theme='auto'] .sf-c-orange\:30,html.var.auto .sf-c-orange\:30{color:hsl(39,100%,10%);background:hsl(39,100%,70%)}html.var[data-theme='auto'] .sf-c-orange\:40,html.var.auto .sf-c-orange\:40{color:hsl(39,100%,10%);background:hsl(39,100%,60%)}html.var[data-theme='auto'] .sf-c-orange\:50,html.var.auto .sf-c-orange\:50{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='auto'] .sf-c-orange\:60,html.var.auto .sf-c-orange\:60{color:hsl(39,100%,10%);background:hsl(39,100%,40%)}html.var[data-theme='auto'] .sf-c-orange\:70,html.var.auto .sf-c-orange\:70{color:hsl(39,100%,90%);background:hsl(39,100%,30%)}html.var[data-theme='auto'] .sf-c-orange\:80,html.var.auto .sf-c-orange\:80{color:hsl(39,100%,90%);background:hsl(39,100%,20%)}html.var[data-theme='auto'] .sf-c-orange\:90,html.var.auto .sf-c-orange\:90{color:hsl(39,100%,90%);background:hsl(39,100%,10%)}html.var[data-theme='auto'] .sf-c-orange\:100,html.var.auto .sf-c-orange\:100{color:hsl(39,100%,90%);background:hsl(39,100%,0%)}html.var[data-theme='auto'] .sf-c-orange\:dark,html.var.auto .sf-c-orange\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='auto'] .sf-c-orange\:0\:dark,html.var.auto .sf-c-orange\:0\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,100%)}html.var[data-theme='auto'] .sf-c-orange\:10\:dark,html.var.auto .sf-c-orange\:10\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,90%)}html.var[data-theme='auto'] .sf-c-orange\:20\:dark,html.var.auto .sf-c-orange\:20\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,80%)}html.var[data-theme='auto'] .sf-c-orange\:30\:dark,html.var.auto .sf-c-orange\:30\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,70%)}html.var[data-theme='auto'] .sf-c-orange\:40\:dark,html.var.auto .sf-c-orange\:40\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,60%)}html.var[data-theme='auto'] .sf-c-orange\:50\:dark,html.var.auto .sf-c-orange\:50\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='auto'] .sf-c-orange\:60\:dark,html.var.auto .sf-c-orange\:60\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,40%)}html.var[data-theme='auto'] .sf-c-orange\:70\:dark,html.var.auto .sf-c-orange\:70\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,30%)}html.var[data-theme='auto'] .sf-c-orange\:80\:dark,html.var.auto .sf-c-orange\:80\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,20%)}html.var[data-theme='auto'] .sf-c-orange\:90\:dark,html.var.auto .sf-c-orange\:90\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,10%)}html.var[data-theme='auto'] .sf-c-orange\:100\:dark,html.var.auto .sf-c-orange\:100\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,0%)}}.sf-c-txt-orange{color:hsl(var(--sf-c-txt-orange))}.sf-c-txt-orange\:0{color:hsl(var(--sf-c-txt-orange-0))}.sf-c-txt-orange\:10{color:hsl(var(--sf-c-txt-orange-10))}.sf-c-txt-orange\:20{color:hsl(var(--sf-c-txt-orange-20))}.sf-c-txt-orange\:30{color:hsl(var(--sf-c-txt-orange-30))}.sf-c-txt-orange\:40{color:hsl(var(--sf-c-txt-orange-40))}.sf-c-txt-orange\:50{color:hsl(var(--sf-c-txt-orange-50))}.sf-c-txt-orange\:60{color:hsl(var(--sf-c-txt-orange-60))}.sf-c-txt-orange\:70{color:hsl(var(--sf-c-txt-orange-70))}.sf-c-txt-orange\:80{color:hsl(var(--sf-c-txt-orange-80))}.sf-c-txt-orange\:90{color:hsl(var(--sf-c-txt-orange-90))}.sf-c-txt-orange\:100{color:hsl(var(--sf-c-txt-orange-100))}.sf-c-red{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red))}.sf-c-red\:0{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-0))}.sf-c-red\:10{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-10))}.sf-c-red\:20{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-20))}.sf-c-red\:30{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-30))}.sf-c-red\:40{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-40))}.sf-c-red\:50{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-50))}.sf-c-red\:60{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-60))}.sf-c-red\:70{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-70))}.sf-c-red\:80{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-80))}.sf-c-red\:90{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-90))}.sf-c-red\:100{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-100))}html.var .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var .sf-c-red\:0{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var .sf-c-red\:10{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var .sf-c-red\:20{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var .sf-c-red\:30{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var .sf-c-red\:40{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html.var .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,70%)}html.var .sf-c-red\:80{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var .sf-c-red\:90{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var .sf-c-red\:100{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}html[data-theme='dark'] .sf-c-red,html.dark .sf-c-red{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red))}html[data-theme='dark'] .sf-c-red\:0,html.dark .sf-c-red\:0{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-100))}html[data-theme='dark'] .sf-c-red\:10,html.dark .sf-c-red\:10{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-90))}html[data-theme='dark'] .sf-c-red\:20,html.dark .sf-c-red\:20{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-80))}html[data-theme='dark'] .sf-c-red\:30,html.dark .sf-c-red\:30{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-70))}html[data-theme='dark'] .sf-c-red\:40,html.dark .sf-c-red\:40{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-60))}html[data-theme='dark'] .sf-c-red\:50,html.dark .sf-c-red\:50{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-50))}html[data-theme='dark'] .sf-c-red\:60,html.dark .sf-c-red\:60{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-40))}html[data-theme='dark'] .sf-c-red\:70,html.dark .sf-c-red\:70{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-30))}html[data-theme='dark'] .sf-c-red\:80,html.dark .sf-c-red\:80{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-20))}html[data-theme='dark'] .sf-c-red\:90,html.dark .sf-c-red\:90{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-10))}html[data-theme='dark'] .sf-c-red\:100,html.dark .sf-c-red\:100{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-0))}html[data-theme='dark'] .sf-c-red\:dark,html.dark .sf-c-red\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red))}html[data-theme='dark'] .sf-c-red\:0\:dark,html.dark .sf-c-red\:0\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-100))}html[data-theme='dark'] .sf-c-red\:10\:dark,html.dark .sf-c-red\:10\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-90))}html[data-theme='dark'] .sf-c-red\:20\:dark,html.dark .sf-c-red\:20\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-80))}html[data-theme='dark'] .sf-c-red\:30\:dark,html.dark .sf-c-red\:30\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-70))}html[data-theme='dark'] .sf-c-red\:40\:dark,html.dark .sf-c-red\:40\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-60))}html[data-theme='dark'] .sf-c-red\:50\:dark,html.dark .sf-c-red\:50\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-50))}html[data-theme='dark'] .sf-c-red\:60\:dark,html.dark .sf-c-red\:60\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-40))}html[data-theme='dark'] .sf-c-red\:70\:dark,html.dark .sf-c-red\:70\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-30))}html[data-theme='dark'] .sf-c-red\:80\:dark,html.dark .sf-c-red\:80\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-20))}html[data-theme='dark'] .sf-c-red\:90\:dark,html.dark .sf-c-red\:90\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-10))}html[data-theme='dark'] .sf-c-red\:100\:dark,html.dark .sf-c-red\:100\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-0))}html.var[data-theme='dark'] .sf-c-red,html.var.dark .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:0,html.var.dark .sf-c-red\:0{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='dark'] .sf-c-red\:10,html.var.dark .sf-c-red\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-red\:20,html.var.dark .sf-c-red\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-red\:30,html.var.dark .sf-c-red\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-red\:40,html.var.dark .sf-c-red\:40{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-red\:50,html.var.dark .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:60,html.var.dark .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-red\:70,html.var.dark .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-red\:80,html.var.dark .sf-c-red\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-red\:90,html.var.dark .sf-c-red\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-red\:100,html.var.dark .sf-c-red\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='dark'] .sf-c-red\:dark,html.var.dark .sf-c-red\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:0\:dark,html.var.dark .sf-c-red\:0\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='dark'] .sf-c-red\:10\:dark,html.var.dark .sf-c-red\:10\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-red\:20\:dark,html.var.dark .sf-c-red\:20\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-red\:30\:dark,html.var.dark .sf-c-red\:30\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-red\:40\:dark,html.var.dark .sf-c-red\:40\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-red\:50\:dark,html.var.dark .sf-c-red\:50\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:60\:dark,html.var.dark .sf-c-red\:60\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-red\:70\:dark,html.var.dark .sf-c-red\:70\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-red\:80\:dark,html.var.dark .sf-c-red\:80\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-red\:90\:dark,html.var.dark .sf-c-red\:90\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-red\:100\:dark,html.var.dark .sf-c-red\:100\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-red,html.auto .sf-c-red{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red))}html[data-theme='auto'] .sf-c-red\:0,html.auto .sf-c-red\:0{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-100))}html[data-theme='auto'] .sf-c-red\:10,html.auto .sf-c-red\:10{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-90))}html[data-theme='auto'] .sf-c-red\:20,html.auto .sf-c-red\:20{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-80))}html[data-theme='auto'] .sf-c-red\:30,html.auto .sf-c-red\:30{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-70))}html[data-theme='auto'] .sf-c-red\:40,html.auto .sf-c-red\:40{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-60))}html[data-theme='auto'] .sf-c-red\:50,html.auto .sf-c-red\:50{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-50))}html[data-theme='auto'] .sf-c-red\:60,html.auto .sf-c-red\:60{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-40))}html[data-theme='auto'] .sf-c-red\:70,html.auto .sf-c-red\:70{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-30))}html[data-theme='auto'] .sf-c-red\:80,html.auto .sf-c-red\:80{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-20))}html[data-theme='auto'] .sf-c-red\:90,html.auto .sf-c-red\:90{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-10))}html[data-theme='auto'] .sf-c-red\:100,html.auto .sf-c-red\:100{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-0))}html[data-theme='auto'] .sf-c-red\:dark,html.auto .sf-c-red\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red))}html[data-theme='auto'] .sf-c-red\:0\:dark,html.auto .sf-c-red\:0\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-100))}html[data-theme='auto'] .sf-c-red\:10\:dark,html.auto .sf-c-red\:10\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-90))}html[data-theme='auto'] .sf-c-red\:20\:dark,html.auto .sf-c-red\:20\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-80))}html[data-theme='auto'] .sf-c-red\:30\:dark,html.auto .sf-c-red\:30\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-70))}html[data-theme='auto'] .sf-c-red\:40\:dark,html.auto .sf-c-red\:40\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-60))}html[data-theme='auto'] .sf-c-red\:50\:dark,html.auto .sf-c-red\:50\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-50))}html[data-theme='auto'] .sf-c-red\:60\:dark,html.auto .sf-c-red\:60\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-40))}html[data-theme='auto'] .sf-c-red\:70\:dark,html.auto .sf-c-red\:70\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-30))}html[data-theme='auto'] .sf-c-red\:80\:dark,html.auto .sf-c-red\:80\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-20))}html[data-theme='auto'] .sf-c-red\:90\:dark,html.auto .sf-c-red\:90\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-10))}html[data-theme='auto'] .sf-c-red\:100\:dark,html.auto .sf-c-red\:100\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-0))}html.var[data-theme='auto'] .sf-c-red,html.var.auto .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:0,html.var.auto .sf-c-red\:0{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='auto'] .sf-c-red\:10,html.var.auto .sf-c-red\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-red\:20,html.var.auto .sf-c-red\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-red\:30,html.var.auto .sf-c-red\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-red\:40,html.var.auto .sf-c-red\:40{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-red\:50,html.var.auto .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:60,html.var.auto .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-red\:70,html.var.auto .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-red\:80,html.var.auto .sf-c-red\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-red\:90,html.var.auto .sf-c-red\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-red\:100,html.var.auto .sf-c-red\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='auto'] .sf-c-red\:dark,html.var.auto .sf-c-red\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:0\:dark,html.var.auto .sf-c-red\:0\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='auto'] .sf-c-red\:10\:dark,html.var.auto .sf-c-red\:10\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-red\:20\:dark,html.var.auto .sf-c-red\:20\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-red\:30\:dark,html.var.auto .sf-c-red\:30\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-red\:40\:dark,html.var.auto .sf-c-red\:40\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-red\:50\:dark,html.var.auto .sf-c-red\:50\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:60\:dark,html.var.auto .sf-c-red\:60\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-red\:70\:dark,html.var.auto .sf-c-red\:70\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-red\:80\:dark,html.var.auto .sf-c-red\:80\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-red\:90\:dark,html.var.auto .sf-c-red\:90\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-red\:100\:dark,html.var.auto .sf-c-red\:100\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}}.sf-c-txt-red{color:hsl(var(--sf-c-txt-red))}.sf-c-txt-red\:0{color:hsl(var(--sf-c-txt-red-0))}.sf-c-txt-red\:10{color:hsl(var(--sf-c-txt-red-10))}.sf-c-txt-red\:20{color:hsl(var(--sf-c-txt-red-20))}.sf-c-txt-red\:30{color:hsl(var(--sf-c-txt-red-30))}.sf-c-txt-red\:40{color:hsl(var(--sf-c-txt-red-40))}.sf-c-txt-red\:50{color:hsl(var(--sf-c-txt-red-50))}.sf-c-txt-red\:60{color:hsl(var(--sf-c-txt-red-60))}.sf-c-txt-red\:70{color:hsl(var(--sf-c-txt-red-70))}.sf-c-txt-red\:80{color:hsl(var(--sf-c-txt-red-80))}.sf-c-txt-red\:90{color:hsl(var(--sf-c-txt-red-90))}.sf-c-txt-red\:100{color:hsl(var(--sf-c-txt-red-100))}.sf-c-skyblue{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue))}.sf-c-skyblue\:0{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-0))}.sf-c-skyblue\:10{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-10))}.sf-c-skyblue\:20{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-20))}.sf-c-skyblue\:30{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-30))}.sf-c-skyblue\:40{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-40))}.sf-c-skyblue\:50{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-50))}.sf-c-skyblue\:60{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-60))}.sf-c-skyblue\:70{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-70))}.sf-c-skyblue\:80{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-80))}.sf-c-skyblue\:90{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-90))}.sf-c-skyblue\:100{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-100))}html.var .sf-c-skyblue{color:hsl(197,71%,10%);background:hsl(197,71%,73%)}html.var .sf-c-skyblue\:0{color:hsl(197,71%,90%);background:hsl(197,71%,0%)}html.var .sf-c-skyblue\:10{color:hsl(197,71%,90%);background:hsl(197,71%,10%)}html.var .sf-c-skyblue\:20{color:hsl(197,71%,90%);background:hsl(197,71%,20%)}html.var .sf-c-skyblue\:30{color:hsl(197,71%,90%);background:hsl(197,71%,30%)}html.var .sf-c-skyblue\:40{color:hsl(197,71%,90%);background:hsl(197,71%,40%)}html.var .sf-c-skyblue\:50{color:hsl(197,71%,90%);background:hsl(197,71%,50%)}html.var .sf-c-skyblue\:60{color:hsl(197,71%,10%);background:hsl(197,71%,60%)}html.var .sf-c-skyblue\:70{color:hsl(197,71%,10%);background:hsl(197,71%,70%)}html.var .sf-c-skyblue\:80{color:hsl(197,71%,10%);background:hsl(197,71%,80%)}html.var .sf-c-skyblue\:90{color:hsl(197,71%,10%);background:hsl(197,71%,90%)}html.var .sf-c-skyblue\:100{color:hsl(197,71%,10%);background:hsl(197,71%,100%)}html[data-theme='dark'] .sf-c-skyblue,html.dark .sf-c-skyblue{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue))}html[data-theme='dark'] .sf-c-skyblue\:0,html.dark .sf-c-skyblue\:0{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-100))}html[data-theme='dark'] .sf-c-skyblue\:10,html.dark .sf-c-skyblue\:10{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-90))}html[data-theme='dark'] .sf-c-skyblue\:20,html.dark .sf-c-skyblue\:20{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-80))}html[data-theme='dark'] .sf-c-skyblue\:30,html.dark .sf-c-skyblue\:30{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-70))}html[data-theme='dark'] .sf-c-skyblue\:40,html.dark .sf-c-skyblue\:40{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-60))}html[data-theme='dark'] .sf-c-skyblue\:50,html.dark .sf-c-skyblue\:50{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-50))}html[data-theme='dark'] .sf-c-skyblue\:60,html.dark .sf-c-skyblue\:60{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-40))}html[data-theme='dark'] .sf-c-skyblue\:70,html.dark .sf-c-skyblue\:70{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-30))}html[data-theme='dark'] .sf-c-skyblue\:80,html.dark .sf-c-skyblue\:80{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-20))}html[data-theme='dark'] .sf-c-skyblue\:90,html.dark .sf-c-skyblue\:90{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-10))}html[data-theme='dark'] .sf-c-skyblue\:100,html.dark .sf-c-skyblue\:100{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-0))}html[data-theme='dark'] .sf-c-skyblue\:dark,html.dark .sf-c-skyblue\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue))}html[data-theme='dark'] .sf-c-skyblue\:0\:dark,html.dark .sf-c-skyblue\:0\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-100))}html[data-theme='dark'] .sf-c-skyblue\:10\:dark,html.dark .sf-c-skyblue\:10\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-90))}html[data-theme='dark'] .sf-c-skyblue\:20\:dark,html.dark .sf-c-skyblue\:20\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-80))}html[data-theme='dark'] .sf-c-skyblue\:30\:dark,html.dark .sf-c-skyblue\:30\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-70))}html[data-theme='dark'] .sf-c-skyblue\:40\:dark,html.dark .sf-c-skyblue\:40\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-60))}html[data-theme='dark'] .sf-c-skyblue\:50\:dark,html.dark .sf-c-skyblue\:50\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-50))}html[data-theme='dark'] .sf-c-skyblue\:60\:dark,html.dark .sf-c-skyblue\:60\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-40))}html[data-theme='dark'] .sf-c-skyblue\:70\:dark,html.dark .sf-c-skyblue\:70\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-30))}html[data-theme='dark'] .sf-c-skyblue\:80\:dark,html.dark .sf-c-skyblue\:80\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-20))}html[data-theme='dark'] .sf-c-skyblue\:90\:dark,html.dark .sf-c-skyblue\:90\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-10))}html[data-theme='dark'] .sf-c-skyblue\:100\:dark,html.dark .sf-c-skyblue\:100\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-0))}html.var[data-theme='dark'] .sf-c-skyblue,html.var.dark .sf-c-skyblue{color:hsl(197,71%,90%);background:hsl(197,71%,27%)}html.var[data-theme='dark'] .sf-c-skyblue\:0,html.var.dark .sf-c-skyblue\:0{color:hsl(197,71%,90%);background:hsl(197,71%,100%)}html.var[data-theme='dark'] .sf-c-skyblue\:10,html.var.dark .sf-c-skyblue\:10{color:hsl(197,71%,10%);background:hsl(197,71%,90%)}html.var[data-theme='dark'] .sf-c-skyblue\:20,html.var.dark .sf-c-skyblue\:20{color:hsl(197,71%,10%);background:hsl(197,71%,80%)}html.var[data-theme='dark'] .sf-c-skyblue\:30,html.var.dark .sf-c-skyblue\:30{color:hsl(197,71%,10%);background:hsl(197,71%,70%)}html.var[data-theme='dark'] .sf-c-skyblue\:40,html.var.dark .sf-c-skyblue\:40{color:hsl(197,71%,10%);background:hsl(197,71%,60%)}html.var[data-theme='dark'] .sf-c-skyblue\:50,html.var.dark .sf-c-skyblue\:50{color:hsl(197,71%,10%);background:hsl(197,71%,50%)}html.var[data-theme='dark'] .sf-c-skyblue\:60,html.var.dark .sf-c-skyblue\:60{color:hsl(197,71%,10%);background:hsl(197,71%,40%)}html.var[data-theme='dark'] .sf-c-skyblue\:70,html.var.dark .sf-c-skyblue\:70{color:hsl(197,71%,90%);background:hsl(197,71%,30%)}html.var[data-theme='dark'] .sf-c-skyblue\:80,html.var.dark .sf-c-skyblue\:80{color:hsl(197,71%,90%);background:hsl(197,71%,20%)}html.var[data-theme='dark'] .sf-c-skyblue\:90,html.var.dark .sf-c-skyblue\:90{color:hsl(197,71%,90%);background:hsl(197,71%,10%)}html.var[data-theme='dark'] .sf-c-skyblue\:100,html.var.dark .sf-c-skyblue\:100{color:hsl(197,71%,90%);background:hsl(197,71%,0%)}html.var[data-theme='dark'] .sf-c-skyblue\:dark,html.var.dark .sf-c-skyblue\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,27%)}html.var[data-theme='dark'] .sf-c-skyblue\:0\:dark,html.var.dark .sf-c-skyblue\:0\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,100%)}html.var[data-theme='dark'] .sf-c-skyblue\:10\:dark,html.var.dark .sf-c-skyblue\:10\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,90%)}html.var[data-theme='dark'] .sf-c-skyblue\:20\:dark,html.var.dark .sf-c-skyblue\:20\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,80%)}html.var[data-theme='dark'] .sf-c-skyblue\:30\:dark,html.var.dark .sf-c-skyblue\:30\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,70%)}html.var[data-theme='dark'] .sf-c-skyblue\:40\:dark,html.var.dark .sf-c-skyblue\:40\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,60%)}html.var[data-theme='dark'] .sf-c-skyblue\:50\:dark,html.var.dark .sf-c-skyblue\:50\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,50%)}html.var[data-theme='dark'] .sf-c-skyblue\:60\:dark,html.var.dark .sf-c-skyblue\:60\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,40%)}html.var[data-theme='dark'] .sf-c-skyblue\:70\:dark,html.var.dark .sf-c-skyblue\:70\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,30%)}html.var[data-theme='dark'] .sf-c-skyblue\:80\:dark,html.var.dark .sf-c-skyblue\:80\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,20%)}html.var[data-theme='dark'] .sf-c-skyblue\:90\:dark,html.var.dark .sf-c-skyblue\:90\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,10%)}html.var[data-theme='dark'] .sf-c-skyblue\:100\:dark,html.var.dark .sf-c-skyblue\:100\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-skyblue,html.auto .sf-c-skyblue{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue))}html[data-theme='auto'] .sf-c-skyblue\:0,html.auto .sf-c-skyblue\:0{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-100))}html[data-theme='auto'] .sf-c-skyblue\:10,html.auto .sf-c-skyblue\:10{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-90))}html[data-theme='auto'] .sf-c-skyblue\:20,html.auto .sf-c-skyblue\:20{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-80))}html[data-theme='auto'] .sf-c-skyblue\:30,html.auto .sf-c-skyblue\:30{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-70))}html[data-theme='auto'] .sf-c-skyblue\:40,html.auto .sf-c-skyblue\:40{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-60))}html[data-theme='auto'] .sf-c-skyblue\:50,html.auto .sf-c-skyblue\:50{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-50))}html[data-theme='auto'] .sf-c-skyblue\:60,html.auto .sf-c-skyblue\:60{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-40))}html[data-theme='auto'] .sf-c-skyblue\:70,html.auto .sf-c-skyblue\:70{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-30))}html[data-theme='auto'] .sf-c-skyblue\:80,html.auto .sf-c-skyblue\:80{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-20))}html[data-theme='auto'] .sf-c-skyblue\:90,html.auto .sf-c-skyblue\:90{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-10))}html[data-theme='auto'] .sf-c-skyblue\:100,html.auto .sf-c-skyblue\:100{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-0))}html[data-theme='auto'] .sf-c-skyblue\:dark,html.auto .sf-c-skyblue\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue))}html[data-theme='auto'] .sf-c-skyblue\:0\:dark,html.auto .sf-c-skyblue\:0\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-100))}html[data-theme='auto'] .sf-c-skyblue\:10\:dark,html.auto .sf-c-skyblue\:10\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-90))}html[data-theme='auto'] .sf-c-skyblue\:20\:dark,html.auto .sf-c-skyblue\:20\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-80))}html[data-theme='auto'] .sf-c-skyblue\:30\:dark,html.auto .sf-c-skyblue\:30\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-70))}html[data-theme='auto'] .sf-c-skyblue\:40\:dark,html.auto .sf-c-skyblue\:40\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-60))}html[data-theme='auto'] .sf-c-skyblue\:50\:dark,html.auto .sf-c-skyblue\:50\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-50))}html[data-theme='auto'] .sf-c-skyblue\:60\:dark,html.auto .sf-c-skyblue\:60\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-40))}html[data-theme='auto'] .sf-c-skyblue\:70\:dark,html.auto .sf-c-skyblue\:70\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-30))}html[data-theme='auto'] .sf-c-skyblue\:80\:dark,html.auto .sf-c-skyblue\:80\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-20))}html[data-theme='auto'] .sf-c-skyblue\:90\:dark,html.auto .sf-c-skyblue\:90\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-10))}html[data-theme='auto'] .sf-c-skyblue\:100\:dark,html.auto .sf-c-skyblue\:100\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-0))}html.var[data-theme='auto'] .sf-c-skyblue,html.var.auto .sf-c-skyblue{color:hsl(197,71%,90%);background:hsl(197,71%,27%)}html.var[data-theme='auto'] .sf-c-skyblue\:0,html.var.auto .sf-c-skyblue\:0{color:hsl(197,71%,90%);background:hsl(197,71%,100%)}html.var[data-theme='auto'] .sf-c-skyblue\:10,html.var.auto .sf-c-skyblue\:10{color:hsl(197,71%,10%);background:hsl(197,71%,90%)}html.var[data-theme='auto'] .sf-c-skyblue\:20,html.var.auto .sf-c-skyblue\:20{color:hsl(197,71%,10%);background:hsl(197,71%,80%)}html.var[data-theme='auto'] .sf-c-skyblue\:30,html.var.auto .sf-c-skyblue\:30{color:hsl(197,71%,10%);background:hsl(197,71%,70%)}html.var[data-theme='auto'] .sf-c-skyblue\:40,html.var.auto .sf-c-skyblue\:40{color:hsl(197,71%,10%);background:hsl(197,71%,60%)}html.var[data-theme='auto'] .sf-c-skyblue\:50,html.var.auto .sf-c-skyblue\:50{color:hsl(197,71%,10%);background:hsl(197,71%,50%)}html.var[data-theme='auto'] .sf-c-skyblue\:60,html.var.auto .sf-c-skyblue\:60{color:hsl(197,71%,10%);background:hsl(197,71%,40%)}html.var[data-theme='auto'] .sf-c-skyblue\:70,html.var.auto .sf-c-skyblue\:70{color:hsl(197,71%,90%);background:hsl(197,71%,30%)}html.var[data-theme='auto'] .sf-c-skyblue\:80,html.var.auto .sf-c-skyblue\:80{color:hsl(197,71%,90%);background:hsl(197,71%,20%)}html.var[data-theme='auto'] .sf-c-skyblue\:90,html.var.auto .sf-c-skyblue\:90{color:hsl(197,71%,90%);background:hsl(197,71%,10%)}html.var[data-theme='auto'] .sf-c-skyblue\:100,html.var.auto .sf-c-skyblue\:100{color:hsl(197,71%,90%);background:hsl(197,71%,0%)}html.var[data-theme='auto'] .sf-c-skyblue\:dark,html.var.auto .sf-c-skyblue\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,27%)}html.var[data-theme='auto'] .sf-c-skyblue\:0\:dark,html.var.auto .sf-c-skyblue\:0\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,100%)}html.var[data-theme='auto'] .sf-c-skyblue\:10\:dark,html.var.auto .sf-c-skyblue\:10\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,90%)}html.var[data-theme='auto'] .sf-c-skyblue\:20\:dark,html.var.auto .sf-c-skyblue\:20\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,80%)}html.var[data-theme='auto'] .sf-c-skyblue\:30\:dark,html.var.auto .sf-c-skyblue\:30\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,70%)}html.var[data-theme='auto'] .sf-c-skyblue\:40\:dark,html.var.auto .sf-c-skyblue\:40\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,60%)}html.var[data-theme='auto'] .sf-c-skyblue\:50\:dark,html.var.auto .sf-c-skyblue\:50\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,50%)}html.var[data-theme='auto'] .sf-c-skyblue\:60\:dark,html.var.auto .sf-c-skyblue\:60\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,40%)}html.var[data-theme='auto'] .sf-c-skyblue\:70\:dark,html.var.auto .sf-c-skyblue\:70\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,30%)}html.var[data-theme='auto'] .sf-c-skyblue\:80\:dark,html.var.auto .sf-c-skyblue\:80\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,20%)}html.var[data-theme='auto'] .sf-c-skyblue\:90\:dark,html.var.auto .sf-c-skyblue\:90\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,10%)}html.var[data-theme='auto'] .sf-c-skyblue\:100\:dark,html.var.auto .sf-c-skyblue\:100\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,0%)}}.sf-c-txt-skyblue{color:hsl(var(--sf-c-txt-skyblue))}.sf-c-txt-skyblue\:0{color:hsl(var(--sf-c-txt-skyblue-0))}.sf-c-txt-skyblue\:10{color:hsl(var(--sf-c-txt-skyblue-10))}.sf-c-txt-skyblue\:20{color:hsl(var(--sf-c-txt-skyblue-20))}.sf-c-txt-skyblue\:30{color:hsl(var(--sf-c-txt-skyblue-30))}.sf-c-txt-skyblue\:40{color:hsl(var(--sf-c-txt-skyblue-40))}.sf-c-txt-skyblue\:50{color:hsl(var(--sf-c-txt-skyblue-50))}.sf-c-txt-skyblue\:60{color:hsl(var(--sf-c-txt-skyblue-60))}.sf-c-txt-skyblue\:70{color:hsl(var(--sf-c-txt-skyblue-70))}.sf-c-txt-skyblue\:80{color:hsl(var(--sf-c-txt-skyblue-80))}.sf-c-txt-skyblue\:90{color:hsl(var(--sf-c-txt-skyblue-90))}.sf-c-txt-skyblue\:100{color:hsl(var(--sf-c-txt-skyblue-100))}.sf-c-violet{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet))}.sf-c-violet\:0{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-0))}.sf-c-violet\:10{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-10))}.sf-c-violet\:20{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-20))}.sf-c-violet\:30{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-30))}.sf-c-violet\:40{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-40))}.sf-c-violet\:50{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-50))}.sf-c-violet\:60{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-60))}.sf-c-violet\:70{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-70))}.sf-c-violet\:80{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-80))}.sf-c-violet\:90{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-90))}.sf-c-violet\:100{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-100))}html.var .sf-c-violet{color:hsl(300,76%,10%);background:hsl(300,76%,72%)}html.var .sf-c-violet\:0{color:hsl(300,76%,90%);background:hsl(300,76%,0%)}html.var .sf-c-violet\:10{color:hsl(300,76%,90%);background:hsl(300,76%,10%)}html.var .sf-c-violet\:20{color:hsl(300,76%,90%);background:hsl(300,76%,20%)}html.var .sf-c-violet\:30{color:hsl(300,76%,90%);background:hsl(300,76%,30%)}html.var .sf-c-violet\:40{color:hsl(300,76%,90%);background:hsl(300,76%,40%)}html.var .sf-c-violet\:50{color:hsl(300,76%,90%);background:hsl(300,76%,50%)}html.var .sf-c-violet\:60{color:hsl(300,76%,90%);background:hsl(300,76%,60%)}html.var .sf-c-violet\:70{color:hsl(300,76%,90%);background:hsl(300,76%,70%)}html.var .sf-c-violet\:80{color:hsl(300,76%,10%);background:hsl(300,76%,80%)}html.var .sf-c-violet\:90{color:hsl(300,76%,10%);background:hsl(300,76%,90%)}html.var .sf-c-violet\:100{color:hsl(300,76%,10%);background:hsl(300,76%,100%)}html[data-theme='dark'] .sf-c-violet,html.dark .sf-c-violet{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet))}html[data-theme='dark'] .sf-c-violet\:0,html.dark .sf-c-violet\:0{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-100))}html[data-theme='dark'] .sf-c-violet\:10,html.dark .sf-c-violet\:10{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-90))}html[data-theme='dark'] .sf-c-violet\:20,html.dark .sf-c-violet\:20{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-80))}html[data-theme='dark'] .sf-c-violet\:30,html.dark .sf-c-violet\:30{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-70))}html[data-theme='dark'] .sf-c-violet\:40,html.dark .sf-c-violet\:40{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-60))}html[data-theme='dark'] .sf-c-violet\:50,html.dark .sf-c-violet\:50{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-50))}html[data-theme='dark'] .sf-c-violet\:60,html.dark .sf-c-violet\:60{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-40))}html[data-theme='dark'] .sf-c-violet\:70,html.dark .sf-c-violet\:70{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-30))}html[data-theme='dark'] .sf-c-violet\:80,html.dark .sf-c-violet\:80{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-20))}html[data-theme='dark'] .sf-c-violet\:90,html.dark .sf-c-violet\:90{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-10))}html[data-theme='dark'] .sf-c-violet\:100,html.dark .sf-c-violet\:100{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-0))}html[data-theme='dark'] .sf-c-violet\:dark,html.dark .sf-c-violet\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet))}html[data-theme='dark'] .sf-c-violet\:0\:dark,html.dark .sf-c-violet\:0\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-100))}html[data-theme='dark'] .sf-c-violet\:10\:dark,html.dark .sf-c-violet\:10\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-90))}html[data-theme='dark'] .sf-c-violet\:20\:dark,html.dark .sf-c-violet\:20\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-80))}html[data-theme='dark'] .sf-c-violet\:30\:dark,html.dark .sf-c-violet\:30\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-70))}html[data-theme='dark'] .sf-c-violet\:40\:dark,html.dark .sf-c-violet\:40\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-60))}html[data-theme='dark'] .sf-c-violet\:50\:dark,html.dark .sf-c-violet\:50\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-50))}html[data-theme='dark'] .sf-c-violet\:60\:dark,html.dark .sf-c-violet\:60\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-40))}html[data-theme='dark'] .sf-c-violet\:70\:dark,html.dark .sf-c-violet\:70\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-30))}html[data-theme='dark'] .sf-c-violet\:80\:dark,html.dark .sf-c-violet\:80\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-20))}html[data-theme='dark'] .sf-c-violet\:90\:dark,html.dark .sf-c-violet\:90\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-10))}html[data-theme='dark'] .sf-c-violet\:100\:dark,html.dark .sf-c-violet\:100\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-0))}html.var[data-theme='dark'] .sf-c-violet,html.var.dark .sf-c-violet{color:hsl(300,76%,90%);background:hsl(300,76%,28%)}html.var[data-theme='dark'] .sf-c-violet\:0,html.var.dark .sf-c-violet\:0{color:hsl(300,76%,90%);background:hsl(300,76%,100%)}html.var[data-theme='dark'] .sf-c-violet\:10,html.var.dark .sf-c-violet\:10{color:hsl(300,76%,10%);background:hsl(300,76%,90%)}html.var[data-theme='dark'] .sf-c-violet\:20,html.var.dark .sf-c-violet\:20{color:hsl(300,76%,10%);background:hsl(300,76%,80%)}html.var[data-theme='dark'] .sf-c-violet\:30,html.var.dark .sf-c-violet\:30{color:hsl(300,76%,10%);background:hsl(300,76%,70%)}html.var[data-theme='dark'] .sf-c-violet\:40,html.var.dark .sf-c-violet\:40{color:hsl(300,76%,10%);background:hsl(300,76%,60%)}html.var[data-theme='dark'] .sf-c-violet\:50,html.var.dark .sf-c-violet\:50{color:hsl(300,76%,90%);background:hsl(300,76%,50%)}html.var[data-theme='dark'] .sf-c-violet\:60,html.var.dark .sf-c-violet\:60{color:hsl(300,76%,90%);background:hsl(300,76%,40%)}html.var[data-theme='dark'] .sf-c-violet\:70,html.var.dark .sf-c-violet\:70{color:hsl(300,76%,90%);background:hsl(300,76%,30%)}html.var[data-theme='dark'] .sf-c-violet\:80,html.var.dark .sf-c-violet\:80{color:hsl(300,76%,90%);background:hsl(300,76%,20%)}html.var[data-theme='dark'] .sf-c-violet\:90,html.var.dark .sf-c-violet\:90{color:hsl(300,76%,90%);background:hsl(300,76%,10%)}html.var[data-theme='dark'] .sf-c-violet\:100,html.var.dark .sf-c-violet\:100{color:hsl(300,76%,90%);background:hsl(300,76%,0%)}html.var[data-theme='dark'] .sf-c-violet\:dark,html.var.dark .sf-c-violet\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,28%)}html.var[data-theme='dark'] .sf-c-violet\:0\:dark,html.var.dark .sf-c-violet\:0\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,100%)}html.var[data-theme='dark'] .sf-c-violet\:10\:dark,html.var.dark .sf-c-violet\:10\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,90%)}html.var[data-theme='dark'] .sf-c-violet\:20\:dark,html.var.dark .sf-c-violet\:20\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,80%)}html.var[data-theme='dark'] .sf-c-violet\:30\:dark,html.var.dark .sf-c-violet\:30\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,70%)}html.var[data-theme='dark'] .sf-c-violet\:40\:dark,html.var.dark .sf-c-violet\:40\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,60%)}html.var[data-theme='dark'] .sf-c-violet\:50\:dark,html.var.dark .sf-c-violet\:50\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,50%)}html.var[data-theme='dark'] .sf-c-violet\:60\:dark,html.var.dark .sf-c-violet\:60\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,40%)}html.var[data-theme='dark'] .sf-c-violet\:70\:dark,html.var.dark .sf-c-violet\:70\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,30%)}html.var[data-theme='dark'] .sf-c-violet\:80\:dark,html.var.dark .sf-c-violet\:80\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,20%)}html.var[data-theme='dark'] .sf-c-violet\:90\:dark,html.var.dark .sf-c-violet\:90\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,10%)}html.var[data-theme='dark'] .sf-c-violet\:100\:dark,html.var.dark .sf-c-violet\:100\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-violet,html.auto .sf-c-violet{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet))}html[data-theme='auto'] .sf-c-violet\:0,html.auto .sf-c-violet\:0{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-100))}html[data-theme='auto'] .sf-c-violet\:10,html.auto .sf-c-violet\:10{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-90))}html[data-theme='auto'] .sf-c-violet\:20,html.auto .sf-c-violet\:20{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-80))}html[data-theme='auto'] .sf-c-violet\:30,html.auto .sf-c-violet\:30{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-70))}html[data-theme='auto'] .sf-c-violet\:40,html.auto .sf-c-violet\:40{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-60))}html[data-theme='auto'] .sf-c-violet\:50,html.auto .sf-c-violet\:50{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-50))}html[data-theme='auto'] .sf-c-violet\:60,html.auto .sf-c-violet\:60{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-40))}html[data-theme='auto'] .sf-c-violet\:70,html.auto .sf-c-violet\:70{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-30))}html[data-theme='auto'] .sf-c-violet\:80,html.auto .sf-c-violet\:80{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-20))}html[data-theme='auto'] .sf-c-violet\:90,html.auto .sf-c-violet\:90{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-10))}html[data-theme='auto'] .sf-c-violet\:100,html.auto .sf-c-violet\:100{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-0))}html[data-theme='auto'] .sf-c-violet\:dark,html.auto .sf-c-violet\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet))}html[data-theme='auto'] .sf-c-violet\:0\:dark,html.auto .sf-c-violet\:0\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-100))}html[data-theme='auto'] .sf-c-violet\:10\:dark,html.auto .sf-c-violet\:10\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-90))}html[data-theme='auto'] .sf-c-violet\:20\:dark,html.auto .sf-c-violet\:20\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-80))}html[data-theme='auto'] .sf-c-violet\:30\:dark,html.auto .sf-c-violet\:30\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-70))}html[data-theme='auto'] .sf-c-violet\:40\:dark,html.auto .sf-c-violet\:40\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-60))}html[data-theme='auto'] .sf-c-violet\:50\:dark,html.auto .sf-c-violet\:50\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-50))}html[data-theme='auto'] .sf-c-violet\:60\:dark,html.auto .sf-c-violet\:60\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-40))}html[data-theme='auto'] .sf-c-violet\:70\:dark,html.auto .sf-c-violet\:70\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-30))}html[data-theme='auto'] .sf-c-violet\:80\:dark,html.auto .sf-c-violet\:80\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-20))}html[data-theme='auto'] .sf-c-violet\:90\:dark,html.auto .sf-c-violet\:90\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-10))}html[data-theme='auto'] .sf-c-violet\:100\:dark,html.auto .sf-c-violet\:100\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-0))}html.var[data-theme='auto'] .sf-c-violet,html.var.auto .sf-c-violet{color:hsl(300,76%,90%);background:hsl(300,76%,28%)}html.var[data-theme='auto'] .sf-c-violet\:0,html.var.auto .sf-c-violet\:0{color:hsl(300,76%,90%);background:hsl(300,76%,100%)}html.var[data-theme='auto'] .sf-c-violet\:10,html.var.auto .sf-c-violet\:10{color:hsl(300,76%,10%);background:hsl(300,76%,90%)}html.var[data-theme='auto'] .sf-c-violet\:20,html.var.auto .sf-c-violet\:20{color:hsl(300,76%,10%);background:hsl(300,76%,80%)}html.var[data-theme='auto'] .sf-c-violet\:30,html.var.auto .sf-c-violet\:30{color:hsl(300,76%,10%);background:hsl(300,76%,70%)}html.var[data-theme='auto'] .sf-c-violet\:40,html.var.auto .sf-c-violet\:40{color:hsl(300,76%,10%);background:hsl(300,76%,60%)}html.var[data-theme='auto'] .sf-c-violet\:50,html.var.auto .sf-c-violet\:50{color:hsl(300,76%,90%);background:hsl(300,76%,50%)}html.var[data-theme='auto'] .sf-c-violet\:60,html.var.auto .sf-c-violet\:60{color:hsl(300,76%,90%);background:hsl(300,76%,40%)}html.var[data-theme='auto'] .sf-c-violet\:70,html.var.auto .sf-c-violet\:70{color:hsl(300,76%,90%);background:hsl(300,76%,30%)}html.var[data-theme='auto'] .sf-c-violet\:80,html.var.auto .sf-c-violet\:80{color:hsl(300,76%,90%);background:hsl(300,76%,20%)}html.var[data-theme='auto'] .sf-c-violet\:90,html.var.auto .sf-c-violet\:90{color:hsl(300,76%,90%);background:hsl(300,76%,10%)}html.var[data-theme='auto'] .sf-c-violet\:100,html.var.auto .sf-c-violet\:100{color:hsl(300,76%,90%);background:hsl(300,76%,0%)}html.var[data-theme='auto'] .sf-c-violet\:dark,html.var.auto .sf-c-violet\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,28%)}html.var[data-theme='auto'] .sf-c-violet\:0\:dark,html.var.auto .sf-c-violet\:0\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,100%)}html.var[data-theme='auto'] .sf-c-violet\:10\:dark,html.var.auto .sf-c-violet\:10\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,90%)}html.var[data-theme='auto'] .sf-c-violet\:20\:dark,html.var.auto .sf-c-violet\:20\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,80%)}html.var[data-theme='auto'] .sf-c-violet\:30\:dark,html.var.auto .sf-c-violet\:30\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,70%)}html.var[data-theme='auto'] .sf-c-violet\:40\:dark,html.var.auto .sf-c-violet\:40\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,60%)}html.var[data-theme='auto'] .sf-c-violet\:50\:dark,html.var.auto .sf-c-violet\:50\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,50%)}html.var[data-theme='auto'] .sf-c-violet\:60\:dark,html.var.auto .sf-c-violet\:60\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,40%)}html.var[data-theme='auto'] .sf-c-violet\:70\:dark,html.var.auto .sf-c-violet\:70\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,30%)}html.var[data-theme='auto'] .sf-c-violet\:80\:dark,html.var.auto .sf-c-violet\:80\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,20%)}html.var[data-theme='auto'] .sf-c-violet\:90\:dark,html.var.auto .sf-c-violet\:90\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,10%)}html.var[data-theme='auto'] .sf-c-violet\:100\:dark,html.var.auto .sf-c-violet\:100\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,0%)}}.sf-c-txt-violet{color:hsl(var(--sf-c-txt-violet))}.sf-c-txt-violet\:0{color:hsl(var(--sf-c-txt-violet-0))}.sf-c-txt-violet\:10{color:hsl(var(--sf-c-txt-violet-10))}.sf-c-txt-violet\:20{color:hsl(var(--sf-c-txt-violet-20))}.sf-c-txt-violet\:30{color:hsl(var(--sf-c-txt-violet-30))}.sf-c-txt-violet\:40{color:hsl(var(--sf-c-txt-violet-40))}.sf-c-txt-violet\:50{color:hsl(var(--sf-c-txt-violet-50))}.sf-c-txt-violet\:60{color:hsl(var(--sf-c-txt-violet-60))}.sf-c-txt-violet\:70{color:hsl(var(--sf-c-txt-violet-70))}.sf-c-txt-violet\:80{color:hsl(var(--sf-c-txt-violet-80))}.sf-c-txt-violet\:90{color:hsl(var(--sf-c-txt-violet-90))}.sf-c-txt-violet\:100{color:hsl(var(--sf-c-txt-violet-100))}.sf-c-yellow{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow))}.sf-c-yellow\:0{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-0))}.sf-c-yellow\:10{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-10))}.sf-c-yellow\:20{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-20))}.sf-c-yellow\:30{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-30))}.sf-c-yellow\:40{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-40))}.sf-c-yellow\:50{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-50))}.sf-c-yellow\:60{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-60))}.sf-c-yellow\:70{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-70))}.sf-c-yellow\:80{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-80))}.sf-c-yellow\:90{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-90))}.sf-c-yellow\:100{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-100))}html.var .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var .sf-c-yellow\:0{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var .sf-c-yellow\:10{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var .sf-c-yellow\:20{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var .sf-c-yellow\:30{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html.var .sf-c-yellow\:40{color:hsl(60,100%,90%);background:hsl(60,100%,40%)}html.var .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var .sf-c-yellow\:70{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var .sf-c-yellow\:80{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var .sf-c-yellow\:90{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var .sf-c-yellow\:100{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}html[data-theme='dark'] .sf-c-yellow,html.dark .sf-c-yellow{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow))}html[data-theme='dark'] .sf-c-yellow\:0,html.dark .sf-c-yellow\:0{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-100))}html[data-theme='dark'] .sf-c-yellow\:10,html.dark .sf-c-yellow\:10{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-90))}html[data-theme='dark'] .sf-c-yellow\:20,html.dark .sf-c-yellow\:20{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-80))}html[data-theme='dark'] .sf-c-yellow\:30,html.dark .sf-c-yellow\:30{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-70))}html[data-theme='dark'] .sf-c-yellow\:40,html.dark .sf-c-yellow\:40{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-60))}html[data-theme='dark'] .sf-c-yellow\:50,html.dark .sf-c-yellow\:50{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-50))}html[data-theme='dark'] .sf-c-yellow\:60,html.dark .sf-c-yellow\:60{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-40))}html[data-theme='dark'] .sf-c-yellow\:70,html.dark .sf-c-yellow\:70{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-30))}html[data-theme='dark'] .sf-c-yellow\:80,html.dark .sf-c-yellow\:80{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-20))}html[data-theme='dark'] .sf-c-yellow\:90,html.dark .sf-c-yellow\:90{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-10))}html[data-theme='dark'] .sf-c-yellow\:100,html.dark .sf-c-yellow\:100{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-0))}html[data-theme='dark'] .sf-c-yellow\:dark,html.dark .sf-c-yellow\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow))}html[data-theme='dark'] .sf-c-yellow\:0\:dark,html.dark .sf-c-yellow\:0\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-100))}html[data-theme='dark'] .sf-c-yellow\:10\:dark,html.dark .sf-c-yellow\:10\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-90))}html[data-theme='dark'] .sf-c-yellow\:20\:dark,html.dark .sf-c-yellow\:20\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-80))}html[data-theme='dark'] .sf-c-yellow\:30\:dark,html.dark .sf-c-yellow\:30\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-70))}html[data-theme='dark'] .sf-c-yellow\:40\:dark,html.dark .sf-c-yellow\:40\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-60))}html[data-theme='dark'] .sf-c-yellow\:50\:dark,html.dark .sf-c-yellow\:50\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-50))}html[data-theme='dark'] .sf-c-yellow\:60\:dark,html.dark .sf-c-yellow\:60\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-40))}html[data-theme='dark'] .sf-c-yellow\:70\:dark,html.dark .sf-c-yellow\:70\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-30))}html[data-theme='dark'] .sf-c-yellow\:80\:dark,html.dark .sf-c-yellow\:80\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-20))}html[data-theme='dark'] .sf-c-yellow\:90\:dark,html.dark .sf-c-yellow\:90\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-10))}html[data-theme='dark'] .sf-c-yellow\:100\:dark,html.dark .sf-c-yellow\:100\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-0))}html.var[data-theme='dark'] .sf-c-yellow,html.var.dark .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:0,html.var.dark .sf-c-yellow\:0{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='dark'] .sf-c-yellow\:10,html.var.dark .sf-c-yellow\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-yellow\:20,html.var.dark .sf-c-yellow\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-yellow\:30,html.var.dark .sf-c-yellow\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-yellow\:40,html.var.dark .sf-c-yellow\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-yellow\:50,html.var.dark .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:60,html.var.dark .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-yellow\:70,html.var.dark .sf-c-yellow\:70{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-yellow\:80,html.var.dark .sf-c-yellow\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-yellow\:90,html.var.dark .sf-c-yellow\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-yellow\:100,html.var.dark .sf-c-yellow\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='dark'] .sf-c-yellow\:dark,html.var.dark .sf-c-yellow\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:0\:dark,html.var.dark .sf-c-yellow\:0\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='dark'] .sf-c-yellow\:10\:dark,html.var.dark .sf-c-yellow\:10\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-yellow\:20\:dark,html.var.dark .sf-c-yellow\:20\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-yellow\:30\:dark,html.var.dark .sf-c-yellow\:30\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-yellow\:40\:dark,html.var.dark .sf-c-yellow\:40\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-yellow\:50\:dark,html.var.dark .sf-c-yellow\:50\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:60\:dark,html.var.dark .sf-c-yellow\:60\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-yellow\:70\:dark,html.var.dark .sf-c-yellow\:70\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-yellow\:80\:dark,html.var.dark .sf-c-yellow\:80\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-yellow\:90\:dark,html.var.dark .sf-c-yellow\:90\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-yellow\:100\:dark,html.var.dark .sf-c-yellow\:100\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-yellow,html.auto .sf-c-yellow{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow))}html[data-theme='auto'] .sf-c-yellow\:0,html.auto .sf-c-yellow\:0{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-100))}html[data-theme='auto'] .sf-c-yellow\:10,html.auto .sf-c-yellow\:10{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-90))}html[data-theme='auto'] .sf-c-yellow\:20,html.auto .sf-c-yellow\:20{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-80))}html[data-theme='auto'] .sf-c-yellow\:30,html.auto .sf-c-yellow\:30{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-70))}html[data-theme='auto'] .sf-c-yellow\:40,html.auto .sf-c-yellow\:40{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-60))}html[data-theme='auto'] .sf-c-yellow\:50,html.auto .sf-c-yellow\:50{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-50))}html[data-theme='auto'] .sf-c-yellow\:60,html.auto .sf-c-yellow\:60{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-40))}html[data-theme='auto'] .sf-c-yellow\:70,html.auto .sf-c-yellow\:70{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-30))}html[data-theme='auto'] .sf-c-yellow\:80,html.auto .sf-c-yellow\:80{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-20))}html[data-theme='auto'] .sf-c-yellow\:90,html.auto .sf-c-yellow\:90{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-10))}html[data-theme='auto'] .sf-c-yellow\:100,html.auto .sf-c-yellow\:100{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-0))}html[data-theme='auto'] .sf-c-yellow\:dark,html.auto .sf-c-yellow\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow))}html[data-theme='auto'] .sf-c-yellow\:0\:dark,html.auto .sf-c-yellow\:0\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-100))}html[data-theme='auto'] .sf-c-yellow\:10\:dark,html.auto .sf-c-yellow\:10\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-90))}html[data-theme='auto'] .sf-c-yellow\:20\:dark,html.auto .sf-c-yellow\:20\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-80))}html[data-theme='auto'] .sf-c-yellow\:30\:dark,html.auto .sf-c-yellow\:30\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-70))}html[data-theme='auto'] .sf-c-yellow\:40\:dark,html.auto .sf-c-yellow\:40\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-60))}html[data-theme='auto'] .sf-c-yellow\:50\:dark,html.auto .sf-c-yellow\:50\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-50))}html[data-theme='auto'] .sf-c-yellow\:60\:dark,html.auto .sf-c-yellow\:60\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-40))}html[data-theme='auto'] .sf-c-yellow\:70\:dark,html.auto .sf-c-yellow\:70\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-30))}html[data-theme='auto'] .sf-c-yellow\:80\:dark,html.auto .sf-c-yellow\:80\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-20))}html[data-theme='auto'] .sf-c-yellow\:90\:dark,html.auto .sf-c-yellow\:90\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-10))}html[data-theme='auto'] .sf-c-yellow\:100\:dark,html.auto .sf-c-yellow\:100\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-0))}html.var[data-theme='auto'] .sf-c-yellow,html.var.auto .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:0,html.var.auto .sf-c-yellow\:0{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='auto'] .sf-c-yellow\:10,html.var.auto .sf-c-yellow\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-yellow\:20,html.var.auto .sf-c-yellow\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-yellow\:30,html.var.auto .sf-c-yellow\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-yellow\:40,html.var.auto .sf-c-yellow\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-yellow\:50,html.var.auto .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:60,html.var.auto .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-yellow\:70,html.var.auto .sf-c-yellow\:70{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-yellow\:80,html.var.auto .sf-c-yellow\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-yellow\:90,html.var.auto .sf-c-yellow\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-yellow\:100,html.var.auto .sf-c-yellow\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='auto'] .sf-c-yellow\:dark,html.var.auto .sf-c-yellow\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:0\:dark,html.var.auto .sf-c-yellow\:0\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='auto'] .sf-c-yellow\:10\:dark,html.var.auto .sf-c-yellow\:10\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-yellow\:20\:dark,html.var.auto .sf-c-yellow\:20\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-yellow\:30\:dark,html.var.auto .sf-c-yellow\:30\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-yellow\:40\:dark,html.var.auto .sf-c-yellow\:40\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-yellow\:50\:dark,html.var.auto .sf-c-yellow\:50\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:60\:dark,html.var.auto .sf-c-yellow\:60\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-yellow\:70\:dark,html.var.auto .sf-c-yellow\:70\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-yellow\:80\:dark,html.var.auto .sf-c-yellow\:80\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-yellow\:90\:dark,html.var.auto .sf-c-yellow\:90\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-yellow\:100\:dark,html.var.auto .sf-c-yellow\:100\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}}.sf-c-txt-yellow{color:hsl(var(--sf-c-txt-yellow))}.sf-c-txt-yellow\:0{color:hsl(var(--sf-c-txt-yellow-0))}.sf-c-txt-yellow\:10{color:hsl(var(--sf-c-txt-yellow-10))}.sf-c-txt-yellow\:20{color:hsl(var(--sf-c-txt-yellow-20))}.sf-c-txt-yellow\:30{color:hsl(var(--sf-c-txt-yellow-30))}.sf-c-txt-yellow\:40{color:hsl(var(--sf-c-txt-yellow-40))}.sf-c-txt-yellow\:50{color:hsl(var(--sf-c-txt-yellow-50))}.sf-c-txt-yellow\:60{color:hsl(var(--sf-c-txt-yellow-60))}.sf-c-txt-yellow\:70{color:hsl(var(--sf-c-txt-yellow-70))}.sf-c-txt-yellow\:80{color:hsl(var(--sf-c-txt-yellow-80))}.sf-c-txt-yellow\:90{color:hsl(var(--sf-c-txt-yellow-90))}.sf-c-txt-yellow\:100{color:hsl(var(--sf-c-txt-yellow-100))} \ No newline at end of file +:root{--sf-c-black:0 0% 0%;--sf-c-black-0:0 0% 0%;--sf-c-black-10:0 0% 10%;--sf-c-black-20:0 0% 20%;--sf-c-black-30:0 0% 30%;--sf-c-black-40:0 0% 40%;--sf-c-black-50:0 0% 50%;--sf-c-black-60:0 0% 60%;--sf-c-black-70:0 0% 70%;--sf-c-black-80:0 0% 80%;--sf-c-black-90:0 0% 90%;--sf-c-black-100:0 0% 100%;--sf-c-txt-black:var(--sf-c-black);--sf-c-txt-black-0:var(--sf-c-black-0);--sf-c-txt-black-10:var(--sf-c-black-10);--sf-c-txt-black-20:var(--sf-c-black-20);--sf-c-txt-black-30:var(--sf-c-black-30);--sf-c-txt-black-40:var(--sf-c-black-40);--sf-c-txt-black-50:var(--sf-c-black-50);--sf-c-txt-black-60:var(--sf-c-black-60);--sf-c-txt-black-70:var(--sf-c-black-70);--sf-c-txt-black-80:var(--sf-c-black-80);--sf-c-txt-black-90:var(--sf-c-black-90);--sf-c-txt-black-100:var(--sf-c-black-100);--sf-dark-c-black:0 0% 100%;--sf-dark-c-black-0:0 0% 0%;--sf-dark-c-black-10:0 0% 10%;--sf-dark-c-black-20:0 0% 20%;--sf-dark-c-black-30:0 0% 30%;--sf-dark-c-black-40:0 0% 40%;--sf-dark-c-black-50:0 0% 50%;--sf-dark-c-black-60:0 0% 60%;--sf-dark-c-black-70:0 0% 70%;--sf-dark-c-black-80:0 0% 80%;--sf-dark-c-black-90:0 0% 90%;--sf-dark-c-black-100:0 0% 100%;--sf-dark-c-txt-black:var(--sf-dark-c-black);--sf-dark-c-txt-black-0:var(--sf-dark-c-black-0);--sf-dark-c-txt-black-10:var(--sf-dark-c-black-10);--sf-dark-c-txt-black-20:var(--sf-dark-c-black-20);--sf-dark-c-txt-black-30:var(--sf-dark-c-black-30);--sf-dark-c-txt-black-40:var(--sf-dark-c-black-40);--sf-dark-c-txt-black-50:var(--sf-dark-c-black-50);--sf-dark-c-txt-black-60:var(--sf-dark-c-black-60);--sf-dark-c-txt-black-70:var(--sf-dark-c-black-70);--sf-dark-c-txt-black-80:var(--sf-dark-c-black-80);--sf-dark-c-txt-black-90:var(--sf-dark-c-black-90);--sf-dark-c-txt-black-100:var(--sf-dark-c-black-100);--sf-c-blue:240 100% 50%;--sf-c-blue-0:240 100% 0%;--sf-c-blue-10:240 100% 10%;--sf-c-blue-20:240 100% 20%;--sf-c-blue-30:240 100% 30%;--sf-c-blue-40:240 100% 40%;--sf-c-blue-50:240 100% 50%;--sf-c-blue-60:240 100% 60%;--sf-c-blue-70:240 100% 70%;--sf-c-blue-80:240 100% 80%;--sf-c-blue-90:240 100% 90%;--sf-c-blue-100:240 100% 100%;--sf-c-txt-blue:var(--sf-c-blue);--sf-c-txt-blue-0:var(--sf-c-blue-0);--sf-c-txt-blue-10:var(--sf-c-blue-10);--sf-c-txt-blue-20:var(--sf-c-blue-20);--sf-c-txt-blue-30:var(--sf-c-blue-30);--sf-c-txt-blue-40:var(--sf-c-blue-40);--sf-c-txt-blue-50:var(--sf-c-blue-50);--sf-c-txt-blue-60:var(--sf-c-blue-60);--sf-c-txt-blue-70:var(--sf-c-blue-70);--sf-c-txt-blue-80:var(--sf-c-blue-80);--sf-c-txt-blue-90:var(--sf-c-blue-90);--sf-c-txt-blue-100:var(--sf-c-blue-100);--sf-dark-c-blue:240 100% 50%;--sf-dark-c-blue-0:240 100% 0%;--sf-dark-c-blue-10:240 100% 10%;--sf-dark-c-blue-20:240 100% 20%;--sf-dark-c-blue-30:240 100% 30%;--sf-dark-c-blue-40:240 100% 40%;--sf-dark-c-blue-50:240 100% 50%;--sf-dark-c-blue-60:240 100% 60%;--sf-dark-c-blue-70:240 100% 70%;--sf-dark-c-blue-80:240 100% 80%;--sf-dark-c-blue-90:240 100% 90%;--sf-dark-c-blue-100:240 100% 100%;--sf-dark-c-txt-blue:var(--sf-dark-c-blue);--sf-dark-c-txt-blue-0:var(--sf-dark-c-blue-0);--sf-dark-c-txt-blue-10:var(--sf-dark-c-blue-10);--sf-dark-c-txt-blue-20:var(--sf-dark-c-blue-20);--sf-dark-c-txt-blue-30:var(--sf-dark-c-blue-30);--sf-dark-c-txt-blue-40:var(--sf-dark-c-blue-40);--sf-dark-c-txt-blue-50:var(--sf-dark-c-blue-50);--sf-dark-c-txt-blue-60:var(--sf-dark-c-blue-60);--sf-dark-c-txt-blue-70:var(--sf-dark-c-blue-70);--sf-dark-c-txt-blue-80:var(--sf-dark-c-blue-80);--sf-dark-c-txt-blue-90:var(--sf-dark-c-blue-90);--sf-dark-c-txt-blue-100:var(--sf-dark-c-blue-100);--sf-c-green:120 100% 25%;--sf-c-green-0:120 100% 0%;--sf-c-green-10:120 100% 10%;--sf-c-green-20:120 100% 20%;--sf-c-green-30:120 100% 30%;--sf-c-green-40:120 100% 40%;--sf-c-green-50:120 100% 50%;--sf-c-green-60:120 100% 60%;--sf-c-green-70:120 100% 70%;--sf-c-green-80:120 100% 80%;--sf-c-green-90:120 100% 90%;--sf-c-green-100:120 100% 100%;--sf-c-txt-green:var(--sf-c-green);--sf-c-txt-green-0:var(--sf-c-green-0);--sf-c-txt-green-10:var(--sf-c-green-10);--sf-c-txt-green-20:var(--sf-c-green-20);--sf-c-txt-green-30:var(--sf-c-green-30);--sf-c-txt-green-40:var(--sf-c-green-40);--sf-c-txt-green-50:var(--sf-c-green-50);--sf-c-txt-green-60:var(--sf-c-green-60);--sf-c-txt-green-70:var(--sf-c-green-70);--sf-c-txt-green-80:var(--sf-c-green-80);--sf-c-txt-green-90:var(--sf-c-green-90);--sf-c-txt-green-100:var(--sf-c-green-100);--sf-dark-c-green:120 100% 75%;--sf-dark-c-green-0:120 100% 0%;--sf-dark-c-green-10:120 100% 10%;--sf-dark-c-green-20:120 100% 20%;--sf-dark-c-green-30:120 100% 30%;--sf-dark-c-green-40:120 100% 40%;--sf-dark-c-green-50:120 100% 50%;--sf-dark-c-green-60:120 100% 60%;--sf-dark-c-green-70:120 100% 70%;--sf-dark-c-green-80:120 100% 80%;--sf-dark-c-green-90:120 100% 90%;--sf-dark-c-green-100:120 100% 100%;--sf-dark-c-txt-green:var(--sf-dark-c-green);--sf-dark-c-txt-green-0:var(--sf-dark-c-green-0);--sf-dark-c-txt-green-10:var(--sf-dark-c-green-10);--sf-dark-c-txt-green-20:var(--sf-dark-c-green-20);--sf-dark-c-txt-green-30:var(--sf-dark-c-green-30);--sf-dark-c-txt-green-40:var(--sf-dark-c-green-40);--sf-dark-c-txt-green-50:var(--sf-dark-c-green-50);--sf-dark-c-txt-green-60:var(--sf-dark-c-green-60);--sf-dark-c-txt-green-70:var(--sf-dark-c-green-70);--sf-dark-c-txt-green-80:var(--sf-dark-c-green-80);--sf-dark-c-txt-green-90:var(--sf-dark-c-green-90);--sf-dark-c-txt-green-100:var(--sf-dark-c-green-100);--sf-c-orange:39 100% 50%;--sf-c-orange-0:39 100% 0%;--sf-c-orange-10:39 100% 10%;--sf-c-orange-20:39 100% 20%;--sf-c-orange-30:39 100% 30%;--sf-c-orange-40:39 100% 40%;--sf-c-orange-50:39 100% 50%;--sf-c-orange-60:39 100% 60%;--sf-c-orange-70:39 100% 70%;--sf-c-orange-80:39 100% 80%;--sf-c-orange-90:39 100% 90%;--sf-c-orange-100:39 100% 100%;--sf-c-txt-orange:var(--sf-c-orange);--sf-c-txt-orange-0:var(--sf-c-orange-0);--sf-c-txt-orange-10:var(--sf-c-orange-10);--sf-c-txt-orange-20:var(--sf-c-orange-20);--sf-c-txt-orange-30:var(--sf-c-orange-30);--sf-c-txt-orange-40:var(--sf-c-orange-40);--sf-c-txt-orange-50:var(--sf-c-orange-50);--sf-c-txt-orange-60:var(--sf-c-orange-60);--sf-c-txt-orange-70:var(--sf-c-orange-70);--sf-c-txt-orange-80:var(--sf-c-orange-80);--sf-c-txt-orange-90:var(--sf-c-orange-90);--sf-c-txt-orange-100:var(--sf-c-orange-100);--sf-dark-c-orange:39 100% 50%;--sf-dark-c-orange-0:39 100% 0%;--sf-dark-c-orange-10:39 100% 10%;--sf-dark-c-orange-20:39 100% 20%;--sf-dark-c-orange-30:39 100% 30%;--sf-dark-c-orange-40:39 100% 40%;--sf-dark-c-orange-50:39 100% 50%;--sf-dark-c-orange-60:39 100% 60%;--sf-dark-c-orange-70:39 100% 70%;--sf-dark-c-orange-80:39 100% 80%;--sf-dark-c-orange-90:39 100% 90%;--sf-dark-c-orange-100:39 100% 100%;--sf-dark-c-txt-orange:var(--sf-dark-c-orange);--sf-dark-c-txt-orange-0:var(--sf-dark-c-orange-0);--sf-dark-c-txt-orange-10:var(--sf-dark-c-orange-10);--sf-dark-c-txt-orange-20:var(--sf-dark-c-orange-20);--sf-dark-c-txt-orange-30:var(--sf-dark-c-orange-30);--sf-dark-c-txt-orange-40:var(--sf-dark-c-orange-40);--sf-dark-c-txt-orange-50:var(--sf-dark-c-orange-50);--sf-dark-c-txt-orange-60:var(--sf-dark-c-orange-60);--sf-dark-c-txt-orange-70:var(--sf-dark-c-orange-70);--sf-dark-c-txt-orange-80:var(--sf-dark-c-orange-80);--sf-dark-c-txt-orange-90:var(--sf-dark-c-orange-90);--sf-dark-c-txt-orange-100:var(--sf-dark-c-orange-100);--sf-c-red:0 100% 50%;--sf-c-red-0:0 100% 0%;--sf-c-red-10:0 100% 10%;--sf-c-red-20:0 100% 20%;--sf-c-red-30:0 100% 30%;--sf-c-red-40:0 100% 40%;--sf-c-red-50:0 100% 50%;--sf-c-red-60:0 100% 60%;--sf-c-red-70:0 100% 70%;--sf-c-red-80:0 100% 80%;--sf-c-red-90:0 100% 90%;--sf-c-red-100:0 100% 100%;--sf-c-txt-red:var(--sf-c-red);--sf-c-txt-red-0:var(--sf-c-red-0);--sf-c-txt-red-10:var(--sf-c-red-10);--sf-c-txt-red-20:var(--sf-c-red-20);--sf-c-txt-red-30:var(--sf-c-red-30);--sf-c-txt-red-40:var(--sf-c-red-40);--sf-c-txt-red-50:var(--sf-c-red-50);--sf-c-txt-red-60:var(--sf-c-red-60);--sf-c-txt-red-70:var(--sf-c-red-70);--sf-c-txt-red-80:var(--sf-c-red-80);--sf-c-txt-red-90:var(--sf-c-red-90);--sf-c-txt-red-100:var(--sf-c-red-100);--sf-dark-c-red:0 100% 50%;--sf-dark-c-red-0:0 100% 0%;--sf-dark-c-red-10:0 100% 10%;--sf-dark-c-red-20:0 100% 20%;--sf-dark-c-red-30:0 100% 30%;--sf-dark-c-red-40:0 100% 40%;--sf-dark-c-red-50:0 100% 50%;--sf-dark-c-red-60:0 100% 60%;--sf-dark-c-red-70:0 100% 70%;--sf-dark-c-red-80:0 100% 80%;--sf-dark-c-red-90:0 100% 90%;--sf-dark-c-red-100:0 100% 100%;--sf-dark-c-txt-red:var(--sf-dark-c-red);--sf-dark-c-txt-red-0:var(--sf-dark-c-red-0);--sf-dark-c-txt-red-10:var(--sf-dark-c-red-10);--sf-dark-c-txt-red-20:var(--sf-dark-c-red-20);--sf-dark-c-txt-red-30:var(--sf-dark-c-red-30);--sf-dark-c-txt-red-40:var(--sf-dark-c-red-40);--sf-dark-c-txt-red-50:var(--sf-dark-c-red-50);--sf-dark-c-txt-red-60:var(--sf-dark-c-red-60);--sf-dark-c-txt-red-70:var(--sf-dark-c-red-70);--sf-dark-c-txt-red-80:var(--sf-dark-c-red-80);--sf-dark-c-txt-red-90:var(--sf-dark-c-red-90);--sf-dark-c-txt-red-100:var(--sf-dark-c-red-100);--sf-c-skyblue:197 71% 73%;--sf-c-skyblue-0:197 71% 0%;--sf-c-skyblue-10:197 71% 10%;--sf-c-skyblue-20:197 71% 20%;--sf-c-skyblue-30:197 71% 30%;--sf-c-skyblue-40:197 71% 40%;--sf-c-skyblue-50:197 71% 50%;--sf-c-skyblue-60:197 71% 60%;--sf-c-skyblue-70:197 71% 70%;--sf-c-skyblue-80:197 71% 80%;--sf-c-skyblue-90:197 71% 90%;--sf-c-skyblue-100:197 71% 100%;--sf-c-txt-skyblue:var(--sf-c-skyblue);--sf-c-txt-skyblue-0:var(--sf-c-skyblue-0);--sf-c-txt-skyblue-10:var(--sf-c-skyblue-10);--sf-c-txt-skyblue-20:var(--sf-c-skyblue-20);--sf-c-txt-skyblue-30:var(--sf-c-skyblue-30);--sf-c-txt-skyblue-40:var(--sf-c-skyblue-40);--sf-c-txt-skyblue-50:var(--sf-c-skyblue-50);--sf-c-txt-skyblue-60:var(--sf-c-skyblue-60);--sf-c-txt-skyblue-70:var(--sf-c-skyblue-70);--sf-c-txt-skyblue-80:var(--sf-c-skyblue-80);--sf-c-txt-skyblue-90:var(--sf-c-skyblue-90);--sf-c-txt-skyblue-100:var(--sf-c-skyblue-100);--sf-dark-c-skyblue:197 71% 27%;--sf-dark-c-skyblue-0:197 71% 0%;--sf-dark-c-skyblue-10:197 71% 10%;--sf-dark-c-skyblue-20:197 71% 20%;--sf-dark-c-skyblue-30:197 71% 30%;--sf-dark-c-skyblue-40:197 71% 40%;--sf-dark-c-skyblue-50:197 71% 50%;--sf-dark-c-skyblue-60:197 71% 60%;--sf-dark-c-skyblue-70:197 71% 70%;--sf-dark-c-skyblue-80:197 71% 80%;--sf-dark-c-skyblue-90:197 71% 90%;--sf-dark-c-skyblue-100:197 71% 100%;--sf-dark-c-txt-skyblue:var(--sf-dark-c-skyblue);--sf-dark-c-txt-skyblue-0:var(--sf-dark-c-skyblue-0);--sf-dark-c-txt-skyblue-10:var(--sf-dark-c-skyblue-10);--sf-dark-c-txt-skyblue-20:var(--sf-dark-c-skyblue-20);--sf-dark-c-txt-skyblue-30:var(--sf-dark-c-skyblue-30);--sf-dark-c-txt-skyblue-40:var(--sf-dark-c-skyblue-40);--sf-dark-c-txt-skyblue-50:var(--sf-dark-c-skyblue-50);--sf-dark-c-txt-skyblue-60:var(--sf-dark-c-skyblue-60);--sf-dark-c-txt-skyblue-70:var(--sf-dark-c-skyblue-70);--sf-dark-c-txt-skyblue-80:var(--sf-dark-c-skyblue-80);--sf-dark-c-txt-skyblue-90:var(--sf-dark-c-skyblue-90);--sf-dark-c-txt-skyblue-100:var(--sf-dark-c-skyblue-100);--sf-c-violet:300 76% 72%;--sf-c-violet-0:300 76% 0%;--sf-c-violet-10:300 76% 10%;--sf-c-violet-20:300 76% 20%;--sf-c-violet-30:300 76% 30%;--sf-c-violet-40:300 76% 40%;--sf-c-violet-50:300 76% 50%;--sf-c-violet-60:300 76% 60%;--sf-c-violet-70:300 76% 70%;--sf-c-violet-80:300 76% 80%;--sf-c-violet-90:300 76% 90%;--sf-c-violet-100:300 76% 100%;--sf-c-txt-violet:var(--sf-c-violet);--sf-c-txt-violet-0:var(--sf-c-violet-0);--sf-c-txt-violet-10:var(--sf-c-violet-10);--sf-c-txt-violet-20:var(--sf-c-violet-20);--sf-c-txt-violet-30:var(--sf-c-violet-30);--sf-c-txt-violet-40:var(--sf-c-violet-40);--sf-c-txt-violet-50:var(--sf-c-violet-50);--sf-c-txt-violet-60:var(--sf-c-violet-60);--sf-c-txt-violet-70:var(--sf-c-violet-70);--sf-c-txt-violet-80:var(--sf-c-violet-80);--sf-c-txt-violet-90:var(--sf-c-violet-90);--sf-c-txt-violet-100:var(--sf-c-violet-100);--sf-dark-c-violet:300 76% 28%;--sf-dark-c-violet-0:300 76% 0%;--sf-dark-c-violet-10:300 76% 10%;--sf-dark-c-violet-20:300 76% 20%;--sf-dark-c-violet-30:300 76% 30%;--sf-dark-c-violet-40:300 76% 40%;--sf-dark-c-violet-50:300 76% 50%;--sf-dark-c-violet-60:300 76% 60%;--sf-dark-c-violet-70:300 76% 70%;--sf-dark-c-violet-80:300 76% 80%;--sf-dark-c-violet-90:300 76% 90%;--sf-dark-c-violet-100:300 76% 100%;--sf-dark-c-txt-violet:var(--sf-dark-c-violet);--sf-dark-c-txt-violet-0:var(--sf-dark-c-violet-0);--sf-dark-c-txt-violet-10:var(--sf-dark-c-violet-10);--sf-dark-c-txt-violet-20:var(--sf-dark-c-violet-20);--sf-dark-c-txt-violet-30:var(--sf-dark-c-violet-30);--sf-dark-c-txt-violet-40:var(--sf-dark-c-violet-40);--sf-dark-c-txt-violet-50:var(--sf-dark-c-violet-50);--sf-dark-c-txt-violet-60:var(--sf-dark-c-violet-60);--sf-dark-c-txt-violet-70:var(--sf-dark-c-violet-70);--sf-dark-c-txt-violet-80:var(--sf-dark-c-violet-80);--sf-dark-c-txt-violet-90:var(--sf-dark-c-violet-90);--sf-dark-c-txt-violet-100:var(--sf-dark-c-violet-100);--sf-c-yellow:60 100% 50%;--sf-c-yellow-0:60 100% 0%;--sf-c-yellow-10:60 100% 10%;--sf-c-yellow-20:60 100% 20%;--sf-c-yellow-30:60 100% 30%;--sf-c-yellow-40:60 100% 40%;--sf-c-yellow-50:60 100% 50%;--sf-c-yellow-60:60 100% 60%;--sf-c-yellow-70:60 100% 70%;--sf-c-yellow-80:60 100% 80%;--sf-c-yellow-90:60 100% 90%;--sf-c-yellow-100:60 100% 100%;--sf-c-txt-yellow:var(--sf-c-yellow);--sf-c-txt-yellow-0:var(--sf-c-yellow-0);--sf-c-txt-yellow-10:var(--sf-c-yellow-10);--sf-c-txt-yellow-20:var(--sf-c-yellow-20);--sf-c-txt-yellow-30:var(--sf-c-yellow-30);--sf-c-txt-yellow-40:var(--sf-c-yellow-40);--sf-c-txt-yellow-50:var(--sf-c-yellow-50);--sf-c-txt-yellow-60:var(--sf-c-yellow-60);--sf-c-txt-yellow-70:var(--sf-c-yellow-70);--sf-c-txt-yellow-80:var(--sf-c-yellow-80);--sf-c-txt-yellow-90:var(--sf-c-yellow-90);--sf-c-txt-yellow-100:var(--sf-c-yellow-100);--sf-dark-c-yellow:60 100% 50%;--sf-dark-c-yellow-0:60 100% 0%;--sf-dark-c-yellow-10:60 100% 10%;--sf-dark-c-yellow-20:60 100% 20%;--sf-dark-c-yellow-30:60 100% 30%;--sf-dark-c-yellow-40:60 100% 40%;--sf-dark-c-yellow-50:60 100% 50%;--sf-dark-c-yellow-60:60 100% 60%;--sf-dark-c-yellow-70:60 100% 70%;--sf-dark-c-yellow-80:60 100% 80%;--sf-dark-c-yellow-90:60 100% 90%;--sf-dark-c-yellow-100:60 100% 100%;--sf-dark-c-txt-yellow:var(--sf-dark-c-yellow);--sf-dark-c-txt-yellow-0:var(--sf-dark-c-yellow-0);--sf-dark-c-txt-yellow-10:var(--sf-dark-c-yellow-10);--sf-dark-c-txt-yellow-20:var(--sf-dark-c-yellow-20);--sf-dark-c-txt-yellow-30:var(--sf-dark-c-yellow-30);--sf-dark-c-txt-yellow-40:var(--sf-dark-c-yellow-40);--sf-dark-c-txt-yellow-50:var(--sf-dark-c-yellow-50);--sf-dark-c-txt-yellow-60:var(--sf-dark-c-yellow-60);--sf-dark-c-txt-yellow-70:var(--sf-dark-c-yellow-70);--sf-dark-c-txt-yellow-80:var(--sf-dark-c-yellow-80);--sf-dark-c-txt-yellow-90:var(--sf-dark-c-yellow-90);--sf-dark-c-txt-yellow-100:var(--sf-dark-c-yellow-100)}.sf-c-black{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black))}.sf-c-black\:0{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-0))}.sf-c-black\:10{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-10))}.sf-c-black\:20{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-20))}.sf-c-black\:30{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-30))}.sf-c-black\:40{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-40))}.sf-c-black\:50{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-50))}.sf-c-black\:60{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-60))}.sf-c-black\:70{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-70))}.sf-c-black\:80{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-80))}.sf-c-black\:90{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-90))}.sf-c-black\:100{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-100))}html.var .sf-c-black{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var .sf-c-black\:0{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var .sf-c-black\:10{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var .sf-c-black\:20{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var .sf-c-black\:30{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var .sf-c-black\:40{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var .sf-c-black\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,60%)}html.var .sf-c-black\:70{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var .sf-c-black\:80{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var .sf-c-black\:90{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var .sf-c-black\:100{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}.sf-c-txt-black{color:hsl(var(--sf-dark-c-txt-black))}.sf-c-txt-black\:0{color:hsl(var(--sf-dark-c-txt-black-100))}.sf-c-txt-black\:10{color:hsl(var(--sf-dark-c-txt-black-90))}.sf-c-txt-black\:20{color:hsl(var(--sf-dark-c-txt-black-80))}.sf-c-txt-black\:30{color:hsl(var(--sf-dark-c-txt-black-70))}.sf-c-txt-black\:40{color:hsl(var(--sf-dark-c-txt-black-60))}.sf-c-txt-black\:50{color:hsl(var(--sf-dark-c-txt-black-50))}.sf-c-txt-black\:60{color:hsl(var(--sf-dark-c-txt-black-40))}.sf-c-txt-black\:70{color:hsl(var(--sf-dark-c-txt-black-30))}.sf-c-txt-black\:80{color:hsl(var(--sf-dark-c-txt-black-20))}.sf-c-txt-black\:90{color:hsl(var(--sf-dark-c-txt-black-10))}.sf-c-txt-black\:100{color:hsl(var(--sf-dark-c-txt-black-0))}html.var .sf-c-txt-black{color:hsl(0,0%,100%)}html.var .sf-c-txt-black\:0{color:hsl(0,0%,100%)}html.var .sf-c-txt-black\:10{color:hsl(0,0%,90%)}html.var .sf-c-txt-black\:20{color:hsl(0,0%,80%)}html.var .sf-c-txt-black\:30{color:hsl(0,0%,70%)}html.var .sf-c-txt-black\:40{color:hsl(0,0%,60%)}html.var .sf-c-txt-black\:50{color:hsl(0,0%,50%)}html.var .sf-c-txt-black\:60{color:hsl(0,0%,40%)}html.var .sf-c-txt-black\:70{color:hsl(0,0%,30%)}html.var .sf-c-txt-black\:80{color:hsl(0,0%,20%)}html.var .sf-c-txt-black\:90{color:hsl(0,0%,10%)}html.var .sf-c-txt-black\:100{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-black,html.dark .sf-c-black{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black))}html[data-theme='dark'] .sf-c-black\:0,html.dark .sf-c-black\:0{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-100))}html[data-theme='dark'] .sf-c-black\:10,html.dark .sf-c-black\:10{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-90))}html[data-theme='dark'] .sf-c-black\:20,html.dark .sf-c-black\:20{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-80))}html[data-theme='dark'] .sf-c-black\:30,html.dark .sf-c-black\:30{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-70))}html[data-theme='dark'] .sf-c-black\:40,html.dark .sf-c-black\:40{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-60))}html[data-theme='dark'] .sf-c-black\:50,html.dark .sf-c-black\:50{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-50))}html[data-theme='dark'] .sf-c-black\:60,html.dark .sf-c-black\:60{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-40))}html[data-theme='dark'] .sf-c-black\:70,html.dark .sf-c-black\:70{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-30))}html[data-theme='dark'] .sf-c-black\:80,html.dark .sf-c-black\:80{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-20))}html[data-theme='dark'] .sf-c-black\:90,html.dark .sf-c-black\:90{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-10))}html[data-theme='dark'] .sf-c-black\:100,html.dark .sf-c-black\:100{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-0))}html[data-theme='dark'] .sf-c-black\:dark,html.dark .sf-c-black\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black))}html[data-theme='dark'] .sf-c-black\:0\:dark,html.dark .sf-c-black\:0\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-100))}html[data-theme='dark'] .sf-c-black\:10\:dark,html.dark .sf-c-black\:10\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-90))}html[data-theme='dark'] .sf-c-black\:20\:dark,html.dark .sf-c-black\:20\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-80))}html[data-theme='dark'] .sf-c-black\:30\:dark,html.dark .sf-c-black\:30\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-70))}html[data-theme='dark'] .sf-c-black\:40\:dark,html.dark .sf-c-black\:40\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-60))}html[data-theme='dark'] .sf-c-black\:50\:dark,html.dark .sf-c-black\:50\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-50))}html[data-theme='dark'] .sf-c-black\:60\:dark,html.dark .sf-c-black\:60\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-40))}html[data-theme='dark'] .sf-c-black\:70\:dark,html.dark .sf-c-black\:70\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-30))}html[data-theme='dark'] .sf-c-black\:80\:dark,html.dark .sf-c-black\:80\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-20))}html[data-theme='dark'] .sf-c-black\:90\:dark,html.dark .sf-c-black\:90\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-10))}html[data-theme='dark'] .sf-c-black\:100\:dark,html.dark .sf-c-black\:100\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-0))}html[data-theme='dark'] .sf-c-txt-black,html.dark .sf-c-txt-black{color:hsl(var(--sf-c-txt-black))}html[data-theme='dark'] .sf-c-txt-black\:0,html.dark .sf-c-txt-black\:0{color:hsl(var(--sf-c-txt-black-0))}html[data-theme='dark'] .sf-c-txt-black\:10,html.dark .sf-c-txt-black\:10{color:hsl(var(--sf-c-txt-black-10))}html[data-theme='dark'] .sf-c-txt-black\:20,html.dark .sf-c-txt-black\:20{color:hsl(var(--sf-c-txt-black-20))}html[data-theme='dark'] .sf-c-txt-black\:30,html.dark .sf-c-txt-black\:30{color:hsl(var(--sf-c-txt-black-30))}html[data-theme='dark'] .sf-c-txt-black\:40,html.dark .sf-c-txt-black\:40{color:hsl(var(--sf-c-txt-black-40))}html[data-theme='dark'] .sf-c-txt-black\:50,html.dark .sf-c-txt-black\:50{color:hsl(var(--sf-c-txt-black-50))}html[data-theme='dark'] .sf-c-txt-black\:60,html.dark .sf-c-txt-black\:60{color:hsl(var(--sf-c-txt-black-60))}html[data-theme='dark'] .sf-c-txt-black\:70,html.dark .sf-c-txt-black\:70{color:hsl(var(--sf-c-txt-black-70))}html[data-theme='dark'] .sf-c-txt-black\:80,html.dark .sf-c-txt-black\:80{color:hsl(var(--sf-c-txt-black-80))}html[data-theme='dark'] .sf-c-txt-black\:90,html.dark .sf-c-txt-black\:90{color:hsl(var(--sf-c-txt-black-90))}html[data-theme='dark'] .sf-c-txt-black\:100,html.dark .sf-c-txt-black\:100{color:hsl(var(--sf-c-txt-black-100))}html[data-theme='dark'] .sf-c-txt-black\:dark,html.dark .sf-c-txt-black\:dark{color:hsl(var(--sf-c-txt-black))}html[data-theme='dark'] .sf-c-txt-black\:0\:dark,html.dark .sf-c-txt-black\:0\:dark{color:hsl(var(--sf-dark-c-txt-black-0))}html[data-theme='dark'] .sf-c-txt-black\:10\:dark,html.dark .sf-c-txt-black\:10\:dark{color:hsl(var(--sf-dark-c-txt-black-10))}html[data-theme='dark'] .sf-c-txt-black\:20\:dark,html.dark .sf-c-txt-black\:20\:dark{color:hsl(var(--sf-dark-c-txt-black-20))}html[data-theme='dark'] .sf-c-txt-black\:30\:dark,html.dark .sf-c-txt-black\:30\:dark{color:hsl(var(--sf-dark-c-txt-black-30))}html[data-theme='dark'] .sf-c-txt-black\:40\:dark,html.dark .sf-c-txt-black\:40\:dark{color:hsl(var(--sf-dark-c-txt-black-40))}html[data-theme='dark'] .sf-c-txt-black\:50\:dark,html.dark .sf-c-txt-black\:50\:dark{color:hsl(var(--sf-dark-c-txt-black-50))}html[data-theme='dark'] .sf-c-txt-black\:60\:dark,html.dark .sf-c-txt-black\:60\:dark{color:hsl(var(--sf-dark-c-txt-black-60))}html[data-theme='dark'] .sf-c-txt-black\:70\:dark,html.dark .sf-c-txt-black\:70\:dark{color:hsl(var(--sf-dark-c-txt-black-70))}html[data-theme='dark'] .sf-c-txt-black\:80\:dark,html.dark .sf-c-txt-black\:80\:dark{color:hsl(var(--sf-dark-c-txt-black-80))}html[data-theme='dark'] .sf-c-txt-black\:90\:dark,html.dark .sf-c-txt-black\:90\:dark{color:hsl(var(--sf-dark-c-txt-black-90))}html[data-theme='dark'] .sf-c-txt-black\:100\:dark,html.dark .sf-c-txt-black\:100\:dark{color:hsl(var(--sf-dark-c-txt-black-100))}html.var[data-theme='dark'] .sf-c-black,html.var.dark .sf-c-black{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:0,html.var.dark .sf-c-black\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:10,html.var.dark .sf-c-black\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-black\:20,html.var.dark .sf-c-black\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-black\:30,html.var.dark .sf-c-black\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-black\:40,html.var.dark .sf-c-black\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-black\:50,html.var.dark .sf-c-black\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-black\:60,html.var.dark .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-black\:70,html.var.dark .sf-c-black\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-black\:80,html.var.dark .sf-c-black\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-black\:90,html.var.dark .sf-c-black\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-black\:100,html.var.dark .sf-c-black\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-black\:dark,html.var.dark .sf-c-black\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:0\:dark,html.var.dark .sf-c-black\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:10\:dark,html.var.dark .sf-c-black\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-black\:20\:dark,html.var.dark .sf-c-black\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-black\:30\:dark,html.var.dark .sf-c-black\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-black\:40\:dark,html.var.dark .sf-c-black\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-black\:50\:dark,html.var.dark .sf-c-black\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-black\:60\:dark,html.var.dark .sf-c-black\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-black\:70\:dark,html.var.dark .sf-c-black\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-black\:80\:dark,html.var.dark .sf-c-black\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-black\:90\:dark,html.var.dark .sf-c-black\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-black\:100\:dark,html.var.dark .sf-c-black\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-black,html.dark .sf-c-txt-black{color:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-black\:0,html.dark .sf-c-txt-black\:0{color:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-black\:10,html.dark .sf-c-txt-black\:10{color:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-txt-black\:20,html.dark .sf-c-txt-black\:20{color:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-txt-black\:30,html.dark .sf-c-txt-black\:30{color:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-txt-black\:40,html.dark .sf-c-txt-black\:40{color:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-txt-black\:50,html.dark .sf-c-txt-black\:50{color:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-txt-black\:60,html.dark .sf-c-txt-black\:60{color:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-txt-black\:70,html.dark .sf-c-txt-black\:70{color:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-txt-black\:80,html.dark .sf-c-txt-black\:80{color:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-txt-black\:90,html.dark .sf-c-txt-black\:90{color:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-txt-black\:100,html.dark .sf-c-txt-black\:100{color:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-txt-black\:dark,html.dark .sf-c-txt-black\:dark{color:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-black\:0\:dark,html.dark .sf-c-txt-black\:0\:dark{color:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-black\:10\:dark,html.dark .sf-c-txt-black\:10\:dark{color:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-txt-black\:20\:dark,html.dark .sf-c-txt-black\:20\:dark{color:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-txt-black\:30\:dark,html.dark .sf-c-txt-black\:30\:dark{color:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-txt-black\:40\:dark,html.dark .sf-c-txt-black\:40\:dark{color:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-txt-black\:50\:dark,html.dark .sf-c-txt-black\:50\:dark{color:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-txt-black\:60\:dark,html.dark .sf-c-txt-black\:60\:dark{color:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-txt-black\:70\:dark,html.dark .sf-c-txt-black\:70\:dark{color:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-txt-black\:80\:dark,html.dark .sf-c-txt-black\:80\:dark{color:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-txt-black\:90\:dark,html.dark .sf-c-txt-black\:90\:dark{color:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-txt-black\:100\:dark,html.dark .sf-c-txt-black\:100\:dark{color:hsl(0,0%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-black,html.auto .sf-c-black{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black))}html[data-theme='auto'] .sf-c-black\:0,html.auto .sf-c-black\:0{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-100))}html[data-theme='auto'] .sf-c-black\:10,html.auto .sf-c-black\:10{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-90))}html[data-theme='auto'] .sf-c-black\:20,html.auto .sf-c-black\:20{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-80))}html[data-theme='auto'] .sf-c-black\:30,html.auto .sf-c-black\:30{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-70))}html[data-theme='auto'] .sf-c-black\:40,html.auto .sf-c-black\:40{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-60))}html[data-theme='auto'] .sf-c-black\:50,html.auto .sf-c-black\:50{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-50))}html[data-theme='auto'] .sf-c-black\:60,html.auto .sf-c-black\:60{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-40))}html[data-theme='auto'] .sf-c-black\:70,html.auto .sf-c-black\:70{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-30))}html[data-theme='auto'] .sf-c-black\:80,html.auto .sf-c-black\:80{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-20))}html[data-theme='auto'] .sf-c-black\:90,html.auto .sf-c-black\:90{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-10))}html[data-theme='auto'] .sf-c-black\:100,html.auto .sf-c-black\:100{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-0))}html[data-theme='auto'] .sf-c-black\:dark,html.auto .sf-c-black\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black))}html[data-theme='auto'] .sf-c-black\:0\:dark,html.auto .sf-c-black\:0\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-100))}html[data-theme='auto'] .sf-c-black\:10\:dark,html.auto .sf-c-black\:10\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-90))}html[data-theme='auto'] .sf-c-black\:20\:dark,html.auto .sf-c-black\:20\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-80))}html[data-theme='auto'] .sf-c-black\:30\:dark,html.auto .sf-c-black\:30\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-70))}html[data-theme='auto'] .sf-c-black\:40\:dark,html.auto .sf-c-black\:40\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-60))}html[data-theme='auto'] .sf-c-black\:50\:dark,html.auto .sf-c-black\:50\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-50))}html[data-theme='auto'] .sf-c-black\:60\:dark,html.auto .sf-c-black\:60\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-40))}html[data-theme='auto'] .sf-c-black\:70\:dark,html.auto .sf-c-black\:70\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-30))}html[data-theme='auto'] .sf-c-black\:80\:dark,html.auto .sf-c-black\:80\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-20))}html[data-theme='auto'] .sf-c-black\:90\:dark,html.auto .sf-c-black\:90\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-10))}html[data-theme='auto'] .sf-c-black\:100\:dark,html.auto .sf-c-black\:100\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-0))}html[data-theme='auto'] .sf-c-txt-black,html.auto .sf-c-txt-black{color:hsl(var(--sf-c-txt-black))}html[data-theme='auto'] .sf-c-txt-black\:0,html.auto .sf-c-txt-black\:0{color:hsl(var(--sf-c-txt-black-0))}html[data-theme='auto'] .sf-c-txt-black\:10,html.auto .sf-c-txt-black\:10{color:hsl(var(--sf-c-txt-black-10))}html[data-theme='auto'] .sf-c-txt-black\:20,html.auto .sf-c-txt-black\:20{color:hsl(var(--sf-c-txt-black-20))}html[data-theme='auto'] .sf-c-txt-black\:30,html.auto .sf-c-txt-black\:30{color:hsl(var(--sf-c-txt-black-30))}html[data-theme='auto'] .sf-c-txt-black\:40,html.auto .sf-c-txt-black\:40{color:hsl(var(--sf-c-txt-black-40))}html[data-theme='auto'] .sf-c-txt-black\:50,html.auto .sf-c-txt-black\:50{color:hsl(var(--sf-c-txt-black-50))}html[data-theme='auto'] .sf-c-txt-black\:60,html.auto .sf-c-txt-black\:60{color:hsl(var(--sf-c-txt-black-60))}html[data-theme='auto'] .sf-c-txt-black\:70,html.auto .sf-c-txt-black\:70{color:hsl(var(--sf-c-txt-black-70))}html[data-theme='auto'] .sf-c-txt-black\:80,html.auto .sf-c-txt-black\:80{color:hsl(var(--sf-c-txt-black-80))}html[data-theme='auto'] .sf-c-txt-black\:90,html.auto .sf-c-txt-black\:90{color:hsl(var(--sf-c-txt-black-90))}html[data-theme='auto'] .sf-c-txt-black\:100,html.auto .sf-c-txt-black\:100{color:hsl(var(--sf-c-txt-black-100))}html[data-theme='auto'] .sf-c-txt-black\:dark,html.auto .sf-c-txt-black\:dark{color:hsl(var(--sf-c-txt-black))}html[data-theme='auto'] .sf-c-txt-black\:0\:dark,html.auto .sf-c-txt-black\:0\:dark{color:hsl(var(--sf-c-txt-black-0))}html[data-theme='auto'] .sf-c-txt-black\:10\:dark,html.auto .sf-c-txt-black\:10\:dark{color:hsl(var(--sf-c-txt-black-10))}html[data-theme='auto'] .sf-c-txt-black\:20\:dark,html.auto .sf-c-txt-black\:20\:dark{color:hsl(var(--sf-c-txt-black-20))}html[data-theme='auto'] .sf-c-txt-black\:30\:dark,html.auto .sf-c-txt-black\:30\:dark{color:hsl(var(--sf-c-txt-black-30))}html[data-theme='auto'] .sf-c-txt-black\:40\:dark,html.auto .sf-c-txt-black\:40\:dark{color:hsl(var(--sf-c-txt-black-40))}html[data-theme='auto'] .sf-c-txt-black\:50\:dark,html.auto .sf-c-txt-black\:50\:dark{color:hsl(var(--sf-c-txt-black-50))}html[data-theme='auto'] .sf-c-txt-black\:60\:dark,html.auto .sf-c-txt-black\:60\:dark{color:hsl(var(--sf-c-txt-black-60))}html[data-theme='auto'] .sf-c-txt-black\:70\:dark,html.auto .sf-c-txt-black\:70\:dark{color:hsl(var(--sf-c-txt-black-70))}html[data-theme='auto'] .sf-c-txt-black\:80\:dark,html.auto .sf-c-txt-black\:80\:dark{color:hsl(var(--sf-c-txt-black-80))}html[data-theme='auto'] .sf-c-txt-black\:90\:dark,html.auto .sf-c-txt-black\:90\:dark{color:hsl(var(--sf-c-txt-black-90))}html[data-theme='auto'] .sf-c-txt-black\:100\:dark,html.auto .sf-c-txt-black\:100\:dark{color:hsl(var(--sf-c-txt-black-100))}html.var[data-theme='auto'] .sf-c-black,html.var.auto .sf-c-black{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:0,html.var.auto .sf-c-black\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:10,html.var.auto .sf-c-black\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-black\:20,html.var.auto .sf-c-black\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-black\:30,html.var.auto .sf-c-black\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-black\:40,html.var.auto .sf-c-black\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-black\:50,html.var.auto .sf-c-black\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-black\:60,html.var.auto .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-black\:70,html.var.auto .sf-c-black\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-black\:80,html.var.auto .sf-c-black\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-black\:90,html.var.auto .sf-c-black\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-black\:100,html.var.auto .sf-c-black\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-black\:dark,html.var.auto .sf-c-black\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:0\:dark,html.var.auto .sf-c-black\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:10\:dark,html.var.auto .sf-c-black\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-black\:20\:dark,html.var.auto .sf-c-black\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-black\:30\:dark,html.var.auto .sf-c-black\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-black\:40\:dark,html.var.auto .sf-c-black\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-black\:50\:dark,html.var.auto .sf-c-black\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-black\:60\:dark,html.var.auto .sf-c-black\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-black\:70\:dark,html.var.auto .sf-c-black\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-black\:80\:dark,html.var.auto .sf-c-black\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-black\:90\:dark,html.var.auto .sf-c-black\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-black\:100\:dark,html.var.auto .sf-c-black\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-black,html.auto .sf-c-txt-black{color:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-black\:0,html.auto .sf-c-txt-black\:0{color:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-black\:10,html.auto .sf-c-txt-black\:10{color:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-txt-black\:20,html.auto .sf-c-txt-black\:20{color:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-txt-black\:30,html.auto .sf-c-txt-black\:30{color:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-txt-black\:40,html.auto .sf-c-txt-black\:40{color:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-txt-black\:50,html.auto .sf-c-txt-black\:50{color:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-txt-black\:60,html.auto .sf-c-txt-black\:60{color:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-txt-black\:70,html.auto .sf-c-txt-black\:70{color:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-txt-black\:80,html.auto .sf-c-txt-black\:80{color:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-txt-black\:90,html.auto .sf-c-txt-black\:90{color:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-txt-black\:100,html.auto .sf-c-txt-black\:100{color:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-txt-black\:dark,html.auto .sf-c-txt-black\:dark{color:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-black\:0\:dark,html.auto .sf-c-txt-black\:0\:dark{color:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-black\:10\:dark,html.auto .sf-c-txt-black\:10\:dark{color:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-txt-black\:20\:dark,html.auto .sf-c-txt-black\:20\:dark{color:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-txt-black\:30\:dark,html.auto .sf-c-txt-black\:30\:dark{color:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-txt-black\:40\:dark,html.auto .sf-c-txt-black\:40\:dark{color:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-txt-black\:50\:dark,html.auto .sf-c-txt-black\:50\:dark{color:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-txt-black\:60\:dark,html.auto .sf-c-txt-black\:60\:dark{color:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-txt-black\:70\:dark,html.auto .sf-c-txt-black\:70\:dark{color:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-txt-black\:80\:dark,html.auto .sf-c-txt-black\:80\:dark{color:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-txt-black\:90\:dark,html.auto .sf-c-txt-black\:90\:dark{color:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-txt-black\:100\:dark,html.auto .sf-c-txt-black\:100\:dark{color:hsl(0,0%,100%)}}.sf-c-blue{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue))}.sf-c-blue\:0{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-0))}.sf-c-blue\:10{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-10))}.sf-c-blue\:20{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-20))}.sf-c-blue\:30{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-30))}.sf-c-blue\:40{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-40))}.sf-c-blue\:50{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-50))}.sf-c-blue\:60{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-60))}.sf-c-blue\:70{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-70))}.sf-c-blue\:80{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-80))}.sf-c-blue\:90{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-90))}.sf-c-blue\:100{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-100))}html.var .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var .sf-c-blue\:0{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var .sf-c-blue\:10{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var .sf-c-blue\:20{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var .sf-c-blue\:30{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html.var .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,80%)}html.var .sf-c-blue\:90{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var .sf-c-blue\:100{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}.sf-c-txt-blue{color:hsl(var(--sf-dark-c-txt-blue))}.sf-c-txt-blue\:0{color:hsl(var(--sf-dark-c-txt-blue-100))}.sf-c-txt-blue\:10{color:hsl(var(--sf-dark-c-txt-blue-90))}.sf-c-txt-blue\:20{color:hsl(var(--sf-dark-c-txt-blue-80))}.sf-c-txt-blue\:30{color:hsl(var(--sf-dark-c-txt-blue-70))}.sf-c-txt-blue\:40{color:hsl(var(--sf-dark-c-txt-blue-60))}.sf-c-txt-blue\:50{color:hsl(var(--sf-dark-c-txt-blue-50))}.sf-c-txt-blue\:60{color:hsl(var(--sf-dark-c-txt-blue-40))}.sf-c-txt-blue\:70{color:hsl(var(--sf-dark-c-txt-blue-30))}.sf-c-txt-blue\:80{color:hsl(var(--sf-dark-c-txt-blue-20))}.sf-c-txt-blue\:90{color:hsl(var(--sf-dark-c-txt-blue-10))}.sf-c-txt-blue\:100{color:hsl(var(--sf-dark-c-txt-blue-0))}html.var .sf-c-txt-blue{color:hsl(240,100%,50%)}html.var .sf-c-txt-blue\:0{color:hsl(240,100%,100%)}html.var .sf-c-txt-blue\:10{color:hsl(240,100%,90%)}html.var .sf-c-txt-blue\:20{color:hsl(240,100%,80%)}html.var .sf-c-txt-blue\:30{color:hsl(240,100%,70%)}html.var .sf-c-txt-blue\:40{color:hsl(240,100%,60%)}html.var .sf-c-txt-blue\:50{color:hsl(240,100%,50%)}html.var .sf-c-txt-blue\:60{color:hsl(240,100%,40%)}html.var .sf-c-txt-blue\:70{color:hsl(240,100%,30%)}html.var .sf-c-txt-blue\:80{color:hsl(240,100%,20%)}html.var .sf-c-txt-blue\:90{color:hsl(240,100%,10%)}html.var .sf-c-txt-blue\:100{color:hsl(240,100%,0%)}html[data-theme='dark'] .sf-c-blue,html.dark .sf-c-blue{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue))}html[data-theme='dark'] .sf-c-blue\:0,html.dark .sf-c-blue\:0{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-100))}html[data-theme='dark'] .sf-c-blue\:10,html.dark .sf-c-blue\:10{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-90))}html[data-theme='dark'] .sf-c-blue\:20,html.dark .sf-c-blue\:20{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-80))}html[data-theme='dark'] .sf-c-blue\:30,html.dark .sf-c-blue\:30{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-70))}html[data-theme='dark'] .sf-c-blue\:40,html.dark .sf-c-blue\:40{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-60))}html[data-theme='dark'] .sf-c-blue\:50,html.dark .sf-c-blue\:50{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-50))}html[data-theme='dark'] .sf-c-blue\:60,html.dark .sf-c-blue\:60{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-40))}html[data-theme='dark'] .sf-c-blue\:70,html.dark .sf-c-blue\:70{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-30))}html[data-theme='dark'] .sf-c-blue\:80,html.dark .sf-c-blue\:80{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-20))}html[data-theme='dark'] .sf-c-blue\:90,html.dark .sf-c-blue\:90{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-10))}html[data-theme='dark'] .sf-c-blue\:100,html.dark .sf-c-blue\:100{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-0))}html[data-theme='dark'] .sf-c-blue\:dark,html.dark .sf-c-blue\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue))}html[data-theme='dark'] .sf-c-blue\:0\:dark,html.dark .sf-c-blue\:0\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-100))}html[data-theme='dark'] .sf-c-blue\:10\:dark,html.dark .sf-c-blue\:10\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-90))}html[data-theme='dark'] .sf-c-blue\:20\:dark,html.dark .sf-c-blue\:20\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-80))}html[data-theme='dark'] .sf-c-blue\:30\:dark,html.dark .sf-c-blue\:30\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-70))}html[data-theme='dark'] .sf-c-blue\:40\:dark,html.dark .sf-c-blue\:40\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-60))}html[data-theme='dark'] .sf-c-blue\:50\:dark,html.dark .sf-c-blue\:50\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-50))}html[data-theme='dark'] .sf-c-blue\:60\:dark,html.dark .sf-c-blue\:60\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-40))}html[data-theme='dark'] .sf-c-blue\:70\:dark,html.dark .sf-c-blue\:70\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-30))}html[data-theme='dark'] .sf-c-blue\:80\:dark,html.dark .sf-c-blue\:80\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-20))}html[data-theme='dark'] .sf-c-blue\:90\:dark,html.dark .sf-c-blue\:90\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-10))}html[data-theme='dark'] .sf-c-blue\:100\:dark,html.dark .sf-c-blue\:100\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-0))}html[data-theme='dark'] .sf-c-txt-blue,html.dark .sf-c-txt-blue{color:hsl(var(--sf-c-txt-blue))}html[data-theme='dark'] .sf-c-txt-blue\:0,html.dark .sf-c-txt-blue\:0{color:hsl(var(--sf-c-txt-blue-0))}html[data-theme='dark'] .sf-c-txt-blue\:10,html.dark .sf-c-txt-blue\:10{color:hsl(var(--sf-c-txt-blue-10))}html[data-theme='dark'] .sf-c-txt-blue\:20,html.dark .sf-c-txt-blue\:20{color:hsl(var(--sf-c-txt-blue-20))}html[data-theme='dark'] .sf-c-txt-blue\:30,html.dark .sf-c-txt-blue\:30{color:hsl(var(--sf-c-txt-blue-30))}html[data-theme='dark'] .sf-c-txt-blue\:40,html.dark .sf-c-txt-blue\:40{color:hsl(var(--sf-c-txt-blue-40))}html[data-theme='dark'] .sf-c-txt-blue\:50,html.dark .sf-c-txt-blue\:50{color:hsl(var(--sf-c-txt-blue-50))}html[data-theme='dark'] .sf-c-txt-blue\:60,html.dark .sf-c-txt-blue\:60{color:hsl(var(--sf-c-txt-blue-60))}html[data-theme='dark'] .sf-c-txt-blue\:70,html.dark .sf-c-txt-blue\:70{color:hsl(var(--sf-c-txt-blue-70))}html[data-theme='dark'] .sf-c-txt-blue\:80,html.dark .sf-c-txt-blue\:80{color:hsl(var(--sf-c-txt-blue-80))}html[data-theme='dark'] .sf-c-txt-blue\:90,html.dark .sf-c-txt-blue\:90{color:hsl(var(--sf-c-txt-blue-90))}html[data-theme='dark'] .sf-c-txt-blue\:100,html.dark .sf-c-txt-blue\:100{color:hsl(var(--sf-c-txt-blue-100))}html[data-theme='dark'] .sf-c-txt-blue\:dark,html.dark .sf-c-txt-blue\:dark{color:hsl(var(--sf-c-txt-blue))}html[data-theme='dark'] .sf-c-txt-blue\:0\:dark,html.dark .sf-c-txt-blue\:0\:dark{color:hsl(var(--sf-dark-c-txt-blue-0))}html[data-theme='dark'] .sf-c-txt-blue\:10\:dark,html.dark .sf-c-txt-blue\:10\:dark{color:hsl(var(--sf-dark-c-txt-blue-10))}html[data-theme='dark'] .sf-c-txt-blue\:20\:dark,html.dark .sf-c-txt-blue\:20\:dark{color:hsl(var(--sf-dark-c-txt-blue-20))}html[data-theme='dark'] .sf-c-txt-blue\:30\:dark,html.dark .sf-c-txt-blue\:30\:dark{color:hsl(var(--sf-dark-c-txt-blue-30))}html[data-theme='dark'] .sf-c-txt-blue\:40\:dark,html.dark .sf-c-txt-blue\:40\:dark{color:hsl(var(--sf-dark-c-txt-blue-40))}html[data-theme='dark'] .sf-c-txt-blue\:50\:dark,html.dark .sf-c-txt-blue\:50\:dark{color:hsl(var(--sf-dark-c-txt-blue-50))}html[data-theme='dark'] .sf-c-txt-blue\:60\:dark,html.dark .sf-c-txt-blue\:60\:dark{color:hsl(var(--sf-dark-c-txt-blue-60))}html[data-theme='dark'] .sf-c-txt-blue\:70\:dark,html.dark .sf-c-txt-blue\:70\:dark{color:hsl(var(--sf-dark-c-txt-blue-70))}html[data-theme='dark'] .sf-c-txt-blue\:80\:dark,html.dark .sf-c-txt-blue\:80\:dark{color:hsl(var(--sf-dark-c-txt-blue-80))}html[data-theme='dark'] .sf-c-txt-blue\:90\:dark,html.dark .sf-c-txt-blue\:90\:dark{color:hsl(var(--sf-dark-c-txt-blue-90))}html[data-theme='dark'] .sf-c-txt-blue\:100\:dark,html.dark .sf-c-txt-blue\:100\:dark{color:hsl(var(--sf-dark-c-txt-blue-100))}html.var[data-theme='dark'] .sf-c-blue,html.var.dark .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:0,html.var.dark .sf-c-blue\:0{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='dark'] .sf-c-blue\:10,html.var.dark .sf-c-blue\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-blue\:20,html.var.dark .sf-c-blue\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-blue\:30,html.var.dark .sf-c-blue\:30{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-blue\:40,html.var.dark .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-blue\:50,html.var.dark .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:60,html.var.dark .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-blue\:70,html.var.dark .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-blue\:80,html.var.dark .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-blue\:90,html.var.dark .sf-c-blue\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-blue\:100,html.var.dark .sf-c-blue\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='dark'] .sf-c-blue\:dark,html.var.dark .sf-c-blue\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:0\:dark,html.var.dark .sf-c-blue\:0\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='dark'] .sf-c-blue\:10\:dark,html.var.dark .sf-c-blue\:10\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-blue\:20\:dark,html.var.dark .sf-c-blue\:20\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-blue\:30\:dark,html.var.dark .sf-c-blue\:30\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-blue\:40\:dark,html.var.dark .sf-c-blue\:40\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-blue\:50\:dark,html.var.dark .sf-c-blue\:50\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:60\:dark,html.var.dark .sf-c-blue\:60\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-blue\:70\:dark,html.var.dark .sf-c-blue\:70\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-blue\:80\:dark,html.var.dark .sf-c-blue\:80\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-blue\:90\:dark,html.var.dark .sf-c-blue\:90\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-blue\:100\:dark,html.var.dark .sf-c-blue\:100\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-blue,html.dark .sf-c-txt-blue{color:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-blue\:0,html.dark .sf-c-txt-blue\:0{color:hsl(240,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-blue\:10,html.dark .sf-c-txt-blue\:10{color:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-blue\:20,html.dark .sf-c-txt-blue\:20{color:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-blue\:30,html.dark .sf-c-txt-blue\:30{color:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-blue\:40,html.dark .sf-c-txt-blue\:40{color:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-blue\:50,html.dark .sf-c-txt-blue\:50{color:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-blue\:60,html.dark .sf-c-txt-blue\:60{color:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-blue\:70,html.dark .sf-c-txt-blue\:70{color:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-blue\:80,html.dark .sf-c-txt-blue\:80{color:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-blue\:90,html.dark .sf-c-txt-blue\:90{color:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-blue\:100,html.dark .sf-c-txt-blue\:100{color:hsl(240,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-blue\:dark,html.dark .sf-c-txt-blue\:dark{color:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-blue\:0\:dark,html.dark .sf-c-txt-blue\:0\:dark{color:hsl(240,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-blue\:10\:dark,html.dark .sf-c-txt-blue\:10\:dark{color:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-blue\:20\:dark,html.dark .sf-c-txt-blue\:20\:dark{color:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-blue\:30\:dark,html.dark .sf-c-txt-blue\:30\:dark{color:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-blue\:40\:dark,html.dark .sf-c-txt-blue\:40\:dark{color:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-blue\:50\:dark,html.dark .sf-c-txt-blue\:50\:dark{color:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-blue\:60\:dark,html.dark .sf-c-txt-blue\:60\:dark{color:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-blue\:70\:dark,html.dark .sf-c-txt-blue\:70\:dark{color:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-blue\:80\:dark,html.dark .sf-c-txt-blue\:80\:dark{color:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-blue\:90\:dark,html.dark .sf-c-txt-blue\:90\:dark{color:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-blue\:100\:dark,html.dark .sf-c-txt-blue\:100\:dark{color:hsl(240,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-blue,html.auto .sf-c-blue{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue))}html[data-theme='auto'] .sf-c-blue\:0,html.auto .sf-c-blue\:0{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-100))}html[data-theme='auto'] .sf-c-blue\:10,html.auto .sf-c-blue\:10{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-90))}html[data-theme='auto'] .sf-c-blue\:20,html.auto .sf-c-blue\:20{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-80))}html[data-theme='auto'] .sf-c-blue\:30,html.auto .sf-c-blue\:30{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-70))}html[data-theme='auto'] .sf-c-blue\:40,html.auto .sf-c-blue\:40{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-60))}html[data-theme='auto'] .sf-c-blue\:50,html.auto .sf-c-blue\:50{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-50))}html[data-theme='auto'] .sf-c-blue\:60,html.auto .sf-c-blue\:60{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-40))}html[data-theme='auto'] .sf-c-blue\:70,html.auto .sf-c-blue\:70{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-30))}html[data-theme='auto'] .sf-c-blue\:80,html.auto .sf-c-blue\:80{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-20))}html[data-theme='auto'] .sf-c-blue\:90,html.auto .sf-c-blue\:90{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-10))}html[data-theme='auto'] .sf-c-blue\:100,html.auto .sf-c-blue\:100{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-0))}html[data-theme='auto'] .sf-c-blue\:dark,html.auto .sf-c-blue\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue))}html[data-theme='auto'] .sf-c-blue\:0\:dark,html.auto .sf-c-blue\:0\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-100))}html[data-theme='auto'] .sf-c-blue\:10\:dark,html.auto .sf-c-blue\:10\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-90))}html[data-theme='auto'] .sf-c-blue\:20\:dark,html.auto .sf-c-blue\:20\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-80))}html[data-theme='auto'] .sf-c-blue\:30\:dark,html.auto .sf-c-blue\:30\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-70))}html[data-theme='auto'] .sf-c-blue\:40\:dark,html.auto .sf-c-blue\:40\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-60))}html[data-theme='auto'] .sf-c-blue\:50\:dark,html.auto .sf-c-blue\:50\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-50))}html[data-theme='auto'] .sf-c-blue\:60\:dark,html.auto .sf-c-blue\:60\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-40))}html[data-theme='auto'] .sf-c-blue\:70\:dark,html.auto .sf-c-blue\:70\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-30))}html[data-theme='auto'] .sf-c-blue\:80\:dark,html.auto .sf-c-blue\:80\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-20))}html[data-theme='auto'] .sf-c-blue\:90\:dark,html.auto .sf-c-blue\:90\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-10))}html[data-theme='auto'] .sf-c-blue\:100\:dark,html.auto .sf-c-blue\:100\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-0))}html[data-theme='auto'] .sf-c-txt-blue,html.auto .sf-c-txt-blue{color:hsl(var(--sf-c-txt-blue))}html[data-theme='auto'] .sf-c-txt-blue\:0,html.auto .sf-c-txt-blue\:0{color:hsl(var(--sf-c-txt-blue-0))}html[data-theme='auto'] .sf-c-txt-blue\:10,html.auto .sf-c-txt-blue\:10{color:hsl(var(--sf-c-txt-blue-10))}html[data-theme='auto'] .sf-c-txt-blue\:20,html.auto .sf-c-txt-blue\:20{color:hsl(var(--sf-c-txt-blue-20))}html[data-theme='auto'] .sf-c-txt-blue\:30,html.auto .sf-c-txt-blue\:30{color:hsl(var(--sf-c-txt-blue-30))}html[data-theme='auto'] .sf-c-txt-blue\:40,html.auto .sf-c-txt-blue\:40{color:hsl(var(--sf-c-txt-blue-40))}html[data-theme='auto'] .sf-c-txt-blue\:50,html.auto .sf-c-txt-blue\:50{color:hsl(var(--sf-c-txt-blue-50))}html[data-theme='auto'] .sf-c-txt-blue\:60,html.auto .sf-c-txt-blue\:60{color:hsl(var(--sf-c-txt-blue-60))}html[data-theme='auto'] .sf-c-txt-blue\:70,html.auto .sf-c-txt-blue\:70{color:hsl(var(--sf-c-txt-blue-70))}html[data-theme='auto'] .sf-c-txt-blue\:80,html.auto .sf-c-txt-blue\:80{color:hsl(var(--sf-c-txt-blue-80))}html[data-theme='auto'] .sf-c-txt-blue\:90,html.auto .sf-c-txt-blue\:90{color:hsl(var(--sf-c-txt-blue-90))}html[data-theme='auto'] .sf-c-txt-blue\:100,html.auto .sf-c-txt-blue\:100{color:hsl(var(--sf-c-txt-blue-100))}html[data-theme='auto'] .sf-c-txt-blue\:dark,html.auto .sf-c-txt-blue\:dark{color:hsl(var(--sf-c-txt-blue))}html[data-theme='auto'] .sf-c-txt-blue\:0\:dark,html.auto .sf-c-txt-blue\:0\:dark{color:hsl(var(--sf-c-txt-blue-0))}html[data-theme='auto'] .sf-c-txt-blue\:10\:dark,html.auto .sf-c-txt-blue\:10\:dark{color:hsl(var(--sf-c-txt-blue-10))}html[data-theme='auto'] .sf-c-txt-blue\:20\:dark,html.auto .sf-c-txt-blue\:20\:dark{color:hsl(var(--sf-c-txt-blue-20))}html[data-theme='auto'] .sf-c-txt-blue\:30\:dark,html.auto .sf-c-txt-blue\:30\:dark{color:hsl(var(--sf-c-txt-blue-30))}html[data-theme='auto'] .sf-c-txt-blue\:40\:dark,html.auto .sf-c-txt-blue\:40\:dark{color:hsl(var(--sf-c-txt-blue-40))}html[data-theme='auto'] .sf-c-txt-blue\:50\:dark,html.auto .sf-c-txt-blue\:50\:dark{color:hsl(var(--sf-c-txt-blue-50))}html[data-theme='auto'] .sf-c-txt-blue\:60\:dark,html.auto .sf-c-txt-blue\:60\:dark{color:hsl(var(--sf-c-txt-blue-60))}html[data-theme='auto'] .sf-c-txt-blue\:70\:dark,html.auto .sf-c-txt-blue\:70\:dark{color:hsl(var(--sf-c-txt-blue-70))}html[data-theme='auto'] .sf-c-txt-blue\:80\:dark,html.auto .sf-c-txt-blue\:80\:dark{color:hsl(var(--sf-c-txt-blue-80))}html[data-theme='auto'] .sf-c-txt-blue\:90\:dark,html.auto .sf-c-txt-blue\:90\:dark{color:hsl(var(--sf-c-txt-blue-90))}html[data-theme='auto'] .sf-c-txt-blue\:100\:dark,html.auto .sf-c-txt-blue\:100\:dark{color:hsl(var(--sf-c-txt-blue-100))}html.var[data-theme='auto'] .sf-c-blue,html.var.auto .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:0,html.var.auto .sf-c-blue\:0{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='auto'] .sf-c-blue\:10,html.var.auto .sf-c-blue\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-blue\:20,html.var.auto .sf-c-blue\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-blue\:30,html.var.auto .sf-c-blue\:30{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-blue\:40,html.var.auto .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-blue\:50,html.var.auto .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:60,html.var.auto .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-blue\:70,html.var.auto .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-blue\:80,html.var.auto .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-blue\:90,html.var.auto .sf-c-blue\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-blue\:100,html.var.auto .sf-c-blue\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='auto'] .sf-c-blue\:dark,html.var.auto .sf-c-blue\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:0\:dark,html.var.auto .sf-c-blue\:0\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='auto'] .sf-c-blue\:10\:dark,html.var.auto .sf-c-blue\:10\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-blue\:20\:dark,html.var.auto .sf-c-blue\:20\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-blue\:30\:dark,html.var.auto .sf-c-blue\:30\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-blue\:40\:dark,html.var.auto .sf-c-blue\:40\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-blue\:50\:dark,html.var.auto .sf-c-blue\:50\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:60\:dark,html.var.auto .sf-c-blue\:60\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-blue\:70\:dark,html.var.auto .sf-c-blue\:70\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-blue\:80\:dark,html.var.auto .sf-c-blue\:80\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-blue\:90\:dark,html.var.auto .sf-c-blue\:90\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-blue\:100\:dark,html.var.auto .sf-c-blue\:100\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-blue,html.auto .sf-c-txt-blue{color:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-blue\:0,html.auto .sf-c-txt-blue\:0{color:hsl(240,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-blue\:10,html.auto .sf-c-txt-blue\:10{color:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-blue\:20,html.auto .sf-c-txt-blue\:20{color:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-blue\:30,html.auto .sf-c-txt-blue\:30{color:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-blue\:40,html.auto .sf-c-txt-blue\:40{color:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-blue\:50,html.auto .sf-c-txt-blue\:50{color:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-blue\:60,html.auto .sf-c-txt-blue\:60{color:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-blue\:70,html.auto .sf-c-txt-blue\:70{color:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-blue\:80,html.auto .sf-c-txt-blue\:80{color:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-blue\:90,html.auto .sf-c-txt-blue\:90{color:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-blue\:100,html.auto .sf-c-txt-blue\:100{color:hsl(240,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-blue\:dark,html.auto .sf-c-txt-blue\:dark{color:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-blue\:0\:dark,html.auto .sf-c-txt-blue\:0\:dark{color:hsl(240,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-blue\:10\:dark,html.auto .sf-c-txt-blue\:10\:dark{color:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-blue\:20\:dark,html.auto .sf-c-txt-blue\:20\:dark{color:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-blue\:30\:dark,html.auto .sf-c-txt-blue\:30\:dark{color:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-blue\:40\:dark,html.auto .sf-c-txt-blue\:40\:dark{color:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-blue\:50\:dark,html.auto .sf-c-txt-blue\:50\:dark{color:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-blue\:60\:dark,html.auto .sf-c-txt-blue\:60\:dark{color:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-blue\:70\:dark,html.auto .sf-c-txt-blue\:70\:dark{color:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-blue\:80\:dark,html.auto .sf-c-txt-blue\:80\:dark{color:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-blue\:90\:dark,html.auto .sf-c-txt-blue\:90\:dark{color:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-blue\:100\:dark,html.auto .sf-c-txt-blue\:100\:dark{color:hsl(240,100%,100%)}}.sf-c-green{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green))}.sf-c-green\:0{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-0))}.sf-c-green\:10{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-10))}.sf-c-green\:20{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-20))}.sf-c-green\:30{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-30))}.sf-c-green\:40{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-40))}.sf-c-green\:50{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-50))}.sf-c-green\:60{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-60))}.sf-c-green\:70{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-70))}.sf-c-green\:80{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-80))}.sf-c-green\:90{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-90))}.sf-c-green\:100{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-100))}html.var .sf-c-green{color:hsl(120,100%,90%);background:hsl(120,100%,25%)}html.var .sf-c-green\:0{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var .sf-c-green\:10{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var .sf-c-green\:20{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var .sf-c-green\:30{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html.var .sf-c-green\:40{color:hsl(120,100%,90%);background:hsl(120,100%,40%)}html.var .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var .sf-c-green\:70{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var .sf-c-green\:80{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var .sf-c-green\:90{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var .sf-c-green\:100{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}.sf-c-txt-green{color:hsl(var(--sf-dark-c-txt-green))}.sf-c-txt-green\:0{color:hsl(var(--sf-dark-c-txt-green-100))}.sf-c-txt-green\:10{color:hsl(var(--sf-dark-c-txt-green-90))}.sf-c-txt-green\:20{color:hsl(var(--sf-dark-c-txt-green-80))}.sf-c-txt-green\:30{color:hsl(var(--sf-dark-c-txt-green-70))}.sf-c-txt-green\:40{color:hsl(var(--sf-dark-c-txt-green-60))}.sf-c-txt-green\:50{color:hsl(var(--sf-dark-c-txt-green-50))}.sf-c-txt-green\:60{color:hsl(var(--sf-dark-c-txt-green-40))}.sf-c-txt-green\:70{color:hsl(var(--sf-dark-c-txt-green-30))}.sf-c-txt-green\:80{color:hsl(var(--sf-dark-c-txt-green-20))}.sf-c-txt-green\:90{color:hsl(var(--sf-dark-c-txt-green-10))}.sf-c-txt-green\:100{color:hsl(var(--sf-dark-c-txt-green-0))}html.var .sf-c-txt-green{color:hsl(120,100%,75%)}html.var .sf-c-txt-green\:0{color:hsl(120,100%,100%)}html.var .sf-c-txt-green\:10{color:hsl(120,100%,90%)}html.var .sf-c-txt-green\:20{color:hsl(120,100%,80%)}html.var .sf-c-txt-green\:30{color:hsl(120,100%,70%)}html.var .sf-c-txt-green\:40{color:hsl(120,100%,60%)}html.var .sf-c-txt-green\:50{color:hsl(120,100%,50%)}html.var .sf-c-txt-green\:60{color:hsl(120,100%,40%)}html.var .sf-c-txt-green\:70{color:hsl(120,100%,30%)}html.var .sf-c-txt-green\:80{color:hsl(120,100%,20%)}html.var .sf-c-txt-green\:90{color:hsl(120,100%,10%)}html.var .sf-c-txt-green\:100{color:hsl(120,100%,0%)}html[data-theme='dark'] .sf-c-green,html.dark .sf-c-green{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green))}html[data-theme='dark'] .sf-c-green\:0,html.dark .sf-c-green\:0{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-100))}html[data-theme='dark'] .sf-c-green\:10,html.dark .sf-c-green\:10{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-90))}html[data-theme='dark'] .sf-c-green\:20,html.dark .sf-c-green\:20{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-80))}html[data-theme='dark'] .sf-c-green\:30,html.dark .sf-c-green\:30{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-70))}html[data-theme='dark'] .sf-c-green\:40,html.dark .sf-c-green\:40{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-60))}html[data-theme='dark'] .sf-c-green\:50,html.dark .sf-c-green\:50{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-50))}html[data-theme='dark'] .sf-c-green\:60,html.dark .sf-c-green\:60{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-40))}html[data-theme='dark'] .sf-c-green\:70,html.dark .sf-c-green\:70{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-30))}html[data-theme='dark'] .sf-c-green\:80,html.dark .sf-c-green\:80{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-20))}html[data-theme='dark'] .sf-c-green\:90,html.dark .sf-c-green\:90{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-10))}html[data-theme='dark'] .sf-c-green\:100,html.dark .sf-c-green\:100{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-0))}html[data-theme='dark'] .sf-c-green\:dark,html.dark .sf-c-green\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green))}html[data-theme='dark'] .sf-c-green\:0\:dark,html.dark .sf-c-green\:0\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-100))}html[data-theme='dark'] .sf-c-green\:10\:dark,html.dark .sf-c-green\:10\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-90))}html[data-theme='dark'] .sf-c-green\:20\:dark,html.dark .sf-c-green\:20\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-80))}html[data-theme='dark'] .sf-c-green\:30\:dark,html.dark .sf-c-green\:30\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-70))}html[data-theme='dark'] .sf-c-green\:40\:dark,html.dark .sf-c-green\:40\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-60))}html[data-theme='dark'] .sf-c-green\:50\:dark,html.dark .sf-c-green\:50\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-50))}html[data-theme='dark'] .sf-c-green\:60\:dark,html.dark .sf-c-green\:60\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-40))}html[data-theme='dark'] .sf-c-green\:70\:dark,html.dark .sf-c-green\:70\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-30))}html[data-theme='dark'] .sf-c-green\:80\:dark,html.dark .sf-c-green\:80\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-20))}html[data-theme='dark'] .sf-c-green\:90\:dark,html.dark .sf-c-green\:90\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-10))}html[data-theme='dark'] .sf-c-green\:100\:dark,html.dark .sf-c-green\:100\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-0))}html[data-theme='dark'] .sf-c-txt-green,html.dark .sf-c-txt-green{color:hsl(var(--sf-c-txt-green))}html[data-theme='dark'] .sf-c-txt-green\:0,html.dark .sf-c-txt-green\:0{color:hsl(var(--sf-c-txt-green-0))}html[data-theme='dark'] .sf-c-txt-green\:10,html.dark .sf-c-txt-green\:10{color:hsl(var(--sf-c-txt-green-10))}html[data-theme='dark'] .sf-c-txt-green\:20,html.dark .sf-c-txt-green\:20{color:hsl(var(--sf-c-txt-green-20))}html[data-theme='dark'] .sf-c-txt-green\:30,html.dark .sf-c-txt-green\:30{color:hsl(var(--sf-c-txt-green-30))}html[data-theme='dark'] .sf-c-txt-green\:40,html.dark .sf-c-txt-green\:40{color:hsl(var(--sf-c-txt-green-40))}html[data-theme='dark'] .sf-c-txt-green\:50,html.dark .sf-c-txt-green\:50{color:hsl(var(--sf-c-txt-green-50))}html[data-theme='dark'] .sf-c-txt-green\:60,html.dark .sf-c-txt-green\:60{color:hsl(var(--sf-c-txt-green-60))}html[data-theme='dark'] .sf-c-txt-green\:70,html.dark .sf-c-txt-green\:70{color:hsl(var(--sf-c-txt-green-70))}html[data-theme='dark'] .sf-c-txt-green\:80,html.dark .sf-c-txt-green\:80{color:hsl(var(--sf-c-txt-green-80))}html[data-theme='dark'] .sf-c-txt-green\:90,html.dark .sf-c-txt-green\:90{color:hsl(var(--sf-c-txt-green-90))}html[data-theme='dark'] .sf-c-txt-green\:100,html.dark .sf-c-txt-green\:100{color:hsl(var(--sf-c-txt-green-100))}html[data-theme='dark'] .sf-c-txt-green\:dark,html.dark .sf-c-txt-green\:dark{color:hsl(var(--sf-c-txt-green))}html[data-theme='dark'] .sf-c-txt-green\:0\:dark,html.dark .sf-c-txt-green\:0\:dark{color:hsl(var(--sf-dark-c-txt-green-0))}html[data-theme='dark'] .sf-c-txt-green\:10\:dark,html.dark .sf-c-txt-green\:10\:dark{color:hsl(var(--sf-dark-c-txt-green-10))}html[data-theme='dark'] .sf-c-txt-green\:20\:dark,html.dark .sf-c-txt-green\:20\:dark{color:hsl(var(--sf-dark-c-txt-green-20))}html[data-theme='dark'] .sf-c-txt-green\:30\:dark,html.dark .sf-c-txt-green\:30\:dark{color:hsl(var(--sf-dark-c-txt-green-30))}html[data-theme='dark'] .sf-c-txt-green\:40\:dark,html.dark .sf-c-txt-green\:40\:dark{color:hsl(var(--sf-dark-c-txt-green-40))}html[data-theme='dark'] .sf-c-txt-green\:50\:dark,html.dark .sf-c-txt-green\:50\:dark{color:hsl(var(--sf-dark-c-txt-green-50))}html[data-theme='dark'] .sf-c-txt-green\:60\:dark,html.dark .sf-c-txt-green\:60\:dark{color:hsl(var(--sf-dark-c-txt-green-60))}html[data-theme='dark'] .sf-c-txt-green\:70\:dark,html.dark .sf-c-txt-green\:70\:dark{color:hsl(var(--sf-dark-c-txt-green-70))}html[data-theme='dark'] .sf-c-txt-green\:80\:dark,html.dark .sf-c-txt-green\:80\:dark{color:hsl(var(--sf-dark-c-txt-green-80))}html[data-theme='dark'] .sf-c-txt-green\:90\:dark,html.dark .sf-c-txt-green\:90\:dark{color:hsl(var(--sf-dark-c-txt-green-90))}html[data-theme='dark'] .sf-c-txt-green\:100\:dark,html.dark .sf-c-txt-green\:100\:dark{color:hsl(var(--sf-dark-c-txt-green-100))}html.var[data-theme='dark'] .sf-c-green,html.var.dark .sf-c-green{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='dark'] .sf-c-green\:0,html.var.dark .sf-c-green\:0{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='dark'] .sf-c-green\:10,html.var.dark .sf-c-green\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-green\:20,html.var.dark .sf-c-green\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-green\:30,html.var.dark .sf-c-green\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-green\:40,html.var.dark .sf-c-green\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-green\:50,html.var.dark .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-green\:60,html.var.dark .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-green\:70,html.var.dark .sf-c-green\:70{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-green\:80,html.var.dark .sf-c-green\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-green\:90,html.var.dark .sf-c-green\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-green\:100,html.var.dark .sf-c-green\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='dark'] .sf-c-green\:dark,html.var.dark .sf-c-green\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='dark'] .sf-c-green\:0\:dark,html.var.dark .sf-c-green\:0\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='dark'] .sf-c-green\:10\:dark,html.var.dark .sf-c-green\:10\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-green\:20\:dark,html.var.dark .sf-c-green\:20\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-green\:30\:dark,html.var.dark .sf-c-green\:30\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-green\:40\:dark,html.var.dark .sf-c-green\:40\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-green\:50\:dark,html.var.dark .sf-c-green\:50\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-green\:60\:dark,html.var.dark .sf-c-green\:60\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-green\:70\:dark,html.var.dark .sf-c-green\:70\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-green\:80\:dark,html.var.dark .sf-c-green\:80\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-green\:90\:dark,html.var.dark .sf-c-green\:90\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-green\:100\:dark,html.var.dark .sf-c-green\:100\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-green,html.dark .sf-c-txt-green{color:hsl(120,100%,25%)}html.var[data-theme='dark'] .sf-c-txt-green\:0,html.dark .sf-c-txt-green\:0{color:hsl(120,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-green\:10,html.dark .sf-c-txt-green\:10{color:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-green\:20,html.dark .sf-c-txt-green\:20{color:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-green\:30,html.dark .sf-c-txt-green\:30{color:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-green\:40,html.dark .sf-c-txt-green\:40{color:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-green\:50,html.dark .sf-c-txt-green\:50{color:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-green\:60,html.dark .sf-c-txt-green\:60{color:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-green\:70,html.dark .sf-c-txt-green\:70{color:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-green\:80,html.dark .sf-c-txt-green\:80{color:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-green\:90,html.dark .sf-c-txt-green\:90{color:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-green\:100,html.dark .sf-c-txt-green\:100{color:hsl(120,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-green\:dark,html.dark .sf-c-txt-green\:dark{color:hsl(120,100%,25%)}html.var[data-theme='dark'] .sf-c-txt-green\:0\:dark,html.dark .sf-c-txt-green\:0\:dark{color:hsl(120,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-green\:10\:dark,html.dark .sf-c-txt-green\:10\:dark{color:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-green\:20\:dark,html.dark .sf-c-txt-green\:20\:dark{color:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-green\:30\:dark,html.dark .sf-c-txt-green\:30\:dark{color:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-green\:40\:dark,html.dark .sf-c-txt-green\:40\:dark{color:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-green\:50\:dark,html.dark .sf-c-txt-green\:50\:dark{color:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-green\:60\:dark,html.dark .sf-c-txt-green\:60\:dark{color:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-green\:70\:dark,html.dark .sf-c-txt-green\:70\:dark{color:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-green\:80\:dark,html.dark .sf-c-txt-green\:80\:dark{color:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-green\:90\:dark,html.dark .sf-c-txt-green\:90\:dark{color:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-green\:100\:dark,html.dark .sf-c-txt-green\:100\:dark{color:hsl(120,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-green,html.auto .sf-c-green{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green))}html[data-theme='auto'] .sf-c-green\:0,html.auto .sf-c-green\:0{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-100))}html[data-theme='auto'] .sf-c-green\:10,html.auto .sf-c-green\:10{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-90))}html[data-theme='auto'] .sf-c-green\:20,html.auto .sf-c-green\:20{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-80))}html[data-theme='auto'] .sf-c-green\:30,html.auto .sf-c-green\:30{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-70))}html[data-theme='auto'] .sf-c-green\:40,html.auto .sf-c-green\:40{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-60))}html[data-theme='auto'] .sf-c-green\:50,html.auto .sf-c-green\:50{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-50))}html[data-theme='auto'] .sf-c-green\:60,html.auto .sf-c-green\:60{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-40))}html[data-theme='auto'] .sf-c-green\:70,html.auto .sf-c-green\:70{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-30))}html[data-theme='auto'] .sf-c-green\:80,html.auto .sf-c-green\:80{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-20))}html[data-theme='auto'] .sf-c-green\:90,html.auto .sf-c-green\:90{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-10))}html[data-theme='auto'] .sf-c-green\:100,html.auto .sf-c-green\:100{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-0))}html[data-theme='auto'] .sf-c-green\:dark,html.auto .sf-c-green\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green))}html[data-theme='auto'] .sf-c-green\:0\:dark,html.auto .sf-c-green\:0\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-100))}html[data-theme='auto'] .sf-c-green\:10\:dark,html.auto .sf-c-green\:10\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-90))}html[data-theme='auto'] .sf-c-green\:20\:dark,html.auto .sf-c-green\:20\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-80))}html[data-theme='auto'] .sf-c-green\:30\:dark,html.auto .sf-c-green\:30\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-70))}html[data-theme='auto'] .sf-c-green\:40\:dark,html.auto .sf-c-green\:40\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-60))}html[data-theme='auto'] .sf-c-green\:50\:dark,html.auto .sf-c-green\:50\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-50))}html[data-theme='auto'] .sf-c-green\:60\:dark,html.auto .sf-c-green\:60\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-40))}html[data-theme='auto'] .sf-c-green\:70\:dark,html.auto .sf-c-green\:70\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-30))}html[data-theme='auto'] .sf-c-green\:80\:dark,html.auto .sf-c-green\:80\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-20))}html[data-theme='auto'] .sf-c-green\:90\:dark,html.auto .sf-c-green\:90\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-10))}html[data-theme='auto'] .sf-c-green\:100\:dark,html.auto .sf-c-green\:100\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-0))}html[data-theme='auto'] .sf-c-txt-green,html.auto .sf-c-txt-green{color:hsl(var(--sf-c-txt-green))}html[data-theme='auto'] .sf-c-txt-green\:0,html.auto .sf-c-txt-green\:0{color:hsl(var(--sf-c-txt-green-0))}html[data-theme='auto'] .sf-c-txt-green\:10,html.auto .sf-c-txt-green\:10{color:hsl(var(--sf-c-txt-green-10))}html[data-theme='auto'] .sf-c-txt-green\:20,html.auto .sf-c-txt-green\:20{color:hsl(var(--sf-c-txt-green-20))}html[data-theme='auto'] .sf-c-txt-green\:30,html.auto .sf-c-txt-green\:30{color:hsl(var(--sf-c-txt-green-30))}html[data-theme='auto'] .sf-c-txt-green\:40,html.auto .sf-c-txt-green\:40{color:hsl(var(--sf-c-txt-green-40))}html[data-theme='auto'] .sf-c-txt-green\:50,html.auto .sf-c-txt-green\:50{color:hsl(var(--sf-c-txt-green-50))}html[data-theme='auto'] .sf-c-txt-green\:60,html.auto .sf-c-txt-green\:60{color:hsl(var(--sf-c-txt-green-60))}html[data-theme='auto'] .sf-c-txt-green\:70,html.auto .sf-c-txt-green\:70{color:hsl(var(--sf-c-txt-green-70))}html[data-theme='auto'] .sf-c-txt-green\:80,html.auto .sf-c-txt-green\:80{color:hsl(var(--sf-c-txt-green-80))}html[data-theme='auto'] .sf-c-txt-green\:90,html.auto .sf-c-txt-green\:90{color:hsl(var(--sf-c-txt-green-90))}html[data-theme='auto'] .sf-c-txt-green\:100,html.auto .sf-c-txt-green\:100{color:hsl(var(--sf-c-txt-green-100))}html[data-theme='auto'] .sf-c-txt-green\:dark,html.auto .sf-c-txt-green\:dark{color:hsl(var(--sf-c-txt-green))}html[data-theme='auto'] .sf-c-txt-green\:0\:dark,html.auto .sf-c-txt-green\:0\:dark{color:hsl(var(--sf-c-txt-green-0))}html[data-theme='auto'] .sf-c-txt-green\:10\:dark,html.auto .sf-c-txt-green\:10\:dark{color:hsl(var(--sf-c-txt-green-10))}html[data-theme='auto'] .sf-c-txt-green\:20\:dark,html.auto .sf-c-txt-green\:20\:dark{color:hsl(var(--sf-c-txt-green-20))}html[data-theme='auto'] .sf-c-txt-green\:30\:dark,html.auto .sf-c-txt-green\:30\:dark{color:hsl(var(--sf-c-txt-green-30))}html[data-theme='auto'] .sf-c-txt-green\:40\:dark,html.auto .sf-c-txt-green\:40\:dark{color:hsl(var(--sf-c-txt-green-40))}html[data-theme='auto'] .sf-c-txt-green\:50\:dark,html.auto .sf-c-txt-green\:50\:dark{color:hsl(var(--sf-c-txt-green-50))}html[data-theme='auto'] .sf-c-txt-green\:60\:dark,html.auto .sf-c-txt-green\:60\:dark{color:hsl(var(--sf-c-txt-green-60))}html[data-theme='auto'] .sf-c-txt-green\:70\:dark,html.auto .sf-c-txt-green\:70\:dark{color:hsl(var(--sf-c-txt-green-70))}html[data-theme='auto'] .sf-c-txt-green\:80\:dark,html.auto .sf-c-txt-green\:80\:dark{color:hsl(var(--sf-c-txt-green-80))}html[data-theme='auto'] .sf-c-txt-green\:90\:dark,html.auto .sf-c-txt-green\:90\:dark{color:hsl(var(--sf-c-txt-green-90))}html[data-theme='auto'] .sf-c-txt-green\:100\:dark,html.auto .sf-c-txt-green\:100\:dark{color:hsl(var(--sf-c-txt-green-100))}html.var[data-theme='auto'] .sf-c-green,html.var.auto .sf-c-green{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='auto'] .sf-c-green\:0,html.var.auto .sf-c-green\:0{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='auto'] .sf-c-green\:10,html.var.auto .sf-c-green\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-green\:20,html.var.auto .sf-c-green\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-green\:30,html.var.auto .sf-c-green\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-green\:40,html.var.auto .sf-c-green\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-green\:50,html.var.auto .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-green\:60,html.var.auto .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-green\:70,html.var.auto .sf-c-green\:70{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-green\:80,html.var.auto .sf-c-green\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-green\:90,html.var.auto .sf-c-green\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-green\:100,html.var.auto .sf-c-green\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='auto'] .sf-c-green\:dark,html.var.auto .sf-c-green\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='auto'] .sf-c-green\:0\:dark,html.var.auto .sf-c-green\:0\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='auto'] .sf-c-green\:10\:dark,html.var.auto .sf-c-green\:10\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-green\:20\:dark,html.var.auto .sf-c-green\:20\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-green\:30\:dark,html.var.auto .sf-c-green\:30\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-green\:40\:dark,html.var.auto .sf-c-green\:40\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-green\:50\:dark,html.var.auto .sf-c-green\:50\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-green\:60\:dark,html.var.auto .sf-c-green\:60\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-green\:70\:dark,html.var.auto .sf-c-green\:70\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-green\:80\:dark,html.var.auto .sf-c-green\:80\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-green\:90\:dark,html.var.auto .sf-c-green\:90\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-green\:100\:dark,html.var.auto .sf-c-green\:100\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-green,html.auto .sf-c-txt-green{color:hsl(120,100%,25%)}html.var[data-theme='auto'] .sf-c-txt-green\:0,html.auto .sf-c-txt-green\:0{color:hsl(120,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-green\:10,html.auto .sf-c-txt-green\:10{color:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-green\:20,html.auto .sf-c-txt-green\:20{color:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-green\:30,html.auto .sf-c-txt-green\:30{color:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-green\:40,html.auto .sf-c-txt-green\:40{color:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-green\:50,html.auto .sf-c-txt-green\:50{color:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-green\:60,html.auto .sf-c-txt-green\:60{color:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-green\:70,html.auto .sf-c-txt-green\:70{color:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-green\:80,html.auto .sf-c-txt-green\:80{color:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-green\:90,html.auto .sf-c-txt-green\:90{color:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-green\:100,html.auto .sf-c-txt-green\:100{color:hsl(120,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-green\:dark,html.auto .sf-c-txt-green\:dark{color:hsl(120,100%,25%)}html.var[data-theme='auto'] .sf-c-txt-green\:0\:dark,html.auto .sf-c-txt-green\:0\:dark{color:hsl(120,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-green\:10\:dark,html.auto .sf-c-txt-green\:10\:dark{color:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-green\:20\:dark,html.auto .sf-c-txt-green\:20\:dark{color:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-green\:30\:dark,html.auto .sf-c-txt-green\:30\:dark{color:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-green\:40\:dark,html.auto .sf-c-txt-green\:40\:dark{color:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-green\:50\:dark,html.auto .sf-c-txt-green\:50\:dark{color:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-green\:60\:dark,html.auto .sf-c-txt-green\:60\:dark{color:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-green\:70\:dark,html.auto .sf-c-txt-green\:70\:dark{color:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-green\:80\:dark,html.auto .sf-c-txt-green\:80\:dark{color:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-green\:90\:dark,html.auto .sf-c-txt-green\:90\:dark{color:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-green\:100\:dark,html.auto .sf-c-txt-green\:100\:dark{color:hsl(120,100%,100%)}}.sf-c-orange{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange))}.sf-c-orange\:0{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-0))}.sf-c-orange\:10{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-10))}.sf-c-orange\:20{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-20))}.sf-c-orange\:30{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-30))}.sf-c-orange\:40{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-40))}.sf-c-orange\:50{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-50))}.sf-c-orange\:60{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-60))}.sf-c-orange\:70{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-70))}.sf-c-orange\:80{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-80))}.sf-c-orange\:90{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-90))}.sf-c-orange\:100{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-100))}html.var .sf-c-orange{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var .sf-c-orange\:0{color:hsl(39,100%,90%);background:hsl(39,100%,0%)}html.var .sf-c-orange\:10{color:hsl(39,100%,90%);background:hsl(39,100%,10%)}html.var .sf-c-orange\:20{color:hsl(39,100%,90%);background:hsl(39,100%,20%)}html.var .sf-c-orange\:30{color:hsl(39,100%,90%);background:hsl(39,100%,30%)}html.var .sf-c-orange\:40{color:hsl(39,100%,90%);background:hsl(39,100%,40%)}html.var .sf-c-orange\:50{color:hsl(39,100%,90%);background:hsl(39,100%,50%)}html.var .sf-c-orange\:60{color:hsl(39,100%,10%);background:hsl(39,100%,60%)}html.var .sf-c-orange\:70{color:hsl(39,100%,10%);background:hsl(39,100%,70%)}html.var .sf-c-orange\:80{color:hsl(39,100%,10%);background:hsl(39,100%,80%)}html.var .sf-c-orange\:90{color:hsl(39,100%,10%);background:hsl(39,100%,90%)}html.var .sf-c-orange\:100{color:hsl(39,100%,10%);background:hsl(39,100%,100%)}.sf-c-txt-orange{color:hsl(var(--sf-dark-c-txt-orange))}.sf-c-txt-orange\:0{color:hsl(var(--sf-dark-c-txt-orange-100))}.sf-c-txt-orange\:10{color:hsl(var(--sf-dark-c-txt-orange-90))}.sf-c-txt-orange\:20{color:hsl(var(--sf-dark-c-txt-orange-80))}.sf-c-txt-orange\:30{color:hsl(var(--sf-dark-c-txt-orange-70))}.sf-c-txt-orange\:40{color:hsl(var(--sf-dark-c-txt-orange-60))}.sf-c-txt-orange\:50{color:hsl(var(--sf-dark-c-txt-orange-50))}.sf-c-txt-orange\:60{color:hsl(var(--sf-dark-c-txt-orange-40))}.sf-c-txt-orange\:70{color:hsl(var(--sf-dark-c-txt-orange-30))}.sf-c-txt-orange\:80{color:hsl(var(--sf-dark-c-txt-orange-20))}.sf-c-txt-orange\:90{color:hsl(var(--sf-dark-c-txt-orange-10))}.sf-c-txt-orange\:100{color:hsl(var(--sf-dark-c-txt-orange-0))}html.var .sf-c-txt-orange{color:hsl(39,100%,50%)}html.var .sf-c-txt-orange\:0{color:hsl(39,100%,100%)}html.var .sf-c-txt-orange\:10{color:hsl(39,100%,90%)}html.var .sf-c-txt-orange\:20{color:hsl(39,100%,80%)}html.var .sf-c-txt-orange\:30{color:hsl(39,100%,70%)}html.var .sf-c-txt-orange\:40{color:hsl(39,100%,60%)}html.var .sf-c-txt-orange\:50{color:hsl(39,100%,50%)}html.var .sf-c-txt-orange\:60{color:hsl(39,100%,40%)}html.var .sf-c-txt-orange\:70{color:hsl(39,100%,30%)}html.var .sf-c-txt-orange\:80{color:hsl(39,100%,20%)}html.var .sf-c-txt-orange\:90{color:hsl(39,100%,10%)}html.var .sf-c-txt-orange\:100{color:hsl(39,100%,0%)}html[data-theme='dark'] .sf-c-orange,html.dark .sf-c-orange{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange))}html[data-theme='dark'] .sf-c-orange\:0,html.dark .sf-c-orange\:0{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-100))}html[data-theme='dark'] .sf-c-orange\:10,html.dark .sf-c-orange\:10{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-90))}html[data-theme='dark'] .sf-c-orange\:20,html.dark .sf-c-orange\:20{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-80))}html[data-theme='dark'] .sf-c-orange\:30,html.dark .sf-c-orange\:30{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-70))}html[data-theme='dark'] .sf-c-orange\:40,html.dark .sf-c-orange\:40{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-60))}html[data-theme='dark'] .sf-c-orange\:50,html.dark .sf-c-orange\:50{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-50))}html[data-theme='dark'] .sf-c-orange\:60,html.dark .sf-c-orange\:60{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-40))}html[data-theme='dark'] .sf-c-orange\:70,html.dark .sf-c-orange\:70{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-30))}html[data-theme='dark'] .sf-c-orange\:80,html.dark .sf-c-orange\:80{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-20))}html[data-theme='dark'] .sf-c-orange\:90,html.dark .sf-c-orange\:90{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-10))}html[data-theme='dark'] .sf-c-orange\:100,html.dark .sf-c-orange\:100{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-0))}html[data-theme='dark'] .sf-c-orange\:dark,html.dark .sf-c-orange\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange))}html[data-theme='dark'] .sf-c-orange\:0\:dark,html.dark .sf-c-orange\:0\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-100))}html[data-theme='dark'] .sf-c-orange\:10\:dark,html.dark .sf-c-orange\:10\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-90))}html[data-theme='dark'] .sf-c-orange\:20\:dark,html.dark .sf-c-orange\:20\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-80))}html[data-theme='dark'] .sf-c-orange\:30\:dark,html.dark .sf-c-orange\:30\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-70))}html[data-theme='dark'] .sf-c-orange\:40\:dark,html.dark .sf-c-orange\:40\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-60))}html[data-theme='dark'] .sf-c-orange\:50\:dark,html.dark .sf-c-orange\:50\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-50))}html[data-theme='dark'] .sf-c-orange\:60\:dark,html.dark .sf-c-orange\:60\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-40))}html[data-theme='dark'] .sf-c-orange\:70\:dark,html.dark .sf-c-orange\:70\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-30))}html[data-theme='dark'] .sf-c-orange\:80\:dark,html.dark .sf-c-orange\:80\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-20))}html[data-theme='dark'] .sf-c-orange\:90\:dark,html.dark .sf-c-orange\:90\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-10))}html[data-theme='dark'] .sf-c-orange\:100\:dark,html.dark .sf-c-orange\:100\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-0))}html[data-theme='dark'] .sf-c-txt-orange,html.dark .sf-c-txt-orange{color:hsl(var(--sf-c-txt-orange))}html[data-theme='dark'] .sf-c-txt-orange\:0,html.dark .sf-c-txt-orange\:0{color:hsl(var(--sf-c-txt-orange-0))}html[data-theme='dark'] .sf-c-txt-orange\:10,html.dark .sf-c-txt-orange\:10{color:hsl(var(--sf-c-txt-orange-10))}html[data-theme='dark'] .sf-c-txt-orange\:20,html.dark .sf-c-txt-orange\:20{color:hsl(var(--sf-c-txt-orange-20))}html[data-theme='dark'] .sf-c-txt-orange\:30,html.dark .sf-c-txt-orange\:30{color:hsl(var(--sf-c-txt-orange-30))}html[data-theme='dark'] .sf-c-txt-orange\:40,html.dark .sf-c-txt-orange\:40{color:hsl(var(--sf-c-txt-orange-40))}html[data-theme='dark'] .sf-c-txt-orange\:50,html.dark .sf-c-txt-orange\:50{color:hsl(var(--sf-c-txt-orange-50))}html[data-theme='dark'] .sf-c-txt-orange\:60,html.dark .sf-c-txt-orange\:60{color:hsl(var(--sf-c-txt-orange-60))}html[data-theme='dark'] .sf-c-txt-orange\:70,html.dark .sf-c-txt-orange\:70{color:hsl(var(--sf-c-txt-orange-70))}html[data-theme='dark'] .sf-c-txt-orange\:80,html.dark .sf-c-txt-orange\:80{color:hsl(var(--sf-c-txt-orange-80))}html[data-theme='dark'] .sf-c-txt-orange\:90,html.dark .sf-c-txt-orange\:90{color:hsl(var(--sf-c-txt-orange-90))}html[data-theme='dark'] .sf-c-txt-orange\:100,html.dark .sf-c-txt-orange\:100{color:hsl(var(--sf-c-txt-orange-100))}html[data-theme='dark'] .sf-c-txt-orange\:dark,html.dark .sf-c-txt-orange\:dark{color:hsl(var(--sf-c-txt-orange))}html[data-theme='dark'] .sf-c-txt-orange\:0\:dark,html.dark .sf-c-txt-orange\:0\:dark{color:hsl(var(--sf-dark-c-txt-orange-0))}html[data-theme='dark'] .sf-c-txt-orange\:10\:dark,html.dark .sf-c-txt-orange\:10\:dark{color:hsl(var(--sf-dark-c-txt-orange-10))}html[data-theme='dark'] .sf-c-txt-orange\:20\:dark,html.dark .sf-c-txt-orange\:20\:dark{color:hsl(var(--sf-dark-c-txt-orange-20))}html[data-theme='dark'] .sf-c-txt-orange\:30\:dark,html.dark .sf-c-txt-orange\:30\:dark{color:hsl(var(--sf-dark-c-txt-orange-30))}html[data-theme='dark'] .sf-c-txt-orange\:40\:dark,html.dark .sf-c-txt-orange\:40\:dark{color:hsl(var(--sf-dark-c-txt-orange-40))}html[data-theme='dark'] .sf-c-txt-orange\:50\:dark,html.dark .sf-c-txt-orange\:50\:dark{color:hsl(var(--sf-dark-c-txt-orange-50))}html[data-theme='dark'] .sf-c-txt-orange\:60\:dark,html.dark .sf-c-txt-orange\:60\:dark{color:hsl(var(--sf-dark-c-txt-orange-60))}html[data-theme='dark'] .sf-c-txt-orange\:70\:dark,html.dark .sf-c-txt-orange\:70\:dark{color:hsl(var(--sf-dark-c-txt-orange-70))}html[data-theme='dark'] .sf-c-txt-orange\:80\:dark,html.dark .sf-c-txt-orange\:80\:dark{color:hsl(var(--sf-dark-c-txt-orange-80))}html[data-theme='dark'] .sf-c-txt-orange\:90\:dark,html.dark .sf-c-txt-orange\:90\:dark{color:hsl(var(--sf-dark-c-txt-orange-90))}html[data-theme='dark'] .sf-c-txt-orange\:100\:dark,html.dark .sf-c-txt-orange\:100\:dark{color:hsl(var(--sf-dark-c-txt-orange-100))}html.var[data-theme='dark'] .sf-c-orange,html.var.dark .sf-c-orange{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='dark'] .sf-c-orange\:0,html.var.dark .sf-c-orange\:0{color:hsl(39,100%,90%);background:hsl(39,100%,100%)}html.var[data-theme='dark'] .sf-c-orange\:10,html.var.dark .sf-c-orange\:10{color:hsl(39,100%,10%);background:hsl(39,100%,90%)}html.var[data-theme='dark'] .sf-c-orange\:20,html.var.dark .sf-c-orange\:20{color:hsl(39,100%,10%);background:hsl(39,100%,80%)}html.var[data-theme='dark'] .sf-c-orange\:30,html.var.dark .sf-c-orange\:30{color:hsl(39,100%,10%);background:hsl(39,100%,70%)}html.var[data-theme='dark'] .sf-c-orange\:40,html.var.dark .sf-c-orange\:40{color:hsl(39,100%,10%);background:hsl(39,100%,60%)}html.var[data-theme='dark'] .sf-c-orange\:50,html.var.dark .sf-c-orange\:50{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='dark'] .sf-c-orange\:60,html.var.dark .sf-c-orange\:60{color:hsl(39,100%,10%);background:hsl(39,100%,40%)}html.var[data-theme='dark'] .sf-c-orange\:70,html.var.dark .sf-c-orange\:70{color:hsl(39,100%,90%);background:hsl(39,100%,30%)}html.var[data-theme='dark'] .sf-c-orange\:80,html.var.dark .sf-c-orange\:80{color:hsl(39,100%,90%);background:hsl(39,100%,20%)}html.var[data-theme='dark'] .sf-c-orange\:90,html.var.dark .sf-c-orange\:90{color:hsl(39,100%,90%);background:hsl(39,100%,10%)}html.var[data-theme='dark'] .sf-c-orange\:100,html.var.dark .sf-c-orange\:100{color:hsl(39,100%,90%);background:hsl(39,100%,0%)}html.var[data-theme='dark'] .sf-c-orange\:dark,html.var.dark .sf-c-orange\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='dark'] .sf-c-orange\:0\:dark,html.var.dark .sf-c-orange\:0\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,100%)}html.var[data-theme='dark'] .sf-c-orange\:10\:dark,html.var.dark .sf-c-orange\:10\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,90%)}html.var[data-theme='dark'] .sf-c-orange\:20\:dark,html.var.dark .sf-c-orange\:20\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,80%)}html.var[data-theme='dark'] .sf-c-orange\:30\:dark,html.var.dark .sf-c-orange\:30\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,70%)}html.var[data-theme='dark'] .sf-c-orange\:40\:dark,html.var.dark .sf-c-orange\:40\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,60%)}html.var[data-theme='dark'] .sf-c-orange\:50\:dark,html.var.dark .sf-c-orange\:50\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='dark'] .sf-c-orange\:60\:dark,html.var.dark .sf-c-orange\:60\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,40%)}html.var[data-theme='dark'] .sf-c-orange\:70\:dark,html.var.dark .sf-c-orange\:70\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,30%)}html.var[data-theme='dark'] .sf-c-orange\:80\:dark,html.var.dark .sf-c-orange\:80\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,20%)}html.var[data-theme='dark'] .sf-c-orange\:90\:dark,html.var.dark .sf-c-orange\:90\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,10%)}html.var[data-theme='dark'] .sf-c-orange\:100\:dark,html.var.dark .sf-c-orange\:100\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-orange,html.dark .sf-c-txt-orange{color:hsl(39,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-orange\:0,html.dark .sf-c-txt-orange\:0{color:hsl(39,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-orange\:10,html.dark .sf-c-txt-orange\:10{color:hsl(39,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-orange\:20,html.dark .sf-c-txt-orange\:20{color:hsl(39,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-orange\:30,html.dark .sf-c-txt-orange\:30{color:hsl(39,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-orange\:40,html.dark .sf-c-txt-orange\:40{color:hsl(39,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-orange\:50,html.dark .sf-c-txt-orange\:50{color:hsl(39,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-orange\:60,html.dark .sf-c-txt-orange\:60{color:hsl(39,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-orange\:70,html.dark .sf-c-txt-orange\:70{color:hsl(39,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-orange\:80,html.dark .sf-c-txt-orange\:80{color:hsl(39,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-orange\:90,html.dark .sf-c-txt-orange\:90{color:hsl(39,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-orange\:100,html.dark .sf-c-txt-orange\:100{color:hsl(39,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-orange\:dark,html.dark .sf-c-txt-orange\:dark{color:hsl(39,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-orange\:0\:dark,html.dark .sf-c-txt-orange\:0\:dark{color:hsl(39,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-orange\:10\:dark,html.dark .sf-c-txt-orange\:10\:dark{color:hsl(39,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-orange\:20\:dark,html.dark .sf-c-txt-orange\:20\:dark{color:hsl(39,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-orange\:30\:dark,html.dark .sf-c-txt-orange\:30\:dark{color:hsl(39,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-orange\:40\:dark,html.dark .sf-c-txt-orange\:40\:dark{color:hsl(39,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-orange\:50\:dark,html.dark .sf-c-txt-orange\:50\:dark{color:hsl(39,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-orange\:60\:dark,html.dark .sf-c-txt-orange\:60\:dark{color:hsl(39,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-orange\:70\:dark,html.dark .sf-c-txt-orange\:70\:dark{color:hsl(39,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-orange\:80\:dark,html.dark .sf-c-txt-orange\:80\:dark{color:hsl(39,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-orange\:90\:dark,html.dark .sf-c-txt-orange\:90\:dark{color:hsl(39,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-orange\:100\:dark,html.dark .sf-c-txt-orange\:100\:dark{color:hsl(39,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-orange,html.auto .sf-c-orange{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange))}html[data-theme='auto'] .sf-c-orange\:0,html.auto .sf-c-orange\:0{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-100))}html[data-theme='auto'] .sf-c-orange\:10,html.auto .sf-c-orange\:10{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-90))}html[data-theme='auto'] .sf-c-orange\:20,html.auto .sf-c-orange\:20{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-80))}html[data-theme='auto'] .sf-c-orange\:30,html.auto .sf-c-orange\:30{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-70))}html[data-theme='auto'] .sf-c-orange\:40,html.auto .sf-c-orange\:40{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-60))}html[data-theme='auto'] .sf-c-orange\:50,html.auto .sf-c-orange\:50{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-50))}html[data-theme='auto'] .sf-c-orange\:60,html.auto .sf-c-orange\:60{color:hsl(var(--sf-dark-c-txt-orange-10));background:hsl(var(--sf-dark-c-orange-40))}html[data-theme='auto'] .sf-c-orange\:70,html.auto .sf-c-orange\:70{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-30))}html[data-theme='auto'] .sf-c-orange\:80,html.auto .sf-c-orange\:80{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-20))}html[data-theme='auto'] .sf-c-orange\:90,html.auto .sf-c-orange\:90{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-10))}html[data-theme='auto'] .sf-c-orange\:100,html.auto .sf-c-orange\:100{color:hsl(var(--sf-dark-c-txt-orange-90));background:hsl(var(--sf-dark-c-orange-0))}html[data-theme='auto'] .sf-c-orange\:dark,html.auto .sf-c-orange\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange))}html[data-theme='auto'] .sf-c-orange\:0\:dark,html.auto .sf-c-orange\:0\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-100))}html[data-theme='auto'] .sf-c-orange\:10\:dark,html.auto .sf-c-orange\:10\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-90))}html[data-theme='auto'] .sf-c-orange\:20\:dark,html.auto .sf-c-orange\:20\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-80))}html[data-theme='auto'] .sf-c-orange\:30\:dark,html.auto .sf-c-orange\:30\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-70))}html[data-theme='auto'] .sf-c-orange\:40\:dark,html.auto .sf-c-orange\:40\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-60))}html[data-theme='auto'] .sf-c-orange\:50\:dark,html.auto .sf-c-orange\:50\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-50))}html[data-theme='auto'] .sf-c-orange\:60\:dark,html.auto .sf-c-orange\:60\:dark{color:hsl(var(--sf-c-txt-orange-10));background:hsl(var(--sf-c-orange-40))}html[data-theme='auto'] .sf-c-orange\:70\:dark,html.auto .sf-c-orange\:70\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-30))}html[data-theme='auto'] .sf-c-orange\:80\:dark,html.auto .sf-c-orange\:80\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-20))}html[data-theme='auto'] .sf-c-orange\:90\:dark,html.auto .sf-c-orange\:90\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-10))}html[data-theme='auto'] .sf-c-orange\:100\:dark,html.auto .sf-c-orange\:100\:dark{color:hsl(var(--sf-c-txt-orange-90));background:hsl(var(--sf-c-orange-0))}html[data-theme='auto'] .sf-c-txt-orange,html.auto .sf-c-txt-orange{color:hsl(var(--sf-c-txt-orange))}html[data-theme='auto'] .sf-c-txt-orange\:0,html.auto .sf-c-txt-orange\:0{color:hsl(var(--sf-c-txt-orange-0))}html[data-theme='auto'] .sf-c-txt-orange\:10,html.auto .sf-c-txt-orange\:10{color:hsl(var(--sf-c-txt-orange-10))}html[data-theme='auto'] .sf-c-txt-orange\:20,html.auto .sf-c-txt-orange\:20{color:hsl(var(--sf-c-txt-orange-20))}html[data-theme='auto'] .sf-c-txt-orange\:30,html.auto .sf-c-txt-orange\:30{color:hsl(var(--sf-c-txt-orange-30))}html[data-theme='auto'] .sf-c-txt-orange\:40,html.auto .sf-c-txt-orange\:40{color:hsl(var(--sf-c-txt-orange-40))}html[data-theme='auto'] .sf-c-txt-orange\:50,html.auto .sf-c-txt-orange\:50{color:hsl(var(--sf-c-txt-orange-50))}html[data-theme='auto'] .sf-c-txt-orange\:60,html.auto .sf-c-txt-orange\:60{color:hsl(var(--sf-c-txt-orange-60))}html[data-theme='auto'] .sf-c-txt-orange\:70,html.auto .sf-c-txt-orange\:70{color:hsl(var(--sf-c-txt-orange-70))}html[data-theme='auto'] .sf-c-txt-orange\:80,html.auto .sf-c-txt-orange\:80{color:hsl(var(--sf-c-txt-orange-80))}html[data-theme='auto'] .sf-c-txt-orange\:90,html.auto .sf-c-txt-orange\:90{color:hsl(var(--sf-c-txt-orange-90))}html[data-theme='auto'] .sf-c-txt-orange\:100,html.auto .sf-c-txt-orange\:100{color:hsl(var(--sf-c-txt-orange-100))}html[data-theme='auto'] .sf-c-txt-orange\:dark,html.auto .sf-c-txt-orange\:dark{color:hsl(var(--sf-c-txt-orange))}html[data-theme='auto'] .sf-c-txt-orange\:0\:dark,html.auto .sf-c-txt-orange\:0\:dark{color:hsl(var(--sf-c-txt-orange-0))}html[data-theme='auto'] .sf-c-txt-orange\:10\:dark,html.auto .sf-c-txt-orange\:10\:dark{color:hsl(var(--sf-c-txt-orange-10))}html[data-theme='auto'] .sf-c-txt-orange\:20\:dark,html.auto .sf-c-txt-orange\:20\:dark{color:hsl(var(--sf-c-txt-orange-20))}html[data-theme='auto'] .sf-c-txt-orange\:30\:dark,html.auto .sf-c-txt-orange\:30\:dark{color:hsl(var(--sf-c-txt-orange-30))}html[data-theme='auto'] .sf-c-txt-orange\:40\:dark,html.auto .sf-c-txt-orange\:40\:dark{color:hsl(var(--sf-c-txt-orange-40))}html[data-theme='auto'] .sf-c-txt-orange\:50\:dark,html.auto .sf-c-txt-orange\:50\:dark{color:hsl(var(--sf-c-txt-orange-50))}html[data-theme='auto'] .sf-c-txt-orange\:60\:dark,html.auto .sf-c-txt-orange\:60\:dark{color:hsl(var(--sf-c-txt-orange-60))}html[data-theme='auto'] .sf-c-txt-orange\:70\:dark,html.auto .sf-c-txt-orange\:70\:dark{color:hsl(var(--sf-c-txt-orange-70))}html[data-theme='auto'] .sf-c-txt-orange\:80\:dark,html.auto .sf-c-txt-orange\:80\:dark{color:hsl(var(--sf-c-txt-orange-80))}html[data-theme='auto'] .sf-c-txt-orange\:90\:dark,html.auto .sf-c-txt-orange\:90\:dark{color:hsl(var(--sf-c-txt-orange-90))}html[data-theme='auto'] .sf-c-txt-orange\:100\:dark,html.auto .sf-c-txt-orange\:100\:dark{color:hsl(var(--sf-c-txt-orange-100))}html.var[data-theme='auto'] .sf-c-orange,html.var.auto .sf-c-orange{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='auto'] .sf-c-orange\:0,html.var.auto .sf-c-orange\:0{color:hsl(39,100%,90%);background:hsl(39,100%,100%)}html.var[data-theme='auto'] .sf-c-orange\:10,html.var.auto .sf-c-orange\:10{color:hsl(39,100%,10%);background:hsl(39,100%,90%)}html.var[data-theme='auto'] .sf-c-orange\:20,html.var.auto .sf-c-orange\:20{color:hsl(39,100%,10%);background:hsl(39,100%,80%)}html.var[data-theme='auto'] .sf-c-orange\:30,html.var.auto .sf-c-orange\:30{color:hsl(39,100%,10%);background:hsl(39,100%,70%)}html.var[data-theme='auto'] .sf-c-orange\:40,html.var.auto .sf-c-orange\:40{color:hsl(39,100%,10%);background:hsl(39,100%,60%)}html.var[data-theme='auto'] .sf-c-orange\:50,html.var.auto .sf-c-orange\:50{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='auto'] .sf-c-orange\:60,html.var.auto .sf-c-orange\:60{color:hsl(39,100%,10%);background:hsl(39,100%,40%)}html.var[data-theme='auto'] .sf-c-orange\:70,html.var.auto .sf-c-orange\:70{color:hsl(39,100%,90%);background:hsl(39,100%,30%)}html.var[data-theme='auto'] .sf-c-orange\:80,html.var.auto .sf-c-orange\:80{color:hsl(39,100%,90%);background:hsl(39,100%,20%)}html.var[data-theme='auto'] .sf-c-orange\:90,html.var.auto .sf-c-orange\:90{color:hsl(39,100%,90%);background:hsl(39,100%,10%)}html.var[data-theme='auto'] .sf-c-orange\:100,html.var.auto .sf-c-orange\:100{color:hsl(39,100%,90%);background:hsl(39,100%,0%)}html.var[data-theme='auto'] .sf-c-orange\:dark,html.var.auto .sf-c-orange\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='auto'] .sf-c-orange\:0\:dark,html.var.auto .sf-c-orange\:0\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,100%)}html.var[data-theme='auto'] .sf-c-orange\:10\:dark,html.var.auto .sf-c-orange\:10\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,90%)}html.var[data-theme='auto'] .sf-c-orange\:20\:dark,html.var.auto .sf-c-orange\:20\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,80%)}html.var[data-theme='auto'] .sf-c-orange\:30\:dark,html.var.auto .sf-c-orange\:30\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,70%)}html.var[data-theme='auto'] .sf-c-orange\:40\:dark,html.var.auto .sf-c-orange\:40\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,60%)}html.var[data-theme='auto'] .sf-c-orange\:50\:dark,html.var.auto .sf-c-orange\:50\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,50%)}html.var[data-theme='auto'] .sf-c-orange\:60\:dark,html.var.auto .sf-c-orange\:60\:dark{color:hsl(39,100%,10%);background:hsl(39,100%,40%)}html.var[data-theme='auto'] .sf-c-orange\:70\:dark,html.var.auto .sf-c-orange\:70\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,30%)}html.var[data-theme='auto'] .sf-c-orange\:80\:dark,html.var.auto .sf-c-orange\:80\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,20%)}html.var[data-theme='auto'] .sf-c-orange\:90\:dark,html.var.auto .sf-c-orange\:90\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,10%)}html.var[data-theme='auto'] .sf-c-orange\:100\:dark,html.var.auto .sf-c-orange\:100\:dark{color:hsl(39,100%,90%);background:hsl(39,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-orange,html.auto .sf-c-txt-orange{color:hsl(39,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-orange\:0,html.auto .sf-c-txt-orange\:0{color:hsl(39,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-orange\:10,html.auto .sf-c-txt-orange\:10{color:hsl(39,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-orange\:20,html.auto .sf-c-txt-orange\:20{color:hsl(39,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-orange\:30,html.auto .sf-c-txt-orange\:30{color:hsl(39,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-orange\:40,html.auto .sf-c-txt-orange\:40{color:hsl(39,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-orange\:50,html.auto .sf-c-txt-orange\:50{color:hsl(39,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-orange\:60,html.auto .sf-c-txt-orange\:60{color:hsl(39,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-orange\:70,html.auto .sf-c-txt-orange\:70{color:hsl(39,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-orange\:80,html.auto .sf-c-txt-orange\:80{color:hsl(39,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-orange\:90,html.auto .sf-c-txt-orange\:90{color:hsl(39,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-orange\:100,html.auto .sf-c-txt-orange\:100{color:hsl(39,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-orange\:dark,html.auto .sf-c-txt-orange\:dark{color:hsl(39,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-orange\:0\:dark,html.auto .sf-c-txt-orange\:0\:dark{color:hsl(39,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-orange\:10\:dark,html.auto .sf-c-txt-orange\:10\:dark{color:hsl(39,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-orange\:20\:dark,html.auto .sf-c-txt-orange\:20\:dark{color:hsl(39,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-orange\:30\:dark,html.auto .sf-c-txt-orange\:30\:dark{color:hsl(39,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-orange\:40\:dark,html.auto .sf-c-txt-orange\:40\:dark{color:hsl(39,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-orange\:50\:dark,html.auto .sf-c-txt-orange\:50\:dark{color:hsl(39,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-orange\:60\:dark,html.auto .sf-c-txt-orange\:60\:dark{color:hsl(39,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-orange\:70\:dark,html.auto .sf-c-txt-orange\:70\:dark{color:hsl(39,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-orange\:80\:dark,html.auto .sf-c-txt-orange\:80\:dark{color:hsl(39,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-orange\:90\:dark,html.auto .sf-c-txt-orange\:90\:dark{color:hsl(39,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-orange\:100\:dark,html.auto .sf-c-txt-orange\:100\:dark{color:hsl(39,100%,100%)}}.sf-c-red{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red))}.sf-c-red\:0{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-0))}.sf-c-red\:10{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-10))}.sf-c-red\:20{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-20))}.sf-c-red\:30{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-30))}.sf-c-red\:40{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-40))}.sf-c-red\:50{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-50))}.sf-c-red\:60{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-60))}.sf-c-red\:70{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-70))}.sf-c-red\:80{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-80))}.sf-c-red\:90{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-90))}.sf-c-red\:100{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-100))}html.var .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var .sf-c-red\:0{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var .sf-c-red\:10{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var .sf-c-red\:20{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var .sf-c-red\:30{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var .sf-c-red\:40{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html.var .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,70%)}html.var .sf-c-red\:80{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var .sf-c-red\:90{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var .sf-c-red\:100{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}.sf-c-txt-red{color:hsl(var(--sf-dark-c-txt-red))}.sf-c-txt-red\:0{color:hsl(var(--sf-dark-c-txt-red-100))}.sf-c-txt-red\:10{color:hsl(var(--sf-dark-c-txt-red-90))}.sf-c-txt-red\:20{color:hsl(var(--sf-dark-c-txt-red-80))}.sf-c-txt-red\:30{color:hsl(var(--sf-dark-c-txt-red-70))}.sf-c-txt-red\:40{color:hsl(var(--sf-dark-c-txt-red-60))}.sf-c-txt-red\:50{color:hsl(var(--sf-dark-c-txt-red-50))}.sf-c-txt-red\:60{color:hsl(var(--sf-dark-c-txt-red-40))}.sf-c-txt-red\:70{color:hsl(var(--sf-dark-c-txt-red-30))}.sf-c-txt-red\:80{color:hsl(var(--sf-dark-c-txt-red-20))}.sf-c-txt-red\:90{color:hsl(var(--sf-dark-c-txt-red-10))}.sf-c-txt-red\:100{color:hsl(var(--sf-dark-c-txt-red-0))}html.var .sf-c-txt-red{color:hsl(0,100%,50%)}html.var .sf-c-txt-red\:0{color:hsl(0,100%,100%)}html.var .sf-c-txt-red\:10{color:hsl(0,100%,90%)}html.var .sf-c-txt-red\:20{color:hsl(0,100%,80%)}html.var .sf-c-txt-red\:30{color:hsl(0,100%,70%)}html.var .sf-c-txt-red\:40{color:hsl(0,100%,60%)}html.var .sf-c-txt-red\:50{color:hsl(0,100%,50%)}html.var .sf-c-txt-red\:60{color:hsl(0,100%,40%)}html.var .sf-c-txt-red\:70{color:hsl(0,100%,30%)}html.var .sf-c-txt-red\:80{color:hsl(0,100%,20%)}html.var .sf-c-txt-red\:90{color:hsl(0,100%,10%)}html.var .sf-c-txt-red\:100{color:hsl(0,100%,0%)}html[data-theme='dark'] .sf-c-red,html.dark .sf-c-red{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red))}html[data-theme='dark'] .sf-c-red\:0,html.dark .sf-c-red\:0{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-100))}html[data-theme='dark'] .sf-c-red\:10,html.dark .sf-c-red\:10{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-90))}html[data-theme='dark'] .sf-c-red\:20,html.dark .sf-c-red\:20{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-80))}html[data-theme='dark'] .sf-c-red\:30,html.dark .sf-c-red\:30{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-70))}html[data-theme='dark'] .sf-c-red\:40,html.dark .sf-c-red\:40{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-60))}html[data-theme='dark'] .sf-c-red\:50,html.dark .sf-c-red\:50{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-50))}html[data-theme='dark'] .sf-c-red\:60,html.dark .sf-c-red\:60{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-40))}html[data-theme='dark'] .sf-c-red\:70,html.dark .sf-c-red\:70{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-30))}html[data-theme='dark'] .sf-c-red\:80,html.dark .sf-c-red\:80{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-20))}html[data-theme='dark'] .sf-c-red\:90,html.dark .sf-c-red\:90{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-10))}html[data-theme='dark'] .sf-c-red\:100,html.dark .sf-c-red\:100{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-0))}html[data-theme='dark'] .sf-c-red\:dark,html.dark .sf-c-red\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red))}html[data-theme='dark'] .sf-c-red\:0\:dark,html.dark .sf-c-red\:0\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-100))}html[data-theme='dark'] .sf-c-red\:10\:dark,html.dark .sf-c-red\:10\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-90))}html[data-theme='dark'] .sf-c-red\:20\:dark,html.dark .sf-c-red\:20\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-80))}html[data-theme='dark'] .sf-c-red\:30\:dark,html.dark .sf-c-red\:30\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-70))}html[data-theme='dark'] .sf-c-red\:40\:dark,html.dark .sf-c-red\:40\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-60))}html[data-theme='dark'] .sf-c-red\:50\:dark,html.dark .sf-c-red\:50\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-50))}html[data-theme='dark'] .sf-c-red\:60\:dark,html.dark .sf-c-red\:60\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-40))}html[data-theme='dark'] .sf-c-red\:70\:dark,html.dark .sf-c-red\:70\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-30))}html[data-theme='dark'] .sf-c-red\:80\:dark,html.dark .sf-c-red\:80\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-20))}html[data-theme='dark'] .sf-c-red\:90\:dark,html.dark .sf-c-red\:90\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-10))}html[data-theme='dark'] .sf-c-red\:100\:dark,html.dark .sf-c-red\:100\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-0))}html[data-theme='dark'] .sf-c-txt-red,html.dark .sf-c-txt-red{color:hsl(var(--sf-c-txt-red))}html[data-theme='dark'] .sf-c-txt-red\:0,html.dark .sf-c-txt-red\:0{color:hsl(var(--sf-c-txt-red-0))}html[data-theme='dark'] .sf-c-txt-red\:10,html.dark .sf-c-txt-red\:10{color:hsl(var(--sf-c-txt-red-10))}html[data-theme='dark'] .sf-c-txt-red\:20,html.dark .sf-c-txt-red\:20{color:hsl(var(--sf-c-txt-red-20))}html[data-theme='dark'] .sf-c-txt-red\:30,html.dark .sf-c-txt-red\:30{color:hsl(var(--sf-c-txt-red-30))}html[data-theme='dark'] .sf-c-txt-red\:40,html.dark .sf-c-txt-red\:40{color:hsl(var(--sf-c-txt-red-40))}html[data-theme='dark'] .sf-c-txt-red\:50,html.dark .sf-c-txt-red\:50{color:hsl(var(--sf-c-txt-red-50))}html[data-theme='dark'] .sf-c-txt-red\:60,html.dark .sf-c-txt-red\:60{color:hsl(var(--sf-c-txt-red-60))}html[data-theme='dark'] .sf-c-txt-red\:70,html.dark .sf-c-txt-red\:70{color:hsl(var(--sf-c-txt-red-70))}html[data-theme='dark'] .sf-c-txt-red\:80,html.dark .sf-c-txt-red\:80{color:hsl(var(--sf-c-txt-red-80))}html[data-theme='dark'] .sf-c-txt-red\:90,html.dark .sf-c-txt-red\:90{color:hsl(var(--sf-c-txt-red-90))}html[data-theme='dark'] .sf-c-txt-red\:100,html.dark .sf-c-txt-red\:100{color:hsl(var(--sf-c-txt-red-100))}html[data-theme='dark'] .sf-c-txt-red\:dark,html.dark .sf-c-txt-red\:dark{color:hsl(var(--sf-c-txt-red))}html[data-theme='dark'] .sf-c-txt-red\:0\:dark,html.dark .sf-c-txt-red\:0\:dark{color:hsl(var(--sf-dark-c-txt-red-0))}html[data-theme='dark'] .sf-c-txt-red\:10\:dark,html.dark .sf-c-txt-red\:10\:dark{color:hsl(var(--sf-dark-c-txt-red-10))}html[data-theme='dark'] .sf-c-txt-red\:20\:dark,html.dark .sf-c-txt-red\:20\:dark{color:hsl(var(--sf-dark-c-txt-red-20))}html[data-theme='dark'] .sf-c-txt-red\:30\:dark,html.dark .sf-c-txt-red\:30\:dark{color:hsl(var(--sf-dark-c-txt-red-30))}html[data-theme='dark'] .sf-c-txt-red\:40\:dark,html.dark .sf-c-txt-red\:40\:dark{color:hsl(var(--sf-dark-c-txt-red-40))}html[data-theme='dark'] .sf-c-txt-red\:50\:dark,html.dark .sf-c-txt-red\:50\:dark{color:hsl(var(--sf-dark-c-txt-red-50))}html[data-theme='dark'] .sf-c-txt-red\:60\:dark,html.dark .sf-c-txt-red\:60\:dark{color:hsl(var(--sf-dark-c-txt-red-60))}html[data-theme='dark'] .sf-c-txt-red\:70\:dark,html.dark .sf-c-txt-red\:70\:dark{color:hsl(var(--sf-dark-c-txt-red-70))}html[data-theme='dark'] .sf-c-txt-red\:80\:dark,html.dark .sf-c-txt-red\:80\:dark{color:hsl(var(--sf-dark-c-txt-red-80))}html[data-theme='dark'] .sf-c-txt-red\:90\:dark,html.dark .sf-c-txt-red\:90\:dark{color:hsl(var(--sf-dark-c-txt-red-90))}html[data-theme='dark'] .sf-c-txt-red\:100\:dark,html.dark .sf-c-txt-red\:100\:dark{color:hsl(var(--sf-dark-c-txt-red-100))}html.var[data-theme='dark'] .sf-c-red,html.var.dark .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:0,html.var.dark .sf-c-red\:0{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='dark'] .sf-c-red\:10,html.var.dark .sf-c-red\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-red\:20,html.var.dark .sf-c-red\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-red\:30,html.var.dark .sf-c-red\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-red\:40,html.var.dark .sf-c-red\:40{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-red\:50,html.var.dark .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:60,html.var.dark .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-red\:70,html.var.dark .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-red\:80,html.var.dark .sf-c-red\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-red\:90,html.var.dark .sf-c-red\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-red\:100,html.var.dark .sf-c-red\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='dark'] .sf-c-red\:dark,html.var.dark .sf-c-red\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:0\:dark,html.var.dark .sf-c-red\:0\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='dark'] .sf-c-red\:10\:dark,html.var.dark .sf-c-red\:10\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-red\:20\:dark,html.var.dark .sf-c-red\:20\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-red\:30\:dark,html.var.dark .sf-c-red\:30\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-red\:40\:dark,html.var.dark .sf-c-red\:40\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-red\:50\:dark,html.var.dark .sf-c-red\:50\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:60\:dark,html.var.dark .sf-c-red\:60\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-red\:70\:dark,html.var.dark .sf-c-red\:70\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-red\:80\:dark,html.var.dark .sf-c-red\:80\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-red\:90\:dark,html.var.dark .sf-c-red\:90\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-red\:100\:dark,html.var.dark .sf-c-red\:100\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-red,html.dark .sf-c-txt-red{color:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-red\:0,html.dark .sf-c-txt-red\:0{color:hsl(0,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-red\:10,html.dark .sf-c-txt-red\:10{color:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-red\:20,html.dark .sf-c-txt-red\:20{color:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-red\:30,html.dark .sf-c-txt-red\:30{color:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-red\:40,html.dark .sf-c-txt-red\:40{color:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-red\:50,html.dark .sf-c-txt-red\:50{color:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-red\:60,html.dark .sf-c-txt-red\:60{color:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-red\:70,html.dark .sf-c-txt-red\:70{color:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-red\:80,html.dark .sf-c-txt-red\:80{color:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-red\:90,html.dark .sf-c-txt-red\:90{color:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-red\:100,html.dark .sf-c-txt-red\:100{color:hsl(0,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-red\:dark,html.dark .sf-c-txt-red\:dark{color:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-red\:0\:dark,html.dark .sf-c-txt-red\:0\:dark{color:hsl(0,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-red\:10\:dark,html.dark .sf-c-txt-red\:10\:dark{color:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-red\:20\:dark,html.dark .sf-c-txt-red\:20\:dark{color:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-red\:30\:dark,html.dark .sf-c-txt-red\:30\:dark{color:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-red\:40\:dark,html.dark .sf-c-txt-red\:40\:dark{color:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-red\:50\:dark,html.dark .sf-c-txt-red\:50\:dark{color:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-red\:60\:dark,html.dark .sf-c-txt-red\:60\:dark{color:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-red\:70\:dark,html.dark .sf-c-txt-red\:70\:dark{color:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-red\:80\:dark,html.dark .sf-c-txt-red\:80\:dark{color:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-red\:90\:dark,html.dark .sf-c-txt-red\:90\:dark{color:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-red\:100\:dark,html.dark .sf-c-txt-red\:100\:dark{color:hsl(0,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-red,html.auto .sf-c-red{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red))}html[data-theme='auto'] .sf-c-red\:0,html.auto .sf-c-red\:0{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-100))}html[data-theme='auto'] .sf-c-red\:10,html.auto .sf-c-red\:10{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-90))}html[data-theme='auto'] .sf-c-red\:20,html.auto .sf-c-red\:20{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-80))}html[data-theme='auto'] .sf-c-red\:30,html.auto .sf-c-red\:30{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-70))}html[data-theme='auto'] .sf-c-red\:40,html.auto .sf-c-red\:40{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-60))}html[data-theme='auto'] .sf-c-red\:50,html.auto .sf-c-red\:50{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-50))}html[data-theme='auto'] .sf-c-red\:60,html.auto .sf-c-red\:60{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-40))}html[data-theme='auto'] .sf-c-red\:70,html.auto .sf-c-red\:70{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-30))}html[data-theme='auto'] .sf-c-red\:80,html.auto .sf-c-red\:80{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-20))}html[data-theme='auto'] .sf-c-red\:90,html.auto .sf-c-red\:90{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-10))}html[data-theme='auto'] .sf-c-red\:100,html.auto .sf-c-red\:100{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-0))}html[data-theme='auto'] .sf-c-red\:dark,html.auto .sf-c-red\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red))}html[data-theme='auto'] .sf-c-red\:0\:dark,html.auto .sf-c-red\:0\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-100))}html[data-theme='auto'] .sf-c-red\:10\:dark,html.auto .sf-c-red\:10\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-90))}html[data-theme='auto'] .sf-c-red\:20\:dark,html.auto .sf-c-red\:20\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-80))}html[data-theme='auto'] .sf-c-red\:30\:dark,html.auto .sf-c-red\:30\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-70))}html[data-theme='auto'] .sf-c-red\:40\:dark,html.auto .sf-c-red\:40\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-60))}html[data-theme='auto'] .sf-c-red\:50\:dark,html.auto .sf-c-red\:50\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-50))}html[data-theme='auto'] .sf-c-red\:60\:dark,html.auto .sf-c-red\:60\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-40))}html[data-theme='auto'] .sf-c-red\:70\:dark,html.auto .sf-c-red\:70\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-30))}html[data-theme='auto'] .sf-c-red\:80\:dark,html.auto .sf-c-red\:80\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-20))}html[data-theme='auto'] .sf-c-red\:90\:dark,html.auto .sf-c-red\:90\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-10))}html[data-theme='auto'] .sf-c-red\:100\:dark,html.auto .sf-c-red\:100\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-0))}html[data-theme='auto'] .sf-c-txt-red,html.auto .sf-c-txt-red{color:hsl(var(--sf-c-txt-red))}html[data-theme='auto'] .sf-c-txt-red\:0,html.auto .sf-c-txt-red\:0{color:hsl(var(--sf-c-txt-red-0))}html[data-theme='auto'] .sf-c-txt-red\:10,html.auto .sf-c-txt-red\:10{color:hsl(var(--sf-c-txt-red-10))}html[data-theme='auto'] .sf-c-txt-red\:20,html.auto .sf-c-txt-red\:20{color:hsl(var(--sf-c-txt-red-20))}html[data-theme='auto'] .sf-c-txt-red\:30,html.auto .sf-c-txt-red\:30{color:hsl(var(--sf-c-txt-red-30))}html[data-theme='auto'] .sf-c-txt-red\:40,html.auto .sf-c-txt-red\:40{color:hsl(var(--sf-c-txt-red-40))}html[data-theme='auto'] .sf-c-txt-red\:50,html.auto .sf-c-txt-red\:50{color:hsl(var(--sf-c-txt-red-50))}html[data-theme='auto'] .sf-c-txt-red\:60,html.auto .sf-c-txt-red\:60{color:hsl(var(--sf-c-txt-red-60))}html[data-theme='auto'] .sf-c-txt-red\:70,html.auto .sf-c-txt-red\:70{color:hsl(var(--sf-c-txt-red-70))}html[data-theme='auto'] .sf-c-txt-red\:80,html.auto .sf-c-txt-red\:80{color:hsl(var(--sf-c-txt-red-80))}html[data-theme='auto'] .sf-c-txt-red\:90,html.auto .sf-c-txt-red\:90{color:hsl(var(--sf-c-txt-red-90))}html[data-theme='auto'] .sf-c-txt-red\:100,html.auto .sf-c-txt-red\:100{color:hsl(var(--sf-c-txt-red-100))}html[data-theme='auto'] .sf-c-txt-red\:dark,html.auto .sf-c-txt-red\:dark{color:hsl(var(--sf-c-txt-red))}html[data-theme='auto'] .sf-c-txt-red\:0\:dark,html.auto .sf-c-txt-red\:0\:dark{color:hsl(var(--sf-c-txt-red-0))}html[data-theme='auto'] .sf-c-txt-red\:10\:dark,html.auto .sf-c-txt-red\:10\:dark{color:hsl(var(--sf-c-txt-red-10))}html[data-theme='auto'] .sf-c-txt-red\:20\:dark,html.auto .sf-c-txt-red\:20\:dark{color:hsl(var(--sf-c-txt-red-20))}html[data-theme='auto'] .sf-c-txt-red\:30\:dark,html.auto .sf-c-txt-red\:30\:dark{color:hsl(var(--sf-c-txt-red-30))}html[data-theme='auto'] .sf-c-txt-red\:40\:dark,html.auto .sf-c-txt-red\:40\:dark{color:hsl(var(--sf-c-txt-red-40))}html[data-theme='auto'] .sf-c-txt-red\:50\:dark,html.auto .sf-c-txt-red\:50\:dark{color:hsl(var(--sf-c-txt-red-50))}html[data-theme='auto'] .sf-c-txt-red\:60\:dark,html.auto .sf-c-txt-red\:60\:dark{color:hsl(var(--sf-c-txt-red-60))}html[data-theme='auto'] .sf-c-txt-red\:70\:dark,html.auto .sf-c-txt-red\:70\:dark{color:hsl(var(--sf-c-txt-red-70))}html[data-theme='auto'] .sf-c-txt-red\:80\:dark,html.auto .sf-c-txt-red\:80\:dark{color:hsl(var(--sf-c-txt-red-80))}html[data-theme='auto'] .sf-c-txt-red\:90\:dark,html.auto .sf-c-txt-red\:90\:dark{color:hsl(var(--sf-c-txt-red-90))}html[data-theme='auto'] .sf-c-txt-red\:100\:dark,html.auto .sf-c-txt-red\:100\:dark{color:hsl(var(--sf-c-txt-red-100))}html.var[data-theme='auto'] .sf-c-red,html.var.auto .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:0,html.var.auto .sf-c-red\:0{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='auto'] .sf-c-red\:10,html.var.auto .sf-c-red\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-red\:20,html.var.auto .sf-c-red\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-red\:30,html.var.auto .sf-c-red\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-red\:40,html.var.auto .sf-c-red\:40{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-red\:50,html.var.auto .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:60,html.var.auto .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-red\:70,html.var.auto .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-red\:80,html.var.auto .sf-c-red\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-red\:90,html.var.auto .sf-c-red\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-red\:100,html.var.auto .sf-c-red\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='auto'] .sf-c-red\:dark,html.var.auto .sf-c-red\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:0\:dark,html.var.auto .sf-c-red\:0\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='auto'] .sf-c-red\:10\:dark,html.var.auto .sf-c-red\:10\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-red\:20\:dark,html.var.auto .sf-c-red\:20\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-red\:30\:dark,html.var.auto .sf-c-red\:30\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-red\:40\:dark,html.var.auto .sf-c-red\:40\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-red\:50\:dark,html.var.auto .sf-c-red\:50\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:60\:dark,html.var.auto .sf-c-red\:60\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-red\:70\:dark,html.var.auto .sf-c-red\:70\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-red\:80\:dark,html.var.auto .sf-c-red\:80\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-red\:90\:dark,html.var.auto .sf-c-red\:90\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-red\:100\:dark,html.var.auto .sf-c-red\:100\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-red,html.auto .sf-c-txt-red{color:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-red\:0,html.auto .sf-c-txt-red\:0{color:hsl(0,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-red\:10,html.auto .sf-c-txt-red\:10{color:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-red\:20,html.auto .sf-c-txt-red\:20{color:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-red\:30,html.auto .sf-c-txt-red\:30{color:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-red\:40,html.auto .sf-c-txt-red\:40{color:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-red\:50,html.auto .sf-c-txt-red\:50{color:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-red\:60,html.auto .sf-c-txt-red\:60{color:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-red\:70,html.auto .sf-c-txt-red\:70{color:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-red\:80,html.auto .sf-c-txt-red\:80{color:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-red\:90,html.auto .sf-c-txt-red\:90{color:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-red\:100,html.auto .sf-c-txt-red\:100{color:hsl(0,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-red\:dark,html.auto .sf-c-txt-red\:dark{color:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-red\:0\:dark,html.auto .sf-c-txt-red\:0\:dark{color:hsl(0,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-red\:10\:dark,html.auto .sf-c-txt-red\:10\:dark{color:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-red\:20\:dark,html.auto .sf-c-txt-red\:20\:dark{color:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-red\:30\:dark,html.auto .sf-c-txt-red\:30\:dark{color:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-red\:40\:dark,html.auto .sf-c-txt-red\:40\:dark{color:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-red\:50\:dark,html.auto .sf-c-txt-red\:50\:dark{color:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-red\:60\:dark,html.auto .sf-c-txt-red\:60\:dark{color:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-red\:70\:dark,html.auto .sf-c-txt-red\:70\:dark{color:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-red\:80\:dark,html.auto .sf-c-txt-red\:80\:dark{color:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-red\:90\:dark,html.auto .sf-c-txt-red\:90\:dark{color:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-red\:100\:dark,html.auto .sf-c-txt-red\:100\:dark{color:hsl(0,100%,100%)}}.sf-c-skyblue{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue))}.sf-c-skyblue\:0{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-0))}.sf-c-skyblue\:10{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-10))}.sf-c-skyblue\:20{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-20))}.sf-c-skyblue\:30{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-30))}.sf-c-skyblue\:40{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-40))}.sf-c-skyblue\:50{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-50))}.sf-c-skyblue\:60{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-60))}.sf-c-skyblue\:70{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-70))}.sf-c-skyblue\:80{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-80))}.sf-c-skyblue\:90{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-90))}.sf-c-skyblue\:100{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-100))}html.var .sf-c-skyblue{color:hsl(197,71%,10%);background:hsl(197,71%,73%)}html.var .sf-c-skyblue\:0{color:hsl(197,71%,90%);background:hsl(197,71%,0%)}html.var .sf-c-skyblue\:10{color:hsl(197,71%,90%);background:hsl(197,71%,10%)}html.var .sf-c-skyblue\:20{color:hsl(197,71%,90%);background:hsl(197,71%,20%)}html.var .sf-c-skyblue\:30{color:hsl(197,71%,90%);background:hsl(197,71%,30%)}html.var .sf-c-skyblue\:40{color:hsl(197,71%,90%);background:hsl(197,71%,40%)}html.var .sf-c-skyblue\:50{color:hsl(197,71%,90%);background:hsl(197,71%,50%)}html.var .sf-c-skyblue\:60{color:hsl(197,71%,10%);background:hsl(197,71%,60%)}html.var .sf-c-skyblue\:70{color:hsl(197,71%,10%);background:hsl(197,71%,70%)}html.var .sf-c-skyblue\:80{color:hsl(197,71%,10%);background:hsl(197,71%,80%)}html.var .sf-c-skyblue\:90{color:hsl(197,71%,10%);background:hsl(197,71%,90%)}html.var .sf-c-skyblue\:100{color:hsl(197,71%,10%);background:hsl(197,71%,100%)}.sf-c-txt-skyblue{color:hsl(var(--sf-dark-c-txt-skyblue))}.sf-c-txt-skyblue\:0{color:hsl(var(--sf-dark-c-txt-skyblue-100))}.sf-c-txt-skyblue\:10{color:hsl(var(--sf-dark-c-txt-skyblue-90))}.sf-c-txt-skyblue\:20{color:hsl(var(--sf-dark-c-txt-skyblue-80))}.sf-c-txt-skyblue\:30{color:hsl(var(--sf-dark-c-txt-skyblue-70))}.sf-c-txt-skyblue\:40{color:hsl(var(--sf-dark-c-txt-skyblue-60))}.sf-c-txt-skyblue\:50{color:hsl(var(--sf-dark-c-txt-skyblue-50))}.sf-c-txt-skyblue\:60{color:hsl(var(--sf-dark-c-txt-skyblue-40))}.sf-c-txt-skyblue\:70{color:hsl(var(--sf-dark-c-txt-skyblue-30))}.sf-c-txt-skyblue\:80{color:hsl(var(--sf-dark-c-txt-skyblue-20))}.sf-c-txt-skyblue\:90{color:hsl(var(--sf-dark-c-txt-skyblue-10))}.sf-c-txt-skyblue\:100{color:hsl(var(--sf-dark-c-txt-skyblue-0))}html.var .sf-c-txt-skyblue{color:hsl(197,71%,27%)}html.var .sf-c-txt-skyblue\:0{color:hsl(197,71%,100%)}html.var .sf-c-txt-skyblue\:10{color:hsl(197,71%,90%)}html.var .sf-c-txt-skyblue\:20{color:hsl(197,71%,80%)}html.var .sf-c-txt-skyblue\:30{color:hsl(197,71%,70%)}html.var .sf-c-txt-skyblue\:40{color:hsl(197,71%,60%)}html.var .sf-c-txt-skyblue\:50{color:hsl(197,71%,50%)}html.var .sf-c-txt-skyblue\:60{color:hsl(197,71%,40%)}html.var .sf-c-txt-skyblue\:70{color:hsl(197,71%,30%)}html.var .sf-c-txt-skyblue\:80{color:hsl(197,71%,20%)}html.var .sf-c-txt-skyblue\:90{color:hsl(197,71%,10%)}html.var .sf-c-txt-skyblue\:100{color:hsl(197,71%,0%)}html[data-theme='dark'] .sf-c-skyblue,html.dark .sf-c-skyblue{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue))}html[data-theme='dark'] .sf-c-skyblue\:0,html.dark .sf-c-skyblue\:0{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-100))}html[data-theme='dark'] .sf-c-skyblue\:10,html.dark .sf-c-skyblue\:10{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-90))}html[data-theme='dark'] .sf-c-skyblue\:20,html.dark .sf-c-skyblue\:20{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-80))}html[data-theme='dark'] .sf-c-skyblue\:30,html.dark .sf-c-skyblue\:30{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-70))}html[data-theme='dark'] .sf-c-skyblue\:40,html.dark .sf-c-skyblue\:40{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-60))}html[data-theme='dark'] .sf-c-skyblue\:50,html.dark .sf-c-skyblue\:50{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-50))}html[data-theme='dark'] .sf-c-skyblue\:60,html.dark .sf-c-skyblue\:60{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-40))}html[data-theme='dark'] .sf-c-skyblue\:70,html.dark .sf-c-skyblue\:70{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-30))}html[data-theme='dark'] .sf-c-skyblue\:80,html.dark .sf-c-skyblue\:80{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-20))}html[data-theme='dark'] .sf-c-skyblue\:90,html.dark .sf-c-skyblue\:90{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-10))}html[data-theme='dark'] .sf-c-skyblue\:100,html.dark .sf-c-skyblue\:100{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-0))}html[data-theme='dark'] .sf-c-skyblue\:dark,html.dark .sf-c-skyblue\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue))}html[data-theme='dark'] .sf-c-skyblue\:0\:dark,html.dark .sf-c-skyblue\:0\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-100))}html[data-theme='dark'] .sf-c-skyblue\:10\:dark,html.dark .sf-c-skyblue\:10\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-90))}html[data-theme='dark'] .sf-c-skyblue\:20\:dark,html.dark .sf-c-skyblue\:20\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-80))}html[data-theme='dark'] .sf-c-skyblue\:30\:dark,html.dark .sf-c-skyblue\:30\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-70))}html[data-theme='dark'] .sf-c-skyblue\:40\:dark,html.dark .sf-c-skyblue\:40\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-60))}html[data-theme='dark'] .sf-c-skyblue\:50\:dark,html.dark .sf-c-skyblue\:50\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-50))}html[data-theme='dark'] .sf-c-skyblue\:60\:dark,html.dark .sf-c-skyblue\:60\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-40))}html[data-theme='dark'] .sf-c-skyblue\:70\:dark,html.dark .sf-c-skyblue\:70\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-30))}html[data-theme='dark'] .sf-c-skyblue\:80\:dark,html.dark .sf-c-skyblue\:80\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-20))}html[data-theme='dark'] .sf-c-skyblue\:90\:dark,html.dark .sf-c-skyblue\:90\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-10))}html[data-theme='dark'] .sf-c-skyblue\:100\:dark,html.dark .sf-c-skyblue\:100\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-0))}html[data-theme='dark'] .sf-c-txt-skyblue,html.dark .sf-c-txt-skyblue{color:hsl(var(--sf-c-txt-skyblue))}html[data-theme='dark'] .sf-c-txt-skyblue\:0,html.dark .sf-c-txt-skyblue\:0{color:hsl(var(--sf-c-txt-skyblue-0))}html[data-theme='dark'] .sf-c-txt-skyblue\:10,html.dark .sf-c-txt-skyblue\:10{color:hsl(var(--sf-c-txt-skyblue-10))}html[data-theme='dark'] .sf-c-txt-skyblue\:20,html.dark .sf-c-txt-skyblue\:20{color:hsl(var(--sf-c-txt-skyblue-20))}html[data-theme='dark'] .sf-c-txt-skyblue\:30,html.dark .sf-c-txt-skyblue\:30{color:hsl(var(--sf-c-txt-skyblue-30))}html[data-theme='dark'] .sf-c-txt-skyblue\:40,html.dark .sf-c-txt-skyblue\:40{color:hsl(var(--sf-c-txt-skyblue-40))}html[data-theme='dark'] .sf-c-txt-skyblue\:50,html.dark .sf-c-txt-skyblue\:50{color:hsl(var(--sf-c-txt-skyblue-50))}html[data-theme='dark'] .sf-c-txt-skyblue\:60,html.dark .sf-c-txt-skyblue\:60{color:hsl(var(--sf-c-txt-skyblue-60))}html[data-theme='dark'] .sf-c-txt-skyblue\:70,html.dark .sf-c-txt-skyblue\:70{color:hsl(var(--sf-c-txt-skyblue-70))}html[data-theme='dark'] .sf-c-txt-skyblue\:80,html.dark .sf-c-txt-skyblue\:80{color:hsl(var(--sf-c-txt-skyblue-80))}html[data-theme='dark'] .sf-c-txt-skyblue\:90,html.dark .sf-c-txt-skyblue\:90{color:hsl(var(--sf-c-txt-skyblue-90))}html[data-theme='dark'] .sf-c-txt-skyblue\:100,html.dark .sf-c-txt-skyblue\:100{color:hsl(var(--sf-c-txt-skyblue-100))}html[data-theme='dark'] .sf-c-txt-skyblue\:dark,html.dark .sf-c-txt-skyblue\:dark{color:hsl(var(--sf-c-txt-skyblue))}html[data-theme='dark'] .sf-c-txt-skyblue\:0\:dark,html.dark .sf-c-txt-skyblue\:0\:dark{color:hsl(var(--sf-dark-c-txt-skyblue-0))}html[data-theme='dark'] .sf-c-txt-skyblue\:10\:dark,html.dark .sf-c-txt-skyblue\:10\:dark{color:hsl(var(--sf-dark-c-txt-skyblue-10))}html[data-theme='dark'] .sf-c-txt-skyblue\:20\:dark,html.dark .sf-c-txt-skyblue\:20\:dark{color:hsl(var(--sf-dark-c-txt-skyblue-20))}html[data-theme='dark'] .sf-c-txt-skyblue\:30\:dark,html.dark .sf-c-txt-skyblue\:30\:dark{color:hsl(var(--sf-dark-c-txt-skyblue-30))}html[data-theme='dark'] .sf-c-txt-skyblue\:40\:dark,html.dark .sf-c-txt-skyblue\:40\:dark{color:hsl(var(--sf-dark-c-txt-skyblue-40))}html[data-theme='dark'] .sf-c-txt-skyblue\:50\:dark,html.dark .sf-c-txt-skyblue\:50\:dark{color:hsl(var(--sf-dark-c-txt-skyblue-50))}html[data-theme='dark'] .sf-c-txt-skyblue\:60\:dark,html.dark .sf-c-txt-skyblue\:60\:dark{color:hsl(var(--sf-dark-c-txt-skyblue-60))}html[data-theme='dark'] .sf-c-txt-skyblue\:70\:dark,html.dark .sf-c-txt-skyblue\:70\:dark{color:hsl(var(--sf-dark-c-txt-skyblue-70))}html[data-theme='dark'] .sf-c-txt-skyblue\:80\:dark,html.dark .sf-c-txt-skyblue\:80\:dark{color:hsl(var(--sf-dark-c-txt-skyblue-80))}html[data-theme='dark'] .sf-c-txt-skyblue\:90\:dark,html.dark .sf-c-txt-skyblue\:90\:dark{color:hsl(var(--sf-dark-c-txt-skyblue-90))}html[data-theme='dark'] .sf-c-txt-skyblue\:100\:dark,html.dark .sf-c-txt-skyblue\:100\:dark{color:hsl(var(--sf-dark-c-txt-skyblue-100))}html.var[data-theme='dark'] .sf-c-skyblue,html.var.dark .sf-c-skyblue{color:hsl(197,71%,90%);background:hsl(197,71%,27%)}html.var[data-theme='dark'] .sf-c-skyblue\:0,html.var.dark .sf-c-skyblue\:0{color:hsl(197,71%,90%);background:hsl(197,71%,100%)}html.var[data-theme='dark'] .sf-c-skyblue\:10,html.var.dark .sf-c-skyblue\:10{color:hsl(197,71%,10%);background:hsl(197,71%,90%)}html.var[data-theme='dark'] .sf-c-skyblue\:20,html.var.dark .sf-c-skyblue\:20{color:hsl(197,71%,10%);background:hsl(197,71%,80%)}html.var[data-theme='dark'] .sf-c-skyblue\:30,html.var.dark .sf-c-skyblue\:30{color:hsl(197,71%,10%);background:hsl(197,71%,70%)}html.var[data-theme='dark'] .sf-c-skyblue\:40,html.var.dark .sf-c-skyblue\:40{color:hsl(197,71%,10%);background:hsl(197,71%,60%)}html.var[data-theme='dark'] .sf-c-skyblue\:50,html.var.dark .sf-c-skyblue\:50{color:hsl(197,71%,10%);background:hsl(197,71%,50%)}html.var[data-theme='dark'] .sf-c-skyblue\:60,html.var.dark .sf-c-skyblue\:60{color:hsl(197,71%,10%);background:hsl(197,71%,40%)}html.var[data-theme='dark'] .sf-c-skyblue\:70,html.var.dark .sf-c-skyblue\:70{color:hsl(197,71%,90%);background:hsl(197,71%,30%)}html.var[data-theme='dark'] .sf-c-skyblue\:80,html.var.dark .sf-c-skyblue\:80{color:hsl(197,71%,90%);background:hsl(197,71%,20%)}html.var[data-theme='dark'] .sf-c-skyblue\:90,html.var.dark .sf-c-skyblue\:90{color:hsl(197,71%,90%);background:hsl(197,71%,10%)}html.var[data-theme='dark'] .sf-c-skyblue\:100,html.var.dark .sf-c-skyblue\:100{color:hsl(197,71%,90%);background:hsl(197,71%,0%)}html.var[data-theme='dark'] .sf-c-skyblue\:dark,html.var.dark .sf-c-skyblue\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,27%)}html.var[data-theme='dark'] .sf-c-skyblue\:0\:dark,html.var.dark .sf-c-skyblue\:0\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,100%)}html.var[data-theme='dark'] .sf-c-skyblue\:10\:dark,html.var.dark .sf-c-skyblue\:10\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,90%)}html.var[data-theme='dark'] .sf-c-skyblue\:20\:dark,html.var.dark .sf-c-skyblue\:20\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,80%)}html.var[data-theme='dark'] .sf-c-skyblue\:30\:dark,html.var.dark .sf-c-skyblue\:30\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,70%)}html.var[data-theme='dark'] .sf-c-skyblue\:40\:dark,html.var.dark .sf-c-skyblue\:40\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,60%)}html.var[data-theme='dark'] .sf-c-skyblue\:50\:dark,html.var.dark .sf-c-skyblue\:50\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,50%)}html.var[data-theme='dark'] .sf-c-skyblue\:60\:dark,html.var.dark .sf-c-skyblue\:60\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,40%)}html.var[data-theme='dark'] .sf-c-skyblue\:70\:dark,html.var.dark .sf-c-skyblue\:70\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,30%)}html.var[data-theme='dark'] .sf-c-skyblue\:80\:dark,html.var.dark .sf-c-skyblue\:80\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,20%)}html.var[data-theme='dark'] .sf-c-skyblue\:90\:dark,html.var.dark .sf-c-skyblue\:90\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,10%)}html.var[data-theme='dark'] .sf-c-skyblue\:100\:dark,html.var.dark .sf-c-skyblue\:100\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,0%)}html.var[data-theme='dark'] .sf-c-txt-skyblue,html.dark .sf-c-txt-skyblue{color:hsl(197,71%,73%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:0,html.dark .sf-c-txt-skyblue\:0{color:hsl(197,71%,0%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:10,html.dark .sf-c-txt-skyblue\:10{color:hsl(197,71%,10%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:20,html.dark .sf-c-txt-skyblue\:20{color:hsl(197,71%,20%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:30,html.dark .sf-c-txt-skyblue\:30{color:hsl(197,71%,30%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:40,html.dark .sf-c-txt-skyblue\:40{color:hsl(197,71%,40%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:50,html.dark .sf-c-txt-skyblue\:50{color:hsl(197,71%,50%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:60,html.dark .sf-c-txt-skyblue\:60{color:hsl(197,71%,60%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:70,html.dark .sf-c-txt-skyblue\:70{color:hsl(197,71%,70%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:80,html.dark .sf-c-txt-skyblue\:80{color:hsl(197,71%,80%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:90,html.dark .sf-c-txt-skyblue\:90{color:hsl(197,71%,90%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:100,html.dark .sf-c-txt-skyblue\:100{color:hsl(197,71%,100%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:dark,html.dark .sf-c-txt-skyblue\:dark{color:hsl(197,71%,73%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:0\:dark,html.dark .sf-c-txt-skyblue\:0\:dark{color:hsl(197,71%,0%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:10\:dark,html.dark .sf-c-txt-skyblue\:10\:dark{color:hsl(197,71%,10%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:20\:dark,html.dark .sf-c-txt-skyblue\:20\:dark{color:hsl(197,71%,20%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:30\:dark,html.dark .sf-c-txt-skyblue\:30\:dark{color:hsl(197,71%,30%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:40\:dark,html.dark .sf-c-txt-skyblue\:40\:dark{color:hsl(197,71%,40%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:50\:dark,html.dark .sf-c-txt-skyblue\:50\:dark{color:hsl(197,71%,50%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:60\:dark,html.dark .sf-c-txt-skyblue\:60\:dark{color:hsl(197,71%,60%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:70\:dark,html.dark .sf-c-txt-skyblue\:70\:dark{color:hsl(197,71%,70%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:80\:dark,html.dark .sf-c-txt-skyblue\:80\:dark{color:hsl(197,71%,80%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:90\:dark,html.dark .sf-c-txt-skyblue\:90\:dark{color:hsl(197,71%,90%)}html.var[data-theme='dark'] .sf-c-txt-skyblue\:100\:dark,html.dark .sf-c-txt-skyblue\:100\:dark{color:hsl(197,71%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-skyblue,html.auto .sf-c-skyblue{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue))}html[data-theme='auto'] .sf-c-skyblue\:0,html.auto .sf-c-skyblue\:0{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-100))}html[data-theme='auto'] .sf-c-skyblue\:10,html.auto .sf-c-skyblue\:10{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-90))}html[data-theme='auto'] .sf-c-skyblue\:20,html.auto .sf-c-skyblue\:20{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-80))}html[data-theme='auto'] .sf-c-skyblue\:30,html.auto .sf-c-skyblue\:30{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-70))}html[data-theme='auto'] .sf-c-skyblue\:40,html.auto .sf-c-skyblue\:40{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-60))}html[data-theme='auto'] .sf-c-skyblue\:50,html.auto .sf-c-skyblue\:50{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-50))}html[data-theme='auto'] .sf-c-skyblue\:60,html.auto .sf-c-skyblue\:60{color:hsl(var(--sf-dark-c-txt-skyblue-10));background:hsl(var(--sf-dark-c-skyblue-40))}html[data-theme='auto'] .sf-c-skyblue\:70,html.auto .sf-c-skyblue\:70{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-30))}html[data-theme='auto'] .sf-c-skyblue\:80,html.auto .sf-c-skyblue\:80{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-20))}html[data-theme='auto'] .sf-c-skyblue\:90,html.auto .sf-c-skyblue\:90{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-10))}html[data-theme='auto'] .sf-c-skyblue\:100,html.auto .sf-c-skyblue\:100{color:hsl(var(--sf-dark-c-txt-skyblue-90));background:hsl(var(--sf-dark-c-skyblue-0))}html[data-theme='auto'] .sf-c-skyblue\:dark,html.auto .sf-c-skyblue\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue))}html[data-theme='auto'] .sf-c-skyblue\:0\:dark,html.auto .sf-c-skyblue\:0\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-100))}html[data-theme='auto'] .sf-c-skyblue\:10\:dark,html.auto .sf-c-skyblue\:10\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-90))}html[data-theme='auto'] .sf-c-skyblue\:20\:dark,html.auto .sf-c-skyblue\:20\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-80))}html[data-theme='auto'] .sf-c-skyblue\:30\:dark,html.auto .sf-c-skyblue\:30\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-70))}html[data-theme='auto'] .sf-c-skyblue\:40\:dark,html.auto .sf-c-skyblue\:40\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-60))}html[data-theme='auto'] .sf-c-skyblue\:50\:dark,html.auto .sf-c-skyblue\:50\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-50))}html[data-theme='auto'] .sf-c-skyblue\:60\:dark,html.auto .sf-c-skyblue\:60\:dark{color:hsl(var(--sf-c-txt-skyblue-10));background:hsl(var(--sf-c-skyblue-40))}html[data-theme='auto'] .sf-c-skyblue\:70\:dark,html.auto .sf-c-skyblue\:70\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-30))}html[data-theme='auto'] .sf-c-skyblue\:80\:dark,html.auto .sf-c-skyblue\:80\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-20))}html[data-theme='auto'] .sf-c-skyblue\:90\:dark,html.auto .sf-c-skyblue\:90\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-10))}html[data-theme='auto'] .sf-c-skyblue\:100\:dark,html.auto .sf-c-skyblue\:100\:dark{color:hsl(var(--sf-c-txt-skyblue-90));background:hsl(var(--sf-c-skyblue-0))}html[data-theme='auto'] .sf-c-txt-skyblue,html.auto .sf-c-txt-skyblue{color:hsl(var(--sf-c-txt-skyblue))}html[data-theme='auto'] .sf-c-txt-skyblue\:0,html.auto .sf-c-txt-skyblue\:0{color:hsl(var(--sf-c-txt-skyblue-0))}html[data-theme='auto'] .sf-c-txt-skyblue\:10,html.auto .sf-c-txt-skyblue\:10{color:hsl(var(--sf-c-txt-skyblue-10))}html[data-theme='auto'] .sf-c-txt-skyblue\:20,html.auto .sf-c-txt-skyblue\:20{color:hsl(var(--sf-c-txt-skyblue-20))}html[data-theme='auto'] .sf-c-txt-skyblue\:30,html.auto .sf-c-txt-skyblue\:30{color:hsl(var(--sf-c-txt-skyblue-30))}html[data-theme='auto'] .sf-c-txt-skyblue\:40,html.auto .sf-c-txt-skyblue\:40{color:hsl(var(--sf-c-txt-skyblue-40))}html[data-theme='auto'] .sf-c-txt-skyblue\:50,html.auto .sf-c-txt-skyblue\:50{color:hsl(var(--sf-c-txt-skyblue-50))}html[data-theme='auto'] .sf-c-txt-skyblue\:60,html.auto .sf-c-txt-skyblue\:60{color:hsl(var(--sf-c-txt-skyblue-60))}html[data-theme='auto'] .sf-c-txt-skyblue\:70,html.auto .sf-c-txt-skyblue\:70{color:hsl(var(--sf-c-txt-skyblue-70))}html[data-theme='auto'] .sf-c-txt-skyblue\:80,html.auto .sf-c-txt-skyblue\:80{color:hsl(var(--sf-c-txt-skyblue-80))}html[data-theme='auto'] .sf-c-txt-skyblue\:90,html.auto .sf-c-txt-skyblue\:90{color:hsl(var(--sf-c-txt-skyblue-90))}html[data-theme='auto'] .sf-c-txt-skyblue\:100,html.auto .sf-c-txt-skyblue\:100{color:hsl(var(--sf-c-txt-skyblue-100))}html[data-theme='auto'] .sf-c-txt-skyblue\:dark,html.auto .sf-c-txt-skyblue\:dark{color:hsl(var(--sf-c-txt-skyblue))}html[data-theme='auto'] .sf-c-txt-skyblue\:0\:dark,html.auto .sf-c-txt-skyblue\:0\:dark{color:hsl(var(--sf-c-txt-skyblue-0))}html[data-theme='auto'] .sf-c-txt-skyblue\:10\:dark,html.auto .sf-c-txt-skyblue\:10\:dark{color:hsl(var(--sf-c-txt-skyblue-10))}html[data-theme='auto'] .sf-c-txt-skyblue\:20\:dark,html.auto .sf-c-txt-skyblue\:20\:dark{color:hsl(var(--sf-c-txt-skyblue-20))}html[data-theme='auto'] .sf-c-txt-skyblue\:30\:dark,html.auto .sf-c-txt-skyblue\:30\:dark{color:hsl(var(--sf-c-txt-skyblue-30))}html[data-theme='auto'] .sf-c-txt-skyblue\:40\:dark,html.auto .sf-c-txt-skyblue\:40\:dark{color:hsl(var(--sf-c-txt-skyblue-40))}html[data-theme='auto'] .sf-c-txt-skyblue\:50\:dark,html.auto .sf-c-txt-skyblue\:50\:dark{color:hsl(var(--sf-c-txt-skyblue-50))}html[data-theme='auto'] .sf-c-txt-skyblue\:60\:dark,html.auto .sf-c-txt-skyblue\:60\:dark{color:hsl(var(--sf-c-txt-skyblue-60))}html[data-theme='auto'] .sf-c-txt-skyblue\:70\:dark,html.auto .sf-c-txt-skyblue\:70\:dark{color:hsl(var(--sf-c-txt-skyblue-70))}html[data-theme='auto'] .sf-c-txt-skyblue\:80\:dark,html.auto .sf-c-txt-skyblue\:80\:dark{color:hsl(var(--sf-c-txt-skyblue-80))}html[data-theme='auto'] .sf-c-txt-skyblue\:90\:dark,html.auto .sf-c-txt-skyblue\:90\:dark{color:hsl(var(--sf-c-txt-skyblue-90))}html[data-theme='auto'] .sf-c-txt-skyblue\:100\:dark,html.auto .sf-c-txt-skyblue\:100\:dark{color:hsl(var(--sf-c-txt-skyblue-100))}html.var[data-theme='auto'] .sf-c-skyblue,html.var.auto .sf-c-skyblue{color:hsl(197,71%,90%);background:hsl(197,71%,27%)}html.var[data-theme='auto'] .sf-c-skyblue\:0,html.var.auto .sf-c-skyblue\:0{color:hsl(197,71%,90%);background:hsl(197,71%,100%)}html.var[data-theme='auto'] .sf-c-skyblue\:10,html.var.auto .sf-c-skyblue\:10{color:hsl(197,71%,10%);background:hsl(197,71%,90%)}html.var[data-theme='auto'] .sf-c-skyblue\:20,html.var.auto .sf-c-skyblue\:20{color:hsl(197,71%,10%);background:hsl(197,71%,80%)}html.var[data-theme='auto'] .sf-c-skyblue\:30,html.var.auto .sf-c-skyblue\:30{color:hsl(197,71%,10%);background:hsl(197,71%,70%)}html.var[data-theme='auto'] .sf-c-skyblue\:40,html.var.auto .sf-c-skyblue\:40{color:hsl(197,71%,10%);background:hsl(197,71%,60%)}html.var[data-theme='auto'] .sf-c-skyblue\:50,html.var.auto .sf-c-skyblue\:50{color:hsl(197,71%,10%);background:hsl(197,71%,50%)}html.var[data-theme='auto'] .sf-c-skyblue\:60,html.var.auto .sf-c-skyblue\:60{color:hsl(197,71%,10%);background:hsl(197,71%,40%)}html.var[data-theme='auto'] .sf-c-skyblue\:70,html.var.auto .sf-c-skyblue\:70{color:hsl(197,71%,90%);background:hsl(197,71%,30%)}html.var[data-theme='auto'] .sf-c-skyblue\:80,html.var.auto .sf-c-skyblue\:80{color:hsl(197,71%,90%);background:hsl(197,71%,20%)}html.var[data-theme='auto'] .sf-c-skyblue\:90,html.var.auto .sf-c-skyblue\:90{color:hsl(197,71%,90%);background:hsl(197,71%,10%)}html.var[data-theme='auto'] .sf-c-skyblue\:100,html.var.auto .sf-c-skyblue\:100{color:hsl(197,71%,90%);background:hsl(197,71%,0%)}html.var[data-theme='auto'] .sf-c-skyblue\:dark,html.var.auto .sf-c-skyblue\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,27%)}html.var[data-theme='auto'] .sf-c-skyblue\:0\:dark,html.var.auto .sf-c-skyblue\:0\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,100%)}html.var[data-theme='auto'] .sf-c-skyblue\:10\:dark,html.var.auto .sf-c-skyblue\:10\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,90%)}html.var[data-theme='auto'] .sf-c-skyblue\:20\:dark,html.var.auto .sf-c-skyblue\:20\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,80%)}html.var[data-theme='auto'] .sf-c-skyblue\:30\:dark,html.var.auto .sf-c-skyblue\:30\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,70%)}html.var[data-theme='auto'] .sf-c-skyblue\:40\:dark,html.var.auto .sf-c-skyblue\:40\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,60%)}html.var[data-theme='auto'] .sf-c-skyblue\:50\:dark,html.var.auto .sf-c-skyblue\:50\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,50%)}html.var[data-theme='auto'] .sf-c-skyblue\:60\:dark,html.var.auto .sf-c-skyblue\:60\:dark{color:hsl(197,71%,10%);background:hsl(197,71%,40%)}html.var[data-theme='auto'] .sf-c-skyblue\:70\:dark,html.var.auto .sf-c-skyblue\:70\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,30%)}html.var[data-theme='auto'] .sf-c-skyblue\:80\:dark,html.var.auto .sf-c-skyblue\:80\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,20%)}html.var[data-theme='auto'] .sf-c-skyblue\:90\:dark,html.var.auto .sf-c-skyblue\:90\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,10%)}html.var[data-theme='auto'] .sf-c-skyblue\:100\:dark,html.var.auto .sf-c-skyblue\:100\:dark{color:hsl(197,71%,90%);background:hsl(197,71%,0%)}html.var[data-theme='auto'] .sf-c-txt-skyblue,html.auto .sf-c-txt-skyblue{color:hsl(197,71%,73%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:0,html.auto .sf-c-txt-skyblue\:0{color:hsl(197,71%,0%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:10,html.auto .sf-c-txt-skyblue\:10{color:hsl(197,71%,10%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:20,html.auto .sf-c-txt-skyblue\:20{color:hsl(197,71%,20%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:30,html.auto .sf-c-txt-skyblue\:30{color:hsl(197,71%,30%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:40,html.auto .sf-c-txt-skyblue\:40{color:hsl(197,71%,40%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:50,html.auto .sf-c-txt-skyblue\:50{color:hsl(197,71%,50%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:60,html.auto .sf-c-txt-skyblue\:60{color:hsl(197,71%,60%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:70,html.auto .sf-c-txt-skyblue\:70{color:hsl(197,71%,70%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:80,html.auto .sf-c-txt-skyblue\:80{color:hsl(197,71%,80%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:90,html.auto .sf-c-txt-skyblue\:90{color:hsl(197,71%,90%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:100,html.auto .sf-c-txt-skyblue\:100{color:hsl(197,71%,100%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:dark,html.auto .sf-c-txt-skyblue\:dark{color:hsl(197,71%,73%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:0\:dark,html.auto .sf-c-txt-skyblue\:0\:dark{color:hsl(197,71%,0%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:10\:dark,html.auto .sf-c-txt-skyblue\:10\:dark{color:hsl(197,71%,10%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:20\:dark,html.auto .sf-c-txt-skyblue\:20\:dark{color:hsl(197,71%,20%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:30\:dark,html.auto .sf-c-txt-skyblue\:30\:dark{color:hsl(197,71%,30%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:40\:dark,html.auto .sf-c-txt-skyblue\:40\:dark{color:hsl(197,71%,40%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:50\:dark,html.auto .sf-c-txt-skyblue\:50\:dark{color:hsl(197,71%,50%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:60\:dark,html.auto .sf-c-txt-skyblue\:60\:dark{color:hsl(197,71%,60%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:70\:dark,html.auto .sf-c-txt-skyblue\:70\:dark{color:hsl(197,71%,70%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:80\:dark,html.auto .sf-c-txt-skyblue\:80\:dark{color:hsl(197,71%,80%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:90\:dark,html.auto .sf-c-txt-skyblue\:90\:dark{color:hsl(197,71%,90%)}html.var[data-theme='auto'] .sf-c-txt-skyblue\:100\:dark,html.auto .sf-c-txt-skyblue\:100\:dark{color:hsl(197,71%,100%)}}.sf-c-violet{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet))}.sf-c-violet\:0{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-0))}.sf-c-violet\:10{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-10))}.sf-c-violet\:20{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-20))}.sf-c-violet\:30{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-30))}.sf-c-violet\:40{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-40))}.sf-c-violet\:50{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-50))}.sf-c-violet\:60{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-60))}.sf-c-violet\:70{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-70))}.sf-c-violet\:80{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-80))}.sf-c-violet\:90{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-90))}.sf-c-violet\:100{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-100))}html.var .sf-c-violet{color:hsl(300,76%,10%);background:hsl(300,76%,72%)}html.var .sf-c-violet\:0{color:hsl(300,76%,90%);background:hsl(300,76%,0%)}html.var .sf-c-violet\:10{color:hsl(300,76%,90%);background:hsl(300,76%,10%)}html.var .sf-c-violet\:20{color:hsl(300,76%,90%);background:hsl(300,76%,20%)}html.var .sf-c-violet\:30{color:hsl(300,76%,90%);background:hsl(300,76%,30%)}html.var .sf-c-violet\:40{color:hsl(300,76%,90%);background:hsl(300,76%,40%)}html.var .sf-c-violet\:50{color:hsl(300,76%,90%);background:hsl(300,76%,50%)}html.var .sf-c-violet\:60{color:hsl(300,76%,90%);background:hsl(300,76%,60%)}html.var .sf-c-violet\:70{color:hsl(300,76%,90%);background:hsl(300,76%,70%)}html.var .sf-c-violet\:80{color:hsl(300,76%,10%);background:hsl(300,76%,80%)}html.var .sf-c-violet\:90{color:hsl(300,76%,10%);background:hsl(300,76%,90%)}html.var .sf-c-violet\:100{color:hsl(300,76%,10%);background:hsl(300,76%,100%)}.sf-c-txt-violet{color:hsl(var(--sf-dark-c-txt-violet))}.sf-c-txt-violet\:0{color:hsl(var(--sf-dark-c-txt-violet-100))}.sf-c-txt-violet\:10{color:hsl(var(--sf-dark-c-txt-violet-90))}.sf-c-txt-violet\:20{color:hsl(var(--sf-dark-c-txt-violet-80))}.sf-c-txt-violet\:30{color:hsl(var(--sf-dark-c-txt-violet-70))}.sf-c-txt-violet\:40{color:hsl(var(--sf-dark-c-txt-violet-60))}.sf-c-txt-violet\:50{color:hsl(var(--sf-dark-c-txt-violet-50))}.sf-c-txt-violet\:60{color:hsl(var(--sf-dark-c-txt-violet-40))}.sf-c-txt-violet\:70{color:hsl(var(--sf-dark-c-txt-violet-30))}.sf-c-txt-violet\:80{color:hsl(var(--sf-dark-c-txt-violet-20))}.sf-c-txt-violet\:90{color:hsl(var(--sf-dark-c-txt-violet-10))}.sf-c-txt-violet\:100{color:hsl(var(--sf-dark-c-txt-violet-0))}html.var .sf-c-txt-violet{color:hsl(300,76%,28%)}html.var .sf-c-txt-violet\:0{color:hsl(300,76%,100%)}html.var .sf-c-txt-violet\:10{color:hsl(300,76%,90%)}html.var .sf-c-txt-violet\:20{color:hsl(300,76%,80%)}html.var .sf-c-txt-violet\:30{color:hsl(300,76%,70%)}html.var .sf-c-txt-violet\:40{color:hsl(300,76%,60%)}html.var .sf-c-txt-violet\:50{color:hsl(300,76%,50%)}html.var .sf-c-txt-violet\:60{color:hsl(300,76%,40%)}html.var .sf-c-txt-violet\:70{color:hsl(300,76%,30%)}html.var .sf-c-txt-violet\:80{color:hsl(300,76%,20%)}html.var .sf-c-txt-violet\:90{color:hsl(300,76%,10%)}html.var .sf-c-txt-violet\:100{color:hsl(300,76%,0%)}html[data-theme='dark'] .sf-c-violet,html.dark .sf-c-violet{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet))}html[data-theme='dark'] .sf-c-violet\:0,html.dark .sf-c-violet\:0{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-100))}html[data-theme='dark'] .sf-c-violet\:10,html.dark .sf-c-violet\:10{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-90))}html[data-theme='dark'] .sf-c-violet\:20,html.dark .sf-c-violet\:20{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-80))}html[data-theme='dark'] .sf-c-violet\:30,html.dark .sf-c-violet\:30{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-70))}html[data-theme='dark'] .sf-c-violet\:40,html.dark .sf-c-violet\:40{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-60))}html[data-theme='dark'] .sf-c-violet\:50,html.dark .sf-c-violet\:50{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-50))}html[data-theme='dark'] .sf-c-violet\:60,html.dark .sf-c-violet\:60{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-40))}html[data-theme='dark'] .sf-c-violet\:70,html.dark .sf-c-violet\:70{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-30))}html[data-theme='dark'] .sf-c-violet\:80,html.dark .sf-c-violet\:80{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-20))}html[data-theme='dark'] .sf-c-violet\:90,html.dark .sf-c-violet\:90{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-10))}html[data-theme='dark'] .sf-c-violet\:100,html.dark .sf-c-violet\:100{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-0))}html[data-theme='dark'] .sf-c-violet\:dark,html.dark .sf-c-violet\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet))}html[data-theme='dark'] .sf-c-violet\:0\:dark,html.dark .sf-c-violet\:0\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-100))}html[data-theme='dark'] .sf-c-violet\:10\:dark,html.dark .sf-c-violet\:10\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-90))}html[data-theme='dark'] .sf-c-violet\:20\:dark,html.dark .sf-c-violet\:20\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-80))}html[data-theme='dark'] .sf-c-violet\:30\:dark,html.dark .sf-c-violet\:30\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-70))}html[data-theme='dark'] .sf-c-violet\:40\:dark,html.dark .sf-c-violet\:40\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-60))}html[data-theme='dark'] .sf-c-violet\:50\:dark,html.dark .sf-c-violet\:50\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-50))}html[data-theme='dark'] .sf-c-violet\:60\:dark,html.dark .sf-c-violet\:60\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-40))}html[data-theme='dark'] .sf-c-violet\:70\:dark,html.dark .sf-c-violet\:70\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-30))}html[data-theme='dark'] .sf-c-violet\:80\:dark,html.dark .sf-c-violet\:80\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-20))}html[data-theme='dark'] .sf-c-violet\:90\:dark,html.dark .sf-c-violet\:90\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-10))}html[data-theme='dark'] .sf-c-violet\:100\:dark,html.dark .sf-c-violet\:100\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-0))}html[data-theme='dark'] .sf-c-txt-violet,html.dark .sf-c-txt-violet{color:hsl(var(--sf-c-txt-violet))}html[data-theme='dark'] .sf-c-txt-violet\:0,html.dark .sf-c-txt-violet\:0{color:hsl(var(--sf-c-txt-violet-0))}html[data-theme='dark'] .sf-c-txt-violet\:10,html.dark .sf-c-txt-violet\:10{color:hsl(var(--sf-c-txt-violet-10))}html[data-theme='dark'] .sf-c-txt-violet\:20,html.dark .sf-c-txt-violet\:20{color:hsl(var(--sf-c-txt-violet-20))}html[data-theme='dark'] .sf-c-txt-violet\:30,html.dark .sf-c-txt-violet\:30{color:hsl(var(--sf-c-txt-violet-30))}html[data-theme='dark'] .sf-c-txt-violet\:40,html.dark .sf-c-txt-violet\:40{color:hsl(var(--sf-c-txt-violet-40))}html[data-theme='dark'] .sf-c-txt-violet\:50,html.dark .sf-c-txt-violet\:50{color:hsl(var(--sf-c-txt-violet-50))}html[data-theme='dark'] .sf-c-txt-violet\:60,html.dark .sf-c-txt-violet\:60{color:hsl(var(--sf-c-txt-violet-60))}html[data-theme='dark'] .sf-c-txt-violet\:70,html.dark .sf-c-txt-violet\:70{color:hsl(var(--sf-c-txt-violet-70))}html[data-theme='dark'] .sf-c-txt-violet\:80,html.dark .sf-c-txt-violet\:80{color:hsl(var(--sf-c-txt-violet-80))}html[data-theme='dark'] .sf-c-txt-violet\:90,html.dark .sf-c-txt-violet\:90{color:hsl(var(--sf-c-txt-violet-90))}html[data-theme='dark'] .sf-c-txt-violet\:100,html.dark .sf-c-txt-violet\:100{color:hsl(var(--sf-c-txt-violet-100))}html[data-theme='dark'] .sf-c-txt-violet\:dark,html.dark .sf-c-txt-violet\:dark{color:hsl(var(--sf-c-txt-violet))}html[data-theme='dark'] .sf-c-txt-violet\:0\:dark,html.dark .sf-c-txt-violet\:0\:dark{color:hsl(var(--sf-dark-c-txt-violet-0))}html[data-theme='dark'] .sf-c-txt-violet\:10\:dark,html.dark .sf-c-txt-violet\:10\:dark{color:hsl(var(--sf-dark-c-txt-violet-10))}html[data-theme='dark'] .sf-c-txt-violet\:20\:dark,html.dark .sf-c-txt-violet\:20\:dark{color:hsl(var(--sf-dark-c-txt-violet-20))}html[data-theme='dark'] .sf-c-txt-violet\:30\:dark,html.dark .sf-c-txt-violet\:30\:dark{color:hsl(var(--sf-dark-c-txt-violet-30))}html[data-theme='dark'] .sf-c-txt-violet\:40\:dark,html.dark .sf-c-txt-violet\:40\:dark{color:hsl(var(--sf-dark-c-txt-violet-40))}html[data-theme='dark'] .sf-c-txt-violet\:50\:dark,html.dark .sf-c-txt-violet\:50\:dark{color:hsl(var(--sf-dark-c-txt-violet-50))}html[data-theme='dark'] .sf-c-txt-violet\:60\:dark,html.dark .sf-c-txt-violet\:60\:dark{color:hsl(var(--sf-dark-c-txt-violet-60))}html[data-theme='dark'] .sf-c-txt-violet\:70\:dark,html.dark .sf-c-txt-violet\:70\:dark{color:hsl(var(--sf-dark-c-txt-violet-70))}html[data-theme='dark'] .sf-c-txt-violet\:80\:dark,html.dark .sf-c-txt-violet\:80\:dark{color:hsl(var(--sf-dark-c-txt-violet-80))}html[data-theme='dark'] .sf-c-txt-violet\:90\:dark,html.dark .sf-c-txt-violet\:90\:dark{color:hsl(var(--sf-dark-c-txt-violet-90))}html[data-theme='dark'] .sf-c-txt-violet\:100\:dark,html.dark .sf-c-txt-violet\:100\:dark{color:hsl(var(--sf-dark-c-txt-violet-100))}html.var[data-theme='dark'] .sf-c-violet,html.var.dark .sf-c-violet{color:hsl(300,76%,90%);background:hsl(300,76%,28%)}html.var[data-theme='dark'] .sf-c-violet\:0,html.var.dark .sf-c-violet\:0{color:hsl(300,76%,90%);background:hsl(300,76%,100%)}html.var[data-theme='dark'] .sf-c-violet\:10,html.var.dark .sf-c-violet\:10{color:hsl(300,76%,10%);background:hsl(300,76%,90%)}html.var[data-theme='dark'] .sf-c-violet\:20,html.var.dark .sf-c-violet\:20{color:hsl(300,76%,10%);background:hsl(300,76%,80%)}html.var[data-theme='dark'] .sf-c-violet\:30,html.var.dark .sf-c-violet\:30{color:hsl(300,76%,10%);background:hsl(300,76%,70%)}html.var[data-theme='dark'] .sf-c-violet\:40,html.var.dark .sf-c-violet\:40{color:hsl(300,76%,10%);background:hsl(300,76%,60%)}html.var[data-theme='dark'] .sf-c-violet\:50,html.var.dark .sf-c-violet\:50{color:hsl(300,76%,90%);background:hsl(300,76%,50%)}html.var[data-theme='dark'] .sf-c-violet\:60,html.var.dark .sf-c-violet\:60{color:hsl(300,76%,90%);background:hsl(300,76%,40%)}html.var[data-theme='dark'] .sf-c-violet\:70,html.var.dark .sf-c-violet\:70{color:hsl(300,76%,90%);background:hsl(300,76%,30%)}html.var[data-theme='dark'] .sf-c-violet\:80,html.var.dark .sf-c-violet\:80{color:hsl(300,76%,90%);background:hsl(300,76%,20%)}html.var[data-theme='dark'] .sf-c-violet\:90,html.var.dark .sf-c-violet\:90{color:hsl(300,76%,90%);background:hsl(300,76%,10%)}html.var[data-theme='dark'] .sf-c-violet\:100,html.var.dark .sf-c-violet\:100{color:hsl(300,76%,90%);background:hsl(300,76%,0%)}html.var[data-theme='dark'] .sf-c-violet\:dark,html.var.dark .sf-c-violet\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,28%)}html.var[data-theme='dark'] .sf-c-violet\:0\:dark,html.var.dark .sf-c-violet\:0\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,100%)}html.var[data-theme='dark'] .sf-c-violet\:10\:dark,html.var.dark .sf-c-violet\:10\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,90%)}html.var[data-theme='dark'] .sf-c-violet\:20\:dark,html.var.dark .sf-c-violet\:20\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,80%)}html.var[data-theme='dark'] .sf-c-violet\:30\:dark,html.var.dark .sf-c-violet\:30\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,70%)}html.var[data-theme='dark'] .sf-c-violet\:40\:dark,html.var.dark .sf-c-violet\:40\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,60%)}html.var[data-theme='dark'] .sf-c-violet\:50\:dark,html.var.dark .sf-c-violet\:50\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,50%)}html.var[data-theme='dark'] .sf-c-violet\:60\:dark,html.var.dark .sf-c-violet\:60\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,40%)}html.var[data-theme='dark'] .sf-c-violet\:70\:dark,html.var.dark .sf-c-violet\:70\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,30%)}html.var[data-theme='dark'] .sf-c-violet\:80\:dark,html.var.dark .sf-c-violet\:80\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,20%)}html.var[data-theme='dark'] .sf-c-violet\:90\:dark,html.var.dark .sf-c-violet\:90\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,10%)}html.var[data-theme='dark'] .sf-c-violet\:100\:dark,html.var.dark .sf-c-violet\:100\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,0%)}html.var[data-theme='dark'] .sf-c-txt-violet,html.dark .sf-c-txt-violet{color:hsl(300,76%,72%)}html.var[data-theme='dark'] .sf-c-txt-violet\:0,html.dark .sf-c-txt-violet\:0{color:hsl(300,76%,0%)}html.var[data-theme='dark'] .sf-c-txt-violet\:10,html.dark .sf-c-txt-violet\:10{color:hsl(300,76%,10%)}html.var[data-theme='dark'] .sf-c-txt-violet\:20,html.dark .sf-c-txt-violet\:20{color:hsl(300,76%,20%)}html.var[data-theme='dark'] .sf-c-txt-violet\:30,html.dark .sf-c-txt-violet\:30{color:hsl(300,76%,30%)}html.var[data-theme='dark'] .sf-c-txt-violet\:40,html.dark .sf-c-txt-violet\:40{color:hsl(300,76%,40%)}html.var[data-theme='dark'] .sf-c-txt-violet\:50,html.dark .sf-c-txt-violet\:50{color:hsl(300,76%,50%)}html.var[data-theme='dark'] .sf-c-txt-violet\:60,html.dark .sf-c-txt-violet\:60{color:hsl(300,76%,60%)}html.var[data-theme='dark'] .sf-c-txt-violet\:70,html.dark .sf-c-txt-violet\:70{color:hsl(300,76%,70%)}html.var[data-theme='dark'] .sf-c-txt-violet\:80,html.dark .sf-c-txt-violet\:80{color:hsl(300,76%,80%)}html.var[data-theme='dark'] .sf-c-txt-violet\:90,html.dark .sf-c-txt-violet\:90{color:hsl(300,76%,90%)}html.var[data-theme='dark'] .sf-c-txt-violet\:100,html.dark .sf-c-txt-violet\:100{color:hsl(300,76%,100%)}html.var[data-theme='dark'] .sf-c-txt-violet\:dark,html.dark .sf-c-txt-violet\:dark{color:hsl(300,76%,72%)}html.var[data-theme='dark'] .sf-c-txt-violet\:0\:dark,html.dark .sf-c-txt-violet\:0\:dark{color:hsl(300,76%,0%)}html.var[data-theme='dark'] .sf-c-txt-violet\:10\:dark,html.dark .sf-c-txt-violet\:10\:dark{color:hsl(300,76%,10%)}html.var[data-theme='dark'] .sf-c-txt-violet\:20\:dark,html.dark .sf-c-txt-violet\:20\:dark{color:hsl(300,76%,20%)}html.var[data-theme='dark'] .sf-c-txt-violet\:30\:dark,html.dark .sf-c-txt-violet\:30\:dark{color:hsl(300,76%,30%)}html.var[data-theme='dark'] .sf-c-txt-violet\:40\:dark,html.dark .sf-c-txt-violet\:40\:dark{color:hsl(300,76%,40%)}html.var[data-theme='dark'] .sf-c-txt-violet\:50\:dark,html.dark .sf-c-txt-violet\:50\:dark{color:hsl(300,76%,50%)}html.var[data-theme='dark'] .sf-c-txt-violet\:60\:dark,html.dark .sf-c-txt-violet\:60\:dark{color:hsl(300,76%,60%)}html.var[data-theme='dark'] .sf-c-txt-violet\:70\:dark,html.dark .sf-c-txt-violet\:70\:dark{color:hsl(300,76%,70%)}html.var[data-theme='dark'] .sf-c-txt-violet\:80\:dark,html.dark .sf-c-txt-violet\:80\:dark{color:hsl(300,76%,80%)}html.var[data-theme='dark'] .sf-c-txt-violet\:90\:dark,html.dark .sf-c-txt-violet\:90\:dark{color:hsl(300,76%,90%)}html.var[data-theme='dark'] .sf-c-txt-violet\:100\:dark,html.dark .sf-c-txt-violet\:100\:dark{color:hsl(300,76%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-violet,html.auto .sf-c-violet{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet))}html[data-theme='auto'] .sf-c-violet\:0,html.auto .sf-c-violet\:0{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-100))}html[data-theme='auto'] .sf-c-violet\:10,html.auto .sf-c-violet\:10{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-90))}html[data-theme='auto'] .sf-c-violet\:20,html.auto .sf-c-violet\:20{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-80))}html[data-theme='auto'] .sf-c-violet\:30,html.auto .sf-c-violet\:30{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-70))}html[data-theme='auto'] .sf-c-violet\:40,html.auto .sf-c-violet\:40{color:hsl(var(--sf-dark-c-txt-violet-10));background:hsl(var(--sf-dark-c-violet-60))}html[data-theme='auto'] .sf-c-violet\:50,html.auto .sf-c-violet\:50{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-50))}html[data-theme='auto'] .sf-c-violet\:60,html.auto .sf-c-violet\:60{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-40))}html[data-theme='auto'] .sf-c-violet\:70,html.auto .sf-c-violet\:70{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-30))}html[data-theme='auto'] .sf-c-violet\:80,html.auto .sf-c-violet\:80{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-20))}html[data-theme='auto'] .sf-c-violet\:90,html.auto .sf-c-violet\:90{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-10))}html[data-theme='auto'] .sf-c-violet\:100,html.auto .sf-c-violet\:100{color:hsl(var(--sf-dark-c-txt-violet-90));background:hsl(var(--sf-dark-c-violet-0))}html[data-theme='auto'] .sf-c-violet\:dark,html.auto .sf-c-violet\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet))}html[data-theme='auto'] .sf-c-violet\:0\:dark,html.auto .sf-c-violet\:0\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-100))}html[data-theme='auto'] .sf-c-violet\:10\:dark,html.auto .sf-c-violet\:10\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-90))}html[data-theme='auto'] .sf-c-violet\:20\:dark,html.auto .sf-c-violet\:20\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-80))}html[data-theme='auto'] .sf-c-violet\:30\:dark,html.auto .sf-c-violet\:30\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-70))}html[data-theme='auto'] .sf-c-violet\:40\:dark,html.auto .sf-c-violet\:40\:dark{color:hsl(var(--sf-c-txt-violet-10));background:hsl(var(--sf-c-violet-60))}html[data-theme='auto'] .sf-c-violet\:50\:dark,html.auto .sf-c-violet\:50\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-50))}html[data-theme='auto'] .sf-c-violet\:60\:dark,html.auto .sf-c-violet\:60\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-40))}html[data-theme='auto'] .sf-c-violet\:70\:dark,html.auto .sf-c-violet\:70\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-30))}html[data-theme='auto'] .sf-c-violet\:80\:dark,html.auto .sf-c-violet\:80\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-20))}html[data-theme='auto'] .sf-c-violet\:90\:dark,html.auto .sf-c-violet\:90\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-10))}html[data-theme='auto'] .sf-c-violet\:100\:dark,html.auto .sf-c-violet\:100\:dark{color:hsl(var(--sf-c-txt-violet-90));background:hsl(var(--sf-c-violet-0))}html[data-theme='auto'] .sf-c-txt-violet,html.auto .sf-c-txt-violet{color:hsl(var(--sf-c-txt-violet))}html[data-theme='auto'] .sf-c-txt-violet\:0,html.auto .sf-c-txt-violet\:0{color:hsl(var(--sf-c-txt-violet-0))}html[data-theme='auto'] .sf-c-txt-violet\:10,html.auto .sf-c-txt-violet\:10{color:hsl(var(--sf-c-txt-violet-10))}html[data-theme='auto'] .sf-c-txt-violet\:20,html.auto .sf-c-txt-violet\:20{color:hsl(var(--sf-c-txt-violet-20))}html[data-theme='auto'] .sf-c-txt-violet\:30,html.auto .sf-c-txt-violet\:30{color:hsl(var(--sf-c-txt-violet-30))}html[data-theme='auto'] .sf-c-txt-violet\:40,html.auto .sf-c-txt-violet\:40{color:hsl(var(--sf-c-txt-violet-40))}html[data-theme='auto'] .sf-c-txt-violet\:50,html.auto .sf-c-txt-violet\:50{color:hsl(var(--sf-c-txt-violet-50))}html[data-theme='auto'] .sf-c-txt-violet\:60,html.auto .sf-c-txt-violet\:60{color:hsl(var(--sf-c-txt-violet-60))}html[data-theme='auto'] .sf-c-txt-violet\:70,html.auto .sf-c-txt-violet\:70{color:hsl(var(--sf-c-txt-violet-70))}html[data-theme='auto'] .sf-c-txt-violet\:80,html.auto .sf-c-txt-violet\:80{color:hsl(var(--sf-c-txt-violet-80))}html[data-theme='auto'] .sf-c-txt-violet\:90,html.auto .sf-c-txt-violet\:90{color:hsl(var(--sf-c-txt-violet-90))}html[data-theme='auto'] .sf-c-txt-violet\:100,html.auto .sf-c-txt-violet\:100{color:hsl(var(--sf-c-txt-violet-100))}html[data-theme='auto'] .sf-c-txt-violet\:dark,html.auto .sf-c-txt-violet\:dark{color:hsl(var(--sf-c-txt-violet))}html[data-theme='auto'] .sf-c-txt-violet\:0\:dark,html.auto .sf-c-txt-violet\:0\:dark{color:hsl(var(--sf-c-txt-violet-0))}html[data-theme='auto'] .sf-c-txt-violet\:10\:dark,html.auto .sf-c-txt-violet\:10\:dark{color:hsl(var(--sf-c-txt-violet-10))}html[data-theme='auto'] .sf-c-txt-violet\:20\:dark,html.auto .sf-c-txt-violet\:20\:dark{color:hsl(var(--sf-c-txt-violet-20))}html[data-theme='auto'] .sf-c-txt-violet\:30\:dark,html.auto .sf-c-txt-violet\:30\:dark{color:hsl(var(--sf-c-txt-violet-30))}html[data-theme='auto'] .sf-c-txt-violet\:40\:dark,html.auto .sf-c-txt-violet\:40\:dark{color:hsl(var(--sf-c-txt-violet-40))}html[data-theme='auto'] .sf-c-txt-violet\:50\:dark,html.auto .sf-c-txt-violet\:50\:dark{color:hsl(var(--sf-c-txt-violet-50))}html[data-theme='auto'] .sf-c-txt-violet\:60\:dark,html.auto .sf-c-txt-violet\:60\:dark{color:hsl(var(--sf-c-txt-violet-60))}html[data-theme='auto'] .sf-c-txt-violet\:70\:dark,html.auto .sf-c-txt-violet\:70\:dark{color:hsl(var(--sf-c-txt-violet-70))}html[data-theme='auto'] .sf-c-txt-violet\:80\:dark,html.auto .sf-c-txt-violet\:80\:dark{color:hsl(var(--sf-c-txt-violet-80))}html[data-theme='auto'] .sf-c-txt-violet\:90\:dark,html.auto .sf-c-txt-violet\:90\:dark{color:hsl(var(--sf-c-txt-violet-90))}html[data-theme='auto'] .sf-c-txt-violet\:100\:dark,html.auto .sf-c-txt-violet\:100\:dark{color:hsl(var(--sf-c-txt-violet-100))}html.var[data-theme='auto'] .sf-c-violet,html.var.auto .sf-c-violet{color:hsl(300,76%,90%);background:hsl(300,76%,28%)}html.var[data-theme='auto'] .sf-c-violet\:0,html.var.auto .sf-c-violet\:0{color:hsl(300,76%,90%);background:hsl(300,76%,100%)}html.var[data-theme='auto'] .sf-c-violet\:10,html.var.auto .sf-c-violet\:10{color:hsl(300,76%,10%);background:hsl(300,76%,90%)}html.var[data-theme='auto'] .sf-c-violet\:20,html.var.auto .sf-c-violet\:20{color:hsl(300,76%,10%);background:hsl(300,76%,80%)}html.var[data-theme='auto'] .sf-c-violet\:30,html.var.auto .sf-c-violet\:30{color:hsl(300,76%,10%);background:hsl(300,76%,70%)}html.var[data-theme='auto'] .sf-c-violet\:40,html.var.auto .sf-c-violet\:40{color:hsl(300,76%,10%);background:hsl(300,76%,60%)}html.var[data-theme='auto'] .sf-c-violet\:50,html.var.auto .sf-c-violet\:50{color:hsl(300,76%,90%);background:hsl(300,76%,50%)}html.var[data-theme='auto'] .sf-c-violet\:60,html.var.auto .sf-c-violet\:60{color:hsl(300,76%,90%);background:hsl(300,76%,40%)}html.var[data-theme='auto'] .sf-c-violet\:70,html.var.auto .sf-c-violet\:70{color:hsl(300,76%,90%);background:hsl(300,76%,30%)}html.var[data-theme='auto'] .sf-c-violet\:80,html.var.auto .sf-c-violet\:80{color:hsl(300,76%,90%);background:hsl(300,76%,20%)}html.var[data-theme='auto'] .sf-c-violet\:90,html.var.auto .sf-c-violet\:90{color:hsl(300,76%,90%);background:hsl(300,76%,10%)}html.var[data-theme='auto'] .sf-c-violet\:100,html.var.auto .sf-c-violet\:100{color:hsl(300,76%,90%);background:hsl(300,76%,0%)}html.var[data-theme='auto'] .sf-c-violet\:dark,html.var.auto .sf-c-violet\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,28%)}html.var[data-theme='auto'] .sf-c-violet\:0\:dark,html.var.auto .sf-c-violet\:0\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,100%)}html.var[data-theme='auto'] .sf-c-violet\:10\:dark,html.var.auto .sf-c-violet\:10\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,90%)}html.var[data-theme='auto'] .sf-c-violet\:20\:dark,html.var.auto .sf-c-violet\:20\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,80%)}html.var[data-theme='auto'] .sf-c-violet\:30\:dark,html.var.auto .sf-c-violet\:30\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,70%)}html.var[data-theme='auto'] .sf-c-violet\:40\:dark,html.var.auto .sf-c-violet\:40\:dark{color:hsl(300,76%,10%);background:hsl(300,76%,60%)}html.var[data-theme='auto'] .sf-c-violet\:50\:dark,html.var.auto .sf-c-violet\:50\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,50%)}html.var[data-theme='auto'] .sf-c-violet\:60\:dark,html.var.auto .sf-c-violet\:60\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,40%)}html.var[data-theme='auto'] .sf-c-violet\:70\:dark,html.var.auto .sf-c-violet\:70\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,30%)}html.var[data-theme='auto'] .sf-c-violet\:80\:dark,html.var.auto .sf-c-violet\:80\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,20%)}html.var[data-theme='auto'] .sf-c-violet\:90\:dark,html.var.auto .sf-c-violet\:90\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,10%)}html.var[data-theme='auto'] .sf-c-violet\:100\:dark,html.var.auto .sf-c-violet\:100\:dark{color:hsl(300,76%,90%);background:hsl(300,76%,0%)}html.var[data-theme='auto'] .sf-c-txt-violet,html.auto .sf-c-txt-violet{color:hsl(300,76%,72%)}html.var[data-theme='auto'] .sf-c-txt-violet\:0,html.auto .sf-c-txt-violet\:0{color:hsl(300,76%,0%)}html.var[data-theme='auto'] .sf-c-txt-violet\:10,html.auto .sf-c-txt-violet\:10{color:hsl(300,76%,10%)}html.var[data-theme='auto'] .sf-c-txt-violet\:20,html.auto .sf-c-txt-violet\:20{color:hsl(300,76%,20%)}html.var[data-theme='auto'] .sf-c-txt-violet\:30,html.auto .sf-c-txt-violet\:30{color:hsl(300,76%,30%)}html.var[data-theme='auto'] .sf-c-txt-violet\:40,html.auto .sf-c-txt-violet\:40{color:hsl(300,76%,40%)}html.var[data-theme='auto'] .sf-c-txt-violet\:50,html.auto .sf-c-txt-violet\:50{color:hsl(300,76%,50%)}html.var[data-theme='auto'] .sf-c-txt-violet\:60,html.auto .sf-c-txt-violet\:60{color:hsl(300,76%,60%)}html.var[data-theme='auto'] .sf-c-txt-violet\:70,html.auto .sf-c-txt-violet\:70{color:hsl(300,76%,70%)}html.var[data-theme='auto'] .sf-c-txt-violet\:80,html.auto .sf-c-txt-violet\:80{color:hsl(300,76%,80%)}html.var[data-theme='auto'] .sf-c-txt-violet\:90,html.auto .sf-c-txt-violet\:90{color:hsl(300,76%,90%)}html.var[data-theme='auto'] .sf-c-txt-violet\:100,html.auto .sf-c-txt-violet\:100{color:hsl(300,76%,100%)}html.var[data-theme='auto'] .sf-c-txt-violet\:dark,html.auto .sf-c-txt-violet\:dark{color:hsl(300,76%,72%)}html.var[data-theme='auto'] .sf-c-txt-violet\:0\:dark,html.auto .sf-c-txt-violet\:0\:dark{color:hsl(300,76%,0%)}html.var[data-theme='auto'] .sf-c-txt-violet\:10\:dark,html.auto .sf-c-txt-violet\:10\:dark{color:hsl(300,76%,10%)}html.var[data-theme='auto'] .sf-c-txt-violet\:20\:dark,html.auto .sf-c-txt-violet\:20\:dark{color:hsl(300,76%,20%)}html.var[data-theme='auto'] .sf-c-txt-violet\:30\:dark,html.auto .sf-c-txt-violet\:30\:dark{color:hsl(300,76%,30%)}html.var[data-theme='auto'] .sf-c-txt-violet\:40\:dark,html.auto .sf-c-txt-violet\:40\:dark{color:hsl(300,76%,40%)}html.var[data-theme='auto'] .sf-c-txt-violet\:50\:dark,html.auto .sf-c-txt-violet\:50\:dark{color:hsl(300,76%,50%)}html.var[data-theme='auto'] .sf-c-txt-violet\:60\:dark,html.auto .sf-c-txt-violet\:60\:dark{color:hsl(300,76%,60%)}html.var[data-theme='auto'] .sf-c-txt-violet\:70\:dark,html.auto .sf-c-txt-violet\:70\:dark{color:hsl(300,76%,70%)}html.var[data-theme='auto'] .sf-c-txt-violet\:80\:dark,html.auto .sf-c-txt-violet\:80\:dark{color:hsl(300,76%,80%)}html.var[data-theme='auto'] .sf-c-txt-violet\:90\:dark,html.auto .sf-c-txt-violet\:90\:dark{color:hsl(300,76%,90%)}html.var[data-theme='auto'] .sf-c-txt-violet\:100\:dark,html.auto .sf-c-txt-violet\:100\:dark{color:hsl(300,76%,100%)}}.sf-c-yellow{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow))}.sf-c-yellow\:0{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-0))}.sf-c-yellow\:10{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-10))}.sf-c-yellow\:20{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-20))}.sf-c-yellow\:30{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-30))}.sf-c-yellow\:40{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-40))}.sf-c-yellow\:50{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-50))}.sf-c-yellow\:60{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-60))}.sf-c-yellow\:70{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-70))}.sf-c-yellow\:80{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-80))}.sf-c-yellow\:90{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-90))}.sf-c-yellow\:100{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-100))}html.var .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var .sf-c-yellow\:0{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var .sf-c-yellow\:10{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var .sf-c-yellow\:20{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var .sf-c-yellow\:30{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html.var .sf-c-yellow\:40{color:hsl(60,100%,90%);background:hsl(60,100%,40%)}html.var .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var .sf-c-yellow\:70{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var .sf-c-yellow\:80{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var .sf-c-yellow\:90{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var .sf-c-yellow\:100{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}.sf-c-txt-yellow{color:hsl(var(--sf-dark-c-txt-yellow))}.sf-c-txt-yellow\:0{color:hsl(var(--sf-dark-c-txt-yellow-100))}.sf-c-txt-yellow\:10{color:hsl(var(--sf-dark-c-txt-yellow-90))}.sf-c-txt-yellow\:20{color:hsl(var(--sf-dark-c-txt-yellow-80))}.sf-c-txt-yellow\:30{color:hsl(var(--sf-dark-c-txt-yellow-70))}.sf-c-txt-yellow\:40{color:hsl(var(--sf-dark-c-txt-yellow-60))}.sf-c-txt-yellow\:50{color:hsl(var(--sf-dark-c-txt-yellow-50))}.sf-c-txt-yellow\:60{color:hsl(var(--sf-dark-c-txt-yellow-40))}.sf-c-txt-yellow\:70{color:hsl(var(--sf-dark-c-txt-yellow-30))}.sf-c-txt-yellow\:80{color:hsl(var(--sf-dark-c-txt-yellow-20))}.sf-c-txt-yellow\:90{color:hsl(var(--sf-dark-c-txt-yellow-10))}.sf-c-txt-yellow\:100{color:hsl(var(--sf-dark-c-txt-yellow-0))}html.var .sf-c-txt-yellow{color:hsl(60,100%,50%)}html.var .sf-c-txt-yellow\:0{color:hsl(60,100%,100%)}html.var .sf-c-txt-yellow\:10{color:hsl(60,100%,90%)}html.var .sf-c-txt-yellow\:20{color:hsl(60,100%,80%)}html.var .sf-c-txt-yellow\:30{color:hsl(60,100%,70%)}html.var .sf-c-txt-yellow\:40{color:hsl(60,100%,60%)}html.var .sf-c-txt-yellow\:50{color:hsl(60,100%,50%)}html.var .sf-c-txt-yellow\:60{color:hsl(60,100%,40%)}html.var .sf-c-txt-yellow\:70{color:hsl(60,100%,30%)}html.var .sf-c-txt-yellow\:80{color:hsl(60,100%,20%)}html.var .sf-c-txt-yellow\:90{color:hsl(60,100%,10%)}html.var .sf-c-txt-yellow\:100{color:hsl(60,100%,0%)}html[data-theme='dark'] .sf-c-yellow,html.dark .sf-c-yellow{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow))}html[data-theme='dark'] .sf-c-yellow\:0,html.dark .sf-c-yellow\:0{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-100))}html[data-theme='dark'] .sf-c-yellow\:10,html.dark .sf-c-yellow\:10{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-90))}html[data-theme='dark'] .sf-c-yellow\:20,html.dark .sf-c-yellow\:20{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-80))}html[data-theme='dark'] .sf-c-yellow\:30,html.dark .sf-c-yellow\:30{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-70))}html[data-theme='dark'] .sf-c-yellow\:40,html.dark .sf-c-yellow\:40{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-60))}html[data-theme='dark'] .sf-c-yellow\:50,html.dark .sf-c-yellow\:50{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-50))}html[data-theme='dark'] .sf-c-yellow\:60,html.dark .sf-c-yellow\:60{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-40))}html[data-theme='dark'] .sf-c-yellow\:70,html.dark .sf-c-yellow\:70{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-30))}html[data-theme='dark'] .sf-c-yellow\:80,html.dark .sf-c-yellow\:80{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-20))}html[data-theme='dark'] .sf-c-yellow\:90,html.dark .sf-c-yellow\:90{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-10))}html[data-theme='dark'] .sf-c-yellow\:100,html.dark .sf-c-yellow\:100{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-0))}html[data-theme='dark'] .sf-c-yellow\:dark,html.dark .sf-c-yellow\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow))}html[data-theme='dark'] .sf-c-yellow\:0\:dark,html.dark .sf-c-yellow\:0\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-100))}html[data-theme='dark'] .sf-c-yellow\:10\:dark,html.dark .sf-c-yellow\:10\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-90))}html[data-theme='dark'] .sf-c-yellow\:20\:dark,html.dark .sf-c-yellow\:20\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-80))}html[data-theme='dark'] .sf-c-yellow\:30\:dark,html.dark .sf-c-yellow\:30\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-70))}html[data-theme='dark'] .sf-c-yellow\:40\:dark,html.dark .sf-c-yellow\:40\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-60))}html[data-theme='dark'] .sf-c-yellow\:50\:dark,html.dark .sf-c-yellow\:50\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-50))}html[data-theme='dark'] .sf-c-yellow\:60\:dark,html.dark .sf-c-yellow\:60\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-40))}html[data-theme='dark'] .sf-c-yellow\:70\:dark,html.dark .sf-c-yellow\:70\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-30))}html[data-theme='dark'] .sf-c-yellow\:80\:dark,html.dark .sf-c-yellow\:80\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-20))}html[data-theme='dark'] .sf-c-yellow\:90\:dark,html.dark .sf-c-yellow\:90\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-10))}html[data-theme='dark'] .sf-c-yellow\:100\:dark,html.dark .sf-c-yellow\:100\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-0))}html[data-theme='dark'] .sf-c-txt-yellow,html.dark .sf-c-txt-yellow{color:hsl(var(--sf-c-txt-yellow))}html[data-theme='dark'] .sf-c-txt-yellow\:0,html.dark .sf-c-txt-yellow\:0{color:hsl(var(--sf-c-txt-yellow-0))}html[data-theme='dark'] .sf-c-txt-yellow\:10,html.dark .sf-c-txt-yellow\:10{color:hsl(var(--sf-c-txt-yellow-10))}html[data-theme='dark'] .sf-c-txt-yellow\:20,html.dark .sf-c-txt-yellow\:20{color:hsl(var(--sf-c-txt-yellow-20))}html[data-theme='dark'] .sf-c-txt-yellow\:30,html.dark .sf-c-txt-yellow\:30{color:hsl(var(--sf-c-txt-yellow-30))}html[data-theme='dark'] .sf-c-txt-yellow\:40,html.dark .sf-c-txt-yellow\:40{color:hsl(var(--sf-c-txt-yellow-40))}html[data-theme='dark'] .sf-c-txt-yellow\:50,html.dark .sf-c-txt-yellow\:50{color:hsl(var(--sf-c-txt-yellow-50))}html[data-theme='dark'] .sf-c-txt-yellow\:60,html.dark .sf-c-txt-yellow\:60{color:hsl(var(--sf-c-txt-yellow-60))}html[data-theme='dark'] .sf-c-txt-yellow\:70,html.dark .sf-c-txt-yellow\:70{color:hsl(var(--sf-c-txt-yellow-70))}html[data-theme='dark'] .sf-c-txt-yellow\:80,html.dark .sf-c-txt-yellow\:80{color:hsl(var(--sf-c-txt-yellow-80))}html[data-theme='dark'] .sf-c-txt-yellow\:90,html.dark .sf-c-txt-yellow\:90{color:hsl(var(--sf-c-txt-yellow-90))}html[data-theme='dark'] .sf-c-txt-yellow\:100,html.dark .sf-c-txt-yellow\:100{color:hsl(var(--sf-c-txt-yellow-100))}html[data-theme='dark'] .sf-c-txt-yellow\:dark,html.dark .sf-c-txt-yellow\:dark{color:hsl(var(--sf-c-txt-yellow))}html[data-theme='dark'] .sf-c-txt-yellow\:0\:dark,html.dark .sf-c-txt-yellow\:0\:dark{color:hsl(var(--sf-dark-c-txt-yellow-0))}html[data-theme='dark'] .sf-c-txt-yellow\:10\:dark,html.dark .sf-c-txt-yellow\:10\:dark{color:hsl(var(--sf-dark-c-txt-yellow-10))}html[data-theme='dark'] .sf-c-txt-yellow\:20\:dark,html.dark .sf-c-txt-yellow\:20\:dark{color:hsl(var(--sf-dark-c-txt-yellow-20))}html[data-theme='dark'] .sf-c-txt-yellow\:30\:dark,html.dark .sf-c-txt-yellow\:30\:dark{color:hsl(var(--sf-dark-c-txt-yellow-30))}html[data-theme='dark'] .sf-c-txt-yellow\:40\:dark,html.dark .sf-c-txt-yellow\:40\:dark{color:hsl(var(--sf-dark-c-txt-yellow-40))}html[data-theme='dark'] .sf-c-txt-yellow\:50\:dark,html.dark .sf-c-txt-yellow\:50\:dark{color:hsl(var(--sf-dark-c-txt-yellow-50))}html[data-theme='dark'] .sf-c-txt-yellow\:60\:dark,html.dark .sf-c-txt-yellow\:60\:dark{color:hsl(var(--sf-dark-c-txt-yellow-60))}html[data-theme='dark'] .sf-c-txt-yellow\:70\:dark,html.dark .sf-c-txt-yellow\:70\:dark{color:hsl(var(--sf-dark-c-txt-yellow-70))}html[data-theme='dark'] .sf-c-txt-yellow\:80\:dark,html.dark .sf-c-txt-yellow\:80\:dark{color:hsl(var(--sf-dark-c-txt-yellow-80))}html[data-theme='dark'] .sf-c-txt-yellow\:90\:dark,html.dark .sf-c-txt-yellow\:90\:dark{color:hsl(var(--sf-dark-c-txt-yellow-90))}html[data-theme='dark'] .sf-c-txt-yellow\:100\:dark,html.dark .sf-c-txt-yellow\:100\:dark{color:hsl(var(--sf-dark-c-txt-yellow-100))}html.var[data-theme='dark'] .sf-c-yellow,html.var.dark .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:0,html.var.dark .sf-c-yellow\:0{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='dark'] .sf-c-yellow\:10,html.var.dark .sf-c-yellow\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-yellow\:20,html.var.dark .sf-c-yellow\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-yellow\:30,html.var.dark .sf-c-yellow\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-yellow\:40,html.var.dark .sf-c-yellow\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-yellow\:50,html.var.dark .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:60,html.var.dark .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-yellow\:70,html.var.dark .sf-c-yellow\:70{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-yellow\:80,html.var.dark .sf-c-yellow\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-yellow\:90,html.var.dark .sf-c-yellow\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-yellow\:100,html.var.dark .sf-c-yellow\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='dark'] .sf-c-yellow\:dark,html.var.dark .sf-c-yellow\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:0\:dark,html.var.dark .sf-c-yellow\:0\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='dark'] .sf-c-yellow\:10\:dark,html.var.dark .sf-c-yellow\:10\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-yellow\:20\:dark,html.var.dark .sf-c-yellow\:20\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-yellow\:30\:dark,html.var.dark .sf-c-yellow\:30\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-yellow\:40\:dark,html.var.dark .sf-c-yellow\:40\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-yellow\:50\:dark,html.var.dark .sf-c-yellow\:50\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:60\:dark,html.var.dark .sf-c-yellow\:60\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-yellow\:70\:dark,html.var.dark .sf-c-yellow\:70\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-yellow\:80\:dark,html.var.dark .sf-c-yellow\:80\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-yellow\:90\:dark,html.var.dark .sf-c-yellow\:90\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-yellow\:100\:dark,html.var.dark .sf-c-yellow\:100\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-yellow,html.dark .sf-c-txt-yellow{color:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:0,html.dark .sf-c-txt-yellow\:0{color:hsl(60,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:10,html.dark .sf-c-txt-yellow\:10{color:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:20,html.dark .sf-c-txt-yellow\:20{color:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:30,html.dark .sf-c-txt-yellow\:30{color:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:40,html.dark .sf-c-txt-yellow\:40{color:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:50,html.dark .sf-c-txt-yellow\:50{color:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:60,html.dark .sf-c-txt-yellow\:60{color:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:70,html.dark .sf-c-txt-yellow\:70{color:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:80,html.dark .sf-c-txt-yellow\:80{color:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:90,html.dark .sf-c-txt-yellow\:90{color:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:100,html.dark .sf-c-txt-yellow\:100{color:hsl(60,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:dark,html.dark .sf-c-txt-yellow\:dark{color:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:0\:dark,html.dark .sf-c-txt-yellow\:0\:dark{color:hsl(60,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:10\:dark,html.dark .sf-c-txt-yellow\:10\:dark{color:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:20\:dark,html.dark .sf-c-txt-yellow\:20\:dark{color:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:30\:dark,html.dark .sf-c-txt-yellow\:30\:dark{color:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:40\:dark,html.dark .sf-c-txt-yellow\:40\:dark{color:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:50\:dark,html.dark .sf-c-txt-yellow\:50\:dark{color:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:60\:dark,html.dark .sf-c-txt-yellow\:60\:dark{color:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:70\:dark,html.dark .sf-c-txt-yellow\:70\:dark{color:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:80\:dark,html.dark .sf-c-txt-yellow\:80\:dark{color:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:90\:dark,html.dark .sf-c-txt-yellow\:90\:dark{color:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:100\:dark,html.dark .sf-c-txt-yellow\:100\:dark{color:hsl(60,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-yellow,html.auto .sf-c-yellow{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow))}html[data-theme='auto'] .sf-c-yellow\:0,html.auto .sf-c-yellow\:0{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-100))}html[data-theme='auto'] .sf-c-yellow\:10,html.auto .sf-c-yellow\:10{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-90))}html[data-theme='auto'] .sf-c-yellow\:20,html.auto .sf-c-yellow\:20{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-80))}html[data-theme='auto'] .sf-c-yellow\:30,html.auto .sf-c-yellow\:30{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-70))}html[data-theme='auto'] .sf-c-yellow\:40,html.auto .sf-c-yellow\:40{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-60))}html[data-theme='auto'] .sf-c-yellow\:50,html.auto .sf-c-yellow\:50{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-50))}html[data-theme='auto'] .sf-c-yellow\:60,html.auto .sf-c-yellow\:60{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-40))}html[data-theme='auto'] .sf-c-yellow\:70,html.auto .sf-c-yellow\:70{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-30))}html[data-theme='auto'] .sf-c-yellow\:80,html.auto .sf-c-yellow\:80{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-20))}html[data-theme='auto'] .sf-c-yellow\:90,html.auto .sf-c-yellow\:90{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-10))}html[data-theme='auto'] .sf-c-yellow\:100,html.auto .sf-c-yellow\:100{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-0))}html[data-theme='auto'] .sf-c-yellow\:dark,html.auto .sf-c-yellow\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow))}html[data-theme='auto'] .sf-c-yellow\:0\:dark,html.auto .sf-c-yellow\:0\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-100))}html[data-theme='auto'] .sf-c-yellow\:10\:dark,html.auto .sf-c-yellow\:10\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-90))}html[data-theme='auto'] .sf-c-yellow\:20\:dark,html.auto .sf-c-yellow\:20\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-80))}html[data-theme='auto'] .sf-c-yellow\:30\:dark,html.auto .sf-c-yellow\:30\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-70))}html[data-theme='auto'] .sf-c-yellow\:40\:dark,html.auto .sf-c-yellow\:40\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-60))}html[data-theme='auto'] .sf-c-yellow\:50\:dark,html.auto .sf-c-yellow\:50\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-50))}html[data-theme='auto'] .sf-c-yellow\:60\:dark,html.auto .sf-c-yellow\:60\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-40))}html[data-theme='auto'] .sf-c-yellow\:70\:dark,html.auto .sf-c-yellow\:70\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-30))}html[data-theme='auto'] .sf-c-yellow\:80\:dark,html.auto .sf-c-yellow\:80\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-20))}html[data-theme='auto'] .sf-c-yellow\:90\:dark,html.auto .sf-c-yellow\:90\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-10))}html[data-theme='auto'] .sf-c-yellow\:100\:dark,html.auto .sf-c-yellow\:100\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-0))}html[data-theme='auto'] .sf-c-txt-yellow,html.auto .sf-c-txt-yellow{color:hsl(var(--sf-c-txt-yellow))}html[data-theme='auto'] .sf-c-txt-yellow\:0,html.auto .sf-c-txt-yellow\:0{color:hsl(var(--sf-c-txt-yellow-0))}html[data-theme='auto'] .sf-c-txt-yellow\:10,html.auto .sf-c-txt-yellow\:10{color:hsl(var(--sf-c-txt-yellow-10))}html[data-theme='auto'] .sf-c-txt-yellow\:20,html.auto .sf-c-txt-yellow\:20{color:hsl(var(--sf-c-txt-yellow-20))}html[data-theme='auto'] .sf-c-txt-yellow\:30,html.auto .sf-c-txt-yellow\:30{color:hsl(var(--sf-c-txt-yellow-30))}html[data-theme='auto'] .sf-c-txt-yellow\:40,html.auto .sf-c-txt-yellow\:40{color:hsl(var(--sf-c-txt-yellow-40))}html[data-theme='auto'] .sf-c-txt-yellow\:50,html.auto .sf-c-txt-yellow\:50{color:hsl(var(--sf-c-txt-yellow-50))}html[data-theme='auto'] .sf-c-txt-yellow\:60,html.auto .sf-c-txt-yellow\:60{color:hsl(var(--sf-c-txt-yellow-60))}html[data-theme='auto'] .sf-c-txt-yellow\:70,html.auto .sf-c-txt-yellow\:70{color:hsl(var(--sf-c-txt-yellow-70))}html[data-theme='auto'] .sf-c-txt-yellow\:80,html.auto .sf-c-txt-yellow\:80{color:hsl(var(--sf-c-txt-yellow-80))}html[data-theme='auto'] .sf-c-txt-yellow\:90,html.auto .sf-c-txt-yellow\:90{color:hsl(var(--sf-c-txt-yellow-90))}html[data-theme='auto'] .sf-c-txt-yellow\:100,html.auto .sf-c-txt-yellow\:100{color:hsl(var(--sf-c-txt-yellow-100))}html[data-theme='auto'] .sf-c-txt-yellow\:dark,html.auto .sf-c-txt-yellow\:dark{color:hsl(var(--sf-c-txt-yellow))}html[data-theme='auto'] .sf-c-txt-yellow\:0\:dark,html.auto .sf-c-txt-yellow\:0\:dark{color:hsl(var(--sf-c-txt-yellow-0))}html[data-theme='auto'] .sf-c-txt-yellow\:10\:dark,html.auto .sf-c-txt-yellow\:10\:dark{color:hsl(var(--sf-c-txt-yellow-10))}html[data-theme='auto'] .sf-c-txt-yellow\:20\:dark,html.auto .sf-c-txt-yellow\:20\:dark{color:hsl(var(--sf-c-txt-yellow-20))}html[data-theme='auto'] .sf-c-txt-yellow\:30\:dark,html.auto .sf-c-txt-yellow\:30\:dark{color:hsl(var(--sf-c-txt-yellow-30))}html[data-theme='auto'] .sf-c-txt-yellow\:40\:dark,html.auto .sf-c-txt-yellow\:40\:dark{color:hsl(var(--sf-c-txt-yellow-40))}html[data-theme='auto'] .sf-c-txt-yellow\:50\:dark,html.auto .sf-c-txt-yellow\:50\:dark{color:hsl(var(--sf-c-txt-yellow-50))}html[data-theme='auto'] .sf-c-txt-yellow\:60\:dark,html.auto .sf-c-txt-yellow\:60\:dark{color:hsl(var(--sf-c-txt-yellow-60))}html[data-theme='auto'] .sf-c-txt-yellow\:70\:dark,html.auto .sf-c-txt-yellow\:70\:dark{color:hsl(var(--sf-c-txt-yellow-70))}html[data-theme='auto'] .sf-c-txt-yellow\:80\:dark,html.auto .sf-c-txt-yellow\:80\:dark{color:hsl(var(--sf-c-txt-yellow-80))}html[data-theme='auto'] .sf-c-txt-yellow\:90\:dark,html.auto .sf-c-txt-yellow\:90\:dark{color:hsl(var(--sf-c-txt-yellow-90))}html[data-theme='auto'] .sf-c-txt-yellow\:100\:dark,html.auto .sf-c-txt-yellow\:100\:dark{color:hsl(var(--sf-c-txt-yellow-100))}html.var[data-theme='auto'] .sf-c-yellow,html.var.auto .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:0,html.var.auto .sf-c-yellow\:0{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='auto'] .sf-c-yellow\:10,html.var.auto .sf-c-yellow\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-yellow\:20,html.var.auto .sf-c-yellow\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-yellow\:30,html.var.auto .sf-c-yellow\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-yellow\:40,html.var.auto .sf-c-yellow\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-yellow\:50,html.var.auto .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:60,html.var.auto .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-yellow\:70,html.var.auto .sf-c-yellow\:70{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-yellow\:80,html.var.auto .sf-c-yellow\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-yellow\:90,html.var.auto .sf-c-yellow\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-yellow\:100,html.var.auto .sf-c-yellow\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='auto'] .sf-c-yellow\:dark,html.var.auto .sf-c-yellow\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:0\:dark,html.var.auto .sf-c-yellow\:0\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='auto'] .sf-c-yellow\:10\:dark,html.var.auto .sf-c-yellow\:10\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-yellow\:20\:dark,html.var.auto .sf-c-yellow\:20\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-yellow\:30\:dark,html.var.auto .sf-c-yellow\:30\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-yellow\:40\:dark,html.var.auto .sf-c-yellow\:40\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-yellow\:50\:dark,html.var.auto .sf-c-yellow\:50\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:60\:dark,html.var.auto .sf-c-yellow\:60\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-yellow\:70\:dark,html.var.auto .sf-c-yellow\:70\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-yellow\:80\:dark,html.var.auto .sf-c-yellow\:80\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-yellow\:90\:dark,html.var.auto .sf-c-yellow\:90\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-yellow\:100\:dark,html.var.auto .sf-c-yellow\:100\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-yellow,html.auto .sf-c-txt-yellow{color:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:0,html.auto .sf-c-txt-yellow\:0{color:hsl(60,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:10,html.auto .sf-c-txt-yellow\:10{color:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:20,html.auto .sf-c-txt-yellow\:20{color:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:30,html.auto .sf-c-txt-yellow\:30{color:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:40,html.auto .sf-c-txt-yellow\:40{color:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:50,html.auto .sf-c-txt-yellow\:50{color:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:60,html.auto .sf-c-txt-yellow\:60{color:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:70,html.auto .sf-c-txt-yellow\:70{color:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:80,html.auto .sf-c-txt-yellow\:80{color:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:90,html.auto .sf-c-txt-yellow\:90{color:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:100,html.auto .sf-c-txt-yellow\:100{color:hsl(60,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:dark,html.auto .sf-c-txt-yellow\:dark{color:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:0\:dark,html.auto .sf-c-txt-yellow\:0\:dark{color:hsl(60,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:10\:dark,html.auto .sf-c-txt-yellow\:10\:dark{color:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:20\:dark,html.auto .sf-c-txt-yellow\:20\:dark{color:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:30\:dark,html.auto .sf-c-txt-yellow\:30\:dark{color:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:40\:dark,html.auto .sf-c-txt-yellow\:40\:dark{color:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:50\:dark,html.auto .sf-c-txt-yellow\:50\:dark{color:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:60\:dark,html.auto .sf-c-txt-yellow\:60\:dark{color:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:70\:dark,html.auto .sf-c-txt-yellow\:70\:dark{color:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:80\:dark,html.auto .sf-c-txt-yellow\:80\:dark{color:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:90\:dark,html.auto .sf-c-txt-yellow\:90\:dark{color:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:100\:dark,html.auto .sf-c-txt-yellow\:100\:dark{color:hsl(60,100%,100%)}} \ No newline at end of file diff --git a/package.json b/package.json index 56415da..a591f7e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "style-forge.colors", - "version": "2025.1.9", + "version": "2025.1.18", "description": "Style-Forge.Colors: customizable color palettes for consistent, visually appealing web designs.", "type": "module", "main": "colors.css", diff --git a/src/colors/10/aliceblue.css b/src/colors/10/aliceblue.css index 256a8b9..1dc25ee 100644 --- a/src/colors/10/aliceblue.css +++ b/src/colors/10/aliceblue.css @@ -78,6 +78,32 @@ html.var .sf-c-aliceblue\:80 { color: hsl(208, 100%, 10%); background: hsl(208, html.var .sf-c-aliceblue\:90 { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 90%) } html.var .sf-c-aliceblue\:100 { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 100%) } +.sf-c-txt-aliceblue { color: hsl(var(--sf-dark-c-txt-aliceblue)) } +.sf-c-txt-aliceblue\:0 { color: hsl(var(--sf-dark-c-txt-aliceblue-100)) } +.sf-c-txt-aliceblue\:10 { color: hsl(var(--sf-dark-c-txt-aliceblue-90)) } +.sf-c-txt-aliceblue\:20 { color: hsl(var(--sf-dark-c-txt-aliceblue-80)) } +.sf-c-txt-aliceblue\:30 { color: hsl(var(--sf-dark-c-txt-aliceblue-70)) } +.sf-c-txt-aliceblue\:40 { color: hsl(var(--sf-dark-c-txt-aliceblue-60)) } +.sf-c-txt-aliceblue\:50 { color: hsl(var(--sf-dark-c-txt-aliceblue-50)) } +.sf-c-txt-aliceblue\:60 { color: hsl(var(--sf-dark-c-txt-aliceblue-40)) } +.sf-c-txt-aliceblue\:70 { color: hsl(var(--sf-dark-c-txt-aliceblue-30)) } +.sf-c-txt-aliceblue\:80 { color: hsl(var(--sf-dark-c-txt-aliceblue-20)) } +.sf-c-txt-aliceblue\:90 { color: hsl(var(--sf-dark-c-txt-aliceblue-10)) } +.sf-c-txt-aliceblue\:100 { color: hsl(var(--sf-dark-c-txt-aliceblue-0)) } + +html.var .sf-c-txt-aliceblue { color: hsl(208, 100%, 3%) } +html.var .sf-c-txt-aliceblue\:0 { color: hsl(208, 100%, 100%) } +html.var .sf-c-txt-aliceblue\:10 { color: hsl(208, 100%, 90%) } +html.var .sf-c-txt-aliceblue\:20 { color: hsl(208, 100%, 80%) } +html.var .sf-c-txt-aliceblue\:30 { color: hsl(208, 100%, 70%) } +html.var .sf-c-txt-aliceblue\:40 { color: hsl(208, 100%, 60%) } +html.var .sf-c-txt-aliceblue\:50 { color: hsl(208, 100%, 50%) } +html.var .sf-c-txt-aliceblue\:60 { color: hsl(208, 100%, 40%) } +html.var .sf-c-txt-aliceblue\:70 { color: hsl(208, 100%, 30%) } +html.var .sf-c-txt-aliceblue\:80 { color: hsl(208, 100%, 20%) } +html.var .sf-c-txt-aliceblue\:90 { color: hsl(208, 100%, 10%) } +html.var .sf-c-txt-aliceblue\:100 { color: hsl(208, 100%, 0%) } + html[data-theme='dark'] .sf-c-aliceblue, html.dark .sf-c-aliceblue { color: hsl(var(--sf-dark-c-txt-aliceblue-90)); background: hsl(var(--sf-dark-c-aliceblue)) } html[data-theme='dark'] .sf-c-aliceblue\:0, html.dark .sf-c-aliceblue\:0 { color: hsl(var(--sf-dark-c-txt-aliceblue-90)); background: hsl(var(--sf-dark-c-aliceblue-100)) } html[data-theme='dark'] .sf-c-aliceblue\:10, html.dark .sf-c-aliceblue\:10 { color: hsl(var(--sf-dark-c-txt-aliceblue-10)); background: hsl(var(--sf-dark-c-aliceblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-aliceblue\:80\:dark, html.dark .sf-c-aliceblue\:80 html[data-theme='dark'] .sf-c-aliceblue\:90\:dark, html.dark .sf-c-aliceblue\:90\:dark { color: hsl(var(--sf-c-txt-aliceblue-90)); background: hsl(var(--sf-c-aliceblue-10)) } html[data-theme='dark'] .sf-c-aliceblue\:100\:dark, html.dark .sf-c-aliceblue\:100\:dark { color: hsl(var(--sf-c-txt-aliceblue-90)); background: hsl(var(--sf-c-aliceblue-0)) } +html[data-theme='dark'] .sf-c-txt-aliceblue, html.dark .sf-c-txt-aliceblue { color: hsl(var(--sf-c-txt-aliceblue)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:0, html.dark .sf-c-txt-aliceblue\:0 { color: hsl(var(--sf-c-txt-aliceblue-0)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:10, html.dark .sf-c-txt-aliceblue\:10 { color: hsl(var(--sf-c-txt-aliceblue-10)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:20, html.dark .sf-c-txt-aliceblue\:20 { color: hsl(var(--sf-c-txt-aliceblue-20)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:30, html.dark .sf-c-txt-aliceblue\:30 { color: hsl(var(--sf-c-txt-aliceblue-30)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:40, html.dark .sf-c-txt-aliceblue\:40 { color: hsl(var(--sf-c-txt-aliceblue-40)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:50, html.dark .sf-c-txt-aliceblue\:50 { color: hsl(var(--sf-c-txt-aliceblue-50)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:60, html.dark .sf-c-txt-aliceblue\:60 { color: hsl(var(--sf-c-txt-aliceblue-60)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:70, html.dark .sf-c-txt-aliceblue\:70 { color: hsl(var(--sf-c-txt-aliceblue-70)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:80, html.dark .sf-c-txt-aliceblue\:80 { color: hsl(var(--sf-c-txt-aliceblue-80)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:90, html.dark .sf-c-txt-aliceblue\:90 { color: hsl(var(--sf-c-txt-aliceblue-90)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:100, html.dark .sf-c-txt-aliceblue\:100 { color: hsl(var(--sf-c-txt-aliceblue-100)) } + +html[data-theme='dark'] .sf-c-txt-aliceblue\:dark, html.dark .sf-c-txt-aliceblue\:dark { color: hsl(var(--sf-c-txt-aliceblue)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:0\:dark, html.dark .sf-c-txt-aliceblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-0)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:10\:dark, html.dark .sf-c-txt-aliceblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-10)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:20\:dark, html.dark .sf-c-txt-aliceblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-20)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:30\:dark, html.dark .sf-c-txt-aliceblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-30)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:40\:dark, html.dark .sf-c-txt-aliceblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-40)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:50\:dark, html.dark .sf-c-txt-aliceblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-50)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:60\:dark, html.dark .sf-c-txt-aliceblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-60)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:70\:dark, html.dark .sf-c-txt-aliceblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-70)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:80\:dark, html.dark .sf-c-txt-aliceblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-80)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:90\:dark, html.dark .sf-c-txt-aliceblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-90)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:100\:dark, html.dark .sf-c-txt-aliceblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-100)) } + html.var[data-theme='dark'] .sf-c-aliceblue, html.var.dark .sf-c-aliceblue { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 3%) } html.var[data-theme='dark'] .sf-c-aliceblue\:0, html.var.dark .sf-c-aliceblue\:0 { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 100%) } html.var[data-theme='dark'] .sf-c-aliceblue\:10, html.var.dark .sf-c-aliceblue\:10 { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-aliceblue\:80\:dark, html.var.dark .sf-c-alice html.var[data-theme='dark'] .sf-c-aliceblue\:90\:dark, html.var.dark .sf-c-aliceblue\:90\:dark { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 10%) } html.var[data-theme='dark'] .sf-c-aliceblue\:100\:dark, html.var.dark .sf-c-aliceblue\:100\:dark { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue, html.dark .sf-c-txt-aliceblue { color: hsl(208, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:0, html.dark .sf-c-txt-aliceblue\:0 { color: hsl(208, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:10, html.dark .sf-c-txt-aliceblue\:10 { color: hsl(208, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:20, html.dark .sf-c-txt-aliceblue\:20 { color: hsl(208, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:30, html.dark .sf-c-txt-aliceblue\:30 { color: hsl(208, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:40, html.dark .sf-c-txt-aliceblue\:40 { color: hsl(208, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:50, html.dark .sf-c-txt-aliceblue\:50 { color: hsl(208, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:60, html.dark .sf-c-txt-aliceblue\:60 { color: hsl(208, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:70, html.dark .sf-c-txt-aliceblue\:70 { color: hsl(208, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:80, html.dark .sf-c-txt-aliceblue\:80 { color: hsl(208, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:90, html.dark .sf-c-txt-aliceblue\:90 { color: hsl(208, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:100, html.dark .sf-c-txt-aliceblue\:100 { color: hsl(208, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:dark, html.dark .sf-c-txt-aliceblue\:dark { color: hsl(208, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:0\:dark, html.dark .sf-c-txt-aliceblue\:0\:dark { color: hsl(208, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:10\:dark, html.dark .sf-c-txt-aliceblue\:10\:dark { color: hsl(208, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:20\:dark, html.dark .sf-c-txt-aliceblue\:20\:dark { color: hsl(208, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:30\:dark, html.dark .sf-c-txt-aliceblue\:30\:dark { color: hsl(208, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:40\:dark, html.dark .sf-c-txt-aliceblue\:40\:dark { color: hsl(208, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:50\:dark, html.dark .sf-c-txt-aliceblue\:50\:dark { color: hsl(208, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:60\:dark, html.dark .sf-c-txt-aliceblue\:60\:dark { color: hsl(208, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:70\:dark, html.dark .sf-c-txt-aliceblue\:70\:dark { color: hsl(208, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:80\:dark, html.dark .sf-c-txt-aliceblue\:80\:dark { color: hsl(208, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:90\:dark, html.dark .sf-c-txt-aliceblue\:90\:dark { color: hsl(208, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:100\:dark, html.dark .sf-c-txt-aliceblue\:100\:dark { color: hsl(208, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-aliceblue, html.auto .sf-c-aliceblue { color: hsl(var(--sf-dark-c-txt-aliceblue-90)); background: hsl(var(--sf-dark-c-aliceblue)) } html[data-theme='auto'] .sf-c-aliceblue\:0, html.auto .sf-c-aliceblue\:0 { color: hsl(var(--sf-dark-c-txt-aliceblue-90)); background: hsl(var(--sf-dark-c-aliceblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-aliceblue\:100\:dark, html.var.dark .sf-c-alic html[data-theme='auto'] .sf-c-aliceblue\:90\:dark, html.auto .sf-c-aliceblue\:90\:dark { color: hsl(var(--sf-c-txt-aliceblue-90)); background: hsl(var(--sf-c-aliceblue-10)) } html[data-theme='auto'] .sf-c-aliceblue\:100\:dark, html.auto .sf-c-aliceblue\:100\:dark { color: hsl(var(--sf-c-txt-aliceblue-90)); background: hsl(var(--sf-c-aliceblue-0)) } + html[data-theme='auto'] .sf-c-txt-aliceblue, html.auto .sf-c-txt-aliceblue { color: hsl(var(--sf-c-txt-aliceblue)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:0, html.auto .sf-c-txt-aliceblue\:0 { color: hsl(var(--sf-c-txt-aliceblue-0)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:10, html.auto .sf-c-txt-aliceblue\:10 { color: hsl(var(--sf-c-txt-aliceblue-10)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:20, html.auto .sf-c-txt-aliceblue\:20 { color: hsl(var(--sf-c-txt-aliceblue-20)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:30, html.auto .sf-c-txt-aliceblue\:30 { color: hsl(var(--sf-c-txt-aliceblue-30)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:40, html.auto .sf-c-txt-aliceblue\:40 { color: hsl(var(--sf-c-txt-aliceblue-40)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:50, html.auto .sf-c-txt-aliceblue\:50 { color: hsl(var(--sf-c-txt-aliceblue-50)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:60, html.auto .sf-c-txt-aliceblue\:60 { color: hsl(var(--sf-c-txt-aliceblue-60)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:70, html.auto .sf-c-txt-aliceblue\:70 { color: hsl(var(--sf-c-txt-aliceblue-70)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:80, html.auto .sf-c-txt-aliceblue\:80 { color: hsl(var(--sf-c-txt-aliceblue-80)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:90, html.auto .sf-c-txt-aliceblue\:90 { color: hsl(var(--sf-c-txt-aliceblue-90)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:100, html.auto .sf-c-txt-aliceblue\:100 { color: hsl(var(--sf-c-txt-aliceblue-100)) } + + html[data-theme='auto'] .sf-c-txt-aliceblue\:dark, html.auto .sf-c-txt-aliceblue\:dark { color: hsl(var(--sf-c-txt-aliceblue)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:0\:dark, html.auto .sf-c-txt-aliceblue\:0\:dark { color: hsl(var(--sf-c-txt-aliceblue-0)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:10\:dark, html.auto .sf-c-txt-aliceblue\:10\:dark { color: hsl(var(--sf-c-txt-aliceblue-10)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:20\:dark, html.auto .sf-c-txt-aliceblue\:20\:dark { color: hsl(var(--sf-c-txt-aliceblue-20)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:30\:dark, html.auto .sf-c-txt-aliceblue\:30\:dark { color: hsl(var(--sf-c-txt-aliceblue-30)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:40\:dark, html.auto .sf-c-txt-aliceblue\:40\:dark { color: hsl(var(--sf-c-txt-aliceblue-40)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:50\:dark, html.auto .sf-c-txt-aliceblue\:50\:dark { color: hsl(var(--sf-c-txt-aliceblue-50)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:60\:dark, html.auto .sf-c-txt-aliceblue\:60\:dark { color: hsl(var(--sf-c-txt-aliceblue-60)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:70\:dark, html.auto .sf-c-txt-aliceblue\:70\:dark { color: hsl(var(--sf-c-txt-aliceblue-70)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:80\:dark, html.auto .sf-c-txt-aliceblue\:80\:dark { color: hsl(var(--sf-c-txt-aliceblue-80)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:90\:dark, html.auto .sf-c-txt-aliceblue\:90\:dark { color: hsl(var(--sf-c-txt-aliceblue-90)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:100\:dark, html.auto .sf-c-txt-aliceblue\:100\:dark { color: hsl(var(--sf-c-txt-aliceblue-100)) } + html.var[data-theme='auto'] .sf-c-aliceblue, html.var.auto .sf-c-aliceblue { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 3%) } html.var[data-theme='auto'] .sf-c-aliceblue\:0, html.var.auto .sf-c-aliceblue\:0 { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 100%) } html.var[data-theme='auto'] .sf-c-aliceblue\:10, html.var.auto .sf-c-aliceblue\:10 { color: hsl(208, 100%, 10%); background: hsl(208, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-aliceblue\:100\:dark, html.var.dark .sf-c-alic html.var[data-theme='auto'] .sf-c-aliceblue\:80\:dark, html.var.auto .sf-c-aliceblue\:80\:dark { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 20%) } html.var[data-theme='auto'] .sf-c-aliceblue\:90\:dark, html.var.auto .sf-c-aliceblue\:90\:dark { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 10%) } html.var[data-theme='auto'] .sf-c-aliceblue\:100\:dark, html.var.auto .sf-c-aliceblue\:100\:dark { color: hsl(208, 100%, 90%); background: hsl(208, 100%, 0%) } -} -.sf-c-txt-aliceblue { color: hsl(var(--sf-c-txt-aliceblue)) } -.sf-c-txt-aliceblue\:0 { color: hsl(var(--sf-c-txt-aliceblue-0)) } -.sf-c-txt-aliceblue\:10 { color: hsl(var(--sf-c-txt-aliceblue-10)) } -.sf-c-txt-aliceblue\:20 { color: hsl(var(--sf-c-txt-aliceblue-20)) } -.sf-c-txt-aliceblue\:30 { color: hsl(var(--sf-c-txt-aliceblue-30)) } -.sf-c-txt-aliceblue\:40 { color: hsl(var(--sf-c-txt-aliceblue-40)) } -.sf-c-txt-aliceblue\:50 { color: hsl(var(--sf-c-txt-aliceblue-50)) } -.sf-c-txt-aliceblue\:60 { color: hsl(var(--sf-c-txt-aliceblue-60)) } -.sf-c-txt-aliceblue\:70 { color: hsl(var(--sf-c-txt-aliceblue-70)) } -.sf-c-txt-aliceblue\:80 { color: hsl(var(--sf-c-txt-aliceblue-80)) } -.sf-c-txt-aliceblue\:90 { color: hsl(var(--sf-c-txt-aliceblue-90)) } -.sf-c-txt-aliceblue\:100 { color: hsl(var(--sf-c-txt-aliceblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-aliceblue, html.auto .sf-c-txt-aliceblue { color: hsl(208, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:0, html.auto .sf-c-txt-aliceblue\:0 { color: hsl(208, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:10, html.auto .sf-c-txt-aliceblue\:10 { color: hsl(208, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:20, html.auto .sf-c-txt-aliceblue\:20 { color: hsl(208, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:30, html.auto .sf-c-txt-aliceblue\:30 { color: hsl(208, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:40, html.auto .sf-c-txt-aliceblue\:40 { color: hsl(208, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:50, html.auto .sf-c-txt-aliceblue\:50 { color: hsl(208, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:60, html.auto .sf-c-txt-aliceblue\:60 { color: hsl(208, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:70, html.auto .sf-c-txt-aliceblue\:70 { color: hsl(208, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:80, html.auto .sf-c-txt-aliceblue\:80 { color: hsl(208, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:90, html.auto .sf-c-txt-aliceblue\:90 { color: hsl(208, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:100, html.auto .sf-c-txt-aliceblue\:100 { color: hsl(208, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:dark, html.auto .sf-c-txt-aliceblue\:dark { color: hsl(208, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:0\:dark, html.auto .sf-c-txt-aliceblue\:0\:dark { color: hsl(208, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:10\:dark, html.auto .sf-c-txt-aliceblue\:10\:dark { color: hsl(208, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:20\:dark, html.auto .sf-c-txt-aliceblue\:20\:dark { color: hsl(208, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:30\:dark, html.auto .sf-c-txt-aliceblue\:30\:dark { color: hsl(208, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:40\:dark, html.auto .sf-c-txt-aliceblue\:40\:dark { color: hsl(208, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:50\:dark, html.auto .sf-c-txt-aliceblue\:50\:dark { color: hsl(208, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:60\:dark, html.auto .sf-c-txt-aliceblue\:60\:dark { color: hsl(208, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:70\:dark, html.auto .sf-c-txt-aliceblue\:70\:dark { color: hsl(208, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:80\:dark, html.auto .sf-c-txt-aliceblue\:80\:dark { color: hsl(208, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:90\:dark, html.auto .sf-c-txt-aliceblue\:90\:dark { color: hsl(208, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:100\:dark, html.auto .sf-c-txt-aliceblue\:100\:dark { color: hsl(208, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/antiquewhite.css b/src/colors/10/antiquewhite.css index 59123cf..3f9ea9a 100644 --- a/src/colors/10/antiquewhite.css +++ b/src/colors/10/antiquewhite.css @@ -78,6 +78,32 @@ html.var .sf-c-antiquewhite\:80 { color: hsl(34, 78%, 10%); background: hsl(34, html.var .sf-c-antiquewhite\:90 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 90%) } html.var .sf-c-antiquewhite\:100 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 100%) } +.sf-c-txt-antiquewhite { color: hsl(var(--sf-dark-c-txt-antiquewhite)) } +.sf-c-txt-antiquewhite\:0 { color: hsl(var(--sf-dark-c-txt-antiquewhite-100)) } +.sf-c-txt-antiquewhite\:10 { color: hsl(var(--sf-dark-c-txt-antiquewhite-90)) } +.sf-c-txt-antiquewhite\:20 { color: hsl(var(--sf-dark-c-txt-antiquewhite-80)) } +.sf-c-txt-antiquewhite\:30 { color: hsl(var(--sf-dark-c-txt-antiquewhite-70)) } +.sf-c-txt-antiquewhite\:40 { color: hsl(var(--sf-dark-c-txt-antiquewhite-60)) } +.sf-c-txt-antiquewhite\:50 { color: hsl(var(--sf-dark-c-txt-antiquewhite-50)) } +.sf-c-txt-antiquewhite\:60 { color: hsl(var(--sf-dark-c-txt-antiquewhite-40)) } +.sf-c-txt-antiquewhite\:70 { color: hsl(var(--sf-dark-c-txt-antiquewhite-30)) } +.sf-c-txt-antiquewhite\:80 { color: hsl(var(--sf-dark-c-txt-antiquewhite-20)) } +.sf-c-txt-antiquewhite\:90 { color: hsl(var(--sf-dark-c-txt-antiquewhite-10)) } +.sf-c-txt-antiquewhite\:100 { color: hsl(var(--sf-dark-c-txt-antiquewhite-0)) } + +html.var .sf-c-txt-antiquewhite { color: hsl(34, 78%, 9%) } +html.var .sf-c-txt-antiquewhite\:0 { color: hsl(34, 78%, 100%) } +html.var .sf-c-txt-antiquewhite\:10 { color: hsl(34, 78%, 90%) } +html.var .sf-c-txt-antiquewhite\:20 { color: hsl(34, 78%, 80%) } +html.var .sf-c-txt-antiquewhite\:30 { color: hsl(34, 78%, 70%) } +html.var .sf-c-txt-antiquewhite\:40 { color: hsl(34, 78%, 60%) } +html.var .sf-c-txt-antiquewhite\:50 { color: hsl(34, 78%, 50%) } +html.var .sf-c-txt-antiquewhite\:60 { color: hsl(34, 78%, 40%) } +html.var .sf-c-txt-antiquewhite\:70 { color: hsl(34, 78%, 30%) } +html.var .sf-c-txt-antiquewhite\:80 { color: hsl(34, 78%, 20%) } +html.var .sf-c-txt-antiquewhite\:90 { color: hsl(34, 78%, 10%) } +html.var .sf-c-txt-antiquewhite\:100 { color: hsl(34, 78%, 0%) } + html[data-theme='dark'] .sf-c-antiquewhite, html.dark .sf-c-antiquewhite { color: hsl(var(--sf-dark-c-txt-antiquewhite-90)); background: hsl(var(--sf-dark-c-antiquewhite)) } html[data-theme='dark'] .sf-c-antiquewhite\:0, html.dark .sf-c-antiquewhite\:0 { color: hsl(var(--sf-dark-c-txt-antiquewhite-90)); background: hsl(var(--sf-dark-c-antiquewhite-100)) } html[data-theme='dark'] .sf-c-antiquewhite\:10, html.dark .sf-c-antiquewhite\:10 { color: hsl(var(--sf-dark-c-txt-antiquewhite-10)); background: hsl(var(--sf-dark-c-antiquewhite-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-antiquewhite\:80\:dark, html.dark .sf-c-antiquewhi html[data-theme='dark'] .sf-c-antiquewhite\:90\:dark, html.dark .sf-c-antiquewhite\:90\:dark { color: hsl(var(--sf-c-txt-antiquewhite-90)); background: hsl(var(--sf-c-antiquewhite-10)) } html[data-theme='dark'] .sf-c-antiquewhite\:100\:dark, html.dark .sf-c-antiquewhite\:100\:dark { color: hsl(var(--sf-c-txt-antiquewhite-90)); background: hsl(var(--sf-c-antiquewhite-0)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite, html.dark .sf-c-txt-antiquewhite { color: hsl(var(--sf-c-txt-antiquewhite)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:0, html.dark .sf-c-txt-antiquewhite\:0 { color: hsl(var(--sf-c-txt-antiquewhite-0)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:10, html.dark .sf-c-txt-antiquewhite\:10 { color: hsl(var(--sf-c-txt-antiquewhite-10)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:20, html.dark .sf-c-txt-antiquewhite\:20 { color: hsl(var(--sf-c-txt-antiquewhite-20)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:30, html.dark .sf-c-txt-antiquewhite\:30 { color: hsl(var(--sf-c-txt-antiquewhite-30)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:40, html.dark .sf-c-txt-antiquewhite\:40 { color: hsl(var(--sf-c-txt-antiquewhite-40)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:50, html.dark .sf-c-txt-antiquewhite\:50 { color: hsl(var(--sf-c-txt-antiquewhite-50)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:60, html.dark .sf-c-txt-antiquewhite\:60 { color: hsl(var(--sf-c-txt-antiquewhite-60)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:70, html.dark .sf-c-txt-antiquewhite\:70 { color: hsl(var(--sf-c-txt-antiquewhite-70)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:80, html.dark .sf-c-txt-antiquewhite\:80 { color: hsl(var(--sf-c-txt-antiquewhite-80)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:90, html.dark .sf-c-txt-antiquewhite\:90 { color: hsl(var(--sf-c-txt-antiquewhite-90)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:100, html.dark .sf-c-txt-antiquewhite\:100 { color: hsl(var(--sf-c-txt-antiquewhite-100)) } + +html[data-theme='dark'] .sf-c-txt-antiquewhite\:dark, html.dark .sf-c-txt-antiquewhite\:dark { color: hsl(var(--sf-c-txt-antiquewhite)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:0\:dark, html.dark .sf-c-txt-antiquewhite\:0\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-0)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:10\:dark, html.dark .sf-c-txt-antiquewhite\:10\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-10)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:20\:dark, html.dark .sf-c-txt-antiquewhite\:20\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-20)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:30\:dark, html.dark .sf-c-txt-antiquewhite\:30\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-30)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:40\:dark, html.dark .sf-c-txt-antiquewhite\:40\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-40)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:50\:dark, html.dark .sf-c-txt-antiquewhite\:50\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-50)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:60\:dark, html.dark .sf-c-txt-antiquewhite\:60\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-60)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:70\:dark, html.dark .sf-c-txt-antiquewhite\:70\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-70)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:80\:dark, html.dark .sf-c-txt-antiquewhite\:80\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-80)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:90\:dark, html.dark .sf-c-txt-antiquewhite\:90\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-90)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:100\:dark, html.dark .sf-c-txt-antiquewhite\:100\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-100)) } + html.var[data-theme='dark'] .sf-c-antiquewhite, html.var.dark .sf-c-antiquewhite { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 9%) } html.var[data-theme='dark'] .sf-c-antiquewhite\:0, html.var.dark .sf-c-antiquewhite\:0 { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 100%) } html.var[data-theme='dark'] .sf-c-antiquewhite\:10, html.var.dark .sf-c-antiquewhite\:10 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-antiquewhite\:80\:dark, html.var.dark .sf-c-an html.var[data-theme='dark'] .sf-c-antiquewhite\:90\:dark, html.var.dark .sf-c-antiquewhite\:90\:dark { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 10%) } html.var[data-theme='dark'] .sf-c-antiquewhite\:100\:dark, html.var.dark .sf-c-antiquewhite\:100\:dark { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite, html.dark .sf-c-txt-antiquewhite { color: hsl(34, 78%, 91%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:0, html.dark .sf-c-txt-antiquewhite\:0 { color: hsl(34, 78%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:10, html.dark .sf-c-txt-antiquewhite\:10 { color: hsl(34, 78%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:20, html.dark .sf-c-txt-antiquewhite\:20 { color: hsl(34, 78%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:30, html.dark .sf-c-txt-antiquewhite\:30 { color: hsl(34, 78%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:40, html.dark .sf-c-txt-antiquewhite\:40 { color: hsl(34, 78%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:50, html.dark .sf-c-txt-antiquewhite\:50 { color: hsl(34, 78%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:60, html.dark .sf-c-txt-antiquewhite\:60 { color: hsl(34, 78%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:70, html.dark .sf-c-txt-antiquewhite\:70 { color: hsl(34, 78%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:80, html.dark .sf-c-txt-antiquewhite\:80 { color: hsl(34, 78%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:90, html.dark .sf-c-txt-antiquewhite\:90 { color: hsl(34, 78%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:100, html.dark .sf-c-txt-antiquewhite\:100 { color: hsl(34, 78%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:dark, html.dark .sf-c-txt-antiquewhite\:dark { color: hsl(34, 78%, 91%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:0\:dark, html.dark .sf-c-txt-antiquewhite\:0\:dark { color: hsl(34, 78%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:10\:dark, html.dark .sf-c-txt-antiquewhite\:10\:dark { color: hsl(34, 78%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:20\:dark, html.dark .sf-c-txt-antiquewhite\:20\:dark { color: hsl(34, 78%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:30\:dark, html.dark .sf-c-txt-antiquewhite\:30\:dark { color: hsl(34, 78%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:40\:dark, html.dark .sf-c-txt-antiquewhite\:40\:dark { color: hsl(34, 78%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:50\:dark, html.dark .sf-c-txt-antiquewhite\:50\:dark { color: hsl(34, 78%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:60\:dark, html.dark .sf-c-txt-antiquewhite\:60\:dark { color: hsl(34, 78%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:70\:dark, html.dark .sf-c-txt-antiquewhite\:70\:dark { color: hsl(34, 78%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:80\:dark, html.dark .sf-c-txt-antiquewhite\:80\:dark { color: hsl(34, 78%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:90\:dark, html.dark .sf-c-txt-antiquewhite\:90\:dark { color: hsl(34, 78%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:100\:dark, html.dark .sf-c-txt-antiquewhite\:100\:dark { color: hsl(34, 78%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-antiquewhite, html.auto .sf-c-antiquewhite { color: hsl(var(--sf-dark-c-txt-antiquewhite-90)); background: hsl(var(--sf-dark-c-antiquewhite)) } html[data-theme='auto'] .sf-c-antiquewhite\:0, html.auto .sf-c-antiquewhite\:0 { color: hsl(var(--sf-dark-c-txt-antiquewhite-90)); background: hsl(var(--sf-dark-c-antiquewhite-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-antiquewhite\:100\:dark, html.var.dark .sf-c-a html[data-theme='auto'] .sf-c-antiquewhite\:90\:dark, html.auto .sf-c-antiquewhite\:90\:dark { color: hsl(var(--sf-c-txt-antiquewhite-90)); background: hsl(var(--sf-c-antiquewhite-10)) } html[data-theme='auto'] .sf-c-antiquewhite\:100\:dark, html.auto .sf-c-antiquewhite\:100\:dark { color: hsl(var(--sf-c-txt-antiquewhite-90)); background: hsl(var(--sf-c-antiquewhite-0)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite, html.auto .sf-c-txt-antiquewhite { color: hsl(var(--sf-c-txt-antiquewhite)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:0, html.auto .sf-c-txt-antiquewhite\:0 { color: hsl(var(--sf-c-txt-antiquewhite-0)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:10, html.auto .sf-c-txt-antiquewhite\:10 { color: hsl(var(--sf-c-txt-antiquewhite-10)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:20, html.auto .sf-c-txt-antiquewhite\:20 { color: hsl(var(--sf-c-txt-antiquewhite-20)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:30, html.auto .sf-c-txt-antiquewhite\:30 { color: hsl(var(--sf-c-txt-antiquewhite-30)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:40, html.auto .sf-c-txt-antiquewhite\:40 { color: hsl(var(--sf-c-txt-antiquewhite-40)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:50, html.auto .sf-c-txt-antiquewhite\:50 { color: hsl(var(--sf-c-txt-antiquewhite-50)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:60, html.auto .sf-c-txt-antiquewhite\:60 { color: hsl(var(--sf-c-txt-antiquewhite-60)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:70, html.auto .sf-c-txt-antiquewhite\:70 { color: hsl(var(--sf-c-txt-antiquewhite-70)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:80, html.auto .sf-c-txt-antiquewhite\:80 { color: hsl(var(--sf-c-txt-antiquewhite-80)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:90, html.auto .sf-c-txt-antiquewhite\:90 { color: hsl(var(--sf-c-txt-antiquewhite-90)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:100, html.auto .sf-c-txt-antiquewhite\:100 { color: hsl(var(--sf-c-txt-antiquewhite-100)) } + + html[data-theme='auto'] .sf-c-txt-antiquewhite\:dark, html.auto .sf-c-txt-antiquewhite\:dark { color: hsl(var(--sf-c-txt-antiquewhite)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:0\:dark, html.auto .sf-c-txt-antiquewhite\:0\:dark { color: hsl(var(--sf-c-txt-antiquewhite-0)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:10\:dark, html.auto .sf-c-txt-antiquewhite\:10\:dark { color: hsl(var(--sf-c-txt-antiquewhite-10)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:20\:dark, html.auto .sf-c-txt-antiquewhite\:20\:dark { color: hsl(var(--sf-c-txt-antiquewhite-20)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:30\:dark, html.auto .sf-c-txt-antiquewhite\:30\:dark { color: hsl(var(--sf-c-txt-antiquewhite-30)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:40\:dark, html.auto .sf-c-txt-antiquewhite\:40\:dark { color: hsl(var(--sf-c-txt-antiquewhite-40)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:50\:dark, html.auto .sf-c-txt-antiquewhite\:50\:dark { color: hsl(var(--sf-c-txt-antiquewhite-50)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:60\:dark, html.auto .sf-c-txt-antiquewhite\:60\:dark { color: hsl(var(--sf-c-txt-antiquewhite-60)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:70\:dark, html.auto .sf-c-txt-antiquewhite\:70\:dark { color: hsl(var(--sf-c-txt-antiquewhite-70)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:80\:dark, html.auto .sf-c-txt-antiquewhite\:80\:dark { color: hsl(var(--sf-c-txt-antiquewhite-80)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:90\:dark, html.auto .sf-c-txt-antiquewhite\:90\:dark { color: hsl(var(--sf-c-txt-antiquewhite-90)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:100\:dark, html.auto .sf-c-txt-antiquewhite\:100\:dark { color: hsl(var(--sf-c-txt-antiquewhite-100)) } + html.var[data-theme='auto'] .sf-c-antiquewhite, html.var.auto .sf-c-antiquewhite { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 9%) } html.var[data-theme='auto'] .sf-c-antiquewhite\:0, html.var.auto .sf-c-antiquewhite\:0 { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 100%) } html.var[data-theme='auto'] .sf-c-antiquewhite\:10, html.var.auto .sf-c-antiquewhite\:10 { color: hsl(34, 78%, 10%); background: hsl(34, 78%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-antiquewhite\:100\:dark, html.var.dark .sf-c-a html.var[data-theme='auto'] .sf-c-antiquewhite\:80\:dark, html.var.auto .sf-c-antiquewhite\:80\:dark { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 20%) } html.var[data-theme='auto'] .sf-c-antiquewhite\:90\:dark, html.var.auto .sf-c-antiquewhite\:90\:dark { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 10%) } html.var[data-theme='auto'] .sf-c-antiquewhite\:100\:dark, html.var.auto .sf-c-antiquewhite\:100\:dark { color: hsl(34, 78%, 90%); background: hsl(34, 78%, 0%) } -} -.sf-c-txt-antiquewhite { color: hsl(var(--sf-c-txt-antiquewhite)) } -.sf-c-txt-antiquewhite\:0 { color: hsl(var(--sf-c-txt-antiquewhite-0)) } -.sf-c-txt-antiquewhite\:10 { color: hsl(var(--sf-c-txt-antiquewhite-10)) } -.sf-c-txt-antiquewhite\:20 { color: hsl(var(--sf-c-txt-antiquewhite-20)) } -.sf-c-txt-antiquewhite\:30 { color: hsl(var(--sf-c-txt-antiquewhite-30)) } -.sf-c-txt-antiquewhite\:40 { color: hsl(var(--sf-c-txt-antiquewhite-40)) } -.sf-c-txt-antiquewhite\:50 { color: hsl(var(--sf-c-txt-antiquewhite-50)) } -.sf-c-txt-antiquewhite\:60 { color: hsl(var(--sf-c-txt-antiquewhite-60)) } -.sf-c-txt-antiquewhite\:70 { color: hsl(var(--sf-c-txt-antiquewhite-70)) } -.sf-c-txt-antiquewhite\:80 { color: hsl(var(--sf-c-txt-antiquewhite-80)) } -.sf-c-txt-antiquewhite\:90 { color: hsl(var(--sf-c-txt-antiquewhite-90)) } -.sf-c-txt-antiquewhite\:100 { color: hsl(var(--sf-c-txt-antiquewhite-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-antiquewhite, html.auto .sf-c-txt-antiquewhite { color: hsl(34, 78%, 91%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:0, html.auto .sf-c-txt-antiquewhite\:0 { color: hsl(34, 78%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:10, html.auto .sf-c-txt-antiquewhite\:10 { color: hsl(34, 78%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:20, html.auto .sf-c-txt-antiquewhite\:20 { color: hsl(34, 78%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:30, html.auto .sf-c-txt-antiquewhite\:30 { color: hsl(34, 78%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:40, html.auto .sf-c-txt-antiquewhite\:40 { color: hsl(34, 78%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:50, html.auto .sf-c-txt-antiquewhite\:50 { color: hsl(34, 78%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:60, html.auto .sf-c-txt-antiquewhite\:60 { color: hsl(34, 78%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:70, html.auto .sf-c-txt-antiquewhite\:70 { color: hsl(34, 78%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:80, html.auto .sf-c-txt-antiquewhite\:80 { color: hsl(34, 78%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:90, html.auto .sf-c-txt-antiquewhite\:90 { color: hsl(34, 78%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:100, html.auto .sf-c-txt-antiquewhite\:100 { color: hsl(34, 78%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:dark, html.auto .sf-c-txt-antiquewhite\:dark { color: hsl(34, 78%, 91%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:0\:dark, html.auto .sf-c-txt-antiquewhite\:0\:dark { color: hsl(34, 78%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:10\:dark, html.auto .sf-c-txt-antiquewhite\:10\:dark { color: hsl(34, 78%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:20\:dark, html.auto .sf-c-txt-antiquewhite\:20\:dark { color: hsl(34, 78%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:30\:dark, html.auto .sf-c-txt-antiquewhite\:30\:dark { color: hsl(34, 78%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:40\:dark, html.auto .sf-c-txt-antiquewhite\:40\:dark { color: hsl(34, 78%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:50\:dark, html.auto .sf-c-txt-antiquewhite\:50\:dark { color: hsl(34, 78%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:60\:dark, html.auto .sf-c-txt-antiquewhite\:60\:dark { color: hsl(34, 78%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:70\:dark, html.auto .sf-c-txt-antiquewhite\:70\:dark { color: hsl(34, 78%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:80\:dark, html.auto .sf-c-txt-antiquewhite\:80\:dark { color: hsl(34, 78%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:90\:dark, html.auto .sf-c-txt-antiquewhite\:90\:dark { color: hsl(34, 78%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:100\:dark, html.auto .sf-c-txt-antiquewhite\:100\:dark { color: hsl(34, 78%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/aqua.css b/src/colors/10/aqua.css index c661d98..142dc9d 100644 --- a/src/colors/10/aqua.css +++ b/src/colors/10/aqua.css @@ -78,6 +78,32 @@ html.var .sf-c-aqua\:80 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, html.var .sf-c-aqua\:90 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } html.var .sf-c-aqua\:100 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } +.sf-c-txt-aqua { color: hsl(var(--sf-dark-c-txt-aqua)) } +.sf-c-txt-aqua\:0 { color: hsl(var(--sf-dark-c-txt-aqua-100)) } +.sf-c-txt-aqua\:10 { color: hsl(var(--sf-dark-c-txt-aqua-90)) } +.sf-c-txt-aqua\:20 { color: hsl(var(--sf-dark-c-txt-aqua-80)) } +.sf-c-txt-aqua\:30 { color: hsl(var(--sf-dark-c-txt-aqua-70)) } +.sf-c-txt-aqua\:40 { color: hsl(var(--sf-dark-c-txt-aqua-60)) } +.sf-c-txt-aqua\:50 { color: hsl(var(--sf-dark-c-txt-aqua-50)) } +.sf-c-txt-aqua\:60 { color: hsl(var(--sf-dark-c-txt-aqua-40)) } +.sf-c-txt-aqua\:70 { color: hsl(var(--sf-dark-c-txt-aqua-30)) } +.sf-c-txt-aqua\:80 { color: hsl(var(--sf-dark-c-txt-aqua-20)) } +.sf-c-txt-aqua\:90 { color: hsl(var(--sf-dark-c-txt-aqua-10)) } +.sf-c-txt-aqua\:100 { color: hsl(var(--sf-dark-c-txt-aqua-0)) } + +html.var .sf-c-txt-aqua { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-aqua\:0 { color: hsl(180, 100%, 100%) } +html.var .sf-c-txt-aqua\:10 { color: hsl(180, 100%, 90%) } +html.var .sf-c-txt-aqua\:20 { color: hsl(180, 100%, 80%) } +html.var .sf-c-txt-aqua\:30 { color: hsl(180, 100%, 70%) } +html.var .sf-c-txt-aqua\:40 { color: hsl(180, 100%, 60%) } +html.var .sf-c-txt-aqua\:50 { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-aqua\:60 { color: hsl(180, 100%, 40%) } +html.var .sf-c-txt-aqua\:70 { color: hsl(180, 100%, 30%) } +html.var .sf-c-txt-aqua\:80 { color: hsl(180, 100%, 20%) } +html.var .sf-c-txt-aqua\:90 { color: hsl(180, 100%, 10%) } +html.var .sf-c-txt-aqua\:100 { color: hsl(180, 100%, 0%) } + html[data-theme='dark'] .sf-c-aqua, html.dark .sf-c-aqua { color: hsl(var(--sf-dark-c-txt-aqua-10)); background: hsl(var(--sf-dark-c-aqua)) } html[data-theme='dark'] .sf-c-aqua\:0, html.dark .sf-c-aqua\:0 { color: hsl(var(--sf-dark-c-txt-aqua-90)); background: hsl(var(--sf-dark-c-aqua-100)) } html[data-theme='dark'] .sf-c-aqua\:10, html.dark .sf-c-aqua\:10 { color: hsl(var(--sf-dark-c-txt-aqua-10)); background: hsl(var(--sf-dark-c-aqua-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-aqua\:80\:dark, html.dark .sf-c-aqua\:80\:dark { c html[data-theme='dark'] .sf-c-aqua\:90\:dark, html.dark .sf-c-aqua\:90\:dark { color: hsl(var(--sf-c-txt-aqua-90)); background: hsl(var(--sf-c-aqua-10)) } html[data-theme='dark'] .sf-c-aqua\:100\:dark, html.dark .sf-c-aqua\:100\:dark { color: hsl(var(--sf-c-txt-aqua-90)); background: hsl(var(--sf-c-aqua-0)) } +html[data-theme='dark'] .sf-c-txt-aqua, html.dark .sf-c-txt-aqua { color: hsl(var(--sf-c-txt-aqua)) } +html[data-theme='dark'] .sf-c-txt-aqua\:0, html.dark .sf-c-txt-aqua\:0 { color: hsl(var(--sf-c-txt-aqua-0)) } +html[data-theme='dark'] .sf-c-txt-aqua\:10, html.dark .sf-c-txt-aqua\:10 { color: hsl(var(--sf-c-txt-aqua-10)) } +html[data-theme='dark'] .sf-c-txt-aqua\:20, html.dark .sf-c-txt-aqua\:20 { color: hsl(var(--sf-c-txt-aqua-20)) } +html[data-theme='dark'] .sf-c-txt-aqua\:30, html.dark .sf-c-txt-aqua\:30 { color: hsl(var(--sf-c-txt-aqua-30)) } +html[data-theme='dark'] .sf-c-txt-aqua\:40, html.dark .sf-c-txt-aqua\:40 { color: hsl(var(--sf-c-txt-aqua-40)) } +html[data-theme='dark'] .sf-c-txt-aqua\:50, html.dark .sf-c-txt-aqua\:50 { color: hsl(var(--sf-c-txt-aqua-50)) } +html[data-theme='dark'] .sf-c-txt-aqua\:60, html.dark .sf-c-txt-aqua\:60 { color: hsl(var(--sf-c-txt-aqua-60)) } +html[data-theme='dark'] .sf-c-txt-aqua\:70, html.dark .sf-c-txt-aqua\:70 { color: hsl(var(--sf-c-txt-aqua-70)) } +html[data-theme='dark'] .sf-c-txt-aqua\:80, html.dark .sf-c-txt-aqua\:80 { color: hsl(var(--sf-c-txt-aqua-80)) } +html[data-theme='dark'] .sf-c-txt-aqua\:90, html.dark .sf-c-txt-aqua\:90 { color: hsl(var(--sf-c-txt-aqua-90)) } +html[data-theme='dark'] .sf-c-txt-aqua\:100, html.dark .sf-c-txt-aqua\:100 { color: hsl(var(--sf-c-txt-aqua-100)) } + +html[data-theme='dark'] .sf-c-txt-aqua\:dark, html.dark .sf-c-txt-aqua\:dark { color: hsl(var(--sf-c-txt-aqua)) } +html[data-theme='dark'] .sf-c-txt-aqua\:0\:dark, html.dark .sf-c-txt-aqua\:0\:dark { color: hsl(var(--sf-dark-c-txt-aqua-0)) } +html[data-theme='dark'] .sf-c-txt-aqua\:10\:dark, html.dark .sf-c-txt-aqua\:10\:dark { color: hsl(var(--sf-dark-c-txt-aqua-10)) } +html[data-theme='dark'] .sf-c-txt-aqua\:20\:dark, html.dark .sf-c-txt-aqua\:20\:dark { color: hsl(var(--sf-dark-c-txt-aqua-20)) } +html[data-theme='dark'] .sf-c-txt-aqua\:30\:dark, html.dark .sf-c-txt-aqua\:30\:dark { color: hsl(var(--sf-dark-c-txt-aqua-30)) } +html[data-theme='dark'] .sf-c-txt-aqua\:40\:dark, html.dark .sf-c-txt-aqua\:40\:dark { color: hsl(var(--sf-dark-c-txt-aqua-40)) } +html[data-theme='dark'] .sf-c-txt-aqua\:50\:dark, html.dark .sf-c-txt-aqua\:50\:dark { color: hsl(var(--sf-dark-c-txt-aqua-50)) } +html[data-theme='dark'] .sf-c-txt-aqua\:60\:dark, html.dark .sf-c-txt-aqua\:60\:dark { color: hsl(var(--sf-dark-c-txt-aqua-60)) } +html[data-theme='dark'] .sf-c-txt-aqua\:70\:dark, html.dark .sf-c-txt-aqua\:70\:dark { color: hsl(var(--sf-dark-c-txt-aqua-70)) } +html[data-theme='dark'] .sf-c-txt-aqua\:80\:dark, html.dark .sf-c-txt-aqua\:80\:dark { color: hsl(var(--sf-dark-c-txt-aqua-80)) } +html[data-theme='dark'] .sf-c-txt-aqua\:90\:dark, html.dark .sf-c-txt-aqua\:90\:dark { color: hsl(var(--sf-dark-c-txt-aqua-90)) } +html[data-theme='dark'] .sf-c-txt-aqua\:100\:dark, html.dark .sf-c-txt-aqua\:100\:dark { color: hsl(var(--sf-dark-c-txt-aqua-100)) } + html.var[data-theme='dark'] .sf-c-aqua, html.var.dark .sf-c-aqua { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } html.var[data-theme='dark'] .sf-c-aqua\:0, html.var.dark .sf-c-aqua\:0 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 100%) } html.var[data-theme='dark'] .sf-c-aqua\:10, html.var.dark .sf-c-aqua\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-aqua\:80\:dark, html.var.dark .sf-c-aqua\:80\: html.var[data-theme='dark'] .sf-c-aqua\:90\:dark, html.var.dark .sf-c-aqua\:90\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } html.var[data-theme='dark'] .sf-c-aqua\:100\:dark, html.var.dark .sf-c-aqua\:100\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aqua, html.dark .sf-c-txt-aqua { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:0, html.dark .sf-c-txt-aqua\:0 { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:10, html.dark .sf-c-txt-aqua\:10 { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:20, html.dark .sf-c-txt-aqua\:20 { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:30, html.dark .sf-c-txt-aqua\:30 { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:40, html.dark .sf-c-txt-aqua\:40 { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:50, html.dark .sf-c-txt-aqua\:50 { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:60, html.dark .sf-c-txt-aqua\:60 { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:70, html.dark .sf-c-txt-aqua\:70 { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:80, html.dark .sf-c-txt-aqua\:80 { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:90, html.dark .sf-c-txt-aqua\:90 { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:100, html.dark .sf-c-txt-aqua\:100 { color: hsl(180, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-aqua\:dark, html.dark .sf-c-txt-aqua\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:0\:dark, html.dark .sf-c-txt-aqua\:0\:dark { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:10\:dark, html.dark .sf-c-txt-aqua\:10\:dark { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:20\:dark, html.dark .sf-c-txt-aqua\:20\:dark { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:30\:dark, html.dark .sf-c-txt-aqua\:30\:dark { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:40\:dark, html.dark .sf-c-txt-aqua\:40\:dark { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:50\:dark, html.dark .sf-c-txt-aqua\:50\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:60\:dark, html.dark .sf-c-txt-aqua\:60\:dark { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:70\:dark, html.dark .sf-c-txt-aqua\:70\:dark { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:80\:dark, html.dark .sf-c-txt-aqua\:80\:dark { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:90\:dark, html.dark .sf-c-txt-aqua\:90\:dark { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:100\:dark, html.dark .sf-c-txt-aqua\:100\:dark { color: hsl(180, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-aqua, html.auto .sf-c-aqua { color: hsl(var(--sf-dark-c-txt-aqua-10)); background: hsl(var(--sf-dark-c-aqua)) } html[data-theme='auto'] .sf-c-aqua\:0, html.auto .sf-c-aqua\:0 { color: hsl(var(--sf-dark-c-txt-aqua-90)); background: hsl(var(--sf-dark-c-aqua-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-aqua\:100\:dark, html.var.dark .sf-c-aqua\:100 html[data-theme='auto'] .sf-c-aqua\:90\:dark, html.auto .sf-c-aqua\:90\:dark { color: hsl(var(--sf-c-txt-aqua-90)); background: hsl(var(--sf-c-aqua-10)) } html[data-theme='auto'] .sf-c-aqua\:100\:dark, html.auto .sf-c-aqua\:100\:dark { color: hsl(var(--sf-c-txt-aqua-90)); background: hsl(var(--sf-c-aqua-0)) } + html[data-theme='auto'] .sf-c-txt-aqua, html.auto .sf-c-txt-aqua { color: hsl(var(--sf-c-txt-aqua)) } + html[data-theme='auto'] .sf-c-txt-aqua\:0, html.auto .sf-c-txt-aqua\:0 { color: hsl(var(--sf-c-txt-aqua-0)) } + html[data-theme='auto'] .sf-c-txt-aqua\:10, html.auto .sf-c-txt-aqua\:10 { color: hsl(var(--sf-c-txt-aqua-10)) } + html[data-theme='auto'] .sf-c-txt-aqua\:20, html.auto .sf-c-txt-aqua\:20 { color: hsl(var(--sf-c-txt-aqua-20)) } + html[data-theme='auto'] .sf-c-txt-aqua\:30, html.auto .sf-c-txt-aqua\:30 { color: hsl(var(--sf-c-txt-aqua-30)) } + html[data-theme='auto'] .sf-c-txt-aqua\:40, html.auto .sf-c-txt-aqua\:40 { color: hsl(var(--sf-c-txt-aqua-40)) } + html[data-theme='auto'] .sf-c-txt-aqua\:50, html.auto .sf-c-txt-aqua\:50 { color: hsl(var(--sf-c-txt-aqua-50)) } + html[data-theme='auto'] .sf-c-txt-aqua\:60, html.auto .sf-c-txt-aqua\:60 { color: hsl(var(--sf-c-txt-aqua-60)) } + html[data-theme='auto'] .sf-c-txt-aqua\:70, html.auto .sf-c-txt-aqua\:70 { color: hsl(var(--sf-c-txt-aqua-70)) } + html[data-theme='auto'] .sf-c-txt-aqua\:80, html.auto .sf-c-txt-aqua\:80 { color: hsl(var(--sf-c-txt-aqua-80)) } + html[data-theme='auto'] .sf-c-txt-aqua\:90, html.auto .sf-c-txt-aqua\:90 { color: hsl(var(--sf-c-txt-aqua-90)) } + html[data-theme='auto'] .sf-c-txt-aqua\:100, html.auto .sf-c-txt-aqua\:100 { color: hsl(var(--sf-c-txt-aqua-100)) } + + html[data-theme='auto'] .sf-c-txt-aqua\:dark, html.auto .sf-c-txt-aqua\:dark { color: hsl(var(--sf-c-txt-aqua)) } + html[data-theme='auto'] .sf-c-txt-aqua\:0\:dark, html.auto .sf-c-txt-aqua\:0\:dark { color: hsl(var(--sf-c-txt-aqua-0)) } + html[data-theme='auto'] .sf-c-txt-aqua\:10\:dark, html.auto .sf-c-txt-aqua\:10\:dark { color: hsl(var(--sf-c-txt-aqua-10)) } + html[data-theme='auto'] .sf-c-txt-aqua\:20\:dark, html.auto .sf-c-txt-aqua\:20\:dark { color: hsl(var(--sf-c-txt-aqua-20)) } + html[data-theme='auto'] .sf-c-txt-aqua\:30\:dark, html.auto .sf-c-txt-aqua\:30\:dark { color: hsl(var(--sf-c-txt-aqua-30)) } + html[data-theme='auto'] .sf-c-txt-aqua\:40\:dark, html.auto .sf-c-txt-aqua\:40\:dark { color: hsl(var(--sf-c-txt-aqua-40)) } + html[data-theme='auto'] .sf-c-txt-aqua\:50\:dark, html.auto .sf-c-txt-aqua\:50\:dark { color: hsl(var(--sf-c-txt-aqua-50)) } + html[data-theme='auto'] .sf-c-txt-aqua\:60\:dark, html.auto .sf-c-txt-aqua\:60\:dark { color: hsl(var(--sf-c-txt-aqua-60)) } + html[data-theme='auto'] .sf-c-txt-aqua\:70\:dark, html.auto .sf-c-txt-aqua\:70\:dark { color: hsl(var(--sf-c-txt-aqua-70)) } + html[data-theme='auto'] .sf-c-txt-aqua\:80\:dark, html.auto .sf-c-txt-aqua\:80\:dark { color: hsl(var(--sf-c-txt-aqua-80)) } + html[data-theme='auto'] .sf-c-txt-aqua\:90\:dark, html.auto .sf-c-txt-aqua\:90\:dark { color: hsl(var(--sf-c-txt-aqua-90)) } + html[data-theme='auto'] .sf-c-txt-aqua\:100\:dark, html.auto .sf-c-txt-aqua\:100\:dark { color: hsl(var(--sf-c-txt-aqua-100)) } + html.var[data-theme='auto'] .sf-c-aqua, html.var.auto .sf-c-aqua { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } html.var[data-theme='auto'] .sf-c-aqua\:0, html.var.auto .sf-c-aqua\:0 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 100%) } html.var[data-theme='auto'] .sf-c-aqua\:10, html.var.auto .sf-c-aqua\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-aqua\:100\:dark, html.var.dark .sf-c-aqua\:100 html.var[data-theme='auto'] .sf-c-aqua\:80\:dark, html.var.auto .sf-c-aqua\:80\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } html.var[data-theme='auto'] .sf-c-aqua\:90\:dark, html.var.auto .sf-c-aqua\:90\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } html.var[data-theme='auto'] .sf-c-aqua\:100\:dark, html.var.auto .sf-c-aqua\:100\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -} -.sf-c-txt-aqua { color: hsl(var(--sf-c-txt-aqua)) } -.sf-c-txt-aqua\:0 { color: hsl(var(--sf-c-txt-aqua-0)) } -.sf-c-txt-aqua\:10 { color: hsl(var(--sf-c-txt-aqua-10)) } -.sf-c-txt-aqua\:20 { color: hsl(var(--sf-c-txt-aqua-20)) } -.sf-c-txt-aqua\:30 { color: hsl(var(--sf-c-txt-aqua-30)) } -.sf-c-txt-aqua\:40 { color: hsl(var(--sf-c-txt-aqua-40)) } -.sf-c-txt-aqua\:50 { color: hsl(var(--sf-c-txt-aqua-50)) } -.sf-c-txt-aqua\:60 { color: hsl(var(--sf-c-txt-aqua-60)) } -.sf-c-txt-aqua\:70 { color: hsl(var(--sf-c-txt-aqua-70)) } -.sf-c-txt-aqua\:80 { color: hsl(var(--sf-c-txt-aqua-80)) } -.sf-c-txt-aqua\:90 { color: hsl(var(--sf-c-txt-aqua-90)) } -.sf-c-txt-aqua\:100 { color: hsl(var(--sf-c-txt-aqua-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-aqua, html.auto .sf-c-txt-aqua { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:0, html.auto .sf-c-txt-aqua\:0 { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:10, html.auto .sf-c-txt-aqua\:10 { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:20, html.auto .sf-c-txt-aqua\:20 { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:30, html.auto .sf-c-txt-aqua\:30 { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:40, html.auto .sf-c-txt-aqua\:40 { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:50, html.auto .sf-c-txt-aqua\:50 { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:60, html.auto .sf-c-txt-aqua\:60 { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:70, html.auto .sf-c-txt-aqua\:70 { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:80, html.auto .sf-c-txt-aqua\:80 { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:90, html.auto .sf-c-txt-aqua\:90 { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:100, html.auto .sf-c-txt-aqua\:100 { color: hsl(180, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-aqua\:dark, html.auto .sf-c-txt-aqua\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:0\:dark, html.auto .sf-c-txt-aqua\:0\:dark { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:10\:dark, html.auto .sf-c-txt-aqua\:10\:dark { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:20\:dark, html.auto .sf-c-txt-aqua\:20\:dark { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:30\:dark, html.auto .sf-c-txt-aqua\:30\:dark { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:40\:dark, html.auto .sf-c-txt-aqua\:40\:dark { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:50\:dark, html.auto .sf-c-txt-aqua\:50\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:60\:dark, html.auto .sf-c-txt-aqua\:60\:dark { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:70\:dark, html.auto .sf-c-txt-aqua\:70\:dark { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:80\:dark, html.auto .sf-c-txt-aqua\:80\:dark { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:90\:dark, html.auto .sf-c-txt-aqua\:90\:dark { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:100\:dark, html.auto .sf-c-txt-aqua\:100\:dark { color: hsl(180, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/aquamarine.css b/src/colors/10/aquamarine.css index 4041308..56aad55 100644 --- a/src/colors/10/aquamarine.css +++ b/src/colors/10/aquamarine.css @@ -78,6 +78,32 @@ html.var .sf-c-aquamarine\:80 { color: hsl(160, 100%, 10%); background: hsl(160, html.var .sf-c-aquamarine\:90 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 90%) } html.var .sf-c-aquamarine\:100 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 100%) } +.sf-c-txt-aquamarine { color: hsl(var(--sf-dark-c-txt-aquamarine)) } +.sf-c-txt-aquamarine\:0 { color: hsl(var(--sf-dark-c-txt-aquamarine-100)) } +.sf-c-txt-aquamarine\:10 { color: hsl(var(--sf-dark-c-txt-aquamarine-90)) } +.sf-c-txt-aquamarine\:20 { color: hsl(var(--sf-dark-c-txt-aquamarine-80)) } +.sf-c-txt-aquamarine\:30 { color: hsl(var(--sf-dark-c-txt-aquamarine-70)) } +.sf-c-txt-aquamarine\:40 { color: hsl(var(--sf-dark-c-txt-aquamarine-60)) } +.sf-c-txt-aquamarine\:50 { color: hsl(var(--sf-dark-c-txt-aquamarine-50)) } +.sf-c-txt-aquamarine\:60 { color: hsl(var(--sf-dark-c-txt-aquamarine-40)) } +.sf-c-txt-aquamarine\:70 { color: hsl(var(--sf-dark-c-txt-aquamarine-30)) } +.sf-c-txt-aquamarine\:80 { color: hsl(var(--sf-dark-c-txt-aquamarine-20)) } +.sf-c-txt-aquamarine\:90 { color: hsl(var(--sf-dark-c-txt-aquamarine-10)) } +.sf-c-txt-aquamarine\:100 { color: hsl(var(--sf-dark-c-txt-aquamarine-0)) } + +html.var .sf-c-txt-aquamarine { color: hsl(160, 100%, 25%) } +html.var .sf-c-txt-aquamarine\:0 { color: hsl(160, 100%, 100%) } +html.var .sf-c-txt-aquamarine\:10 { color: hsl(160, 100%, 90%) } +html.var .sf-c-txt-aquamarine\:20 { color: hsl(160, 100%, 80%) } +html.var .sf-c-txt-aquamarine\:30 { color: hsl(160, 100%, 70%) } +html.var .sf-c-txt-aquamarine\:40 { color: hsl(160, 100%, 60%) } +html.var .sf-c-txt-aquamarine\:50 { color: hsl(160, 100%, 50%) } +html.var .sf-c-txt-aquamarine\:60 { color: hsl(160, 100%, 40%) } +html.var .sf-c-txt-aquamarine\:70 { color: hsl(160, 100%, 30%) } +html.var .sf-c-txt-aquamarine\:80 { color: hsl(160, 100%, 20%) } +html.var .sf-c-txt-aquamarine\:90 { color: hsl(160, 100%, 10%) } +html.var .sf-c-txt-aquamarine\:100 { color: hsl(160, 100%, 0%) } + html[data-theme='dark'] .sf-c-aquamarine, html.dark .sf-c-aquamarine { color: hsl(var(--sf-dark-c-txt-aquamarine-90)); background: hsl(var(--sf-dark-c-aquamarine)) } html[data-theme='dark'] .sf-c-aquamarine\:0, html.dark .sf-c-aquamarine\:0 { color: hsl(var(--sf-dark-c-txt-aquamarine-90)); background: hsl(var(--sf-dark-c-aquamarine-100)) } html[data-theme='dark'] .sf-c-aquamarine\:10, html.dark .sf-c-aquamarine\:10 { color: hsl(var(--sf-dark-c-txt-aquamarine-10)); background: hsl(var(--sf-dark-c-aquamarine-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-aquamarine\:80\:dark, html.dark .sf-c-aquamarine\: html[data-theme='dark'] .sf-c-aquamarine\:90\:dark, html.dark .sf-c-aquamarine\:90\:dark { color: hsl(var(--sf-c-txt-aquamarine-90)); background: hsl(var(--sf-c-aquamarine-10)) } html[data-theme='dark'] .sf-c-aquamarine\:100\:dark, html.dark .sf-c-aquamarine\:100\:dark { color: hsl(var(--sf-c-txt-aquamarine-90)); background: hsl(var(--sf-c-aquamarine-0)) } +html[data-theme='dark'] .sf-c-txt-aquamarine, html.dark .sf-c-txt-aquamarine { color: hsl(var(--sf-c-txt-aquamarine)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:0, html.dark .sf-c-txt-aquamarine\:0 { color: hsl(var(--sf-c-txt-aquamarine-0)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:10, html.dark .sf-c-txt-aquamarine\:10 { color: hsl(var(--sf-c-txt-aquamarine-10)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:20, html.dark .sf-c-txt-aquamarine\:20 { color: hsl(var(--sf-c-txt-aquamarine-20)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:30, html.dark .sf-c-txt-aquamarine\:30 { color: hsl(var(--sf-c-txt-aquamarine-30)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:40, html.dark .sf-c-txt-aquamarine\:40 { color: hsl(var(--sf-c-txt-aquamarine-40)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:50, html.dark .sf-c-txt-aquamarine\:50 { color: hsl(var(--sf-c-txt-aquamarine-50)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:60, html.dark .sf-c-txt-aquamarine\:60 { color: hsl(var(--sf-c-txt-aquamarine-60)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:70, html.dark .sf-c-txt-aquamarine\:70 { color: hsl(var(--sf-c-txt-aquamarine-70)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:80, html.dark .sf-c-txt-aquamarine\:80 { color: hsl(var(--sf-c-txt-aquamarine-80)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:90, html.dark .sf-c-txt-aquamarine\:90 { color: hsl(var(--sf-c-txt-aquamarine-90)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:100, html.dark .sf-c-txt-aquamarine\:100 { color: hsl(var(--sf-c-txt-aquamarine-100)) } + +html[data-theme='dark'] .sf-c-txt-aquamarine\:dark, html.dark .sf-c-txt-aquamarine\:dark { color: hsl(var(--sf-c-txt-aquamarine)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:0\:dark, html.dark .sf-c-txt-aquamarine\:0\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-0)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:10\:dark, html.dark .sf-c-txt-aquamarine\:10\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-10)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:20\:dark, html.dark .sf-c-txt-aquamarine\:20\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-20)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:30\:dark, html.dark .sf-c-txt-aquamarine\:30\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-30)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:40\:dark, html.dark .sf-c-txt-aquamarine\:40\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-40)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:50\:dark, html.dark .sf-c-txt-aquamarine\:50\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-50)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:60\:dark, html.dark .sf-c-txt-aquamarine\:60\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-60)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:70\:dark, html.dark .sf-c-txt-aquamarine\:70\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-70)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:80\:dark, html.dark .sf-c-txt-aquamarine\:80\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-80)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:90\:dark, html.dark .sf-c-txt-aquamarine\:90\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-90)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:100\:dark, html.dark .sf-c-txt-aquamarine\:100\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-100)) } + html.var[data-theme='dark'] .sf-c-aquamarine, html.var.dark .sf-c-aquamarine { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 25%) } html.var[data-theme='dark'] .sf-c-aquamarine\:0, html.var.dark .sf-c-aquamarine\:0 { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 100%) } html.var[data-theme='dark'] .sf-c-aquamarine\:10, html.var.dark .sf-c-aquamarine\:10 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-aquamarine\:80\:dark, html.var.dark .sf-c-aqua html.var[data-theme='dark'] .sf-c-aquamarine\:90\:dark, html.var.dark .sf-c-aquamarine\:90\:dark { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 10%) } html.var[data-theme='dark'] .sf-c-aquamarine\:100\:dark, html.var.dark .sf-c-aquamarine\:100\:dark { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine, html.dark .sf-c-txt-aquamarine { color: hsl(160, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:0, html.dark .sf-c-txt-aquamarine\:0 { color: hsl(160, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:10, html.dark .sf-c-txt-aquamarine\:10 { color: hsl(160, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:20, html.dark .sf-c-txt-aquamarine\:20 { color: hsl(160, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:30, html.dark .sf-c-txt-aquamarine\:30 { color: hsl(160, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:40, html.dark .sf-c-txt-aquamarine\:40 { color: hsl(160, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:50, html.dark .sf-c-txt-aquamarine\:50 { color: hsl(160, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:60, html.dark .sf-c-txt-aquamarine\:60 { color: hsl(160, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:70, html.dark .sf-c-txt-aquamarine\:70 { color: hsl(160, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:80, html.dark .sf-c-txt-aquamarine\:80 { color: hsl(160, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:90, html.dark .sf-c-txt-aquamarine\:90 { color: hsl(160, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:100, html.dark .sf-c-txt-aquamarine\:100 { color: hsl(160, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:dark, html.dark .sf-c-txt-aquamarine\:dark { color: hsl(160, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:0\:dark, html.dark .sf-c-txt-aquamarine\:0\:dark { color: hsl(160, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:10\:dark, html.dark .sf-c-txt-aquamarine\:10\:dark { color: hsl(160, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:20\:dark, html.dark .sf-c-txt-aquamarine\:20\:dark { color: hsl(160, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:30\:dark, html.dark .sf-c-txt-aquamarine\:30\:dark { color: hsl(160, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:40\:dark, html.dark .sf-c-txt-aquamarine\:40\:dark { color: hsl(160, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:50\:dark, html.dark .sf-c-txt-aquamarine\:50\:dark { color: hsl(160, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:60\:dark, html.dark .sf-c-txt-aquamarine\:60\:dark { color: hsl(160, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:70\:dark, html.dark .sf-c-txt-aquamarine\:70\:dark { color: hsl(160, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:80\:dark, html.dark .sf-c-txt-aquamarine\:80\:dark { color: hsl(160, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:90\:dark, html.dark .sf-c-txt-aquamarine\:90\:dark { color: hsl(160, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:100\:dark, html.dark .sf-c-txt-aquamarine\:100\:dark { color: hsl(160, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-aquamarine, html.auto .sf-c-aquamarine { color: hsl(var(--sf-dark-c-txt-aquamarine-90)); background: hsl(var(--sf-dark-c-aquamarine)) } html[data-theme='auto'] .sf-c-aquamarine\:0, html.auto .sf-c-aquamarine\:0 { color: hsl(var(--sf-dark-c-txt-aquamarine-90)); background: hsl(var(--sf-dark-c-aquamarine-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-aquamarine\:100\:dark, html.var.dark .sf-c-aqu html[data-theme='auto'] .sf-c-aquamarine\:90\:dark, html.auto .sf-c-aquamarine\:90\:dark { color: hsl(var(--sf-c-txt-aquamarine-90)); background: hsl(var(--sf-c-aquamarine-10)) } html[data-theme='auto'] .sf-c-aquamarine\:100\:dark, html.auto .sf-c-aquamarine\:100\:dark { color: hsl(var(--sf-c-txt-aquamarine-90)); background: hsl(var(--sf-c-aquamarine-0)) } + html[data-theme='auto'] .sf-c-txt-aquamarine, html.auto .sf-c-txt-aquamarine { color: hsl(var(--sf-c-txt-aquamarine)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:0, html.auto .sf-c-txt-aquamarine\:0 { color: hsl(var(--sf-c-txt-aquamarine-0)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:10, html.auto .sf-c-txt-aquamarine\:10 { color: hsl(var(--sf-c-txt-aquamarine-10)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:20, html.auto .sf-c-txt-aquamarine\:20 { color: hsl(var(--sf-c-txt-aquamarine-20)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:30, html.auto .sf-c-txt-aquamarine\:30 { color: hsl(var(--sf-c-txt-aquamarine-30)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:40, html.auto .sf-c-txt-aquamarine\:40 { color: hsl(var(--sf-c-txt-aquamarine-40)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:50, html.auto .sf-c-txt-aquamarine\:50 { color: hsl(var(--sf-c-txt-aquamarine-50)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:60, html.auto .sf-c-txt-aquamarine\:60 { color: hsl(var(--sf-c-txt-aquamarine-60)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:70, html.auto .sf-c-txt-aquamarine\:70 { color: hsl(var(--sf-c-txt-aquamarine-70)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:80, html.auto .sf-c-txt-aquamarine\:80 { color: hsl(var(--sf-c-txt-aquamarine-80)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:90, html.auto .sf-c-txt-aquamarine\:90 { color: hsl(var(--sf-c-txt-aquamarine-90)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:100, html.auto .sf-c-txt-aquamarine\:100 { color: hsl(var(--sf-c-txt-aquamarine-100)) } + + html[data-theme='auto'] .sf-c-txt-aquamarine\:dark, html.auto .sf-c-txt-aquamarine\:dark { color: hsl(var(--sf-c-txt-aquamarine)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:0\:dark, html.auto .sf-c-txt-aquamarine\:0\:dark { color: hsl(var(--sf-c-txt-aquamarine-0)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:10\:dark, html.auto .sf-c-txt-aquamarine\:10\:dark { color: hsl(var(--sf-c-txt-aquamarine-10)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:20\:dark, html.auto .sf-c-txt-aquamarine\:20\:dark { color: hsl(var(--sf-c-txt-aquamarine-20)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:30\:dark, html.auto .sf-c-txt-aquamarine\:30\:dark { color: hsl(var(--sf-c-txt-aquamarine-30)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:40\:dark, html.auto .sf-c-txt-aquamarine\:40\:dark { color: hsl(var(--sf-c-txt-aquamarine-40)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:50\:dark, html.auto .sf-c-txt-aquamarine\:50\:dark { color: hsl(var(--sf-c-txt-aquamarine-50)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:60\:dark, html.auto .sf-c-txt-aquamarine\:60\:dark { color: hsl(var(--sf-c-txt-aquamarine-60)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:70\:dark, html.auto .sf-c-txt-aquamarine\:70\:dark { color: hsl(var(--sf-c-txt-aquamarine-70)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:80\:dark, html.auto .sf-c-txt-aquamarine\:80\:dark { color: hsl(var(--sf-c-txt-aquamarine-80)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:90\:dark, html.auto .sf-c-txt-aquamarine\:90\:dark { color: hsl(var(--sf-c-txt-aquamarine-90)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:100\:dark, html.auto .sf-c-txt-aquamarine\:100\:dark { color: hsl(var(--sf-c-txt-aquamarine-100)) } + html.var[data-theme='auto'] .sf-c-aquamarine, html.var.auto .sf-c-aquamarine { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 25%) } html.var[data-theme='auto'] .sf-c-aquamarine\:0, html.var.auto .sf-c-aquamarine\:0 { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 100%) } html.var[data-theme='auto'] .sf-c-aquamarine\:10, html.var.auto .sf-c-aquamarine\:10 { color: hsl(160, 100%, 10%); background: hsl(160, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-aquamarine\:100\:dark, html.var.dark .sf-c-aqu html.var[data-theme='auto'] .sf-c-aquamarine\:80\:dark, html.var.auto .sf-c-aquamarine\:80\:dark { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 20%) } html.var[data-theme='auto'] .sf-c-aquamarine\:90\:dark, html.var.auto .sf-c-aquamarine\:90\:dark { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 10%) } html.var[data-theme='auto'] .sf-c-aquamarine\:100\:dark, html.var.auto .sf-c-aquamarine\:100\:dark { color: hsl(160, 100%, 90%); background: hsl(160, 100%, 0%) } -} -.sf-c-txt-aquamarine { color: hsl(var(--sf-c-txt-aquamarine)) } -.sf-c-txt-aquamarine\:0 { color: hsl(var(--sf-c-txt-aquamarine-0)) } -.sf-c-txt-aquamarine\:10 { color: hsl(var(--sf-c-txt-aquamarine-10)) } -.sf-c-txt-aquamarine\:20 { color: hsl(var(--sf-c-txt-aquamarine-20)) } -.sf-c-txt-aquamarine\:30 { color: hsl(var(--sf-c-txt-aquamarine-30)) } -.sf-c-txt-aquamarine\:40 { color: hsl(var(--sf-c-txt-aquamarine-40)) } -.sf-c-txt-aquamarine\:50 { color: hsl(var(--sf-c-txt-aquamarine-50)) } -.sf-c-txt-aquamarine\:60 { color: hsl(var(--sf-c-txt-aquamarine-60)) } -.sf-c-txt-aquamarine\:70 { color: hsl(var(--sf-c-txt-aquamarine-70)) } -.sf-c-txt-aquamarine\:80 { color: hsl(var(--sf-c-txt-aquamarine-80)) } -.sf-c-txt-aquamarine\:90 { color: hsl(var(--sf-c-txt-aquamarine-90)) } -.sf-c-txt-aquamarine\:100 { color: hsl(var(--sf-c-txt-aquamarine-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-aquamarine, html.auto .sf-c-txt-aquamarine { color: hsl(160, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:0, html.auto .sf-c-txt-aquamarine\:0 { color: hsl(160, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:10, html.auto .sf-c-txt-aquamarine\:10 { color: hsl(160, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:20, html.auto .sf-c-txt-aquamarine\:20 { color: hsl(160, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:30, html.auto .sf-c-txt-aquamarine\:30 { color: hsl(160, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:40, html.auto .sf-c-txt-aquamarine\:40 { color: hsl(160, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:50, html.auto .sf-c-txt-aquamarine\:50 { color: hsl(160, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:60, html.auto .sf-c-txt-aquamarine\:60 { color: hsl(160, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:70, html.auto .sf-c-txt-aquamarine\:70 { color: hsl(160, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:80, html.auto .sf-c-txt-aquamarine\:80 { color: hsl(160, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:90, html.auto .sf-c-txt-aquamarine\:90 { color: hsl(160, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:100, html.auto .sf-c-txt-aquamarine\:100 { color: hsl(160, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:dark, html.auto .sf-c-txt-aquamarine\:dark { color: hsl(160, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:0\:dark, html.auto .sf-c-txt-aquamarine\:0\:dark { color: hsl(160, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:10\:dark, html.auto .sf-c-txt-aquamarine\:10\:dark { color: hsl(160, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:20\:dark, html.auto .sf-c-txt-aquamarine\:20\:dark { color: hsl(160, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:30\:dark, html.auto .sf-c-txt-aquamarine\:30\:dark { color: hsl(160, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:40\:dark, html.auto .sf-c-txt-aquamarine\:40\:dark { color: hsl(160, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:50\:dark, html.auto .sf-c-txt-aquamarine\:50\:dark { color: hsl(160, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:60\:dark, html.auto .sf-c-txt-aquamarine\:60\:dark { color: hsl(160, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:70\:dark, html.auto .sf-c-txt-aquamarine\:70\:dark { color: hsl(160, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:80\:dark, html.auto .sf-c-txt-aquamarine\:80\:dark { color: hsl(160, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:90\:dark, html.auto .sf-c-txt-aquamarine\:90\:dark { color: hsl(160, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:100\:dark, html.auto .sf-c-txt-aquamarine\:100\:dark { color: hsl(160, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/azure.css b/src/colors/10/azure.css index 4f517cb..c480ccf 100644 --- a/src/colors/10/azure.css +++ b/src/colors/10/azure.css @@ -78,6 +78,32 @@ html.var .sf-c-azure\:80 { color: hsl(180, 100%, 10%); background: hsl(180, 100% html.var .sf-c-azure\:90 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } html.var .sf-c-azure\:100 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } +.sf-c-txt-azure { color: hsl(var(--sf-dark-c-txt-azure)) } +.sf-c-txt-azure\:0 { color: hsl(var(--sf-dark-c-txt-azure-100)) } +.sf-c-txt-azure\:10 { color: hsl(var(--sf-dark-c-txt-azure-90)) } +.sf-c-txt-azure\:20 { color: hsl(var(--sf-dark-c-txt-azure-80)) } +.sf-c-txt-azure\:30 { color: hsl(var(--sf-dark-c-txt-azure-70)) } +.sf-c-txt-azure\:40 { color: hsl(var(--sf-dark-c-txt-azure-60)) } +.sf-c-txt-azure\:50 { color: hsl(var(--sf-dark-c-txt-azure-50)) } +.sf-c-txt-azure\:60 { color: hsl(var(--sf-dark-c-txt-azure-40)) } +.sf-c-txt-azure\:70 { color: hsl(var(--sf-dark-c-txt-azure-30)) } +.sf-c-txt-azure\:80 { color: hsl(var(--sf-dark-c-txt-azure-20)) } +.sf-c-txt-azure\:90 { color: hsl(var(--sf-dark-c-txt-azure-10)) } +.sf-c-txt-azure\:100 { color: hsl(var(--sf-dark-c-txt-azure-0)) } + +html.var .sf-c-txt-azure { color: hsl(180, 100%, 3%) } +html.var .sf-c-txt-azure\:0 { color: hsl(180, 100%, 100%) } +html.var .sf-c-txt-azure\:10 { color: hsl(180, 100%, 90%) } +html.var .sf-c-txt-azure\:20 { color: hsl(180, 100%, 80%) } +html.var .sf-c-txt-azure\:30 { color: hsl(180, 100%, 70%) } +html.var .sf-c-txt-azure\:40 { color: hsl(180, 100%, 60%) } +html.var .sf-c-txt-azure\:50 { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-azure\:60 { color: hsl(180, 100%, 40%) } +html.var .sf-c-txt-azure\:70 { color: hsl(180, 100%, 30%) } +html.var .sf-c-txt-azure\:80 { color: hsl(180, 100%, 20%) } +html.var .sf-c-txt-azure\:90 { color: hsl(180, 100%, 10%) } +html.var .sf-c-txt-azure\:100 { color: hsl(180, 100%, 0%) } + html[data-theme='dark'] .sf-c-azure, html.dark .sf-c-azure { color: hsl(var(--sf-dark-c-txt-azure-90)); background: hsl(var(--sf-dark-c-azure)) } html[data-theme='dark'] .sf-c-azure\:0, html.dark .sf-c-azure\:0 { color: hsl(var(--sf-dark-c-txt-azure-90)); background: hsl(var(--sf-dark-c-azure-100)) } html[data-theme='dark'] .sf-c-azure\:10, html.dark .sf-c-azure\:10 { color: hsl(var(--sf-dark-c-txt-azure-10)); background: hsl(var(--sf-dark-c-azure-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-azure\:80\:dark, html.dark .sf-c-azure\:80\:dark { html[data-theme='dark'] .sf-c-azure\:90\:dark, html.dark .sf-c-azure\:90\:dark { color: hsl(var(--sf-c-txt-azure-90)); background: hsl(var(--sf-c-azure-10)) } html[data-theme='dark'] .sf-c-azure\:100\:dark, html.dark .sf-c-azure\:100\:dark { color: hsl(var(--sf-c-txt-azure-90)); background: hsl(var(--sf-c-azure-0)) } +html[data-theme='dark'] .sf-c-txt-azure, html.dark .sf-c-txt-azure { color: hsl(var(--sf-c-txt-azure)) } +html[data-theme='dark'] .sf-c-txt-azure\:0, html.dark .sf-c-txt-azure\:0 { color: hsl(var(--sf-c-txt-azure-0)) } +html[data-theme='dark'] .sf-c-txt-azure\:10, html.dark .sf-c-txt-azure\:10 { color: hsl(var(--sf-c-txt-azure-10)) } +html[data-theme='dark'] .sf-c-txt-azure\:20, html.dark .sf-c-txt-azure\:20 { color: hsl(var(--sf-c-txt-azure-20)) } +html[data-theme='dark'] .sf-c-txt-azure\:30, html.dark .sf-c-txt-azure\:30 { color: hsl(var(--sf-c-txt-azure-30)) } +html[data-theme='dark'] .sf-c-txt-azure\:40, html.dark .sf-c-txt-azure\:40 { color: hsl(var(--sf-c-txt-azure-40)) } +html[data-theme='dark'] .sf-c-txt-azure\:50, html.dark .sf-c-txt-azure\:50 { color: hsl(var(--sf-c-txt-azure-50)) } +html[data-theme='dark'] .sf-c-txt-azure\:60, html.dark .sf-c-txt-azure\:60 { color: hsl(var(--sf-c-txt-azure-60)) } +html[data-theme='dark'] .sf-c-txt-azure\:70, html.dark .sf-c-txt-azure\:70 { color: hsl(var(--sf-c-txt-azure-70)) } +html[data-theme='dark'] .sf-c-txt-azure\:80, html.dark .sf-c-txt-azure\:80 { color: hsl(var(--sf-c-txt-azure-80)) } +html[data-theme='dark'] .sf-c-txt-azure\:90, html.dark .sf-c-txt-azure\:90 { color: hsl(var(--sf-c-txt-azure-90)) } +html[data-theme='dark'] .sf-c-txt-azure\:100, html.dark .sf-c-txt-azure\:100 { color: hsl(var(--sf-c-txt-azure-100)) } + +html[data-theme='dark'] .sf-c-txt-azure\:dark, html.dark .sf-c-txt-azure\:dark { color: hsl(var(--sf-c-txt-azure)) } +html[data-theme='dark'] .sf-c-txt-azure\:0\:dark, html.dark .sf-c-txt-azure\:0\:dark { color: hsl(var(--sf-dark-c-txt-azure-0)) } +html[data-theme='dark'] .sf-c-txt-azure\:10\:dark, html.dark .sf-c-txt-azure\:10\:dark { color: hsl(var(--sf-dark-c-txt-azure-10)) } +html[data-theme='dark'] .sf-c-txt-azure\:20\:dark, html.dark .sf-c-txt-azure\:20\:dark { color: hsl(var(--sf-dark-c-txt-azure-20)) } +html[data-theme='dark'] .sf-c-txt-azure\:30\:dark, html.dark .sf-c-txt-azure\:30\:dark { color: hsl(var(--sf-dark-c-txt-azure-30)) } +html[data-theme='dark'] .sf-c-txt-azure\:40\:dark, html.dark .sf-c-txt-azure\:40\:dark { color: hsl(var(--sf-dark-c-txt-azure-40)) } +html[data-theme='dark'] .sf-c-txt-azure\:50\:dark, html.dark .sf-c-txt-azure\:50\:dark { color: hsl(var(--sf-dark-c-txt-azure-50)) } +html[data-theme='dark'] .sf-c-txt-azure\:60\:dark, html.dark .sf-c-txt-azure\:60\:dark { color: hsl(var(--sf-dark-c-txt-azure-60)) } +html[data-theme='dark'] .sf-c-txt-azure\:70\:dark, html.dark .sf-c-txt-azure\:70\:dark { color: hsl(var(--sf-dark-c-txt-azure-70)) } +html[data-theme='dark'] .sf-c-txt-azure\:80\:dark, html.dark .sf-c-txt-azure\:80\:dark { color: hsl(var(--sf-dark-c-txt-azure-80)) } +html[data-theme='dark'] .sf-c-txt-azure\:90\:dark, html.dark .sf-c-txt-azure\:90\:dark { color: hsl(var(--sf-dark-c-txt-azure-90)) } +html[data-theme='dark'] .sf-c-txt-azure\:100\:dark, html.dark .sf-c-txt-azure\:100\:dark { color: hsl(var(--sf-dark-c-txt-azure-100)) } + html.var[data-theme='dark'] .sf-c-azure, html.var.dark .sf-c-azure { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 3%) } html.var[data-theme='dark'] .sf-c-azure\:0, html.var.dark .sf-c-azure\:0 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 100%) } html.var[data-theme='dark'] .sf-c-azure\:10, html.var.dark .sf-c-azure\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-azure\:80\:dark, html.var.dark .sf-c-azure\:80 html.var[data-theme='dark'] .sf-c-azure\:90\:dark, html.var.dark .sf-c-azure\:90\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } html.var[data-theme='dark'] .sf-c-azure\:100\:dark, html.var.dark .sf-c-azure\:100\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-azure, html.dark .sf-c-txt-azure { color: hsl(180, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:0, html.dark .sf-c-txt-azure\:0 { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:10, html.dark .sf-c-txt-azure\:10 { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:20, html.dark .sf-c-txt-azure\:20 { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:30, html.dark .sf-c-txt-azure\:30 { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:40, html.dark .sf-c-txt-azure\:40 { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:50, html.dark .sf-c-txt-azure\:50 { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:60, html.dark .sf-c-txt-azure\:60 { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:70, html.dark .sf-c-txt-azure\:70 { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:80, html.dark .sf-c-txt-azure\:80 { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:90, html.dark .sf-c-txt-azure\:90 { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:100, html.dark .sf-c-txt-azure\:100 { color: hsl(180, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-azure\:dark, html.dark .sf-c-txt-azure\:dark { color: hsl(180, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:0\:dark, html.dark .sf-c-txt-azure\:0\:dark { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:10\:dark, html.dark .sf-c-txt-azure\:10\:dark { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:20\:dark, html.dark .sf-c-txt-azure\:20\:dark { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:30\:dark, html.dark .sf-c-txt-azure\:30\:dark { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:40\:dark, html.dark .sf-c-txt-azure\:40\:dark { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:50\:dark, html.dark .sf-c-txt-azure\:50\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:60\:dark, html.dark .sf-c-txt-azure\:60\:dark { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:70\:dark, html.dark .sf-c-txt-azure\:70\:dark { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:80\:dark, html.dark .sf-c-txt-azure\:80\:dark { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:90\:dark, html.dark .sf-c-txt-azure\:90\:dark { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:100\:dark, html.dark .sf-c-txt-azure\:100\:dark { color: hsl(180, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-azure, html.auto .sf-c-azure { color: hsl(var(--sf-dark-c-txt-azure-90)); background: hsl(var(--sf-dark-c-azure)) } html[data-theme='auto'] .sf-c-azure\:0, html.auto .sf-c-azure\:0 { color: hsl(var(--sf-dark-c-txt-azure-90)); background: hsl(var(--sf-dark-c-azure-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-azure\:100\:dark, html.var.dark .sf-c-azure\:1 html[data-theme='auto'] .sf-c-azure\:90\:dark, html.auto .sf-c-azure\:90\:dark { color: hsl(var(--sf-c-txt-azure-90)); background: hsl(var(--sf-c-azure-10)) } html[data-theme='auto'] .sf-c-azure\:100\:dark, html.auto .sf-c-azure\:100\:dark { color: hsl(var(--sf-c-txt-azure-90)); background: hsl(var(--sf-c-azure-0)) } + html[data-theme='auto'] .sf-c-txt-azure, html.auto .sf-c-txt-azure { color: hsl(var(--sf-c-txt-azure)) } + html[data-theme='auto'] .sf-c-txt-azure\:0, html.auto .sf-c-txt-azure\:0 { color: hsl(var(--sf-c-txt-azure-0)) } + html[data-theme='auto'] .sf-c-txt-azure\:10, html.auto .sf-c-txt-azure\:10 { color: hsl(var(--sf-c-txt-azure-10)) } + html[data-theme='auto'] .sf-c-txt-azure\:20, html.auto .sf-c-txt-azure\:20 { color: hsl(var(--sf-c-txt-azure-20)) } + html[data-theme='auto'] .sf-c-txt-azure\:30, html.auto .sf-c-txt-azure\:30 { color: hsl(var(--sf-c-txt-azure-30)) } + html[data-theme='auto'] .sf-c-txt-azure\:40, html.auto .sf-c-txt-azure\:40 { color: hsl(var(--sf-c-txt-azure-40)) } + html[data-theme='auto'] .sf-c-txt-azure\:50, html.auto .sf-c-txt-azure\:50 { color: hsl(var(--sf-c-txt-azure-50)) } + html[data-theme='auto'] .sf-c-txt-azure\:60, html.auto .sf-c-txt-azure\:60 { color: hsl(var(--sf-c-txt-azure-60)) } + html[data-theme='auto'] .sf-c-txt-azure\:70, html.auto .sf-c-txt-azure\:70 { color: hsl(var(--sf-c-txt-azure-70)) } + html[data-theme='auto'] .sf-c-txt-azure\:80, html.auto .sf-c-txt-azure\:80 { color: hsl(var(--sf-c-txt-azure-80)) } + html[data-theme='auto'] .sf-c-txt-azure\:90, html.auto .sf-c-txt-azure\:90 { color: hsl(var(--sf-c-txt-azure-90)) } + html[data-theme='auto'] .sf-c-txt-azure\:100, html.auto .sf-c-txt-azure\:100 { color: hsl(var(--sf-c-txt-azure-100)) } + + html[data-theme='auto'] .sf-c-txt-azure\:dark, html.auto .sf-c-txt-azure\:dark { color: hsl(var(--sf-c-txt-azure)) } + html[data-theme='auto'] .sf-c-txt-azure\:0\:dark, html.auto .sf-c-txt-azure\:0\:dark { color: hsl(var(--sf-c-txt-azure-0)) } + html[data-theme='auto'] .sf-c-txt-azure\:10\:dark, html.auto .sf-c-txt-azure\:10\:dark { color: hsl(var(--sf-c-txt-azure-10)) } + html[data-theme='auto'] .sf-c-txt-azure\:20\:dark, html.auto .sf-c-txt-azure\:20\:dark { color: hsl(var(--sf-c-txt-azure-20)) } + html[data-theme='auto'] .sf-c-txt-azure\:30\:dark, html.auto .sf-c-txt-azure\:30\:dark { color: hsl(var(--sf-c-txt-azure-30)) } + html[data-theme='auto'] .sf-c-txt-azure\:40\:dark, html.auto .sf-c-txt-azure\:40\:dark { color: hsl(var(--sf-c-txt-azure-40)) } + html[data-theme='auto'] .sf-c-txt-azure\:50\:dark, html.auto .sf-c-txt-azure\:50\:dark { color: hsl(var(--sf-c-txt-azure-50)) } + html[data-theme='auto'] .sf-c-txt-azure\:60\:dark, html.auto .sf-c-txt-azure\:60\:dark { color: hsl(var(--sf-c-txt-azure-60)) } + html[data-theme='auto'] .sf-c-txt-azure\:70\:dark, html.auto .sf-c-txt-azure\:70\:dark { color: hsl(var(--sf-c-txt-azure-70)) } + html[data-theme='auto'] .sf-c-txt-azure\:80\:dark, html.auto .sf-c-txt-azure\:80\:dark { color: hsl(var(--sf-c-txt-azure-80)) } + html[data-theme='auto'] .sf-c-txt-azure\:90\:dark, html.auto .sf-c-txt-azure\:90\:dark { color: hsl(var(--sf-c-txt-azure-90)) } + html[data-theme='auto'] .sf-c-txt-azure\:100\:dark, html.auto .sf-c-txt-azure\:100\:dark { color: hsl(var(--sf-c-txt-azure-100)) } + html.var[data-theme='auto'] .sf-c-azure, html.var.auto .sf-c-azure { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 3%) } html.var[data-theme='auto'] .sf-c-azure\:0, html.var.auto .sf-c-azure\:0 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 100%) } html.var[data-theme='auto'] .sf-c-azure\:10, html.var.auto .sf-c-azure\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-azure\:100\:dark, html.var.dark .sf-c-azure\:1 html.var[data-theme='auto'] .sf-c-azure\:80\:dark, html.var.auto .sf-c-azure\:80\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } html.var[data-theme='auto'] .sf-c-azure\:90\:dark, html.var.auto .sf-c-azure\:90\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } html.var[data-theme='auto'] .sf-c-azure\:100\:dark, html.var.auto .sf-c-azure\:100\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -} -.sf-c-txt-azure { color: hsl(var(--sf-c-txt-azure)) } -.sf-c-txt-azure\:0 { color: hsl(var(--sf-c-txt-azure-0)) } -.sf-c-txt-azure\:10 { color: hsl(var(--sf-c-txt-azure-10)) } -.sf-c-txt-azure\:20 { color: hsl(var(--sf-c-txt-azure-20)) } -.sf-c-txt-azure\:30 { color: hsl(var(--sf-c-txt-azure-30)) } -.sf-c-txt-azure\:40 { color: hsl(var(--sf-c-txt-azure-40)) } -.sf-c-txt-azure\:50 { color: hsl(var(--sf-c-txt-azure-50)) } -.sf-c-txt-azure\:60 { color: hsl(var(--sf-c-txt-azure-60)) } -.sf-c-txt-azure\:70 { color: hsl(var(--sf-c-txt-azure-70)) } -.sf-c-txt-azure\:80 { color: hsl(var(--sf-c-txt-azure-80)) } -.sf-c-txt-azure\:90 { color: hsl(var(--sf-c-txt-azure-90)) } -.sf-c-txt-azure\:100 { color: hsl(var(--sf-c-txt-azure-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-azure, html.auto .sf-c-txt-azure { color: hsl(180, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:0, html.auto .sf-c-txt-azure\:0 { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:10, html.auto .sf-c-txt-azure\:10 { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:20, html.auto .sf-c-txt-azure\:20 { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:30, html.auto .sf-c-txt-azure\:30 { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:40, html.auto .sf-c-txt-azure\:40 { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:50, html.auto .sf-c-txt-azure\:50 { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:60, html.auto .sf-c-txt-azure\:60 { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:70, html.auto .sf-c-txt-azure\:70 { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:80, html.auto .sf-c-txt-azure\:80 { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:90, html.auto .sf-c-txt-azure\:90 { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:100, html.auto .sf-c-txt-azure\:100 { color: hsl(180, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-azure\:dark, html.auto .sf-c-txt-azure\:dark { color: hsl(180, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:0\:dark, html.auto .sf-c-txt-azure\:0\:dark { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:10\:dark, html.auto .sf-c-txt-azure\:10\:dark { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:20\:dark, html.auto .sf-c-txt-azure\:20\:dark { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:30\:dark, html.auto .sf-c-txt-azure\:30\:dark { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:40\:dark, html.auto .sf-c-txt-azure\:40\:dark { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:50\:dark, html.auto .sf-c-txt-azure\:50\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:60\:dark, html.auto .sf-c-txt-azure\:60\:dark { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:70\:dark, html.auto .sf-c-txt-azure\:70\:dark { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:80\:dark, html.auto .sf-c-txt-azure\:80\:dark { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:90\:dark, html.auto .sf-c-txt-azure\:90\:dark { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:100\:dark, html.auto .sf-c-txt-azure\:100\:dark { color: hsl(180, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/beige.css b/src/colors/10/beige.css index 8172476..816c828 100644 --- a/src/colors/10/beige.css +++ b/src/colors/10/beige.css @@ -78,6 +78,32 @@ html.var .sf-c-beige\:80 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 80 html.var .sf-c-beige\:90 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 90%) } html.var .sf-c-beige\:100 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 100%) } +.sf-c-txt-beige { color: hsl(var(--sf-dark-c-txt-beige)) } +.sf-c-txt-beige\:0 { color: hsl(var(--sf-dark-c-txt-beige-100)) } +.sf-c-txt-beige\:10 { color: hsl(var(--sf-dark-c-txt-beige-90)) } +.sf-c-txt-beige\:20 { color: hsl(var(--sf-dark-c-txt-beige-80)) } +.sf-c-txt-beige\:30 { color: hsl(var(--sf-dark-c-txt-beige-70)) } +.sf-c-txt-beige\:40 { color: hsl(var(--sf-dark-c-txt-beige-60)) } +.sf-c-txt-beige\:50 { color: hsl(var(--sf-dark-c-txt-beige-50)) } +.sf-c-txt-beige\:60 { color: hsl(var(--sf-dark-c-txt-beige-40)) } +.sf-c-txt-beige\:70 { color: hsl(var(--sf-dark-c-txt-beige-30)) } +.sf-c-txt-beige\:80 { color: hsl(var(--sf-dark-c-txt-beige-20)) } +.sf-c-txt-beige\:90 { color: hsl(var(--sf-dark-c-txt-beige-10)) } +.sf-c-txt-beige\:100 { color: hsl(var(--sf-dark-c-txt-beige-0)) } + +html.var .sf-c-txt-beige { color: hsl(60, 56%, 9%) } +html.var .sf-c-txt-beige\:0 { color: hsl(60, 56%, 100%) } +html.var .sf-c-txt-beige\:10 { color: hsl(60, 56%, 90%) } +html.var .sf-c-txt-beige\:20 { color: hsl(60, 56%, 80%) } +html.var .sf-c-txt-beige\:30 { color: hsl(60, 56%, 70%) } +html.var .sf-c-txt-beige\:40 { color: hsl(60, 56%, 60%) } +html.var .sf-c-txt-beige\:50 { color: hsl(60, 56%, 50%) } +html.var .sf-c-txt-beige\:60 { color: hsl(60, 56%, 40%) } +html.var .sf-c-txt-beige\:70 { color: hsl(60, 56%, 30%) } +html.var .sf-c-txt-beige\:80 { color: hsl(60, 56%, 20%) } +html.var .sf-c-txt-beige\:90 { color: hsl(60, 56%, 10%) } +html.var .sf-c-txt-beige\:100 { color: hsl(60, 56%, 0%) } + html[data-theme='dark'] .sf-c-beige, html.dark .sf-c-beige { color: hsl(var(--sf-dark-c-txt-beige-90)); background: hsl(var(--sf-dark-c-beige)) } html[data-theme='dark'] .sf-c-beige\:0, html.dark .sf-c-beige\:0 { color: hsl(var(--sf-dark-c-txt-beige-90)); background: hsl(var(--sf-dark-c-beige-100)) } html[data-theme='dark'] .sf-c-beige\:10, html.dark .sf-c-beige\:10 { color: hsl(var(--sf-dark-c-txt-beige-10)); background: hsl(var(--sf-dark-c-beige-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-beige\:80\:dark, html.dark .sf-c-beige\:80\:dark { html[data-theme='dark'] .sf-c-beige\:90\:dark, html.dark .sf-c-beige\:90\:dark { color: hsl(var(--sf-c-txt-beige-90)); background: hsl(var(--sf-c-beige-10)) } html[data-theme='dark'] .sf-c-beige\:100\:dark, html.dark .sf-c-beige\:100\:dark { color: hsl(var(--sf-c-txt-beige-90)); background: hsl(var(--sf-c-beige-0)) } +html[data-theme='dark'] .sf-c-txt-beige, html.dark .sf-c-txt-beige { color: hsl(var(--sf-c-txt-beige)) } +html[data-theme='dark'] .sf-c-txt-beige\:0, html.dark .sf-c-txt-beige\:0 { color: hsl(var(--sf-c-txt-beige-0)) } +html[data-theme='dark'] .sf-c-txt-beige\:10, html.dark .sf-c-txt-beige\:10 { color: hsl(var(--sf-c-txt-beige-10)) } +html[data-theme='dark'] .sf-c-txt-beige\:20, html.dark .sf-c-txt-beige\:20 { color: hsl(var(--sf-c-txt-beige-20)) } +html[data-theme='dark'] .sf-c-txt-beige\:30, html.dark .sf-c-txt-beige\:30 { color: hsl(var(--sf-c-txt-beige-30)) } +html[data-theme='dark'] .sf-c-txt-beige\:40, html.dark .sf-c-txt-beige\:40 { color: hsl(var(--sf-c-txt-beige-40)) } +html[data-theme='dark'] .sf-c-txt-beige\:50, html.dark .sf-c-txt-beige\:50 { color: hsl(var(--sf-c-txt-beige-50)) } +html[data-theme='dark'] .sf-c-txt-beige\:60, html.dark .sf-c-txt-beige\:60 { color: hsl(var(--sf-c-txt-beige-60)) } +html[data-theme='dark'] .sf-c-txt-beige\:70, html.dark .sf-c-txt-beige\:70 { color: hsl(var(--sf-c-txt-beige-70)) } +html[data-theme='dark'] .sf-c-txt-beige\:80, html.dark .sf-c-txt-beige\:80 { color: hsl(var(--sf-c-txt-beige-80)) } +html[data-theme='dark'] .sf-c-txt-beige\:90, html.dark .sf-c-txt-beige\:90 { color: hsl(var(--sf-c-txt-beige-90)) } +html[data-theme='dark'] .sf-c-txt-beige\:100, html.dark .sf-c-txt-beige\:100 { color: hsl(var(--sf-c-txt-beige-100)) } + +html[data-theme='dark'] .sf-c-txt-beige\:dark, html.dark .sf-c-txt-beige\:dark { color: hsl(var(--sf-c-txt-beige)) } +html[data-theme='dark'] .sf-c-txt-beige\:0\:dark, html.dark .sf-c-txt-beige\:0\:dark { color: hsl(var(--sf-dark-c-txt-beige-0)) } +html[data-theme='dark'] .sf-c-txt-beige\:10\:dark, html.dark .sf-c-txt-beige\:10\:dark { color: hsl(var(--sf-dark-c-txt-beige-10)) } +html[data-theme='dark'] .sf-c-txt-beige\:20\:dark, html.dark .sf-c-txt-beige\:20\:dark { color: hsl(var(--sf-dark-c-txt-beige-20)) } +html[data-theme='dark'] .sf-c-txt-beige\:30\:dark, html.dark .sf-c-txt-beige\:30\:dark { color: hsl(var(--sf-dark-c-txt-beige-30)) } +html[data-theme='dark'] .sf-c-txt-beige\:40\:dark, html.dark .sf-c-txt-beige\:40\:dark { color: hsl(var(--sf-dark-c-txt-beige-40)) } +html[data-theme='dark'] .sf-c-txt-beige\:50\:dark, html.dark .sf-c-txt-beige\:50\:dark { color: hsl(var(--sf-dark-c-txt-beige-50)) } +html[data-theme='dark'] .sf-c-txt-beige\:60\:dark, html.dark .sf-c-txt-beige\:60\:dark { color: hsl(var(--sf-dark-c-txt-beige-60)) } +html[data-theme='dark'] .sf-c-txt-beige\:70\:dark, html.dark .sf-c-txt-beige\:70\:dark { color: hsl(var(--sf-dark-c-txt-beige-70)) } +html[data-theme='dark'] .sf-c-txt-beige\:80\:dark, html.dark .sf-c-txt-beige\:80\:dark { color: hsl(var(--sf-dark-c-txt-beige-80)) } +html[data-theme='dark'] .sf-c-txt-beige\:90\:dark, html.dark .sf-c-txt-beige\:90\:dark { color: hsl(var(--sf-dark-c-txt-beige-90)) } +html[data-theme='dark'] .sf-c-txt-beige\:100\:dark, html.dark .sf-c-txt-beige\:100\:dark { color: hsl(var(--sf-dark-c-txt-beige-100)) } + html.var[data-theme='dark'] .sf-c-beige, html.var.dark .sf-c-beige { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 9%) } html.var[data-theme='dark'] .sf-c-beige\:0, html.var.dark .sf-c-beige\:0 { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 100%) } html.var[data-theme='dark'] .sf-c-beige\:10, html.var.dark .sf-c-beige\:10 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-beige\:80\:dark, html.var.dark .sf-c-beige\:80 html.var[data-theme='dark'] .sf-c-beige\:90\:dark, html.var.dark .sf-c-beige\:90\:dark { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 10%) } html.var[data-theme='dark'] .sf-c-beige\:100\:dark, html.var.dark .sf-c-beige\:100\:dark { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-beige, html.dark .sf-c-txt-beige { color: hsl(60, 56%, 91%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:0, html.dark .sf-c-txt-beige\:0 { color: hsl(60, 56%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:10, html.dark .sf-c-txt-beige\:10 { color: hsl(60, 56%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:20, html.dark .sf-c-txt-beige\:20 { color: hsl(60, 56%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:30, html.dark .sf-c-txt-beige\:30 { color: hsl(60, 56%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:40, html.dark .sf-c-txt-beige\:40 { color: hsl(60, 56%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:50, html.dark .sf-c-txt-beige\:50 { color: hsl(60, 56%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:60, html.dark .sf-c-txt-beige\:60 { color: hsl(60, 56%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:70, html.dark .sf-c-txt-beige\:70 { color: hsl(60, 56%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:80, html.dark .sf-c-txt-beige\:80 { color: hsl(60, 56%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:90, html.dark .sf-c-txt-beige\:90 { color: hsl(60, 56%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:100, html.dark .sf-c-txt-beige\:100 { color: hsl(60, 56%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-beige\:dark, html.dark .sf-c-txt-beige\:dark { color: hsl(60, 56%, 91%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:0\:dark, html.dark .sf-c-txt-beige\:0\:dark { color: hsl(60, 56%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:10\:dark, html.dark .sf-c-txt-beige\:10\:dark { color: hsl(60, 56%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:20\:dark, html.dark .sf-c-txt-beige\:20\:dark { color: hsl(60, 56%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:30\:dark, html.dark .sf-c-txt-beige\:30\:dark { color: hsl(60, 56%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:40\:dark, html.dark .sf-c-txt-beige\:40\:dark { color: hsl(60, 56%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:50\:dark, html.dark .sf-c-txt-beige\:50\:dark { color: hsl(60, 56%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:60\:dark, html.dark .sf-c-txt-beige\:60\:dark { color: hsl(60, 56%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:70\:dark, html.dark .sf-c-txt-beige\:70\:dark { color: hsl(60, 56%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:80\:dark, html.dark .sf-c-txt-beige\:80\:dark { color: hsl(60, 56%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:90\:dark, html.dark .sf-c-txt-beige\:90\:dark { color: hsl(60, 56%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:100\:dark, html.dark .sf-c-txt-beige\:100\:dark { color: hsl(60, 56%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-beige, html.auto .sf-c-beige { color: hsl(var(--sf-dark-c-txt-beige-90)); background: hsl(var(--sf-dark-c-beige)) } html[data-theme='auto'] .sf-c-beige\:0, html.auto .sf-c-beige\:0 { color: hsl(var(--sf-dark-c-txt-beige-90)); background: hsl(var(--sf-dark-c-beige-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-beige\:100\:dark, html.var.dark .sf-c-beige\:1 html[data-theme='auto'] .sf-c-beige\:90\:dark, html.auto .sf-c-beige\:90\:dark { color: hsl(var(--sf-c-txt-beige-90)); background: hsl(var(--sf-c-beige-10)) } html[data-theme='auto'] .sf-c-beige\:100\:dark, html.auto .sf-c-beige\:100\:dark { color: hsl(var(--sf-c-txt-beige-90)); background: hsl(var(--sf-c-beige-0)) } + html[data-theme='auto'] .sf-c-txt-beige, html.auto .sf-c-txt-beige { color: hsl(var(--sf-c-txt-beige)) } + html[data-theme='auto'] .sf-c-txt-beige\:0, html.auto .sf-c-txt-beige\:0 { color: hsl(var(--sf-c-txt-beige-0)) } + html[data-theme='auto'] .sf-c-txt-beige\:10, html.auto .sf-c-txt-beige\:10 { color: hsl(var(--sf-c-txt-beige-10)) } + html[data-theme='auto'] .sf-c-txt-beige\:20, html.auto .sf-c-txt-beige\:20 { color: hsl(var(--sf-c-txt-beige-20)) } + html[data-theme='auto'] .sf-c-txt-beige\:30, html.auto .sf-c-txt-beige\:30 { color: hsl(var(--sf-c-txt-beige-30)) } + html[data-theme='auto'] .sf-c-txt-beige\:40, html.auto .sf-c-txt-beige\:40 { color: hsl(var(--sf-c-txt-beige-40)) } + html[data-theme='auto'] .sf-c-txt-beige\:50, html.auto .sf-c-txt-beige\:50 { color: hsl(var(--sf-c-txt-beige-50)) } + html[data-theme='auto'] .sf-c-txt-beige\:60, html.auto .sf-c-txt-beige\:60 { color: hsl(var(--sf-c-txt-beige-60)) } + html[data-theme='auto'] .sf-c-txt-beige\:70, html.auto .sf-c-txt-beige\:70 { color: hsl(var(--sf-c-txt-beige-70)) } + html[data-theme='auto'] .sf-c-txt-beige\:80, html.auto .sf-c-txt-beige\:80 { color: hsl(var(--sf-c-txt-beige-80)) } + html[data-theme='auto'] .sf-c-txt-beige\:90, html.auto .sf-c-txt-beige\:90 { color: hsl(var(--sf-c-txt-beige-90)) } + html[data-theme='auto'] .sf-c-txt-beige\:100, html.auto .sf-c-txt-beige\:100 { color: hsl(var(--sf-c-txt-beige-100)) } + + html[data-theme='auto'] .sf-c-txt-beige\:dark, html.auto .sf-c-txt-beige\:dark { color: hsl(var(--sf-c-txt-beige)) } + html[data-theme='auto'] .sf-c-txt-beige\:0\:dark, html.auto .sf-c-txt-beige\:0\:dark { color: hsl(var(--sf-c-txt-beige-0)) } + html[data-theme='auto'] .sf-c-txt-beige\:10\:dark, html.auto .sf-c-txt-beige\:10\:dark { color: hsl(var(--sf-c-txt-beige-10)) } + html[data-theme='auto'] .sf-c-txt-beige\:20\:dark, html.auto .sf-c-txt-beige\:20\:dark { color: hsl(var(--sf-c-txt-beige-20)) } + html[data-theme='auto'] .sf-c-txt-beige\:30\:dark, html.auto .sf-c-txt-beige\:30\:dark { color: hsl(var(--sf-c-txt-beige-30)) } + html[data-theme='auto'] .sf-c-txt-beige\:40\:dark, html.auto .sf-c-txt-beige\:40\:dark { color: hsl(var(--sf-c-txt-beige-40)) } + html[data-theme='auto'] .sf-c-txt-beige\:50\:dark, html.auto .sf-c-txt-beige\:50\:dark { color: hsl(var(--sf-c-txt-beige-50)) } + html[data-theme='auto'] .sf-c-txt-beige\:60\:dark, html.auto .sf-c-txt-beige\:60\:dark { color: hsl(var(--sf-c-txt-beige-60)) } + html[data-theme='auto'] .sf-c-txt-beige\:70\:dark, html.auto .sf-c-txt-beige\:70\:dark { color: hsl(var(--sf-c-txt-beige-70)) } + html[data-theme='auto'] .sf-c-txt-beige\:80\:dark, html.auto .sf-c-txt-beige\:80\:dark { color: hsl(var(--sf-c-txt-beige-80)) } + html[data-theme='auto'] .sf-c-txt-beige\:90\:dark, html.auto .sf-c-txt-beige\:90\:dark { color: hsl(var(--sf-c-txt-beige-90)) } + html[data-theme='auto'] .sf-c-txt-beige\:100\:dark, html.auto .sf-c-txt-beige\:100\:dark { color: hsl(var(--sf-c-txt-beige-100)) } + html.var[data-theme='auto'] .sf-c-beige, html.var.auto .sf-c-beige { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 9%) } html.var[data-theme='auto'] .sf-c-beige\:0, html.var.auto .sf-c-beige\:0 { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 100%) } html.var[data-theme='auto'] .sf-c-beige\:10, html.var.auto .sf-c-beige\:10 { color: hsl(60, 56%, 10%); background: hsl(60, 56%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-beige\:100\:dark, html.var.dark .sf-c-beige\:1 html.var[data-theme='auto'] .sf-c-beige\:80\:dark, html.var.auto .sf-c-beige\:80\:dark { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 20%) } html.var[data-theme='auto'] .sf-c-beige\:90\:dark, html.var.auto .sf-c-beige\:90\:dark { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 10%) } html.var[data-theme='auto'] .sf-c-beige\:100\:dark, html.var.auto .sf-c-beige\:100\:dark { color: hsl(60, 56%, 90%); background: hsl(60, 56%, 0%) } -} -.sf-c-txt-beige { color: hsl(var(--sf-c-txt-beige)) } -.sf-c-txt-beige\:0 { color: hsl(var(--sf-c-txt-beige-0)) } -.sf-c-txt-beige\:10 { color: hsl(var(--sf-c-txt-beige-10)) } -.sf-c-txt-beige\:20 { color: hsl(var(--sf-c-txt-beige-20)) } -.sf-c-txt-beige\:30 { color: hsl(var(--sf-c-txt-beige-30)) } -.sf-c-txt-beige\:40 { color: hsl(var(--sf-c-txt-beige-40)) } -.sf-c-txt-beige\:50 { color: hsl(var(--sf-c-txt-beige-50)) } -.sf-c-txt-beige\:60 { color: hsl(var(--sf-c-txt-beige-60)) } -.sf-c-txt-beige\:70 { color: hsl(var(--sf-c-txt-beige-70)) } -.sf-c-txt-beige\:80 { color: hsl(var(--sf-c-txt-beige-80)) } -.sf-c-txt-beige\:90 { color: hsl(var(--sf-c-txt-beige-90)) } -.sf-c-txt-beige\:100 { color: hsl(var(--sf-c-txt-beige-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-beige, html.auto .sf-c-txt-beige { color: hsl(60, 56%, 91%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:0, html.auto .sf-c-txt-beige\:0 { color: hsl(60, 56%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:10, html.auto .sf-c-txt-beige\:10 { color: hsl(60, 56%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:20, html.auto .sf-c-txt-beige\:20 { color: hsl(60, 56%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:30, html.auto .sf-c-txt-beige\:30 { color: hsl(60, 56%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:40, html.auto .sf-c-txt-beige\:40 { color: hsl(60, 56%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:50, html.auto .sf-c-txt-beige\:50 { color: hsl(60, 56%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:60, html.auto .sf-c-txt-beige\:60 { color: hsl(60, 56%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:70, html.auto .sf-c-txt-beige\:70 { color: hsl(60, 56%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:80, html.auto .sf-c-txt-beige\:80 { color: hsl(60, 56%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:90, html.auto .sf-c-txt-beige\:90 { color: hsl(60, 56%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:100, html.auto .sf-c-txt-beige\:100 { color: hsl(60, 56%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-beige\:dark, html.auto .sf-c-txt-beige\:dark { color: hsl(60, 56%, 91%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:0\:dark, html.auto .sf-c-txt-beige\:0\:dark { color: hsl(60, 56%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:10\:dark, html.auto .sf-c-txt-beige\:10\:dark { color: hsl(60, 56%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:20\:dark, html.auto .sf-c-txt-beige\:20\:dark { color: hsl(60, 56%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:30\:dark, html.auto .sf-c-txt-beige\:30\:dark { color: hsl(60, 56%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:40\:dark, html.auto .sf-c-txt-beige\:40\:dark { color: hsl(60, 56%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:50\:dark, html.auto .sf-c-txt-beige\:50\:dark { color: hsl(60, 56%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:60\:dark, html.auto .sf-c-txt-beige\:60\:dark { color: hsl(60, 56%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:70\:dark, html.auto .sf-c-txt-beige\:70\:dark { color: hsl(60, 56%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:80\:dark, html.auto .sf-c-txt-beige\:80\:dark { color: hsl(60, 56%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:90\:dark, html.auto .sf-c-txt-beige\:90\:dark { color: hsl(60, 56%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:100\:dark, html.auto .sf-c-txt-beige\:100\:dark { color: hsl(60, 56%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/bisque.css b/src/colors/10/bisque.css index 86445fe..4ef31e3 100644 --- a/src/colors/10/bisque.css +++ b/src/colors/10/bisque.css @@ -78,6 +78,32 @@ html.var .sf-c-bisque\:80 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, html.var .sf-c-bisque\:90 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } html.var .sf-c-bisque\:100 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 100%) } +.sf-c-txt-bisque { color: hsl(var(--sf-dark-c-txt-bisque)) } +.sf-c-txt-bisque\:0 { color: hsl(var(--sf-dark-c-txt-bisque-100)) } +.sf-c-txt-bisque\:10 { color: hsl(var(--sf-dark-c-txt-bisque-90)) } +.sf-c-txt-bisque\:20 { color: hsl(var(--sf-dark-c-txt-bisque-80)) } +.sf-c-txt-bisque\:30 { color: hsl(var(--sf-dark-c-txt-bisque-70)) } +.sf-c-txt-bisque\:40 { color: hsl(var(--sf-dark-c-txt-bisque-60)) } +.sf-c-txt-bisque\:50 { color: hsl(var(--sf-dark-c-txt-bisque-50)) } +.sf-c-txt-bisque\:60 { color: hsl(var(--sf-dark-c-txt-bisque-40)) } +.sf-c-txt-bisque\:70 { color: hsl(var(--sf-dark-c-txt-bisque-30)) } +.sf-c-txt-bisque\:80 { color: hsl(var(--sf-dark-c-txt-bisque-20)) } +.sf-c-txt-bisque\:90 { color: hsl(var(--sf-dark-c-txt-bisque-10)) } +.sf-c-txt-bisque\:100 { color: hsl(var(--sf-dark-c-txt-bisque-0)) } + +html.var .sf-c-txt-bisque { color: hsl(33, 100%, 12%) } +html.var .sf-c-txt-bisque\:0 { color: hsl(33, 100%, 100%) } +html.var .sf-c-txt-bisque\:10 { color: hsl(33, 100%, 90%) } +html.var .sf-c-txt-bisque\:20 { color: hsl(33, 100%, 80%) } +html.var .sf-c-txt-bisque\:30 { color: hsl(33, 100%, 70%) } +html.var .sf-c-txt-bisque\:40 { color: hsl(33, 100%, 60%) } +html.var .sf-c-txt-bisque\:50 { color: hsl(33, 100%, 50%) } +html.var .sf-c-txt-bisque\:60 { color: hsl(33, 100%, 40%) } +html.var .sf-c-txt-bisque\:70 { color: hsl(33, 100%, 30%) } +html.var .sf-c-txt-bisque\:80 { color: hsl(33, 100%, 20%) } +html.var .sf-c-txt-bisque\:90 { color: hsl(33, 100%, 10%) } +html.var .sf-c-txt-bisque\:100 { color: hsl(33, 100%, 0%) } + html[data-theme='dark'] .sf-c-bisque, html.dark .sf-c-bisque { color: hsl(var(--sf-dark-c-txt-bisque-90)); background: hsl(var(--sf-dark-c-bisque)) } html[data-theme='dark'] .sf-c-bisque\:0, html.dark .sf-c-bisque\:0 { color: hsl(var(--sf-dark-c-txt-bisque-90)); background: hsl(var(--sf-dark-c-bisque-100)) } html[data-theme='dark'] .sf-c-bisque\:10, html.dark .sf-c-bisque\:10 { color: hsl(var(--sf-dark-c-txt-bisque-10)); background: hsl(var(--sf-dark-c-bisque-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-bisque\:80\:dark, html.dark .sf-c-bisque\:80\:dark html[data-theme='dark'] .sf-c-bisque\:90\:dark, html.dark .sf-c-bisque\:90\:dark { color: hsl(var(--sf-c-txt-bisque-90)); background: hsl(var(--sf-c-bisque-10)) } html[data-theme='dark'] .sf-c-bisque\:100\:dark, html.dark .sf-c-bisque\:100\:dark { color: hsl(var(--sf-c-txt-bisque-90)); background: hsl(var(--sf-c-bisque-0)) } +html[data-theme='dark'] .sf-c-txt-bisque, html.dark .sf-c-txt-bisque { color: hsl(var(--sf-c-txt-bisque)) } +html[data-theme='dark'] .sf-c-txt-bisque\:0, html.dark .sf-c-txt-bisque\:0 { color: hsl(var(--sf-c-txt-bisque-0)) } +html[data-theme='dark'] .sf-c-txt-bisque\:10, html.dark .sf-c-txt-bisque\:10 { color: hsl(var(--sf-c-txt-bisque-10)) } +html[data-theme='dark'] .sf-c-txt-bisque\:20, html.dark .sf-c-txt-bisque\:20 { color: hsl(var(--sf-c-txt-bisque-20)) } +html[data-theme='dark'] .sf-c-txt-bisque\:30, html.dark .sf-c-txt-bisque\:30 { color: hsl(var(--sf-c-txt-bisque-30)) } +html[data-theme='dark'] .sf-c-txt-bisque\:40, html.dark .sf-c-txt-bisque\:40 { color: hsl(var(--sf-c-txt-bisque-40)) } +html[data-theme='dark'] .sf-c-txt-bisque\:50, html.dark .sf-c-txt-bisque\:50 { color: hsl(var(--sf-c-txt-bisque-50)) } +html[data-theme='dark'] .sf-c-txt-bisque\:60, html.dark .sf-c-txt-bisque\:60 { color: hsl(var(--sf-c-txt-bisque-60)) } +html[data-theme='dark'] .sf-c-txt-bisque\:70, html.dark .sf-c-txt-bisque\:70 { color: hsl(var(--sf-c-txt-bisque-70)) } +html[data-theme='dark'] .sf-c-txt-bisque\:80, html.dark .sf-c-txt-bisque\:80 { color: hsl(var(--sf-c-txt-bisque-80)) } +html[data-theme='dark'] .sf-c-txt-bisque\:90, html.dark .sf-c-txt-bisque\:90 { color: hsl(var(--sf-c-txt-bisque-90)) } +html[data-theme='dark'] .sf-c-txt-bisque\:100, html.dark .sf-c-txt-bisque\:100 { color: hsl(var(--sf-c-txt-bisque-100)) } + +html[data-theme='dark'] .sf-c-txt-bisque\:dark, html.dark .sf-c-txt-bisque\:dark { color: hsl(var(--sf-c-txt-bisque)) } +html[data-theme='dark'] .sf-c-txt-bisque\:0\:dark, html.dark .sf-c-txt-bisque\:0\:dark { color: hsl(var(--sf-dark-c-txt-bisque-0)) } +html[data-theme='dark'] .sf-c-txt-bisque\:10\:dark, html.dark .sf-c-txt-bisque\:10\:dark { color: hsl(var(--sf-dark-c-txt-bisque-10)) } +html[data-theme='dark'] .sf-c-txt-bisque\:20\:dark, html.dark .sf-c-txt-bisque\:20\:dark { color: hsl(var(--sf-dark-c-txt-bisque-20)) } +html[data-theme='dark'] .sf-c-txt-bisque\:30\:dark, html.dark .sf-c-txt-bisque\:30\:dark { color: hsl(var(--sf-dark-c-txt-bisque-30)) } +html[data-theme='dark'] .sf-c-txt-bisque\:40\:dark, html.dark .sf-c-txt-bisque\:40\:dark { color: hsl(var(--sf-dark-c-txt-bisque-40)) } +html[data-theme='dark'] .sf-c-txt-bisque\:50\:dark, html.dark .sf-c-txt-bisque\:50\:dark { color: hsl(var(--sf-dark-c-txt-bisque-50)) } +html[data-theme='dark'] .sf-c-txt-bisque\:60\:dark, html.dark .sf-c-txt-bisque\:60\:dark { color: hsl(var(--sf-dark-c-txt-bisque-60)) } +html[data-theme='dark'] .sf-c-txt-bisque\:70\:dark, html.dark .sf-c-txt-bisque\:70\:dark { color: hsl(var(--sf-dark-c-txt-bisque-70)) } +html[data-theme='dark'] .sf-c-txt-bisque\:80\:dark, html.dark .sf-c-txt-bisque\:80\:dark { color: hsl(var(--sf-dark-c-txt-bisque-80)) } +html[data-theme='dark'] .sf-c-txt-bisque\:90\:dark, html.dark .sf-c-txt-bisque\:90\:dark { color: hsl(var(--sf-dark-c-txt-bisque-90)) } +html[data-theme='dark'] .sf-c-txt-bisque\:100\:dark, html.dark .sf-c-txt-bisque\:100\:dark { color: hsl(var(--sf-dark-c-txt-bisque-100)) } + html.var[data-theme='dark'] .sf-c-bisque, html.var.dark .sf-c-bisque { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 12%) } html.var[data-theme='dark'] .sf-c-bisque\:0, html.var.dark .sf-c-bisque\:0 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 100%) } html.var[data-theme='dark'] .sf-c-bisque\:10, html.var.dark .sf-c-bisque\:10 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-bisque\:80\:dark, html.var.dark .sf-c-bisque\: html.var[data-theme='dark'] .sf-c-bisque\:90\:dark, html.var.dark .sf-c-bisque\:90\:dark { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 10%) } html.var[data-theme='dark'] .sf-c-bisque\:100\:dark, html.var.dark .sf-c-bisque\:100\:dark { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-bisque, html.dark .sf-c-txt-bisque { color: hsl(33, 100%, 88%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:0, html.dark .sf-c-txt-bisque\:0 { color: hsl(33, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:10, html.dark .sf-c-txt-bisque\:10 { color: hsl(33, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:20, html.dark .sf-c-txt-bisque\:20 { color: hsl(33, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:30, html.dark .sf-c-txt-bisque\:30 { color: hsl(33, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:40, html.dark .sf-c-txt-bisque\:40 { color: hsl(33, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:50, html.dark .sf-c-txt-bisque\:50 { color: hsl(33, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:60, html.dark .sf-c-txt-bisque\:60 { color: hsl(33, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:70, html.dark .sf-c-txt-bisque\:70 { color: hsl(33, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:80, html.dark .sf-c-txt-bisque\:80 { color: hsl(33, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:90, html.dark .sf-c-txt-bisque\:90 { color: hsl(33, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:100, html.dark .sf-c-txt-bisque\:100 { color: hsl(33, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-bisque\:dark, html.dark .sf-c-txt-bisque\:dark { color: hsl(33, 100%, 88%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:0\:dark, html.dark .sf-c-txt-bisque\:0\:dark { color: hsl(33, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:10\:dark, html.dark .sf-c-txt-bisque\:10\:dark { color: hsl(33, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:20\:dark, html.dark .sf-c-txt-bisque\:20\:dark { color: hsl(33, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:30\:dark, html.dark .sf-c-txt-bisque\:30\:dark { color: hsl(33, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:40\:dark, html.dark .sf-c-txt-bisque\:40\:dark { color: hsl(33, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:50\:dark, html.dark .sf-c-txt-bisque\:50\:dark { color: hsl(33, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:60\:dark, html.dark .sf-c-txt-bisque\:60\:dark { color: hsl(33, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:70\:dark, html.dark .sf-c-txt-bisque\:70\:dark { color: hsl(33, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:80\:dark, html.dark .sf-c-txt-bisque\:80\:dark { color: hsl(33, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:90\:dark, html.dark .sf-c-txt-bisque\:90\:dark { color: hsl(33, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:100\:dark, html.dark .sf-c-txt-bisque\:100\:dark { color: hsl(33, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-bisque, html.auto .sf-c-bisque { color: hsl(var(--sf-dark-c-txt-bisque-90)); background: hsl(var(--sf-dark-c-bisque)) } html[data-theme='auto'] .sf-c-bisque\:0, html.auto .sf-c-bisque\:0 { color: hsl(var(--sf-dark-c-txt-bisque-90)); background: hsl(var(--sf-dark-c-bisque-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-bisque\:100\:dark, html.var.dark .sf-c-bisque\ html[data-theme='auto'] .sf-c-bisque\:90\:dark, html.auto .sf-c-bisque\:90\:dark { color: hsl(var(--sf-c-txt-bisque-90)); background: hsl(var(--sf-c-bisque-10)) } html[data-theme='auto'] .sf-c-bisque\:100\:dark, html.auto .sf-c-bisque\:100\:dark { color: hsl(var(--sf-c-txt-bisque-90)); background: hsl(var(--sf-c-bisque-0)) } + html[data-theme='auto'] .sf-c-txt-bisque, html.auto .sf-c-txt-bisque { color: hsl(var(--sf-c-txt-bisque)) } + html[data-theme='auto'] .sf-c-txt-bisque\:0, html.auto .sf-c-txt-bisque\:0 { color: hsl(var(--sf-c-txt-bisque-0)) } + html[data-theme='auto'] .sf-c-txt-bisque\:10, html.auto .sf-c-txt-bisque\:10 { color: hsl(var(--sf-c-txt-bisque-10)) } + html[data-theme='auto'] .sf-c-txt-bisque\:20, html.auto .sf-c-txt-bisque\:20 { color: hsl(var(--sf-c-txt-bisque-20)) } + html[data-theme='auto'] .sf-c-txt-bisque\:30, html.auto .sf-c-txt-bisque\:30 { color: hsl(var(--sf-c-txt-bisque-30)) } + html[data-theme='auto'] .sf-c-txt-bisque\:40, html.auto .sf-c-txt-bisque\:40 { color: hsl(var(--sf-c-txt-bisque-40)) } + html[data-theme='auto'] .sf-c-txt-bisque\:50, html.auto .sf-c-txt-bisque\:50 { color: hsl(var(--sf-c-txt-bisque-50)) } + html[data-theme='auto'] .sf-c-txt-bisque\:60, html.auto .sf-c-txt-bisque\:60 { color: hsl(var(--sf-c-txt-bisque-60)) } + html[data-theme='auto'] .sf-c-txt-bisque\:70, html.auto .sf-c-txt-bisque\:70 { color: hsl(var(--sf-c-txt-bisque-70)) } + html[data-theme='auto'] .sf-c-txt-bisque\:80, html.auto .sf-c-txt-bisque\:80 { color: hsl(var(--sf-c-txt-bisque-80)) } + html[data-theme='auto'] .sf-c-txt-bisque\:90, html.auto .sf-c-txt-bisque\:90 { color: hsl(var(--sf-c-txt-bisque-90)) } + html[data-theme='auto'] .sf-c-txt-bisque\:100, html.auto .sf-c-txt-bisque\:100 { color: hsl(var(--sf-c-txt-bisque-100)) } + + html[data-theme='auto'] .sf-c-txt-bisque\:dark, html.auto .sf-c-txt-bisque\:dark { color: hsl(var(--sf-c-txt-bisque)) } + html[data-theme='auto'] .sf-c-txt-bisque\:0\:dark, html.auto .sf-c-txt-bisque\:0\:dark { color: hsl(var(--sf-c-txt-bisque-0)) } + html[data-theme='auto'] .sf-c-txt-bisque\:10\:dark, html.auto .sf-c-txt-bisque\:10\:dark { color: hsl(var(--sf-c-txt-bisque-10)) } + html[data-theme='auto'] .sf-c-txt-bisque\:20\:dark, html.auto .sf-c-txt-bisque\:20\:dark { color: hsl(var(--sf-c-txt-bisque-20)) } + html[data-theme='auto'] .sf-c-txt-bisque\:30\:dark, html.auto .sf-c-txt-bisque\:30\:dark { color: hsl(var(--sf-c-txt-bisque-30)) } + html[data-theme='auto'] .sf-c-txt-bisque\:40\:dark, html.auto .sf-c-txt-bisque\:40\:dark { color: hsl(var(--sf-c-txt-bisque-40)) } + html[data-theme='auto'] .sf-c-txt-bisque\:50\:dark, html.auto .sf-c-txt-bisque\:50\:dark { color: hsl(var(--sf-c-txt-bisque-50)) } + html[data-theme='auto'] .sf-c-txt-bisque\:60\:dark, html.auto .sf-c-txt-bisque\:60\:dark { color: hsl(var(--sf-c-txt-bisque-60)) } + html[data-theme='auto'] .sf-c-txt-bisque\:70\:dark, html.auto .sf-c-txt-bisque\:70\:dark { color: hsl(var(--sf-c-txt-bisque-70)) } + html[data-theme='auto'] .sf-c-txt-bisque\:80\:dark, html.auto .sf-c-txt-bisque\:80\:dark { color: hsl(var(--sf-c-txt-bisque-80)) } + html[data-theme='auto'] .sf-c-txt-bisque\:90\:dark, html.auto .sf-c-txt-bisque\:90\:dark { color: hsl(var(--sf-c-txt-bisque-90)) } + html[data-theme='auto'] .sf-c-txt-bisque\:100\:dark, html.auto .sf-c-txt-bisque\:100\:dark { color: hsl(var(--sf-c-txt-bisque-100)) } + html.var[data-theme='auto'] .sf-c-bisque, html.var.auto .sf-c-bisque { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 12%) } html.var[data-theme='auto'] .sf-c-bisque\:0, html.var.auto .sf-c-bisque\:0 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 100%) } html.var[data-theme='auto'] .sf-c-bisque\:10, html.var.auto .sf-c-bisque\:10 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-bisque\:100\:dark, html.var.dark .sf-c-bisque\ html.var[data-theme='auto'] .sf-c-bisque\:80\:dark, html.var.auto .sf-c-bisque\:80\:dark { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 20%) } html.var[data-theme='auto'] .sf-c-bisque\:90\:dark, html.var.auto .sf-c-bisque\:90\:dark { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 10%) } html.var[data-theme='auto'] .sf-c-bisque\:100\:dark, html.var.auto .sf-c-bisque\:100\:dark { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 0%) } -} -.sf-c-txt-bisque { color: hsl(var(--sf-c-txt-bisque)) } -.sf-c-txt-bisque\:0 { color: hsl(var(--sf-c-txt-bisque-0)) } -.sf-c-txt-bisque\:10 { color: hsl(var(--sf-c-txt-bisque-10)) } -.sf-c-txt-bisque\:20 { color: hsl(var(--sf-c-txt-bisque-20)) } -.sf-c-txt-bisque\:30 { color: hsl(var(--sf-c-txt-bisque-30)) } -.sf-c-txt-bisque\:40 { color: hsl(var(--sf-c-txt-bisque-40)) } -.sf-c-txt-bisque\:50 { color: hsl(var(--sf-c-txt-bisque-50)) } -.sf-c-txt-bisque\:60 { color: hsl(var(--sf-c-txt-bisque-60)) } -.sf-c-txt-bisque\:70 { color: hsl(var(--sf-c-txt-bisque-70)) } -.sf-c-txt-bisque\:80 { color: hsl(var(--sf-c-txt-bisque-80)) } -.sf-c-txt-bisque\:90 { color: hsl(var(--sf-c-txt-bisque-90)) } -.sf-c-txt-bisque\:100 { color: hsl(var(--sf-c-txt-bisque-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-bisque, html.auto .sf-c-txt-bisque { color: hsl(33, 100%, 88%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:0, html.auto .sf-c-txt-bisque\:0 { color: hsl(33, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:10, html.auto .sf-c-txt-bisque\:10 { color: hsl(33, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:20, html.auto .sf-c-txt-bisque\:20 { color: hsl(33, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:30, html.auto .sf-c-txt-bisque\:30 { color: hsl(33, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:40, html.auto .sf-c-txt-bisque\:40 { color: hsl(33, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:50, html.auto .sf-c-txt-bisque\:50 { color: hsl(33, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:60, html.auto .sf-c-txt-bisque\:60 { color: hsl(33, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:70, html.auto .sf-c-txt-bisque\:70 { color: hsl(33, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:80, html.auto .sf-c-txt-bisque\:80 { color: hsl(33, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:90, html.auto .sf-c-txt-bisque\:90 { color: hsl(33, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:100, html.auto .sf-c-txt-bisque\:100 { color: hsl(33, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-bisque\:dark, html.auto .sf-c-txt-bisque\:dark { color: hsl(33, 100%, 88%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:0\:dark, html.auto .sf-c-txt-bisque\:0\:dark { color: hsl(33, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:10\:dark, html.auto .sf-c-txt-bisque\:10\:dark { color: hsl(33, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:20\:dark, html.auto .sf-c-txt-bisque\:20\:dark { color: hsl(33, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:30\:dark, html.auto .sf-c-txt-bisque\:30\:dark { color: hsl(33, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:40\:dark, html.auto .sf-c-txt-bisque\:40\:dark { color: hsl(33, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:50\:dark, html.auto .sf-c-txt-bisque\:50\:dark { color: hsl(33, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:60\:dark, html.auto .sf-c-txt-bisque\:60\:dark { color: hsl(33, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:70\:dark, html.auto .sf-c-txt-bisque\:70\:dark { color: hsl(33, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:80\:dark, html.auto .sf-c-txt-bisque\:80\:dark { color: hsl(33, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:90\:dark, html.auto .sf-c-txt-bisque\:90\:dark { color: hsl(33, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:100\:dark, html.auto .sf-c-txt-bisque\:100\:dark { color: hsl(33, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/black.css b/src/colors/10/black.css index ce0045b..11fedf6 100644 --- a/src/colors/10/black.css +++ b/src/colors/10/black.css @@ -78,6 +78,32 @@ html.var .sf-c-black\:80 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } html.var .sf-c-black\:90 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } html.var .sf-c-black\:100 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } +.sf-c-txt-black { color: hsl(var(--sf-dark-c-txt-black)) } +.sf-c-txt-black\:0 { color: hsl(var(--sf-dark-c-txt-black-100)) } +.sf-c-txt-black\:10 { color: hsl(var(--sf-dark-c-txt-black-90)) } +.sf-c-txt-black\:20 { color: hsl(var(--sf-dark-c-txt-black-80)) } +.sf-c-txt-black\:30 { color: hsl(var(--sf-dark-c-txt-black-70)) } +.sf-c-txt-black\:40 { color: hsl(var(--sf-dark-c-txt-black-60)) } +.sf-c-txt-black\:50 { color: hsl(var(--sf-dark-c-txt-black-50)) } +.sf-c-txt-black\:60 { color: hsl(var(--sf-dark-c-txt-black-40)) } +.sf-c-txt-black\:70 { color: hsl(var(--sf-dark-c-txt-black-30)) } +.sf-c-txt-black\:80 { color: hsl(var(--sf-dark-c-txt-black-20)) } +.sf-c-txt-black\:90 { color: hsl(var(--sf-dark-c-txt-black-10)) } +.sf-c-txt-black\:100 { color: hsl(var(--sf-dark-c-txt-black-0)) } + +html.var .sf-c-txt-black { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-black\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-black\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-black\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-black\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-black\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-black\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-black\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-black\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-black\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-black\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-black\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-black, html.dark .sf-c-black { color: hsl(var(--sf-dark-c-txt-black-10)); background: hsl(var(--sf-dark-c-black)) } html[data-theme='dark'] .sf-c-black\:0, html.dark .sf-c-black\:0 { color: hsl(var(--sf-dark-c-txt-black-90)); background: hsl(var(--sf-dark-c-black-100)) } html[data-theme='dark'] .sf-c-black\:10, html.dark .sf-c-black\:10 { color: hsl(var(--sf-dark-c-txt-black-10)); background: hsl(var(--sf-dark-c-black-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-black\:80\:dark, html.dark .sf-c-black\:80\:dark { html[data-theme='dark'] .sf-c-black\:90\:dark, html.dark .sf-c-black\:90\:dark { color: hsl(var(--sf-c-txt-black-90)); background: hsl(var(--sf-c-black-10)) } html[data-theme='dark'] .sf-c-black\:100\:dark, html.dark .sf-c-black\:100\:dark { color: hsl(var(--sf-c-txt-black-90)); background: hsl(var(--sf-c-black-0)) } +html[data-theme='dark'] .sf-c-txt-black, html.dark .sf-c-txt-black { color: hsl(var(--sf-c-txt-black)) } +html[data-theme='dark'] .sf-c-txt-black\:0, html.dark .sf-c-txt-black\:0 { color: hsl(var(--sf-c-txt-black-0)) } +html[data-theme='dark'] .sf-c-txt-black\:10, html.dark .sf-c-txt-black\:10 { color: hsl(var(--sf-c-txt-black-10)) } +html[data-theme='dark'] .sf-c-txt-black\:20, html.dark .sf-c-txt-black\:20 { color: hsl(var(--sf-c-txt-black-20)) } +html[data-theme='dark'] .sf-c-txt-black\:30, html.dark .sf-c-txt-black\:30 { color: hsl(var(--sf-c-txt-black-30)) } +html[data-theme='dark'] .sf-c-txt-black\:40, html.dark .sf-c-txt-black\:40 { color: hsl(var(--sf-c-txt-black-40)) } +html[data-theme='dark'] .sf-c-txt-black\:50, html.dark .sf-c-txt-black\:50 { color: hsl(var(--sf-c-txt-black-50)) } +html[data-theme='dark'] .sf-c-txt-black\:60, html.dark .sf-c-txt-black\:60 { color: hsl(var(--sf-c-txt-black-60)) } +html[data-theme='dark'] .sf-c-txt-black\:70, html.dark .sf-c-txt-black\:70 { color: hsl(var(--sf-c-txt-black-70)) } +html[data-theme='dark'] .sf-c-txt-black\:80, html.dark .sf-c-txt-black\:80 { color: hsl(var(--sf-c-txt-black-80)) } +html[data-theme='dark'] .sf-c-txt-black\:90, html.dark .sf-c-txt-black\:90 { color: hsl(var(--sf-c-txt-black-90)) } +html[data-theme='dark'] .sf-c-txt-black\:100, html.dark .sf-c-txt-black\:100 { color: hsl(var(--sf-c-txt-black-100)) } + +html[data-theme='dark'] .sf-c-txt-black\:dark, html.dark .sf-c-txt-black\:dark { color: hsl(var(--sf-c-txt-black)) } +html[data-theme='dark'] .sf-c-txt-black\:0\:dark, html.dark .sf-c-txt-black\:0\:dark { color: hsl(var(--sf-dark-c-txt-black-0)) } +html[data-theme='dark'] .sf-c-txt-black\:10\:dark, html.dark .sf-c-txt-black\:10\:dark { color: hsl(var(--sf-dark-c-txt-black-10)) } +html[data-theme='dark'] .sf-c-txt-black\:20\:dark, html.dark .sf-c-txt-black\:20\:dark { color: hsl(var(--sf-dark-c-txt-black-20)) } +html[data-theme='dark'] .sf-c-txt-black\:30\:dark, html.dark .sf-c-txt-black\:30\:dark { color: hsl(var(--sf-dark-c-txt-black-30)) } +html[data-theme='dark'] .sf-c-txt-black\:40\:dark, html.dark .sf-c-txt-black\:40\:dark { color: hsl(var(--sf-dark-c-txt-black-40)) } +html[data-theme='dark'] .sf-c-txt-black\:50\:dark, html.dark .sf-c-txt-black\:50\:dark { color: hsl(var(--sf-dark-c-txt-black-50)) } +html[data-theme='dark'] .sf-c-txt-black\:60\:dark, html.dark .sf-c-txt-black\:60\:dark { color: hsl(var(--sf-dark-c-txt-black-60)) } +html[data-theme='dark'] .sf-c-txt-black\:70\:dark, html.dark .sf-c-txt-black\:70\:dark { color: hsl(var(--sf-dark-c-txt-black-70)) } +html[data-theme='dark'] .sf-c-txt-black\:80\:dark, html.dark .sf-c-txt-black\:80\:dark { color: hsl(var(--sf-dark-c-txt-black-80)) } +html[data-theme='dark'] .sf-c-txt-black\:90\:dark, html.dark .sf-c-txt-black\:90\:dark { color: hsl(var(--sf-dark-c-txt-black-90)) } +html[data-theme='dark'] .sf-c-txt-black\:100\:dark, html.dark .sf-c-txt-black\:100\:dark { color: hsl(var(--sf-dark-c-txt-black-100)) } + html.var[data-theme='dark'] .sf-c-black, html.var.dark .sf-c-black { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-black\:0, html.var.dark .sf-c-black\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-black\:10, html.var.dark .sf-c-black\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-black\:80\:dark, html.var.dark .sf-c-black\:80 html.var[data-theme='dark'] .sf-c-black\:90\:dark, html.var.dark .sf-c-black\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='dark'] .sf-c-black\:100\:dark, html.var.dark .sf-c-black\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-black, html.dark .sf-c-txt-black { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-black\:0, html.dark .sf-c-txt-black\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-black\:10, html.dark .sf-c-txt-black\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-black\:20, html.dark .sf-c-txt-black\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-black\:30, html.dark .sf-c-txt-black\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-black\:40, html.dark .sf-c-txt-black\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-black\:50, html.dark .sf-c-txt-black\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-black\:60, html.dark .sf-c-txt-black\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-black\:70, html.dark .sf-c-txt-black\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-black\:80, html.dark .sf-c-txt-black\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-black\:90, html.dark .sf-c-txt-black\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-black\:100, html.dark .sf-c-txt-black\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-black\:dark, html.dark .sf-c-txt-black\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-black\:0\:dark, html.dark .sf-c-txt-black\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-black\:10\:dark, html.dark .sf-c-txt-black\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-black\:20\:dark, html.dark .sf-c-txt-black\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-black\:30\:dark, html.dark .sf-c-txt-black\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-black\:40\:dark, html.dark .sf-c-txt-black\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-black\:50\:dark, html.dark .sf-c-txt-black\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-black\:60\:dark, html.dark .sf-c-txt-black\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-black\:70\:dark, html.dark .sf-c-txt-black\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-black\:80\:dark, html.dark .sf-c-txt-black\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-black\:90\:dark, html.dark .sf-c-txt-black\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-black\:100\:dark, html.dark .sf-c-txt-black\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-black, html.auto .sf-c-black { color: hsl(var(--sf-dark-c-txt-black-10)); background: hsl(var(--sf-dark-c-black)) } html[data-theme='auto'] .sf-c-black\:0, html.auto .sf-c-black\:0 { color: hsl(var(--sf-dark-c-txt-black-90)); background: hsl(var(--sf-dark-c-black-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-black\:100\:dark, html.var.dark .sf-c-black\:1 html[data-theme='auto'] .sf-c-black\:90\:dark, html.auto .sf-c-black\:90\:dark { color: hsl(var(--sf-c-txt-black-90)); background: hsl(var(--sf-c-black-10)) } html[data-theme='auto'] .sf-c-black\:100\:dark, html.auto .sf-c-black\:100\:dark { color: hsl(var(--sf-c-txt-black-90)); background: hsl(var(--sf-c-black-0)) } + html[data-theme='auto'] .sf-c-txt-black, html.auto .sf-c-txt-black { color: hsl(var(--sf-c-txt-black)) } + html[data-theme='auto'] .sf-c-txt-black\:0, html.auto .sf-c-txt-black\:0 { color: hsl(var(--sf-c-txt-black-0)) } + html[data-theme='auto'] .sf-c-txt-black\:10, html.auto .sf-c-txt-black\:10 { color: hsl(var(--sf-c-txt-black-10)) } + html[data-theme='auto'] .sf-c-txt-black\:20, html.auto .sf-c-txt-black\:20 { color: hsl(var(--sf-c-txt-black-20)) } + html[data-theme='auto'] .sf-c-txt-black\:30, html.auto .sf-c-txt-black\:30 { color: hsl(var(--sf-c-txt-black-30)) } + html[data-theme='auto'] .sf-c-txt-black\:40, html.auto .sf-c-txt-black\:40 { color: hsl(var(--sf-c-txt-black-40)) } + html[data-theme='auto'] .sf-c-txt-black\:50, html.auto .sf-c-txt-black\:50 { color: hsl(var(--sf-c-txt-black-50)) } + html[data-theme='auto'] .sf-c-txt-black\:60, html.auto .sf-c-txt-black\:60 { color: hsl(var(--sf-c-txt-black-60)) } + html[data-theme='auto'] .sf-c-txt-black\:70, html.auto .sf-c-txt-black\:70 { color: hsl(var(--sf-c-txt-black-70)) } + html[data-theme='auto'] .sf-c-txt-black\:80, html.auto .sf-c-txt-black\:80 { color: hsl(var(--sf-c-txt-black-80)) } + html[data-theme='auto'] .sf-c-txt-black\:90, html.auto .sf-c-txt-black\:90 { color: hsl(var(--sf-c-txt-black-90)) } + html[data-theme='auto'] .sf-c-txt-black\:100, html.auto .sf-c-txt-black\:100 { color: hsl(var(--sf-c-txt-black-100)) } + + html[data-theme='auto'] .sf-c-txt-black\:dark, html.auto .sf-c-txt-black\:dark { color: hsl(var(--sf-c-txt-black)) } + html[data-theme='auto'] .sf-c-txt-black\:0\:dark, html.auto .sf-c-txt-black\:0\:dark { color: hsl(var(--sf-c-txt-black-0)) } + html[data-theme='auto'] .sf-c-txt-black\:10\:dark, html.auto .sf-c-txt-black\:10\:dark { color: hsl(var(--sf-c-txt-black-10)) } + html[data-theme='auto'] .sf-c-txt-black\:20\:dark, html.auto .sf-c-txt-black\:20\:dark { color: hsl(var(--sf-c-txt-black-20)) } + html[data-theme='auto'] .sf-c-txt-black\:30\:dark, html.auto .sf-c-txt-black\:30\:dark { color: hsl(var(--sf-c-txt-black-30)) } + html[data-theme='auto'] .sf-c-txt-black\:40\:dark, html.auto .sf-c-txt-black\:40\:dark { color: hsl(var(--sf-c-txt-black-40)) } + html[data-theme='auto'] .sf-c-txt-black\:50\:dark, html.auto .sf-c-txt-black\:50\:dark { color: hsl(var(--sf-c-txt-black-50)) } + html[data-theme='auto'] .sf-c-txt-black\:60\:dark, html.auto .sf-c-txt-black\:60\:dark { color: hsl(var(--sf-c-txt-black-60)) } + html[data-theme='auto'] .sf-c-txt-black\:70\:dark, html.auto .sf-c-txt-black\:70\:dark { color: hsl(var(--sf-c-txt-black-70)) } + html[data-theme='auto'] .sf-c-txt-black\:80\:dark, html.auto .sf-c-txt-black\:80\:dark { color: hsl(var(--sf-c-txt-black-80)) } + html[data-theme='auto'] .sf-c-txt-black\:90\:dark, html.auto .sf-c-txt-black\:90\:dark { color: hsl(var(--sf-c-txt-black-90)) } + html[data-theme='auto'] .sf-c-txt-black\:100\:dark, html.auto .sf-c-txt-black\:100\:dark { color: hsl(var(--sf-c-txt-black-100)) } + html.var[data-theme='auto'] .sf-c-black, html.var.auto .sf-c-black { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-black\:0, html.var.auto .sf-c-black\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-black\:10, html.var.auto .sf-c-black\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-black\:100\:dark, html.var.dark .sf-c-black\:1 html.var[data-theme='auto'] .sf-c-black\:80\:dark, html.var.auto .sf-c-black\:80\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } html.var[data-theme='auto'] .sf-c-black\:90\:dark, html.var.auto .sf-c-black\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-black\:100\:dark, html.var.auto .sf-c-black\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-black { color: hsl(var(--sf-c-txt-black)) } -.sf-c-txt-black\:0 { color: hsl(var(--sf-c-txt-black-0)) } -.sf-c-txt-black\:10 { color: hsl(var(--sf-c-txt-black-10)) } -.sf-c-txt-black\:20 { color: hsl(var(--sf-c-txt-black-20)) } -.sf-c-txt-black\:30 { color: hsl(var(--sf-c-txt-black-30)) } -.sf-c-txt-black\:40 { color: hsl(var(--sf-c-txt-black-40)) } -.sf-c-txt-black\:50 { color: hsl(var(--sf-c-txt-black-50)) } -.sf-c-txt-black\:60 { color: hsl(var(--sf-c-txt-black-60)) } -.sf-c-txt-black\:70 { color: hsl(var(--sf-c-txt-black-70)) } -.sf-c-txt-black\:80 { color: hsl(var(--sf-c-txt-black-80)) } -.sf-c-txt-black\:90 { color: hsl(var(--sf-c-txt-black-90)) } -.sf-c-txt-black\:100 { color: hsl(var(--sf-c-txt-black-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-black, html.auto .sf-c-txt-black { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-black\:0, html.auto .sf-c-txt-black\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-black\:10, html.auto .sf-c-txt-black\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-black\:20, html.auto .sf-c-txt-black\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-black\:30, html.auto .sf-c-txt-black\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-black\:40, html.auto .sf-c-txt-black\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-black\:50, html.auto .sf-c-txt-black\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-black\:60, html.auto .sf-c-txt-black\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-black\:70, html.auto .sf-c-txt-black\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-black\:80, html.auto .sf-c-txt-black\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-black\:90, html.auto .sf-c-txt-black\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-black\:100, html.auto .sf-c-txt-black\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-black\:dark, html.auto .sf-c-txt-black\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-black\:0\:dark, html.auto .sf-c-txt-black\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-black\:10\:dark, html.auto .sf-c-txt-black\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-black\:20\:dark, html.auto .sf-c-txt-black\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-black\:30\:dark, html.auto .sf-c-txt-black\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-black\:40\:dark, html.auto .sf-c-txt-black\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-black\:50\:dark, html.auto .sf-c-txt-black\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-black\:60\:dark, html.auto .sf-c-txt-black\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-black\:70\:dark, html.auto .sf-c-txt-black\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-black\:80\:dark, html.auto .sf-c-txt-black\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-black\:90\:dark, html.auto .sf-c-txt-black\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-black\:100\:dark, html.auto .sf-c-txt-black\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/blanchedalmond.css b/src/colors/10/blanchedalmond.css index 1c69475..e308c8e 100644 --- a/src/colors/10/blanchedalmond.css +++ b/src/colors/10/blanchedalmond.css @@ -78,6 +78,32 @@ html.var .sf-c-blanchedalmond\:80 { color: hsl(36, 100%, 10%); background: hsl(3 html.var .sf-c-blanchedalmond\:90 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } html.var .sf-c-blanchedalmond\:100 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 100%) } +.sf-c-txt-blanchedalmond { color: hsl(var(--sf-dark-c-txt-blanchedalmond)) } +.sf-c-txt-blanchedalmond\:0 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-100)) } +.sf-c-txt-blanchedalmond\:10 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-90)) } +.sf-c-txt-blanchedalmond\:20 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-80)) } +.sf-c-txt-blanchedalmond\:30 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-70)) } +.sf-c-txt-blanchedalmond\:40 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-60)) } +.sf-c-txt-blanchedalmond\:50 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-50)) } +.sf-c-txt-blanchedalmond\:60 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-40)) } +.sf-c-txt-blanchedalmond\:70 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-30)) } +.sf-c-txt-blanchedalmond\:80 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-20)) } +.sf-c-txt-blanchedalmond\:90 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-10)) } +.sf-c-txt-blanchedalmond\:100 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-0)) } + +html.var .sf-c-txt-blanchedalmond { color: hsl(36, 100%, 10%) } +html.var .sf-c-txt-blanchedalmond\:0 { color: hsl(36, 100%, 100%) } +html.var .sf-c-txt-blanchedalmond\:10 { color: hsl(36, 100%, 90%) } +html.var .sf-c-txt-blanchedalmond\:20 { color: hsl(36, 100%, 80%) } +html.var .sf-c-txt-blanchedalmond\:30 { color: hsl(36, 100%, 70%) } +html.var .sf-c-txt-blanchedalmond\:40 { color: hsl(36, 100%, 60%) } +html.var .sf-c-txt-blanchedalmond\:50 { color: hsl(36, 100%, 50%) } +html.var .sf-c-txt-blanchedalmond\:60 { color: hsl(36, 100%, 40%) } +html.var .sf-c-txt-blanchedalmond\:70 { color: hsl(36, 100%, 30%) } +html.var .sf-c-txt-blanchedalmond\:80 { color: hsl(36, 100%, 20%) } +html.var .sf-c-txt-blanchedalmond\:90 { color: hsl(36, 100%, 10%) } +html.var .sf-c-txt-blanchedalmond\:100 { color: hsl(36, 100%, 0%) } + html[data-theme='dark'] .sf-c-blanchedalmond, html.dark .sf-c-blanchedalmond { color: hsl(var(--sf-dark-c-txt-blanchedalmond-90)); background: hsl(var(--sf-dark-c-blanchedalmond)) } html[data-theme='dark'] .sf-c-blanchedalmond\:0, html.dark .sf-c-blanchedalmond\:0 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-90)); background: hsl(var(--sf-dark-c-blanchedalmond-100)) } html[data-theme='dark'] .sf-c-blanchedalmond\:10, html.dark .sf-c-blanchedalmond\:10 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-10)); background: hsl(var(--sf-dark-c-blanchedalmond-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-blanchedalmond\:80\:dark, html.dark .sf-c-blanched html[data-theme='dark'] .sf-c-blanchedalmond\:90\:dark, html.dark .sf-c-blanchedalmond\:90\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-90)); background: hsl(var(--sf-c-blanchedalmond-10)) } html[data-theme='dark'] .sf-c-blanchedalmond\:100\:dark, html.dark .sf-c-blanchedalmond\:100\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-90)); background: hsl(var(--sf-c-blanchedalmond-0)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond, html.dark .sf-c-txt-blanchedalmond { color: hsl(var(--sf-c-txt-blanchedalmond)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:0, html.dark .sf-c-txt-blanchedalmond\:0 { color: hsl(var(--sf-c-txt-blanchedalmond-0)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:10, html.dark .sf-c-txt-blanchedalmond\:10 { color: hsl(var(--sf-c-txt-blanchedalmond-10)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:20, html.dark .sf-c-txt-blanchedalmond\:20 { color: hsl(var(--sf-c-txt-blanchedalmond-20)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:30, html.dark .sf-c-txt-blanchedalmond\:30 { color: hsl(var(--sf-c-txt-blanchedalmond-30)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:40, html.dark .sf-c-txt-blanchedalmond\:40 { color: hsl(var(--sf-c-txt-blanchedalmond-40)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:50, html.dark .sf-c-txt-blanchedalmond\:50 { color: hsl(var(--sf-c-txt-blanchedalmond-50)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:60, html.dark .sf-c-txt-blanchedalmond\:60 { color: hsl(var(--sf-c-txt-blanchedalmond-60)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:70, html.dark .sf-c-txt-blanchedalmond\:70 { color: hsl(var(--sf-c-txt-blanchedalmond-70)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:80, html.dark .sf-c-txt-blanchedalmond\:80 { color: hsl(var(--sf-c-txt-blanchedalmond-80)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:90, html.dark .sf-c-txt-blanchedalmond\:90 { color: hsl(var(--sf-c-txt-blanchedalmond-90)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:100, html.dark .sf-c-txt-blanchedalmond\:100 { color: hsl(var(--sf-c-txt-blanchedalmond-100)) } + +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:dark, html.dark .sf-c-txt-blanchedalmond\:dark { color: hsl(var(--sf-c-txt-blanchedalmond)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:0\:dark, html.dark .sf-c-txt-blanchedalmond\:0\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-0)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:10\:dark, html.dark .sf-c-txt-blanchedalmond\:10\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-10)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:20\:dark, html.dark .sf-c-txt-blanchedalmond\:20\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-20)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:30\:dark, html.dark .sf-c-txt-blanchedalmond\:30\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-30)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:40\:dark, html.dark .sf-c-txt-blanchedalmond\:40\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-40)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:50\:dark, html.dark .sf-c-txt-blanchedalmond\:50\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-50)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:60\:dark, html.dark .sf-c-txt-blanchedalmond\:60\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-60)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:70\:dark, html.dark .sf-c-txt-blanchedalmond\:70\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-70)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:80\:dark, html.dark .sf-c-txt-blanchedalmond\:80\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-80)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:90\:dark, html.dark .sf-c-txt-blanchedalmond\:90\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-90)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:100\:dark, html.dark .sf-c-txt-blanchedalmond\:100\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-100)) } + html.var[data-theme='dark'] .sf-c-blanchedalmond, html.var.dark .sf-c-blanchedalmond { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } html.var[data-theme='dark'] .sf-c-blanchedalmond\:0, html.var.dark .sf-c-blanchedalmond\:0 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 100%) } html.var[data-theme='dark'] .sf-c-blanchedalmond\:10, html.var.dark .sf-c-blanchedalmond\:10 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-blanchedalmond\:80\:dark, html.var.dark .sf-c- html.var[data-theme='dark'] .sf-c-blanchedalmond\:90\:dark, html.var.dark .sf-c-blanchedalmond\:90\:dark { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } html.var[data-theme='dark'] .sf-c-blanchedalmond\:100\:dark, html.var.dark .sf-c-blanchedalmond\:100\:dark { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond, html.dark .sf-c-txt-blanchedalmond { color: hsl(36, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:0, html.dark .sf-c-txt-blanchedalmond\:0 { color: hsl(36, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:10, html.dark .sf-c-txt-blanchedalmond\:10 { color: hsl(36, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:20, html.dark .sf-c-txt-blanchedalmond\:20 { color: hsl(36, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:30, html.dark .sf-c-txt-blanchedalmond\:30 { color: hsl(36, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:40, html.dark .sf-c-txt-blanchedalmond\:40 { color: hsl(36, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:50, html.dark .sf-c-txt-blanchedalmond\:50 { color: hsl(36, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:60, html.dark .sf-c-txt-blanchedalmond\:60 { color: hsl(36, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:70, html.dark .sf-c-txt-blanchedalmond\:70 { color: hsl(36, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:80, html.dark .sf-c-txt-blanchedalmond\:80 { color: hsl(36, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:90, html.dark .sf-c-txt-blanchedalmond\:90 { color: hsl(36, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:100, html.dark .sf-c-txt-blanchedalmond\:100 { color: hsl(36, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:dark, html.dark .sf-c-txt-blanchedalmond\:dark { color: hsl(36, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:0\:dark, html.dark .sf-c-txt-blanchedalmond\:0\:dark { color: hsl(36, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:10\:dark, html.dark .sf-c-txt-blanchedalmond\:10\:dark { color: hsl(36, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:20\:dark, html.dark .sf-c-txt-blanchedalmond\:20\:dark { color: hsl(36, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:30\:dark, html.dark .sf-c-txt-blanchedalmond\:30\:dark { color: hsl(36, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:40\:dark, html.dark .sf-c-txt-blanchedalmond\:40\:dark { color: hsl(36, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:50\:dark, html.dark .sf-c-txt-blanchedalmond\:50\:dark { color: hsl(36, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:60\:dark, html.dark .sf-c-txt-blanchedalmond\:60\:dark { color: hsl(36, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:70\:dark, html.dark .sf-c-txt-blanchedalmond\:70\:dark { color: hsl(36, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:80\:dark, html.dark .sf-c-txt-blanchedalmond\:80\:dark { color: hsl(36, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:90\:dark, html.dark .sf-c-txt-blanchedalmond\:90\:dark { color: hsl(36, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:100\:dark, html.dark .sf-c-txt-blanchedalmond\:100\:dark { color: hsl(36, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-blanchedalmond, html.auto .sf-c-blanchedalmond { color: hsl(var(--sf-dark-c-txt-blanchedalmond-90)); background: hsl(var(--sf-dark-c-blanchedalmond)) } html[data-theme='auto'] .sf-c-blanchedalmond\:0, html.auto .sf-c-blanchedalmond\:0 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-90)); background: hsl(var(--sf-dark-c-blanchedalmond-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-blanchedalmond\:100\:dark, html.var.dark .sf-c html[data-theme='auto'] .sf-c-blanchedalmond\:90\:dark, html.auto .sf-c-blanchedalmond\:90\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-90)); background: hsl(var(--sf-c-blanchedalmond-10)) } html[data-theme='auto'] .sf-c-blanchedalmond\:100\:dark, html.auto .sf-c-blanchedalmond\:100\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-90)); background: hsl(var(--sf-c-blanchedalmond-0)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond, html.auto .sf-c-txt-blanchedalmond { color: hsl(var(--sf-c-txt-blanchedalmond)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:0, html.auto .sf-c-txt-blanchedalmond\:0 { color: hsl(var(--sf-c-txt-blanchedalmond-0)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:10, html.auto .sf-c-txt-blanchedalmond\:10 { color: hsl(var(--sf-c-txt-blanchedalmond-10)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:20, html.auto .sf-c-txt-blanchedalmond\:20 { color: hsl(var(--sf-c-txt-blanchedalmond-20)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:30, html.auto .sf-c-txt-blanchedalmond\:30 { color: hsl(var(--sf-c-txt-blanchedalmond-30)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:40, html.auto .sf-c-txt-blanchedalmond\:40 { color: hsl(var(--sf-c-txt-blanchedalmond-40)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:50, html.auto .sf-c-txt-blanchedalmond\:50 { color: hsl(var(--sf-c-txt-blanchedalmond-50)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:60, html.auto .sf-c-txt-blanchedalmond\:60 { color: hsl(var(--sf-c-txt-blanchedalmond-60)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:70, html.auto .sf-c-txt-blanchedalmond\:70 { color: hsl(var(--sf-c-txt-blanchedalmond-70)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:80, html.auto .sf-c-txt-blanchedalmond\:80 { color: hsl(var(--sf-c-txt-blanchedalmond-80)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:90, html.auto .sf-c-txt-blanchedalmond\:90 { color: hsl(var(--sf-c-txt-blanchedalmond-90)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:100, html.auto .sf-c-txt-blanchedalmond\:100 { color: hsl(var(--sf-c-txt-blanchedalmond-100)) } + + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:dark, html.auto .sf-c-txt-blanchedalmond\:dark { color: hsl(var(--sf-c-txt-blanchedalmond)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:0\:dark, html.auto .sf-c-txt-blanchedalmond\:0\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-0)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:10\:dark, html.auto .sf-c-txt-blanchedalmond\:10\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-10)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:20\:dark, html.auto .sf-c-txt-blanchedalmond\:20\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-20)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:30\:dark, html.auto .sf-c-txt-blanchedalmond\:30\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-30)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:40\:dark, html.auto .sf-c-txt-blanchedalmond\:40\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-40)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:50\:dark, html.auto .sf-c-txt-blanchedalmond\:50\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-50)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:60\:dark, html.auto .sf-c-txt-blanchedalmond\:60\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-60)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:70\:dark, html.auto .sf-c-txt-blanchedalmond\:70\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-70)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:80\:dark, html.auto .sf-c-txt-blanchedalmond\:80\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-80)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:90\:dark, html.auto .sf-c-txt-blanchedalmond\:90\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-90)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:100\:dark, html.auto .sf-c-txt-blanchedalmond\:100\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-100)) } + html.var[data-theme='auto'] .sf-c-blanchedalmond, html.var.auto .sf-c-blanchedalmond { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } html.var[data-theme='auto'] .sf-c-blanchedalmond\:0, html.var.auto .sf-c-blanchedalmond\:0 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 100%) } html.var[data-theme='auto'] .sf-c-blanchedalmond\:10, html.var.auto .sf-c-blanchedalmond\:10 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-blanchedalmond\:100\:dark, html.var.dark .sf-c html.var[data-theme='auto'] .sf-c-blanchedalmond\:80\:dark, html.var.auto .sf-c-blanchedalmond\:80\:dark { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 20%) } html.var[data-theme='auto'] .sf-c-blanchedalmond\:90\:dark, html.var.auto .sf-c-blanchedalmond\:90\:dark { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } html.var[data-theme='auto'] .sf-c-blanchedalmond\:100\:dark, html.var.auto .sf-c-blanchedalmond\:100\:dark { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 0%) } -} -.sf-c-txt-blanchedalmond { color: hsl(var(--sf-c-txt-blanchedalmond)) } -.sf-c-txt-blanchedalmond\:0 { color: hsl(var(--sf-c-txt-blanchedalmond-0)) } -.sf-c-txt-blanchedalmond\:10 { color: hsl(var(--sf-c-txt-blanchedalmond-10)) } -.sf-c-txt-blanchedalmond\:20 { color: hsl(var(--sf-c-txt-blanchedalmond-20)) } -.sf-c-txt-blanchedalmond\:30 { color: hsl(var(--sf-c-txt-blanchedalmond-30)) } -.sf-c-txt-blanchedalmond\:40 { color: hsl(var(--sf-c-txt-blanchedalmond-40)) } -.sf-c-txt-blanchedalmond\:50 { color: hsl(var(--sf-c-txt-blanchedalmond-50)) } -.sf-c-txt-blanchedalmond\:60 { color: hsl(var(--sf-c-txt-blanchedalmond-60)) } -.sf-c-txt-blanchedalmond\:70 { color: hsl(var(--sf-c-txt-blanchedalmond-70)) } -.sf-c-txt-blanchedalmond\:80 { color: hsl(var(--sf-c-txt-blanchedalmond-80)) } -.sf-c-txt-blanchedalmond\:90 { color: hsl(var(--sf-c-txt-blanchedalmond-90)) } -.sf-c-txt-blanchedalmond\:100 { color: hsl(var(--sf-c-txt-blanchedalmond-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond, html.auto .sf-c-txt-blanchedalmond { color: hsl(36, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:0, html.auto .sf-c-txt-blanchedalmond\:0 { color: hsl(36, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:10, html.auto .sf-c-txt-blanchedalmond\:10 { color: hsl(36, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:20, html.auto .sf-c-txt-blanchedalmond\:20 { color: hsl(36, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:30, html.auto .sf-c-txt-blanchedalmond\:30 { color: hsl(36, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:40, html.auto .sf-c-txt-blanchedalmond\:40 { color: hsl(36, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:50, html.auto .sf-c-txt-blanchedalmond\:50 { color: hsl(36, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:60, html.auto .sf-c-txt-blanchedalmond\:60 { color: hsl(36, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:70, html.auto .sf-c-txt-blanchedalmond\:70 { color: hsl(36, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:80, html.auto .sf-c-txt-blanchedalmond\:80 { color: hsl(36, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:90, html.auto .sf-c-txt-blanchedalmond\:90 { color: hsl(36, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:100, html.auto .sf-c-txt-blanchedalmond\:100 { color: hsl(36, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:dark, html.auto .sf-c-txt-blanchedalmond\:dark { color: hsl(36, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:0\:dark, html.auto .sf-c-txt-blanchedalmond\:0\:dark { color: hsl(36, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:10\:dark, html.auto .sf-c-txt-blanchedalmond\:10\:dark { color: hsl(36, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:20\:dark, html.auto .sf-c-txt-blanchedalmond\:20\:dark { color: hsl(36, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:30\:dark, html.auto .sf-c-txt-blanchedalmond\:30\:dark { color: hsl(36, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:40\:dark, html.auto .sf-c-txt-blanchedalmond\:40\:dark { color: hsl(36, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:50\:dark, html.auto .sf-c-txt-blanchedalmond\:50\:dark { color: hsl(36, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:60\:dark, html.auto .sf-c-txt-blanchedalmond\:60\:dark { color: hsl(36, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:70\:dark, html.auto .sf-c-txt-blanchedalmond\:70\:dark { color: hsl(36, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:80\:dark, html.auto .sf-c-txt-blanchedalmond\:80\:dark { color: hsl(36, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:90\:dark, html.auto .sf-c-txt-blanchedalmond\:90\:dark { color: hsl(36, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:100\:dark, html.auto .sf-c-txt-blanchedalmond\:100\:dark { color: hsl(36, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/blue.css b/src/colors/10/blue.css index 6dc4c8e..3356dc6 100644 --- a/src/colors/10/blue.css +++ b/src/colors/10/blue.css @@ -78,6 +78,32 @@ html.var .sf-c-blue\:80 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, html.var .sf-c-blue\:90 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } html.var .sf-c-blue\:100 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } +.sf-c-txt-blue { color: hsl(var(--sf-dark-c-txt-blue)) } +.sf-c-txt-blue\:0 { color: hsl(var(--sf-dark-c-txt-blue-100)) } +.sf-c-txt-blue\:10 { color: hsl(var(--sf-dark-c-txt-blue-90)) } +.sf-c-txt-blue\:20 { color: hsl(var(--sf-dark-c-txt-blue-80)) } +.sf-c-txt-blue\:30 { color: hsl(var(--sf-dark-c-txt-blue-70)) } +.sf-c-txt-blue\:40 { color: hsl(var(--sf-dark-c-txt-blue-60)) } +.sf-c-txt-blue\:50 { color: hsl(var(--sf-dark-c-txt-blue-50)) } +.sf-c-txt-blue\:60 { color: hsl(var(--sf-dark-c-txt-blue-40)) } +.sf-c-txt-blue\:70 { color: hsl(var(--sf-dark-c-txt-blue-30)) } +.sf-c-txt-blue\:80 { color: hsl(var(--sf-dark-c-txt-blue-20)) } +.sf-c-txt-blue\:90 { color: hsl(var(--sf-dark-c-txt-blue-10)) } +.sf-c-txt-blue\:100 { color: hsl(var(--sf-dark-c-txt-blue-0)) } + +html.var .sf-c-txt-blue { color: hsl(240, 100%, 50%) } +html.var .sf-c-txt-blue\:0 { color: hsl(240, 100%, 100%) } +html.var .sf-c-txt-blue\:10 { color: hsl(240, 100%, 90%) } +html.var .sf-c-txt-blue\:20 { color: hsl(240, 100%, 80%) } +html.var .sf-c-txt-blue\:30 { color: hsl(240, 100%, 70%) } +html.var .sf-c-txt-blue\:40 { color: hsl(240, 100%, 60%) } +html.var .sf-c-txt-blue\:50 { color: hsl(240, 100%, 50%) } +html.var .sf-c-txt-blue\:60 { color: hsl(240, 100%, 40%) } +html.var .sf-c-txt-blue\:70 { color: hsl(240, 100%, 30%) } +html.var .sf-c-txt-blue\:80 { color: hsl(240, 100%, 20%) } +html.var .sf-c-txt-blue\:90 { color: hsl(240, 100%, 10%) } +html.var .sf-c-txt-blue\:100 { color: hsl(240, 100%, 0%) } + html[data-theme='dark'] .sf-c-blue, html.dark .sf-c-blue { color: hsl(var(--sf-dark-c-txt-blue-90)); background: hsl(var(--sf-dark-c-blue)) } html[data-theme='dark'] .sf-c-blue\:0, html.dark .sf-c-blue\:0 { color: hsl(var(--sf-dark-c-txt-blue-90)); background: hsl(var(--sf-dark-c-blue-100)) } html[data-theme='dark'] .sf-c-blue\:10, html.dark .sf-c-blue\:10 { color: hsl(var(--sf-dark-c-txt-blue-10)); background: hsl(var(--sf-dark-c-blue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-blue\:80\:dark, html.dark .sf-c-blue\:80\:dark { c html[data-theme='dark'] .sf-c-blue\:90\:dark, html.dark .sf-c-blue\:90\:dark { color: hsl(var(--sf-c-txt-blue-90)); background: hsl(var(--sf-c-blue-10)) } html[data-theme='dark'] .sf-c-blue\:100\:dark, html.dark .sf-c-blue\:100\:dark { color: hsl(var(--sf-c-txt-blue-90)); background: hsl(var(--sf-c-blue-0)) } +html[data-theme='dark'] .sf-c-txt-blue, html.dark .sf-c-txt-blue { color: hsl(var(--sf-c-txt-blue)) } +html[data-theme='dark'] .sf-c-txt-blue\:0, html.dark .sf-c-txt-blue\:0 { color: hsl(var(--sf-c-txt-blue-0)) } +html[data-theme='dark'] .sf-c-txt-blue\:10, html.dark .sf-c-txt-blue\:10 { color: hsl(var(--sf-c-txt-blue-10)) } +html[data-theme='dark'] .sf-c-txt-blue\:20, html.dark .sf-c-txt-blue\:20 { color: hsl(var(--sf-c-txt-blue-20)) } +html[data-theme='dark'] .sf-c-txt-blue\:30, html.dark .sf-c-txt-blue\:30 { color: hsl(var(--sf-c-txt-blue-30)) } +html[data-theme='dark'] .sf-c-txt-blue\:40, html.dark .sf-c-txt-blue\:40 { color: hsl(var(--sf-c-txt-blue-40)) } +html[data-theme='dark'] .sf-c-txt-blue\:50, html.dark .sf-c-txt-blue\:50 { color: hsl(var(--sf-c-txt-blue-50)) } +html[data-theme='dark'] .sf-c-txt-blue\:60, html.dark .sf-c-txt-blue\:60 { color: hsl(var(--sf-c-txt-blue-60)) } +html[data-theme='dark'] .sf-c-txt-blue\:70, html.dark .sf-c-txt-blue\:70 { color: hsl(var(--sf-c-txt-blue-70)) } +html[data-theme='dark'] .sf-c-txt-blue\:80, html.dark .sf-c-txt-blue\:80 { color: hsl(var(--sf-c-txt-blue-80)) } +html[data-theme='dark'] .sf-c-txt-blue\:90, html.dark .sf-c-txt-blue\:90 { color: hsl(var(--sf-c-txt-blue-90)) } +html[data-theme='dark'] .sf-c-txt-blue\:100, html.dark .sf-c-txt-blue\:100 { color: hsl(var(--sf-c-txt-blue-100)) } + +html[data-theme='dark'] .sf-c-txt-blue\:dark, html.dark .sf-c-txt-blue\:dark { color: hsl(var(--sf-c-txt-blue)) } +html[data-theme='dark'] .sf-c-txt-blue\:0\:dark, html.dark .sf-c-txt-blue\:0\:dark { color: hsl(var(--sf-dark-c-txt-blue-0)) } +html[data-theme='dark'] .sf-c-txt-blue\:10\:dark, html.dark .sf-c-txt-blue\:10\:dark { color: hsl(var(--sf-dark-c-txt-blue-10)) } +html[data-theme='dark'] .sf-c-txt-blue\:20\:dark, html.dark .sf-c-txt-blue\:20\:dark { color: hsl(var(--sf-dark-c-txt-blue-20)) } +html[data-theme='dark'] .sf-c-txt-blue\:30\:dark, html.dark .sf-c-txt-blue\:30\:dark { color: hsl(var(--sf-dark-c-txt-blue-30)) } +html[data-theme='dark'] .sf-c-txt-blue\:40\:dark, html.dark .sf-c-txt-blue\:40\:dark { color: hsl(var(--sf-dark-c-txt-blue-40)) } +html[data-theme='dark'] .sf-c-txt-blue\:50\:dark, html.dark .sf-c-txt-blue\:50\:dark { color: hsl(var(--sf-dark-c-txt-blue-50)) } +html[data-theme='dark'] .sf-c-txt-blue\:60\:dark, html.dark .sf-c-txt-blue\:60\:dark { color: hsl(var(--sf-dark-c-txt-blue-60)) } +html[data-theme='dark'] .sf-c-txt-blue\:70\:dark, html.dark .sf-c-txt-blue\:70\:dark { color: hsl(var(--sf-dark-c-txt-blue-70)) } +html[data-theme='dark'] .sf-c-txt-blue\:80\:dark, html.dark .sf-c-txt-blue\:80\:dark { color: hsl(var(--sf-dark-c-txt-blue-80)) } +html[data-theme='dark'] .sf-c-txt-blue\:90\:dark, html.dark .sf-c-txt-blue\:90\:dark { color: hsl(var(--sf-dark-c-txt-blue-90)) } +html[data-theme='dark'] .sf-c-txt-blue\:100\:dark, html.dark .sf-c-txt-blue\:100\:dark { color: hsl(var(--sf-dark-c-txt-blue-100)) } + html.var[data-theme='dark'] .sf-c-blue, html.var.dark .sf-c-blue { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } html.var[data-theme='dark'] .sf-c-blue\:0, html.var.dark .sf-c-blue\:0 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 100%) } html.var[data-theme='dark'] .sf-c-blue\:10, html.var.dark .sf-c-blue\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-blue\:80\:dark, html.var.dark .sf-c-blue\:80\: html.var[data-theme='dark'] .sf-c-blue\:90\:dark, html.var.dark .sf-c-blue\:90\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } html.var[data-theme='dark'] .sf-c-blue\:100\:dark, html.var.dark .sf-c-blue\:100\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blue, html.dark .sf-c-txt-blue { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:0, html.dark .sf-c-txt-blue\:0 { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:10, html.dark .sf-c-txt-blue\:10 { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:20, html.dark .sf-c-txt-blue\:20 { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:30, html.dark .sf-c-txt-blue\:30 { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:40, html.dark .sf-c-txt-blue\:40 { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:50, html.dark .sf-c-txt-blue\:50 { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:60, html.dark .sf-c-txt-blue\:60 { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:70, html.dark .sf-c-txt-blue\:70 { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:80, html.dark .sf-c-txt-blue\:80 { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:90, html.dark .sf-c-txt-blue\:90 { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:100, html.dark .sf-c-txt-blue\:100 { color: hsl(240, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-blue\:dark, html.dark .sf-c-txt-blue\:dark { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:0\:dark, html.dark .sf-c-txt-blue\:0\:dark { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:10\:dark, html.dark .sf-c-txt-blue\:10\:dark { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:20\:dark, html.dark .sf-c-txt-blue\:20\:dark { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:30\:dark, html.dark .sf-c-txt-blue\:30\:dark { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:40\:dark, html.dark .sf-c-txt-blue\:40\:dark { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:50\:dark, html.dark .sf-c-txt-blue\:50\:dark { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:60\:dark, html.dark .sf-c-txt-blue\:60\:dark { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:70\:dark, html.dark .sf-c-txt-blue\:70\:dark { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:80\:dark, html.dark .sf-c-txt-blue\:80\:dark { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:90\:dark, html.dark .sf-c-txt-blue\:90\:dark { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:100\:dark, html.dark .sf-c-txt-blue\:100\:dark { color: hsl(240, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-blue, html.auto .sf-c-blue { color: hsl(var(--sf-dark-c-txt-blue-90)); background: hsl(var(--sf-dark-c-blue)) } html[data-theme='auto'] .sf-c-blue\:0, html.auto .sf-c-blue\:0 { color: hsl(var(--sf-dark-c-txt-blue-90)); background: hsl(var(--sf-dark-c-blue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-blue\:100\:dark, html.var.dark .sf-c-blue\:100 html[data-theme='auto'] .sf-c-blue\:90\:dark, html.auto .sf-c-blue\:90\:dark { color: hsl(var(--sf-c-txt-blue-90)); background: hsl(var(--sf-c-blue-10)) } html[data-theme='auto'] .sf-c-blue\:100\:dark, html.auto .sf-c-blue\:100\:dark { color: hsl(var(--sf-c-txt-blue-90)); background: hsl(var(--sf-c-blue-0)) } + html[data-theme='auto'] .sf-c-txt-blue, html.auto .sf-c-txt-blue { color: hsl(var(--sf-c-txt-blue)) } + html[data-theme='auto'] .sf-c-txt-blue\:0, html.auto .sf-c-txt-blue\:0 { color: hsl(var(--sf-c-txt-blue-0)) } + html[data-theme='auto'] .sf-c-txt-blue\:10, html.auto .sf-c-txt-blue\:10 { color: hsl(var(--sf-c-txt-blue-10)) } + html[data-theme='auto'] .sf-c-txt-blue\:20, html.auto .sf-c-txt-blue\:20 { color: hsl(var(--sf-c-txt-blue-20)) } + html[data-theme='auto'] .sf-c-txt-blue\:30, html.auto .sf-c-txt-blue\:30 { color: hsl(var(--sf-c-txt-blue-30)) } + html[data-theme='auto'] .sf-c-txt-blue\:40, html.auto .sf-c-txt-blue\:40 { color: hsl(var(--sf-c-txt-blue-40)) } + html[data-theme='auto'] .sf-c-txt-blue\:50, html.auto .sf-c-txt-blue\:50 { color: hsl(var(--sf-c-txt-blue-50)) } + html[data-theme='auto'] .sf-c-txt-blue\:60, html.auto .sf-c-txt-blue\:60 { color: hsl(var(--sf-c-txt-blue-60)) } + html[data-theme='auto'] .sf-c-txt-blue\:70, html.auto .sf-c-txt-blue\:70 { color: hsl(var(--sf-c-txt-blue-70)) } + html[data-theme='auto'] .sf-c-txt-blue\:80, html.auto .sf-c-txt-blue\:80 { color: hsl(var(--sf-c-txt-blue-80)) } + html[data-theme='auto'] .sf-c-txt-blue\:90, html.auto .sf-c-txt-blue\:90 { color: hsl(var(--sf-c-txt-blue-90)) } + html[data-theme='auto'] .sf-c-txt-blue\:100, html.auto .sf-c-txt-blue\:100 { color: hsl(var(--sf-c-txt-blue-100)) } + + html[data-theme='auto'] .sf-c-txt-blue\:dark, html.auto .sf-c-txt-blue\:dark { color: hsl(var(--sf-c-txt-blue)) } + html[data-theme='auto'] .sf-c-txt-blue\:0\:dark, html.auto .sf-c-txt-blue\:0\:dark { color: hsl(var(--sf-c-txt-blue-0)) } + html[data-theme='auto'] .sf-c-txt-blue\:10\:dark, html.auto .sf-c-txt-blue\:10\:dark { color: hsl(var(--sf-c-txt-blue-10)) } + html[data-theme='auto'] .sf-c-txt-blue\:20\:dark, html.auto .sf-c-txt-blue\:20\:dark { color: hsl(var(--sf-c-txt-blue-20)) } + html[data-theme='auto'] .sf-c-txt-blue\:30\:dark, html.auto .sf-c-txt-blue\:30\:dark { color: hsl(var(--sf-c-txt-blue-30)) } + html[data-theme='auto'] .sf-c-txt-blue\:40\:dark, html.auto .sf-c-txt-blue\:40\:dark { color: hsl(var(--sf-c-txt-blue-40)) } + html[data-theme='auto'] .sf-c-txt-blue\:50\:dark, html.auto .sf-c-txt-blue\:50\:dark { color: hsl(var(--sf-c-txt-blue-50)) } + html[data-theme='auto'] .sf-c-txt-blue\:60\:dark, html.auto .sf-c-txt-blue\:60\:dark { color: hsl(var(--sf-c-txt-blue-60)) } + html[data-theme='auto'] .sf-c-txt-blue\:70\:dark, html.auto .sf-c-txt-blue\:70\:dark { color: hsl(var(--sf-c-txt-blue-70)) } + html[data-theme='auto'] .sf-c-txt-blue\:80\:dark, html.auto .sf-c-txt-blue\:80\:dark { color: hsl(var(--sf-c-txt-blue-80)) } + html[data-theme='auto'] .sf-c-txt-blue\:90\:dark, html.auto .sf-c-txt-blue\:90\:dark { color: hsl(var(--sf-c-txt-blue-90)) } + html[data-theme='auto'] .sf-c-txt-blue\:100\:dark, html.auto .sf-c-txt-blue\:100\:dark { color: hsl(var(--sf-c-txt-blue-100)) } + html.var[data-theme='auto'] .sf-c-blue, html.var.auto .sf-c-blue { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 50%) } html.var[data-theme='auto'] .sf-c-blue\:0, html.var.auto .sf-c-blue\:0 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 100%) } html.var[data-theme='auto'] .sf-c-blue\:10, html.var.auto .sf-c-blue\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-blue\:100\:dark, html.var.dark .sf-c-blue\:100 html.var[data-theme='auto'] .sf-c-blue\:80\:dark, html.var.auto .sf-c-blue\:80\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } html.var[data-theme='auto'] .sf-c-blue\:90\:dark, html.var.auto .sf-c-blue\:90\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } html.var[data-theme='auto'] .sf-c-blue\:100\:dark, html.var.auto .sf-c-blue\:100\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } -} -.sf-c-txt-blue { color: hsl(var(--sf-c-txt-blue)) } -.sf-c-txt-blue\:0 { color: hsl(var(--sf-c-txt-blue-0)) } -.sf-c-txt-blue\:10 { color: hsl(var(--sf-c-txt-blue-10)) } -.sf-c-txt-blue\:20 { color: hsl(var(--sf-c-txt-blue-20)) } -.sf-c-txt-blue\:30 { color: hsl(var(--sf-c-txt-blue-30)) } -.sf-c-txt-blue\:40 { color: hsl(var(--sf-c-txt-blue-40)) } -.sf-c-txt-blue\:50 { color: hsl(var(--sf-c-txt-blue-50)) } -.sf-c-txt-blue\:60 { color: hsl(var(--sf-c-txt-blue-60)) } -.sf-c-txt-blue\:70 { color: hsl(var(--sf-c-txt-blue-70)) } -.sf-c-txt-blue\:80 { color: hsl(var(--sf-c-txt-blue-80)) } -.sf-c-txt-blue\:90 { color: hsl(var(--sf-c-txt-blue-90)) } -.sf-c-txt-blue\:100 { color: hsl(var(--sf-c-txt-blue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-blue, html.auto .sf-c-txt-blue { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:0, html.auto .sf-c-txt-blue\:0 { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:10, html.auto .sf-c-txt-blue\:10 { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:20, html.auto .sf-c-txt-blue\:20 { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:30, html.auto .sf-c-txt-blue\:30 { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:40, html.auto .sf-c-txt-blue\:40 { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:50, html.auto .sf-c-txt-blue\:50 { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:60, html.auto .sf-c-txt-blue\:60 { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:70, html.auto .sf-c-txt-blue\:70 { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:80, html.auto .sf-c-txt-blue\:80 { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:90, html.auto .sf-c-txt-blue\:90 { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:100, html.auto .sf-c-txt-blue\:100 { color: hsl(240, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-blue\:dark, html.auto .sf-c-txt-blue\:dark { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:0\:dark, html.auto .sf-c-txt-blue\:0\:dark { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:10\:dark, html.auto .sf-c-txt-blue\:10\:dark { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:20\:dark, html.auto .sf-c-txt-blue\:20\:dark { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:30\:dark, html.auto .sf-c-txt-blue\:30\:dark { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:40\:dark, html.auto .sf-c-txt-blue\:40\:dark { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:50\:dark, html.auto .sf-c-txt-blue\:50\:dark { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:60\:dark, html.auto .sf-c-txt-blue\:60\:dark { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:70\:dark, html.auto .sf-c-txt-blue\:70\:dark { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:80\:dark, html.auto .sf-c-txt-blue\:80\:dark { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:90\:dark, html.auto .sf-c-txt-blue\:90\:dark { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:100\:dark, html.auto .sf-c-txt-blue\:100\:dark { color: hsl(240, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/blueviolet.css b/src/colors/10/blueviolet.css index d2ada8e..6da4dea 100644 --- a/src/colors/10/blueviolet.css +++ b/src/colors/10/blueviolet.css @@ -78,6 +78,32 @@ html.var .sf-c-blueviolet\:80 { color: hsl(271, 76%, 90%); background: hsl(271, html.var .sf-c-blueviolet\:90 { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 90%) } html.var .sf-c-blueviolet\:100 { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 100%) } +.sf-c-txt-blueviolet { color: hsl(var(--sf-dark-c-txt-blueviolet)) } +.sf-c-txt-blueviolet\:0 { color: hsl(var(--sf-dark-c-txt-blueviolet-100)) } +.sf-c-txt-blueviolet\:10 { color: hsl(var(--sf-dark-c-txt-blueviolet-90)) } +.sf-c-txt-blueviolet\:20 { color: hsl(var(--sf-dark-c-txt-blueviolet-80)) } +.sf-c-txt-blueviolet\:30 { color: hsl(var(--sf-dark-c-txt-blueviolet-70)) } +.sf-c-txt-blueviolet\:40 { color: hsl(var(--sf-dark-c-txt-blueviolet-60)) } +.sf-c-txt-blueviolet\:50 { color: hsl(var(--sf-dark-c-txt-blueviolet-50)) } +.sf-c-txt-blueviolet\:60 { color: hsl(var(--sf-dark-c-txt-blueviolet-40)) } +.sf-c-txt-blueviolet\:70 { color: hsl(var(--sf-dark-c-txt-blueviolet-30)) } +.sf-c-txt-blueviolet\:80 { color: hsl(var(--sf-dark-c-txt-blueviolet-20)) } +.sf-c-txt-blueviolet\:90 { color: hsl(var(--sf-dark-c-txt-blueviolet-10)) } +.sf-c-txt-blueviolet\:100 { color: hsl(var(--sf-dark-c-txt-blueviolet-0)) } + +html.var .sf-c-txt-blueviolet { color: hsl(271, 76%, 47%) } +html.var .sf-c-txt-blueviolet\:0 { color: hsl(271, 76%, 100%) } +html.var .sf-c-txt-blueviolet\:10 { color: hsl(271, 76%, 90%) } +html.var .sf-c-txt-blueviolet\:20 { color: hsl(271, 76%, 80%) } +html.var .sf-c-txt-blueviolet\:30 { color: hsl(271, 76%, 70%) } +html.var .sf-c-txt-blueviolet\:40 { color: hsl(271, 76%, 60%) } +html.var .sf-c-txt-blueviolet\:50 { color: hsl(271, 76%, 50%) } +html.var .sf-c-txt-blueviolet\:60 { color: hsl(271, 76%, 40%) } +html.var .sf-c-txt-blueviolet\:70 { color: hsl(271, 76%, 30%) } +html.var .sf-c-txt-blueviolet\:80 { color: hsl(271, 76%, 20%) } +html.var .sf-c-txt-blueviolet\:90 { color: hsl(271, 76%, 10%) } +html.var .sf-c-txt-blueviolet\:100 { color: hsl(271, 76%, 0%) } + html[data-theme='dark'] .sf-c-blueviolet, html.dark .sf-c-blueviolet { color: hsl(var(--sf-dark-c-txt-blueviolet-90)); background: hsl(var(--sf-dark-c-blueviolet)) } html[data-theme='dark'] .sf-c-blueviolet\:0, html.dark .sf-c-blueviolet\:0 { color: hsl(var(--sf-dark-c-txt-blueviolet-90)); background: hsl(var(--sf-dark-c-blueviolet-100)) } html[data-theme='dark'] .sf-c-blueviolet\:10, html.dark .sf-c-blueviolet\:10 { color: hsl(var(--sf-dark-c-txt-blueviolet-10)); background: hsl(var(--sf-dark-c-blueviolet-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-blueviolet\:80\:dark, html.dark .sf-c-blueviolet\: html[data-theme='dark'] .sf-c-blueviolet\:90\:dark, html.dark .sf-c-blueviolet\:90\:dark { color: hsl(var(--sf-c-txt-blueviolet-90)); background: hsl(var(--sf-c-blueviolet-10)) } html[data-theme='dark'] .sf-c-blueviolet\:100\:dark, html.dark .sf-c-blueviolet\:100\:dark { color: hsl(var(--sf-c-txt-blueviolet-90)); background: hsl(var(--sf-c-blueviolet-0)) } +html[data-theme='dark'] .sf-c-txt-blueviolet, html.dark .sf-c-txt-blueviolet { color: hsl(var(--sf-c-txt-blueviolet)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:0, html.dark .sf-c-txt-blueviolet\:0 { color: hsl(var(--sf-c-txt-blueviolet-0)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:10, html.dark .sf-c-txt-blueviolet\:10 { color: hsl(var(--sf-c-txt-blueviolet-10)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:20, html.dark .sf-c-txt-blueviolet\:20 { color: hsl(var(--sf-c-txt-blueviolet-20)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:30, html.dark .sf-c-txt-blueviolet\:30 { color: hsl(var(--sf-c-txt-blueviolet-30)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:40, html.dark .sf-c-txt-blueviolet\:40 { color: hsl(var(--sf-c-txt-blueviolet-40)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:50, html.dark .sf-c-txt-blueviolet\:50 { color: hsl(var(--sf-c-txt-blueviolet-50)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:60, html.dark .sf-c-txt-blueviolet\:60 { color: hsl(var(--sf-c-txt-blueviolet-60)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:70, html.dark .sf-c-txt-blueviolet\:70 { color: hsl(var(--sf-c-txt-blueviolet-70)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:80, html.dark .sf-c-txt-blueviolet\:80 { color: hsl(var(--sf-c-txt-blueviolet-80)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:90, html.dark .sf-c-txt-blueviolet\:90 { color: hsl(var(--sf-c-txt-blueviolet-90)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:100, html.dark .sf-c-txt-blueviolet\:100 { color: hsl(var(--sf-c-txt-blueviolet-100)) } + +html[data-theme='dark'] .sf-c-txt-blueviolet\:dark, html.dark .sf-c-txt-blueviolet\:dark { color: hsl(var(--sf-c-txt-blueviolet)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:0\:dark, html.dark .sf-c-txt-blueviolet\:0\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-0)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:10\:dark, html.dark .sf-c-txt-blueviolet\:10\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-10)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:20\:dark, html.dark .sf-c-txt-blueviolet\:20\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-20)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:30\:dark, html.dark .sf-c-txt-blueviolet\:30\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-30)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:40\:dark, html.dark .sf-c-txt-blueviolet\:40\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-40)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:50\:dark, html.dark .sf-c-txt-blueviolet\:50\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-50)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:60\:dark, html.dark .sf-c-txt-blueviolet\:60\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-60)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:70\:dark, html.dark .sf-c-txt-blueviolet\:70\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-70)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:80\:dark, html.dark .sf-c-txt-blueviolet\:80\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-80)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:90\:dark, html.dark .sf-c-txt-blueviolet\:90\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-90)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:100\:dark, html.dark .sf-c-txt-blueviolet\:100\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-100)) } + html.var[data-theme='dark'] .sf-c-blueviolet, html.var.dark .sf-c-blueviolet { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 47%) } html.var[data-theme='dark'] .sf-c-blueviolet\:0, html.var.dark .sf-c-blueviolet\:0 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 100%) } html.var[data-theme='dark'] .sf-c-blueviolet\:10, html.var.dark .sf-c-blueviolet\:10 { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-blueviolet\:80\:dark, html.var.dark .sf-c-blue html.var[data-theme='dark'] .sf-c-blueviolet\:90\:dark, html.var.dark .sf-c-blueviolet\:90\:dark { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 10%) } html.var[data-theme='dark'] .sf-c-blueviolet\:100\:dark, html.var.dark .sf-c-blueviolet\:100\:dark { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet, html.dark .sf-c-txt-blueviolet { color: hsl(271, 76%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:0, html.dark .sf-c-txt-blueviolet\:0 { color: hsl(271, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:10, html.dark .sf-c-txt-blueviolet\:10 { color: hsl(271, 76%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:20, html.dark .sf-c-txt-blueviolet\:20 { color: hsl(271, 76%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:30, html.dark .sf-c-txt-blueviolet\:30 { color: hsl(271, 76%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:40, html.dark .sf-c-txt-blueviolet\:40 { color: hsl(271, 76%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:50, html.dark .sf-c-txt-blueviolet\:50 { color: hsl(271, 76%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:60, html.dark .sf-c-txt-blueviolet\:60 { color: hsl(271, 76%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:70, html.dark .sf-c-txt-blueviolet\:70 { color: hsl(271, 76%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:80, html.dark .sf-c-txt-blueviolet\:80 { color: hsl(271, 76%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:90, html.dark .sf-c-txt-blueviolet\:90 { color: hsl(271, 76%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:100, html.dark .sf-c-txt-blueviolet\:100 { color: hsl(271, 76%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:dark, html.dark .sf-c-txt-blueviolet\:dark { color: hsl(271, 76%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:0\:dark, html.dark .sf-c-txt-blueviolet\:0\:dark { color: hsl(271, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:10\:dark, html.dark .sf-c-txt-blueviolet\:10\:dark { color: hsl(271, 76%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:20\:dark, html.dark .sf-c-txt-blueviolet\:20\:dark { color: hsl(271, 76%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:30\:dark, html.dark .sf-c-txt-blueviolet\:30\:dark { color: hsl(271, 76%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:40\:dark, html.dark .sf-c-txt-blueviolet\:40\:dark { color: hsl(271, 76%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:50\:dark, html.dark .sf-c-txt-blueviolet\:50\:dark { color: hsl(271, 76%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:60\:dark, html.dark .sf-c-txt-blueviolet\:60\:dark { color: hsl(271, 76%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:70\:dark, html.dark .sf-c-txt-blueviolet\:70\:dark { color: hsl(271, 76%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:80\:dark, html.dark .sf-c-txt-blueviolet\:80\:dark { color: hsl(271, 76%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:90\:dark, html.dark .sf-c-txt-blueviolet\:90\:dark { color: hsl(271, 76%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:100\:dark, html.dark .sf-c-txt-blueviolet\:100\:dark { color: hsl(271, 76%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-blueviolet, html.auto .sf-c-blueviolet { color: hsl(var(--sf-dark-c-txt-blueviolet-90)); background: hsl(var(--sf-dark-c-blueviolet)) } html[data-theme='auto'] .sf-c-blueviolet\:0, html.auto .sf-c-blueviolet\:0 { color: hsl(var(--sf-dark-c-txt-blueviolet-90)); background: hsl(var(--sf-dark-c-blueviolet-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-blueviolet\:100\:dark, html.var.dark .sf-c-blu html[data-theme='auto'] .sf-c-blueviolet\:90\:dark, html.auto .sf-c-blueviolet\:90\:dark { color: hsl(var(--sf-c-txt-blueviolet-90)); background: hsl(var(--sf-c-blueviolet-10)) } html[data-theme='auto'] .sf-c-blueviolet\:100\:dark, html.auto .sf-c-blueviolet\:100\:dark { color: hsl(var(--sf-c-txt-blueviolet-90)); background: hsl(var(--sf-c-blueviolet-0)) } + html[data-theme='auto'] .sf-c-txt-blueviolet, html.auto .sf-c-txt-blueviolet { color: hsl(var(--sf-c-txt-blueviolet)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:0, html.auto .sf-c-txt-blueviolet\:0 { color: hsl(var(--sf-c-txt-blueviolet-0)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:10, html.auto .sf-c-txt-blueviolet\:10 { color: hsl(var(--sf-c-txt-blueviolet-10)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:20, html.auto .sf-c-txt-blueviolet\:20 { color: hsl(var(--sf-c-txt-blueviolet-20)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:30, html.auto .sf-c-txt-blueviolet\:30 { color: hsl(var(--sf-c-txt-blueviolet-30)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:40, html.auto .sf-c-txt-blueviolet\:40 { color: hsl(var(--sf-c-txt-blueviolet-40)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:50, html.auto .sf-c-txt-blueviolet\:50 { color: hsl(var(--sf-c-txt-blueviolet-50)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:60, html.auto .sf-c-txt-blueviolet\:60 { color: hsl(var(--sf-c-txt-blueviolet-60)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:70, html.auto .sf-c-txt-blueviolet\:70 { color: hsl(var(--sf-c-txt-blueviolet-70)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:80, html.auto .sf-c-txt-blueviolet\:80 { color: hsl(var(--sf-c-txt-blueviolet-80)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:90, html.auto .sf-c-txt-blueviolet\:90 { color: hsl(var(--sf-c-txt-blueviolet-90)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:100, html.auto .sf-c-txt-blueviolet\:100 { color: hsl(var(--sf-c-txt-blueviolet-100)) } + + html[data-theme='auto'] .sf-c-txt-blueviolet\:dark, html.auto .sf-c-txt-blueviolet\:dark { color: hsl(var(--sf-c-txt-blueviolet)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:0\:dark, html.auto .sf-c-txt-blueviolet\:0\:dark { color: hsl(var(--sf-c-txt-blueviolet-0)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:10\:dark, html.auto .sf-c-txt-blueviolet\:10\:dark { color: hsl(var(--sf-c-txt-blueviolet-10)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:20\:dark, html.auto .sf-c-txt-blueviolet\:20\:dark { color: hsl(var(--sf-c-txt-blueviolet-20)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:30\:dark, html.auto .sf-c-txt-blueviolet\:30\:dark { color: hsl(var(--sf-c-txt-blueviolet-30)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:40\:dark, html.auto .sf-c-txt-blueviolet\:40\:dark { color: hsl(var(--sf-c-txt-blueviolet-40)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:50\:dark, html.auto .sf-c-txt-blueviolet\:50\:dark { color: hsl(var(--sf-c-txt-blueviolet-50)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:60\:dark, html.auto .sf-c-txt-blueviolet\:60\:dark { color: hsl(var(--sf-c-txt-blueviolet-60)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:70\:dark, html.auto .sf-c-txt-blueviolet\:70\:dark { color: hsl(var(--sf-c-txt-blueviolet-70)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:80\:dark, html.auto .sf-c-txt-blueviolet\:80\:dark { color: hsl(var(--sf-c-txt-blueviolet-80)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:90\:dark, html.auto .sf-c-txt-blueviolet\:90\:dark { color: hsl(var(--sf-c-txt-blueviolet-90)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:100\:dark, html.auto .sf-c-txt-blueviolet\:100\:dark { color: hsl(var(--sf-c-txt-blueviolet-100)) } + html.var[data-theme='auto'] .sf-c-blueviolet, html.var.auto .sf-c-blueviolet { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 47%) } html.var[data-theme='auto'] .sf-c-blueviolet\:0, html.var.auto .sf-c-blueviolet\:0 { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 100%) } html.var[data-theme='auto'] .sf-c-blueviolet\:10, html.var.auto .sf-c-blueviolet\:10 { color: hsl(271, 76%, 10%); background: hsl(271, 76%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-blueviolet\:100\:dark, html.var.dark .sf-c-blu html.var[data-theme='auto'] .sf-c-blueviolet\:80\:dark, html.var.auto .sf-c-blueviolet\:80\:dark { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 20%) } html.var[data-theme='auto'] .sf-c-blueviolet\:90\:dark, html.var.auto .sf-c-blueviolet\:90\:dark { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 10%) } html.var[data-theme='auto'] .sf-c-blueviolet\:100\:dark, html.var.auto .sf-c-blueviolet\:100\:dark { color: hsl(271, 76%, 90%); background: hsl(271, 76%, 0%) } -} -.sf-c-txt-blueviolet { color: hsl(var(--sf-c-txt-blueviolet)) } -.sf-c-txt-blueviolet\:0 { color: hsl(var(--sf-c-txt-blueviolet-0)) } -.sf-c-txt-blueviolet\:10 { color: hsl(var(--sf-c-txt-blueviolet-10)) } -.sf-c-txt-blueviolet\:20 { color: hsl(var(--sf-c-txt-blueviolet-20)) } -.sf-c-txt-blueviolet\:30 { color: hsl(var(--sf-c-txt-blueviolet-30)) } -.sf-c-txt-blueviolet\:40 { color: hsl(var(--sf-c-txt-blueviolet-40)) } -.sf-c-txt-blueviolet\:50 { color: hsl(var(--sf-c-txt-blueviolet-50)) } -.sf-c-txt-blueviolet\:60 { color: hsl(var(--sf-c-txt-blueviolet-60)) } -.sf-c-txt-blueviolet\:70 { color: hsl(var(--sf-c-txt-blueviolet-70)) } -.sf-c-txt-blueviolet\:80 { color: hsl(var(--sf-c-txt-blueviolet-80)) } -.sf-c-txt-blueviolet\:90 { color: hsl(var(--sf-c-txt-blueviolet-90)) } -.sf-c-txt-blueviolet\:100 { color: hsl(var(--sf-c-txt-blueviolet-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-blueviolet, html.auto .sf-c-txt-blueviolet { color: hsl(271, 76%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:0, html.auto .sf-c-txt-blueviolet\:0 { color: hsl(271, 76%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:10, html.auto .sf-c-txt-blueviolet\:10 { color: hsl(271, 76%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:20, html.auto .sf-c-txt-blueviolet\:20 { color: hsl(271, 76%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:30, html.auto .sf-c-txt-blueviolet\:30 { color: hsl(271, 76%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:40, html.auto .sf-c-txt-blueviolet\:40 { color: hsl(271, 76%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:50, html.auto .sf-c-txt-blueviolet\:50 { color: hsl(271, 76%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:60, html.auto .sf-c-txt-blueviolet\:60 { color: hsl(271, 76%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:70, html.auto .sf-c-txt-blueviolet\:70 { color: hsl(271, 76%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:80, html.auto .sf-c-txt-blueviolet\:80 { color: hsl(271, 76%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:90, html.auto .sf-c-txt-blueviolet\:90 { color: hsl(271, 76%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:100, html.auto .sf-c-txt-blueviolet\:100 { color: hsl(271, 76%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:dark, html.auto .sf-c-txt-blueviolet\:dark { color: hsl(271, 76%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:0\:dark, html.auto .sf-c-txt-blueviolet\:0\:dark { color: hsl(271, 76%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:10\:dark, html.auto .sf-c-txt-blueviolet\:10\:dark { color: hsl(271, 76%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:20\:dark, html.auto .sf-c-txt-blueviolet\:20\:dark { color: hsl(271, 76%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:30\:dark, html.auto .sf-c-txt-blueviolet\:30\:dark { color: hsl(271, 76%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:40\:dark, html.auto .sf-c-txt-blueviolet\:40\:dark { color: hsl(271, 76%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:50\:dark, html.auto .sf-c-txt-blueviolet\:50\:dark { color: hsl(271, 76%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:60\:dark, html.auto .sf-c-txt-blueviolet\:60\:dark { color: hsl(271, 76%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:70\:dark, html.auto .sf-c-txt-blueviolet\:70\:dark { color: hsl(271, 76%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:80\:dark, html.auto .sf-c-txt-blueviolet\:80\:dark { color: hsl(271, 76%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:90\:dark, html.auto .sf-c-txt-blueviolet\:90\:dark { color: hsl(271, 76%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:100\:dark, html.auto .sf-c-txt-blueviolet\:100\:dark { color: hsl(271, 76%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/brown.css b/src/colors/10/brown.css index 1c938e2..68d7ca2 100644 --- a/src/colors/10/brown.css +++ b/src/colors/10/brown.css @@ -78,6 +78,32 @@ html.var .sf-c-brown\:80 { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 80%) html.var .sf-c-brown\:90 { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 90%) } html.var .sf-c-brown\:100 { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 100%) } +.sf-c-txt-brown { color: hsl(var(--sf-dark-c-txt-brown)) } +.sf-c-txt-brown\:0 { color: hsl(var(--sf-dark-c-txt-brown-100)) } +.sf-c-txt-brown\:10 { color: hsl(var(--sf-dark-c-txt-brown-90)) } +.sf-c-txt-brown\:20 { color: hsl(var(--sf-dark-c-txt-brown-80)) } +.sf-c-txt-brown\:30 { color: hsl(var(--sf-dark-c-txt-brown-70)) } +.sf-c-txt-brown\:40 { color: hsl(var(--sf-dark-c-txt-brown-60)) } +.sf-c-txt-brown\:50 { color: hsl(var(--sf-dark-c-txt-brown-50)) } +.sf-c-txt-brown\:60 { color: hsl(var(--sf-dark-c-txt-brown-40)) } +.sf-c-txt-brown\:70 { color: hsl(var(--sf-dark-c-txt-brown-30)) } +.sf-c-txt-brown\:80 { color: hsl(var(--sf-dark-c-txt-brown-20)) } +.sf-c-txt-brown\:90 { color: hsl(var(--sf-dark-c-txt-brown-10)) } +.sf-c-txt-brown\:100 { color: hsl(var(--sf-dark-c-txt-brown-0)) } + +html.var .sf-c-txt-brown { color: hsl(0, 59%, 59%) } +html.var .sf-c-txt-brown\:0 { color: hsl(0, 59%, 100%) } +html.var .sf-c-txt-brown\:10 { color: hsl(0, 59%, 90%) } +html.var .sf-c-txt-brown\:20 { color: hsl(0, 59%, 80%) } +html.var .sf-c-txt-brown\:30 { color: hsl(0, 59%, 70%) } +html.var .sf-c-txt-brown\:40 { color: hsl(0, 59%, 60%) } +html.var .sf-c-txt-brown\:50 { color: hsl(0, 59%, 50%) } +html.var .sf-c-txt-brown\:60 { color: hsl(0, 59%, 40%) } +html.var .sf-c-txt-brown\:70 { color: hsl(0, 59%, 30%) } +html.var .sf-c-txt-brown\:80 { color: hsl(0, 59%, 20%) } +html.var .sf-c-txt-brown\:90 { color: hsl(0, 59%, 10%) } +html.var .sf-c-txt-brown\:100 { color: hsl(0, 59%, 0%) } + html[data-theme='dark'] .sf-c-brown, html.dark .sf-c-brown { color: hsl(var(--sf-dark-c-txt-brown-90)); background: hsl(var(--sf-dark-c-brown)) } html[data-theme='dark'] .sf-c-brown\:0, html.dark .sf-c-brown\:0 { color: hsl(var(--sf-dark-c-txt-brown-90)); background: hsl(var(--sf-dark-c-brown-100)) } html[data-theme='dark'] .sf-c-brown\:10, html.dark .sf-c-brown\:10 { color: hsl(var(--sf-dark-c-txt-brown-10)); background: hsl(var(--sf-dark-c-brown-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-brown\:80\:dark, html.dark .sf-c-brown\:80\:dark { html[data-theme='dark'] .sf-c-brown\:90\:dark, html.dark .sf-c-brown\:90\:dark { color: hsl(var(--sf-c-txt-brown-90)); background: hsl(var(--sf-c-brown-10)) } html[data-theme='dark'] .sf-c-brown\:100\:dark, html.dark .sf-c-brown\:100\:dark { color: hsl(var(--sf-c-txt-brown-90)); background: hsl(var(--sf-c-brown-0)) } +html[data-theme='dark'] .sf-c-txt-brown, html.dark .sf-c-txt-brown { color: hsl(var(--sf-c-txt-brown)) } +html[data-theme='dark'] .sf-c-txt-brown\:0, html.dark .sf-c-txt-brown\:0 { color: hsl(var(--sf-c-txt-brown-0)) } +html[data-theme='dark'] .sf-c-txt-brown\:10, html.dark .sf-c-txt-brown\:10 { color: hsl(var(--sf-c-txt-brown-10)) } +html[data-theme='dark'] .sf-c-txt-brown\:20, html.dark .sf-c-txt-brown\:20 { color: hsl(var(--sf-c-txt-brown-20)) } +html[data-theme='dark'] .sf-c-txt-brown\:30, html.dark .sf-c-txt-brown\:30 { color: hsl(var(--sf-c-txt-brown-30)) } +html[data-theme='dark'] .sf-c-txt-brown\:40, html.dark .sf-c-txt-brown\:40 { color: hsl(var(--sf-c-txt-brown-40)) } +html[data-theme='dark'] .sf-c-txt-brown\:50, html.dark .sf-c-txt-brown\:50 { color: hsl(var(--sf-c-txt-brown-50)) } +html[data-theme='dark'] .sf-c-txt-brown\:60, html.dark .sf-c-txt-brown\:60 { color: hsl(var(--sf-c-txt-brown-60)) } +html[data-theme='dark'] .sf-c-txt-brown\:70, html.dark .sf-c-txt-brown\:70 { color: hsl(var(--sf-c-txt-brown-70)) } +html[data-theme='dark'] .sf-c-txt-brown\:80, html.dark .sf-c-txt-brown\:80 { color: hsl(var(--sf-c-txt-brown-80)) } +html[data-theme='dark'] .sf-c-txt-brown\:90, html.dark .sf-c-txt-brown\:90 { color: hsl(var(--sf-c-txt-brown-90)) } +html[data-theme='dark'] .sf-c-txt-brown\:100, html.dark .sf-c-txt-brown\:100 { color: hsl(var(--sf-c-txt-brown-100)) } + +html[data-theme='dark'] .sf-c-txt-brown\:dark, html.dark .sf-c-txt-brown\:dark { color: hsl(var(--sf-c-txt-brown)) } +html[data-theme='dark'] .sf-c-txt-brown\:0\:dark, html.dark .sf-c-txt-brown\:0\:dark { color: hsl(var(--sf-dark-c-txt-brown-0)) } +html[data-theme='dark'] .sf-c-txt-brown\:10\:dark, html.dark .sf-c-txt-brown\:10\:dark { color: hsl(var(--sf-dark-c-txt-brown-10)) } +html[data-theme='dark'] .sf-c-txt-brown\:20\:dark, html.dark .sf-c-txt-brown\:20\:dark { color: hsl(var(--sf-dark-c-txt-brown-20)) } +html[data-theme='dark'] .sf-c-txt-brown\:30\:dark, html.dark .sf-c-txt-brown\:30\:dark { color: hsl(var(--sf-dark-c-txt-brown-30)) } +html[data-theme='dark'] .sf-c-txt-brown\:40\:dark, html.dark .sf-c-txt-brown\:40\:dark { color: hsl(var(--sf-dark-c-txt-brown-40)) } +html[data-theme='dark'] .sf-c-txt-brown\:50\:dark, html.dark .sf-c-txt-brown\:50\:dark { color: hsl(var(--sf-dark-c-txt-brown-50)) } +html[data-theme='dark'] .sf-c-txt-brown\:60\:dark, html.dark .sf-c-txt-brown\:60\:dark { color: hsl(var(--sf-dark-c-txt-brown-60)) } +html[data-theme='dark'] .sf-c-txt-brown\:70\:dark, html.dark .sf-c-txt-brown\:70\:dark { color: hsl(var(--sf-dark-c-txt-brown-70)) } +html[data-theme='dark'] .sf-c-txt-brown\:80\:dark, html.dark .sf-c-txt-brown\:80\:dark { color: hsl(var(--sf-dark-c-txt-brown-80)) } +html[data-theme='dark'] .sf-c-txt-brown\:90\:dark, html.dark .sf-c-txt-brown\:90\:dark { color: hsl(var(--sf-dark-c-txt-brown-90)) } +html[data-theme='dark'] .sf-c-txt-brown\:100\:dark, html.dark .sf-c-txt-brown\:100\:dark { color: hsl(var(--sf-dark-c-txt-brown-100)) } + html.var[data-theme='dark'] .sf-c-brown, html.var.dark .sf-c-brown { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 59%) } html.var[data-theme='dark'] .sf-c-brown\:0, html.var.dark .sf-c-brown\:0 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 100%) } html.var[data-theme='dark'] .sf-c-brown\:10, html.var.dark .sf-c-brown\:10 { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-brown\:80\:dark, html.var.dark .sf-c-brown\:80 html.var[data-theme='dark'] .sf-c-brown\:90\:dark, html.var.dark .sf-c-brown\:90\:dark { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 10%) } html.var[data-theme='dark'] .sf-c-brown\:100\:dark, html.var.dark .sf-c-brown\:100\:dark { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-brown, html.dark .sf-c-txt-brown { color: hsl(0, 59%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:0, html.dark .sf-c-txt-brown\:0 { color: hsl(0, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:10, html.dark .sf-c-txt-brown\:10 { color: hsl(0, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:20, html.dark .sf-c-txt-brown\:20 { color: hsl(0, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:30, html.dark .sf-c-txt-brown\:30 { color: hsl(0, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:40, html.dark .sf-c-txt-brown\:40 { color: hsl(0, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:50, html.dark .sf-c-txt-brown\:50 { color: hsl(0, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:60, html.dark .sf-c-txt-brown\:60 { color: hsl(0, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:70, html.dark .sf-c-txt-brown\:70 { color: hsl(0, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:80, html.dark .sf-c-txt-brown\:80 { color: hsl(0, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:90, html.dark .sf-c-txt-brown\:90 { color: hsl(0, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:100, html.dark .sf-c-txt-brown\:100 { color: hsl(0, 59%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-brown\:dark, html.dark .sf-c-txt-brown\:dark { color: hsl(0, 59%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:0\:dark, html.dark .sf-c-txt-brown\:0\:dark { color: hsl(0, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:10\:dark, html.dark .sf-c-txt-brown\:10\:dark { color: hsl(0, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:20\:dark, html.dark .sf-c-txt-brown\:20\:dark { color: hsl(0, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:30\:dark, html.dark .sf-c-txt-brown\:30\:dark { color: hsl(0, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:40\:dark, html.dark .sf-c-txt-brown\:40\:dark { color: hsl(0, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:50\:dark, html.dark .sf-c-txt-brown\:50\:dark { color: hsl(0, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:60\:dark, html.dark .sf-c-txt-brown\:60\:dark { color: hsl(0, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:70\:dark, html.dark .sf-c-txt-brown\:70\:dark { color: hsl(0, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:80\:dark, html.dark .sf-c-txt-brown\:80\:dark { color: hsl(0, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:90\:dark, html.dark .sf-c-txt-brown\:90\:dark { color: hsl(0, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:100\:dark, html.dark .sf-c-txt-brown\:100\:dark { color: hsl(0, 59%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-brown, html.auto .sf-c-brown { color: hsl(var(--sf-dark-c-txt-brown-90)); background: hsl(var(--sf-dark-c-brown)) } html[data-theme='auto'] .sf-c-brown\:0, html.auto .sf-c-brown\:0 { color: hsl(var(--sf-dark-c-txt-brown-90)); background: hsl(var(--sf-dark-c-brown-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-brown\:100\:dark, html.var.dark .sf-c-brown\:1 html[data-theme='auto'] .sf-c-brown\:90\:dark, html.auto .sf-c-brown\:90\:dark { color: hsl(var(--sf-c-txt-brown-90)); background: hsl(var(--sf-c-brown-10)) } html[data-theme='auto'] .sf-c-brown\:100\:dark, html.auto .sf-c-brown\:100\:dark { color: hsl(var(--sf-c-txt-brown-90)); background: hsl(var(--sf-c-brown-0)) } + html[data-theme='auto'] .sf-c-txt-brown, html.auto .sf-c-txt-brown { color: hsl(var(--sf-c-txt-brown)) } + html[data-theme='auto'] .sf-c-txt-brown\:0, html.auto .sf-c-txt-brown\:0 { color: hsl(var(--sf-c-txt-brown-0)) } + html[data-theme='auto'] .sf-c-txt-brown\:10, html.auto .sf-c-txt-brown\:10 { color: hsl(var(--sf-c-txt-brown-10)) } + html[data-theme='auto'] .sf-c-txt-brown\:20, html.auto .sf-c-txt-brown\:20 { color: hsl(var(--sf-c-txt-brown-20)) } + html[data-theme='auto'] .sf-c-txt-brown\:30, html.auto .sf-c-txt-brown\:30 { color: hsl(var(--sf-c-txt-brown-30)) } + html[data-theme='auto'] .sf-c-txt-brown\:40, html.auto .sf-c-txt-brown\:40 { color: hsl(var(--sf-c-txt-brown-40)) } + html[data-theme='auto'] .sf-c-txt-brown\:50, html.auto .sf-c-txt-brown\:50 { color: hsl(var(--sf-c-txt-brown-50)) } + html[data-theme='auto'] .sf-c-txt-brown\:60, html.auto .sf-c-txt-brown\:60 { color: hsl(var(--sf-c-txt-brown-60)) } + html[data-theme='auto'] .sf-c-txt-brown\:70, html.auto .sf-c-txt-brown\:70 { color: hsl(var(--sf-c-txt-brown-70)) } + html[data-theme='auto'] .sf-c-txt-brown\:80, html.auto .sf-c-txt-brown\:80 { color: hsl(var(--sf-c-txt-brown-80)) } + html[data-theme='auto'] .sf-c-txt-brown\:90, html.auto .sf-c-txt-brown\:90 { color: hsl(var(--sf-c-txt-brown-90)) } + html[data-theme='auto'] .sf-c-txt-brown\:100, html.auto .sf-c-txt-brown\:100 { color: hsl(var(--sf-c-txt-brown-100)) } + + html[data-theme='auto'] .sf-c-txt-brown\:dark, html.auto .sf-c-txt-brown\:dark { color: hsl(var(--sf-c-txt-brown)) } + html[data-theme='auto'] .sf-c-txt-brown\:0\:dark, html.auto .sf-c-txt-brown\:0\:dark { color: hsl(var(--sf-c-txt-brown-0)) } + html[data-theme='auto'] .sf-c-txt-brown\:10\:dark, html.auto .sf-c-txt-brown\:10\:dark { color: hsl(var(--sf-c-txt-brown-10)) } + html[data-theme='auto'] .sf-c-txt-brown\:20\:dark, html.auto .sf-c-txt-brown\:20\:dark { color: hsl(var(--sf-c-txt-brown-20)) } + html[data-theme='auto'] .sf-c-txt-brown\:30\:dark, html.auto .sf-c-txt-brown\:30\:dark { color: hsl(var(--sf-c-txt-brown-30)) } + html[data-theme='auto'] .sf-c-txt-brown\:40\:dark, html.auto .sf-c-txt-brown\:40\:dark { color: hsl(var(--sf-c-txt-brown-40)) } + html[data-theme='auto'] .sf-c-txt-brown\:50\:dark, html.auto .sf-c-txt-brown\:50\:dark { color: hsl(var(--sf-c-txt-brown-50)) } + html[data-theme='auto'] .sf-c-txt-brown\:60\:dark, html.auto .sf-c-txt-brown\:60\:dark { color: hsl(var(--sf-c-txt-brown-60)) } + html[data-theme='auto'] .sf-c-txt-brown\:70\:dark, html.auto .sf-c-txt-brown\:70\:dark { color: hsl(var(--sf-c-txt-brown-70)) } + html[data-theme='auto'] .sf-c-txt-brown\:80\:dark, html.auto .sf-c-txt-brown\:80\:dark { color: hsl(var(--sf-c-txt-brown-80)) } + html[data-theme='auto'] .sf-c-txt-brown\:90\:dark, html.auto .sf-c-txt-brown\:90\:dark { color: hsl(var(--sf-c-txt-brown-90)) } + html[data-theme='auto'] .sf-c-txt-brown\:100\:dark, html.auto .sf-c-txt-brown\:100\:dark { color: hsl(var(--sf-c-txt-brown-100)) } + html.var[data-theme='auto'] .sf-c-brown, html.var.auto .sf-c-brown { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 59%) } html.var[data-theme='auto'] .sf-c-brown\:0, html.var.auto .sf-c-brown\:0 { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 100%) } html.var[data-theme='auto'] .sf-c-brown\:10, html.var.auto .sf-c-brown\:10 { color: hsl(0, 59%, 10%); background: hsl(0, 59%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-brown\:100\:dark, html.var.dark .sf-c-brown\:1 html.var[data-theme='auto'] .sf-c-brown\:80\:dark, html.var.auto .sf-c-brown\:80\:dark { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 20%) } html.var[data-theme='auto'] .sf-c-brown\:90\:dark, html.var.auto .sf-c-brown\:90\:dark { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 10%) } html.var[data-theme='auto'] .sf-c-brown\:100\:dark, html.var.auto .sf-c-brown\:100\:dark { color: hsl(0, 59%, 90%); background: hsl(0, 59%, 0%) } -} -.sf-c-txt-brown { color: hsl(var(--sf-c-txt-brown)) } -.sf-c-txt-brown\:0 { color: hsl(var(--sf-c-txt-brown-0)) } -.sf-c-txt-brown\:10 { color: hsl(var(--sf-c-txt-brown-10)) } -.sf-c-txt-brown\:20 { color: hsl(var(--sf-c-txt-brown-20)) } -.sf-c-txt-brown\:30 { color: hsl(var(--sf-c-txt-brown-30)) } -.sf-c-txt-brown\:40 { color: hsl(var(--sf-c-txt-brown-40)) } -.sf-c-txt-brown\:50 { color: hsl(var(--sf-c-txt-brown-50)) } -.sf-c-txt-brown\:60 { color: hsl(var(--sf-c-txt-brown-60)) } -.sf-c-txt-brown\:70 { color: hsl(var(--sf-c-txt-brown-70)) } -.sf-c-txt-brown\:80 { color: hsl(var(--sf-c-txt-brown-80)) } -.sf-c-txt-brown\:90 { color: hsl(var(--sf-c-txt-brown-90)) } -.sf-c-txt-brown\:100 { color: hsl(var(--sf-c-txt-brown-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-brown, html.auto .sf-c-txt-brown { color: hsl(0, 59%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:0, html.auto .sf-c-txt-brown\:0 { color: hsl(0, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:10, html.auto .sf-c-txt-brown\:10 { color: hsl(0, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:20, html.auto .sf-c-txt-brown\:20 { color: hsl(0, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:30, html.auto .sf-c-txt-brown\:30 { color: hsl(0, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:40, html.auto .sf-c-txt-brown\:40 { color: hsl(0, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:50, html.auto .sf-c-txt-brown\:50 { color: hsl(0, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:60, html.auto .sf-c-txt-brown\:60 { color: hsl(0, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:70, html.auto .sf-c-txt-brown\:70 { color: hsl(0, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:80, html.auto .sf-c-txt-brown\:80 { color: hsl(0, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:90, html.auto .sf-c-txt-brown\:90 { color: hsl(0, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:100, html.auto .sf-c-txt-brown\:100 { color: hsl(0, 59%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-brown\:dark, html.auto .sf-c-txt-brown\:dark { color: hsl(0, 59%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:0\:dark, html.auto .sf-c-txt-brown\:0\:dark { color: hsl(0, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:10\:dark, html.auto .sf-c-txt-brown\:10\:dark { color: hsl(0, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:20\:dark, html.auto .sf-c-txt-brown\:20\:dark { color: hsl(0, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:30\:dark, html.auto .sf-c-txt-brown\:30\:dark { color: hsl(0, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:40\:dark, html.auto .sf-c-txt-brown\:40\:dark { color: hsl(0, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:50\:dark, html.auto .sf-c-txt-brown\:50\:dark { color: hsl(0, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:60\:dark, html.auto .sf-c-txt-brown\:60\:dark { color: hsl(0, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:70\:dark, html.auto .sf-c-txt-brown\:70\:dark { color: hsl(0, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:80\:dark, html.auto .sf-c-txt-brown\:80\:dark { color: hsl(0, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:90\:dark, html.auto .sf-c-txt-brown\:90\:dark { color: hsl(0, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:100\:dark, html.auto .sf-c-txt-brown\:100\:dark { color: hsl(0, 59%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/burlywood.css b/src/colors/10/burlywood.css index 9e88ff1..7cbd7ba 100644 --- a/src/colors/10/burlywood.css +++ b/src/colors/10/burlywood.css @@ -78,6 +78,32 @@ html.var .sf-c-burlywood\:80 { color: hsl(34, 57%, 10%); background: hsl(34, 57% html.var .sf-c-burlywood\:90 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 90%) } html.var .sf-c-burlywood\:100 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 100%) } +.sf-c-txt-burlywood { color: hsl(var(--sf-dark-c-txt-burlywood)) } +.sf-c-txt-burlywood\:0 { color: hsl(var(--sf-dark-c-txt-burlywood-100)) } +.sf-c-txt-burlywood\:10 { color: hsl(var(--sf-dark-c-txt-burlywood-90)) } +.sf-c-txt-burlywood\:20 { color: hsl(var(--sf-dark-c-txt-burlywood-80)) } +.sf-c-txt-burlywood\:30 { color: hsl(var(--sf-dark-c-txt-burlywood-70)) } +.sf-c-txt-burlywood\:40 { color: hsl(var(--sf-dark-c-txt-burlywood-60)) } +.sf-c-txt-burlywood\:50 { color: hsl(var(--sf-dark-c-txt-burlywood-50)) } +.sf-c-txt-burlywood\:60 { color: hsl(var(--sf-dark-c-txt-burlywood-40)) } +.sf-c-txt-burlywood\:70 { color: hsl(var(--sf-dark-c-txt-burlywood-30)) } +.sf-c-txt-burlywood\:80 { color: hsl(var(--sf-dark-c-txt-burlywood-20)) } +.sf-c-txt-burlywood\:90 { color: hsl(var(--sf-dark-c-txt-burlywood-10)) } +.sf-c-txt-burlywood\:100 { color: hsl(var(--sf-dark-c-txt-burlywood-0)) } + +html.var .sf-c-txt-burlywood { color: hsl(34, 57%, 30%) } +html.var .sf-c-txt-burlywood\:0 { color: hsl(34, 57%, 100%) } +html.var .sf-c-txt-burlywood\:10 { color: hsl(34, 57%, 90%) } +html.var .sf-c-txt-burlywood\:20 { color: hsl(34, 57%, 80%) } +html.var .sf-c-txt-burlywood\:30 { color: hsl(34, 57%, 70%) } +html.var .sf-c-txt-burlywood\:40 { color: hsl(34, 57%, 60%) } +html.var .sf-c-txt-burlywood\:50 { color: hsl(34, 57%, 50%) } +html.var .sf-c-txt-burlywood\:60 { color: hsl(34, 57%, 40%) } +html.var .sf-c-txt-burlywood\:70 { color: hsl(34, 57%, 30%) } +html.var .sf-c-txt-burlywood\:80 { color: hsl(34, 57%, 20%) } +html.var .sf-c-txt-burlywood\:90 { color: hsl(34, 57%, 10%) } +html.var .sf-c-txt-burlywood\:100 { color: hsl(34, 57%, 0%) } + html[data-theme='dark'] .sf-c-burlywood, html.dark .sf-c-burlywood { color: hsl(var(--sf-dark-c-txt-burlywood-90)); background: hsl(var(--sf-dark-c-burlywood)) } html[data-theme='dark'] .sf-c-burlywood\:0, html.dark .sf-c-burlywood\:0 { color: hsl(var(--sf-dark-c-txt-burlywood-90)); background: hsl(var(--sf-dark-c-burlywood-100)) } html[data-theme='dark'] .sf-c-burlywood\:10, html.dark .sf-c-burlywood\:10 { color: hsl(var(--sf-dark-c-txt-burlywood-10)); background: hsl(var(--sf-dark-c-burlywood-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-burlywood\:80\:dark, html.dark .sf-c-burlywood\:80 html[data-theme='dark'] .sf-c-burlywood\:90\:dark, html.dark .sf-c-burlywood\:90\:dark { color: hsl(var(--sf-c-txt-burlywood-90)); background: hsl(var(--sf-c-burlywood-10)) } html[data-theme='dark'] .sf-c-burlywood\:100\:dark, html.dark .sf-c-burlywood\:100\:dark { color: hsl(var(--sf-c-txt-burlywood-90)); background: hsl(var(--sf-c-burlywood-0)) } +html[data-theme='dark'] .sf-c-txt-burlywood, html.dark .sf-c-txt-burlywood { color: hsl(var(--sf-c-txt-burlywood)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:0, html.dark .sf-c-txt-burlywood\:0 { color: hsl(var(--sf-c-txt-burlywood-0)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:10, html.dark .sf-c-txt-burlywood\:10 { color: hsl(var(--sf-c-txt-burlywood-10)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:20, html.dark .sf-c-txt-burlywood\:20 { color: hsl(var(--sf-c-txt-burlywood-20)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:30, html.dark .sf-c-txt-burlywood\:30 { color: hsl(var(--sf-c-txt-burlywood-30)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:40, html.dark .sf-c-txt-burlywood\:40 { color: hsl(var(--sf-c-txt-burlywood-40)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:50, html.dark .sf-c-txt-burlywood\:50 { color: hsl(var(--sf-c-txt-burlywood-50)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:60, html.dark .sf-c-txt-burlywood\:60 { color: hsl(var(--sf-c-txt-burlywood-60)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:70, html.dark .sf-c-txt-burlywood\:70 { color: hsl(var(--sf-c-txt-burlywood-70)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:80, html.dark .sf-c-txt-burlywood\:80 { color: hsl(var(--sf-c-txt-burlywood-80)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:90, html.dark .sf-c-txt-burlywood\:90 { color: hsl(var(--sf-c-txt-burlywood-90)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:100, html.dark .sf-c-txt-burlywood\:100 { color: hsl(var(--sf-c-txt-burlywood-100)) } + +html[data-theme='dark'] .sf-c-txt-burlywood\:dark, html.dark .sf-c-txt-burlywood\:dark { color: hsl(var(--sf-c-txt-burlywood)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:0\:dark, html.dark .sf-c-txt-burlywood\:0\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-0)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:10\:dark, html.dark .sf-c-txt-burlywood\:10\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-10)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:20\:dark, html.dark .sf-c-txt-burlywood\:20\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-20)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:30\:dark, html.dark .sf-c-txt-burlywood\:30\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-30)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:40\:dark, html.dark .sf-c-txt-burlywood\:40\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-40)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:50\:dark, html.dark .sf-c-txt-burlywood\:50\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-50)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:60\:dark, html.dark .sf-c-txt-burlywood\:60\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-60)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:70\:dark, html.dark .sf-c-txt-burlywood\:70\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-70)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:80\:dark, html.dark .sf-c-txt-burlywood\:80\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-80)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:90\:dark, html.dark .sf-c-txt-burlywood\:90\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-90)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:100\:dark, html.dark .sf-c-txt-burlywood\:100\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-100)) } + html.var[data-theme='dark'] .sf-c-burlywood, html.var.dark .sf-c-burlywood { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 30%) } html.var[data-theme='dark'] .sf-c-burlywood\:0, html.var.dark .sf-c-burlywood\:0 { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 100%) } html.var[data-theme='dark'] .sf-c-burlywood\:10, html.var.dark .sf-c-burlywood\:10 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-burlywood\:80\:dark, html.var.dark .sf-c-burly html.var[data-theme='dark'] .sf-c-burlywood\:90\:dark, html.var.dark .sf-c-burlywood\:90\:dark { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 10%) } html.var[data-theme='dark'] .sf-c-burlywood\:100\:dark, html.var.dark .sf-c-burlywood\:100\:dark { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood, html.dark .sf-c-txt-burlywood { color: hsl(34, 57%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:0, html.dark .sf-c-txt-burlywood\:0 { color: hsl(34, 57%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:10, html.dark .sf-c-txt-burlywood\:10 { color: hsl(34, 57%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:20, html.dark .sf-c-txt-burlywood\:20 { color: hsl(34, 57%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:30, html.dark .sf-c-txt-burlywood\:30 { color: hsl(34, 57%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:40, html.dark .sf-c-txt-burlywood\:40 { color: hsl(34, 57%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:50, html.dark .sf-c-txt-burlywood\:50 { color: hsl(34, 57%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:60, html.dark .sf-c-txt-burlywood\:60 { color: hsl(34, 57%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:70, html.dark .sf-c-txt-burlywood\:70 { color: hsl(34, 57%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:80, html.dark .sf-c-txt-burlywood\:80 { color: hsl(34, 57%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:90, html.dark .sf-c-txt-burlywood\:90 { color: hsl(34, 57%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:100, html.dark .sf-c-txt-burlywood\:100 { color: hsl(34, 57%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-burlywood\:dark, html.dark .sf-c-txt-burlywood\:dark { color: hsl(34, 57%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:0\:dark, html.dark .sf-c-txt-burlywood\:0\:dark { color: hsl(34, 57%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:10\:dark, html.dark .sf-c-txt-burlywood\:10\:dark { color: hsl(34, 57%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:20\:dark, html.dark .sf-c-txt-burlywood\:20\:dark { color: hsl(34, 57%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:30\:dark, html.dark .sf-c-txt-burlywood\:30\:dark { color: hsl(34, 57%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:40\:dark, html.dark .sf-c-txt-burlywood\:40\:dark { color: hsl(34, 57%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:50\:dark, html.dark .sf-c-txt-burlywood\:50\:dark { color: hsl(34, 57%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:60\:dark, html.dark .sf-c-txt-burlywood\:60\:dark { color: hsl(34, 57%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:70\:dark, html.dark .sf-c-txt-burlywood\:70\:dark { color: hsl(34, 57%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:80\:dark, html.dark .sf-c-txt-burlywood\:80\:dark { color: hsl(34, 57%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:90\:dark, html.dark .sf-c-txt-burlywood\:90\:dark { color: hsl(34, 57%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:100\:dark, html.dark .sf-c-txt-burlywood\:100\:dark { color: hsl(34, 57%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-burlywood, html.auto .sf-c-burlywood { color: hsl(var(--sf-dark-c-txt-burlywood-90)); background: hsl(var(--sf-dark-c-burlywood)) } html[data-theme='auto'] .sf-c-burlywood\:0, html.auto .sf-c-burlywood\:0 { color: hsl(var(--sf-dark-c-txt-burlywood-90)); background: hsl(var(--sf-dark-c-burlywood-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-burlywood\:100\:dark, html.var.dark .sf-c-burl html[data-theme='auto'] .sf-c-burlywood\:90\:dark, html.auto .sf-c-burlywood\:90\:dark { color: hsl(var(--sf-c-txt-burlywood-90)); background: hsl(var(--sf-c-burlywood-10)) } html[data-theme='auto'] .sf-c-burlywood\:100\:dark, html.auto .sf-c-burlywood\:100\:dark { color: hsl(var(--sf-c-txt-burlywood-90)); background: hsl(var(--sf-c-burlywood-0)) } + html[data-theme='auto'] .sf-c-txt-burlywood, html.auto .sf-c-txt-burlywood { color: hsl(var(--sf-c-txt-burlywood)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:0, html.auto .sf-c-txt-burlywood\:0 { color: hsl(var(--sf-c-txt-burlywood-0)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:10, html.auto .sf-c-txt-burlywood\:10 { color: hsl(var(--sf-c-txt-burlywood-10)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:20, html.auto .sf-c-txt-burlywood\:20 { color: hsl(var(--sf-c-txt-burlywood-20)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:30, html.auto .sf-c-txt-burlywood\:30 { color: hsl(var(--sf-c-txt-burlywood-30)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:40, html.auto .sf-c-txt-burlywood\:40 { color: hsl(var(--sf-c-txt-burlywood-40)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:50, html.auto .sf-c-txt-burlywood\:50 { color: hsl(var(--sf-c-txt-burlywood-50)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:60, html.auto .sf-c-txt-burlywood\:60 { color: hsl(var(--sf-c-txt-burlywood-60)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:70, html.auto .sf-c-txt-burlywood\:70 { color: hsl(var(--sf-c-txt-burlywood-70)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:80, html.auto .sf-c-txt-burlywood\:80 { color: hsl(var(--sf-c-txt-burlywood-80)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:90, html.auto .sf-c-txt-burlywood\:90 { color: hsl(var(--sf-c-txt-burlywood-90)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:100, html.auto .sf-c-txt-burlywood\:100 { color: hsl(var(--sf-c-txt-burlywood-100)) } + + html[data-theme='auto'] .sf-c-txt-burlywood\:dark, html.auto .sf-c-txt-burlywood\:dark { color: hsl(var(--sf-c-txt-burlywood)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:0\:dark, html.auto .sf-c-txt-burlywood\:0\:dark { color: hsl(var(--sf-c-txt-burlywood-0)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:10\:dark, html.auto .sf-c-txt-burlywood\:10\:dark { color: hsl(var(--sf-c-txt-burlywood-10)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:20\:dark, html.auto .sf-c-txt-burlywood\:20\:dark { color: hsl(var(--sf-c-txt-burlywood-20)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:30\:dark, html.auto .sf-c-txt-burlywood\:30\:dark { color: hsl(var(--sf-c-txt-burlywood-30)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:40\:dark, html.auto .sf-c-txt-burlywood\:40\:dark { color: hsl(var(--sf-c-txt-burlywood-40)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:50\:dark, html.auto .sf-c-txt-burlywood\:50\:dark { color: hsl(var(--sf-c-txt-burlywood-50)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:60\:dark, html.auto .sf-c-txt-burlywood\:60\:dark { color: hsl(var(--sf-c-txt-burlywood-60)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:70\:dark, html.auto .sf-c-txt-burlywood\:70\:dark { color: hsl(var(--sf-c-txt-burlywood-70)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:80\:dark, html.auto .sf-c-txt-burlywood\:80\:dark { color: hsl(var(--sf-c-txt-burlywood-80)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:90\:dark, html.auto .sf-c-txt-burlywood\:90\:dark { color: hsl(var(--sf-c-txt-burlywood-90)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:100\:dark, html.auto .sf-c-txt-burlywood\:100\:dark { color: hsl(var(--sf-c-txt-burlywood-100)) } + html.var[data-theme='auto'] .sf-c-burlywood, html.var.auto .sf-c-burlywood { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 30%) } html.var[data-theme='auto'] .sf-c-burlywood\:0, html.var.auto .sf-c-burlywood\:0 { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 100%) } html.var[data-theme='auto'] .sf-c-burlywood\:10, html.var.auto .sf-c-burlywood\:10 { color: hsl(34, 57%, 10%); background: hsl(34, 57%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-burlywood\:100\:dark, html.var.dark .sf-c-burl html.var[data-theme='auto'] .sf-c-burlywood\:80\:dark, html.var.auto .sf-c-burlywood\:80\:dark { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 20%) } html.var[data-theme='auto'] .sf-c-burlywood\:90\:dark, html.var.auto .sf-c-burlywood\:90\:dark { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 10%) } html.var[data-theme='auto'] .sf-c-burlywood\:100\:dark, html.var.auto .sf-c-burlywood\:100\:dark { color: hsl(34, 57%, 90%); background: hsl(34, 57%, 0%) } -} -.sf-c-txt-burlywood { color: hsl(var(--sf-c-txt-burlywood)) } -.sf-c-txt-burlywood\:0 { color: hsl(var(--sf-c-txt-burlywood-0)) } -.sf-c-txt-burlywood\:10 { color: hsl(var(--sf-c-txt-burlywood-10)) } -.sf-c-txt-burlywood\:20 { color: hsl(var(--sf-c-txt-burlywood-20)) } -.sf-c-txt-burlywood\:30 { color: hsl(var(--sf-c-txt-burlywood-30)) } -.sf-c-txt-burlywood\:40 { color: hsl(var(--sf-c-txt-burlywood-40)) } -.sf-c-txt-burlywood\:50 { color: hsl(var(--sf-c-txt-burlywood-50)) } -.sf-c-txt-burlywood\:60 { color: hsl(var(--sf-c-txt-burlywood-60)) } -.sf-c-txt-burlywood\:70 { color: hsl(var(--sf-c-txt-burlywood-70)) } -.sf-c-txt-burlywood\:80 { color: hsl(var(--sf-c-txt-burlywood-80)) } -.sf-c-txt-burlywood\:90 { color: hsl(var(--sf-c-txt-burlywood-90)) } -.sf-c-txt-burlywood\:100 { color: hsl(var(--sf-c-txt-burlywood-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-burlywood, html.auto .sf-c-txt-burlywood { color: hsl(34, 57%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:0, html.auto .sf-c-txt-burlywood\:0 { color: hsl(34, 57%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:10, html.auto .sf-c-txt-burlywood\:10 { color: hsl(34, 57%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:20, html.auto .sf-c-txt-burlywood\:20 { color: hsl(34, 57%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:30, html.auto .sf-c-txt-burlywood\:30 { color: hsl(34, 57%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:40, html.auto .sf-c-txt-burlywood\:40 { color: hsl(34, 57%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:50, html.auto .sf-c-txt-burlywood\:50 { color: hsl(34, 57%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:60, html.auto .sf-c-txt-burlywood\:60 { color: hsl(34, 57%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:70, html.auto .sf-c-txt-burlywood\:70 { color: hsl(34, 57%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:80, html.auto .sf-c-txt-burlywood\:80 { color: hsl(34, 57%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:90, html.auto .sf-c-txt-burlywood\:90 { color: hsl(34, 57%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:100, html.auto .sf-c-txt-burlywood\:100 { color: hsl(34, 57%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-burlywood\:dark, html.auto .sf-c-txt-burlywood\:dark { color: hsl(34, 57%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:0\:dark, html.auto .sf-c-txt-burlywood\:0\:dark { color: hsl(34, 57%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:10\:dark, html.auto .sf-c-txt-burlywood\:10\:dark { color: hsl(34, 57%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:20\:dark, html.auto .sf-c-txt-burlywood\:20\:dark { color: hsl(34, 57%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:30\:dark, html.auto .sf-c-txt-burlywood\:30\:dark { color: hsl(34, 57%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:40\:dark, html.auto .sf-c-txt-burlywood\:40\:dark { color: hsl(34, 57%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:50\:dark, html.auto .sf-c-txt-burlywood\:50\:dark { color: hsl(34, 57%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:60\:dark, html.auto .sf-c-txt-burlywood\:60\:dark { color: hsl(34, 57%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:70\:dark, html.auto .sf-c-txt-burlywood\:70\:dark { color: hsl(34, 57%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:80\:dark, html.auto .sf-c-txt-burlywood\:80\:dark { color: hsl(34, 57%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:90\:dark, html.auto .sf-c-txt-burlywood\:90\:dark { color: hsl(34, 57%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:100\:dark, html.auto .sf-c-txt-burlywood\:100\:dark { color: hsl(34, 57%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/cadetblue.css b/src/colors/10/cadetblue.css index b9d6e22..6ec9552 100644 --- a/src/colors/10/cadetblue.css +++ b/src/colors/10/cadetblue.css @@ -78,6 +78,32 @@ html.var .sf-c-cadetblue\:80 { color: hsl(182, 25%, 10%); background: hsl(182, 2 html.var .sf-c-cadetblue\:90 { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 90%) } html.var .sf-c-cadetblue\:100 { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 100%) } +.sf-c-txt-cadetblue { color: hsl(var(--sf-dark-c-txt-cadetblue)) } +.sf-c-txt-cadetblue\:0 { color: hsl(var(--sf-dark-c-txt-cadetblue-100)) } +.sf-c-txt-cadetblue\:10 { color: hsl(var(--sf-dark-c-txt-cadetblue-90)) } +.sf-c-txt-cadetblue\:20 { color: hsl(var(--sf-dark-c-txt-cadetblue-80)) } +.sf-c-txt-cadetblue\:30 { color: hsl(var(--sf-dark-c-txt-cadetblue-70)) } +.sf-c-txt-cadetblue\:40 { color: hsl(var(--sf-dark-c-txt-cadetblue-60)) } +.sf-c-txt-cadetblue\:50 { color: hsl(var(--sf-dark-c-txt-cadetblue-50)) } +.sf-c-txt-cadetblue\:60 { color: hsl(var(--sf-dark-c-txt-cadetblue-40)) } +.sf-c-txt-cadetblue\:70 { color: hsl(var(--sf-dark-c-txt-cadetblue-30)) } +.sf-c-txt-cadetblue\:80 { color: hsl(var(--sf-dark-c-txt-cadetblue-20)) } +.sf-c-txt-cadetblue\:90 { color: hsl(var(--sf-dark-c-txt-cadetblue-10)) } +.sf-c-txt-cadetblue\:100 { color: hsl(var(--sf-dark-c-txt-cadetblue-0)) } + +html.var .sf-c-txt-cadetblue { color: hsl(182, 25%, 50%) } +html.var .sf-c-txt-cadetblue\:0 { color: hsl(182, 25%, 100%) } +html.var .sf-c-txt-cadetblue\:10 { color: hsl(182, 25%, 90%) } +html.var .sf-c-txt-cadetblue\:20 { color: hsl(182, 25%, 80%) } +html.var .sf-c-txt-cadetblue\:30 { color: hsl(182, 25%, 70%) } +html.var .sf-c-txt-cadetblue\:40 { color: hsl(182, 25%, 60%) } +html.var .sf-c-txt-cadetblue\:50 { color: hsl(182, 25%, 50%) } +html.var .sf-c-txt-cadetblue\:60 { color: hsl(182, 25%, 40%) } +html.var .sf-c-txt-cadetblue\:70 { color: hsl(182, 25%, 30%) } +html.var .sf-c-txt-cadetblue\:80 { color: hsl(182, 25%, 20%) } +html.var .sf-c-txt-cadetblue\:90 { color: hsl(182, 25%, 10%) } +html.var .sf-c-txt-cadetblue\:100 { color: hsl(182, 25%, 0%) } + html[data-theme='dark'] .sf-c-cadetblue, html.dark .sf-c-cadetblue { color: hsl(var(--sf-dark-c-txt-cadetblue-90)); background: hsl(var(--sf-dark-c-cadetblue)) } html[data-theme='dark'] .sf-c-cadetblue\:0, html.dark .sf-c-cadetblue\:0 { color: hsl(var(--sf-dark-c-txt-cadetblue-90)); background: hsl(var(--sf-dark-c-cadetblue-100)) } html[data-theme='dark'] .sf-c-cadetblue\:10, html.dark .sf-c-cadetblue\:10 { color: hsl(var(--sf-dark-c-txt-cadetblue-10)); background: hsl(var(--sf-dark-c-cadetblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-cadetblue\:80\:dark, html.dark .sf-c-cadetblue\:80 html[data-theme='dark'] .sf-c-cadetblue\:90\:dark, html.dark .sf-c-cadetblue\:90\:dark { color: hsl(var(--sf-c-txt-cadetblue-90)); background: hsl(var(--sf-c-cadetblue-10)) } html[data-theme='dark'] .sf-c-cadetblue\:100\:dark, html.dark .sf-c-cadetblue\:100\:dark { color: hsl(var(--sf-c-txt-cadetblue-90)); background: hsl(var(--sf-c-cadetblue-0)) } +html[data-theme='dark'] .sf-c-txt-cadetblue, html.dark .sf-c-txt-cadetblue { color: hsl(var(--sf-c-txt-cadetblue)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:0, html.dark .sf-c-txt-cadetblue\:0 { color: hsl(var(--sf-c-txt-cadetblue-0)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:10, html.dark .sf-c-txt-cadetblue\:10 { color: hsl(var(--sf-c-txt-cadetblue-10)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:20, html.dark .sf-c-txt-cadetblue\:20 { color: hsl(var(--sf-c-txt-cadetblue-20)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:30, html.dark .sf-c-txt-cadetblue\:30 { color: hsl(var(--sf-c-txt-cadetblue-30)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:40, html.dark .sf-c-txt-cadetblue\:40 { color: hsl(var(--sf-c-txt-cadetblue-40)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:50, html.dark .sf-c-txt-cadetblue\:50 { color: hsl(var(--sf-c-txt-cadetblue-50)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:60, html.dark .sf-c-txt-cadetblue\:60 { color: hsl(var(--sf-c-txt-cadetblue-60)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:70, html.dark .sf-c-txt-cadetblue\:70 { color: hsl(var(--sf-c-txt-cadetblue-70)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:80, html.dark .sf-c-txt-cadetblue\:80 { color: hsl(var(--sf-c-txt-cadetblue-80)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:90, html.dark .sf-c-txt-cadetblue\:90 { color: hsl(var(--sf-c-txt-cadetblue-90)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:100, html.dark .sf-c-txt-cadetblue\:100 { color: hsl(var(--sf-c-txt-cadetblue-100)) } + +html[data-theme='dark'] .sf-c-txt-cadetblue\:dark, html.dark .sf-c-txt-cadetblue\:dark { color: hsl(var(--sf-c-txt-cadetblue)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:0\:dark, html.dark .sf-c-txt-cadetblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-0)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:10\:dark, html.dark .sf-c-txt-cadetblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-10)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:20\:dark, html.dark .sf-c-txt-cadetblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-20)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:30\:dark, html.dark .sf-c-txt-cadetblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-30)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:40\:dark, html.dark .sf-c-txt-cadetblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-40)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:50\:dark, html.dark .sf-c-txt-cadetblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-50)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:60\:dark, html.dark .sf-c-txt-cadetblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-60)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:70\:dark, html.dark .sf-c-txt-cadetblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-70)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:80\:dark, html.dark .sf-c-txt-cadetblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-80)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:90\:dark, html.dark .sf-c-txt-cadetblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-90)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:100\:dark, html.dark .sf-c-txt-cadetblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-100)) } + html.var[data-theme='dark'] .sf-c-cadetblue, html.var.dark .sf-c-cadetblue { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 50%) } html.var[data-theme='dark'] .sf-c-cadetblue\:0, html.var.dark .sf-c-cadetblue\:0 { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 100%) } html.var[data-theme='dark'] .sf-c-cadetblue\:10, html.var.dark .sf-c-cadetblue\:10 { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-cadetblue\:80\:dark, html.var.dark .sf-c-cadet html.var[data-theme='dark'] .sf-c-cadetblue\:90\:dark, html.var.dark .sf-c-cadetblue\:90\:dark { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 10%) } html.var[data-theme='dark'] .sf-c-cadetblue\:100\:dark, html.var.dark .sf-c-cadetblue\:100\:dark { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue, html.dark .sf-c-txt-cadetblue { color: hsl(182, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:0, html.dark .sf-c-txt-cadetblue\:0 { color: hsl(182, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:10, html.dark .sf-c-txt-cadetblue\:10 { color: hsl(182, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:20, html.dark .sf-c-txt-cadetblue\:20 { color: hsl(182, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:30, html.dark .sf-c-txt-cadetblue\:30 { color: hsl(182, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:40, html.dark .sf-c-txt-cadetblue\:40 { color: hsl(182, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:50, html.dark .sf-c-txt-cadetblue\:50 { color: hsl(182, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:60, html.dark .sf-c-txt-cadetblue\:60 { color: hsl(182, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:70, html.dark .sf-c-txt-cadetblue\:70 { color: hsl(182, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:80, html.dark .sf-c-txt-cadetblue\:80 { color: hsl(182, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:90, html.dark .sf-c-txt-cadetblue\:90 { color: hsl(182, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:100, html.dark .sf-c-txt-cadetblue\:100 { color: hsl(182, 25%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:dark, html.dark .sf-c-txt-cadetblue\:dark { color: hsl(182, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:0\:dark, html.dark .sf-c-txt-cadetblue\:0\:dark { color: hsl(182, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:10\:dark, html.dark .sf-c-txt-cadetblue\:10\:dark { color: hsl(182, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:20\:dark, html.dark .sf-c-txt-cadetblue\:20\:dark { color: hsl(182, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:30\:dark, html.dark .sf-c-txt-cadetblue\:30\:dark { color: hsl(182, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:40\:dark, html.dark .sf-c-txt-cadetblue\:40\:dark { color: hsl(182, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:50\:dark, html.dark .sf-c-txt-cadetblue\:50\:dark { color: hsl(182, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:60\:dark, html.dark .sf-c-txt-cadetblue\:60\:dark { color: hsl(182, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:70\:dark, html.dark .sf-c-txt-cadetblue\:70\:dark { color: hsl(182, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:80\:dark, html.dark .sf-c-txt-cadetblue\:80\:dark { color: hsl(182, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:90\:dark, html.dark .sf-c-txt-cadetblue\:90\:dark { color: hsl(182, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:100\:dark, html.dark .sf-c-txt-cadetblue\:100\:dark { color: hsl(182, 25%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-cadetblue, html.auto .sf-c-cadetblue { color: hsl(var(--sf-dark-c-txt-cadetblue-90)); background: hsl(var(--sf-dark-c-cadetblue)) } html[data-theme='auto'] .sf-c-cadetblue\:0, html.auto .sf-c-cadetblue\:0 { color: hsl(var(--sf-dark-c-txt-cadetblue-90)); background: hsl(var(--sf-dark-c-cadetblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-cadetblue\:100\:dark, html.var.dark .sf-c-cade html[data-theme='auto'] .sf-c-cadetblue\:90\:dark, html.auto .sf-c-cadetblue\:90\:dark { color: hsl(var(--sf-c-txt-cadetblue-90)); background: hsl(var(--sf-c-cadetblue-10)) } html[data-theme='auto'] .sf-c-cadetblue\:100\:dark, html.auto .sf-c-cadetblue\:100\:dark { color: hsl(var(--sf-c-txt-cadetblue-90)); background: hsl(var(--sf-c-cadetblue-0)) } + html[data-theme='auto'] .sf-c-txt-cadetblue, html.auto .sf-c-txt-cadetblue { color: hsl(var(--sf-c-txt-cadetblue)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:0, html.auto .sf-c-txt-cadetblue\:0 { color: hsl(var(--sf-c-txt-cadetblue-0)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:10, html.auto .sf-c-txt-cadetblue\:10 { color: hsl(var(--sf-c-txt-cadetblue-10)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:20, html.auto .sf-c-txt-cadetblue\:20 { color: hsl(var(--sf-c-txt-cadetblue-20)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:30, html.auto .sf-c-txt-cadetblue\:30 { color: hsl(var(--sf-c-txt-cadetblue-30)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:40, html.auto .sf-c-txt-cadetblue\:40 { color: hsl(var(--sf-c-txt-cadetblue-40)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:50, html.auto .sf-c-txt-cadetblue\:50 { color: hsl(var(--sf-c-txt-cadetblue-50)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:60, html.auto .sf-c-txt-cadetblue\:60 { color: hsl(var(--sf-c-txt-cadetblue-60)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:70, html.auto .sf-c-txt-cadetblue\:70 { color: hsl(var(--sf-c-txt-cadetblue-70)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:80, html.auto .sf-c-txt-cadetblue\:80 { color: hsl(var(--sf-c-txt-cadetblue-80)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:90, html.auto .sf-c-txt-cadetblue\:90 { color: hsl(var(--sf-c-txt-cadetblue-90)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:100, html.auto .sf-c-txt-cadetblue\:100 { color: hsl(var(--sf-c-txt-cadetblue-100)) } + + html[data-theme='auto'] .sf-c-txt-cadetblue\:dark, html.auto .sf-c-txt-cadetblue\:dark { color: hsl(var(--sf-c-txt-cadetblue)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:0\:dark, html.auto .sf-c-txt-cadetblue\:0\:dark { color: hsl(var(--sf-c-txt-cadetblue-0)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:10\:dark, html.auto .sf-c-txt-cadetblue\:10\:dark { color: hsl(var(--sf-c-txt-cadetblue-10)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:20\:dark, html.auto .sf-c-txt-cadetblue\:20\:dark { color: hsl(var(--sf-c-txt-cadetblue-20)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:30\:dark, html.auto .sf-c-txt-cadetblue\:30\:dark { color: hsl(var(--sf-c-txt-cadetblue-30)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:40\:dark, html.auto .sf-c-txt-cadetblue\:40\:dark { color: hsl(var(--sf-c-txt-cadetblue-40)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:50\:dark, html.auto .sf-c-txt-cadetblue\:50\:dark { color: hsl(var(--sf-c-txt-cadetblue-50)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:60\:dark, html.auto .sf-c-txt-cadetblue\:60\:dark { color: hsl(var(--sf-c-txt-cadetblue-60)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:70\:dark, html.auto .sf-c-txt-cadetblue\:70\:dark { color: hsl(var(--sf-c-txt-cadetblue-70)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:80\:dark, html.auto .sf-c-txt-cadetblue\:80\:dark { color: hsl(var(--sf-c-txt-cadetblue-80)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:90\:dark, html.auto .sf-c-txt-cadetblue\:90\:dark { color: hsl(var(--sf-c-txt-cadetblue-90)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:100\:dark, html.auto .sf-c-txt-cadetblue\:100\:dark { color: hsl(var(--sf-c-txt-cadetblue-100)) } + html.var[data-theme='auto'] .sf-c-cadetblue, html.var.auto .sf-c-cadetblue { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 50%) } html.var[data-theme='auto'] .sf-c-cadetblue\:0, html.var.auto .sf-c-cadetblue\:0 { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 100%) } html.var[data-theme='auto'] .sf-c-cadetblue\:10, html.var.auto .sf-c-cadetblue\:10 { color: hsl(182, 25%, 10%); background: hsl(182, 25%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-cadetblue\:100\:dark, html.var.dark .sf-c-cade html.var[data-theme='auto'] .sf-c-cadetblue\:80\:dark, html.var.auto .sf-c-cadetblue\:80\:dark { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 20%) } html.var[data-theme='auto'] .sf-c-cadetblue\:90\:dark, html.var.auto .sf-c-cadetblue\:90\:dark { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 10%) } html.var[data-theme='auto'] .sf-c-cadetblue\:100\:dark, html.var.auto .sf-c-cadetblue\:100\:dark { color: hsl(182, 25%, 90%); background: hsl(182, 25%, 0%) } -} -.sf-c-txt-cadetblue { color: hsl(var(--sf-c-txt-cadetblue)) } -.sf-c-txt-cadetblue\:0 { color: hsl(var(--sf-c-txt-cadetblue-0)) } -.sf-c-txt-cadetblue\:10 { color: hsl(var(--sf-c-txt-cadetblue-10)) } -.sf-c-txt-cadetblue\:20 { color: hsl(var(--sf-c-txt-cadetblue-20)) } -.sf-c-txt-cadetblue\:30 { color: hsl(var(--sf-c-txt-cadetblue-30)) } -.sf-c-txt-cadetblue\:40 { color: hsl(var(--sf-c-txt-cadetblue-40)) } -.sf-c-txt-cadetblue\:50 { color: hsl(var(--sf-c-txt-cadetblue-50)) } -.sf-c-txt-cadetblue\:60 { color: hsl(var(--sf-c-txt-cadetblue-60)) } -.sf-c-txt-cadetblue\:70 { color: hsl(var(--sf-c-txt-cadetblue-70)) } -.sf-c-txt-cadetblue\:80 { color: hsl(var(--sf-c-txt-cadetblue-80)) } -.sf-c-txt-cadetblue\:90 { color: hsl(var(--sf-c-txt-cadetblue-90)) } -.sf-c-txt-cadetblue\:100 { color: hsl(var(--sf-c-txt-cadetblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-cadetblue, html.auto .sf-c-txt-cadetblue { color: hsl(182, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:0, html.auto .sf-c-txt-cadetblue\:0 { color: hsl(182, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:10, html.auto .sf-c-txt-cadetblue\:10 { color: hsl(182, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:20, html.auto .sf-c-txt-cadetblue\:20 { color: hsl(182, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:30, html.auto .sf-c-txt-cadetblue\:30 { color: hsl(182, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:40, html.auto .sf-c-txt-cadetblue\:40 { color: hsl(182, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:50, html.auto .sf-c-txt-cadetblue\:50 { color: hsl(182, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:60, html.auto .sf-c-txt-cadetblue\:60 { color: hsl(182, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:70, html.auto .sf-c-txt-cadetblue\:70 { color: hsl(182, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:80, html.auto .sf-c-txt-cadetblue\:80 { color: hsl(182, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:90, html.auto .sf-c-txt-cadetblue\:90 { color: hsl(182, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:100, html.auto .sf-c-txt-cadetblue\:100 { color: hsl(182, 25%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:dark, html.auto .sf-c-txt-cadetblue\:dark { color: hsl(182, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:0\:dark, html.auto .sf-c-txt-cadetblue\:0\:dark { color: hsl(182, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:10\:dark, html.auto .sf-c-txt-cadetblue\:10\:dark { color: hsl(182, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:20\:dark, html.auto .sf-c-txt-cadetblue\:20\:dark { color: hsl(182, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:30\:dark, html.auto .sf-c-txt-cadetblue\:30\:dark { color: hsl(182, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:40\:dark, html.auto .sf-c-txt-cadetblue\:40\:dark { color: hsl(182, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:50\:dark, html.auto .sf-c-txt-cadetblue\:50\:dark { color: hsl(182, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:60\:dark, html.auto .sf-c-txt-cadetblue\:60\:dark { color: hsl(182, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:70\:dark, html.auto .sf-c-txt-cadetblue\:70\:dark { color: hsl(182, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:80\:dark, html.auto .sf-c-txt-cadetblue\:80\:dark { color: hsl(182, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:90\:dark, html.auto .sf-c-txt-cadetblue\:90\:dark { color: hsl(182, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:100\:dark, html.auto .sf-c-txt-cadetblue\:100\:dark { color: hsl(182, 25%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/chartreuse.css b/src/colors/10/chartreuse.css index 38f3d82..b2298e8 100644 --- a/src/colors/10/chartreuse.css +++ b/src/colors/10/chartreuse.css @@ -78,6 +78,32 @@ html.var .sf-c-chartreuse\:80 { color: hsl(90, 100%, 10%); background: hsl(90, 1 html.var .sf-c-chartreuse\:90 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } html.var .sf-c-chartreuse\:100 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 100%) } +.sf-c-txt-chartreuse { color: hsl(var(--sf-dark-c-txt-chartreuse)) } +.sf-c-txt-chartreuse\:0 { color: hsl(var(--sf-dark-c-txt-chartreuse-100)) } +.sf-c-txt-chartreuse\:10 { color: hsl(var(--sf-dark-c-txt-chartreuse-90)) } +.sf-c-txt-chartreuse\:20 { color: hsl(var(--sf-dark-c-txt-chartreuse-80)) } +.sf-c-txt-chartreuse\:30 { color: hsl(var(--sf-dark-c-txt-chartreuse-70)) } +.sf-c-txt-chartreuse\:40 { color: hsl(var(--sf-dark-c-txt-chartreuse-60)) } +.sf-c-txt-chartreuse\:50 { color: hsl(var(--sf-dark-c-txt-chartreuse-50)) } +.sf-c-txt-chartreuse\:60 { color: hsl(var(--sf-dark-c-txt-chartreuse-40)) } +.sf-c-txt-chartreuse\:70 { color: hsl(var(--sf-dark-c-txt-chartreuse-30)) } +.sf-c-txt-chartreuse\:80 { color: hsl(var(--sf-dark-c-txt-chartreuse-20)) } +.sf-c-txt-chartreuse\:90 { color: hsl(var(--sf-dark-c-txt-chartreuse-10)) } +.sf-c-txt-chartreuse\:100 { color: hsl(var(--sf-dark-c-txt-chartreuse-0)) } + +html.var .sf-c-txt-chartreuse { color: hsl(90, 100%, 50%) } +html.var .sf-c-txt-chartreuse\:0 { color: hsl(90, 100%, 100%) } +html.var .sf-c-txt-chartreuse\:10 { color: hsl(90, 100%, 90%) } +html.var .sf-c-txt-chartreuse\:20 { color: hsl(90, 100%, 80%) } +html.var .sf-c-txt-chartreuse\:30 { color: hsl(90, 100%, 70%) } +html.var .sf-c-txt-chartreuse\:40 { color: hsl(90, 100%, 60%) } +html.var .sf-c-txt-chartreuse\:50 { color: hsl(90, 100%, 50%) } +html.var .sf-c-txt-chartreuse\:60 { color: hsl(90, 100%, 40%) } +html.var .sf-c-txt-chartreuse\:70 { color: hsl(90, 100%, 30%) } +html.var .sf-c-txt-chartreuse\:80 { color: hsl(90, 100%, 20%) } +html.var .sf-c-txt-chartreuse\:90 { color: hsl(90, 100%, 10%) } +html.var .sf-c-txt-chartreuse\:100 { color: hsl(90, 100%, 0%) } + html[data-theme='dark'] .sf-c-chartreuse, html.dark .sf-c-chartreuse { color: hsl(var(--sf-dark-c-txt-chartreuse-10)); background: hsl(var(--sf-dark-c-chartreuse)) } html[data-theme='dark'] .sf-c-chartreuse\:0, html.dark .sf-c-chartreuse\:0 { color: hsl(var(--sf-dark-c-txt-chartreuse-90)); background: hsl(var(--sf-dark-c-chartreuse-100)) } html[data-theme='dark'] .sf-c-chartreuse\:10, html.dark .sf-c-chartreuse\:10 { color: hsl(var(--sf-dark-c-txt-chartreuse-10)); background: hsl(var(--sf-dark-c-chartreuse-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-chartreuse\:80\:dark, html.dark .sf-c-chartreuse\: html[data-theme='dark'] .sf-c-chartreuse\:90\:dark, html.dark .sf-c-chartreuse\:90\:dark { color: hsl(var(--sf-c-txt-chartreuse-90)); background: hsl(var(--sf-c-chartreuse-10)) } html[data-theme='dark'] .sf-c-chartreuse\:100\:dark, html.dark .sf-c-chartreuse\:100\:dark { color: hsl(var(--sf-c-txt-chartreuse-90)); background: hsl(var(--sf-c-chartreuse-0)) } +html[data-theme='dark'] .sf-c-txt-chartreuse, html.dark .sf-c-txt-chartreuse { color: hsl(var(--sf-c-txt-chartreuse)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:0, html.dark .sf-c-txt-chartreuse\:0 { color: hsl(var(--sf-c-txt-chartreuse-0)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:10, html.dark .sf-c-txt-chartreuse\:10 { color: hsl(var(--sf-c-txt-chartreuse-10)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:20, html.dark .sf-c-txt-chartreuse\:20 { color: hsl(var(--sf-c-txt-chartreuse-20)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:30, html.dark .sf-c-txt-chartreuse\:30 { color: hsl(var(--sf-c-txt-chartreuse-30)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:40, html.dark .sf-c-txt-chartreuse\:40 { color: hsl(var(--sf-c-txt-chartreuse-40)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:50, html.dark .sf-c-txt-chartreuse\:50 { color: hsl(var(--sf-c-txt-chartreuse-50)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:60, html.dark .sf-c-txt-chartreuse\:60 { color: hsl(var(--sf-c-txt-chartreuse-60)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:70, html.dark .sf-c-txt-chartreuse\:70 { color: hsl(var(--sf-c-txt-chartreuse-70)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:80, html.dark .sf-c-txt-chartreuse\:80 { color: hsl(var(--sf-c-txt-chartreuse-80)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:90, html.dark .sf-c-txt-chartreuse\:90 { color: hsl(var(--sf-c-txt-chartreuse-90)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:100, html.dark .sf-c-txt-chartreuse\:100 { color: hsl(var(--sf-c-txt-chartreuse-100)) } + +html[data-theme='dark'] .sf-c-txt-chartreuse\:dark, html.dark .sf-c-txt-chartreuse\:dark { color: hsl(var(--sf-c-txt-chartreuse)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:0\:dark, html.dark .sf-c-txt-chartreuse\:0\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-0)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:10\:dark, html.dark .sf-c-txt-chartreuse\:10\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-10)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:20\:dark, html.dark .sf-c-txt-chartreuse\:20\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-20)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:30\:dark, html.dark .sf-c-txt-chartreuse\:30\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-30)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:40\:dark, html.dark .sf-c-txt-chartreuse\:40\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-40)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:50\:dark, html.dark .sf-c-txt-chartreuse\:50\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-50)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:60\:dark, html.dark .sf-c-txt-chartreuse\:60\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-60)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:70\:dark, html.dark .sf-c-txt-chartreuse\:70\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-70)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:80\:dark, html.dark .sf-c-txt-chartreuse\:80\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-80)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:90\:dark, html.dark .sf-c-txt-chartreuse\:90\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-90)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:100\:dark, html.dark .sf-c-txt-chartreuse\:100\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-100)) } + html.var[data-theme='dark'] .sf-c-chartreuse, html.var.dark .sf-c-chartreuse { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } html.var[data-theme='dark'] .sf-c-chartreuse\:0, html.var.dark .sf-c-chartreuse\:0 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 100%) } html.var[data-theme='dark'] .sf-c-chartreuse\:10, html.var.dark .sf-c-chartreuse\:10 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-chartreuse\:80\:dark, html.var.dark .sf-c-char html.var[data-theme='dark'] .sf-c-chartreuse\:90\:dark, html.var.dark .sf-c-chartreuse\:90\:dark { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 10%) } html.var[data-theme='dark'] .sf-c-chartreuse\:100\:dark, html.var.dark .sf-c-chartreuse\:100\:dark { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse, html.dark .sf-c-txt-chartreuse { color: hsl(90, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:0, html.dark .sf-c-txt-chartreuse\:0 { color: hsl(90, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:10, html.dark .sf-c-txt-chartreuse\:10 { color: hsl(90, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:20, html.dark .sf-c-txt-chartreuse\:20 { color: hsl(90, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:30, html.dark .sf-c-txt-chartreuse\:30 { color: hsl(90, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:40, html.dark .sf-c-txt-chartreuse\:40 { color: hsl(90, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:50, html.dark .sf-c-txt-chartreuse\:50 { color: hsl(90, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:60, html.dark .sf-c-txt-chartreuse\:60 { color: hsl(90, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:70, html.dark .sf-c-txt-chartreuse\:70 { color: hsl(90, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:80, html.dark .sf-c-txt-chartreuse\:80 { color: hsl(90, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:90, html.dark .sf-c-txt-chartreuse\:90 { color: hsl(90, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:100, html.dark .sf-c-txt-chartreuse\:100 { color: hsl(90, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:dark, html.dark .sf-c-txt-chartreuse\:dark { color: hsl(90, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:0\:dark, html.dark .sf-c-txt-chartreuse\:0\:dark { color: hsl(90, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:10\:dark, html.dark .sf-c-txt-chartreuse\:10\:dark { color: hsl(90, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:20\:dark, html.dark .sf-c-txt-chartreuse\:20\:dark { color: hsl(90, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:30\:dark, html.dark .sf-c-txt-chartreuse\:30\:dark { color: hsl(90, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:40\:dark, html.dark .sf-c-txt-chartreuse\:40\:dark { color: hsl(90, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:50\:dark, html.dark .sf-c-txt-chartreuse\:50\:dark { color: hsl(90, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:60\:dark, html.dark .sf-c-txt-chartreuse\:60\:dark { color: hsl(90, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:70\:dark, html.dark .sf-c-txt-chartreuse\:70\:dark { color: hsl(90, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:80\:dark, html.dark .sf-c-txt-chartreuse\:80\:dark { color: hsl(90, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:90\:dark, html.dark .sf-c-txt-chartreuse\:90\:dark { color: hsl(90, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:100\:dark, html.dark .sf-c-txt-chartreuse\:100\:dark { color: hsl(90, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-chartreuse, html.auto .sf-c-chartreuse { color: hsl(var(--sf-dark-c-txt-chartreuse-10)); background: hsl(var(--sf-dark-c-chartreuse)) } html[data-theme='auto'] .sf-c-chartreuse\:0, html.auto .sf-c-chartreuse\:0 { color: hsl(var(--sf-dark-c-txt-chartreuse-90)); background: hsl(var(--sf-dark-c-chartreuse-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-chartreuse\:100\:dark, html.var.dark .sf-c-cha html[data-theme='auto'] .sf-c-chartreuse\:90\:dark, html.auto .sf-c-chartreuse\:90\:dark { color: hsl(var(--sf-c-txt-chartreuse-90)); background: hsl(var(--sf-c-chartreuse-10)) } html[data-theme='auto'] .sf-c-chartreuse\:100\:dark, html.auto .sf-c-chartreuse\:100\:dark { color: hsl(var(--sf-c-txt-chartreuse-90)); background: hsl(var(--sf-c-chartreuse-0)) } + html[data-theme='auto'] .sf-c-txt-chartreuse, html.auto .sf-c-txt-chartreuse { color: hsl(var(--sf-c-txt-chartreuse)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:0, html.auto .sf-c-txt-chartreuse\:0 { color: hsl(var(--sf-c-txt-chartreuse-0)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:10, html.auto .sf-c-txt-chartreuse\:10 { color: hsl(var(--sf-c-txt-chartreuse-10)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:20, html.auto .sf-c-txt-chartreuse\:20 { color: hsl(var(--sf-c-txt-chartreuse-20)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:30, html.auto .sf-c-txt-chartreuse\:30 { color: hsl(var(--sf-c-txt-chartreuse-30)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:40, html.auto .sf-c-txt-chartreuse\:40 { color: hsl(var(--sf-c-txt-chartreuse-40)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:50, html.auto .sf-c-txt-chartreuse\:50 { color: hsl(var(--sf-c-txt-chartreuse-50)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:60, html.auto .sf-c-txt-chartreuse\:60 { color: hsl(var(--sf-c-txt-chartreuse-60)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:70, html.auto .sf-c-txt-chartreuse\:70 { color: hsl(var(--sf-c-txt-chartreuse-70)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:80, html.auto .sf-c-txt-chartreuse\:80 { color: hsl(var(--sf-c-txt-chartreuse-80)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:90, html.auto .sf-c-txt-chartreuse\:90 { color: hsl(var(--sf-c-txt-chartreuse-90)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:100, html.auto .sf-c-txt-chartreuse\:100 { color: hsl(var(--sf-c-txt-chartreuse-100)) } + + html[data-theme='auto'] .sf-c-txt-chartreuse\:dark, html.auto .sf-c-txt-chartreuse\:dark { color: hsl(var(--sf-c-txt-chartreuse)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:0\:dark, html.auto .sf-c-txt-chartreuse\:0\:dark { color: hsl(var(--sf-c-txt-chartreuse-0)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:10\:dark, html.auto .sf-c-txt-chartreuse\:10\:dark { color: hsl(var(--sf-c-txt-chartreuse-10)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:20\:dark, html.auto .sf-c-txt-chartreuse\:20\:dark { color: hsl(var(--sf-c-txt-chartreuse-20)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:30\:dark, html.auto .sf-c-txt-chartreuse\:30\:dark { color: hsl(var(--sf-c-txt-chartreuse-30)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:40\:dark, html.auto .sf-c-txt-chartreuse\:40\:dark { color: hsl(var(--sf-c-txt-chartreuse-40)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:50\:dark, html.auto .sf-c-txt-chartreuse\:50\:dark { color: hsl(var(--sf-c-txt-chartreuse-50)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:60\:dark, html.auto .sf-c-txt-chartreuse\:60\:dark { color: hsl(var(--sf-c-txt-chartreuse-60)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:70\:dark, html.auto .sf-c-txt-chartreuse\:70\:dark { color: hsl(var(--sf-c-txt-chartreuse-70)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:80\:dark, html.auto .sf-c-txt-chartreuse\:80\:dark { color: hsl(var(--sf-c-txt-chartreuse-80)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:90\:dark, html.auto .sf-c-txt-chartreuse\:90\:dark { color: hsl(var(--sf-c-txt-chartreuse-90)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:100\:dark, html.auto .sf-c-txt-chartreuse\:100\:dark { color: hsl(var(--sf-c-txt-chartreuse-100)) } + html.var[data-theme='auto'] .sf-c-chartreuse, html.var.auto .sf-c-chartreuse { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 50%) } html.var[data-theme='auto'] .sf-c-chartreuse\:0, html.var.auto .sf-c-chartreuse\:0 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 100%) } html.var[data-theme='auto'] .sf-c-chartreuse\:10, html.var.auto .sf-c-chartreuse\:10 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-chartreuse\:100\:dark, html.var.dark .sf-c-cha html.var[data-theme='auto'] .sf-c-chartreuse\:80\:dark, html.var.auto .sf-c-chartreuse\:80\:dark { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 20%) } html.var[data-theme='auto'] .sf-c-chartreuse\:90\:dark, html.var.auto .sf-c-chartreuse\:90\:dark { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 10%) } html.var[data-theme='auto'] .sf-c-chartreuse\:100\:dark, html.var.auto .sf-c-chartreuse\:100\:dark { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 0%) } -} -.sf-c-txt-chartreuse { color: hsl(var(--sf-c-txt-chartreuse)) } -.sf-c-txt-chartreuse\:0 { color: hsl(var(--sf-c-txt-chartreuse-0)) } -.sf-c-txt-chartreuse\:10 { color: hsl(var(--sf-c-txt-chartreuse-10)) } -.sf-c-txt-chartreuse\:20 { color: hsl(var(--sf-c-txt-chartreuse-20)) } -.sf-c-txt-chartreuse\:30 { color: hsl(var(--sf-c-txt-chartreuse-30)) } -.sf-c-txt-chartreuse\:40 { color: hsl(var(--sf-c-txt-chartreuse-40)) } -.sf-c-txt-chartreuse\:50 { color: hsl(var(--sf-c-txt-chartreuse-50)) } -.sf-c-txt-chartreuse\:60 { color: hsl(var(--sf-c-txt-chartreuse-60)) } -.sf-c-txt-chartreuse\:70 { color: hsl(var(--sf-c-txt-chartreuse-70)) } -.sf-c-txt-chartreuse\:80 { color: hsl(var(--sf-c-txt-chartreuse-80)) } -.sf-c-txt-chartreuse\:90 { color: hsl(var(--sf-c-txt-chartreuse-90)) } -.sf-c-txt-chartreuse\:100 { color: hsl(var(--sf-c-txt-chartreuse-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-chartreuse, html.auto .sf-c-txt-chartreuse { color: hsl(90, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:0, html.auto .sf-c-txt-chartreuse\:0 { color: hsl(90, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:10, html.auto .sf-c-txt-chartreuse\:10 { color: hsl(90, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:20, html.auto .sf-c-txt-chartreuse\:20 { color: hsl(90, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:30, html.auto .sf-c-txt-chartreuse\:30 { color: hsl(90, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:40, html.auto .sf-c-txt-chartreuse\:40 { color: hsl(90, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:50, html.auto .sf-c-txt-chartreuse\:50 { color: hsl(90, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:60, html.auto .sf-c-txt-chartreuse\:60 { color: hsl(90, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:70, html.auto .sf-c-txt-chartreuse\:70 { color: hsl(90, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:80, html.auto .sf-c-txt-chartreuse\:80 { color: hsl(90, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:90, html.auto .sf-c-txt-chartreuse\:90 { color: hsl(90, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:100, html.auto .sf-c-txt-chartreuse\:100 { color: hsl(90, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:dark, html.auto .sf-c-txt-chartreuse\:dark { color: hsl(90, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:0\:dark, html.auto .sf-c-txt-chartreuse\:0\:dark { color: hsl(90, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:10\:dark, html.auto .sf-c-txt-chartreuse\:10\:dark { color: hsl(90, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:20\:dark, html.auto .sf-c-txt-chartreuse\:20\:dark { color: hsl(90, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:30\:dark, html.auto .sf-c-txt-chartreuse\:30\:dark { color: hsl(90, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:40\:dark, html.auto .sf-c-txt-chartreuse\:40\:dark { color: hsl(90, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:50\:dark, html.auto .sf-c-txt-chartreuse\:50\:dark { color: hsl(90, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:60\:dark, html.auto .sf-c-txt-chartreuse\:60\:dark { color: hsl(90, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:70\:dark, html.auto .sf-c-txt-chartreuse\:70\:dark { color: hsl(90, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:80\:dark, html.auto .sf-c-txt-chartreuse\:80\:dark { color: hsl(90, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:90\:dark, html.auto .sf-c-txt-chartreuse\:90\:dark { color: hsl(90, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:100\:dark, html.auto .sf-c-txt-chartreuse\:100\:dark { color: hsl(90, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/chocolate.css b/src/colors/10/chocolate.css index be3a70c..79866f0 100644 --- a/src/colors/10/chocolate.css +++ b/src/colors/10/chocolate.css @@ -78,6 +78,32 @@ html.var .sf-c-chocolate\:80 { color: hsl(25, 75%, 10%); background: hsl(25, 75% html.var .sf-c-chocolate\:90 { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 90%) } html.var .sf-c-chocolate\:100 { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 100%) } +.sf-c-txt-chocolate { color: hsl(var(--sf-dark-c-txt-chocolate)) } +.sf-c-txt-chocolate\:0 { color: hsl(var(--sf-dark-c-txt-chocolate-100)) } +.sf-c-txt-chocolate\:10 { color: hsl(var(--sf-dark-c-txt-chocolate-90)) } +.sf-c-txt-chocolate\:20 { color: hsl(var(--sf-dark-c-txt-chocolate-80)) } +.sf-c-txt-chocolate\:30 { color: hsl(var(--sf-dark-c-txt-chocolate-70)) } +.sf-c-txt-chocolate\:40 { color: hsl(var(--sf-dark-c-txt-chocolate-60)) } +.sf-c-txt-chocolate\:50 { color: hsl(var(--sf-dark-c-txt-chocolate-50)) } +.sf-c-txt-chocolate\:60 { color: hsl(var(--sf-dark-c-txt-chocolate-40)) } +.sf-c-txt-chocolate\:70 { color: hsl(var(--sf-dark-c-txt-chocolate-30)) } +.sf-c-txt-chocolate\:80 { color: hsl(var(--sf-dark-c-txt-chocolate-20)) } +.sf-c-txt-chocolate\:90 { color: hsl(var(--sf-dark-c-txt-chocolate-10)) } +.sf-c-txt-chocolate\:100 { color: hsl(var(--sf-dark-c-txt-chocolate-0)) } + +html.var .sf-c-txt-chocolate { color: hsl(25, 75%, 53%) } +html.var .sf-c-txt-chocolate\:0 { color: hsl(25, 75%, 100%) } +html.var .sf-c-txt-chocolate\:10 { color: hsl(25, 75%, 90%) } +html.var .sf-c-txt-chocolate\:20 { color: hsl(25, 75%, 80%) } +html.var .sf-c-txt-chocolate\:30 { color: hsl(25, 75%, 70%) } +html.var .sf-c-txt-chocolate\:40 { color: hsl(25, 75%, 60%) } +html.var .sf-c-txt-chocolate\:50 { color: hsl(25, 75%, 50%) } +html.var .sf-c-txt-chocolate\:60 { color: hsl(25, 75%, 40%) } +html.var .sf-c-txt-chocolate\:70 { color: hsl(25, 75%, 30%) } +html.var .sf-c-txt-chocolate\:80 { color: hsl(25, 75%, 20%) } +html.var .sf-c-txt-chocolate\:90 { color: hsl(25, 75%, 10%) } +html.var .sf-c-txt-chocolate\:100 { color: hsl(25, 75%, 0%) } + html[data-theme='dark'] .sf-c-chocolate, html.dark .sf-c-chocolate { color: hsl(var(--sf-dark-c-txt-chocolate-90)); background: hsl(var(--sf-dark-c-chocolate)) } html[data-theme='dark'] .sf-c-chocolate\:0, html.dark .sf-c-chocolate\:0 { color: hsl(var(--sf-dark-c-txt-chocolate-90)); background: hsl(var(--sf-dark-c-chocolate-100)) } html[data-theme='dark'] .sf-c-chocolate\:10, html.dark .sf-c-chocolate\:10 { color: hsl(var(--sf-dark-c-txt-chocolate-10)); background: hsl(var(--sf-dark-c-chocolate-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-chocolate\:80\:dark, html.dark .sf-c-chocolate\:80 html[data-theme='dark'] .sf-c-chocolate\:90\:dark, html.dark .sf-c-chocolate\:90\:dark { color: hsl(var(--sf-c-txt-chocolate-90)); background: hsl(var(--sf-c-chocolate-10)) } html[data-theme='dark'] .sf-c-chocolate\:100\:dark, html.dark .sf-c-chocolate\:100\:dark { color: hsl(var(--sf-c-txt-chocolate-90)); background: hsl(var(--sf-c-chocolate-0)) } +html[data-theme='dark'] .sf-c-txt-chocolate, html.dark .sf-c-txt-chocolate { color: hsl(var(--sf-c-txt-chocolate)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:0, html.dark .sf-c-txt-chocolate\:0 { color: hsl(var(--sf-c-txt-chocolate-0)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:10, html.dark .sf-c-txt-chocolate\:10 { color: hsl(var(--sf-c-txt-chocolate-10)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:20, html.dark .sf-c-txt-chocolate\:20 { color: hsl(var(--sf-c-txt-chocolate-20)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:30, html.dark .sf-c-txt-chocolate\:30 { color: hsl(var(--sf-c-txt-chocolate-30)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:40, html.dark .sf-c-txt-chocolate\:40 { color: hsl(var(--sf-c-txt-chocolate-40)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:50, html.dark .sf-c-txt-chocolate\:50 { color: hsl(var(--sf-c-txt-chocolate-50)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:60, html.dark .sf-c-txt-chocolate\:60 { color: hsl(var(--sf-c-txt-chocolate-60)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:70, html.dark .sf-c-txt-chocolate\:70 { color: hsl(var(--sf-c-txt-chocolate-70)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:80, html.dark .sf-c-txt-chocolate\:80 { color: hsl(var(--sf-c-txt-chocolate-80)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:90, html.dark .sf-c-txt-chocolate\:90 { color: hsl(var(--sf-c-txt-chocolate-90)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:100, html.dark .sf-c-txt-chocolate\:100 { color: hsl(var(--sf-c-txt-chocolate-100)) } + +html[data-theme='dark'] .sf-c-txt-chocolate\:dark, html.dark .sf-c-txt-chocolate\:dark { color: hsl(var(--sf-c-txt-chocolate)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:0\:dark, html.dark .sf-c-txt-chocolate\:0\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-0)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:10\:dark, html.dark .sf-c-txt-chocolate\:10\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-10)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:20\:dark, html.dark .sf-c-txt-chocolate\:20\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-20)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:30\:dark, html.dark .sf-c-txt-chocolate\:30\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-30)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:40\:dark, html.dark .sf-c-txt-chocolate\:40\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-40)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:50\:dark, html.dark .sf-c-txt-chocolate\:50\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-50)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:60\:dark, html.dark .sf-c-txt-chocolate\:60\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-60)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:70\:dark, html.dark .sf-c-txt-chocolate\:70\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-70)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:80\:dark, html.dark .sf-c-txt-chocolate\:80\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-80)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:90\:dark, html.dark .sf-c-txt-chocolate\:90\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-90)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:100\:dark, html.dark .sf-c-txt-chocolate\:100\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-100)) } + html.var[data-theme='dark'] .sf-c-chocolate, html.var.dark .sf-c-chocolate { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 53%) } html.var[data-theme='dark'] .sf-c-chocolate\:0, html.var.dark .sf-c-chocolate\:0 { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 100%) } html.var[data-theme='dark'] .sf-c-chocolate\:10, html.var.dark .sf-c-chocolate\:10 { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-chocolate\:80\:dark, html.var.dark .sf-c-choco html.var[data-theme='dark'] .sf-c-chocolate\:90\:dark, html.var.dark .sf-c-chocolate\:90\:dark { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 10%) } html.var[data-theme='dark'] .sf-c-chocolate\:100\:dark, html.var.dark .sf-c-chocolate\:100\:dark { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate, html.dark .sf-c-txt-chocolate { color: hsl(25, 75%, 47%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:0, html.dark .sf-c-txt-chocolate\:0 { color: hsl(25, 75%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:10, html.dark .sf-c-txt-chocolate\:10 { color: hsl(25, 75%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:20, html.dark .sf-c-txt-chocolate\:20 { color: hsl(25, 75%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:30, html.dark .sf-c-txt-chocolate\:30 { color: hsl(25, 75%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:40, html.dark .sf-c-txt-chocolate\:40 { color: hsl(25, 75%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:50, html.dark .sf-c-txt-chocolate\:50 { color: hsl(25, 75%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:60, html.dark .sf-c-txt-chocolate\:60 { color: hsl(25, 75%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:70, html.dark .sf-c-txt-chocolate\:70 { color: hsl(25, 75%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:80, html.dark .sf-c-txt-chocolate\:80 { color: hsl(25, 75%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:90, html.dark .sf-c-txt-chocolate\:90 { color: hsl(25, 75%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:100, html.dark .sf-c-txt-chocolate\:100 { color: hsl(25, 75%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-chocolate\:dark, html.dark .sf-c-txt-chocolate\:dark { color: hsl(25, 75%, 47%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:0\:dark, html.dark .sf-c-txt-chocolate\:0\:dark { color: hsl(25, 75%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:10\:dark, html.dark .sf-c-txt-chocolate\:10\:dark { color: hsl(25, 75%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:20\:dark, html.dark .sf-c-txt-chocolate\:20\:dark { color: hsl(25, 75%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:30\:dark, html.dark .sf-c-txt-chocolate\:30\:dark { color: hsl(25, 75%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:40\:dark, html.dark .sf-c-txt-chocolate\:40\:dark { color: hsl(25, 75%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:50\:dark, html.dark .sf-c-txt-chocolate\:50\:dark { color: hsl(25, 75%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:60\:dark, html.dark .sf-c-txt-chocolate\:60\:dark { color: hsl(25, 75%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:70\:dark, html.dark .sf-c-txt-chocolate\:70\:dark { color: hsl(25, 75%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:80\:dark, html.dark .sf-c-txt-chocolate\:80\:dark { color: hsl(25, 75%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:90\:dark, html.dark .sf-c-txt-chocolate\:90\:dark { color: hsl(25, 75%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:100\:dark, html.dark .sf-c-txt-chocolate\:100\:dark { color: hsl(25, 75%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-chocolate, html.auto .sf-c-chocolate { color: hsl(var(--sf-dark-c-txt-chocolate-90)); background: hsl(var(--sf-dark-c-chocolate)) } html[data-theme='auto'] .sf-c-chocolate\:0, html.auto .sf-c-chocolate\:0 { color: hsl(var(--sf-dark-c-txt-chocolate-90)); background: hsl(var(--sf-dark-c-chocolate-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-chocolate\:100\:dark, html.var.dark .sf-c-choc html[data-theme='auto'] .sf-c-chocolate\:90\:dark, html.auto .sf-c-chocolate\:90\:dark { color: hsl(var(--sf-c-txt-chocolate-90)); background: hsl(var(--sf-c-chocolate-10)) } html[data-theme='auto'] .sf-c-chocolate\:100\:dark, html.auto .sf-c-chocolate\:100\:dark { color: hsl(var(--sf-c-txt-chocolate-90)); background: hsl(var(--sf-c-chocolate-0)) } + html[data-theme='auto'] .sf-c-txt-chocolate, html.auto .sf-c-txt-chocolate { color: hsl(var(--sf-c-txt-chocolate)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:0, html.auto .sf-c-txt-chocolate\:0 { color: hsl(var(--sf-c-txt-chocolate-0)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:10, html.auto .sf-c-txt-chocolate\:10 { color: hsl(var(--sf-c-txt-chocolate-10)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:20, html.auto .sf-c-txt-chocolate\:20 { color: hsl(var(--sf-c-txt-chocolate-20)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:30, html.auto .sf-c-txt-chocolate\:30 { color: hsl(var(--sf-c-txt-chocolate-30)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:40, html.auto .sf-c-txt-chocolate\:40 { color: hsl(var(--sf-c-txt-chocolate-40)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:50, html.auto .sf-c-txt-chocolate\:50 { color: hsl(var(--sf-c-txt-chocolate-50)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:60, html.auto .sf-c-txt-chocolate\:60 { color: hsl(var(--sf-c-txt-chocolate-60)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:70, html.auto .sf-c-txt-chocolate\:70 { color: hsl(var(--sf-c-txt-chocolate-70)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:80, html.auto .sf-c-txt-chocolate\:80 { color: hsl(var(--sf-c-txt-chocolate-80)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:90, html.auto .sf-c-txt-chocolate\:90 { color: hsl(var(--sf-c-txt-chocolate-90)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:100, html.auto .sf-c-txt-chocolate\:100 { color: hsl(var(--sf-c-txt-chocolate-100)) } + + html[data-theme='auto'] .sf-c-txt-chocolate\:dark, html.auto .sf-c-txt-chocolate\:dark { color: hsl(var(--sf-c-txt-chocolate)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:0\:dark, html.auto .sf-c-txt-chocolate\:0\:dark { color: hsl(var(--sf-c-txt-chocolate-0)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:10\:dark, html.auto .sf-c-txt-chocolate\:10\:dark { color: hsl(var(--sf-c-txt-chocolate-10)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:20\:dark, html.auto .sf-c-txt-chocolate\:20\:dark { color: hsl(var(--sf-c-txt-chocolate-20)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:30\:dark, html.auto .sf-c-txt-chocolate\:30\:dark { color: hsl(var(--sf-c-txt-chocolate-30)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:40\:dark, html.auto .sf-c-txt-chocolate\:40\:dark { color: hsl(var(--sf-c-txt-chocolate-40)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:50\:dark, html.auto .sf-c-txt-chocolate\:50\:dark { color: hsl(var(--sf-c-txt-chocolate-50)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:60\:dark, html.auto .sf-c-txt-chocolate\:60\:dark { color: hsl(var(--sf-c-txt-chocolate-60)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:70\:dark, html.auto .sf-c-txt-chocolate\:70\:dark { color: hsl(var(--sf-c-txt-chocolate-70)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:80\:dark, html.auto .sf-c-txt-chocolate\:80\:dark { color: hsl(var(--sf-c-txt-chocolate-80)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:90\:dark, html.auto .sf-c-txt-chocolate\:90\:dark { color: hsl(var(--sf-c-txt-chocolate-90)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:100\:dark, html.auto .sf-c-txt-chocolate\:100\:dark { color: hsl(var(--sf-c-txt-chocolate-100)) } + html.var[data-theme='auto'] .sf-c-chocolate, html.var.auto .sf-c-chocolate { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 53%) } html.var[data-theme='auto'] .sf-c-chocolate\:0, html.var.auto .sf-c-chocolate\:0 { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 100%) } html.var[data-theme='auto'] .sf-c-chocolate\:10, html.var.auto .sf-c-chocolate\:10 { color: hsl(25, 75%, 10%); background: hsl(25, 75%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-chocolate\:100\:dark, html.var.dark .sf-c-choc html.var[data-theme='auto'] .sf-c-chocolate\:80\:dark, html.var.auto .sf-c-chocolate\:80\:dark { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 20%) } html.var[data-theme='auto'] .sf-c-chocolate\:90\:dark, html.var.auto .sf-c-chocolate\:90\:dark { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 10%) } html.var[data-theme='auto'] .sf-c-chocolate\:100\:dark, html.var.auto .sf-c-chocolate\:100\:dark { color: hsl(25, 75%, 90%); background: hsl(25, 75%, 0%) } -} -.sf-c-txt-chocolate { color: hsl(var(--sf-c-txt-chocolate)) } -.sf-c-txt-chocolate\:0 { color: hsl(var(--sf-c-txt-chocolate-0)) } -.sf-c-txt-chocolate\:10 { color: hsl(var(--sf-c-txt-chocolate-10)) } -.sf-c-txt-chocolate\:20 { color: hsl(var(--sf-c-txt-chocolate-20)) } -.sf-c-txt-chocolate\:30 { color: hsl(var(--sf-c-txt-chocolate-30)) } -.sf-c-txt-chocolate\:40 { color: hsl(var(--sf-c-txt-chocolate-40)) } -.sf-c-txt-chocolate\:50 { color: hsl(var(--sf-c-txt-chocolate-50)) } -.sf-c-txt-chocolate\:60 { color: hsl(var(--sf-c-txt-chocolate-60)) } -.sf-c-txt-chocolate\:70 { color: hsl(var(--sf-c-txt-chocolate-70)) } -.sf-c-txt-chocolate\:80 { color: hsl(var(--sf-c-txt-chocolate-80)) } -.sf-c-txt-chocolate\:90 { color: hsl(var(--sf-c-txt-chocolate-90)) } -.sf-c-txt-chocolate\:100 { color: hsl(var(--sf-c-txt-chocolate-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-chocolate, html.auto .sf-c-txt-chocolate { color: hsl(25, 75%, 47%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:0, html.auto .sf-c-txt-chocolate\:0 { color: hsl(25, 75%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:10, html.auto .sf-c-txt-chocolate\:10 { color: hsl(25, 75%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:20, html.auto .sf-c-txt-chocolate\:20 { color: hsl(25, 75%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:30, html.auto .sf-c-txt-chocolate\:30 { color: hsl(25, 75%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:40, html.auto .sf-c-txt-chocolate\:40 { color: hsl(25, 75%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:50, html.auto .sf-c-txt-chocolate\:50 { color: hsl(25, 75%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:60, html.auto .sf-c-txt-chocolate\:60 { color: hsl(25, 75%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:70, html.auto .sf-c-txt-chocolate\:70 { color: hsl(25, 75%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:80, html.auto .sf-c-txt-chocolate\:80 { color: hsl(25, 75%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:90, html.auto .sf-c-txt-chocolate\:90 { color: hsl(25, 75%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:100, html.auto .sf-c-txt-chocolate\:100 { color: hsl(25, 75%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-chocolate\:dark, html.auto .sf-c-txt-chocolate\:dark { color: hsl(25, 75%, 47%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:0\:dark, html.auto .sf-c-txt-chocolate\:0\:dark { color: hsl(25, 75%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:10\:dark, html.auto .sf-c-txt-chocolate\:10\:dark { color: hsl(25, 75%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:20\:dark, html.auto .sf-c-txt-chocolate\:20\:dark { color: hsl(25, 75%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:30\:dark, html.auto .sf-c-txt-chocolate\:30\:dark { color: hsl(25, 75%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:40\:dark, html.auto .sf-c-txt-chocolate\:40\:dark { color: hsl(25, 75%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:50\:dark, html.auto .sf-c-txt-chocolate\:50\:dark { color: hsl(25, 75%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:60\:dark, html.auto .sf-c-txt-chocolate\:60\:dark { color: hsl(25, 75%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:70\:dark, html.auto .sf-c-txt-chocolate\:70\:dark { color: hsl(25, 75%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:80\:dark, html.auto .sf-c-txt-chocolate\:80\:dark { color: hsl(25, 75%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:90\:dark, html.auto .sf-c-txt-chocolate\:90\:dark { color: hsl(25, 75%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:100\:dark, html.auto .sf-c-txt-chocolate\:100\:dark { color: hsl(25, 75%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/coral.css b/src/colors/10/coral.css index 55c53ef..4f1245b 100644 --- a/src/colors/10/coral.css +++ b/src/colors/10/coral.css @@ -78,6 +78,32 @@ html.var .sf-c-coral\:80 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, html.var .sf-c-coral\:90 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } html.var .sf-c-coral\:100 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 100%) } +.sf-c-txt-coral { color: hsl(var(--sf-dark-c-txt-coral)) } +.sf-c-txt-coral\:0 { color: hsl(var(--sf-dark-c-txt-coral-100)) } +.sf-c-txt-coral\:10 { color: hsl(var(--sf-dark-c-txt-coral-90)) } +.sf-c-txt-coral\:20 { color: hsl(var(--sf-dark-c-txt-coral-80)) } +.sf-c-txt-coral\:30 { color: hsl(var(--sf-dark-c-txt-coral-70)) } +.sf-c-txt-coral\:40 { color: hsl(var(--sf-dark-c-txt-coral-60)) } +.sf-c-txt-coral\:50 { color: hsl(var(--sf-dark-c-txt-coral-50)) } +.sf-c-txt-coral\:60 { color: hsl(var(--sf-dark-c-txt-coral-40)) } +.sf-c-txt-coral\:70 { color: hsl(var(--sf-dark-c-txt-coral-30)) } +.sf-c-txt-coral\:80 { color: hsl(var(--sf-dark-c-txt-coral-20)) } +.sf-c-txt-coral\:90 { color: hsl(var(--sf-dark-c-txt-coral-10)) } +.sf-c-txt-coral\:100 { color: hsl(var(--sf-dark-c-txt-coral-0)) } + +html.var .sf-c-txt-coral { color: hsl(16, 100%, 34%) } +html.var .sf-c-txt-coral\:0 { color: hsl(16, 100%, 100%) } +html.var .sf-c-txt-coral\:10 { color: hsl(16, 100%, 90%) } +html.var .sf-c-txt-coral\:20 { color: hsl(16, 100%, 80%) } +html.var .sf-c-txt-coral\:30 { color: hsl(16, 100%, 70%) } +html.var .sf-c-txt-coral\:40 { color: hsl(16, 100%, 60%) } +html.var .sf-c-txt-coral\:50 { color: hsl(16, 100%, 50%) } +html.var .sf-c-txt-coral\:60 { color: hsl(16, 100%, 40%) } +html.var .sf-c-txt-coral\:70 { color: hsl(16, 100%, 30%) } +html.var .sf-c-txt-coral\:80 { color: hsl(16, 100%, 20%) } +html.var .sf-c-txt-coral\:90 { color: hsl(16, 100%, 10%) } +html.var .sf-c-txt-coral\:100 { color: hsl(16, 100%, 0%) } + html[data-theme='dark'] .sf-c-coral, html.dark .sf-c-coral { color: hsl(var(--sf-dark-c-txt-coral-90)); background: hsl(var(--sf-dark-c-coral)) } html[data-theme='dark'] .sf-c-coral\:0, html.dark .sf-c-coral\:0 { color: hsl(var(--sf-dark-c-txt-coral-90)); background: hsl(var(--sf-dark-c-coral-100)) } html[data-theme='dark'] .sf-c-coral\:10, html.dark .sf-c-coral\:10 { color: hsl(var(--sf-dark-c-txt-coral-10)); background: hsl(var(--sf-dark-c-coral-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-coral\:80\:dark, html.dark .sf-c-coral\:80\:dark { html[data-theme='dark'] .sf-c-coral\:90\:dark, html.dark .sf-c-coral\:90\:dark { color: hsl(var(--sf-c-txt-coral-90)); background: hsl(var(--sf-c-coral-10)) } html[data-theme='dark'] .sf-c-coral\:100\:dark, html.dark .sf-c-coral\:100\:dark { color: hsl(var(--sf-c-txt-coral-90)); background: hsl(var(--sf-c-coral-0)) } +html[data-theme='dark'] .sf-c-txt-coral, html.dark .sf-c-txt-coral { color: hsl(var(--sf-c-txt-coral)) } +html[data-theme='dark'] .sf-c-txt-coral\:0, html.dark .sf-c-txt-coral\:0 { color: hsl(var(--sf-c-txt-coral-0)) } +html[data-theme='dark'] .sf-c-txt-coral\:10, html.dark .sf-c-txt-coral\:10 { color: hsl(var(--sf-c-txt-coral-10)) } +html[data-theme='dark'] .sf-c-txt-coral\:20, html.dark .sf-c-txt-coral\:20 { color: hsl(var(--sf-c-txt-coral-20)) } +html[data-theme='dark'] .sf-c-txt-coral\:30, html.dark .sf-c-txt-coral\:30 { color: hsl(var(--sf-c-txt-coral-30)) } +html[data-theme='dark'] .sf-c-txt-coral\:40, html.dark .sf-c-txt-coral\:40 { color: hsl(var(--sf-c-txt-coral-40)) } +html[data-theme='dark'] .sf-c-txt-coral\:50, html.dark .sf-c-txt-coral\:50 { color: hsl(var(--sf-c-txt-coral-50)) } +html[data-theme='dark'] .sf-c-txt-coral\:60, html.dark .sf-c-txt-coral\:60 { color: hsl(var(--sf-c-txt-coral-60)) } +html[data-theme='dark'] .sf-c-txt-coral\:70, html.dark .sf-c-txt-coral\:70 { color: hsl(var(--sf-c-txt-coral-70)) } +html[data-theme='dark'] .sf-c-txt-coral\:80, html.dark .sf-c-txt-coral\:80 { color: hsl(var(--sf-c-txt-coral-80)) } +html[data-theme='dark'] .sf-c-txt-coral\:90, html.dark .sf-c-txt-coral\:90 { color: hsl(var(--sf-c-txt-coral-90)) } +html[data-theme='dark'] .sf-c-txt-coral\:100, html.dark .sf-c-txt-coral\:100 { color: hsl(var(--sf-c-txt-coral-100)) } + +html[data-theme='dark'] .sf-c-txt-coral\:dark, html.dark .sf-c-txt-coral\:dark { color: hsl(var(--sf-c-txt-coral)) } +html[data-theme='dark'] .sf-c-txt-coral\:0\:dark, html.dark .sf-c-txt-coral\:0\:dark { color: hsl(var(--sf-dark-c-txt-coral-0)) } +html[data-theme='dark'] .sf-c-txt-coral\:10\:dark, html.dark .sf-c-txt-coral\:10\:dark { color: hsl(var(--sf-dark-c-txt-coral-10)) } +html[data-theme='dark'] .sf-c-txt-coral\:20\:dark, html.dark .sf-c-txt-coral\:20\:dark { color: hsl(var(--sf-dark-c-txt-coral-20)) } +html[data-theme='dark'] .sf-c-txt-coral\:30\:dark, html.dark .sf-c-txt-coral\:30\:dark { color: hsl(var(--sf-dark-c-txt-coral-30)) } +html[data-theme='dark'] .sf-c-txt-coral\:40\:dark, html.dark .sf-c-txt-coral\:40\:dark { color: hsl(var(--sf-dark-c-txt-coral-40)) } +html[data-theme='dark'] .sf-c-txt-coral\:50\:dark, html.dark .sf-c-txt-coral\:50\:dark { color: hsl(var(--sf-dark-c-txt-coral-50)) } +html[data-theme='dark'] .sf-c-txt-coral\:60\:dark, html.dark .sf-c-txt-coral\:60\:dark { color: hsl(var(--sf-dark-c-txt-coral-60)) } +html[data-theme='dark'] .sf-c-txt-coral\:70\:dark, html.dark .sf-c-txt-coral\:70\:dark { color: hsl(var(--sf-dark-c-txt-coral-70)) } +html[data-theme='dark'] .sf-c-txt-coral\:80\:dark, html.dark .sf-c-txt-coral\:80\:dark { color: hsl(var(--sf-dark-c-txt-coral-80)) } +html[data-theme='dark'] .sf-c-txt-coral\:90\:dark, html.dark .sf-c-txt-coral\:90\:dark { color: hsl(var(--sf-dark-c-txt-coral-90)) } +html[data-theme='dark'] .sf-c-txt-coral\:100\:dark, html.dark .sf-c-txt-coral\:100\:dark { color: hsl(var(--sf-dark-c-txt-coral-100)) } + html.var[data-theme='dark'] .sf-c-coral, html.var.dark .sf-c-coral { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 34%) } html.var[data-theme='dark'] .sf-c-coral\:0, html.var.dark .sf-c-coral\:0 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 100%) } html.var[data-theme='dark'] .sf-c-coral\:10, html.var.dark .sf-c-coral\:10 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-coral\:80\:dark, html.var.dark .sf-c-coral\:80 html.var[data-theme='dark'] .sf-c-coral\:90\:dark, html.var.dark .sf-c-coral\:90\:dark { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 10%) } html.var[data-theme='dark'] .sf-c-coral\:100\:dark, html.var.dark .sf-c-coral\:100\:dark { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-coral, html.dark .sf-c-txt-coral { color: hsl(16, 100%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:0, html.dark .sf-c-txt-coral\:0 { color: hsl(16, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:10, html.dark .sf-c-txt-coral\:10 { color: hsl(16, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:20, html.dark .sf-c-txt-coral\:20 { color: hsl(16, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:30, html.dark .sf-c-txt-coral\:30 { color: hsl(16, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:40, html.dark .sf-c-txt-coral\:40 { color: hsl(16, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:50, html.dark .sf-c-txt-coral\:50 { color: hsl(16, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:60, html.dark .sf-c-txt-coral\:60 { color: hsl(16, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:70, html.dark .sf-c-txt-coral\:70 { color: hsl(16, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:80, html.dark .sf-c-txt-coral\:80 { color: hsl(16, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:90, html.dark .sf-c-txt-coral\:90 { color: hsl(16, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:100, html.dark .sf-c-txt-coral\:100 { color: hsl(16, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-coral\:dark, html.dark .sf-c-txt-coral\:dark { color: hsl(16, 100%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:0\:dark, html.dark .sf-c-txt-coral\:0\:dark { color: hsl(16, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:10\:dark, html.dark .sf-c-txt-coral\:10\:dark { color: hsl(16, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:20\:dark, html.dark .sf-c-txt-coral\:20\:dark { color: hsl(16, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:30\:dark, html.dark .sf-c-txt-coral\:30\:dark { color: hsl(16, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:40\:dark, html.dark .sf-c-txt-coral\:40\:dark { color: hsl(16, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:50\:dark, html.dark .sf-c-txt-coral\:50\:dark { color: hsl(16, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:60\:dark, html.dark .sf-c-txt-coral\:60\:dark { color: hsl(16, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:70\:dark, html.dark .sf-c-txt-coral\:70\:dark { color: hsl(16, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:80\:dark, html.dark .sf-c-txt-coral\:80\:dark { color: hsl(16, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:90\:dark, html.dark .sf-c-txt-coral\:90\:dark { color: hsl(16, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:100\:dark, html.dark .sf-c-txt-coral\:100\:dark { color: hsl(16, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-coral, html.auto .sf-c-coral { color: hsl(var(--sf-dark-c-txt-coral-90)); background: hsl(var(--sf-dark-c-coral)) } html[data-theme='auto'] .sf-c-coral\:0, html.auto .sf-c-coral\:0 { color: hsl(var(--sf-dark-c-txt-coral-90)); background: hsl(var(--sf-dark-c-coral-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-coral\:100\:dark, html.var.dark .sf-c-coral\:1 html[data-theme='auto'] .sf-c-coral\:90\:dark, html.auto .sf-c-coral\:90\:dark { color: hsl(var(--sf-c-txt-coral-90)); background: hsl(var(--sf-c-coral-10)) } html[data-theme='auto'] .sf-c-coral\:100\:dark, html.auto .sf-c-coral\:100\:dark { color: hsl(var(--sf-c-txt-coral-90)); background: hsl(var(--sf-c-coral-0)) } + html[data-theme='auto'] .sf-c-txt-coral, html.auto .sf-c-txt-coral { color: hsl(var(--sf-c-txt-coral)) } + html[data-theme='auto'] .sf-c-txt-coral\:0, html.auto .sf-c-txt-coral\:0 { color: hsl(var(--sf-c-txt-coral-0)) } + html[data-theme='auto'] .sf-c-txt-coral\:10, html.auto .sf-c-txt-coral\:10 { color: hsl(var(--sf-c-txt-coral-10)) } + html[data-theme='auto'] .sf-c-txt-coral\:20, html.auto .sf-c-txt-coral\:20 { color: hsl(var(--sf-c-txt-coral-20)) } + html[data-theme='auto'] .sf-c-txt-coral\:30, html.auto .sf-c-txt-coral\:30 { color: hsl(var(--sf-c-txt-coral-30)) } + html[data-theme='auto'] .sf-c-txt-coral\:40, html.auto .sf-c-txt-coral\:40 { color: hsl(var(--sf-c-txt-coral-40)) } + html[data-theme='auto'] .sf-c-txt-coral\:50, html.auto .sf-c-txt-coral\:50 { color: hsl(var(--sf-c-txt-coral-50)) } + html[data-theme='auto'] .sf-c-txt-coral\:60, html.auto .sf-c-txt-coral\:60 { color: hsl(var(--sf-c-txt-coral-60)) } + html[data-theme='auto'] .sf-c-txt-coral\:70, html.auto .sf-c-txt-coral\:70 { color: hsl(var(--sf-c-txt-coral-70)) } + html[data-theme='auto'] .sf-c-txt-coral\:80, html.auto .sf-c-txt-coral\:80 { color: hsl(var(--sf-c-txt-coral-80)) } + html[data-theme='auto'] .sf-c-txt-coral\:90, html.auto .sf-c-txt-coral\:90 { color: hsl(var(--sf-c-txt-coral-90)) } + html[data-theme='auto'] .sf-c-txt-coral\:100, html.auto .sf-c-txt-coral\:100 { color: hsl(var(--sf-c-txt-coral-100)) } + + html[data-theme='auto'] .sf-c-txt-coral\:dark, html.auto .sf-c-txt-coral\:dark { color: hsl(var(--sf-c-txt-coral)) } + html[data-theme='auto'] .sf-c-txt-coral\:0\:dark, html.auto .sf-c-txt-coral\:0\:dark { color: hsl(var(--sf-c-txt-coral-0)) } + html[data-theme='auto'] .sf-c-txt-coral\:10\:dark, html.auto .sf-c-txt-coral\:10\:dark { color: hsl(var(--sf-c-txt-coral-10)) } + html[data-theme='auto'] .sf-c-txt-coral\:20\:dark, html.auto .sf-c-txt-coral\:20\:dark { color: hsl(var(--sf-c-txt-coral-20)) } + html[data-theme='auto'] .sf-c-txt-coral\:30\:dark, html.auto .sf-c-txt-coral\:30\:dark { color: hsl(var(--sf-c-txt-coral-30)) } + html[data-theme='auto'] .sf-c-txt-coral\:40\:dark, html.auto .sf-c-txt-coral\:40\:dark { color: hsl(var(--sf-c-txt-coral-40)) } + html[data-theme='auto'] .sf-c-txt-coral\:50\:dark, html.auto .sf-c-txt-coral\:50\:dark { color: hsl(var(--sf-c-txt-coral-50)) } + html[data-theme='auto'] .sf-c-txt-coral\:60\:dark, html.auto .sf-c-txt-coral\:60\:dark { color: hsl(var(--sf-c-txt-coral-60)) } + html[data-theme='auto'] .sf-c-txt-coral\:70\:dark, html.auto .sf-c-txt-coral\:70\:dark { color: hsl(var(--sf-c-txt-coral-70)) } + html[data-theme='auto'] .sf-c-txt-coral\:80\:dark, html.auto .sf-c-txt-coral\:80\:dark { color: hsl(var(--sf-c-txt-coral-80)) } + html[data-theme='auto'] .sf-c-txt-coral\:90\:dark, html.auto .sf-c-txt-coral\:90\:dark { color: hsl(var(--sf-c-txt-coral-90)) } + html[data-theme='auto'] .sf-c-txt-coral\:100\:dark, html.auto .sf-c-txt-coral\:100\:dark { color: hsl(var(--sf-c-txt-coral-100)) } + html.var[data-theme='auto'] .sf-c-coral, html.var.auto .sf-c-coral { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 34%) } html.var[data-theme='auto'] .sf-c-coral\:0, html.var.auto .sf-c-coral\:0 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 100%) } html.var[data-theme='auto'] .sf-c-coral\:10, html.var.auto .sf-c-coral\:10 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-coral\:100\:dark, html.var.dark .sf-c-coral\:1 html.var[data-theme='auto'] .sf-c-coral\:80\:dark, html.var.auto .sf-c-coral\:80\:dark { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 20%) } html.var[data-theme='auto'] .sf-c-coral\:90\:dark, html.var.auto .sf-c-coral\:90\:dark { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 10%) } html.var[data-theme='auto'] .sf-c-coral\:100\:dark, html.var.auto .sf-c-coral\:100\:dark { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 0%) } -} -.sf-c-txt-coral { color: hsl(var(--sf-c-txt-coral)) } -.sf-c-txt-coral\:0 { color: hsl(var(--sf-c-txt-coral-0)) } -.sf-c-txt-coral\:10 { color: hsl(var(--sf-c-txt-coral-10)) } -.sf-c-txt-coral\:20 { color: hsl(var(--sf-c-txt-coral-20)) } -.sf-c-txt-coral\:30 { color: hsl(var(--sf-c-txt-coral-30)) } -.sf-c-txt-coral\:40 { color: hsl(var(--sf-c-txt-coral-40)) } -.sf-c-txt-coral\:50 { color: hsl(var(--sf-c-txt-coral-50)) } -.sf-c-txt-coral\:60 { color: hsl(var(--sf-c-txt-coral-60)) } -.sf-c-txt-coral\:70 { color: hsl(var(--sf-c-txt-coral-70)) } -.sf-c-txt-coral\:80 { color: hsl(var(--sf-c-txt-coral-80)) } -.sf-c-txt-coral\:90 { color: hsl(var(--sf-c-txt-coral-90)) } -.sf-c-txt-coral\:100 { color: hsl(var(--sf-c-txt-coral-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-coral, html.auto .sf-c-txt-coral { color: hsl(16, 100%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:0, html.auto .sf-c-txt-coral\:0 { color: hsl(16, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:10, html.auto .sf-c-txt-coral\:10 { color: hsl(16, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:20, html.auto .sf-c-txt-coral\:20 { color: hsl(16, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:30, html.auto .sf-c-txt-coral\:30 { color: hsl(16, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:40, html.auto .sf-c-txt-coral\:40 { color: hsl(16, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:50, html.auto .sf-c-txt-coral\:50 { color: hsl(16, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:60, html.auto .sf-c-txt-coral\:60 { color: hsl(16, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:70, html.auto .sf-c-txt-coral\:70 { color: hsl(16, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:80, html.auto .sf-c-txt-coral\:80 { color: hsl(16, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:90, html.auto .sf-c-txt-coral\:90 { color: hsl(16, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:100, html.auto .sf-c-txt-coral\:100 { color: hsl(16, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-coral\:dark, html.auto .sf-c-txt-coral\:dark { color: hsl(16, 100%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:0\:dark, html.auto .sf-c-txt-coral\:0\:dark { color: hsl(16, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:10\:dark, html.auto .sf-c-txt-coral\:10\:dark { color: hsl(16, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:20\:dark, html.auto .sf-c-txt-coral\:20\:dark { color: hsl(16, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:30\:dark, html.auto .sf-c-txt-coral\:30\:dark { color: hsl(16, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:40\:dark, html.auto .sf-c-txt-coral\:40\:dark { color: hsl(16, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:50\:dark, html.auto .sf-c-txt-coral\:50\:dark { color: hsl(16, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:60\:dark, html.auto .sf-c-txt-coral\:60\:dark { color: hsl(16, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:70\:dark, html.auto .sf-c-txt-coral\:70\:dark { color: hsl(16, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:80\:dark, html.auto .sf-c-txt-coral\:80\:dark { color: hsl(16, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:90\:dark, html.auto .sf-c-txt-coral\:90\:dark { color: hsl(16, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:100\:dark, html.auto .sf-c-txt-coral\:100\:dark { color: hsl(16, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/cornflowerblue.css b/src/colors/10/cornflowerblue.css index 09d86f9..b98854f 100644 --- a/src/colors/10/cornflowerblue.css +++ b/src/colors/10/cornflowerblue.css @@ -78,6 +78,32 @@ html.var .sf-c-cornflowerblue\:80 { color: hsl(219, 79%, 10%); background: hsl(2 html.var .sf-c-cornflowerblue\:90 { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 90%) } html.var .sf-c-cornflowerblue\:100 { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 100%) } +.sf-c-txt-cornflowerblue { color: hsl(var(--sf-dark-c-txt-cornflowerblue)) } +.sf-c-txt-cornflowerblue\:0 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-100)) } +.sf-c-txt-cornflowerblue\:10 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-90)) } +.sf-c-txt-cornflowerblue\:20 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-80)) } +.sf-c-txt-cornflowerblue\:30 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-70)) } +.sf-c-txt-cornflowerblue\:40 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-60)) } +.sf-c-txt-cornflowerblue\:50 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-50)) } +.sf-c-txt-cornflowerblue\:60 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-40)) } +.sf-c-txt-cornflowerblue\:70 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-30)) } +.sf-c-txt-cornflowerblue\:80 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-20)) } +.sf-c-txt-cornflowerblue\:90 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-10)) } +.sf-c-txt-cornflowerblue\:100 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-0)) } + +html.var .sf-c-txt-cornflowerblue { color: hsl(219, 79%, 34%) } +html.var .sf-c-txt-cornflowerblue\:0 { color: hsl(219, 79%, 100%) } +html.var .sf-c-txt-cornflowerblue\:10 { color: hsl(219, 79%, 90%) } +html.var .sf-c-txt-cornflowerblue\:20 { color: hsl(219, 79%, 80%) } +html.var .sf-c-txt-cornflowerblue\:30 { color: hsl(219, 79%, 70%) } +html.var .sf-c-txt-cornflowerblue\:40 { color: hsl(219, 79%, 60%) } +html.var .sf-c-txt-cornflowerblue\:50 { color: hsl(219, 79%, 50%) } +html.var .sf-c-txt-cornflowerblue\:60 { color: hsl(219, 79%, 40%) } +html.var .sf-c-txt-cornflowerblue\:70 { color: hsl(219, 79%, 30%) } +html.var .sf-c-txt-cornflowerblue\:80 { color: hsl(219, 79%, 20%) } +html.var .sf-c-txt-cornflowerblue\:90 { color: hsl(219, 79%, 10%) } +html.var .sf-c-txt-cornflowerblue\:100 { color: hsl(219, 79%, 0%) } + html[data-theme='dark'] .sf-c-cornflowerblue, html.dark .sf-c-cornflowerblue { color: hsl(var(--sf-dark-c-txt-cornflowerblue-90)); background: hsl(var(--sf-dark-c-cornflowerblue)) } html[data-theme='dark'] .sf-c-cornflowerblue\:0, html.dark .sf-c-cornflowerblue\:0 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-90)); background: hsl(var(--sf-dark-c-cornflowerblue-100)) } html[data-theme='dark'] .sf-c-cornflowerblue\:10, html.dark .sf-c-cornflowerblue\:10 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-10)); background: hsl(var(--sf-dark-c-cornflowerblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-cornflowerblue\:80\:dark, html.dark .sf-c-cornflow html[data-theme='dark'] .sf-c-cornflowerblue\:90\:dark, html.dark .sf-c-cornflowerblue\:90\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-90)); background: hsl(var(--sf-c-cornflowerblue-10)) } html[data-theme='dark'] .sf-c-cornflowerblue\:100\:dark, html.dark .sf-c-cornflowerblue\:100\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-90)); background: hsl(var(--sf-c-cornflowerblue-0)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue, html.dark .sf-c-txt-cornflowerblue { color: hsl(var(--sf-c-txt-cornflowerblue)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:0, html.dark .sf-c-txt-cornflowerblue\:0 { color: hsl(var(--sf-c-txt-cornflowerblue-0)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:10, html.dark .sf-c-txt-cornflowerblue\:10 { color: hsl(var(--sf-c-txt-cornflowerblue-10)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:20, html.dark .sf-c-txt-cornflowerblue\:20 { color: hsl(var(--sf-c-txt-cornflowerblue-20)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:30, html.dark .sf-c-txt-cornflowerblue\:30 { color: hsl(var(--sf-c-txt-cornflowerblue-30)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:40, html.dark .sf-c-txt-cornflowerblue\:40 { color: hsl(var(--sf-c-txt-cornflowerblue-40)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:50, html.dark .sf-c-txt-cornflowerblue\:50 { color: hsl(var(--sf-c-txt-cornflowerblue-50)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:60, html.dark .sf-c-txt-cornflowerblue\:60 { color: hsl(var(--sf-c-txt-cornflowerblue-60)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:70, html.dark .sf-c-txt-cornflowerblue\:70 { color: hsl(var(--sf-c-txt-cornflowerblue-70)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:80, html.dark .sf-c-txt-cornflowerblue\:80 { color: hsl(var(--sf-c-txt-cornflowerblue-80)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:90, html.dark .sf-c-txt-cornflowerblue\:90 { color: hsl(var(--sf-c-txt-cornflowerblue-90)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:100, html.dark .sf-c-txt-cornflowerblue\:100 { color: hsl(var(--sf-c-txt-cornflowerblue-100)) } + +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:dark, html.dark .sf-c-txt-cornflowerblue\:dark { color: hsl(var(--sf-c-txt-cornflowerblue)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:0\:dark, html.dark .sf-c-txt-cornflowerblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-0)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:10\:dark, html.dark .sf-c-txt-cornflowerblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-10)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:20\:dark, html.dark .sf-c-txt-cornflowerblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-20)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:30\:dark, html.dark .sf-c-txt-cornflowerblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-30)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:40\:dark, html.dark .sf-c-txt-cornflowerblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-40)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:50\:dark, html.dark .sf-c-txt-cornflowerblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-50)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:60\:dark, html.dark .sf-c-txt-cornflowerblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-60)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:70\:dark, html.dark .sf-c-txt-cornflowerblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-70)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:80\:dark, html.dark .sf-c-txt-cornflowerblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-80)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:90\:dark, html.dark .sf-c-txt-cornflowerblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-90)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:100\:dark, html.dark .sf-c-txt-cornflowerblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-100)) } + html.var[data-theme='dark'] .sf-c-cornflowerblue, html.var.dark .sf-c-cornflowerblue { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 34%) } html.var[data-theme='dark'] .sf-c-cornflowerblue\:0, html.var.dark .sf-c-cornflowerblue\:0 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 100%) } html.var[data-theme='dark'] .sf-c-cornflowerblue\:10, html.var.dark .sf-c-cornflowerblue\:10 { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-cornflowerblue\:80\:dark, html.var.dark .sf-c- html.var[data-theme='dark'] .sf-c-cornflowerblue\:90\:dark, html.var.dark .sf-c-cornflowerblue\:90\:dark { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 10%) } html.var[data-theme='dark'] .sf-c-cornflowerblue\:100\:dark, html.var.dark .sf-c-cornflowerblue\:100\:dark { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue, html.dark .sf-c-txt-cornflowerblue { color: hsl(219, 79%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:0, html.dark .sf-c-txt-cornflowerblue\:0 { color: hsl(219, 79%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:10, html.dark .sf-c-txt-cornflowerblue\:10 { color: hsl(219, 79%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:20, html.dark .sf-c-txt-cornflowerblue\:20 { color: hsl(219, 79%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:30, html.dark .sf-c-txt-cornflowerblue\:30 { color: hsl(219, 79%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:40, html.dark .sf-c-txt-cornflowerblue\:40 { color: hsl(219, 79%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:50, html.dark .sf-c-txt-cornflowerblue\:50 { color: hsl(219, 79%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:60, html.dark .sf-c-txt-cornflowerblue\:60 { color: hsl(219, 79%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:70, html.dark .sf-c-txt-cornflowerblue\:70 { color: hsl(219, 79%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:80, html.dark .sf-c-txt-cornflowerblue\:80 { color: hsl(219, 79%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:90, html.dark .sf-c-txt-cornflowerblue\:90 { color: hsl(219, 79%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:100, html.dark .sf-c-txt-cornflowerblue\:100 { color: hsl(219, 79%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:dark, html.dark .sf-c-txt-cornflowerblue\:dark { color: hsl(219, 79%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:0\:dark, html.dark .sf-c-txt-cornflowerblue\:0\:dark { color: hsl(219, 79%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:10\:dark, html.dark .sf-c-txt-cornflowerblue\:10\:dark { color: hsl(219, 79%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:20\:dark, html.dark .sf-c-txt-cornflowerblue\:20\:dark { color: hsl(219, 79%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:30\:dark, html.dark .sf-c-txt-cornflowerblue\:30\:dark { color: hsl(219, 79%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:40\:dark, html.dark .sf-c-txt-cornflowerblue\:40\:dark { color: hsl(219, 79%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:50\:dark, html.dark .sf-c-txt-cornflowerblue\:50\:dark { color: hsl(219, 79%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:60\:dark, html.dark .sf-c-txt-cornflowerblue\:60\:dark { color: hsl(219, 79%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:70\:dark, html.dark .sf-c-txt-cornflowerblue\:70\:dark { color: hsl(219, 79%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:80\:dark, html.dark .sf-c-txt-cornflowerblue\:80\:dark { color: hsl(219, 79%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:90\:dark, html.dark .sf-c-txt-cornflowerblue\:90\:dark { color: hsl(219, 79%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:100\:dark, html.dark .sf-c-txt-cornflowerblue\:100\:dark { color: hsl(219, 79%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-cornflowerblue, html.auto .sf-c-cornflowerblue { color: hsl(var(--sf-dark-c-txt-cornflowerblue-90)); background: hsl(var(--sf-dark-c-cornflowerblue)) } html[data-theme='auto'] .sf-c-cornflowerblue\:0, html.auto .sf-c-cornflowerblue\:0 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-90)); background: hsl(var(--sf-dark-c-cornflowerblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-cornflowerblue\:100\:dark, html.var.dark .sf-c html[data-theme='auto'] .sf-c-cornflowerblue\:90\:dark, html.auto .sf-c-cornflowerblue\:90\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-90)); background: hsl(var(--sf-c-cornflowerblue-10)) } html[data-theme='auto'] .sf-c-cornflowerblue\:100\:dark, html.auto .sf-c-cornflowerblue\:100\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-90)); background: hsl(var(--sf-c-cornflowerblue-0)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue, html.auto .sf-c-txt-cornflowerblue { color: hsl(var(--sf-c-txt-cornflowerblue)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:0, html.auto .sf-c-txt-cornflowerblue\:0 { color: hsl(var(--sf-c-txt-cornflowerblue-0)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:10, html.auto .sf-c-txt-cornflowerblue\:10 { color: hsl(var(--sf-c-txt-cornflowerblue-10)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:20, html.auto .sf-c-txt-cornflowerblue\:20 { color: hsl(var(--sf-c-txt-cornflowerblue-20)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:30, html.auto .sf-c-txt-cornflowerblue\:30 { color: hsl(var(--sf-c-txt-cornflowerblue-30)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:40, html.auto .sf-c-txt-cornflowerblue\:40 { color: hsl(var(--sf-c-txt-cornflowerblue-40)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:50, html.auto .sf-c-txt-cornflowerblue\:50 { color: hsl(var(--sf-c-txt-cornflowerblue-50)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:60, html.auto .sf-c-txt-cornflowerblue\:60 { color: hsl(var(--sf-c-txt-cornflowerblue-60)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:70, html.auto .sf-c-txt-cornflowerblue\:70 { color: hsl(var(--sf-c-txt-cornflowerblue-70)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:80, html.auto .sf-c-txt-cornflowerblue\:80 { color: hsl(var(--sf-c-txt-cornflowerblue-80)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:90, html.auto .sf-c-txt-cornflowerblue\:90 { color: hsl(var(--sf-c-txt-cornflowerblue-90)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:100, html.auto .sf-c-txt-cornflowerblue\:100 { color: hsl(var(--sf-c-txt-cornflowerblue-100)) } + + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:dark, html.auto .sf-c-txt-cornflowerblue\:dark { color: hsl(var(--sf-c-txt-cornflowerblue)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:0\:dark, html.auto .sf-c-txt-cornflowerblue\:0\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-0)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:10\:dark, html.auto .sf-c-txt-cornflowerblue\:10\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-10)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:20\:dark, html.auto .sf-c-txt-cornflowerblue\:20\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-20)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:30\:dark, html.auto .sf-c-txt-cornflowerblue\:30\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-30)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:40\:dark, html.auto .sf-c-txt-cornflowerblue\:40\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-40)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:50\:dark, html.auto .sf-c-txt-cornflowerblue\:50\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-50)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:60\:dark, html.auto .sf-c-txt-cornflowerblue\:60\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-60)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:70\:dark, html.auto .sf-c-txt-cornflowerblue\:70\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-70)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:80\:dark, html.auto .sf-c-txt-cornflowerblue\:80\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-80)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:90\:dark, html.auto .sf-c-txt-cornflowerblue\:90\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-90)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:100\:dark, html.auto .sf-c-txt-cornflowerblue\:100\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-100)) } + html.var[data-theme='auto'] .sf-c-cornflowerblue, html.var.auto .sf-c-cornflowerblue { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 34%) } html.var[data-theme='auto'] .sf-c-cornflowerblue\:0, html.var.auto .sf-c-cornflowerblue\:0 { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 100%) } html.var[data-theme='auto'] .sf-c-cornflowerblue\:10, html.var.auto .sf-c-cornflowerblue\:10 { color: hsl(219, 79%, 10%); background: hsl(219, 79%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-cornflowerblue\:100\:dark, html.var.dark .sf-c html.var[data-theme='auto'] .sf-c-cornflowerblue\:80\:dark, html.var.auto .sf-c-cornflowerblue\:80\:dark { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 20%) } html.var[data-theme='auto'] .sf-c-cornflowerblue\:90\:dark, html.var.auto .sf-c-cornflowerblue\:90\:dark { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 10%) } html.var[data-theme='auto'] .sf-c-cornflowerblue\:100\:dark, html.var.auto .sf-c-cornflowerblue\:100\:dark { color: hsl(219, 79%, 90%); background: hsl(219, 79%, 0%) } -} -.sf-c-txt-cornflowerblue { color: hsl(var(--sf-c-txt-cornflowerblue)) } -.sf-c-txt-cornflowerblue\:0 { color: hsl(var(--sf-c-txt-cornflowerblue-0)) } -.sf-c-txt-cornflowerblue\:10 { color: hsl(var(--sf-c-txt-cornflowerblue-10)) } -.sf-c-txt-cornflowerblue\:20 { color: hsl(var(--sf-c-txt-cornflowerblue-20)) } -.sf-c-txt-cornflowerblue\:30 { color: hsl(var(--sf-c-txt-cornflowerblue-30)) } -.sf-c-txt-cornflowerblue\:40 { color: hsl(var(--sf-c-txt-cornflowerblue-40)) } -.sf-c-txt-cornflowerblue\:50 { color: hsl(var(--sf-c-txt-cornflowerblue-50)) } -.sf-c-txt-cornflowerblue\:60 { color: hsl(var(--sf-c-txt-cornflowerblue-60)) } -.sf-c-txt-cornflowerblue\:70 { color: hsl(var(--sf-c-txt-cornflowerblue-70)) } -.sf-c-txt-cornflowerblue\:80 { color: hsl(var(--sf-c-txt-cornflowerblue-80)) } -.sf-c-txt-cornflowerblue\:90 { color: hsl(var(--sf-c-txt-cornflowerblue-90)) } -.sf-c-txt-cornflowerblue\:100 { color: hsl(var(--sf-c-txt-cornflowerblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue, html.auto .sf-c-txt-cornflowerblue { color: hsl(219, 79%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:0, html.auto .sf-c-txt-cornflowerblue\:0 { color: hsl(219, 79%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:10, html.auto .sf-c-txt-cornflowerblue\:10 { color: hsl(219, 79%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:20, html.auto .sf-c-txt-cornflowerblue\:20 { color: hsl(219, 79%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:30, html.auto .sf-c-txt-cornflowerblue\:30 { color: hsl(219, 79%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:40, html.auto .sf-c-txt-cornflowerblue\:40 { color: hsl(219, 79%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:50, html.auto .sf-c-txt-cornflowerblue\:50 { color: hsl(219, 79%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:60, html.auto .sf-c-txt-cornflowerblue\:60 { color: hsl(219, 79%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:70, html.auto .sf-c-txt-cornflowerblue\:70 { color: hsl(219, 79%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:80, html.auto .sf-c-txt-cornflowerblue\:80 { color: hsl(219, 79%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:90, html.auto .sf-c-txt-cornflowerblue\:90 { color: hsl(219, 79%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:100, html.auto .sf-c-txt-cornflowerblue\:100 { color: hsl(219, 79%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:dark, html.auto .sf-c-txt-cornflowerblue\:dark { color: hsl(219, 79%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:0\:dark, html.auto .sf-c-txt-cornflowerblue\:0\:dark { color: hsl(219, 79%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:10\:dark, html.auto .sf-c-txt-cornflowerblue\:10\:dark { color: hsl(219, 79%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:20\:dark, html.auto .sf-c-txt-cornflowerblue\:20\:dark { color: hsl(219, 79%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:30\:dark, html.auto .sf-c-txt-cornflowerblue\:30\:dark { color: hsl(219, 79%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:40\:dark, html.auto .sf-c-txt-cornflowerblue\:40\:dark { color: hsl(219, 79%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:50\:dark, html.auto .sf-c-txt-cornflowerblue\:50\:dark { color: hsl(219, 79%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:60\:dark, html.auto .sf-c-txt-cornflowerblue\:60\:dark { color: hsl(219, 79%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:70\:dark, html.auto .sf-c-txt-cornflowerblue\:70\:dark { color: hsl(219, 79%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:80\:dark, html.auto .sf-c-txt-cornflowerblue\:80\:dark { color: hsl(219, 79%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:90\:dark, html.auto .sf-c-txt-cornflowerblue\:90\:dark { color: hsl(219, 79%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:100\:dark, html.auto .sf-c-txt-cornflowerblue\:100\:dark { color: hsl(219, 79%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/cornsilk.css b/src/colors/10/cornsilk.css index 7734017..3383834 100644 --- a/src/colors/10/cornsilk.css +++ b/src/colors/10/cornsilk.css @@ -78,6 +78,32 @@ html.var .sf-c-cornsilk\:80 { color: hsl(48, 100%, 10%); background: hsl(48, 100 html.var .sf-c-cornsilk\:90 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 90%) } html.var .sf-c-cornsilk\:100 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 100%) } +.sf-c-txt-cornsilk { color: hsl(var(--sf-dark-c-txt-cornsilk)) } +.sf-c-txt-cornsilk\:0 { color: hsl(var(--sf-dark-c-txt-cornsilk-100)) } +.sf-c-txt-cornsilk\:10 { color: hsl(var(--sf-dark-c-txt-cornsilk-90)) } +.sf-c-txt-cornsilk\:20 { color: hsl(var(--sf-dark-c-txt-cornsilk-80)) } +.sf-c-txt-cornsilk\:30 { color: hsl(var(--sf-dark-c-txt-cornsilk-70)) } +.sf-c-txt-cornsilk\:40 { color: hsl(var(--sf-dark-c-txt-cornsilk-60)) } +.sf-c-txt-cornsilk\:50 { color: hsl(var(--sf-dark-c-txt-cornsilk-50)) } +.sf-c-txt-cornsilk\:60 { color: hsl(var(--sf-dark-c-txt-cornsilk-40)) } +.sf-c-txt-cornsilk\:70 { color: hsl(var(--sf-dark-c-txt-cornsilk-30)) } +.sf-c-txt-cornsilk\:80 { color: hsl(var(--sf-dark-c-txt-cornsilk-20)) } +.sf-c-txt-cornsilk\:90 { color: hsl(var(--sf-dark-c-txt-cornsilk-10)) } +.sf-c-txt-cornsilk\:100 { color: hsl(var(--sf-dark-c-txt-cornsilk-0)) } + +html.var .sf-c-txt-cornsilk { color: hsl(48, 100%, 7%) } +html.var .sf-c-txt-cornsilk\:0 { color: hsl(48, 100%, 100%) } +html.var .sf-c-txt-cornsilk\:10 { color: hsl(48, 100%, 90%) } +html.var .sf-c-txt-cornsilk\:20 { color: hsl(48, 100%, 80%) } +html.var .sf-c-txt-cornsilk\:30 { color: hsl(48, 100%, 70%) } +html.var .sf-c-txt-cornsilk\:40 { color: hsl(48, 100%, 60%) } +html.var .sf-c-txt-cornsilk\:50 { color: hsl(48, 100%, 50%) } +html.var .sf-c-txt-cornsilk\:60 { color: hsl(48, 100%, 40%) } +html.var .sf-c-txt-cornsilk\:70 { color: hsl(48, 100%, 30%) } +html.var .sf-c-txt-cornsilk\:80 { color: hsl(48, 100%, 20%) } +html.var .sf-c-txt-cornsilk\:90 { color: hsl(48, 100%, 10%) } +html.var .sf-c-txt-cornsilk\:100 { color: hsl(48, 100%, 0%) } + html[data-theme='dark'] .sf-c-cornsilk, html.dark .sf-c-cornsilk { color: hsl(var(--sf-dark-c-txt-cornsilk-90)); background: hsl(var(--sf-dark-c-cornsilk)) } html[data-theme='dark'] .sf-c-cornsilk\:0, html.dark .sf-c-cornsilk\:0 { color: hsl(var(--sf-dark-c-txt-cornsilk-90)); background: hsl(var(--sf-dark-c-cornsilk-100)) } html[data-theme='dark'] .sf-c-cornsilk\:10, html.dark .sf-c-cornsilk\:10 { color: hsl(var(--sf-dark-c-txt-cornsilk-10)); background: hsl(var(--sf-dark-c-cornsilk-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-cornsilk\:80\:dark, html.dark .sf-c-cornsilk\:80\: html[data-theme='dark'] .sf-c-cornsilk\:90\:dark, html.dark .sf-c-cornsilk\:90\:dark { color: hsl(var(--sf-c-txt-cornsilk-90)); background: hsl(var(--sf-c-cornsilk-10)) } html[data-theme='dark'] .sf-c-cornsilk\:100\:dark, html.dark .sf-c-cornsilk\:100\:dark { color: hsl(var(--sf-c-txt-cornsilk-90)); background: hsl(var(--sf-c-cornsilk-0)) } +html[data-theme='dark'] .sf-c-txt-cornsilk, html.dark .sf-c-txt-cornsilk { color: hsl(var(--sf-c-txt-cornsilk)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:0, html.dark .sf-c-txt-cornsilk\:0 { color: hsl(var(--sf-c-txt-cornsilk-0)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:10, html.dark .sf-c-txt-cornsilk\:10 { color: hsl(var(--sf-c-txt-cornsilk-10)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:20, html.dark .sf-c-txt-cornsilk\:20 { color: hsl(var(--sf-c-txt-cornsilk-20)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:30, html.dark .sf-c-txt-cornsilk\:30 { color: hsl(var(--sf-c-txt-cornsilk-30)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:40, html.dark .sf-c-txt-cornsilk\:40 { color: hsl(var(--sf-c-txt-cornsilk-40)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:50, html.dark .sf-c-txt-cornsilk\:50 { color: hsl(var(--sf-c-txt-cornsilk-50)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:60, html.dark .sf-c-txt-cornsilk\:60 { color: hsl(var(--sf-c-txt-cornsilk-60)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:70, html.dark .sf-c-txt-cornsilk\:70 { color: hsl(var(--sf-c-txt-cornsilk-70)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:80, html.dark .sf-c-txt-cornsilk\:80 { color: hsl(var(--sf-c-txt-cornsilk-80)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:90, html.dark .sf-c-txt-cornsilk\:90 { color: hsl(var(--sf-c-txt-cornsilk-90)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:100, html.dark .sf-c-txt-cornsilk\:100 { color: hsl(var(--sf-c-txt-cornsilk-100)) } + +html[data-theme='dark'] .sf-c-txt-cornsilk\:dark, html.dark .sf-c-txt-cornsilk\:dark { color: hsl(var(--sf-c-txt-cornsilk)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:0\:dark, html.dark .sf-c-txt-cornsilk\:0\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-0)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:10\:dark, html.dark .sf-c-txt-cornsilk\:10\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-10)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:20\:dark, html.dark .sf-c-txt-cornsilk\:20\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-20)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:30\:dark, html.dark .sf-c-txt-cornsilk\:30\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-30)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:40\:dark, html.dark .sf-c-txt-cornsilk\:40\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-40)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:50\:dark, html.dark .sf-c-txt-cornsilk\:50\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-50)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:60\:dark, html.dark .sf-c-txt-cornsilk\:60\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-60)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:70\:dark, html.dark .sf-c-txt-cornsilk\:70\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-70)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:80\:dark, html.dark .sf-c-txt-cornsilk\:80\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-80)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:90\:dark, html.dark .sf-c-txt-cornsilk\:90\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-90)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:100\:dark, html.dark .sf-c-txt-cornsilk\:100\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-100)) } + html.var[data-theme='dark'] .sf-c-cornsilk, html.var.dark .sf-c-cornsilk { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 7%) } html.var[data-theme='dark'] .sf-c-cornsilk\:0, html.var.dark .sf-c-cornsilk\:0 { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 100%) } html.var[data-theme='dark'] .sf-c-cornsilk\:10, html.var.dark .sf-c-cornsilk\:10 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-cornsilk\:80\:dark, html.var.dark .sf-c-cornsi html.var[data-theme='dark'] .sf-c-cornsilk\:90\:dark, html.var.dark .sf-c-cornsilk\:90\:dark { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 10%) } html.var[data-theme='dark'] .sf-c-cornsilk\:100\:dark, html.var.dark .sf-c-cornsilk\:100\:dark { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk, html.dark .sf-c-txt-cornsilk { color: hsl(48, 100%, 93%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:0, html.dark .sf-c-txt-cornsilk\:0 { color: hsl(48, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:10, html.dark .sf-c-txt-cornsilk\:10 { color: hsl(48, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:20, html.dark .sf-c-txt-cornsilk\:20 { color: hsl(48, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:30, html.dark .sf-c-txt-cornsilk\:30 { color: hsl(48, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:40, html.dark .sf-c-txt-cornsilk\:40 { color: hsl(48, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:50, html.dark .sf-c-txt-cornsilk\:50 { color: hsl(48, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:60, html.dark .sf-c-txt-cornsilk\:60 { color: hsl(48, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:70, html.dark .sf-c-txt-cornsilk\:70 { color: hsl(48, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:80, html.dark .sf-c-txt-cornsilk\:80 { color: hsl(48, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:90, html.dark .sf-c-txt-cornsilk\:90 { color: hsl(48, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:100, html.dark .sf-c-txt-cornsilk\:100 { color: hsl(48, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:dark, html.dark .sf-c-txt-cornsilk\:dark { color: hsl(48, 100%, 93%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:0\:dark, html.dark .sf-c-txt-cornsilk\:0\:dark { color: hsl(48, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:10\:dark, html.dark .sf-c-txt-cornsilk\:10\:dark { color: hsl(48, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:20\:dark, html.dark .sf-c-txt-cornsilk\:20\:dark { color: hsl(48, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:30\:dark, html.dark .sf-c-txt-cornsilk\:30\:dark { color: hsl(48, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:40\:dark, html.dark .sf-c-txt-cornsilk\:40\:dark { color: hsl(48, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:50\:dark, html.dark .sf-c-txt-cornsilk\:50\:dark { color: hsl(48, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:60\:dark, html.dark .sf-c-txt-cornsilk\:60\:dark { color: hsl(48, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:70\:dark, html.dark .sf-c-txt-cornsilk\:70\:dark { color: hsl(48, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:80\:dark, html.dark .sf-c-txt-cornsilk\:80\:dark { color: hsl(48, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:90\:dark, html.dark .sf-c-txt-cornsilk\:90\:dark { color: hsl(48, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:100\:dark, html.dark .sf-c-txt-cornsilk\:100\:dark { color: hsl(48, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-cornsilk, html.auto .sf-c-cornsilk { color: hsl(var(--sf-dark-c-txt-cornsilk-90)); background: hsl(var(--sf-dark-c-cornsilk)) } html[data-theme='auto'] .sf-c-cornsilk\:0, html.auto .sf-c-cornsilk\:0 { color: hsl(var(--sf-dark-c-txt-cornsilk-90)); background: hsl(var(--sf-dark-c-cornsilk-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-cornsilk\:100\:dark, html.var.dark .sf-c-corns html[data-theme='auto'] .sf-c-cornsilk\:90\:dark, html.auto .sf-c-cornsilk\:90\:dark { color: hsl(var(--sf-c-txt-cornsilk-90)); background: hsl(var(--sf-c-cornsilk-10)) } html[data-theme='auto'] .sf-c-cornsilk\:100\:dark, html.auto .sf-c-cornsilk\:100\:dark { color: hsl(var(--sf-c-txt-cornsilk-90)); background: hsl(var(--sf-c-cornsilk-0)) } + html[data-theme='auto'] .sf-c-txt-cornsilk, html.auto .sf-c-txt-cornsilk { color: hsl(var(--sf-c-txt-cornsilk)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:0, html.auto .sf-c-txt-cornsilk\:0 { color: hsl(var(--sf-c-txt-cornsilk-0)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:10, html.auto .sf-c-txt-cornsilk\:10 { color: hsl(var(--sf-c-txt-cornsilk-10)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:20, html.auto .sf-c-txt-cornsilk\:20 { color: hsl(var(--sf-c-txt-cornsilk-20)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:30, html.auto .sf-c-txt-cornsilk\:30 { color: hsl(var(--sf-c-txt-cornsilk-30)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:40, html.auto .sf-c-txt-cornsilk\:40 { color: hsl(var(--sf-c-txt-cornsilk-40)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:50, html.auto .sf-c-txt-cornsilk\:50 { color: hsl(var(--sf-c-txt-cornsilk-50)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:60, html.auto .sf-c-txt-cornsilk\:60 { color: hsl(var(--sf-c-txt-cornsilk-60)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:70, html.auto .sf-c-txt-cornsilk\:70 { color: hsl(var(--sf-c-txt-cornsilk-70)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:80, html.auto .sf-c-txt-cornsilk\:80 { color: hsl(var(--sf-c-txt-cornsilk-80)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:90, html.auto .sf-c-txt-cornsilk\:90 { color: hsl(var(--sf-c-txt-cornsilk-90)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:100, html.auto .sf-c-txt-cornsilk\:100 { color: hsl(var(--sf-c-txt-cornsilk-100)) } + + html[data-theme='auto'] .sf-c-txt-cornsilk\:dark, html.auto .sf-c-txt-cornsilk\:dark { color: hsl(var(--sf-c-txt-cornsilk)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:0\:dark, html.auto .sf-c-txt-cornsilk\:0\:dark { color: hsl(var(--sf-c-txt-cornsilk-0)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:10\:dark, html.auto .sf-c-txt-cornsilk\:10\:dark { color: hsl(var(--sf-c-txt-cornsilk-10)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:20\:dark, html.auto .sf-c-txt-cornsilk\:20\:dark { color: hsl(var(--sf-c-txt-cornsilk-20)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:30\:dark, html.auto .sf-c-txt-cornsilk\:30\:dark { color: hsl(var(--sf-c-txt-cornsilk-30)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:40\:dark, html.auto .sf-c-txt-cornsilk\:40\:dark { color: hsl(var(--sf-c-txt-cornsilk-40)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:50\:dark, html.auto .sf-c-txt-cornsilk\:50\:dark { color: hsl(var(--sf-c-txt-cornsilk-50)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:60\:dark, html.auto .sf-c-txt-cornsilk\:60\:dark { color: hsl(var(--sf-c-txt-cornsilk-60)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:70\:dark, html.auto .sf-c-txt-cornsilk\:70\:dark { color: hsl(var(--sf-c-txt-cornsilk-70)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:80\:dark, html.auto .sf-c-txt-cornsilk\:80\:dark { color: hsl(var(--sf-c-txt-cornsilk-80)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:90\:dark, html.auto .sf-c-txt-cornsilk\:90\:dark { color: hsl(var(--sf-c-txt-cornsilk-90)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:100\:dark, html.auto .sf-c-txt-cornsilk\:100\:dark { color: hsl(var(--sf-c-txt-cornsilk-100)) } + html.var[data-theme='auto'] .sf-c-cornsilk, html.var.auto .sf-c-cornsilk { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 7%) } html.var[data-theme='auto'] .sf-c-cornsilk\:0, html.var.auto .sf-c-cornsilk\:0 { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 100%) } html.var[data-theme='auto'] .sf-c-cornsilk\:10, html.var.auto .sf-c-cornsilk\:10 { color: hsl(48, 100%, 10%); background: hsl(48, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-cornsilk\:100\:dark, html.var.dark .sf-c-corns html.var[data-theme='auto'] .sf-c-cornsilk\:80\:dark, html.var.auto .sf-c-cornsilk\:80\:dark { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 20%) } html.var[data-theme='auto'] .sf-c-cornsilk\:90\:dark, html.var.auto .sf-c-cornsilk\:90\:dark { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 10%) } html.var[data-theme='auto'] .sf-c-cornsilk\:100\:dark, html.var.auto .sf-c-cornsilk\:100\:dark { color: hsl(48, 100%, 90%); background: hsl(48, 100%, 0%) } -} -.sf-c-txt-cornsilk { color: hsl(var(--sf-c-txt-cornsilk)) } -.sf-c-txt-cornsilk\:0 { color: hsl(var(--sf-c-txt-cornsilk-0)) } -.sf-c-txt-cornsilk\:10 { color: hsl(var(--sf-c-txt-cornsilk-10)) } -.sf-c-txt-cornsilk\:20 { color: hsl(var(--sf-c-txt-cornsilk-20)) } -.sf-c-txt-cornsilk\:30 { color: hsl(var(--sf-c-txt-cornsilk-30)) } -.sf-c-txt-cornsilk\:40 { color: hsl(var(--sf-c-txt-cornsilk-40)) } -.sf-c-txt-cornsilk\:50 { color: hsl(var(--sf-c-txt-cornsilk-50)) } -.sf-c-txt-cornsilk\:60 { color: hsl(var(--sf-c-txt-cornsilk-60)) } -.sf-c-txt-cornsilk\:70 { color: hsl(var(--sf-c-txt-cornsilk-70)) } -.sf-c-txt-cornsilk\:80 { color: hsl(var(--sf-c-txt-cornsilk-80)) } -.sf-c-txt-cornsilk\:90 { color: hsl(var(--sf-c-txt-cornsilk-90)) } -.sf-c-txt-cornsilk\:100 { color: hsl(var(--sf-c-txt-cornsilk-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-cornsilk, html.auto .sf-c-txt-cornsilk { color: hsl(48, 100%, 93%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:0, html.auto .sf-c-txt-cornsilk\:0 { color: hsl(48, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:10, html.auto .sf-c-txt-cornsilk\:10 { color: hsl(48, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:20, html.auto .sf-c-txt-cornsilk\:20 { color: hsl(48, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:30, html.auto .sf-c-txt-cornsilk\:30 { color: hsl(48, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:40, html.auto .sf-c-txt-cornsilk\:40 { color: hsl(48, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:50, html.auto .sf-c-txt-cornsilk\:50 { color: hsl(48, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:60, html.auto .sf-c-txt-cornsilk\:60 { color: hsl(48, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:70, html.auto .sf-c-txt-cornsilk\:70 { color: hsl(48, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:80, html.auto .sf-c-txt-cornsilk\:80 { color: hsl(48, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:90, html.auto .sf-c-txt-cornsilk\:90 { color: hsl(48, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:100, html.auto .sf-c-txt-cornsilk\:100 { color: hsl(48, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:dark, html.auto .sf-c-txt-cornsilk\:dark { color: hsl(48, 100%, 93%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:0\:dark, html.auto .sf-c-txt-cornsilk\:0\:dark { color: hsl(48, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:10\:dark, html.auto .sf-c-txt-cornsilk\:10\:dark { color: hsl(48, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:20\:dark, html.auto .sf-c-txt-cornsilk\:20\:dark { color: hsl(48, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:30\:dark, html.auto .sf-c-txt-cornsilk\:30\:dark { color: hsl(48, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:40\:dark, html.auto .sf-c-txt-cornsilk\:40\:dark { color: hsl(48, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:50\:dark, html.auto .sf-c-txt-cornsilk\:50\:dark { color: hsl(48, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:60\:dark, html.auto .sf-c-txt-cornsilk\:60\:dark { color: hsl(48, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:70\:dark, html.auto .sf-c-txt-cornsilk\:70\:dark { color: hsl(48, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:80\:dark, html.auto .sf-c-txt-cornsilk\:80\:dark { color: hsl(48, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:90\:dark, html.auto .sf-c-txt-cornsilk\:90\:dark { color: hsl(48, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:100\:dark, html.auto .sf-c-txt-cornsilk\:100\:dark { color: hsl(48, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/crimson.css b/src/colors/10/crimson.css index 13de3dd..116fdc6 100644 --- a/src/colors/10/crimson.css +++ b/src/colors/10/crimson.css @@ -78,6 +78,32 @@ html.var .sf-c-crimson\:80 { color: hsl(348, 83%, 10%); background: hsl(348, 83% html.var .sf-c-crimson\:90 { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 90%) } html.var .sf-c-crimson\:100 { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 100%) } +.sf-c-txt-crimson { color: hsl(var(--sf-dark-c-txt-crimson)) } +.sf-c-txt-crimson\:0 { color: hsl(var(--sf-dark-c-txt-crimson-100)) } +.sf-c-txt-crimson\:10 { color: hsl(var(--sf-dark-c-txt-crimson-90)) } +.sf-c-txt-crimson\:20 { color: hsl(var(--sf-dark-c-txt-crimson-80)) } +.sf-c-txt-crimson\:30 { color: hsl(var(--sf-dark-c-txt-crimson-70)) } +.sf-c-txt-crimson\:40 { color: hsl(var(--sf-dark-c-txt-crimson-60)) } +.sf-c-txt-crimson\:50 { color: hsl(var(--sf-dark-c-txt-crimson-50)) } +.sf-c-txt-crimson\:60 { color: hsl(var(--sf-dark-c-txt-crimson-40)) } +.sf-c-txt-crimson\:70 { color: hsl(var(--sf-dark-c-txt-crimson-30)) } +.sf-c-txt-crimson\:80 { color: hsl(var(--sf-dark-c-txt-crimson-20)) } +.sf-c-txt-crimson\:90 { color: hsl(var(--sf-dark-c-txt-crimson-10)) } +.sf-c-txt-crimson\:100 { color: hsl(var(--sf-dark-c-txt-crimson-0)) } + +html.var .sf-c-txt-crimson { color: hsl(348, 83%, 53%) } +html.var .sf-c-txt-crimson\:0 { color: hsl(348, 83%, 100%) } +html.var .sf-c-txt-crimson\:10 { color: hsl(348, 83%, 90%) } +html.var .sf-c-txt-crimson\:20 { color: hsl(348, 83%, 80%) } +html.var .sf-c-txt-crimson\:30 { color: hsl(348, 83%, 70%) } +html.var .sf-c-txt-crimson\:40 { color: hsl(348, 83%, 60%) } +html.var .sf-c-txt-crimson\:50 { color: hsl(348, 83%, 50%) } +html.var .sf-c-txt-crimson\:60 { color: hsl(348, 83%, 40%) } +html.var .sf-c-txt-crimson\:70 { color: hsl(348, 83%, 30%) } +html.var .sf-c-txt-crimson\:80 { color: hsl(348, 83%, 20%) } +html.var .sf-c-txt-crimson\:90 { color: hsl(348, 83%, 10%) } +html.var .sf-c-txt-crimson\:100 { color: hsl(348, 83%, 0%) } + html[data-theme='dark'] .sf-c-crimson, html.dark .sf-c-crimson { color: hsl(var(--sf-dark-c-txt-crimson-90)); background: hsl(var(--sf-dark-c-crimson)) } html[data-theme='dark'] .sf-c-crimson\:0, html.dark .sf-c-crimson\:0 { color: hsl(var(--sf-dark-c-txt-crimson-90)); background: hsl(var(--sf-dark-c-crimson-100)) } html[data-theme='dark'] .sf-c-crimson\:10, html.dark .sf-c-crimson\:10 { color: hsl(var(--sf-dark-c-txt-crimson-10)); background: hsl(var(--sf-dark-c-crimson-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-crimson\:80\:dark, html.dark .sf-c-crimson\:80\:da html[data-theme='dark'] .sf-c-crimson\:90\:dark, html.dark .sf-c-crimson\:90\:dark { color: hsl(var(--sf-c-txt-crimson-90)); background: hsl(var(--sf-c-crimson-10)) } html[data-theme='dark'] .sf-c-crimson\:100\:dark, html.dark .sf-c-crimson\:100\:dark { color: hsl(var(--sf-c-txt-crimson-90)); background: hsl(var(--sf-c-crimson-0)) } +html[data-theme='dark'] .sf-c-txt-crimson, html.dark .sf-c-txt-crimson { color: hsl(var(--sf-c-txt-crimson)) } +html[data-theme='dark'] .sf-c-txt-crimson\:0, html.dark .sf-c-txt-crimson\:0 { color: hsl(var(--sf-c-txt-crimson-0)) } +html[data-theme='dark'] .sf-c-txt-crimson\:10, html.dark .sf-c-txt-crimson\:10 { color: hsl(var(--sf-c-txt-crimson-10)) } +html[data-theme='dark'] .sf-c-txt-crimson\:20, html.dark .sf-c-txt-crimson\:20 { color: hsl(var(--sf-c-txt-crimson-20)) } +html[data-theme='dark'] .sf-c-txt-crimson\:30, html.dark .sf-c-txt-crimson\:30 { color: hsl(var(--sf-c-txt-crimson-30)) } +html[data-theme='dark'] .sf-c-txt-crimson\:40, html.dark .sf-c-txt-crimson\:40 { color: hsl(var(--sf-c-txt-crimson-40)) } +html[data-theme='dark'] .sf-c-txt-crimson\:50, html.dark .sf-c-txt-crimson\:50 { color: hsl(var(--sf-c-txt-crimson-50)) } +html[data-theme='dark'] .sf-c-txt-crimson\:60, html.dark .sf-c-txt-crimson\:60 { color: hsl(var(--sf-c-txt-crimson-60)) } +html[data-theme='dark'] .sf-c-txt-crimson\:70, html.dark .sf-c-txt-crimson\:70 { color: hsl(var(--sf-c-txt-crimson-70)) } +html[data-theme='dark'] .sf-c-txt-crimson\:80, html.dark .sf-c-txt-crimson\:80 { color: hsl(var(--sf-c-txt-crimson-80)) } +html[data-theme='dark'] .sf-c-txt-crimson\:90, html.dark .sf-c-txt-crimson\:90 { color: hsl(var(--sf-c-txt-crimson-90)) } +html[data-theme='dark'] .sf-c-txt-crimson\:100, html.dark .sf-c-txt-crimson\:100 { color: hsl(var(--sf-c-txt-crimson-100)) } + +html[data-theme='dark'] .sf-c-txt-crimson\:dark, html.dark .sf-c-txt-crimson\:dark { color: hsl(var(--sf-c-txt-crimson)) } +html[data-theme='dark'] .sf-c-txt-crimson\:0\:dark, html.dark .sf-c-txt-crimson\:0\:dark { color: hsl(var(--sf-dark-c-txt-crimson-0)) } +html[data-theme='dark'] .sf-c-txt-crimson\:10\:dark, html.dark .sf-c-txt-crimson\:10\:dark { color: hsl(var(--sf-dark-c-txt-crimson-10)) } +html[data-theme='dark'] .sf-c-txt-crimson\:20\:dark, html.dark .sf-c-txt-crimson\:20\:dark { color: hsl(var(--sf-dark-c-txt-crimson-20)) } +html[data-theme='dark'] .sf-c-txt-crimson\:30\:dark, html.dark .sf-c-txt-crimson\:30\:dark { color: hsl(var(--sf-dark-c-txt-crimson-30)) } +html[data-theme='dark'] .sf-c-txt-crimson\:40\:dark, html.dark .sf-c-txt-crimson\:40\:dark { color: hsl(var(--sf-dark-c-txt-crimson-40)) } +html[data-theme='dark'] .sf-c-txt-crimson\:50\:dark, html.dark .sf-c-txt-crimson\:50\:dark { color: hsl(var(--sf-dark-c-txt-crimson-50)) } +html[data-theme='dark'] .sf-c-txt-crimson\:60\:dark, html.dark .sf-c-txt-crimson\:60\:dark { color: hsl(var(--sf-dark-c-txt-crimson-60)) } +html[data-theme='dark'] .sf-c-txt-crimson\:70\:dark, html.dark .sf-c-txt-crimson\:70\:dark { color: hsl(var(--sf-dark-c-txt-crimson-70)) } +html[data-theme='dark'] .sf-c-txt-crimson\:80\:dark, html.dark .sf-c-txt-crimson\:80\:dark { color: hsl(var(--sf-dark-c-txt-crimson-80)) } +html[data-theme='dark'] .sf-c-txt-crimson\:90\:dark, html.dark .sf-c-txt-crimson\:90\:dark { color: hsl(var(--sf-dark-c-txt-crimson-90)) } +html[data-theme='dark'] .sf-c-txt-crimson\:100\:dark, html.dark .sf-c-txt-crimson\:100\:dark { color: hsl(var(--sf-dark-c-txt-crimson-100)) } + html.var[data-theme='dark'] .sf-c-crimson, html.var.dark .sf-c-crimson { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 53%) } html.var[data-theme='dark'] .sf-c-crimson\:0, html.var.dark .sf-c-crimson\:0 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 100%) } html.var[data-theme='dark'] .sf-c-crimson\:10, html.var.dark .sf-c-crimson\:10 { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-crimson\:80\:dark, html.var.dark .sf-c-crimson html.var[data-theme='dark'] .sf-c-crimson\:90\:dark, html.var.dark .sf-c-crimson\:90\:dark { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 10%) } html.var[data-theme='dark'] .sf-c-crimson\:100\:dark, html.var.dark .sf-c-crimson\:100\:dark { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-crimson, html.dark .sf-c-txt-crimson { color: hsl(348, 83%, 47%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:0, html.dark .sf-c-txt-crimson\:0 { color: hsl(348, 83%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:10, html.dark .sf-c-txt-crimson\:10 { color: hsl(348, 83%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:20, html.dark .sf-c-txt-crimson\:20 { color: hsl(348, 83%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:30, html.dark .sf-c-txt-crimson\:30 { color: hsl(348, 83%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:40, html.dark .sf-c-txt-crimson\:40 { color: hsl(348, 83%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:50, html.dark .sf-c-txt-crimson\:50 { color: hsl(348, 83%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:60, html.dark .sf-c-txt-crimson\:60 { color: hsl(348, 83%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:70, html.dark .sf-c-txt-crimson\:70 { color: hsl(348, 83%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:80, html.dark .sf-c-txt-crimson\:80 { color: hsl(348, 83%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:90, html.dark .sf-c-txt-crimson\:90 { color: hsl(348, 83%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:100, html.dark .sf-c-txt-crimson\:100 { color: hsl(348, 83%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-crimson\:dark, html.dark .sf-c-txt-crimson\:dark { color: hsl(348, 83%, 47%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:0\:dark, html.dark .sf-c-txt-crimson\:0\:dark { color: hsl(348, 83%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:10\:dark, html.dark .sf-c-txt-crimson\:10\:dark { color: hsl(348, 83%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:20\:dark, html.dark .sf-c-txt-crimson\:20\:dark { color: hsl(348, 83%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:30\:dark, html.dark .sf-c-txt-crimson\:30\:dark { color: hsl(348, 83%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:40\:dark, html.dark .sf-c-txt-crimson\:40\:dark { color: hsl(348, 83%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:50\:dark, html.dark .sf-c-txt-crimson\:50\:dark { color: hsl(348, 83%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:60\:dark, html.dark .sf-c-txt-crimson\:60\:dark { color: hsl(348, 83%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:70\:dark, html.dark .sf-c-txt-crimson\:70\:dark { color: hsl(348, 83%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:80\:dark, html.dark .sf-c-txt-crimson\:80\:dark { color: hsl(348, 83%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:90\:dark, html.dark .sf-c-txt-crimson\:90\:dark { color: hsl(348, 83%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:100\:dark, html.dark .sf-c-txt-crimson\:100\:dark { color: hsl(348, 83%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-crimson, html.auto .sf-c-crimson { color: hsl(var(--sf-dark-c-txt-crimson-90)); background: hsl(var(--sf-dark-c-crimson)) } html[data-theme='auto'] .sf-c-crimson\:0, html.auto .sf-c-crimson\:0 { color: hsl(var(--sf-dark-c-txt-crimson-90)); background: hsl(var(--sf-dark-c-crimson-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-crimson\:100\:dark, html.var.dark .sf-c-crimso html[data-theme='auto'] .sf-c-crimson\:90\:dark, html.auto .sf-c-crimson\:90\:dark { color: hsl(var(--sf-c-txt-crimson-90)); background: hsl(var(--sf-c-crimson-10)) } html[data-theme='auto'] .sf-c-crimson\:100\:dark, html.auto .sf-c-crimson\:100\:dark { color: hsl(var(--sf-c-txt-crimson-90)); background: hsl(var(--sf-c-crimson-0)) } + html[data-theme='auto'] .sf-c-txt-crimson, html.auto .sf-c-txt-crimson { color: hsl(var(--sf-c-txt-crimson)) } + html[data-theme='auto'] .sf-c-txt-crimson\:0, html.auto .sf-c-txt-crimson\:0 { color: hsl(var(--sf-c-txt-crimson-0)) } + html[data-theme='auto'] .sf-c-txt-crimson\:10, html.auto .sf-c-txt-crimson\:10 { color: hsl(var(--sf-c-txt-crimson-10)) } + html[data-theme='auto'] .sf-c-txt-crimson\:20, html.auto .sf-c-txt-crimson\:20 { color: hsl(var(--sf-c-txt-crimson-20)) } + html[data-theme='auto'] .sf-c-txt-crimson\:30, html.auto .sf-c-txt-crimson\:30 { color: hsl(var(--sf-c-txt-crimson-30)) } + html[data-theme='auto'] .sf-c-txt-crimson\:40, html.auto .sf-c-txt-crimson\:40 { color: hsl(var(--sf-c-txt-crimson-40)) } + html[data-theme='auto'] .sf-c-txt-crimson\:50, html.auto .sf-c-txt-crimson\:50 { color: hsl(var(--sf-c-txt-crimson-50)) } + html[data-theme='auto'] .sf-c-txt-crimson\:60, html.auto .sf-c-txt-crimson\:60 { color: hsl(var(--sf-c-txt-crimson-60)) } + html[data-theme='auto'] .sf-c-txt-crimson\:70, html.auto .sf-c-txt-crimson\:70 { color: hsl(var(--sf-c-txt-crimson-70)) } + html[data-theme='auto'] .sf-c-txt-crimson\:80, html.auto .sf-c-txt-crimson\:80 { color: hsl(var(--sf-c-txt-crimson-80)) } + html[data-theme='auto'] .sf-c-txt-crimson\:90, html.auto .sf-c-txt-crimson\:90 { color: hsl(var(--sf-c-txt-crimson-90)) } + html[data-theme='auto'] .sf-c-txt-crimson\:100, html.auto .sf-c-txt-crimson\:100 { color: hsl(var(--sf-c-txt-crimson-100)) } + + html[data-theme='auto'] .sf-c-txt-crimson\:dark, html.auto .sf-c-txt-crimson\:dark { color: hsl(var(--sf-c-txt-crimson)) } + html[data-theme='auto'] .sf-c-txt-crimson\:0\:dark, html.auto .sf-c-txt-crimson\:0\:dark { color: hsl(var(--sf-c-txt-crimson-0)) } + html[data-theme='auto'] .sf-c-txt-crimson\:10\:dark, html.auto .sf-c-txt-crimson\:10\:dark { color: hsl(var(--sf-c-txt-crimson-10)) } + html[data-theme='auto'] .sf-c-txt-crimson\:20\:dark, html.auto .sf-c-txt-crimson\:20\:dark { color: hsl(var(--sf-c-txt-crimson-20)) } + html[data-theme='auto'] .sf-c-txt-crimson\:30\:dark, html.auto .sf-c-txt-crimson\:30\:dark { color: hsl(var(--sf-c-txt-crimson-30)) } + html[data-theme='auto'] .sf-c-txt-crimson\:40\:dark, html.auto .sf-c-txt-crimson\:40\:dark { color: hsl(var(--sf-c-txt-crimson-40)) } + html[data-theme='auto'] .sf-c-txt-crimson\:50\:dark, html.auto .sf-c-txt-crimson\:50\:dark { color: hsl(var(--sf-c-txt-crimson-50)) } + html[data-theme='auto'] .sf-c-txt-crimson\:60\:dark, html.auto .sf-c-txt-crimson\:60\:dark { color: hsl(var(--sf-c-txt-crimson-60)) } + html[data-theme='auto'] .sf-c-txt-crimson\:70\:dark, html.auto .sf-c-txt-crimson\:70\:dark { color: hsl(var(--sf-c-txt-crimson-70)) } + html[data-theme='auto'] .sf-c-txt-crimson\:80\:dark, html.auto .sf-c-txt-crimson\:80\:dark { color: hsl(var(--sf-c-txt-crimson-80)) } + html[data-theme='auto'] .sf-c-txt-crimson\:90\:dark, html.auto .sf-c-txt-crimson\:90\:dark { color: hsl(var(--sf-c-txt-crimson-90)) } + html[data-theme='auto'] .sf-c-txt-crimson\:100\:dark, html.auto .sf-c-txt-crimson\:100\:dark { color: hsl(var(--sf-c-txt-crimson-100)) } + html.var[data-theme='auto'] .sf-c-crimson, html.var.auto .sf-c-crimson { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 53%) } html.var[data-theme='auto'] .sf-c-crimson\:0, html.var.auto .sf-c-crimson\:0 { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 100%) } html.var[data-theme='auto'] .sf-c-crimson\:10, html.var.auto .sf-c-crimson\:10 { color: hsl(348, 83%, 10%); background: hsl(348, 83%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-crimson\:100\:dark, html.var.dark .sf-c-crimso html.var[data-theme='auto'] .sf-c-crimson\:80\:dark, html.var.auto .sf-c-crimson\:80\:dark { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 20%) } html.var[data-theme='auto'] .sf-c-crimson\:90\:dark, html.var.auto .sf-c-crimson\:90\:dark { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 10%) } html.var[data-theme='auto'] .sf-c-crimson\:100\:dark, html.var.auto .sf-c-crimson\:100\:dark { color: hsl(348, 83%, 90%); background: hsl(348, 83%, 0%) } -} -.sf-c-txt-crimson { color: hsl(var(--sf-c-txt-crimson)) } -.sf-c-txt-crimson\:0 { color: hsl(var(--sf-c-txt-crimson-0)) } -.sf-c-txt-crimson\:10 { color: hsl(var(--sf-c-txt-crimson-10)) } -.sf-c-txt-crimson\:20 { color: hsl(var(--sf-c-txt-crimson-20)) } -.sf-c-txt-crimson\:30 { color: hsl(var(--sf-c-txt-crimson-30)) } -.sf-c-txt-crimson\:40 { color: hsl(var(--sf-c-txt-crimson-40)) } -.sf-c-txt-crimson\:50 { color: hsl(var(--sf-c-txt-crimson-50)) } -.sf-c-txt-crimson\:60 { color: hsl(var(--sf-c-txt-crimson-60)) } -.sf-c-txt-crimson\:70 { color: hsl(var(--sf-c-txt-crimson-70)) } -.sf-c-txt-crimson\:80 { color: hsl(var(--sf-c-txt-crimson-80)) } -.sf-c-txt-crimson\:90 { color: hsl(var(--sf-c-txt-crimson-90)) } -.sf-c-txt-crimson\:100 { color: hsl(var(--sf-c-txt-crimson-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-crimson, html.auto .sf-c-txt-crimson { color: hsl(348, 83%, 47%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:0, html.auto .sf-c-txt-crimson\:0 { color: hsl(348, 83%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:10, html.auto .sf-c-txt-crimson\:10 { color: hsl(348, 83%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:20, html.auto .sf-c-txt-crimson\:20 { color: hsl(348, 83%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:30, html.auto .sf-c-txt-crimson\:30 { color: hsl(348, 83%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:40, html.auto .sf-c-txt-crimson\:40 { color: hsl(348, 83%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:50, html.auto .sf-c-txt-crimson\:50 { color: hsl(348, 83%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:60, html.auto .sf-c-txt-crimson\:60 { color: hsl(348, 83%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:70, html.auto .sf-c-txt-crimson\:70 { color: hsl(348, 83%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:80, html.auto .sf-c-txt-crimson\:80 { color: hsl(348, 83%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:90, html.auto .sf-c-txt-crimson\:90 { color: hsl(348, 83%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:100, html.auto .sf-c-txt-crimson\:100 { color: hsl(348, 83%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-crimson\:dark, html.auto .sf-c-txt-crimson\:dark { color: hsl(348, 83%, 47%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:0\:dark, html.auto .sf-c-txt-crimson\:0\:dark { color: hsl(348, 83%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:10\:dark, html.auto .sf-c-txt-crimson\:10\:dark { color: hsl(348, 83%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:20\:dark, html.auto .sf-c-txt-crimson\:20\:dark { color: hsl(348, 83%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:30\:dark, html.auto .sf-c-txt-crimson\:30\:dark { color: hsl(348, 83%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:40\:dark, html.auto .sf-c-txt-crimson\:40\:dark { color: hsl(348, 83%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:50\:dark, html.auto .sf-c-txt-crimson\:50\:dark { color: hsl(348, 83%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:60\:dark, html.auto .sf-c-txt-crimson\:60\:dark { color: hsl(348, 83%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:70\:dark, html.auto .sf-c-txt-crimson\:70\:dark { color: hsl(348, 83%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:80\:dark, html.auto .sf-c-txt-crimson\:80\:dark { color: hsl(348, 83%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:90\:dark, html.auto .sf-c-txt-crimson\:90\:dark { color: hsl(348, 83%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:100\:dark, html.auto .sf-c-txt-crimson\:100\:dark { color: hsl(348, 83%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/cyan.css b/src/colors/10/cyan.css index cf7ed46..902338d 100644 --- a/src/colors/10/cyan.css +++ b/src/colors/10/cyan.css @@ -78,6 +78,32 @@ html.var .sf-c-cyan\:80 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, html.var .sf-c-cyan\:90 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } html.var .sf-c-cyan\:100 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } +.sf-c-txt-cyan { color: hsl(var(--sf-dark-c-txt-cyan)) } +.sf-c-txt-cyan\:0 { color: hsl(var(--sf-dark-c-txt-cyan-100)) } +.sf-c-txt-cyan\:10 { color: hsl(var(--sf-dark-c-txt-cyan-90)) } +.sf-c-txt-cyan\:20 { color: hsl(var(--sf-dark-c-txt-cyan-80)) } +.sf-c-txt-cyan\:30 { color: hsl(var(--sf-dark-c-txt-cyan-70)) } +.sf-c-txt-cyan\:40 { color: hsl(var(--sf-dark-c-txt-cyan-60)) } +.sf-c-txt-cyan\:50 { color: hsl(var(--sf-dark-c-txt-cyan-50)) } +.sf-c-txt-cyan\:60 { color: hsl(var(--sf-dark-c-txt-cyan-40)) } +.sf-c-txt-cyan\:70 { color: hsl(var(--sf-dark-c-txt-cyan-30)) } +.sf-c-txt-cyan\:80 { color: hsl(var(--sf-dark-c-txt-cyan-20)) } +.sf-c-txt-cyan\:90 { color: hsl(var(--sf-dark-c-txt-cyan-10)) } +.sf-c-txt-cyan\:100 { color: hsl(var(--sf-dark-c-txt-cyan-0)) } + +html.var .sf-c-txt-cyan { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-cyan\:0 { color: hsl(180, 100%, 100%) } +html.var .sf-c-txt-cyan\:10 { color: hsl(180, 100%, 90%) } +html.var .sf-c-txt-cyan\:20 { color: hsl(180, 100%, 80%) } +html.var .sf-c-txt-cyan\:30 { color: hsl(180, 100%, 70%) } +html.var .sf-c-txt-cyan\:40 { color: hsl(180, 100%, 60%) } +html.var .sf-c-txt-cyan\:50 { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-cyan\:60 { color: hsl(180, 100%, 40%) } +html.var .sf-c-txt-cyan\:70 { color: hsl(180, 100%, 30%) } +html.var .sf-c-txt-cyan\:80 { color: hsl(180, 100%, 20%) } +html.var .sf-c-txt-cyan\:90 { color: hsl(180, 100%, 10%) } +html.var .sf-c-txt-cyan\:100 { color: hsl(180, 100%, 0%) } + html[data-theme='dark'] .sf-c-cyan, html.dark .sf-c-cyan { color: hsl(var(--sf-dark-c-txt-cyan-10)); background: hsl(var(--sf-dark-c-cyan)) } html[data-theme='dark'] .sf-c-cyan\:0, html.dark .sf-c-cyan\:0 { color: hsl(var(--sf-dark-c-txt-cyan-90)); background: hsl(var(--sf-dark-c-cyan-100)) } html[data-theme='dark'] .sf-c-cyan\:10, html.dark .sf-c-cyan\:10 { color: hsl(var(--sf-dark-c-txt-cyan-10)); background: hsl(var(--sf-dark-c-cyan-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-cyan\:80\:dark, html.dark .sf-c-cyan\:80\:dark { c html[data-theme='dark'] .sf-c-cyan\:90\:dark, html.dark .sf-c-cyan\:90\:dark { color: hsl(var(--sf-c-txt-cyan-90)); background: hsl(var(--sf-c-cyan-10)) } html[data-theme='dark'] .sf-c-cyan\:100\:dark, html.dark .sf-c-cyan\:100\:dark { color: hsl(var(--sf-c-txt-cyan-90)); background: hsl(var(--sf-c-cyan-0)) } +html[data-theme='dark'] .sf-c-txt-cyan, html.dark .sf-c-txt-cyan { color: hsl(var(--sf-c-txt-cyan)) } +html[data-theme='dark'] .sf-c-txt-cyan\:0, html.dark .sf-c-txt-cyan\:0 { color: hsl(var(--sf-c-txt-cyan-0)) } +html[data-theme='dark'] .sf-c-txt-cyan\:10, html.dark .sf-c-txt-cyan\:10 { color: hsl(var(--sf-c-txt-cyan-10)) } +html[data-theme='dark'] .sf-c-txt-cyan\:20, html.dark .sf-c-txt-cyan\:20 { color: hsl(var(--sf-c-txt-cyan-20)) } +html[data-theme='dark'] .sf-c-txt-cyan\:30, html.dark .sf-c-txt-cyan\:30 { color: hsl(var(--sf-c-txt-cyan-30)) } +html[data-theme='dark'] .sf-c-txt-cyan\:40, html.dark .sf-c-txt-cyan\:40 { color: hsl(var(--sf-c-txt-cyan-40)) } +html[data-theme='dark'] .sf-c-txt-cyan\:50, html.dark .sf-c-txt-cyan\:50 { color: hsl(var(--sf-c-txt-cyan-50)) } +html[data-theme='dark'] .sf-c-txt-cyan\:60, html.dark .sf-c-txt-cyan\:60 { color: hsl(var(--sf-c-txt-cyan-60)) } +html[data-theme='dark'] .sf-c-txt-cyan\:70, html.dark .sf-c-txt-cyan\:70 { color: hsl(var(--sf-c-txt-cyan-70)) } +html[data-theme='dark'] .sf-c-txt-cyan\:80, html.dark .sf-c-txt-cyan\:80 { color: hsl(var(--sf-c-txt-cyan-80)) } +html[data-theme='dark'] .sf-c-txt-cyan\:90, html.dark .sf-c-txt-cyan\:90 { color: hsl(var(--sf-c-txt-cyan-90)) } +html[data-theme='dark'] .sf-c-txt-cyan\:100, html.dark .sf-c-txt-cyan\:100 { color: hsl(var(--sf-c-txt-cyan-100)) } + +html[data-theme='dark'] .sf-c-txt-cyan\:dark, html.dark .sf-c-txt-cyan\:dark { color: hsl(var(--sf-c-txt-cyan)) } +html[data-theme='dark'] .sf-c-txt-cyan\:0\:dark, html.dark .sf-c-txt-cyan\:0\:dark { color: hsl(var(--sf-dark-c-txt-cyan-0)) } +html[data-theme='dark'] .sf-c-txt-cyan\:10\:dark, html.dark .sf-c-txt-cyan\:10\:dark { color: hsl(var(--sf-dark-c-txt-cyan-10)) } +html[data-theme='dark'] .sf-c-txt-cyan\:20\:dark, html.dark .sf-c-txt-cyan\:20\:dark { color: hsl(var(--sf-dark-c-txt-cyan-20)) } +html[data-theme='dark'] .sf-c-txt-cyan\:30\:dark, html.dark .sf-c-txt-cyan\:30\:dark { color: hsl(var(--sf-dark-c-txt-cyan-30)) } +html[data-theme='dark'] .sf-c-txt-cyan\:40\:dark, html.dark .sf-c-txt-cyan\:40\:dark { color: hsl(var(--sf-dark-c-txt-cyan-40)) } +html[data-theme='dark'] .sf-c-txt-cyan\:50\:dark, html.dark .sf-c-txt-cyan\:50\:dark { color: hsl(var(--sf-dark-c-txt-cyan-50)) } +html[data-theme='dark'] .sf-c-txt-cyan\:60\:dark, html.dark .sf-c-txt-cyan\:60\:dark { color: hsl(var(--sf-dark-c-txt-cyan-60)) } +html[data-theme='dark'] .sf-c-txt-cyan\:70\:dark, html.dark .sf-c-txt-cyan\:70\:dark { color: hsl(var(--sf-dark-c-txt-cyan-70)) } +html[data-theme='dark'] .sf-c-txt-cyan\:80\:dark, html.dark .sf-c-txt-cyan\:80\:dark { color: hsl(var(--sf-dark-c-txt-cyan-80)) } +html[data-theme='dark'] .sf-c-txt-cyan\:90\:dark, html.dark .sf-c-txt-cyan\:90\:dark { color: hsl(var(--sf-dark-c-txt-cyan-90)) } +html[data-theme='dark'] .sf-c-txt-cyan\:100\:dark, html.dark .sf-c-txt-cyan\:100\:dark { color: hsl(var(--sf-dark-c-txt-cyan-100)) } + html.var[data-theme='dark'] .sf-c-cyan, html.var.dark .sf-c-cyan { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } html.var[data-theme='dark'] .sf-c-cyan\:0, html.var.dark .sf-c-cyan\:0 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 100%) } html.var[data-theme='dark'] .sf-c-cyan\:10, html.var.dark .sf-c-cyan\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-cyan\:80\:dark, html.var.dark .sf-c-cyan\:80\: html.var[data-theme='dark'] .sf-c-cyan\:90\:dark, html.var.dark .sf-c-cyan\:90\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } html.var[data-theme='dark'] .sf-c-cyan\:100\:dark, html.var.dark .sf-c-cyan\:100\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cyan, html.dark .sf-c-txt-cyan { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:0, html.dark .sf-c-txt-cyan\:0 { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:10, html.dark .sf-c-txt-cyan\:10 { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:20, html.dark .sf-c-txt-cyan\:20 { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:30, html.dark .sf-c-txt-cyan\:30 { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:40, html.dark .sf-c-txt-cyan\:40 { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:50, html.dark .sf-c-txt-cyan\:50 { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:60, html.dark .sf-c-txt-cyan\:60 { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:70, html.dark .sf-c-txt-cyan\:70 { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:80, html.dark .sf-c-txt-cyan\:80 { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:90, html.dark .sf-c-txt-cyan\:90 { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:100, html.dark .sf-c-txt-cyan\:100 { color: hsl(180, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-cyan\:dark, html.dark .sf-c-txt-cyan\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:0\:dark, html.dark .sf-c-txt-cyan\:0\:dark { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:10\:dark, html.dark .sf-c-txt-cyan\:10\:dark { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:20\:dark, html.dark .sf-c-txt-cyan\:20\:dark { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:30\:dark, html.dark .sf-c-txt-cyan\:30\:dark { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:40\:dark, html.dark .sf-c-txt-cyan\:40\:dark { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:50\:dark, html.dark .sf-c-txt-cyan\:50\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:60\:dark, html.dark .sf-c-txt-cyan\:60\:dark { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:70\:dark, html.dark .sf-c-txt-cyan\:70\:dark { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:80\:dark, html.dark .sf-c-txt-cyan\:80\:dark { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:90\:dark, html.dark .sf-c-txt-cyan\:90\:dark { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:100\:dark, html.dark .sf-c-txt-cyan\:100\:dark { color: hsl(180, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-cyan, html.auto .sf-c-cyan { color: hsl(var(--sf-dark-c-txt-cyan-10)); background: hsl(var(--sf-dark-c-cyan)) } html[data-theme='auto'] .sf-c-cyan\:0, html.auto .sf-c-cyan\:0 { color: hsl(var(--sf-dark-c-txt-cyan-90)); background: hsl(var(--sf-dark-c-cyan-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-cyan\:100\:dark, html.var.dark .sf-c-cyan\:100 html[data-theme='auto'] .sf-c-cyan\:90\:dark, html.auto .sf-c-cyan\:90\:dark { color: hsl(var(--sf-c-txt-cyan-90)); background: hsl(var(--sf-c-cyan-10)) } html[data-theme='auto'] .sf-c-cyan\:100\:dark, html.auto .sf-c-cyan\:100\:dark { color: hsl(var(--sf-c-txt-cyan-90)); background: hsl(var(--sf-c-cyan-0)) } + html[data-theme='auto'] .sf-c-txt-cyan, html.auto .sf-c-txt-cyan { color: hsl(var(--sf-c-txt-cyan)) } + html[data-theme='auto'] .sf-c-txt-cyan\:0, html.auto .sf-c-txt-cyan\:0 { color: hsl(var(--sf-c-txt-cyan-0)) } + html[data-theme='auto'] .sf-c-txt-cyan\:10, html.auto .sf-c-txt-cyan\:10 { color: hsl(var(--sf-c-txt-cyan-10)) } + html[data-theme='auto'] .sf-c-txt-cyan\:20, html.auto .sf-c-txt-cyan\:20 { color: hsl(var(--sf-c-txt-cyan-20)) } + html[data-theme='auto'] .sf-c-txt-cyan\:30, html.auto .sf-c-txt-cyan\:30 { color: hsl(var(--sf-c-txt-cyan-30)) } + html[data-theme='auto'] .sf-c-txt-cyan\:40, html.auto .sf-c-txt-cyan\:40 { color: hsl(var(--sf-c-txt-cyan-40)) } + html[data-theme='auto'] .sf-c-txt-cyan\:50, html.auto .sf-c-txt-cyan\:50 { color: hsl(var(--sf-c-txt-cyan-50)) } + html[data-theme='auto'] .sf-c-txt-cyan\:60, html.auto .sf-c-txt-cyan\:60 { color: hsl(var(--sf-c-txt-cyan-60)) } + html[data-theme='auto'] .sf-c-txt-cyan\:70, html.auto .sf-c-txt-cyan\:70 { color: hsl(var(--sf-c-txt-cyan-70)) } + html[data-theme='auto'] .sf-c-txt-cyan\:80, html.auto .sf-c-txt-cyan\:80 { color: hsl(var(--sf-c-txt-cyan-80)) } + html[data-theme='auto'] .sf-c-txt-cyan\:90, html.auto .sf-c-txt-cyan\:90 { color: hsl(var(--sf-c-txt-cyan-90)) } + html[data-theme='auto'] .sf-c-txt-cyan\:100, html.auto .sf-c-txt-cyan\:100 { color: hsl(var(--sf-c-txt-cyan-100)) } + + html[data-theme='auto'] .sf-c-txt-cyan\:dark, html.auto .sf-c-txt-cyan\:dark { color: hsl(var(--sf-c-txt-cyan)) } + html[data-theme='auto'] .sf-c-txt-cyan\:0\:dark, html.auto .sf-c-txt-cyan\:0\:dark { color: hsl(var(--sf-c-txt-cyan-0)) } + html[data-theme='auto'] .sf-c-txt-cyan\:10\:dark, html.auto .sf-c-txt-cyan\:10\:dark { color: hsl(var(--sf-c-txt-cyan-10)) } + html[data-theme='auto'] .sf-c-txt-cyan\:20\:dark, html.auto .sf-c-txt-cyan\:20\:dark { color: hsl(var(--sf-c-txt-cyan-20)) } + html[data-theme='auto'] .sf-c-txt-cyan\:30\:dark, html.auto .sf-c-txt-cyan\:30\:dark { color: hsl(var(--sf-c-txt-cyan-30)) } + html[data-theme='auto'] .sf-c-txt-cyan\:40\:dark, html.auto .sf-c-txt-cyan\:40\:dark { color: hsl(var(--sf-c-txt-cyan-40)) } + html[data-theme='auto'] .sf-c-txt-cyan\:50\:dark, html.auto .sf-c-txt-cyan\:50\:dark { color: hsl(var(--sf-c-txt-cyan-50)) } + html[data-theme='auto'] .sf-c-txt-cyan\:60\:dark, html.auto .sf-c-txt-cyan\:60\:dark { color: hsl(var(--sf-c-txt-cyan-60)) } + html[data-theme='auto'] .sf-c-txt-cyan\:70\:dark, html.auto .sf-c-txt-cyan\:70\:dark { color: hsl(var(--sf-c-txt-cyan-70)) } + html[data-theme='auto'] .sf-c-txt-cyan\:80\:dark, html.auto .sf-c-txt-cyan\:80\:dark { color: hsl(var(--sf-c-txt-cyan-80)) } + html[data-theme='auto'] .sf-c-txt-cyan\:90\:dark, html.auto .sf-c-txt-cyan\:90\:dark { color: hsl(var(--sf-c-txt-cyan-90)) } + html[data-theme='auto'] .sf-c-txt-cyan\:100\:dark, html.auto .sf-c-txt-cyan\:100\:dark { color: hsl(var(--sf-c-txt-cyan-100)) } + html.var[data-theme='auto'] .sf-c-cyan, html.var.auto .sf-c-cyan { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 50%) } html.var[data-theme='auto'] .sf-c-cyan\:0, html.var.auto .sf-c-cyan\:0 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 100%) } html.var[data-theme='auto'] .sf-c-cyan\:10, html.var.auto .sf-c-cyan\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-cyan\:100\:dark, html.var.dark .sf-c-cyan\:100 html.var[data-theme='auto'] .sf-c-cyan\:80\:dark, html.var.auto .sf-c-cyan\:80\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } html.var[data-theme='auto'] .sf-c-cyan\:90\:dark, html.var.auto .sf-c-cyan\:90\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } html.var[data-theme='auto'] .sf-c-cyan\:100\:dark, html.var.auto .sf-c-cyan\:100\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -} -.sf-c-txt-cyan { color: hsl(var(--sf-c-txt-cyan)) } -.sf-c-txt-cyan\:0 { color: hsl(var(--sf-c-txt-cyan-0)) } -.sf-c-txt-cyan\:10 { color: hsl(var(--sf-c-txt-cyan-10)) } -.sf-c-txt-cyan\:20 { color: hsl(var(--sf-c-txt-cyan-20)) } -.sf-c-txt-cyan\:30 { color: hsl(var(--sf-c-txt-cyan-30)) } -.sf-c-txt-cyan\:40 { color: hsl(var(--sf-c-txt-cyan-40)) } -.sf-c-txt-cyan\:50 { color: hsl(var(--sf-c-txt-cyan-50)) } -.sf-c-txt-cyan\:60 { color: hsl(var(--sf-c-txt-cyan-60)) } -.sf-c-txt-cyan\:70 { color: hsl(var(--sf-c-txt-cyan-70)) } -.sf-c-txt-cyan\:80 { color: hsl(var(--sf-c-txt-cyan-80)) } -.sf-c-txt-cyan\:90 { color: hsl(var(--sf-c-txt-cyan-90)) } -.sf-c-txt-cyan\:100 { color: hsl(var(--sf-c-txt-cyan-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-cyan, html.auto .sf-c-txt-cyan { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:0, html.auto .sf-c-txt-cyan\:0 { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:10, html.auto .sf-c-txt-cyan\:10 { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:20, html.auto .sf-c-txt-cyan\:20 { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:30, html.auto .sf-c-txt-cyan\:30 { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:40, html.auto .sf-c-txt-cyan\:40 { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:50, html.auto .sf-c-txt-cyan\:50 { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:60, html.auto .sf-c-txt-cyan\:60 { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:70, html.auto .sf-c-txt-cyan\:70 { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:80, html.auto .sf-c-txt-cyan\:80 { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:90, html.auto .sf-c-txt-cyan\:90 { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:100, html.auto .sf-c-txt-cyan\:100 { color: hsl(180, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-cyan\:dark, html.auto .sf-c-txt-cyan\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:0\:dark, html.auto .sf-c-txt-cyan\:0\:dark { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:10\:dark, html.auto .sf-c-txt-cyan\:10\:dark { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:20\:dark, html.auto .sf-c-txt-cyan\:20\:dark { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:30\:dark, html.auto .sf-c-txt-cyan\:30\:dark { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:40\:dark, html.auto .sf-c-txt-cyan\:40\:dark { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:50\:dark, html.auto .sf-c-txt-cyan\:50\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:60\:dark, html.auto .sf-c-txt-cyan\:60\:dark { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:70\:dark, html.auto .sf-c-txt-cyan\:70\:dark { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:80\:dark, html.auto .sf-c-txt-cyan\:80\:dark { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:90\:dark, html.auto .sf-c-txt-cyan\:90\:dark { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:100\:dark, html.auto .sf-c-txt-cyan\:100\:dark { color: hsl(180, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkblue.css b/src/colors/10/darkblue.css index 90ee3a6..24e4206 100644 --- a/src/colors/10/darkblue.css +++ b/src/colors/10/darkblue.css @@ -78,6 +78,32 @@ html.var .sf-c-darkblue\:80 { color: hsl(240, 100%, 90%); background: hsl(240, 1 html.var .sf-c-darkblue\:90 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } html.var .sf-c-darkblue\:100 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } +.sf-c-txt-darkblue { color: hsl(var(--sf-dark-c-txt-darkblue)) } +.sf-c-txt-darkblue\:0 { color: hsl(var(--sf-dark-c-txt-darkblue-100)) } +.sf-c-txt-darkblue\:10 { color: hsl(var(--sf-dark-c-txt-darkblue-90)) } +.sf-c-txt-darkblue\:20 { color: hsl(var(--sf-dark-c-txt-darkblue-80)) } +.sf-c-txt-darkblue\:30 { color: hsl(var(--sf-dark-c-txt-darkblue-70)) } +.sf-c-txt-darkblue\:40 { color: hsl(var(--sf-dark-c-txt-darkblue-60)) } +.sf-c-txt-darkblue\:50 { color: hsl(var(--sf-dark-c-txt-darkblue-50)) } +.sf-c-txt-darkblue\:60 { color: hsl(var(--sf-dark-c-txt-darkblue-40)) } +.sf-c-txt-darkblue\:70 { color: hsl(var(--sf-dark-c-txt-darkblue-30)) } +.sf-c-txt-darkblue\:80 { color: hsl(var(--sf-dark-c-txt-darkblue-20)) } +.sf-c-txt-darkblue\:90 { color: hsl(var(--sf-dark-c-txt-darkblue-10)) } +.sf-c-txt-darkblue\:100 { color: hsl(var(--sf-dark-c-txt-darkblue-0)) } + +html.var .sf-c-txt-darkblue { color: hsl(240, 100%, 73%) } +html.var .sf-c-txt-darkblue\:0 { color: hsl(240, 100%, 100%) } +html.var .sf-c-txt-darkblue\:10 { color: hsl(240, 100%, 90%) } +html.var .sf-c-txt-darkblue\:20 { color: hsl(240, 100%, 80%) } +html.var .sf-c-txt-darkblue\:30 { color: hsl(240, 100%, 70%) } +html.var .sf-c-txt-darkblue\:40 { color: hsl(240, 100%, 60%) } +html.var .sf-c-txt-darkblue\:50 { color: hsl(240, 100%, 50%) } +html.var .sf-c-txt-darkblue\:60 { color: hsl(240, 100%, 40%) } +html.var .sf-c-txt-darkblue\:70 { color: hsl(240, 100%, 30%) } +html.var .sf-c-txt-darkblue\:80 { color: hsl(240, 100%, 20%) } +html.var .sf-c-txt-darkblue\:90 { color: hsl(240, 100%, 10%) } +html.var .sf-c-txt-darkblue\:100 { color: hsl(240, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkblue, html.dark .sf-c-darkblue { color: hsl(var(--sf-dark-c-txt-darkblue-90)); background: hsl(var(--sf-dark-c-darkblue)) } html[data-theme='dark'] .sf-c-darkblue\:0, html.dark .sf-c-darkblue\:0 { color: hsl(var(--sf-dark-c-txt-darkblue-90)); background: hsl(var(--sf-dark-c-darkblue-100)) } html[data-theme='dark'] .sf-c-darkblue\:10, html.dark .sf-c-darkblue\:10 { color: hsl(var(--sf-dark-c-txt-darkblue-10)); background: hsl(var(--sf-dark-c-darkblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkblue\:80\:dark, html.dark .sf-c-darkblue\:80\: html[data-theme='dark'] .sf-c-darkblue\:90\:dark, html.dark .sf-c-darkblue\:90\:dark { color: hsl(var(--sf-c-txt-darkblue-90)); background: hsl(var(--sf-c-darkblue-10)) } html[data-theme='dark'] .sf-c-darkblue\:100\:dark, html.dark .sf-c-darkblue\:100\:dark { color: hsl(var(--sf-c-txt-darkblue-90)); background: hsl(var(--sf-c-darkblue-0)) } +html[data-theme='dark'] .sf-c-txt-darkblue, html.dark .sf-c-txt-darkblue { color: hsl(var(--sf-c-txt-darkblue)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:0, html.dark .sf-c-txt-darkblue\:0 { color: hsl(var(--sf-c-txt-darkblue-0)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:10, html.dark .sf-c-txt-darkblue\:10 { color: hsl(var(--sf-c-txt-darkblue-10)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:20, html.dark .sf-c-txt-darkblue\:20 { color: hsl(var(--sf-c-txt-darkblue-20)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:30, html.dark .sf-c-txt-darkblue\:30 { color: hsl(var(--sf-c-txt-darkblue-30)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:40, html.dark .sf-c-txt-darkblue\:40 { color: hsl(var(--sf-c-txt-darkblue-40)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:50, html.dark .sf-c-txt-darkblue\:50 { color: hsl(var(--sf-c-txt-darkblue-50)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:60, html.dark .sf-c-txt-darkblue\:60 { color: hsl(var(--sf-c-txt-darkblue-60)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:70, html.dark .sf-c-txt-darkblue\:70 { color: hsl(var(--sf-c-txt-darkblue-70)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:80, html.dark .sf-c-txt-darkblue\:80 { color: hsl(var(--sf-c-txt-darkblue-80)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:90, html.dark .sf-c-txt-darkblue\:90 { color: hsl(var(--sf-c-txt-darkblue-90)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:100, html.dark .sf-c-txt-darkblue\:100 { color: hsl(var(--sf-c-txt-darkblue-100)) } + +html[data-theme='dark'] .sf-c-txt-darkblue\:dark, html.dark .sf-c-txt-darkblue\:dark { color: hsl(var(--sf-c-txt-darkblue)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:0\:dark, html.dark .sf-c-txt-darkblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-0)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:10\:dark, html.dark .sf-c-txt-darkblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-10)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:20\:dark, html.dark .sf-c-txt-darkblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-20)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:30\:dark, html.dark .sf-c-txt-darkblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-30)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:40\:dark, html.dark .sf-c-txt-darkblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-40)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:50\:dark, html.dark .sf-c-txt-darkblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-50)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:60\:dark, html.dark .sf-c-txt-darkblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-60)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:70\:dark, html.dark .sf-c-txt-darkblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-70)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:80\:dark, html.dark .sf-c-txt-darkblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-80)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:90\:dark, html.dark .sf-c-txt-darkblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-90)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:100\:dark, html.dark .sf-c-txt-darkblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-100)) } + html.var[data-theme='dark'] .sf-c-darkblue, html.var.dark .sf-c-darkblue { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 73%) } html.var[data-theme='dark'] .sf-c-darkblue\:0, html.var.dark .sf-c-darkblue\:0 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkblue\:10, html.var.dark .sf-c-darkblue\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkblue\:80\:dark, html.var.dark .sf-c-darkbl html.var[data-theme='dark'] .sf-c-darkblue\:90\:dark, html.var.dark .sf-c-darkblue\:90\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } html.var[data-theme='dark'] .sf-c-darkblue\:100\:dark, html.var.dark .sf-c-darkblue\:100\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue, html.dark .sf-c-txt-darkblue { color: hsl(240, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:0, html.dark .sf-c-txt-darkblue\:0 { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:10, html.dark .sf-c-txt-darkblue\:10 { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:20, html.dark .sf-c-txt-darkblue\:20 { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:30, html.dark .sf-c-txt-darkblue\:30 { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:40, html.dark .sf-c-txt-darkblue\:40 { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:50, html.dark .sf-c-txt-darkblue\:50 { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:60, html.dark .sf-c-txt-darkblue\:60 { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:70, html.dark .sf-c-txt-darkblue\:70 { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:80, html.dark .sf-c-txt-darkblue\:80 { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:90, html.dark .sf-c-txt-darkblue\:90 { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:100, html.dark .sf-c-txt-darkblue\:100 { color: hsl(240, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkblue\:dark, html.dark .sf-c-txt-darkblue\:dark { color: hsl(240, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:0\:dark, html.dark .sf-c-txt-darkblue\:0\:dark { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:10\:dark, html.dark .sf-c-txt-darkblue\:10\:dark { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:20\:dark, html.dark .sf-c-txt-darkblue\:20\:dark { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:30\:dark, html.dark .sf-c-txt-darkblue\:30\:dark { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:40\:dark, html.dark .sf-c-txt-darkblue\:40\:dark { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:50\:dark, html.dark .sf-c-txt-darkblue\:50\:dark { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:60\:dark, html.dark .sf-c-txt-darkblue\:60\:dark { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:70\:dark, html.dark .sf-c-txt-darkblue\:70\:dark { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:80\:dark, html.dark .sf-c-txt-darkblue\:80\:dark { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:90\:dark, html.dark .sf-c-txt-darkblue\:90\:dark { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:100\:dark, html.dark .sf-c-txt-darkblue\:100\:dark { color: hsl(240, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkblue, html.auto .sf-c-darkblue { color: hsl(var(--sf-dark-c-txt-darkblue-90)); background: hsl(var(--sf-dark-c-darkblue)) } html[data-theme='auto'] .sf-c-darkblue\:0, html.auto .sf-c-darkblue\:0 { color: hsl(var(--sf-dark-c-txt-darkblue-90)); background: hsl(var(--sf-dark-c-darkblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkblue\:100\:dark, html.var.dark .sf-c-darkb html[data-theme='auto'] .sf-c-darkblue\:90\:dark, html.auto .sf-c-darkblue\:90\:dark { color: hsl(var(--sf-c-txt-darkblue-90)); background: hsl(var(--sf-c-darkblue-10)) } html[data-theme='auto'] .sf-c-darkblue\:100\:dark, html.auto .sf-c-darkblue\:100\:dark { color: hsl(var(--sf-c-txt-darkblue-90)); background: hsl(var(--sf-c-darkblue-0)) } + html[data-theme='auto'] .sf-c-txt-darkblue, html.auto .sf-c-txt-darkblue { color: hsl(var(--sf-c-txt-darkblue)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:0, html.auto .sf-c-txt-darkblue\:0 { color: hsl(var(--sf-c-txt-darkblue-0)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:10, html.auto .sf-c-txt-darkblue\:10 { color: hsl(var(--sf-c-txt-darkblue-10)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:20, html.auto .sf-c-txt-darkblue\:20 { color: hsl(var(--sf-c-txt-darkblue-20)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:30, html.auto .sf-c-txt-darkblue\:30 { color: hsl(var(--sf-c-txt-darkblue-30)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:40, html.auto .sf-c-txt-darkblue\:40 { color: hsl(var(--sf-c-txt-darkblue-40)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:50, html.auto .sf-c-txt-darkblue\:50 { color: hsl(var(--sf-c-txt-darkblue-50)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:60, html.auto .sf-c-txt-darkblue\:60 { color: hsl(var(--sf-c-txt-darkblue-60)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:70, html.auto .sf-c-txt-darkblue\:70 { color: hsl(var(--sf-c-txt-darkblue-70)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:80, html.auto .sf-c-txt-darkblue\:80 { color: hsl(var(--sf-c-txt-darkblue-80)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:90, html.auto .sf-c-txt-darkblue\:90 { color: hsl(var(--sf-c-txt-darkblue-90)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:100, html.auto .sf-c-txt-darkblue\:100 { color: hsl(var(--sf-c-txt-darkblue-100)) } + + html[data-theme='auto'] .sf-c-txt-darkblue\:dark, html.auto .sf-c-txt-darkblue\:dark { color: hsl(var(--sf-c-txt-darkblue)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:0\:dark, html.auto .sf-c-txt-darkblue\:0\:dark { color: hsl(var(--sf-c-txt-darkblue-0)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:10\:dark, html.auto .sf-c-txt-darkblue\:10\:dark { color: hsl(var(--sf-c-txt-darkblue-10)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:20\:dark, html.auto .sf-c-txt-darkblue\:20\:dark { color: hsl(var(--sf-c-txt-darkblue-20)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:30\:dark, html.auto .sf-c-txt-darkblue\:30\:dark { color: hsl(var(--sf-c-txt-darkblue-30)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:40\:dark, html.auto .sf-c-txt-darkblue\:40\:dark { color: hsl(var(--sf-c-txt-darkblue-40)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:50\:dark, html.auto .sf-c-txt-darkblue\:50\:dark { color: hsl(var(--sf-c-txt-darkblue-50)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:60\:dark, html.auto .sf-c-txt-darkblue\:60\:dark { color: hsl(var(--sf-c-txt-darkblue-60)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:70\:dark, html.auto .sf-c-txt-darkblue\:70\:dark { color: hsl(var(--sf-c-txt-darkblue-70)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:80\:dark, html.auto .sf-c-txt-darkblue\:80\:dark { color: hsl(var(--sf-c-txt-darkblue-80)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:90\:dark, html.auto .sf-c-txt-darkblue\:90\:dark { color: hsl(var(--sf-c-txt-darkblue-90)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:100\:dark, html.auto .sf-c-txt-darkblue\:100\:dark { color: hsl(var(--sf-c-txt-darkblue-100)) } + html.var[data-theme='auto'] .sf-c-darkblue, html.var.auto .sf-c-darkblue { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 73%) } html.var[data-theme='auto'] .sf-c-darkblue\:0, html.var.auto .sf-c-darkblue\:0 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkblue\:10, html.var.auto .sf-c-darkblue\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkblue\:100\:dark, html.var.dark .sf-c-darkb html.var[data-theme='auto'] .sf-c-darkblue\:80\:dark, html.var.auto .sf-c-darkblue\:80\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } html.var[data-theme='auto'] .sf-c-darkblue\:90\:dark, html.var.auto .sf-c-darkblue\:90\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkblue\:100\:dark, html.var.auto .sf-c-darkblue\:100\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } -} -.sf-c-txt-darkblue { color: hsl(var(--sf-c-txt-darkblue)) } -.sf-c-txt-darkblue\:0 { color: hsl(var(--sf-c-txt-darkblue-0)) } -.sf-c-txt-darkblue\:10 { color: hsl(var(--sf-c-txt-darkblue-10)) } -.sf-c-txt-darkblue\:20 { color: hsl(var(--sf-c-txt-darkblue-20)) } -.sf-c-txt-darkblue\:30 { color: hsl(var(--sf-c-txt-darkblue-30)) } -.sf-c-txt-darkblue\:40 { color: hsl(var(--sf-c-txt-darkblue-40)) } -.sf-c-txt-darkblue\:50 { color: hsl(var(--sf-c-txt-darkblue-50)) } -.sf-c-txt-darkblue\:60 { color: hsl(var(--sf-c-txt-darkblue-60)) } -.sf-c-txt-darkblue\:70 { color: hsl(var(--sf-c-txt-darkblue-70)) } -.sf-c-txt-darkblue\:80 { color: hsl(var(--sf-c-txt-darkblue-80)) } -.sf-c-txt-darkblue\:90 { color: hsl(var(--sf-c-txt-darkblue-90)) } -.sf-c-txt-darkblue\:100 { color: hsl(var(--sf-c-txt-darkblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkblue, html.auto .sf-c-txt-darkblue { color: hsl(240, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:0, html.auto .sf-c-txt-darkblue\:0 { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:10, html.auto .sf-c-txt-darkblue\:10 { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:20, html.auto .sf-c-txt-darkblue\:20 { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:30, html.auto .sf-c-txt-darkblue\:30 { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:40, html.auto .sf-c-txt-darkblue\:40 { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:50, html.auto .sf-c-txt-darkblue\:50 { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:60, html.auto .sf-c-txt-darkblue\:60 { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:70, html.auto .sf-c-txt-darkblue\:70 { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:80, html.auto .sf-c-txt-darkblue\:80 { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:90, html.auto .sf-c-txt-darkblue\:90 { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:100, html.auto .sf-c-txt-darkblue\:100 { color: hsl(240, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkblue\:dark, html.auto .sf-c-txt-darkblue\:dark { color: hsl(240, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:0\:dark, html.auto .sf-c-txt-darkblue\:0\:dark { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:10\:dark, html.auto .sf-c-txt-darkblue\:10\:dark { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:20\:dark, html.auto .sf-c-txt-darkblue\:20\:dark { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:30\:dark, html.auto .sf-c-txt-darkblue\:30\:dark { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:40\:dark, html.auto .sf-c-txt-darkblue\:40\:dark { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:50\:dark, html.auto .sf-c-txt-darkblue\:50\:dark { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:60\:dark, html.auto .sf-c-txt-darkblue\:60\:dark { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:70\:dark, html.auto .sf-c-txt-darkblue\:70\:dark { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:80\:dark, html.auto .sf-c-txt-darkblue\:80\:dark { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:90\:dark, html.auto .sf-c-txt-darkblue\:90\:dark { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:100\:dark, html.auto .sf-c-txt-darkblue\:100\:dark { color: hsl(240, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkcyan.css b/src/colors/10/darkcyan.css index 711cdfa..0ed51e6 100644 --- a/src/colors/10/darkcyan.css +++ b/src/colors/10/darkcyan.css @@ -78,6 +78,32 @@ html.var .sf-c-darkcyan\:80 { color: hsl(180, 100%, 10%); background: hsl(180, 1 html.var .sf-c-darkcyan\:90 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } html.var .sf-c-darkcyan\:100 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } +.sf-c-txt-darkcyan { color: hsl(var(--sf-dark-c-txt-darkcyan)) } +.sf-c-txt-darkcyan\:0 { color: hsl(var(--sf-dark-c-txt-darkcyan-100)) } +.sf-c-txt-darkcyan\:10 { color: hsl(var(--sf-dark-c-txt-darkcyan-90)) } +.sf-c-txt-darkcyan\:20 { color: hsl(var(--sf-dark-c-txt-darkcyan-80)) } +.sf-c-txt-darkcyan\:30 { color: hsl(var(--sf-dark-c-txt-darkcyan-70)) } +.sf-c-txt-darkcyan\:40 { color: hsl(var(--sf-dark-c-txt-darkcyan-60)) } +.sf-c-txt-darkcyan\:50 { color: hsl(var(--sf-dark-c-txt-darkcyan-50)) } +.sf-c-txt-darkcyan\:60 { color: hsl(var(--sf-dark-c-txt-darkcyan-40)) } +.sf-c-txt-darkcyan\:70 { color: hsl(var(--sf-dark-c-txt-darkcyan-30)) } +.sf-c-txt-darkcyan\:80 { color: hsl(var(--sf-dark-c-txt-darkcyan-20)) } +.sf-c-txt-darkcyan\:90 { color: hsl(var(--sf-dark-c-txt-darkcyan-10)) } +.sf-c-txt-darkcyan\:100 { color: hsl(var(--sf-dark-c-txt-darkcyan-0)) } + +html.var .sf-c-txt-darkcyan { color: hsl(180, 100%, 73%) } +html.var .sf-c-txt-darkcyan\:0 { color: hsl(180, 100%, 100%) } +html.var .sf-c-txt-darkcyan\:10 { color: hsl(180, 100%, 90%) } +html.var .sf-c-txt-darkcyan\:20 { color: hsl(180, 100%, 80%) } +html.var .sf-c-txt-darkcyan\:30 { color: hsl(180, 100%, 70%) } +html.var .sf-c-txt-darkcyan\:40 { color: hsl(180, 100%, 60%) } +html.var .sf-c-txt-darkcyan\:50 { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-darkcyan\:60 { color: hsl(180, 100%, 40%) } +html.var .sf-c-txt-darkcyan\:70 { color: hsl(180, 100%, 30%) } +html.var .sf-c-txt-darkcyan\:80 { color: hsl(180, 100%, 20%) } +html.var .sf-c-txt-darkcyan\:90 { color: hsl(180, 100%, 10%) } +html.var .sf-c-txt-darkcyan\:100 { color: hsl(180, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkcyan, html.dark .sf-c-darkcyan { color: hsl(var(--sf-dark-c-txt-darkcyan-10)); background: hsl(var(--sf-dark-c-darkcyan)) } html[data-theme='dark'] .sf-c-darkcyan\:0, html.dark .sf-c-darkcyan\:0 { color: hsl(var(--sf-dark-c-txt-darkcyan-90)); background: hsl(var(--sf-dark-c-darkcyan-100)) } html[data-theme='dark'] .sf-c-darkcyan\:10, html.dark .sf-c-darkcyan\:10 { color: hsl(var(--sf-dark-c-txt-darkcyan-10)); background: hsl(var(--sf-dark-c-darkcyan-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkcyan\:80\:dark, html.dark .sf-c-darkcyan\:80\: html[data-theme='dark'] .sf-c-darkcyan\:90\:dark, html.dark .sf-c-darkcyan\:90\:dark { color: hsl(var(--sf-c-txt-darkcyan-90)); background: hsl(var(--sf-c-darkcyan-10)) } html[data-theme='dark'] .sf-c-darkcyan\:100\:dark, html.dark .sf-c-darkcyan\:100\:dark { color: hsl(var(--sf-c-txt-darkcyan-90)); background: hsl(var(--sf-c-darkcyan-0)) } +html[data-theme='dark'] .sf-c-txt-darkcyan, html.dark .sf-c-txt-darkcyan { color: hsl(var(--sf-c-txt-darkcyan)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:0, html.dark .sf-c-txt-darkcyan\:0 { color: hsl(var(--sf-c-txt-darkcyan-0)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:10, html.dark .sf-c-txt-darkcyan\:10 { color: hsl(var(--sf-c-txt-darkcyan-10)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:20, html.dark .sf-c-txt-darkcyan\:20 { color: hsl(var(--sf-c-txt-darkcyan-20)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:30, html.dark .sf-c-txt-darkcyan\:30 { color: hsl(var(--sf-c-txt-darkcyan-30)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:40, html.dark .sf-c-txt-darkcyan\:40 { color: hsl(var(--sf-c-txt-darkcyan-40)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:50, html.dark .sf-c-txt-darkcyan\:50 { color: hsl(var(--sf-c-txt-darkcyan-50)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:60, html.dark .sf-c-txt-darkcyan\:60 { color: hsl(var(--sf-c-txt-darkcyan-60)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:70, html.dark .sf-c-txt-darkcyan\:70 { color: hsl(var(--sf-c-txt-darkcyan-70)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:80, html.dark .sf-c-txt-darkcyan\:80 { color: hsl(var(--sf-c-txt-darkcyan-80)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:90, html.dark .sf-c-txt-darkcyan\:90 { color: hsl(var(--sf-c-txt-darkcyan-90)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:100, html.dark .sf-c-txt-darkcyan\:100 { color: hsl(var(--sf-c-txt-darkcyan-100)) } + +html[data-theme='dark'] .sf-c-txt-darkcyan\:dark, html.dark .sf-c-txt-darkcyan\:dark { color: hsl(var(--sf-c-txt-darkcyan)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:0\:dark, html.dark .sf-c-txt-darkcyan\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-0)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:10\:dark, html.dark .sf-c-txt-darkcyan\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-10)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:20\:dark, html.dark .sf-c-txt-darkcyan\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-20)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:30\:dark, html.dark .sf-c-txt-darkcyan\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-30)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:40\:dark, html.dark .sf-c-txt-darkcyan\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-40)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:50\:dark, html.dark .sf-c-txt-darkcyan\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-50)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:60\:dark, html.dark .sf-c-txt-darkcyan\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-60)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:70\:dark, html.dark .sf-c-txt-darkcyan\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-70)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:80\:dark, html.dark .sf-c-txt-darkcyan\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-80)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:90\:dark, html.dark .sf-c-txt-darkcyan\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-90)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:100\:dark, html.dark .sf-c-txt-darkcyan\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-100)) } + html.var[data-theme='dark'] .sf-c-darkcyan, html.var.dark .sf-c-darkcyan { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 73%) } html.var[data-theme='dark'] .sf-c-darkcyan\:0, html.var.dark .sf-c-darkcyan\:0 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkcyan\:10, html.var.dark .sf-c-darkcyan\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkcyan\:80\:dark, html.var.dark .sf-c-darkcy html.var[data-theme='dark'] .sf-c-darkcyan\:90\:dark, html.var.dark .sf-c-darkcyan\:90\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } html.var[data-theme='dark'] .sf-c-darkcyan\:100\:dark, html.var.dark .sf-c-darkcyan\:100\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan, html.dark .sf-c-txt-darkcyan { color: hsl(180, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:0, html.dark .sf-c-txt-darkcyan\:0 { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:10, html.dark .sf-c-txt-darkcyan\:10 { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:20, html.dark .sf-c-txt-darkcyan\:20 { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:30, html.dark .sf-c-txt-darkcyan\:30 { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:40, html.dark .sf-c-txt-darkcyan\:40 { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:50, html.dark .sf-c-txt-darkcyan\:50 { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:60, html.dark .sf-c-txt-darkcyan\:60 { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:70, html.dark .sf-c-txt-darkcyan\:70 { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:80, html.dark .sf-c-txt-darkcyan\:80 { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:90, html.dark .sf-c-txt-darkcyan\:90 { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:100, html.dark .sf-c-txt-darkcyan\:100 { color: hsl(180, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:dark, html.dark .sf-c-txt-darkcyan\:dark { color: hsl(180, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:0\:dark, html.dark .sf-c-txt-darkcyan\:0\:dark { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:10\:dark, html.dark .sf-c-txt-darkcyan\:10\:dark { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:20\:dark, html.dark .sf-c-txt-darkcyan\:20\:dark { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:30\:dark, html.dark .sf-c-txt-darkcyan\:30\:dark { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:40\:dark, html.dark .sf-c-txt-darkcyan\:40\:dark { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:50\:dark, html.dark .sf-c-txt-darkcyan\:50\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:60\:dark, html.dark .sf-c-txt-darkcyan\:60\:dark { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:70\:dark, html.dark .sf-c-txt-darkcyan\:70\:dark { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:80\:dark, html.dark .sf-c-txt-darkcyan\:80\:dark { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:90\:dark, html.dark .sf-c-txt-darkcyan\:90\:dark { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:100\:dark, html.dark .sf-c-txt-darkcyan\:100\:dark { color: hsl(180, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkcyan, html.auto .sf-c-darkcyan { color: hsl(var(--sf-dark-c-txt-darkcyan-10)); background: hsl(var(--sf-dark-c-darkcyan)) } html[data-theme='auto'] .sf-c-darkcyan\:0, html.auto .sf-c-darkcyan\:0 { color: hsl(var(--sf-dark-c-txt-darkcyan-90)); background: hsl(var(--sf-dark-c-darkcyan-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkcyan\:100\:dark, html.var.dark .sf-c-darkc html[data-theme='auto'] .sf-c-darkcyan\:90\:dark, html.auto .sf-c-darkcyan\:90\:dark { color: hsl(var(--sf-c-txt-darkcyan-90)); background: hsl(var(--sf-c-darkcyan-10)) } html[data-theme='auto'] .sf-c-darkcyan\:100\:dark, html.auto .sf-c-darkcyan\:100\:dark { color: hsl(var(--sf-c-txt-darkcyan-90)); background: hsl(var(--sf-c-darkcyan-0)) } + html[data-theme='auto'] .sf-c-txt-darkcyan, html.auto .sf-c-txt-darkcyan { color: hsl(var(--sf-c-txt-darkcyan)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:0, html.auto .sf-c-txt-darkcyan\:0 { color: hsl(var(--sf-c-txt-darkcyan-0)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:10, html.auto .sf-c-txt-darkcyan\:10 { color: hsl(var(--sf-c-txt-darkcyan-10)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:20, html.auto .sf-c-txt-darkcyan\:20 { color: hsl(var(--sf-c-txt-darkcyan-20)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:30, html.auto .sf-c-txt-darkcyan\:30 { color: hsl(var(--sf-c-txt-darkcyan-30)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:40, html.auto .sf-c-txt-darkcyan\:40 { color: hsl(var(--sf-c-txt-darkcyan-40)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:50, html.auto .sf-c-txt-darkcyan\:50 { color: hsl(var(--sf-c-txt-darkcyan-50)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:60, html.auto .sf-c-txt-darkcyan\:60 { color: hsl(var(--sf-c-txt-darkcyan-60)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:70, html.auto .sf-c-txt-darkcyan\:70 { color: hsl(var(--sf-c-txt-darkcyan-70)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:80, html.auto .sf-c-txt-darkcyan\:80 { color: hsl(var(--sf-c-txt-darkcyan-80)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:90, html.auto .sf-c-txt-darkcyan\:90 { color: hsl(var(--sf-c-txt-darkcyan-90)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:100, html.auto .sf-c-txt-darkcyan\:100 { color: hsl(var(--sf-c-txt-darkcyan-100)) } + + html[data-theme='auto'] .sf-c-txt-darkcyan\:dark, html.auto .sf-c-txt-darkcyan\:dark { color: hsl(var(--sf-c-txt-darkcyan)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:0\:dark, html.auto .sf-c-txt-darkcyan\:0\:dark { color: hsl(var(--sf-c-txt-darkcyan-0)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:10\:dark, html.auto .sf-c-txt-darkcyan\:10\:dark { color: hsl(var(--sf-c-txt-darkcyan-10)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:20\:dark, html.auto .sf-c-txt-darkcyan\:20\:dark { color: hsl(var(--sf-c-txt-darkcyan-20)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:30\:dark, html.auto .sf-c-txt-darkcyan\:30\:dark { color: hsl(var(--sf-c-txt-darkcyan-30)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:40\:dark, html.auto .sf-c-txt-darkcyan\:40\:dark { color: hsl(var(--sf-c-txt-darkcyan-40)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:50\:dark, html.auto .sf-c-txt-darkcyan\:50\:dark { color: hsl(var(--sf-c-txt-darkcyan-50)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:60\:dark, html.auto .sf-c-txt-darkcyan\:60\:dark { color: hsl(var(--sf-c-txt-darkcyan-60)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:70\:dark, html.auto .sf-c-txt-darkcyan\:70\:dark { color: hsl(var(--sf-c-txt-darkcyan-70)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:80\:dark, html.auto .sf-c-txt-darkcyan\:80\:dark { color: hsl(var(--sf-c-txt-darkcyan-80)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:90\:dark, html.auto .sf-c-txt-darkcyan\:90\:dark { color: hsl(var(--sf-c-txt-darkcyan-90)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:100\:dark, html.auto .sf-c-txt-darkcyan\:100\:dark { color: hsl(var(--sf-c-txt-darkcyan-100)) } + html.var[data-theme='auto'] .sf-c-darkcyan, html.var.auto .sf-c-darkcyan { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 73%) } html.var[data-theme='auto'] .sf-c-darkcyan\:0, html.var.auto .sf-c-darkcyan\:0 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkcyan\:10, html.var.auto .sf-c-darkcyan\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkcyan\:100\:dark, html.var.dark .sf-c-darkc html.var[data-theme='auto'] .sf-c-darkcyan\:80\:dark, html.var.auto .sf-c-darkcyan\:80\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } html.var[data-theme='auto'] .sf-c-darkcyan\:90\:dark, html.var.auto .sf-c-darkcyan\:90\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkcyan\:100\:dark, html.var.auto .sf-c-darkcyan\:100\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -} -.sf-c-txt-darkcyan { color: hsl(var(--sf-c-txt-darkcyan)) } -.sf-c-txt-darkcyan\:0 { color: hsl(var(--sf-c-txt-darkcyan-0)) } -.sf-c-txt-darkcyan\:10 { color: hsl(var(--sf-c-txt-darkcyan-10)) } -.sf-c-txt-darkcyan\:20 { color: hsl(var(--sf-c-txt-darkcyan-20)) } -.sf-c-txt-darkcyan\:30 { color: hsl(var(--sf-c-txt-darkcyan-30)) } -.sf-c-txt-darkcyan\:40 { color: hsl(var(--sf-c-txt-darkcyan-40)) } -.sf-c-txt-darkcyan\:50 { color: hsl(var(--sf-c-txt-darkcyan-50)) } -.sf-c-txt-darkcyan\:60 { color: hsl(var(--sf-c-txt-darkcyan-60)) } -.sf-c-txt-darkcyan\:70 { color: hsl(var(--sf-c-txt-darkcyan-70)) } -.sf-c-txt-darkcyan\:80 { color: hsl(var(--sf-c-txt-darkcyan-80)) } -.sf-c-txt-darkcyan\:90 { color: hsl(var(--sf-c-txt-darkcyan-90)) } -.sf-c-txt-darkcyan\:100 { color: hsl(var(--sf-c-txt-darkcyan-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkcyan, html.auto .sf-c-txt-darkcyan { color: hsl(180, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:0, html.auto .sf-c-txt-darkcyan\:0 { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:10, html.auto .sf-c-txt-darkcyan\:10 { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:20, html.auto .sf-c-txt-darkcyan\:20 { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:30, html.auto .sf-c-txt-darkcyan\:30 { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:40, html.auto .sf-c-txt-darkcyan\:40 { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:50, html.auto .sf-c-txt-darkcyan\:50 { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:60, html.auto .sf-c-txt-darkcyan\:60 { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:70, html.auto .sf-c-txt-darkcyan\:70 { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:80, html.auto .sf-c-txt-darkcyan\:80 { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:90, html.auto .sf-c-txt-darkcyan\:90 { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:100, html.auto .sf-c-txt-darkcyan\:100 { color: hsl(180, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:dark, html.auto .sf-c-txt-darkcyan\:dark { color: hsl(180, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:0\:dark, html.auto .sf-c-txt-darkcyan\:0\:dark { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:10\:dark, html.auto .sf-c-txt-darkcyan\:10\:dark { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:20\:dark, html.auto .sf-c-txt-darkcyan\:20\:dark { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:30\:dark, html.auto .sf-c-txt-darkcyan\:30\:dark { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:40\:dark, html.auto .sf-c-txt-darkcyan\:40\:dark { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:50\:dark, html.auto .sf-c-txt-darkcyan\:50\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:60\:dark, html.auto .sf-c-txt-darkcyan\:60\:dark { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:70\:dark, html.auto .sf-c-txt-darkcyan\:70\:dark { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:80\:dark, html.auto .sf-c-txt-darkcyan\:80\:dark { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:90\:dark, html.auto .sf-c-txt-darkcyan\:90\:dark { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:100\:dark, html.auto .sf-c-txt-darkcyan\:100\:dark { color: hsl(180, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkgoldenrod.css b/src/colors/10/darkgoldenrod.css index a9e48b3..f74d122 100644 --- a/src/colors/10/darkgoldenrod.css +++ b/src/colors/10/darkgoldenrod.css @@ -78,6 +78,32 @@ html.var .sf-c-darkgoldenrod\:80 { color: hsl(43, 89%, 10%); background: hsl(43, html.var .sf-c-darkgoldenrod\:90 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 90%) } html.var .sf-c-darkgoldenrod\:100 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 100%) } +.sf-c-txt-darkgoldenrod { color: hsl(var(--sf-dark-c-txt-darkgoldenrod)) } +.sf-c-txt-darkgoldenrod\:0 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-100)) } +.sf-c-txt-darkgoldenrod\:10 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-90)) } +.sf-c-txt-darkgoldenrod\:20 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-80)) } +.sf-c-txt-darkgoldenrod\:30 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-70)) } +.sf-c-txt-darkgoldenrod\:40 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-60)) } +.sf-c-txt-darkgoldenrod\:50 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-50)) } +.sf-c-txt-darkgoldenrod\:60 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-40)) } +.sf-c-txt-darkgoldenrod\:70 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-30)) } +.sf-c-txt-darkgoldenrod\:80 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-20)) } +.sf-c-txt-darkgoldenrod\:90 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-10)) } +.sf-c-txt-darkgoldenrod\:100 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-0)) } + +html.var .sf-c-txt-darkgoldenrod { color: hsl(43, 89%, 62%) } +html.var .sf-c-txt-darkgoldenrod\:0 { color: hsl(43, 89%, 100%) } +html.var .sf-c-txt-darkgoldenrod\:10 { color: hsl(43, 89%, 90%) } +html.var .sf-c-txt-darkgoldenrod\:20 { color: hsl(43, 89%, 80%) } +html.var .sf-c-txt-darkgoldenrod\:30 { color: hsl(43, 89%, 70%) } +html.var .sf-c-txt-darkgoldenrod\:40 { color: hsl(43, 89%, 60%) } +html.var .sf-c-txt-darkgoldenrod\:50 { color: hsl(43, 89%, 50%) } +html.var .sf-c-txt-darkgoldenrod\:60 { color: hsl(43, 89%, 40%) } +html.var .sf-c-txt-darkgoldenrod\:70 { color: hsl(43, 89%, 30%) } +html.var .sf-c-txt-darkgoldenrod\:80 { color: hsl(43, 89%, 20%) } +html.var .sf-c-txt-darkgoldenrod\:90 { color: hsl(43, 89%, 10%) } +html.var .sf-c-txt-darkgoldenrod\:100 { color: hsl(43, 89%, 0%) } + html[data-theme='dark'] .sf-c-darkgoldenrod, html.dark .sf-c-darkgoldenrod { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-10)); background: hsl(var(--sf-dark-c-darkgoldenrod)) } html[data-theme='dark'] .sf-c-darkgoldenrod\:0, html.dark .sf-c-darkgoldenrod\:0 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-90)); background: hsl(var(--sf-dark-c-darkgoldenrod-100)) } html[data-theme='dark'] .sf-c-darkgoldenrod\:10, html.dark .sf-c-darkgoldenrod\:10 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-10)); background: hsl(var(--sf-dark-c-darkgoldenrod-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkgoldenrod\:80\:dark, html.dark .sf-c-darkgolde html[data-theme='dark'] .sf-c-darkgoldenrod\:90\:dark, html.dark .sf-c-darkgoldenrod\:90\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-90)); background: hsl(var(--sf-c-darkgoldenrod-10)) } html[data-theme='dark'] .sf-c-darkgoldenrod\:100\:dark, html.dark .sf-c-darkgoldenrod\:100\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-90)); background: hsl(var(--sf-c-darkgoldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod, html.dark .sf-c-txt-darkgoldenrod { color: hsl(var(--sf-c-txt-darkgoldenrod)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:0, html.dark .sf-c-txt-darkgoldenrod\:0 { color: hsl(var(--sf-c-txt-darkgoldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:10, html.dark .sf-c-txt-darkgoldenrod\:10 { color: hsl(var(--sf-c-txt-darkgoldenrod-10)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:20, html.dark .sf-c-txt-darkgoldenrod\:20 { color: hsl(var(--sf-c-txt-darkgoldenrod-20)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:30, html.dark .sf-c-txt-darkgoldenrod\:30 { color: hsl(var(--sf-c-txt-darkgoldenrod-30)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:40, html.dark .sf-c-txt-darkgoldenrod\:40 { color: hsl(var(--sf-c-txt-darkgoldenrod-40)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:50, html.dark .sf-c-txt-darkgoldenrod\:50 { color: hsl(var(--sf-c-txt-darkgoldenrod-50)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:60, html.dark .sf-c-txt-darkgoldenrod\:60 { color: hsl(var(--sf-c-txt-darkgoldenrod-60)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:70, html.dark .sf-c-txt-darkgoldenrod\:70 { color: hsl(var(--sf-c-txt-darkgoldenrod-70)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:80, html.dark .sf-c-txt-darkgoldenrod\:80 { color: hsl(var(--sf-c-txt-darkgoldenrod-80)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:90, html.dark .sf-c-txt-darkgoldenrod\:90 { color: hsl(var(--sf-c-txt-darkgoldenrod-90)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:100, html.dark .sf-c-txt-darkgoldenrod\:100 { color: hsl(var(--sf-c-txt-darkgoldenrod-100)) } + +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:dark, html.dark .sf-c-txt-darkgoldenrod\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:0\:dark, html.dark .sf-c-txt-darkgoldenrod\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:10\:dark, html.dark .sf-c-txt-darkgoldenrod\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-10)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:20\:dark, html.dark .sf-c-txt-darkgoldenrod\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-20)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:30\:dark, html.dark .sf-c-txt-darkgoldenrod\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-30)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:40\:dark, html.dark .sf-c-txt-darkgoldenrod\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-40)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:50\:dark, html.dark .sf-c-txt-darkgoldenrod\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-50)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:60\:dark, html.dark .sf-c-txt-darkgoldenrod\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-60)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:70\:dark, html.dark .sf-c-txt-darkgoldenrod\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-70)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:80\:dark, html.dark .sf-c-txt-darkgoldenrod\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-80)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:90\:dark, html.dark .sf-c-txt-darkgoldenrod\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-90)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:100\:dark, html.dark .sf-c-txt-darkgoldenrod\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-100)) } + html.var[data-theme='dark'] .sf-c-darkgoldenrod, html.var.dark .sf-c-darkgoldenrod { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 62%) } html.var[data-theme='dark'] .sf-c-darkgoldenrod\:0, html.var.dark .sf-c-darkgoldenrod\:0 { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 100%) } html.var[data-theme='dark'] .sf-c-darkgoldenrod\:10, html.var.dark .sf-c-darkgoldenrod\:10 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkgoldenrod\:80\:dark, html.var.dark .sf-c-d html.var[data-theme='dark'] .sf-c-darkgoldenrod\:90\:dark, html.var.dark .sf-c-darkgoldenrod\:90\:dark { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 10%) } html.var[data-theme='dark'] .sf-c-darkgoldenrod\:100\:dark, html.var.dark .sf-c-darkgoldenrod\:100\:dark { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod, html.dark .sf-c-txt-darkgoldenrod { color: hsl(43, 89%, 38%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:0, html.dark .sf-c-txt-darkgoldenrod\:0 { color: hsl(43, 89%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:10, html.dark .sf-c-txt-darkgoldenrod\:10 { color: hsl(43, 89%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:20, html.dark .sf-c-txt-darkgoldenrod\:20 { color: hsl(43, 89%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:30, html.dark .sf-c-txt-darkgoldenrod\:30 { color: hsl(43, 89%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:40, html.dark .sf-c-txt-darkgoldenrod\:40 { color: hsl(43, 89%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:50, html.dark .sf-c-txt-darkgoldenrod\:50 { color: hsl(43, 89%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:60, html.dark .sf-c-txt-darkgoldenrod\:60 { color: hsl(43, 89%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:70, html.dark .sf-c-txt-darkgoldenrod\:70 { color: hsl(43, 89%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:80, html.dark .sf-c-txt-darkgoldenrod\:80 { color: hsl(43, 89%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:90, html.dark .sf-c-txt-darkgoldenrod\:90 { color: hsl(43, 89%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:100, html.dark .sf-c-txt-darkgoldenrod\:100 { color: hsl(43, 89%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:dark, html.dark .sf-c-txt-darkgoldenrod\:dark { color: hsl(43, 89%, 38%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:0\:dark, html.dark .sf-c-txt-darkgoldenrod\:0\:dark { color: hsl(43, 89%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:10\:dark, html.dark .sf-c-txt-darkgoldenrod\:10\:dark { color: hsl(43, 89%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:20\:dark, html.dark .sf-c-txt-darkgoldenrod\:20\:dark { color: hsl(43, 89%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:30\:dark, html.dark .sf-c-txt-darkgoldenrod\:30\:dark { color: hsl(43, 89%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:40\:dark, html.dark .sf-c-txt-darkgoldenrod\:40\:dark { color: hsl(43, 89%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:50\:dark, html.dark .sf-c-txt-darkgoldenrod\:50\:dark { color: hsl(43, 89%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:60\:dark, html.dark .sf-c-txt-darkgoldenrod\:60\:dark { color: hsl(43, 89%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:70\:dark, html.dark .sf-c-txt-darkgoldenrod\:70\:dark { color: hsl(43, 89%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:80\:dark, html.dark .sf-c-txt-darkgoldenrod\:80\:dark { color: hsl(43, 89%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:90\:dark, html.dark .sf-c-txt-darkgoldenrod\:90\:dark { color: hsl(43, 89%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:100\:dark, html.dark .sf-c-txt-darkgoldenrod\:100\:dark { color: hsl(43, 89%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkgoldenrod, html.auto .sf-c-darkgoldenrod { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-10)); background: hsl(var(--sf-dark-c-darkgoldenrod)) } html[data-theme='auto'] .sf-c-darkgoldenrod\:0, html.auto .sf-c-darkgoldenrod\:0 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-90)); background: hsl(var(--sf-dark-c-darkgoldenrod-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkgoldenrod\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-darkgoldenrod\:90\:dark, html.auto .sf-c-darkgoldenrod\:90\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-90)); background: hsl(var(--sf-c-darkgoldenrod-10)) } html[data-theme='auto'] .sf-c-darkgoldenrod\:100\:dark, html.auto .sf-c-darkgoldenrod\:100\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-90)); background: hsl(var(--sf-c-darkgoldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod, html.auto .sf-c-txt-darkgoldenrod { color: hsl(var(--sf-c-txt-darkgoldenrod)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:0, html.auto .sf-c-txt-darkgoldenrod\:0 { color: hsl(var(--sf-c-txt-darkgoldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:10, html.auto .sf-c-txt-darkgoldenrod\:10 { color: hsl(var(--sf-c-txt-darkgoldenrod-10)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:20, html.auto .sf-c-txt-darkgoldenrod\:20 { color: hsl(var(--sf-c-txt-darkgoldenrod-20)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:30, html.auto .sf-c-txt-darkgoldenrod\:30 { color: hsl(var(--sf-c-txt-darkgoldenrod-30)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:40, html.auto .sf-c-txt-darkgoldenrod\:40 { color: hsl(var(--sf-c-txt-darkgoldenrod-40)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:50, html.auto .sf-c-txt-darkgoldenrod\:50 { color: hsl(var(--sf-c-txt-darkgoldenrod-50)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:60, html.auto .sf-c-txt-darkgoldenrod\:60 { color: hsl(var(--sf-c-txt-darkgoldenrod-60)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:70, html.auto .sf-c-txt-darkgoldenrod\:70 { color: hsl(var(--sf-c-txt-darkgoldenrod-70)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:80, html.auto .sf-c-txt-darkgoldenrod\:80 { color: hsl(var(--sf-c-txt-darkgoldenrod-80)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:90, html.auto .sf-c-txt-darkgoldenrod\:90 { color: hsl(var(--sf-c-txt-darkgoldenrod-90)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:100, html.auto .sf-c-txt-darkgoldenrod\:100 { color: hsl(var(--sf-c-txt-darkgoldenrod-100)) } + + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:dark, html.auto .sf-c-txt-darkgoldenrod\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:0\:dark, html.auto .sf-c-txt-darkgoldenrod\:0\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:10\:dark, html.auto .sf-c-txt-darkgoldenrod\:10\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-10)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:20\:dark, html.auto .sf-c-txt-darkgoldenrod\:20\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-20)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:30\:dark, html.auto .sf-c-txt-darkgoldenrod\:30\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-30)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:40\:dark, html.auto .sf-c-txt-darkgoldenrod\:40\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-40)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:50\:dark, html.auto .sf-c-txt-darkgoldenrod\:50\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-50)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:60\:dark, html.auto .sf-c-txt-darkgoldenrod\:60\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-60)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:70\:dark, html.auto .sf-c-txt-darkgoldenrod\:70\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-70)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:80\:dark, html.auto .sf-c-txt-darkgoldenrod\:80\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-80)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:90\:dark, html.auto .sf-c-txt-darkgoldenrod\:90\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-90)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:100\:dark, html.auto .sf-c-txt-darkgoldenrod\:100\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-100)) } + html.var[data-theme='auto'] .sf-c-darkgoldenrod, html.var.auto .sf-c-darkgoldenrod { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 62%) } html.var[data-theme='auto'] .sf-c-darkgoldenrod\:0, html.var.auto .sf-c-darkgoldenrod\:0 { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 100%) } html.var[data-theme='auto'] .sf-c-darkgoldenrod\:10, html.var.auto .sf-c-darkgoldenrod\:10 { color: hsl(43, 89%, 10%); background: hsl(43, 89%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkgoldenrod\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-darkgoldenrod\:80\:dark, html.var.auto .sf-c-darkgoldenrod\:80\:dark { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 20%) } html.var[data-theme='auto'] .sf-c-darkgoldenrod\:90\:dark, html.var.auto .sf-c-darkgoldenrod\:90\:dark { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 10%) } html.var[data-theme='auto'] .sf-c-darkgoldenrod\:100\:dark, html.var.auto .sf-c-darkgoldenrod\:100\:dark { color: hsl(43, 89%, 90%); background: hsl(43, 89%, 0%) } -} -.sf-c-txt-darkgoldenrod { color: hsl(var(--sf-c-txt-darkgoldenrod)) } -.sf-c-txt-darkgoldenrod\:0 { color: hsl(var(--sf-c-txt-darkgoldenrod-0)) } -.sf-c-txt-darkgoldenrod\:10 { color: hsl(var(--sf-c-txt-darkgoldenrod-10)) } -.sf-c-txt-darkgoldenrod\:20 { color: hsl(var(--sf-c-txt-darkgoldenrod-20)) } -.sf-c-txt-darkgoldenrod\:30 { color: hsl(var(--sf-c-txt-darkgoldenrod-30)) } -.sf-c-txt-darkgoldenrod\:40 { color: hsl(var(--sf-c-txt-darkgoldenrod-40)) } -.sf-c-txt-darkgoldenrod\:50 { color: hsl(var(--sf-c-txt-darkgoldenrod-50)) } -.sf-c-txt-darkgoldenrod\:60 { color: hsl(var(--sf-c-txt-darkgoldenrod-60)) } -.sf-c-txt-darkgoldenrod\:70 { color: hsl(var(--sf-c-txt-darkgoldenrod-70)) } -.sf-c-txt-darkgoldenrod\:80 { color: hsl(var(--sf-c-txt-darkgoldenrod-80)) } -.sf-c-txt-darkgoldenrod\:90 { color: hsl(var(--sf-c-txt-darkgoldenrod-90)) } -.sf-c-txt-darkgoldenrod\:100 { color: hsl(var(--sf-c-txt-darkgoldenrod-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod, html.auto .sf-c-txt-darkgoldenrod { color: hsl(43, 89%, 38%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:0, html.auto .sf-c-txt-darkgoldenrod\:0 { color: hsl(43, 89%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:10, html.auto .sf-c-txt-darkgoldenrod\:10 { color: hsl(43, 89%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:20, html.auto .sf-c-txt-darkgoldenrod\:20 { color: hsl(43, 89%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:30, html.auto .sf-c-txt-darkgoldenrod\:30 { color: hsl(43, 89%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:40, html.auto .sf-c-txt-darkgoldenrod\:40 { color: hsl(43, 89%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:50, html.auto .sf-c-txt-darkgoldenrod\:50 { color: hsl(43, 89%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:60, html.auto .sf-c-txt-darkgoldenrod\:60 { color: hsl(43, 89%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:70, html.auto .sf-c-txt-darkgoldenrod\:70 { color: hsl(43, 89%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:80, html.auto .sf-c-txt-darkgoldenrod\:80 { color: hsl(43, 89%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:90, html.auto .sf-c-txt-darkgoldenrod\:90 { color: hsl(43, 89%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:100, html.auto .sf-c-txt-darkgoldenrod\:100 { color: hsl(43, 89%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:dark, html.auto .sf-c-txt-darkgoldenrod\:dark { color: hsl(43, 89%, 38%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:0\:dark, html.auto .sf-c-txt-darkgoldenrod\:0\:dark { color: hsl(43, 89%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:10\:dark, html.auto .sf-c-txt-darkgoldenrod\:10\:dark { color: hsl(43, 89%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:20\:dark, html.auto .sf-c-txt-darkgoldenrod\:20\:dark { color: hsl(43, 89%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:30\:dark, html.auto .sf-c-txt-darkgoldenrod\:30\:dark { color: hsl(43, 89%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:40\:dark, html.auto .sf-c-txt-darkgoldenrod\:40\:dark { color: hsl(43, 89%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:50\:dark, html.auto .sf-c-txt-darkgoldenrod\:50\:dark { color: hsl(43, 89%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:60\:dark, html.auto .sf-c-txt-darkgoldenrod\:60\:dark { color: hsl(43, 89%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:70\:dark, html.auto .sf-c-txt-darkgoldenrod\:70\:dark { color: hsl(43, 89%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:80\:dark, html.auto .sf-c-txt-darkgoldenrod\:80\:dark { color: hsl(43, 89%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:90\:dark, html.auto .sf-c-txt-darkgoldenrod\:90\:dark { color: hsl(43, 89%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:100\:dark, html.auto .sf-c-txt-darkgoldenrod\:100\:dark { color: hsl(43, 89%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkgray.css b/src/colors/10/darkgray.css index ff66c67..8a733fe 100644 --- a/src/colors/10/darkgray.css +++ b/src/colors/10/darkgray.css @@ -78,6 +78,32 @@ html.var .sf-c-darkgray\:80 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80% html.var .sf-c-darkgray\:90 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } html.var .sf-c-darkgray\:100 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } +.sf-c-txt-darkgray { color: hsl(var(--sf-dark-c-txt-darkgray)) } +.sf-c-txt-darkgray\:0 { color: hsl(var(--sf-dark-c-txt-darkgray-100)) } +.sf-c-txt-darkgray\:10 { color: hsl(var(--sf-dark-c-txt-darkgray-90)) } +.sf-c-txt-darkgray\:20 { color: hsl(var(--sf-dark-c-txt-darkgray-80)) } +.sf-c-txt-darkgray\:30 { color: hsl(var(--sf-dark-c-txt-darkgray-70)) } +.sf-c-txt-darkgray\:40 { color: hsl(var(--sf-dark-c-txt-darkgray-60)) } +.sf-c-txt-darkgray\:50 { color: hsl(var(--sf-dark-c-txt-darkgray-50)) } +.sf-c-txt-darkgray\:60 { color: hsl(var(--sf-dark-c-txt-darkgray-40)) } +.sf-c-txt-darkgray\:70 { color: hsl(var(--sf-dark-c-txt-darkgray-30)) } +.sf-c-txt-darkgray\:80 { color: hsl(var(--sf-dark-c-txt-darkgray-20)) } +.sf-c-txt-darkgray\:90 { color: hsl(var(--sf-dark-c-txt-darkgray-10)) } +.sf-c-txt-darkgray\:100 { color: hsl(var(--sf-dark-c-txt-darkgray-0)) } + +html.var .sf-c-txt-darkgray { color: hsl(0, 0%, 34%) } +html.var .sf-c-txt-darkgray\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-darkgray\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-darkgray\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-darkgray\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-darkgray\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-darkgray\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-darkgray\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-darkgray\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-darkgray\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-darkgray\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-darkgray\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-darkgray, html.dark .sf-c-darkgray { color: hsl(var(--sf-dark-c-txt-darkgray-90)); background: hsl(var(--sf-dark-c-darkgray)) } html[data-theme='dark'] .sf-c-darkgray\:0, html.dark .sf-c-darkgray\:0 { color: hsl(var(--sf-dark-c-txt-darkgray-90)); background: hsl(var(--sf-dark-c-darkgray-100)) } html[data-theme='dark'] .sf-c-darkgray\:10, html.dark .sf-c-darkgray\:10 { color: hsl(var(--sf-dark-c-txt-darkgray-10)); background: hsl(var(--sf-dark-c-darkgray-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkgray\:80\:dark, html.dark .sf-c-darkgray\:80\: html[data-theme='dark'] .sf-c-darkgray\:90\:dark, html.dark .sf-c-darkgray\:90\:dark { color: hsl(var(--sf-c-txt-darkgray-90)); background: hsl(var(--sf-c-darkgray-10)) } html[data-theme='dark'] .sf-c-darkgray\:100\:dark, html.dark .sf-c-darkgray\:100\:dark { color: hsl(var(--sf-c-txt-darkgray-90)); background: hsl(var(--sf-c-darkgray-0)) } +html[data-theme='dark'] .sf-c-txt-darkgray, html.dark .sf-c-txt-darkgray { color: hsl(var(--sf-c-txt-darkgray)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:0, html.dark .sf-c-txt-darkgray\:0 { color: hsl(var(--sf-c-txt-darkgray-0)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:10, html.dark .sf-c-txt-darkgray\:10 { color: hsl(var(--sf-c-txt-darkgray-10)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:20, html.dark .sf-c-txt-darkgray\:20 { color: hsl(var(--sf-c-txt-darkgray-20)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:30, html.dark .sf-c-txt-darkgray\:30 { color: hsl(var(--sf-c-txt-darkgray-30)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:40, html.dark .sf-c-txt-darkgray\:40 { color: hsl(var(--sf-c-txt-darkgray-40)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:50, html.dark .sf-c-txt-darkgray\:50 { color: hsl(var(--sf-c-txt-darkgray-50)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:60, html.dark .sf-c-txt-darkgray\:60 { color: hsl(var(--sf-c-txt-darkgray-60)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:70, html.dark .sf-c-txt-darkgray\:70 { color: hsl(var(--sf-c-txt-darkgray-70)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:80, html.dark .sf-c-txt-darkgray\:80 { color: hsl(var(--sf-c-txt-darkgray-80)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:90, html.dark .sf-c-txt-darkgray\:90 { color: hsl(var(--sf-c-txt-darkgray-90)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:100, html.dark .sf-c-txt-darkgray\:100 { color: hsl(var(--sf-c-txt-darkgray-100)) } + +html[data-theme='dark'] .sf-c-txt-darkgray\:dark, html.dark .sf-c-txt-darkgray\:dark { color: hsl(var(--sf-c-txt-darkgray)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:0\:dark, html.dark .sf-c-txt-darkgray\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-0)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:10\:dark, html.dark .sf-c-txt-darkgray\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-10)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:20\:dark, html.dark .sf-c-txt-darkgray\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-20)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:30\:dark, html.dark .sf-c-txt-darkgray\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-30)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:40\:dark, html.dark .sf-c-txt-darkgray\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-40)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:50\:dark, html.dark .sf-c-txt-darkgray\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-50)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:60\:dark, html.dark .sf-c-txt-darkgray\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-60)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:70\:dark, html.dark .sf-c-txt-darkgray\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-70)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:80\:dark, html.dark .sf-c-txt-darkgray\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-80)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:90\:dark, html.dark .sf-c-txt-darkgray\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-90)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:100\:dark, html.dark .sf-c-txt-darkgray\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-100)) } + html.var[data-theme='dark'] .sf-c-darkgray, html.var.dark .sf-c-darkgray { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 34%) } html.var[data-theme='dark'] .sf-c-darkgray\:0, html.var.dark .sf-c-darkgray\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-darkgray\:10, html.var.dark .sf-c-darkgray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkgray\:80\:dark, html.var.dark .sf-c-darkgr html.var[data-theme='dark'] .sf-c-darkgray\:90\:dark, html.var.dark .sf-c-darkgray\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='dark'] .sf-c-darkgray\:100\:dark, html.var.dark .sf-c-darkgray\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray, html.dark .sf-c-txt-darkgray { color: hsl(0, 0%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:0, html.dark .sf-c-txt-darkgray\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:10, html.dark .sf-c-txt-darkgray\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:20, html.dark .sf-c-txt-darkgray\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:30, html.dark .sf-c-txt-darkgray\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:40, html.dark .sf-c-txt-darkgray\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:50, html.dark .sf-c-txt-darkgray\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:60, html.dark .sf-c-txt-darkgray\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:70, html.dark .sf-c-txt-darkgray\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:80, html.dark .sf-c-txt-darkgray\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:90, html.dark .sf-c-txt-darkgray\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:100, html.dark .sf-c-txt-darkgray\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkgray\:dark, html.dark .sf-c-txt-darkgray\:dark { color: hsl(0, 0%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:0\:dark, html.dark .sf-c-txt-darkgray\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:10\:dark, html.dark .sf-c-txt-darkgray\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:20\:dark, html.dark .sf-c-txt-darkgray\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:30\:dark, html.dark .sf-c-txt-darkgray\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:40\:dark, html.dark .sf-c-txt-darkgray\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:50\:dark, html.dark .sf-c-txt-darkgray\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:60\:dark, html.dark .sf-c-txt-darkgray\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:70\:dark, html.dark .sf-c-txt-darkgray\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:80\:dark, html.dark .sf-c-txt-darkgray\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:90\:dark, html.dark .sf-c-txt-darkgray\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:100\:dark, html.dark .sf-c-txt-darkgray\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkgray, html.auto .sf-c-darkgray { color: hsl(var(--sf-dark-c-txt-darkgray-90)); background: hsl(var(--sf-dark-c-darkgray)) } html[data-theme='auto'] .sf-c-darkgray\:0, html.auto .sf-c-darkgray\:0 { color: hsl(var(--sf-dark-c-txt-darkgray-90)); background: hsl(var(--sf-dark-c-darkgray-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkgray\:100\:dark, html.var.dark .sf-c-darkg html[data-theme='auto'] .sf-c-darkgray\:90\:dark, html.auto .sf-c-darkgray\:90\:dark { color: hsl(var(--sf-c-txt-darkgray-90)); background: hsl(var(--sf-c-darkgray-10)) } html[data-theme='auto'] .sf-c-darkgray\:100\:dark, html.auto .sf-c-darkgray\:100\:dark { color: hsl(var(--sf-c-txt-darkgray-90)); background: hsl(var(--sf-c-darkgray-0)) } + html[data-theme='auto'] .sf-c-txt-darkgray, html.auto .sf-c-txt-darkgray { color: hsl(var(--sf-c-txt-darkgray)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:0, html.auto .sf-c-txt-darkgray\:0 { color: hsl(var(--sf-c-txt-darkgray-0)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:10, html.auto .sf-c-txt-darkgray\:10 { color: hsl(var(--sf-c-txt-darkgray-10)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:20, html.auto .sf-c-txt-darkgray\:20 { color: hsl(var(--sf-c-txt-darkgray-20)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:30, html.auto .sf-c-txt-darkgray\:30 { color: hsl(var(--sf-c-txt-darkgray-30)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:40, html.auto .sf-c-txt-darkgray\:40 { color: hsl(var(--sf-c-txt-darkgray-40)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:50, html.auto .sf-c-txt-darkgray\:50 { color: hsl(var(--sf-c-txt-darkgray-50)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:60, html.auto .sf-c-txt-darkgray\:60 { color: hsl(var(--sf-c-txt-darkgray-60)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:70, html.auto .sf-c-txt-darkgray\:70 { color: hsl(var(--sf-c-txt-darkgray-70)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:80, html.auto .sf-c-txt-darkgray\:80 { color: hsl(var(--sf-c-txt-darkgray-80)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:90, html.auto .sf-c-txt-darkgray\:90 { color: hsl(var(--sf-c-txt-darkgray-90)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:100, html.auto .sf-c-txt-darkgray\:100 { color: hsl(var(--sf-c-txt-darkgray-100)) } + + html[data-theme='auto'] .sf-c-txt-darkgray\:dark, html.auto .sf-c-txt-darkgray\:dark { color: hsl(var(--sf-c-txt-darkgray)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:0\:dark, html.auto .sf-c-txt-darkgray\:0\:dark { color: hsl(var(--sf-c-txt-darkgray-0)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:10\:dark, html.auto .sf-c-txt-darkgray\:10\:dark { color: hsl(var(--sf-c-txt-darkgray-10)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:20\:dark, html.auto .sf-c-txt-darkgray\:20\:dark { color: hsl(var(--sf-c-txt-darkgray-20)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:30\:dark, html.auto .sf-c-txt-darkgray\:30\:dark { color: hsl(var(--sf-c-txt-darkgray-30)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:40\:dark, html.auto .sf-c-txt-darkgray\:40\:dark { color: hsl(var(--sf-c-txt-darkgray-40)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:50\:dark, html.auto .sf-c-txt-darkgray\:50\:dark { color: hsl(var(--sf-c-txt-darkgray-50)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:60\:dark, html.auto .sf-c-txt-darkgray\:60\:dark { color: hsl(var(--sf-c-txt-darkgray-60)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:70\:dark, html.auto .sf-c-txt-darkgray\:70\:dark { color: hsl(var(--sf-c-txt-darkgray-70)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:80\:dark, html.auto .sf-c-txt-darkgray\:80\:dark { color: hsl(var(--sf-c-txt-darkgray-80)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:90\:dark, html.auto .sf-c-txt-darkgray\:90\:dark { color: hsl(var(--sf-c-txt-darkgray-90)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:100\:dark, html.auto .sf-c-txt-darkgray\:100\:dark { color: hsl(var(--sf-c-txt-darkgray-100)) } + html.var[data-theme='auto'] .sf-c-darkgray, html.var.auto .sf-c-darkgray { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 34%) } html.var[data-theme='auto'] .sf-c-darkgray\:0, html.var.auto .sf-c-darkgray\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-darkgray\:10, html.var.auto .sf-c-darkgray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkgray\:100\:dark, html.var.dark .sf-c-darkg html.var[data-theme='auto'] .sf-c-darkgray\:80\:dark, html.var.auto .sf-c-darkgray\:80\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } html.var[data-theme='auto'] .sf-c-darkgray\:90\:dark, html.var.auto .sf-c-darkgray\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-darkgray\:100\:dark, html.var.auto .sf-c-darkgray\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-darkgray { color: hsl(var(--sf-c-txt-darkgray)) } -.sf-c-txt-darkgray\:0 { color: hsl(var(--sf-c-txt-darkgray-0)) } -.sf-c-txt-darkgray\:10 { color: hsl(var(--sf-c-txt-darkgray-10)) } -.sf-c-txt-darkgray\:20 { color: hsl(var(--sf-c-txt-darkgray-20)) } -.sf-c-txt-darkgray\:30 { color: hsl(var(--sf-c-txt-darkgray-30)) } -.sf-c-txt-darkgray\:40 { color: hsl(var(--sf-c-txt-darkgray-40)) } -.sf-c-txt-darkgray\:50 { color: hsl(var(--sf-c-txt-darkgray-50)) } -.sf-c-txt-darkgray\:60 { color: hsl(var(--sf-c-txt-darkgray-60)) } -.sf-c-txt-darkgray\:70 { color: hsl(var(--sf-c-txt-darkgray-70)) } -.sf-c-txt-darkgray\:80 { color: hsl(var(--sf-c-txt-darkgray-80)) } -.sf-c-txt-darkgray\:90 { color: hsl(var(--sf-c-txt-darkgray-90)) } -.sf-c-txt-darkgray\:100 { color: hsl(var(--sf-c-txt-darkgray-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkgray, html.auto .sf-c-txt-darkgray { color: hsl(0, 0%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:0, html.auto .sf-c-txt-darkgray\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:10, html.auto .sf-c-txt-darkgray\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:20, html.auto .sf-c-txt-darkgray\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:30, html.auto .sf-c-txt-darkgray\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:40, html.auto .sf-c-txt-darkgray\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:50, html.auto .sf-c-txt-darkgray\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:60, html.auto .sf-c-txt-darkgray\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:70, html.auto .sf-c-txt-darkgray\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:80, html.auto .sf-c-txt-darkgray\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:90, html.auto .sf-c-txt-darkgray\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:100, html.auto .sf-c-txt-darkgray\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkgray\:dark, html.auto .sf-c-txt-darkgray\:dark { color: hsl(0, 0%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:0\:dark, html.auto .sf-c-txt-darkgray\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:10\:dark, html.auto .sf-c-txt-darkgray\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:20\:dark, html.auto .sf-c-txt-darkgray\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:30\:dark, html.auto .sf-c-txt-darkgray\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:40\:dark, html.auto .sf-c-txt-darkgray\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:50\:dark, html.auto .sf-c-txt-darkgray\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:60\:dark, html.auto .sf-c-txt-darkgray\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:70\:dark, html.auto .sf-c-txt-darkgray\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:80\:dark, html.auto .sf-c-txt-darkgray\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:90\:dark, html.auto .sf-c-txt-darkgray\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:100\:dark, html.auto .sf-c-txt-darkgray\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkgreen.css b/src/colors/10/darkgreen.css index 7deb1ee..63efd81 100644 --- a/src/colors/10/darkgreen.css +++ b/src/colors/10/darkgreen.css @@ -78,6 +78,32 @@ html.var .sf-c-darkgreen\:80 { color: hsl(120, 100%, 10%); background: hsl(120, html.var .sf-c-darkgreen\:90 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } html.var .sf-c-darkgreen\:100 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } +.sf-c-txt-darkgreen { color: hsl(var(--sf-dark-c-txt-darkgreen)) } +.sf-c-txt-darkgreen\:0 { color: hsl(var(--sf-dark-c-txt-darkgreen-100)) } +.sf-c-txt-darkgreen\:10 { color: hsl(var(--sf-dark-c-txt-darkgreen-90)) } +.sf-c-txt-darkgreen\:20 { color: hsl(var(--sf-dark-c-txt-darkgreen-80)) } +.sf-c-txt-darkgreen\:30 { color: hsl(var(--sf-dark-c-txt-darkgreen-70)) } +.sf-c-txt-darkgreen\:40 { color: hsl(var(--sf-dark-c-txt-darkgreen-60)) } +.sf-c-txt-darkgreen\:50 { color: hsl(var(--sf-dark-c-txt-darkgreen-50)) } +.sf-c-txt-darkgreen\:60 { color: hsl(var(--sf-dark-c-txt-darkgreen-40)) } +.sf-c-txt-darkgreen\:70 { color: hsl(var(--sf-dark-c-txt-darkgreen-30)) } +.sf-c-txt-darkgreen\:80 { color: hsl(var(--sf-dark-c-txt-darkgreen-20)) } +.sf-c-txt-darkgreen\:90 { color: hsl(var(--sf-dark-c-txt-darkgreen-10)) } +.sf-c-txt-darkgreen\:100 { color: hsl(var(--sf-dark-c-txt-darkgreen-0)) } + +html.var .sf-c-txt-darkgreen { color: hsl(120, 100%, 80%) } +html.var .sf-c-txt-darkgreen\:0 { color: hsl(120, 100%, 100%) } +html.var .sf-c-txt-darkgreen\:10 { color: hsl(120, 100%, 90%) } +html.var .sf-c-txt-darkgreen\:20 { color: hsl(120, 100%, 80%) } +html.var .sf-c-txt-darkgreen\:30 { color: hsl(120, 100%, 70%) } +html.var .sf-c-txt-darkgreen\:40 { color: hsl(120, 100%, 60%) } +html.var .sf-c-txt-darkgreen\:50 { color: hsl(120, 100%, 50%) } +html.var .sf-c-txt-darkgreen\:60 { color: hsl(120, 100%, 40%) } +html.var .sf-c-txt-darkgreen\:70 { color: hsl(120, 100%, 30%) } +html.var .sf-c-txt-darkgreen\:80 { color: hsl(120, 100%, 20%) } +html.var .sf-c-txt-darkgreen\:90 { color: hsl(120, 100%, 10%) } +html.var .sf-c-txt-darkgreen\:100 { color: hsl(120, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkgreen, html.dark .sf-c-darkgreen { color: hsl(var(--sf-dark-c-txt-darkgreen-10)); background: hsl(var(--sf-dark-c-darkgreen)) } html[data-theme='dark'] .sf-c-darkgreen\:0, html.dark .sf-c-darkgreen\:0 { color: hsl(var(--sf-dark-c-txt-darkgreen-90)); background: hsl(var(--sf-dark-c-darkgreen-100)) } html[data-theme='dark'] .sf-c-darkgreen\:10, html.dark .sf-c-darkgreen\:10 { color: hsl(var(--sf-dark-c-txt-darkgreen-10)); background: hsl(var(--sf-dark-c-darkgreen-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkgreen\:80\:dark, html.dark .sf-c-darkgreen\:80 html[data-theme='dark'] .sf-c-darkgreen\:90\:dark, html.dark .sf-c-darkgreen\:90\:dark { color: hsl(var(--sf-c-txt-darkgreen-90)); background: hsl(var(--sf-c-darkgreen-10)) } html[data-theme='dark'] .sf-c-darkgreen\:100\:dark, html.dark .sf-c-darkgreen\:100\:dark { color: hsl(var(--sf-c-txt-darkgreen-90)); background: hsl(var(--sf-c-darkgreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkgreen, html.dark .sf-c-txt-darkgreen { color: hsl(var(--sf-c-txt-darkgreen)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:0, html.dark .sf-c-txt-darkgreen\:0 { color: hsl(var(--sf-c-txt-darkgreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:10, html.dark .sf-c-txt-darkgreen\:10 { color: hsl(var(--sf-c-txt-darkgreen-10)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:20, html.dark .sf-c-txt-darkgreen\:20 { color: hsl(var(--sf-c-txt-darkgreen-20)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:30, html.dark .sf-c-txt-darkgreen\:30 { color: hsl(var(--sf-c-txt-darkgreen-30)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:40, html.dark .sf-c-txt-darkgreen\:40 { color: hsl(var(--sf-c-txt-darkgreen-40)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:50, html.dark .sf-c-txt-darkgreen\:50 { color: hsl(var(--sf-c-txt-darkgreen-50)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:60, html.dark .sf-c-txt-darkgreen\:60 { color: hsl(var(--sf-c-txt-darkgreen-60)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:70, html.dark .sf-c-txt-darkgreen\:70 { color: hsl(var(--sf-c-txt-darkgreen-70)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:80, html.dark .sf-c-txt-darkgreen\:80 { color: hsl(var(--sf-c-txt-darkgreen-80)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:90, html.dark .sf-c-txt-darkgreen\:90 { color: hsl(var(--sf-c-txt-darkgreen-90)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:100, html.dark .sf-c-txt-darkgreen\:100 { color: hsl(var(--sf-c-txt-darkgreen-100)) } + +html[data-theme='dark'] .sf-c-txt-darkgreen\:dark, html.dark .sf-c-txt-darkgreen\:dark { color: hsl(var(--sf-c-txt-darkgreen)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:0\:dark, html.dark .sf-c-txt-darkgreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:10\:dark, html.dark .sf-c-txt-darkgreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-10)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:20\:dark, html.dark .sf-c-txt-darkgreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-20)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:30\:dark, html.dark .sf-c-txt-darkgreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-30)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:40\:dark, html.dark .sf-c-txt-darkgreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-40)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:50\:dark, html.dark .sf-c-txt-darkgreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-50)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:60\:dark, html.dark .sf-c-txt-darkgreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-60)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:70\:dark, html.dark .sf-c-txt-darkgreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-70)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:80\:dark, html.dark .sf-c-txt-darkgreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-80)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:90\:dark, html.dark .sf-c-txt-darkgreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-90)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:100\:dark, html.dark .sf-c-txt-darkgreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-100)) } + html.var[data-theme='dark'] .sf-c-darkgreen, html.var.dark .sf-c-darkgreen { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } html.var[data-theme='dark'] .sf-c-darkgreen\:0, html.var.dark .sf-c-darkgreen\:0 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkgreen\:10, html.var.dark .sf-c-darkgreen\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkgreen\:80\:dark, html.var.dark .sf-c-darkg html.var[data-theme='dark'] .sf-c-darkgreen\:90\:dark, html.var.dark .sf-c-darkgreen\:90\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } html.var[data-theme='dark'] .sf-c-darkgreen\:100\:dark, html.var.dark .sf-c-darkgreen\:100\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen, html.dark .sf-c-txt-darkgreen { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:0, html.dark .sf-c-txt-darkgreen\:0 { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:10, html.dark .sf-c-txt-darkgreen\:10 { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:20, html.dark .sf-c-txt-darkgreen\:20 { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:30, html.dark .sf-c-txt-darkgreen\:30 { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:40, html.dark .sf-c-txt-darkgreen\:40 { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:50, html.dark .sf-c-txt-darkgreen\:50 { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:60, html.dark .sf-c-txt-darkgreen\:60 { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:70, html.dark .sf-c-txt-darkgreen\:70 { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:80, html.dark .sf-c-txt-darkgreen\:80 { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:90, html.dark .sf-c-txt-darkgreen\:90 { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:100, html.dark .sf-c-txt-darkgreen\:100 { color: hsl(120, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:dark, html.dark .sf-c-txt-darkgreen\:dark { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:0\:dark, html.dark .sf-c-txt-darkgreen\:0\:dark { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:10\:dark, html.dark .sf-c-txt-darkgreen\:10\:dark { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:20\:dark, html.dark .sf-c-txt-darkgreen\:20\:dark { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:30\:dark, html.dark .sf-c-txt-darkgreen\:30\:dark { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:40\:dark, html.dark .sf-c-txt-darkgreen\:40\:dark { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:50\:dark, html.dark .sf-c-txt-darkgreen\:50\:dark { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:60\:dark, html.dark .sf-c-txt-darkgreen\:60\:dark { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:70\:dark, html.dark .sf-c-txt-darkgreen\:70\:dark { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:80\:dark, html.dark .sf-c-txt-darkgreen\:80\:dark { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:90\:dark, html.dark .sf-c-txt-darkgreen\:90\:dark { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:100\:dark, html.dark .sf-c-txt-darkgreen\:100\:dark { color: hsl(120, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkgreen, html.auto .sf-c-darkgreen { color: hsl(var(--sf-dark-c-txt-darkgreen-10)); background: hsl(var(--sf-dark-c-darkgreen)) } html[data-theme='auto'] .sf-c-darkgreen\:0, html.auto .sf-c-darkgreen\:0 { color: hsl(var(--sf-dark-c-txt-darkgreen-90)); background: hsl(var(--sf-dark-c-darkgreen-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkgreen\:100\:dark, html.var.dark .sf-c-dark html[data-theme='auto'] .sf-c-darkgreen\:90\:dark, html.auto .sf-c-darkgreen\:90\:dark { color: hsl(var(--sf-c-txt-darkgreen-90)); background: hsl(var(--sf-c-darkgreen-10)) } html[data-theme='auto'] .sf-c-darkgreen\:100\:dark, html.auto .sf-c-darkgreen\:100\:dark { color: hsl(var(--sf-c-txt-darkgreen-90)); background: hsl(var(--sf-c-darkgreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkgreen, html.auto .sf-c-txt-darkgreen { color: hsl(var(--sf-c-txt-darkgreen)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:0, html.auto .sf-c-txt-darkgreen\:0 { color: hsl(var(--sf-c-txt-darkgreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:10, html.auto .sf-c-txt-darkgreen\:10 { color: hsl(var(--sf-c-txt-darkgreen-10)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:20, html.auto .sf-c-txt-darkgreen\:20 { color: hsl(var(--sf-c-txt-darkgreen-20)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:30, html.auto .sf-c-txt-darkgreen\:30 { color: hsl(var(--sf-c-txt-darkgreen-30)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:40, html.auto .sf-c-txt-darkgreen\:40 { color: hsl(var(--sf-c-txt-darkgreen-40)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:50, html.auto .sf-c-txt-darkgreen\:50 { color: hsl(var(--sf-c-txt-darkgreen-50)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:60, html.auto .sf-c-txt-darkgreen\:60 { color: hsl(var(--sf-c-txt-darkgreen-60)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:70, html.auto .sf-c-txt-darkgreen\:70 { color: hsl(var(--sf-c-txt-darkgreen-70)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:80, html.auto .sf-c-txt-darkgreen\:80 { color: hsl(var(--sf-c-txt-darkgreen-80)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:90, html.auto .sf-c-txt-darkgreen\:90 { color: hsl(var(--sf-c-txt-darkgreen-90)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:100, html.auto .sf-c-txt-darkgreen\:100 { color: hsl(var(--sf-c-txt-darkgreen-100)) } + + html[data-theme='auto'] .sf-c-txt-darkgreen\:dark, html.auto .sf-c-txt-darkgreen\:dark { color: hsl(var(--sf-c-txt-darkgreen)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:0\:dark, html.auto .sf-c-txt-darkgreen\:0\:dark { color: hsl(var(--sf-c-txt-darkgreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:10\:dark, html.auto .sf-c-txt-darkgreen\:10\:dark { color: hsl(var(--sf-c-txt-darkgreen-10)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:20\:dark, html.auto .sf-c-txt-darkgreen\:20\:dark { color: hsl(var(--sf-c-txt-darkgreen-20)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:30\:dark, html.auto .sf-c-txt-darkgreen\:30\:dark { color: hsl(var(--sf-c-txt-darkgreen-30)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:40\:dark, html.auto .sf-c-txt-darkgreen\:40\:dark { color: hsl(var(--sf-c-txt-darkgreen-40)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:50\:dark, html.auto .sf-c-txt-darkgreen\:50\:dark { color: hsl(var(--sf-c-txt-darkgreen-50)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:60\:dark, html.auto .sf-c-txt-darkgreen\:60\:dark { color: hsl(var(--sf-c-txt-darkgreen-60)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:70\:dark, html.auto .sf-c-txt-darkgreen\:70\:dark { color: hsl(var(--sf-c-txt-darkgreen-70)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:80\:dark, html.auto .sf-c-txt-darkgreen\:80\:dark { color: hsl(var(--sf-c-txt-darkgreen-80)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:90\:dark, html.auto .sf-c-txt-darkgreen\:90\:dark { color: hsl(var(--sf-c-txt-darkgreen-90)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:100\:dark, html.auto .sf-c-txt-darkgreen\:100\:dark { color: hsl(var(--sf-c-txt-darkgreen-100)) } + html.var[data-theme='auto'] .sf-c-darkgreen, html.var.auto .sf-c-darkgreen { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 80%) } html.var[data-theme='auto'] .sf-c-darkgreen\:0, html.var.auto .sf-c-darkgreen\:0 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkgreen\:10, html.var.auto .sf-c-darkgreen\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkgreen\:100\:dark, html.var.dark .sf-c-dark html.var[data-theme='auto'] .sf-c-darkgreen\:80\:dark, html.var.auto .sf-c-darkgreen\:80\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } html.var[data-theme='auto'] .sf-c-darkgreen\:90\:dark, html.var.auto .sf-c-darkgreen\:90\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkgreen\:100\:dark, html.var.auto .sf-c-darkgreen\:100\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } -} -.sf-c-txt-darkgreen { color: hsl(var(--sf-c-txt-darkgreen)) } -.sf-c-txt-darkgreen\:0 { color: hsl(var(--sf-c-txt-darkgreen-0)) } -.sf-c-txt-darkgreen\:10 { color: hsl(var(--sf-c-txt-darkgreen-10)) } -.sf-c-txt-darkgreen\:20 { color: hsl(var(--sf-c-txt-darkgreen-20)) } -.sf-c-txt-darkgreen\:30 { color: hsl(var(--sf-c-txt-darkgreen-30)) } -.sf-c-txt-darkgreen\:40 { color: hsl(var(--sf-c-txt-darkgreen-40)) } -.sf-c-txt-darkgreen\:50 { color: hsl(var(--sf-c-txt-darkgreen-50)) } -.sf-c-txt-darkgreen\:60 { color: hsl(var(--sf-c-txt-darkgreen-60)) } -.sf-c-txt-darkgreen\:70 { color: hsl(var(--sf-c-txt-darkgreen-70)) } -.sf-c-txt-darkgreen\:80 { color: hsl(var(--sf-c-txt-darkgreen-80)) } -.sf-c-txt-darkgreen\:90 { color: hsl(var(--sf-c-txt-darkgreen-90)) } -.sf-c-txt-darkgreen\:100 { color: hsl(var(--sf-c-txt-darkgreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkgreen, html.auto .sf-c-txt-darkgreen { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:0, html.auto .sf-c-txt-darkgreen\:0 { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:10, html.auto .sf-c-txt-darkgreen\:10 { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:20, html.auto .sf-c-txt-darkgreen\:20 { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:30, html.auto .sf-c-txt-darkgreen\:30 { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:40, html.auto .sf-c-txt-darkgreen\:40 { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:50, html.auto .sf-c-txt-darkgreen\:50 { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:60, html.auto .sf-c-txt-darkgreen\:60 { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:70, html.auto .sf-c-txt-darkgreen\:70 { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:80, html.auto .sf-c-txt-darkgreen\:80 { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:90, html.auto .sf-c-txt-darkgreen\:90 { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:100, html.auto .sf-c-txt-darkgreen\:100 { color: hsl(120, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:dark, html.auto .sf-c-txt-darkgreen\:dark { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:0\:dark, html.auto .sf-c-txt-darkgreen\:0\:dark { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:10\:dark, html.auto .sf-c-txt-darkgreen\:10\:dark { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:20\:dark, html.auto .sf-c-txt-darkgreen\:20\:dark { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:30\:dark, html.auto .sf-c-txt-darkgreen\:30\:dark { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:40\:dark, html.auto .sf-c-txt-darkgreen\:40\:dark { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:50\:dark, html.auto .sf-c-txt-darkgreen\:50\:dark { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:60\:dark, html.auto .sf-c-txt-darkgreen\:60\:dark { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:70\:dark, html.auto .sf-c-txt-darkgreen\:70\:dark { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:80\:dark, html.auto .sf-c-txt-darkgreen\:80\:dark { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:90\:dark, html.auto .sf-c-txt-darkgreen\:90\:dark { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:100\:dark, html.auto .sf-c-txt-darkgreen\:100\:dark { color: hsl(120, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkgrey.css b/src/colors/10/darkgrey.css index 80bcd42..46500a7 100644 --- a/src/colors/10/darkgrey.css +++ b/src/colors/10/darkgrey.css @@ -78,6 +78,32 @@ html.var .sf-c-darkgrey\:80 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80% html.var .sf-c-darkgrey\:90 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } html.var .sf-c-darkgrey\:100 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } +.sf-c-txt-darkgrey { color: hsl(var(--sf-dark-c-txt-darkgrey)) } +.sf-c-txt-darkgrey\:0 { color: hsl(var(--sf-dark-c-txt-darkgrey-100)) } +.sf-c-txt-darkgrey\:10 { color: hsl(var(--sf-dark-c-txt-darkgrey-90)) } +.sf-c-txt-darkgrey\:20 { color: hsl(var(--sf-dark-c-txt-darkgrey-80)) } +.sf-c-txt-darkgrey\:30 { color: hsl(var(--sf-dark-c-txt-darkgrey-70)) } +.sf-c-txt-darkgrey\:40 { color: hsl(var(--sf-dark-c-txt-darkgrey-60)) } +.sf-c-txt-darkgrey\:50 { color: hsl(var(--sf-dark-c-txt-darkgrey-50)) } +.sf-c-txt-darkgrey\:60 { color: hsl(var(--sf-dark-c-txt-darkgrey-40)) } +.sf-c-txt-darkgrey\:70 { color: hsl(var(--sf-dark-c-txt-darkgrey-30)) } +.sf-c-txt-darkgrey\:80 { color: hsl(var(--sf-dark-c-txt-darkgrey-20)) } +.sf-c-txt-darkgrey\:90 { color: hsl(var(--sf-dark-c-txt-darkgrey-10)) } +.sf-c-txt-darkgrey\:100 { color: hsl(var(--sf-dark-c-txt-darkgrey-0)) } + +html.var .sf-c-txt-darkgrey { color: hsl(0, 0%, 34%) } +html.var .sf-c-txt-darkgrey\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-darkgrey\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-darkgrey\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-darkgrey\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-darkgrey\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-darkgrey\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-darkgrey\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-darkgrey\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-darkgrey\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-darkgrey\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-darkgrey\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-darkgrey, html.dark .sf-c-darkgrey { color: hsl(var(--sf-dark-c-txt-darkgrey-90)); background: hsl(var(--sf-dark-c-darkgrey)) } html[data-theme='dark'] .sf-c-darkgrey\:0, html.dark .sf-c-darkgrey\:0 { color: hsl(var(--sf-dark-c-txt-darkgrey-90)); background: hsl(var(--sf-dark-c-darkgrey-100)) } html[data-theme='dark'] .sf-c-darkgrey\:10, html.dark .sf-c-darkgrey\:10 { color: hsl(var(--sf-dark-c-txt-darkgrey-10)); background: hsl(var(--sf-dark-c-darkgrey-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkgrey\:80\:dark, html.dark .sf-c-darkgrey\:80\: html[data-theme='dark'] .sf-c-darkgrey\:90\:dark, html.dark .sf-c-darkgrey\:90\:dark { color: hsl(var(--sf-c-txt-darkgrey-90)); background: hsl(var(--sf-c-darkgrey-10)) } html[data-theme='dark'] .sf-c-darkgrey\:100\:dark, html.dark .sf-c-darkgrey\:100\:dark { color: hsl(var(--sf-c-txt-darkgrey-90)); background: hsl(var(--sf-c-darkgrey-0)) } +html[data-theme='dark'] .sf-c-txt-darkgrey, html.dark .sf-c-txt-darkgrey { color: hsl(var(--sf-c-txt-darkgrey)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:0, html.dark .sf-c-txt-darkgrey\:0 { color: hsl(var(--sf-c-txt-darkgrey-0)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:10, html.dark .sf-c-txt-darkgrey\:10 { color: hsl(var(--sf-c-txt-darkgrey-10)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:20, html.dark .sf-c-txt-darkgrey\:20 { color: hsl(var(--sf-c-txt-darkgrey-20)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:30, html.dark .sf-c-txt-darkgrey\:30 { color: hsl(var(--sf-c-txt-darkgrey-30)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:40, html.dark .sf-c-txt-darkgrey\:40 { color: hsl(var(--sf-c-txt-darkgrey-40)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:50, html.dark .sf-c-txt-darkgrey\:50 { color: hsl(var(--sf-c-txt-darkgrey-50)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:60, html.dark .sf-c-txt-darkgrey\:60 { color: hsl(var(--sf-c-txt-darkgrey-60)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:70, html.dark .sf-c-txt-darkgrey\:70 { color: hsl(var(--sf-c-txt-darkgrey-70)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:80, html.dark .sf-c-txt-darkgrey\:80 { color: hsl(var(--sf-c-txt-darkgrey-80)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:90, html.dark .sf-c-txt-darkgrey\:90 { color: hsl(var(--sf-c-txt-darkgrey-90)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:100, html.dark .sf-c-txt-darkgrey\:100 { color: hsl(var(--sf-c-txt-darkgrey-100)) } + +html[data-theme='dark'] .sf-c-txt-darkgrey\:dark, html.dark .sf-c-txt-darkgrey\:dark { color: hsl(var(--sf-c-txt-darkgrey)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:0\:dark, html.dark .sf-c-txt-darkgrey\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-0)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:10\:dark, html.dark .sf-c-txt-darkgrey\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-10)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:20\:dark, html.dark .sf-c-txt-darkgrey\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-20)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:30\:dark, html.dark .sf-c-txt-darkgrey\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-30)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:40\:dark, html.dark .sf-c-txt-darkgrey\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-40)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:50\:dark, html.dark .sf-c-txt-darkgrey\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-50)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:60\:dark, html.dark .sf-c-txt-darkgrey\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-60)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:70\:dark, html.dark .sf-c-txt-darkgrey\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-70)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:80\:dark, html.dark .sf-c-txt-darkgrey\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-80)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:90\:dark, html.dark .sf-c-txt-darkgrey\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-90)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:100\:dark, html.dark .sf-c-txt-darkgrey\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-100)) } + html.var[data-theme='dark'] .sf-c-darkgrey, html.var.dark .sf-c-darkgrey { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 34%) } html.var[data-theme='dark'] .sf-c-darkgrey\:0, html.var.dark .sf-c-darkgrey\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-darkgrey\:10, html.var.dark .sf-c-darkgrey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkgrey\:80\:dark, html.var.dark .sf-c-darkgr html.var[data-theme='dark'] .sf-c-darkgrey\:90\:dark, html.var.dark .sf-c-darkgrey\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='dark'] .sf-c-darkgrey\:100\:dark, html.var.dark .sf-c-darkgrey\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey, html.dark .sf-c-txt-darkgrey { color: hsl(0, 0%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:0, html.dark .sf-c-txt-darkgrey\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:10, html.dark .sf-c-txt-darkgrey\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:20, html.dark .sf-c-txt-darkgrey\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:30, html.dark .sf-c-txt-darkgrey\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:40, html.dark .sf-c-txt-darkgrey\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:50, html.dark .sf-c-txt-darkgrey\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:60, html.dark .sf-c-txt-darkgrey\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:70, html.dark .sf-c-txt-darkgrey\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:80, html.dark .sf-c-txt-darkgrey\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:90, html.dark .sf-c-txt-darkgrey\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:100, html.dark .sf-c-txt-darkgrey\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:dark, html.dark .sf-c-txt-darkgrey\:dark { color: hsl(0, 0%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:0\:dark, html.dark .sf-c-txt-darkgrey\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:10\:dark, html.dark .sf-c-txt-darkgrey\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:20\:dark, html.dark .sf-c-txt-darkgrey\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:30\:dark, html.dark .sf-c-txt-darkgrey\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:40\:dark, html.dark .sf-c-txt-darkgrey\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:50\:dark, html.dark .sf-c-txt-darkgrey\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:60\:dark, html.dark .sf-c-txt-darkgrey\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:70\:dark, html.dark .sf-c-txt-darkgrey\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:80\:dark, html.dark .sf-c-txt-darkgrey\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:90\:dark, html.dark .sf-c-txt-darkgrey\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:100\:dark, html.dark .sf-c-txt-darkgrey\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkgrey, html.auto .sf-c-darkgrey { color: hsl(var(--sf-dark-c-txt-darkgrey-90)); background: hsl(var(--sf-dark-c-darkgrey)) } html[data-theme='auto'] .sf-c-darkgrey\:0, html.auto .sf-c-darkgrey\:0 { color: hsl(var(--sf-dark-c-txt-darkgrey-90)); background: hsl(var(--sf-dark-c-darkgrey-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkgrey\:100\:dark, html.var.dark .sf-c-darkg html[data-theme='auto'] .sf-c-darkgrey\:90\:dark, html.auto .sf-c-darkgrey\:90\:dark { color: hsl(var(--sf-c-txt-darkgrey-90)); background: hsl(var(--sf-c-darkgrey-10)) } html[data-theme='auto'] .sf-c-darkgrey\:100\:dark, html.auto .sf-c-darkgrey\:100\:dark { color: hsl(var(--sf-c-txt-darkgrey-90)); background: hsl(var(--sf-c-darkgrey-0)) } + html[data-theme='auto'] .sf-c-txt-darkgrey, html.auto .sf-c-txt-darkgrey { color: hsl(var(--sf-c-txt-darkgrey)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:0, html.auto .sf-c-txt-darkgrey\:0 { color: hsl(var(--sf-c-txt-darkgrey-0)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:10, html.auto .sf-c-txt-darkgrey\:10 { color: hsl(var(--sf-c-txt-darkgrey-10)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:20, html.auto .sf-c-txt-darkgrey\:20 { color: hsl(var(--sf-c-txt-darkgrey-20)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:30, html.auto .sf-c-txt-darkgrey\:30 { color: hsl(var(--sf-c-txt-darkgrey-30)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:40, html.auto .sf-c-txt-darkgrey\:40 { color: hsl(var(--sf-c-txt-darkgrey-40)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:50, html.auto .sf-c-txt-darkgrey\:50 { color: hsl(var(--sf-c-txt-darkgrey-50)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:60, html.auto .sf-c-txt-darkgrey\:60 { color: hsl(var(--sf-c-txt-darkgrey-60)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:70, html.auto .sf-c-txt-darkgrey\:70 { color: hsl(var(--sf-c-txt-darkgrey-70)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:80, html.auto .sf-c-txt-darkgrey\:80 { color: hsl(var(--sf-c-txt-darkgrey-80)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:90, html.auto .sf-c-txt-darkgrey\:90 { color: hsl(var(--sf-c-txt-darkgrey-90)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:100, html.auto .sf-c-txt-darkgrey\:100 { color: hsl(var(--sf-c-txt-darkgrey-100)) } + + html[data-theme='auto'] .sf-c-txt-darkgrey\:dark, html.auto .sf-c-txt-darkgrey\:dark { color: hsl(var(--sf-c-txt-darkgrey)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:0\:dark, html.auto .sf-c-txt-darkgrey\:0\:dark { color: hsl(var(--sf-c-txt-darkgrey-0)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:10\:dark, html.auto .sf-c-txt-darkgrey\:10\:dark { color: hsl(var(--sf-c-txt-darkgrey-10)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:20\:dark, html.auto .sf-c-txt-darkgrey\:20\:dark { color: hsl(var(--sf-c-txt-darkgrey-20)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:30\:dark, html.auto .sf-c-txt-darkgrey\:30\:dark { color: hsl(var(--sf-c-txt-darkgrey-30)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:40\:dark, html.auto .sf-c-txt-darkgrey\:40\:dark { color: hsl(var(--sf-c-txt-darkgrey-40)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:50\:dark, html.auto .sf-c-txt-darkgrey\:50\:dark { color: hsl(var(--sf-c-txt-darkgrey-50)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:60\:dark, html.auto .sf-c-txt-darkgrey\:60\:dark { color: hsl(var(--sf-c-txt-darkgrey-60)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:70\:dark, html.auto .sf-c-txt-darkgrey\:70\:dark { color: hsl(var(--sf-c-txt-darkgrey-70)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:80\:dark, html.auto .sf-c-txt-darkgrey\:80\:dark { color: hsl(var(--sf-c-txt-darkgrey-80)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:90\:dark, html.auto .sf-c-txt-darkgrey\:90\:dark { color: hsl(var(--sf-c-txt-darkgrey-90)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:100\:dark, html.auto .sf-c-txt-darkgrey\:100\:dark { color: hsl(var(--sf-c-txt-darkgrey-100)) } + html.var[data-theme='auto'] .sf-c-darkgrey, html.var.auto .sf-c-darkgrey { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 34%) } html.var[data-theme='auto'] .sf-c-darkgrey\:0, html.var.auto .sf-c-darkgrey\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-darkgrey\:10, html.var.auto .sf-c-darkgrey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkgrey\:100\:dark, html.var.dark .sf-c-darkg html.var[data-theme='auto'] .sf-c-darkgrey\:80\:dark, html.var.auto .sf-c-darkgrey\:80\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } html.var[data-theme='auto'] .sf-c-darkgrey\:90\:dark, html.var.auto .sf-c-darkgrey\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-darkgrey\:100\:dark, html.var.auto .sf-c-darkgrey\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-darkgrey { color: hsl(var(--sf-c-txt-darkgrey)) } -.sf-c-txt-darkgrey\:0 { color: hsl(var(--sf-c-txt-darkgrey-0)) } -.sf-c-txt-darkgrey\:10 { color: hsl(var(--sf-c-txt-darkgrey-10)) } -.sf-c-txt-darkgrey\:20 { color: hsl(var(--sf-c-txt-darkgrey-20)) } -.sf-c-txt-darkgrey\:30 { color: hsl(var(--sf-c-txt-darkgrey-30)) } -.sf-c-txt-darkgrey\:40 { color: hsl(var(--sf-c-txt-darkgrey-40)) } -.sf-c-txt-darkgrey\:50 { color: hsl(var(--sf-c-txt-darkgrey-50)) } -.sf-c-txt-darkgrey\:60 { color: hsl(var(--sf-c-txt-darkgrey-60)) } -.sf-c-txt-darkgrey\:70 { color: hsl(var(--sf-c-txt-darkgrey-70)) } -.sf-c-txt-darkgrey\:80 { color: hsl(var(--sf-c-txt-darkgrey-80)) } -.sf-c-txt-darkgrey\:90 { color: hsl(var(--sf-c-txt-darkgrey-90)) } -.sf-c-txt-darkgrey\:100 { color: hsl(var(--sf-c-txt-darkgrey-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkgrey, html.auto .sf-c-txt-darkgrey { color: hsl(0, 0%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:0, html.auto .sf-c-txt-darkgrey\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:10, html.auto .sf-c-txt-darkgrey\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:20, html.auto .sf-c-txt-darkgrey\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:30, html.auto .sf-c-txt-darkgrey\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:40, html.auto .sf-c-txt-darkgrey\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:50, html.auto .sf-c-txt-darkgrey\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:60, html.auto .sf-c-txt-darkgrey\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:70, html.auto .sf-c-txt-darkgrey\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:80, html.auto .sf-c-txt-darkgrey\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:90, html.auto .sf-c-txt-darkgrey\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:100, html.auto .sf-c-txt-darkgrey\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:dark, html.auto .sf-c-txt-darkgrey\:dark { color: hsl(0, 0%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:0\:dark, html.auto .sf-c-txt-darkgrey\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:10\:dark, html.auto .sf-c-txt-darkgrey\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:20\:dark, html.auto .sf-c-txt-darkgrey\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:30\:dark, html.auto .sf-c-txt-darkgrey\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:40\:dark, html.auto .sf-c-txt-darkgrey\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:50\:dark, html.auto .sf-c-txt-darkgrey\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:60\:dark, html.auto .sf-c-txt-darkgrey\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:70\:dark, html.auto .sf-c-txt-darkgrey\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:80\:dark, html.auto .sf-c-txt-darkgrey\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:90\:dark, html.auto .sf-c-txt-darkgrey\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:100\:dark, html.auto .sf-c-txt-darkgrey\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkkhaki.css b/src/colors/10/darkkhaki.css index d8584c2..7644f28 100644 --- a/src/colors/10/darkkhaki.css +++ b/src/colors/10/darkkhaki.css @@ -78,6 +78,32 @@ html.var .sf-c-darkkhaki\:80 { color: hsl(56, 38%, 10%); background: hsl(56, 38% html.var .sf-c-darkkhaki\:90 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 90%) } html.var .sf-c-darkkhaki\:100 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 100%) } +.sf-c-txt-darkkhaki { color: hsl(var(--sf-dark-c-txt-darkkhaki)) } +.sf-c-txt-darkkhaki\:0 { color: hsl(var(--sf-dark-c-txt-darkkhaki-100)) } +.sf-c-txt-darkkhaki\:10 { color: hsl(var(--sf-dark-c-txt-darkkhaki-90)) } +.sf-c-txt-darkkhaki\:20 { color: hsl(var(--sf-dark-c-txt-darkkhaki-80)) } +.sf-c-txt-darkkhaki\:30 { color: hsl(var(--sf-dark-c-txt-darkkhaki-70)) } +.sf-c-txt-darkkhaki\:40 { color: hsl(var(--sf-dark-c-txt-darkkhaki-60)) } +.sf-c-txt-darkkhaki\:50 { color: hsl(var(--sf-dark-c-txt-darkkhaki-50)) } +.sf-c-txt-darkkhaki\:60 { color: hsl(var(--sf-dark-c-txt-darkkhaki-40)) } +.sf-c-txt-darkkhaki\:70 { color: hsl(var(--sf-dark-c-txt-darkkhaki-30)) } +.sf-c-txt-darkkhaki\:80 { color: hsl(var(--sf-dark-c-txt-darkkhaki-20)) } +.sf-c-txt-darkkhaki\:90 { color: hsl(var(--sf-dark-c-txt-darkkhaki-10)) } +.sf-c-txt-darkkhaki\:100 { color: hsl(var(--sf-dark-c-txt-darkkhaki-0)) } + +html.var .sf-c-txt-darkkhaki { color: hsl(56, 38%, 42%) } +html.var .sf-c-txt-darkkhaki\:0 { color: hsl(56, 38%, 100%) } +html.var .sf-c-txt-darkkhaki\:10 { color: hsl(56, 38%, 90%) } +html.var .sf-c-txt-darkkhaki\:20 { color: hsl(56, 38%, 80%) } +html.var .sf-c-txt-darkkhaki\:30 { color: hsl(56, 38%, 70%) } +html.var .sf-c-txt-darkkhaki\:40 { color: hsl(56, 38%, 60%) } +html.var .sf-c-txt-darkkhaki\:50 { color: hsl(56, 38%, 50%) } +html.var .sf-c-txt-darkkhaki\:60 { color: hsl(56, 38%, 40%) } +html.var .sf-c-txt-darkkhaki\:70 { color: hsl(56, 38%, 30%) } +html.var .sf-c-txt-darkkhaki\:80 { color: hsl(56, 38%, 20%) } +html.var .sf-c-txt-darkkhaki\:90 { color: hsl(56, 38%, 10%) } +html.var .sf-c-txt-darkkhaki\:100 { color: hsl(56, 38%, 0%) } + html[data-theme='dark'] .sf-c-darkkhaki, html.dark .sf-c-darkkhaki { color: hsl(var(--sf-dark-c-txt-darkkhaki-90)); background: hsl(var(--sf-dark-c-darkkhaki)) } html[data-theme='dark'] .sf-c-darkkhaki\:0, html.dark .sf-c-darkkhaki\:0 { color: hsl(var(--sf-dark-c-txt-darkkhaki-90)); background: hsl(var(--sf-dark-c-darkkhaki-100)) } html[data-theme='dark'] .sf-c-darkkhaki\:10, html.dark .sf-c-darkkhaki\:10 { color: hsl(var(--sf-dark-c-txt-darkkhaki-10)); background: hsl(var(--sf-dark-c-darkkhaki-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkkhaki\:80\:dark, html.dark .sf-c-darkkhaki\:80 html[data-theme='dark'] .sf-c-darkkhaki\:90\:dark, html.dark .sf-c-darkkhaki\:90\:dark { color: hsl(var(--sf-c-txt-darkkhaki-90)); background: hsl(var(--sf-c-darkkhaki-10)) } html[data-theme='dark'] .sf-c-darkkhaki\:100\:dark, html.dark .sf-c-darkkhaki\:100\:dark { color: hsl(var(--sf-c-txt-darkkhaki-90)); background: hsl(var(--sf-c-darkkhaki-0)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki, html.dark .sf-c-txt-darkkhaki { color: hsl(var(--sf-c-txt-darkkhaki)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:0, html.dark .sf-c-txt-darkkhaki\:0 { color: hsl(var(--sf-c-txt-darkkhaki-0)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:10, html.dark .sf-c-txt-darkkhaki\:10 { color: hsl(var(--sf-c-txt-darkkhaki-10)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:20, html.dark .sf-c-txt-darkkhaki\:20 { color: hsl(var(--sf-c-txt-darkkhaki-20)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:30, html.dark .sf-c-txt-darkkhaki\:30 { color: hsl(var(--sf-c-txt-darkkhaki-30)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:40, html.dark .sf-c-txt-darkkhaki\:40 { color: hsl(var(--sf-c-txt-darkkhaki-40)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:50, html.dark .sf-c-txt-darkkhaki\:50 { color: hsl(var(--sf-c-txt-darkkhaki-50)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:60, html.dark .sf-c-txt-darkkhaki\:60 { color: hsl(var(--sf-c-txt-darkkhaki-60)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:70, html.dark .sf-c-txt-darkkhaki\:70 { color: hsl(var(--sf-c-txt-darkkhaki-70)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:80, html.dark .sf-c-txt-darkkhaki\:80 { color: hsl(var(--sf-c-txt-darkkhaki-80)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:90, html.dark .sf-c-txt-darkkhaki\:90 { color: hsl(var(--sf-c-txt-darkkhaki-90)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:100, html.dark .sf-c-txt-darkkhaki\:100 { color: hsl(var(--sf-c-txt-darkkhaki-100)) } + +html[data-theme='dark'] .sf-c-txt-darkkhaki\:dark, html.dark .sf-c-txt-darkkhaki\:dark { color: hsl(var(--sf-c-txt-darkkhaki)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:0\:dark, html.dark .sf-c-txt-darkkhaki\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-0)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:10\:dark, html.dark .sf-c-txt-darkkhaki\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-10)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:20\:dark, html.dark .sf-c-txt-darkkhaki\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-20)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:30\:dark, html.dark .sf-c-txt-darkkhaki\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-30)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:40\:dark, html.dark .sf-c-txt-darkkhaki\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-40)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:50\:dark, html.dark .sf-c-txt-darkkhaki\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-50)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:60\:dark, html.dark .sf-c-txt-darkkhaki\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-60)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:70\:dark, html.dark .sf-c-txt-darkkhaki\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-70)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:80\:dark, html.dark .sf-c-txt-darkkhaki\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-80)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:90\:dark, html.dark .sf-c-txt-darkkhaki\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-90)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:100\:dark, html.dark .sf-c-txt-darkkhaki\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-100)) } + html.var[data-theme='dark'] .sf-c-darkkhaki, html.var.dark .sf-c-darkkhaki { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 42%) } html.var[data-theme='dark'] .sf-c-darkkhaki\:0, html.var.dark .sf-c-darkkhaki\:0 { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 100%) } html.var[data-theme='dark'] .sf-c-darkkhaki\:10, html.var.dark .sf-c-darkkhaki\:10 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkkhaki\:80\:dark, html.var.dark .sf-c-darkk html.var[data-theme='dark'] .sf-c-darkkhaki\:90\:dark, html.var.dark .sf-c-darkkhaki\:90\:dark { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 10%) } html.var[data-theme='dark'] .sf-c-darkkhaki\:100\:dark, html.var.dark .sf-c-darkkhaki\:100\:dark { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki, html.dark .sf-c-txt-darkkhaki { color: hsl(56, 38%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:0, html.dark .sf-c-txt-darkkhaki\:0 { color: hsl(56, 38%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:10, html.dark .sf-c-txt-darkkhaki\:10 { color: hsl(56, 38%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:20, html.dark .sf-c-txt-darkkhaki\:20 { color: hsl(56, 38%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:30, html.dark .sf-c-txt-darkkhaki\:30 { color: hsl(56, 38%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:40, html.dark .sf-c-txt-darkkhaki\:40 { color: hsl(56, 38%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:50, html.dark .sf-c-txt-darkkhaki\:50 { color: hsl(56, 38%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:60, html.dark .sf-c-txt-darkkhaki\:60 { color: hsl(56, 38%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:70, html.dark .sf-c-txt-darkkhaki\:70 { color: hsl(56, 38%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:80, html.dark .sf-c-txt-darkkhaki\:80 { color: hsl(56, 38%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:90, html.dark .sf-c-txt-darkkhaki\:90 { color: hsl(56, 38%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:100, html.dark .sf-c-txt-darkkhaki\:100 { color: hsl(56, 38%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:dark, html.dark .sf-c-txt-darkkhaki\:dark { color: hsl(56, 38%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:0\:dark, html.dark .sf-c-txt-darkkhaki\:0\:dark { color: hsl(56, 38%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:10\:dark, html.dark .sf-c-txt-darkkhaki\:10\:dark { color: hsl(56, 38%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:20\:dark, html.dark .sf-c-txt-darkkhaki\:20\:dark { color: hsl(56, 38%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:30\:dark, html.dark .sf-c-txt-darkkhaki\:30\:dark { color: hsl(56, 38%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:40\:dark, html.dark .sf-c-txt-darkkhaki\:40\:dark { color: hsl(56, 38%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:50\:dark, html.dark .sf-c-txt-darkkhaki\:50\:dark { color: hsl(56, 38%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:60\:dark, html.dark .sf-c-txt-darkkhaki\:60\:dark { color: hsl(56, 38%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:70\:dark, html.dark .sf-c-txt-darkkhaki\:70\:dark { color: hsl(56, 38%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:80\:dark, html.dark .sf-c-txt-darkkhaki\:80\:dark { color: hsl(56, 38%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:90\:dark, html.dark .sf-c-txt-darkkhaki\:90\:dark { color: hsl(56, 38%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:100\:dark, html.dark .sf-c-txt-darkkhaki\:100\:dark { color: hsl(56, 38%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkkhaki, html.auto .sf-c-darkkhaki { color: hsl(var(--sf-dark-c-txt-darkkhaki-90)); background: hsl(var(--sf-dark-c-darkkhaki)) } html[data-theme='auto'] .sf-c-darkkhaki\:0, html.auto .sf-c-darkkhaki\:0 { color: hsl(var(--sf-dark-c-txt-darkkhaki-90)); background: hsl(var(--sf-dark-c-darkkhaki-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkkhaki\:100\:dark, html.var.dark .sf-c-dark html[data-theme='auto'] .sf-c-darkkhaki\:90\:dark, html.auto .sf-c-darkkhaki\:90\:dark { color: hsl(var(--sf-c-txt-darkkhaki-90)); background: hsl(var(--sf-c-darkkhaki-10)) } html[data-theme='auto'] .sf-c-darkkhaki\:100\:dark, html.auto .sf-c-darkkhaki\:100\:dark { color: hsl(var(--sf-c-txt-darkkhaki-90)); background: hsl(var(--sf-c-darkkhaki-0)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki, html.auto .sf-c-txt-darkkhaki { color: hsl(var(--sf-c-txt-darkkhaki)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:0, html.auto .sf-c-txt-darkkhaki\:0 { color: hsl(var(--sf-c-txt-darkkhaki-0)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:10, html.auto .sf-c-txt-darkkhaki\:10 { color: hsl(var(--sf-c-txt-darkkhaki-10)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:20, html.auto .sf-c-txt-darkkhaki\:20 { color: hsl(var(--sf-c-txt-darkkhaki-20)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:30, html.auto .sf-c-txt-darkkhaki\:30 { color: hsl(var(--sf-c-txt-darkkhaki-30)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:40, html.auto .sf-c-txt-darkkhaki\:40 { color: hsl(var(--sf-c-txt-darkkhaki-40)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:50, html.auto .sf-c-txt-darkkhaki\:50 { color: hsl(var(--sf-c-txt-darkkhaki-50)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:60, html.auto .sf-c-txt-darkkhaki\:60 { color: hsl(var(--sf-c-txt-darkkhaki-60)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:70, html.auto .sf-c-txt-darkkhaki\:70 { color: hsl(var(--sf-c-txt-darkkhaki-70)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:80, html.auto .sf-c-txt-darkkhaki\:80 { color: hsl(var(--sf-c-txt-darkkhaki-80)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:90, html.auto .sf-c-txt-darkkhaki\:90 { color: hsl(var(--sf-c-txt-darkkhaki-90)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:100, html.auto .sf-c-txt-darkkhaki\:100 { color: hsl(var(--sf-c-txt-darkkhaki-100)) } + + html[data-theme='auto'] .sf-c-txt-darkkhaki\:dark, html.auto .sf-c-txt-darkkhaki\:dark { color: hsl(var(--sf-c-txt-darkkhaki)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:0\:dark, html.auto .sf-c-txt-darkkhaki\:0\:dark { color: hsl(var(--sf-c-txt-darkkhaki-0)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:10\:dark, html.auto .sf-c-txt-darkkhaki\:10\:dark { color: hsl(var(--sf-c-txt-darkkhaki-10)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:20\:dark, html.auto .sf-c-txt-darkkhaki\:20\:dark { color: hsl(var(--sf-c-txt-darkkhaki-20)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:30\:dark, html.auto .sf-c-txt-darkkhaki\:30\:dark { color: hsl(var(--sf-c-txt-darkkhaki-30)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:40\:dark, html.auto .sf-c-txt-darkkhaki\:40\:dark { color: hsl(var(--sf-c-txt-darkkhaki-40)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:50\:dark, html.auto .sf-c-txt-darkkhaki\:50\:dark { color: hsl(var(--sf-c-txt-darkkhaki-50)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:60\:dark, html.auto .sf-c-txt-darkkhaki\:60\:dark { color: hsl(var(--sf-c-txt-darkkhaki-60)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:70\:dark, html.auto .sf-c-txt-darkkhaki\:70\:dark { color: hsl(var(--sf-c-txt-darkkhaki-70)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:80\:dark, html.auto .sf-c-txt-darkkhaki\:80\:dark { color: hsl(var(--sf-c-txt-darkkhaki-80)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:90\:dark, html.auto .sf-c-txt-darkkhaki\:90\:dark { color: hsl(var(--sf-c-txt-darkkhaki-90)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:100\:dark, html.auto .sf-c-txt-darkkhaki\:100\:dark { color: hsl(var(--sf-c-txt-darkkhaki-100)) } + html.var[data-theme='auto'] .sf-c-darkkhaki, html.var.auto .sf-c-darkkhaki { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 42%) } html.var[data-theme='auto'] .sf-c-darkkhaki\:0, html.var.auto .sf-c-darkkhaki\:0 { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 100%) } html.var[data-theme='auto'] .sf-c-darkkhaki\:10, html.var.auto .sf-c-darkkhaki\:10 { color: hsl(56, 38%, 10%); background: hsl(56, 38%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkkhaki\:100\:dark, html.var.dark .sf-c-dark html.var[data-theme='auto'] .sf-c-darkkhaki\:80\:dark, html.var.auto .sf-c-darkkhaki\:80\:dark { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 20%) } html.var[data-theme='auto'] .sf-c-darkkhaki\:90\:dark, html.var.auto .sf-c-darkkhaki\:90\:dark { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 10%) } html.var[data-theme='auto'] .sf-c-darkkhaki\:100\:dark, html.var.auto .sf-c-darkkhaki\:100\:dark { color: hsl(56, 38%, 90%); background: hsl(56, 38%, 0%) } -} -.sf-c-txt-darkkhaki { color: hsl(var(--sf-c-txt-darkkhaki)) } -.sf-c-txt-darkkhaki\:0 { color: hsl(var(--sf-c-txt-darkkhaki-0)) } -.sf-c-txt-darkkhaki\:10 { color: hsl(var(--sf-c-txt-darkkhaki-10)) } -.sf-c-txt-darkkhaki\:20 { color: hsl(var(--sf-c-txt-darkkhaki-20)) } -.sf-c-txt-darkkhaki\:30 { color: hsl(var(--sf-c-txt-darkkhaki-30)) } -.sf-c-txt-darkkhaki\:40 { color: hsl(var(--sf-c-txt-darkkhaki-40)) } -.sf-c-txt-darkkhaki\:50 { color: hsl(var(--sf-c-txt-darkkhaki-50)) } -.sf-c-txt-darkkhaki\:60 { color: hsl(var(--sf-c-txt-darkkhaki-60)) } -.sf-c-txt-darkkhaki\:70 { color: hsl(var(--sf-c-txt-darkkhaki-70)) } -.sf-c-txt-darkkhaki\:80 { color: hsl(var(--sf-c-txt-darkkhaki-80)) } -.sf-c-txt-darkkhaki\:90 { color: hsl(var(--sf-c-txt-darkkhaki-90)) } -.sf-c-txt-darkkhaki\:100 { color: hsl(var(--sf-c-txt-darkkhaki-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkkhaki, html.auto .sf-c-txt-darkkhaki { color: hsl(56, 38%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:0, html.auto .sf-c-txt-darkkhaki\:0 { color: hsl(56, 38%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:10, html.auto .sf-c-txt-darkkhaki\:10 { color: hsl(56, 38%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:20, html.auto .sf-c-txt-darkkhaki\:20 { color: hsl(56, 38%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:30, html.auto .sf-c-txt-darkkhaki\:30 { color: hsl(56, 38%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:40, html.auto .sf-c-txt-darkkhaki\:40 { color: hsl(56, 38%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:50, html.auto .sf-c-txt-darkkhaki\:50 { color: hsl(56, 38%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:60, html.auto .sf-c-txt-darkkhaki\:60 { color: hsl(56, 38%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:70, html.auto .sf-c-txt-darkkhaki\:70 { color: hsl(56, 38%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:80, html.auto .sf-c-txt-darkkhaki\:80 { color: hsl(56, 38%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:90, html.auto .sf-c-txt-darkkhaki\:90 { color: hsl(56, 38%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:100, html.auto .sf-c-txt-darkkhaki\:100 { color: hsl(56, 38%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:dark, html.auto .sf-c-txt-darkkhaki\:dark { color: hsl(56, 38%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:0\:dark, html.auto .sf-c-txt-darkkhaki\:0\:dark { color: hsl(56, 38%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:10\:dark, html.auto .sf-c-txt-darkkhaki\:10\:dark { color: hsl(56, 38%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:20\:dark, html.auto .sf-c-txt-darkkhaki\:20\:dark { color: hsl(56, 38%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:30\:dark, html.auto .sf-c-txt-darkkhaki\:30\:dark { color: hsl(56, 38%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:40\:dark, html.auto .sf-c-txt-darkkhaki\:40\:dark { color: hsl(56, 38%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:50\:dark, html.auto .sf-c-txt-darkkhaki\:50\:dark { color: hsl(56, 38%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:60\:dark, html.auto .sf-c-txt-darkkhaki\:60\:dark { color: hsl(56, 38%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:70\:dark, html.auto .sf-c-txt-darkkhaki\:70\:dark { color: hsl(56, 38%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:80\:dark, html.auto .sf-c-txt-darkkhaki\:80\:dark { color: hsl(56, 38%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:90\:dark, html.auto .sf-c-txt-darkkhaki\:90\:dark { color: hsl(56, 38%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:100\:dark, html.auto .sf-c-txt-darkkhaki\:100\:dark { color: hsl(56, 38%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkmagenta.css b/src/colors/10/darkmagenta.css index fc7cecc..b0964f4 100644 --- a/src/colors/10/darkmagenta.css +++ b/src/colors/10/darkmagenta.css @@ -78,6 +78,32 @@ html.var .sf-c-darkmagenta\:80 { color: hsl(300, 100%, 10%); background: hsl(300 html.var .sf-c-darkmagenta\:90 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } html.var .sf-c-darkmagenta\:100 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } +.sf-c-txt-darkmagenta { color: hsl(var(--sf-dark-c-txt-darkmagenta)) } +.sf-c-txt-darkmagenta\:0 { color: hsl(var(--sf-dark-c-txt-darkmagenta-100)) } +.sf-c-txt-darkmagenta\:10 { color: hsl(var(--sf-dark-c-txt-darkmagenta-90)) } +.sf-c-txt-darkmagenta\:20 { color: hsl(var(--sf-dark-c-txt-darkmagenta-80)) } +.sf-c-txt-darkmagenta\:30 { color: hsl(var(--sf-dark-c-txt-darkmagenta-70)) } +.sf-c-txt-darkmagenta\:40 { color: hsl(var(--sf-dark-c-txt-darkmagenta-60)) } +.sf-c-txt-darkmagenta\:50 { color: hsl(var(--sf-dark-c-txt-darkmagenta-50)) } +.sf-c-txt-darkmagenta\:60 { color: hsl(var(--sf-dark-c-txt-darkmagenta-40)) } +.sf-c-txt-darkmagenta\:70 { color: hsl(var(--sf-dark-c-txt-darkmagenta-30)) } +.sf-c-txt-darkmagenta\:80 { color: hsl(var(--sf-dark-c-txt-darkmagenta-20)) } +.sf-c-txt-darkmagenta\:90 { color: hsl(var(--sf-dark-c-txt-darkmagenta-10)) } +.sf-c-txt-darkmagenta\:100 { color: hsl(var(--sf-dark-c-txt-darkmagenta-0)) } + +html.var .sf-c-txt-darkmagenta { color: hsl(300, 100%, 73%) } +html.var .sf-c-txt-darkmagenta\:0 { color: hsl(300, 100%, 100%) } +html.var .sf-c-txt-darkmagenta\:10 { color: hsl(300, 100%, 90%) } +html.var .sf-c-txt-darkmagenta\:20 { color: hsl(300, 100%, 80%) } +html.var .sf-c-txt-darkmagenta\:30 { color: hsl(300, 100%, 70%) } +html.var .sf-c-txt-darkmagenta\:40 { color: hsl(300, 100%, 60%) } +html.var .sf-c-txt-darkmagenta\:50 { color: hsl(300, 100%, 50%) } +html.var .sf-c-txt-darkmagenta\:60 { color: hsl(300, 100%, 40%) } +html.var .sf-c-txt-darkmagenta\:70 { color: hsl(300, 100%, 30%) } +html.var .sf-c-txt-darkmagenta\:80 { color: hsl(300, 100%, 20%) } +html.var .sf-c-txt-darkmagenta\:90 { color: hsl(300, 100%, 10%) } +html.var .sf-c-txt-darkmagenta\:100 { color: hsl(300, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkmagenta, html.dark .sf-c-darkmagenta { color: hsl(var(--sf-dark-c-txt-darkmagenta-10)); background: hsl(var(--sf-dark-c-darkmagenta)) } html[data-theme='dark'] .sf-c-darkmagenta\:0, html.dark .sf-c-darkmagenta\:0 { color: hsl(var(--sf-dark-c-txt-darkmagenta-90)); background: hsl(var(--sf-dark-c-darkmagenta-100)) } html[data-theme='dark'] .sf-c-darkmagenta\:10, html.dark .sf-c-darkmagenta\:10 { color: hsl(var(--sf-dark-c-txt-darkmagenta-10)); background: hsl(var(--sf-dark-c-darkmagenta-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkmagenta\:80\:dark, html.dark .sf-c-darkmagenta html[data-theme='dark'] .sf-c-darkmagenta\:90\:dark, html.dark .sf-c-darkmagenta\:90\:dark { color: hsl(var(--sf-c-txt-darkmagenta-90)); background: hsl(var(--sf-c-darkmagenta-10)) } html[data-theme='dark'] .sf-c-darkmagenta\:100\:dark, html.dark .sf-c-darkmagenta\:100\:dark { color: hsl(var(--sf-c-txt-darkmagenta-90)); background: hsl(var(--sf-c-darkmagenta-0)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta, html.dark .sf-c-txt-darkmagenta { color: hsl(var(--sf-c-txt-darkmagenta)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:0, html.dark .sf-c-txt-darkmagenta\:0 { color: hsl(var(--sf-c-txt-darkmagenta-0)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:10, html.dark .sf-c-txt-darkmagenta\:10 { color: hsl(var(--sf-c-txt-darkmagenta-10)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:20, html.dark .sf-c-txt-darkmagenta\:20 { color: hsl(var(--sf-c-txt-darkmagenta-20)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:30, html.dark .sf-c-txt-darkmagenta\:30 { color: hsl(var(--sf-c-txt-darkmagenta-30)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:40, html.dark .sf-c-txt-darkmagenta\:40 { color: hsl(var(--sf-c-txt-darkmagenta-40)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:50, html.dark .sf-c-txt-darkmagenta\:50 { color: hsl(var(--sf-c-txt-darkmagenta-50)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:60, html.dark .sf-c-txt-darkmagenta\:60 { color: hsl(var(--sf-c-txt-darkmagenta-60)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:70, html.dark .sf-c-txt-darkmagenta\:70 { color: hsl(var(--sf-c-txt-darkmagenta-70)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:80, html.dark .sf-c-txt-darkmagenta\:80 { color: hsl(var(--sf-c-txt-darkmagenta-80)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:90, html.dark .sf-c-txt-darkmagenta\:90 { color: hsl(var(--sf-c-txt-darkmagenta-90)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:100, html.dark .sf-c-txt-darkmagenta\:100 { color: hsl(var(--sf-c-txt-darkmagenta-100)) } + +html[data-theme='dark'] .sf-c-txt-darkmagenta\:dark, html.dark .sf-c-txt-darkmagenta\:dark { color: hsl(var(--sf-c-txt-darkmagenta)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:0\:dark, html.dark .sf-c-txt-darkmagenta\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-0)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:10\:dark, html.dark .sf-c-txt-darkmagenta\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-10)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:20\:dark, html.dark .sf-c-txt-darkmagenta\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-20)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:30\:dark, html.dark .sf-c-txt-darkmagenta\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-30)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:40\:dark, html.dark .sf-c-txt-darkmagenta\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-40)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:50\:dark, html.dark .sf-c-txt-darkmagenta\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-50)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:60\:dark, html.dark .sf-c-txt-darkmagenta\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-60)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:70\:dark, html.dark .sf-c-txt-darkmagenta\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-70)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:80\:dark, html.dark .sf-c-txt-darkmagenta\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-80)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:90\:dark, html.dark .sf-c-txt-darkmagenta\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-90)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:100\:dark, html.dark .sf-c-txt-darkmagenta\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-100)) } + html.var[data-theme='dark'] .sf-c-darkmagenta, html.var.dark .sf-c-darkmagenta { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 73%) } html.var[data-theme='dark'] .sf-c-darkmagenta\:0, html.var.dark .sf-c-darkmagenta\:0 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkmagenta\:10, html.var.dark .sf-c-darkmagenta\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkmagenta\:80\:dark, html.var.dark .sf-c-dar html.var[data-theme='dark'] .sf-c-darkmagenta\:90\:dark, html.var.dark .sf-c-darkmagenta\:90\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } html.var[data-theme='dark'] .sf-c-darkmagenta\:100\:dark, html.var.dark .sf-c-darkmagenta\:100\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta, html.dark .sf-c-txt-darkmagenta { color: hsl(300, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:0, html.dark .sf-c-txt-darkmagenta\:0 { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:10, html.dark .sf-c-txt-darkmagenta\:10 { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:20, html.dark .sf-c-txt-darkmagenta\:20 { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:30, html.dark .sf-c-txt-darkmagenta\:30 { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:40, html.dark .sf-c-txt-darkmagenta\:40 { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:50, html.dark .sf-c-txt-darkmagenta\:50 { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:60, html.dark .sf-c-txt-darkmagenta\:60 { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:70, html.dark .sf-c-txt-darkmagenta\:70 { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:80, html.dark .sf-c-txt-darkmagenta\:80 { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:90, html.dark .sf-c-txt-darkmagenta\:90 { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:100, html.dark .sf-c-txt-darkmagenta\:100 { color: hsl(300, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:dark, html.dark .sf-c-txt-darkmagenta\:dark { color: hsl(300, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:0\:dark, html.dark .sf-c-txt-darkmagenta\:0\:dark { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:10\:dark, html.dark .sf-c-txt-darkmagenta\:10\:dark { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:20\:dark, html.dark .sf-c-txt-darkmagenta\:20\:dark { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:30\:dark, html.dark .sf-c-txt-darkmagenta\:30\:dark { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:40\:dark, html.dark .sf-c-txt-darkmagenta\:40\:dark { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:50\:dark, html.dark .sf-c-txt-darkmagenta\:50\:dark { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:60\:dark, html.dark .sf-c-txt-darkmagenta\:60\:dark { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:70\:dark, html.dark .sf-c-txt-darkmagenta\:70\:dark { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:80\:dark, html.dark .sf-c-txt-darkmagenta\:80\:dark { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:90\:dark, html.dark .sf-c-txt-darkmagenta\:90\:dark { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:100\:dark, html.dark .sf-c-txt-darkmagenta\:100\:dark { color: hsl(300, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkmagenta, html.auto .sf-c-darkmagenta { color: hsl(var(--sf-dark-c-txt-darkmagenta-10)); background: hsl(var(--sf-dark-c-darkmagenta)) } html[data-theme='auto'] .sf-c-darkmagenta\:0, html.auto .sf-c-darkmagenta\:0 { color: hsl(var(--sf-dark-c-txt-darkmagenta-90)); background: hsl(var(--sf-dark-c-darkmagenta-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkmagenta\:100\:dark, html.var.dark .sf-c-da html[data-theme='auto'] .sf-c-darkmagenta\:90\:dark, html.auto .sf-c-darkmagenta\:90\:dark { color: hsl(var(--sf-c-txt-darkmagenta-90)); background: hsl(var(--sf-c-darkmagenta-10)) } html[data-theme='auto'] .sf-c-darkmagenta\:100\:dark, html.auto .sf-c-darkmagenta\:100\:dark { color: hsl(var(--sf-c-txt-darkmagenta-90)); background: hsl(var(--sf-c-darkmagenta-0)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta, html.auto .sf-c-txt-darkmagenta { color: hsl(var(--sf-c-txt-darkmagenta)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:0, html.auto .sf-c-txt-darkmagenta\:0 { color: hsl(var(--sf-c-txt-darkmagenta-0)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:10, html.auto .sf-c-txt-darkmagenta\:10 { color: hsl(var(--sf-c-txt-darkmagenta-10)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:20, html.auto .sf-c-txt-darkmagenta\:20 { color: hsl(var(--sf-c-txt-darkmagenta-20)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:30, html.auto .sf-c-txt-darkmagenta\:30 { color: hsl(var(--sf-c-txt-darkmagenta-30)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:40, html.auto .sf-c-txt-darkmagenta\:40 { color: hsl(var(--sf-c-txt-darkmagenta-40)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:50, html.auto .sf-c-txt-darkmagenta\:50 { color: hsl(var(--sf-c-txt-darkmagenta-50)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:60, html.auto .sf-c-txt-darkmagenta\:60 { color: hsl(var(--sf-c-txt-darkmagenta-60)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:70, html.auto .sf-c-txt-darkmagenta\:70 { color: hsl(var(--sf-c-txt-darkmagenta-70)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:80, html.auto .sf-c-txt-darkmagenta\:80 { color: hsl(var(--sf-c-txt-darkmagenta-80)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:90, html.auto .sf-c-txt-darkmagenta\:90 { color: hsl(var(--sf-c-txt-darkmagenta-90)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:100, html.auto .sf-c-txt-darkmagenta\:100 { color: hsl(var(--sf-c-txt-darkmagenta-100)) } + + html[data-theme='auto'] .sf-c-txt-darkmagenta\:dark, html.auto .sf-c-txt-darkmagenta\:dark { color: hsl(var(--sf-c-txt-darkmagenta)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:0\:dark, html.auto .sf-c-txt-darkmagenta\:0\:dark { color: hsl(var(--sf-c-txt-darkmagenta-0)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:10\:dark, html.auto .sf-c-txt-darkmagenta\:10\:dark { color: hsl(var(--sf-c-txt-darkmagenta-10)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:20\:dark, html.auto .sf-c-txt-darkmagenta\:20\:dark { color: hsl(var(--sf-c-txt-darkmagenta-20)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:30\:dark, html.auto .sf-c-txt-darkmagenta\:30\:dark { color: hsl(var(--sf-c-txt-darkmagenta-30)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:40\:dark, html.auto .sf-c-txt-darkmagenta\:40\:dark { color: hsl(var(--sf-c-txt-darkmagenta-40)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:50\:dark, html.auto .sf-c-txt-darkmagenta\:50\:dark { color: hsl(var(--sf-c-txt-darkmagenta-50)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:60\:dark, html.auto .sf-c-txt-darkmagenta\:60\:dark { color: hsl(var(--sf-c-txt-darkmagenta-60)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:70\:dark, html.auto .sf-c-txt-darkmagenta\:70\:dark { color: hsl(var(--sf-c-txt-darkmagenta-70)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:80\:dark, html.auto .sf-c-txt-darkmagenta\:80\:dark { color: hsl(var(--sf-c-txt-darkmagenta-80)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:90\:dark, html.auto .sf-c-txt-darkmagenta\:90\:dark { color: hsl(var(--sf-c-txt-darkmagenta-90)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:100\:dark, html.auto .sf-c-txt-darkmagenta\:100\:dark { color: hsl(var(--sf-c-txt-darkmagenta-100)) } + html.var[data-theme='auto'] .sf-c-darkmagenta, html.var.auto .sf-c-darkmagenta { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 73%) } html.var[data-theme='auto'] .sf-c-darkmagenta\:0, html.var.auto .sf-c-darkmagenta\:0 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkmagenta\:10, html.var.auto .sf-c-darkmagenta\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkmagenta\:100\:dark, html.var.dark .sf-c-da html.var[data-theme='auto'] .sf-c-darkmagenta\:80\:dark, html.var.auto .sf-c-darkmagenta\:80\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } html.var[data-theme='auto'] .sf-c-darkmagenta\:90\:dark, html.var.auto .sf-c-darkmagenta\:90\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkmagenta\:100\:dark, html.var.auto .sf-c-darkmagenta\:100\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } -} -.sf-c-txt-darkmagenta { color: hsl(var(--sf-c-txt-darkmagenta)) } -.sf-c-txt-darkmagenta\:0 { color: hsl(var(--sf-c-txt-darkmagenta-0)) } -.sf-c-txt-darkmagenta\:10 { color: hsl(var(--sf-c-txt-darkmagenta-10)) } -.sf-c-txt-darkmagenta\:20 { color: hsl(var(--sf-c-txt-darkmagenta-20)) } -.sf-c-txt-darkmagenta\:30 { color: hsl(var(--sf-c-txt-darkmagenta-30)) } -.sf-c-txt-darkmagenta\:40 { color: hsl(var(--sf-c-txt-darkmagenta-40)) } -.sf-c-txt-darkmagenta\:50 { color: hsl(var(--sf-c-txt-darkmagenta-50)) } -.sf-c-txt-darkmagenta\:60 { color: hsl(var(--sf-c-txt-darkmagenta-60)) } -.sf-c-txt-darkmagenta\:70 { color: hsl(var(--sf-c-txt-darkmagenta-70)) } -.sf-c-txt-darkmagenta\:80 { color: hsl(var(--sf-c-txt-darkmagenta-80)) } -.sf-c-txt-darkmagenta\:90 { color: hsl(var(--sf-c-txt-darkmagenta-90)) } -.sf-c-txt-darkmagenta\:100 { color: hsl(var(--sf-c-txt-darkmagenta-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkmagenta, html.auto .sf-c-txt-darkmagenta { color: hsl(300, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:0, html.auto .sf-c-txt-darkmagenta\:0 { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:10, html.auto .sf-c-txt-darkmagenta\:10 { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:20, html.auto .sf-c-txt-darkmagenta\:20 { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:30, html.auto .sf-c-txt-darkmagenta\:30 { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:40, html.auto .sf-c-txt-darkmagenta\:40 { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:50, html.auto .sf-c-txt-darkmagenta\:50 { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:60, html.auto .sf-c-txt-darkmagenta\:60 { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:70, html.auto .sf-c-txt-darkmagenta\:70 { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:80, html.auto .sf-c-txt-darkmagenta\:80 { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:90, html.auto .sf-c-txt-darkmagenta\:90 { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:100, html.auto .sf-c-txt-darkmagenta\:100 { color: hsl(300, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:dark, html.auto .sf-c-txt-darkmagenta\:dark { color: hsl(300, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:0\:dark, html.auto .sf-c-txt-darkmagenta\:0\:dark { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:10\:dark, html.auto .sf-c-txt-darkmagenta\:10\:dark { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:20\:dark, html.auto .sf-c-txt-darkmagenta\:20\:dark { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:30\:dark, html.auto .sf-c-txt-darkmagenta\:30\:dark { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:40\:dark, html.auto .sf-c-txt-darkmagenta\:40\:dark { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:50\:dark, html.auto .sf-c-txt-darkmagenta\:50\:dark { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:60\:dark, html.auto .sf-c-txt-darkmagenta\:60\:dark { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:70\:dark, html.auto .sf-c-txt-darkmagenta\:70\:dark { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:80\:dark, html.auto .sf-c-txt-darkmagenta\:80\:dark { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:90\:dark, html.auto .sf-c-txt-darkmagenta\:90\:dark { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:100\:dark, html.auto .sf-c-txt-darkmagenta\:100\:dark { color: hsl(300, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkolivegreen.css b/src/colors/10/darkolivegreen.css index 7cea049..2f25dcd 100644 --- a/src/colors/10/darkolivegreen.css +++ b/src/colors/10/darkolivegreen.css @@ -78,6 +78,32 @@ html.var .sf-c-darkolivegreen\:80 { color: hsl(82, 39%, 10%); background: hsl(82 html.var .sf-c-darkolivegreen\:90 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 90%) } html.var .sf-c-darkolivegreen\:100 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 100%) } +.sf-c-txt-darkolivegreen { color: hsl(var(--sf-dark-c-txt-darkolivegreen)) } +.sf-c-txt-darkolivegreen\:0 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-100)) } +.sf-c-txt-darkolivegreen\:10 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-90)) } +.sf-c-txt-darkolivegreen\:20 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-80)) } +.sf-c-txt-darkolivegreen\:30 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-70)) } +.sf-c-txt-darkolivegreen\:40 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-60)) } +.sf-c-txt-darkolivegreen\:50 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-50)) } +.sf-c-txt-darkolivegreen\:60 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-40)) } +.sf-c-txt-darkolivegreen\:70 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-30)) } +.sf-c-txt-darkolivegreen\:80 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-20)) } +.sf-c-txt-darkolivegreen\:90 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-10)) } +.sf-c-txt-darkolivegreen\:100 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-0)) } + +html.var .sf-c-txt-darkolivegreen { color: hsl(82, 39%, 70%) } +html.var .sf-c-txt-darkolivegreen\:0 { color: hsl(82, 39%, 100%) } +html.var .sf-c-txt-darkolivegreen\:10 { color: hsl(82, 39%, 90%) } +html.var .sf-c-txt-darkolivegreen\:20 { color: hsl(82, 39%, 80%) } +html.var .sf-c-txt-darkolivegreen\:30 { color: hsl(82, 39%, 70%) } +html.var .sf-c-txt-darkolivegreen\:40 { color: hsl(82, 39%, 60%) } +html.var .sf-c-txt-darkolivegreen\:50 { color: hsl(82, 39%, 50%) } +html.var .sf-c-txt-darkolivegreen\:60 { color: hsl(82, 39%, 40%) } +html.var .sf-c-txt-darkolivegreen\:70 { color: hsl(82, 39%, 30%) } +html.var .sf-c-txt-darkolivegreen\:80 { color: hsl(82, 39%, 20%) } +html.var .sf-c-txt-darkolivegreen\:90 { color: hsl(82, 39%, 10%) } +html.var .sf-c-txt-darkolivegreen\:100 { color: hsl(82, 39%, 0%) } + html[data-theme='dark'] .sf-c-darkolivegreen, html.dark .sf-c-darkolivegreen { color: hsl(var(--sf-dark-c-txt-darkolivegreen-10)); background: hsl(var(--sf-dark-c-darkolivegreen)) } html[data-theme='dark'] .sf-c-darkolivegreen\:0, html.dark .sf-c-darkolivegreen\:0 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-90)); background: hsl(var(--sf-dark-c-darkolivegreen-100)) } html[data-theme='dark'] .sf-c-darkolivegreen\:10, html.dark .sf-c-darkolivegreen\:10 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-10)); background: hsl(var(--sf-dark-c-darkolivegreen-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkolivegreen\:80\:dark, html.dark .sf-c-darkoliv html[data-theme='dark'] .sf-c-darkolivegreen\:90\:dark, html.dark .sf-c-darkolivegreen\:90\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-90)); background: hsl(var(--sf-c-darkolivegreen-10)) } html[data-theme='dark'] .sf-c-darkolivegreen\:100\:dark, html.dark .sf-c-darkolivegreen\:100\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-90)); background: hsl(var(--sf-c-darkolivegreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen, html.dark .sf-c-txt-darkolivegreen { color: hsl(var(--sf-c-txt-darkolivegreen)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:0, html.dark .sf-c-txt-darkolivegreen\:0 { color: hsl(var(--sf-c-txt-darkolivegreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:10, html.dark .sf-c-txt-darkolivegreen\:10 { color: hsl(var(--sf-c-txt-darkolivegreen-10)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:20, html.dark .sf-c-txt-darkolivegreen\:20 { color: hsl(var(--sf-c-txt-darkolivegreen-20)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:30, html.dark .sf-c-txt-darkolivegreen\:30 { color: hsl(var(--sf-c-txt-darkolivegreen-30)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:40, html.dark .sf-c-txt-darkolivegreen\:40 { color: hsl(var(--sf-c-txt-darkolivegreen-40)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:50, html.dark .sf-c-txt-darkolivegreen\:50 { color: hsl(var(--sf-c-txt-darkolivegreen-50)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:60, html.dark .sf-c-txt-darkolivegreen\:60 { color: hsl(var(--sf-c-txt-darkolivegreen-60)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:70, html.dark .sf-c-txt-darkolivegreen\:70 { color: hsl(var(--sf-c-txt-darkolivegreen-70)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:80, html.dark .sf-c-txt-darkolivegreen\:80 { color: hsl(var(--sf-c-txt-darkolivegreen-80)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:90, html.dark .sf-c-txt-darkolivegreen\:90 { color: hsl(var(--sf-c-txt-darkolivegreen-90)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:100, html.dark .sf-c-txt-darkolivegreen\:100 { color: hsl(var(--sf-c-txt-darkolivegreen-100)) } + +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:dark, html.dark .sf-c-txt-darkolivegreen\:dark { color: hsl(var(--sf-c-txt-darkolivegreen)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:0\:dark, html.dark .sf-c-txt-darkolivegreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:10\:dark, html.dark .sf-c-txt-darkolivegreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-10)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:20\:dark, html.dark .sf-c-txt-darkolivegreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-20)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:30\:dark, html.dark .sf-c-txt-darkolivegreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-30)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:40\:dark, html.dark .sf-c-txt-darkolivegreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-40)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:50\:dark, html.dark .sf-c-txt-darkolivegreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-50)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:60\:dark, html.dark .sf-c-txt-darkolivegreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-60)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:70\:dark, html.dark .sf-c-txt-darkolivegreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-70)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:80\:dark, html.dark .sf-c-txt-darkolivegreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-80)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:90\:dark, html.dark .sf-c-txt-darkolivegreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-90)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:100\:dark, html.dark .sf-c-txt-darkolivegreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-100)) } + html.var[data-theme='dark'] .sf-c-darkolivegreen, html.var.dark .sf-c-darkolivegreen { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 70%) } html.var[data-theme='dark'] .sf-c-darkolivegreen\:0, html.var.dark .sf-c-darkolivegreen\:0 { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 100%) } html.var[data-theme='dark'] .sf-c-darkolivegreen\:10, html.var.dark .sf-c-darkolivegreen\:10 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkolivegreen\:80\:dark, html.var.dark .sf-c- html.var[data-theme='dark'] .sf-c-darkolivegreen\:90\:dark, html.var.dark .sf-c-darkolivegreen\:90\:dark { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 10%) } html.var[data-theme='dark'] .sf-c-darkolivegreen\:100\:dark, html.var.dark .sf-c-darkolivegreen\:100\:dark { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen, html.dark .sf-c-txt-darkolivegreen { color: hsl(82, 39%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:0, html.dark .sf-c-txt-darkolivegreen\:0 { color: hsl(82, 39%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:10, html.dark .sf-c-txt-darkolivegreen\:10 { color: hsl(82, 39%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:20, html.dark .sf-c-txt-darkolivegreen\:20 { color: hsl(82, 39%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:30, html.dark .sf-c-txt-darkolivegreen\:30 { color: hsl(82, 39%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:40, html.dark .sf-c-txt-darkolivegreen\:40 { color: hsl(82, 39%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:50, html.dark .sf-c-txt-darkolivegreen\:50 { color: hsl(82, 39%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:60, html.dark .sf-c-txt-darkolivegreen\:60 { color: hsl(82, 39%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:70, html.dark .sf-c-txt-darkolivegreen\:70 { color: hsl(82, 39%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:80, html.dark .sf-c-txt-darkolivegreen\:80 { color: hsl(82, 39%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:90, html.dark .sf-c-txt-darkolivegreen\:90 { color: hsl(82, 39%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:100, html.dark .sf-c-txt-darkolivegreen\:100 { color: hsl(82, 39%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:dark, html.dark .sf-c-txt-darkolivegreen\:dark { color: hsl(82, 39%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:0\:dark, html.dark .sf-c-txt-darkolivegreen\:0\:dark { color: hsl(82, 39%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:10\:dark, html.dark .sf-c-txt-darkolivegreen\:10\:dark { color: hsl(82, 39%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:20\:dark, html.dark .sf-c-txt-darkolivegreen\:20\:dark { color: hsl(82, 39%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:30\:dark, html.dark .sf-c-txt-darkolivegreen\:30\:dark { color: hsl(82, 39%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:40\:dark, html.dark .sf-c-txt-darkolivegreen\:40\:dark { color: hsl(82, 39%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:50\:dark, html.dark .sf-c-txt-darkolivegreen\:50\:dark { color: hsl(82, 39%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:60\:dark, html.dark .sf-c-txt-darkolivegreen\:60\:dark { color: hsl(82, 39%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:70\:dark, html.dark .sf-c-txt-darkolivegreen\:70\:dark { color: hsl(82, 39%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:80\:dark, html.dark .sf-c-txt-darkolivegreen\:80\:dark { color: hsl(82, 39%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:90\:dark, html.dark .sf-c-txt-darkolivegreen\:90\:dark { color: hsl(82, 39%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:100\:dark, html.dark .sf-c-txt-darkolivegreen\:100\:dark { color: hsl(82, 39%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkolivegreen, html.auto .sf-c-darkolivegreen { color: hsl(var(--sf-dark-c-txt-darkolivegreen-10)); background: hsl(var(--sf-dark-c-darkolivegreen)) } html[data-theme='auto'] .sf-c-darkolivegreen\:0, html.auto .sf-c-darkolivegreen\:0 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-90)); background: hsl(var(--sf-dark-c-darkolivegreen-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkolivegreen\:100\:dark, html.var.dark .sf-c html[data-theme='auto'] .sf-c-darkolivegreen\:90\:dark, html.auto .sf-c-darkolivegreen\:90\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-90)); background: hsl(var(--sf-c-darkolivegreen-10)) } html[data-theme='auto'] .sf-c-darkolivegreen\:100\:dark, html.auto .sf-c-darkolivegreen\:100\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-90)); background: hsl(var(--sf-c-darkolivegreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen, html.auto .sf-c-txt-darkolivegreen { color: hsl(var(--sf-c-txt-darkolivegreen)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:0, html.auto .sf-c-txt-darkolivegreen\:0 { color: hsl(var(--sf-c-txt-darkolivegreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:10, html.auto .sf-c-txt-darkolivegreen\:10 { color: hsl(var(--sf-c-txt-darkolivegreen-10)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:20, html.auto .sf-c-txt-darkolivegreen\:20 { color: hsl(var(--sf-c-txt-darkolivegreen-20)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:30, html.auto .sf-c-txt-darkolivegreen\:30 { color: hsl(var(--sf-c-txt-darkolivegreen-30)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:40, html.auto .sf-c-txt-darkolivegreen\:40 { color: hsl(var(--sf-c-txt-darkolivegreen-40)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:50, html.auto .sf-c-txt-darkolivegreen\:50 { color: hsl(var(--sf-c-txt-darkolivegreen-50)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:60, html.auto .sf-c-txt-darkolivegreen\:60 { color: hsl(var(--sf-c-txt-darkolivegreen-60)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:70, html.auto .sf-c-txt-darkolivegreen\:70 { color: hsl(var(--sf-c-txt-darkolivegreen-70)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:80, html.auto .sf-c-txt-darkolivegreen\:80 { color: hsl(var(--sf-c-txt-darkolivegreen-80)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:90, html.auto .sf-c-txt-darkolivegreen\:90 { color: hsl(var(--sf-c-txt-darkolivegreen-90)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:100, html.auto .sf-c-txt-darkolivegreen\:100 { color: hsl(var(--sf-c-txt-darkolivegreen-100)) } + + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:dark, html.auto .sf-c-txt-darkolivegreen\:dark { color: hsl(var(--sf-c-txt-darkolivegreen)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:0\:dark, html.auto .sf-c-txt-darkolivegreen\:0\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:10\:dark, html.auto .sf-c-txt-darkolivegreen\:10\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-10)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:20\:dark, html.auto .sf-c-txt-darkolivegreen\:20\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-20)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:30\:dark, html.auto .sf-c-txt-darkolivegreen\:30\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-30)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:40\:dark, html.auto .sf-c-txt-darkolivegreen\:40\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-40)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:50\:dark, html.auto .sf-c-txt-darkolivegreen\:50\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-50)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:60\:dark, html.auto .sf-c-txt-darkolivegreen\:60\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-60)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:70\:dark, html.auto .sf-c-txt-darkolivegreen\:70\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-70)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:80\:dark, html.auto .sf-c-txt-darkolivegreen\:80\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-80)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:90\:dark, html.auto .sf-c-txt-darkolivegreen\:90\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-90)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:100\:dark, html.auto .sf-c-txt-darkolivegreen\:100\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-100)) } + html.var[data-theme='auto'] .sf-c-darkolivegreen, html.var.auto .sf-c-darkolivegreen { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 70%) } html.var[data-theme='auto'] .sf-c-darkolivegreen\:0, html.var.auto .sf-c-darkolivegreen\:0 { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 100%) } html.var[data-theme='auto'] .sf-c-darkolivegreen\:10, html.var.auto .sf-c-darkolivegreen\:10 { color: hsl(82, 39%, 10%); background: hsl(82, 39%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkolivegreen\:100\:dark, html.var.dark .sf-c html.var[data-theme='auto'] .sf-c-darkolivegreen\:80\:dark, html.var.auto .sf-c-darkolivegreen\:80\:dark { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 20%) } html.var[data-theme='auto'] .sf-c-darkolivegreen\:90\:dark, html.var.auto .sf-c-darkolivegreen\:90\:dark { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 10%) } html.var[data-theme='auto'] .sf-c-darkolivegreen\:100\:dark, html.var.auto .sf-c-darkolivegreen\:100\:dark { color: hsl(82, 39%, 90%); background: hsl(82, 39%, 0%) } -} -.sf-c-txt-darkolivegreen { color: hsl(var(--sf-c-txt-darkolivegreen)) } -.sf-c-txt-darkolivegreen\:0 { color: hsl(var(--sf-c-txt-darkolivegreen-0)) } -.sf-c-txt-darkolivegreen\:10 { color: hsl(var(--sf-c-txt-darkolivegreen-10)) } -.sf-c-txt-darkolivegreen\:20 { color: hsl(var(--sf-c-txt-darkolivegreen-20)) } -.sf-c-txt-darkolivegreen\:30 { color: hsl(var(--sf-c-txt-darkolivegreen-30)) } -.sf-c-txt-darkolivegreen\:40 { color: hsl(var(--sf-c-txt-darkolivegreen-40)) } -.sf-c-txt-darkolivegreen\:50 { color: hsl(var(--sf-c-txt-darkolivegreen-50)) } -.sf-c-txt-darkolivegreen\:60 { color: hsl(var(--sf-c-txt-darkolivegreen-60)) } -.sf-c-txt-darkolivegreen\:70 { color: hsl(var(--sf-c-txt-darkolivegreen-70)) } -.sf-c-txt-darkolivegreen\:80 { color: hsl(var(--sf-c-txt-darkolivegreen-80)) } -.sf-c-txt-darkolivegreen\:90 { color: hsl(var(--sf-c-txt-darkolivegreen-90)) } -.sf-c-txt-darkolivegreen\:100 { color: hsl(var(--sf-c-txt-darkolivegreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen, html.auto .sf-c-txt-darkolivegreen { color: hsl(82, 39%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:0, html.auto .sf-c-txt-darkolivegreen\:0 { color: hsl(82, 39%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:10, html.auto .sf-c-txt-darkolivegreen\:10 { color: hsl(82, 39%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:20, html.auto .sf-c-txt-darkolivegreen\:20 { color: hsl(82, 39%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:30, html.auto .sf-c-txt-darkolivegreen\:30 { color: hsl(82, 39%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:40, html.auto .sf-c-txt-darkolivegreen\:40 { color: hsl(82, 39%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:50, html.auto .sf-c-txt-darkolivegreen\:50 { color: hsl(82, 39%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:60, html.auto .sf-c-txt-darkolivegreen\:60 { color: hsl(82, 39%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:70, html.auto .sf-c-txt-darkolivegreen\:70 { color: hsl(82, 39%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:80, html.auto .sf-c-txt-darkolivegreen\:80 { color: hsl(82, 39%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:90, html.auto .sf-c-txt-darkolivegreen\:90 { color: hsl(82, 39%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:100, html.auto .sf-c-txt-darkolivegreen\:100 { color: hsl(82, 39%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:dark, html.auto .sf-c-txt-darkolivegreen\:dark { color: hsl(82, 39%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:0\:dark, html.auto .sf-c-txt-darkolivegreen\:0\:dark { color: hsl(82, 39%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:10\:dark, html.auto .sf-c-txt-darkolivegreen\:10\:dark { color: hsl(82, 39%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:20\:dark, html.auto .sf-c-txt-darkolivegreen\:20\:dark { color: hsl(82, 39%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:30\:dark, html.auto .sf-c-txt-darkolivegreen\:30\:dark { color: hsl(82, 39%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:40\:dark, html.auto .sf-c-txt-darkolivegreen\:40\:dark { color: hsl(82, 39%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:50\:dark, html.auto .sf-c-txt-darkolivegreen\:50\:dark { color: hsl(82, 39%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:60\:dark, html.auto .sf-c-txt-darkolivegreen\:60\:dark { color: hsl(82, 39%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:70\:dark, html.auto .sf-c-txt-darkolivegreen\:70\:dark { color: hsl(82, 39%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:80\:dark, html.auto .sf-c-txt-darkolivegreen\:80\:dark { color: hsl(82, 39%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:90\:dark, html.auto .sf-c-txt-darkolivegreen\:90\:dark { color: hsl(82, 39%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:100\:dark, html.auto .sf-c-txt-darkolivegreen\:100\:dark { color: hsl(82, 39%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkorange.css b/src/colors/10/darkorange.css index 3105287..e5aa3c1 100644 --- a/src/colors/10/darkorange.css +++ b/src/colors/10/darkorange.css @@ -78,6 +78,32 @@ html.var .sf-c-darkorange\:80 { color: hsl(33, 100%, 10%); background: hsl(33, 1 html.var .sf-c-darkorange\:90 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } html.var .sf-c-darkorange\:100 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 100%) } +.sf-c-txt-darkorange { color: hsl(var(--sf-dark-c-txt-darkorange)) } +.sf-c-txt-darkorange\:0 { color: hsl(var(--sf-dark-c-txt-darkorange-100)) } +.sf-c-txt-darkorange\:10 { color: hsl(var(--sf-dark-c-txt-darkorange-90)) } +.sf-c-txt-darkorange\:20 { color: hsl(var(--sf-dark-c-txt-darkorange-80)) } +.sf-c-txt-darkorange\:30 { color: hsl(var(--sf-dark-c-txt-darkorange-70)) } +.sf-c-txt-darkorange\:40 { color: hsl(var(--sf-dark-c-txt-darkorange-60)) } +.sf-c-txt-darkorange\:50 { color: hsl(var(--sf-dark-c-txt-darkorange-50)) } +.sf-c-txt-darkorange\:60 { color: hsl(var(--sf-dark-c-txt-darkorange-40)) } +.sf-c-txt-darkorange\:70 { color: hsl(var(--sf-dark-c-txt-darkorange-30)) } +.sf-c-txt-darkorange\:80 { color: hsl(var(--sf-dark-c-txt-darkorange-20)) } +.sf-c-txt-darkorange\:90 { color: hsl(var(--sf-dark-c-txt-darkorange-10)) } +.sf-c-txt-darkorange\:100 { color: hsl(var(--sf-dark-c-txt-darkorange-0)) } + +html.var .sf-c-txt-darkorange { color: hsl(33, 100%, 50%) } +html.var .sf-c-txt-darkorange\:0 { color: hsl(33, 100%, 100%) } +html.var .sf-c-txt-darkorange\:10 { color: hsl(33, 100%, 90%) } +html.var .sf-c-txt-darkorange\:20 { color: hsl(33, 100%, 80%) } +html.var .sf-c-txt-darkorange\:30 { color: hsl(33, 100%, 70%) } +html.var .sf-c-txt-darkorange\:40 { color: hsl(33, 100%, 60%) } +html.var .sf-c-txt-darkorange\:50 { color: hsl(33, 100%, 50%) } +html.var .sf-c-txt-darkorange\:60 { color: hsl(33, 100%, 40%) } +html.var .sf-c-txt-darkorange\:70 { color: hsl(33, 100%, 30%) } +html.var .sf-c-txt-darkorange\:80 { color: hsl(33, 100%, 20%) } +html.var .sf-c-txt-darkorange\:90 { color: hsl(33, 100%, 10%) } +html.var .sf-c-txt-darkorange\:100 { color: hsl(33, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkorange, html.dark .sf-c-darkorange { color: hsl(var(--sf-dark-c-txt-darkorange-10)); background: hsl(var(--sf-dark-c-darkorange)) } html[data-theme='dark'] .sf-c-darkorange\:0, html.dark .sf-c-darkorange\:0 { color: hsl(var(--sf-dark-c-txt-darkorange-90)); background: hsl(var(--sf-dark-c-darkorange-100)) } html[data-theme='dark'] .sf-c-darkorange\:10, html.dark .sf-c-darkorange\:10 { color: hsl(var(--sf-dark-c-txt-darkorange-10)); background: hsl(var(--sf-dark-c-darkorange-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkorange\:80\:dark, html.dark .sf-c-darkorange\: html[data-theme='dark'] .sf-c-darkorange\:90\:dark, html.dark .sf-c-darkorange\:90\:dark { color: hsl(var(--sf-c-txt-darkorange-90)); background: hsl(var(--sf-c-darkorange-10)) } html[data-theme='dark'] .sf-c-darkorange\:100\:dark, html.dark .sf-c-darkorange\:100\:dark { color: hsl(var(--sf-c-txt-darkorange-90)); background: hsl(var(--sf-c-darkorange-0)) } +html[data-theme='dark'] .sf-c-txt-darkorange, html.dark .sf-c-txt-darkorange { color: hsl(var(--sf-c-txt-darkorange)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:0, html.dark .sf-c-txt-darkorange\:0 { color: hsl(var(--sf-c-txt-darkorange-0)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:10, html.dark .sf-c-txt-darkorange\:10 { color: hsl(var(--sf-c-txt-darkorange-10)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:20, html.dark .sf-c-txt-darkorange\:20 { color: hsl(var(--sf-c-txt-darkorange-20)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:30, html.dark .sf-c-txt-darkorange\:30 { color: hsl(var(--sf-c-txt-darkorange-30)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:40, html.dark .sf-c-txt-darkorange\:40 { color: hsl(var(--sf-c-txt-darkorange-40)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:50, html.dark .sf-c-txt-darkorange\:50 { color: hsl(var(--sf-c-txt-darkorange-50)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:60, html.dark .sf-c-txt-darkorange\:60 { color: hsl(var(--sf-c-txt-darkorange-60)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:70, html.dark .sf-c-txt-darkorange\:70 { color: hsl(var(--sf-c-txt-darkorange-70)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:80, html.dark .sf-c-txt-darkorange\:80 { color: hsl(var(--sf-c-txt-darkorange-80)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:90, html.dark .sf-c-txt-darkorange\:90 { color: hsl(var(--sf-c-txt-darkorange-90)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:100, html.dark .sf-c-txt-darkorange\:100 { color: hsl(var(--sf-c-txt-darkorange-100)) } + +html[data-theme='dark'] .sf-c-txt-darkorange\:dark, html.dark .sf-c-txt-darkorange\:dark { color: hsl(var(--sf-c-txt-darkorange)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:0\:dark, html.dark .sf-c-txt-darkorange\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-0)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:10\:dark, html.dark .sf-c-txt-darkorange\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-10)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:20\:dark, html.dark .sf-c-txt-darkorange\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-20)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:30\:dark, html.dark .sf-c-txt-darkorange\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-30)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:40\:dark, html.dark .sf-c-txt-darkorange\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-40)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:50\:dark, html.dark .sf-c-txt-darkorange\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-50)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:60\:dark, html.dark .sf-c-txt-darkorange\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-60)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:70\:dark, html.dark .sf-c-txt-darkorange\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-70)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:80\:dark, html.dark .sf-c-txt-darkorange\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-80)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:90\:dark, html.dark .sf-c-txt-darkorange\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-90)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:100\:dark, html.dark .sf-c-txt-darkorange\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-100)) } + html.var[data-theme='dark'] .sf-c-darkorange, html.var.dark .sf-c-darkorange { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } html.var[data-theme='dark'] .sf-c-darkorange\:0, html.var.dark .sf-c-darkorange\:0 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkorange\:10, html.var.dark .sf-c-darkorange\:10 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkorange\:80\:dark, html.var.dark .sf-c-dark html.var[data-theme='dark'] .sf-c-darkorange\:90\:dark, html.var.dark .sf-c-darkorange\:90\:dark { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 10%) } html.var[data-theme='dark'] .sf-c-darkorange\:100\:dark, html.var.dark .sf-c-darkorange\:100\:dark { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange, html.dark .sf-c-txt-darkorange { color: hsl(33, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:0, html.dark .sf-c-txt-darkorange\:0 { color: hsl(33, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:10, html.dark .sf-c-txt-darkorange\:10 { color: hsl(33, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:20, html.dark .sf-c-txt-darkorange\:20 { color: hsl(33, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:30, html.dark .sf-c-txt-darkorange\:30 { color: hsl(33, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:40, html.dark .sf-c-txt-darkorange\:40 { color: hsl(33, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:50, html.dark .sf-c-txt-darkorange\:50 { color: hsl(33, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:60, html.dark .sf-c-txt-darkorange\:60 { color: hsl(33, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:70, html.dark .sf-c-txt-darkorange\:70 { color: hsl(33, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:80, html.dark .sf-c-txt-darkorange\:80 { color: hsl(33, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:90, html.dark .sf-c-txt-darkorange\:90 { color: hsl(33, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:100, html.dark .sf-c-txt-darkorange\:100 { color: hsl(33, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkorange\:dark, html.dark .sf-c-txt-darkorange\:dark { color: hsl(33, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:0\:dark, html.dark .sf-c-txt-darkorange\:0\:dark { color: hsl(33, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:10\:dark, html.dark .sf-c-txt-darkorange\:10\:dark { color: hsl(33, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:20\:dark, html.dark .sf-c-txt-darkorange\:20\:dark { color: hsl(33, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:30\:dark, html.dark .sf-c-txt-darkorange\:30\:dark { color: hsl(33, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:40\:dark, html.dark .sf-c-txt-darkorange\:40\:dark { color: hsl(33, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:50\:dark, html.dark .sf-c-txt-darkorange\:50\:dark { color: hsl(33, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:60\:dark, html.dark .sf-c-txt-darkorange\:60\:dark { color: hsl(33, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:70\:dark, html.dark .sf-c-txt-darkorange\:70\:dark { color: hsl(33, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:80\:dark, html.dark .sf-c-txt-darkorange\:80\:dark { color: hsl(33, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:90\:dark, html.dark .sf-c-txt-darkorange\:90\:dark { color: hsl(33, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:100\:dark, html.dark .sf-c-txt-darkorange\:100\:dark { color: hsl(33, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkorange, html.auto .sf-c-darkorange { color: hsl(var(--sf-dark-c-txt-darkorange-10)); background: hsl(var(--sf-dark-c-darkorange)) } html[data-theme='auto'] .sf-c-darkorange\:0, html.auto .sf-c-darkorange\:0 { color: hsl(var(--sf-dark-c-txt-darkorange-90)); background: hsl(var(--sf-dark-c-darkorange-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkorange\:100\:dark, html.var.dark .sf-c-dar html[data-theme='auto'] .sf-c-darkorange\:90\:dark, html.auto .sf-c-darkorange\:90\:dark { color: hsl(var(--sf-c-txt-darkorange-90)); background: hsl(var(--sf-c-darkorange-10)) } html[data-theme='auto'] .sf-c-darkorange\:100\:dark, html.auto .sf-c-darkorange\:100\:dark { color: hsl(var(--sf-c-txt-darkorange-90)); background: hsl(var(--sf-c-darkorange-0)) } + html[data-theme='auto'] .sf-c-txt-darkorange, html.auto .sf-c-txt-darkorange { color: hsl(var(--sf-c-txt-darkorange)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:0, html.auto .sf-c-txt-darkorange\:0 { color: hsl(var(--sf-c-txt-darkorange-0)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:10, html.auto .sf-c-txt-darkorange\:10 { color: hsl(var(--sf-c-txt-darkorange-10)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:20, html.auto .sf-c-txt-darkorange\:20 { color: hsl(var(--sf-c-txt-darkorange-20)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:30, html.auto .sf-c-txt-darkorange\:30 { color: hsl(var(--sf-c-txt-darkorange-30)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:40, html.auto .sf-c-txt-darkorange\:40 { color: hsl(var(--sf-c-txt-darkorange-40)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:50, html.auto .sf-c-txt-darkorange\:50 { color: hsl(var(--sf-c-txt-darkorange-50)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:60, html.auto .sf-c-txt-darkorange\:60 { color: hsl(var(--sf-c-txt-darkorange-60)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:70, html.auto .sf-c-txt-darkorange\:70 { color: hsl(var(--sf-c-txt-darkorange-70)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:80, html.auto .sf-c-txt-darkorange\:80 { color: hsl(var(--sf-c-txt-darkorange-80)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:90, html.auto .sf-c-txt-darkorange\:90 { color: hsl(var(--sf-c-txt-darkorange-90)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:100, html.auto .sf-c-txt-darkorange\:100 { color: hsl(var(--sf-c-txt-darkorange-100)) } + + html[data-theme='auto'] .sf-c-txt-darkorange\:dark, html.auto .sf-c-txt-darkorange\:dark { color: hsl(var(--sf-c-txt-darkorange)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:0\:dark, html.auto .sf-c-txt-darkorange\:0\:dark { color: hsl(var(--sf-c-txt-darkorange-0)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:10\:dark, html.auto .sf-c-txt-darkorange\:10\:dark { color: hsl(var(--sf-c-txt-darkorange-10)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:20\:dark, html.auto .sf-c-txt-darkorange\:20\:dark { color: hsl(var(--sf-c-txt-darkorange-20)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:30\:dark, html.auto .sf-c-txt-darkorange\:30\:dark { color: hsl(var(--sf-c-txt-darkorange-30)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:40\:dark, html.auto .sf-c-txt-darkorange\:40\:dark { color: hsl(var(--sf-c-txt-darkorange-40)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:50\:dark, html.auto .sf-c-txt-darkorange\:50\:dark { color: hsl(var(--sf-c-txt-darkorange-50)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:60\:dark, html.auto .sf-c-txt-darkorange\:60\:dark { color: hsl(var(--sf-c-txt-darkorange-60)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:70\:dark, html.auto .sf-c-txt-darkorange\:70\:dark { color: hsl(var(--sf-c-txt-darkorange-70)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:80\:dark, html.auto .sf-c-txt-darkorange\:80\:dark { color: hsl(var(--sf-c-txt-darkorange-80)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:90\:dark, html.auto .sf-c-txt-darkorange\:90\:dark { color: hsl(var(--sf-c-txt-darkorange-90)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:100\:dark, html.auto .sf-c-txt-darkorange\:100\:dark { color: hsl(var(--sf-c-txt-darkorange-100)) } + html.var[data-theme='auto'] .sf-c-darkorange, html.var.auto .sf-c-darkorange { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 50%) } html.var[data-theme='auto'] .sf-c-darkorange\:0, html.var.auto .sf-c-darkorange\:0 { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkorange\:10, html.var.auto .sf-c-darkorange\:10 { color: hsl(33, 100%, 10%); background: hsl(33, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkorange\:100\:dark, html.var.dark .sf-c-dar html.var[data-theme='auto'] .sf-c-darkorange\:80\:dark, html.var.auto .sf-c-darkorange\:80\:dark { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 20%) } html.var[data-theme='auto'] .sf-c-darkorange\:90\:dark, html.var.auto .sf-c-darkorange\:90\:dark { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkorange\:100\:dark, html.var.auto .sf-c-darkorange\:100\:dark { color: hsl(33, 100%, 90%); background: hsl(33, 100%, 0%) } -} -.sf-c-txt-darkorange { color: hsl(var(--sf-c-txt-darkorange)) } -.sf-c-txt-darkorange\:0 { color: hsl(var(--sf-c-txt-darkorange-0)) } -.sf-c-txt-darkorange\:10 { color: hsl(var(--sf-c-txt-darkorange-10)) } -.sf-c-txt-darkorange\:20 { color: hsl(var(--sf-c-txt-darkorange-20)) } -.sf-c-txt-darkorange\:30 { color: hsl(var(--sf-c-txt-darkorange-30)) } -.sf-c-txt-darkorange\:40 { color: hsl(var(--sf-c-txt-darkorange-40)) } -.sf-c-txt-darkorange\:50 { color: hsl(var(--sf-c-txt-darkorange-50)) } -.sf-c-txt-darkorange\:60 { color: hsl(var(--sf-c-txt-darkorange-60)) } -.sf-c-txt-darkorange\:70 { color: hsl(var(--sf-c-txt-darkorange-70)) } -.sf-c-txt-darkorange\:80 { color: hsl(var(--sf-c-txt-darkorange-80)) } -.sf-c-txt-darkorange\:90 { color: hsl(var(--sf-c-txt-darkorange-90)) } -.sf-c-txt-darkorange\:100 { color: hsl(var(--sf-c-txt-darkorange-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkorange, html.auto .sf-c-txt-darkorange { color: hsl(33, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:0, html.auto .sf-c-txt-darkorange\:0 { color: hsl(33, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:10, html.auto .sf-c-txt-darkorange\:10 { color: hsl(33, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:20, html.auto .sf-c-txt-darkorange\:20 { color: hsl(33, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:30, html.auto .sf-c-txt-darkorange\:30 { color: hsl(33, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:40, html.auto .sf-c-txt-darkorange\:40 { color: hsl(33, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:50, html.auto .sf-c-txt-darkorange\:50 { color: hsl(33, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:60, html.auto .sf-c-txt-darkorange\:60 { color: hsl(33, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:70, html.auto .sf-c-txt-darkorange\:70 { color: hsl(33, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:80, html.auto .sf-c-txt-darkorange\:80 { color: hsl(33, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:90, html.auto .sf-c-txt-darkorange\:90 { color: hsl(33, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:100, html.auto .sf-c-txt-darkorange\:100 { color: hsl(33, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkorange\:dark, html.auto .sf-c-txt-darkorange\:dark { color: hsl(33, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:0\:dark, html.auto .sf-c-txt-darkorange\:0\:dark { color: hsl(33, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:10\:dark, html.auto .sf-c-txt-darkorange\:10\:dark { color: hsl(33, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:20\:dark, html.auto .sf-c-txt-darkorange\:20\:dark { color: hsl(33, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:30\:dark, html.auto .sf-c-txt-darkorange\:30\:dark { color: hsl(33, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:40\:dark, html.auto .sf-c-txt-darkorange\:40\:dark { color: hsl(33, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:50\:dark, html.auto .sf-c-txt-darkorange\:50\:dark { color: hsl(33, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:60\:dark, html.auto .sf-c-txt-darkorange\:60\:dark { color: hsl(33, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:70\:dark, html.auto .sf-c-txt-darkorange\:70\:dark { color: hsl(33, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:80\:dark, html.auto .sf-c-txt-darkorange\:80\:dark { color: hsl(33, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:90\:dark, html.auto .sf-c-txt-darkorange\:90\:dark { color: hsl(33, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:100\:dark, html.auto .sf-c-txt-darkorange\:100\:dark { color: hsl(33, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkorchid.css b/src/colors/10/darkorchid.css index feb41a4..db53adb 100644 --- a/src/colors/10/darkorchid.css +++ b/src/colors/10/darkorchid.css @@ -78,6 +78,32 @@ html.var .sf-c-darkorchid\:80 { color: hsl(280, 61%, 10%); background: hsl(280, html.var .sf-c-darkorchid\:90 { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 90%) } html.var .sf-c-darkorchid\:100 { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 100%) } +.sf-c-txt-darkorchid { color: hsl(var(--sf-dark-c-txt-darkorchid)) } +.sf-c-txt-darkorchid\:0 { color: hsl(var(--sf-dark-c-txt-darkorchid-100)) } +.sf-c-txt-darkorchid\:10 { color: hsl(var(--sf-dark-c-txt-darkorchid-90)) } +.sf-c-txt-darkorchid\:20 { color: hsl(var(--sf-dark-c-txt-darkorchid-80)) } +.sf-c-txt-darkorchid\:30 { color: hsl(var(--sf-dark-c-txt-darkorchid-70)) } +.sf-c-txt-darkorchid\:40 { color: hsl(var(--sf-dark-c-txt-darkorchid-60)) } +.sf-c-txt-darkorchid\:50 { color: hsl(var(--sf-dark-c-txt-darkorchid-50)) } +.sf-c-txt-darkorchid\:60 { color: hsl(var(--sf-dark-c-txt-darkorchid-40)) } +.sf-c-txt-darkorchid\:70 { color: hsl(var(--sf-dark-c-txt-darkorchid-30)) } +.sf-c-txt-darkorchid\:80 { color: hsl(var(--sf-dark-c-txt-darkorchid-20)) } +.sf-c-txt-darkorchid\:90 { color: hsl(var(--sf-dark-c-txt-darkorchid-10)) } +.sf-c-txt-darkorchid\:100 { color: hsl(var(--sf-dark-c-txt-darkorchid-0)) } + +html.var .sf-c-txt-darkorchid { color: hsl(280, 61%, 50%) } +html.var .sf-c-txt-darkorchid\:0 { color: hsl(280, 61%, 100%) } +html.var .sf-c-txt-darkorchid\:10 { color: hsl(280, 61%, 90%) } +html.var .sf-c-txt-darkorchid\:20 { color: hsl(280, 61%, 80%) } +html.var .sf-c-txt-darkorchid\:30 { color: hsl(280, 61%, 70%) } +html.var .sf-c-txt-darkorchid\:40 { color: hsl(280, 61%, 60%) } +html.var .sf-c-txt-darkorchid\:50 { color: hsl(280, 61%, 50%) } +html.var .sf-c-txt-darkorchid\:60 { color: hsl(280, 61%, 40%) } +html.var .sf-c-txt-darkorchid\:70 { color: hsl(280, 61%, 30%) } +html.var .sf-c-txt-darkorchid\:80 { color: hsl(280, 61%, 20%) } +html.var .sf-c-txt-darkorchid\:90 { color: hsl(280, 61%, 10%) } +html.var .sf-c-txt-darkorchid\:100 { color: hsl(280, 61%, 0%) } + html[data-theme='dark'] .sf-c-darkorchid, html.dark .sf-c-darkorchid { color: hsl(var(--sf-dark-c-txt-darkorchid-90)); background: hsl(var(--sf-dark-c-darkorchid)) } html[data-theme='dark'] .sf-c-darkorchid\:0, html.dark .sf-c-darkorchid\:0 { color: hsl(var(--sf-dark-c-txt-darkorchid-90)); background: hsl(var(--sf-dark-c-darkorchid-100)) } html[data-theme='dark'] .sf-c-darkorchid\:10, html.dark .sf-c-darkorchid\:10 { color: hsl(var(--sf-dark-c-txt-darkorchid-10)); background: hsl(var(--sf-dark-c-darkorchid-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkorchid\:80\:dark, html.dark .sf-c-darkorchid\: html[data-theme='dark'] .sf-c-darkorchid\:90\:dark, html.dark .sf-c-darkorchid\:90\:dark { color: hsl(var(--sf-c-txt-darkorchid-90)); background: hsl(var(--sf-c-darkorchid-10)) } html[data-theme='dark'] .sf-c-darkorchid\:100\:dark, html.dark .sf-c-darkorchid\:100\:dark { color: hsl(var(--sf-c-txt-darkorchid-90)); background: hsl(var(--sf-c-darkorchid-0)) } +html[data-theme='dark'] .sf-c-txt-darkorchid, html.dark .sf-c-txt-darkorchid { color: hsl(var(--sf-c-txt-darkorchid)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:0, html.dark .sf-c-txt-darkorchid\:0 { color: hsl(var(--sf-c-txt-darkorchid-0)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:10, html.dark .sf-c-txt-darkorchid\:10 { color: hsl(var(--sf-c-txt-darkorchid-10)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:20, html.dark .sf-c-txt-darkorchid\:20 { color: hsl(var(--sf-c-txt-darkorchid-20)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:30, html.dark .sf-c-txt-darkorchid\:30 { color: hsl(var(--sf-c-txt-darkorchid-30)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:40, html.dark .sf-c-txt-darkorchid\:40 { color: hsl(var(--sf-c-txt-darkorchid-40)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:50, html.dark .sf-c-txt-darkorchid\:50 { color: hsl(var(--sf-c-txt-darkorchid-50)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:60, html.dark .sf-c-txt-darkorchid\:60 { color: hsl(var(--sf-c-txt-darkorchid-60)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:70, html.dark .sf-c-txt-darkorchid\:70 { color: hsl(var(--sf-c-txt-darkorchid-70)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:80, html.dark .sf-c-txt-darkorchid\:80 { color: hsl(var(--sf-c-txt-darkorchid-80)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:90, html.dark .sf-c-txt-darkorchid\:90 { color: hsl(var(--sf-c-txt-darkorchid-90)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:100, html.dark .sf-c-txt-darkorchid\:100 { color: hsl(var(--sf-c-txt-darkorchid-100)) } + +html[data-theme='dark'] .sf-c-txt-darkorchid\:dark, html.dark .sf-c-txt-darkorchid\:dark { color: hsl(var(--sf-c-txt-darkorchid)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:0\:dark, html.dark .sf-c-txt-darkorchid\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-0)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:10\:dark, html.dark .sf-c-txt-darkorchid\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-10)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:20\:dark, html.dark .sf-c-txt-darkorchid\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-20)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:30\:dark, html.dark .sf-c-txt-darkorchid\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-30)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:40\:dark, html.dark .sf-c-txt-darkorchid\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-40)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:50\:dark, html.dark .sf-c-txt-darkorchid\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-50)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:60\:dark, html.dark .sf-c-txt-darkorchid\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-60)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:70\:dark, html.dark .sf-c-txt-darkorchid\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-70)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:80\:dark, html.dark .sf-c-txt-darkorchid\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-80)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:90\:dark, html.dark .sf-c-txt-darkorchid\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-90)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:100\:dark, html.dark .sf-c-txt-darkorchid\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-100)) } + html.var[data-theme='dark'] .sf-c-darkorchid, html.var.dark .sf-c-darkorchid { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 50%) } html.var[data-theme='dark'] .sf-c-darkorchid\:0, html.var.dark .sf-c-darkorchid\:0 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 100%) } html.var[data-theme='dark'] .sf-c-darkorchid\:10, html.var.dark .sf-c-darkorchid\:10 { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkorchid\:80\:dark, html.var.dark .sf-c-dark html.var[data-theme='dark'] .sf-c-darkorchid\:90\:dark, html.var.dark .sf-c-darkorchid\:90\:dark { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 10%) } html.var[data-theme='dark'] .sf-c-darkorchid\:100\:dark, html.var.dark .sf-c-darkorchid\:100\:dark { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid, html.dark .sf-c-txt-darkorchid { color: hsl(280, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:0, html.dark .sf-c-txt-darkorchid\:0 { color: hsl(280, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:10, html.dark .sf-c-txt-darkorchid\:10 { color: hsl(280, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:20, html.dark .sf-c-txt-darkorchid\:20 { color: hsl(280, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:30, html.dark .sf-c-txt-darkorchid\:30 { color: hsl(280, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:40, html.dark .sf-c-txt-darkorchid\:40 { color: hsl(280, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:50, html.dark .sf-c-txt-darkorchid\:50 { color: hsl(280, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:60, html.dark .sf-c-txt-darkorchid\:60 { color: hsl(280, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:70, html.dark .sf-c-txt-darkorchid\:70 { color: hsl(280, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:80, html.dark .sf-c-txt-darkorchid\:80 { color: hsl(280, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:90, html.dark .sf-c-txt-darkorchid\:90 { color: hsl(280, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:100, html.dark .sf-c-txt-darkorchid\:100 { color: hsl(280, 61%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:dark, html.dark .sf-c-txt-darkorchid\:dark { color: hsl(280, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:0\:dark, html.dark .sf-c-txt-darkorchid\:0\:dark { color: hsl(280, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:10\:dark, html.dark .sf-c-txt-darkorchid\:10\:dark { color: hsl(280, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:20\:dark, html.dark .sf-c-txt-darkorchid\:20\:dark { color: hsl(280, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:30\:dark, html.dark .sf-c-txt-darkorchid\:30\:dark { color: hsl(280, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:40\:dark, html.dark .sf-c-txt-darkorchid\:40\:dark { color: hsl(280, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:50\:dark, html.dark .sf-c-txt-darkorchid\:50\:dark { color: hsl(280, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:60\:dark, html.dark .sf-c-txt-darkorchid\:60\:dark { color: hsl(280, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:70\:dark, html.dark .sf-c-txt-darkorchid\:70\:dark { color: hsl(280, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:80\:dark, html.dark .sf-c-txt-darkorchid\:80\:dark { color: hsl(280, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:90\:dark, html.dark .sf-c-txt-darkorchid\:90\:dark { color: hsl(280, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:100\:dark, html.dark .sf-c-txt-darkorchid\:100\:dark { color: hsl(280, 61%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkorchid, html.auto .sf-c-darkorchid { color: hsl(var(--sf-dark-c-txt-darkorchid-90)); background: hsl(var(--sf-dark-c-darkorchid)) } html[data-theme='auto'] .sf-c-darkorchid\:0, html.auto .sf-c-darkorchid\:0 { color: hsl(var(--sf-dark-c-txt-darkorchid-90)); background: hsl(var(--sf-dark-c-darkorchid-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkorchid\:100\:dark, html.var.dark .sf-c-dar html[data-theme='auto'] .sf-c-darkorchid\:90\:dark, html.auto .sf-c-darkorchid\:90\:dark { color: hsl(var(--sf-c-txt-darkorchid-90)); background: hsl(var(--sf-c-darkorchid-10)) } html[data-theme='auto'] .sf-c-darkorchid\:100\:dark, html.auto .sf-c-darkorchid\:100\:dark { color: hsl(var(--sf-c-txt-darkorchid-90)); background: hsl(var(--sf-c-darkorchid-0)) } + html[data-theme='auto'] .sf-c-txt-darkorchid, html.auto .sf-c-txt-darkorchid { color: hsl(var(--sf-c-txt-darkorchid)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:0, html.auto .sf-c-txt-darkorchid\:0 { color: hsl(var(--sf-c-txt-darkorchid-0)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:10, html.auto .sf-c-txt-darkorchid\:10 { color: hsl(var(--sf-c-txt-darkorchid-10)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:20, html.auto .sf-c-txt-darkorchid\:20 { color: hsl(var(--sf-c-txt-darkorchid-20)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:30, html.auto .sf-c-txt-darkorchid\:30 { color: hsl(var(--sf-c-txt-darkorchid-30)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:40, html.auto .sf-c-txt-darkorchid\:40 { color: hsl(var(--sf-c-txt-darkorchid-40)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:50, html.auto .sf-c-txt-darkorchid\:50 { color: hsl(var(--sf-c-txt-darkorchid-50)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:60, html.auto .sf-c-txt-darkorchid\:60 { color: hsl(var(--sf-c-txt-darkorchid-60)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:70, html.auto .sf-c-txt-darkorchid\:70 { color: hsl(var(--sf-c-txt-darkorchid-70)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:80, html.auto .sf-c-txt-darkorchid\:80 { color: hsl(var(--sf-c-txt-darkorchid-80)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:90, html.auto .sf-c-txt-darkorchid\:90 { color: hsl(var(--sf-c-txt-darkorchid-90)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:100, html.auto .sf-c-txt-darkorchid\:100 { color: hsl(var(--sf-c-txt-darkorchid-100)) } + + html[data-theme='auto'] .sf-c-txt-darkorchid\:dark, html.auto .sf-c-txt-darkorchid\:dark { color: hsl(var(--sf-c-txt-darkorchid)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:0\:dark, html.auto .sf-c-txt-darkorchid\:0\:dark { color: hsl(var(--sf-c-txt-darkorchid-0)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:10\:dark, html.auto .sf-c-txt-darkorchid\:10\:dark { color: hsl(var(--sf-c-txt-darkorchid-10)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:20\:dark, html.auto .sf-c-txt-darkorchid\:20\:dark { color: hsl(var(--sf-c-txt-darkorchid-20)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:30\:dark, html.auto .sf-c-txt-darkorchid\:30\:dark { color: hsl(var(--sf-c-txt-darkorchid-30)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:40\:dark, html.auto .sf-c-txt-darkorchid\:40\:dark { color: hsl(var(--sf-c-txt-darkorchid-40)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:50\:dark, html.auto .sf-c-txt-darkorchid\:50\:dark { color: hsl(var(--sf-c-txt-darkorchid-50)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:60\:dark, html.auto .sf-c-txt-darkorchid\:60\:dark { color: hsl(var(--sf-c-txt-darkorchid-60)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:70\:dark, html.auto .sf-c-txt-darkorchid\:70\:dark { color: hsl(var(--sf-c-txt-darkorchid-70)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:80\:dark, html.auto .sf-c-txt-darkorchid\:80\:dark { color: hsl(var(--sf-c-txt-darkorchid-80)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:90\:dark, html.auto .sf-c-txt-darkorchid\:90\:dark { color: hsl(var(--sf-c-txt-darkorchid-90)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:100\:dark, html.auto .sf-c-txt-darkorchid\:100\:dark { color: hsl(var(--sf-c-txt-darkorchid-100)) } + html.var[data-theme='auto'] .sf-c-darkorchid, html.var.auto .sf-c-darkorchid { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 50%) } html.var[data-theme='auto'] .sf-c-darkorchid\:0, html.var.auto .sf-c-darkorchid\:0 { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 100%) } html.var[data-theme='auto'] .sf-c-darkorchid\:10, html.var.auto .sf-c-darkorchid\:10 { color: hsl(280, 61%, 10%); background: hsl(280, 61%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkorchid\:100\:dark, html.var.dark .sf-c-dar html.var[data-theme='auto'] .sf-c-darkorchid\:80\:dark, html.var.auto .sf-c-darkorchid\:80\:dark { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 20%) } html.var[data-theme='auto'] .sf-c-darkorchid\:90\:dark, html.var.auto .sf-c-darkorchid\:90\:dark { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 10%) } html.var[data-theme='auto'] .sf-c-darkorchid\:100\:dark, html.var.auto .sf-c-darkorchid\:100\:dark { color: hsl(280, 61%, 90%); background: hsl(280, 61%, 0%) } -} -.sf-c-txt-darkorchid { color: hsl(var(--sf-c-txt-darkorchid)) } -.sf-c-txt-darkorchid\:0 { color: hsl(var(--sf-c-txt-darkorchid-0)) } -.sf-c-txt-darkorchid\:10 { color: hsl(var(--sf-c-txt-darkorchid-10)) } -.sf-c-txt-darkorchid\:20 { color: hsl(var(--sf-c-txt-darkorchid-20)) } -.sf-c-txt-darkorchid\:30 { color: hsl(var(--sf-c-txt-darkorchid-30)) } -.sf-c-txt-darkorchid\:40 { color: hsl(var(--sf-c-txt-darkorchid-40)) } -.sf-c-txt-darkorchid\:50 { color: hsl(var(--sf-c-txt-darkorchid-50)) } -.sf-c-txt-darkorchid\:60 { color: hsl(var(--sf-c-txt-darkorchid-60)) } -.sf-c-txt-darkorchid\:70 { color: hsl(var(--sf-c-txt-darkorchid-70)) } -.sf-c-txt-darkorchid\:80 { color: hsl(var(--sf-c-txt-darkorchid-80)) } -.sf-c-txt-darkorchid\:90 { color: hsl(var(--sf-c-txt-darkorchid-90)) } -.sf-c-txt-darkorchid\:100 { color: hsl(var(--sf-c-txt-darkorchid-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkorchid, html.auto .sf-c-txt-darkorchid { color: hsl(280, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:0, html.auto .sf-c-txt-darkorchid\:0 { color: hsl(280, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:10, html.auto .sf-c-txt-darkorchid\:10 { color: hsl(280, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:20, html.auto .sf-c-txt-darkorchid\:20 { color: hsl(280, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:30, html.auto .sf-c-txt-darkorchid\:30 { color: hsl(280, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:40, html.auto .sf-c-txt-darkorchid\:40 { color: hsl(280, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:50, html.auto .sf-c-txt-darkorchid\:50 { color: hsl(280, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:60, html.auto .sf-c-txt-darkorchid\:60 { color: hsl(280, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:70, html.auto .sf-c-txt-darkorchid\:70 { color: hsl(280, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:80, html.auto .sf-c-txt-darkorchid\:80 { color: hsl(280, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:90, html.auto .sf-c-txt-darkorchid\:90 { color: hsl(280, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:100, html.auto .sf-c-txt-darkorchid\:100 { color: hsl(280, 61%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:dark, html.auto .sf-c-txt-darkorchid\:dark { color: hsl(280, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:0\:dark, html.auto .sf-c-txt-darkorchid\:0\:dark { color: hsl(280, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:10\:dark, html.auto .sf-c-txt-darkorchid\:10\:dark { color: hsl(280, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:20\:dark, html.auto .sf-c-txt-darkorchid\:20\:dark { color: hsl(280, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:30\:dark, html.auto .sf-c-txt-darkorchid\:30\:dark { color: hsl(280, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:40\:dark, html.auto .sf-c-txt-darkorchid\:40\:dark { color: hsl(280, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:50\:dark, html.auto .sf-c-txt-darkorchid\:50\:dark { color: hsl(280, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:60\:dark, html.auto .sf-c-txt-darkorchid\:60\:dark { color: hsl(280, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:70\:dark, html.auto .sf-c-txt-darkorchid\:70\:dark { color: hsl(280, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:80\:dark, html.auto .sf-c-txt-darkorchid\:80\:dark { color: hsl(280, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:90\:dark, html.auto .sf-c-txt-darkorchid\:90\:dark { color: hsl(280, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:100\:dark, html.auto .sf-c-txt-darkorchid\:100\:dark { color: hsl(280, 61%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkred.css b/src/colors/10/darkred.css index 9ffa24d..91e5f45 100644 --- a/src/colors/10/darkred.css +++ b/src/colors/10/darkred.css @@ -78,6 +78,32 @@ html.var .sf-c-darkred\:80 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, html.var .sf-c-darkred\:90 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } html.var .sf-c-darkred\:100 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } +.sf-c-txt-darkred { color: hsl(var(--sf-dark-c-txt-darkred)) } +.sf-c-txt-darkred\:0 { color: hsl(var(--sf-dark-c-txt-darkred-100)) } +.sf-c-txt-darkred\:10 { color: hsl(var(--sf-dark-c-txt-darkred-90)) } +.sf-c-txt-darkred\:20 { color: hsl(var(--sf-dark-c-txt-darkred-80)) } +.sf-c-txt-darkred\:30 { color: hsl(var(--sf-dark-c-txt-darkred-70)) } +.sf-c-txt-darkred\:40 { color: hsl(var(--sf-dark-c-txt-darkred-60)) } +.sf-c-txt-darkred\:50 { color: hsl(var(--sf-dark-c-txt-darkred-50)) } +.sf-c-txt-darkred\:60 { color: hsl(var(--sf-dark-c-txt-darkred-40)) } +.sf-c-txt-darkred\:70 { color: hsl(var(--sf-dark-c-txt-darkred-30)) } +.sf-c-txt-darkred\:80 { color: hsl(var(--sf-dark-c-txt-darkred-20)) } +.sf-c-txt-darkred\:90 { color: hsl(var(--sf-dark-c-txt-darkred-10)) } +.sf-c-txt-darkred\:100 { color: hsl(var(--sf-dark-c-txt-darkred-0)) } + +html.var .sf-c-txt-darkred { color: hsl(0, 100%, 73%) } +html.var .sf-c-txt-darkred\:0 { color: hsl(0, 100%, 100%) } +html.var .sf-c-txt-darkred\:10 { color: hsl(0, 100%, 90%) } +html.var .sf-c-txt-darkred\:20 { color: hsl(0, 100%, 80%) } +html.var .sf-c-txt-darkred\:30 { color: hsl(0, 100%, 70%) } +html.var .sf-c-txt-darkred\:40 { color: hsl(0, 100%, 60%) } +html.var .sf-c-txt-darkred\:50 { color: hsl(0, 100%, 50%) } +html.var .sf-c-txt-darkred\:60 { color: hsl(0, 100%, 40%) } +html.var .sf-c-txt-darkred\:70 { color: hsl(0, 100%, 30%) } +html.var .sf-c-txt-darkred\:80 { color: hsl(0, 100%, 20%) } +html.var .sf-c-txt-darkred\:90 { color: hsl(0, 100%, 10%) } +html.var .sf-c-txt-darkred\:100 { color: hsl(0, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkred, html.dark .sf-c-darkred { color: hsl(var(--sf-dark-c-txt-darkred-10)); background: hsl(var(--sf-dark-c-darkred)) } html[data-theme='dark'] .sf-c-darkred\:0, html.dark .sf-c-darkred\:0 { color: hsl(var(--sf-dark-c-txt-darkred-90)); background: hsl(var(--sf-dark-c-darkred-100)) } html[data-theme='dark'] .sf-c-darkred\:10, html.dark .sf-c-darkred\:10 { color: hsl(var(--sf-dark-c-txt-darkred-10)); background: hsl(var(--sf-dark-c-darkred-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkred\:80\:dark, html.dark .sf-c-darkred\:80\:da html[data-theme='dark'] .sf-c-darkred\:90\:dark, html.dark .sf-c-darkred\:90\:dark { color: hsl(var(--sf-c-txt-darkred-90)); background: hsl(var(--sf-c-darkred-10)) } html[data-theme='dark'] .sf-c-darkred\:100\:dark, html.dark .sf-c-darkred\:100\:dark { color: hsl(var(--sf-c-txt-darkred-90)); background: hsl(var(--sf-c-darkred-0)) } +html[data-theme='dark'] .sf-c-txt-darkred, html.dark .sf-c-txt-darkred { color: hsl(var(--sf-c-txt-darkred)) } +html[data-theme='dark'] .sf-c-txt-darkred\:0, html.dark .sf-c-txt-darkred\:0 { color: hsl(var(--sf-c-txt-darkred-0)) } +html[data-theme='dark'] .sf-c-txt-darkred\:10, html.dark .sf-c-txt-darkred\:10 { color: hsl(var(--sf-c-txt-darkred-10)) } +html[data-theme='dark'] .sf-c-txt-darkred\:20, html.dark .sf-c-txt-darkred\:20 { color: hsl(var(--sf-c-txt-darkred-20)) } +html[data-theme='dark'] .sf-c-txt-darkred\:30, html.dark .sf-c-txt-darkred\:30 { color: hsl(var(--sf-c-txt-darkred-30)) } +html[data-theme='dark'] .sf-c-txt-darkred\:40, html.dark .sf-c-txt-darkred\:40 { color: hsl(var(--sf-c-txt-darkred-40)) } +html[data-theme='dark'] .sf-c-txt-darkred\:50, html.dark .sf-c-txt-darkred\:50 { color: hsl(var(--sf-c-txt-darkred-50)) } +html[data-theme='dark'] .sf-c-txt-darkred\:60, html.dark .sf-c-txt-darkred\:60 { color: hsl(var(--sf-c-txt-darkred-60)) } +html[data-theme='dark'] .sf-c-txt-darkred\:70, html.dark .sf-c-txt-darkred\:70 { color: hsl(var(--sf-c-txt-darkred-70)) } +html[data-theme='dark'] .sf-c-txt-darkred\:80, html.dark .sf-c-txt-darkred\:80 { color: hsl(var(--sf-c-txt-darkred-80)) } +html[data-theme='dark'] .sf-c-txt-darkred\:90, html.dark .sf-c-txt-darkred\:90 { color: hsl(var(--sf-c-txt-darkred-90)) } +html[data-theme='dark'] .sf-c-txt-darkred\:100, html.dark .sf-c-txt-darkred\:100 { color: hsl(var(--sf-c-txt-darkred-100)) } + +html[data-theme='dark'] .sf-c-txt-darkred\:dark, html.dark .sf-c-txt-darkred\:dark { color: hsl(var(--sf-c-txt-darkred)) } +html[data-theme='dark'] .sf-c-txt-darkred\:0\:dark, html.dark .sf-c-txt-darkred\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkred-0)) } +html[data-theme='dark'] .sf-c-txt-darkred\:10\:dark, html.dark .sf-c-txt-darkred\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkred-10)) } +html[data-theme='dark'] .sf-c-txt-darkred\:20\:dark, html.dark .sf-c-txt-darkred\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkred-20)) } +html[data-theme='dark'] .sf-c-txt-darkred\:30\:dark, html.dark .sf-c-txt-darkred\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkred-30)) } +html[data-theme='dark'] .sf-c-txt-darkred\:40\:dark, html.dark .sf-c-txt-darkred\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkred-40)) } +html[data-theme='dark'] .sf-c-txt-darkred\:50\:dark, html.dark .sf-c-txt-darkred\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkred-50)) } +html[data-theme='dark'] .sf-c-txt-darkred\:60\:dark, html.dark .sf-c-txt-darkred\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkred-60)) } +html[data-theme='dark'] .sf-c-txt-darkred\:70\:dark, html.dark .sf-c-txt-darkred\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkred-70)) } +html[data-theme='dark'] .sf-c-txt-darkred\:80\:dark, html.dark .sf-c-txt-darkred\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkred-80)) } +html[data-theme='dark'] .sf-c-txt-darkred\:90\:dark, html.dark .sf-c-txt-darkred\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkred-90)) } +html[data-theme='dark'] .sf-c-txt-darkred\:100\:dark, html.dark .sf-c-txt-darkred\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkred-100)) } + html.var[data-theme='dark'] .sf-c-darkred, html.var.dark .sf-c-darkred { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 73%) } html.var[data-theme='dark'] .sf-c-darkred\:0, html.var.dark .sf-c-darkred\:0 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkred\:10, html.var.dark .sf-c-darkred\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkred\:80\:dark, html.var.dark .sf-c-darkred html.var[data-theme='dark'] .sf-c-darkred\:90\:dark, html.var.dark .sf-c-darkred\:90\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } html.var[data-theme='dark'] .sf-c-darkred\:100\:dark, html.var.dark .sf-c-darkred\:100\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkred, html.dark .sf-c-txt-darkred { color: hsl(0, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:0, html.dark .sf-c-txt-darkred\:0 { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:10, html.dark .sf-c-txt-darkred\:10 { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:20, html.dark .sf-c-txt-darkred\:20 { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:30, html.dark .sf-c-txt-darkred\:30 { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:40, html.dark .sf-c-txt-darkred\:40 { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:50, html.dark .sf-c-txt-darkred\:50 { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:60, html.dark .sf-c-txt-darkred\:60 { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:70, html.dark .sf-c-txt-darkred\:70 { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:80, html.dark .sf-c-txt-darkred\:80 { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:90, html.dark .sf-c-txt-darkred\:90 { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:100, html.dark .sf-c-txt-darkred\:100 { color: hsl(0, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkred\:dark, html.dark .sf-c-txt-darkred\:dark { color: hsl(0, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:0\:dark, html.dark .sf-c-txt-darkred\:0\:dark { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:10\:dark, html.dark .sf-c-txt-darkred\:10\:dark { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:20\:dark, html.dark .sf-c-txt-darkred\:20\:dark { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:30\:dark, html.dark .sf-c-txt-darkred\:30\:dark { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:40\:dark, html.dark .sf-c-txt-darkred\:40\:dark { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:50\:dark, html.dark .sf-c-txt-darkred\:50\:dark { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:60\:dark, html.dark .sf-c-txt-darkred\:60\:dark { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:70\:dark, html.dark .sf-c-txt-darkred\:70\:dark { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:80\:dark, html.dark .sf-c-txt-darkred\:80\:dark { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:90\:dark, html.dark .sf-c-txt-darkred\:90\:dark { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:100\:dark, html.dark .sf-c-txt-darkred\:100\:dark { color: hsl(0, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkred, html.auto .sf-c-darkred { color: hsl(var(--sf-dark-c-txt-darkred-10)); background: hsl(var(--sf-dark-c-darkred)) } html[data-theme='auto'] .sf-c-darkred\:0, html.auto .sf-c-darkred\:0 { color: hsl(var(--sf-dark-c-txt-darkred-90)); background: hsl(var(--sf-dark-c-darkred-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkred\:100\:dark, html.var.dark .sf-c-darkre html[data-theme='auto'] .sf-c-darkred\:90\:dark, html.auto .sf-c-darkred\:90\:dark { color: hsl(var(--sf-c-txt-darkred-90)); background: hsl(var(--sf-c-darkred-10)) } html[data-theme='auto'] .sf-c-darkred\:100\:dark, html.auto .sf-c-darkred\:100\:dark { color: hsl(var(--sf-c-txt-darkred-90)); background: hsl(var(--sf-c-darkred-0)) } + html[data-theme='auto'] .sf-c-txt-darkred, html.auto .sf-c-txt-darkred { color: hsl(var(--sf-c-txt-darkred)) } + html[data-theme='auto'] .sf-c-txt-darkred\:0, html.auto .sf-c-txt-darkred\:0 { color: hsl(var(--sf-c-txt-darkred-0)) } + html[data-theme='auto'] .sf-c-txt-darkred\:10, html.auto .sf-c-txt-darkred\:10 { color: hsl(var(--sf-c-txt-darkred-10)) } + html[data-theme='auto'] .sf-c-txt-darkred\:20, html.auto .sf-c-txt-darkred\:20 { color: hsl(var(--sf-c-txt-darkred-20)) } + html[data-theme='auto'] .sf-c-txt-darkred\:30, html.auto .sf-c-txt-darkred\:30 { color: hsl(var(--sf-c-txt-darkred-30)) } + html[data-theme='auto'] .sf-c-txt-darkred\:40, html.auto .sf-c-txt-darkred\:40 { color: hsl(var(--sf-c-txt-darkred-40)) } + html[data-theme='auto'] .sf-c-txt-darkred\:50, html.auto .sf-c-txt-darkred\:50 { color: hsl(var(--sf-c-txt-darkred-50)) } + html[data-theme='auto'] .sf-c-txt-darkred\:60, html.auto .sf-c-txt-darkred\:60 { color: hsl(var(--sf-c-txt-darkred-60)) } + html[data-theme='auto'] .sf-c-txt-darkred\:70, html.auto .sf-c-txt-darkred\:70 { color: hsl(var(--sf-c-txt-darkred-70)) } + html[data-theme='auto'] .sf-c-txt-darkred\:80, html.auto .sf-c-txt-darkred\:80 { color: hsl(var(--sf-c-txt-darkred-80)) } + html[data-theme='auto'] .sf-c-txt-darkred\:90, html.auto .sf-c-txt-darkred\:90 { color: hsl(var(--sf-c-txt-darkred-90)) } + html[data-theme='auto'] .sf-c-txt-darkred\:100, html.auto .sf-c-txt-darkred\:100 { color: hsl(var(--sf-c-txt-darkred-100)) } + + html[data-theme='auto'] .sf-c-txt-darkred\:dark, html.auto .sf-c-txt-darkred\:dark { color: hsl(var(--sf-c-txt-darkred)) } + html[data-theme='auto'] .sf-c-txt-darkred\:0\:dark, html.auto .sf-c-txt-darkred\:0\:dark { color: hsl(var(--sf-c-txt-darkred-0)) } + html[data-theme='auto'] .sf-c-txt-darkred\:10\:dark, html.auto .sf-c-txt-darkred\:10\:dark { color: hsl(var(--sf-c-txt-darkred-10)) } + html[data-theme='auto'] .sf-c-txt-darkred\:20\:dark, html.auto .sf-c-txt-darkred\:20\:dark { color: hsl(var(--sf-c-txt-darkred-20)) } + html[data-theme='auto'] .sf-c-txt-darkred\:30\:dark, html.auto .sf-c-txt-darkred\:30\:dark { color: hsl(var(--sf-c-txt-darkred-30)) } + html[data-theme='auto'] .sf-c-txt-darkred\:40\:dark, html.auto .sf-c-txt-darkred\:40\:dark { color: hsl(var(--sf-c-txt-darkred-40)) } + html[data-theme='auto'] .sf-c-txt-darkred\:50\:dark, html.auto .sf-c-txt-darkred\:50\:dark { color: hsl(var(--sf-c-txt-darkred-50)) } + html[data-theme='auto'] .sf-c-txt-darkred\:60\:dark, html.auto .sf-c-txt-darkred\:60\:dark { color: hsl(var(--sf-c-txt-darkred-60)) } + html[data-theme='auto'] .sf-c-txt-darkred\:70\:dark, html.auto .sf-c-txt-darkred\:70\:dark { color: hsl(var(--sf-c-txt-darkred-70)) } + html[data-theme='auto'] .sf-c-txt-darkred\:80\:dark, html.auto .sf-c-txt-darkred\:80\:dark { color: hsl(var(--sf-c-txt-darkred-80)) } + html[data-theme='auto'] .sf-c-txt-darkred\:90\:dark, html.auto .sf-c-txt-darkred\:90\:dark { color: hsl(var(--sf-c-txt-darkred-90)) } + html[data-theme='auto'] .sf-c-txt-darkred\:100\:dark, html.auto .sf-c-txt-darkred\:100\:dark { color: hsl(var(--sf-c-txt-darkred-100)) } + html.var[data-theme='auto'] .sf-c-darkred, html.var.auto .sf-c-darkred { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 73%) } html.var[data-theme='auto'] .sf-c-darkred\:0, html.var.auto .sf-c-darkred\:0 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkred\:10, html.var.auto .sf-c-darkred\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkred\:100\:dark, html.var.dark .sf-c-darkre html.var[data-theme='auto'] .sf-c-darkred\:80\:dark, html.var.auto .sf-c-darkred\:80\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } html.var[data-theme='auto'] .sf-c-darkred\:90\:dark, html.var.auto .sf-c-darkred\:90\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkred\:100\:dark, html.var.auto .sf-c-darkred\:100\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } -} -.sf-c-txt-darkred { color: hsl(var(--sf-c-txt-darkred)) } -.sf-c-txt-darkred\:0 { color: hsl(var(--sf-c-txt-darkred-0)) } -.sf-c-txt-darkred\:10 { color: hsl(var(--sf-c-txt-darkred-10)) } -.sf-c-txt-darkred\:20 { color: hsl(var(--sf-c-txt-darkred-20)) } -.sf-c-txt-darkred\:30 { color: hsl(var(--sf-c-txt-darkred-30)) } -.sf-c-txt-darkred\:40 { color: hsl(var(--sf-c-txt-darkred-40)) } -.sf-c-txt-darkred\:50 { color: hsl(var(--sf-c-txt-darkred-50)) } -.sf-c-txt-darkred\:60 { color: hsl(var(--sf-c-txt-darkred-60)) } -.sf-c-txt-darkred\:70 { color: hsl(var(--sf-c-txt-darkred-70)) } -.sf-c-txt-darkred\:80 { color: hsl(var(--sf-c-txt-darkred-80)) } -.sf-c-txt-darkred\:90 { color: hsl(var(--sf-c-txt-darkred-90)) } -.sf-c-txt-darkred\:100 { color: hsl(var(--sf-c-txt-darkred-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkred, html.auto .sf-c-txt-darkred { color: hsl(0, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:0, html.auto .sf-c-txt-darkred\:0 { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:10, html.auto .sf-c-txt-darkred\:10 { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:20, html.auto .sf-c-txt-darkred\:20 { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:30, html.auto .sf-c-txt-darkred\:30 { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:40, html.auto .sf-c-txt-darkred\:40 { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:50, html.auto .sf-c-txt-darkred\:50 { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:60, html.auto .sf-c-txt-darkred\:60 { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:70, html.auto .sf-c-txt-darkred\:70 { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:80, html.auto .sf-c-txt-darkred\:80 { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:90, html.auto .sf-c-txt-darkred\:90 { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:100, html.auto .sf-c-txt-darkred\:100 { color: hsl(0, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkred\:dark, html.auto .sf-c-txt-darkred\:dark { color: hsl(0, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:0\:dark, html.auto .sf-c-txt-darkred\:0\:dark { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:10\:dark, html.auto .sf-c-txt-darkred\:10\:dark { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:20\:dark, html.auto .sf-c-txt-darkred\:20\:dark { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:30\:dark, html.auto .sf-c-txt-darkred\:30\:dark { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:40\:dark, html.auto .sf-c-txt-darkred\:40\:dark { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:50\:dark, html.auto .sf-c-txt-darkred\:50\:dark { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:60\:dark, html.auto .sf-c-txt-darkred\:60\:dark { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:70\:dark, html.auto .sf-c-txt-darkred\:70\:dark { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:80\:dark, html.auto .sf-c-txt-darkred\:80\:dark { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:90\:dark, html.auto .sf-c-txt-darkred\:90\:dark { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:100\:dark, html.auto .sf-c-txt-darkred\:100\:dark { color: hsl(0, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darksalmon.css b/src/colors/10/darksalmon.css index 51cade8..68d96f2 100644 --- a/src/colors/10/darksalmon.css +++ b/src/colors/10/darksalmon.css @@ -78,6 +78,32 @@ html.var .sf-c-darksalmon\:80 { color: hsl(15, 72%, 10%); background: hsl(15, 72 html.var .sf-c-darksalmon\:90 { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 90%) } html.var .sf-c-darksalmon\:100 { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 100%) } +.sf-c-txt-darksalmon { color: hsl(var(--sf-dark-c-txt-darksalmon)) } +.sf-c-txt-darksalmon\:0 { color: hsl(var(--sf-dark-c-txt-darksalmon-100)) } +.sf-c-txt-darksalmon\:10 { color: hsl(var(--sf-dark-c-txt-darksalmon-90)) } +.sf-c-txt-darksalmon\:20 { color: hsl(var(--sf-dark-c-txt-darksalmon-80)) } +.sf-c-txt-darksalmon\:30 { color: hsl(var(--sf-dark-c-txt-darksalmon-70)) } +.sf-c-txt-darksalmon\:40 { color: hsl(var(--sf-dark-c-txt-darksalmon-60)) } +.sf-c-txt-darksalmon\:50 { color: hsl(var(--sf-dark-c-txt-darksalmon-50)) } +.sf-c-txt-darksalmon\:60 { color: hsl(var(--sf-dark-c-txt-darksalmon-40)) } +.sf-c-txt-darksalmon\:70 { color: hsl(var(--sf-dark-c-txt-darksalmon-30)) } +.sf-c-txt-darksalmon\:80 { color: hsl(var(--sf-dark-c-txt-darksalmon-20)) } +.sf-c-txt-darksalmon\:90 { color: hsl(var(--sf-dark-c-txt-darksalmon-10)) } +.sf-c-txt-darksalmon\:100 { color: hsl(var(--sf-dark-c-txt-darksalmon-0)) } + +html.var .sf-c-txt-darksalmon { color: hsl(15, 72%, 30%) } +html.var .sf-c-txt-darksalmon\:0 { color: hsl(15, 72%, 100%) } +html.var .sf-c-txt-darksalmon\:10 { color: hsl(15, 72%, 90%) } +html.var .sf-c-txt-darksalmon\:20 { color: hsl(15, 72%, 80%) } +html.var .sf-c-txt-darksalmon\:30 { color: hsl(15, 72%, 70%) } +html.var .sf-c-txt-darksalmon\:40 { color: hsl(15, 72%, 60%) } +html.var .sf-c-txt-darksalmon\:50 { color: hsl(15, 72%, 50%) } +html.var .sf-c-txt-darksalmon\:60 { color: hsl(15, 72%, 40%) } +html.var .sf-c-txt-darksalmon\:70 { color: hsl(15, 72%, 30%) } +html.var .sf-c-txt-darksalmon\:80 { color: hsl(15, 72%, 20%) } +html.var .sf-c-txt-darksalmon\:90 { color: hsl(15, 72%, 10%) } +html.var .sf-c-txt-darksalmon\:100 { color: hsl(15, 72%, 0%) } + html[data-theme='dark'] .sf-c-darksalmon, html.dark .sf-c-darksalmon { color: hsl(var(--sf-dark-c-txt-darksalmon-90)); background: hsl(var(--sf-dark-c-darksalmon)) } html[data-theme='dark'] .sf-c-darksalmon\:0, html.dark .sf-c-darksalmon\:0 { color: hsl(var(--sf-dark-c-txt-darksalmon-90)); background: hsl(var(--sf-dark-c-darksalmon-100)) } html[data-theme='dark'] .sf-c-darksalmon\:10, html.dark .sf-c-darksalmon\:10 { color: hsl(var(--sf-dark-c-txt-darksalmon-10)); background: hsl(var(--sf-dark-c-darksalmon-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darksalmon\:80\:dark, html.dark .sf-c-darksalmon\: html[data-theme='dark'] .sf-c-darksalmon\:90\:dark, html.dark .sf-c-darksalmon\:90\:dark { color: hsl(var(--sf-c-txt-darksalmon-90)); background: hsl(var(--sf-c-darksalmon-10)) } html[data-theme='dark'] .sf-c-darksalmon\:100\:dark, html.dark .sf-c-darksalmon\:100\:dark { color: hsl(var(--sf-c-txt-darksalmon-90)); background: hsl(var(--sf-c-darksalmon-0)) } +html[data-theme='dark'] .sf-c-txt-darksalmon, html.dark .sf-c-txt-darksalmon { color: hsl(var(--sf-c-txt-darksalmon)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:0, html.dark .sf-c-txt-darksalmon\:0 { color: hsl(var(--sf-c-txt-darksalmon-0)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:10, html.dark .sf-c-txt-darksalmon\:10 { color: hsl(var(--sf-c-txt-darksalmon-10)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:20, html.dark .sf-c-txt-darksalmon\:20 { color: hsl(var(--sf-c-txt-darksalmon-20)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:30, html.dark .sf-c-txt-darksalmon\:30 { color: hsl(var(--sf-c-txt-darksalmon-30)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:40, html.dark .sf-c-txt-darksalmon\:40 { color: hsl(var(--sf-c-txt-darksalmon-40)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:50, html.dark .sf-c-txt-darksalmon\:50 { color: hsl(var(--sf-c-txt-darksalmon-50)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:60, html.dark .sf-c-txt-darksalmon\:60 { color: hsl(var(--sf-c-txt-darksalmon-60)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:70, html.dark .sf-c-txt-darksalmon\:70 { color: hsl(var(--sf-c-txt-darksalmon-70)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:80, html.dark .sf-c-txt-darksalmon\:80 { color: hsl(var(--sf-c-txt-darksalmon-80)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:90, html.dark .sf-c-txt-darksalmon\:90 { color: hsl(var(--sf-c-txt-darksalmon-90)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:100, html.dark .sf-c-txt-darksalmon\:100 { color: hsl(var(--sf-c-txt-darksalmon-100)) } + +html[data-theme='dark'] .sf-c-txt-darksalmon\:dark, html.dark .sf-c-txt-darksalmon\:dark { color: hsl(var(--sf-c-txt-darksalmon)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:0\:dark, html.dark .sf-c-txt-darksalmon\:0\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-0)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:10\:dark, html.dark .sf-c-txt-darksalmon\:10\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-10)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:20\:dark, html.dark .sf-c-txt-darksalmon\:20\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-20)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:30\:dark, html.dark .sf-c-txt-darksalmon\:30\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-30)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:40\:dark, html.dark .sf-c-txt-darksalmon\:40\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-40)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:50\:dark, html.dark .sf-c-txt-darksalmon\:50\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-50)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:60\:dark, html.dark .sf-c-txt-darksalmon\:60\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-60)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:70\:dark, html.dark .sf-c-txt-darksalmon\:70\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-70)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:80\:dark, html.dark .sf-c-txt-darksalmon\:80\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-80)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:90\:dark, html.dark .sf-c-txt-darksalmon\:90\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-90)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:100\:dark, html.dark .sf-c-txt-darksalmon\:100\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-100)) } + html.var[data-theme='dark'] .sf-c-darksalmon, html.var.dark .sf-c-darksalmon { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 30%) } html.var[data-theme='dark'] .sf-c-darksalmon\:0, html.var.dark .sf-c-darksalmon\:0 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 100%) } html.var[data-theme='dark'] .sf-c-darksalmon\:10, html.var.dark .sf-c-darksalmon\:10 { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darksalmon\:80\:dark, html.var.dark .sf-c-dark html.var[data-theme='dark'] .sf-c-darksalmon\:90\:dark, html.var.dark .sf-c-darksalmon\:90\:dark { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 10%) } html.var[data-theme='dark'] .sf-c-darksalmon\:100\:dark, html.var.dark .sf-c-darksalmon\:100\:dark { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon, html.dark .sf-c-txt-darksalmon { color: hsl(15, 72%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:0, html.dark .sf-c-txt-darksalmon\:0 { color: hsl(15, 72%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:10, html.dark .sf-c-txt-darksalmon\:10 { color: hsl(15, 72%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:20, html.dark .sf-c-txt-darksalmon\:20 { color: hsl(15, 72%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:30, html.dark .sf-c-txt-darksalmon\:30 { color: hsl(15, 72%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:40, html.dark .sf-c-txt-darksalmon\:40 { color: hsl(15, 72%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:50, html.dark .sf-c-txt-darksalmon\:50 { color: hsl(15, 72%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:60, html.dark .sf-c-txt-darksalmon\:60 { color: hsl(15, 72%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:70, html.dark .sf-c-txt-darksalmon\:70 { color: hsl(15, 72%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:80, html.dark .sf-c-txt-darksalmon\:80 { color: hsl(15, 72%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:90, html.dark .sf-c-txt-darksalmon\:90 { color: hsl(15, 72%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:100, html.dark .sf-c-txt-darksalmon\:100 { color: hsl(15, 72%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:dark, html.dark .sf-c-txt-darksalmon\:dark { color: hsl(15, 72%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:0\:dark, html.dark .sf-c-txt-darksalmon\:0\:dark { color: hsl(15, 72%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:10\:dark, html.dark .sf-c-txt-darksalmon\:10\:dark { color: hsl(15, 72%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:20\:dark, html.dark .sf-c-txt-darksalmon\:20\:dark { color: hsl(15, 72%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:30\:dark, html.dark .sf-c-txt-darksalmon\:30\:dark { color: hsl(15, 72%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:40\:dark, html.dark .sf-c-txt-darksalmon\:40\:dark { color: hsl(15, 72%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:50\:dark, html.dark .sf-c-txt-darksalmon\:50\:dark { color: hsl(15, 72%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:60\:dark, html.dark .sf-c-txt-darksalmon\:60\:dark { color: hsl(15, 72%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:70\:dark, html.dark .sf-c-txt-darksalmon\:70\:dark { color: hsl(15, 72%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:80\:dark, html.dark .sf-c-txt-darksalmon\:80\:dark { color: hsl(15, 72%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:90\:dark, html.dark .sf-c-txt-darksalmon\:90\:dark { color: hsl(15, 72%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:100\:dark, html.dark .sf-c-txt-darksalmon\:100\:dark { color: hsl(15, 72%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darksalmon, html.auto .sf-c-darksalmon { color: hsl(var(--sf-dark-c-txt-darksalmon-90)); background: hsl(var(--sf-dark-c-darksalmon)) } html[data-theme='auto'] .sf-c-darksalmon\:0, html.auto .sf-c-darksalmon\:0 { color: hsl(var(--sf-dark-c-txt-darksalmon-90)); background: hsl(var(--sf-dark-c-darksalmon-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darksalmon\:100\:dark, html.var.dark .sf-c-dar html[data-theme='auto'] .sf-c-darksalmon\:90\:dark, html.auto .sf-c-darksalmon\:90\:dark { color: hsl(var(--sf-c-txt-darksalmon-90)); background: hsl(var(--sf-c-darksalmon-10)) } html[data-theme='auto'] .sf-c-darksalmon\:100\:dark, html.auto .sf-c-darksalmon\:100\:dark { color: hsl(var(--sf-c-txt-darksalmon-90)); background: hsl(var(--sf-c-darksalmon-0)) } + html[data-theme='auto'] .sf-c-txt-darksalmon, html.auto .sf-c-txt-darksalmon { color: hsl(var(--sf-c-txt-darksalmon)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:0, html.auto .sf-c-txt-darksalmon\:0 { color: hsl(var(--sf-c-txt-darksalmon-0)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:10, html.auto .sf-c-txt-darksalmon\:10 { color: hsl(var(--sf-c-txt-darksalmon-10)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:20, html.auto .sf-c-txt-darksalmon\:20 { color: hsl(var(--sf-c-txt-darksalmon-20)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:30, html.auto .sf-c-txt-darksalmon\:30 { color: hsl(var(--sf-c-txt-darksalmon-30)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:40, html.auto .sf-c-txt-darksalmon\:40 { color: hsl(var(--sf-c-txt-darksalmon-40)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:50, html.auto .sf-c-txt-darksalmon\:50 { color: hsl(var(--sf-c-txt-darksalmon-50)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:60, html.auto .sf-c-txt-darksalmon\:60 { color: hsl(var(--sf-c-txt-darksalmon-60)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:70, html.auto .sf-c-txt-darksalmon\:70 { color: hsl(var(--sf-c-txt-darksalmon-70)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:80, html.auto .sf-c-txt-darksalmon\:80 { color: hsl(var(--sf-c-txt-darksalmon-80)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:90, html.auto .sf-c-txt-darksalmon\:90 { color: hsl(var(--sf-c-txt-darksalmon-90)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:100, html.auto .sf-c-txt-darksalmon\:100 { color: hsl(var(--sf-c-txt-darksalmon-100)) } + + html[data-theme='auto'] .sf-c-txt-darksalmon\:dark, html.auto .sf-c-txt-darksalmon\:dark { color: hsl(var(--sf-c-txt-darksalmon)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:0\:dark, html.auto .sf-c-txt-darksalmon\:0\:dark { color: hsl(var(--sf-c-txt-darksalmon-0)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:10\:dark, html.auto .sf-c-txt-darksalmon\:10\:dark { color: hsl(var(--sf-c-txt-darksalmon-10)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:20\:dark, html.auto .sf-c-txt-darksalmon\:20\:dark { color: hsl(var(--sf-c-txt-darksalmon-20)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:30\:dark, html.auto .sf-c-txt-darksalmon\:30\:dark { color: hsl(var(--sf-c-txt-darksalmon-30)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:40\:dark, html.auto .sf-c-txt-darksalmon\:40\:dark { color: hsl(var(--sf-c-txt-darksalmon-40)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:50\:dark, html.auto .sf-c-txt-darksalmon\:50\:dark { color: hsl(var(--sf-c-txt-darksalmon-50)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:60\:dark, html.auto .sf-c-txt-darksalmon\:60\:dark { color: hsl(var(--sf-c-txt-darksalmon-60)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:70\:dark, html.auto .sf-c-txt-darksalmon\:70\:dark { color: hsl(var(--sf-c-txt-darksalmon-70)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:80\:dark, html.auto .sf-c-txt-darksalmon\:80\:dark { color: hsl(var(--sf-c-txt-darksalmon-80)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:90\:dark, html.auto .sf-c-txt-darksalmon\:90\:dark { color: hsl(var(--sf-c-txt-darksalmon-90)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:100\:dark, html.auto .sf-c-txt-darksalmon\:100\:dark { color: hsl(var(--sf-c-txt-darksalmon-100)) } + html.var[data-theme='auto'] .sf-c-darksalmon, html.var.auto .sf-c-darksalmon { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 30%) } html.var[data-theme='auto'] .sf-c-darksalmon\:0, html.var.auto .sf-c-darksalmon\:0 { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 100%) } html.var[data-theme='auto'] .sf-c-darksalmon\:10, html.var.auto .sf-c-darksalmon\:10 { color: hsl(15, 72%, 10%); background: hsl(15, 72%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darksalmon\:100\:dark, html.var.dark .sf-c-dar html.var[data-theme='auto'] .sf-c-darksalmon\:80\:dark, html.var.auto .sf-c-darksalmon\:80\:dark { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 20%) } html.var[data-theme='auto'] .sf-c-darksalmon\:90\:dark, html.var.auto .sf-c-darksalmon\:90\:dark { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 10%) } html.var[data-theme='auto'] .sf-c-darksalmon\:100\:dark, html.var.auto .sf-c-darksalmon\:100\:dark { color: hsl(15, 72%, 90%); background: hsl(15, 72%, 0%) } -} -.sf-c-txt-darksalmon { color: hsl(var(--sf-c-txt-darksalmon)) } -.sf-c-txt-darksalmon\:0 { color: hsl(var(--sf-c-txt-darksalmon-0)) } -.sf-c-txt-darksalmon\:10 { color: hsl(var(--sf-c-txt-darksalmon-10)) } -.sf-c-txt-darksalmon\:20 { color: hsl(var(--sf-c-txt-darksalmon-20)) } -.sf-c-txt-darksalmon\:30 { color: hsl(var(--sf-c-txt-darksalmon-30)) } -.sf-c-txt-darksalmon\:40 { color: hsl(var(--sf-c-txt-darksalmon-40)) } -.sf-c-txt-darksalmon\:50 { color: hsl(var(--sf-c-txt-darksalmon-50)) } -.sf-c-txt-darksalmon\:60 { color: hsl(var(--sf-c-txt-darksalmon-60)) } -.sf-c-txt-darksalmon\:70 { color: hsl(var(--sf-c-txt-darksalmon-70)) } -.sf-c-txt-darksalmon\:80 { color: hsl(var(--sf-c-txt-darksalmon-80)) } -.sf-c-txt-darksalmon\:90 { color: hsl(var(--sf-c-txt-darksalmon-90)) } -.sf-c-txt-darksalmon\:100 { color: hsl(var(--sf-c-txt-darksalmon-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darksalmon, html.auto .sf-c-txt-darksalmon { color: hsl(15, 72%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:0, html.auto .sf-c-txt-darksalmon\:0 { color: hsl(15, 72%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:10, html.auto .sf-c-txt-darksalmon\:10 { color: hsl(15, 72%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:20, html.auto .sf-c-txt-darksalmon\:20 { color: hsl(15, 72%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:30, html.auto .sf-c-txt-darksalmon\:30 { color: hsl(15, 72%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:40, html.auto .sf-c-txt-darksalmon\:40 { color: hsl(15, 72%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:50, html.auto .sf-c-txt-darksalmon\:50 { color: hsl(15, 72%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:60, html.auto .sf-c-txt-darksalmon\:60 { color: hsl(15, 72%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:70, html.auto .sf-c-txt-darksalmon\:70 { color: hsl(15, 72%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:80, html.auto .sf-c-txt-darksalmon\:80 { color: hsl(15, 72%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:90, html.auto .sf-c-txt-darksalmon\:90 { color: hsl(15, 72%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:100, html.auto .sf-c-txt-darksalmon\:100 { color: hsl(15, 72%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:dark, html.auto .sf-c-txt-darksalmon\:dark { color: hsl(15, 72%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:0\:dark, html.auto .sf-c-txt-darksalmon\:0\:dark { color: hsl(15, 72%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:10\:dark, html.auto .sf-c-txt-darksalmon\:10\:dark { color: hsl(15, 72%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:20\:dark, html.auto .sf-c-txt-darksalmon\:20\:dark { color: hsl(15, 72%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:30\:dark, html.auto .sf-c-txt-darksalmon\:30\:dark { color: hsl(15, 72%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:40\:dark, html.auto .sf-c-txt-darksalmon\:40\:dark { color: hsl(15, 72%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:50\:dark, html.auto .sf-c-txt-darksalmon\:50\:dark { color: hsl(15, 72%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:60\:dark, html.auto .sf-c-txt-darksalmon\:60\:dark { color: hsl(15, 72%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:70\:dark, html.auto .sf-c-txt-darksalmon\:70\:dark { color: hsl(15, 72%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:80\:dark, html.auto .sf-c-txt-darksalmon\:80\:dark { color: hsl(15, 72%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:90\:dark, html.auto .sf-c-txt-darksalmon\:90\:dark { color: hsl(15, 72%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:100\:dark, html.auto .sf-c-txt-darksalmon\:100\:dark { color: hsl(15, 72%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkseagreen.css b/src/colors/10/darkseagreen.css index cb91176..3e617ec 100644 --- a/src/colors/10/darkseagreen.css +++ b/src/colors/10/darkseagreen.css @@ -78,6 +78,32 @@ html.var .sf-c-darkseagreen\:80 { color: hsl(120, 25%, 10%); background: hsl(120 html.var .sf-c-darkseagreen\:90 { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 90%) } html.var .sf-c-darkseagreen\:100 { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 100%) } +.sf-c-txt-darkseagreen { color: hsl(var(--sf-dark-c-txt-darkseagreen)) } +.sf-c-txt-darkseagreen\:0 { color: hsl(var(--sf-dark-c-txt-darkseagreen-100)) } +.sf-c-txt-darkseagreen\:10 { color: hsl(var(--sf-dark-c-txt-darkseagreen-90)) } +.sf-c-txt-darkseagreen\:20 { color: hsl(var(--sf-dark-c-txt-darkseagreen-80)) } +.sf-c-txt-darkseagreen\:30 { color: hsl(var(--sf-dark-c-txt-darkseagreen-70)) } +.sf-c-txt-darkseagreen\:40 { color: hsl(var(--sf-dark-c-txt-darkseagreen-60)) } +.sf-c-txt-darkseagreen\:50 { color: hsl(var(--sf-dark-c-txt-darkseagreen-50)) } +.sf-c-txt-darkseagreen\:60 { color: hsl(var(--sf-dark-c-txt-darkseagreen-40)) } +.sf-c-txt-darkseagreen\:70 { color: hsl(var(--sf-dark-c-txt-darkseagreen-30)) } +.sf-c-txt-darkseagreen\:80 { color: hsl(var(--sf-dark-c-txt-darkseagreen-20)) } +.sf-c-txt-darkseagreen\:90 { color: hsl(var(--sf-dark-c-txt-darkseagreen-10)) } +.sf-c-txt-darkseagreen\:100 { color: hsl(var(--sf-dark-c-txt-darkseagreen-0)) } + +html.var .sf-c-txt-darkseagreen { color: hsl(120, 25%, 35%) } +html.var .sf-c-txt-darkseagreen\:0 { color: hsl(120, 25%, 100%) } +html.var .sf-c-txt-darkseagreen\:10 { color: hsl(120, 25%, 90%) } +html.var .sf-c-txt-darkseagreen\:20 { color: hsl(120, 25%, 80%) } +html.var .sf-c-txt-darkseagreen\:30 { color: hsl(120, 25%, 70%) } +html.var .sf-c-txt-darkseagreen\:40 { color: hsl(120, 25%, 60%) } +html.var .sf-c-txt-darkseagreen\:50 { color: hsl(120, 25%, 50%) } +html.var .sf-c-txt-darkseagreen\:60 { color: hsl(120, 25%, 40%) } +html.var .sf-c-txt-darkseagreen\:70 { color: hsl(120, 25%, 30%) } +html.var .sf-c-txt-darkseagreen\:80 { color: hsl(120, 25%, 20%) } +html.var .sf-c-txt-darkseagreen\:90 { color: hsl(120, 25%, 10%) } +html.var .sf-c-txt-darkseagreen\:100 { color: hsl(120, 25%, 0%) } + html[data-theme='dark'] .sf-c-darkseagreen, html.dark .sf-c-darkseagreen { color: hsl(var(--sf-dark-c-txt-darkseagreen-90)); background: hsl(var(--sf-dark-c-darkseagreen)) } html[data-theme='dark'] .sf-c-darkseagreen\:0, html.dark .sf-c-darkseagreen\:0 { color: hsl(var(--sf-dark-c-txt-darkseagreen-90)); background: hsl(var(--sf-dark-c-darkseagreen-100)) } html[data-theme='dark'] .sf-c-darkseagreen\:10, html.dark .sf-c-darkseagreen\:10 { color: hsl(var(--sf-dark-c-txt-darkseagreen-10)); background: hsl(var(--sf-dark-c-darkseagreen-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkseagreen\:80\:dark, html.dark .sf-c-darkseagre html[data-theme='dark'] .sf-c-darkseagreen\:90\:dark, html.dark .sf-c-darkseagreen\:90\:dark { color: hsl(var(--sf-c-txt-darkseagreen-90)); background: hsl(var(--sf-c-darkseagreen-10)) } html[data-theme='dark'] .sf-c-darkseagreen\:100\:dark, html.dark .sf-c-darkseagreen\:100\:dark { color: hsl(var(--sf-c-txt-darkseagreen-90)); background: hsl(var(--sf-c-darkseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen, html.dark .sf-c-txt-darkseagreen { color: hsl(var(--sf-c-txt-darkseagreen)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:0, html.dark .sf-c-txt-darkseagreen\:0 { color: hsl(var(--sf-c-txt-darkseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:10, html.dark .sf-c-txt-darkseagreen\:10 { color: hsl(var(--sf-c-txt-darkseagreen-10)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:20, html.dark .sf-c-txt-darkseagreen\:20 { color: hsl(var(--sf-c-txt-darkseagreen-20)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:30, html.dark .sf-c-txt-darkseagreen\:30 { color: hsl(var(--sf-c-txt-darkseagreen-30)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:40, html.dark .sf-c-txt-darkseagreen\:40 { color: hsl(var(--sf-c-txt-darkseagreen-40)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:50, html.dark .sf-c-txt-darkseagreen\:50 { color: hsl(var(--sf-c-txt-darkseagreen-50)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:60, html.dark .sf-c-txt-darkseagreen\:60 { color: hsl(var(--sf-c-txt-darkseagreen-60)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:70, html.dark .sf-c-txt-darkseagreen\:70 { color: hsl(var(--sf-c-txt-darkseagreen-70)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:80, html.dark .sf-c-txt-darkseagreen\:80 { color: hsl(var(--sf-c-txt-darkseagreen-80)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:90, html.dark .sf-c-txt-darkseagreen\:90 { color: hsl(var(--sf-c-txt-darkseagreen-90)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:100, html.dark .sf-c-txt-darkseagreen\:100 { color: hsl(var(--sf-c-txt-darkseagreen-100)) } + +html[data-theme='dark'] .sf-c-txt-darkseagreen\:dark, html.dark .sf-c-txt-darkseagreen\:dark { color: hsl(var(--sf-c-txt-darkseagreen)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:0\:dark, html.dark .sf-c-txt-darkseagreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:10\:dark, html.dark .sf-c-txt-darkseagreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-10)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:20\:dark, html.dark .sf-c-txt-darkseagreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-20)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:30\:dark, html.dark .sf-c-txt-darkseagreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-30)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:40\:dark, html.dark .sf-c-txt-darkseagreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-40)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:50\:dark, html.dark .sf-c-txt-darkseagreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-50)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:60\:dark, html.dark .sf-c-txt-darkseagreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-60)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:70\:dark, html.dark .sf-c-txt-darkseagreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-70)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:80\:dark, html.dark .sf-c-txt-darkseagreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-80)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:90\:dark, html.dark .sf-c-txt-darkseagreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-90)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:100\:dark, html.dark .sf-c-txt-darkseagreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-100)) } + html.var[data-theme='dark'] .sf-c-darkseagreen, html.var.dark .sf-c-darkseagreen { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 35%) } html.var[data-theme='dark'] .sf-c-darkseagreen\:0, html.var.dark .sf-c-darkseagreen\:0 { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 100%) } html.var[data-theme='dark'] .sf-c-darkseagreen\:10, html.var.dark .sf-c-darkseagreen\:10 { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkseagreen\:80\:dark, html.var.dark .sf-c-da html.var[data-theme='dark'] .sf-c-darkseagreen\:90\:dark, html.var.dark .sf-c-darkseagreen\:90\:dark { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 10%) } html.var[data-theme='dark'] .sf-c-darkseagreen\:100\:dark, html.var.dark .sf-c-darkseagreen\:100\:dark { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen, html.dark .sf-c-txt-darkseagreen { color: hsl(120, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:0, html.dark .sf-c-txt-darkseagreen\:0 { color: hsl(120, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:10, html.dark .sf-c-txt-darkseagreen\:10 { color: hsl(120, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:20, html.dark .sf-c-txt-darkseagreen\:20 { color: hsl(120, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:30, html.dark .sf-c-txt-darkseagreen\:30 { color: hsl(120, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:40, html.dark .sf-c-txt-darkseagreen\:40 { color: hsl(120, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:50, html.dark .sf-c-txt-darkseagreen\:50 { color: hsl(120, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:60, html.dark .sf-c-txt-darkseagreen\:60 { color: hsl(120, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:70, html.dark .sf-c-txt-darkseagreen\:70 { color: hsl(120, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:80, html.dark .sf-c-txt-darkseagreen\:80 { color: hsl(120, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:90, html.dark .sf-c-txt-darkseagreen\:90 { color: hsl(120, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:100, html.dark .sf-c-txt-darkseagreen\:100 { color: hsl(120, 25%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:dark, html.dark .sf-c-txt-darkseagreen\:dark { color: hsl(120, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:0\:dark, html.dark .sf-c-txt-darkseagreen\:0\:dark { color: hsl(120, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:10\:dark, html.dark .sf-c-txt-darkseagreen\:10\:dark { color: hsl(120, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:20\:dark, html.dark .sf-c-txt-darkseagreen\:20\:dark { color: hsl(120, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:30\:dark, html.dark .sf-c-txt-darkseagreen\:30\:dark { color: hsl(120, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:40\:dark, html.dark .sf-c-txt-darkseagreen\:40\:dark { color: hsl(120, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:50\:dark, html.dark .sf-c-txt-darkseagreen\:50\:dark { color: hsl(120, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:60\:dark, html.dark .sf-c-txt-darkseagreen\:60\:dark { color: hsl(120, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:70\:dark, html.dark .sf-c-txt-darkseagreen\:70\:dark { color: hsl(120, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:80\:dark, html.dark .sf-c-txt-darkseagreen\:80\:dark { color: hsl(120, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:90\:dark, html.dark .sf-c-txt-darkseagreen\:90\:dark { color: hsl(120, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:100\:dark, html.dark .sf-c-txt-darkseagreen\:100\:dark { color: hsl(120, 25%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkseagreen, html.auto .sf-c-darkseagreen { color: hsl(var(--sf-dark-c-txt-darkseagreen-90)); background: hsl(var(--sf-dark-c-darkseagreen)) } html[data-theme='auto'] .sf-c-darkseagreen\:0, html.auto .sf-c-darkseagreen\:0 { color: hsl(var(--sf-dark-c-txt-darkseagreen-90)); background: hsl(var(--sf-dark-c-darkseagreen-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkseagreen\:100\:dark, html.var.dark .sf-c-d html[data-theme='auto'] .sf-c-darkseagreen\:90\:dark, html.auto .sf-c-darkseagreen\:90\:dark { color: hsl(var(--sf-c-txt-darkseagreen-90)); background: hsl(var(--sf-c-darkseagreen-10)) } html[data-theme='auto'] .sf-c-darkseagreen\:100\:dark, html.auto .sf-c-darkseagreen\:100\:dark { color: hsl(var(--sf-c-txt-darkseagreen-90)); background: hsl(var(--sf-c-darkseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen, html.auto .sf-c-txt-darkseagreen { color: hsl(var(--sf-c-txt-darkseagreen)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:0, html.auto .sf-c-txt-darkseagreen\:0 { color: hsl(var(--sf-c-txt-darkseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:10, html.auto .sf-c-txt-darkseagreen\:10 { color: hsl(var(--sf-c-txt-darkseagreen-10)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:20, html.auto .sf-c-txt-darkseagreen\:20 { color: hsl(var(--sf-c-txt-darkseagreen-20)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:30, html.auto .sf-c-txt-darkseagreen\:30 { color: hsl(var(--sf-c-txt-darkseagreen-30)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:40, html.auto .sf-c-txt-darkseagreen\:40 { color: hsl(var(--sf-c-txt-darkseagreen-40)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:50, html.auto .sf-c-txt-darkseagreen\:50 { color: hsl(var(--sf-c-txt-darkseagreen-50)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:60, html.auto .sf-c-txt-darkseagreen\:60 { color: hsl(var(--sf-c-txt-darkseagreen-60)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:70, html.auto .sf-c-txt-darkseagreen\:70 { color: hsl(var(--sf-c-txt-darkseagreen-70)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:80, html.auto .sf-c-txt-darkseagreen\:80 { color: hsl(var(--sf-c-txt-darkseagreen-80)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:90, html.auto .sf-c-txt-darkseagreen\:90 { color: hsl(var(--sf-c-txt-darkseagreen-90)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:100, html.auto .sf-c-txt-darkseagreen\:100 { color: hsl(var(--sf-c-txt-darkseagreen-100)) } + + html[data-theme='auto'] .sf-c-txt-darkseagreen\:dark, html.auto .sf-c-txt-darkseagreen\:dark { color: hsl(var(--sf-c-txt-darkseagreen)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:0\:dark, html.auto .sf-c-txt-darkseagreen\:0\:dark { color: hsl(var(--sf-c-txt-darkseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:10\:dark, html.auto .sf-c-txt-darkseagreen\:10\:dark { color: hsl(var(--sf-c-txt-darkseagreen-10)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:20\:dark, html.auto .sf-c-txt-darkseagreen\:20\:dark { color: hsl(var(--sf-c-txt-darkseagreen-20)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:30\:dark, html.auto .sf-c-txt-darkseagreen\:30\:dark { color: hsl(var(--sf-c-txt-darkseagreen-30)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:40\:dark, html.auto .sf-c-txt-darkseagreen\:40\:dark { color: hsl(var(--sf-c-txt-darkseagreen-40)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:50\:dark, html.auto .sf-c-txt-darkseagreen\:50\:dark { color: hsl(var(--sf-c-txt-darkseagreen-50)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:60\:dark, html.auto .sf-c-txt-darkseagreen\:60\:dark { color: hsl(var(--sf-c-txt-darkseagreen-60)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:70\:dark, html.auto .sf-c-txt-darkseagreen\:70\:dark { color: hsl(var(--sf-c-txt-darkseagreen-70)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:80\:dark, html.auto .sf-c-txt-darkseagreen\:80\:dark { color: hsl(var(--sf-c-txt-darkseagreen-80)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:90\:dark, html.auto .sf-c-txt-darkseagreen\:90\:dark { color: hsl(var(--sf-c-txt-darkseagreen-90)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:100\:dark, html.auto .sf-c-txt-darkseagreen\:100\:dark { color: hsl(var(--sf-c-txt-darkseagreen-100)) } + html.var[data-theme='auto'] .sf-c-darkseagreen, html.var.auto .sf-c-darkseagreen { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 35%) } html.var[data-theme='auto'] .sf-c-darkseagreen\:0, html.var.auto .sf-c-darkseagreen\:0 { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 100%) } html.var[data-theme='auto'] .sf-c-darkseagreen\:10, html.var.auto .sf-c-darkseagreen\:10 { color: hsl(120, 25%, 10%); background: hsl(120, 25%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkseagreen\:100\:dark, html.var.dark .sf-c-d html.var[data-theme='auto'] .sf-c-darkseagreen\:80\:dark, html.var.auto .sf-c-darkseagreen\:80\:dark { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 20%) } html.var[data-theme='auto'] .sf-c-darkseagreen\:90\:dark, html.var.auto .sf-c-darkseagreen\:90\:dark { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 10%) } html.var[data-theme='auto'] .sf-c-darkseagreen\:100\:dark, html.var.auto .sf-c-darkseagreen\:100\:dark { color: hsl(120, 25%, 90%); background: hsl(120, 25%, 0%) } -} -.sf-c-txt-darkseagreen { color: hsl(var(--sf-c-txt-darkseagreen)) } -.sf-c-txt-darkseagreen\:0 { color: hsl(var(--sf-c-txt-darkseagreen-0)) } -.sf-c-txt-darkseagreen\:10 { color: hsl(var(--sf-c-txt-darkseagreen-10)) } -.sf-c-txt-darkseagreen\:20 { color: hsl(var(--sf-c-txt-darkseagreen-20)) } -.sf-c-txt-darkseagreen\:30 { color: hsl(var(--sf-c-txt-darkseagreen-30)) } -.sf-c-txt-darkseagreen\:40 { color: hsl(var(--sf-c-txt-darkseagreen-40)) } -.sf-c-txt-darkseagreen\:50 { color: hsl(var(--sf-c-txt-darkseagreen-50)) } -.sf-c-txt-darkseagreen\:60 { color: hsl(var(--sf-c-txt-darkseagreen-60)) } -.sf-c-txt-darkseagreen\:70 { color: hsl(var(--sf-c-txt-darkseagreen-70)) } -.sf-c-txt-darkseagreen\:80 { color: hsl(var(--sf-c-txt-darkseagreen-80)) } -.sf-c-txt-darkseagreen\:90 { color: hsl(var(--sf-c-txt-darkseagreen-90)) } -.sf-c-txt-darkseagreen\:100 { color: hsl(var(--sf-c-txt-darkseagreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkseagreen, html.auto .sf-c-txt-darkseagreen { color: hsl(120, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:0, html.auto .sf-c-txt-darkseagreen\:0 { color: hsl(120, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:10, html.auto .sf-c-txt-darkseagreen\:10 { color: hsl(120, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:20, html.auto .sf-c-txt-darkseagreen\:20 { color: hsl(120, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:30, html.auto .sf-c-txt-darkseagreen\:30 { color: hsl(120, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:40, html.auto .sf-c-txt-darkseagreen\:40 { color: hsl(120, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:50, html.auto .sf-c-txt-darkseagreen\:50 { color: hsl(120, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:60, html.auto .sf-c-txt-darkseagreen\:60 { color: hsl(120, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:70, html.auto .sf-c-txt-darkseagreen\:70 { color: hsl(120, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:80, html.auto .sf-c-txt-darkseagreen\:80 { color: hsl(120, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:90, html.auto .sf-c-txt-darkseagreen\:90 { color: hsl(120, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:100, html.auto .sf-c-txt-darkseagreen\:100 { color: hsl(120, 25%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:dark, html.auto .sf-c-txt-darkseagreen\:dark { color: hsl(120, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:0\:dark, html.auto .sf-c-txt-darkseagreen\:0\:dark { color: hsl(120, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:10\:dark, html.auto .sf-c-txt-darkseagreen\:10\:dark { color: hsl(120, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:20\:dark, html.auto .sf-c-txt-darkseagreen\:20\:dark { color: hsl(120, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:30\:dark, html.auto .sf-c-txt-darkseagreen\:30\:dark { color: hsl(120, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:40\:dark, html.auto .sf-c-txt-darkseagreen\:40\:dark { color: hsl(120, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:50\:dark, html.auto .sf-c-txt-darkseagreen\:50\:dark { color: hsl(120, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:60\:dark, html.auto .sf-c-txt-darkseagreen\:60\:dark { color: hsl(120, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:70\:dark, html.auto .sf-c-txt-darkseagreen\:70\:dark { color: hsl(120, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:80\:dark, html.auto .sf-c-txt-darkseagreen\:80\:dark { color: hsl(120, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:90\:dark, html.auto .sf-c-txt-darkseagreen\:90\:dark { color: hsl(120, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:100\:dark, html.auto .sf-c-txt-darkseagreen\:100\:dark { color: hsl(120, 25%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkslateblue.css b/src/colors/10/darkslateblue.css index 879a4a6..c7e8bd5 100644 --- a/src/colors/10/darkslateblue.css +++ b/src/colors/10/darkslateblue.css @@ -78,6 +78,32 @@ html.var .sf-c-darkslateblue\:80 { color: hsl(248, 39%, 10%); background: hsl(24 html.var .sf-c-darkslateblue\:90 { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 90%) } html.var .sf-c-darkslateblue\:100 { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 100%) } +.sf-c-txt-darkslateblue { color: hsl(var(--sf-dark-c-txt-darkslateblue)) } +.sf-c-txt-darkslateblue\:0 { color: hsl(var(--sf-dark-c-txt-darkslateblue-100)) } +.sf-c-txt-darkslateblue\:10 { color: hsl(var(--sf-dark-c-txt-darkslateblue-90)) } +.sf-c-txt-darkslateblue\:20 { color: hsl(var(--sf-dark-c-txt-darkslateblue-80)) } +.sf-c-txt-darkslateblue\:30 { color: hsl(var(--sf-dark-c-txt-darkslateblue-70)) } +.sf-c-txt-darkslateblue\:40 { color: hsl(var(--sf-dark-c-txt-darkslateblue-60)) } +.sf-c-txt-darkslateblue\:50 { color: hsl(var(--sf-dark-c-txt-darkslateblue-50)) } +.sf-c-txt-darkslateblue\:60 { color: hsl(var(--sf-dark-c-txt-darkslateblue-40)) } +.sf-c-txt-darkslateblue\:70 { color: hsl(var(--sf-dark-c-txt-darkslateblue-30)) } +.sf-c-txt-darkslateblue\:80 { color: hsl(var(--sf-dark-c-txt-darkslateblue-20)) } +.sf-c-txt-darkslateblue\:90 { color: hsl(var(--sf-dark-c-txt-darkslateblue-10)) } +.sf-c-txt-darkslateblue\:100 { color: hsl(var(--sf-dark-c-txt-darkslateblue-0)) } + +html.var .sf-c-txt-darkslateblue { color: hsl(248, 39%, 61%) } +html.var .sf-c-txt-darkslateblue\:0 { color: hsl(248, 39%, 100%) } +html.var .sf-c-txt-darkslateblue\:10 { color: hsl(248, 39%, 90%) } +html.var .sf-c-txt-darkslateblue\:20 { color: hsl(248, 39%, 80%) } +html.var .sf-c-txt-darkslateblue\:30 { color: hsl(248, 39%, 70%) } +html.var .sf-c-txt-darkslateblue\:40 { color: hsl(248, 39%, 60%) } +html.var .sf-c-txt-darkslateblue\:50 { color: hsl(248, 39%, 50%) } +html.var .sf-c-txt-darkslateblue\:60 { color: hsl(248, 39%, 40%) } +html.var .sf-c-txt-darkslateblue\:70 { color: hsl(248, 39%, 30%) } +html.var .sf-c-txt-darkslateblue\:80 { color: hsl(248, 39%, 20%) } +html.var .sf-c-txt-darkslateblue\:90 { color: hsl(248, 39%, 10%) } +html.var .sf-c-txt-darkslateblue\:100 { color: hsl(248, 39%, 0%) } + html[data-theme='dark'] .sf-c-darkslateblue, html.dark .sf-c-darkslateblue { color: hsl(var(--sf-dark-c-txt-darkslateblue-90)); background: hsl(var(--sf-dark-c-darkslateblue)) } html[data-theme='dark'] .sf-c-darkslateblue\:0, html.dark .sf-c-darkslateblue\:0 { color: hsl(var(--sf-dark-c-txt-darkslateblue-90)); background: hsl(var(--sf-dark-c-darkslateblue-100)) } html[data-theme='dark'] .sf-c-darkslateblue\:10, html.dark .sf-c-darkslateblue\:10 { color: hsl(var(--sf-dark-c-txt-darkslateblue-10)); background: hsl(var(--sf-dark-c-darkslateblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkslateblue\:80\:dark, html.dark .sf-c-darkslate html[data-theme='dark'] .sf-c-darkslateblue\:90\:dark, html.dark .sf-c-darkslateblue\:90\:dark { color: hsl(var(--sf-c-txt-darkslateblue-90)); background: hsl(var(--sf-c-darkslateblue-10)) } html[data-theme='dark'] .sf-c-darkslateblue\:100\:dark, html.dark .sf-c-darkslateblue\:100\:dark { color: hsl(var(--sf-c-txt-darkslateblue-90)); background: hsl(var(--sf-c-darkslateblue-0)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue, html.dark .sf-c-txt-darkslateblue { color: hsl(var(--sf-c-txt-darkslateblue)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:0, html.dark .sf-c-txt-darkslateblue\:0 { color: hsl(var(--sf-c-txt-darkslateblue-0)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:10, html.dark .sf-c-txt-darkslateblue\:10 { color: hsl(var(--sf-c-txt-darkslateblue-10)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:20, html.dark .sf-c-txt-darkslateblue\:20 { color: hsl(var(--sf-c-txt-darkslateblue-20)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:30, html.dark .sf-c-txt-darkslateblue\:30 { color: hsl(var(--sf-c-txt-darkslateblue-30)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:40, html.dark .sf-c-txt-darkslateblue\:40 { color: hsl(var(--sf-c-txt-darkslateblue-40)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:50, html.dark .sf-c-txt-darkslateblue\:50 { color: hsl(var(--sf-c-txt-darkslateblue-50)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:60, html.dark .sf-c-txt-darkslateblue\:60 { color: hsl(var(--sf-c-txt-darkslateblue-60)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:70, html.dark .sf-c-txt-darkslateblue\:70 { color: hsl(var(--sf-c-txt-darkslateblue-70)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:80, html.dark .sf-c-txt-darkslateblue\:80 { color: hsl(var(--sf-c-txt-darkslateblue-80)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:90, html.dark .sf-c-txt-darkslateblue\:90 { color: hsl(var(--sf-c-txt-darkslateblue-90)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:100, html.dark .sf-c-txt-darkslateblue\:100 { color: hsl(var(--sf-c-txt-darkslateblue-100)) } + +html[data-theme='dark'] .sf-c-txt-darkslateblue\:dark, html.dark .sf-c-txt-darkslateblue\:dark { color: hsl(var(--sf-c-txt-darkslateblue)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:0\:dark, html.dark .sf-c-txt-darkslateblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-0)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:10\:dark, html.dark .sf-c-txt-darkslateblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-10)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:20\:dark, html.dark .sf-c-txt-darkslateblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-20)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:30\:dark, html.dark .sf-c-txt-darkslateblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-30)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:40\:dark, html.dark .sf-c-txt-darkslateblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-40)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:50\:dark, html.dark .sf-c-txt-darkslateblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-50)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:60\:dark, html.dark .sf-c-txt-darkslateblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-60)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:70\:dark, html.dark .sf-c-txt-darkslateblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-70)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:80\:dark, html.dark .sf-c-txt-darkslateblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-80)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:90\:dark, html.dark .sf-c-txt-darkslateblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-90)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:100\:dark, html.dark .sf-c-txt-darkslateblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-100)) } + html.var[data-theme='dark'] .sf-c-darkslateblue, html.var.dark .sf-c-darkslateblue { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 61%) } html.var[data-theme='dark'] .sf-c-darkslateblue\:0, html.var.dark .sf-c-darkslateblue\:0 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 100%) } html.var[data-theme='dark'] .sf-c-darkslateblue\:10, html.var.dark .sf-c-darkslateblue\:10 { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkslateblue\:80\:dark, html.var.dark .sf-c-d html.var[data-theme='dark'] .sf-c-darkslateblue\:90\:dark, html.var.dark .sf-c-darkslateblue\:90\:dark { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 10%) } html.var[data-theme='dark'] .sf-c-darkslateblue\:100\:dark, html.var.dark .sf-c-darkslateblue\:100\:dark { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue, html.dark .sf-c-txt-darkslateblue { color: hsl(248, 39%, 39%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:0, html.dark .sf-c-txt-darkslateblue\:0 { color: hsl(248, 39%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:10, html.dark .sf-c-txt-darkslateblue\:10 { color: hsl(248, 39%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:20, html.dark .sf-c-txt-darkslateblue\:20 { color: hsl(248, 39%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:30, html.dark .sf-c-txt-darkslateblue\:30 { color: hsl(248, 39%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:40, html.dark .sf-c-txt-darkslateblue\:40 { color: hsl(248, 39%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:50, html.dark .sf-c-txt-darkslateblue\:50 { color: hsl(248, 39%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:60, html.dark .sf-c-txt-darkslateblue\:60 { color: hsl(248, 39%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:70, html.dark .sf-c-txt-darkslateblue\:70 { color: hsl(248, 39%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:80, html.dark .sf-c-txt-darkslateblue\:80 { color: hsl(248, 39%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:90, html.dark .sf-c-txt-darkslateblue\:90 { color: hsl(248, 39%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:100, html.dark .sf-c-txt-darkslateblue\:100 { color: hsl(248, 39%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:dark, html.dark .sf-c-txt-darkslateblue\:dark { color: hsl(248, 39%, 39%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:0\:dark, html.dark .sf-c-txt-darkslateblue\:0\:dark { color: hsl(248, 39%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:10\:dark, html.dark .sf-c-txt-darkslateblue\:10\:dark { color: hsl(248, 39%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:20\:dark, html.dark .sf-c-txt-darkslateblue\:20\:dark { color: hsl(248, 39%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:30\:dark, html.dark .sf-c-txt-darkslateblue\:30\:dark { color: hsl(248, 39%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:40\:dark, html.dark .sf-c-txt-darkslateblue\:40\:dark { color: hsl(248, 39%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:50\:dark, html.dark .sf-c-txt-darkslateblue\:50\:dark { color: hsl(248, 39%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:60\:dark, html.dark .sf-c-txt-darkslateblue\:60\:dark { color: hsl(248, 39%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:70\:dark, html.dark .sf-c-txt-darkslateblue\:70\:dark { color: hsl(248, 39%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:80\:dark, html.dark .sf-c-txt-darkslateblue\:80\:dark { color: hsl(248, 39%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:90\:dark, html.dark .sf-c-txt-darkslateblue\:90\:dark { color: hsl(248, 39%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:100\:dark, html.dark .sf-c-txt-darkslateblue\:100\:dark { color: hsl(248, 39%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkslateblue, html.auto .sf-c-darkslateblue { color: hsl(var(--sf-dark-c-txt-darkslateblue-90)); background: hsl(var(--sf-dark-c-darkslateblue)) } html[data-theme='auto'] .sf-c-darkslateblue\:0, html.auto .sf-c-darkslateblue\:0 { color: hsl(var(--sf-dark-c-txt-darkslateblue-90)); background: hsl(var(--sf-dark-c-darkslateblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkslateblue\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-darkslateblue\:90\:dark, html.auto .sf-c-darkslateblue\:90\:dark { color: hsl(var(--sf-c-txt-darkslateblue-90)); background: hsl(var(--sf-c-darkslateblue-10)) } html[data-theme='auto'] .sf-c-darkslateblue\:100\:dark, html.auto .sf-c-darkslateblue\:100\:dark { color: hsl(var(--sf-c-txt-darkslateblue-90)); background: hsl(var(--sf-c-darkslateblue-0)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue, html.auto .sf-c-txt-darkslateblue { color: hsl(var(--sf-c-txt-darkslateblue)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:0, html.auto .sf-c-txt-darkslateblue\:0 { color: hsl(var(--sf-c-txt-darkslateblue-0)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:10, html.auto .sf-c-txt-darkslateblue\:10 { color: hsl(var(--sf-c-txt-darkslateblue-10)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:20, html.auto .sf-c-txt-darkslateblue\:20 { color: hsl(var(--sf-c-txt-darkslateblue-20)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:30, html.auto .sf-c-txt-darkslateblue\:30 { color: hsl(var(--sf-c-txt-darkslateblue-30)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:40, html.auto .sf-c-txt-darkslateblue\:40 { color: hsl(var(--sf-c-txt-darkslateblue-40)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:50, html.auto .sf-c-txt-darkslateblue\:50 { color: hsl(var(--sf-c-txt-darkslateblue-50)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:60, html.auto .sf-c-txt-darkslateblue\:60 { color: hsl(var(--sf-c-txt-darkslateblue-60)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:70, html.auto .sf-c-txt-darkslateblue\:70 { color: hsl(var(--sf-c-txt-darkslateblue-70)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:80, html.auto .sf-c-txt-darkslateblue\:80 { color: hsl(var(--sf-c-txt-darkslateblue-80)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:90, html.auto .sf-c-txt-darkslateblue\:90 { color: hsl(var(--sf-c-txt-darkslateblue-90)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:100, html.auto .sf-c-txt-darkslateblue\:100 { color: hsl(var(--sf-c-txt-darkslateblue-100)) } + + html[data-theme='auto'] .sf-c-txt-darkslateblue\:dark, html.auto .sf-c-txt-darkslateblue\:dark { color: hsl(var(--sf-c-txt-darkslateblue)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:0\:dark, html.auto .sf-c-txt-darkslateblue\:0\:dark { color: hsl(var(--sf-c-txt-darkslateblue-0)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:10\:dark, html.auto .sf-c-txt-darkslateblue\:10\:dark { color: hsl(var(--sf-c-txt-darkslateblue-10)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:20\:dark, html.auto .sf-c-txt-darkslateblue\:20\:dark { color: hsl(var(--sf-c-txt-darkslateblue-20)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:30\:dark, html.auto .sf-c-txt-darkslateblue\:30\:dark { color: hsl(var(--sf-c-txt-darkslateblue-30)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:40\:dark, html.auto .sf-c-txt-darkslateblue\:40\:dark { color: hsl(var(--sf-c-txt-darkslateblue-40)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:50\:dark, html.auto .sf-c-txt-darkslateblue\:50\:dark { color: hsl(var(--sf-c-txt-darkslateblue-50)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:60\:dark, html.auto .sf-c-txt-darkslateblue\:60\:dark { color: hsl(var(--sf-c-txt-darkslateblue-60)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:70\:dark, html.auto .sf-c-txt-darkslateblue\:70\:dark { color: hsl(var(--sf-c-txt-darkslateblue-70)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:80\:dark, html.auto .sf-c-txt-darkslateblue\:80\:dark { color: hsl(var(--sf-c-txt-darkslateblue-80)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:90\:dark, html.auto .sf-c-txt-darkslateblue\:90\:dark { color: hsl(var(--sf-c-txt-darkslateblue-90)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:100\:dark, html.auto .sf-c-txt-darkslateblue\:100\:dark { color: hsl(var(--sf-c-txt-darkslateblue-100)) } + html.var[data-theme='auto'] .sf-c-darkslateblue, html.var.auto .sf-c-darkslateblue { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 61%) } html.var[data-theme='auto'] .sf-c-darkslateblue\:0, html.var.auto .sf-c-darkslateblue\:0 { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 100%) } html.var[data-theme='auto'] .sf-c-darkslateblue\:10, html.var.auto .sf-c-darkslateblue\:10 { color: hsl(248, 39%, 10%); background: hsl(248, 39%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkslateblue\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-darkslateblue\:80\:dark, html.var.auto .sf-c-darkslateblue\:80\:dark { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 20%) } html.var[data-theme='auto'] .sf-c-darkslateblue\:90\:dark, html.var.auto .sf-c-darkslateblue\:90\:dark { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 10%) } html.var[data-theme='auto'] .sf-c-darkslateblue\:100\:dark, html.var.auto .sf-c-darkslateblue\:100\:dark { color: hsl(248, 39%, 90%); background: hsl(248, 39%, 0%) } -} -.sf-c-txt-darkslateblue { color: hsl(var(--sf-c-txt-darkslateblue)) } -.sf-c-txt-darkslateblue\:0 { color: hsl(var(--sf-c-txt-darkslateblue-0)) } -.sf-c-txt-darkslateblue\:10 { color: hsl(var(--sf-c-txt-darkslateblue-10)) } -.sf-c-txt-darkslateblue\:20 { color: hsl(var(--sf-c-txt-darkslateblue-20)) } -.sf-c-txt-darkslateblue\:30 { color: hsl(var(--sf-c-txt-darkslateblue-30)) } -.sf-c-txt-darkslateblue\:40 { color: hsl(var(--sf-c-txt-darkslateblue-40)) } -.sf-c-txt-darkslateblue\:50 { color: hsl(var(--sf-c-txt-darkslateblue-50)) } -.sf-c-txt-darkslateblue\:60 { color: hsl(var(--sf-c-txt-darkslateblue-60)) } -.sf-c-txt-darkslateblue\:70 { color: hsl(var(--sf-c-txt-darkslateblue-70)) } -.sf-c-txt-darkslateblue\:80 { color: hsl(var(--sf-c-txt-darkslateblue-80)) } -.sf-c-txt-darkslateblue\:90 { color: hsl(var(--sf-c-txt-darkslateblue-90)) } -.sf-c-txt-darkslateblue\:100 { color: hsl(var(--sf-c-txt-darkslateblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkslateblue, html.auto .sf-c-txt-darkslateblue { color: hsl(248, 39%, 39%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:0, html.auto .sf-c-txt-darkslateblue\:0 { color: hsl(248, 39%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:10, html.auto .sf-c-txt-darkslateblue\:10 { color: hsl(248, 39%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:20, html.auto .sf-c-txt-darkslateblue\:20 { color: hsl(248, 39%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:30, html.auto .sf-c-txt-darkslateblue\:30 { color: hsl(248, 39%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:40, html.auto .sf-c-txt-darkslateblue\:40 { color: hsl(248, 39%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:50, html.auto .sf-c-txt-darkslateblue\:50 { color: hsl(248, 39%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:60, html.auto .sf-c-txt-darkslateblue\:60 { color: hsl(248, 39%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:70, html.auto .sf-c-txt-darkslateblue\:70 { color: hsl(248, 39%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:80, html.auto .sf-c-txt-darkslateblue\:80 { color: hsl(248, 39%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:90, html.auto .sf-c-txt-darkslateblue\:90 { color: hsl(248, 39%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:100, html.auto .sf-c-txt-darkslateblue\:100 { color: hsl(248, 39%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:dark, html.auto .sf-c-txt-darkslateblue\:dark { color: hsl(248, 39%, 39%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:0\:dark, html.auto .sf-c-txt-darkslateblue\:0\:dark { color: hsl(248, 39%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:10\:dark, html.auto .sf-c-txt-darkslateblue\:10\:dark { color: hsl(248, 39%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:20\:dark, html.auto .sf-c-txt-darkslateblue\:20\:dark { color: hsl(248, 39%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:30\:dark, html.auto .sf-c-txt-darkslateblue\:30\:dark { color: hsl(248, 39%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:40\:dark, html.auto .sf-c-txt-darkslateblue\:40\:dark { color: hsl(248, 39%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:50\:dark, html.auto .sf-c-txt-darkslateblue\:50\:dark { color: hsl(248, 39%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:60\:dark, html.auto .sf-c-txt-darkslateblue\:60\:dark { color: hsl(248, 39%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:70\:dark, html.auto .sf-c-txt-darkslateblue\:70\:dark { color: hsl(248, 39%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:80\:dark, html.auto .sf-c-txt-darkslateblue\:80\:dark { color: hsl(248, 39%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:90\:dark, html.auto .sf-c-txt-darkslateblue\:90\:dark { color: hsl(248, 39%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:100\:dark, html.auto .sf-c-txt-darkslateblue\:100\:dark { color: hsl(248, 39%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkslategray.css b/src/colors/10/darkslategray.css index 2b2a284..c2ec8c2 100644 --- a/src/colors/10/darkslategray.css +++ b/src/colors/10/darkslategray.css @@ -78,6 +78,32 @@ html.var .sf-c-darkslategray\:80 { color: hsl(180, 25%, 10%); background: hsl(18 html.var .sf-c-darkslategray\:90 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } html.var .sf-c-darkslategray\:100 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 100%) } +.sf-c-txt-darkslategray { color: hsl(var(--sf-dark-c-txt-darkslategray)) } +.sf-c-txt-darkslategray\:0 { color: hsl(var(--sf-dark-c-txt-darkslategray-100)) } +.sf-c-txt-darkslategray\:10 { color: hsl(var(--sf-dark-c-txt-darkslategray-90)) } +.sf-c-txt-darkslategray\:20 { color: hsl(var(--sf-dark-c-txt-darkslategray-80)) } +.sf-c-txt-darkslategray\:30 { color: hsl(var(--sf-dark-c-txt-darkslategray-70)) } +.sf-c-txt-darkslategray\:40 { color: hsl(var(--sf-dark-c-txt-darkslategray-60)) } +.sf-c-txt-darkslategray\:50 { color: hsl(var(--sf-dark-c-txt-darkslategray-50)) } +.sf-c-txt-darkslategray\:60 { color: hsl(var(--sf-dark-c-txt-darkslategray-40)) } +.sf-c-txt-darkslategray\:70 { color: hsl(var(--sf-dark-c-txt-darkslategray-30)) } +.sf-c-txt-darkslategray\:80 { color: hsl(var(--sf-dark-c-txt-darkslategray-20)) } +.sf-c-txt-darkslategray\:90 { color: hsl(var(--sf-dark-c-txt-darkslategray-10)) } +.sf-c-txt-darkslategray\:100 { color: hsl(var(--sf-dark-c-txt-darkslategray-0)) } + +html.var .sf-c-txt-darkslategray { color: hsl(180, 25%, 75%) } +html.var .sf-c-txt-darkslategray\:0 { color: hsl(180, 25%, 100%) } +html.var .sf-c-txt-darkslategray\:10 { color: hsl(180, 25%, 90%) } +html.var .sf-c-txt-darkslategray\:20 { color: hsl(180, 25%, 80%) } +html.var .sf-c-txt-darkslategray\:30 { color: hsl(180, 25%, 70%) } +html.var .sf-c-txt-darkslategray\:40 { color: hsl(180, 25%, 60%) } +html.var .sf-c-txt-darkslategray\:50 { color: hsl(180, 25%, 50%) } +html.var .sf-c-txt-darkslategray\:60 { color: hsl(180, 25%, 40%) } +html.var .sf-c-txt-darkslategray\:70 { color: hsl(180, 25%, 30%) } +html.var .sf-c-txt-darkslategray\:80 { color: hsl(180, 25%, 20%) } +html.var .sf-c-txt-darkslategray\:90 { color: hsl(180, 25%, 10%) } +html.var .sf-c-txt-darkslategray\:100 { color: hsl(180, 25%, 0%) } + html[data-theme='dark'] .sf-c-darkslategray, html.dark .sf-c-darkslategray { color: hsl(var(--sf-dark-c-txt-darkslategray-10)); background: hsl(var(--sf-dark-c-darkslategray)) } html[data-theme='dark'] .sf-c-darkslategray\:0, html.dark .sf-c-darkslategray\:0 { color: hsl(var(--sf-dark-c-txt-darkslategray-90)); background: hsl(var(--sf-dark-c-darkslategray-100)) } html[data-theme='dark'] .sf-c-darkslategray\:10, html.dark .sf-c-darkslategray\:10 { color: hsl(var(--sf-dark-c-txt-darkslategray-10)); background: hsl(var(--sf-dark-c-darkslategray-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkslategray\:80\:dark, html.dark .sf-c-darkslate html[data-theme='dark'] .sf-c-darkslategray\:90\:dark, html.dark .sf-c-darkslategray\:90\:dark { color: hsl(var(--sf-c-txt-darkslategray-90)); background: hsl(var(--sf-c-darkslategray-10)) } html[data-theme='dark'] .sf-c-darkslategray\:100\:dark, html.dark .sf-c-darkslategray\:100\:dark { color: hsl(var(--sf-c-txt-darkslategray-90)); background: hsl(var(--sf-c-darkslategray-0)) } +html[data-theme='dark'] .sf-c-txt-darkslategray, html.dark .sf-c-txt-darkslategray { color: hsl(var(--sf-c-txt-darkslategray)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:0, html.dark .sf-c-txt-darkslategray\:0 { color: hsl(var(--sf-c-txt-darkslategray-0)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:10, html.dark .sf-c-txt-darkslategray\:10 { color: hsl(var(--sf-c-txt-darkslategray-10)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:20, html.dark .sf-c-txt-darkslategray\:20 { color: hsl(var(--sf-c-txt-darkslategray-20)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:30, html.dark .sf-c-txt-darkslategray\:30 { color: hsl(var(--sf-c-txt-darkslategray-30)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:40, html.dark .sf-c-txt-darkslategray\:40 { color: hsl(var(--sf-c-txt-darkslategray-40)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:50, html.dark .sf-c-txt-darkslategray\:50 { color: hsl(var(--sf-c-txt-darkslategray-50)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:60, html.dark .sf-c-txt-darkslategray\:60 { color: hsl(var(--sf-c-txt-darkslategray-60)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:70, html.dark .sf-c-txt-darkslategray\:70 { color: hsl(var(--sf-c-txt-darkslategray-70)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:80, html.dark .sf-c-txt-darkslategray\:80 { color: hsl(var(--sf-c-txt-darkslategray-80)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:90, html.dark .sf-c-txt-darkslategray\:90 { color: hsl(var(--sf-c-txt-darkslategray-90)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:100, html.dark .sf-c-txt-darkslategray\:100 { color: hsl(var(--sf-c-txt-darkslategray-100)) } + +html[data-theme='dark'] .sf-c-txt-darkslategray\:dark, html.dark .sf-c-txt-darkslategray\:dark { color: hsl(var(--sf-c-txt-darkslategray)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:0\:dark, html.dark .sf-c-txt-darkslategray\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-0)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:10\:dark, html.dark .sf-c-txt-darkslategray\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-10)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:20\:dark, html.dark .sf-c-txt-darkslategray\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-20)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:30\:dark, html.dark .sf-c-txt-darkslategray\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-30)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:40\:dark, html.dark .sf-c-txt-darkslategray\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-40)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:50\:dark, html.dark .sf-c-txt-darkslategray\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-50)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:60\:dark, html.dark .sf-c-txt-darkslategray\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-60)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:70\:dark, html.dark .sf-c-txt-darkslategray\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-70)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:80\:dark, html.dark .sf-c-txt-darkslategray\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-80)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:90\:dark, html.dark .sf-c-txt-darkslategray\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-90)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:100\:dark, html.dark .sf-c-txt-darkslategray\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-100)) } + html.var[data-theme='dark'] .sf-c-darkslategray, html.var.dark .sf-c-darkslategray { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 75%) } html.var[data-theme='dark'] .sf-c-darkslategray\:0, html.var.dark .sf-c-darkslategray\:0 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 100%) } html.var[data-theme='dark'] .sf-c-darkslategray\:10, html.var.dark .sf-c-darkslategray\:10 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkslategray\:80\:dark, html.var.dark .sf-c-d html.var[data-theme='dark'] .sf-c-darkslategray\:90\:dark, html.var.dark .sf-c-darkslategray\:90\:dark { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 10%) } html.var[data-theme='dark'] .sf-c-darkslategray\:100\:dark, html.var.dark .sf-c-darkslategray\:100\:dark { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray, html.dark .sf-c-txt-darkslategray { color: hsl(180, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:0, html.dark .sf-c-txt-darkslategray\:0 { color: hsl(180, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:10, html.dark .sf-c-txt-darkslategray\:10 { color: hsl(180, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:20, html.dark .sf-c-txt-darkslategray\:20 { color: hsl(180, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:30, html.dark .sf-c-txt-darkslategray\:30 { color: hsl(180, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:40, html.dark .sf-c-txt-darkslategray\:40 { color: hsl(180, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:50, html.dark .sf-c-txt-darkslategray\:50 { color: hsl(180, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:60, html.dark .sf-c-txt-darkslategray\:60 { color: hsl(180, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:70, html.dark .sf-c-txt-darkslategray\:70 { color: hsl(180, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:80, html.dark .sf-c-txt-darkslategray\:80 { color: hsl(180, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:90, html.dark .sf-c-txt-darkslategray\:90 { color: hsl(180, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:100, html.dark .sf-c-txt-darkslategray\:100 { color: hsl(180, 25%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:dark, html.dark .sf-c-txt-darkslategray\:dark { color: hsl(180, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:0\:dark, html.dark .sf-c-txt-darkslategray\:0\:dark { color: hsl(180, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:10\:dark, html.dark .sf-c-txt-darkslategray\:10\:dark { color: hsl(180, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:20\:dark, html.dark .sf-c-txt-darkslategray\:20\:dark { color: hsl(180, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:30\:dark, html.dark .sf-c-txt-darkslategray\:30\:dark { color: hsl(180, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:40\:dark, html.dark .sf-c-txt-darkslategray\:40\:dark { color: hsl(180, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:50\:dark, html.dark .sf-c-txt-darkslategray\:50\:dark { color: hsl(180, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:60\:dark, html.dark .sf-c-txt-darkslategray\:60\:dark { color: hsl(180, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:70\:dark, html.dark .sf-c-txt-darkslategray\:70\:dark { color: hsl(180, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:80\:dark, html.dark .sf-c-txt-darkslategray\:80\:dark { color: hsl(180, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:90\:dark, html.dark .sf-c-txt-darkslategray\:90\:dark { color: hsl(180, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:100\:dark, html.dark .sf-c-txt-darkslategray\:100\:dark { color: hsl(180, 25%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkslategray, html.auto .sf-c-darkslategray { color: hsl(var(--sf-dark-c-txt-darkslategray-10)); background: hsl(var(--sf-dark-c-darkslategray)) } html[data-theme='auto'] .sf-c-darkslategray\:0, html.auto .sf-c-darkslategray\:0 { color: hsl(var(--sf-dark-c-txt-darkslategray-90)); background: hsl(var(--sf-dark-c-darkslategray-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkslategray\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-darkslategray\:90\:dark, html.auto .sf-c-darkslategray\:90\:dark { color: hsl(var(--sf-c-txt-darkslategray-90)); background: hsl(var(--sf-c-darkslategray-10)) } html[data-theme='auto'] .sf-c-darkslategray\:100\:dark, html.auto .sf-c-darkslategray\:100\:dark { color: hsl(var(--sf-c-txt-darkslategray-90)); background: hsl(var(--sf-c-darkslategray-0)) } + html[data-theme='auto'] .sf-c-txt-darkslategray, html.auto .sf-c-txt-darkslategray { color: hsl(var(--sf-c-txt-darkslategray)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:0, html.auto .sf-c-txt-darkslategray\:0 { color: hsl(var(--sf-c-txt-darkslategray-0)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:10, html.auto .sf-c-txt-darkslategray\:10 { color: hsl(var(--sf-c-txt-darkslategray-10)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:20, html.auto .sf-c-txt-darkslategray\:20 { color: hsl(var(--sf-c-txt-darkslategray-20)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:30, html.auto .sf-c-txt-darkslategray\:30 { color: hsl(var(--sf-c-txt-darkslategray-30)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:40, html.auto .sf-c-txt-darkslategray\:40 { color: hsl(var(--sf-c-txt-darkslategray-40)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:50, html.auto .sf-c-txt-darkslategray\:50 { color: hsl(var(--sf-c-txt-darkslategray-50)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:60, html.auto .sf-c-txt-darkslategray\:60 { color: hsl(var(--sf-c-txt-darkslategray-60)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:70, html.auto .sf-c-txt-darkslategray\:70 { color: hsl(var(--sf-c-txt-darkslategray-70)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:80, html.auto .sf-c-txt-darkslategray\:80 { color: hsl(var(--sf-c-txt-darkslategray-80)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:90, html.auto .sf-c-txt-darkslategray\:90 { color: hsl(var(--sf-c-txt-darkslategray-90)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:100, html.auto .sf-c-txt-darkslategray\:100 { color: hsl(var(--sf-c-txt-darkslategray-100)) } + + html[data-theme='auto'] .sf-c-txt-darkslategray\:dark, html.auto .sf-c-txt-darkslategray\:dark { color: hsl(var(--sf-c-txt-darkslategray)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:0\:dark, html.auto .sf-c-txt-darkslategray\:0\:dark { color: hsl(var(--sf-c-txt-darkslategray-0)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:10\:dark, html.auto .sf-c-txt-darkslategray\:10\:dark { color: hsl(var(--sf-c-txt-darkslategray-10)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:20\:dark, html.auto .sf-c-txt-darkslategray\:20\:dark { color: hsl(var(--sf-c-txt-darkslategray-20)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:30\:dark, html.auto .sf-c-txt-darkslategray\:30\:dark { color: hsl(var(--sf-c-txt-darkslategray-30)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:40\:dark, html.auto .sf-c-txt-darkslategray\:40\:dark { color: hsl(var(--sf-c-txt-darkslategray-40)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:50\:dark, html.auto .sf-c-txt-darkslategray\:50\:dark { color: hsl(var(--sf-c-txt-darkslategray-50)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:60\:dark, html.auto .sf-c-txt-darkslategray\:60\:dark { color: hsl(var(--sf-c-txt-darkslategray-60)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:70\:dark, html.auto .sf-c-txt-darkslategray\:70\:dark { color: hsl(var(--sf-c-txt-darkslategray-70)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:80\:dark, html.auto .sf-c-txt-darkslategray\:80\:dark { color: hsl(var(--sf-c-txt-darkslategray-80)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:90\:dark, html.auto .sf-c-txt-darkslategray\:90\:dark { color: hsl(var(--sf-c-txt-darkslategray-90)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:100\:dark, html.auto .sf-c-txt-darkslategray\:100\:dark { color: hsl(var(--sf-c-txt-darkslategray-100)) } + html.var[data-theme='auto'] .sf-c-darkslategray, html.var.auto .sf-c-darkslategray { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 75%) } html.var[data-theme='auto'] .sf-c-darkslategray\:0, html.var.auto .sf-c-darkslategray\:0 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 100%) } html.var[data-theme='auto'] .sf-c-darkslategray\:10, html.var.auto .sf-c-darkslategray\:10 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkslategray\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-darkslategray\:80\:dark, html.var.auto .sf-c-darkslategray\:80\:dark { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 20%) } html.var[data-theme='auto'] .sf-c-darkslategray\:90\:dark, html.var.auto .sf-c-darkslategray\:90\:dark { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 10%) } html.var[data-theme='auto'] .sf-c-darkslategray\:100\:dark, html.var.auto .sf-c-darkslategray\:100\:dark { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 0%) } -} -.sf-c-txt-darkslategray { color: hsl(var(--sf-c-txt-darkslategray)) } -.sf-c-txt-darkslategray\:0 { color: hsl(var(--sf-c-txt-darkslategray-0)) } -.sf-c-txt-darkslategray\:10 { color: hsl(var(--sf-c-txt-darkslategray-10)) } -.sf-c-txt-darkslategray\:20 { color: hsl(var(--sf-c-txt-darkslategray-20)) } -.sf-c-txt-darkslategray\:30 { color: hsl(var(--sf-c-txt-darkslategray-30)) } -.sf-c-txt-darkslategray\:40 { color: hsl(var(--sf-c-txt-darkslategray-40)) } -.sf-c-txt-darkslategray\:50 { color: hsl(var(--sf-c-txt-darkslategray-50)) } -.sf-c-txt-darkslategray\:60 { color: hsl(var(--sf-c-txt-darkslategray-60)) } -.sf-c-txt-darkslategray\:70 { color: hsl(var(--sf-c-txt-darkslategray-70)) } -.sf-c-txt-darkslategray\:80 { color: hsl(var(--sf-c-txt-darkslategray-80)) } -.sf-c-txt-darkslategray\:90 { color: hsl(var(--sf-c-txt-darkslategray-90)) } -.sf-c-txt-darkslategray\:100 { color: hsl(var(--sf-c-txt-darkslategray-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkslategray, html.auto .sf-c-txt-darkslategray { color: hsl(180, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:0, html.auto .sf-c-txt-darkslategray\:0 { color: hsl(180, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:10, html.auto .sf-c-txt-darkslategray\:10 { color: hsl(180, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:20, html.auto .sf-c-txt-darkslategray\:20 { color: hsl(180, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:30, html.auto .sf-c-txt-darkslategray\:30 { color: hsl(180, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:40, html.auto .sf-c-txt-darkslategray\:40 { color: hsl(180, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:50, html.auto .sf-c-txt-darkslategray\:50 { color: hsl(180, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:60, html.auto .sf-c-txt-darkslategray\:60 { color: hsl(180, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:70, html.auto .sf-c-txt-darkslategray\:70 { color: hsl(180, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:80, html.auto .sf-c-txt-darkslategray\:80 { color: hsl(180, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:90, html.auto .sf-c-txt-darkslategray\:90 { color: hsl(180, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:100, html.auto .sf-c-txt-darkslategray\:100 { color: hsl(180, 25%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:dark, html.auto .sf-c-txt-darkslategray\:dark { color: hsl(180, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:0\:dark, html.auto .sf-c-txt-darkslategray\:0\:dark { color: hsl(180, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:10\:dark, html.auto .sf-c-txt-darkslategray\:10\:dark { color: hsl(180, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:20\:dark, html.auto .sf-c-txt-darkslategray\:20\:dark { color: hsl(180, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:30\:dark, html.auto .sf-c-txt-darkslategray\:30\:dark { color: hsl(180, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:40\:dark, html.auto .sf-c-txt-darkslategray\:40\:dark { color: hsl(180, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:50\:dark, html.auto .sf-c-txt-darkslategray\:50\:dark { color: hsl(180, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:60\:dark, html.auto .sf-c-txt-darkslategray\:60\:dark { color: hsl(180, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:70\:dark, html.auto .sf-c-txt-darkslategray\:70\:dark { color: hsl(180, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:80\:dark, html.auto .sf-c-txt-darkslategray\:80\:dark { color: hsl(180, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:90\:dark, html.auto .sf-c-txt-darkslategray\:90\:dark { color: hsl(180, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:100\:dark, html.auto .sf-c-txt-darkslategray\:100\:dark { color: hsl(180, 25%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkslategrey.css b/src/colors/10/darkslategrey.css index 88158a5..f7dda49 100644 --- a/src/colors/10/darkslategrey.css +++ b/src/colors/10/darkslategrey.css @@ -78,6 +78,32 @@ html.var .sf-c-darkslategrey\:80 { color: hsl(180, 25%, 10%); background: hsl(18 html.var .sf-c-darkslategrey\:90 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } html.var .sf-c-darkslategrey\:100 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 100%) } +.sf-c-txt-darkslategrey { color: hsl(var(--sf-dark-c-txt-darkslategrey)) } +.sf-c-txt-darkslategrey\:0 { color: hsl(var(--sf-dark-c-txt-darkslategrey-100)) } +.sf-c-txt-darkslategrey\:10 { color: hsl(var(--sf-dark-c-txt-darkslategrey-90)) } +.sf-c-txt-darkslategrey\:20 { color: hsl(var(--sf-dark-c-txt-darkslategrey-80)) } +.sf-c-txt-darkslategrey\:30 { color: hsl(var(--sf-dark-c-txt-darkslategrey-70)) } +.sf-c-txt-darkslategrey\:40 { color: hsl(var(--sf-dark-c-txt-darkslategrey-60)) } +.sf-c-txt-darkslategrey\:50 { color: hsl(var(--sf-dark-c-txt-darkslategrey-50)) } +.sf-c-txt-darkslategrey\:60 { color: hsl(var(--sf-dark-c-txt-darkslategrey-40)) } +.sf-c-txt-darkslategrey\:70 { color: hsl(var(--sf-dark-c-txt-darkslategrey-30)) } +.sf-c-txt-darkslategrey\:80 { color: hsl(var(--sf-dark-c-txt-darkslategrey-20)) } +.sf-c-txt-darkslategrey\:90 { color: hsl(var(--sf-dark-c-txt-darkslategrey-10)) } +.sf-c-txt-darkslategrey\:100 { color: hsl(var(--sf-dark-c-txt-darkslategrey-0)) } + +html.var .sf-c-txt-darkslategrey { color: hsl(180, 25%, 75%) } +html.var .sf-c-txt-darkslategrey\:0 { color: hsl(180, 25%, 100%) } +html.var .sf-c-txt-darkslategrey\:10 { color: hsl(180, 25%, 90%) } +html.var .sf-c-txt-darkslategrey\:20 { color: hsl(180, 25%, 80%) } +html.var .sf-c-txt-darkslategrey\:30 { color: hsl(180, 25%, 70%) } +html.var .sf-c-txt-darkslategrey\:40 { color: hsl(180, 25%, 60%) } +html.var .sf-c-txt-darkslategrey\:50 { color: hsl(180, 25%, 50%) } +html.var .sf-c-txt-darkslategrey\:60 { color: hsl(180, 25%, 40%) } +html.var .sf-c-txt-darkslategrey\:70 { color: hsl(180, 25%, 30%) } +html.var .sf-c-txt-darkslategrey\:80 { color: hsl(180, 25%, 20%) } +html.var .sf-c-txt-darkslategrey\:90 { color: hsl(180, 25%, 10%) } +html.var .sf-c-txt-darkslategrey\:100 { color: hsl(180, 25%, 0%) } + html[data-theme='dark'] .sf-c-darkslategrey, html.dark .sf-c-darkslategrey { color: hsl(var(--sf-dark-c-txt-darkslategrey-10)); background: hsl(var(--sf-dark-c-darkslategrey)) } html[data-theme='dark'] .sf-c-darkslategrey\:0, html.dark .sf-c-darkslategrey\:0 { color: hsl(var(--sf-dark-c-txt-darkslategrey-90)); background: hsl(var(--sf-dark-c-darkslategrey-100)) } html[data-theme='dark'] .sf-c-darkslategrey\:10, html.dark .sf-c-darkslategrey\:10 { color: hsl(var(--sf-dark-c-txt-darkslategrey-10)); background: hsl(var(--sf-dark-c-darkslategrey-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkslategrey\:80\:dark, html.dark .sf-c-darkslate html[data-theme='dark'] .sf-c-darkslategrey\:90\:dark, html.dark .sf-c-darkslategrey\:90\:dark { color: hsl(var(--sf-c-txt-darkslategrey-90)); background: hsl(var(--sf-c-darkslategrey-10)) } html[data-theme='dark'] .sf-c-darkslategrey\:100\:dark, html.dark .sf-c-darkslategrey\:100\:dark { color: hsl(var(--sf-c-txt-darkslategrey-90)); background: hsl(var(--sf-c-darkslategrey-0)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey, html.dark .sf-c-txt-darkslategrey { color: hsl(var(--sf-c-txt-darkslategrey)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:0, html.dark .sf-c-txt-darkslategrey\:0 { color: hsl(var(--sf-c-txt-darkslategrey-0)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:10, html.dark .sf-c-txt-darkslategrey\:10 { color: hsl(var(--sf-c-txt-darkslategrey-10)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:20, html.dark .sf-c-txt-darkslategrey\:20 { color: hsl(var(--sf-c-txt-darkslategrey-20)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:30, html.dark .sf-c-txt-darkslategrey\:30 { color: hsl(var(--sf-c-txt-darkslategrey-30)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:40, html.dark .sf-c-txt-darkslategrey\:40 { color: hsl(var(--sf-c-txt-darkslategrey-40)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:50, html.dark .sf-c-txt-darkslategrey\:50 { color: hsl(var(--sf-c-txt-darkslategrey-50)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:60, html.dark .sf-c-txt-darkslategrey\:60 { color: hsl(var(--sf-c-txt-darkslategrey-60)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:70, html.dark .sf-c-txt-darkslategrey\:70 { color: hsl(var(--sf-c-txt-darkslategrey-70)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:80, html.dark .sf-c-txt-darkslategrey\:80 { color: hsl(var(--sf-c-txt-darkslategrey-80)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:90, html.dark .sf-c-txt-darkslategrey\:90 { color: hsl(var(--sf-c-txt-darkslategrey-90)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:100, html.dark .sf-c-txt-darkslategrey\:100 { color: hsl(var(--sf-c-txt-darkslategrey-100)) } + +html[data-theme='dark'] .sf-c-txt-darkslategrey\:dark, html.dark .sf-c-txt-darkslategrey\:dark { color: hsl(var(--sf-c-txt-darkslategrey)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:0\:dark, html.dark .sf-c-txt-darkslategrey\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-0)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:10\:dark, html.dark .sf-c-txt-darkslategrey\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-10)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:20\:dark, html.dark .sf-c-txt-darkslategrey\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-20)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:30\:dark, html.dark .sf-c-txt-darkslategrey\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-30)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:40\:dark, html.dark .sf-c-txt-darkslategrey\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-40)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:50\:dark, html.dark .sf-c-txt-darkslategrey\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-50)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:60\:dark, html.dark .sf-c-txt-darkslategrey\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-60)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:70\:dark, html.dark .sf-c-txt-darkslategrey\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-70)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:80\:dark, html.dark .sf-c-txt-darkslategrey\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-80)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:90\:dark, html.dark .sf-c-txt-darkslategrey\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-90)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:100\:dark, html.dark .sf-c-txt-darkslategrey\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-100)) } + html.var[data-theme='dark'] .sf-c-darkslategrey, html.var.dark .sf-c-darkslategrey { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 75%) } html.var[data-theme='dark'] .sf-c-darkslategrey\:0, html.var.dark .sf-c-darkslategrey\:0 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 100%) } html.var[data-theme='dark'] .sf-c-darkslategrey\:10, html.var.dark .sf-c-darkslategrey\:10 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkslategrey\:80\:dark, html.var.dark .sf-c-d html.var[data-theme='dark'] .sf-c-darkslategrey\:90\:dark, html.var.dark .sf-c-darkslategrey\:90\:dark { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 10%) } html.var[data-theme='dark'] .sf-c-darkslategrey\:100\:dark, html.var.dark .sf-c-darkslategrey\:100\:dark { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey, html.dark .sf-c-txt-darkslategrey { color: hsl(180, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:0, html.dark .sf-c-txt-darkslategrey\:0 { color: hsl(180, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:10, html.dark .sf-c-txt-darkslategrey\:10 { color: hsl(180, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:20, html.dark .sf-c-txt-darkslategrey\:20 { color: hsl(180, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:30, html.dark .sf-c-txt-darkslategrey\:30 { color: hsl(180, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:40, html.dark .sf-c-txt-darkslategrey\:40 { color: hsl(180, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:50, html.dark .sf-c-txt-darkslategrey\:50 { color: hsl(180, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:60, html.dark .sf-c-txt-darkslategrey\:60 { color: hsl(180, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:70, html.dark .sf-c-txt-darkslategrey\:70 { color: hsl(180, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:80, html.dark .sf-c-txt-darkslategrey\:80 { color: hsl(180, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:90, html.dark .sf-c-txt-darkslategrey\:90 { color: hsl(180, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:100, html.dark .sf-c-txt-darkslategrey\:100 { color: hsl(180, 25%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:dark, html.dark .sf-c-txt-darkslategrey\:dark { color: hsl(180, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:0\:dark, html.dark .sf-c-txt-darkslategrey\:0\:dark { color: hsl(180, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:10\:dark, html.dark .sf-c-txt-darkslategrey\:10\:dark { color: hsl(180, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:20\:dark, html.dark .sf-c-txt-darkslategrey\:20\:dark { color: hsl(180, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:30\:dark, html.dark .sf-c-txt-darkslategrey\:30\:dark { color: hsl(180, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:40\:dark, html.dark .sf-c-txt-darkslategrey\:40\:dark { color: hsl(180, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:50\:dark, html.dark .sf-c-txt-darkslategrey\:50\:dark { color: hsl(180, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:60\:dark, html.dark .sf-c-txt-darkslategrey\:60\:dark { color: hsl(180, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:70\:dark, html.dark .sf-c-txt-darkslategrey\:70\:dark { color: hsl(180, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:80\:dark, html.dark .sf-c-txt-darkslategrey\:80\:dark { color: hsl(180, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:90\:dark, html.dark .sf-c-txt-darkslategrey\:90\:dark { color: hsl(180, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:100\:dark, html.dark .sf-c-txt-darkslategrey\:100\:dark { color: hsl(180, 25%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkslategrey, html.auto .sf-c-darkslategrey { color: hsl(var(--sf-dark-c-txt-darkslategrey-10)); background: hsl(var(--sf-dark-c-darkslategrey)) } html[data-theme='auto'] .sf-c-darkslategrey\:0, html.auto .sf-c-darkslategrey\:0 { color: hsl(var(--sf-dark-c-txt-darkslategrey-90)); background: hsl(var(--sf-dark-c-darkslategrey-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkslategrey\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-darkslategrey\:90\:dark, html.auto .sf-c-darkslategrey\:90\:dark { color: hsl(var(--sf-c-txt-darkslategrey-90)); background: hsl(var(--sf-c-darkslategrey-10)) } html[data-theme='auto'] .sf-c-darkslategrey\:100\:dark, html.auto .sf-c-darkslategrey\:100\:dark { color: hsl(var(--sf-c-txt-darkslategrey-90)); background: hsl(var(--sf-c-darkslategrey-0)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey, html.auto .sf-c-txt-darkslategrey { color: hsl(var(--sf-c-txt-darkslategrey)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:0, html.auto .sf-c-txt-darkslategrey\:0 { color: hsl(var(--sf-c-txt-darkslategrey-0)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:10, html.auto .sf-c-txt-darkslategrey\:10 { color: hsl(var(--sf-c-txt-darkslategrey-10)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:20, html.auto .sf-c-txt-darkslategrey\:20 { color: hsl(var(--sf-c-txt-darkslategrey-20)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:30, html.auto .sf-c-txt-darkslategrey\:30 { color: hsl(var(--sf-c-txt-darkslategrey-30)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:40, html.auto .sf-c-txt-darkslategrey\:40 { color: hsl(var(--sf-c-txt-darkslategrey-40)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:50, html.auto .sf-c-txt-darkslategrey\:50 { color: hsl(var(--sf-c-txt-darkslategrey-50)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:60, html.auto .sf-c-txt-darkslategrey\:60 { color: hsl(var(--sf-c-txt-darkslategrey-60)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:70, html.auto .sf-c-txt-darkslategrey\:70 { color: hsl(var(--sf-c-txt-darkslategrey-70)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:80, html.auto .sf-c-txt-darkslategrey\:80 { color: hsl(var(--sf-c-txt-darkslategrey-80)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:90, html.auto .sf-c-txt-darkslategrey\:90 { color: hsl(var(--sf-c-txt-darkslategrey-90)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:100, html.auto .sf-c-txt-darkslategrey\:100 { color: hsl(var(--sf-c-txt-darkslategrey-100)) } + + html[data-theme='auto'] .sf-c-txt-darkslategrey\:dark, html.auto .sf-c-txt-darkslategrey\:dark { color: hsl(var(--sf-c-txt-darkslategrey)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:0\:dark, html.auto .sf-c-txt-darkslategrey\:0\:dark { color: hsl(var(--sf-c-txt-darkslategrey-0)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:10\:dark, html.auto .sf-c-txt-darkslategrey\:10\:dark { color: hsl(var(--sf-c-txt-darkslategrey-10)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:20\:dark, html.auto .sf-c-txt-darkslategrey\:20\:dark { color: hsl(var(--sf-c-txt-darkslategrey-20)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:30\:dark, html.auto .sf-c-txt-darkslategrey\:30\:dark { color: hsl(var(--sf-c-txt-darkslategrey-30)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:40\:dark, html.auto .sf-c-txt-darkslategrey\:40\:dark { color: hsl(var(--sf-c-txt-darkslategrey-40)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:50\:dark, html.auto .sf-c-txt-darkslategrey\:50\:dark { color: hsl(var(--sf-c-txt-darkslategrey-50)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:60\:dark, html.auto .sf-c-txt-darkslategrey\:60\:dark { color: hsl(var(--sf-c-txt-darkslategrey-60)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:70\:dark, html.auto .sf-c-txt-darkslategrey\:70\:dark { color: hsl(var(--sf-c-txt-darkslategrey-70)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:80\:dark, html.auto .sf-c-txt-darkslategrey\:80\:dark { color: hsl(var(--sf-c-txt-darkslategrey-80)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:90\:dark, html.auto .sf-c-txt-darkslategrey\:90\:dark { color: hsl(var(--sf-c-txt-darkslategrey-90)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:100\:dark, html.auto .sf-c-txt-darkslategrey\:100\:dark { color: hsl(var(--sf-c-txt-darkslategrey-100)) } + html.var[data-theme='auto'] .sf-c-darkslategrey, html.var.auto .sf-c-darkslategrey { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 75%) } html.var[data-theme='auto'] .sf-c-darkslategrey\:0, html.var.auto .sf-c-darkslategrey\:0 { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 100%) } html.var[data-theme='auto'] .sf-c-darkslategrey\:10, html.var.auto .sf-c-darkslategrey\:10 { color: hsl(180, 25%, 10%); background: hsl(180, 25%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkslategrey\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-darkslategrey\:80\:dark, html.var.auto .sf-c-darkslategrey\:80\:dark { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 20%) } html.var[data-theme='auto'] .sf-c-darkslategrey\:90\:dark, html.var.auto .sf-c-darkslategrey\:90\:dark { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 10%) } html.var[data-theme='auto'] .sf-c-darkslategrey\:100\:dark, html.var.auto .sf-c-darkslategrey\:100\:dark { color: hsl(180, 25%, 90%); background: hsl(180, 25%, 0%) } -} -.sf-c-txt-darkslategrey { color: hsl(var(--sf-c-txt-darkslategrey)) } -.sf-c-txt-darkslategrey\:0 { color: hsl(var(--sf-c-txt-darkslategrey-0)) } -.sf-c-txt-darkslategrey\:10 { color: hsl(var(--sf-c-txt-darkslategrey-10)) } -.sf-c-txt-darkslategrey\:20 { color: hsl(var(--sf-c-txt-darkslategrey-20)) } -.sf-c-txt-darkslategrey\:30 { color: hsl(var(--sf-c-txt-darkslategrey-30)) } -.sf-c-txt-darkslategrey\:40 { color: hsl(var(--sf-c-txt-darkslategrey-40)) } -.sf-c-txt-darkslategrey\:50 { color: hsl(var(--sf-c-txt-darkslategrey-50)) } -.sf-c-txt-darkslategrey\:60 { color: hsl(var(--sf-c-txt-darkslategrey-60)) } -.sf-c-txt-darkslategrey\:70 { color: hsl(var(--sf-c-txt-darkslategrey-70)) } -.sf-c-txt-darkslategrey\:80 { color: hsl(var(--sf-c-txt-darkslategrey-80)) } -.sf-c-txt-darkslategrey\:90 { color: hsl(var(--sf-c-txt-darkslategrey-90)) } -.sf-c-txt-darkslategrey\:100 { color: hsl(var(--sf-c-txt-darkslategrey-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkslategrey, html.auto .sf-c-txt-darkslategrey { color: hsl(180, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:0, html.auto .sf-c-txt-darkslategrey\:0 { color: hsl(180, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:10, html.auto .sf-c-txt-darkslategrey\:10 { color: hsl(180, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:20, html.auto .sf-c-txt-darkslategrey\:20 { color: hsl(180, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:30, html.auto .sf-c-txt-darkslategrey\:30 { color: hsl(180, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:40, html.auto .sf-c-txt-darkslategrey\:40 { color: hsl(180, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:50, html.auto .sf-c-txt-darkslategrey\:50 { color: hsl(180, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:60, html.auto .sf-c-txt-darkslategrey\:60 { color: hsl(180, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:70, html.auto .sf-c-txt-darkslategrey\:70 { color: hsl(180, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:80, html.auto .sf-c-txt-darkslategrey\:80 { color: hsl(180, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:90, html.auto .sf-c-txt-darkslategrey\:90 { color: hsl(180, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:100, html.auto .sf-c-txt-darkslategrey\:100 { color: hsl(180, 25%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:dark, html.auto .sf-c-txt-darkslategrey\:dark { color: hsl(180, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:0\:dark, html.auto .sf-c-txt-darkslategrey\:0\:dark { color: hsl(180, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:10\:dark, html.auto .sf-c-txt-darkslategrey\:10\:dark { color: hsl(180, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:20\:dark, html.auto .sf-c-txt-darkslategrey\:20\:dark { color: hsl(180, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:30\:dark, html.auto .sf-c-txt-darkslategrey\:30\:dark { color: hsl(180, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:40\:dark, html.auto .sf-c-txt-darkslategrey\:40\:dark { color: hsl(180, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:50\:dark, html.auto .sf-c-txt-darkslategrey\:50\:dark { color: hsl(180, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:60\:dark, html.auto .sf-c-txt-darkslategrey\:60\:dark { color: hsl(180, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:70\:dark, html.auto .sf-c-txt-darkslategrey\:70\:dark { color: hsl(180, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:80\:dark, html.auto .sf-c-txt-darkslategrey\:80\:dark { color: hsl(180, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:90\:dark, html.auto .sf-c-txt-darkslategrey\:90\:dark { color: hsl(180, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:100\:dark, html.auto .sf-c-txt-darkslategrey\:100\:dark { color: hsl(180, 25%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkturquoise.css b/src/colors/10/darkturquoise.css index 49fb5d2..09df8a0 100644 --- a/src/colors/10/darkturquoise.css +++ b/src/colors/10/darkturquoise.css @@ -78,6 +78,32 @@ html.var .sf-c-darkturquoise\:80 { color: hsl(181, 100%, 10%); background: hsl(1 html.var .sf-c-darkturquoise\:90 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 90%) } html.var .sf-c-darkturquoise\:100 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 100%) } +.sf-c-txt-darkturquoise { color: hsl(var(--sf-dark-c-txt-darkturquoise)) } +.sf-c-txt-darkturquoise\:0 { color: hsl(var(--sf-dark-c-txt-darkturquoise-100)) } +.sf-c-txt-darkturquoise\:10 { color: hsl(var(--sf-dark-c-txt-darkturquoise-90)) } +.sf-c-txt-darkturquoise\:20 { color: hsl(var(--sf-dark-c-txt-darkturquoise-80)) } +.sf-c-txt-darkturquoise\:30 { color: hsl(var(--sf-dark-c-txt-darkturquoise-70)) } +.sf-c-txt-darkturquoise\:40 { color: hsl(var(--sf-dark-c-txt-darkturquoise-60)) } +.sf-c-txt-darkturquoise\:50 { color: hsl(var(--sf-dark-c-txt-darkturquoise-50)) } +.sf-c-txt-darkturquoise\:60 { color: hsl(var(--sf-dark-c-txt-darkturquoise-40)) } +.sf-c-txt-darkturquoise\:70 { color: hsl(var(--sf-dark-c-txt-darkturquoise-30)) } +.sf-c-txt-darkturquoise\:80 { color: hsl(var(--sf-dark-c-txt-darkturquoise-20)) } +.sf-c-txt-darkturquoise\:90 { color: hsl(var(--sf-dark-c-txt-darkturquoise-10)) } +.sf-c-txt-darkturquoise\:100 { color: hsl(var(--sf-dark-c-txt-darkturquoise-0)) } + +html.var .sf-c-txt-darkturquoise { color: hsl(181, 100%, 59%) } +html.var .sf-c-txt-darkturquoise\:0 { color: hsl(181, 100%, 100%) } +html.var .sf-c-txt-darkturquoise\:10 { color: hsl(181, 100%, 90%) } +html.var .sf-c-txt-darkturquoise\:20 { color: hsl(181, 100%, 80%) } +html.var .sf-c-txt-darkturquoise\:30 { color: hsl(181, 100%, 70%) } +html.var .sf-c-txt-darkturquoise\:40 { color: hsl(181, 100%, 60%) } +html.var .sf-c-txt-darkturquoise\:50 { color: hsl(181, 100%, 50%) } +html.var .sf-c-txt-darkturquoise\:60 { color: hsl(181, 100%, 40%) } +html.var .sf-c-txt-darkturquoise\:70 { color: hsl(181, 100%, 30%) } +html.var .sf-c-txt-darkturquoise\:80 { color: hsl(181, 100%, 20%) } +html.var .sf-c-txt-darkturquoise\:90 { color: hsl(181, 100%, 10%) } +html.var .sf-c-txt-darkturquoise\:100 { color: hsl(181, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkturquoise, html.dark .sf-c-darkturquoise { color: hsl(var(--sf-dark-c-txt-darkturquoise-10)); background: hsl(var(--sf-dark-c-darkturquoise)) } html[data-theme='dark'] .sf-c-darkturquoise\:0, html.dark .sf-c-darkturquoise\:0 { color: hsl(var(--sf-dark-c-txt-darkturquoise-90)); background: hsl(var(--sf-dark-c-darkturquoise-100)) } html[data-theme='dark'] .sf-c-darkturquoise\:10, html.dark .sf-c-darkturquoise\:10 { color: hsl(var(--sf-dark-c-txt-darkturquoise-10)); background: hsl(var(--sf-dark-c-darkturquoise-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkturquoise\:80\:dark, html.dark .sf-c-darkturqu html[data-theme='dark'] .sf-c-darkturquoise\:90\:dark, html.dark .sf-c-darkturquoise\:90\:dark { color: hsl(var(--sf-c-txt-darkturquoise-90)); background: hsl(var(--sf-c-darkturquoise-10)) } html[data-theme='dark'] .sf-c-darkturquoise\:100\:dark, html.dark .sf-c-darkturquoise\:100\:dark { color: hsl(var(--sf-c-txt-darkturquoise-90)); background: hsl(var(--sf-c-darkturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise, html.dark .sf-c-txt-darkturquoise { color: hsl(var(--sf-c-txt-darkturquoise)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:0, html.dark .sf-c-txt-darkturquoise\:0 { color: hsl(var(--sf-c-txt-darkturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:10, html.dark .sf-c-txt-darkturquoise\:10 { color: hsl(var(--sf-c-txt-darkturquoise-10)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:20, html.dark .sf-c-txt-darkturquoise\:20 { color: hsl(var(--sf-c-txt-darkturquoise-20)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:30, html.dark .sf-c-txt-darkturquoise\:30 { color: hsl(var(--sf-c-txt-darkturquoise-30)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:40, html.dark .sf-c-txt-darkturquoise\:40 { color: hsl(var(--sf-c-txt-darkturquoise-40)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:50, html.dark .sf-c-txt-darkturquoise\:50 { color: hsl(var(--sf-c-txt-darkturquoise-50)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:60, html.dark .sf-c-txt-darkturquoise\:60 { color: hsl(var(--sf-c-txt-darkturquoise-60)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:70, html.dark .sf-c-txt-darkturquoise\:70 { color: hsl(var(--sf-c-txt-darkturquoise-70)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:80, html.dark .sf-c-txt-darkturquoise\:80 { color: hsl(var(--sf-c-txt-darkturquoise-80)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:90, html.dark .sf-c-txt-darkturquoise\:90 { color: hsl(var(--sf-c-txt-darkturquoise-90)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:100, html.dark .sf-c-txt-darkturquoise\:100 { color: hsl(var(--sf-c-txt-darkturquoise-100)) } + +html[data-theme='dark'] .sf-c-txt-darkturquoise\:dark, html.dark .sf-c-txt-darkturquoise\:dark { color: hsl(var(--sf-c-txt-darkturquoise)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:0\:dark, html.dark .sf-c-txt-darkturquoise\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:10\:dark, html.dark .sf-c-txt-darkturquoise\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-10)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:20\:dark, html.dark .sf-c-txt-darkturquoise\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-20)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:30\:dark, html.dark .sf-c-txt-darkturquoise\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-30)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:40\:dark, html.dark .sf-c-txt-darkturquoise\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-40)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:50\:dark, html.dark .sf-c-txt-darkturquoise\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-50)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:60\:dark, html.dark .sf-c-txt-darkturquoise\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-60)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:70\:dark, html.dark .sf-c-txt-darkturquoise\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-70)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:80\:dark, html.dark .sf-c-txt-darkturquoise\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-80)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:90\:dark, html.dark .sf-c-txt-darkturquoise\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-90)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:100\:dark, html.dark .sf-c-txt-darkturquoise\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-100)) } + html.var[data-theme='dark'] .sf-c-darkturquoise, html.var.dark .sf-c-darkturquoise { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 59%) } html.var[data-theme='dark'] .sf-c-darkturquoise\:0, html.var.dark .sf-c-darkturquoise\:0 { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkturquoise\:10, html.var.dark .sf-c-darkturquoise\:10 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkturquoise\:80\:dark, html.var.dark .sf-c-d html.var[data-theme='dark'] .sf-c-darkturquoise\:90\:dark, html.var.dark .sf-c-darkturquoise\:90\:dark { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 10%) } html.var[data-theme='dark'] .sf-c-darkturquoise\:100\:dark, html.var.dark .sf-c-darkturquoise\:100\:dark { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise, html.dark .sf-c-txt-darkturquoise { color: hsl(181, 100%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:0, html.dark .sf-c-txt-darkturquoise\:0 { color: hsl(181, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:10, html.dark .sf-c-txt-darkturquoise\:10 { color: hsl(181, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:20, html.dark .sf-c-txt-darkturquoise\:20 { color: hsl(181, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:30, html.dark .sf-c-txt-darkturquoise\:30 { color: hsl(181, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:40, html.dark .sf-c-txt-darkturquoise\:40 { color: hsl(181, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:50, html.dark .sf-c-txt-darkturquoise\:50 { color: hsl(181, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:60, html.dark .sf-c-txt-darkturquoise\:60 { color: hsl(181, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:70, html.dark .sf-c-txt-darkturquoise\:70 { color: hsl(181, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:80, html.dark .sf-c-txt-darkturquoise\:80 { color: hsl(181, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:90, html.dark .sf-c-txt-darkturquoise\:90 { color: hsl(181, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:100, html.dark .sf-c-txt-darkturquoise\:100 { color: hsl(181, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:dark, html.dark .sf-c-txt-darkturquoise\:dark { color: hsl(181, 100%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:0\:dark, html.dark .sf-c-txt-darkturquoise\:0\:dark { color: hsl(181, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:10\:dark, html.dark .sf-c-txt-darkturquoise\:10\:dark { color: hsl(181, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:20\:dark, html.dark .sf-c-txt-darkturquoise\:20\:dark { color: hsl(181, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:30\:dark, html.dark .sf-c-txt-darkturquoise\:30\:dark { color: hsl(181, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:40\:dark, html.dark .sf-c-txt-darkturquoise\:40\:dark { color: hsl(181, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:50\:dark, html.dark .sf-c-txt-darkturquoise\:50\:dark { color: hsl(181, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:60\:dark, html.dark .sf-c-txt-darkturquoise\:60\:dark { color: hsl(181, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:70\:dark, html.dark .sf-c-txt-darkturquoise\:70\:dark { color: hsl(181, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:80\:dark, html.dark .sf-c-txt-darkturquoise\:80\:dark { color: hsl(181, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:90\:dark, html.dark .sf-c-txt-darkturquoise\:90\:dark { color: hsl(181, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:100\:dark, html.dark .sf-c-txt-darkturquoise\:100\:dark { color: hsl(181, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkturquoise, html.auto .sf-c-darkturquoise { color: hsl(var(--sf-dark-c-txt-darkturquoise-10)); background: hsl(var(--sf-dark-c-darkturquoise)) } html[data-theme='auto'] .sf-c-darkturquoise\:0, html.auto .sf-c-darkturquoise\:0 { color: hsl(var(--sf-dark-c-txt-darkturquoise-90)); background: hsl(var(--sf-dark-c-darkturquoise-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkturquoise\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-darkturquoise\:90\:dark, html.auto .sf-c-darkturquoise\:90\:dark { color: hsl(var(--sf-c-txt-darkturquoise-90)); background: hsl(var(--sf-c-darkturquoise-10)) } html[data-theme='auto'] .sf-c-darkturquoise\:100\:dark, html.auto .sf-c-darkturquoise\:100\:dark { color: hsl(var(--sf-c-txt-darkturquoise-90)); background: hsl(var(--sf-c-darkturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise, html.auto .sf-c-txt-darkturquoise { color: hsl(var(--sf-c-txt-darkturquoise)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:0, html.auto .sf-c-txt-darkturquoise\:0 { color: hsl(var(--sf-c-txt-darkturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:10, html.auto .sf-c-txt-darkturquoise\:10 { color: hsl(var(--sf-c-txt-darkturquoise-10)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:20, html.auto .sf-c-txt-darkturquoise\:20 { color: hsl(var(--sf-c-txt-darkturquoise-20)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:30, html.auto .sf-c-txt-darkturquoise\:30 { color: hsl(var(--sf-c-txt-darkturquoise-30)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:40, html.auto .sf-c-txt-darkturquoise\:40 { color: hsl(var(--sf-c-txt-darkturquoise-40)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:50, html.auto .sf-c-txt-darkturquoise\:50 { color: hsl(var(--sf-c-txt-darkturquoise-50)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:60, html.auto .sf-c-txt-darkturquoise\:60 { color: hsl(var(--sf-c-txt-darkturquoise-60)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:70, html.auto .sf-c-txt-darkturquoise\:70 { color: hsl(var(--sf-c-txt-darkturquoise-70)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:80, html.auto .sf-c-txt-darkturquoise\:80 { color: hsl(var(--sf-c-txt-darkturquoise-80)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:90, html.auto .sf-c-txt-darkturquoise\:90 { color: hsl(var(--sf-c-txt-darkturquoise-90)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:100, html.auto .sf-c-txt-darkturquoise\:100 { color: hsl(var(--sf-c-txt-darkturquoise-100)) } + + html[data-theme='auto'] .sf-c-txt-darkturquoise\:dark, html.auto .sf-c-txt-darkturquoise\:dark { color: hsl(var(--sf-c-txt-darkturquoise)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:0\:dark, html.auto .sf-c-txt-darkturquoise\:0\:dark { color: hsl(var(--sf-c-txt-darkturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:10\:dark, html.auto .sf-c-txt-darkturquoise\:10\:dark { color: hsl(var(--sf-c-txt-darkturquoise-10)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:20\:dark, html.auto .sf-c-txt-darkturquoise\:20\:dark { color: hsl(var(--sf-c-txt-darkturquoise-20)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:30\:dark, html.auto .sf-c-txt-darkturquoise\:30\:dark { color: hsl(var(--sf-c-txt-darkturquoise-30)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:40\:dark, html.auto .sf-c-txt-darkturquoise\:40\:dark { color: hsl(var(--sf-c-txt-darkturquoise-40)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:50\:dark, html.auto .sf-c-txt-darkturquoise\:50\:dark { color: hsl(var(--sf-c-txt-darkturquoise-50)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:60\:dark, html.auto .sf-c-txt-darkturquoise\:60\:dark { color: hsl(var(--sf-c-txt-darkturquoise-60)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:70\:dark, html.auto .sf-c-txt-darkturquoise\:70\:dark { color: hsl(var(--sf-c-txt-darkturquoise-70)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:80\:dark, html.auto .sf-c-txt-darkturquoise\:80\:dark { color: hsl(var(--sf-c-txt-darkturquoise-80)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:90\:dark, html.auto .sf-c-txt-darkturquoise\:90\:dark { color: hsl(var(--sf-c-txt-darkturquoise-90)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:100\:dark, html.auto .sf-c-txt-darkturquoise\:100\:dark { color: hsl(var(--sf-c-txt-darkturquoise-100)) } + html.var[data-theme='auto'] .sf-c-darkturquoise, html.var.auto .sf-c-darkturquoise { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 59%) } html.var[data-theme='auto'] .sf-c-darkturquoise\:0, html.var.auto .sf-c-darkturquoise\:0 { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkturquoise\:10, html.var.auto .sf-c-darkturquoise\:10 { color: hsl(181, 100%, 10%); background: hsl(181, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkturquoise\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-darkturquoise\:80\:dark, html.var.auto .sf-c-darkturquoise\:80\:dark { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 20%) } html.var[data-theme='auto'] .sf-c-darkturquoise\:90\:dark, html.var.auto .sf-c-darkturquoise\:90\:dark { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkturquoise\:100\:dark, html.var.auto .sf-c-darkturquoise\:100\:dark { color: hsl(181, 100%, 90%); background: hsl(181, 100%, 0%) } -} -.sf-c-txt-darkturquoise { color: hsl(var(--sf-c-txt-darkturquoise)) } -.sf-c-txt-darkturquoise\:0 { color: hsl(var(--sf-c-txt-darkturquoise-0)) } -.sf-c-txt-darkturquoise\:10 { color: hsl(var(--sf-c-txt-darkturquoise-10)) } -.sf-c-txt-darkturquoise\:20 { color: hsl(var(--sf-c-txt-darkturquoise-20)) } -.sf-c-txt-darkturquoise\:30 { color: hsl(var(--sf-c-txt-darkturquoise-30)) } -.sf-c-txt-darkturquoise\:40 { color: hsl(var(--sf-c-txt-darkturquoise-40)) } -.sf-c-txt-darkturquoise\:50 { color: hsl(var(--sf-c-txt-darkturquoise-50)) } -.sf-c-txt-darkturquoise\:60 { color: hsl(var(--sf-c-txt-darkturquoise-60)) } -.sf-c-txt-darkturquoise\:70 { color: hsl(var(--sf-c-txt-darkturquoise-70)) } -.sf-c-txt-darkturquoise\:80 { color: hsl(var(--sf-c-txt-darkturquoise-80)) } -.sf-c-txt-darkturquoise\:90 { color: hsl(var(--sf-c-txt-darkturquoise-90)) } -.sf-c-txt-darkturquoise\:100 { color: hsl(var(--sf-c-txt-darkturquoise-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkturquoise, html.auto .sf-c-txt-darkturquoise { color: hsl(181, 100%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:0, html.auto .sf-c-txt-darkturquoise\:0 { color: hsl(181, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:10, html.auto .sf-c-txt-darkturquoise\:10 { color: hsl(181, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:20, html.auto .sf-c-txt-darkturquoise\:20 { color: hsl(181, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:30, html.auto .sf-c-txt-darkturquoise\:30 { color: hsl(181, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:40, html.auto .sf-c-txt-darkturquoise\:40 { color: hsl(181, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:50, html.auto .sf-c-txt-darkturquoise\:50 { color: hsl(181, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:60, html.auto .sf-c-txt-darkturquoise\:60 { color: hsl(181, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:70, html.auto .sf-c-txt-darkturquoise\:70 { color: hsl(181, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:80, html.auto .sf-c-txt-darkturquoise\:80 { color: hsl(181, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:90, html.auto .sf-c-txt-darkturquoise\:90 { color: hsl(181, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:100, html.auto .sf-c-txt-darkturquoise\:100 { color: hsl(181, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:dark, html.auto .sf-c-txt-darkturquoise\:dark { color: hsl(181, 100%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:0\:dark, html.auto .sf-c-txt-darkturquoise\:0\:dark { color: hsl(181, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:10\:dark, html.auto .sf-c-txt-darkturquoise\:10\:dark { color: hsl(181, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:20\:dark, html.auto .sf-c-txt-darkturquoise\:20\:dark { color: hsl(181, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:30\:dark, html.auto .sf-c-txt-darkturquoise\:30\:dark { color: hsl(181, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:40\:dark, html.auto .sf-c-txt-darkturquoise\:40\:dark { color: hsl(181, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:50\:dark, html.auto .sf-c-txt-darkturquoise\:50\:dark { color: hsl(181, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:60\:dark, html.auto .sf-c-txt-darkturquoise\:60\:dark { color: hsl(181, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:70\:dark, html.auto .sf-c-txt-darkturquoise\:70\:dark { color: hsl(181, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:80\:dark, html.auto .sf-c-txt-darkturquoise\:80\:dark { color: hsl(181, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:90\:dark, html.auto .sf-c-txt-darkturquoise\:90\:dark { color: hsl(181, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:100\:dark, html.auto .sf-c-txt-darkturquoise\:100\:dark { color: hsl(181, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/darkviolet.css b/src/colors/10/darkviolet.css index 3a1d59d..5daf6c0 100644 --- a/src/colors/10/darkviolet.css +++ b/src/colors/10/darkviolet.css @@ -78,6 +78,32 @@ html.var .sf-c-darkviolet\:80 { color: hsl(282, 100%, 10%); background: hsl(282, html.var .sf-c-darkviolet\:90 { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 90%) } html.var .sf-c-darkviolet\:100 { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 100%) } +.sf-c-txt-darkviolet { color: hsl(var(--sf-dark-c-txt-darkviolet)) } +.sf-c-txt-darkviolet\:0 { color: hsl(var(--sf-dark-c-txt-darkviolet-100)) } +.sf-c-txt-darkviolet\:10 { color: hsl(var(--sf-dark-c-txt-darkviolet-90)) } +.sf-c-txt-darkviolet\:20 { color: hsl(var(--sf-dark-c-txt-darkviolet-80)) } +.sf-c-txt-darkviolet\:30 { color: hsl(var(--sf-dark-c-txt-darkviolet-70)) } +.sf-c-txt-darkviolet\:40 { color: hsl(var(--sf-dark-c-txt-darkviolet-60)) } +.sf-c-txt-darkviolet\:50 { color: hsl(var(--sf-dark-c-txt-darkviolet-50)) } +.sf-c-txt-darkviolet\:60 { color: hsl(var(--sf-dark-c-txt-darkviolet-40)) } +.sf-c-txt-darkviolet\:70 { color: hsl(var(--sf-dark-c-txt-darkviolet-30)) } +.sf-c-txt-darkviolet\:80 { color: hsl(var(--sf-dark-c-txt-darkviolet-20)) } +.sf-c-txt-darkviolet\:90 { color: hsl(var(--sf-dark-c-txt-darkviolet-10)) } +.sf-c-txt-darkviolet\:100 { color: hsl(var(--sf-dark-c-txt-darkviolet-0)) } + +html.var .sf-c-txt-darkviolet { color: hsl(282, 100%, 59%) } +html.var .sf-c-txt-darkviolet\:0 { color: hsl(282, 100%, 100%) } +html.var .sf-c-txt-darkviolet\:10 { color: hsl(282, 100%, 90%) } +html.var .sf-c-txt-darkviolet\:20 { color: hsl(282, 100%, 80%) } +html.var .sf-c-txt-darkviolet\:30 { color: hsl(282, 100%, 70%) } +html.var .sf-c-txt-darkviolet\:40 { color: hsl(282, 100%, 60%) } +html.var .sf-c-txt-darkviolet\:50 { color: hsl(282, 100%, 50%) } +html.var .sf-c-txt-darkviolet\:60 { color: hsl(282, 100%, 40%) } +html.var .sf-c-txt-darkviolet\:70 { color: hsl(282, 100%, 30%) } +html.var .sf-c-txt-darkviolet\:80 { color: hsl(282, 100%, 20%) } +html.var .sf-c-txt-darkviolet\:90 { color: hsl(282, 100%, 10%) } +html.var .sf-c-txt-darkviolet\:100 { color: hsl(282, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkviolet, html.dark .sf-c-darkviolet { color: hsl(var(--sf-dark-c-txt-darkviolet-90)); background: hsl(var(--sf-dark-c-darkviolet)) } html[data-theme='dark'] .sf-c-darkviolet\:0, html.dark .sf-c-darkviolet\:0 { color: hsl(var(--sf-dark-c-txt-darkviolet-90)); background: hsl(var(--sf-dark-c-darkviolet-100)) } html[data-theme='dark'] .sf-c-darkviolet\:10, html.dark .sf-c-darkviolet\:10 { color: hsl(var(--sf-dark-c-txt-darkviolet-10)); background: hsl(var(--sf-dark-c-darkviolet-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-darkviolet\:80\:dark, html.dark .sf-c-darkviolet\: html[data-theme='dark'] .sf-c-darkviolet\:90\:dark, html.dark .sf-c-darkviolet\:90\:dark { color: hsl(var(--sf-c-txt-darkviolet-90)); background: hsl(var(--sf-c-darkviolet-10)) } html[data-theme='dark'] .sf-c-darkviolet\:100\:dark, html.dark .sf-c-darkviolet\:100\:dark { color: hsl(var(--sf-c-txt-darkviolet-90)); background: hsl(var(--sf-c-darkviolet-0)) } +html[data-theme='dark'] .sf-c-txt-darkviolet, html.dark .sf-c-txt-darkviolet { color: hsl(var(--sf-c-txt-darkviolet)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:0, html.dark .sf-c-txt-darkviolet\:0 { color: hsl(var(--sf-c-txt-darkviolet-0)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:10, html.dark .sf-c-txt-darkviolet\:10 { color: hsl(var(--sf-c-txt-darkviolet-10)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:20, html.dark .sf-c-txt-darkviolet\:20 { color: hsl(var(--sf-c-txt-darkviolet-20)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:30, html.dark .sf-c-txt-darkviolet\:30 { color: hsl(var(--sf-c-txt-darkviolet-30)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:40, html.dark .sf-c-txt-darkviolet\:40 { color: hsl(var(--sf-c-txt-darkviolet-40)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:50, html.dark .sf-c-txt-darkviolet\:50 { color: hsl(var(--sf-c-txt-darkviolet-50)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:60, html.dark .sf-c-txt-darkviolet\:60 { color: hsl(var(--sf-c-txt-darkviolet-60)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:70, html.dark .sf-c-txt-darkviolet\:70 { color: hsl(var(--sf-c-txt-darkviolet-70)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:80, html.dark .sf-c-txt-darkviolet\:80 { color: hsl(var(--sf-c-txt-darkviolet-80)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:90, html.dark .sf-c-txt-darkviolet\:90 { color: hsl(var(--sf-c-txt-darkviolet-90)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:100, html.dark .sf-c-txt-darkviolet\:100 { color: hsl(var(--sf-c-txt-darkviolet-100)) } + +html[data-theme='dark'] .sf-c-txt-darkviolet\:dark, html.dark .sf-c-txt-darkviolet\:dark { color: hsl(var(--sf-c-txt-darkviolet)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:0\:dark, html.dark .sf-c-txt-darkviolet\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-0)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:10\:dark, html.dark .sf-c-txt-darkviolet\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-10)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:20\:dark, html.dark .sf-c-txt-darkviolet\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-20)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:30\:dark, html.dark .sf-c-txt-darkviolet\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-30)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:40\:dark, html.dark .sf-c-txt-darkviolet\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-40)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:50\:dark, html.dark .sf-c-txt-darkviolet\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-50)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:60\:dark, html.dark .sf-c-txt-darkviolet\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-60)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:70\:dark, html.dark .sf-c-txt-darkviolet\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-70)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:80\:dark, html.dark .sf-c-txt-darkviolet\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-80)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:90\:dark, html.dark .sf-c-txt-darkviolet\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-90)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:100\:dark, html.dark .sf-c-txt-darkviolet\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-100)) } + html.var[data-theme='dark'] .sf-c-darkviolet, html.var.dark .sf-c-darkviolet { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 59%) } html.var[data-theme='dark'] .sf-c-darkviolet\:0, html.var.dark .sf-c-darkviolet\:0 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkviolet\:10, html.var.dark .sf-c-darkviolet\:10 { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-darkviolet\:80\:dark, html.var.dark .sf-c-dark html.var[data-theme='dark'] .sf-c-darkviolet\:90\:dark, html.var.dark .sf-c-darkviolet\:90\:dark { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 10%) } html.var[data-theme='dark'] .sf-c-darkviolet\:100\:dark, html.var.dark .sf-c-darkviolet\:100\:dark { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet, html.dark .sf-c-txt-darkviolet { color: hsl(282, 100%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:0, html.dark .sf-c-txt-darkviolet\:0 { color: hsl(282, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:10, html.dark .sf-c-txt-darkviolet\:10 { color: hsl(282, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:20, html.dark .sf-c-txt-darkviolet\:20 { color: hsl(282, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:30, html.dark .sf-c-txt-darkviolet\:30 { color: hsl(282, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:40, html.dark .sf-c-txt-darkviolet\:40 { color: hsl(282, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:50, html.dark .sf-c-txt-darkviolet\:50 { color: hsl(282, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:60, html.dark .sf-c-txt-darkviolet\:60 { color: hsl(282, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:70, html.dark .sf-c-txt-darkviolet\:70 { color: hsl(282, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:80, html.dark .sf-c-txt-darkviolet\:80 { color: hsl(282, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:90, html.dark .sf-c-txt-darkviolet\:90 { color: hsl(282, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:100, html.dark .sf-c-txt-darkviolet\:100 { color: hsl(282, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:dark, html.dark .sf-c-txt-darkviolet\:dark { color: hsl(282, 100%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:0\:dark, html.dark .sf-c-txt-darkviolet\:0\:dark { color: hsl(282, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:10\:dark, html.dark .sf-c-txt-darkviolet\:10\:dark { color: hsl(282, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:20\:dark, html.dark .sf-c-txt-darkviolet\:20\:dark { color: hsl(282, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:30\:dark, html.dark .sf-c-txt-darkviolet\:30\:dark { color: hsl(282, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:40\:dark, html.dark .sf-c-txt-darkviolet\:40\:dark { color: hsl(282, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:50\:dark, html.dark .sf-c-txt-darkviolet\:50\:dark { color: hsl(282, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:60\:dark, html.dark .sf-c-txt-darkviolet\:60\:dark { color: hsl(282, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:70\:dark, html.dark .sf-c-txt-darkviolet\:70\:dark { color: hsl(282, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:80\:dark, html.dark .sf-c-txt-darkviolet\:80\:dark { color: hsl(282, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:90\:dark, html.dark .sf-c-txt-darkviolet\:90\:dark { color: hsl(282, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:100\:dark, html.dark .sf-c-txt-darkviolet\:100\:dark { color: hsl(282, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkviolet, html.auto .sf-c-darkviolet { color: hsl(var(--sf-dark-c-txt-darkviolet-90)); background: hsl(var(--sf-dark-c-darkviolet)) } html[data-theme='auto'] .sf-c-darkviolet\:0, html.auto .sf-c-darkviolet\:0 { color: hsl(var(--sf-dark-c-txt-darkviolet-90)); background: hsl(var(--sf-dark-c-darkviolet-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-darkviolet\:100\:dark, html.var.dark .sf-c-dar html[data-theme='auto'] .sf-c-darkviolet\:90\:dark, html.auto .sf-c-darkviolet\:90\:dark { color: hsl(var(--sf-c-txt-darkviolet-90)); background: hsl(var(--sf-c-darkviolet-10)) } html[data-theme='auto'] .sf-c-darkviolet\:100\:dark, html.auto .sf-c-darkviolet\:100\:dark { color: hsl(var(--sf-c-txt-darkviolet-90)); background: hsl(var(--sf-c-darkviolet-0)) } + html[data-theme='auto'] .sf-c-txt-darkviolet, html.auto .sf-c-txt-darkviolet { color: hsl(var(--sf-c-txt-darkviolet)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:0, html.auto .sf-c-txt-darkviolet\:0 { color: hsl(var(--sf-c-txt-darkviolet-0)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:10, html.auto .sf-c-txt-darkviolet\:10 { color: hsl(var(--sf-c-txt-darkviolet-10)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:20, html.auto .sf-c-txt-darkviolet\:20 { color: hsl(var(--sf-c-txt-darkviolet-20)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:30, html.auto .sf-c-txt-darkviolet\:30 { color: hsl(var(--sf-c-txt-darkviolet-30)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:40, html.auto .sf-c-txt-darkviolet\:40 { color: hsl(var(--sf-c-txt-darkviolet-40)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:50, html.auto .sf-c-txt-darkviolet\:50 { color: hsl(var(--sf-c-txt-darkviolet-50)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:60, html.auto .sf-c-txt-darkviolet\:60 { color: hsl(var(--sf-c-txt-darkviolet-60)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:70, html.auto .sf-c-txt-darkviolet\:70 { color: hsl(var(--sf-c-txt-darkviolet-70)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:80, html.auto .sf-c-txt-darkviolet\:80 { color: hsl(var(--sf-c-txt-darkviolet-80)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:90, html.auto .sf-c-txt-darkviolet\:90 { color: hsl(var(--sf-c-txt-darkviolet-90)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:100, html.auto .sf-c-txt-darkviolet\:100 { color: hsl(var(--sf-c-txt-darkviolet-100)) } + + html[data-theme='auto'] .sf-c-txt-darkviolet\:dark, html.auto .sf-c-txt-darkviolet\:dark { color: hsl(var(--sf-c-txt-darkviolet)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:0\:dark, html.auto .sf-c-txt-darkviolet\:0\:dark { color: hsl(var(--sf-c-txt-darkviolet-0)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:10\:dark, html.auto .sf-c-txt-darkviolet\:10\:dark { color: hsl(var(--sf-c-txt-darkviolet-10)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:20\:dark, html.auto .sf-c-txt-darkviolet\:20\:dark { color: hsl(var(--sf-c-txt-darkviolet-20)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:30\:dark, html.auto .sf-c-txt-darkviolet\:30\:dark { color: hsl(var(--sf-c-txt-darkviolet-30)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:40\:dark, html.auto .sf-c-txt-darkviolet\:40\:dark { color: hsl(var(--sf-c-txt-darkviolet-40)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:50\:dark, html.auto .sf-c-txt-darkviolet\:50\:dark { color: hsl(var(--sf-c-txt-darkviolet-50)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:60\:dark, html.auto .sf-c-txt-darkviolet\:60\:dark { color: hsl(var(--sf-c-txt-darkviolet-60)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:70\:dark, html.auto .sf-c-txt-darkviolet\:70\:dark { color: hsl(var(--sf-c-txt-darkviolet-70)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:80\:dark, html.auto .sf-c-txt-darkviolet\:80\:dark { color: hsl(var(--sf-c-txt-darkviolet-80)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:90\:dark, html.auto .sf-c-txt-darkviolet\:90\:dark { color: hsl(var(--sf-c-txt-darkviolet-90)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:100\:dark, html.auto .sf-c-txt-darkviolet\:100\:dark { color: hsl(var(--sf-c-txt-darkviolet-100)) } + html.var[data-theme='auto'] .sf-c-darkviolet, html.var.auto .sf-c-darkviolet { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 59%) } html.var[data-theme='auto'] .sf-c-darkviolet\:0, html.var.auto .sf-c-darkviolet\:0 { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkviolet\:10, html.var.auto .sf-c-darkviolet\:10 { color: hsl(282, 100%, 10%); background: hsl(282, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-darkviolet\:100\:dark, html.var.dark .sf-c-dar html.var[data-theme='auto'] .sf-c-darkviolet\:80\:dark, html.var.auto .sf-c-darkviolet\:80\:dark { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 20%) } html.var[data-theme='auto'] .sf-c-darkviolet\:90\:dark, html.var.auto .sf-c-darkviolet\:90\:dark { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkviolet\:100\:dark, html.var.auto .sf-c-darkviolet\:100\:dark { color: hsl(282, 100%, 90%); background: hsl(282, 100%, 0%) } -} -.sf-c-txt-darkviolet { color: hsl(var(--sf-c-txt-darkviolet)) } -.sf-c-txt-darkviolet\:0 { color: hsl(var(--sf-c-txt-darkviolet-0)) } -.sf-c-txt-darkviolet\:10 { color: hsl(var(--sf-c-txt-darkviolet-10)) } -.sf-c-txt-darkviolet\:20 { color: hsl(var(--sf-c-txt-darkviolet-20)) } -.sf-c-txt-darkviolet\:30 { color: hsl(var(--sf-c-txt-darkviolet-30)) } -.sf-c-txt-darkviolet\:40 { color: hsl(var(--sf-c-txt-darkviolet-40)) } -.sf-c-txt-darkviolet\:50 { color: hsl(var(--sf-c-txt-darkviolet-50)) } -.sf-c-txt-darkviolet\:60 { color: hsl(var(--sf-c-txt-darkviolet-60)) } -.sf-c-txt-darkviolet\:70 { color: hsl(var(--sf-c-txt-darkviolet-70)) } -.sf-c-txt-darkviolet\:80 { color: hsl(var(--sf-c-txt-darkviolet-80)) } -.sf-c-txt-darkviolet\:90 { color: hsl(var(--sf-c-txt-darkviolet-90)) } -.sf-c-txt-darkviolet\:100 { color: hsl(var(--sf-c-txt-darkviolet-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkviolet, html.auto .sf-c-txt-darkviolet { color: hsl(282, 100%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:0, html.auto .sf-c-txt-darkviolet\:0 { color: hsl(282, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:10, html.auto .sf-c-txt-darkviolet\:10 { color: hsl(282, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:20, html.auto .sf-c-txt-darkviolet\:20 { color: hsl(282, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:30, html.auto .sf-c-txt-darkviolet\:30 { color: hsl(282, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:40, html.auto .sf-c-txt-darkviolet\:40 { color: hsl(282, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:50, html.auto .sf-c-txt-darkviolet\:50 { color: hsl(282, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:60, html.auto .sf-c-txt-darkviolet\:60 { color: hsl(282, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:70, html.auto .sf-c-txt-darkviolet\:70 { color: hsl(282, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:80, html.auto .sf-c-txt-darkviolet\:80 { color: hsl(282, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:90, html.auto .sf-c-txt-darkviolet\:90 { color: hsl(282, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:100, html.auto .sf-c-txt-darkviolet\:100 { color: hsl(282, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:dark, html.auto .sf-c-txt-darkviolet\:dark { color: hsl(282, 100%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:0\:dark, html.auto .sf-c-txt-darkviolet\:0\:dark { color: hsl(282, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:10\:dark, html.auto .sf-c-txt-darkviolet\:10\:dark { color: hsl(282, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:20\:dark, html.auto .sf-c-txt-darkviolet\:20\:dark { color: hsl(282, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:30\:dark, html.auto .sf-c-txt-darkviolet\:30\:dark { color: hsl(282, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:40\:dark, html.auto .sf-c-txt-darkviolet\:40\:dark { color: hsl(282, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:50\:dark, html.auto .sf-c-txt-darkviolet\:50\:dark { color: hsl(282, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:60\:dark, html.auto .sf-c-txt-darkviolet\:60\:dark { color: hsl(282, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:70\:dark, html.auto .sf-c-txt-darkviolet\:70\:dark { color: hsl(282, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:80\:dark, html.auto .sf-c-txt-darkviolet\:80\:dark { color: hsl(282, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:90\:dark, html.auto .sf-c-txt-darkviolet\:90\:dark { color: hsl(282, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:100\:dark, html.auto .sf-c-txt-darkviolet\:100\:dark { color: hsl(282, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/deeppink.css b/src/colors/10/deeppink.css index 6064e10..376404f 100644 --- a/src/colors/10/deeppink.css +++ b/src/colors/10/deeppink.css @@ -78,6 +78,32 @@ html.var .sf-c-deeppink\:80 { color: hsl(328, 100%, 10%); background: hsl(328, 1 html.var .sf-c-deeppink\:90 { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 90%) } html.var .sf-c-deeppink\:100 { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 100%) } +.sf-c-txt-deeppink { color: hsl(var(--sf-dark-c-txt-deeppink)) } +.sf-c-txt-deeppink\:0 { color: hsl(var(--sf-dark-c-txt-deeppink-100)) } +.sf-c-txt-deeppink\:10 { color: hsl(var(--sf-dark-c-txt-deeppink-90)) } +.sf-c-txt-deeppink\:20 { color: hsl(var(--sf-dark-c-txt-deeppink-80)) } +.sf-c-txt-deeppink\:30 { color: hsl(var(--sf-dark-c-txt-deeppink-70)) } +.sf-c-txt-deeppink\:40 { color: hsl(var(--sf-dark-c-txt-deeppink-60)) } +.sf-c-txt-deeppink\:50 { color: hsl(var(--sf-dark-c-txt-deeppink-50)) } +.sf-c-txt-deeppink\:60 { color: hsl(var(--sf-dark-c-txt-deeppink-40)) } +.sf-c-txt-deeppink\:70 { color: hsl(var(--sf-dark-c-txt-deeppink-30)) } +.sf-c-txt-deeppink\:80 { color: hsl(var(--sf-dark-c-txt-deeppink-20)) } +.sf-c-txt-deeppink\:90 { color: hsl(var(--sf-dark-c-txt-deeppink-10)) } +.sf-c-txt-deeppink\:100 { color: hsl(var(--sf-dark-c-txt-deeppink-0)) } + +html.var .sf-c-txt-deeppink { color: hsl(328, 100%, 46%) } +html.var .sf-c-txt-deeppink\:0 { color: hsl(328, 100%, 100%) } +html.var .sf-c-txt-deeppink\:10 { color: hsl(328, 100%, 90%) } +html.var .sf-c-txt-deeppink\:20 { color: hsl(328, 100%, 80%) } +html.var .sf-c-txt-deeppink\:30 { color: hsl(328, 100%, 70%) } +html.var .sf-c-txt-deeppink\:40 { color: hsl(328, 100%, 60%) } +html.var .sf-c-txt-deeppink\:50 { color: hsl(328, 100%, 50%) } +html.var .sf-c-txt-deeppink\:60 { color: hsl(328, 100%, 40%) } +html.var .sf-c-txt-deeppink\:70 { color: hsl(328, 100%, 30%) } +html.var .sf-c-txt-deeppink\:80 { color: hsl(328, 100%, 20%) } +html.var .sf-c-txt-deeppink\:90 { color: hsl(328, 100%, 10%) } +html.var .sf-c-txt-deeppink\:100 { color: hsl(328, 100%, 0%) } + html[data-theme='dark'] .sf-c-deeppink, html.dark .sf-c-deeppink { color: hsl(var(--sf-dark-c-txt-deeppink-90)); background: hsl(var(--sf-dark-c-deeppink)) } html[data-theme='dark'] .sf-c-deeppink\:0, html.dark .sf-c-deeppink\:0 { color: hsl(var(--sf-dark-c-txt-deeppink-90)); background: hsl(var(--sf-dark-c-deeppink-100)) } html[data-theme='dark'] .sf-c-deeppink\:10, html.dark .sf-c-deeppink\:10 { color: hsl(var(--sf-dark-c-txt-deeppink-10)); background: hsl(var(--sf-dark-c-deeppink-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-deeppink\:80\:dark, html.dark .sf-c-deeppink\:80\: html[data-theme='dark'] .sf-c-deeppink\:90\:dark, html.dark .sf-c-deeppink\:90\:dark { color: hsl(var(--sf-c-txt-deeppink-90)); background: hsl(var(--sf-c-deeppink-10)) } html[data-theme='dark'] .sf-c-deeppink\:100\:dark, html.dark .sf-c-deeppink\:100\:dark { color: hsl(var(--sf-c-txt-deeppink-90)); background: hsl(var(--sf-c-deeppink-0)) } +html[data-theme='dark'] .sf-c-txt-deeppink, html.dark .sf-c-txt-deeppink { color: hsl(var(--sf-c-txt-deeppink)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:0, html.dark .sf-c-txt-deeppink\:0 { color: hsl(var(--sf-c-txt-deeppink-0)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:10, html.dark .sf-c-txt-deeppink\:10 { color: hsl(var(--sf-c-txt-deeppink-10)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:20, html.dark .sf-c-txt-deeppink\:20 { color: hsl(var(--sf-c-txt-deeppink-20)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:30, html.dark .sf-c-txt-deeppink\:30 { color: hsl(var(--sf-c-txt-deeppink-30)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:40, html.dark .sf-c-txt-deeppink\:40 { color: hsl(var(--sf-c-txt-deeppink-40)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:50, html.dark .sf-c-txt-deeppink\:50 { color: hsl(var(--sf-c-txt-deeppink-50)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:60, html.dark .sf-c-txt-deeppink\:60 { color: hsl(var(--sf-c-txt-deeppink-60)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:70, html.dark .sf-c-txt-deeppink\:70 { color: hsl(var(--sf-c-txt-deeppink-70)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:80, html.dark .sf-c-txt-deeppink\:80 { color: hsl(var(--sf-c-txt-deeppink-80)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:90, html.dark .sf-c-txt-deeppink\:90 { color: hsl(var(--sf-c-txt-deeppink-90)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:100, html.dark .sf-c-txt-deeppink\:100 { color: hsl(var(--sf-c-txt-deeppink-100)) } + +html[data-theme='dark'] .sf-c-txt-deeppink\:dark, html.dark .sf-c-txt-deeppink\:dark { color: hsl(var(--sf-c-txt-deeppink)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:0\:dark, html.dark .sf-c-txt-deeppink\:0\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-0)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:10\:dark, html.dark .sf-c-txt-deeppink\:10\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-10)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:20\:dark, html.dark .sf-c-txt-deeppink\:20\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-20)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:30\:dark, html.dark .sf-c-txt-deeppink\:30\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-30)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:40\:dark, html.dark .sf-c-txt-deeppink\:40\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-40)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:50\:dark, html.dark .sf-c-txt-deeppink\:50\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-50)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:60\:dark, html.dark .sf-c-txt-deeppink\:60\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-60)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:70\:dark, html.dark .sf-c-txt-deeppink\:70\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-70)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:80\:dark, html.dark .sf-c-txt-deeppink\:80\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-80)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:90\:dark, html.dark .sf-c-txt-deeppink\:90\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-90)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:100\:dark, html.dark .sf-c-txt-deeppink\:100\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-100)) } + html.var[data-theme='dark'] .sf-c-deeppink, html.var.dark .sf-c-deeppink { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 46%) } html.var[data-theme='dark'] .sf-c-deeppink\:0, html.var.dark .sf-c-deeppink\:0 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 100%) } html.var[data-theme='dark'] .sf-c-deeppink\:10, html.var.dark .sf-c-deeppink\:10 { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-deeppink\:80\:dark, html.var.dark .sf-c-deeppi html.var[data-theme='dark'] .sf-c-deeppink\:90\:dark, html.var.dark .sf-c-deeppink\:90\:dark { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 10%) } html.var[data-theme='dark'] .sf-c-deeppink\:100\:dark, html.var.dark .sf-c-deeppink\:100\:dark { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink, html.dark .sf-c-txt-deeppink { color: hsl(328, 100%, 54%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:0, html.dark .sf-c-txt-deeppink\:0 { color: hsl(328, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:10, html.dark .sf-c-txt-deeppink\:10 { color: hsl(328, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:20, html.dark .sf-c-txt-deeppink\:20 { color: hsl(328, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:30, html.dark .sf-c-txt-deeppink\:30 { color: hsl(328, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:40, html.dark .sf-c-txt-deeppink\:40 { color: hsl(328, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:50, html.dark .sf-c-txt-deeppink\:50 { color: hsl(328, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:60, html.dark .sf-c-txt-deeppink\:60 { color: hsl(328, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:70, html.dark .sf-c-txt-deeppink\:70 { color: hsl(328, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:80, html.dark .sf-c-txt-deeppink\:80 { color: hsl(328, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:90, html.dark .sf-c-txt-deeppink\:90 { color: hsl(328, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:100, html.dark .sf-c-txt-deeppink\:100 { color: hsl(328, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-deeppink\:dark, html.dark .sf-c-txt-deeppink\:dark { color: hsl(328, 100%, 54%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:0\:dark, html.dark .sf-c-txt-deeppink\:0\:dark { color: hsl(328, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:10\:dark, html.dark .sf-c-txt-deeppink\:10\:dark { color: hsl(328, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:20\:dark, html.dark .sf-c-txt-deeppink\:20\:dark { color: hsl(328, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:30\:dark, html.dark .sf-c-txt-deeppink\:30\:dark { color: hsl(328, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:40\:dark, html.dark .sf-c-txt-deeppink\:40\:dark { color: hsl(328, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:50\:dark, html.dark .sf-c-txt-deeppink\:50\:dark { color: hsl(328, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:60\:dark, html.dark .sf-c-txt-deeppink\:60\:dark { color: hsl(328, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:70\:dark, html.dark .sf-c-txt-deeppink\:70\:dark { color: hsl(328, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:80\:dark, html.dark .sf-c-txt-deeppink\:80\:dark { color: hsl(328, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:90\:dark, html.dark .sf-c-txt-deeppink\:90\:dark { color: hsl(328, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:100\:dark, html.dark .sf-c-txt-deeppink\:100\:dark { color: hsl(328, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-deeppink, html.auto .sf-c-deeppink { color: hsl(var(--sf-dark-c-txt-deeppink-90)); background: hsl(var(--sf-dark-c-deeppink)) } html[data-theme='auto'] .sf-c-deeppink\:0, html.auto .sf-c-deeppink\:0 { color: hsl(var(--sf-dark-c-txt-deeppink-90)); background: hsl(var(--sf-dark-c-deeppink-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-deeppink\:100\:dark, html.var.dark .sf-c-deepp html[data-theme='auto'] .sf-c-deeppink\:90\:dark, html.auto .sf-c-deeppink\:90\:dark { color: hsl(var(--sf-c-txt-deeppink-90)); background: hsl(var(--sf-c-deeppink-10)) } html[data-theme='auto'] .sf-c-deeppink\:100\:dark, html.auto .sf-c-deeppink\:100\:dark { color: hsl(var(--sf-c-txt-deeppink-90)); background: hsl(var(--sf-c-deeppink-0)) } + html[data-theme='auto'] .sf-c-txt-deeppink, html.auto .sf-c-txt-deeppink { color: hsl(var(--sf-c-txt-deeppink)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:0, html.auto .sf-c-txt-deeppink\:0 { color: hsl(var(--sf-c-txt-deeppink-0)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:10, html.auto .sf-c-txt-deeppink\:10 { color: hsl(var(--sf-c-txt-deeppink-10)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:20, html.auto .sf-c-txt-deeppink\:20 { color: hsl(var(--sf-c-txt-deeppink-20)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:30, html.auto .sf-c-txt-deeppink\:30 { color: hsl(var(--sf-c-txt-deeppink-30)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:40, html.auto .sf-c-txt-deeppink\:40 { color: hsl(var(--sf-c-txt-deeppink-40)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:50, html.auto .sf-c-txt-deeppink\:50 { color: hsl(var(--sf-c-txt-deeppink-50)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:60, html.auto .sf-c-txt-deeppink\:60 { color: hsl(var(--sf-c-txt-deeppink-60)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:70, html.auto .sf-c-txt-deeppink\:70 { color: hsl(var(--sf-c-txt-deeppink-70)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:80, html.auto .sf-c-txt-deeppink\:80 { color: hsl(var(--sf-c-txt-deeppink-80)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:90, html.auto .sf-c-txt-deeppink\:90 { color: hsl(var(--sf-c-txt-deeppink-90)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:100, html.auto .sf-c-txt-deeppink\:100 { color: hsl(var(--sf-c-txt-deeppink-100)) } + + html[data-theme='auto'] .sf-c-txt-deeppink\:dark, html.auto .sf-c-txt-deeppink\:dark { color: hsl(var(--sf-c-txt-deeppink)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:0\:dark, html.auto .sf-c-txt-deeppink\:0\:dark { color: hsl(var(--sf-c-txt-deeppink-0)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:10\:dark, html.auto .sf-c-txt-deeppink\:10\:dark { color: hsl(var(--sf-c-txt-deeppink-10)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:20\:dark, html.auto .sf-c-txt-deeppink\:20\:dark { color: hsl(var(--sf-c-txt-deeppink-20)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:30\:dark, html.auto .sf-c-txt-deeppink\:30\:dark { color: hsl(var(--sf-c-txt-deeppink-30)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:40\:dark, html.auto .sf-c-txt-deeppink\:40\:dark { color: hsl(var(--sf-c-txt-deeppink-40)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:50\:dark, html.auto .sf-c-txt-deeppink\:50\:dark { color: hsl(var(--sf-c-txt-deeppink-50)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:60\:dark, html.auto .sf-c-txt-deeppink\:60\:dark { color: hsl(var(--sf-c-txt-deeppink-60)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:70\:dark, html.auto .sf-c-txt-deeppink\:70\:dark { color: hsl(var(--sf-c-txt-deeppink-70)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:80\:dark, html.auto .sf-c-txt-deeppink\:80\:dark { color: hsl(var(--sf-c-txt-deeppink-80)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:90\:dark, html.auto .sf-c-txt-deeppink\:90\:dark { color: hsl(var(--sf-c-txt-deeppink-90)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:100\:dark, html.auto .sf-c-txt-deeppink\:100\:dark { color: hsl(var(--sf-c-txt-deeppink-100)) } + html.var[data-theme='auto'] .sf-c-deeppink, html.var.auto .sf-c-deeppink { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 46%) } html.var[data-theme='auto'] .sf-c-deeppink\:0, html.var.auto .sf-c-deeppink\:0 { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 100%) } html.var[data-theme='auto'] .sf-c-deeppink\:10, html.var.auto .sf-c-deeppink\:10 { color: hsl(328, 100%, 10%); background: hsl(328, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-deeppink\:100\:dark, html.var.dark .sf-c-deepp html.var[data-theme='auto'] .sf-c-deeppink\:80\:dark, html.var.auto .sf-c-deeppink\:80\:dark { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 20%) } html.var[data-theme='auto'] .sf-c-deeppink\:90\:dark, html.var.auto .sf-c-deeppink\:90\:dark { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 10%) } html.var[data-theme='auto'] .sf-c-deeppink\:100\:dark, html.var.auto .sf-c-deeppink\:100\:dark { color: hsl(328, 100%, 90%); background: hsl(328, 100%, 0%) } -} -.sf-c-txt-deeppink { color: hsl(var(--sf-c-txt-deeppink)) } -.sf-c-txt-deeppink\:0 { color: hsl(var(--sf-c-txt-deeppink-0)) } -.sf-c-txt-deeppink\:10 { color: hsl(var(--sf-c-txt-deeppink-10)) } -.sf-c-txt-deeppink\:20 { color: hsl(var(--sf-c-txt-deeppink-20)) } -.sf-c-txt-deeppink\:30 { color: hsl(var(--sf-c-txt-deeppink-30)) } -.sf-c-txt-deeppink\:40 { color: hsl(var(--sf-c-txt-deeppink-40)) } -.sf-c-txt-deeppink\:50 { color: hsl(var(--sf-c-txt-deeppink-50)) } -.sf-c-txt-deeppink\:60 { color: hsl(var(--sf-c-txt-deeppink-60)) } -.sf-c-txt-deeppink\:70 { color: hsl(var(--sf-c-txt-deeppink-70)) } -.sf-c-txt-deeppink\:80 { color: hsl(var(--sf-c-txt-deeppink-80)) } -.sf-c-txt-deeppink\:90 { color: hsl(var(--sf-c-txt-deeppink-90)) } -.sf-c-txt-deeppink\:100 { color: hsl(var(--sf-c-txt-deeppink-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-deeppink, html.auto .sf-c-txt-deeppink { color: hsl(328, 100%, 54%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:0, html.auto .sf-c-txt-deeppink\:0 { color: hsl(328, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:10, html.auto .sf-c-txt-deeppink\:10 { color: hsl(328, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:20, html.auto .sf-c-txt-deeppink\:20 { color: hsl(328, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:30, html.auto .sf-c-txt-deeppink\:30 { color: hsl(328, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:40, html.auto .sf-c-txt-deeppink\:40 { color: hsl(328, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:50, html.auto .sf-c-txt-deeppink\:50 { color: hsl(328, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:60, html.auto .sf-c-txt-deeppink\:60 { color: hsl(328, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:70, html.auto .sf-c-txt-deeppink\:70 { color: hsl(328, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:80, html.auto .sf-c-txt-deeppink\:80 { color: hsl(328, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:90, html.auto .sf-c-txt-deeppink\:90 { color: hsl(328, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:100, html.auto .sf-c-txt-deeppink\:100 { color: hsl(328, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-deeppink\:dark, html.auto .sf-c-txt-deeppink\:dark { color: hsl(328, 100%, 54%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:0\:dark, html.auto .sf-c-txt-deeppink\:0\:dark { color: hsl(328, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:10\:dark, html.auto .sf-c-txt-deeppink\:10\:dark { color: hsl(328, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:20\:dark, html.auto .sf-c-txt-deeppink\:20\:dark { color: hsl(328, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:30\:dark, html.auto .sf-c-txt-deeppink\:30\:dark { color: hsl(328, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:40\:dark, html.auto .sf-c-txt-deeppink\:40\:dark { color: hsl(328, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:50\:dark, html.auto .sf-c-txt-deeppink\:50\:dark { color: hsl(328, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:60\:dark, html.auto .sf-c-txt-deeppink\:60\:dark { color: hsl(328, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:70\:dark, html.auto .sf-c-txt-deeppink\:70\:dark { color: hsl(328, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:80\:dark, html.auto .sf-c-txt-deeppink\:80\:dark { color: hsl(328, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:90\:dark, html.auto .sf-c-txt-deeppink\:90\:dark { color: hsl(328, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:100\:dark, html.auto .sf-c-txt-deeppink\:100\:dark { color: hsl(328, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/deepskyblue.css b/src/colors/10/deepskyblue.css index c778517..ede7fb9 100644 --- a/src/colors/10/deepskyblue.css +++ b/src/colors/10/deepskyblue.css @@ -78,6 +78,32 @@ html.var .sf-c-deepskyblue\:80 { color: hsl(195, 100%, 10%); background: hsl(195 html.var .sf-c-deepskyblue\:90 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 90%) } html.var .sf-c-deepskyblue\:100 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 100%) } +.sf-c-txt-deepskyblue { color: hsl(var(--sf-dark-c-txt-deepskyblue)) } +.sf-c-txt-deepskyblue\:0 { color: hsl(var(--sf-dark-c-txt-deepskyblue-100)) } +.sf-c-txt-deepskyblue\:10 { color: hsl(var(--sf-dark-c-txt-deepskyblue-90)) } +.sf-c-txt-deepskyblue\:20 { color: hsl(var(--sf-dark-c-txt-deepskyblue-80)) } +.sf-c-txt-deepskyblue\:30 { color: hsl(var(--sf-dark-c-txt-deepskyblue-70)) } +.sf-c-txt-deepskyblue\:40 { color: hsl(var(--sf-dark-c-txt-deepskyblue-60)) } +.sf-c-txt-deepskyblue\:50 { color: hsl(var(--sf-dark-c-txt-deepskyblue-50)) } +.sf-c-txt-deepskyblue\:60 { color: hsl(var(--sf-dark-c-txt-deepskyblue-40)) } +.sf-c-txt-deepskyblue\:70 { color: hsl(var(--sf-dark-c-txt-deepskyblue-30)) } +.sf-c-txt-deepskyblue\:80 { color: hsl(var(--sf-dark-c-txt-deepskyblue-20)) } +.sf-c-txt-deepskyblue\:90 { color: hsl(var(--sf-dark-c-txt-deepskyblue-10)) } +.sf-c-txt-deepskyblue\:100 { color: hsl(var(--sf-dark-c-txt-deepskyblue-0)) } + +html.var .sf-c-txt-deepskyblue { color: hsl(195, 100%, 50%) } +html.var .sf-c-txt-deepskyblue\:0 { color: hsl(195, 100%, 100%) } +html.var .sf-c-txt-deepskyblue\:10 { color: hsl(195, 100%, 90%) } +html.var .sf-c-txt-deepskyblue\:20 { color: hsl(195, 100%, 80%) } +html.var .sf-c-txt-deepskyblue\:30 { color: hsl(195, 100%, 70%) } +html.var .sf-c-txt-deepskyblue\:40 { color: hsl(195, 100%, 60%) } +html.var .sf-c-txt-deepskyblue\:50 { color: hsl(195, 100%, 50%) } +html.var .sf-c-txt-deepskyblue\:60 { color: hsl(195, 100%, 40%) } +html.var .sf-c-txt-deepskyblue\:70 { color: hsl(195, 100%, 30%) } +html.var .sf-c-txt-deepskyblue\:80 { color: hsl(195, 100%, 20%) } +html.var .sf-c-txt-deepskyblue\:90 { color: hsl(195, 100%, 10%) } +html.var .sf-c-txt-deepskyblue\:100 { color: hsl(195, 100%, 0%) } + html[data-theme='dark'] .sf-c-deepskyblue, html.dark .sf-c-deepskyblue { color: hsl(var(--sf-dark-c-txt-deepskyblue-10)); background: hsl(var(--sf-dark-c-deepskyblue)) } html[data-theme='dark'] .sf-c-deepskyblue\:0, html.dark .sf-c-deepskyblue\:0 { color: hsl(var(--sf-dark-c-txt-deepskyblue-90)); background: hsl(var(--sf-dark-c-deepskyblue-100)) } html[data-theme='dark'] .sf-c-deepskyblue\:10, html.dark .sf-c-deepskyblue\:10 { color: hsl(var(--sf-dark-c-txt-deepskyblue-10)); background: hsl(var(--sf-dark-c-deepskyblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-deepskyblue\:80\:dark, html.dark .sf-c-deepskyblue html[data-theme='dark'] .sf-c-deepskyblue\:90\:dark, html.dark .sf-c-deepskyblue\:90\:dark { color: hsl(var(--sf-c-txt-deepskyblue-90)); background: hsl(var(--sf-c-deepskyblue-10)) } html[data-theme='dark'] .sf-c-deepskyblue\:100\:dark, html.dark .sf-c-deepskyblue\:100\:dark { color: hsl(var(--sf-c-txt-deepskyblue-90)); background: hsl(var(--sf-c-deepskyblue-0)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue, html.dark .sf-c-txt-deepskyblue { color: hsl(var(--sf-c-txt-deepskyblue)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:0, html.dark .sf-c-txt-deepskyblue\:0 { color: hsl(var(--sf-c-txt-deepskyblue-0)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:10, html.dark .sf-c-txt-deepskyblue\:10 { color: hsl(var(--sf-c-txt-deepskyblue-10)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:20, html.dark .sf-c-txt-deepskyblue\:20 { color: hsl(var(--sf-c-txt-deepskyblue-20)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:30, html.dark .sf-c-txt-deepskyblue\:30 { color: hsl(var(--sf-c-txt-deepskyblue-30)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:40, html.dark .sf-c-txt-deepskyblue\:40 { color: hsl(var(--sf-c-txt-deepskyblue-40)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:50, html.dark .sf-c-txt-deepskyblue\:50 { color: hsl(var(--sf-c-txt-deepskyblue-50)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:60, html.dark .sf-c-txt-deepskyblue\:60 { color: hsl(var(--sf-c-txt-deepskyblue-60)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:70, html.dark .sf-c-txt-deepskyblue\:70 { color: hsl(var(--sf-c-txt-deepskyblue-70)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:80, html.dark .sf-c-txt-deepskyblue\:80 { color: hsl(var(--sf-c-txt-deepskyblue-80)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:90, html.dark .sf-c-txt-deepskyblue\:90 { color: hsl(var(--sf-c-txt-deepskyblue-90)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:100, html.dark .sf-c-txt-deepskyblue\:100 { color: hsl(var(--sf-c-txt-deepskyblue-100)) } + +html[data-theme='dark'] .sf-c-txt-deepskyblue\:dark, html.dark .sf-c-txt-deepskyblue\:dark { color: hsl(var(--sf-c-txt-deepskyblue)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:0\:dark, html.dark .sf-c-txt-deepskyblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-0)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:10\:dark, html.dark .sf-c-txt-deepskyblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-10)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:20\:dark, html.dark .sf-c-txt-deepskyblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-20)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:30\:dark, html.dark .sf-c-txt-deepskyblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-30)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:40\:dark, html.dark .sf-c-txt-deepskyblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-40)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:50\:dark, html.dark .sf-c-txt-deepskyblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-50)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:60\:dark, html.dark .sf-c-txt-deepskyblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-60)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:70\:dark, html.dark .sf-c-txt-deepskyblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-70)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:80\:dark, html.dark .sf-c-txt-deepskyblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-80)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:90\:dark, html.dark .sf-c-txt-deepskyblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-90)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:100\:dark, html.dark .sf-c-txt-deepskyblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-100)) } + html.var[data-theme='dark'] .sf-c-deepskyblue, html.var.dark .sf-c-deepskyblue { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 50%) } html.var[data-theme='dark'] .sf-c-deepskyblue\:0, html.var.dark .sf-c-deepskyblue\:0 { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 100%) } html.var[data-theme='dark'] .sf-c-deepskyblue\:10, html.var.dark .sf-c-deepskyblue\:10 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-deepskyblue\:80\:dark, html.var.dark .sf-c-dee html.var[data-theme='dark'] .sf-c-deepskyblue\:90\:dark, html.var.dark .sf-c-deepskyblue\:90\:dark { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 10%) } html.var[data-theme='dark'] .sf-c-deepskyblue\:100\:dark, html.var.dark .sf-c-deepskyblue\:100\:dark { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue, html.dark .sf-c-txt-deepskyblue { color: hsl(195, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:0, html.dark .sf-c-txt-deepskyblue\:0 { color: hsl(195, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:10, html.dark .sf-c-txt-deepskyblue\:10 { color: hsl(195, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:20, html.dark .sf-c-txt-deepskyblue\:20 { color: hsl(195, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:30, html.dark .sf-c-txt-deepskyblue\:30 { color: hsl(195, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:40, html.dark .sf-c-txt-deepskyblue\:40 { color: hsl(195, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:50, html.dark .sf-c-txt-deepskyblue\:50 { color: hsl(195, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:60, html.dark .sf-c-txt-deepskyblue\:60 { color: hsl(195, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:70, html.dark .sf-c-txt-deepskyblue\:70 { color: hsl(195, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:80, html.dark .sf-c-txt-deepskyblue\:80 { color: hsl(195, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:90, html.dark .sf-c-txt-deepskyblue\:90 { color: hsl(195, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:100, html.dark .sf-c-txt-deepskyblue\:100 { color: hsl(195, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:dark, html.dark .sf-c-txt-deepskyblue\:dark { color: hsl(195, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:0\:dark, html.dark .sf-c-txt-deepskyblue\:0\:dark { color: hsl(195, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:10\:dark, html.dark .sf-c-txt-deepskyblue\:10\:dark { color: hsl(195, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:20\:dark, html.dark .sf-c-txt-deepskyblue\:20\:dark { color: hsl(195, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:30\:dark, html.dark .sf-c-txt-deepskyblue\:30\:dark { color: hsl(195, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:40\:dark, html.dark .sf-c-txt-deepskyblue\:40\:dark { color: hsl(195, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:50\:dark, html.dark .sf-c-txt-deepskyblue\:50\:dark { color: hsl(195, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:60\:dark, html.dark .sf-c-txt-deepskyblue\:60\:dark { color: hsl(195, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:70\:dark, html.dark .sf-c-txt-deepskyblue\:70\:dark { color: hsl(195, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:80\:dark, html.dark .sf-c-txt-deepskyblue\:80\:dark { color: hsl(195, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:90\:dark, html.dark .sf-c-txt-deepskyblue\:90\:dark { color: hsl(195, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:100\:dark, html.dark .sf-c-txt-deepskyblue\:100\:dark { color: hsl(195, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-deepskyblue, html.auto .sf-c-deepskyblue { color: hsl(var(--sf-dark-c-txt-deepskyblue-10)); background: hsl(var(--sf-dark-c-deepskyblue)) } html[data-theme='auto'] .sf-c-deepskyblue\:0, html.auto .sf-c-deepskyblue\:0 { color: hsl(var(--sf-dark-c-txt-deepskyblue-90)); background: hsl(var(--sf-dark-c-deepskyblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-deepskyblue\:100\:dark, html.var.dark .sf-c-de html[data-theme='auto'] .sf-c-deepskyblue\:90\:dark, html.auto .sf-c-deepskyblue\:90\:dark { color: hsl(var(--sf-c-txt-deepskyblue-90)); background: hsl(var(--sf-c-deepskyblue-10)) } html[data-theme='auto'] .sf-c-deepskyblue\:100\:dark, html.auto .sf-c-deepskyblue\:100\:dark { color: hsl(var(--sf-c-txt-deepskyblue-90)); background: hsl(var(--sf-c-deepskyblue-0)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue, html.auto .sf-c-txt-deepskyblue { color: hsl(var(--sf-c-txt-deepskyblue)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:0, html.auto .sf-c-txt-deepskyblue\:0 { color: hsl(var(--sf-c-txt-deepskyblue-0)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:10, html.auto .sf-c-txt-deepskyblue\:10 { color: hsl(var(--sf-c-txt-deepskyblue-10)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:20, html.auto .sf-c-txt-deepskyblue\:20 { color: hsl(var(--sf-c-txt-deepskyblue-20)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:30, html.auto .sf-c-txt-deepskyblue\:30 { color: hsl(var(--sf-c-txt-deepskyblue-30)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:40, html.auto .sf-c-txt-deepskyblue\:40 { color: hsl(var(--sf-c-txt-deepskyblue-40)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:50, html.auto .sf-c-txt-deepskyblue\:50 { color: hsl(var(--sf-c-txt-deepskyblue-50)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:60, html.auto .sf-c-txt-deepskyblue\:60 { color: hsl(var(--sf-c-txt-deepskyblue-60)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:70, html.auto .sf-c-txt-deepskyblue\:70 { color: hsl(var(--sf-c-txt-deepskyblue-70)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:80, html.auto .sf-c-txt-deepskyblue\:80 { color: hsl(var(--sf-c-txt-deepskyblue-80)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:90, html.auto .sf-c-txt-deepskyblue\:90 { color: hsl(var(--sf-c-txt-deepskyblue-90)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:100, html.auto .sf-c-txt-deepskyblue\:100 { color: hsl(var(--sf-c-txt-deepskyblue-100)) } + + html[data-theme='auto'] .sf-c-txt-deepskyblue\:dark, html.auto .sf-c-txt-deepskyblue\:dark { color: hsl(var(--sf-c-txt-deepskyblue)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:0\:dark, html.auto .sf-c-txt-deepskyblue\:0\:dark { color: hsl(var(--sf-c-txt-deepskyblue-0)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:10\:dark, html.auto .sf-c-txt-deepskyblue\:10\:dark { color: hsl(var(--sf-c-txt-deepskyblue-10)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:20\:dark, html.auto .sf-c-txt-deepskyblue\:20\:dark { color: hsl(var(--sf-c-txt-deepskyblue-20)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:30\:dark, html.auto .sf-c-txt-deepskyblue\:30\:dark { color: hsl(var(--sf-c-txt-deepskyblue-30)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:40\:dark, html.auto .sf-c-txt-deepskyblue\:40\:dark { color: hsl(var(--sf-c-txt-deepskyblue-40)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:50\:dark, html.auto .sf-c-txt-deepskyblue\:50\:dark { color: hsl(var(--sf-c-txt-deepskyblue-50)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:60\:dark, html.auto .sf-c-txt-deepskyblue\:60\:dark { color: hsl(var(--sf-c-txt-deepskyblue-60)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:70\:dark, html.auto .sf-c-txt-deepskyblue\:70\:dark { color: hsl(var(--sf-c-txt-deepskyblue-70)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:80\:dark, html.auto .sf-c-txt-deepskyblue\:80\:dark { color: hsl(var(--sf-c-txt-deepskyblue-80)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:90\:dark, html.auto .sf-c-txt-deepskyblue\:90\:dark { color: hsl(var(--sf-c-txt-deepskyblue-90)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:100\:dark, html.auto .sf-c-txt-deepskyblue\:100\:dark { color: hsl(var(--sf-c-txt-deepskyblue-100)) } + html.var[data-theme='auto'] .sf-c-deepskyblue, html.var.auto .sf-c-deepskyblue { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 50%) } html.var[data-theme='auto'] .sf-c-deepskyblue\:0, html.var.auto .sf-c-deepskyblue\:0 { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 100%) } html.var[data-theme='auto'] .sf-c-deepskyblue\:10, html.var.auto .sf-c-deepskyblue\:10 { color: hsl(195, 100%, 10%); background: hsl(195, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-deepskyblue\:100\:dark, html.var.dark .sf-c-de html.var[data-theme='auto'] .sf-c-deepskyblue\:80\:dark, html.var.auto .sf-c-deepskyblue\:80\:dark { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 20%) } html.var[data-theme='auto'] .sf-c-deepskyblue\:90\:dark, html.var.auto .sf-c-deepskyblue\:90\:dark { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 10%) } html.var[data-theme='auto'] .sf-c-deepskyblue\:100\:dark, html.var.auto .sf-c-deepskyblue\:100\:dark { color: hsl(195, 100%, 90%); background: hsl(195, 100%, 0%) } -} -.sf-c-txt-deepskyblue { color: hsl(var(--sf-c-txt-deepskyblue)) } -.sf-c-txt-deepskyblue\:0 { color: hsl(var(--sf-c-txt-deepskyblue-0)) } -.sf-c-txt-deepskyblue\:10 { color: hsl(var(--sf-c-txt-deepskyblue-10)) } -.sf-c-txt-deepskyblue\:20 { color: hsl(var(--sf-c-txt-deepskyblue-20)) } -.sf-c-txt-deepskyblue\:30 { color: hsl(var(--sf-c-txt-deepskyblue-30)) } -.sf-c-txt-deepskyblue\:40 { color: hsl(var(--sf-c-txt-deepskyblue-40)) } -.sf-c-txt-deepskyblue\:50 { color: hsl(var(--sf-c-txt-deepskyblue-50)) } -.sf-c-txt-deepskyblue\:60 { color: hsl(var(--sf-c-txt-deepskyblue-60)) } -.sf-c-txt-deepskyblue\:70 { color: hsl(var(--sf-c-txt-deepskyblue-70)) } -.sf-c-txt-deepskyblue\:80 { color: hsl(var(--sf-c-txt-deepskyblue-80)) } -.sf-c-txt-deepskyblue\:90 { color: hsl(var(--sf-c-txt-deepskyblue-90)) } -.sf-c-txt-deepskyblue\:100 { color: hsl(var(--sf-c-txt-deepskyblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-deepskyblue, html.auto .sf-c-txt-deepskyblue { color: hsl(195, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:0, html.auto .sf-c-txt-deepskyblue\:0 { color: hsl(195, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:10, html.auto .sf-c-txt-deepskyblue\:10 { color: hsl(195, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:20, html.auto .sf-c-txt-deepskyblue\:20 { color: hsl(195, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:30, html.auto .sf-c-txt-deepskyblue\:30 { color: hsl(195, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:40, html.auto .sf-c-txt-deepskyblue\:40 { color: hsl(195, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:50, html.auto .sf-c-txt-deepskyblue\:50 { color: hsl(195, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:60, html.auto .sf-c-txt-deepskyblue\:60 { color: hsl(195, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:70, html.auto .sf-c-txt-deepskyblue\:70 { color: hsl(195, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:80, html.auto .sf-c-txt-deepskyblue\:80 { color: hsl(195, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:90, html.auto .sf-c-txt-deepskyblue\:90 { color: hsl(195, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:100, html.auto .sf-c-txt-deepskyblue\:100 { color: hsl(195, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:dark, html.auto .sf-c-txt-deepskyblue\:dark { color: hsl(195, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:0\:dark, html.auto .sf-c-txt-deepskyblue\:0\:dark { color: hsl(195, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:10\:dark, html.auto .sf-c-txt-deepskyblue\:10\:dark { color: hsl(195, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:20\:dark, html.auto .sf-c-txt-deepskyblue\:20\:dark { color: hsl(195, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:30\:dark, html.auto .sf-c-txt-deepskyblue\:30\:dark { color: hsl(195, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:40\:dark, html.auto .sf-c-txt-deepskyblue\:40\:dark { color: hsl(195, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:50\:dark, html.auto .sf-c-txt-deepskyblue\:50\:dark { color: hsl(195, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:60\:dark, html.auto .sf-c-txt-deepskyblue\:60\:dark { color: hsl(195, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:70\:dark, html.auto .sf-c-txt-deepskyblue\:70\:dark { color: hsl(195, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:80\:dark, html.auto .sf-c-txt-deepskyblue\:80\:dark { color: hsl(195, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:90\:dark, html.auto .sf-c-txt-deepskyblue\:90\:dark { color: hsl(195, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:100\:dark, html.auto .sf-c-txt-deepskyblue\:100\:dark { color: hsl(195, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/dimgray.css b/src/colors/10/dimgray.css index ecc4a99..2257235 100644 --- a/src/colors/10/dimgray.css +++ b/src/colors/10/dimgray.css @@ -78,6 +78,32 @@ html.var .sf-c-dimgray\:80 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) html.var .sf-c-dimgray\:90 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } html.var .sf-c-dimgray\:100 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } +.sf-c-txt-dimgray { color: hsl(var(--sf-dark-c-txt-dimgray)) } +.sf-c-txt-dimgray\:0 { color: hsl(var(--sf-dark-c-txt-dimgray-100)) } +.sf-c-txt-dimgray\:10 { color: hsl(var(--sf-dark-c-txt-dimgray-90)) } +.sf-c-txt-dimgray\:20 { color: hsl(var(--sf-dark-c-txt-dimgray-80)) } +.sf-c-txt-dimgray\:30 { color: hsl(var(--sf-dark-c-txt-dimgray-70)) } +.sf-c-txt-dimgray\:40 { color: hsl(var(--sf-dark-c-txt-dimgray-60)) } +.sf-c-txt-dimgray\:50 { color: hsl(var(--sf-dark-c-txt-dimgray-50)) } +.sf-c-txt-dimgray\:60 { color: hsl(var(--sf-dark-c-txt-dimgray-40)) } +.sf-c-txt-dimgray\:70 { color: hsl(var(--sf-dark-c-txt-dimgray-30)) } +.sf-c-txt-dimgray\:80 { color: hsl(var(--sf-dark-c-txt-dimgray-20)) } +.sf-c-txt-dimgray\:90 { color: hsl(var(--sf-dark-c-txt-dimgray-10)) } +.sf-c-txt-dimgray\:100 { color: hsl(var(--sf-dark-c-txt-dimgray-0)) } + +html.var .sf-c-txt-dimgray { color: hsl(0, 0%, 59%) } +html.var .sf-c-txt-dimgray\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-dimgray\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-dimgray\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-dimgray\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-dimgray\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-dimgray\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-dimgray\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-dimgray\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-dimgray\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-dimgray\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-dimgray\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-dimgray, html.dark .sf-c-dimgray { color: hsl(var(--sf-dark-c-txt-dimgray-10)); background: hsl(var(--sf-dark-c-dimgray)) } html[data-theme='dark'] .sf-c-dimgray\:0, html.dark .sf-c-dimgray\:0 { color: hsl(var(--sf-dark-c-txt-dimgray-90)); background: hsl(var(--sf-dark-c-dimgray-100)) } html[data-theme='dark'] .sf-c-dimgray\:10, html.dark .sf-c-dimgray\:10 { color: hsl(var(--sf-dark-c-txt-dimgray-10)); background: hsl(var(--sf-dark-c-dimgray-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-dimgray\:80\:dark, html.dark .sf-c-dimgray\:80\:da html[data-theme='dark'] .sf-c-dimgray\:90\:dark, html.dark .sf-c-dimgray\:90\:dark { color: hsl(var(--sf-c-txt-dimgray-90)); background: hsl(var(--sf-c-dimgray-10)) } html[data-theme='dark'] .sf-c-dimgray\:100\:dark, html.dark .sf-c-dimgray\:100\:dark { color: hsl(var(--sf-c-txt-dimgray-90)); background: hsl(var(--sf-c-dimgray-0)) } +html[data-theme='dark'] .sf-c-txt-dimgray, html.dark .sf-c-txt-dimgray { color: hsl(var(--sf-c-txt-dimgray)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:0, html.dark .sf-c-txt-dimgray\:0 { color: hsl(var(--sf-c-txt-dimgray-0)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:10, html.dark .sf-c-txt-dimgray\:10 { color: hsl(var(--sf-c-txt-dimgray-10)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:20, html.dark .sf-c-txt-dimgray\:20 { color: hsl(var(--sf-c-txt-dimgray-20)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:30, html.dark .sf-c-txt-dimgray\:30 { color: hsl(var(--sf-c-txt-dimgray-30)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:40, html.dark .sf-c-txt-dimgray\:40 { color: hsl(var(--sf-c-txt-dimgray-40)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:50, html.dark .sf-c-txt-dimgray\:50 { color: hsl(var(--sf-c-txt-dimgray-50)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:60, html.dark .sf-c-txt-dimgray\:60 { color: hsl(var(--sf-c-txt-dimgray-60)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:70, html.dark .sf-c-txt-dimgray\:70 { color: hsl(var(--sf-c-txt-dimgray-70)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:80, html.dark .sf-c-txt-dimgray\:80 { color: hsl(var(--sf-c-txt-dimgray-80)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:90, html.dark .sf-c-txt-dimgray\:90 { color: hsl(var(--sf-c-txt-dimgray-90)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:100, html.dark .sf-c-txt-dimgray\:100 { color: hsl(var(--sf-c-txt-dimgray-100)) } + +html[data-theme='dark'] .sf-c-txt-dimgray\:dark, html.dark .sf-c-txt-dimgray\:dark { color: hsl(var(--sf-c-txt-dimgray)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:0\:dark, html.dark .sf-c-txt-dimgray\:0\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-0)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:10\:dark, html.dark .sf-c-txt-dimgray\:10\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-10)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:20\:dark, html.dark .sf-c-txt-dimgray\:20\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-20)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:30\:dark, html.dark .sf-c-txt-dimgray\:30\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-30)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:40\:dark, html.dark .sf-c-txt-dimgray\:40\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-40)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:50\:dark, html.dark .sf-c-txt-dimgray\:50\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-50)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:60\:dark, html.dark .sf-c-txt-dimgray\:60\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-60)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:70\:dark, html.dark .sf-c-txt-dimgray\:70\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-70)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:80\:dark, html.dark .sf-c-txt-dimgray\:80\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-80)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:90\:dark, html.dark .sf-c-txt-dimgray\:90\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-90)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:100\:dark, html.dark .sf-c-txt-dimgray\:100\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-100)) } + html.var[data-theme='dark'] .sf-c-dimgray, html.var.dark .sf-c-dimgray { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 59%) } html.var[data-theme='dark'] .sf-c-dimgray\:0, html.var.dark .sf-c-dimgray\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-dimgray\:10, html.var.dark .sf-c-dimgray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-dimgray\:80\:dark, html.var.dark .sf-c-dimgray html.var[data-theme='dark'] .sf-c-dimgray\:90\:dark, html.var.dark .sf-c-dimgray\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='dark'] .sf-c-dimgray\:100\:dark, html.var.dark .sf-c-dimgray\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray, html.dark .sf-c-txt-dimgray { color: hsl(0, 0%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:0, html.dark .sf-c-txt-dimgray\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:10, html.dark .sf-c-txt-dimgray\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:20, html.dark .sf-c-txt-dimgray\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:30, html.dark .sf-c-txt-dimgray\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:40, html.dark .sf-c-txt-dimgray\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:50, html.dark .sf-c-txt-dimgray\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:60, html.dark .sf-c-txt-dimgray\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:70, html.dark .sf-c-txt-dimgray\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:80, html.dark .sf-c-txt-dimgray\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:90, html.dark .sf-c-txt-dimgray\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:100, html.dark .sf-c-txt-dimgray\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-dimgray\:dark, html.dark .sf-c-txt-dimgray\:dark { color: hsl(0, 0%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:0\:dark, html.dark .sf-c-txt-dimgray\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:10\:dark, html.dark .sf-c-txt-dimgray\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:20\:dark, html.dark .sf-c-txt-dimgray\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:30\:dark, html.dark .sf-c-txt-dimgray\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:40\:dark, html.dark .sf-c-txt-dimgray\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:50\:dark, html.dark .sf-c-txt-dimgray\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:60\:dark, html.dark .sf-c-txt-dimgray\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:70\:dark, html.dark .sf-c-txt-dimgray\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:80\:dark, html.dark .sf-c-txt-dimgray\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:90\:dark, html.dark .sf-c-txt-dimgray\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:100\:dark, html.dark .sf-c-txt-dimgray\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-dimgray, html.auto .sf-c-dimgray { color: hsl(var(--sf-dark-c-txt-dimgray-10)); background: hsl(var(--sf-dark-c-dimgray)) } html[data-theme='auto'] .sf-c-dimgray\:0, html.auto .sf-c-dimgray\:0 { color: hsl(var(--sf-dark-c-txt-dimgray-90)); background: hsl(var(--sf-dark-c-dimgray-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-dimgray\:100\:dark, html.var.dark .sf-c-dimgra html[data-theme='auto'] .sf-c-dimgray\:90\:dark, html.auto .sf-c-dimgray\:90\:dark { color: hsl(var(--sf-c-txt-dimgray-90)); background: hsl(var(--sf-c-dimgray-10)) } html[data-theme='auto'] .sf-c-dimgray\:100\:dark, html.auto .sf-c-dimgray\:100\:dark { color: hsl(var(--sf-c-txt-dimgray-90)); background: hsl(var(--sf-c-dimgray-0)) } + html[data-theme='auto'] .sf-c-txt-dimgray, html.auto .sf-c-txt-dimgray { color: hsl(var(--sf-c-txt-dimgray)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:0, html.auto .sf-c-txt-dimgray\:0 { color: hsl(var(--sf-c-txt-dimgray-0)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:10, html.auto .sf-c-txt-dimgray\:10 { color: hsl(var(--sf-c-txt-dimgray-10)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:20, html.auto .sf-c-txt-dimgray\:20 { color: hsl(var(--sf-c-txt-dimgray-20)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:30, html.auto .sf-c-txt-dimgray\:30 { color: hsl(var(--sf-c-txt-dimgray-30)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:40, html.auto .sf-c-txt-dimgray\:40 { color: hsl(var(--sf-c-txt-dimgray-40)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:50, html.auto .sf-c-txt-dimgray\:50 { color: hsl(var(--sf-c-txt-dimgray-50)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:60, html.auto .sf-c-txt-dimgray\:60 { color: hsl(var(--sf-c-txt-dimgray-60)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:70, html.auto .sf-c-txt-dimgray\:70 { color: hsl(var(--sf-c-txt-dimgray-70)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:80, html.auto .sf-c-txt-dimgray\:80 { color: hsl(var(--sf-c-txt-dimgray-80)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:90, html.auto .sf-c-txt-dimgray\:90 { color: hsl(var(--sf-c-txt-dimgray-90)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:100, html.auto .sf-c-txt-dimgray\:100 { color: hsl(var(--sf-c-txt-dimgray-100)) } + + html[data-theme='auto'] .sf-c-txt-dimgray\:dark, html.auto .sf-c-txt-dimgray\:dark { color: hsl(var(--sf-c-txt-dimgray)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:0\:dark, html.auto .sf-c-txt-dimgray\:0\:dark { color: hsl(var(--sf-c-txt-dimgray-0)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:10\:dark, html.auto .sf-c-txt-dimgray\:10\:dark { color: hsl(var(--sf-c-txt-dimgray-10)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:20\:dark, html.auto .sf-c-txt-dimgray\:20\:dark { color: hsl(var(--sf-c-txt-dimgray-20)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:30\:dark, html.auto .sf-c-txt-dimgray\:30\:dark { color: hsl(var(--sf-c-txt-dimgray-30)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:40\:dark, html.auto .sf-c-txt-dimgray\:40\:dark { color: hsl(var(--sf-c-txt-dimgray-40)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:50\:dark, html.auto .sf-c-txt-dimgray\:50\:dark { color: hsl(var(--sf-c-txt-dimgray-50)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:60\:dark, html.auto .sf-c-txt-dimgray\:60\:dark { color: hsl(var(--sf-c-txt-dimgray-60)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:70\:dark, html.auto .sf-c-txt-dimgray\:70\:dark { color: hsl(var(--sf-c-txt-dimgray-70)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:80\:dark, html.auto .sf-c-txt-dimgray\:80\:dark { color: hsl(var(--sf-c-txt-dimgray-80)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:90\:dark, html.auto .sf-c-txt-dimgray\:90\:dark { color: hsl(var(--sf-c-txt-dimgray-90)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:100\:dark, html.auto .sf-c-txt-dimgray\:100\:dark { color: hsl(var(--sf-c-txt-dimgray-100)) } + html.var[data-theme='auto'] .sf-c-dimgray, html.var.auto .sf-c-dimgray { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 59%) } html.var[data-theme='auto'] .sf-c-dimgray\:0, html.var.auto .sf-c-dimgray\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-dimgray\:10, html.var.auto .sf-c-dimgray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-dimgray\:100\:dark, html.var.dark .sf-c-dimgra html.var[data-theme='auto'] .sf-c-dimgray\:80\:dark, html.var.auto .sf-c-dimgray\:80\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } html.var[data-theme='auto'] .sf-c-dimgray\:90\:dark, html.var.auto .sf-c-dimgray\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-dimgray\:100\:dark, html.var.auto .sf-c-dimgray\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-dimgray { color: hsl(var(--sf-c-txt-dimgray)) } -.sf-c-txt-dimgray\:0 { color: hsl(var(--sf-c-txt-dimgray-0)) } -.sf-c-txt-dimgray\:10 { color: hsl(var(--sf-c-txt-dimgray-10)) } -.sf-c-txt-dimgray\:20 { color: hsl(var(--sf-c-txt-dimgray-20)) } -.sf-c-txt-dimgray\:30 { color: hsl(var(--sf-c-txt-dimgray-30)) } -.sf-c-txt-dimgray\:40 { color: hsl(var(--sf-c-txt-dimgray-40)) } -.sf-c-txt-dimgray\:50 { color: hsl(var(--sf-c-txt-dimgray-50)) } -.sf-c-txt-dimgray\:60 { color: hsl(var(--sf-c-txt-dimgray-60)) } -.sf-c-txt-dimgray\:70 { color: hsl(var(--sf-c-txt-dimgray-70)) } -.sf-c-txt-dimgray\:80 { color: hsl(var(--sf-c-txt-dimgray-80)) } -.sf-c-txt-dimgray\:90 { color: hsl(var(--sf-c-txt-dimgray-90)) } -.sf-c-txt-dimgray\:100 { color: hsl(var(--sf-c-txt-dimgray-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-dimgray, html.auto .sf-c-txt-dimgray { color: hsl(0, 0%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:0, html.auto .sf-c-txt-dimgray\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:10, html.auto .sf-c-txt-dimgray\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:20, html.auto .sf-c-txt-dimgray\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:30, html.auto .sf-c-txt-dimgray\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:40, html.auto .sf-c-txt-dimgray\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:50, html.auto .sf-c-txt-dimgray\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:60, html.auto .sf-c-txt-dimgray\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:70, html.auto .sf-c-txt-dimgray\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:80, html.auto .sf-c-txt-dimgray\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:90, html.auto .sf-c-txt-dimgray\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:100, html.auto .sf-c-txt-dimgray\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-dimgray\:dark, html.auto .sf-c-txt-dimgray\:dark { color: hsl(0, 0%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:0\:dark, html.auto .sf-c-txt-dimgray\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:10\:dark, html.auto .sf-c-txt-dimgray\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:20\:dark, html.auto .sf-c-txt-dimgray\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:30\:dark, html.auto .sf-c-txt-dimgray\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:40\:dark, html.auto .sf-c-txt-dimgray\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:50\:dark, html.auto .sf-c-txt-dimgray\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:60\:dark, html.auto .sf-c-txt-dimgray\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:70\:dark, html.auto .sf-c-txt-dimgray\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:80\:dark, html.auto .sf-c-txt-dimgray\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:90\:dark, html.auto .sf-c-txt-dimgray\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:100\:dark, html.auto .sf-c-txt-dimgray\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/dimgrey.css b/src/colors/10/dimgrey.css index f30b4ac..ad880d9 100644 --- a/src/colors/10/dimgrey.css +++ b/src/colors/10/dimgrey.css @@ -78,6 +78,32 @@ html.var .sf-c-dimgrey\:80 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) html.var .sf-c-dimgrey\:90 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } html.var .sf-c-dimgrey\:100 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } +.sf-c-txt-dimgrey { color: hsl(var(--sf-dark-c-txt-dimgrey)) } +.sf-c-txt-dimgrey\:0 { color: hsl(var(--sf-dark-c-txt-dimgrey-100)) } +.sf-c-txt-dimgrey\:10 { color: hsl(var(--sf-dark-c-txt-dimgrey-90)) } +.sf-c-txt-dimgrey\:20 { color: hsl(var(--sf-dark-c-txt-dimgrey-80)) } +.sf-c-txt-dimgrey\:30 { color: hsl(var(--sf-dark-c-txt-dimgrey-70)) } +.sf-c-txt-dimgrey\:40 { color: hsl(var(--sf-dark-c-txt-dimgrey-60)) } +.sf-c-txt-dimgrey\:50 { color: hsl(var(--sf-dark-c-txt-dimgrey-50)) } +.sf-c-txt-dimgrey\:60 { color: hsl(var(--sf-dark-c-txt-dimgrey-40)) } +.sf-c-txt-dimgrey\:70 { color: hsl(var(--sf-dark-c-txt-dimgrey-30)) } +.sf-c-txt-dimgrey\:80 { color: hsl(var(--sf-dark-c-txt-dimgrey-20)) } +.sf-c-txt-dimgrey\:90 { color: hsl(var(--sf-dark-c-txt-dimgrey-10)) } +.sf-c-txt-dimgrey\:100 { color: hsl(var(--sf-dark-c-txt-dimgrey-0)) } + +html.var .sf-c-txt-dimgrey { color: hsl(0, 0%, 59%) } +html.var .sf-c-txt-dimgrey\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-dimgrey\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-dimgrey\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-dimgrey\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-dimgrey\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-dimgrey\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-dimgrey\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-dimgrey\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-dimgrey\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-dimgrey\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-dimgrey\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-dimgrey, html.dark .sf-c-dimgrey { color: hsl(var(--sf-dark-c-txt-dimgrey-10)); background: hsl(var(--sf-dark-c-dimgrey)) } html[data-theme='dark'] .sf-c-dimgrey\:0, html.dark .sf-c-dimgrey\:0 { color: hsl(var(--sf-dark-c-txt-dimgrey-90)); background: hsl(var(--sf-dark-c-dimgrey-100)) } html[data-theme='dark'] .sf-c-dimgrey\:10, html.dark .sf-c-dimgrey\:10 { color: hsl(var(--sf-dark-c-txt-dimgrey-10)); background: hsl(var(--sf-dark-c-dimgrey-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-dimgrey\:80\:dark, html.dark .sf-c-dimgrey\:80\:da html[data-theme='dark'] .sf-c-dimgrey\:90\:dark, html.dark .sf-c-dimgrey\:90\:dark { color: hsl(var(--sf-c-txt-dimgrey-90)); background: hsl(var(--sf-c-dimgrey-10)) } html[data-theme='dark'] .sf-c-dimgrey\:100\:dark, html.dark .sf-c-dimgrey\:100\:dark { color: hsl(var(--sf-c-txt-dimgrey-90)); background: hsl(var(--sf-c-dimgrey-0)) } +html[data-theme='dark'] .sf-c-txt-dimgrey, html.dark .sf-c-txt-dimgrey { color: hsl(var(--sf-c-txt-dimgrey)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:0, html.dark .sf-c-txt-dimgrey\:0 { color: hsl(var(--sf-c-txt-dimgrey-0)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:10, html.dark .sf-c-txt-dimgrey\:10 { color: hsl(var(--sf-c-txt-dimgrey-10)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:20, html.dark .sf-c-txt-dimgrey\:20 { color: hsl(var(--sf-c-txt-dimgrey-20)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:30, html.dark .sf-c-txt-dimgrey\:30 { color: hsl(var(--sf-c-txt-dimgrey-30)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:40, html.dark .sf-c-txt-dimgrey\:40 { color: hsl(var(--sf-c-txt-dimgrey-40)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:50, html.dark .sf-c-txt-dimgrey\:50 { color: hsl(var(--sf-c-txt-dimgrey-50)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:60, html.dark .sf-c-txt-dimgrey\:60 { color: hsl(var(--sf-c-txt-dimgrey-60)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:70, html.dark .sf-c-txt-dimgrey\:70 { color: hsl(var(--sf-c-txt-dimgrey-70)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:80, html.dark .sf-c-txt-dimgrey\:80 { color: hsl(var(--sf-c-txt-dimgrey-80)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:90, html.dark .sf-c-txt-dimgrey\:90 { color: hsl(var(--sf-c-txt-dimgrey-90)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:100, html.dark .sf-c-txt-dimgrey\:100 { color: hsl(var(--sf-c-txt-dimgrey-100)) } + +html[data-theme='dark'] .sf-c-txt-dimgrey\:dark, html.dark .sf-c-txt-dimgrey\:dark { color: hsl(var(--sf-c-txt-dimgrey)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:0\:dark, html.dark .sf-c-txt-dimgrey\:0\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-0)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:10\:dark, html.dark .sf-c-txt-dimgrey\:10\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-10)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:20\:dark, html.dark .sf-c-txt-dimgrey\:20\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-20)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:30\:dark, html.dark .sf-c-txt-dimgrey\:30\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-30)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:40\:dark, html.dark .sf-c-txt-dimgrey\:40\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-40)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:50\:dark, html.dark .sf-c-txt-dimgrey\:50\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-50)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:60\:dark, html.dark .sf-c-txt-dimgrey\:60\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-60)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:70\:dark, html.dark .sf-c-txt-dimgrey\:70\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-70)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:80\:dark, html.dark .sf-c-txt-dimgrey\:80\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-80)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:90\:dark, html.dark .sf-c-txt-dimgrey\:90\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-90)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:100\:dark, html.dark .sf-c-txt-dimgrey\:100\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-100)) } + html.var[data-theme='dark'] .sf-c-dimgrey, html.var.dark .sf-c-dimgrey { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 59%) } html.var[data-theme='dark'] .sf-c-dimgrey\:0, html.var.dark .sf-c-dimgrey\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-dimgrey\:10, html.var.dark .sf-c-dimgrey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-dimgrey\:80\:dark, html.var.dark .sf-c-dimgrey html.var[data-theme='dark'] .sf-c-dimgrey\:90\:dark, html.var.dark .sf-c-dimgrey\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='dark'] .sf-c-dimgrey\:100\:dark, html.var.dark .sf-c-dimgrey\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey, html.dark .sf-c-txt-dimgrey { color: hsl(0, 0%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:0, html.dark .sf-c-txt-dimgrey\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:10, html.dark .sf-c-txt-dimgrey\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:20, html.dark .sf-c-txt-dimgrey\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:30, html.dark .sf-c-txt-dimgrey\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:40, html.dark .sf-c-txt-dimgrey\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:50, html.dark .sf-c-txt-dimgrey\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:60, html.dark .sf-c-txt-dimgrey\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:70, html.dark .sf-c-txt-dimgrey\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:80, html.dark .sf-c-txt-dimgrey\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:90, html.dark .sf-c-txt-dimgrey\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:100, html.dark .sf-c-txt-dimgrey\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:dark, html.dark .sf-c-txt-dimgrey\:dark { color: hsl(0, 0%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:0\:dark, html.dark .sf-c-txt-dimgrey\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:10\:dark, html.dark .sf-c-txt-dimgrey\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:20\:dark, html.dark .sf-c-txt-dimgrey\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:30\:dark, html.dark .sf-c-txt-dimgrey\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:40\:dark, html.dark .sf-c-txt-dimgrey\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:50\:dark, html.dark .sf-c-txt-dimgrey\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:60\:dark, html.dark .sf-c-txt-dimgrey\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:70\:dark, html.dark .sf-c-txt-dimgrey\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:80\:dark, html.dark .sf-c-txt-dimgrey\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:90\:dark, html.dark .sf-c-txt-dimgrey\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:100\:dark, html.dark .sf-c-txt-dimgrey\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-dimgrey, html.auto .sf-c-dimgrey { color: hsl(var(--sf-dark-c-txt-dimgrey-10)); background: hsl(var(--sf-dark-c-dimgrey)) } html[data-theme='auto'] .sf-c-dimgrey\:0, html.auto .sf-c-dimgrey\:0 { color: hsl(var(--sf-dark-c-txt-dimgrey-90)); background: hsl(var(--sf-dark-c-dimgrey-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-dimgrey\:100\:dark, html.var.dark .sf-c-dimgre html[data-theme='auto'] .sf-c-dimgrey\:90\:dark, html.auto .sf-c-dimgrey\:90\:dark { color: hsl(var(--sf-c-txt-dimgrey-90)); background: hsl(var(--sf-c-dimgrey-10)) } html[data-theme='auto'] .sf-c-dimgrey\:100\:dark, html.auto .sf-c-dimgrey\:100\:dark { color: hsl(var(--sf-c-txt-dimgrey-90)); background: hsl(var(--sf-c-dimgrey-0)) } + html[data-theme='auto'] .sf-c-txt-dimgrey, html.auto .sf-c-txt-dimgrey { color: hsl(var(--sf-c-txt-dimgrey)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:0, html.auto .sf-c-txt-dimgrey\:0 { color: hsl(var(--sf-c-txt-dimgrey-0)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:10, html.auto .sf-c-txt-dimgrey\:10 { color: hsl(var(--sf-c-txt-dimgrey-10)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:20, html.auto .sf-c-txt-dimgrey\:20 { color: hsl(var(--sf-c-txt-dimgrey-20)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:30, html.auto .sf-c-txt-dimgrey\:30 { color: hsl(var(--sf-c-txt-dimgrey-30)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:40, html.auto .sf-c-txt-dimgrey\:40 { color: hsl(var(--sf-c-txt-dimgrey-40)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:50, html.auto .sf-c-txt-dimgrey\:50 { color: hsl(var(--sf-c-txt-dimgrey-50)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:60, html.auto .sf-c-txt-dimgrey\:60 { color: hsl(var(--sf-c-txt-dimgrey-60)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:70, html.auto .sf-c-txt-dimgrey\:70 { color: hsl(var(--sf-c-txt-dimgrey-70)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:80, html.auto .sf-c-txt-dimgrey\:80 { color: hsl(var(--sf-c-txt-dimgrey-80)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:90, html.auto .sf-c-txt-dimgrey\:90 { color: hsl(var(--sf-c-txt-dimgrey-90)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:100, html.auto .sf-c-txt-dimgrey\:100 { color: hsl(var(--sf-c-txt-dimgrey-100)) } + + html[data-theme='auto'] .sf-c-txt-dimgrey\:dark, html.auto .sf-c-txt-dimgrey\:dark { color: hsl(var(--sf-c-txt-dimgrey)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:0\:dark, html.auto .sf-c-txt-dimgrey\:0\:dark { color: hsl(var(--sf-c-txt-dimgrey-0)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:10\:dark, html.auto .sf-c-txt-dimgrey\:10\:dark { color: hsl(var(--sf-c-txt-dimgrey-10)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:20\:dark, html.auto .sf-c-txt-dimgrey\:20\:dark { color: hsl(var(--sf-c-txt-dimgrey-20)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:30\:dark, html.auto .sf-c-txt-dimgrey\:30\:dark { color: hsl(var(--sf-c-txt-dimgrey-30)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:40\:dark, html.auto .sf-c-txt-dimgrey\:40\:dark { color: hsl(var(--sf-c-txt-dimgrey-40)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:50\:dark, html.auto .sf-c-txt-dimgrey\:50\:dark { color: hsl(var(--sf-c-txt-dimgrey-50)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:60\:dark, html.auto .sf-c-txt-dimgrey\:60\:dark { color: hsl(var(--sf-c-txt-dimgrey-60)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:70\:dark, html.auto .sf-c-txt-dimgrey\:70\:dark { color: hsl(var(--sf-c-txt-dimgrey-70)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:80\:dark, html.auto .sf-c-txt-dimgrey\:80\:dark { color: hsl(var(--sf-c-txt-dimgrey-80)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:90\:dark, html.auto .sf-c-txt-dimgrey\:90\:dark { color: hsl(var(--sf-c-txt-dimgrey-90)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:100\:dark, html.auto .sf-c-txt-dimgrey\:100\:dark { color: hsl(var(--sf-c-txt-dimgrey-100)) } + html.var[data-theme='auto'] .sf-c-dimgrey, html.var.auto .sf-c-dimgrey { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 59%) } html.var[data-theme='auto'] .sf-c-dimgrey\:0, html.var.auto .sf-c-dimgrey\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-dimgrey\:10, html.var.auto .sf-c-dimgrey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-dimgrey\:100\:dark, html.var.dark .sf-c-dimgre html.var[data-theme='auto'] .sf-c-dimgrey\:80\:dark, html.var.auto .sf-c-dimgrey\:80\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } html.var[data-theme='auto'] .sf-c-dimgrey\:90\:dark, html.var.auto .sf-c-dimgrey\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-dimgrey\:100\:dark, html.var.auto .sf-c-dimgrey\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-dimgrey { color: hsl(var(--sf-c-txt-dimgrey)) } -.sf-c-txt-dimgrey\:0 { color: hsl(var(--sf-c-txt-dimgrey-0)) } -.sf-c-txt-dimgrey\:10 { color: hsl(var(--sf-c-txt-dimgrey-10)) } -.sf-c-txt-dimgrey\:20 { color: hsl(var(--sf-c-txt-dimgrey-20)) } -.sf-c-txt-dimgrey\:30 { color: hsl(var(--sf-c-txt-dimgrey-30)) } -.sf-c-txt-dimgrey\:40 { color: hsl(var(--sf-c-txt-dimgrey-40)) } -.sf-c-txt-dimgrey\:50 { color: hsl(var(--sf-c-txt-dimgrey-50)) } -.sf-c-txt-dimgrey\:60 { color: hsl(var(--sf-c-txt-dimgrey-60)) } -.sf-c-txt-dimgrey\:70 { color: hsl(var(--sf-c-txt-dimgrey-70)) } -.sf-c-txt-dimgrey\:80 { color: hsl(var(--sf-c-txt-dimgrey-80)) } -.sf-c-txt-dimgrey\:90 { color: hsl(var(--sf-c-txt-dimgrey-90)) } -.sf-c-txt-dimgrey\:100 { color: hsl(var(--sf-c-txt-dimgrey-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-dimgrey, html.auto .sf-c-txt-dimgrey { color: hsl(0, 0%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:0, html.auto .sf-c-txt-dimgrey\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:10, html.auto .sf-c-txt-dimgrey\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:20, html.auto .sf-c-txt-dimgrey\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:30, html.auto .sf-c-txt-dimgrey\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:40, html.auto .sf-c-txt-dimgrey\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:50, html.auto .sf-c-txt-dimgrey\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:60, html.auto .sf-c-txt-dimgrey\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:70, html.auto .sf-c-txt-dimgrey\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:80, html.auto .sf-c-txt-dimgrey\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:90, html.auto .sf-c-txt-dimgrey\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:100, html.auto .sf-c-txt-dimgrey\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:dark, html.auto .sf-c-txt-dimgrey\:dark { color: hsl(0, 0%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:0\:dark, html.auto .sf-c-txt-dimgrey\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:10\:dark, html.auto .sf-c-txt-dimgrey\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:20\:dark, html.auto .sf-c-txt-dimgrey\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:30\:dark, html.auto .sf-c-txt-dimgrey\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:40\:dark, html.auto .sf-c-txt-dimgrey\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:50\:dark, html.auto .sf-c-txt-dimgrey\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:60\:dark, html.auto .sf-c-txt-dimgrey\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:70\:dark, html.auto .sf-c-txt-dimgrey\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:80\:dark, html.auto .sf-c-txt-dimgrey\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:90\:dark, html.auto .sf-c-txt-dimgrey\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:100\:dark, html.auto .sf-c-txt-dimgrey\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/dodgerblue.css b/src/colors/10/dodgerblue.css index d7c4768..ebe09a2 100644 --- a/src/colors/10/dodgerblue.css +++ b/src/colors/10/dodgerblue.css @@ -78,6 +78,32 @@ html.var .sf-c-dodgerblue\:80 { color: hsl(210, 100%, 10%); background: hsl(210, html.var .sf-c-dodgerblue\:90 { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 90%) } html.var .sf-c-dodgerblue\:100 { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 100%) } +.sf-c-txt-dodgerblue { color: hsl(var(--sf-dark-c-txt-dodgerblue)) } +.sf-c-txt-dodgerblue\:0 { color: hsl(var(--sf-dark-c-txt-dodgerblue-100)) } +.sf-c-txt-dodgerblue\:10 { color: hsl(var(--sf-dark-c-txt-dodgerblue-90)) } +.sf-c-txt-dodgerblue\:20 { color: hsl(var(--sf-dark-c-txt-dodgerblue-80)) } +.sf-c-txt-dodgerblue\:30 { color: hsl(var(--sf-dark-c-txt-dodgerblue-70)) } +.sf-c-txt-dodgerblue\:40 { color: hsl(var(--sf-dark-c-txt-dodgerblue-60)) } +.sf-c-txt-dodgerblue\:50 { color: hsl(var(--sf-dark-c-txt-dodgerblue-50)) } +.sf-c-txt-dodgerblue\:60 { color: hsl(var(--sf-dark-c-txt-dodgerblue-40)) } +.sf-c-txt-dodgerblue\:70 { color: hsl(var(--sf-dark-c-txt-dodgerblue-30)) } +.sf-c-txt-dodgerblue\:80 { color: hsl(var(--sf-dark-c-txt-dodgerblue-20)) } +.sf-c-txt-dodgerblue\:90 { color: hsl(var(--sf-dark-c-txt-dodgerblue-10)) } +.sf-c-txt-dodgerblue\:100 { color: hsl(var(--sf-dark-c-txt-dodgerblue-0)) } + +html.var .sf-c-txt-dodgerblue { color: hsl(210, 100%, 44%) } +html.var .sf-c-txt-dodgerblue\:0 { color: hsl(210, 100%, 100%) } +html.var .sf-c-txt-dodgerblue\:10 { color: hsl(210, 100%, 90%) } +html.var .sf-c-txt-dodgerblue\:20 { color: hsl(210, 100%, 80%) } +html.var .sf-c-txt-dodgerblue\:30 { color: hsl(210, 100%, 70%) } +html.var .sf-c-txt-dodgerblue\:40 { color: hsl(210, 100%, 60%) } +html.var .sf-c-txt-dodgerblue\:50 { color: hsl(210, 100%, 50%) } +html.var .sf-c-txt-dodgerblue\:60 { color: hsl(210, 100%, 40%) } +html.var .sf-c-txt-dodgerblue\:70 { color: hsl(210, 100%, 30%) } +html.var .sf-c-txt-dodgerblue\:80 { color: hsl(210, 100%, 20%) } +html.var .sf-c-txt-dodgerblue\:90 { color: hsl(210, 100%, 10%) } +html.var .sf-c-txt-dodgerblue\:100 { color: hsl(210, 100%, 0%) } + html[data-theme='dark'] .sf-c-dodgerblue, html.dark .sf-c-dodgerblue { color: hsl(var(--sf-dark-c-txt-dodgerblue-90)); background: hsl(var(--sf-dark-c-dodgerblue)) } html[data-theme='dark'] .sf-c-dodgerblue\:0, html.dark .sf-c-dodgerblue\:0 { color: hsl(var(--sf-dark-c-txt-dodgerblue-90)); background: hsl(var(--sf-dark-c-dodgerblue-100)) } html[data-theme='dark'] .sf-c-dodgerblue\:10, html.dark .sf-c-dodgerblue\:10 { color: hsl(var(--sf-dark-c-txt-dodgerblue-10)); background: hsl(var(--sf-dark-c-dodgerblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-dodgerblue\:80\:dark, html.dark .sf-c-dodgerblue\: html[data-theme='dark'] .sf-c-dodgerblue\:90\:dark, html.dark .sf-c-dodgerblue\:90\:dark { color: hsl(var(--sf-c-txt-dodgerblue-90)); background: hsl(var(--sf-c-dodgerblue-10)) } html[data-theme='dark'] .sf-c-dodgerblue\:100\:dark, html.dark .sf-c-dodgerblue\:100\:dark { color: hsl(var(--sf-c-txt-dodgerblue-90)); background: hsl(var(--sf-c-dodgerblue-0)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue, html.dark .sf-c-txt-dodgerblue { color: hsl(var(--sf-c-txt-dodgerblue)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:0, html.dark .sf-c-txt-dodgerblue\:0 { color: hsl(var(--sf-c-txt-dodgerblue-0)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:10, html.dark .sf-c-txt-dodgerblue\:10 { color: hsl(var(--sf-c-txt-dodgerblue-10)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:20, html.dark .sf-c-txt-dodgerblue\:20 { color: hsl(var(--sf-c-txt-dodgerblue-20)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:30, html.dark .sf-c-txt-dodgerblue\:30 { color: hsl(var(--sf-c-txt-dodgerblue-30)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:40, html.dark .sf-c-txt-dodgerblue\:40 { color: hsl(var(--sf-c-txt-dodgerblue-40)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:50, html.dark .sf-c-txt-dodgerblue\:50 { color: hsl(var(--sf-c-txt-dodgerblue-50)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:60, html.dark .sf-c-txt-dodgerblue\:60 { color: hsl(var(--sf-c-txt-dodgerblue-60)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:70, html.dark .sf-c-txt-dodgerblue\:70 { color: hsl(var(--sf-c-txt-dodgerblue-70)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:80, html.dark .sf-c-txt-dodgerblue\:80 { color: hsl(var(--sf-c-txt-dodgerblue-80)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:90, html.dark .sf-c-txt-dodgerblue\:90 { color: hsl(var(--sf-c-txt-dodgerblue-90)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:100, html.dark .sf-c-txt-dodgerblue\:100 { color: hsl(var(--sf-c-txt-dodgerblue-100)) } + +html[data-theme='dark'] .sf-c-txt-dodgerblue\:dark, html.dark .sf-c-txt-dodgerblue\:dark { color: hsl(var(--sf-c-txt-dodgerblue)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:0\:dark, html.dark .sf-c-txt-dodgerblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-0)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:10\:dark, html.dark .sf-c-txt-dodgerblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-10)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:20\:dark, html.dark .sf-c-txt-dodgerblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-20)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:30\:dark, html.dark .sf-c-txt-dodgerblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-30)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:40\:dark, html.dark .sf-c-txt-dodgerblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-40)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:50\:dark, html.dark .sf-c-txt-dodgerblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-50)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:60\:dark, html.dark .sf-c-txt-dodgerblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-60)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:70\:dark, html.dark .sf-c-txt-dodgerblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-70)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:80\:dark, html.dark .sf-c-txt-dodgerblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-80)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:90\:dark, html.dark .sf-c-txt-dodgerblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-90)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:100\:dark, html.dark .sf-c-txt-dodgerblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-100)) } + html.var[data-theme='dark'] .sf-c-dodgerblue, html.var.dark .sf-c-dodgerblue { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 44%) } html.var[data-theme='dark'] .sf-c-dodgerblue\:0, html.var.dark .sf-c-dodgerblue\:0 { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 100%) } html.var[data-theme='dark'] .sf-c-dodgerblue\:10, html.var.dark .sf-c-dodgerblue\:10 { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-dodgerblue\:80\:dark, html.var.dark .sf-c-dodg html.var[data-theme='dark'] .sf-c-dodgerblue\:90\:dark, html.var.dark .sf-c-dodgerblue\:90\:dark { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 10%) } html.var[data-theme='dark'] .sf-c-dodgerblue\:100\:dark, html.var.dark .sf-c-dodgerblue\:100\:dark { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue, html.dark .sf-c-txt-dodgerblue { color: hsl(210, 100%, 56%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:0, html.dark .sf-c-txt-dodgerblue\:0 { color: hsl(210, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:10, html.dark .sf-c-txt-dodgerblue\:10 { color: hsl(210, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:20, html.dark .sf-c-txt-dodgerblue\:20 { color: hsl(210, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:30, html.dark .sf-c-txt-dodgerblue\:30 { color: hsl(210, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:40, html.dark .sf-c-txt-dodgerblue\:40 { color: hsl(210, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:50, html.dark .sf-c-txt-dodgerblue\:50 { color: hsl(210, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:60, html.dark .sf-c-txt-dodgerblue\:60 { color: hsl(210, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:70, html.dark .sf-c-txt-dodgerblue\:70 { color: hsl(210, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:80, html.dark .sf-c-txt-dodgerblue\:80 { color: hsl(210, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:90, html.dark .sf-c-txt-dodgerblue\:90 { color: hsl(210, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:100, html.dark .sf-c-txt-dodgerblue\:100 { color: hsl(210, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:dark, html.dark .sf-c-txt-dodgerblue\:dark { color: hsl(210, 100%, 56%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:0\:dark, html.dark .sf-c-txt-dodgerblue\:0\:dark { color: hsl(210, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:10\:dark, html.dark .sf-c-txt-dodgerblue\:10\:dark { color: hsl(210, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:20\:dark, html.dark .sf-c-txt-dodgerblue\:20\:dark { color: hsl(210, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:30\:dark, html.dark .sf-c-txt-dodgerblue\:30\:dark { color: hsl(210, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:40\:dark, html.dark .sf-c-txt-dodgerblue\:40\:dark { color: hsl(210, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:50\:dark, html.dark .sf-c-txt-dodgerblue\:50\:dark { color: hsl(210, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:60\:dark, html.dark .sf-c-txt-dodgerblue\:60\:dark { color: hsl(210, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:70\:dark, html.dark .sf-c-txt-dodgerblue\:70\:dark { color: hsl(210, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:80\:dark, html.dark .sf-c-txt-dodgerblue\:80\:dark { color: hsl(210, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:90\:dark, html.dark .sf-c-txt-dodgerblue\:90\:dark { color: hsl(210, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:100\:dark, html.dark .sf-c-txt-dodgerblue\:100\:dark { color: hsl(210, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-dodgerblue, html.auto .sf-c-dodgerblue { color: hsl(var(--sf-dark-c-txt-dodgerblue-90)); background: hsl(var(--sf-dark-c-dodgerblue)) } html[data-theme='auto'] .sf-c-dodgerblue\:0, html.auto .sf-c-dodgerblue\:0 { color: hsl(var(--sf-dark-c-txt-dodgerblue-90)); background: hsl(var(--sf-dark-c-dodgerblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-dodgerblue\:100\:dark, html.var.dark .sf-c-dod html[data-theme='auto'] .sf-c-dodgerblue\:90\:dark, html.auto .sf-c-dodgerblue\:90\:dark { color: hsl(var(--sf-c-txt-dodgerblue-90)); background: hsl(var(--sf-c-dodgerblue-10)) } html[data-theme='auto'] .sf-c-dodgerblue\:100\:dark, html.auto .sf-c-dodgerblue\:100\:dark { color: hsl(var(--sf-c-txt-dodgerblue-90)); background: hsl(var(--sf-c-dodgerblue-0)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue, html.auto .sf-c-txt-dodgerblue { color: hsl(var(--sf-c-txt-dodgerblue)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:0, html.auto .sf-c-txt-dodgerblue\:0 { color: hsl(var(--sf-c-txt-dodgerblue-0)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:10, html.auto .sf-c-txt-dodgerblue\:10 { color: hsl(var(--sf-c-txt-dodgerblue-10)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:20, html.auto .sf-c-txt-dodgerblue\:20 { color: hsl(var(--sf-c-txt-dodgerblue-20)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:30, html.auto .sf-c-txt-dodgerblue\:30 { color: hsl(var(--sf-c-txt-dodgerblue-30)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:40, html.auto .sf-c-txt-dodgerblue\:40 { color: hsl(var(--sf-c-txt-dodgerblue-40)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:50, html.auto .sf-c-txt-dodgerblue\:50 { color: hsl(var(--sf-c-txt-dodgerblue-50)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:60, html.auto .sf-c-txt-dodgerblue\:60 { color: hsl(var(--sf-c-txt-dodgerblue-60)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:70, html.auto .sf-c-txt-dodgerblue\:70 { color: hsl(var(--sf-c-txt-dodgerblue-70)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:80, html.auto .sf-c-txt-dodgerblue\:80 { color: hsl(var(--sf-c-txt-dodgerblue-80)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:90, html.auto .sf-c-txt-dodgerblue\:90 { color: hsl(var(--sf-c-txt-dodgerblue-90)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:100, html.auto .sf-c-txt-dodgerblue\:100 { color: hsl(var(--sf-c-txt-dodgerblue-100)) } + + html[data-theme='auto'] .sf-c-txt-dodgerblue\:dark, html.auto .sf-c-txt-dodgerblue\:dark { color: hsl(var(--sf-c-txt-dodgerblue)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:0\:dark, html.auto .sf-c-txt-dodgerblue\:0\:dark { color: hsl(var(--sf-c-txt-dodgerblue-0)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:10\:dark, html.auto .sf-c-txt-dodgerblue\:10\:dark { color: hsl(var(--sf-c-txt-dodgerblue-10)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:20\:dark, html.auto .sf-c-txt-dodgerblue\:20\:dark { color: hsl(var(--sf-c-txt-dodgerblue-20)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:30\:dark, html.auto .sf-c-txt-dodgerblue\:30\:dark { color: hsl(var(--sf-c-txt-dodgerblue-30)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:40\:dark, html.auto .sf-c-txt-dodgerblue\:40\:dark { color: hsl(var(--sf-c-txt-dodgerblue-40)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:50\:dark, html.auto .sf-c-txt-dodgerblue\:50\:dark { color: hsl(var(--sf-c-txt-dodgerblue-50)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:60\:dark, html.auto .sf-c-txt-dodgerblue\:60\:dark { color: hsl(var(--sf-c-txt-dodgerblue-60)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:70\:dark, html.auto .sf-c-txt-dodgerblue\:70\:dark { color: hsl(var(--sf-c-txt-dodgerblue-70)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:80\:dark, html.auto .sf-c-txt-dodgerblue\:80\:dark { color: hsl(var(--sf-c-txt-dodgerblue-80)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:90\:dark, html.auto .sf-c-txt-dodgerblue\:90\:dark { color: hsl(var(--sf-c-txt-dodgerblue-90)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:100\:dark, html.auto .sf-c-txt-dodgerblue\:100\:dark { color: hsl(var(--sf-c-txt-dodgerblue-100)) } + html.var[data-theme='auto'] .sf-c-dodgerblue, html.var.auto .sf-c-dodgerblue { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 44%) } html.var[data-theme='auto'] .sf-c-dodgerblue\:0, html.var.auto .sf-c-dodgerblue\:0 { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 100%) } html.var[data-theme='auto'] .sf-c-dodgerblue\:10, html.var.auto .sf-c-dodgerblue\:10 { color: hsl(210, 100%, 10%); background: hsl(210, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-dodgerblue\:100\:dark, html.var.dark .sf-c-dod html.var[data-theme='auto'] .sf-c-dodgerblue\:80\:dark, html.var.auto .sf-c-dodgerblue\:80\:dark { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 20%) } html.var[data-theme='auto'] .sf-c-dodgerblue\:90\:dark, html.var.auto .sf-c-dodgerblue\:90\:dark { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 10%) } html.var[data-theme='auto'] .sf-c-dodgerblue\:100\:dark, html.var.auto .sf-c-dodgerblue\:100\:dark { color: hsl(210, 100%, 90%); background: hsl(210, 100%, 0%) } -} -.sf-c-txt-dodgerblue { color: hsl(var(--sf-c-txt-dodgerblue)) } -.sf-c-txt-dodgerblue\:0 { color: hsl(var(--sf-c-txt-dodgerblue-0)) } -.sf-c-txt-dodgerblue\:10 { color: hsl(var(--sf-c-txt-dodgerblue-10)) } -.sf-c-txt-dodgerblue\:20 { color: hsl(var(--sf-c-txt-dodgerblue-20)) } -.sf-c-txt-dodgerblue\:30 { color: hsl(var(--sf-c-txt-dodgerblue-30)) } -.sf-c-txt-dodgerblue\:40 { color: hsl(var(--sf-c-txt-dodgerblue-40)) } -.sf-c-txt-dodgerblue\:50 { color: hsl(var(--sf-c-txt-dodgerblue-50)) } -.sf-c-txt-dodgerblue\:60 { color: hsl(var(--sf-c-txt-dodgerblue-60)) } -.sf-c-txt-dodgerblue\:70 { color: hsl(var(--sf-c-txt-dodgerblue-70)) } -.sf-c-txt-dodgerblue\:80 { color: hsl(var(--sf-c-txt-dodgerblue-80)) } -.sf-c-txt-dodgerblue\:90 { color: hsl(var(--sf-c-txt-dodgerblue-90)) } -.sf-c-txt-dodgerblue\:100 { color: hsl(var(--sf-c-txt-dodgerblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-dodgerblue, html.auto .sf-c-txt-dodgerblue { color: hsl(210, 100%, 56%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:0, html.auto .sf-c-txt-dodgerblue\:0 { color: hsl(210, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:10, html.auto .sf-c-txt-dodgerblue\:10 { color: hsl(210, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:20, html.auto .sf-c-txt-dodgerblue\:20 { color: hsl(210, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:30, html.auto .sf-c-txt-dodgerblue\:30 { color: hsl(210, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:40, html.auto .sf-c-txt-dodgerblue\:40 { color: hsl(210, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:50, html.auto .sf-c-txt-dodgerblue\:50 { color: hsl(210, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:60, html.auto .sf-c-txt-dodgerblue\:60 { color: hsl(210, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:70, html.auto .sf-c-txt-dodgerblue\:70 { color: hsl(210, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:80, html.auto .sf-c-txt-dodgerblue\:80 { color: hsl(210, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:90, html.auto .sf-c-txt-dodgerblue\:90 { color: hsl(210, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:100, html.auto .sf-c-txt-dodgerblue\:100 { color: hsl(210, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:dark, html.auto .sf-c-txt-dodgerblue\:dark { color: hsl(210, 100%, 56%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:0\:dark, html.auto .sf-c-txt-dodgerblue\:0\:dark { color: hsl(210, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:10\:dark, html.auto .sf-c-txt-dodgerblue\:10\:dark { color: hsl(210, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:20\:dark, html.auto .sf-c-txt-dodgerblue\:20\:dark { color: hsl(210, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:30\:dark, html.auto .sf-c-txt-dodgerblue\:30\:dark { color: hsl(210, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:40\:dark, html.auto .sf-c-txt-dodgerblue\:40\:dark { color: hsl(210, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:50\:dark, html.auto .sf-c-txt-dodgerblue\:50\:dark { color: hsl(210, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:60\:dark, html.auto .sf-c-txt-dodgerblue\:60\:dark { color: hsl(210, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:70\:dark, html.auto .sf-c-txt-dodgerblue\:70\:dark { color: hsl(210, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:80\:dark, html.auto .sf-c-txt-dodgerblue\:80\:dark { color: hsl(210, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:90\:dark, html.auto .sf-c-txt-dodgerblue\:90\:dark { color: hsl(210, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:100\:dark, html.auto .sf-c-txt-dodgerblue\:100\:dark { color: hsl(210, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/firebrick.css b/src/colors/10/firebrick.css index 63d10af..acfbd9b 100644 --- a/src/colors/10/firebrick.css +++ b/src/colors/10/firebrick.css @@ -78,6 +78,32 @@ html.var .sf-c-firebrick\:80 { color: hsl(0, 68%, 10%); background: hsl(0, 68%, html.var .sf-c-firebrick\:90 { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 90%) } html.var .sf-c-firebrick\:100 { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 100%) } +.sf-c-txt-firebrick { color: hsl(var(--sf-dark-c-txt-firebrick)) } +.sf-c-txt-firebrick\:0 { color: hsl(var(--sf-dark-c-txt-firebrick-100)) } +.sf-c-txt-firebrick\:10 { color: hsl(var(--sf-dark-c-txt-firebrick-90)) } +.sf-c-txt-firebrick\:20 { color: hsl(var(--sf-dark-c-txt-firebrick-80)) } +.sf-c-txt-firebrick\:30 { color: hsl(var(--sf-dark-c-txt-firebrick-70)) } +.sf-c-txt-firebrick\:40 { color: hsl(var(--sf-dark-c-txt-firebrick-60)) } +.sf-c-txt-firebrick\:50 { color: hsl(var(--sf-dark-c-txt-firebrick-50)) } +.sf-c-txt-firebrick\:60 { color: hsl(var(--sf-dark-c-txt-firebrick-40)) } +.sf-c-txt-firebrick\:70 { color: hsl(var(--sf-dark-c-txt-firebrick-30)) } +.sf-c-txt-firebrick\:80 { color: hsl(var(--sf-dark-c-txt-firebrick-20)) } +.sf-c-txt-firebrick\:90 { color: hsl(var(--sf-dark-c-txt-firebrick-10)) } +.sf-c-txt-firebrick\:100 { color: hsl(var(--sf-dark-c-txt-firebrick-0)) } + +html.var .sf-c-txt-firebrick { color: hsl(0, 68%, 58%) } +html.var .sf-c-txt-firebrick\:0 { color: hsl(0, 68%, 100%) } +html.var .sf-c-txt-firebrick\:10 { color: hsl(0, 68%, 90%) } +html.var .sf-c-txt-firebrick\:20 { color: hsl(0, 68%, 80%) } +html.var .sf-c-txt-firebrick\:30 { color: hsl(0, 68%, 70%) } +html.var .sf-c-txt-firebrick\:40 { color: hsl(0, 68%, 60%) } +html.var .sf-c-txt-firebrick\:50 { color: hsl(0, 68%, 50%) } +html.var .sf-c-txt-firebrick\:60 { color: hsl(0, 68%, 40%) } +html.var .sf-c-txt-firebrick\:70 { color: hsl(0, 68%, 30%) } +html.var .sf-c-txt-firebrick\:80 { color: hsl(0, 68%, 20%) } +html.var .sf-c-txt-firebrick\:90 { color: hsl(0, 68%, 10%) } +html.var .sf-c-txt-firebrick\:100 { color: hsl(0, 68%, 0%) } + html[data-theme='dark'] .sf-c-firebrick, html.dark .sf-c-firebrick { color: hsl(var(--sf-dark-c-txt-firebrick-90)); background: hsl(var(--sf-dark-c-firebrick)) } html[data-theme='dark'] .sf-c-firebrick\:0, html.dark .sf-c-firebrick\:0 { color: hsl(var(--sf-dark-c-txt-firebrick-90)); background: hsl(var(--sf-dark-c-firebrick-100)) } html[data-theme='dark'] .sf-c-firebrick\:10, html.dark .sf-c-firebrick\:10 { color: hsl(var(--sf-dark-c-txt-firebrick-10)); background: hsl(var(--sf-dark-c-firebrick-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-firebrick\:80\:dark, html.dark .sf-c-firebrick\:80 html[data-theme='dark'] .sf-c-firebrick\:90\:dark, html.dark .sf-c-firebrick\:90\:dark { color: hsl(var(--sf-c-txt-firebrick-90)); background: hsl(var(--sf-c-firebrick-10)) } html[data-theme='dark'] .sf-c-firebrick\:100\:dark, html.dark .sf-c-firebrick\:100\:dark { color: hsl(var(--sf-c-txt-firebrick-90)); background: hsl(var(--sf-c-firebrick-0)) } +html[data-theme='dark'] .sf-c-txt-firebrick, html.dark .sf-c-txt-firebrick { color: hsl(var(--sf-c-txt-firebrick)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:0, html.dark .sf-c-txt-firebrick\:0 { color: hsl(var(--sf-c-txt-firebrick-0)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:10, html.dark .sf-c-txt-firebrick\:10 { color: hsl(var(--sf-c-txt-firebrick-10)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:20, html.dark .sf-c-txt-firebrick\:20 { color: hsl(var(--sf-c-txt-firebrick-20)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:30, html.dark .sf-c-txt-firebrick\:30 { color: hsl(var(--sf-c-txt-firebrick-30)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:40, html.dark .sf-c-txt-firebrick\:40 { color: hsl(var(--sf-c-txt-firebrick-40)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:50, html.dark .sf-c-txt-firebrick\:50 { color: hsl(var(--sf-c-txt-firebrick-50)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:60, html.dark .sf-c-txt-firebrick\:60 { color: hsl(var(--sf-c-txt-firebrick-60)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:70, html.dark .sf-c-txt-firebrick\:70 { color: hsl(var(--sf-c-txt-firebrick-70)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:80, html.dark .sf-c-txt-firebrick\:80 { color: hsl(var(--sf-c-txt-firebrick-80)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:90, html.dark .sf-c-txt-firebrick\:90 { color: hsl(var(--sf-c-txt-firebrick-90)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:100, html.dark .sf-c-txt-firebrick\:100 { color: hsl(var(--sf-c-txt-firebrick-100)) } + +html[data-theme='dark'] .sf-c-txt-firebrick\:dark, html.dark .sf-c-txt-firebrick\:dark { color: hsl(var(--sf-c-txt-firebrick)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:0\:dark, html.dark .sf-c-txt-firebrick\:0\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-0)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:10\:dark, html.dark .sf-c-txt-firebrick\:10\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-10)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:20\:dark, html.dark .sf-c-txt-firebrick\:20\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-20)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:30\:dark, html.dark .sf-c-txt-firebrick\:30\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-30)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:40\:dark, html.dark .sf-c-txt-firebrick\:40\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-40)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:50\:dark, html.dark .sf-c-txt-firebrick\:50\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-50)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:60\:dark, html.dark .sf-c-txt-firebrick\:60\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-60)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:70\:dark, html.dark .sf-c-txt-firebrick\:70\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-70)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:80\:dark, html.dark .sf-c-txt-firebrick\:80\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-80)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:90\:dark, html.dark .sf-c-txt-firebrick\:90\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-90)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:100\:dark, html.dark .sf-c-txt-firebrick\:100\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-100)) } + html.var[data-theme='dark'] .sf-c-firebrick, html.var.dark .sf-c-firebrick { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 58%) } html.var[data-theme='dark'] .sf-c-firebrick\:0, html.var.dark .sf-c-firebrick\:0 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 100%) } html.var[data-theme='dark'] .sf-c-firebrick\:10, html.var.dark .sf-c-firebrick\:10 { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-firebrick\:80\:dark, html.var.dark .sf-c-fireb html.var[data-theme='dark'] .sf-c-firebrick\:90\:dark, html.var.dark .sf-c-firebrick\:90\:dark { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 10%) } html.var[data-theme='dark'] .sf-c-firebrick\:100\:dark, html.var.dark .sf-c-firebrick\:100\:dark { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick, html.dark .sf-c-txt-firebrick { color: hsl(0, 68%, 42%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:0, html.dark .sf-c-txt-firebrick\:0 { color: hsl(0, 68%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:10, html.dark .sf-c-txt-firebrick\:10 { color: hsl(0, 68%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:20, html.dark .sf-c-txt-firebrick\:20 { color: hsl(0, 68%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:30, html.dark .sf-c-txt-firebrick\:30 { color: hsl(0, 68%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:40, html.dark .sf-c-txt-firebrick\:40 { color: hsl(0, 68%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:50, html.dark .sf-c-txt-firebrick\:50 { color: hsl(0, 68%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:60, html.dark .sf-c-txt-firebrick\:60 { color: hsl(0, 68%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:70, html.dark .sf-c-txt-firebrick\:70 { color: hsl(0, 68%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:80, html.dark .sf-c-txt-firebrick\:80 { color: hsl(0, 68%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:90, html.dark .sf-c-txt-firebrick\:90 { color: hsl(0, 68%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:100, html.dark .sf-c-txt-firebrick\:100 { color: hsl(0, 68%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-firebrick\:dark, html.dark .sf-c-txt-firebrick\:dark { color: hsl(0, 68%, 42%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:0\:dark, html.dark .sf-c-txt-firebrick\:0\:dark { color: hsl(0, 68%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:10\:dark, html.dark .sf-c-txt-firebrick\:10\:dark { color: hsl(0, 68%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:20\:dark, html.dark .sf-c-txt-firebrick\:20\:dark { color: hsl(0, 68%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:30\:dark, html.dark .sf-c-txt-firebrick\:30\:dark { color: hsl(0, 68%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:40\:dark, html.dark .sf-c-txt-firebrick\:40\:dark { color: hsl(0, 68%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:50\:dark, html.dark .sf-c-txt-firebrick\:50\:dark { color: hsl(0, 68%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:60\:dark, html.dark .sf-c-txt-firebrick\:60\:dark { color: hsl(0, 68%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:70\:dark, html.dark .sf-c-txt-firebrick\:70\:dark { color: hsl(0, 68%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:80\:dark, html.dark .sf-c-txt-firebrick\:80\:dark { color: hsl(0, 68%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:90\:dark, html.dark .sf-c-txt-firebrick\:90\:dark { color: hsl(0, 68%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:100\:dark, html.dark .sf-c-txt-firebrick\:100\:dark { color: hsl(0, 68%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-firebrick, html.auto .sf-c-firebrick { color: hsl(var(--sf-dark-c-txt-firebrick-90)); background: hsl(var(--sf-dark-c-firebrick)) } html[data-theme='auto'] .sf-c-firebrick\:0, html.auto .sf-c-firebrick\:0 { color: hsl(var(--sf-dark-c-txt-firebrick-90)); background: hsl(var(--sf-dark-c-firebrick-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-firebrick\:100\:dark, html.var.dark .sf-c-fire html[data-theme='auto'] .sf-c-firebrick\:90\:dark, html.auto .sf-c-firebrick\:90\:dark { color: hsl(var(--sf-c-txt-firebrick-90)); background: hsl(var(--sf-c-firebrick-10)) } html[data-theme='auto'] .sf-c-firebrick\:100\:dark, html.auto .sf-c-firebrick\:100\:dark { color: hsl(var(--sf-c-txt-firebrick-90)); background: hsl(var(--sf-c-firebrick-0)) } + html[data-theme='auto'] .sf-c-txt-firebrick, html.auto .sf-c-txt-firebrick { color: hsl(var(--sf-c-txt-firebrick)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:0, html.auto .sf-c-txt-firebrick\:0 { color: hsl(var(--sf-c-txt-firebrick-0)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:10, html.auto .sf-c-txt-firebrick\:10 { color: hsl(var(--sf-c-txt-firebrick-10)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:20, html.auto .sf-c-txt-firebrick\:20 { color: hsl(var(--sf-c-txt-firebrick-20)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:30, html.auto .sf-c-txt-firebrick\:30 { color: hsl(var(--sf-c-txt-firebrick-30)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:40, html.auto .sf-c-txt-firebrick\:40 { color: hsl(var(--sf-c-txt-firebrick-40)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:50, html.auto .sf-c-txt-firebrick\:50 { color: hsl(var(--sf-c-txt-firebrick-50)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:60, html.auto .sf-c-txt-firebrick\:60 { color: hsl(var(--sf-c-txt-firebrick-60)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:70, html.auto .sf-c-txt-firebrick\:70 { color: hsl(var(--sf-c-txt-firebrick-70)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:80, html.auto .sf-c-txt-firebrick\:80 { color: hsl(var(--sf-c-txt-firebrick-80)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:90, html.auto .sf-c-txt-firebrick\:90 { color: hsl(var(--sf-c-txt-firebrick-90)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:100, html.auto .sf-c-txt-firebrick\:100 { color: hsl(var(--sf-c-txt-firebrick-100)) } + + html[data-theme='auto'] .sf-c-txt-firebrick\:dark, html.auto .sf-c-txt-firebrick\:dark { color: hsl(var(--sf-c-txt-firebrick)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:0\:dark, html.auto .sf-c-txt-firebrick\:0\:dark { color: hsl(var(--sf-c-txt-firebrick-0)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:10\:dark, html.auto .sf-c-txt-firebrick\:10\:dark { color: hsl(var(--sf-c-txt-firebrick-10)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:20\:dark, html.auto .sf-c-txt-firebrick\:20\:dark { color: hsl(var(--sf-c-txt-firebrick-20)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:30\:dark, html.auto .sf-c-txt-firebrick\:30\:dark { color: hsl(var(--sf-c-txt-firebrick-30)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:40\:dark, html.auto .sf-c-txt-firebrick\:40\:dark { color: hsl(var(--sf-c-txt-firebrick-40)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:50\:dark, html.auto .sf-c-txt-firebrick\:50\:dark { color: hsl(var(--sf-c-txt-firebrick-50)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:60\:dark, html.auto .sf-c-txt-firebrick\:60\:dark { color: hsl(var(--sf-c-txt-firebrick-60)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:70\:dark, html.auto .sf-c-txt-firebrick\:70\:dark { color: hsl(var(--sf-c-txt-firebrick-70)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:80\:dark, html.auto .sf-c-txt-firebrick\:80\:dark { color: hsl(var(--sf-c-txt-firebrick-80)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:90\:dark, html.auto .sf-c-txt-firebrick\:90\:dark { color: hsl(var(--sf-c-txt-firebrick-90)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:100\:dark, html.auto .sf-c-txt-firebrick\:100\:dark { color: hsl(var(--sf-c-txt-firebrick-100)) } + html.var[data-theme='auto'] .sf-c-firebrick, html.var.auto .sf-c-firebrick { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 58%) } html.var[data-theme='auto'] .sf-c-firebrick\:0, html.var.auto .sf-c-firebrick\:0 { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 100%) } html.var[data-theme='auto'] .sf-c-firebrick\:10, html.var.auto .sf-c-firebrick\:10 { color: hsl(0, 68%, 10%); background: hsl(0, 68%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-firebrick\:100\:dark, html.var.dark .sf-c-fire html.var[data-theme='auto'] .sf-c-firebrick\:80\:dark, html.var.auto .sf-c-firebrick\:80\:dark { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 20%) } html.var[data-theme='auto'] .sf-c-firebrick\:90\:dark, html.var.auto .sf-c-firebrick\:90\:dark { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 10%) } html.var[data-theme='auto'] .sf-c-firebrick\:100\:dark, html.var.auto .sf-c-firebrick\:100\:dark { color: hsl(0, 68%, 90%); background: hsl(0, 68%, 0%) } -} -.sf-c-txt-firebrick { color: hsl(var(--sf-c-txt-firebrick)) } -.sf-c-txt-firebrick\:0 { color: hsl(var(--sf-c-txt-firebrick-0)) } -.sf-c-txt-firebrick\:10 { color: hsl(var(--sf-c-txt-firebrick-10)) } -.sf-c-txt-firebrick\:20 { color: hsl(var(--sf-c-txt-firebrick-20)) } -.sf-c-txt-firebrick\:30 { color: hsl(var(--sf-c-txt-firebrick-30)) } -.sf-c-txt-firebrick\:40 { color: hsl(var(--sf-c-txt-firebrick-40)) } -.sf-c-txt-firebrick\:50 { color: hsl(var(--sf-c-txt-firebrick-50)) } -.sf-c-txt-firebrick\:60 { color: hsl(var(--sf-c-txt-firebrick-60)) } -.sf-c-txt-firebrick\:70 { color: hsl(var(--sf-c-txt-firebrick-70)) } -.sf-c-txt-firebrick\:80 { color: hsl(var(--sf-c-txt-firebrick-80)) } -.sf-c-txt-firebrick\:90 { color: hsl(var(--sf-c-txt-firebrick-90)) } -.sf-c-txt-firebrick\:100 { color: hsl(var(--sf-c-txt-firebrick-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-firebrick, html.auto .sf-c-txt-firebrick { color: hsl(0, 68%, 42%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:0, html.auto .sf-c-txt-firebrick\:0 { color: hsl(0, 68%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:10, html.auto .sf-c-txt-firebrick\:10 { color: hsl(0, 68%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:20, html.auto .sf-c-txt-firebrick\:20 { color: hsl(0, 68%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:30, html.auto .sf-c-txt-firebrick\:30 { color: hsl(0, 68%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:40, html.auto .sf-c-txt-firebrick\:40 { color: hsl(0, 68%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:50, html.auto .sf-c-txt-firebrick\:50 { color: hsl(0, 68%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:60, html.auto .sf-c-txt-firebrick\:60 { color: hsl(0, 68%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:70, html.auto .sf-c-txt-firebrick\:70 { color: hsl(0, 68%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:80, html.auto .sf-c-txt-firebrick\:80 { color: hsl(0, 68%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:90, html.auto .sf-c-txt-firebrick\:90 { color: hsl(0, 68%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:100, html.auto .sf-c-txt-firebrick\:100 { color: hsl(0, 68%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-firebrick\:dark, html.auto .sf-c-txt-firebrick\:dark { color: hsl(0, 68%, 42%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:0\:dark, html.auto .sf-c-txt-firebrick\:0\:dark { color: hsl(0, 68%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:10\:dark, html.auto .sf-c-txt-firebrick\:10\:dark { color: hsl(0, 68%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:20\:dark, html.auto .sf-c-txt-firebrick\:20\:dark { color: hsl(0, 68%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:30\:dark, html.auto .sf-c-txt-firebrick\:30\:dark { color: hsl(0, 68%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:40\:dark, html.auto .sf-c-txt-firebrick\:40\:dark { color: hsl(0, 68%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:50\:dark, html.auto .sf-c-txt-firebrick\:50\:dark { color: hsl(0, 68%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:60\:dark, html.auto .sf-c-txt-firebrick\:60\:dark { color: hsl(0, 68%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:70\:dark, html.auto .sf-c-txt-firebrick\:70\:dark { color: hsl(0, 68%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:80\:dark, html.auto .sf-c-txt-firebrick\:80\:dark { color: hsl(0, 68%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:90\:dark, html.auto .sf-c-txt-firebrick\:90\:dark { color: hsl(0, 68%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:100\:dark, html.auto .sf-c-txt-firebrick\:100\:dark { color: hsl(0, 68%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/floralwhite.css b/src/colors/10/floralwhite.css index fc0ea80..684d28c 100644 --- a/src/colors/10/floralwhite.css +++ b/src/colors/10/floralwhite.css @@ -78,6 +78,32 @@ html.var .sf-c-floralwhite\:80 { color: hsl(40, 100%, 10%); background: hsl(40, html.var .sf-c-floralwhite\:90 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 90%) } html.var .sf-c-floralwhite\:100 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 100%) } +.sf-c-txt-floralwhite { color: hsl(var(--sf-dark-c-txt-floralwhite)) } +.sf-c-txt-floralwhite\:0 { color: hsl(var(--sf-dark-c-txt-floralwhite-100)) } +.sf-c-txt-floralwhite\:10 { color: hsl(var(--sf-dark-c-txt-floralwhite-90)) } +.sf-c-txt-floralwhite\:20 { color: hsl(var(--sf-dark-c-txt-floralwhite-80)) } +.sf-c-txt-floralwhite\:30 { color: hsl(var(--sf-dark-c-txt-floralwhite-70)) } +.sf-c-txt-floralwhite\:40 { color: hsl(var(--sf-dark-c-txt-floralwhite-60)) } +.sf-c-txt-floralwhite\:50 { color: hsl(var(--sf-dark-c-txt-floralwhite-50)) } +.sf-c-txt-floralwhite\:60 { color: hsl(var(--sf-dark-c-txt-floralwhite-40)) } +.sf-c-txt-floralwhite\:70 { color: hsl(var(--sf-dark-c-txt-floralwhite-30)) } +.sf-c-txt-floralwhite\:80 { color: hsl(var(--sf-dark-c-txt-floralwhite-20)) } +.sf-c-txt-floralwhite\:90 { color: hsl(var(--sf-dark-c-txt-floralwhite-10)) } +.sf-c-txt-floralwhite\:100 { color: hsl(var(--sf-dark-c-txt-floralwhite-0)) } + +html.var .sf-c-txt-floralwhite { color: hsl(40, 100%, 3%) } +html.var .sf-c-txt-floralwhite\:0 { color: hsl(40, 100%, 100%) } +html.var .sf-c-txt-floralwhite\:10 { color: hsl(40, 100%, 90%) } +html.var .sf-c-txt-floralwhite\:20 { color: hsl(40, 100%, 80%) } +html.var .sf-c-txt-floralwhite\:30 { color: hsl(40, 100%, 70%) } +html.var .sf-c-txt-floralwhite\:40 { color: hsl(40, 100%, 60%) } +html.var .sf-c-txt-floralwhite\:50 { color: hsl(40, 100%, 50%) } +html.var .sf-c-txt-floralwhite\:60 { color: hsl(40, 100%, 40%) } +html.var .sf-c-txt-floralwhite\:70 { color: hsl(40, 100%, 30%) } +html.var .sf-c-txt-floralwhite\:80 { color: hsl(40, 100%, 20%) } +html.var .sf-c-txt-floralwhite\:90 { color: hsl(40, 100%, 10%) } +html.var .sf-c-txt-floralwhite\:100 { color: hsl(40, 100%, 0%) } + html[data-theme='dark'] .sf-c-floralwhite, html.dark .sf-c-floralwhite { color: hsl(var(--sf-dark-c-txt-floralwhite-90)); background: hsl(var(--sf-dark-c-floralwhite)) } html[data-theme='dark'] .sf-c-floralwhite\:0, html.dark .sf-c-floralwhite\:0 { color: hsl(var(--sf-dark-c-txt-floralwhite-90)); background: hsl(var(--sf-dark-c-floralwhite-100)) } html[data-theme='dark'] .sf-c-floralwhite\:10, html.dark .sf-c-floralwhite\:10 { color: hsl(var(--sf-dark-c-txt-floralwhite-10)); background: hsl(var(--sf-dark-c-floralwhite-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-floralwhite\:80\:dark, html.dark .sf-c-floralwhite html[data-theme='dark'] .sf-c-floralwhite\:90\:dark, html.dark .sf-c-floralwhite\:90\:dark { color: hsl(var(--sf-c-txt-floralwhite-90)); background: hsl(var(--sf-c-floralwhite-10)) } html[data-theme='dark'] .sf-c-floralwhite\:100\:dark, html.dark .sf-c-floralwhite\:100\:dark { color: hsl(var(--sf-c-txt-floralwhite-90)); background: hsl(var(--sf-c-floralwhite-0)) } +html[data-theme='dark'] .sf-c-txt-floralwhite, html.dark .sf-c-txt-floralwhite { color: hsl(var(--sf-c-txt-floralwhite)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:0, html.dark .sf-c-txt-floralwhite\:0 { color: hsl(var(--sf-c-txt-floralwhite-0)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:10, html.dark .sf-c-txt-floralwhite\:10 { color: hsl(var(--sf-c-txt-floralwhite-10)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:20, html.dark .sf-c-txt-floralwhite\:20 { color: hsl(var(--sf-c-txt-floralwhite-20)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:30, html.dark .sf-c-txt-floralwhite\:30 { color: hsl(var(--sf-c-txt-floralwhite-30)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:40, html.dark .sf-c-txt-floralwhite\:40 { color: hsl(var(--sf-c-txt-floralwhite-40)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:50, html.dark .sf-c-txt-floralwhite\:50 { color: hsl(var(--sf-c-txt-floralwhite-50)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:60, html.dark .sf-c-txt-floralwhite\:60 { color: hsl(var(--sf-c-txt-floralwhite-60)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:70, html.dark .sf-c-txt-floralwhite\:70 { color: hsl(var(--sf-c-txt-floralwhite-70)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:80, html.dark .sf-c-txt-floralwhite\:80 { color: hsl(var(--sf-c-txt-floralwhite-80)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:90, html.dark .sf-c-txt-floralwhite\:90 { color: hsl(var(--sf-c-txt-floralwhite-90)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:100, html.dark .sf-c-txt-floralwhite\:100 { color: hsl(var(--sf-c-txt-floralwhite-100)) } + +html[data-theme='dark'] .sf-c-txt-floralwhite\:dark, html.dark .sf-c-txt-floralwhite\:dark { color: hsl(var(--sf-c-txt-floralwhite)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:0\:dark, html.dark .sf-c-txt-floralwhite\:0\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-0)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:10\:dark, html.dark .sf-c-txt-floralwhite\:10\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-10)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:20\:dark, html.dark .sf-c-txt-floralwhite\:20\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-20)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:30\:dark, html.dark .sf-c-txt-floralwhite\:30\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-30)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:40\:dark, html.dark .sf-c-txt-floralwhite\:40\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-40)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:50\:dark, html.dark .sf-c-txt-floralwhite\:50\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-50)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:60\:dark, html.dark .sf-c-txt-floralwhite\:60\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-60)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:70\:dark, html.dark .sf-c-txt-floralwhite\:70\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-70)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:80\:dark, html.dark .sf-c-txt-floralwhite\:80\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-80)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:90\:dark, html.dark .sf-c-txt-floralwhite\:90\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-90)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:100\:dark, html.dark .sf-c-txt-floralwhite\:100\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-100)) } + html.var[data-theme='dark'] .sf-c-floralwhite, html.var.dark .sf-c-floralwhite { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 3%) } html.var[data-theme='dark'] .sf-c-floralwhite\:0, html.var.dark .sf-c-floralwhite\:0 { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 100%) } html.var[data-theme='dark'] .sf-c-floralwhite\:10, html.var.dark .sf-c-floralwhite\:10 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-floralwhite\:80\:dark, html.var.dark .sf-c-flo html.var[data-theme='dark'] .sf-c-floralwhite\:90\:dark, html.var.dark .sf-c-floralwhite\:90\:dark { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 10%) } html.var[data-theme='dark'] .sf-c-floralwhite\:100\:dark, html.var.dark .sf-c-floralwhite\:100\:dark { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite, html.dark .sf-c-txt-floralwhite { color: hsl(40, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:0, html.dark .sf-c-txt-floralwhite\:0 { color: hsl(40, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:10, html.dark .sf-c-txt-floralwhite\:10 { color: hsl(40, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:20, html.dark .sf-c-txt-floralwhite\:20 { color: hsl(40, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:30, html.dark .sf-c-txt-floralwhite\:30 { color: hsl(40, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:40, html.dark .sf-c-txt-floralwhite\:40 { color: hsl(40, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:50, html.dark .sf-c-txt-floralwhite\:50 { color: hsl(40, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:60, html.dark .sf-c-txt-floralwhite\:60 { color: hsl(40, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:70, html.dark .sf-c-txt-floralwhite\:70 { color: hsl(40, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:80, html.dark .sf-c-txt-floralwhite\:80 { color: hsl(40, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:90, html.dark .sf-c-txt-floralwhite\:90 { color: hsl(40, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:100, html.dark .sf-c-txt-floralwhite\:100 { color: hsl(40, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:dark, html.dark .sf-c-txt-floralwhite\:dark { color: hsl(40, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:0\:dark, html.dark .sf-c-txt-floralwhite\:0\:dark { color: hsl(40, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:10\:dark, html.dark .sf-c-txt-floralwhite\:10\:dark { color: hsl(40, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:20\:dark, html.dark .sf-c-txt-floralwhite\:20\:dark { color: hsl(40, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:30\:dark, html.dark .sf-c-txt-floralwhite\:30\:dark { color: hsl(40, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:40\:dark, html.dark .sf-c-txt-floralwhite\:40\:dark { color: hsl(40, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:50\:dark, html.dark .sf-c-txt-floralwhite\:50\:dark { color: hsl(40, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:60\:dark, html.dark .sf-c-txt-floralwhite\:60\:dark { color: hsl(40, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:70\:dark, html.dark .sf-c-txt-floralwhite\:70\:dark { color: hsl(40, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:80\:dark, html.dark .sf-c-txt-floralwhite\:80\:dark { color: hsl(40, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:90\:dark, html.dark .sf-c-txt-floralwhite\:90\:dark { color: hsl(40, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:100\:dark, html.dark .sf-c-txt-floralwhite\:100\:dark { color: hsl(40, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-floralwhite, html.auto .sf-c-floralwhite { color: hsl(var(--sf-dark-c-txt-floralwhite-90)); background: hsl(var(--sf-dark-c-floralwhite)) } html[data-theme='auto'] .sf-c-floralwhite\:0, html.auto .sf-c-floralwhite\:0 { color: hsl(var(--sf-dark-c-txt-floralwhite-90)); background: hsl(var(--sf-dark-c-floralwhite-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-floralwhite\:100\:dark, html.var.dark .sf-c-fl html[data-theme='auto'] .sf-c-floralwhite\:90\:dark, html.auto .sf-c-floralwhite\:90\:dark { color: hsl(var(--sf-c-txt-floralwhite-90)); background: hsl(var(--sf-c-floralwhite-10)) } html[data-theme='auto'] .sf-c-floralwhite\:100\:dark, html.auto .sf-c-floralwhite\:100\:dark { color: hsl(var(--sf-c-txt-floralwhite-90)); background: hsl(var(--sf-c-floralwhite-0)) } + html[data-theme='auto'] .sf-c-txt-floralwhite, html.auto .sf-c-txt-floralwhite { color: hsl(var(--sf-c-txt-floralwhite)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:0, html.auto .sf-c-txt-floralwhite\:0 { color: hsl(var(--sf-c-txt-floralwhite-0)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:10, html.auto .sf-c-txt-floralwhite\:10 { color: hsl(var(--sf-c-txt-floralwhite-10)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:20, html.auto .sf-c-txt-floralwhite\:20 { color: hsl(var(--sf-c-txt-floralwhite-20)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:30, html.auto .sf-c-txt-floralwhite\:30 { color: hsl(var(--sf-c-txt-floralwhite-30)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:40, html.auto .sf-c-txt-floralwhite\:40 { color: hsl(var(--sf-c-txt-floralwhite-40)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:50, html.auto .sf-c-txt-floralwhite\:50 { color: hsl(var(--sf-c-txt-floralwhite-50)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:60, html.auto .sf-c-txt-floralwhite\:60 { color: hsl(var(--sf-c-txt-floralwhite-60)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:70, html.auto .sf-c-txt-floralwhite\:70 { color: hsl(var(--sf-c-txt-floralwhite-70)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:80, html.auto .sf-c-txt-floralwhite\:80 { color: hsl(var(--sf-c-txt-floralwhite-80)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:90, html.auto .sf-c-txt-floralwhite\:90 { color: hsl(var(--sf-c-txt-floralwhite-90)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:100, html.auto .sf-c-txt-floralwhite\:100 { color: hsl(var(--sf-c-txt-floralwhite-100)) } + + html[data-theme='auto'] .sf-c-txt-floralwhite\:dark, html.auto .sf-c-txt-floralwhite\:dark { color: hsl(var(--sf-c-txt-floralwhite)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:0\:dark, html.auto .sf-c-txt-floralwhite\:0\:dark { color: hsl(var(--sf-c-txt-floralwhite-0)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:10\:dark, html.auto .sf-c-txt-floralwhite\:10\:dark { color: hsl(var(--sf-c-txt-floralwhite-10)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:20\:dark, html.auto .sf-c-txt-floralwhite\:20\:dark { color: hsl(var(--sf-c-txt-floralwhite-20)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:30\:dark, html.auto .sf-c-txt-floralwhite\:30\:dark { color: hsl(var(--sf-c-txt-floralwhite-30)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:40\:dark, html.auto .sf-c-txt-floralwhite\:40\:dark { color: hsl(var(--sf-c-txt-floralwhite-40)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:50\:dark, html.auto .sf-c-txt-floralwhite\:50\:dark { color: hsl(var(--sf-c-txt-floralwhite-50)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:60\:dark, html.auto .sf-c-txt-floralwhite\:60\:dark { color: hsl(var(--sf-c-txt-floralwhite-60)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:70\:dark, html.auto .sf-c-txt-floralwhite\:70\:dark { color: hsl(var(--sf-c-txt-floralwhite-70)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:80\:dark, html.auto .sf-c-txt-floralwhite\:80\:dark { color: hsl(var(--sf-c-txt-floralwhite-80)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:90\:dark, html.auto .sf-c-txt-floralwhite\:90\:dark { color: hsl(var(--sf-c-txt-floralwhite-90)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:100\:dark, html.auto .sf-c-txt-floralwhite\:100\:dark { color: hsl(var(--sf-c-txt-floralwhite-100)) } + html.var[data-theme='auto'] .sf-c-floralwhite, html.var.auto .sf-c-floralwhite { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 3%) } html.var[data-theme='auto'] .sf-c-floralwhite\:0, html.var.auto .sf-c-floralwhite\:0 { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 100%) } html.var[data-theme='auto'] .sf-c-floralwhite\:10, html.var.auto .sf-c-floralwhite\:10 { color: hsl(40, 100%, 10%); background: hsl(40, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-floralwhite\:100\:dark, html.var.dark .sf-c-fl html.var[data-theme='auto'] .sf-c-floralwhite\:80\:dark, html.var.auto .sf-c-floralwhite\:80\:dark { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 20%) } html.var[data-theme='auto'] .sf-c-floralwhite\:90\:dark, html.var.auto .sf-c-floralwhite\:90\:dark { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 10%) } html.var[data-theme='auto'] .sf-c-floralwhite\:100\:dark, html.var.auto .sf-c-floralwhite\:100\:dark { color: hsl(40, 100%, 90%); background: hsl(40, 100%, 0%) } -} -.sf-c-txt-floralwhite { color: hsl(var(--sf-c-txt-floralwhite)) } -.sf-c-txt-floralwhite\:0 { color: hsl(var(--sf-c-txt-floralwhite-0)) } -.sf-c-txt-floralwhite\:10 { color: hsl(var(--sf-c-txt-floralwhite-10)) } -.sf-c-txt-floralwhite\:20 { color: hsl(var(--sf-c-txt-floralwhite-20)) } -.sf-c-txt-floralwhite\:30 { color: hsl(var(--sf-c-txt-floralwhite-30)) } -.sf-c-txt-floralwhite\:40 { color: hsl(var(--sf-c-txt-floralwhite-40)) } -.sf-c-txt-floralwhite\:50 { color: hsl(var(--sf-c-txt-floralwhite-50)) } -.sf-c-txt-floralwhite\:60 { color: hsl(var(--sf-c-txt-floralwhite-60)) } -.sf-c-txt-floralwhite\:70 { color: hsl(var(--sf-c-txt-floralwhite-70)) } -.sf-c-txt-floralwhite\:80 { color: hsl(var(--sf-c-txt-floralwhite-80)) } -.sf-c-txt-floralwhite\:90 { color: hsl(var(--sf-c-txt-floralwhite-90)) } -.sf-c-txt-floralwhite\:100 { color: hsl(var(--sf-c-txt-floralwhite-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-floralwhite, html.auto .sf-c-txt-floralwhite { color: hsl(40, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:0, html.auto .sf-c-txt-floralwhite\:0 { color: hsl(40, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:10, html.auto .sf-c-txt-floralwhite\:10 { color: hsl(40, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:20, html.auto .sf-c-txt-floralwhite\:20 { color: hsl(40, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:30, html.auto .sf-c-txt-floralwhite\:30 { color: hsl(40, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:40, html.auto .sf-c-txt-floralwhite\:40 { color: hsl(40, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:50, html.auto .sf-c-txt-floralwhite\:50 { color: hsl(40, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:60, html.auto .sf-c-txt-floralwhite\:60 { color: hsl(40, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:70, html.auto .sf-c-txt-floralwhite\:70 { color: hsl(40, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:80, html.auto .sf-c-txt-floralwhite\:80 { color: hsl(40, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:90, html.auto .sf-c-txt-floralwhite\:90 { color: hsl(40, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:100, html.auto .sf-c-txt-floralwhite\:100 { color: hsl(40, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:dark, html.auto .sf-c-txt-floralwhite\:dark { color: hsl(40, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:0\:dark, html.auto .sf-c-txt-floralwhite\:0\:dark { color: hsl(40, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:10\:dark, html.auto .sf-c-txt-floralwhite\:10\:dark { color: hsl(40, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:20\:dark, html.auto .sf-c-txt-floralwhite\:20\:dark { color: hsl(40, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:30\:dark, html.auto .sf-c-txt-floralwhite\:30\:dark { color: hsl(40, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:40\:dark, html.auto .sf-c-txt-floralwhite\:40\:dark { color: hsl(40, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:50\:dark, html.auto .sf-c-txt-floralwhite\:50\:dark { color: hsl(40, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:60\:dark, html.auto .sf-c-txt-floralwhite\:60\:dark { color: hsl(40, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:70\:dark, html.auto .sf-c-txt-floralwhite\:70\:dark { color: hsl(40, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:80\:dark, html.auto .sf-c-txt-floralwhite\:80\:dark { color: hsl(40, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:90\:dark, html.auto .sf-c-txt-floralwhite\:90\:dark { color: hsl(40, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:100\:dark, html.auto .sf-c-txt-floralwhite\:100\:dark { color: hsl(40, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/forestgreen.css b/src/colors/10/forestgreen.css index 87d0dfe..b2c1cff 100644 --- a/src/colors/10/forestgreen.css +++ b/src/colors/10/forestgreen.css @@ -78,6 +78,32 @@ html.var .sf-c-forestgreen\:80 { color: hsl(120, 61%, 10%); background: hsl(120, html.var .sf-c-forestgreen\:90 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } html.var .sf-c-forestgreen\:100 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 100%) } +.sf-c-txt-forestgreen { color: hsl(var(--sf-dark-c-txt-forestgreen)) } +.sf-c-txt-forestgreen\:0 { color: hsl(var(--sf-dark-c-txt-forestgreen-100)) } +.sf-c-txt-forestgreen\:10 { color: hsl(var(--sf-dark-c-txt-forestgreen-90)) } +.sf-c-txt-forestgreen\:20 { color: hsl(var(--sf-dark-c-txt-forestgreen-80)) } +.sf-c-txt-forestgreen\:30 { color: hsl(var(--sf-dark-c-txt-forestgreen-70)) } +.sf-c-txt-forestgreen\:40 { color: hsl(var(--sf-dark-c-txt-forestgreen-60)) } +.sf-c-txt-forestgreen\:50 { color: hsl(var(--sf-dark-c-txt-forestgreen-50)) } +.sf-c-txt-forestgreen\:60 { color: hsl(var(--sf-dark-c-txt-forestgreen-40)) } +.sf-c-txt-forestgreen\:70 { color: hsl(var(--sf-dark-c-txt-forestgreen-30)) } +.sf-c-txt-forestgreen\:80 { color: hsl(var(--sf-dark-c-txt-forestgreen-20)) } +.sf-c-txt-forestgreen\:90 { color: hsl(var(--sf-dark-c-txt-forestgreen-10)) } +.sf-c-txt-forestgreen\:100 { color: hsl(var(--sf-dark-c-txt-forestgreen-0)) } + +html.var .sf-c-txt-forestgreen { color: hsl(120, 61%, 66%) } +html.var .sf-c-txt-forestgreen\:0 { color: hsl(120, 61%, 100%) } +html.var .sf-c-txt-forestgreen\:10 { color: hsl(120, 61%, 90%) } +html.var .sf-c-txt-forestgreen\:20 { color: hsl(120, 61%, 80%) } +html.var .sf-c-txt-forestgreen\:30 { color: hsl(120, 61%, 70%) } +html.var .sf-c-txt-forestgreen\:40 { color: hsl(120, 61%, 60%) } +html.var .sf-c-txt-forestgreen\:50 { color: hsl(120, 61%, 50%) } +html.var .sf-c-txt-forestgreen\:60 { color: hsl(120, 61%, 40%) } +html.var .sf-c-txt-forestgreen\:70 { color: hsl(120, 61%, 30%) } +html.var .sf-c-txt-forestgreen\:80 { color: hsl(120, 61%, 20%) } +html.var .sf-c-txt-forestgreen\:90 { color: hsl(120, 61%, 10%) } +html.var .sf-c-txt-forestgreen\:100 { color: hsl(120, 61%, 0%) } + html[data-theme='dark'] .sf-c-forestgreen, html.dark .sf-c-forestgreen { color: hsl(var(--sf-dark-c-txt-forestgreen-10)); background: hsl(var(--sf-dark-c-forestgreen)) } html[data-theme='dark'] .sf-c-forestgreen\:0, html.dark .sf-c-forestgreen\:0 { color: hsl(var(--sf-dark-c-txt-forestgreen-90)); background: hsl(var(--sf-dark-c-forestgreen-100)) } html[data-theme='dark'] .sf-c-forestgreen\:10, html.dark .sf-c-forestgreen\:10 { color: hsl(var(--sf-dark-c-txt-forestgreen-10)); background: hsl(var(--sf-dark-c-forestgreen-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-forestgreen\:80\:dark, html.dark .sf-c-forestgreen html[data-theme='dark'] .sf-c-forestgreen\:90\:dark, html.dark .sf-c-forestgreen\:90\:dark { color: hsl(var(--sf-c-txt-forestgreen-90)); background: hsl(var(--sf-c-forestgreen-10)) } html[data-theme='dark'] .sf-c-forestgreen\:100\:dark, html.dark .sf-c-forestgreen\:100\:dark { color: hsl(var(--sf-c-txt-forestgreen-90)); background: hsl(var(--sf-c-forestgreen-0)) } +html[data-theme='dark'] .sf-c-txt-forestgreen, html.dark .sf-c-txt-forestgreen { color: hsl(var(--sf-c-txt-forestgreen)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:0, html.dark .sf-c-txt-forestgreen\:0 { color: hsl(var(--sf-c-txt-forestgreen-0)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:10, html.dark .sf-c-txt-forestgreen\:10 { color: hsl(var(--sf-c-txt-forestgreen-10)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:20, html.dark .sf-c-txt-forestgreen\:20 { color: hsl(var(--sf-c-txt-forestgreen-20)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:30, html.dark .sf-c-txt-forestgreen\:30 { color: hsl(var(--sf-c-txt-forestgreen-30)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:40, html.dark .sf-c-txt-forestgreen\:40 { color: hsl(var(--sf-c-txt-forestgreen-40)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:50, html.dark .sf-c-txt-forestgreen\:50 { color: hsl(var(--sf-c-txt-forestgreen-50)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:60, html.dark .sf-c-txt-forestgreen\:60 { color: hsl(var(--sf-c-txt-forestgreen-60)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:70, html.dark .sf-c-txt-forestgreen\:70 { color: hsl(var(--sf-c-txt-forestgreen-70)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:80, html.dark .sf-c-txt-forestgreen\:80 { color: hsl(var(--sf-c-txt-forestgreen-80)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:90, html.dark .sf-c-txt-forestgreen\:90 { color: hsl(var(--sf-c-txt-forestgreen-90)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:100, html.dark .sf-c-txt-forestgreen\:100 { color: hsl(var(--sf-c-txt-forestgreen-100)) } + +html[data-theme='dark'] .sf-c-txt-forestgreen\:dark, html.dark .sf-c-txt-forestgreen\:dark { color: hsl(var(--sf-c-txt-forestgreen)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:0\:dark, html.dark .sf-c-txt-forestgreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-0)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:10\:dark, html.dark .sf-c-txt-forestgreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-10)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:20\:dark, html.dark .sf-c-txt-forestgreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-20)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:30\:dark, html.dark .sf-c-txt-forestgreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-30)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:40\:dark, html.dark .sf-c-txt-forestgreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-40)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:50\:dark, html.dark .sf-c-txt-forestgreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-50)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:60\:dark, html.dark .sf-c-txt-forestgreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-60)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:70\:dark, html.dark .sf-c-txt-forestgreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-70)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:80\:dark, html.dark .sf-c-txt-forestgreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-80)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:90\:dark, html.dark .sf-c-txt-forestgreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-90)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:100\:dark, html.dark .sf-c-txt-forestgreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-100)) } + html.var[data-theme='dark'] .sf-c-forestgreen, html.var.dark .sf-c-forestgreen { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 66%) } html.var[data-theme='dark'] .sf-c-forestgreen\:0, html.var.dark .sf-c-forestgreen\:0 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 100%) } html.var[data-theme='dark'] .sf-c-forestgreen\:10, html.var.dark .sf-c-forestgreen\:10 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-forestgreen\:80\:dark, html.var.dark .sf-c-for html.var[data-theme='dark'] .sf-c-forestgreen\:90\:dark, html.var.dark .sf-c-forestgreen\:90\:dark { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 10%) } html.var[data-theme='dark'] .sf-c-forestgreen\:100\:dark, html.var.dark .sf-c-forestgreen\:100\:dark { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen, html.dark .sf-c-txt-forestgreen { color: hsl(120, 61%, 34%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:0, html.dark .sf-c-txt-forestgreen\:0 { color: hsl(120, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:10, html.dark .sf-c-txt-forestgreen\:10 { color: hsl(120, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:20, html.dark .sf-c-txt-forestgreen\:20 { color: hsl(120, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:30, html.dark .sf-c-txt-forestgreen\:30 { color: hsl(120, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:40, html.dark .sf-c-txt-forestgreen\:40 { color: hsl(120, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:50, html.dark .sf-c-txt-forestgreen\:50 { color: hsl(120, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:60, html.dark .sf-c-txt-forestgreen\:60 { color: hsl(120, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:70, html.dark .sf-c-txt-forestgreen\:70 { color: hsl(120, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:80, html.dark .sf-c-txt-forestgreen\:80 { color: hsl(120, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:90, html.dark .sf-c-txt-forestgreen\:90 { color: hsl(120, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:100, html.dark .sf-c-txt-forestgreen\:100 { color: hsl(120, 61%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:dark, html.dark .sf-c-txt-forestgreen\:dark { color: hsl(120, 61%, 34%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:0\:dark, html.dark .sf-c-txt-forestgreen\:0\:dark { color: hsl(120, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:10\:dark, html.dark .sf-c-txt-forestgreen\:10\:dark { color: hsl(120, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:20\:dark, html.dark .sf-c-txt-forestgreen\:20\:dark { color: hsl(120, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:30\:dark, html.dark .sf-c-txt-forestgreen\:30\:dark { color: hsl(120, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:40\:dark, html.dark .sf-c-txt-forestgreen\:40\:dark { color: hsl(120, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:50\:dark, html.dark .sf-c-txt-forestgreen\:50\:dark { color: hsl(120, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:60\:dark, html.dark .sf-c-txt-forestgreen\:60\:dark { color: hsl(120, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:70\:dark, html.dark .sf-c-txt-forestgreen\:70\:dark { color: hsl(120, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:80\:dark, html.dark .sf-c-txt-forestgreen\:80\:dark { color: hsl(120, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:90\:dark, html.dark .sf-c-txt-forestgreen\:90\:dark { color: hsl(120, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:100\:dark, html.dark .sf-c-txt-forestgreen\:100\:dark { color: hsl(120, 61%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-forestgreen, html.auto .sf-c-forestgreen { color: hsl(var(--sf-dark-c-txt-forestgreen-10)); background: hsl(var(--sf-dark-c-forestgreen)) } html[data-theme='auto'] .sf-c-forestgreen\:0, html.auto .sf-c-forestgreen\:0 { color: hsl(var(--sf-dark-c-txt-forestgreen-90)); background: hsl(var(--sf-dark-c-forestgreen-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-forestgreen\:100\:dark, html.var.dark .sf-c-fo html[data-theme='auto'] .sf-c-forestgreen\:90\:dark, html.auto .sf-c-forestgreen\:90\:dark { color: hsl(var(--sf-c-txt-forestgreen-90)); background: hsl(var(--sf-c-forestgreen-10)) } html[data-theme='auto'] .sf-c-forestgreen\:100\:dark, html.auto .sf-c-forestgreen\:100\:dark { color: hsl(var(--sf-c-txt-forestgreen-90)); background: hsl(var(--sf-c-forestgreen-0)) } + html[data-theme='auto'] .sf-c-txt-forestgreen, html.auto .sf-c-txt-forestgreen { color: hsl(var(--sf-c-txt-forestgreen)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:0, html.auto .sf-c-txt-forestgreen\:0 { color: hsl(var(--sf-c-txt-forestgreen-0)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:10, html.auto .sf-c-txt-forestgreen\:10 { color: hsl(var(--sf-c-txt-forestgreen-10)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:20, html.auto .sf-c-txt-forestgreen\:20 { color: hsl(var(--sf-c-txt-forestgreen-20)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:30, html.auto .sf-c-txt-forestgreen\:30 { color: hsl(var(--sf-c-txt-forestgreen-30)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:40, html.auto .sf-c-txt-forestgreen\:40 { color: hsl(var(--sf-c-txt-forestgreen-40)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:50, html.auto .sf-c-txt-forestgreen\:50 { color: hsl(var(--sf-c-txt-forestgreen-50)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:60, html.auto .sf-c-txt-forestgreen\:60 { color: hsl(var(--sf-c-txt-forestgreen-60)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:70, html.auto .sf-c-txt-forestgreen\:70 { color: hsl(var(--sf-c-txt-forestgreen-70)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:80, html.auto .sf-c-txt-forestgreen\:80 { color: hsl(var(--sf-c-txt-forestgreen-80)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:90, html.auto .sf-c-txt-forestgreen\:90 { color: hsl(var(--sf-c-txt-forestgreen-90)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:100, html.auto .sf-c-txt-forestgreen\:100 { color: hsl(var(--sf-c-txt-forestgreen-100)) } + + html[data-theme='auto'] .sf-c-txt-forestgreen\:dark, html.auto .sf-c-txt-forestgreen\:dark { color: hsl(var(--sf-c-txt-forestgreen)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:0\:dark, html.auto .sf-c-txt-forestgreen\:0\:dark { color: hsl(var(--sf-c-txt-forestgreen-0)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:10\:dark, html.auto .sf-c-txt-forestgreen\:10\:dark { color: hsl(var(--sf-c-txt-forestgreen-10)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:20\:dark, html.auto .sf-c-txt-forestgreen\:20\:dark { color: hsl(var(--sf-c-txt-forestgreen-20)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:30\:dark, html.auto .sf-c-txt-forestgreen\:30\:dark { color: hsl(var(--sf-c-txt-forestgreen-30)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:40\:dark, html.auto .sf-c-txt-forestgreen\:40\:dark { color: hsl(var(--sf-c-txt-forestgreen-40)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:50\:dark, html.auto .sf-c-txt-forestgreen\:50\:dark { color: hsl(var(--sf-c-txt-forestgreen-50)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:60\:dark, html.auto .sf-c-txt-forestgreen\:60\:dark { color: hsl(var(--sf-c-txt-forestgreen-60)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:70\:dark, html.auto .sf-c-txt-forestgreen\:70\:dark { color: hsl(var(--sf-c-txt-forestgreen-70)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:80\:dark, html.auto .sf-c-txt-forestgreen\:80\:dark { color: hsl(var(--sf-c-txt-forestgreen-80)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:90\:dark, html.auto .sf-c-txt-forestgreen\:90\:dark { color: hsl(var(--sf-c-txt-forestgreen-90)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:100\:dark, html.auto .sf-c-txt-forestgreen\:100\:dark { color: hsl(var(--sf-c-txt-forestgreen-100)) } + html.var[data-theme='auto'] .sf-c-forestgreen, html.var.auto .sf-c-forestgreen { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 66%) } html.var[data-theme='auto'] .sf-c-forestgreen\:0, html.var.auto .sf-c-forestgreen\:0 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 100%) } html.var[data-theme='auto'] .sf-c-forestgreen\:10, html.var.auto .sf-c-forestgreen\:10 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-forestgreen\:100\:dark, html.var.dark .sf-c-fo html.var[data-theme='auto'] .sf-c-forestgreen\:80\:dark, html.var.auto .sf-c-forestgreen\:80\:dark { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 20%) } html.var[data-theme='auto'] .sf-c-forestgreen\:90\:dark, html.var.auto .sf-c-forestgreen\:90\:dark { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 10%) } html.var[data-theme='auto'] .sf-c-forestgreen\:100\:dark, html.var.auto .sf-c-forestgreen\:100\:dark { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 0%) } -} -.sf-c-txt-forestgreen { color: hsl(var(--sf-c-txt-forestgreen)) } -.sf-c-txt-forestgreen\:0 { color: hsl(var(--sf-c-txt-forestgreen-0)) } -.sf-c-txt-forestgreen\:10 { color: hsl(var(--sf-c-txt-forestgreen-10)) } -.sf-c-txt-forestgreen\:20 { color: hsl(var(--sf-c-txt-forestgreen-20)) } -.sf-c-txt-forestgreen\:30 { color: hsl(var(--sf-c-txt-forestgreen-30)) } -.sf-c-txt-forestgreen\:40 { color: hsl(var(--sf-c-txt-forestgreen-40)) } -.sf-c-txt-forestgreen\:50 { color: hsl(var(--sf-c-txt-forestgreen-50)) } -.sf-c-txt-forestgreen\:60 { color: hsl(var(--sf-c-txt-forestgreen-60)) } -.sf-c-txt-forestgreen\:70 { color: hsl(var(--sf-c-txt-forestgreen-70)) } -.sf-c-txt-forestgreen\:80 { color: hsl(var(--sf-c-txt-forestgreen-80)) } -.sf-c-txt-forestgreen\:90 { color: hsl(var(--sf-c-txt-forestgreen-90)) } -.sf-c-txt-forestgreen\:100 { color: hsl(var(--sf-c-txt-forestgreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-forestgreen, html.auto .sf-c-txt-forestgreen { color: hsl(120, 61%, 34%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:0, html.auto .sf-c-txt-forestgreen\:0 { color: hsl(120, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:10, html.auto .sf-c-txt-forestgreen\:10 { color: hsl(120, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:20, html.auto .sf-c-txt-forestgreen\:20 { color: hsl(120, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:30, html.auto .sf-c-txt-forestgreen\:30 { color: hsl(120, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:40, html.auto .sf-c-txt-forestgreen\:40 { color: hsl(120, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:50, html.auto .sf-c-txt-forestgreen\:50 { color: hsl(120, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:60, html.auto .sf-c-txt-forestgreen\:60 { color: hsl(120, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:70, html.auto .sf-c-txt-forestgreen\:70 { color: hsl(120, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:80, html.auto .sf-c-txt-forestgreen\:80 { color: hsl(120, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:90, html.auto .sf-c-txt-forestgreen\:90 { color: hsl(120, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:100, html.auto .sf-c-txt-forestgreen\:100 { color: hsl(120, 61%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:dark, html.auto .sf-c-txt-forestgreen\:dark { color: hsl(120, 61%, 34%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:0\:dark, html.auto .sf-c-txt-forestgreen\:0\:dark { color: hsl(120, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:10\:dark, html.auto .sf-c-txt-forestgreen\:10\:dark { color: hsl(120, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:20\:dark, html.auto .sf-c-txt-forestgreen\:20\:dark { color: hsl(120, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:30\:dark, html.auto .sf-c-txt-forestgreen\:30\:dark { color: hsl(120, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:40\:dark, html.auto .sf-c-txt-forestgreen\:40\:dark { color: hsl(120, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:50\:dark, html.auto .sf-c-txt-forestgreen\:50\:dark { color: hsl(120, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:60\:dark, html.auto .sf-c-txt-forestgreen\:60\:dark { color: hsl(120, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:70\:dark, html.auto .sf-c-txt-forestgreen\:70\:dark { color: hsl(120, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:80\:dark, html.auto .sf-c-txt-forestgreen\:80\:dark { color: hsl(120, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:90\:dark, html.auto .sf-c-txt-forestgreen\:90\:dark { color: hsl(120, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:100\:dark, html.auto .sf-c-txt-forestgreen\:100\:dark { color: hsl(120, 61%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/fuchsia.css b/src/colors/10/fuchsia.css index aaa1f9a..fcc89e5 100644 --- a/src/colors/10/fuchsia.css +++ b/src/colors/10/fuchsia.css @@ -78,6 +78,32 @@ html.var .sf-c-fuchsia\:80 { color: hsl(300, 100%, 10%); background: hsl(300, 10 html.var .sf-c-fuchsia\:90 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } html.var .sf-c-fuchsia\:100 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } +.sf-c-txt-fuchsia { color: hsl(var(--sf-dark-c-txt-fuchsia)) } +.sf-c-txt-fuchsia\:0 { color: hsl(var(--sf-dark-c-txt-fuchsia-100)) } +.sf-c-txt-fuchsia\:10 { color: hsl(var(--sf-dark-c-txt-fuchsia-90)) } +.sf-c-txt-fuchsia\:20 { color: hsl(var(--sf-dark-c-txt-fuchsia-80)) } +.sf-c-txt-fuchsia\:30 { color: hsl(var(--sf-dark-c-txt-fuchsia-70)) } +.sf-c-txt-fuchsia\:40 { color: hsl(var(--sf-dark-c-txt-fuchsia-60)) } +.sf-c-txt-fuchsia\:50 { color: hsl(var(--sf-dark-c-txt-fuchsia-50)) } +.sf-c-txt-fuchsia\:60 { color: hsl(var(--sf-dark-c-txt-fuchsia-40)) } +.sf-c-txt-fuchsia\:70 { color: hsl(var(--sf-dark-c-txt-fuchsia-30)) } +.sf-c-txt-fuchsia\:80 { color: hsl(var(--sf-dark-c-txt-fuchsia-20)) } +.sf-c-txt-fuchsia\:90 { color: hsl(var(--sf-dark-c-txt-fuchsia-10)) } +.sf-c-txt-fuchsia\:100 { color: hsl(var(--sf-dark-c-txt-fuchsia-0)) } + +html.var .sf-c-txt-fuchsia { color: hsl(300, 100%, 50%) } +html.var .sf-c-txt-fuchsia\:0 { color: hsl(300, 100%, 100%) } +html.var .sf-c-txt-fuchsia\:10 { color: hsl(300, 100%, 90%) } +html.var .sf-c-txt-fuchsia\:20 { color: hsl(300, 100%, 80%) } +html.var .sf-c-txt-fuchsia\:30 { color: hsl(300, 100%, 70%) } +html.var .sf-c-txt-fuchsia\:40 { color: hsl(300, 100%, 60%) } +html.var .sf-c-txt-fuchsia\:50 { color: hsl(300, 100%, 50%) } +html.var .sf-c-txt-fuchsia\:60 { color: hsl(300, 100%, 40%) } +html.var .sf-c-txt-fuchsia\:70 { color: hsl(300, 100%, 30%) } +html.var .sf-c-txt-fuchsia\:80 { color: hsl(300, 100%, 20%) } +html.var .sf-c-txt-fuchsia\:90 { color: hsl(300, 100%, 10%) } +html.var .sf-c-txt-fuchsia\:100 { color: hsl(300, 100%, 0%) } + html[data-theme='dark'] .sf-c-fuchsia, html.dark .sf-c-fuchsia { color: hsl(var(--sf-dark-c-txt-fuchsia-90)); background: hsl(var(--sf-dark-c-fuchsia)) } html[data-theme='dark'] .sf-c-fuchsia\:0, html.dark .sf-c-fuchsia\:0 { color: hsl(var(--sf-dark-c-txt-fuchsia-90)); background: hsl(var(--sf-dark-c-fuchsia-100)) } html[data-theme='dark'] .sf-c-fuchsia\:10, html.dark .sf-c-fuchsia\:10 { color: hsl(var(--sf-dark-c-txt-fuchsia-10)); background: hsl(var(--sf-dark-c-fuchsia-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-fuchsia\:80\:dark, html.dark .sf-c-fuchsia\:80\:da html[data-theme='dark'] .sf-c-fuchsia\:90\:dark, html.dark .sf-c-fuchsia\:90\:dark { color: hsl(var(--sf-c-txt-fuchsia-90)); background: hsl(var(--sf-c-fuchsia-10)) } html[data-theme='dark'] .sf-c-fuchsia\:100\:dark, html.dark .sf-c-fuchsia\:100\:dark { color: hsl(var(--sf-c-txt-fuchsia-90)); background: hsl(var(--sf-c-fuchsia-0)) } +html[data-theme='dark'] .sf-c-txt-fuchsia, html.dark .sf-c-txt-fuchsia { color: hsl(var(--sf-c-txt-fuchsia)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:0, html.dark .sf-c-txt-fuchsia\:0 { color: hsl(var(--sf-c-txt-fuchsia-0)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:10, html.dark .sf-c-txt-fuchsia\:10 { color: hsl(var(--sf-c-txt-fuchsia-10)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:20, html.dark .sf-c-txt-fuchsia\:20 { color: hsl(var(--sf-c-txt-fuchsia-20)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:30, html.dark .sf-c-txt-fuchsia\:30 { color: hsl(var(--sf-c-txt-fuchsia-30)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:40, html.dark .sf-c-txt-fuchsia\:40 { color: hsl(var(--sf-c-txt-fuchsia-40)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:50, html.dark .sf-c-txt-fuchsia\:50 { color: hsl(var(--sf-c-txt-fuchsia-50)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:60, html.dark .sf-c-txt-fuchsia\:60 { color: hsl(var(--sf-c-txt-fuchsia-60)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:70, html.dark .sf-c-txt-fuchsia\:70 { color: hsl(var(--sf-c-txt-fuchsia-70)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:80, html.dark .sf-c-txt-fuchsia\:80 { color: hsl(var(--sf-c-txt-fuchsia-80)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:90, html.dark .sf-c-txt-fuchsia\:90 { color: hsl(var(--sf-c-txt-fuchsia-90)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:100, html.dark .sf-c-txt-fuchsia\:100 { color: hsl(var(--sf-c-txt-fuchsia-100)) } + +html[data-theme='dark'] .sf-c-txt-fuchsia\:dark, html.dark .sf-c-txt-fuchsia\:dark { color: hsl(var(--sf-c-txt-fuchsia)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:0\:dark, html.dark .sf-c-txt-fuchsia\:0\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-0)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:10\:dark, html.dark .sf-c-txt-fuchsia\:10\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-10)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:20\:dark, html.dark .sf-c-txt-fuchsia\:20\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-20)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:30\:dark, html.dark .sf-c-txt-fuchsia\:30\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-30)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:40\:dark, html.dark .sf-c-txt-fuchsia\:40\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-40)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:50\:dark, html.dark .sf-c-txt-fuchsia\:50\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-50)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:60\:dark, html.dark .sf-c-txt-fuchsia\:60\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-60)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:70\:dark, html.dark .sf-c-txt-fuchsia\:70\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-70)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:80\:dark, html.dark .sf-c-txt-fuchsia\:80\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-80)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:90\:dark, html.dark .sf-c-txt-fuchsia\:90\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-90)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:100\:dark, html.dark .sf-c-txt-fuchsia\:100\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-100)) } + html.var[data-theme='dark'] .sf-c-fuchsia, html.var.dark .sf-c-fuchsia { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } html.var[data-theme='dark'] .sf-c-fuchsia\:0, html.var.dark .sf-c-fuchsia\:0 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 100%) } html.var[data-theme='dark'] .sf-c-fuchsia\:10, html.var.dark .sf-c-fuchsia\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-fuchsia\:80\:dark, html.var.dark .sf-c-fuchsia html.var[data-theme='dark'] .sf-c-fuchsia\:90\:dark, html.var.dark .sf-c-fuchsia\:90\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } html.var[data-theme='dark'] .sf-c-fuchsia\:100\:dark, html.var.dark .sf-c-fuchsia\:100\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia, html.dark .sf-c-txt-fuchsia { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:0, html.dark .sf-c-txt-fuchsia\:0 { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:10, html.dark .sf-c-txt-fuchsia\:10 { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:20, html.dark .sf-c-txt-fuchsia\:20 { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:30, html.dark .sf-c-txt-fuchsia\:30 { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:40, html.dark .sf-c-txt-fuchsia\:40 { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:50, html.dark .sf-c-txt-fuchsia\:50 { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:60, html.dark .sf-c-txt-fuchsia\:60 { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:70, html.dark .sf-c-txt-fuchsia\:70 { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:80, html.dark .sf-c-txt-fuchsia\:80 { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:90, html.dark .sf-c-txt-fuchsia\:90 { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:100, html.dark .sf-c-txt-fuchsia\:100 { color: hsl(300, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:dark, html.dark .sf-c-txt-fuchsia\:dark { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:0\:dark, html.dark .sf-c-txt-fuchsia\:0\:dark { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:10\:dark, html.dark .sf-c-txt-fuchsia\:10\:dark { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:20\:dark, html.dark .sf-c-txt-fuchsia\:20\:dark { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:30\:dark, html.dark .sf-c-txt-fuchsia\:30\:dark { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:40\:dark, html.dark .sf-c-txt-fuchsia\:40\:dark { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:50\:dark, html.dark .sf-c-txt-fuchsia\:50\:dark { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:60\:dark, html.dark .sf-c-txt-fuchsia\:60\:dark { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:70\:dark, html.dark .sf-c-txt-fuchsia\:70\:dark { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:80\:dark, html.dark .sf-c-txt-fuchsia\:80\:dark { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:90\:dark, html.dark .sf-c-txt-fuchsia\:90\:dark { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:100\:dark, html.dark .sf-c-txt-fuchsia\:100\:dark { color: hsl(300, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-fuchsia, html.auto .sf-c-fuchsia { color: hsl(var(--sf-dark-c-txt-fuchsia-90)); background: hsl(var(--sf-dark-c-fuchsia)) } html[data-theme='auto'] .sf-c-fuchsia\:0, html.auto .sf-c-fuchsia\:0 { color: hsl(var(--sf-dark-c-txt-fuchsia-90)); background: hsl(var(--sf-dark-c-fuchsia-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-fuchsia\:100\:dark, html.var.dark .sf-c-fuchsi html[data-theme='auto'] .sf-c-fuchsia\:90\:dark, html.auto .sf-c-fuchsia\:90\:dark { color: hsl(var(--sf-c-txt-fuchsia-90)); background: hsl(var(--sf-c-fuchsia-10)) } html[data-theme='auto'] .sf-c-fuchsia\:100\:dark, html.auto .sf-c-fuchsia\:100\:dark { color: hsl(var(--sf-c-txt-fuchsia-90)); background: hsl(var(--sf-c-fuchsia-0)) } + html[data-theme='auto'] .sf-c-txt-fuchsia, html.auto .sf-c-txt-fuchsia { color: hsl(var(--sf-c-txt-fuchsia)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:0, html.auto .sf-c-txt-fuchsia\:0 { color: hsl(var(--sf-c-txt-fuchsia-0)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:10, html.auto .sf-c-txt-fuchsia\:10 { color: hsl(var(--sf-c-txt-fuchsia-10)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:20, html.auto .sf-c-txt-fuchsia\:20 { color: hsl(var(--sf-c-txt-fuchsia-20)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:30, html.auto .sf-c-txt-fuchsia\:30 { color: hsl(var(--sf-c-txt-fuchsia-30)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:40, html.auto .sf-c-txt-fuchsia\:40 { color: hsl(var(--sf-c-txt-fuchsia-40)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:50, html.auto .sf-c-txt-fuchsia\:50 { color: hsl(var(--sf-c-txt-fuchsia-50)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:60, html.auto .sf-c-txt-fuchsia\:60 { color: hsl(var(--sf-c-txt-fuchsia-60)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:70, html.auto .sf-c-txt-fuchsia\:70 { color: hsl(var(--sf-c-txt-fuchsia-70)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:80, html.auto .sf-c-txt-fuchsia\:80 { color: hsl(var(--sf-c-txt-fuchsia-80)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:90, html.auto .sf-c-txt-fuchsia\:90 { color: hsl(var(--sf-c-txt-fuchsia-90)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:100, html.auto .sf-c-txt-fuchsia\:100 { color: hsl(var(--sf-c-txt-fuchsia-100)) } + + html[data-theme='auto'] .sf-c-txt-fuchsia\:dark, html.auto .sf-c-txt-fuchsia\:dark { color: hsl(var(--sf-c-txt-fuchsia)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:0\:dark, html.auto .sf-c-txt-fuchsia\:0\:dark { color: hsl(var(--sf-c-txt-fuchsia-0)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:10\:dark, html.auto .sf-c-txt-fuchsia\:10\:dark { color: hsl(var(--sf-c-txt-fuchsia-10)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:20\:dark, html.auto .sf-c-txt-fuchsia\:20\:dark { color: hsl(var(--sf-c-txt-fuchsia-20)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:30\:dark, html.auto .sf-c-txt-fuchsia\:30\:dark { color: hsl(var(--sf-c-txt-fuchsia-30)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:40\:dark, html.auto .sf-c-txt-fuchsia\:40\:dark { color: hsl(var(--sf-c-txt-fuchsia-40)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:50\:dark, html.auto .sf-c-txt-fuchsia\:50\:dark { color: hsl(var(--sf-c-txt-fuchsia-50)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:60\:dark, html.auto .sf-c-txt-fuchsia\:60\:dark { color: hsl(var(--sf-c-txt-fuchsia-60)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:70\:dark, html.auto .sf-c-txt-fuchsia\:70\:dark { color: hsl(var(--sf-c-txt-fuchsia-70)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:80\:dark, html.auto .sf-c-txt-fuchsia\:80\:dark { color: hsl(var(--sf-c-txt-fuchsia-80)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:90\:dark, html.auto .sf-c-txt-fuchsia\:90\:dark { color: hsl(var(--sf-c-txt-fuchsia-90)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:100\:dark, html.auto .sf-c-txt-fuchsia\:100\:dark { color: hsl(var(--sf-c-txt-fuchsia-100)) } + html.var[data-theme='auto'] .sf-c-fuchsia, html.var.auto .sf-c-fuchsia { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } html.var[data-theme='auto'] .sf-c-fuchsia\:0, html.var.auto .sf-c-fuchsia\:0 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 100%) } html.var[data-theme='auto'] .sf-c-fuchsia\:10, html.var.auto .sf-c-fuchsia\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-fuchsia\:100\:dark, html.var.dark .sf-c-fuchsi html.var[data-theme='auto'] .sf-c-fuchsia\:80\:dark, html.var.auto .sf-c-fuchsia\:80\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } html.var[data-theme='auto'] .sf-c-fuchsia\:90\:dark, html.var.auto .sf-c-fuchsia\:90\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } html.var[data-theme='auto'] .sf-c-fuchsia\:100\:dark, html.var.auto .sf-c-fuchsia\:100\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } -} -.sf-c-txt-fuchsia { color: hsl(var(--sf-c-txt-fuchsia)) } -.sf-c-txt-fuchsia\:0 { color: hsl(var(--sf-c-txt-fuchsia-0)) } -.sf-c-txt-fuchsia\:10 { color: hsl(var(--sf-c-txt-fuchsia-10)) } -.sf-c-txt-fuchsia\:20 { color: hsl(var(--sf-c-txt-fuchsia-20)) } -.sf-c-txt-fuchsia\:30 { color: hsl(var(--sf-c-txt-fuchsia-30)) } -.sf-c-txt-fuchsia\:40 { color: hsl(var(--sf-c-txt-fuchsia-40)) } -.sf-c-txt-fuchsia\:50 { color: hsl(var(--sf-c-txt-fuchsia-50)) } -.sf-c-txt-fuchsia\:60 { color: hsl(var(--sf-c-txt-fuchsia-60)) } -.sf-c-txt-fuchsia\:70 { color: hsl(var(--sf-c-txt-fuchsia-70)) } -.sf-c-txt-fuchsia\:80 { color: hsl(var(--sf-c-txt-fuchsia-80)) } -.sf-c-txt-fuchsia\:90 { color: hsl(var(--sf-c-txt-fuchsia-90)) } -.sf-c-txt-fuchsia\:100 { color: hsl(var(--sf-c-txt-fuchsia-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-fuchsia, html.auto .sf-c-txt-fuchsia { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:0, html.auto .sf-c-txt-fuchsia\:0 { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:10, html.auto .sf-c-txt-fuchsia\:10 { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:20, html.auto .sf-c-txt-fuchsia\:20 { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:30, html.auto .sf-c-txt-fuchsia\:30 { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:40, html.auto .sf-c-txt-fuchsia\:40 { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:50, html.auto .sf-c-txt-fuchsia\:50 { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:60, html.auto .sf-c-txt-fuchsia\:60 { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:70, html.auto .sf-c-txt-fuchsia\:70 { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:80, html.auto .sf-c-txt-fuchsia\:80 { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:90, html.auto .sf-c-txt-fuchsia\:90 { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:100, html.auto .sf-c-txt-fuchsia\:100 { color: hsl(300, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:dark, html.auto .sf-c-txt-fuchsia\:dark { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:0\:dark, html.auto .sf-c-txt-fuchsia\:0\:dark { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:10\:dark, html.auto .sf-c-txt-fuchsia\:10\:dark { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:20\:dark, html.auto .sf-c-txt-fuchsia\:20\:dark { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:30\:dark, html.auto .sf-c-txt-fuchsia\:30\:dark { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:40\:dark, html.auto .sf-c-txt-fuchsia\:40\:dark { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:50\:dark, html.auto .sf-c-txt-fuchsia\:50\:dark { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:60\:dark, html.auto .sf-c-txt-fuchsia\:60\:dark { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:70\:dark, html.auto .sf-c-txt-fuchsia\:70\:dark { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:80\:dark, html.auto .sf-c-txt-fuchsia\:80\:dark { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:90\:dark, html.auto .sf-c-txt-fuchsia\:90\:dark { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:100\:dark, html.auto .sf-c-txt-fuchsia\:100\:dark { color: hsl(300, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/gainsboro.css b/src/colors/10/gainsboro.css index ebc5666..4eae262 100644 --- a/src/colors/10/gainsboro.css +++ b/src/colors/10/gainsboro.css @@ -78,6 +78,32 @@ html.var .sf-c-gainsboro\:80 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80 html.var .sf-c-gainsboro\:90 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } html.var .sf-c-gainsboro\:100 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } +.sf-c-txt-gainsboro { color: hsl(var(--sf-dark-c-txt-gainsboro)) } +.sf-c-txt-gainsboro\:0 { color: hsl(var(--sf-dark-c-txt-gainsboro-100)) } +.sf-c-txt-gainsboro\:10 { color: hsl(var(--sf-dark-c-txt-gainsboro-90)) } +.sf-c-txt-gainsboro\:20 { color: hsl(var(--sf-dark-c-txt-gainsboro-80)) } +.sf-c-txt-gainsboro\:30 { color: hsl(var(--sf-dark-c-txt-gainsboro-70)) } +.sf-c-txt-gainsboro\:40 { color: hsl(var(--sf-dark-c-txt-gainsboro-60)) } +.sf-c-txt-gainsboro\:50 { color: hsl(var(--sf-dark-c-txt-gainsboro-50)) } +.sf-c-txt-gainsboro\:60 { color: hsl(var(--sf-dark-c-txt-gainsboro-40)) } +.sf-c-txt-gainsboro\:70 { color: hsl(var(--sf-dark-c-txt-gainsboro-30)) } +.sf-c-txt-gainsboro\:80 { color: hsl(var(--sf-dark-c-txt-gainsboro-20)) } +.sf-c-txt-gainsboro\:90 { color: hsl(var(--sf-dark-c-txt-gainsboro-10)) } +.sf-c-txt-gainsboro\:100 { color: hsl(var(--sf-dark-c-txt-gainsboro-0)) } + +html.var .sf-c-txt-gainsboro { color: hsl(0, 0%, 14%) } +html.var .sf-c-txt-gainsboro\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-gainsboro\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-gainsboro\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-gainsboro\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-gainsboro\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-gainsboro\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-gainsboro\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-gainsboro\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-gainsboro\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-gainsboro\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-gainsboro\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-gainsboro, html.dark .sf-c-gainsboro { color: hsl(var(--sf-dark-c-txt-gainsboro-90)); background: hsl(var(--sf-dark-c-gainsboro)) } html[data-theme='dark'] .sf-c-gainsboro\:0, html.dark .sf-c-gainsboro\:0 { color: hsl(var(--sf-dark-c-txt-gainsboro-90)); background: hsl(var(--sf-dark-c-gainsboro-100)) } html[data-theme='dark'] .sf-c-gainsboro\:10, html.dark .sf-c-gainsboro\:10 { color: hsl(var(--sf-dark-c-txt-gainsboro-10)); background: hsl(var(--sf-dark-c-gainsboro-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-gainsboro\:80\:dark, html.dark .sf-c-gainsboro\:80 html[data-theme='dark'] .sf-c-gainsboro\:90\:dark, html.dark .sf-c-gainsboro\:90\:dark { color: hsl(var(--sf-c-txt-gainsboro-90)); background: hsl(var(--sf-c-gainsboro-10)) } html[data-theme='dark'] .sf-c-gainsboro\:100\:dark, html.dark .sf-c-gainsboro\:100\:dark { color: hsl(var(--sf-c-txt-gainsboro-90)); background: hsl(var(--sf-c-gainsboro-0)) } +html[data-theme='dark'] .sf-c-txt-gainsboro, html.dark .sf-c-txt-gainsboro { color: hsl(var(--sf-c-txt-gainsboro)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:0, html.dark .sf-c-txt-gainsboro\:0 { color: hsl(var(--sf-c-txt-gainsboro-0)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:10, html.dark .sf-c-txt-gainsboro\:10 { color: hsl(var(--sf-c-txt-gainsboro-10)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:20, html.dark .sf-c-txt-gainsboro\:20 { color: hsl(var(--sf-c-txt-gainsboro-20)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:30, html.dark .sf-c-txt-gainsboro\:30 { color: hsl(var(--sf-c-txt-gainsboro-30)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:40, html.dark .sf-c-txt-gainsboro\:40 { color: hsl(var(--sf-c-txt-gainsboro-40)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:50, html.dark .sf-c-txt-gainsboro\:50 { color: hsl(var(--sf-c-txt-gainsboro-50)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:60, html.dark .sf-c-txt-gainsboro\:60 { color: hsl(var(--sf-c-txt-gainsboro-60)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:70, html.dark .sf-c-txt-gainsboro\:70 { color: hsl(var(--sf-c-txt-gainsboro-70)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:80, html.dark .sf-c-txt-gainsboro\:80 { color: hsl(var(--sf-c-txt-gainsboro-80)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:90, html.dark .sf-c-txt-gainsboro\:90 { color: hsl(var(--sf-c-txt-gainsboro-90)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:100, html.dark .sf-c-txt-gainsboro\:100 { color: hsl(var(--sf-c-txt-gainsboro-100)) } + +html[data-theme='dark'] .sf-c-txt-gainsboro\:dark, html.dark .sf-c-txt-gainsboro\:dark { color: hsl(var(--sf-c-txt-gainsboro)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:0\:dark, html.dark .sf-c-txt-gainsboro\:0\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-0)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:10\:dark, html.dark .sf-c-txt-gainsboro\:10\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-10)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:20\:dark, html.dark .sf-c-txt-gainsboro\:20\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-20)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:30\:dark, html.dark .sf-c-txt-gainsboro\:30\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-30)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:40\:dark, html.dark .sf-c-txt-gainsboro\:40\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-40)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:50\:dark, html.dark .sf-c-txt-gainsboro\:50\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-50)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:60\:dark, html.dark .sf-c-txt-gainsboro\:60\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-60)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:70\:dark, html.dark .sf-c-txt-gainsboro\:70\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-70)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:80\:dark, html.dark .sf-c-txt-gainsboro\:80\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-80)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:90\:dark, html.dark .sf-c-txt-gainsboro\:90\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-90)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:100\:dark, html.dark .sf-c-txt-gainsboro\:100\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-100)) } + html.var[data-theme='dark'] .sf-c-gainsboro, html.var.dark .sf-c-gainsboro { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 14%) } html.var[data-theme='dark'] .sf-c-gainsboro\:0, html.var.dark .sf-c-gainsboro\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-gainsboro\:10, html.var.dark .sf-c-gainsboro\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-gainsboro\:80\:dark, html.var.dark .sf-c-gains html.var[data-theme='dark'] .sf-c-gainsboro\:90\:dark, html.var.dark .sf-c-gainsboro\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='dark'] .sf-c-gainsboro\:100\:dark, html.var.dark .sf-c-gainsboro\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro, html.dark .sf-c-txt-gainsboro { color: hsl(0, 0%, 86%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:0, html.dark .sf-c-txt-gainsboro\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:10, html.dark .sf-c-txt-gainsboro\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:20, html.dark .sf-c-txt-gainsboro\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:30, html.dark .sf-c-txt-gainsboro\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:40, html.dark .sf-c-txt-gainsboro\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:50, html.dark .sf-c-txt-gainsboro\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:60, html.dark .sf-c-txt-gainsboro\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:70, html.dark .sf-c-txt-gainsboro\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:80, html.dark .sf-c-txt-gainsboro\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:90, html.dark .sf-c-txt-gainsboro\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:100, html.dark .sf-c-txt-gainsboro\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:dark, html.dark .sf-c-txt-gainsboro\:dark { color: hsl(0, 0%, 86%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:0\:dark, html.dark .sf-c-txt-gainsboro\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:10\:dark, html.dark .sf-c-txt-gainsboro\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:20\:dark, html.dark .sf-c-txt-gainsboro\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:30\:dark, html.dark .sf-c-txt-gainsboro\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:40\:dark, html.dark .sf-c-txt-gainsboro\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:50\:dark, html.dark .sf-c-txt-gainsboro\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:60\:dark, html.dark .sf-c-txt-gainsboro\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:70\:dark, html.dark .sf-c-txt-gainsboro\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:80\:dark, html.dark .sf-c-txt-gainsboro\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:90\:dark, html.dark .sf-c-txt-gainsboro\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:100\:dark, html.dark .sf-c-txt-gainsboro\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-gainsboro, html.auto .sf-c-gainsboro { color: hsl(var(--sf-dark-c-txt-gainsboro-90)); background: hsl(var(--sf-dark-c-gainsboro)) } html[data-theme='auto'] .sf-c-gainsboro\:0, html.auto .sf-c-gainsboro\:0 { color: hsl(var(--sf-dark-c-txt-gainsboro-90)); background: hsl(var(--sf-dark-c-gainsboro-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-gainsboro\:100\:dark, html.var.dark .sf-c-gain html[data-theme='auto'] .sf-c-gainsboro\:90\:dark, html.auto .sf-c-gainsboro\:90\:dark { color: hsl(var(--sf-c-txt-gainsboro-90)); background: hsl(var(--sf-c-gainsboro-10)) } html[data-theme='auto'] .sf-c-gainsboro\:100\:dark, html.auto .sf-c-gainsboro\:100\:dark { color: hsl(var(--sf-c-txt-gainsboro-90)); background: hsl(var(--sf-c-gainsboro-0)) } + html[data-theme='auto'] .sf-c-txt-gainsboro, html.auto .sf-c-txt-gainsboro { color: hsl(var(--sf-c-txt-gainsboro)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:0, html.auto .sf-c-txt-gainsboro\:0 { color: hsl(var(--sf-c-txt-gainsboro-0)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:10, html.auto .sf-c-txt-gainsboro\:10 { color: hsl(var(--sf-c-txt-gainsboro-10)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:20, html.auto .sf-c-txt-gainsboro\:20 { color: hsl(var(--sf-c-txt-gainsboro-20)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:30, html.auto .sf-c-txt-gainsboro\:30 { color: hsl(var(--sf-c-txt-gainsboro-30)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:40, html.auto .sf-c-txt-gainsboro\:40 { color: hsl(var(--sf-c-txt-gainsboro-40)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:50, html.auto .sf-c-txt-gainsboro\:50 { color: hsl(var(--sf-c-txt-gainsboro-50)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:60, html.auto .sf-c-txt-gainsboro\:60 { color: hsl(var(--sf-c-txt-gainsboro-60)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:70, html.auto .sf-c-txt-gainsboro\:70 { color: hsl(var(--sf-c-txt-gainsboro-70)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:80, html.auto .sf-c-txt-gainsboro\:80 { color: hsl(var(--sf-c-txt-gainsboro-80)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:90, html.auto .sf-c-txt-gainsboro\:90 { color: hsl(var(--sf-c-txt-gainsboro-90)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:100, html.auto .sf-c-txt-gainsboro\:100 { color: hsl(var(--sf-c-txt-gainsboro-100)) } + + html[data-theme='auto'] .sf-c-txt-gainsboro\:dark, html.auto .sf-c-txt-gainsboro\:dark { color: hsl(var(--sf-c-txt-gainsboro)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:0\:dark, html.auto .sf-c-txt-gainsboro\:0\:dark { color: hsl(var(--sf-c-txt-gainsboro-0)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:10\:dark, html.auto .sf-c-txt-gainsboro\:10\:dark { color: hsl(var(--sf-c-txt-gainsboro-10)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:20\:dark, html.auto .sf-c-txt-gainsboro\:20\:dark { color: hsl(var(--sf-c-txt-gainsboro-20)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:30\:dark, html.auto .sf-c-txt-gainsboro\:30\:dark { color: hsl(var(--sf-c-txt-gainsboro-30)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:40\:dark, html.auto .sf-c-txt-gainsboro\:40\:dark { color: hsl(var(--sf-c-txt-gainsboro-40)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:50\:dark, html.auto .sf-c-txt-gainsboro\:50\:dark { color: hsl(var(--sf-c-txt-gainsboro-50)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:60\:dark, html.auto .sf-c-txt-gainsboro\:60\:dark { color: hsl(var(--sf-c-txt-gainsboro-60)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:70\:dark, html.auto .sf-c-txt-gainsboro\:70\:dark { color: hsl(var(--sf-c-txt-gainsboro-70)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:80\:dark, html.auto .sf-c-txt-gainsboro\:80\:dark { color: hsl(var(--sf-c-txt-gainsboro-80)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:90\:dark, html.auto .sf-c-txt-gainsboro\:90\:dark { color: hsl(var(--sf-c-txt-gainsboro-90)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:100\:dark, html.auto .sf-c-txt-gainsboro\:100\:dark { color: hsl(var(--sf-c-txt-gainsboro-100)) } + html.var[data-theme='auto'] .sf-c-gainsboro, html.var.auto .sf-c-gainsboro { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 14%) } html.var[data-theme='auto'] .sf-c-gainsboro\:0, html.var.auto .sf-c-gainsboro\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-gainsboro\:10, html.var.auto .sf-c-gainsboro\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-gainsboro\:100\:dark, html.var.dark .sf-c-gain html.var[data-theme='auto'] .sf-c-gainsboro\:80\:dark, html.var.auto .sf-c-gainsboro\:80\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } html.var[data-theme='auto'] .sf-c-gainsboro\:90\:dark, html.var.auto .sf-c-gainsboro\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-gainsboro\:100\:dark, html.var.auto .sf-c-gainsboro\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-gainsboro { color: hsl(var(--sf-c-txt-gainsboro)) } -.sf-c-txt-gainsboro\:0 { color: hsl(var(--sf-c-txt-gainsboro-0)) } -.sf-c-txt-gainsboro\:10 { color: hsl(var(--sf-c-txt-gainsboro-10)) } -.sf-c-txt-gainsboro\:20 { color: hsl(var(--sf-c-txt-gainsboro-20)) } -.sf-c-txt-gainsboro\:30 { color: hsl(var(--sf-c-txt-gainsboro-30)) } -.sf-c-txt-gainsboro\:40 { color: hsl(var(--sf-c-txt-gainsboro-40)) } -.sf-c-txt-gainsboro\:50 { color: hsl(var(--sf-c-txt-gainsboro-50)) } -.sf-c-txt-gainsboro\:60 { color: hsl(var(--sf-c-txt-gainsboro-60)) } -.sf-c-txt-gainsboro\:70 { color: hsl(var(--sf-c-txt-gainsboro-70)) } -.sf-c-txt-gainsboro\:80 { color: hsl(var(--sf-c-txt-gainsboro-80)) } -.sf-c-txt-gainsboro\:90 { color: hsl(var(--sf-c-txt-gainsboro-90)) } -.sf-c-txt-gainsboro\:100 { color: hsl(var(--sf-c-txt-gainsboro-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-gainsboro, html.auto .sf-c-txt-gainsboro { color: hsl(0, 0%, 86%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:0, html.auto .sf-c-txt-gainsboro\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:10, html.auto .sf-c-txt-gainsboro\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:20, html.auto .sf-c-txt-gainsboro\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:30, html.auto .sf-c-txt-gainsboro\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:40, html.auto .sf-c-txt-gainsboro\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:50, html.auto .sf-c-txt-gainsboro\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:60, html.auto .sf-c-txt-gainsboro\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:70, html.auto .sf-c-txt-gainsboro\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:80, html.auto .sf-c-txt-gainsboro\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:90, html.auto .sf-c-txt-gainsboro\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:100, html.auto .sf-c-txt-gainsboro\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:dark, html.auto .sf-c-txt-gainsboro\:dark { color: hsl(0, 0%, 86%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:0\:dark, html.auto .sf-c-txt-gainsboro\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:10\:dark, html.auto .sf-c-txt-gainsboro\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:20\:dark, html.auto .sf-c-txt-gainsboro\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:30\:dark, html.auto .sf-c-txt-gainsboro\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:40\:dark, html.auto .sf-c-txt-gainsboro\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:50\:dark, html.auto .sf-c-txt-gainsboro\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:60\:dark, html.auto .sf-c-txt-gainsboro\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:70\:dark, html.auto .sf-c-txt-gainsboro\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:80\:dark, html.auto .sf-c-txt-gainsboro\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:90\:dark, html.auto .sf-c-txt-gainsboro\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:100\:dark, html.auto .sf-c-txt-gainsboro\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/ghostwhite.css b/src/colors/10/ghostwhite.css index a9e1dea..d46519b 100644 --- a/src/colors/10/ghostwhite.css +++ b/src/colors/10/ghostwhite.css @@ -78,6 +78,32 @@ html.var .sf-c-ghostwhite\:80 { color: hsl(240, 100%, 90%); background: hsl(240, html.var .sf-c-ghostwhite\:90 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } html.var .sf-c-ghostwhite\:100 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } +.sf-c-txt-ghostwhite { color: hsl(var(--sf-dark-c-txt-ghostwhite)) } +.sf-c-txt-ghostwhite\:0 { color: hsl(var(--sf-dark-c-txt-ghostwhite-100)) } +.sf-c-txt-ghostwhite\:10 { color: hsl(var(--sf-dark-c-txt-ghostwhite-90)) } +.sf-c-txt-ghostwhite\:20 { color: hsl(var(--sf-dark-c-txt-ghostwhite-80)) } +.sf-c-txt-ghostwhite\:30 { color: hsl(var(--sf-dark-c-txt-ghostwhite-70)) } +.sf-c-txt-ghostwhite\:40 { color: hsl(var(--sf-dark-c-txt-ghostwhite-60)) } +.sf-c-txt-ghostwhite\:50 { color: hsl(var(--sf-dark-c-txt-ghostwhite-50)) } +.sf-c-txt-ghostwhite\:60 { color: hsl(var(--sf-dark-c-txt-ghostwhite-40)) } +.sf-c-txt-ghostwhite\:70 { color: hsl(var(--sf-dark-c-txt-ghostwhite-30)) } +.sf-c-txt-ghostwhite\:80 { color: hsl(var(--sf-dark-c-txt-ghostwhite-20)) } +.sf-c-txt-ghostwhite\:90 { color: hsl(var(--sf-dark-c-txt-ghostwhite-10)) } +.sf-c-txt-ghostwhite\:100 { color: hsl(var(--sf-dark-c-txt-ghostwhite-0)) } + +html.var .sf-c-txt-ghostwhite { color: hsl(240, 100%, 1%) } +html.var .sf-c-txt-ghostwhite\:0 { color: hsl(240, 100%, 100%) } +html.var .sf-c-txt-ghostwhite\:10 { color: hsl(240, 100%, 90%) } +html.var .sf-c-txt-ghostwhite\:20 { color: hsl(240, 100%, 80%) } +html.var .sf-c-txt-ghostwhite\:30 { color: hsl(240, 100%, 70%) } +html.var .sf-c-txt-ghostwhite\:40 { color: hsl(240, 100%, 60%) } +html.var .sf-c-txt-ghostwhite\:50 { color: hsl(240, 100%, 50%) } +html.var .sf-c-txt-ghostwhite\:60 { color: hsl(240, 100%, 40%) } +html.var .sf-c-txt-ghostwhite\:70 { color: hsl(240, 100%, 30%) } +html.var .sf-c-txt-ghostwhite\:80 { color: hsl(240, 100%, 20%) } +html.var .sf-c-txt-ghostwhite\:90 { color: hsl(240, 100%, 10%) } +html.var .sf-c-txt-ghostwhite\:100 { color: hsl(240, 100%, 0%) } + html[data-theme='dark'] .sf-c-ghostwhite, html.dark .sf-c-ghostwhite { color: hsl(var(--sf-dark-c-txt-ghostwhite-90)); background: hsl(var(--sf-dark-c-ghostwhite)) } html[data-theme='dark'] .sf-c-ghostwhite\:0, html.dark .sf-c-ghostwhite\:0 { color: hsl(var(--sf-dark-c-txt-ghostwhite-90)); background: hsl(var(--sf-dark-c-ghostwhite-100)) } html[data-theme='dark'] .sf-c-ghostwhite\:10, html.dark .sf-c-ghostwhite\:10 { color: hsl(var(--sf-dark-c-txt-ghostwhite-10)); background: hsl(var(--sf-dark-c-ghostwhite-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-ghostwhite\:80\:dark, html.dark .sf-c-ghostwhite\: html[data-theme='dark'] .sf-c-ghostwhite\:90\:dark, html.dark .sf-c-ghostwhite\:90\:dark { color: hsl(var(--sf-c-txt-ghostwhite-90)); background: hsl(var(--sf-c-ghostwhite-10)) } html[data-theme='dark'] .sf-c-ghostwhite\:100\:dark, html.dark .sf-c-ghostwhite\:100\:dark { color: hsl(var(--sf-c-txt-ghostwhite-90)); background: hsl(var(--sf-c-ghostwhite-0)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite, html.dark .sf-c-txt-ghostwhite { color: hsl(var(--sf-c-txt-ghostwhite)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:0, html.dark .sf-c-txt-ghostwhite\:0 { color: hsl(var(--sf-c-txt-ghostwhite-0)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:10, html.dark .sf-c-txt-ghostwhite\:10 { color: hsl(var(--sf-c-txt-ghostwhite-10)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:20, html.dark .sf-c-txt-ghostwhite\:20 { color: hsl(var(--sf-c-txt-ghostwhite-20)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:30, html.dark .sf-c-txt-ghostwhite\:30 { color: hsl(var(--sf-c-txt-ghostwhite-30)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:40, html.dark .sf-c-txt-ghostwhite\:40 { color: hsl(var(--sf-c-txt-ghostwhite-40)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:50, html.dark .sf-c-txt-ghostwhite\:50 { color: hsl(var(--sf-c-txt-ghostwhite-50)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:60, html.dark .sf-c-txt-ghostwhite\:60 { color: hsl(var(--sf-c-txt-ghostwhite-60)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:70, html.dark .sf-c-txt-ghostwhite\:70 { color: hsl(var(--sf-c-txt-ghostwhite-70)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:80, html.dark .sf-c-txt-ghostwhite\:80 { color: hsl(var(--sf-c-txt-ghostwhite-80)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:90, html.dark .sf-c-txt-ghostwhite\:90 { color: hsl(var(--sf-c-txt-ghostwhite-90)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:100, html.dark .sf-c-txt-ghostwhite\:100 { color: hsl(var(--sf-c-txt-ghostwhite-100)) } + +html[data-theme='dark'] .sf-c-txt-ghostwhite\:dark, html.dark .sf-c-txt-ghostwhite\:dark { color: hsl(var(--sf-c-txt-ghostwhite)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:0\:dark, html.dark .sf-c-txt-ghostwhite\:0\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-0)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:10\:dark, html.dark .sf-c-txt-ghostwhite\:10\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-10)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:20\:dark, html.dark .sf-c-txt-ghostwhite\:20\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-20)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:30\:dark, html.dark .sf-c-txt-ghostwhite\:30\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-30)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:40\:dark, html.dark .sf-c-txt-ghostwhite\:40\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-40)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:50\:dark, html.dark .sf-c-txt-ghostwhite\:50\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-50)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:60\:dark, html.dark .sf-c-txt-ghostwhite\:60\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-60)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:70\:dark, html.dark .sf-c-txt-ghostwhite\:70\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-70)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:80\:dark, html.dark .sf-c-txt-ghostwhite\:80\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-80)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:90\:dark, html.dark .sf-c-txt-ghostwhite\:90\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-90)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:100\:dark, html.dark .sf-c-txt-ghostwhite\:100\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-100)) } + html.var[data-theme='dark'] .sf-c-ghostwhite, html.var.dark .sf-c-ghostwhite { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 1%) } html.var[data-theme='dark'] .sf-c-ghostwhite\:0, html.var.dark .sf-c-ghostwhite\:0 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 100%) } html.var[data-theme='dark'] .sf-c-ghostwhite\:10, html.var.dark .sf-c-ghostwhite\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-ghostwhite\:80\:dark, html.var.dark .sf-c-ghos html.var[data-theme='dark'] .sf-c-ghostwhite\:90\:dark, html.var.dark .sf-c-ghostwhite\:90\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } html.var[data-theme='dark'] .sf-c-ghostwhite\:100\:dark, html.var.dark .sf-c-ghostwhite\:100\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite, html.dark .sf-c-txt-ghostwhite { color: hsl(240, 100%, 99%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:0, html.dark .sf-c-txt-ghostwhite\:0 { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:10, html.dark .sf-c-txt-ghostwhite\:10 { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:20, html.dark .sf-c-txt-ghostwhite\:20 { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:30, html.dark .sf-c-txt-ghostwhite\:30 { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:40, html.dark .sf-c-txt-ghostwhite\:40 { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:50, html.dark .sf-c-txt-ghostwhite\:50 { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:60, html.dark .sf-c-txt-ghostwhite\:60 { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:70, html.dark .sf-c-txt-ghostwhite\:70 { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:80, html.dark .sf-c-txt-ghostwhite\:80 { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:90, html.dark .sf-c-txt-ghostwhite\:90 { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:100, html.dark .sf-c-txt-ghostwhite\:100 { color: hsl(240, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:dark, html.dark .sf-c-txt-ghostwhite\:dark { color: hsl(240, 100%, 99%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:0\:dark, html.dark .sf-c-txt-ghostwhite\:0\:dark { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:10\:dark, html.dark .sf-c-txt-ghostwhite\:10\:dark { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:20\:dark, html.dark .sf-c-txt-ghostwhite\:20\:dark { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:30\:dark, html.dark .sf-c-txt-ghostwhite\:30\:dark { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:40\:dark, html.dark .sf-c-txt-ghostwhite\:40\:dark { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:50\:dark, html.dark .sf-c-txt-ghostwhite\:50\:dark { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:60\:dark, html.dark .sf-c-txt-ghostwhite\:60\:dark { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:70\:dark, html.dark .sf-c-txt-ghostwhite\:70\:dark { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:80\:dark, html.dark .sf-c-txt-ghostwhite\:80\:dark { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:90\:dark, html.dark .sf-c-txt-ghostwhite\:90\:dark { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:100\:dark, html.dark .sf-c-txt-ghostwhite\:100\:dark { color: hsl(240, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-ghostwhite, html.auto .sf-c-ghostwhite { color: hsl(var(--sf-dark-c-txt-ghostwhite-90)); background: hsl(var(--sf-dark-c-ghostwhite)) } html[data-theme='auto'] .sf-c-ghostwhite\:0, html.auto .sf-c-ghostwhite\:0 { color: hsl(var(--sf-dark-c-txt-ghostwhite-90)); background: hsl(var(--sf-dark-c-ghostwhite-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-ghostwhite\:100\:dark, html.var.dark .sf-c-gho html[data-theme='auto'] .sf-c-ghostwhite\:90\:dark, html.auto .sf-c-ghostwhite\:90\:dark { color: hsl(var(--sf-c-txt-ghostwhite-90)); background: hsl(var(--sf-c-ghostwhite-10)) } html[data-theme='auto'] .sf-c-ghostwhite\:100\:dark, html.auto .sf-c-ghostwhite\:100\:dark { color: hsl(var(--sf-c-txt-ghostwhite-90)); background: hsl(var(--sf-c-ghostwhite-0)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite, html.auto .sf-c-txt-ghostwhite { color: hsl(var(--sf-c-txt-ghostwhite)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:0, html.auto .sf-c-txt-ghostwhite\:0 { color: hsl(var(--sf-c-txt-ghostwhite-0)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:10, html.auto .sf-c-txt-ghostwhite\:10 { color: hsl(var(--sf-c-txt-ghostwhite-10)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:20, html.auto .sf-c-txt-ghostwhite\:20 { color: hsl(var(--sf-c-txt-ghostwhite-20)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:30, html.auto .sf-c-txt-ghostwhite\:30 { color: hsl(var(--sf-c-txt-ghostwhite-30)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:40, html.auto .sf-c-txt-ghostwhite\:40 { color: hsl(var(--sf-c-txt-ghostwhite-40)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:50, html.auto .sf-c-txt-ghostwhite\:50 { color: hsl(var(--sf-c-txt-ghostwhite-50)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:60, html.auto .sf-c-txt-ghostwhite\:60 { color: hsl(var(--sf-c-txt-ghostwhite-60)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:70, html.auto .sf-c-txt-ghostwhite\:70 { color: hsl(var(--sf-c-txt-ghostwhite-70)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:80, html.auto .sf-c-txt-ghostwhite\:80 { color: hsl(var(--sf-c-txt-ghostwhite-80)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:90, html.auto .sf-c-txt-ghostwhite\:90 { color: hsl(var(--sf-c-txt-ghostwhite-90)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:100, html.auto .sf-c-txt-ghostwhite\:100 { color: hsl(var(--sf-c-txt-ghostwhite-100)) } + + html[data-theme='auto'] .sf-c-txt-ghostwhite\:dark, html.auto .sf-c-txt-ghostwhite\:dark { color: hsl(var(--sf-c-txt-ghostwhite)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:0\:dark, html.auto .sf-c-txt-ghostwhite\:0\:dark { color: hsl(var(--sf-c-txt-ghostwhite-0)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:10\:dark, html.auto .sf-c-txt-ghostwhite\:10\:dark { color: hsl(var(--sf-c-txt-ghostwhite-10)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:20\:dark, html.auto .sf-c-txt-ghostwhite\:20\:dark { color: hsl(var(--sf-c-txt-ghostwhite-20)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:30\:dark, html.auto .sf-c-txt-ghostwhite\:30\:dark { color: hsl(var(--sf-c-txt-ghostwhite-30)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:40\:dark, html.auto .sf-c-txt-ghostwhite\:40\:dark { color: hsl(var(--sf-c-txt-ghostwhite-40)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:50\:dark, html.auto .sf-c-txt-ghostwhite\:50\:dark { color: hsl(var(--sf-c-txt-ghostwhite-50)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:60\:dark, html.auto .sf-c-txt-ghostwhite\:60\:dark { color: hsl(var(--sf-c-txt-ghostwhite-60)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:70\:dark, html.auto .sf-c-txt-ghostwhite\:70\:dark { color: hsl(var(--sf-c-txt-ghostwhite-70)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:80\:dark, html.auto .sf-c-txt-ghostwhite\:80\:dark { color: hsl(var(--sf-c-txt-ghostwhite-80)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:90\:dark, html.auto .sf-c-txt-ghostwhite\:90\:dark { color: hsl(var(--sf-c-txt-ghostwhite-90)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:100\:dark, html.auto .sf-c-txt-ghostwhite\:100\:dark { color: hsl(var(--sf-c-txt-ghostwhite-100)) } + html.var[data-theme='auto'] .sf-c-ghostwhite, html.var.auto .sf-c-ghostwhite { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 1%) } html.var[data-theme='auto'] .sf-c-ghostwhite\:0, html.var.auto .sf-c-ghostwhite\:0 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 100%) } html.var[data-theme='auto'] .sf-c-ghostwhite\:10, html.var.auto .sf-c-ghostwhite\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-ghostwhite\:100\:dark, html.var.dark .sf-c-gho html.var[data-theme='auto'] .sf-c-ghostwhite\:80\:dark, html.var.auto .sf-c-ghostwhite\:80\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } html.var[data-theme='auto'] .sf-c-ghostwhite\:90\:dark, html.var.auto .sf-c-ghostwhite\:90\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } html.var[data-theme='auto'] .sf-c-ghostwhite\:100\:dark, html.var.auto .sf-c-ghostwhite\:100\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } -} -.sf-c-txt-ghostwhite { color: hsl(var(--sf-c-txt-ghostwhite)) } -.sf-c-txt-ghostwhite\:0 { color: hsl(var(--sf-c-txt-ghostwhite-0)) } -.sf-c-txt-ghostwhite\:10 { color: hsl(var(--sf-c-txt-ghostwhite-10)) } -.sf-c-txt-ghostwhite\:20 { color: hsl(var(--sf-c-txt-ghostwhite-20)) } -.sf-c-txt-ghostwhite\:30 { color: hsl(var(--sf-c-txt-ghostwhite-30)) } -.sf-c-txt-ghostwhite\:40 { color: hsl(var(--sf-c-txt-ghostwhite-40)) } -.sf-c-txt-ghostwhite\:50 { color: hsl(var(--sf-c-txt-ghostwhite-50)) } -.sf-c-txt-ghostwhite\:60 { color: hsl(var(--sf-c-txt-ghostwhite-60)) } -.sf-c-txt-ghostwhite\:70 { color: hsl(var(--sf-c-txt-ghostwhite-70)) } -.sf-c-txt-ghostwhite\:80 { color: hsl(var(--sf-c-txt-ghostwhite-80)) } -.sf-c-txt-ghostwhite\:90 { color: hsl(var(--sf-c-txt-ghostwhite-90)) } -.sf-c-txt-ghostwhite\:100 { color: hsl(var(--sf-c-txt-ghostwhite-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-ghostwhite, html.auto .sf-c-txt-ghostwhite { color: hsl(240, 100%, 99%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:0, html.auto .sf-c-txt-ghostwhite\:0 { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:10, html.auto .sf-c-txt-ghostwhite\:10 { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:20, html.auto .sf-c-txt-ghostwhite\:20 { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:30, html.auto .sf-c-txt-ghostwhite\:30 { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:40, html.auto .sf-c-txt-ghostwhite\:40 { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:50, html.auto .sf-c-txt-ghostwhite\:50 { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:60, html.auto .sf-c-txt-ghostwhite\:60 { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:70, html.auto .sf-c-txt-ghostwhite\:70 { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:80, html.auto .sf-c-txt-ghostwhite\:80 { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:90, html.auto .sf-c-txt-ghostwhite\:90 { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:100, html.auto .sf-c-txt-ghostwhite\:100 { color: hsl(240, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:dark, html.auto .sf-c-txt-ghostwhite\:dark { color: hsl(240, 100%, 99%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:0\:dark, html.auto .sf-c-txt-ghostwhite\:0\:dark { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:10\:dark, html.auto .sf-c-txt-ghostwhite\:10\:dark { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:20\:dark, html.auto .sf-c-txt-ghostwhite\:20\:dark { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:30\:dark, html.auto .sf-c-txt-ghostwhite\:30\:dark { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:40\:dark, html.auto .sf-c-txt-ghostwhite\:40\:dark { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:50\:dark, html.auto .sf-c-txt-ghostwhite\:50\:dark { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:60\:dark, html.auto .sf-c-txt-ghostwhite\:60\:dark { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:70\:dark, html.auto .sf-c-txt-ghostwhite\:70\:dark { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:80\:dark, html.auto .sf-c-txt-ghostwhite\:80\:dark { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:90\:dark, html.auto .sf-c-txt-ghostwhite\:90\:dark { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:100\:dark, html.auto .sf-c-txt-ghostwhite\:100\:dark { color: hsl(240, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/gold.css b/src/colors/10/gold.css index 3246273..8d0908b 100644 --- a/src/colors/10/gold.css +++ b/src/colors/10/gold.css @@ -78,6 +78,32 @@ html.var .sf-c-gold\:80 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 8 html.var .sf-c-gold\:90 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 90%) } html.var .sf-c-gold\:100 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 100%) } +.sf-c-txt-gold { color: hsl(var(--sf-dark-c-txt-gold)) } +.sf-c-txt-gold\:0 { color: hsl(var(--sf-dark-c-txt-gold-100)) } +.sf-c-txt-gold\:10 { color: hsl(var(--sf-dark-c-txt-gold-90)) } +.sf-c-txt-gold\:20 { color: hsl(var(--sf-dark-c-txt-gold-80)) } +.sf-c-txt-gold\:30 { color: hsl(var(--sf-dark-c-txt-gold-70)) } +.sf-c-txt-gold\:40 { color: hsl(var(--sf-dark-c-txt-gold-60)) } +.sf-c-txt-gold\:50 { color: hsl(var(--sf-dark-c-txt-gold-50)) } +.sf-c-txt-gold\:60 { color: hsl(var(--sf-dark-c-txt-gold-40)) } +.sf-c-txt-gold\:70 { color: hsl(var(--sf-dark-c-txt-gold-30)) } +.sf-c-txt-gold\:80 { color: hsl(var(--sf-dark-c-txt-gold-20)) } +.sf-c-txt-gold\:90 { color: hsl(var(--sf-dark-c-txt-gold-10)) } +.sf-c-txt-gold\:100 { color: hsl(var(--sf-dark-c-txt-gold-0)) } + +html.var .sf-c-txt-gold { color: hsl(51, 100%, 50%) } +html.var .sf-c-txt-gold\:0 { color: hsl(51, 100%, 100%) } +html.var .sf-c-txt-gold\:10 { color: hsl(51, 100%, 90%) } +html.var .sf-c-txt-gold\:20 { color: hsl(51, 100%, 80%) } +html.var .sf-c-txt-gold\:30 { color: hsl(51, 100%, 70%) } +html.var .sf-c-txt-gold\:40 { color: hsl(51, 100%, 60%) } +html.var .sf-c-txt-gold\:50 { color: hsl(51, 100%, 50%) } +html.var .sf-c-txt-gold\:60 { color: hsl(51, 100%, 40%) } +html.var .sf-c-txt-gold\:70 { color: hsl(51, 100%, 30%) } +html.var .sf-c-txt-gold\:80 { color: hsl(51, 100%, 20%) } +html.var .sf-c-txt-gold\:90 { color: hsl(51, 100%, 10%) } +html.var .sf-c-txt-gold\:100 { color: hsl(51, 100%, 0%) } + html[data-theme='dark'] .sf-c-gold, html.dark .sf-c-gold { color: hsl(var(--sf-dark-c-txt-gold-10)); background: hsl(var(--sf-dark-c-gold)) } html[data-theme='dark'] .sf-c-gold\:0, html.dark .sf-c-gold\:0 { color: hsl(var(--sf-dark-c-txt-gold-90)); background: hsl(var(--sf-dark-c-gold-100)) } html[data-theme='dark'] .sf-c-gold\:10, html.dark .sf-c-gold\:10 { color: hsl(var(--sf-dark-c-txt-gold-10)); background: hsl(var(--sf-dark-c-gold-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-gold\:80\:dark, html.dark .sf-c-gold\:80\:dark { c html[data-theme='dark'] .sf-c-gold\:90\:dark, html.dark .sf-c-gold\:90\:dark { color: hsl(var(--sf-c-txt-gold-90)); background: hsl(var(--sf-c-gold-10)) } html[data-theme='dark'] .sf-c-gold\:100\:dark, html.dark .sf-c-gold\:100\:dark { color: hsl(var(--sf-c-txt-gold-90)); background: hsl(var(--sf-c-gold-0)) } +html[data-theme='dark'] .sf-c-txt-gold, html.dark .sf-c-txt-gold { color: hsl(var(--sf-c-txt-gold)) } +html[data-theme='dark'] .sf-c-txt-gold\:0, html.dark .sf-c-txt-gold\:0 { color: hsl(var(--sf-c-txt-gold-0)) } +html[data-theme='dark'] .sf-c-txt-gold\:10, html.dark .sf-c-txt-gold\:10 { color: hsl(var(--sf-c-txt-gold-10)) } +html[data-theme='dark'] .sf-c-txt-gold\:20, html.dark .sf-c-txt-gold\:20 { color: hsl(var(--sf-c-txt-gold-20)) } +html[data-theme='dark'] .sf-c-txt-gold\:30, html.dark .sf-c-txt-gold\:30 { color: hsl(var(--sf-c-txt-gold-30)) } +html[data-theme='dark'] .sf-c-txt-gold\:40, html.dark .sf-c-txt-gold\:40 { color: hsl(var(--sf-c-txt-gold-40)) } +html[data-theme='dark'] .sf-c-txt-gold\:50, html.dark .sf-c-txt-gold\:50 { color: hsl(var(--sf-c-txt-gold-50)) } +html[data-theme='dark'] .sf-c-txt-gold\:60, html.dark .sf-c-txt-gold\:60 { color: hsl(var(--sf-c-txt-gold-60)) } +html[data-theme='dark'] .sf-c-txt-gold\:70, html.dark .sf-c-txt-gold\:70 { color: hsl(var(--sf-c-txt-gold-70)) } +html[data-theme='dark'] .sf-c-txt-gold\:80, html.dark .sf-c-txt-gold\:80 { color: hsl(var(--sf-c-txt-gold-80)) } +html[data-theme='dark'] .sf-c-txt-gold\:90, html.dark .sf-c-txt-gold\:90 { color: hsl(var(--sf-c-txt-gold-90)) } +html[data-theme='dark'] .sf-c-txt-gold\:100, html.dark .sf-c-txt-gold\:100 { color: hsl(var(--sf-c-txt-gold-100)) } + +html[data-theme='dark'] .sf-c-txt-gold\:dark, html.dark .sf-c-txt-gold\:dark { color: hsl(var(--sf-c-txt-gold)) } +html[data-theme='dark'] .sf-c-txt-gold\:0\:dark, html.dark .sf-c-txt-gold\:0\:dark { color: hsl(var(--sf-dark-c-txt-gold-0)) } +html[data-theme='dark'] .sf-c-txt-gold\:10\:dark, html.dark .sf-c-txt-gold\:10\:dark { color: hsl(var(--sf-dark-c-txt-gold-10)) } +html[data-theme='dark'] .sf-c-txt-gold\:20\:dark, html.dark .sf-c-txt-gold\:20\:dark { color: hsl(var(--sf-dark-c-txt-gold-20)) } +html[data-theme='dark'] .sf-c-txt-gold\:30\:dark, html.dark .sf-c-txt-gold\:30\:dark { color: hsl(var(--sf-dark-c-txt-gold-30)) } +html[data-theme='dark'] .sf-c-txt-gold\:40\:dark, html.dark .sf-c-txt-gold\:40\:dark { color: hsl(var(--sf-dark-c-txt-gold-40)) } +html[data-theme='dark'] .sf-c-txt-gold\:50\:dark, html.dark .sf-c-txt-gold\:50\:dark { color: hsl(var(--sf-dark-c-txt-gold-50)) } +html[data-theme='dark'] .sf-c-txt-gold\:60\:dark, html.dark .sf-c-txt-gold\:60\:dark { color: hsl(var(--sf-dark-c-txt-gold-60)) } +html[data-theme='dark'] .sf-c-txt-gold\:70\:dark, html.dark .sf-c-txt-gold\:70\:dark { color: hsl(var(--sf-dark-c-txt-gold-70)) } +html[data-theme='dark'] .sf-c-txt-gold\:80\:dark, html.dark .sf-c-txt-gold\:80\:dark { color: hsl(var(--sf-dark-c-txt-gold-80)) } +html[data-theme='dark'] .sf-c-txt-gold\:90\:dark, html.dark .sf-c-txt-gold\:90\:dark { color: hsl(var(--sf-dark-c-txt-gold-90)) } +html[data-theme='dark'] .sf-c-txt-gold\:100\:dark, html.dark .sf-c-txt-gold\:100\:dark { color: hsl(var(--sf-dark-c-txt-gold-100)) } + html.var[data-theme='dark'] .sf-c-gold, html.var.dark .sf-c-gold { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 50%) } html.var[data-theme='dark'] .sf-c-gold\:0, html.var.dark .sf-c-gold\:0 { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 100%) } html.var[data-theme='dark'] .sf-c-gold\:10, html.var.dark .sf-c-gold\:10 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-gold\:80\:dark, html.var.dark .sf-c-gold\:80\: html.var[data-theme='dark'] .sf-c-gold\:90\:dark, html.var.dark .sf-c-gold\:90\:dark { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 10%) } html.var[data-theme='dark'] .sf-c-gold\:100\:dark, html.var.dark .sf-c-gold\:100\:dark { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gold, html.dark .sf-c-txt-gold { color: hsl(51, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:0, html.dark .sf-c-txt-gold\:0 { color: hsl(51, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:10, html.dark .sf-c-txt-gold\:10 { color: hsl(51, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:20, html.dark .sf-c-txt-gold\:20 { color: hsl(51, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:30, html.dark .sf-c-txt-gold\:30 { color: hsl(51, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:40, html.dark .sf-c-txt-gold\:40 { color: hsl(51, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:50, html.dark .sf-c-txt-gold\:50 { color: hsl(51, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:60, html.dark .sf-c-txt-gold\:60 { color: hsl(51, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:70, html.dark .sf-c-txt-gold\:70 { color: hsl(51, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:80, html.dark .sf-c-txt-gold\:80 { color: hsl(51, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:90, html.dark .sf-c-txt-gold\:90 { color: hsl(51, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:100, html.dark .sf-c-txt-gold\:100 { color: hsl(51, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-gold\:dark, html.dark .sf-c-txt-gold\:dark { color: hsl(51, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:0\:dark, html.dark .sf-c-txt-gold\:0\:dark { color: hsl(51, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:10\:dark, html.dark .sf-c-txt-gold\:10\:dark { color: hsl(51, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:20\:dark, html.dark .sf-c-txt-gold\:20\:dark { color: hsl(51, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:30\:dark, html.dark .sf-c-txt-gold\:30\:dark { color: hsl(51, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:40\:dark, html.dark .sf-c-txt-gold\:40\:dark { color: hsl(51, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:50\:dark, html.dark .sf-c-txt-gold\:50\:dark { color: hsl(51, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:60\:dark, html.dark .sf-c-txt-gold\:60\:dark { color: hsl(51, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:70\:dark, html.dark .sf-c-txt-gold\:70\:dark { color: hsl(51, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:80\:dark, html.dark .sf-c-txt-gold\:80\:dark { color: hsl(51, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:90\:dark, html.dark .sf-c-txt-gold\:90\:dark { color: hsl(51, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:100\:dark, html.dark .sf-c-txt-gold\:100\:dark { color: hsl(51, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-gold, html.auto .sf-c-gold { color: hsl(var(--sf-dark-c-txt-gold-10)); background: hsl(var(--sf-dark-c-gold)) } html[data-theme='auto'] .sf-c-gold\:0, html.auto .sf-c-gold\:0 { color: hsl(var(--sf-dark-c-txt-gold-90)); background: hsl(var(--sf-dark-c-gold-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-gold\:100\:dark, html.var.dark .sf-c-gold\:100 html[data-theme='auto'] .sf-c-gold\:90\:dark, html.auto .sf-c-gold\:90\:dark { color: hsl(var(--sf-c-txt-gold-90)); background: hsl(var(--sf-c-gold-10)) } html[data-theme='auto'] .sf-c-gold\:100\:dark, html.auto .sf-c-gold\:100\:dark { color: hsl(var(--sf-c-txt-gold-90)); background: hsl(var(--sf-c-gold-0)) } + html[data-theme='auto'] .sf-c-txt-gold, html.auto .sf-c-txt-gold { color: hsl(var(--sf-c-txt-gold)) } + html[data-theme='auto'] .sf-c-txt-gold\:0, html.auto .sf-c-txt-gold\:0 { color: hsl(var(--sf-c-txt-gold-0)) } + html[data-theme='auto'] .sf-c-txt-gold\:10, html.auto .sf-c-txt-gold\:10 { color: hsl(var(--sf-c-txt-gold-10)) } + html[data-theme='auto'] .sf-c-txt-gold\:20, html.auto .sf-c-txt-gold\:20 { color: hsl(var(--sf-c-txt-gold-20)) } + html[data-theme='auto'] .sf-c-txt-gold\:30, html.auto .sf-c-txt-gold\:30 { color: hsl(var(--sf-c-txt-gold-30)) } + html[data-theme='auto'] .sf-c-txt-gold\:40, html.auto .sf-c-txt-gold\:40 { color: hsl(var(--sf-c-txt-gold-40)) } + html[data-theme='auto'] .sf-c-txt-gold\:50, html.auto .sf-c-txt-gold\:50 { color: hsl(var(--sf-c-txt-gold-50)) } + html[data-theme='auto'] .sf-c-txt-gold\:60, html.auto .sf-c-txt-gold\:60 { color: hsl(var(--sf-c-txt-gold-60)) } + html[data-theme='auto'] .sf-c-txt-gold\:70, html.auto .sf-c-txt-gold\:70 { color: hsl(var(--sf-c-txt-gold-70)) } + html[data-theme='auto'] .sf-c-txt-gold\:80, html.auto .sf-c-txt-gold\:80 { color: hsl(var(--sf-c-txt-gold-80)) } + html[data-theme='auto'] .sf-c-txt-gold\:90, html.auto .sf-c-txt-gold\:90 { color: hsl(var(--sf-c-txt-gold-90)) } + html[data-theme='auto'] .sf-c-txt-gold\:100, html.auto .sf-c-txt-gold\:100 { color: hsl(var(--sf-c-txt-gold-100)) } + + html[data-theme='auto'] .sf-c-txt-gold\:dark, html.auto .sf-c-txt-gold\:dark { color: hsl(var(--sf-c-txt-gold)) } + html[data-theme='auto'] .sf-c-txt-gold\:0\:dark, html.auto .sf-c-txt-gold\:0\:dark { color: hsl(var(--sf-c-txt-gold-0)) } + html[data-theme='auto'] .sf-c-txt-gold\:10\:dark, html.auto .sf-c-txt-gold\:10\:dark { color: hsl(var(--sf-c-txt-gold-10)) } + html[data-theme='auto'] .sf-c-txt-gold\:20\:dark, html.auto .sf-c-txt-gold\:20\:dark { color: hsl(var(--sf-c-txt-gold-20)) } + html[data-theme='auto'] .sf-c-txt-gold\:30\:dark, html.auto .sf-c-txt-gold\:30\:dark { color: hsl(var(--sf-c-txt-gold-30)) } + html[data-theme='auto'] .sf-c-txt-gold\:40\:dark, html.auto .sf-c-txt-gold\:40\:dark { color: hsl(var(--sf-c-txt-gold-40)) } + html[data-theme='auto'] .sf-c-txt-gold\:50\:dark, html.auto .sf-c-txt-gold\:50\:dark { color: hsl(var(--sf-c-txt-gold-50)) } + html[data-theme='auto'] .sf-c-txt-gold\:60\:dark, html.auto .sf-c-txt-gold\:60\:dark { color: hsl(var(--sf-c-txt-gold-60)) } + html[data-theme='auto'] .sf-c-txt-gold\:70\:dark, html.auto .sf-c-txt-gold\:70\:dark { color: hsl(var(--sf-c-txt-gold-70)) } + html[data-theme='auto'] .sf-c-txt-gold\:80\:dark, html.auto .sf-c-txt-gold\:80\:dark { color: hsl(var(--sf-c-txt-gold-80)) } + html[data-theme='auto'] .sf-c-txt-gold\:90\:dark, html.auto .sf-c-txt-gold\:90\:dark { color: hsl(var(--sf-c-txt-gold-90)) } + html[data-theme='auto'] .sf-c-txt-gold\:100\:dark, html.auto .sf-c-txt-gold\:100\:dark { color: hsl(var(--sf-c-txt-gold-100)) } + html.var[data-theme='auto'] .sf-c-gold, html.var.auto .sf-c-gold { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 50%) } html.var[data-theme='auto'] .sf-c-gold\:0, html.var.auto .sf-c-gold\:0 { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 100%) } html.var[data-theme='auto'] .sf-c-gold\:10, html.var.auto .sf-c-gold\:10 { color: hsl(51, 100%, 10%); background: hsl(51, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-gold\:100\:dark, html.var.dark .sf-c-gold\:100 html.var[data-theme='auto'] .sf-c-gold\:80\:dark, html.var.auto .sf-c-gold\:80\:dark { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 20%) } html.var[data-theme='auto'] .sf-c-gold\:90\:dark, html.var.auto .sf-c-gold\:90\:dark { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 10%) } html.var[data-theme='auto'] .sf-c-gold\:100\:dark, html.var.auto .sf-c-gold\:100\:dark { color: hsl(51, 100%, 90%); background: hsl(51, 100%, 0%) } -} -.sf-c-txt-gold { color: hsl(var(--sf-c-txt-gold)) } -.sf-c-txt-gold\:0 { color: hsl(var(--sf-c-txt-gold-0)) } -.sf-c-txt-gold\:10 { color: hsl(var(--sf-c-txt-gold-10)) } -.sf-c-txt-gold\:20 { color: hsl(var(--sf-c-txt-gold-20)) } -.sf-c-txt-gold\:30 { color: hsl(var(--sf-c-txt-gold-30)) } -.sf-c-txt-gold\:40 { color: hsl(var(--sf-c-txt-gold-40)) } -.sf-c-txt-gold\:50 { color: hsl(var(--sf-c-txt-gold-50)) } -.sf-c-txt-gold\:60 { color: hsl(var(--sf-c-txt-gold-60)) } -.sf-c-txt-gold\:70 { color: hsl(var(--sf-c-txt-gold-70)) } -.sf-c-txt-gold\:80 { color: hsl(var(--sf-c-txt-gold-80)) } -.sf-c-txt-gold\:90 { color: hsl(var(--sf-c-txt-gold-90)) } -.sf-c-txt-gold\:100 { color: hsl(var(--sf-c-txt-gold-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-gold, html.auto .sf-c-txt-gold { color: hsl(51, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:0, html.auto .sf-c-txt-gold\:0 { color: hsl(51, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:10, html.auto .sf-c-txt-gold\:10 { color: hsl(51, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:20, html.auto .sf-c-txt-gold\:20 { color: hsl(51, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:30, html.auto .sf-c-txt-gold\:30 { color: hsl(51, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:40, html.auto .sf-c-txt-gold\:40 { color: hsl(51, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:50, html.auto .sf-c-txt-gold\:50 { color: hsl(51, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:60, html.auto .sf-c-txt-gold\:60 { color: hsl(51, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:70, html.auto .sf-c-txt-gold\:70 { color: hsl(51, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:80, html.auto .sf-c-txt-gold\:80 { color: hsl(51, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:90, html.auto .sf-c-txt-gold\:90 { color: hsl(51, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:100, html.auto .sf-c-txt-gold\:100 { color: hsl(51, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-gold\:dark, html.auto .sf-c-txt-gold\:dark { color: hsl(51, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:0\:dark, html.auto .sf-c-txt-gold\:0\:dark { color: hsl(51, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:10\:dark, html.auto .sf-c-txt-gold\:10\:dark { color: hsl(51, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:20\:dark, html.auto .sf-c-txt-gold\:20\:dark { color: hsl(51, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:30\:dark, html.auto .sf-c-txt-gold\:30\:dark { color: hsl(51, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:40\:dark, html.auto .sf-c-txt-gold\:40\:dark { color: hsl(51, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:50\:dark, html.auto .sf-c-txt-gold\:50\:dark { color: hsl(51, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:60\:dark, html.auto .sf-c-txt-gold\:60\:dark { color: hsl(51, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:70\:dark, html.auto .sf-c-txt-gold\:70\:dark { color: hsl(51, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:80\:dark, html.auto .sf-c-txt-gold\:80\:dark { color: hsl(51, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:90\:dark, html.auto .sf-c-txt-gold\:90\:dark { color: hsl(51, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:100\:dark, html.auto .sf-c-txt-gold\:100\:dark { color: hsl(51, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/goldenrod.css b/src/colors/10/goldenrod.css index 9041c00..4491de6 100644 --- a/src/colors/10/goldenrod.css +++ b/src/colors/10/goldenrod.css @@ -78,6 +78,32 @@ html.var .sf-c-goldenrod\:80 { color: hsl(43, 74%, 10%); background: hsl(43, 74% html.var .sf-c-goldenrod\:90 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 90%) } html.var .sf-c-goldenrod\:100 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 100%) } +.sf-c-txt-goldenrod { color: hsl(var(--sf-dark-c-txt-goldenrod)) } +.sf-c-txt-goldenrod\:0 { color: hsl(var(--sf-dark-c-txt-goldenrod-100)) } +.sf-c-txt-goldenrod\:10 { color: hsl(var(--sf-dark-c-txt-goldenrod-90)) } +.sf-c-txt-goldenrod\:20 { color: hsl(var(--sf-dark-c-txt-goldenrod-80)) } +.sf-c-txt-goldenrod\:30 { color: hsl(var(--sf-dark-c-txt-goldenrod-70)) } +.sf-c-txt-goldenrod\:40 { color: hsl(var(--sf-dark-c-txt-goldenrod-60)) } +.sf-c-txt-goldenrod\:50 { color: hsl(var(--sf-dark-c-txt-goldenrod-50)) } +.sf-c-txt-goldenrod\:60 { color: hsl(var(--sf-dark-c-txt-goldenrod-40)) } +.sf-c-txt-goldenrod\:70 { color: hsl(var(--sf-dark-c-txt-goldenrod-30)) } +.sf-c-txt-goldenrod\:80 { color: hsl(var(--sf-dark-c-txt-goldenrod-20)) } +.sf-c-txt-goldenrod\:90 { color: hsl(var(--sf-dark-c-txt-goldenrod-10)) } +.sf-c-txt-goldenrod\:100 { color: hsl(var(--sf-dark-c-txt-goldenrod-0)) } + +html.var .sf-c-txt-goldenrod { color: hsl(43, 74%, 51%) } +html.var .sf-c-txt-goldenrod\:0 { color: hsl(43, 74%, 100%) } +html.var .sf-c-txt-goldenrod\:10 { color: hsl(43, 74%, 90%) } +html.var .sf-c-txt-goldenrod\:20 { color: hsl(43, 74%, 80%) } +html.var .sf-c-txt-goldenrod\:30 { color: hsl(43, 74%, 70%) } +html.var .sf-c-txt-goldenrod\:40 { color: hsl(43, 74%, 60%) } +html.var .sf-c-txt-goldenrod\:50 { color: hsl(43, 74%, 50%) } +html.var .sf-c-txt-goldenrod\:60 { color: hsl(43, 74%, 40%) } +html.var .sf-c-txt-goldenrod\:70 { color: hsl(43, 74%, 30%) } +html.var .sf-c-txt-goldenrod\:80 { color: hsl(43, 74%, 20%) } +html.var .sf-c-txt-goldenrod\:90 { color: hsl(43, 74%, 10%) } +html.var .sf-c-txt-goldenrod\:100 { color: hsl(43, 74%, 0%) } + html[data-theme='dark'] .sf-c-goldenrod, html.dark .sf-c-goldenrod { color: hsl(var(--sf-dark-c-txt-goldenrod-10)); background: hsl(var(--sf-dark-c-goldenrod)) } html[data-theme='dark'] .sf-c-goldenrod\:0, html.dark .sf-c-goldenrod\:0 { color: hsl(var(--sf-dark-c-txt-goldenrod-90)); background: hsl(var(--sf-dark-c-goldenrod-100)) } html[data-theme='dark'] .sf-c-goldenrod\:10, html.dark .sf-c-goldenrod\:10 { color: hsl(var(--sf-dark-c-txt-goldenrod-10)); background: hsl(var(--sf-dark-c-goldenrod-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-goldenrod\:80\:dark, html.dark .sf-c-goldenrod\:80 html[data-theme='dark'] .sf-c-goldenrod\:90\:dark, html.dark .sf-c-goldenrod\:90\:dark { color: hsl(var(--sf-c-txt-goldenrod-90)); background: hsl(var(--sf-c-goldenrod-10)) } html[data-theme='dark'] .sf-c-goldenrod\:100\:dark, html.dark .sf-c-goldenrod\:100\:dark { color: hsl(var(--sf-c-txt-goldenrod-90)); background: hsl(var(--sf-c-goldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-goldenrod, html.dark .sf-c-txt-goldenrod { color: hsl(var(--sf-c-txt-goldenrod)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:0, html.dark .sf-c-txt-goldenrod\:0 { color: hsl(var(--sf-c-txt-goldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:10, html.dark .sf-c-txt-goldenrod\:10 { color: hsl(var(--sf-c-txt-goldenrod-10)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:20, html.dark .sf-c-txt-goldenrod\:20 { color: hsl(var(--sf-c-txt-goldenrod-20)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:30, html.dark .sf-c-txt-goldenrod\:30 { color: hsl(var(--sf-c-txt-goldenrod-30)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:40, html.dark .sf-c-txt-goldenrod\:40 { color: hsl(var(--sf-c-txt-goldenrod-40)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:50, html.dark .sf-c-txt-goldenrod\:50 { color: hsl(var(--sf-c-txt-goldenrod-50)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:60, html.dark .sf-c-txt-goldenrod\:60 { color: hsl(var(--sf-c-txt-goldenrod-60)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:70, html.dark .sf-c-txt-goldenrod\:70 { color: hsl(var(--sf-c-txt-goldenrod-70)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:80, html.dark .sf-c-txt-goldenrod\:80 { color: hsl(var(--sf-c-txt-goldenrod-80)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:90, html.dark .sf-c-txt-goldenrod\:90 { color: hsl(var(--sf-c-txt-goldenrod-90)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:100, html.dark .sf-c-txt-goldenrod\:100 { color: hsl(var(--sf-c-txt-goldenrod-100)) } + +html[data-theme='dark'] .sf-c-txt-goldenrod\:dark, html.dark .sf-c-txt-goldenrod\:dark { color: hsl(var(--sf-c-txt-goldenrod)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:0\:dark, html.dark .sf-c-txt-goldenrod\:0\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:10\:dark, html.dark .sf-c-txt-goldenrod\:10\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-10)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:20\:dark, html.dark .sf-c-txt-goldenrod\:20\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-20)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:30\:dark, html.dark .sf-c-txt-goldenrod\:30\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-30)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:40\:dark, html.dark .sf-c-txt-goldenrod\:40\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-40)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:50\:dark, html.dark .sf-c-txt-goldenrod\:50\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-50)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:60\:dark, html.dark .sf-c-txt-goldenrod\:60\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-60)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:70\:dark, html.dark .sf-c-txt-goldenrod\:70\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-70)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:80\:dark, html.dark .sf-c-txt-goldenrod\:80\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-80)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:90\:dark, html.dark .sf-c-txt-goldenrod\:90\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-90)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:100\:dark, html.dark .sf-c-txt-goldenrod\:100\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-100)) } + html.var[data-theme='dark'] .sf-c-goldenrod, html.var.dark .sf-c-goldenrod { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 51%) } html.var[data-theme='dark'] .sf-c-goldenrod\:0, html.var.dark .sf-c-goldenrod\:0 { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 100%) } html.var[data-theme='dark'] .sf-c-goldenrod\:10, html.var.dark .sf-c-goldenrod\:10 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-goldenrod\:80\:dark, html.var.dark .sf-c-golde html.var[data-theme='dark'] .sf-c-goldenrod\:90\:dark, html.var.dark .sf-c-goldenrod\:90\:dark { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 10%) } html.var[data-theme='dark'] .sf-c-goldenrod\:100\:dark, html.var.dark .sf-c-goldenrod\:100\:dark { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod, html.dark .sf-c-txt-goldenrod { color: hsl(43, 74%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:0, html.dark .sf-c-txt-goldenrod\:0 { color: hsl(43, 74%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:10, html.dark .sf-c-txt-goldenrod\:10 { color: hsl(43, 74%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:20, html.dark .sf-c-txt-goldenrod\:20 { color: hsl(43, 74%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:30, html.dark .sf-c-txt-goldenrod\:30 { color: hsl(43, 74%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:40, html.dark .sf-c-txt-goldenrod\:40 { color: hsl(43, 74%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:50, html.dark .sf-c-txt-goldenrod\:50 { color: hsl(43, 74%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:60, html.dark .sf-c-txt-goldenrod\:60 { color: hsl(43, 74%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:70, html.dark .sf-c-txt-goldenrod\:70 { color: hsl(43, 74%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:80, html.dark .sf-c-txt-goldenrod\:80 { color: hsl(43, 74%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:90, html.dark .sf-c-txt-goldenrod\:90 { color: hsl(43, 74%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:100, html.dark .sf-c-txt-goldenrod\:100 { color: hsl(43, 74%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:dark, html.dark .sf-c-txt-goldenrod\:dark { color: hsl(43, 74%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:0\:dark, html.dark .sf-c-txt-goldenrod\:0\:dark { color: hsl(43, 74%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:10\:dark, html.dark .sf-c-txt-goldenrod\:10\:dark { color: hsl(43, 74%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:20\:dark, html.dark .sf-c-txt-goldenrod\:20\:dark { color: hsl(43, 74%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:30\:dark, html.dark .sf-c-txt-goldenrod\:30\:dark { color: hsl(43, 74%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:40\:dark, html.dark .sf-c-txt-goldenrod\:40\:dark { color: hsl(43, 74%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:50\:dark, html.dark .sf-c-txt-goldenrod\:50\:dark { color: hsl(43, 74%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:60\:dark, html.dark .sf-c-txt-goldenrod\:60\:dark { color: hsl(43, 74%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:70\:dark, html.dark .sf-c-txt-goldenrod\:70\:dark { color: hsl(43, 74%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:80\:dark, html.dark .sf-c-txt-goldenrod\:80\:dark { color: hsl(43, 74%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:90\:dark, html.dark .sf-c-txt-goldenrod\:90\:dark { color: hsl(43, 74%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:100\:dark, html.dark .sf-c-txt-goldenrod\:100\:dark { color: hsl(43, 74%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-goldenrod, html.auto .sf-c-goldenrod { color: hsl(var(--sf-dark-c-txt-goldenrod-10)); background: hsl(var(--sf-dark-c-goldenrod)) } html[data-theme='auto'] .sf-c-goldenrod\:0, html.auto .sf-c-goldenrod\:0 { color: hsl(var(--sf-dark-c-txt-goldenrod-90)); background: hsl(var(--sf-dark-c-goldenrod-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-goldenrod\:100\:dark, html.var.dark .sf-c-gold html[data-theme='auto'] .sf-c-goldenrod\:90\:dark, html.auto .sf-c-goldenrod\:90\:dark { color: hsl(var(--sf-c-txt-goldenrod-90)); background: hsl(var(--sf-c-goldenrod-10)) } html[data-theme='auto'] .sf-c-goldenrod\:100\:dark, html.auto .sf-c-goldenrod\:100\:dark { color: hsl(var(--sf-c-txt-goldenrod-90)); background: hsl(var(--sf-c-goldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-goldenrod, html.auto .sf-c-txt-goldenrod { color: hsl(var(--sf-c-txt-goldenrod)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:0, html.auto .sf-c-txt-goldenrod\:0 { color: hsl(var(--sf-c-txt-goldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:10, html.auto .sf-c-txt-goldenrod\:10 { color: hsl(var(--sf-c-txt-goldenrod-10)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:20, html.auto .sf-c-txt-goldenrod\:20 { color: hsl(var(--sf-c-txt-goldenrod-20)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:30, html.auto .sf-c-txt-goldenrod\:30 { color: hsl(var(--sf-c-txt-goldenrod-30)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:40, html.auto .sf-c-txt-goldenrod\:40 { color: hsl(var(--sf-c-txt-goldenrod-40)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:50, html.auto .sf-c-txt-goldenrod\:50 { color: hsl(var(--sf-c-txt-goldenrod-50)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:60, html.auto .sf-c-txt-goldenrod\:60 { color: hsl(var(--sf-c-txt-goldenrod-60)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:70, html.auto .sf-c-txt-goldenrod\:70 { color: hsl(var(--sf-c-txt-goldenrod-70)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:80, html.auto .sf-c-txt-goldenrod\:80 { color: hsl(var(--sf-c-txt-goldenrod-80)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:90, html.auto .sf-c-txt-goldenrod\:90 { color: hsl(var(--sf-c-txt-goldenrod-90)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:100, html.auto .sf-c-txt-goldenrod\:100 { color: hsl(var(--sf-c-txt-goldenrod-100)) } + + html[data-theme='auto'] .sf-c-txt-goldenrod\:dark, html.auto .sf-c-txt-goldenrod\:dark { color: hsl(var(--sf-c-txt-goldenrod)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:0\:dark, html.auto .sf-c-txt-goldenrod\:0\:dark { color: hsl(var(--sf-c-txt-goldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:10\:dark, html.auto .sf-c-txt-goldenrod\:10\:dark { color: hsl(var(--sf-c-txt-goldenrod-10)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:20\:dark, html.auto .sf-c-txt-goldenrod\:20\:dark { color: hsl(var(--sf-c-txt-goldenrod-20)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:30\:dark, html.auto .sf-c-txt-goldenrod\:30\:dark { color: hsl(var(--sf-c-txt-goldenrod-30)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:40\:dark, html.auto .sf-c-txt-goldenrod\:40\:dark { color: hsl(var(--sf-c-txt-goldenrod-40)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:50\:dark, html.auto .sf-c-txt-goldenrod\:50\:dark { color: hsl(var(--sf-c-txt-goldenrod-50)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:60\:dark, html.auto .sf-c-txt-goldenrod\:60\:dark { color: hsl(var(--sf-c-txt-goldenrod-60)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:70\:dark, html.auto .sf-c-txt-goldenrod\:70\:dark { color: hsl(var(--sf-c-txt-goldenrod-70)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:80\:dark, html.auto .sf-c-txt-goldenrod\:80\:dark { color: hsl(var(--sf-c-txt-goldenrod-80)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:90\:dark, html.auto .sf-c-txt-goldenrod\:90\:dark { color: hsl(var(--sf-c-txt-goldenrod-90)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:100\:dark, html.auto .sf-c-txt-goldenrod\:100\:dark { color: hsl(var(--sf-c-txt-goldenrod-100)) } + html.var[data-theme='auto'] .sf-c-goldenrod, html.var.auto .sf-c-goldenrod { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 51%) } html.var[data-theme='auto'] .sf-c-goldenrod\:0, html.var.auto .sf-c-goldenrod\:0 { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 100%) } html.var[data-theme='auto'] .sf-c-goldenrod\:10, html.var.auto .sf-c-goldenrod\:10 { color: hsl(43, 74%, 10%); background: hsl(43, 74%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-goldenrod\:100\:dark, html.var.dark .sf-c-gold html.var[data-theme='auto'] .sf-c-goldenrod\:80\:dark, html.var.auto .sf-c-goldenrod\:80\:dark { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 20%) } html.var[data-theme='auto'] .sf-c-goldenrod\:90\:dark, html.var.auto .sf-c-goldenrod\:90\:dark { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 10%) } html.var[data-theme='auto'] .sf-c-goldenrod\:100\:dark, html.var.auto .sf-c-goldenrod\:100\:dark { color: hsl(43, 74%, 90%); background: hsl(43, 74%, 0%) } -} -.sf-c-txt-goldenrod { color: hsl(var(--sf-c-txt-goldenrod)) } -.sf-c-txt-goldenrod\:0 { color: hsl(var(--sf-c-txt-goldenrod-0)) } -.sf-c-txt-goldenrod\:10 { color: hsl(var(--sf-c-txt-goldenrod-10)) } -.sf-c-txt-goldenrod\:20 { color: hsl(var(--sf-c-txt-goldenrod-20)) } -.sf-c-txt-goldenrod\:30 { color: hsl(var(--sf-c-txt-goldenrod-30)) } -.sf-c-txt-goldenrod\:40 { color: hsl(var(--sf-c-txt-goldenrod-40)) } -.sf-c-txt-goldenrod\:50 { color: hsl(var(--sf-c-txt-goldenrod-50)) } -.sf-c-txt-goldenrod\:60 { color: hsl(var(--sf-c-txt-goldenrod-60)) } -.sf-c-txt-goldenrod\:70 { color: hsl(var(--sf-c-txt-goldenrod-70)) } -.sf-c-txt-goldenrod\:80 { color: hsl(var(--sf-c-txt-goldenrod-80)) } -.sf-c-txt-goldenrod\:90 { color: hsl(var(--sf-c-txt-goldenrod-90)) } -.sf-c-txt-goldenrod\:100 { color: hsl(var(--sf-c-txt-goldenrod-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-goldenrod, html.auto .sf-c-txt-goldenrod { color: hsl(43, 74%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:0, html.auto .sf-c-txt-goldenrod\:0 { color: hsl(43, 74%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:10, html.auto .sf-c-txt-goldenrod\:10 { color: hsl(43, 74%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:20, html.auto .sf-c-txt-goldenrod\:20 { color: hsl(43, 74%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:30, html.auto .sf-c-txt-goldenrod\:30 { color: hsl(43, 74%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:40, html.auto .sf-c-txt-goldenrod\:40 { color: hsl(43, 74%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:50, html.auto .sf-c-txt-goldenrod\:50 { color: hsl(43, 74%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:60, html.auto .sf-c-txt-goldenrod\:60 { color: hsl(43, 74%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:70, html.auto .sf-c-txt-goldenrod\:70 { color: hsl(43, 74%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:80, html.auto .sf-c-txt-goldenrod\:80 { color: hsl(43, 74%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:90, html.auto .sf-c-txt-goldenrod\:90 { color: hsl(43, 74%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:100, html.auto .sf-c-txt-goldenrod\:100 { color: hsl(43, 74%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:dark, html.auto .sf-c-txt-goldenrod\:dark { color: hsl(43, 74%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:0\:dark, html.auto .sf-c-txt-goldenrod\:0\:dark { color: hsl(43, 74%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:10\:dark, html.auto .sf-c-txt-goldenrod\:10\:dark { color: hsl(43, 74%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:20\:dark, html.auto .sf-c-txt-goldenrod\:20\:dark { color: hsl(43, 74%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:30\:dark, html.auto .sf-c-txt-goldenrod\:30\:dark { color: hsl(43, 74%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:40\:dark, html.auto .sf-c-txt-goldenrod\:40\:dark { color: hsl(43, 74%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:50\:dark, html.auto .sf-c-txt-goldenrod\:50\:dark { color: hsl(43, 74%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:60\:dark, html.auto .sf-c-txt-goldenrod\:60\:dark { color: hsl(43, 74%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:70\:dark, html.auto .sf-c-txt-goldenrod\:70\:dark { color: hsl(43, 74%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:80\:dark, html.auto .sf-c-txt-goldenrod\:80\:dark { color: hsl(43, 74%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:90\:dark, html.auto .sf-c-txt-goldenrod\:90\:dark { color: hsl(43, 74%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:100\:dark, html.auto .sf-c-txt-goldenrod\:100\:dark { color: hsl(43, 74%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/gray.css b/src/colors/10/gray.css index 3c4873e..a1bc927 100644 --- a/src/colors/10/gray.css +++ b/src/colors/10/gray.css @@ -78,6 +78,32 @@ html.var .sf-c-gray\:80 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } html.var .sf-c-gray\:90 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } html.var .sf-c-gray\:100 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } +.sf-c-txt-gray { color: hsl(var(--sf-dark-c-txt-gray)) } +.sf-c-txt-gray\:0 { color: hsl(var(--sf-dark-c-txt-gray-100)) } +.sf-c-txt-gray\:10 { color: hsl(var(--sf-dark-c-txt-gray-90)) } +.sf-c-txt-gray\:20 { color: hsl(var(--sf-dark-c-txt-gray-80)) } +.sf-c-txt-gray\:30 { color: hsl(var(--sf-dark-c-txt-gray-70)) } +.sf-c-txt-gray\:40 { color: hsl(var(--sf-dark-c-txt-gray-60)) } +.sf-c-txt-gray\:50 { color: hsl(var(--sf-dark-c-txt-gray-50)) } +.sf-c-txt-gray\:60 { color: hsl(var(--sf-dark-c-txt-gray-40)) } +.sf-c-txt-gray\:70 { color: hsl(var(--sf-dark-c-txt-gray-30)) } +.sf-c-txt-gray\:80 { color: hsl(var(--sf-dark-c-txt-gray-20)) } +.sf-c-txt-gray\:90 { color: hsl(var(--sf-dark-c-txt-gray-10)) } +.sf-c-txt-gray\:100 { color: hsl(var(--sf-dark-c-txt-gray-0)) } + +html.var .sf-c-txt-gray { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-gray\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-gray\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-gray\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-gray\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-gray\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-gray\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-gray\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-gray\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-gray\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-gray\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-gray\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-gray, html.dark .sf-c-gray { color: hsl(var(--sf-dark-c-txt-gray-90)); background: hsl(var(--sf-dark-c-gray)) } html[data-theme='dark'] .sf-c-gray\:0, html.dark .sf-c-gray\:0 { color: hsl(var(--sf-dark-c-txt-gray-90)); background: hsl(var(--sf-dark-c-gray-100)) } html[data-theme='dark'] .sf-c-gray\:10, html.dark .sf-c-gray\:10 { color: hsl(var(--sf-dark-c-txt-gray-10)); background: hsl(var(--sf-dark-c-gray-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-gray\:80\:dark, html.dark .sf-c-gray\:80\:dark { c html[data-theme='dark'] .sf-c-gray\:90\:dark, html.dark .sf-c-gray\:90\:dark { color: hsl(var(--sf-c-txt-gray-90)); background: hsl(var(--sf-c-gray-10)) } html[data-theme='dark'] .sf-c-gray\:100\:dark, html.dark .sf-c-gray\:100\:dark { color: hsl(var(--sf-c-txt-gray-90)); background: hsl(var(--sf-c-gray-0)) } +html[data-theme='dark'] .sf-c-txt-gray, html.dark .sf-c-txt-gray { color: hsl(var(--sf-c-txt-gray)) } +html[data-theme='dark'] .sf-c-txt-gray\:0, html.dark .sf-c-txt-gray\:0 { color: hsl(var(--sf-c-txt-gray-0)) } +html[data-theme='dark'] .sf-c-txt-gray\:10, html.dark .sf-c-txt-gray\:10 { color: hsl(var(--sf-c-txt-gray-10)) } +html[data-theme='dark'] .sf-c-txt-gray\:20, html.dark .sf-c-txt-gray\:20 { color: hsl(var(--sf-c-txt-gray-20)) } +html[data-theme='dark'] .sf-c-txt-gray\:30, html.dark .sf-c-txt-gray\:30 { color: hsl(var(--sf-c-txt-gray-30)) } +html[data-theme='dark'] .sf-c-txt-gray\:40, html.dark .sf-c-txt-gray\:40 { color: hsl(var(--sf-c-txt-gray-40)) } +html[data-theme='dark'] .sf-c-txt-gray\:50, html.dark .sf-c-txt-gray\:50 { color: hsl(var(--sf-c-txt-gray-50)) } +html[data-theme='dark'] .sf-c-txt-gray\:60, html.dark .sf-c-txt-gray\:60 { color: hsl(var(--sf-c-txt-gray-60)) } +html[data-theme='dark'] .sf-c-txt-gray\:70, html.dark .sf-c-txt-gray\:70 { color: hsl(var(--sf-c-txt-gray-70)) } +html[data-theme='dark'] .sf-c-txt-gray\:80, html.dark .sf-c-txt-gray\:80 { color: hsl(var(--sf-c-txt-gray-80)) } +html[data-theme='dark'] .sf-c-txt-gray\:90, html.dark .sf-c-txt-gray\:90 { color: hsl(var(--sf-c-txt-gray-90)) } +html[data-theme='dark'] .sf-c-txt-gray\:100, html.dark .sf-c-txt-gray\:100 { color: hsl(var(--sf-c-txt-gray-100)) } + +html[data-theme='dark'] .sf-c-txt-gray\:dark, html.dark .sf-c-txt-gray\:dark { color: hsl(var(--sf-c-txt-gray)) } +html[data-theme='dark'] .sf-c-txt-gray\:0\:dark, html.dark .sf-c-txt-gray\:0\:dark { color: hsl(var(--sf-dark-c-txt-gray-0)) } +html[data-theme='dark'] .sf-c-txt-gray\:10\:dark, html.dark .sf-c-txt-gray\:10\:dark { color: hsl(var(--sf-dark-c-txt-gray-10)) } +html[data-theme='dark'] .sf-c-txt-gray\:20\:dark, html.dark .sf-c-txt-gray\:20\:dark { color: hsl(var(--sf-dark-c-txt-gray-20)) } +html[data-theme='dark'] .sf-c-txt-gray\:30\:dark, html.dark .sf-c-txt-gray\:30\:dark { color: hsl(var(--sf-dark-c-txt-gray-30)) } +html[data-theme='dark'] .sf-c-txt-gray\:40\:dark, html.dark .sf-c-txt-gray\:40\:dark { color: hsl(var(--sf-dark-c-txt-gray-40)) } +html[data-theme='dark'] .sf-c-txt-gray\:50\:dark, html.dark .sf-c-txt-gray\:50\:dark { color: hsl(var(--sf-dark-c-txt-gray-50)) } +html[data-theme='dark'] .sf-c-txt-gray\:60\:dark, html.dark .sf-c-txt-gray\:60\:dark { color: hsl(var(--sf-dark-c-txt-gray-60)) } +html[data-theme='dark'] .sf-c-txt-gray\:70\:dark, html.dark .sf-c-txt-gray\:70\:dark { color: hsl(var(--sf-dark-c-txt-gray-70)) } +html[data-theme='dark'] .sf-c-txt-gray\:80\:dark, html.dark .sf-c-txt-gray\:80\:dark { color: hsl(var(--sf-dark-c-txt-gray-80)) } +html[data-theme='dark'] .sf-c-txt-gray\:90\:dark, html.dark .sf-c-txt-gray\:90\:dark { color: hsl(var(--sf-dark-c-txt-gray-90)) } +html[data-theme='dark'] .sf-c-txt-gray\:100\:dark, html.dark .sf-c-txt-gray\:100\:dark { color: hsl(var(--sf-dark-c-txt-gray-100)) } + html.var[data-theme='dark'] .sf-c-gray, html.var.dark .sf-c-gray { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } html.var[data-theme='dark'] .sf-c-gray\:0, html.var.dark .sf-c-gray\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-gray\:10, html.var.dark .sf-c-gray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-gray\:80\:dark, html.var.dark .sf-c-gray\:80\: html.var[data-theme='dark'] .sf-c-gray\:90\:dark, html.var.dark .sf-c-gray\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='dark'] .sf-c-gray\:100\:dark, html.var.dark .sf-c-gray\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gray, html.dark .sf-c-txt-gray { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:0, html.dark .sf-c-txt-gray\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:10, html.dark .sf-c-txt-gray\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:20, html.dark .sf-c-txt-gray\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:30, html.dark .sf-c-txt-gray\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:40, html.dark .sf-c-txt-gray\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:50, html.dark .sf-c-txt-gray\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:60, html.dark .sf-c-txt-gray\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:70, html.dark .sf-c-txt-gray\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:80, html.dark .sf-c-txt-gray\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:90, html.dark .sf-c-txt-gray\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:100, html.dark .sf-c-txt-gray\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-gray\:dark, html.dark .sf-c-txt-gray\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:0\:dark, html.dark .sf-c-txt-gray\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:10\:dark, html.dark .sf-c-txt-gray\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:20\:dark, html.dark .sf-c-txt-gray\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:30\:dark, html.dark .sf-c-txt-gray\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:40\:dark, html.dark .sf-c-txt-gray\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:50\:dark, html.dark .sf-c-txt-gray\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:60\:dark, html.dark .sf-c-txt-gray\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:70\:dark, html.dark .sf-c-txt-gray\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:80\:dark, html.dark .sf-c-txt-gray\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:90\:dark, html.dark .sf-c-txt-gray\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:100\:dark, html.dark .sf-c-txt-gray\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-gray, html.auto .sf-c-gray { color: hsl(var(--sf-dark-c-txt-gray-90)); background: hsl(var(--sf-dark-c-gray)) } html[data-theme='auto'] .sf-c-gray\:0, html.auto .sf-c-gray\:0 { color: hsl(var(--sf-dark-c-txt-gray-90)); background: hsl(var(--sf-dark-c-gray-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-gray\:100\:dark, html.var.dark .sf-c-gray\:100 html[data-theme='auto'] .sf-c-gray\:90\:dark, html.auto .sf-c-gray\:90\:dark { color: hsl(var(--sf-c-txt-gray-90)); background: hsl(var(--sf-c-gray-10)) } html[data-theme='auto'] .sf-c-gray\:100\:dark, html.auto .sf-c-gray\:100\:dark { color: hsl(var(--sf-c-txt-gray-90)); background: hsl(var(--sf-c-gray-0)) } + html[data-theme='auto'] .sf-c-txt-gray, html.auto .sf-c-txt-gray { color: hsl(var(--sf-c-txt-gray)) } + html[data-theme='auto'] .sf-c-txt-gray\:0, html.auto .sf-c-txt-gray\:0 { color: hsl(var(--sf-c-txt-gray-0)) } + html[data-theme='auto'] .sf-c-txt-gray\:10, html.auto .sf-c-txt-gray\:10 { color: hsl(var(--sf-c-txt-gray-10)) } + html[data-theme='auto'] .sf-c-txt-gray\:20, html.auto .sf-c-txt-gray\:20 { color: hsl(var(--sf-c-txt-gray-20)) } + html[data-theme='auto'] .sf-c-txt-gray\:30, html.auto .sf-c-txt-gray\:30 { color: hsl(var(--sf-c-txt-gray-30)) } + html[data-theme='auto'] .sf-c-txt-gray\:40, html.auto .sf-c-txt-gray\:40 { color: hsl(var(--sf-c-txt-gray-40)) } + html[data-theme='auto'] .sf-c-txt-gray\:50, html.auto .sf-c-txt-gray\:50 { color: hsl(var(--sf-c-txt-gray-50)) } + html[data-theme='auto'] .sf-c-txt-gray\:60, html.auto .sf-c-txt-gray\:60 { color: hsl(var(--sf-c-txt-gray-60)) } + html[data-theme='auto'] .sf-c-txt-gray\:70, html.auto .sf-c-txt-gray\:70 { color: hsl(var(--sf-c-txt-gray-70)) } + html[data-theme='auto'] .sf-c-txt-gray\:80, html.auto .sf-c-txt-gray\:80 { color: hsl(var(--sf-c-txt-gray-80)) } + html[data-theme='auto'] .sf-c-txt-gray\:90, html.auto .sf-c-txt-gray\:90 { color: hsl(var(--sf-c-txt-gray-90)) } + html[data-theme='auto'] .sf-c-txt-gray\:100, html.auto .sf-c-txt-gray\:100 { color: hsl(var(--sf-c-txt-gray-100)) } + + html[data-theme='auto'] .sf-c-txt-gray\:dark, html.auto .sf-c-txt-gray\:dark { color: hsl(var(--sf-c-txt-gray)) } + html[data-theme='auto'] .sf-c-txt-gray\:0\:dark, html.auto .sf-c-txt-gray\:0\:dark { color: hsl(var(--sf-c-txt-gray-0)) } + html[data-theme='auto'] .sf-c-txt-gray\:10\:dark, html.auto .sf-c-txt-gray\:10\:dark { color: hsl(var(--sf-c-txt-gray-10)) } + html[data-theme='auto'] .sf-c-txt-gray\:20\:dark, html.auto .sf-c-txt-gray\:20\:dark { color: hsl(var(--sf-c-txt-gray-20)) } + html[data-theme='auto'] .sf-c-txt-gray\:30\:dark, html.auto .sf-c-txt-gray\:30\:dark { color: hsl(var(--sf-c-txt-gray-30)) } + html[data-theme='auto'] .sf-c-txt-gray\:40\:dark, html.auto .sf-c-txt-gray\:40\:dark { color: hsl(var(--sf-c-txt-gray-40)) } + html[data-theme='auto'] .sf-c-txt-gray\:50\:dark, html.auto .sf-c-txt-gray\:50\:dark { color: hsl(var(--sf-c-txt-gray-50)) } + html[data-theme='auto'] .sf-c-txt-gray\:60\:dark, html.auto .sf-c-txt-gray\:60\:dark { color: hsl(var(--sf-c-txt-gray-60)) } + html[data-theme='auto'] .sf-c-txt-gray\:70\:dark, html.auto .sf-c-txt-gray\:70\:dark { color: hsl(var(--sf-c-txt-gray-70)) } + html[data-theme='auto'] .sf-c-txt-gray\:80\:dark, html.auto .sf-c-txt-gray\:80\:dark { color: hsl(var(--sf-c-txt-gray-80)) } + html[data-theme='auto'] .sf-c-txt-gray\:90\:dark, html.auto .sf-c-txt-gray\:90\:dark { color: hsl(var(--sf-c-txt-gray-90)) } + html[data-theme='auto'] .sf-c-txt-gray\:100\:dark, html.auto .sf-c-txt-gray\:100\:dark { color: hsl(var(--sf-c-txt-gray-100)) } + html.var[data-theme='auto'] .sf-c-gray, html.var.auto .sf-c-gray { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } html.var[data-theme='auto'] .sf-c-gray\:0, html.var.auto .sf-c-gray\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-gray\:10, html.var.auto .sf-c-gray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-gray\:100\:dark, html.var.dark .sf-c-gray\:100 html.var[data-theme='auto'] .sf-c-gray\:80\:dark, html.var.auto .sf-c-gray\:80\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } html.var[data-theme='auto'] .sf-c-gray\:90\:dark, html.var.auto .sf-c-gray\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-gray\:100\:dark, html.var.auto .sf-c-gray\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-gray { color: hsl(var(--sf-c-txt-gray)) } -.sf-c-txt-gray\:0 { color: hsl(var(--sf-c-txt-gray-0)) } -.sf-c-txt-gray\:10 { color: hsl(var(--sf-c-txt-gray-10)) } -.sf-c-txt-gray\:20 { color: hsl(var(--sf-c-txt-gray-20)) } -.sf-c-txt-gray\:30 { color: hsl(var(--sf-c-txt-gray-30)) } -.sf-c-txt-gray\:40 { color: hsl(var(--sf-c-txt-gray-40)) } -.sf-c-txt-gray\:50 { color: hsl(var(--sf-c-txt-gray-50)) } -.sf-c-txt-gray\:60 { color: hsl(var(--sf-c-txt-gray-60)) } -.sf-c-txt-gray\:70 { color: hsl(var(--sf-c-txt-gray-70)) } -.sf-c-txt-gray\:80 { color: hsl(var(--sf-c-txt-gray-80)) } -.sf-c-txt-gray\:90 { color: hsl(var(--sf-c-txt-gray-90)) } -.sf-c-txt-gray\:100 { color: hsl(var(--sf-c-txt-gray-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-gray, html.auto .sf-c-txt-gray { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:0, html.auto .sf-c-txt-gray\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:10, html.auto .sf-c-txt-gray\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:20, html.auto .sf-c-txt-gray\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:30, html.auto .sf-c-txt-gray\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:40, html.auto .sf-c-txt-gray\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:50, html.auto .sf-c-txt-gray\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:60, html.auto .sf-c-txt-gray\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:70, html.auto .sf-c-txt-gray\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:80, html.auto .sf-c-txt-gray\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:90, html.auto .sf-c-txt-gray\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:100, html.auto .sf-c-txt-gray\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-gray\:dark, html.auto .sf-c-txt-gray\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:0\:dark, html.auto .sf-c-txt-gray\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:10\:dark, html.auto .sf-c-txt-gray\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:20\:dark, html.auto .sf-c-txt-gray\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:30\:dark, html.auto .sf-c-txt-gray\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:40\:dark, html.auto .sf-c-txt-gray\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:50\:dark, html.auto .sf-c-txt-gray\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:60\:dark, html.auto .sf-c-txt-gray\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:70\:dark, html.auto .sf-c-txt-gray\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:80\:dark, html.auto .sf-c-txt-gray\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:90\:dark, html.auto .sf-c-txt-gray\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:100\:dark, html.auto .sf-c-txt-gray\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/green.css b/src/colors/10/green.css index d81cee6..f6a5ac5 100644 --- a/src/colors/10/green.css +++ b/src/colors/10/green.css @@ -78,6 +78,32 @@ html.var .sf-c-green\:80 { color: hsl(120, 100%, 10%); background: hsl(120, 100% html.var .sf-c-green\:90 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } html.var .sf-c-green\:100 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } +.sf-c-txt-green { color: hsl(var(--sf-dark-c-txt-green)) } +.sf-c-txt-green\:0 { color: hsl(var(--sf-dark-c-txt-green-100)) } +.sf-c-txt-green\:10 { color: hsl(var(--sf-dark-c-txt-green-90)) } +.sf-c-txt-green\:20 { color: hsl(var(--sf-dark-c-txt-green-80)) } +.sf-c-txt-green\:30 { color: hsl(var(--sf-dark-c-txt-green-70)) } +.sf-c-txt-green\:40 { color: hsl(var(--sf-dark-c-txt-green-60)) } +.sf-c-txt-green\:50 { color: hsl(var(--sf-dark-c-txt-green-50)) } +.sf-c-txt-green\:60 { color: hsl(var(--sf-dark-c-txt-green-40)) } +.sf-c-txt-green\:70 { color: hsl(var(--sf-dark-c-txt-green-30)) } +.sf-c-txt-green\:80 { color: hsl(var(--sf-dark-c-txt-green-20)) } +.sf-c-txt-green\:90 { color: hsl(var(--sf-dark-c-txt-green-10)) } +.sf-c-txt-green\:100 { color: hsl(var(--sf-dark-c-txt-green-0)) } + +html.var .sf-c-txt-green { color: hsl(120, 100%, 75%) } +html.var .sf-c-txt-green\:0 { color: hsl(120, 100%, 100%) } +html.var .sf-c-txt-green\:10 { color: hsl(120, 100%, 90%) } +html.var .sf-c-txt-green\:20 { color: hsl(120, 100%, 80%) } +html.var .sf-c-txt-green\:30 { color: hsl(120, 100%, 70%) } +html.var .sf-c-txt-green\:40 { color: hsl(120, 100%, 60%) } +html.var .sf-c-txt-green\:50 { color: hsl(120, 100%, 50%) } +html.var .sf-c-txt-green\:60 { color: hsl(120, 100%, 40%) } +html.var .sf-c-txt-green\:70 { color: hsl(120, 100%, 30%) } +html.var .sf-c-txt-green\:80 { color: hsl(120, 100%, 20%) } +html.var .sf-c-txt-green\:90 { color: hsl(120, 100%, 10%) } +html.var .sf-c-txt-green\:100 { color: hsl(120, 100%, 0%) } + html[data-theme='dark'] .sf-c-green, html.dark .sf-c-green { color: hsl(var(--sf-dark-c-txt-green-10)); background: hsl(var(--sf-dark-c-green)) } html[data-theme='dark'] .sf-c-green\:0, html.dark .sf-c-green\:0 { color: hsl(var(--sf-dark-c-txt-green-90)); background: hsl(var(--sf-dark-c-green-100)) } html[data-theme='dark'] .sf-c-green\:10, html.dark .sf-c-green\:10 { color: hsl(var(--sf-dark-c-txt-green-10)); background: hsl(var(--sf-dark-c-green-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-green\:80\:dark, html.dark .sf-c-green\:80\:dark { html[data-theme='dark'] .sf-c-green\:90\:dark, html.dark .sf-c-green\:90\:dark { color: hsl(var(--sf-c-txt-green-90)); background: hsl(var(--sf-c-green-10)) } html[data-theme='dark'] .sf-c-green\:100\:dark, html.dark .sf-c-green\:100\:dark { color: hsl(var(--sf-c-txt-green-90)); background: hsl(var(--sf-c-green-0)) } +html[data-theme='dark'] .sf-c-txt-green, html.dark .sf-c-txt-green { color: hsl(var(--sf-c-txt-green)) } +html[data-theme='dark'] .sf-c-txt-green\:0, html.dark .sf-c-txt-green\:0 { color: hsl(var(--sf-c-txt-green-0)) } +html[data-theme='dark'] .sf-c-txt-green\:10, html.dark .sf-c-txt-green\:10 { color: hsl(var(--sf-c-txt-green-10)) } +html[data-theme='dark'] .sf-c-txt-green\:20, html.dark .sf-c-txt-green\:20 { color: hsl(var(--sf-c-txt-green-20)) } +html[data-theme='dark'] .sf-c-txt-green\:30, html.dark .sf-c-txt-green\:30 { color: hsl(var(--sf-c-txt-green-30)) } +html[data-theme='dark'] .sf-c-txt-green\:40, html.dark .sf-c-txt-green\:40 { color: hsl(var(--sf-c-txt-green-40)) } +html[data-theme='dark'] .sf-c-txt-green\:50, html.dark .sf-c-txt-green\:50 { color: hsl(var(--sf-c-txt-green-50)) } +html[data-theme='dark'] .sf-c-txt-green\:60, html.dark .sf-c-txt-green\:60 { color: hsl(var(--sf-c-txt-green-60)) } +html[data-theme='dark'] .sf-c-txt-green\:70, html.dark .sf-c-txt-green\:70 { color: hsl(var(--sf-c-txt-green-70)) } +html[data-theme='dark'] .sf-c-txt-green\:80, html.dark .sf-c-txt-green\:80 { color: hsl(var(--sf-c-txt-green-80)) } +html[data-theme='dark'] .sf-c-txt-green\:90, html.dark .sf-c-txt-green\:90 { color: hsl(var(--sf-c-txt-green-90)) } +html[data-theme='dark'] .sf-c-txt-green\:100, html.dark .sf-c-txt-green\:100 { color: hsl(var(--sf-c-txt-green-100)) } + +html[data-theme='dark'] .sf-c-txt-green\:dark, html.dark .sf-c-txt-green\:dark { color: hsl(var(--sf-c-txt-green)) } +html[data-theme='dark'] .sf-c-txt-green\:0\:dark, html.dark .sf-c-txt-green\:0\:dark { color: hsl(var(--sf-dark-c-txt-green-0)) } +html[data-theme='dark'] .sf-c-txt-green\:10\:dark, html.dark .sf-c-txt-green\:10\:dark { color: hsl(var(--sf-dark-c-txt-green-10)) } +html[data-theme='dark'] .sf-c-txt-green\:20\:dark, html.dark .sf-c-txt-green\:20\:dark { color: hsl(var(--sf-dark-c-txt-green-20)) } +html[data-theme='dark'] .sf-c-txt-green\:30\:dark, html.dark .sf-c-txt-green\:30\:dark { color: hsl(var(--sf-dark-c-txt-green-30)) } +html[data-theme='dark'] .sf-c-txt-green\:40\:dark, html.dark .sf-c-txt-green\:40\:dark { color: hsl(var(--sf-dark-c-txt-green-40)) } +html[data-theme='dark'] .sf-c-txt-green\:50\:dark, html.dark .sf-c-txt-green\:50\:dark { color: hsl(var(--sf-dark-c-txt-green-50)) } +html[data-theme='dark'] .sf-c-txt-green\:60\:dark, html.dark .sf-c-txt-green\:60\:dark { color: hsl(var(--sf-dark-c-txt-green-60)) } +html[data-theme='dark'] .sf-c-txt-green\:70\:dark, html.dark .sf-c-txt-green\:70\:dark { color: hsl(var(--sf-dark-c-txt-green-70)) } +html[data-theme='dark'] .sf-c-txt-green\:80\:dark, html.dark .sf-c-txt-green\:80\:dark { color: hsl(var(--sf-dark-c-txt-green-80)) } +html[data-theme='dark'] .sf-c-txt-green\:90\:dark, html.dark .sf-c-txt-green\:90\:dark { color: hsl(var(--sf-dark-c-txt-green-90)) } +html[data-theme='dark'] .sf-c-txt-green\:100\:dark, html.dark .sf-c-txt-green\:100\:dark { color: hsl(var(--sf-dark-c-txt-green-100)) } + html.var[data-theme='dark'] .sf-c-green, html.var.dark .sf-c-green { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 75%) } html.var[data-theme='dark'] .sf-c-green\:0, html.var.dark .sf-c-green\:0 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 100%) } html.var[data-theme='dark'] .sf-c-green\:10, html.var.dark .sf-c-green\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-green\:80\:dark, html.var.dark .sf-c-green\:80 html.var[data-theme='dark'] .sf-c-green\:90\:dark, html.var.dark .sf-c-green\:90\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } html.var[data-theme='dark'] .sf-c-green\:100\:dark, html.var.dark .sf-c-green\:100\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-green, html.dark .sf-c-txt-green { color: hsl(120, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-green\:0, html.dark .sf-c-txt-green\:0 { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-green\:10, html.dark .sf-c-txt-green\:10 { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-green\:20, html.dark .sf-c-txt-green\:20 { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-green\:30, html.dark .sf-c-txt-green\:30 { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-green\:40, html.dark .sf-c-txt-green\:40 { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-green\:50, html.dark .sf-c-txt-green\:50 { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-green\:60, html.dark .sf-c-txt-green\:60 { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-green\:70, html.dark .sf-c-txt-green\:70 { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-green\:80, html.dark .sf-c-txt-green\:80 { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-green\:90, html.dark .sf-c-txt-green\:90 { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-green\:100, html.dark .sf-c-txt-green\:100 { color: hsl(120, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-green\:dark, html.dark .sf-c-txt-green\:dark { color: hsl(120, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-green\:0\:dark, html.dark .sf-c-txt-green\:0\:dark { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-green\:10\:dark, html.dark .sf-c-txt-green\:10\:dark { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-green\:20\:dark, html.dark .sf-c-txt-green\:20\:dark { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-green\:30\:dark, html.dark .sf-c-txt-green\:30\:dark { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-green\:40\:dark, html.dark .sf-c-txt-green\:40\:dark { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-green\:50\:dark, html.dark .sf-c-txt-green\:50\:dark { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-green\:60\:dark, html.dark .sf-c-txt-green\:60\:dark { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-green\:70\:dark, html.dark .sf-c-txt-green\:70\:dark { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-green\:80\:dark, html.dark .sf-c-txt-green\:80\:dark { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-green\:90\:dark, html.dark .sf-c-txt-green\:90\:dark { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-green\:100\:dark, html.dark .sf-c-txt-green\:100\:dark { color: hsl(120, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-green, html.auto .sf-c-green { color: hsl(var(--sf-dark-c-txt-green-10)); background: hsl(var(--sf-dark-c-green)) } html[data-theme='auto'] .sf-c-green\:0, html.auto .sf-c-green\:0 { color: hsl(var(--sf-dark-c-txt-green-90)); background: hsl(var(--sf-dark-c-green-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-green\:100\:dark, html.var.dark .sf-c-green\:1 html[data-theme='auto'] .sf-c-green\:90\:dark, html.auto .sf-c-green\:90\:dark { color: hsl(var(--sf-c-txt-green-90)); background: hsl(var(--sf-c-green-10)) } html[data-theme='auto'] .sf-c-green\:100\:dark, html.auto .sf-c-green\:100\:dark { color: hsl(var(--sf-c-txt-green-90)); background: hsl(var(--sf-c-green-0)) } + html[data-theme='auto'] .sf-c-txt-green, html.auto .sf-c-txt-green { color: hsl(var(--sf-c-txt-green)) } + html[data-theme='auto'] .sf-c-txt-green\:0, html.auto .sf-c-txt-green\:0 { color: hsl(var(--sf-c-txt-green-0)) } + html[data-theme='auto'] .sf-c-txt-green\:10, html.auto .sf-c-txt-green\:10 { color: hsl(var(--sf-c-txt-green-10)) } + html[data-theme='auto'] .sf-c-txt-green\:20, html.auto .sf-c-txt-green\:20 { color: hsl(var(--sf-c-txt-green-20)) } + html[data-theme='auto'] .sf-c-txt-green\:30, html.auto .sf-c-txt-green\:30 { color: hsl(var(--sf-c-txt-green-30)) } + html[data-theme='auto'] .sf-c-txt-green\:40, html.auto .sf-c-txt-green\:40 { color: hsl(var(--sf-c-txt-green-40)) } + html[data-theme='auto'] .sf-c-txt-green\:50, html.auto .sf-c-txt-green\:50 { color: hsl(var(--sf-c-txt-green-50)) } + html[data-theme='auto'] .sf-c-txt-green\:60, html.auto .sf-c-txt-green\:60 { color: hsl(var(--sf-c-txt-green-60)) } + html[data-theme='auto'] .sf-c-txt-green\:70, html.auto .sf-c-txt-green\:70 { color: hsl(var(--sf-c-txt-green-70)) } + html[data-theme='auto'] .sf-c-txt-green\:80, html.auto .sf-c-txt-green\:80 { color: hsl(var(--sf-c-txt-green-80)) } + html[data-theme='auto'] .sf-c-txt-green\:90, html.auto .sf-c-txt-green\:90 { color: hsl(var(--sf-c-txt-green-90)) } + html[data-theme='auto'] .sf-c-txt-green\:100, html.auto .sf-c-txt-green\:100 { color: hsl(var(--sf-c-txt-green-100)) } + + html[data-theme='auto'] .sf-c-txt-green\:dark, html.auto .sf-c-txt-green\:dark { color: hsl(var(--sf-c-txt-green)) } + html[data-theme='auto'] .sf-c-txt-green\:0\:dark, html.auto .sf-c-txt-green\:0\:dark { color: hsl(var(--sf-c-txt-green-0)) } + html[data-theme='auto'] .sf-c-txt-green\:10\:dark, html.auto .sf-c-txt-green\:10\:dark { color: hsl(var(--sf-c-txt-green-10)) } + html[data-theme='auto'] .sf-c-txt-green\:20\:dark, html.auto .sf-c-txt-green\:20\:dark { color: hsl(var(--sf-c-txt-green-20)) } + html[data-theme='auto'] .sf-c-txt-green\:30\:dark, html.auto .sf-c-txt-green\:30\:dark { color: hsl(var(--sf-c-txt-green-30)) } + html[data-theme='auto'] .sf-c-txt-green\:40\:dark, html.auto .sf-c-txt-green\:40\:dark { color: hsl(var(--sf-c-txt-green-40)) } + html[data-theme='auto'] .sf-c-txt-green\:50\:dark, html.auto .sf-c-txt-green\:50\:dark { color: hsl(var(--sf-c-txt-green-50)) } + html[data-theme='auto'] .sf-c-txt-green\:60\:dark, html.auto .sf-c-txt-green\:60\:dark { color: hsl(var(--sf-c-txt-green-60)) } + html[data-theme='auto'] .sf-c-txt-green\:70\:dark, html.auto .sf-c-txt-green\:70\:dark { color: hsl(var(--sf-c-txt-green-70)) } + html[data-theme='auto'] .sf-c-txt-green\:80\:dark, html.auto .sf-c-txt-green\:80\:dark { color: hsl(var(--sf-c-txt-green-80)) } + html[data-theme='auto'] .sf-c-txt-green\:90\:dark, html.auto .sf-c-txt-green\:90\:dark { color: hsl(var(--sf-c-txt-green-90)) } + html[data-theme='auto'] .sf-c-txt-green\:100\:dark, html.auto .sf-c-txt-green\:100\:dark { color: hsl(var(--sf-c-txt-green-100)) } + html.var[data-theme='auto'] .sf-c-green, html.var.auto .sf-c-green { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 75%) } html.var[data-theme='auto'] .sf-c-green\:0, html.var.auto .sf-c-green\:0 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 100%) } html.var[data-theme='auto'] .sf-c-green\:10, html.var.auto .sf-c-green\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-green\:100\:dark, html.var.dark .sf-c-green\:1 html.var[data-theme='auto'] .sf-c-green\:80\:dark, html.var.auto .sf-c-green\:80\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } html.var[data-theme='auto'] .sf-c-green\:90\:dark, html.var.auto .sf-c-green\:90\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } html.var[data-theme='auto'] .sf-c-green\:100\:dark, html.var.auto .sf-c-green\:100\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } -} -.sf-c-txt-green { color: hsl(var(--sf-c-txt-green)) } -.sf-c-txt-green\:0 { color: hsl(var(--sf-c-txt-green-0)) } -.sf-c-txt-green\:10 { color: hsl(var(--sf-c-txt-green-10)) } -.sf-c-txt-green\:20 { color: hsl(var(--sf-c-txt-green-20)) } -.sf-c-txt-green\:30 { color: hsl(var(--sf-c-txt-green-30)) } -.sf-c-txt-green\:40 { color: hsl(var(--sf-c-txt-green-40)) } -.sf-c-txt-green\:50 { color: hsl(var(--sf-c-txt-green-50)) } -.sf-c-txt-green\:60 { color: hsl(var(--sf-c-txt-green-60)) } -.sf-c-txt-green\:70 { color: hsl(var(--sf-c-txt-green-70)) } -.sf-c-txt-green\:80 { color: hsl(var(--sf-c-txt-green-80)) } -.sf-c-txt-green\:90 { color: hsl(var(--sf-c-txt-green-90)) } -.sf-c-txt-green\:100 { color: hsl(var(--sf-c-txt-green-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-green, html.auto .sf-c-txt-green { color: hsl(120, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-green\:0, html.auto .sf-c-txt-green\:0 { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-green\:10, html.auto .sf-c-txt-green\:10 { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-green\:20, html.auto .sf-c-txt-green\:20 { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-green\:30, html.auto .sf-c-txt-green\:30 { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-green\:40, html.auto .sf-c-txt-green\:40 { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-green\:50, html.auto .sf-c-txt-green\:50 { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-green\:60, html.auto .sf-c-txt-green\:60 { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-green\:70, html.auto .sf-c-txt-green\:70 { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-green\:80, html.auto .sf-c-txt-green\:80 { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-green\:90, html.auto .sf-c-txt-green\:90 { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-green\:100, html.auto .sf-c-txt-green\:100 { color: hsl(120, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-green\:dark, html.auto .sf-c-txt-green\:dark { color: hsl(120, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-green\:0\:dark, html.auto .sf-c-txt-green\:0\:dark { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-green\:10\:dark, html.auto .sf-c-txt-green\:10\:dark { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-green\:20\:dark, html.auto .sf-c-txt-green\:20\:dark { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-green\:30\:dark, html.auto .sf-c-txt-green\:30\:dark { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-green\:40\:dark, html.auto .sf-c-txt-green\:40\:dark { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-green\:50\:dark, html.auto .sf-c-txt-green\:50\:dark { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-green\:60\:dark, html.auto .sf-c-txt-green\:60\:dark { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-green\:70\:dark, html.auto .sf-c-txt-green\:70\:dark { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-green\:80\:dark, html.auto .sf-c-txt-green\:80\:dark { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-green\:90\:dark, html.auto .sf-c-txt-green\:90\:dark { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-green\:100\:dark, html.auto .sf-c-txt-green\:100\:dark { color: hsl(120, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/greenyellow.css b/src/colors/10/greenyellow.css index 5d53c7b..190e746 100644 --- a/src/colors/10/greenyellow.css +++ b/src/colors/10/greenyellow.css @@ -78,6 +78,32 @@ html.var .sf-c-greenyellow\:80 { color: hsl(84, 100%, 10%); background: hsl(84, html.var .sf-c-greenyellow\:90 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 90%) } html.var .sf-c-greenyellow\:100 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 100%) } +.sf-c-txt-greenyellow { color: hsl(var(--sf-dark-c-txt-greenyellow)) } +.sf-c-txt-greenyellow\:0 { color: hsl(var(--sf-dark-c-txt-greenyellow-100)) } +.sf-c-txt-greenyellow\:10 { color: hsl(var(--sf-dark-c-txt-greenyellow-90)) } +.sf-c-txt-greenyellow\:20 { color: hsl(var(--sf-dark-c-txt-greenyellow-80)) } +.sf-c-txt-greenyellow\:30 { color: hsl(var(--sf-dark-c-txt-greenyellow-70)) } +.sf-c-txt-greenyellow\:40 { color: hsl(var(--sf-dark-c-txt-greenyellow-60)) } +.sf-c-txt-greenyellow\:50 { color: hsl(var(--sf-dark-c-txt-greenyellow-50)) } +.sf-c-txt-greenyellow\:60 { color: hsl(var(--sf-dark-c-txt-greenyellow-40)) } +.sf-c-txt-greenyellow\:70 { color: hsl(var(--sf-dark-c-txt-greenyellow-30)) } +.sf-c-txt-greenyellow\:80 { color: hsl(var(--sf-dark-c-txt-greenyellow-20)) } +.sf-c-txt-greenyellow\:90 { color: hsl(var(--sf-dark-c-txt-greenyellow-10)) } +.sf-c-txt-greenyellow\:100 { color: hsl(var(--sf-dark-c-txt-greenyellow-0)) } + +html.var .sf-c-txt-greenyellow { color: hsl(84, 100%, 41%) } +html.var .sf-c-txt-greenyellow\:0 { color: hsl(84, 100%, 100%) } +html.var .sf-c-txt-greenyellow\:10 { color: hsl(84, 100%, 90%) } +html.var .sf-c-txt-greenyellow\:20 { color: hsl(84, 100%, 80%) } +html.var .sf-c-txt-greenyellow\:30 { color: hsl(84, 100%, 70%) } +html.var .sf-c-txt-greenyellow\:40 { color: hsl(84, 100%, 60%) } +html.var .sf-c-txt-greenyellow\:50 { color: hsl(84, 100%, 50%) } +html.var .sf-c-txt-greenyellow\:60 { color: hsl(84, 100%, 40%) } +html.var .sf-c-txt-greenyellow\:70 { color: hsl(84, 100%, 30%) } +html.var .sf-c-txt-greenyellow\:80 { color: hsl(84, 100%, 20%) } +html.var .sf-c-txt-greenyellow\:90 { color: hsl(84, 100%, 10%) } +html.var .sf-c-txt-greenyellow\:100 { color: hsl(84, 100%, 0%) } + html[data-theme='dark'] .sf-c-greenyellow, html.dark .sf-c-greenyellow { color: hsl(var(--sf-dark-c-txt-greenyellow-10)); background: hsl(var(--sf-dark-c-greenyellow)) } html[data-theme='dark'] .sf-c-greenyellow\:0, html.dark .sf-c-greenyellow\:0 { color: hsl(var(--sf-dark-c-txt-greenyellow-90)); background: hsl(var(--sf-dark-c-greenyellow-100)) } html[data-theme='dark'] .sf-c-greenyellow\:10, html.dark .sf-c-greenyellow\:10 { color: hsl(var(--sf-dark-c-txt-greenyellow-10)); background: hsl(var(--sf-dark-c-greenyellow-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-greenyellow\:80\:dark, html.dark .sf-c-greenyellow html[data-theme='dark'] .sf-c-greenyellow\:90\:dark, html.dark .sf-c-greenyellow\:90\:dark { color: hsl(var(--sf-c-txt-greenyellow-90)); background: hsl(var(--sf-c-greenyellow-10)) } html[data-theme='dark'] .sf-c-greenyellow\:100\:dark, html.dark .sf-c-greenyellow\:100\:dark { color: hsl(var(--sf-c-txt-greenyellow-90)); background: hsl(var(--sf-c-greenyellow-0)) } +html[data-theme='dark'] .sf-c-txt-greenyellow, html.dark .sf-c-txt-greenyellow { color: hsl(var(--sf-c-txt-greenyellow)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:0, html.dark .sf-c-txt-greenyellow\:0 { color: hsl(var(--sf-c-txt-greenyellow-0)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:10, html.dark .sf-c-txt-greenyellow\:10 { color: hsl(var(--sf-c-txt-greenyellow-10)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:20, html.dark .sf-c-txt-greenyellow\:20 { color: hsl(var(--sf-c-txt-greenyellow-20)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:30, html.dark .sf-c-txt-greenyellow\:30 { color: hsl(var(--sf-c-txt-greenyellow-30)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:40, html.dark .sf-c-txt-greenyellow\:40 { color: hsl(var(--sf-c-txt-greenyellow-40)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:50, html.dark .sf-c-txt-greenyellow\:50 { color: hsl(var(--sf-c-txt-greenyellow-50)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:60, html.dark .sf-c-txt-greenyellow\:60 { color: hsl(var(--sf-c-txt-greenyellow-60)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:70, html.dark .sf-c-txt-greenyellow\:70 { color: hsl(var(--sf-c-txt-greenyellow-70)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:80, html.dark .sf-c-txt-greenyellow\:80 { color: hsl(var(--sf-c-txt-greenyellow-80)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:90, html.dark .sf-c-txt-greenyellow\:90 { color: hsl(var(--sf-c-txt-greenyellow-90)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:100, html.dark .sf-c-txt-greenyellow\:100 { color: hsl(var(--sf-c-txt-greenyellow-100)) } + +html[data-theme='dark'] .sf-c-txt-greenyellow\:dark, html.dark .sf-c-txt-greenyellow\:dark { color: hsl(var(--sf-c-txt-greenyellow)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:0\:dark, html.dark .sf-c-txt-greenyellow\:0\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-0)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:10\:dark, html.dark .sf-c-txt-greenyellow\:10\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-10)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:20\:dark, html.dark .sf-c-txt-greenyellow\:20\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-20)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:30\:dark, html.dark .sf-c-txt-greenyellow\:30\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-30)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:40\:dark, html.dark .sf-c-txt-greenyellow\:40\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-40)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:50\:dark, html.dark .sf-c-txt-greenyellow\:50\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-50)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:60\:dark, html.dark .sf-c-txt-greenyellow\:60\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-60)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:70\:dark, html.dark .sf-c-txt-greenyellow\:70\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-70)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:80\:dark, html.dark .sf-c-txt-greenyellow\:80\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-80)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:90\:dark, html.dark .sf-c-txt-greenyellow\:90\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-90)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:100\:dark, html.dark .sf-c-txt-greenyellow\:100\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-100)) } + html.var[data-theme='dark'] .sf-c-greenyellow, html.var.dark .sf-c-greenyellow { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 41%) } html.var[data-theme='dark'] .sf-c-greenyellow\:0, html.var.dark .sf-c-greenyellow\:0 { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 100%) } html.var[data-theme='dark'] .sf-c-greenyellow\:10, html.var.dark .sf-c-greenyellow\:10 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-greenyellow\:80\:dark, html.var.dark .sf-c-gre html.var[data-theme='dark'] .sf-c-greenyellow\:90\:dark, html.var.dark .sf-c-greenyellow\:90\:dark { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 10%) } html.var[data-theme='dark'] .sf-c-greenyellow\:100\:dark, html.var.dark .sf-c-greenyellow\:100\:dark { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow, html.dark .sf-c-txt-greenyellow { color: hsl(84, 100%, 59%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:0, html.dark .sf-c-txt-greenyellow\:0 { color: hsl(84, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:10, html.dark .sf-c-txt-greenyellow\:10 { color: hsl(84, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:20, html.dark .sf-c-txt-greenyellow\:20 { color: hsl(84, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:30, html.dark .sf-c-txt-greenyellow\:30 { color: hsl(84, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:40, html.dark .sf-c-txt-greenyellow\:40 { color: hsl(84, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:50, html.dark .sf-c-txt-greenyellow\:50 { color: hsl(84, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:60, html.dark .sf-c-txt-greenyellow\:60 { color: hsl(84, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:70, html.dark .sf-c-txt-greenyellow\:70 { color: hsl(84, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:80, html.dark .sf-c-txt-greenyellow\:80 { color: hsl(84, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:90, html.dark .sf-c-txt-greenyellow\:90 { color: hsl(84, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:100, html.dark .sf-c-txt-greenyellow\:100 { color: hsl(84, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:dark, html.dark .sf-c-txt-greenyellow\:dark { color: hsl(84, 100%, 59%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:0\:dark, html.dark .sf-c-txt-greenyellow\:0\:dark { color: hsl(84, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:10\:dark, html.dark .sf-c-txt-greenyellow\:10\:dark { color: hsl(84, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:20\:dark, html.dark .sf-c-txt-greenyellow\:20\:dark { color: hsl(84, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:30\:dark, html.dark .sf-c-txt-greenyellow\:30\:dark { color: hsl(84, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:40\:dark, html.dark .sf-c-txt-greenyellow\:40\:dark { color: hsl(84, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:50\:dark, html.dark .sf-c-txt-greenyellow\:50\:dark { color: hsl(84, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:60\:dark, html.dark .sf-c-txt-greenyellow\:60\:dark { color: hsl(84, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:70\:dark, html.dark .sf-c-txt-greenyellow\:70\:dark { color: hsl(84, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:80\:dark, html.dark .sf-c-txt-greenyellow\:80\:dark { color: hsl(84, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:90\:dark, html.dark .sf-c-txt-greenyellow\:90\:dark { color: hsl(84, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:100\:dark, html.dark .sf-c-txt-greenyellow\:100\:dark { color: hsl(84, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-greenyellow, html.auto .sf-c-greenyellow { color: hsl(var(--sf-dark-c-txt-greenyellow-10)); background: hsl(var(--sf-dark-c-greenyellow)) } html[data-theme='auto'] .sf-c-greenyellow\:0, html.auto .sf-c-greenyellow\:0 { color: hsl(var(--sf-dark-c-txt-greenyellow-90)); background: hsl(var(--sf-dark-c-greenyellow-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-greenyellow\:100\:dark, html.var.dark .sf-c-gr html[data-theme='auto'] .sf-c-greenyellow\:90\:dark, html.auto .sf-c-greenyellow\:90\:dark { color: hsl(var(--sf-c-txt-greenyellow-90)); background: hsl(var(--sf-c-greenyellow-10)) } html[data-theme='auto'] .sf-c-greenyellow\:100\:dark, html.auto .sf-c-greenyellow\:100\:dark { color: hsl(var(--sf-c-txt-greenyellow-90)); background: hsl(var(--sf-c-greenyellow-0)) } + html[data-theme='auto'] .sf-c-txt-greenyellow, html.auto .sf-c-txt-greenyellow { color: hsl(var(--sf-c-txt-greenyellow)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:0, html.auto .sf-c-txt-greenyellow\:0 { color: hsl(var(--sf-c-txt-greenyellow-0)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:10, html.auto .sf-c-txt-greenyellow\:10 { color: hsl(var(--sf-c-txt-greenyellow-10)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:20, html.auto .sf-c-txt-greenyellow\:20 { color: hsl(var(--sf-c-txt-greenyellow-20)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:30, html.auto .sf-c-txt-greenyellow\:30 { color: hsl(var(--sf-c-txt-greenyellow-30)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:40, html.auto .sf-c-txt-greenyellow\:40 { color: hsl(var(--sf-c-txt-greenyellow-40)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:50, html.auto .sf-c-txt-greenyellow\:50 { color: hsl(var(--sf-c-txt-greenyellow-50)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:60, html.auto .sf-c-txt-greenyellow\:60 { color: hsl(var(--sf-c-txt-greenyellow-60)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:70, html.auto .sf-c-txt-greenyellow\:70 { color: hsl(var(--sf-c-txt-greenyellow-70)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:80, html.auto .sf-c-txt-greenyellow\:80 { color: hsl(var(--sf-c-txt-greenyellow-80)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:90, html.auto .sf-c-txt-greenyellow\:90 { color: hsl(var(--sf-c-txt-greenyellow-90)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:100, html.auto .sf-c-txt-greenyellow\:100 { color: hsl(var(--sf-c-txt-greenyellow-100)) } + + html[data-theme='auto'] .sf-c-txt-greenyellow\:dark, html.auto .sf-c-txt-greenyellow\:dark { color: hsl(var(--sf-c-txt-greenyellow)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:0\:dark, html.auto .sf-c-txt-greenyellow\:0\:dark { color: hsl(var(--sf-c-txt-greenyellow-0)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:10\:dark, html.auto .sf-c-txt-greenyellow\:10\:dark { color: hsl(var(--sf-c-txt-greenyellow-10)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:20\:dark, html.auto .sf-c-txt-greenyellow\:20\:dark { color: hsl(var(--sf-c-txt-greenyellow-20)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:30\:dark, html.auto .sf-c-txt-greenyellow\:30\:dark { color: hsl(var(--sf-c-txt-greenyellow-30)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:40\:dark, html.auto .sf-c-txt-greenyellow\:40\:dark { color: hsl(var(--sf-c-txt-greenyellow-40)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:50\:dark, html.auto .sf-c-txt-greenyellow\:50\:dark { color: hsl(var(--sf-c-txt-greenyellow-50)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:60\:dark, html.auto .sf-c-txt-greenyellow\:60\:dark { color: hsl(var(--sf-c-txt-greenyellow-60)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:70\:dark, html.auto .sf-c-txt-greenyellow\:70\:dark { color: hsl(var(--sf-c-txt-greenyellow-70)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:80\:dark, html.auto .sf-c-txt-greenyellow\:80\:dark { color: hsl(var(--sf-c-txt-greenyellow-80)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:90\:dark, html.auto .sf-c-txt-greenyellow\:90\:dark { color: hsl(var(--sf-c-txt-greenyellow-90)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:100\:dark, html.auto .sf-c-txt-greenyellow\:100\:dark { color: hsl(var(--sf-c-txt-greenyellow-100)) } + html.var[data-theme='auto'] .sf-c-greenyellow, html.var.auto .sf-c-greenyellow { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 41%) } html.var[data-theme='auto'] .sf-c-greenyellow\:0, html.var.auto .sf-c-greenyellow\:0 { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 100%) } html.var[data-theme='auto'] .sf-c-greenyellow\:10, html.var.auto .sf-c-greenyellow\:10 { color: hsl(84, 100%, 10%); background: hsl(84, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-greenyellow\:100\:dark, html.var.dark .sf-c-gr html.var[data-theme='auto'] .sf-c-greenyellow\:80\:dark, html.var.auto .sf-c-greenyellow\:80\:dark { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 20%) } html.var[data-theme='auto'] .sf-c-greenyellow\:90\:dark, html.var.auto .sf-c-greenyellow\:90\:dark { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 10%) } html.var[data-theme='auto'] .sf-c-greenyellow\:100\:dark, html.var.auto .sf-c-greenyellow\:100\:dark { color: hsl(84, 100%, 90%); background: hsl(84, 100%, 0%) } -} -.sf-c-txt-greenyellow { color: hsl(var(--sf-c-txt-greenyellow)) } -.sf-c-txt-greenyellow\:0 { color: hsl(var(--sf-c-txt-greenyellow-0)) } -.sf-c-txt-greenyellow\:10 { color: hsl(var(--sf-c-txt-greenyellow-10)) } -.sf-c-txt-greenyellow\:20 { color: hsl(var(--sf-c-txt-greenyellow-20)) } -.sf-c-txt-greenyellow\:30 { color: hsl(var(--sf-c-txt-greenyellow-30)) } -.sf-c-txt-greenyellow\:40 { color: hsl(var(--sf-c-txt-greenyellow-40)) } -.sf-c-txt-greenyellow\:50 { color: hsl(var(--sf-c-txt-greenyellow-50)) } -.sf-c-txt-greenyellow\:60 { color: hsl(var(--sf-c-txt-greenyellow-60)) } -.sf-c-txt-greenyellow\:70 { color: hsl(var(--sf-c-txt-greenyellow-70)) } -.sf-c-txt-greenyellow\:80 { color: hsl(var(--sf-c-txt-greenyellow-80)) } -.sf-c-txt-greenyellow\:90 { color: hsl(var(--sf-c-txt-greenyellow-90)) } -.sf-c-txt-greenyellow\:100 { color: hsl(var(--sf-c-txt-greenyellow-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-greenyellow, html.auto .sf-c-txt-greenyellow { color: hsl(84, 100%, 59%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:0, html.auto .sf-c-txt-greenyellow\:0 { color: hsl(84, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:10, html.auto .sf-c-txt-greenyellow\:10 { color: hsl(84, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:20, html.auto .sf-c-txt-greenyellow\:20 { color: hsl(84, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:30, html.auto .sf-c-txt-greenyellow\:30 { color: hsl(84, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:40, html.auto .sf-c-txt-greenyellow\:40 { color: hsl(84, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:50, html.auto .sf-c-txt-greenyellow\:50 { color: hsl(84, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:60, html.auto .sf-c-txt-greenyellow\:60 { color: hsl(84, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:70, html.auto .sf-c-txt-greenyellow\:70 { color: hsl(84, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:80, html.auto .sf-c-txt-greenyellow\:80 { color: hsl(84, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:90, html.auto .sf-c-txt-greenyellow\:90 { color: hsl(84, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:100, html.auto .sf-c-txt-greenyellow\:100 { color: hsl(84, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:dark, html.auto .sf-c-txt-greenyellow\:dark { color: hsl(84, 100%, 59%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:0\:dark, html.auto .sf-c-txt-greenyellow\:0\:dark { color: hsl(84, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:10\:dark, html.auto .sf-c-txt-greenyellow\:10\:dark { color: hsl(84, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:20\:dark, html.auto .sf-c-txt-greenyellow\:20\:dark { color: hsl(84, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:30\:dark, html.auto .sf-c-txt-greenyellow\:30\:dark { color: hsl(84, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:40\:dark, html.auto .sf-c-txt-greenyellow\:40\:dark { color: hsl(84, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:50\:dark, html.auto .sf-c-txt-greenyellow\:50\:dark { color: hsl(84, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:60\:dark, html.auto .sf-c-txt-greenyellow\:60\:dark { color: hsl(84, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:70\:dark, html.auto .sf-c-txt-greenyellow\:70\:dark { color: hsl(84, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:80\:dark, html.auto .sf-c-txt-greenyellow\:80\:dark { color: hsl(84, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:90\:dark, html.auto .sf-c-txt-greenyellow\:90\:dark { color: hsl(84, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:100\:dark, html.auto .sf-c-txt-greenyellow\:100\:dark { color: hsl(84, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/grey.css b/src/colors/10/grey.css index 2211574..7b65b46 100644 --- a/src/colors/10/grey.css +++ b/src/colors/10/grey.css @@ -78,6 +78,32 @@ html.var .sf-c-grey\:80 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } html.var .sf-c-grey\:90 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } html.var .sf-c-grey\:100 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } +.sf-c-txt-grey { color: hsl(var(--sf-dark-c-txt-grey)) } +.sf-c-txt-grey\:0 { color: hsl(var(--sf-dark-c-txt-grey-100)) } +.sf-c-txt-grey\:10 { color: hsl(var(--sf-dark-c-txt-grey-90)) } +.sf-c-txt-grey\:20 { color: hsl(var(--sf-dark-c-txt-grey-80)) } +.sf-c-txt-grey\:30 { color: hsl(var(--sf-dark-c-txt-grey-70)) } +.sf-c-txt-grey\:40 { color: hsl(var(--sf-dark-c-txt-grey-60)) } +.sf-c-txt-grey\:50 { color: hsl(var(--sf-dark-c-txt-grey-50)) } +.sf-c-txt-grey\:60 { color: hsl(var(--sf-dark-c-txt-grey-40)) } +.sf-c-txt-grey\:70 { color: hsl(var(--sf-dark-c-txt-grey-30)) } +.sf-c-txt-grey\:80 { color: hsl(var(--sf-dark-c-txt-grey-20)) } +.sf-c-txt-grey\:90 { color: hsl(var(--sf-dark-c-txt-grey-10)) } +.sf-c-txt-grey\:100 { color: hsl(var(--sf-dark-c-txt-grey-0)) } + +html.var .sf-c-txt-grey { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-grey\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-grey\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-grey\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-grey\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-grey\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-grey\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-grey\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-grey\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-grey\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-grey\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-grey\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-grey, html.dark .sf-c-grey { color: hsl(var(--sf-dark-c-txt-grey-90)); background: hsl(var(--sf-dark-c-grey)) } html[data-theme='dark'] .sf-c-grey\:0, html.dark .sf-c-grey\:0 { color: hsl(var(--sf-dark-c-txt-grey-90)); background: hsl(var(--sf-dark-c-grey-100)) } html[data-theme='dark'] .sf-c-grey\:10, html.dark .sf-c-grey\:10 { color: hsl(var(--sf-dark-c-txt-grey-10)); background: hsl(var(--sf-dark-c-grey-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-grey\:80\:dark, html.dark .sf-c-grey\:80\:dark { c html[data-theme='dark'] .sf-c-grey\:90\:dark, html.dark .sf-c-grey\:90\:dark { color: hsl(var(--sf-c-txt-grey-90)); background: hsl(var(--sf-c-grey-10)) } html[data-theme='dark'] .sf-c-grey\:100\:dark, html.dark .sf-c-grey\:100\:dark { color: hsl(var(--sf-c-txt-grey-90)); background: hsl(var(--sf-c-grey-0)) } +html[data-theme='dark'] .sf-c-txt-grey, html.dark .sf-c-txt-grey { color: hsl(var(--sf-c-txt-grey)) } +html[data-theme='dark'] .sf-c-txt-grey\:0, html.dark .sf-c-txt-grey\:0 { color: hsl(var(--sf-c-txt-grey-0)) } +html[data-theme='dark'] .sf-c-txt-grey\:10, html.dark .sf-c-txt-grey\:10 { color: hsl(var(--sf-c-txt-grey-10)) } +html[data-theme='dark'] .sf-c-txt-grey\:20, html.dark .sf-c-txt-grey\:20 { color: hsl(var(--sf-c-txt-grey-20)) } +html[data-theme='dark'] .sf-c-txt-grey\:30, html.dark .sf-c-txt-grey\:30 { color: hsl(var(--sf-c-txt-grey-30)) } +html[data-theme='dark'] .sf-c-txt-grey\:40, html.dark .sf-c-txt-grey\:40 { color: hsl(var(--sf-c-txt-grey-40)) } +html[data-theme='dark'] .sf-c-txt-grey\:50, html.dark .sf-c-txt-grey\:50 { color: hsl(var(--sf-c-txt-grey-50)) } +html[data-theme='dark'] .sf-c-txt-grey\:60, html.dark .sf-c-txt-grey\:60 { color: hsl(var(--sf-c-txt-grey-60)) } +html[data-theme='dark'] .sf-c-txt-grey\:70, html.dark .sf-c-txt-grey\:70 { color: hsl(var(--sf-c-txt-grey-70)) } +html[data-theme='dark'] .sf-c-txt-grey\:80, html.dark .sf-c-txt-grey\:80 { color: hsl(var(--sf-c-txt-grey-80)) } +html[data-theme='dark'] .sf-c-txt-grey\:90, html.dark .sf-c-txt-grey\:90 { color: hsl(var(--sf-c-txt-grey-90)) } +html[data-theme='dark'] .sf-c-txt-grey\:100, html.dark .sf-c-txt-grey\:100 { color: hsl(var(--sf-c-txt-grey-100)) } + +html[data-theme='dark'] .sf-c-txt-grey\:dark, html.dark .sf-c-txt-grey\:dark { color: hsl(var(--sf-c-txt-grey)) } +html[data-theme='dark'] .sf-c-txt-grey\:0\:dark, html.dark .sf-c-txt-grey\:0\:dark { color: hsl(var(--sf-dark-c-txt-grey-0)) } +html[data-theme='dark'] .sf-c-txt-grey\:10\:dark, html.dark .sf-c-txt-grey\:10\:dark { color: hsl(var(--sf-dark-c-txt-grey-10)) } +html[data-theme='dark'] .sf-c-txt-grey\:20\:dark, html.dark .sf-c-txt-grey\:20\:dark { color: hsl(var(--sf-dark-c-txt-grey-20)) } +html[data-theme='dark'] .sf-c-txt-grey\:30\:dark, html.dark .sf-c-txt-grey\:30\:dark { color: hsl(var(--sf-dark-c-txt-grey-30)) } +html[data-theme='dark'] .sf-c-txt-grey\:40\:dark, html.dark .sf-c-txt-grey\:40\:dark { color: hsl(var(--sf-dark-c-txt-grey-40)) } +html[data-theme='dark'] .sf-c-txt-grey\:50\:dark, html.dark .sf-c-txt-grey\:50\:dark { color: hsl(var(--sf-dark-c-txt-grey-50)) } +html[data-theme='dark'] .sf-c-txt-grey\:60\:dark, html.dark .sf-c-txt-grey\:60\:dark { color: hsl(var(--sf-dark-c-txt-grey-60)) } +html[data-theme='dark'] .sf-c-txt-grey\:70\:dark, html.dark .sf-c-txt-grey\:70\:dark { color: hsl(var(--sf-dark-c-txt-grey-70)) } +html[data-theme='dark'] .sf-c-txt-grey\:80\:dark, html.dark .sf-c-txt-grey\:80\:dark { color: hsl(var(--sf-dark-c-txt-grey-80)) } +html[data-theme='dark'] .sf-c-txt-grey\:90\:dark, html.dark .sf-c-txt-grey\:90\:dark { color: hsl(var(--sf-dark-c-txt-grey-90)) } +html[data-theme='dark'] .sf-c-txt-grey\:100\:dark, html.dark .sf-c-txt-grey\:100\:dark { color: hsl(var(--sf-dark-c-txt-grey-100)) } + html.var[data-theme='dark'] .sf-c-grey, html.var.dark .sf-c-grey { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } html.var[data-theme='dark'] .sf-c-grey\:0, html.var.dark .sf-c-grey\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-grey\:10, html.var.dark .sf-c-grey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-grey\:80\:dark, html.var.dark .sf-c-grey\:80\: html.var[data-theme='dark'] .sf-c-grey\:90\:dark, html.var.dark .sf-c-grey\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='dark'] .sf-c-grey\:100\:dark, html.var.dark .sf-c-grey\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-grey, html.dark .sf-c-txt-grey { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:0, html.dark .sf-c-txt-grey\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:10, html.dark .sf-c-txt-grey\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:20, html.dark .sf-c-txt-grey\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:30, html.dark .sf-c-txt-grey\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:40, html.dark .sf-c-txt-grey\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:50, html.dark .sf-c-txt-grey\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:60, html.dark .sf-c-txt-grey\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:70, html.dark .sf-c-txt-grey\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:80, html.dark .sf-c-txt-grey\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:90, html.dark .sf-c-txt-grey\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:100, html.dark .sf-c-txt-grey\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-grey\:dark, html.dark .sf-c-txt-grey\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:0\:dark, html.dark .sf-c-txt-grey\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:10\:dark, html.dark .sf-c-txt-grey\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:20\:dark, html.dark .sf-c-txt-grey\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:30\:dark, html.dark .sf-c-txt-grey\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:40\:dark, html.dark .sf-c-txt-grey\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:50\:dark, html.dark .sf-c-txt-grey\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:60\:dark, html.dark .sf-c-txt-grey\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:70\:dark, html.dark .sf-c-txt-grey\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:80\:dark, html.dark .sf-c-txt-grey\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:90\:dark, html.dark .sf-c-txt-grey\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:100\:dark, html.dark .sf-c-txt-grey\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-grey, html.auto .sf-c-grey { color: hsl(var(--sf-dark-c-txt-grey-90)); background: hsl(var(--sf-dark-c-grey)) } html[data-theme='auto'] .sf-c-grey\:0, html.auto .sf-c-grey\:0 { color: hsl(var(--sf-dark-c-txt-grey-90)); background: hsl(var(--sf-dark-c-grey-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-grey\:100\:dark, html.var.dark .sf-c-grey\:100 html[data-theme='auto'] .sf-c-grey\:90\:dark, html.auto .sf-c-grey\:90\:dark { color: hsl(var(--sf-c-txt-grey-90)); background: hsl(var(--sf-c-grey-10)) } html[data-theme='auto'] .sf-c-grey\:100\:dark, html.auto .sf-c-grey\:100\:dark { color: hsl(var(--sf-c-txt-grey-90)); background: hsl(var(--sf-c-grey-0)) } + html[data-theme='auto'] .sf-c-txt-grey, html.auto .sf-c-txt-grey { color: hsl(var(--sf-c-txt-grey)) } + html[data-theme='auto'] .sf-c-txt-grey\:0, html.auto .sf-c-txt-grey\:0 { color: hsl(var(--sf-c-txt-grey-0)) } + html[data-theme='auto'] .sf-c-txt-grey\:10, html.auto .sf-c-txt-grey\:10 { color: hsl(var(--sf-c-txt-grey-10)) } + html[data-theme='auto'] .sf-c-txt-grey\:20, html.auto .sf-c-txt-grey\:20 { color: hsl(var(--sf-c-txt-grey-20)) } + html[data-theme='auto'] .sf-c-txt-grey\:30, html.auto .sf-c-txt-grey\:30 { color: hsl(var(--sf-c-txt-grey-30)) } + html[data-theme='auto'] .sf-c-txt-grey\:40, html.auto .sf-c-txt-grey\:40 { color: hsl(var(--sf-c-txt-grey-40)) } + html[data-theme='auto'] .sf-c-txt-grey\:50, html.auto .sf-c-txt-grey\:50 { color: hsl(var(--sf-c-txt-grey-50)) } + html[data-theme='auto'] .sf-c-txt-grey\:60, html.auto .sf-c-txt-grey\:60 { color: hsl(var(--sf-c-txt-grey-60)) } + html[data-theme='auto'] .sf-c-txt-grey\:70, html.auto .sf-c-txt-grey\:70 { color: hsl(var(--sf-c-txt-grey-70)) } + html[data-theme='auto'] .sf-c-txt-grey\:80, html.auto .sf-c-txt-grey\:80 { color: hsl(var(--sf-c-txt-grey-80)) } + html[data-theme='auto'] .sf-c-txt-grey\:90, html.auto .sf-c-txt-grey\:90 { color: hsl(var(--sf-c-txt-grey-90)) } + html[data-theme='auto'] .sf-c-txt-grey\:100, html.auto .sf-c-txt-grey\:100 { color: hsl(var(--sf-c-txt-grey-100)) } + + html[data-theme='auto'] .sf-c-txt-grey\:dark, html.auto .sf-c-txt-grey\:dark { color: hsl(var(--sf-c-txt-grey)) } + html[data-theme='auto'] .sf-c-txt-grey\:0\:dark, html.auto .sf-c-txt-grey\:0\:dark { color: hsl(var(--sf-c-txt-grey-0)) } + html[data-theme='auto'] .sf-c-txt-grey\:10\:dark, html.auto .sf-c-txt-grey\:10\:dark { color: hsl(var(--sf-c-txt-grey-10)) } + html[data-theme='auto'] .sf-c-txt-grey\:20\:dark, html.auto .sf-c-txt-grey\:20\:dark { color: hsl(var(--sf-c-txt-grey-20)) } + html[data-theme='auto'] .sf-c-txt-grey\:30\:dark, html.auto .sf-c-txt-grey\:30\:dark { color: hsl(var(--sf-c-txt-grey-30)) } + html[data-theme='auto'] .sf-c-txt-grey\:40\:dark, html.auto .sf-c-txt-grey\:40\:dark { color: hsl(var(--sf-c-txt-grey-40)) } + html[data-theme='auto'] .sf-c-txt-grey\:50\:dark, html.auto .sf-c-txt-grey\:50\:dark { color: hsl(var(--sf-c-txt-grey-50)) } + html[data-theme='auto'] .sf-c-txt-grey\:60\:dark, html.auto .sf-c-txt-grey\:60\:dark { color: hsl(var(--sf-c-txt-grey-60)) } + html[data-theme='auto'] .sf-c-txt-grey\:70\:dark, html.auto .sf-c-txt-grey\:70\:dark { color: hsl(var(--sf-c-txt-grey-70)) } + html[data-theme='auto'] .sf-c-txt-grey\:80\:dark, html.auto .sf-c-txt-grey\:80\:dark { color: hsl(var(--sf-c-txt-grey-80)) } + html[data-theme='auto'] .sf-c-txt-grey\:90\:dark, html.auto .sf-c-txt-grey\:90\:dark { color: hsl(var(--sf-c-txt-grey-90)) } + html[data-theme='auto'] .sf-c-txt-grey\:100\:dark, html.auto .sf-c-txt-grey\:100\:dark { color: hsl(var(--sf-c-txt-grey-100)) } + html.var[data-theme='auto'] .sf-c-grey, html.var.auto .sf-c-grey { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 50%) } html.var[data-theme='auto'] .sf-c-grey\:0, html.var.auto .sf-c-grey\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-grey\:10, html.var.auto .sf-c-grey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-grey\:100\:dark, html.var.dark .sf-c-grey\:100 html.var[data-theme='auto'] .sf-c-grey\:80\:dark, html.var.auto .sf-c-grey\:80\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } html.var[data-theme='auto'] .sf-c-grey\:90\:dark, html.var.auto .sf-c-grey\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-grey\:100\:dark, html.var.auto .sf-c-grey\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-grey { color: hsl(var(--sf-c-txt-grey)) } -.sf-c-txt-grey\:0 { color: hsl(var(--sf-c-txt-grey-0)) } -.sf-c-txt-grey\:10 { color: hsl(var(--sf-c-txt-grey-10)) } -.sf-c-txt-grey\:20 { color: hsl(var(--sf-c-txt-grey-20)) } -.sf-c-txt-grey\:30 { color: hsl(var(--sf-c-txt-grey-30)) } -.sf-c-txt-grey\:40 { color: hsl(var(--sf-c-txt-grey-40)) } -.sf-c-txt-grey\:50 { color: hsl(var(--sf-c-txt-grey-50)) } -.sf-c-txt-grey\:60 { color: hsl(var(--sf-c-txt-grey-60)) } -.sf-c-txt-grey\:70 { color: hsl(var(--sf-c-txt-grey-70)) } -.sf-c-txt-grey\:80 { color: hsl(var(--sf-c-txt-grey-80)) } -.sf-c-txt-grey\:90 { color: hsl(var(--sf-c-txt-grey-90)) } -.sf-c-txt-grey\:100 { color: hsl(var(--sf-c-txt-grey-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-grey, html.auto .sf-c-txt-grey { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:0, html.auto .sf-c-txt-grey\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:10, html.auto .sf-c-txt-grey\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:20, html.auto .sf-c-txt-grey\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:30, html.auto .sf-c-txt-grey\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:40, html.auto .sf-c-txt-grey\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:50, html.auto .sf-c-txt-grey\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:60, html.auto .sf-c-txt-grey\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:70, html.auto .sf-c-txt-grey\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:80, html.auto .sf-c-txt-grey\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:90, html.auto .sf-c-txt-grey\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:100, html.auto .sf-c-txt-grey\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-grey\:dark, html.auto .sf-c-txt-grey\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:0\:dark, html.auto .sf-c-txt-grey\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:10\:dark, html.auto .sf-c-txt-grey\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:20\:dark, html.auto .sf-c-txt-grey\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:30\:dark, html.auto .sf-c-txt-grey\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:40\:dark, html.auto .sf-c-txt-grey\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:50\:dark, html.auto .sf-c-txt-grey\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:60\:dark, html.auto .sf-c-txt-grey\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:70\:dark, html.auto .sf-c-txt-grey\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:80\:dark, html.auto .sf-c-txt-grey\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:90\:dark, html.auto .sf-c-txt-grey\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:100\:dark, html.auto .sf-c-txt-grey\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/honeydew.css b/src/colors/10/honeydew.css index 82ba24a..276ff4f 100644 --- a/src/colors/10/honeydew.css +++ b/src/colors/10/honeydew.css @@ -78,6 +78,32 @@ html.var .sf-c-honeydew\:80 { color: hsl(120, 100%, 10%); background: hsl(120, 1 html.var .sf-c-honeydew\:90 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } html.var .sf-c-honeydew\:100 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } +.sf-c-txt-honeydew { color: hsl(var(--sf-dark-c-txt-honeydew)) } +.sf-c-txt-honeydew\:0 { color: hsl(var(--sf-dark-c-txt-honeydew-100)) } +.sf-c-txt-honeydew\:10 { color: hsl(var(--sf-dark-c-txt-honeydew-90)) } +.sf-c-txt-honeydew\:20 { color: hsl(var(--sf-dark-c-txt-honeydew-80)) } +.sf-c-txt-honeydew\:30 { color: hsl(var(--sf-dark-c-txt-honeydew-70)) } +.sf-c-txt-honeydew\:40 { color: hsl(var(--sf-dark-c-txt-honeydew-60)) } +.sf-c-txt-honeydew\:50 { color: hsl(var(--sf-dark-c-txt-honeydew-50)) } +.sf-c-txt-honeydew\:60 { color: hsl(var(--sf-dark-c-txt-honeydew-40)) } +.sf-c-txt-honeydew\:70 { color: hsl(var(--sf-dark-c-txt-honeydew-30)) } +.sf-c-txt-honeydew\:80 { color: hsl(var(--sf-dark-c-txt-honeydew-20)) } +.sf-c-txt-honeydew\:90 { color: hsl(var(--sf-dark-c-txt-honeydew-10)) } +.sf-c-txt-honeydew\:100 { color: hsl(var(--sf-dark-c-txt-honeydew-0)) } + +html.var .sf-c-txt-honeydew { color: hsl(120, 100%, 3%) } +html.var .sf-c-txt-honeydew\:0 { color: hsl(120, 100%, 100%) } +html.var .sf-c-txt-honeydew\:10 { color: hsl(120, 100%, 90%) } +html.var .sf-c-txt-honeydew\:20 { color: hsl(120, 100%, 80%) } +html.var .sf-c-txt-honeydew\:30 { color: hsl(120, 100%, 70%) } +html.var .sf-c-txt-honeydew\:40 { color: hsl(120, 100%, 60%) } +html.var .sf-c-txt-honeydew\:50 { color: hsl(120, 100%, 50%) } +html.var .sf-c-txt-honeydew\:60 { color: hsl(120, 100%, 40%) } +html.var .sf-c-txt-honeydew\:70 { color: hsl(120, 100%, 30%) } +html.var .sf-c-txt-honeydew\:80 { color: hsl(120, 100%, 20%) } +html.var .sf-c-txt-honeydew\:90 { color: hsl(120, 100%, 10%) } +html.var .sf-c-txt-honeydew\:100 { color: hsl(120, 100%, 0%) } + html[data-theme='dark'] .sf-c-honeydew, html.dark .sf-c-honeydew { color: hsl(var(--sf-dark-c-txt-honeydew-90)); background: hsl(var(--sf-dark-c-honeydew)) } html[data-theme='dark'] .sf-c-honeydew\:0, html.dark .sf-c-honeydew\:0 { color: hsl(var(--sf-dark-c-txt-honeydew-90)); background: hsl(var(--sf-dark-c-honeydew-100)) } html[data-theme='dark'] .sf-c-honeydew\:10, html.dark .sf-c-honeydew\:10 { color: hsl(var(--sf-dark-c-txt-honeydew-10)); background: hsl(var(--sf-dark-c-honeydew-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-honeydew\:80\:dark, html.dark .sf-c-honeydew\:80\: html[data-theme='dark'] .sf-c-honeydew\:90\:dark, html.dark .sf-c-honeydew\:90\:dark { color: hsl(var(--sf-c-txt-honeydew-90)); background: hsl(var(--sf-c-honeydew-10)) } html[data-theme='dark'] .sf-c-honeydew\:100\:dark, html.dark .sf-c-honeydew\:100\:dark { color: hsl(var(--sf-c-txt-honeydew-90)); background: hsl(var(--sf-c-honeydew-0)) } +html[data-theme='dark'] .sf-c-txt-honeydew, html.dark .sf-c-txt-honeydew { color: hsl(var(--sf-c-txt-honeydew)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:0, html.dark .sf-c-txt-honeydew\:0 { color: hsl(var(--sf-c-txt-honeydew-0)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:10, html.dark .sf-c-txt-honeydew\:10 { color: hsl(var(--sf-c-txt-honeydew-10)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:20, html.dark .sf-c-txt-honeydew\:20 { color: hsl(var(--sf-c-txt-honeydew-20)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:30, html.dark .sf-c-txt-honeydew\:30 { color: hsl(var(--sf-c-txt-honeydew-30)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:40, html.dark .sf-c-txt-honeydew\:40 { color: hsl(var(--sf-c-txt-honeydew-40)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:50, html.dark .sf-c-txt-honeydew\:50 { color: hsl(var(--sf-c-txt-honeydew-50)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:60, html.dark .sf-c-txt-honeydew\:60 { color: hsl(var(--sf-c-txt-honeydew-60)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:70, html.dark .sf-c-txt-honeydew\:70 { color: hsl(var(--sf-c-txt-honeydew-70)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:80, html.dark .sf-c-txt-honeydew\:80 { color: hsl(var(--sf-c-txt-honeydew-80)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:90, html.dark .sf-c-txt-honeydew\:90 { color: hsl(var(--sf-c-txt-honeydew-90)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:100, html.dark .sf-c-txt-honeydew\:100 { color: hsl(var(--sf-c-txt-honeydew-100)) } + +html[data-theme='dark'] .sf-c-txt-honeydew\:dark, html.dark .sf-c-txt-honeydew\:dark { color: hsl(var(--sf-c-txt-honeydew)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:0\:dark, html.dark .sf-c-txt-honeydew\:0\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-0)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:10\:dark, html.dark .sf-c-txt-honeydew\:10\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-10)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:20\:dark, html.dark .sf-c-txt-honeydew\:20\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-20)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:30\:dark, html.dark .sf-c-txt-honeydew\:30\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-30)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:40\:dark, html.dark .sf-c-txt-honeydew\:40\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-40)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:50\:dark, html.dark .sf-c-txt-honeydew\:50\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-50)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:60\:dark, html.dark .sf-c-txt-honeydew\:60\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-60)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:70\:dark, html.dark .sf-c-txt-honeydew\:70\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-70)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:80\:dark, html.dark .sf-c-txt-honeydew\:80\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-80)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:90\:dark, html.dark .sf-c-txt-honeydew\:90\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-90)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:100\:dark, html.dark .sf-c-txt-honeydew\:100\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-100)) } + html.var[data-theme='dark'] .sf-c-honeydew, html.var.dark .sf-c-honeydew { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 3%) } html.var[data-theme='dark'] .sf-c-honeydew\:0, html.var.dark .sf-c-honeydew\:0 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 100%) } html.var[data-theme='dark'] .sf-c-honeydew\:10, html.var.dark .sf-c-honeydew\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-honeydew\:80\:dark, html.var.dark .sf-c-honeyd html.var[data-theme='dark'] .sf-c-honeydew\:90\:dark, html.var.dark .sf-c-honeydew\:90\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } html.var[data-theme='dark'] .sf-c-honeydew\:100\:dark, html.var.dark .sf-c-honeydew\:100\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew, html.dark .sf-c-txt-honeydew { color: hsl(120, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:0, html.dark .sf-c-txt-honeydew\:0 { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:10, html.dark .sf-c-txt-honeydew\:10 { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:20, html.dark .sf-c-txt-honeydew\:20 { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:30, html.dark .sf-c-txt-honeydew\:30 { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:40, html.dark .sf-c-txt-honeydew\:40 { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:50, html.dark .sf-c-txt-honeydew\:50 { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:60, html.dark .sf-c-txt-honeydew\:60 { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:70, html.dark .sf-c-txt-honeydew\:70 { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:80, html.dark .sf-c-txt-honeydew\:80 { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:90, html.dark .sf-c-txt-honeydew\:90 { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:100, html.dark .sf-c-txt-honeydew\:100 { color: hsl(120, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-honeydew\:dark, html.dark .sf-c-txt-honeydew\:dark { color: hsl(120, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:0\:dark, html.dark .sf-c-txt-honeydew\:0\:dark { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:10\:dark, html.dark .sf-c-txt-honeydew\:10\:dark { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:20\:dark, html.dark .sf-c-txt-honeydew\:20\:dark { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:30\:dark, html.dark .sf-c-txt-honeydew\:30\:dark { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:40\:dark, html.dark .sf-c-txt-honeydew\:40\:dark { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:50\:dark, html.dark .sf-c-txt-honeydew\:50\:dark { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:60\:dark, html.dark .sf-c-txt-honeydew\:60\:dark { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:70\:dark, html.dark .sf-c-txt-honeydew\:70\:dark { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:80\:dark, html.dark .sf-c-txt-honeydew\:80\:dark { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:90\:dark, html.dark .sf-c-txt-honeydew\:90\:dark { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:100\:dark, html.dark .sf-c-txt-honeydew\:100\:dark { color: hsl(120, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-honeydew, html.auto .sf-c-honeydew { color: hsl(var(--sf-dark-c-txt-honeydew-90)); background: hsl(var(--sf-dark-c-honeydew)) } html[data-theme='auto'] .sf-c-honeydew\:0, html.auto .sf-c-honeydew\:0 { color: hsl(var(--sf-dark-c-txt-honeydew-90)); background: hsl(var(--sf-dark-c-honeydew-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-honeydew\:100\:dark, html.var.dark .sf-c-honey html[data-theme='auto'] .sf-c-honeydew\:90\:dark, html.auto .sf-c-honeydew\:90\:dark { color: hsl(var(--sf-c-txt-honeydew-90)); background: hsl(var(--sf-c-honeydew-10)) } html[data-theme='auto'] .sf-c-honeydew\:100\:dark, html.auto .sf-c-honeydew\:100\:dark { color: hsl(var(--sf-c-txt-honeydew-90)); background: hsl(var(--sf-c-honeydew-0)) } + html[data-theme='auto'] .sf-c-txt-honeydew, html.auto .sf-c-txt-honeydew { color: hsl(var(--sf-c-txt-honeydew)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:0, html.auto .sf-c-txt-honeydew\:0 { color: hsl(var(--sf-c-txt-honeydew-0)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:10, html.auto .sf-c-txt-honeydew\:10 { color: hsl(var(--sf-c-txt-honeydew-10)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:20, html.auto .sf-c-txt-honeydew\:20 { color: hsl(var(--sf-c-txt-honeydew-20)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:30, html.auto .sf-c-txt-honeydew\:30 { color: hsl(var(--sf-c-txt-honeydew-30)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:40, html.auto .sf-c-txt-honeydew\:40 { color: hsl(var(--sf-c-txt-honeydew-40)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:50, html.auto .sf-c-txt-honeydew\:50 { color: hsl(var(--sf-c-txt-honeydew-50)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:60, html.auto .sf-c-txt-honeydew\:60 { color: hsl(var(--sf-c-txt-honeydew-60)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:70, html.auto .sf-c-txt-honeydew\:70 { color: hsl(var(--sf-c-txt-honeydew-70)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:80, html.auto .sf-c-txt-honeydew\:80 { color: hsl(var(--sf-c-txt-honeydew-80)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:90, html.auto .sf-c-txt-honeydew\:90 { color: hsl(var(--sf-c-txt-honeydew-90)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:100, html.auto .sf-c-txt-honeydew\:100 { color: hsl(var(--sf-c-txt-honeydew-100)) } + + html[data-theme='auto'] .sf-c-txt-honeydew\:dark, html.auto .sf-c-txt-honeydew\:dark { color: hsl(var(--sf-c-txt-honeydew)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:0\:dark, html.auto .sf-c-txt-honeydew\:0\:dark { color: hsl(var(--sf-c-txt-honeydew-0)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:10\:dark, html.auto .sf-c-txt-honeydew\:10\:dark { color: hsl(var(--sf-c-txt-honeydew-10)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:20\:dark, html.auto .sf-c-txt-honeydew\:20\:dark { color: hsl(var(--sf-c-txt-honeydew-20)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:30\:dark, html.auto .sf-c-txt-honeydew\:30\:dark { color: hsl(var(--sf-c-txt-honeydew-30)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:40\:dark, html.auto .sf-c-txt-honeydew\:40\:dark { color: hsl(var(--sf-c-txt-honeydew-40)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:50\:dark, html.auto .sf-c-txt-honeydew\:50\:dark { color: hsl(var(--sf-c-txt-honeydew-50)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:60\:dark, html.auto .sf-c-txt-honeydew\:60\:dark { color: hsl(var(--sf-c-txt-honeydew-60)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:70\:dark, html.auto .sf-c-txt-honeydew\:70\:dark { color: hsl(var(--sf-c-txt-honeydew-70)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:80\:dark, html.auto .sf-c-txt-honeydew\:80\:dark { color: hsl(var(--sf-c-txt-honeydew-80)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:90\:dark, html.auto .sf-c-txt-honeydew\:90\:dark { color: hsl(var(--sf-c-txt-honeydew-90)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:100\:dark, html.auto .sf-c-txt-honeydew\:100\:dark { color: hsl(var(--sf-c-txt-honeydew-100)) } + html.var[data-theme='auto'] .sf-c-honeydew, html.var.auto .sf-c-honeydew { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 3%) } html.var[data-theme='auto'] .sf-c-honeydew\:0, html.var.auto .sf-c-honeydew\:0 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 100%) } html.var[data-theme='auto'] .sf-c-honeydew\:10, html.var.auto .sf-c-honeydew\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-honeydew\:100\:dark, html.var.dark .sf-c-honey html.var[data-theme='auto'] .sf-c-honeydew\:80\:dark, html.var.auto .sf-c-honeydew\:80\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } html.var[data-theme='auto'] .sf-c-honeydew\:90\:dark, html.var.auto .sf-c-honeydew\:90\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } html.var[data-theme='auto'] .sf-c-honeydew\:100\:dark, html.var.auto .sf-c-honeydew\:100\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } -} -.sf-c-txt-honeydew { color: hsl(var(--sf-c-txt-honeydew)) } -.sf-c-txt-honeydew\:0 { color: hsl(var(--sf-c-txt-honeydew-0)) } -.sf-c-txt-honeydew\:10 { color: hsl(var(--sf-c-txt-honeydew-10)) } -.sf-c-txt-honeydew\:20 { color: hsl(var(--sf-c-txt-honeydew-20)) } -.sf-c-txt-honeydew\:30 { color: hsl(var(--sf-c-txt-honeydew-30)) } -.sf-c-txt-honeydew\:40 { color: hsl(var(--sf-c-txt-honeydew-40)) } -.sf-c-txt-honeydew\:50 { color: hsl(var(--sf-c-txt-honeydew-50)) } -.sf-c-txt-honeydew\:60 { color: hsl(var(--sf-c-txt-honeydew-60)) } -.sf-c-txt-honeydew\:70 { color: hsl(var(--sf-c-txt-honeydew-70)) } -.sf-c-txt-honeydew\:80 { color: hsl(var(--sf-c-txt-honeydew-80)) } -.sf-c-txt-honeydew\:90 { color: hsl(var(--sf-c-txt-honeydew-90)) } -.sf-c-txt-honeydew\:100 { color: hsl(var(--sf-c-txt-honeydew-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-honeydew, html.auto .sf-c-txt-honeydew { color: hsl(120, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:0, html.auto .sf-c-txt-honeydew\:0 { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:10, html.auto .sf-c-txt-honeydew\:10 { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:20, html.auto .sf-c-txt-honeydew\:20 { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:30, html.auto .sf-c-txt-honeydew\:30 { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:40, html.auto .sf-c-txt-honeydew\:40 { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:50, html.auto .sf-c-txt-honeydew\:50 { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:60, html.auto .sf-c-txt-honeydew\:60 { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:70, html.auto .sf-c-txt-honeydew\:70 { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:80, html.auto .sf-c-txt-honeydew\:80 { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:90, html.auto .sf-c-txt-honeydew\:90 { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:100, html.auto .sf-c-txt-honeydew\:100 { color: hsl(120, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-honeydew\:dark, html.auto .sf-c-txt-honeydew\:dark { color: hsl(120, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:0\:dark, html.auto .sf-c-txt-honeydew\:0\:dark { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:10\:dark, html.auto .sf-c-txt-honeydew\:10\:dark { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:20\:dark, html.auto .sf-c-txt-honeydew\:20\:dark { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:30\:dark, html.auto .sf-c-txt-honeydew\:30\:dark { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:40\:dark, html.auto .sf-c-txt-honeydew\:40\:dark { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:50\:dark, html.auto .sf-c-txt-honeydew\:50\:dark { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:60\:dark, html.auto .sf-c-txt-honeydew\:60\:dark { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:70\:dark, html.auto .sf-c-txt-honeydew\:70\:dark { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:80\:dark, html.auto .sf-c-txt-honeydew\:80\:dark { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:90\:dark, html.auto .sf-c-txt-honeydew\:90\:dark { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:100\:dark, html.auto .sf-c-txt-honeydew\:100\:dark { color: hsl(120, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/hotpink.css b/src/colors/10/hotpink.css index 611bc38..da21afe 100644 --- a/src/colors/10/hotpink.css +++ b/src/colors/10/hotpink.css @@ -78,6 +78,32 @@ html.var .sf-c-hotpink\:80 { color: hsl(330, 100%, 10%); background: hsl(330, 10 html.var .sf-c-hotpink\:90 { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 90%) } html.var .sf-c-hotpink\:100 { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 100%) } +.sf-c-txt-hotpink { color: hsl(var(--sf-dark-c-txt-hotpink)) } +.sf-c-txt-hotpink\:0 { color: hsl(var(--sf-dark-c-txt-hotpink-100)) } +.sf-c-txt-hotpink\:10 { color: hsl(var(--sf-dark-c-txt-hotpink-90)) } +.sf-c-txt-hotpink\:20 { color: hsl(var(--sf-dark-c-txt-hotpink-80)) } +.sf-c-txt-hotpink\:30 { color: hsl(var(--sf-dark-c-txt-hotpink-70)) } +.sf-c-txt-hotpink\:40 { color: hsl(var(--sf-dark-c-txt-hotpink-60)) } +.sf-c-txt-hotpink\:50 { color: hsl(var(--sf-dark-c-txt-hotpink-50)) } +.sf-c-txt-hotpink\:60 { color: hsl(var(--sf-dark-c-txt-hotpink-40)) } +.sf-c-txt-hotpink\:70 { color: hsl(var(--sf-dark-c-txt-hotpink-30)) } +.sf-c-txt-hotpink\:80 { color: hsl(var(--sf-dark-c-txt-hotpink-20)) } +.sf-c-txt-hotpink\:90 { color: hsl(var(--sf-dark-c-txt-hotpink-10)) } +.sf-c-txt-hotpink\:100 { color: hsl(var(--sf-dark-c-txt-hotpink-0)) } + +html.var .sf-c-txt-hotpink { color: hsl(330, 100%, 29%) } +html.var .sf-c-txt-hotpink\:0 { color: hsl(330, 100%, 100%) } +html.var .sf-c-txt-hotpink\:10 { color: hsl(330, 100%, 90%) } +html.var .sf-c-txt-hotpink\:20 { color: hsl(330, 100%, 80%) } +html.var .sf-c-txt-hotpink\:30 { color: hsl(330, 100%, 70%) } +html.var .sf-c-txt-hotpink\:40 { color: hsl(330, 100%, 60%) } +html.var .sf-c-txt-hotpink\:50 { color: hsl(330, 100%, 50%) } +html.var .sf-c-txt-hotpink\:60 { color: hsl(330, 100%, 40%) } +html.var .sf-c-txt-hotpink\:70 { color: hsl(330, 100%, 30%) } +html.var .sf-c-txt-hotpink\:80 { color: hsl(330, 100%, 20%) } +html.var .sf-c-txt-hotpink\:90 { color: hsl(330, 100%, 10%) } +html.var .sf-c-txt-hotpink\:100 { color: hsl(330, 100%, 0%) } + html[data-theme='dark'] .sf-c-hotpink, html.dark .sf-c-hotpink { color: hsl(var(--sf-dark-c-txt-hotpink-90)); background: hsl(var(--sf-dark-c-hotpink)) } html[data-theme='dark'] .sf-c-hotpink\:0, html.dark .sf-c-hotpink\:0 { color: hsl(var(--sf-dark-c-txt-hotpink-90)); background: hsl(var(--sf-dark-c-hotpink-100)) } html[data-theme='dark'] .sf-c-hotpink\:10, html.dark .sf-c-hotpink\:10 { color: hsl(var(--sf-dark-c-txt-hotpink-10)); background: hsl(var(--sf-dark-c-hotpink-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-hotpink\:80\:dark, html.dark .sf-c-hotpink\:80\:da html[data-theme='dark'] .sf-c-hotpink\:90\:dark, html.dark .sf-c-hotpink\:90\:dark { color: hsl(var(--sf-c-txt-hotpink-90)); background: hsl(var(--sf-c-hotpink-10)) } html[data-theme='dark'] .sf-c-hotpink\:100\:dark, html.dark .sf-c-hotpink\:100\:dark { color: hsl(var(--sf-c-txt-hotpink-90)); background: hsl(var(--sf-c-hotpink-0)) } +html[data-theme='dark'] .sf-c-txt-hotpink, html.dark .sf-c-txt-hotpink { color: hsl(var(--sf-c-txt-hotpink)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:0, html.dark .sf-c-txt-hotpink\:0 { color: hsl(var(--sf-c-txt-hotpink-0)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:10, html.dark .sf-c-txt-hotpink\:10 { color: hsl(var(--sf-c-txt-hotpink-10)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:20, html.dark .sf-c-txt-hotpink\:20 { color: hsl(var(--sf-c-txt-hotpink-20)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:30, html.dark .sf-c-txt-hotpink\:30 { color: hsl(var(--sf-c-txt-hotpink-30)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:40, html.dark .sf-c-txt-hotpink\:40 { color: hsl(var(--sf-c-txt-hotpink-40)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:50, html.dark .sf-c-txt-hotpink\:50 { color: hsl(var(--sf-c-txt-hotpink-50)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:60, html.dark .sf-c-txt-hotpink\:60 { color: hsl(var(--sf-c-txt-hotpink-60)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:70, html.dark .sf-c-txt-hotpink\:70 { color: hsl(var(--sf-c-txt-hotpink-70)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:80, html.dark .sf-c-txt-hotpink\:80 { color: hsl(var(--sf-c-txt-hotpink-80)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:90, html.dark .sf-c-txt-hotpink\:90 { color: hsl(var(--sf-c-txt-hotpink-90)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:100, html.dark .sf-c-txt-hotpink\:100 { color: hsl(var(--sf-c-txt-hotpink-100)) } + +html[data-theme='dark'] .sf-c-txt-hotpink\:dark, html.dark .sf-c-txt-hotpink\:dark { color: hsl(var(--sf-c-txt-hotpink)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:0\:dark, html.dark .sf-c-txt-hotpink\:0\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-0)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:10\:dark, html.dark .sf-c-txt-hotpink\:10\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-10)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:20\:dark, html.dark .sf-c-txt-hotpink\:20\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-20)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:30\:dark, html.dark .sf-c-txt-hotpink\:30\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-30)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:40\:dark, html.dark .sf-c-txt-hotpink\:40\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-40)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:50\:dark, html.dark .sf-c-txt-hotpink\:50\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-50)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:60\:dark, html.dark .sf-c-txt-hotpink\:60\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-60)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:70\:dark, html.dark .sf-c-txt-hotpink\:70\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-70)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:80\:dark, html.dark .sf-c-txt-hotpink\:80\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-80)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:90\:dark, html.dark .sf-c-txt-hotpink\:90\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-90)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:100\:dark, html.dark .sf-c-txt-hotpink\:100\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-100)) } + html.var[data-theme='dark'] .sf-c-hotpink, html.var.dark .sf-c-hotpink { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 29%) } html.var[data-theme='dark'] .sf-c-hotpink\:0, html.var.dark .sf-c-hotpink\:0 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 100%) } html.var[data-theme='dark'] .sf-c-hotpink\:10, html.var.dark .sf-c-hotpink\:10 { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-hotpink\:80\:dark, html.var.dark .sf-c-hotpink html.var[data-theme='dark'] .sf-c-hotpink\:90\:dark, html.var.dark .sf-c-hotpink\:90\:dark { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 10%) } html.var[data-theme='dark'] .sf-c-hotpink\:100\:dark, html.var.dark .sf-c-hotpink\:100\:dark { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink, html.dark .sf-c-txt-hotpink { color: hsl(330, 100%, 71%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:0, html.dark .sf-c-txt-hotpink\:0 { color: hsl(330, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:10, html.dark .sf-c-txt-hotpink\:10 { color: hsl(330, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:20, html.dark .sf-c-txt-hotpink\:20 { color: hsl(330, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:30, html.dark .sf-c-txt-hotpink\:30 { color: hsl(330, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:40, html.dark .sf-c-txt-hotpink\:40 { color: hsl(330, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:50, html.dark .sf-c-txt-hotpink\:50 { color: hsl(330, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:60, html.dark .sf-c-txt-hotpink\:60 { color: hsl(330, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:70, html.dark .sf-c-txt-hotpink\:70 { color: hsl(330, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:80, html.dark .sf-c-txt-hotpink\:80 { color: hsl(330, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:90, html.dark .sf-c-txt-hotpink\:90 { color: hsl(330, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:100, html.dark .sf-c-txt-hotpink\:100 { color: hsl(330, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-hotpink\:dark, html.dark .sf-c-txt-hotpink\:dark { color: hsl(330, 100%, 71%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:0\:dark, html.dark .sf-c-txt-hotpink\:0\:dark { color: hsl(330, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:10\:dark, html.dark .sf-c-txt-hotpink\:10\:dark { color: hsl(330, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:20\:dark, html.dark .sf-c-txt-hotpink\:20\:dark { color: hsl(330, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:30\:dark, html.dark .sf-c-txt-hotpink\:30\:dark { color: hsl(330, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:40\:dark, html.dark .sf-c-txt-hotpink\:40\:dark { color: hsl(330, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:50\:dark, html.dark .sf-c-txt-hotpink\:50\:dark { color: hsl(330, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:60\:dark, html.dark .sf-c-txt-hotpink\:60\:dark { color: hsl(330, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:70\:dark, html.dark .sf-c-txt-hotpink\:70\:dark { color: hsl(330, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:80\:dark, html.dark .sf-c-txt-hotpink\:80\:dark { color: hsl(330, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:90\:dark, html.dark .sf-c-txt-hotpink\:90\:dark { color: hsl(330, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:100\:dark, html.dark .sf-c-txt-hotpink\:100\:dark { color: hsl(330, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-hotpink, html.auto .sf-c-hotpink { color: hsl(var(--sf-dark-c-txt-hotpink-90)); background: hsl(var(--sf-dark-c-hotpink)) } html[data-theme='auto'] .sf-c-hotpink\:0, html.auto .sf-c-hotpink\:0 { color: hsl(var(--sf-dark-c-txt-hotpink-90)); background: hsl(var(--sf-dark-c-hotpink-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-hotpink\:100\:dark, html.var.dark .sf-c-hotpin html[data-theme='auto'] .sf-c-hotpink\:90\:dark, html.auto .sf-c-hotpink\:90\:dark { color: hsl(var(--sf-c-txt-hotpink-90)); background: hsl(var(--sf-c-hotpink-10)) } html[data-theme='auto'] .sf-c-hotpink\:100\:dark, html.auto .sf-c-hotpink\:100\:dark { color: hsl(var(--sf-c-txt-hotpink-90)); background: hsl(var(--sf-c-hotpink-0)) } + html[data-theme='auto'] .sf-c-txt-hotpink, html.auto .sf-c-txt-hotpink { color: hsl(var(--sf-c-txt-hotpink)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:0, html.auto .sf-c-txt-hotpink\:0 { color: hsl(var(--sf-c-txt-hotpink-0)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:10, html.auto .sf-c-txt-hotpink\:10 { color: hsl(var(--sf-c-txt-hotpink-10)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:20, html.auto .sf-c-txt-hotpink\:20 { color: hsl(var(--sf-c-txt-hotpink-20)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:30, html.auto .sf-c-txt-hotpink\:30 { color: hsl(var(--sf-c-txt-hotpink-30)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:40, html.auto .sf-c-txt-hotpink\:40 { color: hsl(var(--sf-c-txt-hotpink-40)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:50, html.auto .sf-c-txt-hotpink\:50 { color: hsl(var(--sf-c-txt-hotpink-50)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:60, html.auto .sf-c-txt-hotpink\:60 { color: hsl(var(--sf-c-txt-hotpink-60)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:70, html.auto .sf-c-txt-hotpink\:70 { color: hsl(var(--sf-c-txt-hotpink-70)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:80, html.auto .sf-c-txt-hotpink\:80 { color: hsl(var(--sf-c-txt-hotpink-80)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:90, html.auto .sf-c-txt-hotpink\:90 { color: hsl(var(--sf-c-txt-hotpink-90)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:100, html.auto .sf-c-txt-hotpink\:100 { color: hsl(var(--sf-c-txt-hotpink-100)) } + + html[data-theme='auto'] .sf-c-txt-hotpink\:dark, html.auto .sf-c-txt-hotpink\:dark { color: hsl(var(--sf-c-txt-hotpink)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:0\:dark, html.auto .sf-c-txt-hotpink\:0\:dark { color: hsl(var(--sf-c-txt-hotpink-0)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:10\:dark, html.auto .sf-c-txt-hotpink\:10\:dark { color: hsl(var(--sf-c-txt-hotpink-10)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:20\:dark, html.auto .sf-c-txt-hotpink\:20\:dark { color: hsl(var(--sf-c-txt-hotpink-20)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:30\:dark, html.auto .sf-c-txt-hotpink\:30\:dark { color: hsl(var(--sf-c-txt-hotpink-30)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:40\:dark, html.auto .sf-c-txt-hotpink\:40\:dark { color: hsl(var(--sf-c-txt-hotpink-40)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:50\:dark, html.auto .sf-c-txt-hotpink\:50\:dark { color: hsl(var(--sf-c-txt-hotpink-50)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:60\:dark, html.auto .sf-c-txt-hotpink\:60\:dark { color: hsl(var(--sf-c-txt-hotpink-60)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:70\:dark, html.auto .sf-c-txt-hotpink\:70\:dark { color: hsl(var(--sf-c-txt-hotpink-70)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:80\:dark, html.auto .sf-c-txt-hotpink\:80\:dark { color: hsl(var(--sf-c-txt-hotpink-80)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:90\:dark, html.auto .sf-c-txt-hotpink\:90\:dark { color: hsl(var(--sf-c-txt-hotpink-90)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:100\:dark, html.auto .sf-c-txt-hotpink\:100\:dark { color: hsl(var(--sf-c-txt-hotpink-100)) } + html.var[data-theme='auto'] .sf-c-hotpink, html.var.auto .sf-c-hotpink { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 29%) } html.var[data-theme='auto'] .sf-c-hotpink\:0, html.var.auto .sf-c-hotpink\:0 { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 100%) } html.var[data-theme='auto'] .sf-c-hotpink\:10, html.var.auto .sf-c-hotpink\:10 { color: hsl(330, 100%, 10%); background: hsl(330, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-hotpink\:100\:dark, html.var.dark .sf-c-hotpin html.var[data-theme='auto'] .sf-c-hotpink\:80\:dark, html.var.auto .sf-c-hotpink\:80\:dark { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 20%) } html.var[data-theme='auto'] .sf-c-hotpink\:90\:dark, html.var.auto .sf-c-hotpink\:90\:dark { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 10%) } html.var[data-theme='auto'] .sf-c-hotpink\:100\:dark, html.var.auto .sf-c-hotpink\:100\:dark { color: hsl(330, 100%, 90%); background: hsl(330, 100%, 0%) } -} -.sf-c-txt-hotpink { color: hsl(var(--sf-c-txt-hotpink)) } -.sf-c-txt-hotpink\:0 { color: hsl(var(--sf-c-txt-hotpink-0)) } -.sf-c-txt-hotpink\:10 { color: hsl(var(--sf-c-txt-hotpink-10)) } -.sf-c-txt-hotpink\:20 { color: hsl(var(--sf-c-txt-hotpink-20)) } -.sf-c-txt-hotpink\:30 { color: hsl(var(--sf-c-txt-hotpink-30)) } -.sf-c-txt-hotpink\:40 { color: hsl(var(--sf-c-txt-hotpink-40)) } -.sf-c-txt-hotpink\:50 { color: hsl(var(--sf-c-txt-hotpink-50)) } -.sf-c-txt-hotpink\:60 { color: hsl(var(--sf-c-txt-hotpink-60)) } -.sf-c-txt-hotpink\:70 { color: hsl(var(--sf-c-txt-hotpink-70)) } -.sf-c-txt-hotpink\:80 { color: hsl(var(--sf-c-txt-hotpink-80)) } -.sf-c-txt-hotpink\:90 { color: hsl(var(--sf-c-txt-hotpink-90)) } -.sf-c-txt-hotpink\:100 { color: hsl(var(--sf-c-txt-hotpink-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-hotpink, html.auto .sf-c-txt-hotpink { color: hsl(330, 100%, 71%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:0, html.auto .sf-c-txt-hotpink\:0 { color: hsl(330, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:10, html.auto .sf-c-txt-hotpink\:10 { color: hsl(330, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:20, html.auto .sf-c-txt-hotpink\:20 { color: hsl(330, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:30, html.auto .sf-c-txt-hotpink\:30 { color: hsl(330, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:40, html.auto .sf-c-txt-hotpink\:40 { color: hsl(330, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:50, html.auto .sf-c-txt-hotpink\:50 { color: hsl(330, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:60, html.auto .sf-c-txt-hotpink\:60 { color: hsl(330, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:70, html.auto .sf-c-txt-hotpink\:70 { color: hsl(330, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:80, html.auto .sf-c-txt-hotpink\:80 { color: hsl(330, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:90, html.auto .sf-c-txt-hotpink\:90 { color: hsl(330, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:100, html.auto .sf-c-txt-hotpink\:100 { color: hsl(330, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-hotpink\:dark, html.auto .sf-c-txt-hotpink\:dark { color: hsl(330, 100%, 71%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:0\:dark, html.auto .sf-c-txt-hotpink\:0\:dark { color: hsl(330, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:10\:dark, html.auto .sf-c-txt-hotpink\:10\:dark { color: hsl(330, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:20\:dark, html.auto .sf-c-txt-hotpink\:20\:dark { color: hsl(330, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:30\:dark, html.auto .sf-c-txt-hotpink\:30\:dark { color: hsl(330, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:40\:dark, html.auto .sf-c-txt-hotpink\:40\:dark { color: hsl(330, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:50\:dark, html.auto .sf-c-txt-hotpink\:50\:dark { color: hsl(330, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:60\:dark, html.auto .sf-c-txt-hotpink\:60\:dark { color: hsl(330, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:70\:dark, html.auto .sf-c-txt-hotpink\:70\:dark { color: hsl(330, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:80\:dark, html.auto .sf-c-txt-hotpink\:80\:dark { color: hsl(330, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:90\:dark, html.auto .sf-c-txt-hotpink\:90\:dark { color: hsl(330, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:100\:dark, html.auto .sf-c-txt-hotpink\:100\:dark { color: hsl(330, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/indianred.css b/src/colors/10/indianred.css index ade83b9..77c03f7 100644 --- a/src/colors/10/indianred.css +++ b/src/colors/10/indianred.css @@ -78,6 +78,32 @@ html.var .sf-c-indianred\:80 { color: hsl(0, 53%, 10%); background: hsl(0, 53%, html.var .sf-c-indianred\:90 { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 90%) } html.var .sf-c-indianred\:100 { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 100%) } +.sf-c-txt-indianred { color: hsl(var(--sf-dark-c-txt-indianred)) } +.sf-c-txt-indianred\:0 { color: hsl(var(--sf-dark-c-txt-indianred-100)) } +.sf-c-txt-indianred\:10 { color: hsl(var(--sf-dark-c-txt-indianred-90)) } +.sf-c-txt-indianred\:20 { color: hsl(var(--sf-dark-c-txt-indianred-80)) } +.sf-c-txt-indianred\:30 { color: hsl(var(--sf-dark-c-txt-indianred-70)) } +.sf-c-txt-indianred\:40 { color: hsl(var(--sf-dark-c-txt-indianred-60)) } +.sf-c-txt-indianred\:50 { color: hsl(var(--sf-dark-c-txt-indianred-50)) } +.sf-c-txt-indianred\:60 { color: hsl(var(--sf-dark-c-txt-indianred-40)) } +.sf-c-txt-indianred\:70 { color: hsl(var(--sf-dark-c-txt-indianred-30)) } +.sf-c-txt-indianred\:80 { color: hsl(var(--sf-dark-c-txt-indianred-20)) } +.sf-c-txt-indianred\:90 { color: hsl(var(--sf-dark-c-txt-indianred-10)) } +.sf-c-txt-indianred\:100 { color: hsl(var(--sf-dark-c-txt-indianred-0)) } + +html.var .sf-c-txt-indianred { color: hsl(0, 53%, 42%) } +html.var .sf-c-txt-indianred\:0 { color: hsl(0, 53%, 100%) } +html.var .sf-c-txt-indianred\:10 { color: hsl(0, 53%, 90%) } +html.var .sf-c-txt-indianred\:20 { color: hsl(0, 53%, 80%) } +html.var .sf-c-txt-indianred\:30 { color: hsl(0, 53%, 70%) } +html.var .sf-c-txt-indianred\:40 { color: hsl(0, 53%, 60%) } +html.var .sf-c-txt-indianred\:50 { color: hsl(0, 53%, 50%) } +html.var .sf-c-txt-indianred\:60 { color: hsl(0, 53%, 40%) } +html.var .sf-c-txt-indianred\:70 { color: hsl(0, 53%, 30%) } +html.var .sf-c-txt-indianred\:80 { color: hsl(0, 53%, 20%) } +html.var .sf-c-txt-indianred\:90 { color: hsl(0, 53%, 10%) } +html.var .sf-c-txt-indianred\:100 { color: hsl(0, 53%, 0%) } + html[data-theme='dark'] .sf-c-indianred, html.dark .sf-c-indianred { color: hsl(var(--sf-dark-c-txt-indianred-90)); background: hsl(var(--sf-dark-c-indianred)) } html[data-theme='dark'] .sf-c-indianred\:0, html.dark .sf-c-indianred\:0 { color: hsl(var(--sf-dark-c-txt-indianred-90)); background: hsl(var(--sf-dark-c-indianred-100)) } html[data-theme='dark'] .sf-c-indianred\:10, html.dark .sf-c-indianred\:10 { color: hsl(var(--sf-dark-c-txt-indianred-10)); background: hsl(var(--sf-dark-c-indianred-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-indianred\:80\:dark, html.dark .sf-c-indianred\:80 html[data-theme='dark'] .sf-c-indianred\:90\:dark, html.dark .sf-c-indianred\:90\:dark { color: hsl(var(--sf-c-txt-indianred-90)); background: hsl(var(--sf-c-indianred-10)) } html[data-theme='dark'] .sf-c-indianred\:100\:dark, html.dark .sf-c-indianred\:100\:dark { color: hsl(var(--sf-c-txt-indianred-90)); background: hsl(var(--sf-c-indianred-0)) } +html[data-theme='dark'] .sf-c-txt-indianred, html.dark .sf-c-txt-indianred { color: hsl(var(--sf-c-txt-indianred)) } +html[data-theme='dark'] .sf-c-txt-indianred\:0, html.dark .sf-c-txt-indianred\:0 { color: hsl(var(--sf-c-txt-indianred-0)) } +html[data-theme='dark'] .sf-c-txt-indianred\:10, html.dark .sf-c-txt-indianred\:10 { color: hsl(var(--sf-c-txt-indianred-10)) } +html[data-theme='dark'] .sf-c-txt-indianred\:20, html.dark .sf-c-txt-indianred\:20 { color: hsl(var(--sf-c-txt-indianred-20)) } +html[data-theme='dark'] .sf-c-txt-indianred\:30, html.dark .sf-c-txt-indianred\:30 { color: hsl(var(--sf-c-txt-indianred-30)) } +html[data-theme='dark'] .sf-c-txt-indianred\:40, html.dark .sf-c-txt-indianred\:40 { color: hsl(var(--sf-c-txt-indianred-40)) } +html[data-theme='dark'] .sf-c-txt-indianred\:50, html.dark .sf-c-txt-indianred\:50 { color: hsl(var(--sf-c-txt-indianred-50)) } +html[data-theme='dark'] .sf-c-txt-indianred\:60, html.dark .sf-c-txt-indianred\:60 { color: hsl(var(--sf-c-txt-indianred-60)) } +html[data-theme='dark'] .sf-c-txt-indianred\:70, html.dark .sf-c-txt-indianred\:70 { color: hsl(var(--sf-c-txt-indianred-70)) } +html[data-theme='dark'] .sf-c-txt-indianred\:80, html.dark .sf-c-txt-indianred\:80 { color: hsl(var(--sf-c-txt-indianred-80)) } +html[data-theme='dark'] .sf-c-txt-indianred\:90, html.dark .sf-c-txt-indianred\:90 { color: hsl(var(--sf-c-txt-indianred-90)) } +html[data-theme='dark'] .sf-c-txt-indianred\:100, html.dark .sf-c-txt-indianred\:100 { color: hsl(var(--sf-c-txt-indianred-100)) } + +html[data-theme='dark'] .sf-c-txt-indianred\:dark, html.dark .sf-c-txt-indianred\:dark { color: hsl(var(--sf-c-txt-indianred)) } +html[data-theme='dark'] .sf-c-txt-indianred\:0\:dark, html.dark .sf-c-txt-indianred\:0\:dark { color: hsl(var(--sf-dark-c-txt-indianred-0)) } +html[data-theme='dark'] .sf-c-txt-indianred\:10\:dark, html.dark .sf-c-txt-indianred\:10\:dark { color: hsl(var(--sf-dark-c-txt-indianred-10)) } +html[data-theme='dark'] .sf-c-txt-indianred\:20\:dark, html.dark .sf-c-txt-indianred\:20\:dark { color: hsl(var(--sf-dark-c-txt-indianred-20)) } +html[data-theme='dark'] .sf-c-txt-indianred\:30\:dark, html.dark .sf-c-txt-indianred\:30\:dark { color: hsl(var(--sf-dark-c-txt-indianred-30)) } +html[data-theme='dark'] .sf-c-txt-indianred\:40\:dark, html.dark .sf-c-txt-indianred\:40\:dark { color: hsl(var(--sf-dark-c-txt-indianred-40)) } +html[data-theme='dark'] .sf-c-txt-indianred\:50\:dark, html.dark .sf-c-txt-indianred\:50\:dark { color: hsl(var(--sf-dark-c-txt-indianred-50)) } +html[data-theme='dark'] .sf-c-txt-indianred\:60\:dark, html.dark .sf-c-txt-indianred\:60\:dark { color: hsl(var(--sf-dark-c-txt-indianred-60)) } +html[data-theme='dark'] .sf-c-txt-indianred\:70\:dark, html.dark .sf-c-txt-indianred\:70\:dark { color: hsl(var(--sf-dark-c-txt-indianred-70)) } +html[data-theme='dark'] .sf-c-txt-indianred\:80\:dark, html.dark .sf-c-txt-indianred\:80\:dark { color: hsl(var(--sf-dark-c-txt-indianred-80)) } +html[data-theme='dark'] .sf-c-txt-indianred\:90\:dark, html.dark .sf-c-txt-indianred\:90\:dark { color: hsl(var(--sf-dark-c-txt-indianred-90)) } +html[data-theme='dark'] .sf-c-txt-indianred\:100\:dark, html.dark .sf-c-txt-indianred\:100\:dark { color: hsl(var(--sf-dark-c-txt-indianred-100)) } + html.var[data-theme='dark'] .sf-c-indianred, html.var.dark .sf-c-indianred { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 42%) } html.var[data-theme='dark'] .sf-c-indianred\:0, html.var.dark .sf-c-indianred\:0 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 100%) } html.var[data-theme='dark'] .sf-c-indianred\:10, html.var.dark .sf-c-indianred\:10 { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-indianred\:80\:dark, html.var.dark .sf-c-india html.var[data-theme='dark'] .sf-c-indianred\:90\:dark, html.var.dark .sf-c-indianred\:90\:dark { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 10%) } html.var[data-theme='dark'] .sf-c-indianred\:100\:dark, html.var.dark .sf-c-indianred\:100\:dark { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-indianred, html.dark .sf-c-txt-indianred { color: hsl(0, 53%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:0, html.dark .sf-c-txt-indianred\:0 { color: hsl(0, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:10, html.dark .sf-c-txt-indianred\:10 { color: hsl(0, 53%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:20, html.dark .sf-c-txt-indianred\:20 { color: hsl(0, 53%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:30, html.dark .sf-c-txt-indianred\:30 { color: hsl(0, 53%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:40, html.dark .sf-c-txt-indianred\:40 { color: hsl(0, 53%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:50, html.dark .sf-c-txt-indianred\:50 { color: hsl(0, 53%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:60, html.dark .sf-c-txt-indianred\:60 { color: hsl(0, 53%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:70, html.dark .sf-c-txt-indianred\:70 { color: hsl(0, 53%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:80, html.dark .sf-c-txt-indianred\:80 { color: hsl(0, 53%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:90, html.dark .sf-c-txt-indianred\:90 { color: hsl(0, 53%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:100, html.dark .sf-c-txt-indianred\:100 { color: hsl(0, 53%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-indianred\:dark, html.dark .sf-c-txt-indianred\:dark { color: hsl(0, 53%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:0\:dark, html.dark .sf-c-txt-indianred\:0\:dark { color: hsl(0, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:10\:dark, html.dark .sf-c-txt-indianred\:10\:dark { color: hsl(0, 53%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:20\:dark, html.dark .sf-c-txt-indianred\:20\:dark { color: hsl(0, 53%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:30\:dark, html.dark .sf-c-txt-indianred\:30\:dark { color: hsl(0, 53%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:40\:dark, html.dark .sf-c-txt-indianred\:40\:dark { color: hsl(0, 53%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:50\:dark, html.dark .sf-c-txt-indianred\:50\:dark { color: hsl(0, 53%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:60\:dark, html.dark .sf-c-txt-indianred\:60\:dark { color: hsl(0, 53%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:70\:dark, html.dark .sf-c-txt-indianred\:70\:dark { color: hsl(0, 53%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:80\:dark, html.dark .sf-c-txt-indianred\:80\:dark { color: hsl(0, 53%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:90\:dark, html.dark .sf-c-txt-indianred\:90\:dark { color: hsl(0, 53%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:100\:dark, html.dark .sf-c-txt-indianred\:100\:dark { color: hsl(0, 53%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-indianred, html.auto .sf-c-indianred { color: hsl(var(--sf-dark-c-txt-indianred-90)); background: hsl(var(--sf-dark-c-indianred)) } html[data-theme='auto'] .sf-c-indianred\:0, html.auto .sf-c-indianred\:0 { color: hsl(var(--sf-dark-c-txt-indianred-90)); background: hsl(var(--sf-dark-c-indianred-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-indianred\:100\:dark, html.var.dark .sf-c-indi html[data-theme='auto'] .sf-c-indianred\:90\:dark, html.auto .sf-c-indianred\:90\:dark { color: hsl(var(--sf-c-txt-indianred-90)); background: hsl(var(--sf-c-indianred-10)) } html[data-theme='auto'] .sf-c-indianred\:100\:dark, html.auto .sf-c-indianred\:100\:dark { color: hsl(var(--sf-c-txt-indianred-90)); background: hsl(var(--sf-c-indianred-0)) } + html[data-theme='auto'] .sf-c-txt-indianred, html.auto .sf-c-txt-indianred { color: hsl(var(--sf-c-txt-indianred)) } + html[data-theme='auto'] .sf-c-txt-indianred\:0, html.auto .sf-c-txt-indianred\:0 { color: hsl(var(--sf-c-txt-indianred-0)) } + html[data-theme='auto'] .sf-c-txt-indianred\:10, html.auto .sf-c-txt-indianred\:10 { color: hsl(var(--sf-c-txt-indianred-10)) } + html[data-theme='auto'] .sf-c-txt-indianred\:20, html.auto .sf-c-txt-indianred\:20 { color: hsl(var(--sf-c-txt-indianred-20)) } + html[data-theme='auto'] .sf-c-txt-indianred\:30, html.auto .sf-c-txt-indianred\:30 { color: hsl(var(--sf-c-txt-indianred-30)) } + html[data-theme='auto'] .sf-c-txt-indianred\:40, html.auto .sf-c-txt-indianred\:40 { color: hsl(var(--sf-c-txt-indianred-40)) } + html[data-theme='auto'] .sf-c-txt-indianred\:50, html.auto .sf-c-txt-indianred\:50 { color: hsl(var(--sf-c-txt-indianred-50)) } + html[data-theme='auto'] .sf-c-txt-indianred\:60, html.auto .sf-c-txt-indianred\:60 { color: hsl(var(--sf-c-txt-indianred-60)) } + html[data-theme='auto'] .sf-c-txt-indianred\:70, html.auto .sf-c-txt-indianred\:70 { color: hsl(var(--sf-c-txt-indianred-70)) } + html[data-theme='auto'] .sf-c-txt-indianred\:80, html.auto .sf-c-txt-indianred\:80 { color: hsl(var(--sf-c-txt-indianred-80)) } + html[data-theme='auto'] .sf-c-txt-indianred\:90, html.auto .sf-c-txt-indianred\:90 { color: hsl(var(--sf-c-txt-indianred-90)) } + html[data-theme='auto'] .sf-c-txt-indianred\:100, html.auto .sf-c-txt-indianred\:100 { color: hsl(var(--sf-c-txt-indianred-100)) } + + html[data-theme='auto'] .sf-c-txt-indianred\:dark, html.auto .sf-c-txt-indianred\:dark { color: hsl(var(--sf-c-txt-indianred)) } + html[data-theme='auto'] .sf-c-txt-indianred\:0\:dark, html.auto .sf-c-txt-indianred\:0\:dark { color: hsl(var(--sf-c-txt-indianred-0)) } + html[data-theme='auto'] .sf-c-txt-indianred\:10\:dark, html.auto .sf-c-txt-indianred\:10\:dark { color: hsl(var(--sf-c-txt-indianred-10)) } + html[data-theme='auto'] .sf-c-txt-indianred\:20\:dark, html.auto .sf-c-txt-indianred\:20\:dark { color: hsl(var(--sf-c-txt-indianred-20)) } + html[data-theme='auto'] .sf-c-txt-indianred\:30\:dark, html.auto .sf-c-txt-indianred\:30\:dark { color: hsl(var(--sf-c-txt-indianred-30)) } + html[data-theme='auto'] .sf-c-txt-indianred\:40\:dark, html.auto .sf-c-txt-indianred\:40\:dark { color: hsl(var(--sf-c-txt-indianred-40)) } + html[data-theme='auto'] .sf-c-txt-indianred\:50\:dark, html.auto .sf-c-txt-indianred\:50\:dark { color: hsl(var(--sf-c-txt-indianred-50)) } + html[data-theme='auto'] .sf-c-txt-indianred\:60\:dark, html.auto .sf-c-txt-indianred\:60\:dark { color: hsl(var(--sf-c-txt-indianred-60)) } + html[data-theme='auto'] .sf-c-txt-indianred\:70\:dark, html.auto .sf-c-txt-indianred\:70\:dark { color: hsl(var(--sf-c-txt-indianred-70)) } + html[data-theme='auto'] .sf-c-txt-indianred\:80\:dark, html.auto .sf-c-txt-indianred\:80\:dark { color: hsl(var(--sf-c-txt-indianred-80)) } + html[data-theme='auto'] .sf-c-txt-indianred\:90\:dark, html.auto .sf-c-txt-indianred\:90\:dark { color: hsl(var(--sf-c-txt-indianred-90)) } + html[data-theme='auto'] .sf-c-txt-indianred\:100\:dark, html.auto .sf-c-txt-indianred\:100\:dark { color: hsl(var(--sf-c-txt-indianred-100)) } + html.var[data-theme='auto'] .sf-c-indianred, html.var.auto .sf-c-indianred { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 42%) } html.var[data-theme='auto'] .sf-c-indianred\:0, html.var.auto .sf-c-indianred\:0 { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 100%) } html.var[data-theme='auto'] .sf-c-indianred\:10, html.var.auto .sf-c-indianred\:10 { color: hsl(0, 53%, 10%); background: hsl(0, 53%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-indianred\:100\:dark, html.var.dark .sf-c-indi html.var[data-theme='auto'] .sf-c-indianred\:80\:dark, html.var.auto .sf-c-indianred\:80\:dark { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 20%) } html.var[data-theme='auto'] .sf-c-indianred\:90\:dark, html.var.auto .sf-c-indianred\:90\:dark { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 10%) } html.var[data-theme='auto'] .sf-c-indianred\:100\:dark, html.var.auto .sf-c-indianred\:100\:dark { color: hsl(0, 53%, 90%); background: hsl(0, 53%, 0%) } -} -.sf-c-txt-indianred { color: hsl(var(--sf-c-txt-indianred)) } -.sf-c-txt-indianred\:0 { color: hsl(var(--sf-c-txt-indianred-0)) } -.sf-c-txt-indianred\:10 { color: hsl(var(--sf-c-txt-indianred-10)) } -.sf-c-txt-indianred\:20 { color: hsl(var(--sf-c-txt-indianred-20)) } -.sf-c-txt-indianred\:30 { color: hsl(var(--sf-c-txt-indianred-30)) } -.sf-c-txt-indianred\:40 { color: hsl(var(--sf-c-txt-indianred-40)) } -.sf-c-txt-indianred\:50 { color: hsl(var(--sf-c-txt-indianred-50)) } -.sf-c-txt-indianred\:60 { color: hsl(var(--sf-c-txt-indianred-60)) } -.sf-c-txt-indianred\:70 { color: hsl(var(--sf-c-txt-indianred-70)) } -.sf-c-txt-indianred\:80 { color: hsl(var(--sf-c-txt-indianred-80)) } -.sf-c-txt-indianred\:90 { color: hsl(var(--sf-c-txt-indianred-90)) } -.sf-c-txt-indianred\:100 { color: hsl(var(--sf-c-txt-indianred-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-indianred, html.auto .sf-c-txt-indianred { color: hsl(0, 53%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:0, html.auto .sf-c-txt-indianred\:0 { color: hsl(0, 53%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:10, html.auto .sf-c-txt-indianred\:10 { color: hsl(0, 53%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:20, html.auto .sf-c-txt-indianred\:20 { color: hsl(0, 53%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:30, html.auto .sf-c-txt-indianred\:30 { color: hsl(0, 53%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:40, html.auto .sf-c-txt-indianred\:40 { color: hsl(0, 53%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:50, html.auto .sf-c-txt-indianred\:50 { color: hsl(0, 53%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:60, html.auto .sf-c-txt-indianred\:60 { color: hsl(0, 53%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:70, html.auto .sf-c-txt-indianred\:70 { color: hsl(0, 53%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:80, html.auto .sf-c-txt-indianred\:80 { color: hsl(0, 53%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:90, html.auto .sf-c-txt-indianred\:90 { color: hsl(0, 53%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:100, html.auto .sf-c-txt-indianred\:100 { color: hsl(0, 53%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-indianred\:dark, html.auto .sf-c-txt-indianred\:dark { color: hsl(0, 53%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:0\:dark, html.auto .sf-c-txt-indianred\:0\:dark { color: hsl(0, 53%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:10\:dark, html.auto .sf-c-txt-indianred\:10\:dark { color: hsl(0, 53%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:20\:dark, html.auto .sf-c-txt-indianred\:20\:dark { color: hsl(0, 53%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:30\:dark, html.auto .sf-c-txt-indianred\:30\:dark { color: hsl(0, 53%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:40\:dark, html.auto .sf-c-txt-indianred\:40\:dark { color: hsl(0, 53%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:50\:dark, html.auto .sf-c-txt-indianred\:50\:dark { color: hsl(0, 53%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:60\:dark, html.auto .sf-c-txt-indianred\:60\:dark { color: hsl(0, 53%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:70\:dark, html.auto .sf-c-txt-indianred\:70\:dark { color: hsl(0, 53%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:80\:dark, html.auto .sf-c-txt-indianred\:80\:dark { color: hsl(0, 53%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:90\:dark, html.auto .sf-c-txt-indianred\:90\:dark { color: hsl(0, 53%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:100\:dark, html.auto .sf-c-txt-indianred\:100\:dark { color: hsl(0, 53%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/indigo.css b/src/colors/10/indigo.css index 1a40240..68129f1 100644 --- a/src/colors/10/indigo.css +++ b/src/colors/10/indigo.css @@ -78,6 +78,32 @@ html.var .sf-c-indigo\:80 { color: hsl(275, 100%, 90%); background: hsl(275, 100 html.var .sf-c-indigo\:90 { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 90%) } html.var .sf-c-indigo\:100 { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 100%) } +.sf-c-txt-indigo { color: hsl(var(--sf-dark-c-txt-indigo)) } +.sf-c-txt-indigo\:0 { color: hsl(var(--sf-dark-c-txt-indigo-100)) } +.sf-c-txt-indigo\:10 { color: hsl(var(--sf-dark-c-txt-indigo-90)) } +.sf-c-txt-indigo\:20 { color: hsl(var(--sf-dark-c-txt-indigo-80)) } +.sf-c-txt-indigo\:30 { color: hsl(var(--sf-dark-c-txt-indigo-70)) } +.sf-c-txt-indigo\:40 { color: hsl(var(--sf-dark-c-txt-indigo-60)) } +.sf-c-txt-indigo\:50 { color: hsl(var(--sf-dark-c-txt-indigo-50)) } +.sf-c-txt-indigo\:60 { color: hsl(var(--sf-dark-c-txt-indigo-40)) } +.sf-c-txt-indigo\:70 { color: hsl(var(--sf-dark-c-txt-indigo-30)) } +.sf-c-txt-indigo\:80 { color: hsl(var(--sf-dark-c-txt-indigo-20)) } +.sf-c-txt-indigo\:90 { color: hsl(var(--sf-dark-c-txt-indigo-10)) } +.sf-c-txt-indigo\:100 { color: hsl(var(--sf-dark-c-txt-indigo-0)) } + +html.var .sf-c-txt-indigo { color: hsl(275, 100%, 75%) } +html.var .sf-c-txt-indigo\:0 { color: hsl(275, 100%, 100%) } +html.var .sf-c-txt-indigo\:10 { color: hsl(275, 100%, 90%) } +html.var .sf-c-txt-indigo\:20 { color: hsl(275, 100%, 80%) } +html.var .sf-c-txt-indigo\:30 { color: hsl(275, 100%, 70%) } +html.var .sf-c-txt-indigo\:40 { color: hsl(275, 100%, 60%) } +html.var .sf-c-txt-indigo\:50 { color: hsl(275, 100%, 50%) } +html.var .sf-c-txt-indigo\:60 { color: hsl(275, 100%, 40%) } +html.var .sf-c-txt-indigo\:70 { color: hsl(275, 100%, 30%) } +html.var .sf-c-txt-indigo\:80 { color: hsl(275, 100%, 20%) } +html.var .sf-c-txt-indigo\:90 { color: hsl(275, 100%, 10%) } +html.var .sf-c-txt-indigo\:100 { color: hsl(275, 100%, 0%) } + html[data-theme='dark'] .sf-c-indigo, html.dark .sf-c-indigo { color: hsl(var(--sf-dark-c-txt-indigo-10)); background: hsl(var(--sf-dark-c-indigo)) } html[data-theme='dark'] .sf-c-indigo\:0, html.dark .sf-c-indigo\:0 { color: hsl(var(--sf-dark-c-txt-indigo-90)); background: hsl(var(--sf-dark-c-indigo-100)) } html[data-theme='dark'] .sf-c-indigo\:10, html.dark .sf-c-indigo\:10 { color: hsl(var(--sf-dark-c-txt-indigo-10)); background: hsl(var(--sf-dark-c-indigo-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-indigo\:80\:dark, html.dark .sf-c-indigo\:80\:dark html[data-theme='dark'] .sf-c-indigo\:90\:dark, html.dark .sf-c-indigo\:90\:dark { color: hsl(var(--sf-c-txt-indigo-90)); background: hsl(var(--sf-c-indigo-10)) } html[data-theme='dark'] .sf-c-indigo\:100\:dark, html.dark .sf-c-indigo\:100\:dark { color: hsl(var(--sf-c-txt-indigo-90)); background: hsl(var(--sf-c-indigo-0)) } +html[data-theme='dark'] .sf-c-txt-indigo, html.dark .sf-c-txt-indigo { color: hsl(var(--sf-c-txt-indigo)) } +html[data-theme='dark'] .sf-c-txt-indigo\:0, html.dark .sf-c-txt-indigo\:0 { color: hsl(var(--sf-c-txt-indigo-0)) } +html[data-theme='dark'] .sf-c-txt-indigo\:10, html.dark .sf-c-txt-indigo\:10 { color: hsl(var(--sf-c-txt-indigo-10)) } +html[data-theme='dark'] .sf-c-txt-indigo\:20, html.dark .sf-c-txt-indigo\:20 { color: hsl(var(--sf-c-txt-indigo-20)) } +html[data-theme='dark'] .sf-c-txt-indigo\:30, html.dark .sf-c-txt-indigo\:30 { color: hsl(var(--sf-c-txt-indigo-30)) } +html[data-theme='dark'] .sf-c-txt-indigo\:40, html.dark .sf-c-txt-indigo\:40 { color: hsl(var(--sf-c-txt-indigo-40)) } +html[data-theme='dark'] .sf-c-txt-indigo\:50, html.dark .sf-c-txt-indigo\:50 { color: hsl(var(--sf-c-txt-indigo-50)) } +html[data-theme='dark'] .sf-c-txt-indigo\:60, html.dark .sf-c-txt-indigo\:60 { color: hsl(var(--sf-c-txt-indigo-60)) } +html[data-theme='dark'] .sf-c-txt-indigo\:70, html.dark .sf-c-txt-indigo\:70 { color: hsl(var(--sf-c-txt-indigo-70)) } +html[data-theme='dark'] .sf-c-txt-indigo\:80, html.dark .sf-c-txt-indigo\:80 { color: hsl(var(--sf-c-txt-indigo-80)) } +html[data-theme='dark'] .sf-c-txt-indigo\:90, html.dark .sf-c-txt-indigo\:90 { color: hsl(var(--sf-c-txt-indigo-90)) } +html[data-theme='dark'] .sf-c-txt-indigo\:100, html.dark .sf-c-txt-indigo\:100 { color: hsl(var(--sf-c-txt-indigo-100)) } + +html[data-theme='dark'] .sf-c-txt-indigo\:dark, html.dark .sf-c-txt-indigo\:dark { color: hsl(var(--sf-c-txt-indigo)) } +html[data-theme='dark'] .sf-c-txt-indigo\:0\:dark, html.dark .sf-c-txt-indigo\:0\:dark { color: hsl(var(--sf-dark-c-txt-indigo-0)) } +html[data-theme='dark'] .sf-c-txt-indigo\:10\:dark, html.dark .sf-c-txt-indigo\:10\:dark { color: hsl(var(--sf-dark-c-txt-indigo-10)) } +html[data-theme='dark'] .sf-c-txt-indigo\:20\:dark, html.dark .sf-c-txt-indigo\:20\:dark { color: hsl(var(--sf-dark-c-txt-indigo-20)) } +html[data-theme='dark'] .sf-c-txt-indigo\:30\:dark, html.dark .sf-c-txt-indigo\:30\:dark { color: hsl(var(--sf-dark-c-txt-indigo-30)) } +html[data-theme='dark'] .sf-c-txt-indigo\:40\:dark, html.dark .sf-c-txt-indigo\:40\:dark { color: hsl(var(--sf-dark-c-txt-indigo-40)) } +html[data-theme='dark'] .sf-c-txt-indigo\:50\:dark, html.dark .sf-c-txt-indigo\:50\:dark { color: hsl(var(--sf-dark-c-txt-indigo-50)) } +html[data-theme='dark'] .sf-c-txt-indigo\:60\:dark, html.dark .sf-c-txt-indigo\:60\:dark { color: hsl(var(--sf-dark-c-txt-indigo-60)) } +html[data-theme='dark'] .sf-c-txt-indigo\:70\:dark, html.dark .sf-c-txt-indigo\:70\:dark { color: hsl(var(--sf-dark-c-txt-indigo-70)) } +html[data-theme='dark'] .sf-c-txt-indigo\:80\:dark, html.dark .sf-c-txt-indigo\:80\:dark { color: hsl(var(--sf-dark-c-txt-indigo-80)) } +html[data-theme='dark'] .sf-c-txt-indigo\:90\:dark, html.dark .sf-c-txt-indigo\:90\:dark { color: hsl(var(--sf-dark-c-txt-indigo-90)) } +html[data-theme='dark'] .sf-c-txt-indigo\:100\:dark, html.dark .sf-c-txt-indigo\:100\:dark { color: hsl(var(--sf-dark-c-txt-indigo-100)) } + html.var[data-theme='dark'] .sf-c-indigo, html.var.dark .sf-c-indigo { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 75%) } html.var[data-theme='dark'] .sf-c-indigo\:0, html.var.dark .sf-c-indigo\:0 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 100%) } html.var[data-theme='dark'] .sf-c-indigo\:10, html.var.dark .sf-c-indigo\:10 { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-indigo\:80\:dark, html.var.dark .sf-c-indigo\: html.var[data-theme='dark'] .sf-c-indigo\:90\:dark, html.var.dark .sf-c-indigo\:90\:dark { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 10%) } html.var[data-theme='dark'] .sf-c-indigo\:100\:dark, html.var.dark .sf-c-indigo\:100\:dark { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-indigo, html.dark .sf-c-txt-indigo { color: hsl(275, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:0, html.dark .sf-c-txt-indigo\:0 { color: hsl(275, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:10, html.dark .sf-c-txt-indigo\:10 { color: hsl(275, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:20, html.dark .sf-c-txt-indigo\:20 { color: hsl(275, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:30, html.dark .sf-c-txt-indigo\:30 { color: hsl(275, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:40, html.dark .sf-c-txt-indigo\:40 { color: hsl(275, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:50, html.dark .sf-c-txt-indigo\:50 { color: hsl(275, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:60, html.dark .sf-c-txt-indigo\:60 { color: hsl(275, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:70, html.dark .sf-c-txt-indigo\:70 { color: hsl(275, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:80, html.dark .sf-c-txt-indigo\:80 { color: hsl(275, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:90, html.dark .sf-c-txt-indigo\:90 { color: hsl(275, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:100, html.dark .sf-c-txt-indigo\:100 { color: hsl(275, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-indigo\:dark, html.dark .sf-c-txt-indigo\:dark { color: hsl(275, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:0\:dark, html.dark .sf-c-txt-indigo\:0\:dark { color: hsl(275, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:10\:dark, html.dark .sf-c-txt-indigo\:10\:dark { color: hsl(275, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:20\:dark, html.dark .sf-c-txt-indigo\:20\:dark { color: hsl(275, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:30\:dark, html.dark .sf-c-txt-indigo\:30\:dark { color: hsl(275, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:40\:dark, html.dark .sf-c-txt-indigo\:40\:dark { color: hsl(275, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:50\:dark, html.dark .sf-c-txt-indigo\:50\:dark { color: hsl(275, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:60\:dark, html.dark .sf-c-txt-indigo\:60\:dark { color: hsl(275, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:70\:dark, html.dark .sf-c-txt-indigo\:70\:dark { color: hsl(275, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:80\:dark, html.dark .sf-c-txt-indigo\:80\:dark { color: hsl(275, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:90\:dark, html.dark .sf-c-txt-indigo\:90\:dark { color: hsl(275, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:100\:dark, html.dark .sf-c-txt-indigo\:100\:dark { color: hsl(275, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-indigo, html.auto .sf-c-indigo { color: hsl(var(--sf-dark-c-txt-indigo-10)); background: hsl(var(--sf-dark-c-indigo)) } html[data-theme='auto'] .sf-c-indigo\:0, html.auto .sf-c-indigo\:0 { color: hsl(var(--sf-dark-c-txt-indigo-90)); background: hsl(var(--sf-dark-c-indigo-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-indigo\:100\:dark, html.var.dark .sf-c-indigo\ html[data-theme='auto'] .sf-c-indigo\:90\:dark, html.auto .sf-c-indigo\:90\:dark { color: hsl(var(--sf-c-txt-indigo-90)); background: hsl(var(--sf-c-indigo-10)) } html[data-theme='auto'] .sf-c-indigo\:100\:dark, html.auto .sf-c-indigo\:100\:dark { color: hsl(var(--sf-c-txt-indigo-90)); background: hsl(var(--sf-c-indigo-0)) } + html[data-theme='auto'] .sf-c-txt-indigo, html.auto .sf-c-txt-indigo { color: hsl(var(--sf-c-txt-indigo)) } + html[data-theme='auto'] .sf-c-txt-indigo\:0, html.auto .sf-c-txt-indigo\:0 { color: hsl(var(--sf-c-txt-indigo-0)) } + html[data-theme='auto'] .sf-c-txt-indigo\:10, html.auto .sf-c-txt-indigo\:10 { color: hsl(var(--sf-c-txt-indigo-10)) } + html[data-theme='auto'] .sf-c-txt-indigo\:20, html.auto .sf-c-txt-indigo\:20 { color: hsl(var(--sf-c-txt-indigo-20)) } + html[data-theme='auto'] .sf-c-txt-indigo\:30, html.auto .sf-c-txt-indigo\:30 { color: hsl(var(--sf-c-txt-indigo-30)) } + html[data-theme='auto'] .sf-c-txt-indigo\:40, html.auto .sf-c-txt-indigo\:40 { color: hsl(var(--sf-c-txt-indigo-40)) } + html[data-theme='auto'] .sf-c-txt-indigo\:50, html.auto .sf-c-txt-indigo\:50 { color: hsl(var(--sf-c-txt-indigo-50)) } + html[data-theme='auto'] .sf-c-txt-indigo\:60, html.auto .sf-c-txt-indigo\:60 { color: hsl(var(--sf-c-txt-indigo-60)) } + html[data-theme='auto'] .sf-c-txt-indigo\:70, html.auto .sf-c-txt-indigo\:70 { color: hsl(var(--sf-c-txt-indigo-70)) } + html[data-theme='auto'] .sf-c-txt-indigo\:80, html.auto .sf-c-txt-indigo\:80 { color: hsl(var(--sf-c-txt-indigo-80)) } + html[data-theme='auto'] .sf-c-txt-indigo\:90, html.auto .sf-c-txt-indigo\:90 { color: hsl(var(--sf-c-txt-indigo-90)) } + html[data-theme='auto'] .sf-c-txt-indigo\:100, html.auto .sf-c-txt-indigo\:100 { color: hsl(var(--sf-c-txt-indigo-100)) } + + html[data-theme='auto'] .sf-c-txt-indigo\:dark, html.auto .sf-c-txt-indigo\:dark { color: hsl(var(--sf-c-txt-indigo)) } + html[data-theme='auto'] .sf-c-txt-indigo\:0\:dark, html.auto .sf-c-txt-indigo\:0\:dark { color: hsl(var(--sf-c-txt-indigo-0)) } + html[data-theme='auto'] .sf-c-txt-indigo\:10\:dark, html.auto .sf-c-txt-indigo\:10\:dark { color: hsl(var(--sf-c-txt-indigo-10)) } + html[data-theme='auto'] .sf-c-txt-indigo\:20\:dark, html.auto .sf-c-txt-indigo\:20\:dark { color: hsl(var(--sf-c-txt-indigo-20)) } + html[data-theme='auto'] .sf-c-txt-indigo\:30\:dark, html.auto .sf-c-txt-indigo\:30\:dark { color: hsl(var(--sf-c-txt-indigo-30)) } + html[data-theme='auto'] .sf-c-txt-indigo\:40\:dark, html.auto .sf-c-txt-indigo\:40\:dark { color: hsl(var(--sf-c-txt-indigo-40)) } + html[data-theme='auto'] .sf-c-txt-indigo\:50\:dark, html.auto .sf-c-txt-indigo\:50\:dark { color: hsl(var(--sf-c-txt-indigo-50)) } + html[data-theme='auto'] .sf-c-txt-indigo\:60\:dark, html.auto .sf-c-txt-indigo\:60\:dark { color: hsl(var(--sf-c-txt-indigo-60)) } + html[data-theme='auto'] .sf-c-txt-indigo\:70\:dark, html.auto .sf-c-txt-indigo\:70\:dark { color: hsl(var(--sf-c-txt-indigo-70)) } + html[data-theme='auto'] .sf-c-txt-indigo\:80\:dark, html.auto .sf-c-txt-indigo\:80\:dark { color: hsl(var(--sf-c-txt-indigo-80)) } + html[data-theme='auto'] .sf-c-txt-indigo\:90\:dark, html.auto .sf-c-txt-indigo\:90\:dark { color: hsl(var(--sf-c-txt-indigo-90)) } + html[data-theme='auto'] .sf-c-txt-indigo\:100\:dark, html.auto .sf-c-txt-indigo\:100\:dark { color: hsl(var(--sf-c-txt-indigo-100)) } + html.var[data-theme='auto'] .sf-c-indigo, html.var.auto .sf-c-indigo { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 75%) } html.var[data-theme='auto'] .sf-c-indigo\:0, html.var.auto .sf-c-indigo\:0 { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 100%) } html.var[data-theme='auto'] .sf-c-indigo\:10, html.var.auto .sf-c-indigo\:10 { color: hsl(275, 100%, 10%); background: hsl(275, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-indigo\:100\:dark, html.var.dark .sf-c-indigo\ html.var[data-theme='auto'] .sf-c-indigo\:80\:dark, html.var.auto .sf-c-indigo\:80\:dark { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 20%) } html.var[data-theme='auto'] .sf-c-indigo\:90\:dark, html.var.auto .sf-c-indigo\:90\:dark { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 10%) } html.var[data-theme='auto'] .sf-c-indigo\:100\:dark, html.var.auto .sf-c-indigo\:100\:dark { color: hsl(275, 100%, 90%); background: hsl(275, 100%, 0%) } -} -.sf-c-txt-indigo { color: hsl(var(--sf-c-txt-indigo)) } -.sf-c-txt-indigo\:0 { color: hsl(var(--sf-c-txt-indigo-0)) } -.sf-c-txt-indigo\:10 { color: hsl(var(--sf-c-txt-indigo-10)) } -.sf-c-txt-indigo\:20 { color: hsl(var(--sf-c-txt-indigo-20)) } -.sf-c-txt-indigo\:30 { color: hsl(var(--sf-c-txt-indigo-30)) } -.sf-c-txt-indigo\:40 { color: hsl(var(--sf-c-txt-indigo-40)) } -.sf-c-txt-indigo\:50 { color: hsl(var(--sf-c-txt-indigo-50)) } -.sf-c-txt-indigo\:60 { color: hsl(var(--sf-c-txt-indigo-60)) } -.sf-c-txt-indigo\:70 { color: hsl(var(--sf-c-txt-indigo-70)) } -.sf-c-txt-indigo\:80 { color: hsl(var(--sf-c-txt-indigo-80)) } -.sf-c-txt-indigo\:90 { color: hsl(var(--sf-c-txt-indigo-90)) } -.sf-c-txt-indigo\:100 { color: hsl(var(--sf-c-txt-indigo-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-indigo, html.auto .sf-c-txt-indigo { color: hsl(275, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:0, html.auto .sf-c-txt-indigo\:0 { color: hsl(275, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:10, html.auto .sf-c-txt-indigo\:10 { color: hsl(275, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:20, html.auto .sf-c-txt-indigo\:20 { color: hsl(275, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:30, html.auto .sf-c-txt-indigo\:30 { color: hsl(275, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:40, html.auto .sf-c-txt-indigo\:40 { color: hsl(275, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:50, html.auto .sf-c-txt-indigo\:50 { color: hsl(275, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:60, html.auto .sf-c-txt-indigo\:60 { color: hsl(275, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:70, html.auto .sf-c-txt-indigo\:70 { color: hsl(275, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:80, html.auto .sf-c-txt-indigo\:80 { color: hsl(275, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:90, html.auto .sf-c-txt-indigo\:90 { color: hsl(275, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:100, html.auto .sf-c-txt-indigo\:100 { color: hsl(275, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-indigo\:dark, html.auto .sf-c-txt-indigo\:dark { color: hsl(275, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:0\:dark, html.auto .sf-c-txt-indigo\:0\:dark { color: hsl(275, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:10\:dark, html.auto .sf-c-txt-indigo\:10\:dark { color: hsl(275, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:20\:dark, html.auto .sf-c-txt-indigo\:20\:dark { color: hsl(275, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:30\:dark, html.auto .sf-c-txt-indigo\:30\:dark { color: hsl(275, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:40\:dark, html.auto .sf-c-txt-indigo\:40\:dark { color: hsl(275, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:50\:dark, html.auto .sf-c-txt-indigo\:50\:dark { color: hsl(275, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:60\:dark, html.auto .sf-c-txt-indigo\:60\:dark { color: hsl(275, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:70\:dark, html.auto .sf-c-txt-indigo\:70\:dark { color: hsl(275, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:80\:dark, html.auto .sf-c-txt-indigo\:80\:dark { color: hsl(275, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:90\:dark, html.auto .sf-c-txt-indigo\:90\:dark { color: hsl(275, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:100\:dark, html.auto .sf-c-txt-indigo\:100\:dark { color: hsl(275, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/ivory.css b/src/colors/10/ivory.css index 3e90c66..fcc7cbc 100644 --- a/src/colors/10/ivory.css +++ b/src/colors/10/ivory.css @@ -78,6 +78,32 @@ html.var .sf-c-ivory\:80 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, html.var .sf-c-ivory\:90 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } html.var .sf-c-ivory\:100 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } +.sf-c-txt-ivory { color: hsl(var(--sf-dark-c-txt-ivory)) } +.sf-c-txt-ivory\:0 { color: hsl(var(--sf-dark-c-txt-ivory-100)) } +.sf-c-txt-ivory\:10 { color: hsl(var(--sf-dark-c-txt-ivory-90)) } +.sf-c-txt-ivory\:20 { color: hsl(var(--sf-dark-c-txt-ivory-80)) } +.sf-c-txt-ivory\:30 { color: hsl(var(--sf-dark-c-txt-ivory-70)) } +.sf-c-txt-ivory\:40 { color: hsl(var(--sf-dark-c-txt-ivory-60)) } +.sf-c-txt-ivory\:50 { color: hsl(var(--sf-dark-c-txt-ivory-50)) } +.sf-c-txt-ivory\:60 { color: hsl(var(--sf-dark-c-txt-ivory-40)) } +.sf-c-txt-ivory\:70 { color: hsl(var(--sf-dark-c-txt-ivory-30)) } +.sf-c-txt-ivory\:80 { color: hsl(var(--sf-dark-c-txt-ivory-20)) } +.sf-c-txt-ivory\:90 { color: hsl(var(--sf-dark-c-txt-ivory-10)) } +.sf-c-txt-ivory\:100 { color: hsl(var(--sf-dark-c-txt-ivory-0)) } + +html.var .sf-c-txt-ivory { color: hsl(60, 100%, 3%) } +html.var .sf-c-txt-ivory\:0 { color: hsl(60, 100%, 100%) } +html.var .sf-c-txt-ivory\:10 { color: hsl(60, 100%, 90%) } +html.var .sf-c-txt-ivory\:20 { color: hsl(60, 100%, 80%) } +html.var .sf-c-txt-ivory\:30 { color: hsl(60, 100%, 70%) } +html.var .sf-c-txt-ivory\:40 { color: hsl(60, 100%, 60%) } +html.var .sf-c-txt-ivory\:50 { color: hsl(60, 100%, 50%) } +html.var .sf-c-txt-ivory\:60 { color: hsl(60, 100%, 40%) } +html.var .sf-c-txt-ivory\:70 { color: hsl(60, 100%, 30%) } +html.var .sf-c-txt-ivory\:80 { color: hsl(60, 100%, 20%) } +html.var .sf-c-txt-ivory\:90 { color: hsl(60, 100%, 10%) } +html.var .sf-c-txt-ivory\:100 { color: hsl(60, 100%, 0%) } + html[data-theme='dark'] .sf-c-ivory, html.dark .sf-c-ivory { color: hsl(var(--sf-dark-c-txt-ivory-90)); background: hsl(var(--sf-dark-c-ivory)) } html[data-theme='dark'] .sf-c-ivory\:0, html.dark .sf-c-ivory\:0 { color: hsl(var(--sf-dark-c-txt-ivory-90)); background: hsl(var(--sf-dark-c-ivory-100)) } html[data-theme='dark'] .sf-c-ivory\:10, html.dark .sf-c-ivory\:10 { color: hsl(var(--sf-dark-c-txt-ivory-10)); background: hsl(var(--sf-dark-c-ivory-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-ivory\:80\:dark, html.dark .sf-c-ivory\:80\:dark { html[data-theme='dark'] .sf-c-ivory\:90\:dark, html.dark .sf-c-ivory\:90\:dark { color: hsl(var(--sf-c-txt-ivory-90)); background: hsl(var(--sf-c-ivory-10)) } html[data-theme='dark'] .sf-c-ivory\:100\:dark, html.dark .sf-c-ivory\:100\:dark { color: hsl(var(--sf-c-txt-ivory-90)); background: hsl(var(--sf-c-ivory-0)) } +html[data-theme='dark'] .sf-c-txt-ivory, html.dark .sf-c-txt-ivory { color: hsl(var(--sf-c-txt-ivory)) } +html[data-theme='dark'] .sf-c-txt-ivory\:0, html.dark .sf-c-txt-ivory\:0 { color: hsl(var(--sf-c-txt-ivory-0)) } +html[data-theme='dark'] .sf-c-txt-ivory\:10, html.dark .sf-c-txt-ivory\:10 { color: hsl(var(--sf-c-txt-ivory-10)) } +html[data-theme='dark'] .sf-c-txt-ivory\:20, html.dark .sf-c-txt-ivory\:20 { color: hsl(var(--sf-c-txt-ivory-20)) } +html[data-theme='dark'] .sf-c-txt-ivory\:30, html.dark .sf-c-txt-ivory\:30 { color: hsl(var(--sf-c-txt-ivory-30)) } +html[data-theme='dark'] .sf-c-txt-ivory\:40, html.dark .sf-c-txt-ivory\:40 { color: hsl(var(--sf-c-txt-ivory-40)) } +html[data-theme='dark'] .sf-c-txt-ivory\:50, html.dark .sf-c-txt-ivory\:50 { color: hsl(var(--sf-c-txt-ivory-50)) } +html[data-theme='dark'] .sf-c-txt-ivory\:60, html.dark .sf-c-txt-ivory\:60 { color: hsl(var(--sf-c-txt-ivory-60)) } +html[data-theme='dark'] .sf-c-txt-ivory\:70, html.dark .sf-c-txt-ivory\:70 { color: hsl(var(--sf-c-txt-ivory-70)) } +html[data-theme='dark'] .sf-c-txt-ivory\:80, html.dark .sf-c-txt-ivory\:80 { color: hsl(var(--sf-c-txt-ivory-80)) } +html[data-theme='dark'] .sf-c-txt-ivory\:90, html.dark .sf-c-txt-ivory\:90 { color: hsl(var(--sf-c-txt-ivory-90)) } +html[data-theme='dark'] .sf-c-txt-ivory\:100, html.dark .sf-c-txt-ivory\:100 { color: hsl(var(--sf-c-txt-ivory-100)) } + +html[data-theme='dark'] .sf-c-txt-ivory\:dark, html.dark .sf-c-txt-ivory\:dark { color: hsl(var(--sf-c-txt-ivory)) } +html[data-theme='dark'] .sf-c-txt-ivory\:0\:dark, html.dark .sf-c-txt-ivory\:0\:dark { color: hsl(var(--sf-dark-c-txt-ivory-0)) } +html[data-theme='dark'] .sf-c-txt-ivory\:10\:dark, html.dark .sf-c-txt-ivory\:10\:dark { color: hsl(var(--sf-dark-c-txt-ivory-10)) } +html[data-theme='dark'] .sf-c-txt-ivory\:20\:dark, html.dark .sf-c-txt-ivory\:20\:dark { color: hsl(var(--sf-dark-c-txt-ivory-20)) } +html[data-theme='dark'] .sf-c-txt-ivory\:30\:dark, html.dark .sf-c-txt-ivory\:30\:dark { color: hsl(var(--sf-dark-c-txt-ivory-30)) } +html[data-theme='dark'] .sf-c-txt-ivory\:40\:dark, html.dark .sf-c-txt-ivory\:40\:dark { color: hsl(var(--sf-dark-c-txt-ivory-40)) } +html[data-theme='dark'] .sf-c-txt-ivory\:50\:dark, html.dark .sf-c-txt-ivory\:50\:dark { color: hsl(var(--sf-dark-c-txt-ivory-50)) } +html[data-theme='dark'] .sf-c-txt-ivory\:60\:dark, html.dark .sf-c-txt-ivory\:60\:dark { color: hsl(var(--sf-dark-c-txt-ivory-60)) } +html[data-theme='dark'] .sf-c-txt-ivory\:70\:dark, html.dark .sf-c-txt-ivory\:70\:dark { color: hsl(var(--sf-dark-c-txt-ivory-70)) } +html[data-theme='dark'] .sf-c-txt-ivory\:80\:dark, html.dark .sf-c-txt-ivory\:80\:dark { color: hsl(var(--sf-dark-c-txt-ivory-80)) } +html[data-theme='dark'] .sf-c-txt-ivory\:90\:dark, html.dark .sf-c-txt-ivory\:90\:dark { color: hsl(var(--sf-dark-c-txt-ivory-90)) } +html[data-theme='dark'] .sf-c-txt-ivory\:100\:dark, html.dark .sf-c-txt-ivory\:100\:dark { color: hsl(var(--sf-dark-c-txt-ivory-100)) } + html.var[data-theme='dark'] .sf-c-ivory, html.var.dark .sf-c-ivory { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 3%) } html.var[data-theme='dark'] .sf-c-ivory\:0, html.var.dark .sf-c-ivory\:0 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 100%) } html.var[data-theme='dark'] .sf-c-ivory\:10, html.var.dark .sf-c-ivory\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-ivory\:80\:dark, html.var.dark .sf-c-ivory\:80 html.var[data-theme='dark'] .sf-c-ivory\:90\:dark, html.var.dark .sf-c-ivory\:90\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } html.var[data-theme='dark'] .sf-c-ivory\:100\:dark, html.var.dark .sf-c-ivory\:100\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-ivory, html.dark .sf-c-txt-ivory { color: hsl(60, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:0, html.dark .sf-c-txt-ivory\:0 { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:10, html.dark .sf-c-txt-ivory\:10 { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:20, html.dark .sf-c-txt-ivory\:20 { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:30, html.dark .sf-c-txt-ivory\:30 { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:40, html.dark .sf-c-txt-ivory\:40 { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:50, html.dark .sf-c-txt-ivory\:50 { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:60, html.dark .sf-c-txt-ivory\:60 { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:70, html.dark .sf-c-txt-ivory\:70 { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:80, html.dark .sf-c-txt-ivory\:80 { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:90, html.dark .sf-c-txt-ivory\:90 { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:100, html.dark .sf-c-txt-ivory\:100 { color: hsl(60, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-ivory\:dark, html.dark .sf-c-txt-ivory\:dark { color: hsl(60, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:0\:dark, html.dark .sf-c-txt-ivory\:0\:dark { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:10\:dark, html.dark .sf-c-txt-ivory\:10\:dark { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:20\:dark, html.dark .sf-c-txt-ivory\:20\:dark { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:30\:dark, html.dark .sf-c-txt-ivory\:30\:dark { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:40\:dark, html.dark .sf-c-txt-ivory\:40\:dark { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:50\:dark, html.dark .sf-c-txt-ivory\:50\:dark { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:60\:dark, html.dark .sf-c-txt-ivory\:60\:dark { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:70\:dark, html.dark .sf-c-txt-ivory\:70\:dark { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:80\:dark, html.dark .sf-c-txt-ivory\:80\:dark { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:90\:dark, html.dark .sf-c-txt-ivory\:90\:dark { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:100\:dark, html.dark .sf-c-txt-ivory\:100\:dark { color: hsl(60, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-ivory, html.auto .sf-c-ivory { color: hsl(var(--sf-dark-c-txt-ivory-90)); background: hsl(var(--sf-dark-c-ivory)) } html[data-theme='auto'] .sf-c-ivory\:0, html.auto .sf-c-ivory\:0 { color: hsl(var(--sf-dark-c-txt-ivory-90)); background: hsl(var(--sf-dark-c-ivory-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-ivory\:100\:dark, html.var.dark .sf-c-ivory\:1 html[data-theme='auto'] .sf-c-ivory\:90\:dark, html.auto .sf-c-ivory\:90\:dark { color: hsl(var(--sf-c-txt-ivory-90)); background: hsl(var(--sf-c-ivory-10)) } html[data-theme='auto'] .sf-c-ivory\:100\:dark, html.auto .sf-c-ivory\:100\:dark { color: hsl(var(--sf-c-txt-ivory-90)); background: hsl(var(--sf-c-ivory-0)) } + html[data-theme='auto'] .sf-c-txt-ivory, html.auto .sf-c-txt-ivory { color: hsl(var(--sf-c-txt-ivory)) } + html[data-theme='auto'] .sf-c-txt-ivory\:0, html.auto .sf-c-txt-ivory\:0 { color: hsl(var(--sf-c-txt-ivory-0)) } + html[data-theme='auto'] .sf-c-txt-ivory\:10, html.auto .sf-c-txt-ivory\:10 { color: hsl(var(--sf-c-txt-ivory-10)) } + html[data-theme='auto'] .sf-c-txt-ivory\:20, html.auto .sf-c-txt-ivory\:20 { color: hsl(var(--sf-c-txt-ivory-20)) } + html[data-theme='auto'] .sf-c-txt-ivory\:30, html.auto .sf-c-txt-ivory\:30 { color: hsl(var(--sf-c-txt-ivory-30)) } + html[data-theme='auto'] .sf-c-txt-ivory\:40, html.auto .sf-c-txt-ivory\:40 { color: hsl(var(--sf-c-txt-ivory-40)) } + html[data-theme='auto'] .sf-c-txt-ivory\:50, html.auto .sf-c-txt-ivory\:50 { color: hsl(var(--sf-c-txt-ivory-50)) } + html[data-theme='auto'] .sf-c-txt-ivory\:60, html.auto .sf-c-txt-ivory\:60 { color: hsl(var(--sf-c-txt-ivory-60)) } + html[data-theme='auto'] .sf-c-txt-ivory\:70, html.auto .sf-c-txt-ivory\:70 { color: hsl(var(--sf-c-txt-ivory-70)) } + html[data-theme='auto'] .sf-c-txt-ivory\:80, html.auto .sf-c-txt-ivory\:80 { color: hsl(var(--sf-c-txt-ivory-80)) } + html[data-theme='auto'] .sf-c-txt-ivory\:90, html.auto .sf-c-txt-ivory\:90 { color: hsl(var(--sf-c-txt-ivory-90)) } + html[data-theme='auto'] .sf-c-txt-ivory\:100, html.auto .sf-c-txt-ivory\:100 { color: hsl(var(--sf-c-txt-ivory-100)) } + + html[data-theme='auto'] .sf-c-txt-ivory\:dark, html.auto .sf-c-txt-ivory\:dark { color: hsl(var(--sf-c-txt-ivory)) } + html[data-theme='auto'] .sf-c-txt-ivory\:0\:dark, html.auto .sf-c-txt-ivory\:0\:dark { color: hsl(var(--sf-c-txt-ivory-0)) } + html[data-theme='auto'] .sf-c-txt-ivory\:10\:dark, html.auto .sf-c-txt-ivory\:10\:dark { color: hsl(var(--sf-c-txt-ivory-10)) } + html[data-theme='auto'] .sf-c-txt-ivory\:20\:dark, html.auto .sf-c-txt-ivory\:20\:dark { color: hsl(var(--sf-c-txt-ivory-20)) } + html[data-theme='auto'] .sf-c-txt-ivory\:30\:dark, html.auto .sf-c-txt-ivory\:30\:dark { color: hsl(var(--sf-c-txt-ivory-30)) } + html[data-theme='auto'] .sf-c-txt-ivory\:40\:dark, html.auto .sf-c-txt-ivory\:40\:dark { color: hsl(var(--sf-c-txt-ivory-40)) } + html[data-theme='auto'] .sf-c-txt-ivory\:50\:dark, html.auto .sf-c-txt-ivory\:50\:dark { color: hsl(var(--sf-c-txt-ivory-50)) } + html[data-theme='auto'] .sf-c-txt-ivory\:60\:dark, html.auto .sf-c-txt-ivory\:60\:dark { color: hsl(var(--sf-c-txt-ivory-60)) } + html[data-theme='auto'] .sf-c-txt-ivory\:70\:dark, html.auto .sf-c-txt-ivory\:70\:dark { color: hsl(var(--sf-c-txt-ivory-70)) } + html[data-theme='auto'] .sf-c-txt-ivory\:80\:dark, html.auto .sf-c-txt-ivory\:80\:dark { color: hsl(var(--sf-c-txt-ivory-80)) } + html[data-theme='auto'] .sf-c-txt-ivory\:90\:dark, html.auto .sf-c-txt-ivory\:90\:dark { color: hsl(var(--sf-c-txt-ivory-90)) } + html[data-theme='auto'] .sf-c-txt-ivory\:100\:dark, html.auto .sf-c-txt-ivory\:100\:dark { color: hsl(var(--sf-c-txt-ivory-100)) } + html.var[data-theme='auto'] .sf-c-ivory, html.var.auto .sf-c-ivory { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 3%) } html.var[data-theme='auto'] .sf-c-ivory\:0, html.var.auto .sf-c-ivory\:0 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 100%) } html.var[data-theme='auto'] .sf-c-ivory\:10, html.var.auto .sf-c-ivory\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-ivory\:100\:dark, html.var.dark .sf-c-ivory\:1 html.var[data-theme='auto'] .sf-c-ivory\:80\:dark, html.var.auto .sf-c-ivory\:80\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } html.var[data-theme='auto'] .sf-c-ivory\:90\:dark, html.var.auto .sf-c-ivory\:90\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } html.var[data-theme='auto'] .sf-c-ivory\:100\:dark, html.var.auto .sf-c-ivory\:100\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } -} -.sf-c-txt-ivory { color: hsl(var(--sf-c-txt-ivory)) } -.sf-c-txt-ivory\:0 { color: hsl(var(--sf-c-txt-ivory-0)) } -.sf-c-txt-ivory\:10 { color: hsl(var(--sf-c-txt-ivory-10)) } -.sf-c-txt-ivory\:20 { color: hsl(var(--sf-c-txt-ivory-20)) } -.sf-c-txt-ivory\:30 { color: hsl(var(--sf-c-txt-ivory-30)) } -.sf-c-txt-ivory\:40 { color: hsl(var(--sf-c-txt-ivory-40)) } -.sf-c-txt-ivory\:50 { color: hsl(var(--sf-c-txt-ivory-50)) } -.sf-c-txt-ivory\:60 { color: hsl(var(--sf-c-txt-ivory-60)) } -.sf-c-txt-ivory\:70 { color: hsl(var(--sf-c-txt-ivory-70)) } -.sf-c-txt-ivory\:80 { color: hsl(var(--sf-c-txt-ivory-80)) } -.sf-c-txt-ivory\:90 { color: hsl(var(--sf-c-txt-ivory-90)) } -.sf-c-txt-ivory\:100 { color: hsl(var(--sf-c-txt-ivory-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-ivory, html.auto .sf-c-txt-ivory { color: hsl(60, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:0, html.auto .sf-c-txt-ivory\:0 { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:10, html.auto .sf-c-txt-ivory\:10 { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:20, html.auto .sf-c-txt-ivory\:20 { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:30, html.auto .sf-c-txt-ivory\:30 { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:40, html.auto .sf-c-txt-ivory\:40 { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:50, html.auto .sf-c-txt-ivory\:50 { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:60, html.auto .sf-c-txt-ivory\:60 { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:70, html.auto .sf-c-txt-ivory\:70 { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:80, html.auto .sf-c-txt-ivory\:80 { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:90, html.auto .sf-c-txt-ivory\:90 { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:100, html.auto .sf-c-txt-ivory\:100 { color: hsl(60, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-ivory\:dark, html.auto .sf-c-txt-ivory\:dark { color: hsl(60, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:0\:dark, html.auto .sf-c-txt-ivory\:0\:dark { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:10\:dark, html.auto .sf-c-txt-ivory\:10\:dark { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:20\:dark, html.auto .sf-c-txt-ivory\:20\:dark { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:30\:dark, html.auto .sf-c-txt-ivory\:30\:dark { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:40\:dark, html.auto .sf-c-txt-ivory\:40\:dark { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:50\:dark, html.auto .sf-c-txt-ivory\:50\:dark { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:60\:dark, html.auto .sf-c-txt-ivory\:60\:dark { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:70\:dark, html.auto .sf-c-txt-ivory\:70\:dark { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:80\:dark, html.auto .sf-c-txt-ivory\:80\:dark { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:90\:dark, html.auto .sf-c-txt-ivory\:90\:dark { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:100\:dark, html.auto .sf-c-txt-ivory\:100\:dark { color: hsl(60, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/khaki.css b/src/colors/10/khaki.css index 77a2436..fc81883 100644 --- a/src/colors/10/khaki.css +++ b/src/colors/10/khaki.css @@ -78,6 +78,32 @@ html.var .sf-c-khaki\:80 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 80 html.var .sf-c-khaki\:90 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 90%) } html.var .sf-c-khaki\:100 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 100%) } +.sf-c-txt-khaki { color: hsl(var(--sf-dark-c-txt-khaki)) } +.sf-c-txt-khaki\:0 { color: hsl(var(--sf-dark-c-txt-khaki-100)) } +.sf-c-txt-khaki\:10 { color: hsl(var(--sf-dark-c-txt-khaki-90)) } +.sf-c-txt-khaki\:20 { color: hsl(var(--sf-dark-c-txt-khaki-80)) } +.sf-c-txt-khaki\:30 { color: hsl(var(--sf-dark-c-txt-khaki-70)) } +.sf-c-txt-khaki\:40 { color: hsl(var(--sf-dark-c-txt-khaki-60)) } +.sf-c-txt-khaki\:50 { color: hsl(var(--sf-dark-c-txt-khaki-50)) } +.sf-c-txt-khaki\:60 { color: hsl(var(--sf-dark-c-txt-khaki-40)) } +.sf-c-txt-khaki\:70 { color: hsl(var(--sf-dark-c-txt-khaki-30)) } +.sf-c-txt-khaki\:80 { color: hsl(var(--sf-dark-c-txt-khaki-20)) } +.sf-c-txt-khaki\:90 { color: hsl(var(--sf-dark-c-txt-khaki-10)) } +.sf-c-txt-khaki\:100 { color: hsl(var(--sf-dark-c-txt-khaki-0)) } + +html.var .sf-c-txt-khaki { color: hsl(54, 77%, 25%) } +html.var .sf-c-txt-khaki\:0 { color: hsl(54, 77%, 100%) } +html.var .sf-c-txt-khaki\:10 { color: hsl(54, 77%, 90%) } +html.var .sf-c-txt-khaki\:20 { color: hsl(54, 77%, 80%) } +html.var .sf-c-txt-khaki\:30 { color: hsl(54, 77%, 70%) } +html.var .sf-c-txt-khaki\:40 { color: hsl(54, 77%, 60%) } +html.var .sf-c-txt-khaki\:50 { color: hsl(54, 77%, 50%) } +html.var .sf-c-txt-khaki\:60 { color: hsl(54, 77%, 40%) } +html.var .sf-c-txt-khaki\:70 { color: hsl(54, 77%, 30%) } +html.var .sf-c-txt-khaki\:80 { color: hsl(54, 77%, 20%) } +html.var .sf-c-txt-khaki\:90 { color: hsl(54, 77%, 10%) } +html.var .sf-c-txt-khaki\:100 { color: hsl(54, 77%, 0%) } + html[data-theme='dark'] .sf-c-khaki, html.dark .sf-c-khaki { color: hsl(var(--sf-dark-c-txt-khaki-90)); background: hsl(var(--sf-dark-c-khaki)) } html[data-theme='dark'] .sf-c-khaki\:0, html.dark .sf-c-khaki\:0 { color: hsl(var(--sf-dark-c-txt-khaki-90)); background: hsl(var(--sf-dark-c-khaki-100)) } html[data-theme='dark'] .sf-c-khaki\:10, html.dark .sf-c-khaki\:10 { color: hsl(var(--sf-dark-c-txt-khaki-10)); background: hsl(var(--sf-dark-c-khaki-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-khaki\:80\:dark, html.dark .sf-c-khaki\:80\:dark { html[data-theme='dark'] .sf-c-khaki\:90\:dark, html.dark .sf-c-khaki\:90\:dark { color: hsl(var(--sf-c-txt-khaki-90)); background: hsl(var(--sf-c-khaki-10)) } html[data-theme='dark'] .sf-c-khaki\:100\:dark, html.dark .sf-c-khaki\:100\:dark { color: hsl(var(--sf-c-txt-khaki-90)); background: hsl(var(--sf-c-khaki-0)) } +html[data-theme='dark'] .sf-c-txt-khaki, html.dark .sf-c-txt-khaki { color: hsl(var(--sf-c-txt-khaki)) } +html[data-theme='dark'] .sf-c-txt-khaki\:0, html.dark .sf-c-txt-khaki\:0 { color: hsl(var(--sf-c-txt-khaki-0)) } +html[data-theme='dark'] .sf-c-txt-khaki\:10, html.dark .sf-c-txt-khaki\:10 { color: hsl(var(--sf-c-txt-khaki-10)) } +html[data-theme='dark'] .sf-c-txt-khaki\:20, html.dark .sf-c-txt-khaki\:20 { color: hsl(var(--sf-c-txt-khaki-20)) } +html[data-theme='dark'] .sf-c-txt-khaki\:30, html.dark .sf-c-txt-khaki\:30 { color: hsl(var(--sf-c-txt-khaki-30)) } +html[data-theme='dark'] .sf-c-txt-khaki\:40, html.dark .sf-c-txt-khaki\:40 { color: hsl(var(--sf-c-txt-khaki-40)) } +html[data-theme='dark'] .sf-c-txt-khaki\:50, html.dark .sf-c-txt-khaki\:50 { color: hsl(var(--sf-c-txt-khaki-50)) } +html[data-theme='dark'] .sf-c-txt-khaki\:60, html.dark .sf-c-txt-khaki\:60 { color: hsl(var(--sf-c-txt-khaki-60)) } +html[data-theme='dark'] .sf-c-txt-khaki\:70, html.dark .sf-c-txt-khaki\:70 { color: hsl(var(--sf-c-txt-khaki-70)) } +html[data-theme='dark'] .sf-c-txt-khaki\:80, html.dark .sf-c-txt-khaki\:80 { color: hsl(var(--sf-c-txt-khaki-80)) } +html[data-theme='dark'] .sf-c-txt-khaki\:90, html.dark .sf-c-txt-khaki\:90 { color: hsl(var(--sf-c-txt-khaki-90)) } +html[data-theme='dark'] .sf-c-txt-khaki\:100, html.dark .sf-c-txt-khaki\:100 { color: hsl(var(--sf-c-txt-khaki-100)) } + +html[data-theme='dark'] .sf-c-txt-khaki\:dark, html.dark .sf-c-txt-khaki\:dark { color: hsl(var(--sf-c-txt-khaki)) } +html[data-theme='dark'] .sf-c-txt-khaki\:0\:dark, html.dark .sf-c-txt-khaki\:0\:dark { color: hsl(var(--sf-dark-c-txt-khaki-0)) } +html[data-theme='dark'] .sf-c-txt-khaki\:10\:dark, html.dark .sf-c-txt-khaki\:10\:dark { color: hsl(var(--sf-dark-c-txt-khaki-10)) } +html[data-theme='dark'] .sf-c-txt-khaki\:20\:dark, html.dark .sf-c-txt-khaki\:20\:dark { color: hsl(var(--sf-dark-c-txt-khaki-20)) } +html[data-theme='dark'] .sf-c-txt-khaki\:30\:dark, html.dark .sf-c-txt-khaki\:30\:dark { color: hsl(var(--sf-dark-c-txt-khaki-30)) } +html[data-theme='dark'] .sf-c-txt-khaki\:40\:dark, html.dark .sf-c-txt-khaki\:40\:dark { color: hsl(var(--sf-dark-c-txt-khaki-40)) } +html[data-theme='dark'] .sf-c-txt-khaki\:50\:dark, html.dark .sf-c-txt-khaki\:50\:dark { color: hsl(var(--sf-dark-c-txt-khaki-50)) } +html[data-theme='dark'] .sf-c-txt-khaki\:60\:dark, html.dark .sf-c-txt-khaki\:60\:dark { color: hsl(var(--sf-dark-c-txt-khaki-60)) } +html[data-theme='dark'] .sf-c-txt-khaki\:70\:dark, html.dark .sf-c-txt-khaki\:70\:dark { color: hsl(var(--sf-dark-c-txt-khaki-70)) } +html[data-theme='dark'] .sf-c-txt-khaki\:80\:dark, html.dark .sf-c-txt-khaki\:80\:dark { color: hsl(var(--sf-dark-c-txt-khaki-80)) } +html[data-theme='dark'] .sf-c-txt-khaki\:90\:dark, html.dark .sf-c-txt-khaki\:90\:dark { color: hsl(var(--sf-dark-c-txt-khaki-90)) } +html[data-theme='dark'] .sf-c-txt-khaki\:100\:dark, html.dark .sf-c-txt-khaki\:100\:dark { color: hsl(var(--sf-dark-c-txt-khaki-100)) } + html.var[data-theme='dark'] .sf-c-khaki, html.var.dark .sf-c-khaki { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 25%) } html.var[data-theme='dark'] .sf-c-khaki\:0, html.var.dark .sf-c-khaki\:0 { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 100%) } html.var[data-theme='dark'] .sf-c-khaki\:10, html.var.dark .sf-c-khaki\:10 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-khaki\:80\:dark, html.var.dark .sf-c-khaki\:80 html.var[data-theme='dark'] .sf-c-khaki\:90\:dark, html.var.dark .sf-c-khaki\:90\:dark { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 10%) } html.var[data-theme='dark'] .sf-c-khaki\:100\:dark, html.var.dark .sf-c-khaki\:100\:dark { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-khaki, html.dark .sf-c-txt-khaki { color: hsl(54, 77%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:0, html.dark .sf-c-txt-khaki\:0 { color: hsl(54, 77%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:10, html.dark .sf-c-txt-khaki\:10 { color: hsl(54, 77%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:20, html.dark .sf-c-txt-khaki\:20 { color: hsl(54, 77%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:30, html.dark .sf-c-txt-khaki\:30 { color: hsl(54, 77%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:40, html.dark .sf-c-txt-khaki\:40 { color: hsl(54, 77%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:50, html.dark .sf-c-txt-khaki\:50 { color: hsl(54, 77%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:60, html.dark .sf-c-txt-khaki\:60 { color: hsl(54, 77%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:70, html.dark .sf-c-txt-khaki\:70 { color: hsl(54, 77%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:80, html.dark .sf-c-txt-khaki\:80 { color: hsl(54, 77%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:90, html.dark .sf-c-txt-khaki\:90 { color: hsl(54, 77%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:100, html.dark .sf-c-txt-khaki\:100 { color: hsl(54, 77%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-khaki\:dark, html.dark .sf-c-txt-khaki\:dark { color: hsl(54, 77%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:0\:dark, html.dark .sf-c-txt-khaki\:0\:dark { color: hsl(54, 77%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:10\:dark, html.dark .sf-c-txt-khaki\:10\:dark { color: hsl(54, 77%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:20\:dark, html.dark .sf-c-txt-khaki\:20\:dark { color: hsl(54, 77%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:30\:dark, html.dark .sf-c-txt-khaki\:30\:dark { color: hsl(54, 77%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:40\:dark, html.dark .sf-c-txt-khaki\:40\:dark { color: hsl(54, 77%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:50\:dark, html.dark .sf-c-txt-khaki\:50\:dark { color: hsl(54, 77%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:60\:dark, html.dark .sf-c-txt-khaki\:60\:dark { color: hsl(54, 77%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:70\:dark, html.dark .sf-c-txt-khaki\:70\:dark { color: hsl(54, 77%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:80\:dark, html.dark .sf-c-txt-khaki\:80\:dark { color: hsl(54, 77%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:90\:dark, html.dark .sf-c-txt-khaki\:90\:dark { color: hsl(54, 77%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:100\:dark, html.dark .sf-c-txt-khaki\:100\:dark { color: hsl(54, 77%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-khaki, html.auto .sf-c-khaki { color: hsl(var(--sf-dark-c-txt-khaki-90)); background: hsl(var(--sf-dark-c-khaki)) } html[data-theme='auto'] .sf-c-khaki\:0, html.auto .sf-c-khaki\:0 { color: hsl(var(--sf-dark-c-txt-khaki-90)); background: hsl(var(--sf-dark-c-khaki-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-khaki\:100\:dark, html.var.dark .sf-c-khaki\:1 html[data-theme='auto'] .sf-c-khaki\:90\:dark, html.auto .sf-c-khaki\:90\:dark { color: hsl(var(--sf-c-txt-khaki-90)); background: hsl(var(--sf-c-khaki-10)) } html[data-theme='auto'] .sf-c-khaki\:100\:dark, html.auto .sf-c-khaki\:100\:dark { color: hsl(var(--sf-c-txt-khaki-90)); background: hsl(var(--sf-c-khaki-0)) } + html[data-theme='auto'] .sf-c-txt-khaki, html.auto .sf-c-txt-khaki { color: hsl(var(--sf-c-txt-khaki)) } + html[data-theme='auto'] .sf-c-txt-khaki\:0, html.auto .sf-c-txt-khaki\:0 { color: hsl(var(--sf-c-txt-khaki-0)) } + html[data-theme='auto'] .sf-c-txt-khaki\:10, html.auto .sf-c-txt-khaki\:10 { color: hsl(var(--sf-c-txt-khaki-10)) } + html[data-theme='auto'] .sf-c-txt-khaki\:20, html.auto .sf-c-txt-khaki\:20 { color: hsl(var(--sf-c-txt-khaki-20)) } + html[data-theme='auto'] .sf-c-txt-khaki\:30, html.auto .sf-c-txt-khaki\:30 { color: hsl(var(--sf-c-txt-khaki-30)) } + html[data-theme='auto'] .sf-c-txt-khaki\:40, html.auto .sf-c-txt-khaki\:40 { color: hsl(var(--sf-c-txt-khaki-40)) } + html[data-theme='auto'] .sf-c-txt-khaki\:50, html.auto .sf-c-txt-khaki\:50 { color: hsl(var(--sf-c-txt-khaki-50)) } + html[data-theme='auto'] .sf-c-txt-khaki\:60, html.auto .sf-c-txt-khaki\:60 { color: hsl(var(--sf-c-txt-khaki-60)) } + html[data-theme='auto'] .sf-c-txt-khaki\:70, html.auto .sf-c-txt-khaki\:70 { color: hsl(var(--sf-c-txt-khaki-70)) } + html[data-theme='auto'] .sf-c-txt-khaki\:80, html.auto .sf-c-txt-khaki\:80 { color: hsl(var(--sf-c-txt-khaki-80)) } + html[data-theme='auto'] .sf-c-txt-khaki\:90, html.auto .sf-c-txt-khaki\:90 { color: hsl(var(--sf-c-txt-khaki-90)) } + html[data-theme='auto'] .sf-c-txt-khaki\:100, html.auto .sf-c-txt-khaki\:100 { color: hsl(var(--sf-c-txt-khaki-100)) } + + html[data-theme='auto'] .sf-c-txt-khaki\:dark, html.auto .sf-c-txt-khaki\:dark { color: hsl(var(--sf-c-txt-khaki)) } + html[data-theme='auto'] .sf-c-txt-khaki\:0\:dark, html.auto .sf-c-txt-khaki\:0\:dark { color: hsl(var(--sf-c-txt-khaki-0)) } + html[data-theme='auto'] .sf-c-txt-khaki\:10\:dark, html.auto .sf-c-txt-khaki\:10\:dark { color: hsl(var(--sf-c-txt-khaki-10)) } + html[data-theme='auto'] .sf-c-txt-khaki\:20\:dark, html.auto .sf-c-txt-khaki\:20\:dark { color: hsl(var(--sf-c-txt-khaki-20)) } + html[data-theme='auto'] .sf-c-txt-khaki\:30\:dark, html.auto .sf-c-txt-khaki\:30\:dark { color: hsl(var(--sf-c-txt-khaki-30)) } + html[data-theme='auto'] .sf-c-txt-khaki\:40\:dark, html.auto .sf-c-txt-khaki\:40\:dark { color: hsl(var(--sf-c-txt-khaki-40)) } + html[data-theme='auto'] .sf-c-txt-khaki\:50\:dark, html.auto .sf-c-txt-khaki\:50\:dark { color: hsl(var(--sf-c-txt-khaki-50)) } + html[data-theme='auto'] .sf-c-txt-khaki\:60\:dark, html.auto .sf-c-txt-khaki\:60\:dark { color: hsl(var(--sf-c-txt-khaki-60)) } + html[data-theme='auto'] .sf-c-txt-khaki\:70\:dark, html.auto .sf-c-txt-khaki\:70\:dark { color: hsl(var(--sf-c-txt-khaki-70)) } + html[data-theme='auto'] .sf-c-txt-khaki\:80\:dark, html.auto .sf-c-txt-khaki\:80\:dark { color: hsl(var(--sf-c-txt-khaki-80)) } + html[data-theme='auto'] .sf-c-txt-khaki\:90\:dark, html.auto .sf-c-txt-khaki\:90\:dark { color: hsl(var(--sf-c-txt-khaki-90)) } + html[data-theme='auto'] .sf-c-txt-khaki\:100\:dark, html.auto .sf-c-txt-khaki\:100\:dark { color: hsl(var(--sf-c-txt-khaki-100)) } + html.var[data-theme='auto'] .sf-c-khaki, html.var.auto .sf-c-khaki { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 25%) } html.var[data-theme='auto'] .sf-c-khaki\:0, html.var.auto .sf-c-khaki\:0 { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 100%) } html.var[data-theme='auto'] .sf-c-khaki\:10, html.var.auto .sf-c-khaki\:10 { color: hsl(54, 77%, 10%); background: hsl(54, 77%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-khaki\:100\:dark, html.var.dark .sf-c-khaki\:1 html.var[data-theme='auto'] .sf-c-khaki\:80\:dark, html.var.auto .sf-c-khaki\:80\:dark { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 20%) } html.var[data-theme='auto'] .sf-c-khaki\:90\:dark, html.var.auto .sf-c-khaki\:90\:dark { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 10%) } html.var[data-theme='auto'] .sf-c-khaki\:100\:dark, html.var.auto .sf-c-khaki\:100\:dark { color: hsl(54, 77%, 90%); background: hsl(54, 77%, 0%) } -} -.sf-c-txt-khaki { color: hsl(var(--sf-c-txt-khaki)) } -.sf-c-txt-khaki\:0 { color: hsl(var(--sf-c-txt-khaki-0)) } -.sf-c-txt-khaki\:10 { color: hsl(var(--sf-c-txt-khaki-10)) } -.sf-c-txt-khaki\:20 { color: hsl(var(--sf-c-txt-khaki-20)) } -.sf-c-txt-khaki\:30 { color: hsl(var(--sf-c-txt-khaki-30)) } -.sf-c-txt-khaki\:40 { color: hsl(var(--sf-c-txt-khaki-40)) } -.sf-c-txt-khaki\:50 { color: hsl(var(--sf-c-txt-khaki-50)) } -.sf-c-txt-khaki\:60 { color: hsl(var(--sf-c-txt-khaki-60)) } -.sf-c-txt-khaki\:70 { color: hsl(var(--sf-c-txt-khaki-70)) } -.sf-c-txt-khaki\:80 { color: hsl(var(--sf-c-txt-khaki-80)) } -.sf-c-txt-khaki\:90 { color: hsl(var(--sf-c-txt-khaki-90)) } -.sf-c-txt-khaki\:100 { color: hsl(var(--sf-c-txt-khaki-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-khaki, html.auto .sf-c-txt-khaki { color: hsl(54, 77%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:0, html.auto .sf-c-txt-khaki\:0 { color: hsl(54, 77%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:10, html.auto .sf-c-txt-khaki\:10 { color: hsl(54, 77%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:20, html.auto .sf-c-txt-khaki\:20 { color: hsl(54, 77%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:30, html.auto .sf-c-txt-khaki\:30 { color: hsl(54, 77%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:40, html.auto .sf-c-txt-khaki\:40 { color: hsl(54, 77%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:50, html.auto .sf-c-txt-khaki\:50 { color: hsl(54, 77%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:60, html.auto .sf-c-txt-khaki\:60 { color: hsl(54, 77%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:70, html.auto .sf-c-txt-khaki\:70 { color: hsl(54, 77%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:80, html.auto .sf-c-txt-khaki\:80 { color: hsl(54, 77%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:90, html.auto .sf-c-txt-khaki\:90 { color: hsl(54, 77%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:100, html.auto .sf-c-txt-khaki\:100 { color: hsl(54, 77%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-khaki\:dark, html.auto .sf-c-txt-khaki\:dark { color: hsl(54, 77%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:0\:dark, html.auto .sf-c-txt-khaki\:0\:dark { color: hsl(54, 77%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:10\:dark, html.auto .sf-c-txt-khaki\:10\:dark { color: hsl(54, 77%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:20\:dark, html.auto .sf-c-txt-khaki\:20\:dark { color: hsl(54, 77%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:30\:dark, html.auto .sf-c-txt-khaki\:30\:dark { color: hsl(54, 77%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:40\:dark, html.auto .sf-c-txt-khaki\:40\:dark { color: hsl(54, 77%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:50\:dark, html.auto .sf-c-txt-khaki\:50\:dark { color: hsl(54, 77%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:60\:dark, html.auto .sf-c-txt-khaki\:60\:dark { color: hsl(54, 77%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:70\:dark, html.auto .sf-c-txt-khaki\:70\:dark { color: hsl(54, 77%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:80\:dark, html.auto .sf-c-txt-khaki\:80\:dark { color: hsl(54, 77%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:90\:dark, html.auto .sf-c-txt-khaki\:90\:dark { color: hsl(54, 77%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:100\:dark, html.auto .sf-c-txt-khaki\:100\:dark { color: hsl(54, 77%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lavender.css b/src/colors/10/lavender.css index 42750bd..7ae8ee2 100644 --- a/src/colors/10/lavender.css +++ b/src/colors/10/lavender.css @@ -78,6 +78,32 @@ html.var .sf-c-lavender\:80 { color: hsl(240, 67%, 90%); background: hsl(240, 67 html.var .sf-c-lavender\:90 { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 90%) } html.var .sf-c-lavender\:100 { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 100%) } +.sf-c-txt-lavender { color: hsl(var(--sf-dark-c-txt-lavender)) } +.sf-c-txt-lavender\:0 { color: hsl(var(--sf-dark-c-txt-lavender-100)) } +.sf-c-txt-lavender\:10 { color: hsl(var(--sf-dark-c-txt-lavender-90)) } +.sf-c-txt-lavender\:20 { color: hsl(var(--sf-dark-c-txt-lavender-80)) } +.sf-c-txt-lavender\:30 { color: hsl(var(--sf-dark-c-txt-lavender-70)) } +.sf-c-txt-lavender\:40 { color: hsl(var(--sf-dark-c-txt-lavender-60)) } +.sf-c-txt-lavender\:50 { color: hsl(var(--sf-dark-c-txt-lavender-50)) } +.sf-c-txt-lavender\:60 { color: hsl(var(--sf-dark-c-txt-lavender-40)) } +.sf-c-txt-lavender\:70 { color: hsl(var(--sf-dark-c-txt-lavender-30)) } +.sf-c-txt-lavender\:80 { color: hsl(var(--sf-dark-c-txt-lavender-20)) } +.sf-c-txt-lavender\:90 { color: hsl(var(--sf-dark-c-txt-lavender-10)) } +.sf-c-txt-lavender\:100 { color: hsl(var(--sf-dark-c-txt-lavender-0)) } + +html.var .sf-c-txt-lavender { color: hsl(240, 67%, 6%) } +html.var .sf-c-txt-lavender\:0 { color: hsl(240, 67%, 100%) } +html.var .sf-c-txt-lavender\:10 { color: hsl(240, 67%, 90%) } +html.var .sf-c-txt-lavender\:20 { color: hsl(240, 67%, 80%) } +html.var .sf-c-txt-lavender\:30 { color: hsl(240, 67%, 70%) } +html.var .sf-c-txt-lavender\:40 { color: hsl(240, 67%, 60%) } +html.var .sf-c-txt-lavender\:50 { color: hsl(240, 67%, 50%) } +html.var .sf-c-txt-lavender\:60 { color: hsl(240, 67%, 40%) } +html.var .sf-c-txt-lavender\:70 { color: hsl(240, 67%, 30%) } +html.var .sf-c-txt-lavender\:80 { color: hsl(240, 67%, 20%) } +html.var .sf-c-txt-lavender\:90 { color: hsl(240, 67%, 10%) } +html.var .sf-c-txt-lavender\:100 { color: hsl(240, 67%, 0%) } + html[data-theme='dark'] .sf-c-lavender, html.dark .sf-c-lavender { color: hsl(var(--sf-dark-c-txt-lavender-90)); background: hsl(var(--sf-dark-c-lavender)) } html[data-theme='dark'] .sf-c-lavender\:0, html.dark .sf-c-lavender\:0 { color: hsl(var(--sf-dark-c-txt-lavender-90)); background: hsl(var(--sf-dark-c-lavender-100)) } html[data-theme='dark'] .sf-c-lavender\:10, html.dark .sf-c-lavender\:10 { color: hsl(var(--sf-dark-c-txt-lavender-10)); background: hsl(var(--sf-dark-c-lavender-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lavender\:80\:dark, html.dark .sf-c-lavender\:80\: html[data-theme='dark'] .sf-c-lavender\:90\:dark, html.dark .sf-c-lavender\:90\:dark { color: hsl(var(--sf-c-txt-lavender-90)); background: hsl(var(--sf-c-lavender-10)) } html[data-theme='dark'] .sf-c-lavender\:100\:dark, html.dark .sf-c-lavender\:100\:dark { color: hsl(var(--sf-c-txt-lavender-90)); background: hsl(var(--sf-c-lavender-0)) } +html[data-theme='dark'] .sf-c-txt-lavender, html.dark .sf-c-txt-lavender { color: hsl(var(--sf-c-txt-lavender)) } +html[data-theme='dark'] .sf-c-txt-lavender\:0, html.dark .sf-c-txt-lavender\:0 { color: hsl(var(--sf-c-txt-lavender-0)) } +html[data-theme='dark'] .sf-c-txt-lavender\:10, html.dark .sf-c-txt-lavender\:10 { color: hsl(var(--sf-c-txt-lavender-10)) } +html[data-theme='dark'] .sf-c-txt-lavender\:20, html.dark .sf-c-txt-lavender\:20 { color: hsl(var(--sf-c-txt-lavender-20)) } +html[data-theme='dark'] .sf-c-txt-lavender\:30, html.dark .sf-c-txt-lavender\:30 { color: hsl(var(--sf-c-txt-lavender-30)) } +html[data-theme='dark'] .sf-c-txt-lavender\:40, html.dark .sf-c-txt-lavender\:40 { color: hsl(var(--sf-c-txt-lavender-40)) } +html[data-theme='dark'] .sf-c-txt-lavender\:50, html.dark .sf-c-txt-lavender\:50 { color: hsl(var(--sf-c-txt-lavender-50)) } +html[data-theme='dark'] .sf-c-txt-lavender\:60, html.dark .sf-c-txt-lavender\:60 { color: hsl(var(--sf-c-txt-lavender-60)) } +html[data-theme='dark'] .sf-c-txt-lavender\:70, html.dark .sf-c-txt-lavender\:70 { color: hsl(var(--sf-c-txt-lavender-70)) } +html[data-theme='dark'] .sf-c-txt-lavender\:80, html.dark .sf-c-txt-lavender\:80 { color: hsl(var(--sf-c-txt-lavender-80)) } +html[data-theme='dark'] .sf-c-txt-lavender\:90, html.dark .sf-c-txt-lavender\:90 { color: hsl(var(--sf-c-txt-lavender-90)) } +html[data-theme='dark'] .sf-c-txt-lavender\:100, html.dark .sf-c-txt-lavender\:100 { color: hsl(var(--sf-c-txt-lavender-100)) } + +html[data-theme='dark'] .sf-c-txt-lavender\:dark, html.dark .sf-c-txt-lavender\:dark { color: hsl(var(--sf-c-txt-lavender)) } +html[data-theme='dark'] .sf-c-txt-lavender\:0\:dark, html.dark .sf-c-txt-lavender\:0\:dark { color: hsl(var(--sf-dark-c-txt-lavender-0)) } +html[data-theme='dark'] .sf-c-txt-lavender\:10\:dark, html.dark .sf-c-txt-lavender\:10\:dark { color: hsl(var(--sf-dark-c-txt-lavender-10)) } +html[data-theme='dark'] .sf-c-txt-lavender\:20\:dark, html.dark .sf-c-txt-lavender\:20\:dark { color: hsl(var(--sf-dark-c-txt-lavender-20)) } +html[data-theme='dark'] .sf-c-txt-lavender\:30\:dark, html.dark .sf-c-txt-lavender\:30\:dark { color: hsl(var(--sf-dark-c-txt-lavender-30)) } +html[data-theme='dark'] .sf-c-txt-lavender\:40\:dark, html.dark .sf-c-txt-lavender\:40\:dark { color: hsl(var(--sf-dark-c-txt-lavender-40)) } +html[data-theme='dark'] .sf-c-txt-lavender\:50\:dark, html.dark .sf-c-txt-lavender\:50\:dark { color: hsl(var(--sf-dark-c-txt-lavender-50)) } +html[data-theme='dark'] .sf-c-txt-lavender\:60\:dark, html.dark .sf-c-txt-lavender\:60\:dark { color: hsl(var(--sf-dark-c-txt-lavender-60)) } +html[data-theme='dark'] .sf-c-txt-lavender\:70\:dark, html.dark .sf-c-txt-lavender\:70\:dark { color: hsl(var(--sf-dark-c-txt-lavender-70)) } +html[data-theme='dark'] .sf-c-txt-lavender\:80\:dark, html.dark .sf-c-txt-lavender\:80\:dark { color: hsl(var(--sf-dark-c-txt-lavender-80)) } +html[data-theme='dark'] .sf-c-txt-lavender\:90\:dark, html.dark .sf-c-txt-lavender\:90\:dark { color: hsl(var(--sf-dark-c-txt-lavender-90)) } +html[data-theme='dark'] .sf-c-txt-lavender\:100\:dark, html.dark .sf-c-txt-lavender\:100\:dark { color: hsl(var(--sf-dark-c-txt-lavender-100)) } + html.var[data-theme='dark'] .sf-c-lavender, html.var.dark .sf-c-lavender { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 6%) } html.var[data-theme='dark'] .sf-c-lavender\:0, html.var.dark .sf-c-lavender\:0 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 100%) } html.var[data-theme='dark'] .sf-c-lavender\:10, html.var.dark .sf-c-lavender\:10 { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lavender\:80\:dark, html.var.dark .sf-c-lavend html.var[data-theme='dark'] .sf-c-lavender\:90\:dark, html.var.dark .sf-c-lavender\:90\:dark { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 10%) } html.var[data-theme='dark'] .sf-c-lavender\:100\:dark, html.var.dark .sf-c-lavender\:100\:dark { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lavender, html.dark .sf-c-txt-lavender { color: hsl(240, 67%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:0, html.dark .sf-c-txt-lavender\:0 { color: hsl(240, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:10, html.dark .sf-c-txt-lavender\:10 { color: hsl(240, 67%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:20, html.dark .sf-c-txt-lavender\:20 { color: hsl(240, 67%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:30, html.dark .sf-c-txt-lavender\:30 { color: hsl(240, 67%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:40, html.dark .sf-c-txt-lavender\:40 { color: hsl(240, 67%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:50, html.dark .sf-c-txt-lavender\:50 { color: hsl(240, 67%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:60, html.dark .sf-c-txt-lavender\:60 { color: hsl(240, 67%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:70, html.dark .sf-c-txt-lavender\:70 { color: hsl(240, 67%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:80, html.dark .sf-c-txt-lavender\:80 { color: hsl(240, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:90, html.dark .sf-c-txt-lavender\:90 { color: hsl(240, 67%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:100, html.dark .sf-c-txt-lavender\:100 { color: hsl(240, 67%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lavender\:dark, html.dark .sf-c-txt-lavender\:dark { color: hsl(240, 67%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:0\:dark, html.dark .sf-c-txt-lavender\:0\:dark { color: hsl(240, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:10\:dark, html.dark .sf-c-txt-lavender\:10\:dark { color: hsl(240, 67%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:20\:dark, html.dark .sf-c-txt-lavender\:20\:dark { color: hsl(240, 67%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:30\:dark, html.dark .sf-c-txt-lavender\:30\:dark { color: hsl(240, 67%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:40\:dark, html.dark .sf-c-txt-lavender\:40\:dark { color: hsl(240, 67%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:50\:dark, html.dark .sf-c-txt-lavender\:50\:dark { color: hsl(240, 67%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:60\:dark, html.dark .sf-c-txt-lavender\:60\:dark { color: hsl(240, 67%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:70\:dark, html.dark .sf-c-txt-lavender\:70\:dark { color: hsl(240, 67%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:80\:dark, html.dark .sf-c-txt-lavender\:80\:dark { color: hsl(240, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:90\:dark, html.dark .sf-c-txt-lavender\:90\:dark { color: hsl(240, 67%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:100\:dark, html.dark .sf-c-txt-lavender\:100\:dark { color: hsl(240, 67%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lavender, html.auto .sf-c-lavender { color: hsl(var(--sf-dark-c-txt-lavender-90)); background: hsl(var(--sf-dark-c-lavender)) } html[data-theme='auto'] .sf-c-lavender\:0, html.auto .sf-c-lavender\:0 { color: hsl(var(--sf-dark-c-txt-lavender-90)); background: hsl(var(--sf-dark-c-lavender-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lavender\:100\:dark, html.var.dark .sf-c-laven html[data-theme='auto'] .sf-c-lavender\:90\:dark, html.auto .sf-c-lavender\:90\:dark { color: hsl(var(--sf-c-txt-lavender-90)); background: hsl(var(--sf-c-lavender-10)) } html[data-theme='auto'] .sf-c-lavender\:100\:dark, html.auto .sf-c-lavender\:100\:dark { color: hsl(var(--sf-c-txt-lavender-90)); background: hsl(var(--sf-c-lavender-0)) } + html[data-theme='auto'] .sf-c-txt-lavender, html.auto .sf-c-txt-lavender { color: hsl(var(--sf-c-txt-lavender)) } + html[data-theme='auto'] .sf-c-txt-lavender\:0, html.auto .sf-c-txt-lavender\:0 { color: hsl(var(--sf-c-txt-lavender-0)) } + html[data-theme='auto'] .sf-c-txt-lavender\:10, html.auto .sf-c-txt-lavender\:10 { color: hsl(var(--sf-c-txt-lavender-10)) } + html[data-theme='auto'] .sf-c-txt-lavender\:20, html.auto .sf-c-txt-lavender\:20 { color: hsl(var(--sf-c-txt-lavender-20)) } + html[data-theme='auto'] .sf-c-txt-lavender\:30, html.auto .sf-c-txt-lavender\:30 { color: hsl(var(--sf-c-txt-lavender-30)) } + html[data-theme='auto'] .sf-c-txt-lavender\:40, html.auto .sf-c-txt-lavender\:40 { color: hsl(var(--sf-c-txt-lavender-40)) } + html[data-theme='auto'] .sf-c-txt-lavender\:50, html.auto .sf-c-txt-lavender\:50 { color: hsl(var(--sf-c-txt-lavender-50)) } + html[data-theme='auto'] .sf-c-txt-lavender\:60, html.auto .sf-c-txt-lavender\:60 { color: hsl(var(--sf-c-txt-lavender-60)) } + html[data-theme='auto'] .sf-c-txt-lavender\:70, html.auto .sf-c-txt-lavender\:70 { color: hsl(var(--sf-c-txt-lavender-70)) } + html[data-theme='auto'] .sf-c-txt-lavender\:80, html.auto .sf-c-txt-lavender\:80 { color: hsl(var(--sf-c-txt-lavender-80)) } + html[data-theme='auto'] .sf-c-txt-lavender\:90, html.auto .sf-c-txt-lavender\:90 { color: hsl(var(--sf-c-txt-lavender-90)) } + html[data-theme='auto'] .sf-c-txt-lavender\:100, html.auto .sf-c-txt-lavender\:100 { color: hsl(var(--sf-c-txt-lavender-100)) } + + html[data-theme='auto'] .sf-c-txt-lavender\:dark, html.auto .sf-c-txt-lavender\:dark { color: hsl(var(--sf-c-txt-lavender)) } + html[data-theme='auto'] .sf-c-txt-lavender\:0\:dark, html.auto .sf-c-txt-lavender\:0\:dark { color: hsl(var(--sf-c-txt-lavender-0)) } + html[data-theme='auto'] .sf-c-txt-lavender\:10\:dark, html.auto .sf-c-txt-lavender\:10\:dark { color: hsl(var(--sf-c-txt-lavender-10)) } + html[data-theme='auto'] .sf-c-txt-lavender\:20\:dark, html.auto .sf-c-txt-lavender\:20\:dark { color: hsl(var(--sf-c-txt-lavender-20)) } + html[data-theme='auto'] .sf-c-txt-lavender\:30\:dark, html.auto .sf-c-txt-lavender\:30\:dark { color: hsl(var(--sf-c-txt-lavender-30)) } + html[data-theme='auto'] .sf-c-txt-lavender\:40\:dark, html.auto .sf-c-txt-lavender\:40\:dark { color: hsl(var(--sf-c-txt-lavender-40)) } + html[data-theme='auto'] .sf-c-txt-lavender\:50\:dark, html.auto .sf-c-txt-lavender\:50\:dark { color: hsl(var(--sf-c-txt-lavender-50)) } + html[data-theme='auto'] .sf-c-txt-lavender\:60\:dark, html.auto .sf-c-txt-lavender\:60\:dark { color: hsl(var(--sf-c-txt-lavender-60)) } + html[data-theme='auto'] .sf-c-txt-lavender\:70\:dark, html.auto .sf-c-txt-lavender\:70\:dark { color: hsl(var(--sf-c-txt-lavender-70)) } + html[data-theme='auto'] .sf-c-txt-lavender\:80\:dark, html.auto .sf-c-txt-lavender\:80\:dark { color: hsl(var(--sf-c-txt-lavender-80)) } + html[data-theme='auto'] .sf-c-txt-lavender\:90\:dark, html.auto .sf-c-txt-lavender\:90\:dark { color: hsl(var(--sf-c-txt-lavender-90)) } + html[data-theme='auto'] .sf-c-txt-lavender\:100\:dark, html.auto .sf-c-txt-lavender\:100\:dark { color: hsl(var(--sf-c-txt-lavender-100)) } + html.var[data-theme='auto'] .sf-c-lavender, html.var.auto .sf-c-lavender { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 6%) } html.var[data-theme='auto'] .sf-c-lavender\:0, html.var.auto .sf-c-lavender\:0 { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 100%) } html.var[data-theme='auto'] .sf-c-lavender\:10, html.var.auto .sf-c-lavender\:10 { color: hsl(240, 67%, 10%); background: hsl(240, 67%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lavender\:100\:dark, html.var.dark .sf-c-laven html.var[data-theme='auto'] .sf-c-lavender\:80\:dark, html.var.auto .sf-c-lavender\:80\:dark { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 20%) } html.var[data-theme='auto'] .sf-c-lavender\:90\:dark, html.var.auto .sf-c-lavender\:90\:dark { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 10%) } html.var[data-theme='auto'] .sf-c-lavender\:100\:dark, html.var.auto .sf-c-lavender\:100\:dark { color: hsl(240, 67%, 90%); background: hsl(240, 67%, 0%) } -} -.sf-c-txt-lavender { color: hsl(var(--sf-c-txt-lavender)) } -.sf-c-txt-lavender\:0 { color: hsl(var(--sf-c-txt-lavender-0)) } -.sf-c-txt-lavender\:10 { color: hsl(var(--sf-c-txt-lavender-10)) } -.sf-c-txt-lavender\:20 { color: hsl(var(--sf-c-txt-lavender-20)) } -.sf-c-txt-lavender\:30 { color: hsl(var(--sf-c-txt-lavender-30)) } -.sf-c-txt-lavender\:40 { color: hsl(var(--sf-c-txt-lavender-40)) } -.sf-c-txt-lavender\:50 { color: hsl(var(--sf-c-txt-lavender-50)) } -.sf-c-txt-lavender\:60 { color: hsl(var(--sf-c-txt-lavender-60)) } -.sf-c-txt-lavender\:70 { color: hsl(var(--sf-c-txt-lavender-70)) } -.sf-c-txt-lavender\:80 { color: hsl(var(--sf-c-txt-lavender-80)) } -.sf-c-txt-lavender\:90 { color: hsl(var(--sf-c-txt-lavender-90)) } -.sf-c-txt-lavender\:100 { color: hsl(var(--sf-c-txt-lavender-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lavender, html.auto .sf-c-txt-lavender { color: hsl(240, 67%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:0, html.auto .sf-c-txt-lavender\:0 { color: hsl(240, 67%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:10, html.auto .sf-c-txt-lavender\:10 { color: hsl(240, 67%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:20, html.auto .sf-c-txt-lavender\:20 { color: hsl(240, 67%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:30, html.auto .sf-c-txt-lavender\:30 { color: hsl(240, 67%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:40, html.auto .sf-c-txt-lavender\:40 { color: hsl(240, 67%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:50, html.auto .sf-c-txt-lavender\:50 { color: hsl(240, 67%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:60, html.auto .sf-c-txt-lavender\:60 { color: hsl(240, 67%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:70, html.auto .sf-c-txt-lavender\:70 { color: hsl(240, 67%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:80, html.auto .sf-c-txt-lavender\:80 { color: hsl(240, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:90, html.auto .sf-c-txt-lavender\:90 { color: hsl(240, 67%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:100, html.auto .sf-c-txt-lavender\:100 { color: hsl(240, 67%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lavender\:dark, html.auto .sf-c-txt-lavender\:dark { color: hsl(240, 67%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:0\:dark, html.auto .sf-c-txt-lavender\:0\:dark { color: hsl(240, 67%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:10\:dark, html.auto .sf-c-txt-lavender\:10\:dark { color: hsl(240, 67%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:20\:dark, html.auto .sf-c-txt-lavender\:20\:dark { color: hsl(240, 67%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:30\:dark, html.auto .sf-c-txt-lavender\:30\:dark { color: hsl(240, 67%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:40\:dark, html.auto .sf-c-txt-lavender\:40\:dark { color: hsl(240, 67%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:50\:dark, html.auto .sf-c-txt-lavender\:50\:dark { color: hsl(240, 67%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:60\:dark, html.auto .sf-c-txt-lavender\:60\:dark { color: hsl(240, 67%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:70\:dark, html.auto .sf-c-txt-lavender\:70\:dark { color: hsl(240, 67%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:80\:dark, html.auto .sf-c-txt-lavender\:80\:dark { color: hsl(240, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:90\:dark, html.auto .sf-c-txt-lavender\:90\:dark { color: hsl(240, 67%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:100\:dark, html.auto .sf-c-txt-lavender\:100\:dark { color: hsl(240, 67%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lavenderblush.css b/src/colors/10/lavenderblush.css index 71cc59d..c9f00ab 100644 --- a/src/colors/10/lavenderblush.css +++ b/src/colors/10/lavenderblush.css @@ -78,6 +78,32 @@ html.var .sf-c-lavenderblush\:80 { color: hsl(340, 100%, 10%); background: hsl(3 html.var .sf-c-lavenderblush\:90 { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 90%) } html.var .sf-c-lavenderblush\:100 { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 100%) } +.sf-c-txt-lavenderblush { color: hsl(var(--sf-dark-c-txt-lavenderblush)) } +.sf-c-txt-lavenderblush\:0 { color: hsl(var(--sf-dark-c-txt-lavenderblush-100)) } +.sf-c-txt-lavenderblush\:10 { color: hsl(var(--sf-dark-c-txt-lavenderblush-90)) } +.sf-c-txt-lavenderblush\:20 { color: hsl(var(--sf-dark-c-txt-lavenderblush-80)) } +.sf-c-txt-lavenderblush\:30 { color: hsl(var(--sf-dark-c-txt-lavenderblush-70)) } +.sf-c-txt-lavenderblush\:40 { color: hsl(var(--sf-dark-c-txt-lavenderblush-60)) } +.sf-c-txt-lavenderblush\:50 { color: hsl(var(--sf-dark-c-txt-lavenderblush-50)) } +.sf-c-txt-lavenderblush\:60 { color: hsl(var(--sf-dark-c-txt-lavenderblush-40)) } +.sf-c-txt-lavenderblush\:70 { color: hsl(var(--sf-dark-c-txt-lavenderblush-30)) } +.sf-c-txt-lavenderblush\:80 { color: hsl(var(--sf-dark-c-txt-lavenderblush-20)) } +.sf-c-txt-lavenderblush\:90 { color: hsl(var(--sf-dark-c-txt-lavenderblush-10)) } +.sf-c-txt-lavenderblush\:100 { color: hsl(var(--sf-dark-c-txt-lavenderblush-0)) } + +html.var .sf-c-txt-lavenderblush { color: hsl(340, 100%, 3%) } +html.var .sf-c-txt-lavenderblush\:0 { color: hsl(340, 100%, 100%) } +html.var .sf-c-txt-lavenderblush\:10 { color: hsl(340, 100%, 90%) } +html.var .sf-c-txt-lavenderblush\:20 { color: hsl(340, 100%, 80%) } +html.var .sf-c-txt-lavenderblush\:30 { color: hsl(340, 100%, 70%) } +html.var .sf-c-txt-lavenderblush\:40 { color: hsl(340, 100%, 60%) } +html.var .sf-c-txt-lavenderblush\:50 { color: hsl(340, 100%, 50%) } +html.var .sf-c-txt-lavenderblush\:60 { color: hsl(340, 100%, 40%) } +html.var .sf-c-txt-lavenderblush\:70 { color: hsl(340, 100%, 30%) } +html.var .sf-c-txt-lavenderblush\:80 { color: hsl(340, 100%, 20%) } +html.var .sf-c-txt-lavenderblush\:90 { color: hsl(340, 100%, 10%) } +html.var .sf-c-txt-lavenderblush\:100 { color: hsl(340, 100%, 0%) } + html[data-theme='dark'] .sf-c-lavenderblush, html.dark .sf-c-lavenderblush { color: hsl(var(--sf-dark-c-txt-lavenderblush-90)); background: hsl(var(--sf-dark-c-lavenderblush)) } html[data-theme='dark'] .sf-c-lavenderblush\:0, html.dark .sf-c-lavenderblush\:0 { color: hsl(var(--sf-dark-c-txt-lavenderblush-90)); background: hsl(var(--sf-dark-c-lavenderblush-100)) } html[data-theme='dark'] .sf-c-lavenderblush\:10, html.dark .sf-c-lavenderblush\:10 { color: hsl(var(--sf-dark-c-txt-lavenderblush-10)); background: hsl(var(--sf-dark-c-lavenderblush-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lavenderblush\:80\:dark, html.dark .sf-c-lavenderb html[data-theme='dark'] .sf-c-lavenderblush\:90\:dark, html.dark .sf-c-lavenderblush\:90\:dark { color: hsl(var(--sf-c-txt-lavenderblush-90)); background: hsl(var(--sf-c-lavenderblush-10)) } html[data-theme='dark'] .sf-c-lavenderblush\:100\:dark, html.dark .sf-c-lavenderblush\:100\:dark { color: hsl(var(--sf-c-txt-lavenderblush-90)); background: hsl(var(--sf-c-lavenderblush-0)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush, html.dark .sf-c-txt-lavenderblush { color: hsl(var(--sf-c-txt-lavenderblush)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:0, html.dark .sf-c-txt-lavenderblush\:0 { color: hsl(var(--sf-c-txt-lavenderblush-0)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:10, html.dark .sf-c-txt-lavenderblush\:10 { color: hsl(var(--sf-c-txt-lavenderblush-10)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:20, html.dark .sf-c-txt-lavenderblush\:20 { color: hsl(var(--sf-c-txt-lavenderblush-20)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:30, html.dark .sf-c-txt-lavenderblush\:30 { color: hsl(var(--sf-c-txt-lavenderblush-30)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:40, html.dark .sf-c-txt-lavenderblush\:40 { color: hsl(var(--sf-c-txt-lavenderblush-40)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:50, html.dark .sf-c-txt-lavenderblush\:50 { color: hsl(var(--sf-c-txt-lavenderblush-50)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:60, html.dark .sf-c-txt-lavenderblush\:60 { color: hsl(var(--sf-c-txt-lavenderblush-60)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:70, html.dark .sf-c-txt-lavenderblush\:70 { color: hsl(var(--sf-c-txt-lavenderblush-70)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:80, html.dark .sf-c-txt-lavenderblush\:80 { color: hsl(var(--sf-c-txt-lavenderblush-80)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:90, html.dark .sf-c-txt-lavenderblush\:90 { color: hsl(var(--sf-c-txt-lavenderblush-90)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:100, html.dark .sf-c-txt-lavenderblush\:100 { color: hsl(var(--sf-c-txt-lavenderblush-100)) } + +html[data-theme='dark'] .sf-c-txt-lavenderblush\:dark, html.dark .sf-c-txt-lavenderblush\:dark { color: hsl(var(--sf-c-txt-lavenderblush)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:0\:dark, html.dark .sf-c-txt-lavenderblush\:0\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-0)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:10\:dark, html.dark .sf-c-txt-lavenderblush\:10\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-10)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:20\:dark, html.dark .sf-c-txt-lavenderblush\:20\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-20)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:30\:dark, html.dark .sf-c-txt-lavenderblush\:30\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-30)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:40\:dark, html.dark .sf-c-txt-lavenderblush\:40\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-40)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:50\:dark, html.dark .sf-c-txt-lavenderblush\:50\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-50)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:60\:dark, html.dark .sf-c-txt-lavenderblush\:60\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-60)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:70\:dark, html.dark .sf-c-txt-lavenderblush\:70\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-70)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:80\:dark, html.dark .sf-c-txt-lavenderblush\:80\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-80)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:90\:dark, html.dark .sf-c-txt-lavenderblush\:90\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-90)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:100\:dark, html.dark .sf-c-txt-lavenderblush\:100\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-100)) } + html.var[data-theme='dark'] .sf-c-lavenderblush, html.var.dark .sf-c-lavenderblush { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 3%) } html.var[data-theme='dark'] .sf-c-lavenderblush\:0, html.var.dark .sf-c-lavenderblush\:0 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lavenderblush\:10, html.var.dark .sf-c-lavenderblush\:10 { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lavenderblush\:80\:dark, html.var.dark .sf-c-l html.var[data-theme='dark'] .sf-c-lavenderblush\:90\:dark, html.var.dark .sf-c-lavenderblush\:90\:dark { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 10%) } html.var[data-theme='dark'] .sf-c-lavenderblush\:100\:dark, html.var.dark .sf-c-lavenderblush\:100\:dark { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush, html.dark .sf-c-txt-lavenderblush { color: hsl(340, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:0, html.dark .sf-c-txt-lavenderblush\:0 { color: hsl(340, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:10, html.dark .sf-c-txt-lavenderblush\:10 { color: hsl(340, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:20, html.dark .sf-c-txt-lavenderblush\:20 { color: hsl(340, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:30, html.dark .sf-c-txt-lavenderblush\:30 { color: hsl(340, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:40, html.dark .sf-c-txt-lavenderblush\:40 { color: hsl(340, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:50, html.dark .sf-c-txt-lavenderblush\:50 { color: hsl(340, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:60, html.dark .sf-c-txt-lavenderblush\:60 { color: hsl(340, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:70, html.dark .sf-c-txt-lavenderblush\:70 { color: hsl(340, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:80, html.dark .sf-c-txt-lavenderblush\:80 { color: hsl(340, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:90, html.dark .sf-c-txt-lavenderblush\:90 { color: hsl(340, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:100, html.dark .sf-c-txt-lavenderblush\:100 { color: hsl(340, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:dark, html.dark .sf-c-txt-lavenderblush\:dark { color: hsl(340, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:0\:dark, html.dark .sf-c-txt-lavenderblush\:0\:dark { color: hsl(340, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:10\:dark, html.dark .sf-c-txt-lavenderblush\:10\:dark { color: hsl(340, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:20\:dark, html.dark .sf-c-txt-lavenderblush\:20\:dark { color: hsl(340, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:30\:dark, html.dark .sf-c-txt-lavenderblush\:30\:dark { color: hsl(340, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:40\:dark, html.dark .sf-c-txt-lavenderblush\:40\:dark { color: hsl(340, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:50\:dark, html.dark .sf-c-txt-lavenderblush\:50\:dark { color: hsl(340, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:60\:dark, html.dark .sf-c-txt-lavenderblush\:60\:dark { color: hsl(340, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:70\:dark, html.dark .sf-c-txt-lavenderblush\:70\:dark { color: hsl(340, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:80\:dark, html.dark .sf-c-txt-lavenderblush\:80\:dark { color: hsl(340, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:90\:dark, html.dark .sf-c-txt-lavenderblush\:90\:dark { color: hsl(340, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:100\:dark, html.dark .sf-c-txt-lavenderblush\:100\:dark { color: hsl(340, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lavenderblush, html.auto .sf-c-lavenderblush { color: hsl(var(--sf-dark-c-txt-lavenderblush-90)); background: hsl(var(--sf-dark-c-lavenderblush)) } html[data-theme='auto'] .sf-c-lavenderblush\:0, html.auto .sf-c-lavenderblush\:0 { color: hsl(var(--sf-dark-c-txt-lavenderblush-90)); background: hsl(var(--sf-dark-c-lavenderblush-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lavenderblush\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-lavenderblush\:90\:dark, html.auto .sf-c-lavenderblush\:90\:dark { color: hsl(var(--sf-c-txt-lavenderblush-90)); background: hsl(var(--sf-c-lavenderblush-10)) } html[data-theme='auto'] .sf-c-lavenderblush\:100\:dark, html.auto .sf-c-lavenderblush\:100\:dark { color: hsl(var(--sf-c-txt-lavenderblush-90)); background: hsl(var(--sf-c-lavenderblush-0)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush, html.auto .sf-c-txt-lavenderblush { color: hsl(var(--sf-c-txt-lavenderblush)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:0, html.auto .sf-c-txt-lavenderblush\:0 { color: hsl(var(--sf-c-txt-lavenderblush-0)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:10, html.auto .sf-c-txt-lavenderblush\:10 { color: hsl(var(--sf-c-txt-lavenderblush-10)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:20, html.auto .sf-c-txt-lavenderblush\:20 { color: hsl(var(--sf-c-txt-lavenderblush-20)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:30, html.auto .sf-c-txt-lavenderblush\:30 { color: hsl(var(--sf-c-txt-lavenderblush-30)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:40, html.auto .sf-c-txt-lavenderblush\:40 { color: hsl(var(--sf-c-txt-lavenderblush-40)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:50, html.auto .sf-c-txt-lavenderblush\:50 { color: hsl(var(--sf-c-txt-lavenderblush-50)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:60, html.auto .sf-c-txt-lavenderblush\:60 { color: hsl(var(--sf-c-txt-lavenderblush-60)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:70, html.auto .sf-c-txt-lavenderblush\:70 { color: hsl(var(--sf-c-txt-lavenderblush-70)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:80, html.auto .sf-c-txt-lavenderblush\:80 { color: hsl(var(--sf-c-txt-lavenderblush-80)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:90, html.auto .sf-c-txt-lavenderblush\:90 { color: hsl(var(--sf-c-txt-lavenderblush-90)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:100, html.auto .sf-c-txt-lavenderblush\:100 { color: hsl(var(--sf-c-txt-lavenderblush-100)) } + + html[data-theme='auto'] .sf-c-txt-lavenderblush\:dark, html.auto .sf-c-txt-lavenderblush\:dark { color: hsl(var(--sf-c-txt-lavenderblush)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:0\:dark, html.auto .sf-c-txt-lavenderblush\:0\:dark { color: hsl(var(--sf-c-txt-lavenderblush-0)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:10\:dark, html.auto .sf-c-txt-lavenderblush\:10\:dark { color: hsl(var(--sf-c-txt-lavenderblush-10)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:20\:dark, html.auto .sf-c-txt-lavenderblush\:20\:dark { color: hsl(var(--sf-c-txt-lavenderblush-20)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:30\:dark, html.auto .sf-c-txt-lavenderblush\:30\:dark { color: hsl(var(--sf-c-txt-lavenderblush-30)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:40\:dark, html.auto .sf-c-txt-lavenderblush\:40\:dark { color: hsl(var(--sf-c-txt-lavenderblush-40)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:50\:dark, html.auto .sf-c-txt-lavenderblush\:50\:dark { color: hsl(var(--sf-c-txt-lavenderblush-50)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:60\:dark, html.auto .sf-c-txt-lavenderblush\:60\:dark { color: hsl(var(--sf-c-txt-lavenderblush-60)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:70\:dark, html.auto .sf-c-txt-lavenderblush\:70\:dark { color: hsl(var(--sf-c-txt-lavenderblush-70)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:80\:dark, html.auto .sf-c-txt-lavenderblush\:80\:dark { color: hsl(var(--sf-c-txt-lavenderblush-80)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:90\:dark, html.auto .sf-c-txt-lavenderblush\:90\:dark { color: hsl(var(--sf-c-txt-lavenderblush-90)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:100\:dark, html.auto .sf-c-txt-lavenderblush\:100\:dark { color: hsl(var(--sf-c-txt-lavenderblush-100)) } + html.var[data-theme='auto'] .sf-c-lavenderblush, html.var.auto .sf-c-lavenderblush { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 3%) } html.var[data-theme='auto'] .sf-c-lavenderblush\:0, html.var.auto .sf-c-lavenderblush\:0 { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lavenderblush\:10, html.var.auto .sf-c-lavenderblush\:10 { color: hsl(340, 100%, 10%); background: hsl(340, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lavenderblush\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-lavenderblush\:80\:dark, html.var.auto .sf-c-lavenderblush\:80\:dark { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 20%) } html.var[data-theme='auto'] .sf-c-lavenderblush\:90\:dark, html.var.auto .sf-c-lavenderblush\:90\:dark { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lavenderblush\:100\:dark, html.var.auto .sf-c-lavenderblush\:100\:dark { color: hsl(340, 100%, 90%); background: hsl(340, 100%, 0%) } -} -.sf-c-txt-lavenderblush { color: hsl(var(--sf-c-txt-lavenderblush)) } -.sf-c-txt-lavenderblush\:0 { color: hsl(var(--sf-c-txt-lavenderblush-0)) } -.sf-c-txt-lavenderblush\:10 { color: hsl(var(--sf-c-txt-lavenderblush-10)) } -.sf-c-txt-lavenderblush\:20 { color: hsl(var(--sf-c-txt-lavenderblush-20)) } -.sf-c-txt-lavenderblush\:30 { color: hsl(var(--sf-c-txt-lavenderblush-30)) } -.sf-c-txt-lavenderblush\:40 { color: hsl(var(--sf-c-txt-lavenderblush-40)) } -.sf-c-txt-lavenderblush\:50 { color: hsl(var(--sf-c-txt-lavenderblush-50)) } -.sf-c-txt-lavenderblush\:60 { color: hsl(var(--sf-c-txt-lavenderblush-60)) } -.sf-c-txt-lavenderblush\:70 { color: hsl(var(--sf-c-txt-lavenderblush-70)) } -.sf-c-txt-lavenderblush\:80 { color: hsl(var(--sf-c-txt-lavenderblush-80)) } -.sf-c-txt-lavenderblush\:90 { color: hsl(var(--sf-c-txt-lavenderblush-90)) } -.sf-c-txt-lavenderblush\:100 { color: hsl(var(--sf-c-txt-lavenderblush-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lavenderblush, html.auto .sf-c-txt-lavenderblush { color: hsl(340, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:0, html.auto .sf-c-txt-lavenderblush\:0 { color: hsl(340, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:10, html.auto .sf-c-txt-lavenderblush\:10 { color: hsl(340, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:20, html.auto .sf-c-txt-lavenderblush\:20 { color: hsl(340, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:30, html.auto .sf-c-txt-lavenderblush\:30 { color: hsl(340, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:40, html.auto .sf-c-txt-lavenderblush\:40 { color: hsl(340, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:50, html.auto .sf-c-txt-lavenderblush\:50 { color: hsl(340, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:60, html.auto .sf-c-txt-lavenderblush\:60 { color: hsl(340, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:70, html.auto .sf-c-txt-lavenderblush\:70 { color: hsl(340, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:80, html.auto .sf-c-txt-lavenderblush\:80 { color: hsl(340, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:90, html.auto .sf-c-txt-lavenderblush\:90 { color: hsl(340, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:100, html.auto .sf-c-txt-lavenderblush\:100 { color: hsl(340, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:dark, html.auto .sf-c-txt-lavenderblush\:dark { color: hsl(340, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:0\:dark, html.auto .sf-c-txt-lavenderblush\:0\:dark { color: hsl(340, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:10\:dark, html.auto .sf-c-txt-lavenderblush\:10\:dark { color: hsl(340, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:20\:dark, html.auto .sf-c-txt-lavenderblush\:20\:dark { color: hsl(340, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:30\:dark, html.auto .sf-c-txt-lavenderblush\:30\:dark { color: hsl(340, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:40\:dark, html.auto .sf-c-txt-lavenderblush\:40\:dark { color: hsl(340, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:50\:dark, html.auto .sf-c-txt-lavenderblush\:50\:dark { color: hsl(340, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:60\:dark, html.auto .sf-c-txt-lavenderblush\:60\:dark { color: hsl(340, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:70\:dark, html.auto .sf-c-txt-lavenderblush\:70\:dark { color: hsl(340, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:80\:dark, html.auto .sf-c-txt-lavenderblush\:80\:dark { color: hsl(340, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:90\:dark, html.auto .sf-c-txt-lavenderblush\:90\:dark { color: hsl(340, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:100\:dark, html.auto .sf-c-txt-lavenderblush\:100\:dark { color: hsl(340, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lawngreen.css b/src/colors/10/lawngreen.css index 8403895..4f92060 100644 --- a/src/colors/10/lawngreen.css +++ b/src/colors/10/lawngreen.css @@ -78,6 +78,32 @@ html.var .sf-c-lawngreen\:80 { color: hsl(90, 100%, 10%); background: hsl(90, 10 html.var .sf-c-lawngreen\:90 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } html.var .sf-c-lawngreen\:100 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 100%) } +.sf-c-txt-lawngreen { color: hsl(var(--sf-dark-c-txt-lawngreen)) } +.sf-c-txt-lawngreen\:0 { color: hsl(var(--sf-dark-c-txt-lawngreen-100)) } +.sf-c-txt-lawngreen\:10 { color: hsl(var(--sf-dark-c-txt-lawngreen-90)) } +.sf-c-txt-lawngreen\:20 { color: hsl(var(--sf-dark-c-txt-lawngreen-80)) } +.sf-c-txt-lawngreen\:30 { color: hsl(var(--sf-dark-c-txt-lawngreen-70)) } +.sf-c-txt-lawngreen\:40 { color: hsl(var(--sf-dark-c-txt-lawngreen-60)) } +.sf-c-txt-lawngreen\:50 { color: hsl(var(--sf-dark-c-txt-lawngreen-50)) } +.sf-c-txt-lawngreen\:60 { color: hsl(var(--sf-dark-c-txt-lawngreen-40)) } +.sf-c-txt-lawngreen\:70 { color: hsl(var(--sf-dark-c-txt-lawngreen-30)) } +.sf-c-txt-lawngreen\:80 { color: hsl(var(--sf-dark-c-txt-lawngreen-20)) } +.sf-c-txt-lawngreen\:90 { color: hsl(var(--sf-dark-c-txt-lawngreen-10)) } +.sf-c-txt-lawngreen\:100 { color: hsl(var(--sf-dark-c-txt-lawngreen-0)) } + +html.var .sf-c-txt-lawngreen { color: hsl(90, 100%, 51%) } +html.var .sf-c-txt-lawngreen\:0 { color: hsl(90, 100%, 100%) } +html.var .sf-c-txt-lawngreen\:10 { color: hsl(90, 100%, 90%) } +html.var .sf-c-txt-lawngreen\:20 { color: hsl(90, 100%, 80%) } +html.var .sf-c-txt-lawngreen\:30 { color: hsl(90, 100%, 70%) } +html.var .sf-c-txt-lawngreen\:40 { color: hsl(90, 100%, 60%) } +html.var .sf-c-txt-lawngreen\:50 { color: hsl(90, 100%, 50%) } +html.var .sf-c-txt-lawngreen\:60 { color: hsl(90, 100%, 40%) } +html.var .sf-c-txt-lawngreen\:70 { color: hsl(90, 100%, 30%) } +html.var .sf-c-txt-lawngreen\:80 { color: hsl(90, 100%, 20%) } +html.var .sf-c-txt-lawngreen\:90 { color: hsl(90, 100%, 10%) } +html.var .sf-c-txt-lawngreen\:100 { color: hsl(90, 100%, 0%) } + html[data-theme='dark'] .sf-c-lawngreen, html.dark .sf-c-lawngreen { color: hsl(var(--sf-dark-c-txt-lawngreen-10)); background: hsl(var(--sf-dark-c-lawngreen)) } html[data-theme='dark'] .sf-c-lawngreen\:0, html.dark .sf-c-lawngreen\:0 { color: hsl(var(--sf-dark-c-txt-lawngreen-90)); background: hsl(var(--sf-dark-c-lawngreen-100)) } html[data-theme='dark'] .sf-c-lawngreen\:10, html.dark .sf-c-lawngreen\:10 { color: hsl(var(--sf-dark-c-txt-lawngreen-10)); background: hsl(var(--sf-dark-c-lawngreen-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lawngreen\:80\:dark, html.dark .sf-c-lawngreen\:80 html[data-theme='dark'] .sf-c-lawngreen\:90\:dark, html.dark .sf-c-lawngreen\:90\:dark { color: hsl(var(--sf-c-txt-lawngreen-90)); background: hsl(var(--sf-c-lawngreen-10)) } html[data-theme='dark'] .sf-c-lawngreen\:100\:dark, html.dark .sf-c-lawngreen\:100\:dark { color: hsl(var(--sf-c-txt-lawngreen-90)); background: hsl(var(--sf-c-lawngreen-0)) } +html[data-theme='dark'] .sf-c-txt-lawngreen, html.dark .sf-c-txt-lawngreen { color: hsl(var(--sf-c-txt-lawngreen)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:0, html.dark .sf-c-txt-lawngreen\:0 { color: hsl(var(--sf-c-txt-lawngreen-0)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:10, html.dark .sf-c-txt-lawngreen\:10 { color: hsl(var(--sf-c-txt-lawngreen-10)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:20, html.dark .sf-c-txt-lawngreen\:20 { color: hsl(var(--sf-c-txt-lawngreen-20)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:30, html.dark .sf-c-txt-lawngreen\:30 { color: hsl(var(--sf-c-txt-lawngreen-30)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:40, html.dark .sf-c-txt-lawngreen\:40 { color: hsl(var(--sf-c-txt-lawngreen-40)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:50, html.dark .sf-c-txt-lawngreen\:50 { color: hsl(var(--sf-c-txt-lawngreen-50)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:60, html.dark .sf-c-txt-lawngreen\:60 { color: hsl(var(--sf-c-txt-lawngreen-60)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:70, html.dark .sf-c-txt-lawngreen\:70 { color: hsl(var(--sf-c-txt-lawngreen-70)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:80, html.dark .sf-c-txt-lawngreen\:80 { color: hsl(var(--sf-c-txt-lawngreen-80)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:90, html.dark .sf-c-txt-lawngreen\:90 { color: hsl(var(--sf-c-txt-lawngreen-90)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:100, html.dark .sf-c-txt-lawngreen\:100 { color: hsl(var(--sf-c-txt-lawngreen-100)) } + +html[data-theme='dark'] .sf-c-txt-lawngreen\:dark, html.dark .sf-c-txt-lawngreen\:dark { color: hsl(var(--sf-c-txt-lawngreen)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:0\:dark, html.dark .sf-c-txt-lawngreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-0)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:10\:dark, html.dark .sf-c-txt-lawngreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-10)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:20\:dark, html.dark .sf-c-txt-lawngreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-20)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:30\:dark, html.dark .sf-c-txt-lawngreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-30)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:40\:dark, html.dark .sf-c-txt-lawngreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-40)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:50\:dark, html.dark .sf-c-txt-lawngreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-50)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:60\:dark, html.dark .sf-c-txt-lawngreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-60)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:70\:dark, html.dark .sf-c-txt-lawngreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-70)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:80\:dark, html.dark .sf-c-txt-lawngreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-80)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:90\:dark, html.dark .sf-c-txt-lawngreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-90)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:100\:dark, html.dark .sf-c-txt-lawngreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-100)) } + html.var[data-theme='dark'] .sf-c-lawngreen, html.var.dark .sf-c-lawngreen { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 51%) } html.var[data-theme='dark'] .sf-c-lawngreen\:0, html.var.dark .sf-c-lawngreen\:0 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lawngreen\:10, html.var.dark .sf-c-lawngreen\:10 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lawngreen\:80\:dark, html.var.dark .sf-c-lawng html.var[data-theme='dark'] .sf-c-lawngreen\:90\:dark, html.var.dark .sf-c-lawngreen\:90\:dark { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 10%) } html.var[data-theme='dark'] .sf-c-lawngreen\:100\:dark, html.var.dark .sf-c-lawngreen\:100\:dark { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen, html.dark .sf-c-txt-lawngreen { color: hsl(90, 100%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:0, html.dark .sf-c-txt-lawngreen\:0 { color: hsl(90, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:10, html.dark .sf-c-txt-lawngreen\:10 { color: hsl(90, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:20, html.dark .sf-c-txt-lawngreen\:20 { color: hsl(90, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:30, html.dark .sf-c-txt-lawngreen\:30 { color: hsl(90, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:40, html.dark .sf-c-txt-lawngreen\:40 { color: hsl(90, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:50, html.dark .sf-c-txt-lawngreen\:50 { color: hsl(90, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:60, html.dark .sf-c-txt-lawngreen\:60 { color: hsl(90, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:70, html.dark .sf-c-txt-lawngreen\:70 { color: hsl(90, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:80, html.dark .sf-c-txt-lawngreen\:80 { color: hsl(90, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:90, html.dark .sf-c-txt-lawngreen\:90 { color: hsl(90, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:100, html.dark .sf-c-txt-lawngreen\:100 { color: hsl(90, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:dark, html.dark .sf-c-txt-lawngreen\:dark { color: hsl(90, 100%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:0\:dark, html.dark .sf-c-txt-lawngreen\:0\:dark { color: hsl(90, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:10\:dark, html.dark .sf-c-txt-lawngreen\:10\:dark { color: hsl(90, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:20\:dark, html.dark .sf-c-txt-lawngreen\:20\:dark { color: hsl(90, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:30\:dark, html.dark .sf-c-txt-lawngreen\:30\:dark { color: hsl(90, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:40\:dark, html.dark .sf-c-txt-lawngreen\:40\:dark { color: hsl(90, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:50\:dark, html.dark .sf-c-txt-lawngreen\:50\:dark { color: hsl(90, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:60\:dark, html.dark .sf-c-txt-lawngreen\:60\:dark { color: hsl(90, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:70\:dark, html.dark .sf-c-txt-lawngreen\:70\:dark { color: hsl(90, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:80\:dark, html.dark .sf-c-txt-lawngreen\:80\:dark { color: hsl(90, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:90\:dark, html.dark .sf-c-txt-lawngreen\:90\:dark { color: hsl(90, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:100\:dark, html.dark .sf-c-txt-lawngreen\:100\:dark { color: hsl(90, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lawngreen, html.auto .sf-c-lawngreen { color: hsl(var(--sf-dark-c-txt-lawngreen-10)); background: hsl(var(--sf-dark-c-lawngreen)) } html[data-theme='auto'] .sf-c-lawngreen\:0, html.auto .sf-c-lawngreen\:0 { color: hsl(var(--sf-dark-c-txt-lawngreen-90)); background: hsl(var(--sf-dark-c-lawngreen-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lawngreen\:100\:dark, html.var.dark .sf-c-lawn html[data-theme='auto'] .sf-c-lawngreen\:90\:dark, html.auto .sf-c-lawngreen\:90\:dark { color: hsl(var(--sf-c-txt-lawngreen-90)); background: hsl(var(--sf-c-lawngreen-10)) } html[data-theme='auto'] .sf-c-lawngreen\:100\:dark, html.auto .sf-c-lawngreen\:100\:dark { color: hsl(var(--sf-c-txt-lawngreen-90)); background: hsl(var(--sf-c-lawngreen-0)) } + html[data-theme='auto'] .sf-c-txt-lawngreen, html.auto .sf-c-txt-lawngreen { color: hsl(var(--sf-c-txt-lawngreen)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:0, html.auto .sf-c-txt-lawngreen\:0 { color: hsl(var(--sf-c-txt-lawngreen-0)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:10, html.auto .sf-c-txt-lawngreen\:10 { color: hsl(var(--sf-c-txt-lawngreen-10)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:20, html.auto .sf-c-txt-lawngreen\:20 { color: hsl(var(--sf-c-txt-lawngreen-20)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:30, html.auto .sf-c-txt-lawngreen\:30 { color: hsl(var(--sf-c-txt-lawngreen-30)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:40, html.auto .sf-c-txt-lawngreen\:40 { color: hsl(var(--sf-c-txt-lawngreen-40)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:50, html.auto .sf-c-txt-lawngreen\:50 { color: hsl(var(--sf-c-txt-lawngreen-50)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:60, html.auto .sf-c-txt-lawngreen\:60 { color: hsl(var(--sf-c-txt-lawngreen-60)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:70, html.auto .sf-c-txt-lawngreen\:70 { color: hsl(var(--sf-c-txt-lawngreen-70)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:80, html.auto .sf-c-txt-lawngreen\:80 { color: hsl(var(--sf-c-txt-lawngreen-80)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:90, html.auto .sf-c-txt-lawngreen\:90 { color: hsl(var(--sf-c-txt-lawngreen-90)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:100, html.auto .sf-c-txt-lawngreen\:100 { color: hsl(var(--sf-c-txt-lawngreen-100)) } + + html[data-theme='auto'] .sf-c-txt-lawngreen\:dark, html.auto .sf-c-txt-lawngreen\:dark { color: hsl(var(--sf-c-txt-lawngreen)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:0\:dark, html.auto .sf-c-txt-lawngreen\:0\:dark { color: hsl(var(--sf-c-txt-lawngreen-0)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:10\:dark, html.auto .sf-c-txt-lawngreen\:10\:dark { color: hsl(var(--sf-c-txt-lawngreen-10)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:20\:dark, html.auto .sf-c-txt-lawngreen\:20\:dark { color: hsl(var(--sf-c-txt-lawngreen-20)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:30\:dark, html.auto .sf-c-txt-lawngreen\:30\:dark { color: hsl(var(--sf-c-txt-lawngreen-30)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:40\:dark, html.auto .sf-c-txt-lawngreen\:40\:dark { color: hsl(var(--sf-c-txt-lawngreen-40)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:50\:dark, html.auto .sf-c-txt-lawngreen\:50\:dark { color: hsl(var(--sf-c-txt-lawngreen-50)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:60\:dark, html.auto .sf-c-txt-lawngreen\:60\:dark { color: hsl(var(--sf-c-txt-lawngreen-60)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:70\:dark, html.auto .sf-c-txt-lawngreen\:70\:dark { color: hsl(var(--sf-c-txt-lawngreen-70)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:80\:dark, html.auto .sf-c-txt-lawngreen\:80\:dark { color: hsl(var(--sf-c-txt-lawngreen-80)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:90\:dark, html.auto .sf-c-txt-lawngreen\:90\:dark { color: hsl(var(--sf-c-txt-lawngreen-90)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:100\:dark, html.auto .sf-c-txt-lawngreen\:100\:dark { color: hsl(var(--sf-c-txt-lawngreen-100)) } + html.var[data-theme='auto'] .sf-c-lawngreen, html.var.auto .sf-c-lawngreen { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 51%) } html.var[data-theme='auto'] .sf-c-lawngreen\:0, html.var.auto .sf-c-lawngreen\:0 { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lawngreen\:10, html.var.auto .sf-c-lawngreen\:10 { color: hsl(90, 100%, 10%); background: hsl(90, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lawngreen\:100\:dark, html.var.dark .sf-c-lawn html.var[data-theme='auto'] .sf-c-lawngreen\:80\:dark, html.var.auto .sf-c-lawngreen\:80\:dark { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 20%) } html.var[data-theme='auto'] .sf-c-lawngreen\:90\:dark, html.var.auto .sf-c-lawngreen\:90\:dark { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lawngreen\:100\:dark, html.var.auto .sf-c-lawngreen\:100\:dark { color: hsl(90, 100%, 90%); background: hsl(90, 100%, 0%) } -} -.sf-c-txt-lawngreen { color: hsl(var(--sf-c-txt-lawngreen)) } -.sf-c-txt-lawngreen\:0 { color: hsl(var(--sf-c-txt-lawngreen-0)) } -.sf-c-txt-lawngreen\:10 { color: hsl(var(--sf-c-txt-lawngreen-10)) } -.sf-c-txt-lawngreen\:20 { color: hsl(var(--sf-c-txt-lawngreen-20)) } -.sf-c-txt-lawngreen\:30 { color: hsl(var(--sf-c-txt-lawngreen-30)) } -.sf-c-txt-lawngreen\:40 { color: hsl(var(--sf-c-txt-lawngreen-40)) } -.sf-c-txt-lawngreen\:50 { color: hsl(var(--sf-c-txt-lawngreen-50)) } -.sf-c-txt-lawngreen\:60 { color: hsl(var(--sf-c-txt-lawngreen-60)) } -.sf-c-txt-lawngreen\:70 { color: hsl(var(--sf-c-txt-lawngreen-70)) } -.sf-c-txt-lawngreen\:80 { color: hsl(var(--sf-c-txt-lawngreen-80)) } -.sf-c-txt-lawngreen\:90 { color: hsl(var(--sf-c-txt-lawngreen-90)) } -.sf-c-txt-lawngreen\:100 { color: hsl(var(--sf-c-txt-lawngreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lawngreen, html.auto .sf-c-txt-lawngreen { color: hsl(90, 100%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:0, html.auto .sf-c-txt-lawngreen\:0 { color: hsl(90, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:10, html.auto .sf-c-txt-lawngreen\:10 { color: hsl(90, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:20, html.auto .sf-c-txt-lawngreen\:20 { color: hsl(90, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:30, html.auto .sf-c-txt-lawngreen\:30 { color: hsl(90, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:40, html.auto .sf-c-txt-lawngreen\:40 { color: hsl(90, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:50, html.auto .sf-c-txt-lawngreen\:50 { color: hsl(90, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:60, html.auto .sf-c-txt-lawngreen\:60 { color: hsl(90, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:70, html.auto .sf-c-txt-lawngreen\:70 { color: hsl(90, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:80, html.auto .sf-c-txt-lawngreen\:80 { color: hsl(90, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:90, html.auto .sf-c-txt-lawngreen\:90 { color: hsl(90, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:100, html.auto .sf-c-txt-lawngreen\:100 { color: hsl(90, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:dark, html.auto .sf-c-txt-lawngreen\:dark { color: hsl(90, 100%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:0\:dark, html.auto .sf-c-txt-lawngreen\:0\:dark { color: hsl(90, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:10\:dark, html.auto .sf-c-txt-lawngreen\:10\:dark { color: hsl(90, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:20\:dark, html.auto .sf-c-txt-lawngreen\:20\:dark { color: hsl(90, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:30\:dark, html.auto .sf-c-txt-lawngreen\:30\:dark { color: hsl(90, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:40\:dark, html.auto .sf-c-txt-lawngreen\:40\:dark { color: hsl(90, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:50\:dark, html.auto .sf-c-txt-lawngreen\:50\:dark { color: hsl(90, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:60\:dark, html.auto .sf-c-txt-lawngreen\:60\:dark { color: hsl(90, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:70\:dark, html.auto .sf-c-txt-lawngreen\:70\:dark { color: hsl(90, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:80\:dark, html.auto .sf-c-txt-lawngreen\:80\:dark { color: hsl(90, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:90\:dark, html.auto .sf-c-txt-lawngreen\:90\:dark { color: hsl(90, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:100\:dark, html.auto .sf-c-txt-lawngreen\:100\:dark { color: hsl(90, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lemonchiffon.css b/src/colors/10/lemonchiffon.css index d10f352..b8bc1f0 100644 --- a/src/colors/10/lemonchiffon.css +++ b/src/colors/10/lemonchiffon.css @@ -78,6 +78,32 @@ html.var .sf-c-lemonchiffon\:80 { color: hsl(54, 100%, 10%); background: hsl(54, html.var .sf-c-lemonchiffon\:90 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 90%) } html.var .sf-c-lemonchiffon\:100 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 100%) } +.sf-c-txt-lemonchiffon { color: hsl(var(--sf-dark-c-txt-lemonchiffon)) } +.sf-c-txt-lemonchiffon\:0 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-100)) } +.sf-c-txt-lemonchiffon\:10 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-90)) } +.sf-c-txt-lemonchiffon\:20 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-80)) } +.sf-c-txt-lemonchiffon\:30 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-70)) } +.sf-c-txt-lemonchiffon\:40 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-60)) } +.sf-c-txt-lemonchiffon\:50 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-50)) } +.sf-c-txt-lemonchiffon\:60 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-40)) } +.sf-c-txt-lemonchiffon\:70 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-30)) } +.sf-c-txt-lemonchiffon\:80 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-20)) } +.sf-c-txt-lemonchiffon\:90 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-10)) } +.sf-c-txt-lemonchiffon\:100 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-0)) } + +html.var .sf-c-txt-lemonchiffon { color: hsl(54, 100%, 10%) } +html.var .sf-c-txt-lemonchiffon\:0 { color: hsl(54, 100%, 100%) } +html.var .sf-c-txt-lemonchiffon\:10 { color: hsl(54, 100%, 90%) } +html.var .sf-c-txt-lemonchiffon\:20 { color: hsl(54, 100%, 80%) } +html.var .sf-c-txt-lemonchiffon\:30 { color: hsl(54, 100%, 70%) } +html.var .sf-c-txt-lemonchiffon\:40 { color: hsl(54, 100%, 60%) } +html.var .sf-c-txt-lemonchiffon\:50 { color: hsl(54, 100%, 50%) } +html.var .sf-c-txt-lemonchiffon\:60 { color: hsl(54, 100%, 40%) } +html.var .sf-c-txt-lemonchiffon\:70 { color: hsl(54, 100%, 30%) } +html.var .sf-c-txt-lemonchiffon\:80 { color: hsl(54, 100%, 20%) } +html.var .sf-c-txt-lemonchiffon\:90 { color: hsl(54, 100%, 10%) } +html.var .sf-c-txt-lemonchiffon\:100 { color: hsl(54, 100%, 0%) } + html[data-theme='dark'] .sf-c-lemonchiffon, html.dark .sf-c-lemonchiffon { color: hsl(var(--sf-dark-c-txt-lemonchiffon-90)); background: hsl(var(--sf-dark-c-lemonchiffon)) } html[data-theme='dark'] .sf-c-lemonchiffon\:0, html.dark .sf-c-lemonchiffon\:0 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-90)); background: hsl(var(--sf-dark-c-lemonchiffon-100)) } html[data-theme='dark'] .sf-c-lemonchiffon\:10, html.dark .sf-c-lemonchiffon\:10 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-10)); background: hsl(var(--sf-dark-c-lemonchiffon-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lemonchiffon\:80\:dark, html.dark .sf-c-lemonchiff html[data-theme='dark'] .sf-c-lemonchiffon\:90\:dark, html.dark .sf-c-lemonchiffon\:90\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-90)); background: hsl(var(--sf-c-lemonchiffon-10)) } html[data-theme='dark'] .sf-c-lemonchiffon\:100\:dark, html.dark .sf-c-lemonchiffon\:100\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-90)); background: hsl(var(--sf-c-lemonchiffon-0)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon, html.dark .sf-c-txt-lemonchiffon { color: hsl(var(--sf-c-txt-lemonchiffon)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:0, html.dark .sf-c-txt-lemonchiffon\:0 { color: hsl(var(--sf-c-txt-lemonchiffon-0)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:10, html.dark .sf-c-txt-lemonchiffon\:10 { color: hsl(var(--sf-c-txt-lemonchiffon-10)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:20, html.dark .sf-c-txt-lemonchiffon\:20 { color: hsl(var(--sf-c-txt-lemonchiffon-20)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:30, html.dark .sf-c-txt-lemonchiffon\:30 { color: hsl(var(--sf-c-txt-lemonchiffon-30)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:40, html.dark .sf-c-txt-lemonchiffon\:40 { color: hsl(var(--sf-c-txt-lemonchiffon-40)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:50, html.dark .sf-c-txt-lemonchiffon\:50 { color: hsl(var(--sf-c-txt-lemonchiffon-50)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:60, html.dark .sf-c-txt-lemonchiffon\:60 { color: hsl(var(--sf-c-txt-lemonchiffon-60)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:70, html.dark .sf-c-txt-lemonchiffon\:70 { color: hsl(var(--sf-c-txt-lemonchiffon-70)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:80, html.dark .sf-c-txt-lemonchiffon\:80 { color: hsl(var(--sf-c-txt-lemonchiffon-80)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:90, html.dark .sf-c-txt-lemonchiffon\:90 { color: hsl(var(--sf-c-txt-lemonchiffon-90)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:100, html.dark .sf-c-txt-lemonchiffon\:100 { color: hsl(var(--sf-c-txt-lemonchiffon-100)) } + +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:dark, html.dark .sf-c-txt-lemonchiffon\:dark { color: hsl(var(--sf-c-txt-lemonchiffon)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:0\:dark, html.dark .sf-c-txt-lemonchiffon\:0\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-0)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:10\:dark, html.dark .sf-c-txt-lemonchiffon\:10\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-10)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:20\:dark, html.dark .sf-c-txt-lemonchiffon\:20\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-20)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:30\:dark, html.dark .sf-c-txt-lemonchiffon\:30\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-30)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:40\:dark, html.dark .sf-c-txt-lemonchiffon\:40\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-40)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:50\:dark, html.dark .sf-c-txt-lemonchiffon\:50\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-50)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:60\:dark, html.dark .sf-c-txt-lemonchiffon\:60\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-60)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:70\:dark, html.dark .sf-c-txt-lemonchiffon\:70\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-70)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:80\:dark, html.dark .sf-c-txt-lemonchiffon\:80\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-80)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:90\:dark, html.dark .sf-c-txt-lemonchiffon\:90\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-90)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:100\:dark, html.dark .sf-c-txt-lemonchiffon\:100\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-100)) } + html.var[data-theme='dark'] .sf-c-lemonchiffon, html.var.dark .sf-c-lemonchiffon { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 10%) } html.var[data-theme='dark'] .sf-c-lemonchiffon\:0, html.var.dark .sf-c-lemonchiffon\:0 { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lemonchiffon\:10, html.var.dark .sf-c-lemonchiffon\:10 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lemonchiffon\:80\:dark, html.var.dark .sf-c-le html.var[data-theme='dark'] .sf-c-lemonchiffon\:90\:dark, html.var.dark .sf-c-lemonchiffon\:90\:dark { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 10%) } html.var[data-theme='dark'] .sf-c-lemonchiffon\:100\:dark, html.var.dark .sf-c-lemonchiffon\:100\:dark { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon, html.dark .sf-c-txt-lemonchiffon { color: hsl(54, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:0, html.dark .sf-c-txt-lemonchiffon\:0 { color: hsl(54, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:10, html.dark .sf-c-txt-lemonchiffon\:10 { color: hsl(54, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:20, html.dark .sf-c-txt-lemonchiffon\:20 { color: hsl(54, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:30, html.dark .sf-c-txt-lemonchiffon\:30 { color: hsl(54, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:40, html.dark .sf-c-txt-lemonchiffon\:40 { color: hsl(54, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:50, html.dark .sf-c-txt-lemonchiffon\:50 { color: hsl(54, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:60, html.dark .sf-c-txt-lemonchiffon\:60 { color: hsl(54, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:70, html.dark .sf-c-txt-lemonchiffon\:70 { color: hsl(54, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:80, html.dark .sf-c-txt-lemonchiffon\:80 { color: hsl(54, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:90, html.dark .sf-c-txt-lemonchiffon\:90 { color: hsl(54, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:100, html.dark .sf-c-txt-lemonchiffon\:100 { color: hsl(54, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:dark, html.dark .sf-c-txt-lemonchiffon\:dark { color: hsl(54, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:0\:dark, html.dark .sf-c-txt-lemonchiffon\:0\:dark { color: hsl(54, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:10\:dark, html.dark .sf-c-txt-lemonchiffon\:10\:dark { color: hsl(54, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:20\:dark, html.dark .sf-c-txt-lemonchiffon\:20\:dark { color: hsl(54, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:30\:dark, html.dark .sf-c-txt-lemonchiffon\:30\:dark { color: hsl(54, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:40\:dark, html.dark .sf-c-txt-lemonchiffon\:40\:dark { color: hsl(54, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:50\:dark, html.dark .sf-c-txt-lemonchiffon\:50\:dark { color: hsl(54, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:60\:dark, html.dark .sf-c-txt-lemonchiffon\:60\:dark { color: hsl(54, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:70\:dark, html.dark .sf-c-txt-lemonchiffon\:70\:dark { color: hsl(54, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:80\:dark, html.dark .sf-c-txt-lemonchiffon\:80\:dark { color: hsl(54, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:90\:dark, html.dark .sf-c-txt-lemonchiffon\:90\:dark { color: hsl(54, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:100\:dark, html.dark .sf-c-txt-lemonchiffon\:100\:dark { color: hsl(54, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lemonchiffon, html.auto .sf-c-lemonchiffon { color: hsl(var(--sf-dark-c-txt-lemonchiffon-90)); background: hsl(var(--sf-dark-c-lemonchiffon)) } html[data-theme='auto'] .sf-c-lemonchiffon\:0, html.auto .sf-c-lemonchiffon\:0 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-90)); background: hsl(var(--sf-dark-c-lemonchiffon-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lemonchiffon\:100\:dark, html.var.dark .sf-c-l html[data-theme='auto'] .sf-c-lemonchiffon\:90\:dark, html.auto .sf-c-lemonchiffon\:90\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-90)); background: hsl(var(--sf-c-lemonchiffon-10)) } html[data-theme='auto'] .sf-c-lemonchiffon\:100\:dark, html.auto .sf-c-lemonchiffon\:100\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-90)); background: hsl(var(--sf-c-lemonchiffon-0)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon, html.auto .sf-c-txt-lemonchiffon { color: hsl(var(--sf-c-txt-lemonchiffon)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:0, html.auto .sf-c-txt-lemonchiffon\:0 { color: hsl(var(--sf-c-txt-lemonchiffon-0)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:10, html.auto .sf-c-txt-lemonchiffon\:10 { color: hsl(var(--sf-c-txt-lemonchiffon-10)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:20, html.auto .sf-c-txt-lemonchiffon\:20 { color: hsl(var(--sf-c-txt-lemonchiffon-20)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:30, html.auto .sf-c-txt-lemonchiffon\:30 { color: hsl(var(--sf-c-txt-lemonchiffon-30)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:40, html.auto .sf-c-txt-lemonchiffon\:40 { color: hsl(var(--sf-c-txt-lemonchiffon-40)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:50, html.auto .sf-c-txt-lemonchiffon\:50 { color: hsl(var(--sf-c-txt-lemonchiffon-50)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:60, html.auto .sf-c-txt-lemonchiffon\:60 { color: hsl(var(--sf-c-txt-lemonchiffon-60)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:70, html.auto .sf-c-txt-lemonchiffon\:70 { color: hsl(var(--sf-c-txt-lemonchiffon-70)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:80, html.auto .sf-c-txt-lemonchiffon\:80 { color: hsl(var(--sf-c-txt-lemonchiffon-80)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:90, html.auto .sf-c-txt-lemonchiffon\:90 { color: hsl(var(--sf-c-txt-lemonchiffon-90)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:100, html.auto .sf-c-txt-lemonchiffon\:100 { color: hsl(var(--sf-c-txt-lemonchiffon-100)) } + + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:dark, html.auto .sf-c-txt-lemonchiffon\:dark { color: hsl(var(--sf-c-txt-lemonchiffon)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:0\:dark, html.auto .sf-c-txt-lemonchiffon\:0\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-0)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:10\:dark, html.auto .sf-c-txt-lemonchiffon\:10\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-10)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:20\:dark, html.auto .sf-c-txt-lemonchiffon\:20\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-20)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:30\:dark, html.auto .sf-c-txt-lemonchiffon\:30\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-30)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:40\:dark, html.auto .sf-c-txt-lemonchiffon\:40\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-40)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:50\:dark, html.auto .sf-c-txt-lemonchiffon\:50\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-50)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:60\:dark, html.auto .sf-c-txt-lemonchiffon\:60\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-60)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:70\:dark, html.auto .sf-c-txt-lemonchiffon\:70\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-70)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:80\:dark, html.auto .sf-c-txt-lemonchiffon\:80\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-80)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:90\:dark, html.auto .sf-c-txt-lemonchiffon\:90\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-90)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:100\:dark, html.auto .sf-c-txt-lemonchiffon\:100\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-100)) } + html.var[data-theme='auto'] .sf-c-lemonchiffon, html.var.auto .sf-c-lemonchiffon { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lemonchiffon\:0, html.var.auto .sf-c-lemonchiffon\:0 { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lemonchiffon\:10, html.var.auto .sf-c-lemonchiffon\:10 { color: hsl(54, 100%, 10%); background: hsl(54, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lemonchiffon\:100\:dark, html.var.dark .sf-c-l html.var[data-theme='auto'] .sf-c-lemonchiffon\:80\:dark, html.var.auto .sf-c-lemonchiffon\:80\:dark { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 20%) } html.var[data-theme='auto'] .sf-c-lemonchiffon\:90\:dark, html.var.auto .sf-c-lemonchiffon\:90\:dark { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lemonchiffon\:100\:dark, html.var.auto .sf-c-lemonchiffon\:100\:dark { color: hsl(54, 100%, 90%); background: hsl(54, 100%, 0%) } -} -.sf-c-txt-lemonchiffon { color: hsl(var(--sf-c-txt-lemonchiffon)) } -.sf-c-txt-lemonchiffon\:0 { color: hsl(var(--sf-c-txt-lemonchiffon-0)) } -.sf-c-txt-lemonchiffon\:10 { color: hsl(var(--sf-c-txt-lemonchiffon-10)) } -.sf-c-txt-lemonchiffon\:20 { color: hsl(var(--sf-c-txt-lemonchiffon-20)) } -.sf-c-txt-lemonchiffon\:30 { color: hsl(var(--sf-c-txt-lemonchiffon-30)) } -.sf-c-txt-lemonchiffon\:40 { color: hsl(var(--sf-c-txt-lemonchiffon-40)) } -.sf-c-txt-lemonchiffon\:50 { color: hsl(var(--sf-c-txt-lemonchiffon-50)) } -.sf-c-txt-lemonchiffon\:60 { color: hsl(var(--sf-c-txt-lemonchiffon-60)) } -.sf-c-txt-lemonchiffon\:70 { color: hsl(var(--sf-c-txt-lemonchiffon-70)) } -.sf-c-txt-lemonchiffon\:80 { color: hsl(var(--sf-c-txt-lemonchiffon-80)) } -.sf-c-txt-lemonchiffon\:90 { color: hsl(var(--sf-c-txt-lemonchiffon-90)) } -.sf-c-txt-lemonchiffon\:100 { color: hsl(var(--sf-c-txt-lemonchiffon-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon, html.auto .sf-c-txt-lemonchiffon { color: hsl(54, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:0, html.auto .sf-c-txt-lemonchiffon\:0 { color: hsl(54, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:10, html.auto .sf-c-txt-lemonchiffon\:10 { color: hsl(54, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:20, html.auto .sf-c-txt-lemonchiffon\:20 { color: hsl(54, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:30, html.auto .sf-c-txt-lemonchiffon\:30 { color: hsl(54, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:40, html.auto .sf-c-txt-lemonchiffon\:40 { color: hsl(54, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:50, html.auto .sf-c-txt-lemonchiffon\:50 { color: hsl(54, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:60, html.auto .sf-c-txt-lemonchiffon\:60 { color: hsl(54, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:70, html.auto .sf-c-txt-lemonchiffon\:70 { color: hsl(54, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:80, html.auto .sf-c-txt-lemonchiffon\:80 { color: hsl(54, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:90, html.auto .sf-c-txt-lemonchiffon\:90 { color: hsl(54, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:100, html.auto .sf-c-txt-lemonchiffon\:100 { color: hsl(54, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:dark, html.auto .sf-c-txt-lemonchiffon\:dark { color: hsl(54, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:0\:dark, html.auto .sf-c-txt-lemonchiffon\:0\:dark { color: hsl(54, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:10\:dark, html.auto .sf-c-txt-lemonchiffon\:10\:dark { color: hsl(54, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:20\:dark, html.auto .sf-c-txt-lemonchiffon\:20\:dark { color: hsl(54, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:30\:dark, html.auto .sf-c-txt-lemonchiffon\:30\:dark { color: hsl(54, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:40\:dark, html.auto .sf-c-txt-lemonchiffon\:40\:dark { color: hsl(54, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:50\:dark, html.auto .sf-c-txt-lemonchiffon\:50\:dark { color: hsl(54, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:60\:dark, html.auto .sf-c-txt-lemonchiffon\:60\:dark { color: hsl(54, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:70\:dark, html.auto .sf-c-txt-lemonchiffon\:70\:dark { color: hsl(54, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:80\:dark, html.auto .sf-c-txt-lemonchiffon\:80\:dark { color: hsl(54, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:90\:dark, html.auto .sf-c-txt-lemonchiffon\:90\:dark { color: hsl(54, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:100\:dark, html.auto .sf-c-txt-lemonchiffon\:100\:dark { color: hsl(54, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lightblue.css b/src/colors/10/lightblue.css index 4af8a97..6ad6654 100644 --- a/src/colors/10/lightblue.css +++ b/src/colors/10/lightblue.css @@ -78,6 +78,32 @@ html.var .sf-c-lightblue\:80 { color: hsl(195, 53%, 10%); background: hsl(195, 5 html.var .sf-c-lightblue\:90 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 90%) } html.var .sf-c-lightblue\:100 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 100%) } +.sf-c-txt-lightblue { color: hsl(var(--sf-dark-c-txt-lightblue)) } +.sf-c-txt-lightblue\:0 { color: hsl(var(--sf-dark-c-txt-lightblue-100)) } +.sf-c-txt-lightblue\:10 { color: hsl(var(--sf-dark-c-txt-lightblue-90)) } +.sf-c-txt-lightblue\:20 { color: hsl(var(--sf-dark-c-txt-lightblue-80)) } +.sf-c-txt-lightblue\:30 { color: hsl(var(--sf-dark-c-txt-lightblue-70)) } +.sf-c-txt-lightblue\:40 { color: hsl(var(--sf-dark-c-txt-lightblue-60)) } +.sf-c-txt-lightblue\:50 { color: hsl(var(--sf-dark-c-txt-lightblue-50)) } +.sf-c-txt-lightblue\:60 { color: hsl(var(--sf-dark-c-txt-lightblue-40)) } +.sf-c-txt-lightblue\:70 { color: hsl(var(--sf-dark-c-txt-lightblue-30)) } +.sf-c-txt-lightblue\:80 { color: hsl(var(--sf-dark-c-txt-lightblue-20)) } +.sf-c-txt-lightblue\:90 { color: hsl(var(--sf-dark-c-txt-lightblue-10)) } +.sf-c-txt-lightblue\:100 { color: hsl(var(--sf-dark-c-txt-lightblue-0)) } + +html.var .sf-c-txt-lightblue { color: hsl(195, 53%, 21%) } +html.var .sf-c-txt-lightblue\:0 { color: hsl(195, 53%, 100%) } +html.var .sf-c-txt-lightblue\:10 { color: hsl(195, 53%, 90%) } +html.var .sf-c-txt-lightblue\:20 { color: hsl(195, 53%, 80%) } +html.var .sf-c-txt-lightblue\:30 { color: hsl(195, 53%, 70%) } +html.var .sf-c-txt-lightblue\:40 { color: hsl(195, 53%, 60%) } +html.var .sf-c-txt-lightblue\:50 { color: hsl(195, 53%, 50%) } +html.var .sf-c-txt-lightblue\:60 { color: hsl(195, 53%, 40%) } +html.var .sf-c-txt-lightblue\:70 { color: hsl(195, 53%, 30%) } +html.var .sf-c-txt-lightblue\:80 { color: hsl(195, 53%, 20%) } +html.var .sf-c-txt-lightblue\:90 { color: hsl(195, 53%, 10%) } +html.var .sf-c-txt-lightblue\:100 { color: hsl(195, 53%, 0%) } + html[data-theme='dark'] .sf-c-lightblue, html.dark .sf-c-lightblue { color: hsl(var(--sf-dark-c-txt-lightblue-90)); background: hsl(var(--sf-dark-c-lightblue)) } html[data-theme='dark'] .sf-c-lightblue\:0, html.dark .sf-c-lightblue\:0 { color: hsl(var(--sf-dark-c-txt-lightblue-90)); background: hsl(var(--sf-dark-c-lightblue-100)) } html[data-theme='dark'] .sf-c-lightblue\:10, html.dark .sf-c-lightblue\:10 { color: hsl(var(--sf-dark-c-txt-lightblue-10)); background: hsl(var(--sf-dark-c-lightblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lightblue\:80\:dark, html.dark .sf-c-lightblue\:80 html[data-theme='dark'] .sf-c-lightblue\:90\:dark, html.dark .sf-c-lightblue\:90\:dark { color: hsl(var(--sf-c-txt-lightblue-90)); background: hsl(var(--sf-c-lightblue-10)) } html[data-theme='dark'] .sf-c-lightblue\:100\:dark, html.dark .sf-c-lightblue\:100\:dark { color: hsl(var(--sf-c-txt-lightblue-90)); background: hsl(var(--sf-c-lightblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightblue, html.dark .sf-c-txt-lightblue { color: hsl(var(--sf-c-txt-lightblue)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:0, html.dark .sf-c-txt-lightblue\:0 { color: hsl(var(--sf-c-txt-lightblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:10, html.dark .sf-c-txt-lightblue\:10 { color: hsl(var(--sf-c-txt-lightblue-10)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:20, html.dark .sf-c-txt-lightblue\:20 { color: hsl(var(--sf-c-txt-lightblue-20)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:30, html.dark .sf-c-txt-lightblue\:30 { color: hsl(var(--sf-c-txt-lightblue-30)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:40, html.dark .sf-c-txt-lightblue\:40 { color: hsl(var(--sf-c-txt-lightblue-40)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:50, html.dark .sf-c-txt-lightblue\:50 { color: hsl(var(--sf-c-txt-lightblue-50)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:60, html.dark .sf-c-txt-lightblue\:60 { color: hsl(var(--sf-c-txt-lightblue-60)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:70, html.dark .sf-c-txt-lightblue\:70 { color: hsl(var(--sf-c-txt-lightblue-70)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:80, html.dark .sf-c-txt-lightblue\:80 { color: hsl(var(--sf-c-txt-lightblue-80)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:90, html.dark .sf-c-txt-lightblue\:90 { color: hsl(var(--sf-c-txt-lightblue-90)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:100, html.dark .sf-c-txt-lightblue\:100 { color: hsl(var(--sf-c-txt-lightblue-100)) } + +html[data-theme='dark'] .sf-c-txt-lightblue\:dark, html.dark .sf-c-txt-lightblue\:dark { color: hsl(var(--sf-c-txt-lightblue)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:0\:dark, html.dark .sf-c-txt-lightblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:10\:dark, html.dark .sf-c-txt-lightblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-10)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:20\:dark, html.dark .sf-c-txt-lightblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-20)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:30\:dark, html.dark .sf-c-txt-lightblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-30)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:40\:dark, html.dark .sf-c-txt-lightblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-40)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:50\:dark, html.dark .sf-c-txt-lightblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-50)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:60\:dark, html.dark .sf-c-txt-lightblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-60)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:70\:dark, html.dark .sf-c-txt-lightblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-70)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:80\:dark, html.dark .sf-c-txt-lightblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-80)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:90\:dark, html.dark .sf-c-txt-lightblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-90)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:100\:dark, html.dark .sf-c-txt-lightblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-100)) } + html.var[data-theme='dark'] .sf-c-lightblue, html.var.dark .sf-c-lightblue { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 21%) } html.var[data-theme='dark'] .sf-c-lightblue\:0, html.var.dark .sf-c-lightblue\:0 { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 100%) } html.var[data-theme='dark'] .sf-c-lightblue\:10, html.var.dark .sf-c-lightblue\:10 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lightblue\:80\:dark, html.var.dark .sf-c-light html.var[data-theme='dark'] .sf-c-lightblue\:90\:dark, html.var.dark .sf-c-lightblue\:90\:dark { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 10%) } html.var[data-theme='dark'] .sf-c-lightblue\:100\:dark, html.var.dark .sf-c-lightblue\:100\:dark { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue, html.dark .sf-c-txt-lightblue { color: hsl(195, 53%, 79%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:0, html.dark .sf-c-txt-lightblue\:0 { color: hsl(195, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:10, html.dark .sf-c-txt-lightblue\:10 { color: hsl(195, 53%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:20, html.dark .sf-c-txt-lightblue\:20 { color: hsl(195, 53%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:30, html.dark .sf-c-txt-lightblue\:30 { color: hsl(195, 53%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:40, html.dark .sf-c-txt-lightblue\:40 { color: hsl(195, 53%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:50, html.dark .sf-c-txt-lightblue\:50 { color: hsl(195, 53%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:60, html.dark .sf-c-txt-lightblue\:60 { color: hsl(195, 53%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:70, html.dark .sf-c-txt-lightblue\:70 { color: hsl(195, 53%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:80, html.dark .sf-c-txt-lightblue\:80 { color: hsl(195, 53%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:90, html.dark .sf-c-txt-lightblue\:90 { color: hsl(195, 53%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:100, html.dark .sf-c-txt-lightblue\:100 { color: hsl(195, 53%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightblue\:dark, html.dark .sf-c-txt-lightblue\:dark { color: hsl(195, 53%, 79%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:0\:dark, html.dark .sf-c-txt-lightblue\:0\:dark { color: hsl(195, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:10\:dark, html.dark .sf-c-txt-lightblue\:10\:dark { color: hsl(195, 53%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:20\:dark, html.dark .sf-c-txt-lightblue\:20\:dark { color: hsl(195, 53%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:30\:dark, html.dark .sf-c-txt-lightblue\:30\:dark { color: hsl(195, 53%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:40\:dark, html.dark .sf-c-txt-lightblue\:40\:dark { color: hsl(195, 53%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:50\:dark, html.dark .sf-c-txt-lightblue\:50\:dark { color: hsl(195, 53%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:60\:dark, html.dark .sf-c-txt-lightblue\:60\:dark { color: hsl(195, 53%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:70\:dark, html.dark .sf-c-txt-lightblue\:70\:dark { color: hsl(195, 53%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:80\:dark, html.dark .sf-c-txt-lightblue\:80\:dark { color: hsl(195, 53%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:90\:dark, html.dark .sf-c-txt-lightblue\:90\:dark { color: hsl(195, 53%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:100\:dark, html.dark .sf-c-txt-lightblue\:100\:dark { color: hsl(195, 53%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightblue, html.auto .sf-c-lightblue { color: hsl(var(--sf-dark-c-txt-lightblue-90)); background: hsl(var(--sf-dark-c-lightblue)) } html[data-theme='auto'] .sf-c-lightblue\:0, html.auto .sf-c-lightblue\:0 { color: hsl(var(--sf-dark-c-txt-lightblue-90)); background: hsl(var(--sf-dark-c-lightblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lightblue\:100\:dark, html.var.dark .sf-c-ligh html[data-theme='auto'] .sf-c-lightblue\:90\:dark, html.auto .sf-c-lightblue\:90\:dark { color: hsl(var(--sf-c-txt-lightblue-90)); background: hsl(var(--sf-c-lightblue-10)) } html[data-theme='auto'] .sf-c-lightblue\:100\:dark, html.auto .sf-c-lightblue\:100\:dark { color: hsl(var(--sf-c-txt-lightblue-90)); background: hsl(var(--sf-c-lightblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightblue, html.auto .sf-c-txt-lightblue { color: hsl(var(--sf-c-txt-lightblue)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:0, html.auto .sf-c-txt-lightblue\:0 { color: hsl(var(--sf-c-txt-lightblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:10, html.auto .sf-c-txt-lightblue\:10 { color: hsl(var(--sf-c-txt-lightblue-10)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:20, html.auto .sf-c-txt-lightblue\:20 { color: hsl(var(--sf-c-txt-lightblue-20)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:30, html.auto .sf-c-txt-lightblue\:30 { color: hsl(var(--sf-c-txt-lightblue-30)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:40, html.auto .sf-c-txt-lightblue\:40 { color: hsl(var(--sf-c-txt-lightblue-40)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:50, html.auto .sf-c-txt-lightblue\:50 { color: hsl(var(--sf-c-txt-lightblue-50)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:60, html.auto .sf-c-txt-lightblue\:60 { color: hsl(var(--sf-c-txt-lightblue-60)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:70, html.auto .sf-c-txt-lightblue\:70 { color: hsl(var(--sf-c-txt-lightblue-70)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:80, html.auto .sf-c-txt-lightblue\:80 { color: hsl(var(--sf-c-txt-lightblue-80)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:90, html.auto .sf-c-txt-lightblue\:90 { color: hsl(var(--sf-c-txt-lightblue-90)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:100, html.auto .sf-c-txt-lightblue\:100 { color: hsl(var(--sf-c-txt-lightblue-100)) } + + html[data-theme='auto'] .sf-c-txt-lightblue\:dark, html.auto .sf-c-txt-lightblue\:dark { color: hsl(var(--sf-c-txt-lightblue)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:0\:dark, html.auto .sf-c-txt-lightblue\:0\:dark { color: hsl(var(--sf-c-txt-lightblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:10\:dark, html.auto .sf-c-txt-lightblue\:10\:dark { color: hsl(var(--sf-c-txt-lightblue-10)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:20\:dark, html.auto .sf-c-txt-lightblue\:20\:dark { color: hsl(var(--sf-c-txt-lightblue-20)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:30\:dark, html.auto .sf-c-txt-lightblue\:30\:dark { color: hsl(var(--sf-c-txt-lightblue-30)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:40\:dark, html.auto .sf-c-txt-lightblue\:40\:dark { color: hsl(var(--sf-c-txt-lightblue-40)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:50\:dark, html.auto .sf-c-txt-lightblue\:50\:dark { color: hsl(var(--sf-c-txt-lightblue-50)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:60\:dark, html.auto .sf-c-txt-lightblue\:60\:dark { color: hsl(var(--sf-c-txt-lightblue-60)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:70\:dark, html.auto .sf-c-txt-lightblue\:70\:dark { color: hsl(var(--sf-c-txt-lightblue-70)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:80\:dark, html.auto .sf-c-txt-lightblue\:80\:dark { color: hsl(var(--sf-c-txt-lightblue-80)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:90\:dark, html.auto .sf-c-txt-lightblue\:90\:dark { color: hsl(var(--sf-c-txt-lightblue-90)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:100\:dark, html.auto .sf-c-txt-lightblue\:100\:dark { color: hsl(var(--sf-c-txt-lightblue-100)) } + html.var[data-theme='auto'] .sf-c-lightblue, html.var.auto .sf-c-lightblue { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 21%) } html.var[data-theme='auto'] .sf-c-lightblue\:0, html.var.auto .sf-c-lightblue\:0 { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 100%) } html.var[data-theme='auto'] .sf-c-lightblue\:10, html.var.auto .sf-c-lightblue\:10 { color: hsl(195, 53%, 10%); background: hsl(195, 53%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lightblue\:100\:dark, html.var.dark .sf-c-ligh html.var[data-theme='auto'] .sf-c-lightblue\:80\:dark, html.var.auto .sf-c-lightblue\:80\:dark { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 20%) } html.var[data-theme='auto'] .sf-c-lightblue\:90\:dark, html.var.auto .sf-c-lightblue\:90\:dark { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 10%) } html.var[data-theme='auto'] .sf-c-lightblue\:100\:dark, html.var.auto .sf-c-lightblue\:100\:dark { color: hsl(195, 53%, 90%); background: hsl(195, 53%, 0%) } -} -.sf-c-txt-lightblue { color: hsl(var(--sf-c-txt-lightblue)) } -.sf-c-txt-lightblue\:0 { color: hsl(var(--sf-c-txt-lightblue-0)) } -.sf-c-txt-lightblue\:10 { color: hsl(var(--sf-c-txt-lightblue-10)) } -.sf-c-txt-lightblue\:20 { color: hsl(var(--sf-c-txt-lightblue-20)) } -.sf-c-txt-lightblue\:30 { color: hsl(var(--sf-c-txt-lightblue-30)) } -.sf-c-txt-lightblue\:40 { color: hsl(var(--sf-c-txt-lightblue-40)) } -.sf-c-txt-lightblue\:50 { color: hsl(var(--sf-c-txt-lightblue-50)) } -.sf-c-txt-lightblue\:60 { color: hsl(var(--sf-c-txt-lightblue-60)) } -.sf-c-txt-lightblue\:70 { color: hsl(var(--sf-c-txt-lightblue-70)) } -.sf-c-txt-lightblue\:80 { color: hsl(var(--sf-c-txt-lightblue-80)) } -.sf-c-txt-lightblue\:90 { color: hsl(var(--sf-c-txt-lightblue-90)) } -.sf-c-txt-lightblue\:100 { color: hsl(var(--sf-c-txt-lightblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightblue, html.auto .sf-c-txt-lightblue { color: hsl(195, 53%, 79%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:0, html.auto .sf-c-txt-lightblue\:0 { color: hsl(195, 53%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:10, html.auto .sf-c-txt-lightblue\:10 { color: hsl(195, 53%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:20, html.auto .sf-c-txt-lightblue\:20 { color: hsl(195, 53%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:30, html.auto .sf-c-txt-lightblue\:30 { color: hsl(195, 53%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:40, html.auto .sf-c-txt-lightblue\:40 { color: hsl(195, 53%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:50, html.auto .sf-c-txt-lightblue\:50 { color: hsl(195, 53%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:60, html.auto .sf-c-txt-lightblue\:60 { color: hsl(195, 53%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:70, html.auto .sf-c-txt-lightblue\:70 { color: hsl(195, 53%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:80, html.auto .sf-c-txt-lightblue\:80 { color: hsl(195, 53%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:90, html.auto .sf-c-txt-lightblue\:90 { color: hsl(195, 53%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:100, html.auto .sf-c-txt-lightblue\:100 { color: hsl(195, 53%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightblue\:dark, html.auto .sf-c-txt-lightblue\:dark { color: hsl(195, 53%, 79%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:0\:dark, html.auto .sf-c-txt-lightblue\:0\:dark { color: hsl(195, 53%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:10\:dark, html.auto .sf-c-txt-lightblue\:10\:dark { color: hsl(195, 53%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:20\:dark, html.auto .sf-c-txt-lightblue\:20\:dark { color: hsl(195, 53%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:30\:dark, html.auto .sf-c-txt-lightblue\:30\:dark { color: hsl(195, 53%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:40\:dark, html.auto .sf-c-txt-lightblue\:40\:dark { color: hsl(195, 53%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:50\:dark, html.auto .sf-c-txt-lightblue\:50\:dark { color: hsl(195, 53%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:60\:dark, html.auto .sf-c-txt-lightblue\:60\:dark { color: hsl(195, 53%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:70\:dark, html.auto .sf-c-txt-lightblue\:70\:dark { color: hsl(195, 53%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:80\:dark, html.auto .sf-c-txt-lightblue\:80\:dark { color: hsl(195, 53%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:90\:dark, html.auto .sf-c-txt-lightblue\:90\:dark { color: hsl(195, 53%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:100\:dark, html.auto .sf-c-txt-lightblue\:100\:dark { color: hsl(195, 53%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lightcoral.css b/src/colors/10/lightcoral.css index 04a1ac3..8b0e51d 100644 --- a/src/colors/10/lightcoral.css +++ b/src/colors/10/lightcoral.css @@ -78,6 +78,32 @@ html.var .sf-c-lightcoral\:80 { color: hsl(0, 79%, 10%); background: hsl(0, 79%, html.var .sf-c-lightcoral\:90 { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 90%) } html.var .sf-c-lightcoral\:100 { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 100%) } +.sf-c-txt-lightcoral { color: hsl(var(--sf-dark-c-txt-lightcoral)) } +.sf-c-txt-lightcoral\:0 { color: hsl(var(--sf-dark-c-txt-lightcoral-100)) } +.sf-c-txt-lightcoral\:10 { color: hsl(var(--sf-dark-c-txt-lightcoral-90)) } +.sf-c-txt-lightcoral\:20 { color: hsl(var(--sf-dark-c-txt-lightcoral-80)) } +.sf-c-txt-lightcoral\:30 { color: hsl(var(--sf-dark-c-txt-lightcoral-70)) } +.sf-c-txt-lightcoral\:40 { color: hsl(var(--sf-dark-c-txt-lightcoral-60)) } +.sf-c-txt-lightcoral\:50 { color: hsl(var(--sf-dark-c-txt-lightcoral-50)) } +.sf-c-txt-lightcoral\:60 { color: hsl(var(--sf-dark-c-txt-lightcoral-40)) } +.sf-c-txt-lightcoral\:70 { color: hsl(var(--sf-dark-c-txt-lightcoral-30)) } +.sf-c-txt-lightcoral\:80 { color: hsl(var(--sf-dark-c-txt-lightcoral-20)) } +.sf-c-txt-lightcoral\:90 { color: hsl(var(--sf-dark-c-txt-lightcoral-10)) } +.sf-c-txt-lightcoral\:100 { color: hsl(var(--sf-dark-c-txt-lightcoral-0)) } + +html.var .sf-c-txt-lightcoral { color: hsl(0, 79%, 28%) } +html.var .sf-c-txt-lightcoral\:0 { color: hsl(0, 79%, 100%) } +html.var .sf-c-txt-lightcoral\:10 { color: hsl(0, 79%, 90%) } +html.var .sf-c-txt-lightcoral\:20 { color: hsl(0, 79%, 80%) } +html.var .sf-c-txt-lightcoral\:30 { color: hsl(0, 79%, 70%) } +html.var .sf-c-txt-lightcoral\:40 { color: hsl(0, 79%, 60%) } +html.var .sf-c-txt-lightcoral\:50 { color: hsl(0, 79%, 50%) } +html.var .sf-c-txt-lightcoral\:60 { color: hsl(0, 79%, 40%) } +html.var .sf-c-txt-lightcoral\:70 { color: hsl(0, 79%, 30%) } +html.var .sf-c-txt-lightcoral\:80 { color: hsl(0, 79%, 20%) } +html.var .sf-c-txt-lightcoral\:90 { color: hsl(0, 79%, 10%) } +html.var .sf-c-txt-lightcoral\:100 { color: hsl(0, 79%, 0%) } + html[data-theme='dark'] .sf-c-lightcoral, html.dark .sf-c-lightcoral { color: hsl(var(--sf-dark-c-txt-lightcoral-90)); background: hsl(var(--sf-dark-c-lightcoral)) } html[data-theme='dark'] .sf-c-lightcoral\:0, html.dark .sf-c-lightcoral\:0 { color: hsl(var(--sf-dark-c-txt-lightcoral-90)); background: hsl(var(--sf-dark-c-lightcoral-100)) } html[data-theme='dark'] .sf-c-lightcoral\:10, html.dark .sf-c-lightcoral\:10 { color: hsl(var(--sf-dark-c-txt-lightcoral-10)); background: hsl(var(--sf-dark-c-lightcoral-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lightcoral\:80\:dark, html.dark .sf-c-lightcoral\: html[data-theme='dark'] .sf-c-lightcoral\:90\:dark, html.dark .sf-c-lightcoral\:90\:dark { color: hsl(var(--sf-c-txt-lightcoral-90)); background: hsl(var(--sf-c-lightcoral-10)) } html[data-theme='dark'] .sf-c-lightcoral\:100\:dark, html.dark .sf-c-lightcoral\:100\:dark { color: hsl(var(--sf-c-txt-lightcoral-90)); background: hsl(var(--sf-c-lightcoral-0)) } +html[data-theme='dark'] .sf-c-txt-lightcoral, html.dark .sf-c-txt-lightcoral { color: hsl(var(--sf-c-txt-lightcoral)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:0, html.dark .sf-c-txt-lightcoral\:0 { color: hsl(var(--sf-c-txt-lightcoral-0)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:10, html.dark .sf-c-txt-lightcoral\:10 { color: hsl(var(--sf-c-txt-lightcoral-10)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:20, html.dark .sf-c-txt-lightcoral\:20 { color: hsl(var(--sf-c-txt-lightcoral-20)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:30, html.dark .sf-c-txt-lightcoral\:30 { color: hsl(var(--sf-c-txt-lightcoral-30)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:40, html.dark .sf-c-txt-lightcoral\:40 { color: hsl(var(--sf-c-txt-lightcoral-40)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:50, html.dark .sf-c-txt-lightcoral\:50 { color: hsl(var(--sf-c-txt-lightcoral-50)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:60, html.dark .sf-c-txt-lightcoral\:60 { color: hsl(var(--sf-c-txt-lightcoral-60)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:70, html.dark .sf-c-txt-lightcoral\:70 { color: hsl(var(--sf-c-txt-lightcoral-70)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:80, html.dark .sf-c-txt-lightcoral\:80 { color: hsl(var(--sf-c-txt-lightcoral-80)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:90, html.dark .sf-c-txt-lightcoral\:90 { color: hsl(var(--sf-c-txt-lightcoral-90)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:100, html.dark .sf-c-txt-lightcoral\:100 { color: hsl(var(--sf-c-txt-lightcoral-100)) } + +html[data-theme='dark'] .sf-c-txt-lightcoral\:dark, html.dark .sf-c-txt-lightcoral\:dark { color: hsl(var(--sf-c-txt-lightcoral)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:0\:dark, html.dark .sf-c-txt-lightcoral\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-0)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:10\:dark, html.dark .sf-c-txt-lightcoral\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-10)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:20\:dark, html.dark .sf-c-txt-lightcoral\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-20)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:30\:dark, html.dark .sf-c-txt-lightcoral\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-30)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:40\:dark, html.dark .sf-c-txt-lightcoral\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-40)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:50\:dark, html.dark .sf-c-txt-lightcoral\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-50)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:60\:dark, html.dark .sf-c-txt-lightcoral\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-60)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:70\:dark, html.dark .sf-c-txt-lightcoral\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-70)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:80\:dark, html.dark .sf-c-txt-lightcoral\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-80)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:90\:dark, html.dark .sf-c-txt-lightcoral\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-90)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:100\:dark, html.dark .sf-c-txt-lightcoral\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-100)) } + html.var[data-theme='dark'] .sf-c-lightcoral, html.var.dark .sf-c-lightcoral { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 28%) } html.var[data-theme='dark'] .sf-c-lightcoral\:0, html.var.dark .sf-c-lightcoral\:0 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 100%) } html.var[data-theme='dark'] .sf-c-lightcoral\:10, html.var.dark .sf-c-lightcoral\:10 { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lightcoral\:80\:dark, html.var.dark .sf-c-ligh html.var[data-theme='dark'] .sf-c-lightcoral\:90\:dark, html.var.dark .sf-c-lightcoral\:90\:dark { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 10%) } html.var[data-theme='dark'] .sf-c-lightcoral\:100\:dark, html.var.dark .sf-c-lightcoral\:100\:dark { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral, html.dark .sf-c-txt-lightcoral { color: hsl(0, 79%, 72%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:0, html.dark .sf-c-txt-lightcoral\:0 { color: hsl(0, 79%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:10, html.dark .sf-c-txt-lightcoral\:10 { color: hsl(0, 79%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:20, html.dark .sf-c-txt-lightcoral\:20 { color: hsl(0, 79%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:30, html.dark .sf-c-txt-lightcoral\:30 { color: hsl(0, 79%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:40, html.dark .sf-c-txt-lightcoral\:40 { color: hsl(0, 79%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:50, html.dark .sf-c-txt-lightcoral\:50 { color: hsl(0, 79%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:60, html.dark .sf-c-txt-lightcoral\:60 { color: hsl(0, 79%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:70, html.dark .sf-c-txt-lightcoral\:70 { color: hsl(0, 79%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:80, html.dark .sf-c-txt-lightcoral\:80 { color: hsl(0, 79%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:90, html.dark .sf-c-txt-lightcoral\:90 { color: hsl(0, 79%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:100, html.dark .sf-c-txt-lightcoral\:100 { color: hsl(0, 79%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:dark, html.dark .sf-c-txt-lightcoral\:dark { color: hsl(0, 79%, 72%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:0\:dark, html.dark .sf-c-txt-lightcoral\:0\:dark { color: hsl(0, 79%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:10\:dark, html.dark .sf-c-txt-lightcoral\:10\:dark { color: hsl(0, 79%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:20\:dark, html.dark .sf-c-txt-lightcoral\:20\:dark { color: hsl(0, 79%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:30\:dark, html.dark .sf-c-txt-lightcoral\:30\:dark { color: hsl(0, 79%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:40\:dark, html.dark .sf-c-txt-lightcoral\:40\:dark { color: hsl(0, 79%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:50\:dark, html.dark .sf-c-txt-lightcoral\:50\:dark { color: hsl(0, 79%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:60\:dark, html.dark .sf-c-txt-lightcoral\:60\:dark { color: hsl(0, 79%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:70\:dark, html.dark .sf-c-txt-lightcoral\:70\:dark { color: hsl(0, 79%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:80\:dark, html.dark .sf-c-txt-lightcoral\:80\:dark { color: hsl(0, 79%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:90\:dark, html.dark .sf-c-txt-lightcoral\:90\:dark { color: hsl(0, 79%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:100\:dark, html.dark .sf-c-txt-lightcoral\:100\:dark { color: hsl(0, 79%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightcoral, html.auto .sf-c-lightcoral { color: hsl(var(--sf-dark-c-txt-lightcoral-90)); background: hsl(var(--sf-dark-c-lightcoral)) } html[data-theme='auto'] .sf-c-lightcoral\:0, html.auto .sf-c-lightcoral\:0 { color: hsl(var(--sf-dark-c-txt-lightcoral-90)); background: hsl(var(--sf-dark-c-lightcoral-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lightcoral\:100\:dark, html.var.dark .sf-c-lig html[data-theme='auto'] .sf-c-lightcoral\:90\:dark, html.auto .sf-c-lightcoral\:90\:dark { color: hsl(var(--sf-c-txt-lightcoral-90)); background: hsl(var(--sf-c-lightcoral-10)) } html[data-theme='auto'] .sf-c-lightcoral\:100\:dark, html.auto .sf-c-lightcoral\:100\:dark { color: hsl(var(--sf-c-txt-lightcoral-90)); background: hsl(var(--sf-c-lightcoral-0)) } + html[data-theme='auto'] .sf-c-txt-lightcoral, html.auto .sf-c-txt-lightcoral { color: hsl(var(--sf-c-txt-lightcoral)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:0, html.auto .sf-c-txt-lightcoral\:0 { color: hsl(var(--sf-c-txt-lightcoral-0)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:10, html.auto .sf-c-txt-lightcoral\:10 { color: hsl(var(--sf-c-txt-lightcoral-10)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:20, html.auto .sf-c-txt-lightcoral\:20 { color: hsl(var(--sf-c-txt-lightcoral-20)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:30, html.auto .sf-c-txt-lightcoral\:30 { color: hsl(var(--sf-c-txt-lightcoral-30)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:40, html.auto .sf-c-txt-lightcoral\:40 { color: hsl(var(--sf-c-txt-lightcoral-40)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:50, html.auto .sf-c-txt-lightcoral\:50 { color: hsl(var(--sf-c-txt-lightcoral-50)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:60, html.auto .sf-c-txt-lightcoral\:60 { color: hsl(var(--sf-c-txt-lightcoral-60)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:70, html.auto .sf-c-txt-lightcoral\:70 { color: hsl(var(--sf-c-txt-lightcoral-70)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:80, html.auto .sf-c-txt-lightcoral\:80 { color: hsl(var(--sf-c-txt-lightcoral-80)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:90, html.auto .sf-c-txt-lightcoral\:90 { color: hsl(var(--sf-c-txt-lightcoral-90)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:100, html.auto .sf-c-txt-lightcoral\:100 { color: hsl(var(--sf-c-txt-lightcoral-100)) } + + html[data-theme='auto'] .sf-c-txt-lightcoral\:dark, html.auto .sf-c-txt-lightcoral\:dark { color: hsl(var(--sf-c-txt-lightcoral)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:0\:dark, html.auto .sf-c-txt-lightcoral\:0\:dark { color: hsl(var(--sf-c-txt-lightcoral-0)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:10\:dark, html.auto .sf-c-txt-lightcoral\:10\:dark { color: hsl(var(--sf-c-txt-lightcoral-10)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:20\:dark, html.auto .sf-c-txt-lightcoral\:20\:dark { color: hsl(var(--sf-c-txt-lightcoral-20)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:30\:dark, html.auto .sf-c-txt-lightcoral\:30\:dark { color: hsl(var(--sf-c-txt-lightcoral-30)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:40\:dark, html.auto .sf-c-txt-lightcoral\:40\:dark { color: hsl(var(--sf-c-txt-lightcoral-40)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:50\:dark, html.auto .sf-c-txt-lightcoral\:50\:dark { color: hsl(var(--sf-c-txt-lightcoral-50)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:60\:dark, html.auto .sf-c-txt-lightcoral\:60\:dark { color: hsl(var(--sf-c-txt-lightcoral-60)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:70\:dark, html.auto .sf-c-txt-lightcoral\:70\:dark { color: hsl(var(--sf-c-txt-lightcoral-70)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:80\:dark, html.auto .sf-c-txt-lightcoral\:80\:dark { color: hsl(var(--sf-c-txt-lightcoral-80)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:90\:dark, html.auto .sf-c-txt-lightcoral\:90\:dark { color: hsl(var(--sf-c-txt-lightcoral-90)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:100\:dark, html.auto .sf-c-txt-lightcoral\:100\:dark { color: hsl(var(--sf-c-txt-lightcoral-100)) } + html.var[data-theme='auto'] .sf-c-lightcoral, html.var.auto .sf-c-lightcoral { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 28%) } html.var[data-theme='auto'] .sf-c-lightcoral\:0, html.var.auto .sf-c-lightcoral\:0 { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 100%) } html.var[data-theme='auto'] .sf-c-lightcoral\:10, html.var.auto .sf-c-lightcoral\:10 { color: hsl(0, 79%, 10%); background: hsl(0, 79%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lightcoral\:100\:dark, html.var.dark .sf-c-lig html.var[data-theme='auto'] .sf-c-lightcoral\:80\:dark, html.var.auto .sf-c-lightcoral\:80\:dark { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 20%) } html.var[data-theme='auto'] .sf-c-lightcoral\:90\:dark, html.var.auto .sf-c-lightcoral\:90\:dark { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 10%) } html.var[data-theme='auto'] .sf-c-lightcoral\:100\:dark, html.var.auto .sf-c-lightcoral\:100\:dark { color: hsl(0, 79%, 90%); background: hsl(0, 79%, 0%) } -} -.sf-c-txt-lightcoral { color: hsl(var(--sf-c-txt-lightcoral)) } -.sf-c-txt-lightcoral\:0 { color: hsl(var(--sf-c-txt-lightcoral-0)) } -.sf-c-txt-lightcoral\:10 { color: hsl(var(--sf-c-txt-lightcoral-10)) } -.sf-c-txt-lightcoral\:20 { color: hsl(var(--sf-c-txt-lightcoral-20)) } -.sf-c-txt-lightcoral\:30 { color: hsl(var(--sf-c-txt-lightcoral-30)) } -.sf-c-txt-lightcoral\:40 { color: hsl(var(--sf-c-txt-lightcoral-40)) } -.sf-c-txt-lightcoral\:50 { color: hsl(var(--sf-c-txt-lightcoral-50)) } -.sf-c-txt-lightcoral\:60 { color: hsl(var(--sf-c-txt-lightcoral-60)) } -.sf-c-txt-lightcoral\:70 { color: hsl(var(--sf-c-txt-lightcoral-70)) } -.sf-c-txt-lightcoral\:80 { color: hsl(var(--sf-c-txt-lightcoral-80)) } -.sf-c-txt-lightcoral\:90 { color: hsl(var(--sf-c-txt-lightcoral-90)) } -.sf-c-txt-lightcoral\:100 { color: hsl(var(--sf-c-txt-lightcoral-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightcoral, html.auto .sf-c-txt-lightcoral { color: hsl(0, 79%, 72%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:0, html.auto .sf-c-txt-lightcoral\:0 { color: hsl(0, 79%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:10, html.auto .sf-c-txt-lightcoral\:10 { color: hsl(0, 79%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:20, html.auto .sf-c-txt-lightcoral\:20 { color: hsl(0, 79%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:30, html.auto .sf-c-txt-lightcoral\:30 { color: hsl(0, 79%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:40, html.auto .sf-c-txt-lightcoral\:40 { color: hsl(0, 79%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:50, html.auto .sf-c-txt-lightcoral\:50 { color: hsl(0, 79%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:60, html.auto .sf-c-txt-lightcoral\:60 { color: hsl(0, 79%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:70, html.auto .sf-c-txt-lightcoral\:70 { color: hsl(0, 79%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:80, html.auto .sf-c-txt-lightcoral\:80 { color: hsl(0, 79%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:90, html.auto .sf-c-txt-lightcoral\:90 { color: hsl(0, 79%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:100, html.auto .sf-c-txt-lightcoral\:100 { color: hsl(0, 79%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:dark, html.auto .sf-c-txt-lightcoral\:dark { color: hsl(0, 79%, 72%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:0\:dark, html.auto .sf-c-txt-lightcoral\:0\:dark { color: hsl(0, 79%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:10\:dark, html.auto .sf-c-txt-lightcoral\:10\:dark { color: hsl(0, 79%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:20\:dark, html.auto .sf-c-txt-lightcoral\:20\:dark { color: hsl(0, 79%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:30\:dark, html.auto .sf-c-txt-lightcoral\:30\:dark { color: hsl(0, 79%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:40\:dark, html.auto .sf-c-txt-lightcoral\:40\:dark { color: hsl(0, 79%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:50\:dark, html.auto .sf-c-txt-lightcoral\:50\:dark { color: hsl(0, 79%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:60\:dark, html.auto .sf-c-txt-lightcoral\:60\:dark { color: hsl(0, 79%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:70\:dark, html.auto .sf-c-txt-lightcoral\:70\:dark { color: hsl(0, 79%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:80\:dark, html.auto .sf-c-txt-lightcoral\:80\:dark { color: hsl(0, 79%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:90\:dark, html.auto .sf-c-txt-lightcoral\:90\:dark { color: hsl(0, 79%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:100\:dark, html.auto .sf-c-txt-lightcoral\:100\:dark { color: hsl(0, 79%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lightcyan.css b/src/colors/10/lightcyan.css index ad3516d..b822f27 100644 --- a/src/colors/10/lightcyan.css +++ b/src/colors/10/lightcyan.css @@ -78,6 +78,32 @@ html.var .sf-c-lightcyan\:80 { color: hsl(180, 100%, 10%); background: hsl(180, html.var .sf-c-lightcyan\:90 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } html.var .sf-c-lightcyan\:100 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } +.sf-c-txt-lightcyan { color: hsl(var(--sf-dark-c-txt-lightcyan)) } +.sf-c-txt-lightcyan\:0 { color: hsl(var(--sf-dark-c-txt-lightcyan-100)) } +.sf-c-txt-lightcyan\:10 { color: hsl(var(--sf-dark-c-txt-lightcyan-90)) } +.sf-c-txt-lightcyan\:20 { color: hsl(var(--sf-dark-c-txt-lightcyan-80)) } +.sf-c-txt-lightcyan\:30 { color: hsl(var(--sf-dark-c-txt-lightcyan-70)) } +.sf-c-txt-lightcyan\:40 { color: hsl(var(--sf-dark-c-txt-lightcyan-60)) } +.sf-c-txt-lightcyan\:50 { color: hsl(var(--sf-dark-c-txt-lightcyan-50)) } +.sf-c-txt-lightcyan\:60 { color: hsl(var(--sf-dark-c-txt-lightcyan-40)) } +.sf-c-txt-lightcyan\:70 { color: hsl(var(--sf-dark-c-txt-lightcyan-30)) } +.sf-c-txt-lightcyan\:80 { color: hsl(var(--sf-dark-c-txt-lightcyan-20)) } +.sf-c-txt-lightcyan\:90 { color: hsl(var(--sf-dark-c-txt-lightcyan-10)) } +.sf-c-txt-lightcyan\:100 { color: hsl(var(--sf-dark-c-txt-lightcyan-0)) } + +html.var .sf-c-txt-lightcyan { color: hsl(180, 100%, 6%) } +html.var .sf-c-txt-lightcyan\:0 { color: hsl(180, 100%, 100%) } +html.var .sf-c-txt-lightcyan\:10 { color: hsl(180, 100%, 90%) } +html.var .sf-c-txt-lightcyan\:20 { color: hsl(180, 100%, 80%) } +html.var .sf-c-txt-lightcyan\:30 { color: hsl(180, 100%, 70%) } +html.var .sf-c-txt-lightcyan\:40 { color: hsl(180, 100%, 60%) } +html.var .sf-c-txt-lightcyan\:50 { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-lightcyan\:60 { color: hsl(180, 100%, 40%) } +html.var .sf-c-txt-lightcyan\:70 { color: hsl(180, 100%, 30%) } +html.var .sf-c-txt-lightcyan\:80 { color: hsl(180, 100%, 20%) } +html.var .sf-c-txt-lightcyan\:90 { color: hsl(180, 100%, 10%) } +html.var .sf-c-txt-lightcyan\:100 { color: hsl(180, 100%, 0%) } + html[data-theme='dark'] .sf-c-lightcyan, html.dark .sf-c-lightcyan { color: hsl(var(--sf-dark-c-txt-lightcyan-90)); background: hsl(var(--sf-dark-c-lightcyan)) } html[data-theme='dark'] .sf-c-lightcyan\:0, html.dark .sf-c-lightcyan\:0 { color: hsl(var(--sf-dark-c-txt-lightcyan-90)); background: hsl(var(--sf-dark-c-lightcyan-100)) } html[data-theme='dark'] .sf-c-lightcyan\:10, html.dark .sf-c-lightcyan\:10 { color: hsl(var(--sf-dark-c-txt-lightcyan-10)); background: hsl(var(--sf-dark-c-lightcyan-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lightcyan\:80\:dark, html.dark .sf-c-lightcyan\:80 html[data-theme='dark'] .sf-c-lightcyan\:90\:dark, html.dark .sf-c-lightcyan\:90\:dark { color: hsl(var(--sf-c-txt-lightcyan-90)); background: hsl(var(--sf-c-lightcyan-10)) } html[data-theme='dark'] .sf-c-lightcyan\:100\:dark, html.dark .sf-c-lightcyan\:100\:dark { color: hsl(var(--sf-c-txt-lightcyan-90)); background: hsl(var(--sf-c-lightcyan-0)) } +html[data-theme='dark'] .sf-c-txt-lightcyan, html.dark .sf-c-txt-lightcyan { color: hsl(var(--sf-c-txt-lightcyan)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:0, html.dark .sf-c-txt-lightcyan\:0 { color: hsl(var(--sf-c-txt-lightcyan-0)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:10, html.dark .sf-c-txt-lightcyan\:10 { color: hsl(var(--sf-c-txt-lightcyan-10)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:20, html.dark .sf-c-txt-lightcyan\:20 { color: hsl(var(--sf-c-txt-lightcyan-20)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:30, html.dark .sf-c-txt-lightcyan\:30 { color: hsl(var(--sf-c-txt-lightcyan-30)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:40, html.dark .sf-c-txt-lightcyan\:40 { color: hsl(var(--sf-c-txt-lightcyan-40)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:50, html.dark .sf-c-txt-lightcyan\:50 { color: hsl(var(--sf-c-txt-lightcyan-50)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:60, html.dark .sf-c-txt-lightcyan\:60 { color: hsl(var(--sf-c-txt-lightcyan-60)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:70, html.dark .sf-c-txt-lightcyan\:70 { color: hsl(var(--sf-c-txt-lightcyan-70)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:80, html.dark .sf-c-txt-lightcyan\:80 { color: hsl(var(--sf-c-txt-lightcyan-80)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:90, html.dark .sf-c-txt-lightcyan\:90 { color: hsl(var(--sf-c-txt-lightcyan-90)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:100, html.dark .sf-c-txt-lightcyan\:100 { color: hsl(var(--sf-c-txt-lightcyan-100)) } + +html[data-theme='dark'] .sf-c-txt-lightcyan\:dark, html.dark .sf-c-txt-lightcyan\:dark { color: hsl(var(--sf-c-txt-lightcyan)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:0\:dark, html.dark .sf-c-txt-lightcyan\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-0)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:10\:dark, html.dark .sf-c-txt-lightcyan\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-10)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:20\:dark, html.dark .sf-c-txt-lightcyan\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-20)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:30\:dark, html.dark .sf-c-txt-lightcyan\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-30)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:40\:dark, html.dark .sf-c-txt-lightcyan\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-40)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:50\:dark, html.dark .sf-c-txt-lightcyan\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-50)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:60\:dark, html.dark .sf-c-txt-lightcyan\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-60)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:70\:dark, html.dark .sf-c-txt-lightcyan\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-70)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:80\:dark, html.dark .sf-c-txt-lightcyan\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-80)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:90\:dark, html.dark .sf-c-txt-lightcyan\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-90)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:100\:dark, html.dark .sf-c-txt-lightcyan\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-100)) } + html.var[data-theme='dark'] .sf-c-lightcyan, html.var.dark .sf-c-lightcyan { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 6%) } html.var[data-theme='dark'] .sf-c-lightcyan\:0, html.var.dark .sf-c-lightcyan\:0 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lightcyan\:10, html.var.dark .sf-c-lightcyan\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lightcyan\:80\:dark, html.var.dark .sf-c-light html.var[data-theme='dark'] .sf-c-lightcyan\:90\:dark, html.var.dark .sf-c-lightcyan\:90\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } html.var[data-theme='dark'] .sf-c-lightcyan\:100\:dark, html.var.dark .sf-c-lightcyan\:100\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan, html.dark .sf-c-txt-lightcyan { color: hsl(180, 100%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:0, html.dark .sf-c-txt-lightcyan\:0 { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:10, html.dark .sf-c-txt-lightcyan\:10 { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:20, html.dark .sf-c-txt-lightcyan\:20 { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:30, html.dark .sf-c-txt-lightcyan\:30 { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:40, html.dark .sf-c-txt-lightcyan\:40 { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:50, html.dark .sf-c-txt-lightcyan\:50 { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:60, html.dark .sf-c-txt-lightcyan\:60 { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:70, html.dark .sf-c-txt-lightcyan\:70 { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:80, html.dark .sf-c-txt-lightcyan\:80 { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:90, html.dark .sf-c-txt-lightcyan\:90 { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:100, html.dark .sf-c-txt-lightcyan\:100 { color: hsl(180, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:dark, html.dark .sf-c-txt-lightcyan\:dark { color: hsl(180, 100%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:0\:dark, html.dark .sf-c-txt-lightcyan\:0\:dark { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:10\:dark, html.dark .sf-c-txt-lightcyan\:10\:dark { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:20\:dark, html.dark .sf-c-txt-lightcyan\:20\:dark { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:30\:dark, html.dark .sf-c-txt-lightcyan\:30\:dark { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:40\:dark, html.dark .sf-c-txt-lightcyan\:40\:dark { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:50\:dark, html.dark .sf-c-txt-lightcyan\:50\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:60\:dark, html.dark .sf-c-txt-lightcyan\:60\:dark { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:70\:dark, html.dark .sf-c-txt-lightcyan\:70\:dark { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:80\:dark, html.dark .sf-c-txt-lightcyan\:80\:dark { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:90\:dark, html.dark .sf-c-txt-lightcyan\:90\:dark { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:100\:dark, html.dark .sf-c-txt-lightcyan\:100\:dark { color: hsl(180, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightcyan, html.auto .sf-c-lightcyan { color: hsl(var(--sf-dark-c-txt-lightcyan-90)); background: hsl(var(--sf-dark-c-lightcyan)) } html[data-theme='auto'] .sf-c-lightcyan\:0, html.auto .sf-c-lightcyan\:0 { color: hsl(var(--sf-dark-c-txt-lightcyan-90)); background: hsl(var(--sf-dark-c-lightcyan-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lightcyan\:100\:dark, html.var.dark .sf-c-ligh html[data-theme='auto'] .sf-c-lightcyan\:90\:dark, html.auto .sf-c-lightcyan\:90\:dark { color: hsl(var(--sf-c-txt-lightcyan-90)); background: hsl(var(--sf-c-lightcyan-10)) } html[data-theme='auto'] .sf-c-lightcyan\:100\:dark, html.auto .sf-c-lightcyan\:100\:dark { color: hsl(var(--sf-c-txt-lightcyan-90)); background: hsl(var(--sf-c-lightcyan-0)) } + html[data-theme='auto'] .sf-c-txt-lightcyan, html.auto .sf-c-txt-lightcyan { color: hsl(var(--sf-c-txt-lightcyan)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:0, html.auto .sf-c-txt-lightcyan\:0 { color: hsl(var(--sf-c-txt-lightcyan-0)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:10, html.auto .sf-c-txt-lightcyan\:10 { color: hsl(var(--sf-c-txt-lightcyan-10)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:20, html.auto .sf-c-txt-lightcyan\:20 { color: hsl(var(--sf-c-txt-lightcyan-20)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:30, html.auto .sf-c-txt-lightcyan\:30 { color: hsl(var(--sf-c-txt-lightcyan-30)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:40, html.auto .sf-c-txt-lightcyan\:40 { color: hsl(var(--sf-c-txt-lightcyan-40)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:50, html.auto .sf-c-txt-lightcyan\:50 { color: hsl(var(--sf-c-txt-lightcyan-50)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:60, html.auto .sf-c-txt-lightcyan\:60 { color: hsl(var(--sf-c-txt-lightcyan-60)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:70, html.auto .sf-c-txt-lightcyan\:70 { color: hsl(var(--sf-c-txt-lightcyan-70)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:80, html.auto .sf-c-txt-lightcyan\:80 { color: hsl(var(--sf-c-txt-lightcyan-80)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:90, html.auto .sf-c-txt-lightcyan\:90 { color: hsl(var(--sf-c-txt-lightcyan-90)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:100, html.auto .sf-c-txt-lightcyan\:100 { color: hsl(var(--sf-c-txt-lightcyan-100)) } + + html[data-theme='auto'] .sf-c-txt-lightcyan\:dark, html.auto .sf-c-txt-lightcyan\:dark { color: hsl(var(--sf-c-txt-lightcyan)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:0\:dark, html.auto .sf-c-txt-lightcyan\:0\:dark { color: hsl(var(--sf-c-txt-lightcyan-0)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:10\:dark, html.auto .sf-c-txt-lightcyan\:10\:dark { color: hsl(var(--sf-c-txt-lightcyan-10)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:20\:dark, html.auto .sf-c-txt-lightcyan\:20\:dark { color: hsl(var(--sf-c-txt-lightcyan-20)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:30\:dark, html.auto .sf-c-txt-lightcyan\:30\:dark { color: hsl(var(--sf-c-txt-lightcyan-30)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:40\:dark, html.auto .sf-c-txt-lightcyan\:40\:dark { color: hsl(var(--sf-c-txt-lightcyan-40)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:50\:dark, html.auto .sf-c-txt-lightcyan\:50\:dark { color: hsl(var(--sf-c-txt-lightcyan-50)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:60\:dark, html.auto .sf-c-txt-lightcyan\:60\:dark { color: hsl(var(--sf-c-txt-lightcyan-60)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:70\:dark, html.auto .sf-c-txt-lightcyan\:70\:dark { color: hsl(var(--sf-c-txt-lightcyan-70)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:80\:dark, html.auto .sf-c-txt-lightcyan\:80\:dark { color: hsl(var(--sf-c-txt-lightcyan-80)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:90\:dark, html.auto .sf-c-txt-lightcyan\:90\:dark { color: hsl(var(--sf-c-txt-lightcyan-90)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:100\:dark, html.auto .sf-c-txt-lightcyan\:100\:dark { color: hsl(var(--sf-c-txt-lightcyan-100)) } + html.var[data-theme='auto'] .sf-c-lightcyan, html.var.auto .sf-c-lightcyan { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 6%) } html.var[data-theme='auto'] .sf-c-lightcyan\:0, html.var.auto .sf-c-lightcyan\:0 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lightcyan\:10, html.var.auto .sf-c-lightcyan\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lightcyan\:100\:dark, html.var.dark .sf-c-ligh html.var[data-theme='auto'] .sf-c-lightcyan\:80\:dark, html.var.auto .sf-c-lightcyan\:80\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } html.var[data-theme='auto'] .sf-c-lightcyan\:90\:dark, html.var.auto .sf-c-lightcyan\:90\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lightcyan\:100\:dark, html.var.auto .sf-c-lightcyan\:100\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -} -.sf-c-txt-lightcyan { color: hsl(var(--sf-c-txt-lightcyan)) } -.sf-c-txt-lightcyan\:0 { color: hsl(var(--sf-c-txt-lightcyan-0)) } -.sf-c-txt-lightcyan\:10 { color: hsl(var(--sf-c-txt-lightcyan-10)) } -.sf-c-txt-lightcyan\:20 { color: hsl(var(--sf-c-txt-lightcyan-20)) } -.sf-c-txt-lightcyan\:30 { color: hsl(var(--sf-c-txt-lightcyan-30)) } -.sf-c-txt-lightcyan\:40 { color: hsl(var(--sf-c-txt-lightcyan-40)) } -.sf-c-txt-lightcyan\:50 { color: hsl(var(--sf-c-txt-lightcyan-50)) } -.sf-c-txt-lightcyan\:60 { color: hsl(var(--sf-c-txt-lightcyan-60)) } -.sf-c-txt-lightcyan\:70 { color: hsl(var(--sf-c-txt-lightcyan-70)) } -.sf-c-txt-lightcyan\:80 { color: hsl(var(--sf-c-txt-lightcyan-80)) } -.sf-c-txt-lightcyan\:90 { color: hsl(var(--sf-c-txt-lightcyan-90)) } -.sf-c-txt-lightcyan\:100 { color: hsl(var(--sf-c-txt-lightcyan-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightcyan, html.auto .sf-c-txt-lightcyan { color: hsl(180, 100%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:0, html.auto .sf-c-txt-lightcyan\:0 { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:10, html.auto .sf-c-txt-lightcyan\:10 { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:20, html.auto .sf-c-txt-lightcyan\:20 { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:30, html.auto .sf-c-txt-lightcyan\:30 { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:40, html.auto .sf-c-txt-lightcyan\:40 { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:50, html.auto .sf-c-txt-lightcyan\:50 { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:60, html.auto .sf-c-txt-lightcyan\:60 { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:70, html.auto .sf-c-txt-lightcyan\:70 { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:80, html.auto .sf-c-txt-lightcyan\:80 { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:90, html.auto .sf-c-txt-lightcyan\:90 { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:100, html.auto .sf-c-txt-lightcyan\:100 { color: hsl(180, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:dark, html.auto .sf-c-txt-lightcyan\:dark { color: hsl(180, 100%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:0\:dark, html.auto .sf-c-txt-lightcyan\:0\:dark { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:10\:dark, html.auto .sf-c-txt-lightcyan\:10\:dark { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:20\:dark, html.auto .sf-c-txt-lightcyan\:20\:dark { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:30\:dark, html.auto .sf-c-txt-lightcyan\:30\:dark { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:40\:dark, html.auto .sf-c-txt-lightcyan\:40\:dark { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:50\:dark, html.auto .sf-c-txt-lightcyan\:50\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:60\:dark, html.auto .sf-c-txt-lightcyan\:60\:dark { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:70\:dark, html.auto .sf-c-txt-lightcyan\:70\:dark { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:80\:dark, html.auto .sf-c-txt-lightcyan\:80\:dark { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:90\:dark, html.auto .sf-c-txt-lightcyan\:90\:dark { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:100\:dark, html.auto .sf-c-txt-lightcyan\:100\:dark { color: hsl(180, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lightgoldenrodyellow.css b/src/colors/10/lightgoldenrodyellow.css index 0e83b83..1a7cdff 100644 --- a/src/colors/10/lightgoldenrodyellow.css +++ b/src/colors/10/lightgoldenrodyellow.css @@ -78,6 +78,32 @@ html.var .sf-c-lightgoldenrodyellow\:80 { color: hsl(60, 80%, 10%); background: html.var .sf-c-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 90%) } html.var .sf-c-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 100%) } +.sf-c-txt-lightgoldenrodyellow { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow)) } +.sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-100)) } +.sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-90)) } +.sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-80)) } +.sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-70)) } +.sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-60)) } +.sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-50)) } +.sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-40)) } +.sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-30)) } +.sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-20)) } +.sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-10)) } +.sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-0)) } + +html.var .sf-c-txt-lightgoldenrodyellow { color: hsl(60, 80%, 10%) } +html.var .sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 100%) } +html.var .sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 90%) } +html.var .sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(60, 80%, 80%) } +html.var .sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(60, 80%, 70%) } +html.var .sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(60, 80%, 60%) } +html.var .sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(60, 80%, 50%) } +html.var .sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(60, 80%, 40%) } +html.var .sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(60, 80%, 30%) } +html.var .sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(60, 80%, 20%) } +html.var .sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 10%) } +html.var .sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 0%) } + html[data-theme='dark'] .sf-c-lightgoldenrodyellow, html.dark .sf-c-lightgoldenrodyellow { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-90)); background: hsl(var(--sf-dark-c-lightgoldenrodyellow)) } html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:0, html.dark .sf-c-lightgoldenrodyellow\:0 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-90)); background: hsl(var(--sf-dark-c-lightgoldenrodyellow-100)) } html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:10, html.dark .sf-c-lightgoldenrodyellow\:10 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-10)); background: hsl(var(--sf-dark-c-lightgoldenrodyellow-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:80\:dark, html.dark .sf-c-li html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:90\:dark, html.dark .sf-c-lightgoldenrodyellow\:90\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-90)); background: hsl(var(--sf-c-lightgoldenrodyellow-10)) } html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:100\:dark, html.dark .sf-c-lightgoldenrodyellow\:100\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-90)); background: hsl(var(--sf-c-lightgoldenrodyellow-0)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow, html.dark .sf-c-txt-lightgoldenrodyellow { color: hsl(var(--sf-c-txt-lightgoldenrodyellow)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:0, html.dark .sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-0)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:10, html.dark .sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-10)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:20, html.dark .sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-20)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:30, html.dark .sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-30)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:40, html.dark .sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-40)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:50, html.dark .sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-50)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:60, html.dark .sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-60)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:70, html.dark .sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-70)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:80, html.dark .sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-80)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:90, html.dark .sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-90)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:100, html.dark .sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-100)) } + +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:0\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-0)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:10\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-10)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:20\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-20)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:30\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-30)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:40\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-40)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:50\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-50)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:60\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-60)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:70\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-70)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:80\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-80)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:90\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-90)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:100\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-100)) } + html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow, html.var.dark .sf-c-lightgoldenrodyellow { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 10%) } html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow\:0, html.var.dark .sf-c-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 100%) } html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow\:10, html.var.dark .sf-c-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow\:80\:dark, html.var.dark html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow\:90\:dark, html.var.dark .sf-c-lightgoldenrodyellow\:90\:dark { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 10%) } html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow\:100\:dark, html.var.dark .sf-c-lightgoldenrodyellow\:100\:dark { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow, html.dark .sf-c-txt-lightgoldenrodyellow { color: hsl(60, 80%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:0, html.dark .sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:10, html.dark .sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:20, html.dark .sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(60, 80%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:30, html.dark .sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(60, 80%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:40, html.dark .sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(60, 80%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:50, html.dark .sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(60, 80%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:60, html.dark .sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(60, 80%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:70, html.dark .sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(60, 80%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:80, html.dark .sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(60, 80%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:90, html.dark .sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:100, html.dark .sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:dark { color: hsl(60, 80%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:0\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:0\:dark { color: hsl(60, 80%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:10\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:10\:dark { color: hsl(60, 80%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:20\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:20\:dark { color: hsl(60, 80%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:30\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:30\:dark { color: hsl(60, 80%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:40\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:40\:dark { color: hsl(60, 80%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:50\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:50\:dark { color: hsl(60, 80%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:60\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:60\:dark { color: hsl(60, 80%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:70\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:70\:dark { color: hsl(60, 80%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:80\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:80\:dark { color: hsl(60, 80%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:90\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:90\:dark { color: hsl(60, 80%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:100\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:100\:dark { color: hsl(60, 80%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightgoldenrodyellow, html.auto .sf-c-lightgoldenrodyellow { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-90)); background: hsl(var(--sf-dark-c-lightgoldenrodyellow)) } html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:0, html.auto .sf-c-lightgoldenrodyellow\:0 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-90)); background: hsl(var(--sf-dark-c-lightgoldenrodyellow-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow\:100\:dark, html.var.dark html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:90\:dark, html.auto .sf-c-lightgoldenrodyellow\:90\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-90)); background: hsl(var(--sf-c-lightgoldenrodyellow-10)) } html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:100\:dark, html.auto .sf-c-lightgoldenrodyellow\:100\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-90)); background: hsl(var(--sf-c-lightgoldenrodyellow-0)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow, html.auto .sf-c-txt-lightgoldenrodyellow { color: hsl(var(--sf-c-txt-lightgoldenrodyellow)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:0, html.auto .sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-0)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:10, html.auto .sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-10)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:20, html.auto .sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-20)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:30, html.auto .sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-30)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:40, html.auto .sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-40)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:50, html.auto .sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-50)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:60, html.auto .sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-60)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:70, html.auto .sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-70)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:80, html.auto .sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-80)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:90, html.auto .sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-90)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:100, html.auto .sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-100)) } + + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:0\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:0\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-0)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:10\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:10\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-10)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:20\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:20\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-20)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:30\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:30\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-30)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:40\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:40\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-40)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:50\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:50\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-50)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:60\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:60\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-60)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:70\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:70\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-70)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:80\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:80\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-80)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:90\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:90\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-90)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:100\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:100\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-100)) } + html.var[data-theme='auto'] .sf-c-lightgoldenrodyellow, html.var.auto .sf-c-lightgoldenrodyellow { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 10%) } html.var[data-theme='auto'] .sf-c-lightgoldenrodyellow\:0, html.var.auto .sf-c-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 100%) } html.var[data-theme='auto'] .sf-c-lightgoldenrodyellow\:10, html.var.auto .sf-c-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 10%); background: hsl(60, 80%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow\:100\:dark, html.var.dark html.var[data-theme='auto'] .sf-c-lightgoldenrodyellow\:80\:dark, html.var.auto .sf-c-lightgoldenrodyellow\:80\:dark { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 20%) } html.var[data-theme='auto'] .sf-c-lightgoldenrodyellow\:90\:dark, html.var.auto .sf-c-lightgoldenrodyellow\:90\:dark { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 10%) } html.var[data-theme='auto'] .sf-c-lightgoldenrodyellow\:100\:dark, html.var.auto .sf-c-lightgoldenrodyellow\:100\:dark { color: hsl(60, 80%, 90%); background: hsl(60, 80%, 0%) } -} -.sf-c-txt-lightgoldenrodyellow { color: hsl(var(--sf-c-txt-lightgoldenrodyellow)) } -.sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-0)) } -.sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-10)) } -.sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-20)) } -.sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-30)) } -.sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-40)) } -.sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-50)) } -.sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-60)) } -.sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-70)) } -.sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-80)) } -.sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-90)) } -.sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow, html.auto .sf-c-txt-lightgoldenrodyellow { color: hsl(60, 80%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:0, html.auto .sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:10, html.auto .sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:20, html.auto .sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(60, 80%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:30, html.auto .sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(60, 80%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:40, html.auto .sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(60, 80%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:50, html.auto .sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(60, 80%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:60, html.auto .sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(60, 80%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:70, html.auto .sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(60, 80%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:80, html.auto .sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(60, 80%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:90, html.auto .sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:100, html.auto .sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:dark { color: hsl(60, 80%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:0\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:0\:dark { color: hsl(60, 80%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:10\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:10\:dark { color: hsl(60, 80%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:20\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:20\:dark { color: hsl(60, 80%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:30\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:30\:dark { color: hsl(60, 80%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:40\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:40\:dark { color: hsl(60, 80%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:50\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:50\:dark { color: hsl(60, 80%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:60\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:60\:dark { color: hsl(60, 80%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:70\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:70\:dark { color: hsl(60, 80%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:80\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:80\:dark { color: hsl(60, 80%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:90\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:90\:dark { color: hsl(60, 80%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:100\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:100\:dark { color: hsl(60, 80%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lightgray.css b/src/colors/10/lightgray.css index ad28794..b304aaa 100644 --- a/src/colors/10/lightgray.css +++ b/src/colors/10/lightgray.css @@ -78,6 +78,32 @@ html.var .sf-c-lightgray\:80 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80 html.var .sf-c-lightgray\:90 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } html.var .sf-c-lightgray\:100 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } +.sf-c-txt-lightgray { color: hsl(var(--sf-dark-c-txt-lightgray)) } +.sf-c-txt-lightgray\:0 { color: hsl(var(--sf-dark-c-txt-lightgray-100)) } +.sf-c-txt-lightgray\:10 { color: hsl(var(--sf-dark-c-txt-lightgray-90)) } +.sf-c-txt-lightgray\:20 { color: hsl(var(--sf-dark-c-txt-lightgray-80)) } +.sf-c-txt-lightgray\:30 { color: hsl(var(--sf-dark-c-txt-lightgray-70)) } +.sf-c-txt-lightgray\:40 { color: hsl(var(--sf-dark-c-txt-lightgray-60)) } +.sf-c-txt-lightgray\:50 { color: hsl(var(--sf-dark-c-txt-lightgray-50)) } +.sf-c-txt-lightgray\:60 { color: hsl(var(--sf-dark-c-txt-lightgray-40)) } +.sf-c-txt-lightgray\:70 { color: hsl(var(--sf-dark-c-txt-lightgray-30)) } +.sf-c-txt-lightgray\:80 { color: hsl(var(--sf-dark-c-txt-lightgray-20)) } +.sf-c-txt-lightgray\:90 { color: hsl(var(--sf-dark-c-txt-lightgray-10)) } +.sf-c-txt-lightgray\:100 { color: hsl(var(--sf-dark-c-txt-lightgray-0)) } + +html.var .sf-c-txt-lightgray { color: hsl(0, 0%, 17%) } +html.var .sf-c-txt-lightgray\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-lightgray\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-lightgray\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-lightgray\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-lightgray\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-lightgray\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-lightgray\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-lightgray\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-lightgray\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-lightgray\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-lightgray\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-lightgray, html.dark .sf-c-lightgray { color: hsl(var(--sf-dark-c-txt-lightgray-90)); background: hsl(var(--sf-dark-c-lightgray)) } html[data-theme='dark'] .sf-c-lightgray\:0, html.dark .sf-c-lightgray\:0 { color: hsl(var(--sf-dark-c-txt-lightgray-90)); background: hsl(var(--sf-dark-c-lightgray-100)) } html[data-theme='dark'] .sf-c-lightgray\:10, html.dark .sf-c-lightgray\:10 { color: hsl(var(--sf-dark-c-txt-lightgray-10)); background: hsl(var(--sf-dark-c-lightgray-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lightgray\:80\:dark, html.dark .sf-c-lightgray\:80 html[data-theme='dark'] .sf-c-lightgray\:90\:dark, html.dark .sf-c-lightgray\:90\:dark { color: hsl(var(--sf-c-txt-lightgray-90)); background: hsl(var(--sf-c-lightgray-10)) } html[data-theme='dark'] .sf-c-lightgray\:100\:dark, html.dark .sf-c-lightgray\:100\:dark { color: hsl(var(--sf-c-txt-lightgray-90)); background: hsl(var(--sf-c-lightgray-0)) } +html[data-theme='dark'] .sf-c-txt-lightgray, html.dark .sf-c-txt-lightgray { color: hsl(var(--sf-c-txt-lightgray)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:0, html.dark .sf-c-txt-lightgray\:0 { color: hsl(var(--sf-c-txt-lightgray-0)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:10, html.dark .sf-c-txt-lightgray\:10 { color: hsl(var(--sf-c-txt-lightgray-10)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:20, html.dark .sf-c-txt-lightgray\:20 { color: hsl(var(--sf-c-txt-lightgray-20)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:30, html.dark .sf-c-txt-lightgray\:30 { color: hsl(var(--sf-c-txt-lightgray-30)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:40, html.dark .sf-c-txt-lightgray\:40 { color: hsl(var(--sf-c-txt-lightgray-40)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:50, html.dark .sf-c-txt-lightgray\:50 { color: hsl(var(--sf-c-txt-lightgray-50)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:60, html.dark .sf-c-txt-lightgray\:60 { color: hsl(var(--sf-c-txt-lightgray-60)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:70, html.dark .sf-c-txt-lightgray\:70 { color: hsl(var(--sf-c-txt-lightgray-70)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:80, html.dark .sf-c-txt-lightgray\:80 { color: hsl(var(--sf-c-txt-lightgray-80)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:90, html.dark .sf-c-txt-lightgray\:90 { color: hsl(var(--sf-c-txt-lightgray-90)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:100, html.dark .sf-c-txt-lightgray\:100 { color: hsl(var(--sf-c-txt-lightgray-100)) } + +html[data-theme='dark'] .sf-c-txt-lightgray\:dark, html.dark .sf-c-txt-lightgray\:dark { color: hsl(var(--sf-c-txt-lightgray)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:0\:dark, html.dark .sf-c-txt-lightgray\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-0)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:10\:dark, html.dark .sf-c-txt-lightgray\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-10)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:20\:dark, html.dark .sf-c-txt-lightgray\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-20)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:30\:dark, html.dark .sf-c-txt-lightgray\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-30)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:40\:dark, html.dark .sf-c-txt-lightgray\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-40)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:50\:dark, html.dark .sf-c-txt-lightgray\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-50)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:60\:dark, html.dark .sf-c-txt-lightgray\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-60)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:70\:dark, html.dark .sf-c-txt-lightgray\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-70)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:80\:dark, html.dark .sf-c-txt-lightgray\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-80)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:90\:dark, html.dark .sf-c-txt-lightgray\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-90)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:100\:dark, html.dark .sf-c-txt-lightgray\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-100)) } + html.var[data-theme='dark'] .sf-c-lightgray, html.var.dark .sf-c-lightgray { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 17%) } html.var[data-theme='dark'] .sf-c-lightgray\:0, html.var.dark .sf-c-lightgray\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-lightgray\:10, html.var.dark .sf-c-lightgray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lightgray\:80\:dark, html.var.dark .sf-c-light html.var[data-theme='dark'] .sf-c-lightgray\:90\:dark, html.var.dark .sf-c-lightgray\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='dark'] .sf-c-lightgray\:100\:dark, html.var.dark .sf-c-lightgray\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray, html.dark .sf-c-txt-lightgray { color: hsl(0, 0%, 83%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:0, html.dark .sf-c-txt-lightgray\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:10, html.dark .sf-c-txt-lightgray\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:20, html.dark .sf-c-txt-lightgray\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:30, html.dark .sf-c-txt-lightgray\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:40, html.dark .sf-c-txt-lightgray\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:50, html.dark .sf-c-txt-lightgray\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:60, html.dark .sf-c-txt-lightgray\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:70, html.dark .sf-c-txt-lightgray\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:80, html.dark .sf-c-txt-lightgray\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:90, html.dark .sf-c-txt-lightgray\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:100, html.dark .sf-c-txt-lightgray\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightgray\:dark, html.dark .sf-c-txt-lightgray\:dark { color: hsl(0, 0%, 83%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:0\:dark, html.dark .sf-c-txt-lightgray\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:10\:dark, html.dark .sf-c-txt-lightgray\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:20\:dark, html.dark .sf-c-txt-lightgray\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:30\:dark, html.dark .sf-c-txt-lightgray\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:40\:dark, html.dark .sf-c-txt-lightgray\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:50\:dark, html.dark .sf-c-txt-lightgray\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:60\:dark, html.dark .sf-c-txt-lightgray\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:70\:dark, html.dark .sf-c-txt-lightgray\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:80\:dark, html.dark .sf-c-txt-lightgray\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:90\:dark, html.dark .sf-c-txt-lightgray\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:100\:dark, html.dark .sf-c-txt-lightgray\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightgray, html.auto .sf-c-lightgray { color: hsl(var(--sf-dark-c-txt-lightgray-90)); background: hsl(var(--sf-dark-c-lightgray)) } html[data-theme='auto'] .sf-c-lightgray\:0, html.auto .sf-c-lightgray\:0 { color: hsl(var(--sf-dark-c-txt-lightgray-90)); background: hsl(var(--sf-dark-c-lightgray-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lightgray\:100\:dark, html.var.dark .sf-c-ligh html[data-theme='auto'] .sf-c-lightgray\:90\:dark, html.auto .sf-c-lightgray\:90\:dark { color: hsl(var(--sf-c-txt-lightgray-90)); background: hsl(var(--sf-c-lightgray-10)) } html[data-theme='auto'] .sf-c-lightgray\:100\:dark, html.auto .sf-c-lightgray\:100\:dark { color: hsl(var(--sf-c-txt-lightgray-90)); background: hsl(var(--sf-c-lightgray-0)) } + html[data-theme='auto'] .sf-c-txt-lightgray, html.auto .sf-c-txt-lightgray { color: hsl(var(--sf-c-txt-lightgray)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:0, html.auto .sf-c-txt-lightgray\:0 { color: hsl(var(--sf-c-txt-lightgray-0)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:10, html.auto .sf-c-txt-lightgray\:10 { color: hsl(var(--sf-c-txt-lightgray-10)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:20, html.auto .sf-c-txt-lightgray\:20 { color: hsl(var(--sf-c-txt-lightgray-20)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:30, html.auto .sf-c-txt-lightgray\:30 { color: hsl(var(--sf-c-txt-lightgray-30)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:40, html.auto .sf-c-txt-lightgray\:40 { color: hsl(var(--sf-c-txt-lightgray-40)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:50, html.auto .sf-c-txt-lightgray\:50 { color: hsl(var(--sf-c-txt-lightgray-50)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:60, html.auto .sf-c-txt-lightgray\:60 { color: hsl(var(--sf-c-txt-lightgray-60)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:70, html.auto .sf-c-txt-lightgray\:70 { color: hsl(var(--sf-c-txt-lightgray-70)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:80, html.auto .sf-c-txt-lightgray\:80 { color: hsl(var(--sf-c-txt-lightgray-80)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:90, html.auto .sf-c-txt-lightgray\:90 { color: hsl(var(--sf-c-txt-lightgray-90)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:100, html.auto .sf-c-txt-lightgray\:100 { color: hsl(var(--sf-c-txt-lightgray-100)) } + + html[data-theme='auto'] .sf-c-txt-lightgray\:dark, html.auto .sf-c-txt-lightgray\:dark { color: hsl(var(--sf-c-txt-lightgray)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:0\:dark, html.auto .sf-c-txt-lightgray\:0\:dark { color: hsl(var(--sf-c-txt-lightgray-0)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:10\:dark, html.auto .sf-c-txt-lightgray\:10\:dark { color: hsl(var(--sf-c-txt-lightgray-10)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:20\:dark, html.auto .sf-c-txt-lightgray\:20\:dark { color: hsl(var(--sf-c-txt-lightgray-20)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:30\:dark, html.auto .sf-c-txt-lightgray\:30\:dark { color: hsl(var(--sf-c-txt-lightgray-30)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:40\:dark, html.auto .sf-c-txt-lightgray\:40\:dark { color: hsl(var(--sf-c-txt-lightgray-40)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:50\:dark, html.auto .sf-c-txt-lightgray\:50\:dark { color: hsl(var(--sf-c-txt-lightgray-50)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:60\:dark, html.auto .sf-c-txt-lightgray\:60\:dark { color: hsl(var(--sf-c-txt-lightgray-60)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:70\:dark, html.auto .sf-c-txt-lightgray\:70\:dark { color: hsl(var(--sf-c-txt-lightgray-70)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:80\:dark, html.auto .sf-c-txt-lightgray\:80\:dark { color: hsl(var(--sf-c-txt-lightgray-80)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:90\:dark, html.auto .sf-c-txt-lightgray\:90\:dark { color: hsl(var(--sf-c-txt-lightgray-90)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:100\:dark, html.auto .sf-c-txt-lightgray\:100\:dark { color: hsl(var(--sf-c-txt-lightgray-100)) } + html.var[data-theme='auto'] .sf-c-lightgray, html.var.auto .sf-c-lightgray { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 17%) } html.var[data-theme='auto'] .sf-c-lightgray\:0, html.var.auto .sf-c-lightgray\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-lightgray\:10, html.var.auto .sf-c-lightgray\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lightgray\:100\:dark, html.var.dark .sf-c-ligh html.var[data-theme='auto'] .sf-c-lightgray\:80\:dark, html.var.auto .sf-c-lightgray\:80\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } html.var[data-theme='auto'] .sf-c-lightgray\:90\:dark, html.var.auto .sf-c-lightgray\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-lightgray\:100\:dark, html.var.auto .sf-c-lightgray\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-lightgray { color: hsl(var(--sf-c-txt-lightgray)) } -.sf-c-txt-lightgray\:0 { color: hsl(var(--sf-c-txt-lightgray-0)) } -.sf-c-txt-lightgray\:10 { color: hsl(var(--sf-c-txt-lightgray-10)) } -.sf-c-txt-lightgray\:20 { color: hsl(var(--sf-c-txt-lightgray-20)) } -.sf-c-txt-lightgray\:30 { color: hsl(var(--sf-c-txt-lightgray-30)) } -.sf-c-txt-lightgray\:40 { color: hsl(var(--sf-c-txt-lightgray-40)) } -.sf-c-txt-lightgray\:50 { color: hsl(var(--sf-c-txt-lightgray-50)) } -.sf-c-txt-lightgray\:60 { color: hsl(var(--sf-c-txt-lightgray-60)) } -.sf-c-txt-lightgray\:70 { color: hsl(var(--sf-c-txt-lightgray-70)) } -.sf-c-txt-lightgray\:80 { color: hsl(var(--sf-c-txt-lightgray-80)) } -.sf-c-txt-lightgray\:90 { color: hsl(var(--sf-c-txt-lightgray-90)) } -.sf-c-txt-lightgray\:100 { color: hsl(var(--sf-c-txt-lightgray-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightgray, html.auto .sf-c-txt-lightgray { color: hsl(0, 0%, 83%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:0, html.auto .sf-c-txt-lightgray\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:10, html.auto .sf-c-txt-lightgray\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:20, html.auto .sf-c-txt-lightgray\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:30, html.auto .sf-c-txt-lightgray\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:40, html.auto .sf-c-txt-lightgray\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:50, html.auto .sf-c-txt-lightgray\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:60, html.auto .sf-c-txt-lightgray\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:70, html.auto .sf-c-txt-lightgray\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:80, html.auto .sf-c-txt-lightgray\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:90, html.auto .sf-c-txt-lightgray\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:100, html.auto .sf-c-txt-lightgray\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightgray\:dark, html.auto .sf-c-txt-lightgray\:dark { color: hsl(0, 0%, 83%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:0\:dark, html.auto .sf-c-txt-lightgray\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:10\:dark, html.auto .sf-c-txt-lightgray\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:20\:dark, html.auto .sf-c-txt-lightgray\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:30\:dark, html.auto .sf-c-txt-lightgray\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:40\:dark, html.auto .sf-c-txt-lightgray\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:50\:dark, html.auto .sf-c-txt-lightgray\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:60\:dark, html.auto .sf-c-txt-lightgray\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:70\:dark, html.auto .sf-c-txt-lightgray\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:80\:dark, html.auto .sf-c-txt-lightgray\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:90\:dark, html.auto .sf-c-txt-lightgray\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:100\:dark, html.auto .sf-c-txt-lightgray\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lightgreen.css b/src/colors/10/lightgreen.css index f988bb4..6f83170 100644 --- a/src/colors/10/lightgreen.css +++ b/src/colors/10/lightgreen.css @@ -78,6 +78,32 @@ html.var .sf-c-lightgreen\:80 { color: hsl(120, 73%, 10%); background: hsl(120, html.var .sf-c-lightgreen\:90 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 90%) } html.var .sf-c-lightgreen\:100 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 100%) } +.sf-c-txt-lightgreen { color: hsl(var(--sf-dark-c-txt-lightgreen)) } +.sf-c-txt-lightgreen\:0 { color: hsl(var(--sf-dark-c-txt-lightgreen-100)) } +.sf-c-txt-lightgreen\:10 { color: hsl(var(--sf-dark-c-txt-lightgreen-90)) } +.sf-c-txt-lightgreen\:20 { color: hsl(var(--sf-dark-c-txt-lightgreen-80)) } +.sf-c-txt-lightgreen\:30 { color: hsl(var(--sf-dark-c-txt-lightgreen-70)) } +.sf-c-txt-lightgreen\:40 { color: hsl(var(--sf-dark-c-txt-lightgreen-60)) } +.sf-c-txt-lightgreen\:50 { color: hsl(var(--sf-dark-c-txt-lightgreen-50)) } +.sf-c-txt-lightgreen\:60 { color: hsl(var(--sf-dark-c-txt-lightgreen-40)) } +.sf-c-txt-lightgreen\:70 { color: hsl(var(--sf-dark-c-txt-lightgreen-30)) } +.sf-c-txt-lightgreen\:80 { color: hsl(var(--sf-dark-c-txt-lightgreen-20)) } +.sf-c-txt-lightgreen\:90 { color: hsl(var(--sf-dark-c-txt-lightgreen-10)) } +.sf-c-txt-lightgreen\:100 { color: hsl(var(--sf-dark-c-txt-lightgreen-0)) } + +html.var .sf-c-txt-lightgreen { color: hsl(120, 73%, 25%) } +html.var .sf-c-txt-lightgreen\:0 { color: hsl(120, 73%, 100%) } +html.var .sf-c-txt-lightgreen\:10 { color: hsl(120, 73%, 90%) } +html.var .sf-c-txt-lightgreen\:20 { color: hsl(120, 73%, 80%) } +html.var .sf-c-txt-lightgreen\:30 { color: hsl(120, 73%, 70%) } +html.var .sf-c-txt-lightgreen\:40 { color: hsl(120, 73%, 60%) } +html.var .sf-c-txt-lightgreen\:50 { color: hsl(120, 73%, 50%) } +html.var .sf-c-txt-lightgreen\:60 { color: hsl(120, 73%, 40%) } +html.var .sf-c-txt-lightgreen\:70 { color: hsl(120, 73%, 30%) } +html.var .sf-c-txt-lightgreen\:80 { color: hsl(120, 73%, 20%) } +html.var .sf-c-txt-lightgreen\:90 { color: hsl(120, 73%, 10%) } +html.var .sf-c-txt-lightgreen\:100 { color: hsl(120, 73%, 0%) } + html[data-theme='dark'] .sf-c-lightgreen, html.dark .sf-c-lightgreen { color: hsl(var(--sf-dark-c-txt-lightgreen-90)); background: hsl(var(--sf-dark-c-lightgreen)) } html[data-theme='dark'] .sf-c-lightgreen\:0, html.dark .sf-c-lightgreen\:0 { color: hsl(var(--sf-dark-c-txt-lightgreen-90)); background: hsl(var(--sf-dark-c-lightgreen-100)) } html[data-theme='dark'] .sf-c-lightgreen\:10, html.dark .sf-c-lightgreen\:10 { color: hsl(var(--sf-dark-c-txt-lightgreen-10)); background: hsl(var(--sf-dark-c-lightgreen-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lightgreen\:80\:dark, html.dark .sf-c-lightgreen\: html[data-theme='dark'] .sf-c-lightgreen\:90\:dark, html.dark .sf-c-lightgreen\:90\:dark { color: hsl(var(--sf-c-txt-lightgreen-90)); background: hsl(var(--sf-c-lightgreen-10)) } html[data-theme='dark'] .sf-c-lightgreen\:100\:dark, html.dark .sf-c-lightgreen\:100\:dark { color: hsl(var(--sf-c-txt-lightgreen-90)); background: hsl(var(--sf-c-lightgreen-0)) } +html[data-theme='dark'] .sf-c-txt-lightgreen, html.dark .sf-c-txt-lightgreen { color: hsl(var(--sf-c-txt-lightgreen)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:0, html.dark .sf-c-txt-lightgreen\:0 { color: hsl(var(--sf-c-txt-lightgreen-0)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:10, html.dark .sf-c-txt-lightgreen\:10 { color: hsl(var(--sf-c-txt-lightgreen-10)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:20, html.dark .sf-c-txt-lightgreen\:20 { color: hsl(var(--sf-c-txt-lightgreen-20)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:30, html.dark .sf-c-txt-lightgreen\:30 { color: hsl(var(--sf-c-txt-lightgreen-30)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:40, html.dark .sf-c-txt-lightgreen\:40 { color: hsl(var(--sf-c-txt-lightgreen-40)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:50, html.dark .sf-c-txt-lightgreen\:50 { color: hsl(var(--sf-c-txt-lightgreen-50)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:60, html.dark .sf-c-txt-lightgreen\:60 { color: hsl(var(--sf-c-txt-lightgreen-60)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:70, html.dark .sf-c-txt-lightgreen\:70 { color: hsl(var(--sf-c-txt-lightgreen-70)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:80, html.dark .sf-c-txt-lightgreen\:80 { color: hsl(var(--sf-c-txt-lightgreen-80)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:90, html.dark .sf-c-txt-lightgreen\:90 { color: hsl(var(--sf-c-txt-lightgreen-90)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:100, html.dark .sf-c-txt-lightgreen\:100 { color: hsl(var(--sf-c-txt-lightgreen-100)) } + +html[data-theme='dark'] .sf-c-txt-lightgreen\:dark, html.dark .sf-c-txt-lightgreen\:dark { color: hsl(var(--sf-c-txt-lightgreen)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:0\:dark, html.dark .sf-c-txt-lightgreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-0)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:10\:dark, html.dark .sf-c-txt-lightgreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-10)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:20\:dark, html.dark .sf-c-txt-lightgreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-20)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:30\:dark, html.dark .sf-c-txt-lightgreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-30)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:40\:dark, html.dark .sf-c-txt-lightgreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-40)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:50\:dark, html.dark .sf-c-txt-lightgreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-50)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:60\:dark, html.dark .sf-c-txt-lightgreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-60)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:70\:dark, html.dark .sf-c-txt-lightgreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-70)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:80\:dark, html.dark .sf-c-txt-lightgreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-80)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:90\:dark, html.dark .sf-c-txt-lightgreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-90)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:100\:dark, html.dark .sf-c-txt-lightgreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-100)) } + html.var[data-theme='dark'] .sf-c-lightgreen, html.var.dark .sf-c-lightgreen { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 25%) } html.var[data-theme='dark'] .sf-c-lightgreen\:0, html.var.dark .sf-c-lightgreen\:0 { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 100%) } html.var[data-theme='dark'] .sf-c-lightgreen\:10, html.var.dark .sf-c-lightgreen\:10 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lightgreen\:80\:dark, html.var.dark .sf-c-ligh html.var[data-theme='dark'] .sf-c-lightgreen\:90\:dark, html.var.dark .sf-c-lightgreen\:90\:dark { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 10%) } html.var[data-theme='dark'] .sf-c-lightgreen\:100\:dark, html.var.dark .sf-c-lightgreen\:100\:dark { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen, html.dark .sf-c-txt-lightgreen { color: hsl(120, 73%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:0, html.dark .sf-c-txt-lightgreen\:0 { color: hsl(120, 73%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:10, html.dark .sf-c-txt-lightgreen\:10 { color: hsl(120, 73%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:20, html.dark .sf-c-txt-lightgreen\:20 { color: hsl(120, 73%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:30, html.dark .sf-c-txt-lightgreen\:30 { color: hsl(120, 73%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:40, html.dark .sf-c-txt-lightgreen\:40 { color: hsl(120, 73%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:50, html.dark .sf-c-txt-lightgreen\:50 { color: hsl(120, 73%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:60, html.dark .sf-c-txt-lightgreen\:60 { color: hsl(120, 73%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:70, html.dark .sf-c-txt-lightgreen\:70 { color: hsl(120, 73%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:80, html.dark .sf-c-txt-lightgreen\:80 { color: hsl(120, 73%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:90, html.dark .sf-c-txt-lightgreen\:90 { color: hsl(120, 73%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:100, html.dark .sf-c-txt-lightgreen\:100 { color: hsl(120, 73%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:dark, html.dark .sf-c-txt-lightgreen\:dark { color: hsl(120, 73%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:0\:dark, html.dark .sf-c-txt-lightgreen\:0\:dark { color: hsl(120, 73%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:10\:dark, html.dark .sf-c-txt-lightgreen\:10\:dark { color: hsl(120, 73%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:20\:dark, html.dark .sf-c-txt-lightgreen\:20\:dark { color: hsl(120, 73%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:30\:dark, html.dark .sf-c-txt-lightgreen\:30\:dark { color: hsl(120, 73%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:40\:dark, html.dark .sf-c-txt-lightgreen\:40\:dark { color: hsl(120, 73%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:50\:dark, html.dark .sf-c-txt-lightgreen\:50\:dark { color: hsl(120, 73%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:60\:dark, html.dark .sf-c-txt-lightgreen\:60\:dark { color: hsl(120, 73%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:70\:dark, html.dark .sf-c-txt-lightgreen\:70\:dark { color: hsl(120, 73%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:80\:dark, html.dark .sf-c-txt-lightgreen\:80\:dark { color: hsl(120, 73%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:90\:dark, html.dark .sf-c-txt-lightgreen\:90\:dark { color: hsl(120, 73%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:100\:dark, html.dark .sf-c-txt-lightgreen\:100\:dark { color: hsl(120, 73%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightgreen, html.auto .sf-c-lightgreen { color: hsl(var(--sf-dark-c-txt-lightgreen-90)); background: hsl(var(--sf-dark-c-lightgreen)) } html[data-theme='auto'] .sf-c-lightgreen\:0, html.auto .sf-c-lightgreen\:0 { color: hsl(var(--sf-dark-c-txt-lightgreen-90)); background: hsl(var(--sf-dark-c-lightgreen-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lightgreen\:100\:dark, html.var.dark .sf-c-lig html[data-theme='auto'] .sf-c-lightgreen\:90\:dark, html.auto .sf-c-lightgreen\:90\:dark { color: hsl(var(--sf-c-txt-lightgreen-90)); background: hsl(var(--sf-c-lightgreen-10)) } html[data-theme='auto'] .sf-c-lightgreen\:100\:dark, html.auto .sf-c-lightgreen\:100\:dark { color: hsl(var(--sf-c-txt-lightgreen-90)); background: hsl(var(--sf-c-lightgreen-0)) } + html[data-theme='auto'] .sf-c-txt-lightgreen, html.auto .sf-c-txt-lightgreen { color: hsl(var(--sf-c-txt-lightgreen)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:0, html.auto .sf-c-txt-lightgreen\:0 { color: hsl(var(--sf-c-txt-lightgreen-0)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:10, html.auto .sf-c-txt-lightgreen\:10 { color: hsl(var(--sf-c-txt-lightgreen-10)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:20, html.auto .sf-c-txt-lightgreen\:20 { color: hsl(var(--sf-c-txt-lightgreen-20)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:30, html.auto .sf-c-txt-lightgreen\:30 { color: hsl(var(--sf-c-txt-lightgreen-30)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:40, html.auto .sf-c-txt-lightgreen\:40 { color: hsl(var(--sf-c-txt-lightgreen-40)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:50, html.auto .sf-c-txt-lightgreen\:50 { color: hsl(var(--sf-c-txt-lightgreen-50)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:60, html.auto .sf-c-txt-lightgreen\:60 { color: hsl(var(--sf-c-txt-lightgreen-60)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:70, html.auto .sf-c-txt-lightgreen\:70 { color: hsl(var(--sf-c-txt-lightgreen-70)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:80, html.auto .sf-c-txt-lightgreen\:80 { color: hsl(var(--sf-c-txt-lightgreen-80)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:90, html.auto .sf-c-txt-lightgreen\:90 { color: hsl(var(--sf-c-txt-lightgreen-90)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:100, html.auto .sf-c-txt-lightgreen\:100 { color: hsl(var(--sf-c-txt-lightgreen-100)) } + + html[data-theme='auto'] .sf-c-txt-lightgreen\:dark, html.auto .sf-c-txt-lightgreen\:dark { color: hsl(var(--sf-c-txt-lightgreen)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:0\:dark, html.auto .sf-c-txt-lightgreen\:0\:dark { color: hsl(var(--sf-c-txt-lightgreen-0)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:10\:dark, html.auto .sf-c-txt-lightgreen\:10\:dark { color: hsl(var(--sf-c-txt-lightgreen-10)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:20\:dark, html.auto .sf-c-txt-lightgreen\:20\:dark { color: hsl(var(--sf-c-txt-lightgreen-20)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:30\:dark, html.auto .sf-c-txt-lightgreen\:30\:dark { color: hsl(var(--sf-c-txt-lightgreen-30)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:40\:dark, html.auto .sf-c-txt-lightgreen\:40\:dark { color: hsl(var(--sf-c-txt-lightgreen-40)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:50\:dark, html.auto .sf-c-txt-lightgreen\:50\:dark { color: hsl(var(--sf-c-txt-lightgreen-50)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:60\:dark, html.auto .sf-c-txt-lightgreen\:60\:dark { color: hsl(var(--sf-c-txt-lightgreen-60)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:70\:dark, html.auto .sf-c-txt-lightgreen\:70\:dark { color: hsl(var(--sf-c-txt-lightgreen-70)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:80\:dark, html.auto .sf-c-txt-lightgreen\:80\:dark { color: hsl(var(--sf-c-txt-lightgreen-80)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:90\:dark, html.auto .sf-c-txt-lightgreen\:90\:dark { color: hsl(var(--sf-c-txt-lightgreen-90)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:100\:dark, html.auto .sf-c-txt-lightgreen\:100\:dark { color: hsl(var(--sf-c-txt-lightgreen-100)) } + html.var[data-theme='auto'] .sf-c-lightgreen, html.var.auto .sf-c-lightgreen { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 25%) } html.var[data-theme='auto'] .sf-c-lightgreen\:0, html.var.auto .sf-c-lightgreen\:0 { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 100%) } html.var[data-theme='auto'] .sf-c-lightgreen\:10, html.var.auto .sf-c-lightgreen\:10 { color: hsl(120, 73%, 10%); background: hsl(120, 73%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lightgreen\:100\:dark, html.var.dark .sf-c-lig html.var[data-theme='auto'] .sf-c-lightgreen\:80\:dark, html.var.auto .sf-c-lightgreen\:80\:dark { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 20%) } html.var[data-theme='auto'] .sf-c-lightgreen\:90\:dark, html.var.auto .sf-c-lightgreen\:90\:dark { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 10%) } html.var[data-theme='auto'] .sf-c-lightgreen\:100\:dark, html.var.auto .sf-c-lightgreen\:100\:dark { color: hsl(120, 73%, 90%); background: hsl(120, 73%, 0%) } -} -.sf-c-txt-lightgreen { color: hsl(var(--sf-c-txt-lightgreen)) } -.sf-c-txt-lightgreen\:0 { color: hsl(var(--sf-c-txt-lightgreen-0)) } -.sf-c-txt-lightgreen\:10 { color: hsl(var(--sf-c-txt-lightgreen-10)) } -.sf-c-txt-lightgreen\:20 { color: hsl(var(--sf-c-txt-lightgreen-20)) } -.sf-c-txt-lightgreen\:30 { color: hsl(var(--sf-c-txt-lightgreen-30)) } -.sf-c-txt-lightgreen\:40 { color: hsl(var(--sf-c-txt-lightgreen-40)) } -.sf-c-txt-lightgreen\:50 { color: hsl(var(--sf-c-txt-lightgreen-50)) } -.sf-c-txt-lightgreen\:60 { color: hsl(var(--sf-c-txt-lightgreen-60)) } -.sf-c-txt-lightgreen\:70 { color: hsl(var(--sf-c-txt-lightgreen-70)) } -.sf-c-txt-lightgreen\:80 { color: hsl(var(--sf-c-txt-lightgreen-80)) } -.sf-c-txt-lightgreen\:90 { color: hsl(var(--sf-c-txt-lightgreen-90)) } -.sf-c-txt-lightgreen\:100 { color: hsl(var(--sf-c-txt-lightgreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightgreen, html.auto .sf-c-txt-lightgreen { color: hsl(120, 73%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:0, html.auto .sf-c-txt-lightgreen\:0 { color: hsl(120, 73%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:10, html.auto .sf-c-txt-lightgreen\:10 { color: hsl(120, 73%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:20, html.auto .sf-c-txt-lightgreen\:20 { color: hsl(120, 73%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:30, html.auto .sf-c-txt-lightgreen\:30 { color: hsl(120, 73%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:40, html.auto .sf-c-txt-lightgreen\:40 { color: hsl(120, 73%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:50, html.auto .sf-c-txt-lightgreen\:50 { color: hsl(120, 73%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:60, html.auto .sf-c-txt-lightgreen\:60 { color: hsl(120, 73%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:70, html.auto .sf-c-txt-lightgreen\:70 { color: hsl(120, 73%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:80, html.auto .sf-c-txt-lightgreen\:80 { color: hsl(120, 73%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:90, html.auto .sf-c-txt-lightgreen\:90 { color: hsl(120, 73%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:100, html.auto .sf-c-txt-lightgreen\:100 { color: hsl(120, 73%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:dark, html.auto .sf-c-txt-lightgreen\:dark { color: hsl(120, 73%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:0\:dark, html.auto .sf-c-txt-lightgreen\:0\:dark { color: hsl(120, 73%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:10\:dark, html.auto .sf-c-txt-lightgreen\:10\:dark { color: hsl(120, 73%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:20\:dark, html.auto .sf-c-txt-lightgreen\:20\:dark { color: hsl(120, 73%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:30\:dark, html.auto .sf-c-txt-lightgreen\:30\:dark { color: hsl(120, 73%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:40\:dark, html.auto .sf-c-txt-lightgreen\:40\:dark { color: hsl(120, 73%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:50\:dark, html.auto .sf-c-txt-lightgreen\:50\:dark { color: hsl(120, 73%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:60\:dark, html.auto .sf-c-txt-lightgreen\:60\:dark { color: hsl(120, 73%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:70\:dark, html.auto .sf-c-txt-lightgreen\:70\:dark { color: hsl(120, 73%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:80\:dark, html.auto .sf-c-txt-lightgreen\:80\:dark { color: hsl(120, 73%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:90\:dark, html.auto .sf-c-txt-lightgreen\:90\:dark { color: hsl(120, 73%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:100\:dark, html.auto .sf-c-txt-lightgreen\:100\:dark { color: hsl(120, 73%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lightgrey.css b/src/colors/10/lightgrey.css index 37954b4..4b6ae63 100644 --- a/src/colors/10/lightgrey.css +++ b/src/colors/10/lightgrey.css @@ -78,6 +78,32 @@ html.var .sf-c-lightgrey\:80 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80 html.var .sf-c-lightgrey\:90 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } html.var .sf-c-lightgrey\:100 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } +.sf-c-txt-lightgrey { color: hsl(var(--sf-dark-c-txt-lightgrey)) } +.sf-c-txt-lightgrey\:0 { color: hsl(var(--sf-dark-c-txt-lightgrey-100)) } +.sf-c-txt-lightgrey\:10 { color: hsl(var(--sf-dark-c-txt-lightgrey-90)) } +.sf-c-txt-lightgrey\:20 { color: hsl(var(--sf-dark-c-txt-lightgrey-80)) } +.sf-c-txt-lightgrey\:30 { color: hsl(var(--sf-dark-c-txt-lightgrey-70)) } +.sf-c-txt-lightgrey\:40 { color: hsl(var(--sf-dark-c-txt-lightgrey-60)) } +.sf-c-txt-lightgrey\:50 { color: hsl(var(--sf-dark-c-txt-lightgrey-50)) } +.sf-c-txt-lightgrey\:60 { color: hsl(var(--sf-dark-c-txt-lightgrey-40)) } +.sf-c-txt-lightgrey\:70 { color: hsl(var(--sf-dark-c-txt-lightgrey-30)) } +.sf-c-txt-lightgrey\:80 { color: hsl(var(--sf-dark-c-txt-lightgrey-20)) } +.sf-c-txt-lightgrey\:90 { color: hsl(var(--sf-dark-c-txt-lightgrey-10)) } +.sf-c-txt-lightgrey\:100 { color: hsl(var(--sf-dark-c-txt-lightgrey-0)) } + +html.var .sf-c-txt-lightgrey { color: hsl(0, 0%, 17%) } +html.var .sf-c-txt-lightgrey\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-lightgrey\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-lightgrey\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-lightgrey\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-lightgrey\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-lightgrey\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-lightgrey\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-lightgrey\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-lightgrey\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-lightgrey\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-lightgrey\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-lightgrey, html.dark .sf-c-lightgrey { color: hsl(var(--sf-dark-c-txt-lightgrey-90)); background: hsl(var(--sf-dark-c-lightgrey)) } html[data-theme='dark'] .sf-c-lightgrey\:0, html.dark .sf-c-lightgrey\:0 { color: hsl(var(--sf-dark-c-txt-lightgrey-90)); background: hsl(var(--sf-dark-c-lightgrey-100)) } html[data-theme='dark'] .sf-c-lightgrey\:10, html.dark .sf-c-lightgrey\:10 { color: hsl(var(--sf-dark-c-txt-lightgrey-10)); background: hsl(var(--sf-dark-c-lightgrey-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lightgrey\:80\:dark, html.dark .sf-c-lightgrey\:80 html[data-theme='dark'] .sf-c-lightgrey\:90\:dark, html.dark .sf-c-lightgrey\:90\:dark { color: hsl(var(--sf-c-txt-lightgrey-90)); background: hsl(var(--sf-c-lightgrey-10)) } html[data-theme='dark'] .sf-c-lightgrey\:100\:dark, html.dark .sf-c-lightgrey\:100\:dark { color: hsl(var(--sf-c-txt-lightgrey-90)); background: hsl(var(--sf-c-lightgrey-0)) } +html[data-theme='dark'] .sf-c-txt-lightgrey, html.dark .sf-c-txt-lightgrey { color: hsl(var(--sf-c-txt-lightgrey)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:0, html.dark .sf-c-txt-lightgrey\:0 { color: hsl(var(--sf-c-txt-lightgrey-0)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:10, html.dark .sf-c-txt-lightgrey\:10 { color: hsl(var(--sf-c-txt-lightgrey-10)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:20, html.dark .sf-c-txt-lightgrey\:20 { color: hsl(var(--sf-c-txt-lightgrey-20)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:30, html.dark .sf-c-txt-lightgrey\:30 { color: hsl(var(--sf-c-txt-lightgrey-30)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:40, html.dark .sf-c-txt-lightgrey\:40 { color: hsl(var(--sf-c-txt-lightgrey-40)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:50, html.dark .sf-c-txt-lightgrey\:50 { color: hsl(var(--sf-c-txt-lightgrey-50)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:60, html.dark .sf-c-txt-lightgrey\:60 { color: hsl(var(--sf-c-txt-lightgrey-60)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:70, html.dark .sf-c-txt-lightgrey\:70 { color: hsl(var(--sf-c-txt-lightgrey-70)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:80, html.dark .sf-c-txt-lightgrey\:80 { color: hsl(var(--sf-c-txt-lightgrey-80)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:90, html.dark .sf-c-txt-lightgrey\:90 { color: hsl(var(--sf-c-txt-lightgrey-90)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:100, html.dark .sf-c-txt-lightgrey\:100 { color: hsl(var(--sf-c-txt-lightgrey-100)) } + +html[data-theme='dark'] .sf-c-txt-lightgrey\:dark, html.dark .sf-c-txt-lightgrey\:dark { color: hsl(var(--sf-c-txt-lightgrey)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:0\:dark, html.dark .sf-c-txt-lightgrey\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-0)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:10\:dark, html.dark .sf-c-txt-lightgrey\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-10)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:20\:dark, html.dark .sf-c-txt-lightgrey\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-20)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:30\:dark, html.dark .sf-c-txt-lightgrey\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-30)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:40\:dark, html.dark .sf-c-txt-lightgrey\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-40)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:50\:dark, html.dark .sf-c-txt-lightgrey\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-50)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:60\:dark, html.dark .sf-c-txt-lightgrey\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-60)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:70\:dark, html.dark .sf-c-txt-lightgrey\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-70)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:80\:dark, html.dark .sf-c-txt-lightgrey\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-80)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:90\:dark, html.dark .sf-c-txt-lightgrey\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-90)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:100\:dark, html.dark .sf-c-txt-lightgrey\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-100)) } + html.var[data-theme='dark'] .sf-c-lightgrey, html.var.dark .sf-c-lightgrey { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 17%) } html.var[data-theme='dark'] .sf-c-lightgrey\:0, html.var.dark .sf-c-lightgrey\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-lightgrey\:10, html.var.dark .sf-c-lightgrey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lightgrey\:80\:dark, html.var.dark .sf-c-light html.var[data-theme='dark'] .sf-c-lightgrey\:90\:dark, html.var.dark .sf-c-lightgrey\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='dark'] .sf-c-lightgrey\:100\:dark, html.var.dark .sf-c-lightgrey\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey, html.dark .sf-c-txt-lightgrey { color: hsl(0, 0%, 83%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:0, html.dark .sf-c-txt-lightgrey\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:10, html.dark .sf-c-txt-lightgrey\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:20, html.dark .sf-c-txt-lightgrey\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:30, html.dark .sf-c-txt-lightgrey\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:40, html.dark .sf-c-txt-lightgrey\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:50, html.dark .sf-c-txt-lightgrey\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:60, html.dark .sf-c-txt-lightgrey\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:70, html.dark .sf-c-txt-lightgrey\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:80, html.dark .sf-c-txt-lightgrey\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:90, html.dark .sf-c-txt-lightgrey\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:100, html.dark .sf-c-txt-lightgrey\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:dark, html.dark .sf-c-txt-lightgrey\:dark { color: hsl(0, 0%, 83%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:0\:dark, html.dark .sf-c-txt-lightgrey\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:10\:dark, html.dark .sf-c-txt-lightgrey\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:20\:dark, html.dark .sf-c-txt-lightgrey\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:30\:dark, html.dark .sf-c-txt-lightgrey\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:40\:dark, html.dark .sf-c-txt-lightgrey\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:50\:dark, html.dark .sf-c-txt-lightgrey\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:60\:dark, html.dark .sf-c-txt-lightgrey\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:70\:dark, html.dark .sf-c-txt-lightgrey\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:80\:dark, html.dark .sf-c-txt-lightgrey\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:90\:dark, html.dark .sf-c-txt-lightgrey\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:100\:dark, html.dark .sf-c-txt-lightgrey\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightgrey, html.auto .sf-c-lightgrey { color: hsl(var(--sf-dark-c-txt-lightgrey-90)); background: hsl(var(--sf-dark-c-lightgrey)) } html[data-theme='auto'] .sf-c-lightgrey\:0, html.auto .sf-c-lightgrey\:0 { color: hsl(var(--sf-dark-c-txt-lightgrey-90)); background: hsl(var(--sf-dark-c-lightgrey-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lightgrey\:100\:dark, html.var.dark .sf-c-ligh html[data-theme='auto'] .sf-c-lightgrey\:90\:dark, html.auto .sf-c-lightgrey\:90\:dark { color: hsl(var(--sf-c-txt-lightgrey-90)); background: hsl(var(--sf-c-lightgrey-10)) } html[data-theme='auto'] .sf-c-lightgrey\:100\:dark, html.auto .sf-c-lightgrey\:100\:dark { color: hsl(var(--sf-c-txt-lightgrey-90)); background: hsl(var(--sf-c-lightgrey-0)) } + html[data-theme='auto'] .sf-c-txt-lightgrey, html.auto .sf-c-txt-lightgrey { color: hsl(var(--sf-c-txt-lightgrey)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:0, html.auto .sf-c-txt-lightgrey\:0 { color: hsl(var(--sf-c-txt-lightgrey-0)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:10, html.auto .sf-c-txt-lightgrey\:10 { color: hsl(var(--sf-c-txt-lightgrey-10)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:20, html.auto .sf-c-txt-lightgrey\:20 { color: hsl(var(--sf-c-txt-lightgrey-20)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:30, html.auto .sf-c-txt-lightgrey\:30 { color: hsl(var(--sf-c-txt-lightgrey-30)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:40, html.auto .sf-c-txt-lightgrey\:40 { color: hsl(var(--sf-c-txt-lightgrey-40)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:50, html.auto .sf-c-txt-lightgrey\:50 { color: hsl(var(--sf-c-txt-lightgrey-50)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:60, html.auto .sf-c-txt-lightgrey\:60 { color: hsl(var(--sf-c-txt-lightgrey-60)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:70, html.auto .sf-c-txt-lightgrey\:70 { color: hsl(var(--sf-c-txt-lightgrey-70)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:80, html.auto .sf-c-txt-lightgrey\:80 { color: hsl(var(--sf-c-txt-lightgrey-80)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:90, html.auto .sf-c-txt-lightgrey\:90 { color: hsl(var(--sf-c-txt-lightgrey-90)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:100, html.auto .sf-c-txt-lightgrey\:100 { color: hsl(var(--sf-c-txt-lightgrey-100)) } + + html[data-theme='auto'] .sf-c-txt-lightgrey\:dark, html.auto .sf-c-txt-lightgrey\:dark { color: hsl(var(--sf-c-txt-lightgrey)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:0\:dark, html.auto .sf-c-txt-lightgrey\:0\:dark { color: hsl(var(--sf-c-txt-lightgrey-0)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:10\:dark, html.auto .sf-c-txt-lightgrey\:10\:dark { color: hsl(var(--sf-c-txt-lightgrey-10)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:20\:dark, html.auto .sf-c-txt-lightgrey\:20\:dark { color: hsl(var(--sf-c-txt-lightgrey-20)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:30\:dark, html.auto .sf-c-txt-lightgrey\:30\:dark { color: hsl(var(--sf-c-txt-lightgrey-30)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:40\:dark, html.auto .sf-c-txt-lightgrey\:40\:dark { color: hsl(var(--sf-c-txt-lightgrey-40)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:50\:dark, html.auto .sf-c-txt-lightgrey\:50\:dark { color: hsl(var(--sf-c-txt-lightgrey-50)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:60\:dark, html.auto .sf-c-txt-lightgrey\:60\:dark { color: hsl(var(--sf-c-txt-lightgrey-60)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:70\:dark, html.auto .sf-c-txt-lightgrey\:70\:dark { color: hsl(var(--sf-c-txt-lightgrey-70)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:80\:dark, html.auto .sf-c-txt-lightgrey\:80\:dark { color: hsl(var(--sf-c-txt-lightgrey-80)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:90\:dark, html.auto .sf-c-txt-lightgrey\:90\:dark { color: hsl(var(--sf-c-txt-lightgrey-90)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:100\:dark, html.auto .sf-c-txt-lightgrey\:100\:dark { color: hsl(var(--sf-c-txt-lightgrey-100)) } + html.var[data-theme='auto'] .sf-c-lightgrey, html.var.auto .sf-c-lightgrey { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 17%) } html.var[data-theme='auto'] .sf-c-lightgrey\:0, html.var.auto .sf-c-lightgrey\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-lightgrey\:10, html.var.auto .sf-c-lightgrey\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lightgrey\:100\:dark, html.var.dark .sf-c-ligh html.var[data-theme='auto'] .sf-c-lightgrey\:80\:dark, html.var.auto .sf-c-lightgrey\:80\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } html.var[data-theme='auto'] .sf-c-lightgrey\:90\:dark, html.var.auto .sf-c-lightgrey\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-lightgrey\:100\:dark, html.var.auto .sf-c-lightgrey\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-lightgrey { color: hsl(var(--sf-c-txt-lightgrey)) } -.sf-c-txt-lightgrey\:0 { color: hsl(var(--sf-c-txt-lightgrey-0)) } -.sf-c-txt-lightgrey\:10 { color: hsl(var(--sf-c-txt-lightgrey-10)) } -.sf-c-txt-lightgrey\:20 { color: hsl(var(--sf-c-txt-lightgrey-20)) } -.sf-c-txt-lightgrey\:30 { color: hsl(var(--sf-c-txt-lightgrey-30)) } -.sf-c-txt-lightgrey\:40 { color: hsl(var(--sf-c-txt-lightgrey-40)) } -.sf-c-txt-lightgrey\:50 { color: hsl(var(--sf-c-txt-lightgrey-50)) } -.sf-c-txt-lightgrey\:60 { color: hsl(var(--sf-c-txt-lightgrey-60)) } -.sf-c-txt-lightgrey\:70 { color: hsl(var(--sf-c-txt-lightgrey-70)) } -.sf-c-txt-lightgrey\:80 { color: hsl(var(--sf-c-txt-lightgrey-80)) } -.sf-c-txt-lightgrey\:90 { color: hsl(var(--sf-c-txt-lightgrey-90)) } -.sf-c-txt-lightgrey\:100 { color: hsl(var(--sf-c-txt-lightgrey-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightgrey, html.auto .sf-c-txt-lightgrey { color: hsl(0, 0%, 83%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:0, html.auto .sf-c-txt-lightgrey\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:10, html.auto .sf-c-txt-lightgrey\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:20, html.auto .sf-c-txt-lightgrey\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:30, html.auto .sf-c-txt-lightgrey\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:40, html.auto .sf-c-txt-lightgrey\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:50, html.auto .sf-c-txt-lightgrey\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:60, html.auto .sf-c-txt-lightgrey\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:70, html.auto .sf-c-txt-lightgrey\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:80, html.auto .sf-c-txt-lightgrey\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:90, html.auto .sf-c-txt-lightgrey\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:100, html.auto .sf-c-txt-lightgrey\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:dark, html.auto .sf-c-txt-lightgrey\:dark { color: hsl(0, 0%, 83%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:0\:dark, html.auto .sf-c-txt-lightgrey\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:10\:dark, html.auto .sf-c-txt-lightgrey\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:20\:dark, html.auto .sf-c-txt-lightgrey\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:30\:dark, html.auto .sf-c-txt-lightgrey\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:40\:dark, html.auto .sf-c-txt-lightgrey\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:50\:dark, html.auto .sf-c-txt-lightgrey\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:60\:dark, html.auto .sf-c-txt-lightgrey\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:70\:dark, html.auto .sf-c-txt-lightgrey\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:80\:dark, html.auto .sf-c-txt-lightgrey\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:90\:dark, html.auto .sf-c-txt-lightgrey\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:100\:dark, html.auto .sf-c-txt-lightgrey\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lightpink.css b/src/colors/10/lightpink.css index 81b58db..e615df4 100644 --- a/src/colors/10/lightpink.css +++ b/src/colors/10/lightpink.css @@ -78,6 +78,32 @@ html.var .sf-c-lightpink\:80 { color: hsl(351, 100%, 10%); background: hsl(351, html.var .sf-c-lightpink\:90 { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 90%) } html.var .sf-c-lightpink\:100 { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 100%) } +.sf-c-txt-lightpink { color: hsl(var(--sf-dark-c-txt-lightpink)) } +.sf-c-txt-lightpink\:0 { color: hsl(var(--sf-dark-c-txt-lightpink-100)) } +.sf-c-txt-lightpink\:10 { color: hsl(var(--sf-dark-c-txt-lightpink-90)) } +.sf-c-txt-lightpink\:20 { color: hsl(var(--sf-dark-c-txt-lightpink-80)) } +.sf-c-txt-lightpink\:30 { color: hsl(var(--sf-dark-c-txt-lightpink-70)) } +.sf-c-txt-lightpink\:40 { color: hsl(var(--sf-dark-c-txt-lightpink-60)) } +.sf-c-txt-lightpink\:50 { color: hsl(var(--sf-dark-c-txt-lightpink-50)) } +.sf-c-txt-lightpink\:60 { color: hsl(var(--sf-dark-c-txt-lightpink-40)) } +.sf-c-txt-lightpink\:70 { color: hsl(var(--sf-dark-c-txt-lightpink-30)) } +.sf-c-txt-lightpink\:80 { color: hsl(var(--sf-dark-c-txt-lightpink-20)) } +.sf-c-txt-lightpink\:90 { color: hsl(var(--sf-dark-c-txt-lightpink-10)) } +.sf-c-txt-lightpink\:100 { color: hsl(var(--sf-dark-c-txt-lightpink-0)) } + +html.var .sf-c-txt-lightpink { color: hsl(351, 100%, 14%) } +html.var .sf-c-txt-lightpink\:0 { color: hsl(351, 100%, 100%) } +html.var .sf-c-txt-lightpink\:10 { color: hsl(351, 100%, 90%) } +html.var .sf-c-txt-lightpink\:20 { color: hsl(351, 100%, 80%) } +html.var .sf-c-txt-lightpink\:30 { color: hsl(351, 100%, 70%) } +html.var .sf-c-txt-lightpink\:40 { color: hsl(351, 100%, 60%) } +html.var .sf-c-txt-lightpink\:50 { color: hsl(351, 100%, 50%) } +html.var .sf-c-txt-lightpink\:60 { color: hsl(351, 100%, 40%) } +html.var .sf-c-txt-lightpink\:70 { color: hsl(351, 100%, 30%) } +html.var .sf-c-txt-lightpink\:80 { color: hsl(351, 100%, 20%) } +html.var .sf-c-txt-lightpink\:90 { color: hsl(351, 100%, 10%) } +html.var .sf-c-txt-lightpink\:100 { color: hsl(351, 100%, 0%) } + html[data-theme='dark'] .sf-c-lightpink, html.dark .sf-c-lightpink { color: hsl(var(--sf-dark-c-txt-lightpink-90)); background: hsl(var(--sf-dark-c-lightpink)) } html[data-theme='dark'] .sf-c-lightpink\:0, html.dark .sf-c-lightpink\:0 { color: hsl(var(--sf-dark-c-txt-lightpink-90)); background: hsl(var(--sf-dark-c-lightpink-100)) } html[data-theme='dark'] .sf-c-lightpink\:10, html.dark .sf-c-lightpink\:10 { color: hsl(var(--sf-dark-c-txt-lightpink-10)); background: hsl(var(--sf-dark-c-lightpink-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lightpink\:80\:dark, html.dark .sf-c-lightpink\:80 html[data-theme='dark'] .sf-c-lightpink\:90\:dark, html.dark .sf-c-lightpink\:90\:dark { color: hsl(var(--sf-c-txt-lightpink-90)); background: hsl(var(--sf-c-lightpink-10)) } html[data-theme='dark'] .sf-c-lightpink\:100\:dark, html.dark .sf-c-lightpink\:100\:dark { color: hsl(var(--sf-c-txt-lightpink-90)); background: hsl(var(--sf-c-lightpink-0)) } +html[data-theme='dark'] .sf-c-txt-lightpink, html.dark .sf-c-txt-lightpink { color: hsl(var(--sf-c-txt-lightpink)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:0, html.dark .sf-c-txt-lightpink\:0 { color: hsl(var(--sf-c-txt-lightpink-0)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:10, html.dark .sf-c-txt-lightpink\:10 { color: hsl(var(--sf-c-txt-lightpink-10)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:20, html.dark .sf-c-txt-lightpink\:20 { color: hsl(var(--sf-c-txt-lightpink-20)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:30, html.dark .sf-c-txt-lightpink\:30 { color: hsl(var(--sf-c-txt-lightpink-30)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:40, html.dark .sf-c-txt-lightpink\:40 { color: hsl(var(--sf-c-txt-lightpink-40)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:50, html.dark .sf-c-txt-lightpink\:50 { color: hsl(var(--sf-c-txt-lightpink-50)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:60, html.dark .sf-c-txt-lightpink\:60 { color: hsl(var(--sf-c-txt-lightpink-60)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:70, html.dark .sf-c-txt-lightpink\:70 { color: hsl(var(--sf-c-txt-lightpink-70)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:80, html.dark .sf-c-txt-lightpink\:80 { color: hsl(var(--sf-c-txt-lightpink-80)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:90, html.dark .sf-c-txt-lightpink\:90 { color: hsl(var(--sf-c-txt-lightpink-90)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:100, html.dark .sf-c-txt-lightpink\:100 { color: hsl(var(--sf-c-txt-lightpink-100)) } + +html[data-theme='dark'] .sf-c-txt-lightpink\:dark, html.dark .sf-c-txt-lightpink\:dark { color: hsl(var(--sf-c-txt-lightpink)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:0\:dark, html.dark .sf-c-txt-lightpink\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-0)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:10\:dark, html.dark .sf-c-txt-lightpink\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-10)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:20\:dark, html.dark .sf-c-txt-lightpink\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-20)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:30\:dark, html.dark .sf-c-txt-lightpink\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-30)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:40\:dark, html.dark .sf-c-txt-lightpink\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-40)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:50\:dark, html.dark .sf-c-txt-lightpink\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-50)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:60\:dark, html.dark .sf-c-txt-lightpink\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-60)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:70\:dark, html.dark .sf-c-txt-lightpink\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-70)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:80\:dark, html.dark .sf-c-txt-lightpink\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-80)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:90\:dark, html.dark .sf-c-txt-lightpink\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-90)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:100\:dark, html.dark .sf-c-txt-lightpink\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-100)) } + html.var[data-theme='dark'] .sf-c-lightpink, html.var.dark .sf-c-lightpink { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 14%) } html.var[data-theme='dark'] .sf-c-lightpink\:0, html.var.dark .sf-c-lightpink\:0 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lightpink\:10, html.var.dark .sf-c-lightpink\:10 { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lightpink\:80\:dark, html.var.dark .sf-c-light html.var[data-theme='dark'] .sf-c-lightpink\:90\:dark, html.var.dark .sf-c-lightpink\:90\:dark { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 10%) } html.var[data-theme='dark'] .sf-c-lightpink\:100\:dark, html.var.dark .sf-c-lightpink\:100\:dark { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink, html.dark .sf-c-txt-lightpink { color: hsl(351, 100%, 86%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:0, html.dark .sf-c-txt-lightpink\:0 { color: hsl(351, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:10, html.dark .sf-c-txt-lightpink\:10 { color: hsl(351, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:20, html.dark .sf-c-txt-lightpink\:20 { color: hsl(351, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:30, html.dark .sf-c-txt-lightpink\:30 { color: hsl(351, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:40, html.dark .sf-c-txt-lightpink\:40 { color: hsl(351, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:50, html.dark .sf-c-txt-lightpink\:50 { color: hsl(351, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:60, html.dark .sf-c-txt-lightpink\:60 { color: hsl(351, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:70, html.dark .sf-c-txt-lightpink\:70 { color: hsl(351, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:80, html.dark .sf-c-txt-lightpink\:80 { color: hsl(351, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:90, html.dark .sf-c-txt-lightpink\:90 { color: hsl(351, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:100, html.dark .sf-c-txt-lightpink\:100 { color: hsl(351, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightpink\:dark, html.dark .sf-c-txt-lightpink\:dark { color: hsl(351, 100%, 86%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:0\:dark, html.dark .sf-c-txt-lightpink\:0\:dark { color: hsl(351, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:10\:dark, html.dark .sf-c-txt-lightpink\:10\:dark { color: hsl(351, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:20\:dark, html.dark .sf-c-txt-lightpink\:20\:dark { color: hsl(351, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:30\:dark, html.dark .sf-c-txt-lightpink\:30\:dark { color: hsl(351, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:40\:dark, html.dark .sf-c-txt-lightpink\:40\:dark { color: hsl(351, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:50\:dark, html.dark .sf-c-txt-lightpink\:50\:dark { color: hsl(351, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:60\:dark, html.dark .sf-c-txt-lightpink\:60\:dark { color: hsl(351, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:70\:dark, html.dark .sf-c-txt-lightpink\:70\:dark { color: hsl(351, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:80\:dark, html.dark .sf-c-txt-lightpink\:80\:dark { color: hsl(351, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:90\:dark, html.dark .sf-c-txt-lightpink\:90\:dark { color: hsl(351, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:100\:dark, html.dark .sf-c-txt-lightpink\:100\:dark { color: hsl(351, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightpink, html.auto .sf-c-lightpink { color: hsl(var(--sf-dark-c-txt-lightpink-90)); background: hsl(var(--sf-dark-c-lightpink)) } html[data-theme='auto'] .sf-c-lightpink\:0, html.auto .sf-c-lightpink\:0 { color: hsl(var(--sf-dark-c-txt-lightpink-90)); background: hsl(var(--sf-dark-c-lightpink-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lightpink\:100\:dark, html.var.dark .sf-c-ligh html[data-theme='auto'] .sf-c-lightpink\:90\:dark, html.auto .sf-c-lightpink\:90\:dark { color: hsl(var(--sf-c-txt-lightpink-90)); background: hsl(var(--sf-c-lightpink-10)) } html[data-theme='auto'] .sf-c-lightpink\:100\:dark, html.auto .sf-c-lightpink\:100\:dark { color: hsl(var(--sf-c-txt-lightpink-90)); background: hsl(var(--sf-c-lightpink-0)) } + html[data-theme='auto'] .sf-c-txt-lightpink, html.auto .sf-c-txt-lightpink { color: hsl(var(--sf-c-txt-lightpink)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:0, html.auto .sf-c-txt-lightpink\:0 { color: hsl(var(--sf-c-txt-lightpink-0)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:10, html.auto .sf-c-txt-lightpink\:10 { color: hsl(var(--sf-c-txt-lightpink-10)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:20, html.auto .sf-c-txt-lightpink\:20 { color: hsl(var(--sf-c-txt-lightpink-20)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:30, html.auto .sf-c-txt-lightpink\:30 { color: hsl(var(--sf-c-txt-lightpink-30)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:40, html.auto .sf-c-txt-lightpink\:40 { color: hsl(var(--sf-c-txt-lightpink-40)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:50, html.auto .sf-c-txt-lightpink\:50 { color: hsl(var(--sf-c-txt-lightpink-50)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:60, html.auto .sf-c-txt-lightpink\:60 { color: hsl(var(--sf-c-txt-lightpink-60)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:70, html.auto .sf-c-txt-lightpink\:70 { color: hsl(var(--sf-c-txt-lightpink-70)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:80, html.auto .sf-c-txt-lightpink\:80 { color: hsl(var(--sf-c-txt-lightpink-80)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:90, html.auto .sf-c-txt-lightpink\:90 { color: hsl(var(--sf-c-txt-lightpink-90)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:100, html.auto .sf-c-txt-lightpink\:100 { color: hsl(var(--sf-c-txt-lightpink-100)) } + + html[data-theme='auto'] .sf-c-txt-lightpink\:dark, html.auto .sf-c-txt-lightpink\:dark { color: hsl(var(--sf-c-txt-lightpink)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:0\:dark, html.auto .sf-c-txt-lightpink\:0\:dark { color: hsl(var(--sf-c-txt-lightpink-0)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:10\:dark, html.auto .sf-c-txt-lightpink\:10\:dark { color: hsl(var(--sf-c-txt-lightpink-10)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:20\:dark, html.auto .sf-c-txt-lightpink\:20\:dark { color: hsl(var(--sf-c-txt-lightpink-20)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:30\:dark, html.auto .sf-c-txt-lightpink\:30\:dark { color: hsl(var(--sf-c-txt-lightpink-30)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:40\:dark, html.auto .sf-c-txt-lightpink\:40\:dark { color: hsl(var(--sf-c-txt-lightpink-40)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:50\:dark, html.auto .sf-c-txt-lightpink\:50\:dark { color: hsl(var(--sf-c-txt-lightpink-50)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:60\:dark, html.auto .sf-c-txt-lightpink\:60\:dark { color: hsl(var(--sf-c-txt-lightpink-60)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:70\:dark, html.auto .sf-c-txt-lightpink\:70\:dark { color: hsl(var(--sf-c-txt-lightpink-70)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:80\:dark, html.auto .sf-c-txt-lightpink\:80\:dark { color: hsl(var(--sf-c-txt-lightpink-80)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:90\:dark, html.auto .sf-c-txt-lightpink\:90\:dark { color: hsl(var(--sf-c-txt-lightpink-90)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:100\:dark, html.auto .sf-c-txt-lightpink\:100\:dark { color: hsl(var(--sf-c-txt-lightpink-100)) } + html.var[data-theme='auto'] .sf-c-lightpink, html.var.auto .sf-c-lightpink { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 14%) } html.var[data-theme='auto'] .sf-c-lightpink\:0, html.var.auto .sf-c-lightpink\:0 { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lightpink\:10, html.var.auto .sf-c-lightpink\:10 { color: hsl(351, 100%, 10%); background: hsl(351, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lightpink\:100\:dark, html.var.dark .sf-c-ligh html.var[data-theme='auto'] .sf-c-lightpink\:80\:dark, html.var.auto .sf-c-lightpink\:80\:dark { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 20%) } html.var[data-theme='auto'] .sf-c-lightpink\:90\:dark, html.var.auto .sf-c-lightpink\:90\:dark { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lightpink\:100\:dark, html.var.auto .sf-c-lightpink\:100\:dark { color: hsl(351, 100%, 90%); background: hsl(351, 100%, 0%) } -} -.sf-c-txt-lightpink { color: hsl(var(--sf-c-txt-lightpink)) } -.sf-c-txt-lightpink\:0 { color: hsl(var(--sf-c-txt-lightpink-0)) } -.sf-c-txt-lightpink\:10 { color: hsl(var(--sf-c-txt-lightpink-10)) } -.sf-c-txt-lightpink\:20 { color: hsl(var(--sf-c-txt-lightpink-20)) } -.sf-c-txt-lightpink\:30 { color: hsl(var(--sf-c-txt-lightpink-30)) } -.sf-c-txt-lightpink\:40 { color: hsl(var(--sf-c-txt-lightpink-40)) } -.sf-c-txt-lightpink\:50 { color: hsl(var(--sf-c-txt-lightpink-50)) } -.sf-c-txt-lightpink\:60 { color: hsl(var(--sf-c-txt-lightpink-60)) } -.sf-c-txt-lightpink\:70 { color: hsl(var(--sf-c-txt-lightpink-70)) } -.sf-c-txt-lightpink\:80 { color: hsl(var(--sf-c-txt-lightpink-80)) } -.sf-c-txt-lightpink\:90 { color: hsl(var(--sf-c-txt-lightpink-90)) } -.sf-c-txt-lightpink\:100 { color: hsl(var(--sf-c-txt-lightpink-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightpink, html.auto .sf-c-txt-lightpink { color: hsl(351, 100%, 86%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:0, html.auto .sf-c-txt-lightpink\:0 { color: hsl(351, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:10, html.auto .sf-c-txt-lightpink\:10 { color: hsl(351, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:20, html.auto .sf-c-txt-lightpink\:20 { color: hsl(351, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:30, html.auto .sf-c-txt-lightpink\:30 { color: hsl(351, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:40, html.auto .sf-c-txt-lightpink\:40 { color: hsl(351, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:50, html.auto .sf-c-txt-lightpink\:50 { color: hsl(351, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:60, html.auto .sf-c-txt-lightpink\:60 { color: hsl(351, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:70, html.auto .sf-c-txt-lightpink\:70 { color: hsl(351, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:80, html.auto .sf-c-txt-lightpink\:80 { color: hsl(351, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:90, html.auto .sf-c-txt-lightpink\:90 { color: hsl(351, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:100, html.auto .sf-c-txt-lightpink\:100 { color: hsl(351, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightpink\:dark, html.auto .sf-c-txt-lightpink\:dark { color: hsl(351, 100%, 86%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:0\:dark, html.auto .sf-c-txt-lightpink\:0\:dark { color: hsl(351, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:10\:dark, html.auto .sf-c-txt-lightpink\:10\:dark { color: hsl(351, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:20\:dark, html.auto .sf-c-txt-lightpink\:20\:dark { color: hsl(351, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:30\:dark, html.auto .sf-c-txt-lightpink\:30\:dark { color: hsl(351, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:40\:dark, html.auto .sf-c-txt-lightpink\:40\:dark { color: hsl(351, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:50\:dark, html.auto .sf-c-txt-lightpink\:50\:dark { color: hsl(351, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:60\:dark, html.auto .sf-c-txt-lightpink\:60\:dark { color: hsl(351, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:70\:dark, html.auto .sf-c-txt-lightpink\:70\:dark { color: hsl(351, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:80\:dark, html.auto .sf-c-txt-lightpink\:80\:dark { color: hsl(351, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:90\:dark, html.auto .sf-c-txt-lightpink\:90\:dark { color: hsl(351, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:100\:dark, html.auto .sf-c-txt-lightpink\:100\:dark { color: hsl(351, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lightsalmon.css b/src/colors/10/lightsalmon.css index 900cb48..1aac1e4 100644 --- a/src/colors/10/lightsalmon.css +++ b/src/colors/10/lightsalmon.css @@ -78,6 +78,32 @@ html.var .sf-c-lightsalmon\:80 { color: hsl(17, 100%, 10%); background: hsl(17, html.var .sf-c-lightsalmon\:90 { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 90%) } html.var .sf-c-lightsalmon\:100 { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 100%) } +.sf-c-txt-lightsalmon { color: hsl(var(--sf-dark-c-txt-lightsalmon)) } +.sf-c-txt-lightsalmon\:0 { color: hsl(var(--sf-dark-c-txt-lightsalmon-100)) } +.sf-c-txt-lightsalmon\:10 { color: hsl(var(--sf-dark-c-txt-lightsalmon-90)) } +.sf-c-txt-lightsalmon\:20 { color: hsl(var(--sf-dark-c-txt-lightsalmon-80)) } +.sf-c-txt-lightsalmon\:30 { color: hsl(var(--sf-dark-c-txt-lightsalmon-70)) } +.sf-c-txt-lightsalmon\:40 { color: hsl(var(--sf-dark-c-txt-lightsalmon-60)) } +.sf-c-txt-lightsalmon\:50 { color: hsl(var(--sf-dark-c-txt-lightsalmon-50)) } +.sf-c-txt-lightsalmon\:60 { color: hsl(var(--sf-dark-c-txt-lightsalmon-40)) } +.sf-c-txt-lightsalmon\:70 { color: hsl(var(--sf-dark-c-txt-lightsalmon-30)) } +.sf-c-txt-lightsalmon\:80 { color: hsl(var(--sf-dark-c-txt-lightsalmon-20)) } +.sf-c-txt-lightsalmon\:90 { color: hsl(var(--sf-dark-c-txt-lightsalmon-10)) } +.sf-c-txt-lightsalmon\:100 { color: hsl(var(--sf-dark-c-txt-lightsalmon-0)) } + +html.var .sf-c-txt-lightsalmon { color: hsl(17, 100%, 26%) } +html.var .sf-c-txt-lightsalmon\:0 { color: hsl(17, 100%, 100%) } +html.var .sf-c-txt-lightsalmon\:10 { color: hsl(17, 100%, 90%) } +html.var .sf-c-txt-lightsalmon\:20 { color: hsl(17, 100%, 80%) } +html.var .sf-c-txt-lightsalmon\:30 { color: hsl(17, 100%, 70%) } +html.var .sf-c-txt-lightsalmon\:40 { color: hsl(17, 100%, 60%) } +html.var .sf-c-txt-lightsalmon\:50 { color: hsl(17, 100%, 50%) } +html.var .sf-c-txt-lightsalmon\:60 { color: hsl(17, 100%, 40%) } +html.var .sf-c-txt-lightsalmon\:70 { color: hsl(17, 100%, 30%) } +html.var .sf-c-txt-lightsalmon\:80 { color: hsl(17, 100%, 20%) } +html.var .sf-c-txt-lightsalmon\:90 { color: hsl(17, 100%, 10%) } +html.var .sf-c-txt-lightsalmon\:100 { color: hsl(17, 100%, 0%) } + html[data-theme='dark'] .sf-c-lightsalmon, html.dark .sf-c-lightsalmon { color: hsl(var(--sf-dark-c-txt-lightsalmon-90)); background: hsl(var(--sf-dark-c-lightsalmon)) } html[data-theme='dark'] .sf-c-lightsalmon\:0, html.dark .sf-c-lightsalmon\:0 { color: hsl(var(--sf-dark-c-txt-lightsalmon-90)); background: hsl(var(--sf-dark-c-lightsalmon-100)) } html[data-theme='dark'] .sf-c-lightsalmon\:10, html.dark .sf-c-lightsalmon\:10 { color: hsl(var(--sf-dark-c-txt-lightsalmon-10)); background: hsl(var(--sf-dark-c-lightsalmon-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lightsalmon\:80\:dark, html.dark .sf-c-lightsalmon html[data-theme='dark'] .sf-c-lightsalmon\:90\:dark, html.dark .sf-c-lightsalmon\:90\:dark { color: hsl(var(--sf-c-txt-lightsalmon-90)); background: hsl(var(--sf-c-lightsalmon-10)) } html[data-theme='dark'] .sf-c-lightsalmon\:100\:dark, html.dark .sf-c-lightsalmon\:100\:dark { color: hsl(var(--sf-c-txt-lightsalmon-90)); background: hsl(var(--sf-c-lightsalmon-0)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon, html.dark .sf-c-txt-lightsalmon { color: hsl(var(--sf-c-txt-lightsalmon)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:0, html.dark .sf-c-txt-lightsalmon\:0 { color: hsl(var(--sf-c-txt-lightsalmon-0)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:10, html.dark .sf-c-txt-lightsalmon\:10 { color: hsl(var(--sf-c-txt-lightsalmon-10)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:20, html.dark .sf-c-txt-lightsalmon\:20 { color: hsl(var(--sf-c-txt-lightsalmon-20)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:30, html.dark .sf-c-txt-lightsalmon\:30 { color: hsl(var(--sf-c-txt-lightsalmon-30)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:40, html.dark .sf-c-txt-lightsalmon\:40 { color: hsl(var(--sf-c-txt-lightsalmon-40)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:50, html.dark .sf-c-txt-lightsalmon\:50 { color: hsl(var(--sf-c-txt-lightsalmon-50)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:60, html.dark .sf-c-txt-lightsalmon\:60 { color: hsl(var(--sf-c-txt-lightsalmon-60)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:70, html.dark .sf-c-txt-lightsalmon\:70 { color: hsl(var(--sf-c-txt-lightsalmon-70)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:80, html.dark .sf-c-txt-lightsalmon\:80 { color: hsl(var(--sf-c-txt-lightsalmon-80)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:90, html.dark .sf-c-txt-lightsalmon\:90 { color: hsl(var(--sf-c-txt-lightsalmon-90)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:100, html.dark .sf-c-txt-lightsalmon\:100 { color: hsl(var(--sf-c-txt-lightsalmon-100)) } + +html[data-theme='dark'] .sf-c-txt-lightsalmon\:dark, html.dark .sf-c-txt-lightsalmon\:dark { color: hsl(var(--sf-c-txt-lightsalmon)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:0\:dark, html.dark .sf-c-txt-lightsalmon\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-0)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:10\:dark, html.dark .sf-c-txt-lightsalmon\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-10)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:20\:dark, html.dark .sf-c-txt-lightsalmon\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-20)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:30\:dark, html.dark .sf-c-txt-lightsalmon\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-30)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:40\:dark, html.dark .sf-c-txt-lightsalmon\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-40)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:50\:dark, html.dark .sf-c-txt-lightsalmon\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-50)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:60\:dark, html.dark .sf-c-txt-lightsalmon\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-60)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:70\:dark, html.dark .sf-c-txt-lightsalmon\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-70)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:80\:dark, html.dark .sf-c-txt-lightsalmon\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-80)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:90\:dark, html.dark .sf-c-txt-lightsalmon\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-90)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:100\:dark, html.dark .sf-c-txt-lightsalmon\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-100)) } + html.var[data-theme='dark'] .sf-c-lightsalmon, html.var.dark .sf-c-lightsalmon { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 26%) } html.var[data-theme='dark'] .sf-c-lightsalmon\:0, html.var.dark .sf-c-lightsalmon\:0 { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lightsalmon\:10, html.var.dark .sf-c-lightsalmon\:10 { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lightsalmon\:80\:dark, html.var.dark .sf-c-lig html.var[data-theme='dark'] .sf-c-lightsalmon\:90\:dark, html.var.dark .sf-c-lightsalmon\:90\:dark { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 10%) } html.var[data-theme='dark'] .sf-c-lightsalmon\:100\:dark, html.var.dark .sf-c-lightsalmon\:100\:dark { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon, html.dark .sf-c-txt-lightsalmon { color: hsl(17, 100%, 74%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:0, html.dark .sf-c-txt-lightsalmon\:0 { color: hsl(17, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:10, html.dark .sf-c-txt-lightsalmon\:10 { color: hsl(17, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:20, html.dark .sf-c-txt-lightsalmon\:20 { color: hsl(17, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:30, html.dark .sf-c-txt-lightsalmon\:30 { color: hsl(17, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:40, html.dark .sf-c-txt-lightsalmon\:40 { color: hsl(17, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:50, html.dark .sf-c-txt-lightsalmon\:50 { color: hsl(17, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:60, html.dark .sf-c-txt-lightsalmon\:60 { color: hsl(17, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:70, html.dark .sf-c-txt-lightsalmon\:70 { color: hsl(17, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:80, html.dark .sf-c-txt-lightsalmon\:80 { color: hsl(17, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:90, html.dark .sf-c-txt-lightsalmon\:90 { color: hsl(17, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:100, html.dark .sf-c-txt-lightsalmon\:100 { color: hsl(17, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:dark, html.dark .sf-c-txt-lightsalmon\:dark { color: hsl(17, 100%, 74%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:0\:dark, html.dark .sf-c-txt-lightsalmon\:0\:dark { color: hsl(17, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:10\:dark, html.dark .sf-c-txt-lightsalmon\:10\:dark { color: hsl(17, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:20\:dark, html.dark .sf-c-txt-lightsalmon\:20\:dark { color: hsl(17, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:30\:dark, html.dark .sf-c-txt-lightsalmon\:30\:dark { color: hsl(17, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:40\:dark, html.dark .sf-c-txt-lightsalmon\:40\:dark { color: hsl(17, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:50\:dark, html.dark .sf-c-txt-lightsalmon\:50\:dark { color: hsl(17, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:60\:dark, html.dark .sf-c-txt-lightsalmon\:60\:dark { color: hsl(17, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:70\:dark, html.dark .sf-c-txt-lightsalmon\:70\:dark { color: hsl(17, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:80\:dark, html.dark .sf-c-txt-lightsalmon\:80\:dark { color: hsl(17, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:90\:dark, html.dark .sf-c-txt-lightsalmon\:90\:dark { color: hsl(17, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:100\:dark, html.dark .sf-c-txt-lightsalmon\:100\:dark { color: hsl(17, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightsalmon, html.auto .sf-c-lightsalmon { color: hsl(var(--sf-dark-c-txt-lightsalmon-90)); background: hsl(var(--sf-dark-c-lightsalmon)) } html[data-theme='auto'] .sf-c-lightsalmon\:0, html.auto .sf-c-lightsalmon\:0 { color: hsl(var(--sf-dark-c-txt-lightsalmon-90)); background: hsl(var(--sf-dark-c-lightsalmon-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lightsalmon\:100\:dark, html.var.dark .sf-c-li html[data-theme='auto'] .sf-c-lightsalmon\:90\:dark, html.auto .sf-c-lightsalmon\:90\:dark { color: hsl(var(--sf-c-txt-lightsalmon-90)); background: hsl(var(--sf-c-lightsalmon-10)) } html[data-theme='auto'] .sf-c-lightsalmon\:100\:dark, html.auto .sf-c-lightsalmon\:100\:dark { color: hsl(var(--sf-c-txt-lightsalmon-90)); background: hsl(var(--sf-c-lightsalmon-0)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon, html.auto .sf-c-txt-lightsalmon { color: hsl(var(--sf-c-txt-lightsalmon)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:0, html.auto .sf-c-txt-lightsalmon\:0 { color: hsl(var(--sf-c-txt-lightsalmon-0)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:10, html.auto .sf-c-txt-lightsalmon\:10 { color: hsl(var(--sf-c-txt-lightsalmon-10)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:20, html.auto .sf-c-txt-lightsalmon\:20 { color: hsl(var(--sf-c-txt-lightsalmon-20)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:30, html.auto .sf-c-txt-lightsalmon\:30 { color: hsl(var(--sf-c-txt-lightsalmon-30)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:40, html.auto .sf-c-txt-lightsalmon\:40 { color: hsl(var(--sf-c-txt-lightsalmon-40)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:50, html.auto .sf-c-txt-lightsalmon\:50 { color: hsl(var(--sf-c-txt-lightsalmon-50)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:60, html.auto .sf-c-txt-lightsalmon\:60 { color: hsl(var(--sf-c-txt-lightsalmon-60)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:70, html.auto .sf-c-txt-lightsalmon\:70 { color: hsl(var(--sf-c-txt-lightsalmon-70)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:80, html.auto .sf-c-txt-lightsalmon\:80 { color: hsl(var(--sf-c-txt-lightsalmon-80)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:90, html.auto .sf-c-txt-lightsalmon\:90 { color: hsl(var(--sf-c-txt-lightsalmon-90)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:100, html.auto .sf-c-txt-lightsalmon\:100 { color: hsl(var(--sf-c-txt-lightsalmon-100)) } + + html[data-theme='auto'] .sf-c-txt-lightsalmon\:dark, html.auto .sf-c-txt-lightsalmon\:dark { color: hsl(var(--sf-c-txt-lightsalmon)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:0\:dark, html.auto .sf-c-txt-lightsalmon\:0\:dark { color: hsl(var(--sf-c-txt-lightsalmon-0)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:10\:dark, html.auto .sf-c-txt-lightsalmon\:10\:dark { color: hsl(var(--sf-c-txt-lightsalmon-10)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:20\:dark, html.auto .sf-c-txt-lightsalmon\:20\:dark { color: hsl(var(--sf-c-txt-lightsalmon-20)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:30\:dark, html.auto .sf-c-txt-lightsalmon\:30\:dark { color: hsl(var(--sf-c-txt-lightsalmon-30)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:40\:dark, html.auto .sf-c-txt-lightsalmon\:40\:dark { color: hsl(var(--sf-c-txt-lightsalmon-40)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:50\:dark, html.auto .sf-c-txt-lightsalmon\:50\:dark { color: hsl(var(--sf-c-txt-lightsalmon-50)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:60\:dark, html.auto .sf-c-txt-lightsalmon\:60\:dark { color: hsl(var(--sf-c-txt-lightsalmon-60)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:70\:dark, html.auto .sf-c-txt-lightsalmon\:70\:dark { color: hsl(var(--sf-c-txt-lightsalmon-70)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:80\:dark, html.auto .sf-c-txt-lightsalmon\:80\:dark { color: hsl(var(--sf-c-txt-lightsalmon-80)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:90\:dark, html.auto .sf-c-txt-lightsalmon\:90\:dark { color: hsl(var(--sf-c-txt-lightsalmon-90)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:100\:dark, html.auto .sf-c-txt-lightsalmon\:100\:dark { color: hsl(var(--sf-c-txt-lightsalmon-100)) } + html.var[data-theme='auto'] .sf-c-lightsalmon, html.var.auto .sf-c-lightsalmon { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 26%) } html.var[data-theme='auto'] .sf-c-lightsalmon\:0, html.var.auto .sf-c-lightsalmon\:0 { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lightsalmon\:10, html.var.auto .sf-c-lightsalmon\:10 { color: hsl(17, 100%, 10%); background: hsl(17, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lightsalmon\:100\:dark, html.var.dark .sf-c-li html.var[data-theme='auto'] .sf-c-lightsalmon\:80\:dark, html.var.auto .sf-c-lightsalmon\:80\:dark { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 20%) } html.var[data-theme='auto'] .sf-c-lightsalmon\:90\:dark, html.var.auto .sf-c-lightsalmon\:90\:dark { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lightsalmon\:100\:dark, html.var.auto .sf-c-lightsalmon\:100\:dark { color: hsl(17, 100%, 90%); background: hsl(17, 100%, 0%) } -} -.sf-c-txt-lightsalmon { color: hsl(var(--sf-c-txt-lightsalmon)) } -.sf-c-txt-lightsalmon\:0 { color: hsl(var(--sf-c-txt-lightsalmon-0)) } -.sf-c-txt-lightsalmon\:10 { color: hsl(var(--sf-c-txt-lightsalmon-10)) } -.sf-c-txt-lightsalmon\:20 { color: hsl(var(--sf-c-txt-lightsalmon-20)) } -.sf-c-txt-lightsalmon\:30 { color: hsl(var(--sf-c-txt-lightsalmon-30)) } -.sf-c-txt-lightsalmon\:40 { color: hsl(var(--sf-c-txt-lightsalmon-40)) } -.sf-c-txt-lightsalmon\:50 { color: hsl(var(--sf-c-txt-lightsalmon-50)) } -.sf-c-txt-lightsalmon\:60 { color: hsl(var(--sf-c-txt-lightsalmon-60)) } -.sf-c-txt-lightsalmon\:70 { color: hsl(var(--sf-c-txt-lightsalmon-70)) } -.sf-c-txt-lightsalmon\:80 { color: hsl(var(--sf-c-txt-lightsalmon-80)) } -.sf-c-txt-lightsalmon\:90 { color: hsl(var(--sf-c-txt-lightsalmon-90)) } -.sf-c-txt-lightsalmon\:100 { color: hsl(var(--sf-c-txt-lightsalmon-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightsalmon, html.auto .sf-c-txt-lightsalmon { color: hsl(17, 100%, 74%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:0, html.auto .sf-c-txt-lightsalmon\:0 { color: hsl(17, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:10, html.auto .sf-c-txt-lightsalmon\:10 { color: hsl(17, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:20, html.auto .sf-c-txt-lightsalmon\:20 { color: hsl(17, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:30, html.auto .sf-c-txt-lightsalmon\:30 { color: hsl(17, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:40, html.auto .sf-c-txt-lightsalmon\:40 { color: hsl(17, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:50, html.auto .sf-c-txt-lightsalmon\:50 { color: hsl(17, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:60, html.auto .sf-c-txt-lightsalmon\:60 { color: hsl(17, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:70, html.auto .sf-c-txt-lightsalmon\:70 { color: hsl(17, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:80, html.auto .sf-c-txt-lightsalmon\:80 { color: hsl(17, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:90, html.auto .sf-c-txt-lightsalmon\:90 { color: hsl(17, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:100, html.auto .sf-c-txt-lightsalmon\:100 { color: hsl(17, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:dark, html.auto .sf-c-txt-lightsalmon\:dark { color: hsl(17, 100%, 74%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:0\:dark, html.auto .sf-c-txt-lightsalmon\:0\:dark { color: hsl(17, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:10\:dark, html.auto .sf-c-txt-lightsalmon\:10\:dark { color: hsl(17, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:20\:dark, html.auto .sf-c-txt-lightsalmon\:20\:dark { color: hsl(17, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:30\:dark, html.auto .sf-c-txt-lightsalmon\:30\:dark { color: hsl(17, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:40\:dark, html.auto .sf-c-txt-lightsalmon\:40\:dark { color: hsl(17, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:50\:dark, html.auto .sf-c-txt-lightsalmon\:50\:dark { color: hsl(17, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:60\:dark, html.auto .sf-c-txt-lightsalmon\:60\:dark { color: hsl(17, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:70\:dark, html.auto .sf-c-txt-lightsalmon\:70\:dark { color: hsl(17, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:80\:dark, html.auto .sf-c-txt-lightsalmon\:80\:dark { color: hsl(17, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:90\:dark, html.auto .sf-c-txt-lightsalmon\:90\:dark { color: hsl(17, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:100\:dark, html.auto .sf-c-txt-lightsalmon\:100\:dark { color: hsl(17, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lightseagreen.css b/src/colors/10/lightseagreen.css index 1a29364..e6e6c65 100644 --- a/src/colors/10/lightseagreen.css +++ b/src/colors/10/lightseagreen.css @@ -78,6 +78,32 @@ html.var .sf-c-lightseagreen\:80 { color: hsl(177, 70%, 10%); background: hsl(17 html.var .sf-c-lightseagreen\:90 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 90%) } html.var .sf-c-lightseagreen\:100 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 100%) } +.sf-c-txt-lightseagreen { color: hsl(var(--sf-dark-c-txt-lightseagreen)) } +.sf-c-txt-lightseagreen\:0 { color: hsl(var(--sf-dark-c-txt-lightseagreen-100)) } +.sf-c-txt-lightseagreen\:10 { color: hsl(var(--sf-dark-c-txt-lightseagreen-90)) } +.sf-c-txt-lightseagreen\:20 { color: hsl(var(--sf-dark-c-txt-lightseagreen-80)) } +.sf-c-txt-lightseagreen\:30 { color: hsl(var(--sf-dark-c-txt-lightseagreen-70)) } +.sf-c-txt-lightseagreen\:40 { color: hsl(var(--sf-dark-c-txt-lightseagreen-60)) } +.sf-c-txt-lightseagreen\:50 { color: hsl(var(--sf-dark-c-txt-lightseagreen-50)) } +.sf-c-txt-lightseagreen\:60 { color: hsl(var(--sf-dark-c-txt-lightseagreen-40)) } +.sf-c-txt-lightseagreen\:70 { color: hsl(var(--sf-dark-c-txt-lightseagreen-30)) } +.sf-c-txt-lightseagreen\:80 { color: hsl(var(--sf-dark-c-txt-lightseagreen-20)) } +.sf-c-txt-lightseagreen\:90 { color: hsl(var(--sf-dark-c-txt-lightseagreen-10)) } +.sf-c-txt-lightseagreen\:100 { color: hsl(var(--sf-dark-c-txt-lightseagreen-0)) } + +html.var .sf-c-txt-lightseagreen { color: hsl(177, 70%, 59%) } +html.var .sf-c-txt-lightseagreen\:0 { color: hsl(177, 70%, 100%) } +html.var .sf-c-txt-lightseagreen\:10 { color: hsl(177, 70%, 90%) } +html.var .sf-c-txt-lightseagreen\:20 { color: hsl(177, 70%, 80%) } +html.var .sf-c-txt-lightseagreen\:30 { color: hsl(177, 70%, 70%) } +html.var .sf-c-txt-lightseagreen\:40 { color: hsl(177, 70%, 60%) } +html.var .sf-c-txt-lightseagreen\:50 { color: hsl(177, 70%, 50%) } +html.var .sf-c-txt-lightseagreen\:60 { color: hsl(177, 70%, 40%) } +html.var .sf-c-txt-lightseagreen\:70 { color: hsl(177, 70%, 30%) } +html.var .sf-c-txt-lightseagreen\:80 { color: hsl(177, 70%, 20%) } +html.var .sf-c-txt-lightseagreen\:90 { color: hsl(177, 70%, 10%) } +html.var .sf-c-txt-lightseagreen\:100 { color: hsl(177, 70%, 0%) } + html[data-theme='dark'] .sf-c-lightseagreen, html.dark .sf-c-lightseagreen { color: hsl(var(--sf-dark-c-txt-lightseagreen-10)); background: hsl(var(--sf-dark-c-lightseagreen)) } html[data-theme='dark'] .sf-c-lightseagreen\:0, html.dark .sf-c-lightseagreen\:0 { color: hsl(var(--sf-dark-c-txt-lightseagreen-90)); background: hsl(var(--sf-dark-c-lightseagreen-100)) } html[data-theme='dark'] .sf-c-lightseagreen\:10, html.dark .sf-c-lightseagreen\:10 { color: hsl(var(--sf-dark-c-txt-lightseagreen-10)); background: hsl(var(--sf-dark-c-lightseagreen-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lightseagreen\:80\:dark, html.dark .sf-c-lightseag html[data-theme='dark'] .sf-c-lightseagreen\:90\:dark, html.dark .sf-c-lightseagreen\:90\:dark { color: hsl(var(--sf-c-txt-lightseagreen-90)); background: hsl(var(--sf-c-lightseagreen-10)) } html[data-theme='dark'] .sf-c-lightseagreen\:100\:dark, html.dark .sf-c-lightseagreen\:100\:dark { color: hsl(var(--sf-c-txt-lightseagreen-90)); background: hsl(var(--sf-c-lightseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen, html.dark .sf-c-txt-lightseagreen { color: hsl(var(--sf-c-txt-lightseagreen)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:0, html.dark .sf-c-txt-lightseagreen\:0 { color: hsl(var(--sf-c-txt-lightseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:10, html.dark .sf-c-txt-lightseagreen\:10 { color: hsl(var(--sf-c-txt-lightseagreen-10)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:20, html.dark .sf-c-txt-lightseagreen\:20 { color: hsl(var(--sf-c-txt-lightseagreen-20)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:30, html.dark .sf-c-txt-lightseagreen\:30 { color: hsl(var(--sf-c-txt-lightseagreen-30)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:40, html.dark .sf-c-txt-lightseagreen\:40 { color: hsl(var(--sf-c-txt-lightseagreen-40)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:50, html.dark .sf-c-txt-lightseagreen\:50 { color: hsl(var(--sf-c-txt-lightseagreen-50)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:60, html.dark .sf-c-txt-lightseagreen\:60 { color: hsl(var(--sf-c-txt-lightseagreen-60)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:70, html.dark .sf-c-txt-lightseagreen\:70 { color: hsl(var(--sf-c-txt-lightseagreen-70)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:80, html.dark .sf-c-txt-lightseagreen\:80 { color: hsl(var(--sf-c-txt-lightseagreen-80)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:90, html.dark .sf-c-txt-lightseagreen\:90 { color: hsl(var(--sf-c-txt-lightseagreen-90)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:100, html.dark .sf-c-txt-lightseagreen\:100 { color: hsl(var(--sf-c-txt-lightseagreen-100)) } + +html[data-theme='dark'] .sf-c-txt-lightseagreen\:dark, html.dark .sf-c-txt-lightseagreen\:dark { color: hsl(var(--sf-c-txt-lightseagreen)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:0\:dark, html.dark .sf-c-txt-lightseagreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:10\:dark, html.dark .sf-c-txt-lightseagreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-10)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:20\:dark, html.dark .sf-c-txt-lightseagreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-20)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:30\:dark, html.dark .sf-c-txt-lightseagreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-30)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:40\:dark, html.dark .sf-c-txt-lightseagreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-40)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:50\:dark, html.dark .sf-c-txt-lightseagreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-50)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:60\:dark, html.dark .sf-c-txt-lightseagreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-60)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:70\:dark, html.dark .sf-c-txt-lightseagreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-70)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:80\:dark, html.dark .sf-c-txt-lightseagreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-80)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:90\:dark, html.dark .sf-c-txt-lightseagreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-90)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:100\:dark, html.dark .sf-c-txt-lightseagreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-100)) } + html.var[data-theme='dark'] .sf-c-lightseagreen, html.var.dark .sf-c-lightseagreen { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 59%) } html.var[data-theme='dark'] .sf-c-lightseagreen\:0, html.var.dark .sf-c-lightseagreen\:0 { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 100%) } html.var[data-theme='dark'] .sf-c-lightseagreen\:10, html.var.dark .sf-c-lightseagreen\:10 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lightseagreen\:80\:dark, html.var.dark .sf-c-l html.var[data-theme='dark'] .sf-c-lightseagreen\:90\:dark, html.var.dark .sf-c-lightseagreen\:90\:dark { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 10%) } html.var[data-theme='dark'] .sf-c-lightseagreen\:100\:dark, html.var.dark .sf-c-lightseagreen\:100\:dark { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen, html.dark .sf-c-txt-lightseagreen { color: hsl(177, 70%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:0, html.dark .sf-c-txt-lightseagreen\:0 { color: hsl(177, 70%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:10, html.dark .sf-c-txt-lightseagreen\:10 { color: hsl(177, 70%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:20, html.dark .sf-c-txt-lightseagreen\:20 { color: hsl(177, 70%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:30, html.dark .sf-c-txt-lightseagreen\:30 { color: hsl(177, 70%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:40, html.dark .sf-c-txt-lightseagreen\:40 { color: hsl(177, 70%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:50, html.dark .sf-c-txt-lightseagreen\:50 { color: hsl(177, 70%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:60, html.dark .sf-c-txt-lightseagreen\:60 { color: hsl(177, 70%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:70, html.dark .sf-c-txt-lightseagreen\:70 { color: hsl(177, 70%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:80, html.dark .sf-c-txt-lightseagreen\:80 { color: hsl(177, 70%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:90, html.dark .sf-c-txt-lightseagreen\:90 { color: hsl(177, 70%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:100, html.dark .sf-c-txt-lightseagreen\:100 { color: hsl(177, 70%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:dark, html.dark .sf-c-txt-lightseagreen\:dark { color: hsl(177, 70%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:0\:dark, html.dark .sf-c-txt-lightseagreen\:0\:dark { color: hsl(177, 70%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:10\:dark, html.dark .sf-c-txt-lightseagreen\:10\:dark { color: hsl(177, 70%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:20\:dark, html.dark .sf-c-txt-lightseagreen\:20\:dark { color: hsl(177, 70%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:30\:dark, html.dark .sf-c-txt-lightseagreen\:30\:dark { color: hsl(177, 70%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:40\:dark, html.dark .sf-c-txt-lightseagreen\:40\:dark { color: hsl(177, 70%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:50\:dark, html.dark .sf-c-txt-lightseagreen\:50\:dark { color: hsl(177, 70%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:60\:dark, html.dark .sf-c-txt-lightseagreen\:60\:dark { color: hsl(177, 70%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:70\:dark, html.dark .sf-c-txt-lightseagreen\:70\:dark { color: hsl(177, 70%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:80\:dark, html.dark .sf-c-txt-lightseagreen\:80\:dark { color: hsl(177, 70%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:90\:dark, html.dark .sf-c-txt-lightseagreen\:90\:dark { color: hsl(177, 70%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:100\:dark, html.dark .sf-c-txt-lightseagreen\:100\:dark { color: hsl(177, 70%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightseagreen, html.auto .sf-c-lightseagreen { color: hsl(var(--sf-dark-c-txt-lightseagreen-10)); background: hsl(var(--sf-dark-c-lightseagreen)) } html[data-theme='auto'] .sf-c-lightseagreen\:0, html.auto .sf-c-lightseagreen\:0 { color: hsl(var(--sf-dark-c-txt-lightseagreen-90)); background: hsl(var(--sf-dark-c-lightseagreen-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lightseagreen\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-lightseagreen\:90\:dark, html.auto .sf-c-lightseagreen\:90\:dark { color: hsl(var(--sf-c-txt-lightseagreen-90)); background: hsl(var(--sf-c-lightseagreen-10)) } html[data-theme='auto'] .sf-c-lightseagreen\:100\:dark, html.auto .sf-c-lightseagreen\:100\:dark { color: hsl(var(--sf-c-txt-lightseagreen-90)); background: hsl(var(--sf-c-lightseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen, html.auto .sf-c-txt-lightseagreen { color: hsl(var(--sf-c-txt-lightseagreen)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:0, html.auto .sf-c-txt-lightseagreen\:0 { color: hsl(var(--sf-c-txt-lightseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:10, html.auto .sf-c-txt-lightseagreen\:10 { color: hsl(var(--sf-c-txt-lightseagreen-10)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:20, html.auto .sf-c-txt-lightseagreen\:20 { color: hsl(var(--sf-c-txt-lightseagreen-20)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:30, html.auto .sf-c-txt-lightseagreen\:30 { color: hsl(var(--sf-c-txt-lightseagreen-30)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:40, html.auto .sf-c-txt-lightseagreen\:40 { color: hsl(var(--sf-c-txt-lightseagreen-40)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:50, html.auto .sf-c-txt-lightseagreen\:50 { color: hsl(var(--sf-c-txt-lightseagreen-50)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:60, html.auto .sf-c-txt-lightseagreen\:60 { color: hsl(var(--sf-c-txt-lightseagreen-60)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:70, html.auto .sf-c-txt-lightseagreen\:70 { color: hsl(var(--sf-c-txt-lightseagreen-70)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:80, html.auto .sf-c-txt-lightseagreen\:80 { color: hsl(var(--sf-c-txt-lightseagreen-80)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:90, html.auto .sf-c-txt-lightseagreen\:90 { color: hsl(var(--sf-c-txt-lightseagreen-90)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:100, html.auto .sf-c-txt-lightseagreen\:100 { color: hsl(var(--sf-c-txt-lightseagreen-100)) } + + html[data-theme='auto'] .sf-c-txt-lightseagreen\:dark, html.auto .sf-c-txt-lightseagreen\:dark { color: hsl(var(--sf-c-txt-lightseagreen)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:0\:dark, html.auto .sf-c-txt-lightseagreen\:0\:dark { color: hsl(var(--sf-c-txt-lightseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:10\:dark, html.auto .sf-c-txt-lightseagreen\:10\:dark { color: hsl(var(--sf-c-txt-lightseagreen-10)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:20\:dark, html.auto .sf-c-txt-lightseagreen\:20\:dark { color: hsl(var(--sf-c-txt-lightseagreen-20)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:30\:dark, html.auto .sf-c-txt-lightseagreen\:30\:dark { color: hsl(var(--sf-c-txt-lightseagreen-30)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:40\:dark, html.auto .sf-c-txt-lightseagreen\:40\:dark { color: hsl(var(--sf-c-txt-lightseagreen-40)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:50\:dark, html.auto .sf-c-txt-lightseagreen\:50\:dark { color: hsl(var(--sf-c-txt-lightseagreen-50)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:60\:dark, html.auto .sf-c-txt-lightseagreen\:60\:dark { color: hsl(var(--sf-c-txt-lightseagreen-60)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:70\:dark, html.auto .sf-c-txt-lightseagreen\:70\:dark { color: hsl(var(--sf-c-txt-lightseagreen-70)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:80\:dark, html.auto .sf-c-txt-lightseagreen\:80\:dark { color: hsl(var(--sf-c-txt-lightseagreen-80)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:90\:dark, html.auto .sf-c-txt-lightseagreen\:90\:dark { color: hsl(var(--sf-c-txt-lightseagreen-90)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:100\:dark, html.auto .sf-c-txt-lightseagreen\:100\:dark { color: hsl(var(--sf-c-txt-lightseagreen-100)) } + html.var[data-theme='auto'] .sf-c-lightseagreen, html.var.auto .sf-c-lightseagreen { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 59%) } html.var[data-theme='auto'] .sf-c-lightseagreen\:0, html.var.auto .sf-c-lightseagreen\:0 { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 100%) } html.var[data-theme='auto'] .sf-c-lightseagreen\:10, html.var.auto .sf-c-lightseagreen\:10 { color: hsl(177, 70%, 10%); background: hsl(177, 70%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lightseagreen\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-lightseagreen\:80\:dark, html.var.auto .sf-c-lightseagreen\:80\:dark { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 20%) } html.var[data-theme='auto'] .sf-c-lightseagreen\:90\:dark, html.var.auto .sf-c-lightseagreen\:90\:dark { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 10%) } html.var[data-theme='auto'] .sf-c-lightseagreen\:100\:dark, html.var.auto .sf-c-lightseagreen\:100\:dark { color: hsl(177, 70%, 90%); background: hsl(177, 70%, 0%) } -} -.sf-c-txt-lightseagreen { color: hsl(var(--sf-c-txt-lightseagreen)) } -.sf-c-txt-lightseagreen\:0 { color: hsl(var(--sf-c-txt-lightseagreen-0)) } -.sf-c-txt-lightseagreen\:10 { color: hsl(var(--sf-c-txt-lightseagreen-10)) } -.sf-c-txt-lightseagreen\:20 { color: hsl(var(--sf-c-txt-lightseagreen-20)) } -.sf-c-txt-lightseagreen\:30 { color: hsl(var(--sf-c-txt-lightseagreen-30)) } -.sf-c-txt-lightseagreen\:40 { color: hsl(var(--sf-c-txt-lightseagreen-40)) } -.sf-c-txt-lightseagreen\:50 { color: hsl(var(--sf-c-txt-lightseagreen-50)) } -.sf-c-txt-lightseagreen\:60 { color: hsl(var(--sf-c-txt-lightseagreen-60)) } -.sf-c-txt-lightseagreen\:70 { color: hsl(var(--sf-c-txt-lightseagreen-70)) } -.sf-c-txt-lightseagreen\:80 { color: hsl(var(--sf-c-txt-lightseagreen-80)) } -.sf-c-txt-lightseagreen\:90 { color: hsl(var(--sf-c-txt-lightseagreen-90)) } -.sf-c-txt-lightseagreen\:100 { color: hsl(var(--sf-c-txt-lightseagreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightseagreen, html.auto .sf-c-txt-lightseagreen { color: hsl(177, 70%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:0, html.auto .sf-c-txt-lightseagreen\:0 { color: hsl(177, 70%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:10, html.auto .sf-c-txt-lightseagreen\:10 { color: hsl(177, 70%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:20, html.auto .sf-c-txt-lightseagreen\:20 { color: hsl(177, 70%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:30, html.auto .sf-c-txt-lightseagreen\:30 { color: hsl(177, 70%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:40, html.auto .sf-c-txt-lightseagreen\:40 { color: hsl(177, 70%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:50, html.auto .sf-c-txt-lightseagreen\:50 { color: hsl(177, 70%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:60, html.auto .sf-c-txt-lightseagreen\:60 { color: hsl(177, 70%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:70, html.auto .sf-c-txt-lightseagreen\:70 { color: hsl(177, 70%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:80, html.auto .sf-c-txt-lightseagreen\:80 { color: hsl(177, 70%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:90, html.auto .sf-c-txt-lightseagreen\:90 { color: hsl(177, 70%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:100, html.auto .sf-c-txt-lightseagreen\:100 { color: hsl(177, 70%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:dark, html.auto .sf-c-txt-lightseagreen\:dark { color: hsl(177, 70%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:0\:dark, html.auto .sf-c-txt-lightseagreen\:0\:dark { color: hsl(177, 70%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:10\:dark, html.auto .sf-c-txt-lightseagreen\:10\:dark { color: hsl(177, 70%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:20\:dark, html.auto .sf-c-txt-lightseagreen\:20\:dark { color: hsl(177, 70%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:30\:dark, html.auto .sf-c-txt-lightseagreen\:30\:dark { color: hsl(177, 70%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:40\:dark, html.auto .sf-c-txt-lightseagreen\:40\:dark { color: hsl(177, 70%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:50\:dark, html.auto .sf-c-txt-lightseagreen\:50\:dark { color: hsl(177, 70%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:60\:dark, html.auto .sf-c-txt-lightseagreen\:60\:dark { color: hsl(177, 70%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:70\:dark, html.auto .sf-c-txt-lightseagreen\:70\:dark { color: hsl(177, 70%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:80\:dark, html.auto .sf-c-txt-lightseagreen\:80\:dark { color: hsl(177, 70%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:90\:dark, html.auto .sf-c-txt-lightseagreen\:90\:dark { color: hsl(177, 70%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:100\:dark, html.auto .sf-c-txt-lightseagreen\:100\:dark { color: hsl(177, 70%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lightskyblue.css b/src/colors/10/lightskyblue.css index 3f01515..e7516da 100644 --- a/src/colors/10/lightskyblue.css +++ b/src/colors/10/lightskyblue.css @@ -78,6 +78,32 @@ html.var .sf-c-lightskyblue\:80 { color: hsl(203, 92%, 10%); background: hsl(203 html.var .sf-c-lightskyblue\:90 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 90%) } html.var .sf-c-lightskyblue\:100 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 100%) } +.sf-c-txt-lightskyblue { color: hsl(var(--sf-dark-c-txt-lightskyblue)) } +.sf-c-txt-lightskyblue\:0 { color: hsl(var(--sf-dark-c-txt-lightskyblue-100)) } +.sf-c-txt-lightskyblue\:10 { color: hsl(var(--sf-dark-c-txt-lightskyblue-90)) } +.sf-c-txt-lightskyblue\:20 { color: hsl(var(--sf-dark-c-txt-lightskyblue-80)) } +.sf-c-txt-lightskyblue\:30 { color: hsl(var(--sf-dark-c-txt-lightskyblue-70)) } +.sf-c-txt-lightskyblue\:40 { color: hsl(var(--sf-dark-c-txt-lightskyblue-60)) } +.sf-c-txt-lightskyblue\:50 { color: hsl(var(--sf-dark-c-txt-lightskyblue-50)) } +.sf-c-txt-lightskyblue\:60 { color: hsl(var(--sf-dark-c-txt-lightskyblue-40)) } +.sf-c-txt-lightskyblue\:70 { color: hsl(var(--sf-dark-c-txt-lightskyblue-30)) } +.sf-c-txt-lightskyblue\:80 { color: hsl(var(--sf-dark-c-txt-lightskyblue-20)) } +.sf-c-txt-lightskyblue\:90 { color: hsl(var(--sf-dark-c-txt-lightskyblue-10)) } +.sf-c-txt-lightskyblue\:100 { color: hsl(var(--sf-dark-c-txt-lightskyblue-0)) } + +html.var .sf-c-txt-lightskyblue { color: hsl(203, 92%, 25%) } +html.var .sf-c-txt-lightskyblue\:0 { color: hsl(203, 92%, 100%) } +html.var .sf-c-txt-lightskyblue\:10 { color: hsl(203, 92%, 90%) } +html.var .sf-c-txt-lightskyblue\:20 { color: hsl(203, 92%, 80%) } +html.var .sf-c-txt-lightskyblue\:30 { color: hsl(203, 92%, 70%) } +html.var .sf-c-txt-lightskyblue\:40 { color: hsl(203, 92%, 60%) } +html.var .sf-c-txt-lightskyblue\:50 { color: hsl(203, 92%, 50%) } +html.var .sf-c-txt-lightskyblue\:60 { color: hsl(203, 92%, 40%) } +html.var .sf-c-txt-lightskyblue\:70 { color: hsl(203, 92%, 30%) } +html.var .sf-c-txt-lightskyblue\:80 { color: hsl(203, 92%, 20%) } +html.var .sf-c-txt-lightskyblue\:90 { color: hsl(203, 92%, 10%) } +html.var .sf-c-txt-lightskyblue\:100 { color: hsl(203, 92%, 0%) } + html[data-theme='dark'] .sf-c-lightskyblue, html.dark .sf-c-lightskyblue { color: hsl(var(--sf-dark-c-txt-lightskyblue-90)); background: hsl(var(--sf-dark-c-lightskyblue)) } html[data-theme='dark'] .sf-c-lightskyblue\:0, html.dark .sf-c-lightskyblue\:0 { color: hsl(var(--sf-dark-c-txt-lightskyblue-90)); background: hsl(var(--sf-dark-c-lightskyblue-100)) } html[data-theme='dark'] .sf-c-lightskyblue\:10, html.dark .sf-c-lightskyblue\:10 { color: hsl(var(--sf-dark-c-txt-lightskyblue-10)); background: hsl(var(--sf-dark-c-lightskyblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lightskyblue\:80\:dark, html.dark .sf-c-lightskybl html[data-theme='dark'] .sf-c-lightskyblue\:90\:dark, html.dark .sf-c-lightskyblue\:90\:dark { color: hsl(var(--sf-c-txt-lightskyblue-90)); background: hsl(var(--sf-c-lightskyblue-10)) } html[data-theme='dark'] .sf-c-lightskyblue\:100\:dark, html.dark .sf-c-lightskyblue\:100\:dark { color: hsl(var(--sf-c-txt-lightskyblue-90)); background: hsl(var(--sf-c-lightskyblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue, html.dark .sf-c-txt-lightskyblue { color: hsl(var(--sf-c-txt-lightskyblue)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:0, html.dark .sf-c-txt-lightskyblue\:0 { color: hsl(var(--sf-c-txt-lightskyblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:10, html.dark .sf-c-txt-lightskyblue\:10 { color: hsl(var(--sf-c-txt-lightskyblue-10)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:20, html.dark .sf-c-txt-lightskyblue\:20 { color: hsl(var(--sf-c-txt-lightskyblue-20)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:30, html.dark .sf-c-txt-lightskyblue\:30 { color: hsl(var(--sf-c-txt-lightskyblue-30)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:40, html.dark .sf-c-txt-lightskyblue\:40 { color: hsl(var(--sf-c-txt-lightskyblue-40)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:50, html.dark .sf-c-txt-lightskyblue\:50 { color: hsl(var(--sf-c-txt-lightskyblue-50)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:60, html.dark .sf-c-txt-lightskyblue\:60 { color: hsl(var(--sf-c-txt-lightskyblue-60)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:70, html.dark .sf-c-txt-lightskyblue\:70 { color: hsl(var(--sf-c-txt-lightskyblue-70)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:80, html.dark .sf-c-txt-lightskyblue\:80 { color: hsl(var(--sf-c-txt-lightskyblue-80)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:90, html.dark .sf-c-txt-lightskyblue\:90 { color: hsl(var(--sf-c-txt-lightskyblue-90)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:100, html.dark .sf-c-txt-lightskyblue\:100 { color: hsl(var(--sf-c-txt-lightskyblue-100)) } + +html[data-theme='dark'] .sf-c-txt-lightskyblue\:dark, html.dark .sf-c-txt-lightskyblue\:dark { color: hsl(var(--sf-c-txt-lightskyblue)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:0\:dark, html.dark .sf-c-txt-lightskyblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:10\:dark, html.dark .sf-c-txt-lightskyblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-10)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:20\:dark, html.dark .sf-c-txt-lightskyblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-20)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:30\:dark, html.dark .sf-c-txt-lightskyblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-30)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:40\:dark, html.dark .sf-c-txt-lightskyblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-40)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:50\:dark, html.dark .sf-c-txt-lightskyblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-50)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:60\:dark, html.dark .sf-c-txt-lightskyblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-60)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:70\:dark, html.dark .sf-c-txt-lightskyblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-70)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:80\:dark, html.dark .sf-c-txt-lightskyblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-80)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:90\:dark, html.dark .sf-c-txt-lightskyblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-90)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:100\:dark, html.dark .sf-c-txt-lightskyblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-100)) } + html.var[data-theme='dark'] .sf-c-lightskyblue, html.var.dark .sf-c-lightskyblue { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 25%) } html.var[data-theme='dark'] .sf-c-lightskyblue\:0, html.var.dark .sf-c-lightskyblue\:0 { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 100%) } html.var[data-theme='dark'] .sf-c-lightskyblue\:10, html.var.dark .sf-c-lightskyblue\:10 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lightskyblue\:80\:dark, html.var.dark .sf-c-li html.var[data-theme='dark'] .sf-c-lightskyblue\:90\:dark, html.var.dark .sf-c-lightskyblue\:90\:dark { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 10%) } html.var[data-theme='dark'] .sf-c-lightskyblue\:100\:dark, html.var.dark .sf-c-lightskyblue\:100\:dark { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue, html.dark .sf-c-txt-lightskyblue { color: hsl(203, 92%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:0, html.dark .sf-c-txt-lightskyblue\:0 { color: hsl(203, 92%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:10, html.dark .sf-c-txt-lightskyblue\:10 { color: hsl(203, 92%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:20, html.dark .sf-c-txt-lightskyblue\:20 { color: hsl(203, 92%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:30, html.dark .sf-c-txt-lightskyblue\:30 { color: hsl(203, 92%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:40, html.dark .sf-c-txt-lightskyblue\:40 { color: hsl(203, 92%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:50, html.dark .sf-c-txt-lightskyblue\:50 { color: hsl(203, 92%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:60, html.dark .sf-c-txt-lightskyblue\:60 { color: hsl(203, 92%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:70, html.dark .sf-c-txt-lightskyblue\:70 { color: hsl(203, 92%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:80, html.dark .sf-c-txt-lightskyblue\:80 { color: hsl(203, 92%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:90, html.dark .sf-c-txt-lightskyblue\:90 { color: hsl(203, 92%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:100, html.dark .sf-c-txt-lightskyblue\:100 { color: hsl(203, 92%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:dark, html.dark .sf-c-txt-lightskyblue\:dark { color: hsl(203, 92%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:0\:dark, html.dark .sf-c-txt-lightskyblue\:0\:dark { color: hsl(203, 92%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:10\:dark, html.dark .sf-c-txt-lightskyblue\:10\:dark { color: hsl(203, 92%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:20\:dark, html.dark .sf-c-txt-lightskyblue\:20\:dark { color: hsl(203, 92%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:30\:dark, html.dark .sf-c-txt-lightskyblue\:30\:dark { color: hsl(203, 92%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:40\:dark, html.dark .sf-c-txt-lightskyblue\:40\:dark { color: hsl(203, 92%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:50\:dark, html.dark .sf-c-txt-lightskyblue\:50\:dark { color: hsl(203, 92%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:60\:dark, html.dark .sf-c-txt-lightskyblue\:60\:dark { color: hsl(203, 92%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:70\:dark, html.dark .sf-c-txt-lightskyblue\:70\:dark { color: hsl(203, 92%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:80\:dark, html.dark .sf-c-txt-lightskyblue\:80\:dark { color: hsl(203, 92%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:90\:dark, html.dark .sf-c-txt-lightskyblue\:90\:dark { color: hsl(203, 92%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:100\:dark, html.dark .sf-c-txt-lightskyblue\:100\:dark { color: hsl(203, 92%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightskyblue, html.auto .sf-c-lightskyblue { color: hsl(var(--sf-dark-c-txt-lightskyblue-90)); background: hsl(var(--sf-dark-c-lightskyblue)) } html[data-theme='auto'] .sf-c-lightskyblue\:0, html.auto .sf-c-lightskyblue\:0 { color: hsl(var(--sf-dark-c-txt-lightskyblue-90)); background: hsl(var(--sf-dark-c-lightskyblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lightskyblue\:100\:dark, html.var.dark .sf-c-l html[data-theme='auto'] .sf-c-lightskyblue\:90\:dark, html.auto .sf-c-lightskyblue\:90\:dark { color: hsl(var(--sf-c-txt-lightskyblue-90)); background: hsl(var(--sf-c-lightskyblue-10)) } html[data-theme='auto'] .sf-c-lightskyblue\:100\:dark, html.auto .sf-c-lightskyblue\:100\:dark { color: hsl(var(--sf-c-txt-lightskyblue-90)); background: hsl(var(--sf-c-lightskyblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue, html.auto .sf-c-txt-lightskyblue { color: hsl(var(--sf-c-txt-lightskyblue)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:0, html.auto .sf-c-txt-lightskyblue\:0 { color: hsl(var(--sf-c-txt-lightskyblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:10, html.auto .sf-c-txt-lightskyblue\:10 { color: hsl(var(--sf-c-txt-lightskyblue-10)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:20, html.auto .sf-c-txt-lightskyblue\:20 { color: hsl(var(--sf-c-txt-lightskyblue-20)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:30, html.auto .sf-c-txt-lightskyblue\:30 { color: hsl(var(--sf-c-txt-lightskyblue-30)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:40, html.auto .sf-c-txt-lightskyblue\:40 { color: hsl(var(--sf-c-txt-lightskyblue-40)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:50, html.auto .sf-c-txt-lightskyblue\:50 { color: hsl(var(--sf-c-txt-lightskyblue-50)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:60, html.auto .sf-c-txt-lightskyblue\:60 { color: hsl(var(--sf-c-txt-lightskyblue-60)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:70, html.auto .sf-c-txt-lightskyblue\:70 { color: hsl(var(--sf-c-txt-lightskyblue-70)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:80, html.auto .sf-c-txt-lightskyblue\:80 { color: hsl(var(--sf-c-txt-lightskyblue-80)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:90, html.auto .sf-c-txt-lightskyblue\:90 { color: hsl(var(--sf-c-txt-lightskyblue-90)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:100, html.auto .sf-c-txt-lightskyblue\:100 { color: hsl(var(--sf-c-txt-lightskyblue-100)) } + + html[data-theme='auto'] .sf-c-txt-lightskyblue\:dark, html.auto .sf-c-txt-lightskyblue\:dark { color: hsl(var(--sf-c-txt-lightskyblue)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:0\:dark, html.auto .sf-c-txt-lightskyblue\:0\:dark { color: hsl(var(--sf-c-txt-lightskyblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:10\:dark, html.auto .sf-c-txt-lightskyblue\:10\:dark { color: hsl(var(--sf-c-txt-lightskyblue-10)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:20\:dark, html.auto .sf-c-txt-lightskyblue\:20\:dark { color: hsl(var(--sf-c-txt-lightskyblue-20)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:30\:dark, html.auto .sf-c-txt-lightskyblue\:30\:dark { color: hsl(var(--sf-c-txt-lightskyblue-30)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:40\:dark, html.auto .sf-c-txt-lightskyblue\:40\:dark { color: hsl(var(--sf-c-txt-lightskyblue-40)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:50\:dark, html.auto .sf-c-txt-lightskyblue\:50\:dark { color: hsl(var(--sf-c-txt-lightskyblue-50)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:60\:dark, html.auto .sf-c-txt-lightskyblue\:60\:dark { color: hsl(var(--sf-c-txt-lightskyblue-60)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:70\:dark, html.auto .sf-c-txt-lightskyblue\:70\:dark { color: hsl(var(--sf-c-txt-lightskyblue-70)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:80\:dark, html.auto .sf-c-txt-lightskyblue\:80\:dark { color: hsl(var(--sf-c-txt-lightskyblue-80)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:90\:dark, html.auto .sf-c-txt-lightskyblue\:90\:dark { color: hsl(var(--sf-c-txt-lightskyblue-90)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:100\:dark, html.auto .sf-c-txt-lightskyblue\:100\:dark { color: hsl(var(--sf-c-txt-lightskyblue-100)) } + html.var[data-theme='auto'] .sf-c-lightskyblue, html.var.auto .sf-c-lightskyblue { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 25%) } html.var[data-theme='auto'] .sf-c-lightskyblue\:0, html.var.auto .sf-c-lightskyblue\:0 { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 100%) } html.var[data-theme='auto'] .sf-c-lightskyblue\:10, html.var.auto .sf-c-lightskyblue\:10 { color: hsl(203, 92%, 10%); background: hsl(203, 92%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lightskyblue\:100\:dark, html.var.dark .sf-c-l html.var[data-theme='auto'] .sf-c-lightskyblue\:80\:dark, html.var.auto .sf-c-lightskyblue\:80\:dark { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 20%) } html.var[data-theme='auto'] .sf-c-lightskyblue\:90\:dark, html.var.auto .sf-c-lightskyblue\:90\:dark { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 10%) } html.var[data-theme='auto'] .sf-c-lightskyblue\:100\:dark, html.var.auto .sf-c-lightskyblue\:100\:dark { color: hsl(203, 92%, 90%); background: hsl(203, 92%, 0%) } -} -.sf-c-txt-lightskyblue { color: hsl(var(--sf-c-txt-lightskyblue)) } -.sf-c-txt-lightskyblue\:0 { color: hsl(var(--sf-c-txt-lightskyblue-0)) } -.sf-c-txt-lightskyblue\:10 { color: hsl(var(--sf-c-txt-lightskyblue-10)) } -.sf-c-txt-lightskyblue\:20 { color: hsl(var(--sf-c-txt-lightskyblue-20)) } -.sf-c-txt-lightskyblue\:30 { color: hsl(var(--sf-c-txt-lightskyblue-30)) } -.sf-c-txt-lightskyblue\:40 { color: hsl(var(--sf-c-txt-lightskyblue-40)) } -.sf-c-txt-lightskyblue\:50 { color: hsl(var(--sf-c-txt-lightskyblue-50)) } -.sf-c-txt-lightskyblue\:60 { color: hsl(var(--sf-c-txt-lightskyblue-60)) } -.sf-c-txt-lightskyblue\:70 { color: hsl(var(--sf-c-txt-lightskyblue-70)) } -.sf-c-txt-lightskyblue\:80 { color: hsl(var(--sf-c-txt-lightskyblue-80)) } -.sf-c-txt-lightskyblue\:90 { color: hsl(var(--sf-c-txt-lightskyblue-90)) } -.sf-c-txt-lightskyblue\:100 { color: hsl(var(--sf-c-txt-lightskyblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightskyblue, html.auto .sf-c-txt-lightskyblue { color: hsl(203, 92%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:0, html.auto .sf-c-txt-lightskyblue\:0 { color: hsl(203, 92%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:10, html.auto .sf-c-txt-lightskyblue\:10 { color: hsl(203, 92%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:20, html.auto .sf-c-txt-lightskyblue\:20 { color: hsl(203, 92%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:30, html.auto .sf-c-txt-lightskyblue\:30 { color: hsl(203, 92%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:40, html.auto .sf-c-txt-lightskyblue\:40 { color: hsl(203, 92%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:50, html.auto .sf-c-txt-lightskyblue\:50 { color: hsl(203, 92%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:60, html.auto .sf-c-txt-lightskyblue\:60 { color: hsl(203, 92%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:70, html.auto .sf-c-txt-lightskyblue\:70 { color: hsl(203, 92%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:80, html.auto .sf-c-txt-lightskyblue\:80 { color: hsl(203, 92%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:90, html.auto .sf-c-txt-lightskyblue\:90 { color: hsl(203, 92%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:100, html.auto .sf-c-txt-lightskyblue\:100 { color: hsl(203, 92%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:dark, html.auto .sf-c-txt-lightskyblue\:dark { color: hsl(203, 92%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:0\:dark, html.auto .sf-c-txt-lightskyblue\:0\:dark { color: hsl(203, 92%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:10\:dark, html.auto .sf-c-txt-lightskyblue\:10\:dark { color: hsl(203, 92%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:20\:dark, html.auto .sf-c-txt-lightskyblue\:20\:dark { color: hsl(203, 92%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:30\:dark, html.auto .sf-c-txt-lightskyblue\:30\:dark { color: hsl(203, 92%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:40\:dark, html.auto .sf-c-txt-lightskyblue\:40\:dark { color: hsl(203, 92%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:50\:dark, html.auto .sf-c-txt-lightskyblue\:50\:dark { color: hsl(203, 92%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:60\:dark, html.auto .sf-c-txt-lightskyblue\:60\:dark { color: hsl(203, 92%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:70\:dark, html.auto .sf-c-txt-lightskyblue\:70\:dark { color: hsl(203, 92%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:80\:dark, html.auto .sf-c-txt-lightskyblue\:80\:dark { color: hsl(203, 92%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:90\:dark, html.auto .sf-c-txt-lightskyblue\:90\:dark { color: hsl(203, 92%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:100\:dark, html.auto .sf-c-txt-lightskyblue\:100\:dark { color: hsl(203, 92%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lightslategray.css b/src/colors/10/lightslategray.css index 6da04a0..25e2aec 100644 --- a/src/colors/10/lightslategray.css +++ b/src/colors/10/lightslategray.css @@ -78,6 +78,32 @@ html.var .sf-c-lightslategray\:80 { color: hsl(210, 14%, 10%); background: hsl(2 html.var .sf-c-lightslategray\:90 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } html.var .sf-c-lightslategray\:100 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 100%) } +.sf-c-txt-lightslategray { color: hsl(var(--sf-dark-c-txt-lightslategray)) } +.sf-c-txt-lightslategray\:0 { color: hsl(var(--sf-dark-c-txt-lightslategray-100)) } +.sf-c-txt-lightslategray\:10 { color: hsl(var(--sf-dark-c-txt-lightslategray-90)) } +.sf-c-txt-lightslategray\:20 { color: hsl(var(--sf-dark-c-txt-lightslategray-80)) } +.sf-c-txt-lightslategray\:30 { color: hsl(var(--sf-dark-c-txt-lightslategray-70)) } +.sf-c-txt-lightslategray\:40 { color: hsl(var(--sf-dark-c-txt-lightslategray-60)) } +.sf-c-txt-lightslategray\:50 { color: hsl(var(--sf-dark-c-txt-lightslategray-50)) } +.sf-c-txt-lightslategray\:60 { color: hsl(var(--sf-dark-c-txt-lightslategray-40)) } +.sf-c-txt-lightslategray\:70 { color: hsl(var(--sf-dark-c-txt-lightslategray-30)) } +.sf-c-txt-lightslategray\:80 { color: hsl(var(--sf-dark-c-txt-lightslategray-20)) } +.sf-c-txt-lightslategray\:90 { color: hsl(var(--sf-dark-c-txt-lightslategray-10)) } +.sf-c-txt-lightslategray\:100 { color: hsl(var(--sf-dark-c-txt-lightslategray-0)) } + +html.var .sf-c-txt-lightslategray { color: hsl(210, 14%, 47%) } +html.var .sf-c-txt-lightslategray\:0 { color: hsl(210, 14%, 100%) } +html.var .sf-c-txt-lightslategray\:10 { color: hsl(210, 14%, 90%) } +html.var .sf-c-txt-lightslategray\:20 { color: hsl(210, 14%, 80%) } +html.var .sf-c-txt-lightslategray\:30 { color: hsl(210, 14%, 70%) } +html.var .sf-c-txt-lightslategray\:40 { color: hsl(210, 14%, 60%) } +html.var .sf-c-txt-lightslategray\:50 { color: hsl(210, 14%, 50%) } +html.var .sf-c-txt-lightslategray\:60 { color: hsl(210, 14%, 40%) } +html.var .sf-c-txt-lightslategray\:70 { color: hsl(210, 14%, 30%) } +html.var .sf-c-txt-lightslategray\:80 { color: hsl(210, 14%, 20%) } +html.var .sf-c-txt-lightslategray\:90 { color: hsl(210, 14%, 10%) } +html.var .sf-c-txt-lightslategray\:100 { color: hsl(210, 14%, 0%) } + html[data-theme='dark'] .sf-c-lightslategray, html.dark .sf-c-lightslategray { color: hsl(var(--sf-dark-c-txt-lightslategray-90)); background: hsl(var(--sf-dark-c-lightslategray)) } html[data-theme='dark'] .sf-c-lightslategray\:0, html.dark .sf-c-lightslategray\:0 { color: hsl(var(--sf-dark-c-txt-lightslategray-90)); background: hsl(var(--sf-dark-c-lightslategray-100)) } html[data-theme='dark'] .sf-c-lightslategray\:10, html.dark .sf-c-lightslategray\:10 { color: hsl(var(--sf-dark-c-txt-lightslategray-10)); background: hsl(var(--sf-dark-c-lightslategray-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lightslategray\:80\:dark, html.dark .sf-c-lightsla html[data-theme='dark'] .sf-c-lightslategray\:90\:dark, html.dark .sf-c-lightslategray\:90\:dark { color: hsl(var(--sf-c-txt-lightslategray-90)); background: hsl(var(--sf-c-lightslategray-10)) } html[data-theme='dark'] .sf-c-lightslategray\:100\:dark, html.dark .sf-c-lightslategray\:100\:dark { color: hsl(var(--sf-c-txt-lightslategray-90)); background: hsl(var(--sf-c-lightslategray-0)) } +html[data-theme='dark'] .sf-c-txt-lightslategray, html.dark .sf-c-txt-lightslategray { color: hsl(var(--sf-c-txt-lightslategray)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:0, html.dark .sf-c-txt-lightslategray\:0 { color: hsl(var(--sf-c-txt-lightslategray-0)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:10, html.dark .sf-c-txt-lightslategray\:10 { color: hsl(var(--sf-c-txt-lightslategray-10)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:20, html.dark .sf-c-txt-lightslategray\:20 { color: hsl(var(--sf-c-txt-lightslategray-20)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:30, html.dark .sf-c-txt-lightslategray\:30 { color: hsl(var(--sf-c-txt-lightslategray-30)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:40, html.dark .sf-c-txt-lightslategray\:40 { color: hsl(var(--sf-c-txt-lightslategray-40)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:50, html.dark .sf-c-txt-lightslategray\:50 { color: hsl(var(--sf-c-txt-lightslategray-50)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:60, html.dark .sf-c-txt-lightslategray\:60 { color: hsl(var(--sf-c-txt-lightslategray-60)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:70, html.dark .sf-c-txt-lightslategray\:70 { color: hsl(var(--sf-c-txt-lightslategray-70)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:80, html.dark .sf-c-txt-lightslategray\:80 { color: hsl(var(--sf-c-txt-lightslategray-80)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:90, html.dark .sf-c-txt-lightslategray\:90 { color: hsl(var(--sf-c-txt-lightslategray-90)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:100, html.dark .sf-c-txt-lightslategray\:100 { color: hsl(var(--sf-c-txt-lightslategray-100)) } + +html[data-theme='dark'] .sf-c-txt-lightslategray\:dark, html.dark .sf-c-txt-lightslategray\:dark { color: hsl(var(--sf-c-txt-lightslategray)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:0\:dark, html.dark .sf-c-txt-lightslategray\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-0)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:10\:dark, html.dark .sf-c-txt-lightslategray\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-10)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:20\:dark, html.dark .sf-c-txt-lightslategray\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-20)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:30\:dark, html.dark .sf-c-txt-lightslategray\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-30)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:40\:dark, html.dark .sf-c-txt-lightslategray\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-40)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:50\:dark, html.dark .sf-c-txt-lightslategray\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-50)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:60\:dark, html.dark .sf-c-txt-lightslategray\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-60)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:70\:dark, html.dark .sf-c-txt-lightslategray\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-70)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:80\:dark, html.dark .sf-c-txt-lightslategray\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-80)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:90\:dark, html.dark .sf-c-txt-lightslategray\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-90)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:100\:dark, html.dark .sf-c-txt-lightslategray\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-100)) } + html.var[data-theme='dark'] .sf-c-lightslategray, html.var.dark .sf-c-lightslategray { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 47%) } html.var[data-theme='dark'] .sf-c-lightslategray\:0, html.var.dark .sf-c-lightslategray\:0 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 100%) } html.var[data-theme='dark'] .sf-c-lightslategray\:10, html.var.dark .sf-c-lightslategray\:10 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lightslategray\:80\:dark, html.var.dark .sf-c- html.var[data-theme='dark'] .sf-c-lightslategray\:90\:dark, html.var.dark .sf-c-lightslategray\:90\:dark { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 10%) } html.var[data-theme='dark'] .sf-c-lightslategray\:100\:dark, html.var.dark .sf-c-lightslategray\:100\:dark { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray, html.dark .sf-c-txt-lightslategray { color: hsl(210, 14%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:0, html.dark .sf-c-txt-lightslategray\:0 { color: hsl(210, 14%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:10, html.dark .sf-c-txt-lightslategray\:10 { color: hsl(210, 14%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:20, html.dark .sf-c-txt-lightslategray\:20 { color: hsl(210, 14%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:30, html.dark .sf-c-txt-lightslategray\:30 { color: hsl(210, 14%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:40, html.dark .sf-c-txt-lightslategray\:40 { color: hsl(210, 14%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:50, html.dark .sf-c-txt-lightslategray\:50 { color: hsl(210, 14%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:60, html.dark .sf-c-txt-lightslategray\:60 { color: hsl(210, 14%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:70, html.dark .sf-c-txt-lightslategray\:70 { color: hsl(210, 14%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:80, html.dark .sf-c-txt-lightslategray\:80 { color: hsl(210, 14%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:90, html.dark .sf-c-txt-lightslategray\:90 { color: hsl(210, 14%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:100, html.dark .sf-c-txt-lightslategray\:100 { color: hsl(210, 14%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:dark, html.dark .sf-c-txt-lightslategray\:dark { color: hsl(210, 14%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:0\:dark, html.dark .sf-c-txt-lightslategray\:0\:dark { color: hsl(210, 14%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:10\:dark, html.dark .sf-c-txt-lightslategray\:10\:dark { color: hsl(210, 14%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:20\:dark, html.dark .sf-c-txt-lightslategray\:20\:dark { color: hsl(210, 14%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:30\:dark, html.dark .sf-c-txt-lightslategray\:30\:dark { color: hsl(210, 14%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:40\:dark, html.dark .sf-c-txt-lightslategray\:40\:dark { color: hsl(210, 14%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:50\:dark, html.dark .sf-c-txt-lightslategray\:50\:dark { color: hsl(210, 14%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:60\:dark, html.dark .sf-c-txt-lightslategray\:60\:dark { color: hsl(210, 14%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:70\:dark, html.dark .sf-c-txt-lightslategray\:70\:dark { color: hsl(210, 14%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:80\:dark, html.dark .sf-c-txt-lightslategray\:80\:dark { color: hsl(210, 14%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:90\:dark, html.dark .sf-c-txt-lightslategray\:90\:dark { color: hsl(210, 14%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:100\:dark, html.dark .sf-c-txt-lightslategray\:100\:dark { color: hsl(210, 14%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightslategray, html.auto .sf-c-lightslategray { color: hsl(var(--sf-dark-c-txt-lightslategray-90)); background: hsl(var(--sf-dark-c-lightslategray)) } html[data-theme='auto'] .sf-c-lightslategray\:0, html.auto .sf-c-lightslategray\:0 { color: hsl(var(--sf-dark-c-txt-lightslategray-90)); background: hsl(var(--sf-dark-c-lightslategray-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lightslategray\:100\:dark, html.var.dark .sf-c html[data-theme='auto'] .sf-c-lightslategray\:90\:dark, html.auto .sf-c-lightslategray\:90\:dark { color: hsl(var(--sf-c-txt-lightslategray-90)); background: hsl(var(--sf-c-lightslategray-10)) } html[data-theme='auto'] .sf-c-lightslategray\:100\:dark, html.auto .sf-c-lightslategray\:100\:dark { color: hsl(var(--sf-c-txt-lightslategray-90)); background: hsl(var(--sf-c-lightslategray-0)) } + html[data-theme='auto'] .sf-c-txt-lightslategray, html.auto .sf-c-txt-lightslategray { color: hsl(var(--sf-c-txt-lightslategray)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:0, html.auto .sf-c-txt-lightslategray\:0 { color: hsl(var(--sf-c-txt-lightslategray-0)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:10, html.auto .sf-c-txt-lightslategray\:10 { color: hsl(var(--sf-c-txt-lightslategray-10)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:20, html.auto .sf-c-txt-lightslategray\:20 { color: hsl(var(--sf-c-txt-lightslategray-20)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:30, html.auto .sf-c-txt-lightslategray\:30 { color: hsl(var(--sf-c-txt-lightslategray-30)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:40, html.auto .sf-c-txt-lightslategray\:40 { color: hsl(var(--sf-c-txt-lightslategray-40)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:50, html.auto .sf-c-txt-lightslategray\:50 { color: hsl(var(--sf-c-txt-lightslategray-50)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:60, html.auto .sf-c-txt-lightslategray\:60 { color: hsl(var(--sf-c-txt-lightslategray-60)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:70, html.auto .sf-c-txt-lightslategray\:70 { color: hsl(var(--sf-c-txt-lightslategray-70)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:80, html.auto .sf-c-txt-lightslategray\:80 { color: hsl(var(--sf-c-txt-lightslategray-80)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:90, html.auto .sf-c-txt-lightslategray\:90 { color: hsl(var(--sf-c-txt-lightslategray-90)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:100, html.auto .sf-c-txt-lightslategray\:100 { color: hsl(var(--sf-c-txt-lightslategray-100)) } + + html[data-theme='auto'] .sf-c-txt-lightslategray\:dark, html.auto .sf-c-txt-lightslategray\:dark { color: hsl(var(--sf-c-txt-lightslategray)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:0\:dark, html.auto .sf-c-txt-lightslategray\:0\:dark { color: hsl(var(--sf-c-txt-lightslategray-0)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:10\:dark, html.auto .sf-c-txt-lightslategray\:10\:dark { color: hsl(var(--sf-c-txt-lightslategray-10)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:20\:dark, html.auto .sf-c-txt-lightslategray\:20\:dark { color: hsl(var(--sf-c-txt-lightslategray-20)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:30\:dark, html.auto .sf-c-txt-lightslategray\:30\:dark { color: hsl(var(--sf-c-txt-lightslategray-30)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:40\:dark, html.auto .sf-c-txt-lightslategray\:40\:dark { color: hsl(var(--sf-c-txt-lightslategray-40)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:50\:dark, html.auto .sf-c-txt-lightslategray\:50\:dark { color: hsl(var(--sf-c-txt-lightslategray-50)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:60\:dark, html.auto .sf-c-txt-lightslategray\:60\:dark { color: hsl(var(--sf-c-txt-lightslategray-60)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:70\:dark, html.auto .sf-c-txt-lightslategray\:70\:dark { color: hsl(var(--sf-c-txt-lightslategray-70)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:80\:dark, html.auto .sf-c-txt-lightslategray\:80\:dark { color: hsl(var(--sf-c-txt-lightslategray-80)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:90\:dark, html.auto .sf-c-txt-lightslategray\:90\:dark { color: hsl(var(--sf-c-txt-lightslategray-90)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:100\:dark, html.auto .sf-c-txt-lightslategray\:100\:dark { color: hsl(var(--sf-c-txt-lightslategray-100)) } + html.var[data-theme='auto'] .sf-c-lightslategray, html.var.auto .sf-c-lightslategray { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 47%) } html.var[data-theme='auto'] .sf-c-lightslategray\:0, html.var.auto .sf-c-lightslategray\:0 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 100%) } html.var[data-theme='auto'] .sf-c-lightslategray\:10, html.var.auto .sf-c-lightslategray\:10 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lightslategray\:100\:dark, html.var.dark .sf-c html.var[data-theme='auto'] .sf-c-lightslategray\:80\:dark, html.var.auto .sf-c-lightslategray\:80\:dark { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 20%) } html.var[data-theme='auto'] .sf-c-lightslategray\:90\:dark, html.var.auto .sf-c-lightslategray\:90\:dark { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 10%) } html.var[data-theme='auto'] .sf-c-lightslategray\:100\:dark, html.var.auto .sf-c-lightslategray\:100\:dark { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 0%) } -} -.sf-c-txt-lightslategray { color: hsl(var(--sf-c-txt-lightslategray)) } -.sf-c-txt-lightslategray\:0 { color: hsl(var(--sf-c-txt-lightslategray-0)) } -.sf-c-txt-lightslategray\:10 { color: hsl(var(--sf-c-txt-lightslategray-10)) } -.sf-c-txt-lightslategray\:20 { color: hsl(var(--sf-c-txt-lightslategray-20)) } -.sf-c-txt-lightslategray\:30 { color: hsl(var(--sf-c-txt-lightslategray-30)) } -.sf-c-txt-lightslategray\:40 { color: hsl(var(--sf-c-txt-lightslategray-40)) } -.sf-c-txt-lightslategray\:50 { color: hsl(var(--sf-c-txt-lightslategray-50)) } -.sf-c-txt-lightslategray\:60 { color: hsl(var(--sf-c-txt-lightslategray-60)) } -.sf-c-txt-lightslategray\:70 { color: hsl(var(--sf-c-txt-lightslategray-70)) } -.sf-c-txt-lightslategray\:80 { color: hsl(var(--sf-c-txt-lightslategray-80)) } -.sf-c-txt-lightslategray\:90 { color: hsl(var(--sf-c-txt-lightslategray-90)) } -.sf-c-txt-lightslategray\:100 { color: hsl(var(--sf-c-txt-lightslategray-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightslategray, html.auto .sf-c-txt-lightslategray { color: hsl(210, 14%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:0, html.auto .sf-c-txt-lightslategray\:0 { color: hsl(210, 14%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:10, html.auto .sf-c-txt-lightslategray\:10 { color: hsl(210, 14%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:20, html.auto .sf-c-txt-lightslategray\:20 { color: hsl(210, 14%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:30, html.auto .sf-c-txt-lightslategray\:30 { color: hsl(210, 14%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:40, html.auto .sf-c-txt-lightslategray\:40 { color: hsl(210, 14%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:50, html.auto .sf-c-txt-lightslategray\:50 { color: hsl(210, 14%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:60, html.auto .sf-c-txt-lightslategray\:60 { color: hsl(210, 14%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:70, html.auto .sf-c-txt-lightslategray\:70 { color: hsl(210, 14%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:80, html.auto .sf-c-txt-lightslategray\:80 { color: hsl(210, 14%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:90, html.auto .sf-c-txt-lightslategray\:90 { color: hsl(210, 14%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:100, html.auto .sf-c-txt-lightslategray\:100 { color: hsl(210, 14%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:dark, html.auto .sf-c-txt-lightslategray\:dark { color: hsl(210, 14%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:0\:dark, html.auto .sf-c-txt-lightslategray\:0\:dark { color: hsl(210, 14%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:10\:dark, html.auto .sf-c-txt-lightslategray\:10\:dark { color: hsl(210, 14%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:20\:dark, html.auto .sf-c-txt-lightslategray\:20\:dark { color: hsl(210, 14%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:30\:dark, html.auto .sf-c-txt-lightslategray\:30\:dark { color: hsl(210, 14%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:40\:dark, html.auto .sf-c-txt-lightslategray\:40\:dark { color: hsl(210, 14%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:50\:dark, html.auto .sf-c-txt-lightslategray\:50\:dark { color: hsl(210, 14%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:60\:dark, html.auto .sf-c-txt-lightslategray\:60\:dark { color: hsl(210, 14%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:70\:dark, html.auto .sf-c-txt-lightslategray\:70\:dark { color: hsl(210, 14%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:80\:dark, html.auto .sf-c-txt-lightslategray\:80\:dark { color: hsl(210, 14%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:90\:dark, html.auto .sf-c-txt-lightslategray\:90\:dark { color: hsl(210, 14%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:100\:dark, html.auto .sf-c-txt-lightslategray\:100\:dark { color: hsl(210, 14%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lightslategrey.css b/src/colors/10/lightslategrey.css index b9726e4..8583207 100644 --- a/src/colors/10/lightslategrey.css +++ b/src/colors/10/lightslategrey.css @@ -78,6 +78,32 @@ html.var .sf-c-lightslategrey\:80 { color: hsl(210, 14%, 10%); background: hsl(2 html.var .sf-c-lightslategrey\:90 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } html.var .sf-c-lightslategrey\:100 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 100%) } +.sf-c-txt-lightslategrey { color: hsl(var(--sf-dark-c-txt-lightslategrey)) } +.sf-c-txt-lightslategrey\:0 { color: hsl(var(--sf-dark-c-txt-lightslategrey-100)) } +.sf-c-txt-lightslategrey\:10 { color: hsl(var(--sf-dark-c-txt-lightslategrey-90)) } +.sf-c-txt-lightslategrey\:20 { color: hsl(var(--sf-dark-c-txt-lightslategrey-80)) } +.sf-c-txt-lightslategrey\:30 { color: hsl(var(--sf-dark-c-txt-lightslategrey-70)) } +.sf-c-txt-lightslategrey\:40 { color: hsl(var(--sf-dark-c-txt-lightslategrey-60)) } +.sf-c-txt-lightslategrey\:50 { color: hsl(var(--sf-dark-c-txt-lightslategrey-50)) } +.sf-c-txt-lightslategrey\:60 { color: hsl(var(--sf-dark-c-txt-lightslategrey-40)) } +.sf-c-txt-lightslategrey\:70 { color: hsl(var(--sf-dark-c-txt-lightslategrey-30)) } +.sf-c-txt-lightslategrey\:80 { color: hsl(var(--sf-dark-c-txt-lightslategrey-20)) } +.sf-c-txt-lightslategrey\:90 { color: hsl(var(--sf-dark-c-txt-lightslategrey-10)) } +.sf-c-txt-lightslategrey\:100 { color: hsl(var(--sf-dark-c-txt-lightslategrey-0)) } + +html.var .sf-c-txt-lightslategrey { color: hsl(210, 14%, 47%) } +html.var .sf-c-txt-lightslategrey\:0 { color: hsl(210, 14%, 100%) } +html.var .sf-c-txt-lightslategrey\:10 { color: hsl(210, 14%, 90%) } +html.var .sf-c-txt-lightslategrey\:20 { color: hsl(210, 14%, 80%) } +html.var .sf-c-txt-lightslategrey\:30 { color: hsl(210, 14%, 70%) } +html.var .sf-c-txt-lightslategrey\:40 { color: hsl(210, 14%, 60%) } +html.var .sf-c-txt-lightslategrey\:50 { color: hsl(210, 14%, 50%) } +html.var .sf-c-txt-lightslategrey\:60 { color: hsl(210, 14%, 40%) } +html.var .sf-c-txt-lightslategrey\:70 { color: hsl(210, 14%, 30%) } +html.var .sf-c-txt-lightslategrey\:80 { color: hsl(210, 14%, 20%) } +html.var .sf-c-txt-lightslategrey\:90 { color: hsl(210, 14%, 10%) } +html.var .sf-c-txt-lightslategrey\:100 { color: hsl(210, 14%, 0%) } + html[data-theme='dark'] .sf-c-lightslategrey, html.dark .sf-c-lightslategrey { color: hsl(var(--sf-dark-c-txt-lightslategrey-90)); background: hsl(var(--sf-dark-c-lightslategrey)) } html[data-theme='dark'] .sf-c-lightslategrey\:0, html.dark .sf-c-lightslategrey\:0 { color: hsl(var(--sf-dark-c-txt-lightslategrey-90)); background: hsl(var(--sf-dark-c-lightslategrey-100)) } html[data-theme='dark'] .sf-c-lightslategrey\:10, html.dark .sf-c-lightslategrey\:10 { color: hsl(var(--sf-dark-c-txt-lightslategrey-10)); background: hsl(var(--sf-dark-c-lightslategrey-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lightslategrey\:80\:dark, html.dark .sf-c-lightsla html[data-theme='dark'] .sf-c-lightslategrey\:90\:dark, html.dark .sf-c-lightslategrey\:90\:dark { color: hsl(var(--sf-c-txt-lightslategrey-90)); background: hsl(var(--sf-c-lightslategrey-10)) } html[data-theme='dark'] .sf-c-lightslategrey\:100\:dark, html.dark .sf-c-lightslategrey\:100\:dark { color: hsl(var(--sf-c-txt-lightslategrey-90)); background: hsl(var(--sf-c-lightslategrey-0)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey, html.dark .sf-c-txt-lightslategrey { color: hsl(var(--sf-c-txt-lightslategrey)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:0, html.dark .sf-c-txt-lightslategrey\:0 { color: hsl(var(--sf-c-txt-lightslategrey-0)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:10, html.dark .sf-c-txt-lightslategrey\:10 { color: hsl(var(--sf-c-txt-lightslategrey-10)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:20, html.dark .sf-c-txt-lightslategrey\:20 { color: hsl(var(--sf-c-txt-lightslategrey-20)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:30, html.dark .sf-c-txt-lightslategrey\:30 { color: hsl(var(--sf-c-txt-lightslategrey-30)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:40, html.dark .sf-c-txt-lightslategrey\:40 { color: hsl(var(--sf-c-txt-lightslategrey-40)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:50, html.dark .sf-c-txt-lightslategrey\:50 { color: hsl(var(--sf-c-txt-lightslategrey-50)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:60, html.dark .sf-c-txt-lightslategrey\:60 { color: hsl(var(--sf-c-txt-lightslategrey-60)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:70, html.dark .sf-c-txt-lightslategrey\:70 { color: hsl(var(--sf-c-txt-lightslategrey-70)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:80, html.dark .sf-c-txt-lightslategrey\:80 { color: hsl(var(--sf-c-txt-lightslategrey-80)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:90, html.dark .sf-c-txt-lightslategrey\:90 { color: hsl(var(--sf-c-txt-lightslategrey-90)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:100, html.dark .sf-c-txt-lightslategrey\:100 { color: hsl(var(--sf-c-txt-lightslategrey-100)) } + +html[data-theme='dark'] .sf-c-txt-lightslategrey\:dark, html.dark .sf-c-txt-lightslategrey\:dark { color: hsl(var(--sf-c-txt-lightslategrey)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:0\:dark, html.dark .sf-c-txt-lightslategrey\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-0)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:10\:dark, html.dark .sf-c-txt-lightslategrey\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-10)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:20\:dark, html.dark .sf-c-txt-lightslategrey\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-20)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:30\:dark, html.dark .sf-c-txt-lightslategrey\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-30)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:40\:dark, html.dark .sf-c-txt-lightslategrey\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-40)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:50\:dark, html.dark .sf-c-txt-lightslategrey\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-50)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:60\:dark, html.dark .sf-c-txt-lightslategrey\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-60)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:70\:dark, html.dark .sf-c-txt-lightslategrey\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-70)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:80\:dark, html.dark .sf-c-txt-lightslategrey\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-80)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:90\:dark, html.dark .sf-c-txt-lightslategrey\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-90)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:100\:dark, html.dark .sf-c-txt-lightslategrey\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-100)) } + html.var[data-theme='dark'] .sf-c-lightslategrey, html.var.dark .sf-c-lightslategrey { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 47%) } html.var[data-theme='dark'] .sf-c-lightslategrey\:0, html.var.dark .sf-c-lightslategrey\:0 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 100%) } html.var[data-theme='dark'] .sf-c-lightslategrey\:10, html.var.dark .sf-c-lightslategrey\:10 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lightslategrey\:80\:dark, html.var.dark .sf-c- html.var[data-theme='dark'] .sf-c-lightslategrey\:90\:dark, html.var.dark .sf-c-lightslategrey\:90\:dark { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 10%) } html.var[data-theme='dark'] .sf-c-lightslategrey\:100\:dark, html.var.dark .sf-c-lightslategrey\:100\:dark { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey, html.dark .sf-c-txt-lightslategrey { color: hsl(210, 14%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:0, html.dark .sf-c-txt-lightslategrey\:0 { color: hsl(210, 14%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:10, html.dark .sf-c-txt-lightslategrey\:10 { color: hsl(210, 14%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:20, html.dark .sf-c-txt-lightslategrey\:20 { color: hsl(210, 14%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:30, html.dark .sf-c-txt-lightslategrey\:30 { color: hsl(210, 14%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:40, html.dark .sf-c-txt-lightslategrey\:40 { color: hsl(210, 14%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:50, html.dark .sf-c-txt-lightslategrey\:50 { color: hsl(210, 14%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:60, html.dark .sf-c-txt-lightslategrey\:60 { color: hsl(210, 14%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:70, html.dark .sf-c-txt-lightslategrey\:70 { color: hsl(210, 14%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:80, html.dark .sf-c-txt-lightslategrey\:80 { color: hsl(210, 14%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:90, html.dark .sf-c-txt-lightslategrey\:90 { color: hsl(210, 14%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:100, html.dark .sf-c-txt-lightslategrey\:100 { color: hsl(210, 14%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:dark, html.dark .sf-c-txt-lightslategrey\:dark { color: hsl(210, 14%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:0\:dark, html.dark .sf-c-txt-lightslategrey\:0\:dark { color: hsl(210, 14%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:10\:dark, html.dark .sf-c-txt-lightslategrey\:10\:dark { color: hsl(210, 14%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:20\:dark, html.dark .sf-c-txt-lightslategrey\:20\:dark { color: hsl(210, 14%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:30\:dark, html.dark .sf-c-txt-lightslategrey\:30\:dark { color: hsl(210, 14%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:40\:dark, html.dark .sf-c-txt-lightslategrey\:40\:dark { color: hsl(210, 14%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:50\:dark, html.dark .sf-c-txt-lightslategrey\:50\:dark { color: hsl(210, 14%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:60\:dark, html.dark .sf-c-txt-lightslategrey\:60\:dark { color: hsl(210, 14%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:70\:dark, html.dark .sf-c-txt-lightslategrey\:70\:dark { color: hsl(210, 14%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:80\:dark, html.dark .sf-c-txt-lightslategrey\:80\:dark { color: hsl(210, 14%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:90\:dark, html.dark .sf-c-txt-lightslategrey\:90\:dark { color: hsl(210, 14%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:100\:dark, html.dark .sf-c-txt-lightslategrey\:100\:dark { color: hsl(210, 14%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightslategrey, html.auto .sf-c-lightslategrey { color: hsl(var(--sf-dark-c-txt-lightslategrey-90)); background: hsl(var(--sf-dark-c-lightslategrey)) } html[data-theme='auto'] .sf-c-lightslategrey\:0, html.auto .sf-c-lightslategrey\:0 { color: hsl(var(--sf-dark-c-txt-lightslategrey-90)); background: hsl(var(--sf-dark-c-lightslategrey-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lightslategrey\:100\:dark, html.var.dark .sf-c html[data-theme='auto'] .sf-c-lightslategrey\:90\:dark, html.auto .sf-c-lightslategrey\:90\:dark { color: hsl(var(--sf-c-txt-lightslategrey-90)); background: hsl(var(--sf-c-lightslategrey-10)) } html[data-theme='auto'] .sf-c-lightslategrey\:100\:dark, html.auto .sf-c-lightslategrey\:100\:dark { color: hsl(var(--sf-c-txt-lightslategrey-90)); background: hsl(var(--sf-c-lightslategrey-0)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey, html.auto .sf-c-txt-lightslategrey { color: hsl(var(--sf-c-txt-lightslategrey)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:0, html.auto .sf-c-txt-lightslategrey\:0 { color: hsl(var(--sf-c-txt-lightslategrey-0)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:10, html.auto .sf-c-txt-lightslategrey\:10 { color: hsl(var(--sf-c-txt-lightslategrey-10)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:20, html.auto .sf-c-txt-lightslategrey\:20 { color: hsl(var(--sf-c-txt-lightslategrey-20)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:30, html.auto .sf-c-txt-lightslategrey\:30 { color: hsl(var(--sf-c-txt-lightslategrey-30)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:40, html.auto .sf-c-txt-lightslategrey\:40 { color: hsl(var(--sf-c-txt-lightslategrey-40)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:50, html.auto .sf-c-txt-lightslategrey\:50 { color: hsl(var(--sf-c-txt-lightslategrey-50)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:60, html.auto .sf-c-txt-lightslategrey\:60 { color: hsl(var(--sf-c-txt-lightslategrey-60)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:70, html.auto .sf-c-txt-lightslategrey\:70 { color: hsl(var(--sf-c-txt-lightslategrey-70)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:80, html.auto .sf-c-txt-lightslategrey\:80 { color: hsl(var(--sf-c-txt-lightslategrey-80)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:90, html.auto .sf-c-txt-lightslategrey\:90 { color: hsl(var(--sf-c-txt-lightslategrey-90)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:100, html.auto .sf-c-txt-lightslategrey\:100 { color: hsl(var(--sf-c-txt-lightslategrey-100)) } + + html[data-theme='auto'] .sf-c-txt-lightslategrey\:dark, html.auto .sf-c-txt-lightslategrey\:dark { color: hsl(var(--sf-c-txt-lightslategrey)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:0\:dark, html.auto .sf-c-txt-lightslategrey\:0\:dark { color: hsl(var(--sf-c-txt-lightslategrey-0)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:10\:dark, html.auto .sf-c-txt-lightslategrey\:10\:dark { color: hsl(var(--sf-c-txt-lightslategrey-10)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:20\:dark, html.auto .sf-c-txt-lightslategrey\:20\:dark { color: hsl(var(--sf-c-txt-lightslategrey-20)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:30\:dark, html.auto .sf-c-txt-lightslategrey\:30\:dark { color: hsl(var(--sf-c-txt-lightslategrey-30)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:40\:dark, html.auto .sf-c-txt-lightslategrey\:40\:dark { color: hsl(var(--sf-c-txt-lightslategrey-40)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:50\:dark, html.auto .sf-c-txt-lightslategrey\:50\:dark { color: hsl(var(--sf-c-txt-lightslategrey-50)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:60\:dark, html.auto .sf-c-txt-lightslategrey\:60\:dark { color: hsl(var(--sf-c-txt-lightslategrey-60)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:70\:dark, html.auto .sf-c-txt-lightslategrey\:70\:dark { color: hsl(var(--sf-c-txt-lightslategrey-70)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:80\:dark, html.auto .sf-c-txt-lightslategrey\:80\:dark { color: hsl(var(--sf-c-txt-lightslategrey-80)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:90\:dark, html.auto .sf-c-txt-lightslategrey\:90\:dark { color: hsl(var(--sf-c-txt-lightslategrey-90)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:100\:dark, html.auto .sf-c-txt-lightslategrey\:100\:dark { color: hsl(var(--sf-c-txt-lightslategrey-100)) } + html.var[data-theme='auto'] .sf-c-lightslategrey, html.var.auto .sf-c-lightslategrey { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 47%) } html.var[data-theme='auto'] .sf-c-lightslategrey\:0, html.var.auto .sf-c-lightslategrey\:0 { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 100%) } html.var[data-theme='auto'] .sf-c-lightslategrey\:10, html.var.auto .sf-c-lightslategrey\:10 { color: hsl(210, 14%, 10%); background: hsl(210, 14%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lightslategrey\:100\:dark, html.var.dark .sf-c html.var[data-theme='auto'] .sf-c-lightslategrey\:80\:dark, html.var.auto .sf-c-lightslategrey\:80\:dark { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 20%) } html.var[data-theme='auto'] .sf-c-lightslategrey\:90\:dark, html.var.auto .sf-c-lightslategrey\:90\:dark { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 10%) } html.var[data-theme='auto'] .sf-c-lightslategrey\:100\:dark, html.var.auto .sf-c-lightslategrey\:100\:dark { color: hsl(210, 14%, 90%); background: hsl(210, 14%, 0%) } -} -.sf-c-txt-lightslategrey { color: hsl(var(--sf-c-txt-lightslategrey)) } -.sf-c-txt-lightslategrey\:0 { color: hsl(var(--sf-c-txt-lightslategrey-0)) } -.sf-c-txt-lightslategrey\:10 { color: hsl(var(--sf-c-txt-lightslategrey-10)) } -.sf-c-txt-lightslategrey\:20 { color: hsl(var(--sf-c-txt-lightslategrey-20)) } -.sf-c-txt-lightslategrey\:30 { color: hsl(var(--sf-c-txt-lightslategrey-30)) } -.sf-c-txt-lightslategrey\:40 { color: hsl(var(--sf-c-txt-lightslategrey-40)) } -.sf-c-txt-lightslategrey\:50 { color: hsl(var(--sf-c-txt-lightslategrey-50)) } -.sf-c-txt-lightslategrey\:60 { color: hsl(var(--sf-c-txt-lightslategrey-60)) } -.sf-c-txt-lightslategrey\:70 { color: hsl(var(--sf-c-txt-lightslategrey-70)) } -.sf-c-txt-lightslategrey\:80 { color: hsl(var(--sf-c-txt-lightslategrey-80)) } -.sf-c-txt-lightslategrey\:90 { color: hsl(var(--sf-c-txt-lightslategrey-90)) } -.sf-c-txt-lightslategrey\:100 { color: hsl(var(--sf-c-txt-lightslategrey-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightslategrey, html.auto .sf-c-txt-lightslategrey { color: hsl(210, 14%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:0, html.auto .sf-c-txt-lightslategrey\:0 { color: hsl(210, 14%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:10, html.auto .sf-c-txt-lightslategrey\:10 { color: hsl(210, 14%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:20, html.auto .sf-c-txt-lightslategrey\:20 { color: hsl(210, 14%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:30, html.auto .sf-c-txt-lightslategrey\:30 { color: hsl(210, 14%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:40, html.auto .sf-c-txt-lightslategrey\:40 { color: hsl(210, 14%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:50, html.auto .sf-c-txt-lightslategrey\:50 { color: hsl(210, 14%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:60, html.auto .sf-c-txt-lightslategrey\:60 { color: hsl(210, 14%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:70, html.auto .sf-c-txt-lightslategrey\:70 { color: hsl(210, 14%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:80, html.auto .sf-c-txt-lightslategrey\:80 { color: hsl(210, 14%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:90, html.auto .sf-c-txt-lightslategrey\:90 { color: hsl(210, 14%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:100, html.auto .sf-c-txt-lightslategrey\:100 { color: hsl(210, 14%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:dark, html.auto .sf-c-txt-lightslategrey\:dark { color: hsl(210, 14%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:0\:dark, html.auto .sf-c-txt-lightslategrey\:0\:dark { color: hsl(210, 14%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:10\:dark, html.auto .sf-c-txt-lightslategrey\:10\:dark { color: hsl(210, 14%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:20\:dark, html.auto .sf-c-txt-lightslategrey\:20\:dark { color: hsl(210, 14%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:30\:dark, html.auto .sf-c-txt-lightslategrey\:30\:dark { color: hsl(210, 14%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:40\:dark, html.auto .sf-c-txt-lightslategrey\:40\:dark { color: hsl(210, 14%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:50\:dark, html.auto .sf-c-txt-lightslategrey\:50\:dark { color: hsl(210, 14%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:60\:dark, html.auto .sf-c-txt-lightslategrey\:60\:dark { color: hsl(210, 14%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:70\:dark, html.auto .sf-c-txt-lightslategrey\:70\:dark { color: hsl(210, 14%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:80\:dark, html.auto .sf-c-txt-lightslategrey\:80\:dark { color: hsl(210, 14%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:90\:dark, html.auto .sf-c-txt-lightslategrey\:90\:dark { color: hsl(210, 14%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:100\:dark, html.auto .sf-c-txt-lightslategrey\:100\:dark { color: hsl(210, 14%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lightsteelblue.css b/src/colors/10/lightsteelblue.css index cf4ca12..8975950 100644 --- a/src/colors/10/lightsteelblue.css +++ b/src/colors/10/lightsteelblue.css @@ -78,6 +78,32 @@ html.var .sf-c-lightsteelblue\:80 { color: hsl(214, 41%, 10%); background: hsl(2 html.var .sf-c-lightsteelblue\:90 { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 90%) } html.var .sf-c-lightsteelblue\:100 { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 100%) } +.sf-c-txt-lightsteelblue { color: hsl(var(--sf-dark-c-txt-lightsteelblue)) } +.sf-c-txt-lightsteelblue\:0 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-100)) } +.sf-c-txt-lightsteelblue\:10 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-90)) } +.sf-c-txt-lightsteelblue\:20 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-80)) } +.sf-c-txt-lightsteelblue\:30 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-70)) } +.sf-c-txt-lightsteelblue\:40 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-60)) } +.sf-c-txt-lightsteelblue\:50 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-50)) } +.sf-c-txt-lightsteelblue\:60 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-40)) } +.sf-c-txt-lightsteelblue\:70 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-30)) } +.sf-c-txt-lightsteelblue\:80 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-20)) } +.sf-c-txt-lightsteelblue\:90 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-10)) } +.sf-c-txt-lightsteelblue\:100 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-0)) } + +html.var .sf-c-txt-lightsteelblue { color: hsl(214, 41%, 22%) } +html.var .sf-c-txt-lightsteelblue\:0 { color: hsl(214, 41%, 100%) } +html.var .sf-c-txt-lightsteelblue\:10 { color: hsl(214, 41%, 90%) } +html.var .sf-c-txt-lightsteelblue\:20 { color: hsl(214, 41%, 80%) } +html.var .sf-c-txt-lightsteelblue\:30 { color: hsl(214, 41%, 70%) } +html.var .sf-c-txt-lightsteelblue\:40 { color: hsl(214, 41%, 60%) } +html.var .sf-c-txt-lightsteelblue\:50 { color: hsl(214, 41%, 50%) } +html.var .sf-c-txt-lightsteelblue\:60 { color: hsl(214, 41%, 40%) } +html.var .sf-c-txt-lightsteelblue\:70 { color: hsl(214, 41%, 30%) } +html.var .sf-c-txt-lightsteelblue\:80 { color: hsl(214, 41%, 20%) } +html.var .sf-c-txt-lightsteelblue\:90 { color: hsl(214, 41%, 10%) } +html.var .sf-c-txt-lightsteelblue\:100 { color: hsl(214, 41%, 0%) } + html[data-theme='dark'] .sf-c-lightsteelblue, html.dark .sf-c-lightsteelblue { color: hsl(var(--sf-dark-c-txt-lightsteelblue-90)); background: hsl(var(--sf-dark-c-lightsteelblue)) } html[data-theme='dark'] .sf-c-lightsteelblue\:0, html.dark .sf-c-lightsteelblue\:0 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-90)); background: hsl(var(--sf-dark-c-lightsteelblue-100)) } html[data-theme='dark'] .sf-c-lightsteelblue\:10, html.dark .sf-c-lightsteelblue\:10 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-10)); background: hsl(var(--sf-dark-c-lightsteelblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lightsteelblue\:80\:dark, html.dark .sf-c-lightste html[data-theme='dark'] .sf-c-lightsteelblue\:90\:dark, html.dark .sf-c-lightsteelblue\:90\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-90)); background: hsl(var(--sf-c-lightsteelblue-10)) } html[data-theme='dark'] .sf-c-lightsteelblue\:100\:dark, html.dark .sf-c-lightsteelblue\:100\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-90)); background: hsl(var(--sf-c-lightsteelblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue, html.dark .sf-c-txt-lightsteelblue { color: hsl(var(--sf-c-txt-lightsteelblue)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:0, html.dark .sf-c-txt-lightsteelblue\:0 { color: hsl(var(--sf-c-txt-lightsteelblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:10, html.dark .sf-c-txt-lightsteelblue\:10 { color: hsl(var(--sf-c-txt-lightsteelblue-10)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:20, html.dark .sf-c-txt-lightsteelblue\:20 { color: hsl(var(--sf-c-txt-lightsteelblue-20)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:30, html.dark .sf-c-txt-lightsteelblue\:30 { color: hsl(var(--sf-c-txt-lightsteelblue-30)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:40, html.dark .sf-c-txt-lightsteelblue\:40 { color: hsl(var(--sf-c-txt-lightsteelblue-40)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:50, html.dark .sf-c-txt-lightsteelblue\:50 { color: hsl(var(--sf-c-txt-lightsteelblue-50)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:60, html.dark .sf-c-txt-lightsteelblue\:60 { color: hsl(var(--sf-c-txt-lightsteelblue-60)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:70, html.dark .sf-c-txt-lightsteelblue\:70 { color: hsl(var(--sf-c-txt-lightsteelblue-70)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:80, html.dark .sf-c-txt-lightsteelblue\:80 { color: hsl(var(--sf-c-txt-lightsteelblue-80)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:90, html.dark .sf-c-txt-lightsteelblue\:90 { color: hsl(var(--sf-c-txt-lightsteelblue-90)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:100, html.dark .sf-c-txt-lightsteelblue\:100 { color: hsl(var(--sf-c-txt-lightsteelblue-100)) } + +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:dark, html.dark .sf-c-txt-lightsteelblue\:dark { color: hsl(var(--sf-c-txt-lightsteelblue)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:0\:dark, html.dark .sf-c-txt-lightsteelblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:10\:dark, html.dark .sf-c-txt-lightsteelblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-10)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:20\:dark, html.dark .sf-c-txt-lightsteelblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-20)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:30\:dark, html.dark .sf-c-txt-lightsteelblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-30)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:40\:dark, html.dark .sf-c-txt-lightsteelblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-40)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:50\:dark, html.dark .sf-c-txt-lightsteelblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-50)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:60\:dark, html.dark .sf-c-txt-lightsteelblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-60)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:70\:dark, html.dark .sf-c-txt-lightsteelblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-70)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:80\:dark, html.dark .sf-c-txt-lightsteelblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-80)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:90\:dark, html.dark .sf-c-txt-lightsteelblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-90)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:100\:dark, html.dark .sf-c-txt-lightsteelblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-100)) } + html.var[data-theme='dark'] .sf-c-lightsteelblue, html.var.dark .sf-c-lightsteelblue { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 22%) } html.var[data-theme='dark'] .sf-c-lightsteelblue\:0, html.var.dark .sf-c-lightsteelblue\:0 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 100%) } html.var[data-theme='dark'] .sf-c-lightsteelblue\:10, html.var.dark .sf-c-lightsteelblue\:10 { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lightsteelblue\:80\:dark, html.var.dark .sf-c- html.var[data-theme='dark'] .sf-c-lightsteelblue\:90\:dark, html.var.dark .sf-c-lightsteelblue\:90\:dark { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 10%) } html.var[data-theme='dark'] .sf-c-lightsteelblue\:100\:dark, html.var.dark .sf-c-lightsteelblue\:100\:dark { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue, html.dark .sf-c-txt-lightsteelblue { color: hsl(214, 41%, 78%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:0, html.dark .sf-c-txt-lightsteelblue\:0 { color: hsl(214, 41%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:10, html.dark .sf-c-txt-lightsteelblue\:10 { color: hsl(214, 41%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:20, html.dark .sf-c-txt-lightsteelblue\:20 { color: hsl(214, 41%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:30, html.dark .sf-c-txt-lightsteelblue\:30 { color: hsl(214, 41%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:40, html.dark .sf-c-txt-lightsteelblue\:40 { color: hsl(214, 41%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:50, html.dark .sf-c-txt-lightsteelblue\:50 { color: hsl(214, 41%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:60, html.dark .sf-c-txt-lightsteelblue\:60 { color: hsl(214, 41%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:70, html.dark .sf-c-txt-lightsteelblue\:70 { color: hsl(214, 41%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:80, html.dark .sf-c-txt-lightsteelblue\:80 { color: hsl(214, 41%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:90, html.dark .sf-c-txt-lightsteelblue\:90 { color: hsl(214, 41%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:100, html.dark .sf-c-txt-lightsteelblue\:100 { color: hsl(214, 41%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:dark, html.dark .sf-c-txt-lightsteelblue\:dark { color: hsl(214, 41%, 78%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:0\:dark, html.dark .sf-c-txt-lightsteelblue\:0\:dark { color: hsl(214, 41%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:10\:dark, html.dark .sf-c-txt-lightsteelblue\:10\:dark { color: hsl(214, 41%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:20\:dark, html.dark .sf-c-txt-lightsteelblue\:20\:dark { color: hsl(214, 41%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:30\:dark, html.dark .sf-c-txt-lightsteelblue\:30\:dark { color: hsl(214, 41%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:40\:dark, html.dark .sf-c-txt-lightsteelblue\:40\:dark { color: hsl(214, 41%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:50\:dark, html.dark .sf-c-txt-lightsteelblue\:50\:dark { color: hsl(214, 41%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:60\:dark, html.dark .sf-c-txt-lightsteelblue\:60\:dark { color: hsl(214, 41%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:70\:dark, html.dark .sf-c-txt-lightsteelblue\:70\:dark { color: hsl(214, 41%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:80\:dark, html.dark .sf-c-txt-lightsteelblue\:80\:dark { color: hsl(214, 41%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:90\:dark, html.dark .sf-c-txt-lightsteelblue\:90\:dark { color: hsl(214, 41%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:100\:dark, html.dark .sf-c-txt-lightsteelblue\:100\:dark { color: hsl(214, 41%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightsteelblue, html.auto .sf-c-lightsteelblue { color: hsl(var(--sf-dark-c-txt-lightsteelblue-90)); background: hsl(var(--sf-dark-c-lightsteelblue)) } html[data-theme='auto'] .sf-c-lightsteelblue\:0, html.auto .sf-c-lightsteelblue\:0 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-90)); background: hsl(var(--sf-dark-c-lightsteelblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lightsteelblue\:100\:dark, html.var.dark .sf-c html[data-theme='auto'] .sf-c-lightsteelblue\:90\:dark, html.auto .sf-c-lightsteelblue\:90\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-90)); background: hsl(var(--sf-c-lightsteelblue-10)) } html[data-theme='auto'] .sf-c-lightsteelblue\:100\:dark, html.auto .sf-c-lightsteelblue\:100\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-90)); background: hsl(var(--sf-c-lightsteelblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue, html.auto .sf-c-txt-lightsteelblue { color: hsl(var(--sf-c-txt-lightsteelblue)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:0, html.auto .sf-c-txt-lightsteelblue\:0 { color: hsl(var(--sf-c-txt-lightsteelblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:10, html.auto .sf-c-txt-lightsteelblue\:10 { color: hsl(var(--sf-c-txt-lightsteelblue-10)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:20, html.auto .sf-c-txt-lightsteelblue\:20 { color: hsl(var(--sf-c-txt-lightsteelblue-20)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:30, html.auto .sf-c-txt-lightsteelblue\:30 { color: hsl(var(--sf-c-txt-lightsteelblue-30)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:40, html.auto .sf-c-txt-lightsteelblue\:40 { color: hsl(var(--sf-c-txt-lightsteelblue-40)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:50, html.auto .sf-c-txt-lightsteelblue\:50 { color: hsl(var(--sf-c-txt-lightsteelblue-50)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:60, html.auto .sf-c-txt-lightsteelblue\:60 { color: hsl(var(--sf-c-txt-lightsteelblue-60)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:70, html.auto .sf-c-txt-lightsteelblue\:70 { color: hsl(var(--sf-c-txt-lightsteelblue-70)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:80, html.auto .sf-c-txt-lightsteelblue\:80 { color: hsl(var(--sf-c-txt-lightsteelblue-80)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:90, html.auto .sf-c-txt-lightsteelblue\:90 { color: hsl(var(--sf-c-txt-lightsteelblue-90)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:100, html.auto .sf-c-txt-lightsteelblue\:100 { color: hsl(var(--sf-c-txt-lightsteelblue-100)) } + + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:dark, html.auto .sf-c-txt-lightsteelblue\:dark { color: hsl(var(--sf-c-txt-lightsteelblue)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:0\:dark, html.auto .sf-c-txt-lightsteelblue\:0\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:10\:dark, html.auto .sf-c-txt-lightsteelblue\:10\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-10)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:20\:dark, html.auto .sf-c-txt-lightsteelblue\:20\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-20)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:30\:dark, html.auto .sf-c-txt-lightsteelblue\:30\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-30)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:40\:dark, html.auto .sf-c-txt-lightsteelblue\:40\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-40)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:50\:dark, html.auto .sf-c-txt-lightsteelblue\:50\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-50)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:60\:dark, html.auto .sf-c-txt-lightsteelblue\:60\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-60)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:70\:dark, html.auto .sf-c-txt-lightsteelblue\:70\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-70)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:80\:dark, html.auto .sf-c-txt-lightsteelblue\:80\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-80)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:90\:dark, html.auto .sf-c-txt-lightsteelblue\:90\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-90)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:100\:dark, html.auto .sf-c-txt-lightsteelblue\:100\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-100)) } + html.var[data-theme='auto'] .sf-c-lightsteelblue, html.var.auto .sf-c-lightsteelblue { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 22%) } html.var[data-theme='auto'] .sf-c-lightsteelblue\:0, html.var.auto .sf-c-lightsteelblue\:0 { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 100%) } html.var[data-theme='auto'] .sf-c-lightsteelblue\:10, html.var.auto .sf-c-lightsteelblue\:10 { color: hsl(214, 41%, 10%); background: hsl(214, 41%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lightsteelblue\:100\:dark, html.var.dark .sf-c html.var[data-theme='auto'] .sf-c-lightsteelblue\:80\:dark, html.var.auto .sf-c-lightsteelblue\:80\:dark { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 20%) } html.var[data-theme='auto'] .sf-c-lightsteelblue\:90\:dark, html.var.auto .sf-c-lightsteelblue\:90\:dark { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 10%) } html.var[data-theme='auto'] .sf-c-lightsteelblue\:100\:dark, html.var.auto .sf-c-lightsteelblue\:100\:dark { color: hsl(214, 41%, 90%); background: hsl(214, 41%, 0%) } -} -.sf-c-txt-lightsteelblue { color: hsl(var(--sf-c-txt-lightsteelblue)) } -.sf-c-txt-lightsteelblue\:0 { color: hsl(var(--sf-c-txt-lightsteelblue-0)) } -.sf-c-txt-lightsteelblue\:10 { color: hsl(var(--sf-c-txt-lightsteelblue-10)) } -.sf-c-txt-lightsteelblue\:20 { color: hsl(var(--sf-c-txt-lightsteelblue-20)) } -.sf-c-txt-lightsteelblue\:30 { color: hsl(var(--sf-c-txt-lightsteelblue-30)) } -.sf-c-txt-lightsteelblue\:40 { color: hsl(var(--sf-c-txt-lightsteelblue-40)) } -.sf-c-txt-lightsteelblue\:50 { color: hsl(var(--sf-c-txt-lightsteelblue-50)) } -.sf-c-txt-lightsteelblue\:60 { color: hsl(var(--sf-c-txt-lightsteelblue-60)) } -.sf-c-txt-lightsteelblue\:70 { color: hsl(var(--sf-c-txt-lightsteelblue-70)) } -.sf-c-txt-lightsteelblue\:80 { color: hsl(var(--sf-c-txt-lightsteelblue-80)) } -.sf-c-txt-lightsteelblue\:90 { color: hsl(var(--sf-c-txt-lightsteelblue-90)) } -.sf-c-txt-lightsteelblue\:100 { color: hsl(var(--sf-c-txt-lightsteelblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue, html.auto .sf-c-txt-lightsteelblue { color: hsl(214, 41%, 78%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:0, html.auto .sf-c-txt-lightsteelblue\:0 { color: hsl(214, 41%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:10, html.auto .sf-c-txt-lightsteelblue\:10 { color: hsl(214, 41%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:20, html.auto .sf-c-txt-lightsteelblue\:20 { color: hsl(214, 41%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:30, html.auto .sf-c-txt-lightsteelblue\:30 { color: hsl(214, 41%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:40, html.auto .sf-c-txt-lightsteelblue\:40 { color: hsl(214, 41%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:50, html.auto .sf-c-txt-lightsteelblue\:50 { color: hsl(214, 41%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:60, html.auto .sf-c-txt-lightsteelblue\:60 { color: hsl(214, 41%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:70, html.auto .sf-c-txt-lightsteelblue\:70 { color: hsl(214, 41%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:80, html.auto .sf-c-txt-lightsteelblue\:80 { color: hsl(214, 41%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:90, html.auto .sf-c-txt-lightsteelblue\:90 { color: hsl(214, 41%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:100, html.auto .sf-c-txt-lightsteelblue\:100 { color: hsl(214, 41%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:dark, html.auto .sf-c-txt-lightsteelblue\:dark { color: hsl(214, 41%, 78%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:0\:dark, html.auto .sf-c-txt-lightsteelblue\:0\:dark { color: hsl(214, 41%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:10\:dark, html.auto .sf-c-txt-lightsteelblue\:10\:dark { color: hsl(214, 41%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:20\:dark, html.auto .sf-c-txt-lightsteelblue\:20\:dark { color: hsl(214, 41%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:30\:dark, html.auto .sf-c-txt-lightsteelblue\:30\:dark { color: hsl(214, 41%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:40\:dark, html.auto .sf-c-txt-lightsteelblue\:40\:dark { color: hsl(214, 41%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:50\:dark, html.auto .sf-c-txt-lightsteelblue\:50\:dark { color: hsl(214, 41%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:60\:dark, html.auto .sf-c-txt-lightsteelblue\:60\:dark { color: hsl(214, 41%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:70\:dark, html.auto .sf-c-txt-lightsteelblue\:70\:dark { color: hsl(214, 41%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:80\:dark, html.auto .sf-c-txt-lightsteelblue\:80\:dark { color: hsl(214, 41%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:90\:dark, html.auto .sf-c-txt-lightsteelblue\:90\:dark { color: hsl(214, 41%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:100\:dark, html.auto .sf-c-txt-lightsteelblue\:100\:dark { color: hsl(214, 41%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lightyellow.css b/src/colors/10/lightyellow.css index 8c79f17..989dfcc 100644 --- a/src/colors/10/lightyellow.css +++ b/src/colors/10/lightyellow.css @@ -78,6 +78,32 @@ html.var .sf-c-lightyellow\:80 { color: hsl(60, 100%, 10%); background: hsl(60, html.var .sf-c-lightyellow\:90 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } html.var .sf-c-lightyellow\:100 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } +.sf-c-txt-lightyellow { color: hsl(var(--sf-dark-c-txt-lightyellow)) } +.sf-c-txt-lightyellow\:0 { color: hsl(var(--sf-dark-c-txt-lightyellow-100)) } +.sf-c-txt-lightyellow\:10 { color: hsl(var(--sf-dark-c-txt-lightyellow-90)) } +.sf-c-txt-lightyellow\:20 { color: hsl(var(--sf-dark-c-txt-lightyellow-80)) } +.sf-c-txt-lightyellow\:30 { color: hsl(var(--sf-dark-c-txt-lightyellow-70)) } +.sf-c-txt-lightyellow\:40 { color: hsl(var(--sf-dark-c-txt-lightyellow-60)) } +.sf-c-txt-lightyellow\:50 { color: hsl(var(--sf-dark-c-txt-lightyellow-50)) } +.sf-c-txt-lightyellow\:60 { color: hsl(var(--sf-dark-c-txt-lightyellow-40)) } +.sf-c-txt-lightyellow\:70 { color: hsl(var(--sf-dark-c-txt-lightyellow-30)) } +.sf-c-txt-lightyellow\:80 { color: hsl(var(--sf-dark-c-txt-lightyellow-20)) } +.sf-c-txt-lightyellow\:90 { color: hsl(var(--sf-dark-c-txt-lightyellow-10)) } +.sf-c-txt-lightyellow\:100 { color: hsl(var(--sf-dark-c-txt-lightyellow-0)) } + +html.var .sf-c-txt-lightyellow { color: hsl(60, 100%, 6%) } +html.var .sf-c-txt-lightyellow\:0 { color: hsl(60, 100%, 100%) } +html.var .sf-c-txt-lightyellow\:10 { color: hsl(60, 100%, 90%) } +html.var .sf-c-txt-lightyellow\:20 { color: hsl(60, 100%, 80%) } +html.var .sf-c-txt-lightyellow\:30 { color: hsl(60, 100%, 70%) } +html.var .sf-c-txt-lightyellow\:40 { color: hsl(60, 100%, 60%) } +html.var .sf-c-txt-lightyellow\:50 { color: hsl(60, 100%, 50%) } +html.var .sf-c-txt-lightyellow\:60 { color: hsl(60, 100%, 40%) } +html.var .sf-c-txt-lightyellow\:70 { color: hsl(60, 100%, 30%) } +html.var .sf-c-txt-lightyellow\:80 { color: hsl(60, 100%, 20%) } +html.var .sf-c-txt-lightyellow\:90 { color: hsl(60, 100%, 10%) } +html.var .sf-c-txt-lightyellow\:100 { color: hsl(60, 100%, 0%) } + html[data-theme='dark'] .sf-c-lightyellow, html.dark .sf-c-lightyellow { color: hsl(var(--sf-dark-c-txt-lightyellow-90)); background: hsl(var(--sf-dark-c-lightyellow)) } html[data-theme='dark'] .sf-c-lightyellow\:0, html.dark .sf-c-lightyellow\:0 { color: hsl(var(--sf-dark-c-txt-lightyellow-90)); background: hsl(var(--sf-dark-c-lightyellow-100)) } html[data-theme='dark'] .sf-c-lightyellow\:10, html.dark .sf-c-lightyellow\:10 { color: hsl(var(--sf-dark-c-txt-lightyellow-10)); background: hsl(var(--sf-dark-c-lightyellow-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lightyellow\:80\:dark, html.dark .sf-c-lightyellow html[data-theme='dark'] .sf-c-lightyellow\:90\:dark, html.dark .sf-c-lightyellow\:90\:dark { color: hsl(var(--sf-c-txt-lightyellow-90)); background: hsl(var(--sf-c-lightyellow-10)) } html[data-theme='dark'] .sf-c-lightyellow\:100\:dark, html.dark .sf-c-lightyellow\:100\:dark { color: hsl(var(--sf-c-txt-lightyellow-90)); background: hsl(var(--sf-c-lightyellow-0)) } +html[data-theme='dark'] .sf-c-txt-lightyellow, html.dark .sf-c-txt-lightyellow { color: hsl(var(--sf-c-txt-lightyellow)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:0, html.dark .sf-c-txt-lightyellow\:0 { color: hsl(var(--sf-c-txt-lightyellow-0)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:10, html.dark .sf-c-txt-lightyellow\:10 { color: hsl(var(--sf-c-txt-lightyellow-10)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:20, html.dark .sf-c-txt-lightyellow\:20 { color: hsl(var(--sf-c-txt-lightyellow-20)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:30, html.dark .sf-c-txt-lightyellow\:30 { color: hsl(var(--sf-c-txt-lightyellow-30)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:40, html.dark .sf-c-txt-lightyellow\:40 { color: hsl(var(--sf-c-txt-lightyellow-40)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:50, html.dark .sf-c-txt-lightyellow\:50 { color: hsl(var(--sf-c-txt-lightyellow-50)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:60, html.dark .sf-c-txt-lightyellow\:60 { color: hsl(var(--sf-c-txt-lightyellow-60)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:70, html.dark .sf-c-txt-lightyellow\:70 { color: hsl(var(--sf-c-txt-lightyellow-70)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:80, html.dark .sf-c-txt-lightyellow\:80 { color: hsl(var(--sf-c-txt-lightyellow-80)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:90, html.dark .sf-c-txt-lightyellow\:90 { color: hsl(var(--sf-c-txt-lightyellow-90)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:100, html.dark .sf-c-txt-lightyellow\:100 { color: hsl(var(--sf-c-txt-lightyellow-100)) } + +html[data-theme='dark'] .sf-c-txt-lightyellow\:dark, html.dark .sf-c-txt-lightyellow\:dark { color: hsl(var(--sf-c-txt-lightyellow)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:0\:dark, html.dark .sf-c-txt-lightyellow\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-0)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:10\:dark, html.dark .sf-c-txt-lightyellow\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-10)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:20\:dark, html.dark .sf-c-txt-lightyellow\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-20)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:30\:dark, html.dark .sf-c-txt-lightyellow\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-30)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:40\:dark, html.dark .sf-c-txt-lightyellow\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-40)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:50\:dark, html.dark .sf-c-txt-lightyellow\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-50)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:60\:dark, html.dark .sf-c-txt-lightyellow\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-60)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:70\:dark, html.dark .sf-c-txt-lightyellow\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-70)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:80\:dark, html.dark .sf-c-txt-lightyellow\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-80)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:90\:dark, html.dark .sf-c-txt-lightyellow\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-90)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:100\:dark, html.dark .sf-c-txt-lightyellow\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-100)) } + html.var[data-theme='dark'] .sf-c-lightyellow, html.var.dark .sf-c-lightyellow { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 6%) } html.var[data-theme='dark'] .sf-c-lightyellow\:0, html.var.dark .sf-c-lightyellow\:0 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lightyellow\:10, html.var.dark .sf-c-lightyellow\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lightyellow\:80\:dark, html.var.dark .sf-c-lig html.var[data-theme='dark'] .sf-c-lightyellow\:90\:dark, html.var.dark .sf-c-lightyellow\:90\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } html.var[data-theme='dark'] .sf-c-lightyellow\:100\:dark, html.var.dark .sf-c-lightyellow\:100\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow, html.dark .sf-c-txt-lightyellow { color: hsl(60, 100%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:0, html.dark .sf-c-txt-lightyellow\:0 { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:10, html.dark .sf-c-txt-lightyellow\:10 { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:20, html.dark .sf-c-txt-lightyellow\:20 { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:30, html.dark .sf-c-txt-lightyellow\:30 { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:40, html.dark .sf-c-txt-lightyellow\:40 { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:50, html.dark .sf-c-txt-lightyellow\:50 { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:60, html.dark .sf-c-txt-lightyellow\:60 { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:70, html.dark .sf-c-txt-lightyellow\:70 { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:80, html.dark .sf-c-txt-lightyellow\:80 { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:90, html.dark .sf-c-txt-lightyellow\:90 { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:100, html.dark .sf-c-txt-lightyellow\:100 { color: hsl(60, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:dark, html.dark .sf-c-txt-lightyellow\:dark { color: hsl(60, 100%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:0\:dark, html.dark .sf-c-txt-lightyellow\:0\:dark { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:10\:dark, html.dark .sf-c-txt-lightyellow\:10\:dark { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:20\:dark, html.dark .sf-c-txt-lightyellow\:20\:dark { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:30\:dark, html.dark .sf-c-txt-lightyellow\:30\:dark { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:40\:dark, html.dark .sf-c-txt-lightyellow\:40\:dark { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:50\:dark, html.dark .sf-c-txt-lightyellow\:50\:dark { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:60\:dark, html.dark .sf-c-txt-lightyellow\:60\:dark { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:70\:dark, html.dark .sf-c-txt-lightyellow\:70\:dark { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:80\:dark, html.dark .sf-c-txt-lightyellow\:80\:dark { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:90\:dark, html.dark .sf-c-txt-lightyellow\:90\:dark { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:100\:dark, html.dark .sf-c-txt-lightyellow\:100\:dark { color: hsl(60, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightyellow, html.auto .sf-c-lightyellow { color: hsl(var(--sf-dark-c-txt-lightyellow-90)); background: hsl(var(--sf-dark-c-lightyellow)) } html[data-theme='auto'] .sf-c-lightyellow\:0, html.auto .sf-c-lightyellow\:0 { color: hsl(var(--sf-dark-c-txt-lightyellow-90)); background: hsl(var(--sf-dark-c-lightyellow-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lightyellow\:100\:dark, html.var.dark .sf-c-li html[data-theme='auto'] .sf-c-lightyellow\:90\:dark, html.auto .sf-c-lightyellow\:90\:dark { color: hsl(var(--sf-c-txt-lightyellow-90)); background: hsl(var(--sf-c-lightyellow-10)) } html[data-theme='auto'] .sf-c-lightyellow\:100\:dark, html.auto .sf-c-lightyellow\:100\:dark { color: hsl(var(--sf-c-txt-lightyellow-90)); background: hsl(var(--sf-c-lightyellow-0)) } + html[data-theme='auto'] .sf-c-txt-lightyellow, html.auto .sf-c-txt-lightyellow { color: hsl(var(--sf-c-txt-lightyellow)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:0, html.auto .sf-c-txt-lightyellow\:0 { color: hsl(var(--sf-c-txt-lightyellow-0)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:10, html.auto .sf-c-txt-lightyellow\:10 { color: hsl(var(--sf-c-txt-lightyellow-10)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:20, html.auto .sf-c-txt-lightyellow\:20 { color: hsl(var(--sf-c-txt-lightyellow-20)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:30, html.auto .sf-c-txt-lightyellow\:30 { color: hsl(var(--sf-c-txt-lightyellow-30)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:40, html.auto .sf-c-txt-lightyellow\:40 { color: hsl(var(--sf-c-txt-lightyellow-40)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:50, html.auto .sf-c-txt-lightyellow\:50 { color: hsl(var(--sf-c-txt-lightyellow-50)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:60, html.auto .sf-c-txt-lightyellow\:60 { color: hsl(var(--sf-c-txt-lightyellow-60)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:70, html.auto .sf-c-txt-lightyellow\:70 { color: hsl(var(--sf-c-txt-lightyellow-70)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:80, html.auto .sf-c-txt-lightyellow\:80 { color: hsl(var(--sf-c-txt-lightyellow-80)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:90, html.auto .sf-c-txt-lightyellow\:90 { color: hsl(var(--sf-c-txt-lightyellow-90)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:100, html.auto .sf-c-txt-lightyellow\:100 { color: hsl(var(--sf-c-txt-lightyellow-100)) } + + html[data-theme='auto'] .sf-c-txt-lightyellow\:dark, html.auto .sf-c-txt-lightyellow\:dark { color: hsl(var(--sf-c-txt-lightyellow)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:0\:dark, html.auto .sf-c-txt-lightyellow\:0\:dark { color: hsl(var(--sf-c-txt-lightyellow-0)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:10\:dark, html.auto .sf-c-txt-lightyellow\:10\:dark { color: hsl(var(--sf-c-txt-lightyellow-10)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:20\:dark, html.auto .sf-c-txt-lightyellow\:20\:dark { color: hsl(var(--sf-c-txt-lightyellow-20)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:30\:dark, html.auto .sf-c-txt-lightyellow\:30\:dark { color: hsl(var(--sf-c-txt-lightyellow-30)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:40\:dark, html.auto .sf-c-txt-lightyellow\:40\:dark { color: hsl(var(--sf-c-txt-lightyellow-40)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:50\:dark, html.auto .sf-c-txt-lightyellow\:50\:dark { color: hsl(var(--sf-c-txt-lightyellow-50)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:60\:dark, html.auto .sf-c-txt-lightyellow\:60\:dark { color: hsl(var(--sf-c-txt-lightyellow-60)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:70\:dark, html.auto .sf-c-txt-lightyellow\:70\:dark { color: hsl(var(--sf-c-txt-lightyellow-70)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:80\:dark, html.auto .sf-c-txt-lightyellow\:80\:dark { color: hsl(var(--sf-c-txt-lightyellow-80)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:90\:dark, html.auto .sf-c-txt-lightyellow\:90\:dark { color: hsl(var(--sf-c-txt-lightyellow-90)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:100\:dark, html.auto .sf-c-txt-lightyellow\:100\:dark { color: hsl(var(--sf-c-txt-lightyellow-100)) } + html.var[data-theme='auto'] .sf-c-lightyellow, html.var.auto .sf-c-lightyellow { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 6%) } html.var[data-theme='auto'] .sf-c-lightyellow\:0, html.var.auto .sf-c-lightyellow\:0 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lightyellow\:10, html.var.auto .sf-c-lightyellow\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lightyellow\:100\:dark, html.var.dark .sf-c-li html.var[data-theme='auto'] .sf-c-lightyellow\:80\:dark, html.var.auto .sf-c-lightyellow\:80\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } html.var[data-theme='auto'] .sf-c-lightyellow\:90\:dark, html.var.auto .sf-c-lightyellow\:90\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lightyellow\:100\:dark, html.var.auto .sf-c-lightyellow\:100\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } -} -.sf-c-txt-lightyellow { color: hsl(var(--sf-c-txt-lightyellow)) } -.sf-c-txt-lightyellow\:0 { color: hsl(var(--sf-c-txt-lightyellow-0)) } -.sf-c-txt-lightyellow\:10 { color: hsl(var(--sf-c-txt-lightyellow-10)) } -.sf-c-txt-lightyellow\:20 { color: hsl(var(--sf-c-txt-lightyellow-20)) } -.sf-c-txt-lightyellow\:30 { color: hsl(var(--sf-c-txt-lightyellow-30)) } -.sf-c-txt-lightyellow\:40 { color: hsl(var(--sf-c-txt-lightyellow-40)) } -.sf-c-txt-lightyellow\:50 { color: hsl(var(--sf-c-txt-lightyellow-50)) } -.sf-c-txt-lightyellow\:60 { color: hsl(var(--sf-c-txt-lightyellow-60)) } -.sf-c-txt-lightyellow\:70 { color: hsl(var(--sf-c-txt-lightyellow-70)) } -.sf-c-txt-lightyellow\:80 { color: hsl(var(--sf-c-txt-lightyellow-80)) } -.sf-c-txt-lightyellow\:90 { color: hsl(var(--sf-c-txt-lightyellow-90)) } -.sf-c-txt-lightyellow\:100 { color: hsl(var(--sf-c-txt-lightyellow-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightyellow, html.auto .sf-c-txt-lightyellow { color: hsl(60, 100%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:0, html.auto .sf-c-txt-lightyellow\:0 { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:10, html.auto .sf-c-txt-lightyellow\:10 { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:20, html.auto .sf-c-txt-lightyellow\:20 { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:30, html.auto .sf-c-txt-lightyellow\:30 { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:40, html.auto .sf-c-txt-lightyellow\:40 { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:50, html.auto .sf-c-txt-lightyellow\:50 { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:60, html.auto .sf-c-txt-lightyellow\:60 { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:70, html.auto .sf-c-txt-lightyellow\:70 { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:80, html.auto .sf-c-txt-lightyellow\:80 { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:90, html.auto .sf-c-txt-lightyellow\:90 { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:100, html.auto .sf-c-txt-lightyellow\:100 { color: hsl(60, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:dark, html.auto .sf-c-txt-lightyellow\:dark { color: hsl(60, 100%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:0\:dark, html.auto .sf-c-txt-lightyellow\:0\:dark { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:10\:dark, html.auto .sf-c-txt-lightyellow\:10\:dark { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:20\:dark, html.auto .sf-c-txt-lightyellow\:20\:dark { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:30\:dark, html.auto .sf-c-txt-lightyellow\:30\:dark { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:40\:dark, html.auto .sf-c-txt-lightyellow\:40\:dark { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:50\:dark, html.auto .sf-c-txt-lightyellow\:50\:dark { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:60\:dark, html.auto .sf-c-txt-lightyellow\:60\:dark { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:70\:dark, html.auto .sf-c-txt-lightyellow\:70\:dark { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:80\:dark, html.auto .sf-c-txt-lightyellow\:80\:dark { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:90\:dark, html.auto .sf-c-txt-lightyellow\:90\:dark { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:100\:dark, html.auto .sf-c-txt-lightyellow\:100\:dark { color: hsl(60, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/lime.css b/src/colors/10/lime.css index 54463ef..eba7ba0 100644 --- a/src/colors/10/lime.css +++ b/src/colors/10/lime.css @@ -78,6 +78,32 @@ html.var .sf-c-lime\:80 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, html.var .sf-c-lime\:90 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } html.var .sf-c-lime\:100 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 100%) } +.sf-c-txt-lime { color: hsl(var(--sf-dark-c-txt-lime)) } +.sf-c-txt-lime\:0 { color: hsl(var(--sf-dark-c-txt-lime-100)) } +.sf-c-txt-lime\:10 { color: hsl(var(--sf-dark-c-txt-lime-90)) } +.sf-c-txt-lime\:20 { color: hsl(var(--sf-dark-c-txt-lime-80)) } +.sf-c-txt-lime\:30 { color: hsl(var(--sf-dark-c-txt-lime-70)) } +.sf-c-txt-lime\:40 { color: hsl(var(--sf-dark-c-txt-lime-60)) } +.sf-c-txt-lime\:50 { color: hsl(var(--sf-dark-c-txt-lime-50)) } +.sf-c-txt-lime\:60 { color: hsl(var(--sf-dark-c-txt-lime-40)) } +.sf-c-txt-lime\:70 { color: hsl(var(--sf-dark-c-txt-lime-30)) } +.sf-c-txt-lime\:80 { color: hsl(var(--sf-dark-c-txt-lime-20)) } +.sf-c-txt-lime\:90 { color: hsl(var(--sf-dark-c-txt-lime-10)) } +.sf-c-txt-lime\:100 { color: hsl(var(--sf-dark-c-txt-lime-0)) } + +html.var .sf-c-txt-lime { color: hsl(120, 100%, 50%) } +html.var .sf-c-txt-lime\:0 { color: hsl(120, 100%, 100%) } +html.var .sf-c-txt-lime\:10 { color: hsl(120, 100%, 90%) } +html.var .sf-c-txt-lime\:20 { color: hsl(120, 100%, 80%) } +html.var .sf-c-txt-lime\:30 { color: hsl(120, 100%, 70%) } +html.var .sf-c-txt-lime\:40 { color: hsl(120, 100%, 60%) } +html.var .sf-c-txt-lime\:50 { color: hsl(120, 100%, 50%) } +html.var .sf-c-txt-lime\:60 { color: hsl(120, 100%, 40%) } +html.var .sf-c-txt-lime\:70 { color: hsl(120, 100%, 30%) } +html.var .sf-c-txt-lime\:80 { color: hsl(120, 100%, 20%) } +html.var .sf-c-txt-lime\:90 { color: hsl(120, 100%, 10%) } +html.var .sf-c-txt-lime\:100 { color: hsl(120, 100%, 0%) } + html[data-theme='dark'] .sf-c-lime, html.dark .sf-c-lime { color: hsl(var(--sf-dark-c-txt-lime-10)); background: hsl(var(--sf-dark-c-lime)) } html[data-theme='dark'] .sf-c-lime\:0, html.dark .sf-c-lime\:0 { color: hsl(var(--sf-dark-c-txt-lime-90)); background: hsl(var(--sf-dark-c-lime-100)) } html[data-theme='dark'] .sf-c-lime\:10, html.dark .sf-c-lime\:10 { color: hsl(var(--sf-dark-c-txt-lime-10)); background: hsl(var(--sf-dark-c-lime-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-lime\:80\:dark, html.dark .sf-c-lime\:80\:dark { c html[data-theme='dark'] .sf-c-lime\:90\:dark, html.dark .sf-c-lime\:90\:dark { color: hsl(var(--sf-c-txt-lime-90)); background: hsl(var(--sf-c-lime-10)) } html[data-theme='dark'] .sf-c-lime\:100\:dark, html.dark .sf-c-lime\:100\:dark { color: hsl(var(--sf-c-txt-lime-90)); background: hsl(var(--sf-c-lime-0)) } +html[data-theme='dark'] .sf-c-txt-lime, html.dark .sf-c-txt-lime { color: hsl(var(--sf-c-txt-lime)) } +html[data-theme='dark'] .sf-c-txt-lime\:0, html.dark .sf-c-txt-lime\:0 { color: hsl(var(--sf-c-txt-lime-0)) } +html[data-theme='dark'] .sf-c-txt-lime\:10, html.dark .sf-c-txt-lime\:10 { color: hsl(var(--sf-c-txt-lime-10)) } +html[data-theme='dark'] .sf-c-txt-lime\:20, html.dark .sf-c-txt-lime\:20 { color: hsl(var(--sf-c-txt-lime-20)) } +html[data-theme='dark'] .sf-c-txt-lime\:30, html.dark .sf-c-txt-lime\:30 { color: hsl(var(--sf-c-txt-lime-30)) } +html[data-theme='dark'] .sf-c-txt-lime\:40, html.dark .sf-c-txt-lime\:40 { color: hsl(var(--sf-c-txt-lime-40)) } +html[data-theme='dark'] .sf-c-txt-lime\:50, html.dark .sf-c-txt-lime\:50 { color: hsl(var(--sf-c-txt-lime-50)) } +html[data-theme='dark'] .sf-c-txt-lime\:60, html.dark .sf-c-txt-lime\:60 { color: hsl(var(--sf-c-txt-lime-60)) } +html[data-theme='dark'] .sf-c-txt-lime\:70, html.dark .sf-c-txt-lime\:70 { color: hsl(var(--sf-c-txt-lime-70)) } +html[data-theme='dark'] .sf-c-txt-lime\:80, html.dark .sf-c-txt-lime\:80 { color: hsl(var(--sf-c-txt-lime-80)) } +html[data-theme='dark'] .sf-c-txt-lime\:90, html.dark .sf-c-txt-lime\:90 { color: hsl(var(--sf-c-txt-lime-90)) } +html[data-theme='dark'] .sf-c-txt-lime\:100, html.dark .sf-c-txt-lime\:100 { color: hsl(var(--sf-c-txt-lime-100)) } + +html[data-theme='dark'] .sf-c-txt-lime\:dark, html.dark .sf-c-txt-lime\:dark { color: hsl(var(--sf-c-txt-lime)) } +html[data-theme='dark'] .sf-c-txt-lime\:0\:dark, html.dark .sf-c-txt-lime\:0\:dark { color: hsl(var(--sf-dark-c-txt-lime-0)) } +html[data-theme='dark'] .sf-c-txt-lime\:10\:dark, html.dark .sf-c-txt-lime\:10\:dark { color: hsl(var(--sf-dark-c-txt-lime-10)) } +html[data-theme='dark'] .sf-c-txt-lime\:20\:dark, html.dark .sf-c-txt-lime\:20\:dark { color: hsl(var(--sf-dark-c-txt-lime-20)) } +html[data-theme='dark'] .sf-c-txt-lime\:30\:dark, html.dark .sf-c-txt-lime\:30\:dark { color: hsl(var(--sf-dark-c-txt-lime-30)) } +html[data-theme='dark'] .sf-c-txt-lime\:40\:dark, html.dark .sf-c-txt-lime\:40\:dark { color: hsl(var(--sf-dark-c-txt-lime-40)) } +html[data-theme='dark'] .sf-c-txt-lime\:50\:dark, html.dark .sf-c-txt-lime\:50\:dark { color: hsl(var(--sf-dark-c-txt-lime-50)) } +html[data-theme='dark'] .sf-c-txt-lime\:60\:dark, html.dark .sf-c-txt-lime\:60\:dark { color: hsl(var(--sf-dark-c-txt-lime-60)) } +html[data-theme='dark'] .sf-c-txt-lime\:70\:dark, html.dark .sf-c-txt-lime\:70\:dark { color: hsl(var(--sf-dark-c-txt-lime-70)) } +html[data-theme='dark'] .sf-c-txt-lime\:80\:dark, html.dark .sf-c-txt-lime\:80\:dark { color: hsl(var(--sf-dark-c-txt-lime-80)) } +html[data-theme='dark'] .sf-c-txt-lime\:90\:dark, html.dark .sf-c-txt-lime\:90\:dark { color: hsl(var(--sf-dark-c-txt-lime-90)) } +html[data-theme='dark'] .sf-c-txt-lime\:100\:dark, html.dark .sf-c-txt-lime\:100\:dark { color: hsl(var(--sf-dark-c-txt-lime-100)) } + html.var[data-theme='dark'] .sf-c-lime, html.var.dark .sf-c-lime { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } html.var[data-theme='dark'] .sf-c-lime\:0, html.var.dark .sf-c-lime\:0 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lime\:10, html.var.dark .sf-c-lime\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-lime\:80\:dark, html.var.dark .sf-c-lime\:80\: html.var[data-theme='dark'] .sf-c-lime\:90\:dark, html.var.dark .sf-c-lime\:90\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } html.var[data-theme='dark'] .sf-c-lime\:100\:dark, html.var.dark .sf-c-lime\:100\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lime, html.dark .sf-c-txt-lime { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:0, html.dark .sf-c-txt-lime\:0 { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:10, html.dark .sf-c-txt-lime\:10 { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:20, html.dark .sf-c-txt-lime\:20 { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:30, html.dark .sf-c-txt-lime\:30 { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:40, html.dark .sf-c-txt-lime\:40 { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:50, html.dark .sf-c-txt-lime\:50 { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:60, html.dark .sf-c-txt-lime\:60 { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:70, html.dark .sf-c-txt-lime\:70 { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:80, html.dark .sf-c-txt-lime\:80 { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:90, html.dark .sf-c-txt-lime\:90 { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:100, html.dark .sf-c-txt-lime\:100 { color: hsl(120, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lime\:dark, html.dark .sf-c-txt-lime\:dark { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:0\:dark, html.dark .sf-c-txt-lime\:0\:dark { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:10\:dark, html.dark .sf-c-txt-lime\:10\:dark { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:20\:dark, html.dark .sf-c-txt-lime\:20\:dark { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:30\:dark, html.dark .sf-c-txt-lime\:30\:dark { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:40\:dark, html.dark .sf-c-txt-lime\:40\:dark { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:50\:dark, html.dark .sf-c-txt-lime\:50\:dark { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:60\:dark, html.dark .sf-c-txt-lime\:60\:dark { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:70\:dark, html.dark .sf-c-txt-lime\:70\:dark { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:80\:dark, html.dark .sf-c-txt-lime\:80\:dark { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:90\:dark, html.dark .sf-c-txt-lime\:90\:dark { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:100\:dark, html.dark .sf-c-txt-lime\:100\:dark { color: hsl(120, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lime, html.auto .sf-c-lime { color: hsl(var(--sf-dark-c-txt-lime-10)); background: hsl(var(--sf-dark-c-lime)) } html[data-theme='auto'] .sf-c-lime\:0, html.auto .sf-c-lime\:0 { color: hsl(var(--sf-dark-c-txt-lime-90)); background: hsl(var(--sf-dark-c-lime-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-lime\:100\:dark, html.var.dark .sf-c-lime\:100 html[data-theme='auto'] .sf-c-lime\:90\:dark, html.auto .sf-c-lime\:90\:dark { color: hsl(var(--sf-c-txt-lime-90)); background: hsl(var(--sf-c-lime-10)) } html[data-theme='auto'] .sf-c-lime\:100\:dark, html.auto .sf-c-lime\:100\:dark { color: hsl(var(--sf-c-txt-lime-90)); background: hsl(var(--sf-c-lime-0)) } + html[data-theme='auto'] .sf-c-txt-lime, html.auto .sf-c-txt-lime { color: hsl(var(--sf-c-txt-lime)) } + html[data-theme='auto'] .sf-c-txt-lime\:0, html.auto .sf-c-txt-lime\:0 { color: hsl(var(--sf-c-txt-lime-0)) } + html[data-theme='auto'] .sf-c-txt-lime\:10, html.auto .sf-c-txt-lime\:10 { color: hsl(var(--sf-c-txt-lime-10)) } + html[data-theme='auto'] .sf-c-txt-lime\:20, html.auto .sf-c-txt-lime\:20 { color: hsl(var(--sf-c-txt-lime-20)) } + html[data-theme='auto'] .sf-c-txt-lime\:30, html.auto .sf-c-txt-lime\:30 { color: hsl(var(--sf-c-txt-lime-30)) } + html[data-theme='auto'] .sf-c-txt-lime\:40, html.auto .sf-c-txt-lime\:40 { color: hsl(var(--sf-c-txt-lime-40)) } + html[data-theme='auto'] .sf-c-txt-lime\:50, html.auto .sf-c-txt-lime\:50 { color: hsl(var(--sf-c-txt-lime-50)) } + html[data-theme='auto'] .sf-c-txt-lime\:60, html.auto .sf-c-txt-lime\:60 { color: hsl(var(--sf-c-txt-lime-60)) } + html[data-theme='auto'] .sf-c-txt-lime\:70, html.auto .sf-c-txt-lime\:70 { color: hsl(var(--sf-c-txt-lime-70)) } + html[data-theme='auto'] .sf-c-txt-lime\:80, html.auto .sf-c-txt-lime\:80 { color: hsl(var(--sf-c-txt-lime-80)) } + html[data-theme='auto'] .sf-c-txt-lime\:90, html.auto .sf-c-txt-lime\:90 { color: hsl(var(--sf-c-txt-lime-90)) } + html[data-theme='auto'] .sf-c-txt-lime\:100, html.auto .sf-c-txt-lime\:100 { color: hsl(var(--sf-c-txt-lime-100)) } + + html[data-theme='auto'] .sf-c-txt-lime\:dark, html.auto .sf-c-txt-lime\:dark { color: hsl(var(--sf-c-txt-lime)) } + html[data-theme='auto'] .sf-c-txt-lime\:0\:dark, html.auto .sf-c-txt-lime\:0\:dark { color: hsl(var(--sf-c-txt-lime-0)) } + html[data-theme='auto'] .sf-c-txt-lime\:10\:dark, html.auto .sf-c-txt-lime\:10\:dark { color: hsl(var(--sf-c-txt-lime-10)) } + html[data-theme='auto'] .sf-c-txt-lime\:20\:dark, html.auto .sf-c-txt-lime\:20\:dark { color: hsl(var(--sf-c-txt-lime-20)) } + html[data-theme='auto'] .sf-c-txt-lime\:30\:dark, html.auto .sf-c-txt-lime\:30\:dark { color: hsl(var(--sf-c-txt-lime-30)) } + html[data-theme='auto'] .sf-c-txt-lime\:40\:dark, html.auto .sf-c-txt-lime\:40\:dark { color: hsl(var(--sf-c-txt-lime-40)) } + html[data-theme='auto'] .sf-c-txt-lime\:50\:dark, html.auto .sf-c-txt-lime\:50\:dark { color: hsl(var(--sf-c-txt-lime-50)) } + html[data-theme='auto'] .sf-c-txt-lime\:60\:dark, html.auto .sf-c-txt-lime\:60\:dark { color: hsl(var(--sf-c-txt-lime-60)) } + html[data-theme='auto'] .sf-c-txt-lime\:70\:dark, html.auto .sf-c-txt-lime\:70\:dark { color: hsl(var(--sf-c-txt-lime-70)) } + html[data-theme='auto'] .sf-c-txt-lime\:80\:dark, html.auto .sf-c-txt-lime\:80\:dark { color: hsl(var(--sf-c-txt-lime-80)) } + html[data-theme='auto'] .sf-c-txt-lime\:90\:dark, html.auto .sf-c-txt-lime\:90\:dark { color: hsl(var(--sf-c-txt-lime-90)) } + html[data-theme='auto'] .sf-c-txt-lime\:100\:dark, html.auto .sf-c-txt-lime\:100\:dark { color: hsl(var(--sf-c-txt-lime-100)) } + html.var[data-theme='auto'] .sf-c-lime, html.var.auto .sf-c-lime { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 50%) } html.var[data-theme='auto'] .sf-c-lime\:0, html.var.auto .sf-c-lime\:0 { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lime\:10, html.var.auto .sf-c-lime\:10 { color: hsl(120, 100%, 10%); background: hsl(120, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-lime\:100\:dark, html.var.dark .sf-c-lime\:100 html.var[data-theme='auto'] .sf-c-lime\:80\:dark, html.var.auto .sf-c-lime\:80\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 20%) } html.var[data-theme='auto'] .sf-c-lime\:90\:dark, html.var.auto .sf-c-lime\:90\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lime\:100\:dark, html.var.auto .sf-c-lime\:100\:dark { color: hsl(120, 100%, 90%); background: hsl(120, 100%, 0%) } -} -.sf-c-txt-lime { color: hsl(var(--sf-c-txt-lime)) } -.sf-c-txt-lime\:0 { color: hsl(var(--sf-c-txt-lime-0)) } -.sf-c-txt-lime\:10 { color: hsl(var(--sf-c-txt-lime-10)) } -.sf-c-txt-lime\:20 { color: hsl(var(--sf-c-txt-lime-20)) } -.sf-c-txt-lime\:30 { color: hsl(var(--sf-c-txt-lime-30)) } -.sf-c-txt-lime\:40 { color: hsl(var(--sf-c-txt-lime-40)) } -.sf-c-txt-lime\:50 { color: hsl(var(--sf-c-txt-lime-50)) } -.sf-c-txt-lime\:60 { color: hsl(var(--sf-c-txt-lime-60)) } -.sf-c-txt-lime\:70 { color: hsl(var(--sf-c-txt-lime-70)) } -.sf-c-txt-lime\:80 { color: hsl(var(--sf-c-txt-lime-80)) } -.sf-c-txt-lime\:90 { color: hsl(var(--sf-c-txt-lime-90)) } -.sf-c-txt-lime\:100 { color: hsl(var(--sf-c-txt-lime-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lime, html.auto .sf-c-txt-lime { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:0, html.auto .sf-c-txt-lime\:0 { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:10, html.auto .sf-c-txt-lime\:10 { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:20, html.auto .sf-c-txt-lime\:20 { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:30, html.auto .sf-c-txt-lime\:30 { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:40, html.auto .sf-c-txt-lime\:40 { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:50, html.auto .sf-c-txt-lime\:50 { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:60, html.auto .sf-c-txt-lime\:60 { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:70, html.auto .sf-c-txt-lime\:70 { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:80, html.auto .sf-c-txt-lime\:80 { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:90, html.auto .sf-c-txt-lime\:90 { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:100, html.auto .sf-c-txt-lime\:100 { color: hsl(120, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lime\:dark, html.auto .sf-c-txt-lime\:dark { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:0\:dark, html.auto .sf-c-txt-lime\:0\:dark { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:10\:dark, html.auto .sf-c-txt-lime\:10\:dark { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:20\:dark, html.auto .sf-c-txt-lime\:20\:dark { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:30\:dark, html.auto .sf-c-txt-lime\:30\:dark { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:40\:dark, html.auto .sf-c-txt-lime\:40\:dark { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:50\:dark, html.auto .sf-c-txt-lime\:50\:dark { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:60\:dark, html.auto .sf-c-txt-lime\:60\:dark { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:70\:dark, html.auto .sf-c-txt-lime\:70\:dark { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:80\:dark, html.auto .sf-c-txt-lime\:80\:dark { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:90\:dark, html.auto .sf-c-txt-lime\:90\:dark { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:100\:dark, html.auto .sf-c-txt-lime\:100\:dark { color: hsl(120, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/limegreen.css b/src/colors/10/limegreen.css index 82f54c7..ecaf41f 100644 --- a/src/colors/10/limegreen.css +++ b/src/colors/10/limegreen.css @@ -78,6 +78,32 @@ html.var .sf-c-limegreen\:80 { color: hsl(120, 61%, 10%); background: hsl(120, 6 html.var .sf-c-limegreen\:90 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } html.var .sf-c-limegreen\:100 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 100%) } +.sf-c-txt-limegreen { color: hsl(var(--sf-dark-c-txt-limegreen)) } +.sf-c-txt-limegreen\:0 { color: hsl(var(--sf-dark-c-txt-limegreen-100)) } +.sf-c-txt-limegreen\:10 { color: hsl(var(--sf-dark-c-txt-limegreen-90)) } +.sf-c-txt-limegreen\:20 { color: hsl(var(--sf-dark-c-txt-limegreen-80)) } +.sf-c-txt-limegreen\:30 { color: hsl(var(--sf-dark-c-txt-limegreen-70)) } +.sf-c-txt-limegreen\:40 { color: hsl(var(--sf-dark-c-txt-limegreen-60)) } +.sf-c-txt-limegreen\:50 { color: hsl(var(--sf-dark-c-txt-limegreen-50)) } +.sf-c-txt-limegreen\:60 { color: hsl(var(--sf-dark-c-txt-limegreen-40)) } +.sf-c-txt-limegreen\:70 { color: hsl(var(--sf-dark-c-txt-limegreen-30)) } +.sf-c-txt-limegreen\:80 { color: hsl(var(--sf-dark-c-txt-limegreen-20)) } +.sf-c-txt-limegreen\:90 { color: hsl(var(--sf-dark-c-txt-limegreen-10)) } +.sf-c-txt-limegreen\:100 { color: hsl(var(--sf-dark-c-txt-limegreen-0)) } + +html.var .sf-c-txt-limegreen { color: hsl(120, 61%, 50%) } +html.var .sf-c-txt-limegreen\:0 { color: hsl(120, 61%, 100%) } +html.var .sf-c-txt-limegreen\:10 { color: hsl(120, 61%, 90%) } +html.var .sf-c-txt-limegreen\:20 { color: hsl(120, 61%, 80%) } +html.var .sf-c-txt-limegreen\:30 { color: hsl(120, 61%, 70%) } +html.var .sf-c-txt-limegreen\:40 { color: hsl(120, 61%, 60%) } +html.var .sf-c-txt-limegreen\:50 { color: hsl(120, 61%, 50%) } +html.var .sf-c-txt-limegreen\:60 { color: hsl(120, 61%, 40%) } +html.var .sf-c-txt-limegreen\:70 { color: hsl(120, 61%, 30%) } +html.var .sf-c-txt-limegreen\:80 { color: hsl(120, 61%, 20%) } +html.var .sf-c-txt-limegreen\:90 { color: hsl(120, 61%, 10%) } +html.var .sf-c-txt-limegreen\:100 { color: hsl(120, 61%, 0%) } + html[data-theme='dark'] .sf-c-limegreen, html.dark .sf-c-limegreen { color: hsl(var(--sf-dark-c-txt-limegreen-10)); background: hsl(var(--sf-dark-c-limegreen)) } html[data-theme='dark'] .sf-c-limegreen\:0, html.dark .sf-c-limegreen\:0 { color: hsl(var(--sf-dark-c-txt-limegreen-90)); background: hsl(var(--sf-dark-c-limegreen-100)) } html[data-theme='dark'] .sf-c-limegreen\:10, html.dark .sf-c-limegreen\:10 { color: hsl(var(--sf-dark-c-txt-limegreen-10)); background: hsl(var(--sf-dark-c-limegreen-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-limegreen\:80\:dark, html.dark .sf-c-limegreen\:80 html[data-theme='dark'] .sf-c-limegreen\:90\:dark, html.dark .sf-c-limegreen\:90\:dark { color: hsl(var(--sf-c-txt-limegreen-90)); background: hsl(var(--sf-c-limegreen-10)) } html[data-theme='dark'] .sf-c-limegreen\:100\:dark, html.dark .sf-c-limegreen\:100\:dark { color: hsl(var(--sf-c-txt-limegreen-90)); background: hsl(var(--sf-c-limegreen-0)) } +html[data-theme='dark'] .sf-c-txt-limegreen, html.dark .sf-c-txt-limegreen { color: hsl(var(--sf-c-txt-limegreen)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:0, html.dark .sf-c-txt-limegreen\:0 { color: hsl(var(--sf-c-txt-limegreen-0)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:10, html.dark .sf-c-txt-limegreen\:10 { color: hsl(var(--sf-c-txt-limegreen-10)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:20, html.dark .sf-c-txt-limegreen\:20 { color: hsl(var(--sf-c-txt-limegreen-20)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:30, html.dark .sf-c-txt-limegreen\:30 { color: hsl(var(--sf-c-txt-limegreen-30)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:40, html.dark .sf-c-txt-limegreen\:40 { color: hsl(var(--sf-c-txt-limegreen-40)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:50, html.dark .sf-c-txt-limegreen\:50 { color: hsl(var(--sf-c-txt-limegreen-50)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:60, html.dark .sf-c-txt-limegreen\:60 { color: hsl(var(--sf-c-txt-limegreen-60)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:70, html.dark .sf-c-txt-limegreen\:70 { color: hsl(var(--sf-c-txt-limegreen-70)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:80, html.dark .sf-c-txt-limegreen\:80 { color: hsl(var(--sf-c-txt-limegreen-80)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:90, html.dark .sf-c-txt-limegreen\:90 { color: hsl(var(--sf-c-txt-limegreen-90)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:100, html.dark .sf-c-txt-limegreen\:100 { color: hsl(var(--sf-c-txt-limegreen-100)) } + +html[data-theme='dark'] .sf-c-txt-limegreen\:dark, html.dark .sf-c-txt-limegreen\:dark { color: hsl(var(--sf-c-txt-limegreen)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:0\:dark, html.dark .sf-c-txt-limegreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-0)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:10\:dark, html.dark .sf-c-txt-limegreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-10)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:20\:dark, html.dark .sf-c-txt-limegreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-20)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:30\:dark, html.dark .sf-c-txt-limegreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-30)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:40\:dark, html.dark .sf-c-txt-limegreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-40)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:50\:dark, html.dark .sf-c-txt-limegreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-50)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:60\:dark, html.dark .sf-c-txt-limegreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-60)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:70\:dark, html.dark .sf-c-txt-limegreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-70)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:80\:dark, html.dark .sf-c-txt-limegreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-80)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:90\:dark, html.dark .sf-c-txt-limegreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-90)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:100\:dark, html.dark .sf-c-txt-limegreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-100)) } + html.var[data-theme='dark'] .sf-c-limegreen, html.var.dark .sf-c-limegreen { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } html.var[data-theme='dark'] .sf-c-limegreen\:0, html.var.dark .sf-c-limegreen\:0 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 100%) } html.var[data-theme='dark'] .sf-c-limegreen\:10, html.var.dark .sf-c-limegreen\:10 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-limegreen\:80\:dark, html.var.dark .sf-c-limeg html.var[data-theme='dark'] .sf-c-limegreen\:90\:dark, html.var.dark .sf-c-limegreen\:90\:dark { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 10%) } html.var[data-theme='dark'] .sf-c-limegreen\:100\:dark, html.var.dark .sf-c-limegreen\:100\:dark { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen, html.dark .sf-c-txt-limegreen { color: hsl(120, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:0, html.dark .sf-c-txt-limegreen\:0 { color: hsl(120, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:10, html.dark .sf-c-txt-limegreen\:10 { color: hsl(120, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:20, html.dark .sf-c-txt-limegreen\:20 { color: hsl(120, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:30, html.dark .sf-c-txt-limegreen\:30 { color: hsl(120, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:40, html.dark .sf-c-txt-limegreen\:40 { color: hsl(120, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:50, html.dark .sf-c-txt-limegreen\:50 { color: hsl(120, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:60, html.dark .sf-c-txt-limegreen\:60 { color: hsl(120, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:70, html.dark .sf-c-txt-limegreen\:70 { color: hsl(120, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:80, html.dark .sf-c-txt-limegreen\:80 { color: hsl(120, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:90, html.dark .sf-c-txt-limegreen\:90 { color: hsl(120, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:100, html.dark .sf-c-txt-limegreen\:100 { color: hsl(120, 61%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-limegreen\:dark, html.dark .sf-c-txt-limegreen\:dark { color: hsl(120, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:0\:dark, html.dark .sf-c-txt-limegreen\:0\:dark { color: hsl(120, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:10\:dark, html.dark .sf-c-txt-limegreen\:10\:dark { color: hsl(120, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:20\:dark, html.dark .sf-c-txt-limegreen\:20\:dark { color: hsl(120, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:30\:dark, html.dark .sf-c-txt-limegreen\:30\:dark { color: hsl(120, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:40\:dark, html.dark .sf-c-txt-limegreen\:40\:dark { color: hsl(120, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:50\:dark, html.dark .sf-c-txt-limegreen\:50\:dark { color: hsl(120, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:60\:dark, html.dark .sf-c-txt-limegreen\:60\:dark { color: hsl(120, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:70\:dark, html.dark .sf-c-txt-limegreen\:70\:dark { color: hsl(120, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:80\:dark, html.dark .sf-c-txt-limegreen\:80\:dark { color: hsl(120, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:90\:dark, html.dark .sf-c-txt-limegreen\:90\:dark { color: hsl(120, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:100\:dark, html.dark .sf-c-txt-limegreen\:100\:dark { color: hsl(120, 61%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-limegreen, html.auto .sf-c-limegreen { color: hsl(var(--sf-dark-c-txt-limegreen-10)); background: hsl(var(--sf-dark-c-limegreen)) } html[data-theme='auto'] .sf-c-limegreen\:0, html.auto .sf-c-limegreen\:0 { color: hsl(var(--sf-dark-c-txt-limegreen-90)); background: hsl(var(--sf-dark-c-limegreen-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-limegreen\:100\:dark, html.var.dark .sf-c-lime html[data-theme='auto'] .sf-c-limegreen\:90\:dark, html.auto .sf-c-limegreen\:90\:dark { color: hsl(var(--sf-c-txt-limegreen-90)); background: hsl(var(--sf-c-limegreen-10)) } html[data-theme='auto'] .sf-c-limegreen\:100\:dark, html.auto .sf-c-limegreen\:100\:dark { color: hsl(var(--sf-c-txt-limegreen-90)); background: hsl(var(--sf-c-limegreen-0)) } + html[data-theme='auto'] .sf-c-txt-limegreen, html.auto .sf-c-txt-limegreen { color: hsl(var(--sf-c-txt-limegreen)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:0, html.auto .sf-c-txt-limegreen\:0 { color: hsl(var(--sf-c-txt-limegreen-0)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:10, html.auto .sf-c-txt-limegreen\:10 { color: hsl(var(--sf-c-txt-limegreen-10)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:20, html.auto .sf-c-txt-limegreen\:20 { color: hsl(var(--sf-c-txt-limegreen-20)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:30, html.auto .sf-c-txt-limegreen\:30 { color: hsl(var(--sf-c-txt-limegreen-30)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:40, html.auto .sf-c-txt-limegreen\:40 { color: hsl(var(--sf-c-txt-limegreen-40)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:50, html.auto .sf-c-txt-limegreen\:50 { color: hsl(var(--sf-c-txt-limegreen-50)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:60, html.auto .sf-c-txt-limegreen\:60 { color: hsl(var(--sf-c-txt-limegreen-60)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:70, html.auto .sf-c-txt-limegreen\:70 { color: hsl(var(--sf-c-txt-limegreen-70)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:80, html.auto .sf-c-txt-limegreen\:80 { color: hsl(var(--sf-c-txt-limegreen-80)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:90, html.auto .sf-c-txt-limegreen\:90 { color: hsl(var(--sf-c-txt-limegreen-90)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:100, html.auto .sf-c-txt-limegreen\:100 { color: hsl(var(--sf-c-txt-limegreen-100)) } + + html[data-theme='auto'] .sf-c-txt-limegreen\:dark, html.auto .sf-c-txt-limegreen\:dark { color: hsl(var(--sf-c-txt-limegreen)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:0\:dark, html.auto .sf-c-txt-limegreen\:0\:dark { color: hsl(var(--sf-c-txt-limegreen-0)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:10\:dark, html.auto .sf-c-txt-limegreen\:10\:dark { color: hsl(var(--sf-c-txt-limegreen-10)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:20\:dark, html.auto .sf-c-txt-limegreen\:20\:dark { color: hsl(var(--sf-c-txt-limegreen-20)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:30\:dark, html.auto .sf-c-txt-limegreen\:30\:dark { color: hsl(var(--sf-c-txt-limegreen-30)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:40\:dark, html.auto .sf-c-txt-limegreen\:40\:dark { color: hsl(var(--sf-c-txt-limegreen-40)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:50\:dark, html.auto .sf-c-txt-limegreen\:50\:dark { color: hsl(var(--sf-c-txt-limegreen-50)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:60\:dark, html.auto .sf-c-txt-limegreen\:60\:dark { color: hsl(var(--sf-c-txt-limegreen-60)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:70\:dark, html.auto .sf-c-txt-limegreen\:70\:dark { color: hsl(var(--sf-c-txt-limegreen-70)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:80\:dark, html.auto .sf-c-txt-limegreen\:80\:dark { color: hsl(var(--sf-c-txt-limegreen-80)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:90\:dark, html.auto .sf-c-txt-limegreen\:90\:dark { color: hsl(var(--sf-c-txt-limegreen-90)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:100\:dark, html.auto .sf-c-txt-limegreen\:100\:dark { color: hsl(var(--sf-c-txt-limegreen-100)) } + html.var[data-theme='auto'] .sf-c-limegreen, html.var.auto .sf-c-limegreen { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 50%) } html.var[data-theme='auto'] .sf-c-limegreen\:0, html.var.auto .sf-c-limegreen\:0 { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 100%) } html.var[data-theme='auto'] .sf-c-limegreen\:10, html.var.auto .sf-c-limegreen\:10 { color: hsl(120, 61%, 10%); background: hsl(120, 61%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-limegreen\:100\:dark, html.var.dark .sf-c-lime html.var[data-theme='auto'] .sf-c-limegreen\:80\:dark, html.var.auto .sf-c-limegreen\:80\:dark { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 20%) } html.var[data-theme='auto'] .sf-c-limegreen\:90\:dark, html.var.auto .sf-c-limegreen\:90\:dark { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 10%) } html.var[data-theme='auto'] .sf-c-limegreen\:100\:dark, html.var.auto .sf-c-limegreen\:100\:dark { color: hsl(120, 61%, 90%); background: hsl(120, 61%, 0%) } -} -.sf-c-txt-limegreen { color: hsl(var(--sf-c-txt-limegreen)) } -.sf-c-txt-limegreen\:0 { color: hsl(var(--sf-c-txt-limegreen-0)) } -.sf-c-txt-limegreen\:10 { color: hsl(var(--sf-c-txt-limegreen-10)) } -.sf-c-txt-limegreen\:20 { color: hsl(var(--sf-c-txt-limegreen-20)) } -.sf-c-txt-limegreen\:30 { color: hsl(var(--sf-c-txt-limegreen-30)) } -.sf-c-txt-limegreen\:40 { color: hsl(var(--sf-c-txt-limegreen-40)) } -.sf-c-txt-limegreen\:50 { color: hsl(var(--sf-c-txt-limegreen-50)) } -.sf-c-txt-limegreen\:60 { color: hsl(var(--sf-c-txt-limegreen-60)) } -.sf-c-txt-limegreen\:70 { color: hsl(var(--sf-c-txt-limegreen-70)) } -.sf-c-txt-limegreen\:80 { color: hsl(var(--sf-c-txt-limegreen-80)) } -.sf-c-txt-limegreen\:90 { color: hsl(var(--sf-c-txt-limegreen-90)) } -.sf-c-txt-limegreen\:100 { color: hsl(var(--sf-c-txt-limegreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-limegreen, html.auto .sf-c-txt-limegreen { color: hsl(120, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:0, html.auto .sf-c-txt-limegreen\:0 { color: hsl(120, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:10, html.auto .sf-c-txt-limegreen\:10 { color: hsl(120, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:20, html.auto .sf-c-txt-limegreen\:20 { color: hsl(120, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:30, html.auto .sf-c-txt-limegreen\:30 { color: hsl(120, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:40, html.auto .sf-c-txt-limegreen\:40 { color: hsl(120, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:50, html.auto .sf-c-txt-limegreen\:50 { color: hsl(120, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:60, html.auto .sf-c-txt-limegreen\:60 { color: hsl(120, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:70, html.auto .sf-c-txt-limegreen\:70 { color: hsl(120, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:80, html.auto .sf-c-txt-limegreen\:80 { color: hsl(120, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:90, html.auto .sf-c-txt-limegreen\:90 { color: hsl(120, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:100, html.auto .sf-c-txt-limegreen\:100 { color: hsl(120, 61%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-limegreen\:dark, html.auto .sf-c-txt-limegreen\:dark { color: hsl(120, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:0\:dark, html.auto .sf-c-txt-limegreen\:0\:dark { color: hsl(120, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:10\:dark, html.auto .sf-c-txt-limegreen\:10\:dark { color: hsl(120, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:20\:dark, html.auto .sf-c-txt-limegreen\:20\:dark { color: hsl(120, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:30\:dark, html.auto .sf-c-txt-limegreen\:30\:dark { color: hsl(120, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:40\:dark, html.auto .sf-c-txt-limegreen\:40\:dark { color: hsl(120, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:50\:dark, html.auto .sf-c-txt-limegreen\:50\:dark { color: hsl(120, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:60\:dark, html.auto .sf-c-txt-limegreen\:60\:dark { color: hsl(120, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:70\:dark, html.auto .sf-c-txt-limegreen\:70\:dark { color: hsl(120, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:80\:dark, html.auto .sf-c-txt-limegreen\:80\:dark { color: hsl(120, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:90\:dark, html.auto .sf-c-txt-limegreen\:90\:dark { color: hsl(120, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:100\:dark, html.auto .sf-c-txt-limegreen\:100\:dark { color: hsl(120, 61%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/linen.css b/src/colors/10/linen.css index c0d1c32..0c5edfb 100644 --- a/src/colors/10/linen.css +++ b/src/colors/10/linen.css @@ -78,6 +78,32 @@ html.var .sf-c-linen\:80 { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 80 html.var .sf-c-linen\:90 { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 90%) } html.var .sf-c-linen\:100 { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 100%) } +.sf-c-txt-linen { color: hsl(var(--sf-dark-c-txt-linen)) } +.sf-c-txt-linen\:0 { color: hsl(var(--sf-dark-c-txt-linen-100)) } +.sf-c-txt-linen\:10 { color: hsl(var(--sf-dark-c-txt-linen-90)) } +.sf-c-txt-linen\:20 { color: hsl(var(--sf-dark-c-txt-linen-80)) } +.sf-c-txt-linen\:30 { color: hsl(var(--sf-dark-c-txt-linen-70)) } +.sf-c-txt-linen\:40 { color: hsl(var(--sf-dark-c-txt-linen-60)) } +.sf-c-txt-linen\:50 { color: hsl(var(--sf-dark-c-txt-linen-50)) } +.sf-c-txt-linen\:60 { color: hsl(var(--sf-dark-c-txt-linen-40)) } +.sf-c-txt-linen\:70 { color: hsl(var(--sf-dark-c-txt-linen-30)) } +.sf-c-txt-linen\:80 { color: hsl(var(--sf-dark-c-txt-linen-20)) } +.sf-c-txt-linen\:90 { color: hsl(var(--sf-dark-c-txt-linen-10)) } +.sf-c-txt-linen\:100 { color: hsl(var(--sf-dark-c-txt-linen-0)) } + +html.var .sf-c-txt-linen { color: hsl(30, 67%, 6%) } +html.var .sf-c-txt-linen\:0 { color: hsl(30, 67%, 100%) } +html.var .sf-c-txt-linen\:10 { color: hsl(30, 67%, 90%) } +html.var .sf-c-txt-linen\:20 { color: hsl(30, 67%, 80%) } +html.var .sf-c-txt-linen\:30 { color: hsl(30, 67%, 70%) } +html.var .sf-c-txt-linen\:40 { color: hsl(30, 67%, 60%) } +html.var .sf-c-txt-linen\:50 { color: hsl(30, 67%, 50%) } +html.var .sf-c-txt-linen\:60 { color: hsl(30, 67%, 40%) } +html.var .sf-c-txt-linen\:70 { color: hsl(30, 67%, 30%) } +html.var .sf-c-txt-linen\:80 { color: hsl(30, 67%, 20%) } +html.var .sf-c-txt-linen\:90 { color: hsl(30, 67%, 10%) } +html.var .sf-c-txt-linen\:100 { color: hsl(30, 67%, 0%) } + html[data-theme='dark'] .sf-c-linen, html.dark .sf-c-linen { color: hsl(var(--sf-dark-c-txt-linen-90)); background: hsl(var(--sf-dark-c-linen)) } html[data-theme='dark'] .sf-c-linen\:0, html.dark .sf-c-linen\:0 { color: hsl(var(--sf-dark-c-txt-linen-90)); background: hsl(var(--sf-dark-c-linen-100)) } html[data-theme='dark'] .sf-c-linen\:10, html.dark .sf-c-linen\:10 { color: hsl(var(--sf-dark-c-txt-linen-10)); background: hsl(var(--sf-dark-c-linen-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-linen\:80\:dark, html.dark .sf-c-linen\:80\:dark { html[data-theme='dark'] .sf-c-linen\:90\:dark, html.dark .sf-c-linen\:90\:dark { color: hsl(var(--sf-c-txt-linen-90)); background: hsl(var(--sf-c-linen-10)) } html[data-theme='dark'] .sf-c-linen\:100\:dark, html.dark .sf-c-linen\:100\:dark { color: hsl(var(--sf-c-txt-linen-90)); background: hsl(var(--sf-c-linen-0)) } +html[data-theme='dark'] .sf-c-txt-linen, html.dark .sf-c-txt-linen { color: hsl(var(--sf-c-txt-linen)) } +html[data-theme='dark'] .sf-c-txt-linen\:0, html.dark .sf-c-txt-linen\:0 { color: hsl(var(--sf-c-txt-linen-0)) } +html[data-theme='dark'] .sf-c-txt-linen\:10, html.dark .sf-c-txt-linen\:10 { color: hsl(var(--sf-c-txt-linen-10)) } +html[data-theme='dark'] .sf-c-txt-linen\:20, html.dark .sf-c-txt-linen\:20 { color: hsl(var(--sf-c-txt-linen-20)) } +html[data-theme='dark'] .sf-c-txt-linen\:30, html.dark .sf-c-txt-linen\:30 { color: hsl(var(--sf-c-txt-linen-30)) } +html[data-theme='dark'] .sf-c-txt-linen\:40, html.dark .sf-c-txt-linen\:40 { color: hsl(var(--sf-c-txt-linen-40)) } +html[data-theme='dark'] .sf-c-txt-linen\:50, html.dark .sf-c-txt-linen\:50 { color: hsl(var(--sf-c-txt-linen-50)) } +html[data-theme='dark'] .sf-c-txt-linen\:60, html.dark .sf-c-txt-linen\:60 { color: hsl(var(--sf-c-txt-linen-60)) } +html[data-theme='dark'] .sf-c-txt-linen\:70, html.dark .sf-c-txt-linen\:70 { color: hsl(var(--sf-c-txt-linen-70)) } +html[data-theme='dark'] .sf-c-txt-linen\:80, html.dark .sf-c-txt-linen\:80 { color: hsl(var(--sf-c-txt-linen-80)) } +html[data-theme='dark'] .sf-c-txt-linen\:90, html.dark .sf-c-txt-linen\:90 { color: hsl(var(--sf-c-txt-linen-90)) } +html[data-theme='dark'] .sf-c-txt-linen\:100, html.dark .sf-c-txt-linen\:100 { color: hsl(var(--sf-c-txt-linen-100)) } + +html[data-theme='dark'] .sf-c-txt-linen\:dark, html.dark .sf-c-txt-linen\:dark { color: hsl(var(--sf-c-txt-linen)) } +html[data-theme='dark'] .sf-c-txt-linen\:0\:dark, html.dark .sf-c-txt-linen\:0\:dark { color: hsl(var(--sf-dark-c-txt-linen-0)) } +html[data-theme='dark'] .sf-c-txt-linen\:10\:dark, html.dark .sf-c-txt-linen\:10\:dark { color: hsl(var(--sf-dark-c-txt-linen-10)) } +html[data-theme='dark'] .sf-c-txt-linen\:20\:dark, html.dark .sf-c-txt-linen\:20\:dark { color: hsl(var(--sf-dark-c-txt-linen-20)) } +html[data-theme='dark'] .sf-c-txt-linen\:30\:dark, html.dark .sf-c-txt-linen\:30\:dark { color: hsl(var(--sf-dark-c-txt-linen-30)) } +html[data-theme='dark'] .sf-c-txt-linen\:40\:dark, html.dark .sf-c-txt-linen\:40\:dark { color: hsl(var(--sf-dark-c-txt-linen-40)) } +html[data-theme='dark'] .sf-c-txt-linen\:50\:dark, html.dark .sf-c-txt-linen\:50\:dark { color: hsl(var(--sf-dark-c-txt-linen-50)) } +html[data-theme='dark'] .sf-c-txt-linen\:60\:dark, html.dark .sf-c-txt-linen\:60\:dark { color: hsl(var(--sf-dark-c-txt-linen-60)) } +html[data-theme='dark'] .sf-c-txt-linen\:70\:dark, html.dark .sf-c-txt-linen\:70\:dark { color: hsl(var(--sf-dark-c-txt-linen-70)) } +html[data-theme='dark'] .sf-c-txt-linen\:80\:dark, html.dark .sf-c-txt-linen\:80\:dark { color: hsl(var(--sf-dark-c-txt-linen-80)) } +html[data-theme='dark'] .sf-c-txt-linen\:90\:dark, html.dark .sf-c-txt-linen\:90\:dark { color: hsl(var(--sf-dark-c-txt-linen-90)) } +html[data-theme='dark'] .sf-c-txt-linen\:100\:dark, html.dark .sf-c-txt-linen\:100\:dark { color: hsl(var(--sf-dark-c-txt-linen-100)) } + html.var[data-theme='dark'] .sf-c-linen, html.var.dark .sf-c-linen { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 6%) } html.var[data-theme='dark'] .sf-c-linen\:0, html.var.dark .sf-c-linen\:0 { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 100%) } html.var[data-theme='dark'] .sf-c-linen\:10, html.var.dark .sf-c-linen\:10 { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-linen\:80\:dark, html.var.dark .sf-c-linen\:80 html.var[data-theme='dark'] .sf-c-linen\:90\:dark, html.var.dark .sf-c-linen\:90\:dark { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 10%) } html.var[data-theme='dark'] .sf-c-linen\:100\:dark, html.var.dark .sf-c-linen\:100\:dark { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-linen, html.dark .sf-c-txt-linen { color: hsl(30, 67%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:0, html.dark .sf-c-txt-linen\:0 { color: hsl(30, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:10, html.dark .sf-c-txt-linen\:10 { color: hsl(30, 67%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:20, html.dark .sf-c-txt-linen\:20 { color: hsl(30, 67%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:30, html.dark .sf-c-txt-linen\:30 { color: hsl(30, 67%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:40, html.dark .sf-c-txt-linen\:40 { color: hsl(30, 67%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:50, html.dark .sf-c-txt-linen\:50 { color: hsl(30, 67%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:60, html.dark .sf-c-txt-linen\:60 { color: hsl(30, 67%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:70, html.dark .sf-c-txt-linen\:70 { color: hsl(30, 67%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:80, html.dark .sf-c-txt-linen\:80 { color: hsl(30, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:90, html.dark .sf-c-txt-linen\:90 { color: hsl(30, 67%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:100, html.dark .sf-c-txt-linen\:100 { color: hsl(30, 67%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-linen\:dark, html.dark .sf-c-txt-linen\:dark { color: hsl(30, 67%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:0\:dark, html.dark .sf-c-txt-linen\:0\:dark { color: hsl(30, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:10\:dark, html.dark .sf-c-txt-linen\:10\:dark { color: hsl(30, 67%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:20\:dark, html.dark .sf-c-txt-linen\:20\:dark { color: hsl(30, 67%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:30\:dark, html.dark .sf-c-txt-linen\:30\:dark { color: hsl(30, 67%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:40\:dark, html.dark .sf-c-txt-linen\:40\:dark { color: hsl(30, 67%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:50\:dark, html.dark .sf-c-txt-linen\:50\:dark { color: hsl(30, 67%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:60\:dark, html.dark .sf-c-txt-linen\:60\:dark { color: hsl(30, 67%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:70\:dark, html.dark .sf-c-txt-linen\:70\:dark { color: hsl(30, 67%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:80\:dark, html.dark .sf-c-txt-linen\:80\:dark { color: hsl(30, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:90\:dark, html.dark .sf-c-txt-linen\:90\:dark { color: hsl(30, 67%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:100\:dark, html.dark .sf-c-txt-linen\:100\:dark { color: hsl(30, 67%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-linen, html.auto .sf-c-linen { color: hsl(var(--sf-dark-c-txt-linen-90)); background: hsl(var(--sf-dark-c-linen)) } html[data-theme='auto'] .sf-c-linen\:0, html.auto .sf-c-linen\:0 { color: hsl(var(--sf-dark-c-txt-linen-90)); background: hsl(var(--sf-dark-c-linen-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-linen\:100\:dark, html.var.dark .sf-c-linen\:1 html[data-theme='auto'] .sf-c-linen\:90\:dark, html.auto .sf-c-linen\:90\:dark { color: hsl(var(--sf-c-txt-linen-90)); background: hsl(var(--sf-c-linen-10)) } html[data-theme='auto'] .sf-c-linen\:100\:dark, html.auto .sf-c-linen\:100\:dark { color: hsl(var(--sf-c-txt-linen-90)); background: hsl(var(--sf-c-linen-0)) } + html[data-theme='auto'] .sf-c-txt-linen, html.auto .sf-c-txt-linen { color: hsl(var(--sf-c-txt-linen)) } + html[data-theme='auto'] .sf-c-txt-linen\:0, html.auto .sf-c-txt-linen\:0 { color: hsl(var(--sf-c-txt-linen-0)) } + html[data-theme='auto'] .sf-c-txt-linen\:10, html.auto .sf-c-txt-linen\:10 { color: hsl(var(--sf-c-txt-linen-10)) } + html[data-theme='auto'] .sf-c-txt-linen\:20, html.auto .sf-c-txt-linen\:20 { color: hsl(var(--sf-c-txt-linen-20)) } + html[data-theme='auto'] .sf-c-txt-linen\:30, html.auto .sf-c-txt-linen\:30 { color: hsl(var(--sf-c-txt-linen-30)) } + html[data-theme='auto'] .sf-c-txt-linen\:40, html.auto .sf-c-txt-linen\:40 { color: hsl(var(--sf-c-txt-linen-40)) } + html[data-theme='auto'] .sf-c-txt-linen\:50, html.auto .sf-c-txt-linen\:50 { color: hsl(var(--sf-c-txt-linen-50)) } + html[data-theme='auto'] .sf-c-txt-linen\:60, html.auto .sf-c-txt-linen\:60 { color: hsl(var(--sf-c-txt-linen-60)) } + html[data-theme='auto'] .sf-c-txt-linen\:70, html.auto .sf-c-txt-linen\:70 { color: hsl(var(--sf-c-txt-linen-70)) } + html[data-theme='auto'] .sf-c-txt-linen\:80, html.auto .sf-c-txt-linen\:80 { color: hsl(var(--sf-c-txt-linen-80)) } + html[data-theme='auto'] .sf-c-txt-linen\:90, html.auto .sf-c-txt-linen\:90 { color: hsl(var(--sf-c-txt-linen-90)) } + html[data-theme='auto'] .sf-c-txt-linen\:100, html.auto .sf-c-txt-linen\:100 { color: hsl(var(--sf-c-txt-linen-100)) } + + html[data-theme='auto'] .sf-c-txt-linen\:dark, html.auto .sf-c-txt-linen\:dark { color: hsl(var(--sf-c-txt-linen)) } + html[data-theme='auto'] .sf-c-txt-linen\:0\:dark, html.auto .sf-c-txt-linen\:0\:dark { color: hsl(var(--sf-c-txt-linen-0)) } + html[data-theme='auto'] .sf-c-txt-linen\:10\:dark, html.auto .sf-c-txt-linen\:10\:dark { color: hsl(var(--sf-c-txt-linen-10)) } + html[data-theme='auto'] .sf-c-txt-linen\:20\:dark, html.auto .sf-c-txt-linen\:20\:dark { color: hsl(var(--sf-c-txt-linen-20)) } + html[data-theme='auto'] .sf-c-txt-linen\:30\:dark, html.auto .sf-c-txt-linen\:30\:dark { color: hsl(var(--sf-c-txt-linen-30)) } + html[data-theme='auto'] .sf-c-txt-linen\:40\:dark, html.auto .sf-c-txt-linen\:40\:dark { color: hsl(var(--sf-c-txt-linen-40)) } + html[data-theme='auto'] .sf-c-txt-linen\:50\:dark, html.auto .sf-c-txt-linen\:50\:dark { color: hsl(var(--sf-c-txt-linen-50)) } + html[data-theme='auto'] .sf-c-txt-linen\:60\:dark, html.auto .sf-c-txt-linen\:60\:dark { color: hsl(var(--sf-c-txt-linen-60)) } + html[data-theme='auto'] .sf-c-txt-linen\:70\:dark, html.auto .sf-c-txt-linen\:70\:dark { color: hsl(var(--sf-c-txt-linen-70)) } + html[data-theme='auto'] .sf-c-txt-linen\:80\:dark, html.auto .sf-c-txt-linen\:80\:dark { color: hsl(var(--sf-c-txt-linen-80)) } + html[data-theme='auto'] .sf-c-txt-linen\:90\:dark, html.auto .sf-c-txt-linen\:90\:dark { color: hsl(var(--sf-c-txt-linen-90)) } + html[data-theme='auto'] .sf-c-txt-linen\:100\:dark, html.auto .sf-c-txt-linen\:100\:dark { color: hsl(var(--sf-c-txt-linen-100)) } + html.var[data-theme='auto'] .sf-c-linen, html.var.auto .sf-c-linen { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 6%) } html.var[data-theme='auto'] .sf-c-linen\:0, html.var.auto .sf-c-linen\:0 { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 100%) } html.var[data-theme='auto'] .sf-c-linen\:10, html.var.auto .sf-c-linen\:10 { color: hsl(30, 67%, 10%); background: hsl(30, 67%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-linen\:100\:dark, html.var.dark .sf-c-linen\:1 html.var[data-theme='auto'] .sf-c-linen\:80\:dark, html.var.auto .sf-c-linen\:80\:dark { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 20%) } html.var[data-theme='auto'] .sf-c-linen\:90\:dark, html.var.auto .sf-c-linen\:90\:dark { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 10%) } html.var[data-theme='auto'] .sf-c-linen\:100\:dark, html.var.auto .sf-c-linen\:100\:dark { color: hsl(30, 67%, 90%); background: hsl(30, 67%, 0%) } -} -.sf-c-txt-linen { color: hsl(var(--sf-c-txt-linen)) } -.sf-c-txt-linen\:0 { color: hsl(var(--sf-c-txt-linen-0)) } -.sf-c-txt-linen\:10 { color: hsl(var(--sf-c-txt-linen-10)) } -.sf-c-txt-linen\:20 { color: hsl(var(--sf-c-txt-linen-20)) } -.sf-c-txt-linen\:30 { color: hsl(var(--sf-c-txt-linen-30)) } -.sf-c-txt-linen\:40 { color: hsl(var(--sf-c-txt-linen-40)) } -.sf-c-txt-linen\:50 { color: hsl(var(--sf-c-txt-linen-50)) } -.sf-c-txt-linen\:60 { color: hsl(var(--sf-c-txt-linen-60)) } -.sf-c-txt-linen\:70 { color: hsl(var(--sf-c-txt-linen-70)) } -.sf-c-txt-linen\:80 { color: hsl(var(--sf-c-txt-linen-80)) } -.sf-c-txt-linen\:90 { color: hsl(var(--sf-c-txt-linen-90)) } -.sf-c-txt-linen\:100 { color: hsl(var(--sf-c-txt-linen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-linen, html.auto .sf-c-txt-linen { color: hsl(30, 67%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:0, html.auto .sf-c-txt-linen\:0 { color: hsl(30, 67%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:10, html.auto .sf-c-txt-linen\:10 { color: hsl(30, 67%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:20, html.auto .sf-c-txt-linen\:20 { color: hsl(30, 67%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:30, html.auto .sf-c-txt-linen\:30 { color: hsl(30, 67%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:40, html.auto .sf-c-txt-linen\:40 { color: hsl(30, 67%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:50, html.auto .sf-c-txt-linen\:50 { color: hsl(30, 67%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:60, html.auto .sf-c-txt-linen\:60 { color: hsl(30, 67%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:70, html.auto .sf-c-txt-linen\:70 { color: hsl(30, 67%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:80, html.auto .sf-c-txt-linen\:80 { color: hsl(30, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:90, html.auto .sf-c-txt-linen\:90 { color: hsl(30, 67%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:100, html.auto .sf-c-txt-linen\:100 { color: hsl(30, 67%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-linen\:dark, html.auto .sf-c-txt-linen\:dark { color: hsl(30, 67%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:0\:dark, html.auto .sf-c-txt-linen\:0\:dark { color: hsl(30, 67%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:10\:dark, html.auto .sf-c-txt-linen\:10\:dark { color: hsl(30, 67%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:20\:dark, html.auto .sf-c-txt-linen\:20\:dark { color: hsl(30, 67%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:30\:dark, html.auto .sf-c-txt-linen\:30\:dark { color: hsl(30, 67%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:40\:dark, html.auto .sf-c-txt-linen\:40\:dark { color: hsl(30, 67%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:50\:dark, html.auto .sf-c-txt-linen\:50\:dark { color: hsl(30, 67%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:60\:dark, html.auto .sf-c-txt-linen\:60\:dark { color: hsl(30, 67%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:70\:dark, html.auto .sf-c-txt-linen\:70\:dark { color: hsl(30, 67%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:80\:dark, html.auto .sf-c-txt-linen\:80\:dark { color: hsl(30, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:90\:dark, html.auto .sf-c-txt-linen\:90\:dark { color: hsl(30, 67%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:100\:dark, html.auto .sf-c-txt-linen\:100\:dark { color: hsl(30, 67%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/magenta.css b/src/colors/10/magenta.css index 73485f0..d760f80 100644 --- a/src/colors/10/magenta.css +++ b/src/colors/10/magenta.css @@ -78,6 +78,32 @@ html.var .sf-c-magenta\:80 { color: hsl(300, 100%, 10%); background: hsl(300, 10 html.var .sf-c-magenta\:90 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } html.var .sf-c-magenta\:100 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } +.sf-c-txt-magenta { color: hsl(var(--sf-dark-c-txt-magenta)) } +.sf-c-txt-magenta\:0 { color: hsl(var(--sf-dark-c-txt-magenta-100)) } +.sf-c-txt-magenta\:10 { color: hsl(var(--sf-dark-c-txt-magenta-90)) } +.sf-c-txt-magenta\:20 { color: hsl(var(--sf-dark-c-txt-magenta-80)) } +.sf-c-txt-magenta\:30 { color: hsl(var(--sf-dark-c-txt-magenta-70)) } +.sf-c-txt-magenta\:40 { color: hsl(var(--sf-dark-c-txt-magenta-60)) } +.sf-c-txt-magenta\:50 { color: hsl(var(--sf-dark-c-txt-magenta-50)) } +.sf-c-txt-magenta\:60 { color: hsl(var(--sf-dark-c-txt-magenta-40)) } +.sf-c-txt-magenta\:70 { color: hsl(var(--sf-dark-c-txt-magenta-30)) } +.sf-c-txt-magenta\:80 { color: hsl(var(--sf-dark-c-txt-magenta-20)) } +.sf-c-txt-magenta\:90 { color: hsl(var(--sf-dark-c-txt-magenta-10)) } +.sf-c-txt-magenta\:100 { color: hsl(var(--sf-dark-c-txt-magenta-0)) } + +html.var .sf-c-txt-magenta { color: hsl(300, 100%, 50%) } +html.var .sf-c-txt-magenta\:0 { color: hsl(300, 100%, 100%) } +html.var .sf-c-txt-magenta\:10 { color: hsl(300, 100%, 90%) } +html.var .sf-c-txt-magenta\:20 { color: hsl(300, 100%, 80%) } +html.var .sf-c-txt-magenta\:30 { color: hsl(300, 100%, 70%) } +html.var .sf-c-txt-magenta\:40 { color: hsl(300, 100%, 60%) } +html.var .sf-c-txt-magenta\:50 { color: hsl(300, 100%, 50%) } +html.var .sf-c-txt-magenta\:60 { color: hsl(300, 100%, 40%) } +html.var .sf-c-txt-magenta\:70 { color: hsl(300, 100%, 30%) } +html.var .sf-c-txt-magenta\:80 { color: hsl(300, 100%, 20%) } +html.var .sf-c-txt-magenta\:90 { color: hsl(300, 100%, 10%) } +html.var .sf-c-txt-magenta\:100 { color: hsl(300, 100%, 0%) } + html[data-theme='dark'] .sf-c-magenta, html.dark .sf-c-magenta { color: hsl(var(--sf-dark-c-txt-magenta-90)); background: hsl(var(--sf-dark-c-magenta)) } html[data-theme='dark'] .sf-c-magenta\:0, html.dark .sf-c-magenta\:0 { color: hsl(var(--sf-dark-c-txt-magenta-90)); background: hsl(var(--sf-dark-c-magenta-100)) } html[data-theme='dark'] .sf-c-magenta\:10, html.dark .sf-c-magenta\:10 { color: hsl(var(--sf-dark-c-txt-magenta-10)); background: hsl(var(--sf-dark-c-magenta-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-magenta\:80\:dark, html.dark .sf-c-magenta\:80\:da html[data-theme='dark'] .sf-c-magenta\:90\:dark, html.dark .sf-c-magenta\:90\:dark { color: hsl(var(--sf-c-txt-magenta-90)); background: hsl(var(--sf-c-magenta-10)) } html[data-theme='dark'] .sf-c-magenta\:100\:dark, html.dark .sf-c-magenta\:100\:dark { color: hsl(var(--sf-c-txt-magenta-90)); background: hsl(var(--sf-c-magenta-0)) } +html[data-theme='dark'] .sf-c-txt-magenta, html.dark .sf-c-txt-magenta { color: hsl(var(--sf-c-txt-magenta)) } +html[data-theme='dark'] .sf-c-txt-magenta\:0, html.dark .sf-c-txt-magenta\:0 { color: hsl(var(--sf-c-txt-magenta-0)) } +html[data-theme='dark'] .sf-c-txt-magenta\:10, html.dark .sf-c-txt-magenta\:10 { color: hsl(var(--sf-c-txt-magenta-10)) } +html[data-theme='dark'] .sf-c-txt-magenta\:20, html.dark .sf-c-txt-magenta\:20 { color: hsl(var(--sf-c-txt-magenta-20)) } +html[data-theme='dark'] .sf-c-txt-magenta\:30, html.dark .sf-c-txt-magenta\:30 { color: hsl(var(--sf-c-txt-magenta-30)) } +html[data-theme='dark'] .sf-c-txt-magenta\:40, html.dark .sf-c-txt-magenta\:40 { color: hsl(var(--sf-c-txt-magenta-40)) } +html[data-theme='dark'] .sf-c-txt-magenta\:50, html.dark .sf-c-txt-magenta\:50 { color: hsl(var(--sf-c-txt-magenta-50)) } +html[data-theme='dark'] .sf-c-txt-magenta\:60, html.dark .sf-c-txt-magenta\:60 { color: hsl(var(--sf-c-txt-magenta-60)) } +html[data-theme='dark'] .sf-c-txt-magenta\:70, html.dark .sf-c-txt-magenta\:70 { color: hsl(var(--sf-c-txt-magenta-70)) } +html[data-theme='dark'] .sf-c-txt-magenta\:80, html.dark .sf-c-txt-magenta\:80 { color: hsl(var(--sf-c-txt-magenta-80)) } +html[data-theme='dark'] .sf-c-txt-magenta\:90, html.dark .sf-c-txt-magenta\:90 { color: hsl(var(--sf-c-txt-magenta-90)) } +html[data-theme='dark'] .sf-c-txt-magenta\:100, html.dark .sf-c-txt-magenta\:100 { color: hsl(var(--sf-c-txt-magenta-100)) } + +html[data-theme='dark'] .sf-c-txt-magenta\:dark, html.dark .sf-c-txt-magenta\:dark { color: hsl(var(--sf-c-txt-magenta)) } +html[data-theme='dark'] .sf-c-txt-magenta\:0\:dark, html.dark .sf-c-txt-magenta\:0\:dark { color: hsl(var(--sf-dark-c-txt-magenta-0)) } +html[data-theme='dark'] .sf-c-txt-magenta\:10\:dark, html.dark .sf-c-txt-magenta\:10\:dark { color: hsl(var(--sf-dark-c-txt-magenta-10)) } +html[data-theme='dark'] .sf-c-txt-magenta\:20\:dark, html.dark .sf-c-txt-magenta\:20\:dark { color: hsl(var(--sf-dark-c-txt-magenta-20)) } +html[data-theme='dark'] .sf-c-txt-magenta\:30\:dark, html.dark .sf-c-txt-magenta\:30\:dark { color: hsl(var(--sf-dark-c-txt-magenta-30)) } +html[data-theme='dark'] .sf-c-txt-magenta\:40\:dark, html.dark .sf-c-txt-magenta\:40\:dark { color: hsl(var(--sf-dark-c-txt-magenta-40)) } +html[data-theme='dark'] .sf-c-txt-magenta\:50\:dark, html.dark .sf-c-txt-magenta\:50\:dark { color: hsl(var(--sf-dark-c-txt-magenta-50)) } +html[data-theme='dark'] .sf-c-txt-magenta\:60\:dark, html.dark .sf-c-txt-magenta\:60\:dark { color: hsl(var(--sf-dark-c-txt-magenta-60)) } +html[data-theme='dark'] .sf-c-txt-magenta\:70\:dark, html.dark .sf-c-txt-magenta\:70\:dark { color: hsl(var(--sf-dark-c-txt-magenta-70)) } +html[data-theme='dark'] .sf-c-txt-magenta\:80\:dark, html.dark .sf-c-txt-magenta\:80\:dark { color: hsl(var(--sf-dark-c-txt-magenta-80)) } +html[data-theme='dark'] .sf-c-txt-magenta\:90\:dark, html.dark .sf-c-txt-magenta\:90\:dark { color: hsl(var(--sf-dark-c-txt-magenta-90)) } +html[data-theme='dark'] .sf-c-txt-magenta\:100\:dark, html.dark .sf-c-txt-magenta\:100\:dark { color: hsl(var(--sf-dark-c-txt-magenta-100)) } + html.var[data-theme='dark'] .sf-c-magenta, html.var.dark .sf-c-magenta { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } html.var[data-theme='dark'] .sf-c-magenta\:0, html.var.dark .sf-c-magenta\:0 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 100%) } html.var[data-theme='dark'] .sf-c-magenta\:10, html.var.dark .sf-c-magenta\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-magenta\:80\:dark, html.var.dark .sf-c-magenta html.var[data-theme='dark'] .sf-c-magenta\:90\:dark, html.var.dark .sf-c-magenta\:90\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } html.var[data-theme='dark'] .sf-c-magenta\:100\:dark, html.var.dark .sf-c-magenta\:100\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-magenta, html.dark .sf-c-txt-magenta { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:0, html.dark .sf-c-txt-magenta\:0 { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:10, html.dark .sf-c-txt-magenta\:10 { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:20, html.dark .sf-c-txt-magenta\:20 { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:30, html.dark .sf-c-txt-magenta\:30 { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:40, html.dark .sf-c-txt-magenta\:40 { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:50, html.dark .sf-c-txt-magenta\:50 { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:60, html.dark .sf-c-txt-magenta\:60 { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:70, html.dark .sf-c-txt-magenta\:70 { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:80, html.dark .sf-c-txt-magenta\:80 { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:90, html.dark .sf-c-txt-magenta\:90 { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:100, html.dark .sf-c-txt-magenta\:100 { color: hsl(300, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-magenta\:dark, html.dark .sf-c-txt-magenta\:dark { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:0\:dark, html.dark .sf-c-txt-magenta\:0\:dark { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:10\:dark, html.dark .sf-c-txt-magenta\:10\:dark { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:20\:dark, html.dark .sf-c-txt-magenta\:20\:dark { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:30\:dark, html.dark .sf-c-txt-magenta\:30\:dark { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:40\:dark, html.dark .sf-c-txt-magenta\:40\:dark { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:50\:dark, html.dark .sf-c-txt-magenta\:50\:dark { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:60\:dark, html.dark .sf-c-txt-magenta\:60\:dark { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:70\:dark, html.dark .sf-c-txt-magenta\:70\:dark { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:80\:dark, html.dark .sf-c-txt-magenta\:80\:dark { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:90\:dark, html.dark .sf-c-txt-magenta\:90\:dark { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:100\:dark, html.dark .sf-c-txt-magenta\:100\:dark { color: hsl(300, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-magenta, html.auto .sf-c-magenta { color: hsl(var(--sf-dark-c-txt-magenta-90)); background: hsl(var(--sf-dark-c-magenta)) } html[data-theme='auto'] .sf-c-magenta\:0, html.auto .sf-c-magenta\:0 { color: hsl(var(--sf-dark-c-txt-magenta-90)); background: hsl(var(--sf-dark-c-magenta-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-magenta\:100\:dark, html.var.dark .sf-c-magent html[data-theme='auto'] .sf-c-magenta\:90\:dark, html.auto .sf-c-magenta\:90\:dark { color: hsl(var(--sf-c-txt-magenta-90)); background: hsl(var(--sf-c-magenta-10)) } html[data-theme='auto'] .sf-c-magenta\:100\:dark, html.auto .sf-c-magenta\:100\:dark { color: hsl(var(--sf-c-txt-magenta-90)); background: hsl(var(--sf-c-magenta-0)) } + html[data-theme='auto'] .sf-c-txt-magenta, html.auto .sf-c-txt-magenta { color: hsl(var(--sf-c-txt-magenta)) } + html[data-theme='auto'] .sf-c-txt-magenta\:0, html.auto .sf-c-txt-magenta\:0 { color: hsl(var(--sf-c-txt-magenta-0)) } + html[data-theme='auto'] .sf-c-txt-magenta\:10, html.auto .sf-c-txt-magenta\:10 { color: hsl(var(--sf-c-txt-magenta-10)) } + html[data-theme='auto'] .sf-c-txt-magenta\:20, html.auto .sf-c-txt-magenta\:20 { color: hsl(var(--sf-c-txt-magenta-20)) } + html[data-theme='auto'] .sf-c-txt-magenta\:30, html.auto .sf-c-txt-magenta\:30 { color: hsl(var(--sf-c-txt-magenta-30)) } + html[data-theme='auto'] .sf-c-txt-magenta\:40, html.auto .sf-c-txt-magenta\:40 { color: hsl(var(--sf-c-txt-magenta-40)) } + html[data-theme='auto'] .sf-c-txt-magenta\:50, html.auto .sf-c-txt-magenta\:50 { color: hsl(var(--sf-c-txt-magenta-50)) } + html[data-theme='auto'] .sf-c-txt-magenta\:60, html.auto .sf-c-txt-magenta\:60 { color: hsl(var(--sf-c-txt-magenta-60)) } + html[data-theme='auto'] .sf-c-txt-magenta\:70, html.auto .sf-c-txt-magenta\:70 { color: hsl(var(--sf-c-txt-magenta-70)) } + html[data-theme='auto'] .sf-c-txt-magenta\:80, html.auto .sf-c-txt-magenta\:80 { color: hsl(var(--sf-c-txt-magenta-80)) } + html[data-theme='auto'] .sf-c-txt-magenta\:90, html.auto .sf-c-txt-magenta\:90 { color: hsl(var(--sf-c-txt-magenta-90)) } + html[data-theme='auto'] .sf-c-txt-magenta\:100, html.auto .sf-c-txt-magenta\:100 { color: hsl(var(--sf-c-txt-magenta-100)) } + + html[data-theme='auto'] .sf-c-txt-magenta\:dark, html.auto .sf-c-txt-magenta\:dark { color: hsl(var(--sf-c-txt-magenta)) } + html[data-theme='auto'] .sf-c-txt-magenta\:0\:dark, html.auto .sf-c-txt-magenta\:0\:dark { color: hsl(var(--sf-c-txt-magenta-0)) } + html[data-theme='auto'] .sf-c-txt-magenta\:10\:dark, html.auto .sf-c-txt-magenta\:10\:dark { color: hsl(var(--sf-c-txt-magenta-10)) } + html[data-theme='auto'] .sf-c-txt-magenta\:20\:dark, html.auto .sf-c-txt-magenta\:20\:dark { color: hsl(var(--sf-c-txt-magenta-20)) } + html[data-theme='auto'] .sf-c-txt-magenta\:30\:dark, html.auto .sf-c-txt-magenta\:30\:dark { color: hsl(var(--sf-c-txt-magenta-30)) } + html[data-theme='auto'] .sf-c-txt-magenta\:40\:dark, html.auto .sf-c-txt-magenta\:40\:dark { color: hsl(var(--sf-c-txt-magenta-40)) } + html[data-theme='auto'] .sf-c-txt-magenta\:50\:dark, html.auto .sf-c-txt-magenta\:50\:dark { color: hsl(var(--sf-c-txt-magenta-50)) } + html[data-theme='auto'] .sf-c-txt-magenta\:60\:dark, html.auto .sf-c-txt-magenta\:60\:dark { color: hsl(var(--sf-c-txt-magenta-60)) } + html[data-theme='auto'] .sf-c-txt-magenta\:70\:dark, html.auto .sf-c-txt-magenta\:70\:dark { color: hsl(var(--sf-c-txt-magenta-70)) } + html[data-theme='auto'] .sf-c-txt-magenta\:80\:dark, html.auto .sf-c-txt-magenta\:80\:dark { color: hsl(var(--sf-c-txt-magenta-80)) } + html[data-theme='auto'] .sf-c-txt-magenta\:90\:dark, html.auto .sf-c-txt-magenta\:90\:dark { color: hsl(var(--sf-c-txt-magenta-90)) } + html[data-theme='auto'] .sf-c-txt-magenta\:100\:dark, html.auto .sf-c-txt-magenta\:100\:dark { color: hsl(var(--sf-c-txt-magenta-100)) } + html.var[data-theme='auto'] .sf-c-magenta, html.var.auto .sf-c-magenta { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 50%) } html.var[data-theme='auto'] .sf-c-magenta\:0, html.var.auto .sf-c-magenta\:0 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 100%) } html.var[data-theme='auto'] .sf-c-magenta\:10, html.var.auto .sf-c-magenta\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-magenta\:100\:dark, html.var.dark .sf-c-magent html.var[data-theme='auto'] .sf-c-magenta\:80\:dark, html.var.auto .sf-c-magenta\:80\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } html.var[data-theme='auto'] .sf-c-magenta\:90\:dark, html.var.auto .sf-c-magenta\:90\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } html.var[data-theme='auto'] .sf-c-magenta\:100\:dark, html.var.auto .sf-c-magenta\:100\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } -} -.sf-c-txt-magenta { color: hsl(var(--sf-c-txt-magenta)) } -.sf-c-txt-magenta\:0 { color: hsl(var(--sf-c-txt-magenta-0)) } -.sf-c-txt-magenta\:10 { color: hsl(var(--sf-c-txt-magenta-10)) } -.sf-c-txt-magenta\:20 { color: hsl(var(--sf-c-txt-magenta-20)) } -.sf-c-txt-magenta\:30 { color: hsl(var(--sf-c-txt-magenta-30)) } -.sf-c-txt-magenta\:40 { color: hsl(var(--sf-c-txt-magenta-40)) } -.sf-c-txt-magenta\:50 { color: hsl(var(--sf-c-txt-magenta-50)) } -.sf-c-txt-magenta\:60 { color: hsl(var(--sf-c-txt-magenta-60)) } -.sf-c-txt-magenta\:70 { color: hsl(var(--sf-c-txt-magenta-70)) } -.sf-c-txt-magenta\:80 { color: hsl(var(--sf-c-txt-magenta-80)) } -.sf-c-txt-magenta\:90 { color: hsl(var(--sf-c-txt-magenta-90)) } -.sf-c-txt-magenta\:100 { color: hsl(var(--sf-c-txt-magenta-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-magenta, html.auto .sf-c-txt-magenta { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:0, html.auto .sf-c-txt-magenta\:0 { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:10, html.auto .sf-c-txt-magenta\:10 { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:20, html.auto .sf-c-txt-magenta\:20 { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:30, html.auto .sf-c-txt-magenta\:30 { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:40, html.auto .sf-c-txt-magenta\:40 { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:50, html.auto .sf-c-txt-magenta\:50 { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:60, html.auto .sf-c-txt-magenta\:60 { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:70, html.auto .sf-c-txt-magenta\:70 { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:80, html.auto .sf-c-txt-magenta\:80 { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:90, html.auto .sf-c-txt-magenta\:90 { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:100, html.auto .sf-c-txt-magenta\:100 { color: hsl(300, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-magenta\:dark, html.auto .sf-c-txt-magenta\:dark { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:0\:dark, html.auto .sf-c-txt-magenta\:0\:dark { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:10\:dark, html.auto .sf-c-txt-magenta\:10\:dark { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:20\:dark, html.auto .sf-c-txt-magenta\:20\:dark { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:30\:dark, html.auto .sf-c-txt-magenta\:30\:dark { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:40\:dark, html.auto .sf-c-txt-magenta\:40\:dark { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:50\:dark, html.auto .sf-c-txt-magenta\:50\:dark { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:60\:dark, html.auto .sf-c-txt-magenta\:60\:dark { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:70\:dark, html.auto .sf-c-txt-magenta\:70\:dark { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:80\:dark, html.auto .sf-c-txt-magenta\:80\:dark { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:90\:dark, html.auto .sf-c-txt-magenta\:90\:dark { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:100\:dark, html.auto .sf-c-txt-magenta\:100\:dark { color: hsl(300, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/maroon.css b/src/colors/10/maroon.css index f80a36f..51eac96 100644 --- a/src/colors/10/maroon.css +++ b/src/colors/10/maroon.css @@ -78,6 +78,32 @@ html.var .sf-c-maroon\:80 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 8 html.var .sf-c-maroon\:90 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } html.var .sf-c-maroon\:100 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } +.sf-c-txt-maroon { color: hsl(var(--sf-dark-c-txt-maroon)) } +.sf-c-txt-maroon\:0 { color: hsl(var(--sf-dark-c-txt-maroon-100)) } +.sf-c-txt-maroon\:10 { color: hsl(var(--sf-dark-c-txt-maroon-90)) } +.sf-c-txt-maroon\:20 { color: hsl(var(--sf-dark-c-txt-maroon-80)) } +.sf-c-txt-maroon\:30 { color: hsl(var(--sf-dark-c-txt-maroon-70)) } +.sf-c-txt-maroon\:40 { color: hsl(var(--sf-dark-c-txt-maroon-60)) } +.sf-c-txt-maroon\:50 { color: hsl(var(--sf-dark-c-txt-maroon-50)) } +.sf-c-txt-maroon\:60 { color: hsl(var(--sf-dark-c-txt-maroon-40)) } +.sf-c-txt-maroon\:70 { color: hsl(var(--sf-dark-c-txt-maroon-30)) } +.sf-c-txt-maroon\:80 { color: hsl(var(--sf-dark-c-txt-maroon-20)) } +.sf-c-txt-maroon\:90 { color: hsl(var(--sf-dark-c-txt-maroon-10)) } +.sf-c-txt-maroon\:100 { color: hsl(var(--sf-dark-c-txt-maroon-0)) } + +html.var .sf-c-txt-maroon { color: hsl(0, 100%, 75%) } +html.var .sf-c-txt-maroon\:0 { color: hsl(0, 100%, 100%) } +html.var .sf-c-txt-maroon\:10 { color: hsl(0, 100%, 90%) } +html.var .sf-c-txt-maroon\:20 { color: hsl(0, 100%, 80%) } +html.var .sf-c-txt-maroon\:30 { color: hsl(0, 100%, 70%) } +html.var .sf-c-txt-maroon\:40 { color: hsl(0, 100%, 60%) } +html.var .sf-c-txt-maroon\:50 { color: hsl(0, 100%, 50%) } +html.var .sf-c-txt-maroon\:60 { color: hsl(0, 100%, 40%) } +html.var .sf-c-txt-maroon\:70 { color: hsl(0, 100%, 30%) } +html.var .sf-c-txt-maroon\:80 { color: hsl(0, 100%, 20%) } +html.var .sf-c-txt-maroon\:90 { color: hsl(0, 100%, 10%) } +html.var .sf-c-txt-maroon\:100 { color: hsl(0, 100%, 0%) } + html[data-theme='dark'] .sf-c-maroon, html.dark .sf-c-maroon { color: hsl(var(--sf-dark-c-txt-maroon-10)); background: hsl(var(--sf-dark-c-maroon)) } html[data-theme='dark'] .sf-c-maroon\:0, html.dark .sf-c-maroon\:0 { color: hsl(var(--sf-dark-c-txt-maroon-90)); background: hsl(var(--sf-dark-c-maroon-100)) } html[data-theme='dark'] .sf-c-maroon\:10, html.dark .sf-c-maroon\:10 { color: hsl(var(--sf-dark-c-txt-maroon-10)); background: hsl(var(--sf-dark-c-maroon-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-maroon\:80\:dark, html.dark .sf-c-maroon\:80\:dark html[data-theme='dark'] .sf-c-maroon\:90\:dark, html.dark .sf-c-maroon\:90\:dark { color: hsl(var(--sf-c-txt-maroon-90)); background: hsl(var(--sf-c-maroon-10)) } html[data-theme='dark'] .sf-c-maroon\:100\:dark, html.dark .sf-c-maroon\:100\:dark { color: hsl(var(--sf-c-txt-maroon-90)); background: hsl(var(--sf-c-maroon-0)) } +html[data-theme='dark'] .sf-c-txt-maroon, html.dark .sf-c-txt-maroon { color: hsl(var(--sf-c-txt-maroon)) } +html[data-theme='dark'] .sf-c-txt-maroon\:0, html.dark .sf-c-txt-maroon\:0 { color: hsl(var(--sf-c-txt-maroon-0)) } +html[data-theme='dark'] .sf-c-txt-maroon\:10, html.dark .sf-c-txt-maroon\:10 { color: hsl(var(--sf-c-txt-maroon-10)) } +html[data-theme='dark'] .sf-c-txt-maroon\:20, html.dark .sf-c-txt-maroon\:20 { color: hsl(var(--sf-c-txt-maroon-20)) } +html[data-theme='dark'] .sf-c-txt-maroon\:30, html.dark .sf-c-txt-maroon\:30 { color: hsl(var(--sf-c-txt-maroon-30)) } +html[data-theme='dark'] .sf-c-txt-maroon\:40, html.dark .sf-c-txt-maroon\:40 { color: hsl(var(--sf-c-txt-maroon-40)) } +html[data-theme='dark'] .sf-c-txt-maroon\:50, html.dark .sf-c-txt-maroon\:50 { color: hsl(var(--sf-c-txt-maroon-50)) } +html[data-theme='dark'] .sf-c-txt-maroon\:60, html.dark .sf-c-txt-maroon\:60 { color: hsl(var(--sf-c-txt-maroon-60)) } +html[data-theme='dark'] .sf-c-txt-maroon\:70, html.dark .sf-c-txt-maroon\:70 { color: hsl(var(--sf-c-txt-maroon-70)) } +html[data-theme='dark'] .sf-c-txt-maroon\:80, html.dark .sf-c-txt-maroon\:80 { color: hsl(var(--sf-c-txt-maroon-80)) } +html[data-theme='dark'] .sf-c-txt-maroon\:90, html.dark .sf-c-txt-maroon\:90 { color: hsl(var(--sf-c-txt-maroon-90)) } +html[data-theme='dark'] .sf-c-txt-maroon\:100, html.dark .sf-c-txt-maroon\:100 { color: hsl(var(--sf-c-txt-maroon-100)) } + +html[data-theme='dark'] .sf-c-txt-maroon\:dark, html.dark .sf-c-txt-maroon\:dark { color: hsl(var(--sf-c-txt-maroon)) } +html[data-theme='dark'] .sf-c-txt-maroon\:0\:dark, html.dark .sf-c-txt-maroon\:0\:dark { color: hsl(var(--sf-dark-c-txt-maroon-0)) } +html[data-theme='dark'] .sf-c-txt-maroon\:10\:dark, html.dark .sf-c-txt-maroon\:10\:dark { color: hsl(var(--sf-dark-c-txt-maroon-10)) } +html[data-theme='dark'] .sf-c-txt-maroon\:20\:dark, html.dark .sf-c-txt-maroon\:20\:dark { color: hsl(var(--sf-dark-c-txt-maroon-20)) } +html[data-theme='dark'] .sf-c-txt-maroon\:30\:dark, html.dark .sf-c-txt-maroon\:30\:dark { color: hsl(var(--sf-dark-c-txt-maroon-30)) } +html[data-theme='dark'] .sf-c-txt-maroon\:40\:dark, html.dark .sf-c-txt-maroon\:40\:dark { color: hsl(var(--sf-dark-c-txt-maroon-40)) } +html[data-theme='dark'] .sf-c-txt-maroon\:50\:dark, html.dark .sf-c-txt-maroon\:50\:dark { color: hsl(var(--sf-dark-c-txt-maroon-50)) } +html[data-theme='dark'] .sf-c-txt-maroon\:60\:dark, html.dark .sf-c-txt-maroon\:60\:dark { color: hsl(var(--sf-dark-c-txt-maroon-60)) } +html[data-theme='dark'] .sf-c-txt-maroon\:70\:dark, html.dark .sf-c-txt-maroon\:70\:dark { color: hsl(var(--sf-dark-c-txt-maroon-70)) } +html[data-theme='dark'] .sf-c-txt-maroon\:80\:dark, html.dark .sf-c-txt-maroon\:80\:dark { color: hsl(var(--sf-dark-c-txt-maroon-80)) } +html[data-theme='dark'] .sf-c-txt-maroon\:90\:dark, html.dark .sf-c-txt-maroon\:90\:dark { color: hsl(var(--sf-dark-c-txt-maroon-90)) } +html[data-theme='dark'] .sf-c-txt-maroon\:100\:dark, html.dark .sf-c-txt-maroon\:100\:dark { color: hsl(var(--sf-dark-c-txt-maroon-100)) } + html.var[data-theme='dark'] .sf-c-maroon, html.var.dark .sf-c-maroon { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 75%) } html.var[data-theme='dark'] .sf-c-maroon\:0, html.var.dark .sf-c-maroon\:0 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 100%) } html.var[data-theme='dark'] .sf-c-maroon\:10, html.var.dark .sf-c-maroon\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-maroon\:80\:dark, html.var.dark .sf-c-maroon\: html.var[data-theme='dark'] .sf-c-maroon\:90\:dark, html.var.dark .sf-c-maroon\:90\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } html.var[data-theme='dark'] .sf-c-maroon\:100\:dark, html.var.dark .sf-c-maroon\:100\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-maroon, html.dark .sf-c-txt-maroon { color: hsl(0, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:0, html.dark .sf-c-txt-maroon\:0 { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:10, html.dark .sf-c-txt-maroon\:10 { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:20, html.dark .sf-c-txt-maroon\:20 { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:30, html.dark .sf-c-txt-maroon\:30 { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:40, html.dark .sf-c-txt-maroon\:40 { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:50, html.dark .sf-c-txt-maroon\:50 { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:60, html.dark .sf-c-txt-maroon\:60 { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:70, html.dark .sf-c-txt-maroon\:70 { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:80, html.dark .sf-c-txt-maroon\:80 { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:90, html.dark .sf-c-txt-maroon\:90 { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:100, html.dark .sf-c-txt-maroon\:100 { color: hsl(0, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-maroon\:dark, html.dark .sf-c-txt-maroon\:dark { color: hsl(0, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:0\:dark, html.dark .sf-c-txt-maroon\:0\:dark { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:10\:dark, html.dark .sf-c-txt-maroon\:10\:dark { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:20\:dark, html.dark .sf-c-txt-maroon\:20\:dark { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:30\:dark, html.dark .sf-c-txt-maroon\:30\:dark { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:40\:dark, html.dark .sf-c-txt-maroon\:40\:dark { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:50\:dark, html.dark .sf-c-txt-maroon\:50\:dark { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:60\:dark, html.dark .sf-c-txt-maroon\:60\:dark { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:70\:dark, html.dark .sf-c-txt-maroon\:70\:dark { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:80\:dark, html.dark .sf-c-txt-maroon\:80\:dark { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:90\:dark, html.dark .sf-c-txt-maroon\:90\:dark { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:100\:dark, html.dark .sf-c-txt-maroon\:100\:dark { color: hsl(0, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-maroon, html.auto .sf-c-maroon { color: hsl(var(--sf-dark-c-txt-maroon-10)); background: hsl(var(--sf-dark-c-maroon)) } html[data-theme='auto'] .sf-c-maroon\:0, html.auto .sf-c-maroon\:0 { color: hsl(var(--sf-dark-c-txt-maroon-90)); background: hsl(var(--sf-dark-c-maroon-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-maroon\:100\:dark, html.var.dark .sf-c-maroon\ html[data-theme='auto'] .sf-c-maroon\:90\:dark, html.auto .sf-c-maroon\:90\:dark { color: hsl(var(--sf-c-txt-maroon-90)); background: hsl(var(--sf-c-maroon-10)) } html[data-theme='auto'] .sf-c-maroon\:100\:dark, html.auto .sf-c-maroon\:100\:dark { color: hsl(var(--sf-c-txt-maroon-90)); background: hsl(var(--sf-c-maroon-0)) } + html[data-theme='auto'] .sf-c-txt-maroon, html.auto .sf-c-txt-maroon { color: hsl(var(--sf-c-txt-maroon)) } + html[data-theme='auto'] .sf-c-txt-maroon\:0, html.auto .sf-c-txt-maroon\:0 { color: hsl(var(--sf-c-txt-maroon-0)) } + html[data-theme='auto'] .sf-c-txt-maroon\:10, html.auto .sf-c-txt-maroon\:10 { color: hsl(var(--sf-c-txt-maroon-10)) } + html[data-theme='auto'] .sf-c-txt-maroon\:20, html.auto .sf-c-txt-maroon\:20 { color: hsl(var(--sf-c-txt-maroon-20)) } + html[data-theme='auto'] .sf-c-txt-maroon\:30, html.auto .sf-c-txt-maroon\:30 { color: hsl(var(--sf-c-txt-maroon-30)) } + html[data-theme='auto'] .sf-c-txt-maroon\:40, html.auto .sf-c-txt-maroon\:40 { color: hsl(var(--sf-c-txt-maroon-40)) } + html[data-theme='auto'] .sf-c-txt-maroon\:50, html.auto .sf-c-txt-maroon\:50 { color: hsl(var(--sf-c-txt-maroon-50)) } + html[data-theme='auto'] .sf-c-txt-maroon\:60, html.auto .sf-c-txt-maroon\:60 { color: hsl(var(--sf-c-txt-maroon-60)) } + html[data-theme='auto'] .sf-c-txt-maroon\:70, html.auto .sf-c-txt-maroon\:70 { color: hsl(var(--sf-c-txt-maroon-70)) } + html[data-theme='auto'] .sf-c-txt-maroon\:80, html.auto .sf-c-txt-maroon\:80 { color: hsl(var(--sf-c-txt-maroon-80)) } + html[data-theme='auto'] .sf-c-txt-maroon\:90, html.auto .sf-c-txt-maroon\:90 { color: hsl(var(--sf-c-txt-maroon-90)) } + html[data-theme='auto'] .sf-c-txt-maroon\:100, html.auto .sf-c-txt-maroon\:100 { color: hsl(var(--sf-c-txt-maroon-100)) } + + html[data-theme='auto'] .sf-c-txt-maroon\:dark, html.auto .sf-c-txt-maroon\:dark { color: hsl(var(--sf-c-txt-maroon)) } + html[data-theme='auto'] .sf-c-txt-maroon\:0\:dark, html.auto .sf-c-txt-maroon\:0\:dark { color: hsl(var(--sf-c-txt-maroon-0)) } + html[data-theme='auto'] .sf-c-txt-maroon\:10\:dark, html.auto .sf-c-txt-maroon\:10\:dark { color: hsl(var(--sf-c-txt-maroon-10)) } + html[data-theme='auto'] .sf-c-txt-maroon\:20\:dark, html.auto .sf-c-txt-maroon\:20\:dark { color: hsl(var(--sf-c-txt-maroon-20)) } + html[data-theme='auto'] .sf-c-txt-maroon\:30\:dark, html.auto .sf-c-txt-maroon\:30\:dark { color: hsl(var(--sf-c-txt-maroon-30)) } + html[data-theme='auto'] .sf-c-txt-maroon\:40\:dark, html.auto .sf-c-txt-maroon\:40\:dark { color: hsl(var(--sf-c-txt-maroon-40)) } + html[data-theme='auto'] .sf-c-txt-maroon\:50\:dark, html.auto .sf-c-txt-maroon\:50\:dark { color: hsl(var(--sf-c-txt-maroon-50)) } + html[data-theme='auto'] .sf-c-txt-maroon\:60\:dark, html.auto .sf-c-txt-maroon\:60\:dark { color: hsl(var(--sf-c-txt-maroon-60)) } + html[data-theme='auto'] .sf-c-txt-maroon\:70\:dark, html.auto .sf-c-txt-maroon\:70\:dark { color: hsl(var(--sf-c-txt-maroon-70)) } + html[data-theme='auto'] .sf-c-txt-maroon\:80\:dark, html.auto .sf-c-txt-maroon\:80\:dark { color: hsl(var(--sf-c-txt-maroon-80)) } + html[data-theme='auto'] .sf-c-txt-maroon\:90\:dark, html.auto .sf-c-txt-maroon\:90\:dark { color: hsl(var(--sf-c-txt-maroon-90)) } + html[data-theme='auto'] .sf-c-txt-maroon\:100\:dark, html.auto .sf-c-txt-maroon\:100\:dark { color: hsl(var(--sf-c-txt-maroon-100)) } + html.var[data-theme='auto'] .sf-c-maroon, html.var.auto .sf-c-maroon { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 75%) } html.var[data-theme='auto'] .sf-c-maroon\:0, html.var.auto .sf-c-maroon\:0 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 100%) } html.var[data-theme='auto'] .sf-c-maroon\:10, html.var.auto .sf-c-maroon\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-maroon\:100\:dark, html.var.dark .sf-c-maroon\ html.var[data-theme='auto'] .sf-c-maroon\:80\:dark, html.var.auto .sf-c-maroon\:80\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } html.var[data-theme='auto'] .sf-c-maroon\:90\:dark, html.var.auto .sf-c-maroon\:90\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } html.var[data-theme='auto'] .sf-c-maroon\:100\:dark, html.var.auto .sf-c-maroon\:100\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } -} -.sf-c-txt-maroon { color: hsl(var(--sf-c-txt-maroon)) } -.sf-c-txt-maroon\:0 { color: hsl(var(--sf-c-txt-maroon-0)) } -.sf-c-txt-maroon\:10 { color: hsl(var(--sf-c-txt-maroon-10)) } -.sf-c-txt-maroon\:20 { color: hsl(var(--sf-c-txt-maroon-20)) } -.sf-c-txt-maroon\:30 { color: hsl(var(--sf-c-txt-maroon-30)) } -.sf-c-txt-maroon\:40 { color: hsl(var(--sf-c-txt-maroon-40)) } -.sf-c-txt-maroon\:50 { color: hsl(var(--sf-c-txt-maroon-50)) } -.sf-c-txt-maroon\:60 { color: hsl(var(--sf-c-txt-maroon-60)) } -.sf-c-txt-maroon\:70 { color: hsl(var(--sf-c-txt-maroon-70)) } -.sf-c-txt-maroon\:80 { color: hsl(var(--sf-c-txt-maroon-80)) } -.sf-c-txt-maroon\:90 { color: hsl(var(--sf-c-txt-maroon-90)) } -.sf-c-txt-maroon\:100 { color: hsl(var(--sf-c-txt-maroon-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-maroon, html.auto .sf-c-txt-maroon { color: hsl(0, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:0, html.auto .sf-c-txt-maroon\:0 { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:10, html.auto .sf-c-txt-maroon\:10 { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:20, html.auto .sf-c-txt-maroon\:20 { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:30, html.auto .sf-c-txt-maroon\:30 { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:40, html.auto .sf-c-txt-maroon\:40 { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:50, html.auto .sf-c-txt-maroon\:50 { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:60, html.auto .sf-c-txt-maroon\:60 { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:70, html.auto .sf-c-txt-maroon\:70 { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:80, html.auto .sf-c-txt-maroon\:80 { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:90, html.auto .sf-c-txt-maroon\:90 { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:100, html.auto .sf-c-txt-maroon\:100 { color: hsl(0, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-maroon\:dark, html.auto .sf-c-txt-maroon\:dark { color: hsl(0, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:0\:dark, html.auto .sf-c-txt-maroon\:0\:dark { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:10\:dark, html.auto .sf-c-txt-maroon\:10\:dark { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:20\:dark, html.auto .sf-c-txt-maroon\:20\:dark { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:30\:dark, html.auto .sf-c-txt-maroon\:30\:dark { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:40\:dark, html.auto .sf-c-txt-maroon\:40\:dark { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:50\:dark, html.auto .sf-c-txt-maroon\:50\:dark { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:60\:dark, html.auto .sf-c-txt-maroon\:60\:dark { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:70\:dark, html.auto .sf-c-txt-maroon\:70\:dark { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:80\:dark, html.auto .sf-c-txt-maroon\:80\:dark { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:90\:dark, html.auto .sf-c-txt-maroon\:90\:dark { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:100\:dark, html.auto .sf-c-txt-maroon\:100\:dark { color: hsl(0, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/mediumaquamarine.css b/src/colors/10/mediumaquamarine.css index bf570bf..f43a44d 100644 --- a/src/colors/10/mediumaquamarine.css +++ b/src/colors/10/mediumaquamarine.css @@ -78,6 +78,32 @@ html.var .sf-c-mediumaquamarine\:80 { color: hsl(160, 51%, 10%); background: hsl html.var .sf-c-mediumaquamarine\:90 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 90%) } html.var .sf-c-mediumaquamarine\:100 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 100%) } +.sf-c-txt-mediumaquamarine { color: hsl(var(--sf-dark-c-txt-mediumaquamarine)) } +.sf-c-txt-mediumaquamarine\:0 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-100)) } +.sf-c-txt-mediumaquamarine\:10 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-90)) } +.sf-c-txt-mediumaquamarine\:20 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-80)) } +.sf-c-txt-mediumaquamarine\:30 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-70)) } +.sf-c-txt-mediumaquamarine\:40 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-60)) } +.sf-c-txt-mediumaquamarine\:50 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-50)) } +.sf-c-txt-mediumaquamarine\:60 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-40)) } +.sf-c-txt-mediumaquamarine\:70 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-30)) } +.sf-c-txt-mediumaquamarine\:80 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-20)) } +.sf-c-txt-mediumaquamarine\:90 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-10)) } +.sf-c-txt-mediumaquamarine\:100 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-0)) } + +html.var .sf-c-txt-mediumaquamarine { color: hsl(160, 51%, 40%) } +html.var .sf-c-txt-mediumaquamarine\:0 { color: hsl(160, 51%, 100%) } +html.var .sf-c-txt-mediumaquamarine\:10 { color: hsl(160, 51%, 90%) } +html.var .sf-c-txt-mediumaquamarine\:20 { color: hsl(160, 51%, 80%) } +html.var .sf-c-txt-mediumaquamarine\:30 { color: hsl(160, 51%, 70%) } +html.var .sf-c-txt-mediumaquamarine\:40 { color: hsl(160, 51%, 60%) } +html.var .sf-c-txt-mediumaquamarine\:50 { color: hsl(160, 51%, 50%) } +html.var .sf-c-txt-mediumaquamarine\:60 { color: hsl(160, 51%, 40%) } +html.var .sf-c-txt-mediumaquamarine\:70 { color: hsl(160, 51%, 30%) } +html.var .sf-c-txt-mediumaquamarine\:80 { color: hsl(160, 51%, 20%) } +html.var .sf-c-txt-mediumaquamarine\:90 { color: hsl(160, 51%, 10%) } +html.var .sf-c-txt-mediumaquamarine\:100 { color: hsl(160, 51%, 0%) } + html[data-theme='dark'] .sf-c-mediumaquamarine, html.dark .sf-c-mediumaquamarine { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-90)); background: hsl(var(--sf-dark-c-mediumaquamarine)) } html[data-theme='dark'] .sf-c-mediumaquamarine\:0, html.dark .sf-c-mediumaquamarine\:0 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-90)); background: hsl(var(--sf-dark-c-mediumaquamarine-100)) } html[data-theme='dark'] .sf-c-mediumaquamarine\:10, html.dark .sf-c-mediumaquamarine\:10 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-10)); background: hsl(var(--sf-dark-c-mediumaquamarine-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-mediumaquamarine\:80\:dark, html.dark .sf-c-medium html[data-theme='dark'] .sf-c-mediumaquamarine\:90\:dark, html.dark .sf-c-mediumaquamarine\:90\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-90)); background: hsl(var(--sf-c-mediumaquamarine-10)) } html[data-theme='dark'] .sf-c-mediumaquamarine\:100\:dark, html.dark .sf-c-mediumaquamarine\:100\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-90)); background: hsl(var(--sf-c-mediumaquamarine-0)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine, html.dark .sf-c-txt-mediumaquamarine { color: hsl(var(--sf-c-txt-mediumaquamarine)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:0, html.dark .sf-c-txt-mediumaquamarine\:0 { color: hsl(var(--sf-c-txt-mediumaquamarine-0)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:10, html.dark .sf-c-txt-mediumaquamarine\:10 { color: hsl(var(--sf-c-txt-mediumaquamarine-10)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:20, html.dark .sf-c-txt-mediumaquamarine\:20 { color: hsl(var(--sf-c-txt-mediumaquamarine-20)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:30, html.dark .sf-c-txt-mediumaquamarine\:30 { color: hsl(var(--sf-c-txt-mediumaquamarine-30)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:40, html.dark .sf-c-txt-mediumaquamarine\:40 { color: hsl(var(--sf-c-txt-mediumaquamarine-40)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:50, html.dark .sf-c-txt-mediumaquamarine\:50 { color: hsl(var(--sf-c-txt-mediumaquamarine-50)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:60, html.dark .sf-c-txt-mediumaquamarine\:60 { color: hsl(var(--sf-c-txt-mediumaquamarine-60)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:70, html.dark .sf-c-txt-mediumaquamarine\:70 { color: hsl(var(--sf-c-txt-mediumaquamarine-70)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:80, html.dark .sf-c-txt-mediumaquamarine\:80 { color: hsl(var(--sf-c-txt-mediumaquamarine-80)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:90, html.dark .sf-c-txt-mediumaquamarine\:90 { color: hsl(var(--sf-c-txt-mediumaquamarine-90)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:100, html.dark .sf-c-txt-mediumaquamarine\:100 { color: hsl(var(--sf-c-txt-mediumaquamarine-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:dark, html.dark .sf-c-txt-mediumaquamarine\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:0\:dark, html.dark .sf-c-txt-mediumaquamarine\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-0)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:10\:dark, html.dark .sf-c-txt-mediumaquamarine\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-10)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:20\:dark, html.dark .sf-c-txt-mediumaquamarine\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-20)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:30\:dark, html.dark .sf-c-txt-mediumaquamarine\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-30)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:40\:dark, html.dark .sf-c-txt-mediumaquamarine\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-40)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:50\:dark, html.dark .sf-c-txt-mediumaquamarine\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-50)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:60\:dark, html.dark .sf-c-txt-mediumaquamarine\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-60)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:70\:dark, html.dark .sf-c-txt-mediumaquamarine\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-70)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:80\:dark, html.dark .sf-c-txt-mediumaquamarine\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-80)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:90\:dark, html.dark .sf-c-txt-mediumaquamarine\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-90)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:100\:dark, html.dark .sf-c-txt-mediumaquamarine\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-100)) } + html.var[data-theme='dark'] .sf-c-mediumaquamarine, html.var.dark .sf-c-mediumaquamarine { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 40%) } html.var[data-theme='dark'] .sf-c-mediumaquamarine\:0, html.var.dark .sf-c-mediumaquamarine\:0 { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 100%) } html.var[data-theme='dark'] .sf-c-mediumaquamarine\:10, html.var.dark .sf-c-mediumaquamarine\:10 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-mediumaquamarine\:80\:dark, html.var.dark .sf- html.var[data-theme='dark'] .sf-c-mediumaquamarine\:90\:dark, html.var.dark .sf-c-mediumaquamarine\:90\:dark { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 10%) } html.var[data-theme='dark'] .sf-c-mediumaquamarine\:100\:dark, html.var.dark .sf-c-mediumaquamarine\:100\:dark { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine, html.dark .sf-c-txt-mediumaquamarine { color: hsl(160, 51%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:0, html.dark .sf-c-txt-mediumaquamarine\:0 { color: hsl(160, 51%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:10, html.dark .sf-c-txt-mediumaquamarine\:10 { color: hsl(160, 51%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:20, html.dark .sf-c-txt-mediumaquamarine\:20 { color: hsl(160, 51%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:30, html.dark .sf-c-txt-mediumaquamarine\:30 { color: hsl(160, 51%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:40, html.dark .sf-c-txt-mediumaquamarine\:40 { color: hsl(160, 51%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:50, html.dark .sf-c-txt-mediumaquamarine\:50 { color: hsl(160, 51%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:60, html.dark .sf-c-txt-mediumaquamarine\:60 { color: hsl(160, 51%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:70, html.dark .sf-c-txt-mediumaquamarine\:70 { color: hsl(160, 51%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:80, html.dark .sf-c-txt-mediumaquamarine\:80 { color: hsl(160, 51%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:90, html.dark .sf-c-txt-mediumaquamarine\:90 { color: hsl(160, 51%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:100, html.dark .sf-c-txt-mediumaquamarine\:100 { color: hsl(160, 51%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:dark, html.dark .sf-c-txt-mediumaquamarine\:dark { color: hsl(160, 51%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:0\:dark, html.dark .sf-c-txt-mediumaquamarine\:0\:dark { color: hsl(160, 51%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:10\:dark, html.dark .sf-c-txt-mediumaquamarine\:10\:dark { color: hsl(160, 51%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:20\:dark, html.dark .sf-c-txt-mediumaquamarine\:20\:dark { color: hsl(160, 51%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:30\:dark, html.dark .sf-c-txt-mediumaquamarine\:30\:dark { color: hsl(160, 51%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:40\:dark, html.dark .sf-c-txt-mediumaquamarine\:40\:dark { color: hsl(160, 51%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:50\:dark, html.dark .sf-c-txt-mediumaquamarine\:50\:dark { color: hsl(160, 51%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:60\:dark, html.dark .sf-c-txt-mediumaquamarine\:60\:dark { color: hsl(160, 51%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:70\:dark, html.dark .sf-c-txt-mediumaquamarine\:70\:dark { color: hsl(160, 51%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:80\:dark, html.dark .sf-c-txt-mediumaquamarine\:80\:dark { color: hsl(160, 51%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:90\:dark, html.dark .sf-c-txt-mediumaquamarine\:90\:dark { color: hsl(160, 51%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:100\:dark, html.dark .sf-c-txt-mediumaquamarine\:100\:dark { color: hsl(160, 51%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumaquamarine, html.auto .sf-c-mediumaquamarine { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-90)); background: hsl(var(--sf-dark-c-mediumaquamarine)) } html[data-theme='auto'] .sf-c-mediumaquamarine\:0, html.auto .sf-c-mediumaquamarine\:0 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-90)); background: hsl(var(--sf-dark-c-mediumaquamarine-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-mediumaquamarine\:100\:dark, html.var.dark .sf html[data-theme='auto'] .sf-c-mediumaquamarine\:90\:dark, html.auto .sf-c-mediumaquamarine\:90\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-90)); background: hsl(var(--sf-c-mediumaquamarine-10)) } html[data-theme='auto'] .sf-c-mediumaquamarine\:100\:dark, html.auto .sf-c-mediumaquamarine\:100\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-90)); background: hsl(var(--sf-c-mediumaquamarine-0)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine, html.auto .sf-c-txt-mediumaquamarine { color: hsl(var(--sf-c-txt-mediumaquamarine)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:0, html.auto .sf-c-txt-mediumaquamarine\:0 { color: hsl(var(--sf-c-txt-mediumaquamarine-0)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:10, html.auto .sf-c-txt-mediumaquamarine\:10 { color: hsl(var(--sf-c-txt-mediumaquamarine-10)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:20, html.auto .sf-c-txt-mediumaquamarine\:20 { color: hsl(var(--sf-c-txt-mediumaquamarine-20)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:30, html.auto .sf-c-txt-mediumaquamarine\:30 { color: hsl(var(--sf-c-txt-mediumaquamarine-30)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:40, html.auto .sf-c-txt-mediumaquamarine\:40 { color: hsl(var(--sf-c-txt-mediumaquamarine-40)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:50, html.auto .sf-c-txt-mediumaquamarine\:50 { color: hsl(var(--sf-c-txt-mediumaquamarine-50)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:60, html.auto .sf-c-txt-mediumaquamarine\:60 { color: hsl(var(--sf-c-txt-mediumaquamarine-60)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:70, html.auto .sf-c-txt-mediumaquamarine\:70 { color: hsl(var(--sf-c-txt-mediumaquamarine-70)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:80, html.auto .sf-c-txt-mediumaquamarine\:80 { color: hsl(var(--sf-c-txt-mediumaquamarine-80)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:90, html.auto .sf-c-txt-mediumaquamarine\:90 { color: hsl(var(--sf-c-txt-mediumaquamarine-90)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:100, html.auto .sf-c-txt-mediumaquamarine\:100 { color: hsl(var(--sf-c-txt-mediumaquamarine-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:dark, html.auto .sf-c-txt-mediumaquamarine\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:0\:dark, html.auto .sf-c-txt-mediumaquamarine\:0\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-0)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:10\:dark, html.auto .sf-c-txt-mediumaquamarine\:10\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-10)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:20\:dark, html.auto .sf-c-txt-mediumaquamarine\:20\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-20)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:30\:dark, html.auto .sf-c-txt-mediumaquamarine\:30\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-30)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:40\:dark, html.auto .sf-c-txt-mediumaquamarine\:40\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-40)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:50\:dark, html.auto .sf-c-txt-mediumaquamarine\:50\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-50)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:60\:dark, html.auto .sf-c-txt-mediumaquamarine\:60\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-60)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:70\:dark, html.auto .sf-c-txt-mediumaquamarine\:70\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-70)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:80\:dark, html.auto .sf-c-txt-mediumaquamarine\:80\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-80)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:90\:dark, html.auto .sf-c-txt-mediumaquamarine\:90\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-90)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:100\:dark, html.auto .sf-c-txt-mediumaquamarine\:100\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-100)) } + html.var[data-theme='auto'] .sf-c-mediumaquamarine, html.var.auto .sf-c-mediumaquamarine { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 40%) } html.var[data-theme='auto'] .sf-c-mediumaquamarine\:0, html.var.auto .sf-c-mediumaquamarine\:0 { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 100%) } html.var[data-theme='auto'] .sf-c-mediumaquamarine\:10, html.var.auto .sf-c-mediumaquamarine\:10 { color: hsl(160, 51%, 10%); background: hsl(160, 51%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-mediumaquamarine\:100\:dark, html.var.dark .sf html.var[data-theme='auto'] .sf-c-mediumaquamarine\:80\:dark, html.var.auto .sf-c-mediumaquamarine\:80\:dark { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 20%) } html.var[data-theme='auto'] .sf-c-mediumaquamarine\:90\:dark, html.var.auto .sf-c-mediumaquamarine\:90\:dark { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 10%) } html.var[data-theme='auto'] .sf-c-mediumaquamarine\:100\:dark, html.var.auto .sf-c-mediumaquamarine\:100\:dark { color: hsl(160, 51%, 90%); background: hsl(160, 51%, 0%) } -} -.sf-c-txt-mediumaquamarine { color: hsl(var(--sf-c-txt-mediumaquamarine)) } -.sf-c-txt-mediumaquamarine\:0 { color: hsl(var(--sf-c-txt-mediumaquamarine-0)) } -.sf-c-txt-mediumaquamarine\:10 { color: hsl(var(--sf-c-txt-mediumaquamarine-10)) } -.sf-c-txt-mediumaquamarine\:20 { color: hsl(var(--sf-c-txt-mediumaquamarine-20)) } -.sf-c-txt-mediumaquamarine\:30 { color: hsl(var(--sf-c-txt-mediumaquamarine-30)) } -.sf-c-txt-mediumaquamarine\:40 { color: hsl(var(--sf-c-txt-mediumaquamarine-40)) } -.sf-c-txt-mediumaquamarine\:50 { color: hsl(var(--sf-c-txt-mediumaquamarine-50)) } -.sf-c-txt-mediumaquamarine\:60 { color: hsl(var(--sf-c-txt-mediumaquamarine-60)) } -.sf-c-txt-mediumaquamarine\:70 { color: hsl(var(--sf-c-txt-mediumaquamarine-70)) } -.sf-c-txt-mediumaquamarine\:80 { color: hsl(var(--sf-c-txt-mediumaquamarine-80)) } -.sf-c-txt-mediumaquamarine\:90 { color: hsl(var(--sf-c-txt-mediumaquamarine-90)) } -.sf-c-txt-mediumaquamarine\:100 { color: hsl(var(--sf-c-txt-mediumaquamarine-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine, html.auto .sf-c-txt-mediumaquamarine { color: hsl(160, 51%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:0, html.auto .sf-c-txt-mediumaquamarine\:0 { color: hsl(160, 51%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:10, html.auto .sf-c-txt-mediumaquamarine\:10 { color: hsl(160, 51%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:20, html.auto .sf-c-txt-mediumaquamarine\:20 { color: hsl(160, 51%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:30, html.auto .sf-c-txt-mediumaquamarine\:30 { color: hsl(160, 51%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:40, html.auto .sf-c-txt-mediumaquamarine\:40 { color: hsl(160, 51%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:50, html.auto .sf-c-txt-mediumaquamarine\:50 { color: hsl(160, 51%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:60, html.auto .sf-c-txt-mediumaquamarine\:60 { color: hsl(160, 51%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:70, html.auto .sf-c-txt-mediumaquamarine\:70 { color: hsl(160, 51%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:80, html.auto .sf-c-txt-mediumaquamarine\:80 { color: hsl(160, 51%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:90, html.auto .sf-c-txt-mediumaquamarine\:90 { color: hsl(160, 51%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:100, html.auto .sf-c-txt-mediumaquamarine\:100 { color: hsl(160, 51%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:dark, html.auto .sf-c-txt-mediumaquamarine\:dark { color: hsl(160, 51%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:0\:dark, html.auto .sf-c-txt-mediumaquamarine\:0\:dark { color: hsl(160, 51%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:10\:dark, html.auto .sf-c-txt-mediumaquamarine\:10\:dark { color: hsl(160, 51%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:20\:dark, html.auto .sf-c-txt-mediumaquamarine\:20\:dark { color: hsl(160, 51%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:30\:dark, html.auto .sf-c-txt-mediumaquamarine\:30\:dark { color: hsl(160, 51%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:40\:dark, html.auto .sf-c-txt-mediumaquamarine\:40\:dark { color: hsl(160, 51%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:50\:dark, html.auto .sf-c-txt-mediumaquamarine\:50\:dark { color: hsl(160, 51%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:60\:dark, html.auto .sf-c-txt-mediumaquamarine\:60\:dark { color: hsl(160, 51%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:70\:dark, html.auto .sf-c-txt-mediumaquamarine\:70\:dark { color: hsl(160, 51%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:80\:dark, html.auto .sf-c-txt-mediumaquamarine\:80\:dark { color: hsl(160, 51%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:90\:dark, html.auto .sf-c-txt-mediumaquamarine\:90\:dark { color: hsl(160, 51%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:100\:dark, html.auto .sf-c-txt-mediumaquamarine\:100\:dark { color: hsl(160, 51%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/mediumblue.css b/src/colors/10/mediumblue.css index 2adffc3..4f882c6 100644 --- a/src/colors/10/mediumblue.css +++ b/src/colors/10/mediumblue.css @@ -78,6 +78,32 @@ html.var .sf-c-mediumblue\:80 { color: hsl(240, 100%, 90%); background: hsl(240, html.var .sf-c-mediumblue\:90 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } html.var .sf-c-mediumblue\:100 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } +.sf-c-txt-mediumblue { color: hsl(var(--sf-dark-c-txt-mediumblue)) } +.sf-c-txt-mediumblue\:0 { color: hsl(var(--sf-dark-c-txt-mediumblue-100)) } +.sf-c-txt-mediumblue\:10 { color: hsl(var(--sf-dark-c-txt-mediumblue-90)) } +.sf-c-txt-mediumblue\:20 { color: hsl(var(--sf-dark-c-txt-mediumblue-80)) } +.sf-c-txt-mediumblue\:30 { color: hsl(var(--sf-dark-c-txt-mediumblue-70)) } +.sf-c-txt-mediumblue\:40 { color: hsl(var(--sf-dark-c-txt-mediumblue-60)) } +.sf-c-txt-mediumblue\:50 { color: hsl(var(--sf-dark-c-txt-mediumblue-50)) } +.sf-c-txt-mediumblue\:60 { color: hsl(var(--sf-dark-c-txt-mediumblue-40)) } +.sf-c-txt-mediumblue\:70 { color: hsl(var(--sf-dark-c-txt-mediumblue-30)) } +.sf-c-txt-mediumblue\:80 { color: hsl(var(--sf-dark-c-txt-mediumblue-20)) } +.sf-c-txt-mediumblue\:90 { color: hsl(var(--sf-dark-c-txt-mediumblue-10)) } +.sf-c-txt-mediumblue\:100 { color: hsl(var(--sf-dark-c-txt-mediumblue-0)) } + +html.var .sf-c-txt-mediumblue { color: hsl(240, 100%, 60%) } +html.var .sf-c-txt-mediumblue\:0 { color: hsl(240, 100%, 100%) } +html.var .sf-c-txt-mediumblue\:10 { color: hsl(240, 100%, 90%) } +html.var .sf-c-txt-mediumblue\:20 { color: hsl(240, 100%, 80%) } +html.var .sf-c-txt-mediumblue\:30 { color: hsl(240, 100%, 70%) } +html.var .sf-c-txt-mediumblue\:40 { color: hsl(240, 100%, 60%) } +html.var .sf-c-txt-mediumblue\:50 { color: hsl(240, 100%, 50%) } +html.var .sf-c-txt-mediumblue\:60 { color: hsl(240, 100%, 40%) } +html.var .sf-c-txt-mediumblue\:70 { color: hsl(240, 100%, 30%) } +html.var .sf-c-txt-mediumblue\:80 { color: hsl(240, 100%, 20%) } +html.var .sf-c-txt-mediumblue\:90 { color: hsl(240, 100%, 10%) } +html.var .sf-c-txt-mediumblue\:100 { color: hsl(240, 100%, 0%) } + html[data-theme='dark'] .sf-c-mediumblue, html.dark .sf-c-mediumblue { color: hsl(var(--sf-dark-c-txt-mediumblue-90)); background: hsl(var(--sf-dark-c-mediumblue)) } html[data-theme='dark'] .sf-c-mediumblue\:0, html.dark .sf-c-mediumblue\:0 { color: hsl(var(--sf-dark-c-txt-mediumblue-90)); background: hsl(var(--sf-dark-c-mediumblue-100)) } html[data-theme='dark'] .sf-c-mediumblue\:10, html.dark .sf-c-mediumblue\:10 { color: hsl(var(--sf-dark-c-txt-mediumblue-10)); background: hsl(var(--sf-dark-c-mediumblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-mediumblue\:80\:dark, html.dark .sf-c-mediumblue\: html[data-theme='dark'] .sf-c-mediumblue\:90\:dark, html.dark .sf-c-mediumblue\:90\:dark { color: hsl(var(--sf-c-txt-mediumblue-90)); background: hsl(var(--sf-c-mediumblue-10)) } html[data-theme='dark'] .sf-c-mediumblue\:100\:dark, html.dark .sf-c-mediumblue\:100\:dark { color: hsl(var(--sf-c-txt-mediumblue-90)); background: hsl(var(--sf-c-mediumblue-0)) } +html[data-theme='dark'] .sf-c-txt-mediumblue, html.dark .sf-c-txt-mediumblue { color: hsl(var(--sf-c-txt-mediumblue)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:0, html.dark .sf-c-txt-mediumblue\:0 { color: hsl(var(--sf-c-txt-mediumblue-0)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:10, html.dark .sf-c-txt-mediumblue\:10 { color: hsl(var(--sf-c-txt-mediumblue-10)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:20, html.dark .sf-c-txt-mediumblue\:20 { color: hsl(var(--sf-c-txt-mediumblue-20)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:30, html.dark .sf-c-txt-mediumblue\:30 { color: hsl(var(--sf-c-txt-mediumblue-30)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:40, html.dark .sf-c-txt-mediumblue\:40 { color: hsl(var(--sf-c-txt-mediumblue-40)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:50, html.dark .sf-c-txt-mediumblue\:50 { color: hsl(var(--sf-c-txt-mediumblue-50)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:60, html.dark .sf-c-txt-mediumblue\:60 { color: hsl(var(--sf-c-txt-mediumblue-60)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:70, html.dark .sf-c-txt-mediumblue\:70 { color: hsl(var(--sf-c-txt-mediumblue-70)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:80, html.dark .sf-c-txt-mediumblue\:80 { color: hsl(var(--sf-c-txt-mediumblue-80)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:90, html.dark .sf-c-txt-mediumblue\:90 { color: hsl(var(--sf-c-txt-mediumblue-90)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:100, html.dark .sf-c-txt-mediumblue\:100 { color: hsl(var(--sf-c-txt-mediumblue-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumblue\:dark, html.dark .sf-c-txt-mediumblue\:dark { color: hsl(var(--sf-c-txt-mediumblue)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:0\:dark, html.dark .sf-c-txt-mediumblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-0)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:10\:dark, html.dark .sf-c-txt-mediumblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-10)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:20\:dark, html.dark .sf-c-txt-mediumblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-20)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:30\:dark, html.dark .sf-c-txt-mediumblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-30)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:40\:dark, html.dark .sf-c-txt-mediumblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-40)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:50\:dark, html.dark .sf-c-txt-mediumblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-50)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:60\:dark, html.dark .sf-c-txt-mediumblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-60)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:70\:dark, html.dark .sf-c-txt-mediumblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-70)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:80\:dark, html.dark .sf-c-txt-mediumblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-80)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:90\:dark, html.dark .sf-c-txt-mediumblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-90)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:100\:dark, html.dark .sf-c-txt-mediumblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-100)) } + html.var[data-theme='dark'] .sf-c-mediumblue, html.var.dark .sf-c-mediumblue { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } html.var[data-theme='dark'] .sf-c-mediumblue\:0, html.var.dark .sf-c-mediumblue\:0 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 100%) } html.var[data-theme='dark'] .sf-c-mediumblue\:10, html.var.dark .sf-c-mediumblue\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-mediumblue\:80\:dark, html.var.dark .sf-c-medi html.var[data-theme='dark'] .sf-c-mediumblue\:90\:dark, html.var.dark .sf-c-mediumblue\:90\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } html.var[data-theme='dark'] .sf-c-mediumblue\:100\:dark, html.var.dark .sf-c-mediumblue\:100\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue, html.dark .sf-c-txt-mediumblue { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:0, html.dark .sf-c-txt-mediumblue\:0 { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:10, html.dark .sf-c-txt-mediumblue\:10 { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:20, html.dark .sf-c-txt-mediumblue\:20 { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:30, html.dark .sf-c-txt-mediumblue\:30 { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:40, html.dark .sf-c-txt-mediumblue\:40 { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:50, html.dark .sf-c-txt-mediumblue\:50 { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:60, html.dark .sf-c-txt-mediumblue\:60 { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:70, html.dark .sf-c-txt-mediumblue\:70 { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:80, html.dark .sf-c-txt-mediumblue\:80 { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:90, html.dark .sf-c-txt-mediumblue\:90 { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:100, html.dark .sf-c-txt-mediumblue\:100 { color: hsl(240, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:dark, html.dark .sf-c-txt-mediumblue\:dark { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:0\:dark, html.dark .sf-c-txt-mediumblue\:0\:dark { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:10\:dark, html.dark .sf-c-txt-mediumblue\:10\:dark { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:20\:dark, html.dark .sf-c-txt-mediumblue\:20\:dark { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:30\:dark, html.dark .sf-c-txt-mediumblue\:30\:dark { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:40\:dark, html.dark .sf-c-txt-mediumblue\:40\:dark { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:50\:dark, html.dark .sf-c-txt-mediumblue\:50\:dark { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:60\:dark, html.dark .sf-c-txt-mediumblue\:60\:dark { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:70\:dark, html.dark .sf-c-txt-mediumblue\:70\:dark { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:80\:dark, html.dark .sf-c-txt-mediumblue\:80\:dark { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:90\:dark, html.dark .sf-c-txt-mediumblue\:90\:dark { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:100\:dark, html.dark .sf-c-txt-mediumblue\:100\:dark { color: hsl(240, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumblue, html.auto .sf-c-mediumblue { color: hsl(var(--sf-dark-c-txt-mediumblue-90)); background: hsl(var(--sf-dark-c-mediumblue)) } html[data-theme='auto'] .sf-c-mediumblue\:0, html.auto .sf-c-mediumblue\:0 { color: hsl(var(--sf-dark-c-txt-mediumblue-90)); background: hsl(var(--sf-dark-c-mediumblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-mediumblue\:100\:dark, html.var.dark .sf-c-med html[data-theme='auto'] .sf-c-mediumblue\:90\:dark, html.auto .sf-c-mediumblue\:90\:dark { color: hsl(var(--sf-c-txt-mediumblue-90)); background: hsl(var(--sf-c-mediumblue-10)) } html[data-theme='auto'] .sf-c-mediumblue\:100\:dark, html.auto .sf-c-mediumblue\:100\:dark { color: hsl(var(--sf-c-txt-mediumblue-90)); background: hsl(var(--sf-c-mediumblue-0)) } + html[data-theme='auto'] .sf-c-txt-mediumblue, html.auto .sf-c-txt-mediumblue { color: hsl(var(--sf-c-txt-mediumblue)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:0, html.auto .sf-c-txt-mediumblue\:0 { color: hsl(var(--sf-c-txt-mediumblue-0)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:10, html.auto .sf-c-txt-mediumblue\:10 { color: hsl(var(--sf-c-txt-mediumblue-10)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:20, html.auto .sf-c-txt-mediumblue\:20 { color: hsl(var(--sf-c-txt-mediumblue-20)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:30, html.auto .sf-c-txt-mediumblue\:30 { color: hsl(var(--sf-c-txt-mediumblue-30)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:40, html.auto .sf-c-txt-mediumblue\:40 { color: hsl(var(--sf-c-txt-mediumblue-40)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:50, html.auto .sf-c-txt-mediumblue\:50 { color: hsl(var(--sf-c-txt-mediumblue-50)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:60, html.auto .sf-c-txt-mediumblue\:60 { color: hsl(var(--sf-c-txt-mediumblue-60)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:70, html.auto .sf-c-txt-mediumblue\:70 { color: hsl(var(--sf-c-txt-mediumblue-70)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:80, html.auto .sf-c-txt-mediumblue\:80 { color: hsl(var(--sf-c-txt-mediumblue-80)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:90, html.auto .sf-c-txt-mediumblue\:90 { color: hsl(var(--sf-c-txt-mediumblue-90)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:100, html.auto .sf-c-txt-mediumblue\:100 { color: hsl(var(--sf-c-txt-mediumblue-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumblue\:dark, html.auto .sf-c-txt-mediumblue\:dark { color: hsl(var(--sf-c-txt-mediumblue)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:0\:dark, html.auto .sf-c-txt-mediumblue\:0\:dark { color: hsl(var(--sf-c-txt-mediumblue-0)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:10\:dark, html.auto .sf-c-txt-mediumblue\:10\:dark { color: hsl(var(--sf-c-txt-mediumblue-10)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:20\:dark, html.auto .sf-c-txt-mediumblue\:20\:dark { color: hsl(var(--sf-c-txt-mediumblue-20)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:30\:dark, html.auto .sf-c-txt-mediumblue\:30\:dark { color: hsl(var(--sf-c-txt-mediumblue-30)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:40\:dark, html.auto .sf-c-txt-mediumblue\:40\:dark { color: hsl(var(--sf-c-txt-mediumblue-40)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:50\:dark, html.auto .sf-c-txt-mediumblue\:50\:dark { color: hsl(var(--sf-c-txt-mediumblue-50)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:60\:dark, html.auto .sf-c-txt-mediumblue\:60\:dark { color: hsl(var(--sf-c-txt-mediumblue-60)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:70\:dark, html.auto .sf-c-txt-mediumblue\:70\:dark { color: hsl(var(--sf-c-txt-mediumblue-70)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:80\:dark, html.auto .sf-c-txt-mediumblue\:80\:dark { color: hsl(var(--sf-c-txt-mediumblue-80)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:90\:dark, html.auto .sf-c-txt-mediumblue\:90\:dark { color: hsl(var(--sf-c-txt-mediumblue-90)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:100\:dark, html.auto .sf-c-txt-mediumblue\:100\:dark { color: hsl(var(--sf-c-txt-mediumblue-100)) } + html.var[data-theme='auto'] .sf-c-mediumblue, html.var.auto .sf-c-mediumblue { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 60%) } html.var[data-theme='auto'] .sf-c-mediumblue\:0, html.var.auto .sf-c-mediumblue\:0 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 100%) } html.var[data-theme='auto'] .sf-c-mediumblue\:10, html.var.auto .sf-c-mediumblue\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-mediumblue\:100\:dark, html.var.dark .sf-c-med html.var[data-theme='auto'] .sf-c-mediumblue\:80\:dark, html.var.auto .sf-c-mediumblue\:80\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } html.var[data-theme='auto'] .sf-c-mediumblue\:90\:dark, html.var.auto .sf-c-mediumblue\:90\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } html.var[data-theme='auto'] .sf-c-mediumblue\:100\:dark, html.var.auto .sf-c-mediumblue\:100\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } -} -.sf-c-txt-mediumblue { color: hsl(var(--sf-c-txt-mediumblue)) } -.sf-c-txt-mediumblue\:0 { color: hsl(var(--sf-c-txt-mediumblue-0)) } -.sf-c-txt-mediumblue\:10 { color: hsl(var(--sf-c-txt-mediumblue-10)) } -.sf-c-txt-mediumblue\:20 { color: hsl(var(--sf-c-txt-mediumblue-20)) } -.sf-c-txt-mediumblue\:30 { color: hsl(var(--sf-c-txt-mediumblue-30)) } -.sf-c-txt-mediumblue\:40 { color: hsl(var(--sf-c-txt-mediumblue-40)) } -.sf-c-txt-mediumblue\:50 { color: hsl(var(--sf-c-txt-mediumblue-50)) } -.sf-c-txt-mediumblue\:60 { color: hsl(var(--sf-c-txt-mediumblue-60)) } -.sf-c-txt-mediumblue\:70 { color: hsl(var(--sf-c-txt-mediumblue-70)) } -.sf-c-txt-mediumblue\:80 { color: hsl(var(--sf-c-txt-mediumblue-80)) } -.sf-c-txt-mediumblue\:90 { color: hsl(var(--sf-c-txt-mediumblue-90)) } -.sf-c-txt-mediumblue\:100 { color: hsl(var(--sf-c-txt-mediumblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumblue, html.auto .sf-c-txt-mediumblue { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:0, html.auto .sf-c-txt-mediumblue\:0 { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:10, html.auto .sf-c-txt-mediumblue\:10 { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:20, html.auto .sf-c-txt-mediumblue\:20 { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:30, html.auto .sf-c-txt-mediumblue\:30 { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:40, html.auto .sf-c-txt-mediumblue\:40 { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:50, html.auto .sf-c-txt-mediumblue\:50 { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:60, html.auto .sf-c-txt-mediumblue\:60 { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:70, html.auto .sf-c-txt-mediumblue\:70 { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:80, html.auto .sf-c-txt-mediumblue\:80 { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:90, html.auto .sf-c-txt-mediumblue\:90 { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:100, html.auto .sf-c-txt-mediumblue\:100 { color: hsl(240, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:dark, html.auto .sf-c-txt-mediumblue\:dark { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:0\:dark, html.auto .sf-c-txt-mediumblue\:0\:dark { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:10\:dark, html.auto .sf-c-txt-mediumblue\:10\:dark { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:20\:dark, html.auto .sf-c-txt-mediumblue\:20\:dark { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:30\:dark, html.auto .sf-c-txt-mediumblue\:30\:dark { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:40\:dark, html.auto .sf-c-txt-mediumblue\:40\:dark { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:50\:dark, html.auto .sf-c-txt-mediumblue\:50\:dark { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:60\:dark, html.auto .sf-c-txt-mediumblue\:60\:dark { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:70\:dark, html.auto .sf-c-txt-mediumblue\:70\:dark { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:80\:dark, html.auto .sf-c-txt-mediumblue\:80\:dark { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:90\:dark, html.auto .sf-c-txt-mediumblue\:90\:dark { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:100\:dark, html.auto .sf-c-txt-mediumblue\:100\:dark { color: hsl(240, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/mediumorchid.css b/src/colors/10/mediumorchid.css index 16dd9a0..a2884e2 100644 --- a/src/colors/10/mediumorchid.css +++ b/src/colors/10/mediumorchid.css @@ -78,6 +78,32 @@ html.var .sf-c-mediumorchid\:80 { color: hsl(288, 59%, 10%); background: hsl(288 html.var .sf-c-mediumorchid\:90 { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 90%) } html.var .sf-c-mediumorchid\:100 { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 100%) } +.sf-c-txt-mediumorchid { color: hsl(var(--sf-dark-c-txt-mediumorchid)) } +.sf-c-txt-mediumorchid\:0 { color: hsl(var(--sf-dark-c-txt-mediumorchid-100)) } +.sf-c-txt-mediumorchid\:10 { color: hsl(var(--sf-dark-c-txt-mediumorchid-90)) } +.sf-c-txt-mediumorchid\:20 { color: hsl(var(--sf-dark-c-txt-mediumorchid-80)) } +.sf-c-txt-mediumorchid\:30 { color: hsl(var(--sf-dark-c-txt-mediumorchid-70)) } +.sf-c-txt-mediumorchid\:40 { color: hsl(var(--sf-dark-c-txt-mediumorchid-60)) } +.sf-c-txt-mediumorchid\:50 { color: hsl(var(--sf-dark-c-txt-mediumorchid-50)) } +.sf-c-txt-mediumorchid\:60 { color: hsl(var(--sf-dark-c-txt-mediumorchid-40)) } +.sf-c-txt-mediumorchid\:70 { color: hsl(var(--sf-dark-c-txt-mediumorchid-30)) } +.sf-c-txt-mediumorchid\:80 { color: hsl(var(--sf-dark-c-txt-mediumorchid-20)) } +.sf-c-txt-mediumorchid\:90 { color: hsl(var(--sf-dark-c-txt-mediumorchid-10)) } +.sf-c-txt-mediumorchid\:100 { color: hsl(var(--sf-dark-c-txt-mediumorchid-0)) } + +html.var .sf-c-txt-mediumorchid { color: hsl(288, 59%, 42%) } +html.var .sf-c-txt-mediumorchid\:0 { color: hsl(288, 59%, 100%) } +html.var .sf-c-txt-mediumorchid\:10 { color: hsl(288, 59%, 90%) } +html.var .sf-c-txt-mediumorchid\:20 { color: hsl(288, 59%, 80%) } +html.var .sf-c-txt-mediumorchid\:30 { color: hsl(288, 59%, 70%) } +html.var .sf-c-txt-mediumorchid\:40 { color: hsl(288, 59%, 60%) } +html.var .sf-c-txt-mediumorchid\:50 { color: hsl(288, 59%, 50%) } +html.var .sf-c-txt-mediumorchid\:60 { color: hsl(288, 59%, 40%) } +html.var .sf-c-txt-mediumorchid\:70 { color: hsl(288, 59%, 30%) } +html.var .sf-c-txt-mediumorchid\:80 { color: hsl(288, 59%, 20%) } +html.var .sf-c-txt-mediumorchid\:90 { color: hsl(288, 59%, 10%) } +html.var .sf-c-txt-mediumorchid\:100 { color: hsl(288, 59%, 0%) } + html[data-theme='dark'] .sf-c-mediumorchid, html.dark .sf-c-mediumorchid { color: hsl(var(--sf-dark-c-txt-mediumorchid-90)); background: hsl(var(--sf-dark-c-mediumorchid)) } html[data-theme='dark'] .sf-c-mediumorchid\:0, html.dark .sf-c-mediumorchid\:0 { color: hsl(var(--sf-dark-c-txt-mediumorchid-90)); background: hsl(var(--sf-dark-c-mediumorchid-100)) } html[data-theme='dark'] .sf-c-mediumorchid\:10, html.dark .sf-c-mediumorchid\:10 { color: hsl(var(--sf-dark-c-txt-mediumorchid-10)); background: hsl(var(--sf-dark-c-mediumorchid-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-mediumorchid\:80\:dark, html.dark .sf-c-mediumorch html[data-theme='dark'] .sf-c-mediumorchid\:90\:dark, html.dark .sf-c-mediumorchid\:90\:dark { color: hsl(var(--sf-c-txt-mediumorchid-90)); background: hsl(var(--sf-c-mediumorchid-10)) } html[data-theme='dark'] .sf-c-mediumorchid\:100\:dark, html.dark .sf-c-mediumorchid\:100\:dark { color: hsl(var(--sf-c-txt-mediumorchid-90)); background: hsl(var(--sf-c-mediumorchid-0)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid, html.dark .sf-c-txt-mediumorchid { color: hsl(var(--sf-c-txt-mediumorchid)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:0, html.dark .sf-c-txt-mediumorchid\:0 { color: hsl(var(--sf-c-txt-mediumorchid-0)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:10, html.dark .sf-c-txt-mediumorchid\:10 { color: hsl(var(--sf-c-txt-mediumorchid-10)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:20, html.dark .sf-c-txt-mediumorchid\:20 { color: hsl(var(--sf-c-txt-mediumorchid-20)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:30, html.dark .sf-c-txt-mediumorchid\:30 { color: hsl(var(--sf-c-txt-mediumorchid-30)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:40, html.dark .sf-c-txt-mediumorchid\:40 { color: hsl(var(--sf-c-txt-mediumorchid-40)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:50, html.dark .sf-c-txt-mediumorchid\:50 { color: hsl(var(--sf-c-txt-mediumorchid-50)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:60, html.dark .sf-c-txt-mediumorchid\:60 { color: hsl(var(--sf-c-txt-mediumorchid-60)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:70, html.dark .sf-c-txt-mediumorchid\:70 { color: hsl(var(--sf-c-txt-mediumorchid-70)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:80, html.dark .sf-c-txt-mediumorchid\:80 { color: hsl(var(--sf-c-txt-mediumorchid-80)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:90, html.dark .sf-c-txt-mediumorchid\:90 { color: hsl(var(--sf-c-txt-mediumorchid-90)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:100, html.dark .sf-c-txt-mediumorchid\:100 { color: hsl(var(--sf-c-txt-mediumorchid-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumorchid\:dark, html.dark .sf-c-txt-mediumorchid\:dark { color: hsl(var(--sf-c-txt-mediumorchid)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:0\:dark, html.dark .sf-c-txt-mediumorchid\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-0)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:10\:dark, html.dark .sf-c-txt-mediumorchid\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-10)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:20\:dark, html.dark .sf-c-txt-mediumorchid\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-20)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:30\:dark, html.dark .sf-c-txt-mediumorchid\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-30)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:40\:dark, html.dark .sf-c-txt-mediumorchid\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-40)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:50\:dark, html.dark .sf-c-txt-mediumorchid\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-50)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:60\:dark, html.dark .sf-c-txt-mediumorchid\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-60)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:70\:dark, html.dark .sf-c-txt-mediumorchid\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-70)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:80\:dark, html.dark .sf-c-txt-mediumorchid\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-80)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:90\:dark, html.dark .sf-c-txt-mediumorchid\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-90)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:100\:dark, html.dark .sf-c-txt-mediumorchid\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-100)) } + html.var[data-theme='dark'] .sf-c-mediumorchid, html.var.dark .sf-c-mediumorchid { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 42%) } html.var[data-theme='dark'] .sf-c-mediumorchid\:0, html.var.dark .sf-c-mediumorchid\:0 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 100%) } html.var[data-theme='dark'] .sf-c-mediumorchid\:10, html.var.dark .sf-c-mediumorchid\:10 { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-mediumorchid\:80\:dark, html.var.dark .sf-c-me html.var[data-theme='dark'] .sf-c-mediumorchid\:90\:dark, html.var.dark .sf-c-mediumorchid\:90\:dark { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 10%) } html.var[data-theme='dark'] .sf-c-mediumorchid\:100\:dark, html.var.dark .sf-c-mediumorchid\:100\:dark { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid, html.dark .sf-c-txt-mediumorchid { color: hsl(288, 59%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:0, html.dark .sf-c-txt-mediumorchid\:0 { color: hsl(288, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:10, html.dark .sf-c-txt-mediumorchid\:10 { color: hsl(288, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:20, html.dark .sf-c-txt-mediumorchid\:20 { color: hsl(288, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:30, html.dark .sf-c-txt-mediumorchid\:30 { color: hsl(288, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:40, html.dark .sf-c-txt-mediumorchid\:40 { color: hsl(288, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:50, html.dark .sf-c-txt-mediumorchid\:50 { color: hsl(288, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:60, html.dark .sf-c-txt-mediumorchid\:60 { color: hsl(288, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:70, html.dark .sf-c-txt-mediumorchid\:70 { color: hsl(288, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:80, html.dark .sf-c-txt-mediumorchid\:80 { color: hsl(288, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:90, html.dark .sf-c-txt-mediumorchid\:90 { color: hsl(288, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:100, html.dark .sf-c-txt-mediumorchid\:100 { color: hsl(288, 59%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:dark, html.dark .sf-c-txt-mediumorchid\:dark { color: hsl(288, 59%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:0\:dark, html.dark .sf-c-txt-mediumorchid\:0\:dark { color: hsl(288, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:10\:dark, html.dark .sf-c-txt-mediumorchid\:10\:dark { color: hsl(288, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:20\:dark, html.dark .sf-c-txt-mediumorchid\:20\:dark { color: hsl(288, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:30\:dark, html.dark .sf-c-txt-mediumorchid\:30\:dark { color: hsl(288, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:40\:dark, html.dark .sf-c-txt-mediumorchid\:40\:dark { color: hsl(288, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:50\:dark, html.dark .sf-c-txt-mediumorchid\:50\:dark { color: hsl(288, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:60\:dark, html.dark .sf-c-txt-mediumorchid\:60\:dark { color: hsl(288, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:70\:dark, html.dark .sf-c-txt-mediumorchid\:70\:dark { color: hsl(288, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:80\:dark, html.dark .sf-c-txt-mediumorchid\:80\:dark { color: hsl(288, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:90\:dark, html.dark .sf-c-txt-mediumorchid\:90\:dark { color: hsl(288, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:100\:dark, html.dark .sf-c-txt-mediumorchid\:100\:dark { color: hsl(288, 59%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumorchid, html.auto .sf-c-mediumorchid { color: hsl(var(--sf-dark-c-txt-mediumorchid-90)); background: hsl(var(--sf-dark-c-mediumorchid)) } html[data-theme='auto'] .sf-c-mediumorchid\:0, html.auto .sf-c-mediumorchid\:0 { color: hsl(var(--sf-dark-c-txt-mediumorchid-90)); background: hsl(var(--sf-dark-c-mediumorchid-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-mediumorchid\:100\:dark, html.var.dark .sf-c-m html[data-theme='auto'] .sf-c-mediumorchid\:90\:dark, html.auto .sf-c-mediumorchid\:90\:dark { color: hsl(var(--sf-c-txt-mediumorchid-90)); background: hsl(var(--sf-c-mediumorchid-10)) } html[data-theme='auto'] .sf-c-mediumorchid\:100\:dark, html.auto .sf-c-mediumorchid\:100\:dark { color: hsl(var(--sf-c-txt-mediumorchid-90)); background: hsl(var(--sf-c-mediumorchid-0)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid, html.auto .sf-c-txt-mediumorchid { color: hsl(var(--sf-c-txt-mediumorchid)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:0, html.auto .sf-c-txt-mediumorchid\:0 { color: hsl(var(--sf-c-txt-mediumorchid-0)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:10, html.auto .sf-c-txt-mediumorchid\:10 { color: hsl(var(--sf-c-txt-mediumorchid-10)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:20, html.auto .sf-c-txt-mediumorchid\:20 { color: hsl(var(--sf-c-txt-mediumorchid-20)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:30, html.auto .sf-c-txt-mediumorchid\:30 { color: hsl(var(--sf-c-txt-mediumorchid-30)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:40, html.auto .sf-c-txt-mediumorchid\:40 { color: hsl(var(--sf-c-txt-mediumorchid-40)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:50, html.auto .sf-c-txt-mediumorchid\:50 { color: hsl(var(--sf-c-txt-mediumorchid-50)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:60, html.auto .sf-c-txt-mediumorchid\:60 { color: hsl(var(--sf-c-txt-mediumorchid-60)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:70, html.auto .sf-c-txt-mediumorchid\:70 { color: hsl(var(--sf-c-txt-mediumorchid-70)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:80, html.auto .sf-c-txt-mediumorchid\:80 { color: hsl(var(--sf-c-txt-mediumorchid-80)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:90, html.auto .sf-c-txt-mediumorchid\:90 { color: hsl(var(--sf-c-txt-mediumorchid-90)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:100, html.auto .sf-c-txt-mediumorchid\:100 { color: hsl(var(--sf-c-txt-mediumorchid-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumorchid\:dark, html.auto .sf-c-txt-mediumorchid\:dark { color: hsl(var(--sf-c-txt-mediumorchid)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:0\:dark, html.auto .sf-c-txt-mediumorchid\:0\:dark { color: hsl(var(--sf-c-txt-mediumorchid-0)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:10\:dark, html.auto .sf-c-txt-mediumorchid\:10\:dark { color: hsl(var(--sf-c-txt-mediumorchid-10)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:20\:dark, html.auto .sf-c-txt-mediumorchid\:20\:dark { color: hsl(var(--sf-c-txt-mediumorchid-20)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:30\:dark, html.auto .sf-c-txt-mediumorchid\:30\:dark { color: hsl(var(--sf-c-txt-mediumorchid-30)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:40\:dark, html.auto .sf-c-txt-mediumorchid\:40\:dark { color: hsl(var(--sf-c-txt-mediumorchid-40)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:50\:dark, html.auto .sf-c-txt-mediumorchid\:50\:dark { color: hsl(var(--sf-c-txt-mediumorchid-50)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:60\:dark, html.auto .sf-c-txt-mediumorchid\:60\:dark { color: hsl(var(--sf-c-txt-mediumorchid-60)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:70\:dark, html.auto .sf-c-txt-mediumorchid\:70\:dark { color: hsl(var(--sf-c-txt-mediumorchid-70)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:80\:dark, html.auto .sf-c-txt-mediumorchid\:80\:dark { color: hsl(var(--sf-c-txt-mediumorchid-80)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:90\:dark, html.auto .sf-c-txt-mediumorchid\:90\:dark { color: hsl(var(--sf-c-txt-mediumorchid-90)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:100\:dark, html.auto .sf-c-txt-mediumorchid\:100\:dark { color: hsl(var(--sf-c-txt-mediumorchid-100)) } + html.var[data-theme='auto'] .sf-c-mediumorchid, html.var.auto .sf-c-mediumorchid { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 42%) } html.var[data-theme='auto'] .sf-c-mediumorchid\:0, html.var.auto .sf-c-mediumorchid\:0 { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 100%) } html.var[data-theme='auto'] .sf-c-mediumorchid\:10, html.var.auto .sf-c-mediumorchid\:10 { color: hsl(288, 59%, 10%); background: hsl(288, 59%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-mediumorchid\:100\:dark, html.var.dark .sf-c-m html.var[data-theme='auto'] .sf-c-mediumorchid\:80\:dark, html.var.auto .sf-c-mediumorchid\:80\:dark { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 20%) } html.var[data-theme='auto'] .sf-c-mediumorchid\:90\:dark, html.var.auto .sf-c-mediumorchid\:90\:dark { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 10%) } html.var[data-theme='auto'] .sf-c-mediumorchid\:100\:dark, html.var.auto .sf-c-mediumorchid\:100\:dark { color: hsl(288, 59%, 90%); background: hsl(288, 59%, 0%) } -} -.sf-c-txt-mediumorchid { color: hsl(var(--sf-c-txt-mediumorchid)) } -.sf-c-txt-mediumorchid\:0 { color: hsl(var(--sf-c-txt-mediumorchid-0)) } -.sf-c-txt-mediumorchid\:10 { color: hsl(var(--sf-c-txt-mediumorchid-10)) } -.sf-c-txt-mediumorchid\:20 { color: hsl(var(--sf-c-txt-mediumorchid-20)) } -.sf-c-txt-mediumorchid\:30 { color: hsl(var(--sf-c-txt-mediumorchid-30)) } -.sf-c-txt-mediumorchid\:40 { color: hsl(var(--sf-c-txt-mediumorchid-40)) } -.sf-c-txt-mediumorchid\:50 { color: hsl(var(--sf-c-txt-mediumorchid-50)) } -.sf-c-txt-mediumorchid\:60 { color: hsl(var(--sf-c-txt-mediumorchid-60)) } -.sf-c-txt-mediumorchid\:70 { color: hsl(var(--sf-c-txt-mediumorchid-70)) } -.sf-c-txt-mediumorchid\:80 { color: hsl(var(--sf-c-txt-mediumorchid-80)) } -.sf-c-txt-mediumorchid\:90 { color: hsl(var(--sf-c-txt-mediumorchid-90)) } -.sf-c-txt-mediumorchid\:100 { color: hsl(var(--sf-c-txt-mediumorchid-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumorchid, html.auto .sf-c-txt-mediumorchid { color: hsl(288, 59%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:0, html.auto .sf-c-txt-mediumorchid\:0 { color: hsl(288, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:10, html.auto .sf-c-txt-mediumorchid\:10 { color: hsl(288, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:20, html.auto .sf-c-txt-mediumorchid\:20 { color: hsl(288, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:30, html.auto .sf-c-txt-mediumorchid\:30 { color: hsl(288, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:40, html.auto .sf-c-txt-mediumorchid\:40 { color: hsl(288, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:50, html.auto .sf-c-txt-mediumorchid\:50 { color: hsl(288, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:60, html.auto .sf-c-txt-mediumorchid\:60 { color: hsl(288, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:70, html.auto .sf-c-txt-mediumorchid\:70 { color: hsl(288, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:80, html.auto .sf-c-txt-mediumorchid\:80 { color: hsl(288, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:90, html.auto .sf-c-txt-mediumorchid\:90 { color: hsl(288, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:100, html.auto .sf-c-txt-mediumorchid\:100 { color: hsl(288, 59%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:dark, html.auto .sf-c-txt-mediumorchid\:dark { color: hsl(288, 59%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:0\:dark, html.auto .sf-c-txt-mediumorchid\:0\:dark { color: hsl(288, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:10\:dark, html.auto .sf-c-txt-mediumorchid\:10\:dark { color: hsl(288, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:20\:dark, html.auto .sf-c-txt-mediumorchid\:20\:dark { color: hsl(288, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:30\:dark, html.auto .sf-c-txt-mediumorchid\:30\:dark { color: hsl(288, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:40\:dark, html.auto .sf-c-txt-mediumorchid\:40\:dark { color: hsl(288, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:50\:dark, html.auto .sf-c-txt-mediumorchid\:50\:dark { color: hsl(288, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:60\:dark, html.auto .sf-c-txt-mediumorchid\:60\:dark { color: hsl(288, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:70\:dark, html.auto .sf-c-txt-mediumorchid\:70\:dark { color: hsl(288, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:80\:dark, html.auto .sf-c-txt-mediumorchid\:80\:dark { color: hsl(288, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:90\:dark, html.auto .sf-c-txt-mediumorchid\:90\:dark { color: hsl(288, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:100\:dark, html.auto .sf-c-txt-mediumorchid\:100\:dark { color: hsl(288, 59%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/mediumpurple.css b/src/colors/10/mediumpurple.css index ed45c84..78cd7fc 100644 --- a/src/colors/10/mediumpurple.css +++ b/src/colors/10/mediumpurple.css @@ -78,6 +78,32 @@ html.var .sf-c-mediumpurple\:80 { color: hsl(260, 60%, 90%); background: hsl(260 html.var .sf-c-mediumpurple\:90 { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 90%) } html.var .sf-c-mediumpurple\:100 { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 100%) } +.sf-c-txt-mediumpurple { color: hsl(var(--sf-dark-c-txt-mediumpurple)) } +.sf-c-txt-mediumpurple\:0 { color: hsl(var(--sf-dark-c-txt-mediumpurple-100)) } +.sf-c-txt-mediumpurple\:10 { color: hsl(var(--sf-dark-c-txt-mediumpurple-90)) } +.sf-c-txt-mediumpurple\:20 { color: hsl(var(--sf-dark-c-txt-mediumpurple-80)) } +.sf-c-txt-mediumpurple\:30 { color: hsl(var(--sf-dark-c-txt-mediumpurple-70)) } +.sf-c-txt-mediumpurple\:40 { color: hsl(var(--sf-dark-c-txt-mediumpurple-60)) } +.sf-c-txt-mediumpurple\:50 { color: hsl(var(--sf-dark-c-txt-mediumpurple-50)) } +.sf-c-txt-mediumpurple\:60 { color: hsl(var(--sf-dark-c-txt-mediumpurple-40)) } +.sf-c-txt-mediumpurple\:70 { color: hsl(var(--sf-dark-c-txt-mediumpurple-30)) } +.sf-c-txt-mediumpurple\:80 { color: hsl(var(--sf-dark-c-txt-mediumpurple-20)) } +.sf-c-txt-mediumpurple\:90 { color: hsl(var(--sf-dark-c-txt-mediumpurple-10)) } +.sf-c-txt-mediumpurple\:100 { color: hsl(var(--sf-dark-c-txt-mediumpurple-0)) } + +html.var .sf-c-txt-mediumpurple { color: hsl(260, 60%, 35%) } +html.var .sf-c-txt-mediumpurple\:0 { color: hsl(260, 60%, 100%) } +html.var .sf-c-txt-mediumpurple\:10 { color: hsl(260, 60%, 90%) } +html.var .sf-c-txt-mediumpurple\:20 { color: hsl(260, 60%, 80%) } +html.var .sf-c-txt-mediumpurple\:30 { color: hsl(260, 60%, 70%) } +html.var .sf-c-txt-mediumpurple\:40 { color: hsl(260, 60%, 60%) } +html.var .sf-c-txt-mediumpurple\:50 { color: hsl(260, 60%, 50%) } +html.var .sf-c-txt-mediumpurple\:60 { color: hsl(260, 60%, 40%) } +html.var .sf-c-txt-mediumpurple\:70 { color: hsl(260, 60%, 30%) } +html.var .sf-c-txt-mediumpurple\:80 { color: hsl(260, 60%, 20%) } +html.var .sf-c-txt-mediumpurple\:90 { color: hsl(260, 60%, 10%) } +html.var .sf-c-txt-mediumpurple\:100 { color: hsl(260, 60%, 0%) } + html[data-theme='dark'] .sf-c-mediumpurple, html.dark .sf-c-mediumpurple { color: hsl(var(--sf-dark-c-txt-mediumpurple-90)); background: hsl(var(--sf-dark-c-mediumpurple)) } html[data-theme='dark'] .sf-c-mediumpurple\:0, html.dark .sf-c-mediumpurple\:0 { color: hsl(var(--sf-dark-c-txt-mediumpurple-90)); background: hsl(var(--sf-dark-c-mediumpurple-100)) } html[data-theme='dark'] .sf-c-mediumpurple\:10, html.dark .sf-c-mediumpurple\:10 { color: hsl(var(--sf-dark-c-txt-mediumpurple-10)); background: hsl(var(--sf-dark-c-mediumpurple-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-mediumpurple\:80\:dark, html.dark .sf-c-mediumpurp html[data-theme='dark'] .sf-c-mediumpurple\:90\:dark, html.dark .sf-c-mediumpurple\:90\:dark { color: hsl(var(--sf-c-txt-mediumpurple-90)); background: hsl(var(--sf-c-mediumpurple-10)) } html[data-theme='dark'] .sf-c-mediumpurple\:100\:dark, html.dark .sf-c-mediumpurple\:100\:dark { color: hsl(var(--sf-c-txt-mediumpurple-90)); background: hsl(var(--sf-c-mediumpurple-0)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple, html.dark .sf-c-txt-mediumpurple { color: hsl(var(--sf-c-txt-mediumpurple)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:0, html.dark .sf-c-txt-mediumpurple\:0 { color: hsl(var(--sf-c-txt-mediumpurple-0)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:10, html.dark .sf-c-txt-mediumpurple\:10 { color: hsl(var(--sf-c-txt-mediumpurple-10)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:20, html.dark .sf-c-txt-mediumpurple\:20 { color: hsl(var(--sf-c-txt-mediumpurple-20)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:30, html.dark .sf-c-txt-mediumpurple\:30 { color: hsl(var(--sf-c-txt-mediumpurple-30)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:40, html.dark .sf-c-txt-mediumpurple\:40 { color: hsl(var(--sf-c-txt-mediumpurple-40)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:50, html.dark .sf-c-txt-mediumpurple\:50 { color: hsl(var(--sf-c-txt-mediumpurple-50)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:60, html.dark .sf-c-txt-mediumpurple\:60 { color: hsl(var(--sf-c-txt-mediumpurple-60)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:70, html.dark .sf-c-txt-mediumpurple\:70 { color: hsl(var(--sf-c-txt-mediumpurple-70)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:80, html.dark .sf-c-txt-mediumpurple\:80 { color: hsl(var(--sf-c-txt-mediumpurple-80)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:90, html.dark .sf-c-txt-mediumpurple\:90 { color: hsl(var(--sf-c-txt-mediumpurple-90)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:100, html.dark .sf-c-txt-mediumpurple\:100 { color: hsl(var(--sf-c-txt-mediumpurple-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumpurple\:dark, html.dark .sf-c-txt-mediumpurple\:dark { color: hsl(var(--sf-c-txt-mediumpurple)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:0\:dark, html.dark .sf-c-txt-mediumpurple\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-0)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:10\:dark, html.dark .sf-c-txt-mediumpurple\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-10)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:20\:dark, html.dark .sf-c-txt-mediumpurple\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-20)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:30\:dark, html.dark .sf-c-txt-mediumpurple\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-30)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:40\:dark, html.dark .sf-c-txt-mediumpurple\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-40)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:50\:dark, html.dark .sf-c-txt-mediumpurple\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-50)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:60\:dark, html.dark .sf-c-txt-mediumpurple\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-60)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:70\:dark, html.dark .sf-c-txt-mediumpurple\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-70)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:80\:dark, html.dark .sf-c-txt-mediumpurple\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-80)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:90\:dark, html.dark .sf-c-txt-mediumpurple\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-90)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:100\:dark, html.dark .sf-c-txt-mediumpurple\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-100)) } + html.var[data-theme='dark'] .sf-c-mediumpurple, html.var.dark .sf-c-mediumpurple { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 35%) } html.var[data-theme='dark'] .sf-c-mediumpurple\:0, html.var.dark .sf-c-mediumpurple\:0 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 100%) } html.var[data-theme='dark'] .sf-c-mediumpurple\:10, html.var.dark .sf-c-mediumpurple\:10 { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-mediumpurple\:80\:dark, html.var.dark .sf-c-me html.var[data-theme='dark'] .sf-c-mediumpurple\:90\:dark, html.var.dark .sf-c-mediumpurple\:90\:dark { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 10%) } html.var[data-theme='dark'] .sf-c-mediumpurple\:100\:dark, html.var.dark .sf-c-mediumpurple\:100\:dark { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple, html.dark .sf-c-txt-mediumpurple { color: hsl(260, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:0, html.dark .sf-c-txt-mediumpurple\:0 { color: hsl(260, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:10, html.dark .sf-c-txt-mediumpurple\:10 { color: hsl(260, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:20, html.dark .sf-c-txt-mediumpurple\:20 { color: hsl(260, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:30, html.dark .sf-c-txt-mediumpurple\:30 { color: hsl(260, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:40, html.dark .sf-c-txt-mediumpurple\:40 { color: hsl(260, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:50, html.dark .sf-c-txt-mediumpurple\:50 { color: hsl(260, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:60, html.dark .sf-c-txt-mediumpurple\:60 { color: hsl(260, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:70, html.dark .sf-c-txt-mediumpurple\:70 { color: hsl(260, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:80, html.dark .sf-c-txt-mediumpurple\:80 { color: hsl(260, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:90, html.dark .sf-c-txt-mediumpurple\:90 { color: hsl(260, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:100, html.dark .sf-c-txt-mediumpurple\:100 { color: hsl(260, 60%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:dark, html.dark .sf-c-txt-mediumpurple\:dark { color: hsl(260, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:0\:dark, html.dark .sf-c-txt-mediumpurple\:0\:dark { color: hsl(260, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:10\:dark, html.dark .sf-c-txt-mediumpurple\:10\:dark { color: hsl(260, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:20\:dark, html.dark .sf-c-txt-mediumpurple\:20\:dark { color: hsl(260, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:30\:dark, html.dark .sf-c-txt-mediumpurple\:30\:dark { color: hsl(260, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:40\:dark, html.dark .sf-c-txt-mediumpurple\:40\:dark { color: hsl(260, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:50\:dark, html.dark .sf-c-txt-mediumpurple\:50\:dark { color: hsl(260, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:60\:dark, html.dark .sf-c-txt-mediumpurple\:60\:dark { color: hsl(260, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:70\:dark, html.dark .sf-c-txt-mediumpurple\:70\:dark { color: hsl(260, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:80\:dark, html.dark .sf-c-txt-mediumpurple\:80\:dark { color: hsl(260, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:90\:dark, html.dark .sf-c-txt-mediumpurple\:90\:dark { color: hsl(260, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:100\:dark, html.dark .sf-c-txt-mediumpurple\:100\:dark { color: hsl(260, 60%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumpurple, html.auto .sf-c-mediumpurple { color: hsl(var(--sf-dark-c-txt-mediumpurple-90)); background: hsl(var(--sf-dark-c-mediumpurple)) } html[data-theme='auto'] .sf-c-mediumpurple\:0, html.auto .sf-c-mediumpurple\:0 { color: hsl(var(--sf-dark-c-txt-mediumpurple-90)); background: hsl(var(--sf-dark-c-mediumpurple-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-mediumpurple\:100\:dark, html.var.dark .sf-c-m html[data-theme='auto'] .sf-c-mediumpurple\:90\:dark, html.auto .sf-c-mediumpurple\:90\:dark { color: hsl(var(--sf-c-txt-mediumpurple-90)); background: hsl(var(--sf-c-mediumpurple-10)) } html[data-theme='auto'] .sf-c-mediumpurple\:100\:dark, html.auto .sf-c-mediumpurple\:100\:dark { color: hsl(var(--sf-c-txt-mediumpurple-90)); background: hsl(var(--sf-c-mediumpurple-0)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple, html.auto .sf-c-txt-mediumpurple { color: hsl(var(--sf-c-txt-mediumpurple)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:0, html.auto .sf-c-txt-mediumpurple\:0 { color: hsl(var(--sf-c-txt-mediumpurple-0)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:10, html.auto .sf-c-txt-mediumpurple\:10 { color: hsl(var(--sf-c-txt-mediumpurple-10)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:20, html.auto .sf-c-txt-mediumpurple\:20 { color: hsl(var(--sf-c-txt-mediumpurple-20)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:30, html.auto .sf-c-txt-mediumpurple\:30 { color: hsl(var(--sf-c-txt-mediumpurple-30)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:40, html.auto .sf-c-txt-mediumpurple\:40 { color: hsl(var(--sf-c-txt-mediumpurple-40)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:50, html.auto .sf-c-txt-mediumpurple\:50 { color: hsl(var(--sf-c-txt-mediumpurple-50)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:60, html.auto .sf-c-txt-mediumpurple\:60 { color: hsl(var(--sf-c-txt-mediumpurple-60)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:70, html.auto .sf-c-txt-mediumpurple\:70 { color: hsl(var(--sf-c-txt-mediumpurple-70)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:80, html.auto .sf-c-txt-mediumpurple\:80 { color: hsl(var(--sf-c-txt-mediumpurple-80)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:90, html.auto .sf-c-txt-mediumpurple\:90 { color: hsl(var(--sf-c-txt-mediumpurple-90)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:100, html.auto .sf-c-txt-mediumpurple\:100 { color: hsl(var(--sf-c-txt-mediumpurple-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumpurple\:dark, html.auto .sf-c-txt-mediumpurple\:dark { color: hsl(var(--sf-c-txt-mediumpurple)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:0\:dark, html.auto .sf-c-txt-mediumpurple\:0\:dark { color: hsl(var(--sf-c-txt-mediumpurple-0)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:10\:dark, html.auto .sf-c-txt-mediumpurple\:10\:dark { color: hsl(var(--sf-c-txt-mediumpurple-10)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:20\:dark, html.auto .sf-c-txt-mediumpurple\:20\:dark { color: hsl(var(--sf-c-txt-mediumpurple-20)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:30\:dark, html.auto .sf-c-txt-mediumpurple\:30\:dark { color: hsl(var(--sf-c-txt-mediumpurple-30)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:40\:dark, html.auto .sf-c-txt-mediumpurple\:40\:dark { color: hsl(var(--sf-c-txt-mediumpurple-40)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:50\:dark, html.auto .sf-c-txt-mediumpurple\:50\:dark { color: hsl(var(--sf-c-txt-mediumpurple-50)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:60\:dark, html.auto .sf-c-txt-mediumpurple\:60\:dark { color: hsl(var(--sf-c-txt-mediumpurple-60)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:70\:dark, html.auto .sf-c-txt-mediumpurple\:70\:dark { color: hsl(var(--sf-c-txt-mediumpurple-70)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:80\:dark, html.auto .sf-c-txt-mediumpurple\:80\:dark { color: hsl(var(--sf-c-txt-mediumpurple-80)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:90\:dark, html.auto .sf-c-txt-mediumpurple\:90\:dark { color: hsl(var(--sf-c-txt-mediumpurple-90)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:100\:dark, html.auto .sf-c-txt-mediumpurple\:100\:dark { color: hsl(var(--sf-c-txt-mediumpurple-100)) } + html.var[data-theme='auto'] .sf-c-mediumpurple, html.var.auto .sf-c-mediumpurple { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 35%) } html.var[data-theme='auto'] .sf-c-mediumpurple\:0, html.var.auto .sf-c-mediumpurple\:0 { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 100%) } html.var[data-theme='auto'] .sf-c-mediumpurple\:10, html.var.auto .sf-c-mediumpurple\:10 { color: hsl(260, 60%, 10%); background: hsl(260, 60%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-mediumpurple\:100\:dark, html.var.dark .sf-c-m html.var[data-theme='auto'] .sf-c-mediumpurple\:80\:dark, html.var.auto .sf-c-mediumpurple\:80\:dark { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 20%) } html.var[data-theme='auto'] .sf-c-mediumpurple\:90\:dark, html.var.auto .sf-c-mediumpurple\:90\:dark { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 10%) } html.var[data-theme='auto'] .sf-c-mediumpurple\:100\:dark, html.var.auto .sf-c-mediumpurple\:100\:dark { color: hsl(260, 60%, 90%); background: hsl(260, 60%, 0%) } -} -.sf-c-txt-mediumpurple { color: hsl(var(--sf-c-txt-mediumpurple)) } -.sf-c-txt-mediumpurple\:0 { color: hsl(var(--sf-c-txt-mediumpurple-0)) } -.sf-c-txt-mediumpurple\:10 { color: hsl(var(--sf-c-txt-mediumpurple-10)) } -.sf-c-txt-mediumpurple\:20 { color: hsl(var(--sf-c-txt-mediumpurple-20)) } -.sf-c-txt-mediumpurple\:30 { color: hsl(var(--sf-c-txt-mediumpurple-30)) } -.sf-c-txt-mediumpurple\:40 { color: hsl(var(--sf-c-txt-mediumpurple-40)) } -.sf-c-txt-mediumpurple\:50 { color: hsl(var(--sf-c-txt-mediumpurple-50)) } -.sf-c-txt-mediumpurple\:60 { color: hsl(var(--sf-c-txt-mediumpurple-60)) } -.sf-c-txt-mediumpurple\:70 { color: hsl(var(--sf-c-txt-mediumpurple-70)) } -.sf-c-txt-mediumpurple\:80 { color: hsl(var(--sf-c-txt-mediumpurple-80)) } -.sf-c-txt-mediumpurple\:90 { color: hsl(var(--sf-c-txt-mediumpurple-90)) } -.sf-c-txt-mediumpurple\:100 { color: hsl(var(--sf-c-txt-mediumpurple-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumpurple, html.auto .sf-c-txt-mediumpurple { color: hsl(260, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:0, html.auto .sf-c-txt-mediumpurple\:0 { color: hsl(260, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:10, html.auto .sf-c-txt-mediumpurple\:10 { color: hsl(260, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:20, html.auto .sf-c-txt-mediumpurple\:20 { color: hsl(260, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:30, html.auto .sf-c-txt-mediumpurple\:30 { color: hsl(260, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:40, html.auto .sf-c-txt-mediumpurple\:40 { color: hsl(260, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:50, html.auto .sf-c-txt-mediumpurple\:50 { color: hsl(260, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:60, html.auto .sf-c-txt-mediumpurple\:60 { color: hsl(260, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:70, html.auto .sf-c-txt-mediumpurple\:70 { color: hsl(260, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:80, html.auto .sf-c-txt-mediumpurple\:80 { color: hsl(260, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:90, html.auto .sf-c-txt-mediumpurple\:90 { color: hsl(260, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:100, html.auto .sf-c-txt-mediumpurple\:100 { color: hsl(260, 60%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:dark, html.auto .sf-c-txt-mediumpurple\:dark { color: hsl(260, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:0\:dark, html.auto .sf-c-txt-mediumpurple\:0\:dark { color: hsl(260, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:10\:dark, html.auto .sf-c-txt-mediumpurple\:10\:dark { color: hsl(260, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:20\:dark, html.auto .sf-c-txt-mediumpurple\:20\:dark { color: hsl(260, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:30\:dark, html.auto .sf-c-txt-mediumpurple\:30\:dark { color: hsl(260, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:40\:dark, html.auto .sf-c-txt-mediumpurple\:40\:dark { color: hsl(260, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:50\:dark, html.auto .sf-c-txt-mediumpurple\:50\:dark { color: hsl(260, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:60\:dark, html.auto .sf-c-txt-mediumpurple\:60\:dark { color: hsl(260, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:70\:dark, html.auto .sf-c-txt-mediumpurple\:70\:dark { color: hsl(260, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:80\:dark, html.auto .sf-c-txt-mediumpurple\:80\:dark { color: hsl(260, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:90\:dark, html.auto .sf-c-txt-mediumpurple\:90\:dark { color: hsl(260, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:100\:dark, html.auto .sf-c-txt-mediumpurple\:100\:dark { color: hsl(260, 60%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/mediumseagreen.css b/src/colors/10/mediumseagreen.css index 301092f..18b8684 100644 --- a/src/colors/10/mediumseagreen.css +++ b/src/colors/10/mediumseagreen.css @@ -78,6 +78,32 @@ html.var .sf-c-mediumseagreen\:80 { color: hsl(147, 50%, 10%); background: hsl(1 html.var .sf-c-mediumseagreen\:90 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 90%) } html.var .sf-c-mediumseagreen\:100 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 100%) } +.sf-c-txt-mediumseagreen { color: hsl(var(--sf-dark-c-txt-mediumseagreen)) } +.sf-c-txt-mediumseagreen\:0 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-100)) } +.sf-c-txt-mediumseagreen\:10 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-90)) } +.sf-c-txt-mediumseagreen\:20 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-80)) } +.sf-c-txt-mediumseagreen\:30 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-70)) } +.sf-c-txt-mediumseagreen\:40 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-60)) } +.sf-c-txt-mediumseagreen\:50 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-50)) } +.sf-c-txt-mediumseagreen\:60 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-40)) } +.sf-c-txt-mediumseagreen\:70 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-30)) } +.sf-c-txt-mediumseagreen\:80 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-20)) } +.sf-c-txt-mediumseagreen\:90 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-10)) } +.sf-c-txt-mediumseagreen\:100 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-0)) } + +html.var .sf-c-txt-mediumseagreen { color: hsl(147, 50%, 53%) } +html.var .sf-c-txt-mediumseagreen\:0 { color: hsl(147, 50%, 100%) } +html.var .sf-c-txt-mediumseagreen\:10 { color: hsl(147, 50%, 90%) } +html.var .sf-c-txt-mediumseagreen\:20 { color: hsl(147, 50%, 80%) } +html.var .sf-c-txt-mediumseagreen\:30 { color: hsl(147, 50%, 70%) } +html.var .sf-c-txt-mediumseagreen\:40 { color: hsl(147, 50%, 60%) } +html.var .sf-c-txt-mediumseagreen\:50 { color: hsl(147, 50%, 50%) } +html.var .sf-c-txt-mediumseagreen\:60 { color: hsl(147, 50%, 40%) } +html.var .sf-c-txt-mediumseagreen\:70 { color: hsl(147, 50%, 30%) } +html.var .sf-c-txt-mediumseagreen\:80 { color: hsl(147, 50%, 20%) } +html.var .sf-c-txt-mediumseagreen\:90 { color: hsl(147, 50%, 10%) } +html.var .sf-c-txt-mediumseagreen\:100 { color: hsl(147, 50%, 0%) } + html[data-theme='dark'] .sf-c-mediumseagreen, html.dark .sf-c-mediumseagreen { color: hsl(var(--sf-dark-c-txt-mediumseagreen-10)); background: hsl(var(--sf-dark-c-mediumseagreen)) } html[data-theme='dark'] .sf-c-mediumseagreen\:0, html.dark .sf-c-mediumseagreen\:0 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-90)); background: hsl(var(--sf-dark-c-mediumseagreen-100)) } html[data-theme='dark'] .sf-c-mediumseagreen\:10, html.dark .sf-c-mediumseagreen\:10 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-10)); background: hsl(var(--sf-dark-c-mediumseagreen-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-mediumseagreen\:80\:dark, html.dark .sf-c-mediumse html[data-theme='dark'] .sf-c-mediumseagreen\:90\:dark, html.dark .sf-c-mediumseagreen\:90\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-90)); background: hsl(var(--sf-c-mediumseagreen-10)) } html[data-theme='dark'] .sf-c-mediumseagreen\:100\:dark, html.dark .sf-c-mediumseagreen\:100\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-90)); background: hsl(var(--sf-c-mediumseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen, html.dark .sf-c-txt-mediumseagreen { color: hsl(var(--sf-c-txt-mediumseagreen)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:0, html.dark .sf-c-txt-mediumseagreen\:0 { color: hsl(var(--sf-c-txt-mediumseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:10, html.dark .sf-c-txt-mediumseagreen\:10 { color: hsl(var(--sf-c-txt-mediumseagreen-10)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:20, html.dark .sf-c-txt-mediumseagreen\:20 { color: hsl(var(--sf-c-txt-mediumseagreen-20)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:30, html.dark .sf-c-txt-mediumseagreen\:30 { color: hsl(var(--sf-c-txt-mediumseagreen-30)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:40, html.dark .sf-c-txt-mediumseagreen\:40 { color: hsl(var(--sf-c-txt-mediumseagreen-40)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:50, html.dark .sf-c-txt-mediumseagreen\:50 { color: hsl(var(--sf-c-txt-mediumseagreen-50)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:60, html.dark .sf-c-txt-mediumseagreen\:60 { color: hsl(var(--sf-c-txt-mediumseagreen-60)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:70, html.dark .sf-c-txt-mediumseagreen\:70 { color: hsl(var(--sf-c-txt-mediumseagreen-70)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:80, html.dark .sf-c-txt-mediumseagreen\:80 { color: hsl(var(--sf-c-txt-mediumseagreen-80)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:90, html.dark .sf-c-txt-mediumseagreen\:90 { color: hsl(var(--sf-c-txt-mediumseagreen-90)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:100, html.dark .sf-c-txt-mediumseagreen\:100 { color: hsl(var(--sf-c-txt-mediumseagreen-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:dark, html.dark .sf-c-txt-mediumseagreen\:dark { color: hsl(var(--sf-c-txt-mediumseagreen)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:0\:dark, html.dark .sf-c-txt-mediumseagreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:10\:dark, html.dark .sf-c-txt-mediumseagreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-10)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:20\:dark, html.dark .sf-c-txt-mediumseagreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-20)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:30\:dark, html.dark .sf-c-txt-mediumseagreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-30)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:40\:dark, html.dark .sf-c-txt-mediumseagreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-40)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:50\:dark, html.dark .sf-c-txt-mediumseagreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-50)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:60\:dark, html.dark .sf-c-txt-mediumseagreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-60)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:70\:dark, html.dark .sf-c-txt-mediumseagreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-70)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:80\:dark, html.dark .sf-c-txt-mediumseagreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-80)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:90\:dark, html.dark .sf-c-txt-mediumseagreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-90)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:100\:dark, html.dark .sf-c-txt-mediumseagreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-100)) } + html.var[data-theme='dark'] .sf-c-mediumseagreen, html.var.dark .sf-c-mediumseagreen { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 53%) } html.var[data-theme='dark'] .sf-c-mediumseagreen\:0, html.var.dark .sf-c-mediumseagreen\:0 { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 100%) } html.var[data-theme='dark'] .sf-c-mediumseagreen\:10, html.var.dark .sf-c-mediumseagreen\:10 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-mediumseagreen\:80\:dark, html.var.dark .sf-c- html.var[data-theme='dark'] .sf-c-mediumseagreen\:90\:dark, html.var.dark .sf-c-mediumseagreen\:90\:dark { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 10%) } html.var[data-theme='dark'] .sf-c-mediumseagreen\:100\:dark, html.var.dark .sf-c-mediumseagreen\:100\:dark { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen, html.dark .sf-c-txt-mediumseagreen { color: hsl(147, 50%, 47%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:0, html.dark .sf-c-txt-mediumseagreen\:0 { color: hsl(147, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:10, html.dark .sf-c-txt-mediumseagreen\:10 { color: hsl(147, 50%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:20, html.dark .sf-c-txt-mediumseagreen\:20 { color: hsl(147, 50%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:30, html.dark .sf-c-txt-mediumseagreen\:30 { color: hsl(147, 50%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:40, html.dark .sf-c-txt-mediumseagreen\:40 { color: hsl(147, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:50, html.dark .sf-c-txt-mediumseagreen\:50 { color: hsl(147, 50%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:60, html.dark .sf-c-txt-mediumseagreen\:60 { color: hsl(147, 50%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:70, html.dark .sf-c-txt-mediumseagreen\:70 { color: hsl(147, 50%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:80, html.dark .sf-c-txt-mediumseagreen\:80 { color: hsl(147, 50%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:90, html.dark .sf-c-txt-mediumseagreen\:90 { color: hsl(147, 50%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:100, html.dark .sf-c-txt-mediumseagreen\:100 { color: hsl(147, 50%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:dark, html.dark .sf-c-txt-mediumseagreen\:dark { color: hsl(147, 50%, 47%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:0\:dark, html.dark .sf-c-txt-mediumseagreen\:0\:dark { color: hsl(147, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:10\:dark, html.dark .sf-c-txt-mediumseagreen\:10\:dark { color: hsl(147, 50%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:20\:dark, html.dark .sf-c-txt-mediumseagreen\:20\:dark { color: hsl(147, 50%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:30\:dark, html.dark .sf-c-txt-mediumseagreen\:30\:dark { color: hsl(147, 50%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:40\:dark, html.dark .sf-c-txt-mediumseagreen\:40\:dark { color: hsl(147, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:50\:dark, html.dark .sf-c-txt-mediumseagreen\:50\:dark { color: hsl(147, 50%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:60\:dark, html.dark .sf-c-txt-mediumseagreen\:60\:dark { color: hsl(147, 50%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:70\:dark, html.dark .sf-c-txt-mediumseagreen\:70\:dark { color: hsl(147, 50%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:80\:dark, html.dark .sf-c-txt-mediumseagreen\:80\:dark { color: hsl(147, 50%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:90\:dark, html.dark .sf-c-txt-mediumseagreen\:90\:dark { color: hsl(147, 50%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:100\:dark, html.dark .sf-c-txt-mediumseagreen\:100\:dark { color: hsl(147, 50%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumseagreen, html.auto .sf-c-mediumseagreen { color: hsl(var(--sf-dark-c-txt-mediumseagreen-10)); background: hsl(var(--sf-dark-c-mediumseagreen)) } html[data-theme='auto'] .sf-c-mediumseagreen\:0, html.auto .sf-c-mediumseagreen\:0 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-90)); background: hsl(var(--sf-dark-c-mediumseagreen-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-mediumseagreen\:100\:dark, html.var.dark .sf-c html[data-theme='auto'] .sf-c-mediumseagreen\:90\:dark, html.auto .sf-c-mediumseagreen\:90\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-90)); background: hsl(var(--sf-c-mediumseagreen-10)) } html[data-theme='auto'] .sf-c-mediumseagreen\:100\:dark, html.auto .sf-c-mediumseagreen\:100\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-90)); background: hsl(var(--sf-c-mediumseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen, html.auto .sf-c-txt-mediumseagreen { color: hsl(var(--sf-c-txt-mediumseagreen)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:0, html.auto .sf-c-txt-mediumseagreen\:0 { color: hsl(var(--sf-c-txt-mediumseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:10, html.auto .sf-c-txt-mediumseagreen\:10 { color: hsl(var(--sf-c-txt-mediumseagreen-10)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:20, html.auto .sf-c-txt-mediumseagreen\:20 { color: hsl(var(--sf-c-txt-mediumseagreen-20)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:30, html.auto .sf-c-txt-mediumseagreen\:30 { color: hsl(var(--sf-c-txt-mediumseagreen-30)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:40, html.auto .sf-c-txt-mediumseagreen\:40 { color: hsl(var(--sf-c-txt-mediumseagreen-40)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:50, html.auto .sf-c-txt-mediumseagreen\:50 { color: hsl(var(--sf-c-txt-mediumseagreen-50)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:60, html.auto .sf-c-txt-mediumseagreen\:60 { color: hsl(var(--sf-c-txt-mediumseagreen-60)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:70, html.auto .sf-c-txt-mediumseagreen\:70 { color: hsl(var(--sf-c-txt-mediumseagreen-70)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:80, html.auto .sf-c-txt-mediumseagreen\:80 { color: hsl(var(--sf-c-txt-mediumseagreen-80)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:90, html.auto .sf-c-txt-mediumseagreen\:90 { color: hsl(var(--sf-c-txt-mediumseagreen-90)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:100, html.auto .sf-c-txt-mediumseagreen\:100 { color: hsl(var(--sf-c-txt-mediumseagreen-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:dark, html.auto .sf-c-txt-mediumseagreen\:dark { color: hsl(var(--sf-c-txt-mediumseagreen)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:0\:dark, html.auto .sf-c-txt-mediumseagreen\:0\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:10\:dark, html.auto .sf-c-txt-mediumseagreen\:10\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-10)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:20\:dark, html.auto .sf-c-txt-mediumseagreen\:20\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-20)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:30\:dark, html.auto .sf-c-txt-mediumseagreen\:30\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-30)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:40\:dark, html.auto .sf-c-txt-mediumseagreen\:40\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-40)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:50\:dark, html.auto .sf-c-txt-mediumseagreen\:50\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-50)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:60\:dark, html.auto .sf-c-txt-mediumseagreen\:60\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-60)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:70\:dark, html.auto .sf-c-txt-mediumseagreen\:70\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-70)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:80\:dark, html.auto .sf-c-txt-mediumseagreen\:80\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-80)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:90\:dark, html.auto .sf-c-txt-mediumseagreen\:90\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-90)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:100\:dark, html.auto .sf-c-txt-mediumseagreen\:100\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-100)) } + html.var[data-theme='auto'] .sf-c-mediumseagreen, html.var.auto .sf-c-mediumseagreen { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 53%) } html.var[data-theme='auto'] .sf-c-mediumseagreen\:0, html.var.auto .sf-c-mediumseagreen\:0 { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 100%) } html.var[data-theme='auto'] .sf-c-mediumseagreen\:10, html.var.auto .sf-c-mediumseagreen\:10 { color: hsl(147, 50%, 10%); background: hsl(147, 50%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-mediumseagreen\:100\:dark, html.var.dark .sf-c html.var[data-theme='auto'] .sf-c-mediumseagreen\:80\:dark, html.var.auto .sf-c-mediumseagreen\:80\:dark { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 20%) } html.var[data-theme='auto'] .sf-c-mediumseagreen\:90\:dark, html.var.auto .sf-c-mediumseagreen\:90\:dark { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 10%) } html.var[data-theme='auto'] .sf-c-mediumseagreen\:100\:dark, html.var.auto .sf-c-mediumseagreen\:100\:dark { color: hsl(147, 50%, 90%); background: hsl(147, 50%, 0%) } -} -.sf-c-txt-mediumseagreen { color: hsl(var(--sf-c-txt-mediumseagreen)) } -.sf-c-txt-mediumseagreen\:0 { color: hsl(var(--sf-c-txt-mediumseagreen-0)) } -.sf-c-txt-mediumseagreen\:10 { color: hsl(var(--sf-c-txt-mediumseagreen-10)) } -.sf-c-txt-mediumseagreen\:20 { color: hsl(var(--sf-c-txt-mediumseagreen-20)) } -.sf-c-txt-mediumseagreen\:30 { color: hsl(var(--sf-c-txt-mediumseagreen-30)) } -.sf-c-txt-mediumseagreen\:40 { color: hsl(var(--sf-c-txt-mediumseagreen-40)) } -.sf-c-txt-mediumseagreen\:50 { color: hsl(var(--sf-c-txt-mediumseagreen-50)) } -.sf-c-txt-mediumseagreen\:60 { color: hsl(var(--sf-c-txt-mediumseagreen-60)) } -.sf-c-txt-mediumseagreen\:70 { color: hsl(var(--sf-c-txt-mediumseagreen-70)) } -.sf-c-txt-mediumseagreen\:80 { color: hsl(var(--sf-c-txt-mediumseagreen-80)) } -.sf-c-txt-mediumseagreen\:90 { color: hsl(var(--sf-c-txt-mediumseagreen-90)) } -.sf-c-txt-mediumseagreen\:100 { color: hsl(var(--sf-c-txt-mediumseagreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen, html.auto .sf-c-txt-mediumseagreen { color: hsl(147, 50%, 47%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:0, html.auto .sf-c-txt-mediumseagreen\:0 { color: hsl(147, 50%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:10, html.auto .sf-c-txt-mediumseagreen\:10 { color: hsl(147, 50%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:20, html.auto .sf-c-txt-mediumseagreen\:20 { color: hsl(147, 50%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:30, html.auto .sf-c-txt-mediumseagreen\:30 { color: hsl(147, 50%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:40, html.auto .sf-c-txt-mediumseagreen\:40 { color: hsl(147, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:50, html.auto .sf-c-txt-mediumseagreen\:50 { color: hsl(147, 50%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:60, html.auto .sf-c-txt-mediumseagreen\:60 { color: hsl(147, 50%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:70, html.auto .sf-c-txt-mediumseagreen\:70 { color: hsl(147, 50%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:80, html.auto .sf-c-txt-mediumseagreen\:80 { color: hsl(147, 50%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:90, html.auto .sf-c-txt-mediumseagreen\:90 { color: hsl(147, 50%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:100, html.auto .sf-c-txt-mediumseagreen\:100 { color: hsl(147, 50%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:dark, html.auto .sf-c-txt-mediumseagreen\:dark { color: hsl(147, 50%, 47%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:0\:dark, html.auto .sf-c-txt-mediumseagreen\:0\:dark { color: hsl(147, 50%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:10\:dark, html.auto .sf-c-txt-mediumseagreen\:10\:dark { color: hsl(147, 50%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:20\:dark, html.auto .sf-c-txt-mediumseagreen\:20\:dark { color: hsl(147, 50%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:30\:dark, html.auto .sf-c-txt-mediumseagreen\:30\:dark { color: hsl(147, 50%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:40\:dark, html.auto .sf-c-txt-mediumseagreen\:40\:dark { color: hsl(147, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:50\:dark, html.auto .sf-c-txt-mediumseagreen\:50\:dark { color: hsl(147, 50%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:60\:dark, html.auto .sf-c-txt-mediumseagreen\:60\:dark { color: hsl(147, 50%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:70\:dark, html.auto .sf-c-txt-mediumseagreen\:70\:dark { color: hsl(147, 50%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:80\:dark, html.auto .sf-c-txt-mediumseagreen\:80\:dark { color: hsl(147, 50%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:90\:dark, html.auto .sf-c-txt-mediumseagreen\:90\:dark { color: hsl(147, 50%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:100\:dark, html.auto .sf-c-txt-mediumseagreen\:100\:dark { color: hsl(147, 50%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/mediumslateblue.css b/src/colors/10/mediumslateblue.css index 6425863..e638eb6 100644 --- a/src/colors/10/mediumslateblue.css +++ b/src/colors/10/mediumslateblue.css @@ -78,6 +78,32 @@ html.var .sf-c-mediumslateblue\:80 { color: hsl(249, 80%, 90%); background: hsl( html.var .sf-c-mediumslateblue\:90 { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 90%) } html.var .sf-c-mediumslateblue\:100 { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 100%) } +.sf-c-txt-mediumslateblue { color: hsl(var(--sf-dark-c-txt-mediumslateblue)) } +.sf-c-txt-mediumslateblue\:0 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-100)) } +.sf-c-txt-mediumslateblue\:10 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-90)) } +.sf-c-txt-mediumslateblue\:20 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-80)) } +.sf-c-txt-mediumslateblue\:30 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-70)) } +.sf-c-txt-mediumslateblue\:40 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-60)) } +.sf-c-txt-mediumslateblue\:50 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-50)) } +.sf-c-txt-mediumslateblue\:60 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-40)) } +.sf-c-txt-mediumslateblue\:70 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-30)) } +.sf-c-txt-mediumslateblue\:80 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-20)) } +.sf-c-txt-mediumslateblue\:90 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-10)) } +.sf-c-txt-mediumslateblue\:100 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-0)) } + +html.var .sf-c-txt-mediumslateblue { color: hsl(249, 80%, 33%) } +html.var .sf-c-txt-mediumslateblue\:0 { color: hsl(249, 80%, 100%) } +html.var .sf-c-txt-mediumslateblue\:10 { color: hsl(249, 80%, 90%) } +html.var .sf-c-txt-mediumslateblue\:20 { color: hsl(249, 80%, 80%) } +html.var .sf-c-txt-mediumslateblue\:30 { color: hsl(249, 80%, 70%) } +html.var .sf-c-txt-mediumslateblue\:40 { color: hsl(249, 80%, 60%) } +html.var .sf-c-txt-mediumslateblue\:50 { color: hsl(249, 80%, 50%) } +html.var .sf-c-txt-mediumslateblue\:60 { color: hsl(249, 80%, 40%) } +html.var .sf-c-txt-mediumslateblue\:70 { color: hsl(249, 80%, 30%) } +html.var .sf-c-txt-mediumslateblue\:80 { color: hsl(249, 80%, 20%) } +html.var .sf-c-txt-mediumslateblue\:90 { color: hsl(249, 80%, 10%) } +html.var .sf-c-txt-mediumslateblue\:100 { color: hsl(249, 80%, 0%) } + html[data-theme='dark'] .sf-c-mediumslateblue, html.dark .sf-c-mediumslateblue { color: hsl(var(--sf-dark-c-txt-mediumslateblue-90)); background: hsl(var(--sf-dark-c-mediumslateblue)) } html[data-theme='dark'] .sf-c-mediumslateblue\:0, html.dark .sf-c-mediumslateblue\:0 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-90)); background: hsl(var(--sf-dark-c-mediumslateblue-100)) } html[data-theme='dark'] .sf-c-mediumslateblue\:10, html.dark .sf-c-mediumslateblue\:10 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-10)); background: hsl(var(--sf-dark-c-mediumslateblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-mediumslateblue\:80\:dark, html.dark .sf-c-mediums html[data-theme='dark'] .sf-c-mediumslateblue\:90\:dark, html.dark .sf-c-mediumslateblue\:90\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-90)); background: hsl(var(--sf-c-mediumslateblue-10)) } html[data-theme='dark'] .sf-c-mediumslateblue\:100\:dark, html.dark .sf-c-mediumslateblue\:100\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-90)); background: hsl(var(--sf-c-mediumslateblue-0)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue, html.dark .sf-c-txt-mediumslateblue { color: hsl(var(--sf-c-txt-mediumslateblue)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:0, html.dark .sf-c-txt-mediumslateblue\:0 { color: hsl(var(--sf-c-txt-mediumslateblue-0)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:10, html.dark .sf-c-txt-mediumslateblue\:10 { color: hsl(var(--sf-c-txt-mediumslateblue-10)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:20, html.dark .sf-c-txt-mediumslateblue\:20 { color: hsl(var(--sf-c-txt-mediumslateblue-20)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:30, html.dark .sf-c-txt-mediumslateblue\:30 { color: hsl(var(--sf-c-txt-mediumslateblue-30)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:40, html.dark .sf-c-txt-mediumslateblue\:40 { color: hsl(var(--sf-c-txt-mediumslateblue-40)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:50, html.dark .sf-c-txt-mediumslateblue\:50 { color: hsl(var(--sf-c-txt-mediumslateblue-50)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:60, html.dark .sf-c-txt-mediumslateblue\:60 { color: hsl(var(--sf-c-txt-mediumslateblue-60)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:70, html.dark .sf-c-txt-mediumslateblue\:70 { color: hsl(var(--sf-c-txt-mediumslateblue-70)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:80, html.dark .sf-c-txt-mediumslateblue\:80 { color: hsl(var(--sf-c-txt-mediumslateblue-80)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:90, html.dark .sf-c-txt-mediumslateblue\:90 { color: hsl(var(--sf-c-txt-mediumslateblue-90)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:100, html.dark .sf-c-txt-mediumslateblue\:100 { color: hsl(var(--sf-c-txt-mediumslateblue-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:dark, html.dark .sf-c-txt-mediumslateblue\:dark { color: hsl(var(--sf-c-txt-mediumslateblue)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:0\:dark, html.dark .sf-c-txt-mediumslateblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-0)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:10\:dark, html.dark .sf-c-txt-mediumslateblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-10)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:20\:dark, html.dark .sf-c-txt-mediumslateblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-20)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:30\:dark, html.dark .sf-c-txt-mediumslateblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-30)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:40\:dark, html.dark .sf-c-txt-mediumslateblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-40)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:50\:dark, html.dark .sf-c-txt-mediumslateblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-50)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:60\:dark, html.dark .sf-c-txt-mediumslateblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-60)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:70\:dark, html.dark .sf-c-txt-mediumslateblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-70)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:80\:dark, html.dark .sf-c-txt-mediumslateblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-80)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:90\:dark, html.dark .sf-c-txt-mediumslateblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-90)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:100\:dark, html.dark .sf-c-txt-mediumslateblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-100)) } + html.var[data-theme='dark'] .sf-c-mediumslateblue, html.var.dark .sf-c-mediumslateblue { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 33%) } html.var[data-theme='dark'] .sf-c-mediumslateblue\:0, html.var.dark .sf-c-mediumslateblue\:0 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 100%) } html.var[data-theme='dark'] .sf-c-mediumslateblue\:10, html.var.dark .sf-c-mediumslateblue\:10 { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-mediumslateblue\:80\:dark, html.var.dark .sf-c html.var[data-theme='dark'] .sf-c-mediumslateblue\:90\:dark, html.var.dark .sf-c-mediumslateblue\:90\:dark { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 10%) } html.var[data-theme='dark'] .sf-c-mediumslateblue\:100\:dark, html.var.dark .sf-c-mediumslateblue\:100\:dark { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue, html.dark .sf-c-txt-mediumslateblue { color: hsl(249, 80%, 67%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:0, html.dark .sf-c-txt-mediumslateblue\:0 { color: hsl(249, 80%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:10, html.dark .sf-c-txt-mediumslateblue\:10 { color: hsl(249, 80%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:20, html.dark .sf-c-txt-mediumslateblue\:20 { color: hsl(249, 80%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:30, html.dark .sf-c-txt-mediumslateblue\:30 { color: hsl(249, 80%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:40, html.dark .sf-c-txt-mediumslateblue\:40 { color: hsl(249, 80%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:50, html.dark .sf-c-txt-mediumslateblue\:50 { color: hsl(249, 80%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:60, html.dark .sf-c-txt-mediumslateblue\:60 { color: hsl(249, 80%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:70, html.dark .sf-c-txt-mediumslateblue\:70 { color: hsl(249, 80%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:80, html.dark .sf-c-txt-mediumslateblue\:80 { color: hsl(249, 80%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:90, html.dark .sf-c-txt-mediumslateblue\:90 { color: hsl(249, 80%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:100, html.dark .sf-c-txt-mediumslateblue\:100 { color: hsl(249, 80%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:dark, html.dark .sf-c-txt-mediumslateblue\:dark { color: hsl(249, 80%, 67%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:0\:dark, html.dark .sf-c-txt-mediumslateblue\:0\:dark { color: hsl(249, 80%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:10\:dark, html.dark .sf-c-txt-mediumslateblue\:10\:dark { color: hsl(249, 80%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:20\:dark, html.dark .sf-c-txt-mediumslateblue\:20\:dark { color: hsl(249, 80%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:30\:dark, html.dark .sf-c-txt-mediumslateblue\:30\:dark { color: hsl(249, 80%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:40\:dark, html.dark .sf-c-txt-mediumslateblue\:40\:dark { color: hsl(249, 80%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:50\:dark, html.dark .sf-c-txt-mediumslateblue\:50\:dark { color: hsl(249, 80%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:60\:dark, html.dark .sf-c-txt-mediumslateblue\:60\:dark { color: hsl(249, 80%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:70\:dark, html.dark .sf-c-txt-mediumslateblue\:70\:dark { color: hsl(249, 80%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:80\:dark, html.dark .sf-c-txt-mediumslateblue\:80\:dark { color: hsl(249, 80%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:90\:dark, html.dark .sf-c-txt-mediumslateblue\:90\:dark { color: hsl(249, 80%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:100\:dark, html.dark .sf-c-txt-mediumslateblue\:100\:dark { color: hsl(249, 80%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumslateblue, html.auto .sf-c-mediumslateblue { color: hsl(var(--sf-dark-c-txt-mediumslateblue-90)); background: hsl(var(--sf-dark-c-mediumslateblue)) } html[data-theme='auto'] .sf-c-mediumslateblue\:0, html.auto .sf-c-mediumslateblue\:0 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-90)); background: hsl(var(--sf-dark-c-mediumslateblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-mediumslateblue\:100\:dark, html.var.dark .sf- html[data-theme='auto'] .sf-c-mediumslateblue\:90\:dark, html.auto .sf-c-mediumslateblue\:90\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-90)); background: hsl(var(--sf-c-mediumslateblue-10)) } html[data-theme='auto'] .sf-c-mediumslateblue\:100\:dark, html.auto .sf-c-mediumslateblue\:100\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-90)); background: hsl(var(--sf-c-mediumslateblue-0)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue, html.auto .sf-c-txt-mediumslateblue { color: hsl(var(--sf-c-txt-mediumslateblue)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:0, html.auto .sf-c-txt-mediumslateblue\:0 { color: hsl(var(--sf-c-txt-mediumslateblue-0)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:10, html.auto .sf-c-txt-mediumslateblue\:10 { color: hsl(var(--sf-c-txt-mediumslateblue-10)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:20, html.auto .sf-c-txt-mediumslateblue\:20 { color: hsl(var(--sf-c-txt-mediumslateblue-20)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:30, html.auto .sf-c-txt-mediumslateblue\:30 { color: hsl(var(--sf-c-txt-mediumslateblue-30)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:40, html.auto .sf-c-txt-mediumslateblue\:40 { color: hsl(var(--sf-c-txt-mediumslateblue-40)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:50, html.auto .sf-c-txt-mediumslateblue\:50 { color: hsl(var(--sf-c-txt-mediumslateblue-50)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:60, html.auto .sf-c-txt-mediumslateblue\:60 { color: hsl(var(--sf-c-txt-mediumslateblue-60)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:70, html.auto .sf-c-txt-mediumslateblue\:70 { color: hsl(var(--sf-c-txt-mediumslateblue-70)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:80, html.auto .sf-c-txt-mediumslateblue\:80 { color: hsl(var(--sf-c-txt-mediumslateblue-80)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:90, html.auto .sf-c-txt-mediumslateblue\:90 { color: hsl(var(--sf-c-txt-mediumslateblue-90)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:100, html.auto .sf-c-txt-mediumslateblue\:100 { color: hsl(var(--sf-c-txt-mediumslateblue-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:dark, html.auto .sf-c-txt-mediumslateblue\:dark { color: hsl(var(--sf-c-txt-mediumslateblue)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:0\:dark, html.auto .sf-c-txt-mediumslateblue\:0\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-0)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:10\:dark, html.auto .sf-c-txt-mediumslateblue\:10\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-10)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:20\:dark, html.auto .sf-c-txt-mediumslateblue\:20\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-20)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:30\:dark, html.auto .sf-c-txt-mediumslateblue\:30\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-30)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:40\:dark, html.auto .sf-c-txt-mediumslateblue\:40\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-40)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:50\:dark, html.auto .sf-c-txt-mediumslateblue\:50\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-50)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:60\:dark, html.auto .sf-c-txt-mediumslateblue\:60\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-60)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:70\:dark, html.auto .sf-c-txt-mediumslateblue\:70\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-70)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:80\:dark, html.auto .sf-c-txt-mediumslateblue\:80\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-80)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:90\:dark, html.auto .sf-c-txt-mediumslateblue\:90\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-90)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:100\:dark, html.auto .sf-c-txt-mediumslateblue\:100\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-100)) } + html.var[data-theme='auto'] .sf-c-mediumslateblue, html.var.auto .sf-c-mediumslateblue { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 33%) } html.var[data-theme='auto'] .sf-c-mediumslateblue\:0, html.var.auto .sf-c-mediumslateblue\:0 { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 100%) } html.var[data-theme='auto'] .sf-c-mediumslateblue\:10, html.var.auto .sf-c-mediumslateblue\:10 { color: hsl(249, 80%, 10%); background: hsl(249, 80%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-mediumslateblue\:100\:dark, html.var.dark .sf- html.var[data-theme='auto'] .sf-c-mediumslateblue\:80\:dark, html.var.auto .sf-c-mediumslateblue\:80\:dark { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 20%) } html.var[data-theme='auto'] .sf-c-mediumslateblue\:90\:dark, html.var.auto .sf-c-mediumslateblue\:90\:dark { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 10%) } html.var[data-theme='auto'] .sf-c-mediumslateblue\:100\:dark, html.var.auto .sf-c-mediumslateblue\:100\:dark { color: hsl(249, 80%, 90%); background: hsl(249, 80%, 0%) } -} -.sf-c-txt-mediumslateblue { color: hsl(var(--sf-c-txt-mediumslateblue)) } -.sf-c-txt-mediumslateblue\:0 { color: hsl(var(--sf-c-txt-mediumslateblue-0)) } -.sf-c-txt-mediumslateblue\:10 { color: hsl(var(--sf-c-txt-mediumslateblue-10)) } -.sf-c-txt-mediumslateblue\:20 { color: hsl(var(--sf-c-txt-mediumslateblue-20)) } -.sf-c-txt-mediumslateblue\:30 { color: hsl(var(--sf-c-txt-mediumslateblue-30)) } -.sf-c-txt-mediumslateblue\:40 { color: hsl(var(--sf-c-txt-mediumslateblue-40)) } -.sf-c-txt-mediumslateblue\:50 { color: hsl(var(--sf-c-txt-mediumslateblue-50)) } -.sf-c-txt-mediumslateblue\:60 { color: hsl(var(--sf-c-txt-mediumslateblue-60)) } -.sf-c-txt-mediumslateblue\:70 { color: hsl(var(--sf-c-txt-mediumslateblue-70)) } -.sf-c-txt-mediumslateblue\:80 { color: hsl(var(--sf-c-txt-mediumslateblue-80)) } -.sf-c-txt-mediumslateblue\:90 { color: hsl(var(--sf-c-txt-mediumslateblue-90)) } -.sf-c-txt-mediumslateblue\:100 { color: hsl(var(--sf-c-txt-mediumslateblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue, html.auto .sf-c-txt-mediumslateblue { color: hsl(249, 80%, 67%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:0, html.auto .sf-c-txt-mediumslateblue\:0 { color: hsl(249, 80%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:10, html.auto .sf-c-txt-mediumslateblue\:10 { color: hsl(249, 80%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:20, html.auto .sf-c-txt-mediumslateblue\:20 { color: hsl(249, 80%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:30, html.auto .sf-c-txt-mediumslateblue\:30 { color: hsl(249, 80%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:40, html.auto .sf-c-txt-mediumslateblue\:40 { color: hsl(249, 80%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:50, html.auto .sf-c-txt-mediumslateblue\:50 { color: hsl(249, 80%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:60, html.auto .sf-c-txt-mediumslateblue\:60 { color: hsl(249, 80%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:70, html.auto .sf-c-txt-mediumslateblue\:70 { color: hsl(249, 80%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:80, html.auto .sf-c-txt-mediumslateblue\:80 { color: hsl(249, 80%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:90, html.auto .sf-c-txt-mediumslateblue\:90 { color: hsl(249, 80%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:100, html.auto .sf-c-txt-mediumslateblue\:100 { color: hsl(249, 80%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:dark, html.auto .sf-c-txt-mediumslateblue\:dark { color: hsl(249, 80%, 67%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:0\:dark, html.auto .sf-c-txt-mediumslateblue\:0\:dark { color: hsl(249, 80%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:10\:dark, html.auto .sf-c-txt-mediumslateblue\:10\:dark { color: hsl(249, 80%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:20\:dark, html.auto .sf-c-txt-mediumslateblue\:20\:dark { color: hsl(249, 80%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:30\:dark, html.auto .sf-c-txt-mediumslateblue\:30\:dark { color: hsl(249, 80%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:40\:dark, html.auto .sf-c-txt-mediumslateblue\:40\:dark { color: hsl(249, 80%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:50\:dark, html.auto .sf-c-txt-mediumslateblue\:50\:dark { color: hsl(249, 80%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:60\:dark, html.auto .sf-c-txt-mediumslateblue\:60\:dark { color: hsl(249, 80%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:70\:dark, html.auto .sf-c-txt-mediumslateblue\:70\:dark { color: hsl(249, 80%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:80\:dark, html.auto .sf-c-txt-mediumslateblue\:80\:dark { color: hsl(249, 80%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:90\:dark, html.auto .sf-c-txt-mediumslateblue\:90\:dark { color: hsl(249, 80%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:100\:dark, html.auto .sf-c-txt-mediumslateblue\:100\:dark { color: hsl(249, 80%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/mediumspringgreen.css b/src/colors/10/mediumspringgreen.css index c2838f2..ca32127 100644 --- a/src/colors/10/mediumspringgreen.css +++ b/src/colors/10/mediumspringgreen.css @@ -78,6 +78,32 @@ html.var .sf-c-mediumspringgreen\:80 { color: hsl(157, 100%, 10%); background: h html.var .sf-c-mediumspringgreen\:90 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 90%) } html.var .sf-c-mediumspringgreen\:100 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 100%) } +.sf-c-txt-mediumspringgreen { color: hsl(var(--sf-dark-c-txt-mediumspringgreen)) } +.sf-c-txt-mediumspringgreen\:0 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-100)) } +.sf-c-txt-mediumspringgreen\:10 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-90)) } +.sf-c-txt-mediumspringgreen\:20 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-80)) } +.sf-c-txt-mediumspringgreen\:30 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-70)) } +.sf-c-txt-mediumspringgreen\:40 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-60)) } +.sf-c-txt-mediumspringgreen\:50 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-50)) } +.sf-c-txt-mediumspringgreen\:60 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-40)) } +.sf-c-txt-mediumspringgreen\:70 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-30)) } +.sf-c-txt-mediumspringgreen\:80 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-20)) } +.sf-c-txt-mediumspringgreen\:90 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-10)) } +.sf-c-txt-mediumspringgreen\:100 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-0)) } + +html.var .sf-c-txt-mediumspringgreen { color: hsl(157, 100%, 51%) } +html.var .sf-c-txt-mediumspringgreen\:0 { color: hsl(157, 100%, 100%) } +html.var .sf-c-txt-mediumspringgreen\:10 { color: hsl(157, 100%, 90%) } +html.var .sf-c-txt-mediumspringgreen\:20 { color: hsl(157, 100%, 80%) } +html.var .sf-c-txt-mediumspringgreen\:30 { color: hsl(157, 100%, 70%) } +html.var .sf-c-txt-mediumspringgreen\:40 { color: hsl(157, 100%, 60%) } +html.var .sf-c-txt-mediumspringgreen\:50 { color: hsl(157, 100%, 50%) } +html.var .sf-c-txt-mediumspringgreen\:60 { color: hsl(157, 100%, 40%) } +html.var .sf-c-txt-mediumspringgreen\:70 { color: hsl(157, 100%, 30%) } +html.var .sf-c-txt-mediumspringgreen\:80 { color: hsl(157, 100%, 20%) } +html.var .sf-c-txt-mediumspringgreen\:90 { color: hsl(157, 100%, 10%) } +html.var .sf-c-txt-mediumspringgreen\:100 { color: hsl(157, 100%, 0%) } + html[data-theme='dark'] .sf-c-mediumspringgreen, html.dark .sf-c-mediumspringgreen { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-10)); background: hsl(var(--sf-dark-c-mediumspringgreen)) } html[data-theme='dark'] .sf-c-mediumspringgreen\:0, html.dark .sf-c-mediumspringgreen\:0 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-90)); background: hsl(var(--sf-dark-c-mediumspringgreen-100)) } html[data-theme='dark'] .sf-c-mediumspringgreen\:10, html.dark .sf-c-mediumspringgreen\:10 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-10)); background: hsl(var(--sf-dark-c-mediumspringgreen-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-mediumspringgreen\:80\:dark, html.dark .sf-c-mediu html[data-theme='dark'] .sf-c-mediumspringgreen\:90\:dark, html.dark .sf-c-mediumspringgreen\:90\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-90)); background: hsl(var(--sf-c-mediumspringgreen-10)) } html[data-theme='dark'] .sf-c-mediumspringgreen\:100\:dark, html.dark .sf-c-mediumspringgreen\:100\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-90)); background: hsl(var(--sf-c-mediumspringgreen-0)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen, html.dark .sf-c-txt-mediumspringgreen { color: hsl(var(--sf-c-txt-mediumspringgreen)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:0, html.dark .sf-c-txt-mediumspringgreen\:0 { color: hsl(var(--sf-c-txt-mediumspringgreen-0)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:10, html.dark .sf-c-txt-mediumspringgreen\:10 { color: hsl(var(--sf-c-txt-mediumspringgreen-10)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:20, html.dark .sf-c-txt-mediumspringgreen\:20 { color: hsl(var(--sf-c-txt-mediumspringgreen-20)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:30, html.dark .sf-c-txt-mediumspringgreen\:30 { color: hsl(var(--sf-c-txt-mediumspringgreen-30)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:40, html.dark .sf-c-txt-mediumspringgreen\:40 { color: hsl(var(--sf-c-txt-mediumspringgreen-40)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:50, html.dark .sf-c-txt-mediumspringgreen\:50 { color: hsl(var(--sf-c-txt-mediumspringgreen-50)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:60, html.dark .sf-c-txt-mediumspringgreen\:60 { color: hsl(var(--sf-c-txt-mediumspringgreen-60)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:70, html.dark .sf-c-txt-mediumspringgreen\:70 { color: hsl(var(--sf-c-txt-mediumspringgreen-70)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:80, html.dark .sf-c-txt-mediumspringgreen\:80 { color: hsl(var(--sf-c-txt-mediumspringgreen-80)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:90, html.dark .sf-c-txt-mediumspringgreen\:90 { color: hsl(var(--sf-c-txt-mediumspringgreen-90)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:100, html.dark .sf-c-txt-mediumspringgreen\:100 { color: hsl(var(--sf-c-txt-mediumspringgreen-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:dark, html.dark .sf-c-txt-mediumspringgreen\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:0\:dark, html.dark .sf-c-txt-mediumspringgreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-0)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:10\:dark, html.dark .sf-c-txt-mediumspringgreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-10)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:20\:dark, html.dark .sf-c-txt-mediumspringgreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-20)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:30\:dark, html.dark .sf-c-txt-mediumspringgreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-30)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:40\:dark, html.dark .sf-c-txt-mediumspringgreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-40)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:50\:dark, html.dark .sf-c-txt-mediumspringgreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-50)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:60\:dark, html.dark .sf-c-txt-mediumspringgreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-60)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:70\:dark, html.dark .sf-c-txt-mediumspringgreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-70)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:80\:dark, html.dark .sf-c-txt-mediumspringgreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-80)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:90\:dark, html.dark .sf-c-txt-mediumspringgreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-90)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:100\:dark, html.dark .sf-c-txt-mediumspringgreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-100)) } + html.var[data-theme='dark'] .sf-c-mediumspringgreen, html.var.dark .sf-c-mediumspringgreen { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 51%) } html.var[data-theme='dark'] .sf-c-mediumspringgreen\:0, html.var.dark .sf-c-mediumspringgreen\:0 { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 100%) } html.var[data-theme='dark'] .sf-c-mediumspringgreen\:10, html.var.dark .sf-c-mediumspringgreen\:10 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-mediumspringgreen\:80\:dark, html.var.dark .sf html.var[data-theme='dark'] .sf-c-mediumspringgreen\:90\:dark, html.var.dark .sf-c-mediumspringgreen\:90\:dark { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 10%) } html.var[data-theme='dark'] .sf-c-mediumspringgreen\:100\:dark, html.var.dark .sf-c-mediumspringgreen\:100\:dark { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen, html.dark .sf-c-txt-mediumspringgreen { color: hsl(157, 100%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:0, html.dark .sf-c-txt-mediumspringgreen\:0 { color: hsl(157, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:10, html.dark .sf-c-txt-mediumspringgreen\:10 { color: hsl(157, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:20, html.dark .sf-c-txt-mediumspringgreen\:20 { color: hsl(157, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:30, html.dark .sf-c-txt-mediumspringgreen\:30 { color: hsl(157, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:40, html.dark .sf-c-txt-mediumspringgreen\:40 { color: hsl(157, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:50, html.dark .sf-c-txt-mediumspringgreen\:50 { color: hsl(157, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:60, html.dark .sf-c-txt-mediumspringgreen\:60 { color: hsl(157, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:70, html.dark .sf-c-txt-mediumspringgreen\:70 { color: hsl(157, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:80, html.dark .sf-c-txt-mediumspringgreen\:80 { color: hsl(157, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:90, html.dark .sf-c-txt-mediumspringgreen\:90 { color: hsl(157, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:100, html.dark .sf-c-txt-mediumspringgreen\:100 { color: hsl(157, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:dark, html.dark .sf-c-txt-mediumspringgreen\:dark { color: hsl(157, 100%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:0\:dark, html.dark .sf-c-txt-mediumspringgreen\:0\:dark { color: hsl(157, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:10\:dark, html.dark .sf-c-txt-mediumspringgreen\:10\:dark { color: hsl(157, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:20\:dark, html.dark .sf-c-txt-mediumspringgreen\:20\:dark { color: hsl(157, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:30\:dark, html.dark .sf-c-txt-mediumspringgreen\:30\:dark { color: hsl(157, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:40\:dark, html.dark .sf-c-txt-mediumspringgreen\:40\:dark { color: hsl(157, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:50\:dark, html.dark .sf-c-txt-mediumspringgreen\:50\:dark { color: hsl(157, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:60\:dark, html.dark .sf-c-txt-mediumspringgreen\:60\:dark { color: hsl(157, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:70\:dark, html.dark .sf-c-txt-mediumspringgreen\:70\:dark { color: hsl(157, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:80\:dark, html.dark .sf-c-txt-mediumspringgreen\:80\:dark { color: hsl(157, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:90\:dark, html.dark .sf-c-txt-mediumspringgreen\:90\:dark { color: hsl(157, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:100\:dark, html.dark .sf-c-txt-mediumspringgreen\:100\:dark { color: hsl(157, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumspringgreen, html.auto .sf-c-mediumspringgreen { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-10)); background: hsl(var(--sf-dark-c-mediumspringgreen)) } html[data-theme='auto'] .sf-c-mediumspringgreen\:0, html.auto .sf-c-mediumspringgreen\:0 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-90)); background: hsl(var(--sf-dark-c-mediumspringgreen-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-mediumspringgreen\:100\:dark, html.var.dark .s html[data-theme='auto'] .sf-c-mediumspringgreen\:90\:dark, html.auto .sf-c-mediumspringgreen\:90\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-90)); background: hsl(var(--sf-c-mediumspringgreen-10)) } html[data-theme='auto'] .sf-c-mediumspringgreen\:100\:dark, html.auto .sf-c-mediumspringgreen\:100\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-90)); background: hsl(var(--sf-c-mediumspringgreen-0)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen, html.auto .sf-c-txt-mediumspringgreen { color: hsl(var(--sf-c-txt-mediumspringgreen)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:0, html.auto .sf-c-txt-mediumspringgreen\:0 { color: hsl(var(--sf-c-txt-mediumspringgreen-0)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:10, html.auto .sf-c-txt-mediumspringgreen\:10 { color: hsl(var(--sf-c-txt-mediumspringgreen-10)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:20, html.auto .sf-c-txt-mediumspringgreen\:20 { color: hsl(var(--sf-c-txt-mediumspringgreen-20)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:30, html.auto .sf-c-txt-mediumspringgreen\:30 { color: hsl(var(--sf-c-txt-mediumspringgreen-30)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:40, html.auto .sf-c-txt-mediumspringgreen\:40 { color: hsl(var(--sf-c-txt-mediumspringgreen-40)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:50, html.auto .sf-c-txt-mediumspringgreen\:50 { color: hsl(var(--sf-c-txt-mediumspringgreen-50)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:60, html.auto .sf-c-txt-mediumspringgreen\:60 { color: hsl(var(--sf-c-txt-mediumspringgreen-60)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:70, html.auto .sf-c-txt-mediumspringgreen\:70 { color: hsl(var(--sf-c-txt-mediumspringgreen-70)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:80, html.auto .sf-c-txt-mediumspringgreen\:80 { color: hsl(var(--sf-c-txt-mediumspringgreen-80)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:90, html.auto .sf-c-txt-mediumspringgreen\:90 { color: hsl(var(--sf-c-txt-mediumspringgreen-90)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:100, html.auto .sf-c-txt-mediumspringgreen\:100 { color: hsl(var(--sf-c-txt-mediumspringgreen-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:dark, html.auto .sf-c-txt-mediumspringgreen\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:0\:dark, html.auto .sf-c-txt-mediumspringgreen\:0\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-0)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:10\:dark, html.auto .sf-c-txt-mediumspringgreen\:10\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-10)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:20\:dark, html.auto .sf-c-txt-mediumspringgreen\:20\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-20)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:30\:dark, html.auto .sf-c-txt-mediumspringgreen\:30\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-30)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:40\:dark, html.auto .sf-c-txt-mediumspringgreen\:40\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-40)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:50\:dark, html.auto .sf-c-txt-mediumspringgreen\:50\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-50)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:60\:dark, html.auto .sf-c-txt-mediumspringgreen\:60\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-60)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:70\:dark, html.auto .sf-c-txt-mediumspringgreen\:70\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-70)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:80\:dark, html.auto .sf-c-txt-mediumspringgreen\:80\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-80)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:90\:dark, html.auto .sf-c-txt-mediumspringgreen\:90\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-90)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:100\:dark, html.auto .sf-c-txt-mediumspringgreen\:100\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-100)) } + html.var[data-theme='auto'] .sf-c-mediumspringgreen, html.var.auto .sf-c-mediumspringgreen { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 51%) } html.var[data-theme='auto'] .sf-c-mediumspringgreen\:0, html.var.auto .sf-c-mediumspringgreen\:0 { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 100%) } html.var[data-theme='auto'] .sf-c-mediumspringgreen\:10, html.var.auto .sf-c-mediumspringgreen\:10 { color: hsl(157, 100%, 10%); background: hsl(157, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-mediumspringgreen\:100\:dark, html.var.dark .s html.var[data-theme='auto'] .sf-c-mediumspringgreen\:80\:dark, html.var.auto .sf-c-mediumspringgreen\:80\:dark { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 20%) } html.var[data-theme='auto'] .sf-c-mediumspringgreen\:90\:dark, html.var.auto .sf-c-mediumspringgreen\:90\:dark { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 10%) } html.var[data-theme='auto'] .sf-c-mediumspringgreen\:100\:dark, html.var.auto .sf-c-mediumspringgreen\:100\:dark { color: hsl(157, 100%, 90%); background: hsl(157, 100%, 0%) } -} -.sf-c-txt-mediumspringgreen { color: hsl(var(--sf-c-txt-mediumspringgreen)) } -.sf-c-txt-mediumspringgreen\:0 { color: hsl(var(--sf-c-txt-mediumspringgreen-0)) } -.sf-c-txt-mediumspringgreen\:10 { color: hsl(var(--sf-c-txt-mediumspringgreen-10)) } -.sf-c-txt-mediumspringgreen\:20 { color: hsl(var(--sf-c-txt-mediumspringgreen-20)) } -.sf-c-txt-mediumspringgreen\:30 { color: hsl(var(--sf-c-txt-mediumspringgreen-30)) } -.sf-c-txt-mediumspringgreen\:40 { color: hsl(var(--sf-c-txt-mediumspringgreen-40)) } -.sf-c-txt-mediumspringgreen\:50 { color: hsl(var(--sf-c-txt-mediumspringgreen-50)) } -.sf-c-txt-mediumspringgreen\:60 { color: hsl(var(--sf-c-txt-mediumspringgreen-60)) } -.sf-c-txt-mediumspringgreen\:70 { color: hsl(var(--sf-c-txt-mediumspringgreen-70)) } -.sf-c-txt-mediumspringgreen\:80 { color: hsl(var(--sf-c-txt-mediumspringgreen-80)) } -.sf-c-txt-mediumspringgreen\:90 { color: hsl(var(--sf-c-txt-mediumspringgreen-90)) } -.sf-c-txt-mediumspringgreen\:100 { color: hsl(var(--sf-c-txt-mediumspringgreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen, html.auto .sf-c-txt-mediumspringgreen { color: hsl(157, 100%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:0, html.auto .sf-c-txt-mediumspringgreen\:0 { color: hsl(157, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:10, html.auto .sf-c-txt-mediumspringgreen\:10 { color: hsl(157, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:20, html.auto .sf-c-txt-mediumspringgreen\:20 { color: hsl(157, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:30, html.auto .sf-c-txt-mediumspringgreen\:30 { color: hsl(157, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:40, html.auto .sf-c-txt-mediumspringgreen\:40 { color: hsl(157, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:50, html.auto .sf-c-txt-mediumspringgreen\:50 { color: hsl(157, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:60, html.auto .sf-c-txt-mediumspringgreen\:60 { color: hsl(157, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:70, html.auto .sf-c-txt-mediumspringgreen\:70 { color: hsl(157, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:80, html.auto .sf-c-txt-mediumspringgreen\:80 { color: hsl(157, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:90, html.auto .sf-c-txt-mediumspringgreen\:90 { color: hsl(157, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:100, html.auto .sf-c-txt-mediumspringgreen\:100 { color: hsl(157, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:dark, html.auto .sf-c-txt-mediumspringgreen\:dark { color: hsl(157, 100%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:0\:dark, html.auto .sf-c-txt-mediumspringgreen\:0\:dark { color: hsl(157, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:10\:dark, html.auto .sf-c-txt-mediumspringgreen\:10\:dark { color: hsl(157, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:20\:dark, html.auto .sf-c-txt-mediumspringgreen\:20\:dark { color: hsl(157, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:30\:dark, html.auto .sf-c-txt-mediumspringgreen\:30\:dark { color: hsl(157, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:40\:dark, html.auto .sf-c-txt-mediumspringgreen\:40\:dark { color: hsl(157, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:50\:dark, html.auto .sf-c-txt-mediumspringgreen\:50\:dark { color: hsl(157, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:60\:dark, html.auto .sf-c-txt-mediumspringgreen\:60\:dark { color: hsl(157, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:70\:dark, html.auto .sf-c-txt-mediumspringgreen\:70\:dark { color: hsl(157, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:80\:dark, html.auto .sf-c-txt-mediumspringgreen\:80\:dark { color: hsl(157, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:90\:dark, html.auto .sf-c-txt-mediumspringgreen\:90\:dark { color: hsl(157, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:100\:dark, html.auto .sf-c-txt-mediumspringgreen\:100\:dark { color: hsl(157, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/mediumturquoise.css b/src/colors/10/mediumturquoise.css index 4f85927..28cc087 100644 --- a/src/colors/10/mediumturquoise.css +++ b/src/colors/10/mediumturquoise.css @@ -78,6 +78,32 @@ html.var .sf-c-mediumturquoise\:80 { color: hsl(178, 60%, 10%); background: hsl( html.var .sf-c-mediumturquoise\:90 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 90%) } html.var .sf-c-mediumturquoise\:100 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 100%) } +.sf-c-txt-mediumturquoise { color: hsl(var(--sf-dark-c-txt-mediumturquoise)) } +.sf-c-txt-mediumturquoise\:0 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-100)) } +.sf-c-txt-mediumturquoise\:10 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-90)) } +.sf-c-txt-mediumturquoise\:20 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-80)) } +.sf-c-txt-mediumturquoise\:30 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-70)) } +.sf-c-txt-mediumturquoise\:40 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-60)) } +.sf-c-txt-mediumturquoise\:50 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-50)) } +.sf-c-txt-mediumturquoise\:60 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-40)) } +.sf-c-txt-mediumturquoise\:70 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-30)) } +.sf-c-txt-mediumturquoise\:80 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-20)) } +.sf-c-txt-mediumturquoise\:90 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-10)) } +.sf-c-txt-mediumturquoise\:100 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-0)) } + +html.var .sf-c-txt-mediumturquoise { color: hsl(178, 60%, 45%) } +html.var .sf-c-txt-mediumturquoise\:0 { color: hsl(178, 60%, 100%) } +html.var .sf-c-txt-mediumturquoise\:10 { color: hsl(178, 60%, 90%) } +html.var .sf-c-txt-mediumturquoise\:20 { color: hsl(178, 60%, 80%) } +html.var .sf-c-txt-mediumturquoise\:30 { color: hsl(178, 60%, 70%) } +html.var .sf-c-txt-mediumturquoise\:40 { color: hsl(178, 60%, 60%) } +html.var .sf-c-txt-mediumturquoise\:50 { color: hsl(178, 60%, 50%) } +html.var .sf-c-txt-mediumturquoise\:60 { color: hsl(178, 60%, 40%) } +html.var .sf-c-txt-mediumturquoise\:70 { color: hsl(178, 60%, 30%) } +html.var .sf-c-txt-mediumturquoise\:80 { color: hsl(178, 60%, 20%) } +html.var .sf-c-txt-mediumturquoise\:90 { color: hsl(178, 60%, 10%) } +html.var .sf-c-txt-mediumturquoise\:100 { color: hsl(178, 60%, 0%) } + html[data-theme='dark'] .sf-c-mediumturquoise, html.dark .sf-c-mediumturquoise { color: hsl(var(--sf-dark-c-txt-mediumturquoise-10)); background: hsl(var(--sf-dark-c-mediumturquoise)) } html[data-theme='dark'] .sf-c-mediumturquoise\:0, html.dark .sf-c-mediumturquoise\:0 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-90)); background: hsl(var(--sf-dark-c-mediumturquoise-100)) } html[data-theme='dark'] .sf-c-mediumturquoise\:10, html.dark .sf-c-mediumturquoise\:10 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-10)); background: hsl(var(--sf-dark-c-mediumturquoise-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-mediumturquoise\:80\:dark, html.dark .sf-c-mediumt html[data-theme='dark'] .sf-c-mediumturquoise\:90\:dark, html.dark .sf-c-mediumturquoise\:90\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-90)); background: hsl(var(--sf-c-mediumturquoise-10)) } html[data-theme='dark'] .sf-c-mediumturquoise\:100\:dark, html.dark .sf-c-mediumturquoise\:100\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-90)); background: hsl(var(--sf-c-mediumturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise, html.dark .sf-c-txt-mediumturquoise { color: hsl(var(--sf-c-txt-mediumturquoise)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:0, html.dark .sf-c-txt-mediumturquoise\:0 { color: hsl(var(--sf-c-txt-mediumturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:10, html.dark .sf-c-txt-mediumturquoise\:10 { color: hsl(var(--sf-c-txt-mediumturquoise-10)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:20, html.dark .sf-c-txt-mediumturquoise\:20 { color: hsl(var(--sf-c-txt-mediumturquoise-20)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:30, html.dark .sf-c-txt-mediumturquoise\:30 { color: hsl(var(--sf-c-txt-mediumturquoise-30)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:40, html.dark .sf-c-txt-mediumturquoise\:40 { color: hsl(var(--sf-c-txt-mediumturquoise-40)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:50, html.dark .sf-c-txt-mediumturquoise\:50 { color: hsl(var(--sf-c-txt-mediumturquoise-50)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:60, html.dark .sf-c-txt-mediumturquoise\:60 { color: hsl(var(--sf-c-txt-mediumturquoise-60)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:70, html.dark .sf-c-txt-mediumturquoise\:70 { color: hsl(var(--sf-c-txt-mediumturquoise-70)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:80, html.dark .sf-c-txt-mediumturquoise\:80 { color: hsl(var(--sf-c-txt-mediumturquoise-80)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:90, html.dark .sf-c-txt-mediumturquoise\:90 { color: hsl(var(--sf-c-txt-mediumturquoise-90)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:100, html.dark .sf-c-txt-mediumturquoise\:100 { color: hsl(var(--sf-c-txt-mediumturquoise-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:dark, html.dark .sf-c-txt-mediumturquoise\:dark { color: hsl(var(--sf-c-txt-mediumturquoise)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:0\:dark, html.dark .sf-c-txt-mediumturquoise\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:10\:dark, html.dark .sf-c-txt-mediumturquoise\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-10)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:20\:dark, html.dark .sf-c-txt-mediumturquoise\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-20)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:30\:dark, html.dark .sf-c-txt-mediumturquoise\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-30)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:40\:dark, html.dark .sf-c-txt-mediumturquoise\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-40)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:50\:dark, html.dark .sf-c-txt-mediumturquoise\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-50)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:60\:dark, html.dark .sf-c-txt-mediumturquoise\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-60)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:70\:dark, html.dark .sf-c-txt-mediumturquoise\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-70)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:80\:dark, html.dark .sf-c-txt-mediumturquoise\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-80)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:90\:dark, html.dark .sf-c-txt-mediumturquoise\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-90)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:100\:dark, html.dark .sf-c-txt-mediumturquoise\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-100)) } + html.var[data-theme='dark'] .sf-c-mediumturquoise, html.var.dark .sf-c-mediumturquoise { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 45%) } html.var[data-theme='dark'] .sf-c-mediumturquoise\:0, html.var.dark .sf-c-mediumturquoise\:0 { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 100%) } html.var[data-theme='dark'] .sf-c-mediumturquoise\:10, html.var.dark .sf-c-mediumturquoise\:10 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-mediumturquoise\:80\:dark, html.var.dark .sf-c html.var[data-theme='dark'] .sf-c-mediumturquoise\:90\:dark, html.var.dark .sf-c-mediumturquoise\:90\:dark { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 10%) } html.var[data-theme='dark'] .sf-c-mediumturquoise\:100\:dark, html.var.dark .sf-c-mediumturquoise\:100\:dark { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise, html.dark .sf-c-txt-mediumturquoise { color: hsl(178, 60%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:0, html.dark .sf-c-txt-mediumturquoise\:0 { color: hsl(178, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:10, html.dark .sf-c-txt-mediumturquoise\:10 { color: hsl(178, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:20, html.dark .sf-c-txt-mediumturquoise\:20 { color: hsl(178, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:30, html.dark .sf-c-txt-mediumturquoise\:30 { color: hsl(178, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:40, html.dark .sf-c-txt-mediumturquoise\:40 { color: hsl(178, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:50, html.dark .sf-c-txt-mediumturquoise\:50 { color: hsl(178, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:60, html.dark .sf-c-txt-mediumturquoise\:60 { color: hsl(178, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:70, html.dark .sf-c-txt-mediumturquoise\:70 { color: hsl(178, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:80, html.dark .sf-c-txt-mediumturquoise\:80 { color: hsl(178, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:90, html.dark .sf-c-txt-mediumturquoise\:90 { color: hsl(178, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:100, html.dark .sf-c-txt-mediumturquoise\:100 { color: hsl(178, 60%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:dark, html.dark .sf-c-txt-mediumturquoise\:dark { color: hsl(178, 60%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:0\:dark, html.dark .sf-c-txt-mediumturquoise\:0\:dark { color: hsl(178, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:10\:dark, html.dark .sf-c-txt-mediumturquoise\:10\:dark { color: hsl(178, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:20\:dark, html.dark .sf-c-txt-mediumturquoise\:20\:dark { color: hsl(178, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:30\:dark, html.dark .sf-c-txt-mediumturquoise\:30\:dark { color: hsl(178, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:40\:dark, html.dark .sf-c-txt-mediumturquoise\:40\:dark { color: hsl(178, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:50\:dark, html.dark .sf-c-txt-mediumturquoise\:50\:dark { color: hsl(178, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:60\:dark, html.dark .sf-c-txt-mediumturquoise\:60\:dark { color: hsl(178, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:70\:dark, html.dark .sf-c-txt-mediumturquoise\:70\:dark { color: hsl(178, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:80\:dark, html.dark .sf-c-txt-mediumturquoise\:80\:dark { color: hsl(178, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:90\:dark, html.dark .sf-c-txt-mediumturquoise\:90\:dark { color: hsl(178, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:100\:dark, html.dark .sf-c-txt-mediumturquoise\:100\:dark { color: hsl(178, 60%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumturquoise, html.auto .sf-c-mediumturquoise { color: hsl(var(--sf-dark-c-txt-mediumturquoise-10)); background: hsl(var(--sf-dark-c-mediumturquoise)) } html[data-theme='auto'] .sf-c-mediumturquoise\:0, html.auto .sf-c-mediumturquoise\:0 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-90)); background: hsl(var(--sf-dark-c-mediumturquoise-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-mediumturquoise\:100\:dark, html.var.dark .sf- html[data-theme='auto'] .sf-c-mediumturquoise\:90\:dark, html.auto .sf-c-mediumturquoise\:90\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-90)); background: hsl(var(--sf-c-mediumturquoise-10)) } html[data-theme='auto'] .sf-c-mediumturquoise\:100\:dark, html.auto .sf-c-mediumturquoise\:100\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-90)); background: hsl(var(--sf-c-mediumturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise, html.auto .sf-c-txt-mediumturquoise { color: hsl(var(--sf-c-txt-mediumturquoise)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:0, html.auto .sf-c-txt-mediumturquoise\:0 { color: hsl(var(--sf-c-txt-mediumturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:10, html.auto .sf-c-txt-mediumturquoise\:10 { color: hsl(var(--sf-c-txt-mediumturquoise-10)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:20, html.auto .sf-c-txt-mediumturquoise\:20 { color: hsl(var(--sf-c-txt-mediumturquoise-20)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:30, html.auto .sf-c-txt-mediumturquoise\:30 { color: hsl(var(--sf-c-txt-mediumturquoise-30)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:40, html.auto .sf-c-txt-mediumturquoise\:40 { color: hsl(var(--sf-c-txt-mediumturquoise-40)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:50, html.auto .sf-c-txt-mediumturquoise\:50 { color: hsl(var(--sf-c-txt-mediumturquoise-50)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:60, html.auto .sf-c-txt-mediumturquoise\:60 { color: hsl(var(--sf-c-txt-mediumturquoise-60)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:70, html.auto .sf-c-txt-mediumturquoise\:70 { color: hsl(var(--sf-c-txt-mediumturquoise-70)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:80, html.auto .sf-c-txt-mediumturquoise\:80 { color: hsl(var(--sf-c-txt-mediumturquoise-80)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:90, html.auto .sf-c-txt-mediumturquoise\:90 { color: hsl(var(--sf-c-txt-mediumturquoise-90)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:100, html.auto .sf-c-txt-mediumturquoise\:100 { color: hsl(var(--sf-c-txt-mediumturquoise-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:dark, html.auto .sf-c-txt-mediumturquoise\:dark { color: hsl(var(--sf-c-txt-mediumturquoise)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:0\:dark, html.auto .sf-c-txt-mediumturquoise\:0\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:10\:dark, html.auto .sf-c-txt-mediumturquoise\:10\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-10)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:20\:dark, html.auto .sf-c-txt-mediumturquoise\:20\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-20)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:30\:dark, html.auto .sf-c-txt-mediumturquoise\:30\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-30)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:40\:dark, html.auto .sf-c-txt-mediumturquoise\:40\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-40)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:50\:dark, html.auto .sf-c-txt-mediumturquoise\:50\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-50)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:60\:dark, html.auto .sf-c-txt-mediumturquoise\:60\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-60)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:70\:dark, html.auto .sf-c-txt-mediumturquoise\:70\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-70)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:80\:dark, html.auto .sf-c-txt-mediumturquoise\:80\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-80)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:90\:dark, html.auto .sf-c-txt-mediumturquoise\:90\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-90)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:100\:dark, html.auto .sf-c-txt-mediumturquoise\:100\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-100)) } + html.var[data-theme='auto'] .sf-c-mediumturquoise, html.var.auto .sf-c-mediumturquoise { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 45%) } html.var[data-theme='auto'] .sf-c-mediumturquoise\:0, html.var.auto .sf-c-mediumturquoise\:0 { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 100%) } html.var[data-theme='auto'] .sf-c-mediumturquoise\:10, html.var.auto .sf-c-mediumturquoise\:10 { color: hsl(178, 60%, 10%); background: hsl(178, 60%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-mediumturquoise\:100\:dark, html.var.dark .sf- html.var[data-theme='auto'] .sf-c-mediumturquoise\:80\:dark, html.var.auto .sf-c-mediumturquoise\:80\:dark { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 20%) } html.var[data-theme='auto'] .sf-c-mediumturquoise\:90\:dark, html.var.auto .sf-c-mediumturquoise\:90\:dark { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 10%) } html.var[data-theme='auto'] .sf-c-mediumturquoise\:100\:dark, html.var.auto .sf-c-mediumturquoise\:100\:dark { color: hsl(178, 60%, 90%); background: hsl(178, 60%, 0%) } -} -.sf-c-txt-mediumturquoise { color: hsl(var(--sf-c-txt-mediumturquoise)) } -.sf-c-txt-mediumturquoise\:0 { color: hsl(var(--sf-c-txt-mediumturquoise-0)) } -.sf-c-txt-mediumturquoise\:10 { color: hsl(var(--sf-c-txt-mediumturquoise-10)) } -.sf-c-txt-mediumturquoise\:20 { color: hsl(var(--sf-c-txt-mediumturquoise-20)) } -.sf-c-txt-mediumturquoise\:30 { color: hsl(var(--sf-c-txt-mediumturquoise-30)) } -.sf-c-txt-mediumturquoise\:40 { color: hsl(var(--sf-c-txt-mediumturquoise-40)) } -.sf-c-txt-mediumturquoise\:50 { color: hsl(var(--sf-c-txt-mediumturquoise-50)) } -.sf-c-txt-mediumturquoise\:60 { color: hsl(var(--sf-c-txt-mediumturquoise-60)) } -.sf-c-txt-mediumturquoise\:70 { color: hsl(var(--sf-c-txt-mediumturquoise-70)) } -.sf-c-txt-mediumturquoise\:80 { color: hsl(var(--sf-c-txt-mediumturquoise-80)) } -.sf-c-txt-mediumturquoise\:90 { color: hsl(var(--sf-c-txt-mediumturquoise-90)) } -.sf-c-txt-mediumturquoise\:100 { color: hsl(var(--sf-c-txt-mediumturquoise-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise, html.auto .sf-c-txt-mediumturquoise { color: hsl(178, 60%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:0, html.auto .sf-c-txt-mediumturquoise\:0 { color: hsl(178, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:10, html.auto .sf-c-txt-mediumturquoise\:10 { color: hsl(178, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:20, html.auto .sf-c-txt-mediumturquoise\:20 { color: hsl(178, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:30, html.auto .sf-c-txt-mediumturquoise\:30 { color: hsl(178, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:40, html.auto .sf-c-txt-mediumturquoise\:40 { color: hsl(178, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:50, html.auto .sf-c-txt-mediumturquoise\:50 { color: hsl(178, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:60, html.auto .sf-c-txt-mediumturquoise\:60 { color: hsl(178, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:70, html.auto .sf-c-txt-mediumturquoise\:70 { color: hsl(178, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:80, html.auto .sf-c-txt-mediumturquoise\:80 { color: hsl(178, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:90, html.auto .sf-c-txt-mediumturquoise\:90 { color: hsl(178, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:100, html.auto .sf-c-txt-mediumturquoise\:100 { color: hsl(178, 60%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:dark, html.auto .sf-c-txt-mediumturquoise\:dark { color: hsl(178, 60%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:0\:dark, html.auto .sf-c-txt-mediumturquoise\:0\:dark { color: hsl(178, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:10\:dark, html.auto .sf-c-txt-mediumturquoise\:10\:dark { color: hsl(178, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:20\:dark, html.auto .sf-c-txt-mediumturquoise\:20\:dark { color: hsl(178, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:30\:dark, html.auto .sf-c-txt-mediumturquoise\:30\:dark { color: hsl(178, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:40\:dark, html.auto .sf-c-txt-mediumturquoise\:40\:dark { color: hsl(178, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:50\:dark, html.auto .sf-c-txt-mediumturquoise\:50\:dark { color: hsl(178, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:60\:dark, html.auto .sf-c-txt-mediumturquoise\:60\:dark { color: hsl(178, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:70\:dark, html.auto .sf-c-txt-mediumturquoise\:70\:dark { color: hsl(178, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:80\:dark, html.auto .sf-c-txt-mediumturquoise\:80\:dark { color: hsl(178, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:90\:dark, html.auto .sf-c-txt-mediumturquoise\:90\:dark { color: hsl(178, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:100\:dark, html.auto .sf-c-txt-mediumturquoise\:100\:dark { color: hsl(178, 60%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/mediumvioletred.css b/src/colors/10/mediumvioletred.css index 8ffd4ab..fc6e723 100644 --- a/src/colors/10/mediumvioletred.css +++ b/src/colors/10/mediumvioletred.css @@ -78,6 +78,32 @@ html.var .sf-c-mediumvioletred\:80 { color: hsl(322, 81%, 10%); background: hsl( html.var .sf-c-mediumvioletred\:90 { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 90%) } html.var .sf-c-mediumvioletred\:100 { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 100%) } +.sf-c-txt-mediumvioletred { color: hsl(var(--sf-dark-c-txt-mediumvioletred)) } +.sf-c-txt-mediumvioletred\:0 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-100)) } +.sf-c-txt-mediumvioletred\:10 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-90)) } +.sf-c-txt-mediumvioletred\:20 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-80)) } +.sf-c-txt-mediumvioletred\:30 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-70)) } +.sf-c-txt-mediumvioletred\:40 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-60)) } +.sf-c-txt-mediumvioletred\:50 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-50)) } +.sf-c-txt-mediumvioletred\:60 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-40)) } +.sf-c-txt-mediumvioletred\:70 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-30)) } +.sf-c-txt-mediumvioletred\:80 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-20)) } +.sf-c-txt-mediumvioletred\:90 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-10)) } +.sf-c-txt-mediumvioletred\:100 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-0)) } + +html.var .sf-c-txt-mediumvioletred { color: hsl(322, 81%, 57%) } +html.var .sf-c-txt-mediumvioletred\:0 { color: hsl(322, 81%, 100%) } +html.var .sf-c-txt-mediumvioletred\:10 { color: hsl(322, 81%, 90%) } +html.var .sf-c-txt-mediumvioletred\:20 { color: hsl(322, 81%, 80%) } +html.var .sf-c-txt-mediumvioletred\:30 { color: hsl(322, 81%, 70%) } +html.var .sf-c-txt-mediumvioletred\:40 { color: hsl(322, 81%, 60%) } +html.var .sf-c-txt-mediumvioletred\:50 { color: hsl(322, 81%, 50%) } +html.var .sf-c-txt-mediumvioletred\:60 { color: hsl(322, 81%, 40%) } +html.var .sf-c-txt-mediumvioletred\:70 { color: hsl(322, 81%, 30%) } +html.var .sf-c-txt-mediumvioletred\:80 { color: hsl(322, 81%, 20%) } +html.var .sf-c-txt-mediumvioletred\:90 { color: hsl(322, 81%, 10%) } +html.var .sf-c-txt-mediumvioletred\:100 { color: hsl(322, 81%, 0%) } + html[data-theme='dark'] .sf-c-mediumvioletred, html.dark .sf-c-mediumvioletred { color: hsl(var(--sf-dark-c-txt-mediumvioletred-90)); background: hsl(var(--sf-dark-c-mediumvioletred)) } html[data-theme='dark'] .sf-c-mediumvioletred\:0, html.dark .sf-c-mediumvioletred\:0 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-90)); background: hsl(var(--sf-dark-c-mediumvioletred-100)) } html[data-theme='dark'] .sf-c-mediumvioletred\:10, html.dark .sf-c-mediumvioletred\:10 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-10)); background: hsl(var(--sf-dark-c-mediumvioletred-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-mediumvioletred\:80\:dark, html.dark .sf-c-mediumv html[data-theme='dark'] .sf-c-mediumvioletred\:90\:dark, html.dark .sf-c-mediumvioletred\:90\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-90)); background: hsl(var(--sf-c-mediumvioletred-10)) } html[data-theme='dark'] .sf-c-mediumvioletred\:100\:dark, html.dark .sf-c-mediumvioletred\:100\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-90)); background: hsl(var(--sf-c-mediumvioletred-0)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred, html.dark .sf-c-txt-mediumvioletred { color: hsl(var(--sf-c-txt-mediumvioletred)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:0, html.dark .sf-c-txt-mediumvioletred\:0 { color: hsl(var(--sf-c-txt-mediumvioletred-0)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:10, html.dark .sf-c-txt-mediumvioletred\:10 { color: hsl(var(--sf-c-txt-mediumvioletred-10)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:20, html.dark .sf-c-txt-mediumvioletred\:20 { color: hsl(var(--sf-c-txt-mediumvioletred-20)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:30, html.dark .sf-c-txt-mediumvioletred\:30 { color: hsl(var(--sf-c-txt-mediumvioletred-30)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:40, html.dark .sf-c-txt-mediumvioletred\:40 { color: hsl(var(--sf-c-txt-mediumvioletred-40)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:50, html.dark .sf-c-txt-mediumvioletred\:50 { color: hsl(var(--sf-c-txt-mediumvioletred-50)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:60, html.dark .sf-c-txt-mediumvioletred\:60 { color: hsl(var(--sf-c-txt-mediumvioletred-60)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:70, html.dark .sf-c-txt-mediumvioletred\:70 { color: hsl(var(--sf-c-txt-mediumvioletred-70)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:80, html.dark .sf-c-txt-mediumvioletred\:80 { color: hsl(var(--sf-c-txt-mediumvioletred-80)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:90, html.dark .sf-c-txt-mediumvioletred\:90 { color: hsl(var(--sf-c-txt-mediumvioletred-90)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:100, html.dark .sf-c-txt-mediumvioletred\:100 { color: hsl(var(--sf-c-txt-mediumvioletred-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:dark, html.dark .sf-c-txt-mediumvioletred\:dark { color: hsl(var(--sf-c-txt-mediumvioletred)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:0\:dark, html.dark .sf-c-txt-mediumvioletred\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-0)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:10\:dark, html.dark .sf-c-txt-mediumvioletred\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-10)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:20\:dark, html.dark .sf-c-txt-mediumvioletred\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-20)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:30\:dark, html.dark .sf-c-txt-mediumvioletred\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-30)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:40\:dark, html.dark .sf-c-txt-mediumvioletred\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-40)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:50\:dark, html.dark .sf-c-txt-mediumvioletred\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-50)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:60\:dark, html.dark .sf-c-txt-mediumvioletred\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-60)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:70\:dark, html.dark .sf-c-txt-mediumvioletred\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-70)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:80\:dark, html.dark .sf-c-txt-mediumvioletred\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-80)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:90\:dark, html.dark .sf-c-txt-mediumvioletred\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-90)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:100\:dark, html.dark .sf-c-txt-mediumvioletred\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-100)) } + html.var[data-theme='dark'] .sf-c-mediumvioletred, html.var.dark .sf-c-mediumvioletred { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 57%) } html.var[data-theme='dark'] .sf-c-mediumvioletred\:0, html.var.dark .sf-c-mediumvioletred\:0 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 100%) } html.var[data-theme='dark'] .sf-c-mediumvioletred\:10, html.var.dark .sf-c-mediumvioletred\:10 { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-mediumvioletred\:80\:dark, html.var.dark .sf-c html.var[data-theme='dark'] .sf-c-mediumvioletred\:90\:dark, html.var.dark .sf-c-mediumvioletred\:90\:dark { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 10%) } html.var[data-theme='dark'] .sf-c-mediumvioletred\:100\:dark, html.var.dark .sf-c-mediumvioletred\:100\:dark { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred, html.dark .sf-c-txt-mediumvioletred { color: hsl(322, 81%, 43%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:0, html.dark .sf-c-txt-mediumvioletred\:0 { color: hsl(322, 81%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:10, html.dark .sf-c-txt-mediumvioletred\:10 { color: hsl(322, 81%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:20, html.dark .sf-c-txt-mediumvioletred\:20 { color: hsl(322, 81%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:30, html.dark .sf-c-txt-mediumvioletred\:30 { color: hsl(322, 81%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:40, html.dark .sf-c-txt-mediumvioletred\:40 { color: hsl(322, 81%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:50, html.dark .sf-c-txt-mediumvioletred\:50 { color: hsl(322, 81%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:60, html.dark .sf-c-txt-mediumvioletred\:60 { color: hsl(322, 81%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:70, html.dark .sf-c-txt-mediumvioletred\:70 { color: hsl(322, 81%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:80, html.dark .sf-c-txt-mediumvioletred\:80 { color: hsl(322, 81%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:90, html.dark .sf-c-txt-mediumvioletred\:90 { color: hsl(322, 81%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:100, html.dark .sf-c-txt-mediumvioletred\:100 { color: hsl(322, 81%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:dark, html.dark .sf-c-txt-mediumvioletred\:dark { color: hsl(322, 81%, 43%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:0\:dark, html.dark .sf-c-txt-mediumvioletred\:0\:dark { color: hsl(322, 81%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:10\:dark, html.dark .sf-c-txt-mediumvioletred\:10\:dark { color: hsl(322, 81%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:20\:dark, html.dark .sf-c-txt-mediumvioletred\:20\:dark { color: hsl(322, 81%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:30\:dark, html.dark .sf-c-txt-mediumvioletred\:30\:dark { color: hsl(322, 81%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:40\:dark, html.dark .sf-c-txt-mediumvioletred\:40\:dark { color: hsl(322, 81%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:50\:dark, html.dark .sf-c-txt-mediumvioletred\:50\:dark { color: hsl(322, 81%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:60\:dark, html.dark .sf-c-txt-mediumvioletred\:60\:dark { color: hsl(322, 81%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:70\:dark, html.dark .sf-c-txt-mediumvioletred\:70\:dark { color: hsl(322, 81%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:80\:dark, html.dark .sf-c-txt-mediumvioletred\:80\:dark { color: hsl(322, 81%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:90\:dark, html.dark .sf-c-txt-mediumvioletred\:90\:dark { color: hsl(322, 81%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:100\:dark, html.dark .sf-c-txt-mediumvioletred\:100\:dark { color: hsl(322, 81%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumvioletred, html.auto .sf-c-mediumvioletred { color: hsl(var(--sf-dark-c-txt-mediumvioletred-90)); background: hsl(var(--sf-dark-c-mediumvioletred)) } html[data-theme='auto'] .sf-c-mediumvioletred\:0, html.auto .sf-c-mediumvioletred\:0 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-90)); background: hsl(var(--sf-dark-c-mediumvioletred-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-mediumvioletred\:100\:dark, html.var.dark .sf- html[data-theme='auto'] .sf-c-mediumvioletred\:90\:dark, html.auto .sf-c-mediumvioletred\:90\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-90)); background: hsl(var(--sf-c-mediumvioletred-10)) } html[data-theme='auto'] .sf-c-mediumvioletred\:100\:dark, html.auto .sf-c-mediumvioletred\:100\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-90)); background: hsl(var(--sf-c-mediumvioletred-0)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred, html.auto .sf-c-txt-mediumvioletred { color: hsl(var(--sf-c-txt-mediumvioletred)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:0, html.auto .sf-c-txt-mediumvioletred\:0 { color: hsl(var(--sf-c-txt-mediumvioletred-0)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:10, html.auto .sf-c-txt-mediumvioletred\:10 { color: hsl(var(--sf-c-txt-mediumvioletred-10)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:20, html.auto .sf-c-txt-mediumvioletred\:20 { color: hsl(var(--sf-c-txt-mediumvioletred-20)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:30, html.auto .sf-c-txt-mediumvioletred\:30 { color: hsl(var(--sf-c-txt-mediumvioletred-30)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:40, html.auto .sf-c-txt-mediumvioletred\:40 { color: hsl(var(--sf-c-txt-mediumvioletred-40)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:50, html.auto .sf-c-txt-mediumvioletred\:50 { color: hsl(var(--sf-c-txt-mediumvioletred-50)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:60, html.auto .sf-c-txt-mediumvioletred\:60 { color: hsl(var(--sf-c-txt-mediumvioletred-60)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:70, html.auto .sf-c-txt-mediumvioletred\:70 { color: hsl(var(--sf-c-txt-mediumvioletred-70)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:80, html.auto .sf-c-txt-mediumvioletred\:80 { color: hsl(var(--sf-c-txt-mediumvioletred-80)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:90, html.auto .sf-c-txt-mediumvioletred\:90 { color: hsl(var(--sf-c-txt-mediumvioletred-90)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:100, html.auto .sf-c-txt-mediumvioletred\:100 { color: hsl(var(--sf-c-txt-mediumvioletred-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:dark, html.auto .sf-c-txt-mediumvioletred\:dark { color: hsl(var(--sf-c-txt-mediumvioletred)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:0\:dark, html.auto .sf-c-txt-mediumvioletred\:0\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-0)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:10\:dark, html.auto .sf-c-txt-mediumvioletred\:10\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-10)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:20\:dark, html.auto .sf-c-txt-mediumvioletred\:20\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-20)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:30\:dark, html.auto .sf-c-txt-mediumvioletred\:30\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-30)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:40\:dark, html.auto .sf-c-txt-mediumvioletred\:40\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-40)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:50\:dark, html.auto .sf-c-txt-mediumvioletred\:50\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-50)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:60\:dark, html.auto .sf-c-txt-mediumvioletred\:60\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-60)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:70\:dark, html.auto .sf-c-txt-mediumvioletred\:70\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-70)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:80\:dark, html.auto .sf-c-txt-mediumvioletred\:80\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-80)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:90\:dark, html.auto .sf-c-txt-mediumvioletred\:90\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-90)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:100\:dark, html.auto .sf-c-txt-mediumvioletred\:100\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-100)) } + html.var[data-theme='auto'] .sf-c-mediumvioletred, html.var.auto .sf-c-mediumvioletred { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 57%) } html.var[data-theme='auto'] .sf-c-mediumvioletred\:0, html.var.auto .sf-c-mediumvioletred\:0 { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 100%) } html.var[data-theme='auto'] .sf-c-mediumvioletred\:10, html.var.auto .sf-c-mediumvioletred\:10 { color: hsl(322, 81%, 10%); background: hsl(322, 81%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-mediumvioletred\:100\:dark, html.var.dark .sf- html.var[data-theme='auto'] .sf-c-mediumvioletred\:80\:dark, html.var.auto .sf-c-mediumvioletred\:80\:dark { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 20%) } html.var[data-theme='auto'] .sf-c-mediumvioletred\:90\:dark, html.var.auto .sf-c-mediumvioletred\:90\:dark { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 10%) } html.var[data-theme='auto'] .sf-c-mediumvioletred\:100\:dark, html.var.auto .sf-c-mediumvioletred\:100\:dark { color: hsl(322, 81%, 90%); background: hsl(322, 81%, 0%) } -} -.sf-c-txt-mediumvioletred { color: hsl(var(--sf-c-txt-mediumvioletred)) } -.sf-c-txt-mediumvioletred\:0 { color: hsl(var(--sf-c-txt-mediumvioletred-0)) } -.sf-c-txt-mediumvioletred\:10 { color: hsl(var(--sf-c-txt-mediumvioletred-10)) } -.sf-c-txt-mediumvioletred\:20 { color: hsl(var(--sf-c-txt-mediumvioletred-20)) } -.sf-c-txt-mediumvioletred\:30 { color: hsl(var(--sf-c-txt-mediumvioletred-30)) } -.sf-c-txt-mediumvioletred\:40 { color: hsl(var(--sf-c-txt-mediumvioletred-40)) } -.sf-c-txt-mediumvioletred\:50 { color: hsl(var(--sf-c-txt-mediumvioletred-50)) } -.sf-c-txt-mediumvioletred\:60 { color: hsl(var(--sf-c-txt-mediumvioletred-60)) } -.sf-c-txt-mediumvioletred\:70 { color: hsl(var(--sf-c-txt-mediumvioletred-70)) } -.sf-c-txt-mediumvioletred\:80 { color: hsl(var(--sf-c-txt-mediumvioletred-80)) } -.sf-c-txt-mediumvioletred\:90 { color: hsl(var(--sf-c-txt-mediumvioletred-90)) } -.sf-c-txt-mediumvioletred\:100 { color: hsl(var(--sf-c-txt-mediumvioletred-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred, html.auto .sf-c-txt-mediumvioletred { color: hsl(322, 81%, 43%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:0, html.auto .sf-c-txt-mediumvioletred\:0 { color: hsl(322, 81%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:10, html.auto .sf-c-txt-mediumvioletred\:10 { color: hsl(322, 81%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:20, html.auto .sf-c-txt-mediumvioletred\:20 { color: hsl(322, 81%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:30, html.auto .sf-c-txt-mediumvioletred\:30 { color: hsl(322, 81%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:40, html.auto .sf-c-txt-mediumvioletred\:40 { color: hsl(322, 81%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:50, html.auto .sf-c-txt-mediumvioletred\:50 { color: hsl(322, 81%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:60, html.auto .sf-c-txt-mediumvioletred\:60 { color: hsl(322, 81%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:70, html.auto .sf-c-txt-mediumvioletred\:70 { color: hsl(322, 81%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:80, html.auto .sf-c-txt-mediumvioletred\:80 { color: hsl(322, 81%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:90, html.auto .sf-c-txt-mediumvioletred\:90 { color: hsl(322, 81%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:100, html.auto .sf-c-txt-mediumvioletred\:100 { color: hsl(322, 81%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:dark, html.auto .sf-c-txt-mediumvioletred\:dark { color: hsl(322, 81%, 43%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:0\:dark, html.auto .sf-c-txt-mediumvioletred\:0\:dark { color: hsl(322, 81%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:10\:dark, html.auto .sf-c-txt-mediumvioletred\:10\:dark { color: hsl(322, 81%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:20\:dark, html.auto .sf-c-txt-mediumvioletred\:20\:dark { color: hsl(322, 81%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:30\:dark, html.auto .sf-c-txt-mediumvioletred\:30\:dark { color: hsl(322, 81%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:40\:dark, html.auto .sf-c-txt-mediumvioletred\:40\:dark { color: hsl(322, 81%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:50\:dark, html.auto .sf-c-txt-mediumvioletred\:50\:dark { color: hsl(322, 81%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:60\:dark, html.auto .sf-c-txt-mediumvioletred\:60\:dark { color: hsl(322, 81%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:70\:dark, html.auto .sf-c-txt-mediumvioletred\:70\:dark { color: hsl(322, 81%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:80\:dark, html.auto .sf-c-txt-mediumvioletred\:80\:dark { color: hsl(322, 81%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:90\:dark, html.auto .sf-c-txt-mediumvioletred\:90\:dark { color: hsl(322, 81%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:100\:dark, html.auto .sf-c-txt-mediumvioletred\:100\:dark { color: hsl(322, 81%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/midnightblue.css b/src/colors/10/midnightblue.css index cd0afca..822f161 100644 --- a/src/colors/10/midnightblue.css +++ b/src/colors/10/midnightblue.css @@ -78,6 +78,32 @@ html.var .sf-c-midnightblue\:80 { color: hsl(240, 64%, 90%); background: hsl(240 html.var .sf-c-midnightblue\:90 { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 90%) } html.var .sf-c-midnightblue\:100 { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 100%) } +.sf-c-txt-midnightblue { color: hsl(var(--sf-dark-c-txt-midnightblue)) } +.sf-c-txt-midnightblue\:0 { color: hsl(var(--sf-dark-c-txt-midnightblue-100)) } +.sf-c-txt-midnightblue\:10 { color: hsl(var(--sf-dark-c-txt-midnightblue-90)) } +.sf-c-txt-midnightblue\:20 { color: hsl(var(--sf-dark-c-txt-midnightblue-80)) } +.sf-c-txt-midnightblue\:30 { color: hsl(var(--sf-dark-c-txt-midnightblue-70)) } +.sf-c-txt-midnightblue\:40 { color: hsl(var(--sf-dark-c-txt-midnightblue-60)) } +.sf-c-txt-midnightblue\:50 { color: hsl(var(--sf-dark-c-txt-midnightblue-50)) } +.sf-c-txt-midnightblue\:60 { color: hsl(var(--sf-dark-c-txt-midnightblue-40)) } +.sf-c-txt-midnightblue\:70 { color: hsl(var(--sf-dark-c-txt-midnightblue-30)) } +.sf-c-txt-midnightblue\:80 { color: hsl(var(--sf-dark-c-txt-midnightblue-20)) } +.sf-c-txt-midnightblue\:90 { color: hsl(var(--sf-dark-c-txt-midnightblue-10)) } +.sf-c-txt-midnightblue\:100 { color: hsl(var(--sf-dark-c-txt-midnightblue-0)) } + +html.var .sf-c-txt-midnightblue { color: hsl(240, 64%, 73%) } +html.var .sf-c-txt-midnightblue\:0 { color: hsl(240, 64%, 100%) } +html.var .sf-c-txt-midnightblue\:10 { color: hsl(240, 64%, 90%) } +html.var .sf-c-txt-midnightblue\:20 { color: hsl(240, 64%, 80%) } +html.var .sf-c-txt-midnightblue\:30 { color: hsl(240, 64%, 70%) } +html.var .sf-c-txt-midnightblue\:40 { color: hsl(240, 64%, 60%) } +html.var .sf-c-txt-midnightblue\:50 { color: hsl(240, 64%, 50%) } +html.var .sf-c-txt-midnightblue\:60 { color: hsl(240, 64%, 40%) } +html.var .sf-c-txt-midnightblue\:70 { color: hsl(240, 64%, 30%) } +html.var .sf-c-txt-midnightblue\:80 { color: hsl(240, 64%, 20%) } +html.var .sf-c-txt-midnightblue\:90 { color: hsl(240, 64%, 10%) } +html.var .sf-c-txt-midnightblue\:100 { color: hsl(240, 64%, 0%) } + html[data-theme='dark'] .sf-c-midnightblue, html.dark .sf-c-midnightblue { color: hsl(var(--sf-dark-c-txt-midnightblue-10)); background: hsl(var(--sf-dark-c-midnightblue)) } html[data-theme='dark'] .sf-c-midnightblue\:0, html.dark .sf-c-midnightblue\:0 { color: hsl(var(--sf-dark-c-txt-midnightblue-90)); background: hsl(var(--sf-dark-c-midnightblue-100)) } html[data-theme='dark'] .sf-c-midnightblue\:10, html.dark .sf-c-midnightblue\:10 { color: hsl(var(--sf-dark-c-txt-midnightblue-10)); background: hsl(var(--sf-dark-c-midnightblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-midnightblue\:80\:dark, html.dark .sf-c-midnightbl html[data-theme='dark'] .sf-c-midnightblue\:90\:dark, html.dark .sf-c-midnightblue\:90\:dark { color: hsl(var(--sf-c-txt-midnightblue-90)); background: hsl(var(--sf-c-midnightblue-10)) } html[data-theme='dark'] .sf-c-midnightblue\:100\:dark, html.dark .sf-c-midnightblue\:100\:dark { color: hsl(var(--sf-c-txt-midnightblue-90)); background: hsl(var(--sf-c-midnightblue-0)) } +html[data-theme='dark'] .sf-c-txt-midnightblue, html.dark .sf-c-txt-midnightblue { color: hsl(var(--sf-c-txt-midnightblue)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:0, html.dark .sf-c-txt-midnightblue\:0 { color: hsl(var(--sf-c-txt-midnightblue-0)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:10, html.dark .sf-c-txt-midnightblue\:10 { color: hsl(var(--sf-c-txt-midnightblue-10)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:20, html.dark .sf-c-txt-midnightblue\:20 { color: hsl(var(--sf-c-txt-midnightblue-20)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:30, html.dark .sf-c-txt-midnightblue\:30 { color: hsl(var(--sf-c-txt-midnightblue-30)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:40, html.dark .sf-c-txt-midnightblue\:40 { color: hsl(var(--sf-c-txt-midnightblue-40)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:50, html.dark .sf-c-txt-midnightblue\:50 { color: hsl(var(--sf-c-txt-midnightblue-50)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:60, html.dark .sf-c-txt-midnightblue\:60 { color: hsl(var(--sf-c-txt-midnightblue-60)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:70, html.dark .sf-c-txt-midnightblue\:70 { color: hsl(var(--sf-c-txt-midnightblue-70)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:80, html.dark .sf-c-txt-midnightblue\:80 { color: hsl(var(--sf-c-txt-midnightblue-80)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:90, html.dark .sf-c-txt-midnightblue\:90 { color: hsl(var(--sf-c-txt-midnightblue-90)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:100, html.dark .sf-c-txt-midnightblue\:100 { color: hsl(var(--sf-c-txt-midnightblue-100)) } + +html[data-theme='dark'] .sf-c-txt-midnightblue\:dark, html.dark .sf-c-txt-midnightblue\:dark { color: hsl(var(--sf-c-txt-midnightblue)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:0\:dark, html.dark .sf-c-txt-midnightblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-0)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:10\:dark, html.dark .sf-c-txt-midnightblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-10)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:20\:dark, html.dark .sf-c-txt-midnightblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-20)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:30\:dark, html.dark .sf-c-txt-midnightblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-30)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:40\:dark, html.dark .sf-c-txt-midnightblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-40)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:50\:dark, html.dark .sf-c-txt-midnightblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-50)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:60\:dark, html.dark .sf-c-txt-midnightblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-60)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:70\:dark, html.dark .sf-c-txt-midnightblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-70)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:80\:dark, html.dark .sf-c-txt-midnightblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-80)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:90\:dark, html.dark .sf-c-txt-midnightblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-90)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:100\:dark, html.dark .sf-c-txt-midnightblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-100)) } + html.var[data-theme='dark'] .sf-c-midnightblue, html.var.dark .sf-c-midnightblue { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 73%) } html.var[data-theme='dark'] .sf-c-midnightblue\:0, html.var.dark .sf-c-midnightblue\:0 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 100%) } html.var[data-theme='dark'] .sf-c-midnightblue\:10, html.var.dark .sf-c-midnightblue\:10 { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-midnightblue\:80\:dark, html.var.dark .sf-c-mi html.var[data-theme='dark'] .sf-c-midnightblue\:90\:dark, html.var.dark .sf-c-midnightblue\:90\:dark { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 10%) } html.var[data-theme='dark'] .sf-c-midnightblue\:100\:dark, html.var.dark .sf-c-midnightblue\:100\:dark { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue, html.dark .sf-c-txt-midnightblue { color: hsl(240, 64%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:0, html.dark .sf-c-txt-midnightblue\:0 { color: hsl(240, 64%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:10, html.dark .sf-c-txt-midnightblue\:10 { color: hsl(240, 64%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:20, html.dark .sf-c-txt-midnightblue\:20 { color: hsl(240, 64%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:30, html.dark .sf-c-txt-midnightblue\:30 { color: hsl(240, 64%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:40, html.dark .sf-c-txt-midnightblue\:40 { color: hsl(240, 64%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:50, html.dark .sf-c-txt-midnightblue\:50 { color: hsl(240, 64%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:60, html.dark .sf-c-txt-midnightblue\:60 { color: hsl(240, 64%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:70, html.dark .sf-c-txt-midnightblue\:70 { color: hsl(240, 64%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:80, html.dark .sf-c-txt-midnightblue\:80 { color: hsl(240, 64%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:90, html.dark .sf-c-txt-midnightblue\:90 { color: hsl(240, 64%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:100, html.dark .sf-c-txt-midnightblue\:100 { color: hsl(240, 64%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:dark, html.dark .sf-c-txt-midnightblue\:dark { color: hsl(240, 64%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:0\:dark, html.dark .sf-c-txt-midnightblue\:0\:dark { color: hsl(240, 64%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:10\:dark, html.dark .sf-c-txt-midnightblue\:10\:dark { color: hsl(240, 64%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:20\:dark, html.dark .sf-c-txt-midnightblue\:20\:dark { color: hsl(240, 64%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:30\:dark, html.dark .sf-c-txt-midnightblue\:30\:dark { color: hsl(240, 64%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:40\:dark, html.dark .sf-c-txt-midnightblue\:40\:dark { color: hsl(240, 64%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:50\:dark, html.dark .sf-c-txt-midnightblue\:50\:dark { color: hsl(240, 64%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:60\:dark, html.dark .sf-c-txt-midnightblue\:60\:dark { color: hsl(240, 64%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:70\:dark, html.dark .sf-c-txt-midnightblue\:70\:dark { color: hsl(240, 64%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:80\:dark, html.dark .sf-c-txt-midnightblue\:80\:dark { color: hsl(240, 64%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:90\:dark, html.dark .sf-c-txt-midnightblue\:90\:dark { color: hsl(240, 64%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:100\:dark, html.dark .sf-c-txt-midnightblue\:100\:dark { color: hsl(240, 64%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-midnightblue, html.auto .sf-c-midnightblue { color: hsl(var(--sf-dark-c-txt-midnightblue-10)); background: hsl(var(--sf-dark-c-midnightblue)) } html[data-theme='auto'] .sf-c-midnightblue\:0, html.auto .sf-c-midnightblue\:0 { color: hsl(var(--sf-dark-c-txt-midnightblue-90)); background: hsl(var(--sf-dark-c-midnightblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-midnightblue\:100\:dark, html.var.dark .sf-c-m html[data-theme='auto'] .sf-c-midnightblue\:90\:dark, html.auto .sf-c-midnightblue\:90\:dark { color: hsl(var(--sf-c-txt-midnightblue-90)); background: hsl(var(--sf-c-midnightblue-10)) } html[data-theme='auto'] .sf-c-midnightblue\:100\:dark, html.auto .sf-c-midnightblue\:100\:dark { color: hsl(var(--sf-c-txt-midnightblue-90)); background: hsl(var(--sf-c-midnightblue-0)) } + html[data-theme='auto'] .sf-c-txt-midnightblue, html.auto .sf-c-txt-midnightblue { color: hsl(var(--sf-c-txt-midnightblue)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:0, html.auto .sf-c-txt-midnightblue\:0 { color: hsl(var(--sf-c-txt-midnightblue-0)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:10, html.auto .sf-c-txt-midnightblue\:10 { color: hsl(var(--sf-c-txt-midnightblue-10)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:20, html.auto .sf-c-txt-midnightblue\:20 { color: hsl(var(--sf-c-txt-midnightblue-20)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:30, html.auto .sf-c-txt-midnightblue\:30 { color: hsl(var(--sf-c-txt-midnightblue-30)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:40, html.auto .sf-c-txt-midnightblue\:40 { color: hsl(var(--sf-c-txt-midnightblue-40)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:50, html.auto .sf-c-txt-midnightblue\:50 { color: hsl(var(--sf-c-txt-midnightblue-50)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:60, html.auto .sf-c-txt-midnightblue\:60 { color: hsl(var(--sf-c-txt-midnightblue-60)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:70, html.auto .sf-c-txt-midnightblue\:70 { color: hsl(var(--sf-c-txt-midnightblue-70)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:80, html.auto .sf-c-txt-midnightblue\:80 { color: hsl(var(--sf-c-txt-midnightblue-80)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:90, html.auto .sf-c-txt-midnightblue\:90 { color: hsl(var(--sf-c-txt-midnightblue-90)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:100, html.auto .sf-c-txt-midnightblue\:100 { color: hsl(var(--sf-c-txt-midnightblue-100)) } + + html[data-theme='auto'] .sf-c-txt-midnightblue\:dark, html.auto .sf-c-txt-midnightblue\:dark { color: hsl(var(--sf-c-txt-midnightblue)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:0\:dark, html.auto .sf-c-txt-midnightblue\:0\:dark { color: hsl(var(--sf-c-txt-midnightblue-0)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:10\:dark, html.auto .sf-c-txt-midnightblue\:10\:dark { color: hsl(var(--sf-c-txt-midnightblue-10)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:20\:dark, html.auto .sf-c-txt-midnightblue\:20\:dark { color: hsl(var(--sf-c-txt-midnightblue-20)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:30\:dark, html.auto .sf-c-txt-midnightblue\:30\:dark { color: hsl(var(--sf-c-txt-midnightblue-30)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:40\:dark, html.auto .sf-c-txt-midnightblue\:40\:dark { color: hsl(var(--sf-c-txt-midnightblue-40)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:50\:dark, html.auto .sf-c-txt-midnightblue\:50\:dark { color: hsl(var(--sf-c-txt-midnightblue-50)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:60\:dark, html.auto .sf-c-txt-midnightblue\:60\:dark { color: hsl(var(--sf-c-txt-midnightblue-60)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:70\:dark, html.auto .sf-c-txt-midnightblue\:70\:dark { color: hsl(var(--sf-c-txt-midnightblue-70)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:80\:dark, html.auto .sf-c-txt-midnightblue\:80\:dark { color: hsl(var(--sf-c-txt-midnightblue-80)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:90\:dark, html.auto .sf-c-txt-midnightblue\:90\:dark { color: hsl(var(--sf-c-txt-midnightblue-90)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:100\:dark, html.auto .sf-c-txt-midnightblue\:100\:dark { color: hsl(var(--sf-c-txt-midnightblue-100)) } + html.var[data-theme='auto'] .sf-c-midnightblue, html.var.auto .sf-c-midnightblue { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 73%) } html.var[data-theme='auto'] .sf-c-midnightblue\:0, html.var.auto .sf-c-midnightblue\:0 { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 100%) } html.var[data-theme='auto'] .sf-c-midnightblue\:10, html.var.auto .sf-c-midnightblue\:10 { color: hsl(240, 64%, 10%); background: hsl(240, 64%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-midnightblue\:100\:dark, html.var.dark .sf-c-m html.var[data-theme='auto'] .sf-c-midnightblue\:80\:dark, html.var.auto .sf-c-midnightblue\:80\:dark { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 20%) } html.var[data-theme='auto'] .sf-c-midnightblue\:90\:dark, html.var.auto .sf-c-midnightblue\:90\:dark { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 10%) } html.var[data-theme='auto'] .sf-c-midnightblue\:100\:dark, html.var.auto .sf-c-midnightblue\:100\:dark { color: hsl(240, 64%, 90%); background: hsl(240, 64%, 0%) } -} -.sf-c-txt-midnightblue { color: hsl(var(--sf-c-txt-midnightblue)) } -.sf-c-txt-midnightblue\:0 { color: hsl(var(--sf-c-txt-midnightblue-0)) } -.sf-c-txt-midnightblue\:10 { color: hsl(var(--sf-c-txt-midnightblue-10)) } -.sf-c-txt-midnightblue\:20 { color: hsl(var(--sf-c-txt-midnightblue-20)) } -.sf-c-txt-midnightblue\:30 { color: hsl(var(--sf-c-txt-midnightblue-30)) } -.sf-c-txt-midnightblue\:40 { color: hsl(var(--sf-c-txt-midnightblue-40)) } -.sf-c-txt-midnightblue\:50 { color: hsl(var(--sf-c-txt-midnightblue-50)) } -.sf-c-txt-midnightblue\:60 { color: hsl(var(--sf-c-txt-midnightblue-60)) } -.sf-c-txt-midnightblue\:70 { color: hsl(var(--sf-c-txt-midnightblue-70)) } -.sf-c-txt-midnightblue\:80 { color: hsl(var(--sf-c-txt-midnightblue-80)) } -.sf-c-txt-midnightblue\:90 { color: hsl(var(--sf-c-txt-midnightblue-90)) } -.sf-c-txt-midnightblue\:100 { color: hsl(var(--sf-c-txt-midnightblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-midnightblue, html.auto .sf-c-txt-midnightblue { color: hsl(240, 64%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:0, html.auto .sf-c-txt-midnightblue\:0 { color: hsl(240, 64%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:10, html.auto .sf-c-txt-midnightblue\:10 { color: hsl(240, 64%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:20, html.auto .sf-c-txt-midnightblue\:20 { color: hsl(240, 64%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:30, html.auto .sf-c-txt-midnightblue\:30 { color: hsl(240, 64%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:40, html.auto .sf-c-txt-midnightblue\:40 { color: hsl(240, 64%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:50, html.auto .sf-c-txt-midnightblue\:50 { color: hsl(240, 64%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:60, html.auto .sf-c-txt-midnightblue\:60 { color: hsl(240, 64%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:70, html.auto .sf-c-txt-midnightblue\:70 { color: hsl(240, 64%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:80, html.auto .sf-c-txt-midnightblue\:80 { color: hsl(240, 64%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:90, html.auto .sf-c-txt-midnightblue\:90 { color: hsl(240, 64%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:100, html.auto .sf-c-txt-midnightblue\:100 { color: hsl(240, 64%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:dark, html.auto .sf-c-txt-midnightblue\:dark { color: hsl(240, 64%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:0\:dark, html.auto .sf-c-txt-midnightblue\:0\:dark { color: hsl(240, 64%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:10\:dark, html.auto .sf-c-txt-midnightblue\:10\:dark { color: hsl(240, 64%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:20\:dark, html.auto .sf-c-txt-midnightblue\:20\:dark { color: hsl(240, 64%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:30\:dark, html.auto .sf-c-txt-midnightblue\:30\:dark { color: hsl(240, 64%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:40\:dark, html.auto .sf-c-txt-midnightblue\:40\:dark { color: hsl(240, 64%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:50\:dark, html.auto .sf-c-txt-midnightblue\:50\:dark { color: hsl(240, 64%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:60\:dark, html.auto .sf-c-txt-midnightblue\:60\:dark { color: hsl(240, 64%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:70\:dark, html.auto .sf-c-txt-midnightblue\:70\:dark { color: hsl(240, 64%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:80\:dark, html.auto .sf-c-txt-midnightblue\:80\:dark { color: hsl(240, 64%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:90\:dark, html.auto .sf-c-txt-midnightblue\:90\:dark { color: hsl(240, 64%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:100\:dark, html.auto .sf-c-txt-midnightblue\:100\:dark { color: hsl(240, 64%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/mintcream.css b/src/colors/10/mintcream.css index d42b2ba..908e1b9 100644 --- a/src/colors/10/mintcream.css +++ b/src/colors/10/mintcream.css @@ -78,6 +78,32 @@ html.var .sf-c-mintcream\:80 { color: hsl(150, 100%, 10%); background: hsl(150, html.var .sf-c-mintcream\:90 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } html.var .sf-c-mintcream\:100 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 100%) } +.sf-c-txt-mintcream { color: hsl(var(--sf-dark-c-txt-mintcream)) } +.sf-c-txt-mintcream\:0 { color: hsl(var(--sf-dark-c-txt-mintcream-100)) } +.sf-c-txt-mintcream\:10 { color: hsl(var(--sf-dark-c-txt-mintcream-90)) } +.sf-c-txt-mintcream\:20 { color: hsl(var(--sf-dark-c-txt-mintcream-80)) } +.sf-c-txt-mintcream\:30 { color: hsl(var(--sf-dark-c-txt-mintcream-70)) } +.sf-c-txt-mintcream\:40 { color: hsl(var(--sf-dark-c-txt-mintcream-60)) } +.sf-c-txt-mintcream\:50 { color: hsl(var(--sf-dark-c-txt-mintcream-50)) } +.sf-c-txt-mintcream\:60 { color: hsl(var(--sf-dark-c-txt-mintcream-40)) } +.sf-c-txt-mintcream\:70 { color: hsl(var(--sf-dark-c-txt-mintcream-30)) } +.sf-c-txt-mintcream\:80 { color: hsl(var(--sf-dark-c-txt-mintcream-20)) } +.sf-c-txt-mintcream\:90 { color: hsl(var(--sf-dark-c-txt-mintcream-10)) } +.sf-c-txt-mintcream\:100 { color: hsl(var(--sf-dark-c-txt-mintcream-0)) } + +html.var .sf-c-txt-mintcream { color: hsl(150, 100%, 2%) } +html.var .sf-c-txt-mintcream\:0 { color: hsl(150, 100%, 100%) } +html.var .sf-c-txt-mintcream\:10 { color: hsl(150, 100%, 90%) } +html.var .sf-c-txt-mintcream\:20 { color: hsl(150, 100%, 80%) } +html.var .sf-c-txt-mintcream\:30 { color: hsl(150, 100%, 70%) } +html.var .sf-c-txt-mintcream\:40 { color: hsl(150, 100%, 60%) } +html.var .sf-c-txt-mintcream\:50 { color: hsl(150, 100%, 50%) } +html.var .sf-c-txt-mintcream\:60 { color: hsl(150, 100%, 40%) } +html.var .sf-c-txt-mintcream\:70 { color: hsl(150, 100%, 30%) } +html.var .sf-c-txt-mintcream\:80 { color: hsl(150, 100%, 20%) } +html.var .sf-c-txt-mintcream\:90 { color: hsl(150, 100%, 10%) } +html.var .sf-c-txt-mintcream\:100 { color: hsl(150, 100%, 0%) } + html[data-theme='dark'] .sf-c-mintcream, html.dark .sf-c-mintcream { color: hsl(var(--sf-dark-c-txt-mintcream-90)); background: hsl(var(--sf-dark-c-mintcream)) } html[data-theme='dark'] .sf-c-mintcream\:0, html.dark .sf-c-mintcream\:0 { color: hsl(var(--sf-dark-c-txt-mintcream-90)); background: hsl(var(--sf-dark-c-mintcream-100)) } html[data-theme='dark'] .sf-c-mintcream\:10, html.dark .sf-c-mintcream\:10 { color: hsl(var(--sf-dark-c-txt-mintcream-10)); background: hsl(var(--sf-dark-c-mintcream-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-mintcream\:80\:dark, html.dark .sf-c-mintcream\:80 html[data-theme='dark'] .sf-c-mintcream\:90\:dark, html.dark .sf-c-mintcream\:90\:dark { color: hsl(var(--sf-c-txt-mintcream-90)); background: hsl(var(--sf-c-mintcream-10)) } html[data-theme='dark'] .sf-c-mintcream\:100\:dark, html.dark .sf-c-mintcream\:100\:dark { color: hsl(var(--sf-c-txt-mintcream-90)); background: hsl(var(--sf-c-mintcream-0)) } +html[data-theme='dark'] .sf-c-txt-mintcream, html.dark .sf-c-txt-mintcream { color: hsl(var(--sf-c-txt-mintcream)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:0, html.dark .sf-c-txt-mintcream\:0 { color: hsl(var(--sf-c-txt-mintcream-0)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:10, html.dark .sf-c-txt-mintcream\:10 { color: hsl(var(--sf-c-txt-mintcream-10)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:20, html.dark .sf-c-txt-mintcream\:20 { color: hsl(var(--sf-c-txt-mintcream-20)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:30, html.dark .sf-c-txt-mintcream\:30 { color: hsl(var(--sf-c-txt-mintcream-30)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:40, html.dark .sf-c-txt-mintcream\:40 { color: hsl(var(--sf-c-txt-mintcream-40)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:50, html.dark .sf-c-txt-mintcream\:50 { color: hsl(var(--sf-c-txt-mintcream-50)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:60, html.dark .sf-c-txt-mintcream\:60 { color: hsl(var(--sf-c-txt-mintcream-60)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:70, html.dark .sf-c-txt-mintcream\:70 { color: hsl(var(--sf-c-txt-mintcream-70)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:80, html.dark .sf-c-txt-mintcream\:80 { color: hsl(var(--sf-c-txt-mintcream-80)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:90, html.dark .sf-c-txt-mintcream\:90 { color: hsl(var(--sf-c-txt-mintcream-90)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:100, html.dark .sf-c-txt-mintcream\:100 { color: hsl(var(--sf-c-txt-mintcream-100)) } + +html[data-theme='dark'] .sf-c-txt-mintcream\:dark, html.dark .sf-c-txt-mintcream\:dark { color: hsl(var(--sf-c-txt-mintcream)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:0\:dark, html.dark .sf-c-txt-mintcream\:0\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-0)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:10\:dark, html.dark .sf-c-txt-mintcream\:10\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-10)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:20\:dark, html.dark .sf-c-txt-mintcream\:20\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-20)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:30\:dark, html.dark .sf-c-txt-mintcream\:30\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-30)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:40\:dark, html.dark .sf-c-txt-mintcream\:40\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-40)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:50\:dark, html.dark .sf-c-txt-mintcream\:50\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-50)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:60\:dark, html.dark .sf-c-txt-mintcream\:60\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-60)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:70\:dark, html.dark .sf-c-txt-mintcream\:70\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-70)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:80\:dark, html.dark .sf-c-txt-mintcream\:80\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-80)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:90\:dark, html.dark .sf-c-txt-mintcream\:90\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-90)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:100\:dark, html.dark .sf-c-txt-mintcream\:100\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-100)) } + html.var[data-theme='dark'] .sf-c-mintcream, html.var.dark .sf-c-mintcream { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 2%) } html.var[data-theme='dark'] .sf-c-mintcream\:0, html.var.dark .sf-c-mintcream\:0 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 100%) } html.var[data-theme='dark'] .sf-c-mintcream\:10, html.var.dark .sf-c-mintcream\:10 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-mintcream\:80\:dark, html.var.dark .sf-c-mintc html.var[data-theme='dark'] .sf-c-mintcream\:90\:dark, html.var.dark .sf-c-mintcream\:90\:dark { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 10%) } html.var[data-theme='dark'] .sf-c-mintcream\:100\:dark, html.var.dark .sf-c-mintcream\:100\:dark { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream, html.dark .sf-c-txt-mintcream { color: hsl(150, 100%, 98%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:0, html.dark .sf-c-txt-mintcream\:0 { color: hsl(150, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:10, html.dark .sf-c-txt-mintcream\:10 { color: hsl(150, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:20, html.dark .sf-c-txt-mintcream\:20 { color: hsl(150, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:30, html.dark .sf-c-txt-mintcream\:30 { color: hsl(150, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:40, html.dark .sf-c-txt-mintcream\:40 { color: hsl(150, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:50, html.dark .sf-c-txt-mintcream\:50 { color: hsl(150, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:60, html.dark .sf-c-txt-mintcream\:60 { color: hsl(150, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:70, html.dark .sf-c-txt-mintcream\:70 { color: hsl(150, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:80, html.dark .sf-c-txt-mintcream\:80 { color: hsl(150, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:90, html.dark .sf-c-txt-mintcream\:90 { color: hsl(150, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:100, html.dark .sf-c-txt-mintcream\:100 { color: hsl(150, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mintcream\:dark, html.dark .sf-c-txt-mintcream\:dark { color: hsl(150, 100%, 98%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:0\:dark, html.dark .sf-c-txt-mintcream\:0\:dark { color: hsl(150, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:10\:dark, html.dark .sf-c-txt-mintcream\:10\:dark { color: hsl(150, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:20\:dark, html.dark .sf-c-txt-mintcream\:20\:dark { color: hsl(150, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:30\:dark, html.dark .sf-c-txt-mintcream\:30\:dark { color: hsl(150, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:40\:dark, html.dark .sf-c-txt-mintcream\:40\:dark { color: hsl(150, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:50\:dark, html.dark .sf-c-txt-mintcream\:50\:dark { color: hsl(150, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:60\:dark, html.dark .sf-c-txt-mintcream\:60\:dark { color: hsl(150, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:70\:dark, html.dark .sf-c-txt-mintcream\:70\:dark { color: hsl(150, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:80\:dark, html.dark .sf-c-txt-mintcream\:80\:dark { color: hsl(150, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:90\:dark, html.dark .sf-c-txt-mintcream\:90\:dark { color: hsl(150, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:100\:dark, html.dark .sf-c-txt-mintcream\:100\:dark { color: hsl(150, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mintcream, html.auto .sf-c-mintcream { color: hsl(var(--sf-dark-c-txt-mintcream-90)); background: hsl(var(--sf-dark-c-mintcream)) } html[data-theme='auto'] .sf-c-mintcream\:0, html.auto .sf-c-mintcream\:0 { color: hsl(var(--sf-dark-c-txt-mintcream-90)); background: hsl(var(--sf-dark-c-mintcream-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-mintcream\:100\:dark, html.var.dark .sf-c-mint html[data-theme='auto'] .sf-c-mintcream\:90\:dark, html.auto .sf-c-mintcream\:90\:dark { color: hsl(var(--sf-c-txt-mintcream-90)); background: hsl(var(--sf-c-mintcream-10)) } html[data-theme='auto'] .sf-c-mintcream\:100\:dark, html.auto .sf-c-mintcream\:100\:dark { color: hsl(var(--sf-c-txt-mintcream-90)); background: hsl(var(--sf-c-mintcream-0)) } + html[data-theme='auto'] .sf-c-txt-mintcream, html.auto .sf-c-txt-mintcream { color: hsl(var(--sf-c-txt-mintcream)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:0, html.auto .sf-c-txt-mintcream\:0 { color: hsl(var(--sf-c-txt-mintcream-0)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:10, html.auto .sf-c-txt-mintcream\:10 { color: hsl(var(--sf-c-txt-mintcream-10)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:20, html.auto .sf-c-txt-mintcream\:20 { color: hsl(var(--sf-c-txt-mintcream-20)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:30, html.auto .sf-c-txt-mintcream\:30 { color: hsl(var(--sf-c-txt-mintcream-30)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:40, html.auto .sf-c-txt-mintcream\:40 { color: hsl(var(--sf-c-txt-mintcream-40)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:50, html.auto .sf-c-txt-mintcream\:50 { color: hsl(var(--sf-c-txt-mintcream-50)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:60, html.auto .sf-c-txt-mintcream\:60 { color: hsl(var(--sf-c-txt-mintcream-60)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:70, html.auto .sf-c-txt-mintcream\:70 { color: hsl(var(--sf-c-txt-mintcream-70)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:80, html.auto .sf-c-txt-mintcream\:80 { color: hsl(var(--sf-c-txt-mintcream-80)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:90, html.auto .sf-c-txt-mintcream\:90 { color: hsl(var(--sf-c-txt-mintcream-90)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:100, html.auto .sf-c-txt-mintcream\:100 { color: hsl(var(--sf-c-txt-mintcream-100)) } + + html[data-theme='auto'] .sf-c-txt-mintcream\:dark, html.auto .sf-c-txt-mintcream\:dark { color: hsl(var(--sf-c-txt-mintcream)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:0\:dark, html.auto .sf-c-txt-mintcream\:0\:dark { color: hsl(var(--sf-c-txt-mintcream-0)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:10\:dark, html.auto .sf-c-txt-mintcream\:10\:dark { color: hsl(var(--sf-c-txt-mintcream-10)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:20\:dark, html.auto .sf-c-txt-mintcream\:20\:dark { color: hsl(var(--sf-c-txt-mintcream-20)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:30\:dark, html.auto .sf-c-txt-mintcream\:30\:dark { color: hsl(var(--sf-c-txt-mintcream-30)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:40\:dark, html.auto .sf-c-txt-mintcream\:40\:dark { color: hsl(var(--sf-c-txt-mintcream-40)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:50\:dark, html.auto .sf-c-txt-mintcream\:50\:dark { color: hsl(var(--sf-c-txt-mintcream-50)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:60\:dark, html.auto .sf-c-txt-mintcream\:60\:dark { color: hsl(var(--sf-c-txt-mintcream-60)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:70\:dark, html.auto .sf-c-txt-mintcream\:70\:dark { color: hsl(var(--sf-c-txt-mintcream-70)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:80\:dark, html.auto .sf-c-txt-mintcream\:80\:dark { color: hsl(var(--sf-c-txt-mintcream-80)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:90\:dark, html.auto .sf-c-txt-mintcream\:90\:dark { color: hsl(var(--sf-c-txt-mintcream-90)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:100\:dark, html.auto .sf-c-txt-mintcream\:100\:dark { color: hsl(var(--sf-c-txt-mintcream-100)) } + html.var[data-theme='auto'] .sf-c-mintcream, html.var.auto .sf-c-mintcream { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 2%) } html.var[data-theme='auto'] .sf-c-mintcream\:0, html.var.auto .sf-c-mintcream\:0 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 100%) } html.var[data-theme='auto'] .sf-c-mintcream\:10, html.var.auto .sf-c-mintcream\:10 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-mintcream\:100\:dark, html.var.dark .sf-c-mint html.var[data-theme='auto'] .sf-c-mintcream\:80\:dark, html.var.auto .sf-c-mintcream\:80\:dark { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 20%) } html.var[data-theme='auto'] .sf-c-mintcream\:90\:dark, html.var.auto .sf-c-mintcream\:90\:dark { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 10%) } html.var[data-theme='auto'] .sf-c-mintcream\:100\:dark, html.var.auto .sf-c-mintcream\:100\:dark { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 0%) } -} -.sf-c-txt-mintcream { color: hsl(var(--sf-c-txt-mintcream)) } -.sf-c-txt-mintcream\:0 { color: hsl(var(--sf-c-txt-mintcream-0)) } -.sf-c-txt-mintcream\:10 { color: hsl(var(--sf-c-txt-mintcream-10)) } -.sf-c-txt-mintcream\:20 { color: hsl(var(--sf-c-txt-mintcream-20)) } -.sf-c-txt-mintcream\:30 { color: hsl(var(--sf-c-txt-mintcream-30)) } -.sf-c-txt-mintcream\:40 { color: hsl(var(--sf-c-txt-mintcream-40)) } -.sf-c-txt-mintcream\:50 { color: hsl(var(--sf-c-txt-mintcream-50)) } -.sf-c-txt-mintcream\:60 { color: hsl(var(--sf-c-txt-mintcream-60)) } -.sf-c-txt-mintcream\:70 { color: hsl(var(--sf-c-txt-mintcream-70)) } -.sf-c-txt-mintcream\:80 { color: hsl(var(--sf-c-txt-mintcream-80)) } -.sf-c-txt-mintcream\:90 { color: hsl(var(--sf-c-txt-mintcream-90)) } -.sf-c-txt-mintcream\:100 { color: hsl(var(--sf-c-txt-mintcream-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mintcream, html.auto .sf-c-txt-mintcream { color: hsl(150, 100%, 98%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:0, html.auto .sf-c-txt-mintcream\:0 { color: hsl(150, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:10, html.auto .sf-c-txt-mintcream\:10 { color: hsl(150, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:20, html.auto .sf-c-txt-mintcream\:20 { color: hsl(150, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:30, html.auto .sf-c-txt-mintcream\:30 { color: hsl(150, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:40, html.auto .sf-c-txt-mintcream\:40 { color: hsl(150, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:50, html.auto .sf-c-txt-mintcream\:50 { color: hsl(150, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:60, html.auto .sf-c-txt-mintcream\:60 { color: hsl(150, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:70, html.auto .sf-c-txt-mintcream\:70 { color: hsl(150, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:80, html.auto .sf-c-txt-mintcream\:80 { color: hsl(150, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:90, html.auto .sf-c-txt-mintcream\:90 { color: hsl(150, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:100, html.auto .sf-c-txt-mintcream\:100 { color: hsl(150, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mintcream\:dark, html.auto .sf-c-txt-mintcream\:dark { color: hsl(150, 100%, 98%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:0\:dark, html.auto .sf-c-txt-mintcream\:0\:dark { color: hsl(150, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:10\:dark, html.auto .sf-c-txt-mintcream\:10\:dark { color: hsl(150, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:20\:dark, html.auto .sf-c-txt-mintcream\:20\:dark { color: hsl(150, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:30\:dark, html.auto .sf-c-txt-mintcream\:30\:dark { color: hsl(150, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:40\:dark, html.auto .sf-c-txt-mintcream\:40\:dark { color: hsl(150, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:50\:dark, html.auto .sf-c-txt-mintcream\:50\:dark { color: hsl(150, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:60\:dark, html.auto .sf-c-txt-mintcream\:60\:dark { color: hsl(150, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:70\:dark, html.auto .sf-c-txt-mintcream\:70\:dark { color: hsl(150, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:80\:dark, html.auto .sf-c-txt-mintcream\:80\:dark { color: hsl(150, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:90\:dark, html.auto .sf-c-txt-mintcream\:90\:dark { color: hsl(150, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:100\:dark, html.auto .sf-c-txt-mintcream\:100\:dark { color: hsl(150, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/mistyrose.css b/src/colors/10/mistyrose.css index f0bc0a9..a4a190f 100644 --- a/src/colors/10/mistyrose.css +++ b/src/colors/10/mistyrose.css @@ -78,6 +78,32 @@ html.var .sf-c-mistyrose\:80 { color: hsl(6, 100%, 10%); background: hsl(6, 100% html.var .sf-c-mistyrose\:90 { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 90%) } html.var .sf-c-mistyrose\:100 { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 100%) } +.sf-c-txt-mistyrose { color: hsl(var(--sf-dark-c-txt-mistyrose)) } +.sf-c-txt-mistyrose\:0 { color: hsl(var(--sf-dark-c-txt-mistyrose-100)) } +.sf-c-txt-mistyrose\:10 { color: hsl(var(--sf-dark-c-txt-mistyrose-90)) } +.sf-c-txt-mistyrose\:20 { color: hsl(var(--sf-dark-c-txt-mistyrose-80)) } +.sf-c-txt-mistyrose\:30 { color: hsl(var(--sf-dark-c-txt-mistyrose-70)) } +.sf-c-txt-mistyrose\:40 { color: hsl(var(--sf-dark-c-txt-mistyrose-60)) } +.sf-c-txt-mistyrose\:50 { color: hsl(var(--sf-dark-c-txt-mistyrose-50)) } +.sf-c-txt-mistyrose\:60 { color: hsl(var(--sf-dark-c-txt-mistyrose-40)) } +.sf-c-txt-mistyrose\:70 { color: hsl(var(--sf-dark-c-txt-mistyrose-30)) } +.sf-c-txt-mistyrose\:80 { color: hsl(var(--sf-dark-c-txt-mistyrose-20)) } +.sf-c-txt-mistyrose\:90 { color: hsl(var(--sf-dark-c-txt-mistyrose-10)) } +.sf-c-txt-mistyrose\:100 { color: hsl(var(--sf-dark-c-txt-mistyrose-0)) } + +html.var .sf-c-txt-mistyrose { color: hsl(6, 100%, 6%) } +html.var .sf-c-txt-mistyrose\:0 { color: hsl(6, 100%, 100%) } +html.var .sf-c-txt-mistyrose\:10 { color: hsl(6, 100%, 90%) } +html.var .sf-c-txt-mistyrose\:20 { color: hsl(6, 100%, 80%) } +html.var .sf-c-txt-mistyrose\:30 { color: hsl(6, 100%, 70%) } +html.var .sf-c-txt-mistyrose\:40 { color: hsl(6, 100%, 60%) } +html.var .sf-c-txt-mistyrose\:50 { color: hsl(6, 100%, 50%) } +html.var .sf-c-txt-mistyrose\:60 { color: hsl(6, 100%, 40%) } +html.var .sf-c-txt-mistyrose\:70 { color: hsl(6, 100%, 30%) } +html.var .sf-c-txt-mistyrose\:80 { color: hsl(6, 100%, 20%) } +html.var .sf-c-txt-mistyrose\:90 { color: hsl(6, 100%, 10%) } +html.var .sf-c-txt-mistyrose\:100 { color: hsl(6, 100%, 0%) } + html[data-theme='dark'] .sf-c-mistyrose, html.dark .sf-c-mistyrose { color: hsl(var(--sf-dark-c-txt-mistyrose-90)); background: hsl(var(--sf-dark-c-mistyrose)) } html[data-theme='dark'] .sf-c-mistyrose\:0, html.dark .sf-c-mistyrose\:0 { color: hsl(var(--sf-dark-c-txt-mistyrose-90)); background: hsl(var(--sf-dark-c-mistyrose-100)) } html[data-theme='dark'] .sf-c-mistyrose\:10, html.dark .sf-c-mistyrose\:10 { color: hsl(var(--sf-dark-c-txt-mistyrose-10)); background: hsl(var(--sf-dark-c-mistyrose-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-mistyrose\:80\:dark, html.dark .sf-c-mistyrose\:80 html[data-theme='dark'] .sf-c-mistyrose\:90\:dark, html.dark .sf-c-mistyrose\:90\:dark { color: hsl(var(--sf-c-txt-mistyrose-90)); background: hsl(var(--sf-c-mistyrose-10)) } html[data-theme='dark'] .sf-c-mistyrose\:100\:dark, html.dark .sf-c-mistyrose\:100\:dark { color: hsl(var(--sf-c-txt-mistyrose-90)); background: hsl(var(--sf-c-mistyrose-0)) } +html[data-theme='dark'] .sf-c-txt-mistyrose, html.dark .sf-c-txt-mistyrose { color: hsl(var(--sf-c-txt-mistyrose)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:0, html.dark .sf-c-txt-mistyrose\:0 { color: hsl(var(--sf-c-txt-mistyrose-0)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:10, html.dark .sf-c-txt-mistyrose\:10 { color: hsl(var(--sf-c-txt-mistyrose-10)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:20, html.dark .sf-c-txt-mistyrose\:20 { color: hsl(var(--sf-c-txt-mistyrose-20)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:30, html.dark .sf-c-txt-mistyrose\:30 { color: hsl(var(--sf-c-txt-mistyrose-30)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:40, html.dark .sf-c-txt-mistyrose\:40 { color: hsl(var(--sf-c-txt-mistyrose-40)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:50, html.dark .sf-c-txt-mistyrose\:50 { color: hsl(var(--sf-c-txt-mistyrose-50)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:60, html.dark .sf-c-txt-mistyrose\:60 { color: hsl(var(--sf-c-txt-mistyrose-60)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:70, html.dark .sf-c-txt-mistyrose\:70 { color: hsl(var(--sf-c-txt-mistyrose-70)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:80, html.dark .sf-c-txt-mistyrose\:80 { color: hsl(var(--sf-c-txt-mistyrose-80)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:90, html.dark .sf-c-txt-mistyrose\:90 { color: hsl(var(--sf-c-txt-mistyrose-90)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:100, html.dark .sf-c-txt-mistyrose\:100 { color: hsl(var(--sf-c-txt-mistyrose-100)) } + +html[data-theme='dark'] .sf-c-txt-mistyrose\:dark, html.dark .sf-c-txt-mistyrose\:dark { color: hsl(var(--sf-c-txt-mistyrose)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:0\:dark, html.dark .sf-c-txt-mistyrose\:0\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-0)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:10\:dark, html.dark .sf-c-txt-mistyrose\:10\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-10)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:20\:dark, html.dark .sf-c-txt-mistyrose\:20\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-20)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:30\:dark, html.dark .sf-c-txt-mistyrose\:30\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-30)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:40\:dark, html.dark .sf-c-txt-mistyrose\:40\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-40)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:50\:dark, html.dark .sf-c-txt-mistyrose\:50\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-50)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:60\:dark, html.dark .sf-c-txt-mistyrose\:60\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-60)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:70\:dark, html.dark .sf-c-txt-mistyrose\:70\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-70)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:80\:dark, html.dark .sf-c-txt-mistyrose\:80\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-80)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:90\:dark, html.dark .sf-c-txt-mistyrose\:90\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-90)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:100\:dark, html.dark .sf-c-txt-mistyrose\:100\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-100)) } + html.var[data-theme='dark'] .sf-c-mistyrose, html.var.dark .sf-c-mistyrose { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 6%) } html.var[data-theme='dark'] .sf-c-mistyrose\:0, html.var.dark .sf-c-mistyrose\:0 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 100%) } html.var[data-theme='dark'] .sf-c-mistyrose\:10, html.var.dark .sf-c-mistyrose\:10 { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-mistyrose\:80\:dark, html.var.dark .sf-c-misty html.var[data-theme='dark'] .sf-c-mistyrose\:90\:dark, html.var.dark .sf-c-mistyrose\:90\:dark { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 10%) } html.var[data-theme='dark'] .sf-c-mistyrose\:100\:dark, html.var.dark .sf-c-mistyrose\:100\:dark { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose, html.dark .sf-c-txt-mistyrose { color: hsl(6, 100%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:0, html.dark .sf-c-txt-mistyrose\:0 { color: hsl(6, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:10, html.dark .sf-c-txt-mistyrose\:10 { color: hsl(6, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:20, html.dark .sf-c-txt-mistyrose\:20 { color: hsl(6, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:30, html.dark .sf-c-txt-mistyrose\:30 { color: hsl(6, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:40, html.dark .sf-c-txt-mistyrose\:40 { color: hsl(6, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:50, html.dark .sf-c-txt-mistyrose\:50 { color: hsl(6, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:60, html.dark .sf-c-txt-mistyrose\:60 { color: hsl(6, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:70, html.dark .sf-c-txt-mistyrose\:70 { color: hsl(6, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:80, html.dark .sf-c-txt-mistyrose\:80 { color: hsl(6, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:90, html.dark .sf-c-txt-mistyrose\:90 { color: hsl(6, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:100, html.dark .sf-c-txt-mistyrose\:100 { color: hsl(6, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:dark, html.dark .sf-c-txt-mistyrose\:dark { color: hsl(6, 100%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:0\:dark, html.dark .sf-c-txt-mistyrose\:0\:dark { color: hsl(6, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:10\:dark, html.dark .sf-c-txt-mistyrose\:10\:dark { color: hsl(6, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:20\:dark, html.dark .sf-c-txt-mistyrose\:20\:dark { color: hsl(6, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:30\:dark, html.dark .sf-c-txt-mistyrose\:30\:dark { color: hsl(6, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:40\:dark, html.dark .sf-c-txt-mistyrose\:40\:dark { color: hsl(6, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:50\:dark, html.dark .sf-c-txt-mistyrose\:50\:dark { color: hsl(6, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:60\:dark, html.dark .sf-c-txt-mistyrose\:60\:dark { color: hsl(6, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:70\:dark, html.dark .sf-c-txt-mistyrose\:70\:dark { color: hsl(6, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:80\:dark, html.dark .sf-c-txt-mistyrose\:80\:dark { color: hsl(6, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:90\:dark, html.dark .sf-c-txt-mistyrose\:90\:dark { color: hsl(6, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:100\:dark, html.dark .sf-c-txt-mistyrose\:100\:dark { color: hsl(6, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mistyrose, html.auto .sf-c-mistyrose { color: hsl(var(--sf-dark-c-txt-mistyrose-90)); background: hsl(var(--sf-dark-c-mistyrose)) } html[data-theme='auto'] .sf-c-mistyrose\:0, html.auto .sf-c-mistyrose\:0 { color: hsl(var(--sf-dark-c-txt-mistyrose-90)); background: hsl(var(--sf-dark-c-mistyrose-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-mistyrose\:100\:dark, html.var.dark .sf-c-mist html[data-theme='auto'] .sf-c-mistyrose\:90\:dark, html.auto .sf-c-mistyrose\:90\:dark { color: hsl(var(--sf-c-txt-mistyrose-90)); background: hsl(var(--sf-c-mistyrose-10)) } html[data-theme='auto'] .sf-c-mistyrose\:100\:dark, html.auto .sf-c-mistyrose\:100\:dark { color: hsl(var(--sf-c-txt-mistyrose-90)); background: hsl(var(--sf-c-mistyrose-0)) } + html[data-theme='auto'] .sf-c-txt-mistyrose, html.auto .sf-c-txt-mistyrose { color: hsl(var(--sf-c-txt-mistyrose)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:0, html.auto .sf-c-txt-mistyrose\:0 { color: hsl(var(--sf-c-txt-mistyrose-0)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:10, html.auto .sf-c-txt-mistyrose\:10 { color: hsl(var(--sf-c-txt-mistyrose-10)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:20, html.auto .sf-c-txt-mistyrose\:20 { color: hsl(var(--sf-c-txt-mistyrose-20)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:30, html.auto .sf-c-txt-mistyrose\:30 { color: hsl(var(--sf-c-txt-mistyrose-30)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:40, html.auto .sf-c-txt-mistyrose\:40 { color: hsl(var(--sf-c-txt-mistyrose-40)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:50, html.auto .sf-c-txt-mistyrose\:50 { color: hsl(var(--sf-c-txt-mistyrose-50)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:60, html.auto .sf-c-txt-mistyrose\:60 { color: hsl(var(--sf-c-txt-mistyrose-60)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:70, html.auto .sf-c-txt-mistyrose\:70 { color: hsl(var(--sf-c-txt-mistyrose-70)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:80, html.auto .sf-c-txt-mistyrose\:80 { color: hsl(var(--sf-c-txt-mistyrose-80)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:90, html.auto .sf-c-txt-mistyrose\:90 { color: hsl(var(--sf-c-txt-mistyrose-90)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:100, html.auto .sf-c-txt-mistyrose\:100 { color: hsl(var(--sf-c-txt-mistyrose-100)) } + + html[data-theme='auto'] .sf-c-txt-mistyrose\:dark, html.auto .sf-c-txt-mistyrose\:dark { color: hsl(var(--sf-c-txt-mistyrose)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:0\:dark, html.auto .sf-c-txt-mistyrose\:0\:dark { color: hsl(var(--sf-c-txt-mistyrose-0)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:10\:dark, html.auto .sf-c-txt-mistyrose\:10\:dark { color: hsl(var(--sf-c-txt-mistyrose-10)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:20\:dark, html.auto .sf-c-txt-mistyrose\:20\:dark { color: hsl(var(--sf-c-txt-mistyrose-20)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:30\:dark, html.auto .sf-c-txt-mistyrose\:30\:dark { color: hsl(var(--sf-c-txt-mistyrose-30)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:40\:dark, html.auto .sf-c-txt-mistyrose\:40\:dark { color: hsl(var(--sf-c-txt-mistyrose-40)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:50\:dark, html.auto .sf-c-txt-mistyrose\:50\:dark { color: hsl(var(--sf-c-txt-mistyrose-50)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:60\:dark, html.auto .sf-c-txt-mistyrose\:60\:dark { color: hsl(var(--sf-c-txt-mistyrose-60)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:70\:dark, html.auto .sf-c-txt-mistyrose\:70\:dark { color: hsl(var(--sf-c-txt-mistyrose-70)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:80\:dark, html.auto .sf-c-txt-mistyrose\:80\:dark { color: hsl(var(--sf-c-txt-mistyrose-80)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:90\:dark, html.auto .sf-c-txt-mistyrose\:90\:dark { color: hsl(var(--sf-c-txt-mistyrose-90)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:100\:dark, html.auto .sf-c-txt-mistyrose\:100\:dark { color: hsl(var(--sf-c-txt-mistyrose-100)) } + html.var[data-theme='auto'] .sf-c-mistyrose, html.var.auto .sf-c-mistyrose { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 6%) } html.var[data-theme='auto'] .sf-c-mistyrose\:0, html.var.auto .sf-c-mistyrose\:0 { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 100%) } html.var[data-theme='auto'] .sf-c-mistyrose\:10, html.var.auto .sf-c-mistyrose\:10 { color: hsl(6, 100%, 10%); background: hsl(6, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-mistyrose\:100\:dark, html.var.dark .sf-c-mist html.var[data-theme='auto'] .sf-c-mistyrose\:80\:dark, html.var.auto .sf-c-mistyrose\:80\:dark { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 20%) } html.var[data-theme='auto'] .sf-c-mistyrose\:90\:dark, html.var.auto .sf-c-mistyrose\:90\:dark { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 10%) } html.var[data-theme='auto'] .sf-c-mistyrose\:100\:dark, html.var.auto .sf-c-mistyrose\:100\:dark { color: hsl(6, 100%, 90%); background: hsl(6, 100%, 0%) } -} -.sf-c-txt-mistyrose { color: hsl(var(--sf-c-txt-mistyrose)) } -.sf-c-txt-mistyrose\:0 { color: hsl(var(--sf-c-txt-mistyrose-0)) } -.sf-c-txt-mistyrose\:10 { color: hsl(var(--sf-c-txt-mistyrose-10)) } -.sf-c-txt-mistyrose\:20 { color: hsl(var(--sf-c-txt-mistyrose-20)) } -.sf-c-txt-mistyrose\:30 { color: hsl(var(--sf-c-txt-mistyrose-30)) } -.sf-c-txt-mistyrose\:40 { color: hsl(var(--sf-c-txt-mistyrose-40)) } -.sf-c-txt-mistyrose\:50 { color: hsl(var(--sf-c-txt-mistyrose-50)) } -.sf-c-txt-mistyrose\:60 { color: hsl(var(--sf-c-txt-mistyrose-60)) } -.sf-c-txt-mistyrose\:70 { color: hsl(var(--sf-c-txt-mistyrose-70)) } -.sf-c-txt-mistyrose\:80 { color: hsl(var(--sf-c-txt-mistyrose-80)) } -.sf-c-txt-mistyrose\:90 { color: hsl(var(--sf-c-txt-mistyrose-90)) } -.sf-c-txt-mistyrose\:100 { color: hsl(var(--sf-c-txt-mistyrose-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mistyrose, html.auto .sf-c-txt-mistyrose { color: hsl(6, 100%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:0, html.auto .sf-c-txt-mistyrose\:0 { color: hsl(6, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:10, html.auto .sf-c-txt-mistyrose\:10 { color: hsl(6, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:20, html.auto .sf-c-txt-mistyrose\:20 { color: hsl(6, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:30, html.auto .sf-c-txt-mistyrose\:30 { color: hsl(6, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:40, html.auto .sf-c-txt-mistyrose\:40 { color: hsl(6, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:50, html.auto .sf-c-txt-mistyrose\:50 { color: hsl(6, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:60, html.auto .sf-c-txt-mistyrose\:60 { color: hsl(6, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:70, html.auto .sf-c-txt-mistyrose\:70 { color: hsl(6, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:80, html.auto .sf-c-txt-mistyrose\:80 { color: hsl(6, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:90, html.auto .sf-c-txt-mistyrose\:90 { color: hsl(6, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:100, html.auto .sf-c-txt-mistyrose\:100 { color: hsl(6, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:dark, html.auto .sf-c-txt-mistyrose\:dark { color: hsl(6, 100%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:0\:dark, html.auto .sf-c-txt-mistyrose\:0\:dark { color: hsl(6, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:10\:dark, html.auto .sf-c-txt-mistyrose\:10\:dark { color: hsl(6, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:20\:dark, html.auto .sf-c-txt-mistyrose\:20\:dark { color: hsl(6, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:30\:dark, html.auto .sf-c-txt-mistyrose\:30\:dark { color: hsl(6, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:40\:dark, html.auto .sf-c-txt-mistyrose\:40\:dark { color: hsl(6, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:50\:dark, html.auto .sf-c-txt-mistyrose\:50\:dark { color: hsl(6, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:60\:dark, html.auto .sf-c-txt-mistyrose\:60\:dark { color: hsl(6, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:70\:dark, html.auto .sf-c-txt-mistyrose\:70\:dark { color: hsl(6, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:80\:dark, html.auto .sf-c-txt-mistyrose\:80\:dark { color: hsl(6, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:90\:dark, html.auto .sf-c-txt-mistyrose\:90\:dark { color: hsl(6, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:100\:dark, html.auto .sf-c-txt-mistyrose\:100\:dark { color: hsl(6, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/moccasin.css b/src/colors/10/moccasin.css index dd5391f..1275f40 100644 --- a/src/colors/10/moccasin.css +++ b/src/colors/10/moccasin.css @@ -78,6 +78,32 @@ html.var .sf-c-moccasin\:80 { color: hsl(38, 100%, 10%); background: hsl(38, 100 html.var .sf-c-moccasin\:90 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 90%) } html.var .sf-c-moccasin\:100 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 100%) } +.sf-c-txt-moccasin { color: hsl(var(--sf-dark-c-txt-moccasin)) } +.sf-c-txt-moccasin\:0 { color: hsl(var(--sf-dark-c-txt-moccasin-100)) } +.sf-c-txt-moccasin\:10 { color: hsl(var(--sf-dark-c-txt-moccasin-90)) } +.sf-c-txt-moccasin\:20 { color: hsl(var(--sf-dark-c-txt-moccasin-80)) } +.sf-c-txt-moccasin\:30 { color: hsl(var(--sf-dark-c-txt-moccasin-70)) } +.sf-c-txt-moccasin\:40 { color: hsl(var(--sf-dark-c-txt-moccasin-60)) } +.sf-c-txt-moccasin\:50 { color: hsl(var(--sf-dark-c-txt-moccasin-50)) } +.sf-c-txt-moccasin\:60 { color: hsl(var(--sf-dark-c-txt-moccasin-40)) } +.sf-c-txt-moccasin\:70 { color: hsl(var(--sf-dark-c-txt-moccasin-30)) } +.sf-c-txt-moccasin\:80 { color: hsl(var(--sf-dark-c-txt-moccasin-20)) } +.sf-c-txt-moccasin\:90 { color: hsl(var(--sf-dark-c-txt-moccasin-10)) } +.sf-c-txt-moccasin\:100 { color: hsl(var(--sf-dark-c-txt-moccasin-0)) } + +html.var .sf-c-txt-moccasin { color: hsl(38, 100%, 15%) } +html.var .sf-c-txt-moccasin\:0 { color: hsl(38, 100%, 100%) } +html.var .sf-c-txt-moccasin\:10 { color: hsl(38, 100%, 90%) } +html.var .sf-c-txt-moccasin\:20 { color: hsl(38, 100%, 80%) } +html.var .sf-c-txt-moccasin\:30 { color: hsl(38, 100%, 70%) } +html.var .sf-c-txt-moccasin\:40 { color: hsl(38, 100%, 60%) } +html.var .sf-c-txt-moccasin\:50 { color: hsl(38, 100%, 50%) } +html.var .sf-c-txt-moccasin\:60 { color: hsl(38, 100%, 40%) } +html.var .sf-c-txt-moccasin\:70 { color: hsl(38, 100%, 30%) } +html.var .sf-c-txt-moccasin\:80 { color: hsl(38, 100%, 20%) } +html.var .sf-c-txt-moccasin\:90 { color: hsl(38, 100%, 10%) } +html.var .sf-c-txt-moccasin\:100 { color: hsl(38, 100%, 0%) } + html[data-theme='dark'] .sf-c-moccasin, html.dark .sf-c-moccasin { color: hsl(var(--sf-dark-c-txt-moccasin-90)); background: hsl(var(--sf-dark-c-moccasin)) } html[data-theme='dark'] .sf-c-moccasin\:0, html.dark .sf-c-moccasin\:0 { color: hsl(var(--sf-dark-c-txt-moccasin-90)); background: hsl(var(--sf-dark-c-moccasin-100)) } html[data-theme='dark'] .sf-c-moccasin\:10, html.dark .sf-c-moccasin\:10 { color: hsl(var(--sf-dark-c-txt-moccasin-10)); background: hsl(var(--sf-dark-c-moccasin-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-moccasin\:80\:dark, html.dark .sf-c-moccasin\:80\: html[data-theme='dark'] .sf-c-moccasin\:90\:dark, html.dark .sf-c-moccasin\:90\:dark { color: hsl(var(--sf-c-txt-moccasin-90)); background: hsl(var(--sf-c-moccasin-10)) } html[data-theme='dark'] .sf-c-moccasin\:100\:dark, html.dark .sf-c-moccasin\:100\:dark { color: hsl(var(--sf-c-txt-moccasin-90)); background: hsl(var(--sf-c-moccasin-0)) } +html[data-theme='dark'] .sf-c-txt-moccasin, html.dark .sf-c-txt-moccasin { color: hsl(var(--sf-c-txt-moccasin)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:0, html.dark .sf-c-txt-moccasin\:0 { color: hsl(var(--sf-c-txt-moccasin-0)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:10, html.dark .sf-c-txt-moccasin\:10 { color: hsl(var(--sf-c-txt-moccasin-10)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:20, html.dark .sf-c-txt-moccasin\:20 { color: hsl(var(--sf-c-txt-moccasin-20)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:30, html.dark .sf-c-txt-moccasin\:30 { color: hsl(var(--sf-c-txt-moccasin-30)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:40, html.dark .sf-c-txt-moccasin\:40 { color: hsl(var(--sf-c-txt-moccasin-40)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:50, html.dark .sf-c-txt-moccasin\:50 { color: hsl(var(--sf-c-txt-moccasin-50)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:60, html.dark .sf-c-txt-moccasin\:60 { color: hsl(var(--sf-c-txt-moccasin-60)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:70, html.dark .sf-c-txt-moccasin\:70 { color: hsl(var(--sf-c-txt-moccasin-70)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:80, html.dark .sf-c-txt-moccasin\:80 { color: hsl(var(--sf-c-txt-moccasin-80)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:90, html.dark .sf-c-txt-moccasin\:90 { color: hsl(var(--sf-c-txt-moccasin-90)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:100, html.dark .sf-c-txt-moccasin\:100 { color: hsl(var(--sf-c-txt-moccasin-100)) } + +html[data-theme='dark'] .sf-c-txt-moccasin\:dark, html.dark .sf-c-txt-moccasin\:dark { color: hsl(var(--sf-c-txt-moccasin)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:0\:dark, html.dark .sf-c-txt-moccasin\:0\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-0)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:10\:dark, html.dark .sf-c-txt-moccasin\:10\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-10)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:20\:dark, html.dark .sf-c-txt-moccasin\:20\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-20)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:30\:dark, html.dark .sf-c-txt-moccasin\:30\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-30)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:40\:dark, html.dark .sf-c-txt-moccasin\:40\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-40)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:50\:dark, html.dark .sf-c-txt-moccasin\:50\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-50)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:60\:dark, html.dark .sf-c-txt-moccasin\:60\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-60)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:70\:dark, html.dark .sf-c-txt-moccasin\:70\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-70)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:80\:dark, html.dark .sf-c-txt-moccasin\:80\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-80)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:90\:dark, html.dark .sf-c-txt-moccasin\:90\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-90)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:100\:dark, html.dark .sf-c-txt-moccasin\:100\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-100)) } + html.var[data-theme='dark'] .sf-c-moccasin, html.var.dark .sf-c-moccasin { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 15%) } html.var[data-theme='dark'] .sf-c-moccasin\:0, html.var.dark .sf-c-moccasin\:0 { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 100%) } html.var[data-theme='dark'] .sf-c-moccasin\:10, html.var.dark .sf-c-moccasin\:10 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-moccasin\:80\:dark, html.var.dark .sf-c-moccas html.var[data-theme='dark'] .sf-c-moccasin\:90\:dark, html.var.dark .sf-c-moccasin\:90\:dark { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 10%) } html.var[data-theme='dark'] .sf-c-moccasin\:100\:dark, html.var.dark .sf-c-moccasin\:100\:dark { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin, html.dark .sf-c-txt-moccasin { color: hsl(38, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:0, html.dark .sf-c-txt-moccasin\:0 { color: hsl(38, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:10, html.dark .sf-c-txt-moccasin\:10 { color: hsl(38, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:20, html.dark .sf-c-txt-moccasin\:20 { color: hsl(38, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:30, html.dark .sf-c-txt-moccasin\:30 { color: hsl(38, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:40, html.dark .sf-c-txt-moccasin\:40 { color: hsl(38, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:50, html.dark .sf-c-txt-moccasin\:50 { color: hsl(38, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:60, html.dark .sf-c-txt-moccasin\:60 { color: hsl(38, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:70, html.dark .sf-c-txt-moccasin\:70 { color: hsl(38, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:80, html.dark .sf-c-txt-moccasin\:80 { color: hsl(38, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:90, html.dark .sf-c-txt-moccasin\:90 { color: hsl(38, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:100, html.dark .sf-c-txt-moccasin\:100 { color: hsl(38, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-moccasin\:dark, html.dark .sf-c-txt-moccasin\:dark { color: hsl(38, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:0\:dark, html.dark .sf-c-txt-moccasin\:0\:dark { color: hsl(38, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:10\:dark, html.dark .sf-c-txt-moccasin\:10\:dark { color: hsl(38, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:20\:dark, html.dark .sf-c-txt-moccasin\:20\:dark { color: hsl(38, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:30\:dark, html.dark .sf-c-txt-moccasin\:30\:dark { color: hsl(38, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:40\:dark, html.dark .sf-c-txt-moccasin\:40\:dark { color: hsl(38, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:50\:dark, html.dark .sf-c-txt-moccasin\:50\:dark { color: hsl(38, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:60\:dark, html.dark .sf-c-txt-moccasin\:60\:dark { color: hsl(38, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:70\:dark, html.dark .sf-c-txt-moccasin\:70\:dark { color: hsl(38, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:80\:dark, html.dark .sf-c-txt-moccasin\:80\:dark { color: hsl(38, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:90\:dark, html.dark .sf-c-txt-moccasin\:90\:dark { color: hsl(38, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:100\:dark, html.dark .sf-c-txt-moccasin\:100\:dark { color: hsl(38, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-moccasin, html.auto .sf-c-moccasin { color: hsl(var(--sf-dark-c-txt-moccasin-90)); background: hsl(var(--sf-dark-c-moccasin)) } html[data-theme='auto'] .sf-c-moccasin\:0, html.auto .sf-c-moccasin\:0 { color: hsl(var(--sf-dark-c-txt-moccasin-90)); background: hsl(var(--sf-dark-c-moccasin-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-moccasin\:100\:dark, html.var.dark .sf-c-mocca html[data-theme='auto'] .sf-c-moccasin\:90\:dark, html.auto .sf-c-moccasin\:90\:dark { color: hsl(var(--sf-c-txt-moccasin-90)); background: hsl(var(--sf-c-moccasin-10)) } html[data-theme='auto'] .sf-c-moccasin\:100\:dark, html.auto .sf-c-moccasin\:100\:dark { color: hsl(var(--sf-c-txt-moccasin-90)); background: hsl(var(--sf-c-moccasin-0)) } + html[data-theme='auto'] .sf-c-txt-moccasin, html.auto .sf-c-txt-moccasin { color: hsl(var(--sf-c-txt-moccasin)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:0, html.auto .sf-c-txt-moccasin\:0 { color: hsl(var(--sf-c-txt-moccasin-0)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:10, html.auto .sf-c-txt-moccasin\:10 { color: hsl(var(--sf-c-txt-moccasin-10)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:20, html.auto .sf-c-txt-moccasin\:20 { color: hsl(var(--sf-c-txt-moccasin-20)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:30, html.auto .sf-c-txt-moccasin\:30 { color: hsl(var(--sf-c-txt-moccasin-30)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:40, html.auto .sf-c-txt-moccasin\:40 { color: hsl(var(--sf-c-txt-moccasin-40)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:50, html.auto .sf-c-txt-moccasin\:50 { color: hsl(var(--sf-c-txt-moccasin-50)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:60, html.auto .sf-c-txt-moccasin\:60 { color: hsl(var(--sf-c-txt-moccasin-60)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:70, html.auto .sf-c-txt-moccasin\:70 { color: hsl(var(--sf-c-txt-moccasin-70)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:80, html.auto .sf-c-txt-moccasin\:80 { color: hsl(var(--sf-c-txt-moccasin-80)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:90, html.auto .sf-c-txt-moccasin\:90 { color: hsl(var(--sf-c-txt-moccasin-90)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:100, html.auto .sf-c-txt-moccasin\:100 { color: hsl(var(--sf-c-txt-moccasin-100)) } + + html[data-theme='auto'] .sf-c-txt-moccasin\:dark, html.auto .sf-c-txt-moccasin\:dark { color: hsl(var(--sf-c-txt-moccasin)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:0\:dark, html.auto .sf-c-txt-moccasin\:0\:dark { color: hsl(var(--sf-c-txt-moccasin-0)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:10\:dark, html.auto .sf-c-txt-moccasin\:10\:dark { color: hsl(var(--sf-c-txt-moccasin-10)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:20\:dark, html.auto .sf-c-txt-moccasin\:20\:dark { color: hsl(var(--sf-c-txt-moccasin-20)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:30\:dark, html.auto .sf-c-txt-moccasin\:30\:dark { color: hsl(var(--sf-c-txt-moccasin-30)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:40\:dark, html.auto .sf-c-txt-moccasin\:40\:dark { color: hsl(var(--sf-c-txt-moccasin-40)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:50\:dark, html.auto .sf-c-txt-moccasin\:50\:dark { color: hsl(var(--sf-c-txt-moccasin-50)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:60\:dark, html.auto .sf-c-txt-moccasin\:60\:dark { color: hsl(var(--sf-c-txt-moccasin-60)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:70\:dark, html.auto .sf-c-txt-moccasin\:70\:dark { color: hsl(var(--sf-c-txt-moccasin-70)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:80\:dark, html.auto .sf-c-txt-moccasin\:80\:dark { color: hsl(var(--sf-c-txt-moccasin-80)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:90\:dark, html.auto .sf-c-txt-moccasin\:90\:dark { color: hsl(var(--sf-c-txt-moccasin-90)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:100\:dark, html.auto .sf-c-txt-moccasin\:100\:dark { color: hsl(var(--sf-c-txt-moccasin-100)) } + html.var[data-theme='auto'] .sf-c-moccasin, html.var.auto .sf-c-moccasin { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 15%) } html.var[data-theme='auto'] .sf-c-moccasin\:0, html.var.auto .sf-c-moccasin\:0 { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 100%) } html.var[data-theme='auto'] .sf-c-moccasin\:10, html.var.auto .sf-c-moccasin\:10 { color: hsl(38, 100%, 10%); background: hsl(38, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-moccasin\:100\:dark, html.var.dark .sf-c-mocca html.var[data-theme='auto'] .sf-c-moccasin\:80\:dark, html.var.auto .sf-c-moccasin\:80\:dark { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 20%) } html.var[data-theme='auto'] .sf-c-moccasin\:90\:dark, html.var.auto .sf-c-moccasin\:90\:dark { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 10%) } html.var[data-theme='auto'] .sf-c-moccasin\:100\:dark, html.var.auto .sf-c-moccasin\:100\:dark { color: hsl(38, 100%, 90%); background: hsl(38, 100%, 0%) } -} -.sf-c-txt-moccasin { color: hsl(var(--sf-c-txt-moccasin)) } -.sf-c-txt-moccasin\:0 { color: hsl(var(--sf-c-txt-moccasin-0)) } -.sf-c-txt-moccasin\:10 { color: hsl(var(--sf-c-txt-moccasin-10)) } -.sf-c-txt-moccasin\:20 { color: hsl(var(--sf-c-txt-moccasin-20)) } -.sf-c-txt-moccasin\:30 { color: hsl(var(--sf-c-txt-moccasin-30)) } -.sf-c-txt-moccasin\:40 { color: hsl(var(--sf-c-txt-moccasin-40)) } -.sf-c-txt-moccasin\:50 { color: hsl(var(--sf-c-txt-moccasin-50)) } -.sf-c-txt-moccasin\:60 { color: hsl(var(--sf-c-txt-moccasin-60)) } -.sf-c-txt-moccasin\:70 { color: hsl(var(--sf-c-txt-moccasin-70)) } -.sf-c-txt-moccasin\:80 { color: hsl(var(--sf-c-txt-moccasin-80)) } -.sf-c-txt-moccasin\:90 { color: hsl(var(--sf-c-txt-moccasin-90)) } -.sf-c-txt-moccasin\:100 { color: hsl(var(--sf-c-txt-moccasin-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-moccasin, html.auto .sf-c-txt-moccasin { color: hsl(38, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:0, html.auto .sf-c-txt-moccasin\:0 { color: hsl(38, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:10, html.auto .sf-c-txt-moccasin\:10 { color: hsl(38, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:20, html.auto .sf-c-txt-moccasin\:20 { color: hsl(38, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:30, html.auto .sf-c-txt-moccasin\:30 { color: hsl(38, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:40, html.auto .sf-c-txt-moccasin\:40 { color: hsl(38, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:50, html.auto .sf-c-txt-moccasin\:50 { color: hsl(38, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:60, html.auto .sf-c-txt-moccasin\:60 { color: hsl(38, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:70, html.auto .sf-c-txt-moccasin\:70 { color: hsl(38, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:80, html.auto .sf-c-txt-moccasin\:80 { color: hsl(38, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:90, html.auto .sf-c-txt-moccasin\:90 { color: hsl(38, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:100, html.auto .sf-c-txt-moccasin\:100 { color: hsl(38, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-moccasin\:dark, html.auto .sf-c-txt-moccasin\:dark { color: hsl(38, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:0\:dark, html.auto .sf-c-txt-moccasin\:0\:dark { color: hsl(38, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:10\:dark, html.auto .sf-c-txt-moccasin\:10\:dark { color: hsl(38, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:20\:dark, html.auto .sf-c-txt-moccasin\:20\:dark { color: hsl(38, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:30\:dark, html.auto .sf-c-txt-moccasin\:30\:dark { color: hsl(38, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:40\:dark, html.auto .sf-c-txt-moccasin\:40\:dark { color: hsl(38, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:50\:dark, html.auto .sf-c-txt-moccasin\:50\:dark { color: hsl(38, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:60\:dark, html.auto .sf-c-txt-moccasin\:60\:dark { color: hsl(38, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:70\:dark, html.auto .sf-c-txt-moccasin\:70\:dark { color: hsl(38, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:80\:dark, html.auto .sf-c-txt-moccasin\:80\:dark { color: hsl(38, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:90\:dark, html.auto .sf-c-txt-moccasin\:90\:dark { color: hsl(38, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:100\:dark, html.auto .sf-c-txt-moccasin\:100\:dark { color: hsl(38, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/navajowhite.css b/src/colors/10/navajowhite.css index 0032f66..af2ef2a 100644 --- a/src/colors/10/navajowhite.css +++ b/src/colors/10/navajowhite.css @@ -78,6 +78,32 @@ html.var .sf-c-navajowhite\:80 { color: hsl(36, 100%, 10%); background: hsl(36, html.var .sf-c-navajowhite\:90 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } html.var .sf-c-navajowhite\:100 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 100%) } +.sf-c-txt-navajowhite { color: hsl(var(--sf-dark-c-txt-navajowhite)) } +.sf-c-txt-navajowhite\:0 { color: hsl(var(--sf-dark-c-txt-navajowhite-100)) } +.sf-c-txt-navajowhite\:10 { color: hsl(var(--sf-dark-c-txt-navajowhite-90)) } +.sf-c-txt-navajowhite\:20 { color: hsl(var(--sf-dark-c-txt-navajowhite-80)) } +.sf-c-txt-navajowhite\:30 { color: hsl(var(--sf-dark-c-txt-navajowhite-70)) } +.sf-c-txt-navajowhite\:40 { color: hsl(var(--sf-dark-c-txt-navajowhite-60)) } +.sf-c-txt-navajowhite\:50 { color: hsl(var(--sf-dark-c-txt-navajowhite-50)) } +.sf-c-txt-navajowhite\:60 { color: hsl(var(--sf-dark-c-txt-navajowhite-40)) } +.sf-c-txt-navajowhite\:70 { color: hsl(var(--sf-dark-c-txt-navajowhite-30)) } +.sf-c-txt-navajowhite\:80 { color: hsl(var(--sf-dark-c-txt-navajowhite-20)) } +.sf-c-txt-navajowhite\:90 { color: hsl(var(--sf-dark-c-txt-navajowhite-10)) } +.sf-c-txt-navajowhite\:100 { color: hsl(var(--sf-dark-c-txt-navajowhite-0)) } + +html.var .sf-c-txt-navajowhite { color: hsl(36, 100%, 16%) } +html.var .sf-c-txt-navajowhite\:0 { color: hsl(36, 100%, 100%) } +html.var .sf-c-txt-navajowhite\:10 { color: hsl(36, 100%, 90%) } +html.var .sf-c-txt-navajowhite\:20 { color: hsl(36, 100%, 80%) } +html.var .sf-c-txt-navajowhite\:30 { color: hsl(36, 100%, 70%) } +html.var .sf-c-txt-navajowhite\:40 { color: hsl(36, 100%, 60%) } +html.var .sf-c-txt-navajowhite\:50 { color: hsl(36, 100%, 50%) } +html.var .sf-c-txt-navajowhite\:60 { color: hsl(36, 100%, 40%) } +html.var .sf-c-txt-navajowhite\:70 { color: hsl(36, 100%, 30%) } +html.var .sf-c-txt-navajowhite\:80 { color: hsl(36, 100%, 20%) } +html.var .sf-c-txt-navajowhite\:90 { color: hsl(36, 100%, 10%) } +html.var .sf-c-txt-navajowhite\:100 { color: hsl(36, 100%, 0%) } + html[data-theme='dark'] .sf-c-navajowhite, html.dark .sf-c-navajowhite { color: hsl(var(--sf-dark-c-txt-navajowhite-90)); background: hsl(var(--sf-dark-c-navajowhite)) } html[data-theme='dark'] .sf-c-navajowhite\:0, html.dark .sf-c-navajowhite\:0 { color: hsl(var(--sf-dark-c-txt-navajowhite-90)); background: hsl(var(--sf-dark-c-navajowhite-100)) } html[data-theme='dark'] .sf-c-navajowhite\:10, html.dark .sf-c-navajowhite\:10 { color: hsl(var(--sf-dark-c-txt-navajowhite-10)); background: hsl(var(--sf-dark-c-navajowhite-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-navajowhite\:80\:dark, html.dark .sf-c-navajowhite html[data-theme='dark'] .sf-c-navajowhite\:90\:dark, html.dark .sf-c-navajowhite\:90\:dark { color: hsl(var(--sf-c-txt-navajowhite-90)); background: hsl(var(--sf-c-navajowhite-10)) } html[data-theme='dark'] .sf-c-navajowhite\:100\:dark, html.dark .sf-c-navajowhite\:100\:dark { color: hsl(var(--sf-c-txt-navajowhite-90)); background: hsl(var(--sf-c-navajowhite-0)) } +html[data-theme='dark'] .sf-c-txt-navajowhite, html.dark .sf-c-txt-navajowhite { color: hsl(var(--sf-c-txt-navajowhite)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:0, html.dark .sf-c-txt-navajowhite\:0 { color: hsl(var(--sf-c-txt-navajowhite-0)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:10, html.dark .sf-c-txt-navajowhite\:10 { color: hsl(var(--sf-c-txt-navajowhite-10)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:20, html.dark .sf-c-txt-navajowhite\:20 { color: hsl(var(--sf-c-txt-navajowhite-20)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:30, html.dark .sf-c-txt-navajowhite\:30 { color: hsl(var(--sf-c-txt-navajowhite-30)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:40, html.dark .sf-c-txt-navajowhite\:40 { color: hsl(var(--sf-c-txt-navajowhite-40)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:50, html.dark .sf-c-txt-navajowhite\:50 { color: hsl(var(--sf-c-txt-navajowhite-50)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:60, html.dark .sf-c-txt-navajowhite\:60 { color: hsl(var(--sf-c-txt-navajowhite-60)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:70, html.dark .sf-c-txt-navajowhite\:70 { color: hsl(var(--sf-c-txt-navajowhite-70)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:80, html.dark .sf-c-txt-navajowhite\:80 { color: hsl(var(--sf-c-txt-navajowhite-80)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:90, html.dark .sf-c-txt-navajowhite\:90 { color: hsl(var(--sf-c-txt-navajowhite-90)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:100, html.dark .sf-c-txt-navajowhite\:100 { color: hsl(var(--sf-c-txt-navajowhite-100)) } + +html[data-theme='dark'] .sf-c-txt-navajowhite\:dark, html.dark .sf-c-txt-navajowhite\:dark { color: hsl(var(--sf-c-txt-navajowhite)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:0\:dark, html.dark .sf-c-txt-navajowhite\:0\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-0)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:10\:dark, html.dark .sf-c-txt-navajowhite\:10\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-10)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:20\:dark, html.dark .sf-c-txt-navajowhite\:20\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-20)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:30\:dark, html.dark .sf-c-txt-navajowhite\:30\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-30)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:40\:dark, html.dark .sf-c-txt-navajowhite\:40\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-40)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:50\:dark, html.dark .sf-c-txt-navajowhite\:50\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-50)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:60\:dark, html.dark .sf-c-txt-navajowhite\:60\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-60)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:70\:dark, html.dark .sf-c-txt-navajowhite\:70\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-70)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:80\:dark, html.dark .sf-c-txt-navajowhite\:80\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-80)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:90\:dark, html.dark .sf-c-txt-navajowhite\:90\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-90)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:100\:dark, html.dark .sf-c-txt-navajowhite\:100\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-100)) } + html.var[data-theme='dark'] .sf-c-navajowhite, html.var.dark .sf-c-navajowhite { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 16%) } html.var[data-theme='dark'] .sf-c-navajowhite\:0, html.var.dark .sf-c-navajowhite\:0 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 100%) } html.var[data-theme='dark'] .sf-c-navajowhite\:10, html.var.dark .sf-c-navajowhite\:10 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-navajowhite\:80\:dark, html.var.dark .sf-c-nav html.var[data-theme='dark'] .sf-c-navajowhite\:90\:dark, html.var.dark .sf-c-navajowhite\:90\:dark { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } html.var[data-theme='dark'] .sf-c-navajowhite\:100\:dark, html.var.dark .sf-c-navajowhite\:100\:dark { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite, html.dark .sf-c-txt-navajowhite { color: hsl(36, 100%, 84%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:0, html.dark .sf-c-txt-navajowhite\:0 { color: hsl(36, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:10, html.dark .sf-c-txt-navajowhite\:10 { color: hsl(36, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:20, html.dark .sf-c-txt-navajowhite\:20 { color: hsl(36, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:30, html.dark .sf-c-txt-navajowhite\:30 { color: hsl(36, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:40, html.dark .sf-c-txt-navajowhite\:40 { color: hsl(36, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:50, html.dark .sf-c-txt-navajowhite\:50 { color: hsl(36, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:60, html.dark .sf-c-txt-navajowhite\:60 { color: hsl(36, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:70, html.dark .sf-c-txt-navajowhite\:70 { color: hsl(36, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:80, html.dark .sf-c-txt-navajowhite\:80 { color: hsl(36, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:90, html.dark .sf-c-txt-navajowhite\:90 { color: hsl(36, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:100, html.dark .sf-c-txt-navajowhite\:100 { color: hsl(36, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:dark, html.dark .sf-c-txt-navajowhite\:dark { color: hsl(36, 100%, 84%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:0\:dark, html.dark .sf-c-txt-navajowhite\:0\:dark { color: hsl(36, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:10\:dark, html.dark .sf-c-txt-navajowhite\:10\:dark { color: hsl(36, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:20\:dark, html.dark .sf-c-txt-navajowhite\:20\:dark { color: hsl(36, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:30\:dark, html.dark .sf-c-txt-navajowhite\:30\:dark { color: hsl(36, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:40\:dark, html.dark .sf-c-txt-navajowhite\:40\:dark { color: hsl(36, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:50\:dark, html.dark .sf-c-txt-navajowhite\:50\:dark { color: hsl(36, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:60\:dark, html.dark .sf-c-txt-navajowhite\:60\:dark { color: hsl(36, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:70\:dark, html.dark .sf-c-txt-navajowhite\:70\:dark { color: hsl(36, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:80\:dark, html.dark .sf-c-txt-navajowhite\:80\:dark { color: hsl(36, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:90\:dark, html.dark .sf-c-txt-navajowhite\:90\:dark { color: hsl(36, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:100\:dark, html.dark .sf-c-txt-navajowhite\:100\:dark { color: hsl(36, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-navajowhite, html.auto .sf-c-navajowhite { color: hsl(var(--sf-dark-c-txt-navajowhite-90)); background: hsl(var(--sf-dark-c-navajowhite)) } html[data-theme='auto'] .sf-c-navajowhite\:0, html.auto .sf-c-navajowhite\:0 { color: hsl(var(--sf-dark-c-txt-navajowhite-90)); background: hsl(var(--sf-dark-c-navajowhite-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-navajowhite\:100\:dark, html.var.dark .sf-c-na html[data-theme='auto'] .sf-c-navajowhite\:90\:dark, html.auto .sf-c-navajowhite\:90\:dark { color: hsl(var(--sf-c-txt-navajowhite-90)); background: hsl(var(--sf-c-navajowhite-10)) } html[data-theme='auto'] .sf-c-navajowhite\:100\:dark, html.auto .sf-c-navajowhite\:100\:dark { color: hsl(var(--sf-c-txt-navajowhite-90)); background: hsl(var(--sf-c-navajowhite-0)) } + html[data-theme='auto'] .sf-c-txt-navajowhite, html.auto .sf-c-txt-navajowhite { color: hsl(var(--sf-c-txt-navajowhite)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:0, html.auto .sf-c-txt-navajowhite\:0 { color: hsl(var(--sf-c-txt-navajowhite-0)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:10, html.auto .sf-c-txt-navajowhite\:10 { color: hsl(var(--sf-c-txt-navajowhite-10)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:20, html.auto .sf-c-txt-navajowhite\:20 { color: hsl(var(--sf-c-txt-navajowhite-20)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:30, html.auto .sf-c-txt-navajowhite\:30 { color: hsl(var(--sf-c-txt-navajowhite-30)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:40, html.auto .sf-c-txt-navajowhite\:40 { color: hsl(var(--sf-c-txt-navajowhite-40)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:50, html.auto .sf-c-txt-navajowhite\:50 { color: hsl(var(--sf-c-txt-navajowhite-50)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:60, html.auto .sf-c-txt-navajowhite\:60 { color: hsl(var(--sf-c-txt-navajowhite-60)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:70, html.auto .sf-c-txt-navajowhite\:70 { color: hsl(var(--sf-c-txt-navajowhite-70)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:80, html.auto .sf-c-txt-navajowhite\:80 { color: hsl(var(--sf-c-txt-navajowhite-80)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:90, html.auto .sf-c-txt-navajowhite\:90 { color: hsl(var(--sf-c-txt-navajowhite-90)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:100, html.auto .sf-c-txt-navajowhite\:100 { color: hsl(var(--sf-c-txt-navajowhite-100)) } + + html[data-theme='auto'] .sf-c-txt-navajowhite\:dark, html.auto .sf-c-txt-navajowhite\:dark { color: hsl(var(--sf-c-txt-navajowhite)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:0\:dark, html.auto .sf-c-txt-navajowhite\:0\:dark { color: hsl(var(--sf-c-txt-navajowhite-0)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:10\:dark, html.auto .sf-c-txt-navajowhite\:10\:dark { color: hsl(var(--sf-c-txt-navajowhite-10)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:20\:dark, html.auto .sf-c-txt-navajowhite\:20\:dark { color: hsl(var(--sf-c-txt-navajowhite-20)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:30\:dark, html.auto .sf-c-txt-navajowhite\:30\:dark { color: hsl(var(--sf-c-txt-navajowhite-30)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:40\:dark, html.auto .sf-c-txt-navajowhite\:40\:dark { color: hsl(var(--sf-c-txt-navajowhite-40)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:50\:dark, html.auto .sf-c-txt-navajowhite\:50\:dark { color: hsl(var(--sf-c-txt-navajowhite-50)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:60\:dark, html.auto .sf-c-txt-navajowhite\:60\:dark { color: hsl(var(--sf-c-txt-navajowhite-60)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:70\:dark, html.auto .sf-c-txt-navajowhite\:70\:dark { color: hsl(var(--sf-c-txt-navajowhite-70)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:80\:dark, html.auto .sf-c-txt-navajowhite\:80\:dark { color: hsl(var(--sf-c-txt-navajowhite-80)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:90\:dark, html.auto .sf-c-txt-navajowhite\:90\:dark { color: hsl(var(--sf-c-txt-navajowhite-90)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:100\:dark, html.auto .sf-c-txt-navajowhite\:100\:dark { color: hsl(var(--sf-c-txt-navajowhite-100)) } + html.var[data-theme='auto'] .sf-c-navajowhite, html.var.auto .sf-c-navajowhite { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 16%) } html.var[data-theme='auto'] .sf-c-navajowhite\:0, html.var.auto .sf-c-navajowhite\:0 { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 100%) } html.var[data-theme='auto'] .sf-c-navajowhite\:10, html.var.auto .sf-c-navajowhite\:10 { color: hsl(36, 100%, 10%); background: hsl(36, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-navajowhite\:100\:dark, html.var.dark .sf-c-na html.var[data-theme='auto'] .sf-c-navajowhite\:80\:dark, html.var.auto .sf-c-navajowhite\:80\:dark { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 20%) } html.var[data-theme='auto'] .sf-c-navajowhite\:90\:dark, html.var.auto .sf-c-navajowhite\:90\:dark { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 10%) } html.var[data-theme='auto'] .sf-c-navajowhite\:100\:dark, html.var.auto .sf-c-navajowhite\:100\:dark { color: hsl(36, 100%, 90%); background: hsl(36, 100%, 0%) } -} -.sf-c-txt-navajowhite { color: hsl(var(--sf-c-txt-navajowhite)) } -.sf-c-txt-navajowhite\:0 { color: hsl(var(--sf-c-txt-navajowhite-0)) } -.sf-c-txt-navajowhite\:10 { color: hsl(var(--sf-c-txt-navajowhite-10)) } -.sf-c-txt-navajowhite\:20 { color: hsl(var(--sf-c-txt-navajowhite-20)) } -.sf-c-txt-navajowhite\:30 { color: hsl(var(--sf-c-txt-navajowhite-30)) } -.sf-c-txt-navajowhite\:40 { color: hsl(var(--sf-c-txt-navajowhite-40)) } -.sf-c-txt-navajowhite\:50 { color: hsl(var(--sf-c-txt-navajowhite-50)) } -.sf-c-txt-navajowhite\:60 { color: hsl(var(--sf-c-txt-navajowhite-60)) } -.sf-c-txt-navajowhite\:70 { color: hsl(var(--sf-c-txt-navajowhite-70)) } -.sf-c-txt-navajowhite\:80 { color: hsl(var(--sf-c-txt-navajowhite-80)) } -.sf-c-txt-navajowhite\:90 { color: hsl(var(--sf-c-txt-navajowhite-90)) } -.sf-c-txt-navajowhite\:100 { color: hsl(var(--sf-c-txt-navajowhite-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-navajowhite, html.auto .sf-c-txt-navajowhite { color: hsl(36, 100%, 84%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:0, html.auto .sf-c-txt-navajowhite\:0 { color: hsl(36, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:10, html.auto .sf-c-txt-navajowhite\:10 { color: hsl(36, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:20, html.auto .sf-c-txt-navajowhite\:20 { color: hsl(36, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:30, html.auto .sf-c-txt-navajowhite\:30 { color: hsl(36, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:40, html.auto .sf-c-txt-navajowhite\:40 { color: hsl(36, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:50, html.auto .sf-c-txt-navajowhite\:50 { color: hsl(36, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:60, html.auto .sf-c-txt-navajowhite\:60 { color: hsl(36, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:70, html.auto .sf-c-txt-navajowhite\:70 { color: hsl(36, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:80, html.auto .sf-c-txt-navajowhite\:80 { color: hsl(36, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:90, html.auto .sf-c-txt-navajowhite\:90 { color: hsl(36, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:100, html.auto .sf-c-txt-navajowhite\:100 { color: hsl(36, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:dark, html.auto .sf-c-txt-navajowhite\:dark { color: hsl(36, 100%, 84%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:0\:dark, html.auto .sf-c-txt-navajowhite\:0\:dark { color: hsl(36, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:10\:dark, html.auto .sf-c-txt-navajowhite\:10\:dark { color: hsl(36, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:20\:dark, html.auto .sf-c-txt-navajowhite\:20\:dark { color: hsl(36, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:30\:dark, html.auto .sf-c-txt-navajowhite\:30\:dark { color: hsl(36, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:40\:dark, html.auto .sf-c-txt-navajowhite\:40\:dark { color: hsl(36, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:50\:dark, html.auto .sf-c-txt-navajowhite\:50\:dark { color: hsl(36, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:60\:dark, html.auto .sf-c-txt-navajowhite\:60\:dark { color: hsl(36, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:70\:dark, html.auto .sf-c-txt-navajowhite\:70\:dark { color: hsl(36, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:80\:dark, html.auto .sf-c-txt-navajowhite\:80\:dark { color: hsl(36, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:90\:dark, html.auto .sf-c-txt-navajowhite\:90\:dark { color: hsl(36, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:100\:dark, html.auto .sf-c-txt-navajowhite\:100\:dark { color: hsl(36, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/navy.css b/src/colors/10/navy.css index abc4599..285fd4a 100644 --- a/src/colors/10/navy.css +++ b/src/colors/10/navy.css @@ -78,6 +78,32 @@ html.var .sf-c-navy\:80 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, html.var .sf-c-navy\:90 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } html.var .sf-c-navy\:100 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 100%) } +.sf-c-txt-navy { color: hsl(var(--sf-dark-c-txt-navy)) } +.sf-c-txt-navy\:0 { color: hsl(var(--sf-dark-c-txt-navy-100)) } +.sf-c-txt-navy\:10 { color: hsl(var(--sf-dark-c-txt-navy-90)) } +.sf-c-txt-navy\:20 { color: hsl(var(--sf-dark-c-txt-navy-80)) } +.sf-c-txt-navy\:30 { color: hsl(var(--sf-dark-c-txt-navy-70)) } +.sf-c-txt-navy\:40 { color: hsl(var(--sf-dark-c-txt-navy-60)) } +.sf-c-txt-navy\:50 { color: hsl(var(--sf-dark-c-txt-navy-50)) } +.sf-c-txt-navy\:60 { color: hsl(var(--sf-dark-c-txt-navy-40)) } +.sf-c-txt-navy\:70 { color: hsl(var(--sf-dark-c-txt-navy-30)) } +.sf-c-txt-navy\:80 { color: hsl(var(--sf-dark-c-txt-navy-20)) } +.sf-c-txt-navy\:90 { color: hsl(var(--sf-dark-c-txt-navy-10)) } +.sf-c-txt-navy\:100 { color: hsl(var(--sf-dark-c-txt-navy-0)) } + +html.var .sf-c-txt-navy { color: hsl(240, 100%, 75%) } +html.var .sf-c-txt-navy\:0 { color: hsl(240, 100%, 100%) } +html.var .sf-c-txt-navy\:10 { color: hsl(240, 100%, 90%) } +html.var .sf-c-txt-navy\:20 { color: hsl(240, 100%, 80%) } +html.var .sf-c-txt-navy\:30 { color: hsl(240, 100%, 70%) } +html.var .sf-c-txt-navy\:40 { color: hsl(240, 100%, 60%) } +html.var .sf-c-txt-navy\:50 { color: hsl(240, 100%, 50%) } +html.var .sf-c-txt-navy\:60 { color: hsl(240, 100%, 40%) } +html.var .sf-c-txt-navy\:70 { color: hsl(240, 100%, 30%) } +html.var .sf-c-txt-navy\:80 { color: hsl(240, 100%, 20%) } +html.var .sf-c-txt-navy\:90 { color: hsl(240, 100%, 10%) } +html.var .sf-c-txt-navy\:100 { color: hsl(240, 100%, 0%) } + html[data-theme='dark'] .sf-c-navy, html.dark .sf-c-navy { color: hsl(var(--sf-dark-c-txt-navy-90)); background: hsl(var(--sf-dark-c-navy)) } html[data-theme='dark'] .sf-c-navy\:0, html.dark .sf-c-navy\:0 { color: hsl(var(--sf-dark-c-txt-navy-90)); background: hsl(var(--sf-dark-c-navy-100)) } html[data-theme='dark'] .sf-c-navy\:10, html.dark .sf-c-navy\:10 { color: hsl(var(--sf-dark-c-txt-navy-10)); background: hsl(var(--sf-dark-c-navy-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-navy\:80\:dark, html.dark .sf-c-navy\:80\:dark { c html[data-theme='dark'] .sf-c-navy\:90\:dark, html.dark .sf-c-navy\:90\:dark { color: hsl(var(--sf-c-txt-navy-90)); background: hsl(var(--sf-c-navy-10)) } html[data-theme='dark'] .sf-c-navy\:100\:dark, html.dark .sf-c-navy\:100\:dark { color: hsl(var(--sf-c-txt-navy-90)); background: hsl(var(--sf-c-navy-0)) } +html[data-theme='dark'] .sf-c-txt-navy, html.dark .sf-c-txt-navy { color: hsl(var(--sf-c-txt-navy)) } +html[data-theme='dark'] .sf-c-txt-navy\:0, html.dark .sf-c-txt-navy\:0 { color: hsl(var(--sf-c-txt-navy-0)) } +html[data-theme='dark'] .sf-c-txt-navy\:10, html.dark .sf-c-txt-navy\:10 { color: hsl(var(--sf-c-txt-navy-10)) } +html[data-theme='dark'] .sf-c-txt-navy\:20, html.dark .sf-c-txt-navy\:20 { color: hsl(var(--sf-c-txt-navy-20)) } +html[data-theme='dark'] .sf-c-txt-navy\:30, html.dark .sf-c-txt-navy\:30 { color: hsl(var(--sf-c-txt-navy-30)) } +html[data-theme='dark'] .sf-c-txt-navy\:40, html.dark .sf-c-txt-navy\:40 { color: hsl(var(--sf-c-txt-navy-40)) } +html[data-theme='dark'] .sf-c-txt-navy\:50, html.dark .sf-c-txt-navy\:50 { color: hsl(var(--sf-c-txt-navy-50)) } +html[data-theme='dark'] .sf-c-txt-navy\:60, html.dark .sf-c-txt-navy\:60 { color: hsl(var(--sf-c-txt-navy-60)) } +html[data-theme='dark'] .sf-c-txt-navy\:70, html.dark .sf-c-txt-navy\:70 { color: hsl(var(--sf-c-txt-navy-70)) } +html[data-theme='dark'] .sf-c-txt-navy\:80, html.dark .sf-c-txt-navy\:80 { color: hsl(var(--sf-c-txt-navy-80)) } +html[data-theme='dark'] .sf-c-txt-navy\:90, html.dark .sf-c-txt-navy\:90 { color: hsl(var(--sf-c-txt-navy-90)) } +html[data-theme='dark'] .sf-c-txt-navy\:100, html.dark .sf-c-txt-navy\:100 { color: hsl(var(--sf-c-txt-navy-100)) } + +html[data-theme='dark'] .sf-c-txt-navy\:dark, html.dark .sf-c-txt-navy\:dark { color: hsl(var(--sf-c-txt-navy)) } +html[data-theme='dark'] .sf-c-txt-navy\:0\:dark, html.dark .sf-c-txt-navy\:0\:dark { color: hsl(var(--sf-dark-c-txt-navy-0)) } +html[data-theme='dark'] .sf-c-txt-navy\:10\:dark, html.dark .sf-c-txt-navy\:10\:dark { color: hsl(var(--sf-dark-c-txt-navy-10)) } +html[data-theme='dark'] .sf-c-txt-navy\:20\:dark, html.dark .sf-c-txt-navy\:20\:dark { color: hsl(var(--sf-dark-c-txt-navy-20)) } +html[data-theme='dark'] .sf-c-txt-navy\:30\:dark, html.dark .sf-c-txt-navy\:30\:dark { color: hsl(var(--sf-dark-c-txt-navy-30)) } +html[data-theme='dark'] .sf-c-txt-navy\:40\:dark, html.dark .sf-c-txt-navy\:40\:dark { color: hsl(var(--sf-dark-c-txt-navy-40)) } +html[data-theme='dark'] .sf-c-txt-navy\:50\:dark, html.dark .sf-c-txt-navy\:50\:dark { color: hsl(var(--sf-dark-c-txt-navy-50)) } +html[data-theme='dark'] .sf-c-txt-navy\:60\:dark, html.dark .sf-c-txt-navy\:60\:dark { color: hsl(var(--sf-dark-c-txt-navy-60)) } +html[data-theme='dark'] .sf-c-txt-navy\:70\:dark, html.dark .sf-c-txt-navy\:70\:dark { color: hsl(var(--sf-dark-c-txt-navy-70)) } +html[data-theme='dark'] .sf-c-txt-navy\:80\:dark, html.dark .sf-c-txt-navy\:80\:dark { color: hsl(var(--sf-dark-c-txt-navy-80)) } +html[data-theme='dark'] .sf-c-txt-navy\:90\:dark, html.dark .sf-c-txt-navy\:90\:dark { color: hsl(var(--sf-dark-c-txt-navy-90)) } +html[data-theme='dark'] .sf-c-txt-navy\:100\:dark, html.dark .sf-c-txt-navy\:100\:dark { color: hsl(var(--sf-dark-c-txt-navy-100)) } + html.var[data-theme='dark'] .sf-c-navy, html.var.dark .sf-c-navy { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 75%) } html.var[data-theme='dark'] .sf-c-navy\:0, html.var.dark .sf-c-navy\:0 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 100%) } html.var[data-theme='dark'] .sf-c-navy\:10, html.var.dark .sf-c-navy\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-navy\:80\:dark, html.var.dark .sf-c-navy\:80\: html.var[data-theme='dark'] .sf-c-navy\:90\:dark, html.var.dark .sf-c-navy\:90\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } html.var[data-theme='dark'] .sf-c-navy\:100\:dark, html.var.dark .sf-c-navy\:100\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-navy, html.dark .sf-c-txt-navy { color: hsl(240, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:0, html.dark .sf-c-txt-navy\:0 { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:10, html.dark .sf-c-txt-navy\:10 { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:20, html.dark .sf-c-txt-navy\:20 { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:30, html.dark .sf-c-txt-navy\:30 { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:40, html.dark .sf-c-txt-navy\:40 { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:50, html.dark .sf-c-txt-navy\:50 { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:60, html.dark .sf-c-txt-navy\:60 { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:70, html.dark .sf-c-txt-navy\:70 { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:80, html.dark .sf-c-txt-navy\:80 { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:90, html.dark .sf-c-txt-navy\:90 { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:100, html.dark .sf-c-txt-navy\:100 { color: hsl(240, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-navy\:dark, html.dark .sf-c-txt-navy\:dark { color: hsl(240, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:0\:dark, html.dark .sf-c-txt-navy\:0\:dark { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:10\:dark, html.dark .sf-c-txt-navy\:10\:dark { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:20\:dark, html.dark .sf-c-txt-navy\:20\:dark { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:30\:dark, html.dark .sf-c-txt-navy\:30\:dark { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:40\:dark, html.dark .sf-c-txt-navy\:40\:dark { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:50\:dark, html.dark .sf-c-txt-navy\:50\:dark { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:60\:dark, html.dark .sf-c-txt-navy\:60\:dark { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:70\:dark, html.dark .sf-c-txt-navy\:70\:dark { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:80\:dark, html.dark .sf-c-txt-navy\:80\:dark { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:90\:dark, html.dark .sf-c-txt-navy\:90\:dark { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:100\:dark, html.dark .sf-c-txt-navy\:100\:dark { color: hsl(240, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-navy, html.auto .sf-c-navy { color: hsl(var(--sf-dark-c-txt-navy-90)); background: hsl(var(--sf-dark-c-navy)) } html[data-theme='auto'] .sf-c-navy\:0, html.auto .sf-c-navy\:0 { color: hsl(var(--sf-dark-c-txt-navy-90)); background: hsl(var(--sf-dark-c-navy-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-navy\:100\:dark, html.var.dark .sf-c-navy\:100 html[data-theme='auto'] .sf-c-navy\:90\:dark, html.auto .sf-c-navy\:90\:dark { color: hsl(var(--sf-c-txt-navy-90)); background: hsl(var(--sf-c-navy-10)) } html[data-theme='auto'] .sf-c-navy\:100\:dark, html.auto .sf-c-navy\:100\:dark { color: hsl(var(--sf-c-txt-navy-90)); background: hsl(var(--sf-c-navy-0)) } + html[data-theme='auto'] .sf-c-txt-navy, html.auto .sf-c-txt-navy { color: hsl(var(--sf-c-txt-navy)) } + html[data-theme='auto'] .sf-c-txt-navy\:0, html.auto .sf-c-txt-navy\:0 { color: hsl(var(--sf-c-txt-navy-0)) } + html[data-theme='auto'] .sf-c-txt-navy\:10, html.auto .sf-c-txt-navy\:10 { color: hsl(var(--sf-c-txt-navy-10)) } + html[data-theme='auto'] .sf-c-txt-navy\:20, html.auto .sf-c-txt-navy\:20 { color: hsl(var(--sf-c-txt-navy-20)) } + html[data-theme='auto'] .sf-c-txt-navy\:30, html.auto .sf-c-txt-navy\:30 { color: hsl(var(--sf-c-txt-navy-30)) } + html[data-theme='auto'] .sf-c-txt-navy\:40, html.auto .sf-c-txt-navy\:40 { color: hsl(var(--sf-c-txt-navy-40)) } + html[data-theme='auto'] .sf-c-txt-navy\:50, html.auto .sf-c-txt-navy\:50 { color: hsl(var(--sf-c-txt-navy-50)) } + html[data-theme='auto'] .sf-c-txt-navy\:60, html.auto .sf-c-txt-navy\:60 { color: hsl(var(--sf-c-txt-navy-60)) } + html[data-theme='auto'] .sf-c-txt-navy\:70, html.auto .sf-c-txt-navy\:70 { color: hsl(var(--sf-c-txt-navy-70)) } + html[data-theme='auto'] .sf-c-txt-navy\:80, html.auto .sf-c-txt-navy\:80 { color: hsl(var(--sf-c-txt-navy-80)) } + html[data-theme='auto'] .sf-c-txt-navy\:90, html.auto .sf-c-txt-navy\:90 { color: hsl(var(--sf-c-txt-navy-90)) } + html[data-theme='auto'] .sf-c-txt-navy\:100, html.auto .sf-c-txt-navy\:100 { color: hsl(var(--sf-c-txt-navy-100)) } + + html[data-theme='auto'] .sf-c-txt-navy\:dark, html.auto .sf-c-txt-navy\:dark { color: hsl(var(--sf-c-txt-navy)) } + html[data-theme='auto'] .sf-c-txt-navy\:0\:dark, html.auto .sf-c-txt-navy\:0\:dark { color: hsl(var(--sf-c-txt-navy-0)) } + html[data-theme='auto'] .sf-c-txt-navy\:10\:dark, html.auto .sf-c-txt-navy\:10\:dark { color: hsl(var(--sf-c-txt-navy-10)) } + html[data-theme='auto'] .sf-c-txt-navy\:20\:dark, html.auto .sf-c-txt-navy\:20\:dark { color: hsl(var(--sf-c-txt-navy-20)) } + html[data-theme='auto'] .sf-c-txt-navy\:30\:dark, html.auto .sf-c-txt-navy\:30\:dark { color: hsl(var(--sf-c-txt-navy-30)) } + html[data-theme='auto'] .sf-c-txt-navy\:40\:dark, html.auto .sf-c-txt-navy\:40\:dark { color: hsl(var(--sf-c-txt-navy-40)) } + html[data-theme='auto'] .sf-c-txt-navy\:50\:dark, html.auto .sf-c-txt-navy\:50\:dark { color: hsl(var(--sf-c-txt-navy-50)) } + html[data-theme='auto'] .sf-c-txt-navy\:60\:dark, html.auto .sf-c-txt-navy\:60\:dark { color: hsl(var(--sf-c-txt-navy-60)) } + html[data-theme='auto'] .sf-c-txt-navy\:70\:dark, html.auto .sf-c-txt-navy\:70\:dark { color: hsl(var(--sf-c-txt-navy-70)) } + html[data-theme='auto'] .sf-c-txt-navy\:80\:dark, html.auto .sf-c-txt-navy\:80\:dark { color: hsl(var(--sf-c-txt-navy-80)) } + html[data-theme='auto'] .sf-c-txt-navy\:90\:dark, html.auto .sf-c-txt-navy\:90\:dark { color: hsl(var(--sf-c-txt-navy-90)) } + html[data-theme='auto'] .sf-c-txt-navy\:100\:dark, html.auto .sf-c-txt-navy\:100\:dark { color: hsl(var(--sf-c-txt-navy-100)) } + html.var[data-theme='auto'] .sf-c-navy, html.var.auto .sf-c-navy { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 75%) } html.var[data-theme='auto'] .sf-c-navy\:0, html.var.auto .sf-c-navy\:0 { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 100%) } html.var[data-theme='auto'] .sf-c-navy\:10, html.var.auto .sf-c-navy\:10 { color: hsl(240, 100%, 10%); background: hsl(240, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-navy\:100\:dark, html.var.dark .sf-c-navy\:100 html.var[data-theme='auto'] .sf-c-navy\:80\:dark, html.var.auto .sf-c-navy\:80\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 20%) } html.var[data-theme='auto'] .sf-c-navy\:90\:dark, html.var.auto .sf-c-navy\:90\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 10%) } html.var[data-theme='auto'] .sf-c-navy\:100\:dark, html.var.auto .sf-c-navy\:100\:dark { color: hsl(240, 100%, 90%); background: hsl(240, 100%, 0%) } -} -.sf-c-txt-navy { color: hsl(var(--sf-c-txt-navy)) } -.sf-c-txt-navy\:0 { color: hsl(var(--sf-c-txt-navy-0)) } -.sf-c-txt-navy\:10 { color: hsl(var(--sf-c-txt-navy-10)) } -.sf-c-txt-navy\:20 { color: hsl(var(--sf-c-txt-navy-20)) } -.sf-c-txt-navy\:30 { color: hsl(var(--sf-c-txt-navy-30)) } -.sf-c-txt-navy\:40 { color: hsl(var(--sf-c-txt-navy-40)) } -.sf-c-txt-navy\:50 { color: hsl(var(--sf-c-txt-navy-50)) } -.sf-c-txt-navy\:60 { color: hsl(var(--sf-c-txt-navy-60)) } -.sf-c-txt-navy\:70 { color: hsl(var(--sf-c-txt-navy-70)) } -.sf-c-txt-navy\:80 { color: hsl(var(--sf-c-txt-navy-80)) } -.sf-c-txt-navy\:90 { color: hsl(var(--sf-c-txt-navy-90)) } -.sf-c-txt-navy\:100 { color: hsl(var(--sf-c-txt-navy-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-navy, html.auto .sf-c-txt-navy { color: hsl(240, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:0, html.auto .sf-c-txt-navy\:0 { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:10, html.auto .sf-c-txt-navy\:10 { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:20, html.auto .sf-c-txt-navy\:20 { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:30, html.auto .sf-c-txt-navy\:30 { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:40, html.auto .sf-c-txt-navy\:40 { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:50, html.auto .sf-c-txt-navy\:50 { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:60, html.auto .sf-c-txt-navy\:60 { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:70, html.auto .sf-c-txt-navy\:70 { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:80, html.auto .sf-c-txt-navy\:80 { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:90, html.auto .sf-c-txt-navy\:90 { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:100, html.auto .sf-c-txt-navy\:100 { color: hsl(240, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-navy\:dark, html.auto .sf-c-txt-navy\:dark { color: hsl(240, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:0\:dark, html.auto .sf-c-txt-navy\:0\:dark { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:10\:dark, html.auto .sf-c-txt-navy\:10\:dark { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:20\:dark, html.auto .sf-c-txt-navy\:20\:dark { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:30\:dark, html.auto .sf-c-txt-navy\:30\:dark { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:40\:dark, html.auto .sf-c-txt-navy\:40\:dark { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:50\:dark, html.auto .sf-c-txt-navy\:50\:dark { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:60\:dark, html.auto .sf-c-txt-navy\:60\:dark { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:70\:dark, html.auto .sf-c-txt-navy\:70\:dark { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:80\:dark, html.auto .sf-c-txt-navy\:80\:dark { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:90\:dark, html.auto .sf-c-txt-navy\:90\:dark { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:100\:dark, html.auto .sf-c-txt-navy\:100\:dark { color: hsl(240, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/oldlace.css b/src/colors/10/oldlace.css index 34c4e66..83ae9e1 100644 --- a/src/colors/10/oldlace.css +++ b/src/colors/10/oldlace.css @@ -78,6 +78,32 @@ html.var .sf-c-oldlace\:80 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, html.var .sf-c-oldlace\:90 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 90%) } html.var .sf-c-oldlace\:100 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 100%) } +.sf-c-txt-oldlace { color: hsl(var(--sf-dark-c-txt-oldlace)) } +.sf-c-txt-oldlace\:0 { color: hsl(var(--sf-dark-c-txt-oldlace-100)) } +.sf-c-txt-oldlace\:10 { color: hsl(var(--sf-dark-c-txt-oldlace-90)) } +.sf-c-txt-oldlace\:20 { color: hsl(var(--sf-dark-c-txt-oldlace-80)) } +.sf-c-txt-oldlace\:30 { color: hsl(var(--sf-dark-c-txt-oldlace-70)) } +.sf-c-txt-oldlace\:40 { color: hsl(var(--sf-dark-c-txt-oldlace-60)) } +.sf-c-txt-oldlace\:50 { color: hsl(var(--sf-dark-c-txt-oldlace-50)) } +.sf-c-txt-oldlace\:60 { color: hsl(var(--sf-dark-c-txt-oldlace-40)) } +.sf-c-txt-oldlace\:70 { color: hsl(var(--sf-dark-c-txt-oldlace-30)) } +.sf-c-txt-oldlace\:80 { color: hsl(var(--sf-dark-c-txt-oldlace-20)) } +.sf-c-txt-oldlace\:90 { color: hsl(var(--sf-dark-c-txt-oldlace-10)) } +.sf-c-txt-oldlace\:100 { color: hsl(var(--sf-dark-c-txt-oldlace-0)) } + +html.var .sf-c-txt-oldlace { color: hsl(39, 85%, 5%) } +html.var .sf-c-txt-oldlace\:0 { color: hsl(39, 85%, 100%) } +html.var .sf-c-txt-oldlace\:10 { color: hsl(39, 85%, 90%) } +html.var .sf-c-txt-oldlace\:20 { color: hsl(39, 85%, 80%) } +html.var .sf-c-txt-oldlace\:30 { color: hsl(39, 85%, 70%) } +html.var .sf-c-txt-oldlace\:40 { color: hsl(39, 85%, 60%) } +html.var .sf-c-txt-oldlace\:50 { color: hsl(39, 85%, 50%) } +html.var .sf-c-txt-oldlace\:60 { color: hsl(39, 85%, 40%) } +html.var .sf-c-txt-oldlace\:70 { color: hsl(39, 85%, 30%) } +html.var .sf-c-txt-oldlace\:80 { color: hsl(39, 85%, 20%) } +html.var .sf-c-txt-oldlace\:90 { color: hsl(39, 85%, 10%) } +html.var .sf-c-txt-oldlace\:100 { color: hsl(39, 85%, 0%) } + html[data-theme='dark'] .sf-c-oldlace, html.dark .sf-c-oldlace { color: hsl(var(--sf-dark-c-txt-oldlace-90)); background: hsl(var(--sf-dark-c-oldlace)) } html[data-theme='dark'] .sf-c-oldlace\:0, html.dark .sf-c-oldlace\:0 { color: hsl(var(--sf-dark-c-txt-oldlace-90)); background: hsl(var(--sf-dark-c-oldlace-100)) } html[data-theme='dark'] .sf-c-oldlace\:10, html.dark .sf-c-oldlace\:10 { color: hsl(var(--sf-dark-c-txt-oldlace-10)); background: hsl(var(--sf-dark-c-oldlace-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-oldlace\:80\:dark, html.dark .sf-c-oldlace\:80\:da html[data-theme='dark'] .sf-c-oldlace\:90\:dark, html.dark .sf-c-oldlace\:90\:dark { color: hsl(var(--sf-c-txt-oldlace-90)); background: hsl(var(--sf-c-oldlace-10)) } html[data-theme='dark'] .sf-c-oldlace\:100\:dark, html.dark .sf-c-oldlace\:100\:dark { color: hsl(var(--sf-c-txt-oldlace-90)); background: hsl(var(--sf-c-oldlace-0)) } +html[data-theme='dark'] .sf-c-txt-oldlace, html.dark .sf-c-txt-oldlace { color: hsl(var(--sf-c-txt-oldlace)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:0, html.dark .sf-c-txt-oldlace\:0 { color: hsl(var(--sf-c-txt-oldlace-0)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:10, html.dark .sf-c-txt-oldlace\:10 { color: hsl(var(--sf-c-txt-oldlace-10)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:20, html.dark .sf-c-txt-oldlace\:20 { color: hsl(var(--sf-c-txt-oldlace-20)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:30, html.dark .sf-c-txt-oldlace\:30 { color: hsl(var(--sf-c-txt-oldlace-30)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:40, html.dark .sf-c-txt-oldlace\:40 { color: hsl(var(--sf-c-txt-oldlace-40)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:50, html.dark .sf-c-txt-oldlace\:50 { color: hsl(var(--sf-c-txt-oldlace-50)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:60, html.dark .sf-c-txt-oldlace\:60 { color: hsl(var(--sf-c-txt-oldlace-60)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:70, html.dark .sf-c-txt-oldlace\:70 { color: hsl(var(--sf-c-txt-oldlace-70)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:80, html.dark .sf-c-txt-oldlace\:80 { color: hsl(var(--sf-c-txt-oldlace-80)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:90, html.dark .sf-c-txt-oldlace\:90 { color: hsl(var(--sf-c-txt-oldlace-90)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:100, html.dark .sf-c-txt-oldlace\:100 { color: hsl(var(--sf-c-txt-oldlace-100)) } + +html[data-theme='dark'] .sf-c-txt-oldlace\:dark, html.dark .sf-c-txt-oldlace\:dark { color: hsl(var(--sf-c-txt-oldlace)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:0\:dark, html.dark .sf-c-txt-oldlace\:0\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-0)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:10\:dark, html.dark .sf-c-txt-oldlace\:10\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-10)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:20\:dark, html.dark .sf-c-txt-oldlace\:20\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-20)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:30\:dark, html.dark .sf-c-txt-oldlace\:30\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-30)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:40\:dark, html.dark .sf-c-txt-oldlace\:40\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-40)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:50\:dark, html.dark .sf-c-txt-oldlace\:50\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-50)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:60\:dark, html.dark .sf-c-txt-oldlace\:60\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-60)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:70\:dark, html.dark .sf-c-txt-oldlace\:70\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-70)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:80\:dark, html.dark .sf-c-txt-oldlace\:80\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-80)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:90\:dark, html.dark .sf-c-txt-oldlace\:90\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-90)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:100\:dark, html.dark .sf-c-txt-oldlace\:100\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-100)) } + html.var[data-theme='dark'] .sf-c-oldlace, html.var.dark .sf-c-oldlace { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 5%) } html.var[data-theme='dark'] .sf-c-oldlace\:0, html.var.dark .sf-c-oldlace\:0 { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 100%) } html.var[data-theme='dark'] .sf-c-oldlace\:10, html.var.dark .sf-c-oldlace\:10 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-oldlace\:80\:dark, html.var.dark .sf-c-oldlace html.var[data-theme='dark'] .sf-c-oldlace\:90\:dark, html.var.dark .sf-c-oldlace\:90\:dark { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 10%) } html.var[data-theme='dark'] .sf-c-oldlace\:100\:dark, html.var.dark .sf-c-oldlace\:100\:dark { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace, html.dark .sf-c-txt-oldlace { color: hsl(39, 85%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:0, html.dark .sf-c-txt-oldlace\:0 { color: hsl(39, 85%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:10, html.dark .sf-c-txt-oldlace\:10 { color: hsl(39, 85%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:20, html.dark .sf-c-txt-oldlace\:20 { color: hsl(39, 85%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:30, html.dark .sf-c-txt-oldlace\:30 { color: hsl(39, 85%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:40, html.dark .sf-c-txt-oldlace\:40 { color: hsl(39, 85%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:50, html.dark .sf-c-txt-oldlace\:50 { color: hsl(39, 85%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:60, html.dark .sf-c-txt-oldlace\:60 { color: hsl(39, 85%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:70, html.dark .sf-c-txt-oldlace\:70 { color: hsl(39, 85%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:80, html.dark .sf-c-txt-oldlace\:80 { color: hsl(39, 85%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:90, html.dark .sf-c-txt-oldlace\:90 { color: hsl(39, 85%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:100, html.dark .sf-c-txt-oldlace\:100 { color: hsl(39, 85%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-oldlace\:dark, html.dark .sf-c-txt-oldlace\:dark { color: hsl(39, 85%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:0\:dark, html.dark .sf-c-txt-oldlace\:0\:dark { color: hsl(39, 85%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:10\:dark, html.dark .sf-c-txt-oldlace\:10\:dark { color: hsl(39, 85%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:20\:dark, html.dark .sf-c-txt-oldlace\:20\:dark { color: hsl(39, 85%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:30\:dark, html.dark .sf-c-txt-oldlace\:30\:dark { color: hsl(39, 85%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:40\:dark, html.dark .sf-c-txt-oldlace\:40\:dark { color: hsl(39, 85%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:50\:dark, html.dark .sf-c-txt-oldlace\:50\:dark { color: hsl(39, 85%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:60\:dark, html.dark .sf-c-txt-oldlace\:60\:dark { color: hsl(39, 85%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:70\:dark, html.dark .sf-c-txt-oldlace\:70\:dark { color: hsl(39, 85%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:80\:dark, html.dark .sf-c-txt-oldlace\:80\:dark { color: hsl(39, 85%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:90\:dark, html.dark .sf-c-txt-oldlace\:90\:dark { color: hsl(39, 85%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:100\:dark, html.dark .sf-c-txt-oldlace\:100\:dark { color: hsl(39, 85%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-oldlace, html.auto .sf-c-oldlace { color: hsl(var(--sf-dark-c-txt-oldlace-90)); background: hsl(var(--sf-dark-c-oldlace)) } html[data-theme='auto'] .sf-c-oldlace\:0, html.auto .sf-c-oldlace\:0 { color: hsl(var(--sf-dark-c-txt-oldlace-90)); background: hsl(var(--sf-dark-c-oldlace-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-oldlace\:100\:dark, html.var.dark .sf-c-oldlac html[data-theme='auto'] .sf-c-oldlace\:90\:dark, html.auto .sf-c-oldlace\:90\:dark { color: hsl(var(--sf-c-txt-oldlace-90)); background: hsl(var(--sf-c-oldlace-10)) } html[data-theme='auto'] .sf-c-oldlace\:100\:dark, html.auto .sf-c-oldlace\:100\:dark { color: hsl(var(--sf-c-txt-oldlace-90)); background: hsl(var(--sf-c-oldlace-0)) } + html[data-theme='auto'] .sf-c-txt-oldlace, html.auto .sf-c-txt-oldlace { color: hsl(var(--sf-c-txt-oldlace)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:0, html.auto .sf-c-txt-oldlace\:0 { color: hsl(var(--sf-c-txt-oldlace-0)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:10, html.auto .sf-c-txt-oldlace\:10 { color: hsl(var(--sf-c-txt-oldlace-10)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:20, html.auto .sf-c-txt-oldlace\:20 { color: hsl(var(--sf-c-txt-oldlace-20)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:30, html.auto .sf-c-txt-oldlace\:30 { color: hsl(var(--sf-c-txt-oldlace-30)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:40, html.auto .sf-c-txt-oldlace\:40 { color: hsl(var(--sf-c-txt-oldlace-40)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:50, html.auto .sf-c-txt-oldlace\:50 { color: hsl(var(--sf-c-txt-oldlace-50)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:60, html.auto .sf-c-txt-oldlace\:60 { color: hsl(var(--sf-c-txt-oldlace-60)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:70, html.auto .sf-c-txt-oldlace\:70 { color: hsl(var(--sf-c-txt-oldlace-70)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:80, html.auto .sf-c-txt-oldlace\:80 { color: hsl(var(--sf-c-txt-oldlace-80)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:90, html.auto .sf-c-txt-oldlace\:90 { color: hsl(var(--sf-c-txt-oldlace-90)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:100, html.auto .sf-c-txt-oldlace\:100 { color: hsl(var(--sf-c-txt-oldlace-100)) } + + html[data-theme='auto'] .sf-c-txt-oldlace\:dark, html.auto .sf-c-txt-oldlace\:dark { color: hsl(var(--sf-c-txt-oldlace)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:0\:dark, html.auto .sf-c-txt-oldlace\:0\:dark { color: hsl(var(--sf-c-txt-oldlace-0)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:10\:dark, html.auto .sf-c-txt-oldlace\:10\:dark { color: hsl(var(--sf-c-txt-oldlace-10)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:20\:dark, html.auto .sf-c-txt-oldlace\:20\:dark { color: hsl(var(--sf-c-txt-oldlace-20)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:30\:dark, html.auto .sf-c-txt-oldlace\:30\:dark { color: hsl(var(--sf-c-txt-oldlace-30)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:40\:dark, html.auto .sf-c-txt-oldlace\:40\:dark { color: hsl(var(--sf-c-txt-oldlace-40)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:50\:dark, html.auto .sf-c-txt-oldlace\:50\:dark { color: hsl(var(--sf-c-txt-oldlace-50)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:60\:dark, html.auto .sf-c-txt-oldlace\:60\:dark { color: hsl(var(--sf-c-txt-oldlace-60)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:70\:dark, html.auto .sf-c-txt-oldlace\:70\:dark { color: hsl(var(--sf-c-txt-oldlace-70)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:80\:dark, html.auto .sf-c-txt-oldlace\:80\:dark { color: hsl(var(--sf-c-txt-oldlace-80)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:90\:dark, html.auto .sf-c-txt-oldlace\:90\:dark { color: hsl(var(--sf-c-txt-oldlace-90)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:100\:dark, html.auto .sf-c-txt-oldlace\:100\:dark { color: hsl(var(--sf-c-txt-oldlace-100)) } + html.var[data-theme='auto'] .sf-c-oldlace, html.var.auto .sf-c-oldlace { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 5%) } html.var[data-theme='auto'] .sf-c-oldlace\:0, html.var.auto .sf-c-oldlace\:0 { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 100%) } html.var[data-theme='auto'] .sf-c-oldlace\:10, html.var.auto .sf-c-oldlace\:10 { color: hsl(39, 85%, 10%); background: hsl(39, 85%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-oldlace\:100\:dark, html.var.dark .sf-c-oldlac html.var[data-theme='auto'] .sf-c-oldlace\:80\:dark, html.var.auto .sf-c-oldlace\:80\:dark { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 20%) } html.var[data-theme='auto'] .sf-c-oldlace\:90\:dark, html.var.auto .sf-c-oldlace\:90\:dark { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 10%) } html.var[data-theme='auto'] .sf-c-oldlace\:100\:dark, html.var.auto .sf-c-oldlace\:100\:dark { color: hsl(39, 85%, 90%); background: hsl(39, 85%, 0%) } -} -.sf-c-txt-oldlace { color: hsl(var(--sf-c-txt-oldlace)) } -.sf-c-txt-oldlace\:0 { color: hsl(var(--sf-c-txt-oldlace-0)) } -.sf-c-txt-oldlace\:10 { color: hsl(var(--sf-c-txt-oldlace-10)) } -.sf-c-txt-oldlace\:20 { color: hsl(var(--sf-c-txt-oldlace-20)) } -.sf-c-txt-oldlace\:30 { color: hsl(var(--sf-c-txt-oldlace-30)) } -.sf-c-txt-oldlace\:40 { color: hsl(var(--sf-c-txt-oldlace-40)) } -.sf-c-txt-oldlace\:50 { color: hsl(var(--sf-c-txt-oldlace-50)) } -.sf-c-txt-oldlace\:60 { color: hsl(var(--sf-c-txt-oldlace-60)) } -.sf-c-txt-oldlace\:70 { color: hsl(var(--sf-c-txt-oldlace-70)) } -.sf-c-txt-oldlace\:80 { color: hsl(var(--sf-c-txt-oldlace-80)) } -.sf-c-txt-oldlace\:90 { color: hsl(var(--sf-c-txt-oldlace-90)) } -.sf-c-txt-oldlace\:100 { color: hsl(var(--sf-c-txt-oldlace-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-oldlace, html.auto .sf-c-txt-oldlace { color: hsl(39, 85%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:0, html.auto .sf-c-txt-oldlace\:0 { color: hsl(39, 85%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:10, html.auto .sf-c-txt-oldlace\:10 { color: hsl(39, 85%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:20, html.auto .sf-c-txt-oldlace\:20 { color: hsl(39, 85%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:30, html.auto .sf-c-txt-oldlace\:30 { color: hsl(39, 85%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:40, html.auto .sf-c-txt-oldlace\:40 { color: hsl(39, 85%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:50, html.auto .sf-c-txt-oldlace\:50 { color: hsl(39, 85%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:60, html.auto .sf-c-txt-oldlace\:60 { color: hsl(39, 85%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:70, html.auto .sf-c-txt-oldlace\:70 { color: hsl(39, 85%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:80, html.auto .sf-c-txt-oldlace\:80 { color: hsl(39, 85%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:90, html.auto .sf-c-txt-oldlace\:90 { color: hsl(39, 85%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:100, html.auto .sf-c-txt-oldlace\:100 { color: hsl(39, 85%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-oldlace\:dark, html.auto .sf-c-txt-oldlace\:dark { color: hsl(39, 85%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:0\:dark, html.auto .sf-c-txt-oldlace\:0\:dark { color: hsl(39, 85%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:10\:dark, html.auto .sf-c-txt-oldlace\:10\:dark { color: hsl(39, 85%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:20\:dark, html.auto .sf-c-txt-oldlace\:20\:dark { color: hsl(39, 85%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:30\:dark, html.auto .sf-c-txt-oldlace\:30\:dark { color: hsl(39, 85%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:40\:dark, html.auto .sf-c-txt-oldlace\:40\:dark { color: hsl(39, 85%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:50\:dark, html.auto .sf-c-txt-oldlace\:50\:dark { color: hsl(39, 85%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:60\:dark, html.auto .sf-c-txt-oldlace\:60\:dark { color: hsl(39, 85%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:70\:dark, html.auto .sf-c-txt-oldlace\:70\:dark { color: hsl(39, 85%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:80\:dark, html.auto .sf-c-txt-oldlace\:80\:dark { color: hsl(39, 85%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:90\:dark, html.auto .sf-c-txt-oldlace\:90\:dark { color: hsl(39, 85%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:100\:dark, html.auto .sf-c-txt-oldlace\:100\:dark { color: hsl(39, 85%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/olive.css b/src/colors/10/olive.css index d1c5895..caeac3b 100644 --- a/src/colors/10/olive.css +++ b/src/colors/10/olive.css @@ -78,6 +78,32 @@ html.var .sf-c-olive\:80 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, html.var .sf-c-olive\:90 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } html.var .sf-c-olive\:100 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } +.sf-c-txt-olive { color: hsl(var(--sf-dark-c-txt-olive)) } +.sf-c-txt-olive\:0 { color: hsl(var(--sf-dark-c-txt-olive-100)) } +.sf-c-txt-olive\:10 { color: hsl(var(--sf-dark-c-txt-olive-90)) } +.sf-c-txt-olive\:20 { color: hsl(var(--sf-dark-c-txt-olive-80)) } +.sf-c-txt-olive\:30 { color: hsl(var(--sf-dark-c-txt-olive-70)) } +.sf-c-txt-olive\:40 { color: hsl(var(--sf-dark-c-txt-olive-60)) } +.sf-c-txt-olive\:50 { color: hsl(var(--sf-dark-c-txt-olive-50)) } +.sf-c-txt-olive\:60 { color: hsl(var(--sf-dark-c-txt-olive-40)) } +.sf-c-txt-olive\:70 { color: hsl(var(--sf-dark-c-txt-olive-30)) } +.sf-c-txt-olive\:80 { color: hsl(var(--sf-dark-c-txt-olive-20)) } +.sf-c-txt-olive\:90 { color: hsl(var(--sf-dark-c-txt-olive-10)) } +.sf-c-txt-olive\:100 { color: hsl(var(--sf-dark-c-txt-olive-0)) } + +html.var .sf-c-txt-olive { color: hsl(60, 100%, 75%) } +html.var .sf-c-txt-olive\:0 { color: hsl(60, 100%, 100%) } +html.var .sf-c-txt-olive\:10 { color: hsl(60, 100%, 90%) } +html.var .sf-c-txt-olive\:20 { color: hsl(60, 100%, 80%) } +html.var .sf-c-txt-olive\:30 { color: hsl(60, 100%, 70%) } +html.var .sf-c-txt-olive\:40 { color: hsl(60, 100%, 60%) } +html.var .sf-c-txt-olive\:50 { color: hsl(60, 100%, 50%) } +html.var .sf-c-txt-olive\:60 { color: hsl(60, 100%, 40%) } +html.var .sf-c-txt-olive\:70 { color: hsl(60, 100%, 30%) } +html.var .sf-c-txt-olive\:80 { color: hsl(60, 100%, 20%) } +html.var .sf-c-txt-olive\:90 { color: hsl(60, 100%, 10%) } +html.var .sf-c-txt-olive\:100 { color: hsl(60, 100%, 0%) } + html[data-theme='dark'] .sf-c-olive, html.dark .sf-c-olive { color: hsl(var(--sf-dark-c-txt-olive-10)); background: hsl(var(--sf-dark-c-olive)) } html[data-theme='dark'] .sf-c-olive\:0, html.dark .sf-c-olive\:0 { color: hsl(var(--sf-dark-c-txt-olive-90)); background: hsl(var(--sf-dark-c-olive-100)) } html[data-theme='dark'] .sf-c-olive\:10, html.dark .sf-c-olive\:10 { color: hsl(var(--sf-dark-c-txt-olive-10)); background: hsl(var(--sf-dark-c-olive-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-olive\:80\:dark, html.dark .sf-c-olive\:80\:dark { html[data-theme='dark'] .sf-c-olive\:90\:dark, html.dark .sf-c-olive\:90\:dark { color: hsl(var(--sf-c-txt-olive-90)); background: hsl(var(--sf-c-olive-10)) } html[data-theme='dark'] .sf-c-olive\:100\:dark, html.dark .sf-c-olive\:100\:dark { color: hsl(var(--sf-c-txt-olive-90)); background: hsl(var(--sf-c-olive-0)) } +html[data-theme='dark'] .sf-c-txt-olive, html.dark .sf-c-txt-olive { color: hsl(var(--sf-c-txt-olive)) } +html[data-theme='dark'] .sf-c-txt-olive\:0, html.dark .sf-c-txt-olive\:0 { color: hsl(var(--sf-c-txt-olive-0)) } +html[data-theme='dark'] .sf-c-txt-olive\:10, html.dark .sf-c-txt-olive\:10 { color: hsl(var(--sf-c-txt-olive-10)) } +html[data-theme='dark'] .sf-c-txt-olive\:20, html.dark .sf-c-txt-olive\:20 { color: hsl(var(--sf-c-txt-olive-20)) } +html[data-theme='dark'] .sf-c-txt-olive\:30, html.dark .sf-c-txt-olive\:30 { color: hsl(var(--sf-c-txt-olive-30)) } +html[data-theme='dark'] .sf-c-txt-olive\:40, html.dark .sf-c-txt-olive\:40 { color: hsl(var(--sf-c-txt-olive-40)) } +html[data-theme='dark'] .sf-c-txt-olive\:50, html.dark .sf-c-txt-olive\:50 { color: hsl(var(--sf-c-txt-olive-50)) } +html[data-theme='dark'] .sf-c-txt-olive\:60, html.dark .sf-c-txt-olive\:60 { color: hsl(var(--sf-c-txt-olive-60)) } +html[data-theme='dark'] .sf-c-txt-olive\:70, html.dark .sf-c-txt-olive\:70 { color: hsl(var(--sf-c-txt-olive-70)) } +html[data-theme='dark'] .sf-c-txt-olive\:80, html.dark .sf-c-txt-olive\:80 { color: hsl(var(--sf-c-txt-olive-80)) } +html[data-theme='dark'] .sf-c-txt-olive\:90, html.dark .sf-c-txt-olive\:90 { color: hsl(var(--sf-c-txt-olive-90)) } +html[data-theme='dark'] .sf-c-txt-olive\:100, html.dark .sf-c-txt-olive\:100 { color: hsl(var(--sf-c-txt-olive-100)) } + +html[data-theme='dark'] .sf-c-txt-olive\:dark, html.dark .sf-c-txt-olive\:dark { color: hsl(var(--sf-c-txt-olive)) } +html[data-theme='dark'] .sf-c-txt-olive\:0\:dark, html.dark .sf-c-txt-olive\:0\:dark { color: hsl(var(--sf-dark-c-txt-olive-0)) } +html[data-theme='dark'] .sf-c-txt-olive\:10\:dark, html.dark .sf-c-txt-olive\:10\:dark { color: hsl(var(--sf-dark-c-txt-olive-10)) } +html[data-theme='dark'] .sf-c-txt-olive\:20\:dark, html.dark .sf-c-txt-olive\:20\:dark { color: hsl(var(--sf-dark-c-txt-olive-20)) } +html[data-theme='dark'] .sf-c-txt-olive\:30\:dark, html.dark .sf-c-txt-olive\:30\:dark { color: hsl(var(--sf-dark-c-txt-olive-30)) } +html[data-theme='dark'] .sf-c-txt-olive\:40\:dark, html.dark .sf-c-txt-olive\:40\:dark { color: hsl(var(--sf-dark-c-txt-olive-40)) } +html[data-theme='dark'] .sf-c-txt-olive\:50\:dark, html.dark .sf-c-txt-olive\:50\:dark { color: hsl(var(--sf-dark-c-txt-olive-50)) } +html[data-theme='dark'] .sf-c-txt-olive\:60\:dark, html.dark .sf-c-txt-olive\:60\:dark { color: hsl(var(--sf-dark-c-txt-olive-60)) } +html[data-theme='dark'] .sf-c-txt-olive\:70\:dark, html.dark .sf-c-txt-olive\:70\:dark { color: hsl(var(--sf-dark-c-txt-olive-70)) } +html[data-theme='dark'] .sf-c-txt-olive\:80\:dark, html.dark .sf-c-txt-olive\:80\:dark { color: hsl(var(--sf-dark-c-txt-olive-80)) } +html[data-theme='dark'] .sf-c-txt-olive\:90\:dark, html.dark .sf-c-txt-olive\:90\:dark { color: hsl(var(--sf-dark-c-txt-olive-90)) } +html[data-theme='dark'] .sf-c-txt-olive\:100\:dark, html.dark .sf-c-txt-olive\:100\:dark { color: hsl(var(--sf-dark-c-txt-olive-100)) } + html.var[data-theme='dark'] .sf-c-olive, html.var.dark .sf-c-olive { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 75%) } html.var[data-theme='dark'] .sf-c-olive\:0, html.var.dark .sf-c-olive\:0 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 100%) } html.var[data-theme='dark'] .sf-c-olive\:10, html.var.dark .sf-c-olive\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-olive\:80\:dark, html.var.dark .sf-c-olive\:80 html.var[data-theme='dark'] .sf-c-olive\:90\:dark, html.var.dark .sf-c-olive\:90\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } html.var[data-theme='dark'] .sf-c-olive\:100\:dark, html.var.dark .sf-c-olive\:100\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-olive, html.dark .sf-c-txt-olive { color: hsl(60, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:0, html.dark .sf-c-txt-olive\:0 { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:10, html.dark .sf-c-txt-olive\:10 { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:20, html.dark .sf-c-txt-olive\:20 { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:30, html.dark .sf-c-txt-olive\:30 { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:40, html.dark .sf-c-txt-olive\:40 { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:50, html.dark .sf-c-txt-olive\:50 { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:60, html.dark .sf-c-txt-olive\:60 { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:70, html.dark .sf-c-txt-olive\:70 { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:80, html.dark .sf-c-txt-olive\:80 { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:90, html.dark .sf-c-txt-olive\:90 { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:100, html.dark .sf-c-txt-olive\:100 { color: hsl(60, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-olive\:dark, html.dark .sf-c-txt-olive\:dark { color: hsl(60, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:0\:dark, html.dark .sf-c-txt-olive\:0\:dark { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:10\:dark, html.dark .sf-c-txt-olive\:10\:dark { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:20\:dark, html.dark .sf-c-txt-olive\:20\:dark { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:30\:dark, html.dark .sf-c-txt-olive\:30\:dark { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:40\:dark, html.dark .sf-c-txt-olive\:40\:dark { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:50\:dark, html.dark .sf-c-txt-olive\:50\:dark { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:60\:dark, html.dark .sf-c-txt-olive\:60\:dark { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:70\:dark, html.dark .sf-c-txt-olive\:70\:dark { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:80\:dark, html.dark .sf-c-txt-olive\:80\:dark { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:90\:dark, html.dark .sf-c-txt-olive\:90\:dark { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:100\:dark, html.dark .sf-c-txt-olive\:100\:dark { color: hsl(60, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-olive, html.auto .sf-c-olive { color: hsl(var(--sf-dark-c-txt-olive-10)); background: hsl(var(--sf-dark-c-olive)) } html[data-theme='auto'] .sf-c-olive\:0, html.auto .sf-c-olive\:0 { color: hsl(var(--sf-dark-c-txt-olive-90)); background: hsl(var(--sf-dark-c-olive-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-olive\:100\:dark, html.var.dark .sf-c-olive\:1 html[data-theme='auto'] .sf-c-olive\:90\:dark, html.auto .sf-c-olive\:90\:dark { color: hsl(var(--sf-c-txt-olive-90)); background: hsl(var(--sf-c-olive-10)) } html[data-theme='auto'] .sf-c-olive\:100\:dark, html.auto .sf-c-olive\:100\:dark { color: hsl(var(--sf-c-txt-olive-90)); background: hsl(var(--sf-c-olive-0)) } + html[data-theme='auto'] .sf-c-txt-olive, html.auto .sf-c-txt-olive { color: hsl(var(--sf-c-txt-olive)) } + html[data-theme='auto'] .sf-c-txt-olive\:0, html.auto .sf-c-txt-olive\:0 { color: hsl(var(--sf-c-txt-olive-0)) } + html[data-theme='auto'] .sf-c-txt-olive\:10, html.auto .sf-c-txt-olive\:10 { color: hsl(var(--sf-c-txt-olive-10)) } + html[data-theme='auto'] .sf-c-txt-olive\:20, html.auto .sf-c-txt-olive\:20 { color: hsl(var(--sf-c-txt-olive-20)) } + html[data-theme='auto'] .sf-c-txt-olive\:30, html.auto .sf-c-txt-olive\:30 { color: hsl(var(--sf-c-txt-olive-30)) } + html[data-theme='auto'] .sf-c-txt-olive\:40, html.auto .sf-c-txt-olive\:40 { color: hsl(var(--sf-c-txt-olive-40)) } + html[data-theme='auto'] .sf-c-txt-olive\:50, html.auto .sf-c-txt-olive\:50 { color: hsl(var(--sf-c-txt-olive-50)) } + html[data-theme='auto'] .sf-c-txt-olive\:60, html.auto .sf-c-txt-olive\:60 { color: hsl(var(--sf-c-txt-olive-60)) } + html[data-theme='auto'] .sf-c-txt-olive\:70, html.auto .sf-c-txt-olive\:70 { color: hsl(var(--sf-c-txt-olive-70)) } + html[data-theme='auto'] .sf-c-txt-olive\:80, html.auto .sf-c-txt-olive\:80 { color: hsl(var(--sf-c-txt-olive-80)) } + html[data-theme='auto'] .sf-c-txt-olive\:90, html.auto .sf-c-txt-olive\:90 { color: hsl(var(--sf-c-txt-olive-90)) } + html[data-theme='auto'] .sf-c-txt-olive\:100, html.auto .sf-c-txt-olive\:100 { color: hsl(var(--sf-c-txt-olive-100)) } + + html[data-theme='auto'] .sf-c-txt-olive\:dark, html.auto .sf-c-txt-olive\:dark { color: hsl(var(--sf-c-txt-olive)) } + html[data-theme='auto'] .sf-c-txt-olive\:0\:dark, html.auto .sf-c-txt-olive\:0\:dark { color: hsl(var(--sf-c-txt-olive-0)) } + html[data-theme='auto'] .sf-c-txt-olive\:10\:dark, html.auto .sf-c-txt-olive\:10\:dark { color: hsl(var(--sf-c-txt-olive-10)) } + html[data-theme='auto'] .sf-c-txt-olive\:20\:dark, html.auto .sf-c-txt-olive\:20\:dark { color: hsl(var(--sf-c-txt-olive-20)) } + html[data-theme='auto'] .sf-c-txt-olive\:30\:dark, html.auto .sf-c-txt-olive\:30\:dark { color: hsl(var(--sf-c-txt-olive-30)) } + html[data-theme='auto'] .sf-c-txt-olive\:40\:dark, html.auto .sf-c-txt-olive\:40\:dark { color: hsl(var(--sf-c-txt-olive-40)) } + html[data-theme='auto'] .sf-c-txt-olive\:50\:dark, html.auto .sf-c-txt-olive\:50\:dark { color: hsl(var(--sf-c-txt-olive-50)) } + html[data-theme='auto'] .sf-c-txt-olive\:60\:dark, html.auto .sf-c-txt-olive\:60\:dark { color: hsl(var(--sf-c-txt-olive-60)) } + html[data-theme='auto'] .sf-c-txt-olive\:70\:dark, html.auto .sf-c-txt-olive\:70\:dark { color: hsl(var(--sf-c-txt-olive-70)) } + html[data-theme='auto'] .sf-c-txt-olive\:80\:dark, html.auto .sf-c-txt-olive\:80\:dark { color: hsl(var(--sf-c-txt-olive-80)) } + html[data-theme='auto'] .sf-c-txt-olive\:90\:dark, html.auto .sf-c-txt-olive\:90\:dark { color: hsl(var(--sf-c-txt-olive-90)) } + html[data-theme='auto'] .sf-c-txt-olive\:100\:dark, html.auto .sf-c-txt-olive\:100\:dark { color: hsl(var(--sf-c-txt-olive-100)) } + html.var[data-theme='auto'] .sf-c-olive, html.var.auto .sf-c-olive { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 75%) } html.var[data-theme='auto'] .sf-c-olive\:0, html.var.auto .sf-c-olive\:0 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 100%) } html.var[data-theme='auto'] .sf-c-olive\:10, html.var.auto .sf-c-olive\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-olive\:100\:dark, html.var.dark .sf-c-olive\:1 html.var[data-theme='auto'] .sf-c-olive\:80\:dark, html.var.auto .sf-c-olive\:80\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } html.var[data-theme='auto'] .sf-c-olive\:90\:dark, html.var.auto .sf-c-olive\:90\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } html.var[data-theme='auto'] .sf-c-olive\:100\:dark, html.var.auto .sf-c-olive\:100\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } -} -.sf-c-txt-olive { color: hsl(var(--sf-c-txt-olive)) } -.sf-c-txt-olive\:0 { color: hsl(var(--sf-c-txt-olive-0)) } -.sf-c-txt-olive\:10 { color: hsl(var(--sf-c-txt-olive-10)) } -.sf-c-txt-olive\:20 { color: hsl(var(--sf-c-txt-olive-20)) } -.sf-c-txt-olive\:30 { color: hsl(var(--sf-c-txt-olive-30)) } -.sf-c-txt-olive\:40 { color: hsl(var(--sf-c-txt-olive-40)) } -.sf-c-txt-olive\:50 { color: hsl(var(--sf-c-txt-olive-50)) } -.sf-c-txt-olive\:60 { color: hsl(var(--sf-c-txt-olive-60)) } -.sf-c-txt-olive\:70 { color: hsl(var(--sf-c-txt-olive-70)) } -.sf-c-txt-olive\:80 { color: hsl(var(--sf-c-txt-olive-80)) } -.sf-c-txt-olive\:90 { color: hsl(var(--sf-c-txt-olive-90)) } -.sf-c-txt-olive\:100 { color: hsl(var(--sf-c-txt-olive-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-olive, html.auto .sf-c-txt-olive { color: hsl(60, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:0, html.auto .sf-c-txt-olive\:0 { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:10, html.auto .sf-c-txt-olive\:10 { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:20, html.auto .sf-c-txt-olive\:20 { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:30, html.auto .sf-c-txt-olive\:30 { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:40, html.auto .sf-c-txt-olive\:40 { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:50, html.auto .sf-c-txt-olive\:50 { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:60, html.auto .sf-c-txt-olive\:60 { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:70, html.auto .sf-c-txt-olive\:70 { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:80, html.auto .sf-c-txt-olive\:80 { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:90, html.auto .sf-c-txt-olive\:90 { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:100, html.auto .sf-c-txt-olive\:100 { color: hsl(60, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-olive\:dark, html.auto .sf-c-txt-olive\:dark { color: hsl(60, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:0\:dark, html.auto .sf-c-txt-olive\:0\:dark { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:10\:dark, html.auto .sf-c-txt-olive\:10\:dark { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:20\:dark, html.auto .sf-c-txt-olive\:20\:dark { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:30\:dark, html.auto .sf-c-txt-olive\:30\:dark { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:40\:dark, html.auto .sf-c-txt-olive\:40\:dark { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:50\:dark, html.auto .sf-c-txt-olive\:50\:dark { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:60\:dark, html.auto .sf-c-txt-olive\:60\:dark { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:70\:dark, html.auto .sf-c-txt-olive\:70\:dark { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:80\:dark, html.auto .sf-c-txt-olive\:80\:dark { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:90\:dark, html.auto .sf-c-txt-olive\:90\:dark { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:100\:dark, html.auto .sf-c-txt-olive\:100\:dark { color: hsl(60, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/olivedrab.css b/src/colors/10/olivedrab.css index 8c653b1..d0d62aa 100644 --- a/src/colors/10/olivedrab.css +++ b/src/colors/10/olivedrab.css @@ -78,6 +78,32 @@ html.var .sf-c-olivedrab\:80 { color: hsl(80, 60%, 10%); background: hsl(80, 60% html.var .sf-c-olivedrab\:90 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 90%) } html.var .sf-c-olivedrab\:100 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 100%) } +.sf-c-txt-olivedrab { color: hsl(var(--sf-dark-c-txt-olivedrab)) } +.sf-c-txt-olivedrab\:0 { color: hsl(var(--sf-dark-c-txt-olivedrab-100)) } +.sf-c-txt-olivedrab\:10 { color: hsl(var(--sf-dark-c-txt-olivedrab-90)) } +.sf-c-txt-olivedrab\:20 { color: hsl(var(--sf-dark-c-txt-olivedrab-80)) } +.sf-c-txt-olivedrab\:30 { color: hsl(var(--sf-dark-c-txt-olivedrab-70)) } +.sf-c-txt-olivedrab\:40 { color: hsl(var(--sf-dark-c-txt-olivedrab-60)) } +.sf-c-txt-olivedrab\:50 { color: hsl(var(--sf-dark-c-txt-olivedrab-50)) } +.sf-c-txt-olivedrab\:60 { color: hsl(var(--sf-dark-c-txt-olivedrab-40)) } +.sf-c-txt-olivedrab\:70 { color: hsl(var(--sf-dark-c-txt-olivedrab-30)) } +.sf-c-txt-olivedrab\:80 { color: hsl(var(--sf-dark-c-txt-olivedrab-20)) } +.sf-c-txt-olivedrab\:90 { color: hsl(var(--sf-dark-c-txt-olivedrab-10)) } +.sf-c-txt-olivedrab\:100 { color: hsl(var(--sf-dark-c-txt-olivedrab-0)) } + +html.var .sf-c-txt-olivedrab { color: hsl(80, 60%, 65%) } +html.var .sf-c-txt-olivedrab\:0 { color: hsl(80, 60%, 100%) } +html.var .sf-c-txt-olivedrab\:10 { color: hsl(80, 60%, 90%) } +html.var .sf-c-txt-olivedrab\:20 { color: hsl(80, 60%, 80%) } +html.var .sf-c-txt-olivedrab\:30 { color: hsl(80, 60%, 70%) } +html.var .sf-c-txt-olivedrab\:40 { color: hsl(80, 60%, 60%) } +html.var .sf-c-txt-olivedrab\:50 { color: hsl(80, 60%, 50%) } +html.var .sf-c-txt-olivedrab\:60 { color: hsl(80, 60%, 40%) } +html.var .sf-c-txt-olivedrab\:70 { color: hsl(80, 60%, 30%) } +html.var .sf-c-txt-olivedrab\:80 { color: hsl(80, 60%, 20%) } +html.var .sf-c-txt-olivedrab\:90 { color: hsl(80, 60%, 10%) } +html.var .sf-c-txt-olivedrab\:100 { color: hsl(80, 60%, 0%) } + html[data-theme='dark'] .sf-c-olivedrab, html.dark .sf-c-olivedrab { color: hsl(var(--sf-dark-c-txt-olivedrab-10)); background: hsl(var(--sf-dark-c-olivedrab)) } html[data-theme='dark'] .sf-c-olivedrab\:0, html.dark .sf-c-olivedrab\:0 { color: hsl(var(--sf-dark-c-txt-olivedrab-90)); background: hsl(var(--sf-dark-c-olivedrab-100)) } html[data-theme='dark'] .sf-c-olivedrab\:10, html.dark .sf-c-olivedrab\:10 { color: hsl(var(--sf-dark-c-txt-olivedrab-10)); background: hsl(var(--sf-dark-c-olivedrab-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-olivedrab\:80\:dark, html.dark .sf-c-olivedrab\:80 html[data-theme='dark'] .sf-c-olivedrab\:90\:dark, html.dark .sf-c-olivedrab\:90\:dark { color: hsl(var(--sf-c-txt-olivedrab-90)); background: hsl(var(--sf-c-olivedrab-10)) } html[data-theme='dark'] .sf-c-olivedrab\:100\:dark, html.dark .sf-c-olivedrab\:100\:dark { color: hsl(var(--sf-c-txt-olivedrab-90)); background: hsl(var(--sf-c-olivedrab-0)) } +html[data-theme='dark'] .sf-c-txt-olivedrab, html.dark .sf-c-txt-olivedrab { color: hsl(var(--sf-c-txt-olivedrab)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:0, html.dark .sf-c-txt-olivedrab\:0 { color: hsl(var(--sf-c-txt-olivedrab-0)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:10, html.dark .sf-c-txt-olivedrab\:10 { color: hsl(var(--sf-c-txt-olivedrab-10)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:20, html.dark .sf-c-txt-olivedrab\:20 { color: hsl(var(--sf-c-txt-olivedrab-20)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:30, html.dark .sf-c-txt-olivedrab\:30 { color: hsl(var(--sf-c-txt-olivedrab-30)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:40, html.dark .sf-c-txt-olivedrab\:40 { color: hsl(var(--sf-c-txt-olivedrab-40)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:50, html.dark .sf-c-txt-olivedrab\:50 { color: hsl(var(--sf-c-txt-olivedrab-50)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:60, html.dark .sf-c-txt-olivedrab\:60 { color: hsl(var(--sf-c-txt-olivedrab-60)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:70, html.dark .sf-c-txt-olivedrab\:70 { color: hsl(var(--sf-c-txt-olivedrab-70)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:80, html.dark .sf-c-txt-olivedrab\:80 { color: hsl(var(--sf-c-txt-olivedrab-80)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:90, html.dark .sf-c-txt-olivedrab\:90 { color: hsl(var(--sf-c-txt-olivedrab-90)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:100, html.dark .sf-c-txt-olivedrab\:100 { color: hsl(var(--sf-c-txt-olivedrab-100)) } + +html[data-theme='dark'] .sf-c-txt-olivedrab\:dark, html.dark .sf-c-txt-olivedrab\:dark { color: hsl(var(--sf-c-txt-olivedrab)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:0\:dark, html.dark .sf-c-txt-olivedrab\:0\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-0)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:10\:dark, html.dark .sf-c-txt-olivedrab\:10\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-10)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:20\:dark, html.dark .sf-c-txt-olivedrab\:20\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-20)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:30\:dark, html.dark .sf-c-txt-olivedrab\:30\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-30)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:40\:dark, html.dark .sf-c-txt-olivedrab\:40\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-40)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:50\:dark, html.dark .sf-c-txt-olivedrab\:50\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-50)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:60\:dark, html.dark .sf-c-txt-olivedrab\:60\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-60)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:70\:dark, html.dark .sf-c-txt-olivedrab\:70\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-70)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:80\:dark, html.dark .sf-c-txt-olivedrab\:80\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-80)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:90\:dark, html.dark .sf-c-txt-olivedrab\:90\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-90)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:100\:dark, html.dark .sf-c-txt-olivedrab\:100\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-100)) } + html.var[data-theme='dark'] .sf-c-olivedrab, html.var.dark .sf-c-olivedrab { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 65%) } html.var[data-theme='dark'] .sf-c-olivedrab\:0, html.var.dark .sf-c-olivedrab\:0 { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 100%) } html.var[data-theme='dark'] .sf-c-olivedrab\:10, html.var.dark .sf-c-olivedrab\:10 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-olivedrab\:80\:dark, html.var.dark .sf-c-olive html.var[data-theme='dark'] .sf-c-olivedrab\:90\:dark, html.var.dark .sf-c-olivedrab\:90\:dark { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 10%) } html.var[data-theme='dark'] .sf-c-olivedrab\:100\:dark, html.var.dark .sf-c-olivedrab\:100\:dark { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab, html.dark .sf-c-txt-olivedrab { color: hsl(80, 60%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:0, html.dark .sf-c-txt-olivedrab\:0 { color: hsl(80, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:10, html.dark .sf-c-txt-olivedrab\:10 { color: hsl(80, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:20, html.dark .sf-c-txt-olivedrab\:20 { color: hsl(80, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:30, html.dark .sf-c-txt-olivedrab\:30 { color: hsl(80, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:40, html.dark .sf-c-txt-olivedrab\:40 { color: hsl(80, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:50, html.dark .sf-c-txt-olivedrab\:50 { color: hsl(80, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:60, html.dark .sf-c-txt-olivedrab\:60 { color: hsl(80, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:70, html.dark .sf-c-txt-olivedrab\:70 { color: hsl(80, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:80, html.dark .sf-c-txt-olivedrab\:80 { color: hsl(80, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:90, html.dark .sf-c-txt-olivedrab\:90 { color: hsl(80, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:100, html.dark .sf-c-txt-olivedrab\:100 { color: hsl(80, 60%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:dark, html.dark .sf-c-txt-olivedrab\:dark { color: hsl(80, 60%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:0\:dark, html.dark .sf-c-txt-olivedrab\:0\:dark { color: hsl(80, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:10\:dark, html.dark .sf-c-txt-olivedrab\:10\:dark { color: hsl(80, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:20\:dark, html.dark .sf-c-txt-olivedrab\:20\:dark { color: hsl(80, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:30\:dark, html.dark .sf-c-txt-olivedrab\:30\:dark { color: hsl(80, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:40\:dark, html.dark .sf-c-txt-olivedrab\:40\:dark { color: hsl(80, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:50\:dark, html.dark .sf-c-txt-olivedrab\:50\:dark { color: hsl(80, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:60\:dark, html.dark .sf-c-txt-olivedrab\:60\:dark { color: hsl(80, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:70\:dark, html.dark .sf-c-txt-olivedrab\:70\:dark { color: hsl(80, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:80\:dark, html.dark .sf-c-txt-olivedrab\:80\:dark { color: hsl(80, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:90\:dark, html.dark .sf-c-txt-olivedrab\:90\:dark { color: hsl(80, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:100\:dark, html.dark .sf-c-txt-olivedrab\:100\:dark { color: hsl(80, 60%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-olivedrab, html.auto .sf-c-olivedrab { color: hsl(var(--sf-dark-c-txt-olivedrab-10)); background: hsl(var(--sf-dark-c-olivedrab)) } html[data-theme='auto'] .sf-c-olivedrab\:0, html.auto .sf-c-olivedrab\:0 { color: hsl(var(--sf-dark-c-txt-olivedrab-90)); background: hsl(var(--sf-dark-c-olivedrab-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-olivedrab\:100\:dark, html.var.dark .sf-c-oliv html[data-theme='auto'] .sf-c-olivedrab\:90\:dark, html.auto .sf-c-olivedrab\:90\:dark { color: hsl(var(--sf-c-txt-olivedrab-90)); background: hsl(var(--sf-c-olivedrab-10)) } html[data-theme='auto'] .sf-c-olivedrab\:100\:dark, html.auto .sf-c-olivedrab\:100\:dark { color: hsl(var(--sf-c-txt-olivedrab-90)); background: hsl(var(--sf-c-olivedrab-0)) } + html[data-theme='auto'] .sf-c-txt-olivedrab, html.auto .sf-c-txt-olivedrab { color: hsl(var(--sf-c-txt-olivedrab)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:0, html.auto .sf-c-txt-olivedrab\:0 { color: hsl(var(--sf-c-txt-olivedrab-0)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:10, html.auto .sf-c-txt-olivedrab\:10 { color: hsl(var(--sf-c-txt-olivedrab-10)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:20, html.auto .sf-c-txt-olivedrab\:20 { color: hsl(var(--sf-c-txt-olivedrab-20)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:30, html.auto .sf-c-txt-olivedrab\:30 { color: hsl(var(--sf-c-txt-olivedrab-30)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:40, html.auto .sf-c-txt-olivedrab\:40 { color: hsl(var(--sf-c-txt-olivedrab-40)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:50, html.auto .sf-c-txt-olivedrab\:50 { color: hsl(var(--sf-c-txt-olivedrab-50)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:60, html.auto .sf-c-txt-olivedrab\:60 { color: hsl(var(--sf-c-txt-olivedrab-60)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:70, html.auto .sf-c-txt-olivedrab\:70 { color: hsl(var(--sf-c-txt-olivedrab-70)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:80, html.auto .sf-c-txt-olivedrab\:80 { color: hsl(var(--sf-c-txt-olivedrab-80)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:90, html.auto .sf-c-txt-olivedrab\:90 { color: hsl(var(--sf-c-txt-olivedrab-90)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:100, html.auto .sf-c-txt-olivedrab\:100 { color: hsl(var(--sf-c-txt-olivedrab-100)) } + + html[data-theme='auto'] .sf-c-txt-olivedrab\:dark, html.auto .sf-c-txt-olivedrab\:dark { color: hsl(var(--sf-c-txt-olivedrab)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:0\:dark, html.auto .sf-c-txt-olivedrab\:0\:dark { color: hsl(var(--sf-c-txt-olivedrab-0)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:10\:dark, html.auto .sf-c-txt-olivedrab\:10\:dark { color: hsl(var(--sf-c-txt-olivedrab-10)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:20\:dark, html.auto .sf-c-txt-olivedrab\:20\:dark { color: hsl(var(--sf-c-txt-olivedrab-20)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:30\:dark, html.auto .sf-c-txt-olivedrab\:30\:dark { color: hsl(var(--sf-c-txt-olivedrab-30)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:40\:dark, html.auto .sf-c-txt-olivedrab\:40\:dark { color: hsl(var(--sf-c-txt-olivedrab-40)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:50\:dark, html.auto .sf-c-txt-olivedrab\:50\:dark { color: hsl(var(--sf-c-txt-olivedrab-50)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:60\:dark, html.auto .sf-c-txt-olivedrab\:60\:dark { color: hsl(var(--sf-c-txt-olivedrab-60)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:70\:dark, html.auto .sf-c-txt-olivedrab\:70\:dark { color: hsl(var(--sf-c-txt-olivedrab-70)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:80\:dark, html.auto .sf-c-txt-olivedrab\:80\:dark { color: hsl(var(--sf-c-txt-olivedrab-80)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:90\:dark, html.auto .sf-c-txt-olivedrab\:90\:dark { color: hsl(var(--sf-c-txt-olivedrab-90)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:100\:dark, html.auto .sf-c-txt-olivedrab\:100\:dark { color: hsl(var(--sf-c-txt-olivedrab-100)) } + html.var[data-theme='auto'] .sf-c-olivedrab, html.var.auto .sf-c-olivedrab { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 65%) } html.var[data-theme='auto'] .sf-c-olivedrab\:0, html.var.auto .sf-c-olivedrab\:0 { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 100%) } html.var[data-theme='auto'] .sf-c-olivedrab\:10, html.var.auto .sf-c-olivedrab\:10 { color: hsl(80, 60%, 10%); background: hsl(80, 60%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-olivedrab\:100\:dark, html.var.dark .sf-c-oliv html.var[data-theme='auto'] .sf-c-olivedrab\:80\:dark, html.var.auto .sf-c-olivedrab\:80\:dark { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 20%) } html.var[data-theme='auto'] .sf-c-olivedrab\:90\:dark, html.var.auto .sf-c-olivedrab\:90\:dark { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 10%) } html.var[data-theme='auto'] .sf-c-olivedrab\:100\:dark, html.var.auto .sf-c-olivedrab\:100\:dark { color: hsl(80, 60%, 90%); background: hsl(80, 60%, 0%) } -} -.sf-c-txt-olivedrab { color: hsl(var(--sf-c-txt-olivedrab)) } -.sf-c-txt-olivedrab\:0 { color: hsl(var(--sf-c-txt-olivedrab-0)) } -.sf-c-txt-olivedrab\:10 { color: hsl(var(--sf-c-txt-olivedrab-10)) } -.sf-c-txt-olivedrab\:20 { color: hsl(var(--sf-c-txt-olivedrab-20)) } -.sf-c-txt-olivedrab\:30 { color: hsl(var(--sf-c-txt-olivedrab-30)) } -.sf-c-txt-olivedrab\:40 { color: hsl(var(--sf-c-txt-olivedrab-40)) } -.sf-c-txt-olivedrab\:50 { color: hsl(var(--sf-c-txt-olivedrab-50)) } -.sf-c-txt-olivedrab\:60 { color: hsl(var(--sf-c-txt-olivedrab-60)) } -.sf-c-txt-olivedrab\:70 { color: hsl(var(--sf-c-txt-olivedrab-70)) } -.sf-c-txt-olivedrab\:80 { color: hsl(var(--sf-c-txt-olivedrab-80)) } -.sf-c-txt-olivedrab\:90 { color: hsl(var(--sf-c-txt-olivedrab-90)) } -.sf-c-txt-olivedrab\:100 { color: hsl(var(--sf-c-txt-olivedrab-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-olivedrab, html.auto .sf-c-txt-olivedrab { color: hsl(80, 60%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:0, html.auto .sf-c-txt-olivedrab\:0 { color: hsl(80, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:10, html.auto .sf-c-txt-olivedrab\:10 { color: hsl(80, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:20, html.auto .sf-c-txt-olivedrab\:20 { color: hsl(80, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:30, html.auto .sf-c-txt-olivedrab\:30 { color: hsl(80, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:40, html.auto .sf-c-txt-olivedrab\:40 { color: hsl(80, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:50, html.auto .sf-c-txt-olivedrab\:50 { color: hsl(80, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:60, html.auto .sf-c-txt-olivedrab\:60 { color: hsl(80, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:70, html.auto .sf-c-txt-olivedrab\:70 { color: hsl(80, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:80, html.auto .sf-c-txt-olivedrab\:80 { color: hsl(80, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:90, html.auto .sf-c-txt-olivedrab\:90 { color: hsl(80, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:100, html.auto .sf-c-txt-olivedrab\:100 { color: hsl(80, 60%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:dark, html.auto .sf-c-txt-olivedrab\:dark { color: hsl(80, 60%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:0\:dark, html.auto .sf-c-txt-olivedrab\:0\:dark { color: hsl(80, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:10\:dark, html.auto .sf-c-txt-olivedrab\:10\:dark { color: hsl(80, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:20\:dark, html.auto .sf-c-txt-olivedrab\:20\:dark { color: hsl(80, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:30\:dark, html.auto .sf-c-txt-olivedrab\:30\:dark { color: hsl(80, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:40\:dark, html.auto .sf-c-txt-olivedrab\:40\:dark { color: hsl(80, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:50\:dark, html.auto .sf-c-txt-olivedrab\:50\:dark { color: hsl(80, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:60\:dark, html.auto .sf-c-txt-olivedrab\:60\:dark { color: hsl(80, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:70\:dark, html.auto .sf-c-txt-olivedrab\:70\:dark { color: hsl(80, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:80\:dark, html.auto .sf-c-txt-olivedrab\:80\:dark { color: hsl(80, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:90\:dark, html.auto .sf-c-txt-olivedrab\:90\:dark { color: hsl(80, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:100\:dark, html.auto .sf-c-txt-olivedrab\:100\:dark { color: hsl(80, 60%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/orange.css b/src/colors/10/orange.css index 6933972..ee6fa42 100644 --- a/src/colors/10/orange.css +++ b/src/colors/10/orange.css @@ -78,6 +78,32 @@ html.var .sf-c-orange\:80 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, html.var .sf-c-orange\:90 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 90%) } html.var .sf-c-orange\:100 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 100%) } +.sf-c-txt-orange { color: hsl(var(--sf-dark-c-txt-orange)) } +.sf-c-txt-orange\:0 { color: hsl(var(--sf-dark-c-txt-orange-100)) } +.sf-c-txt-orange\:10 { color: hsl(var(--sf-dark-c-txt-orange-90)) } +.sf-c-txt-orange\:20 { color: hsl(var(--sf-dark-c-txt-orange-80)) } +.sf-c-txt-orange\:30 { color: hsl(var(--sf-dark-c-txt-orange-70)) } +.sf-c-txt-orange\:40 { color: hsl(var(--sf-dark-c-txt-orange-60)) } +.sf-c-txt-orange\:50 { color: hsl(var(--sf-dark-c-txt-orange-50)) } +.sf-c-txt-orange\:60 { color: hsl(var(--sf-dark-c-txt-orange-40)) } +.sf-c-txt-orange\:70 { color: hsl(var(--sf-dark-c-txt-orange-30)) } +.sf-c-txt-orange\:80 { color: hsl(var(--sf-dark-c-txt-orange-20)) } +.sf-c-txt-orange\:90 { color: hsl(var(--sf-dark-c-txt-orange-10)) } +.sf-c-txt-orange\:100 { color: hsl(var(--sf-dark-c-txt-orange-0)) } + +html.var .sf-c-txt-orange { color: hsl(39, 100%, 50%) } +html.var .sf-c-txt-orange\:0 { color: hsl(39, 100%, 100%) } +html.var .sf-c-txt-orange\:10 { color: hsl(39, 100%, 90%) } +html.var .sf-c-txt-orange\:20 { color: hsl(39, 100%, 80%) } +html.var .sf-c-txt-orange\:30 { color: hsl(39, 100%, 70%) } +html.var .sf-c-txt-orange\:40 { color: hsl(39, 100%, 60%) } +html.var .sf-c-txt-orange\:50 { color: hsl(39, 100%, 50%) } +html.var .sf-c-txt-orange\:60 { color: hsl(39, 100%, 40%) } +html.var .sf-c-txt-orange\:70 { color: hsl(39, 100%, 30%) } +html.var .sf-c-txt-orange\:80 { color: hsl(39, 100%, 20%) } +html.var .sf-c-txt-orange\:90 { color: hsl(39, 100%, 10%) } +html.var .sf-c-txt-orange\:100 { color: hsl(39, 100%, 0%) } + html[data-theme='dark'] .sf-c-orange, html.dark .sf-c-orange { color: hsl(var(--sf-dark-c-txt-orange-10)); background: hsl(var(--sf-dark-c-orange)) } html[data-theme='dark'] .sf-c-orange\:0, html.dark .sf-c-orange\:0 { color: hsl(var(--sf-dark-c-txt-orange-90)); background: hsl(var(--sf-dark-c-orange-100)) } html[data-theme='dark'] .sf-c-orange\:10, html.dark .sf-c-orange\:10 { color: hsl(var(--sf-dark-c-txt-orange-10)); background: hsl(var(--sf-dark-c-orange-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-orange\:80\:dark, html.dark .sf-c-orange\:80\:dark html[data-theme='dark'] .sf-c-orange\:90\:dark, html.dark .sf-c-orange\:90\:dark { color: hsl(var(--sf-c-txt-orange-90)); background: hsl(var(--sf-c-orange-10)) } html[data-theme='dark'] .sf-c-orange\:100\:dark, html.dark .sf-c-orange\:100\:dark { color: hsl(var(--sf-c-txt-orange-90)); background: hsl(var(--sf-c-orange-0)) } +html[data-theme='dark'] .sf-c-txt-orange, html.dark .sf-c-txt-orange { color: hsl(var(--sf-c-txt-orange)) } +html[data-theme='dark'] .sf-c-txt-orange\:0, html.dark .sf-c-txt-orange\:0 { color: hsl(var(--sf-c-txt-orange-0)) } +html[data-theme='dark'] .sf-c-txt-orange\:10, html.dark .sf-c-txt-orange\:10 { color: hsl(var(--sf-c-txt-orange-10)) } +html[data-theme='dark'] .sf-c-txt-orange\:20, html.dark .sf-c-txt-orange\:20 { color: hsl(var(--sf-c-txt-orange-20)) } +html[data-theme='dark'] .sf-c-txt-orange\:30, html.dark .sf-c-txt-orange\:30 { color: hsl(var(--sf-c-txt-orange-30)) } +html[data-theme='dark'] .sf-c-txt-orange\:40, html.dark .sf-c-txt-orange\:40 { color: hsl(var(--sf-c-txt-orange-40)) } +html[data-theme='dark'] .sf-c-txt-orange\:50, html.dark .sf-c-txt-orange\:50 { color: hsl(var(--sf-c-txt-orange-50)) } +html[data-theme='dark'] .sf-c-txt-orange\:60, html.dark .sf-c-txt-orange\:60 { color: hsl(var(--sf-c-txt-orange-60)) } +html[data-theme='dark'] .sf-c-txt-orange\:70, html.dark .sf-c-txt-orange\:70 { color: hsl(var(--sf-c-txt-orange-70)) } +html[data-theme='dark'] .sf-c-txt-orange\:80, html.dark .sf-c-txt-orange\:80 { color: hsl(var(--sf-c-txt-orange-80)) } +html[data-theme='dark'] .sf-c-txt-orange\:90, html.dark .sf-c-txt-orange\:90 { color: hsl(var(--sf-c-txt-orange-90)) } +html[data-theme='dark'] .sf-c-txt-orange\:100, html.dark .sf-c-txt-orange\:100 { color: hsl(var(--sf-c-txt-orange-100)) } + +html[data-theme='dark'] .sf-c-txt-orange\:dark, html.dark .sf-c-txt-orange\:dark { color: hsl(var(--sf-c-txt-orange)) } +html[data-theme='dark'] .sf-c-txt-orange\:0\:dark, html.dark .sf-c-txt-orange\:0\:dark { color: hsl(var(--sf-dark-c-txt-orange-0)) } +html[data-theme='dark'] .sf-c-txt-orange\:10\:dark, html.dark .sf-c-txt-orange\:10\:dark { color: hsl(var(--sf-dark-c-txt-orange-10)) } +html[data-theme='dark'] .sf-c-txt-orange\:20\:dark, html.dark .sf-c-txt-orange\:20\:dark { color: hsl(var(--sf-dark-c-txt-orange-20)) } +html[data-theme='dark'] .sf-c-txt-orange\:30\:dark, html.dark .sf-c-txt-orange\:30\:dark { color: hsl(var(--sf-dark-c-txt-orange-30)) } +html[data-theme='dark'] .sf-c-txt-orange\:40\:dark, html.dark .sf-c-txt-orange\:40\:dark { color: hsl(var(--sf-dark-c-txt-orange-40)) } +html[data-theme='dark'] .sf-c-txt-orange\:50\:dark, html.dark .sf-c-txt-orange\:50\:dark { color: hsl(var(--sf-dark-c-txt-orange-50)) } +html[data-theme='dark'] .sf-c-txt-orange\:60\:dark, html.dark .sf-c-txt-orange\:60\:dark { color: hsl(var(--sf-dark-c-txt-orange-60)) } +html[data-theme='dark'] .sf-c-txt-orange\:70\:dark, html.dark .sf-c-txt-orange\:70\:dark { color: hsl(var(--sf-dark-c-txt-orange-70)) } +html[data-theme='dark'] .sf-c-txt-orange\:80\:dark, html.dark .sf-c-txt-orange\:80\:dark { color: hsl(var(--sf-dark-c-txt-orange-80)) } +html[data-theme='dark'] .sf-c-txt-orange\:90\:dark, html.dark .sf-c-txt-orange\:90\:dark { color: hsl(var(--sf-dark-c-txt-orange-90)) } +html[data-theme='dark'] .sf-c-txt-orange\:100\:dark, html.dark .sf-c-txt-orange\:100\:dark { color: hsl(var(--sf-dark-c-txt-orange-100)) } + html.var[data-theme='dark'] .sf-c-orange, html.var.dark .sf-c-orange { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 50%) } html.var[data-theme='dark'] .sf-c-orange\:0, html.var.dark .sf-c-orange\:0 { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 100%) } html.var[data-theme='dark'] .sf-c-orange\:10, html.var.dark .sf-c-orange\:10 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-orange\:80\:dark, html.var.dark .sf-c-orange\: html.var[data-theme='dark'] .sf-c-orange\:90\:dark, html.var.dark .sf-c-orange\:90\:dark { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 10%) } html.var[data-theme='dark'] .sf-c-orange\:100\:dark, html.var.dark .sf-c-orange\:100\:dark { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orange, html.dark .sf-c-txt-orange { color: hsl(39, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:0, html.dark .sf-c-txt-orange\:0 { color: hsl(39, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:10, html.dark .sf-c-txt-orange\:10 { color: hsl(39, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:20, html.dark .sf-c-txt-orange\:20 { color: hsl(39, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:30, html.dark .sf-c-txt-orange\:30 { color: hsl(39, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:40, html.dark .sf-c-txt-orange\:40 { color: hsl(39, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:50, html.dark .sf-c-txt-orange\:50 { color: hsl(39, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:60, html.dark .sf-c-txt-orange\:60 { color: hsl(39, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:70, html.dark .sf-c-txt-orange\:70 { color: hsl(39, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:80, html.dark .sf-c-txt-orange\:80 { color: hsl(39, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:90, html.dark .sf-c-txt-orange\:90 { color: hsl(39, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:100, html.dark .sf-c-txt-orange\:100 { color: hsl(39, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-orange\:dark, html.dark .sf-c-txt-orange\:dark { color: hsl(39, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:0\:dark, html.dark .sf-c-txt-orange\:0\:dark { color: hsl(39, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:10\:dark, html.dark .sf-c-txt-orange\:10\:dark { color: hsl(39, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:20\:dark, html.dark .sf-c-txt-orange\:20\:dark { color: hsl(39, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:30\:dark, html.dark .sf-c-txt-orange\:30\:dark { color: hsl(39, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:40\:dark, html.dark .sf-c-txt-orange\:40\:dark { color: hsl(39, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:50\:dark, html.dark .sf-c-txt-orange\:50\:dark { color: hsl(39, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:60\:dark, html.dark .sf-c-txt-orange\:60\:dark { color: hsl(39, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:70\:dark, html.dark .sf-c-txt-orange\:70\:dark { color: hsl(39, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:80\:dark, html.dark .sf-c-txt-orange\:80\:dark { color: hsl(39, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:90\:dark, html.dark .sf-c-txt-orange\:90\:dark { color: hsl(39, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:100\:dark, html.dark .sf-c-txt-orange\:100\:dark { color: hsl(39, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-orange, html.auto .sf-c-orange { color: hsl(var(--sf-dark-c-txt-orange-10)); background: hsl(var(--sf-dark-c-orange)) } html[data-theme='auto'] .sf-c-orange\:0, html.auto .sf-c-orange\:0 { color: hsl(var(--sf-dark-c-txt-orange-90)); background: hsl(var(--sf-dark-c-orange-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-orange\:100\:dark, html.var.dark .sf-c-orange\ html[data-theme='auto'] .sf-c-orange\:90\:dark, html.auto .sf-c-orange\:90\:dark { color: hsl(var(--sf-c-txt-orange-90)); background: hsl(var(--sf-c-orange-10)) } html[data-theme='auto'] .sf-c-orange\:100\:dark, html.auto .sf-c-orange\:100\:dark { color: hsl(var(--sf-c-txt-orange-90)); background: hsl(var(--sf-c-orange-0)) } + html[data-theme='auto'] .sf-c-txt-orange, html.auto .sf-c-txt-orange { color: hsl(var(--sf-c-txt-orange)) } + html[data-theme='auto'] .sf-c-txt-orange\:0, html.auto .sf-c-txt-orange\:0 { color: hsl(var(--sf-c-txt-orange-0)) } + html[data-theme='auto'] .sf-c-txt-orange\:10, html.auto .sf-c-txt-orange\:10 { color: hsl(var(--sf-c-txt-orange-10)) } + html[data-theme='auto'] .sf-c-txt-orange\:20, html.auto .sf-c-txt-orange\:20 { color: hsl(var(--sf-c-txt-orange-20)) } + html[data-theme='auto'] .sf-c-txt-orange\:30, html.auto .sf-c-txt-orange\:30 { color: hsl(var(--sf-c-txt-orange-30)) } + html[data-theme='auto'] .sf-c-txt-orange\:40, html.auto .sf-c-txt-orange\:40 { color: hsl(var(--sf-c-txt-orange-40)) } + html[data-theme='auto'] .sf-c-txt-orange\:50, html.auto .sf-c-txt-orange\:50 { color: hsl(var(--sf-c-txt-orange-50)) } + html[data-theme='auto'] .sf-c-txt-orange\:60, html.auto .sf-c-txt-orange\:60 { color: hsl(var(--sf-c-txt-orange-60)) } + html[data-theme='auto'] .sf-c-txt-orange\:70, html.auto .sf-c-txt-orange\:70 { color: hsl(var(--sf-c-txt-orange-70)) } + html[data-theme='auto'] .sf-c-txt-orange\:80, html.auto .sf-c-txt-orange\:80 { color: hsl(var(--sf-c-txt-orange-80)) } + html[data-theme='auto'] .sf-c-txt-orange\:90, html.auto .sf-c-txt-orange\:90 { color: hsl(var(--sf-c-txt-orange-90)) } + html[data-theme='auto'] .sf-c-txt-orange\:100, html.auto .sf-c-txt-orange\:100 { color: hsl(var(--sf-c-txt-orange-100)) } + + html[data-theme='auto'] .sf-c-txt-orange\:dark, html.auto .sf-c-txt-orange\:dark { color: hsl(var(--sf-c-txt-orange)) } + html[data-theme='auto'] .sf-c-txt-orange\:0\:dark, html.auto .sf-c-txt-orange\:0\:dark { color: hsl(var(--sf-c-txt-orange-0)) } + html[data-theme='auto'] .sf-c-txt-orange\:10\:dark, html.auto .sf-c-txt-orange\:10\:dark { color: hsl(var(--sf-c-txt-orange-10)) } + html[data-theme='auto'] .sf-c-txt-orange\:20\:dark, html.auto .sf-c-txt-orange\:20\:dark { color: hsl(var(--sf-c-txt-orange-20)) } + html[data-theme='auto'] .sf-c-txt-orange\:30\:dark, html.auto .sf-c-txt-orange\:30\:dark { color: hsl(var(--sf-c-txt-orange-30)) } + html[data-theme='auto'] .sf-c-txt-orange\:40\:dark, html.auto .sf-c-txt-orange\:40\:dark { color: hsl(var(--sf-c-txt-orange-40)) } + html[data-theme='auto'] .sf-c-txt-orange\:50\:dark, html.auto .sf-c-txt-orange\:50\:dark { color: hsl(var(--sf-c-txt-orange-50)) } + html[data-theme='auto'] .sf-c-txt-orange\:60\:dark, html.auto .sf-c-txt-orange\:60\:dark { color: hsl(var(--sf-c-txt-orange-60)) } + html[data-theme='auto'] .sf-c-txt-orange\:70\:dark, html.auto .sf-c-txt-orange\:70\:dark { color: hsl(var(--sf-c-txt-orange-70)) } + html[data-theme='auto'] .sf-c-txt-orange\:80\:dark, html.auto .sf-c-txt-orange\:80\:dark { color: hsl(var(--sf-c-txt-orange-80)) } + html[data-theme='auto'] .sf-c-txt-orange\:90\:dark, html.auto .sf-c-txt-orange\:90\:dark { color: hsl(var(--sf-c-txt-orange-90)) } + html[data-theme='auto'] .sf-c-txt-orange\:100\:dark, html.auto .sf-c-txt-orange\:100\:dark { color: hsl(var(--sf-c-txt-orange-100)) } + html.var[data-theme='auto'] .sf-c-orange, html.var.auto .sf-c-orange { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 50%) } html.var[data-theme='auto'] .sf-c-orange\:0, html.var.auto .sf-c-orange\:0 { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 100%) } html.var[data-theme='auto'] .sf-c-orange\:10, html.var.auto .sf-c-orange\:10 { color: hsl(39, 100%, 10%); background: hsl(39, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-orange\:100\:dark, html.var.dark .sf-c-orange\ html.var[data-theme='auto'] .sf-c-orange\:80\:dark, html.var.auto .sf-c-orange\:80\:dark { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 20%) } html.var[data-theme='auto'] .sf-c-orange\:90\:dark, html.var.auto .sf-c-orange\:90\:dark { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 10%) } html.var[data-theme='auto'] .sf-c-orange\:100\:dark, html.var.auto .sf-c-orange\:100\:dark { color: hsl(39, 100%, 90%); background: hsl(39, 100%, 0%) } -} -.sf-c-txt-orange { color: hsl(var(--sf-c-txt-orange)) } -.sf-c-txt-orange\:0 { color: hsl(var(--sf-c-txt-orange-0)) } -.sf-c-txt-orange\:10 { color: hsl(var(--sf-c-txt-orange-10)) } -.sf-c-txt-orange\:20 { color: hsl(var(--sf-c-txt-orange-20)) } -.sf-c-txt-orange\:30 { color: hsl(var(--sf-c-txt-orange-30)) } -.sf-c-txt-orange\:40 { color: hsl(var(--sf-c-txt-orange-40)) } -.sf-c-txt-orange\:50 { color: hsl(var(--sf-c-txt-orange-50)) } -.sf-c-txt-orange\:60 { color: hsl(var(--sf-c-txt-orange-60)) } -.sf-c-txt-orange\:70 { color: hsl(var(--sf-c-txt-orange-70)) } -.sf-c-txt-orange\:80 { color: hsl(var(--sf-c-txt-orange-80)) } -.sf-c-txt-orange\:90 { color: hsl(var(--sf-c-txt-orange-90)) } -.sf-c-txt-orange\:100 { color: hsl(var(--sf-c-txt-orange-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-orange, html.auto .sf-c-txt-orange { color: hsl(39, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:0, html.auto .sf-c-txt-orange\:0 { color: hsl(39, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:10, html.auto .sf-c-txt-orange\:10 { color: hsl(39, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:20, html.auto .sf-c-txt-orange\:20 { color: hsl(39, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:30, html.auto .sf-c-txt-orange\:30 { color: hsl(39, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:40, html.auto .sf-c-txt-orange\:40 { color: hsl(39, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:50, html.auto .sf-c-txt-orange\:50 { color: hsl(39, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:60, html.auto .sf-c-txt-orange\:60 { color: hsl(39, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:70, html.auto .sf-c-txt-orange\:70 { color: hsl(39, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:80, html.auto .sf-c-txt-orange\:80 { color: hsl(39, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:90, html.auto .sf-c-txt-orange\:90 { color: hsl(39, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:100, html.auto .sf-c-txt-orange\:100 { color: hsl(39, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-orange\:dark, html.auto .sf-c-txt-orange\:dark { color: hsl(39, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:0\:dark, html.auto .sf-c-txt-orange\:0\:dark { color: hsl(39, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:10\:dark, html.auto .sf-c-txt-orange\:10\:dark { color: hsl(39, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:20\:dark, html.auto .sf-c-txt-orange\:20\:dark { color: hsl(39, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:30\:dark, html.auto .sf-c-txt-orange\:30\:dark { color: hsl(39, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:40\:dark, html.auto .sf-c-txt-orange\:40\:dark { color: hsl(39, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:50\:dark, html.auto .sf-c-txt-orange\:50\:dark { color: hsl(39, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:60\:dark, html.auto .sf-c-txt-orange\:60\:dark { color: hsl(39, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:70\:dark, html.auto .sf-c-txt-orange\:70\:dark { color: hsl(39, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:80\:dark, html.auto .sf-c-txt-orange\:80\:dark { color: hsl(39, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:90\:dark, html.auto .sf-c-txt-orange\:90\:dark { color: hsl(39, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:100\:dark, html.auto .sf-c-txt-orange\:100\:dark { color: hsl(39, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/orangered.css b/src/colors/10/orangered.css index 41d0e03..bbf2538 100644 --- a/src/colors/10/orangered.css +++ b/src/colors/10/orangered.css @@ -78,6 +78,32 @@ html.var .sf-c-orangered\:80 { color: hsl(16, 100%, 10%); background: hsl(16, 10 html.var .sf-c-orangered\:90 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } html.var .sf-c-orangered\:100 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 100%) } +.sf-c-txt-orangered { color: hsl(var(--sf-dark-c-txt-orangered)) } +.sf-c-txt-orangered\:0 { color: hsl(var(--sf-dark-c-txt-orangered-100)) } +.sf-c-txt-orangered\:10 { color: hsl(var(--sf-dark-c-txt-orangered-90)) } +.sf-c-txt-orangered\:20 { color: hsl(var(--sf-dark-c-txt-orangered-80)) } +.sf-c-txt-orangered\:30 { color: hsl(var(--sf-dark-c-txt-orangered-70)) } +.sf-c-txt-orangered\:40 { color: hsl(var(--sf-dark-c-txt-orangered-60)) } +.sf-c-txt-orangered\:50 { color: hsl(var(--sf-dark-c-txt-orangered-50)) } +.sf-c-txt-orangered\:60 { color: hsl(var(--sf-dark-c-txt-orangered-40)) } +.sf-c-txt-orangered\:70 { color: hsl(var(--sf-dark-c-txt-orangered-30)) } +.sf-c-txt-orangered\:80 { color: hsl(var(--sf-dark-c-txt-orangered-20)) } +.sf-c-txt-orangered\:90 { color: hsl(var(--sf-dark-c-txt-orangered-10)) } +.sf-c-txt-orangered\:100 { color: hsl(var(--sf-dark-c-txt-orangered-0)) } + +html.var .sf-c-txt-orangered { color: hsl(16, 100%, 50%) } +html.var .sf-c-txt-orangered\:0 { color: hsl(16, 100%, 100%) } +html.var .sf-c-txt-orangered\:10 { color: hsl(16, 100%, 90%) } +html.var .sf-c-txt-orangered\:20 { color: hsl(16, 100%, 80%) } +html.var .sf-c-txt-orangered\:30 { color: hsl(16, 100%, 70%) } +html.var .sf-c-txt-orangered\:40 { color: hsl(16, 100%, 60%) } +html.var .sf-c-txt-orangered\:50 { color: hsl(16, 100%, 50%) } +html.var .sf-c-txt-orangered\:60 { color: hsl(16, 100%, 40%) } +html.var .sf-c-txt-orangered\:70 { color: hsl(16, 100%, 30%) } +html.var .sf-c-txt-orangered\:80 { color: hsl(16, 100%, 20%) } +html.var .sf-c-txt-orangered\:90 { color: hsl(16, 100%, 10%) } +html.var .sf-c-txt-orangered\:100 { color: hsl(16, 100%, 0%) } + html[data-theme='dark'] .sf-c-orangered, html.dark .sf-c-orangered { color: hsl(var(--sf-dark-c-txt-orangered-90)); background: hsl(var(--sf-dark-c-orangered)) } html[data-theme='dark'] .sf-c-orangered\:0, html.dark .sf-c-orangered\:0 { color: hsl(var(--sf-dark-c-txt-orangered-90)); background: hsl(var(--sf-dark-c-orangered-100)) } html[data-theme='dark'] .sf-c-orangered\:10, html.dark .sf-c-orangered\:10 { color: hsl(var(--sf-dark-c-txt-orangered-10)); background: hsl(var(--sf-dark-c-orangered-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-orangered\:80\:dark, html.dark .sf-c-orangered\:80 html[data-theme='dark'] .sf-c-orangered\:90\:dark, html.dark .sf-c-orangered\:90\:dark { color: hsl(var(--sf-c-txt-orangered-90)); background: hsl(var(--sf-c-orangered-10)) } html[data-theme='dark'] .sf-c-orangered\:100\:dark, html.dark .sf-c-orangered\:100\:dark { color: hsl(var(--sf-c-txt-orangered-90)); background: hsl(var(--sf-c-orangered-0)) } +html[data-theme='dark'] .sf-c-txt-orangered, html.dark .sf-c-txt-orangered { color: hsl(var(--sf-c-txt-orangered)) } +html[data-theme='dark'] .sf-c-txt-orangered\:0, html.dark .sf-c-txt-orangered\:0 { color: hsl(var(--sf-c-txt-orangered-0)) } +html[data-theme='dark'] .sf-c-txt-orangered\:10, html.dark .sf-c-txt-orangered\:10 { color: hsl(var(--sf-c-txt-orangered-10)) } +html[data-theme='dark'] .sf-c-txt-orangered\:20, html.dark .sf-c-txt-orangered\:20 { color: hsl(var(--sf-c-txt-orangered-20)) } +html[data-theme='dark'] .sf-c-txt-orangered\:30, html.dark .sf-c-txt-orangered\:30 { color: hsl(var(--sf-c-txt-orangered-30)) } +html[data-theme='dark'] .sf-c-txt-orangered\:40, html.dark .sf-c-txt-orangered\:40 { color: hsl(var(--sf-c-txt-orangered-40)) } +html[data-theme='dark'] .sf-c-txt-orangered\:50, html.dark .sf-c-txt-orangered\:50 { color: hsl(var(--sf-c-txt-orangered-50)) } +html[data-theme='dark'] .sf-c-txt-orangered\:60, html.dark .sf-c-txt-orangered\:60 { color: hsl(var(--sf-c-txt-orangered-60)) } +html[data-theme='dark'] .sf-c-txt-orangered\:70, html.dark .sf-c-txt-orangered\:70 { color: hsl(var(--sf-c-txt-orangered-70)) } +html[data-theme='dark'] .sf-c-txt-orangered\:80, html.dark .sf-c-txt-orangered\:80 { color: hsl(var(--sf-c-txt-orangered-80)) } +html[data-theme='dark'] .sf-c-txt-orangered\:90, html.dark .sf-c-txt-orangered\:90 { color: hsl(var(--sf-c-txt-orangered-90)) } +html[data-theme='dark'] .sf-c-txt-orangered\:100, html.dark .sf-c-txt-orangered\:100 { color: hsl(var(--sf-c-txt-orangered-100)) } + +html[data-theme='dark'] .sf-c-txt-orangered\:dark, html.dark .sf-c-txt-orangered\:dark { color: hsl(var(--sf-c-txt-orangered)) } +html[data-theme='dark'] .sf-c-txt-orangered\:0\:dark, html.dark .sf-c-txt-orangered\:0\:dark { color: hsl(var(--sf-dark-c-txt-orangered-0)) } +html[data-theme='dark'] .sf-c-txt-orangered\:10\:dark, html.dark .sf-c-txt-orangered\:10\:dark { color: hsl(var(--sf-dark-c-txt-orangered-10)) } +html[data-theme='dark'] .sf-c-txt-orangered\:20\:dark, html.dark .sf-c-txt-orangered\:20\:dark { color: hsl(var(--sf-dark-c-txt-orangered-20)) } +html[data-theme='dark'] .sf-c-txt-orangered\:30\:dark, html.dark .sf-c-txt-orangered\:30\:dark { color: hsl(var(--sf-dark-c-txt-orangered-30)) } +html[data-theme='dark'] .sf-c-txt-orangered\:40\:dark, html.dark .sf-c-txt-orangered\:40\:dark { color: hsl(var(--sf-dark-c-txt-orangered-40)) } +html[data-theme='dark'] .sf-c-txt-orangered\:50\:dark, html.dark .sf-c-txt-orangered\:50\:dark { color: hsl(var(--sf-dark-c-txt-orangered-50)) } +html[data-theme='dark'] .sf-c-txt-orangered\:60\:dark, html.dark .sf-c-txt-orangered\:60\:dark { color: hsl(var(--sf-dark-c-txt-orangered-60)) } +html[data-theme='dark'] .sf-c-txt-orangered\:70\:dark, html.dark .sf-c-txt-orangered\:70\:dark { color: hsl(var(--sf-dark-c-txt-orangered-70)) } +html[data-theme='dark'] .sf-c-txt-orangered\:80\:dark, html.dark .sf-c-txt-orangered\:80\:dark { color: hsl(var(--sf-dark-c-txt-orangered-80)) } +html[data-theme='dark'] .sf-c-txt-orangered\:90\:dark, html.dark .sf-c-txt-orangered\:90\:dark { color: hsl(var(--sf-dark-c-txt-orangered-90)) } +html[data-theme='dark'] .sf-c-txt-orangered\:100\:dark, html.dark .sf-c-txt-orangered\:100\:dark { color: hsl(var(--sf-dark-c-txt-orangered-100)) } + html.var[data-theme='dark'] .sf-c-orangered, html.var.dark .sf-c-orangered { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } html.var[data-theme='dark'] .sf-c-orangered\:0, html.var.dark .sf-c-orangered\:0 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 100%) } html.var[data-theme='dark'] .sf-c-orangered\:10, html.var.dark .sf-c-orangered\:10 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-orangered\:80\:dark, html.var.dark .sf-c-orang html.var[data-theme='dark'] .sf-c-orangered\:90\:dark, html.var.dark .sf-c-orangered\:90\:dark { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 10%) } html.var[data-theme='dark'] .sf-c-orangered\:100\:dark, html.var.dark .sf-c-orangered\:100\:dark { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orangered, html.dark .sf-c-txt-orangered { color: hsl(16, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:0, html.dark .sf-c-txt-orangered\:0 { color: hsl(16, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:10, html.dark .sf-c-txt-orangered\:10 { color: hsl(16, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:20, html.dark .sf-c-txt-orangered\:20 { color: hsl(16, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:30, html.dark .sf-c-txt-orangered\:30 { color: hsl(16, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:40, html.dark .sf-c-txt-orangered\:40 { color: hsl(16, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:50, html.dark .sf-c-txt-orangered\:50 { color: hsl(16, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:60, html.dark .sf-c-txt-orangered\:60 { color: hsl(16, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:70, html.dark .sf-c-txt-orangered\:70 { color: hsl(16, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:80, html.dark .sf-c-txt-orangered\:80 { color: hsl(16, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:90, html.dark .sf-c-txt-orangered\:90 { color: hsl(16, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:100, html.dark .sf-c-txt-orangered\:100 { color: hsl(16, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-orangered\:dark, html.dark .sf-c-txt-orangered\:dark { color: hsl(16, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:0\:dark, html.dark .sf-c-txt-orangered\:0\:dark { color: hsl(16, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:10\:dark, html.dark .sf-c-txt-orangered\:10\:dark { color: hsl(16, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:20\:dark, html.dark .sf-c-txt-orangered\:20\:dark { color: hsl(16, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:30\:dark, html.dark .sf-c-txt-orangered\:30\:dark { color: hsl(16, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:40\:dark, html.dark .sf-c-txt-orangered\:40\:dark { color: hsl(16, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:50\:dark, html.dark .sf-c-txt-orangered\:50\:dark { color: hsl(16, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:60\:dark, html.dark .sf-c-txt-orangered\:60\:dark { color: hsl(16, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:70\:dark, html.dark .sf-c-txt-orangered\:70\:dark { color: hsl(16, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:80\:dark, html.dark .sf-c-txt-orangered\:80\:dark { color: hsl(16, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:90\:dark, html.dark .sf-c-txt-orangered\:90\:dark { color: hsl(16, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:100\:dark, html.dark .sf-c-txt-orangered\:100\:dark { color: hsl(16, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-orangered, html.auto .sf-c-orangered { color: hsl(var(--sf-dark-c-txt-orangered-90)); background: hsl(var(--sf-dark-c-orangered)) } html[data-theme='auto'] .sf-c-orangered\:0, html.auto .sf-c-orangered\:0 { color: hsl(var(--sf-dark-c-txt-orangered-90)); background: hsl(var(--sf-dark-c-orangered-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-orangered\:100\:dark, html.var.dark .sf-c-oran html[data-theme='auto'] .sf-c-orangered\:90\:dark, html.auto .sf-c-orangered\:90\:dark { color: hsl(var(--sf-c-txt-orangered-90)); background: hsl(var(--sf-c-orangered-10)) } html[data-theme='auto'] .sf-c-orangered\:100\:dark, html.auto .sf-c-orangered\:100\:dark { color: hsl(var(--sf-c-txt-orangered-90)); background: hsl(var(--sf-c-orangered-0)) } + html[data-theme='auto'] .sf-c-txt-orangered, html.auto .sf-c-txt-orangered { color: hsl(var(--sf-c-txt-orangered)) } + html[data-theme='auto'] .sf-c-txt-orangered\:0, html.auto .sf-c-txt-orangered\:0 { color: hsl(var(--sf-c-txt-orangered-0)) } + html[data-theme='auto'] .sf-c-txt-orangered\:10, html.auto .sf-c-txt-orangered\:10 { color: hsl(var(--sf-c-txt-orangered-10)) } + html[data-theme='auto'] .sf-c-txt-orangered\:20, html.auto .sf-c-txt-orangered\:20 { color: hsl(var(--sf-c-txt-orangered-20)) } + html[data-theme='auto'] .sf-c-txt-orangered\:30, html.auto .sf-c-txt-orangered\:30 { color: hsl(var(--sf-c-txt-orangered-30)) } + html[data-theme='auto'] .sf-c-txt-orangered\:40, html.auto .sf-c-txt-orangered\:40 { color: hsl(var(--sf-c-txt-orangered-40)) } + html[data-theme='auto'] .sf-c-txt-orangered\:50, html.auto .sf-c-txt-orangered\:50 { color: hsl(var(--sf-c-txt-orangered-50)) } + html[data-theme='auto'] .sf-c-txt-orangered\:60, html.auto .sf-c-txt-orangered\:60 { color: hsl(var(--sf-c-txt-orangered-60)) } + html[data-theme='auto'] .sf-c-txt-orangered\:70, html.auto .sf-c-txt-orangered\:70 { color: hsl(var(--sf-c-txt-orangered-70)) } + html[data-theme='auto'] .sf-c-txt-orangered\:80, html.auto .sf-c-txt-orangered\:80 { color: hsl(var(--sf-c-txt-orangered-80)) } + html[data-theme='auto'] .sf-c-txt-orangered\:90, html.auto .sf-c-txt-orangered\:90 { color: hsl(var(--sf-c-txt-orangered-90)) } + html[data-theme='auto'] .sf-c-txt-orangered\:100, html.auto .sf-c-txt-orangered\:100 { color: hsl(var(--sf-c-txt-orangered-100)) } + + html[data-theme='auto'] .sf-c-txt-orangered\:dark, html.auto .sf-c-txt-orangered\:dark { color: hsl(var(--sf-c-txt-orangered)) } + html[data-theme='auto'] .sf-c-txt-orangered\:0\:dark, html.auto .sf-c-txt-orangered\:0\:dark { color: hsl(var(--sf-c-txt-orangered-0)) } + html[data-theme='auto'] .sf-c-txt-orangered\:10\:dark, html.auto .sf-c-txt-orangered\:10\:dark { color: hsl(var(--sf-c-txt-orangered-10)) } + html[data-theme='auto'] .sf-c-txt-orangered\:20\:dark, html.auto .sf-c-txt-orangered\:20\:dark { color: hsl(var(--sf-c-txt-orangered-20)) } + html[data-theme='auto'] .sf-c-txt-orangered\:30\:dark, html.auto .sf-c-txt-orangered\:30\:dark { color: hsl(var(--sf-c-txt-orangered-30)) } + html[data-theme='auto'] .sf-c-txt-orangered\:40\:dark, html.auto .sf-c-txt-orangered\:40\:dark { color: hsl(var(--sf-c-txt-orangered-40)) } + html[data-theme='auto'] .sf-c-txt-orangered\:50\:dark, html.auto .sf-c-txt-orangered\:50\:dark { color: hsl(var(--sf-c-txt-orangered-50)) } + html[data-theme='auto'] .sf-c-txt-orangered\:60\:dark, html.auto .sf-c-txt-orangered\:60\:dark { color: hsl(var(--sf-c-txt-orangered-60)) } + html[data-theme='auto'] .sf-c-txt-orangered\:70\:dark, html.auto .sf-c-txt-orangered\:70\:dark { color: hsl(var(--sf-c-txt-orangered-70)) } + html[data-theme='auto'] .sf-c-txt-orangered\:80\:dark, html.auto .sf-c-txt-orangered\:80\:dark { color: hsl(var(--sf-c-txt-orangered-80)) } + html[data-theme='auto'] .sf-c-txt-orangered\:90\:dark, html.auto .sf-c-txt-orangered\:90\:dark { color: hsl(var(--sf-c-txt-orangered-90)) } + html[data-theme='auto'] .sf-c-txt-orangered\:100\:dark, html.auto .sf-c-txt-orangered\:100\:dark { color: hsl(var(--sf-c-txt-orangered-100)) } + html.var[data-theme='auto'] .sf-c-orangered, html.var.auto .sf-c-orangered { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 50%) } html.var[data-theme='auto'] .sf-c-orangered\:0, html.var.auto .sf-c-orangered\:0 { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 100%) } html.var[data-theme='auto'] .sf-c-orangered\:10, html.var.auto .sf-c-orangered\:10 { color: hsl(16, 100%, 10%); background: hsl(16, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-orangered\:100\:dark, html.var.dark .sf-c-oran html.var[data-theme='auto'] .sf-c-orangered\:80\:dark, html.var.auto .sf-c-orangered\:80\:dark { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 20%) } html.var[data-theme='auto'] .sf-c-orangered\:90\:dark, html.var.auto .sf-c-orangered\:90\:dark { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 10%) } html.var[data-theme='auto'] .sf-c-orangered\:100\:dark, html.var.auto .sf-c-orangered\:100\:dark { color: hsl(16, 100%, 90%); background: hsl(16, 100%, 0%) } -} -.sf-c-txt-orangered { color: hsl(var(--sf-c-txt-orangered)) } -.sf-c-txt-orangered\:0 { color: hsl(var(--sf-c-txt-orangered-0)) } -.sf-c-txt-orangered\:10 { color: hsl(var(--sf-c-txt-orangered-10)) } -.sf-c-txt-orangered\:20 { color: hsl(var(--sf-c-txt-orangered-20)) } -.sf-c-txt-orangered\:30 { color: hsl(var(--sf-c-txt-orangered-30)) } -.sf-c-txt-orangered\:40 { color: hsl(var(--sf-c-txt-orangered-40)) } -.sf-c-txt-orangered\:50 { color: hsl(var(--sf-c-txt-orangered-50)) } -.sf-c-txt-orangered\:60 { color: hsl(var(--sf-c-txt-orangered-60)) } -.sf-c-txt-orangered\:70 { color: hsl(var(--sf-c-txt-orangered-70)) } -.sf-c-txt-orangered\:80 { color: hsl(var(--sf-c-txt-orangered-80)) } -.sf-c-txt-orangered\:90 { color: hsl(var(--sf-c-txt-orangered-90)) } -.sf-c-txt-orangered\:100 { color: hsl(var(--sf-c-txt-orangered-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-orangered, html.auto .sf-c-txt-orangered { color: hsl(16, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:0, html.auto .sf-c-txt-orangered\:0 { color: hsl(16, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:10, html.auto .sf-c-txt-orangered\:10 { color: hsl(16, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:20, html.auto .sf-c-txt-orangered\:20 { color: hsl(16, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:30, html.auto .sf-c-txt-orangered\:30 { color: hsl(16, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:40, html.auto .sf-c-txt-orangered\:40 { color: hsl(16, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:50, html.auto .sf-c-txt-orangered\:50 { color: hsl(16, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:60, html.auto .sf-c-txt-orangered\:60 { color: hsl(16, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:70, html.auto .sf-c-txt-orangered\:70 { color: hsl(16, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:80, html.auto .sf-c-txt-orangered\:80 { color: hsl(16, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:90, html.auto .sf-c-txt-orangered\:90 { color: hsl(16, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:100, html.auto .sf-c-txt-orangered\:100 { color: hsl(16, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-orangered\:dark, html.auto .sf-c-txt-orangered\:dark { color: hsl(16, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:0\:dark, html.auto .sf-c-txt-orangered\:0\:dark { color: hsl(16, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:10\:dark, html.auto .sf-c-txt-orangered\:10\:dark { color: hsl(16, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:20\:dark, html.auto .sf-c-txt-orangered\:20\:dark { color: hsl(16, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:30\:dark, html.auto .sf-c-txt-orangered\:30\:dark { color: hsl(16, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:40\:dark, html.auto .sf-c-txt-orangered\:40\:dark { color: hsl(16, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:50\:dark, html.auto .sf-c-txt-orangered\:50\:dark { color: hsl(16, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:60\:dark, html.auto .sf-c-txt-orangered\:60\:dark { color: hsl(16, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:70\:dark, html.auto .sf-c-txt-orangered\:70\:dark { color: hsl(16, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:80\:dark, html.auto .sf-c-txt-orangered\:80\:dark { color: hsl(16, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:90\:dark, html.auto .sf-c-txt-orangered\:90\:dark { color: hsl(16, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:100\:dark, html.auto .sf-c-txt-orangered\:100\:dark { color: hsl(16, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/orchid.css b/src/colors/10/orchid.css index 16a9f22..64d1380 100644 --- a/src/colors/10/orchid.css +++ b/src/colors/10/orchid.css @@ -78,6 +78,32 @@ html.var .sf-c-orchid\:80 { color: hsl(302, 59%, 10%); background: hsl(302, 59%, html.var .sf-c-orchid\:90 { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 90%) } html.var .sf-c-orchid\:100 { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 100%) } +.sf-c-txt-orchid { color: hsl(var(--sf-dark-c-txt-orchid)) } +.sf-c-txt-orchid\:0 { color: hsl(var(--sf-dark-c-txt-orchid-100)) } +.sf-c-txt-orchid\:10 { color: hsl(var(--sf-dark-c-txt-orchid-90)) } +.sf-c-txt-orchid\:20 { color: hsl(var(--sf-dark-c-txt-orchid-80)) } +.sf-c-txt-orchid\:30 { color: hsl(var(--sf-dark-c-txt-orchid-70)) } +.sf-c-txt-orchid\:40 { color: hsl(var(--sf-dark-c-txt-orchid-60)) } +.sf-c-txt-orchid\:50 { color: hsl(var(--sf-dark-c-txt-orchid-50)) } +.sf-c-txt-orchid\:60 { color: hsl(var(--sf-dark-c-txt-orchid-40)) } +.sf-c-txt-orchid\:70 { color: hsl(var(--sf-dark-c-txt-orchid-30)) } +.sf-c-txt-orchid\:80 { color: hsl(var(--sf-dark-c-txt-orchid-20)) } +.sf-c-txt-orchid\:90 { color: hsl(var(--sf-dark-c-txt-orchid-10)) } +.sf-c-txt-orchid\:100 { color: hsl(var(--sf-dark-c-txt-orchid-0)) } + +html.var .sf-c-txt-orchid { color: hsl(302, 59%, 35%) } +html.var .sf-c-txt-orchid\:0 { color: hsl(302, 59%, 100%) } +html.var .sf-c-txt-orchid\:10 { color: hsl(302, 59%, 90%) } +html.var .sf-c-txt-orchid\:20 { color: hsl(302, 59%, 80%) } +html.var .sf-c-txt-orchid\:30 { color: hsl(302, 59%, 70%) } +html.var .sf-c-txt-orchid\:40 { color: hsl(302, 59%, 60%) } +html.var .sf-c-txt-orchid\:50 { color: hsl(302, 59%, 50%) } +html.var .sf-c-txt-orchid\:60 { color: hsl(302, 59%, 40%) } +html.var .sf-c-txt-orchid\:70 { color: hsl(302, 59%, 30%) } +html.var .sf-c-txt-orchid\:80 { color: hsl(302, 59%, 20%) } +html.var .sf-c-txt-orchid\:90 { color: hsl(302, 59%, 10%) } +html.var .sf-c-txt-orchid\:100 { color: hsl(302, 59%, 0%) } + html[data-theme='dark'] .sf-c-orchid, html.dark .sf-c-orchid { color: hsl(var(--sf-dark-c-txt-orchid-90)); background: hsl(var(--sf-dark-c-orchid)) } html[data-theme='dark'] .sf-c-orchid\:0, html.dark .sf-c-orchid\:0 { color: hsl(var(--sf-dark-c-txt-orchid-90)); background: hsl(var(--sf-dark-c-orchid-100)) } html[data-theme='dark'] .sf-c-orchid\:10, html.dark .sf-c-orchid\:10 { color: hsl(var(--sf-dark-c-txt-orchid-10)); background: hsl(var(--sf-dark-c-orchid-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-orchid\:80\:dark, html.dark .sf-c-orchid\:80\:dark html[data-theme='dark'] .sf-c-orchid\:90\:dark, html.dark .sf-c-orchid\:90\:dark { color: hsl(var(--sf-c-txt-orchid-90)); background: hsl(var(--sf-c-orchid-10)) } html[data-theme='dark'] .sf-c-orchid\:100\:dark, html.dark .sf-c-orchid\:100\:dark { color: hsl(var(--sf-c-txt-orchid-90)); background: hsl(var(--sf-c-orchid-0)) } +html[data-theme='dark'] .sf-c-txt-orchid, html.dark .sf-c-txt-orchid { color: hsl(var(--sf-c-txt-orchid)) } +html[data-theme='dark'] .sf-c-txt-orchid\:0, html.dark .sf-c-txt-orchid\:0 { color: hsl(var(--sf-c-txt-orchid-0)) } +html[data-theme='dark'] .sf-c-txt-orchid\:10, html.dark .sf-c-txt-orchid\:10 { color: hsl(var(--sf-c-txt-orchid-10)) } +html[data-theme='dark'] .sf-c-txt-orchid\:20, html.dark .sf-c-txt-orchid\:20 { color: hsl(var(--sf-c-txt-orchid-20)) } +html[data-theme='dark'] .sf-c-txt-orchid\:30, html.dark .sf-c-txt-orchid\:30 { color: hsl(var(--sf-c-txt-orchid-30)) } +html[data-theme='dark'] .sf-c-txt-orchid\:40, html.dark .sf-c-txt-orchid\:40 { color: hsl(var(--sf-c-txt-orchid-40)) } +html[data-theme='dark'] .sf-c-txt-orchid\:50, html.dark .sf-c-txt-orchid\:50 { color: hsl(var(--sf-c-txt-orchid-50)) } +html[data-theme='dark'] .sf-c-txt-orchid\:60, html.dark .sf-c-txt-orchid\:60 { color: hsl(var(--sf-c-txt-orchid-60)) } +html[data-theme='dark'] .sf-c-txt-orchid\:70, html.dark .sf-c-txt-orchid\:70 { color: hsl(var(--sf-c-txt-orchid-70)) } +html[data-theme='dark'] .sf-c-txt-orchid\:80, html.dark .sf-c-txt-orchid\:80 { color: hsl(var(--sf-c-txt-orchid-80)) } +html[data-theme='dark'] .sf-c-txt-orchid\:90, html.dark .sf-c-txt-orchid\:90 { color: hsl(var(--sf-c-txt-orchid-90)) } +html[data-theme='dark'] .sf-c-txt-orchid\:100, html.dark .sf-c-txt-orchid\:100 { color: hsl(var(--sf-c-txt-orchid-100)) } + +html[data-theme='dark'] .sf-c-txt-orchid\:dark, html.dark .sf-c-txt-orchid\:dark { color: hsl(var(--sf-c-txt-orchid)) } +html[data-theme='dark'] .sf-c-txt-orchid\:0\:dark, html.dark .sf-c-txt-orchid\:0\:dark { color: hsl(var(--sf-dark-c-txt-orchid-0)) } +html[data-theme='dark'] .sf-c-txt-orchid\:10\:dark, html.dark .sf-c-txt-orchid\:10\:dark { color: hsl(var(--sf-dark-c-txt-orchid-10)) } +html[data-theme='dark'] .sf-c-txt-orchid\:20\:dark, html.dark .sf-c-txt-orchid\:20\:dark { color: hsl(var(--sf-dark-c-txt-orchid-20)) } +html[data-theme='dark'] .sf-c-txt-orchid\:30\:dark, html.dark .sf-c-txt-orchid\:30\:dark { color: hsl(var(--sf-dark-c-txt-orchid-30)) } +html[data-theme='dark'] .sf-c-txt-orchid\:40\:dark, html.dark .sf-c-txt-orchid\:40\:dark { color: hsl(var(--sf-dark-c-txt-orchid-40)) } +html[data-theme='dark'] .sf-c-txt-orchid\:50\:dark, html.dark .sf-c-txt-orchid\:50\:dark { color: hsl(var(--sf-dark-c-txt-orchid-50)) } +html[data-theme='dark'] .sf-c-txt-orchid\:60\:dark, html.dark .sf-c-txt-orchid\:60\:dark { color: hsl(var(--sf-dark-c-txt-orchid-60)) } +html[data-theme='dark'] .sf-c-txt-orchid\:70\:dark, html.dark .sf-c-txt-orchid\:70\:dark { color: hsl(var(--sf-dark-c-txt-orchid-70)) } +html[data-theme='dark'] .sf-c-txt-orchid\:80\:dark, html.dark .sf-c-txt-orchid\:80\:dark { color: hsl(var(--sf-dark-c-txt-orchid-80)) } +html[data-theme='dark'] .sf-c-txt-orchid\:90\:dark, html.dark .sf-c-txt-orchid\:90\:dark { color: hsl(var(--sf-dark-c-txt-orchid-90)) } +html[data-theme='dark'] .sf-c-txt-orchid\:100\:dark, html.dark .sf-c-txt-orchid\:100\:dark { color: hsl(var(--sf-dark-c-txt-orchid-100)) } + html.var[data-theme='dark'] .sf-c-orchid, html.var.dark .sf-c-orchid { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 35%) } html.var[data-theme='dark'] .sf-c-orchid\:0, html.var.dark .sf-c-orchid\:0 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 100%) } html.var[data-theme='dark'] .sf-c-orchid\:10, html.var.dark .sf-c-orchid\:10 { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-orchid\:80\:dark, html.var.dark .sf-c-orchid\: html.var[data-theme='dark'] .sf-c-orchid\:90\:dark, html.var.dark .sf-c-orchid\:90\:dark { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 10%) } html.var[data-theme='dark'] .sf-c-orchid\:100\:dark, html.var.dark .sf-c-orchid\:100\:dark { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orchid, html.dark .sf-c-txt-orchid { color: hsl(302, 59%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:0, html.dark .sf-c-txt-orchid\:0 { color: hsl(302, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:10, html.dark .sf-c-txt-orchid\:10 { color: hsl(302, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:20, html.dark .sf-c-txt-orchid\:20 { color: hsl(302, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:30, html.dark .sf-c-txt-orchid\:30 { color: hsl(302, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:40, html.dark .sf-c-txt-orchid\:40 { color: hsl(302, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:50, html.dark .sf-c-txt-orchid\:50 { color: hsl(302, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:60, html.dark .sf-c-txt-orchid\:60 { color: hsl(302, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:70, html.dark .sf-c-txt-orchid\:70 { color: hsl(302, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:80, html.dark .sf-c-txt-orchid\:80 { color: hsl(302, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:90, html.dark .sf-c-txt-orchid\:90 { color: hsl(302, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:100, html.dark .sf-c-txt-orchid\:100 { color: hsl(302, 59%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-orchid\:dark, html.dark .sf-c-txt-orchid\:dark { color: hsl(302, 59%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:0\:dark, html.dark .sf-c-txt-orchid\:0\:dark { color: hsl(302, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:10\:dark, html.dark .sf-c-txt-orchid\:10\:dark { color: hsl(302, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:20\:dark, html.dark .sf-c-txt-orchid\:20\:dark { color: hsl(302, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:30\:dark, html.dark .sf-c-txt-orchid\:30\:dark { color: hsl(302, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:40\:dark, html.dark .sf-c-txt-orchid\:40\:dark { color: hsl(302, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:50\:dark, html.dark .sf-c-txt-orchid\:50\:dark { color: hsl(302, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:60\:dark, html.dark .sf-c-txt-orchid\:60\:dark { color: hsl(302, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:70\:dark, html.dark .sf-c-txt-orchid\:70\:dark { color: hsl(302, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:80\:dark, html.dark .sf-c-txt-orchid\:80\:dark { color: hsl(302, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:90\:dark, html.dark .sf-c-txt-orchid\:90\:dark { color: hsl(302, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:100\:dark, html.dark .sf-c-txt-orchid\:100\:dark { color: hsl(302, 59%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-orchid, html.auto .sf-c-orchid { color: hsl(var(--sf-dark-c-txt-orchid-90)); background: hsl(var(--sf-dark-c-orchid)) } html[data-theme='auto'] .sf-c-orchid\:0, html.auto .sf-c-orchid\:0 { color: hsl(var(--sf-dark-c-txt-orchid-90)); background: hsl(var(--sf-dark-c-orchid-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-orchid\:100\:dark, html.var.dark .sf-c-orchid\ html[data-theme='auto'] .sf-c-orchid\:90\:dark, html.auto .sf-c-orchid\:90\:dark { color: hsl(var(--sf-c-txt-orchid-90)); background: hsl(var(--sf-c-orchid-10)) } html[data-theme='auto'] .sf-c-orchid\:100\:dark, html.auto .sf-c-orchid\:100\:dark { color: hsl(var(--sf-c-txt-orchid-90)); background: hsl(var(--sf-c-orchid-0)) } + html[data-theme='auto'] .sf-c-txt-orchid, html.auto .sf-c-txt-orchid { color: hsl(var(--sf-c-txt-orchid)) } + html[data-theme='auto'] .sf-c-txt-orchid\:0, html.auto .sf-c-txt-orchid\:0 { color: hsl(var(--sf-c-txt-orchid-0)) } + html[data-theme='auto'] .sf-c-txt-orchid\:10, html.auto .sf-c-txt-orchid\:10 { color: hsl(var(--sf-c-txt-orchid-10)) } + html[data-theme='auto'] .sf-c-txt-orchid\:20, html.auto .sf-c-txt-orchid\:20 { color: hsl(var(--sf-c-txt-orchid-20)) } + html[data-theme='auto'] .sf-c-txt-orchid\:30, html.auto .sf-c-txt-orchid\:30 { color: hsl(var(--sf-c-txt-orchid-30)) } + html[data-theme='auto'] .sf-c-txt-orchid\:40, html.auto .sf-c-txt-orchid\:40 { color: hsl(var(--sf-c-txt-orchid-40)) } + html[data-theme='auto'] .sf-c-txt-orchid\:50, html.auto .sf-c-txt-orchid\:50 { color: hsl(var(--sf-c-txt-orchid-50)) } + html[data-theme='auto'] .sf-c-txt-orchid\:60, html.auto .sf-c-txt-orchid\:60 { color: hsl(var(--sf-c-txt-orchid-60)) } + html[data-theme='auto'] .sf-c-txt-orchid\:70, html.auto .sf-c-txt-orchid\:70 { color: hsl(var(--sf-c-txt-orchid-70)) } + html[data-theme='auto'] .sf-c-txt-orchid\:80, html.auto .sf-c-txt-orchid\:80 { color: hsl(var(--sf-c-txt-orchid-80)) } + html[data-theme='auto'] .sf-c-txt-orchid\:90, html.auto .sf-c-txt-orchid\:90 { color: hsl(var(--sf-c-txt-orchid-90)) } + html[data-theme='auto'] .sf-c-txt-orchid\:100, html.auto .sf-c-txt-orchid\:100 { color: hsl(var(--sf-c-txt-orchid-100)) } + + html[data-theme='auto'] .sf-c-txt-orchid\:dark, html.auto .sf-c-txt-orchid\:dark { color: hsl(var(--sf-c-txt-orchid)) } + html[data-theme='auto'] .sf-c-txt-orchid\:0\:dark, html.auto .sf-c-txt-orchid\:0\:dark { color: hsl(var(--sf-c-txt-orchid-0)) } + html[data-theme='auto'] .sf-c-txt-orchid\:10\:dark, html.auto .sf-c-txt-orchid\:10\:dark { color: hsl(var(--sf-c-txt-orchid-10)) } + html[data-theme='auto'] .sf-c-txt-orchid\:20\:dark, html.auto .sf-c-txt-orchid\:20\:dark { color: hsl(var(--sf-c-txt-orchid-20)) } + html[data-theme='auto'] .sf-c-txt-orchid\:30\:dark, html.auto .sf-c-txt-orchid\:30\:dark { color: hsl(var(--sf-c-txt-orchid-30)) } + html[data-theme='auto'] .sf-c-txt-orchid\:40\:dark, html.auto .sf-c-txt-orchid\:40\:dark { color: hsl(var(--sf-c-txt-orchid-40)) } + html[data-theme='auto'] .sf-c-txt-orchid\:50\:dark, html.auto .sf-c-txt-orchid\:50\:dark { color: hsl(var(--sf-c-txt-orchid-50)) } + html[data-theme='auto'] .sf-c-txt-orchid\:60\:dark, html.auto .sf-c-txt-orchid\:60\:dark { color: hsl(var(--sf-c-txt-orchid-60)) } + html[data-theme='auto'] .sf-c-txt-orchid\:70\:dark, html.auto .sf-c-txt-orchid\:70\:dark { color: hsl(var(--sf-c-txt-orchid-70)) } + html[data-theme='auto'] .sf-c-txt-orchid\:80\:dark, html.auto .sf-c-txt-orchid\:80\:dark { color: hsl(var(--sf-c-txt-orchid-80)) } + html[data-theme='auto'] .sf-c-txt-orchid\:90\:dark, html.auto .sf-c-txt-orchid\:90\:dark { color: hsl(var(--sf-c-txt-orchid-90)) } + html[data-theme='auto'] .sf-c-txt-orchid\:100\:dark, html.auto .sf-c-txt-orchid\:100\:dark { color: hsl(var(--sf-c-txt-orchid-100)) } + html.var[data-theme='auto'] .sf-c-orchid, html.var.auto .sf-c-orchid { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 35%) } html.var[data-theme='auto'] .sf-c-orchid\:0, html.var.auto .sf-c-orchid\:0 { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 100%) } html.var[data-theme='auto'] .sf-c-orchid\:10, html.var.auto .sf-c-orchid\:10 { color: hsl(302, 59%, 10%); background: hsl(302, 59%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-orchid\:100\:dark, html.var.dark .sf-c-orchid\ html.var[data-theme='auto'] .sf-c-orchid\:80\:dark, html.var.auto .sf-c-orchid\:80\:dark { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 20%) } html.var[data-theme='auto'] .sf-c-orchid\:90\:dark, html.var.auto .sf-c-orchid\:90\:dark { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 10%) } html.var[data-theme='auto'] .sf-c-orchid\:100\:dark, html.var.auto .sf-c-orchid\:100\:dark { color: hsl(302, 59%, 90%); background: hsl(302, 59%, 0%) } -} -.sf-c-txt-orchid { color: hsl(var(--sf-c-txt-orchid)) } -.sf-c-txt-orchid\:0 { color: hsl(var(--sf-c-txt-orchid-0)) } -.sf-c-txt-orchid\:10 { color: hsl(var(--sf-c-txt-orchid-10)) } -.sf-c-txt-orchid\:20 { color: hsl(var(--sf-c-txt-orchid-20)) } -.sf-c-txt-orchid\:30 { color: hsl(var(--sf-c-txt-orchid-30)) } -.sf-c-txt-orchid\:40 { color: hsl(var(--sf-c-txt-orchid-40)) } -.sf-c-txt-orchid\:50 { color: hsl(var(--sf-c-txt-orchid-50)) } -.sf-c-txt-orchid\:60 { color: hsl(var(--sf-c-txt-orchid-60)) } -.sf-c-txt-orchid\:70 { color: hsl(var(--sf-c-txt-orchid-70)) } -.sf-c-txt-orchid\:80 { color: hsl(var(--sf-c-txt-orchid-80)) } -.sf-c-txt-orchid\:90 { color: hsl(var(--sf-c-txt-orchid-90)) } -.sf-c-txt-orchid\:100 { color: hsl(var(--sf-c-txt-orchid-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-orchid, html.auto .sf-c-txt-orchid { color: hsl(302, 59%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:0, html.auto .sf-c-txt-orchid\:0 { color: hsl(302, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:10, html.auto .sf-c-txt-orchid\:10 { color: hsl(302, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:20, html.auto .sf-c-txt-orchid\:20 { color: hsl(302, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:30, html.auto .sf-c-txt-orchid\:30 { color: hsl(302, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:40, html.auto .sf-c-txt-orchid\:40 { color: hsl(302, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:50, html.auto .sf-c-txt-orchid\:50 { color: hsl(302, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:60, html.auto .sf-c-txt-orchid\:60 { color: hsl(302, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:70, html.auto .sf-c-txt-orchid\:70 { color: hsl(302, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:80, html.auto .sf-c-txt-orchid\:80 { color: hsl(302, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:90, html.auto .sf-c-txt-orchid\:90 { color: hsl(302, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:100, html.auto .sf-c-txt-orchid\:100 { color: hsl(302, 59%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-orchid\:dark, html.auto .sf-c-txt-orchid\:dark { color: hsl(302, 59%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:0\:dark, html.auto .sf-c-txt-orchid\:0\:dark { color: hsl(302, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:10\:dark, html.auto .sf-c-txt-orchid\:10\:dark { color: hsl(302, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:20\:dark, html.auto .sf-c-txt-orchid\:20\:dark { color: hsl(302, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:30\:dark, html.auto .sf-c-txt-orchid\:30\:dark { color: hsl(302, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:40\:dark, html.auto .sf-c-txt-orchid\:40\:dark { color: hsl(302, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:50\:dark, html.auto .sf-c-txt-orchid\:50\:dark { color: hsl(302, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:60\:dark, html.auto .sf-c-txt-orchid\:60\:dark { color: hsl(302, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:70\:dark, html.auto .sf-c-txt-orchid\:70\:dark { color: hsl(302, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:80\:dark, html.auto .sf-c-txt-orchid\:80\:dark { color: hsl(302, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:90\:dark, html.auto .sf-c-txt-orchid\:90\:dark { color: hsl(302, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:100\:dark, html.auto .sf-c-txt-orchid\:100\:dark { color: hsl(302, 59%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/palegoldenrod.css b/src/colors/10/palegoldenrod.css index 42edad5..eaf54ee 100644 --- a/src/colors/10/palegoldenrod.css +++ b/src/colors/10/palegoldenrod.css @@ -78,6 +78,32 @@ html.var .sf-c-palegoldenrod\:80 { color: hsl(55, 67%, 10%); background: hsl(55, html.var .sf-c-palegoldenrod\:90 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 90%) } html.var .sf-c-palegoldenrod\:100 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 100%) } +.sf-c-txt-palegoldenrod { color: hsl(var(--sf-dark-c-txt-palegoldenrod)) } +.sf-c-txt-palegoldenrod\:0 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-100)) } +.sf-c-txt-palegoldenrod\:10 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-90)) } +.sf-c-txt-palegoldenrod\:20 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-80)) } +.sf-c-txt-palegoldenrod\:30 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-70)) } +.sf-c-txt-palegoldenrod\:40 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-60)) } +.sf-c-txt-palegoldenrod\:50 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-50)) } +.sf-c-txt-palegoldenrod\:60 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-40)) } +.sf-c-txt-palegoldenrod\:70 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-30)) } +.sf-c-txt-palegoldenrod\:80 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-20)) } +.sf-c-txt-palegoldenrod\:90 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-10)) } +.sf-c-txt-palegoldenrod\:100 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-0)) } + +html.var .sf-c-txt-palegoldenrod { color: hsl(55, 67%, 20%) } +html.var .sf-c-txt-palegoldenrod\:0 { color: hsl(55, 67%, 100%) } +html.var .sf-c-txt-palegoldenrod\:10 { color: hsl(55, 67%, 90%) } +html.var .sf-c-txt-palegoldenrod\:20 { color: hsl(55, 67%, 80%) } +html.var .sf-c-txt-palegoldenrod\:30 { color: hsl(55, 67%, 70%) } +html.var .sf-c-txt-palegoldenrod\:40 { color: hsl(55, 67%, 60%) } +html.var .sf-c-txt-palegoldenrod\:50 { color: hsl(55, 67%, 50%) } +html.var .sf-c-txt-palegoldenrod\:60 { color: hsl(55, 67%, 40%) } +html.var .sf-c-txt-palegoldenrod\:70 { color: hsl(55, 67%, 30%) } +html.var .sf-c-txt-palegoldenrod\:80 { color: hsl(55, 67%, 20%) } +html.var .sf-c-txt-palegoldenrod\:90 { color: hsl(55, 67%, 10%) } +html.var .sf-c-txt-palegoldenrod\:100 { color: hsl(55, 67%, 0%) } + html[data-theme='dark'] .sf-c-palegoldenrod, html.dark .sf-c-palegoldenrod { color: hsl(var(--sf-dark-c-txt-palegoldenrod-90)); background: hsl(var(--sf-dark-c-palegoldenrod)) } html[data-theme='dark'] .sf-c-palegoldenrod\:0, html.dark .sf-c-palegoldenrod\:0 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-90)); background: hsl(var(--sf-dark-c-palegoldenrod-100)) } html[data-theme='dark'] .sf-c-palegoldenrod\:10, html.dark .sf-c-palegoldenrod\:10 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-10)); background: hsl(var(--sf-dark-c-palegoldenrod-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-palegoldenrod\:80\:dark, html.dark .sf-c-palegolde html[data-theme='dark'] .sf-c-palegoldenrod\:90\:dark, html.dark .sf-c-palegoldenrod\:90\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-90)); background: hsl(var(--sf-c-palegoldenrod-10)) } html[data-theme='dark'] .sf-c-palegoldenrod\:100\:dark, html.dark .sf-c-palegoldenrod\:100\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-90)); background: hsl(var(--sf-c-palegoldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod, html.dark .sf-c-txt-palegoldenrod { color: hsl(var(--sf-c-txt-palegoldenrod)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:0, html.dark .sf-c-txt-palegoldenrod\:0 { color: hsl(var(--sf-c-txt-palegoldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:10, html.dark .sf-c-txt-palegoldenrod\:10 { color: hsl(var(--sf-c-txt-palegoldenrod-10)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:20, html.dark .sf-c-txt-palegoldenrod\:20 { color: hsl(var(--sf-c-txt-palegoldenrod-20)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:30, html.dark .sf-c-txt-palegoldenrod\:30 { color: hsl(var(--sf-c-txt-palegoldenrod-30)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:40, html.dark .sf-c-txt-palegoldenrod\:40 { color: hsl(var(--sf-c-txt-palegoldenrod-40)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:50, html.dark .sf-c-txt-palegoldenrod\:50 { color: hsl(var(--sf-c-txt-palegoldenrod-50)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:60, html.dark .sf-c-txt-palegoldenrod\:60 { color: hsl(var(--sf-c-txt-palegoldenrod-60)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:70, html.dark .sf-c-txt-palegoldenrod\:70 { color: hsl(var(--sf-c-txt-palegoldenrod-70)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:80, html.dark .sf-c-txt-palegoldenrod\:80 { color: hsl(var(--sf-c-txt-palegoldenrod-80)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:90, html.dark .sf-c-txt-palegoldenrod\:90 { color: hsl(var(--sf-c-txt-palegoldenrod-90)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:100, html.dark .sf-c-txt-palegoldenrod\:100 { color: hsl(var(--sf-c-txt-palegoldenrod-100)) } + +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:dark, html.dark .sf-c-txt-palegoldenrod\:dark { color: hsl(var(--sf-c-txt-palegoldenrod)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:0\:dark, html.dark .sf-c-txt-palegoldenrod\:0\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:10\:dark, html.dark .sf-c-txt-palegoldenrod\:10\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-10)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:20\:dark, html.dark .sf-c-txt-palegoldenrod\:20\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-20)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:30\:dark, html.dark .sf-c-txt-palegoldenrod\:30\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-30)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:40\:dark, html.dark .sf-c-txt-palegoldenrod\:40\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-40)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:50\:dark, html.dark .sf-c-txt-palegoldenrod\:50\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-50)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:60\:dark, html.dark .sf-c-txt-palegoldenrod\:60\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-60)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:70\:dark, html.dark .sf-c-txt-palegoldenrod\:70\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-70)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:80\:dark, html.dark .sf-c-txt-palegoldenrod\:80\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-80)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:90\:dark, html.dark .sf-c-txt-palegoldenrod\:90\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-90)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:100\:dark, html.dark .sf-c-txt-palegoldenrod\:100\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-100)) } + html.var[data-theme='dark'] .sf-c-palegoldenrod, html.var.dark .sf-c-palegoldenrod { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 20%) } html.var[data-theme='dark'] .sf-c-palegoldenrod\:0, html.var.dark .sf-c-palegoldenrod\:0 { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 100%) } html.var[data-theme='dark'] .sf-c-palegoldenrod\:10, html.var.dark .sf-c-palegoldenrod\:10 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-palegoldenrod\:80\:dark, html.var.dark .sf-c-p html.var[data-theme='dark'] .sf-c-palegoldenrod\:90\:dark, html.var.dark .sf-c-palegoldenrod\:90\:dark { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 10%) } html.var[data-theme='dark'] .sf-c-palegoldenrod\:100\:dark, html.var.dark .sf-c-palegoldenrod\:100\:dark { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod, html.dark .sf-c-txt-palegoldenrod { color: hsl(55, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:0, html.dark .sf-c-txt-palegoldenrod\:0 { color: hsl(55, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:10, html.dark .sf-c-txt-palegoldenrod\:10 { color: hsl(55, 67%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:20, html.dark .sf-c-txt-palegoldenrod\:20 { color: hsl(55, 67%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:30, html.dark .sf-c-txt-palegoldenrod\:30 { color: hsl(55, 67%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:40, html.dark .sf-c-txt-palegoldenrod\:40 { color: hsl(55, 67%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:50, html.dark .sf-c-txt-palegoldenrod\:50 { color: hsl(55, 67%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:60, html.dark .sf-c-txt-palegoldenrod\:60 { color: hsl(55, 67%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:70, html.dark .sf-c-txt-palegoldenrod\:70 { color: hsl(55, 67%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:80, html.dark .sf-c-txt-palegoldenrod\:80 { color: hsl(55, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:90, html.dark .sf-c-txt-palegoldenrod\:90 { color: hsl(55, 67%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:100, html.dark .sf-c-txt-palegoldenrod\:100 { color: hsl(55, 67%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:dark, html.dark .sf-c-txt-palegoldenrod\:dark { color: hsl(55, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:0\:dark, html.dark .sf-c-txt-palegoldenrod\:0\:dark { color: hsl(55, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:10\:dark, html.dark .sf-c-txt-palegoldenrod\:10\:dark { color: hsl(55, 67%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:20\:dark, html.dark .sf-c-txt-palegoldenrod\:20\:dark { color: hsl(55, 67%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:30\:dark, html.dark .sf-c-txt-palegoldenrod\:30\:dark { color: hsl(55, 67%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:40\:dark, html.dark .sf-c-txt-palegoldenrod\:40\:dark { color: hsl(55, 67%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:50\:dark, html.dark .sf-c-txt-palegoldenrod\:50\:dark { color: hsl(55, 67%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:60\:dark, html.dark .sf-c-txt-palegoldenrod\:60\:dark { color: hsl(55, 67%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:70\:dark, html.dark .sf-c-txt-palegoldenrod\:70\:dark { color: hsl(55, 67%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:80\:dark, html.dark .sf-c-txt-palegoldenrod\:80\:dark { color: hsl(55, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:90\:dark, html.dark .sf-c-txt-palegoldenrod\:90\:dark { color: hsl(55, 67%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:100\:dark, html.dark .sf-c-txt-palegoldenrod\:100\:dark { color: hsl(55, 67%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-palegoldenrod, html.auto .sf-c-palegoldenrod { color: hsl(var(--sf-dark-c-txt-palegoldenrod-90)); background: hsl(var(--sf-dark-c-palegoldenrod)) } html[data-theme='auto'] .sf-c-palegoldenrod\:0, html.auto .sf-c-palegoldenrod\:0 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-90)); background: hsl(var(--sf-dark-c-palegoldenrod-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-palegoldenrod\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-palegoldenrod\:90\:dark, html.auto .sf-c-palegoldenrod\:90\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-90)); background: hsl(var(--sf-c-palegoldenrod-10)) } html[data-theme='auto'] .sf-c-palegoldenrod\:100\:dark, html.auto .sf-c-palegoldenrod\:100\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-90)); background: hsl(var(--sf-c-palegoldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod, html.auto .sf-c-txt-palegoldenrod { color: hsl(var(--sf-c-txt-palegoldenrod)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:0, html.auto .sf-c-txt-palegoldenrod\:0 { color: hsl(var(--sf-c-txt-palegoldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:10, html.auto .sf-c-txt-palegoldenrod\:10 { color: hsl(var(--sf-c-txt-palegoldenrod-10)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:20, html.auto .sf-c-txt-palegoldenrod\:20 { color: hsl(var(--sf-c-txt-palegoldenrod-20)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:30, html.auto .sf-c-txt-palegoldenrod\:30 { color: hsl(var(--sf-c-txt-palegoldenrod-30)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:40, html.auto .sf-c-txt-palegoldenrod\:40 { color: hsl(var(--sf-c-txt-palegoldenrod-40)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:50, html.auto .sf-c-txt-palegoldenrod\:50 { color: hsl(var(--sf-c-txt-palegoldenrod-50)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:60, html.auto .sf-c-txt-palegoldenrod\:60 { color: hsl(var(--sf-c-txt-palegoldenrod-60)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:70, html.auto .sf-c-txt-palegoldenrod\:70 { color: hsl(var(--sf-c-txt-palegoldenrod-70)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:80, html.auto .sf-c-txt-palegoldenrod\:80 { color: hsl(var(--sf-c-txt-palegoldenrod-80)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:90, html.auto .sf-c-txt-palegoldenrod\:90 { color: hsl(var(--sf-c-txt-palegoldenrod-90)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:100, html.auto .sf-c-txt-palegoldenrod\:100 { color: hsl(var(--sf-c-txt-palegoldenrod-100)) } + + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:dark, html.auto .sf-c-txt-palegoldenrod\:dark { color: hsl(var(--sf-c-txt-palegoldenrod)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:0\:dark, html.auto .sf-c-txt-palegoldenrod\:0\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:10\:dark, html.auto .sf-c-txt-palegoldenrod\:10\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-10)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:20\:dark, html.auto .sf-c-txt-palegoldenrod\:20\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-20)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:30\:dark, html.auto .sf-c-txt-palegoldenrod\:30\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-30)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:40\:dark, html.auto .sf-c-txt-palegoldenrod\:40\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-40)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:50\:dark, html.auto .sf-c-txt-palegoldenrod\:50\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-50)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:60\:dark, html.auto .sf-c-txt-palegoldenrod\:60\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-60)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:70\:dark, html.auto .sf-c-txt-palegoldenrod\:70\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-70)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:80\:dark, html.auto .sf-c-txt-palegoldenrod\:80\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-80)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:90\:dark, html.auto .sf-c-txt-palegoldenrod\:90\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-90)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:100\:dark, html.auto .sf-c-txt-palegoldenrod\:100\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-100)) } + html.var[data-theme='auto'] .sf-c-palegoldenrod, html.var.auto .sf-c-palegoldenrod { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 20%) } html.var[data-theme='auto'] .sf-c-palegoldenrod\:0, html.var.auto .sf-c-palegoldenrod\:0 { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 100%) } html.var[data-theme='auto'] .sf-c-palegoldenrod\:10, html.var.auto .sf-c-palegoldenrod\:10 { color: hsl(55, 67%, 10%); background: hsl(55, 67%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-palegoldenrod\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-palegoldenrod\:80\:dark, html.var.auto .sf-c-palegoldenrod\:80\:dark { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 20%) } html.var[data-theme='auto'] .sf-c-palegoldenrod\:90\:dark, html.var.auto .sf-c-palegoldenrod\:90\:dark { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 10%) } html.var[data-theme='auto'] .sf-c-palegoldenrod\:100\:dark, html.var.auto .sf-c-palegoldenrod\:100\:dark { color: hsl(55, 67%, 90%); background: hsl(55, 67%, 0%) } -} -.sf-c-txt-palegoldenrod { color: hsl(var(--sf-c-txt-palegoldenrod)) } -.sf-c-txt-palegoldenrod\:0 { color: hsl(var(--sf-c-txt-palegoldenrod-0)) } -.sf-c-txt-palegoldenrod\:10 { color: hsl(var(--sf-c-txt-palegoldenrod-10)) } -.sf-c-txt-palegoldenrod\:20 { color: hsl(var(--sf-c-txt-palegoldenrod-20)) } -.sf-c-txt-palegoldenrod\:30 { color: hsl(var(--sf-c-txt-palegoldenrod-30)) } -.sf-c-txt-palegoldenrod\:40 { color: hsl(var(--sf-c-txt-palegoldenrod-40)) } -.sf-c-txt-palegoldenrod\:50 { color: hsl(var(--sf-c-txt-palegoldenrod-50)) } -.sf-c-txt-palegoldenrod\:60 { color: hsl(var(--sf-c-txt-palegoldenrod-60)) } -.sf-c-txt-palegoldenrod\:70 { color: hsl(var(--sf-c-txt-palegoldenrod-70)) } -.sf-c-txt-palegoldenrod\:80 { color: hsl(var(--sf-c-txt-palegoldenrod-80)) } -.sf-c-txt-palegoldenrod\:90 { color: hsl(var(--sf-c-txt-palegoldenrod-90)) } -.sf-c-txt-palegoldenrod\:100 { color: hsl(var(--sf-c-txt-palegoldenrod-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod, html.auto .sf-c-txt-palegoldenrod { color: hsl(55, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:0, html.auto .sf-c-txt-palegoldenrod\:0 { color: hsl(55, 67%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:10, html.auto .sf-c-txt-palegoldenrod\:10 { color: hsl(55, 67%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:20, html.auto .sf-c-txt-palegoldenrod\:20 { color: hsl(55, 67%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:30, html.auto .sf-c-txt-palegoldenrod\:30 { color: hsl(55, 67%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:40, html.auto .sf-c-txt-palegoldenrod\:40 { color: hsl(55, 67%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:50, html.auto .sf-c-txt-palegoldenrod\:50 { color: hsl(55, 67%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:60, html.auto .sf-c-txt-palegoldenrod\:60 { color: hsl(55, 67%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:70, html.auto .sf-c-txt-palegoldenrod\:70 { color: hsl(55, 67%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:80, html.auto .sf-c-txt-palegoldenrod\:80 { color: hsl(55, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:90, html.auto .sf-c-txt-palegoldenrod\:90 { color: hsl(55, 67%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:100, html.auto .sf-c-txt-palegoldenrod\:100 { color: hsl(55, 67%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:dark, html.auto .sf-c-txt-palegoldenrod\:dark { color: hsl(55, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:0\:dark, html.auto .sf-c-txt-palegoldenrod\:0\:dark { color: hsl(55, 67%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:10\:dark, html.auto .sf-c-txt-palegoldenrod\:10\:dark { color: hsl(55, 67%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:20\:dark, html.auto .sf-c-txt-palegoldenrod\:20\:dark { color: hsl(55, 67%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:30\:dark, html.auto .sf-c-txt-palegoldenrod\:30\:dark { color: hsl(55, 67%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:40\:dark, html.auto .sf-c-txt-palegoldenrod\:40\:dark { color: hsl(55, 67%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:50\:dark, html.auto .sf-c-txt-palegoldenrod\:50\:dark { color: hsl(55, 67%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:60\:dark, html.auto .sf-c-txt-palegoldenrod\:60\:dark { color: hsl(55, 67%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:70\:dark, html.auto .sf-c-txt-palegoldenrod\:70\:dark { color: hsl(55, 67%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:80\:dark, html.auto .sf-c-txt-palegoldenrod\:80\:dark { color: hsl(55, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:90\:dark, html.auto .sf-c-txt-palegoldenrod\:90\:dark { color: hsl(55, 67%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:100\:dark, html.auto .sf-c-txt-palegoldenrod\:100\:dark { color: hsl(55, 67%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/palegreen.css b/src/colors/10/palegreen.css index 16ef074..4d38181 100644 --- a/src/colors/10/palegreen.css +++ b/src/colors/10/palegreen.css @@ -78,6 +78,32 @@ html.var .sf-c-palegreen\:80 { color: hsl(120, 93%, 10%); background: hsl(120, 9 html.var .sf-c-palegreen\:90 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 90%) } html.var .sf-c-palegreen\:100 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 100%) } +.sf-c-txt-palegreen { color: hsl(var(--sf-dark-c-txt-palegreen)) } +.sf-c-txt-palegreen\:0 { color: hsl(var(--sf-dark-c-txt-palegreen-100)) } +.sf-c-txt-palegreen\:10 { color: hsl(var(--sf-dark-c-txt-palegreen-90)) } +.sf-c-txt-palegreen\:20 { color: hsl(var(--sf-dark-c-txt-palegreen-80)) } +.sf-c-txt-palegreen\:30 { color: hsl(var(--sf-dark-c-txt-palegreen-70)) } +.sf-c-txt-palegreen\:40 { color: hsl(var(--sf-dark-c-txt-palegreen-60)) } +.sf-c-txt-palegreen\:50 { color: hsl(var(--sf-dark-c-txt-palegreen-50)) } +.sf-c-txt-palegreen\:60 { color: hsl(var(--sf-dark-c-txt-palegreen-40)) } +.sf-c-txt-palegreen\:70 { color: hsl(var(--sf-dark-c-txt-palegreen-30)) } +.sf-c-txt-palegreen\:80 { color: hsl(var(--sf-dark-c-txt-palegreen-20)) } +.sf-c-txt-palegreen\:90 { color: hsl(var(--sf-dark-c-txt-palegreen-10)) } +.sf-c-txt-palegreen\:100 { color: hsl(var(--sf-dark-c-txt-palegreen-0)) } + +html.var .sf-c-txt-palegreen { color: hsl(120, 93%, 21%) } +html.var .sf-c-txt-palegreen\:0 { color: hsl(120, 93%, 100%) } +html.var .sf-c-txt-palegreen\:10 { color: hsl(120, 93%, 90%) } +html.var .sf-c-txt-palegreen\:20 { color: hsl(120, 93%, 80%) } +html.var .sf-c-txt-palegreen\:30 { color: hsl(120, 93%, 70%) } +html.var .sf-c-txt-palegreen\:40 { color: hsl(120, 93%, 60%) } +html.var .sf-c-txt-palegreen\:50 { color: hsl(120, 93%, 50%) } +html.var .sf-c-txt-palegreen\:60 { color: hsl(120, 93%, 40%) } +html.var .sf-c-txt-palegreen\:70 { color: hsl(120, 93%, 30%) } +html.var .sf-c-txt-palegreen\:80 { color: hsl(120, 93%, 20%) } +html.var .sf-c-txt-palegreen\:90 { color: hsl(120, 93%, 10%) } +html.var .sf-c-txt-palegreen\:100 { color: hsl(120, 93%, 0%) } + html[data-theme='dark'] .sf-c-palegreen, html.dark .sf-c-palegreen { color: hsl(var(--sf-dark-c-txt-palegreen-90)); background: hsl(var(--sf-dark-c-palegreen)) } html[data-theme='dark'] .sf-c-palegreen\:0, html.dark .sf-c-palegreen\:0 { color: hsl(var(--sf-dark-c-txt-palegreen-90)); background: hsl(var(--sf-dark-c-palegreen-100)) } html[data-theme='dark'] .sf-c-palegreen\:10, html.dark .sf-c-palegreen\:10 { color: hsl(var(--sf-dark-c-txt-palegreen-10)); background: hsl(var(--sf-dark-c-palegreen-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-palegreen\:80\:dark, html.dark .sf-c-palegreen\:80 html[data-theme='dark'] .sf-c-palegreen\:90\:dark, html.dark .sf-c-palegreen\:90\:dark { color: hsl(var(--sf-c-txt-palegreen-90)); background: hsl(var(--sf-c-palegreen-10)) } html[data-theme='dark'] .sf-c-palegreen\:100\:dark, html.dark .sf-c-palegreen\:100\:dark { color: hsl(var(--sf-c-txt-palegreen-90)); background: hsl(var(--sf-c-palegreen-0)) } +html[data-theme='dark'] .sf-c-txt-palegreen, html.dark .sf-c-txt-palegreen { color: hsl(var(--sf-c-txt-palegreen)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:0, html.dark .sf-c-txt-palegreen\:0 { color: hsl(var(--sf-c-txt-palegreen-0)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:10, html.dark .sf-c-txt-palegreen\:10 { color: hsl(var(--sf-c-txt-palegreen-10)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:20, html.dark .sf-c-txt-palegreen\:20 { color: hsl(var(--sf-c-txt-palegreen-20)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:30, html.dark .sf-c-txt-palegreen\:30 { color: hsl(var(--sf-c-txt-palegreen-30)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:40, html.dark .sf-c-txt-palegreen\:40 { color: hsl(var(--sf-c-txt-palegreen-40)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:50, html.dark .sf-c-txt-palegreen\:50 { color: hsl(var(--sf-c-txt-palegreen-50)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:60, html.dark .sf-c-txt-palegreen\:60 { color: hsl(var(--sf-c-txt-palegreen-60)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:70, html.dark .sf-c-txt-palegreen\:70 { color: hsl(var(--sf-c-txt-palegreen-70)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:80, html.dark .sf-c-txt-palegreen\:80 { color: hsl(var(--sf-c-txt-palegreen-80)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:90, html.dark .sf-c-txt-palegreen\:90 { color: hsl(var(--sf-c-txt-palegreen-90)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:100, html.dark .sf-c-txt-palegreen\:100 { color: hsl(var(--sf-c-txt-palegreen-100)) } + +html[data-theme='dark'] .sf-c-txt-palegreen\:dark, html.dark .sf-c-txt-palegreen\:dark { color: hsl(var(--sf-c-txt-palegreen)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:0\:dark, html.dark .sf-c-txt-palegreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-0)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:10\:dark, html.dark .sf-c-txt-palegreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-10)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:20\:dark, html.dark .sf-c-txt-palegreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-20)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:30\:dark, html.dark .sf-c-txt-palegreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-30)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:40\:dark, html.dark .sf-c-txt-palegreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-40)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:50\:dark, html.dark .sf-c-txt-palegreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-50)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:60\:dark, html.dark .sf-c-txt-palegreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-60)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:70\:dark, html.dark .sf-c-txt-palegreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-70)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:80\:dark, html.dark .sf-c-txt-palegreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-80)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:90\:dark, html.dark .sf-c-txt-palegreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-90)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:100\:dark, html.dark .sf-c-txt-palegreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-100)) } + html.var[data-theme='dark'] .sf-c-palegreen, html.var.dark .sf-c-palegreen { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 21%) } html.var[data-theme='dark'] .sf-c-palegreen\:0, html.var.dark .sf-c-palegreen\:0 { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 100%) } html.var[data-theme='dark'] .sf-c-palegreen\:10, html.var.dark .sf-c-palegreen\:10 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-palegreen\:80\:dark, html.var.dark .sf-c-paleg html.var[data-theme='dark'] .sf-c-palegreen\:90\:dark, html.var.dark .sf-c-palegreen\:90\:dark { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 10%) } html.var[data-theme='dark'] .sf-c-palegreen\:100\:dark, html.var.dark .sf-c-palegreen\:100\:dark { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen, html.dark .sf-c-txt-palegreen { color: hsl(120, 93%, 79%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:0, html.dark .sf-c-txt-palegreen\:0 { color: hsl(120, 93%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:10, html.dark .sf-c-txt-palegreen\:10 { color: hsl(120, 93%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:20, html.dark .sf-c-txt-palegreen\:20 { color: hsl(120, 93%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:30, html.dark .sf-c-txt-palegreen\:30 { color: hsl(120, 93%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:40, html.dark .sf-c-txt-palegreen\:40 { color: hsl(120, 93%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:50, html.dark .sf-c-txt-palegreen\:50 { color: hsl(120, 93%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:60, html.dark .sf-c-txt-palegreen\:60 { color: hsl(120, 93%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:70, html.dark .sf-c-txt-palegreen\:70 { color: hsl(120, 93%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:80, html.dark .sf-c-txt-palegreen\:80 { color: hsl(120, 93%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:90, html.dark .sf-c-txt-palegreen\:90 { color: hsl(120, 93%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:100, html.dark .sf-c-txt-palegreen\:100 { color: hsl(120, 93%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-palegreen\:dark, html.dark .sf-c-txt-palegreen\:dark { color: hsl(120, 93%, 79%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:0\:dark, html.dark .sf-c-txt-palegreen\:0\:dark { color: hsl(120, 93%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:10\:dark, html.dark .sf-c-txt-palegreen\:10\:dark { color: hsl(120, 93%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:20\:dark, html.dark .sf-c-txt-palegreen\:20\:dark { color: hsl(120, 93%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:30\:dark, html.dark .sf-c-txt-palegreen\:30\:dark { color: hsl(120, 93%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:40\:dark, html.dark .sf-c-txt-palegreen\:40\:dark { color: hsl(120, 93%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:50\:dark, html.dark .sf-c-txt-palegreen\:50\:dark { color: hsl(120, 93%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:60\:dark, html.dark .sf-c-txt-palegreen\:60\:dark { color: hsl(120, 93%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:70\:dark, html.dark .sf-c-txt-palegreen\:70\:dark { color: hsl(120, 93%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:80\:dark, html.dark .sf-c-txt-palegreen\:80\:dark { color: hsl(120, 93%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:90\:dark, html.dark .sf-c-txt-palegreen\:90\:dark { color: hsl(120, 93%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:100\:dark, html.dark .sf-c-txt-palegreen\:100\:dark { color: hsl(120, 93%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-palegreen, html.auto .sf-c-palegreen { color: hsl(var(--sf-dark-c-txt-palegreen-90)); background: hsl(var(--sf-dark-c-palegreen)) } html[data-theme='auto'] .sf-c-palegreen\:0, html.auto .sf-c-palegreen\:0 { color: hsl(var(--sf-dark-c-txt-palegreen-90)); background: hsl(var(--sf-dark-c-palegreen-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-palegreen\:100\:dark, html.var.dark .sf-c-pale html[data-theme='auto'] .sf-c-palegreen\:90\:dark, html.auto .sf-c-palegreen\:90\:dark { color: hsl(var(--sf-c-txt-palegreen-90)); background: hsl(var(--sf-c-palegreen-10)) } html[data-theme='auto'] .sf-c-palegreen\:100\:dark, html.auto .sf-c-palegreen\:100\:dark { color: hsl(var(--sf-c-txt-palegreen-90)); background: hsl(var(--sf-c-palegreen-0)) } + html[data-theme='auto'] .sf-c-txt-palegreen, html.auto .sf-c-txt-palegreen { color: hsl(var(--sf-c-txt-palegreen)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:0, html.auto .sf-c-txt-palegreen\:0 { color: hsl(var(--sf-c-txt-palegreen-0)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:10, html.auto .sf-c-txt-palegreen\:10 { color: hsl(var(--sf-c-txt-palegreen-10)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:20, html.auto .sf-c-txt-palegreen\:20 { color: hsl(var(--sf-c-txt-palegreen-20)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:30, html.auto .sf-c-txt-palegreen\:30 { color: hsl(var(--sf-c-txt-palegreen-30)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:40, html.auto .sf-c-txt-palegreen\:40 { color: hsl(var(--sf-c-txt-palegreen-40)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:50, html.auto .sf-c-txt-palegreen\:50 { color: hsl(var(--sf-c-txt-palegreen-50)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:60, html.auto .sf-c-txt-palegreen\:60 { color: hsl(var(--sf-c-txt-palegreen-60)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:70, html.auto .sf-c-txt-palegreen\:70 { color: hsl(var(--sf-c-txt-palegreen-70)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:80, html.auto .sf-c-txt-palegreen\:80 { color: hsl(var(--sf-c-txt-palegreen-80)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:90, html.auto .sf-c-txt-palegreen\:90 { color: hsl(var(--sf-c-txt-palegreen-90)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:100, html.auto .sf-c-txt-palegreen\:100 { color: hsl(var(--sf-c-txt-palegreen-100)) } + + html[data-theme='auto'] .sf-c-txt-palegreen\:dark, html.auto .sf-c-txt-palegreen\:dark { color: hsl(var(--sf-c-txt-palegreen)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:0\:dark, html.auto .sf-c-txt-palegreen\:0\:dark { color: hsl(var(--sf-c-txt-palegreen-0)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:10\:dark, html.auto .sf-c-txt-palegreen\:10\:dark { color: hsl(var(--sf-c-txt-palegreen-10)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:20\:dark, html.auto .sf-c-txt-palegreen\:20\:dark { color: hsl(var(--sf-c-txt-palegreen-20)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:30\:dark, html.auto .sf-c-txt-palegreen\:30\:dark { color: hsl(var(--sf-c-txt-palegreen-30)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:40\:dark, html.auto .sf-c-txt-palegreen\:40\:dark { color: hsl(var(--sf-c-txt-palegreen-40)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:50\:dark, html.auto .sf-c-txt-palegreen\:50\:dark { color: hsl(var(--sf-c-txt-palegreen-50)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:60\:dark, html.auto .sf-c-txt-palegreen\:60\:dark { color: hsl(var(--sf-c-txt-palegreen-60)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:70\:dark, html.auto .sf-c-txt-palegreen\:70\:dark { color: hsl(var(--sf-c-txt-palegreen-70)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:80\:dark, html.auto .sf-c-txt-palegreen\:80\:dark { color: hsl(var(--sf-c-txt-palegreen-80)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:90\:dark, html.auto .sf-c-txt-palegreen\:90\:dark { color: hsl(var(--sf-c-txt-palegreen-90)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:100\:dark, html.auto .sf-c-txt-palegreen\:100\:dark { color: hsl(var(--sf-c-txt-palegreen-100)) } + html.var[data-theme='auto'] .sf-c-palegreen, html.var.auto .sf-c-palegreen { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 21%) } html.var[data-theme='auto'] .sf-c-palegreen\:0, html.var.auto .sf-c-palegreen\:0 { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 100%) } html.var[data-theme='auto'] .sf-c-palegreen\:10, html.var.auto .sf-c-palegreen\:10 { color: hsl(120, 93%, 10%); background: hsl(120, 93%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-palegreen\:100\:dark, html.var.dark .sf-c-pale html.var[data-theme='auto'] .sf-c-palegreen\:80\:dark, html.var.auto .sf-c-palegreen\:80\:dark { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 20%) } html.var[data-theme='auto'] .sf-c-palegreen\:90\:dark, html.var.auto .sf-c-palegreen\:90\:dark { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 10%) } html.var[data-theme='auto'] .sf-c-palegreen\:100\:dark, html.var.auto .sf-c-palegreen\:100\:dark { color: hsl(120, 93%, 90%); background: hsl(120, 93%, 0%) } -} -.sf-c-txt-palegreen { color: hsl(var(--sf-c-txt-palegreen)) } -.sf-c-txt-palegreen\:0 { color: hsl(var(--sf-c-txt-palegreen-0)) } -.sf-c-txt-palegreen\:10 { color: hsl(var(--sf-c-txt-palegreen-10)) } -.sf-c-txt-palegreen\:20 { color: hsl(var(--sf-c-txt-palegreen-20)) } -.sf-c-txt-palegreen\:30 { color: hsl(var(--sf-c-txt-palegreen-30)) } -.sf-c-txt-palegreen\:40 { color: hsl(var(--sf-c-txt-palegreen-40)) } -.sf-c-txt-palegreen\:50 { color: hsl(var(--sf-c-txt-palegreen-50)) } -.sf-c-txt-palegreen\:60 { color: hsl(var(--sf-c-txt-palegreen-60)) } -.sf-c-txt-palegreen\:70 { color: hsl(var(--sf-c-txt-palegreen-70)) } -.sf-c-txt-palegreen\:80 { color: hsl(var(--sf-c-txt-palegreen-80)) } -.sf-c-txt-palegreen\:90 { color: hsl(var(--sf-c-txt-palegreen-90)) } -.sf-c-txt-palegreen\:100 { color: hsl(var(--sf-c-txt-palegreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-palegreen, html.auto .sf-c-txt-palegreen { color: hsl(120, 93%, 79%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:0, html.auto .sf-c-txt-palegreen\:0 { color: hsl(120, 93%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:10, html.auto .sf-c-txt-palegreen\:10 { color: hsl(120, 93%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:20, html.auto .sf-c-txt-palegreen\:20 { color: hsl(120, 93%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:30, html.auto .sf-c-txt-palegreen\:30 { color: hsl(120, 93%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:40, html.auto .sf-c-txt-palegreen\:40 { color: hsl(120, 93%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:50, html.auto .sf-c-txt-palegreen\:50 { color: hsl(120, 93%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:60, html.auto .sf-c-txt-palegreen\:60 { color: hsl(120, 93%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:70, html.auto .sf-c-txt-palegreen\:70 { color: hsl(120, 93%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:80, html.auto .sf-c-txt-palegreen\:80 { color: hsl(120, 93%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:90, html.auto .sf-c-txt-palegreen\:90 { color: hsl(120, 93%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:100, html.auto .sf-c-txt-palegreen\:100 { color: hsl(120, 93%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-palegreen\:dark, html.auto .sf-c-txt-palegreen\:dark { color: hsl(120, 93%, 79%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:0\:dark, html.auto .sf-c-txt-palegreen\:0\:dark { color: hsl(120, 93%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:10\:dark, html.auto .sf-c-txt-palegreen\:10\:dark { color: hsl(120, 93%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:20\:dark, html.auto .sf-c-txt-palegreen\:20\:dark { color: hsl(120, 93%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:30\:dark, html.auto .sf-c-txt-palegreen\:30\:dark { color: hsl(120, 93%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:40\:dark, html.auto .sf-c-txt-palegreen\:40\:dark { color: hsl(120, 93%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:50\:dark, html.auto .sf-c-txt-palegreen\:50\:dark { color: hsl(120, 93%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:60\:dark, html.auto .sf-c-txt-palegreen\:60\:dark { color: hsl(120, 93%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:70\:dark, html.auto .sf-c-txt-palegreen\:70\:dark { color: hsl(120, 93%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:80\:dark, html.auto .sf-c-txt-palegreen\:80\:dark { color: hsl(120, 93%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:90\:dark, html.auto .sf-c-txt-palegreen\:90\:dark { color: hsl(120, 93%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:100\:dark, html.auto .sf-c-txt-palegreen\:100\:dark { color: hsl(120, 93%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/paleturquoise.css b/src/colors/10/paleturquoise.css index 9d4c01b..0c3e3a2 100644 --- a/src/colors/10/paleturquoise.css +++ b/src/colors/10/paleturquoise.css @@ -78,6 +78,32 @@ html.var .sf-c-paleturquoise\:80 { color: hsl(180, 65%, 10%); background: hsl(18 html.var .sf-c-paleturquoise\:90 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 90%) } html.var .sf-c-paleturquoise\:100 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 100%) } +.sf-c-txt-paleturquoise { color: hsl(var(--sf-dark-c-txt-paleturquoise)) } +.sf-c-txt-paleturquoise\:0 { color: hsl(var(--sf-dark-c-txt-paleturquoise-100)) } +.sf-c-txt-paleturquoise\:10 { color: hsl(var(--sf-dark-c-txt-paleturquoise-90)) } +.sf-c-txt-paleturquoise\:20 { color: hsl(var(--sf-dark-c-txt-paleturquoise-80)) } +.sf-c-txt-paleturquoise\:30 { color: hsl(var(--sf-dark-c-txt-paleturquoise-70)) } +.sf-c-txt-paleturquoise\:40 { color: hsl(var(--sf-dark-c-txt-paleturquoise-60)) } +.sf-c-txt-paleturquoise\:50 { color: hsl(var(--sf-dark-c-txt-paleturquoise-50)) } +.sf-c-txt-paleturquoise\:60 { color: hsl(var(--sf-dark-c-txt-paleturquoise-40)) } +.sf-c-txt-paleturquoise\:70 { color: hsl(var(--sf-dark-c-txt-paleturquoise-30)) } +.sf-c-txt-paleturquoise\:80 { color: hsl(var(--sf-dark-c-txt-paleturquoise-20)) } +.sf-c-txt-paleturquoise\:90 { color: hsl(var(--sf-dark-c-txt-paleturquoise-10)) } +.sf-c-txt-paleturquoise\:100 { color: hsl(var(--sf-dark-c-txt-paleturquoise-0)) } + +html.var .sf-c-txt-paleturquoise { color: hsl(180, 65%, 19%) } +html.var .sf-c-txt-paleturquoise\:0 { color: hsl(180, 65%, 100%) } +html.var .sf-c-txt-paleturquoise\:10 { color: hsl(180, 65%, 90%) } +html.var .sf-c-txt-paleturquoise\:20 { color: hsl(180, 65%, 80%) } +html.var .sf-c-txt-paleturquoise\:30 { color: hsl(180, 65%, 70%) } +html.var .sf-c-txt-paleturquoise\:40 { color: hsl(180, 65%, 60%) } +html.var .sf-c-txt-paleturquoise\:50 { color: hsl(180, 65%, 50%) } +html.var .sf-c-txt-paleturquoise\:60 { color: hsl(180, 65%, 40%) } +html.var .sf-c-txt-paleturquoise\:70 { color: hsl(180, 65%, 30%) } +html.var .sf-c-txt-paleturquoise\:80 { color: hsl(180, 65%, 20%) } +html.var .sf-c-txt-paleturquoise\:90 { color: hsl(180, 65%, 10%) } +html.var .sf-c-txt-paleturquoise\:100 { color: hsl(180, 65%, 0%) } + html[data-theme='dark'] .sf-c-paleturquoise, html.dark .sf-c-paleturquoise { color: hsl(var(--sf-dark-c-txt-paleturquoise-90)); background: hsl(var(--sf-dark-c-paleturquoise)) } html[data-theme='dark'] .sf-c-paleturquoise\:0, html.dark .sf-c-paleturquoise\:0 { color: hsl(var(--sf-dark-c-txt-paleturquoise-90)); background: hsl(var(--sf-dark-c-paleturquoise-100)) } html[data-theme='dark'] .sf-c-paleturquoise\:10, html.dark .sf-c-paleturquoise\:10 { color: hsl(var(--sf-dark-c-txt-paleturquoise-10)); background: hsl(var(--sf-dark-c-paleturquoise-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-paleturquoise\:80\:dark, html.dark .sf-c-paleturqu html[data-theme='dark'] .sf-c-paleturquoise\:90\:dark, html.dark .sf-c-paleturquoise\:90\:dark { color: hsl(var(--sf-c-txt-paleturquoise-90)); background: hsl(var(--sf-c-paleturquoise-10)) } html[data-theme='dark'] .sf-c-paleturquoise\:100\:dark, html.dark .sf-c-paleturquoise\:100\:dark { color: hsl(var(--sf-c-txt-paleturquoise-90)); background: hsl(var(--sf-c-paleturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise, html.dark .sf-c-txt-paleturquoise { color: hsl(var(--sf-c-txt-paleturquoise)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:0, html.dark .sf-c-txt-paleturquoise\:0 { color: hsl(var(--sf-c-txt-paleturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:10, html.dark .sf-c-txt-paleturquoise\:10 { color: hsl(var(--sf-c-txt-paleturquoise-10)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:20, html.dark .sf-c-txt-paleturquoise\:20 { color: hsl(var(--sf-c-txt-paleturquoise-20)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:30, html.dark .sf-c-txt-paleturquoise\:30 { color: hsl(var(--sf-c-txt-paleturquoise-30)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:40, html.dark .sf-c-txt-paleturquoise\:40 { color: hsl(var(--sf-c-txt-paleturquoise-40)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:50, html.dark .sf-c-txt-paleturquoise\:50 { color: hsl(var(--sf-c-txt-paleturquoise-50)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:60, html.dark .sf-c-txt-paleturquoise\:60 { color: hsl(var(--sf-c-txt-paleturquoise-60)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:70, html.dark .sf-c-txt-paleturquoise\:70 { color: hsl(var(--sf-c-txt-paleturquoise-70)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:80, html.dark .sf-c-txt-paleturquoise\:80 { color: hsl(var(--sf-c-txt-paleturquoise-80)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:90, html.dark .sf-c-txt-paleturquoise\:90 { color: hsl(var(--sf-c-txt-paleturquoise-90)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:100, html.dark .sf-c-txt-paleturquoise\:100 { color: hsl(var(--sf-c-txt-paleturquoise-100)) } + +html[data-theme='dark'] .sf-c-txt-paleturquoise\:dark, html.dark .sf-c-txt-paleturquoise\:dark { color: hsl(var(--sf-c-txt-paleturquoise)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:0\:dark, html.dark .sf-c-txt-paleturquoise\:0\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:10\:dark, html.dark .sf-c-txt-paleturquoise\:10\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-10)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:20\:dark, html.dark .sf-c-txt-paleturquoise\:20\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-20)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:30\:dark, html.dark .sf-c-txt-paleturquoise\:30\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-30)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:40\:dark, html.dark .sf-c-txt-paleturquoise\:40\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-40)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:50\:dark, html.dark .sf-c-txt-paleturquoise\:50\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-50)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:60\:dark, html.dark .sf-c-txt-paleturquoise\:60\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-60)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:70\:dark, html.dark .sf-c-txt-paleturquoise\:70\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-70)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:80\:dark, html.dark .sf-c-txt-paleturquoise\:80\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-80)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:90\:dark, html.dark .sf-c-txt-paleturquoise\:90\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-90)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:100\:dark, html.dark .sf-c-txt-paleturquoise\:100\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-100)) } + html.var[data-theme='dark'] .sf-c-paleturquoise, html.var.dark .sf-c-paleturquoise { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 19%) } html.var[data-theme='dark'] .sf-c-paleturquoise\:0, html.var.dark .sf-c-paleturquoise\:0 { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 100%) } html.var[data-theme='dark'] .sf-c-paleturquoise\:10, html.var.dark .sf-c-paleturquoise\:10 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-paleturquoise\:80\:dark, html.var.dark .sf-c-p html.var[data-theme='dark'] .sf-c-paleturquoise\:90\:dark, html.var.dark .sf-c-paleturquoise\:90\:dark { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 10%) } html.var[data-theme='dark'] .sf-c-paleturquoise\:100\:dark, html.var.dark .sf-c-paleturquoise\:100\:dark { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise, html.dark .sf-c-txt-paleturquoise { color: hsl(180, 65%, 81%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:0, html.dark .sf-c-txt-paleturquoise\:0 { color: hsl(180, 65%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:10, html.dark .sf-c-txt-paleturquoise\:10 { color: hsl(180, 65%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:20, html.dark .sf-c-txt-paleturquoise\:20 { color: hsl(180, 65%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:30, html.dark .sf-c-txt-paleturquoise\:30 { color: hsl(180, 65%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:40, html.dark .sf-c-txt-paleturquoise\:40 { color: hsl(180, 65%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:50, html.dark .sf-c-txt-paleturquoise\:50 { color: hsl(180, 65%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:60, html.dark .sf-c-txt-paleturquoise\:60 { color: hsl(180, 65%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:70, html.dark .sf-c-txt-paleturquoise\:70 { color: hsl(180, 65%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:80, html.dark .sf-c-txt-paleturquoise\:80 { color: hsl(180, 65%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:90, html.dark .sf-c-txt-paleturquoise\:90 { color: hsl(180, 65%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:100, html.dark .sf-c-txt-paleturquoise\:100 { color: hsl(180, 65%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:dark, html.dark .sf-c-txt-paleturquoise\:dark { color: hsl(180, 65%, 81%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:0\:dark, html.dark .sf-c-txt-paleturquoise\:0\:dark { color: hsl(180, 65%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:10\:dark, html.dark .sf-c-txt-paleturquoise\:10\:dark { color: hsl(180, 65%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:20\:dark, html.dark .sf-c-txt-paleturquoise\:20\:dark { color: hsl(180, 65%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:30\:dark, html.dark .sf-c-txt-paleturquoise\:30\:dark { color: hsl(180, 65%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:40\:dark, html.dark .sf-c-txt-paleturquoise\:40\:dark { color: hsl(180, 65%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:50\:dark, html.dark .sf-c-txt-paleturquoise\:50\:dark { color: hsl(180, 65%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:60\:dark, html.dark .sf-c-txt-paleturquoise\:60\:dark { color: hsl(180, 65%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:70\:dark, html.dark .sf-c-txt-paleturquoise\:70\:dark { color: hsl(180, 65%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:80\:dark, html.dark .sf-c-txt-paleturquoise\:80\:dark { color: hsl(180, 65%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:90\:dark, html.dark .sf-c-txt-paleturquoise\:90\:dark { color: hsl(180, 65%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:100\:dark, html.dark .sf-c-txt-paleturquoise\:100\:dark { color: hsl(180, 65%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-paleturquoise, html.auto .sf-c-paleturquoise { color: hsl(var(--sf-dark-c-txt-paleturquoise-90)); background: hsl(var(--sf-dark-c-paleturquoise)) } html[data-theme='auto'] .sf-c-paleturquoise\:0, html.auto .sf-c-paleturquoise\:0 { color: hsl(var(--sf-dark-c-txt-paleturquoise-90)); background: hsl(var(--sf-dark-c-paleturquoise-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-paleturquoise\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-paleturquoise\:90\:dark, html.auto .sf-c-paleturquoise\:90\:dark { color: hsl(var(--sf-c-txt-paleturquoise-90)); background: hsl(var(--sf-c-paleturquoise-10)) } html[data-theme='auto'] .sf-c-paleturquoise\:100\:dark, html.auto .sf-c-paleturquoise\:100\:dark { color: hsl(var(--sf-c-txt-paleturquoise-90)); background: hsl(var(--sf-c-paleturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise, html.auto .sf-c-txt-paleturquoise { color: hsl(var(--sf-c-txt-paleturquoise)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:0, html.auto .sf-c-txt-paleturquoise\:0 { color: hsl(var(--sf-c-txt-paleturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:10, html.auto .sf-c-txt-paleturquoise\:10 { color: hsl(var(--sf-c-txt-paleturquoise-10)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:20, html.auto .sf-c-txt-paleturquoise\:20 { color: hsl(var(--sf-c-txt-paleturquoise-20)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:30, html.auto .sf-c-txt-paleturquoise\:30 { color: hsl(var(--sf-c-txt-paleturquoise-30)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:40, html.auto .sf-c-txt-paleturquoise\:40 { color: hsl(var(--sf-c-txt-paleturquoise-40)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:50, html.auto .sf-c-txt-paleturquoise\:50 { color: hsl(var(--sf-c-txt-paleturquoise-50)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:60, html.auto .sf-c-txt-paleturquoise\:60 { color: hsl(var(--sf-c-txt-paleturquoise-60)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:70, html.auto .sf-c-txt-paleturquoise\:70 { color: hsl(var(--sf-c-txt-paleturquoise-70)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:80, html.auto .sf-c-txt-paleturquoise\:80 { color: hsl(var(--sf-c-txt-paleturquoise-80)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:90, html.auto .sf-c-txt-paleturquoise\:90 { color: hsl(var(--sf-c-txt-paleturquoise-90)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:100, html.auto .sf-c-txt-paleturquoise\:100 { color: hsl(var(--sf-c-txt-paleturquoise-100)) } + + html[data-theme='auto'] .sf-c-txt-paleturquoise\:dark, html.auto .sf-c-txt-paleturquoise\:dark { color: hsl(var(--sf-c-txt-paleturquoise)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:0\:dark, html.auto .sf-c-txt-paleturquoise\:0\:dark { color: hsl(var(--sf-c-txt-paleturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:10\:dark, html.auto .sf-c-txt-paleturquoise\:10\:dark { color: hsl(var(--sf-c-txt-paleturquoise-10)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:20\:dark, html.auto .sf-c-txt-paleturquoise\:20\:dark { color: hsl(var(--sf-c-txt-paleturquoise-20)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:30\:dark, html.auto .sf-c-txt-paleturquoise\:30\:dark { color: hsl(var(--sf-c-txt-paleturquoise-30)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:40\:dark, html.auto .sf-c-txt-paleturquoise\:40\:dark { color: hsl(var(--sf-c-txt-paleturquoise-40)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:50\:dark, html.auto .sf-c-txt-paleturquoise\:50\:dark { color: hsl(var(--sf-c-txt-paleturquoise-50)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:60\:dark, html.auto .sf-c-txt-paleturquoise\:60\:dark { color: hsl(var(--sf-c-txt-paleturquoise-60)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:70\:dark, html.auto .sf-c-txt-paleturquoise\:70\:dark { color: hsl(var(--sf-c-txt-paleturquoise-70)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:80\:dark, html.auto .sf-c-txt-paleturquoise\:80\:dark { color: hsl(var(--sf-c-txt-paleturquoise-80)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:90\:dark, html.auto .sf-c-txt-paleturquoise\:90\:dark { color: hsl(var(--sf-c-txt-paleturquoise-90)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:100\:dark, html.auto .sf-c-txt-paleturquoise\:100\:dark { color: hsl(var(--sf-c-txt-paleturquoise-100)) } + html.var[data-theme='auto'] .sf-c-paleturquoise, html.var.auto .sf-c-paleturquoise { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 19%) } html.var[data-theme='auto'] .sf-c-paleturquoise\:0, html.var.auto .sf-c-paleturquoise\:0 { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 100%) } html.var[data-theme='auto'] .sf-c-paleturquoise\:10, html.var.auto .sf-c-paleturquoise\:10 { color: hsl(180, 65%, 10%); background: hsl(180, 65%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-paleturquoise\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-paleturquoise\:80\:dark, html.var.auto .sf-c-paleturquoise\:80\:dark { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 20%) } html.var[data-theme='auto'] .sf-c-paleturquoise\:90\:dark, html.var.auto .sf-c-paleturquoise\:90\:dark { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 10%) } html.var[data-theme='auto'] .sf-c-paleturquoise\:100\:dark, html.var.auto .sf-c-paleturquoise\:100\:dark { color: hsl(180, 65%, 90%); background: hsl(180, 65%, 0%) } -} -.sf-c-txt-paleturquoise { color: hsl(var(--sf-c-txt-paleturquoise)) } -.sf-c-txt-paleturquoise\:0 { color: hsl(var(--sf-c-txt-paleturquoise-0)) } -.sf-c-txt-paleturquoise\:10 { color: hsl(var(--sf-c-txt-paleturquoise-10)) } -.sf-c-txt-paleturquoise\:20 { color: hsl(var(--sf-c-txt-paleturquoise-20)) } -.sf-c-txt-paleturquoise\:30 { color: hsl(var(--sf-c-txt-paleturquoise-30)) } -.sf-c-txt-paleturquoise\:40 { color: hsl(var(--sf-c-txt-paleturquoise-40)) } -.sf-c-txt-paleturquoise\:50 { color: hsl(var(--sf-c-txt-paleturquoise-50)) } -.sf-c-txt-paleturquoise\:60 { color: hsl(var(--sf-c-txt-paleturquoise-60)) } -.sf-c-txt-paleturquoise\:70 { color: hsl(var(--sf-c-txt-paleturquoise-70)) } -.sf-c-txt-paleturquoise\:80 { color: hsl(var(--sf-c-txt-paleturquoise-80)) } -.sf-c-txt-paleturquoise\:90 { color: hsl(var(--sf-c-txt-paleturquoise-90)) } -.sf-c-txt-paleturquoise\:100 { color: hsl(var(--sf-c-txt-paleturquoise-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-paleturquoise, html.auto .sf-c-txt-paleturquoise { color: hsl(180, 65%, 81%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:0, html.auto .sf-c-txt-paleturquoise\:0 { color: hsl(180, 65%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:10, html.auto .sf-c-txt-paleturquoise\:10 { color: hsl(180, 65%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:20, html.auto .sf-c-txt-paleturquoise\:20 { color: hsl(180, 65%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:30, html.auto .sf-c-txt-paleturquoise\:30 { color: hsl(180, 65%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:40, html.auto .sf-c-txt-paleturquoise\:40 { color: hsl(180, 65%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:50, html.auto .sf-c-txt-paleturquoise\:50 { color: hsl(180, 65%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:60, html.auto .sf-c-txt-paleturquoise\:60 { color: hsl(180, 65%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:70, html.auto .sf-c-txt-paleturquoise\:70 { color: hsl(180, 65%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:80, html.auto .sf-c-txt-paleturquoise\:80 { color: hsl(180, 65%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:90, html.auto .sf-c-txt-paleturquoise\:90 { color: hsl(180, 65%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:100, html.auto .sf-c-txt-paleturquoise\:100 { color: hsl(180, 65%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:dark, html.auto .sf-c-txt-paleturquoise\:dark { color: hsl(180, 65%, 81%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:0\:dark, html.auto .sf-c-txt-paleturquoise\:0\:dark { color: hsl(180, 65%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:10\:dark, html.auto .sf-c-txt-paleturquoise\:10\:dark { color: hsl(180, 65%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:20\:dark, html.auto .sf-c-txt-paleturquoise\:20\:dark { color: hsl(180, 65%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:30\:dark, html.auto .sf-c-txt-paleturquoise\:30\:dark { color: hsl(180, 65%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:40\:dark, html.auto .sf-c-txt-paleturquoise\:40\:dark { color: hsl(180, 65%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:50\:dark, html.auto .sf-c-txt-paleturquoise\:50\:dark { color: hsl(180, 65%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:60\:dark, html.auto .sf-c-txt-paleturquoise\:60\:dark { color: hsl(180, 65%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:70\:dark, html.auto .sf-c-txt-paleturquoise\:70\:dark { color: hsl(180, 65%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:80\:dark, html.auto .sf-c-txt-paleturquoise\:80\:dark { color: hsl(180, 65%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:90\:dark, html.auto .sf-c-txt-paleturquoise\:90\:dark { color: hsl(180, 65%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:100\:dark, html.auto .sf-c-txt-paleturquoise\:100\:dark { color: hsl(180, 65%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/palevioletred.css b/src/colors/10/palevioletred.css index c1a10e5..f616db6 100644 --- a/src/colors/10/palevioletred.css +++ b/src/colors/10/palevioletred.css @@ -78,6 +78,32 @@ html.var .sf-c-palevioletred\:80 { color: hsl(340, 60%, 10%); background: hsl(34 html.var .sf-c-palevioletred\:90 { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 90%) } html.var .sf-c-palevioletred\:100 { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 100%) } +.sf-c-txt-palevioletred { color: hsl(var(--sf-dark-c-txt-palevioletred)) } +.sf-c-txt-palevioletred\:0 { color: hsl(var(--sf-dark-c-txt-palevioletred-100)) } +.sf-c-txt-palevioletred\:10 { color: hsl(var(--sf-dark-c-txt-palevioletred-90)) } +.sf-c-txt-palevioletred\:20 { color: hsl(var(--sf-dark-c-txt-palevioletred-80)) } +.sf-c-txt-palevioletred\:30 { color: hsl(var(--sf-dark-c-txt-palevioletred-70)) } +.sf-c-txt-palevioletred\:40 { color: hsl(var(--sf-dark-c-txt-palevioletred-60)) } +.sf-c-txt-palevioletred\:50 { color: hsl(var(--sf-dark-c-txt-palevioletred-50)) } +.sf-c-txt-palevioletred\:60 { color: hsl(var(--sf-dark-c-txt-palevioletred-40)) } +.sf-c-txt-palevioletred\:70 { color: hsl(var(--sf-dark-c-txt-palevioletred-30)) } +.sf-c-txt-palevioletred\:80 { color: hsl(var(--sf-dark-c-txt-palevioletred-20)) } +.sf-c-txt-palevioletred\:90 { color: hsl(var(--sf-dark-c-txt-palevioletred-10)) } +.sf-c-txt-palevioletred\:100 { color: hsl(var(--sf-dark-c-txt-palevioletred-0)) } + +html.var .sf-c-txt-palevioletred { color: hsl(340, 60%, 35%) } +html.var .sf-c-txt-palevioletred\:0 { color: hsl(340, 60%, 100%) } +html.var .sf-c-txt-palevioletred\:10 { color: hsl(340, 60%, 90%) } +html.var .sf-c-txt-palevioletred\:20 { color: hsl(340, 60%, 80%) } +html.var .sf-c-txt-palevioletred\:30 { color: hsl(340, 60%, 70%) } +html.var .sf-c-txt-palevioletred\:40 { color: hsl(340, 60%, 60%) } +html.var .sf-c-txt-palevioletred\:50 { color: hsl(340, 60%, 50%) } +html.var .sf-c-txt-palevioletred\:60 { color: hsl(340, 60%, 40%) } +html.var .sf-c-txt-palevioletred\:70 { color: hsl(340, 60%, 30%) } +html.var .sf-c-txt-palevioletred\:80 { color: hsl(340, 60%, 20%) } +html.var .sf-c-txt-palevioletred\:90 { color: hsl(340, 60%, 10%) } +html.var .sf-c-txt-palevioletred\:100 { color: hsl(340, 60%, 0%) } + html[data-theme='dark'] .sf-c-palevioletred, html.dark .sf-c-palevioletred { color: hsl(var(--sf-dark-c-txt-palevioletred-90)); background: hsl(var(--sf-dark-c-palevioletred)) } html[data-theme='dark'] .sf-c-palevioletred\:0, html.dark .sf-c-palevioletred\:0 { color: hsl(var(--sf-dark-c-txt-palevioletred-90)); background: hsl(var(--sf-dark-c-palevioletred-100)) } html[data-theme='dark'] .sf-c-palevioletred\:10, html.dark .sf-c-palevioletred\:10 { color: hsl(var(--sf-dark-c-txt-palevioletred-10)); background: hsl(var(--sf-dark-c-palevioletred-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-palevioletred\:80\:dark, html.dark .sf-c-paleviole html[data-theme='dark'] .sf-c-palevioletred\:90\:dark, html.dark .sf-c-palevioletred\:90\:dark { color: hsl(var(--sf-c-txt-palevioletred-90)); background: hsl(var(--sf-c-palevioletred-10)) } html[data-theme='dark'] .sf-c-palevioletred\:100\:dark, html.dark .sf-c-palevioletred\:100\:dark { color: hsl(var(--sf-c-txt-palevioletred-90)); background: hsl(var(--sf-c-palevioletred-0)) } +html[data-theme='dark'] .sf-c-txt-palevioletred, html.dark .sf-c-txt-palevioletred { color: hsl(var(--sf-c-txt-palevioletred)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:0, html.dark .sf-c-txt-palevioletred\:0 { color: hsl(var(--sf-c-txt-palevioletred-0)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:10, html.dark .sf-c-txt-palevioletred\:10 { color: hsl(var(--sf-c-txt-palevioletred-10)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:20, html.dark .sf-c-txt-palevioletred\:20 { color: hsl(var(--sf-c-txt-palevioletred-20)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:30, html.dark .sf-c-txt-palevioletred\:30 { color: hsl(var(--sf-c-txt-palevioletred-30)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:40, html.dark .sf-c-txt-palevioletred\:40 { color: hsl(var(--sf-c-txt-palevioletred-40)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:50, html.dark .sf-c-txt-palevioletred\:50 { color: hsl(var(--sf-c-txt-palevioletred-50)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:60, html.dark .sf-c-txt-palevioletred\:60 { color: hsl(var(--sf-c-txt-palevioletred-60)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:70, html.dark .sf-c-txt-palevioletred\:70 { color: hsl(var(--sf-c-txt-palevioletred-70)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:80, html.dark .sf-c-txt-palevioletred\:80 { color: hsl(var(--sf-c-txt-palevioletred-80)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:90, html.dark .sf-c-txt-palevioletred\:90 { color: hsl(var(--sf-c-txt-palevioletred-90)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:100, html.dark .sf-c-txt-palevioletred\:100 { color: hsl(var(--sf-c-txt-palevioletred-100)) } + +html[data-theme='dark'] .sf-c-txt-palevioletred\:dark, html.dark .sf-c-txt-palevioletred\:dark { color: hsl(var(--sf-c-txt-palevioletred)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:0\:dark, html.dark .sf-c-txt-palevioletred\:0\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-0)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:10\:dark, html.dark .sf-c-txt-palevioletred\:10\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-10)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:20\:dark, html.dark .sf-c-txt-palevioletred\:20\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-20)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:30\:dark, html.dark .sf-c-txt-palevioletred\:30\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-30)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:40\:dark, html.dark .sf-c-txt-palevioletred\:40\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-40)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:50\:dark, html.dark .sf-c-txt-palevioletred\:50\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-50)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:60\:dark, html.dark .sf-c-txt-palevioletred\:60\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-60)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:70\:dark, html.dark .sf-c-txt-palevioletred\:70\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-70)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:80\:dark, html.dark .sf-c-txt-palevioletred\:80\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-80)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:90\:dark, html.dark .sf-c-txt-palevioletred\:90\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-90)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:100\:dark, html.dark .sf-c-txt-palevioletred\:100\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-100)) } + html.var[data-theme='dark'] .sf-c-palevioletred, html.var.dark .sf-c-palevioletred { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 35%) } html.var[data-theme='dark'] .sf-c-palevioletred\:0, html.var.dark .sf-c-palevioletred\:0 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 100%) } html.var[data-theme='dark'] .sf-c-palevioletred\:10, html.var.dark .sf-c-palevioletred\:10 { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-palevioletred\:80\:dark, html.var.dark .sf-c-p html.var[data-theme='dark'] .sf-c-palevioletred\:90\:dark, html.var.dark .sf-c-palevioletred\:90\:dark { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 10%) } html.var[data-theme='dark'] .sf-c-palevioletred\:100\:dark, html.var.dark .sf-c-palevioletred\:100\:dark { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred, html.dark .sf-c-txt-palevioletred { color: hsl(340, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:0, html.dark .sf-c-txt-palevioletred\:0 { color: hsl(340, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:10, html.dark .sf-c-txt-palevioletred\:10 { color: hsl(340, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:20, html.dark .sf-c-txt-palevioletred\:20 { color: hsl(340, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:30, html.dark .sf-c-txt-palevioletred\:30 { color: hsl(340, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:40, html.dark .sf-c-txt-palevioletred\:40 { color: hsl(340, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:50, html.dark .sf-c-txt-palevioletred\:50 { color: hsl(340, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:60, html.dark .sf-c-txt-palevioletred\:60 { color: hsl(340, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:70, html.dark .sf-c-txt-palevioletred\:70 { color: hsl(340, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:80, html.dark .sf-c-txt-palevioletred\:80 { color: hsl(340, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:90, html.dark .sf-c-txt-palevioletred\:90 { color: hsl(340, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:100, html.dark .sf-c-txt-palevioletred\:100 { color: hsl(340, 60%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:dark, html.dark .sf-c-txt-palevioletred\:dark { color: hsl(340, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:0\:dark, html.dark .sf-c-txt-palevioletred\:0\:dark { color: hsl(340, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:10\:dark, html.dark .sf-c-txt-palevioletred\:10\:dark { color: hsl(340, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:20\:dark, html.dark .sf-c-txt-palevioletred\:20\:dark { color: hsl(340, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:30\:dark, html.dark .sf-c-txt-palevioletred\:30\:dark { color: hsl(340, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:40\:dark, html.dark .sf-c-txt-palevioletred\:40\:dark { color: hsl(340, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:50\:dark, html.dark .sf-c-txt-palevioletred\:50\:dark { color: hsl(340, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:60\:dark, html.dark .sf-c-txt-palevioletred\:60\:dark { color: hsl(340, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:70\:dark, html.dark .sf-c-txt-palevioletred\:70\:dark { color: hsl(340, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:80\:dark, html.dark .sf-c-txt-palevioletred\:80\:dark { color: hsl(340, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:90\:dark, html.dark .sf-c-txt-palevioletred\:90\:dark { color: hsl(340, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:100\:dark, html.dark .sf-c-txt-palevioletred\:100\:dark { color: hsl(340, 60%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-palevioletred, html.auto .sf-c-palevioletred { color: hsl(var(--sf-dark-c-txt-palevioletred-90)); background: hsl(var(--sf-dark-c-palevioletred)) } html[data-theme='auto'] .sf-c-palevioletred\:0, html.auto .sf-c-palevioletred\:0 { color: hsl(var(--sf-dark-c-txt-palevioletred-90)); background: hsl(var(--sf-dark-c-palevioletred-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-palevioletred\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-palevioletred\:90\:dark, html.auto .sf-c-palevioletred\:90\:dark { color: hsl(var(--sf-c-txt-palevioletred-90)); background: hsl(var(--sf-c-palevioletred-10)) } html[data-theme='auto'] .sf-c-palevioletred\:100\:dark, html.auto .sf-c-palevioletred\:100\:dark { color: hsl(var(--sf-c-txt-palevioletred-90)); background: hsl(var(--sf-c-palevioletred-0)) } + html[data-theme='auto'] .sf-c-txt-palevioletred, html.auto .sf-c-txt-palevioletred { color: hsl(var(--sf-c-txt-palevioletred)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:0, html.auto .sf-c-txt-palevioletred\:0 { color: hsl(var(--sf-c-txt-palevioletred-0)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:10, html.auto .sf-c-txt-palevioletred\:10 { color: hsl(var(--sf-c-txt-palevioletred-10)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:20, html.auto .sf-c-txt-palevioletred\:20 { color: hsl(var(--sf-c-txt-palevioletred-20)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:30, html.auto .sf-c-txt-palevioletred\:30 { color: hsl(var(--sf-c-txt-palevioletred-30)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:40, html.auto .sf-c-txt-palevioletred\:40 { color: hsl(var(--sf-c-txt-palevioletred-40)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:50, html.auto .sf-c-txt-palevioletred\:50 { color: hsl(var(--sf-c-txt-palevioletred-50)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:60, html.auto .sf-c-txt-palevioletred\:60 { color: hsl(var(--sf-c-txt-palevioletred-60)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:70, html.auto .sf-c-txt-palevioletred\:70 { color: hsl(var(--sf-c-txt-palevioletred-70)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:80, html.auto .sf-c-txt-palevioletred\:80 { color: hsl(var(--sf-c-txt-palevioletred-80)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:90, html.auto .sf-c-txt-palevioletred\:90 { color: hsl(var(--sf-c-txt-palevioletred-90)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:100, html.auto .sf-c-txt-palevioletred\:100 { color: hsl(var(--sf-c-txt-palevioletred-100)) } + + html[data-theme='auto'] .sf-c-txt-palevioletred\:dark, html.auto .sf-c-txt-palevioletred\:dark { color: hsl(var(--sf-c-txt-palevioletred)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:0\:dark, html.auto .sf-c-txt-palevioletred\:0\:dark { color: hsl(var(--sf-c-txt-palevioletred-0)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:10\:dark, html.auto .sf-c-txt-palevioletred\:10\:dark { color: hsl(var(--sf-c-txt-palevioletred-10)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:20\:dark, html.auto .sf-c-txt-palevioletred\:20\:dark { color: hsl(var(--sf-c-txt-palevioletred-20)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:30\:dark, html.auto .sf-c-txt-palevioletred\:30\:dark { color: hsl(var(--sf-c-txt-palevioletred-30)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:40\:dark, html.auto .sf-c-txt-palevioletred\:40\:dark { color: hsl(var(--sf-c-txt-palevioletred-40)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:50\:dark, html.auto .sf-c-txt-palevioletred\:50\:dark { color: hsl(var(--sf-c-txt-palevioletred-50)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:60\:dark, html.auto .sf-c-txt-palevioletred\:60\:dark { color: hsl(var(--sf-c-txt-palevioletred-60)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:70\:dark, html.auto .sf-c-txt-palevioletred\:70\:dark { color: hsl(var(--sf-c-txt-palevioletred-70)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:80\:dark, html.auto .sf-c-txt-palevioletred\:80\:dark { color: hsl(var(--sf-c-txt-palevioletred-80)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:90\:dark, html.auto .sf-c-txt-palevioletred\:90\:dark { color: hsl(var(--sf-c-txt-palevioletred-90)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:100\:dark, html.auto .sf-c-txt-palevioletred\:100\:dark { color: hsl(var(--sf-c-txt-palevioletred-100)) } + html.var[data-theme='auto'] .sf-c-palevioletred, html.var.auto .sf-c-palevioletred { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 35%) } html.var[data-theme='auto'] .sf-c-palevioletred\:0, html.var.auto .sf-c-palevioletred\:0 { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 100%) } html.var[data-theme='auto'] .sf-c-palevioletred\:10, html.var.auto .sf-c-palevioletred\:10 { color: hsl(340, 60%, 10%); background: hsl(340, 60%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-palevioletred\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-palevioletred\:80\:dark, html.var.auto .sf-c-palevioletred\:80\:dark { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 20%) } html.var[data-theme='auto'] .sf-c-palevioletred\:90\:dark, html.var.auto .sf-c-palevioletred\:90\:dark { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 10%) } html.var[data-theme='auto'] .sf-c-palevioletred\:100\:dark, html.var.auto .sf-c-palevioletred\:100\:dark { color: hsl(340, 60%, 90%); background: hsl(340, 60%, 0%) } -} -.sf-c-txt-palevioletred { color: hsl(var(--sf-c-txt-palevioletred)) } -.sf-c-txt-palevioletred\:0 { color: hsl(var(--sf-c-txt-palevioletred-0)) } -.sf-c-txt-palevioletred\:10 { color: hsl(var(--sf-c-txt-palevioletred-10)) } -.sf-c-txt-palevioletred\:20 { color: hsl(var(--sf-c-txt-palevioletred-20)) } -.sf-c-txt-palevioletred\:30 { color: hsl(var(--sf-c-txt-palevioletred-30)) } -.sf-c-txt-palevioletred\:40 { color: hsl(var(--sf-c-txt-palevioletred-40)) } -.sf-c-txt-palevioletred\:50 { color: hsl(var(--sf-c-txt-palevioletred-50)) } -.sf-c-txt-palevioletred\:60 { color: hsl(var(--sf-c-txt-palevioletred-60)) } -.sf-c-txt-palevioletred\:70 { color: hsl(var(--sf-c-txt-palevioletred-70)) } -.sf-c-txt-palevioletred\:80 { color: hsl(var(--sf-c-txt-palevioletred-80)) } -.sf-c-txt-palevioletred\:90 { color: hsl(var(--sf-c-txt-palevioletred-90)) } -.sf-c-txt-palevioletred\:100 { color: hsl(var(--sf-c-txt-palevioletred-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-palevioletred, html.auto .sf-c-txt-palevioletred { color: hsl(340, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:0, html.auto .sf-c-txt-palevioletred\:0 { color: hsl(340, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:10, html.auto .sf-c-txt-palevioletred\:10 { color: hsl(340, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:20, html.auto .sf-c-txt-palevioletred\:20 { color: hsl(340, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:30, html.auto .sf-c-txt-palevioletred\:30 { color: hsl(340, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:40, html.auto .sf-c-txt-palevioletred\:40 { color: hsl(340, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:50, html.auto .sf-c-txt-palevioletred\:50 { color: hsl(340, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:60, html.auto .sf-c-txt-palevioletred\:60 { color: hsl(340, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:70, html.auto .sf-c-txt-palevioletred\:70 { color: hsl(340, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:80, html.auto .sf-c-txt-palevioletred\:80 { color: hsl(340, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:90, html.auto .sf-c-txt-palevioletred\:90 { color: hsl(340, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:100, html.auto .sf-c-txt-palevioletred\:100 { color: hsl(340, 60%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:dark, html.auto .sf-c-txt-palevioletred\:dark { color: hsl(340, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:0\:dark, html.auto .sf-c-txt-palevioletred\:0\:dark { color: hsl(340, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:10\:dark, html.auto .sf-c-txt-palevioletred\:10\:dark { color: hsl(340, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:20\:dark, html.auto .sf-c-txt-palevioletred\:20\:dark { color: hsl(340, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:30\:dark, html.auto .sf-c-txt-palevioletred\:30\:dark { color: hsl(340, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:40\:dark, html.auto .sf-c-txt-palevioletred\:40\:dark { color: hsl(340, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:50\:dark, html.auto .sf-c-txt-palevioletred\:50\:dark { color: hsl(340, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:60\:dark, html.auto .sf-c-txt-palevioletred\:60\:dark { color: hsl(340, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:70\:dark, html.auto .sf-c-txt-palevioletred\:70\:dark { color: hsl(340, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:80\:dark, html.auto .sf-c-txt-palevioletred\:80\:dark { color: hsl(340, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:90\:dark, html.auto .sf-c-txt-palevioletred\:90\:dark { color: hsl(340, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:100\:dark, html.auto .sf-c-txt-palevioletred\:100\:dark { color: hsl(340, 60%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/papayawhip.css b/src/colors/10/papayawhip.css index 8bd35a5..c6c2e6f 100644 --- a/src/colors/10/papayawhip.css +++ b/src/colors/10/papayawhip.css @@ -78,6 +78,32 @@ html.var .sf-c-papayawhip\:80 { color: hsl(37, 100%, 10%); background: hsl(37, 1 html.var .sf-c-papayawhip\:90 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 90%) } html.var .sf-c-papayawhip\:100 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 100%) } +.sf-c-txt-papayawhip { color: hsl(var(--sf-dark-c-txt-papayawhip)) } +.sf-c-txt-papayawhip\:0 { color: hsl(var(--sf-dark-c-txt-papayawhip-100)) } +.sf-c-txt-papayawhip\:10 { color: hsl(var(--sf-dark-c-txt-papayawhip-90)) } +.sf-c-txt-papayawhip\:20 { color: hsl(var(--sf-dark-c-txt-papayawhip-80)) } +.sf-c-txt-papayawhip\:30 { color: hsl(var(--sf-dark-c-txt-papayawhip-70)) } +.sf-c-txt-papayawhip\:40 { color: hsl(var(--sf-dark-c-txt-papayawhip-60)) } +.sf-c-txt-papayawhip\:50 { color: hsl(var(--sf-dark-c-txt-papayawhip-50)) } +.sf-c-txt-papayawhip\:60 { color: hsl(var(--sf-dark-c-txt-papayawhip-40)) } +.sf-c-txt-papayawhip\:70 { color: hsl(var(--sf-dark-c-txt-papayawhip-30)) } +.sf-c-txt-papayawhip\:80 { color: hsl(var(--sf-dark-c-txt-papayawhip-20)) } +.sf-c-txt-papayawhip\:90 { color: hsl(var(--sf-dark-c-txt-papayawhip-10)) } +.sf-c-txt-papayawhip\:100 { color: hsl(var(--sf-dark-c-txt-papayawhip-0)) } + +html.var .sf-c-txt-papayawhip { color: hsl(37, 100%, 8%) } +html.var .sf-c-txt-papayawhip\:0 { color: hsl(37, 100%, 100%) } +html.var .sf-c-txt-papayawhip\:10 { color: hsl(37, 100%, 90%) } +html.var .sf-c-txt-papayawhip\:20 { color: hsl(37, 100%, 80%) } +html.var .sf-c-txt-papayawhip\:30 { color: hsl(37, 100%, 70%) } +html.var .sf-c-txt-papayawhip\:40 { color: hsl(37, 100%, 60%) } +html.var .sf-c-txt-papayawhip\:50 { color: hsl(37, 100%, 50%) } +html.var .sf-c-txt-papayawhip\:60 { color: hsl(37, 100%, 40%) } +html.var .sf-c-txt-papayawhip\:70 { color: hsl(37, 100%, 30%) } +html.var .sf-c-txt-papayawhip\:80 { color: hsl(37, 100%, 20%) } +html.var .sf-c-txt-papayawhip\:90 { color: hsl(37, 100%, 10%) } +html.var .sf-c-txt-papayawhip\:100 { color: hsl(37, 100%, 0%) } + html[data-theme='dark'] .sf-c-papayawhip, html.dark .sf-c-papayawhip { color: hsl(var(--sf-dark-c-txt-papayawhip-90)); background: hsl(var(--sf-dark-c-papayawhip)) } html[data-theme='dark'] .sf-c-papayawhip\:0, html.dark .sf-c-papayawhip\:0 { color: hsl(var(--sf-dark-c-txt-papayawhip-90)); background: hsl(var(--sf-dark-c-papayawhip-100)) } html[data-theme='dark'] .sf-c-papayawhip\:10, html.dark .sf-c-papayawhip\:10 { color: hsl(var(--sf-dark-c-txt-papayawhip-10)); background: hsl(var(--sf-dark-c-papayawhip-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-papayawhip\:80\:dark, html.dark .sf-c-papayawhip\: html[data-theme='dark'] .sf-c-papayawhip\:90\:dark, html.dark .sf-c-papayawhip\:90\:dark { color: hsl(var(--sf-c-txt-papayawhip-90)); background: hsl(var(--sf-c-papayawhip-10)) } html[data-theme='dark'] .sf-c-papayawhip\:100\:dark, html.dark .sf-c-papayawhip\:100\:dark { color: hsl(var(--sf-c-txt-papayawhip-90)); background: hsl(var(--sf-c-papayawhip-0)) } +html[data-theme='dark'] .sf-c-txt-papayawhip, html.dark .sf-c-txt-papayawhip { color: hsl(var(--sf-c-txt-papayawhip)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:0, html.dark .sf-c-txt-papayawhip\:0 { color: hsl(var(--sf-c-txt-papayawhip-0)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:10, html.dark .sf-c-txt-papayawhip\:10 { color: hsl(var(--sf-c-txt-papayawhip-10)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:20, html.dark .sf-c-txt-papayawhip\:20 { color: hsl(var(--sf-c-txt-papayawhip-20)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:30, html.dark .sf-c-txt-papayawhip\:30 { color: hsl(var(--sf-c-txt-papayawhip-30)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:40, html.dark .sf-c-txt-papayawhip\:40 { color: hsl(var(--sf-c-txt-papayawhip-40)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:50, html.dark .sf-c-txt-papayawhip\:50 { color: hsl(var(--sf-c-txt-papayawhip-50)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:60, html.dark .sf-c-txt-papayawhip\:60 { color: hsl(var(--sf-c-txt-papayawhip-60)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:70, html.dark .sf-c-txt-papayawhip\:70 { color: hsl(var(--sf-c-txt-papayawhip-70)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:80, html.dark .sf-c-txt-papayawhip\:80 { color: hsl(var(--sf-c-txt-papayawhip-80)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:90, html.dark .sf-c-txt-papayawhip\:90 { color: hsl(var(--sf-c-txt-papayawhip-90)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:100, html.dark .sf-c-txt-papayawhip\:100 { color: hsl(var(--sf-c-txt-papayawhip-100)) } + +html[data-theme='dark'] .sf-c-txt-papayawhip\:dark, html.dark .sf-c-txt-papayawhip\:dark { color: hsl(var(--sf-c-txt-papayawhip)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:0\:dark, html.dark .sf-c-txt-papayawhip\:0\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-0)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:10\:dark, html.dark .sf-c-txt-papayawhip\:10\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-10)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:20\:dark, html.dark .sf-c-txt-papayawhip\:20\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-20)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:30\:dark, html.dark .sf-c-txt-papayawhip\:30\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-30)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:40\:dark, html.dark .sf-c-txt-papayawhip\:40\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-40)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:50\:dark, html.dark .sf-c-txt-papayawhip\:50\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-50)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:60\:dark, html.dark .sf-c-txt-papayawhip\:60\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-60)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:70\:dark, html.dark .sf-c-txt-papayawhip\:70\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-70)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:80\:dark, html.dark .sf-c-txt-papayawhip\:80\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-80)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:90\:dark, html.dark .sf-c-txt-papayawhip\:90\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-90)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:100\:dark, html.dark .sf-c-txt-papayawhip\:100\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-100)) } + html.var[data-theme='dark'] .sf-c-papayawhip, html.var.dark .sf-c-papayawhip { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 8%) } html.var[data-theme='dark'] .sf-c-papayawhip\:0, html.var.dark .sf-c-papayawhip\:0 { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 100%) } html.var[data-theme='dark'] .sf-c-papayawhip\:10, html.var.dark .sf-c-papayawhip\:10 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-papayawhip\:80\:dark, html.var.dark .sf-c-papa html.var[data-theme='dark'] .sf-c-papayawhip\:90\:dark, html.var.dark .sf-c-papayawhip\:90\:dark { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 10%) } html.var[data-theme='dark'] .sf-c-papayawhip\:100\:dark, html.var.dark .sf-c-papayawhip\:100\:dark { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip, html.dark .sf-c-txt-papayawhip { color: hsl(37, 100%, 92%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:0, html.dark .sf-c-txt-papayawhip\:0 { color: hsl(37, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:10, html.dark .sf-c-txt-papayawhip\:10 { color: hsl(37, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:20, html.dark .sf-c-txt-papayawhip\:20 { color: hsl(37, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:30, html.dark .sf-c-txt-papayawhip\:30 { color: hsl(37, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:40, html.dark .sf-c-txt-papayawhip\:40 { color: hsl(37, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:50, html.dark .sf-c-txt-papayawhip\:50 { color: hsl(37, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:60, html.dark .sf-c-txt-papayawhip\:60 { color: hsl(37, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:70, html.dark .sf-c-txt-papayawhip\:70 { color: hsl(37, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:80, html.dark .sf-c-txt-papayawhip\:80 { color: hsl(37, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:90, html.dark .sf-c-txt-papayawhip\:90 { color: hsl(37, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:100, html.dark .sf-c-txt-papayawhip\:100 { color: hsl(37, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:dark, html.dark .sf-c-txt-papayawhip\:dark { color: hsl(37, 100%, 92%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:0\:dark, html.dark .sf-c-txt-papayawhip\:0\:dark { color: hsl(37, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:10\:dark, html.dark .sf-c-txt-papayawhip\:10\:dark { color: hsl(37, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:20\:dark, html.dark .sf-c-txt-papayawhip\:20\:dark { color: hsl(37, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:30\:dark, html.dark .sf-c-txt-papayawhip\:30\:dark { color: hsl(37, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:40\:dark, html.dark .sf-c-txt-papayawhip\:40\:dark { color: hsl(37, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:50\:dark, html.dark .sf-c-txt-papayawhip\:50\:dark { color: hsl(37, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:60\:dark, html.dark .sf-c-txt-papayawhip\:60\:dark { color: hsl(37, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:70\:dark, html.dark .sf-c-txt-papayawhip\:70\:dark { color: hsl(37, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:80\:dark, html.dark .sf-c-txt-papayawhip\:80\:dark { color: hsl(37, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:90\:dark, html.dark .sf-c-txt-papayawhip\:90\:dark { color: hsl(37, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:100\:dark, html.dark .sf-c-txt-papayawhip\:100\:dark { color: hsl(37, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-papayawhip, html.auto .sf-c-papayawhip { color: hsl(var(--sf-dark-c-txt-papayawhip-90)); background: hsl(var(--sf-dark-c-papayawhip)) } html[data-theme='auto'] .sf-c-papayawhip\:0, html.auto .sf-c-papayawhip\:0 { color: hsl(var(--sf-dark-c-txt-papayawhip-90)); background: hsl(var(--sf-dark-c-papayawhip-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-papayawhip\:100\:dark, html.var.dark .sf-c-pap html[data-theme='auto'] .sf-c-papayawhip\:90\:dark, html.auto .sf-c-papayawhip\:90\:dark { color: hsl(var(--sf-c-txt-papayawhip-90)); background: hsl(var(--sf-c-papayawhip-10)) } html[data-theme='auto'] .sf-c-papayawhip\:100\:dark, html.auto .sf-c-papayawhip\:100\:dark { color: hsl(var(--sf-c-txt-papayawhip-90)); background: hsl(var(--sf-c-papayawhip-0)) } + html[data-theme='auto'] .sf-c-txt-papayawhip, html.auto .sf-c-txt-papayawhip { color: hsl(var(--sf-c-txt-papayawhip)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:0, html.auto .sf-c-txt-papayawhip\:0 { color: hsl(var(--sf-c-txt-papayawhip-0)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:10, html.auto .sf-c-txt-papayawhip\:10 { color: hsl(var(--sf-c-txt-papayawhip-10)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:20, html.auto .sf-c-txt-papayawhip\:20 { color: hsl(var(--sf-c-txt-papayawhip-20)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:30, html.auto .sf-c-txt-papayawhip\:30 { color: hsl(var(--sf-c-txt-papayawhip-30)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:40, html.auto .sf-c-txt-papayawhip\:40 { color: hsl(var(--sf-c-txt-papayawhip-40)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:50, html.auto .sf-c-txt-papayawhip\:50 { color: hsl(var(--sf-c-txt-papayawhip-50)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:60, html.auto .sf-c-txt-papayawhip\:60 { color: hsl(var(--sf-c-txt-papayawhip-60)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:70, html.auto .sf-c-txt-papayawhip\:70 { color: hsl(var(--sf-c-txt-papayawhip-70)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:80, html.auto .sf-c-txt-papayawhip\:80 { color: hsl(var(--sf-c-txt-papayawhip-80)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:90, html.auto .sf-c-txt-papayawhip\:90 { color: hsl(var(--sf-c-txt-papayawhip-90)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:100, html.auto .sf-c-txt-papayawhip\:100 { color: hsl(var(--sf-c-txt-papayawhip-100)) } + + html[data-theme='auto'] .sf-c-txt-papayawhip\:dark, html.auto .sf-c-txt-papayawhip\:dark { color: hsl(var(--sf-c-txt-papayawhip)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:0\:dark, html.auto .sf-c-txt-papayawhip\:0\:dark { color: hsl(var(--sf-c-txt-papayawhip-0)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:10\:dark, html.auto .sf-c-txt-papayawhip\:10\:dark { color: hsl(var(--sf-c-txt-papayawhip-10)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:20\:dark, html.auto .sf-c-txt-papayawhip\:20\:dark { color: hsl(var(--sf-c-txt-papayawhip-20)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:30\:dark, html.auto .sf-c-txt-papayawhip\:30\:dark { color: hsl(var(--sf-c-txt-papayawhip-30)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:40\:dark, html.auto .sf-c-txt-papayawhip\:40\:dark { color: hsl(var(--sf-c-txt-papayawhip-40)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:50\:dark, html.auto .sf-c-txt-papayawhip\:50\:dark { color: hsl(var(--sf-c-txt-papayawhip-50)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:60\:dark, html.auto .sf-c-txt-papayawhip\:60\:dark { color: hsl(var(--sf-c-txt-papayawhip-60)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:70\:dark, html.auto .sf-c-txt-papayawhip\:70\:dark { color: hsl(var(--sf-c-txt-papayawhip-70)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:80\:dark, html.auto .sf-c-txt-papayawhip\:80\:dark { color: hsl(var(--sf-c-txt-papayawhip-80)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:90\:dark, html.auto .sf-c-txt-papayawhip\:90\:dark { color: hsl(var(--sf-c-txt-papayawhip-90)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:100\:dark, html.auto .sf-c-txt-papayawhip\:100\:dark { color: hsl(var(--sf-c-txt-papayawhip-100)) } + html.var[data-theme='auto'] .sf-c-papayawhip, html.var.auto .sf-c-papayawhip { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 8%) } html.var[data-theme='auto'] .sf-c-papayawhip\:0, html.var.auto .sf-c-papayawhip\:0 { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 100%) } html.var[data-theme='auto'] .sf-c-papayawhip\:10, html.var.auto .sf-c-papayawhip\:10 { color: hsl(37, 100%, 10%); background: hsl(37, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-papayawhip\:100\:dark, html.var.dark .sf-c-pap html.var[data-theme='auto'] .sf-c-papayawhip\:80\:dark, html.var.auto .sf-c-papayawhip\:80\:dark { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 20%) } html.var[data-theme='auto'] .sf-c-papayawhip\:90\:dark, html.var.auto .sf-c-papayawhip\:90\:dark { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 10%) } html.var[data-theme='auto'] .sf-c-papayawhip\:100\:dark, html.var.auto .sf-c-papayawhip\:100\:dark { color: hsl(37, 100%, 90%); background: hsl(37, 100%, 0%) } -} -.sf-c-txt-papayawhip { color: hsl(var(--sf-c-txt-papayawhip)) } -.sf-c-txt-papayawhip\:0 { color: hsl(var(--sf-c-txt-papayawhip-0)) } -.sf-c-txt-papayawhip\:10 { color: hsl(var(--sf-c-txt-papayawhip-10)) } -.sf-c-txt-papayawhip\:20 { color: hsl(var(--sf-c-txt-papayawhip-20)) } -.sf-c-txt-papayawhip\:30 { color: hsl(var(--sf-c-txt-papayawhip-30)) } -.sf-c-txt-papayawhip\:40 { color: hsl(var(--sf-c-txt-papayawhip-40)) } -.sf-c-txt-papayawhip\:50 { color: hsl(var(--sf-c-txt-papayawhip-50)) } -.sf-c-txt-papayawhip\:60 { color: hsl(var(--sf-c-txt-papayawhip-60)) } -.sf-c-txt-papayawhip\:70 { color: hsl(var(--sf-c-txt-papayawhip-70)) } -.sf-c-txt-papayawhip\:80 { color: hsl(var(--sf-c-txt-papayawhip-80)) } -.sf-c-txt-papayawhip\:90 { color: hsl(var(--sf-c-txt-papayawhip-90)) } -.sf-c-txt-papayawhip\:100 { color: hsl(var(--sf-c-txt-papayawhip-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-papayawhip, html.auto .sf-c-txt-papayawhip { color: hsl(37, 100%, 92%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:0, html.auto .sf-c-txt-papayawhip\:0 { color: hsl(37, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:10, html.auto .sf-c-txt-papayawhip\:10 { color: hsl(37, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:20, html.auto .sf-c-txt-papayawhip\:20 { color: hsl(37, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:30, html.auto .sf-c-txt-papayawhip\:30 { color: hsl(37, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:40, html.auto .sf-c-txt-papayawhip\:40 { color: hsl(37, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:50, html.auto .sf-c-txt-papayawhip\:50 { color: hsl(37, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:60, html.auto .sf-c-txt-papayawhip\:60 { color: hsl(37, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:70, html.auto .sf-c-txt-papayawhip\:70 { color: hsl(37, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:80, html.auto .sf-c-txt-papayawhip\:80 { color: hsl(37, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:90, html.auto .sf-c-txt-papayawhip\:90 { color: hsl(37, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:100, html.auto .sf-c-txt-papayawhip\:100 { color: hsl(37, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:dark, html.auto .sf-c-txt-papayawhip\:dark { color: hsl(37, 100%, 92%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:0\:dark, html.auto .sf-c-txt-papayawhip\:0\:dark { color: hsl(37, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:10\:dark, html.auto .sf-c-txt-papayawhip\:10\:dark { color: hsl(37, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:20\:dark, html.auto .sf-c-txt-papayawhip\:20\:dark { color: hsl(37, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:30\:dark, html.auto .sf-c-txt-papayawhip\:30\:dark { color: hsl(37, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:40\:dark, html.auto .sf-c-txt-papayawhip\:40\:dark { color: hsl(37, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:50\:dark, html.auto .sf-c-txt-papayawhip\:50\:dark { color: hsl(37, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:60\:dark, html.auto .sf-c-txt-papayawhip\:60\:dark { color: hsl(37, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:70\:dark, html.auto .sf-c-txt-papayawhip\:70\:dark { color: hsl(37, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:80\:dark, html.auto .sf-c-txt-papayawhip\:80\:dark { color: hsl(37, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:90\:dark, html.auto .sf-c-txt-papayawhip\:90\:dark { color: hsl(37, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:100\:dark, html.auto .sf-c-txt-papayawhip\:100\:dark { color: hsl(37, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/peachpuff.css b/src/colors/10/peachpuff.css index 0de6726..33c6957 100644 --- a/src/colors/10/peachpuff.css +++ b/src/colors/10/peachpuff.css @@ -78,6 +78,32 @@ html.var .sf-c-peachpuff\:80 { color: hsl(28, 100%, 10%); background: hsl(28, 10 html.var .sf-c-peachpuff\:90 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 90%) } html.var .sf-c-peachpuff\:100 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 100%) } +.sf-c-txt-peachpuff { color: hsl(var(--sf-dark-c-txt-peachpuff)) } +.sf-c-txt-peachpuff\:0 { color: hsl(var(--sf-dark-c-txt-peachpuff-100)) } +.sf-c-txt-peachpuff\:10 { color: hsl(var(--sf-dark-c-txt-peachpuff-90)) } +.sf-c-txt-peachpuff\:20 { color: hsl(var(--sf-dark-c-txt-peachpuff-80)) } +.sf-c-txt-peachpuff\:30 { color: hsl(var(--sf-dark-c-txt-peachpuff-70)) } +.sf-c-txt-peachpuff\:40 { color: hsl(var(--sf-dark-c-txt-peachpuff-60)) } +.sf-c-txt-peachpuff\:50 { color: hsl(var(--sf-dark-c-txt-peachpuff-50)) } +.sf-c-txt-peachpuff\:60 { color: hsl(var(--sf-dark-c-txt-peachpuff-40)) } +.sf-c-txt-peachpuff\:70 { color: hsl(var(--sf-dark-c-txt-peachpuff-30)) } +.sf-c-txt-peachpuff\:80 { color: hsl(var(--sf-dark-c-txt-peachpuff-20)) } +.sf-c-txt-peachpuff\:90 { color: hsl(var(--sf-dark-c-txt-peachpuff-10)) } +.sf-c-txt-peachpuff\:100 { color: hsl(var(--sf-dark-c-txt-peachpuff-0)) } + +html.var .sf-c-txt-peachpuff { color: hsl(28, 100%, 14%) } +html.var .sf-c-txt-peachpuff\:0 { color: hsl(28, 100%, 100%) } +html.var .sf-c-txt-peachpuff\:10 { color: hsl(28, 100%, 90%) } +html.var .sf-c-txt-peachpuff\:20 { color: hsl(28, 100%, 80%) } +html.var .sf-c-txt-peachpuff\:30 { color: hsl(28, 100%, 70%) } +html.var .sf-c-txt-peachpuff\:40 { color: hsl(28, 100%, 60%) } +html.var .sf-c-txt-peachpuff\:50 { color: hsl(28, 100%, 50%) } +html.var .sf-c-txt-peachpuff\:60 { color: hsl(28, 100%, 40%) } +html.var .sf-c-txt-peachpuff\:70 { color: hsl(28, 100%, 30%) } +html.var .sf-c-txt-peachpuff\:80 { color: hsl(28, 100%, 20%) } +html.var .sf-c-txt-peachpuff\:90 { color: hsl(28, 100%, 10%) } +html.var .sf-c-txt-peachpuff\:100 { color: hsl(28, 100%, 0%) } + html[data-theme='dark'] .sf-c-peachpuff, html.dark .sf-c-peachpuff { color: hsl(var(--sf-dark-c-txt-peachpuff-90)); background: hsl(var(--sf-dark-c-peachpuff)) } html[data-theme='dark'] .sf-c-peachpuff\:0, html.dark .sf-c-peachpuff\:0 { color: hsl(var(--sf-dark-c-txt-peachpuff-90)); background: hsl(var(--sf-dark-c-peachpuff-100)) } html[data-theme='dark'] .sf-c-peachpuff\:10, html.dark .sf-c-peachpuff\:10 { color: hsl(var(--sf-dark-c-txt-peachpuff-10)); background: hsl(var(--sf-dark-c-peachpuff-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-peachpuff\:80\:dark, html.dark .sf-c-peachpuff\:80 html[data-theme='dark'] .sf-c-peachpuff\:90\:dark, html.dark .sf-c-peachpuff\:90\:dark { color: hsl(var(--sf-c-txt-peachpuff-90)); background: hsl(var(--sf-c-peachpuff-10)) } html[data-theme='dark'] .sf-c-peachpuff\:100\:dark, html.dark .sf-c-peachpuff\:100\:dark { color: hsl(var(--sf-c-txt-peachpuff-90)); background: hsl(var(--sf-c-peachpuff-0)) } +html[data-theme='dark'] .sf-c-txt-peachpuff, html.dark .sf-c-txt-peachpuff { color: hsl(var(--sf-c-txt-peachpuff)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:0, html.dark .sf-c-txt-peachpuff\:0 { color: hsl(var(--sf-c-txt-peachpuff-0)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:10, html.dark .sf-c-txt-peachpuff\:10 { color: hsl(var(--sf-c-txt-peachpuff-10)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:20, html.dark .sf-c-txt-peachpuff\:20 { color: hsl(var(--sf-c-txt-peachpuff-20)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:30, html.dark .sf-c-txt-peachpuff\:30 { color: hsl(var(--sf-c-txt-peachpuff-30)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:40, html.dark .sf-c-txt-peachpuff\:40 { color: hsl(var(--sf-c-txt-peachpuff-40)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:50, html.dark .sf-c-txt-peachpuff\:50 { color: hsl(var(--sf-c-txt-peachpuff-50)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:60, html.dark .sf-c-txt-peachpuff\:60 { color: hsl(var(--sf-c-txt-peachpuff-60)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:70, html.dark .sf-c-txt-peachpuff\:70 { color: hsl(var(--sf-c-txt-peachpuff-70)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:80, html.dark .sf-c-txt-peachpuff\:80 { color: hsl(var(--sf-c-txt-peachpuff-80)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:90, html.dark .sf-c-txt-peachpuff\:90 { color: hsl(var(--sf-c-txt-peachpuff-90)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:100, html.dark .sf-c-txt-peachpuff\:100 { color: hsl(var(--sf-c-txt-peachpuff-100)) } + +html[data-theme='dark'] .sf-c-txt-peachpuff\:dark, html.dark .sf-c-txt-peachpuff\:dark { color: hsl(var(--sf-c-txt-peachpuff)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:0\:dark, html.dark .sf-c-txt-peachpuff\:0\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-0)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:10\:dark, html.dark .sf-c-txt-peachpuff\:10\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-10)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:20\:dark, html.dark .sf-c-txt-peachpuff\:20\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-20)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:30\:dark, html.dark .sf-c-txt-peachpuff\:30\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-30)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:40\:dark, html.dark .sf-c-txt-peachpuff\:40\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-40)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:50\:dark, html.dark .sf-c-txt-peachpuff\:50\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-50)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:60\:dark, html.dark .sf-c-txt-peachpuff\:60\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-60)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:70\:dark, html.dark .sf-c-txt-peachpuff\:70\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-70)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:80\:dark, html.dark .sf-c-txt-peachpuff\:80\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-80)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:90\:dark, html.dark .sf-c-txt-peachpuff\:90\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-90)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:100\:dark, html.dark .sf-c-txt-peachpuff\:100\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-100)) } + html.var[data-theme='dark'] .sf-c-peachpuff, html.var.dark .sf-c-peachpuff { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 14%) } html.var[data-theme='dark'] .sf-c-peachpuff\:0, html.var.dark .sf-c-peachpuff\:0 { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 100%) } html.var[data-theme='dark'] .sf-c-peachpuff\:10, html.var.dark .sf-c-peachpuff\:10 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-peachpuff\:80\:dark, html.var.dark .sf-c-peach html.var[data-theme='dark'] .sf-c-peachpuff\:90\:dark, html.var.dark .sf-c-peachpuff\:90\:dark { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 10%) } html.var[data-theme='dark'] .sf-c-peachpuff\:100\:dark, html.var.dark .sf-c-peachpuff\:100\:dark { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff, html.dark .sf-c-txt-peachpuff { color: hsl(28, 100%, 86%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:0, html.dark .sf-c-txt-peachpuff\:0 { color: hsl(28, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:10, html.dark .sf-c-txt-peachpuff\:10 { color: hsl(28, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:20, html.dark .sf-c-txt-peachpuff\:20 { color: hsl(28, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:30, html.dark .sf-c-txt-peachpuff\:30 { color: hsl(28, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:40, html.dark .sf-c-txt-peachpuff\:40 { color: hsl(28, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:50, html.dark .sf-c-txt-peachpuff\:50 { color: hsl(28, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:60, html.dark .sf-c-txt-peachpuff\:60 { color: hsl(28, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:70, html.dark .sf-c-txt-peachpuff\:70 { color: hsl(28, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:80, html.dark .sf-c-txt-peachpuff\:80 { color: hsl(28, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:90, html.dark .sf-c-txt-peachpuff\:90 { color: hsl(28, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:100, html.dark .sf-c-txt-peachpuff\:100 { color: hsl(28, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:dark, html.dark .sf-c-txt-peachpuff\:dark { color: hsl(28, 100%, 86%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:0\:dark, html.dark .sf-c-txt-peachpuff\:0\:dark { color: hsl(28, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:10\:dark, html.dark .sf-c-txt-peachpuff\:10\:dark { color: hsl(28, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:20\:dark, html.dark .sf-c-txt-peachpuff\:20\:dark { color: hsl(28, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:30\:dark, html.dark .sf-c-txt-peachpuff\:30\:dark { color: hsl(28, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:40\:dark, html.dark .sf-c-txt-peachpuff\:40\:dark { color: hsl(28, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:50\:dark, html.dark .sf-c-txt-peachpuff\:50\:dark { color: hsl(28, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:60\:dark, html.dark .sf-c-txt-peachpuff\:60\:dark { color: hsl(28, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:70\:dark, html.dark .sf-c-txt-peachpuff\:70\:dark { color: hsl(28, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:80\:dark, html.dark .sf-c-txt-peachpuff\:80\:dark { color: hsl(28, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:90\:dark, html.dark .sf-c-txt-peachpuff\:90\:dark { color: hsl(28, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:100\:dark, html.dark .sf-c-txt-peachpuff\:100\:dark { color: hsl(28, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-peachpuff, html.auto .sf-c-peachpuff { color: hsl(var(--sf-dark-c-txt-peachpuff-90)); background: hsl(var(--sf-dark-c-peachpuff)) } html[data-theme='auto'] .sf-c-peachpuff\:0, html.auto .sf-c-peachpuff\:0 { color: hsl(var(--sf-dark-c-txt-peachpuff-90)); background: hsl(var(--sf-dark-c-peachpuff-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-peachpuff\:100\:dark, html.var.dark .sf-c-peac html[data-theme='auto'] .sf-c-peachpuff\:90\:dark, html.auto .sf-c-peachpuff\:90\:dark { color: hsl(var(--sf-c-txt-peachpuff-90)); background: hsl(var(--sf-c-peachpuff-10)) } html[data-theme='auto'] .sf-c-peachpuff\:100\:dark, html.auto .sf-c-peachpuff\:100\:dark { color: hsl(var(--sf-c-txt-peachpuff-90)); background: hsl(var(--sf-c-peachpuff-0)) } + html[data-theme='auto'] .sf-c-txt-peachpuff, html.auto .sf-c-txt-peachpuff { color: hsl(var(--sf-c-txt-peachpuff)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:0, html.auto .sf-c-txt-peachpuff\:0 { color: hsl(var(--sf-c-txt-peachpuff-0)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:10, html.auto .sf-c-txt-peachpuff\:10 { color: hsl(var(--sf-c-txt-peachpuff-10)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:20, html.auto .sf-c-txt-peachpuff\:20 { color: hsl(var(--sf-c-txt-peachpuff-20)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:30, html.auto .sf-c-txt-peachpuff\:30 { color: hsl(var(--sf-c-txt-peachpuff-30)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:40, html.auto .sf-c-txt-peachpuff\:40 { color: hsl(var(--sf-c-txt-peachpuff-40)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:50, html.auto .sf-c-txt-peachpuff\:50 { color: hsl(var(--sf-c-txt-peachpuff-50)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:60, html.auto .sf-c-txt-peachpuff\:60 { color: hsl(var(--sf-c-txt-peachpuff-60)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:70, html.auto .sf-c-txt-peachpuff\:70 { color: hsl(var(--sf-c-txt-peachpuff-70)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:80, html.auto .sf-c-txt-peachpuff\:80 { color: hsl(var(--sf-c-txt-peachpuff-80)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:90, html.auto .sf-c-txt-peachpuff\:90 { color: hsl(var(--sf-c-txt-peachpuff-90)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:100, html.auto .sf-c-txt-peachpuff\:100 { color: hsl(var(--sf-c-txt-peachpuff-100)) } + + html[data-theme='auto'] .sf-c-txt-peachpuff\:dark, html.auto .sf-c-txt-peachpuff\:dark { color: hsl(var(--sf-c-txt-peachpuff)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:0\:dark, html.auto .sf-c-txt-peachpuff\:0\:dark { color: hsl(var(--sf-c-txt-peachpuff-0)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:10\:dark, html.auto .sf-c-txt-peachpuff\:10\:dark { color: hsl(var(--sf-c-txt-peachpuff-10)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:20\:dark, html.auto .sf-c-txt-peachpuff\:20\:dark { color: hsl(var(--sf-c-txt-peachpuff-20)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:30\:dark, html.auto .sf-c-txt-peachpuff\:30\:dark { color: hsl(var(--sf-c-txt-peachpuff-30)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:40\:dark, html.auto .sf-c-txt-peachpuff\:40\:dark { color: hsl(var(--sf-c-txt-peachpuff-40)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:50\:dark, html.auto .sf-c-txt-peachpuff\:50\:dark { color: hsl(var(--sf-c-txt-peachpuff-50)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:60\:dark, html.auto .sf-c-txt-peachpuff\:60\:dark { color: hsl(var(--sf-c-txt-peachpuff-60)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:70\:dark, html.auto .sf-c-txt-peachpuff\:70\:dark { color: hsl(var(--sf-c-txt-peachpuff-70)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:80\:dark, html.auto .sf-c-txt-peachpuff\:80\:dark { color: hsl(var(--sf-c-txt-peachpuff-80)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:90\:dark, html.auto .sf-c-txt-peachpuff\:90\:dark { color: hsl(var(--sf-c-txt-peachpuff-90)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:100\:dark, html.auto .sf-c-txt-peachpuff\:100\:dark { color: hsl(var(--sf-c-txt-peachpuff-100)) } + html.var[data-theme='auto'] .sf-c-peachpuff, html.var.auto .sf-c-peachpuff { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 14%) } html.var[data-theme='auto'] .sf-c-peachpuff\:0, html.var.auto .sf-c-peachpuff\:0 { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 100%) } html.var[data-theme='auto'] .sf-c-peachpuff\:10, html.var.auto .sf-c-peachpuff\:10 { color: hsl(28, 100%, 10%); background: hsl(28, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-peachpuff\:100\:dark, html.var.dark .sf-c-peac html.var[data-theme='auto'] .sf-c-peachpuff\:80\:dark, html.var.auto .sf-c-peachpuff\:80\:dark { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 20%) } html.var[data-theme='auto'] .sf-c-peachpuff\:90\:dark, html.var.auto .sf-c-peachpuff\:90\:dark { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 10%) } html.var[data-theme='auto'] .sf-c-peachpuff\:100\:dark, html.var.auto .sf-c-peachpuff\:100\:dark { color: hsl(28, 100%, 90%); background: hsl(28, 100%, 0%) } -} -.sf-c-txt-peachpuff { color: hsl(var(--sf-c-txt-peachpuff)) } -.sf-c-txt-peachpuff\:0 { color: hsl(var(--sf-c-txt-peachpuff-0)) } -.sf-c-txt-peachpuff\:10 { color: hsl(var(--sf-c-txt-peachpuff-10)) } -.sf-c-txt-peachpuff\:20 { color: hsl(var(--sf-c-txt-peachpuff-20)) } -.sf-c-txt-peachpuff\:30 { color: hsl(var(--sf-c-txt-peachpuff-30)) } -.sf-c-txt-peachpuff\:40 { color: hsl(var(--sf-c-txt-peachpuff-40)) } -.sf-c-txt-peachpuff\:50 { color: hsl(var(--sf-c-txt-peachpuff-50)) } -.sf-c-txt-peachpuff\:60 { color: hsl(var(--sf-c-txt-peachpuff-60)) } -.sf-c-txt-peachpuff\:70 { color: hsl(var(--sf-c-txt-peachpuff-70)) } -.sf-c-txt-peachpuff\:80 { color: hsl(var(--sf-c-txt-peachpuff-80)) } -.sf-c-txt-peachpuff\:90 { color: hsl(var(--sf-c-txt-peachpuff-90)) } -.sf-c-txt-peachpuff\:100 { color: hsl(var(--sf-c-txt-peachpuff-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-peachpuff, html.auto .sf-c-txt-peachpuff { color: hsl(28, 100%, 86%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:0, html.auto .sf-c-txt-peachpuff\:0 { color: hsl(28, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:10, html.auto .sf-c-txt-peachpuff\:10 { color: hsl(28, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:20, html.auto .sf-c-txt-peachpuff\:20 { color: hsl(28, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:30, html.auto .sf-c-txt-peachpuff\:30 { color: hsl(28, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:40, html.auto .sf-c-txt-peachpuff\:40 { color: hsl(28, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:50, html.auto .sf-c-txt-peachpuff\:50 { color: hsl(28, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:60, html.auto .sf-c-txt-peachpuff\:60 { color: hsl(28, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:70, html.auto .sf-c-txt-peachpuff\:70 { color: hsl(28, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:80, html.auto .sf-c-txt-peachpuff\:80 { color: hsl(28, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:90, html.auto .sf-c-txt-peachpuff\:90 { color: hsl(28, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:100, html.auto .sf-c-txt-peachpuff\:100 { color: hsl(28, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:dark, html.auto .sf-c-txt-peachpuff\:dark { color: hsl(28, 100%, 86%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:0\:dark, html.auto .sf-c-txt-peachpuff\:0\:dark { color: hsl(28, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:10\:dark, html.auto .sf-c-txt-peachpuff\:10\:dark { color: hsl(28, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:20\:dark, html.auto .sf-c-txt-peachpuff\:20\:dark { color: hsl(28, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:30\:dark, html.auto .sf-c-txt-peachpuff\:30\:dark { color: hsl(28, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:40\:dark, html.auto .sf-c-txt-peachpuff\:40\:dark { color: hsl(28, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:50\:dark, html.auto .sf-c-txt-peachpuff\:50\:dark { color: hsl(28, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:60\:dark, html.auto .sf-c-txt-peachpuff\:60\:dark { color: hsl(28, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:70\:dark, html.auto .sf-c-txt-peachpuff\:70\:dark { color: hsl(28, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:80\:dark, html.auto .sf-c-txt-peachpuff\:80\:dark { color: hsl(28, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:90\:dark, html.auto .sf-c-txt-peachpuff\:90\:dark { color: hsl(28, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:100\:dark, html.auto .sf-c-txt-peachpuff\:100\:dark { color: hsl(28, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/peru.css b/src/colors/10/peru.css index b47295b..6661121 100644 --- a/src/colors/10/peru.css +++ b/src/colors/10/peru.css @@ -78,6 +78,32 @@ html.var .sf-c-peru\:80 { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 80% html.var .sf-c-peru\:90 { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 90%) } html.var .sf-c-peru\:100 { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 100%) } +.sf-c-txt-peru { color: hsl(var(--sf-dark-c-txt-peru)) } +.sf-c-txt-peru\:0 { color: hsl(var(--sf-dark-c-txt-peru-100)) } +.sf-c-txt-peru\:10 { color: hsl(var(--sf-dark-c-txt-peru-90)) } +.sf-c-txt-peru\:20 { color: hsl(var(--sf-dark-c-txt-peru-80)) } +.sf-c-txt-peru\:30 { color: hsl(var(--sf-dark-c-txt-peru-70)) } +.sf-c-txt-peru\:40 { color: hsl(var(--sf-dark-c-txt-peru-60)) } +.sf-c-txt-peru\:50 { color: hsl(var(--sf-dark-c-txt-peru-50)) } +.sf-c-txt-peru\:60 { color: hsl(var(--sf-dark-c-txt-peru-40)) } +.sf-c-txt-peru\:70 { color: hsl(var(--sf-dark-c-txt-peru-30)) } +.sf-c-txt-peru\:80 { color: hsl(var(--sf-dark-c-txt-peru-20)) } +.sf-c-txt-peru\:90 { color: hsl(var(--sf-dark-c-txt-peru-10)) } +.sf-c-txt-peru\:100 { color: hsl(var(--sf-dark-c-txt-peru-0)) } + +html.var .sf-c-txt-peru { color: hsl(30, 59%, 47%) } +html.var .sf-c-txt-peru\:0 { color: hsl(30, 59%, 100%) } +html.var .sf-c-txt-peru\:10 { color: hsl(30, 59%, 90%) } +html.var .sf-c-txt-peru\:20 { color: hsl(30, 59%, 80%) } +html.var .sf-c-txt-peru\:30 { color: hsl(30, 59%, 70%) } +html.var .sf-c-txt-peru\:40 { color: hsl(30, 59%, 60%) } +html.var .sf-c-txt-peru\:50 { color: hsl(30, 59%, 50%) } +html.var .sf-c-txt-peru\:60 { color: hsl(30, 59%, 40%) } +html.var .sf-c-txt-peru\:70 { color: hsl(30, 59%, 30%) } +html.var .sf-c-txt-peru\:80 { color: hsl(30, 59%, 20%) } +html.var .sf-c-txt-peru\:90 { color: hsl(30, 59%, 10%) } +html.var .sf-c-txt-peru\:100 { color: hsl(30, 59%, 0%) } + html[data-theme='dark'] .sf-c-peru, html.dark .sf-c-peru { color: hsl(var(--sf-dark-c-txt-peru-90)); background: hsl(var(--sf-dark-c-peru)) } html[data-theme='dark'] .sf-c-peru\:0, html.dark .sf-c-peru\:0 { color: hsl(var(--sf-dark-c-txt-peru-90)); background: hsl(var(--sf-dark-c-peru-100)) } html[data-theme='dark'] .sf-c-peru\:10, html.dark .sf-c-peru\:10 { color: hsl(var(--sf-dark-c-txt-peru-10)); background: hsl(var(--sf-dark-c-peru-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-peru\:80\:dark, html.dark .sf-c-peru\:80\:dark { c html[data-theme='dark'] .sf-c-peru\:90\:dark, html.dark .sf-c-peru\:90\:dark { color: hsl(var(--sf-c-txt-peru-90)); background: hsl(var(--sf-c-peru-10)) } html[data-theme='dark'] .sf-c-peru\:100\:dark, html.dark .sf-c-peru\:100\:dark { color: hsl(var(--sf-c-txt-peru-90)); background: hsl(var(--sf-c-peru-0)) } +html[data-theme='dark'] .sf-c-txt-peru, html.dark .sf-c-txt-peru { color: hsl(var(--sf-c-txt-peru)) } +html[data-theme='dark'] .sf-c-txt-peru\:0, html.dark .sf-c-txt-peru\:0 { color: hsl(var(--sf-c-txt-peru-0)) } +html[data-theme='dark'] .sf-c-txt-peru\:10, html.dark .sf-c-txt-peru\:10 { color: hsl(var(--sf-c-txt-peru-10)) } +html[data-theme='dark'] .sf-c-txt-peru\:20, html.dark .sf-c-txt-peru\:20 { color: hsl(var(--sf-c-txt-peru-20)) } +html[data-theme='dark'] .sf-c-txt-peru\:30, html.dark .sf-c-txt-peru\:30 { color: hsl(var(--sf-c-txt-peru-30)) } +html[data-theme='dark'] .sf-c-txt-peru\:40, html.dark .sf-c-txt-peru\:40 { color: hsl(var(--sf-c-txt-peru-40)) } +html[data-theme='dark'] .sf-c-txt-peru\:50, html.dark .sf-c-txt-peru\:50 { color: hsl(var(--sf-c-txt-peru-50)) } +html[data-theme='dark'] .sf-c-txt-peru\:60, html.dark .sf-c-txt-peru\:60 { color: hsl(var(--sf-c-txt-peru-60)) } +html[data-theme='dark'] .sf-c-txt-peru\:70, html.dark .sf-c-txt-peru\:70 { color: hsl(var(--sf-c-txt-peru-70)) } +html[data-theme='dark'] .sf-c-txt-peru\:80, html.dark .sf-c-txt-peru\:80 { color: hsl(var(--sf-c-txt-peru-80)) } +html[data-theme='dark'] .sf-c-txt-peru\:90, html.dark .sf-c-txt-peru\:90 { color: hsl(var(--sf-c-txt-peru-90)) } +html[data-theme='dark'] .sf-c-txt-peru\:100, html.dark .sf-c-txt-peru\:100 { color: hsl(var(--sf-c-txt-peru-100)) } + +html[data-theme='dark'] .sf-c-txt-peru\:dark, html.dark .sf-c-txt-peru\:dark { color: hsl(var(--sf-c-txt-peru)) } +html[data-theme='dark'] .sf-c-txt-peru\:0\:dark, html.dark .sf-c-txt-peru\:0\:dark { color: hsl(var(--sf-dark-c-txt-peru-0)) } +html[data-theme='dark'] .sf-c-txt-peru\:10\:dark, html.dark .sf-c-txt-peru\:10\:dark { color: hsl(var(--sf-dark-c-txt-peru-10)) } +html[data-theme='dark'] .sf-c-txt-peru\:20\:dark, html.dark .sf-c-txt-peru\:20\:dark { color: hsl(var(--sf-dark-c-txt-peru-20)) } +html[data-theme='dark'] .sf-c-txt-peru\:30\:dark, html.dark .sf-c-txt-peru\:30\:dark { color: hsl(var(--sf-dark-c-txt-peru-30)) } +html[data-theme='dark'] .sf-c-txt-peru\:40\:dark, html.dark .sf-c-txt-peru\:40\:dark { color: hsl(var(--sf-dark-c-txt-peru-40)) } +html[data-theme='dark'] .sf-c-txt-peru\:50\:dark, html.dark .sf-c-txt-peru\:50\:dark { color: hsl(var(--sf-dark-c-txt-peru-50)) } +html[data-theme='dark'] .sf-c-txt-peru\:60\:dark, html.dark .sf-c-txt-peru\:60\:dark { color: hsl(var(--sf-dark-c-txt-peru-60)) } +html[data-theme='dark'] .sf-c-txt-peru\:70\:dark, html.dark .sf-c-txt-peru\:70\:dark { color: hsl(var(--sf-dark-c-txt-peru-70)) } +html[data-theme='dark'] .sf-c-txt-peru\:80\:dark, html.dark .sf-c-txt-peru\:80\:dark { color: hsl(var(--sf-dark-c-txt-peru-80)) } +html[data-theme='dark'] .sf-c-txt-peru\:90\:dark, html.dark .sf-c-txt-peru\:90\:dark { color: hsl(var(--sf-dark-c-txt-peru-90)) } +html[data-theme='dark'] .sf-c-txt-peru\:100\:dark, html.dark .sf-c-txt-peru\:100\:dark { color: hsl(var(--sf-dark-c-txt-peru-100)) } + html.var[data-theme='dark'] .sf-c-peru, html.var.dark .sf-c-peru { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 47%) } html.var[data-theme='dark'] .sf-c-peru\:0, html.var.dark .sf-c-peru\:0 { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 100%) } html.var[data-theme='dark'] .sf-c-peru\:10, html.var.dark .sf-c-peru\:10 { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-peru\:80\:dark, html.var.dark .sf-c-peru\:80\: html.var[data-theme='dark'] .sf-c-peru\:90\:dark, html.var.dark .sf-c-peru\:90\:dark { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 10%) } html.var[data-theme='dark'] .sf-c-peru\:100\:dark, html.var.dark .sf-c-peru\:100\:dark { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-peru, html.dark .sf-c-txt-peru { color: hsl(30, 59%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:0, html.dark .sf-c-txt-peru\:0 { color: hsl(30, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:10, html.dark .sf-c-txt-peru\:10 { color: hsl(30, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:20, html.dark .sf-c-txt-peru\:20 { color: hsl(30, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:30, html.dark .sf-c-txt-peru\:30 { color: hsl(30, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:40, html.dark .sf-c-txt-peru\:40 { color: hsl(30, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:50, html.dark .sf-c-txt-peru\:50 { color: hsl(30, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:60, html.dark .sf-c-txt-peru\:60 { color: hsl(30, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:70, html.dark .sf-c-txt-peru\:70 { color: hsl(30, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:80, html.dark .sf-c-txt-peru\:80 { color: hsl(30, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:90, html.dark .sf-c-txt-peru\:90 { color: hsl(30, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:100, html.dark .sf-c-txt-peru\:100 { color: hsl(30, 59%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-peru\:dark, html.dark .sf-c-txt-peru\:dark { color: hsl(30, 59%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:0\:dark, html.dark .sf-c-txt-peru\:0\:dark { color: hsl(30, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:10\:dark, html.dark .sf-c-txt-peru\:10\:dark { color: hsl(30, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:20\:dark, html.dark .sf-c-txt-peru\:20\:dark { color: hsl(30, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:30\:dark, html.dark .sf-c-txt-peru\:30\:dark { color: hsl(30, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:40\:dark, html.dark .sf-c-txt-peru\:40\:dark { color: hsl(30, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:50\:dark, html.dark .sf-c-txt-peru\:50\:dark { color: hsl(30, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:60\:dark, html.dark .sf-c-txt-peru\:60\:dark { color: hsl(30, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:70\:dark, html.dark .sf-c-txt-peru\:70\:dark { color: hsl(30, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:80\:dark, html.dark .sf-c-txt-peru\:80\:dark { color: hsl(30, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:90\:dark, html.dark .sf-c-txt-peru\:90\:dark { color: hsl(30, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:100\:dark, html.dark .sf-c-txt-peru\:100\:dark { color: hsl(30, 59%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-peru, html.auto .sf-c-peru { color: hsl(var(--sf-dark-c-txt-peru-90)); background: hsl(var(--sf-dark-c-peru)) } html[data-theme='auto'] .sf-c-peru\:0, html.auto .sf-c-peru\:0 { color: hsl(var(--sf-dark-c-txt-peru-90)); background: hsl(var(--sf-dark-c-peru-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-peru\:100\:dark, html.var.dark .sf-c-peru\:100 html[data-theme='auto'] .sf-c-peru\:90\:dark, html.auto .sf-c-peru\:90\:dark { color: hsl(var(--sf-c-txt-peru-90)); background: hsl(var(--sf-c-peru-10)) } html[data-theme='auto'] .sf-c-peru\:100\:dark, html.auto .sf-c-peru\:100\:dark { color: hsl(var(--sf-c-txt-peru-90)); background: hsl(var(--sf-c-peru-0)) } + html[data-theme='auto'] .sf-c-txt-peru, html.auto .sf-c-txt-peru { color: hsl(var(--sf-c-txt-peru)) } + html[data-theme='auto'] .sf-c-txt-peru\:0, html.auto .sf-c-txt-peru\:0 { color: hsl(var(--sf-c-txt-peru-0)) } + html[data-theme='auto'] .sf-c-txt-peru\:10, html.auto .sf-c-txt-peru\:10 { color: hsl(var(--sf-c-txt-peru-10)) } + html[data-theme='auto'] .sf-c-txt-peru\:20, html.auto .sf-c-txt-peru\:20 { color: hsl(var(--sf-c-txt-peru-20)) } + html[data-theme='auto'] .sf-c-txt-peru\:30, html.auto .sf-c-txt-peru\:30 { color: hsl(var(--sf-c-txt-peru-30)) } + html[data-theme='auto'] .sf-c-txt-peru\:40, html.auto .sf-c-txt-peru\:40 { color: hsl(var(--sf-c-txt-peru-40)) } + html[data-theme='auto'] .sf-c-txt-peru\:50, html.auto .sf-c-txt-peru\:50 { color: hsl(var(--sf-c-txt-peru-50)) } + html[data-theme='auto'] .sf-c-txt-peru\:60, html.auto .sf-c-txt-peru\:60 { color: hsl(var(--sf-c-txt-peru-60)) } + html[data-theme='auto'] .sf-c-txt-peru\:70, html.auto .sf-c-txt-peru\:70 { color: hsl(var(--sf-c-txt-peru-70)) } + html[data-theme='auto'] .sf-c-txt-peru\:80, html.auto .sf-c-txt-peru\:80 { color: hsl(var(--sf-c-txt-peru-80)) } + html[data-theme='auto'] .sf-c-txt-peru\:90, html.auto .sf-c-txt-peru\:90 { color: hsl(var(--sf-c-txt-peru-90)) } + html[data-theme='auto'] .sf-c-txt-peru\:100, html.auto .sf-c-txt-peru\:100 { color: hsl(var(--sf-c-txt-peru-100)) } + + html[data-theme='auto'] .sf-c-txt-peru\:dark, html.auto .sf-c-txt-peru\:dark { color: hsl(var(--sf-c-txt-peru)) } + html[data-theme='auto'] .sf-c-txt-peru\:0\:dark, html.auto .sf-c-txt-peru\:0\:dark { color: hsl(var(--sf-c-txt-peru-0)) } + html[data-theme='auto'] .sf-c-txt-peru\:10\:dark, html.auto .sf-c-txt-peru\:10\:dark { color: hsl(var(--sf-c-txt-peru-10)) } + html[data-theme='auto'] .sf-c-txt-peru\:20\:dark, html.auto .sf-c-txt-peru\:20\:dark { color: hsl(var(--sf-c-txt-peru-20)) } + html[data-theme='auto'] .sf-c-txt-peru\:30\:dark, html.auto .sf-c-txt-peru\:30\:dark { color: hsl(var(--sf-c-txt-peru-30)) } + html[data-theme='auto'] .sf-c-txt-peru\:40\:dark, html.auto .sf-c-txt-peru\:40\:dark { color: hsl(var(--sf-c-txt-peru-40)) } + html[data-theme='auto'] .sf-c-txt-peru\:50\:dark, html.auto .sf-c-txt-peru\:50\:dark { color: hsl(var(--sf-c-txt-peru-50)) } + html[data-theme='auto'] .sf-c-txt-peru\:60\:dark, html.auto .sf-c-txt-peru\:60\:dark { color: hsl(var(--sf-c-txt-peru-60)) } + html[data-theme='auto'] .sf-c-txt-peru\:70\:dark, html.auto .sf-c-txt-peru\:70\:dark { color: hsl(var(--sf-c-txt-peru-70)) } + html[data-theme='auto'] .sf-c-txt-peru\:80\:dark, html.auto .sf-c-txt-peru\:80\:dark { color: hsl(var(--sf-c-txt-peru-80)) } + html[data-theme='auto'] .sf-c-txt-peru\:90\:dark, html.auto .sf-c-txt-peru\:90\:dark { color: hsl(var(--sf-c-txt-peru-90)) } + html[data-theme='auto'] .sf-c-txt-peru\:100\:dark, html.auto .sf-c-txt-peru\:100\:dark { color: hsl(var(--sf-c-txt-peru-100)) } + html.var[data-theme='auto'] .sf-c-peru, html.var.auto .sf-c-peru { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 47%) } html.var[data-theme='auto'] .sf-c-peru\:0, html.var.auto .sf-c-peru\:0 { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 100%) } html.var[data-theme='auto'] .sf-c-peru\:10, html.var.auto .sf-c-peru\:10 { color: hsl(30, 59%, 10%); background: hsl(30, 59%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-peru\:100\:dark, html.var.dark .sf-c-peru\:100 html.var[data-theme='auto'] .sf-c-peru\:80\:dark, html.var.auto .sf-c-peru\:80\:dark { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 20%) } html.var[data-theme='auto'] .sf-c-peru\:90\:dark, html.var.auto .sf-c-peru\:90\:dark { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 10%) } html.var[data-theme='auto'] .sf-c-peru\:100\:dark, html.var.auto .sf-c-peru\:100\:dark { color: hsl(30, 59%, 90%); background: hsl(30, 59%, 0%) } -} -.sf-c-txt-peru { color: hsl(var(--sf-c-txt-peru)) } -.sf-c-txt-peru\:0 { color: hsl(var(--sf-c-txt-peru-0)) } -.sf-c-txt-peru\:10 { color: hsl(var(--sf-c-txt-peru-10)) } -.sf-c-txt-peru\:20 { color: hsl(var(--sf-c-txt-peru-20)) } -.sf-c-txt-peru\:30 { color: hsl(var(--sf-c-txt-peru-30)) } -.sf-c-txt-peru\:40 { color: hsl(var(--sf-c-txt-peru-40)) } -.sf-c-txt-peru\:50 { color: hsl(var(--sf-c-txt-peru-50)) } -.sf-c-txt-peru\:60 { color: hsl(var(--sf-c-txt-peru-60)) } -.sf-c-txt-peru\:70 { color: hsl(var(--sf-c-txt-peru-70)) } -.sf-c-txt-peru\:80 { color: hsl(var(--sf-c-txt-peru-80)) } -.sf-c-txt-peru\:90 { color: hsl(var(--sf-c-txt-peru-90)) } -.sf-c-txt-peru\:100 { color: hsl(var(--sf-c-txt-peru-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-peru, html.auto .sf-c-txt-peru { color: hsl(30, 59%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:0, html.auto .sf-c-txt-peru\:0 { color: hsl(30, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:10, html.auto .sf-c-txt-peru\:10 { color: hsl(30, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:20, html.auto .sf-c-txt-peru\:20 { color: hsl(30, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:30, html.auto .sf-c-txt-peru\:30 { color: hsl(30, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:40, html.auto .sf-c-txt-peru\:40 { color: hsl(30, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:50, html.auto .sf-c-txt-peru\:50 { color: hsl(30, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:60, html.auto .sf-c-txt-peru\:60 { color: hsl(30, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:70, html.auto .sf-c-txt-peru\:70 { color: hsl(30, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:80, html.auto .sf-c-txt-peru\:80 { color: hsl(30, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:90, html.auto .sf-c-txt-peru\:90 { color: hsl(30, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:100, html.auto .sf-c-txt-peru\:100 { color: hsl(30, 59%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-peru\:dark, html.auto .sf-c-txt-peru\:dark { color: hsl(30, 59%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:0\:dark, html.auto .sf-c-txt-peru\:0\:dark { color: hsl(30, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:10\:dark, html.auto .sf-c-txt-peru\:10\:dark { color: hsl(30, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:20\:dark, html.auto .sf-c-txt-peru\:20\:dark { color: hsl(30, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:30\:dark, html.auto .sf-c-txt-peru\:30\:dark { color: hsl(30, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:40\:dark, html.auto .sf-c-txt-peru\:40\:dark { color: hsl(30, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:50\:dark, html.auto .sf-c-txt-peru\:50\:dark { color: hsl(30, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:60\:dark, html.auto .sf-c-txt-peru\:60\:dark { color: hsl(30, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:70\:dark, html.auto .sf-c-txt-peru\:70\:dark { color: hsl(30, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:80\:dark, html.auto .sf-c-txt-peru\:80\:dark { color: hsl(30, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:90\:dark, html.auto .sf-c-txt-peru\:90\:dark { color: hsl(30, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:100\:dark, html.auto .sf-c-txt-peru\:100\:dark { color: hsl(30, 59%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/pink.css b/src/colors/10/pink.css index 64f57c1..82736bd 100644 --- a/src/colors/10/pink.css +++ b/src/colors/10/pink.css @@ -78,6 +78,32 @@ html.var .sf-c-pink\:80 { color: hsl(350, 100%, 10%); background: hsl(350, 100%, html.var .sf-c-pink\:90 { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 90%) } html.var .sf-c-pink\:100 { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 100%) } +.sf-c-txt-pink { color: hsl(var(--sf-dark-c-txt-pink)) } +.sf-c-txt-pink\:0 { color: hsl(var(--sf-dark-c-txt-pink-100)) } +.sf-c-txt-pink\:10 { color: hsl(var(--sf-dark-c-txt-pink-90)) } +.sf-c-txt-pink\:20 { color: hsl(var(--sf-dark-c-txt-pink-80)) } +.sf-c-txt-pink\:30 { color: hsl(var(--sf-dark-c-txt-pink-70)) } +.sf-c-txt-pink\:40 { color: hsl(var(--sf-dark-c-txt-pink-60)) } +.sf-c-txt-pink\:50 { color: hsl(var(--sf-dark-c-txt-pink-50)) } +.sf-c-txt-pink\:60 { color: hsl(var(--sf-dark-c-txt-pink-40)) } +.sf-c-txt-pink\:70 { color: hsl(var(--sf-dark-c-txt-pink-30)) } +.sf-c-txt-pink\:80 { color: hsl(var(--sf-dark-c-txt-pink-20)) } +.sf-c-txt-pink\:90 { color: hsl(var(--sf-dark-c-txt-pink-10)) } +.sf-c-txt-pink\:100 { color: hsl(var(--sf-dark-c-txt-pink-0)) } + +html.var .sf-c-txt-pink { color: hsl(350, 100%, 12%) } +html.var .sf-c-txt-pink\:0 { color: hsl(350, 100%, 100%) } +html.var .sf-c-txt-pink\:10 { color: hsl(350, 100%, 90%) } +html.var .sf-c-txt-pink\:20 { color: hsl(350, 100%, 80%) } +html.var .sf-c-txt-pink\:30 { color: hsl(350, 100%, 70%) } +html.var .sf-c-txt-pink\:40 { color: hsl(350, 100%, 60%) } +html.var .sf-c-txt-pink\:50 { color: hsl(350, 100%, 50%) } +html.var .sf-c-txt-pink\:60 { color: hsl(350, 100%, 40%) } +html.var .sf-c-txt-pink\:70 { color: hsl(350, 100%, 30%) } +html.var .sf-c-txt-pink\:80 { color: hsl(350, 100%, 20%) } +html.var .sf-c-txt-pink\:90 { color: hsl(350, 100%, 10%) } +html.var .sf-c-txt-pink\:100 { color: hsl(350, 100%, 0%) } + html[data-theme='dark'] .sf-c-pink, html.dark .sf-c-pink { color: hsl(var(--sf-dark-c-txt-pink-90)); background: hsl(var(--sf-dark-c-pink)) } html[data-theme='dark'] .sf-c-pink\:0, html.dark .sf-c-pink\:0 { color: hsl(var(--sf-dark-c-txt-pink-90)); background: hsl(var(--sf-dark-c-pink-100)) } html[data-theme='dark'] .sf-c-pink\:10, html.dark .sf-c-pink\:10 { color: hsl(var(--sf-dark-c-txt-pink-10)); background: hsl(var(--sf-dark-c-pink-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-pink\:80\:dark, html.dark .sf-c-pink\:80\:dark { c html[data-theme='dark'] .sf-c-pink\:90\:dark, html.dark .sf-c-pink\:90\:dark { color: hsl(var(--sf-c-txt-pink-90)); background: hsl(var(--sf-c-pink-10)) } html[data-theme='dark'] .sf-c-pink\:100\:dark, html.dark .sf-c-pink\:100\:dark { color: hsl(var(--sf-c-txt-pink-90)); background: hsl(var(--sf-c-pink-0)) } +html[data-theme='dark'] .sf-c-txt-pink, html.dark .sf-c-txt-pink { color: hsl(var(--sf-c-txt-pink)) } +html[data-theme='dark'] .sf-c-txt-pink\:0, html.dark .sf-c-txt-pink\:0 { color: hsl(var(--sf-c-txt-pink-0)) } +html[data-theme='dark'] .sf-c-txt-pink\:10, html.dark .sf-c-txt-pink\:10 { color: hsl(var(--sf-c-txt-pink-10)) } +html[data-theme='dark'] .sf-c-txt-pink\:20, html.dark .sf-c-txt-pink\:20 { color: hsl(var(--sf-c-txt-pink-20)) } +html[data-theme='dark'] .sf-c-txt-pink\:30, html.dark .sf-c-txt-pink\:30 { color: hsl(var(--sf-c-txt-pink-30)) } +html[data-theme='dark'] .sf-c-txt-pink\:40, html.dark .sf-c-txt-pink\:40 { color: hsl(var(--sf-c-txt-pink-40)) } +html[data-theme='dark'] .sf-c-txt-pink\:50, html.dark .sf-c-txt-pink\:50 { color: hsl(var(--sf-c-txt-pink-50)) } +html[data-theme='dark'] .sf-c-txt-pink\:60, html.dark .sf-c-txt-pink\:60 { color: hsl(var(--sf-c-txt-pink-60)) } +html[data-theme='dark'] .sf-c-txt-pink\:70, html.dark .sf-c-txt-pink\:70 { color: hsl(var(--sf-c-txt-pink-70)) } +html[data-theme='dark'] .sf-c-txt-pink\:80, html.dark .sf-c-txt-pink\:80 { color: hsl(var(--sf-c-txt-pink-80)) } +html[data-theme='dark'] .sf-c-txt-pink\:90, html.dark .sf-c-txt-pink\:90 { color: hsl(var(--sf-c-txt-pink-90)) } +html[data-theme='dark'] .sf-c-txt-pink\:100, html.dark .sf-c-txt-pink\:100 { color: hsl(var(--sf-c-txt-pink-100)) } + +html[data-theme='dark'] .sf-c-txt-pink\:dark, html.dark .sf-c-txt-pink\:dark { color: hsl(var(--sf-c-txt-pink)) } +html[data-theme='dark'] .sf-c-txt-pink\:0\:dark, html.dark .sf-c-txt-pink\:0\:dark { color: hsl(var(--sf-dark-c-txt-pink-0)) } +html[data-theme='dark'] .sf-c-txt-pink\:10\:dark, html.dark .sf-c-txt-pink\:10\:dark { color: hsl(var(--sf-dark-c-txt-pink-10)) } +html[data-theme='dark'] .sf-c-txt-pink\:20\:dark, html.dark .sf-c-txt-pink\:20\:dark { color: hsl(var(--sf-dark-c-txt-pink-20)) } +html[data-theme='dark'] .sf-c-txt-pink\:30\:dark, html.dark .sf-c-txt-pink\:30\:dark { color: hsl(var(--sf-dark-c-txt-pink-30)) } +html[data-theme='dark'] .sf-c-txt-pink\:40\:dark, html.dark .sf-c-txt-pink\:40\:dark { color: hsl(var(--sf-dark-c-txt-pink-40)) } +html[data-theme='dark'] .sf-c-txt-pink\:50\:dark, html.dark .sf-c-txt-pink\:50\:dark { color: hsl(var(--sf-dark-c-txt-pink-50)) } +html[data-theme='dark'] .sf-c-txt-pink\:60\:dark, html.dark .sf-c-txt-pink\:60\:dark { color: hsl(var(--sf-dark-c-txt-pink-60)) } +html[data-theme='dark'] .sf-c-txt-pink\:70\:dark, html.dark .sf-c-txt-pink\:70\:dark { color: hsl(var(--sf-dark-c-txt-pink-70)) } +html[data-theme='dark'] .sf-c-txt-pink\:80\:dark, html.dark .sf-c-txt-pink\:80\:dark { color: hsl(var(--sf-dark-c-txt-pink-80)) } +html[data-theme='dark'] .sf-c-txt-pink\:90\:dark, html.dark .sf-c-txt-pink\:90\:dark { color: hsl(var(--sf-dark-c-txt-pink-90)) } +html[data-theme='dark'] .sf-c-txt-pink\:100\:dark, html.dark .sf-c-txt-pink\:100\:dark { color: hsl(var(--sf-dark-c-txt-pink-100)) } + html.var[data-theme='dark'] .sf-c-pink, html.var.dark .sf-c-pink { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 12%) } html.var[data-theme='dark'] .sf-c-pink\:0, html.var.dark .sf-c-pink\:0 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 100%) } html.var[data-theme='dark'] .sf-c-pink\:10, html.var.dark .sf-c-pink\:10 { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-pink\:80\:dark, html.var.dark .sf-c-pink\:80\: html.var[data-theme='dark'] .sf-c-pink\:90\:dark, html.var.dark .sf-c-pink\:90\:dark { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 10%) } html.var[data-theme='dark'] .sf-c-pink\:100\:dark, html.var.dark .sf-c-pink\:100\:dark { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-pink, html.dark .sf-c-txt-pink { color: hsl(350, 100%, 88%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:0, html.dark .sf-c-txt-pink\:0 { color: hsl(350, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:10, html.dark .sf-c-txt-pink\:10 { color: hsl(350, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:20, html.dark .sf-c-txt-pink\:20 { color: hsl(350, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:30, html.dark .sf-c-txt-pink\:30 { color: hsl(350, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:40, html.dark .sf-c-txt-pink\:40 { color: hsl(350, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:50, html.dark .sf-c-txt-pink\:50 { color: hsl(350, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:60, html.dark .sf-c-txt-pink\:60 { color: hsl(350, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:70, html.dark .sf-c-txt-pink\:70 { color: hsl(350, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:80, html.dark .sf-c-txt-pink\:80 { color: hsl(350, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:90, html.dark .sf-c-txt-pink\:90 { color: hsl(350, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:100, html.dark .sf-c-txt-pink\:100 { color: hsl(350, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-pink\:dark, html.dark .sf-c-txt-pink\:dark { color: hsl(350, 100%, 88%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:0\:dark, html.dark .sf-c-txt-pink\:0\:dark { color: hsl(350, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:10\:dark, html.dark .sf-c-txt-pink\:10\:dark { color: hsl(350, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:20\:dark, html.dark .sf-c-txt-pink\:20\:dark { color: hsl(350, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:30\:dark, html.dark .sf-c-txt-pink\:30\:dark { color: hsl(350, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:40\:dark, html.dark .sf-c-txt-pink\:40\:dark { color: hsl(350, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:50\:dark, html.dark .sf-c-txt-pink\:50\:dark { color: hsl(350, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:60\:dark, html.dark .sf-c-txt-pink\:60\:dark { color: hsl(350, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:70\:dark, html.dark .sf-c-txt-pink\:70\:dark { color: hsl(350, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:80\:dark, html.dark .sf-c-txt-pink\:80\:dark { color: hsl(350, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:90\:dark, html.dark .sf-c-txt-pink\:90\:dark { color: hsl(350, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:100\:dark, html.dark .sf-c-txt-pink\:100\:dark { color: hsl(350, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-pink, html.auto .sf-c-pink { color: hsl(var(--sf-dark-c-txt-pink-90)); background: hsl(var(--sf-dark-c-pink)) } html[data-theme='auto'] .sf-c-pink\:0, html.auto .sf-c-pink\:0 { color: hsl(var(--sf-dark-c-txt-pink-90)); background: hsl(var(--sf-dark-c-pink-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-pink\:100\:dark, html.var.dark .sf-c-pink\:100 html[data-theme='auto'] .sf-c-pink\:90\:dark, html.auto .sf-c-pink\:90\:dark { color: hsl(var(--sf-c-txt-pink-90)); background: hsl(var(--sf-c-pink-10)) } html[data-theme='auto'] .sf-c-pink\:100\:dark, html.auto .sf-c-pink\:100\:dark { color: hsl(var(--sf-c-txt-pink-90)); background: hsl(var(--sf-c-pink-0)) } + html[data-theme='auto'] .sf-c-txt-pink, html.auto .sf-c-txt-pink { color: hsl(var(--sf-c-txt-pink)) } + html[data-theme='auto'] .sf-c-txt-pink\:0, html.auto .sf-c-txt-pink\:0 { color: hsl(var(--sf-c-txt-pink-0)) } + html[data-theme='auto'] .sf-c-txt-pink\:10, html.auto .sf-c-txt-pink\:10 { color: hsl(var(--sf-c-txt-pink-10)) } + html[data-theme='auto'] .sf-c-txt-pink\:20, html.auto .sf-c-txt-pink\:20 { color: hsl(var(--sf-c-txt-pink-20)) } + html[data-theme='auto'] .sf-c-txt-pink\:30, html.auto .sf-c-txt-pink\:30 { color: hsl(var(--sf-c-txt-pink-30)) } + html[data-theme='auto'] .sf-c-txt-pink\:40, html.auto .sf-c-txt-pink\:40 { color: hsl(var(--sf-c-txt-pink-40)) } + html[data-theme='auto'] .sf-c-txt-pink\:50, html.auto .sf-c-txt-pink\:50 { color: hsl(var(--sf-c-txt-pink-50)) } + html[data-theme='auto'] .sf-c-txt-pink\:60, html.auto .sf-c-txt-pink\:60 { color: hsl(var(--sf-c-txt-pink-60)) } + html[data-theme='auto'] .sf-c-txt-pink\:70, html.auto .sf-c-txt-pink\:70 { color: hsl(var(--sf-c-txt-pink-70)) } + html[data-theme='auto'] .sf-c-txt-pink\:80, html.auto .sf-c-txt-pink\:80 { color: hsl(var(--sf-c-txt-pink-80)) } + html[data-theme='auto'] .sf-c-txt-pink\:90, html.auto .sf-c-txt-pink\:90 { color: hsl(var(--sf-c-txt-pink-90)) } + html[data-theme='auto'] .sf-c-txt-pink\:100, html.auto .sf-c-txt-pink\:100 { color: hsl(var(--sf-c-txt-pink-100)) } + + html[data-theme='auto'] .sf-c-txt-pink\:dark, html.auto .sf-c-txt-pink\:dark { color: hsl(var(--sf-c-txt-pink)) } + html[data-theme='auto'] .sf-c-txt-pink\:0\:dark, html.auto .sf-c-txt-pink\:0\:dark { color: hsl(var(--sf-c-txt-pink-0)) } + html[data-theme='auto'] .sf-c-txt-pink\:10\:dark, html.auto .sf-c-txt-pink\:10\:dark { color: hsl(var(--sf-c-txt-pink-10)) } + html[data-theme='auto'] .sf-c-txt-pink\:20\:dark, html.auto .sf-c-txt-pink\:20\:dark { color: hsl(var(--sf-c-txt-pink-20)) } + html[data-theme='auto'] .sf-c-txt-pink\:30\:dark, html.auto .sf-c-txt-pink\:30\:dark { color: hsl(var(--sf-c-txt-pink-30)) } + html[data-theme='auto'] .sf-c-txt-pink\:40\:dark, html.auto .sf-c-txt-pink\:40\:dark { color: hsl(var(--sf-c-txt-pink-40)) } + html[data-theme='auto'] .sf-c-txt-pink\:50\:dark, html.auto .sf-c-txt-pink\:50\:dark { color: hsl(var(--sf-c-txt-pink-50)) } + html[data-theme='auto'] .sf-c-txt-pink\:60\:dark, html.auto .sf-c-txt-pink\:60\:dark { color: hsl(var(--sf-c-txt-pink-60)) } + html[data-theme='auto'] .sf-c-txt-pink\:70\:dark, html.auto .sf-c-txt-pink\:70\:dark { color: hsl(var(--sf-c-txt-pink-70)) } + html[data-theme='auto'] .sf-c-txt-pink\:80\:dark, html.auto .sf-c-txt-pink\:80\:dark { color: hsl(var(--sf-c-txt-pink-80)) } + html[data-theme='auto'] .sf-c-txt-pink\:90\:dark, html.auto .sf-c-txt-pink\:90\:dark { color: hsl(var(--sf-c-txt-pink-90)) } + html[data-theme='auto'] .sf-c-txt-pink\:100\:dark, html.auto .sf-c-txt-pink\:100\:dark { color: hsl(var(--sf-c-txt-pink-100)) } + html.var[data-theme='auto'] .sf-c-pink, html.var.auto .sf-c-pink { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 12%) } html.var[data-theme='auto'] .sf-c-pink\:0, html.var.auto .sf-c-pink\:0 { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 100%) } html.var[data-theme='auto'] .sf-c-pink\:10, html.var.auto .sf-c-pink\:10 { color: hsl(350, 100%, 10%); background: hsl(350, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-pink\:100\:dark, html.var.dark .sf-c-pink\:100 html.var[data-theme='auto'] .sf-c-pink\:80\:dark, html.var.auto .sf-c-pink\:80\:dark { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 20%) } html.var[data-theme='auto'] .sf-c-pink\:90\:dark, html.var.auto .sf-c-pink\:90\:dark { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 10%) } html.var[data-theme='auto'] .sf-c-pink\:100\:dark, html.var.auto .sf-c-pink\:100\:dark { color: hsl(350, 100%, 90%); background: hsl(350, 100%, 0%) } -} -.sf-c-txt-pink { color: hsl(var(--sf-c-txt-pink)) } -.sf-c-txt-pink\:0 { color: hsl(var(--sf-c-txt-pink-0)) } -.sf-c-txt-pink\:10 { color: hsl(var(--sf-c-txt-pink-10)) } -.sf-c-txt-pink\:20 { color: hsl(var(--sf-c-txt-pink-20)) } -.sf-c-txt-pink\:30 { color: hsl(var(--sf-c-txt-pink-30)) } -.sf-c-txt-pink\:40 { color: hsl(var(--sf-c-txt-pink-40)) } -.sf-c-txt-pink\:50 { color: hsl(var(--sf-c-txt-pink-50)) } -.sf-c-txt-pink\:60 { color: hsl(var(--sf-c-txt-pink-60)) } -.sf-c-txt-pink\:70 { color: hsl(var(--sf-c-txt-pink-70)) } -.sf-c-txt-pink\:80 { color: hsl(var(--sf-c-txt-pink-80)) } -.sf-c-txt-pink\:90 { color: hsl(var(--sf-c-txt-pink-90)) } -.sf-c-txt-pink\:100 { color: hsl(var(--sf-c-txt-pink-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-pink, html.auto .sf-c-txt-pink { color: hsl(350, 100%, 88%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:0, html.auto .sf-c-txt-pink\:0 { color: hsl(350, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:10, html.auto .sf-c-txt-pink\:10 { color: hsl(350, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:20, html.auto .sf-c-txt-pink\:20 { color: hsl(350, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:30, html.auto .sf-c-txt-pink\:30 { color: hsl(350, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:40, html.auto .sf-c-txt-pink\:40 { color: hsl(350, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:50, html.auto .sf-c-txt-pink\:50 { color: hsl(350, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:60, html.auto .sf-c-txt-pink\:60 { color: hsl(350, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:70, html.auto .sf-c-txt-pink\:70 { color: hsl(350, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:80, html.auto .sf-c-txt-pink\:80 { color: hsl(350, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:90, html.auto .sf-c-txt-pink\:90 { color: hsl(350, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:100, html.auto .sf-c-txt-pink\:100 { color: hsl(350, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-pink\:dark, html.auto .sf-c-txt-pink\:dark { color: hsl(350, 100%, 88%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:0\:dark, html.auto .sf-c-txt-pink\:0\:dark { color: hsl(350, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:10\:dark, html.auto .sf-c-txt-pink\:10\:dark { color: hsl(350, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:20\:dark, html.auto .sf-c-txt-pink\:20\:dark { color: hsl(350, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:30\:dark, html.auto .sf-c-txt-pink\:30\:dark { color: hsl(350, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:40\:dark, html.auto .sf-c-txt-pink\:40\:dark { color: hsl(350, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:50\:dark, html.auto .sf-c-txt-pink\:50\:dark { color: hsl(350, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:60\:dark, html.auto .sf-c-txt-pink\:60\:dark { color: hsl(350, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:70\:dark, html.auto .sf-c-txt-pink\:70\:dark { color: hsl(350, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:80\:dark, html.auto .sf-c-txt-pink\:80\:dark { color: hsl(350, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:90\:dark, html.auto .sf-c-txt-pink\:90\:dark { color: hsl(350, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:100\:dark, html.auto .sf-c-txt-pink\:100\:dark { color: hsl(350, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/plum.css b/src/colors/10/plum.css index 41c1499..c88a1ea 100644 --- a/src/colors/10/plum.css +++ b/src/colors/10/plum.css @@ -78,6 +78,32 @@ html.var .sf-c-plum\:80 { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 8 html.var .sf-c-plum\:90 { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 90%) } html.var .sf-c-plum\:100 { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 100%) } +.sf-c-txt-plum { color: hsl(var(--sf-dark-c-txt-plum)) } +.sf-c-txt-plum\:0 { color: hsl(var(--sf-dark-c-txt-plum-100)) } +.sf-c-txt-plum\:10 { color: hsl(var(--sf-dark-c-txt-plum-90)) } +.sf-c-txt-plum\:20 { color: hsl(var(--sf-dark-c-txt-plum-80)) } +.sf-c-txt-plum\:30 { color: hsl(var(--sf-dark-c-txt-plum-70)) } +.sf-c-txt-plum\:40 { color: hsl(var(--sf-dark-c-txt-plum-60)) } +.sf-c-txt-plum\:50 { color: hsl(var(--sf-dark-c-txt-plum-50)) } +.sf-c-txt-plum\:60 { color: hsl(var(--sf-dark-c-txt-plum-40)) } +.sf-c-txt-plum\:70 { color: hsl(var(--sf-dark-c-txt-plum-30)) } +.sf-c-txt-plum\:80 { color: hsl(var(--sf-dark-c-txt-plum-20)) } +.sf-c-txt-plum\:90 { color: hsl(var(--sf-dark-c-txt-plum-10)) } +.sf-c-txt-plum\:100 { color: hsl(var(--sf-dark-c-txt-plum-0)) } + +html.var .sf-c-txt-plum { color: hsl(300, 47%, 25%) } +html.var .sf-c-txt-plum\:0 { color: hsl(300, 47%, 100%) } +html.var .sf-c-txt-plum\:10 { color: hsl(300, 47%, 90%) } +html.var .sf-c-txt-plum\:20 { color: hsl(300, 47%, 80%) } +html.var .sf-c-txt-plum\:30 { color: hsl(300, 47%, 70%) } +html.var .sf-c-txt-plum\:40 { color: hsl(300, 47%, 60%) } +html.var .sf-c-txt-plum\:50 { color: hsl(300, 47%, 50%) } +html.var .sf-c-txt-plum\:60 { color: hsl(300, 47%, 40%) } +html.var .sf-c-txt-plum\:70 { color: hsl(300, 47%, 30%) } +html.var .sf-c-txt-plum\:80 { color: hsl(300, 47%, 20%) } +html.var .sf-c-txt-plum\:90 { color: hsl(300, 47%, 10%) } +html.var .sf-c-txt-plum\:100 { color: hsl(300, 47%, 0%) } + html[data-theme='dark'] .sf-c-plum, html.dark .sf-c-plum { color: hsl(var(--sf-dark-c-txt-plum-90)); background: hsl(var(--sf-dark-c-plum)) } html[data-theme='dark'] .sf-c-plum\:0, html.dark .sf-c-plum\:0 { color: hsl(var(--sf-dark-c-txt-plum-90)); background: hsl(var(--sf-dark-c-plum-100)) } html[data-theme='dark'] .sf-c-plum\:10, html.dark .sf-c-plum\:10 { color: hsl(var(--sf-dark-c-txt-plum-10)); background: hsl(var(--sf-dark-c-plum-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-plum\:80\:dark, html.dark .sf-c-plum\:80\:dark { c html[data-theme='dark'] .sf-c-plum\:90\:dark, html.dark .sf-c-plum\:90\:dark { color: hsl(var(--sf-c-txt-plum-90)); background: hsl(var(--sf-c-plum-10)) } html[data-theme='dark'] .sf-c-plum\:100\:dark, html.dark .sf-c-plum\:100\:dark { color: hsl(var(--sf-c-txt-plum-90)); background: hsl(var(--sf-c-plum-0)) } +html[data-theme='dark'] .sf-c-txt-plum, html.dark .sf-c-txt-plum { color: hsl(var(--sf-c-txt-plum)) } +html[data-theme='dark'] .sf-c-txt-plum\:0, html.dark .sf-c-txt-plum\:0 { color: hsl(var(--sf-c-txt-plum-0)) } +html[data-theme='dark'] .sf-c-txt-plum\:10, html.dark .sf-c-txt-plum\:10 { color: hsl(var(--sf-c-txt-plum-10)) } +html[data-theme='dark'] .sf-c-txt-plum\:20, html.dark .sf-c-txt-plum\:20 { color: hsl(var(--sf-c-txt-plum-20)) } +html[data-theme='dark'] .sf-c-txt-plum\:30, html.dark .sf-c-txt-plum\:30 { color: hsl(var(--sf-c-txt-plum-30)) } +html[data-theme='dark'] .sf-c-txt-plum\:40, html.dark .sf-c-txt-plum\:40 { color: hsl(var(--sf-c-txt-plum-40)) } +html[data-theme='dark'] .sf-c-txt-plum\:50, html.dark .sf-c-txt-plum\:50 { color: hsl(var(--sf-c-txt-plum-50)) } +html[data-theme='dark'] .sf-c-txt-plum\:60, html.dark .sf-c-txt-plum\:60 { color: hsl(var(--sf-c-txt-plum-60)) } +html[data-theme='dark'] .sf-c-txt-plum\:70, html.dark .sf-c-txt-plum\:70 { color: hsl(var(--sf-c-txt-plum-70)) } +html[data-theme='dark'] .sf-c-txt-plum\:80, html.dark .sf-c-txt-plum\:80 { color: hsl(var(--sf-c-txt-plum-80)) } +html[data-theme='dark'] .sf-c-txt-plum\:90, html.dark .sf-c-txt-plum\:90 { color: hsl(var(--sf-c-txt-plum-90)) } +html[data-theme='dark'] .sf-c-txt-plum\:100, html.dark .sf-c-txt-plum\:100 { color: hsl(var(--sf-c-txt-plum-100)) } + +html[data-theme='dark'] .sf-c-txt-plum\:dark, html.dark .sf-c-txt-plum\:dark { color: hsl(var(--sf-c-txt-plum)) } +html[data-theme='dark'] .sf-c-txt-plum\:0\:dark, html.dark .sf-c-txt-plum\:0\:dark { color: hsl(var(--sf-dark-c-txt-plum-0)) } +html[data-theme='dark'] .sf-c-txt-plum\:10\:dark, html.dark .sf-c-txt-plum\:10\:dark { color: hsl(var(--sf-dark-c-txt-plum-10)) } +html[data-theme='dark'] .sf-c-txt-plum\:20\:dark, html.dark .sf-c-txt-plum\:20\:dark { color: hsl(var(--sf-dark-c-txt-plum-20)) } +html[data-theme='dark'] .sf-c-txt-plum\:30\:dark, html.dark .sf-c-txt-plum\:30\:dark { color: hsl(var(--sf-dark-c-txt-plum-30)) } +html[data-theme='dark'] .sf-c-txt-plum\:40\:dark, html.dark .sf-c-txt-plum\:40\:dark { color: hsl(var(--sf-dark-c-txt-plum-40)) } +html[data-theme='dark'] .sf-c-txt-plum\:50\:dark, html.dark .sf-c-txt-plum\:50\:dark { color: hsl(var(--sf-dark-c-txt-plum-50)) } +html[data-theme='dark'] .sf-c-txt-plum\:60\:dark, html.dark .sf-c-txt-plum\:60\:dark { color: hsl(var(--sf-dark-c-txt-plum-60)) } +html[data-theme='dark'] .sf-c-txt-plum\:70\:dark, html.dark .sf-c-txt-plum\:70\:dark { color: hsl(var(--sf-dark-c-txt-plum-70)) } +html[data-theme='dark'] .sf-c-txt-plum\:80\:dark, html.dark .sf-c-txt-plum\:80\:dark { color: hsl(var(--sf-dark-c-txt-plum-80)) } +html[data-theme='dark'] .sf-c-txt-plum\:90\:dark, html.dark .sf-c-txt-plum\:90\:dark { color: hsl(var(--sf-dark-c-txt-plum-90)) } +html[data-theme='dark'] .sf-c-txt-plum\:100\:dark, html.dark .sf-c-txt-plum\:100\:dark { color: hsl(var(--sf-dark-c-txt-plum-100)) } + html.var[data-theme='dark'] .sf-c-plum, html.var.dark .sf-c-plum { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 25%) } html.var[data-theme='dark'] .sf-c-plum\:0, html.var.dark .sf-c-plum\:0 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 100%) } html.var[data-theme='dark'] .sf-c-plum\:10, html.var.dark .sf-c-plum\:10 { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-plum\:80\:dark, html.var.dark .sf-c-plum\:80\: html.var[data-theme='dark'] .sf-c-plum\:90\:dark, html.var.dark .sf-c-plum\:90\:dark { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 10%) } html.var[data-theme='dark'] .sf-c-plum\:100\:dark, html.var.dark .sf-c-plum\:100\:dark { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-plum, html.dark .sf-c-txt-plum { color: hsl(300, 47%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:0, html.dark .sf-c-txt-plum\:0 { color: hsl(300, 47%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:10, html.dark .sf-c-txt-plum\:10 { color: hsl(300, 47%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:20, html.dark .sf-c-txt-plum\:20 { color: hsl(300, 47%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:30, html.dark .sf-c-txt-plum\:30 { color: hsl(300, 47%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:40, html.dark .sf-c-txt-plum\:40 { color: hsl(300, 47%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:50, html.dark .sf-c-txt-plum\:50 { color: hsl(300, 47%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:60, html.dark .sf-c-txt-plum\:60 { color: hsl(300, 47%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:70, html.dark .sf-c-txt-plum\:70 { color: hsl(300, 47%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:80, html.dark .sf-c-txt-plum\:80 { color: hsl(300, 47%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:90, html.dark .sf-c-txt-plum\:90 { color: hsl(300, 47%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:100, html.dark .sf-c-txt-plum\:100 { color: hsl(300, 47%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-plum\:dark, html.dark .sf-c-txt-plum\:dark { color: hsl(300, 47%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:0\:dark, html.dark .sf-c-txt-plum\:0\:dark { color: hsl(300, 47%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:10\:dark, html.dark .sf-c-txt-plum\:10\:dark { color: hsl(300, 47%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:20\:dark, html.dark .sf-c-txt-plum\:20\:dark { color: hsl(300, 47%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:30\:dark, html.dark .sf-c-txt-plum\:30\:dark { color: hsl(300, 47%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:40\:dark, html.dark .sf-c-txt-plum\:40\:dark { color: hsl(300, 47%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:50\:dark, html.dark .sf-c-txt-plum\:50\:dark { color: hsl(300, 47%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:60\:dark, html.dark .sf-c-txt-plum\:60\:dark { color: hsl(300, 47%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:70\:dark, html.dark .sf-c-txt-plum\:70\:dark { color: hsl(300, 47%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:80\:dark, html.dark .sf-c-txt-plum\:80\:dark { color: hsl(300, 47%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:90\:dark, html.dark .sf-c-txt-plum\:90\:dark { color: hsl(300, 47%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:100\:dark, html.dark .sf-c-txt-plum\:100\:dark { color: hsl(300, 47%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-plum, html.auto .sf-c-plum { color: hsl(var(--sf-dark-c-txt-plum-90)); background: hsl(var(--sf-dark-c-plum)) } html[data-theme='auto'] .sf-c-plum\:0, html.auto .sf-c-plum\:0 { color: hsl(var(--sf-dark-c-txt-plum-90)); background: hsl(var(--sf-dark-c-plum-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-plum\:100\:dark, html.var.dark .sf-c-plum\:100 html[data-theme='auto'] .sf-c-plum\:90\:dark, html.auto .sf-c-plum\:90\:dark { color: hsl(var(--sf-c-txt-plum-90)); background: hsl(var(--sf-c-plum-10)) } html[data-theme='auto'] .sf-c-plum\:100\:dark, html.auto .sf-c-plum\:100\:dark { color: hsl(var(--sf-c-txt-plum-90)); background: hsl(var(--sf-c-plum-0)) } + html[data-theme='auto'] .sf-c-txt-plum, html.auto .sf-c-txt-plum { color: hsl(var(--sf-c-txt-plum)) } + html[data-theme='auto'] .sf-c-txt-plum\:0, html.auto .sf-c-txt-plum\:0 { color: hsl(var(--sf-c-txt-plum-0)) } + html[data-theme='auto'] .sf-c-txt-plum\:10, html.auto .sf-c-txt-plum\:10 { color: hsl(var(--sf-c-txt-plum-10)) } + html[data-theme='auto'] .sf-c-txt-plum\:20, html.auto .sf-c-txt-plum\:20 { color: hsl(var(--sf-c-txt-plum-20)) } + html[data-theme='auto'] .sf-c-txt-plum\:30, html.auto .sf-c-txt-plum\:30 { color: hsl(var(--sf-c-txt-plum-30)) } + html[data-theme='auto'] .sf-c-txt-plum\:40, html.auto .sf-c-txt-plum\:40 { color: hsl(var(--sf-c-txt-plum-40)) } + html[data-theme='auto'] .sf-c-txt-plum\:50, html.auto .sf-c-txt-plum\:50 { color: hsl(var(--sf-c-txt-plum-50)) } + html[data-theme='auto'] .sf-c-txt-plum\:60, html.auto .sf-c-txt-plum\:60 { color: hsl(var(--sf-c-txt-plum-60)) } + html[data-theme='auto'] .sf-c-txt-plum\:70, html.auto .sf-c-txt-plum\:70 { color: hsl(var(--sf-c-txt-plum-70)) } + html[data-theme='auto'] .sf-c-txt-plum\:80, html.auto .sf-c-txt-plum\:80 { color: hsl(var(--sf-c-txt-plum-80)) } + html[data-theme='auto'] .sf-c-txt-plum\:90, html.auto .sf-c-txt-plum\:90 { color: hsl(var(--sf-c-txt-plum-90)) } + html[data-theme='auto'] .sf-c-txt-plum\:100, html.auto .sf-c-txt-plum\:100 { color: hsl(var(--sf-c-txt-plum-100)) } + + html[data-theme='auto'] .sf-c-txt-plum\:dark, html.auto .sf-c-txt-plum\:dark { color: hsl(var(--sf-c-txt-plum)) } + html[data-theme='auto'] .sf-c-txt-plum\:0\:dark, html.auto .sf-c-txt-plum\:0\:dark { color: hsl(var(--sf-c-txt-plum-0)) } + html[data-theme='auto'] .sf-c-txt-plum\:10\:dark, html.auto .sf-c-txt-plum\:10\:dark { color: hsl(var(--sf-c-txt-plum-10)) } + html[data-theme='auto'] .sf-c-txt-plum\:20\:dark, html.auto .sf-c-txt-plum\:20\:dark { color: hsl(var(--sf-c-txt-plum-20)) } + html[data-theme='auto'] .sf-c-txt-plum\:30\:dark, html.auto .sf-c-txt-plum\:30\:dark { color: hsl(var(--sf-c-txt-plum-30)) } + html[data-theme='auto'] .sf-c-txt-plum\:40\:dark, html.auto .sf-c-txt-plum\:40\:dark { color: hsl(var(--sf-c-txt-plum-40)) } + html[data-theme='auto'] .sf-c-txt-plum\:50\:dark, html.auto .sf-c-txt-plum\:50\:dark { color: hsl(var(--sf-c-txt-plum-50)) } + html[data-theme='auto'] .sf-c-txt-plum\:60\:dark, html.auto .sf-c-txt-plum\:60\:dark { color: hsl(var(--sf-c-txt-plum-60)) } + html[data-theme='auto'] .sf-c-txt-plum\:70\:dark, html.auto .sf-c-txt-plum\:70\:dark { color: hsl(var(--sf-c-txt-plum-70)) } + html[data-theme='auto'] .sf-c-txt-plum\:80\:dark, html.auto .sf-c-txt-plum\:80\:dark { color: hsl(var(--sf-c-txt-plum-80)) } + html[data-theme='auto'] .sf-c-txt-plum\:90\:dark, html.auto .sf-c-txt-plum\:90\:dark { color: hsl(var(--sf-c-txt-plum-90)) } + html[data-theme='auto'] .sf-c-txt-plum\:100\:dark, html.auto .sf-c-txt-plum\:100\:dark { color: hsl(var(--sf-c-txt-plum-100)) } + html.var[data-theme='auto'] .sf-c-plum, html.var.auto .sf-c-plum { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 25%) } html.var[data-theme='auto'] .sf-c-plum\:0, html.var.auto .sf-c-plum\:0 { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 100%) } html.var[data-theme='auto'] .sf-c-plum\:10, html.var.auto .sf-c-plum\:10 { color: hsl(300, 47%, 10%); background: hsl(300, 47%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-plum\:100\:dark, html.var.dark .sf-c-plum\:100 html.var[data-theme='auto'] .sf-c-plum\:80\:dark, html.var.auto .sf-c-plum\:80\:dark { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 20%) } html.var[data-theme='auto'] .sf-c-plum\:90\:dark, html.var.auto .sf-c-plum\:90\:dark { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 10%) } html.var[data-theme='auto'] .sf-c-plum\:100\:dark, html.var.auto .sf-c-plum\:100\:dark { color: hsl(300, 47%, 90%); background: hsl(300, 47%, 0%) } -} -.sf-c-txt-plum { color: hsl(var(--sf-c-txt-plum)) } -.sf-c-txt-plum\:0 { color: hsl(var(--sf-c-txt-plum-0)) } -.sf-c-txt-plum\:10 { color: hsl(var(--sf-c-txt-plum-10)) } -.sf-c-txt-plum\:20 { color: hsl(var(--sf-c-txt-plum-20)) } -.sf-c-txt-plum\:30 { color: hsl(var(--sf-c-txt-plum-30)) } -.sf-c-txt-plum\:40 { color: hsl(var(--sf-c-txt-plum-40)) } -.sf-c-txt-plum\:50 { color: hsl(var(--sf-c-txt-plum-50)) } -.sf-c-txt-plum\:60 { color: hsl(var(--sf-c-txt-plum-60)) } -.sf-c-txt-plum\:70 { color: hsl(var(--sf-c-txt-plum-70)) } -.sf-c-txt-plum\:80 { color: hsl(var(--sf-c-txt-plum-80)) } -.sf-c-txt-plum\:90 { color: hsl(var(--sf-c-txt-plum-90)) } -.sf-c-txt-plum\:100 { color: hsl(var(--sf-c-txt-plum-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-plum, html.auto .sf-c-txt-plum { color: hsl(300, 47%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:0, html.auto .sf-c-txt-plum\:0 { color: hsl(300, 47%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:10, html.auto .sf-c-txt-plum\:10 { color: hsl(300, 47%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:20, html.auto .sf-c-txt-plum\:20 { color: hsl(300, 47%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:30, html.auto .sf-c-txt-plum\:30 { color: hsl(300, 47%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:40, html.auto .sf-c-txt-plum\:40 { color: hsl(300, 47%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:50, html.auto .sf-c-txt-plum\:50 { color: hsl(300, 47%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:60, html.auto .sf-c-txt-plum\:60 { color: hsl(300, 47%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:70, html.auto .sf-c-txt-plum\:70 { color: hsl(300, 47%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:80, html.auto .sf-c-txt-plum\:80 { color: hsl(300, 47%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:90, html.auto .sf-c-txt-plum\:90 { color: hsl(300, 47%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:100, html.auto .sf-c-txt-plum\:100 { color: hsl(300, 47%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-plum\:dark, html.auto .sf-c-txt-plum\:dark { color: hsl(300, 47%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:0\:dark, html.auto .sf-c-txt-plum\:0\:dark { color: hsl(300, 47%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:10\:dark, html.auto .sf-c-txt-plum\:10\:dark { color: hsl(300, 47%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:20\:dark, html.auto .sf-c-txt-plum\:20\:dark { color: hsl(300, 47%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:30\:dark, html.auto .sf-c-txt-plum\:30\:dark { color: hsl(300, 47%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:40\:dark, html.auto .sf-c-txt-plum\:40\:dark { color: hsl(300, 47%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:50\:dark, html.auto .sf-c-txt-plum\:50\:dark { color: hsl(300, 47%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:60\:dark, html.auto .sf-c-txt-plum\:60\:dark { color: hsl(300, 47%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:70\:dark, html.auto .sf-c-txt-plum\:70\:dark { color: hsl(300, 47%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:80\:dark, html.auto .sf-c-txt-plum\:80\:dark { color: hsl(300, 47%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:90\:dark, html.auto .sf-c-txt-plum\:90\:dark { color: hsl(300, 47%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:100\:dark, html.auto .sf-c-txt-plum\:100\:dark { color: hsl(300, 47%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/powderblue.css b/src/colors/10/powderblue.css index 3914e4e..d134a55 100644 --- a/src/colors/10/powderblue.css +++ b/src/colors/10/powderblue.css @@ -78,6 +78,32 @@ html.var .sf-c-powderblue\:80 { color: hsl(187, 52%, 10%); background: hsl(187, html.var .sf-c-powderblue\:90 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 90%) } html.var .sf-c-powderblue\:100 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 100%) } +.sf-c-txt-powderblue { color: hsl(var(--sf-dark-c-txt-powderblue)) } +.sf-c-txt-powderblue\:0 { color: hsl(var(--sf-dark-c-txt-powderblue-100)) } +.sf-c-txt-powderblue\:10 { color: hsl(var(--sf-dark-c-txt-powderblue-90)) } +.sf-c-txt-powderblue\:20 { color: hsl(var(--sf-dark-c-txt-powderblue-80)) } +.sf-c-txt-powderblue\:30 { color: hsl(var(--sf-dark-c-txt-powderblue-70)) } +.sf-c-txt-powderblue\:40 { color: hsl(var(--sf-dark-c-txt-powderblue-60)) } +.sf-c-txt-powderblue\:50 { color: hsl(var(--sf-dark-c-txt-powderblue-50)) } +.sf-c-txt-powderblue\:60 { color: hsl(var(--sf-dark-c-txt-powderblue-40)) } +.sf-c-txt-powderblue\:70 { color: hsl(var(--sf-dark-c-txt-powderblue-30)) } +.sf-c-txt-powderblue\:80 { color: hsl(var(--sf-dark-c-txt-powderblue-20)) } +.sf-c-txt-powderblue\:90 { color: hsl(var(--sf-dark-c-txt-powderblue-10)) } +.sf-c-txt-powderblue\:100 { color: hsl(var(--sf-dark-c-txt-powderblue-0)) } + +html.var .sf-c-txt-powderblue { color: hsl(187, 52%, 20%) } +html.var .sf-c-txt-powderblue\:0 { color: hsl(187, 52%, 100%) } +html.var .sf-c-txt-powderblue\:10 { color: hsl(187, 52%, 90%) } +html.var .sf-c-txt-powderblue\:20 { color: hsl(187, 52%, 80%) } +html.var .sf-c-txt-powderblue\:30 { color: hsl(187, 52%, 70%) } +html.var .sf-c-txt-powderblue\:40 { color: hsl(187, 52%, 60%) } +html.var .sf-c-txt-powderblue\:50 { color: hsl(187, 52%, 50%) } +html.var .sf-c-txt-powderblue\:60 { color: hsl(187, 52%, 40%) } +html.var .sf-c-txt-powderblue\:70 { color: hsl(187, 52%, 30%) } +html.var .sf-c-txt-powderblue\:80 { color: hsl(187, 52%, 20%) } +html.var .sf-c-txt-powderblue\:90 { color: hsl(187, 52%, 10%) } +html.var .sf-c-txt-powderblue\:100 { color: hsl(187, 52%, 0%) } + html[data-theme='dark'] .sf-c-powderblue, html.dark .sf-c-powderblue { color: hsl(var(--sf-dark-c-txt-powderblue-90)); background: hsl(var(--sf-dark-c-powderblue)) } html[data-theme='dark'] .sf-c-powderblue\:0, html.dark .sf-c-powderblue\:0 { color: hsl(var(--sf-dark-c-txt-powderblue-90)); background: hsl(var(--sf-dark-c-powderblue-100)) } html[data-theme='dark'] .sf-c-powderblue\:10, html.dark .sf-c-powderblue\:10 { color: hsl(var(--sf-dark-c-txt-powderblue-10)); background: hsl(var(--sf-dark-c-powderblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-powderblue\:80\:dark, html.dark .sf-c-powderblue\: html[data-theme='dark'] .sf-c-powderblue\:90\:dark, html.dark .sf-c-powderblue\:90\:dark { color: hsl(var(--sf-c-txt-powderblue-90)); background: hsl(var(--sf-c-powderblue-10)) } html[data-theme='dark'] .sf-c-powderblue\:100\:dark, html.dark .sf-c-powderblue\:100\:dark { color: hsl(var(--sf-c-txt-powderblue-90)); background: hsl(var(--sf-c-powderblue-0)) } +html[data-theme='dark'] .sf-c-txt-powderblue, html.dark .sf-c-txt-powderblue { color: hsl(var(--sf-c-txt-powderblue)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:0, html.dark .sf-c-txt-powderblue\:0 { color: hsl(var(--sf-c-txt-powderblue-0)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:10, html.dark .sf-c-txt-powderblue\:10 { color: hsl(var(--sf-c-txt-powderblue-10)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:20, html.dark .sf-c-txt-powderblue\:20 { color: hsl(var(--sf-c-txt-powderblue-20)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:30, html.dark .sf-c-txt-powderblue\:30 { color: hsl(var(--sf-c-txt-powderblue-30)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:40, html.dark .sf-c-txt-powderblue\:40 { color: hsl(var(--sf-c-txt-powderblue-40)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:50, html.dark .sf-c-txt-powderblue\:50 { color: hsl(var(--sf-c-txt-powderblue-50)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:60, html.dark .sf-c-txt-powderblue\:60 { color: hsl(var(--sf-c-txt-powderblue-60)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:70, html.dark .sf-c-txt-powderblue\:70 { color: hsl(var(--sf-c-txt-powderblue-70)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:80, html.dark .sf-c-txt-powderblue\:80 { color: hsl(var(--sf-c-txt-powderblue-80)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:90, html.dark .sf-c-txt-powderblue\:90 { color: hsl(var(--sf-c-txt-powderblue-90)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:100, html.dark .sf-c-txt-powderblue\:100 { color: hsl(var(--sf-c-txt-powderblue-100)) } + +html[data-theme='dark'] .sf-c-txt-powderblue\:dark, html.dark .sf-c-txt-powderblue\:dark { color: hsl(var(--sf-c-txt-powderblue)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:0\:dark, html.dark .sf-c-txt-powderblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-0)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:10\:dark, html.dark .sf-c-txt-powderblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-10)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:20\:dark, html.dark .sf-c-txt-powderblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-20)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:30\:dark, html.dark .sf-c-txt-powderblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-30)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:40\:dark, html.dark .sf-c-txt-powderblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-40)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:50\:dark, html.dark .sf-c-txt-powderblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-50)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:60\:dark, html.dark .sf-c-txt-powderblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-60)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:70\:dark, html.dark .sf-c-txt-powderblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-70)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:80\:dark, html.dark .sf-c-txt-powderblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-80)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:90\:dark, html.dark .sf-c-txt-powderblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-90)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:100\:dark, html.dark .sf-c-txt-powderblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-100)) } + html.var[data-theme='dark'] .sf-c-powderblue, html.var.dark .sf-c-powderblue { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 20%) } html.var[data-theme='dark'] .sf-c-powderblue\:0, html.var.dark .sf-c-powderblue\:0 { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 100%) } html.var[data-theme='dark'] .sf-c-powderblue\:10, html.var.dark .sf-c-powderblue\:10 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-powderblue\:80\:dark, html.var.dark .sf-c-powd html.var[data-theme='dark'] .sf-c-powderblue\:90\:dark, html.var.dark .sf-c-powderblue\:90\:dark { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 10%) } html.var[data-theme='dark'] .sf-c-powderblue\:100\:dark, html.var.dark .sf-c-powderblue\:100\:dark { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue, html.dark .sf-c-txt-powderblue { color: hsl(187, 52%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:0, html.dark .sf-c-txt-powderblue\:0 { color: hsl(187, 52%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:10, html.dark .sf-c-txt-powderblue\:10 { color: hsl(187, 52%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:20, html.dark .sf-c-txt-powderblue\:20 { color: hsl(187, 52%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:30, html.dark .sf-c-txt-powderblue\:30 { color: hsl(187, 52%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:40, html.dark .sf-c-txt-powderblue\:40 { color: hsl(187, 52%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:50, html.dark .sf-c-txt-powderblue\:50 { color: hsl(187, 52%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:60, html.dark .sf-c-txt-powderblue\:60 { color: hsl(187, 52%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:70, html.dark .sf-c-txt-powderblue\:70 { color: hsl(187, 52%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:80, html.dark .sf-c-txt-powderblue\:80 { color: hsl(187, 52%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:90, html.dark .sf-c-txt-powderblue\:90 { color: hsl(187, 52%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:100, html.dark .sf-c-txt-powderblue\:100 { color: hsl(187, 52%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-powderblue\:dark, html.dark .sf-c-txt-powderblue\:dark { color: hsl(187, 52%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:0\:dark, html.dark .sf-c-txt-powderblue\:0\:dark { color: hsl(187, 52%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:10\:dark, html.dark .sf-c-txt-powderblue\:10\:dark { color: hsl(187, 52%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:20\:dark, html.dark .sf-c-txt-powderblue\:20\:dark { color: hsl(187, 52%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:30\:dark, html.dark .sf-c-txt-powderblue\:30\:dark { color: hsl(187, 52%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:40\:dark, html.dark .sf-c-txt-powderblue\:40\:dark { color: hsl(187, 52%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:50\:dark, html.dark .sf-c-txt-powderblue\:50\:dark { color: hsl(187, 52%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:60\:dark, html.dark .sf-c-txt-powderblue\:60\:dark { color: hsl(187, 52%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:70\:dark, html.dark .sf-c-txt-powderblue\:70\:dark { color: hsl(187, 52%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:80\:dark, html.dark .sf-c-txt-powderblue\:80\:dark { color: hsl(187, 52%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:90\:dark, html.dark .sf-c-txt-powderblue\:90\:dark { color: hsl(187, 52%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:100\:dark, html.dark .sf-c-txt-powderblue\:100\:dark { color: hsl(187, 52%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-powderblue, html.auto .sf-c-powderblue { color: hsl(var(--sf-dark-c-txt-powderblue-90)); background: hsl(var(--sf-dark-c-powderblue)) } html[data-theme='auto'] .sf-c-powderblue\:0, html.auto .sf-c-powderblue\:0 { color: hsl(var(--sf-dark-c-txt-powderblue-90)); background: hsl(var(--sf-dark-c-powderblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-powderblue\:100\:dark, html.var.dark .sf-c-pow html[data-theme='auto'] .sf-c-powderblue\:90\:dark, html.auto .sf-c-powderblue\:90\:dark { color: hsl(var(--sf-c-txt-powderblue-90)); background: hsl(var(--sf-c-powderblue-10)) } html[data-theme='auto'] .sf-c-powderblue\:100\:dark, html.auto .sf-c-powderblue\:100\:dark { color: hsl(var(--sf-c-txt-powderblue-90)); background: hsl(var(--sf-c-powderblue-0)) } + html[data-theme='auto'] .sf-c-txt-powderblue, html.auto .sf-c-txt-powderblue { color: hsl(var(--sf-c-txt-powderblue)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:0, html.auto .sf-c-txt-powderblue\:0 { color: hsl(var(--sf-c-txt-powderblue-0)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:10, html.auto .sf-c-txt-powderblue\:10 { color: hsl(var(--sf-c-txt-powderblue-10)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:20, html.auto .sf-c-txt-powderblue\:20 { color: hsl(var(--sf-c-txt-powderblue-20)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:30, html.auto .sf-c-txt-powderblue\:30 { color: hsl(var(--sf-c-txt-powderblue-30)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:40, html.auto .sf-c-txt-powderblue\:40 { color: hsl(var(--sf-c-txt-powderblue-40)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:50, html.auto .sf-c-txt-powderblue\:50 { color: hsl(var(--sf-c-txt-powderblue-50)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:60, html.auto .sf-c-txt-powderblue\:60 { color: hsl(var(--sf-c-txt-powderblue-60)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:70, html.auto .sf-c-txt-powderblue\:70 { color: hsl(var(--sf-c-txt-powderblue-70)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:80, html.auto .sf-c-txt-powderblue\:80 { color: hsl(var(--sf-c-txt-powderblue-80)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:90, html.auto .sf-c-txt-powderblue\:90 { color: hsl(var(--sf-c-txt-powderblue-90)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:100, html.auto .sf-c-txt-powderblue\:100 { color: hsl(var(--sf-c-txt-powderblue-100)) } + + html[data-theme='auto'] .sf-c-txt-powderblue\:dark, html.auto .sf-c-txt-powderblue\:dark { color: hsl(var(--sf-c-txt-powderblue)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:0\:dark, html.auto .sf-c-txt-powderblue\:0\:dark { color: hsl(var(--sf-c-txt-powderblue-0)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:10\:dark, html.auto .sf-c-txt-powderblue\:10\:dark { color: hsl(var(--sf-c-txt-powderblue-10)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:20\:dark, html.auto .sf-c-txt-powderblue\:20\:dark { color: hsl(var(--sf-c-txt-powderblue-20)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:30\:dark, html.auto .sf-c-txt-powderblue\:30\:dark { color: hsl(var(--sf-c-txt-powderblue-30)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:40\:dark, html.auto .sf-c-txt-powderblue\:40\:dark { color: hsl(var(--sf-c-txt-powderblue-40)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:50\:dark, html.auto .sf-c-txt-powderblue\:50\:dark { color: hsl(var(--sf-c-txt-powderblue-50)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:60\:dark, html.auto .sf-c-txt-powderblue\:60\:dark { color: hsl(var(--sf-c-txt-powderblue-60)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:70\:dark, html.auto .sf-c-txt-powderblue\:70\:dark { color: hsl(var(--sf-c-txt-powderblue-70)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:80\:dark, html.auto .sf-c-txt-powderblue\:80\:dark { color: hsl(var(--sf-c-txt-powderblue-80)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:90\:dark, html.auto .sf-c-txt-powderblue\:90\:dark { color: hsl(var(--sf-c-txt-powderblue-90)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:100\:dark, html.auto .sf-c-txt-powderblue\:100\:dark { color: hsl(var(--sf-c-txt-powderblue-100)) } + html.var[data-theme='auto'] .sf-c-powderblue, html.var.auto .sf-c-powderblue { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 20%) } html.var[data-theme='auto'] .sf-c-powderblue\:0, html.var.auto .sf-c-powderblue\:0 { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 100%) } html.var[data-theme='auto'] .sf-c-powderblue\:10, html.var.auto .sf-c-powderblue\:10 { color: hsl(187, 52%, 10%); background: hsl(187, 52%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-powderblue\:100\:dark, html.var.dark .sf-c-pow html.var[data-theme='auto'] .sf-c-powderblue\:80\:dark, html.var.auto .sf-c-powderblue\:80\:dark { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 20%) } html.var[data-theme='auto'] .sf-c-powderblue\:90\:dark, html.var.auto .sf-c-powderblue\:90\:dark { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 10%) } html.var[data-theme='auto'] .sf-c-powderblue\:100\:dark, html.var.auto .sf-c-powderblue\:100\:dark { color: hsl(187, 52%, 90%); background: hsl(187, 52%, 0%) } -} -.sf-c-txt-powderblue { color: hsl(var(--sf-c-txt-powderblue)) } -.sf-c-txt-powderblue\:0 { color: hsl(var(--sf-c-txt-powderblue-0)) } -.sf-c-txt-powderblue\:10 { color: hsl(var(--sf-c-txt-powderblue-10)) } -.sf-c-txt-powderblue\:20 { color: hsl(var(--sf-c-txt-powderblue-20)) } -.sf-c-txt-powderblue\:30 { color: hsl(var(--sf-c-txt-powderblue-30)) } -.sf-c-txt-powderblue\:40 { color: hsl(var(--sf-c-txt-powderblue-40)) } -.sf-c-txt-powderblue\:50 { color: hsl(var(--sf-c-txt-powderblue-50)) } -.sf-c-txt-powderblue\:60 { color: hsl(var(--sf-c-txt-powderblue-60)) } -.sf-c-txt-powderblue\:70 { color: hsl(var(--sf-c-txt-powderblue-70)) } -.sf-c-txt-powderblue\:80 { color: hsl(var(--sf-c-txt-powderblue-80)) } -.sf-c-txt-powderblue\:90 { color: hsl(var(--sf-c-txt-powderblue-90)) } -.sf-c-txt-powderblue\:100 { color: hsl(var(--sf-c-txt-powderblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-powderblue, html.auto .sf-c-txt-powderblue { color: hsl(187, 52%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:0, html.auto .sf-c-txt-powderblue\:0 { color: hsl(187, 52%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:10, html.auto .sf-c-txt-powderblue\:10 { color: hsl(187, 52%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:20, html.auto .sf-c-txt-powderblue\:20 { color: hsl(187, 52%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:30, html.auto .sf-c-txt-powderblue\:30 { color: hsl(187, 52%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:40, html.auto .sf-c-txt-powderblue\:40 { color: hsl(187, 52%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:50, html.auto .sf-c-txt-powderblue\:50 { color: hsl(187, 52%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:60, html.auto .sf-c-txt-powderblue\:60 { color: hsl(187, 52%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:70, html.auto .sf-c-txt-powderblue\:70 { color: hsl(187, 52%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:80, html.auto .sf-c-txt-powderblue\:80 { color: hsl(187, 52%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:90, html.auto .sf-c-txt-powderblue\:90 { color: hsl(187, 52%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:100, html.auto .sf-c-txt-powderblue\:100 { color: hsl(187, 52%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-powderblue\:dark, html.auto .sf-c-txt-powderblue\:dark { color: hsl(187, 52%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:0\:dark, html.auto .sf-c-txt-powderblue\:0\:dark { color: hsl(187, 52%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:10\:dark, html.auto .sf-c-txt-powderblue\:10\:dark { color: hsl(187, 52%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:20\:dark, html.auto .sf-c-txt-powderblue\:20\:dark { color: hsl(187, 52%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:30\:dark, html.auto .sf-c-txt-powderblue\:30\:dark { color: hsl(187, 52%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:40\:dark, html.auto .sf-c-txt-powderblue\:40\:dark { color: hsl(187, 52%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:50\:dark, html.auto .sf-c-txt-powderblue\:50\:dark { color: hsl(187, 52%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:60\:dark, html.auto .sf-c-txt-powderblue\:60\:dark { color: hsl(187, 52%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:70\:dark, html.auto .sf-c-txt-powderblue\:70\:dark { color: hsl(187, 52%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:80\:dark, html.auto .sf-c-txt-powderblue\:80\:dark { color: hsl(187, 52%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:90\:dark, html.auto .sf-c-txt-powderblue\:90\:dark { color: hsl(187, 52%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:100\:dark, html.auto .sf-c-txt-powderblue\:100\:dark { color: hsl(187, 52%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/purple.css b/src/colors/10/purple.css index 67ab1a8..c1f1081 100644 --- a/src/colors/10/purple.css +++ b/src/colors/10/purple.css @@ -78,6 +78,32 @@ html.var .sf-c-purple\:80 { color: hsl(300, 100%, 10%); background: hsl(300, 100 html.var .sf-c-purple\:90 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } html.var .sf-c-purple\:100 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 100%) } +.sf-c-txt-purple { color: hsl(var(--sf-dark-c-txt-purple)) } +.sf-c-txt-purple\:0 { color: hsl(var(--sf-dark-c-txt-purple-100)) } +.sf-c-txt-purple\:10 { color: hsl(var(--sf-dark-c-txt-purple-90)) } +.sf-c-txt-purple\:20 { color: hsl(var(--sf-dark-c-txt-purple-80)) } +.sf-c-txt-purple\:30 { color: hsl(var(--sf-dark-c-txt-purple-70)) } +.sf-c-txt-purple\:40 { color: hsl(var(--sf-dark-c-txt-purple-60)) } +.sf-c-txt-purple\:50 { color: hsl(var(--sf-dark-c-txt-purple-50)) } +.sf-c-txt-purple\:60 { color: hsl(var(--sf-dark-c-txt-purple-40)) } +.sf-c-txt-purple\:70 { color: hsl(var(--sf-dark-c-txt-purple-30)) } +.sf-c-txt-purple\:80 { color: hsl(var(--sf-dark-c-txt-purple-20)) } +.sf-c-txt-purple\:90 { color: hsl(var(--sf-dark-c-txt-purple-10)) } +.sf-c-txt-purple\:100 { color: hsl(var(--sf-dark-c-txt-purple-0)) } + +html.var .sf-c-txt-purple { color: hsl(300, 100%, 75%) } +html.var .sf-c-txt-purple\:0 { color: hsl(300, 100%, 100%) } +html.var .sf-c-txt-purple\:10 { color: hsl(300, 100%, 90%) } +html.var .sf-c-txt-purple\:20 { color: hsl(300, 100%, 80%) } +html.var .sf-c-txt-purple\:30 { color: hsl(300, 100%, 70%) } +html.var .sf-c-txt-purple\:40 { color: hsl(300, 100%, 60%) } +html.var .sf-c-txt-purple\:50 { color: hsl(300, 100%, 50%) } +html.var .sf-c-txt-purple\:60 { color: hsl(300, 100%, 40%) } +html.var .sf-c-txt-purple\:70 { color: hsl(300, 100%, 30%) } +html.var .sf-c-txt-purple\:80 { color: hsl(300, 100%, 20%) } +html.var .sf-c-txt-purple\:90 { color: hsl(300, 100%, 10%) } +html.var .sf-c-txt-purple\:100 { color: hsl(300, 100%, 0%) } + html[data-theme='dark'] .sf-c-purple, html.dark .sf-c-purple { color: hsl(var(--sf-dark-c-txt-purple-10)); background: hsl(var(--sf-dark-c-purple)) } html[data-theme='dark'] .sf-c-purple\:0, html.dark .sf-c-purple\:0 { color: hsl(var(--sf-dark-c-txt-purple-90)); background: hsl(var(--sf-dark-c-purple-100)) } html[data-theme='dark'] .sf-c-purple\:10, html.dark .sf-c-purple\:10 { color: hsl(var(--sf-dark-c-txt-purple-10)); background: hsl(var(--sf-dark-c-purple-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-purple\:80\:dark, html.dark .sf-c-purple\:80\:dark html[data-theme='dark'] .sf-c-purple\:90\:dark, html.dark .sf-c-purple\:90\:dark { color: hsl(var(--sf-c-txt-purple-90)); background: hsl(var(--sf-c-purple-10)) } html[data-theme='dark'] .sf-c-purple\:100\:dark, html.dark .sf-c-purple\:100\:dark { color: hsl(var(--sf-c-txt-purple-90)); background: hsl(var(--sf-c-purple-0)) } +html[data-theme='dark'] .sf-c-txt-purple, html.dark .sf-c-txt-purple { color: hsl(var(--sf-c-txt-purple)) } +html[data-theme='dark'] .sf-c-txt-purple\:0, html.dark .sf-c-txt-purple\:0 { color: hsl(var(--sf-c-txt-purple-0)) } +html[data-theme='dark'] .sf-c-txt-purple\:10, html.dark .sf-c-txt-purple\:10 { color: hsl(var(--sf-c-txt-purple-10)) } +html[data-theme='dark'] .sf-c-txt-purple\:20, html.dark .sf-c-txt-purple\:20 { color: hsl(var(--sf-c-txt-purple-20)) } +html[data-theme='dark'] .sf-c-txt-purple\:30, html.dark .sf-c-txt-purple\:30 { color: hsl(var(--sf-c-txt-purple-30)) } +html[data-theme='dark'] .sf-c-txt-purple\:40, html.dark .sf-c-txt-purple\:40 { color: hsl(var(--sf-c-txt-purple-40)) } +html[data-theme='dark'] .sf-c-txt-purple\:50, html.dark .sf-c-txt-purple\:50 { color: hsl(var(--sf-c-txt-purple-50)) } +html[data-theme='dark'] .sf-c-txt-purple\:60, html.dark .sf-c-txt-purple\:60 { color: hsl(var(--sf-c-txt-purple-60)) } +html[data-theme='dark'] .sf-c-txt-purple\:70, html.dark .sf-c-txt-purple\:70 { color: hsl(var(--sf-c-txt-purple-70)) } +html[data-theme='dark'] .sf-c-txt-purple\:80, html.dark .sf-c-txt-purple\:80 { color: hsl(var(--sf-c-txt-purple-80)) } +html[data-theme='dark'] .sf-c-txt-purple\:90, html.dark .sf-c-txt-purple\:90 { color: hsl(var(--sf-c-txt-purple-90)) } +html[data-theme='dark'] .sf-c-txt-purple\:100, html.dark .sf-c-txt-purple\:100 { color: hsl(var(--sf-c-txt-purple-100)) } + +html[data-theme='dark'] .sf-c-txt-purple\:dark, html.dark .sf-c-txt-purple\:dark { color: hsl(var(--sf-c-txt-purple)) } +html[data-theme='dark'] .sf-c-txt-purple\:0\:dark, html.dark .sf-c-txt-purple\:0\:dark { color: hsl(var(--sf-dark-c-txt-purple-0)) } +html[data-theme='dark'] .sf-c-txt-purple\:10\:dark, html.dark .sf-c-txt-purple\:10\:dark { color: hsl(var(--sf-dark-c-txt-purple-10)) } +html[data-theme='dark'] .sf-c-txt-purple\:20\:dark, html.dark .sf-c-txt-purple\:20\:dark { color: hsl(var(--sf-dark-c-txt-purple-20)) } +html[data-theme='dark'] .sf-c-txt-purple\:30\:dark, html.dark .sf-c-txt-purple\:30\:dark { color: hsl(var(--sf-dark-c-txt-purple-30)) } +html[data-theme='dark'] .sf-c-txt-purple\:40\:dark, html.dark .sf-c-txt-purple\:40\:dark { color: hsl(var(--sf-dark-c-txt-purple-40)) } +html[data-theme='dark'] .sf-c-txt-purple\:50\:dark, html.dark .sf-c-txt-purple\:50\:dark { color: hsl(var(--sf-dark-c-txt-purple-50)) } +html[data-theme='dark'] .sf-c-txt-purple\:60\:dark, html.dark .sf-c-txt-purple\:60\:dark { color: hsl(var(--sf-dark-c-txt-purple-60)) } +html[data-theme='dark'] .sf-c-txt-purple\:70\:dark, html.dark .sf-c-txt-purple\:70\:dark { color: hsl(var(--sf-dark-c-txt-purple-70)) } +html[data-theme='dark'] .sf-c-txt-purple\:80\:dark, html.dark .sf-c-txt-purple\:80\:dark { color: hsl(var(--sf-dark-c-txt-purple-80)) } +html[data-theme='dark'] .sf-c-txt-purple\:90\:dark, html.dark .sf-c-txt-purple\:90\:dark { color: hsl(var(--sf-dark-c-txt-purple-90)) } +html[data-theme='dark'] .sf-c-txt-purple\:100\:dark, html.dark .sf-c-txt-purple\:100\:dark { color: hsl(var(--sf-dark-c-txt-purple-100)) } + html.var[data-theme='dark'] .sf-c-purple, html.var.dark .sf-c-purple { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 75%) } html.var[data-theme='dark'] .sf-c-purple\:0, html.var.dark .sf-c-purple\:0 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 100%) } html.var[data-theme='dark'] .sf-c-purple\:10, html.var.dark .sf-c-purple\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-purple\:80\:dark, html.var.dark .sf-c-purple\: html.var[data-theme='dark'] .sf-c-purple\:90\:dark, html.var.dark .sf-c-purple\:90\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } html.var[data-theme='dark'] .sf-c-purple\:100\:dark, html.var.dark .sf-c-purple\:100\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-purple, html.dark .sf-c-txt-purple { color: hsl(300, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:0, html.dark .sf-c-txt-purple\:0 { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:10, html.dark .sf-c-txt-purple\:10 { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:20, html.dark .sf-c-txt-purple\:20 { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:30, html.dark .sf-c-txt-purple\:30 { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:40, html.dark .sf-c-txt-purple\:40 { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:50, html.dark .sf-c-txt-purple\:50 { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:60, html.dark .sf-c-txt-purple\:60 { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:70, html.dark .sf-c-txt-purple\:70 { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:80, html.dark .sf-c-txt-purple\:80 { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:90, html.dark .sf-c-txt-purple\:90 { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:100, html.dark .sf-c-txt-purple\:100 { color: hsl(300, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-purple\:dark, html.dark .sf-c-txt-purple\:dark { color: hsl(300, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:0\:dark, html.dark .sf-c-txt-purple\:0\:dark { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:10\:dark, html.dark .sf-c-txt-purple\:10\:dark { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:20\:dark, html.dark .sf-c-txt-purple\:20\:dark { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:30\:dark, html.dark .sf-c-txt-purple\:30\:dark { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:40\:dark, html.dark .sf-c-txt-purple\:40\:dark { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:50\:dark, html.dark .sf-c-txt-purple\:50\:dark { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:60\:dark, html.dark .sf-c-txt-purple\:60\:dark { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:70\:dark, html.dark .sf-c-txt-purple\:70\:dark { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:80\:dark, html.dark .sf-c-txt-purple\:80\:dark { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:90\:dark, html.dark .sf-c-txt-purple\:90\:dark { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:100\:dark, html.dark .sf-c-txt-purple\:100\:dark { color: hsl(300, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-purple, html.auto .sf-c-purple { color: hsl(var(--sf-dark-c-txt-purple-10)); background: hsl(var(--sf-dark-c-purple)) } html[data-theme='auto'] .sf-c-purple\:0, html.auto .sf-c-purple\:0 { color: hsl(var(--sf-dark-c-txt-purple-90)); background: hsl(var(--sf-dark-c-purple-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-purple\:100\:dark, html.var.dark .sf-c-purple\ html[data-theme='auto'] .sf-c-purple\:90\:dark, html.auto .sf-c-purple\:90\:dark { color: hsl(var(--sf-c-txt-purple-90)); background: hsl(var(--sf-c-purple-10)) } html[data-theme='auto'] .sf-c-purple\:100\:dark, html.auto .sf-c-purple\:100\:dark { color: hsl(var(--sf-c-txt-purple-90)); background: hsl(var(--sf-c-purple-0)) } + html[data-theme='auto'] .sf-c-txt-purple, html.auto .sf-c-txt-purple { color: hsl(var(--sf-c-txt-purple)) } + html[data-theme='auto'] .sf-c-txt-purple\:0, html.auto .sf-c-txt-purple\:0 { color: hsl(var(--sf-c-txt-purple-0)) } + html[data-theme='auto'] .sf-c-txt-purple\:10, html.auto .sf-c-txt-purple\:10 { color: hsl(var(--sf-c-txt-purple-10)) } + html[data-theme='auto'] .sf-c-txt-purple\:20, html.auto .sf-c-txt-purple\:20 { color: hsl(var(--sf-c-txt-purple-20)) } + html[data-theme='auto'] .sf-c-txt-purple\:30, html.auto .sf-c-txt-purple\:30 { color: hsl(var(--sf-c-txt-purple-30)) } + html[data-theme='auto'] .sf-c-txt-purple\:40, html.auto .sf-c-txt-purple\:40 { color: hsl(var(--sf-c-txt-purple-40)) } + html[data-theme='auto'] .sf-c-txt-purple\:50, html.auto .sf-c-txt-purple\:50 { color: hsl(var(--sf-c-txt-purple-50)) } + html[data-theme='auto'] .sf-c-txt-purple\:60, html.auto .sf-c-txt-purple\:60 { color: hsl(var(--sf-c-txt-purple-60)) } + html[data-theme='auto'] .sf-c-txt-purple\:70, html.auto .sf-c-txt-purple\:70 { color: hsl(var(--sf-c-txt-purple-70)) } + html[data-theme='auto'] .sf-c-txt-purple\:80, html.auto .sf-c-txt-purple\:80 { color: hsl(var(--sf-c-txt-purple-80)) } + html[data-theme='auto'] .sf-c-txt-purple\:90, html.auto .sf-c-txt-purple\:90 { color: hsl(var(--sf-c-txt-purple-90)) } + html[data-theme='auto'] .sf-c-txt-purple\:100, html.auto .sf-c-txt-purple\:100 { color: hsl(var(--sf-c-txt-purple-100)) } + + html[data-theme='auto'] .sf-c-txt-purple\:dark, html.auto .sf-c-txt-purple\:dark { color: hsl(var(--sf-c-txt-purple)) } + html[data-theme='auto'] .sf-c-txt-purple\:0\:dark, html.auto .sf-c-txt-purple\:0\:dark { color: hsl(var(--sf-c-txt-purple-0)) } + html[data-theme='auto'] .sf-c-txt-purple\:10\:dark, html.auto .sf-c-txt-purple\:10\:dark { color: hsl(var(--sf-c-txt-purple-10)) } + html[data-theme='auto'] .sf-c-txt-purple\:20\:dark, html.auto .sf-c-txt-purple\:20\:dark { color: hsl(var(--sf-c-txt-purple-20)) } + html[data-theme='auto'] .sf-c-txt-purple\:30\:dark, html.auto .sf-c-txt-purple\:30\:dark { color: hsl(var(--sf-c-txt-purple-30)) } + html[data-theme='auto'] .sf-c-txt-purple\:40\:dark, html.auto .sf-c-txt-purple\:40\:dark { color: hsl(var(--sf-c-txt-purple-40)) } + html[data-theme='auto'] .sf-c-txt-purple\:50\:dark, html.auto .sf-c-txt-purple\:50\:dark { color: hsl(var(--sf-c-txt-purple-50)) } + html[data-theme='auto'] .sf-c-txt-purple\:60\:dark, html.auto .sf-c-txt-purple\:60\:dark { color: hsl(var(--sf-c-txt-purple-60)) } + html[data-theme='auto'] .sf-c-txt-purple\:70\:dark, html.auto .sf-c-txt-purple\:70\:dark { color: hsl(var(--sf-c-txt-purple-70)) } + html[data-theme='auto'] .sf-c-txt-purple\:80\:dark, html.auto .sf-c-txt-purple\:80\:dark { color: hsl(var(--sf-c-txt-purple-80)) } + html[data-theme='auto'] .sf-c-txt-purple\:90\:dark, html.auto .sf-c-txt-purple\:90\:dark { color: hsl(var(--sf-c-txt-purple-90)) } + html[data-theme='auto'] .sf-c-txt-purple\:100\:dark, html.auto .sf-c-txt-purple\:100\:dark { color: hsl(var(--sf-c-txt-purple-100)) } + html.var[data-theme='auto'] .sf-c-purple, html.var.auto .sf-c-purple { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 75%) } html.var[data-theme='auto'] .sf-c-purple\:0, html.var.auto .sf-c-purple\:0 { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 100%) } html.var[data-theme='auto'] .sf-c-purple\:10, html.var.auto .sf-c-purple\:10 { color: hsl(300, 100%, 10%); background: hsl(300, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-purple\:100\:dark, html.var.dark .sf-c-purple\ html.var[data-theme='auto'] .sf-c-purple\:80\:dark, html.var.auto .sf-c-purple\:80\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 20%) } html.var[data-theme='auto'] .sf-c-purple\:90\:dark, html.var.auto .sf-c-purple\:90\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 10%) } html.var[data-theme='auto'] .sf-c-purple\:100\:dark, html.var.auto .sf-c-purple\:100\:dark { color: hsl(300, 100%, 90%); background: hsl(300, 100%, 0%) } -} -.sf-c-txt-purple { color: hsl(var(--sf-c-txt-purple)) } -.sf-c-txt-purple\:0 { color: hsl(var(--sf-c-txt-purple-0)) } -.sf-c-txt-purple\:10 { color: hsl(var(--sf-c-txt-purple-10)) } -.sf-c-txt-purple\:20 { color: hsl(var(--sf-c-txt-purple-20)) } -.sf-c-txt-purple\:30 { color: hsl(var(--sf-c-txt-purple-30)) } -.sf-c-txt-purple\:40 { color: hsl(var(--sf-c-txt-purple-40)) } -.sf-c-txt-purple\:50 { color: hsl(var(--sf-c-txt-purple-50)) } -.sf-c-txt-purple\:60 { color: hsl(var(--sf-c-txt-purple-60)) } -.sf-c-txt-purple\:70 { color: hsl(var(--sf-c-txt-purple-70)) } -.sf-c-txt-purple\:80 { color: hsl(var(--sf-c-txt-purple-80)) } -.sf-c-txt-purple\:90 { color: hsl(var(--sf-c-txt-purple-90)) } -.sf-c-txt-purple\:100 { color: hsl(var(--sf-c-txt-purple-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-purple, html.auto .sf-c-txt-purple { color: hsl(300, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:0, html.auto .sf-c-txt-purple\:0 { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:10, html.auto .sf-c-txt-purple\:10 { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:20, html.auto .sf-c-txt-purple\:20 { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:30, html.auto .sf-c-txt-purple\:30 { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:40, html.auto .sf-c-txt-purple\:40 { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:50, html.auto .sf-c-txt-purple\:50 { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:60, html.auto .sf-c-txt-purple\:60 { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:70, html.auto .sf-c-txt-purple\:70 { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:80, html.auto .sf-c-txt-purple\:80 { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:90, html.auto .sf-c-txt-purple\:90 { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:100, html.auto .sf-c-txt-purple\:100 { color: hsl(300, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-purple\:dark, html.auto .sf-c-txt-purple\:dark { color: hsl(300, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:0\:dark, html.auto .sf-c-txt-purple\:0\:dark { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:10\:dark, html.auto .sf-c-txt-purple\:10\:dark { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:20\:dark, html.auto .sf-c-txt-purple\:20\:dark { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:30\:dark, html.auto .sf-c-txt-purple\:30\:dark { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:40\:dark, html.auto .sf-c-txt-purple\:40\:dark { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:50\:dark, html.auto .sf-c-txt-purple\:50\:dark { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:60\:dark, html.auto .sf-c-txt-purple\:60\:dark { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:70\:dark, html.auto .sf-c-txt-purple\:70\:dark { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:80\:dark, html.auto .sf-c-txt-purple\:80\:dark { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:90\:dark, html.auto .sf-c-txt-purple\:90\:dark { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:100\:dark, html.auto .sf-c-txt-purple\:100\:dark { color: hsl(300, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/rebeccapurple.css b/src/colors/10/rebeccapurple.css index 38edfbd..df92f9f 100644 --- a/src/colors/10/rebeccapurple.css +++ b/src/colors/10/rebeccapurple.css @@ -78,6 +78,32 @@ html.var .sf-c-rebeccapurple\:80 { color: hsl(270, 50%, 10%); background: hsl(27 html.var .sf-c-rebeccapurple\:90 { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 90%) } html.var .sf-c-rebeccapurple\:100 { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 100%) } +.sf-c-txt-rebeccapurple { color: hsl(var(--sf-dark-c-txt-rebeccapurple)) } +.sf-c-txt-rebeccapurple\:0 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-100)) } +.sf-c-txt-rebeccapurple\:10 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-90)) } +.sf-c-txt-rebeccapurple\:20 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-80)) } +.sf-c-txt-rebeccapurple\:30 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-70)) } +.sf-c-txt-rebeccapurple\:40 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-60)) } +.sf-c-txt-rebeccapurple\:50 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-50)) } +.sf-c-txt-rebeccapurple\:60 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-40)) } +.sf-c-txt-rebeccapurple\:70 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-30)) } +.sf-c-txt-rebeccapurple\:80 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-20)) } +.sf-c-txt-rebeccapurple\:90 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-10)) } +.sf-c-txt-rebeccapurple\:100 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-0)) } + +html.var .sf-c-txt-rebeccapurple { color: hsl(270, 50%, 60%) } +html.var .sf-c-txt-rebeccapurple\:0 { color: hsl(270, 50%, 100%) } +html.var .sf-c-txt-rebeccapurple\:10 { color: hsl(270, 50%, 90%) } +html.var .sf-c-txt-rebeccapurple\:20 { color: hsl(270, 50%, 80%) } +html.var .sf-c-txt-rebeccapurple\:30 { color: hsl(270, 50%, 70%) } +html.var .sf-c-txt-rebeccapurple\:40 { color: hsl(270, 50%, 60%) } +html.var .sf-c-txt-rebeccapurple\:50 { color: hsl(270, 50%, 50%) } +html.var .sf-c-txt-rebeccapurple\:60 { color: hsl(270, 50%, 40%) } +html.var .sf-c-txt-rebeccapurple\:70 { color: hsl(270, 50%, 30%) } +html.var .sf-c-txt-rebeccapurple\:80 { color: hsl(270, 50%, 20%) } +html.var .sf-c-txt-rebeccapurple\:90 { color: hsl(270, 50%, 10%) } +html.var .sf-c-txt-rebeccapurple\:100 { color: hsl(270, 50%, 0%) } + html[data-theme='dark'] .sf-c-rebeccapurple, html.dark .sf-c-rebeccapurple { color: hsl(var(--sf-dark-c-txt-rebeccapurple-90)); background: hsl(var(--sf-dark-c-rebeccapurple)) } html[data-theme='dark'] .sf-c-rebeccapurple\:0, html.dark .sf-c-rebeccapurple\:0 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-90)); background: hsl(var(--sf-dark-c-rebeccapurple-100)) } html[data-theme='dark'] .sf-c-rebeccapurple\:10, html.dark .sf-c-rebeccapurple\:10 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-10)); background: hsl(var(--sf-dark-c-rebeccapurple-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-rebeccapurple\:80\:dark, html.dark .sf-c-rebeccapu html[data-theme='dark'] .sf-c-rebeccapurple\:90\:dark, html.dark .sf-c-rebeccapurple\:90\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-90)); background: hsl(var(--sf-c-rebeccapurple-10)) } html[data-theme='dark'] .sf-c-rebeccapurple\:100\:dark, html.dark .sf-c-rebeccapurple\:100\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-90)); background: hsl(var(--sf-c-rebeccapurple-0)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple, html.dark .sf-c-txt-rebeccapurple { color: hsl(var(--sf-c-txt-rebeccapurple)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:0, html.dark .sf-c-txt-rebeccapurple\:0 { color: hsl(var(--sf-c-txt-rebeccapurple-0)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:10, html.dark .sf-c-txt-rebeccapurple\:10 { color: hsl(var(--sf-c-txt-rebeccapurple-10)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:20, html.dark .sf-c-txt-rebeccapurple\:20 { color: hsl(var(--sf-c-txt-rebeccapurple-20)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:30, html.dark .sf-c-txt-rebeccapurple\:30 { color: hsl(var(--sf-c-txt-rebeccapurple-30)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:40, html.dark .sf-c-txt-rebeccapurple\:40 { color: hsl(var(--sf-c-txt-rebeccapurple-40)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:50, html.dark .sf-c-txt-rebeccapurple\:50 { color: hsl(var(--sf-c-txt-rebeccapurple-50)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:60, html.dark .sf-c-txt-rebeccapurple\:60 { color: hsl(var(--sf-c-txt-rebeccapurple-60)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:70, html.dark .sf-c-txt-rebeccapurple\:70 { color: hsl(var(--sf-c-txt-rebeccapurple-70)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:80, html.dark .sf-c-txt-rebeccapurple\:80 { color: hsl(var(--sf-c-txt-rebeccapurple-80)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:90, html.dark .sf-c-txt-rebeccapurple\:90 { color: hsl(var(--sf-c-txt-rebeccapurple-90)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:100, html.dark .sf-c-txt-rebeccapurple\:100 { color: hsl(var(--sf-c-txt-rebeccapurple-100)) } + +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:dark, html.dark .sf-c-txt-rebeccapurple\:dark { color: hsl(var(--sf-c-txt-rebeccapurple)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:0\:dark, html.dark .sf-c-txt-rebeccapurple\:0\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-0)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:10\:dark, html.dark .sf-c-txt-rebeccapurple\:10\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-10)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:20\:dark, html.dark .sf-c-txt-rebeccapurple\:20\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-20)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:30\:dark, html.dark .sf-c-txt-rebeccapurple\:30\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-30)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:40\:dark, html.dark .sf-c-txt-rebeccapurple\:40\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-40)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:50\:dark, html.dark .sf-c-txt-rebeccapurple\:50\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-50)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:60\:dark, html.dark .sf-c-txt-rebeccapurple\:60\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-60)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:70\:dark, html.dark .sf-c-txt-rebeccapurple\:70\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-70)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:80\:dark, html.dark .sf-c-txt-rebeccapurple\:80\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-80)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:90\:dark, html.dark .sf-c-txt-rebeccapurple\:90\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-90)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:100\:dark, html.dark .sf-c-txt-rebeccapurple\:100\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-100)) } + html.var[data-theme='dark'] .sf-c-rebeccapurple, html.var.dark .sf-c-rebeccapurple { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 60%) } html.var[data-theme='dark'] .sf-c-rebeccapurple\:0, html.var.dark .sf-c-rebeccapurple\:0 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 100%) } html.var[data-theme='dark'] .sf-c-rebeccapurple\:10, html.var.dark .sf-c-rebeccapurple\:10 { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-rebeccapurple\:80\:dark, html.var.dark .sf-c-r html.var[data-theme='dark'] .sf-c-rebeccapurple\:90\:dark, html.var.dark .sf-c-rebeccapurple\:90\:dark { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 10%) } html.var[data-theme='dark'] .sf-c-rebeccapurple\:100\:dark, html.var.dark .sf-c-rebeccapurple\:100\:dark { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple, html.dark .sf-c-txt-rebeccapurple { color: hsl(270, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:0, html.dark .sf-c-txt-rebeccapurple\:0 { color: hsl(270, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:10, html.dark .sf-c-txt-rebeccapurple\:10 { color: hsl(270, 50%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:20, html.dark .sf-c-txt-rebeccapurple\:20 { color: hsl(270, 50%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:30, html.dark .sf-c-txt-rebeccapurple\:30 { color: hsl(270, 50%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:40, html.dark .sf-c-txt-rebeccapurple\:40 { color: hsl(270, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:50, html.dark .sf-c-txt-rebeccapurple\:50 { color: hsl(270, 50%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:60, html.dark .sf-c-txt-rebeccapurple\:60 { color: hsl(270, 50%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:70, html.dark .sf-c-txt-rebeccapurple\:70 { color: hsl(270, 50%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:80, html.dark .sf-c-txt-rebeccapurple\:80 { color: hsl(270, 50%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:90, html.dark .sf-c-txt-rebeccapurple\:90 { color: hsl(270, 50%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:100, html.dark .sf-c-txt-rebeccapurple\:100 { color: hsl(270, 50%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:dark, html.dark .sf-c-txt-rebeccapurple\:dark { color: hsl(270, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:0\:dark, html.dark .sf-c-txt-rebeccapurple\:0\:dark { color: hsl(270, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:10\:dark, html.dark .sf-c-txt-rebeccapurple\:10\:dark { color: hsl(270, 50%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:20\:dark, html.dark .sf-c-txt-rebeccapurple\:20\:dark { color: hsl(270, 50%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:30\:dark, html.dark .sf-c-txt-rebeccapurple\:30\:dark { color: hsl(270, 50%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:40\:dark, html.dark .sf-c-txt-rebeccapurple\:40\:dark { color: hsl(270, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:50\:dark, html.dark .sf-c-txt-rebeccapurple\:50\:dark { color: hsl(270, 50%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:60\:dark, html.dark .sf-c-txt-rebeccapurple\:60\:dark { color: hsl(270, 50%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:70\:dark, html.dark .sf-c-txt-rebeccapurple\:70\:dark { color: hsl(270, 50%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:80\:dark, html.dark .sf-c-txt-rebeccapurple\:80\:dark { color: hsl(270, 50%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:90\:dark, html.dark .sf-c-txt-rebeccapurple\:90\:dark { color: hsl(270, 50%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:100\:dark, html.dark .sf-c-txt-rebeccapurple\:100\:dark { color: hsl(270, 50%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-rebeccapurple, html.auto .sf-c-rebeccapurple { color: hsl(var(--sf-dark-c-txt-rebeccapurple-90)); background: hsl(var(--sf-dark-c-rebeccapurple)) } html[data-theme='auto'] .sf-c-rebeccapurple\:0, html.auto .sf-c-rebeccapurple\:0 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-90)); background: hsl(var(--sf-dark-c-rebeccapurple-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-rebeccapurple\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-rebeccapurple\:90\:dark, html.auto .sf-c-rebeccapurple\:90\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-90)); background: hsl(var(--sf-c-rebeccapurple-10)) } html[data-theme='auto'] .sf-c-rebeccapurple\:100\:dark, html.auto .sf-c-rebeccapurple\:100\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-90)); background: hsl(var(--sf-c-rebeccapurple-0)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple, html.auto .sf-c-txt-rebeccapurple { color: hsl(var(--sf-c-txt-rebeccapurple)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:0, html.auto .sf-c-txt-rebeccapurple\:0 { color: hsl(var(--sf-c-txt-rebeccapurple-0)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:10, html.auto .sf-c-txt-rebeccapurple\:10 { color: hsl(var(--sf-c-txt-rebeccapurple-10)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:20, html.auto .sf-c-txt-rebeccapurple\:20 { color: hsl(var(--sf-c-txt-rebeccapurple-20)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:30, html.auto .sf-c-txt-rebeccapurple\:30 { color: hsl(var(--sf-c-txt-rebeccapurple-30)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:40, html.auto .sf-c-txt-rebeccapurple\:40 { color: hsl(var(--sf-c-txt-rebeccapurple-40)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:50, html.auto .sf-c-txt-rebeccapurple\:50 { color: hsl(var(--sf-c-txt-rebeccapurple-50)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:60, html.auto .sf-c-txt-rebeccapurple\:60 { color: hsl(var(--sf-c-txt-rebeccapurple-60)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:70, html.auto .sf-c-txt-rebeccapurple\:70 { color: hsl(var(--sf-c-txt-rebeccapurple-70)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:80, html.auto .sf-c-txt-rebeccapurple\:80 { color: hsl(var(--sf-c-txt-rebeccapurple-80)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:90, html.auto .sf-c-txt-rebeccapurple\:90 { color: hsl(var(--sf-c-txt-rebeccapurple-90)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:100, html.auto .sf-c-txt-rebeccapurple\:100 { color: hsl(var(--sf-c-txt-rebeccapurple-100)) } + + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:dark, html.auto .sf-c-txt-rebeccapurple\:dark { color: hsl(var(--sf-c-txt-rebeccapurple)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:0\:dark, html.auto .sf-c-txt-rebeccapurple\:0\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-0)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:10\:dark, html.auto .sf-c-txt-rebeccapurple\:10\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-10)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:20\:dark, html.auto .sf-c-txt-rebeccapurple\:20\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-20)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:30\:dark, html.auto .sf-c-txt-rebeccapurple\:30\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-30)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:40\:dark, html.auto .sf-c-txt-rebeccapurple\:40\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-40)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:50\:dark, html.auto .sf-c-txt-rebeccapurple\:50\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-50)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:60\:dark, html.auto .sf-c-txt-rebeccapurple\:60\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-60)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:70\:dark, html.auto .sf-c-txt-rebeccapurple\:70\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-70)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:80\:dark, html.auto .sf-c-txt-rebeccapurple\:80\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-80)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:90\:dark, html.auto .sf-c-txt-rebeccapurple\:90\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-90)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:100\:dark, html.auto .sf-c-txt-rebeccapurple\:100\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-100)) } + html.var[data-theme='auto'] .sf-c-rebeccapurple, html.var.auto .sf-c-rebeccapurple { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 60%) } html.var[data-theme='auto'] .sf-c-rebeccapurple\:0, html.var.auto .sf-c-rebeccapurple\:0 { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 100%) } html.var[data-theme='auto'] .sf-c-rebeccapurple\:10, html.var.auto .sf-c-rebeccapurple\:10 { color: hsl(270, 50%, 10%); background: hsl(270, 50%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-rebeccapurple\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-rebeccapurple\:80\:dark, html.var.auto .sf-c-rebeccapurple\:80\:dark { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 20%) } html.var[data-theme='auto'] .sf-c-rebeccapurple\:90\:dark, html.var.auto .sf-c-rebeccapurple\:90\:dark { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 10%) } html.var[data-theme='auto'] .sf-c-rebeccapurple\:100\:dark, html.var.auto .sf-c-rebeccapurple\:100\:dark { color: hsl(270, 50%, 90%); background: hsl(270, 50%, 0%) } -} -.sf-c-txt-rebeccapurple { color: hsl(var(--sf-c-txt-rebeccapurple)) } -.sf-c-txt-rebeccapurple\:0 { color: hsl(var(--sf-c-txt-rebeccapurple-0)) } -.sf-c-txt-rebeccapurple\:10 { color: hsl(var(--sf-c-txt-rebeccapurple-10)) } -.sf-c-txt-rebeccapurple\:20 { color: hsl(var(--sf-c-txt-rebeccapurple-20)) } -.sf-c-txt-rebeccapurple\:30 { color: hsl(var(--sf-c-txt-rebeccapurple-30)) } -.sf-c-txt-rebeccapurple\:40 { color: hsl(var(--sf-c-txt-rebeccapurple-40)) } -.sf-c-txt-rebeccapurple\:50 { color: hsl(var(--sf-c-txt-rebeccapurple-50)) } -.sf-c-txt-rebeccapurple\:60 { color: hsl(var(--sf-c-txt-rebeccapurple-60)) } -.sf-c-txt-rebeccapurple\:70 { color: hsl(var(--sf-c-txt-rebeccapurple-70)) } -.sf-c-txt-rebeccapurple\:80 { color: hsl(var(--sf-c-txt-rebeccapurple-80)) } -.sf-c-txt-rebeccapurple\:90 { color: hsl(var(--sf-c-txt-rebeccapurple-90)) } -.sf-c-txt-rebeccapurple\:100 { color: hsl(var(--sf-c-txt-rebeccapurple-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple, html.auto .sf-c-txt-rebeccapurple { color: hsl(270, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:0, html.auto .sf-c-txt-rebeccapurple\:0 { color: hsl(270, 50%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:10, html.auto .sf-c-txt-rebeccapurple\:10 { color: hsl(270, 50%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:20, html.auto .sf-c-txt-rebeccapurple\:20 { color: hsl(270, 50%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:30, html.auto .sf-c-txt-rebeccapurple\:30 { color: hsl(270, 50%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:40, html.auto .sf-c-txt-rebeccapurple\:40 { color: hsl(270, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:50, html.auto .sf-c-txt-rebeccapurple\:50 { color: hsl(270, 50%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:60, html.auto .sf-c-txt-rebeccapurple\:60 { color: hsl(270, 50%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:70, html.auto .sf-c-txt-rebeccapurple\:70 { color: hsl(270, 50%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:80, html.auto .sf-c-txt-rebeccapurple\:80 { color: hsl(270, 50%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:90, html.auto .sf-c-txt-rebeccapurple\:90 { color: hsl(270, 50%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:100, html.auto .sf-c-txt-rebeccapurple\:100 { color: hsl(270, 50%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:dark, html.auto .sf-c-txt-rebeccapurple\:dark { color: hsl(270, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:0\:dark, html.auto .sf-c-txt-rebeccapurple\:0\:dark { color: hsl(270, 50%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:10\:dark, html.auto .sf-c-txt-rebeccapurple\:10\:dark { color: hsl(270, 50%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:20\:dark, html.auto .sf-c-txt-rebeccapurple\:20\:dark { color: hsl(270, 50%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:30\:dark, html.auto .sf-c-txt-rebeccapurple\:30\:dark { color: hsl(270, 50%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:40\:dark, html.auto .sf-c-txt-rebeccapurple\:40\:dark { color: hsl(270, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:50\:dark, html.auto .sf-c-txt-rebeccapurple\:50\:dark { color: hsl(270, 50%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:60\:dark, html.auto .sf-c-txt-rebeccapurple\:60\:dark { color: hsl(270, 50%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:70\:dark, html.auto .sf-c-txt-rebeccapurple\:70\:dark { color: hsl(270, 50%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:80\:dark, html.auto .sf-c-txt-rebeccapurple\:80\:dark { color: hsl(270, 50%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:90\:dark, html.auto .sf-c-txt-rebeccapurple\:90\:dark { color: hsl(270, 50%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:100\:dark, html.auto .sf-c-txt-rebeccapurple\:100\:dark { color: hsl(270, 50%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/red.css b/src/colors/10/red.css index 9517c04..ecb330b 100644 --- a/src/colors/10/red.css +++ b/src/colors/10/red.css @@ -78,6 +78,32 @@ html.var .sf-c-red\:80 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80%) html.var .sf-c-red\:90 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } html.var .sf-c-red\:100 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } +.sf-c-txt-red { color: hsl(var(--sf-dark-c-txt-red)) } +.sf-c-txt-red\:0 { color: hsl(var(--sf-dark-c-txt-red-100)) } +.sf-c-txt-red\:10 { color: hsl(var(--sf-dark-c-txt-red-90)) } +.sf-c-txt-red\:20 { color: hsl(var(--sf-dark-c-txt-red-80)) } +.sf-c-txt-red\:30 { color: hsl(var(--sf-dark-c-txt-red-70)) } +.sf-c-txt-red\:40 { color: hsl(var(--sf-dark-c-txt-red-60)) } +.sf-c-txt-red\:50 { color: hsl(var(--sf-dark-c-txt-red-50)) } +.sf-c-txt-red\:60 { color: hsl(var(--sf-dark-c-txt-red-40)) } +.sf-c-txt-red\:70 { color: hsl(var(--sf-dark-c-txt-red-30)) } +.sf-c-txt-red\:80 { color: hsl(var(--sf-dark-c-txt-red-20)) } +.sf-c-txt-red\:90 { color: hsl(var(--sf-dark-c-txt-red-10)) } +.sf-c-txt-red\:100 { color: hsl(var(--sf-dark-c-txt-red-0)) } + +html.var .sf-c-txt-red { color: hsl(0, 100%, 50%) } +html.var .sf-c-txt-red\:0 { color: hsl(0, 100%, 100%) } +html.var .sf-c-txt-red\:10 { color: hsl(0, 100%, 90%) } +html.var .sf-c-txt-red\:20 { color: hsl(0, 100%, 80%) } +html.var .sf-c-txt-red\:30 { color: hsl(0, 100%, 70%) } +html.var .sf-c-txt-red\:40 { color: hsl(0, 100%, 60%) } +html.var .sf-c-txt-red\:50 { color: hsl(0, 100%, 50%) } +html.var .sf-c-txt-red\:60 { color: hsl(0, 100%, 40%) } +html.var .sf-c-txt-red\:70 { color: hsl(0, 100%, 30%) } +html.var .sf-c-txt-red\:80 { color: hsl(0, 100%, 20%) } +html.var .sf-c-txt-red\:90 { color: hsl(0, 100%, 10%) } +html.var .sf-c-txt-red\:100 { color: hsl(0, 100%, 0%) } + html[data-theme='dark'] .sf-c-red, html.dark .sf-c-red { color: hsl(var(--sf-dark-c-txt-red-90)); background: hsl(var(--sf-dark-c-red)) } html[data-theme='dark'] .sf-c-red\:0, html.dark .sf-c-red\:0 { color: hsl(var(--sf-dark-c-txt-red-90)); background: hsl(var(--sf-dark-c-red-100)) } html[data-theme='dark'] .sf-c-red\:10, html.dark .sf-c-red\:10 { color: hsl(var(--sf-dark-c-txt-red-10)); background: hsl(var(--sf-dark-c-red-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-red\:80\:dark, html.dark .sf-c-red\:80\:dark { col html[data-theme='dark'] .sf-c-red\:90\:dark, html.dark .sf-c-red\:90\:dark { color: hsl(var(--sf-c-txt-red-90)); background: hsl(var(--sf-c-red-10)) } html[data-theme='dark'] .sf-c-red\:100\:dark, html.dark .sf-c-red\:100\:dark { color: hsl(var(--sf-c-txt-red-90)); background: hsl(var(--sf-c-red-0)) } +html[data-theme='dark'] .sf-c-txt-red, html.dark .sf-c-txt-red { color: hsl(var(--sf-c-txt-red)) } +html[data-theme='dark'] .sf-c-txt-red\:0, html.dark .sf-c-txt-red\:0 { color: hsl(var(--sf-c-txt-red-0)) } +html[data-theme='dark'] .sf-c-txt-red\:10, html.dark .sf-c-txt-red\:10 { color: hsl(var(--sf-c-txt-red-10)) } +html[data-theme='dark'] .sf-c-txt-red\:20, html.dark .sf-c-txt-red\:20 { color: hsl(var(--sf-c-txt-red-20)) } +html[data-theme='dark'] .sf-c-txt-red\:30, html.dark .sf-c-txt-red\:30 { color: hsl(var(--sf-c-txt-red-30)) } +html[data-theme='dark'] .sf-c-txt-red\:40, html.dark .sf-c-txt-red\:40 { color: hsl(var(--sf-c-txt-red-40)) } +html[data-theme='dark'] .sf-c-txt-red\:50, html.dark .sf-c-txt-red\:50 { color: hsl(var(--sf-c-txt-red-50)) } +html[data-theme='dark'] .sf-c-txt-red\:60, html.dark .sf-c-txt-red\:60 { color: hsl(var(--sf-c-txt-red-60)) } +html[data-theme='dark'] .sf-c-txt-red\:70, html.dark .sf-c-txt-red\:70 { color: hsl(var(--sf-c-txt-red-70)) } +html[data-theme='dark'] .sf-c-txt-red\:80, html.dark .sf-c-txt-red\:80 { color: hsl(var(--sf-c-txt-red-80)) } +html[data-theme='dark'] .sf-c-txt-red\:90, html.dark .sf-c-txt-red\:90 { color: hsl(var(--sf-c-txt-red-90)) } +html[data-theme='dark'] .sf-c-txt-red\:100, html.dark .sf-c-txt-red\:100 { color: hsl(var(--sf-c-txt-red-100)) } + +html[data-theme='dark'] .sf-c-txt-red\:dark, html.dark .sf-c-txt-red\:dark { color: hsl(var(--sf-c-txt-red)) } +html[data-theme='dark'] .sf-c-txt-red\:0\:dark, html.dark .sf-c-txt-red\:0\:dark { color: hsl(var(--sf-dark-c-txt-red-0)) } +html[data-theme='dark'] .sf-c-txt-red\:10\:dark, html.dark .sf-c-txt-red\:10\:dark { color: hsl(var(--sf-dark-c-txt-red-10)) } +html[data-theme='dark'] .sf-c-txt-red\:20\:dark, html.dark .sf-c-txt-red\:20\:dark { color: hsl(var(--sf-dark-c-txt-red-20)) } +html[data-theme='dark'] .sf-c-txt-red\:30\:dark, html.dark .sf-c-txt-red\:30\:dark { color: hsl(var(--sf-dark-c-txt-red-30)) } +html[data-theme='dark'] .sf-c-txt-red\:40\:dark, html.dark .sf-c-txt-red\:40\:dark { color: hsl(var(--sf-dark-c-txt-red-40)) } +html[data-theme='dark'] .sf-c-txt-red\:50\:dark, html.dark .sf-c-txt-red\:50\:dark { color: hsl(var(--sf-dark-c-txt-red-50)) } +html[data-theme='dark'] .sf-c-txt-red\:60\:dark, html.dark .sf-c-txt-red\:60\:dark { color: hsl(var(--sf-dark-c-txt-red-60)) } +html[data-theme='dark'] .sf-c-txt-red\:70\:dark, html.dark .sf-c-txt-red\:70\:dark { color: hsl(var(--sf-dark-c-txt-red-70)) } +html[data-theme='dark'] .sf-c-txt-red\:80\:dark, html.dark .sf-c-txt-red\:80\:dark { color: hsl(var(--sf-dark-c-txt-red-80)) } +html[data-theme='dark'] .sf-c-txt-red\:90\:dark, html.dark .sf-c-txt-red\:90\:dark { color: hsl(var(--sf-dark-c-txt-red-90)) } +html[data-theme='dark'] .sf-c-txt-red\:100\:dark, html.dark .sf-c-txt-red\:100\:dark { color: hsl(var(--sf-dark-c-txt-red-100)) } + html.var[data-theme='dark'] .sf-c-red, html.var.dark .sf-c-red { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } html.var[data-theme='dark'] .sf-c-red\:0, html.var.dark .sf-c-red\:0 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 100%) } html.var[data-theme='dark'] .sf-c-red\:10, html.var.dark .sf-c-red\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-red\:80\:dark, html.var.dark .sf-c-red\:80\:da html.var[data-theme='dark'] .sf-c-red\:90\:dark, html.var.dark .sf-c-red\:90\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } html.var[data-theme='dark'] .sf-c-red\:100\:dark, html.var.dark .sf-c-red\:100\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-red, html.dark .sf-c-txt-red { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-red\:0, html.dark .sf-c-txt-red\:0 { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-red\:10, html.dark .sf-c-txt-red\:10 { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-red\:20, html.dark .sf-c-txt-red\:20 { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-red\:30, html.dark .sf-c-txt-red\:30 { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-red\:40, html.dark .sf-c-txt-red\:40 { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-red\:50, html.dark .sf-c-txt-red\:50 { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-red\:60, html.dark .sf-c-txt-red\:60 { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-red\:70, html.dark .sf-c-txt-red\:70 { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-red\:80, html.dark .sf-c-txt-red\:80 { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-red\:90, html.dark .sf-c-txt-red\:90 { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-red\:100, html.dark .sf-c-txt-red\:100 { color: hsl(0, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-red\:dark, html.dark .sf-c-txt-red\:dark { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-red\:0\:dark, html.dark .sf-c-txt-red\:0\:dark { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-red\:10\:dark, html.dark .sf-c-txt-red\:10\:dark { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-red\:20\:dark, html.dark .sf-c-txt-red\:20\:dark { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-red\:30\:dark, html.dark .sf-c-txt-red\:30\:dark { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-red\:40\:dark, html.dark .sf-c-txt-red\:40\:dark { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-red\:50\:dark, html.dark .sf-c-txt-red\:50\:dark { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-red\:60\:dark, html.dark .sf-c-txt-red\:60\:dark { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-red\:70\:dark, html.dark .sf-c-txt-red\:70\:dark { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-red\:80\:dark, html.dark .sf-c-txt-red\:80\:dark { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-red\:90\:dark, html.dark .sf-c-txt-red\:90\:dark { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-red\:100\:dark, html.dark .sf-c-txt-red\:100\:dark { color: hsl(0, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-red, html.auto .sf-c-red { color: hsl(var(--sf-dark-c-txt-red-90)); background: hsl(var(--sf-dark-c-red)) } html[data-theme='auto'] .sf-c-red\:0, html.auto .sf-c-red\:0 { color: hsl(var(--sf-dark-c-txt-red-90)); background: hsl(var(--sf-dark-c-red-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-red\:100\:dark, html.var.dark .sf-c-red\:100\: html[data-theme='auto'] .sf-c-red\:90\:dark, html.auto .sf-c-red\:90\:dark { color: hsl(var(--sf-c-txt-red-90)); background: hsl(var(--sf-c-red-10)) } html[data-theme='auto'] .sf-c-red\:100\:dark, html.auto .sf-c-red\:100\:dark { color: hsl(var(--sf-c-txt-red-90)); background: hsl(var(--sf-c-red-0)) } + html[data-theme='auto'] .sf-c-txt-red, html.auto .sf-c-txt-red { color: hsl(var(--sf-c-txt-red)) } + html[data-theme='auto'] .sf-c-txt-red\:0, html.auto .sf-c-txt-red\:0 { color: hsl(var(--sf-c-txt-red-0)) } + html[data-theme='auto'] .sf-c-txt-red\:10, html.auto .sf-c-txt-red\:10 { color: hsl(var(--sf-c-txt-red-10)) } + html[data-theme='auto'] .sf-c-txt-red\:20, html.auto .sf-c-txt-red\:20 { color: hsl(var(--sf-c-txt-red-20)) } + html[data-theme='auto'] .sf-c-txt-red\:30, html.auto .sf-c-txt-red\:30 { color: hsl(var(--sf-c-txt-red-30)) } + html[data-theme='auto'] .sf-c-txt-red\:40, html.auto .sf-c-txt-red\:40 { color: hsl(var(--sf-c-txt-red-40)) } + html[data-theme='auto'] .sf-c-txt-red\:50, html.auto .sf-c-txt-red\:50 { color: hsl(var(--sf-c-txt-red-50)) } + html[data-theme='auto'] .sf-c-txt-red\:60, html.auto .sf-c-txt-red\:60 { color: hsl(var(--sf-c-txt-red-60)) } + html[data-theme='auto'] .sf-c-txt-red\:70, html.auto .sf-c-txt-red\:70 { color: hsl(var(--sf-c-txt-red-70)) } + html[data-theme='auto'] .sf-c-txt-red\:80, html.auto .sf-c-txt-red\:80 { color: hsl(var(--sf-c-txt-red-80)) } + html[data-theme='auto'] .sf-c-txt-red\:90, html.auto .sf-c-txt-red\:90 { color: hsl(var(--sf-c-txt-red-90)) } + html[data-theme='auto'] .sf-c-txt-red\:100, html.auto .sf-c-txt-red\:100 { color: hsl(var(--sf-c-txt-red-100)) } + + html[data-theme='auto'] .sf-c-txt-red\:dark, html.auto .sf-c-txt-red\:dark { color: hsl(var(--sf-c-txt-red)) } + html[data-theme='auto'] .sf-c-txt-red\:0\:dark, html.auto .sf-c-txt-red\:0\:dark { color: hsl(var(--sf-c-txt-red-0)) } + html[data-theme='auto'] .sf-c-txt-red\:10\:dark, html.auto .sf-c-txt-red\:10\:dark { color: hsl(var(--sf-c-txt-red-10)) } + html[data-theme='auto'] .sf-c-txt-red\:20\:dark, html.auto .sf-c-txt-red\:20\:dark { color: hsl(var(--sf-c-txt-red-20)) } + html[data-theme='auto'] .sf-c-txt-red\:30\:dark, html.auto .sf-c-txt-red\:30\:dark { color: hsl(var(--sf-c-txt-red-30)) } + html[data-theme='auto'] .sf-c-txt-red\:40\:dark, html.auto .sf-c-txt-red\:40\:dark { color: hsl(var(--sf-c-txt-red-40)) } + html[data-theme='auto'] .sf-c-txt-red\:50\:dark, html.auto .sf-c-txt-red\:50\:dark { color: hsl(var(--sf-c-txt-red-50)) } + html[data-theme='auto'] .sf-c-txt-red\:60\:dark, html.auto .sf-c-txt-red\:60\:dark { color: hsl(var(--sf-c-txt-red-60)) } + html[data-theme='auto'] .sf-c-txt-red\:70\:dark, html.auto .sf-c-txt-red\:70\:dark { color: hsl(var(--sf-c-txt-red-70)) } + html[data-theme='auto'] .sf-c-txt-red\:80\:dark, html.auto .sf-c-txt-red\:80\:dark { color: hsl(var(--sf-c-txt-red-80)) } + html[data-theme='auto'] .sf-c-txt-red\:90\:dark, html.auto .sf-c-txt-red\:90\:dark { color: hsl(var(--sf-c-txt-red-90)) } + html[data-theme='auto'] .sf-c-txt-red\:100\:dark, html.auto .sf-c-txt-red\:100\:dark { color: hsl(var(--sf-c-txt-red-100)) } + html.var[data-theme='auto'] .sf-c-red, html.var.auto .sf-c-red { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 50%) } html.var[data-theme='auto'] .sf-c-red\:0, html.var.auto .sf-c-red\:0 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 100%) } html.var[data-theme='auto'] .sf-c-red\:10, html.var.auto .sf-c-red\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-red\:100\:dark, html.var.dark .sf-c-red\:100\: html.var[data-theme='auto'] .sf-c-red\:80\:dark, html.var.auto .sf-c-red\:80\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } html.var[data-theme='auto'] .sf-c-red\:90\:dark, html.var.auto .sf-c-red\:90\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } html.var[data-theme='auto'] .sf-c-red\:100\:dark, html.var.auto .sf-c-red\:100\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } -} -.sf-c-txt-red { color: hsl(var(--sf-c-txt-red)) } -.sf-c-txt-red\:0 { color: hsl(var(--sf-c-txt-red-0)) } -.sf-c-txt-red\:10 { color: hsl(var(--sf-c-txt-red-10)) } -.sf-c-txt-red\:20 { color: hsl(var(--sf-c-txt-red-20)) } -.sf-c-txt-red\:30 { color: hsl(var(--sf-c-txt-red-30)) } -.sf-c-txt-red\:40 { color: hsl(var(--sf-c-txt-red-40)) } -.sf-c-txt-red\:50 { color: hsl(var(--sf-c-txt-red-50)) } -.sf-c-txt-red\:60 { color: hsl(var(--sf-c-txt-red-60)) } -.sf-c-txt-red\:70 { color: hsl(var(--sf-c-txt-red-70)) } -.sf-c-txt-red\:80 { color: hsl(var(--sf-c-txt-red-80)) } -.sf-c-txt-red\:90 { color: hsl(var(--sf-c-txt-red-90)) } -.sf-c-txt-red\:100 { color: hsl(var(--sf-c-txt-red-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-red, html.auto .sf-c-txt-red { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-red\:0, html.auto .sf-c-txt-red\:0 { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-red\:10, html.auto .sf-c-txt-red\:10 { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-red\:20, html.auto .sf-c-txt-red\:20 { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-red\:30, html.auto .sf-c-txt-red\:30 { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-red\:40, html.auto .sf-c-txt-red\:40 { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-red\:50, html.auto .sf-c-txt-red\:50 { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-red\:60, html.auto .sf-c-txt-red\:60 { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-red\:70, html.auto .sf-c-txt-red\:70 { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-red\:80, html.auto .sf-c-txt-red\:80 { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-red\:90, html.auto .sf-c-txt-red\:90 { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-red\:100, html.auto .sf-c-txt-red\:100 { color: hsl(0, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-red\:dark, html.auto .sf-c-txt-red\:dark { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-red\:0\:dark, html.auto .sf-c-txt-red\:0\:dark { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-red\:10\:dark, html.auto .sf-c-txt-red\:10\:dark { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-red\:20\:dark, html.auto .sf-c-txt-red\:20\:dark { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-red\:30\:dark, html.auto .sf-c-txt-red\:30\:dark { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-red\:40\:dark, html.auto .sf-c-txt-red\:40\:dark { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-red\:50\:dark, html.auto .sf-c-txt-red\:50\:dark { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-red\:60\:dark, html.auto .sf-c-txt-red\:60\:dark { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-red\:70\:dark, html.auto .sf-c-txt-red\:70\:dark { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-red\:80\:dark, html.auto .sf-c-txt-red\:80\:dark { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-red\:90\:dark, html.auto .sf-c-txt-red\:90\:dark { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-red\:100\:dark, html.auto .sf-c-txt-red\:100\:dark { color: hsl(0, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/rosybrown.css b/src/colors/10/rosybrown.css index 085b91c..a8496ce 100644 --- a/src/colors/10/rosybrown.css +++ b/src/colors/10/rosybrown.css @@ -78,6 +78,32 @@ html.var .sf-c-rosybrown\:80 { color: hsl(0, 25%, 10%); background: hsl(0, 25%, html.var .sf-c-rosybrown\:90 { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 90%) } html.var .sf-c-rosybrown\:100 { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 100%) } +.sf-c-txt-rosybrown { color: hsl(var(--sf-dark-c-txt-rosybrown)) } +.sf-c-txt-rosybrown\:0 { color: hsl(var(--sf-dark-c-txt-rosybrown-100)) } +.sf-c-txt-rosybrown\:10 { color: hsl(var(--sf-dark-c-txt-rosybrown-90)) } +.sf-c-txt-rosybrown\:20 { color: hsl(var(--sf-dark-c-txt-rosybrown-80)) } +.sf-c-txt-rosybrown\:30 { color: hsl(var(--sf-dark-c-txt-rosybrown-70)) } +.sf-c-txt-rosybrown\:40 { color: hsl(var(--sf-dark-c-txt-rosybrown-60)) } +.sf-c-txt-rosybrown\:50 { color: hsl(var(--sf-dark-c-txt-rosybrown-50)) } +.sf-c-txt-rosybrown\:60 { color: hsl(var(--sf-dark-c-txt-rosybrown-40)) } +.sf-c-txt-rosybrown\:70 { color: hsl(var(--sf-dark-c-txt-rosybrown-30)) } +.sf-c-txt-rosybrown\:80 { color: hsl(var(--sf-dark-c-txt-rosybrown-20)) } +.sf-c-txt-rosybrown\:90 { color: hsl(var(--sf-dark-c-txt-rosybrown-10)) } +.sf-c-txt-rosybrown\:100 { color: hsl(var(--sf-dark-c-txt-rosybrown-0)) } + +html.var .sf-c-txt-rosybrown { color: hsl(0, 25%, 35%) } +html.var .sf-c-txt-rosybrown\:0 { color: hsl(0, 25%, 100%) } +html.var .sf-c-txt-rosybrown\:10 { color: hsl(0, 25%, 90%) } +html.var .sf-c-txt-rosybrown\:20 { color: hsl(0, 25%, 80%) } +html.var .sf-c-txt-rosybrown\:30 { color: hsl(0, 25%, 70%) } +html.var .sf-c-txt-rosybrown\:40 { color: hsl(0, 25%, 60%) } +html.var .sf-c-txt-rosybrown\:50 { color: hsl(0, 25%, 50%) } +html.var .sf-c-txt-rosybrown\:60 { color: hsl(0, 25%, 40%) } +html.var .sf-c-txt-rosybrown\:70 { color: hsl(0, 25%, 30%) } +html.var .sf-c-txt-rosybrown\:80 { color: hsl(0, 25%, 20%) } +html.var .sf-c-txt-rosybrown\:90 { color: hsl(0, 25%, 10%) } +html.var .sf-c-txt-rosybrown\:100 { color: hsl(0, 25%, 0%) } + html[data-theme='dark'] .sf-c-rosybrown, html.dark .sf-c-rosybrown { color: hsl(var(--sf-dark-c-txt-rosybrown-90)); background: hsl(var(--sf-dark-c-rosybrown)) } html[data-theme='dark'] .sf-c-rosybrown\:0, html.dark .sf-c-rosybrown\:0 { color: hsl(var(--sf-dark-c-txt-rosybrown-90)); background: hsl(var(--sf-dark-c-rosybrown-100)) } html[data-theme='dark'] .sf-c-rosybrown\:10, html.dark .sf-c-rosybrown\:10 { color: hsl(var(--sf-dark-c-txt-rosybrown-10)); background: hsl(var(--sf-dark-c-rosybrown-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-rosybrown\:80\:dark, html.dark .sf-c-rosybrown\:80 html[data-theme='dark'] .sf-c-rosybrown\:90\:dark, html.dark .sf-c-rosybrown\:90\:dark { color: hsl(var(--sf-c-txt-rosybrown-90)); background: hsl(var(--sf-c-rosybrown-10)) } html[data-theme='dark'] .sf-c-rosybrown\:100\:dark, html.dark .sf-c-rosybrown\:100\:dark { color: hsl(var(--sf-c-txt-rosybrown-90)); background: hsl(var(--sf-c-rosybrown-0)) } +html[data-theme='dark'] .sf-c-txt-rosybrown, html.dark .sf-c-txt-rosybrown { color: hsl(var(--sf-c-txt-rosybrown)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:0, html.dark .sf-c-txt-rosybrown\:0 { color: hsl(var(--sf-c-txt-rosybrown-0)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:10, html.dark .sf-c-txt-rosybrown\:10 { color: hsl(var(--sf-c-txt-rosybrown-10)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:20, html.dark .sf-c-txt-rosybrown\:20 { color: hsl(var(--sf-c-txt-rosybrown-20)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:30, html.dark .sf-c-txt-rosybrown\:30 { color: hsl(var(--sf-c-txt-rosybrown-30)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:40, html.dark .sf-c-txt-rosybrown\:40 { color: hsl(var(--sf-c-txt-rosybrown-40)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:50, html.dark .sf-c-txt-rosybrown\:50 { color: hsl(var(--sf-c-txt-rosybrown-50)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:60, html.dark .sf-c-txt-rosybrown\:60 { color: hsl(var(--sf-c-txt-rosybrown-60)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:70, html.dark .sf-c-txt-rosybrown\:70 { color: hsl(var(--sf-c-txt-rosybrown-70)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:80, html.dark .sf-c-txt-rosybrown\:80 { color: hsl(var(--sf-c-txt-rosybrown-80)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:90, html.dark .sf-c-txt-rosybrown\:90 { color: hsl(var(--sf-c-txt-rosybrown-90)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:100, html.dark .sf-c-txt-rosybrown\:100 { color: hsl(var(--sf-c-txt-rosybrown-100)) } + +html[data-theme='dark'] .sf-c-txt-rosybrown\:dark, html.dark .sf-c-txt-rosybrown\:dark { color: hsl(var(--sf-c-txt-rosybrown)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:0\:dark, html.dark .sf-c-txt-rosybrown\:0\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-0)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:10\:dark, html.dark .sf-c-txt-rosybrown\:10\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-10)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:20\:dark, html.dark .sf-c-txt-rosybrown\:20\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-20)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:30\:dark, html.dark .sf-c-txt-rosybrown\:30\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-30)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:40\:dark, html.dark .sf-c-txt-rosybrown\:40\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-40)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:50\:dark, html.dark .sf-c-txt-rosybrown\:50\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-50)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:60\:dark, html.dark .sf-c-txt-rosybrown\:60\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-60)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:70\:dark, html.dark .sf-c-txt-rosybrown\:70\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-70)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:80\:dark, html.dark .sf-c-txt-rosybrown\:80\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-80)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:90\:dark, html.dark .sf-c-txt-rosybrown\:90\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-90)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:100\:dark, html.dark .sf-c-txt-rosybrown\:100\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-100)) } + html.var[data-theme='dark'] .sf-c-rosybrown, html.var.dark .sf-c-rosybrown { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 35%) } html.var[data-theme='dark'] .sf-c-rosybrown\:0, html.var.dark .sf-c-rosybrown\:0 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 100%) } html.var[data-theme='dark'] .sf-c-rosybrown\:10, html.var.dark .sf-c-rosybrown\:10 { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-rosybrown\:80\:dark, html.var.dark .sf-c-rosyb html.var[data-theme='dark'] .sf-c-rosybrown\:90\:dark, html.var.dark .sf-c-rosybrown\:90\:dark { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 10%) } html.var[data-theme='dark'] .sf-c-rosybrown\:100\:dark, html.var.dark .sf-c-rosybrown\:100\:dark { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown, html.dark .sf-c-txt-rosybrown { color: hsl(0, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:0, html.dark .sf-c-txt-rosybrown\:0 { color: hsl(0, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:10, html.dark .sf-c-txt-rosybrown\:10 { color: hsl(0, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:20, html.dark .sf-c-txt-rosybrown\:20 { color: hsl(0, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:30, html.dark .sf-c-txt-rosybrown\:30 { color: hsl(0, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:40, html.dark .sf-c-txt-rosybrown\:40 { color: hsl(0, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:50, html.dark .sf-c-txt-rosybrown\:50 { color: hsl(0, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:60, html.dark .sf-c-txt-rosybrown\:60 { color: hsl(0, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:70, html.dark .sf-c-txt-rosybrown\:70 { color: hsl(0, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:80, html.dark .sf-c-txt-rosybrown\:80 { color: hsl(0, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:90, html.dark .sf-c-txt-rosybrown\:90 { color: hsl(0, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:100, html.dark .sf-c-txt-rosybrown\:100 { color: hsl(0, 25%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:dark, html.dark .sf-c-txt-rosybrown\:dark { color: hsl(0, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:0\:dark, html.dark .sf-c-txt-rosybrown\:0\:dark { color: hsl(0, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:10\:dark, html.dark .sf-c-txt-rosybrown\:10\:dark { color: hsl(0, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:20\:dark, html.dark .sf-c-txt-rosybrown\:20\:dark { color: hsl(0, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:30\:dark, html.dark .sf-c-txt-rosybrown\:30\:dark { color: hsl(0, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:40\:dark, html.dark .sf-c-txt-rosybrown\:40\:dark { color: hsl(0, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:50\:dark, html.dark .sf-c-txt-rosybrown\:50\:dark { color: hsl(0, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:60\:dark, html.dark .sf-c-txt-rosybrown\:60\:dark { color: hsl(0, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:70\:dark, html.dark .sf-c-txt-rosybrown\:70\:dark { color: hsl(0, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:80\:dark, html.dark .sf-c-txt-rosybrown\:80\:dark { color: hsl(0, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:90\:dark, html.dark .sf-c-txt-rosybrown\:90\:dark { color: hsl(0, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:100\:dark, html.dark .sf-c-txt-rosybrown\:100\:dark { color: hsl(0, 25%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-rosybrown, html.auto .sf-c-rosybrown { color: hsl(var(--sf-dark-c-txt-rosybrown-90)); background: hsl(var(--sf-dark-c-rosybrown)) } html[data-theme='auto'] .sf-c-rosybrown\:0, html.auto .sf-c-rosybrown\:0 { color: hsl(var(--sf-dark-c-txt-rosybrown-90)); background: hsl(var(--sf-dark-c-rosybrown-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-rosybrown\:100\:dark, html.var.dark .sf-c-rosy html[data-theme='auto'] .sf-c-rosybrown\:90\:dark, html.auto .sf-c-rosybrown\:90\:dark { color: hsl(var(--sf-c-txt-rosybrown-90)); background: hsl(var(--sf-c-rosybrown-10)) } html[data-theme='auto'] .sf-c-rosybrown\:100\:dark, html.auto .sf-c-rosybrown\:100\:dark { color: hsl(var(--sf-c-txt-rosybrown-90)); background: hsl(var(--sf-c-rosybrown-0)) } + html[data-theme='auto'] .sf-c-txt-rosybrown, html.auto .sf-c-txt-rosybrown { color: hsl(var(--sf-c-txt-rosybrown)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:0, html.auto .sf-c-txt-rosybrown\:0 { color: hsl(var(--sf-c-txt-rosybrown-0)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:10, html.auto .sf-c-txt-rosybrown\:10 { color: hsl(var(--sf-c-txt-rosybrown-10)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:20, html.auto .sf-c-txt-rosybrown\:20 { color: hsl(var(--sf-c-txt-rosybrown-20)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:30, html.auto .sf-c-txt-rosybrown\:30 { color: hsl(var(--sf-c-txt-rosybrown-30)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:40, html.auto .sf-c-txt-rosybrown\:40 { color: hsl(var(--sf-c-txt-rosybrown-40)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:50, html.auto .sf-c-txt-rosybrown\:50 { color: hsl(var(--sf-c-txt-rosybrown-50)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:60, html.auto .sf-c-txt-rosybrown\:60 { color: hsl(var(--sf-c-txt-rosybrown-60)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:70, html.auto .sf-c-txt-rosybrown\:70 { color: hsl(var(--sf-c-txt-rosybrown-70)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:80, html.auto .sf-c-txt-rosybrown\:80 { color: hsl(var(--sf-c-txt-rosybrown-80)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:90, html.auto .sf-c-txt-rosybrown\:90 { color: hsl(var(--sf-c-txt-rosybrown-90)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:100, html.auto .sf-c-txt-rosybrown\:100 { color: hsl(var(--sf-c-txt-rosybrown-100)) } + + html[data-theme='auto'] .sf-c-txt-rosybrown\:dark, html.auto .sf-c-txt-rosybrown\:dark { color: hsl(var(--sf-c-txt-rosybrown)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:0\:dark, html.auto .sf-c-txt-rosybrown\:0\:dark { color: hsl(var(--sf-c-txt-rosybrown-0)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:10\:dark, html.auto .sf-c-txt-rosybrown\:10\:dark { color: hsl(var(--sf-c-txt-rosybrown-10)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:20\:dark, html.auto .sf-c-txt-rosybrown\:20\:dark { color: hsl(var(--sf-c-txt-rosybrown-20)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:30\:dark, html.auto .sf-c-txt-rosybrown\:30\:dark { color: hsl(var(--sf-c-txt-rosybrown-30)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:40\:dark, html.auto .sf-c-txt-rosybrown\:40\:dark { color: hsl(var(--sf-c-txt-rosybrown-40)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:50\:dark, html.auto .sf-c-txt-rosybrown\:50\:dark { color: hsl(var(--sf-c-txt-rosybrown-50)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:60\:dark, html.auto .sf-c-txt-rosybrown\:60\:dark { color: hsl(var(--sf-c-txt-rosybrown-60)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:70\:dark, html.auto .sf-c-txt-rosybrown\:70\:dark { color: hsl(var(--sf-c-txt-rosybrown-70)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:80\:dark, html.auto .sf-c-txt-rosybrown\:80\:dark { color: hsl(var(--sf-c-txt-rosybrown-80)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:90\:dark, html.auto .sf-c-txt-rosybrown\:90\:dark { color: hsl(var(--sf-c-txt-rosybrown-90)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:100\:dark, html.auto .sf-c-txt-rosybrown\:100\:dark { color: hsl(var(--sf-c-txt-rosybrown-100)) } + html.var[data-theme='auto'] .sf-c-rosybrown, html.var.auto .sf-c-rosybrown { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 35%) } html.var[data-theme='auto'] .sf-c-rosybrown\:0, html.var.auto .sf-c-rosybrown\:0 { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 100%) } html.var[data-theme='auto'] .sf-c-rosybrown\:10, html.var.auto .sf-c-rosybrown\:10 { color: hsl(0, 25%, 10%); background: hsl(0, 25%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-rosybrown\:100\:dark, html.var.dark .sf-c-rosy html.var[data-theme='auto'] .sf-c-rosybrown\:80\:dark, html.var.auto .sf-c-rosybrown\:80\:dark { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 20%) } html.var[data-theme='auto'] .sf-c-rosybrown\:90\:dark, html.var.auto .sf-c-rosybrown\:90\:dark { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 10%) } html.var[data-theme='auto'] .sf-c-rosybrown\:100\:dark, html.var.auto .sf-c-rosybrown\:100\:dark { color: hsl(0, 25%, 90%); background: hsl(0, 25%, 0%) } -} -.sf-c-txt-rosybrown { color: hsl(var(--sf-c-txt-rosybrown)) } -.sf-c-txt-rosybrown\:0 { color: hsl(var(--sf-c-txt-rosybrown-0)) } -.sf-c-txt-rosybrown\:10 { color: hsl(var(--sf-c-txt-rosybrown-10)) } -.sf-c-txt-rosybrown\:20 { color: hsl(var(--sf-c-txt-rosybrown-20)) } -.sf-c-txt-rosybrown\:30 { color: hsl(var(--sf-c-txt-rosybrown-30)) } -.sf-c-txt-rosybrown\:40 { color: hsl(var(--sf-c-txt-rosybrown-40)) } -.sf-c-txt-rosybrown\:50 { color: hsl(var(--sf-c-txt-rosybrown-50)) } -.sf-c-txt-rosybrown\:60 { color: hsl(var(--sf-c-txt-rosybrown-60)) } -.sf-c-txt-rosybrown\:70 { color: hsl(var(--sf-c-txt-rosybrown-70)) } -.sf-c-txt-rosybrown\:80 { color: hsl(var(--sf-c-txt-rosybrown-80)) } -.sf-c-txt-rosybrown\:90 { color: hsl(var(--sf-c-txt-rosybrown-90)) } -.sf-c-txt-rosybrown\:100 { color: hsl(var(--sf-c-txt-rosybrown-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-rosybrown, html.auto .sf-c-txt-rosybrown { color: hsl(0, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:0, html.auto .sf-c-txt-rosybrown\:0 { color: hsl(0, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:10, html.auto .sf-c-txt-rosybrown\:10 { color: hsl(0, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:20, html.auto .sf-c-txt-rosybrown\:20 { color: hsl(0, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:30, html.auto .sf-c-txt-rosybrown\:30 { color: hsl(0, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:40, html.auto .sf-c-txt-rosybrown\:40 { color: hsl(0, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:50, html.auto .sf-c-txt-rosybrown\:50 { color: hsl(0, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:60, html.auto .sf-c-txt-rosybrown\:60 { color: hsl(0, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:70, html.auto .sf-c-txt-rosybrown\:70 { color: hsl(0, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:80, html.auto .sf-c-txt-rosybrown\:80 { color: hsl(0, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:90, html.auto .sf-c-txt-rosybrown\:90 { color: hsl(0, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:100, html.auto .sf-c-txt-rosybrown\:100 { color: hsl(0, 25%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:dark, html.auto .sf-c-txt-rosybrown\:dark { color: hsl(0, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:0\:dark, html.auto .sf-c-txt-rosybrown\:0\:dark { color: hsl(0, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:10\:dark, html.auto .sf-c-txt-rosybrown\:10\:dark { color: hsl(0, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:20\:dark, html.auto .sf-c-txt-rosybrown\:20\:dark { color: hsl(0, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:30\:dark, html.auto .sf-c-txt-rosybrown\:30\:dark { color: hsl(0, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:40\:dark, html.auto .sf-c-txt-rosybrown\:40\:dark { color: hsl(0, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:50\:dark, html.auto .sf-c-txt-rosybrown\:50\:dark { color: hsl(0, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:60\:dark, html.auto .sf-c-txt-rosybrown\:60\:dark { color: hsl(0, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:70\:dark, html.auto .sf-c-txt-rosybrown\:70\:dark { color: hsl(0, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:80\:dark, html.auto .sf-c-txt-rosybrown\:80\:dark { color: hsl(0, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:90\:dark, html.auto .sf-c-txt-rosybrown\:90\:dark { color: hsl(0, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:100\:dark, html.auto .sf-c-txt-rosybrown\:100\:dark { color: hsl(0, 25%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/royalblue.css b/src/colors/10/royalblue.css index d58161f..abbad09 100644 --- a/src/colors/10/royalblue.css +++ b/src/colors/10/royalblue.css @@ -78,6 +78,32 @@ html.var .sf-c-royalblue\:80 { color: hsl(225, 73%, 10%); background: hsl(225, 7 html.var .sf-c-royalblue\:90 { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 90%) } html.var .sf-c-royalblue\:100 { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 100%) } +.sf-c-txt-royalblue { color: hsl(var(--sf-dark-c-txt-royalblue)) } +.sf-c-txt-royalblue\:0 { color: hsl(var(--sf-dark-c-txt-royalblue-100)) } +.sf-c-txt-royalblue\:10 { color: hsl(var(--sf-dark-c-txt-royalblue-90)) } +.sf-c-txt-royalblue\:20 { color: hsl(var(--sf-dark-c-txt-royalblue-80)) } +.sf-c-txt-royalblue\:30 { color: hsl(var(--sf-dark-c-txt-royalblue-70)) } +.sf-c-txt-royalblue\:40 { color: hsl(var(--sf-dark-c-txt-royalblue-60)) } +.sf-c-txt-royalblue\:50 { color: hsl(var(--sf-dark-c-txt-royalblue-50)) } +.sf-c-txt-royalblue\:60 { color: hsl(var(--sf-dark-c-txt-royalblue-40)) } +.sf-c-txt-royalblue\:70 { color: hsl(var(--sf-dark-c-txt-royalblue-30)) } +.sf-c-txt-royalblue\:80 { color: hsl(var(--sf-dark-c-txt-royalblue-20)) } +.sf-c-txt-royalblue\:90 { color: hsl(var(--sf-dark-c-txt-royalblue-10)) } +.sf-c-txt-royalblue\:100 { color: hsl(var(--sf-dark-c-txt-royalblue-0)) } + +html.var .sf-c-txt-royalblue { color: hsl(225, 73%, 43%) } +html.var .sf-c-txt-royalblue\:0 { color: hsl(225, 73%, 100%) } +html.var .sf-c-txt-royalblue\:10 { color: hsl(225, 73%, 90%) } +html.var .sf-c-txt-royalblue\:20 { color: hsl(225, 73%, 80%) } +html.var .sf-c-txt-royalblue\:30 { color: hsl(225, 73%, 70%) } +html.var .sf-c-txt-royalblue\:40 { color: hsl(225, 73%, 60%) } +html.var .sf-c-txt-royalblue\:50 { color: hsl(225, 73%, 50%) } +html.var .sf-c-txt-royalblue\:60 { color: hsl(225, 73%, 40%) } +html.var .sf-c-txt-royalblue\:70 { color: hsl(225, 73%, 30%) } +html.var .sf-c-txt-royalblue\:80 { color: hsl(225, 73%, 20%) } +html.var .sf-c-txt-royalblue\:90 { color: hsl(225, 73%, 10%) } +html.var .sf-c-txt-royalblue\:100 { color: hsl(225, 73%, 0%) } + html[data-theme='dark'] .sf-c-royalblue, html.dark .sf-c-royalblue { color: hsl(var(--sf-dark-c-txt-royalblue-90)); background: hsl(var(--sf-dark-c-royalblue)) } html[data-theme='dark'] .sf-c-royalblue\:0, html.dark .sf-c-royalblue\:0 { color: hsl(var(--sf-dark-c-txt-royalblue-90)); background: hsl(var(--sf-dark-c-royalblue-100)) } html[data-theme='dark'] .sf-c-royalblue\:10, html.dark .sf-c-royalblue\:10 { color: hsl(var(--sf-dark-c-txt-royalblue-10)); background: hsl(var(--sf-dark-c-royalblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-royalblue\:80\:dark, html.dark .sf-c-royalblue\:80 html[data-theme='dark'] .sf-c-royalblue\:90\:dark, html.dark .sf-c-royalblue\:90\:dark { color: hsl(var(--sf-c-txt-royalblue-90)); background: hsl(var(--sf-c-royalblue-10)) } html[data-theme='dark'] .sf-c-royalblue\:100\:dark, html.dark .sf-c-royalblue\:100\:dark { color: hsl(var(--sf-c-txt-royalblue-90)); background: hsl(var(--sf-c-royalblue-0)) } +html[data-theme='dark'] .sf-c-txt-royalblue, html.dark .sf-c-txt-royalblue { color: hsl(var(--sf-c-txt-royalblue)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:0, html.dark .sf-c-txt-royalblue\:0 { color: hsl(var(--sf-c-txt-royalblue-0)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:10, html.dark .sf-c-txt-royalblue\:10 { color: hsl(var(--sf-c-txt-royalblue-10)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:20, html.dark .sf-c-txt-royalblue\:20 { color: hsl(var(--sf-c-txt-royalblue-20)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:30, html.dark .sf-c-txt-royalblue\:30 { color: hsl(var(--sf-c-txt-royalblue-30)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:40, html.dark .sf-c-txt-royalblue\:40 { color: hsl(var(--sf-c-txt-royalblue-40)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:50, html.dark .sf-c-txt-royalblue\:50 { color: hsl(var(--sf-c-txt-royalblue-50)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:60, html.dark .sf-c-txt-royalblue\:60 { color: hsl(var(--sf-c-txt-royalblue-60)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:70, html.dark .sf-c-txt-royalblue\:70 { color: hsl(var(--sf-c-txt-royalblue-70)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:80, html.dark .sf-c-txt-royalblue\:80 { color: hsl(var(--sf-c-txt-royalblue-80)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:90, html.dark .sf-c-txt-royalblue\:90 { color: hsl(var(--sf-c-txt-royalblue-90)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:100, html.dark .sf-c-txt-royalblue\:100 { color: hsl(var(--sf-c-txt-royalblue-100)) } + +html[data-theme='dark'] .sf-c-txt-royalblue\:dark, html.dark .sf-c-txt-royalblue\:dark { color: hsl(var(--sf-c-txt-royalblue)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:0\:dark, html.dark .sf-c-txt-royalblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-0)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:10\:dark, html.dark .sf-c-txt-royalblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-10)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:20\:dark, html.dark .sf-c-txt-royalblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-20)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:30\:dark, html.dark .sf-c-txt-royalblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-30)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:40\:dark, html.dark .sf-c-txt-royalblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-40)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:50\:dark, html.dark .sf-c-txt-royalblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-50)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:60\:dark, html.dark .sf-c-txt-royalblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-60)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:70\:dark, html.dark .sf-c-txt-royalblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-70)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:80\:dark, html.dark .sf-c-txt-royalblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-80)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:90\:dark, html.dark .sf-c-txt-royalblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-90)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:100\:dark, html.dark .sf-c-txt-royalblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-100)) } + html.var[data-theme='dark'] .sf-c-royalblue, html.var.dark .sf-c-royalblue { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 43%) } html.var[data-theme='dark'] .sf-c-royalblue\:0, html.var.dark .sf-c-royalblue\:0 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 100%) } html.var[data-theme='dark'] .sf-c-royalblue\:10, html.var.dark .sf-c-royalblue\:10 { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-royalblue\:80\:dark, html.var.dark .sf-c-royal html.var[data-theme='dark'] .sf-c-royalblue\:90\:dark, html.var.dark .sf-c-royalblue\:90\:dark { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 10%) } html.var[data-theme='dark'] .sf-c-royalblue\:100\:dark, html.var.dark .sf-c-royalblue\:100\:dark { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue, html.dark .sf-c-txt-royalblue { color: hsl(225, 73%, 57%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:0, html.dark .sf-c-txt-royalblue\:0 { color: hsl(225, 73%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:10, html.dark .sf-c-txt-royalblue\:10 { color: hsl(225, 73%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:20, html.dark .sf-c-txt-royalblue\:20 { color: hsl(225, 73%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:30, html.dark .sf-c-txt-royalblue\:30 { color: hsl(225, 73%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:40, html.dark .sf-c-txt-royalblue\:40 { color: hsl(225, 73%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:50, html.dark .sf-c-txt-royalblue\:50 { color: hsl(225, 73%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:60, html.dark .sf-c-txt-royalblue\:60 { color: hsl(225, 73%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:70, html.dark .sf-c-txt-royalblue\:70 { color: hsl(225, 73%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:80, html.dark .sf-c-txt-royalblue\:80 { color: hsl(225, 73%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:90, html.dark .sf-c-txt-royalblue\:90 { color: hsl(225, 73%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:100, html.dark .sf-c-txt-royalblue\:100 { color: hsl(225, 73%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-royalblue\:dark, html.dark .sf-c-txt-royalblue\:dark { color: hsl(225, 73%, 57%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:0\:dark, html.dark .sf-c-txt-royalblue\:0\:dark { color: hsl(225, 73%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:10\:dark, html.dark .sf-c-txt-royalblue\:10\:dark { color: hsl(225, 73%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:20\:dark, html.dark .sf-c-txt-royalblue\:20\:dark { color: hsl(225, 73%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:30\:dark, html.dark .sf-c-txt-royalblue\:30\:dark { color: hsl(225, 73%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:40\:dark, html.dark .sf-c-txt-royalblue\:40\:dark { color: hsl(225, 73%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:50\:dark, html.dark .sf-c-txt-royalblue\:50\:dark { color: hsl(225, 73%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:60\:dark, html.dark .sf-c-txt-royalblue\:60\:dark { color: hsl(225, 73%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:70\:dark, html.dark .sf-c-txt-royalblue\:70\:dark { color: hsl(225, 73%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:80\:dark, html.dark .sf-c-txt-royalblue\:80\:dark { color: hsl(225, 73%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:90\:dark, html.dark .sf-c-txt-royalblue\:90\:dark { color: hsl(225, 73%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:100\:dark, html.dark .sf-c-txt-royalblue\:100\:dark { color: hsl(225, 73%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-royalblue, html.auto .sf-c-royalblue { color: hsl(var(--sf-dark-c-txt-royalblue-90)); background: hsl(var(--sf-dark-c-royalblue)) } html[data-theme='auto'] .sf-c-royalblue\:0, html.auto .sf-c-royalblue\:0 { color: hsl(var(--sf-dark-c-txt-royalblue-90)); background: hsl(var(--sf-dark-c-royalblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-royalblue\:100\:dark, html.var.dark .sf-c-roya html[data-theme='auto'] .sf-c-royalblue\:90\:dark, html.auto .sf-c-royalblue\:90\:dark { color: hsl(var(--sf-c-txt-royalblue-90)); background: hsl(var(--sf-c-royalblue-10)) } html[data-theme='auto'] .sf-c-royalblue\:100\:dark, html.auto .sf-c-royalblue\:100\:dark { color: hsl(var(--sf-c-txt-royalblue-90)); background: hsl(var(--sf-c-royalblue-0)) } + html[data-theme='auto'] .sf-c-txt-royalblue, html.auto .sf-c-txt-royalblue { color: hsl(var(--sf-c-txt-royalblue)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:0, html.auto .sf-c-txt-royalblue\:0 { color: hsl(var(--sf-c-txt-royalblue-0)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:10, html.auto .sf-c-txt-royalblue\:10 { color: hsl(var(--sf-c-txt-royalblue-10)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:20, html.auto .sf-c-txt-royalblue\:20 { color: hsl(var(--sf-c-txt-royalblue-20)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:30, html.auto .sf-c-txt-royalblue\:30 { color: hsl(var(--sf-c-txt-royalblue-30)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:40, html.auto .sf-c-txt-royalblue\:40 { color: hsl(var(--sf-c-txt-royalblue-40)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:50, html.auto .sf-c-txt-royalblue\:50 { color: hsl(var(--sf-c-txt-royalblue-50)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:60, html.auto .sf-c-txt-royalblue\:60 { color: hsl(var(--sf-c-txt-royalblue-60)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:70, html.auto .sf-c-txt-royalblue\:70 { color: hsl(var(--sf-c-txt-royalblue-70)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:80, html.auto .sf-c-txt-royalblue\:80 { color: hsl(var(--sf-c-txt-royalblue-80)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:90, html.auto .sf-c-txt-royalblue\:90 { color: hsl(var(--sf-c-txt-royalblue-90)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:100, html.auto .sf-c-txt-royalblue\:100 { color: hsl(var(--sf-c-txt-royalblue-100)) } + + html[data-theme='auto'] .sf-c-txt-royalblue\:dark, html.auto .sf-c-txt-royalblue\:dark { color: hsl(var(--sf-c-txt-royalblue)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:0\:dark, html.auto .sf-c-txt-royalblue\:0\:dark { color: hsl(var(--sf-c-txt-royalblue-0)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:10\:dark, html.auto .sf-c-txt-royalblue\:10\:dark { color: hsl(var(--sf-c-txt-royalblue-10)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:20\:dark, html.auto .sf-c-txt-royalblue\:20\:dark { color: hsl(var(--sf-c-txt-royalblue-20)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:30\:dark, html.auto .sf-c-txt-royalblue\:30\:dark { color: hsl(var(--sf-c-txt-royalblue-30)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:40\:dark, html.auto .sf-c-txt-royalblue\:40\:dark { color: hsl(var(--sf-c-txt-royalblue-40)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:50\:dark, html.auto .sf-c-txt-royalblue\:50\:dark { color: hsl(var(--sf-c-txt-royalblue-50)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:60\:dark, html.auto .sf-c-txt-royalblue\:60\:dark { color: hsl(var(--sf-c-txt-royalblue-60)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:70\:dark, html.auto .sf-c-txt-royalblue\:70\:dark { color: hsl(var(--sf-c-txt-royalblue-70)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:80\:dark, html.auto .sf-c-txt-royalblue\:80\:dark { color: hsl(var(--sf-c-txt-royalblue-80)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:90\:dark, html.auto .sf-c-txt-royalblue\:90\:dark { color: hsl(var(--sf-c-txt-royalblue-90)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:100\:dark, html.auto .sf-c-txt-royalblue\:100\:dark { color: hsl(var(--sf-c-txt-royalblue-100)) } + html.var[data-theme='auto'] .sf-c-royalblue, html.var.auto .sf-c-royalblue { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 43%) } html.var[data-theme='auto'] .sf-c-royalblue\:0, html.var.auto .sf-c-royalblue\:0 { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 100%) } html.var[data-theme='auto'] .sf-c-royalblue\:10, html.var.auto .sf-c-royalblue\:10 { color: hsl(225, 73%, 10%); background: hsl(225, 73%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-royalblue\:100\:dark, html.var.dark .sf-c-roya html.var[data-theme='auto'] .sf-c-royalblue\:80\:dark, html.var.auto .sf-c-royalblue\:80\:dark { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 20%) } html.var[data-theme='auto'] .sf-c-royalblue\:90\:dark, html.var.auto .sf-c-royalblue\:90\:dark { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 10%) } html.var[data-theme='auto'] .sf-c-royalblue\:100\:dark, html.var.auto .sf-c-royalblue\:100\:dark { color: hsl(225, 73%, 90%); background: hsl(225, 73%, 0%) } -} -.sf-c-txt-royalblue { color: hsl(var(--sf-c-txt-royalblue)) } -.sf-c-txt-royalblue\:0 { color: hsl(var(--sf-c-txt-royalblue-0)) } -.sf-c-txt-royalblue\:10 { color: hsl(var(--sf-c-txt-royalblue-10)) } -.sf-c-txt-royalblue\:20 { color: hsl(var(--sf-c-txt-royalblue-20)) } -.sf-c-txt-royalblue\:30 { color: hsl(var(--sf-c-txt-royalblue-30)) } -.sf-c-txt-royalblue\:40 { color: hsl(var(--sf-c-txt-royalblue-40)) } -.sf-c-txt-royalblue\:50 { color: hsl(var(--sf-c-txt-royalblue-50)) } -.sf-c-txt-royalblue\:60 { color: hsl(var(--sf-c-txt-royalblue-60)) } -.sf-c-txt-royalblue\:70 { color: hsl(var(--sf-c-txt-royalblue-70)) } -.sf-c-txt-royalblue\:80 { color: hsl(var(--sf-c-txt-royalblue-80)) } -.sf-c-txt-royalblue\:90 { color: hsl(var(--sf-c-txt-royalblue-90)) } -.sf-c-txt-royalblue\:100 { color: hsl(var(--sf-c-txt-royalblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-royalblue, html.auto .sf-c-txt-royalblue { color: hsl(225, 73%, 57%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:0, html.auto .sf-c-txt-royalblue\:0 { color: hsl(225, 73%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:10, html.auto .sf-c-txt-royalblue\:10 { color: hsl(225, 73%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:20, html.auto .sf-c-txt-royalblue\:20 { color: hsl(225, 73%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:30, html.auto .sf-c-txt-royalblue\:30 { color: hsl(225, 73%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:40, html.auto .sf-c-txt-royalblue\:40 { color: hsl(225, 73%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:50, html.auto .sf-c-txt-royalblue\:50 { color: hsl(225, 73%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:60, html.auto .sf-c-txt-royalblue\:60 { color: hsl(225, 73%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:70, html.auto .sf-c-txt-royalblue\:70 { color: hsl(225, 73%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:80, html.auto .sf-c-txt-royalblue\:80 { color: hsl(225, 73%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:90, html.auto .sf-c-txt-royalblue\:90 { color: hsl(225, 73%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:100, html.auto .sf-c-txt-royalblue\:100 { color: hsl(225, 73%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-royalblue\:dark, html.auto .sf-c-txt-royalblue\:dark { color: hsl(225, 73%, 57%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:0\:dark, html.auto .sf-c-txt-royalblue\:0\:dark { color: hsl(225, 73%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:10\:dark, html.auto .sf-c-txt-royalblue\:10\:dark { color: hsl(225, 73%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:20\:dark, html.auto .sf-c-txt-royalblue\:20\:dark { color: hsl(225, 73%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:30\:dark, html.auto .sf-c-txt-royalblue\:30\:dark { color: hsl(225, 73%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:40\:dark, html.auto .sf-c-txt-royalblue\:40\:dark { color: hsl(225, 73%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:50\:dark, html.auto .sf-c-txt-royalblue\:50\:dark { color: hsl(225, 73%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:60\:dark, html.auto .sf-c-txt-royalblue\:60\:dark { color: hsl(225, 73%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:70\:dark, html.auto .sf-c-txt-royalblue\:70\:dark { color: hsl(225, 73%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:80\:dark, html.auto .sf-c-txt-royalblue\:80\:dark { color: hsl(225, 73%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:90\:dark, html.auto .sf-c-txt-royalblue\:90\:dark { color: hsl(225, 73%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:100\:dark, html.auto .sf-c-txt-royalblue\:100\:dark { color: hsl(225, 73%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/saddlebrown.css b/src/colors/10/saddlebrown.css index 86bf975..9781fe8 100644 --- a/src/colors/10/saddlebrown.css +++ b/src/colors/10/saddlebrown.css @@ -78,6 +78,32 @@ html.var .sf-c-saddlebrown\:80 { color: hsl(25, 76%, 10%); background: hsl(25, 7 html.var .sf-c-saddlebrown\:90 { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 90%) } html.var .sf-c-saddlebrown\:100 { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 100%) } +.sf-c-txt-saddlebrown { color: hsl(var(--sf-dark-c-txt-saddlebrown)) } +.sf-c-txt-saddlebrown\:0 { color: hsl(var(--sf-dark-c-txt-saddlebrown-100)) } +.sf-c-txt-saddlebrown\:10 { color: hsl(var(--sf-dark-c-txt-saddlebrown-90)) } +.sf-c-txt-saddlebrown\:20 { color: hsl(var(--sf-dark-c-txt-saddlebrown-80)) } +.sf-c-txt-saddlebrown\:30 { color: hsl(var(--sf-dark-c-txt-saddlebrown-70)) } +.sf-c-txt-saddlebrown\:40 { color: hsl(var(--sf-dark-c-txt-saddlebrown-60)) } +.sf-c-txt-saddlebrown\:50 { color: hsl(var(--sf-dark-c-txt-saddlebrown-50)) } +.sf-c-txt-saddlebrown\:60 { color: hsl(var(--sf-dark-c-txt-saddlebrown-40)) } +.sf-c-txt-saddlebrown\:70 { color: hsl(var(--sf-dark-c-txt-saddlebrown-30)) } +.sf-c-txt-saddlebrown\:80 { color: hsl(var(--sf-dark-c-txt-saddlebrown-20)) } +.sf-c-txt-saddlebrown\:90 { color: hsl(var(--sf-dark-c-txt-saddlebrown-10)) } +.sf-c-txt-saddlebrown\:100 { color: hsl(var(--sf-dark-c-txt-saddlebrown-0)) } + +html.var .sf-c-txt-saddlebrown { color: hsl(25, 76%, 69%) } +html.var .sf-c-txt-saddlebrown\:0 { color: hsl(25, 76%, 100%) } +html.var .sf-c-txt-saddlebrown\:10 { color: hsl(25, 76%, 90%) } +html.var .sf-c-txt-saddlebrown\:20 { color: hsl(25, 76%, 80%) } +html.var .sf-c-txt-saddlebrown\:30 { color: hsl(25, 76%, 70%) } +html.var .sf-c-txt-saddlebrown\:40 { color: hsl(25, 76%, 60%) } +html.var .sf-c-txt-saddlebrown\:50 { color: hsl(25, 76%, 50%) } +html.var .sf-c-txt-saddlebrown\:60 { color: hsl(25, 76%, 40%) } +html.var .sf-c-txt-saddlebrown\:70 { color: hsl(25, 76%, 30%) } +html.var .sf-c-txt-saddlebrown\:80 { color: hsl(25, 76%, 20%) } +html.var .sf-c-txt-saddlebrown\:90 { color: hsl(25, 76%, 10%) } +html.var .sf-c-txt-saddlebrown\:100 { color: hsl(25, 76%, 0%) } + html[data-theme='dark'] .sf-c-saddlebrown, html.dark .sf-c-saddlebrown { color: hsl(var(--sf-dark-c-txt-saddlebrown-10)); background: hsl(var(--sf-dark-c-saddlebrown)) } html[data-theme='dark'] .sf-c-saddlebrown\:0, html.dark .sf-c-saddlebrown\:0 { color: hsl(var(--sf-dark-c-txt-saddlebrown-90)); background: hsl(var(--sf-dark-c-saddlebrown-100)) } html[data-theme='dark'] .sf-c-saddlebrown\:10, html.dark .sf-c-saddlebrown\:10 { color: hsl(var(--sf-dark-c-txt-saddlebrown-10)); background: hsl(var(--sf-dark-c-saddlebrown-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-saddlebrown\:80\:dark, html.dark .sf-c-saddlebrown html[data-theme='dark'] .sf-c-saddlebrown\:90\:dark, html.dark .sf-c-saddlebrown\:90\:dark { color: hsl(var(--sf-c-txt-saddlebrown-90)); background: hsl(var(--sf-c-saddlebrown-10)) } html[data-theme='dark'] .sf-c-saddlebrown\:100\:dark, html.dark .sf-c-saddlebrown\:100\:dark { color: hsl(var(--sf-c-txt-saddlebrown-90)); background: hsl(var(--sf-c-saddlebrown-0)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown, html.dark .sf-c-txt-saddlebrown { color: hsl(var(--sf-c-txt-saddlebrown)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:0, html.dark .sf-c-txt-saddlebrown\:0 { color: hsl(var(--sf-c-txt-saddlebrown-0)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:10, html.dark .sf-c-txt-saddlebrown\:10 { color: hsl(var(--sf-c-txt-saddlebrown-10)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:20, html.dark .sf-c-txt-saddlebrown\:20 { color: hsl(var(--sf-c-txt-saddlebrown-20)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:30, html.dark .sf-c-txt-saddlebrown\:30 { color: hsl(var(--sf-c-txt-saddlebrown-30)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:40, html.dark .sf-c-txt-saddlebrown\:40 { color: hsl(var(--sf-c-txt-saddlebrown-40)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:50, html.dark .sf-c-txt-saddlebrown\:50 { color: hsl(var(--sf-c-txt-saddlebrown-50)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:60, html.dark .sf-c-txt-saddlebrown\:60 { color: hsl(var(--sf-c-txt-saddlebrown-60)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:70, html.dark .sf-c-txt-saddlebrown\:70 { color: hsl(var(--sf-c-txt-saddlebrown-70)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:80, html.dark .sf-c-txt-saddlebrown\:80 { color: hsl(var(--sf-c-txt-saddlebrown-80)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:90, html.dark .sf-c-txt-saddlebrown\:90 { color: hsl(var(--sf-c-txt-saddlebrown-90)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:100, html.dark .sf-c-txt-saddlebrown\:100 { color: hsl(var(--sf-c-txt-saddlebrown-100)) } + +html[data-theme='dark'] .sf-c-txt-saddlebrown\:dark, html.dark .sf-c-txt-saddlebrown\:dark { color: hsl(var(--sf-c-txt-saddlebrown)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:0\:dark, html.dark .sf-c-txt-saddlebrown\:0\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-0)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:10\:dark, html.dark .sf-c-txt-saddlebrown\:10\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-10)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:20\:dark, html.dark .sf-c-txt-saddlebrown\:20\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-20)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:30\:dark, html.dark .sf-c-txt-saddlebrown\:30\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-30)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:40\:dark, html.dark .sf-c-txt-saddlebrown\:40\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-40)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:50\:dark, html.dark .sf-c-txt-saddlebrown\:50\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-50)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:60\:dark, html.dark .sf-c-txt-saddlebrown\:60\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-60)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:70\:dark, html.dark .sf-c-txt-saddlebrown\:70\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-70)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:80\:dark, html.dark .sf-c-txt-saddlebrown\:80\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-80)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:90\:dark, html.dark .sf-c-txt-saddlebrown\:90\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-90)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:100\:dark, html.dark .sf-c-txt-saddlebrown\:100\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-100)) } + html.var[data-theme='dark'] .sf-c-saddlebrown, html.var.dark .sf-c-saddlebrown { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 69%) } html.var[data-theme='dark'] .sf-c-saddlebrown\:0, html.var.dark .sf-c-saddlebrown\:0 { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 100%) } html.var[data-theme='dark'] .sf-c-saddlebrown\:10, html.var.dark .sf-c-saddlebrown\:10 { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-saddlebrown\:80\:dark, html.var.dark .sf-c-sad html.var[data-theme='dark'] .sf-c-saddlebrown\:90\:dark, html.var.dark .sf-c-saddlebrown\:90\:dark { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 10%) } html.var[data-theme='dark'] .sf-c-saddlebrown\:100\:dark, html.var.dark .sf-c-saddlebrown\:100\:dark { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown, html.dark .sf-c-txt-saddlebrown { color: hsl(25, 76%, 31%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:0, html.dark .sf-c-txt-saddlebrown\:0 { color: hsl(25, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:10, html.dark .sf-c-txt-saddlebrown\:10 { color: hsl(25, 76%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:20, html.dark .sf-c-txt-saddlebrown\:20 { color: hsl(25, 76%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:30, html.dark .sf-c-txt-saddlebrown\:30 { color: hsl(25, 76%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:40, html.dark .sf-c-txt-saddlebrown\:40 { color: hsl(25, 76%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:50, html.dark .sf-c-txt-saddlebrown\:50 { color: hsl(25, 76%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:60, html.dark .sf-c-txt-saddlebrown\:60 { color: hsl(25, 76%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:70, html.dark .sf-c-txt-saddlebrown\:70 { color: hsl(25, 76%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:80, html.dark .sf-c-txt-saddlebrown\:80 { color: hsl(25, 76%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:90, html.dark .sf-c-txt-saddlebrown\:90 { color: hsl(25, 76%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:100, html.dark .sf-c-txt-saddlebrown\:100 { color: hsl(25, 76%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:dark, html.dark .sf-c-txt-saddlebrown\:dark { color: hsl(25, 76%, 31%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:0\:dark, html.dark .sf-c-txt-saddlebrown\:0\:dark { color: hsl(25, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:10\:dark, html.dark .sf-c-txt-saddlebrown\:10\:dark { color: hsl(25, 76%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:20\:dark, html.dark .sf-c-txt-saddlebrown\:20\:dark { color: hsl(25, 76%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:30\:dark, html.dark .sf-c-txt-saddlebrown\:30\:dark { color: hsl(25, 76%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:40\:dark, html.dark .sf-c-txt-saddlebrown\:40\:dark { color: hsl(25, 76%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:50\:dark, html.dark .sf-c-txt-saddlebrown\:50\:dark { color: hsl(25, 76%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:60\:dark, html.dark .sf-c-txt-saddlebrown\:60\:dark { color: hsl(25, 76%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:70\:dark, html.dark .sf-c-txt-saddlebrown\:70\:dark { color: hsl(25, 76%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:80\:dark, html.dark .sf-c-txt-saddlebrown\:80\:dark { color: hsl(25, 76%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:90\:dark, html.dark .sf-c-txt-saddlebrown\:90\:dark { color: hsl(25, 76%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:100\:dark, html.dark .sf-c-txt-saddlebrown\:100\:dark { color: hsl(25, 76%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-saddlebrown, html.auto .sf-c-saddlebrown { color: hsl(var(--sf-dark-c-txt-saddlebrown-10)); background: hsl(var(--sf-dark-c-saddlebrown)) } html[data-theme='auto'] .sf-c-saddlebrown\:0, html.auto .sf-c-saddlebrown\:0 { color: hsl(var(--sf-dark-c-txt-saddlebrown-90)); background: hsl(var(--sf-dark-c-saddlebrown-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-saddlebrown\:100\:dark, html.var.dark .sf-c-sa html[data-theme='auto'] .sf-c-saddlebrown\:90\:dark, html.auto .sf-c-saddlebrown\:90\:dark { color: hsl(var(--sf-c-txt-saddlebrown-90)); background: hsl(var(--sf-c-saddlebrown-10)) } html[data-theme='auto'] .sf-c-saddlebrown\:100\:dark, html.auto .sf-c-saddlebrown\:100\:dark { color: hsl(var(--sf-c-txt-saddlebrown-90)); background: hsl(var(--sf-c-saddlebrown-0)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown, html.auto .sf-c-txt-saddlebrown { color: hsl(var(--sf-c-txt-saddlebrown)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:0, html.auto .sf-c-txt-saddlebrown\:0 { color: hsl(var(--sf-c-txt-saddlebrown-0)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:10, html.auto .sf-c-txt-saddlebrown\:10 { color: hsl(var(--sf-c-txt-saddlebrown-10)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:20, html.auto .sf-c-txt-saddlebrown\:20 { color: hsl(var(--sf-c-txt-saddlebrown-20)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:30, html.auto .sf-c-txt-saddlebrown\:30 { color: hsl(var(--sf-c-txt-saddlebrown-30)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:40, html.auto .sf-c-txt-saddlebrown\:40 { color: hsl(var(--sf-c-txt-saddlebrown-40)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:50, html.auto .sf-c-txt-saddlebrown\:50 { color: hsl(var(--sf-c-txt-saddlebrown-50)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:60, html.auto .sf-c-txt-saddlebrown\:60 { color: hsl(var(--sf-c-txt-saddlebrown-60)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:70, html.auto .sf-c-txt-saddlebrown\:70 { color: hsl(var(--sf-c-txt-saddlebrown-70)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:80, html.auto .sf-c-txt-saddlebrown\:80 { color: hsl(var(--sf-c-txt-saddlebrown-80)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:90, html.auto .sf-c-txt-saddlebrown\:90 { color: hsl(var(--sf-c-txt-saddlebrown-90)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:100, html.auto .sf-c-txt-saddlebrown\:100 { color: hsl(var(--sf-c-txt-saddlebrown-100)) } + + html[data-theme='auto'] .sf-c-txt-saddlebrown\:dark, html.auto .sf-c-txt-saddlebrown\:dark { color: hsl(var(--sf-c-txt-saddlebrown)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:0\:dark, html.auto .sf-c-txt-saddlebrown\:0\:dark { color: hsl(var(--sf-c-txt-saddlebrown-0)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:10\:dark, html.auto .sf-c-txt-saddlebrown\:10\:dark { color: hsl(var(--sf-c-txt-saddlebrown-10)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:20\:dark, html.auto .sf-c-txt-saddlebrown\:20\:dark { color: hsl(var(--sf-c-txt-saddlebrown-20)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:30\:dark, html.auto .sf-c-txt-saddlebrown\:30\:dark { color: hsl(var(--sf-c-txt-saddlebrown-30)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:40\:dark, html.auto .sf-c-txt-saddlebrown\:40\:dark { color: hsl(var(--sf-c-txt-saddlebrown-40)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:50\:dark, html.auto .sf-c-txt-saddlebrown\:50\:dark { color: hsl(var(--sf-c-txt-saddlebrown-50)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:60\:dark, html.auto .sf-c-txt-saddlebrown\:60\:dark { color: hsl(var(--sf-c-txt-saddlebrown-60)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:70\:dark, html.auto .sf-c-txt-saddlebrown\:70\:dark { color: hsl(var(--sf-c-txt-saddlebrown-70)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:80\:dark, html.auto .sf-c-txt-saddlebrown\:80\:dark { color: hsl(var(--sf-c-txt-saddlebrown-80)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:90\:dark, html.auto .sf-c-txt-saddlebrown\:90\:dark { color: hsl(var(--sf-c-txt-saddlebrown-90)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:100\:dark, html.auto .sf-c-txt-saddlebrown\:100\:dark { color: hsl(var(--sf-c-txt-saddlebrown-100)) } + html.var[data-theme='auto'] .sf-c-saddlebrown, html.var.auto .sf-c-saddlebrown { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 69%) } html.var[data-theme='auto'] .sf-c-saddlebrown\:0, html.var.auto .sf-c-saddlebrown\:0 { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 100%) } html.var[data-theme='auto'] .sf-c-saddlebrown\:10, html.var.auto .sf-c-saddlebrown\:10 { color: hsl(25, 76%, 10%); background: hsl(25, 76%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-saddlebrown\:100\:dark, html.var.dark .sf-c-sa html.var[data-theme='auto'] .sf-c-saddlebrown\:80\:dark, html.var.auto .sf-c-saddlebrown\:80\:dark { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 20%) } html.var[data-theme='auto'] .sf-c-saddlebrown\:90\:dark, html.var.auto .sf-c-saddlebrown\:90\:dark { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 10%) } html.var[data-theme='auto'] .sf-c-saddlebrown\:100\:dark, html.var.auto .sf-c-saddlebrown\:100\:dark { color: hsl(25, 76%, 90%); background: hsl(25, 76%, 0%) } -} -.sf-c-txt-saddlebrown { color: hsl(var(--sf-c-txt-saddlebrown)) } -.sf-c-txt-saddlebrown\:0 { color: hsl(var(--sf-c-txt-saddlebrown-0)) } -.sf-c-txt-saddlebrown\:10 { color: hsl(var(--sf-c-txt-saddlebrown-10)) } -.sf-c-txt-saddlebrown\:20 { color: hsl(var(--sf-c-txt-saddlebrown-20)) } -.sf-c-txt-saddlebrown\:30 { color: hsl(var(--sf-c-txt-saddlebrown-30)) } -.sf-c-txt-saddlebrown\:40 { color: hsl(var(--sf-c-txt-saddlebrown-40)) } -.sf-c-txt-saddlebrown\:50 { color: hsl(var(--sf-c-txt-saddlebrown-50)) } -.sf-c-txt-saddlebrown\:60 { color: hsl(var(--sf-c-txt-saddlebrown-60)) } -.sf-c-txt-saddlebrown\:70 { color: hsl(var(--sf-c-txt-saddlebrown-70)) } -.sf-c-txt-saddlebrown\:80 { color: hsl(var(--sf-c-txt-saddlebrown-80)) } -.sf-c-txt-saddlebrown\:90 { color: hsl(var(--sf-c-txt-saddlebrown-90)) } -.sf-c-txt-saddlebrown\:100 { color: hsl(var(--sf-c-txt-saddlebrown-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-saddlebrown, html.auto .sf-c-txt-saddlebrown { color: hsl(25, 76%, 31%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:0, html.auto .sf-c-txt-saddlebrown\:0 { color: hsl(25, 76%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:10, html.auto .sf-c-txt-saddlebrown\:10 { color: hsl(25, 76%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:20, html.auto .sf-c-txt-saddlebrown\:20 { color: hsl(25, 76%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:30, html.auto .sf-c-txt-saddlebrown\:30 { color: hsl(25, 76%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:40, html.auto .sf-c-txt-saddlebrown\:40 { color: hsl(25, 76%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:50, html.auto .sf-c-txt-saddlebrown\:50 { color: hsl(25, 76%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:60, html.auto .sf-c-txt-saddlebrown\:60 { color: hsl(25, 76%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:70, html.auto .sf-c-txt-saddlebrown\:70 { color: hsl(25, 76%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:80, html.auto .sf-c-txt-saddlebrown\:80 { color: hsl(25, 76%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:90, html.auto .sf-c-txt-saddlebrown\:90 { color: hsl(25, 76%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:100, html.auto .sf-c-txt-saddlebrown\:100 { color: hsl(25, 76%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:dark, html.auto .sf-c-txt-saddlebrown\:dark { color: hsl(25, 76%, 31%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:0\:dark, html.auto .sf-c-txt-saddlebrown\:0\:dark { color: hsl(25, 76%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:10\:dark, html.auto .sf-c-txt-saddlebrown\:10\:dark { color: hsl(25, 76%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:20\:dark, html.auto .sf-c-txt-saddlebrown\:20\:dark { color: hsl(25, 76%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:30\:dark, html.auto .sf-c-txt-saddlebrown\:30\:dark { color: hsl(25, 76%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:40\:dark, html.auto .sf-c-txt-saddlebrown\:40\:dark { color: hsl(25, 76%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:50\:dark, html.auto .sf-c-txt-saddlebrown\:50\:dark { color: hsl(25, 76%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:60\:dark, html.auto .sf-c-txt-saddlebrown\:60\:dark { color: hsl(25, 76%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:70\:dark, html.auto .sf-c-txt-saddlebrown\:70\:dark { color: hsl(25, 76%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:80\:dark, html.auto .sf-c-txt-saddlebrown\:80\:dark { color: hsl(25, 76%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:90\:dark, html.auto .sf-c-txt-saddlebrown\:90\:dark { color: hsl(25, 76%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:100\:dark, html.auto .sf-c-txt-saddlebrown\:100\:dark { color: hsl(25, 76%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/salmon.css b/src/colors/10/salmon.css index 1c8a04f..2b5d6f0 100644 --- a/src/colors/10/salmon.css +++ b/src/colors/10/salmon.css @@ -78,6 +78,32 @@ html.var .sf-c-salmon\:80 { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 80% html.var .sf-c-salmon\:90 { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 90%) } html.var .sf-c-salmon\:100 { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 100%) } +.sf-c-txt-salmon { color: hsl(var(--sf-dark-c-txt-salmon)) } +.sf-c-txt-salmon\:0 { color: hsl(var(--sf-dark-c-txt-salmon-100)) } +.sf-c-txt-salmon\:10 { color: hsl(var(--sf-dark-c-txt-salmon-90)) } +.sf-c-txt-salmon\:20 { color: hsl(var(--sf-dark-c-txt-salmon-80)) } +.sf-c-txt-salmon\:30 { color: hsl(var(--sf-dark-c-txt-salmon-70)) } +.sf-c-txt-salmon\:40 { color: hsl(var(--sf-dark-c-txt-salmon-60)) } +.sf-c-txt-salmon\:50 { color: hsl(var(--sf-dark-c-txt-salmon-50)) } +.sf-c-txt-salmon\:60 { color: hsl(var(--sf-dark-c-txt-salmon-40)) } +.sf-c-txt-salmon\:70 { color: hsl(var(--sf-dark-c-txt-salmon-30)) } +.sf-c-txt-salmon\:80 { color: hsl(var(--sf-dark-c-txt-salmon-20)) } +.sf-c-txt-salmon\:90 { color: hsl(var(--sf-dark-c-txt-salmon-10)) } +.sf-c-txt-salmon\:100 { color: hsl(var(--sf-dark-c-txt-salmon-0)) } + +html.var .sf-c-txt-salmon { color: hsl(6, 93%, 29%) } +html.var .sf-c-txt-salmon\:0 { color: hsl(6, 93%, 100%) } +html.var .sf-c-txt-salmon\:10 { color: hsl(6, 93%, 90%) } +html.var .sf-c-txt-salmon\:20 { color: hsl(6, 93%, 80%) } +html.var .sf-c-txt-salmon\:30 { color: hsl(6, 93%, 70%) } +html.var .sf-c-txt-salmon\:40 { color: hsl(6, 93%, 60%) } +html.var .sf-c-txt-salmon\:50 { color: hsl(6, 93%, 50%) } +html.var .sf-c-txt-salmon\:60 { color: hsl(6, 93%, 40%) } +html.var .sf-c-txt-salmon\:70 { color: hsl(6, 93%, 30%) } +html.var .sf-c-txt-salmon\:80 { color: hsl(6, 93%, 20%) } +html.var .sf-c-txt-salmon\:90 { color: hsl(6, 93%, 10%) } +html.var .sf-c-txt-salmon\:100 { color: hsl(6, 93%, 0%) } + html[data-theme='dark'] .sf-c-salmon, html.dark .sf-c-salmon { color: hsl(var(--sf-dark-c-txt-salmon-90)); background: hsl(var(--sf-dark-c-salmon)) } html[data-theme='dark'] .sf-c-salmon\:0, html.dark .sf-c-salmon\:0 { color: hsl(var(--sf-dark-c-txt-salmon-90)); background: hsl(var(--sf-dark-c-salmon-100)) } html[data-theme='dark'] .sf-c-salmon\:10, html.dark .sf-c-salmon\:10 { color: hsl(var(--sf-dark-c-txt-salmon-10)); background: hsl(var(--sf-dark-c-salmon-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-salmon\:80\:dark, html.dark .sf-c-salmon\:80\:dark html[data-theme='dark'] .sf-c-salmon\:90\:dark, html.dark .sf-c-salmon\:90\:dark { color: hsl(var(--sf-c-txt-salmon-90)); background: hsl(var(--sf-c-salmon-10)) } html[data-theme='dark'] .sf-c-salmon\:100\:dark, html.dark .sf-c-salmon\:100\:dark { color: hsl(var(--sf-c-txt-salmon-90)); background: hsl(var(--sf-c-salmon-0)) } +html[data-theme='dark'] .sf-c-txt-salmon, html.dark .sf-c-txt-salmon { color: hsl(var(--sf-c-txt-salmon)) } +html[data-theme='dark'] .sf-c-txt-salmon\:0, html.dark .sf-c-txt-salmon\:0 { color: hsl(var(--sf-c-txt-salmon-0)) } +html[data-theme='dark'] .sf-c-txt-salmon\:10, html.dark .sf-c-txt-salmon\:10 { color: hsl(var(--sf-c-txt-salmon-10)) } +html[data-theme='dark'] .sf-c-txt-salmon\:20, html.dark .sf-c-txt-salmon\:20 { color: hsl(var(--sf-c-txt-salmon-20)) } +html[data-theme='dark'] .sf-c-txt-salmon\:30, html.dark .sf-c-txt-salmon\:30 { color: hsl(var(--sf-c-txt-salmon-30)) } +html[data-theme='dark'] .sf-c-txt-salmon\:40, html.dark .sf-c-txt-salmon\:40 { color: hsl(var(--sf-c-txt-salmon-40)) } +html[data-theme='dark'] .sf-c-txt-salmon\:50, html.dark .sf-c-txt-salmon\:50 { color: hsl(var(--sf-c-txt-salmon-50)) } +html[data-theme='dark'] .sf-c-txt-salmon\:60, html.dark .sf-c-txt-salmon\:60 { color: hsl(var(--sf-c-txt-salmon-60)) } +html[data-theme='dark'] .sf-c-txt-salmon\:70, html.dark .sf-c-txt-salmon\:70 { color: hsl(var(--sf-c-txt-salmon-70)) } +html[data-theme='dark'] .sf-c-txt-salmon\:80, html.dark .sf-c-txt-salmon\:80 { color: hsl(var(--sf-c-txt-salmon-80)) } +html[data-theme='dark'] .sf-c-txt-salmon\:90, html.dark .sf-c-txt-salmon\:90 { color: hsl(var(--sf-c-txt-salmon-90)) } +html[data-theme='dark'] .sf-c-txt-salmon\:100, html.dark .sf-c-txt-salmon\:100 { color: hsl(var(--sf-c-txt-salmon-100)) } + +html[data-theme='dark'] .sf-c-txt-salmon\:dark, html.dark .sf-c-txt-salmon\:dark { color: hsl(var(--sf-c-txt-salmon)) } +html[data-theme='dark'] .sf-c-txt-salmon\:0\:dark, html.dark .sf-c-txt-salmon\:0\:dark { color: hsl(var(--sf-dark-c-txt-salmon-0)) } +html[data-theme='dark'] .sf-c-txt-salmon\:10\:dark, html.dark .sf-c-txt-salmon\:10\:dark { color: hsl(var(--sf-dark-c-txt-salmon-10)) } +html[data-theme='dark'] .sf-c-txt-salmon\:20\:dark, html.dark .sf-c-txt-salmon\:20\:dark { color: hsl(var(--sf-dark-c-txt-salmon-20)) } +html[data-theme='dark'] .sf-c-txt-salmon\:30\:dark, html.dark .sf-c-txt-salmon\:30\:dark { color: hsl(var(--sf-dark-c-txt-salmon-30)) } +html[data-theme='dark'] .sf-c-txt-salmon\:40\:dark, html.dark .sf-c-txt-salmon\:40\:dark { color: hsl(var(--sf-dark-c-txt-salmon-40)) } +html[data-theme='dark'] .sf-c-txt-salmon\:50\:dark, html.dark .sf-c-txt-salmon\:50\:dark { color: hsl(var(--sf-dark-c-txt-salmon-50)) } +html[data-theme='dark'] .sf-c-txt-salmon\:60\:dark, html.dark .sf-c-txt-salmon\:60\:dark { color: hsl(var(--sf-dark-c-txt-salmon-60)) } +html[data-theme='dark'] .sf-c-txt-salmon\:70\:dark, html.dark .sf-c-txt-salmon\:70\:dark { color: hsl(var(--sf-dark-c-txt-salmon-70)) } +html[data-theme='dark'] .sf-c-txt-salmon\:80\:dark, html.dark .sf-c-txt-salmon\:80\:dark { color: hsl(var(--sf-dark-c-txt-salmon-80)) } +html[data-theme='dark'] .sf-c-txt-salmon\:90\:dark, html.dark .sf-c-txt-salmon\:90\:dark { color: hsl(var(--sf-dark-c-txt-salmon-90)) } +html[data-theme='dark'] .sf-c-txt-salmon\:100\:dark, html.dark .sf-c-txt-salmon\:100\:dark { color: hsl(var(--sf-dark-c-txt-salmon-100)) } + html.var[data-theme='dark'] .sf-c-salmon, html.var.dark .sf-c-salmon { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 29%) } html.var[data-theme='dark'] .sf-c-salmon\:0, html.var.dark .sf-c-salmon\:0 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 100%) } html.var[data-theme='dark'] .sf-c-salmon\:10, html.var.dark .sf-c-salmon\:10 { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-salmon\:80\:dark, html.var.dark .sf-c-salmon\: html.var[data-theme='dark'] .sf-c-salmon\:90\:dark, html.var.dark .sf-c-salmon\:90\:dark { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 10%) } html.var[data-theme='dark'] .sf-c-salmon\:100\:dark, html.var.dark .sf-c-salmon\:100\:dark { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-salmon, html.dark .sf-c-txt-salmon { color: hsl(6, 93%, 71%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:0, html.dark .sf-c-txt-salmon\:0 { color: hsl(6, 93%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:10, html.dark .sf-c-txt-salmon\:10 { color: hsl(6, 93%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:20, html.dark .sf-c-txt-salmon\:20 { color: hsl(6, 93%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:30, html.dark .sf-c-txt-salmon\:30 { color: hsl(6, 93%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:40, html.dark .sf-c-txt-salmon\:40 { color: hsl(6, 93%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:50, html.dark .sf-c-txt-salmon\:50 { color: hsl(6, 93%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:60, html.dark .sf-c-txt-salmon\:60 { color: hsl(6, 93%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:70, html.dark .sf-c-txt-salmon\:70 { color: hsl(6, 93%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:80, html.dark .sf-c-txt-salmon\:80 { color: hsl(6, 93%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:90, html.dark .sf-c-txt-salmon\:90 { color: hsl(6, 93%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:100, html.dark .sf-c-txt-salmon\:100 { color: hsl(6, 93%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-salmon\:dark, html.dark .sf-c-txt-salmon\:dark { color: hsl(6, 93%, 71%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:0\:dark, html.dark .sf-c-txt-salmon\:0\:dark { color: hsl(6, 93%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:10\:dark, html.dark .sf-c-txt-salmon\:10\:dark { color: hsl(6, 93%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:20\:dark, html.dark .sf-c-txt-salmon\:20\:dark { color: hsl(6, 93%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:30\:dark, html.dark .sf-c-txt-salmon\:30\:dark { color: hsl(6, 93%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:40\:dark, html.dark .sf-c-txt-salmon\:40\:dark { color: hsl(6, 93%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:50\:dark, html.dark .sf-c-txt-salmon\:50\:dark { color: hsl(6, 93%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:60\:dark, html.dark .sf-c-txt-salmon\:60\:dark { color: hsl(6, 93%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:70\:dark, html.dark .sf-c-txt-salmon\:70\:dark { color: hsl(6, 93%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:80\:dark, html.dark .sf-c-txt-salmon\:80\:dark { color: hsl(6, 93%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:90\:dark, html.dark .sf-c-txt-salmon\:90\:dark { color: hsl(6, 93%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:100\:dark, html.dark .sf-c-txt-salmon\:100\:dark { color: hsl(6, 93%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-salmon, html.auto .sf-c-salmon { color: hsl(var(--sf-dark-c-txt-salmon-90)); background: hsl(var(--sf-dark-c-salmon)) } html[data-theme='auto'] .sf-c-salmon\:0, html.auto .sf-c-salmon\:0 { color: hsl(var(--sf-dark-c-txt-salmon-90)); background: hsl(var(--sf-dark-c-salmon-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-salmon\:100\:dark, html.var.dark .sf-c-salmon\ html[data-theme='auto'] .sf-c-salmon\:90\:dark, html.auto .sf-c-salmon\:90\:dark { color: hsl(var(--sf-c-txt-salmon-90)); background: hsl(var(--sf-c-salmon-10)) } html[data-theme='auto'] .sf-c-salmon\:100\:dark, html.auto .sf-c-salmon\:100\:dark { color: hsl(var(--sf-c-txt-salmon-90)); background: hsl(var(--sf-c-salmon-0)) } + html[data-theme='auto'] .sf-c-txt-salmon, html.auto .sf-c-txt-salmon { color: hsl(var(--sf-c-txt-salmon)) } + html[data-theme='auto'] .sf-c-txt-salmon\:0, html.auto .sf-c-txt-salmon\:0 { color: hsl(var(--sf-c-txt-salmon-0)) } + html[data-theme='auto'] .sf-c-txt-salmon\:10, html.auto .sf-c-txt-salmon\:10 { color: hsl(var(--sf-c-txt-salmon-10)) } + html[data-theme='auto'] .sf-c-txt-salmon\:20, html.auto .sf-c-txt-salmon\:20 { color: hsl(var(--sf-c-txt-salmon-20)) } + html[data-theme='auto'] .sf-c-txt-salmon\:30, html.auto .sf-c-txt-salmon\:30 { color: hsl(var(--sf-c-txt-salmon-30)) } + html[data-theme='auto'] .sf-c-txt-salmon\:40, html.auto .sf-c-txt-salmon\:40 { color: hsl(var(--sf-c-txt-salmon-40)) } + html[data-theme='auto'] .sf-c-txt-salmon\:50, html.auto .sf-c-txt-salmon\:50 { color: hsl(var(--sf-c-txt-salmon-50)) } + html[data-theme='auto'] .sf-c-txt-salmon\:60, html.auto .sf-c-txt-salmon\:60 { color: hsl(var(--sf-c-txt-salmon-60)) } + html[data-theme='auto'] .sf-c-txt-salmon\:70, html.auto .sf-c-txt-salmon\:70 { color: hsl(var(--sf-c-txt-salmon-70)) } + html[data-theme='auto'] .sf-c-txt-salmon\:80, html.auto .sf-c-txt-salmon\:80 { color: hsl(var(--sf-c-txt-salmon-80)) } + html[data-theme='auto'] .sf-c-txt-salmon\:90, html.auto .sf-c-txt-salmon\:90 { color: hsl(var(--sf-c-txt-salmon-90)) } + html[data-theme='auto'] .sf-c-txt-salmon\:100, html.auto .sf-c-txt-salmon\:100 { color: hsl(var(--sf-c-txt-salmon-100)) } + + html[data-theme='auto'] .sf-c-txt-salmon\:dark, html.auto .sf-c-txt-salmon\:dark { color: hsl(var(--sf-c-txt-salmon)) } + html[data-theme='auto'] .sf-c-txt-salmon\:0\:dark, html.auto .sf-c-txt-salmon\:0\:dark { color: hsl(var(--sf-c-txt-salmon-0)) } + html[data-theme='auto'] .sf-c-txt-salmon\:10\:dark, html.auto .sf-c-txt-salmon\:10\:dark { color: hsl(var(--sf-c-txt-salmon-10)) } + html[data-theme='auto'] .sf-c-txt-salmon\:20\:dark, html.auto .sf-c-txt-salmon\:20\:dark { color: hsl(var(--sf-c-txt-salmon-20)) } + html[data-theme='auto'] .sf-c-txt-salmon\:30\:dark, html.auto .sf-c-txt-salmon\:30\:dark { color: hsl(var(--sf-c-txt-salmon-30)) } + html[data-theme='auto'] .sf-c-txt-salmon\:40\:dark, html.auto .sf-c-txt-salmon\:40\:dark { color: hsl(var(--sf-c-txt-salmon-40)) } + html[data-theme='auto'] .sf-c-txt-salmon\:50\:dark, html.auto .sf-c-txt-salmon\:50\:dark { color: hsl(var(--sf-c-txt-salmon-50)) } + html[data-theme='auto'] .sf-c-txt-salmon\:60\:dark, html.auto .sf-c-txt-salmon\:60\:dark { color: hsl(var(--sf-c-txt-salmon-60)) } + html[data-theme='auto'] .sf-c-txt-salmon\:70\:dark, html.auto .sf-c-txt-salmon\:70\:dark { color: hsl(var(--sf-c-txt-salmon-70)) } + html[data-theme='auto'] .sf-c-txt-salmon\:80\:dark, html.auto .sf-c-txt-salmon\:80\:dark { color: hsl(var(--sf-c-txt-salmon-80)) } + html[data-theme='auto'] .sf-c-txt-salmon\:90\:dark, html.auto .sf-c-txt-salmon\:90\:dark { color: hsl(var(--sf-c-txt-salmon-90)) } + html[data-theme='auto'] .sf-c-txt-salmon\:100\:dark, html.auto .sf-c-txt-salmon\:100\:dark { color: hsl(var(--sf-c-txt-salmon-100)) } + html.var[data-theme='auto'] .sf-c-salmon, html.var.auto .sf-c-salmon { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 29%) } html.var[data-theme='auto'] .sf-c-salmon\:0, html.var.auto .sf-c-salmon\:0 { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 100%) } html.var[data-theme='auto'] .sf-c-salmon\:10, html.var.auto .sf-c-salmon\:10 { color: hsl(6, 93%, 10%); background: hsl(6, 93%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-salmon\:100\:dark, html.var.dark .sf-c-salmon\ html.var[data-theme='auto'] .sf-c-salmon\:80\:dark, html.var.auto .sf-c-salmon\:80\:dark { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 20%) } html.var[data-theme='auto'] .sf-c-salmon\:90\:dark, html.var.auto .sf-c-salmon\:90\:dark { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 10%) } html.var[data-theme='auto'] .sf-c-salmon\:100\:dark, html.var.auto .sf-c-salmon\:100\:dark { color: hsl(6, 93%, 90%); background: hsl(6, 93%, 0%) } -} -.sf-c-txt-salmon { color: hsl(var(--sf-c-txt-salmon)) } -.sf-c-txt-salmon\:0 { color: hsl(var(--sf-c-txt-salmon-0)) } -.sf-c-txt-salmon\:10 { color: hsl(var(--sf-c-txt-salmon-10)) } -.sf-c-txt-salmon\:20 { color: hsl(var(--sf-c-txt-salmon-20)) } -.sf-c-txt-salmon\:30 { color: hsl(var(--sf-c-txt-salmon-30)) } -.sf-c-txt-salmon\:40 { color: hsl(var(--sf-c-txt-salmon-40)) } -.sf-c-txt-salmon\:50 { color: hsl(var(--sf-c-txt-salmon-50)) } -.sf-c-txt-salmon\:60 { color: hsl(var(--sf-c-txt-salmon-60)) } -.sf-c-txt-salmon\:70 { color: hsl(var(--sf-c-txt-salmon-70)) } -.sf-c-txt-salmon\:80 { color: hsl(var(--sf-c-txt-salmon-80)) } -.sf-c-txt-salmon\:90 { color: hsl(var(--sf-c-txt-salmon-90)) } -.sf-c-txt-salmon\:100 { color: hsl(var(--sf-c-txt-salmon-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-salmon, html.auto .sf-c-txt-salmon { color: hsl(6, 93%, 71%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:0, html.auto .sf-c-txt-salmon\:0 { color: hsl(6, 93%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:10, html.auto .sf-c-txt-salmon\:10 { color: hsl(6, 93%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:20, html.auto .sf-c-txt-salmon\:20 { color: hsl(6, 93%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:30, html.auto .sf-c-txt-salmon\:30 { color: hsl(6, 93%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:40, html.auto .sf-c-txt-salmon\:40 { color: hsl(6, 93%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:50, html.auto .sf-c-txt-salmon\:50 { color: hsl(6, 93%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:60, html.auto .sf-c-txt-salmon\:60 { color: hsl(6, 93%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:70, html.auto .sf-c-txt-salmon\:70 { color: hsl(6, 93%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:80, html.auto .sf-c-txt-salmon\:80 { color: hsl(6, 93%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:90, html.auto .sf-c-txt-salmon\:90 { color: hsl(6, 93%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:100, html.auto .sf-c-txt-salmon\:100 { color: hsl(6, 93%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-salmon\:dark, html.auto .sf-c-txt-salmon\:dark { color: hsl(6, 93%, 71%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:0\:dark, html.auto .sf-c-txt-salmon\:0\:dark { color: hsl(6, 93%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:10\:dark, html.auto .sf-c-txt-salmon\:10\:dark { color: hsl(6, 93%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:20\:dark, html.auto .sf-c-txt-salmon\:20\:dark { color: hsl(6, 93%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:30\:dark, html.auto .sf-c-txt-salmon\:30\:dark { color: hsl(6, 93%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:40\:dark, html.auto .sf-c-txt-salmon\:40\:dark { color: hsl(6, 93%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:50\:dark, html.auto .sf-c-txt-salmon\:50\:dark { color: hsl(6, 93%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:60\:dark, html.auto .sf-c-txt-salmon\:60\:dark { color: hsl(6, 93%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:70\:dark, html.auto .sf-c-txt-salmon\:70\:dark { color: hsl(6, 93%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:80\:dark, html.auto .sf-c-txt-salmon\:80\:dark { color: hsl(6, 93%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:90\:dark, html.auto .sf-c-txt-salmon\:90\:dark { color: hsl(6, 93%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:100\:dark, html.auto .sf-c-txt-salmon\:100\:dark { color: hsl(6, 93%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/sandybrown.css b/src/colors/10/sandybrown.css index c40f39c..7df6088 100644 --- a/src/colors/10/sandybrown.css +++ b/src/colors/10/sandybrown.css @@ -78,6 +78,32 @@ html.var .sf-c-sandybrown\:80 { color: hsl(28, 87%, 10%); background: hsl(28, 87 html.var .sf-c-sandybrown\:90 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 90%) } html.var .sf-c-sandybrown\:100 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 100%) } +.sf-c-txt-sandybrown { color: hsl(var(--sf-dark-c-txt-sandybrown)) } +.sf-c-txt-sandybrown\:0 { color: hsl(var(--sf-dark-c-txt-sandybrown-100)) } +.sf-c-txt-sandybrown\:10 { color: hsl(var(--sf-dark-c-txt-sandybrown-90)) } +.sf-c-txt-sandybrown\:20 { color: hsl(var(--sf-dark-c-txt-sandybrown-80)) } +.sf-c-txt-sandybrown\:30 { color: hsl(var(--sf-dark-c-txt-sandybrown-70)) } +.sf-c-txt-sandybrown\:40 { color: hsl(var(--sf-dark-c-txt-sandybrown-60)) } +.sf-c-txt-sandybrown\:50 { color: hsl(var(--sf-dark-c-txt-sandybrown-50)) } +.sf-c-txt-sandybrown\:60 { color: hsl(var(--sf-dark-c-txt-sandybrown-40)) } +.sf-c-txt-sandybrown\:70 { color: hsl(var(--sf-dark-c-txt-sandybrown-30)) } +.sf-c-txt-sandybrown\:80 { color: hsl(var(--sf-dark-c-txt-sandybrown-20)) } +.sf-c-txt-sandybrown\:90 { color: hsl(var(--sf-dark-c-txt-sandybrown-10)) } +.sf-c-txt-sandybrown\:100 { color: hsl(var(--sf-dark-c-txt-sandybrown-0)) } + +html.var .sf-c-txt-sandybrown { color: hsl(28, 87%, 33%) } +html.var .sf-c-txt-sandybrown\:0 { color: hsl(28, 87%, 100%) } +html.var .sf-c-txt-sandybrown\:10 { color: hsl(28, 87%, 90%) } +html.var .sf-c-txt-sandybrown\:20 { color: hsl(28, 87%, 80%) } +html.var .sf-c-txt-sandybrown\:30 { color: hsl(28, 87%, 70%) } +html.var .sf-c-txt-sandybrown\:40 { color: hsl(28, 87%, 60%) } +html.var .sf-c-txt-sandybrown\:50 { color: hsl(28, 87%, 50%) } +html.var .sf-c-txt-sandybrown\:60 { color: hsl(28, 87%, 40%) } +html.var .sf-c-txt-sandybrown\:70 { color: hsl(28, 87%, 30%) } +html.var .sf-c-txt-sandybrown\:80 { color: hsl(28, 87%, 20%) } +html.var .sf-c-txt-sandybrown\:90 { color: hsl(28, 87%, 10%) } +html.var .sf-c-txt-sandybrown\:100 { color: hsl(28, 87%, 0%) } + html[data-theme='dark'] .sf-c-sandybrown, html.dark .sf-c-sandybrown { color: hsl(var(--sf-dark-c-txt-sandybrown-90)); background: hsl(var(--sf-dark-c-sandybrown)) } html[data-theme='dark'] .sf-c-sandybrown\:0, html.dark .sf-c-sandybrown\:0 { color: hsl(var(--sf-dark-c-txt-sandybrown-90)); background: hsl(var(--sf-dark-c-sandybrown-100)) } html[data-theme='dark'] .sf-c-sandybrown\:10, html.dark .sf-c-sandybrown\:10 { color: hsl(var(--sf-dark-c-txt-sandybrown-10)); background: hsl(var(--sf-dark-c-sandybrown-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-sandybrown\:80\:dark, html.dark .sf-c-sandybrown\: html[data-theme='dark'] .sf-c-sandybrown\:90\:dark, html.dark .sf-c-sandybrown\:90\:dark { color: hsl(var(--sf-c-txt-sandybrown-90)); background: hsl(var(--sf-c-sandybrown-10)) } html[data-theme='dark'] .sf-c-sandybrown\:100\:dark, html.dark .sf-c-sandybrown\:100\:dark { color: hsl(var(--sf-c-txt-sandybrown-90)); background: hsl(var(--sf-c-sandybrown-0)) } +html[data-theme='dark'] .sf-c-txt-sandybrown, html.dark .sf-c-txt-sandybrown { color: hsl(var(--sf-c-txt-sandybrown)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:0, html.dark .sf-c-txt-sandybrown\:0 { color: hsl(var(--sf-c-txt-sandybrown-0)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:10, html.dark .sf-c-txt-sandybrown\:10 { color: hsl(var(--sf-c-txt-sandybrown-10)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:20, html.dark .sf-c-txt-sandybrown\:20 { color: hsl(var(--sf-c-txt-sandybrown-20)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:30, html.dark .sf-c-txt-sandybrown\:30 { color: hsl(var(--sf-c-txt-sandybrown-30)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:40, html.dark .sf-c-txt-sandybrown\:40 { color: hsl(var(--sf-c-txt-sandybrown-40)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:50, html.dark .sf-c-txt-sandybrown\:50 { color: hsl(var(--sf-c-txt-sandybrown-50)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:60, html.dark .sf-c-txt-sandybrown\:60 { color: hsl(var(--sf-c-txt-sandybrown-60)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:70, html.dark .sf-c-txt-sandybrown\:70 { color: hsl(var(--sf-c-txt-sandybrown-70)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:80, html.dark .sf-c-txt-sandybrown\:80 { color: hsl(var(--sf-c-txt-sandybrown-80)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:90, html.dark .sf-c-txt-sandybrown\:90 { color: hsl(var(--sf-c-txt-sandybrown-90)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:100, html.dark .sf-c-txt-sandybrown\:100 { color: hsl(var(--sf-c-txt-sandybrown-100)) } + +html[data-theme='dark'] .sf-c-txt-sandybrown\:dark, html.dark .sf-c-txt-sandybrown\:dark { color: hsl(var(--sf-c-txt-sandybrown)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:0\:dark, html.dark .sf-c-txt-sandybrown\:0\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-0)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:10\:dark, html.dark .sf-c-txt-sandybrown\:10\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-10)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:20\:dark, html.dark .sf-c-txt-sandybrown\:20\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-20)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:30\:dark, html.dark .sf-c-txt-sandybrown\:30\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-30)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:40\:dark, html.dark .sf-c-txt-sandybrown\:40\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-40)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:50\:dark, html.dark .sf-c-txt-sandybrown\:50\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-50)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:60\:dark, html.dark .sf-c-txt-sandybrown\:60\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-60)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:70\:dark, html.dark .sf-c-txt-sandybrown\:70\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-70)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:80\:dark, html.dark .sf-c-txt-sandybrown\:80\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-80)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:90\:dark, html.dark .sf-c-txt-sandybrown\:90\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-90)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:100\:dark, html.dark .sf-c-txt-sandybrown\:100\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-100)) } + html.var[data-theme='dark'] .sf-c-sandybrown, html.var.dark .sf-c-sandybrown { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 33%) } html.var[data-theme='dark'] .sf-c-sandybrown\:0, html.var.dark .sf-c-sandybrown\:0 { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 100%) } html.var[data-theme='dark'] .sf-c-sandybrown\:10, html.var.dark .sf-c-sandybrown\:10 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-sandybrown\:80\:dark, html.var.dark .sf-c-sand html.var[data-theme='dark'] .sf-c-sandybrown\:90\:dark, html.var.dark .sf-c-sandybrown\:90\:dark { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 10%) } html.var[data-theme='dark'] .sf-c-sandybrown\:100\:dark, html.var.dark .sf-c-sandybrown\:100\:dark { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown, html.dark .sf-c-txt-sandybrown { color: hsl(28, 87%, 67%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:0, html.dark .sf-c-txt-sandybrown\:0 { color: hsl(28, 87%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:10, html.dark .sf-c-txt-sandybrown\:10 { color: hsl(28, 87%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:20, html.dark .sf-c-txt-sandybrown\:20 { color: hsl(28, 87%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:30, html.dark .sf-c-txt-sandybrown\:30 { color: hsl(28, 87%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:40, html.dark .sf-c-txt-sandybrown\:40 { color: hsl(28, 87%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:50, html.dark .sf-c-txt-sandybrown\:50 { color: hsl(28, 87%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:60, html.dark .sf-c-txt-sandybrown\:60 { color: hsl(28, 87%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:70, html.dark .sf-c-txt-sandybrown\:70 { color: hsl(28, 87%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:80, html.dark .sf-c-txt-sandybrown\:80 { color: hsl(28, 87%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:90, html.dark .sf-c-txt-sandybrown\:90 { color: hsl(28, 87%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:100, html.dark .sf-c-txt-sandybrown\:100 { color: hsl(28, 87%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:dark, html.dark .sf-c-txt-sandybrown\:dark { color: hsl(28, 87%, 67%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:0\:dark, html.dark .sf-c-txt-sandybrown\:0\:dark { color: hsl(28, 87%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:10\:dark, html.dark .sf-c-txt-sandybrown\:10\:dark { color: hsl(28, 87%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:20\:dark, html.dark .sf-c-txt-sandybrown\:20\:dark { color: hsl(28, 87%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:30\:dark, html.dark .sf-c-txt-sandybrown\:30\:dark { color: hsl(28, 87%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:40\:dark, html.dark .sf-c-txt-sandybrown\:40\:dark { color: hsl(28, 87%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:50\:dark, html.dark .sf-c-txt-sandybrown\:50\:dark { color: hsl(28, 87%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:60\:dark, html.dark .sf-c-txt-sandybrown\:60\:dark { color: hsl(28, 87%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:70\:dark, html.dark .sf-c-txt-sandybrown\:70\:dark { color: hsl(28, 87%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:80\:dark, html.dark .sf-c-txt-sandybrown\:80\:dark { color: hsl(28, 87%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:90\:dark, html.dark .sf-c-txt-sandybrown\:90\:dark { color: hsl(28, 87%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:100\:dark, html.dark .sf-c-txt-sandybrown\:100\:dark { color: hsl(28, 87%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-sandybrown, html.auto .sf-c-sandybrown { color: hsl(var(--sf-dark-c-txt-sandybrown-90)); background: hsl(var(--sf-dark-c-sandybrown)) } html[data-theme='auto'] .sf-c-sandybrown\:0, html.auto .sf-c-sandybrown\:0 { color: hsl(var(--sf-dark-c-txt-sandybrown-90)); background: hsl(var(--sf-dark-c-sandybrown-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-sandybrown\:100\:dark, html.var.dark .sf-c-san html[data-theme='auto'] .sf-c-sandybrown\:90\:dark, html.auto .sf-c-sandybrown\:90\:dark { color: hsl(var(--sf-c-txt-sandybrown-90)); background: hsl(var(--sf-c-sandybrown-10)) } html[data-theme='auto'] .sf-c-sandybrown\:100\:dark, html.auto .sf-c-sandybrown\:100\:dark { color: hsl(var(--sf-c-txt-sandybrown-90)); background: hsl(var(--sf-c-sandybrown-0)) } + html[data-theme='auto'] .sf-c-txt-sandybrown, html.auto .sf-c-txt-sandybrown { color: hsl(var(--sf-c-txt-sandybrown)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:0, html.auto .sf-c-txt-sandybrown\:0 { color: hsl(var(--sf-c-txt-sandybrown-0)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:10, html.auto .sf-c-txt-sandybrown\:10 { color: hsl(var(--sf-c-txt-sandybrown-10)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:20, html.auto .sf-c-txt-sandybrown\:20 { color: hsl(var(--sf-c-txt-sandybrown-20)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:30, html.auto .sf-c-txt-sandybrown\:30 { color: hsl(var(--sf-c-txt-sandybrown-30)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:40, html.auto .sf-c-txt-sandybrown\:40 { color: hsl(var(--sf-c-txt-sandybrown-40)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:50, html.auto .sf-c-txt-sandybrown\:50 { color: hsl(var(--sf-c-txt-sandybrown-50)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:60, html.auto .sf-c-txt-sandybrown\:60 { color: hsl(var(--sf-c-txt-sandybrown-60)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:70, html.auto .sf-c-txt-sandybrown\:70 { color: hsl(var(--sf-c-txt-sandybrown-70)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:80, html.auto .sf-c-txt-sandybrown\:80 { color: hsl(var(--sf-c-txt-sandybrown-80)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:90, html.auto .sf-c-txt-sandybrown\:90 { color: hsl(var(--sf-c-txt-sandybrown-90)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:100, html.auto .sf-c-txt-sandybrown\:100 { color: hsl(var(--sf-c-txt-sandybrown-100)) } + + html[data-theme='auto'] .sf-c-txt-sandybrown\:dark, html.auto .sf-c-txt-sandybrown\:dark { color: hsl(var(--sf-c-txt-sandybrown)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:0\:dark, html.auto .sf-c-txt-sandybrown\:0\:dark { color: hsl(var(--sf-c-txt-sandybrown-0)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:10\:dark, html.auto .sf-c-txt-sandybrown\:10\:dark { color: hsl(var(--sf-c-txt-sandybrown-10)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:20\:dark, html.auto .sf-c-txt-sandybrown\:20\:dark { color: hsl(var(--sf-c-txt-sandybrown-20)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:30\:dark, html.auto .sf-c-txt-sandybrown\:30\:dark { color: hsl(var(--sf-c-txt-sandybrown-30)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:40\:dark, html.auto .sf-c-txt-sandybrown\:40\:dark { color: hsl(var(--sf-c-txt-sandybrown-40)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:50\:dark, html.auto .sf-c-txt-sandybrown\:50\:dark { color: hsl(var(--sf-c-txt-sandybrown-50)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:60\:dark, html.auto .sf-c-txt-sandybrown\:60\:dark { color: hsl(var(--sf-c-txt-sandybrown-60)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:70\:dark, html.auto .sf-c-txt-sandybrown\:70\:dark { color: hsl(var(--sf-c-txt-sandybrown-70)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:80\:dark, html.auto .sf-c-txt-sandybrown\:80\:dark { color: hsl(var(--sf-c-txt-sandybrown-80)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:90\:dark, html.auto .sf-c-txt-sandybrown\:90\:dark { color: hsl(var(--sf-c-txt-sandybrown-90)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:100\:dark, html.auto .sf-c-txt-sandybrown\:100\:dark { color: hsl(var(--sf-c-txt-sandybrown-100)) } + html.var[data-theme='auto'] .sf-c-sandybrown, html.var.auto .sf-c-sandybrown { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 33%) } html.var[data-theme='auto'] .sf-c-sandybrown\:0, html.var.auto .sf-c-sandybrown\:0 { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 100%) } html.var[data-theme='auto'] .sf-c-sandybrown\:10, html.var.auto .sf-c-sandybrown\:10 { color: hsl(28, 87%, 10%); background: hsl(28, 87%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-sandybrown\:100\:dark, html.var.dark .sf-c-san html.var[data-theme='auto'] .sf-c-sandybrown\:80\:dark, html.var.auto .sf-c-sandybrown\:80\:dark { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 20%) } html.var[data-theme='auto'] .sf-c-sandybrown\:90\:dark, html.var.auto .sf-c-sandybrown\:90\:dark { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 10%) } html.var[data-theme='auto'] .sf-c-sandybrown\:100\:dark, html.var.auto .sf-c-sandybrown\:100\:dark { color: hsl(28, 87%, 90%); background: hsl(28, 87%, 0%) } -} -.sf-c-txt-sandybrown { color: hsl(var(--sf-c-txt-sandybrown)) } -.sf-c-txt-sandybrown\:0 { color: hsl(var(--sf-c-txt-sandybrown-0)) } -.sf-c-txt-sandybrown\:10 { color: hsl(var(--sf-c-txt-sandybrown-10)) } -.sf-c-txt-sandybrown\:20 { color: hsl(var(--sf-c-txt-sandybrown-20)) } -.sf-c-txt-sandybrown\:30 { color: hsl(var(--sf-c-txt-sandybrown-30)) } -.sf-c-txt-sandybrown\:40 { color: hsl(var(--sf-c-txt-sandybrown-40)) } -.sf-c-txt-sandybrown\:50 { color: hsl(var(--sf-c-txt-sandybrown-50)) } -.sf-c-txt-sandybrown\:60 { color: hsl(var(--sf-c-txt-sandybrown-60)) } -.sf-c-txt-sandybrown\:70 { color: hsl(var(--sf-c-txt-sandybrown-70)) } -.sf-c-txt-sandybrown\:80 { color: hsl(var(--sf-c-txt-sandybrown-80)) } -.sf-c-txt-sandybrown\:90 { color: hsl(var(--sf-c-txt-sandybrown-90)) } -.sf-c-txt-sandybrown\:100 { color: hsl(var(--sf-c-txt-sandybrown-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-sandybrown, html.auto .sf-c-txt-sandybrown { color: hsl(28, 87%, 67%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:0, html.auto .sf-c-txt-sandybrown\:0 { color: hsl(28, 87%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:10, html.auto .sf-c-txt-sandybrown\:10 { color: hsl(28, 87%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:20, html.auto .sf-c-txt-sandybrown\:20 { color: hsl(28, 87%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:30, html.auto .sf-c-txt-sandybrown\:30 { color: hsl(28, 87%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:40, html.auto .sf-c-txt-sandybrown\:40 { color: hsl(28, 87%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:50, html.auto .sf-c-txt-sandybrown\:50 { color: hsl(28, 87%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:60, html.auto .sf-c-txt-sandybrown\:60 { color: hsl(28, 87%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:70, html.auto .sf-c-txt-sandybrown\:70 { color: hsl(28, 87%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:80, html.auto .sf-c-txt-sandybrown\:80 { color: hsl(28, 87%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:90, html.auto .sf-c-txt-sandybrown\:90 { color: hsl(28, 87%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:100, html.auto .sf-c-txt-sandybrown\:100 { color: hsl(28, 87%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:dark, html.auto .sf-c-txt-sandybrown\:dark { color: hsl(28, 87%, 67%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:0\:dark, html.auto .sf-c-txt-sandybrown\:0\:dark { color: hsl(28, 87%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:10\:dark, html.auto .sf-c-txt-sandybrown\:10\:dark { color: hsl(28, 87%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:20\:dark, html.auto .sf-c-txt-sandybrown\:20\:dark { color: hsl(28, 87%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:30\:dark, html.auto .sf-c-txt-sandybrown\:30\:dark { color: hsl(28, 87%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:40\:dark, html.auto .sf-c-txt-sandybrown\:40\:dark { color: hsl(28, 87%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:50\:dark, html.auto .sf-c-txt-sandybrown\:50\:dark { color: hsl(28, 87%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:60\:dark, html.auto .sf-c-txt-sandybrown\:60\:dark { color: hsl(28, 87%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:70\:dark, html.auto .sf-c-txt-sandybrown\:70\:dark { color: hsl(28, 87%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:80\:dark, html.auto .sf-c-txt-sandybrown\:80\:dark { color: hsl(28, 87%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:90\:dark, html.auto .sf-c-txt-sandybrown\:90\:dark { color: hsl(28, 87%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:100\:dark, html.auto .sf-c-txt-sandybrown\:100\:dark { color: hsl(28, 87%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/seagreen.css b/src/colors/10/seagreen.css index 2412240..221c2ba 100644 --- a/src/colors/10/seagreen.css +++ b/src/colors/10/seagreen.css @@ -78,6 +78,32 @@ html.var .sf-c-seagreen\:80 { color: hsl(146, 50%, 10%); background: hsl(146, 50 html.var .sf-c-seagreen\:90 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 90%) } html.var .sf-c-seagreen\:100 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 100%) } +.sf-c-txt-seagreen { color: hsl(var(--sf-dark-c-txt-seagreen)) } +.sf-c-txt-seagreen\:0 { color: hsl(var(--sf-dark-c-txt-seagreen-100)) } +.sf-c-txt-seagreen\:10 { color: hsl(var(--sf-dark-c-txt-seagreen-90)) } +.sf-c-txt-seagreen\:20 { color: hsl(var(--sf-dark-c-txt-seagreen-80)) } +.sf-c-txt-seagreen\:30 { color: hsl(var(--sf-dark-c-txt-seagreen-70)) } +.sf-c-txt-seagreen\:40 { color: hsl(var(--sf-dark-c-txt-seagreen-60)) } +.sf-c-txt-seagreen\:50 { color: hsl(var(--sf-dark-c-txt-seagreen-50)) } +.sf-c-txt-seagreen\:60 { color: hsl(var(--sf-dark-c-txt-seagreen-40)) } +.sf-c-txt-seagreen\:70 { color: hsl(var(--sf-dark-c-txt-seagreen-30)) } +.sf-c-txt-seagreen\:80 { color: hsl(var(--sf-dark-c-txt-seagreen-20)) } +.sf-c-txt-seagreen\:90 { color: hsl(var(--sf-dark-c-txt-seagreen-10)) } +.sf-c-txt-seagreen\:100 { color: hsl(var(--sf-dark-c-txt-seagreen-0)) } + +html.var .sf-c-txt-seagreen { color: hsl(146, 50%, 64%) } +html.var .sf-c-txt-seagreen\:0 { color: hsl(146, 50%, 100%) } +html.var .sf-c-txt-seagreen\:10 { color: hsl(146, 50%, 90%) } +html.var .sf-c-txt-seagreen\:20 { color: hsl(146, 50%, 80%) } +html.var .sf-c-txt-seagreen\:30 { color: hsl(146, 50%, 70%) } +html.var .sf-c-txt-seagreen\:40 { color: hsl(146, 50%, 60%) } +html.var .sf-c-txt-seagreen\:50 { color: hsl(146, 50%, 50%) } +html.var .sf-c-txt-seagreen\:60 { color: hsl(146, 50%, 40%) } +html.var .sf-c-txt-seagreen\:70 { color: hsl(146, 50%, 30%) } +html.var .sf-c-txt-seagreen\:80 { color: hsl(146, 50%, 20%) } +html.var .sf-c-txt-seagreen\:90 { color: hsl(146, 50%, 10%) } +html.var .sf-c-txt-seagreen\:100 { color: hsl(146, 50%, 0%) } + html[data-theme='dark'] .sf-c-seagreen, html.dark .sf-c-seagreen { color: hsl(var(--sf-dark-c-txt-seagreen-10)); background: hsl(var(--sf-dark-c-seagreen)) } html[data-theme='dark'] .sf-c-seagreen\:0, html.dark .sf-c-seagreen\:0 { color: hsl(var(--sf-dark-c-txt-seagreen-90)); background: hsl(var(--sf-dark-c-seagreen-100)) } html[data-theme='dark'] .sf-c-seagreen\:10, html.dark .sf-c-seagreen\:10 { color: hsl(var(--sf-dark-c-txt-seagreen-10)); background: hsl(var(--sf-dark-c-seagreen-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-seagreen\:80\:dark, html.dark .sf-c-seagreen\:80\: html[data-theme='dark'] .sf-c-seagreen\:90\:dark, html.dark .sf-c-seagreen\:90\:dark { color: hsl(var(--sf-c-txt-seagreen-90)); background: hsl(var(--sf-c-seagreen-10)) } html[data-theme='dark'] .sf-c-seagreen\:100\:dark, html.dark .sf-c-seagreen\:100\:dark { color: hsl(var(--sf-c-txt-seagreen-90)); background: hsl(var(--sf-c-seagreen-0)) } +html[data-theme='dark'] .sf-c-txt-seagreen, html.dark .sf-c-txt-seagreen { color: hsl(var(--sf-c-txt-seagreen)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:0, html.dark .sf-c-txt-seagreen\:0 { color: hsl(var(--sf-c-txt-seagreen-0)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:10, html.dark .sf-c-txt-seagreen\:10 { color: hsl(var(--sf-c-txt-seagreen-10)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:20, html.dark .sf-c-txt-seagreen\:20 { color: hsl(var(--sf-c-txt-seagreen-20)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:30, html.dark .sf-c-txt-seagreen\:30 { color: hsl(var(--sf-c-txt-seagreen-30)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:40, html.dark .sf-c-txt-seagreen\:40 { color: hsl(var(--sf-c-txt-seagreen-40)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:50, html.dark .sf-c-txt-seagreen\:50 { color: hsl(var(--sf-c-txt-seagreen-50)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:60, html.dark .sf-c-txt-seagreen\:60 { color: hsl(var(--sf-c-txt-seagreen-60)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:70, html.dark .sf-c-txt-seagreen\:70 { color: hsl(var(--sf-c-txt-seagreen-70)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:80, html.dark .sf-c-txt-seagreen\:80 { color: hsl(var(--sf-c-txt-seagreen-80)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:90, html.dark .sf-c-txt-seagreen\:90 { color: hsl(var(--sf-c-txt-seagreen-90)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:100, html.dark .sf-c-txt-seagreen\:100 { color: hsl(var(--sf-c-txt-seagreen-100)) } + +html[data-theme='dark'] .sf-c-txt-seagreen\:dark, html.dark .sf-c-txt-seagreen\:dark { color: hsl(var(--sf-c-txt-seagreen)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:0\:dark, html.dark .sf-c-txt-seagreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-0)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:10\:dark, html.dark .sf-c-txt-seagreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-10)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:20\:dark, html.dark .sf-c-txt-seagreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-20)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:30\:dark, html.dark .sf-c-txt-seagreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-30)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:40\:dark, html.dark .sf-c-txt-seagreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-40)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:50\:dark, html.dark .sf-c-txt-seagreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-50)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:60\:dark, html.dark .sf-c-txt-seagreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-60)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:70\:dark, html.dark .sf-c-txt-seagreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-70)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:80\:dark, html.dark .sf-c-txt-seagreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-80)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:90\:dark, html.dark .sf-c-txt-seagreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-90)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:100\:dark, html.dark .sf-c-txt-seagreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-100)) } + html.var[data-theme='dark'] .sf-c-seagreen, html.var.dark .sf-c-seagreen { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 64%) } html.var[data-theme='dark'] .sf-c-seagreen\:0, html.var.dark .sf-c-seagreen\:0 { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 100%) } html.var[data-theme='dark'] .sf-c-seagreen\:10, html.var.dark .sf-c-seagreen\:10 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-seagreen\:80\:dark, html.var.dark .sf-c-seagre html.var[data-theme='dark'] .sf-c-seagreen\:90\:dark, html.var.dark .sf-c-seagreen\:90\:dark { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 10%) } html.var[data-theme='dark'] .sf-c-seagreen\:100\:dark, html.var.dark .sf-c-seagreen\:100\:dark { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen, html.dark .sf-c-txt-seagreen { color: hsl(146, 50%, 36%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:0, html.dark .sf-c-txt-seagreen\:0 { color: hsl(146, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:10, html.dark .sf-c-txt-seagreen\:10 { color: hsl(146, 50%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:20, html.dark .sf-c-txt-seagreen\:20 { color: hsl(146, 50%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:30, html.dark .sf-c-txt-seagreen\:30 { color: hsl(146, 50%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:40, html.dark .sf-c-txt-seagreen\:40 { color: hsl(146, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:50, html.dark .sf-c-txt-seagreen\:50 { color: hsl(146, 50%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:60, html.dark .sf-c-txt-seagreen\:60 { color: hsl(146, 50%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:70, html.dark .sf-c-txt-seagreen\:70 { color: hsl(146, 50%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:80, html.dark .sf-c-txt-seagreen\:80 { color: hsl(146, 50%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:90, html.dark .sf-c-txt-seagreen\:90 { color: hsl(146, 50%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:100, html.dark .sf-c-txt-seagreen\:100 { color: hsl(146, 50%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-seagreen\:dark, html.dark .sf-c-txt-seagreen\:dark { color: hsl(146, 50%, 36%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:0\:dark, html.dark .sf-c-txt-seagreen\:0\:dark { color: hsl(146, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:10\:dark, html.dark .sf-c-txt-seagreen\:10\:dark { color: hsl(146, 50%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:20\:dark, html.dark .sf-c-txt-seagreen\:20\:dark { color: hsl(146, 50%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:30\:dark, html.dark .sf-c-txt-seagreen\:30\:dark { color: hsl(146, 50%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:40\:dark, html.dark .sf-c-txt-seagreen\:40\:dark { color: hsl(146, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:50\:dark, html.dark .sf-c-txt-seagreen\:50\:dark { color: hsl(146, 50%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:60\:dark, html.dark .sf-c-txt-seagreen\:60\:dark { color: hsl(146, 50%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:70\:dark, html.dark .sf-c-txt-seagreen\:70\:dark { color: hsl(146, 50%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:80\:dark, html.dark .sf-c-txt-seagreen\:80\:dark { color: hsl(146, 50%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:90\:dark, html.dark .sf-c-txt-seagreen\:90\:dark { color: hsl(146, 50%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:100\:dark, html.dark .sf-c-txt-seagreen\:100\:dark { color: hsl(146, 50%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-seagreen, html.auto .sf-c-seagreen { color: hsl(var(--sf-dark-c-txt-seagreen-10)); background: hsl(var(--sf-dark-c-seagreen)) } html[data-theme='auto'] .sf-c-seagreen\:0, html.auto .sf-c-seagreen\:0 { color: hsl(var(--sf-dark-c-txt-seagreen-90)); background: hsl(var(--sf-dark-c-seagreen-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-seagreen\:100\:dark, html.var.dark .sf-c-seagr html[data-theme='auto'] .sf-c-seagreen\:90\:dark, html.auto .sf-c-seagreen\:90\:dark { color: hsl(var(--sf-c-txt-seagreen-90)); background: hsl(var(--sf-c-seagreen-10)) } html[data-theme='auto'] .sf-c-seagreen\:100\:dark, html.auto .sf-c-seagreen\:100\:dark { color: hsl(var(--sf-c-txt-seagreen-90)); background: hsl(var(--sf-c-seagreen-0)) } + html[data-theme='auto'] .sf-c-txt-seagreen, html.auto .sf-c-txt-seagreen { color: hsl(var(--sf-c-txt-seagreen)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:0, html.auto .sf-c-txt-seagreen\:0 { color: hsl(var(--sf-c-txt-seagreen-0)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:10, html.auto .sf-c-txt-seagreen\:10 { color: hsl(var(--sf-c-txt-seagreen-10)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:20, html.auto .sf-c-txt-seagreen\:20 { color: hsl(var(--sf-c-txt-seagreen-20)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:30, html.auto .sf-c-txt-seagreen\:30 { color: hsl(var(--sf-c-txt-seagreen-30)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:40, html.auto .sf-c-txt-seagreen\:40 { color: hsl(var(--sf-c-txt-seagreen-40)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:50, html.auto .sf-c-txt-seagreen\:50 { color: hsl(var(--sf-c-txt-seagreen-50)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:60, html.auto .sf-c-txt-seagreen\:60 { color: hsl(var(--sf-c-txt-seagreen-60)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:70, html.auto .sf-c-txt-seagreen\:70 { color: hsl(var(--sf-c-txt-seagreen-70)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:80, html.auto .sf-c-txt-seagreen\:80 { color: hsl(var(--sf-c-txt-seagreen-80)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:90, html.auto .sf-c-txt-seagreen\:90 { color: hsl(var(--sf-c-txt-seagreen-90)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:100, html.auto .sf-c-txt-seagreen\:100 { color: hsl(var(--sf-c-txt-seagreen-100)) } + + html[data-theme='auto'] .sf-c-txt-seagreen\:dark, html.auto .sf-c-txt-seagreen\:dark { color: hsl(var(--sf-c-txt-seagreen)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:0\:dark, html.auto .sf-c-txt-seagreen\:0\:dark { color: hsl(var(--sf-c-txt-seagreen-0)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:10\:dark, html.auto .sf-c-txt-seagreen\:10\:dark { color: hsl(var(--sf-c-txt-seagreen-10)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:20\:dark, html.auto .sf-c-txt-seagreen\:20\:dark { color: hsl(var(--sf-c-txt-seagreen-20)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:30\:dark, html.auto .sf-c-txt-seagreen\:30\:dark { color: hsl(var(--sf-c-txt-seagreen-30)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:40\:dark, html.auto .sf-c-txt-seagreen\:40\:dark { color: hsl(var(--sf-c-txt-seagreen-40)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:50\:dark, html.auto .sf-c-txt-seagreen\:50\:dark { color: hsl(var(--sf-c-txt-seagreen-50)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:60\:dark, html.auto .sf-c-txt-seagreen\:60\:dark { color: hsl(var(--sf-c-txt-seagreen-60)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:70\:dark, html.auto .sf-c-txt-seagreen\:70\:dark { color: hsl(var(--sf-c-txt-seagreen-70)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:80\:dark, html.auto .sf-c-txt-seagreen\:80\:dark { color: hsl(var(--sf-c-txt-seagreen-80)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:90\:dark, html.auto .sf-c-txt-seagreen\:90\:dark { color: hsl(var(--sf-c-txt-seagreen-90)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:100\:dark, html.auto .sf-c-txt-seagreen\:100\:dark { color: hsl(var(--sf-c-txt-seagreen-100)) } + html.var[data-theme='auto'] .sf-c-seagreen, html.var.auto .sf-c-seagreen { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 64%) } html.var[data-theme='auto'] .sf-c-seagreen\:0, html.var.auto .sf-c-seagreen\:0 { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 100%) } html.var[data-theme='auto'] .sf-c-seagreen\:10, html.var.auto .sf-c-seagreen\:10 { color: hsl(146, 50%, 10%); background: hsl(146, 50%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-seagreen\:100\:dark, html.var.dark .sf-c-seagr html.var[data-theme='auto'] .sf-c-seagreen\:80\:dark, html.var.auto .sf-c-seagreen\:80\:dark { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 20%) } html.var[data-theme='auto'] .sf-c-seagreen\:90\:dark, html.var.auto .sf-c-seagreen\:90\:dark { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 10%) } html.var[data-theme='auto'] .sf-c-seagreen\:100\:dark, html.var.auto .sf-c-seagreen\:100\:dark { color: hsl(146, 50%, 90%); background: hsl(146, 50%, 0%) } -} -.sf-c-txt-seagreen { color: hsl(var(--sf-c-txt-seagreen)) } -.sf-c-txt-seagreen\:0 { color: hsl(var(--sf-c-txt-seagreen-0)) } -.sf-c-txt-seagreen\:10 { color: hsl(var(--sf-c-txt-seagreen-10)) } -.sf-c-txt-seagreen\:20 { color: hsl(var(--sf-c-txt-seagreen-20)) } -.sf-c-txt-seagreen\:30 { color: hsl(var(--sf-c-txt-seagreen-30)) } -.sf-c-txt-seagreen\:40 { color: hsl(var(--sf-c-txt-seagreen-40)) } -.sf-c-txt-seagreen\:50 { color: hsl(var(--sf-c-txt-seagreen-50)) } -.sf-c-txt-seagreen\:60 { color: hsl(var(--sf-c-txt-seagreen-60)) } -.sf-c-txt-seagreen\:70 { color: hsl(var(--sf-c-txt-seagreen-70)) } -.sf-c-txt-seagreen\:80 { color: hsl(var(--sf-c-txt-seagreen-80)) } -.sf-c-txt-seagreen\:90 { color: hsl(var(--sf-c-txt-seagreen-90)) } -.sf-c-txt-seagreen\:100 { color: hsl(var(--sf-c-txt-seagreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-seagreen, html.auto .sf-c-txt-seagreen { color: hsl(146, 50%, 36%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:0, html.auto .sf-c-txt-seagreen\:0 { color: hsl(146, 50%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:10, html.auto .sf-c-txt-seagreen\:10 { color: hsl(146, 50%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:20, html.auto .sf-c-txt-seagreen\:20 { color: hsl(146, 50%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:30, html.auto .sf-c-txt-seagreen\:30 { color: hsl(146, 50%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:40, html.auto .sf-c-txt-seagreen\:40 { color: hsl(146, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:50, html.auto .sf-c-txt-seagreen\:50 { color: hsl(146, 50%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:60, html.auto .sf-c-txt-seagreen\:60 { color: hsl(146, 50%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:70, html.auto .sf-c-txt-seagreen\:70 { color: hsl(146, 50%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:80, html.auto .sf-c-txt-seagreen\:80 { color: hsl(146, 50%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:90, html.auto .sf-c-txt-seagreen\:90 { color: hsl(146, 50%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:100, html.auto .sf-c-txt-seagreen\:100 { color: hsl(146, 50%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-seagreen\:dark, html.auto .sf-c-txt-seagreen\:dark { color: hsl(146, 50%, 36%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:0\:dark, html.auto .sf-c-txt-seagreen\:0\:dark { color: hsl(146, 50%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:10\:dark, html.auto .sf-c-txt-seagreen\:10\:dark { color: hsl(146, 50%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:20\:dark, html.auto .sf-c-txt-seagreen\:20\:dark { color: hsl(146, 50%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:30\:dark, html.auto .sf-c-txt-seagreen\:30\:dark { color: hsl(146, 50%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:40\:dark, html.auto .sf-c-txt-seagreen\:40\:dark { color: hsl(146, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:50\:dark, html.auto .sf-c-txt-seagreen\:50\:dark { color: hsl(146, 50%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:60\:dark, html.auto .sf-c-txt-seagreen\:60\:dark { color: hsl(146, 50%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:70\:dark, html.auto .sf-c-txt-seagreen\:70\:dark { color: hsl(146, 50%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:80\:dark, html.auto .sf-c-txt-seagreen\:80\:dark { color: hsl(146, 50%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:90\:dark, html.auto .sf-c-txt-seagreen\:90\:dark { color: hsl(146, 50%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:100\:dark, html.auto .sf-c-txt-seagreen\:100\:dark { color: hsl(146, 50%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/seashell.css b/src/colors/10/seashell.css index 5471af8..22fb182 100644 --- a/src/colors/10/seashell.css +++ b/src/colors/10/seashell.css @@ -78,6 +78,32 @@ html.var .sf-c-seashell\:80 { color: hsl(25, 100%, 10%); background: hsl(25, 100 html.var .sf-c-seashell\:90 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 90%) } html.var .sf-c-seashell\:100 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 100%) } +.sf-c-txt-seashell { color: hsl(var(--sf-dark-c-txt-seashell)) } +.sf-c-txt-seashell\:0 { color: hsl(var(--sf-dark-c-txt-seashell-100)) } +.sf-c-txt-seashell\:10 { color: hsl(var(--sf-dark-c-txt-seashell-90)) } +.sf-c-txt-seashell\:20 { color: hsl(var(--sf-dark-c-txt-seashell-80)) } +.sf-c-txt-seashell\:30 { color: hsl(var(--sf-dark-c-txt-seashell-70)) } +.sf-c-txt-seashell\:40 { color: hsl(var(--sf-dark-c-txt-seashell-60)) } +.sf-c-txt-seashell\:50 { color: hsl(var(--sf-dark-c-txt-seashell-50)) } +.sf-c-txt-seashell\:60 { color: hsl(var(--sf-dark-c-txt-seashell-40)) } +.sf-c-txt-seashell\:70 { color: hsl(var(--sf-dark-c-txt-seashell-30)) } +.sf-c-txt-seashell\:80 { color: hsl(var(--sf-dark-c-txt-seashell-20)) } +.sf-c-txt-seashell\:90 { color: hsl(var(--sf-dark-c-txt-seashell-10)) } +.sf-c-txt-seashell\:100 { color: hsl(var(--sf-dark-c-txt-seashell-0)) } + +html.var .sf-c-txt-seashell { color: hsl(25, 100%, 3%) } +html.var .sf-c-txt-seashell\:0 { color: hsl(25, 100%, 100%) } +html.var .sf-c-txt-seashell\:10 { color: hsl(25, 100%, 90%) } +html.var .sf-c-txt-seashell\:20 { color: hsl(25, 100%, 80%) } +html.var .sf-c-txt-seashell\:30 { color: hsl(25, 100%, 70%) } +html.var .sf-c-txt-seashell\:40 { color: hsl(25, 100%, 60%) } +html.var .sf-c-txt-seashell\:50 { color: hsl(25, 100%, 50%) } +html.var .sf-c-txt-seashell\:60 { color: hsl(25, 100%, 40%) } +html.var .sf-c-txt-seashell\:70 { color: hsl(25, 100%, 30%) } +html.var .sf-c-txt-seashell\:80 { color: hsl(25, 100%, 20%) } +html.var .sf-c-txt-seashell\:90 { color: hsl(25, 100%, 10%) } +html.var .sf-c-txt-seashell\:100 { color: hsl(25, 100%, 0%) } + html[data-theme='dark'] .sf-c-seashell, html.dark .sf-c-seashell { color: hsl(var(--sf-dark-c-txt-seashell-90)); background: hsl(var(--sf-dark-c-seashell)) } html[data-theme='dark'] .sf-c-seashell\:0, html.dark .sf-c-seashell\:0 { color: hsl(var(--sf-dark-c-txt-seashell-90)); background: hsl(var(--sf-dark-c-seashell-100)) } html[data-theme='dark'] .sf-c-seashell\:10, html.dark .sf-c-seashell\:10 { color: hsl(var(--sf-dark-c-txt-seashell-10)); background: hsl(var(--sf-dark-c-seashell-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-seashell\:80\:dark, html.dark .sf-c-seashell\:80\: html[data-theme='dark'] .sf-c-seashell\:90\:dark, html.dark .sf-c-seashell\:90\:dark { color: hsl(var(--sf-c-txt-seashell-90)); background: hsl(var(--sf-c-seashell-10)) } html[data-theme='dark'] .sf-c-seashell\:100\:dark, html.dark .sf-c-seashell\:100\:dark { color: hsl(var(--sf-c-txt-seashell-90)); background: hsl(var(--sf-c-seashell-0)) } +html[data-theme='dark'] .sf-c-txt-seashell, html.dark .sf-c-txt-seashell { color: hsl(var(--sf-c-txt-seashell)) } +html[data-theme='dark'] .sf-c-txt-seashell\:0, html.dark .sf-c-txt-seashell\:0 { color: hsl(var(--sf-c-txt-seashell-0)) } +html[data-theme='dark'] .sf-c-txt-seashell\:10, html.dark .sf-c-txt-seashell\:10 { color: hsl(var(--sf-c-txt-seashell-10)) } +html[data-theme='dark'] .sf-c-txt-seashell\:20, html.dark .sf-c-txt-seashell\:20 { color: hsl(var(--sf-c-txt-seashell-20)) } +html[data-theme='dark'] .sf-c-txt-seashell\:30, html.dark .sf-c-txt-seashell\:30 { color: hsl(var(--sf-c-txt-seashell-30)) } +html[data-theme='dark'] .sf-c-txt-seashell\:40, html.dark .sf-c-txt-seashell\:40 { color: hsl(var(--sf-c-txt-seashell-40)) } +html[data-theme='dark'] .sf-c-txt-seashell\:50, html.dark .sf-c-txt-seashell\:50 { color: hsl(var(--sf-c-txt-seashell-50)) } +html[data-theme='dark'] .sf-c-txt-seashell\:60, html.dark .sf-c-txt-seashell\:60 { color: hsl(var(--sf-c-txt-seashell-60)) } +html[data-theme='dark'] .sf-c-txt-seashell\:70, html.dark .sf-c-txt-seashell\:70 { color: hsl(var(--sf-c-txt-seashell-70)) } +html[data-theme='dark'] .sf-c-txt-seashell\:80, html.dark .sf-c-txt-seashell\:80 { color: hsl(var(--sf-c-txt-seashell-80)) } +html[data-theme='dark'] .sf-c-txt-seashell\:90, html.dark .sf-c-txt-seashell\:90 { color: hsl(var(--sf-c-txt-seashell-90)) } +html[data-theme='dark'] .sf-c-txt-seashell\:100, html.dark .sf-c-txt-seashell\:100 { color: hsl(var(--sf-c-txt-seashell-100)) } + +html[data-theme='dark'] .sf-c-txt-seashell\:dark, html.dark .sf-c-txt-seashell\:dark { color: hsl(var(--sf-c-txt-seashell)) } +html[data-theme='dark'] .sf-c-txt-seashell\:0\:dark, html.dark .sf-c-txt-seashell\:0\:dark { color: hsl(var(--sf-dark-c-txt-seashell-0)) } +html[data-theme='dark'] .sf-c-txt-seashell\:10\:dark, html.dark .sf-c-txt-seashell\:10\:dark { color: hsl(var(--sf-dark-c-txt-seashell-10)) } +html[data-theme='dark'] .sf-c-txt-seashell\:20\:dark, html.dark .sf-c-txt-seashell\:20\:dark { color: hsl(var(--sf-dark-c-txt-seashell-20)) } +html[data-theme='dark'] .sf-c-txt-seashell\:30\:dark, html.dark .sf-c-txt-seashell\:30\:dark { color: hsl(var(--sf-dark-c-txt-seashell-30)) } +html[data-theme='dark'] .sf-c-txt-seashell\:40\:dark, html.dark .sf-c-txt-seashell\:40\:dark { color: hsl(var(--sf-dark-c-txt-seashell-40)) } +html[data-theme='dark'] .sf-c-txt-seashell\:50\:dark, html.dark .sf-c-txt-seashell\:50\:dark { color: hsl(var(--sf-dark-c-txt-seashell-50)) } +html[data-theme='dark'] .sf-c-txt-seashell\:60\:dark, html.dark .sf-c-txt-seashell\:60\:dark { color: hsl(var(--sf-dark-c-txt-seashell-60)) } +html[data-theme='dark'] .sf-c-txt-seashell\:70\:dark, html.dark .sf-c-txt-seashell\:70\:dark { color: hsl(var(--sf-dark-c-txt-seashell-70)) } +html[data-theme='dark'] .sf-c-txt-seashell\:80\:dark, html.dark .sf-c-txt-seashell\:80\:dark { color: hsl(var(--sf-dark-c-txt-seashell-80)) } +html[data-theme='dark'] .sf-c-txt-seashell\:90\:dark, html.dark .sf-c-txt-seashell\:90\:dark { color: hsl(var(--sf-dark-c-txt-seashell-90)) } +html[data-theme='dark'] .sf-c-txt-seashell\:100\:dark, html.dark .sf-c-txt-seashell\:100\:dark { color: hsl(var(--sf-dark-c-txt-seashell-100)) } + html.var[data-theme='dark'] .sf-c-seashell, html.var.dark .sf-c-seashell { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 3%) } html.var[data-theme='dark'] .sf-c-seashell\:0, html.var.dark .sf-c-seashell\:0 { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 100%) } html.var[data-theme='dark'] .sf-c-seashell\:10, html.var.dark .sf-c-seashell\:10 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-seashell\:80\:dark, html.var.dark .sf-c-seashe html.var[data-theme='dark'] .sf-c-seashell\:90\:dark, html.var.dark .sf-c-seashell\:90\:dark { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 10%) } html.var[data-theme='dark'] .sf-c-seashell\:100\:dark, html.var.dark .sf-c-seashell\:100\:dark { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-seashell, html.dark .sf-c-txt-seashell { color: hsl(25, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:0, html.dark .sf-c-txt-seashell\:0 { color: hsl(25, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:10, html.dark .sf-c-txt-seashell\:10 { color: hsl(25, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:20, html.dark .sf-c-txt-seashell\:20 { color: hsl(25, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:30, html.dark .sf-c-txt-seashell\:30 { color: hsl(25, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:40, html.dark .sf-c-txt-seashell\:40 { color: hsl(25, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:50, html.dark .sf-c-txt-seashell\:50 { color: hsl(25, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:60, html.dark .sf-c-txt-seashell\:60 { color: hsl(25, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:70, html.dark .sf-c-txt-seashell\:70 { color: hsl(25, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:80, html.dark .sf-c-txt-seashell\:80 { color: hsl(25, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:90, html.dark .sf-c-txt-seashell\:90 { color: hsl(25, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:100, html.dark .sf-c-txt-seashell\:100 { color: hsl(25, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-seashell\:dark, html.dark .sf-c-txt-seashell\:dark { color: hsl(25, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:0\:dark, html.dark .sf-c-txt-seashell\:0\:dark { color: hsl(25, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:10\:dark, html.dark .sf-c-txt-seashell\:10\:dark { color: hsl(25, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:20\:dark, html.dark .sf-c-txt-seashell\:20\:dark { color: hsl(25, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:30\:dark, html.dark .sf-c-txt-seashell\:30\:dark { color: hsl(25, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:40\:dark, html.dark .sf-c-txt-seashell\:40\:dark { color: hsl(25, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:50\:dark, html.dark .sf-c-txt-seashell\:50\:dark { color: hsl(25, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:60\:dark, html.dark .sf-c-txt-seashell\:60\:dark { color: hsl(25, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:70\:dark, html.dark .sf-c-txt-seashell\:70\:dark { color: hsl(25, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:80\:dark, html.dark .sf-c-txt-seashell\:80\:dark { color: hsl(25, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:90\:dark, html.dark .sf-c-txt-seashell\:90\:dark { color: hsl(25, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:100\:dark, html.dark .sf-c-txt-seashell\:100\:dark { color: hsl(25, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-seashell, html.auto .sf-c-seashell { color: hsl(var(--sf-dark-c-txt-seashell-90)); background: hsl(var(--sf-dark-c-seashell)) } html[data-theme='auto'] .sf-c-seashell\:0, html.auto .sf-c-seashell\:0 { color: hsl(var(--sf-dark-c-txt-seashell-90)); background: hsl(var(--sf-dark-c-seashell-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-seashell\:100\:dark, html.var.dark .sf-c-seash html[data-theme='auto'] .sf-c-seashell\:90\:dark, html.auto .sf-c-seashell\:90\:dark { color: hsl(var(--sf-c-txt-seashell-90)); background: hsl(var(--sf-c-seashell-10)) } html[data-theme='auto'] .sf-c-seashell\:100\:dark, html.auto .sf-c-seashell\:100\:dark { color: hsl(var(--sf-c-txt-seashell-90)); background: hsl(var(--sf-c-seashell-0)) } + html[data-theme='auto'] .sf-c-txt-seashell, html.auto .sf-c-txt-seashell { color: hsl(var(--sf-c-txt-seashell)) } + html[data-theme='auto'] .sf-c-txt-seashell\:0, html.auto .sf-c-txt-seashell\:0 { color: hsl(var(--sf-c-txt-seashell-0)) } + html[data-theme='auto'] .sf-c-txt-seashell\:10, html.auto .sf-c-txt-seashell\:10 { color: hsl(var(--sf-c-txt-seashell-10)) } + html[data-theme='auto'] .sf-c-txt-seashell\:20, html.auto .sf-c-txt-seashell\:20 { color: hsl(var(--sf-c-txt-seashell-20)) } + html[data-theme='auto'] .sf-c-txt-seashell\:30, html.auto .sf-c-txt-seashell\:30 { color: hsl(var(--sf-c-txt-seashell-30)) } + html[data-theme='auto'] .sf-c-txt-seashell\:40, html.auto .sf-c-txt-seashell\:40 { color: hsl(var(--sf-c-txt-seashell-40)) } + html[data-theme='auto'] .sf-c-txt-seashell\:50, html.auto .sf-c-txt-seashell\:50 { color: hsl(var(--sf-c-txt-seashell-50)) } + html[data-theme='auto'] .sf-c-txt-seashell\:60, html.auto .sf-c-txt-seashell\:60 { color: hsl(var(--sf-c-txt-seashell-60)) } + html[data-theme='auto'] .sf-c-txt-seashell\:70, html.auto .sf-c-txt-seashell\:70 { color: hsl(var(--sf-c-txt-seashell-70)) } + html[data-theme='auto'] .sf-c-txt-seashell\:80, html.auto .sf-c-txt-seashell\:80 { color: hsl(var(--sf-c-txt-seashell-80)) } + html[data-theme='auto'] .sf-c-txt-seashell\:90, html.auto .sf-c-txt-seashell\:90 { color: hsl(var(--sf-c-txt-seashell-90)) } + html[data-theme='auto'] .sf-c-txt-seashell\:100, html.auto .sf-c-txt-seashell\:100 { color: hsl(var(--sf-c-txt-seashell-100)) } + + html[data-theme='auto'] .sf-c-txt-seashell\:dark, html.auto .sf-c-txt-seashell\:dark { color: hsl(var(--sf-c-txt-seashell)) } + html[data-theme='auto'] .sf-c-txt-seashell\:0\:dark, html.auto .sf-c-txt-seashell\:0\:dark { color: hsl(var(--sf-c-txt-seashell-0)) } + html[data-theme='auto'] .sf-c-txt-seashell\:10\:dark, html.auto .sf-c-txt-seashell\:10\:dark { color: hsl(var(--sf-c-txt-seashell-10)) } + html[data-theme='auto'] .sf-c-txt-seashell\:20\:dark, html.auto .sf-c-txt-seashell\:20\:dark { color: hsl(var(--sf-c-txt-seashell-20)) } + html[data-theme='auto'] .sf-c-txt-seashell\:30\:dark, html.auto .sf-c-txt-seashell\:30\:dark { color: hsl(var(--sf-c-txt-seashell-30)) } + html[data-theme='auto'] .sf-c-txt-seashell\:40\:dark, html.auto .sf-c-txt-seashell\:40\:dark { color: hsl(var(--sf-c-txt-seashell-40)) } + html[data-theme='auto'] .sf-c-txt-seashell\:50\:dark, html.auto .sf-c-txt-seashell\:50\:dark { color: hsl(var(--sf-c-txt-seashell-50)) } + html[data-theme='auto'] .sf-c-txt-seashell\:60\:dark, html.auto .sf-c-txt-seashell\:60\:dark { color: hsl(var(--sf-c-txt-seashell-60)) } + html[data-theme='auto'] .sf-c-txt-seashell\:70\:dark, html.auto .sf-c-txt-seashell\:70\:dark { color: hsl(var(--sf-c-txt-seashell-70)) } + html[data-theme='auto'] .sf-c-txt-seashell\:80\:dark, html.auto .sf-c-txt-seashell\:80\:dark { color: hsl(var(--sf-c-txt-seashell-80)) } + html[data-theme='auto'] .sf-c-txt-seashell\:90\:dark, html.auto .sf-c-txt-seashell\:90\:dark { color: hsl(var(--sf-c-txt-seashell-90)) } + html[data-theme='auto'] .sf-c-txt-seashell\:100\:dark, html.auto .sf-c-txt-seashell\:100\:dark { color: hsl(var(--sf-c-txt-seashell-100)) } + html.var[data-theme='auto'] .sf-c-seashell, html.var.auto .sf-c-seashell { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 3%) } html.var[data-theme='auto'] .sf-c-seashell\:0, html.var.auto .sf-c-seashell\:0 { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 100%) } html.var[data-theme='auto'] .sf-c-seashell\:10, html.var.auto .sf-c-seashell\:10 { color: hsl(25, 100%, 10%); background: hsl(25, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-seashell\:100\:dark, html.var.dark .sf-c-seash html.var[data-theme='auto'] .sf-c-seashell\:80\:dark, html.var.auto .sf-c-seashell\:80\:dark { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 20%) } html.var[data-theme='auto'] .sf-c-seashell\:90\:dark, html.var.auto .sf-c-seashell\:90\:dark { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 10%) } html.var[data-theme='auto'] .sf-c-seashell\:100\:dark, html.var.auto .sf-c-seashell\:100\:dark { color: hsl(25, 100%, 90%); background: hsl(25, 100%, 0%) } -} -.sf-c-txt-seashell { color: hsl(var(--sf-c-txt-seashell)) } -.sf-c-txt-seashell\:0 { color: hsl(var(--sf-c-txt-seashell-0)) } -.sf-c-txt-seashell\:10 { color: hsl(var(--sf-c-txt-seashell-10)) } -.sf-c-txt-seashell\:20 { color: hsl(var(--sf-c-txt-seashell-20)) } -.sf-c-txt-seashell\:30 { color: hsl(var(--sf-c-txt-seashell-30)) } -.sf-c-txt-seashell\:40 { color: hsl(var(--sf-c-txt-seashell-40)) } -.sf-c-txt-seashell\:50 { color: hsl(var(--sf-c-txt-seashell-50)) } -.sf-c-txt-seashell\:60 { color: hsl(var(--sf-c-txt-seashell-60)) } -.sf-c-txt-seashell\:70 { color: hsl(var(--sf-c-txt-seashell-70)) } -.sf-c-txt-seashell\:80 { color: hsl(var(--sf-c-txt-seashell-80)) } -.sf-c-txt-seashell\:90 { color: hsl(var(--sf-c-txt-seashell-90)) } -.sf-c-txt-seashell\:100 { color: hsl(var(--sf-c-txt-seashell-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-seashell, html.auto .sf-c-txt-seashell { color: hsl(25, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:0, html.auto .sf-c-txt-seashell\:0 { color: hsl(25, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:10, html.auto .sf-c-txt-seashell\:10 { color: hsl(25, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:20, html.auto .sf-c-txt-seashell\:20 { color: hsl(25, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:30, html.auto .sf-c-txt-seashell\:30 { color: hsl(25, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:40, html.auto .sf-c-txt-seashell\:40 { color: hsl(25, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:50, html.auto .sf-c-txt-seashell\:50 { color: hsl(25, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:60, html.auto .sf-c-txt-seashell\:60 { color: hsl(25, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:70, html.auto .sf-c-txt-seashell\:70 { color: hsl(25, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:80, html.auto .sf-c-txt-seashell\:80 { color: hsl(25, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:90, html.auto .sf-c-txt-seashell\:90 { color: hsl(25, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:100, html.auto .sf-c-txt-seashell\:100 { color: hsl(25, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-seashell\:dark, html.auto .sf-c-txt-seashell\:dark { color: hsl(25, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:0\:dark, html.auto .sf-c-txt-seashell\:0\:dark { color: hsl(25, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:10\:dark, html.auto .sf-c-txt-seashell\:10\:dark { color: hsl(25, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:20\:dark, html.auto .sf-c-txt-seashell\:20\:dark { color: hsl(25, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:30\:dark, html.auto .sf-c-txt-seashell\:30\:dark { color: hsl(25, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:40\:dark, html.auto .sf-c-txt-seashell\:40\:dark { color: hsl(25, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:50\:dark, html.auto .sf-c-txt-seashell\:50\:dark { color: hsl(25, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:60\:dark, html.auto .sf-c-txt-seashell\:60\:dark { color: hsl(25, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:70\:dark, html.auto .sf-c-txt-seashell\:70\:dark { color: hsl(25, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:80\:dark, html.auto .sf-c-txt-seashell\:80\:dark { color: hsl(25, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:90\:dark, html.auto .sf-c-txt-seashell\:90\:dark { color: hsl(25, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:100\:dark, html.auto .sf-c-txt-seashell\:100\:dark { color: hsl(25, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/sienna.css b/src/colors/10/sienna.css index d04d73e..c307820 100644 --- a/src/colors/10/sienna.css +++ b/src/colors/10/sienna.css @@ -78,6 +78,32 @@ html.var .sf-c-sienna\:80 { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 8 html.var .sf-c-sienna\:90 { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 90%) } html.var .sf-c-sienna\:100 { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 100%) } +.sf-c-txt-sienna { color: hsl(var(--sf-dark-c-txt-sienna)) } +.sf-c-txt-sienna\:0 { color: hsl(var(--sf-dark-c-txt-sienna-100)) } +.sf-c-txt-sienna\:10 { color: hsl(var(--sf-dark-c-txt-sienna-90)) } +.sf-c-txt-sienna\:20 { color: hsl(var(--sf-dark-c-txt-sienna-80)) } +.sf-c-txt-sienna\:30 { color: hsl(var(--sf-dark-c-txt-sienna-70)) } +.sf-c-txt-sienna\:40 { color: hsl(var(--sf-dark-c-txt-sienna-60)) } +.sf-c-txt-sienna\:50 { color: hsl(var(--sf-dark-c-txt-sienna-50)) } +.sf-c-txt-sienna\:60 { color: hsl(var(--sf-dark-c-txt-sienna-40)) } +.sf-c-txt-sienna\:70 { color: hsl(var(--sf-dark-c-txt-sienna-30)) } +.sf-c-txt-sienna\:80 { color: hsl(var(--sf-dark-c-txt-sienna-20)) } +.sf-c-txt-sienna\:90 { color: hsl(var(--sf-dark-c-txt-sienna-10)) } +.sf-c-txt-sienna\:100 { color: hsl(var(--sf-dark-c-txt-sienna-0)) } + +html.var .sf-c-txt-sienna { color: hsl(19, 56%, 60%) } +html.var .sf-c-txt-sienna\:0 { color: hsl(19, 56%, 100%) } +html.var .sf-c-txt-sienna\:10 { color: hsl(19, 56%, 90%) } +html.var .sf-c-txt-sienna\:20 { color: hsl(19, 56%, 80%) } +html.var .sf-c-txt-sienna\:30 { color: hsl(19, 56%, 70%) } +html.var .sf-c-txt-sienna\:40 { color: hsl(19, 56%, 60%) } +html.var .sf-c-txt-sienna\:50 { color: hsl(19, 56%, 50%) } +html.var .sf-c-txt-sienna\:60 { color: hsl(19, 56%, 40%) } +html.var .sf-c-txt-sienna\:70 { color: hsl(19, 56%, 30%) } +html.var .sf-c-txt-sienna\:80 { color: hsl(19, 56%, 20%) } +html.var .sf-c-txt-sienna\:90 { color: hsl(19, 56%, 10%) } +html.var .sf-c-txt-sienna\:100 { color: hsl(19, 56%, 0%) } + html[data-theme='dark'] .sf-c-sienna, html.dark .sf-c-sienna { color: hsl(var(--sf-dark-c-txt-sienna-10)); background: hsl(var(--sf-dark-c-sienna)) } html[data-theme='dark'] .sf-c-sienna\:0, html.dark .sf-c-sienna\:0 { color: hsl(var(--sf-dark-c-txt-sienna-90)); background: hsl(var(--sf-dark-c-sienna-100)) } html[data-theme='dark'] .sf-c-sienna\:10, html.dark .sf-c-sienna\:10 { color: hsl(var(--sf-dark-c-txt-sienna-10)); background: hsl(var(--sf-dark-c-sienna-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-sienna\:80\:dark, html.dark .sf-c-sienna\:80\:dark html[data-theme='dark'] .sf-c-sienna\:90\:dark, html.dark .sf-c-sienna\:90\:dark { color: hsl(var(--sf-c-txt-sienna-90)); background: hsl(var(--sf-c-sienna-10)) } html[data-theme='dark'] .sf-c-sienna\:100\:dark, html.dark .sf-c-sienna\:100\:dark { color: hsl(var(--sf-c-txt-sienna-90)); background: hsl(var(--sf-c-sienna-0)) } +html[data-theme='dark'] .sf-c-txt-sienna, html.dark .sf-c-txt-sienna { color: hsl(var(--sf-c-txt-sienna)) } +html[data-theme='dark'] .sf-c-txt-sienna\:0, html.dark .sf-c-txt-sienna\:0 { color: hsl(var(--sf-c-txt-sienna-0)) } +html[data-theme='dark'] .sf-c-txt-sienna\:10, html.dark .sf-c-txt-sienna\:10 { color: hsl(var(--sf-c-txt-sienna-10)) } +html[data-theme='dark'] .sf-c-txt-sienna\:20, html.dark .sf-c-txt-sienna\:20 { color: hsl(var(--sf-c-txt-sienna-20)) } +html[data-theme='dark'] .sf-c-txt-sienna\:30, html.dark .sf-c-txt-sienna\:30 { color: hsl(var(--sf-c-txt-sienna-30)) } +html[data-theme='dark'] .sf-c-txt-sienna\:40, html.dark .sf-c-txt-sienna\:40 { color: hsl(var(--sf-c-txt-sienna-40)) } +html[data-theme='dark'] .sf-c-txt-sienna\:50, html.dark .sf-c-txt-sienna\:50 { color: hsl(var(--sf-c-txt-sienna-50)) } +html[data-theme='dark'] .sf-c-txt-sienna\:60, html.dark .sf-c-txt-sienna\:60 { color: hsl(var(--sf-c-txt-sienna-60)) } +html[data-theme='dark'] .sf-c-txt-sienna\:70, html.dark .sf-c-txt-sienna\:70 { color: hsl(var(--sf-c-txt-sienna-70)) } +html[data-theme='dark'] .sf-c-txt-sienna\:80, html.dark .sf-c-txt-sienna\:80 { color: hsl(var(--sf-c-txt-sienna-80)) } +html[data-theme='dark'] .sf-c-txt-sienna\:90, html.dark .sf-c-txt-sienna\:90 { color: hsl(var(--sf-c-txt-sienna-90)) } +html[data-theme='dark'] .sf-c-txt-sienna\:100, html.dark .sf-c-txt-sienna\:100 { color: hsl(var(--sf-c-txt-sienna-100)) } + +html[data-theme='dark'] .sf-c-txt-sienna\:dark, html.dark .sf-c-txt-sienna\:dark { color: hsl(var(--sf-c-txt-sienna)) } +html[data-theme='dark'] .sf-c-txt-sienna\:0\:dark, html.dark .sf-c-txt-sienna\:0\:dark { color: hsl(var(--sf-dark-c-txt-sienna-0)) } +html[data-theme='dark'] .sf-c-txt-sienna\:10\:dark, html.dark .sf-c-txt-sienna\:10\:dark { color: hsl(var(--sf-dark-c-txt-sienna-10)) } +html[data-theme='dark'] .sf-c-txt-sienna\:20\:dark, html.dark .sf-c-txt-sienna\:20\:dark { color: hsl(var(--sf-dark-c-txt-sienna-20)) } +html[data-theme='dark'] .sf-c-txt-sienna\:30\:dark, html.dark .sf-c-txt-sienna\:30\:dark { color: hsl(var(--sf-dark-c-txt-sienna-30)) } +html[data-theme='dark'] .sf-c-txt-sienna\:40\:dark, html.dark .sf-c-txt-sienna\:40\:dark { color: hsl(var(--sf-dark-c-txt-sienna-40)) } +html[data-theme='dark'] .sf-c-txt-sienna\:50\:dark, html.dark .sf-c-txt-sienna\:50\:dark { color: hsl(var(--sf-dark-c-txt-sienna-50)) } +html[data-theme='dark'] .sf-c-txt-sienna\:60\:dark, html.dark .sf-c-txt-sienna\:60\:dark { color: hsl(var(--sf-dark-c-txt-sienna-60)) } +html[data-theme='dark'] .sf-c-txt-sienna\:70\:dark, html.dark .sf-c-txt-sienna\:70\:dark { color: hsl(var(--sf-dark-c-txt-sienna-70)) } +html[data-theme='dark'] .sf-c-txt-sienna\:80\:dark, html.dark .sf-c-txt-sienna\:80\:dark { color: hsl(var(--sf-dark-c-txt-sienna-80)) } +html[data-theme='dark'] .sf-c-txt-sienna\:90\:dark, html.dark .sf-c-txt-sienna\:90\:dark { color: hsl(var(--sf-dark-c-txt-sienna-90)) } +html[data-theme='dark'] .sf-c-txt-sienna\:100\:dark, html.dark .sf-c-txt-sienna\:100\:dark { color: hsl(var(--sf-dark-c-txt-sienna-100)) } + html.var[data-theme='dark'] .sf-c-sienna, html.var.dark .sf-c-sienna { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 60%) } html.var[data-theme='dark'] .sf-c-sienna\:0, html.var.dark .sf-c-sienna\:0 { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 100%) } html.var[data-theme='dark'] .sf-c-sienna\:10, html.var.dark .sf-c-sienna\:10 { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-sienna\:80\:dark, html.var.dark .sf-c-sienna\: html.var[data-theme='dark'] .sf-c-sienna\:90\:dark, html.var.dark .sf-c-sienna\:90\:dark { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 10%) } html.var[data-theme='dark'] .sf-c-sienna\:100\:dark, html.var.dark .sf-c-sienna\:100\:dark { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-sienna, html.dark .sf-c-txt-sienna { color: hsl(19, 56%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:0, html.dark .sf-c-txt-sienna\:0 { color: hsl(19, 56%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:10, html.dark .sf-c-txt-sienna\:10 { color: hsl(19, 56%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:20, html.dark .sf-c-txt-sienna\:20 { color: hsl(19, 56%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:30, html.dark .sf-c-txt-sienna\:30 { color: hsl(19, 56%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:40, html.dark .sf-c-txt-sienna\:40 { color: hsl(19, 56%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:50, html.dark .sf-c-txt-sienna\:50 { color: hsl(19, 56%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:60, html.dark .sf-c-txt-sienna\:60 { color: hsl(19, 56%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:70, html.dark .sf-c-txt-sienna\:70 { color: hsl(19, 56%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:80, html.dark .sf-c-txt-sienna\:80 { color: hsl(19, 56%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:90, html.dark .sf-c-txt-sienna\:90 { color: hsl(19, 56%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:100, html.dark .sf-c-txt-sienna\:100 { color: hsl(19, 56%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-sienna\:dark, html.dark .sf-c-txt-sienna\:dark { color: hsl(19, 56%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:0\:dark, html.dark .sf-c-txt-sienna\:0\:dark { color: hsl(19, 56%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:10\:dark, html.dark .sf-c-txt-sienna\:10\:dark { color: hsl(19, 56%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:20\:dark, html.dark .sf-c-txt-sienna\:20\:dark { color: hsl(19, 56%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:30\:dark, html.dark .sf-c-txt-sienna\:30\:dark { color: hsl(19, 56%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:40\:dark, html.dark .sf-c-txt-sienna\:40\:dark { color: hsl(19, 56%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:50\:dark, html.dark .sf-c-txt-sienna\:50\:dark { color: hsl(19, 56%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:60\:dark, html.dark .sf-c-txt-sienna\:60\:dark { color: hsl(19, 56%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:70\:dark, html.dark .sf-c-txt-sienna\:70\:dark { color: hsl(19, 56%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:80\:dark, html.dark .sf-c-txt-sienna\:80\:dark { color: hsl(19, 56%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:90\:dark, html.dark .sf-c-txt-sienna\:90\:dark { color: hsl(19, 56%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:100\:dark, html.dark .sf-c-txt-sienna\:100\:dark { color: hsl(19, 56%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-sienna, html.auto .sf-c-sienna { color: hsl(var(--sf-dark-c-txt-sienna-10)); background: hsl(var(--sf-dark-c-sienna)) } html[data-theme='auto'] .sf-c-sienna\:0, html.auto .sf-c-sienna\:0 { color: hsl(var(--sf-dark-c-txt-sienna-90)); background: hsl(var(--sf-dark-c-sienna-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-sienna\:100\:dark, html.var.dark .sf-c-sienna\ html[data-theme='auto'] .sf-c-sienna\:90\:dark, html.auto .sf-c-sienna\:90\:dark { color: hsl(var(--sf-c-txt-sienna-90)); background: hsl(var(--sf-c-sienna-10)) } html[data-theme='auto'] .sf-c-sienna\:100\:dark, html.auto .sf-c-sienna\:100\:dark { color: hsl(var(--sf-c-txt-sienna-90)); background: hsl(var(--sf-c-sienna-0)) } + html[data-theme='auto'] .sf-c-txt-sienna, html.auto .sf-c-txt-sienna { color: hsl(var(--sf-c-txt-sienna)) } + html[data-theme='auto'] .sf-c-txt-sienna\:0, html.auto .sf-c-txt-sienna\:0 { color: hsl(var(--sf-c-txt-sienna-0)) } + html[data-theme='auto'] .sf-c-txt-sienna\:10, html.auto .sf-c-txt-sienna\:10 { color: hsl(var(--sf-c-txt-sienna-10)) } + html[data-theme='auto'] .sf-c-txt-sienna\:20, html.auto .sf-c-txt-sienna\:20 { color: hsl(var(--sf-c-txt-sienna-20)) } + html[data-theme='auto'] .sf-c-txt-sienna\:30, html.auto .sf-c-txt-sienna\:30 { color: hsl(var(--sf-c-txt-sienna-30)) } + html[data-theme='auto'] .sf-c-txt-sienna\:40, html.auto .sf-c-txt-sienna\:40 { color: hsl(var(--sf-c-txt-sienna-40)) } + html[data-theme='auto'] .sf-c-txt-sienna\:50, html.auto .sf-c-txt-sienna\:50 { color: hsl(var(--sf-c-txt-sienna-50)) } + html[data-theme='auto'] .sf-c-txt-sienna\:60, html.auto .sf-c-txt-sienna\:60 { color: hsl(var(--sf-c-txt-sienna-60)) } + html[data-theme='auto'] .sf-c-txt-sienna\:70, html.auto .sf-c-txt-sienna\:70 { color: hsl(var(--sf-c-txt-sienna-70)) } + html[data-theme='auto'] .sf-c-txt-sienna\:80, html.auto .sf-c-txt-sienna\:80 { color: hsl(var(--sf-c-txt-sienna-80)) } + html[data-theme='auto'] .sf-c-txt-sienna\:90, html.auto .sf-c-txt-sienna\:90 { color: hsl(var(--sf-c-txt-sienna-90)) } + html[data-theme='auto'] .sf-c-txt-sienna\:100, html.auto .sf-c-txt-sienna\:100 { color: hsl(var(--sf-c-txt-sienna-100)) } + + html[data-theme='auto'] .sf-c-txt-sienna\:dark, html.auto .sf-c-txt-sienna\:dark { color: hsl(var(--sf-c-txt-sienna)) } + html[data-theme='auto'] .sf-c-txt-sienna\:0\:dark, html.auto .sf-c-txt-sienna\:0\:dark { color: hsl(var(--sf-c-txt-sienna-0)) } + html[data-theme='auto'] .sf-c-txt-sienna\:10\:dark, html.auto .sf-c-txt-sienna\:10\:dark { color: hsl(var(--sf-c-txt-sienna-10)) } + html[data-theme='auto'] .sf-c-txt-sienna\:20\:dark, html.auto .sf-c-txt-sienna\:20\:dark { color: hsl(var(--sf-c-txt-sienna-20)) } + html[data-theme='auto'] .sf-c-txt-sienna\:30\:dark, html.auto .sf-c-txt-sienna\:30\:dark { color: hsl(var(--sf-c-txt-sienna-30)) } + html[data-theme='auto'] .sf-c-txt-sienna\:40\:dark, html.auto .sf-c-txt-sienna\:40\:dark { color: hsl(var(--sf-c-txt-sienna-40)) } + html[data-theme='auto'] .sf-c-txt-sienna\:50\:dark, html.auto .sf-c-txt-sienna\:50\:dark { color: hsl(var(--sf-c-txt-sienna-50)) } + html[data-theme='auto'] .sf-c-txt-sienna\:60\:dark, html.auto .sf-c-txt-sienna\:60\:dark { color: hsl(var(--sf-c-txt-sienna-60)) } + html[data-theme='auto'] .sf-c-txt-sienna\:70\:dark, html.auto .sf-c-txt-sienna\:70\:dark { color: hsl(var(--sf-c-txt-sienna-70)) } + html[data-theme='auto'] .sf-c-txt-sienna\:80\:dark, html.auto .sf-c-txt-sienna\:80\:dark { color: hsl(var(--sf-c-txt-sienna-80)) } + html[data-theme='auto'] .sf-c-txt-sienna\:90\:dark, html.auto .sf-c-txt-sienna\:90\:dark { color: hsl(var(--sf-c-txt-sienna-90)) } + html[data-theme='auto'] .sf-c-txt-sienna\:100\:dark, html.auto .sf-c-txt-sienna\:100\:dark { color: hsl(var(--sf-c-txt-sienna-100)) } + html.var[data-theme='auto'] .sf-c-sienna, html.var.auto .sf-c-sienna { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 60%) } html.var[data-theme='auto'] .sf-c-sienna\:0, html.var.auto .sf-c-sienna\:0 { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 100%) } html.var[data-theme='auto'] .sf-c-sienna\:10, html.var.auto .sf-c-sienna\:10 { color: hsl(19, 56%, 10%); background: hsl(19, 56%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-sienna\:100\:dark, html.var.dark .sf-c-sienna\ html.var[data-theme='auto'] .sf-c-sienna\:80\:dark, html.var.auto .sf-c-sienna\:80\:dark { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 20%) } html.var[data-theme='auto'] .sf-c-sienna\:90\:dark, html.var.auto .sf-c-sienna\:90\:dark { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 10%) } html.var[data-theme='auto'] .sf-c-sienna\:100\:dark, html.var.auto .sf-c-sienna\:100\:dark { color: hsl(19, 56%, 90%); background: hsl(19, 56%, 0%) } -} -.sf-c-txt-sienna { color: hsl(var(--sf-c-txt-sienna)) } -.sf-c-txt-sienna\:0 { color: hsl(var(--sf-c-txt-sienna-0)) } -.sf-c-txt-sienna\:10 { color: hsl(var(--sf-c-txt-sienna-10)) } -.sf-c-txt-sienna\:20 { color: hsl(var(--sf-c-txt-sienna-20)) } -.sf-c-txt-sienna\:30 { color: hsl(var(--sf-c-txt-sienna-30)) } -.sf-c-txt-sienna\:40 { color: hsl(var(--sf-c-txt-sienna-40)) } -.sf-c-txt-sienna\:50 { color: hsl(var(--sf-c-txt-sienna-50)) } -.sf-c-txt-sienna\:60 { color: hsl(var(--sf-c-txt-sienna-60)) } -.sf-c-txt-sienna\:70 { color: hsl(var(--sf-c-txt-sienna-70)) } -.sf-c-txt-sienna\:80 { color: hsl(var(--sf-c-txt-sienna-80)) } -.sf-c-txt-sienna\:90 { color: hsl(var(--sf-c-txt-sienna-90)) } -.sf-c-txt-sienna\:100 { color: hsl(var(--sf-c-txt-sienna-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-sienna, html.auto .sf-c-txt-sienna { color: hsl(19, 56%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:0, html.auto .sf-c-txt-sienna\:0 { color: hsl(19, 56%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:10, html.auto .sf-c-txt-sienna\:10 { color: hsl(19, 56%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:20, html.auto .sf-c-txt-sienna\:20 { color: hsl(19, 56%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:30, html.auto .sf-c-txt-sienna\:30 { color: hsl(19, 56%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:40, html.auto .sf-c-txt-sienna\:40 { color: hsl(19, 56%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:50, html.auto .sf-c-txt-sienna\:50 { color: hsl(19, 56%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:60, html.auto .sf-c-txt-sienna\:60 { color: hsl(19, 56%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:70, html.auto .sf-c-txt-sienna\:70 { color: hsl(19, 56%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:80, html.auto .sf-c-txt-sienna\:80 { color: hsl(19, 56%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:90, html.auto .sf-c-txt-sienna\:90 { color: hsl(19, 56%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:100, html.auto .sf-c-txt-sienna\:100 { color: hsl(19, 56%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-sienna\:dark, html.auto .sf-c-txt-sienna\:dark { color: hsl(19, 56%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:0\:dark, html.auto .sf-c-txt-sienna\:0\:dark { color: hsl(19, 56%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:10\:dark, html.auto .sf-c-txt-sienna\:10\:dark { color: hsl(19, 56%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:20\:dark, html.auto .sf-c-txt-sienna\:20\:dark { color: hsl(19, 56%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:30\:dark, html.auto .sf-c-txt-sienna\:30\:dark { color: hsl(19, 56%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:40\:dark, html.auto .sf-c-txt-sienna\:40\:dark { color: hsl(19, 56%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:50\:dark, html.auto .sf-c-txt-sienna\:50\:dark { color: hsl(19, 56%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:60\:dark, html.auto .sf-c-txt-sienna\:60\:dark { color: hsl(19, 56%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:70\:dark, html.auto .sf-c-txt-sienna\:70\:dark { color: hsl(19, 56%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:80\:dark, html.auto .sf-c-txt-sienna\:80\:dark { color: hsl(19, 56%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:90\:dark, html.auto .sf-c-txt-sienna\:90\:dark { color: hsl(19, 56%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:100\:dark, html.auto .sf-c-txt-sienna\:100\:dark { color: hsl(19, 56%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/silver.css b/src/colors/10/silver.css index b633bdd..3cad68e 100644 --- a/src/colors/10/silver.css +++ b/src/colors/10/silver.css @@ -78,6 +78,32 @@ html.var .sf-c-silver\:80 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) html.var .sf-c-silver\:90 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } html.var .sf-c-silver\:100 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } +.sf-c-txt-silver { color: hsl(var(--sf-dark-c-txt-silver)) } +.sf-c-txt-silver\:0 { color: hsl(var(--sf-dark-c-txt-silver-100)) } +.sf-c-txt-silver\:10 { color: hsl(var(--sf-dark-c-txt-silver-90)) } +.sf-c-txt-silver\:20 { color: hsl(var(--sf-dark-c-txt-silver-80)) } +.sf-c-txt-silver\:30 { color: hsl(var(--sf-dark-c-txt-silver-70)) } +.sf-c-txt-silver\:40 { color: hsl(var(--sf-dark-c-txt-silver-60)) } +.sf-c-txt-silver\:50 { color: hsl(var(--sf-dark-c-txt-silver-50)) } +.sf-c-txt-silver\:60 { color: hsl(var(--sf-dark-c-txt-silver-40)) } +.sf-c-txt-silver\:70 { color: hsl(var(--sf-dark-c-txt-silver-30)) } +.sf-c-txt-silver\:80 { color: hsl(var(--sf-dark-c-txt-silver-20)) } +.sf-c-txt-silver\:90 { color: hsl(var(--sf-dark-c-txt-silver-10)) } +.sf-c-txt-silver\:100 { color: hsl(var(--sf-dark-c-txt-silver-0)) } + +html.var .sf-c-txt-silver { color: hsl(0, 0%, 25%) } +html.var .sf-c-txt-silver\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-silver\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-silver\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-silver\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-silver\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-silver\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-silver\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-silver\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-silver\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-silver\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-silver\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-silver, html.dark .sf-c-silver { color: hsl(var(--sf-dark-c-txt-silver-90)); background: hsl(var(--sf-dark-c-silver)) } html[data-theme='dark'] .sf-c-silver\:0, html.dark .sf-c-silver\:0 { color: hsl(var(--sf-dark-c-txt-silver-90)); background: hsl(var(--sf-dark-c-silver-100)) } html[data-theme='dark'] .sf-c-silver\:10, html.dark .sf-c-silver\:10 { color: hsl(var(--sf-dark-c-txt-silver-10)); background: hsl(var(--sf-dark-c-silver-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-silver\:80\:dark, html.dark .sf-c-silver\:80\:dark html[data-theme='dark'] .sf-c-silver\:90\:dark, html.dark .sf-c-silver\:90\:dark { color: hsl(var(--sf-c-txt-silver-90)); background: hsl(var(--sf-c-silver-10)) } html[data-theme='dark'] .sf-c-silver\:100\:dark, html.dark .sf-c-silver\:100\:dark { color: hsl(var(--sf-c-txt-silver-90)); background: hsl(var(--sf-c-silver-0)) } +html[data-theme='dark'] .sf-c-txt-silver, html.dark .sf-c-txt-silver { color: hsl(var(--sf-c-txt-silver)) } +html[data-theme='dark'] .sf-c-txt-silver\:0, html.dark .sf-c-txt-silver\:0 { color: hsl(var(--sf-c-txt-silver-0)) } +html[data-theme='dark'] .sf-c-txt-silver\:10, html.dark .sf-c-txt-silver\:10 { color: hsl(var(--sf-c-txt-silver-10)) } +html[data-theme='dark'] .sf-c-txt-silver\:20, html.dark .sf-c-txt-silver\:20 { color: hsl(var(--sf-c-txt-silver-20)) } +html[data-theme='dark'] .sf-c-txt-silver\:30, html.dark .sf-c-txt-silver\:30 { color: hsl(var(--sf-c-txt-silver-30)) } +html[data-theme='dark'] .sf-c-txt-silver\:40, html.dark .sf-c-txt-silver\:40 { color: hsl(var(--sf-c-txt-silver-40)) } +html[data-theme='dark'] .sf-c-txt-silver\:50, html.dark .sf-c-txt-silver\:50 { color: hsl(var(--sf-c-txt-silver-50)) } +html[data-theme='dark'] .sf-c-txt-silver\:60, html.dark .sf-c-txt-silver\:60 { color: hsl(var(--sf-c-txt-silver-60)) } +html[data-theme='dark'] .sf-c-txt-silver\:70, html.dark .sf-c-txt-silver\:70 { color: hsl(var(--sf-c-txt-silver-70)) } +html[data-theme='dark'] .sf-c-txt-silver\:80, html.dark .sf-c-txt-silver\:80 { color: hsl(var(--sf-c-txt-silver-80)) } +html[data-theme='dark'] .sf-c-txt-silver\:90, html.dark .sf-c-txt-silver\:90 { color: hsl(var(--sf-c-txt-silver-90)) } +html[data-theme='dark'] .sf-c-txt-silver\:100, html.dark .sf-c-txt-silver\:100 { color: hsl(var(--sf-c-txt-silver-100)) } + +html[data-theme='dark'] .sf-c-txt-silver\:dark, html.dark .sf-c-txt-silver\:dark { color: hsl(var(--sf-c-txt-silver)) } +html[data-theme='dark'] .sf-c-txt-silver\:0\:dark, html.dark .sf-c-txt-silver\:0\:dark { color: hsl(var(--sf-dark-c-txt-silver-0)) } +html[data-theme='dark'] .sf-c-txt-silver\:10\:dark, html.dark .sf-c-txt-silver\:10\:dark { color: hsl(var(--sf-dark-c-txt-silver-10)) } +html[data-theme='dark'] .sf-c-txt-silver\:20\:dark, html.dark .sf-c-txt-silver\:20\:dark { color: hsl(var(--sf-dark-c-txt-silver-20)) } +html[data-theme='dark'] .sf-c-txt-silver\:30\:dark, html.dark .sf-c-txt-silver\:30\:dark { color: hsl(var(--sf-dark-c-txt-silver-30)) } +html[data-theme='dark'] .sf-c-txt-silver\:40\:dark, html.dark .sf-c-txt-silver\:40\:dark { color: hsl(var(--sf-dark-c-txt-silver-40)) } +html[data-theme='dark'] .sf-c-txt-silver\:50\:dark, html.dark .sf-c-txt-silver\:50\:dark { color: hsl(var(--sf-dark-c-txt-silver-50)) } +html[data-theme='dark'] .sf-c-txt-silver\:60\:dark, html.dark .sf-c-txt-silver\:60\:dark { color: hsl(var(--sf-dark-c-txt-silver-60)) } +html[data-theme='dark'] .sf-c-txt-silver\:70\:dark, html.dark .sf-c-txt-silver\:70\:dark { color: hsl(var(--sf-dark-c-txt-silver-70)) } +html[data-theme='dark'] .sf-c-txt-silver\:80\:dark, html.dark .sf-c-txt-silver\:80\:dark { color: hsl(var(--sf-dark-c-txt-silver-80)) } +html[data-theme='dark'] .sf-c-txt-silver\:90\:dark, html.dark .sf-c-txt-silver\:90\:dark { color: hsl(var(--sf-dark-c-txt-silver-90)) } +html[data-theme='dark'] .sf-c-txt-silver\:100\:dark, html.dark .sf-c-txt-silver\:100\:dark { color: hsl(var(--sf-dark-c-txt-silver-100)) } + html.var[data-theme='dark'] .sf-c-silver, html.var.dark .sf-c-silver { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 25%) } html.var[data-theme='dark'] .sf-c-silver\:0, html.var.dark .sf-c-silver\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-silver\:10, html.var.dark .sf-c-silver\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-silver\:80\:dark, html.var.dark .sf-c-silver\: html.var[data-theme='dark'] .sf-c-silver\:90\:dark, html.var.dark .sf-c-silver\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='dark'] .sf-c-silver\:100\:dark, html.var.dark .sf-c-silver\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-silver, html.dark .sf-c-txt-silver { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:0, html.dark .sf-c-txt-silver\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:10, html.dark .sf-c-txt-silver\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:20, html.dark .sf-c-txt-silver\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:30, html.dark .sf-c-txt-silver\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:40, html.dark .sf-c-txt-silver\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:50, html.dark .sf-c-txt-silver\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:60, html.dark .sf-c-txt-silver\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:70, html.dark .sf-c-txt-silver\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:80, html.dark .sf-c-txt-silver\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:90, html.dark .sf-c-txt-silver\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:100, html.dark .sf-c-txt-silver\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-silver\:dark, html.dark .sf-c-txt-silver\:dark { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:0\:dark, html.dark .sf-c-txt-silver\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:10\:dark, html.dark .sf-c-txt-silver\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:20\:dark, html.dark .sf-c-txt-silver\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:30\:dark, html.dark .sf-c-txt-silver\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:40\:dark, html.dark .sf-c-txt-silver\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:50\:dark, html.dark .sf-c-txt-silver\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:60\:dark, html.dark .sf-c-txt-silver\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:70\:dark, html.dark .sf-c-txt-silver\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:80\:dark, html.dark .sf-c-txt-silver\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:90\:dark, html.dark .sf-c-txt-silver\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:100\:dark, html.dark .sf-c-txt-silver\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-silver, html.auto .sf-c-silver { color: hsl(var(--sf-dark-c-txt-silver-90)); background: hsl(var(--sf-dark-c-silver)) } html[data-theme='auto'] .sf-c-silver\:0, html.auto .sf-c-silver\:0 { color: hsl(var(--sf-dark-c-txt-silver-90)); background: hsl(var(--sf-dark-c-silver-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-silver\:100\:dark, html.var.dark .sf-c-silver\ html[data-theme='auto'] .sf-c-silver\:90\:dark, html.auto .sf-c-silver\:90\:dark { color: hsl(var(--sf-c-txt-silver-90)); background: hsl(var(--sf-c-silver-10)) } html[data-theme='auto'] .sf-c-silver\:100\:dark, html.auto .sf-c-silver\:100\:dark { color: hsl(var(--sf-c-txt-silver-90)); background: hsl(var(--sf-c-silver-0)) } + html[data-theme='auto'] .sf-c-txt-silver, html.auto .sf-c-txt-silver { color: hsl(var(--sf-c-txt-silver)) } + html[data-theme='auto'] .sf-c-txt-silver\:0, html.auto .sf-c-txt-silver\:0 { color: hsl(var(--sf-c-txt-silver-0)) } + html[data-theme='auto'] .sf-c-txt-silver\:10, html.auto .sf-c-txt-silver\:10 { color: hsl(var(--sf-c-txt-silver-10)) } + html[data-theme='auto'] .sf-c-txt-silver\:20, html.auto .sf-c-txt-silver\:20 { color: hsl(var(--sf-c-txt-silver-20)) } + html[data-theme='auto'] .sf-c-txt-silver\:30, html.auto .sf-c-txt-silver\:30 { color: hsl(var(--sf-c-txt-silver-30)) } + html[data-theme='auto'] .sf-c-txt-silver\:40, html.auto .sf-c-txt-silver\:40 { color: hsl(var(--sf-c-txt-silver-40)) } + html[data-theme='auto'] .sf-c-txt-silver\:50, html.auto .sf-c-txt-silver\:50 { color: hsl(var(--sf-c-txt-silver-50)) } + html[data-theme='auto'] .sf-c-txt-silver\:60, html.auto .sf-c-txt-silver\:60 { color: hsl(var(--sf-c-txt-silver-60)) } + html[data-theme='auto'] .sf-c-txt-silver\:70, html.auto .sf-c-txt-silver\:70 { color: hsl(var(--sf-c-txt-silver-70)) } + html[data-theme='auto'] .sf-c-txt-silver\:80, html.auto .sf-c-txt-silver\:80 { color: hsl(var(--sf-c-txt-silver-80)) } + html[data-theme='auto'] .sf-c-txt-silver\:90, html.auto .sf-c-txt-silver\:90 { color: hsl(var(--sf-c-txt-silver-90)) } + html[data-theme='auto'] .sf-c-txt-silver\:100, html.auto .sf-c-txt-silver\:100 { color: hsl(var(--sf-c-txt-silver-100)) } + + html[data-theme='auto'] .sf-c-txt-silver\:dark, html.auto .sf-c-txt-silver\:dark { color: hsl(var(--sf-c-txt-silver)) } + html[data-theme='auto'] .sf-c-txt-silver\:0\:dark, html.auto .sf-c-txt-silver\:0\:dark { color: hsl(var(--sf-c-txt-silver-0)) } + html[data-theme='auto'] .sf-c-txt-silver\:10\:dark, html.auto .sf-c-txt-silver\:10\:dark { color: hsl(var(--sf-c-txt-silver-10)) } + html[data-theme='auto'] .sf-c-txt-silver\:20\:dark, html.auto .sf-c-txt-silver\:20\:dark { color: hsl(var(--sf-c-txt-silver-20)) } + html[data-theme='auto'] .sf-c-txt-silver\:30\:dark, html.auto .sf-c-txt-silver\:30\:dark { color: hsl(var(--sf-c-txt-silver-30)) } + html[data-theme='auto'] .sf-c-txt-silver\:40\:dark, html.auto .sf-c-txt-silver\:40\:dark { color: hsl(var(--sf-c-txt-silver-40)) } + html[data-theme='auto'] .sf-c-txt-silver\:50\:dark, html.auto .sf-c-txt-silver\:50\:dark { color: hsl(var(--sf-c-txt-silver-50)) } + html[data-theme='auto'] .sf-c-txt-silver\:60\:dark, html.auto .sf-c-txt-silver\:60\:dark { color: hsl(var(--sf-c-txt-silver-60)) } + html[data-theme='auto'] .sf-c-txt-silver\:70\:dark, html.auto .sf-c-txt-silver\:70\:dark { color: hsl(var(--sf-c-txt-silver-70)) } + html[data-theme='auto'] .sf-c-txt-silver\:80\:dark, html.auto .sf-c-txt-silver\:80\:dark { color: hsl(var(--sf-c-txt-silver-80)) } + html[data-theme='auto'] .sf-c-txt-silver\:90\:dark, html.auto .sf-c-txt-silver\:90\:dark { color: hsl(var(--sf-c-txt-silver-90)) } + html[data-theme='auto'] .sf-c-txt-silver\:100\:dark, html.auto .sf-c-txt-silver\:100\:dark { color: hsl(var(--sf-c-txt-silver-100)) } + html.var[data-theme='auto'] .sf-c-silver, html.var.auto .sf-c-silver { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 25%) } html.var[data-theme='auto'] .sf-c-silver\:0, html.var.auto .sf-c-silver\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-silver\:10, html.var.auto .sf-c-silver\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-silver\:100\:dark, html.var.dark .sf-c-silver\ html.var[data-theme='auto'] .sf-c-silver\:80\:dark, html.var.auto .sf-c-silver\:80\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } html.var[data-theme='auto'] .sf-c-silver\:90\:dark, html.var.auto .sf-c-silver\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-silver\:100\:dark, html.var.auto .sf-c-silver\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-silver { color: hsl(var(--sf-c-txt-silver)) } -.sf-c-txt-silver\:0 { color: hsl(var(--sf-c-txt-silver-0)) } -.sf-c-txt-silver\:10 { color: hsl(var(--sf-c-txt-silver-10)) } -.sf-c-txt-silver\:20 { color: hsl(var(--sf-c-txt-silver-20)) } -.sf-c-txt-silver\:30 { color: hsl(var(--sf-c-txt-silver-30)) } -.sf-c-txt-silver\:40 { color: hsl(var(--sf-c-txt-silver-40)) } -.sf-c-txt-silver\:50 { color: hsl(var(--sf-c-txt-silver-50)) } -.sf-c-txt-silver\:60 { color: hsl(var(--sf-c-txt-silver-60)) } -.sf-c-txt-silver\:70 { color: hsl(var(--sf-c-txt-silver-70)) } -.sf-c-txt-silver\:80 { color: hsl(var(--sf-c-txt-silver-80)) } -.sf-c-txt-silver\:90 { color: hsl(var(--sf-c-txt-silver-90)) } -.sf-c-txt-silver\:100 { color: hsl(var(--sf-c-txt-silver-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-silver, html.auto .sf-c-txt-silver { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:0, html.auto .sf-c-txt-silver\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:10, html.auto .sf-c-txt-silver\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:20, html.auto .sf-c-txt-silver\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:30, html.auto .sf-c-txt-silver\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:40, html.auto .sf-c-txt-silver\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:50, html.auto .sf-c-txt-silver\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:60, html.auto .sf-c-txt-silver\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:70, html.auto .sf-c-txt-silver\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:80, html.auto .sf-c-txt-silver\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:90, html.auto .sf-c-txt-silver\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:100, html.auto .sf-c-txt-silver\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-silver\:dark, html.auto .sf-c-txt-silver\:dark { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:0\:dark, html.auto .sf-c-txt-silver\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:10\:dark, html.auto .sf-c-txt-silver\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:20\:dark, html.auto .sf-c-txt-silver\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:30\:dark, html.auto .sf-c-txt-silver\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:40\:dark, html.auto .sf-c-txt-silver\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:50\:dark, html.auto .sf-c-txt-silver\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:60\:dark, html.auto .sf-c-txt-silver\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:70\:dark, html.auto .sf-c-txt-silver\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:80\:dark, html.auto .sf-c-txt-silver\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:90\:dark, html.auto .sf-c-txt-silver\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:100\:dark, html.auto .sf-c-txt-silver\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/skyblue.css b/src/colors/10/skyblue.css index f5d4259..e6367a2 100644 --- a/src/colors/10/skyblue.css +++ b/src/colors/10/skyblue.css @@ -78,6 +78,32 @@ html.var .sf-c-skyblue\:80 { color: hsl(197, 71%, 10%); background: hsl(197, 71% html.var .sf-c-skyblue\:90 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 90%) } html.var .sf-c-skyblue\:100 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 100%) } +.sf-c-txt-skyblue { color: hsl(var(--sf-dark-c-txt-skyblue)) } +.sf-c-txt-skyblue\:0 { color: hsl(var(--sf-dark-c-txt-skyblue-100)) } +.sf-c-txt-skyblue\:10 { color: hsl(var(--sf-dark-c-txt-skyblue-90)) } +.sf-c-txt-skyblue\:20 { color: hsl(var(--sf-dark-c-txt-skyblue-80)) } +.sf-c-txt-skyblue\:30 { color: hsl(var(--sf-dark-c-txt-skyblue-70)) } +.sf-c-txt-skyblue\:40 { color: hsl(var(--sf-dark-c-txt-skyblue-60)) } +.sf-c-txt-skyblue\:50 { color: hsl(var(--sf-dark-c-txt-skyblue-50)) } +.sf-c-txt-skyblue\:60 { color: hsl(var(--sf-dark-c-txt-skyblue-40)) } +.sf-c-txt-skyblue\:70 { color: hsl(var(--sf-dark-c-txt-skyblue-30)) } +.sf-c-txt-skyblue\:80 { color: hsl(var(--sf-dark-c-txt-skyblue-20)) } +.sf-c-txt-skyblue\:90 { color: hsl(var(--sf-dark-c-txt-skyblue-10)) } +.sf-c-txt-skyblue\:100 { color: hsl(var(--sf-dark-c-txt-skyblue-0)) } + +html.var .sf-c-txt-skyblue { color: hsl(197, 71%, 27%) } +html.var .sf-c-txt-skyblue\:0 { color: hsl(197, 71%, 100%) } +html.var .sf-c-txt-skyblue\:10 { color: hsl(197, 71%, 90%) } +html.var .sf-c-txt-skyblue\:20 { color: hsl(197, 71%, 80%) } +html.var .sf-c-txt-skyblue\:30 { color: hsl(197, 71%, 70%) } +html.var .sf-c-txt-skyblue\:40 { color: hsl(197, 71%, 60%) } +html.var .sf-c-txt-skyblue\:50 { color: hsl(197, 71%, 50%) } +html.var .sf-c-txt-skyblue\:60 { color: hsl(197, 71%, 40%) } +html.var .sf-c-txt-skyblue\:70 { color: hsl(197, 71%, 30%) } +html.var .sf-c-txt-skyblue\:80 { color: hsl(197, 71%, 20%) } +html.var .sf-c-txt-skyblue\:90 { color: hsl(197, 71%, 10%) } +html.var .sf-c-txt-skyblue\:100 { color: hsl(197, 71%, 0%) } + html[data-theme='dark'] .sf-c-skyblue, html.dark .sf-c-skyblue { color: hsl(var(--sf-dark-c-txt-skyblue-90)); background: hsl(var(--sf-dark-c-skyblue)) } html[data-theme='dark'] .sf-c-skyblue\:0, html.dark .sf-c-skyblue\:0 { color: hsl(var(--sf-dark-c-txt-skyblue-90)); background: hsl(var(--sf-dark-c-skyblue-100)) } html[data-theme='dark'] .sf-c-skyblue\:10, html.dark .sf-c-skyblue\:10 { color: hsl(var(--sf-dark-c-txt-skyblue-10)); background: hsl(var(--sf-dark-c-skyblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-skyblue\:80\:dark, html.dark .sf-c-skyblue\:80\:da html[data-theme='dark'] .sf-c-skyblue\:90\:dark, html.dark .sf-c-skyblue\:90\:dark { color: hsl(var(--sf-c-txt-skyblue-90)); background: hsl(var(--sf-c-skyblue-10)) } html[data-theme='dark'] .sf-c-skyblue\:100\:dark, html.dark .sf-c-skyblue\:100\:dark { color: hsl(var(--sf-c-txt-skyblue-90)); background: hsl(var(--sf-c-skyblue-0)) } +html[data-theme='dark'] .sf-c-txt-skyblue, html.dark .sf-c-txt-skyblue { color: hsl(var(--sf-c-txt-skyblue)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:0, html.dark .sf-c-txt-skyblue\:0 { color: hsl(var(--sf-c-txt-skyblue-0)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:10, html.dark .sf-c-txt-skyblue\:10 { color: hsl(var(--sf-c-txt-skyblue-10)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:20, html.dark .sf-c-txt-skyblue\:20 { color: hsl(var(--sf-c-txt-skyblue-20)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:30, html.dark .sf-c-txt-skyblue\:30 { color: hsl(var(--sf-c-txt-skyblue-30)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:40, html.dark .sf-c-txt-skyblue\:40 { color: hsl(var(--sf-c-txt-skyblue-40)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:50, html.dark .sf-c-txt-skyblue\:50 { color: hsl(var(--sf-c-txt-skyblue-50)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:60, html.dark .sf-c-txt-skyblue\:60 { color: hsl(var(--sf-c-txt-skyblue-60)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:70, html.dark .sf-c-txt-skyblue\:70 { color: hsl(var(--sf-c-txt-skyblue-70)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:80, html.dark .sf-c-txt-skyblue\:80 { color: hsl(var(--sf-c-txt-skyblue-80)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:90, html.dark .sf-c-txt-skyblue\:90 { color: hsl(var(--sf-c-txt-skyblue-90)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:100, html.dark .sf-c-txt-skyblue\:100 { color: hsl(var(--sf-c-txt-skyblue-100)) } + +html[data-theme='dark'] .sf-c-txt-skyblue\:dark, html.dark .sf-c-txt-skyblue\:dark { color: hsl(var(--sf-c-txt-skyblue)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:0\:dark, html.dark .sf-c-txt-skyblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-0)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:10\:dark, html.dark .sf-c-txt-skyblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-10)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:20\:dark, html.dark .sf-c-txt-skyblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-20)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:30\:dark, html.dark .sf-c-txt-skyblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-30)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:40\:dark, html.dark .sf-c-txt-skyblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-40)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:50\:dark, html.dark .sf-c-txt-skyblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-50)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:60\:dark, html.dark .sf-c-txt-skyblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-60)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:70\:dark, html.dark .sf-c-txt-skyblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-70)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:80\:dark, html.dark .sf-c-txt-skyblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-80)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:90\:dark, html.dark .sf-c-txt-skyblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-90)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:100\:dark, html.dark .sf-c-txt-skyblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-100)) } + html.var[data-theme='dark'] .sf-c-skyblue, html.var.dark .sf-c-skyblue { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 27%) } html.var[data-theme='dark'] .sf-c-skyblue\:0, html.var.dark .sf-c-skyblue\:0 { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 100%) } html.var[data-theme='dark'] .sf-c-skyblue\:10, html.var.dark .sf-c-skyblue\:10 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-skyblue\:80\:dark, html.var.dark .sf-c-skyblue html.var[data-theme='dark'] .sf-c-skyblue\:90\:dark, html.var.dark .sf-c-skyblue\:90\:dark { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 10%) } html.var[data-theme='dark'] .sf-c-skyblue\:100\:dark, html.var.dark .sf-c-skyblue\:100\:dark { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue, html.dark .sf-c-txt-skyblue { color: hsl(197, 71%, 73%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:0, html.dark .sf-c-txt-skyblue\:0 { color: hsl(197, 71%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:10, html.dark .sf-c-txt-skyblue\:10 { color: hsl(197, 71%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:20, html.dark .sf-c-txt-skyblue\:20 { color: hsl(197, 71%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:30, html.dark .sf-c-txt-skyblue\:30 { color: hsl(197, 71%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:40, html.dark .sf-c-txt-skyblue\:40 { color: hsl(197, 71%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:50, html.dark .sf-c-txt-skyblue\:50 { color: hsl(197, 71%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:60, html.dark .sf-c-txt-skyblue\:60 { color: hsl(197, 71%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:70, html.dark .sf-c-txt-skyblue\:70 { color: hsl(197, 71%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:80, html.dark .sf-c-txt-skyblue\:80 { color: hsl(197, 71%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:90, html.dark .sf-c-txt-skyblue\:90 { color: hsl(197, 71%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:100, html.dark .sf-c-txt-skyblue\:100 { color: hsl(197, 71%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-skyblue\:dark, html.dark .sf-c-txt-skyblue\:dark { color: hsl(197, 71%, 73%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:0\:dark, html.dark .sf-c-txt-skyblue\:0\:dark { color: hsl(197, 71%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:10\:dark, html.dark .sf-c-txt-skyblue\:10\:dark { color: hsl(197, 71%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:20\:dark, html.dark .sf-c-txt-skyblue\:20\:dark { color: hsl(197, 71%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:30\:dark, html.dark .sf-c-txt-skyblue\:30\:dark { color: hsl(197, 71%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:40\:dark, html.dark .sf-c-txt-skyblue\:40\:dark { color: hsl(197, 71%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:50\:dark, html.dark .sf-c-txt-skyblue\:50\:dark { color: hsl(197, 71%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:60\:dark, html.dark .sf-c-txt-skyblue\:60\:dark { color: hsl(197, 71%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:70\:dark, html.dark .sf-c-txt-skyblue\:70\:dark { color: hsl(197, 71%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:80\:dark, html.dark .sf-c-txt-skyblue\:80\:dark { color: hsl(197, 71%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:90\:dark, html.dark .sf-c-txt-skyblue\:90\:dark { color: hsl(197, 71%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:100\:dark, html.dark .sf-c-txt-skyblue\:100\:dark { color: hsl(197, 71%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-skyblue, html.auto .sf-c-skyblue { color: hsl(var(--sf-dark-c-txt-skyblue-90)); background: hsl(var(--sf-dark-c-skyblue)) } html[data-theme='auto'] .sf-c-skyblue\:0, html.auto .sf-c-skyblue\:0 { color: hsl(var(--sf-dark-c-txt-skyblue-90)); background: hsl(var(--sf-dark-c-skyblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-skyblue\:100\:dark, html.var.dark .sf-c-skyblu html[data-theme='auto'] .sf-c-skyblue\:90\:dark, html.auto .sf-c-skyblue\:90\:dark { color: hsl(var(--sf-c-txt-skyblue-90)); background: hsl(var(--sf-c-skyblue-10)) } html[data-theme='auto'] .sf-c-skyblue\:100\:dark, html.auto .sf-c-skyblue\:100\:dark { color: hsl(var(--sf-c-txt-skyblue-90)); background: hsl(var(--sf-c-skyblue-0)) } + html[data-theme='auto'] .sf-c-txt-skyblue, html.auto .sf-c-txt-skyblue { color: hsl(var(--sf-c-txt-skyblue)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:0, html.auto .sf-c-txt-skyblue\:0 { color: hsl(var(--sf-c-txt-skyblue-0)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:10, html.auto .sf-c-txt-skyblue\:10 { color: hsl(var(--sf-c-txt-skyblue-10)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:20, html.auto .sf-c-txt-skyblue\:20 { color: hsl(var(--sf-c-txt-skyblue-20)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:30, html.auto .sf-c-txt-skyblue\:30 { color: hsl(var(--sf-c-txt-skyblue-30)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:40, html.auto .sf-c-txt-skyblue\:40 { color: hsl(var(--sf-c-txt-skyblue-40)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:50, html.auto .sf-c-txt-skyblue\:50 { color: hsl(var(--sf-c-txt-skyblue-50)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:60, html.auto .sf-c-txt-skyblue\:60 { color: hsl(var(--sf-c-txt-skyblue-60)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:70, html.auto .sf-c-txt-skyblue\:70 { color: hsl(var(--sf-c-txt-skyblue-70)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:80, html.auto .sf-c-txt-skyblue\:80 { color: hsl(var(--sf-c-txt-skyblue-80)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:90, html.auto .sf-c-txt-skyblue\:90 { color: hsl(var(--sf-c-txt-skyblue-90)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:100, html.auto .sf-c-txt-skyblue\:100 { color: hsl(var(--sf-c-txt-skyblue-100)) } + + html[data-theme='auto'] .sf-c-txt-skyblue\:dark, html.auto .sf-c-txt-skyblue\:dark { color: hsl(var(--sf-c-txt-skyblue)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:0\:dark, html.auto .sf-c-txt-skyblue\:0\:dark { color: hsl(var(--sf-c-txt-skyblue-0)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:10\:dark, html.auto .sf-c-txt-skyblue\:10\:dark { color: hsl(var(--sf-c-txt-skyblue-10)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:20\:dark, html.auto .sf-c-txt-skyblue\:20\:dark { color: hsl(var(--sf-c-txt-skyblue-20)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:30\:dark, html.auto .sf-c-txt-skyblue\:30\:dark { color: hsl(var(--sf-c-txt-skyblue-30)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:40\:dark, html.auto .sf-c-txt-skyblue\:40\:dark { color: hsl(var(--sf-c-txt-skyblue-40)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:50\:dark, html.auto .sf-c-txt-skyblue\:50\:dark { color: hsl(var(--sf-c-txt-skyblue-50)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:60\:dark, html.auto .sf-c-txt-skyblue\:60\:dark { color: hsl(var(--sf-c-txt-skyblue-60)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:70\:dark, html.auto .sf-c-txt-skyblue\:70\:dark { color: hsl(var(--sf-c-txt-skyblue-70)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:80\:dark, html.auto .sf-c-txt-skyblue\:80\:dark { color: hsl(var(--sf-c-txt-skyblue-80)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:90\:dark, html.auto .sf-c-txt-skyblue\:90\:dark { color: hsl(var(--sf-c-txt-skyblue-90)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:100\:dark, html.auto .sf-c-txt-skyblue\:100\:dark { color: hsl(var(--sf-c-txt-skyblue-100)) } + html.var[data-theme='auto'] .sf-c-skyblue, html.var.auto .sf-c-skyblue { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 27%) } html.var[data-theme='auto'] .sf-c-skyblue\:0, html.var.auto .sf-c-skyblue\:0 { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 100%) } html.var[data-theme='auto'] .sf-c-skyblue\:10, html.var.auto .sf-c-skyblue\:10 { color: hsl(197, 71%, 10%); background: hsl(197, 71%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-skyblue\:100\:dark, html.var.dark .sf-c-skyblu html.var[data-theme='auto'] .sf-c-skyblue\:80\:dark, html.var.auto .sf-c-skyblue\:80\:dark { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 20%) } html.var[data-theme='auto'] .sf-c-skyblue\:90\:dark, html.var.auto .sf-c-skyblue\:90\:dark { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 10%) } html.var[data-theme='auto'] .sf-c-skyblue\:100\:dark, html.var.auto .sf-c-skyblue\:100\:dark { color: hsl(197, 71%, 90%); background: hsl(197, 71%, 0%) } -} -.sf-c-txt-skyblue { color: hsl(var(--sf-c-txt-skyblue)) } -.sf-c-txt-skyblue\:0 { color: hsl(var(--sf-c-txt-skyblue-0)) } -.sf-c-txt-skyblue\:10 { color: hsl(var(--sf-c-txt-skyblue-10)) } -.sf-c-txt-skyblue\:20 { color: hsl(var(--sf-c-txt-skyblue-20)) } -.sf-c-txt-skyblue\:30 { color: hsl(var(--sf-c-txt-skyblue-30)) } -.sf-c-txt-skyblue\:40 { color: hsl(var(--sf-c-txt-skyblue-40)) } -.sf-c-txt-skyblue\:50 { color: hsl(var(--sf-c-txt-skyblue-50)) } -.sf-c-txt-skyblue\:60 { color: hsl(var(--sf-c-txt-skyblue-60)) } -.sf-c-txt-skyblue\:70 { color: hsl(var(--sf-c-txt-skyblue-70)) } -.sf-c-txt-skyblue\:80 { color: hsl(var(--sf-c-txt-skyblue-80)) } -.sf-c-txt-skyblue\:90 { color: hsl(var(--sf-c-txt-skyblue-90)) } -.sf-c-txt-skyblue\:100 { color: hsl(var(--sf-c-txt-skyblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-skyblue, html.auto .sf-c-txt-skyblue { color: hsl(197, 71%, 73%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:0, html.auto .sf-c-txt-skyblue\:0 { color: hsl(197, 71%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:10, html.auto .sf-c-txt-skyblue\:10 { color: hsl(197, 71%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:20, html.auto .sf-c-txt-skyblue\:20 { color: hsl(197, 71%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:30, html.auto .sf-c-txt-skyblue\:30 { color: hsl(197, 71%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:40, html.auto .sf-c-txt-skyblue\:40 { color: hsl(197, 71%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:50, html.auto .sf-c-txt-skyblue\:50 { color: hsl(197, 71%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:60, html.auto .sf-c-txt-skyblue\:60 { color: hsl(197, 71%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:70, html.auto .sf-c-txt-skyblue\:70 { color: hsl(197, 71%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:80, html.auto .sf-c-txt-skyblue\:80 { color: hsl(197, 71%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:90, html.auto .sf-c-txt-skyblue\:90 { color: hsl(197, 71%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:100, html.auto .sf-c-txt-skyblue\:100 { color: hsl(197, 71%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-skyblue\:dark, html.auto .sf-c-txt-skyblue\:dark { color: hsl(197, 71%, 73%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:0\:dark, html.auto .sf-c-txt-skyblue\:0\:dark { color: hsl(197, 71%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:10\:dark, html.auto .sf-c-txt-skyblue\:10\:dark { color: hsl(197, 71%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:20\:dark, html.auto .sf-c-txt-skyblue\:20\:dark { color: hsl(197, 71%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:30\:dark, html.auto .sf-c-txt-skyblue\:30\:dark { color: hsl(197, 71%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:40\:dark, html.auto .sf-c-txt-skyblue\:40\:dark { color: hsl(197, 71%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:50\:dark, html.auto .sf-c-txt-skyblue\:50\:dark { color: hsl(197, 71%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:60\:dark, html.auto .sf-c-txt-skyblue\:60\:dark { color: hsl(197, 71%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:70\:dark, html.auto .sf-c-txt-skyblue\:70\:dark { color: hsl(197, 71%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:80\:dark, html.auto .sf-c-txt-skyblue\:80\:dark { color: hsl(197, 71%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:90\:dark, html.auto .sf-c-txt-skyblue\:90\:dark { color: hsl(197, 71%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:100\:dark, html.auto .sf-c-txt-skyblue\:100\:dark { color: hsl(197, 71%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/slateblue.css b/src/colors/10/slateblue.css index c997146..baf504a 100644 --- a/src/colors/10/slateblue.css +++ b/src/colors/10/slateblue.css @@ -78,6 +78,32 @@ html.var .sf-c-slateblue\:80 { color: hsl(248, 53%, 90%); background: hsl(248, 5 html.var .sf-c-slateblue\:90 { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 90%) } html.var .sf-c-slateblue\:100 { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 100%) } +.sf-c-txt-slateblue { color: hsl(var(--sf-dark-c-txt-slateblue)) } +.sf-c-txt-slateblue\:0 { color: hsl(var(--sf-dark-c-txt-slateblue-100)) } +.sf-c-txt-slateblue\:10 { color: hsl(var(--sf-dark-c-txt-slateblue-90)) } +.sf-c-txt-slateblue\:20 { color: hsl(var(--sf-dark-c-txt-slateblue-80)) } +.sf-c-txt-slateblue\:30 { color: hsl(var(--sf-dark-c-txt-slateblue-70)) } +.sf-c-txt-slateblue\:40 { color: hsl(var(--sf-dark-c-txt-slateblue-60)) } +.sf-c-txt-slateblue\:50 { color: hsl(var(--sf-dark-c-txt-slateblue-50)) } +.sf-c-txt-slateblue\:60 { color: hsl(var(--sf-dark-c-txt-slateblue-40)) } +.sf-c-txt-slateblue\:70 { color: hsl(var(--sf-dark-c-txt-slateblue-30)) } +.sf-c-txt-slateblue\:80 { color: hsl(var(--sf-dark-c-txt-slateblue-20)) } +.sf-c-txt-slateblue\:90 { color: hsl(var(--sf-dark-c-txt-slateblue-10)) } +.sf-c-txt-slateblue\:100 { color: hsl(var(--sf-dark-c-txt-slateblue-0)) } + +html.var .sf-c-txt-slateblue { color: hsl(248, 53%, 42%) } +html.var .sf-c-txt-slateblue\:0 { color: hsl(248, 53%, 100%) } +html.var .sf-c-txt-slateblue\:10 { color: hsl(248, 53%, 90%) } +html.var .sf-c-txt-slateblue\:20 { color: hsl(248, 53%, 80%) } +html.var .sf-c-txt-slateblue\:30 { color: hsl(248, 53%, 70%) } +html.var .sf-c-txt-slateblue\:40 { color: hsl(248, 53%, 60%) } +html.var .sf-c-txt-slateblue\:50 { color: hsl(248, 53%, 50%) } +html.var .sf-c-txt-slateblue\:60 { color: hsl(248, 53%, 40%) } +html.var .sf-c-txt-slateblue\:70 { color: hsl(248, 53%, 30%) } +html.var .sf-c-txt-slateblue\:80 { color: hsl(248, 53%, 20%) } +html.var .sf-c-txt-slateblue\:90 { color: hsl(248, 53%, 10%) } +html.var .sf-c-txt-slateblue\:100 { color: hsl(248, 53%, 0%) } + html[data-theme='dark'] .sf-c-slateblue, html.dark .sf-c-slateblue { color: hsl(var(--sf-dark-c-txt-slateblue-90)); background: hsl(var(--sf-dark-c-slateblue)) } html[data-theme='dark'] .sf-c-slateblue\:0, html.dark .sf-c-slateblue\:0 { color: hsl(var(--sf-dark-c-txt-slateblue-90)); background: hsl(var(--sf-dark-c-slateblue-100)) } html[data-theme='dark'] .sf-c-slateblue\:10, html.dark .sf-c-slateblue\:10 { color: hsl(var(--sf-dark-c-txt-slateblue-10)); background: hsl(var(--sf-dark-c-slateblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-slateblue\:80\:dark, html.dark .sf-c-slateblue\:80 html[data-theme='dark'] .sf-c-slateblue\:90\:dark, html.dark .sf-c-slateblue\:90\:dark { color: hsl(var(--sf-c-txt-slateblue-90)); background: hsl(var(--sf-c-slateblue-10)) } html[data-theme='dark'] .sf-c-slateblue\:100\:dark, html.dark .sf-c-slateblue\:100\:dark { color: hsl(var(--sf-c-txt-slateblue-90)); background: hsl(var(--sf-c-slateblue-0)) } +html[data-theme='dark'] .sf-c-txt-slateblue, html.dark .sf-c-txt-slateblue { color: hsl(var(--sf-c-txt-slateblue)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:0, html.dark .sf-c-txt-slateblue\:0 { color: hsl(var(--sf-c-txt-slateblue-0)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:10, html.dark .sf-c-txt-slateblue\:10 { color: hsl(var(--sf-c-txt-slateblue-10)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:20, html.dark .sf-c-txt-slateblue\:20 { color: hsl(var(--sf-c-txt-slateblue-20)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:30, html.dark .sf-c-txt-slateblue\:30 { color: hsl(var(--sf-c-txt-slateblue-30)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:40, html.dark .sf-c-txt-slateblue\:40 { color: hsl(var(--sf-c-txt-slateblue-40)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:50, html.dark .sf-c-txt-slateblue\:50 { color: hsl(var(--sf-c-txt-slateblue-50)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:60, html.dark .sf-c-txt-slateblue\:60 { color: hsl(var(--sf-c-txt-slateblue-60)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:70, html.dark .sf-c-txt-slateblue\:70 { color: hsl(var(--sf-c-txt-slateblue-70)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:80, html.dark .sf-c-txt-slateblue\:80 { color: hsl(var(--sf-c-txt-slateblue-80)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:90, html.dark .sf-c-txt-slateblue\:90 { color: hsl(var(--sf-c-txt-slateblue-90)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:100, html.dark .sf-c-txt-slateblue\:100 { color: hsl(var(--sf-c-txt-slateblue-100)) } + +html[data-theme='dark'] .sf-c-txt-slateblue\:dark, html.dark .sf-c-txt-slateblue\:dark { color: hsl(var(--sf-c-txt-slateblue)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:0\:dark, html.dark .sf-c-txt-slateblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-0)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:10\:dark, html.dark .sf-c-txt-slateblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-10)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:20\:dark, html.dark .sf-c-txt-slateblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-20)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:30\:dark, html.dark .sf-c-txt-slateblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-30)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:40\:dark, html.dark .sf-c-txt-slateblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-40)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:50\:dark, html.dark .sf-c-txt-slateblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-50)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:60\:dark, html.dark .sf-c-txt-slateblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-60)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:70\:dark, html.dark .sf-c-txt-slateblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-70)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:80\:dark, html.dark .sf-c-txt-slateblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-80)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:90\:dark, html.dark .sf-c-txt-slateblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-90)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:100\:dark, html.dark .sf-c-txt-slateblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-100)) } + html.var[data-theme='dark'] .sf-c-slateblue, html.var.dark .sf-c-slateblue { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 42%) } html.var[data-theme='dark'] .sf-c-slateblue\:0, html.var.dark .sf-c-slateblue\:0 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 100%) } html.var[data-theme='dark'] .sf-c-slateblue\:10, html.var.dark .sf-c-slateblue\:10 { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-slateblue\:80\:dark, html.var.dark .sf-c-slate html.var[data-theme='dark'] .sf-c-slateblue\:90\:dark, html.var.dark .sf-c-slateblue\:90\:dark { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 10%) } html.var[data-theme='dark'] .sf-c-slateblue\:100\:dark, html.var.dark .sf-c-slateblue\:100\:dark { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue, html.dark .sf-c-txt-slateblue { color: hsl(248, 53%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:0, html.dark .sf-c-txt-slateblue\:0 { color: hsl(248, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:10, html.dark .sf-c-txt-slateblue\:10 { color: hsl(248, 53%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:20, html.dark .sf-c-txt-slateblue\:20 { color: hsl(248, 53%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:30, html.dark .sf-c-txt-slateblue\:30 { color: hsl(248, 53%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:40, html.dark .sf-c-txt-slateblue\:40 { color: hsl(248, 53%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:50, html.dark .sf-c-txt-slateblue\:50 { color: hsl(248, 53%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:60, html.dark .sf-c-txt-slateblue\:60 { color: hsl(248, 53%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:70, html.dark .sf-c-txt-slateblue\:70 { color: hsl(248, 53%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:80, html.dark .sf-c-txt-slateblue\:80 { color: hsl(248, 53%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:90, html.dark .sf-c-txt-slateblue\:90 { color: hsl(248, 53%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:100, html.dark .sf-c-txt-slateblue\:100 { color: hsl(248, 53%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-slateblue\:dark, html.dark .sf-c-txt-slateblue\:dark { color: hsl(248, 53%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:0\:dark, html.dark .sf-c-txt-slateblue\:0\:dark { color: hsl(248, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:10\:dark, html.dark .sf-c-txt-slateblue\:10\:dark { color: hsl(248, 53%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:20\:dark, html.dark .sf-c-txt-slateblue\:20\:dark { color: hsl(248, 53%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:30\:dark, html.dark .sf-c-txt-slateblue\:30\:dark { color: hsl(248, 53%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:40\:dark, html.dark .sf-c-txt-slateblue\:40\:dark { color: hsl(248, 53%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:50\:dark, html.dark .sf-c-txt-slateblue\:50\:dark { color: hsl(248, 53%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:60\:dark, html.dark .sf-c-txt-slateblue\:60\:dark { color: hsl(248, 53%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:70\:dark, html.dark .sf-c-txt-slateblue\:70\:dark { color: hsl(248, 53%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:80\:dark, html.dark .sf-c-txt-slateblue\:80\:dark { color: hsl(248, 53%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:90\:dark, html.dark .sf-c-txt-slateblue\:90\:dark { color: hsl(248, 53%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:100\:dark, html.dark .sf-c-txt-slateblue\:100\:dark { color: hsl(248, 53%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-slateblue, html.auto .sf-c-slateblue { color: hsl(var(--sf-dark-c-txt-slateblue-90)); background: hsl(var(--sf-dark-c-slateblue)) } html[data-theme='auto'] .sf-c-slateblue\:0, html.auto .sf-c-slateblue\:0 { color: hsl(var(--sf-dark-c-txt-slateblue-90)); background: hsl(var(--sf-dark-c-slateblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-slateblue\:100\:dark, html.var.dark .sf-c-slat html[data-theme='auto'] .sf-c-slateblue\:90\:dark, html.auto .sf-c-slateblue\:90\:dark { color: hsl(var(--sf-c-txt-slateblue-90)); background: hsl(var(--sf-c-slateblue-10)) } html[data-theme='auto'] .sf-c-slateblue\:100\:dark, html.auto .sf-c-slateblue\:100\:dark { color: hsl(var(--sf-c-txt-slateblue-90)); background: hsl(var(--sf-c-slateblue-0)) } + html[data-theme='auto'] .sf-c-txt-slateblue, html.auto .sf-c-txt-slateblue { color: hsl(var(--sf-c-txt-slateblue)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:0, html.auto .sf-c-txt-slateblue\:0 { color: hsl(var(--sf-c-txt-slateblue-0)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:10, html.auto .sf-c-txt-slateblue\:10 { color: hsl(var(--sf-c-txt-slateblue-10)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:20, html.auto .sf-c-txt-slateblue\:20 { color: hsl(var(--sf-c-txt-slateblue-20)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:30, html.auto .sf-c-txt-slateblue\:30 { color: hsl(var(--sf-c-txt-slateblue-30)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:40, html.auto .sf-c-txt-slateblue\:40 { color: hsl(var(--sf-c-txt-slateblue-40)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:50, html.auto .sf-c-txt-slateblue\:50 { color: hsl(var(--sf-c-txt-slateblue-50)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:60, html.auto .sf-c-txt-slateblue\:60 { color: hsl(var(--sf-c-txt-slateblue-60)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:70, html.auto .sf-c-txt-slateblue\:70 { color: hsl(var(--sf-c-txt-slateblue-70)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:80, html.auto .sf-c-txt-slateblue\:80 { color: hsl(var(--sf-c-txt-slateblue-80)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:90, html.auto .sf-c-txt-slateblue\:90 { color: hsl(var(--sf-c-txt-slateblue-90)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:100, html.auto .sf-c-txt-slateblue\:100 { color: hsl(var(--sf-c-txt-slateblue-100)) } + + html[data-theme='auto'] .sf-c-txt-slateblue\:dark, html.auto .sf-c-txt-slateblue\:dark { color: hsl(var(--sf-c-txt-slateblue)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:0\:dark, html.auto .sf-c-txt-slateblue\:0\:dark { color: hsl(var(--sf-c-txt-slateblue-0)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:10\:dark, html.auto .sf-c-txt-slateblue\:10\:dark { color: hsl(var(--sf-c-txt-slateblue-10)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:20\:dark, html.auto .sf-c-txt-slateblue\:20\:dark { color: hsl(var(--sf-c-txt-slateblue-20)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:30\:dark, html.auto .sf-c-txt-slateblue\:30\:dark { color: hsl(var(--sf-c-txt-slateblue-30)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:40\:dark, html.auto .sf-c-txt-slateblue\:40\:dark { color: hsl(var(--sf-c-txt-slateblue-40)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:50\:dark, html.auto .sf-c-txt-slateblue\:50\:dark { color: hsl(var(--sf-c-txt-slateblue-50)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:60\:dark, html.auto .sf-c-txt-slateblue\:60\:dark { color: hsl(var(--sf-c-txt-slateblue-60)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:70\:dark, html.auto .sf-c-txt-slateblue\:70\:dark { color: hsl(var(--sf-c-txt-slateblue-70)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:80\:dark, html.auto .sf-c-txt-slateblue\:80\:dark { color: hsl(var(--sf-c-txt-slateblue-80)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:90\:dark, html.auto .sf-c-txt-slateblue\:90\:dark { color: hsl(var(--sf-c-txt-slateblue-90)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:100\:dark, html.auto .sf-c-txt-slateblue\:100\:dark { color: hsl(var(--sf-c-txt-slateblue-100)) } + html.var[data-theme='auto'] .sf-c-slateblue, html.var.auto .sf-c-slateblue { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 42%) } html.var[data-theme='auto'] .sf-c-slateblue\:0, html.var.auto .sf-c-slateblue\:0 { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 100%) } html.var[data-theme='auto'] .sf-c-slateblue\:10, html.var.auto .sf-c-slateblue\:10 { color: hsl(248, 53%, 10%); background: hsl(248, 53%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-slateblue\:100\:dark, html.var.dark .sf-c-slat html.var[data-theme='auto'] .sf-c-slateblue\:80\:dark, html.var.auto .sf-c-slateblue\:80\:dark { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 20%) } html.var[data-theme='auto'] .sf-c-slateblue\:90\:dark, html.var.auto .sf-c-slateblue\:90\:dark { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 10%) } html.var[data-theme='auto'] .sf-c-slateblue\:100\:dark, html.var.auto .sf-c-slateblue\:100\:dark { color: hsl(248, 53%, 90%); background: hsl(248, 53%, 0%) } -} -.sf-c-txt-slateblue { color: hsl(var(--sf-c-txt-slateblue)) } -.sf-c-txt-slateblue\:0 { color: hsl(var(--sf-c-txt-slateblue-0)) } -.sf-c-txt-slateblue\:10 { color: hsl(var(--sf-c-txt-slateblue-10)) } -.sf-c-txt-slateblue\:20 { color: hsl(var(--sf-c-txt-slateblue-20)) } -.sf-c-txt-slateblue\:30 { color: hsl(var(--sf-c-txt-slateblue-30)) } -.sf-c-txt-slateblue\:40 { color: hsl(var(--sf-c-txt-slateblue-40)) } -.sf-c-txt-slateblue\:50 { color: hsl(var(--sf-c-txt-slateblue-50)) } -.sf-c-txt-slateblue\:60 { color: hsl(var(--sf-c-txt-slateblue-60)) } -.sf-c-txt-slateblue\:70 { color: hsl(var(--sf-c-txt-slateblue-70)) } -.sf-c-txt-slateblue\:80 { color: hsl(var(--sf-c-txt-slateblue-80)) } -.sf-c-txt-slateblue\:90 { color: hsl(var(--sf-c-txt-slateblue-90)) } -.sf-c-txt-slateblue\:100 { color: hsl(var(--sf-c-txt-slateblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-slateblue, html.auto .sf-c-txt-slateblue { color: hsl(248, 53%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:0, html.auto .sf-c-txt-slateblue\:0 { color: hsl(248, 53%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:10, html.auto .sf-c-txt-slateblue\:10 { color: hsl(248, 53%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:20, html.auto .sf-c-txt-slateblue\:20 { color: hsl(248, 53%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:30, html.auto .sf-c-txt-slateblue\:30 { color: hsl(248, 53%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:40, html.auto .sf-c-txt-slateblue\:40 { color: hsl(248, 53%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:50, html.auto .sf-c-txt-slateblue\:50 { color: hsl(248, 53%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:60, html.auto .sf-c-txt-slateblue\:60 { color: hsl(248, 53%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:70, html.auto .sf-c-txt-slateblue\:70 { color: hsl(248, 53%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:80, html.auto .sf-c-txt-slateblue\:80 { color: hsl(248, 53%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:90, html.auto .sf-c-txt-slateblue\:90 { color: hsl(248, 53%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:100, html.auto .sf-c-txt-slateblue\:100 { color: hsl(248, 53%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-slateblue\:dark, html.auto .sf-c-txt-slateblue\:dark { color: hsl(248, 53%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:0\:dark, html.auto .sf-c-txt-slateblue\:0\:dark { color: hsl(248, 53%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:10\:dark, html.auto .sf-c-txt-slateblue\:10\:dark { color: hsl(248, 53%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:20\:dark, html.auto .sf-c-txt-slateblue\:20\:dark { color: hsl(248, 53%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:30\:dark, html.auto .sf-c-txt-slateblue\:30\:dark { color: hsl(248, 53%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:40\:dark, html.auto .sf-c-txt-slateblue\:40\:dark { color: hsl(248, 53%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:50\:dark, html.auto .sf-c-txt-slateblue\:50\:dark { color: hsl(248, 53%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:60\:dark, html.auto .sf-c-txt-slateblue\:60\:dark { color: hsl(248, 53%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:70\:dark, html.auto .sf-c-txt-slateblue\:70\:dark { color: hsl(248, 53%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:80\:dark, html.auto .sf-c-txt-slateblue\:80\:dark { color: hsl(248, 53%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:90\:dark, html.auto .sf-c-txt-slateblue\:90\:dark { color: hsl(248, 53%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:100\:dark, html.auto .sf-c-txt-slateblue\:100\:dark { color: hsl(248, 53%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/slategray.css b/src/colors/10/slategray.css index f6bbd42..52d83cd 100644 --- a/src/colors/10/slategray.css +++ b/src/colors/10/slategray.css @@ -78,6 +78,32 @@ html.var .sf-c-slategray\:80 { color: hsl(210, 13%, 10%); background: hsl(210, 1 html.var .sf-c-slategray\:90 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } html.var .sf-c-slategray\:100 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 100%) } +.sf-c-txt-slategray { color: hsl(var(--sf-dark-c-txt-slategray)) } +.sf-c-txt-slategray\:0 { color: hsl(var(--sf-dark-c-txt-slategray-100)) } +.sf-c-txt-slategray\:10 { color: hsl(var(--sf-dark-c-txt-slategray-90)) } +.sf-c-txt-slategray\:20 { color: hsl(var(--sf-dark-c-txt-slategray-80)) } +.sf-c-txt-slategray\:30 { color: hsl(var(--sf-dark-c-txt-slategray-70)) } +.sf-c-txt-slategray\:40 { color: hsl(var(--sf-dark-c-txt-slategray-60)) } +.sf-c-txt-slategray\:50 { color: hsl(var(--sf-dark-c-txt-slategray-50)) } +.sf-c-txt-slategray\:60 { color: hsl(var(--sf-dark-c-txt-slategray-40)) } +.sf-c-txt-slategray\:70 { color: hsl(var(--sf-dark-c-txt-slategray-30)) } +.sf-c-txt-slategray\:80 { color: hsl(var(--sf-dark-c-txt-slategray-20)) } +.sf-c-txt-slategray\:90 { color: hsl(var(--sf-dark-c-txt-slategray-10)) } +.sf-c-txt-slategray\:100 { color: hsl(var(--sf-dark-c-txt-slategray-0)) } + +html.var .sf-c-txt-slategray { color: hsl(210, 13%, 50%) } +html.var .sf-c-txt-slategray\:0 { color: hsl(210, 13%, 100%) } +html.var .sf-c-txt-slategray\:10 { color: hsl(210, 13%, 90%) } +html.var .sf-c-txt-slategray\:20 { color: hsl(210, 13%, 80%) } +html.var .sf-c-txt-slategray\:30 { color: hsl(210, 13%, 70%) } +html.var .sf-c-txt-slategray\:40 { color: hsl(210, 13%, 60%) } +html.var .sf-c-txt-slategray\:50 { color: hsl(210, 13%, 50%) } +html.var .sf-c-txt-slategray\:60 { color: hsl(210, 13%, 40%) } +html.var .sf-c-txt-slategray\:70 { color: hsl(210, 13%, 30%) } +html.var .sf-c-txt-slategray\:80 { color: hsl(210, 13%, 20%) } +html.var .sf-c-txt-slategray\:90 { color: hsl(210, 13%, 10%) } +html.var .sf-c-txt-slategray\:100 { color: hsl(210, 13%, 0%) } + html[data-theme='dark'] .sf-c-slategray, html.dark .sf-c-slategray { color: hsl(var(--sf-dark-c-txt-slategray-90)); background: hsl(var(--sf-dark-c-slategray)) } html[data-theme='dark'] .sf-c-slategray\:0, html.dark .sf-c-slategray\:0 { color: hsl(var(--sf-dark-c-txt-slategray-90)); background: hsl(var(--sf-dark-c-slategray-100)) } html[data-theme='dark'] .sf-c-slategray\:10, html.dark .sf-c-slategray\:10 { color: hsl(var(--sf-dark-c-txt-slategray-10)); background: hsl(var(--sf-dark-c-slategray-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-slategray\:80\:dark, html.dark .sf-c-slategray\:80 html[data-theme='dark'] .sf-c-slategray\:90\:dark, html.dark .sf-c-slategray\:90\:dark { color: hsl(var(--sf-c-txt-slategray-90)); background: hsl(var(--sf-c-slategray-10)) } html[data-theme='dark'] .sf-c-slategray\:100\:dark, html.dark .sf-c-slategray\:100\:dark { color: hsl(var(--sf-c-txt-slategray-90)); background: hsl(var(--sf-c-slategray-0)) } +html[data-theme='dark'] .sf-c-txt-slategray, html.dark .sf-c-txt-slategray { color: hsl(var(--sf-c-txt-slategray)) } +html[data-theme='dark'] .sf-c-txt-slategray\:0, html.dark .sf-c-txt-slategray\:0 { color: hsl(var(--sf-c-txt-slategray-0)) } +html[data-theme='dark'] .sf-c-txt-slategray\:10, html.dark .sf-c-txt-slategray\:10 { color: hsl(var(--sf-c-txt-slategray-10)) } +html[data-theme='dark'] .sf-c-txt-slategray\:20, html.dark .sf-c-txt-slategray\:20 { color: hsl(var(--sf-c-txt-slategray-20)) } +html[data-theme='dark'] .sf-c-txt-slategray\:30, html.dark .sf-c-txt-slategray\:30 { color: hsl(var(--sf-c-txt-slategray-30)) } +html[data-theme='dark'] .sf-c-txt-slategray\:40, html.dark .sf-c-txt-slategray\:40 { color: hsl(var(--sf-c-txt-slategray-40)) } +html[data-theme='dark'] .sf-c-txt-slategray\:50, html.dark .sf-c-txt-slategray\:50 { color: hsl(var(--sf-c-txt-slategray-50)) } +html[data-theme='dark'] .sf-c-txt-slategray\:60, html.dark .sf-c-txt-slategray\:60 { color: hsl(var(--sf-c-txt-slategray-60)) } +html[data-theme='dark'] .sf-c-txt-slategray\:70, html.dark .sf-c-txt-slategray\:70 { color: hsl(var(--sf-c-txt-slategray-70)) } +html[data-theme='dark'] .sf-c-txt-slategray\:80, html.dark .sf-c-txt-slategray\:80 { color: hsl(var(--sf-c-txt-slategray-80)) } +html[data-theme='dark'] .sf-c-txt-slategray\:90, html.dark .sf-c-txt-slategray\:90 { color: hsl(var(--sf-c-txt-slategray-90)) } +html[data-theme='dark'] .sf-c-txt-slategray\:100, html.dark .sf-c-txt-slategray\:100 { color: hsl(var(--sf-c-txt-slategray-100)) } + +html[data-theme='dark'] .sf-c-txt-slategray\:dark, html.dark .sf-c-txt-slategray\:dark { color: hsl(var(--sf-c-txt-slategray)) } +html[data-theme='dark'] .sf-c-txt-slategray\:0\:dark, html.dark .sf-c-txt-slategray\:0\:dark { color: hsl(var(--sf-dark-c-txt-slategray-0)) } +html[data-theme='dark'] .sf-c-txt-slategray\:10\:dark, html.dark .sf-c-txt-slategray\:10\:dark { color: hsl(var(--sf-dark-c-txt-slategray-10)) } +html[data-theme='dark'] .sf-c-txt-slategray\:20\:dark, html.dark .sf-c-txt-slategray\:20\:dark { color: hsl(var(--sf-dark-c-txt-slategray-20)) } +html[data-theme='dark'] .sf-c-txt-slategray\:30\:dark, html.dark .sf-c-txt-slategray\:30\:dark { color: hsl(var(--sf-dark-c-txt-slategray-30)) } +html[data-theme='dark'] .sf-c-txt-slategray\:40\:dark, html.dark .sf-c-txt-slategray\:40\:dark { color: hsl(var(--sf-dark-c-txt-slategray-40)) } +html[data-theme='dark'] .sf-c-txt-slategray\:50\:dark, html.dark .sf-c-txt-slategray\:50\:dark { color: hsl(var(--sf-dark-c-txt-slategray-50)) } +html[data-theme='dark'] .sf-c-txt-slategray\:60\:dark, html.dark .sf-c-txt-slategray\:60\:dark { color: hsl(var(--sf-dark-c-txt-slategray-60)) } +html[data-theme='dark'] .sf-c-txt-slategray\:70\:dark, html.dark .sf-c-txt-slategray\:70\:dark { color: hsl(var(--sf-dark-c-txt-slategray-70)) } +html[data-theme='dark'] .sf-c-txt-slategray\:80\:dark, html.dark .sf-c-txt-slategray\:80\:dark { color: hsl(var(--sf-dark-c-txt-slategray-80)) } +html[data-theme='dark'] .sf-c-txt-slategray\:90\:dark, html.dark .sf-c-txt-slategray\:90\:dark { color: hsl(var(--sf-dark-c-txt-slategray-90)) } +html[data-theme='dark'] .sf-c-txt-slategray\:100\:dark, html.dark .sf-c-txt-slategray\:100\:dark { color: hsl(var(--sf-dark-c-txt-slategray-100)) } + html.var[data-theme='dark'] .sf-c-slategray, html.var.dark .sf-c-slategray { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } html.var[data-theme='dark'] .sf-c-slategray\:0, html.var.dark .sf-c-slategray\:0 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 100%) } html.var[data-theme='dark'] .sf-c-slategray\:10, html.var.dark .sf-c-slategray\:10 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-slategray\:80\:dark, html.var.dark .sf-c-slate html.var[data-theme='dark'] .sf-c-slategray\:90\:dark, html.var.dark .sf-c-slategray\:90\:dark { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 10%) } html.var[data-theme='dark'] .sf-c-slategray\:100\:dark, html.var.dark .sf-c-slategray\:100\:dark { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slategray, html.dark .sf-c-txt-slategray { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:0, html.dark .sf-c-txt-slategray\:0 { color: hsl(210, 13%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:10, html.dark .sf-c-txt-slategray\:10 { color: hsl(210, 13%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:20, html.dark .sf-c-txt-slategray\:20 { color: hsl(210, 13%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:30, html.dark .sf-c-txt-slategray\:30 { color: hsl(210, 13%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:40, html.dark .sf-c-txt-slategray\:40 { color: hsl(210, 13%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:50, html.dark .sf-c-txt-slategray\:50 { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:60, html.dark .sf-c-txt-slategray\:60 { color: hsl(210, 13%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:70, html.dark .sf-c-txt-slategray\:70 { color: hsl(210, 13%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:80, html.dark .sf-c-txt-slategray\:80 { color: hsl(210, 13%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:90, html.dark .sf-c-txt-slategray\:90 { color: hsl(210, 13%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:100, html.dark .sf-c-txt-slategray\:100 { color: hsl(210, 13%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-slategray\:dark, html.dark .sf-c-txt-slategray\:dark { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:0\:dark, html.dark .sf-c-txt-slategray\:0\:dark { color: hsl(210, 13%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:10\:dark, html.dark .sf-c-txt-slategray\:10\:dark { color: hsl(210, 13%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:20\:dark, html.dark .sf-c-txt-slategray\:20\:dark { color: hsl(210, 13%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:30\:dark, html.dark .sf-c-txt-slategray\:30\:dark { color: hsl(210, 13%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:40\:dark, html.dark .sf-c-txt-slategray\:40\:dark { color: hsl(210, 13%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:50\:dark, html.dark .sf-c-txt-slategray\:50\:dark { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:60\:dark, html.dark .sf-c-txt-slategray\:60\:dark { color: hsl(210, 13%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:70\:dark, html.dark .sf-c-txt-slategray\:70\:dark { color: hsl(210, 13%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:80\:dark, html.dark .sf-c-txt-slategray\:80\:dark { color: hsl(210, 13%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:90\:dark, html.dark .sf-c-txt-slategray\:90\:dark { color: hsl(210, 13%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:100\:dark, html.dark .sf-c-txt-slategray\:100\:dark { color: hsl(210, 13%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-slategray, html.auto .sf-c-slategray { color: hsl(var(--sf-dark-c-txt-slategray-90)); background: hsl(var(--sf-dark-c-slategray)) } html[data-theme='auto'] .sf-c-slategray\:0, html.auto .sf-c-slategray\:0 { color: hsl(var(--sf-dark-c-txt-slategray-90)); background: hsl(var(--sf-dark-c-slategray-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-slategray\:100\:dark, html.var.dark .sf-c-slat html[data-theme='auto'] .sf-c-slategray\:90\:dark, html.auto .sf-c-slategray\:90\:dark { color: hsl(var(--sf-c-txt-slategray-90)); background: hsl(var(--sf-c-slategray-10)) } html[data-theme='auto'] .sf-c-slategray\:100\:dark, html.auto .sf-c-slategray\:100\:dark { color: hsl(var(--sf-c-txt-slategray-90)); background: hsl(var(--sf-c-slategray-0)) } + html[data-theme='auto'] .sf-c-txt-slategray, html.auto .sf-c-txt-slategray { color: hsl(var(--sf-c-txt-slategray)) } + html[data-theme='auto'] .sf-c-txt-slategray\:0, html.auto .sf-c-txt-slategray\:0 { color: hsl(var(--sf-c-txt-slategray-0)) } + html[data-theme='auto'] .sf-c-txt-slategray\:10, html.auto .sf-c-txt-slategray\:10 { color: hsl(var(--sf-c-txt-slategray-10)) } + html[data-theme='auto'] .sf-c-txt-slategray\:20, html.auto .sf-c-txt-slategray\:20 { color: hsl(var(--sf-c-txt-slategray-20)) } + html[data-theme='auto'] .sf-c-txt-slategray\:30, html.auto .sf-c-txt-slategray\:30 { color: hsl(var(--sf-c-txt-slategray-30)) } + html[data-theme='auto'] .sf-c-txt-slategray\:40, html.auto .sf-c-txt-slategray\:40 { color: hsl(var(--sf-c-txt-slategray-40)) } + html[data-theme='auto'] .sf-c-txt-slategray\:50, html.auto .sf-c-txt-slategray\:50 { color: hsl(var(--sf-c-txt-slategray-50)) } + html[data-theme='auto'] .sf-c-txt-slategray\:60, html.auto .sf-c-txt-slategray\:60 { color: hsl(var(--sf-c-txt-slategray-60)) } + html[data-theme='auto'] .sf-c-txt-slategray\:70, html.auto .sf-c-txt-slategray\:70 { color: hsl(var(--sf-c-txt-slategray-70)) } + html[data-theme='auto'] .sf-c-txt-slategray\:80, html.auto .sf-c-txt-slategray\:80 { color: hsl(var(--sf-c-txt-slategray-80)) } + html[data-theme='auto'] .sf-c-txt-slategray\:90, html.auto .sf-c-txt-slategray\:90 { color: hsl(var(--sf-c-txt-slategray-90)) } + html[data-theme='auto'] .sf-c-txt-slategray\:100, html.auto .sf-c-txt-slategray\:100 { color: hsl(var(--sf-c-txt-slategray-100)) } + + html[data-theme='auto'] .sf-c-txt-slategray\:dark, html.auto .sf-c-txt-slategray\:dark { color: hsl(var(--sf-c-txt-slategray)) } + html[data-theme='auto'] .sf-c-txt-slategray\:0\:dark, html.auto .sf-c-txt-slategray\:0\:dark { color: hsl(var(--sf-c-txt-slategray-0)) } + html[data-theme='auto'] .sf-c-txt-slategray\:10\:dark, html.auto .sf-c-txt-slategray\:10\:dark { color: hsl(var(--sf-c-txt-slategray-10)) } + html[data-theme='auto'] .sf-c-txt-slategray\:20\:dark, html.auto .sf-c-txt-slategray\:20\:dark { color: hsl(var(--sf-c-txt-slategray-20)) } + html[data-theme='auto'] .sf-c-txt-slategray\:30\:dark, html.auto .sf-c-txt-slategray\:30\:dark { color: hsl(var(--sf-c-txt-slategray-30)) } + html[data-theme='auto'] .sf-c-txt-slategray\:40\:dark, html.auto .sf-c-txt-slategray\:40\:dark { color: hsl(var(--sf-c-txt-slategray-40)) } + html[data-theme='auto'] .sf-c-txt-slategray\:50\:dark, html.auto .sf-c-txt-slategray\:50\:dark { color: hsl(var(--sf-c-txt-slategray-50)) } + html[data-theme='auto'] .sf-c-txt-slategray\:60\:dark, html.auto .sf-c-txt-slategray\:60\:dark { color: hsl(var(--sf-c-txt-slategray-60)) } + html[data-theme='auto'] .sf-c-txt-slategray\:70\:dark, html.auto .sf-c-txt-slategray\:70\:dark { color: hsl(var(--sf-c-txt-slategray-70)) } + html[data-theme='auto'] .sf-c-txt-slategray\:80\:dark, html.auto .sf-c-txt-slategray\:80\:dark { color: hsl(var(--sf-c-txt-slategray-80)) } + html[data-theme='auto'] .sf-c-txt-slategray\:90\:dark, html.auto .sf-c-txt-slategray\:90\:dark { color: hsl(var(--sf-c-txt-slategray-90)) } + html[data-theme='auto'] .sf-c-txt-slategray\:100\:dark, html.auto .sf-c-txt-slategray\:100\:dark { color: hsl(var(--sf-c-txt-slategray-100)) } + html.var[data-theme='auto'] .sf-c-slategray, html.var.auto .sf-c-slategray { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } html.var[data-theme='auto'] .sf-c-slategray\:0, html.var.auto .sf-c-slategray\:0 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 100%) } html.var[data-theme='auto'] .sf-c-slategray\:10, html.var.auto .sf-c-slategray\:10 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-slategray\:100\:dark, html.var.dark .sf-c-slat html.var[data-theme='auto'] .sf-c-slategray\:80\:dark, html.var.auto .sf-c-slategray\:80\:dark { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 20%) } html.var[data-theme='auto'] .sf-c-slategray\:90\:dark, html.var.auto .sf-c-slategray\:90\:dark { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 10%) } html.var[data-theme='auto'] .sf-c-slategray\:100\:dark, html.var.auto .sf-c-slategray\:100\:dark { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 0%) } -} -.sf-c-txt-slategray { color: hsl(var(--sf-c-txt-slategray)) } -.sf-c-txt-slategray\:0 { color: hsl(var(--sf-c-txt-slategray-0)) } -.sf-c-txt-slategray\:10 { color: hsl(var(--sf-c-txt-slategray-10)) } -.sf-c-txt-slategray\:20 { color: hsl(var(--sf-c-txt-slategray-20)) } -.sf-c-txt-slategray\:30 { color: hsl(var(--sf-c-txt-slategray-30)) } -.sf-c-txt-slategray\:40 { color: hsl(var(--sf-c-txt-slategray-40)) } -.sf-c-txt-slategray\:50 { color: hsl(var(--sf-c-txt-slategray-50)) } -.sf-c-txt-slategray\:60 { color: hsl(var(--sf-c-txt-slategray-60)) } -.sf-c-txt-slategray\:70 { color: hsl(var(--sf-c-txt-slategray-70)) } -.sf-c-txt-slategray\:80 { color: hsl(var(--sf-c-txt-slategray-80)) } -.sf-c-txt-slategray\:90 { color: hsl(var(--sf-c-txt-slategray-90)) } -.sf-c-txt-slategray\:100 { color: hsl(var(--sf-c-txt-slategray-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-slategray, html.auto .sf-c-txt-slategray { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:0, html.auto .sf-c-txt-slategray\:0 { color: hsl(210, 13%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:10, html.auto .sf-c-txt-slategray\:10 { color: hsl(210, 13%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:20, html.auto .sf-c-txt-slategray\:20 { color: hsl(210, 13%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:30, html.auto .sf-c-txt-slategray\:30 { color: hsl(210, 13%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:40, html.auto .sf-c-txt-slategray\:40 { color: hsl(210, 13%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:50, html.auto .sf-c-txt-slategray\:50 { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:60, html.auto .sf-c-txt-slategray\:60 { color: hsl(210, 13%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:70, html.auto .sf-c-txt-slategray\:70 { color: hsl(210, 13%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:80, html.auto .sf-c-txt-slategray\:80 { color: hsl(210, 13%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:90, html.auto .sf-c-txt-slategray\:90 { color: hsl(210, 13%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:100, html.auto .sf-c-txt-slategray\:100 { color: hsl(210, 13%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-slategray\:dark, html.auto .sf-c-txt-slategray\:dark { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:0\:dark, html.auto .sf-c-txt-slategray\:0\:dark { color: hsl(210, 13%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:10\:dark, html.auto .sf-c-txt-slategray\:10\:dark { color: hsl(210, 13%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:20\:dark, html.auto .sf-c-txt-slategray\:20\:dark { color: hsl(210, 13%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:30\:dark, html.auto .sf-c-txt-slategray\:30\:dark { color: hsl(210, 13%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:40\:dark, html.auto .sf-c-txt-slategray\:40\:dark { color: hsl(210, 13%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:50\:dark, html.auto .sf-c-txt-slategray\:50\:dark { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:60\:dark, html.auto .sf-c-txt-slategray\:60\:dark { color: hsl(210, 13%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:70\:dark, html.auto .sf-c-txt-slategray\:70\:dark { color: hsl(210, 13%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:80\:dark, html.auto .sf-c-txt-slategray\:80\:dark { color: hsl(210, 13%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:90\:dark, html.auto .sf-c-txt-slategray\:90\:dark { color: hsl(210, 13%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:100\:dark, html.auto .sf-c-txt-slategray\:100\:dark { color: hsl(210, 13%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/slategrey.css b/src/colors/10/slategrey.css index e69e27f..fed6e8d 100644 --- a/src/colors/10/slategrey.css +++ b/src/colors/10/slategrey.css @@ -78,6 +78,32 @@ html.var .sf-c-slategrey\:80 { color: hsl(210, 13%, 10%); background: hsl(210, 1 html.var .sf-c-slategrey\:90 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } html.var .sf-c-slategrey\:100 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 100%) } +.sf-c-txt-slategrey { color: hsl(var(--sf-dark-c-txt-slategrey)) } +.sf-c-txt-slategrey\:0 { color: hsl(var(--sf-dark-c-txt-slategrey-100)) } +.sf-c-txt-slategrey\:10 { color: hsl(var(--sf-dark-c-txt-slategrey-90)) } +.sf-c-txt-slategrey\:20 { color: hsl(var(--sf-dark-c-txt-slategrey-80)) } +.sf-c-txt-slategrey\:30 { color: hsl(var(--sf-dark-c-txt-slategrey-70)) } +.sf-c-txt-slategrey\:40 { color: hsl(var(--sf-dark-c-txt-slategrey-60)) } +.sf-c-txt-slategrey\:50 { color: hsl(var(--sf-dark-c-txt-slategrey-50)) } +.sf-c-txt-slategrey\:60 { color: hsl(var(--sf-dark-c-txt-slategrey-40)) } +.sf-c-txt-slategrey\:70 { color: hsl(var(--sf-dark-c-txt-slategrey-30)) } +.sf-c-txt-slategrey\:80 { color: hsl(var(--sf-dark-c-txt-slategrey-20)) } +.sf-c-txt-slategrey\:90 { color: hsl(var(--sf-dark-c-txt-slategrey-10)) } +.sf-c-txt-slategrey\:100 { color: hsl(var(--sf-dark-c-txt-slategrey-0)) } + +html.var .sf-c-txt-slategrey { color: hsl(210, 13%, 50%) } +html.var .sf-c-txt-slategrey\:0 { color: hsl(210, 13%, 100%) } +html.var .sf-c-txt-slategrey\:10 { color: hsl(210, 13%, 90%) } +html.var .sf-c-txt-slategrey\:20 { color: hsl(210, 13%, 80%) } +html.var .sf-c-txt-slategrey\:30 { color: hsl(210, 13%, 70%) } +html.var .sf-c-txt-slategrey\:40 { color: hsl(210, 13%, 60%) } +html.var .sf-c-txt-slategrey\:50 { color: hsl(210, 13%, 50%) } +html.var .sf-c-txt-slategrey\:60 { color: hsl(210, 13%, 40%) } +html.var .sf-c-txt-slategrey\:70 { color: hsl(210, 13%, 30%) } +html.var .sf-c-txt-slategrey\:80 { color: hsl(210, 13%, 20%) } +html.var .sf-c-txt-slategrey\:90 { color: hsl(210, 13%, 10%) } +html.var .sf-c-txt-slategrey\:100 { color: hsl(210, 13%, 0%) } + html[data-theme='dark'] .sf-c-slategrey, html.dark .sf-c-slategrey { color: hsl(var(--sf-dark-c-txt-slategrey-90)); background: hsl(var(--sf-dark-c-slategrey)) } html[data-theme='dark'] .sf-c-slategrey\:0, html.dark .sf-c-slategrey\:0 { color: hsl(var(--sf-dark-c-txt-slategrey-90)); background: hsl(var(--sf-dark-c-slategrey-100)) } html[data-theme='dark'] .sf-c-slategrey\:10, html.dark .sf-c-slategrey\:10 { color: hsl(var(--sf-dark-c-txt-slategrey-10)); background: hsl(var(--sf-dark-c-slategrey-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-slategrey\:80\:dark, html.dark .sf-c-slategrey\:80 html[data-theme='dark'] .sf-c-slategrey\:90\:dark, html.dark .sf-c-slategrey\:90\:dark { color: hsl(var(--sf-c-txt-slategrey-90)); background: hsl(var(--sf-c-slategrey-10)) } html[data-theme='dark'] .sf-c-slategrey\:100\:dark, html.dark .sf-c-slategrey\:100\:dark { color: hsl(var(--sf-c-txt-slategrey-90)); background: hsl(var(--sf-c-slategrey-0)) } +html[data-theme='dark'] .sf-c-txt-slategrey, html.dark .sf-c-txt-slategrey { color: hsl(var(--sf-c-txt-slategrey)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:0, html.dark .sf-c-txt-slategrey\:0 { color: hsl(var(--sf-c-txt-slategrey-0)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:10, html.dark .sf-c-txt-slategrey\:10 { color: hsl(var(--sf-c-txt-slategrey-10)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:20, html.dark .sf-c-txt-slategrey\:20 { color: hsl(var(--sf-c-txt-slategrey-20)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:30, html.dark .sf-c-txt-slategrey\:30 { color: hsl(var(--sf-c-txt-slategrey-30)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:40, html.dark .sf-c-txt-slategrey\:40 { color: hsl(var(--sf-c-txt-slategrey-40)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:50, html.dark .sf-c-txt-slategrey\:50 { color: hsl(var(--sf-c-txt-slategrey-50)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:60, html.dark .sf-c-txt-slategrey\:60 { color: hsl(var(--sf-c-txt-slategrey-60)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:70, html.dark .sf-c-txt-slategrey\:70 { color: hsl(var(--sf-c-txt-slategrey-70)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:80, html.dark .sf-c-txt-slategrey\:80 { color: hsl(var(--sf-c-txt-slategrey-80)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:90, html.dark .sf-c-txt-slategrey\:90 { color: hsl(var(--sf-c-txt-slategrey-90)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:100, html.dark .sf-c-txt-slategrey\:100 { color: hsl(var(--sf-c-txt-slategrey-100)) } + +html[data-theme='dark'] .sf-c-txt-slategrey\:dark, html.dark .sf-c-txt-slategrey\:dark { color: hsl(var(--sf-c-txt-slategrey)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:0\:dark, html.dark .sf-c-txt-slategrey\:0\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-0)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:10\:dark, html.dark .sf-c-txt-slategrey\:10\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-10)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:20\:dark, html.dark .sf-c-txt-slategrey\:20\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-20)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:30\:dark, html.dark .sf-c-txt-slategrey\:30\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-30)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:40\:dark, html.dark .sf-c-txt-slategrey\:40\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-40)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:50\:dark, html.dark .sf-c-txt-slategrey\:50\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-50)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:60\:dark, html.dark .sf-c-txt-slategrey\:60\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-60)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:70\:dark, html.dark .sf-c-txt-slategrey\:70\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-70)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:80\:dark, html.dark .sf-c-txt-slategrey\:80\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-80)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:90\:dark, html.dark .sf-c-txt-slategrey\:90\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-90)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:100\:dark, html.dark .sf-c-txt-slategrey\:100\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-100)) } + html.var[data-theme='dark'] .sf-c-slategrey, html.var.dark .sf-c-slategrey { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } html.var[data-theme='dark'] .sf-c-slategrey\:0, html.var.dark .sf-c-slategrey\:0 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 100%) } html.var[data-theme='dark'] .sf-c-slategrey\:10, html.var.dark .sf-c-slategrey\:10 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-slategrey\:80\:dark, html.var.dark .sf-c-slate html.var[data-theme='dark'] .sf-c-slategrey\:90\:dark, html.var.dark .sf-c-slategrey\:90\:dark { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 10%) } html.var[data-theme='dark'] .sf-c-slategrey\:100\:dark, html.var.dark .sf-c-slategrey\:100\:dark { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey, html.dark .sf-c-txt-slategrey { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:0, html.dark .sf-c-txt-slategrey\:0 { color: hsl(210, 13%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:10, html.dark .sf-c-txt-slategrey\:10 { color: hsl(210, 13%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:20, html.dark .sf-c-txt-slategrey\:20 { color: hsl(210, 13%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:30, html.dark .sf-c-txt-slategrey\:30 { color: hsl(210, 13%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:40, html.dark .sf-c-txt-slategrey\:40 { color: hsl(210, 13%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:50, html.dark .sf-c-txt-slategrey\:50 { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:60, html.dark .sf-c-txt-slategrey\:60 { color: hsl(210, 13%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:70, html.dark .sf-c-txt-slategrey\:70 { color: hsl(210, 13%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:80, html.dark .sf-c-txt-slategrey\:80 { color: hsl(210, 13%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:90, html.dark .sf-c-txt-slategrey\:90 { color: hsl(210, 13%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:100, html.dark .sf-c-txt-slategrey\:100 { color: hsl(210, 13%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-slategrey\:dark, html.dark .sf-c-txt-slategrey\:dark { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:0\:dark, html.dark .sf-c-txt-slategrey\:0\:dark { color: hsl(210, 13%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:10\:dark, html.dark .sf-c-txt-slategrey\:10\:dark { color: hsl(210, 13%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:20\:dark, html.dark .sf-c-txt-slategrey\:20\:dark { color: hsl(210, 13%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:30\:dark, html.dark .sf-c-txt-slategrey\:30\:dark { color: hsl(210, 13%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:40\:dark, html.dark .sf-c-txt-slategrey\:40\:dark { color: hsl(210, 13%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:50\:dark, html.dark .sf-c-txt-slategrey\:50\:dark { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:60\:dark, html.dark .sf-c-txt-slategrey\:60\:dark { color: hsl(210, 13%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:70\:dark, html.dark .sf-c-txt-slategrey\:70\:dark { color: hsl(210, 13%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:80\:dark, html.dark .sf-c-txt-slategrey\:80\:dark { color: hsl(210, 13%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:90\:dark, html.dark .sf-c-txt-slategrey\:90\:dark { color: hsl(210, 13%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:100\:dark, html.dark .sf-c-txt-slategrey\:100\:dark { color: hsl(210, 13%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-slategrey, html.auto .sf-c-slategrey { color: hsl(var(--sf-dark-c-txt-slategrey-90)); background: hsl(var(--sf-dark-c-slategrey)) } html[data-theme='auto'] .sf-c-slategrey\:0, html.auto .sf-c-slategrey\:0 { color: hsl(var(--sf-dark-c-txt-slategrey-90)); background: hsl(var(--sf-dark-c-slategrey-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-slategrey\:100\:dark, html.var.dark .sf-c-slat html[data-theme='auto'] .sf-c-slategrey\:90\:dark, html.auto .sf-c-slategrey\:90\:dark { color: hsl(var(--sf-c-txt-slategrey-90)); background: hsl(var(--sf-c-slategrey-10)) } html[data-theme='auto'] .sf-c-slategrey\:100\:dark, html.auto .sf-c-slategrey\:100\:dark { color: hsl(var(--sf-c-txt-slategrey-90)); background: hsl(var(--sf-c-slategrey-0)) } + html[data-theme='auto'] .sf-c-txt-slategrey, html.auto .sf-c-txt-slategrey { color: hsl(var(--sf-c-txt-slategrey)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:0, html.auto .sf-c-txt-slategrey\:0 { color: hsl(var(--sf-c-txt-slategrey-0)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:10, html.auto .sf-c-txt-slategrey\:10 { color: hsl(var(--sf-c-txt-slategrey-10)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:20, html.auto .sf-c-txt-slategrey\:20 { color: hsl(var(--sf-c-txt-slategrey-20)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:30, html.auto .sf-c-txt-slategrey\:30 { color: hsl(var(--sf-c-txt-slategrey-30)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:40, html.auto .sf-c-txt-slategrey\:40 { color: hsl(var(--sf-c-txt-slategrey-40)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:50, html.auto .sf-c-txt-slategrey\:50 { color: hsl(var(--sf-c-txt-slategrey-50)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:60, html.auto .sf-c-txt-slategrey\:60 { color: hsl(var(--sf-c-txt-slategrey-60)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:70, html.auto .sf-c-txt-slategrey\:70 { color: hsl(var(--sf-c-txt-slategrey-70)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:80, html.auto .sf-c-txt-slategrey\:80 { color: hsl(var(--sf-c-txt-slategrey-80)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:90, html.auto .sf-c-txt-slategrey\:90 { color: hsl(var(--sf-c-txt-slategrey-90)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:100, html.auto .sf-c-txt-slategrey\:100 { color: hsl(var(--sf-c-txt-slategrey-100)) } + + html[data-theme='auto'] .sf-c-txt-slategrey\:dark, html.auto .sf-c-txt-slategrey\:dark { color: hsl(var(--sf-c-txt-slategrey)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:0\:dark, html.auto .sf-c-txt-slategrey\:0\:dark { color: hsl(var(--sf-c-txt-slategrey-0)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:10\:dark, html.auto .sf-c-txt-slategrey\:10\:dark { color: hsl(var(--sf-c-txt-slategrey-10)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:20\:dark, html.auto .sf-c-txt-slategrey\:20\:dark { color: hsl(var(--sf-c-txt-slategrey-20)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:30\:dark, html.auto .sf-c-txt-slategrey\:30\:dark { color: hsl(var(--sf-c-txt-slategrey-30)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:40\:dark, html.auto .sf-c-txt-slategrey\:40\:dark { color: hsl(var(--sf-c-txt-slategrey-40)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:50\:dark, html.auto .sf-c-txt-slategrey\:50\:dark { color: hsl(var(--sf-c-txt-slategrey-50)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:60\:dark, html.auto .sf-c-txt-slategrey\:60\:dark { color: hsl(var(--sf-c-txt-slategrey-60)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:70\:dark, html.auto .sf-c-txt-slategrey\:70\:dark { color: hsl(var(--sf-c-txt-slategrey-70)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:80\:dark, html.auto .sf-c-txt-slategrey\:80\:dark { color: hsl(var(--sf-c-txt-slategrey-80)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:90\:dark, html.auto .sf-c-txt-slategrey\:90\:dark { color: hsl(var(--sf-c-txt-slategrey-90)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:100\:dark, html.auto .sf-c-txt-slategrey\:100\:dark { color: hsl(var(--sf-c-txt-slategrey-100)) } + html.var[data-theme='auto'] .sf-c-slategrey, html.var.auto .sf-c-slategrey { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 50%) } html.var[data-theme='auto'] .sf-c-slategrey\:0, html.var.auto .sf-c-slategrey\:0 { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 100%) } html.var[data-theme='auto'] .sf-c-slategrey\:10, html.var.auto .sf-c-slategrey\:10 { color: hsl(210, 13%, 10%); background: hsl(210, 13%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-slategrey\:100\:dark, html.var.dark .sf-c-slat html.var[data-theme='auto'] .sf-c-slategrey\:80\:dark, html.var.auto .sf-c-slategrey\:80\:dark { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 20%) } html.var[data-theme='auto'] .sf-c-slategrey\:90\:dark, html.var.auto .sf-c-slategrey\:90\:dark { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 10%) } html.var[data-theme='auto'] .sf-c-slategrey\:100\:dark, html.var.auto .sf-c-slategrey\:100\:dark { color: hsl(210, 13%, 90%); background: hsl(210, 13%, 0%) } -} -.sf-c-txt-slategrey { color: hsl(var(--sf-c-txt-slategrey)) } -.sf-c-txt-slategrey\:0 { color: hsl(var(--sf-c-txt-slategrey-0)) } -.sf-c-txt-slategrey\:10 { color: hsl(var(--sf-c-txt-slategrey-10)) } -.sf-c-txt-slategrey\:20 { color: hsl(var(--sf-c-txt-slategrey-20)) } -.sf-c-txt-slategrey\:30 { color: hsl(var(--sf-c-txt-slategrey-30)) } -.sf-c-txt-slategrey\:40 { color: hsl(var(--sf-c-txt-slategrey-40)) } -.sf-c-txt-slategrey\:50 { color: hsl(var(--sf-c-txt-slategrey-50)) } -.sf-c-txt-slategrey\:60 { color: hsl(var(--sf-c-txt-slategrey-60)) } -.sf-c-txt-slategrey\:70 { color: hsl(var(--sf-c-txt-slategrey-70)) } -.sf-c-txt-slategrey\:80 { color: hsl(var(--sf-c-txt-slategrey-80)) } -.sf-c-txt-slategrey\:90 { color: hsl(var(--sf-c-txt-slategrey-90)) } -.sf-c-txt-slategrey\:100 { color: hsl(var(--sf-c-txt-slategrey-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-slategrey, html.auto .sf-c-txt-slategrey { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:0, html.auto .sf-c-txt-slategrey\:0 { color: hsl(210, 13%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:10, html.auto .sf-c-txt-slategrey\:10 { color: hsl(210, 13%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:20, html.auto .sf-c-txt-slategrey\:20 { color: hsl(210, 13%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:30, html.auto .sf-c-txt-slategrey\:30 { color: hsl(210, 13%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:40, html.auto .sf-c-txt-slategrey\:40 { color: hsl(210, 13%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:50, html.auto .sf-c-txt-slategrey\:50 { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:60, html.auto .sf-c-txt-slategrey\:60 { color: hsl(210, 13%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:70, html.auto .sf-c-txt-slategrey\:70 { color: hsl(210, 13%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:80, html.auto .sf-c-txt-slategrey\:80 { color: hsl(210, 13%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:90, html.auto .sf-c-txt-slategrey\:90 { color: hsl(210, 13%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:100, html.auto .sf-c-txt-slategrey\:100 { color: hsl(210, 13%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-slategrey\:dark, html.auto .sf-c-txt-slategrey\:dark { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:0\:dark, html.auto .sf-c-txt-slategrey\:0\:dark { color: hsl(210, 13%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:10\:dark, html.auto .sf-c-txt-slategrey\:10\:dark { color: hsl(210, 13%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:20\:dark, html.auto .sf-c-txt-slategrey\:20\:dark { color: hsl(210, 13%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:30\:dark, html.auto .sf-c-txt-slategrey\:30\:dark { color: hsl(210, 13%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:40\:dark, html.auto .sf-c-txt-slategrey\:40\:dark { color: hsl(210, 13%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:50\:dark, html.auto .sf-c-txt-slategrey\:50\:dark { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:60\:dark, html.auto .sf-c-txt-slategrey\:60\:dark { color: hsl(210, 13%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:70\:dark, html.auto .sf-c-txt-slategrey\:70\:dark { color: hsl(210, 13%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:80\:dark, html.auto .sf-c-txt-slategrey\:80\:dark { color: hsl(210, 13%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:90\:dark, html.auto .sf-c-txt-slategrey\:90\:dark { color: hsl(210, 13%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:100\:dark, html.auto .sf-c-txt-slategrey\:100\:dark { color: hsl(210, 13%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/snow.css b/src/colors/10/snow.css index d1b4e16..3a01c70 100644 --- a/src/colors/10/snow.css +++ b/src/colors/10/snow.css @@ -78,6 +78,32 @@ html.var .sf-c-snow\:80 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 80% html.var .sf-c-snow\:90 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } html.var .sf-c-snow\:100 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 100%) } +.sf-c-txt-snow { color: hsl(var(--sf-dark-c-txt-snow)) } +.sf-c-txt-snow\:0 { color: hsl(var(--sf-dark-c-txt-snow-100)) } +.sf-c-txt-snow\:10 { color: hsl(var(--sf-dark-c-txt-snow-90)) } +.sf-c-txt-snow\:20 { color: hsl(var(--sf-dark-c-txt-snow-80)) } +.sf-c-txt-snow\:30 { color: hsl(var(--sf-dark-c-txt-snow-70)) } +.sf-c-txt-snow\:40 { color: hsl(var(--sf-dark-c-txt-snow-60)) } +.sf-c-txt-snow\:50 { color: hsl(var(--sf-dark-c-txt-snow-50)) } +.sf-c-txt-snow\:60 { color: hsl(var(--sf-dark-c-txt-snow-40)) } +.sf-c-txt-snow\:70 { color: hsl(var(--sf-dark-c-txt-snow-30)) } +.sf-c-txt-snow\:80 { color: hsl(var(--sf-dark-c-txt-snow-20)) } +.sf-c-txt-snow\:90 { color: hsl(var(--sf-dark-c-txt-snow-10)) } +.sf-c-txt-snow\:100 { color: hsl(var(--sf-dark-c-txt-snow-0)) } + +html.var .sf-c-txt-snow { color: hsl(0, 100%, 1%) } +html.var .sf-c-txt-snow\:0 { color: hsl(0, 100%, 100%) } +html.var .sf-c-txt-snow\:10 { color: hsl(0, 100%, 90%) } +html.var .sf-c-txt-snow\:20 { color: hsl(0, 100%, 80%) } +html.var .sf-c-txt-snow\:30 { color: hsl(0, 100%, 70%) } +html.var .sf-c-txt-snow\:40 { color: hsl(0, 100%, 60%) } +html.var .sf-c-txt-snow\:50 { color: hsl(0, 100%, 50%) } +html.var .sf-c-txt-snow\:60 { color: hsl(0, 100%, 40%) } +html.var .sf-c-txt-snow\:70 { color: hsl(0, 100%, 30%) } +html.var .sf-c-txt-snow\:80 { color: hsl(0, 100%, 20%) } +html.var .sf-c-txt-snow\:90 { color: hsl(0, 100%, 10%) } +html.var .sf-c-txt-snow\:100 { color: hsl(0, 100%, 0%) } + html[data-theme='dark'] .sf-c-snow, html.dark .sf-c-snow { color: hsl(var(--sf-dark-c-txt-snow-90)); background: hsl(var(--sf-dark-c-snow)) } html[data-theme='dark'] .sf-c-snow\:0, html.dark .sf-c-snow\:0 { color: hsl(var(--sf-dark-c-txt-snow-90)); background: hsl(var(--sf-dark-c-snow-100)) } html[data-theme='dark'] .sf-c-snow\:10, html.dark .sf-c-snow\:10 { color: hsl(var(--sf-dark-c-txt-snow-10)); background: hsl(var(--sf-dark-c-snow-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-snow\:80\:dark, html.dark .sf-c-snow\:80\:dark { c html[data-theme='dark'] .sf-c-snow\:90\:dark, html.dark .sf-c-snow\:90\:dark { color: hsl(var(--sf-c-txt-snow-90)); background: hsl(var(--sf-c-snow-10)) } html[data-theme='dark'] .sf-c-snow\:100\:dark, html.dark .sf-c-snow\:100\:dark { color: hsl(var(--sf-c-txt-snow-90)); background: hsl(var(--sf-c-snow-0)) } +html[data-theme='dark'] .sf-c-txt-snow, html.dark .sf-c-txt-snow { color: hsl(var(--sf-c-txt-snow)) } +html[data-theme='dark'] .sf-c-txt-snow\:0, html.dark .sf-c-txt-snow\:0 { color: hsl(var(--sf-c-txt-snow-0)) } +html[data-theme='dark'] .sf-c-txt-snow\:10, html.dark .sf-c-txt-snow\:10 { color: hsl(var(--sf-c-txt-snow-10)) } +html[data-theme='dark'] .sf-c-txt-snow\:20, html.dark .sf-c-txt-snow\:20 { color: hsl(var(--sf-c-txt-snow-20)) } +html[data-theme='dark'] .sf-c-txt-snow\:30, html.dark .sf-c-txt-snow\:30 { color: hsl(var(--sf-c-txt-snow-30)) } +html[data-theme='dark'] .sf-c-txt-snow\:40, html.dark .sf-c-txt-snow\:40 { color: hsl(var(--sf-c-txt-snow-40)) } +html[data-theme='dark'] .sf-c-txt-snow\:50, html.dark .sf-c-txt-snow\:50 { color: hsl(var(--sf-c-txt-snow-50)) } +html[data-theme='dark'] .sf-c-txt-snow\:60, html.dark .sf-c-txt-snow\:60 { color: hsl(var(--sf-c-txt-snow-60)) } +html[data-theme='dark'] .sf-c-txt-snow\:70, html.dark .sf-c-txt-snow\:70 { color: hsl(var(--sf-c-txt-snow-70)) } +html[data-theme='dark'] .sf-c-txt-snow\:80, html.dark .sf-c-txt-snow\:80 { color: hsl(var(--sf-c-txt-snow-80)) } +html[data-theme='dark'] .sf-c-txt-snow\:90, html.dark .sf-c-txt-snow\:90 { color: hsl(var(--sf-c-txt-snow-90)) } +html[data-theme='dark'] .sf-c-txt-snow\:100, html.dark .sf-c-txt-snow\:100 { color: hsl(var(--sf-c-txt-snow-100)) } + +html[data-theme='dark'] .sf-c-txt-snow\:dark, html.dark .sf-c-txt-snow\:dark { color: hsl(var(--sf-c-txt-snow)) } +html[data-theme='dark'] .sf-c-txt-snow\:0\:dark, html.dark .sf-c-txt-snow\:0\:dark { color: hsl(var(--sf-dark-c-txt-snow-0)) } +html[data-theme='dark'] .sf-c-txt-snow\:10\:dark, html.dark .sf-c-txt-snow\:10\:dark { color: hsl(var(--sf-dark-c-txt-snow-10)) } +html[data-theme='dark'] .sf-c-txt-snow\:20\:dark, html.dark .sf-c-txt-snow\:20\:dark { color: hsl(var(--sf-dark-c-txt-snow-20)) } +html[data-theme='dark'] .sf-c-txt-snow\:30\:dark, html.dark .sf-c-txt-snow\:30\:dark { color: hsl(var(--sf-dark-c-txt-snow-30)) } +html[data-theme='dark'] .sf-c-txt-snow\:40\:dark, html.dark .sf-c-txt-snow\:40\:dark { color: hsl(var(--sf-dark-c-txt-snow-40)) } +html[data-theme='dark'] .sf-c-txt-snow\:50\:dark, html.dark .sf-c-txt-snow\:50\:dark { color: hsl(var(--sf-dark-c-txt-snow-50)) } +html[data-theme='dark'] .sf-c-txt-snow\:60\:dark, html.dark .sf-c-txt-snow\:60\:dark { color: hsl(var(--sf-dark-c-txt-snow-60)) } +html[data-theme='dark'] .sf-c-txt-snow\:70\:dark, html.dark .sf-c-txt-snow\:70\:dark { color: hsl(var(--sf-dark-c-txt-snow-70)) } +html[data-theme='dark'] .sf-c-txt-snow\:80\:dark, html.dark .sf-c-txt-snow\:80\:dark { color: hsl(var(--sf-dark-c-txt-snow-80)) } +html[data-theme='dark'] .sf-c-txt-snow\:90\:dark, html.dark .sf-c-txt-snow\:90\:dark { color: hsl(var(--sf-dark-c-txt-snow-90)) } +html[data-theme='dark'] .sf-c-txt-snow\:100\:dark, html.dark .sf-c-txt-snow\:100\:dark { color: hsl(var(--sf-dark-c-txt-snow-100)) } + html.var[data-theme='dark'] .sf-c-snow, html.var.dark .sf-c-snow { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 1%) } html.var[data-theme='dark'] .sf-c-snow\:0, html.var.dark .sf-c-snow\:0 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 100%) } html.var[data-theme='dark'] .sf-c-snow\:10, html.var.dark .sf-c-snow\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-snow\:80\:dark, html.var.dark .sf-c-snow\:80\: html.var[data-theme='dark'] .sf-c-snow\:90\:dark, html.var.dark .sf-c-snow\:90\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } html.var[data-theme='dark'] .sf-c-snow\:100\:dark, html.var.dark .sf-c-snow\:100\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-snow, html.dark .sf-c-txt-snow { color: hsl(0, 100%, 99%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:0, html.dark .sf-c-txt-snow\:0 { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:10, html.dark .sf-c-txt-snow\:10 { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:20, html.dark .sf-c-txt-snow\:20 { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:30, html.dark .sf-c-txt-snow\:30 { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:40, html.dark .sf-c-txt-snow\:40 { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:50, html.dark .sf-c-txt-snow\:50 { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:60, html.dark .sf-c-txt-snow\:60 { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:70, html.dark .sf-c-txt-snow\:70 { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:80, html.dark .sf-c-txt-snow\:80 { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:90, html.dark .sf-c-txt-snow\:90 { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:100, html.dark .sf-c-txt-snow\:100 { color: hsl(0, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-snow\:dark, html.dark .sf-c-txt-snow\:dark { color: hsl(0, 100%, 99%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:0\:dark, html.dark .sf-c-txt-snow\:0\:dark { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:10\:dark, html.dark .sf-c-txt-snow\:10\:dark { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:20\:dark, html.dark .sf-c-txt-snow\:20\:dark { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:30\:dark, html.dark .sf-c-txt-snow\:30\:dark { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:40\:dark, html.dark .sf-c-txt-snow\:40\:dark { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:50\:dark, html.dark .sf-c-txt-snow\:50\:dark { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:60\:dark, html.dark .sf-c-txt-snow\:60\:dark { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:70\:dark, html.dark .sf-c-txt-snow\:70\:dark { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:80\:dark, html.dark .sf-c-txt-snow\:80\:dark { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:90\:dark, html.dark .sf-c-txt-snow\:90\:dark { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:100\:dark, html.dark .sf-c-txt-snow\:100\:dark { color: hsl(0, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-snow, html.auto .sf-c-snow { color: hsl(var(--sf-dark-c-txt-snow-90)); background: hsl(var(--sf-dark-c-snow)) } html[data-theme='auto'] .sf-c-snow\:0, html.auto .sf-c-snow\:0 { color: hsl(var(--sf-dark-c-txt-snow-90)); background: hsl(var(--sf-dark-c-snow-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-snow\:100\:dark, html.var.dark .sf-c-snow\:100 html[data-theme='auto'] .sf-c-snow\:90\:dark, html.auto .sf-c-snow\:90\:dark { color: hsl(var(--sf-c-txt-snow-90)); background: hsl(var(--sf-c-snow-10)) } html[data-theme='auto'] .sf-c-snow\:100\:dark, html.auto .sf-c-snow\:100\:dark { color: hsl(var(--sf-c-txt-snow-90)); background: hsl(var(--sf-c-snow-0)) } + html[data-theme='auto'] .sf-c-txt-snow, html.auto .sf-c-txt-snow { color: hsl(var(--sf-c-txt-snow)) } + html[data-theme='auto'] .sf-c-txt-snow\:0, html.auto .sf-c-txt-snow\:0 { color: hsl(var(--sf-c-txt-snow-0)) } + html[data-theme='auto'] .sf-c-txt-snow\:10, html.auto .sf-c-txt-snow\:10 { color: hsl(var(--sf-c-txt-snow-10)) } + html[data-theme='auto'] .sf-c-txt-snow\:20, html.auto .sf-c-txt-snow\:20 { color: hsl(var(--sf-c-txt-snow-20)) } + html[data-theme='auto'] .sf-c-txt-snow\:30, html.auto .sf-c-txt-snow\:30 { color: hsl(var(--sf-c-txt-snow-30)) } + html[data-theme='auto'] .sf-c-txt-snow\:40, html.auto .sf-c-txt-snow\:40 { color: hsl(var(--sf-c-txt-snow-40)) } + html[data-theme='auto'] .sf-c-txt-snow\:50, html.auto .sf-c-txt-snow\:50 { color: hsl(var(--sf-c-txt-snow-50)) } + html[data-theme='auto'] .sf-c-txt-snow\:60, html.auto .sf-c-txt-snow\:60 { color: hsl(var(--sf-c-txt-snow-60)) } + html[data-theme='auto'] .sf-c-txt-snow\:70, html.auto .sf-c-txt-snow\:70 { color: hsl(var(--sf-c-txt-snow-70)) } + html[data-theme='auto'] .sf-c-txt-snow\:80, html.auto .sf-c-txt-snow\:80 { color: hsl(var(--sf-c-txt-snow-80)) } + html[data-theme='auto'] .sf-c-txt-snow\:90, html.auto .sf-c-txt-snow\:90 { color: hsl(var(--sf-c-txt-snow-90)) } + html[data-theme='auto'] .sf-c-txt-snow\:100, html.auto .sf-c-txt-snow\:100 { color: hsl(var(--sf-c-txt-snow-100)) } + + html[data-theme='auto'] .sf-c-txt-snow\:dark, html.auto .sf-c-txt-snow\:dark { color: hsl(var(--sf-c-txt-snow)) } + html[data-theme='auto'] .sf-c-txt-snow\:0\:dark, html.auto .sf-c-txt-snow\:0\:dark { color: hsl(var(--sf-c-txt-snow-0)) } + html[data-theme='auto'] .sf-c-txt-snow\:10\:dark, html.auto .sf-c-txt-snow\:10\:dark { color: hsl(var(--sf-c-txt-snow-10)) } + html[data-theme='auto'] .sf-c-txt-snow\:20\:dark, html.auto .sf-c-txt-snow\:20\:dark { color: hsl(var(--sf-c-txt-snow-20)) } + html[data-theme='auto'] .sf-c-txt-snow\:30\:dark, html.auto .sf-c-txt-snow\:30\:dark { color: hsl(var(--sf-c-txt-snow-30)) } + html[data-theme='auto'] .sf-c-txt-snow\:40\:dark, html.auto .sf-c-txt-snow\:40\:dark { color: hsl(var(--sf-c-txt-snow-40)) } + html[data-theme='auto'] .sf-c-txt-snow\:50\:dark, html.auto .sf-c-txt-snow\:50\:dark { color: hsl(var(--sf-c-txt-snow-50)) } + html[data-theme='auto'] .sf-c-txt-snow\:60\:dark, html.auto .sf-c-txt-snow\:60\:dark { color: hsl(var(--sf-c-txt-snow-60)) } + html[data-theme='auto'] .sf-c-txt-snow\:70\:dark, html.auto .sf-c-txt-snow\:70\:dark { color: hsl(var(--sf-c-txt-snow-70)) } + html[data-theme='auto'] .sf-c-txt-snow\:80\:dark, html.auto .sf-c-txt-snow\:80\:dark { color: hsl(var(--sf-c-txt-snow-80)) } + html[data-theme='auto'] .sf-c-txt-snow\:90\:dark, html.auto .sf-c-txt-snow\:90\:dark { color: hsl(var(--sf-c-txt-snow-90)) } + html[data-theme='auto'] .sf-c-txt-snow\:100\:dark, html.auto .sf-c-txt-snow\:100\:dark { color: hsl(var(--sf-c-txt-snow-100)) } + html.var[data-theme='auto'] .sf-c-snow, html.var.auto .sf-c-snow { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 1%) } html.var[data-theme='auto'] .sf-c-snow\:0, html.var.auto .sf-c-snow\:0 { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 100%) } html.var[data-theme='auto'] .sf-c-snow\:10, html.var.auto .sf-c-snow\:10 { color: hsl(0, 100%, 10%); background: hsl(0, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-snow\:100\:dark, html.var.dark .sf-c-snow\:100 html.var[data-theme='auto'] .sf-c-snow\:80\:dark, html.var.auto .sf-c-snow\:80\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 20%) } html.var[data-theme='auto'] .sf-c-snow\:90\:dark, html.var.auto .sf-c-snow\:90\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 10%) } html.var[data-theme='auto'] .sf-c-snow\:100\:dark, html.var.auto .sf-c-snow\:100\:dark { color: hsl(0, 100%, 90%); background: hsl(0, 100%, 0%) } -} -.sf-c-txt-snow { color: hsl(var(--sf-c-txt-snow)) } -.sf-c-txt-snow\:0 { color: hsl(var(--sf-c-txt-snow-0)) } -.sf-c-txt-snow\:10 { color: hsl(var(--sf-c-txt-snow-10)) } -.sf-c-txt-snow\:20 { color: hsl(var(--sf-c-txt-snow-20)) } -.sf-c-txt-snow\:30 { color: hsl(var(--sf-c-txt-snow-30)) } -.sf-c-txt-snow\:40 { color: hsl(var(--sf-c-txt-snow-40)) } -.sf-c-txt-snow\:50 { color: hsl(var(--sf-c-txt-snow-50)) } -.sf-c-txt-snow\:60 { color: hsl(var(--sf-c-txt-snow-60)) } -.sf-c-txt-snow\:70 { color: hsl(var(--sf-c-txt-snow-70)) } -.sf-c-txt-snow\:80 { color: hsl(var(--sf-c-txt-snow-80)) } -.sf-c-txt-snow\:90 { color: hsl(var(--sf-c-txt-snow-90)) } -.sf-c-txt-snow\:100 { color: hsl(var(--sf-c-txt-snow-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-snow, html.auto .sf-c-txt-snow { color: hsl(0, 100%, 99%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:0, html.auto .sf-c-txt-snow\:0 { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:10, html.auto .sf-c-txt-snow\:10 { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:20, html.auto .sf-c-txt-snow\:20 { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:30, html.auto .sf-c-txt-snow\:30 { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:40, html.auto .sf-c-txt-snow\:40 { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:50, html.auto .sf-c-txt-snow\:50 { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:60, html.auto .sf-c-txt-snow\:60 { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:70, html.auto .sf-c-txt-snow\:70 { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:80, html.auto .sf-c-txt-snow\:80 { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:90, html.auto .sf-c-txt-snow\:90 { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:100, html.auto .sf-c-txt-snow\:100 { color: hsl(0, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-snow\:dark, html.auto .sf-c-txt-snow\:dark { color: hsl(0, 100%, 99%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:0\:dark, html.auto .sf-c-txt-snow\:0\:dark { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:10\:dark, html.auto .sf-c-txt-snow\:10\:dark { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:20\:dark, html.auto .sf-c-txt-snow\:20\:dark { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:30\:dark, html.auto .sf-c-txt-snow\:30\:dark { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:40\:dark, html.auto .sf-c-txt-snow\:40\:dark { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:50\:dark, html.auto .sf-c-txt-snow\:50\:dark { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:60\:dark, html.auto .sf-c-txt-snow\:60\:dark { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:70\:dark, html.auto .sf-c-txt-snow\:70\:dark { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:80\:dark, html.auto .sf-c-txt-snow\:80\:dark { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:90\:dark, html.auto .sf-c-txt-snow\:90\:dark { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:100\:dark, html.auto .sf-c-txt-snow\:100\:dark { color: hsl(0, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/springgreen.css b/src/colors/10/springgreen.css index 90c2eef..2b08d97 100644 --- a/src/colors/10/springgreen.css +++ b/src/colors/10/springgreen.css @@ -78,6 +78,32 @@ html.var .sf-c-springgreen\:80 { color: hsl(150, 100%, 10%); background: hsl(150 html.var .sf-c-springgreen\:90 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } html.var .sf-c-springgreen\:100 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 100%) } +.sf-c-txt-springgreen { color: hsl(var(--sf-dark-c-txt-springgreen)) } +.sf-c-txt-springgreen\:0 { color: hsl(var(--sf-dark-c-txt-springgreen-100)) } +.sf-c-txt-springgreen\:10 { color: hsl(var(--sf-dark-c-txt-springgreen-90)) } +.sf-c-txt-springgreen\:20 { color: hsl(var(--sf-dark-c-txt-springgreen-80)) } +.sf-c-txt-springgreen\:30 { color: hsl(var(--sf-dark-c-txt-springgreen-70)) } +.sf-c-txt-springgreen\:40 { color: hsl(var(--sf-dark-c-txt-springgreen-60)) } +.sf-c-txt-springgreen\:50 { color: hsl(var(--sf-dark-c-txt-springgreen-50)) } +.sf-c-txt-springgreen\:60 { color: hsl(var(--sf-dark-c-txt-springgreen-40)) } +.sf-c-txt-springgreen\:70 { color: hsl(var(--sf-dark-c-txt-springgreen-30)) } +.sf-c-txt-springgreen\:80 { color: hsl(var(--sf-dark-c-txt-springgreen-20)) } +.sf-c-txt-springgreen\:90 { color: hsl(var(--sf-dark-c-txt-springgreen-10)) } +.sf-c-txt-springgreen\:100 { color: hsl(var(--sf-dark-c-txt-springgreen-0)) } + +html.var .sf-c-txt-springgreen { color: hsl(150, 100%, 50%) } +html.var .sf-c-txt-springgreen\:0 { color: hsl(150, 100%, 100%) } +html.var .sf-c-txt-springgreen\:10 { color: hsl(150, 100%, 90%) } +html.var .sf-c-txt-springgreen\:20 { color: hsl(150, 100%, 80%) } +html.var .sf-c-txt-springgreen\:30 { color: hsl(150, 100%, 70%) } +html.var .sf-c-txt-springgreen\:40 { color: hsl(150, 100%, 60%) } +html.var .sf-c-txt-springgreen\:50 { color: hsl(150, 100%, 50%) } +html.var .sf-c-txt-springgreen\:60 { color: hsl(150, 100%, 40%) } +html.var .sf-c-txt-springgreen\:70 { color: hsl(150, 100%, 30%) } +html.var .sf-c-txt-springgreen\:80 { color: hsl(150, 100%, 20%) } +html.var .sf-c-txt-springgreen\:90 { color: hsl(150, 100%, 10%) } +html.var .sf-c-txt-springgreen\:100 { color: hsl(150, 100%, 0%) } + html[data-theme='dark'] .sf-c-springgreen, html.dark .sf-c-springgreen { color: hsl(var(--sf-dark-c-txt-springgreen-10)); background: hsl(var(--sf-dark-c-springgreen)) } html[data-theme='dark'] .sf-c-springgreen\:0, html.dark .sf-c-springgreen\:0 { color: hsl(var(--sf-dark-c-txt-springgreen-90)); background: hsl(var(--sf-dark-c-springgreen-100)) } html[data-theme='dark'] .sf-c-springgreen\:10, html.dark .sf-c-springgreen\:10 { color: hsl(var(--sf-dark-c-txt-springgreen-10)); background: hsl(var(--sf-dark-c-springgreen-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-springgreen\:80\:dark, html.dark .sf-c-springgreen html[data-theme='dark'] .sf-c-springgreen\:90\:dark, html.dark .sf-c-springgreen\:90\:dark { color: hsl(var(--sf-c-txt-springgreen-90)); background: hsl(var(--sf-c-springgreen-10)) } html[data-theme='dark'] .sf-c-springgreen\:100\:dark, html.dark .sf-c-springgreen\:100\:dark { color: hsl(var(--sf-c-txt-springgreen-90)); background: hsl(var(--sf-c-springgreen-0)) } +html[data-theme='dark'] .sf-c-txt-springgreen, html.dark .sf-c-txt-springgreen { color: hsl(var(--sf-c-txt-springgreen)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:0, html.dark .sf-c-txt-springgreen\:0 { color: hsl(var(--sf-c-txt-springgreen-0)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:10, html.dark .sf-c-txt-springgreen\:10 { color: hsl(var(--sf-c-txt-springgreen-10)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:20, html.dark .sf-c-txt-springgreen\:20 { color: hsl(var(--sf-c-txt-springgreen-20)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:30, html.dark .sf-c-txt-springgreen\:30 { color: hsl(var(--sf-c-txt-springgreen-30)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:40, html.dark .sf-c-txt-springgreen\:40 { color: hsl(var(--sf-c-txt-springgreen-40)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:50, html.dark .sf-c-txt-springgreen\:50 { color: hsl(var(--sf-c-txt-springgreen-50)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:60, html.dark .sf-c-txt-springgreen\:60 { color: hsl(var(--sf-c-txt-springgreen-60)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:70, html.dark .sf-c-txt-springgreen\:70 { color: hsl(var(--sf-c-txt-springgreen-70)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:80, html.dark .sf-c-txt-springgreen\:80 { color: hsl(var(--sf-c-txt-springgreen-80)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:90, html.dark .sf-c-txt-springgreen\:90 { color: hsl(var(--sf-c-txt-springgreen-90)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:100, html.dark .sf-c-txt-springgreen\:100 { color: hsl(var(--sf-c-txt-springgreen-100)) } + +html[data-theme='dark'] .sf-c-txt-springgreen\:dark, html.dark .sf-c-txt-springgreen\:dark { color: hsl(var(--sf-c-txt-springgreen)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:0\:dark, html.dark .sf-c-txt-springgreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-0)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:10\:dark, html.dark .sf-c-txt-springgreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-10)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:20\:dark, html.dark .sf-c-txt-springgreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-20)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:30\:dark, html.dark .sf-c-txt-springgreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-30)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:40\:dark, html.dark .sf-c-txt-springgreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-40)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:50\:dark, html.dark .sf-c-txt-springgreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-50)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:60\:dark, html.dark .sf-c-txt-springgreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-60)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:70\:dark, html.dark .sf-c-txt-springgreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-70)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:80\:dark, html.dark .sf-c-txt-springgreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-80)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:90\:dark, html.dark .sf-c-txt-springgreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-90)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:100\:dark, html.dark .sf-c-txt-springgreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-100)) } + html.var[data-theme='dark'] .sf-c-springgreen, html.var.dark .sf-c-springgreen { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } html.var[data-theme='dark'] .sf-c-springgreen\:0, html.var.dark .sf-c-springgreen\:0 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 100%) } html.var[data-theme='dark'] .sf-c-springgreen\:10, html.var.dark .sf-c-springgreen\:10 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-springgreen\:80\:dark, html.var.dark .sf-c-spr html.var[data-theme='dark'] .sf-c-springgreen\:90\:dark, html.var.dark .sf-c-springgreen\:90\:dark { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 10%) } html.var[data-theme='dark'] .sf-c-springgreen\:100\:dark, html.var.dark .sf-c-springgreen\:100\:dark { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen, html.dark .sf-c-txt-springgreen { color: hsl(150, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:0, html.dark .sf-c-txt-springgreen\:0 { color: hsl(150, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:10, html.dark .sf-c-txt-springgreen\:10 { color: hsl(150, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:20, html.dark .sf-c-txt-springgreen\:20 { color: hsl(150, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:30, html.dark .sf-c-txt-springgreen\:30 { color: hsl(150, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:40, html.dark .sf-c-txt-springgreen\:40 { color: hsl(150, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:50, html.dark .sf-c-txt-springgreen\:50 { color: hsl(150, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:60, html.dark .sf-c-txt-springgreen\:60 { color: hsl(150, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:70, html.dark .sf-c-txt-springgreen\:70 { color: hsl(150, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:80, html.dark .sf-c-txt-springgreen\:80 { color: hsl(150, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:90, html.dark .sf-c-txt-springgreen\:90 { color: hsl(150, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:100, html.dark .sf-c-txt-springgreen\:100 { color: hsl(150, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-springgreen\:dark, html.dark .sf-c-txt-springgreen\:dark { color: hsl(150, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:0\:dark, html.dark .sf-c-txt-springgreen\:0\:dark { color: hsl(150, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:10\:dark, html.dark .sf-c-txt-springgreen\:10\:dark { color: hsl(150, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:20\:dark, html.dark .sf-c-txt-springgreen\:20\:dark { color: hsl(150, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:30\:dark, html.dark .sf-c-txt-springgreen\:30\:dark { color: hsl(150, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:40\:dark, html.dark .sf-c-txt-springgreen\:40\:dark { color: hsl(150, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:50\:dark, html.dark .sf-c-txt-springgreen\:50\:dark { color: hsl(150, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:60\:dark, html.dark .sf-c-txt-springgreen\:60\:dark { color: hsl(150, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:70\:dark, html.dark .sf-c-txt-springgreen\:70\:dark { color: hsl(150, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:80\:dark, html.dark .sf-c-txt-springgreen\:80\:dark { color: hsl(150, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:90\:dark, html.dark .sf-c-txt-springgreen\:90\:dark { color: hsl(150, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:100\:dark, html.dark .sf-c-txt-springgreen\:100\:dark { color: hsl(150, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-springgreen, html.auto .sf-c-springgreen { color: hsl(var(--sf-dark-c-txt-springgreen-10)); background: hsl(var(--sf-dark-c-springgreen)) } html[data-theme='auto'] .sf-c-springgreen\:0, html.auto .sf-c-springgreen\:0 { color: hsl(var(--sf-dark-c-txt-springgreen-90)); background: hsl(var(--sf-dark-c-springgreen-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-springgreen\:100\:dark, html.var.dark .sf-c-sp html[data-theme='auto'] .sf-c-springgreen\:90\:dark, html.auto .sf-c-springgreen\:90\:dark { color: hsl(var(--sf-c-txt-springgreen-90)); background: hsl(var(--sf-c-springgreen-10)) } html[data-theme='auto'] .sf-c-springgreen\:100\:dark, html.auto .sf-c-springgreen\:100\:dark { color: hsl(var(--sf-c-txt-springgreen-90)); background: hsl(var(--sf-c-springgreen-0)) } + html[data-theme='auto'] .sf-c-txt-springgreen, html.auto .sf-c-txt-springgreen { color: hsl(var(--sf-c-txt-springgreen)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:0, html.auto .sf-c-txt-springgreen\:0 { color: hsl(var(--sf-c-txt-springgreen-0)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:10, html.auto .sf-c-txt-springgreen\:10 { color: hsl(var(--sf-c-txt-springgreen-10)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:20, html.auto .sf-c-txt-springgreen\:20 { color: hsl(var(--sf-c-txt-springgreen-20)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:30, html.auto .sf-c-txt-springgreen\:30 { color: hsl(var(--sf-c-txt-springgreen-30)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:40, html.auto .sf-c-txt-springgreen\:40 { color: hsl(var(--sf-c-txt-springgreen-40)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:50, html.auto .sf-c-txt-springgreen\:50 { color: hsl(var(--sf-c-txt-springgreen-50)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:60, html.auto .sf-c-txt-springgreen\:60 { color: hsl(var(--sf-c-txt-springgreen-60)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:70, html.auto .sf-c-txt-springgreen\:70 { color: hsl(var(--sf-c-txt-springgreen-70)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:80, html.auto .sf-c-txt-springgreen\:80 { color: hsl(var(--sf-c-txt-springgreen-80)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:90, html.auto .sf-c-txt-springgreen\:90 { color: hsl(var(--sf-c-txt-springgreen-90)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:100, html.auto .sf-c-txt-springgreen\:100 { color: hsl(var(--sf-c-txt-springgreen-100)) } + + html[data-theme='auto'] .sf-c-txt-springgreen\:dark, html.auto .sf-c-txt-springgreen\:dark { color: hsl(var(--sf-c-txt-springgreen)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:0\:dark, html.auto .sf-c-txt-springgreen\:0\:dark { color: hsl(var(--sf-c-txt-springgreen-0)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:10\:dark, html.auto .sf-c-txt-springgreen\:10\:dark { color: hsl(var(--sf-c-txt-springgreen-10)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:20\:dark, html.auto .sf-c-txt-springgreen\:20\:dark { color: hsl(var(--sf-c-txt-springgreen-20)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:30\:dark, html.auto .sf-c-txt-springgreen\:30\:dark { color: hsl(var(--sf-c-txt-springgreen-30)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:40\:dark, html.auto .sf-c-txt-springgreen\:40\:dark { color: hsl(var(--sf-c-txt-springgreen-40)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:50\:dark, html.auto .sf-c-txt-springgreen\:50\:dark { color: hsl(var(--sf-c-txt-springgreen-50)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:60\:dark, html.auto .sf-c-txt-springgreen\:60\:dark { color: hsl(var(--sf-c-txt-springgreen-60)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:70\:dark, html.auto .sf-c-txt-springgreen\:70\:dark { color: hsl(var(--sf-c-txt-springgreen-70)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:80\:dark, html.auto .sf-c-txt-springgreen\:80\:dark { color: hsl(var(--sf-c-txt-springgreen-80)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:90\:dark, html.auto .sf-c-txt-springgreen\:90\:dark { color: hsl(var(--sf-c-txt-springgreen-90)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:100\:dark, html.auto .sf-c-txt-springgreen\:100\:dark { color: hsl(var(--sf-c-txt-springgreen-100)) } + html.var[data-theme='auto'] .sf-c-springgreen, html.var.auto .sf-c-springgreen { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 50%) } html.var[data-theme='auto'] .sf-c-springgreen\:0, html.var.auto .sf-c-springgreen\:0 { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 100%) } html.var[data-theme='auto'] .sf-c-springgreen\:10, html.var.auto .sf-c-springgreen\:10 { color: hsl(150, 100%, 10%); background: hsl(150, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-springgreen\:100\:dark, html.var.dark .sf-c-sp html.var[data-theme='auto'] .sf-c-springgreen\:80\:dark, html.var.auto .sf-c-springgreen\:80\:dark { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 20%) } html.var[data-theme='auto'] .sf-c-springgreen\:90\:dark, html.var.auto .sf-c-springgreen\:90\:dark { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 10%) } html.var[data-theme='auto'] .sf-c-springgreen\:100\:dark, html.var.auto .sf-c-springgreen\:100\:dark { color: hsl(150, 100%, 90%); background: hsl(150, 100%, 0%) } -} -.sf-c-txt-springgreen { color: hsl(var(--sf-c-txt-springgreen)) } -.sf-c-txt-springgreen\:0 { color: hsl(var(--sf-c-txt-springgreen-0)) } -.sf-c-txt-springgreen\:10 { color: hsl(var(--sf-c-txt-springgreen-10)) } -.sf-c-txt-springgreen\:20 { color: hsl(var(--sf-c-txt-springgreen-20)) } -.sf-c-txt-springgreen\:30 { color: hsl(var(--sf-c-txt-springgreen-30)) } -.sf-c-txt-springgreen\:40 { color: hsl(var(--sf-c-txt-springgreen-40)) } -.sf-c-txt-springgreen\:50 { color: hsl(var(--sf-c-txt-springgreen-50)) } -.sf-c-txt-springgreen\:60 { color: hsl(var(--sf-c-txt-springgreen-60)) } -.sf-c-txt-springgreen\:70 { color: hsl(var(--sf-c-txt-springgreen-70)) } -.sf-c-txt-springgreen\:80 { color: hsl(var(--sf-c-txt-springgreen-80)) } -.sf-c-txt-springgreen\:90 { color: hsl(var(--sf-c-txt-springgreen-90)) } -.sf-c-txt-springgreen\:100 { color: hsl(var(--sf-c-txt-springgreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-springgreen, html.auto .sf-c-txt-springgreen { color: hsl(150, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:0, html.auto .sf-c-txt-springgreen\:0 { color: hsl(150, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:10, html.auto .sf-c-txt-springgreen\:10 { color: hsl(150, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:20, html.auto .sf-c-txt-springgreen\:20 { color: hsl(150, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:30, html.auto .sf-c-txt-springgreen\:30 { color: hsl(150, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:40, html.auto .sf-c-txt-springgreen\:40 { color: hsl(150, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:50, html.auto .sf-c-txt-springgreen\:50 { color: hsl(150, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:60, html.auto .sf-c-txt-springgreen\:60 { color: hsl(150, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:70, html.auto .sf-c-txt-springgreen\:70 { color: hsl(150, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:80, html.auto .sf-c-txt-springgreen\:80 { color: hsl(150, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:90, html.auto .sf-c-txt-springgreen\:90 { color: hsl(150, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:100, html.auto .sf-c-txt-springgreen\:100 { color: hsl(150, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-springgreen\:dark, html.auto .sf-c-txt-springgreen\:dark { color: hsl(150, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:0\:dark, html.auto .sf-c-txt-springgreen\:0\:dark { color: hsl(150, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:10\:dark, html.auto .sf-c-txt-springgreen\:10\:dark { color: hsl(150, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:20\:dark, html.auto .sf-c-txt-springgreen\:20\:dark { color: hsl(150, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:30\:dark, html.auto .sf-c-txt-springgreen\:30\:dark { color: hsl(150, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:40\:dark, html.auto .sf-c-txt-springgreen\:40\:dark { color: hsl(150, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:50\:dark, html.auto .sf-c-txt-springgreen\:50\:dark { color: hsl(150, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:60\:dark, html.auto .sf-c-txt-springgreen\:60\:dark { color: hsl(150, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:70\:dark, html.auto .sf-c-txt-springgreen\:70\:dark { color: hsl(150, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:80\:dark, html.auto .sf-c-txt-springgreen\:80\:dark { color: hsl(150, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:90\:dark, html.auto .sf-c-txt-springgreen\:90\:dark { color: hsl(150, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:100\:dark, html.auto .sf-c-txt-springgreen\:100\:dark { color: hsl(150, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/steelblue.css b/src/colors/10/steelblue.css index c1ca365..4a18df9 100644 --- a/src/colors/10/steelblue.css +++ b/src/colors/10/steelblue.css @@ -78,6 +78,32 @@ html.var .sf-c-steelblue\:80 { color: hsl(207, 44%, 10%); background: hsl(207, 4 html.var .sf-c-steelblue\:90 { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 90%) } html.var .sf-c-steelblue\:100 { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 100%) } +.sf-c-txt-steelblue { color: hsl(var(--sf-dark-c-txt-steelblue)) } +.sf-c-txt-steelblue\:0 { color: hsl(var(--sf-dark-c-txt-steelblue-100)) } +.sf-c-txt-steelblue\:10 { color: hsl(var(--sf-dark-c-txt-steelblue-90)) } +.sf-c-txt-steelblue\:20 { color: hsl(var(--sf-dark-c-txt-steelblue-80)) } +.sf-c-txt-steelblue\:30 { color: hsl(var(--sf-dark-c-txt-steelblue-70)) } +.sf-c-txt-steelblue\:40 { color: hsl(var(--sf-dark-c-txt-steelblue-60)) } +.sf-c-txt-steelblue\:50 { color: hsl(var(--sf-dark-c-txt-steelblue-50)) } +.sf-c-txt-steelblue\:60 { color: hsl(var(--sf-dark-c-txt-steelblue-40)) } +.sf-c-txt-steelblue\:70 { color: hsl(var(--sf-dark-c-txt-steelblue-30)) } +.sf-c-txt-steelblue\:80 { color: hsl(var(--sf-dark-c-txt-steelblue-20)) } +.sf-c-txt-steelblue\:90 { color: hsl(var(--sf-dark-c-txt-steelblue-10)) } +.sf-c-txt-steelblue\:100 { color: hsl(var(--sf-dark-c-txt-steelblue-0)) } + +html.var .sf-c-txt-steelblue { color: hsl(207, 44%, 51%) } +html.var .sf-c-txt-steelblue\:0 { color: hsl(207, 44%, 100%) } +html.var .sf-c-txt-steelblue\:10 { color: hsl(207, 44%, 90%) } +html.var .sf-c-txt-steelblue\:20 { color: hsl(207, 44%, 80%) } +html.var .sf-c-txt-steelblue\:30 { color: hsl(207, 44%, 70%) } +html.var .sf-c-txt-steelblue\:40 { color: hsl(207, 44%, 60%) } +html.var .sf-c-txt-steelblue\:50 { color: hsl(207, 44%, 50%) } +html.var .sf-c-txt-steelblue\:60 { color: hsl(207, 44%, 40%) } +html.var .sf-c-txt-steelblue\:70 { color: hsl(207, 44%, 30%) } +html.var .sf-c-txt-steelblue\:80 { color: hsl(207, 44%, 20%) } +html.var .sf-c-txt-steelblue\:90 { color: hsl(207, 44%, 10%) } +html.var .sf-c-txt-steelblue\:100 { color: hsl(207, 44%, 0%) } + html[data-theme='dark'] .sf-c-steelblue, html.dark .sf-c-steelblue { color: hsl(var(--sf-dark-c-txt-steelblue-90)); background: hsl(var(--sf-dark-c-steelblue)) } html[data-theme='dark'] .sf-c-steelblue\:0, html.dark .sf-c-steelblue\:0 { color: hsl(var(--sf-dark-c-txt-steelblue-90)); background: hsl(var(--sf-dark-c-steelblue-100)) } html[data-theme='dark'] .sf-c-steelblue\:10, html.dark .sf-c-steelblue\:10 { color: hsl(var(--sf-dark-c-txt-steelblue-10)); background: hsl(var(--sf-dark-c-steelblue-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-steelblue\:80\:dark, html.dark .sf-c-steelblue\:80 html[data-theme='dark'] .sf-c-steelblue\:90\:dark, html.dark .sf-c-steelblue\:90\:dark { color: hsl(var(--sf-c-txt-steelblue-90)); background: hsl(var(--sf-c-steelblue-10)) } html[data-theme='dark'] .sf-c-steelblue\:100\:dark, html.dark .sf-c-steelblue\:100\:dark { color: hsl(var(--sf-c-txt-steelblue-90)); background: hsl(var(--sf-c-steelblue-0)) } +html[data-theme='dark'] .sf-c-txt-steelblue, html.dark .sf-c-txt-steelblue { color: hsl(var(--sf-c-txt-steelblue)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:0, html.dark .sf-c-txt-steelblue\:0 { color: hsl(var(--sf-c-txt-steelblue-0)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:10, html.dark .sf-c-txt-steelblue\:10 { color: hsl(var(--sf-c-txt-steelblue-10)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:20, html.dark .sf-c-txt-steelblue\:20 { color: hsl(var(--sf-c-txt-steelblue-20)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:30, html.dark .sf-c-txt-steelblue\:30 { color: hsl(var(--sf-c-txt-steelblue-30)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:40, html.dark .sf-c-txt-steelblue\:40 { color: hsl(var(--sf-c-txt-steelblue-40)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:50, html.dark .sf-c-txt-steelblue\:50 { color: hsl(var(--sf-c-txt-steelblue-50)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:60, html.dark .sf-c-txt-steelblue\:60 { color: hsl(var(--sf-c-txt-steelblue-60)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:70, html.dark .sf-c-txt-steelblue\:70 { color: hsl(var(--sf-c-txt-steelblue-70)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:80, html.dark .sf-c-txt-steelblue\:80 { color: hsl(var(--sf-c-txt-steelblue-80)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:90, html.dark .sf-c-txt-steelblue\:90 { color: hsl(var(--sf-c-txt-steelblue-90)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:100, html.dark .sf-c-txt-steelblue\:100 { color: hsl(var(--sf-c-txt-steelblue-100)) } + +html[data-theme='dark'] .sf-c-txt-steelblue\:dark, html.dark .sf-c-txt-steelblue\:dark { color: hsl(var(--sf-c-txt-steelblue)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:0\:dark, html.dark .sf-c-txt-steelblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-0)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:10\:dark, html.dark .sf-c-txt-steelblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-10)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:20\:dark, html.dark .sf-c-txt-steelblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-20)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:30\:dark, html.dark .sf-c-txt-steelblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-30)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:40\:dark, html.dark .sf-c-txt-steelblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-40)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:50\:dark, html.dark .sf-c-txt-steelblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-50)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:60\:dark, html.dark .sf-c-txt-steelblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-60)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:70\:dark, html.dark .sf-c-txt-steelblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-70)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:80\:dark, html.dark .sf-c-txt-steelblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-80)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:90\:dark, html.dark .sf-c-txt-steelblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-90)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:100\:dark, html.dark .sf-c-txt-steelblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-100)) } + html.var[data-theme='dark'] .sf-c-steelblue, html.var.dark .sf-c-steelblue { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 51%) } html.var[data-theme='dark'] .sf-c-steelblue\:0, html.var.dark .sf-c-steelblue\:0 { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 100%) } html.var[data-theme='dark'] .sf-c-steelblue\:10, html.var.dark .sf-c-steelblue\:10 { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-steelblue\:80\:dark, html.var.dark .sf-c-steel html.var[data-theme='dark'] .sf-c-steelblue\:90\:dark, html.var.dark .sf-c-steelblue\:90\:dark { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 10%) } html.var[data-theme='dark'] .sf-c-steelblue\:100\:dark, html.var.dark .sf-c-steelblue\:100\:dark { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue, html.dark .sf-c-txt-steelblue { color: hsl(207, 44%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:0, html.dark .sf-c-txt-steelblue\:0 { color: hsl(207, 44%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:10, html.dark .sf-c-txt-steelblue\:10 { color: hsl(207, 44%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:20, html.dark .sf-c-txt-steelblue\:20 { color: hsl(207, 44%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:30, html.dark .sf-c-txt-steelblue\:30 { color: hsl(207, 44%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:40, html.dark .sf-c-txt-steelblue\:40 { color: hsl(207, 44%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:50, html.dark .sf-c-txt-steelblue\:50 { color: hsl(207, 44%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:60, html.dark .sf-c-txt-steelblue\:60 { color: hsl(207, 44%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:70, html.dark .sf-c-txt-steelblue\:70 { color: hsl(207, 44%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:80, html.dark .sf-c-txt-steelblue\:80 { color: hsl(207, 44%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:90, html.dark .sf-c-txt-steelblue\:90 { color: hsl(207, 44%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:100, html.dark .sf-c-txt-steelblue\:100 { color: hsl(207, 44%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-steelblue\:dark, html.dark .sf-c-txt-steelblue\:dark { color: hsl(207, 44%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:0\:dark, html.dark .sf-c-txt-steelblue\:0\:dark { color: hsl(207, 44%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:10\:dark, html.dark .sf-c-txt-steelblue\:10\:dark { color: hsl(207, 44%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:20\:dark, html.dark .sf-c-txt-steelblue\:20\:dark { color: hsl(207, 44%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:30\:dark, html.dark .sf-c-txt-steelblue\:30\:dark { color: hsl(207, 44%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:40\:dark, html.dark .sf-c-txt-steelblue\:40\:dark { color: hsl(207, 44%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:50\:dark, html.dark .sf-c-txt-steelblue\:50\:dark { color: hsl(207, 44%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:60\:dark, html.dark .sf-c-txt-steelblue\:60\:dark { color: hsl(207, 44%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:70\:dark, html.dark .sf-c-txt-steelblue\:70\:dark { color: hsl(207, 44%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:80\:dark, html.dark .sf-c-txt-steelblue\:80\:dark { color: hsl(207, 44%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:90\:dark, html.dark .sf-c-txt-steelblue\:90\:dark { color: hsl(207, 44%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:100\:dark, html.dark .sf-c-txt-steelblue\:100\:dark { color: hsl(207, 44%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-steelblue, html.auto .sf-c-steelblue { color: hsl(var(--sf-dark-c-txt-steelblue-90)); background: hsl(var(--sf-dark-c-steelblue)) } html[data-theme='auto'] .sf-c-steelblue\:0, html.auto .sf-c-steelblue\:0 { color: hsl(var(--sf-dark-c-txt-steelblue-90)); background: hsl(var(--sf-dark-c-steelblue-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-steelblue\:100\:dark, html.var.dark .sf-c-stee html[data-theme='auto'] .sf-c-steelblue\:90\:dark, html.auto .sf-c-steelblue\:90\:dark { color: hsl(var(--sf-c-txt-steelblue-90)); background: hsl(var(--sf-c-steelblue-10)) } html[data-theme='auto'] .sf-c-steelblue\:100\:dark, html.auto .sf-c-steelblue\:100\:dark { color: hsl(var(--sf-c-txt-steelblue-90)); background: hsl(var(--sf-c-steelblue-0)) } + html[data-theme='auto'] .sf-c-txt-steelblue, html.auto .sf-c-txt-steelblue { color: hsl(var(--sf-c-txt-steelblue)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:0, html.auto .sf-c-txt-steelblue\:0 { color: hsl(var(--sf-c-txt-steelblue-0)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:10, html.auto .sf-c-txt-steelblue\:10 { color: hsl(var(--sf-c-txt-steelblue-10)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:20, html.auto .sf-c-txt-steelblue\:20 { color: hsl(var(--sf-c-txt-steelblue-20)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:30, html.auto .sf-c-txt-steelblue\:30 { color: hsl(var(--sf-c-txt-steelblue-30)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:40, html.auto .sf-c-txt-steelblue\:40 { color: hsl(var(--sf-c-txt-steelblue-40)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:50, html.auto .sf-c-txt-steelblue\:50 { color: hsl(var(--sf-c-txt-steelblue-50)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:60, html.auto .sf-c-txt-steelblue\:60 { color: hsl(var(--sf-c-txt-steelblue-60)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:70, html.auto .sf-c-txt-steelblue\:70 { color: hsl(var(--sf-c-txt-steelblue-70)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:80, html.auto .sf-c-txt-steelblue\:80 { color: hsl(var(--sf-c-txt-steelblue-80)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:90, html.auto .sf-c-txt-steelblue\:90 { color: hsl(var(--sf-c-txt-steelblue-90)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:100, html.auto .sf-c-txt-steelblue\:100 { color: hsl(var(--sf-c-txt-steelblue-100)) } + + html[data-theme='auto'] .sf-c-txt-steelblue\:dark, html.auto .sf-c-txt-steelblue\:dark { color: hsl(var(--sf-c-txt-steelblue)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:0\:dark, html.auto .sf-c-txt-steelblue\:0\:dark { color: hsl(var(--sf-c-txt-steelblue-0)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:10\:dark, html.auto .sf-c-txt-steelblue\:10\:dark { color: hsl(var(--sf-c-txt-steelblue-10)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:20\:dark, html.auto .sf-c-txt-steelblue\:20\:dark { color: hsl(var(--sf-c-txt-steelblue-20)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:30\:dark, html.auto .sf-c-txt-steelblue\:30\:dark { color: hsl(var(--sf-c-txt-steelblue-30)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:40\:dark, html.auto .sf-c-txt-steelblue\:40\:dark { color: hsl(var(--sf-c-txt-steelblue-40)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:50\:dark, html.auto .sf-c-txt-steelblue\:50\:dark { color: hsl(var(--sf-c-txt-steelblue-50)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:60\:dark, html.auto .sf-c-txt-steelblue\:60\:dark { color: hsl(var(--sf-c-txt-steelblue-60)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:70\:dark, html.auto .sf-c-txt-steelblue\:70\:dark { color: hsl(var(--sf-c-txt-steelblue-70)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:80\:dark, html.auto .sf-c-txt-steelblue\:80\:dark { color: hsl(var(--sf-c-txt-steelblue-80)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:90\:dark, html.auto .sf-c-txt-steelblue\:90\:dark { color: hsl(var(--sf-c-txt-steelblue-90)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:100\:dark, html.auto .sf-c-txt-steelblue\:100\:dark { color: hsl(var(--sf-c-txt-steelblue-100)) } + html.var[data-theme='auto'] .sf-c-steelblue, html.var.auto .sf-c-steelblue { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 51%) } html.var[data-theme='auto'] .sf-c-steelblue\:0, html.var.auto .sf-c-steelblue\:0 { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 100%) } html.var[data-theme='auto'] .sf-c-steelblue\:10, html.var.auto .sf-c-steelblue\:10 { color: hsl(207, 44%, 10%); background: hsl(207, 44%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-steelblue\:100\:dark, html.var.dark .sf-c-stee html.var[data-theme='auto'] .sf-c-steelblue\:80\:dark, html.var.auto .sf-c-steelblue\:80\:dark { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 20%) } html.var[data-theme='auto'] .sf-c-steelblue\:90\:dark, html.var.auto .sf-c-steelblue\:90\:dark { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 10%) } html.var[data-theme='auto'] .sf-c-steelblue\:100\:dark, html.var.auto .sf-c-steelblue\:100\:dark { color: hsl(207, 44%, 90%); background: hsl(207, 44%, 0%) } -} -.sf-c-txt-steelblue { color: hsl(var(--sf-c-txt-steelblue)) } -.sf-c-txt-steelblue\:0 { color: hsl(var(--sf-c-txt-steelblue-0)) } -.sf-c-txt-steelblue\:10 { color: hsl(var(--sf-c-txt-steelblue-10)) } -.sf-c-txt-steelblue\:20 { color: hsl(var(--sf-c-txt-steelblue-20)) } -.sf-c-txt-steelblue\:30 { color: hsl(var(--sf-c-txt-steelblue-30)) } -.sf-c-txt-steelblue\:40 { color: hsl(var(--sf-c-txt-steelblue-40)) } -.sf-c-txt-steelblue\:50 { color: hsl(var(--sf-c-txt-steelblue-50)) } -.sf-c-txt-steelblue\:60 { color: hsl(var(--sf-c-txt-steelblue-60)) } -.sf-c-txt-steelblue\:70 { color: hsl(var(--sf-c-txt-steelblue-70)) } -.sf-c-txt-steelblue\:80 { color: hsl(var(--sf-c-txt-steelblue-80)) } -.sf-c-txt-steelblue\:90 { color: hsl(var(--sf-c-txt-steelblue-90)) } -.sf-c-txt-steelblue\:100 { color: hsl(var(--sf-c-txt-steelblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-steelblue, html.auto .sf-c-txt-steelblue { color: hsl(207, 44%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:0, html.auto .sf-c-txt-steelblue\:0 { color: hsl(207, 44%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:10, html.auto .sf-c-txt-steelblue\:10 { color: hsl(207, 44%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:20, html.auto .sf-c-txt-steelblue\:20 { color: hsl(207, 44%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:30, html.auto .sf-c-txt-steelblue\:30 { color: hsl(207, 44%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:40, html.auto .sf-c-txt-steelblue\:40 { color: hsl(207, 44%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:50, html.auto .sf-c-txt-steelblue\:50 { color: hsl(207, 44%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:60, html.auto .sf-c-txt-steelblue\:60 { color: hsl(207, 44%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:70, html.auto .sf-c-txt-steelblue\:70 { color: hsl(207, 44%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:80, html.auto .sf-c-txt-steelblue\:80 { color: hsl(207, 44%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:90, html.auto .sf-c-txt-steelblue\:90 { color: hsl(207, 44%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:100, html.auto .sf-c-txt-steelblue\:100 { color: hsl(207, 44%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-steelblue\:dark, html.auto .sf-c-txt-steelblue\:dark { color: hsl(207, 44%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:0\:dark, html.auto .sf-c-txt-steelblue\:0\:dark { color: hsl(207, 44%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:10\:dark, html.auto .sf-c-txt-steelblue\:10\:dark { color: hsl(207, 44%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:20\:dark, html.auto .sf-c-txt-steelblue\:20\:dark { color: hsl(207, 44%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:30\:dark, html.auto .sf-c-txt-steelblue\:30\:dark { color: hsl(207, 44%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:40\:dark, html.auto .sf-c-txt-steelblue\:40\:dark { color: hsl(207, 44%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:50\:dark, html.auto .sf-c-txt-steelblue\:50\:dark { color: hsl(207, 44%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:60\:dark, html.auto .sf-c-txt-steelblue\:60\:dark { color: hsl(207, 44%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:70\:dark, html.auto .sf-c-txt-steelblue\:70\:dark { color: hsl(207, 44%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:80\:dark, html.auto .sf-c-txt-steelblue\:80\:dark { color: hsl(207, 44%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:90\:dark, html.auto .sf-c-txt-steelblue\:90\:dark { color: hsl(207, 44%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:100\:dark, html.auto .sf-c-txt-steelblue\:100\:dark { color: hsl(207, 44%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/tan.css b/src/colors/10/tan.css index 8f58934..b876787 100644 --- a/src/colors/10/tan.css +++ b/src/colors/10/tan.css @@ -78,6 +78,32 @@ html.var .sf-c-tan\:80 { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 80%) html.var .sf-c-tan\:90 { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 90%) } html.var .sf-c-tan\:100 { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 100%) } +.sf-c-txt-tan { color: hsl(var(--sf-dark-c-txt-tan)) } +.sf-c-txt-tan\:0 { color: hsl(var(--sf-dark-c-txt-tan-100)) } +.sf-c-txt-tan\:10 { color: hsl(var(--sf-dark-c-txt-tan-90)) } +.sf-c-txt-tan\:20 { color: hsl(var(--sf-dark-c-txt-tan-80)) } +.sf-c-txt-tan\:30 { color: hsl(var(--sf-dark-c-txt-tan-70)) } +.sf-c-txt-tan\:40 { color: hsl(var(--sf-dark-c-txt-tan-60)) } +.sf-c-txt-tan\:50 { color: hsl(var(--sf-dark-c-txt-tan-50)) } +.sf-c-txt-tan\:60 { color: hsl(var(--sf-dark-c-txt-tan-40)) } +.sf-c-txt-tan\:70 { color: hsl(var(--sf-dark-c-txt-tan-30)) } +.sf-c-txt-tan\:80 { color: hsl(var(--sf-dark-c-txt-tan-20)) } +.sf-c-txt-tan\:90 { color: hsl(var(--sf-dark-c-txt-tan-10)) } +.sf-c-txt-tan\:100 { color: hsl(var(--sf-dark-c-txt-tan-0)) } + +html.var .sf-c-txt-tan { color: hsl(34, 44%, 31%) } +html.var .sf-c-txt-tan\:0 { color: hsl(34, 44%, 100%) } +html.var .sf-c-txt-tan\:10 { color: hsl(34, 44%, 90%) } +html.var .sf-c-txt-tan\:20 { color: hsl(34, 44%, 80%) } +html.var .sf-c-txt-tan\:30 { color: hsl(34, 44%, 70%) } +html.var .sf-c-txt-tan\:40 { color: hsl(34, 44%, 60%) } +html.var .sf-c-txt-tan\:50 { color: hsl(34, 44%, 50%) } +html.var .sf-c-txt-tan\:60 { color: hsl(34, 44%, 40%) } +html.var .sf-c-txt-tan\:70 { color: hsl(34, 44%, 30%) } +html.var .sf-c-txt-tan\:80 { color: hsl(34, 44%, 20%) } +html.var .sf-c-txt-tan\:90 { color: hsl(34, 44%, 10%) } +html.var .sf-c-txt-tan\:100 { color: hsl(34, 44%, 0%) } + html[data-theme='dark'] .sf-c-tan, html.dark .sf-c-tan { color: hsl(var(--sf-dark-c-txt-tan-90)); background: hsl(var(--sf-dark-c-tan)) } html[data-theme='dark'] .sf-c-tan\:0, html.dark .sf-c-tan\:0 { color: hsl(var(--sf-dark-c-txt-tan-90)); background: hsl(var(--sf-dark-c-tan-100)) } html[data-theme='dark'] .sf-c-tan\:10, html.dark .sf-c-tan\:10 { color: hsl(var(--sf-dark-c-txt-tan-10)); background: hsl(var(--sf-dark-c-tan-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-tan\:80\:dark, html.dark .sf-c-tan\:80\:dark { col html[data-theme='dark'] .sf-c-tan\:90\:dark, html.dark .sf-c-tan\:90\:dark { color: hsl(var(--sf-c-txt-tan-90)); background: hsl(var(--sf-c-tan-10)) } html[data-theme='dark'] .sf-c-tan\:100\:dark, html.dark .sf-c-tan\:100\:dark { color: hsl(var(--sf-c-txt-tan-90)); background: hsl(var(--sf-c-tan-0)) } +html[data-theme='dark'] .sf-c-txt-tan, html.dark .sf-c-txt-tan { color: hsl(var(--sf-c-txt-tan)) } +html[data-theme='dark'] .sf-c-txt-tan\:0, html.dark .sf-c-txt-tan\:0 { color: hsl(var(--sf-c-txt-tan-0)) } +html[data-theme='dark'] .sf-c-txt-tan\:10, html.dark .sf-c-txt-tan\:10 { color: hsl(var(--sf-c-txt-tan-10)) } +html[data-theme='dark'] .sf-c-txt-tan\:20, html.dark .sf-c-txt-tan\:20 { color: hsl(var(--sf-c-txt-tan-20)) } +html[data-theme='dark'] .sf-c-txt-tan\:30, html.dark .sf-c-txt-tan\:30 { color: hsl(var(--sf-c-txt-tan-30)) } +html[data-theme='dark'] .sf-c-txt-tan\:40, html.dark .sf-c-txt-tan\:40 { color: hsl(var(--sf-c-txt-tan-40)) } +html[data-theme='dark'] .sf-c-txt-tan\:50, html.dark .sf-c-txt-tan\:50 { color: hsl(var(--sf-c-txt-tan-50)) } +html[data-theme='dark'] .sf-c-txt-tan\:60, html.dark .sf-c-txt-tan\:60 { color: hsl(var(--sf-c-txt-tan-60)) } +html[data-theme='dark'] .sf-c-txt-tan\:70, html.dark .sf-c-txt-tan\:70 { color: hsl(var(--sf-c-txt-tan-70)) } +html[data-theme='dark'] .sf-c-txt-tan\:80, html.dark .sf-c-txt-tan\:80 { color: hsl(var(--sf-c-txt-tan-80)) } +html[data-theme='dark'] .sf-c-txt-tan\:90, html.dark .sf-c-txt-tan\:90 { color: hsl(var(--sf-c-txt-tan-90)) } +html[data-theme='dark'] .sf-c-txt-tan\:100, html.dark .sf-c-txt-tan\:100 { color: hsl(var(--sf-c-txt-tan-100)) } + +html[data-theme='dark'] .sf-c-txt-tan\:dark, html.dark .sf-c-txt-tan\:dark { color: hsl(var(--sf-c-txt-tan)) } +html[data-theme='dark'] .sf-c-txt-tan\:0\:dark, html.dark .sf-c-txt-tan\:0\:dark { color: hsl(var(--sf-dark-c-txt-tan-0)) } +html[data-theme='dark'] .sf-c-txt-tan\:10\:dark, html.dark .sf-c-txt-tan\:10\:dark { color: hsl(var(--sf-dark-c-txt-tan-10)) } +html[data-theme='dark'] .sf-c-txt-tan\:20\:dark, html.dark .sf-c-txt-tan\:20\:dark { color: hsl(var(--sf-dark-c-txt-tan-20)) } +html[data-theme='dark'] .sf-c-txt-tan\:30\:dark, html.dark .sf-c-txt-tan\:30\:dark { color: hsl(var(--sf-dark-c-txt-tan-30)) } +html[data-theme='dark'] .sf-c-txt-tan\:40\:dark, html.dark .sf-c-txt-tan\:40\:dark { color: hsl(var(--sf-dark-c-txt-tan-40)) } +html[data-theme='dark'] .sf-c-txt-tan\:50\:dark, html.dark .sf-c-txt-tan\:50\:dark { color: hsl(var(--sf-dark-c-txt-tan-50)) } +html[data-theme='dark'] .sf-c-txt-tan\:60\:dark, html.dark .sf-c-txt-tan\:60\:dark { color: hsl(var(--sf-dark-c-txt-tan-60)) } +html[data-theme='dark'] .sf-c-txt-tan\:70\:dark, html.dark .sf-c-txt-tan\:70\:dark { color: hsl(var(--sf-dark-c-txt-tan-70)) } +html[data-theme='dark'] .sf-c-txt-tan\:80\:dark, html.dark .sf-c-txt-tan\:80\:dark { color: hsl(var(--sf-dark-c-txt-tan-80)) } +html[data-theme='dark'] .sf-c-txt-tan\:90\:dark, html.dark .sf-c-txt-tan\:90\:dark { color: hsl(var(--sf-dark-c-txt-tan-90)) } +html[data-theme='dark'] .sf-c-txt-tan\:100\:dark, html.dark .sf-c-txt-tan\:100\:dark { color: hsl(var(--sf-dark-c-txt-tan-100)) } + html.var[data-theme='dark'] .sf-c-tan, html.var.dark .sf-c-tan { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 31%) } html.var[data-theme='dark'] .sf-c-tan\:0, html.var.dark .sf-c-tan\:0 { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 100%) } html.var[data-theme='dark'] .sf-c-tan\:10, html.var.dark .sf-c-tan\:10 { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-tan\:80\:dark, html.var.dark .sf-c-tan\:80\:da html.var[data-theme='dark'] .sf-c-tan\:90\:dark, html.var.dark .sf-c-tan\:90\:dark { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 10%) } html.var[data-theme='dark'] .sf-c-tan\:100\:dark, html.var.dark .sf-c-tan\:100\:dark { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-tan, html.dark .sf-c-txt-tan { color: hsl(34, 44%, 69%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:0, html.dark .sf-c-txt-tan\:0 { color: hsl(34, 44%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:10, html.dark .sf-c-txt-tan\:10 { color: hsl(34, 44%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:20, html.dark .sf-c-txt-tan\:20 { color: hsl(34, 44%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:30, html.dark .sf-c-txt-tan\:30 { color: hsl(34, 44%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:40, html.dark .sf-c-txt-tan\:40 { color: hsl(34, 44%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:50, html.dark .sf-c-txt-tan\:50 { color: hsl(34, 44%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:60, html.dark .sf-c-txt-tan\:60 { color: hsl(34, 44%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:70, html.dark .sf-c-txt-tan\:70 { color: hsl(34, 44%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:80, html.dark .sf-c-txt-tan\:80 { color: hsl(34, 44%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:90, html.dark .sf-c-txt-tan\:90 { color: hsl(34, 44%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:100, html.dark .sf-c-txt-tan\:100 { color: hsl(34, 44%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-tan\:dark, html.dark .sf-c-txt-tan\:dark { color: hsl(34, 44%, 69%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:0\:dark, html.dark .sf-c-txt-tan\:0\:dark { color: hsl(34, 44%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:10\:dark, html.dark .sf-c-txt-tan\:10\:dark { color: hsl(34, 44%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:20\:dark, html.dark .sf-c-txt-tan\:20\:dark { color: hsl(34, 44%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:30\:dark, html.dark .sf-c-txt-tan\:30\:dark { color: hsl(34, 44%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:40\:dark, html.dark .sf-c-txt-tan\:40\:dark { color: hsl(34, 44%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:50\:dark, html.dark .sf-c-txt-tan\:50\:dark { color: hsl(34, 44%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:60\:dark, html.dark .sf-c-txt-tan\:60\:dark { color: hsl(34, 44%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:70\:dark, html.dark .sf-c-txt-tan\:70\:dark { color: hsl(34, 44%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:80\:dark, html.dark .sf-c-txt-tan\:80\:dark { color: hsl(34, 44%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:90\:dark, html.dark .sf-c-txt-tan\:90\:dark { color: hsl(34, 44%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:100\:dark, html.dark .sf-c-txt-tan\:100\:dark { color: hsl(34, 44%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-tan, html.auto .sf-c-tan { color: hsl(var(--sf-dark-c-txt-tan-90)); background: hsl(var(--sf-dark-c-tan)) } html[data-theme='auto'] .sf-c-tan\:0, html.auto .sf-c-tan\:0 { color: hsl(var(--sf-dark-c-txt-tan-90)); background: hsl(var(--sf-dark-c-tan-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-tan\:100\:dark, html.var.dark .sf-c-tan\:100\: html[data-theme='auto'] .sf-c-tan\:90\:dark, html.auto .sf-c-tan\:90\:dark { color: hsl(var(--sf-c-txt-tan-90)); background: hsl(var(--sf-c-tan-10)) } html[data-theme='auto'] .sf-c-tan\:100\:dark, html.auto .sf-c-tan\:100\:dark { color: hsl(var(--sf-c-txt-tan-90)); background: hsl(var(--sf-c-tan-0)) } + html[data-theme='auto'] .sf-c-txt-tan, html.auto .sf-c-txt-tan { color: hsl(var(--sf-c-txt-tan)) } + html[data-theme='auto'] .sf-c-txt-tan\:0, html.auto .sf-c-txt-tan\:0 { color: hsl(var(--sf-c-txt-tan-0)) } + html[data-theme='auto'] .sf-c-txt-tan\:10, html.auto .sf-c-txt-tan\:10 { color: hsl(var(--sf-c-txt-tan-10)) } + html[data-theme='auto'] .sf-c-txt-tan\:20, html.auto .sf-c-txt-tan\:20 { color: hsl(var(--sf-c-txt-tan-20)) } + html[data-theme='auto'] .sf-c-txt-tan\:30, html.auto .sf-c-txt-tan\:30 { color: hsl(var(--sf-c-txt-tan-30)) } + html[data-theme='auto'] .sf-c-txt-tan\:40, html.auto .sf-c-txt-tan\:40 { color: hsl(var(--sf-c-txt-tan-40)) } + html[data-theme='auto'] .sf-c-txt-tan\:50, html.auto .sf-c-txt-tan\:50 { color: hsl(var(--sf-c-txt-tan-50)) } + html[data-theme='auto'] .sf-c-txt-tan\:60, html.auto .sf-c-txt-tan\:60 { color: hsl(var(--sf-c-txt-tan-60)) } + html[data-theme='auto'] .sf-c-txt-tan\:70, html.auto .sf-c-txt-tan\:70 { color: hsl(var(--sf-c-txt-tan-70)) } + html[data-theme='auto'] .sf-c-txt-tan\:80, html.auto .sf-c-txt-tan\:80 { color: hsl(var(--sf-c-txt-tan-80)) } + html[data-theme='auto'] .sf-c-txt-tan\:90, html.auto .sf-c-txt-tan\:90 { color: hsl(var(--sf-c-txt-tan-90)) } + html[data-theme='auto'] .sf-c-txt-tan\:100, html.auto .sf-c-txt-tan\:100 { color: hsl(var(--sf-c-txt-tan-100)) } + + html[data-theme='auto'] .sf-c-txt-tan\:dark, html.auto .sf-c-txt-tan\:dark { color: hsl(var(--sf-c-txt-tan)) } + html[data-theme='auto'] .sf-c-txt-tan\:0\:dark, html.auto .sf-c-txt-tan\:0\:dark { color: hsl(var(--sf-c-txt-tan-0)) } + html[data-theme='auto'] .sf-c-txt-tan\:10\:dark, html.auto .sf-c-txt-tan\:10\:dark { color: hsl(var(--sf-c-txt-tan-10)) } + html[data-theme='auto'] .sf-c-txt-tan\:20\:dark, html.auto .sf-c-txt-tan\:20\:dark { color: hsl(var(--sf-c-txt-tan-20)) } + html[data-theme='auto'] .sf-c-txt-tan\:30\:dark, html.auto .sf-c-txt-tan\:30\:dark { color: hsl(var(--sf-c-txt-tan-30)) } + html[data-theme='auto'] .sf-c-txt-tan\:40\:dark, html.auto .sf-c-txt-tan\:40\:dark { color: hsl(var(--sf-c-txt-tan-40)) } + html[data-theme='auto'] .sf-c-txt-tan\:50\:dark, html.auto .sf-c-txt-tan\:50\:dark { color: hsl(var(--sf-c-txt-tan-50)) } + html[data-theme='auto'] .sf-c-txt-tan\:60\:dark, html.auto .sf-c-txt-tan\:60\:dark { color: hsl(var(--sf-c-txt-tan-60)) } + html[data-theme='auto'] .sf-c-txt-tan\:70\:dark, html.auto .sf-c-txt-tan\:70\:dark { color: hsl(var(--sf-c-txt-tan-70)) } + html[data-theme='auto'] .sf-c-txt-tan\:80\:dark, html.auto .sf-c-txt-tan\:80\:dark { color: hsl(var(--sf-c-txt-tan-80)) } + html[data-theme='auto'] .sf-c-txt-tan\:90\:dark, html.auto .sf-c-txt-tan\:90\:dark { color: hsl(var(--sf-c-txt-tan-90)) } + html[data-theme='auto'] .sf-c-txt-tan\:100\:dark, html.auto .sf-c-txt-tan\:100\:dark { color: hsl(var(--sf-c-txt-tan-100)) } + html.var[data-theme='auto'] .sf-c-tan, html.var.auto .sf-c-tan { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 31%) } html.var[data-theme='auto'] .sf-c-tan\:0, html.var.auto .sf-c-tan\:0 { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 100%) } html.var[data-theme='auto'] .sf-c-tan\:10, html.var.auto .sf-c-tan\:10 { color: hsl(34, 44%, 10%); background: hsl(34, 44%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-tan\:100\:dark, html.var.dark .sf-c-tan\:100\: html.var[data-theme='auto'] .sf-c-tan\:80\:dark, html.var.auto .sf-c-tan\:80\:dark { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 20%) } html.var[data-theme='auto'] .sf-c-tan\:90\:dark, html.var.auto .sf-c-tan\:90\:dark { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 10%) } html.var[data-theme='auto'] .sf-c-tan\:100\:dark, html.var.auto .sf-c-tan\:100\:dark { color: hsl(34, 44%, 90%); background: hsl(34, 44%, 0%) } -} -.sf-c-txt-tan { color: hsl(var(--sf-c-txt-tan)) } -.sf-c-txt-tan\:0 { color: hsl(var(--sf-c-txt-tan-0)) } -.sf-c-txt-tan\:10 { color: hsl(var(--sf-c-txt-tan-10)) } -.sf-c-txt-tan\:20 { color: hsl(var(--sf-c-txt-tan-20)) } -.sf-c-txt-tan\:30 { color: hsl(var(--sf-c-txt-tan-30)) } -.sf-c-txt-tan\:40 { color: hsl(var(--sf-c-txt-tan-40)) } -.sf-c-txt-tan\:50 { color: hsl(var(--sf-c-txt-tan-50)) } -.sf-c-txt-tan\:60 { color: hsl(var(--sf-c-txt-tan-60)) } -.sf-c-txt-tan\:70 { color: hsl(var(--sf-c-txt-tan-70)) } -.sf-c-txt-tan\:80 { color: hsl(var(--sf-c-txt-tan-80)) } -.sf-c-txt-tan\:90 { color: hsl(var(--sf-c-txt-tan-90)) } -.sf-c-txt-tan\:100 { color: hsl(var(--sf-c-txt-tan-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-tan, html.auto .sf-c-txt-tan { color: hsl(34, 44%, 69%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:0, html.auto .sf-c-txt-tan\:0 { color: hsl(34, 44%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:10, html.auto .sf-c-txt-tan\:10 { color: hsl(34, 44%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:20, html.auto .sf-c-txt-tan\:20 { color: hsl(34, 44%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:30, html.auto .sf-c-txt-tan\:30 { color: hsl(34, 44%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:40, html.auto .sf-c-txt-tan\:40 { color: hsl(34, 44%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:50, html.auto .sf-c-txt-tan\:50 { color: hsl(34, 44%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:60, html.auto .sf-c-txt-tan\:60 { color: hsl(34, 44%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:70, html.auto .sf-c-txt-tan\:70 { color: hsl(34, 44%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:80, html.auto .sf-c-txt-tan\:80 { color: hsl(34, 44%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:90, html.auto .sf-c-txt-tan\:90 { color: hsl(34, 44%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:100, html.auto .sf-c-txt-tan\:100 { color: hsl(34, 44%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-tan\:dark, html.auto .sf-c-txt-tan\:dark { color: hsl(34, 44%, 69%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:0\:dark, html.auto .sf-c-txt-tan\:0\:dark { color: hsl(34, 44%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:10\:dark, html.auto .sf-c-txt-tan\:10\:dark { color: hsl(34, 44%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:20\:dark, html.auto .sf-c-txt-tan\:20\:dark { color: hsl(34, 44%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:30\:dark, html.auto .sf-c-txt-tan\:30\:dark { color: hsl(34, 44%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:40\:dark, html.auto .sf-c-txt-tan\:40\:dark { color: hsl(34, 44%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:50\:dark, html.auto .sf-c-txt-tan\:50\:dark { color: hsl(34, 44%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:60\:dark, html.auto .sf-c-txt-tan\:60\:dark { color: hsl(34, 44%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:70\:dark, html.auto .sf-c-txt-tan\:70\:dark { color: hsl(34, 44%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:80\:dark, html.auto .sf-c-txt-tan\:80\:dark { color: hsl(34, 44%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:90\:dark, html.auto .sf-c-txt-tan\:90\:dark { color: hsl(34, 44%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:100\:dark, html.auto .sf-c-txt-tan\:100\:dark { color: hsl(34, 44%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/teal.css b/src/colors/10/teal.css index fe22d24..4bcc9ae 100644 --- a/src/colors/10/teal.css +++ b/src/colors/10/teal.css @@ -78,6 +78,32 @@ html.var .sf-c-teal\:80 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, html.var .sf-c-teal\:90 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } html.var .sf-c-teal\:100 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 100%) } +.sf-c-txt-teal { color: hsl(var(--sf-dark-c-txt-teal)) } +.sf-c-txt-teal\:0 { color: hsl(var(--sf-dark-c-txt-teal-100)) } +.sf-c-txt-teal\:10 { color: hsl(var(--sf-dark-c-txt-teal-90)) } +.sf-c-txt-teal\:20 { color: hsl(var(--sf-dark-c-txt-teal-80)) } +.sf-c-txt-teal\:30 { color: hsl(var(--sf-dark-c-txt-teal-70)) } +.sf-c-txt-teal\:40 { color: hsl(var(--sf-dark-c-txt-teal-60)) } +.sf-c-txt-teal\:50 { color: hsl(var(--sf-dark-c-txt-teal-50)) } +.sf-c-txt-teal\:60 { color: hsl(var(--sf-dark-c-txt-teal-40)) } +.sf-c-txt-teal\:70 { color: hsl(var(--sf-dark-c-txt-teal-30)) } +.sf-c-txt-teal\:80 { color: hsl(var(--sf-dark-c-txt-teal-20)) } +.sf-c-txt-teal\:90 { color: hsl(var(--sf-dark-c-txt-teal-10)) } +.sf-c-txt-teal\:100 { color: hsl(var(--sf-dark-c-txt-teal-0)) } + +html.var .sf-c-txt-teal { color: hsl(180, 100%, 75%) } +html.var .sf-c-txt-teal\:0 { color: hsl(180, 100%, 100%) } +html.var .sf-c-txt-teal\:10 { color: hsl(180, 100%, 90%) } +html.var .sf-c-txt-teal\:20 { color: hsl(180, 100%, 80%) } +html.var .sf-c-txt-teal\:30 { color: hsl(180, 100%, 70%) } +html.var .sf-c-txt-teal\:40 { color: hsl(180, 100%, 60%) } +html.var .sf-c-txt-teal\:50 { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-teal\:60 { color: hsl(180, 100%, 40%) } +html.var .sf-c-txt-teal\:70 { color: hsl(180, 100%, 30%) } +html.var .sf-c-txt-teal\:80 { color: hsl(180, 100%, 20%) } +html.var .sf-c-txt-teal\:90 { color: hsl(180, 100%, 10%) } +html.var .sf-c-txt-teal\:100 { color: hsl(180, 100%, 0%) } + html[data-theme='dark'] .sf-c-teal, html.dark .sf-c-teal { color: hsl(var(--sf-dark-c-txt-teal-10)); background: hsl(var(--sf-dark-c-teal)) } html[data-theme='dark'] .sf-c-teal\:0, html.dark .sf-c-teal\:0 { color: hsl(var(--sf-dark-c-txt-teal-90)); background: hsl(var(--sf-dark-c-teal-100)) } html[data-theme='dark'] .sf-c-teal\:10, html.dark .sf-c-teal\:10 { color: hsl(var(--sf-dark-c-txt-teal-10)); background: hsl(var(--sf-dark-c-teal-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-teal\:80\:dark, html.dark .sf-c-teal\:80\:dark { c html[data-theme='dark'] .sf-c-teal\:90\:dark, html.dark .sf-c-teal\:90\:dark { color: hsl(var(--sf-c-txt-teal-90)); background: hsl(var(--sf-c-teal-10)) } html[data-theme='dark'] .sf-c-teal\:100\:dark, html.dark .sf-c-teal\:100\:dark { color: hsl(var(--sf-c-txt-teal-90)); background: hsl(var(--sf-c-teal-0)) } +html[data-theme='dark'] .sf-c-txt-teal, html.dark .sf-c-txt-teal { color: hsl(var(--sf-c-txt-teal)) } +html[data-theme='dark'] .sf-c-txt-teal\:0, html.dark .sf-c-txt-teal\:0 { color: hsl(var(--sf-c-txt-teal-0)) } +html[data-theme='dark'] .sf-c-txt-teal\:10, html.dark .sf-c-txt-teal\:10 { color: hsl(var(--sf-c-txt-teal-10)) } +html[data-theme='dark'] .sf-c-txt-teal\:20, html.dark .sf-c-txt-teal\:20 { color: hsl(var(--sf-c-txt-teal-20)) } +html[data-theme='dark'] .sf-c-txt-teal\:30, html.dark .sf-c-txt-teal\:30 { color: hsl(var(--sf-c-txt-teal-30)) } +html[data-theme='dark'] .sf-c-txt-teal\:40, html.dark .sf-c-txt-teal\:40 { color: hsl(var(--sf-c-txt-teal-40)) } +html[data-theme='dark'] .sf-c-txt-teal\:50, html.dark .sf-c-txt-teal\:50 { color: hsl(var(--sf-c-txt-teal-50)) } +html[data-theme='dark'] .sf-c-txt-teal\:60, html.dark .sf-c-txt-teal\:60 { color: hsl(var(--sf-c-txt-teal-60)) } +html[data-theme='dark'] .sf-c-txt-teal\:70, html.dark .sf-c-txt-teal\:70 { color: hsl(var(--sf-c-txt-teal-70)) } +html[data-theme='dark'] .sf-c-txt-teal\:80, html.dark .sf-c-txt-teal\:80 { color: hsl(var(--sf-c-txt-teal-80)) } +html[data-theme='dark'] .sf-c-txt-teal\:90, html.dark .sf-c-txt-teal\:90 { color: hsl(var(--sf-c-txt-teal-90)) } +html[data-theme='dark'] .sf-c-txt-teal\:100, html.dark .sf-c-txt-teal\:100 { color: hsl(var(--sf-c-txt-teal-100)) } + +html[data-theme='dark'] .sf-c-txt-teal\:dark, html.dark .sf-c-txt-teal\:dark { color: hsl(var(--sf-c-txt-teal)) } +html[data-theme='dark'] .sf-c-txt-teal\:0\:dark, html.dark .sf-c-txt-teal\:0\:dark { color: hsl(var(--sf-dark-c-txt-teal-0)) } +html[data-theme='dark'] .sf-c-txt-teal\:10\:dark, html.dark .sf-c-txt-teal\:10\:dark { color: hsl(var(--sf-dark-c-txt-teal-10)) } +html[data-theme='dark'] .sf-c-txt-teal\:20\:dark, html.dark .sf-c-txt-teal\:20\:dark { color: hsl(var(--sf-dark-c-txt-teal-20)) } +html[data-theme='dark'] .sf-c-txt-teal\:30\:dark, html.dark .sf-c-txt-teal\:30\:dark { color: hsl(var(--sf-dark-c-txt-teal-30)) } +html[data-theme='dark'] .sf-c-txt-teal\:40\:dark, html.dark .sf-c-txt-teal\:40\:dark { color: hsl(var(--sf-dark-c-txt-teal-40)) } +html[data-theme='dark'] .sf-c-txt-teal\:50\:dark, html.dark .sf-c-txt-teal\:50\:dark { color: hsl(var(--sf-dark-c-txt-teal-50)) } +html[data-theme='dark'] .sf-c-txt-teal\:60\:dark, html.dark .sf-c-txt-teal\:60\:dark { color: hsl(var(--sf-dark-c-txt-teal-60)) } +html[data-theme='dark'] .sf-c-txt-teal\:70\:dark, html.dark .sf-c-txt-teal\:70\:dark { color: hsl(var(--sf-dark-c-txt-teal-70)) } +html[data-theme='dark'] .sf-c-txt-teal\:80\:dark, html.dark .sf-c-txt-teal\:80\:dark { color: hsl(var(--sf-dark-c-txt-teal-80)) } +html[data-theme='dark'] .sf-c-txt-teal\:90\:dark, html.dark .sf-c-txt-teal\:90\:dark { color: hsl(var(--sf-dark-c-txt-teal-90)) } +html[data-theme='dark'] .sf-c-txt-teal\:100\:dark, html.dark .sf-c-txt-teal\:100\:dark { color: hsl(var(--sf-dark-c-txt-teal-100)) } + html.var[data-theme='dark'] .sf-c-teal, html.var.dark .sf-c-teal { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 75%) } html.var[data-theme='dark'] .sf-c-teal\:0, html.var.dark .sf-c-teal\:0 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 100%) } html.var[data-theme='dark'] .sf-c-teal\:10, html.var.dark .sf-c-teal\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-teal\:80\:dark, html.var.dark .sf-c-teal\:80\: html.var[data-theme='dark'] .sf-c-teal\:90\:dark, html.var.dark .sf-c-teal\:90\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } html.var[data-theme='dark'] .sf-c-teal\:100\:dark, html.var.dark .sf-c-teal\:100\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-teal, html.dark .sf-c-txt-teal { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:0, html.dark .sf-c-txt-teal\:0 { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:10, html.dark .sf-c-txt-teal\:10 { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:20, html.dark .sf-c-txt-teal\:20 { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:30, html.dark .sf-c-txt-teal\:30 { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:40, html.dark .sf-c-txt-teal\:40 { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:50, html.dark .sf-c-txt-teal\:50 { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:60, html.dark .sf-c-txt-teal\:60 { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:70, html.dark .sf-c-txt-teal\:70 { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:80, html.dark .sf-c-txt-teal\:80 { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:90, html.dark .sf-c-txt-teal\:90 { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:100, html.dark .sf-c-txt-teal\:100 { color: hsl(180, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-teal\:dark, html.dark .sf-c-txt-teal\:dark { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:0\:dark, html.dark .sf-c-txt-teal\:0\:dark { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:10\:dark, html.dark .sf-c-txt-teal\:10\:dark { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:20\:dark, html.dark .sf-c-txt-teal\:20\:dark { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:30\:dark, html.dark .sf-c-txt-teal\:30\:dark { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:40\:dark, html.dark .sf-c-txt-teal\:40\:dark { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:50\:dark, html.dark .sf-c-txt-teal\:50\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:60\:dark, html.dark .sf-c-txt-teal\:60\:dark { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:70\:dark, html.dark .sf-c-txt-teal\:70\:dark { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:80\:dark, html.dark .sf-c-txt-teal\:80\:dark { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:90\:dark, html.dark .sf-c-txt-teal\:90\:dark { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:100\:dark, html.dark .sf-c-txt-teal\:100\:dark { color: hsl(180, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-teal, html.auto .sf-c-teal { color: hsl(var(--sf-dark-c-txt-teal-10)); background: hsl(var(--sf-dark-c-teal)) } html[data-theme='auto'] .sf-c-teal\:0, html.auto .sf-c-teal\:0 { color: hsl(var(--sf-dark-c-txt-teal-90)); background: hsl(var(--sf-dark-c-teal-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-teal\:100\:dark, html.var.dark .sf-c-teal\:100 html[data-theme='auto'] .sf-c-teal\:90\:dark, html.auto .sf-c-teal\:90\:dark { color: hsl(var(--sf-c-txt-teal-90)); background: hsl(var(--sf-c-teal-10)) } html[data-theme='auto'] .sf-c-teal\:100\:dark, html.auto .sf-c-teal\:100\:dark { color: hsl(var(--sf-c-txt-teal-90)); background: hsl(var(--sf-c-teal-0)) } + html[data-theme='auto'] .sf-c-txt-teal, html.auto .sf-c-txt-teal { color: hsl(var(--sf-c-txt-teal)) } + html[data-theme='auto'] .sf-c-txt-teal\:0, html.auto .sf-c-txt-teal\:0 { color: hsl(var(--sf-c-txt-teal-0)) } + html[data-theme='auto'] .sf-c-txt-teal\:10, html.auto .sf-c-txt-teal\:10 { color: hsl(var(--sf-c-txt-teal-10)) } + html[data-theme='auto'] .sf-c-txt-teal\:20, html.auto .sf-c-txt-teal\:20 { color: hsl(var(--sf-c-txt-teal-20)) } + html[data-theme='auto'] .sf-c-txt-teal\:30, html.auto .sf-c-txt-teal\:30 { color: hsl(var(--sf-c-txt-teal-30)) } + html[data-theme='auto'] .sf-c-txt-teal\:40, html.auto .sf-c-txt-teal\:40 { color: hsl(var(--sf-c-txt-teal-40)) } + html[data-theme='auto'] .sf-c-txt-teal\:50, html.auto .sf-c-txt-teal\:50 { color: hsl(var(--sf-c-txt-teal-50)) } + html[data-theme='auto'] .sf-c-txt-teal\:60, html.auto .sf-c-txt-teal\:60 { color: hsl(var(--sf-c-txt-teal-60)) } + html[data-theme='auto'] .sf-c-txt-teal\:70, html.auto .sf-c-txt-teal\:70 { color: hsl(var(--sf-c-txt-teal-70)) } + html[data-theme='auto'] .sf-c-txt-teal\:80, html.auto .sf-c-txt-teal\:80 { color: hsl(var(--sf-c-txt-teal-80)) } + html[data-theme='auto'] .sf-c-txt-teal\:90, html.auto .sf-c-txt-teal\:90 { color: hsl(var(--sf-c-txt-teal-90)) } + html[data-theme='auto'] .sf-c-txt-teal\:100, html.auto .sf-c-txt-teal\:100 { color: hsl(var(--sf-c-txt-teal-100)) } + + html[data-theme='auto'] .sf-c-txt-teal\:dark, html.auto .sf-c-txt-teal\:dark { color: hsl(var(--sf-c-txt-teal)) } + html[data-theme='auto'] .sf-c-txt-teal\:0\:dark, html.auto .sf-c-txt-teal\:0\:dark { color: hsl(var(--sf-c-txt-teal-0)) } + html[data-theme='auto'] .sf-c-txt-teal\:10\:dark, html.auto .sf-c-txt-teal\:10\:dark { color: hsl(var(--sf-c-txt-teal-10)) } + html[data-theme='auto'] .sf-c-txt-teal\:20\:dark, html.auto .sf-c-txt-teal\:20\:dark { color: hsl(var(--sf-c-txt-teal-20)) } + html[data-theme='auto'] .sf-c-txt-teal\:30\:dark, html.auto .sf-c-txt-teal\:30\:dark { color: hsl(var(--sf-c-txt-teal-30)) } + html[data-theme='auto'] .sf-c-txt-teal\:40\:dark, html.auto .sf-c-txt-teal\:40\:dark { color: hsl(var(--sf-c-txt-teal-40)) } + html[data-theme='auto'] .sf-c-txt-teal\:50\:dark, html.auto .sf-c-txt-teal\:50\:dark { color: hsl(var(--sf-c-txt-teal-50)) } + html[data-theme='auto'] .sf-c-txt-teal\:60\:dark, html.auto .sf-c-txt-teal\:60\:dark { color: hsl(var(--sf-c-txt-teal-60)) } + html[data-theme='auto'] .sf-c-txt-teal\:70\:dark, html.auto .sf-c-txt-teal\:70\:dark { color: hsl(var(--sf-c-txt-teal-70)) } + html[data-theme='auto'] .sf-c-txt-teal\:80\:dark, html.auto .sf-c-txt-teal\:80\:dark { color: hsl(var(--sf-c-txt-teal-80)) } + html[data-theme='auto'] .sf-c-txt-teal\:90\:dark, html.auto .sf-c-txt-teal\:90\:dark { color: hsl(var(--sf-c-txt-teal-90)) } + html[data-theme='auto'] .sf-c-txt-teal\:100\:dark, html.auto .sf-c-txt-teal\:100\:dark { color: hsl(var(--sf-c-txt-teal-100)) } + html.var[data-theme='auto'] .sf-c-teal, html.var.auto .sf-c-teal { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 75%) } html.var[data-theme='auto'] .sf-c-teal\:0, html.var.auto .sf-c-teal\:0 { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 100%) } html.var[data-theme='auto'] .sf-c-teal\:10, html.var.auto .sf-c-teal\:10 { color: hsl(180, 100%, 10%); background: hsl(180, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-teal\:100\:dark, html.var.dark .sf-c-teal\:100 html.var[data-theme='auto'] .sf-c-teal\:80\:dark, html.var.auto .sf-c-teal\:80\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 20%) } html.var[data-theme='auto'] .sf-c-teal\:90\:dark, html.var.auto .sf-c-teal\:90\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 10%) } html.var[data-theme='auto'] .sf-c-teal\:100\:dark, html.var.auto .sf-c-teal\:100\:dark { color: hsl(180, 100%, 90%); background: hsl(180, 100%, 0%) } -} -.sf-c-txt-teal { color: hsl(var(--sf-c-txt-teal)) } -.sf-c-txt-teal\:0 { color: hsl(var(--sf-c-txt-teal-0)) } -.sf-c-txt-teal\:10 { color: hsl(var(--sf-c-txt-teal-10)) } -.sf-c-txt-teal\:20 { color: hsl(var(--sf-c-txt-teal-20)) } -.sf-c-txt-teal\:30 { color: hsl(var(--sf-c-txt-teal-30)) } -.sf-c-txt-teal\:40 { color: hsl(var(--sf-c-txt-teal-40)) } -.sf-c-txt-teal\:50 { color: hsl(var(--sf-c-txt-teal-50)) } -.sf-c-txt-teal\:60 { color: hsl(var(--sf-c-txt-teal-60)) } -.sf-c-txt-teal\:70 { color: hsl(var(--sf-c-txt-teal-70)) } -.sf-c-txt-teal\:80 { color: hsl(var(--sf-c-txt-teal-80)) } -.sf-c-txt-teal\:90 { color: hsl(var(--sf-c-txt-teal-90)) } -.sf-c-txt-teal\:100 { color: hsl(var(--sf-c-txt-teal-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-teal, html.auto .sf-c-txt-teal { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:0, html.auto .sf-c-txt-teal\:0 { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:10, html.auto .sf-c-txt-teal\:10 { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:20, html.auto .sf-c-txt-teal\:20 { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:30, html.auto .sf-c-txt-teal\:30 { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:40, html.auto .sf-c-txt-teal\:40 { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:50, html.auto .sf-c-txt-teal\:50 { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:60, html.auto .sf-c-txt-teal\:60 { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:70, html.auto .sf-c-txt-teal\:70 { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:80, html.auto .sf-c-txt-teal\:80 { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:90, html.auto .sf-c-txt-teal\:90 { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:100, html.auto .sf-c-txt-teal\:100 { color: hsl(180, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-teal\:dark, html.auto .sf-c-txt-teal\:dark { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:0\:dark, html.auto .sf-c-txt-teal\:0\:dark { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:10\:dark, html.auto .sf-c-txt-teal\:10\:dark { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:20\:dark, html.auto .sf-c-txt-teal\:20\:dark { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:30\:dark, html.auto .sf-c-txt-teal\:30\:dark { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:40\:dark, html.auto .sf-c-txt-teal\:40\:dark { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:50\:dark, html.auto .sf-c-txt-teal\:50\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:60\:dark, html.auto .sf-c-txt-teal\:60\:dark { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:70\:dark, html.auto .sf-c-txt-teal\:70\:dark { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:80\:dark, html.auto .sf-c-txt-teal\:80\:dark { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:90\:dark, html.auto .sf-c-txt-teal\:90\:dark { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:100\:dark, html.auto .sf-c-txt-teal\:100\:dark { color: hsl(180, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/thistle.css b/src/colors/10/thistle.css index e521178..5cf092b 100644 --- a/src/colors/10/thistle.css +++ b/src/colors/10/thistle.css @@ -78,6 +78,32 @@ html.var .sf-c-thistle\:80 { color: hsl(300, 24%, 10%); background: hsl(300, 24% html.var .sf-c-thistle\:90 { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 90%) } html.var .sf-c-thistle\:100 { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 100%) } +.sf-c-txt-thistle { color: hsl(var(--sf-dark-c-txt-thistle)) } +.sf-c-txt-thistle\:0 { color: hsl(var(--sf-dark-c-txt-thistle-100)) } +.sf-c-txt-thistle\:10 { color: hsl(var(--sf-dark-c-txt-thistle-90)) } +.sf-c-txt-thistle\:20 { color: hsl(var(--sf-dark-c-txt-thistle-80)) } +.sf-c-txt-thistle\:30 { color: hsl(var(--sf-dark-c-txt-thistle-70)) } +.sf-c-txt-thistle\:40 { color: hsl(var(--sf-dark-c-txt-thistle-60)) } +.sf-c-txt-thistle\:50 { color: hsl(var(--sf-dark-c-txt-thistle-50)) } +.sf-c-txt-thistle\:60 { color: hsl(var(--sf-dark-c-txt-thistle-40)) } +.sf-c-txt-thistle\:70 { color: hsl(var(--sf-dark-c-txt-thistle-30)) } +.sf-c-txt-thistle\:80 { color: hsl(var(--sf-dark-c-txt-thistle-20)) } +.sf-c-txt-thistle\:90 { color: hsl(var(--sf-dark-c-txt-thistle-10)) } +.sf-c-txt-thistle\:100 { color: hsl(var(--sf-dark-c-txt-thistle-0)) } + +html.var .sf-c-txt-thistle { color: hsl(300, 24%, 20%) } +html.var .sf-c-txt-thistle\:0 { color: hsl(300, 24%, 100%) } +html.var .sf-c-txt-thistle\:10 { color: hsl(300, 24%, 90%) } +html.var .sf-c-txt-thistle\:20 { color: hsl(300, 24%, 80%) } +html.var .sf-c-txt-thistle\:30 { color: hsl(300, 24%, 70%) } +html.var .sf-c-txt-thistle\:40 { color: hsl(300, 24%, 60%) } +html.var .sf-c-txt-thistle\:50 { color: hsl(300, 24%, 50%) } +html.var .sf-c-txt-thistle\:60 { color: hsl(300, 24%, 40%) } +html.var .sf-c-txt-thistle\:70 { color: hsl(300, 24%, 30%) } +html.var .sf-c-txt-thistle\:80 { color: hsl(300, 24%, 20%) } +html.var .sf-c-txt-thistle\:90 { color: hsl(300, 24%, 10%) } +html.var .sf-c-txt-thistle\:100 { color: hsl(300, 24%, 0%) } + html[data-theme='dark'] .sf-c-thistle, html.dark .sf-c-thistle { color: hsl(var(--sf-dark-c-txt-thistle-90)); background: hsl(var(--sf-dark-c-thistle)) } html[data-theme='dark'] .sf-c-thistle\:0, html.dark .sf-c-thistle\:0 { color: hsl(var(--sf-dark-c-txt-thistle-90)); background: hsl(var(--sf-dark-c-thistle-100)) } html[data-theme='dark'] .sf-c-thistle\:10, html.dark .sf-c-thistle\:10 { color: hsl(var(--sf-dark-c-txt-thistle-10)); background: hsl(var(--sf-dark-c-thistle-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-thistle\:80\:dark, html.dark .sf-c-thistle\:80\:da html[data-theme='dark'] .sf-c-thistle\:90\:dark, html.dark .sf-c-thistle\:90\:dark { color: hsl(var(--sf-c-txt-thistle-90)); background: hsl(var(--sf-c-thistle-10)) } html[data-theme='dark'] .sf-c-thistle\:100\:dark, html.dark .sf-c-thistle\:100\:dark { color: hsl(var(--sf-c-txt-thistle-90)); background: hsl(var(--sf-c-thistle-0)) } +html[data-theme='dark'] .sf-c-txt-thistle, html.dark .sf-c-txt-thistle { color: hsl(var(--sf-c-txt-thistle)) } +html[data-theme='dark'] .sf-c-txt-thistle\:0, html.dark .sf-c-txt-thistle\:0 { color: hsl(var(--sf-c-txt-thistle-0)) } +html[data-theme='dark'] .sf-c-txt-thistle\:10, html.dark .sf-c-txt-thistle\:10 { color: hsl(var(--sf-c-txt-thistle-10)) } +html[data-theme='dark'] .sf-c-txt-thistle\:20, html.dark .sf-c-txt-thistle\:20 { color: hsl(var(--sf-c-txt-thistle-20)) } +html[data-theme='dark'] .sf-c-txt-thistle\:30, html.dark .sf-c-txt-thistle\:30 { color: hsl(var(--sf-c-txt-thistle-30)) } +html[data-theme='dark'] .sf-c-txt-thistle\:40, html.dark .sf-c-txt-thistle\:40 { color: hsl(var(--sf-c-txt-thistle-40)) } +html[data-theme='dark'] .sf-c-txt-thistle\:50, html.dark .sf-c-txt-thistle\:50 { color: hsl(var(--sf-c-txt-thistle-50)) } +html[data-theme='dark'] .sf-c-txt-thistle\:60, html.dark .sf-c-txt-thistle\:60 { color: hsl(var(--sf-c-txt-thistle-60)) } +html[data-theme='dark'] .sf-c-txt-thistle\:70, html.dark .sf-c-txt-thistle\:70 { color: hsl(var(--sf-c-txt-thistle-70)) } +html[data-theme='dark'] .sf-c-txt-thistle\:80, html.dark .sf-c-txt-thistle\:80 { color: hsl(var(--sf-c-txt-thistle-80)) } +html[data-theme='dark'] .sf-c-txt-thistle\:90, html.dark .sf-c-txt-thistle\:90 { color: hsl(var(--sf-c-txt-thistle-90)) } +html[data-theme='dark'] .sf-c-txt-thistle\:100, html.dark .sf-c-txt-thistle\:100 { color: hsl(var(--sf-c-txt-thistle-100)) } + +html[data-theme='dark'] .sf-c-txt-thistle\:dark, html.dark .sf-c-txt-thistle\:dark { color: hsl(var(--sf-c-txt-thistle)) } +html[data-theme='dark'] .sf-c-txt-thistle\:0\:dark, html.dark .sf-c-txt-thistle\:0\:dark { color: hsl(var(--sf-dark-c-txt-thistle-0)) } +html[data-theme='dark'] .sf-c-txt-thistle\:10\:dark, html.dark .sf-c-txt-thistle\:10\:dark { color: hsl(var(--sf-dark-c-txt-thistle-10)) } +html[data-theme='dark'] .sf-c-txt-thistle\:20\:dark, html.dark .sf-c-txt-thistle\:20\:dark { color: hsl(var(--sf-dark-c-txt-thistle-20)) } +html[data-theme='dark'] .sf-c-txt-thistle\:30\:dark, html.dark .sf-c-txt-thistle\:30\:dark { color: hsl(var(--sf-dark-c-txt-thistle-30)) } +html[data-theme='dark'] .sf-c-txt-thistle\:40\:dark, html.dark .sf-c-txt-thistle\:40\:dark { color: hsl(var(--sf-dark-c-txt-thistle-40)) } +html[data-theme='dark'] .sf-c-txt-thistle\:50\:dark, html.dark .sf-c-txt-thistle\:50\:dark { color: hsl(var(--sf-dark-c-txt-thistle-50)) } +html[data-theme='dark'] .sf-c-txt-thistle\:60\:dark, html.dark .sf-c-txt-thistle\:60\:dark { color: hsl(var(--sf-dark-c-txt-thistle-60)) } +html[data-theme='dark'] .sf-c-txt-thistle\:70\:dark, html.dark .sf-c-txt-thistle\:70\:dark { color: hsl(var(--sf-dark-c-txt-thistle-70)) } +html[data-theme='dark'] .sf-c-txt-thistle\:80\:dark, html.dark .sf-c-txt-thistle\:80\:dark { color: hsl(var(--sf-dark-c-txt-thistle-80)) } +html[data-theme='dark'] .sf-c-txt-thistle\:90\:dark, html.dark .sf-c-txt-thistle\:90\:dark { color: hsl(var(--sf-dark-c-txt-thistle-90)) } +html[data-theme='dark'] .sf-c-txt-thistle\:100\:dark, html.dark .sf-c-txt-thistle\:100\:dark { color: hsl(var(--sf-dark-c-txt-thistle-100)) } + html.var[data-theme='dark'] .sf-c-thistle, html.var.dark .sf-c-thistle { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 20%) } html.var[data-theme='dark'] .sf-c-thistle\:0, html.var.dark .sf-c-thistle\:0 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 100%) } html.var[data-theme='dark'] .sf-c-thistle\:10, html.var.dark .sf-c-thistle\:10 { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-thistle\:80\:dark, html.var.dark .sf-c-thistle html.var[data-theme='dark'] .sf-c-thistle\:90\:dark, html.var.dark .sf-c-thistle\:90\:dark { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 10%) } html.var[data-theme='dark'] .sf-c-thistle\:100\:dark, html.var.dark .sf-c-thistle\:100\:dark { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-thistle, html.dark .sf-c-txt-thistle { color: hsl(300, 24%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:0, html.dark .sf-c-txt-thistle\:0 { color: hsl(300, 24%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:10, html.dark .sf-c-txt-thistle\:10 { color: hsl(300, 24%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:20, html.dark .sf-c-txt-thistle\:20 { color: hsl(300, 24%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:30, html.dark .sf-c-txt-thistle\:30 { color: hsl(300, 24%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:40, html.dark .sf-c-txt-thistle\:40 { color: hsl(300, 24%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:50, html.dark .sf-c-txt-thistle\:50 { color: hsl(300, 24%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:60, html.dark .sf-c-txt-thistle\:60 { color: hsl(300, 24%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:70, html.dark .sf-c-txt-thistle\:70 { color: hsl(300, 24%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:80, html.dark .sf-c-txt-thistle\:80 { color: hsl(300, 24%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:90, html.dark .sf-c-txt-thistle\:90 { color: hsl(300, 24%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:100, html.dark .sf-c-txt-thistle\:100 { color: hsl(300, 24%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-thistle\:dark, html.dark .sf-c-txt-thistle\:dark { color: hsl(300, 24%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:0\:dark, html.dark .sf-c-txt-thistle\:0\:dark { color: hsl(300, 24%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:10\:dark, html.dark .sf-c-txt-thistle\:10\:dark { color: hsl(300, 24%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:20\:dark, html.dark .sf-c-txt-thistle\:20\:dark { color: hsl(300, 24%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:30\:dark, html.dark .sf-c-txt-thistle\:30\:dark { color: hsl(300, 24%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:40\:dark, html.dark .sf-c-txt-thistle\:40\:dark { color: hsl(300, 24%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:50\:dark, html.dark .sf-c-txt-thistle\:50\:dark { color: hsl(300, 24%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:60\:dark, html.dark .sf-c-txt-thistle\:60\:dark { color: hsl(300, 24%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:70\:dark, html.dark .sf-c-txt-thistle\:70\:dark { color: hsl(300, 24%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:80\:dark, html.dark .sf-c-txt-thistle\:80\:dark { color: hsl(300, 24%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:90\:dark, html.dark .sf-c-txt-thistle\:90\:dark { color: hsl(300, 24%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:100\:dark, html.dark .sf-c-txt-thistle\:100\:dark { color: hsl(300, 24%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-thistle, html.auto .sf-c-thistle { color: hsl(var(--sf-dark-c-txt-thistle-90)); background: hsl(var(--sf-dark-c-thistle)) } html[data-theme='auto'] .sf-c-thistle\:0, html.auto .sf-c-thistle\:0 { color: hsl(var(--sf-dark-c-txt-thistle-90)); background: hsl(var(--sf-dark-c-thistle-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-thistle\:100\:dark, html.var.dark .sf-c-thistl html[data-theme='auto'] .sf-c-thistle\:90\:dark, html.auto .sf-c-thistle\:90\:dark { color: hsl(var(--sf-c-txt-thistle-90)); background: hsl(var(--sf-c-thistle-10)) } html[data-theme='auto'] .sf-c-thistle\:100\:dark, html.auto .sf-c-thistle\:100\:dark { color: hsl(var(--sf-c-txt-thistle-90)); background: hsl(var(--sf-c-thistle-0)) } + html[data-theme='auto'] .sf-c-txt-thistle, html.auto .sf-c-txt-thistle { color: hsl(var(--sf-c-txt-thistle)) } + html[data-theme='auto'] .sf-c-txt-thistle\:0, html.auto .sf-c-txt-thistle\:0 { color: hsl(var(--sf-c-txt-thistle-0)) } + html[data-theme='auto'] .sf-c-txt-thistle\:10, html.auto .sf-c-txt-thistle\:10 { color: hsl(var(--sf-c-txt-thistle-10)) } + html[data-theme='auto'] .sf-c-txt-thistle\:20, html.auto .sf-c-txt-thistle\:20 { color: hsl(var(--sf-c-txt-thistle-20)) } + html[data-theme='auto'] .sf-c-txt-thistle\:30, html.auto .sf-c-txt-thistle\:30 { color: hsl(var(--sf-c-txt-thistle-30)) } + html[data-theme='auto'] .sf-c-txt-thistle\:40, html.auto .sf-c-txt-thistle\:40 { color: hsl(var(--sf-c-txt-thistle-40)) } + html[data-theme='auto'] .sf-c-txt-thistle\:50, html.auto .sf-c-txt-thistle\:50 { color: hsl(var(--sf-c-txt-thistle-50)) } + html[data-theme='auto'] .sf-c-txt-thistle\:60, html.auto .sf-c-txt-thistle\:60 { color: hsl(var(--sf-c-txt-thistle-60)) } + html[data-theme='auto'] .sf-c-txt-thistle\:70, html.auto .sf-c-txt-thistle\:70 { color: hsl(var(--sf-c-txt-thistle-70)) } + html[data-theme='auto'] .sf-c-txt-thistle\:80, html.auto .sf-c-txt-thistle\:80 { color: hsl(var(--sf-c-txt-thistle-80)) } + html[data-theme='auto'] .sf-c-txt-thistle\:90, html.auto .sf-c-txt-thistle\:90 { color: hsl(var(--sf-c-txt-thistle-90)) } + html[data-theme='auto'] .sf-c-txt-thistle\:100, html.auto .sf-c-txt-thistle\:100 { color: hsl(var(--sf-c-txt-thistle-100)) } + + html[data-theme='auto'] .sf-c-txt-thistle\:dark, html.auto .sf-c-txt-thistle\:dark { color: hsl(var(--sf-c-txt-thistle)) } + html[data-theme='auto'] .sf-c-txt-thistle\:0\:dark, html.auto .sf-c-txt-thistle\:0\:dark { color: hsl(var(--sf-c-txt-thistle-0)) } + html[data-theme='auto'] .sf-c-txt-thistle\:10\:dark, html.auto .sf-c-txt-thistle\:10\:dark { color: hsl(var(--sf-c-txt-thistle-10)) } + html[data-theme='auto'] .sf-c-txt-thistle\:20\:dark, html.auto .sf-c-txt-thistle\:20\:dark { color: hsl(var(--sf-c-txt-thistle-20)) } + html[data-theme='auto'] .sf-c-txt-thistle\:30\:dark, html.auto .sf-c-txt-thistle\:30\:dark { color: hsl(var(--sf-c-txt-thistle-30)) } + html[data-theme='auto'] .sf-c-txt-thistle\:40\:dark, html.auto .sf-c-txt-thistle\:40\:dark { color: hsl(var(--sf-c-txt-thistle-40)) } + html[data-theme='auto'] .sf-c-txt-thistle\:50\:dark, html.auto .sf-c-txt-thistle\:50\:dark { color: hsl(var(--sf-c-txt-thistle-50)) } + html[data-theme='auto'] .sf-c-txt-thistle\:60\:dark, html.auto .sf-c-txt-thistle\:60\:dark { color: hsl(var(--sf-c-txt-thistle-60)) } + html[data-theme='auto'] .sf-c-txt-thistle\:70\:dark, html.auto .sf-c-txt-thistle\:70\:dark { color: hsl(var(--sf-c-txt-thistle-70)) } + html[data-theme='auto'] .sf-c-txt-thistle\:80\:dark, html.auto .sf-c-txt-thistle\:80\:dark { color: hsl(var(--sf-c-txt-thistle-80)) } + html[data-theme='auto'] .sf-c-txt-thistle\:90\:dark, html.auto .sf-c-txt-thistle\:90\:dark { color: hsl(var(--sf-c-txt-thistle-90)) } + html[data-theme='auto'] .sf-c-txt-thistle\:100\:dark, html.auto .sf-c-txt-thistle\:100\:dark { color: hsl(var(--sf-c-txt-thistle-100)) } + html.var[data-theme='auto'] .sf-c-thistle, html.var.auto .sf-c-thistle { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 20%) } html.var[data-theme='auto'] .sf-c-thistle\:0, html.var.auto .sf-c-thistle\:0 { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 100%) } html.var[data-theme='auto'] .sf-c-thistle\:10, html.var.auto .sf-c-thistle\:10 { color: hsl(300, 24%, 10%); background: hsl(300, 24%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-thistle\:100\:dark, html.var.dark .sf-c-thistl html.var[data-theme='auto'] .sf-c-thistle\:80\:dark, html.var.auto .sf-c-thistle\:80\:dark { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 20%) } html.var[data-theme='auto'] .sf-c-thistle\:90\:dark, html.var.auto .sf-c-thistle\:90\:dark { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 10%) } html.var[data-theme='auto'] .sf-c-thistle\:100\:dark, html.var.auto .sf-c-thistle\:100\:dark { color: hsl(300, 24%, 90%); background: hsl(300, 24%, 0%) } -} -.sf-c-txt-thistle { color: hsl(var(--sf-c-txt-thistle)) } -.sf-c-txt-thistle\:0 { color: hsl(var(--sf-c-txt-thistle-0)) } -.sf-c-txt-thistle\:10 { color: hsl(var(--sf-c-txt-thistle-10)) } -.sf-c-txt-thistle\:20 { color: hsl(var(--sf-c-txt-thistle-20)) } -.sf-c-txt-thistle\:30 { color: hsl(var(--sf-c-txt-thistle-30)) } -.sf-c-txt-thistle\:40 { color: hsl(var(--sf-c-txt-thistle-40)) } -.sf-c-txt-thistle\:50 { color: hsl(var(--sf-c-txt-thistle-50)) } -.sf-c-txt-thistle\:60 { color: hsl(var(--sf-c-txt-thistle-60)) } -.sf-c-txt-thistle\:70 { color: hsl(var(--sf-c-txt-thistle-70)) } -.sf-c-txt-thistle\:80 { color: hsl(var(--sf-c-txt-thistle-80)) } -.sf-c-txt-thistle\:90 { color: hsl(var(--sf-c-txt-thistle-90)) } -.sf-c-txt-thistle\:100 { color: hsl(var(--sf-c-txt-thistle-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-thistle, html.auto .sf-c-txt-thistle { color: hsl(300, 24%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:0, html.auto .sf-c-txt-thistle\:0 { color: hsl(300, 24%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:10, html.auto .sf-c-txt-thistle\:10 { color: hsl(300, 24%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:20, html.auto .sf-c-txt-thistle\:20 { color: hsl(300, 24%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:30, html.auto .sf-c-txt-thistle\:30 { color: hsl(300, 24%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:40, html.auto .sf-c-txt-thistle\:40 { color: hsl(300, 24%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:50, html.auto .sf-c-txt-thistle\:50 { color: hsl(300, 24%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:60, html.auto .sf-c-txt-thistle\:60 { color: hsl(300, 24%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:70, html.auto .sf-c-txt-thistle\:70 { color: hsl(300, 24%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:80, html.auto .sf-c-txt-thistle\:80 { color: hsl(300, 24%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:90, html.auto .sf-c-txt-thistle\:90 { color: hsl(300, 24%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:100, html.auto .sf-c-txt-thistle\:100 { color: hsl(300, 24%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-thistle\:dark, html.auto .sf-c-txt-thistle\:dark { color: hsl(300, 24%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:0\:dark, html.auto .sf-c-txt-thistle\:0\:dark { color: hsl(300, 24%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:10\:dark, html.auto .sf-c-txt-thistle\:10\:dark { color: hsl(300, 24%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:20\:dark, html.auto .sf-c-txt-thistle\:20\:dark { color: hsl(300, 24%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:30\:dark, html.auto .sf-c-txt-thistle\:30\:dark { color: hsl(300, 24%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:40\:dark, html.auto .sf-c-txt-thistle\:40\:dark { color: hsl(300, 24%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:50\:dark, html.auto .sf-c-txt-thistle\:50\:dark { color: hsl(300, 24%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:60\:dark, html.auto .sf-c-txt-thistle\:60\:dark { color: hsl(300, 24%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:70\:dark, html.auto .sf-c-txt-thistle\:70\:dark { color: hsl(300, 24%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:80\:dark, html.auto .sf-c-txt-thistle\:80\:dark { color: hsl(300, 24%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:90\:dark, html.auto .sf-c-txt-thistle\:90\:dark { color: hsl(300, 24%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:100\:dark, html.auto .sf-c-txt-thistle\:100\:dark { color: hsl(300, 24%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/tomato.css b/src/colors/10/tomato.css index bad8545..c6ace49 100644 --- a/src/colors/10/tomato.css +++ b/src/colors/10/tomato.css @@ -78,6 +78,32 @@ html.var .sf-c-tomato\:80 { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 8 html.var .sf-c-tomato\:90 { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 90%) } html.var .sf-c-tomato\:100 { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 100%) } +.sf-c-txt-tomato { color: hsl(var(--sf-dark-c-txt-tomato)) } +.sf-c-txt-tomato\:0 { color: hsl(var(--sf-dark-c-txt-tomato-100)) } +.sf-c-txt-tomato\:10 { color: hsl(var(--sf-dark-c-txt-tomato-90)) } +.sf-c-txt-tomato\:20 { color: hsl(var(--sf-dark-c-txt-tomato-80)) } +.sf-c-txt-tomato\:30 { color: hsl(var(--sf-dark-c-txt-tomato-70)) } +.sf-c-txt-tomato\:40 { color: hsl(var(--sf-dark-c-txt-tomato-60)) } +.sf-c-txt-tomato\:50 { color: hsl(var(--sf-dark-c-txt-tomato-50)) } +.sf-c-txt-tomato\:60 { color: hsl(var(--sf-dark-c-txt-tomato-40)) } +.sf-c-txt-tomato\:70 { color: hsl(var(--sf-dark-c-txt-tomato-30)) } +.sf-c-txt-tomato\:80 { color: hsl(var(--sf-dark-c-txt-tomato-20)) } +.sf-c-txt-tomato\:90 { color: hsl(var(--sf-dark-c-txt-tomato-10)) } +.sf-c-txt-tomato\:100 { color: hsl(var(--sf-dark-c-txt-tomato-0)) } + +html.var .sf-c-txt-tomato { color: hsl(9, 100%, 36%) } +html.var .sf-c-txt-tomato\:0 { color: hsl(9, 100%, 100%) } +html.var .sf-c-txt-tomato\:10 { color: hsl(9, 100%, 90%) } +html.var .sf-c-txt-tomato\:20 { color: hsl(9, 100%, 80%) } +html.var .sf-c-txt-tomato\:30 { color: hsl(9, 100%, 70%) } +html.var .sf-c-txt-tomato\:40 { color: hsl(9, 100%, 60%) } +html.var .sf-c-txt-tomato\:50 { color: hsl(9, 100%, 50%) } +html.var .sf-c-txt-tomato\:60 { color: hsl(9, 100%, 40%) } +html.var .sf-c-txt-tomato\:70 { color: hsl(9, 100%, 30%) } +html.var .sf-c-txt-tomato\:80 { color: hsl(9, 100%, 20%) } +html.var .sf-c-txt-tomato\:90 { color: hsl(9, 100%, 10%) } +html.var .sf-c-txt-tomato\:100 { color: hsl(9, 100%, 0%) } + html[data-theme='dark'] .sf-c-tomato, html.dark .sf-c-tomato { color: hsl(var(--sf-dark-c-txt-tomato-90)); background: hsl(var(--sf-dark-c-tomato)) } html[data-theme='dark'] .sf-c-tomato\:0, html.dark .sf-c-tomato\:0 { color: hsl(var(--sf-dark-c-txt-tomato-90)); background: hsl(var(--sf-dark-c-tomato-100)) } html[data-theme='dark'] .sf-c-tomato\:10, html.dark .sf-c-tomato\:10 { color: hsl(var(--sf-dark-c-txt-tomato-10)); background: hsl(var(--sf-dark-c-tomato-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-tomato\:80\:dark, html.dark .sf-c-tomato\:80\:dark html[data-theme='dark'] .sf-c-tomato\:90\:dark, html.dark .sf-c-tomato\:90\:dark { color: hsl(var(--sf-c-txt-tomato-90)); background: hsl(var(--sf-c-tomato-10)) } html[data-theme='dark'] .sf-c-tomato\:100\:dark, html.dark .sf-c-tomato\:100\:dark { color: hsl(var(--sf-c-txt-tomato-90)); background: hsl(var(--sf-c-tomato-0)) } +html[data-theme='dark'] .sf-c-txt-tomato, html.dark .sf-c-txt-tomato { color: hsl(var(--sf-c-txt-tomato)) } +html[data-theme='dark'] .sf-c-txt-tomato\:0, html.dark .sf-c-txt-tomato\:0 { color: hsl(var(--sf-c-txt-tomato-0)) } +html[data-theme='dark'] .sf-c-txt-tomato\:10, html.dark .sf-c-txt-tomato\:10 { color: hsl(var(--sf-c-txt-tomato-10)) } +html[data-theme='dark'] .sf-c-txt-tomato\:20, html.dark .sf-c-txt-tomato\:20 { color: hsl(var(--sf-c-txt-tomato-20)) } +html[data-theme='dark'] .sf-c-txt-tomato\:30, html.dark .sf-c-txt-tomato\:30 { color: hsl(var(--sf-c-txt-tomato-30)) } +html[data-theme='dark'] .sf-c-txt-tomato\:40, html.dark .sf-c-txt-tomato\:40 { color: hsl(var(--sf-c-txt-tomato-40)) } +html[data-theme='dark'] .sf-c-txt-tomato\:50, html.dark .sf-c-txt-tomato\:50 { color: hsl(var(--sf-c-txt-tomato-50)) } +html[data-theme='dark'] .sf-c-txt-tomato\:60, html.dark .sf-c-txt-tomato\:60 { color: hsl(var(--sf-c-txt-tomato-60)) } +html[data-theme='dark'] .sf-c-txt-tomato\:70, html.dark .sf-c-txt-tomato\:70 { color: hsl(var(--sf-c-txt-tomato-70)) } +html[data-theme='dark'] .sf-c-txt-tomato\:80, html.dark .sf-c-txt-tomato\:80 { color: hsl(var(--sf-c-txt-tomato-80)) } +html[data-theme='dark'] .sf-c-txt-tomato\:90, html.dark .sf-c-txt-tomato\:90 { color: hsl(var(--sf-c-txt-tomato-90)) } +html[data-theme='dark'] .sf-c-txt-tomato\:100, html.dark .sf-c-txt-tomato\:100 { color: hsl(var(--sf-c-txt-tomato-100)) } + +html[data-theme='dark'] .sf-c-txt-tomato\:dark, html.dark .sf-c-txt-tomato\:dark { color: hsl(var(--sf-c-txt-tomato)) } +html[data-theme='dark'] .sf-c-txt-tomato\:0\:dark, html.dark .sf-c-txt-tomato\:0\:dark { color: hsl(var(--sf-dark-c-txt-tomato-0)) } +html[data-theme='dark'] .sf-c-txt-tomato\:10\:dark, html.dark .sf-c-txt-tomato\:10\:dark { color: hsl(var(--sf-dark-c-txt-tomato-10)) } +html[data-theme='dark'] .sf-c-txt-tomato\:20\:dark, html.dark .sf-c-txt-tomato\:20\:dark { color: hsl(var(--sf-dark-c-txt-tomato-20)) } +html[data-theme='dark'] .sf-c-txt-tomato\:30\:dark, html.dark .sf-c-txt-tomato\:30\:dark { color: hsl(var(--sf-dark-c-txt-tomato-30)) } +html[data-theme='dark'] .sf-c-txt-tomato\:40\:dark, html.dark .sf-c-txt-tomato\:40\:dark { color: hsl(var(--sf-dark-c-txt-tomato-40)) } +html[data-theme='dark'] .sf-c-txt-tomato\:50\:dark, html.dark .sf-c-txt-tomato\:50\:dark { color: hsl(var(--sf-dark-c-txt-tomato-50)) } +html[data-theme='dark'] .sf-c-txt-tomato\:60\:dark, html.dark .sf-c-txt-tomato\:60\:dark { color: hsl(var(--sf-dark-c-txt-tomato-60)) } +html[data-theme='dark'] .sf-c-txt-tomato\:70\:dark, html.dark .sf-c-txt-tomato\:70\:dark { color: hsl(var(--sf-dark-c-txt-tomato-70)) } +html[data-theme='dark'] .sf-c-txt-tomato\:80\:dark, html.dark .sf-c-txt-tomato\:80\:dark { color: hsl(var(--sf-dark-c-txt-tomato-80)) } +html[data-theme='dark'] .sf-c-txt-tomato\:90\:dark, html.dark .sf-c-txt-tomato\:90\:dark { color: hsl(var(--sf-dark-c-txt-tomato-90)) } +html[data-theme='dark'] .sf-c-txt-tomato\:100\:dark, html.dark .sf-c-txt-tomato\:100\:dark { color: hsl(var(--sf-dark-c-txt-tomato-100)) } + html.var[data-theme='dark'] .sf-c-tomato, html.var.dark .sf-c-tomato { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 36%) } html.var[data-theme='dark'] .sf-c-tomato\:0, html.var.dark .sf-c-tomato\:0 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 100%) } html.var[data-theme='dark'] .sf-c-tomato\:10, html.var.dark .sf-c-tomato\:10 { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-tomato\:80\:dark, html.var.dark .sf-c-tomato\: html.var[data-theme='dark'] .sf-c-tomato\:90\:dark, html.var.dark .sf-c-tomato\:90\:dark { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 10%) } html.var[data-theme='dark'] .sf-c-tomato\:100\:dark, html.var.dark .sf-c-tomato\:100\:dark { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-tomato, html.dark .sf-c-txt-tomato { color: hsl(9, 100%, 64%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:0, html.dark .sf-c-txt-tomato\:0 { color: hsl(9, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:10, html.dark .sf-c-txt-tomato\:10 { color: hsl(9, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:20, html.dark .sf-c-txt-tomato\:20 { color: hsl(9, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:30, html.dark .sf-c-txt-tomato\:30 { color: hsl(9, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:40, html.dark .sf-c-txt-tomato\:40 { color: hsl(9, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:50, html.dark .sf-c-txt-tomato\:50 { color: hsl(9, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:60, html.dark .sf-c-txt-tomato\:60 { color: hsl(9, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:70, html.dark .sf-c-txt-tomato\:70 { color: hsl(9, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:80, html.dark .sf-c-txt-tomato\:80 { color: hsl(9, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:90, html.dark .sf-c-txt-tomato\:90 { color: hsl(9, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:100, html.dark .sf-c-txt-tomato\:100 { color: hsl(9, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-tomato\:dark, html.dark .sf-c-txt-tomato\:dark { color: hsl(9, 100%, 64%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:0\:dark, html.dark .sf-c-txt-tomato\:0\:dark { color: hsl(9, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:10\:dark, html.dark .sf-c-txt-tomato\:10\:dark { color: hsl(9, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:20\:dark, html.dark .sf-c-txt-tomato\:20\:dark { color: hsl(9, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:30\:dark, html.dark .sf-c-txt-tomato\:30\:dark { color: hsl(9, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:40\:dark, html.dark .sf-c-txt-tomato\:40\:dark { color: hsl(9, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:50\:dark, html.dark .sf-c-txt-tomato\:50\:dark { color: hsl(9, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:60\:dark, html.dark .sf-c-txt-tomato\:60\:dark { color: hsl(9, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:70\:dark, html.dark .sf-c-txt-tomato\:70\:dark { color: hsl(9, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:80\:dark, html.dark .sf-c-txt-tomato\:80\:dark { color: hsl(9, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:90\:dark, html.dark .sf-c-txt-tomato\:90\:dark { color: hsl(9, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:100\:dark, html.dark .sf-c-txt-tomato\:100\:dark { color: hsl(9, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-tomato, html.auto .sf-c-tomato { color: hsl(var(--sf-dark-c-txt-tomato-90)); background: hsl(var(--sf-dark-c-tomato)) } html[data-theme='auto'] .sf-c-tomato\:0, html.auto .sf-c-tomato\:0 { color: hsl(var(--sf-dark-c-txt-tomato-90)); background: hsl(var(--sf-dark-c-tomato-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-tomato\:100\:dark, html.var.dark .sf-c-tomato\ html[data-theme='auto'] .sf-c-tomato\:90\:dark, html.auto .sf-c-tomato\:90\:dark { color: hsl(var(--sf-c-txt-tomato-90)); background: hsl(var(--sf-c-tomato-10)) } html[data-theme='auto'] .sf-c-tomato\:100\:dark, html.auto .sf-c-tomato\:100\:dark { color: hsl(var(--sf-c-txt-tomato-90)); background: hsl(var(--sf-c-tomato-0)) } + html[data-theme='auto'] .sf-c-txt-tomato, html.auto .sf-c-txt-tomato { color: hsl(var(--sf-c-txt-tomato)) } + html[data-theme='auto'] .sf-c-txt-tomato\:0, html.auto .sf-c-txt-tomato\:0 { color: hsl(var(--sf-c-txt-tomato-0)) } + html[data-theme='auto'] .sf-c-txt-tomato\:10, html.auto .sf-c-txt-tomato\:10 { color: hsl(var(--sf-c-txt-tomato-10)) } + html[data-theme='auto'] .sf-c-txt-tomato\:20, html.auto .sf-c-txt-tomato\:20 { color: hsl(var(--sf-c-txt-tomato-20)) } + html[data-theme='auto'] .sf-c-txt-tomato\:30, html.auto .sf-c-txt-tomato\:30 { color: hsl(var(--sf-c-txt-tomato-30)) } + html[data-theme='auto'] .sf-c-txt-tomato\:40, html.auto .sf-c-txt-tomato\:40 { color: hsl(var(--sf-c-txt-tomato-40)) } + html[data-theme='auto'] .sf-c-txt-tomato\:50, html.auto .sf-c-txt-tomato\:50 { color: hsl(var(--sf-c-txt-tomato-50)) } + html[data-theme='auto'] .sf-c-txt-tomato\:60, html.auto .sf-c-txt-tomato\:60 { color: hsl(var(--sf-c-txt-tomato-60)) } + html[data-theme='auto'] .sf-c-txt-tomato\:70, html.auto .sf-c-txt-tomato\:70 { color: hsl(var(--sf-c-txt-tomato-70)) } + html[data-theme='auto'] .sf-c-txt-tomato\:80, html.auto .sf-c-txt-tomato\:80 { color: hsl(var(--sf-c-txt-tomato-80)) } + html[data-theme='auto'] .sf-c-txt-tomato\:90, html.auto .sf-c-txt-tomato\:90 { color: hsl(var(--sf-c-txt-tomato-90)) } + html[data-theme='auto'] .sf-c-txt-tomato\:100, html.auto .sf-c-txt-tomato\:100 { color: hsl(var(--sf-c-txt-tomato-100)) } + + html[data-theme='auto'] .sf-c-txt-tomato\:dark, html.auto .sf-c-txt-tomato\:dark { color: hsl(var(--sf-c-txt-tomato)) } + html[data-theme='auto'] .sf-c-txt-tomato\:0\:dark, html.auto .sf-c-txt-tomato\:0\:dark { color: hsl(var(--sf-c-txt-tomato-0)) } + html[data-theme='auto'] .sf-c-txt-tomato\:10\:dark, html.auto .sf-c-txt-tomato\:10\:dark { color: hsl(var(--sf-c-txt-tomato-10)) } + html[data-theme='auto'] .sf-c-txt-tomato\:20\:dark, html.auto .sf-c-txt-tomato\:20\:dark { color: hsl(var(--sf-c-txt-tomato-20)) } + html[data-theme='auto'] .sf-c-txt-tomato\:30\:dark, html.auto .sf-c-txt-tomato\:30\:dark { color: hsl(var(--sf-c-txt-tomato-30)) } + html[data-theme='auto'] .sf-c-txt-tomato\:40\:dark, html.auto .sf-c-txt-tomato\:40\:dark { color: hsl(var(--sf-c-txt-tomato-40)) } + html[data-theme='auto'] .sf-c-txt-tomato\:50\:dark, html.auto .sf-c-txt-tomato\:50\:dark { color: hsl(var(--sf-c-txt-tomato-50)) } + html[data-theme='auto'] .sf-c-txt-tomato\:60\:dark, html.auto .sf-c-txt-tomato\:60\:dark { color: hsl(var(--sf-c-txt-tomato-60)) } + html[data-theme='auto'] .sf-c-txt-tomato\:70\:dark, html.auto .sf-c-txt-tomato\:70\:dark { color: hsl(var(--sf-c-txt-tomato-70)) } + html[data-theme='auto'] .sf-c-txt-tomato\:80\:dark, html.auto .sf-c-txt-tomato\:80\:dark { color: hsl(var(--sf-c-txt-tomato-80)) } + html[data-theme='auto'] .sf-c-txt-tomato\:90\:dark, html.auto .sf-c-txt-tomato\:90\:dark { color: hsl(var(--sf-c-txt-tomato-90)) } + html[data-theme='auto'] .sf-c-txt-tomato\:100\:dark, html.auto .sf-c-txt-tomato\:100\:dark { color: hsl(var(--sf-c-txt-tomato-100)) } + html.var[data-theme='auto'] .sf-c-tomato, html.var.auto .sf-c-tomato { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 36%) } html.var[data-theme='auto'] .sf-c-tomato\:0, html.var.auto .sf-c-tomato\:0 { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 100%) } html.var[data-theme='auto'] .sf-c-tomato\:10, html.var.auto .sf-c-tomato\:10 { color: hsl(9, 100%, 10%); background: hsl(9, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-tomato\:100\:dark, html.var.dark .sf-c-tomato\ html.var[data-theme='auto'] .sf-c-tomato\:80\:dark, html.var.auto .sf-c-tomato\:80\:dark { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 20%) } html.var[data-theme='auto'] .sf-c-tomato\:90\:dark, html.var.auto .sf-c-tomato\:90\:dark { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 10%) } html.var[data-theme='auto'] .sf-c-tomato\:100\:dark, html.var.auto .sf-c-tomato\:100\:dark { color: hsl(9, 100%, 90%); background: hsl(9, 100%, 0%) } -} -.sf-c-txt-tomato { color: hsl(var(--sf-c-txt-tomato)) } -.sf-c-txt-tomato\:0 { color: hsl(var(--sf-c-txt-tomato-0)) } -.sf-c-txt-tomato\:10 { color: hsl(var(--sf-c-txt-tomato-10)) } -.sf-c-txt-tomato\:20 { color: hsl(var(--sf-c-txt-tomato-20)) } -.sf-c-txt-tomato\:30 { color: hsl(var(--sf-c-txt-tomato-30)) } -.sf-c-txt-tomato\:40 { color: hsl(var(--sf-c-txt-tomato-40)) } -.sf-c-txt-tomato\:50 { color: hsl(var(--sf-c-txt-tomato-50)) } -.sf-c-txt-tomato\:60 { color: hsl(var(--sf-c-txt-tomato-60)) } -.sf-c-txt-tomato\:70 { color: hsl(var(--sf-c-txt-tomato-70)) } -.sf-c-txt-tomato\:80 { color: hsl(var(--sf-c-txt-tomato-80)) } -.sf-c-txt-tomato\:90 { color: hsl(var(--sf-c-txt-tomato-90)) } -.sf-c-txt-tomato\:100 { color: hsl(var(--sf-c-txt-tomato-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-tomato, html.auto .sf-c-txt-tomato { color: hsl(9, 100%, 64%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:0, html.auto .sf-c-txt-tomato\:0 { color: hsl(9, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:10, html.auto .sf-c-txt-tomato\:10 { color: hsl(9, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:20, html.auto .sf-c-txt-tomato\:20 { color: hsl(9, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:30, html.auto .sf-c-txt-tomato\:30 { color: hsl(9, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:40, html.auto .sf-c-txt-tomato\:40 { color: hsl(9, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:50, html.auto .sf-c-txt-tomato\:50 { color: hsl(9, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:60, html.auto .sf-c-txt-tomato\:60 { color: hsl(9, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:70, html.auto .sf-c-txt-tomato\:70 { color: hsl(9, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:80, html.auto .sf-c-txt-tomato\:80 { color: hsl(9, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:90, html.auto .sf-c-txt-tomato\:90 { color: hsl(9, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:100, html.auto .sf-c-txt-tomato\:100 { color: hsl(9, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-tomato\:dark, html.auto .sf-c-txt-tomato\:dark { color: hsl(9, 100%, 64%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:0\:dark, html.auto .sf-c-txt-tomato\:0\:dark { color: hsl(9, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:10\:dark, html.auto .sf-c-txt-tomato\:10\:dark { color: hsl(9, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:20\:dark, html.auto .sf-c-txt-tomato\:20\:dark { color: hsl(9, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:30\:dark, html.auto .sf-c-txt-tomato\:30\:dark { color: hsl(9, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:40\:dark, html.auto .sf-c-txt-tomato\:40\:dark { color: hsl(9, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:50\:dark, html.auto .sf-c-txt-tomato\:50\:dark { color: hsl(9, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:60\:dark, html.auto .sf-c-txt-tomato\:60\:dark { color: hsl(9, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:70\:dark, html.auto .sf-c-txt-tomato\:70\:dark { color: hsl(9, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:80\:dark, html.auto .sf-c-txt-tomato\:80\:dark { color: hsl(9, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:90\:dark, html.auto .sf-c-txt-tomato\:90\:dark { color: hsl(9, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:100\:dark, html.auto .sf-c-txt-tomato\:100\:dark { color: hsl(9, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/turquoise.css b/src/colors/10/turquoise.css index 93fae28..4f321f7 100644 --- a/src/colors/10/turquoise.css +++ b/src/colors/10/turquoise.css @@ -78,6 +78,32 @@ html.var .sf-c-turquoise\:80 { color: hsl(174, 72%, 10%); background: hsl(174, 7 html.var .sf-c-turquoise\:90 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 90%) } html.var .sf-c-turquoise\:100 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 100%) } +.sf-c-txt-turquoise { color: hsl(var(--sf-dark-c-txt-turquoise)) } +.sf-c-txt-turquoise\:0 { color: hsl(var(--sf-dark-c-txt-turquoise-100)) } +.sf-c-txt-turquoise\:10 { color: hsl(var(--sf-dark-c-txt-turquoise-90)) } +.sf-c-txt-turquoise\:20 { color: hsl(var(--sf-dark-c-txt-turquoise-80)) } +.sf-c-txt-turquoise\:30 { color: hsl(var(--sf-dark-c-txt-turquoise-70)) } +.sf-c-txt-turquoise\:40 { color: hsl(var(--sf-dark-c-txt-turquoise-60)) } +.sf-c-txt-turquoise\:50 { color: hsl(var(--sf-dark-c-txt-turquoise-50)) } +.sf-c-txt-turquoise\:60 { color: hsl(var(--sf-dark-c-txt-turquoise-40)) } +.sf-c-txt-turquoise\:70 { color: hsl(var(--sf-dark-c-txt-turquoise-30)) } +.sf-c-txt-turquoise\:80 { color: hsl(var(--sf-dark-c-txt-turquoise-20)) } +.sf-c-txt-turquoise\:90 { color: hsl(var(--sf-dark-c-txt-turquoise-10)) } +.sf-c-txt-turquoise\:100 { color: hsl(var(--sf-dark-c-txt-turquoise-0)) } + +html.var .sf-c-txt-turquoise { color: hsl(174, 72%, 44%) } +html.var .sf-c-txt-turquoise\:0 { color: hsl(174, 72%, 100%) } +html.var .sf-c-txt-turquoise\:10 { color: hsl(174, 72%, 90%) } +html.var .sf-c-txt-turquoise\:20 { color: hsl(174, 72%, 80%) } +html.var .sf-c-txt-turquoise\:30 { color: hsl(174, 72%, 70%) } +html.var .sf-c-txt-turquoise\:40 { color: hsl(174, 72%, 60%) } +html.var .sf-c-txt-turquoise\:50 { color: hsl(174, 72%, 50%) } +html.var .sf-c-txt-turquoise\:60 { color: hsl(174, 72%, 40%) } +html.var .sf-c-txt-turquoise\:70 { color: hsl(174, 72%, 30%) } +html.var .sf-c-txt-turquoise\:80 { color: hsl(174, 72%, 20%) } +html.var .sf-c-txt-turquoise\:90 { color: hsl(174, 72%, 10%) } +html.var .sf-c-txt-turquoise\:100 { color: hsl(174, 72%, 0%) } + html[data-theme='dark'] .sf-c-turquoise, html.dark .sf-c-turquoise { color: hsl(var(--sf-dark-c-txt-turquoise-10)); background: hsl(var(--sf-dark-c-turquoise)) } html[data-theme='dark'] .sf-c-turquoise\:0, html.dark .sf-c-turquoise\:0 { color: hsl(var(--sf-dark-c-txt-turquoise-90)); background: hsl(var(--sf-dark-c-turquoise-100)) } html[data-theme='dark'] .sf-c-turquoise\:10, html.dark .sf-c-turquoise\:10 { color: hsl(var(--sf-dark-c-txt-turquoise-10)); background: hsl(var(--sf-dark-c-turquoise-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-turquoise\:80\:dark, html.dark .sf-c-turquoise\:80 html[data-theme='dark'] .sf-c-turquoise\:90\:dark, html.dark .sf-c-turquoise\:90\:dark { color: hsl(var(--sf-c-txt-turquoise-90)); background: hsl(var(--sf-c-turquoise-10)) } html[data-theme='dark'] .sf-c-turquoise\:100\:dark, html.dark .sf-c-turquoise\:100\:dark { color: hsl(var(--sf-c-txt-turquoise-90)); background: hsl(var(--sf-c-turquoise-0)) } +html[data-theme='dark'] .sf-c-txt-turquoise, html.dark .sf-c-txt-turquoise { color: hsl(var(--sf-c-txt-turquoise)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:0, html.dark .sf-c-txt-turquoise\:0 { color: hsl(var(--sf-c-txt-turquoise-0)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:10, html.dark .sf-c-txt-turquoise\:10 { color: hsl(var(--sf-c-txt-turquoise-10)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:20, html.dark .sf-c-txt-turquoise\:20 { color: hsl(var(--sf-c-txt-turquoise-20)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:30, html.dark .sf-c-txt-turquoise\:30 { color: hsl(var(--sf-c-txt-turquoise-30)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:40, html.dark .sf-c-txt-turquoise\:40 { color: hsl(var(--sf-c-txt-turquoise-40)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:50, html.dark .sf-c-txt-turquoise\:50 { color: hsl(var(--sf-c-txt-turquoise-50)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:60, html.dark .sf-c-txt-turquoise\:60 { color: hsl(var(--sf-c-txt-turquoise-60)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:70, html.dark .sf-c-txt-turquoise\:70 { color: hsl(var(--sf-c-txt-turquoise-70)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:80, html.dark .sf-c-txt-turquoise\:80 { color: hsl(var(--sf-c-txt-turquoise-80)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:90, html.dark .sf-c-txt-turquoise\:90 { color: hsl(var(--sf-c-txt-turquoise-90)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:100, html.dark .sf-c-txt-turquoise\:100 { color: hsl(var(--sf-c-txt-turquoise-100)) } + +html[data-theme='dark'] .sf-c-txt-turquoise\:dark, html.dark .sf-c-txt-turquoise\:dark { color: hsl(var(--sf-c-txt-turquoise)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:0\:dark, html.dark .sf-c-txt-turquoise\:0\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-0)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:10\:dark, html.dark .sf-c-txt-turquoise\:10\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-10)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:20\:dark, html.dark .sf-c-txt-turquoise\:20\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-20)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:30\:dark, html.dark .sf-c-txt-turquoise\:30\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-30)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:40\:dark, html.dark .sf-c-txt-turquoise\:40\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-40)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:50\:dark, html.dark .sf-c-txt-turquoise\:50\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-50)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:60\:dark, html.dark .sf-c-txt-turquoise\:60\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-60)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:70\:dark, html.dark .sf-c-txt-turquoise\:70\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-70)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:80\:dark, html.dark .sf-c-txt-turquoise\:80\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-80)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:90\:dark, html.dark .sf-c-txt-turquoise\:90\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-90)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:100\:dark, html.dark .sf-c-txt-turquoise\:100\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-100)) } + html.var[data-theme='dark'] .sf-c-turquoise, html.var.dark .sf-c-turquoise { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 44%) } html.var[data-theme='dark'] .sf-c-turquoise\:0, html.var.dark .sf-c-turquoise\:0 { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 100%) } html.var[data-theme='dark'] .sf-c-turquoise\:10, html.var.dark .sf-c-turquoise\:10 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-turquoise\:80\:dark, html.var.dark .sf-c-turqu html.var[data-theme='dark'] .sf-c-turquoise\:90\:dark, html.var.dark .sf-c-turquoise\:90\:dark { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 10%) } html.var[data-theme='dark'] .sf-c-turquoise\:100\:dark, html.var.dark .sf-c-turquoise\:100\:dark { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise, html.dark .sf-c-txt-turquoise { color: hsl(174, 72%, 56%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:0, html.dark .sf-c-txt-turquoise\:0 { color: hsl(174, 72%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:10, html.dark .sf-c-txt-turquoise\:10 { color: hsl(174, 72%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:20, html.dark .sf-c-txt-turquoise\:20 { color: hsl(174, 72%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:30, html.dark .sf-c-txt-turquoise\:30 { color: hsl(174, 72%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:40, html.dark .sf-c-txt-turquoise\:40 { color: hsl(174, 72%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:50, html.dark .sf-c-txt-turquoise\:50 { color: hsl(174, 72%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:60, html.dark .sf-c-txt-turquoise\:60 { color: hsl(174, 72%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:70, html.dark .sf-c-txt-turquoise\:70 { color: hsl(174, 72%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:80, html.dark .sf-c-txt-turquoise\:80 { color: hsl(174, 72%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:90, html.dark .sf-c-txt-turquoise\:90 { color: hsl(174, 72%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:100, html.dark .sf-c-txt-turquoise\:100 { color: hsl(174, 72%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-turquoise\:dark, html.dark .sf-c-txt-turquoise\:dark { color: hsl(174, 72%, 56%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:0\:dark, html.dark .sf-c-txt-turquoise\:0\:dark { color: hsl(174, 72%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:10\:dark, html.dark .sf-c-txt-turquoise\:10\:dark { color: hsl(174, 72%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:20\:dark, html.dark .sf-c-txt-turquoise\:20\:dark { color: hsl(174, 72%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:30\:dark, html.dark .sf-c-txt-turquoise\:30\:dark { color: hsl(174, 72%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:40\:dark, html.dark .sf-c-txt-turquoise\:40\:dark { color: hsl(174, 72%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:50\:dark, html.dark .sf-c-txt-turquoise\:50\:dark { color: hsl(174, 72%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:60\:dark, html.dark .sf-c-txt-turquoise\:60\:dark { color: hsl(174, 72%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:70\:dark, html.dark .sf-c-txt-turquoise\:70\:dark { color: hsl(174, 72%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:80\:dark, html.dark .sf-c-txt-turquoise\:80\:dark { color: hsl(174, 72%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:90\:dark, html.dark .sf-c-txt-turquoise\:90\:dark { color: hsl(174, 72%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:100\:dark, html.dark .sf-c-txt-turquoise\:100\:dark { color: hsl(174, 72%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-turquoise, html.auto .sf-c-turquoise { color: hsl(var(--sf-dark-c-txt-turquoise-10)); background: hsl(var(--sf-dark-c-turquoise)) } html[data-theme='auto'] .sf-c-turquoise\:0, html.auto .sf-c-turquoise\:0 { color: hsl(var(--sf-dark-c-txt-turquoise-90)); background: hsl(var(--sf-dark-c-turquoise-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-turquoise\:100\:dark, html.var.dark .sf-c-turq html[data-theme='auto'] .sf-c-turquoise\:90\:dark, html.auto .sf-c-turquoise\:90\:dark { color: hsl(var(--sf-c-txt-turquoise-90)); background: hsl(var(--sf-c-turquoise-10)) } html[data-theme='auto'] .sf-c-turquoise\:100\:dark, html.auto .sf-c-turquoise\:100\:dark { color: hsl(var(--sf-c-txt-turquoise-90)); background: hsl(var(--sf-c-turquoise-0)) } + html[data-theme='auto'] .sf-c-txt-turquoise, html.auto .sf-c-txt-turquoise { color: hsl(var(--sf-c-txt-turquoise)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:0, html.auto .sf-c-txt-turquoise\:0 { color: hsl(var(--sf-c-txt-turquoise-0)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:10, html.auto .sf-c-txt-turquoise\:10 { color: hsl(var(--sf-c-txt-turquoise-10)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:20, html.auto .sf-c-txt-turquoise\:20 { color: hsl(var(--sf-c-txt-turquoise-20)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:30, html.auto .sf-c-txt-turquoise\:30 { color: hsl(var(--sf-c-txt-turquoise-30)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:40, html.auto .sf-c-txt-turquoise\:40 { color: hsl(var(--sf-c-txt-turquoise-40)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:50, html.auto .sf-c-txt-turquoise\:50 { color: hsl(var(--sf-c-txt-turquoise-50)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:60, html.auto .sf-c-txt-turquoise\:60 { color: hsl(var(--sf-c-txt-turquoise-60)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:70, html.auto .sf-c-txt-turquoise\:70 { color: hsl(var(--sf-c-txt-turquoise-70)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:80, html.auto .sf-c-txt-turquoise\:80 { color: hsl(var(--sf-c-txt-turquoise-80)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:90, html.auto .sf-c-txt-turquoise\:90 { color: hsl(var(--sf-c-txt-turquoise-90)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:100, html.auto .sf-c-txt-turquoise\:100 { color: hsl(var(--sf-c-txt-turquoise-100)) } + + html[data-theme='auto'] .sf-c-txt-turquoise\:dark, html.auto .sf-c-txt-turquoise\:dark { color: hsl(var(--sf-c-txt-turquoise)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:0\:dark, html.auto .sf-c-txt-turquoise\:0\:dark { color: hsl(var(--sf-c-txt-turquoise-0)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:10\:dark, html.auto .sf-c-txt-turquoise\:10\:dark { color: hsl(var(--sf-c-txt-turquoise-10)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:20\:dark, html.auto .sf-c-txt-turquoise\:20\:dark { color: hsl(var(--sf-c-txt-turquoise-20)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:30\:dark, html.auto .sf-c-txt-turquoise\:30\:dark { color: hsl(var(--sf-c-txt-turquoise-30)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:40\:dark, html.auto .sf-c-txt-turquoise\:40\:dark { color: hsl(var(--sf-c-txt-turquoise-40)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:50\:dark, html.auto .sf-c-txt-turquoise\:50\:dark { color: hsl(var(--sf-c-txt-turquoise-50)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:60\:dark, html.auto .sf-c-txt-turquoise\:60\:dark { color: hsl(var(--sf-c-txt-turquoise-60)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:70\:dark, html.auto .sf-c-txt-turquoise\:70\:dark { color: hsl(var(--sf-c-txt-turquoise-70)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:80\:dark, html.auto .sf-c-txt-turquoise\:80\:dark { color: hsl(var(--sf-c-txt-turquoise-80)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:90\:dark, html.auto .sf-c-txt-turquoise\:90\:dark { color: hsl(var(--sf-c-txt-turquoise-90)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:100\:dark, html.auto .sf-c-txt-turquoise\:100\:dark { color: hsl(var(--sf-c-txt-turquoise-100)) } + html.var[data-theme='auto'] .sf-c-turquoise, html.var.auto .sf-c-turquoise { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 44%) } html.var[data-theme='auto'] .sf-c-turquoise\:0, html.var.auto .sf-c-turquoise\:0 { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 100%) } html.var[data-theme='auto'] .sf-c-turquoise\:10, html.var.auto .sf-c-turquoise\:10 { color: hsl(174, 72%, 10%); background: hsl(174, 72%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-turquoise\:100\:dark, html.var.dark .sf-c-turq html.var[data-theme='auto'] .sf-c-turquoise\:80\:dark, html.var.auto .sf-c-turquoise\:80\:dark { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 20%) } html.var[data-theme='auto'] .sf-c-turquoise\:90\:dark, html.var.auto .sf-c-turquoise\:90\:dark { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 10%) } html.var[data-theme='auto'] .sf-c-turquoise\:100\:dark, html.var.auto .sf-c-turquoise\:100\:dark { color: hsl(174, 72%, 90%); background: hsl(174, 72%, 0%) } -} -.sf-c-txt-turquoise { color: hsl(var(--sf-c-txt-turquoise)) } -.sf-c-txt-turquoise\:0 { color: hsl(var(--sf-c-txt-turquoise-0)) } -.sf-c-txt-turquoise\:10 { color: hsl(var(--sf-c-txt-turquoise-10)) } -.sf-c-txt-turquoise\:20 { color: hsl(var(--sf-c-txt-turquoise-20)) } -.sf-c-txt-turquoise\:30 { color: hsl(var(--sf-c-txt-turquoise-30)) } -.sf-c-txt-turquoise\:40 { color: hsl(var(--sf-c-txt-turquoise-40)) } -.sf-c-txt-turquoise\:50 { color: hsl(var(--sf-c-txt-turquoise-50)) } -.sf-c-txt-turquoise\:60 { color: hsl(var(--sf-c-txt-turquoise-60)) } -.sf-c-txt-turquoise\:70 { color: hsl(var(--sf-c-txt-turquoise-70)) } -.sf-c-txt-turquoise\:80 { color: hsl(var(--sf-c-txt-turquoise-80)) } -.sf-c-txt-turquoise\:90 { color: hsl(var(--sf-c-txt-turquoise-90)) } -.sf-c-txt-turquoise\:100 { color: hsl(var(--sf-c-txt-turquoise-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-turquoise, html.auto .sf-c-txt-turquoise { color: hsl(174, 72%, 56%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:0, html.auto .sf-c-txt-turquoise\:0 { color: hsl(174, 72%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:10, html.auto .sf-c-txt-turquoise\:10 { color: hsl(174, 72%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:20, html.auto .sf-c-txt-turquoise\:20 { color: hsl(174, 72%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:30, html.auto .sf-c-txt-turquoise\:30 { color: hsl(174, 72%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:40, html.auto .sf-c-txt-turquoise\:40 { color: hsl(174, 72%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:50, html.auto .sf-c-txt-turquoise\:50 { color: hsl(174, 72%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:60, html.auto .sf-c-txt-turquoise\:60 { color: hsl(174, 72%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:70, html.auto .sf-c-txt-turquoise\:70 { color: hsl(174, 72%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:80, html.auto .sf-c-txt-turquoise\:80 { color: hsl(174, 72%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:90, html.auto .sf-c-txt-turquoise\:90 { color: hsl(174, 72%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:100, html.auto .sf-c-txt-turquoise\:100 { color: hsl(174, 72%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-turquoise\:dark, html.auto .sf-c-txt-turquoise\:dark { color: hsl(174, 72%, 56%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:0\:dark, html.auto .sf-c-txt-turquoise\:0\:dark { color: hsl(174, 72%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:10\:dark, html.auto .sf-c-txt-turquoise\:10\:dark { color: hsl(174, 72%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:20\:dark, html.auto .sf-c-txt-turquoise\:20\:dark { color: hsl(174, 72%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:30\:dark, html.auto .sf-c-txt-turquoise\:30\:dark { color: hsl(174, 72%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:40\:dark, html.auto .sf-c-txt-turquoise\:40\:dark { color: hsl(174, 72%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:50\:dark, html.auto .sf-c-txt-turquoise\:50\:dark { color: hsl(174, 72%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:60\:dark, html.auto .sf-c-txt-turquoise\:60\:dark { color: hsl(174, 72%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:70\:dark, html.auto .sf-c-txt-turquoise\:70\:dark { color: hsl(174, 72%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:80\:dark, html.auto .sf-c-txt-turquoise\:80\:dark { color: hsl(174, 72%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:90\:dark, html.auto .sf-c-txt-turquoise\:90\:dark { color: hsl(174, 72%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:100\:dark, html.auto .sf-c-txt-turquoise\:100\:dark { color: hsl(174, 72%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/violet.css b/src/colors/10/violet.css index d53a0fa..3a8e76b 100644 --- a/src/colors/10/violet.css +++ b/src/colors/10/violet.css @@ -78,6 +78,32 @@ html.var .sf-c-violet\:80 { color: hsl(300, 76%, 10%); background: hsl(300, 76%, html.var .sf-c-violet\:90 { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 90%) } html.var .sf-c-violet\:100 { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 100%) } +.sf-c-txt-violet { color: hsl(var(--sf-dark-c-txt-violet)) } +.sf-c-txt-violet\:0 { color: hsl(var(--sf-dark-c-txt-violet-100)) } +.sf-c-txt-violet\:10 { color: hsl(var(--sf-dark-c-txt-violet-90)) } +.sf-c-txt-violet\:20 { color: hsl(var(--sf-dark-c-txt-violet-80)) } +.sf-c-txt-violet\:30 { color: hsl(var(--sf-dark-c-txt-violet-70)) } +.sf-c-txt-violet\:40 { color: hsl(var(--sf-dark-c-txt-violet-60)) } +.sf-c-txt-violet\:50 { color: hsl(var(--sf-dark-c-txt-violet-50)) } +.sf-c-txt-violet\:60 { color: hsl(var(--sf-dark-c-txt-violet-40)) } +.sf-c-txt-violet\:70 { color: hsl(var(--sf-dark-c-txt-violet-30)) } +.sf-c-txt-violet\:80 { color: hsl(var(--sf-dark-c-txt-violet-20)) } +.sf-c-txt-violet\:90 { color: hsl(var(--sf-dark-c-txt-violet-10)) } +.sf-c-txt-violet\:100 { color: hsl(var(--sf-dark-c-txt-violet-0)) } + +html.var .sf-c-txt-violet { color: hsl(300, 76%, 28%) } +html.var .sf-c-txt-violet\:0 { color: hsl(300, 76%, 100%) } +html.var .sf-c-txt-violet\:10 { color: hsl(300, 76%, 90%) } +html.var .sf-c-txt-violet\:20 { color: hsl(300, 76%, 80%) } +html.var .sf-c-txt-violet\:30 { color: hsl(300, 76%, 70%) } +html.var .sf-c-txt-violet\:40 { color: hsl(300, 76%, 60%) } +html.var .sf-c-txt-violet\:50 { color: hsl(300, 76%, 50%) } +html.var .sf-c-txt-violet\:60 { color: hsl(300, 76%, 40%) } +html.var .sf-c-txt-violet\:70 { color: hsl(300, 76%, 30%) } +html.var .sf-c-txt-violet\:80 { color: hsl(300, 76%, 20%) } +html.var .sf-c-txt-violet\:90 { color: hsl(300, 76%, 10%) } +html.var .sf-c-txt-violet\:100 { color: hsl(300, 76%, 0%) } + html[data-theme='dark'] .sf-c-violet, html.dark .sf-c-violet { color: hsl(var(--sf-dark-c-txt-violet-90)); background: hsl(var(--sf-dark-c-violet)) } html[data-theme='dark'] .sf-c-violet\:0, html.dark .sf-c-violet\:0 { color: hsl(var(--sf-dark-c-txt-violet-90)); background: hsl(var(--sf-dark-c-violet-100)) } html[data-theme='dark'] .sf-c-violet\:10, html.dark .sf-c-violet\:10 { color: hsl(var(--sf-dark-c-txt-violet-10)); background: hsl(var(--sf-dark-c-violet-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-violet\:80\:dark, html.dark .sf-c-violet\:80\:dark html[data-theme='dark'] .sf-c-violet\:90\:dark, html.dark .sf-c-violet\:90\:dark { color: hsl(var(--sf-c-txt-violet-90)); background: hsl(var(--sf-c-violet-10)) } html[data-theme='dark'] .sf-c-violet\:100\:dark, html.dark .sf-c-violet\:100\:dark { color: hsl(var(--sf-c-txt-violet-90)); background: hsl(var(--sf-c-violet-0)) } +html[data-theme='dark'] .sf-c-txt-violet, html.dark .sf-c-txt-violet { color: hsl(var(--sf-c-txt-violet)) } +html[data-theme='dark'] .sf-c-txt-violet\:0, html.dark .sf-c-txt-violet\:0 { color: hsl(var(--sf-c-txt-violet-0)) } +html[data-theme='dark'] .sf-c-txt-violet\:10, html.dark .sf-c-txt-violet\:10 { color: hsl(var(--sf-c-txt-violet-10)) } +html[data-theme='dark'] .sf-c-txt-violet\:20, html.dark .sf-c-txt-violet\:20 { color: hsl(var(--sf-c-txt-violet-20)) } +html[data-theme='dark'] .sf-c-txt-violet\:30, html.dark .sf-c-txt-violet\:30 { color: hsl(var(--sf-c-txt-violet-30)) } +html[data-theme='dark'] .sf-c-txt-violet\:40, html.dark .sf-c-txt-violet\:40 { color: hsl(var(--sf-c-txt-violet-40)) } +html[data-theme='dark'] .sf-c-txt-violet\:50, html.dark .sf-c-txt-violet\:50 { color: hsl(var(--sf-c-txt-violet-50)) } +html[data-theme='dark'] .sf-c-txt-violet\:60, html.dark .sf-c-txt-violet\:60 { color: hsl(var(--sf-c-txt-violet-60)) } +html[data-theme='dark'] .sf-c-txt-violet\:70, html.dark .sf-c-txt-violet\:70 { color: hsl(var(--sf-c-txt-violet-70)) } +html[data-theme='dark'] .sf-c-txt-violet\:80, html.dark .sf-c-txt-violet\:80 { color: hsl(var(--sf-c-txt-violet-80)) } +html[data-theme='dark'] .sf-c-txt-violet\:90, html.dark .sf-c-txt-violet\:90 { color: hsl(var(--sf-c-txt-violet-90)) } +html[data-theme='dark'] .sf-c-txt-violet\:100, html.dark .sf-c-txt-violet\:100 { color: hsl(var(--sf-c-txt-violet-100)) } + +html[data-theme='dark'] .sf-c-txt-violet\:dark, html.dark .sf-c-txt-violet\:dark { color: hsl(var(--sf-c-txt-violet)) } +html[data-theme='dark'] .sf-c-txt-violet\:0\:dark, html.dark .sf-c-txt-violet\:0\:dark { color: hsl(var(--sf-dark-c-txt-violet-0)) } +html[data-theme='dark'] .sf-c-txt-violet\:10\:dark, html.dark .sf-c-txt-violet\:10\:dark { color: hsl(var(--sf-dark-c-txt-violet-10)) } +html[data-theme='dark'] .sf-c-txt-violet\:20\:dark, html.dark .sf-c-txt-violet\:20\:dark { color: hsl(var(--sf-dark-c-txt-violet-20)) } +html[data-theme='dark'] .sf-c-txt-violet\:30\:dark, html.dark .sf-c-txt-violet\:30\:dark { color: hsl(var(--sf-dark-c-txt-violet-30)) } +html[data-theme='dark'] .sf-c-txt-violet\:40\:dark, html.dark .sf-c-txt-violet\:40\:dark { color: hsl(var(--sf-dark-c-txt-violet-40)) } +html[data-theme='dark'] .sf-c-txt-violet\:50\:dark, html.dark .sf-c-txt-violet\:50\:dark { color: hsl(var(--sf-dark-c-txt-violet-50)) } +html[data-theme='dark'] .sf-c-txt-violet\:60\:dark, html.dark .sf-c-txt-violet\:60\:dark { color: hsl(var(--sf-dark-c-txt-violet-60)) } +html[data-theme='dark'] .sf-c-txt-violet\:70\:dark, html.dark .sf-c-txt-violet\:70\:dark { color: hsl(var(--sf-dark-c-txt-violet-70)) } +html[data-theme='dark'] .sf-c-txt-violet\:80\:dark, html.dark .sf-c-txt-violet\:80\:dark { color: hsl(var(--sf-dark-c-txt-violet-80)) } +html[data-theme='dark'] .sf-c-txt-violet\:90\:dark, html.dark .sf-c-txt-violet\:90\:dark { color: hsl(var(--sf-dark-c-txt-violet-90)) } +html[data-theme='dark'] .sf-c-txt-violet\:100\:dark, html.dark .sf-c-txt-violet\:100\:dark { color: hsl(var(--sf-dark-c-txt-violet-100)) } + html.var[data-theme='dark'] .sf-c-violet, html.var.dark .sf-c-violet { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 28%) } html.var[data-theme='dark'] .sf-c-violet\:0, html.var.dark .sf-c-violet\:0 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 100%) } html.var[data-theme='dark'] .sf-c-violet\:10, html.var.dark .sf-c-violet\:10 { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-violet\:80\:dark, html.var.dark .sf-c-violet\: html.var[data-theme='dark'] .sf-c-violet\:90\:dark, html.var.dark .sf-c-violet\:90\:dark { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 10%) } html.var[data-theme='dark'] .sf-c-violet\:100\:dark, html.var.dark .sf-c-violet\:100\:dark { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-violet, html.dark .sf-c-txt-violet { color: hsl(300, 76%, 72%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:0, html.dark .sf-c-txt-violet\:0 { color: hsl(300, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:10, html.dark .sf-c-txt-violet\:10 { color: hsl(300, 76%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:20, html.dark .sf-c-txt-violet\:20 { color: hsl(300, 76%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:30, html.dark .sf-c-txt-violet\:30 { color: hsl(300, 76%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:40, html.dark .sf-c-txt-violet\:40 { color: hsl(300, 76%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:50, html.dark .sf-c-txt-violet\:50 { color: hsl(300, 76%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:60, html.dark .sf-c-txt-violet\:60 { color: hsl(300, 76%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:70, html.dark .sf-c-txt-violet\:70 { color: hsl(300, 76%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:80, html.dark .sf-c-txt-violet\:80 { color: hsl(300, 76%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:90, html.dark .sf-c-txt-violet\:90 { color: hsl(300, 76%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:100, html.dark .sf-c-txt-violet\:100 { color: hsl(300, 76%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-violet\:dark, html.dark .sf-c-txt-violet\:dark { color: hsl(300, 76%, 72%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:0\:dark, html.dark .sf-c-txt-violet\:0\:dark { color: hsl(300, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:10\:dark, html.dark .sf-c-txt-violet\:10\:dark { color: hsl(300, 76%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:20\:dark, html.dark .sf-c-txt-violet\:20\:dark { color: hsl(300, 76%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:30\:dark, html.dark .sf-c-txt-violet\:30\:dark { color: hsl(300, 76%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:40\:dark, html.dark .sf-c-txt-violet\:40\:dark { color: hsl(300, 76%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:50\:dark, html.dark .sf-c-txt-violet\:50\:dark { color: hsl(300, 76%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:60\:dark, html.dark .sf-c-txt-violet\:60\:dark { color: hsl(300, 76%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:70\:dark, html.dark .sf-c-txt-violet\:70\:dark { color: hsl(300, 76%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:80\:dark, html.dark .sf-c-txt-violet\:80\:dark { color: hsl(300, 76%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:90\:dark, html.dark .sf-c-txt-violet\:90\:dark { color: hsl(300, 76%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:100\:dark, html.dark .sf-c-txt-violet\:100\:dark { color: hsl(300, 76%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-violet, html.auto .sf-c-violet { color: hsl(var(--sf-dark-c-txt-violet-90)); background: hsl(var(--sf-dark-c-violet)) } html[data-theme='auto'] .sf-c-violet\:0, html.auto .sf-c-violet\:0 { color: hsl(var(--sf-dark-c-txt-violet-90)); background: hsl(var(--sf-dark-c-violet-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-violet\:100\:dark, html.var.dark .sf-c-violet\ html[data-theme='auto'] .sf-c-violet\:90\:dark, html.auto .sf-c-violet\:90\:dark { color: hsl(var(--sf-c-txt-violet-90)); background: hsl(var(--sf-c-violet-10)) } html[data-theme='auto'] .sf-c-violet\:100\:dark, html.auto .sf-c-violet\:100\:dark { color: hsl(var(--sf-c-txt-violet-90)); background: hsl(var(--sf-c-violet-0)) } + html[data-theme='auto'] .sf-c-txt-violet, html.auto .sf-c-txt-violet { color: hsl(var(--sf-c-txt-violet)) } + html[data-theme='auto'] .sf-c-txt-violet\:0, html.auto .sf-c-txt-violet\:0 { color: hsl(var(--sf-c-txt-violet-0)) } + html[data-theme='auto'] .sf-c-txt-violet\:10, html.auto .sf-c-txt-violet\:10 { color: hsl(var(--sf-c-txt-violet-10)) } + html[data-theme='auto'] .sf-c-txt-violet\:20, html.auto .sf-c-txt-violet\:20 { color: hsl(var(--sf-c-txt-violet-20)) } + html[data-theme='auto'] .sf-c-txt-violet\:30, html.auto .sf-c-txt-violet\:30 { color: hsl(var(--sf-c-txt-violet-30)) } + html[data-theme='auto'] .sf-c-txt-violet\:40, html.auto .sf-c-txt-violet\:40 { color: hsl(var(--sf-c-txt-violet-40)) } + html[data-theme='auto'] .sf-c-txt-violet\:50, html.auto .sf-c-txt-violet\:50 { color: hsl(var(--sf-c-txt-violet-50)) } + html[data-theme='auto'] .sf-c-txt-violet\:60, html.auto .sf-c-txt-violet\:60 { color: hsl(var(--sf-c-txt-violet-60)) } + html[data-theme='auto'] .sf-c-txt-violet\:70, html.auto .sf-c-txt-violet\:70 { color: hsl(var(--sf-c-txt-violet-70)) } + html[data-theme='auto'] .sf-c-txt-violet\:80, html.auto .sf-c-txt-violet\:80 { color: hsl(var(--sf-c-txt-violet-80)) } + html[data-theme='auto'] .sf-c-txt-violet\:90, html.auto .sf-c-txt-violet\:90 { color: hsl(var(--sf-c-txt-violet-90)) } + html[data-theme='auto'] .sf-c-txt-violet\:100, html.auto .sf-c-txt-violet\:100 { color: hsl(var(--sf-c-txt-violet-100)) } + + html[data-theme='auto'] .sf-c-txt-violet\:dark, html.auto .sf-c-txt-violet\:dark { color: hsl(var(--sf-c-txt-violet)) } + html[data-theme='auto'] .sf-c-txt-violet\:0\:dark, html.auto .sf-c-txt-violet\:0\:dark { color: hsl(var(--sf-c-txt-violet-0)) } + html[data-theme='auto'] .sf-c-txt-violet\:10\:dark, html.auto .sf-c-txt-violet\:10\:dark { color: hsl(var(--sf-c-txt-violet-10)) } + html[data-theme='auto'] .sf-c-txt-violet\:20\:dark, html.auto .sf-c-txt-violet\:20\:dark { color: hsl(var(--sf-c-txt-violet-20)) } + html[data-theme='auto'] .sf-c-txt-violet\:30\:dark, html.auto .sf-c-txt-violet\:30\:dark { color: hsl(var(--sf-c-txt-violet-30)) } + html[data-theme='auto'] .sf-c-txt-violet\:40\:dark, html.auto .sf-c-txt-violet\:40\:dark { color: hsl(var(--sf-c-txt-violet-40)) } + html[data-theme='auto'] .sf-c-txt-violet\:50\:dark, html.auto .sf-c-txt-violet\:50\:dark { color: hsl(var(--sf-c-txt-violet-50)) } + html[data-theme='auto'] .sf-c-txt-violet\:60\:dark, html.auto .sf-c-txt-violet\:60\:dark { color: hsl(var(--sf-c-txt-violet-60)) } + html[data-theme='auto'] .sf-c-txt-violet\:70\:dark, html.auto .sf-c-txt-violet\:70\:dark { color: hsl(var(--sf-c-txt-violet-70)) } + html[data-theme='auto'] .sf-c-txt-violet\:80\:dark, html.auto .sf-c-txt-violet\:80\:dark { color: hsl(var(--sf-c-txt-violet-80)) } + html[data-theme='auto'] .sf-c-txt-violet\:90\:dark, html.auto .sf-c-txt-violet\:90\:dark { color: hsl(var(--sf-c-txt-violet-90)) } + html[data-theme='auto'] .sf-c-txt-violet\:100\:dark, html.auto .sf-c-txt-violet\:100\:dark { color: hsl(var(--sf-c-txt-violet-100)) } + html.var[data-theme='auto'] .sf-c-violet, html.var.auto .sf-c-violet { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 28%) } html.var[data-theme='auto'] .sf-c-violet\:0, html.var.auto .sf-c-violet\:0 { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 100%) } html.var[data-theme='auto'] .sf-c-violet\:10, html.var.auto .sf-c-violet\:10 { color: hsl(300, 76%, 10%); background: hsl(300, 76%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-violet\:100\:dark, html.var.dark .sf-c-violet\ html.var[data-theme='auto'] .sf-c-violet\:80\:dark, html.var.auto .sf-c-violet\:80\:dark { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 20%) } html.var[data-theme='auto'] .sf-c-violet\:90\:dark, html.var.auto .sf-c-violet\:90\:dark { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 10%) } html.var[data-theme='auto'] .sf-c-violet\:100\:dark, html.var.auto .sf-c-violet\:100\:dark { color: hsl(300, 76%, 90%); background: hsl(300, 76%, 0%) } -} -.sf-c-txt-violet { color: hsl(var(--sf-c-txt-violet)) } -.sf-c-txt-violet\:0 { color: hsl(var(--sf-c-txt-violet-0)) } -.sf-c-txt-violet\:10 { color: hsl(var(--sf-c-txt-violet-10)) } -.sf-c-txt-violet\:20 { color: hsl(var(--sf-c-txt-violet-20)) } -.sf-c-txt-violet\:30 { color: hsl(var(--sf-c-txt-violet-30)) } -.sf-c-txt-violet\:40 { color: hsl(var(--sf-c-txt-violet-40)) } -.sf-c-txt-violet\:50 { color: hsl(var(--sf-c-txt-violet-50)) } -.sf-c-txt-violet\:60 { color: hsl(var(--sf-c-txt-violet-60)) } -.sf-c-txt-violet\:70 { color: hsl(var(--sf-c-txt-violet-70)) } -.sf-c-txt-violet\:80 { color: hsl(var(--sf-c-txt-violet-80)) } -.sf-c-txt-violet\:90 { color: hsl(var(--sf-c-txt-violet-90)) } -.sf-c-txt-violet\:100 { color: hsl(var(--sf-c-txt-violet-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-violet, html.auto .sf-c-txt-violet { color: hsl(300, 76%, 72%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:0, html.auto .sf-c-txt-violet\:0 { color: hsl(300, 76%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:10, html.auto .sf-c-txt-violet\:10 { color: hsl(300, 76%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:20, html.auto .sf-c-txt-violet\:20 { color: hsl(300, 76%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:30, html.auto .sf-c-txt-violet\:30 { color: hsl(300, 76%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:40, html.auto .sf-c-txt-violet\:40 { color: hsl(300, 76%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:50, html.auto .sf-c-txt-violet\:50 { color: hsl(300, 76%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:60, html.auto .sf-c-txt-violet\:60 { color: hsl(300, 76%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:70, html.auto .sf-c-txt-violet\:70 { color: hsl(300, 76%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:80, html.auto .sf-c-txt-violet\:80 { color: hsl(300, 76%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:90, html.auto .sf-c-txt-violet\:90 { color: hsl(300, 76%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:100, html.auto .sf-c-txt-violet\:100 { color: hsl(300, 76%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-violet\:dark, html.auto .sf-c-txt-violet\:dark { color: hsl(300, 76%, 72%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:0\:dark, html.auto .sf-c-txt-violet\:0\:dark { color: hsl(300, 76%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:10\:dark, html.auto .sf-c-txt-violet\:10\:dark { color: hsl(300, 76%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:20\:dark, html.auto .sf-c-txt-violet\:20\:dark { color: hsl(300, 76%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:30\:dark, html.auto .sf-c-txt-violet\:30\:dark { color: hsl(300, 76%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:40\:dark, html.auto .sf-c-txt-violet\:40\:dark { color: hsl(300, 76%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:50\:dark, html.auto .sf-c-txt-violet\:50\:dark { color: hsl(300, 76%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:60\:dark, html.auto .sf-c-txt-violet\:60\:dark { color: hsl(300, 76%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:70\:dark, html.auto .sf-c-txt-violet\:70\:dark { color: hsl(300, 76%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:80\:dark, html.auto .sf-c-txt-violet\:80\:dark { color: hsl(300, 76%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:90\:dark, html.auto .sf-c-txt-violet\:90\:dark { color: hsl(300, 76%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:100\:dark, html.auto .sf-c-txt-violet\:100\:dark { color: hsl(300, 76%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/wheat.css b/src/colors/10/wheat.css index 13b765e..3d4c4ac 100644 --- a/src/colors/10/wheat.css +++ b/src/colors/10/wheat.css @@ -78,6 +78,32 @@ html.var .sf-c-wheat\:80 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 80 html.var .sf-c-wheat\:90 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 90%) } html.var .sf-c-wheat\:100 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 100%) } +.sf-c-txt-wheat { color: hsl(var(--sf-dark-c-txt-wheat)) } +.sf-c-txt-wheat\:0 { color: hsl(var(--sf-dark-c-txt-wheat-100)) } +.sf-c-txt-wheat\:10 { color: hsl(var(--sf-dark-c-txt-wheat-90)) } +.sf-c-txt-wheat\:20 { color: hsl(var(--sf-dark-c-txt-wheat-80)) } +.sf-c-txt-wheat\:30 { color: hsl(var(--sf-dark-c-txt-wheat-70)) } +.sf-c-txt-wheat\:40 { color: hsl(var(--sf-dark-c-txt-wheat-60)) } +.sf-c-txt-wheat\:50 { color: hsl(var(--sf-dark-c-txt-wheat-50)) } +.sf-c-txt-wheat\:60 { color: hsl(var(--sf-dark-c-txt-wheat-40)) } +.sf-c-txt-wheat\:70 { color: hsl(var(--sf-dark-c-txt-wheat-30)) } +.sf-c-txt-wheat\:80 { color: hsl(var(--sf-dark-c-txt-wheat-20)) } +.sf-c-txt-wheat\:90 { color: hsl(var(--sf-dark-c-txt-wheat-10)) } +.sf-c-txt-wheat\:100 { color: hsl(var(--sf-dark-c-txt-wheat-0)) } + +html.var .sf-c-txt-wheat { color: hsl(39, 77%, 17%) } +html.var .sf-c-txt-wheat\:0 { color: hsl(39, 77%, 100%) } +html.var .sf-c-txt-wheat\:10 { color: hsl(39, 77%, 90%) } +html.var .sf-c-txt-wheat\:20 { color: hsl(39, 77%, 80%) } +html.var .sf-c-txt-wheat\:30 { color: hsl(39, 77%, 70%) } +html.var .sf-c-txt-wheat\:40 { color: hsl(39, 77%, 60%) } +html.var .sf-c-txt-wheat\:50 { color: hsl(39, 77%, 50%) } +html.var .sf-c-txt-wheat\:60 { color: hsl(39, 77%, 40%) } +html.var .sf-c-txt-wheat\:70 { color: hsl(39, 77%, 30%) } +html.var .sf-c-txt-wheat\:80 { color: hsl(39, 77%, 20%) } +html.var .sf-c-txt-wheat\:90 { color: hsl(39, 77%, 10%) } +html.var .sf-c-txt-wheat\:100 { color: hsl(39, 77%, 0%) } + html[data-theme='dark'] .sf-c-wheat, html.dark .sf-c-wheat { color: hsl(var(--sf-dark-c-txt-wheat-90)); background: hsl(var(--sf-dark-c-wheat)) } html[data-theme='dark'] .sf-c-wheat\:0, html.dark .sf-c-wheat\:0 { color: hsl(var(--sf-dark-c-txt-wheat-90)); background: hsl(var(--sf-dark-c-wheat-100)) } html[data-theme='dark'] .sf-c-wheat\:10, html.dark .sf-c-wheat\:10 { color: hsl(var(--sf-dark-c-txt-wheat-10)); background: hsl(var(--sf-dark-c-wheat-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-wheat\:80\:dark, html.dark .sf-c-wheat\:80\:dark { html[data-theme='dark'] .sf-c-wheat\:90\:dark, html.dark .sf-c-wheat\:90\:dark { color: hsl(var(--sf-c-txt-wheat-90)); background: hsl(var(--sf-c-wheat-10)) } html[data-theme='dark'] .sf-c-wheat\:100\:dark, html.dark .sf-c-wheat\:100\:dark { color: hsl(var(--sf-c-txt-wheat-90)); background: hsl(var(--sf-c-wheat-0)) } +html[data-theme='dark'] .sf-c-txt-wheat, html.dark .sf-c-txt-wheat { color: hsl(var(--sf-c-txt-wheat)) } +html[data-theme='dark'] .sf-c-txt-wheat\:0, html.dark .sf-c-txt-wheat\:0 { color: hsl(var(--sf-c-txt-wheat-0)) } +html[data-theme='dark'] .sf-c-txt-wheat\:10, html.dark .sf-c-txt-wheat\:10 { color: hsl(var(--sf-c-txt-wheat-10)) } +html[data-theme='dark'] .sf-c-txt-wheat\:20, html.dark .sf-c-txt-wheat\:20 { color: hsl(var(--sf-c-txt-wheat-20)) } +html[data-theme='dark'] .sf-c-txt-wheat\:30, html.dark .sf-c-txt-wheat\:30 { color: hsl(var(--sf-c-txt-wheat-30)) } +html[data-theme='dark'] .sf-c-txt-wheat\:40, html.dark .sf-c-txt-wheat\:40 { color: hsl(var(--sf-c-txt-wheat-40)) } +html[data-theme='dark'] .sf-c-txt-wheat\:50, html.dark .sf-c-txt-wheat\:50 { color: hsl(var(--sf-c-txt-wheat-50)) } +html[data-theme='dark'] .sf-c-txt-wheat\:60, html.dark .sf-c-txt-wheat\:60 { color: hsl(var(--sf-c-txt-wheat-60)) } +html[data-theme='dark'] .sf-c-txt-wheat\:70, html.dark .sf-c-txt-wheat\:70 { color: hsl(var(--sf-c-txt-wheat-70)) } +html[data-theme='dark'] .sf-c-txt-wheat\:80, html.dark .sf-c-txt-wheat\:80 { color: hsl(var(--sf-c-txt-wheat-80)) } +html[data-theme='dark'] .sf-c-txt-wheat\:90, html.dark .sf-c-txt-wheat\:90 { color: hsl(var(--sf-c-txt-wheat-90)) } +html[data-theme='dark'] .sf-c-txt-wheat\:100, html.dark .sf-c-txt-wheat\:100 { color: hsl(var(--sf-c-txt-wheat-100)) } + +html[data-theme='dark'] .sf-c-txt-wheat\:dark, html.dark .sf-c-txt-wheat\:dark { color: hsl(var(--sf-c-txt-wheat)) } +html[data-theme='dark'] .sf-c-txt-wheat\:0\:dark, html.dark .sf-c-txt-wheat\:0\:dark { color: hsl(var(--sf-dark-c-txt-wheat-0)) } +html[data-theme='dark'] .sf-c-txt-wheat\:10\:dark, html.dark .sf-c-txt-wheat\:10\:dark { color: hsl(var(--sf-dark-c-txt-wheat-10)) } +html[data-theme='dark'] .sf-c-txt-wheat\:20\:dark, html.dark .sf-c-txt-wheat\:20\:dark { color: hsl(var(--sf-dark-c-txt-wheat-20)) } +html[data-theme='dark'] .sf-c-txt-wheat\:30\:dark, html.dark .sf-c-txt-wheat\:30\:dark { color: hsl(var(--sf-dark-c-txt-wheat-30)) } +html[data-theme='dark'] .sf-c-txt-wheat\:40\:dark, html.dark .sf-c-txt-wheat\:40\:dark { color: hsl(var(--sf-dark-c-txt-wheat-40)) } +html[data-theme='dark'] .sf-c-txt-wheat\:50\:dark, html.dark .sf-c-txt-wheat\:50\:dark { color: hsl(var(--sf-dark-c-txt-wheat-50)) } +html[data-theme='dark'] .sf-c-txt-wheat\:60\:dark, html.dark .sf-c-txt-wheat\:60\:dark { color: hsl(var(--sf-dark-c-txt-wheat-60)) } +html[data-theme='dark'] .sf-c-txt-wheat\:70\:dark, html.dark .sf-c-txt-wheat\:70\:dark { color: hsl(var(--sf-dark-c-txt-wheat-70)) } +html[data-theme='dark'] .sf-c-txt-wheat\:80\:dark, html.dark .sf-c-txt-wheat\:80\:dark { color: hsl(var(--sf-dark-c-txt-wheat-80)) } +html[data-theme='dark'] .sf-c-txt-wheat\:90\:dark, html.dark .sf-c-txt-wheat\:90\:dark { color: hsl(var(--sf-dark-c-txt-wheat-90)) } +html[data-theme='dark'] .sf-c-txt-wheat\:100\:dark, html.dark .sf-c-txt-wheat\:100\:dark { color: hsl(var(--sf-dark-c-txt-wheat-100)) } + html.var[data-theme='dark'] .sf-c-wheat, html.var.dark .sf-c-wheat { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 17%) } html.var[data-theme='dark'] .sf-c-wheat\:0, html.var.dark .sf-c-wheat\:0 { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 100%) } html.var[data-theme='dark'] .sf-c-wheat\:10, html.var.dark .sf-c-wheat\:10 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-wheat\:80\:dark, html.var.dark .sf-c-wheat\:80 html.var[data-theme='dark'] .sf-c-wheat\:90\:dark, html.var.dark .sf-c-wheat\:90\:dark { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 10%) } html.var[data-theme='dark'] .sf-c-wheat\:100\:dark, html.var.dark .sf-c-wheat\:100\:dark { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-wheat, html.dark .sf-c-txt-wheat { color: hsl(39, 77%, 83%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:0, html.dark .sf-c-txt-wheat\:0 { color: hsl(39, 77%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:10, html.dark .sf-c-txt-wheat\:10 { color: hsl(39, 77%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:20, html.dark .sf-c-txt-wheat\:20 { color: hsl(39, 77%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:30, html.dark .sf-c-txt-wheat\:30 { color: hsl(39, 77%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:40, html.dark .sf-c-txt-wheat\:40 { color: hsl(39, 77%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:50, html.dark .sf-c-txt-wheat\:50 { color: hsl(39, 77%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:60, html.dark .sf-c-txt-wheat\:60 { color: hsl(39, 77%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:70, html.dark .sf-c-txt-wheat\:70 { color: hsl(39, 77%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:80, html.dark .sf-c-txt-wheat\:80 { color: hsl(39, 77%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:90, html.dark .sf-c-txt-wheat\:90 { color: hsl(39, 77%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:100, html.dark .sf-c-txt-wheat\:100 { color: hsl(39, 77%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-wheat\:dark, html.dark .sf-c-txt-wheat\:dark { color: hsl(39, 77%, 83%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:0\:dark, html.dark .sf-c-txt-wheat\:0\:dark { color: hsl(39, 77%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:10\:dark, html.dark .sf-c-txt-wheat\:10\:dark { color: hsl(39, 77%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:20\:dark, html.dark .sf-c-txt-wheat\:20\:dark { color: hsl(39, 77%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:30\:dark, html.dark .sf-c-txt-wheat\:30\:dark { color: hsl(39, 77%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:40\:dark, html.dark .sf-c-txt-wheat\:40\:dark { color: hsl(39, 77%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:50\:dark, html.dark .sf-c-txt-wheat\:50\:dark { color: hsl(39, 77%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:60\:dark, html.dark .sf-c-txt-wheat\:60\:dark { color: hsl(39, 77%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:70\:dark, html.dark .sf-c-txt-wheat\:70\:dark { color: hsl(39, 77%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:80\:dark, html.dark .sf-c-txt-wheat\:80\:dark { color: hsl(39, 77%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:90\:dark, html.dark .sf-c-txt-wheat\:90\:dark { color: hsl(39, 77%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:100\:dark, html.dark .sf-c-txt-wheat\:100\:dark { color: hsl(39, 77%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-wheat, html.auto .sf-c-wheat { color: hsl(var(--sf-dark-c-txt-wheat-90)); background: hsl(var(--sf-dark-c-wheat)) } html[data-theme='auto'] .sf-c-wheat\:0, html.auto .sf-c-wheat\:0 { color: hsl(var(--sf-dark-c-txt-wheat-90)); background: hsl(var(--sf-dark-c-wheat-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-wheat\:100\:dark, html.var.dark .sf-c-wheat\:1 html[data-theme='auto'] .sf-c-wheat\:90\:dark, html.auto .sf-c-wheat\:90\:dark { color: hsl(var(--sf-c-txt-wheat-90)); background: hsl(var(--sf-c-wheat-10)) } html[data-theme='auto'] .sf-c-wheat\:100\:dark, html.auto .sf-c-wheat\:100\:dark { color: hsl(var(--sf-c-txt-wheat-90)); background: hsl(var(--sf-c-wheat-0)) } + html[data-theme='auto'] .sf-c-txt-wheat, html.auto .sf-c-txt-wheat { color: hsl(var(--sf-c-txt-wheat)) } + html[data-theme='auto'] .sf-c-txt-wheat\:0, html.auto .sf-c-txt-wheat\:0 { color: hsl(var(--sf-c-txt-wheat-0)) } + html[data-theme='auto'] .sf-c-txt-wheat\:10, html.auto .sf-c-txt-wheat\:10 { color: hsl(var(--sf-c-txt-wheat-10)) } + html[data-theme='auto'] .sf-c-txt-wheat\:20, html.auto .sf-c-txt-wheat\:20 { color: hsl(var(--sf-c-txt-wheat-20)) } + html[data-theme='auto'] .sf-c-txt-wheat\:30, html.auto .sf-c-txt-wheat\:30 { color: hsl(var(--sf-c-txt-wheat-30)) } + html[data-theme='auto'] .sf-c-txt-wheat\:40, html.auto .sf-c-txt-wheat\:40 { color: hsl(var(--sf-c-txt-wheat-40)) } + html[data-theme='auto'] .sf-c-txt-wheat\:50, html.auto .sf-c-txt-wheat\:50 { color: hsl(var(--sf-c-txt-wheat-50)) } + html[data-theme='auto'] .sf-c-txt-wheat\:60, html.auto .sf-c-txt-wheat\:60 { color: hsl(var(--sf-c-txt-wheat-60)) } + html[data-theme='auto'] .sf-c-txt-wheat\:70, html.auto .sf-c-txt-wheat\:70 { color: hsl(var(--sf-c-txt-wheat-70)) } + html[data-theme='auto'] .sf-c-txt-wheat\:80, html.auto .sf-c-txt-wheat\:80 { color: hsl(var(--sf-c-txt-wheat-80)) } + html[data-theme='auto'] .sf-c-txt-wheat\:90, html.auto .sf-c-txt-wheat\:90 { color: hsl(var(--sf-c-txt-wheat-90)) } + html[data-theme='auto'] .sf-c-txt-wheat\:100, html.auto .sf-c-txt-wheat\:100 { color: hsl(var(--sf-c-txt-wheat-100)) } + + html[data-theme='auto'] .sf-c-txt-wheat\:dark, html.auto .sf-c-txt-wheat\:dark { color: hsl(var(--sf-c-txt-wheat)) } + html[data-theme='auto'] .sf-c-txt-wheat\:0\:dark, html.auto .sf-c-txt-wheat\:0\:dark { color: hsl(var(--sf-c-txt-wheat-0)) } + html[data-theme='auto'] .sf-c-txt-wheat\:10\:dark, html.auto .sf-c-txt-wheat\:10\:dark { color: hsl(var(--sf-c-txt-wheat-10)) } + html[data-theme='auto'] .sf-c-txt-wheat\:20\:dark, html.auto .sf-c-txt-wheat\:20\:dark { color: hsl(var(--sf-c-txt-wheat-20)) } + html[data-theme='auto'] .sf-c-txt-wheat\:30\:dark, html.auto .sf-c-txt-wheat\:30\:dark { color: hsl(var(--sf-c-txt-wheat-30)) } + html[data-theme='auto'] .sf-c-txt-wheat\:40\:dark, html.auto .sf-c-txt-wheat\:40\:dark { color: hsl(var(--sf-c-txt-wheat-40)) } + html[data-theme='auto'] .sf-c-txt-wheat\:50\:dark, html.auto .sf-c-txt-wheat\:50\:dark { color: hsl(var(--sf-c-txt-wheat-50)) } + html[data-theme='auto'] .sf-c-txt-wheat\:60\:dark, html.auto .sf-c-txt-wheat\:60\:dark { color: hsl(var(--sf-c-txt-wheat-60)) } + html[data-theme='auto'] .sf-c-txt-wheat\:70\:dark, html.auto .sf-c-txt-wheat\:70\:dark { color: hsl(var(--sf-c-txt-wheat-70)) } + html[data-theme='auto'] .sf-c-txt-wheat\:80\:dark, html.auto .sf-c-txt-wheat\:80\:dark { color: hsl(var(--sf-c-txt-wheat-80)) } + html[data-theme='auto'] .sf-c-txt-wheat\:90\:dark, html.auto .sf-c-txt-wheat\:90\:dark { color: hsl(var(--sf-c-txt-wheat-90)) } + html[data-theme='auto'] .sf-c-txt-wheat\:100\:dark, html.auto .sf-c-txt-wheat\:100\:dark { color: hsl(var(--sf-c-txt-wheat-100)) } + html.var[data-theme='auto'] .sf-c-wheat, html.var.auto .sf-c-wheat { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 17%) } html.var[data-theme='auto'] .sf-c-wheat\:0, html.var.auto .sf-c-wheat\:0 { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 100%) } html.var[data-theme='auto'] .sf-c-wheat\:10, html.var.auto .sf-c-wheat\:10 { color: hsl(39, 77%, 10%); background: hsl(39, 77%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-wheat\:100\:dark, html.var.dark .sf-c-wheat\:1 html.var[data-theme='auto'] .sf-c-wheat\:80\:dark, html.var.auto .sf-c-wheat\:80\:dark { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 20%) } html.var[data-theme='auto'] .sf-c-wheat\:90\:dark, html.var.auto .sf-c-wheat\:90\:dark { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 10%) } html.var[data-theme='auto'] .sf-c-wheat\:100\:dark, html.var.auto .sf-c-wheat\:100\:dark { color: hsl(39, 77%, 90%); background: hsl(39, 77%, 0%) } -} -.sf-c-txt-wheat { color: hsl(var(--sf-c-txt-wheat)) } -.sf-c-txt-wheat\:0 { color: hsl(var(--sf-c-txt-wheat-0)) } -.sf-c-txt-wheat\:10 { color: hsl(var(--sf-c-txt-wheat-10)) } -.sf-c-txt-wheat\:20 { color: hsl(var(--sf-c-txt-wheat-20)) } -.sf-c-txt-wheat\:30 { color: hsl(var(--sf-c-txt-wheat-30)) } -.sf-c-txt-wheat\:40 { color: hsl(var(--sf-c-txt-wheat-40)) } -.sf-c-txt-wheat\:50 { color: hsl(var(--sf-c-txt-wheat-50)) } -.sf-c-txt-wheat\:60 { color: hsl(var(--sf-c-txt-wheat-60)) } -.sf-c-txt-wheat\:70 { color: hsl(var(--sf-c-txt-wheat-70)) } -.sf-c-txt-wheat\:80 { color: hsl(var(--sf-c-txt-wheat-80)) } -.sf-c-txt-wheat\:90 { color: hsl(var(--sf-c-txt-wheat-90)) } -.sf-c-txt-wheat\:100 { color: hsl(var(--sf-c-txt-wheat-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-wheat, html.auto .sf-c-txt-wheat { color: hsl(39, 77%, 83%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:0, html.auto .sf-c-txt-wheat\:0 { color: hsl(39, 77%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:10, html.auto .sf-c-txt-wheat\:10 { color: hsl(39, 77%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:20, html.auto .sf-c-txt-wheat\:20 { color: hsl(39, 77%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:30, html.auto .sf-c-txt-wheat\:30 { color: hsl(39, 77%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:40, html.auto .sf-c-txt-wheat\:40 { color: hsl(39, 77%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:50, html.auto .sf-c-txt-wheat\:50 { color: hsl(39, 77%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:60, html.auto .sf-c-txt-wheat\:60 { color: hsl(39, 77%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:70, html.auto .sf-c-txt-wheat\:70 { color: hsl(39, 77%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:80, html.auto .sf-c-txt-wheat\:80 { color: hsl(39, 77%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:90, html.auto .sf-c-txt-wheat\:90 { color: hsl(39, 77%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:100, html.auto .sf-c-txt-wheat\:100 { color: hsl(39, 77%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-wheat\:dark, html.auto .sf-c-txt-wheat\:dark { color: hsl(39, 77%, 83%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:0\:dark, html.auto .sf-c-txt-wheat\:0\:dark { color: hsl(39, 77%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:10\:dark, html.auto .sf-c-txt-wheat\:10\:dark { color: hsl(39, 77%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:20\:dark, html.auto .sf-c-txt-wheat\:20\:dark { color: hsl(39, 77%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:30\:dark, html.auto .sf-c-txt-wheat\:30\:dark { color: hsl(39, 77%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:40\:dark, html.auto .sf-c-txt-wheat\:40\:dark { color: hsl(39, 77%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:50\:dark, html.auto .sf-c-txt-wheat\:50\:dark { color: hsl(39, 77%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:60\:dark, html.auto .sf-c-txt-wheat\:60\:dark { color: hsl(39, 77%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:70\:dark, html.auto .sf-c-txt-wheat\:70\:dark { color: hsl(39, 77%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:80\:dark, html.auto .sf-c-txt-wheat\:80\:dark { color: hsl(39, 77%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:90\:dark, html.auto .sf-c-txt-wheat\:90\:dark { color: hsl(39, 77%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:100\:dark, html.auto .sf-c-txt-wheat\:100\:dark { color: hsl(39, 77%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/white.css b/src/colors/10/white.css index eee95b3..0bfa5c1 100644 --- a/src/colors/10/white.css +++ b/src/colors/10/white.css @@ -78,6 +78,32 @@ html.var .sf-c-white\:80 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 80%) } html.var .sf-c-white\:90 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } html.var .sf-c-white\:100 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } +.sf-c-txt-white { color: hsl(var(--sf-dark-c-txt-white)) } +.sf-c-txt-white\:0 { color: hsl(var(--sf-dark-c-txt-white-100)) } +.sf-c-txt-white\:10 { color: hsl(var(--sf-dark-c-txt-white-90)) } +.sf-c-txt-white\:20 { color: hsl(var(--sf-dark-c-txt-white-80)) } +.sf-c-txt-white\:30 { color: hsl(var(--sf-dark-c-txt-white-70)) } +.sf-c-txt-white\:40 { color: hsl(var(--sf-dark-c-txt-white-60)) } +.sf-c-txt-white\:50 { color: hsl(var(--sf-dark-c-txt-white-50)) } +.sf-c-txt-white\:60 { color: hsl(var(--sf-dark-c-txt-white-40)) } +.sf-c-txt-white\:70 { color: hsl(var(--sf-dark-c-txt-white-30)) } +.sf-c-txt-white\:80 { color: hsl(var(--sf-dark-c-txt-white-20)) } +.sf-c-txt-white\:90 { color: hsl(var(--sf-dark-c-txt-white-10)) } +.sf-c-txt-white\:100 { color: hsl(var(--sf-dark-c-txt-white-0)) } + +html.var .sf-c-txt-white { color: hsl(0, 0%, 0%) } +html.var .sf-c-txt-white\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-white\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-white\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-white\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-white\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-white\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-white\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-white\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-white\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-white\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-white\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-white, html.dark .sf-c-white { color: hsl(var(--sf-dark-c-txt-white-90)); background: hsl(var(--sf-dark-c-white)) } html[data-theme='dark'] .sf-c-white\:0, html.dark .sf-c-white\:0 { color: hsl(var(--sf-dark-c-txt-white-90)); background: hsl(var(--sf-dark-c-white-100)) } html[data-theme='dark'] .sf-c-white\:10, html.dark .sf-c-white\:10 { color: hsl(var(--sf-dark-c-txt-white-10)); background: hsl(var(--sf-dark-c-white-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-white\:80\:dark, html.dark .sf-c-white\:80\:dark { html[data-theme='dark'] .sf-c-white\:90\:dark, html.dark .sf-c-white\:90\:dark { color: hsl(var(--sf-c-txt-white-90)); background: hsl(var(--sf-c-white-10)) } html[data-theme='dark'] .sf-c-white\:100\:dark, html.dark .sf-c-white\:100\:dark { color: hsl(var(--sf-c-txt-white-90)); background: hsl(var(--sf-c-white-0)) } +html[data-theme='dark'] .sf-c-txt-white, html.dark .sf-c-txt-white { color: hsl(var(--sf-c-txt-white)) } +html[data-theme='dark'] .sf-c-txt-white\:0, html.dark .sf-c-txt-white\:0 { color: hsl(var(--sf-c-txt-white-0)) } +html[data-theme='dark'] .sf-c-txt-white\:10, html.dark .sf-c-txt-white\:10 { color: hsl(var(--sf-c-txt-white-10)) } +html[data-theme='dark'] .sf-c-txt-white\:20, html.dark .sf-c-txt-white\:20 { color: hsl(var(--sf-c-txt-white-20)) } +html[data-theme='dark'] .sf-c-txt-white\:30, html.dark .sf-c-txt-white\:30 { color: hsl(var(--sf-c-txt-white-30)) } +html[data-theme='dark'] .sf-c-txt-white\:40, html.dark .sf-c-txt-white\:40 { color: hsl(var(--sf-c-txt-white-40)) } +html[data-theme='dark'] .sf-c-txt-white\:50, html.dark .sf-c-txt-white\:50 { color: hsl(var(--sf-c-txt-white-50)) } +html[data-theme='dark'] .sf-c-txt-white\:60, html.dark .sf-c-txt-white\:60 { color: hsl(var(--sf-c-txt-white-60)) } +html[data-theme='dark'] .sf-c-txt-white\:70, html.dark .sf-c-txt-white\:70 { color: hsl(var(--sf-c-txt-white-70)) } +html[data-theme='dark'] .sf-c-txt-white\:80, html.dark .sf-c-txt-white\:80 { color: hsl(var(--sf-c-txt-white-80)) } +html[data-theme='dark'] .sf-c-txt-white\:90, html.dark .sf-c-txt-white\:90 { color: hsl(var(--sf-c-txt-white-90)) } +html[data-theme='dark'] .sf-c-txt-white\:100, html.dark .sf-c-txt-white\:100 { color: hsl(var(--sf-c-txt-white-100)) } + +html[data-theme='dark'] .sf-c-txt-white\:dark, html.dark .sf-c-txt-white\:dark { color: hsl(var(--sf-c-txt-white)) } +html[data-theme='dark'] .sf-c-txt-white\:0\:dark, html.dark .sf-c-txt-white\:0\:dark { color: hsl(var(--sf-dark-c-txt-white-0)) } +html[data-theme='dark'] .sf-c-txt-white\:10\:dark, html.dark .sf-c-txt-white\:10\:dark { color: hsl(var(--sf-dark-c-txt-white-10)) } +html[data-theme='dark'] .sf-c-txt-white\:20\:dark, html.dark .sf-c-txt-white\:20\:dark { color: hsl(var(--sf-dark-c-txt-white-20)) } +html[data-theme='dark'] .sf-c-txt-white\:30\:dark, html.dark .sf-c-txt-white\:30\:dark { color: hsl(var(--sf-dark-c-txt-white-30)) } +html[data-theme='dark'] .sf-c-txt-white\:40\:dark, html.dark .sf-c-txt-white\:40\:dark { color: hsl(var(--sf-dark-c-txt-white-40)) } +html[data-theme='dark'] .sf-c-txt-white\:50\:dark, html.dark .sf-c-txt-white\:50\:dark { color: hsl(var(--sf-dark-c-txt-white-50)) } +html[data-theme='dark'] .sf-c-txt-white\:60\:dark, html.dark .sf-c-txt-white\:60\:dark { color: hsl(var(--sf-dark-c-txt-white-60)) } +html[data-theme='dark'] .sf-c-txt-white\:70\:dark, html.dark .sf-c-txt-white\:70\:dark { color: hsl(var(--sf-dark-c-txt-white-70)) } +html[data-theme='dark'] .sf-c-txt-white\:80\:dark, html.dark .sf-c-txt-white\:80\:dark { color: hsl(var(--sf-dark-c-txt-white-80)) } +html[data-theme='dark'] .sf-c-txt-white\:90\:dark, html.dark .sf-c-txt-white\:90\:dark { color: hsl(var(--sf-dark-c-txt-white-90)) } +html[data-theme='dark'] .sf-c-txt-white\:100\:dark, html.dark .sf-c-txt-white\:100\:dark { color: hsl(var(--sf-dark-c-txt-white-100)) } + html.var[data-theme='dark'] .sf-c-white, html.var.dark .sf-c-white { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } html.var[data-theme='dark'] .sf-c-white\:0, html.var.dark .sf-c-white\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-white\:10, html.var.dark .sf-c-white\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-white\:80\:dark, html.var.dark .sf-c-white\:80 html.var[data-theme='dark'] .sf-c-white\:90\:dark, html.var.dark .sf-c-white\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='dark'] .sf-c-white\:100\:dark, html.var.dark .sf-c-white\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-white, html.dark .sf-c-txt-white { color: hsl(0, 0%, 100%) } +html.var[data-theme='dark'] .sf-c-txt-white\:0, html.dark .sf-c-txt-white\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-white\:10, html.dark .sf-c-txt-white\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-white\:20, html.dark .sf-c-txt-white\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-white\:30, html.dark .sf-c-txt-white\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-white\:40, html.dark .sf-c-txt-white\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-white\:50, html.dark .sf-c-txt-white\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-white\:60, html.dark .sf-c-txt-white\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-white\:70, html.dark .sf-c-txt-white\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-white\:80, html.dark .sf-c-txt-white\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-white\:90, html.dark .sf-c-txt-white\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-white\:100, html.dark .sf-c-txt-white\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-white\:dark, html.dark .sf-c-txt-white\:dark { color: hsl(0, 0%, 100%) } +html.var[data-theme='dark'] .sf-c-txt-white\:0\:dark, html.dark .sf-c-txt-white\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-white\:10\:dark, html.dark .sf-c-txt-white\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-white\:20\:dark, html.dark .sf-c-txt-white\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-white\:30\:dark, html.dark .sf-c-txt-white\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-white\:40\:dark, html.dark .sf-c-txt-white\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-white\:50\:dark, html.dark .sf-c-txt-white\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-white\:60\:dark, html.dark .sf-c-txt-white\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-white\:70\:dark, html.dark .sf-c-txt-white\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-white\:80\:dark, html.dark .sf-c-txt-white\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-white\:90\:dark, html.dark .sf-c-txt-white\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-white\:100\:dark, html.dark .sf-c-txt-white\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-white, html.auto .sf-c-white { color: hsl(var(--sf-dark-c-txt-white-90)); background: hsl(var(--sf-dark-c-white)) } html[data-theme='auto'] .sf-c-white\:0, html.auto .sf-c-white\:0 { color: hsl(var(--sf-dark-c-txt-white-90)); background: hsl(var(--sf-dark-c-white-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-white\:100\:dark, html.var.dark .sf-c-white\:1 html[data-theme='auto'] .sf-c-white\:90\:dark, html.auto .sf-c-white\:90\:dark { color: hsl(var(--sf-c-txt-white-90)); background: hsl(var(--sf-c-white-10)) } html[data-theme='auto'] .sf-c-white\:100\:dark, html.auto .sf-c-white\:100\:dark { color: hsl(var(--sf-c-txt-white-90)); background: hsl(var(--sf-c-white-0)) } + html[data-theme='auto'] .sf-c-txt-white, html.auto .sf-c-txt-white { color: hsl(var(--sf-c-txt-white)) } + html[data-theme='auto'] .sf-c-txt-white\:0, html.auto .sf-c-txt-white\:0 { color: hsl(var(--sf-c-txt-white-0)) } + html[data-theme='auto'] .sf-c-txt-white\:10, html.auto .sf-c-txt-white\:10 { color: hsl(var(--sf-c-txt-white-10)) } + html[data-theme='auto'] .sf-c-txt-white\:20, html.auto .sf-c-txt-white\:20 { color: hsl(var(--sf-c-txt-white-20)) } + html[data-theme='auto'] .sf-c-txt-white\:30, html.auto .sf-c-txt-white\:30 { color: hsl(var(--sf-c-txt-white-30)) } + html[data-theme='auto'] .sf-c-txt-white\:40, html.auto .sf-c-txt-white\:40 { color: hsl(var(--sf-c-txt-white-40)) } + html[data-theme='auto'] .sf-c-txt-white\:50, html.auto .sf-c-txt-white\:50 { color: hsl(var(--sf-c-txt-white-50)) } + html[data-theme='auto'] .sf-c-txt-white\:60, html.auto .sf-c-txt-white\:60 { color: hsl(var(--sf-c-txt-white-60)) } + html[data-theme='auto'] .sf-c-txt-white\:70, html.auto .sf-c-txt-white\:70 { color: hsl(var(--sf-c-txt-white-70)) } + html[data-theme='auto'] .sf-c-txt-white\:80, html.auto .sf-c-txt-white\:80 { color: hsl(var(--sf-c-txt-white-80)) } + html[data-theme='auto'] .sf-c-txt-white\:90, html.auto .sf-c-txt-white\:90 { color: hsl(var(--sf-c-txt-white-90)) } + html[data-theme='auto'] .sf-c-txt-white\:100, html.auto .sf-c-txt-white\:100 { color: hsl(var(--sf-c-txt-white-100)) } + + html[data-theme='auto'] .sf-c-txt-white\:dark, html.auto .sf-c-txt-white\:dark { color: hsl(var(--sf-c-txt-white)) } + html[data-theme='auto'] .sf-c-txt-white\:0\:dark, html.auto .sf-c-txt-white\:0\:dark { color: hsl(var(--sf-c-txt-white-0)) } + html[data-theme='auto'] .sf-c-txt-white\:10\:dark, html.auto .sf-c-txt-white\:10\:dark { color: hsl(var(--sf-c-txt-white-10)) } + html[data-theme='auto'] .sf-c-txt-white\:20\:dark, html.auto .sf-c-txt-white\:20\:dark { color: hsl(var(--sf-c-txt-white-20)) } + html[data-theme='auto'] .sf-c-txt-white\:30\:dark, html.auto .sf-c-txt-white\:30\:dark { color: hsl(var(--sf-c-txt-white-30)) } + html[data-theme='auto'] .sf-c-txt-white\:40\:dark, html.auto .sf-c-txt-white\:40\:dark { color: hsl(var(--sf-c-txt-white-40)) } + html[data-theme='auto'] .sf-c-txt-white\:50\:dark, html.auto .sf-c-txt-white\:50\:dark { color: hsl(var(--sf-c-txt-white-50)) } + html[data-theme='auto'] .sf-c-txt-white\:60\:dark, html.auto .sf-c-txt-white\:60\:dark { color: hsl(var(--sf-c-txt-white-60)) } + html[data-theme='auto'] .sf-c-txt-white\:70\:dark, html.auto .sf-c-txt-white\:70\:dark { color: hsl(var(--sf-c-txt-white-70)) } + html[data-theme='auto'] .sf-c-txt-white\:80\:dark, html.auto .sf-c-txt-white\:80\:dark { color: hsl(var(--sf-c-txt-white-80)) } + html[data-theme='auto'] .sf-c-txt-white\:90\:dark, html.auto .sf-c-txt-white\:90\:dark { color: hsl(var(--sf-c-txt-white-90)) } + html[data-theme='auto'] .sf-c-txt-white\:100\:dark, html.auto .sf-c-txt-white\:100\:dark { color: hsl(var(--sf-c-txt-white-100)) } + html.var[data-theme='auto'] .sf-c-white, html.var.auto .sf-c-white { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } html.var[data-theme='auto'] .sf-c-white\:0, html.var.auto .sf-c-white\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-white\:10, html.var.auto .sf-c-white\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-white\:100\:dark, html.var.dark .sf-c-white\:1 html.var[data-theme='auto'] .sf-c-white\:80\:dark, html.var.auto .sf-c-white\:80\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } html.var[data-theme='auto'] .sf-c-white\:90\:dark, html.var.auto .sf-c-white\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-white\:100\:dark, html.var.auto .sf-c-white\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-white { color: hsl(var(--sf-c-txt-white)) } -.sf-c-txt-white\:0 { color: hsl(var(--sf-c-txt-white-0)) } -.sf-c-txt-white\:10 { color: hsl(var(--sf-c-txt-white-10)) } -.sf-c-txt-white\:20 { color: hsl(var(--sf-c-txt-white-20)) } -.sf-c-txt-white\:30 { color: hsl(var(--sf-c-txt-white-30)) } -.sf-c-txt-white\:40 { color: hsl(var(--sf-c-txt-white-40)) } -.sf-c-txt-white\:50 { color: hsl(var(--sf-c-txt-white-50)) } -.sf-c-txt-white\:60 { color: hsl(var(--sf-c-txt-white-60)) } -.sf-c-txt-white\:70 { color: hsl(var(--sf-c-txt-white-70)) } -.sf-c-txt-white\:80 { color: hsl(var(--sf-c-txt-white-80)) } -.sf-c-txt-white\:90 { color: hsl(var(--sf-c-txt-white-90)) } -.sf-c-txt-white\:100 { color: hsl(var(--sf-c-txt-white-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-white, html.auto .sf-c-txt-white { color: hsl(0, 0%, 100%) } + html.var[data-theme='auto'] .sf-c-txt-white\:0, html.auto .sf-c-txt-white\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-white\:10, html.auto .sf-c-txt-white\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-white\:20, html.auto .sf-c-txt-white\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-white\:30, html.auto .sf-c-txt-white\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-white\:40, html.auto .sf-c-txt-white\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-white\:50, html.auto .sf-c-txt-white\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-white\:60, html.auto .sf-c-txt-white\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-white\:70, html.auto .sf-c-txt-white\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-white\:80, html.auto .sf-c-txt-white\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-white\:90, html.auto .sf-c-txt-white\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-white\:100, html.auto .sf-c-txt-white\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-white\:dark, html.auto .sf-c-txt-white\:dark { color: hsl(0, 0%, 100%) } + html.var[data-theme='auto'] .sf-c-txt-white\:0\:dark, html.auto .sf-c-txt-white\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-white\:10\:dark, html.auto .sf-c-txt-white\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-white\:20\:dark, html.auto .sf-c-txt-white\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-white\:30\:dark, html.auto .sf-c-txt-white\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-white\:40\:dark, html.auto .sf-c-txt-white\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-white\:50\:dark, html.auto .sf-c-txt-white\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-white\:60\:dark, html.auto .sf-c-txt-white\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-white\:70\:dark, html.auto .sf-c-txt-white\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-white\:80\:dark, html.auto .sf-c-txt-white\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-white\:90\:dark, html.auto .sf-c-txt-white\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-white\:100\:dark, html.auto .sf-c-txt-white\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/whitesmoke.css b/src/colors/10/whitesmoke.css index 53fd555..5bfe090 100644 --- a/src/colors/10/whitesmoke.css +++ b/src/colors/10/whitesmoke.css @@ -78,6 +78,32 @@ html.var .sf-c-whitesmoke\:80 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 8 html.var .sf-c-whitesmoke\:90 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } html.var .sf-c-whitesmoke\:100 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 100%) } +.sf-c-txt-whitesmoke { color: hsl(var(--sf-dark-c-txt-whitesmoke)) } +.sf-c-txt-whitesmoke\:0 { color: hsl(var(--sf-dark-c-txt-whitesmoke-100)) } +.sf-c-txt-whitesmoke\:10 { color: hsl(var(--sf-dark-c-txt-whitesmoke-90)) } +.sf-c-txt-whitesmoke\:20 { color: hsl(var(--sf-dark-c-txt-whitesmoke-80)) } +.sf-c-txt-whitesmoke\:30 { color: hsl(var(--sf-dark-c-txt-whitesmoke-70)) } +.sf-c-txt-whitesmoke\:40 { color: hsl(var(--sf-dark-c-txt-whitesmoke-60)) } +.sf-c-txt-whitesmoke\:50 { color: hsl(var(--sf-dark-c-txt-whitesmoke-50)) } +.sf-c-txt-whitesmoke\:60 { color: hsl(var(--sf-dark-c-txt-whitesmoke-40)) } +.sf-c-txt-whitesmoke\:70 { color: hsl(var(--sf-dark-c-txt-whitesmoke-30)) } +.sf-c-txt-whitesmoke\:80 { color: hsl(var(--sf-dark-c-txt-whitesmoke-20)) } +.sf-c-txt-whitesmoke\:90 { color: hsl(var(--sf-dark-c-txt-whitesmoke-10)) } +.sf-c-txt-whitesmoke\:100 { color: hsl(var(--sf-dark-c-txt-whitesmoke-0)) } + +html.var .sf-c-txt-whitesmoke { color: hsl(0, 0%, 4%) } +html.var .sf-c-txt-whitesmoke\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-whitesmoke\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-whitesmoke\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-whitesmoke\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-whitesmoke\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-whitesmoke\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-whitesmoke\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-whitesmoke\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-whitesmoke\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-whitesmoke\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-whitesmoke\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-whitesmoke, html.dark .sf-c-whitesmoke { color: hsl(var(--sf-dark-c-txt-whitesmoke-90)); background: hsl(var(--sf-dark-c-whitesmoke)) } html[data-theme='dark'] .sf-c-whitesmoke\:0, html.dark .sf-c-whitesmoke\:0 { color: hsl(var(--sf-dark-c-txt-whitesmoke-90)); background: hsl(var(--sf-dark-c-whitesmoke-100)) } html[data-theme='dark'] .sf-c-whitesmoke\:10, html.dark .sf-c-whitesmoke\:10 { color: hsl(var(--sf-dark-c-txt-whitesmoke-10)); background: hsl(var(--sf-dark-c-whitesmoke-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-whitesmoke\:80\:dark, html.dark .sf-c-whitesmoke\: html[data-theme='dark'] .sf-c-whitesmoke\:90\:dark, html.dark .sf-c-whitesmoke\:90\:dark { color: hsl(var(--sf-c-txt-whitesmoke-90)); background: hsl(var(--sf-c-whitesmoke-10)) } html[data-theme='dark'] .sf-c-whitesmoke\:100\:dark, html.dark .sf-c-whitesmoke\:100\:dark { color: hsl(var(--sf-c-txt-whitesmoke-90)); background: hsl(var(--sf-c-whitesmoke-0)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke, html.dark .sf-c-txt-whitesmoke { color: hsl(var(--sf-c-txt-whitesmoke)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:0, html.dark .sf-c-txt-whitesmoke\:0 { color: hsl(var(--sf-c-txt-whitesmoke-0)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:10, html.dark .sf-c-txt-whitesmoke\:10 { color: hsl(var(--sf-c-txt-whitesmoke-10)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:20, html.dark .sf-c-txt-whitesmoke\:20 { color: hsl(var(--sf-c-txt-whitesmoke-20)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:30, html.dark .sf-c-txt-whitesmoke\:30 { color: hsl(var(--sf-c-txt-whitesmoke-30)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:40, html.dark .sf-c-txt-whitesmoke\:40 { color: hsl(var(--sf-c-txt-whitesmoke-40)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:50, html.dark .sf-c-txt-whitesmoke\:50 { color: hsl(var(--sf-c-txt-whitesmoke-50)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:60, html.dark .sf-c-txt-whitesmoke\:60 { color: hsl(var(--sf-c-txt-whitesmoke-60)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:70, html.dark .sf-c-txt-whitesmoke\:70 { color: hsl(var(--sf-c-txt-whitesmoke-70)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:80, html.dark .sf-c-txt-whitesmoke\:80 { color: hsl(var(--sf-c-txt-whitesmoke-80)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:90, html.dark .sf-c-txt-whitesmoke\:90 { color: hsl(var(--sf-c-txt-whitesmoke-90)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:100, html.dark .sf-c-txt-whitesmoke\:100 { color: hsl(var(--sf-c-txt-whitesmoke-100)) } + +html[data-theme='dark'] .sf-c-txt-whitesmoke\:dark, html.dark .sf-c-txt-whitesmoke\:dark { color: hsl(var(--sf-c-txt-whitesmoke)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:0\:dark, html.dark .sf-c-txt-whitesmoke\:0\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-0)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:10\:dark, html.dark .sf-c-txt-whitesmoke\:10\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-10)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:20\:dark, html.dark .sf-c-txt-whitesmoke\:20\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-20)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:30\:dark, html.dark .sf-c-txt-whitesmoke\:30\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-30)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:40\:dark, html.dark .sf-c-txt-whitesmoke\:40\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-40)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:50\:dark, html.dark .sf-c-txt-whitesmoke\:50\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-50)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:60\:dark, html.dark .sf-c-txt-whitesmoke\:60\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-60)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:70\:dark, html.dark .sf-c-txt-whitesmoke\:70\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-70)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:80\:dark, html.dark .sf-c-txt-whitesmoke\:80\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-80)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:90\:dark, html.dark .sf-c-txt-whitesmoke\:90\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-90)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:100\:dark, html.dark .sf-c-txt-whitesmoke\:100\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-100)) } + html.var[data-theme='dark'] .sf-c-whitesmoke, html.var.dark .sf-c-whitesmoke { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 4%) } html.var[data-theme='dark'] .sf-c-whitesmoke\:0, html.var.dark .sf-c-whitesmoke\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-whitesmoke\:10, html.var.dark .sf-c-whitesmoke\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-whitesmoke\:80\:dark, html.var.dark .sf-c-whit html.var[data-theme='dark'] .sf-c-whitesmoke\:90\:dark, html.var.dark .sf-c-whitesmoke\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='dark'] .sf-c-whitesmoke\:100\:dark, html.var.dark .sf-c-whitesmoke\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke, html.dark .sf-c-txt-whitesmoke { color: hsl(0, 0%, 96%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:0, html.dark .sf-c-txt-whitesmoke\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:10, html.dark .sf-c-txt-whitesmoke\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:20, html.dark .sf-c-txt-whitesmoke\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:30, html.dark .sf-c-txt-whitesmoke\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:40, html.dark .sf-c-txt-whitesmoke\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:50, html.dark .sf-c-txt-whitesmoke\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:60, html.dark .sf-c-txt-whitesmoke\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:70, html.dark .sf-c-txt-whitesmoke\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:80, html.dark .sf-c-txt-whitesmoke\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:90, html.dark .sf-c-txt-whitesmoke\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:100, html.dark .sf-c-txt-whitesmoke\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:dark, html.dark .sf-c-txt-whitesmoke\:dark { color: hsl(0, 0%, 96%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:0\:dark, html.dark .sf-c-txt-whitesmoke\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:10\:dark, html.dark .sf-c-txt-whitesmoke\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:20\:dark, html.dark .sf-c-txt-whitesmoke\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:30\:dark, html.dark .sf-c-txt-whitesmoke\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:40\:dark, html.dark .sf-c-txt-whitesmoke\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:50\:dark, html.dark .sf-c-txt-whitesmoke\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:60\:dark, html.dark .sf-c-txt-whitesmoke\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:70\:dark, html.dark .sf-c-txt-whitesmoke\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:80\:dark, html.dark .sf-c-txt-whitesmoke\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:90\:dark, html.dark .sf-c-txt-whitesmoke\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:100\:dark, html.dark .sf-c-txt-whitesmoke\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-whitesmoke, html.auto .sf-c-whitesmoke { color: hsl(var(--sf-dark-c-txt-whitesmoke-90)); background: hsl(var(--sf-dark-c-whitesmoke)) } html[data-theme='auto'] .sf-c-whitesmoke\:0, html.auto .sf-c-whitesmoke\:0 { color: hsl(var(--sf-dark-c-txt-whitesmoke-90)); background: hsl(var(--sf-dark-c-whitesmoke-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-whitesmoke\:100\:dark, html.var.dark .sf-c-whi html[data-theme='auto'] .sf-c-whitesmoke\:90\:dark, html.auto .sf-c-whitesmoke\:90\:dark { color: hsl(var(--sf-c-txt-whitesmoke-90)); background: hsl(var(--sf-c-whitesmoke-10)) } html[data-theme='auto'] .sf-c-whitesmoke\:100\:dark, html.auto .sf-c-whitesmoke\:100\:dark { color: hsl(var(--sf-c-txt-whitesmoke-90)); background: hsl(var(--sf-c-whitesmoke-0)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke, html.auto .sf-c-txt-whitesmoke { color: hsl(var(--sf-c-txt-whitesmoke)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:0, html.auto .sf-c-txt-whitesmoke\:0 { color: hsl(var(--sf-c-txt-whitesmoke-0)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:10, html.auto .sf-c-txt-whitesmoke\:10 { color: hsl(var(--sf-c-txt-whitesmoke-10)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:20, html.auto .sf-c-txt-whitesmoke\:20 { color: hsl(var(--sf-c-txt-whitesmoke-20)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:30, html.auto .sf-c-txt-whitesmoke\:30 { color: hsl(var(--sf-c-txt-whitesmoke-30)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:40, html.auto .sf-c-txt-whitesmoke\:40 { color: hsl(var(--sf-c-txt-whitesmoke-40)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:50, html.auto .sf-c-txt-whitesmoke\:50 { color: hsl(var(--sf-c-txt-whitesmoke-50)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:60, html.auto .sf-c-txt-whitesmoke\:60 { color: hsl(var(--sf-c-txt-whitesmoke-60)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:70, html.auto .sf-c-txt-whitesmoke\:70 { color: hsl(var(--sf-c-txt-whitesmoke-70)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:80, html.auto .sf-c-txt-whitesmoke\:80 { color: hsl(var(--sf-c-txt-whitesmoke-80)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:90, html.auto .sf-c-txt-whitesmoke\:90 { color: hsl(var(--sf-c-txt-whitesmoke-90)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:100, html.auto .sf-c-txt-whitesmoke\:100 { color: hsl(var(--sf-c-txt-whitesmoke-100)) } + + html[data-theme='auto'] .sf-c-txt-whitesmoke\:dark, html.auto .sf-c-txt-whitesmoke\:dark { color: hsl(var(--sf-c-txt-whitesmoke)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:0\:dark, html.auto .sf-c-txt-whitesmoke\:0\:dark { color: hsl(var(--sf-c-txt-whitesmoke-0)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:10\:dark, html.auto .sf-c-txt-whitesmoke\:10\:dark { color: hsl(var(--sf-c-txt-whitesmoke-10)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:20\:dark, html.auto .sf-c-txt-whitesmoke\:20\:dark { color: hsl(var(--sf-c-txt-whitesmoke-20)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:30\:dark, html.auto .sf-c-txt-whitesmoke\:30\:dark { color: hsl(var(--sf-c-txt-whitesmoke-30)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:40\:dark, html.auto .sf-c-txt-whitesmoke\:40\:dark { color: hsl(var(--sf-c-txt-whitesmoke-40)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:50\:dark, html.auto .sf-c-txt-whitesmoke\:50\:dark { color: hsl(var(--sf-c-txt-whitesmoke-50)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:60\:dark, html.auto .sf-c-txt-whitesmoke\:60\:dark { color: hsl(var(--sf-c-txt-whitesmoke-60)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:70\:dark, html.auto .sf-c-txt-whitesmoke\:70\:dark { color: hsl(var(--sf-c-txt-whitesmoke-70)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:80\:dark, html.auto .sf-c-txt-whitesmoke\:80\:dark { color: hsl(var(--sf-c-txt-whitesmoke-80)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:90\:dark, html.auto .sf-c-txt-whitesmoke\:90\:dark { color: hsl(var(--sf-c-txt-whitesmoke-90)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:100\:dark, html.auto .sf-c-txt-whitesmoke\:100\:dark { color: hsl(var(--sf-c-txt-whitesmoke-100)) } + html.var[data-theme='auto'] .sf-c-whitesmoke, html.var.auto .sf-c-whitesmoke { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 4%) } html.var[data-theme='auto'] .sf-c-whitesmoke\:0, html.var.auto .sf-c-whitesmoke\:0 { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-whitesmoke\:10, html.var.auto .sf-c-whitesmoke\:10 { color: hsl(0, 0%, 10%); background: hsl(0, 0%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-whitesmoke\:100\:dark, html.var.dark .sf-c-whi html.var[data-theme='auto'] .sf-c-whitesmoke\:80\:dark, html.var.auto .sf-c-whitesmoke\:80\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 20%) } html.var[data-theme='auto'] .sf-c-whitesmoke\:90\:dark, html.var.auto .sf-c-whitesmoke\:90\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-whitesmoke\:100\:dark, html.var.auto .sf-c-whitesmoke\:100\:dark { color: hsl(0, 0%, 90%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-whitesmoke { color: hsl(var(--sf-c-txt-whitesmoke)) } -.sf-c-txt-whitesmoke\:0 { color: hsl(var(--sf-c-txt-whitesmoke-0)) } -.sf-c-txt-whitesmoke\:10 { color: hsl(var(--sf-c-txt-whitesmoke-10)) } -.sf-c-txt-whitesmoke\:20 { color: hsl(var(--sf-c-txt-whitesmoke-20)) } -.sf-c-txt-whitesmoke\:30 { color: hsl(var(--sf-c-txt-whitesmoke-30)) } -.sf-c-txt-whitesmoke\:40 { color: hsl(var(--sf-c-txt-whitesmoke-40)) } -.sf-c-txt-whitesmoke\:50 { color: hsl(var(--sf-c-txt-whitesmoke-50)) } -.sf-c-txt-whitesmoke\:60 { color: hsl(var(--sf-c-txt-whitesmoke-60)) } -.sf-c-txt-whitesmoke\:70 { color: hsl(var(--sf-c-txt-whitesmoke-70)) } -.sf-c-txt-whitesmoke\:80 { color: hsl(var(--sf-c-txt-whitesmoke-80)) } -.sf-c-txt-whitesmoke\:90 { color: hsl(var(--sf-c-txt-whitesmoke-90)) } -.sf-c-txt-whitesmoke\:100 { color: hsl(var(--sf-c-txt-whitesmoke-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-whitesmoke, html.auto .sf-c-txt-whitesmoke { color: hsl(0, 0%, 96%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:0, html.auto .sf-c-txt-whitesmoke\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:10, html.auto .sf-c-txt-whitesmoke\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:20, html.auto .sf-c-txt-whitesmoke\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:30, html.auto .sf-c-txt-whitesmoke\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:40, html.auto .sf-c-txt-whitesmoke\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:50, html.auto .sf-c-txt-whitesmoke\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:60, html.auto .sf-c-txt-whitesmoke\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:70, html.auto .sf-c-txt-whitesmoke\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:80, html.auto .sf-c-txt-whitesmoke\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:90, html.auto .sf-c-txt-whitesmoke\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:100, html.auto .sf-c-txt-whitesmoke\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:dark, html.auto .sf-c-txt-whitesmoke\:dark { color: hsl(0, 0%, 96%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:0\:dark, html.auto .sf-c-txt-whitesmoke\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:10\:dark, html.auto .sf-c-txt-whitesmoke\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:20\:dark, html.auto .sf-c-txt-whitesmoke\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:30\:dark, html.auto .sf-c-txt-whitesmoke\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:40\:dark, html.auto .sf-c-txt-whitesmoke\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:50\:dark, html.auto .sf-c-txt-whitesmoke\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:60\:dark, html.auto .sf-c-txt-whitesmoke\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:70\:dark, html.auto .sf-c-txt-whitesmoke\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:80\:dark, html.auto .sf-c-txt-whitesmoke\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:90\:dark, html.auto .sf-c-txt-whitesmoke\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:100\:dark, html.auto .sf-c-txt-whitesmoke\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/yellow.css b/src/colors/10/yellow.css index 100b9ac..3c40879 100644 --- a/src/colors/10/yellow.css +++ b/src/colors/10/yellow.css @@ -78,6 +78,32 @@ html.var .sf-c-yellow\:80 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, html.var .sf-c-yellow\:90 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } html.var .sf-c-yellow\:100 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 100%) } +.sf-c-txt-yellow { color: hsl(var(--sf-dark-c-txt-yellow)) } +.sf-c-txt-yellow\:0 { color: hsl(var(--sf-dark-c-txt-yellow-100)) } +.sf-c-txt-yellow\:10 { color: hsl(var(--sf-dark-c-txt-yellow-90)) } +.sf-c-txt-yellow\:20 { color: hsl(var(--sf-dark-c-txt-yellow-80)) } +.sf-c-txt-yellow\:30 { color: hsl(var(--sf-dark-c-txt-yellow-70)) } +.sf-c-txt-yellow\:40 { color: hsl(var(--sf-dark-c-txt-yellow-60)) } +.sf-c-txt-yellow\:50 { color: hsl(var(--sf-dark-c-txt-yellow-50)) } +.sf-c-txt-yellow\:60 { color: hsl(var(--sf-dark-c-txt-yellow-40)) } +.sf-c-txt-yellow\:70 { color: hsl(var(--sf-dark-c-txt-yellow-30)) } +.sf-c-txt-yellow\:80 { color: hsl(var(--sf-dark-c-txt-yellow-20)) } +.sf-c-txt-yellow\:90 { color: hsl(var(--sf-dark-c-txt-yellow-10)) } +.sf-c-txt-yellow\:100 { color: hsl(var(--sf-dark-c-txt-yellow-0)) } + +html.var .sf-c-txt-yellow { color: hsl(60, 100%, 50%) } +html.var .sf-c-txt-yellow\:0 { color: hsl(60, 100%, 100%) } +html.var .sf-c-txt-yellow\:10 { color: hsl(60, 100%, 90%) } +html.var .sf-c-txt-yellow\:20 { color: hsl(60, 100%, 80%) } +html.var .sf-c-txt-yellow\:30 { color: hsl(60, 100%, 70%) } +html.var .sf-c-txt-yellow\:40 { color: hsl(60, 100%, 60%) } +html.var .sf-c-txt-yellow\:50 { color: hsl(60, 100%, 50%) } +html.var .sf-c-txt-yellow\:60 { color: hsl(60, 100%, 40%) } +html.var .sf-c-txt-yellow\:70 { color: hsl(60, 100%, 30%) } +html.var .sf-c-txt-yellow\:80 { color: hsl(60, 100%, 20%) } +html.var .sf-c-txt-yellow\:90 { color: hsl(60, 100%, 10%) } +html.var .sf-c-txt-yellow\:100 { color: hsl(60, 100%, 0%) } + html[data-theme='dark'] .sf-c-yellow, html.dark .sf-c-yellow { color: hsl(var(--sf-dark-c-txt-yellow-10)); background: hsl(var(--sf-dark-c-yellow)) } html[data-theme='dark'] .sf-c-yellow\:0, html.dark .sf-c-yellow\:0 { color: hsl(var(--sf-dark-c-txt-yellow-90)); background: hsl(var(--sf-dark-c-yellow-100)) } html[data-theme='dark'] .sf-c-yellow\:10, html.dark .sf-c-yellow\:10 { color: hsl(var(--sf-dark-c-txt-yellow-10)); background: hsl(var(--sf-dark-c-yellow-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-yellow\:80\:dark, html.dark .sf-c-yellow\:80\:dark html[data-theme='dark'] .sf-c-yellow\:90\:dark, html.dark .sf-c-yellow\:90\:dark { color: hsl(var(--sf-c-txt-yellow-90)); background: hsl(var(--sf-c-yellow-10)) } html[data-theme='dark'] .sf-c-yellow\:100\:dark, html.dark .sf-c-yellow\:100\:dark { color: hsl(var(--sf-c-txt-yellow-90)); background: hsl(var(--sf-c-yellow-0)) } +html[data-theme='dark'] .sf-c-txt-yellow, html.dark .sf-c-txt-yellow { color: hsl(var(--sf-c-txt-yellow)) } +html[data-theme='dark'] .sf-c-txt-yellow\:0, html.dark .sf-c-txt-yellow\:0 { color: hsl(var(--sf-c-txt-yellow-0)) } +html[data-theme='dark'] .sf-c-txt-yellow\:10, html.dark .sf-c-txt-yellow\:10 { color: hsl(var(--sf-c-txt-yellow-10)) } +html[data-theme='dark'] .sf-c-txt-yellow\:20, html.dark .sf-c-txt-yellow\:20 { color: hsl(var(--sf-c-txt-yellow-20)) } +html[data-theme='dark'] .sf-c-txt-yellow\:30, html.dark .sf-c-txt-yellow\:30 { color: hsl(var(--sf-c-txt-yellow-30)) } +html[data-theme='dark'] .sf-c-txt-yellow\:40, html.dark .sf-c-txt-yellow\:40 { color: hsl(var(--sf-c-txt-yellow-40)) } +html[data-theme='dark'] .sf-c-txt-yellow\:50, html.dark .sf-c-txt-yellow\:50 { color: hsl(var(--sf-c-txt-yellow-50)) } +html[data-theme='dark'] .sf-c-txt-yellow\:60, html.dark .sf-c-txt-yellow\:60 { color: hsl(var(--sf-c-txt-yellow-60)) } +html[data-theme='dark'] .sf-c-txt-yellow\:70, html.dark .sf-c-txt-yellow\:70 { color: hsl(var(--sf-c-txt-yellow-70)) } +html[data-theme='dark'] .sf-c-txt-yellow\:80, html.dark .sf-c-txt-yellow\:80 { color: hsl(var(--sf-c-txt-yellow-80)) } +html[data-theme='dark'] .sf-c-txt-yellow\:90, html.dark .sf-c-txt-yellow\:90 { color: hsl(var(--sf-c-txt-yellow-90)) } +html[data-theme='dark'] .sf-c-txt-yellow\:100, html.dark .sf-c-txt-yellow\:100 { color: hsl(var(--sf-c-txt-yellow-100)) } + +html[data-theme='dark'] .sf-c-txt-yellow\:dark, html.dark .sf-c-txt-yellow\:dark { color: hsl(var(--sf-c-txt-yellow)) } +html[data-theme='dark'] .sf-c-txt-yellow\:0\:dark, html.dark .sf-c-txt-yellow\:0\:dark { color: hsl(var(--sf-dark-c-txt-yellow-0)) } +html[data-theme='dark'] .sf-c-txt-yellow\:10\:dark, html.dark .sf-c-txt-yellow\:10\:dark { color: hsl(var(--sf-dark-c-txt-yellow-10)) } +html[data-theme='dark'] .sf-c-txt-yellow\:20\:dark, html.dark .sf-c-txt-yellow\:20\:dark { color: hsl(var(--sf-dark-c-txt-yellow-20)) } +html[data-theme='dark'] .sf-c-txt-yellow\:30\:dark, html.dark .sf-c-txt-yellow\:30\:dark { color: hsl(var(--sf-dark-c-txt-yellow-30)) } +html[data-theme='dark'] .sf-c-txt-yellow\:40\:dark, html.dark .sf-c-txt-yellow\:40\:dark { color: hsl(var(--sf-dark-c-txt-yellow-40)) } +html[data-theme='dark'] .sf-c-txt-yellow\:50\:dark, html.dark .sf-c-txt-yellow\:50\:dark { color: hsl(var(--sf-dark-c-txt-yellow-50)) } +html[data-theme='dark'] .sf-c-txt-yellow\:60\:dark, html.dark .sf-c-txt-yellow\:60\:dark { color: hsl(var(--sf-dark-c-txt-yellow-60)) } +html[data-theme='dark'] .sf-c-txt-yellow\:70\:dark, html.dark .sf-c-txt-yellow\:70\:dark { color: hsl(var(--sf-dark-c-txt-yellow-70)) } +html[data-theme='dark'] .sf-c-txt-yellow\:80\:dark, html.dark .sf-c-txt-yellow\:80\:dark { color: hsl(var(--sf-dark-c-txt-yellow-80)) } +html[data-theme='dark'] .sf-c-txt-yellow\:90\:dark, html.dark .sf-c-txt-yellow\:90\:dark { color: hsl(var(--sf-dark-c-txt-yellow-90)) } +html[data-theme='dark'] .sf-c-txt-yellow\:100\:dark, html.dark .sf-c-txt-yellow\:100\:dark { color: hsl(var(--sf-dark-c-txt-yellow-100)) } + html.var[data-theme='dark'] .sf-c-yellow, html.var.dark .sf-c-yellow { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } html.var[data-theme='dark'] .sf-c-yellow\:0, html.var.dark .sf-c-yellow\:0 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 100%) } html.var[data-theme='dark'] .sf-c-yellow\:10, html.var.dark .sf-c-yellow\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-yellow\:80\:dark, html.var.dark .sf-c-yellow\: html.var[data-theme='dark'] .sf-c-yellow\:90\:dark, html.var.dark .sf-c-yellow\:90\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } html.var[data-theme='dark'] .sf-c-yellow\:100\:dark, html.var.dark .sf-c-yellow\:100\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-yellow, html.dark .sf-c-txt-yellow { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:0, html.dark .sf-c-txt-yellow\:0 { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:10, html.dark .sf-c-txt-yellow\:10 { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:20, html.dark .sf-c-txt-yellow\:20 { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:30, html.dark .sf-c-txt-yellow\:30 { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:40, html.dark .sf-c-txt-yellow\:40 { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:50, html.dark .sf-c-txt-yellow\:50 { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:60, html.dark .sf-c-txt-yellow\:60 { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:70, html.dark .sf-c-txt-yellow\:70 { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:80, html.dark .sf-c-txt-yellow\:80 { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:90, html.dark .sf-c-txt-yellow\:90 { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:100, html.dark .sf-c-txt-yellow\:100 { color: hsl(60, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-yellow\:dark, html.dark .sf-c-txt-yellow\:dark { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:0\:dark, html.dark .sf-c-txt-yellow\:0\:dark { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:10\:dark, html.dark .sf-c-txt-yellow\:10\:dark { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:20\:dark, html.dark .sf-c-txt-yellow\:20\:dark { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:30\:dark, html.dark .sf-c-txt-yellow\:30\:dark { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:40\:dark, html.dark .sf-c-txt-yellow\:40\:dark { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:50\:dark, html.dark .sf-c-txt-yellow\:50\:dark { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:60\:dark, html.dark .sf-c-txt-yellow\:60\:dark { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:70\:dark, html.dark .sf-c-txt-yellow\:70\:dark { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:80\:dark, html.dark .sf-c-txt-yellow\:80\:dark { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:90\:dark, html.dark .sf-c-txt-yellow\:90\:dark { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:100\:dark, html.dark .sf-c-txt-yellow\:100\:dark { color: hsl(60, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-yellow, html.auto .sf-c-yellow { color: hsl(var(--sf-dark-c-txt-yellow-10)); background: hsl(var(--sf-dark-c-yellow)) } html[data-theme='auto'] .sf-c-yellow\:0, html.auto .sf-c-yellow\:0 { color: hsl(var(--sf-dark-c-txt-yellow-90)); background: hsl(var(--sf-dark-c-yellow-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-yellow\:100\:dark, html.var.dark .sf-c-yellow\ html[data-theme='auto'] .sf-c-yellow\:90\:dark, html.auto .sf-c-yellow\:90\:dark { color: hsl(var(--sf-c-txt-yellow-90)); background: hsl(var(--sf-c-yellow-10)) } html[data-theme='auto'] .sf-c-yellow\:100\:dark, html.auto .sf-c-yellow\:100\:dark { color: hsl(var(--sf-c-txt-yellow-90)); background: hsl(var(--sf-c-yellow-0)) } + html[data-theme='auto'] .sf-c-txt-yellow, html.auto .sf-c-txt-yellow { color: hsl(var(--sf-c-txt-yellow)) } + html[data-theme='auto'] .sf-c-txt-yellow\:0, html.auto .sf-c-txt-yellow\:0 { color: hsl(var(--sf-c-txt-yellow-0)) } + html[data-theme='auto'] .sf-c-txt-yellow\:10, html.auto .sf-c-txt-yellow\:10 { color: hsl(var(--sf-c-txt-yellow-10)) } + html[data-theme='auto'] .sf-c-txt-yellow\:20, html.auto .sf-c-txt-yellow\:20 { color: hsl(var(--sf-c-txt-yellow-20)) } + html[data-theme='auto'] .sf-c-txt-yellow\:30, html.auto .sf-c-txt-yellow\:30 { color: hsl(var(--sf-c-txt-yellow-30)) } + html[data-theme='auto'] .sf-c-txt-yellow\:40, html.auto .sf-c-txt-yellow\:40 { color: hsl(var(--sf-c-txt-yellow-40)) } + html[data-theme='auto'] .sf-c-txt-yellow\:50, html.auto .sf-c-txt-yellow\:50 { color: hsl(var(--sf-c-txt-yellow-50)) } + html[data-theme='auto'] .sf-c-txt-yellow\:60, html.auto .sf-c-txt-yellow\:60 { color: hsl(var(--sf-c-txt-yellow-60)) } + html[data-theme='auto'] .sf-c-txt-yellow\:70, html.auto .sf-c-txt-yellow\:70 { color: hsl(var(--sf-c-txt-yellow-70)) } + html[data-theme='auto'] .sf-c-txt-yellow\:80, html.auto .sf-c-txt-yellow\:80 { color: hsl(var(--sf-c-txt-yellow-80)) } + html[data-theme='auto'] .sf-c-txt-yellow\:90, html.auto .sf-c-txt-yellow\:90 { color: hsl(var(--sf-c-txt-yellow-90)) } + html[data-theme='auto'] .sf-c-txt-yellow\:100, html.auto .sf-c-txt-yellow\:100 { color: hsl(var(--sf-c-txt-yellow-100)) } + + html[data-theme='auto'] .sf-c-txt-yellow\:dark, html.auto .sf-c-txt-yellow\:dark { color: hsl(var(--sf-c-txt-yellow)) } + html[data-theme='auto'] .sf-c-txt-yellow\:0\:dark, html.auto .sf-c-txt-yellow\:0\:dark { color: hsl(var(--sf-c-txt-yellow-0)) } + html[data-theme='auto'] .sf-c-txt-yellow\:10\:dark, html.auto .sf-c-txt-yellow\:10\:dark { color: hsl(var(--sf-c-txt-yellow-10)) } + html[data-theme='auto'] .sf-c-txt-yellow\:20\:dark, html.auto .sf-c-txt-yellow\:20\:dark { color: hsl(var(--sf-c-txt-yellow-20)) } + html[data-theme='auto'] .sf-c-txt-yellow\:30\:dark, html.auto .sf-c-txt-yellow\:30\:dark { color: hsl(var(--sf-c-txt-yellow-30)) } + html[data-theme='auto'] .sf-c-txt-yellow\:40\:dark, html.auto .sf-c-txt-yellow\:40\:dark { color: hsl(var(--sf-c-txt-yellow-40)) } + html[data-theme='auto'] .sf-c-txt-yellow\:50\:dark, html.auto .sf-c-txt-yellow\:50\:dark { color: hsl(var(--sf-c-txt-yellow-50)) } + html[data-theme='auto'] .sf-c-txt-yellow\:60\:dark, html.auto .sf-c-txt-yellow\:60\:dark { color: hsl(var(--sf-c-txt-yellow-60)) } + html[data-theme='auto'] .sf-c-txt-yellow\:70\:dark, html.auto .sf-c-txt-yellow\:70\:dark { color: hsl(var(--sf-c-txt-yellow-70)) } + html[data-theme='auto'] .sf-c-txt-yellow\:80\:dark, html.auto .sf-c-txt-yellow\:80\:dark { color: hsl(var(--sf-c-txt-yellow-80)) } + html[data-theme='auto'] .sf-c-txt-yellow\:90\:dark, html.auto .sf-c-txt-yellow\:90\:dark { color: hsl(var(--sf-c-txt-yellow-90)) } + html[data-theme='auto'] .sf-c-txt-yellow\:100\:dark, html.auto .sf-c-txt-yellow\:100\:dark { color: hsl(var(--sf-c-txt-yellow-100)) } + html.var[data-theme='auto'] .sf-c-yellow, html.var.auto .sf-c-yellow { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 50%) } html.var[data-theme='auto'] .sf-c-yellow\:0, html.var.auto .sf-c-yellow\:0 { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 100%) } html.var[data-theme='auto'] .sf-c-yellow\:10, html.var.auto .sf-c-yellow\:10 { color: hsl(60, 100%, 10%); background: hsl(60, 100%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-yellow\:100\:dark, html.var.dark .sf-c-yellow\ html.var[data-theme='auto'] .sf-c-yellow\:80\:dark, html.var.auto .sf-c-yellow\:80\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 20%) } html.var[data-theme='auto'] .sf-c-yellow\:90\:dark, html.var.auto .sf-c-yellow\:90\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 10%) } html.var[data-theme='auto'] .sf-c-yellow\:100\:dark, html.var.auto .sf-c-yellow\:100\:dark { color: hsl(60, 100%, 90%); background: hsl(60, 100%, 0%) } -} -.sf-c-txt-yellow { color: hsl(var(--sf-c-txt-yellow)) } -.sf-c-txt-yellow\:0 { color: hsl(var(--sf-c-txt-yellow-0)) } -.sf-c-txt-yellow\:10 { color: hsl(var(--sf-c-txt-yellow-10)) } -.sf-c-txt-yellow\:20 { color: hsl(var(--sf-c-txt-yellow-20)) } -.sf-c-txt-yellow\:30 { color: hsl(var(--sf-c-txt-yellow-30)) } -.sf-c-txt-yellow\:40 { color: hsl(var(--sf-c-txt-yellow-40)) } -.sf-c-txt-yellow\:50 { color: hsl(var(--sf-c-txt-yellow-50)) } -.sf-c-txt-yellow\:60 { color: hsl(var(--sf-c-txt-yellow-60)) } -.sf-c-txt-yellow\:70 { color: hsl(var(--sf-c-txt-yellow-70)) } -.sf-c-txt-yellow\:80 { color: hsl(var(--sf-c-txt-yellow-80)) } -.sf-c-txt-yellow\:90 { color: hsl(var(--sf-c-txt-yellow-90)) } -.sf-c-txt-yellow\:100 { color: hsl(var(--sf-c-txt-yellow-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-yellow, html.auto .sf-c-txt-yellow { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:0, html.auto .sf-c-txt-yellow\:0 { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:10, html.auto .sf-c-txt-yellow\:10 { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:20, html.auto .sf-c-txt-yellow\:20 { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:30, html.auto .sf-c-txt-yellow\:30 { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:40, html.auto .sf-c-txt-yellow\:40 { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:50, html.auto .sf-c-txt-yellow\:50 { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:60, html.auto .sf-c-txt-yellow\:60 { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:70, html.auto .sf-c-txt-yellow\:70 { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:80, html.auto .sf-c-txt-yellow\:80 { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:90, html.auto .sf-c-txt-yellow\:90 { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:100, html.auto .sf-c-txt-yellow\:100 { color: hsl(60, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-yellow\:dark, html.auto .sf-c-txt-yellow\:dark { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:0\:dark, html.auto .sf-c-txt-yellow\:0\:dark { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:10\:dark, html.auto .sf-c-txt-yellow\:10\:dark { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:20\:dark, html.auto .sf-c-txt-yellow\:20\:dark { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:30\:dark, html.auto .sf-c-txt-yellow\:30\:dark { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:40\:dark, html.auto .sf-c-txt-yellow\:40\:dark { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:50\:dark, html.auto .sf-c-txt-yellow\:50\:dark { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:60\:dark, html.auto .sf-c-txt-yellow\:60\:dark { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:70\:dark, html.auto .sf-c-txt-yellow\:70\:dark { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:80\:dark, html.auto .sf-c-txt-yellow\:80\:dark { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:90\:dark, html.auto .sf-c-txt-yellow\:90\:dark { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:100\:dark, html.auto .sf-c-txt-yellow\:100\:dark { color: hsl(60, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/10/yellowgreen.css b/src/colors/10/yellowgreen.css index b18dc0a..1325d49 100644 --- a/src/colors/10/yellowgreen.css +++ b/src/colors/10/yellowgreen.css @@ -78,6 +78,32 @@ html.var .sf-c-yellowgreen\:80 { color: hsl(80, 61%, 10%); background: hsl(80, 6 html.var .sf-c-yellowgreen\:90 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 90%) } html.var .sf-c-yellowgreen\:100 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 100%) } +.sf-c-txt-yellowgreen { color: hsl(var(--sf-dark-c-txt-yellowgreen)) } +.sf-c-txt-yellowgreen\:0 { color: hsl(var(--sf-dark-c-txt-yellowgreen-100)) } +.sf-c-txt-yellowgreen\:10 { color: hsl(var(--sf-dark-c-txt-yellowgreen-90)) } +.sf-c-txt-yellowgreen\:20 { color: hsl(var(--sf-dark-c-txt-yellowgreen-80)) } +.sf-c-txt-yellowgreen\:30 { color: hsl(var(--sf-dark-c-txt-yellowgreen-70)) } +.sf-c-txt-yellowgreen\:40 { color: hsl(var(--sf-dark-c-txt-yellowgreen-60)) } +.sf-c-txt-yellowgreen\:50 { color: hsl(var(--sf-dark-c-txt-yellowgreen-50)) } +.sf-c-txt-yellowgreen\:60 { color: hsl(var(--sf-dark-c-txt-yellowgreen-40)) } +.sf-c-txt-yellowgreen\:70 { color: hsl(var(--sf-dark-c-txt-yellowgreen-30)) } +.sf-c-txt-yellowgreen\:80 { color: hsl(var(--sf-dark-c-txt-yellowgreen-20)) } +.sf-c-txt-yellowgreen\:90 { color: hsl(var(--sf-dark-c-txt-yellowgreen-10)) } +.sf-c-txt-yellowgreen\:100 { color: hsl(var(--sf-dark-c-txt-yellowgreen-0)) } + +html.var .sf-c-txt-yellowgreen { color: hsl(80, 61%, 50%) } +html.var .sf-c-txt-yellowgreen\:0 { color: hsl(80, 61%, 100%) } +html.var .sf-c-txt-yellowgreen\:10 { color: hsl(80, 61%, 90%) } +html.var .sf-c-txt-yellowgreen\:20 { color: hsl(80, 61%, 80%) } +html.var .sf-c-txt-yellowgreen\:30 { color: hsl(80, 61%, 70%) } +html.var .sf-c-txt-yellowgreen\:40 { color: hsl(80, 61%, 60%) } +html.var .sf-c-txt-yellowgreen\:50 { color: hsl(80, 61%, 50%) } +html.var .sf-c-txt-yellowgreen\:60 { color: hsl(80, 61%, 40%) } +html.var .sf-c-txt-yellowgreen\:70 { color: hsl(80, 61%, 30%) } +html.var .sf-c-txt-yellowgreen\:80 { color: hsl(80, 61%, 20%) } +html.var .sf-c-txt-yellowgreen\:90 { color: hsl(80, 61%, 10%) } +html.var .sf-c-txt-yellowgreen\:100 { color: hsl(80, 61%, 0%) } + html[data-theme='dark'] .sf-c-yellowgreen, html.dark .sf-c-yellowgreen { color: hsl(var(--sf-dark-c-txt-yellowgreen-10)); background: hsl(var(--sf-dark-c-yellowgreen)) } html[data-theme='dark'] .sf-c-yellowgreen\:0, html.dark .sf-c-yellowgreen\:0 { color: hsl(var(--sf-dark-c-txt-yellowgreen-90)); background: hsl(var(--sf-dark-c-yellowgreen-100)) } html[data-theme='dark'] .sf-c-yellowgreen\:10, html.dark .sf-c-yellowgreen\:10 { color: hsl(var(--sf-dark-c-txt-yellowgreen-10)); background: hsl(var(--sf-dark-c-yellowgreen-90)) } @@ -104,6 +130,32 @@ html[data-theme='dark'] .sf-c-yellowgreen\:80\:dark, html.dark .sf-c-yellowgreen html[data-theme='dark'] .sf-c-yellowgreen\:90\:dark, html.dark .sf-c-yellowgreen\:90\:dark { color: hsl(var(--sf-c-txt-yellowgreen-90)); background: hsl(var(--sf-c-yellowgreen-10)) } html[data-theme='dark'] .sf-c-yellowgreen\:100\:dark, html.dark .sf-c-yellowgreen\:100\:dark { color: hsl(var(--sf-c-txt-yellowgreen-90)); background: hsl(var(--sf-c-yellowgreen-0)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen, html.dark .sf-c-txt-yellowgreen { color: hsl(var(--sf-c-txt-yellowgreen)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:0, html.dark .sf-c-txt-yellowgreen\:0 { color: hsl(var(--sf-c-txt-yellowgreen-0)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:10, html.dark .sf-c-txt-yellowgreen\:10 { color: hsl(var(--sf-c-txt-yellowgreen-10)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:20, html.dark .sf-c-txt-yellowgreen\:20 { color: hsl(var(--sf-c-txt-yellowgreen-20)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:30, html.dark .sf-c-txt-yellowgreen\:30 { color: hsl(var(--sf-c-txt-yellowgreen-30)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:40, html.dark .sf-c-txt-yellowgreen\:40 { color: hsl(var(--sf-c-txt-yellowgreen-40)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:50, html.dark .sf-c-txt-yellowgreen\:50 { color: hsl(var(--sf-c-txt-yellowgreen-50)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:60, html.dark .sf-c-txt-yellowgreen\:60 { color: hsl(var(--sf-c-txt-yellowgreen-60)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:70, html.dark .sf-c-txt-yellowgreen\:70 { color: hsl(var(--sf-c-txt-yellowgreen-70)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:80, html.dark .sf-c-txt-yellowgreen\:80 { color: hsl(var(--sf-c-txt-yellowgreen-80)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:90, html.dark .sf-c-txt-yellowgreen\:90 { color: hsl(var(--sf-c-txt-yellowgreen-90)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:100, html.dark .sf-c-txt-yellowgreen\:100 { color: hsl(var(--sf-c-txt-yellowgreen-100)) } + +html[data-theme='dark'] .sf-c-txt-yellowgreen\:dark, html.dark .sf-c-txt-yellowgreen\:dark { color: hsl(var(--sf-c-txt-yellowgreen)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:0\:dark, html.dark .sf-c-txt-yellowgreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-0)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:10\:dark, html.dark .sf-c-txt-yellowgreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-10)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:20\:dark, html.dark .sf-c-txt-yellowgreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-20)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:30\:dark, html.dark .sf-c-txt-yellowgreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-30)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:40\:dark, html.dark .sf-c-txt-yellowgreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-40)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:50\:dark, html.dark .sf-c-txt-yellowgreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-50)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:60\:dark, html.dark .sf-c-txt-yellowgreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-60)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:70\:dark, html.dark .sf-c-txt-yellowgreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-70)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:80\:dark, html.dark .sf-c-txt-yellowgreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-80)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:90\:dark, html.dark .sf-c-txt-yellowgreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-90)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:100\:dark, html.dark .sf-c-txt-yellowgreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-100)) } + html.var[data-theme='dark'] .sf-c-yellowgreen, html.var.dark .sf-c-yellowgreen { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 50%) } html.var[data-theme='dark'] .sf-c-yellowgreen\:0, html.var.dark .sf-c-yellowgreen\:0 { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 100%) } html.var[data-theme='dark'] .sf-c-yellowgreen\:10, html.var.dark .sf-c-yellowgreen\:10 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 90%) } @@ -130,6 +182,32 @@ html.var[data-theme='dark'] .sf-c-yellowgreen\:80\:dark, html.var.dark .sf-c-yel html.var[data-theme='dark'] .sf-c-yellowgreen\:90\:dark, html.var.dark .sf-c-yellowgreen\:90\:dark { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 10%) } html.var[data-theme='dark'] .sf-c-yellowgreen\:100\:dark, html.var.dark .sf-c-yellowgreen\:100\:dark { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen, html.dark .sf-c-txt-yellowgreen { color: hsl(80, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:0, html.dark .sf-c-txt-yellowgreen\:0 { color: hsl(80, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:10, html.dark .sf-c-txt-yellowgreen\:10 { color: hsl(80, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:20, html.dark .sf-c-txt-yellowgreen\:20 { color: hsl(80, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:30, html.dark .sf-c-txt-yellowgreen\:30 { color: hsl(80, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:40, html.dark .sf-c-txt-yellowgreen\:40 { color: hsl(80, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:50, html.dark .sf-c-txt-yellowgreen\:50 { color: hsl(80, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:60, html.dark .sf-c-txt-yellowgreen\:60 { color: hsl(80, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:70, html.dark .sf-c-txt-yellowgreen\:70 { color: hsl(80, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:80, html.dark .sf-c-txt-yellowgreen\:80 { color: hsl(80, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:90, html.dark .sf-c-txt-yellowgreen\:90 { color: hsl(80, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:100, html.dark .sf-c-txt-yellowgreen\:100 { color: hsl(80, 61%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:dark, html.dark .sf-c-txt-yellowgreen\:dark { color: hsl(80, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:0\:dark, html.dark .sf-c-txt-yellowgreen\:0\:dark { color: hsl(80, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:10\:dark, html.dark .sf-c-txt-yellowgreen\:10\:dark { color: hsl(80, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:20\:dark, html.dark .sf-c-txt-yellowgreen\:20\:dark { color: hsl(80, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:30\:dark, html.dark .sf-c-txt-yellowgreen\:30\:dark { color: hsl(80, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:40\:dark, html.dark .sf-c-txt-yellowgreen\:40\:dark { color: hsl(80, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:50\:dark, html.dark .sf-c-txt-yellowgreen\:50\:dark { color: hsl(80, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:60\:dark, html.dark .sf-c-txt-yellowgreen\:60\:dark { color: hsl(80, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:70\:dark, html.dark .sf-c-txt-yellowgreen\:70\:dark { color: hsl(80, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:80\:dark, html.dark .sf-c-txt-yellowgreen\:80\:dark { color: hsl(80, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:90\:dark, html.dark .sf-c-txt-yellowgreen\:90\:dark { color: hsl(80, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:100\:dark, html.dark .sf-c-txt-yellowgreen\:100\:dark { color: hsl(80, 61%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-yellowgreen, html.auto .sf-c-yellowgreen { color: hsl(var(--sf-dark-c-txt-yellowgreen-10)); background: hsl(var(--sf-dark-c-yellowgreen)) } html[data-theme='auto'] .sf-c-yellowgreen\:0, html.auto .sf-c-yellowgreen\:0 { color: hsl(var(--sf-dark-c-txt-yellowgreen-90)); background: hsl(var(--sf-dark-c-yellowgreen-100)) } @@ -157,6 +235,32 @@ html.var[data-theme='dark'] .sf-c-yellowgreen\:100\:dark, html.var.dark .sf-c-ye html[data-theme='auto'] .sf-c-yellowgreen\:90\:dark, html.auto .sf-c-yellowgreen\:90\:dark { color: hsl(var(--sf-c-txt-yellowgreen-90)); background: hsl(var(--sf-c-yellowgreen-10)) } html[data-theme='auto'] .sf-c-yellowgreen\:100\:dark, html.auto .sf-c-yellowgreen\:100\:dark { color: hsl(var(--sf-c-txt-yellowgreen-90)); background: hsl(var(--sf-c-yellowgreen-0)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen, html.auto .sf-c-txt-yellowgreen { color: hsl(var(--sf-c-txt-yellowgreen)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:0, html.auto .sf-c-txt-yellowgreen\:0 { color: hsl(var(--sf-c-txt-yellowgreen-0)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:10, html.auto .sf-c-txt-yellowgreen\:10 { color: hsl(var(--sf-c-txt-yellowgreen-10)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:20, html.auto .sf-c-txt-yellowgreen\:20 { color: hsl(var(--sf-c-txt-yellowgreen-20)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:30, html.auto .sf-c-txt-yellowgreen\:30 { color: hsl(var(--sf-c-txt-yellowgreen-30)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:40, html.auto .sf-c-txt-yellowgreen\:40 { color: hsl(var(--sf-c-txt-yellowgreen-40)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:50, html.auto .sf-c-txt-yellowgreen\:50 { color: hsl(var(--sf-c-txt-yellowgreen-50)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:60, html.auto .sf-c-txt-yellowgreen\:60 { color: hsl(var(--sf-c-txt-yellowgreen-60)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:70, html.auto .sf-c-txt-yellowgreen\:70 { color: hsl(var(--sf-c-txt-yellowgreen-70)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:80, html.auto .sf-c-txt-yellowgreen\:80 { color: hsl(var(--sf-c-txt-yellowgreen-80)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:90, html.auto .sf-c-txt-yellowgreen\:90 { color: hsl(var(--sf-c-txt-yellowgreen-90)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:100, html.auto .sf-c-txt-yellowgreen\:100 { color: hsl(var(--sf-c-txt-yellowgreen-100)) } + + html[data-theme='auto'] .sf-c-txt-yellowgreen\:dark, html.auto .sf-c-txt-yellowgreen\:dark { color: hsl(var(--sf-c-txt-yellowgreen)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:0\:dark, html.auto .sf-c-txt-yellowgreen\:0\:dark { color: hsl(var(--sf-c-txt-yellowgreen-0)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:10\:dark, html.auto .sf-c-txt-yellowgreen\:10\:dark { color: hsl(var(--sf-c-txt-yellowgreen-10)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:20\:dark, html.auto .sf-c-txt-yellowgreen\:20\:dark { color: hsl(var(--sf-c-txt-yellowgreen-20)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:30\:dark, html.auto .sf-c-txt-yellowgreen\:30\:dark { color: hsl(var(--sf-c-txt-yellowgreen-30)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:40\:dark, html.auto .sf-c-txt-yellowgreen\:40\:dark { color: hsl(var(--sf-c-txt-yellowgreen-40)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:50\:dark, html.auto .sf-c-txt-yellowgreen\:50\:dark { color: hsl(var(--sf-c-txt-yellowgreen-50)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:60\:dark, html.auto .sf-c-txt-yellowgreen\:60\:dark { color: hsl(var(--sf-c-txt-yellowgreen-60)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:70\:dark, html.auto .sf-c-txt-yellowgreen\:70\:dark { color: hsl(var(--sf-c-txt-yellowgreen-70)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:80\:dark, html.auto .sf-c-txt-yellowgreen\:80\:dark { color: hsl(var(--sf-c-txt-yellowgreen-80)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:90\:dark, html.auto .sf-c-txt-yellowgreen\:90\:dark { color: hsl(var(--sf-c-txt-yellowgreen-90)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:100\:dark, html.auto .sf-c-txt-yellowgreen\:100\:dark { color: hsl(var(--sf-c-txt-yellowgreen-100)) } + html.var[data-theme='auto'] .sf-c-yellowgreen, html.var.auto .sf-c-yellowgreen { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 50%) } html.var[data-theme='auto'] .sf-c-yellowgreen\:0, html.var.auto .sf-c-yellowgreen\:0 { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 100%) } html.var[data-theme='auto'] .sf-c-yellowgreen\:10, html.var.auto .sf-c-yellowgreen\:10 { color: hsl(80, 61%, 10%); background: hsl(80, 61%, 90%) } @@ -182,17 +286,30 @@ html.var[data-theme='dark'] .sf-c-yellowgreen\:100\:dark, html.var.dark .sf-c-ye html.var[data-theme='auto'] .sf-c-yellowgreen\:80\:dark, html.var.auto .sf-c-yellowgreen\:80\:dark { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 20%) } html.var[data-theme='auto'] .sf-c-yellowgreen\:90\:dark, html.var.auto .sf-c-yellowgreen\:90\:dark { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 10%) } html.var[data-theme='auto'] .sf-c-yellowgreen\:100\:dark, html.var.auto .sf-c-yellowgreen\:100\:dark { color: hsl(80, 61%, 90%); background: hsl(80, 61%, 0%) } -} -.sf-c-txt-yellowgreen { color: hsl(var(--sf-c-txt-yellowgreen)) } -.sf-c-txt-yellowgreen\:0 { color: hsl(var(--sf-c-txt-yellowgreen-0)) } -.sf-c-txt-yellowgreen\:10 { color: hsl(var(--sf-c-txt-yellowgreen-10)) } -.sf-c-txt-yellowgreen\:20 { color: hsl(var(--sf-c-txt-yellowgreen-20)) } -.sf-c-txt-yellowgreen\:30 { color: hsl(var(--sf-c-txt-yellowgreen-30)) } -.sf-c-txt-yellowgreen\:40 { color: hsl(var(--sf-c-txt-yellowgreen-40)) } -.sf-c-txt-yellowgreen\:50 { color: hsl(var(--sf-c-txt-yellowgreen-50)) } -.sf-c-txt-yellowgreen\:60 { color: hsl(var(--sf-c-txt-yellowgreen-60)) } -.sf-c-txt-yellowgreen\:70 { color: hsl(var(--sf-c-txt-yellowgreen-70)) } -.sf-c-txt-yellowgreen\:80 { color: hsl(var(--sf-c-txt-yellowgreen-80)) } -.sf-c-txt-yellowgreen\:90 { color: hsl(var(--sf-c-txt-yellowgreen-90)) } -.sf-c-txt-yellowgreen\:100 { color: hsl(var(--sf-c-txt-yellowgreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-yellowgreen, html.auto .sf-c-txt-yellowgreen { color: hsl(80, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:0, html.auto .sf-c-txt-yellowgreen\:0 { color: hsl(80, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:10, html.auto .sf-c-txt-yellowgreen\:10 { color: hsl(80, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:20, html.auto .sf-c-txt-yellowgreen\:20 { color: hsl(80, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:30, html.auto .sf-c-txt-yellowgreen\:30 { color: hsl(80, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:40, html.auto .sf-c-txt-yellowgreen\:40 { color: hsl(80, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:50, html.auto .sf-c-txt-yellowgreen\:50 { color: hsl(80, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:60, html.auto .sf-c-txt-yellowgreen\:60 { color: hsl(80, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:70, html.auto .sf-c-txt-yellowgreen\:70 { color: hsl(80, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:80, html.auto .sf-c-txt-yellowgreen\:80 { color: hsl(80, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:90, html.auto .sf-c-txt-yellowgreen\:90 { color: hsl(80, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:100, html.auto .sf-c-txt-yellowgreen\:100 { color: hsl(80, 61%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:dark, html.auto .sf-c-txt-yellowgreen\:dark { color: hsl(80, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:0\:dark, html.auto .sf-c-txt-yellowgreen\:0\:dark { color: hsl(80, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:10\:dark, html.auto .sf-c-txt-yellowgreen\:10\:dark { color: hsl(80, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:20\:dark, html.auto .sf-c-txt-yellowgreen\:20\:dark { color: hsl(80, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:30\:dark, html.auto .sf-c-txt-yellowgreen\:30\:dark { color: hsl(80, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:40\:dark, html.auto .sf-c-txt-yellowgreen\:40\:dark { color: hsl(80, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:50\:dark, html.auto .sf-c-txt-yellowgreen\:50\:dark { color: hsl(80, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:60\:dark, html.auto .sf-c-txt-yellowgreen\:60\:dark { color: hsl(80, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:70\:dark, html.auto .sf-c-txt-yellowgreen\:70\:dark { color: hsl(80, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:80\:dark, html.auto .sf-c-txt-yellowgreen\:80\:dark { color: hsl(80, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:90\:dark, html.auto .sf-c-txt-yellowgreen\:90\:dark { color: hsl(80, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:100\:dark, html.auto .sf-c-txt-yellowgreen\:100\:dark { color: hsl(80, 61%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/aliceblue.css b/src/colors/20/aliceblue.css index 5a9d1c8..7bb9cb2 100644 --- a/src/colors/20/aliceblue.css +++ b/src/colors/20/aliceblue.css @@ -138,6 +138,52 @@ html.var .sf-c-aliceblue\:90 { color: hsl(208, 100%, 5%); background: hsl(208, 1 html.var .sf-c-aliceblue\:95 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 95%) } html.var .sf-c-aliceblue\:100 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 100%) } +.sf-c-txt-aliceblue { color: hsl(var(--sf-dark-c-txt-aliceblue)) } +.sf-c-txt-aliceblue\:0 { color: hsl(var(--sf-dark-c-txt-aliceblue-100)) } +.sf-c-txt-aliceblue\:5 { color: hsl(var(--sf-dark-c-txt-aliceblue-95)) } +.sf-c-txt-aliceblue\:10 { color: hsl(var(--sf-dark-c-txt-aliceblue-90)) } +.sf-c-txt-aliceblue\:15 { color: hsl(var(--sf-dark-c-txt-aliceblue-85)) } +.sf-c-txt-aliceblue\:20 { color: hsl(var(--sf-dark-c-txt-aliceblue-80)) } +.sf-c-txt-aliceblue\:25 { color: hsl(var(--sf-dark-c-txt-aliceblue-75)) } +.sf-c-txt-aliceblue\:30 { color: hsl(var(--sf-dark-c-txt-aliceblue-70)) } +.sf-c-txt-aliceblue\:35 { color: hsl(var(--sf-dark-c-txt-aliceblue-65)) } +.sf-c-txt-aliceblue\:40 { color: hsl(var(--sf-dark-c-txt-aliceblue-60)) } +.sf-c-txt-aliceblue\:45 { color: hsl(var(--sf-dark-c-txt-aliceblue-55)) } +.sf-c-txt-aliceblue\:50 { color: hsl(var(--sf-dark-c-txt-aliceblue-50)) } +.sf-c-txt-aliceblue\:55 { color: hsl(var(--sf-dark-c-txt-aliceblue-45)) } +.sf-c-txt-aliceblue\:60 { color: hsl(var(--sf-dark-c-txt-aliceblue-40)) } +.sf-c-txt-aliceblue\:65 { color: hsl(var(--sf-dark-c-txt-aliceblue-35)) } +.sf-c-txt-aliceblue\:70 { color: hsl(var(--sf-dark-c-txt-aliceblue-30)) } +.sf-c-txt-aliceblue\:75 { color: hsl(var(--sf-dark-c-txt-aliceblue-25)) } +.sf-c-txt-aliceblue\:80 { color: hsl(var(--sf-dark-c-txt-aliceblue-20)) } +.sf-c-txt-aliceblue\:85 { color: hsl(var(--sf-dark-c-txt-aliceblue-15)) } +.sf-c-txt-aliceblue\:90 { color: hsl(var(--sf-dark-c-txt-aliceblue-10)) } +.sf-c-txt-aliceblue\:95 { color: hsl(var(--sf-dark-c-txt-aliceblue-5)) } +.sf-c-txt-aliceblue\:100 { color: hsl(var(--sf-dark-c-txt-aliceblue-0)) } + +html.var .sf-c-txt-aliceblue { color: hsl(208, 100%, 3%) } +html.var .sf-c-txt-aliceblue\:0 { color: hsl(208, 100%, 100%) } +html.var .sf-c-txt-aliceblue\:5 { color: hsl(208, 100%, 95%) } +html.var .sf-c-txt-aliceblue\:10 { color: hsl(208, 100%, 90%) } +html.var .sf-c-txt-aliceblue\:15 { color: hsl(208, 100%, 85%) } +html.var .sf-c-txt-aliceblue\:20 { color: hsl(208, 100%, 80%) } +html.var .sf-c-txt-aliceblue\:25 { color: hsl(208, 100%, 75%) } +html.var .sf-c-txt-aliceblue\:30 { color: hsl(208, 100%, 70%) } +html.var .sf-c-txt-aliceblue\:35 { color: hsl(208, 100%, 65%) } +html.var .sf-c-txt-aliceblue\:40 { color: hsl(208, 100%, 60%) } +html.var .sf-c-txt-aliceblue\:45 { color: hsl(208, 100%, 55%) } +html.var .sf-c-txt-aliceblue\:50 { color: hsl(208, 100%, 50%) } +html.var .sf-c-txt-aliceblue\:55 { color: hsl(208, 100%, 45%) } +html.var .sf-c-txt-aliceblue\:60 { color: hsl(208, 100%, 40%) } +html.var .sf-c-txt-aliceblue\:65 { color: hsl(208, 100%, 35%) } +html.var .sf-c-txt-aliceblue\:70 { color: hsl(208, 100%, 30%) } +html.var .sf-c-txt-aliceblue\:75 { color: hsl(208, 100%, 25%) } +html.var .sf-c-txt-aliceblue\:80 { color: hsl(208, 100%, 20%) } +html.var .sf-c-txt-aliceblue\:85 { color: hsl(208, 100%, 15%) } +html.var .sf-c-txt-aliceblue\:90 { color: hsl(208, 100%, 10%) } +html.var .sf-c-txt-aliceblue\:95 { color: hsl(208, 100%, 5%) } +html.var .sf-c-txt-aliceblue\:100 { color: hsl(208, 100%, 0%) } + html[data-theme='dark'] .sf-c-aliceblue, html.dark .sf-c-aliceblue { color: hsl(var(--sf-dark-c-txt-aliceblue-95)); background: hsl(var(--sf-dark-c-aliceblue)) } html[data-theme='dark'] .sf-c-aliceblue\:0, html.dark .sf-c-aliceblue\:0 { color: hsl(var(--sf-dark-c-txt-aliceblue-95)); background: hsl(var(--sf-dark-c-aliceblue-100)) } html[data-theme='dark'] .sf-c-aliceblue\:5, html.dark .sf-c-aliceblue\:5 { color: hsl(var(--sf-dark-c-txt-aliceblue-5)); background: hsl(var(--sf-dark-c-aliceblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-aliceblue\:90\:dark, html.dark .sf-c-aliceblue\:90 html[data-theme='dark'] .sf-c-aliceblue\:95\:dark, html.dark .sf-c-aliceblue\:95\:dark { color: hsl(var(--sf-c-txt-aliceblue-95)); background: hsl(var(--sf-c-aliceblue-5)) } html[data-theme='dark'] .sf-c-aliceblue\:100\:dark, html.dark .sf-c-aliceblue\:100\:dark { color: hsl(var(--sf-c-txt-aliceblue-95)); background: hsl(var(--sf-c-aliceblue-0)) } +html[data-theme='dark'] .sf-c-txt-aliceblue, html.dark .sf-c-txt-aliceblue { color: hsl(var(--sf-c-txt-aliceblue)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:0, html.dark .sf-c-txt-aliceblue\:0 { color: hsl(var(--sf-c-txt-aliceblue-0)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:5, html.dark .sf-c-txt-aliceblue\:5 { color: hsl(var(--sf-c-txt-aliceblue-5)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:10, html.dark .sf-c-txt-aliceblue\:10 { color: hsl(var(--sf-c-txt-aliceblue-10)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:15, html.dark .sf-c-txt-aliceblue\:15 { color: hsl(var(--sf-c-txt-aliceblue-15)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:20, html.dark .sf-c-txt-aliceblue\:20 { color: hsl(var(--sf-c-txt-aliceblue-20)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:25, html.dark .sf-c-txt-aliceblue\:25 { color: hsl(var(--sf-c-txt-aliceblue-25)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:30, html.dark .sf-c-txt-aliceblue\:30 { color: hsl(var(--sf-c-txt-aliceblue-30)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:35, html.dark .sf-c-txt-aliceblue\:35 { color: hsl(var(--sf-c-txt-aliceblue-35)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:40, html.dark .sf-c-txt-aliceblue\:40 { color: hsl(var(--sf-c-txt-aliceblue-40)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:45, html.dark .sf-c-txt-aliceblue\:45 { color: hsl(var(--sf-c-txt-aliceblue-45)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:50, html.dark .sf-c-txt-aliceblue\:50 { color: hsl(var(--sf-c-txt-aliceblue-50)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:55, html.dark .sf-c-txt-aliceblue\:55 { color: hsl(var(--sf-c-txt-aliceblue-55)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:60, html.dark .sf-c-txt-aliceblue\:60 { color: hsl(var(--sf-c-txt-aliceblue-60)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:65, html.dark .sf-c-txt-aliceblue\:65 { color: hsl(var(--sf-c-txt-aliceblue-65)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:70, html.dark .sf-c-txt-aliceblue\:70 { color: hsl(var(--sf-c-txt-aliceblue-70)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:75, html.dark .sf-c-txt-aliceblue\:75 { color: hsl(var(--sf-c-txt-aliceblue-75)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:80, html.dark .sf-c-txt-aliceblue\:80 { color: hsl(var(--sf-c-txt-aliceblue-80)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:85, html.dark .sf-c-txt-aliceblue\:85 { color: hsl(var(--sf-c-txt-aliceblue-85)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:90, html.dark .sf-c-txt-aliceblue\:90 { color: hsl(var(--sf-c-txt-aliceblue-90)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:95, html.dark .sf-c-txt-aliceblue\:95 { color: hsl(var(--sf-c-txt-aliceblue-95)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:100, html.dark .sf-c-txt-aliceblue\:100 { color: hsl(var(--sf-c-txt-aliceblue-100)) } + +html[data-theme='dark'] .sf-c-txt-aliceblue\:dark, html.dark .sf-c-txt-aliceblue\:dark { color: hsl(var(--sf-c-txt-aliceblue)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:0\:dark, html.dark .sf-c-txt-aliceblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-0)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:5\:dark, html.dark .sf-c-txt-aliceblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-5)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:10\:dark, html.dark .sf-c-txt-aliceblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-10)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:15\:dark, html.dark .sf-c-txt-aliceblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-15)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:20\:dark, html.dark .sf-c-txt-aliceblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-20)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:25\:dark, html.dark .sf-c-txt-aliceblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-25)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:30\:dark, html.dark .sf-c-txt-aliceblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-30)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:35\:dark, html.dark .sf-c-txt-aliceblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-35)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:40\:dark, html.dark .sf-c-txt-aliceblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-40)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:45\:dark, html.dark .sf-c-txt-aliceblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-45)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:50\:dark, html.dark .sf-c-txt-aliceblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-50)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:55\:dark, html.dark .sf-c-txt-aliceblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-55)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:60\:dark, html.dark .sf-c-txt-aliceblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-60)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:65\:dark, html.dark .sf-c-txt-aliceblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-65)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:70\:dark, html.dark .sf-c-txt-aliceblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-70)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:75\:dark, html.dark .sf-c-txt-aliceblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-75)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:80\:dark, html.dark .sf-c-txt-aliceblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-80)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:85\:dark, html.dark .sf-c-txt-aliceblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-85)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:90\:dark, html.dark .sf-c-txt-aliceblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-90)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:95\:dark, html.dark .sf-c-txt-aliceblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-95)) } +html[data-theme='dark'] .sf-c-txt-aliceblue\:100\:dark, html.dark .sf-c-txt-aliceblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-aliceblue-100)) } + html.var[data-theme='dark'] .sf-c-aliceblue, html.var.dark .sf-c-aliceblue { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 3%) } html.var[data-theme='dark'] .sf-c-aliceblue\:0, html.var.dark .sf-c-aliceblue\:0 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 100%) } html.var[data-theme='dark'] .sf-c-aliceblue\:5, html.var.dark .sf-c-aliceblue\:5 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-aliceblue\:90\:dark, html.var.dark .sf-c-alice html.var[data-theme='dark'] .sf-c-aliceblue\:95\:dark, html.var.dark .sf-c-aliceblue\:95\:dark { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 5%) } html.var[data-theme='dark'] .sf-c-aliceblue\:100\:dark, html.var.dark .sf-c-aliceblue\:100\:dark { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue, html.dark .sf-c-txt-aliceblue { color: hsl(208, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:0, html.dark .sf-c-txt-aliceblue\:0 { color: hsl(208, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:5, html.dark .sf-c-txt-aliceblue\:5 { color: hsl(208, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:10, html.dark .sf-c-txt-aliceblue\:10 { color: hsl(208, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:15, html.dark .sf-c-txt-aliceblue\:15 { color: hsl(208, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:20, html.dark .sf-c-txt-aliceblue\:20 { color: hsl(208, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:25, html.dark .sf-c-txt-aliceblue\:25 { color: hsl(208, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:30, html.dark .sf-c-txt-aliceblue\:30 { color: hsl(208, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:35, html.dark .sf-c-txt-aliceblue\:35 { color: hsl(208, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:40, html.dark .sf-c-txt-aliceblue\:40 { color: hsl(208, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:45, html.dark .sf-c-txt-aliceblue\:45 { color: hsl(208, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:50, html.dark .sf-c-txt-aliceblue\:50 { color: hsl(208, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:55, html.dark .sf-c-txt-aliceblue\:55 { color: hsl(208, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:60, html.dark .sf-c-txt-aliceblue\:60 { color: hsl(208, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:65, html.dark .sf-c-txt-aliceblue\:65 { color: hsl(208, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:70, html.dark .sf-c-txt-aliceblue\:70 { color: hsl(208, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:75, html.dark .sf-c-txt-aliceblue\:75 { color: hsl(208, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:80, html.dark .sf-c-txt-aliceblue\:80 { color: hsl(208, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:85, html.dark .sf-c-txt-aliceblue\:85 { color: hsl(208, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:90, html.dark .sf-c-txt-aliceblue\:90 { color: hsl(208, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:95, html.dark .sf-c-txt-aliceblue\:95 { color: hsl(208, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:100, html.dark .sf-c-txt-aliceblue\:100 { color: hsl(208, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:dark, html.dark .sf-c-txt-aliceblue\:dark { color: hsl(208, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:0\:dark, html.dark .sf-c-txt-aliceblue\:0\:dark { color: hsl(208, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:5\:dark, html.dark .sf-c-txt-aliceblue\:5\:dark { color: hsl(208, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:10\:dark, html.dark .sf-c-txt-aliceblue\:10\:dark { color: hsl(208, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:15\:dark, html.dark .sf-c-txt-aliceblue\:15\:dark { color: hsl(208, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:20\:dark, html.dark .sf-c-txt-aliceblue\:20\:dark { color: hsl(208, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:25\:dark, html.dark .sf-c-txt-aliceblue\:25\:dark { color: hsl(208, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:30\:dark, html.dark .sf-c-txt-aliceblue\:30\:dark { color: hsl(208, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:35\:dark, html.dark .sf-c-txt-aliceblue\:35\:dark { color: hsl(208, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:40\:dark, html.dark .sf-c-txt-aliceblue\:40\:dark { color: hsl(208, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:45\:dark, html.dark .sf-c-txt-aliceblue\:45\:dark { color: hsl(208, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:50\:dark, html.dark .sf-c-txt-aliceblue\:50\:dark { color: hsl(208, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:55\:dark, html.dark .sf-c-txt-aliceblue\:55\:dark { color: hsl(208, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:60\:dark, html.dark .sf-c-txt-aliceblue\:60\:dark { color: hsl(208, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:65\:dark, html.dark .sf-c-txt-aliceblue\:65\:dark { color: hsl(208, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:70\:dark, html.dark .sf-c-txt-aliceblue\:70\:dark { color: hsl(208, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:75\:dark, html.dark .sf-c-txt-aliceblue\:75\:dark { color: hsl(208, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:80\:dark, html.dark .sf-c-txt-aliceblue\:80\:dark { color: hsl(208, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:85\:dark, html.dark .sf-c-txt-aliceblue\:85\:dark { color: hsl(208, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:90\:dark, html.dark .sf-c-txt-aliceblue\:90\:dark { color: hsl(208, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:95\:dark, html.dark .sf-c-txt-aliceblue\:95\:dark { color: hsl(208, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-aliceblue\:100\:dark, html.dark .sf-c-txt-aliceblue\:100\:dark { color: hsl(208, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-aliceblue, html.auto .sf-c-aliceblue { color: hsl(var(--sf-dark-c-txt-aliceblue-95)); background: hsl(var(--sf-dark-c-aliceblue)) } html[data-theme='auto'] .sf-c-aliceblue\:0, html.auto .sf-c-aliceblue\:0 { color: hsl(var(--sf-dark-c-txt-aliceblue-95)); background: hsl(var(--sf-dark-c-aliceblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-aliceblue\:100\:dark, html.var.dark .sf-c-alic html[data-theme='auto'] .sf-c-aliceblue\:95\:dark, html.auto .sf-c-aliceblue\:95\:dark { color: hsl(var(--sf-c-txt-aliceblue-95)); background: hsl(var(--sf-c-aliceblue-5)) } html[data-theme='auto'] .sf-c-aliceblue\:100\:dark, html.auto .sf-c-aliceblue\:100\:dark { color: hsl(var(--sf-c-txt-aliceblue-95)); background: hsl(var(--sf-c-aliceblue-0)) } + html[data-theme='auto'] .sf-c-txt-aliceblue, html.auto .sf-c-txt-aliceblue { color: hsl(var(--sf-c-txt-aliceblue)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:0, html.auto .sf-c-txt-aliceblue\:0 { color: hsl(var(--sf-c-txt-aliceblue-0)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:5, html.auto .sf-c-txt-aliceblue\:5 { color: hsl(var(--sf-c-txt-aliceblue-5)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:10, html.auto .sf-c-txt-aliceblue\:10 { color: hsl(var(--sf-c-txt-aliceblue-10)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:15, html.auto .sf-c-txt-aliceblue\:15 { color: hsl(var(--sf-c-txt-aliceblue-15)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:20, html.auto .sf-c-txt-aliceblue\:20 { color: hsl(var(--sf-c-txt-aliceblue-20)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:25, html.auto .sf-c-txt-aliceblue\:25 { color: hsl(var(--sf-c-txt-aliceblue-25)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:30, html.auto .sf-c-txt-aliceblue\:30 { color: hsl(var(--sf-c-txt-aliceblue-30)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:35, html.auto .sf-c-txt-aliceblue\:35 { color: hsl(var(--sf-c-txt-aliceblue-35)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:40, html.auto .sf-c-txt-aliceblue\:40 { color: hsl(var(--sf-c-txt-aliceblue-40)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:45, html.auto .sf-c-txt-aliceblue\:45 { color: hsl(var(--sf-c-txt-aliceblue-45)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:50, html.auto .sf-c-txt-aliceblue\:50 { color: hsl(var(--sf-c-txt-aliceblue-50)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:55, html.auto .sf-c-txt-aliceblue\:55 { color: hsl(var(--sf-c-txt-aliceblue-55)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:60, html.auto .sf-c-txt-aliceblue\:60 { color: hsl(var(--sf-c-txt-aliceblue-60)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:65, html.auto .sf-c-txt-aliceblue\:65 { color: hsl(var(--sf-c-txt-aliceblue-65)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:70, html.auto .sf-c-txt-aliceblue\:70 { color: hsl(var(--sf-c-txt-aliceblue-70)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:75, html.auto .sf-c-txt-aliceblue\:75 { color: hsl(var(--sf-c-txt-aliceblue-75)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:80, html.auto .sf-c-txt-aliceblue\:80 { color: hsl(var(--sf-c-txt-aliceblue-80)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:85, html.auto .sf-c-txt-aliceblue\:85 { color: hsl(var(--sf-c-txt-aliceblue-85)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:90, html.auto .sf-c-txt-aliceblue\:90 { color: hsl(var(--sf-c-txt-aliceblue-90)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:95, html.auto .sf-c-txt-aliceblue\:95 { color: hsl(var(--sf-c-txt-aliceblue-95)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:100, html.auto .sf-c-txt-aliceblue\:100 { color: hsl(var(--sf-c-txt-aliceblue-100)) } + + html[data-theme='auto'] .sf-c-txt-aliceblue\:dark, html.auto .sf-c-txt-aliceblue\:dark { color: hsl(var(--sf-c-txt-aliceblue)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:0\:dark, html.auto .sf-c-txt-aliceblue\:0\:dark { color: hsl(var(--sf-c-txt-aliceblue-0)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:5\:dark, html.auto .sf-c-txt-aliceblue\:5\:dark { color: hsl(var(--sf-c-txt-aliceblue-5)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:10\:dark, html.auto .sf-c-txt-aliceblue\:10\:dark { color: hsl(var(--sf-c-txt-aliceblue-10)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:15\:dark, html.auto .sf-c-txt-aliceblue\:15\:dark { color: hsl(var(--sf-c-txt-aliceblue-15)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:20\:dark, html.auto .sf-c-txt-aliceblue\:20\:dark { color: hsl(var(--sf-c-txt-aliceblue-20)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:25\:dark, html.auto .sf-c-txt-aliceblue\:25\:dark { color: hsl(var(--sf-c-txt-aliceblue-25)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:30\:dark, html.auto .sf-c-txt-aliceblue\:30\:dark { color: hsl(var(--sf-c-txt-aliceblue-30)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:35\:dark, html.auto .sf-c-txt-aliceblue\:35\:dark { color: hsl(var(--sf-c-txt-aliceblue-35)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:40\:dark, html.auto .sf-c-txt-aliceblue\:40\:dark { color: hsl(var(--sf-c-txt-aliceblue-40)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:45\:dark, html.auto .sf-c-txt-aliceblue\:45\:dark { color: hsl(var(--sf-c-txt-aliceblue-45)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:50\:dark, html.auto .sf-c-txt-aliceblue\:50\:dark { color: hsl(var(--sf-c-txt-aliceblue-50)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:55\:dark, html.auto .sf-c-txt-aliceblue\:55\:dark { color: hsl(var(--sf-c-txt-aliceblue-55)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:60\:dark, html.auto .sf-c-txt-aliceblue\:60\:dark { color: hsl(var(--sf-c-txt-aliceblue-60)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:65\:dark, html.auto .sf-c-txt-aliceblue\:65\:dark { color: hsl(var(--sf-c-txt-aliceblue-65)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:70\:dark, html.auto .sf-c-txt-aliceblue\:70\:dark { color: hsl(var(--sf-c-txt-aliceblue-70)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:75\:dark, html.auto .sf-c-txt-aliceblue\:75\:dark { color: hsl(var(--sf-c-txt-aliceblue-75)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:80\:dark, html.auto .sf-c-txt-aliceblue\:80\:dark { color: hsl(var(--sf-c-txt-aliceblue-80)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:85\:dark, html.auto .sf-c-txt-aliceblue\:85\:dark { color: hsl(var(--sf-c-txt-aliceblue-85)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:90\:dark, html.auto .sf-c-txt-aliceblue\:90\:dark { color: hsl(var(--sf-c-txt-aliceblue-90)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:95\:dark, html.auto .sf-c-txt-aliceblue\:95\:dark { color: hsl(var(--sf-c-txt-aliceblue-95)) } + html[data-theme='auto'] .sf-c-txt-aliceblue\:100\:dark, html.auto .sf-c-txt-aliceblue\:100\:dark { color: hsl(var(--sf-c-txt-aliceblue-100)) } + html.var[data-theme='auto'] .sf-c-aliceblue, html.var.auto .sf-c-aliceblue { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 3%) } html.var[data-theme='auto'] .sf-c-aliceblue\:0, html.var.auto .sf-c-aliceblue\:0 { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 100%) } html.var[data-theme='auto'] .sf-c-aliceblue\:5, html.var.auto .sf-c-aliceblue\:5 { color: hsl(208, 100%, 5%); background: hsl(208, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-aliceblue\:100\:dark, html.var.dark .sf-c-alic html.var[data-theme='auto'] .sf-c-aliceblue\:90\:dark, html.var.auto .sf-c-aliceblue\:90\:dark { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 10%) } html.var[data-theme='auto'] .sf-c-aliceblue\:95\:dark, html.var.auto .sf-c-aliceblue\:95\:dark { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 5%) } html.var[data-theme='auto'] .sf-c-aliceblue\:100\:dark, html.var.auto .sf-c-aliceblue\:100\:dark { color: hsl(208, 100%, 95%); background: hsl(208, 100%, 0%) } -} -.sf-c-txt-aliceblue { color: hsl(var(--sf-c-txt-aliceblue)) } -.sf-c-txt-aliceblue\:0 { color: hsl(var(--sf-c-txt-aliceblue-0)) } -.sf-c-txt-aliceblue\:5 { color: hsl(var(--sf-c-txt-aliceblue-5)) } -.sf-c-txt-aliceblue\:10 { color: hsl(var(--sf-c-txt-aliceblue-10)) } -.sf-c-txt-aliceblue\:15 { color: hsl(var(--sf-c-txt-aliceblue-15)) } -.sf-c-txt-aliceblue\:20 { color: hsl(var(--sf-c-txt-aliceblue-20)) } -.sf-c-txt-aliceblue\:25 { color: hsl(var(--sf-c-txt-aliceblue-25)) } -.sf-c-txt-aliceblue\:30 { color: hsl(var(--sf-c-txt-aliceblue-30)) } -.sf-c-txt-aliceblue\:35 { color: hsl(var(--sf-c-txt-aliceblue-35)) } -.sf-c-txt-aliceblue\:40 { color: hsl(var(--sf-c-txt-aliceblue-40)) } -.sf-c-txt-aliceblue\:45 { color: hsl(var(--sf-c-txt-aliceblue-45)) } -.sf-c-txt-aliceblue\:50 { color: hsl(var(--sf-c-txt-aliceblue-50)) } -.sf-c-txt-aliceblue\:55 { color: hsl(var(--sf-c-txt-aliceblue-55)) } -.sf-c-txt-aliceblue\:60 { color: hsl(var(--sf-c-txt-aliceblue-60)) } -.sf-c-txt-aliceblue\:65 { color: hsl(var(--sf-c-txt-aliceblue-65)) } -.sf-c-txt-aliceblue\:70 { color: hsl(var(--sf-c-txt-aliceblue-70)) } -.sf-c-txt-aliceblue\:75 { color: hsl(var(--sf-c-txt-aliceblue-75)) } -.sf-c-txt-aliceblue\:80 { color: hsl(var(--sf-c-txt-aliceblue-80)) } -.sf-c-txt-aliceblue\:85 { color: hsl(var(--sf-c-txt-aliceblue-85)) } -.sf-c-txt-aliceblue\:90 { color: hsl(var(--sf-c-txt-aliceblue-90)) } -.sf-c-txt-aliceblue\:95 { color: hsl(var(--sf-c-txt-aliceblue-95)) } -.sf-c-txt-aliceblue\:100 { color: hsl(var(--sf-c-txt-aliceblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-aliceblue, html.auto .sf-c-txt-aliceblue { color: hsl(208, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:0, html.auto .sf-c-txt-aliceblue\:0 { color: hsl(208, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:5, html.auto .sf-c-txt-aliceblue\:5 { color: hsl(208, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:10, html.auto .sf-c-txt-aliceblue\:10 { color: hsl(208, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:15, html.auto .sf-c-txt-aliceblue\:15 { color: hsl(208, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:20, html.auto .sf-c-txt-aliceblue\:20 { color: hsl(208, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:25, html.auto .sf-c-txt-aliceblue\:25 { color: hsl(208, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:30, html.auto .sf-c-txt-aliceblue\:30 { color: hsl(208, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:35, html.auto .sf-c-txt-aliceblue\:35 { color: hsl(208, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:40, html.auto .sf-c-txt-aliceblue\:40 { color: hsl(208, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:45, html.auto .sf-c-txt-aliceblue\:45 { color: hsl(208, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:50, html.auto .sf-c-txt-aliceblue\:50 { color: hsl(208, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:55, html.auto .sf-c-txt-aliceblue\:55 { color: hsl(208, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:60, html.auto .sf-c-txt-aliceblue\:60 { color: hsl(208, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:65, html.auto .sf-c-txt-aliceblue\:65 { color: hsl(208, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:70, html.auto .sf-c-txt-aliceblue\:70 { color: hsl(208, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:75, html.auto .sf-c-txt-aliceblue\:75 { color: hsl(208, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:80, html.auto .sf-c-txt-aliceblue\:80 { color: hsl(208, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:85, html.auto .sf-c-txt-aliceblue\:85 { color: hsl(208, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:90, html.auto .sf-c-txt-aliceblue\:90 { color: hsl(208, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:95, html.auto .sf-c-txt-aliceblue\:95 { color: hsl(208, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:100, html.auto .sf-c-txt-aliceblue\:100 { color: hsl(208, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:dark, html.auto .sf-c-txt-aliceblue\:dark { color: hsl(208, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:0\:dark, html.auto .sf-c-txt-aliceblue\:0\:dark { color: hsl(208, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:5\:dark, html.auto .sf-c-txt-aliceblue\:5\:dark { color: hsl(208, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:10\:dark, html.auto .sf-c-txt-aliceblue\:10\:dark { color: hsl(208, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:15\:dark, html.auto .sf-c-txt-aliceblue\:15\:dark { color: hsl(208, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:20\:dark, html.auto .sf-c-txt-aliceblue\:20\:dark { color: hsl(208, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:25\:dark, html.auto .sf-c-txt-aliceblue\:25\:dark { color: hsl(208, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:30\:dark, html.auto .sf-c-txt-aliceblue\:30\:dark { color: hsl(208, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:35\:dark, html.auto .sf-c-txt-aliceblue\:35\:dark { color: hsl(208, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:40\:dark, html.auto .sf-c-txt-aliceblue\:40\:dark { color: hsl(208, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:45\:dark, html.auto .sf-c-txt-aliceblue\:45\:dark { color: hsl(208, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:50\:dark, html.auto .sf-c-txt-aliceblue\:50\:dark { color: hsl(208, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:55\:dark, html.auto .sf-c-txt-aliceblue\:55\:dark { color: hsl(208, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:60\:dark, html.auto .sf-c-txt-aliceblue\:60\:dark { color: hsl(208, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:65\:dark, html.auto .sf-c-txt-aliceblue\:65\:dark { color: hsl(208, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:70\:dark, html.auto .sf-c-txt-aliceblue\:70\:dark { color: hsl(208, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:75\:dark, html.auto .sf-c-txt-aliceblue\:75\:dark { color: hsl(208, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:80\:dark, html.auto .sf-c-txt-aliceblue\:80\:dark { color: hsl(208, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:85\:dark, html.auto .sf-c-txt-aliceblue\:85\:dark { color: hsl(208, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:90\:dark, html.auto .sf-c-txt-aliceblue\:90\:dark { color: hsl(208, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:95\:dark, html.auto .sf-c-txt-aliceblue\:95\:dark { color: hsl(208, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-aliceblue\:100\:dark, html.auto .sf-c-txt-aliceblue\:100\:dark { color: hsl(208, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/antiquewhite.css b/src/colors/20/antiquewhite.css index 6d06ae9..c507f2a 100644 --- a/src/colors/20/antiquewhite.css +++ b/src/colors/20/antiquewhite.css @@ -138,6 +138,52 @@ html.var .sf-c-antiquewhite\:90 { color: hsl(34, 78%, 5%); background: hsl(34, 7 html.var .sf-c-antiquewhite\:95 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 95%) } html.var .sf-c-antiquewhite\:100 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 100%) } +.sf-c-txt-antiquewhite { color: hsl(var(--sf-dark-c-txt-antiquewhite)) } +.sf-c-txt-antiquewhite\:0 { color: hsl(var(--sf-dark-c-txt-antiquewhite-100)) } +.sf-c-txt-antiquewhite\:5 { color: hsl(var(--sf-dark-c-txt-antiquewhite-95)) } +.sf-c-txt-antiquewhite\:10 { color: hsl(var(--sf-dark-c-txt-antiquewhite-90)) } +.sf-c-txt-antiquewhite\:15 { color: hsl(var(--sf-dark-c-txt-antiquewhite-85)) } +.sf-c-txt-antiquewhite\:20 { color: hsl(var(--sf-dark-c-txt-antiquewhite-80)) } +.sf-c-txt-antiquewhite\:25 { color: hsl(var(--sf-dark-c-txt-antiquewhite-75)) } +.sf-c-txt-antiquewhite\:30 { color: hsl(var(--sf-dark-c-txt-antiquewhite-70)) } +.sf-c-txt-antiquewhite\:35 { color: hsl(var(--sf-dark-c-txt-antiquewhite-65)) } +.sf-c-txt-antiquewhite\:40 { color: hsl(var(--sf-dark-c-txt-antiquewhite-60)) } +.sf-c-txt-antiquewhite\:45 { color: hsl(var(--sf-dark-c-txt-antiquewhite-55)) } +.sf-c-txt-antiquewhite\:50 { color: hsl(var(--sf-dark-c-txt-antiquewhite-50)) } +.sf-c-txt-antiquewhite\:55 { color: hsl(var(--sf-dark-c-txt-antiquewhite-45)) } +.sf-c-txt-antiquewhite\:60 { color: hsl(var(--sf-dark-c-txt-antiquewhite-40)) } +.sf-c-txt-antiquewhite\:65 { color: hsl(var(--sf-dark-c-txt-antiquewhite-35)) } +.sf-c-txt-antiquewhite\:70 { color: hsl(var(--sf-dark-c-txt-antiquewhite-30)) } +.sf-c-txt-antiquewhite\:75 { color: hsl(var(--sf-dark-c-txt-antiquewhite-25)) } +.sf-c-txt-antiquewhite\:80 { color: hsl(var(--sf-dark-c-txt-antiquewhite-20)) } +.sf-c-txt-antiquewhite\:85 { color: hsl(var(--sf-dark-c-txt-antiquewhite-15)) } +.sf-c-txt-antiquewhite\:90 { color: hsl(var(--sf-dark-c-txt-antiquewhite-10)) } +.sf-c-txt-antiquewhite\:95 { color: hsl(var(--sf-dark-c-txt-antiquewhite-5)) } +.sf-c-txt-antiquewhite\:100 { color: hsl(var(--sf-dark-c-txt-antiquewhite-0)) } + +html.var .sf-c-txt-antiquewhite { color: hsl(34, 78%, 9%) } +html.var .sf-c-txt-antiquewhite\:0 { color: hsl(34, 78%, 100%) } +html.var .sf-c-txt-antiquewhite\:5 { color: hsl(34, 78%, 95%) } +html.var .sf-c-txt-antiquewhite\:10 { color: hsl(34, 78%, 90%) } +html.var .sf-c-txt-antiquewhite\:15 { color: hsl(34, 78%, 85%) } +html.var .sf-c-txt-antiquewhite\:20 { color: hsl(34, 78%, 80%) } +html.var .sf-c-txt-antiquewhite\:25 { color: hsl(34, 78%, 75%) } +html.var .sf-c-txt-antiquewhite\:30 { color: hsl(34, 78%, 70%) } +html.var .sf-c-txt-antiquewhite\:35 { color: hsl(34, 78%, 65%) } +html.var .sf-c-txt-antiquewhite\:40 { color: hsl(34, 78%, 60%) } +html.var .sf-c-txt-antiquewhite\:45 { color: hsl(34, 78%, 55%) } +html.var .sf-c-txt-antiquewhite\:50 { color: hsl(34, 78%, 50%) } +html.var .sf-c-txt-antiquewhite\:55 { color: hsl(34, 78%, 45%) } +html.var .sf-c-txt-antiquewhite\:60 { color: hsl(34, 78%, 40%) } +html.var .sf-c-txt-antiquewhite\:65 { color: hsl(34, 78%, 35%) } +html.var .sf-c-txt-antiquewhite\:70 { color: hsl(34, 78%, 30%) } +html.var .sf-c-txt-antiquewhite\:75 { color: hsl(34, 78%, 25%) } +html.var .sf-c-txt-antiquewhite\:80 { color: hsl(34, 78%, 20%) } +html.var .sf-c-txt-antiquewhite\:85 { color: hsl(34, 78%, 15%) } +html.var .sf-c-txt-antiquewhite\:90 { color: hsl(34, 78%, 10%) } +html.var .sf-c-txt-antiquewhite\:95 { color: hsl(34, 78%, 5%) } +html.var .sf-c-txt-antiquewhite\:100 { color: hsl(34, 78%, 0%) } + html[data-theme='dark'] .sf-c-antiquewhite, html.dark .sf-c-antiquewhite { color: hsl(var(--sf-dark-c-txt-antiquewhite-95)); background: hsl(var(--sf-dark-c-antiquewhite)) } html[data-theme='dark'] .sf-c-antiquewhite\:0, html.dark .sf-c-antiquewhite\:0 { color: hsl(var(--sf-dark-c-txt-antiquewhite-95)); background: hsl(var(--sf-dark-c-antiquewhite-100)) } html[data-theme='dark'] .sf-c-antiquewhite\:5, html.dark .sf-c-antiquewhite\:5 { color: hsl(var(--sf-dark-c-txt-antiquewhite-5)); background: hsl(var(--sf-dark-c-antiquewhite-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-antiquewhite\:90\:dark, html.dark .sf-c-antiquewhi html[data-theme='dark'] .sf-c-antiquewhite\:95\:dark, html.dark .sf-c-antiquewhite\:95\:dark { color: hsl(var(--sf-c-txt-antiquewhite-95)); background: hsl(var(--sf-c-antiquewhite-5)) } html[data-theme='dark'] .sf-c-antiquewhite\:100\:dark, html.dark .sf-c-antiquewhite\:100\:dark { color: hsl(var(--sf-c-txt-antiquewhite-95)); background: hsl(var(--sf-c-antiquewhite-0)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite, html.dark .sf-c-txt-antiquewhite { color: hsl(var(--sf-c-txt-antiquewhite)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:0, html.dark .sf-c-txt-antiquewhite\:0 { color: hsl(var(--sf-c-txt-antiquewhite-0)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:5, html.dark .sf-c-txt-antiquewhite\:5 { color: hsl(var(--sf-c-txt-antiquewhite-5)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:10, html.dark .sf-c-txt-antiquewhite\:10 { color: hsl(var(--sf-c-txt-antiquewhite-10)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:15, html.dark .sf-c-txt-antiquewhite\:15 { color: hsl(var(--sf-c-txt-antiquewhite-15)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:20, html.dark .sf-c-txt-antiquewhite\:20 { color: hsl(var(--sf-c-txt-antiquewhite-20)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:25, html.dark .sf-c-txt-antiquewhite\:25 { color: hsl(var(--sf-c-txt-antiquewhite-25)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:30, html.dark .sf-c-txt-antiquewhite\:30 { color: hsl(var(--sf-c-txt-antiquewhite-30)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:35, html.dark .sf-c-txt-antiquewhite\:35 { color: hsl(var(--sf-c-txt-antiquewhite-35)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:40, html.dark .sf-c-txt-antiquewhite\:40 { color: hsl(var(--sf-c-txt-antiquewhite-40)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:45, html.dark .sf-c-txt-antiquewhite\:45 { color: hsl(var(--sf-c-txt-antiquewhite-45)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:50, html.dark .sf-c-txt-antiquewhite\:50 { color: hsl(var(--sf-c-txt-antiquewhite-50)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:55, html.dark .sf-c-txt-antiquewhite\:55 { color: hsl(var(--sf-c-txt-antiquewhite-55)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:60, html.dark .sf-c-txt-antiquewhite\:60 { color: hsl(var(--sf-c-txt-antiquewhite-60)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:65, html.dark .sf-c-txt-antiquewhite\:65 { color: hsl(var(--sf-c-txt-antiquewhite-65)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:70, html.dark .sf-c-txt-antiquewhite\:70 { color: hsl(var(--sf-c-txt-antiquewhite-70)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:75, html.dark .sf-c-txt-antiquewhite\:75 { color: hsl(var(--sf-c-txt-antiquewhite-75)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:80, html.dark .sf-c-txt-antiquewhite\:80 { color: hsl(var(--sf-c-txt-antiquewhite-80)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:85, html.dark .sf-c-txt-antiquewhite\:85 { color: hsl(var(--sf-c-txt-antiquewhite-85)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:90, html.dark .sf-c-txt-antiquewhite\:90 { color: hsl(var(--sf-c-txt-antiquewhite-90)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:95, html.dark .sf-c-txt-antiquewhite\:95 { color: hsl(var(--sf-c-txt-antiquewhite-95)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:100, html.dark .sf-c-txt-antiquewhite\:100 { color: hsl(var(--sf-c-txt-antiquewhite-100)) } + +html[data-theme='dark'] .sf-c-txt-antiquewhite\:dark, html.dark .sf-c-txt-antiquewhite\:dark { color: hsl(var(--sf-c-txt-antiquewhite)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:0\:dark, html.dark .sf-c-txt-antiquewhite\:0\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-0)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:5\:dark, html.dark .sf-c-txt-antiquewhite\:5\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-5)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:10\:dark, html.dark .sf-c-txt-antiquewhite\:10\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-10)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:15\:dark, html.dark .sf-c-txt-antiquewhite\:15\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-15)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:20\:dark, html.dark .sf-c-txt-antiquewhite\:20\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-20)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:25\:dark, html.dark .sf-c-txt-antiquewhite\:25\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-25)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:30\:dark, html.dark .sf-c-txt-antiquewhite\:30\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-30)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:35\:dark, html.dark .sf-c-txt-antiquewhite\:35\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-35)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:40\:dark, html.dark .sf-c-txt-antiquewhite\:40\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-40)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:45\:dark, html.dark .sf-c-txt-antiquewhite\:45\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-45)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:50\:dark, html.dark .sf-c-txt-antiquewhite\:50\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-50)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:55\:dark, html.dark .sf-c-txt-antiquewhite\:55\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-55)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:60\:dark, html.dark .sf-c-txt-antiquewhite\:60\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-60)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:65\:dark, html.dark .sf-c-txt-antiquewhite\:65\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-65)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:70\:dark, html.dark .sf-c-txt-antiquewhite\:70\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-70)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:75\:dark, html.dark .sf-c-txt-antiquewhite\:75\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-75)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:80\:dark, html.dark .sf-c-txt-antiquewhite\:80\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-80)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:85\:dark, html.dark .sf-c-txt-antiquewhite\:85\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-85)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:90\:dark, html.dark .sf-c-txt-antiquewhite\:90\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-90)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:95\:dark, html.dark .sf-c-txt-antiquewhite\:95\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-95)) } +html[data-theme='dark'] .sf-c-txt-antiquewhite\:100\:dark, html.dark .sf-c-txt-antiquewhite\:100\:dark { color: hsl(var(--sf-dark-c-txt-antiquewhite-100)) } + html.var[data-theme='dark'] .sf-c-antiquewhite, html.var.dark .sf-c-antiquewhite { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 9%) } html.var[data-theme='dark'] .sf-c-antiquewhite\:0, html.var.dark .sf-c-antiquewhite\:0 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 100%) } html.var[data-theme='dark'] .sf-c-antiquewhite\:5, html.var.dark .sf-c-antiquewhite\:5 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-antiquewhite\:90\:dark, html.var.dark .sf-c-an html.var[data-theme='dark'] .sf-c-antiquewhite\:95\:dark, html.var.dark .sf-c-antiquewhite\:95\:dark { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 5%) } html.var[data-theme='dark'] .sf-c-antiquewhite\:100\:dark, html.var.dark .sf-c-antiquewhite\:100\:dark { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite, html.dark .sf-c-txt-antiquewhite { color: hsl(34, 78%, 91%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:0, html.dark .sf-c-txt-antiquewhite\:0 { color: hsl(34, 78%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:5, html.dark .sf-c-txt-antiquewhite\:5 { color: hsl(34, 78%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:10, html.dark .sf-c-txt-antiquewhite\:10 { color: hsl(34, 78%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:15, html.dark .sf-c-txt-antiquewhite\:15 { color: hsl(34, 78%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:20, html.dark .sf-c-txt-antiquewhite\:20 { color: hsl(34, 78%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:25, html.dark .sf-c-txt-antiquewhite\:25 { color: hsl(34, 78%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:30, html.dark .sf-c-txt-antiquewhite\:30 { color: hsl(34, 78%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:35, html.dark .sf-c-txt-antiquewhite\:35 { color: hsl(34, 78%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:40, html.dark .sf-c-txt-antiquewhite\:40 { color: hsl(34, 78%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:45, html.dark .sf-c-txt-antiquewhite\:45 { color: hsl(34, 78%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:50, html.dark .sf-c-txt-antiquewhite\:50 { color: hsl(34, 78%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:55, html.dark .sf-c-txt-antiquewhite\:55 { color: hsl(34, 78%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:60, html.dark .sf-c-txt-antiquewhite\:60 { color: hsl(34, 78%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:65, html.dark .sf-c-txt-antiquewhite\:65 { color: hsl(34, 78%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:70, html.dark .sf-c-txt-antiquewhite\:70 { color: hsl(34, 78%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:75, html.dark .sf-c-txt-antiquewhite\:75 { color: hsl(34, 78%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:80, html.dark .sf-c-txt-antiquewhite\:80 { color: hsl(34, 78%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:85, html.dark .sf-c-txt-antiquewhite\:85 { color: hsl(34, 78%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:90, html.dark .sf-c-txt-antiquewhite\:90 { color: hsl(34, 78%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:95, html.dark .sf-c-txt-antiquewhite\:95 { color: hsl(34, 78%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:100, html.dark .sf-c-txt-antiquewhite\:100 { color: hsl(34, 78%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:dark, html.dark .sf-c-txt-antiquewhite\:dark { color: hsl(34, 78%, 91%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:0\:dark, html.dark .sf-c-txt-antiquewhite\:0\:dark { color: hsl(34, 78%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:5\:dark, html.dark .sf-c-txt-antiquewhite\:5\:dark { color: hsl(34, 78%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:10\:dark, html.dark .sf-c-txt-antiquewhite\:10\:dark { color: hsl(34, 78%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:15\:dark, html.dark .sf-c-txt-antiquewhite\:15\:dark { color: hsl(34, 78%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:20\:dark, html.dark .sf-c-txt-antiquewhite\:20\:dark { color: hsl(34, 78%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:25\:dark, html.dark .sf-c-txt-antiquewhite\:25\:dark { color: hsl(34, 78%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:30\:dark, html.dark .sf-c-txt-antiquewhite\:30\:dark { color: hsl(34, 78%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:35\:dark, html.dark .sf-c-txt-antiquewhite\:35\:dark { color: hsl(34, 78%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:40\:dark, html.dark .sf-c-txt-antiquewhite\:40\:dark { color: hsl(34, 78%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:45\:dark, html.dark .sf-c-txt-antiquewhite\:45\:dark { color: hsl(34, 78%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:50\:dark, html.dark .sf-c-txt-antiquewhite\:50\:dark { color: hsl(34, 78%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:55\:dark, html.dark .sf-c-txt-antiquewhite\:55\:dark { color: hsl(34, 78%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:60\:dark, html.dark .sf-c-txt-antiquewhite\:60\:dark { color: hsl(34, 78%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:65\:dark, html.dark .sf-c-txt-antiquewhite\:65\:dark { color: hsl(34, 78%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:70\:dark, html.dark .sf-c-txt-antiquewhite\:70\:dark { color: hsl(34, 78%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:75\:dark, html.dark .sf-c-txt-antiquewhite\:75\:dark { color: hsl(34, 78%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:80\:dark, html.dark .sf-c-txt-antiquewhite\:80\:dark { color: hsl(34, 78%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:85\:dark, html.dark .sf-c-txt-antiquewhite\:85\:dark { color: hsl(34, 78%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:90\:dark, html.dark .sf-c-txt-antiquewhite\:90\:dark { color: hsl(34, 78%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:95\:dark, html.dark .sf-c-txt-antiquewhite\:95\:dark { color: hsl(34, 78%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-antiquewhite\:100\:dark, html.dark .sf-c-txt-antiquewhite\:100\:dark { color: hsl(34, 78%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-antiquewhite, html.auto .sf-c-antiquewhite { color: hsl(var(--sf-dark-c-txt-antiquewhite-95)); background: hsl(var(--sf-dark-c-antiquewhite)) } html[data-theme='auto'] .sf-c-antiquewhite\:0, html.auto .sf-c-antiquewhite\:0 { color: hsl(var(--sf-dark-c-txt-antiquewhite-95)); background: hsl(var(--sf-dark-c-antiquewhite-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-antiquewhite\:100\:dark, html.var.dark .sf-c-a html[data-theme='auto'] .sf-c-antiquewhite\:95\:dark, html.auto .sf-c-antiquewhite\:95\:dark { color: hsl(var(--sf-c-txt-antiquewhite-95)); background: hsl(var(--sf-c-antiquewhite-5)) } html[data-theme='auto'] .sf-c-antiquewhite\:100\:dark, html.auto .sf-c-antiquewhite\:100\:dark { color: hsl(var(--sf-c-txt-antiquewhite-95)); background: hsl(var(--sf-c-antiquewhite-0)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite, html.auto .sf-c-txt-antiquewhite { color: hsl(var(--sf-c-txt-antiquewhite)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:0, html.auto .sf-c-txt-antiquewhite\:0 { color: hsl(var(--sf-c-txt-antiquewhite-0)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:5, html.auto .sf-c-txt-antiquewhite\:5 { color: hsl(var(--sf-c-txt-antiquewhite-5)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:10, html.auto .sf-c-txt-antiquewhite\:10 { color: hsl(var(--sf-c-txt-antiquewhite-10)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:15, html.auto .sf-c-txt-antiquewhite\:15 { color: hsl(var(--sf-c-txt-antiquewhite-15)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:20, html.auto .sf-c-txt-antiquewhite\:20 { color: hsl(var(--sf-c-txt-antiquewhite-20)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:25, html.auto .sf-c-txt-antiquewhite\:25 { color: hsl(var(--sf-c-txt-antiquewhite-25)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:30, html.auto .sf-c-txt-antiquewhite\:30 { color: hsl(var(--sf-c-txt-antiquewhite-30)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:35, html.auto .sf-c-txt-antiquewhite\:35 { color: hsl(var(--sf-c-txt-antiquewhite-35)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:40, html.auto .sf-c-txt-antiquewhite\:40 { color: hsl(var(--sf-c-txt-antiquewhite-40)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:45, html.auto .sf-c-txt-antiquewhite\:45 { color: hsl(var(--sf-c-txt-antiquewhite-45)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:50, html.auto .sf-c-txt-antiquewhite\:50 { color: hsl(var(--sf-c-txt-antiquewhite-50)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:55, html.auto .sf-c-txt-antiquewhite\:55 { color: hsl(var(--sf-c-txt-antiquewhite-55)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:60, html.auto .sf-c-txt-antiquewhite\:60 { color: hsl(var(--sf-c-txt-antiquewhite-60)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:65, html.auto .sf-c-txt-antiquewhite\:65 { color: hsl(var(--sf-c-txt-antiquewhite-65)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:70, html.auto .sf-c-txt-antiquewhite\:70 { color: hsl(var(--sf-c-txt-antiquewhite-70)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:75, html.auto .sf-c-txt-antiquewhite\:75 { color: hsl(var(--sf-c-txt-antiquewhite-75)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:80, html.auto .sf-c-txt-antiquewhite\:80 { color: hsl(var(--sf-c-txt-antiquewhite-80)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:85, html.auto .sf-c-txt-antiquewhite\:85 { color: hsl(var(--sf-c-txt-antiquewhite-85)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:90, html.auto .sf-c-txt-antiquewhite\:90 { color: hsl(var(--sf-c-txt-antiquewhite-90)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:95, html.auto .sf-c-txt-antiquewhite\:95 { color: hsl(var(--sf-c-txt-antiquewhite-95)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:100, html.auto .sf-c-txt-antiquewhite\:100 { color: hsl(var(--sf-c-txt-antiquewhite-100)) } + + html[data-theme='auto'] .sf-c-txt-antiquewhite\:dark, html.auto .sf-c-txt-antiquewhite\:dark { color: hsl(var(--sf-c-txt-antiquewhite)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:0\:dark, html.auto .sf-c-txt-antiquewhite\:0\:dark { color: hsl(var(--sf-c-txt-antiquewhite-0)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:5\:dark, html.auto .sf-c-txt-antiquewhite\:5\:dark { color: hsl(var(--sf-c-txt-antiquewhite-5)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:10\:dark, html.auto .sf-c-txt-antiquewhite\:10\:dark { color: hsl(var(--sf-c-txt-antiquewhite-10)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:15\:dark, html.auto .sf-c-txt-antiquewhite\:15\:dark { color: hsl(var(--sf-c-txt-antiquewhite-15)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:20\:dark, html.auto .sf-c-txt-antiquewhite\:20\:dark { color: hsl(var(--sf-c-txt-antiquewhite-20)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:25\:dark, html.auto .sf-c-txt-antiquewhite\:25\:dark { color: hsl(var(--sf-c-txt-antiquewhite-25)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:30\:dark, html.auto .sf-c-txt-antiquewhite\:30\:dark { color: hsl(var(--sf-c-txt-antiquewhite-30)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:35\:dark, html.auto .sf-c-txt-antiquewhite\:35\:dark { color: hsl(var(--sf-c-txt-antiquewhite-35)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:40\:dark, html.auto .sf-c-txt-antiquewhite\:40\:dark { color: hsl(var(--sf-c-txt-antiquewhite-40)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:45\:dark, html.auto .sf-c-txt-antiquewhite\:45\:dark { color: hsl(var(--sf-c-txt-antiquewhite-45)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:50\:dark, html.auto .sf-c-txt-antiquewhite\:50\:dark { color: hsl(var(--sf-c-txt-antiquewhite-50)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:55\:dark, html.auto .sf-c-txt-antiquewhite\:55\:dark { color: hsl(var(--sf-c-txt-antiquewhite-55)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:60\:dark, html.auto .sf-c-txt-antiquewhite\:60\:dark { color: hsl(var(--sf-c-txt-antiquewhite-60)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:65\:dark, html.auto .sf-c-txt-antiquewhite\:65\:dark { color: hsl(var(--sf-c-txt-antiquewhite-65)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:70\:dark, html.auto .sf-c-txt-antiquewhite\:70\:dark { color: hsl(var(--sf-c-txt-antiquewhite-70)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:75\:dark, html.auto .sf-c-txt-antiquewhite\:75\:dark { color: hsl(var(--sf-c-txt-antiquewhite-75)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:80\:dark, html.auto .sf-c-txt-antiquewhite\:80\:dark { color: hsl(var(--sf-c-txt-antiquewhite-80)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:85\:dark, html.auto .sf-c-txt-antiquewhite\:85\:dark { color: hsl(var(--sf-c-txt-antiquewhite-85)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:90\:dark, html.auto .sf-c-txt-antiquewhite\:90\:dark { color: hsl(var(--sf-c-txt-antiquewhite-90)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:95\:dark, html.auto .sf-c-txt-antiquewhite\:95\:dark { color: hsl(var(--sf-c-txt-antiquewhite-95)) } + html[data-theme='auto'] .sf-c-txt-antiquewhite\:100\:dark, html.auto .sf-c-txt-antiquewhite\:100\:dark { color: hsl(var(--sf-c-txt-antiquewhite-100)) } + html.var[data-theme='auto'] .sf-c-antiquewhite, html.var.auto .sf-c-antiquewhite { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 9%) } html.var[data-theme='auto'] .sf-c-antiquewhite\:0, html.var.auto .sf-c-antiquewhite\:0 { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 100%) } html.var[data-theme='auto'] .sf-c-antiquewhite\:5, html.var.auto .sf-c-antiquewhite\:5 { color: hsl(34, 78%, 5%); background: hsl(34, 78%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-antiquewhite\:100\:dark, html.var.dark .sf-c-a html.var[data-theme='auto'] .sf-c-antiquewhite\:90\:dark, html.var.auto .sf-c-antiquewhite\:90\:dark { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 10%) } html.var[data-theme='auto'] .sf-c-antiquewhite\:95\:dark, html.var.auto .sf-c-antiquewhite\:95\:dark { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 5%) } html.var[data-theme='auto'] .sf-c-antiquewhite\:100\:dark, html.var.auto .sf-c-antiquewhite\:100\:dark { color: hsl(34, 78%, 95%); background: hsl(34, 78%, 0%) } -} -.sf-c-txt-antiquewhite { color: hsl(var(--sf-c-txt-antiquewhite)) } -.sf-c-txt-antiquewhite\:0 { color: hsl(var(--sf-c-txt-antiquewhite-0)) } -.sf-c-txt-antiquewhite\:5 { color: hsl(var(--sf-c-txt-antiquewhite-5)) } -.sf-c-txt-antiquewhite\:10 { color: hsl(var(--sf-c-txt-antiquewhite-10)) } -.sf-c-txt-antiquewhite\:15 { color: hsl(var(--sf-c-txt-antiquewhite-15)) } -.sf-c-txt-antiquewhite\:20 { color: hsl(var(--sf-c-txt-antiquewhite-20)) } -.sf-c-txt-antiquewhite\:25 { color: hsl(var(--sf-c-txt-antiquewhite-25)) } -.sf-c-txt-antiquewhite\:30 { color: hsl(var(--sf-c-txt-antiquewhite-30)) } -.sf-c-txt-antiquewhite\:35 { color: hsl(var(--sf-c-txt-antiquewhite-35)) } -.sf-c-txt-antiquewhite\:40 { color: hsl(var(--sf-c-txt-antiquewhite-40)) } -.sf-c-txt-antiquewhite\:45 { color: hsl(var(--sf-c-txt-antiquewhite-45)) } -.sf-c-txt-antiquewhite\:50 { color: hsl(var(--sf-c-txt-antiquewhite-50)) } -.sf-c-txt-antiquewhite\:55 { color: hsl(var(--sf-c-txt-antiquewhite-55)) } -.sf-c-txt-antiquewhite\:60 { color: hsl(var(--sf-c-txt-antiquewhite-60)) } -.sf-c-txt-antiquewhite\:65 { color: hsl(var(--sf-c-txt-antiquewhite-65)) } -.sf-c-txt-antiquewhite\:70 { color: hsl(var(--sf-c-txt-antiquewhite-70)) } -.sf-c-txt-antiquewhite\:75 { color: hsl(var(--sf-c-txt-antiquewhite-75)) } -.sf-c-txt-antiquewhite\:80 { color: hsl(var(--sf-c-txt-antiquewhite-80)) } -.sf-c-txt-antiquewhite\:85 { color: hsl(var(--sf-c-txt-antiquewhite-85)) } -.sf-c-txt-antiquewhite\:90 { color: hsl(var(--sf-c-txt-antiquewhite-90)) } -.sf-c-txt-antiquewhite\:95 { color: hsl(var(--sf-c-txt-antiquewhite-95)) } -.sf-c-txt-antiquewhite\:100 { color: hsl(var(--sf-c-txt-antiquewhite-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-antiquewhite, html.auto .sf-c-txt-antiquewhite { color: hsl(34, 78%, 91%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:0, html.auto .sf-c-txt-antiquewhite\:0 { color: hsl(34, 78%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:5, html.auto .sf-c-txt-antiquewhite\:5 { color: hsl(34, 78%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:10, html.auto .sf-c-txt-antiquewhite\:10 { color: hsl(34, 78%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:15, html.auto .sf-c-txt-antiquewhite\:15 { color: hsl(34, 78%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:20, html.auto .sf-c-txt-antiquewhite\:20 { color: hsl(34, 78%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:25, html.auto .sf-c-txt-antiquewhite\:25 { color: hsl(34, 78%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:30, html.auto .sf-c-txt-antiquewhite\:30 { color: hsl(34, 78%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:35, html.auto .sf-c-txt-antiquewhite\:35 { color: hsl(34, 78%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:40, html.auto .sf-c-txt-antiquewhite\:40 { color: hsl(34, 78%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:45, html.auto .sf-c-txt-antiquewhite\:45 { color: hsl(34, 78%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:50, html.auto .sf-c-txt-antiquewhite\:50 { color: hsl(34, 78%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:55, html.auto .sf-c-txt-antiquewhite\:55 { color: hsl(34, 78%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:60, html.auto .sf-c-txt-antiquewhite\:60 { color: hsl(34, 78%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:65, html.auto .sf-c-txt-antiquewhite\:65 { color: hsl(34, 78%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:70, html.auto .sf-c-txt-antiquewhite\:70 { color: hsl(34, 78%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:75, html.auto .sf-c-txt-antiquewhite\:75 { color: hsl(34, 78%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:80, html.auto .sf-c-txt-antiquewhite\:80 { color: hsl(34, 78%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:85, html.auto .sf-c-txt-antiquewhite\:85 { color: hsl(34, 78%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:90, html.auto .sf-c-txt-antiquewhite\:90 { color: hsl(34, 78%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:95, html.auto .sf-c-txt-antiquewhite\:95 { color: hsl(34, 78%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:100, html.auto .sf-c-txt-antiquewhite\:100 { color: hsl(34, 78%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:dark, html.auto .sf-c-txt-antiquewhite\:dark { color: hsl(34, 78%, 91%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:0\:dark, html.auto .sf-c-txt-antiquewhite\:0\:dark { color: hsl(34, 78%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:5\:dark, html.auto .sf-c-txt-antiquewhite\:5\:dark { color: hsl(34, 78%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:10\:dark, html.auto .sf-c-txt-antiquewhite\:10\:dark { color: hsl(34, 78%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:15\:dark, html.auto .sf-c-txt-antiquewhite\:15\:dark { color: hsl(34, 78%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:20\:dark, html.auto .sf-c-txt-antiquewhite\:20\:dark { color: hsl(34, 78%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:25\:dark, html.auto .sf-c-txt-antiquewhite\:25\:dark { color: hsl(34, 78%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:30\:dark, html.auto .sf-c-txt-antiquewhite\:30\:dark { color: hsl(34, 78%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:35\:dark, html.auto .sf-c-txt-antiquewhite\:35\:dark { color: hsl(34, 78%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:40\:dark, html.auto .sf-c-txt-antiquewhite\:40\:dark { color: hsl(34, 78%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:45\:dark, html.auto .sf-c-txt-antiquewhite\:45\:dark { color: hsl(34, 78%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:50\:dark, html.auto .sf-c-txt-antiquewhite\:50\:dark { color: hsl(34, 78%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:55\:dark, html.auto .sf-c-txt-antiquewhite\:55\:dark { color: hsl(34, 78%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:60\:dark, html.auto .sf-c-txt-antiquewhite\:60\:dark { color: hsl(34, 78%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:65\:dark, html.auto .sf-c-txt-antiquewhite\:65\:dark { color: hsl(34, 78%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:70\:dark, html.auto .sf-c-txt-antiquewhite\:70\:dark { color: hsl(34, 78%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:75\:dark, html.auto .sf-c-txt-antiquewhite\:75\:dark { color: hsl(34, 78%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:80\:dark, html.auto .sf-c-txt-antiquewhite\:80\:dark { color: hsl(34, 78%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:85\:dark, html.auto .sf-c-txt-antiquewhite\:85\:dark { color: hsl(34, 78%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:90\:dark, html.auto .sf-c-txt-antiquewhite\:90\:dark { color: hsl(34, 78%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:95\:dark, html.auto .sf-c-txt-antiquewhite\:95\:dark { color: hsl(34, 78%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-antiquewhite\:100\:dark, html.auto .sf-c-txt-antiquewhite\:100\:dark { color: hsl(34, 78%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/aqua.css b/src/colors/20/aqua.css index 7d89842..76a492b 100644 --- a/src/colors/20/aqua.css +++ b/src/colors/20/aqua.css @@ -138,6 +138,52 @@ html.var .sf-c-aqua\:90 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, html.var .sf-c-aqua\:95 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } html.var .sf-c-aqua\:100 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } +.sf-c-txt-aqua { color: hsl(var(--sf-dark-c-txt-aqua)) } +.sf-c-txt-aqua\:0 { color: hsl(var(--sf-dark-c-txt-aqua-100)) } +.sf-c-txt-aqua\:5 { color: hsl(var(--sf-dark-c-txt-aqua-95)) } +.sf-c-txt-aqua\:10 { color: hsl(var(--sf-dark-c-txt-aqua-90)) } +.sf-c-txt-aqua\:15 { color: hsl(var(--sf-dark-c-txt-aqua-85)) } +.sf-c-txt-aqua\:20 { color: hsl(var(--sf-dark-c-txt-aqua-80)) } +.sf-c-txt-aqua\:25 { color: hsl(var(--sf-dark-c-txt-aqua-75)) } +.sf-c-txt-aqua\:30 { color: hsl(var(--sf-dark-c-txt-aqua-70)) } +.sf-c-txt-aqua\:35 { color: hsl(var(--sf-dark-c-txt-aqua-65)) } +.sf-c-txt-aqua\:40 { color: hsl(var(--sf-dark-c-txt-aqua-60)) } +.sf-c-txt-aqua\:45 { color: hsl(var(--sf-dark-c-txt-aqua-55)) } +.sf-c-txt-aqua\:50 { color: hsl(var(--sf-dark-c-txt-aqua-50)) } +.sf-c-txt-aqua\:55 { color: hsl(var(--sf-dark-c-txt-aqua-45)) } +.sf-c-txt-aqua\:60 { color: hsl(var(--sf-dark-c-txt-aqua-40)) } +.sf-c-txt-aqua\:65 { color: hsl(var(--sf-dark-c-txt-aqua-35)) } +.sf-c-txt-aqua\:70 { color: hsl(var(--sf-dark-c-txt-aqua-30)) } +.sf-c-txt-aqua\:75 { color: hsl(var(--sf-dark-c-txt-aqua-25)) } +.sf-c-txt-aqua\:80 { color: hsl(var(--sf-dark-c-txt-aqua-20)) } +.sf-c-txt-aqua\:85 { color: hsl(var(--sf-dark-c-txt-aqua-15)) } +.sf-c-txt-aqua\:90 { color: hsl(var(--sf-dark-c-txt-aqua-10)) } +.sf-c-txt-aqua\:95 { color: hsl(var(--sf-dark-c-txt-aqua-5)) } +.sf-c-txt-aqua\:100 { color: hsl(var(--sf-dark-c-txt-aqua-0)) } + +html.var .sf-c-txt-aqua { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-aqua\:0 { color: hsl(180, 100%, 100%) } +html.var .sf-c-txt-aqua\:5 { color: hsl(180, 100%, 95%) } +html.var .sf-c-txt-aqua\:10 { color: hsl(180, 100%, 90%) } +html.var .sf-c-txt-aqua\:15 { color: hsl(180, 100%, 85%) } +html.var .sf-c-txt-aqua\:20 { color: hsl(180, 100%, 80%) } +html.var .sf-c-txt-aqua\:25 { color: hsl(180, 100%, 75%) } +html.var .sf-c-txt-aqua\:30 { color: hsl(180, 100%, 70%) } +html.var .sf-c-txt-aqua\:35 { color: hsl(180, 100%, 65%) } +html.var .sf-c-txt-aqua\:40 { color: hsl(180, 100%, 60%) } +html.var .sf-c-txt-aqua\:45 { color: hsl(180, 100%, 55%) } +html.var .sf-c-txt-aqua\:50 { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-aqua\:55 { color: hsl(180, 100%, 45%) } +html.var .sf-c-txt-aqua\:60 { color: hsl(180, 100%, 40%) } +html.var .sf-c-txt-aqua\:65 { color: hsl(180, 100%, 35%) } +html.var .sf-c-txt-aqua\:70 { color: hsl(180, 100%, 30%) } +html.var .sf-c-txt-aqua\:75 { color: hsl(180, 100%, 25%) } +html.var .sf-c-txt-aqua\:80 { color: hsl(180, 100%, 20%) } +html.var .sf-c-txt-aqua\:85 { color: hsl(180, 100%, 15%) } +html.var .sf-c-txt-aqua\:90 { color: hsl(180, 100%, 10%) } +html.var .sf-c-txt-aqua\:95 { color: hsl(180, 100%, 5%) } +html.var .sf-c-txt-aqua\:100 { color: hsl(180, 100%, 0%) } + html[data-theme='dark'] .sf-c-aqua, html.dark .sf-c-aqua { color: hsl(var(--sf-dark-c-txt-aqua-5)); background: hsl(var(--sf-dark-c-aqua)) } html[data-theme='dark'] .sf-c-aqua\:0, html.dark .sf-c-aqua\:0 { color: hsl(var(--sf-dark-c-txt-aqua-95)); background: hsl(var(--sf-dark-c-aqua-100)) } html[data-theme='dark'] .sf-c-aqua\:5, html.dark .sf-c-aqua\:5 { color: hsl(var(--sf-dark-c-txt-aqua-5)); background: hsl(var(--sf-dark-c-aqua-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-aqua\:90\:dark, html.dark .sf-c-aqua\:90\:dark { c html[data-theme='dark'] .sf-c-aqua\:95\:dark, html.dark .sf-c-aqua\:95\:dark { color: hsl(var(--sf-c-txt-aqua-95)); background: hsl(var(--sf-c-aqua-5)) } html[data-theme='dark'] .sf-c-aqua\:100\:dark, html.dark .sf-c-aqua\:100\:dark { color: hsl(var(--sf-c-txt-aqua-95)); background: hsl(var(--sf-c-aqua-0)) } +html[data-theme='dark'] .sf-c-txt-aqua, html.dark .sf-c-txt-aqua { color: hsl(var(--sf-c-txt-aqua)) } +html[data-theme='dark'] .sf-c-txt-aqua\:0, html.dark .sf-c-txt-aqua\:0 { color: hsl(var(--sf-c-txt-aqua-0)) } +html[data-theme='dark'] .sf-c-txt-aqua\:5, html.dark .sf-c-txt-aqua\:5 { color: hsl(var(--sf-c-txt-aqua-5)) } +html[data-theme='dark'] .sf-c-txt-aqua\:10, html.dark .sf-c-txt-aqua\:10 { color: hsl(var(--sf-c-txt-aqua-10)) } +html[data-theme='dark'] .sf-c-txt-aqua\:15, html.dark .sf-c-txt-aqua\:15 { color: hsl(var(--sf-c-txt-aqua-15)) } +html[data-theme='dark'] .sf-c-txt-aqua\:20, html.dark .sf-c-txt-aqua\:20 { color: hsl(var(--sf-c-txt-aqua-20)) } +html[data-theme='dark'] .sf-c-txt-aqua\:25, html.dark .sf-c-txt-aqua\:25 { color: hsl(var(--sf-c-txt-aqua-25)) } +html[data-theme='dark'] .sf-c-txt-aqua\:30, html.dark .sf-c-txt-aqua\:30 { color: hsl(var(--sf-c-txt-aqua-30)) } +html[data-theme='dark'] .sf-c-txt-aqua\:35, html.dark .sf-c-txt-aqua\:35 { color: hsl(var(--sf-c-txt-aqua-35)) } +html[data-theme='dark'] .sf-c-txt-aqua\:40, html.dark .sf-c-txt-aqua\:40 { color: hsl(var(--sf-c-txt-aqua-40)) } +html[data-theme='dark'] .sf-c-txt-aqua\:45, html.dark .sf-c-txt-aqua\:45 { color: hsl(var(--sf-c-txt-aqua-45)) } +html[data-theme='dark'] .sf-c-txt-aqua\:50, html.dark .sf-c-txt-aqua\:50 { color: hsl(var(--sf-c-txt-aqua-50)) } +html[data-theme='dark'] .sf-c-txt-aqua\:55, html.dark .sf-c-txt-aqua\:55 { color: hsl(var(--sf-c-txt-aqua-55)) } +html[data-theme='dark'] .sf-c-txt-aqua\:60, html.dark .sf-c-txt-aqua\:60 { color: hsl(var(--sf-c-txt-aqua-60)) } +html[data-theme='dark'] .sf-c-txt-aqua\:65, html.dark .sf-c-txt-aqua\:65 { color: hsl(var(--sf-c-txt-aqua-65)) } +html[data-theme='dark'] .sf-c-txt-aqua\:70, html.dark .sf-c-txt-aqua\:70 { color: hsl(var(--sf-c-txt-aqua-70)) } +html[data-theme='dark'] .sf-c-txt-aqua\:75, html.dark .sf-c-txt-aqua\:75 { color: hsl(var(--sf-c-txt-aqua-75)) } +html[data-theme='dark'] .sf-c-txt-aqua\:80, html.dark .sf-c-txt-aqua\:80 { color: hsl(var(--sf-c-txt-aqua-80)) } +html[data-theme='dark'] .sf-c-txt-aqua\:85, html.dark .sf-c-txt-aqua\:85 { color: hsl(var(--sf-c-txt-aqua-85)) } +html[data-theme='dark'] .sf-c-txt-aqua\:90, html.dark .sf-c-txt-aqua\:90 { color: hsl(var(--sf-c-txt-aqua-90)) } +html[data-theme='dark'] .sf-c-txt-aqua\:95, html.dark .sf-c-txt-aqua\:95 { color: hsl(var(--sf-c-txt-aqua-95)) } +html[data-theme='dark'] .sf-c-txt-aqua\:100, html.dark .sf-c-txt-aqua\:100 { color: hsl(var(--sf-c-txt-aqua-100)) } + +html[data-theme='dark'] .sf-c-txt-aqua\:dark, html.dark .sf-c-txt-aqua\:dark { color: hsl(var(--sf-c-txt-aqua)) } +html[data-theme='dark'] .sf-c-txt-aqua\:0\:dark, html.dark .sf-c-txt-aqua\:0\:dark { color: hsl(var(--sf-dark-c-txt-aqua-0)) } +html[data-theme='dark'] .sf-c-txt-aqua\:5\:dark, html.dark .sf-c-txt-aqua\:5\:dark { color: hsl(var(--sf-dark-c-txt-aqua-5)) } +html[data-theme='dark'] .sf-c-txt-aqua\:10\:dark, html.dark .sf-c-txt-aqua\:10\:dark { color: hsl(var(--sf-dark-c-txt-aqua-10)) } +html[data-theme='dark'] .sf-c-txt-aqua\:15\:dark, html.dark .sf-c-txt-aqua\:15\:dark { color: hsl(var(--sf-dark-c-txt-aqua-15)) } +html[data-theme='dark'] .sf-c-txt-aqua\:20\:dark, html.dark .sf-c-txt-aqua\:20\:dark { color: hsl(var(--sf-dark-c-txt-aqua-20)) } +html[data-theme='dark'] .sf-c-txt-aqua\:25\:dark, html.dark .sf-c-txt-aqua\:25\:dark { color: hsl(var(--sf-dark-c-txt-aqua-25)) } +html[data-theme='dark'] .sf-c-txt-aqua\:30\:dark, html.dark .sf-c-txt-aqua\:30\:dark { color: hsl(var(--sf-dark-c-txt-aqua-30)) } +html[data-theme='dark'] .sf-c-txt-aqua\:35\:dark, html.dark .sf-c-txt-aqua\:35\:dark { color: hsl(var(--sf-dark-c-txt-aqua-35)) } +html[data-theme='dark'] .sf-c-txt-aqua\:40\:dark, html.dark .sf-c-txt-aqua\:40\:dark { color: hsl(var(--sf-dark-c-txt-aqua-40)) } +html[data-theme='dark'] .sf-c-txt-aqua\:45\:dark, html.dark .sf-c-txt-aqua\:45\:dark { color: hsl(var(--sf-dark-c-txt-aqua-45)) } +html[data-theme='dark'] .sf-c-txt-aqua\:50\:dark, html.dark .sf-c-txt-aqua\:50\:dark { color: hsl(var(--sf-dark-c-txt-aqua-50)) } +html[data-theme='dark'] .sf-c-txt-aqua\:55\:dark, html.dark .sf-c-txt-aqua\:55\:dark { color: hsl(var(--sf-dark-c-txt-aqua-55)) } +html[data-theme='dark'] .sf-c-txt-aqua\:60\:dark, html.dark .sf-c-txt-aqua\:60\:dark { color: hsl(var(--sf-dark-c-txt-aqua-60)) } +html[data-theme='dark'] .sf-c-txt-aqua\:65\:dark, html.dark .sf-c-txt-aqua\:65\:dark { color: hsl(var(--sf-dark-c-txt-aqua-65)) } +html[data-theme='dark'] .sf-c-txt-aqua\:70\:dark, html.dark .sf-c-txt-aqua\:70\:dark { color: hsl(var(--sf-dark-c-txt-aqua-70)) } +html[data-theme='dark'] .sf-c-txt-aqua\:75\:dark, html.dark .sf-c-txt-aqua\:75\:dark { color: hsl(var(--sf-dark-c-txt-aqua-75)) } +html[data-theme='dark'] .sf-c-txt-aqua\:80\:dark, html.dark .sf-c-txt-aqua\:80\:dark { color: hsl(var(--sf-dark-c-txt-aqua-80)) } +html[data-theme='dark'] .sf-c-txt-aqua\:85\:dark, html.dark .sf-c-txt-aqua\:85\:dark { color: hsl(var(--sf-dark-c-txt-aqua-85)) } +html[data-theme='dark'] .sf-c-txt-aqua\:90\:dark, html.dark .sf-c-txt-aqua\:90\:dark { color: hsl(var(--sf-dark-c-txt-aqua-90)) } +html[data-theme='dark'] .sf-c-txt-aqua\:95\:dark, html.dark .sf-c-txt-aqua\:95\:dark { color: hsl(var(--sf-dark-c-txt-aqua-95)) } +html[data-theme='dark'] .sf-c-txt-aqua\:100\:dark, html.dark .sf-c-txt-aqua\:100\:dark { color: hsl(var(--sf-dark-c-txt-aqua-100)) } + html.var[data-theme='dark'] .sf-c-aqua, html.var.dark .sf-c-aqua { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } html.var[data-theme='dark'] .sf-c-aqua\:0, html.var.dark .sf-c-aqua\:0 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 100%) } html.var[data-theme='dark'] .sf-c-aqua\:5, html.var.dark .sf-c-aqua\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-aqua\:90\:dark, html.var.dark .sf-c-aqua\:90\: html.var[data-theme='dark'] .sf-c-aqua\:95\:dark, html.var.dark .sf-c-aqua\:95\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } html.var[data-theme='dark'] .sf-c-aqua\:100\:dark, html.var.dark .sf-c-aqua\:100\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aqua, html.dark .sf-c-txt-aqua { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:0, html.dark .sf-c-txt-aqua\:0 { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:5, html.dark .sf-c-txt-aqua\:5 { color: hsl(180, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:10, html.dark .sf-c-txt-aqua\:10 { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:15, html.dark .sf-c-txt-aqua\:15 { color: hsl(180, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:20, html.dark .sf-c-txt-aqua\:20 { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:25, html.dark .sf-c-txt-aqua\:25 { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:30, html.dark .sf-c-txt-aqua\:30 { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:35, html.dark .sf-c-txt-aqua\:35 { color: hsl(180, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:40, html.dark .sf-c-txt-aqua\:40 { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:45, html.dark .sf-c-txt-aqua\:45 { color: hsl(180, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:50, html.dark .sf-c-txt-aqua\:50 { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:55, html.dark .sf-c-txt-aqua\:55 { color: hsl(180, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:60, html.dark .sf-c-txt-aqua\:60 { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:65, html.dark .sf-c-txt-aqua\:65 { color: hsl(180, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:70, html.dark .sf-c-txt-aqua\:70 { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:75, html.dark .sf-c-txt-aqua\:75 { color: hsl(180, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:80, html.dark .sf-c-txt-aqua\:80 { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:85, html.dark .sf-c-txt-aqua\:85 { color: hsl(180, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:90, html.dark .sf-c-txt-aqua\:90 { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:95, html.dark .sf-c-txt-aqua\:95 { color: hsl(180, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:100, html.dark .sf-c-txt-aqua\:100 { color: hsl(180, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-aqua\:dark, html.dark .sf-c-txt-aqua\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:0\:dark, html.dark .sf-c-txt-aqua\:0\:dark { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:5\:dark, html.dark .sf-c-txt-aqua\:5\:dark { color: hsl(180, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:10\:dark, html.dark .sf-c-txt-aqua\:10\:dark { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:15\:dark, html.dark .sf-c-txt-aqua\:15\:dark { color: hsl(180, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:20\:dark, html.dark .sf-c-txt-aqua\:20\:dark { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:25\:dark, html.dark .sf-c-txt-aqua\:25\:dark { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:30\:dark, html.dark .sf-c-txt-aqua\:30\:dark { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:35\:dark, html.dark .sf-c-txt-aqua\:35\:dark { color: hsl(180, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:40\:dark, html.dark .sf-c-txt-aqua\:40\:dark { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:45\:dark, html.dark .sf-c-txt-aqua\:45\:dark { color: hsl(180, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:50\:dark, html.dark .sf-c-txt-aqua\:50\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:55\:dark, html.dark .sf-c-txt-aqua\:55\:dark { color: hsl(180, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:60\:dark, html.dark .sf-c-txt-aqua\:60\:dark { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:65\:dark, html.dark .sf-c-txt-aqua\:65\:dark { color: hsl(180, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:70\:dark, html.dark .sf-c-txt-aqua\:70\:dark { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:75\:dark, html.dark .sf-c-txt-aqua\:75\:dark { color: hsl(180, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:80\:dark, html.dark .sf-c-txt-aqua\:80\:dark { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:85\:dark, html.dark .sf-c-txt-aqua\:85\:dark { color: hsl(180, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:90\:dark, html.dark .sf-c-txt-aqua\:90\:dark { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:95\:dark, html.dark .sf-c-txt-aqua\:95\:dark { color: hsl(180, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-aqua\:100\:dark, html.dark .sf-c-txt-aqua\:100\:dark { color: hsl(180, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-aqua, html.auto .sf-c-aqua { color: hsl(var(--sf-dark-c-txt-aqua-5)); background: hsl(var(--sf-dark-c-aqua)) } html[data-theme='auto'] .sf-c-aqua\:0, html.auto .sf-c-aqua\:0 { color: hsl(var(--sf-dark-c-txt-aqua-95)); background: hsl(var(--sf-dark-c-aqua-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-aqua\:100\:dark, html.var.dark .sf-c-aqua\:100 html[data-theme='auto'] .sf-c-aqua\:95\:dark, html.auto .sf-c-aqua\:95\:dark { color: hsl(var(--sf-c-txt-aqua-95)); background: hsl(var(--sf-c-aqua-5)) } html[data-theme='auto'] .sf-c-aqua\:100\:dark, html.auto .sf-c-aqua\:100\:dark { color: hsl(var(--sf-c-txt-aqua-95)); background: hsl(var(--sf-c-aqua-0)) } + html[data-theme='auto'] .sf-c-txt-aqua, html.auto .sf-c-txt-aqua { color: hsl(var(--sf-c-txt-aqua)) } + html[data-theme='auto'] .sf-c-txt-aqua\:0, html.auto .sf-c-txt-aqua\:0 { color: hsl(var(--sf-c-txt-aqua-0)) } + html[data-theme='auto'] .sf-c-txt-aqua\:5, html.auto .sf-c-txt-aqua\:5 { color: hsl(var(--sf-c-txt-aqua-5)) } + html[data-theme='auto'] .sf-c-txt-aqua\:10, html.auto .sf-c-txt-aqua\:10 { color: hsl(var(--sf-c-txt-aqua-10)) } + html[data-theme='auto'] .sf-c-txt-aqua\:15, html.auto .sf-c-txt-aqua\:15 { color: hsl(var(--sf-c-txt-aqua-15)) } + html[data-theme='auto'] .sf-c-txt-aqua\:20, html.auto .sf-c-txt-aqua\:20 { color: hsl(var(--sf-c-txt-aqua-20)) } + html[data-theme='auto'] .sf-c-txt-aqua\:25, html.auto .sf-c-txt-aqua\:25 { color: hsl(var(--sf-c-txt-aqua-25)) } + html[data-theme='auto'] .sf-c-txt-aqua\:30, html.auto .sf-c-txt-aqua\:30 { color: hsl(var(--sf-c-txt-aqua-30)) } + html[data-theme='auto'] .sf-c-txt-aqua\:35, html.auto .sf-c-txt-aqua\:35 { color: hsl(var(--sf-c-txt-aqua-35)) } + html[data-theme='auto'] .sf-c-txt-aqua\:40, html.auto .sf-c-txt-aqua\:40 { color: hsl(var(--sf-c-txt-aqua-40)) } + html[data-theme='auto'] .sf-c-txt-aqua\:45, html.auto .sf-c-txt-aqua\:45 { color: hsl(var(--sf-c-txt-aqua-45)) } + html[data-theme='auto'] .sf-c-txt-aqua\:50, html.auto .sf-c-txt-aqua\:50 { color: hsl(var(--sf-c-txt-aqua-50)) } + html[data-theme='auto'] .sf-c-txt-aqua\:55, html.auto .sf-c-txt-aqua\:55 { color: hsl(var(--sf-c-txt-aqua-55)) } + html[data-theme='auto'] .sf-c-txt-aqua\:60, html.auto .sf-c-txt-aqua\:60 { color: hsl(var(--sf-c-txt-aqua-60)) } + html[data-theme='auto'] .sf-c-txt-aqua\:65, html.auto .sf-c-txt-aqua\:65 { color: hsl(var(--sf-c-txt-aqua-65)) } + html[data-theme='auto'] .sf-c-txt-aqua\:70, html.auto .sf-c-txt-aqua\:70 { color: hsl(var(--sf-c-txt-aqua-70)) } + html[data-theme='auto'] .sf-c-txt-aqua\:75, html.auto .sf-c-txt-aqua\:75 { color: hsl(var(--sf-c-txt-aqua-75)) } + html[data-theme='auto'] .sf-c-txt-aqua\:80, html.auto .sf-c-txt-aqua\:80 { color: hsl(var(--sf-c-txt-aqua-80)) } + html[data-theme='auto'] .sf-c-txt-aqua\:85, html.auto .sf-c-txt-aqua\:85 { color: hsl(var(--sf-c-txt-aqua-85)) } + html[data-theme='auto'] .sf-c-txt-aqua\:90, html.auto .sf-c-txt-aqua\:90 { color: hsl(var(--sf-c-txt-aqua-90)) } + html[data-theme='auto'] .sf-c-txt-aqua\:95, html.auto .sf-c-txt-aqua\:95 { color: hsl(var(--sf-c-txt-aqua-95)) } + html[data-theme='auto'] .sf-c-txt-aqua\:100, html.auto .sf-c-txt-aqua\:100 { color: hsl(var(--sf-c-txt-aqua-100)) } + + html[data-theme='auto'] .sf-c-txt-aqua\:dark, html.auto .sf-c-txt-aqua\:dark { color: hsl(var(--sf-c-txt-aqua)) } + html[data-theme='auto'] .sf-c-txt-aqua\:0\:dark, html.auto .sf-c-txt-aqua\:0\:dark { color: hsl(var(--sf-c-txt-aqua-0)) } + html[data-theme='auto'] .sf-c-txt-aqua\:5\:dark, html.auto .sf-c-txt-aqua\:5\:dark { color: hsl(var(--sf-c-txt-aqua-5)) } + html[data-theme='auto'] .sf-c-txt-aqua\:10\:dark, html.auto .sf-c-txt-aqua\:10\:dark { color: hsl(var(--sf-c-txt-aqua-10)) } + html[data-theme='auto'] .sf-c-txt-aqua\:15\:dark, html.auto .sf-c-txt-aqua\:15\:dark { color: hsl(var(--sf-c-txt-aqua-15)) } + html[data-theme='auto'] .sf-c-txt-aqua\:20\:dark, html.auto .sf-c-txt-aqua\:20\:dark { color: hsl(var(--sf-c-txt-aqua-20)) } + html[data-theme='auto'] .sf-c-txt-aqua\:25\:dark, html.auto .sf-c-txt-aqua\:25\:dark { color: hsl(var(--sf-c-txt-aqua-25)) } + html[data-theme='auto'] .sf-c-txt-aqua\:30\:dark, html.auto .sf-c-txt-aqua\:30\:dark { color: hsl(var(--sf-c-txt-aqua-30)) } + html[data-theme='auto'] .sf-c-txt-aqua\:35\:dark, html.auto .sf-c-txt-aqua\:35\:dark { color: hsl(var(--sf-c-txt-aqua-35)) } + html[data-theme='auto'] .sf-c-txt-aqua\:40\:dark, html.auto .sf-c-txt-aqua\:40\:dark { color: hsl(var(--sf-c-txt-aqua-40)) } + html[data-theme='auto'] .sf-c-txt-aqua\:45\:dark, html.auto .sf-c-txt-aqua\:45\:dark { color: hsl(var(--sf-c-txt-aqua-45)) } + html[data-theme='auto'] .sf-c-txt-aqua\:50\:dark, html.auto .sf-c-txt-aqua\:50\:dark { color: hsl(var(--sf-c-txt-aqua-50)) } + html[data-theme='auto'] .sf-c-txt-aqua\:55\:dark, html.auto .sf-c-txt-aqua\:55\:dark { color: hsl(var(--sf-c-txt-aqua-55)) } + html[data-theme='auto'] .sf-c-txt-aqua\:60\:dark, html.auto .sf-c-txt-aqua\:60\:dark { color: hsl(var(--sf-c-txt-aqua-60)) } + html[data-theme='auto'] .sf-c-txt-aqua\:65\:dark, html.auto .sf-c-txt-aqua\:65\:dark { color: hsl(var(--sf-c-txt-aqua-65)) } + html[data-theme='auto'] .sf-c-txt-aqua\:70\:dark, html.auto .sf-c-txt-aqua\:70\:dark { color: hsl(var(--sf-c-txt-aqua-70)) } + html[data-theme='auto'] .sf-c-txt-aqua\:75\:dark, html.auto .sf-c-txt-aqua\:75\:dark { color: hsl(var(--sf-c-txt-aqua-75)) } + html[data-theme='auto'] .sf-c-txt-aqua\:80\:dark, html.auto .sf-c-txt-aqua\:80\:dark { color: hsl(var(--sf-c-txt-aqua-80)) } + html[data-theme='auto'] .sf-c-txt-aqua\:85\:dark, html.auto .sf-c-txt-aqua\:85\:dark { color: hsl(var(--sf-c-txt-aqua-85)) } + html[data-theme='auto'] .sf-c-txt-aqua\:90\:dark, html.auto .sf-c-txt-aqua\:90\:dark { color: hsl(var(--sf-c-txt-aqua-90)) } + html[data-theme='auto'] .sf-c-txt-aqua\:95\:dark, html.auto .sf-c-txt-aqua\:95\:dark { color: hsl(var(--sf-c-txt-aqua-95)) } + html[data-theme='auto'] .sf-c-txt-aqua\:100\:dark, html.auto .sf-c-txt-aqua\:100\:dark { color: hsl(var(--sf-c-txt-aqua-100)) } + html.var[data-theme='auto'] .sf-c-aqua, html.var.auto .sf-c-aqua { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } html.var[data-theme='auto'] .sf-c-aqua\:0, html.var.auto .sf-c-aqua\:0 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 100%) } html.var[data-theme='auto'] .sf-c-aqua\:5, html.var.auto .sf-c-aqua\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-aqua\:100\:dark, html.var.dark .sf-c-aqua\:100 html.var[data-theme='auto'] .sf-c-aqua\:90\:dark, html.var.auto .sf-c-aqua\:90\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } html.var[data-theme='auto'] .sf-c-aqua\:95\:dark, html.var.auto .sf-c-aqua\:95\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } html.var[data-theme='auto'] .sf-c-aqua\:100\:dark, html.var.auto .sf-c-aqua\:100\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -} -.sf-c-txt-aqua { color: hsl(var(--sf-c-txt-aqua)) } -.sf-c-txt-aqua\:0 { color: hsl(var(--sf-c-txt-aqua-0)) } -.sf-c-txt-aqua\:5 { color: hsl(var(--sf-c-txt-aqua-5)) } -.sf-c-txt-aqua\:10 { color: hsl(var(--sf-c-txt-aqua-10)) } -.sf-c-txt-aqua\:15 { color: hsl(var(--sf-c-txt-aqua-15)) } -.sf-c-txt-aqua\:20 { color: hsl(var(--sf-c-txt-aqua-20)) } -.sf-c-txt-aqua\:25 { color: hsl(var(--sf-c-txt-aqua-25)) } -.sf-c-txt-aqua\:30 { color: hsl(var(--sf-c-txt-aqua-30)) } -.sf-c-txt-aqua\:35 { color: hsl(var(--sf-c-txt-aqua-35)) } -.sf-c-txt-aqua\:40 { color: hsl(var(--sf-c-txt-aqua-40)) } -.sf-c-txt-aqua\:45 { color: hsl(var(--sf-c-txt-aqua-45)) } -.sf-c-txt-aqua\:50 { color: hsl(var(--sf-c-txt-aqua-50)) } -.sf-c-txt-aqua\:55 { color: hsl(var(--sf-c-txt-aqua-55)) } -.sf-c-txt-aqua\:60 { color: hsl(var(--sf-c-txt-aqua-60)) } -.sf-c-txt-aqua\:65 { color: hsl(var(--sf-c-txt-aqua-65)) } -.sf-c-txt-aqua\:70 { color: hsl(var(--sf-c-txt-aqua-70)) } -.sf-c-txt-aqua\:75 { color: hsl(var(--sf-c-txt-aqua-75)) } -.sf-c-txt-aqua\:80 { color: hsl(var(--sf-c-txt-aqua-80)) } -.sf-c-txt-aqua\:85 { color: hsl(var(--sf-c-txt-aqua-85)) } -.sf-c-txt-aqua\:90 { color: hsl(var(--sf-c-txt-aqua-90)) } -.sf-c-txt-aqua\:95 { color: hsl(var(--sf-c-txt-aqua-95)) } -.sf-c-txt-aqua\:100 { color: hsl(var(--sf-c-txt-aqua-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-aqua, html.auto .sf-c-txt-aqua { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:0, html.auto .sf-c-txt-aqua\:0 { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:5, html.auto .sf-c-txt-aqua\:5 { color: hsl(180, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:10, html.auto .sf-c-txt-aqua\:10 { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:15, html.auto .sf-c-txt-aqua\:15 { color: hsl(180, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:20, html.auto .sf-c-txt-aqua\:20 { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:25, html.auto .sf-c-txt-aqua\:25 { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:30, html.auto .sf-c-txt-aqua\:30 { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:35, html.auto .sf-c-txt-aqua\:35 { color: hsl(180, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:40, html.auto .sf-c-txt-aqua\:40 { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:45, html.auto .sf-c-txt-aqua\:45 { color: hsl(180, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:50, html.auto .sf-c-txt-aqua\:50 { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:55, html.auto .sf-c-txt-aqua\:55 { color: hsl(180, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:60, html.auto .sf-c-txt-aqua\:60 { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:65, html.auto .sf-c-txt-aqua\:65 { color: hsl(180, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:70, html.auto .sf-c-txt-aqua\:70 { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:75, html.auto .sf-c-txt-aqua\:75 { color: hsl(180, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:80, html.auto .sf-c-txt-aqua\:80 { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:85, html.auto .sf-c-txt-aqua\:85 { color: hsl(180, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:90, html.auto .sf-c-txt-aqua\:90 { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:95, html.auto .sf-c-txt-aqua\:95 { color: hsl(180, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:100, html.auto .sf-c-txt-aqua\:100 { color: hsl(180, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-aqua\:dark, html.auto .sf-c-txt-aqua\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:0\:dark, html.auto .sf-c-txt-aqua\:0\:dark { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:5\:dark, html.auto .sf-c-txt-aqua\:5\:dark { color: hsl(180, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:10\:dark, html.auto .sf-c-txt-aqua\:10\:dark { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:15\:dark, html.auto .sf-c-txt-aqua\:15\:dark { color: hsl(180, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:20\:dark, html.auto .sf-c-txt-aqua\:20\:dark { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:25\:dark, html.auto .sf-c-txt-aqua\:25\:dark { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:30\:dark, html.auto .sf-c-txt-aqua\:30\:dark { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:35\:dark, html.auto .sf-c-txt-aqua\:35\:dark { color: hsl(180, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:40\:dark, html.auto .sf-c-txt-aqua\:40\:dark { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:45\:dark, html.auto .sf-c-txt-aqua\:45\:dark { color: hsl(180, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:50\:dark, html.auto .sf-c-txt-aqua\:50\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:55\:dark, html.auto .sf-c-txt-aqua\:55\:dark { color: hsl(180, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:60\:dark, html.auto .sf-c-txt-aqua\:60\:dark { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:65\:dark, html.auto .sf-c-txt-aqua\:65\:dark { color: hsl(180, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:70\:dark, html.auto .sf-c-txt-aqua\:70\:dark { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:75\:dark, html.auto .sf-c-txt-aqua\:75\:dark { color: hsl(180, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:80\:dark, html.auto .sf-c-txt-aqua\:80\:dark { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:85\:dark, html.auto .sf-c-txt-aqua\:85\:dark { color: hsl(180, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:90\:dark, html.auto .sf-c-txt-aqua\:90\:dark { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:95\:dark, html.auto .sf-c-txt-aqua\:95\:dark { color: hsl(180, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-aqua\:100\:dark, html.auto .sf-c-txt-aqua\:100\:dark { color: hsl(180, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/aquamarine.css b/src/colors/20/aquamarine.css index c656888..243ba3d 100644 --- a/src/colors/20/aquamarine.css +++ b/src/colors/20/aquamarine.css @@ -138,6 +138,52 @@ html.var .sf-c-aquamarine\:90 { color: hsl(160, 100%, 5%); background: hsl(160, html.var .sf-c-aquamarine\:95 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 95%) } html.var .sf-c-aquamarine\:100 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 100%) } +.sf-c-txt-aquamarine { color: hsl(var(--sf-dark-c-txt-aquamarine)) } +.sf-c-txt-aquamarine\:0 { color: hsl(var(--sf-dark-c-txt-aquamarine-100)) } +.sf-c-txt-aquamarine\:5 { color: hsl(var(--sf-dark-c-txt-aquamarine-95)) } +.sf-c-txt-aquamarine\:10 { color: hsl(var(--sf-dark-c-txt-aquamarine-90)) } +.sf-c-txt-aquamarine\:15 { color: hsl(var(--sf-dark-c-txt-aquamarine-85)) } +.sf-c-txt-aquamarine\:20 { color: hsl(var(--sf-dark-c-txt-aquamarine-80)) } +.sf-c-txt-aquamarine\:25 { color: hsl(var(--sf-dark-c-txt-aquamarine-75)) } +.sf-c-txt-aquamarine\:30 { color: hsl(var(--sf-dark-c-txt-aquamarine-70)) } +.sf-c-txt-aquamarine\:35 { color: hsl(var(--sf-dark-c-txt-aquamarine-65)) } +.sf-c-txt-aquamarine\:40 { color: hsl(var(--sf-dark-c-txt-aquamarine-60)) } +.sf-c-txt-aquamarine\:45 { color: hsl(var(--sf-dark-c-txt-aquamarine-55)) } +.sf-c-txt-aquamarine\:50 { color: hsl(var(--sf-dark-c-txt-aquamarine-50)) } +.sf-c-txt-aquamarine\:55 { color: hsl(var(--sf-dark-c-txt-aquamarine-45)) } +.sf-c-txt-aquamarine\:60 { color: hsl(var(--sf-dark-c-txt-aquamarine-40)) } +.sf-c-txt-aquamarine\:65 { color: hsl(var(--sf-dark-c-txt-aquamarine-35)) } +.sf-c-txt-aquamarine\:70 { color: hsl(var(--sf-dark-c-txt-aquamarine-30)) } +.sf-c-txt-aquamarine\:75 { color: hsl(var(--sf-dark-c-txt-aquamarine-25)) } +.sf-c-txt-aquamarine\:80 { color: hsl(var(--sf-dark-c-txt-aquamarine-20)) } +.sf-c-txt-aquamarine\:85 { color: hsl(var(--sf-dark-c-txt-aquamarine-15)) } +.sf-c-txt-aquamarine\:90 { color: hsl(var(--sf-dark-c-txt-aquamarine-10)) } +.sf-c-txt-aquamarine\:95 { color: hsl(var(--sf-dark-c-txt-aquamarine-5)) } +.sf-c-txt-aquamarine\:100 { color: hsl(var(--sf-dark-c-txt-aquamarine-0)) } + +html.var .sf-c-txt-aquamarine { color: hsl(160, 100%, 25%) } +html.var .sf-c-txt-aquamarine\:0 { color: hsl(160, 100%, 100%) } +html.var .sf-c-txt-aquamarine\:5 { color: hsl(160, 100%, 95%) } +html.var .sf-c-txt-aquamarine\:10 { color: hsl(160, 100%, 90%) } +html.var .sf-c-txt-aquamarine\:15 { color: hsl(160, 100%, 85%) } +html.var .sf-c-txt-aquamarine\:20 { color: hsl(160, 100%, 80%) } +html.var .sf-c-txt-aquamarine\:25 { color: hsl(160, 100%, 75%) } +html.var .sf-c-txt-aquamarine\:30 { color: hsl(160, 100%, 70%) } +html.var .sf-c-txt-aquamarine\:35 { color: hsl(160, 100%, 65%) } +html.var .sf-c-txt-aquamarine\:40 { color: hsl(160, 100%, 60%) } +html.var .sf-c-txt-aquamarine\:45 { color: hsl(160, 100%, 55%) } +html.var .sf-c-txt-aquamarine\:50 { color: hsl(160, 100%, 50%) } +html.var .sf-c-txt-aquamarine\:55 { color: hsl(160, 100%, 45%) } +html.var .sf-c-txt-aquamarine\:60 { color: hsl(160, 100%, 40%) } +html.var .sf-c-txt-aquamarine\:65 { color: hsl(160, 100%, 35%) } +html.var .sf-c-txt-aquamarine\:70 { color: hsl(160, 100%, 30%) } +html.var .sf-c-txt-aquamarine\:75 { color: hsl(160, 100%, 25%) } +html.var .sf-c-txt-aquamarine\:80 { color: hsl(160, 100%, 20%) } +html.var .sf-c-txt-aquamarine\:85 { color: hsl(160, 100%, 15%) } +html.var .sf-c-txt-aquamarine\:90 { color: hsl(160, 100%, 10%) } +html.var .sf-c-txt-aquamarine\:95 { color: hsl(160, 100%, 5%) } +html.var .sf-c-txt-aquamarine\:100 { color: hsl(160, 100%, 0%) } + html[data-theme='dark'] .sf-c-aquamarine, html.dark .sf-c-aquamarine { color: hsl(var(--sf-dark-c-txt-aquamarine-95)); background: hsl(var(--sf-dark-c-aquamarine)) } html[data-theme='dark'] .sf-c-aquamarine\:0, html.dark .sf-c-aquamarine\:0 { color: hsl(var(--sf-dark-c-txt-aquamarine-95)); background: hsl(var(--sf-dark-c-aquamarine-100)) } html[data-theme='dark'] .sf-c-aquamarine\:5, html.dark .sf-c-aquamarine\:5 { color: hsl(var(--sf-dark-c-txt-aquamarine-5)); background: hsl(var(--sf-dark-c-aquamarine-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-aquamarine\:90\:dark, html.dark .sf-c-aquamarine\: html[data-theme='dark'] .sf-c-aquamarine\:95\:dark, html.dark .sf-c-aquamarine\:95\:dark { color: hsl(var(--sf-c-txt-aquamarine-95)); background: hsl(var(--sf-c-aquamarine-5)) } html[data-theme='dark'] .sf-c-aquamarine\:100\:dark, html.dark .sf-c-aquamarine\:100\:dark { color: hsl(var(--sf-c-txt-aquamarine-95)); background: hsl(var(--sf-c-aquamarine-0)) } +html[data-theme='dark'] .sf-c-txt-aquamarine, html.dark .sf-c-txt-aquamarine { color: hsl(var(--sf-c-txt-aquamarine)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:0, html.dark .sf-c-txt-aquamarine\:0 { color: hsl(var(--sf-c-txt-aquamarine-0)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:5, html.dark .sf-c-txt-aquamarine\:5 { color: hsl(var(--sf-c-txt-aquamarine-5)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:10, html.dark .sf-c-txt-aquamarine\:10 { color: hsl(var(--sf-c-txt-aquamarine-10)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:15, html.dark .sf-c-txt-aquamarine\:15 { color: hsl(var(--sf-c-txt-aquamarine-15)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:20, html.dark .sf-c-txt-aquamarine\:20 { color: hsl(var(--sf-c-txt-aquamarine-20)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:25, html.dark .sf-c-txt-aquamarine\:25 { color: hsl(var(--sf-c-txt-aquamarine-25)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:30, html.dark .sf-c-txt-aquamarine\:30 { color: hsl(var(--sf-c-txt-aquamarine-30)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:35, html.dark .sf-c-txt-aquamarine\:35 { color: hsl(var(--sf-c-txt-aquamarine-35)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:40, html.dark .sf-c-txt-aquamarine\:40 { color: hsl(var(--sf-c-txt-aquamarine-40)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:45, html.dark .sf-c-txt-aquamarine\:45 { color: hsl(var(--sf-c-txt-aquamarine-45)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:50, html.dark .sf-c-txt-aquamarine\:50 { color: hsl(var(--sf-c-txt-aquamarine-50)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:55, html.dark .sf-c-txt-aquamarine\:55 { color: hsl(var(--sf-c-txt-aquamarine-55)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:60, html.dark .sf-c-txt-aquamarine\:60 { color: hsl(var(--sf-c-txt-aquamarine-60)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:65, html.dark .sf-c-txt-aquamarine\:65 { color: hsl(var(--sf-c-txt-aquamarine-65)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:70, html.dark .sf-c-txt-aquamarine\:70 { color: hsl(var(--sf-c-txt-aquamarine-70)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:75, html.dark .sf-c-txt-aquamarine\:75 { color: hsl(var(--sf-c-txt-aquamarine-75)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:80, html.dark .sf-c-txt-aquamarine\:80 { color: hsl(var(--sf-c-txt-aquamarine-80)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:85, html.dark .sf-c-txt-aquamarine\:85 { color: hsl(var(--sf-c-txt-aquamarine-85)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:90, html.dark .sf-c-txt-aquamarine\:90 { color: hsl(var(--sf-c-txt-aquamarine-90)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:95, html.dark .sf-c-txt-aquamarine\:95 { color: hsl(var(--sf-c-txt-aquamarine-95)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:100, html.dark .sf-c-txt-aquamarine\:100 { color: hsl(var(--sf-c-txt-aquamarine-100)) } + +html[data-theme='dark'] .sf-c-txt-aquamarine\:dark, html.dark .sf-c-txt-aquamarine\:dark { color: hsl(var(--sf-c-txt-aquamarine)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:0\:dark, html.dark .sf-c-txt-aquamarine\:0\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-0)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:5\:dark, html.dark .sf-c-txt-aquamarine\:5\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-5)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:10\:dark, html.dark .sf-c-txt-aquamarine\:10\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-10)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:15\:dark, html.dark .sf-c-txt-aquamarine\:15\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-15)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:20\:dark, html.dark .sf-c-txt-aquamarine\:20\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-20)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:25\:dark, html.dark .sf-c-txt-aquamarine\:25\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-25)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:30\:dark, html.dark .sf-c-txt-aquamarine\:30\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-30)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:35\:dark, html.dark .sf-c-txt-aquamarine\:35\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-35)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:40\:dark, html.dark .sf-c-txt-aquamarine\:40\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-40)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:45\:dark, html.dark .sf-c-txt-aquamarine\:45\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-45)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:50\:dark, html.dark .sf-c-txt-aquamarine\:50\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-50)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:55\:dark, html.dark .sf-c-txt-aquamarine\:55\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-55)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:60\:dark, html.dark .sf-c-txt-aquamarine\:60\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-60)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:65\:dark, html.dark .sf-c-txt-aquamarine\:65\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-65)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:70\:dark, html.dark .sf-c-txt-aquamarine\:70\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-70)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:75\:dark, html.dark .sf-c-txt-aquamarine\:75\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-75)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:80\:dark, html.dark .sf-c-txt-aquamarine\:80\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-80)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:85\:dark, html.dark .sf-c-txt-aquamarine\:85\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-85)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:90\:dark, html.dark .sf-c-txt-aquamarine\:90\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-90)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:95\:dark, html.dark .sf-c-txt-aquamarine\:95\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-95)) } +html[data-theme='dark'] .sf-c-txt-aquamarine\:100\:dark, html.dark .sf-c-txt-aquamarine\:100\:dark { color: hsl(var(--sf-dark-c-txt-aquamarine-100)) } + html.var[data-theme='dark'] .sf-c-aquamarine, html.var.dark .sf-c-aquamarine { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 25%) } html.var[data-theme='dark'] .sf-c-aquamarine\:0, html.var.dark .sf-c-aquamarine\:0 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 100%) } html.var[data-theme='dark'] .sf-c-aquamarine\:5, html.var.dark .sf-c-aquamarine\:5 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-aquamarine\:90\:dark, html.var.dark .sf-c-aqua html.var[data-theme='dark'] .sf-c-aquamarine\:95\:dark, html.var.dark .sf-c-aquamarine\:95\:dark { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 5%) } html.var[data-theme='dark'] .sf-c-aquamarine\:100\:dark, html.var.dark .sf-c-aquamarine\:100\:dark { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine, html.dark .sf-c-txt-aquamarine { color: hsl(160, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:0, html.dark .sf-c-txt-aquamarine\:0 { color: hsl(160, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:5, html.dark .sf-c-txt-aquamarine\:5 { color: hsl(160, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:10, html.dark .sf-c-txt-aquamarine\:10 { color: hsl(160, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:15, html.dark .sf-c-txt-aquamarine\:15 { color: hsl(160, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:20, html.dark .sf-c-txt-aquamarine\:20 { color: hsl(160, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:25, html.dark .sf-c-txt-aquamarine\:25 { color: hsl(160, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:30, html.dark .sf-c-txt-aquamarine\:30 { color: hsl(160, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:35, html.dark .sf-c-txt-aquamarine\:35 { color: hsl(160, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:40, html.dark .sf-c-txt-aquamarine\:40 { color: hsl(160, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:45, html.dark .sf-c-txt-aquamarine\:45 { color: hsl(160, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:50, html.dark .sf-c-txt-aquamarine\:50 { color: hsl(160, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:55, html.dark .sf-c-txt-aquamarine\:55 { color: hsl(160, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:60, html.dark .sf-c-txt-aquamarine\:60 { color: hsl(160, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:65, html.dark .sf-c-txt-aquamarine\:65 { color: hsl(160, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:70, html.dark .sf-c-txt-aquamarine\:70 { color: hsl(160, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:75, html.dark .sf-c-txt-aquamarine\:75 { color: hsl(160, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:80, html.dark .sf-c-txt-aquamarine\:80 { color: hsl(160, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:85, html.dark .sf-c-txt-aquamarine\:85 { color: hsl(160, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:90, html.dark .sf-c-txt-aquamarine\:90 { color: hsl(160, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:95, html.dark .sf-c-txt-aquamarine\:95 { color: hsl(160, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:100, html.dark .sf-c-txt-aquamarine\:100 { color: hsl(160, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:dark, html.dark .sf-c-txt-aquamarine\:dark { color: hsl(160, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:0\:dark, html.dark .sf-c-txt-aquamarine\:0\:dark { color: hsl(160, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:5\:dark, html.dark .sf-c-txt-aquamarine\:5\:dark { color: hsl(160, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:10\:dark, html.dark .sf-c-txt-aquamarine\:10\:dark { color: hsl(160, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:15\:dark, html.dark .sf-c-txt-aquamarine\:15\:dark { color: hsl(160, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:20\:dark, html.dark .sf-c-txt-aquamarine\:20\:dark { color: hsl(160, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:25\:dark, html.dark .sf-c-txt-aquamarine\:25\:dark { color: hsl(160, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:30\:dark, html.dark .sf-c-txt-aquamarine\:30\:dark { color: hsl(160, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:35\:dark, html.dark .sf-c-txt-aquamarine\:35\:dark { color: hsl(160, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:40\:dark, html.dark .sf-c-txt-aquamarine\:40\:dark { color: hsl(160, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:45\:dark, html.dark .sf-c-txt-aquamarine\:45\:dark { color: hsl(160, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:50\:dark, html.dark .sf-c-txt-aquamarine\:50\:dark { color: hsl(160, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:55\:dark, html.dark .sf-c-txt-aquamarine\:55\:dark { color: hsl(160, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:60\:dark, html.dark .sf-c-txt-aquamarine\:60\:dark { color: hsl(160, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:65\:dark, html.dark .sf-c-txt-aquamarine\:65\:dark { color: hsl(160, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:70\:dark, html.dark .sf-c-txt-aquamarine\:70\:dark { color: hsl(160, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:75\:dark, html.dark .sf-c-txt-aquamarine\:75\:dark { color: hsl(160, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:80\:dark, html.dark .sf-c-txt-aquamarine\:80\:dark { color: hsl(160, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:85\:dark, html.dark .sf-c-txt-aquamarine\:85\:dark { color: hsl(160, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:90\:dark, html.dark .sf-c-txt-aquamarine\:90\:dark { color: hsl(160, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:95\:dark, html.dark .sf-c-txt-aquamarine\:95\:dark { color: hsl(160, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-aquamarine\:100\:dark, html.dark .sf-c-txt-aquamarine\:100\:dark { color: hsl(160, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-aquamarine, html.auto .sf-c-aquamarine { color: hsl(var(--sf-dark-c-txt-aquamarine-95)); background: hsl(var(--sf-dark-c-aquamarine)) } html[data-theme='auto'] .sf-c-aquamarine\:0, html.auto .sf-c-aquamarine\:0 { color: hsl(var(--sf-dark-c-txt-aquamarine-95)); background: hsl(var(--sf-dark-c-aquamarine-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-aquamarine\:100\:dark, html.var.dark .sf-c-aqu html[data-theme='auto'] .sf-c-aquamarine\:95\:dark, html.auto .sf-c-aquamarine\:95\:dark { color: hsl(var(--sf-c-txt-aquamarine-95)); background: hsl(var(--sf-c-aquamarine-5)) } html[data-theme='auto'] .sf-c-aquamarine\:100\:dark, html.auto .sf-c-aquamarine\:100\:dark { color: hsl(var(--sf-c-txt-aquamarine-95)); background: hsl(var(--sf-c-aquamarine-0)) } + html[data-theme='auto'] .sf-c-txt-aquamarine, html.auto .sf-c-txt-aquamarine { color: hsl(var(--sf-c-txt-aquamarine)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:0, html.auto .sf-c-txt-aquamarine\:0 { color: hsl(var(--sf-c-txt-aquamarine-0)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:5, html.auto .sf-c-txt-aquamarine\:5 { color: hsl(var(--sf-c-txt-aquamarine-5)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:10, html.auto .sf-c-txt-aquamarine\:10 { color: hsl(var(--sf-c-txt-aquamarine-10)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:15, html.auto .sf-c-txt-aquamarine\:15 { color: hsl(var(--sf-c-txt-aquamarine-15)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:20, html.auto .sf-c-txt-aquamarine\:20 { color: hsl(var(--sf-c-txt-aquamarine-20)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:25, html.auto .sf-c-txt-aquamarine\:25 { color: hsl(var(--sf-c-txt-aquamarine-25)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:30, html.auto .sf-c-txt-aquamarine\:30 { color: hsl(var(--sf-c-txt-aquamarine-30)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:35, html.auto .sf-c-txt-aquamarine\:35 { color: hsl(var(--sf-c-txt-aquamarine-35)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:40, html.auto .sf-c-txt-aquamarine\:40 { color: hsl(var(--sf-c-txt-aquamarine-40)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:45, html.auto .sf-c-txt-aquamarine\:45 { color: hsl(var(--sf-c-txt-aquamarine-45)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:50, html.auto .sf-c-txt-aquamarine\:50 { color: hsl(var(--sf-c-txt-aquamarine-50)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:55, html.auto .sf-c-txt-aquamarine\:55 { color: hsl(var(--sf-c-txt-aquamarine-55)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:60, html.auto .sf-c-txt-aquamarine\:60 { color: hsl(var(--sf-c-txt-aquamarine-60)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:65, html.auto .sf-c-txt-aquamarine\:65 { color: hsl(var(--sf-c-txt-aquamarine-65)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:70, html.auto .sf-c-txt-aquamarine\:70 { color: hsl(var(--sf-c-txt-aquamarine-70)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:75, html.auto .sf-c-txt-aquamarine\:75 { color: hsl(var(--sf-c-txt-aquamarine-75)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:80, html.auto .sf-c-txt-aquamarine\:80 { color: hsl(var(--sf-c-txt-aquamarine-80)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:85, html.auto .sf-c-txt-aquamarine\:85 { color: hsl(var(--sf-c-txt-aquamarine-85)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:90, html.auto .sf-c-txt-aquamarine\:90 { color: hsl(var(--sf-c-txt-aquamarine-90)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:95, html.auto .sf-c-txt-aquamarine\:95 { color: hsl(var(--sf-c-txt-aquamarine-95)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:100, html.auto .sf-c-txt-aquamarine\:100 { color: hsl(var(--sf-c-txt-aquamarine-100)) } + + html[data-theme='auto'] .sf-c-txt-aquamarine\:dark, html.auto .sf-c-txt-aquamarine\:dark { color: hsl(var(--sf-c-txt-aquamarine)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:0\:dark, html.auto .sf-c-txt-aquamarine\:0\:dark { color: hsl(var(--sf-c-txt-aquamarine-0)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:5\:dark, html.auto .sf-c-txt-aquamarine\:5\:dark { color: hsl(var(--sf-c-txt-aquamarine-5)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:10\:dark, html.auto .sf-c-txt-aquamarine\:10\:dark { color: hsl(var(--sf-c-txt-aquamarine-10)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:15\:dark, html.auto .sf-c-txt-aquamarine\:15\:dark { color: hsl(var(--sf-c-txt-aquamarine-15)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:20\:dark, html.auto .sf-c-txt-aquamarine\:20\:dark { color: hsl(var(--sf-c-txt-aquamarine-20)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:25\:dark, html.auto .sf-c-txt-aquamarine\:25\:dark { color: hsl(var(--sf-c-txt-aquamarine-25)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:30\:dark, html.auto .sf-c-txt-aquamarine\:30\:dark { color: hsl(var(--sf-c-txt-aquamarine-30)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:35\:dark, html.auto .sf-c-txt-aquamarine\:35\:dark { color: hsl(var(--sf-c-txt-aquamarine-35)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:40\:dark, html.auto .sf-c-txt-aquamarine\:40\:dark { color: hsl(var(--sf-c-txt-aquamarine-40)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:45\:dark, html.auto .sf-c-txt-aquamarine\:45\:dark { color: hsl(var(--sf-c-txt-aquamarine-45)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:50\:dark, html.auto .sf-c-txt-aquamarine\:50\:dark { color: hsl(var(--sf-c-txt-aquamarine-50)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:55\:dark, html.auto .sf-c-txt-aquamarine\:55\:dark { color: hsl(var(--sf-c-txt-aquamarine-55)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:60\:dark, html.auto .sf-c-txt-aquamarine\:60\:dark { color: hsl(var(--sf-c-txt-aquamarine-60)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:65\:dark, html.auto .sf-c-txt-aquamarine\:65\:dark { color: hsl(var(--sf-c-txt-aquamarine-65)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:70\:dark, html.auto .sf-c-txt-aquamarine\:70\:dark { color: hsl(var(--sf-c-txt-aquamarine-70)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:75\:dark, html.auto .sf-c-txt-aquamarine\:75\:dark { color: hsl(var(--sf-c-txt-aquamarine-75)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:80\:dark, html.auto .sf-c-txt-aquamarine\:80\:dark { color: hsl(var(--sf-c-txt-aquamarine-80)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:85\:dark, html.auto .sf-c-txt-aquamarine\:85\:dark { color: hsl(var(--sf-c-txt-aquamarine-85)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:90\:dark, html.auto .sf-c-txt-aquamarine\:90\:dark { color: hsl(var(--sf-c-txt-aquamarine-90)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:95\:dark, html.auto .sf-c-txt-aquamarine\:95\:dark { color: hsl(var(--sf-c-txt-aquamarine-95)) } + html[data-theme='auto'] .sf-c-txt-aquamarine\:100\:dark, html.auto .sf-c-txt-aquamarine\:100\:dark { color: hsl(var(--sf-c-txt-aquamarine-100)) } + html.var[data-theme='auto'] .sf-c-aquamarine, html.var.auto .sf-c-aquamarine { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 25%) } html.var[data-theme='auto'] .sf-c-aquamarine\:0, html.var.auto .sf-c-aquamarine\:0 { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 100%) } html.var[data-theme='auto'] .sf-c-aquamarine\:5, html.var.auto .sf-c-aquamarine\:5 { color: hsl(160, 100%, 5%); background: hsl(160, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-aquamarine\:100\:dark, html.var.dark .sf-c-aqu html.var[data-theme='auto'] .sf-c-aquamarine\:90\:dark, html.var.auto .sf-c-aquamarine\:90\:dark { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 10%) } html.var[data-theme='auto'] .sf-c-aquamarine\:95\:dark, html.var.auto .sf-c-aquamarine\:95\:dark { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 5%) } html.var[data-theme='auto'] .sf-c-aquamarine\:100\:dark, html.var.auto .sf-c-aquamarine\:100\:dark { color: hsl(160, 100%, 95%); background: hsl(160, 100%, 0%) } -} -.sf-c-txt-aquamarine { color: hsl(var(--sf-c-txt-aquamarine)) } -.sf-c-txt-aquamarine\:0 { color: hsl(var(--sf-c-txt-aquamarine-0)) } -.sf-c-txt-aquamarine\:5 { color: hsl(var(--sf-c-txt-aquamarine-5)) } -.sf-c-txt-aquamarine\:10 { color: hsl(var(--sf-c-txt-aquamarine-10)) } -.sf-c-txt-aquamarine\:15 { color: hsl(var(--sf-c-txt-aquamarine-15)) } -.sf-c-txt-aquamarine\:20 { color: hsl(var(--sf-c-txt-aquamarine-20)) } -.sf-c-txt-aquamarine\:25 { color: hsl(var(--sf-c-txt-aquamarine-25)) } -.sf-c-txt-aquamarine\:30 { color: hsl(var(--sf-c-txt-aquamarine-30)) } -.sf-c-txt-aquamarine\:35 { color: hsl(var(--sf-c-txt-aquamarine-35)) } -.sf-c-txt-aquamarine\:40 { color: hsl(var(--sf-c-txt-aquamarine-40)) } -.sf-c-txt-aquamarine\:45 { color: hsl(var(--sf-c-txt-aquamarine-45)) } -.sf-c-txt-aquamarine\:50 { color: hsl(var(--sf-c-txt-aquamarine-50)) } -.sf-c-txt-aquamarine\:55 { color: hsl(var(--sf-c-txt-aquamarine-55)) } -.sf-c-txt-aquamarine\:60 { color: hsl(var(--sf-c-txt-aquamarine-60)) } -.sf-c-txt-aquamarine\:65 { color: hsl(var(--sf-c-txt-aquamarine-65)) } -.sf-c-txt-aquamarine\:70 { color: hsl(var(--sf-c-txt-aquamarine-70)) } -.sf-c-txt-aquamarine\:75 { color: hsl(var(--sf-c-txt-aquamarine-75)) } -.sf-c-txt-aquamarine\:80 { color: hsl(var(--sf-c-txt-aquamarine-80)) } -.sf-c-txt-aquamarine\:85 { color: hsl(var(--sf-c-txt-aquamarine-85)) } -.sf-c-txt-aquamarine\:90 { color: hsl(var(--sf-c-txt-aquamarine-90)) } -.sf-c-txt-aquamarine\:95 { color: hsl(var(--sf-c-txt-aquamarine-95)) } -.sf-c-txt-aquamarine\:100 { color: hsl(var(--sf-c-txt-aquamarine-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-aquamarine, html.auto .sf-c-txt-aquamarine { color: hsl(160, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:0, html.auto .sf-c-txt-aquamarine\:0 { color: hsl(160, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:5, html.auto .sf-c-txt-aquamarine\:5 { color: hsl(160, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:10, html.auto .sf-c-txt-aquamarine\:10 { color: hsl(160, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:15, html.auto .sf-c-txt-aquamarine\:15 { color: hsl(160, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:20, html.auto .sf-c-txt-aquamarine\:20 { color: hsl(160, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:25, html.auto .sf-c-txt-aquamarine\:25 { color: hsl(160, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:30, html.auto .sf-c-txt-aquamarine\:30 { color: hsl(160, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:35, html.auto .sf-c-txt-aquamarine\:35 { color: hsl(160, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:40, html.auto .sf-c-txt-aquamarine\:40 { color: hsl(160, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:45, html.auto .sf-c-txt-aquamarine\:45 { color: hsl(160, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:50, html.auto .sf-c-txt-aquamarine\:50 { color: hsl(160, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:55, html.auto .sf-c-txt-aquamarine\:55 { color: hsl(160, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:60, html.auto .sf-c-txt-aquamarine\:60 { color: hsl(160, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:65, html.auto .sf-c-txt-aquamarine\:65 { color: hsl(160, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:70, html.auto .sf-c-txt-aquamarine\:70 { color: hsl(160, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:75, html.auto .sf-c-txt-aquamarine\:75 { color: hsl(160, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:80, html.auto .sf-c-txt-aquamarine\:80 { color: hsl(160, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:85, html.auto .sf-c-txt-aquamarine\:85 { color: hsl(160, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:90, html.auto .sf-c-txt-aquamarine\:90 { color: hsl(160, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:95, html.auto .sf-c-txt-aquamarine\:95 { color: hsl(160, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:100, html.auto .sf-c-txt-aquamarine\:100 { color: hsl(160, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:dark, html.auto .sf-c-txt-aquamarine\:dark { color: hsl(160, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:0\:dark, html.auto .sf-c-txt-aquamarine\:0\:dark { color: hsl(160, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:5\:dark, html.auto .sf-c-txt-aquamarine\:5\:dark { color: hsl(160, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:10\:dark, html.auto .sf-c-txt-aquamarine\:10\:dark { color: hsl(160, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:15\:dark, html.auto .sf-c-txt-aquamarine\:15\:dark { color: hsl(160, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:20\:dark, html.auto .sf-c-txt-aquamarine\:20\:dark { color: hsl(160, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:25\:dark, html.auto .sf-c-txt-aquamarine\:25\:dark { color: hsl(160, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:30\:dark, html.auto .sf-c-txt-aquamarine\:30\:dark { color: hsl(160, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:35\:dark, html.auto .sf-c-txt-aquamarine\:35\:dark { color: hsl(160, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:40\:dark, html.auto .sf-c-txt-aquamarine\:40\:dark { color: hsl(160, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:45\:dark, html.auto .sf-c-txt-aquamarine\:45\:dark { color: hsl(160, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:50\:dark, html.auto .sf-c-txt-aquamarine\:50\:dark { color: hsl(160, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:55\:dark, html.auto .sf-c-txt-aquamarine\:55\:dark { color: hsl(160, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:60\:dark, html.auto .sf-c-txt-aquamarine\:60\:dark { color: hsl(160, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:65\:dark, html.auto .sf-c-txt-aquamarine\:65\:dark { color: hsl(160, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:70\:dark, html.auto .sf-c-txt-aquamarine\:70\:dark { color: hsl(160, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:75\:dark, html.auto .sf-c-txt-aquamarine\:75\:dark { color: hsl(160, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:80\:dark, html.auto .sf-c-txt-aquamarine\:80\:dark { color: hsl(160, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:85\:dark, html.auto .sf-c-txt-aquamarine\:85\:dark { color: hsl(160, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:90\:dark, html.auto .sf-c-txt-aquamarine\:90\:dark { color: hsl(160, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:95\:dark, html.auto .sf-c-txt-aquamarine\:95\:dark { color: hsl(160, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-aquamarine\:100\:dark, html.auto .sf-c-txt-aquamarine\:100\:dark { color: hsl(160, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/azure.css b/src/colors/20/azure.css index eead5f5..4866266 100644 --- a/src/colors/20/azure.css +++ b/src/colors/20/azure.css @@ -138,6 +138,52 @@ html.var .sf-c-azure\:90 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, html.var .sf-c-azure\:95 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } html.var .sf-c-azure\:100 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } +.sf-c-txt-azure { color: hsl(var(--sf-dark-c-txt-azure)) } +.sf-c-txt-azure\:0 { color: hsl(var(--sf-dark-c-txt-azure-100)) } +.sf-c-txt-azure\:5 { color: hsl(var(--sf-dark-c-txt-azure-95)) } +.sf-c-txt-azure\:10 { color: hsl(var(--sf-dark-c-txt-azure-90)) } +.sf-c-txt-azure\:15 { color: hsl(var(--sf-dark-c-txt-azure-85)) } +.sf-c-txt-azure\:20 { color: hsl(var(--sf-dark-c-txt-azure-80)) } +.sf-c-txt-azure\:25 { color: hsl(var(--sf-dark-c-txt-azure-75)) } +.sf-c-txt-azure\:30 { color: hsl(var(--sf-dark-c-txt-azure-70)) } +.sf-c-txt-azure\:35 { color: hsl(var(--sf-dark-c-txt-azure-65)) } +.sf-c-txt-azure\:40 { color: hsl(var(--sf-dark-c-txt-azure-60)) } +.sf-c-txt-azure\:45 { color: hsl(var(--sf-dark-c-txt-azure-55)) } +.sf-c-txt-azure\:50 { color: hsl(var(--sf-dark-c-txt-azure-50)) } +.sf-c-txt-azure\:55 { color: hsl(var(--sf-dark-c-txt-azure-45)) } +.sf-c-txt-azure\:60 { color: hsl(var(--sf-dark-c-txt-azure-40)) } +.sf-c-txt-azure\:65 { color: hsl(var(--sf-dark-c-txt-azure-35)) } +.sf-c-txt-azure\:70 { color: hsl(var(--sf-dark-c-txt-azure-30)) } +.sf-c-txt-azure\:75 { color: hsl(var(--sf-dark-c-txt-azure-25)) } +.sf-c-txt-azure\:80 { color: hsl(var(--sf-dark-c-txt-azure-20)) } +.sf-c-txt-azure\:85 { color: hsl(var(--sf-dark-c-txt-azure-15)) } +.sf-c-txt-azure\:90 { color: hsl(var(--sf-dark-c-txt-azure-10)) } +.sf-c-txt-azure\:95 { color: hsl(var(--sf-dark-c-txt-azure-5)) } +.sf-c-txt-azure\:100 { color: hsl(var(--sf-dark-c-txt-azure-0)) } + +html.var .sf-c-txt-azure { color: hsl(180, 100%, 3%) } +html.var .sf-c-txt-azure\:0 { color: hsl(180, 100%, 100%) } +html.var .sf-c-txt-azure\:5 { color: hsl(180, 100%, 95%) } +html.var .sf-c-txt-azure\:10 { color: hsl(180, 100%, 90%) } +html.var .sf-c-txt-azure\:15 { color: hsl(180, 100%, 85%) } +html.var .sf-c-txt-azure\:20 { color: hsl(180, 100%, 80%) } +html.var .sf-c-txt-azure\:25 { color: hsl(180, 100%, 75%) } +html.var .sf-c-txt-azure\:30 { color: hsl(180, 100%, 70%) } +html.var .sf-c-txt-azure\:35 { color: hsl(180, 100%, 65%) } +html.var .sf-c-txt-azure\:40 { color: hsl(180, 100%, 60%) } +html.var .sf-c-txt-azure\:45 { color: hsl(180, 100%, 55%) } +html.var .sf-c-txt-azure\:50 { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-azure\:55 { color: hsl(180, 100%, 45%) } +html.var .sf-c-txt-azure\:60 { color: hsl(180, 100%, 40%) } +html.var .sf-c-txt-azure\:65 { color: hsl(180, 100%, 35%) } +html.var .sf-c-txt-azure\:70 { color: hsl(180, 100%, 30%) } +html.var .sf-c-txt-azure\:75 { color: hsl(180, 100%, 25%) } +html.var .sf-c-txt-azure\:80 { color: hsl(180, 100%, 20%) } +html.var .sf-c-txt-azure\:85 { color: hsl(180, 100%, 15%) } +html.var .sf-c-txt-azure\:90 { color: hsl(180, 100%, 10%) } +html.var .sf-c-txt-azure\:95 { color: hsl(180, 100%, 5%) } +html.var .sf-c-txt-azure\:100 { color: hsl(180, 100%, 0%) } + html[data-theme='dark'] .sf-c-azure, html.dark .sf-c-azure { color: hsl(var(--sf-dark-c-txt-azure-95)); background: hsl(var(--sf-dark-c-azure)) } html[data-theme='dark'] .sf-c-azure\:0, html.dark .sf-c-azure\:0 { color: hsl(var(--sf-dark-c-txt-azure-95)); background: hsl(var(--sf-dark-c-azure-100)) } html[data-theme='dark'] .sf-c-azure\:5, html.dark .sf-c-azure\:5 { color: hsl(var(--sf-dark-c-txt-azure-5)); background: hsl(var(--sf-dark-c-azure-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-azure\:90\:dark, html.dark .sf-c-azure\:90\:dark { html[data-theme='dark'] .sf-c-azure\:95\:dark, html.dark .sf-c-azure\:95\:dark { color: hsl(var(--sf-c-txt-azure-95)); background: hsl(var(--sf-c-azure-5)) } html[data-theme='dark'] .sf-c-azure\:100\:dark, html.dark .sf-c-azure\:100\:dark { color: hsl(var(--sf-c-txt-azure-95)); background: hsl(var(--sf-c-azure-0)) } +html[data-theme='dark'] .sf-c-txt-azure, html.dark .sf-c-txt-azure { color: hsl(var(--sf-c-txt-azure)) } +html[data-theme='dark'] .sf-c-txt-azure\:0, html.dark .sf-c-txt-azure\:0 { color: hsl(var(--sf-c-txt-azure-0)) } +html[data-theme='dark'] .sf-c-txt-azure\:5, html.dark .sf-c-txt-azure\:5 { color: hsl(var(--sf-c-txt-azure-5)) } +html[data-theme='dark'] .sf-c-txt-azure\:10, html.dark .sf-c-txt-azure\:10 { color: hsl(var(--sf-c-txt-azure-10)) } +html[data-theme='dark'] .sf-c-txt-azure\:15, html.dark .sf-c-txt-azure\:15 { color: hsl(var(--sf-c-txt-azure-15)) } +html[data-theme='dark'] .sf-c-txt-azure\:20, html.dark .sf-c-txt-azure\:20 { color: hsl(var(--sf-c-txt-azure-20)) } +html[data-theme='dark'] .sf-c-txt-azure\:25, html.dark .sf-c-txt-azure\:25 { color: hsl(var(--sf-c-txt-azure-25)) } +html[data-theme='dark'] .sf-c-txt-azure\:30, html.dark .sf-c-txt-azure\:30 { color: hsl(var(--sf-c-txt-azure-30)) } +html[data-theme='dark'] .sf-c-txt-azure\:35, html.dark .sf-c-txt-azure\:35 { color: hsl(var(--sf-c-txt-azure-35)) } +html[data-theme='dark'] .sf-c-txt-azure\:40, html.dark .sf-c-txt-azure\:40 { color: hsl(var(--sf-c-txt-azure-40)) } +html[data-theme='dark'] .sf-c-txt-azure\:45, html.dark .sf-c-txt-azure\:45 { color: hsl(var(--sf-c-txt-azure-45)) } +html[data-theme='dark'] .sf-c-txt-azure\:50, html.dark .sf-c-txt-azure\:50 { color: hsl(var(--sf-c-txt-azure-50)) } +html[data-theme='dark'] .sf-c-txt-azure\:55, html.dark .sf-c-txt-azure\:55 { color: hsl(var(--sf-c-txt-azure-55)) } +html[data-theme='dark'] .sf-c-txt-azure\:60, html.dark .sf-c-txt-azure\:60 { color: hsl(var(--sf-c-txt-azure-60)) } +html[data-theme='dark'] .sf-c-txt-azure\:65, html.dark .sf-c-txt-azure\:65 { color: hsl(var(--sf-c-txt-azure-65)) } +html[data-theme='dark'] .sf-c-txt-azure\:70, html.dark .sf-c-txt-azure\:70 { color: hsl(var(--sf-c-txt-azure-70)) } +html[data-theme='dark'] .sf-c-txt-azure\:75, html.dark .sf-c-txt-azure\:75 { color: hsl(var(--sf-c-txt-azure-75)) } +html[data-theme='dark'] .sf-c-txt-azure\:80, html.dark .sf-c-txt-azure\:80 { color: hsl(var(--sf-c-txt-azure-80)) } +html[data-theme='dark'] .sf-c-txt-azure\:85, html.dark .sf-c-txt-azure\:85 { color: hsl(var(--sf-c-txt-azure-85)) } +html[data-theme='dark'] .sf-c-txt-azure\:90, html.dark .sf-c-txt-azure\:90 { color: hsl(var(--sf-c-txt-azure-90)) } +html[data-theme='dark'] .sf-c-txt-azure\:95, html.dark .sf-c-txt-azure\:95 { color: hsl(var(--sf-c-txt-azure-95)) } +html[data-theme='dark'] .sf-c-txt-azure\:100, html.dark .sf-c-txt-azure\:100 { color: hsl(var(--sf-c-txt-azure-100)) } + +html[data-theme='dark'] .sf-c-txt-azure\:dark, html.dark .sf-c-txt-azure\:dark { color: hsl(var(--sf-c-txt-azure)) } +html[data-theme='dark'] .sf-c-txt-azure\:0\:dark, html.dark .sf-c-txt-azure\:0\:dark { color: hsl(var(--sf-dark-c-txt-azure-0)) } +html[data-theme='dark'] .sf-c-txt-azure\:5\:dark, html.dark .sf-c-txt-azure\:5\:dark { color: hsl(var(--sf-dark-c-txt-azure-5)) } +html[data-theme='dark'] .sf-c-txt-azure\:10\:dark, html.dark .sf-c-txt-azure\:10\:dark { color: hsl(var(--sf-dark-c-txt-azure-10)) } +html[data-theme='dark'] .sf-c-txt-azure\:15\:dark, html.dark .sf-c-txt-azure\:15\:dark { color: hsl(var(--sf-dark-c-txt-azure-15)) } +html[data-theme='dark'] .sf-c-txt-azure\:20\:dark, html.dark .sf-c-txt-azure\:20\:dark { color: hsl(var(--sf-dark-c-txt-azure-20)) } +html[data-theme='dark'] .sf-c-txt-azure\:25\:dark, html.dark .sf-c-txt-azure\:25\:dark { color: hsl(var(--sf-dark-c-txt-azure-25)) } +html[data-theme='dark'] .sf-c-txt-azure\:30\:dark, html.dark .sf-c-txt-azure\:30\:dark { color: hsl(var(--sf-dark-c-txt-azure-30)) } +html[data-theme='dark'] .sf-c-txt-azure\:35\:dark, html.dark .sf-c-txt-azure\:35\:dark { color: hsl(var(--sf-dark-c-txt-azure-35)) } +html[data-theme='dark'] .sf-c-txt-azure\:40\:dark, html.dark .sf-c-txt-azure\:40\:dark { color: hsl(var(--sf-dark-c-txt-azure-40)) } +html[data-theme='dark'] .sf-c-txt-azure\:45\:dark, html.dark .sf-c-txt-azure\:45\:dark { color: hsl(var(--sf-dark-c-txt-azure-45)) } +html[data-theme='dark'] .sf-c-txt-azure\:50\:dark, html.dark .sf-c-txt-azure\:50\:dark { color: hsl(var(--sf-dark-c-txt-azure-50)) } +html[data-theme='dark'] .sf-c-txt-azure\:55\:dark, html.dark .sf-c-txt-azure\:55\:dark { color: hsl(var(--sf-dark-c-txt-azure-55)) } +html[data-theme='dark'] .sf-c-txt-azure\:60\:dark, html.dark .sf-c-txt-azure\:60\:dark { color: hsl(var(--sf-dark-c-txt-azure-60)) } +html[data-theme='dark'] .sf-c-txt-azure\:65\:dark, html.dark .sf-c-txt-azure\:65\:dark { color: hsl(var(--sf-dark-c-txt-azure-65)) } +html[data-theme='dark'] .sf-c-txt-azure\:70\:dark, html.dark .sf-c-txt-azure\:70\:dark { color: hsl(var(--sf-dark-c-txt-azure-70)) } +html[data-theme='dark'] .sf-c-txt-azure\:75\:dark, html.dark .sf-c-txt-azure\:75\:dark { color: hsl(var(--sf-dark-c-txt-azure-75)) } +html[data-theme='dark'] .sf-c-txt-azure\:80\:dark, html.dark .sf-c-txt-azure\:80\:dark { color: hsl(var(--sf-dark-c-txt-azure-80)) } +html[data-theme='dark'] .sf-c-txt-azure\:85\:dark, html.dark .sf-c-txt-azure\:85\:dark { color: hsl(var(--sf-dark-c-txt-azure-85)) } +html[data-theme='dark'] .sf-c-txt-azure\:90\:dark, html.dark .sf-c-txt-azure\:90\:dark { color: hsl(var(--sf-dark-c-txt-azure-90)) } +html[data-theme='dark'] .sf-c-txt-azure\:95\:dark, html.dark .sf-c-txt-azure\:95\:dark { color: hsl(var(--sf-dark-c-txt-azure-95)) } +html[data-theme='dark'] .sf-c-txt-azure\:100\:dark, html.dark .sf-c-txt-azure\:100\:dark { color: hsl(var(--sf-dark-c-txt-azure-100)) } + html.var[data-theme='dark'] .sf-c-azure, html.var.dark .sf-c-azure { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 3%) } html.var[data-theme='dark'] .sf-c-azure\:0, html.var.dark .sf-c-azure\:0 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 100%) } html.var[data-theme='dark'] .sf-c-azure\:5, html.var.dark .sf-c-azure\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-azure\:90\:dark, html.var.dark .sf-c-azure\:90 html.var[data-theme='dark'] .sf-c-azure\:95\:dark, html.var.dark .sf-c-azure\:95\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } html.var[data-theme='dark'] .sf-c-azure\:100\:dark, html.var.dark .sf-c-azure\:100\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-azure, html.dark .sf-c-txt-azure { color: hsl(180, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:0, html.dark .sf-c-txt-azure\:0 { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:5, html.dark .sf-c-txt-azure\:5 { color: hsl(180, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:10, html.dark .sf-c-txt-azure\:10 { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:15, html.dark .sf-c-txt-azure\:15 { color: hsl(180, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:20, html.dark .sf-c-txt-azure\:20 { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:25, html.dark .sf-c-txt-azure\:25 { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:30, html.dark .sf-c-txt-azure\:30 { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:35, html.dark .sf-c-txt-azure\:35 { color: hsl(180, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:40, html.dark .sf-c-txt-azure\:40 { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:45, html.dark .sf-c-txt-azure\:45 { color: hsl(180, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:50, html.dark .sf-c-txt-azure\:50 { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:55, html.dark .sf-c-txt-azure\:55 { color: hsl(180, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:60, html.dark .sf-c-txt-azure\:60 { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:65, html.dark .sf-c-txt-azure\:65 { color: hsl(180, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:70, html.dark .sf-c-txt-azure\:70 { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:75, html.dark .sf-c-txt-azure\:75 { color: hsl(180, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:80, html.dark .sf-c-txt-azure\:80 { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:85, html.dark .sf-c-txt-azure\:85 { color: hsl(180, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:90, html.dark .sf-c-txt-azure\:90 { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:95, html.dark .sf-c-txt-azure\:95 { color: hsl(180, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:100, html.dark .sf-c-txt-azure\:100 { color: hsl(180, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-azure\:dark, html.dark .sf-c-txt-azure\:dark { color: hsl(180, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:0\:dark, html.dark .sf-c-txt-azure\:0\:dark { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:5\:dark, html.dark .sf-c-txt-azure\:5\:dark { color: hsl(180, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:10\:dark, html.dark .sf-c-txt-azure\:10\:dark { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:15\:dark, html.dark .sf-c-txt-azure\:15\:dark { color: hsl(180, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:20\:dark, html.dark .sf-c-txt-azure\:20\:dark { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:25\:dark, html.dark .sf-c-txt-azure\:25\:dark { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:30\:dark, html.dark .sf-c-txt-azure\:30\:dark { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:35\:dark, html.dark .sf-c-txt-azure\:35\:dark { color: hsl(180, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:40\:dark, html.dark .sf-c-txt-azure\:40\:dark { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:45\:dark, html.dark .sf-c-txt-azure\:45\:dark { color: hsl(180, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:50\:dark, html.dark .sf-c-txt-azure\:50\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:55\:dark, html.dark .sf-c-txt-azure\:55\:dark { color: hsl(180, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:60\:dark, html.dark .sf-c-txt-azure\:60\:dark { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:65\:dark, html.dark .sf-c-txt-azure\:65\:dark { color: hsl(180, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:70\:dark, html.dark .sf-c-txt-azure\:70\:dark { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:75\:dark, html.dark .sf-c-txt-azure\:75\:dark { color: hsl(180, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:80\:dark, html.dark .sf-c-txt-azure\:80\:dark { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:85\:dark, html.dark .sf-c-txt-azure\:85\:dark { color: hsl(180, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:90\:dark, html.dark .sf-c-txt-azure\:90\:dark { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:95\:dark, html.dark .sf-c-txt-azure\:95\:dark { color: hsl(180, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-azure\:100\:dark, html.dark .sf-c-txt-azure\:100\:dark { color: hsl(180, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-azure, html.auto .sf-c-azure { color: hsl(var(--sf-dark-c-txt-azure-95)); background: hsl(var(--sf-dark-c-azure)) } html[data-theme='auto'] .sf-c-azure\:0, html.auto .sf-c-azure\:0 { color: hsl(var(--sf-dark-c-txt-azure-95)); background: hsl(var(--sf-dark-c-azure-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-azure\:100\:dark, html.var.dark .sf-c-azure\:1 html[data-theme='auto'] .sf-c-azure\:95\:dark, html.auto .sf-c-azure\:95\:dark { color: hsl(var(--sf-c-txt-azure-95)); background: hsl(var(--sf-c-azure-5)) } html[data-theme='auto'] .sf-c-azure\:100\:dark, html.auto .sf-c-azure\:100\:dark { color: hsl(var(--sf-c-txt-azure-95)); background: hsl(var(--sf-c-azure-0)) } + html[data-theme='auto'] .sf-c-txt-azure, html.auto .sf-c-txt-azure { color: hsl(var(--sf-c-txt-azure)) } + html[data-theme='auto'] .sf-c-txt-azure\:0, html.auto .sf-c-txt-azure\:0 { color: hsl(var(--sf-c-txt-azure-0)) } + html[data-theme='auto'] .sf-c-txt-azure\:5, html.auto .sf-c-txt-azure\:5 { color: hsl(var(--sf-c-txt-azure-5)) } + html[data-theme='auto'] .sf-c-txt-azure\:10, html.auto .sf-c-txt-azure\:10 { color: hsl(var(--sf-c-txt-azure-10)) } + html[data-theme='auto'] .sf-c-txt-azure\:15, html.auto .sf-c-txt-azure\:15 { color: hsl(var(--sf-c-txt-azure-15)) } + html[data-theme='auto'] .sf-c-txt-azure\:20, html.auto .sf-c-txt-azure\:20 { color: hsl(var(--sf-c-txt-azure-20)) } + html[data-theme='auto'] .sf-c-txt-azure\:25, html.auto .sf-c-txt-azure\:25 { color: hsl(var(--sf-c-txt-azure-25)) } + html[data-theme='auto'] .sf-c-txt-azure\:30, html.auto .sf-c-txt-azure\:30 { color: hsl(var(--sf-c-txt-azure-30)) } + html[data-theme='auto'] .sf-c-txt-azure\:35, html.auto .sf-c-txt-azure\:35 { color: hsl(var(--sf-c-txt-azure-35)) } + html[data-theme='auto'] .sf-c-txt-azure\:40, html.auto .sf-c-txt-azure\:40 { color: hsl(var(--sf-c-txt-azure-40)) } + html[data-theme='auto'] .sf-c-txt-azure\:45, html.auto .sf-c-txt-azure\:45 { color: hsl(var(--sf-c-txt-azure-45)) } + html[data-theme='auto'] .sf-c-txt-azure\:50, html.auto .sf-c-txt-azure\:50 { color: hsl(var(--sf-c-txt-azure-50)) } + html[data-theme='auto'] .sf-c-txt-azure\:55, html.auto .sf-c-txt-azure\:55 { color: hsl(var(--sf-c-txt-azure-55)) } + html[data-theme='auto'] .sf-c-txt-azure\:60, html.auto .sf-c-txt-azure\:60 { color: hsl(var(--sf-c-txt-azure-60)) } + html[data-theme='auto'] .sf-c-txt-azure\:65, html.auto .sf-c-txt-azure\:65 { color: hsl(var(--sf-c-txt-azure-65)) } + html[data-theme='auto'] .sf-c-txt-azure\:70, html.auto .sf-c-txt-azure\:70 { color: hsl(var(--sf-c-txt-azure-70)) } + html[data-theme='auto'] .sf-c-txt-azure\:75, html.auto .sf-c-txt-azure\:75 { color: hsl(var(--sf-c-txt-azure-75)) } + html[data-theme='auto'] .sf-c-txt-azure\:80, html.auto .sf-c-txt-azure\:80 { color: hsl(var(--sf-c-txt-azure-80)) } + html[data-theme='auto'] .sf-c-txt-azure\:85, html.auto .sf-c-txt-azure\:85 { color: hsl(var(--sf-c-txt-azure-85)) } + html[data-theme='auto'] .sf-c-txt-azure\:90, html.auto .sf-c-txt-azure\:90 { color: hsl(var(--sf-c-txt-azure-90)) } + html[data-theme='auto'] .sf-c-txt-azure\:95, html.auto .sf-c-txt-azure\:95 { color: hsl(var(--sf-c-txt-azure-95)) } + html[data-theme='auto'] .sf-c-txt-azure\:100, html.auto .sf-c-txt-azure\:100 { color: hsl(var(--sf-c-txt-azure-100)) } + + html[data-theme='auto'] .sf-c-txt-azure\:dark, html.auto .sf-c-txt-azure\:dark { color: hsl(var(--sf-c-txt-azure)) } + html[data-theme='auto'] .sf-c-txt-azure\:0\:dark, html.auto .sf-c-txt-azure\:0\:dark { color: hsl(var(--sf-c-txt-azure-0)) } + html[data-theme='auto'] .sf-c-txt-azure\:5\:dark, html.auto .sf-c-txt-azure\:5\:dark { color: hsl(var(--sf-c-txt-azure-5)) } + html[data-theme='auto'] .sf-c-txt-azure\:10\:dark, html.auto .sf-c-txt-azure\:10\:dark { color: hsl(var(--sf-c-txt-azure-10)) } + html[data-theme='auto'] .sf-c-txt-azure\:15\:dark, html.auto .sf-c-txt-azure\:15\:dark { color: hsl(var(--sf-c-txt-azure-15)) } + html[data-theme='auto'] .sf-c-txt-azure\:20\:dark, html.auto .sf-c-txt-azure\:20\:dark { color: hsl(var(--sf-c-txt-azure-20)) } + html[data-theme='auto'] .sf-c-txt-azure\:25\:dark, html.auto .sf-c-txt-azure\:25\:dark { color: hsl(var(--sf-c-txt-azure-25)) } + html[data-theme='auto'] .sf-c-txt-azure\:30\:dark, html.auto .sf-c-txt-azure\:30\:dark { color: hsl(var(--sf-c-txt-azure-30)) } + html[data-theme='auto'] .sf-c-txt-azure\:35\:dark, html.auto .sf-c-txt-azure\:35\:dark { color: hsl(var(--sf-c-txt-azure-35)) } + html[data-theme='auto'] .sf-c-txt-azure\:40\:dark, html.auto .sf-c-txt-azure\:40\:dark { color: hsl(var(--sf-c-txt-azure-40)) } + html[data-theme='auto'] .sf-c-txt-azure\:45\:dark, html.auto .sf-c-txt-azure\:45\:dark { color: hsl(var(--sf-c-txt-azure-45)) } + html[data-theme='auto'] .sf-c-txt-azure\:50\:dark, html.auto .sf-c-txt-azure\:50\:dark { color: hsl(var(--sf-c-txt-azure-50)) } + html[data-theme='auto'] .sf-c-txt-azure\:55\:dark, html.auto .sf-c-txt-azure\:55\:dark { color: hsl(var(--sf-c-txt-azure-55)) } + html[data-theme='auto'] .sf-c-txt-azure\:60\:dark, html.auto .sf-c-txt-azure\:60\:dark { color: hsl(var(--sf-c-txt-azure-60)) } + html[data-theme='auto'] .sf-c-txt-azure\:65\:dark, html.auto .sf-c-txt-azure\:65\:dark { color: hsl(var(--sf-c-txt-azure-65)) } + html[data-theme='auto'] .sf-c-txt-azure\:70\:dark, html.auto .sf-c-txt-azure\:70\:dark { color: hsl(var(--sf-c-txt-azure-70)) } + html[data-theme='auto'] .sf-c-txt-azure\:75\:dark, html.auto .sf-c-txt-azure\:75\:dark { color: hsl(var(--sf-c-txt-azure-75)) } + html[data-theme='auto'] .sf-c-txt-azure\:80\:dark, html.auto .sf-c-txt-azure\:80\:dark { color: hsl(var(--sf-c-txt-azure-80)) } + html[data-theme='auto'] .sf-c-txt-azure\:85\:dark, html.auto .sf-c-txt-azure\:85\:dark { color: hsl(var(--sf-c-txt-azure-85)) } + html[data-theme='auto'] .sf-c-txt-azure\:90\:dark, html.auto .sf-c-txt-azure\:90\:dark { color: hsl(var(--sf-c-txt-azure-90)) } + html[data-theme='auto'] .sf-c-txt-azure\:95\:dark, html.auto .sf-c-txt-azure\:95\:dark { color: hsl(var(--sf-c-txt-azure-95)) } + html[data-theme='auto'] .sf-c-txt-azure\:100\:dark, html.auto .sf-c-txt-azure\:100\:dark { color: hsl(var(--sf-c-txt-azure-100)) } + html.var[data-theme='auto'] .sf-c-azure, html.var.auto .sf-c-azure { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 3%) } html.var[data-theme='auto'] .sf-c-azure\:0, html.var.auto .sf-c-azure\:0 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 100%) } html.var[data-theme='auto'] .sf-c-azure\:5, html.var.auto .sf-c-azure\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-azure\:100\:dark, html.var.dark .sf-c-azure\:1 html.var[data-theme='auto'] .sf-c-azure\:90\:dark, html.var.auto .sf-c-azure\:90\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } html.var[data-theme='auto'] .sf-c-azure\:95\:dark, html.var.auto .sf-c-azure\:95\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } html.var[data-theme='auto'] .sf-c-azure\:100\:dark, html.var.auto .sf-c-azure\:100\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -} -.sf-c-txt-azure { color: hsl(var(--sf-c-txt-azure)) } -.sf-c-txt-azure\:0 { color: hsl(var(--sf-c-txt-azure-0)) } -.sf-c-txt-azure\:5 { color: hsl(var(--sf-c-txt-azure-5)) } -.sf-c-txt-azure\:10 { color: hsl(var(--sf-c-txt-azure-10)) } -.sf-c-txt-azure\:15 { color: hsl(var(--sf-c-txt-azure-15)) } -.sf-c-txt-azure\:20 { color: hsl(var(--sf-c-txt-azure-20)) } -.sf-c-txt-azure\:25 { color: hsl(var(--sf-c-txt-azure-25)) } -.sf-c-txt-azure\:30 { color: hsl(var(--sf-c-txt-azure-30)) } -.sf-c-txt-azure\:35 { color: hsl(var(--sf-c-txt-azure-35)) } -.sf-c-txt-azure\:40 { color: hsl(var(--sf-c-txt-azure-40)) } -.sf-c-txt-azure\:45 { color: hsl(var(--sf-c-txt-azure-45)) } -.sf-c-txt-azure\:50 { color: hsl(var(--sf-c-txt-azure-50)) } -.sf-c-txt-azure\:55 { color: hsl(var(--sf-c-txt-azure-55)) } -.sf-c-txt-azure\:60 { color: hsl(var(--sf-c-txt-azure-60)) } -.sf-c-txt-azure\:65 { color: hsl(var(--sf-c-txt-azure-65)) } -.sf-c-txt-azure\:70 { color: hsl(var(--sf-c-txt-azure-70)) } -.sf-c-txt-azure\:75 { color: hsl(var(--sf-c-txt-azure-75)) } -.sf-c-txt-azure\:80 { color: hsl(var(--sf-c-txt-azure-80)) } -.sf-c-txt-azure\:85 { color: hsl(var(--sf-c-txt-azure-85)) } -.sf-c-txt-azure\:90 { color: hsl(var(--sf-c-txt-azure-90)) } -.sf-c-txt-azure\:95 { color: hsl(var(--sf-c-txt-azure-95)) } -.sf-c-txt-azure\:100 { color: hsl(var(--sf-c-txt-azure-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-azure, html.auto .sf-c-txt-azure { color: hsl(180, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:0, html.auto .sf-c-txt-azure\:0 { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:5, html.auto .sf-c-txt-azure\:5 { color: hsl(180, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:10, html.auto .sf-c-txt-azure\:10 { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:15, html.auto .sf-c-txt-azure\:15 { color: hsl(180, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:20, html.auto .sf-c-txt-azure\:20 { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:25, html.auto .sf-c-txt-azure\:25 { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:30, html.auto .sf-c-txt-azure\:30 { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:35, html.auto .sf-c-txt-azure\:35 { color: hsl(180, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:40, html.auto .sf-c-txt-azure\:40 { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:45, html.auto .sf-c-txt-azure\:45 { color: hsl(180, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:50, html.auto .sf-c-txt-azure\:50 { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:55, html.auto .sf-c-txt-azure\:55 { color: hsl(180, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:60, html.auto .sf-c-txt-azure\:60 { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:65, html.auto .sf-c-txt-azure\:65 { color: hsl(180, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:70, html.auto .sf-c-txt-azure\:70 { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:75, html.auto .sf-c-txt-azure\:75 { color: hsl(180, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:80, html.auto .sf-c-txt-azure\:80 { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:85, html.auto .sf-c-txt-azure\:85 { color: hsl(180, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:90, html.auto .sf-c-txt-azure\:90 { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:95, html.auto .sf-c-txt-azure\:95 { color: hsl(180, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:100, html.auto .sf-c-txt-azure\:100 { color: hsl(180, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-azure\:dark, html.auto .sf-c-txt-azure\:dark { color: hsl(180, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:0\:dark, html.auto .sf-c-txt-azure\:0\:dark { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:5\:dark, html.auto .sf-c-txt-azure\:5\:dark { color: hsl(180, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:10\:dark, html.auto .sf-c-txt-azure\:10\:dark { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:15\:dark, html.auto .sf-c-txt-azure\:15\:dark { color: hsl(180, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:20\:dark, html.auto .sf-c-txt-azure\:20\:dark { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:25\:dark, html.auto .sf-c-txt-azure\:25\:dark { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:30\:dark, html.auto .sf-c-txt-azure\:30\:dark { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:35\:dark, html.auto .sf-c-txt-azure\:35\:dark { color: hsl(180, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:40\:dark, html.auto .sf-c-txt-azure\:40\:dark { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:45\:dark, html.auto .sf-c-txt-azure\:45\:dark { color: hsl(180, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:50\:dark, html.auto .sf-c-txt-azure\:50\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:55\:dark, html.auto .sf-c-txt-azure\:55\:dark { color: hsl(180, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:60\:dark, html.auto .sf-c-txt-azure\:60\:dark { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:65\:dark, html.auto .sf-c-txt-azure\:65\:dark { color: hsl(180, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:70\:dark, html.auto .sf-c-txt-azure\:70\:dark { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:75\:dark, html.auto .sf-c-txt-azure\:75\:dark { color: hsl(180, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:80\:dark, html.auto .sf-c-txt-azure\:80\:dark { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:85\:dark, html.auto .sf-c-txt-azure\:85\:dark { color: hsl(180, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:90\:dark, html.auto .sf-c-txt-azure\:90\:dark { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:95\:dark, html.auto .sf-c-txt-azure\:95\:dark { color: hsl(180, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-azure\:100\:dark, html.auto .sf-c-txt-azure\:100\:dark { color: hsl(180, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/beige.css b/src/colors/20/beige.css index 1ae6bf9..ef2284b 100644 --- a/src/colors/20/beige.css +++ b/src/colors/20/beige.css @@ -138,6 +138,52 @@ html.var .sf-c-beige\:90 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 90% html.var .sf-c-beige\:95 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 95%) } html.var .sf-c-beige\:100 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 100%) } +.sf-c-txt-beige { color: hsl(var(--sf-dark-c-txt-beige)) } +.sf-c-txt-beige\:0 { color: hsl(var(--sf-dark-c-txt-beige-100)) } +.sf-c-txt-beige\:5 { color: hsl(var(--sf-dark-c-txt-beige-95)) } +.sf-c-txt-beige\:10 { color: hsl(var(--sf-dark-c-txt-beige-90)) } +.sf-c-txt-beige\:15 { color: hsl(var(--sf-dark-c-txt-beige-85)) } +.sf-c-txt-beige\:20 { color: hsl(var(--sf-dark-c-txt-beige-80)) } +.sf-c-txt-beige\:25 { color: hsl(var(--sf-dark-c-txt-beige-75)) } +.sf-c-txt-beige\:30 { color: hsl(var(--sf-dark-c-txt-beige-70)) } +.sf-c-txt-beige\:35 { color: hsl(var(--sf-dark-c-txt-beige-65)) } +.sf-c-txt-beige\:40 { color: hsl(var(--sf-dark-c-txt-beige-60)) } +.sf-c-txt-beige\:45 { color: hsl(var(--sf-dark-c-txt-beige-55)) } +.sf-c-txt-beige\:50 { color: hsl(var(--sf-dark-c-txt-beige-50)) } +.sf-c-txt-beige\:55 { color: hsl(var(--sf-dark-c-txt-beige-45)) } +.sf-c-txt-beige\:60 { color: hsl(var(--sf-dark-c-txt-beige-40)) } +.sf-c-txt-beige\:65 { color: hsl(var(--sf-dark-c-txt-beige-35)) } +.sf-c-txt-beige\:70 { color: hsl(var(--sf-dark-c-txt-beige-30)) } +.sf-c-txt-beige\:75 { color: hsl(var(--sf-dark-c-txt-beige-25)) } +.sf-c-txt-beige\:80 { color: hsl(var(--sf-dark-c-txt-beige-20)) } +.sf-c-txt-beige\:85 { color: hsl(var(--sf-dark-c-txt-beige-15)) } +.sf-c-txt-beige\:90 { color: hsl(var(--sf-dark-c-txt-beige-10)) } +.sf-c-txt-beige\:95 { color: hsl(var(--sf-dark-c-txt-beige-5)) } +.sf-c-txt-beige\:100 { color: hsl(var(--sf-dark-c-txt-beige-0)) } + +html.var .sf-c-txt-beige { color: hsl(60, 56%, 9%) } +html.var .sf-c-txt-beige\:0 { color: hsl(60, 56%, 100%) } +html.var .sf-c-txt-beige\:5 { color: hsl(60, 56%, 95%) } +html.var .sf-c-txt-beige\:10 { color: hsl(60, 56%, 90%) } +html.var .sf-c-txt-beige\:15 { color: hsl(60, 56%, 85%) } +html.var .sf-c-txt-beige\:20 { color: hsl(60, 56%, 80%) } +html.var .sf-c-txt-beige\:25 { color: hsl(60, 56%, 75%) } +html.var .sf-c-txt-beige\:30 { color: hsl(60, 56%, 70%) } +html.var .sf-c-txt-beige\:35 { color: hsl(60, 56%, 65%) } +html.var .sf-c-txt-beige\:40 { color: hsl(60, 56%, 60%) } +html.var .sf-c-txt-beige\:45 { color: hsl(60, 56%, 55%) } +html.var .sf-c-txt-beige\:50 { color: hsl(60, 56%, 50%) } +html.var .sf-c-txt-beige\:55 { color: hsl(60, 56%, 45%) } +html.var .sf-c-txt-beige\:60 { color: hsl(60, 56%, 40%) } +html.var .sf-c-txt-beige\:65 { color: hsl(60, 56%, 35%) } +html.var .sf-c-txt-beige\:70 { color: hsl(60, 56%, 30%) } +html.var .sf-c-txt-beige\:75 { color: hsl(60, 56%, 25%) } +html.var .sf-c-txt-beige\:80 { color: hsl(60, 56%, 20%) } +html.var .sf-c-txt-beige\:85 { color: hsl(60, 56%, 15%) } +html.var .sf-c-txt-beige\:90 { color: hsl(60, 56%, 10%) } +html.var .sf-c-txt-beige\:95 { color: hsl(60, 56%, 5%) } +html.var .sf-c-txt-beige\:100 { color: hsl(60, 56%, 0%) } + html[data-theme='dark'] .sf-c-beige, html.dark .sf-c-beige { color: hsl(var(--sf-dark-c-txt-beige-95)); background: hsl(var(--sf-dark-c-beige)) } html[data-theme='dark'] .sf-c-beige\:0, html.dark .sf-c-beige\:0 { color: hsl(var(--sf-dark-c-txt-beige-95)); background: hsl(var(--sf-dark-c-beige-100)) } html[data-theme='dark'] .sf-c-beige\:5, html.dark .sf-c-beige\:5 { color: hsl(var(--sf-dark-c-txt-beige-5)); background: hsl(var(--sf-dark-c-beige-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-beige\:90\:dark, html.dark .sf-c-beige\:90\:dark { html[data-theme='dark'] .sf-c-beige\:95\:dark, html.dark .sf-c-beige\:95\:dark { color: hsl(var(--sf-c-txt-beige-95)); background: hsl(var(--sf-c-beige-5)) } html[data-theme='dark'] .sf-c-beige\:100\:dark, html.dark .sf-c-beige\:100\:dark { color: hsl(var(--sf-c-txt-beige-95)); background: hsl(var(--sf-c-beige-0)) } +html[data-theme='dark'] .sf-c-txt-beige, html.dark .sf-c-txt-beige { color: hsl(var(--sf-c-txt-beige)) } +html[data-theme='dark'] .sf-c-txt-beige\:0, html.dark .sf-c-txt-beige\:0 { color: hsl(var(--sf-c-txt-beige-0)) } +html[data-theme='dark'] .sf-c-txt-beige\:5, html.dark .sf-c-txt-beige\:5 { color: hsl(var(--sf-c-txt-beige-5)) } +html[data-theme='dark'] .sf-c-txt-beige\:10, html.dark .sf-c-txt-beige\:10 { color: hsl(var(--sf-c-txt-beige-10)) } +html[data-theme='dark'] .sf-c-txt-beige\:15, html.dark .sf-c-txt-beige\:15 { color: hsl(var(--sf-c-txt-beige-15)) } +html[data-theme='dark'] .sf-c-txt-beige\:20, html.dark .sf-c-txt-beige\:20 { color: hsl(var(--sf-c-txt-beige-20)) } +html[data-theme='dark'] .sf-c-txt-beige\:25, html.dark .sf-c-txt-beige\:25 { color: hsl(var(--sf-c-txt-beige-25)) } +html[data-theme='dark'] .sf-c-txt-beige\:30, html.dark .sf-c-txt-beige\:30 { color: hsl(var(--sf-c-txt-beige-30)) } +html[data-theme='dark'] .sf-c-txt-beige\:35, html.dark .sf-c-txt-beige\:35 { color: hsl(var(--sf-c-txt-beige-35)) } +html[data-theme='dark'] .sf-c-txt-beige\:40, html.dark .sf-c-txt-beige\:40 { color: hsl(var(--sf-c-txt-beige-40)) } +html[data-theme='dark'] .sf-c-txt-beige\:45, html.dark .sf-c-txt-beige\:45 { color: hsl(var(--sf-c-txt-beige-45)) } +html[data-theme='dark'] .sf-c-txt-beige\:50, html.dark .sf-c-txt-beige\:50 { color: hsl(var(--sf-c-txt-beige-50)) } +html[data-theme='dark'] .sf-c-txt-beige\:55, html.dark .sf-c-txt-beige\:55 { color: hsl(var(--sf-c-txt-beige-55)) } +html[data-theme='dark'] .sf-c-txt-beige\:60, html.dark .sf-c-txt-beige\:60 { color: hsl(var(--sf-c-txt-beige-60)) } +html[data-theme='dark'] .sf-c-txt-beige\:65, html.dark .sf-c-txt-beige\:65 { color: hsl(var(--sf-c-txt-beige-65)) } +html[data-theme='dark'] .sf-c-txt-beige\:70, html.dark .sf-c-txt-beige\:70 { color: hsl(var(--sf-c-txt-beige-70)) } +html[data-theme='dark'] .sf-c-txt-beige\:75, html.dark .sf-c-txt-beige\:75 { color: hsl(var(--sf-c-txt-beige-75)) } +html[data-theme='dark'] .sf-c-txt-beige\:80, html.dark .sf-c-txt-beige\:80 { color: hsl(var(--sf-c-txt-beige-80)) } +html[data-theme='dark'] .sf-c-txt-beige\:85, html.dark .sf-c-txt-beige\:85 { color: hsl(var(--sf-c-txt-beige-85)) } +html[data-theme='dark'] .sf-c-txt-beige\:90, html.dark .sf-c-txt-beige\:90 { color: hsl(var(--sf-c-txt-beige-90)) } +html[data-theme='dark'] .sf-c-txt-beige\:95, html.dark .sf-c-txt-beige\:95 { color: hsl(var(--sf-c-txt-beige-95)) } +html[data-theme='dark'] .sf-c-txt-beige\:100, html.dark .sf-c-txt-beige\:100 { color: hsl(var(--sf-c-txt-beige-100)) } + +html[data-theme='dark'] .sf-c-txt-beige\:dark, html.dark .sf-c-txt-beige\:dark { color: hsl(var(--sf-c-txt-beige)) } +html[data-theme='dark'] .sf-c-txt-beige\:0\:dark, html.dark .sf-c-txt-beige\:0\:dark { color: hsl(var(--sf-dark-c-txt-beige-0)) } +html[data-theme='dark'] .sf-c-txt-beige\:5\:dark, html.dark .sf-c-txt-beige\:5\:dark { color: hsl(var(--sf-dark-c-txt-beige-5)) } +html[data-theme='dark'] .sf-c-txt-beige\:10\:dark, html.dark .sf-c-txt-beige\:10\:dark { color: hsl(var(--sf-dark-c-txt-beige-10)) } +html[data-theme='dark'] .sf-c-txt-beige\:15\:dark, html.dark .sf-c-txt-beige\:15\:dark { color: hsl(var(--sf-dark-c-txt-beige-15)) } +html[data-theme='dark'] .sf-c-txt-beige\:20\:dark, html.dark .sf-c-txt-beige\:20\:dark { color: hsl(var(--sf-dark-c-txt-beige-20)) } +html[data-theme='dark'] .sf-c-txt-beige\:25\:dark, html.dark .sf-c-txt-beige\:25\:dark { color: hsl(var(--sf-dark-c-txt-beige-25)) } +html[data-theme='dark'] .sf-c-txt-beige\:30\:dark, html.dark .sf-c-txt-beige\:30\:dark { color: hsl(var(--sf-dark-c-txt-beige-30)) } +html[data-theme='dark'] .sf-c-txt-beige\:35\:dark, html.dark .sf-c-txt-beige\:35\:dark { color: hsl(var(--sf-dark-c-txt-beige-35)) } +html[data-theme='dark'] .sf-c-txt-beige\:40\:dark, html.dark .sf-c-txt-beige\:40\:dark { color: hsl(var(--sf-dark-c-txt-beige-40)) } +html[data-theme='dark'] .sf-c-txt-beige\:45\:dark, html.dark .sf-c-txt-beige\:45\:dark { color: hsl(var(--sf-dark-c-txt-beige-45)) } +html[data-theme='dark'] .sf-c-txt-beige\:50\:dark, html.dark .sf-c-txt-beige\:50\:dark { color: hsl(var(--sf-dark-c-txt-beige-50)) } +html[data-theme='dark'] .sf-c-txt-beige\:55\:dark, html.dark .sf-c-txt-beige\:55\:dark { color: hsl(var(--sf-dark-c-txt-beige-55)) } +html[data-theme='dark'] .sf-c-txt-beige\:60\:dark, html.dark .sf-c-txt-beige\:60\:dark { color: hsl(var(--sf-dark-c-txt-beige-60)) } +html[data-theme='dark'] .sf-c-txt-beige\:65\:dark, html.dark .sf-c-txt-beige\:65\:dark { color: hsl(var(--sf-dark-c-txt-beige-65)) } +html[data-theme='dark'] .sf-c-txt-beige\:70\:dark, html.dark .sf-c-txt-beige\:70\:dark { color: hsl(var(--sf-dark-c-txt-beige-70)) } +html[data-theme='dark'] .sf-c-txt-beige\:75\:dark, html.dark .sf-c-txt-beige\:75\:dark { color: hsl(var(--sf-dark-c-txt-beige-75)) } +html[data-theme='dark'] .sf-c-txt-beige\:80\:dark, html.dark .sf-c-txt-beige\:80\:dark { color: hsl(var(--sf-dark-c-txt-beige-80)) } +html[data-theme='dark'] .sf-c-txt-beige\:85\:dark, html.dark .sf-c-txt-beige\:85\:dark { color: hsl(var(--sf-dark-c-txt-beige-85)) } +html[data-theme='dark'] .sf-c-txt-beige\:90\:dark, html.dark .sf-c-txt-beige\:90\:dark { color: hsl(var(--sf-dark-c-txt-beige-90)) } +html[data-theme='dark'] .sf-c-txt-beige\:95\:dark, html.dark .sf-c-txt-beige\:95\:dark { color: hsl(var(--sf-dark-c-txt-beige-95)) } +html[data-theme='dark'] .sf-c-txt-beige\:100\:dark, html.dark .sf-c-txt-beige\:100\:dark { color: hsl(var(--sf-dark-c-txt-beige-100)) } + html.var[data-theme='dark'] .sf-c-beige, html.var.dark .sf-c-beige { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 9%) } html.var[data-theme='dark'] .sf-c-beige\:0, html.var.dark .sf-c-beige\:0 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 100%) } html.var[data-theme='dark'] .sf-c-beige\:5, html.var.dark .sf-c-beige\:5 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-beige\:90\:dark, html.var.dark .sf-c-beige\:90 html.var[data-theme='dark'] .sf-c-beige\:95\:dark, html.var.dark .sf-c-beige\:95\:dark { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 5%) } html.var[data-theme='dark'] .sf-c-beige\:100\:dark, html.var.dark .sf-c-beige\:100\:dark { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-beige, html.dark .sf-c-txt-beige { color: hsl(60, 56%, 91%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:0, html.dark .sf-c-txt-beige\:0 { color: hsl(60, 56%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:5, html.dark .sf-c-txt-beige\:5 { color: hsl(60, 56%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:10, html.dark .sf-c-txt-beige\:10 { color: hsl(60, 56%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:15, html.dark .sf-c-txt-beige\:15 { color: hsl(60, 56%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:20, html.dark .sf-c-txt-beige\:20 { color: hsl(60, 56%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:25, html.dark .sf-c-txt-beige\:25 { color: hsl(60, 56%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:30, html.dark .sf-c-txt-beige\:30 { color: hsl(60, 56%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:35, html.dark .sf-c-txt-beige\:35 { color: hsl(60, 56%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:40, html.dark .sf-c-txt-beige\:40 { color: hsl(60, 56%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:45, html.dark .sf-c-txt-beige\:45 { color: hsl(60, 56%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:50, html.dark .sf-c-txt-beige\:50 { color: hsl(60, 56%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:55, html.dark .sf-c-txt-beige\:55 { color: hsl(60, 56%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:60, html.dark .sf-c-txt-beige\:60 { color: hsl(60, 56%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:65, html.dark .sf-c-txt-beige\:65 { color: hsl(60, 56%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:70, html.dark .sf-c-txt-beige\:70 { color: hsl(60, 56%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:75, html.dark .sf-c-txt-beige\:75 { color: hsl(60, 56%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:80, html.dark .sf-c-txt-beige\:80 { color: hsl(60, 56%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:85, html.dark .sf-c-txt-beige\:85 { color: hsl(60, 56%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:90, html.dark .sf-c-txt-beige\:90 { color: hsl(60, 56%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:95, html.dark .sf-c-txt-beige\:95 { color: hsl(60, 56%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:100, html.dark .sf-c-txt-beige\:100 { color: hsl(60, 56%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-beige\:dark, html.dark .sf-c-txt-beige\:dark { color: hsl(60, 56%, 91%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:0\:dark, html.dark .sf-c-txt-beige\:0\:dark { color: hsl(60, 56%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:5\:dark, html.dark .sf-c-txt-beige\:5\:dark { color: hsl(60, 56%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:10\:dark, html.dark .sf-c-txt-beige\:10\:dark { color: hsl(60, 56%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:15\:dark, html.dark .sf-c-txt-beige\:15\:dark { color: hsl(60, 56%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:20\:dark, html.dark .sf-c-txt-beige\:20\:dark { color: hsl(60, 56%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:25\:dark, html.dark .sf-c-txt-beige\:25\:dark { color: hsl(60, 56%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:30\:dark, html.dark .sf-c-txt-beige\:30\:dark { color: hsl(60, 56%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:35\:dark, html.dark .sf-c-txt-beige\:35\:dark { color: hsl(60, 56%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:40\:dark, html.dark .sf-c-txt-beige\:40\:dark { color: hsl(60, 56%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:45\:dark, html.dark .sf-c-txt-beige\:45\:dark { color: hsl(60, 56%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:50\:dark, html.dark .sf-c-txt-beige\:50\:dark { color: hsl(60, 56%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:55\:dark, html.dark .sf-c-txt-beige\:55\:dark { color: hsl(60, 56%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:60\:dark, html.dark .sf-c-txt-beige\:60\:dark { color: hsl(60, 56%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:65\:dark, html.dark .sf-c-txt-beige\:65\:dark { color: hsl(60, 56%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:70\:dark, html.dark .sf-c-txt-beige\:70\:dark { color: hsl(60, 56%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:75\:dark, html.dark .sf-c-txt-beige\:75\:dark { color: hsl(60, 56%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:80\:dark, html.dark .sf-c-txt-beige\:80\:dark { color: hsl(60, 56%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:85\:dark, html.dark .sf-c-txt-beige\:85\:dark { color: hsl(60, 56%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:90\:dark, html.dark .sf-c-txt-beige\:90\:dark { color: hsl(60, 56%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:95\:dark, html.dark .sf-c-txt-beige\:95\:dark { color: hsl(60, 56%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-beige\:100\:dark, html.dark .sf-c-txt-beige\:100\:dark { color: hsl(60, 56%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-beige, html.auto .sf-c-beige { color: hsl(var(--sf-dark-c-txt-beige-95)); background: hsl(var(--sf-dark-c-beige)) } html[data-theme='auto'] .sf-c-beige\:0, html.auto .sf-c-beige\:0 { color: hsl(var(--sf-dark-c-txt-beige-95)); background: hsl(var(--sf-dark-c-beige-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-beige\:100\:dark, html.var.dark .sf-c-beige\:1 html[data-theme='auto'] .sf-c-beige\:95\:dark, html.auto .sf-c-beige\:95\:dark { color: hsl(var(--sf-c-txt-beige-95)); background: hsl(var(--sf-c-beige-5)) } html[data-theme='auto'] .sf-c-beige\:100\:dark, html.auto .sf-c-beige\:100\:dark { color: hsl(var(--sf-c-txt-beige-95)); background: hsl(var(--sf-c-beige-0)) } + html[data-theme='auto'] .sf-c-txt-beige, html.auto .sf-c-txt-beige { color: hsl(var(--sf-c-txt-beige)) } + html[data-theme='auto'] .sf-c-txt-beige\:0, html.auto .sf-c-txt-beige\:0 { color: hsl(var(--sf-c-txt-beige-0)) } + html[data-theme='auto'] .sf-c-txt-beige\:5, html.auto .sf-c-txt-beige\:5 { color: hsl(var(--sf-c-txt-beige-5)) } + html[data-theme='auto'] .sf-c-txt-beige\:10, html.auto .sf-c-txt-beige\:10 { color: hsl(var(--sf-c-txt-beige-10)) } + html[data-theme='auto'] .sf-c-txt-beige\:15, html.auto .sf-c-txt-beige\:15 { color: hsl(var(--sf-c-txt-beige-15)) } + html[data-theme='auto'] .sf-c-txt-beige\:20, html.auto .sf-c-txt-beige\:20 { color: hsl(var(--sf-c-txt-beige-20)) } + html[data-theme='auto'] .sf-c-txt-beige\:25, html.auto .sf-c-txt-beige\:25 { color: hsl(var(--sf-c-txt-beige-25)) } + html[data-theme='auto'] .sf-c-txt-beige\:30, html.auto .sf-c-txt-beige\:30 { color: hsl(var(--sf-c-txt-beige-30)) } + html[data-theme='auto'] .sf-c-txt-beige\:35, html.auto .sf-c-txt-beige\:35 { color: hsl(var(--sf-c-txt-beige-35)) } + html[data-theme='auto'] .sf-c-txt-beige\:40, html.auto .sf-c-txt-beige\:40 { color: hsl(var(--sf-c-txt-beige-40)) } + html[data-theme='auto'] .sf-c-txt-beige\:45, html.auto .sf-c-txt-beige\:45 { color: hsl(var(--sf-c-txt-beige-45)) } + html[data-theme='auto'] .sf-c-txt-beige\:50, html.auto .sf-c-txt-beige\:50 { color: hsl(var(--sf-c-txt-beige-50)) } + html[data-theme='auto'] .sf-c-txt-beige\:55, html.auto .sf-c-txt-beige\:55 { color: hsl(var(--sf-c-txt-beige-55)) } + html[data-theme='auto'] .sf-c-txt-beige\:60, html.auto .sf-c-txt-beige\:60 { color: hsl(var(--sf-c-txt-beige-60)) } + html[data-theme='auto'] .sf-c-txt-beige\:65, html.auto .sf-c-txt-beige\:65 { color: hsl(var(--sf-c-txt-beige-65)) } + html[data-theme='auto'] .sf-c-txt-beige\:70, html.auto .sf-c-txt-beige\:70 { color: hsl(var(--sf-c-txt-beige-70)) } + html[data-theme='auto'] .sf-c-txt-beige\:75, html.auto .sf-c-txt-beige\:75 { color: hsl(var(--sf-c-txt-beige-75)) } + html[data-theme='auto'] .sf-c-txt-beige\:80, html.auto .sf-c-txt-beige\:80 { color: hsl(var(--sf-c-txt-beige-80)) } + html[data-theme='auto'] .sf-c-txt-beige\:85, html.auto .sf-c-txt-beige\:85 { color: hsl(var(--sf-c-txt-beige-85)) } + html[data-theme='auto'] .sf-c-txt-beige\:90, html.auto .sf-c-txt-beige\:90 { color: hsl(var(--sf-c-txt-beige-90)) } + html[data-theme='auto'] .sf-c-txt-beige\:95, html.auto .sf-c-txt-beige\:95 { color: hsl(var(--sf-c-txt-beige-95)) } + html[data-theme='auto'] .sf-c-txt-beige\:100, html.auto .sf-c-txt-beige\:100 { color: hsl(var(--sf-c-txt-beige-100)) } + + html[data-theme='auto'] .sf-c-txt-beige\:dark, html.auto .sf-c-txt-beige\:dark { color: hsl(var(--sf-c-txt-beige)) } + html[data-theme='auto'] .sf-c-txt-beige\:0\:dark, html.auto .sf-c-txt-beige\:0\:dark { color: hsl(var(--sf-c-txt-beige-0)) } + html[data-theme='auto'] .sf-c-txt-beige\:5\:dark, html.auto .sf-c-txt-beige\:5\:dark { color: hsl(var(--sf-c-txt-beige-5)) } + html[data-theme='auto'] .sf-c-txt-beige\:10\:dark, html.auto .sf-c-txt-beige\:10\:dark { color: hsl(var(--sf-c-txt-beige-10)) } + html[data-theme='auto'] .sf-c-txt-beige\:15\:dark, html.auto .sf-c-txt-beige\:15\:dark { color: hsl(var(--sf-c-txt-beige-15)) } + html[data-theme='auto'] .sf-c-txt-beige\:20\:dark, html.auto .sf-c-txt-beige\:20\:dark { color: hsl(var(--sf-c-txt-beige-20)) } + html[data-theme='auto'] .sf-c-txt-beige\:25\:dark, html.auto .sf-c-txt-beige\:25\:dark { color: hsl(var(--sf-c-txt-beige-25)) } + html[data-theme='auto'] .sf-c-txt-beige\:30\:dark, html.auto .sf-c-txt-beige\:30\:dark { color: hsl(var(--sf-c-txt-beige-30)) } + html[data-theme='auto'] .sf-c-txt-beige\:35\:dark, html.auto .sf-c-txt-beige\:35\:dark { color: hsl(var(--sf-c-txt-beige-35)) } + html[data-theme='auto'] .sf-c-txt-beige\:40\:dark, html.auto .sf-c-txt-beige\:40\:dark { color: hsl(var(--sf-c-txt-beige-40)) } + html[data-theme='auto'] .sf-c-txt-beige\:45\:dark, html.auto .sf-c-txt-beige\:45\:dark { color: hsl(var(--sf-c-txt-beige-45)) } + html[data-theme='auto'] .sf-c-txt-beige\:50\:dark, html.auto .sf-c-txt-beige\:50\:dark { color: hsl(var(--sf-c-txt-beige-50)) } + html[data-theme='auto'] .sf-c-txt-beige\:55\:dark, html.auto .sf-c-txt-beige\:55\:dark { color: hsl(var(--sf-c-txt-beige-55)) } + html[data-theme='auto'] .sf-c-txt-beige\:60\:dark, html.auto .sf-c-txt-beige\:60\:dark { color: hsl(var(--sf-c-txt-beige-60)) } + html[data-theme='auto'] .sf-c-txt-beige\:65\:dark, html.auto .sf-c-txt-beige\:65\:dark { color: hsl(var(--sf-c-txt-beige-65)) } + html[data-theme='auto'] .sf-c-txt-beige\:70\:dark, html.auto .sf-c-txt-beige\:70\:dark { color: hsl(var(--sf-c-txt-beige-70)) } + html[data-theme='auto'] .sf-c-txt-beige\:75\:dark, html.auto .sf-c-txt-beige\:75\:dark { color: hsl(var(--sf-c-txt-beige-75)) } + html[data-theme='auto'] .sf-c-txt-beige\:80\:dark, html.auto .sf-c-txt-beige\:80\:dark { color: hsl(var(--sf-c-txt-beige-80)) } + html[data-theme='auto'] .sf-c-txt-beige\:85\:dark, html.auto .sf-c-txt-beige\:85\:dark { color: hsl(var(--sf-c-txt-beige-85)) } + html[data-theme='auto'] .sf-c-txt-beige\:90\:dark, html.auto .sf-c-txt-beige\:90\:dark { color: hsl(var(--sf-c-txt-beige-90)) } + html[data-theme='auto'] .sf-c-txt-beige\:95\:dark, html.auto .sf-c-txt-beige\:95\:dark { color: hsl(var(--sf-c-txt-beige-95)) } + html[data-theme='auto'] .sf-c-txt-beige\:100\:dark, html.auto .sf-c-txt-beige\:100\:dark { color: hsl(var(--sf-c-txt-beige-100)) } + html.var[data-theme='auto'] .sf-c-beige, html.var.auto .sf-c-beige { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 9%) } html.var[data-theme='auto'] .sf-c-beige\:0, html.var.auto .sf-c-beige\:0 { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 100%) } html.var[data-theme='auto'] .sf-c-beige\:5, html.var.auto .sf-c-beige\:5 { color: hsl(60, 56%, 5%); background: hsl(60, 56%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-beige\:100\:dark, html.var.dark .sf-c-beige\:1 html.var[data-theme='auto'] .sf-c-beige\:90\:dark, html.var.auto .sf-c-beige\:90\:dark { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 10%) } html.var[data-theme='auto'] .sf-c-beige\:95\:dark, html.var.auto .sf-c-beige\:95\:dark { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 5%) } html.var[data-theme='auto'] .sf-c-beige\:100\:dark, html.var.auto .sf-c-beige\:100\:dark { color: hsl(60, 56%, 95%); background: hsl(60, 56%, 0%) } -} -.sf-c-txt-beige { color: hsl(var(--sf-c-txt-beige)) } -.sf-c-txt-beige\:0 { color: hsl(var(--sf-c-txt-beige-0)) } -.sf-c-txt-beige\:5 { color: hsl(var(--sf-c-txt-beige-5)) } -.sf-c-txt-beige\:10 { color: hsl(var(--sf-c-txt-beige-10)) } -.sf-c-txt-beige\:15 { color: hsl(var(--sf-c-txt-beige-15)) } -.sf-c-txt-beige\:20 { color: hsl(var(--sf-c-txt-beige-20)) } -.sf-c-txt-beige\:25 { color: hsl(var(--sf-c-txt-beige-25)) } -.sf-c-txt-beige\:30 { color: hsl(var(--sf-c-txt-beige-30)) } -.sf-c-txt-beige\:35 { color: hsl(var(--sf-c-txt-beige-35)) } -.sf-c-txt-beige\:40 { color: hsl(var(--sf-c-txt-beige-40)) } -.sf-c-txt-beige\:45 { color: hsl(var(--sf-c-txt-beige-45)) } -.sf-c-txt-beige\:50 { color: hsl(var(--sf-c-txt-beige-50)) } -.sf-c-txt-beige\:55 { color: hsl(var(--sf-c-txt-beige-55)) } -.sf-c-txt-beige\:60 { color: hsl(var(--sf-c-txt-beige-60)) } -.sf-c-txt-beige\:65 { color: hsl(var(--sf-c-txt-beige-65)) } -.sf-c-txt-beige\:70 { color: hsl(var(--sf-c-txt-beige-70)) } -.sf-c-txt-beige\:75 { color: hsl(var(--sf-c-txt-beige-75)) } -.sf-c-txt-beige\:80 { color: hsl(var(--sf-c-txt-beige-80)) } -.sf-c-txt-beige\:85 { color: hsl(var(--sf-c-txt-beige-85)) } -.sf-c-txt-beige\:90 { color: hsl(var(--sf-c-txt-beige-90)) } -.sf-c-txt-beige\:95 { color: hsl(var(--sf-c-txt-beige-95)) } -.sf-c-txt-beige\:100 { color: hsl(var(--sf-c-txt-beige-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-beige, html.auto .sf-c-txt-beige { color: hsl(60, 56%, 91%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:0, html.auto .sf-c-txt-beige\:0 { color: hsl(60, 56%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:5, html.auto .sf-c-txt-beige\:5 { color: hsl(60, 56%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:10, html.auto .sf-c-txt-beige\:10 { color: hsl(60, 56%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:15, html.auto .sf-c-txt-beige\:15 { color: hsl(60, 56%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:20, html.auto .sf-c-txt-beige\:20 { color: hsl(60, 56%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:25, html.auto .sf-c-txt-beige\:25 { color: hsl(60, 56%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:30, html.auto .sf-c-txt-beige\:30 { color: hsl(60, 56%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:35, html.auto .sf-c-txt-beige\:35 { color: hsl(60, 56%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:40, html.auto .sf-c-txt-beige\:40 { color: hsl(60, 56%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:45, html.auto .sf-c-txt-beige\:45 { color: hsl(60, 56%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:50, html.auto .sf-c-txt-beige\:50 { color: hsl(60, 56%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:55, html.auto .sf-c-txt-beige\:55 { color: hsl(60, 56%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:60, html.auto .sf-c-txt-beige\:60 { color: hsl(60, 56%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:65, html.auto .sf-c-txt-beige\:65 { color: hsl(60, 56%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:70, html.auto .sf-c-txt-beige\:70 { color: hsl(60, 56%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:75, html.auto .sf-c-txt-beige\:75 { color: hsl(60, 56%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:80, html.auto .sf-c-txt-beige\:80 { color: hsl(60, 56%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:85, html.auto .sf-c-txt-beige\:85 { color: hsl(60, 56%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:90, html.auto .sf-c-txt-beige\:90 { color: hsl(60, 56%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:95, html.auto .sf-c-txt-beige\:95 { color: hsl(60, 56%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:100, html.auto .sf-c-txt-beige\:100 { color: hsl(60, 56%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-beige\:dark, html.auto .sf-c-txt-beige\:dark { color: hsl(60, 56%, 91%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:0\:dark, html.auto .sf-c-txt-beige\:0\:dark { color: hsl(60, 56%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:5\:dark, html.auto .sf-c-txt-beige\:5\:dark { color: hsl(60, 56%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:10\:dark, html.auto .sf-c-txt-beige\:10\:dark { color: hsl(60, 56%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:15\:dark, html.auto .sf-c-txt-beige\:15\:dark { color: hsl(60, 56%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:20\:dark, html.auto .sf-c-txt-beige\:20\:dark { color: hsl(60, 56%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:25\:dark, html.auto .sf-c-txt-beige\:25\:dark { color: hsl(60, 56%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:30\:dark, html.auto .sf-c-txt-beige\:30\:dark { color: hsl(60, 56%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:35\:dark, html.auto .sf-c-txt-beige\:35\:dark { color: hsl(60, 56%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:40\:dark, html.auto .sf-c-txt-beige\:40\:dark { color: hsl(60, 56%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:45\:dark, html.auto .sf-c-txt-beige\:45\:dark { color: hsl(60, 56%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:50\:dark, html.auto .sf-c-txt-beige\:50\:dark { color: hsl(60, 56%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:55\:dark, html.auto .sf-c-txt-beige\:55\:dark { color: hsl(60, 56%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:60\:dark, html.auto .sf-c-txt-beige\:60\:dark { color: hsl(60, 56%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:65\:dark, html.auto .sf-c-txt-beige\:65\:dark { color: hsl(60, 56%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:70\:dark, html.auto .sf-c-txt-beige\:70\:dark { color: hsl(60, 56%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:75\:dark, html.auto .sf-c-txt-beige\:75\:dark { color: hsl(60, 56%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:80\:dark, html.auto .sf-c-txt-beige\:80\:dark { color: hsl(60, 56%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:85\:dark, html.auto .sf-c-txt-beige\:85\:dark { color: hsl(60, 56%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:90\:dark, html.auto .sf-c-txt-beige\:90\:dark { color: hsl(60, 56%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:95\:dark, html.auto .sf-c-txt-beige\:95\:dark { color: hsl(60, 56%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-beige\:100\:dark, html.auto .sf-c-txt-beige\:100\:dark { color: hsl(60, 56%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/bisque.css b/src/colors/20/bisque.css index 361a5d7..d4fe13e 100644 --- a/src/colors/20/bisque.css +++ b/src/colors/20/bisque.css @@ -138,6 +138,52 @@ html.var .sf-c-bisque\:90 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, html.var .sf-c-bisque\:95 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } html.var .sf-c-bisque\:100 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 100%) } +.sf-c-txt-bisque { color: hsl(var(--sf-dark-c-txt-bisque)) } +.sf-c-txt-bisque\:0 { color: hsl(var(--sf-dark-c-txt-bisque-100)) } +.sf-c-txt-bisque\:5 { color: hsl(var(--sf-dark-c-txt-bisque-95)) } +.sf-c-txt-bisque\:10 { color: hsl(var(--sf-dark-c-txt-bisque-90)) } +.sf-c-txt-bisque\:15 { color: hsl(var(--sf-dark-c-txt-bisque-85)) } +.sf-c-txt-bisque\:20 { color: hsl(var(--sf-dark-c-txt-bisque-80)) } +.sf-c-txt-bisque\:25 { color: hsl(var(--sf-dark-c-txt-bisque-75)) } +.sf-c-txt-bisque\:30 { color: hsl(var(--sf-dark-c-txt-bisque-70)) } +.sf-c-txt-bisque\:35 { color: hsl(var(--sf-dark-c-txt-bisque-65)) } +.sf-c-txt-bisque\:40 { color: hsl(var(--sf-dark-c-txt-bisque-60)) } +.sf-c-txt-bisque\:45 { color: hsl(var(--sf-dark-c-txt-bisque-55)) } +.sf-c-txt-bisque\:50 { color: hsl(var(--sf-dark-c-txt-bisque-50)) } +.sf-c-txt-bisque\:55 { color: hsl(var(--sf-dark-c-txt-bisque-45)) } +.sf-c-txt-bisque\:60 { color: hsl(var(--sf-dark-c-txt-bisque-40)) } +.sf-c-txt-bisque\:65 { color: hsl(var(--sf-dark-c-txt-bisque-35)) } +.sf-c-txt-bisque\:70 { color: hsl(var(--sf-dark-c-txt-bisque-30)) } +.sf-c-txt-bisque\:75 { color: hsl(var(--sf-dark-c-txt-bisque-25)) } +.sf-c-txt-bisque\:80 { color: hsl(var(--sf-dark-c-txt-bisque-20)) } +.sf-c-txt-bisque\:85 { color: hsl(var(--sf-dark-c-txt-bisque-15)) } +.sf-c-txt-bisque\:90 { color: hsl(var(--sf-dark-c-txt-bisque-10)) } +.sf-c-txt-bisque\:95 { color: hsl(var(--sf-dark-c-txt-bisque-5)) } +.sf-c-txt-bisque\:100 { color: hsl(var(--sf-dark-c-txt-bisque-0)) } + +html.var .sf-c-txt-bisque { color: hsl(33, 100%, 12%) } +html.var .sf-c-txt-bisque\:0 { color: hsl(33, 100%, 100%) } +html.var .sf-c-txt-bisque\:5 { color: hsl(33, 100%, 95%) } +html.var .sf-c-txt-bisque\:10 { color: hsl(33, 100%, 90%) } +html.var .sf-c-txt-bisque\:15 { color: hsl(33, 100%, 85%) } +html.var .sf-c-txt-bisque\:20 { color: hsl(33, 100%, 80%) } +html.var .sf-c-txt-bisque\:25 { color: hsl(33, 100%, 75%) } +html.var .sf-c-txt-bisque\:30 { color: hsl(33, 100%, 70%) } +html.var .sf-c-txt-bisque\:35 { color: hsl(33, 100%, 65%) } +html.var .sf-c-txt-bisque\:40 { color: hsl(33, 100%, 60%) } +html.var .sf-c-txt-bisque\:45 { color: hsl(33, 100%, 55%) } +html.var .sf-c-txt-bisque\:50 { color: hsl(33, 100%, 50%) } +html.var .sf-c-txt-bisque\:55 { color: hsl(33, 100%, 45%) } +html.var .sf-c-txt-bisque\:60 { color: hsl(33, 100%, 40%) } +html.var .sf-c-txt-bisque\:65 { color: hsl(33, 100%, 35%) } +html.var .sf-c-txt-bisque\:70 { color: hsl(33, 100%, 30%) } +html.var .sf-c-txt-bisque\:75 { color: hsl(33, 100%, 25%) } +html.var .sf-c-txt-bisque\:80 { color: hsl(33, 100%, 20%) } +html.var .sf-c-txt-bisque\:85 { color: hsl(33, 100%, 15%) } +html.var .sf-c-txt-bisque\:90 { color: hsl(33, 100%, 10%) } +html.var .sf-c-txt-bisque\:95 { color: hsl(33, 100%, 5%) } +html.var .sf-c-txt-bisque\:100 { color: hsl(33, 100%, 0%) } + html[data-theme='dark'] .sf-c-bisque, html.dark .sf-c-bisque { color: hsl(var(--sf-dark-c-txt-bisque-95)); background: hsl(var(--sf-dark-c-bisque)) } html[data-theme='dark'] .sf-c-bisque\:0, html.dark .sf-c-bisque\:0 { color: hsl(var(--sf-dark-c-txt-bisque-95)); background: hsl(var(--sf-dark-c-bisque-100)) } html[data-theme='dark'] .sf-c-bisque\:5, html.dark .sf-c-bisque\:5 { color: hsl(var(--sf-dark-c-txt-bisque-5)); background: hsl(var(--sf-dark-c-bisque-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-bisque\:90\:dark, html.dark .sf-c-bisque\:90\:dark html[data-theme='dark'] .sf-c-bisque\:95\:dark, html.dark .sf-c-bisque\:95\:dark { color: hsl(var(--sf-c-txt-bisque-95)); background: hsl(var(--sf-c-bisque-5)) } html[data-theme='dark'] .sf-c-bisque\:100\:dark, html.dark .sf-c-bisque\:100\:dark { color: hsl(var(--sf-c-txt-bisque-95)); background: hsl(var(--sf-c-bisque-0)) } +html[data-theme='dark'] .sf-c-txt-bisque, html.dark .sf-c-txt-bisque { color: hsl(var(--sf-c-txt-bisque)) } +html[data-theme='dark'] .sf-c-txt-bisque\:0, html.dark .sf-c-txt-bisque\:0 { color: hsl(var(--sf-c-txt-bisque-0)) } +html[data-theme='dark'] .sf-c-txt-bisque\:5, html.dark .sf-c-txt-bisque\:5 { color: hsl(var(--sf-c-txt-bisque-5)) } +html[data-theme='dark'] .sf-c-txt-bisque\:10, html.dark .sf-c-txt-bisque\:10 { color: hsl(var(--sf-c-txt-bisque-10)) } +html[data-theme='dark'] .sf-c-txt-bisque\:15, html.dark .sf-c-txt-bisque\:15 { color: hsl(var(--sf-c-txt-bisque-15)) } +html[data-theme='dark'] .sf-c-txt-bisque\:20, html.dark .sf-c-txt-bisque\:20 { color: hsl(var(--sf-c-txt-bisque-20)) } +html[data-theme='dark'] .sf-c-txt-bisque\:25, html.dark .sf-c-txt-bisque\:25 { color: hsl(var(--sf-c-txt-bisque-25)) } +html[data-theme='dark'] .sf-c-txt-bisque\:30, html.dark .sf-c-txt-bisque\:30 { color: hsl(var(--sf-c-txt-bisque-30)) } +html[data-theme='dark'] .sf-c-txt-bisque\:35, html.dark .sf-c-txt-bisque\:35 { color: hsl(var(--sf-c-txt-bisque-35)) } +html[data-theme='dark'] .sf-c-txt-bisque\:40, html.dark .sf-c-txt-bisque\:40 { color: hsl(var(--sf-c-txt-bisque-40)) } +html[data-theme='dark'] .sf-c-txt-bisque\:45, html.dark .sf-c-txt-bisque\:45 { color: hsl(var(--sf-c-txt-bisque-45)) } +html[data-theme='dark'] .sf-c-txt-bisque\:50, html.dark .sf-c-txt-bisque\:50 { color: hsl(var(--sf-c-txt-bisque-50)) } +html[data-theme='dark'] .sf-c-txt-bisque\:55, html.dark .sf-c-txt-bisque\:55 { color: hsl(var(--sf-c-txt-bisque-55)) } +html[data-theme='dark'] .sf-c-txt-bisque\:60, html.dark .sf-c-txt-bisque\:60 { color: hsl(var(--sf-c-txt-bisque-60)) } +html[data-theme='dark'] .sf-c-txt-bisque\:65, html.dark .sf-c-txt-bisque\:65 { color: hsl(var(--sf-c-txt-bisque-65)) } +html[data-theme='dark'] .sf-c-txt-bisque\:70, html.dark .sf-c-txt-bisque\:70 { color: hsl(var(--sf-c-txt-bisque-70)) } +html[data-theme='dark'] .sf-c-txt-bisque\:75, html.dark .sf-c-txt-bisque\:75 { color: hsl(var(--sf-c-txt-bisque-75)) } +html[data-theme='dark'] .sf-c-txt-bisque\:80, html.dark .sf-c-txt-bisque\:80 { color: hsl(var(--sf-c-txt-bisque-80)) } +html[data-theme='dark'] .sf-c-txt-bisque\:85, html.dark .sf-c-txt-bisque\:85 { color: hsl(var(--sf-c-txt-bisque-85)) } +html[data-theme='dark'] .sf-c-txt-bisque\:90, html.dark .sf-c-txt-bisque\:90 { color: hsl(var(--sf-c-txt-bisque-90)) } +html[data-theme='dark'] .sf-c-txt-bisque\:95, html.dark .sf-c-txt-bisque\:95 { color: hsl(var(--sf-c-txt-bisque-95)) } +html[data-theme='dark'] .sf-c-txt-bisque\:100, html.dark .sf-c-txt-bisque\:100 { color: hsl(var(--sf-c-txt-bisque-100)) } + +html[data-theme='dark'] .sf-c-txt-bisque\:dark, html.dark .sf-c-txt-bisque\:dark { color: hsl(var(--sf-c-txt-bisque)) } +html[data-theme='dark'] .sf-c-txt-bisque\:0\:dark, html.dark .sf-c-txt-bisque\:0\:dark { color: hsl(var(--sf-dark-c-txt-bisque-0)) } +html[data-theme='dark'] .sf-c-txt-bisque\:5\:dark, html.dark .sf-c-txt-bisque\:5\:dark { color: hsl(var(--sf-dark-c-txt-bisque-5)) } +html[data-theme='dark'] .sf-c-txt-bisque\:10\:dark, html.dark .sf-c-txt-bisque\:10\:dark { color: hsl(var(--sf-dark-c-txt-bisque-10)) } +html[data-theme='dark'] .sf-c-txt-bisque\:15\:dark, html.dark .sf-c-txt-bisque\:15\:dark { color: hsl(var(--sf-dark-c-txt-bisque-15)) } +html[data-theme='dark'] .sf-c-txt-bisque\:20\:dark, html.dark .sf-c-txt-bisque\:20\:dark { color: hsl(var(--sf-dark-c-txt-bisque-20)) } +html[data-theme='dark'] .sf-c-txt-bisque\:25\:dark, html.dark .sf-c-txt-bisque\:25\:dark { color: hsl(var(--sf-dark-c-txt-bisque-25)) } +html[data-theme='dark'] .sf-c-txt-bisque\:30\:dark, html.dark .sf-c-txt-bisque\:30\:dark { color: hsl(var(--sf-dark-c-txt-bisque-30)) } +html[data-theme='dark'] .sf-c-txt-bisque\:35\:dark, html.dark .sf-c-txt-bisque\:35\:dark { color: hsl(var(--sf-dark-c-txt-bisque-35)) } +html[data-theme='dark'] .sf-c-txt-bisque\:40\:dark, html.dark .sf-c-txt-bisque\:40\:dark { color: hsl(var(--sf-dark-c-txt-bisque-40)) } +html[data-theme='dark'] .sf-c-txt-bisque\:45\:dark, html.dark .sf-c-txt-bisque\:45\:dark { color: hsl(var(--sf-dark-c-txt-bisque-45)) } +html[data-theme='dark'] .sf-c-txt-bisque\:50\:dark, html.dark .sf-c-txt-bisque\:50\:dark { color: hsl(var(--sf-dark-c-txt-bisque-50)) } +html[data-theme='dark'] .sf-c-txt-bisque\:55\:dark, html.dark .sf-c-txt-bisque\:55\:dark { color: hsl(var(--sf-dark-c-txt-bisque-55)) } +html[data-theme='dark'] .sf-c-txt-bisque\:60\:dark, html.dark .sf-c-txt-bisque\:60\:dark { color: hsl(var(--sf-dark-c-txt-bisque-60)) } +html[data-theme='dark'] .sf-c-txt-bisque\:65\:dark, html.dark .sf-c-txt-bisque\:65\:dark { color: hsl(var(--sf-dark-c-txt-bisque-65)) } +html[data-theme='dark'] .sf-c-txt-bisque\:70\:dark, html.dark .sf-c-txt-bisque\:70\:dark { color: hsl(var(--sf-dark-c-txt-bisque-70)) } +html[data-theme='dark'] .sf-c-txt-bisque\:75\:dark, html.dark .sf-c-txt-bisque\:75\:dark { color: hsl(var(--sf-dark-c-txt-bisque-75)) } +html[data-theme='dark'] .sf-c-txt-bisque\:80\:dark, html.dark .sf-c-txt-bisque\:80\:dark { color: hsl(var(--sf-dark-c-txt-bisque-80)) } +html[data-theme='dark'] .sf-c-txt-bisque\:85\:dark, html.dark .sf-c-txt-bisque\:85\:dark { color: hsl(var(--sf-dark-c-txt-bisque-85)) } +html[data-theme='dark'] .sf-c-txt-bisque\:90\:dark, html.dark .sf-c-txt-bisque\:90\:dark { color: hsl(var(--sf-dark-c-txt-bisque-90)) } +html[data-theme='dark'] .sf-c-txt-bisque\:95\:dark, html.dark .sf-c-txt-bisque\:95\:dark { color: hsl(var(--sf-dark-c-txt-bisque-95)) } +html[data-theme='dark'] .sf-c-txt-bisque\:100\:dark, html.dark .sf-c-txt-bisque\:100\:dark { color: hsl(var(--sf-dark-c-txt-bisque-100)) } + html.var[data-theme='dark'] .sf-c-bisque, html.var.dark .sf-c-bisque { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 12%) } html.var[data-theme='dark'] .sf-c-bisque\:0, html.var.dark .sf-c-bisque\:0 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 100%) } html.var[data-theme='dark'] .sf-c-bisque\:5, html.var.dark .sf-c-bisque\:5 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-bisque\:90\:dark, html.var.dark .sf-c-bisque\: html.var[data-theme='dark'] .sf-c-bisque\:95\:dark, html.var.dark .sf-c-bisque\:95\:dark { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 5%) } html.var[data-theme='dark'] .sf-c-bisque\:100\:dark, html.var.dark .sf-c-bisque\:100\:dark { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-bisque, html.dark .sf-c-txt-bisque { color: hsl(33, 100%, 88%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:0, html.dark .sf-c-txt-bisque\:0 { color: hsl(33, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:5, html.dark .sf-c-txt-bisque\:5 { color: hsl(33, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:10, html.dark .sf-c-txt-bisque\:10 { color: hsl(33, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:15, html.dark .sf-c-txt-bisque\:15 { color: hsl(33, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:20, html.dark .sf-c-txt-bisque\:20 { color: hsl(33, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:25, html.dark .sf-c-txt-bisque\:25 { color: hsl(33, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:30, html.dark .sf-c-txt-bisque\:30 { color: hsl(33, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:35, html.dark .sf-c-txt-bisque\:35 { color: hsl(33, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:40, html.dark .sf-c-txt-bisque\:40 { color: hsl(33, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:45, html.dark .sf-c-txt-bisque\:45 { color: hsl(33, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:50, html.dark .sf-c-txt-bisque\:50 { color: hsl(33, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:55, html.dark .sf-c-txt-bisque\:55 { color: hsl(33, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:60, html.dark .sf-c-txt-bisque\:60 { color: hsl(33, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:65, html.dark .sf-c-txt-bisque\:65 { color: hsl(33, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:70, html.dark .sf-c-txt-bisque\:70 { color: hsl(33, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:75, html.dark .sf-c-txt-bisque\:75 { color: hsl(33, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:80, html.dark .sf-c-txt-bisque\:80 { color: hsl(33, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:85, html.dark .sf-c-txt-bisque\:85 { color: hsl(33, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:90, html.dark .sf-c-txt-bisque\:90 { color: hsl(33, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:95, html.dark .sf-c-txt-bisque\:95 { color: hsl(33, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:100, html.dark .sf-c-txt-bisque\:100 { color: hsl(33, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-bisque\:dark, html.dark .sf-c-txt-bisque\:dark { color: hsl(33, 100%, 88%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:0\:dark, html.dark .sf-c-txt-bisque\:0\:dark { color: hsl(33, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:5\:dark, html.dark .sf-c-txt-bisque\:5\:dark { color: hsl(33, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:10\:dark, html.dark .sf-c-txt-bisque\:10\:dark { color: hsl(33, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:15\:dark, html.dark .sf-c-txt-bisque\:15\:dark { color: hsl(33, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:20\:dark, html.dark .sf-c-txt-bisque\:20\:dark { color: hsl(33, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:25\:dark, html.dark .sf-c-txt-bisque\:25\:dark { color: hsl(33, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:30\:dark, html.dark .sf-c-txt-bisque\:30\:dark { color: hsl(33, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:35\:dark, html.dark .sf-c-txt-bisque\:35\:dark { color: hsl(33, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:40\:dark, html.dark .sf-c-txt-bisque\:40\:dark { color: hsl(33, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:45\:dark, html.dark .sf-c-txt-bisque\:45\:dark { color: hsl(33, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:50\:dark, html.dark .sf-c-txt-bisque\:50\:dark { color: hsl(33, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:55\:dark, html.dark .sf-c-txt-bisque\:55\:dark { color: hsl(33, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:60\:dark, html.dark .sf-c-txt-bisque\:60\:dark { color: hsl(33, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:65\:dark, html.dark .sf-c-txt-bisque\:65\:dark { color: hsl(33, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:70\:dark, html.dark .sf-c-txt-bisque\:70\:dark { color: hsl(33, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:75\:dark, html.dark .sf-c-txt-bisque\:75\:dark { color: hsl(33, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:80\:dark, html.dark .sf-c-txt-bisque\:80\:dark { color: hsl(33, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:85\:dark, html.dark .sf-c-txt-bisque\:85\:dark { color: hsl(33, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:90\:dark, html.dark .sf-c-txt-bisque\:90\:dark { color: hsl(33, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:95\:dark, html.dark .sf-c-txt-bisque\:95\:dark { color: hsl(33, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-bisque\:100\:dark, html.dark .sf-c-txt-bisque\:100\:dark { color: hsl(33, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-bisque, html.auto .sf-c-bisque { color: hsl(var(--sf-dark-c-txt-bisque-95)); background: hsl(var(--sf-dark-c-bisque)) } html[data-theme='auto'] .sf-c-bisque\:0, html.auto .sf-c-bisque\:0 { color: hsl(var(--sf-dark-c-txt-bisque-95)); background: hsl(var(--sf-dark-c-bisque-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-bisque\:100\:dark, html.var.dark .sf-c-bisque\ html[data-theme='auto'] .sf-c-bisque\:95\:dark, html.auto .sf-c-bisque\:95\:dark { color: hsl(var(--sf-c-txt-bisque-95)); background: hsl(var(--sf-c-bisque-5)) } html[data-theme='auto'] .sf-c-bisque\:100\:dark, html.auto .sf-c-bisque\:100\:dark { color: hsl(var(--sf-c-txt-bisque-95)); background: hsl(var(--sf-c-bisque-0)) } + html[data-theme='auto'] .sf-c-txt-bisque, html.auto .sf-c-txt-bisque { color: hsl(var(--sf-c-txt-bisque)) } + html[data-theme='auto'] .sf-c-txt-bisque\:0, html.auto .sf-c-txt-bisque\:0 { color: hsl(var(--sf-c-txt-bisque-0)) } + html[data-theme='auto'] .sf-c-txt-bisque\:5, html.auto .sf-c-txt-bisque\:5 { color: hsl(var(--sf-c-txt-bisque-5)) } + html[data-theme='auto'] .sf-c-txt-bisque\:10, html.auto .sf-c-txt-bisque\:10 { color: hsl(var(--sf-c-txt-bisque-10)) } + html[data-theme='auto'] .sf-c-txt-bisque\:15, html.auto .sf-c-txt-bisque\:15 { color: hsl(var(--sf-c-txt-bisque-15)) } + html[data-theme='auto'] .sf-c-txt-bisque\:20, html.auto .sf-c-txt-bisque\:20 { color: hsl(var(--sf-c-txt-bisque-20)) } + html[data-theme='auto'] .sf-c-txt-bisque\:25, html.auto .sf-c-txt-bisque\:25 { color: hsl(var(--sf-c-txt-bisque-25)) } + html[data-theme='auto'] .sf-c-txt-bisque\:30, html.auto .sf-c-txt-bisque\:30 { color: hsl(var(--sf-c-txt-bisque-30)) } + html[data-theme='auto'] .sf-c-txt-bisque\:35, html.auto .sf-c-txt-bisque\:35 { color: hsl(var(--sf-c-txt-bisque-35)) } + html[data-theme='auto'] .sf-c-txt-bisque\:40, html.auto .sf-c-txt-bisque\:40 { color: hsl(var(--sf-c-txt-bisque-40)) } + html[data-theme='auto'] .sf-c-txt-bisque\:45, html.auto .sf-c-txt-bisque\:45 { color: hsl(var(--sf-c-txt-bisque-45)) } + html[data-theme='auto'] .sf-c-txt-bisque\:50, html.auto .sf-c-txt-bisque\:50 { color: hsl(var(--sf-c-txt-bisque-50)) } + html[data-theme='auto'] .sf-c-txt-bisque\:55, html.auto .sf-c-txt-bisque\:55 { color: hsl(var(--sf-c-txt-bisque-55)) } + html[data-theme='auto'] .sf-c-txt-bisque\:60, html.auto .sf-c-txt-bisque\:60 { color: hsl(var(--sf-c-txt-bisque-60)) } + html[data-theme='auto'] .sf-c-txt-bisque\:65, html.auto .sf-c-txt-bisque\:65 { color: hsl(var(--sf-c-txt-bisque-65)) } + html[data-theme='auto'] .sf-c-txt-bisque\:70, html.auto .sf-c-txt-bisque\:70 { color: hsl(var(--sf-c-txt-bisque-70)) } + html[data-theme='auto'] .sf-c-txt-bisque\:75, html.auto .sf-c-txt-bisque\:75 { color: hsl(var(--sf-c-txt-bisque-75)) } + html[data-theme='auto'] .sf-c-txt-bisque\:80, html.auto .sf-c-txt-bisque\:80 { color: hsl(var(--sf-c-txt-bisque-80)) } + html[data-theme='auto'] .sf-c-txt-bisque\:85, html.auto .sf-c-txt-bisque\:85 { color: hsl(var(--sf-c-txt-bisque-85)) } + html[data-theme='auto'] .sf-c-txt-bisque\:90, html.auto .sf-c-txt-bisque\:90 { color: hsl(var(--sf-c-txt-bisque-90)) } + html[data-theme='auto'] .sf-c-txt-bisque\:95, html.auto .sf-c-txt-bisque\:95 { color: hsl(var(--sf-c-txt-bisque-95)) } + html[data-theme='auto'] .sf-c-txt-bisque\:100, html.auto .sf-c-txt-bisque\:100 { color: hsl(var(--sf-c-txt-bisque-100)) } + + html[data-theme='auto'] .sf-c-txt-bisque\:dark, html.auto .sf-c-txt-bisque\:dark { color: hsl(var(--sf-c-txt-bisque)) } + html[data-theme='auto'] .sf-c-txt-bisque\:0\:dark, html.auto .sf-c-txt-bisque\:0\:dark { color: hsl(var(--sf-c-txt-bisque-0)) } + html[data-theme='auto'] .sf-c-txt-bisque\:5\:dark, html.auto .sf-c-txt-bisque\:5\:dark { color: hsl(var(--sf-c-txt-bisque-5)) } + html[data-theme='auto'] .sf-c-txt-bisque\:10\:dark, html.auto .sf-c-txt-bisque\:10\:dark { color: hsl(var(--sf-c-txt-bisque-10)) } + html[data-theme='auto'] .sf-c-txt-bisque\:15\:dark, html.auto .sf-c-txt-bisque\:15\:dark { color: hsl(var(--sf-c-txt-bisque-15)) } + html[data-theme='auto'] .sf-c-txt-bisque\:20\:dark, html.auto .sf-c-txt-bisque\:20\:dark { color: hsl(var(--sf-c-txt-bisque-20)) } + html[data-theme='auto'] .sf-c-txt-bisque\:25\:dark, html.auto .sf-c-txt-bisque\:25\:dark { color: hsl(var(--sf-c-txt-bisque-25)) } + html[data-theme='auto'] .sf-c-txt-bisque\:30\:dark, html.auto .sf-c-txt-bisque\:30\:dark { color: hsl(var(--sf-c-txt-bisque-30)) } + html[data-theme='auto'] .sf-c-txt-bisque\:35\:dark, html.auto .sf-c-txt-bisque\:35\:dark { color: hsl(var(--sf-c-txt-bisque-35)) } + html[data-theme='auto'] .sf-c-txt-bisque\:40\:dark, html.auto .sf-c-txt-bisque\:40\:dark { color: hsl(var(--sf-c-txt-bisque-40)) } + html[data-theme='auto'] .sf-c-txt-bisque\:45\:dark, html.auto .sf-c-txt-bisque\:45\:dark { color: hsl(var(--sf-c-txt-bisque-45)) } + html[data-theme='auto'] .sf-c-txt-bisque\:50\:dark, html.auto .sf-c-txt-bisque\:50\:dark { color: hsl(var(--sf-c-txt-bisque-50)) } + html[data-theme='auto'] .sf-c-txt-bisque\:55\:dark, html.auto .sf-c-txt-bisque\:55\:dark { color: hsl(var(--sf-c-txt-bisque-55)) } + html[data-theme='auto'] .sf-c-txt-bisque\:60\:dark, html.auto .sf-c-txt-bisque\:60\:dark { color: hsl(var(--sf-c-txt-bisque-60)) } + html[data-theme='auto'] .sf-c-txt-bisque\:65\:dark, html.auto .sf-c-txt-bisque\:65\:dark { color: hsl(var(--sf-c-txt-bisque-65)) } + html[data-theme='auto'] .sf-c-txt-bisque\:70\:dark, html.auto .sf-c-txt-bisque\:70\:dark { color: hsl(var(--sf-c-txt-bisque-70)) } + html[data-theme='auto'] .sf-c-txt-bisque\:75\:dark, html.auto .sf-c-txt-bisque\:75\:dark { color: hsl(var(--sf-c-txt-bisque-75)) } + html[data-theme='auto'] .sf-c-txt-bisque\:80\:dark, html.auto .sf-c-txt-bisque\:80\:dark { color: hsl(var(--sf-c-txt-bisque-80)) } + html[data-theme='auto'] .sf-c-txt-bisque\:85\:dark, html.auto .sf-c-txt-bisque\:85\:dark { color: hsl(var(--sf-c-txt-bisque-85)) } + html[data-theme='auto'] .sf-c-txt-bisque\:90\:dark, html.auto .sf-c-txt-bisque\:90\:dark { color: hsl(var(--sf-c-txt-bisque-90)) } + html[data-theme='auto'] .sf-c-txt-bisque\:95\:dark, html.auto .sf-c-txt-bisque\:95\:dark { color: hsl(var(--sf-c-txt-bisque-95)) } + html[data-theme='auto'] .sf-c-txt-bisque\:100\:dark, html.auto .sf-c-txt-bisque\:100\:dark { color: hsl(var(--sf-c-txt-bisque-100)) } + html.var[data-theme='auto'] .sf-c-bisque, html.var.auto .sf-c-bisque { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 12%) } html.var[data-theme='auto'] .sf-c-bisque\:0, html.var.auto .sf-c-bisque\:0 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 100%) } html.var[data-theme='auto'] .sf-c-bisque\:5, html.var.auto .sf-c-bisque\:5 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-bisque\:100\:dark, html.var.dark .sf-c-bisque\ html.var[data-theme='auto'] .sf-c-bisque\:90\:dark, html.var.auto .sf-c-bisque\:90\:dark { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 10%) } html.var[data-theme='auto'] .sf-c-bisque\:95\:dark, html.var.auto .sf-c-bisque\:95\:dark { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 5%) } html.var[data-theme='auto'] .sf-c-bisque\:100\:dark, html.var.auto .sf-c-bisque\:100\:dark { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 0%) } -} -.sf-c-txt-bisque { color: hsl(var(--sf-c-txt-bisque)) } -.sf-c-txt-bisque\:0 { color: hsl(var(--sf-c-txt-bisque-0)) } -.sf-c-txt-bisque\:5 { color: hsl(var(--sf-c-txt-bisque-5)) } -.sf-c-txt-bisque\:10 { color: hsl(var(--sf-c-txt-bisque-10)) } -.sf-c-txt-bisque\:15 { color: hsl(var(--sf-c-txt-bisque-15)) } -.sf-c-txt-bisque\:20 { color: hsl(var(--sf-c-txt-bisque-20)) } -.sf-c-txt-bisque\:25 { color: hsl(var(--sf-c-txt-bisque-25)) } -.sf-c-txt-bisque\:30 { color: hsl(var(--sf-c-txt-bisque-30)) } -.sf-c-txt-bisque\:35 { color: hsl(var(--sf-c-txt-bisque-35)) } -.sf-c-txt-bisque\:40 { color: hsl(var(--sf-c-txt-bisque-40)) } -.sf-c-txt-bisque\:45 { color: hsl(var(--sf-c-txt-bisque-45)) } -.sf-c-txt-bisque\:50 { color: hsl(var(--sf-c-txt-bisque-50)) } -.sf-c-txt-bisque\:55 { color: hsl(var(--sf-c-txt-bisque-55)) } -.sf-c-txt-bisque\:60 { color: hsl(var(--sf-c-txt-bisque-60)) } -.sf-c-txt-bisque\:65 { color: hsl(var(--sf-c-txt-bisque-65)) } -.sf-c-txt-bisque\:70 { color: hsl(var(--sf-c-txt-bisque-70)) } -.sf-c-txt-bisque\:75 { color: hsl(var(--sf-c-txt-bisque-75)) } -.sf-c-txt-bisque\:80 { color: hsl(var(--sf-c-txt-bisque-80)) } -.sf-c-txt-bisque\:85 { color: hsl(var(--sf-c-txt-bisque-85)) } -.sf-c-txt-bisque\:90 { color: hsl(var(--sf-c-txt-bisque-90)) } -.sf-c-txt-bisque\:95 { color: hsl(var(--sf-c-txt-bisque-95)) } -.sf-c-txt-bisque\:100 { color: hsl(var(--sf-c-txt-bisque-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-bisque, html.auto .sf-c-txt-bisque { color: hsl(33, 100%, 88%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:0, html.auto .sf-c-txt-bisque\:0 { color: hsl(33, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:5, html.auto .sf-c-txt-bisque\:5 { color: hsl(33, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:10, html.auto .sf-c-txt-bisque\:10 { color: hsl(33, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:15, html.auto .sf-c-txt-bisque\:15 { color: hsl(33, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:20, html.auto .sf-c-txt-bisque\:20 { color: hsl(33, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:25, html.auto .sf-c-txt-bisque\:25 { color: hsl(33, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:30, html.auto .sf-c-txt-bisque\:30 { color: hsl(33, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:35, html.auto .sf-c-txt-bisque\:35 { color: hsl(33, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:40, html.auto .sf-c-txt-bisque\:40 { color: hsl(33, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:45, html.auto .sf-c-txt-bisque\:45 { color: hsl(33, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:50, html.auto .sf-c-txt-bisque\:50 { color: hsl(33, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:55, html.auto .sf-c-txt-bisque\:55 { color: hsl(33, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:60, html.auto .sf-c-txt-bisque\:60 { color: hsl(33, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:65, html.auto .sf-c-txt-bisque\:65 { color: hsl(33, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:70, html.auto .sf-c-txt-bisque\:70 { color: hsl(33, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:75, html.auto .sf-c-txt-bisque\:75 { color: hsl(33, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:80, html.auto .sf-c-txt-bisque\:80 { color: hsl(33, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:85, html.auto .sf-c-txt-bisque\:85 { color: hsl(33, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:90, html.auto .sf-c-txt-bisque\:90 { color: hsl(33, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:95, html.auto .sf-c-txt-bisque\:95 { color: hsl(33, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:100, html.auto .sf-c-txt-bisque\:100 { color: hsl(33, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-bisque\:dark, html.auto .sf-c-txt-bisque\:dark { color: hsl(33, 100%, 88%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:0\:dark, html.auto .sf-c-txt-bisque\:0\:dark { color: hsl(33, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:5\:dark, html.auto .sf-c-txt-bisque\:5\:dark { color: hsl(33, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:10\:dark, html.auto .sf-c-txt-bisque\:10\:dark { color: hsl(33, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:15\:dark, html.auto .sf-c-txt-bisque\:15\:dark { color: hsl(33, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:20\:dark, html.auto .sf-c-txt-bisque\:20\:dark { color: hsl(33, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:25\:dark, html.auto .sf-c-txt-bisque\:25\:dark { color: hsl(33, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:30\:dark, html.auto .sf-c-txt-bisque\:30\:dark { color: hsl(33, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:35\:dark, html.auto .sf-c-txt-bisque\:35\:dark { color: hsl(33, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:40\:dark, html.auto .sf-c-txt-bisque\:40\:dark { color: hsl(33, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:45\:dark, html.auto .sf-c-txt-bisque\:45\:dark { color: hsl(33, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:50\:dark, html.auto .sf-c-txt-bisque\:50\:dark { color: hsl(33, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:55\:dark, html.auto .sf-c-txt-bisque\:55\:dark { color: hsl(33, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:60\:dark, html.auto .sf-c-txt-bisque\:60\:dark { color: hsl(33, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:65\:dark, html.auto .sf-c-txt-bisque\:65\:dark { color: hsl(33, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:70\:dark, html.auto .sf-c-txt-bisque\:70\:dark { color: hsl(33, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:75\:dark, html.auto .sf-c-txt-bisque\:75\:dark { color: hsl(33, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:80\:dark, html.auto .sf-c-txt-bisque\:80\:dark { color: hsl(33, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:85\:dark, html.auto .sf-c-txt-bisque\:85\:dark { color: hsl(33, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:90\:dark, html.auto .sf-c-txt-bisque\:90\:dark { color: hsl(33, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:95\:dark, html.auto .sf-c-txt-bisque\:95\:dark { color: hsl(33, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-bisque\:100\:dark, html.auto .sf-c-txt-bisque\:100\:dark { color: hsl(33, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/black.css b/src/colors/20/black.css index 83de7a1..bdbff44 100644 --- a/src/colors/20/black.css +++ b/src/colors/20/black.css @@ -138,6 +138,52 @@ html.var .sf-c-black\:90 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } html.var .sf-c-black\:95 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } html.var .sf-c-black\:100 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } +.sf-c-txt-black { color: hsl(var(--sf-dark-c-txt-black)) } +.sf-c-txt-black\:0 { color: hsl(var(--sf-dark-c-txt-black-100)) } +.sf-c-txt-black\:5 { color: hsl(var(--sf-dark-c-txt-black-95)) } +.sf-c-txt-black\:10 { color: hsl(var(--sf-dark-c-txt-black-90)) } +.sf-c-txt-black\:15 { color: hsl(var(--sf-dark-c-txt-black-85)) } +.sf-c-txt-black\:20 { color: hsl(var(--sf-dark-c-txt-black-80)) } +.sf-c-txt-black\:25 { color: hsl(var(--sf-dark-c-txt-black-75)) } +.sf-c-txt-black\:30 { color: hsl(var(--sf-dark-c-txt-black-70)) } +.sf-c-txt-black\:35 { color: hsl(var(--sf-dark-c-txt-black-65)) } +.sf-c-txt-black\:40 { color: hsl(var(--sf-dark-c-txt-black-60)) } +.sf-c-txt-black\:45 { color: hsl(var(--sf-dark-c-txt-black-55)) } +.sf-c-txt-black\:50 { color: hsl(var(--sf-dark-c-txt-black-50)) } +.sf-c-txt-black\:55 { color: hsl(var(--sf-dark-c-txt-black-45)) } +.sf-c-txt-black\:60 { color: hsl(var(--sf-dark-c-txt-black-40)) } +.sf-c-txt-black\:65 { color: hsl(var(--sf-dark-c-txt-black-35)) } +.sf-c-txt-black\:70 { color: hsl(var(--sf-dark-c-txt-black-30)) } +.sf-c-txt-black\:75 { color: hsl(var(--sf-dark-c-txt-black-25)) } +.sf-c-txt-black\:80 { color: hsl(var(--sf-dark-c-txt-black-20)) } +.sf-c-txt-black\:85 { color: hsl(var(--sf-dark-c-txt-black-15)) } +.sf-c-txt-black\:90 { color: hsl(var(--sf-dark-c-txt-black-10)) } +.sf-c-txt-black\:95 { color: hsl(var(--sf-dark-c-txt-black-5)) } +.sf-c-txt-black\:100 { color: hsl(var(--sf-dark-c-txt-black-0)) } + +html.var .sf-c-txt-black { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-black\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-black\:5 { color: hsl(0, 0%, 95%) } +html.var .sf-c-txt-black\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-black\:15 { color: hsl(0, 0%, 85%) } +html.var .sf-c-txt-black\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-black\:25 { color: hsl(0, 0%, 75%) } +html.var .sf-c-txt-black\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-black\:35 { color: hsl(0, 0%, 65%) } +html.var .sf-c-txt-black\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-black\:45 { color: hsl(0, 0%, 55%) } +html.var .sf-c-txt-black\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-black\:55 { color: hsl(0, 0%, 45%) } +html.var .sf-c-txt-black\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-black\:65 { color: hsl(0, 0%, 35%) } +html.var .sf-c-txt-black\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-black\:75 { color: hsl(0, 0%, 25%) } +html.var .sf-c-txt-black\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-black\:85 { color: hsl(0, 0%, 15%) } +html.var .sf-c-txt-black\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-black\:95 { color: hsl(0, 0%, 5%) } +html.var .sf-c-txt-black\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-black, html.dark .sf-c-black { color: hsl(var(--sf-dark-c-txt-black-5)); background: hsl(var(--sf-dark-c-black)) } html[data-theme='dark'] .sf-c-black\:0, html.dark .sf-c-black\:0 { color: hsl(var(--sf-dark-c-txt-black-95)); background: hsl(var(--sf-dark-c-black-100)) } html[data-theme='dark'] .sf-c-black\:5, html.dark .sf-c-black\:5 { color: hsl(var(--sf-dark-c-txt-black-5)); background: hsl(var(--sf-dark-c-black-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-black\:90\:dark, html.dark .sf-c-black\:90\:dark { html[data-theme='dark'] .sf-c-black\:95\:dark, html.dark .sf-c-black\:95\:dark { color: hsl(var(--sf-c-txt-black-95)); background: hsl(var(--sf-c-black-5)) } html[data-theme='dark'] .sf-c-black\:100\:dark, html.dark .sf-c-black\:100\:dark { color: hsl(var(--sf-c-txt-black-95)); background: hsl(var(--sf-c-black-0)) } +html[data-theme='dark'] .sf-c-txt-black, html.dark .sf-c-txt-black { color: hsl(var(--sf-c-txt-black)) } +html[data-theme='dark'] .sf-c-txt-black\:0, html.dark .sf-c-txt-black\:0 { color: hsl(var(--sf-c-txt-black-0)) } +html[data-theme='dark'] .sf-c-txt-black\:5, html.dark .sf-c-txt-black\:5 { color: hsl(var(--sf-c-txt-black-5)) } +html[data-theme='dark'] .sf-c-txt-black\:10, html.dark .sf-c-txt-black\:10 { color: hsl(var(--sf-c-txt-black-10)) } +html[data-theme='dark'] .sf-c-txt-black\:15, html.dark .sf-c-txt-black\:15 { color: hsl(var(--sf-c-txt-black-15)) } +html[data-theme='dark'] .sf-c-txt-black\:20, html.dark .sf-c-txt-black\:20 { color: hsl(var(--sf-c-txt-black-20)) } +html[data-theme='dark'] .sf-c-txt-black\:25, html.dark .sf-c-txt-black\:25 { color: hsl(var(--sf-c-txt-black-25)) } +html[data-theme='dark'] .sf-c-txt-black\:30, html.dark .sf-c-txt-black\:30 { color: hsl(var(--sf-c-txt-black-30)) } +html[data-theme='dark'] .sf-c-txt-black\:35, html.dark .sf-c-txt-black\:35 { color: hsl(var(--sf-c-txt-black-35)) } +html[data-theme='dark'] .sf-c-txt-black\:40, html.dark .sf-c-txt-black\:40 { color: hsl(var(--sf-c-txt-black-40)) } +html[data-theme='dark'] .sf-c-txt-black\:45, html.dark .sf-c-txt-black\:45 { color: hsl(var(--sf-c-txt-black-45)) } +html[data-theme='dark'] .sf-c-txt-black\:50, html.dark .sf-c-txt-black\:50 { color: hsl(var(--sf-c-txt-black-50)) } +html[data-theme='dark'] .sf-c-txt-black\:55, html.dark .sf-c-txt-black\:55 { color: hsl(var(--sf-c-txt-black-55)) } +html[data-theme='dark'] .sf-c-txt-black\:60, html.dark .sf-c-txt-black\:60 { color: hsl(var(--sf-c-txt-black-60)) } +html[data-theme='dark'] .sf-c-txt-black\:65, html.dark .sf-c-txt-black\:65 { color: hsl(var(--sf-c-txt-black-65)) } +html[data-theme='dark'] .sf-c-txt-black\:70, html.dark .sf-c-txt-black\:70 { color: hsl(var(--sf-c-txt-black-70)) } +html[data-theme='dark'] .sf-c-txt-black\:75, html.dark .sf-c-txt-black\:75 { color: hsl(var(--sf-c-txt-black-75)) } +html[data-theme='dark'] .sf-c-txt-black\:80, html.dark .sf-c-txt-black\:80 { color: hsl(var(--sf-c-txt-black-80)) } +html[data-theme='dark'] .sf-c-txt-black\:85, html.dark .sf-c-txt-black\:85 { color: hsl(var(--sf-c-txt-black-85)) } +html[data-theme='dark'] .sf-c-txt-black\:90, html.dark .sf-c-txt-black\:90 { color: hsl(var(--sf-c-txt-black-90)) } +html[data-theme='dark'] .sf-c-txt-black\:95, html.dark .sf-c-txt-black\:95 { color: hsl(var(--sf-c-txt-black-95)) } +html[data-theme='dark'] .sf-c-txt-black\:100, html.dark .sf-c-txt-black\:100 { color: hsl(var(--sf-c-txt-black-100)) } + +html[data-theme='dark'] .sf-c-txt-black\:dark, html.dark .sf-c-txt-black\:dark { color: hsl(var(--sf-c-txt-black)) } +html[data-theme='dark'] .sf-c-txt-black\:0\:dark, html.dark .sf-c-txt-black\:0\:dark { color: hsl(var(--sf-dark-c-txt-black-0)) } +html[data-theme='dark'] .sf-c-txt-black\:5\:dark, html.dark .sf-c-txt-black\:5\:dark { color: hsl(var(--sf-dark-c-txt-black-5)) } +html[data-theme='dark'] .sf-c-txt-black\:10\:dark, html.dark .sf-c-txt-black\:10\:dark { color: hsl(var(--sf-dark-c-txt-black-10)) } +html[data-theme='dark'] .sf-c-txt-black\:15\:dark, html.dark .sf-c-txt-black\:15\:dark { color: hsl(var(--sf-dark-c-txt-black-15)) } +html[data-theme='dark'] .sf-c-txt-black\:20\:dark, html.dark .sf-c-txt-black\:20\:dark { color: hsl(var(--sf-dark-c-txt-black-20)) } +html[data-theme='dark'] .sf-c-txt-black\:25\:dark, html.dark .sf-c-txt-black\:25\:dark { color: hsl(var(--sf-dark-c-txt-black-25)) } +html[data-theme='dark'] .sf-c-txt-black\:30\:dark, html.dark .sf-c-txt-black\:30\:dark { color: hsl(var(--sf-dark-c-txt-black-30)) } +html[data-theme='dark'] .sf-c-txt-black\:35\:dark, html.dark .sf-c-txt-black\:35\:dark { color: hsl(var(--sf-dark-c-txt-black-35)) } +html[data-theme='dark'] .sf-c-txt-black\:40\:dark, html.dark .sf-c-txt-black\:40\:dark { color: hsl(var(--sf-dark-c-txt-black-40)) } +html[data-theme='dark'] .sf-c-txt-black\:45\:dark, html.dark .sf-c-txt-black\:45\:dark { color: hsl(var(--sf-dark-c-txt-black-45)) } +html[data-theme='dark'] .sf-c-txt-black\:50\:dark, html.dark .sf-c-txt-black\:50\:dark { color: hsl(var(--sf-dark-c-txt-black-50)) } +html[data-theme='dark'] .sf-c-txt-black\:55\:dark, html.dark .sf-c-txt-black\:55\:dark { color: hsl(var(--sf-dark-c-txt-black-55)) } +html[data-theme='dark'] .sf-c-txt-black\:60\:dark, html.dark .sf-c-txt-black\:60\:dark { color: hsl(var(--sf-dark-c-txt-black-60)) } +html[data-theme='dark'] .sf-c-txt-black\:65\:dark, html.dark .sf-c-txt-black\:65\:dark { color: hsl(var(--sf-dark-c-txt-black-65)) } +html[data-theme='dark'] .sf-c-txt-black\:70\:dark, html.dark .sf-c-txt-black\:70\:dark { color: hsl(var(--sf-dark-c-txt-black-70)) } +html[data-theme='dark'] .sf-c-txt-black\:75\:dark, html.dark .sf-c-txt-black\:75\:dark { color: hsl(var(--sf-dark-c-txt-black-75)) } +html[data-theme='dark'] .sf-c-txt-black\:80\:dark, html.dark .sf-c-txt-black\:80\:dark { color: hsl(var(--sf-dark-c-txt-black-80)) } +html[data-theme='dark'] .sf-c-txt-black\:85\:dark, html.dark .sf-c-txt-black\:85\:dark { color: hsl(var(--sf-dark-c-txt-black-85)) } +html[data-theme='dark'] .sf-c-txt-black\:90\:dark, html.dark .sf-c-txt-black\:90\:dark { color: hsl(var(--sf-dark-c-txt-black-90)) } +html[data-theme='dark'] .sf-c-txt-black\:95\:dark, html.dark .sf-c-txt-black\:95\:dark { color: hsl(var(--sf-dark-c-txt-black-95)) } +html[data-theme='dark'] .sf-c-txt-black\:100\:dark, html.dark .sf-c-txt-black\:100\:dark { color: hsl(var(--sf-dark-c-txt-black-100)) } + html.var[data-theme='dark'] .sf-c-black, html.var.dark .sf-c-black { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-black\:0, html.var.dark .sf-c-black\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-black\:5, html.var.dark .sf-c-black\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-black\:90\:dark, html.var.dark .sf-c-black\:90 html.var[data-theme='dark'] .sf-c-black\:95\:dark, html.var.dark .sf-c-black\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='dark'] .sf-c-black\:100\:dark, html.var.dark .sf-c-black\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-black, html.dark .sf-c-txt-black { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-black\:0, html.dark .sf-c-txt-black\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-black\:5, html.dark .sf-c-txt-black\:5 { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-black\:10, html.dark .sf-c-txt-black\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-black\:15, html.dark .sf-c-txt-black\:15 { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-black\:20, html.dark .sf-c-txt-black\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-black\:25, html.dark .sf-c-txt-black\:25 { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-black\:30, html.dark .sf-c-txt-black\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-black\:35, html.dark .sf-c-txt-black\:35 { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-black\:40, html.dark .sf-c-txt-black\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-black\:45, html.dark .sf-c-txt-black\:45 { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-black\:50, html.dark .sf-c-txt-black\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-black\:55, html.dark .sf-c-txt-black\:55 { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-black\:60, html.dark .sf-c-txt-black\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-black\:65, html.dark .sf-c-txt-black\:65 { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-black\:70, html.dark .sf-c-txt-black\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-black\:75, html.dark .sf-c-txt-black\:75 { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-black\:80, html.dark .sf-c-txt-black\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-black\:85, html.dark .sf-c-txt-black\:85 { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-black\:90, html.dark .sf-c-txt-black\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-black\:95, html.dark .sf-c-txt-black\:95 { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-black\:100, html.dark .sf-c-txt-black\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-black\:dark, html.dark .sf-c-txt-black\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-black\:0\:dark, html.dark .sf-c-txt-black\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-black\:5\:dark, html.dark .sf-c-txt-black\:5\:dark { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-black\:10\:dark, html.dark .sf-c-txt-black\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-black\:15\:dark, html.dark .sf-c-txt-black\:15\:dark { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-black\:20\:dark, html.dark .sf-c-txt-black\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-black\:25\:dark, html.dark .sf-c-txt-black\:25\:dark { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-black\:30\:dark, html.dark .sf-c-txt-black\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-black\:35\:dark, html.dark .sf-c-txt-black\:35\:dark { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-black\:40\:dark, html.dark .sf-c-txt-black\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-black\:45\:dark, html.dark .sf-c-txt-black\:45\:dark { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-black\:50\:dark, html.dark .sf-c-txt-black\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-black\:55\:dark, html.dark .sf-c-txt-black\:55\:dark { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-black\:60\:dark, html.dark .sf-c-txt-black\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-black\:65\:dark, html.dark .sf-c-txt-black\:65\:dark { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-black\:70\:dark, html.dark .sf-c-txt-black\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-black\:75\:dark, html.dark .sf-c-txt-black\:75\:dark { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-black\:80\:dark, html.dark .sf-c-txt-black\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-black\:85\:dark, html.dark .sf-c-txt-black\:85\:dark { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-black\:90\:dark, html.dark .sf-c-txt-black\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-black\:95\:dark, html.dark .sf-c-txt-black\:95\:dark { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-black\:100\:dark, html.dark .sf-c-txt-black\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-black, html.auto .sf-c-black { color: hsl(var(--sf-dark-c-txt-black-5)); background: hsl(var(--sf-dark-c-black)) } html[data-theme='auto'] .sf-c-black\:0, html.auto .sf-c-black\:0 { color: hsl(var(--sf-dark-c-txt-black-95)); background: hsl(var(--sf-dark-c-black-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-black\:100\:dark, html.var.dark .sf-c-black\:1 html[data-theme='auto'] .sf-c-black\:95\:dark, html.auto .sf-c-black\:95\:dark { color: hsl(var(--sf-c-txt-black-95)); background: hsl(var(--sf-c-black-5)) } html[data-theme='auto'] .sf-c-black\:100\:dark, html.auto .sf-c-black\:100\:dark { color: hsl(var(--sf-c-txt-black-95)); background: hsl(var(--sf-c-black-0)) } + html[data-theme='auto'] .sf-c-txt-black, html.auto .sf-c-txt-black { color: hsl(var(--sf-c-txt-black)) } + html[data-theme='auto'] .sf-c-txt-black\:0, html.auto .sf-c-txt-black\:0 { color: hsl(var(--sf-c-txt-black-0)) } + html[data-theme='auto'] .sf-c-txt-black\:5, html.auto .sf-c-txt-black\:5 { color: hsl(var(--sf-c-txt-black-5)) } + html[data-theme='auto'] .sf-c-txt-black\:10, html.auto .sf-c-txt-black\:10 { color: hsl(var(--sf-c-txt-black-10)) } + html[data-theme='auto'] .sf-c-txt-black\:15, html.auto .sf-c-txt-black\:15 { color: hsl(var(--sf-c-txt-black-15)) } + html[data-theme='auto'] .sf-c-txt-black\:20, html.auto .sf-c-txt-black\:20 { color: hsl(var(--sf-c-txt-black-20)) } + html[data-theme='auto'] .sf-c-txt-black\:25, html.auto .sf-c-txt-black\:25 { color: hsl(var(--sf-c-txt-black-25)) } + html[data-theme='auto'] .sf-c-txt-black\:30, html.auto .sf-c-txt-black\:30 { color: hsl(var(--sf-c-txt-black-30)) } + html[data-theme='auto'] .sf-c-txt-black\:35, html.auto .sf-c-txt-black\:35 { color: hsl(var(--sf-c-txt-black-35)) } + html[data-theme='auto'] .sf-c-txt-black\:40, html.auto .sf-c-txt-black\:40 { color: hsl(var(--sf-c-txt-black-40)) } + html[data-theme='auto'] .sf-c-txt-black\:45, html.auto .sf-c-txt-black\:45 { color: hsl(var(--sf-c-txt-black-45)) } + html[data-theme='auto'] .sf-c-txt-black\:50, html.auto .sf-c-txt-black\:50 { color: hsl(var(--sf-c-txt-black-50)) } + html[data-theme='auto'] .sf-c-txt-black\:55, html.auto .sf-c-txt-black\:55 { color: hsl(var(--sf-c-txt-black-55)) } + html[data-theme='auto'] .sf-c-txt-black\:60, html.auto .sf-c-txt-black\:60 { color: hsl(var(--sf-c-txt-black-60)) } + html[data-theme='auto'] .sf-c-txt-black\:65, html.auto .sf-c-txt-black\:65 { color: hsl(var(--sf-c-txt-black-65)) } + html[data-theme='auto'] .sf-c-txt-black\:70, html.auto .sf-c-txt-black\:70 { color: hsl(var(--sf-c-txt-black-70)) } + html[data-theme='auto'] .sf-c-txt-black\:75, html.auto .sf-c-txt-black\:75 { color: hsl(var(--sf-c-txt-black-75)) } + html[data-theme='auto'] .sf-c-txt-black\:80, html.auto .sf-c-txt-black\:80 { color: hsl(var(--sf-c-txt-black-80)) } + html[data-theme='auto'] .sf-c-txt-black\:85, html.auto .sf-c-txt-black\:85 { color: hsl(var(--sf-c-txt-black-85)) } + html[data-theme='auto'] .sf-c-txt-black\:90, html.auto .sf-c-txt-black\:90 { color: hsl(var(--sf-c-txt-black-90)) } + html[data-theme='auto'] .sf-c-txt-black\:95, html.auto .sf-c-txt-black\:95 { color: hsl(var(--sf-c-txt-black-95)) } + html[data-theme='auto'] .sf-c-txt-black\:100, html.auto .sf-c-txt-black\:100 { color: hsl(var(--sf-c-txt-black-100)) } + + html[data-theme='auto'] .sf-c-txt-black\:dark, html.auto .sf-c-txt-black\:dark { color: hsl(var(--sf-c-txt-black)) } + html[data-theme='auto'] .sf-c-txt-black\:0\:dark, html.auto .sf-c-txt-black\:0\:dark { color: hsl(var(--sf-c-txt-black-0)) } + html[data-theme='auto'] .sf-c-txt-black\:5\:dark, html.auto .sf-c-txt-black\:5\:dark { color: hsl(var(--sf-c-txt-black-5)) } + html[data-theme='auto'] .sf-c-txt-black\:10\:dark, html.auto .sf-c-txt-black\:10\:dark { color: hsl(var(--sf-c-txt-black-10)) } + html[data-theme='auto'] .sf-c-txt-black\:15\:dark, html.auto .sf-c-txt-black\:15\:dark { color: hsl(var(--sf-c-txt-black-15)) } + html[data-theme='auto'] .sf-c-txt-black\:20\:dark, html.auto .sf-c-txt-black\:20\:dark { color: hsl(var(--sf-c-txt-black-20)) } + html[data-theme='auto'] .sf-c-txt-black\:25\:dark, html.auto .sf-c-txt-black\:25\:dark { color: hsl(var(--sf-c-txt-black-25)) } + html[data-theme='auto'] .sf-c-txt-black\:30\:dark, html.auto .sf-c-txt-black\:30\:dark { color: hsl(var(--sf-c-txt-black-30)) } + html[data-theme='auto'] .sf-c-txt-black\:35\:dark, html.auto .sf-c-txt-black\:35\:dark { color: hsl(var(--sf-c-txt-black-35)) } + html[data-theme='auto'] .sf-c-txt-black\:40\:dark, html.auto .sf-c-txt-black\:40\:dark { color: hsl(var(--sf-c-txt-black-40)) } + html[data-theme='auto'] .sf-c-txt-black\:45\:dark, html.auto .sf-c-txt-black\:45\:dark { color: hsl(var(--sf-c-txt-black-45)) } + html[data-theme='auto'] .sf-c-txt-black\:50\:dark, html.auto .sf-c-txt-black\:50\:dark { color: hsl(var(--sf-c-txt-black-50)) } + html[data-theme='auto'] .sf-c-txt-black\:55\:dark, html.auto .sf-c-txt-black\:55\:dark { color: hsl(var(--sf-c-txt-black-55)) } + html[data-theme='auto'] .sf-c-txt-black\:60\:dark, html.auto .sf-c-txt-black\:60\:dark { color: hsl(var(--sf-c-txt-black-60)) } + html[data-theme='auto'] .sf-c-txt-black\:65\:dark, html.auto .sf-c-txt-black\:65\:dark { color: hsl(var(--sf-c-txt-black-65)) } + html[data-theme='auto'] .sf-c-txt-black\:70\:dark, html.auto .sf-c-txt-black\:70\:dark { color: hsl(var(--sf-c-txt-black-70)) } + html[data-theme='auto'] .sf-c-txt-black\:75\:dark, html.auto .sf-c-txt-black\:75\:dark { color: hsl(var(--sf-c-txt-black-75)) } + html[data-theme='auto'] .sf-c-txt-black\:80\:dark, html.auto .sf-c-txt-black\:80\:dark { color: hsl(var(--sf-c-txt-black-80)) } + html[data-theme='auto'] .sf-c-txt-black\:85\:dark, html.auto .sf-c-txt-black\:85\:dark { color: hsl(var(--sf-c-txt-black-85)) } + html[data-theme='auto'] .sf-c-txt-black\:90\:dark, html.auto .sf-c-txt-black\:90\:dark { color: hsl(var(--sf-c-txt-black-90)) } + html[data-theme='auto'] .sf-c-txt-black\:95\:dark, html.auto .sf-c-txt-black\:95\:dark { color: hsl(var(--sf-c-txt-black-95)) } + html[data-theme='auto'] .sf-c-txt-black\:100\:dark, html.auto .sf-c-txt-black\:100\:dark { color: hsl(var(--sf-c-txt-black-100)) } + html.var[data-theme='auto'] .sf-c-black, html.var.auto .sf-c-black { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-black\:0, html.var.auto .sf-c-black\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-black\:5, html.var.auto .sf-c-black\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-black\:100\:dark, html.var.dark .sf-c-black\:1 html.var[data-theme='auto'] .sf-c-black\:90\:dark, html.var.auto .sf-c-black\:90\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-black\:95\:dark, html.var.auto .sf-c-black\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='auto'] .sf-c-black\:100\:dark, html.var.auto .sf-c-black\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-black { color: hsl(var(--sf-c-txt-black)) } -.sf-c-txt-black\:0 { color: hsl(var(--sf-c-txt-black-0)) } -.sf-c-txt-black\:5 { color: hsl(var(--sf-c-txt-black-5)) } -.sf-c-txt-black\:10 { color: hsl(var(--sf-c-txt-black-10)) } -.sf-c-txt-black\:15 { color: hsl(var(--sf-c-txt-black-15)) } -.sf-c-txt-black\:20 { color: hsl(var(--sf-c-txt-black-20)) } -.sf-c-txt-black\:25 { color: hsl(var(--sf-c-txt-black-25)) } -.sf-c-txt-black\:30 { color: hsl(var(--sf-c-txt-black-30)) } -.sf-c-txt-black\:35 { color: hsl(var(--sf-c-txt-black-35)) } -.sf-c-txt-black\:40 { color: hsl(var(--sf-c-txt-black-40)) } -.sf-c-txt-black\:45 { color: hsl(var(--sf-c-txt-black-45)) } -.sf-c-txt-black\:50 { color: hsl(var(--sf-c-txt-black-50)) } -.sf-c-txt-black\:55 { color: hsl(var(--sf-c-txt-black-55)) } -.sf-c-txt-black\:60 { color: hsl(var(--sf-c-txt-black-60)) } -.sf-c-txt-black\:65 { color: hsl(var(--sf-c-txt-black-65)) } -.sf-c-txt-black\:70 { color: hsl(var(--sf-c-txt-black-70)) } -.sf-c-txt-black\:75 { color: hsl(var(--sf-c-txt-black-75)) } -.sf-c-txt-black\:80 { color: hsl(var(--sf-c-txt-black-80)) } -.sf-c-txt-black\:85 { color: hsl(var(--sf-c-txt-black-85)) } -.sf-c-txt-black\:90 { color: hsl(var(--sf-c-txt-black-90)) } -.sf-c-txt-black\:95 { color: hsl(var(--sf-c-txt-black-95)) } -.sf-c-txt-black\:100 { color: hsl(var(--sf-c-txt-black-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-black, html.auto .sf-c-txt-black { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-black\:0, html.auto .sf-c-txt-black\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-black\:5, html.auto .sf-c-txt-black\:5 { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-black\:10, html.auto .sf-c-txt-black\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-black\:15, html.auto .sf-c-txt-black\:15 { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-black\:20, html.auto .sf-c-txt-black\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-black\:25, html.auto .sf-c-txt-black\:25 { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-black\:30, html.auto .sf-c-txt-black\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-black\:35, html.auto .sf-c-txt-black\:35 { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-black\:40, html.auto .sf-c-txt-black\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-black\:45, html.auto .sf-c-txt-black\:45 { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-black\:50, html.auto .sf-c-txt-black\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-black\:55, html.auto .sf-c-txt-black\:55 { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-black\:60, html.auto .sf-c-txt-black\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-black\:65, html.auto .sf-c-txt-black\:65 { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-black\:70, html.auto .sf-c-txt-black\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-black\:75, html.auto .sf-c-txt-black\:75 { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-black\:80, html.auto .sf-c-txt-black\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-black\:85, html.auto .sf-c-txt-black\:85 { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-black\:90, html.auto .sf-c-txt-black\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-black\:95, html.auto .sf-c-txt-black\:95 { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-black\:100, html.auto .sf-c-txt-black\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-black\:dark, html.auto .sf-c-txt-black\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-black\:0\:dark, html.auto .sf-c-txt-black\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-black\:5\:dark, html.auto .sf-c-txt-black\:5\:dark { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-black\:10\:dark, html.auto .sf-c-txt-black\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-black\:15\:dark, html.auto .sf-c-txt-black\:15\:dark { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-black\:20\:dark, html.auto .sf-c-txt-black\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-black\:25\:dark, html.auto .sf-c-txt-black\:25\:dark { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-black\:30\:dark, html.auto .sf-c-txt-black\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-black\:35\:dark, html.auto .sf-c-txt-black\:35\:dark { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-black\:40\:dark, html.auto .sf-c-txt-black\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-black\:45\:dark, html.auto .sf-c-txt-black\:45\:dark { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-black\:50\:dark, html.auto .sf-c-txt-black\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-black\:55\:dark, html.auto .sf-c-txt-black\:55\:dark { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-black\:60\:dark, html.auto .sf-c-txt-black\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-black\:65\:dark, html.auto .sf-c-txt-black\:65\:dark { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-black\:70\:dark, html.auto .sf-c-txt-black\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-black\:75\:dark, html.auto .sf-c-txt-black\:75\:dark { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-black\:80\:dark, html.auto .sf-c-txt-black\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-black\:85\:dark, html.auto .sf-c-txt-black\:85\:dark { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-black\:90\:dark, html.auto .sf-c-txt-black\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-black\:95\:dark, html.auto .sf-c-txt-black\:95\:dark { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-black\:100\:dark, html.auto .sf-c-txt-black\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/blanchedalmond.css b/src/colors/20/blanchedalmond.css index c1039c5..dcd0988 100644 --- a/src/colors/20/blanchedalmond.css +++ b/src/colors/20/blanchedalmond.css @@ -138,6 +138,52 @@ html.var .sf-c-blanchedalmond\:90 { color: hsl(36, 100%, 5%); background: hsl(36 html.var .sf-c-blanchedalmond\:95 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } html.var .sf-c-blanchedalmond\:100 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 100%) } +.sf-c-txt-blanchedalmond { color: hsl(var(--sf-dark-c-txt-blanchedalmond)) } +.sf-c-txt-blanchedalmond\:0 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-100)) } +.sf-c-txt-blanchedalmond\:5 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-95)) } +.sf-c-txt-blanchedalmond\:10 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-90)) } +.sf-c-txt-blanchedalmond\:15 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-85)) } +.sf-c-txt-blanchedalmond\:20 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-80)) } +.sf-c-txt-blanchedalmond\:25 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-75)) } +.sf-c-txt-blanchedalmond\:30 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-70)) } +.sf-c-txt-blanchedalmond\:35 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-65)) } +.sf-c-txt-blanchedalmond\:40 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-60)) } +.sf-c-txt-blanchedalmond\:45 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-55)) } +.sf-c-txt-blanchedalmond\:50 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-50)) } +.sf-c-txt-blanchedalmond\:55 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-45)) } +.sf-c-txt-blanchedalmond\:60 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-40)) } +.sf-c-txt-blanchedalmond\:65 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-35)) } +.sf-c-txt-blanchedalmond\:70 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-30)) } +.sf-c-txt-blanchedalmond\:75 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-25)) } +.sf-c-txt-blanchedalmond\:80 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-20)) } +.sf-c-txt-blanchedalmond\:85 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-15)) } +.sf-c-txt-blanchedalmond\:90 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-10)) } +.sf-c-txt-blanchedalmond\:95 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-5)) } +.sf-c-txt-blanchedalmond\:100 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-0)) } + +html.var .sf-c-txt-blanchedalmond { color: hsl(36, 100%, 10%) } +html.var .sf-c-txt-blanchedalmond\:0 { color: hsl(36, 100%, 100%) } +html.var .sf-c-txt-blanchedalmond\:5 { color: hsl(36, 100%, 95%) } +html.var .sf-c-txt-blanchedalmond\:10 { color: hsl(36, 100%, 90%) } +html.var .sf-c-txt-blanchedalmond\:15 { color: hsl(36, 100%, 85%) } +html.var .sf-c-txt-blanchedalmond\:20 { color: hsl(36, 100%, 80%) } +html.var .sf-c-txt-blanchedalmond\:25 { color: hsl(36, 100%, 75%) } +html.var .sf-c-txt-blanchedalmond\:30 { color: hsl(36, 100%, 70%) } +html.var .sf-c-txt-blanchedalmond\:35 { color: hsl(36, 100%, 65%) } +html.var .sf-c-txt-blanchedalmond\:40 { color: hsl(36, 100%, 60%) } +html.var .sf-c-txt-blanchedalmond\:45 { color: hsl(36, 100%, 55%) } +html.var .sf-c-txt-blanchedalmond\:50 { color: hsl(36, 100%, 50%) } +html.var .sf-c-txt-blanchedalmond\:55 { color: hsl(36, 100%, 45%) } +html.var .sf-c-txt-blanchedalmond\:60 { color: hsl(36, 100%, 40%) } +html.var .sf-c-txt-blanchedalmond\:65 { color: hsl(36, 100%, 35%) } +html.var .sf-c-txt-blanchedalmond\:70 { color: hsl(36, 100%, 30%) } +html.var .sf-c-txt-blanchedalmond\:75 { color: hsl(36, 100%, 25%) } +html.var .sf-c-txt-blanchedalmond\:80 { color: hsl(36, 100%, 20%) } +html.var .sf-c-txt-blanchedalmond\:85 { color: hsl(36, 100%, 15%) } +html.var .sf-c-txt-blanchedalmond\:90 { color: hsl(36, 100%, 10%) } +html.var .sf-c-txt-blanchedalmond\:95 { color: hsl(36, 100%, 5%) } +html.var .sf-c-txt-blanchedalmond\:100 { color: hsl(36, 100%, 0%) } + html[data-theme='dark'] .sf-c-blanchedalmond, html.dark .sf-c-blanchedalmond { color: hsl(var(--sf-dark-c-txt-blanchedalmond-95)); background: hsl(var(--sf-dark-c-blanchedalmond)) } html[data-theme='dark'] .sf-c-blanchedalmond\:0, html.dark .sf-c-blanchedalmond\:0 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-95)); background: hsl(var(--sf-dark-c-blanchedalmond-100)) } html[data-theme='dark'] .sf-c-blanchedalmond\:5, html.dark .sf-c-blanchedalmond\:5 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-5)); background: hsl(var(--sf-dark-c-blanchedalmond-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-blanchedalmond\:90\:dark, html.dark .sf-c-blanched html[data-theme='dark'] .sf-c-blanchedalmond\:95\:dark, html.dark .sf-c-blanchedalmond\:95\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-95)); background: hsl(var(--sf-c-blanchedalmond-5)) } html[data-theme='dark'] .sf-c-blanchedalmond\:100\:dark, html.dark .sf-c-blanchedalmond\:100\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-95)); background: hsl(var(--sf-c-blanchedalmond-0)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond, html.dark .sf-c-txt-blanchedalmond { color: hsl(var(--sf-c-txt-blanchedalmond)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:0, html.dark .sf-c-txt-blanchedalmond\:0 { color: hsl(var(--sf-c-txt-blanchedalmond-0)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:5, html.dark .sf-c-txt-blanchedalmond\:5 { color: hsl(var(--sf-c-txt-blanchedalmond-5)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:10, html.dark .sf-c-txt-blanchedalmond\:10 { color: hsl(var(--sf-c-txt-blanchedalmond-10)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:15, html.dark .sf-c-txt-blanchedalmond\:15 { color: hsl(var(--sf-c-txt-blanchedalmond-15)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:20, html.dark .sf-c-txt-blanchedalmond\:20 { color: hsl(var(--sf-c-txt-blanchedalmond-20)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:25, html.dark .sf-c-txt-blanchedalmond\:25 { color: hsl(var(--sf-c-txt-blanchedalmond-25)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:30, html.dark .sf-c-txt-blanchedalmond\:30 { color: hsl(var(--sf-c-txt-blanchedalmond-30)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:35, html.dark .sf-c-txt-blanchedalmond\:35 { color: hsl(var(--sf-c-txt-blanchedalmond-35)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:40, html.dark .sf-c-txt-blanchedalmond\:40 { color: hsl(var(--sf-c-txt-blanchedalmond-40)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:45, html.dark .sf-c-txt-blanchedalmond\:45 { color: hsl(var(--sf-c-txt-blanchedalmond-45)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:50, html.dark .sf-c-txt-blanchedalmond\:50 { color: hsl(var(--sf-c-txt-blanchedalmond-50)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:55, html.dark .sf-c-txt-blanchedalmond\:55 { color: hsl(var(--sf-c-txt-blanchedalmond-55)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:60, html.dark .sf-c-txt-blanchedalmond\:60 { color: hsl(var(--sf-c-txt-blanchedalmond-60)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:65, html.dark .sf-c-txt-blanchedalmond\:65 { color: hsl(var(--sf-c-txt-blanchedalmond-65)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:70, html.dark .sf-c-txt-blanchedalmond\:70 { color: hsl(var(--sf-c-txt-blanchedalmond-70)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:75, html.dark .sf-c-txt-blanchedalmond\:75 { color: hsl(var(--sf-c-txt-blanchedalmond-75)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:80, html.dark .sf-c-txt-blanchedalmond\:80 { color: hsl(var(--sf-c-txt-blanchedalmond-80)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:85, html.dark .sf-c-txt-blanchedalmond\:85 { color: hsl(var(--sf-c-txt-blanchedalmond-85)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:90, html.dark .sf-c-txt-blanchedalmond\:90 { color: hsl(var(--sf-c-txt-blanchedalmond-90)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:95, html.dark .sf-c-txt-blanchedalmond\:95 { color: hsl(var(--sf-c-txt-blanchedalmond-95)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:100, html.dark .sf-c-txt-blanchedalmond\:100 { color: hsl(var(--sf-c-txt-blanchedalmond-100)) } + +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:dark, html.dark .sf-c-txt-blanchedalmond\:dark { color: hsl(var(--sf-c-txt-blanchedalmond)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:0\:dark, html.dark .sf-c-txt-blanchedalmond\:0\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-0)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:5\:dark, html.dark .sf-c-txt-blanchedalmond\:5\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-5)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:10\:dark, html.dark .sf-c-txt-blanchedalmond\:10\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-10)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:15\:dark, html.dark .sf-c-txt-blanchedalmond\:15\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-15)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:20\:dark, html.dark .sf-c-txt-blanchedalmond\:20\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-20)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:25\:dark, html.dark .sf-c-txt-blanchedalmond\:25\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-25)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:30\:dark, html.dark .sf-c-txt-blanchedalmond\:30\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-30)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:35\:dark, html.dark .sf-c-txt-blanchedalmond\:35\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-35)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:40\:dark, html.dark .sf-c-txt-blanchedalmond\:40\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-40)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:45\:dark, html.dark .sf-c-txt-blanchedalmond\:45\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-45)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:50\:dark, html.dark .sf-c-txt-blanchedalmond\:50\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-50)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:55\:dark, html.dark .sf-c-txt-blanchedalmond\:55\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-55)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:60\:dark, html.dark .sf-c-txt-blanchedalmond\:60\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-60)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:65\:dark, html.dark .sf-c-txt-blanchedalmond\:65\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-65)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:70\:dark, html.dark .sf-c-txt-blanchedalmond\:70\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-70)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:75\:dark, html.dark .sf-c-txt-blanchedalmond\:75\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-75)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:80\:dark, html.dark .sf-c-txt-blanchedalmond\:80\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-80)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:85\:dark, html.dark .sf-c-txt-blanchedalmond\:85\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-85)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:90\:dark, html.dark .sf-c-txt-blanchedalmond\:90\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-90)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:95\:dark, html.dark .sf-c-txt-blanchedalmond\:95\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-95)) } +html[data-theme='dark'] .sf-c-txt-blanchedalmond\:100\:dark, html.dark .sf-c-txt-blanchedalmond\:100\:dark { color: hsl(var(--sf-dark-c-txt-blanchedalmond-100)) } + html.var[data-theme='dark'] .sf-c-blanchedalmond, html.var.dark .sf-c-blanchedalmond { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } html.var[data-theme='dark'] .sf-c-blanchedalmond\:0, html.var.dark .sf-c-blanchedalmond\:0 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 100%) } html.var[data-theme='dark'] .sf-c-blanchedalmond\:5, html.var.dark .sf-c-blanchedalmond\:5 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-blanchedalmond\:90\:dark, html.var.dark .sf-c- html.var[data-theme='dark'] .sf-c-blanchedalmond\:95\:dark, html.var.dark .sf-c-blanchedalmond\:95\:dark { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 5%) } html.var[data-theme='dark'] .sf-c-blanchedalmond\:100\:dark, html.var.dark .sf-c-blanchedalmond\:100\:dark { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond, html.dark .sf-c-txt-blanchedalmond { color: hsl(36, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:0, html.dark .sf-c-txt-blanchedalmond\:0 { color: hsl(36, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:5, html.dark .sf-c-txt-blanchedalmond\:5 { color: hsl(36, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:10, html.dark .sf-c-txt-blanchedalmond\:10 { color: hsl(36, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:15, html.dark .sf-c-txt-blanchedalmond\:15 { color: hsl(36, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:20, html.dark .sf-c-txt-blanchedalmond\:20 { color: hsl(36, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:25, html.dark .sf-c-txt-blanchedalmond\:25 { color: hsl(36, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:30, html.dark .sf-c-txt-blanchedalmond\:30 { color: hsl(36, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:35, html.dark .sf-c-txt-blanchedalmond\:35 { color: hsl(36, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:40, html.dark .sf-c-txt-blanchedalmond\:40 { color: hsl(36, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:45, html.dark .sf-c-txt-blanchedalmond\:45 { color: hsl(36, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:50, html.dark .sf-c-txt-blanchedalmond\:50 { color: hsl(36, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:55, html.dark .sf-c-txt-blanchedalmond\:55 { color: hsl(36, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:60, html.dark .sf-c-txt-blanchedalmond\:60 { color: hsl(36, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:65, html.dark .sf-c-txt-blanchedalmond\:65 { color: hsl(36, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:70, html.dark .sf-c-txt-blanchedalmond\:70 { color: hsl(36, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:75, html.dark .sf-c-txt-blanchedalmond\:75 { color: hsl(36, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:80, html.dark .sf-c-txt-blanchedalmond\:80 { color: hsl(36, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:85, html.dark .sf-c-txt-blanchedalmond\:85 { color: hsl(36, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:90, html.dark .sf-c-txt-blanchedalmond\:90 { color: hsl(36, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:95, html.dark .sf-c-txt-blanchedalmond\:95 { color: hsl(36, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:100, html.dark .sf-c-txt-blanchedalmond\:100 { color: hsl(36, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:dark, html.dark .sf-c-txt-blanchedalmond\:dark { color: hsl(36, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:0\:dark, html.dark .sf-c-txt-blanchedalmond\:0\:dark { color: hsl(36, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:5\:dark, html.dark .sf-c-txt-blanchedalmond\:5\:dark { color: hsl(36, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:10\:dark, html.dark .sf-c-txt-blanchedalmond\:10\:dark { color: hsl(36, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:15\:dark, html.dark .sf-c-txt-blanchedalmond\:15\:dark { color: hsl(36, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:20\:dark, html.dark .sf-c-txt-blanchedalmond\:20\:dark { color: hsl(36, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:25\:dark, html.dark .sf-c-txt-blanchedalmond\:25\:dark { color: hsl(36, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:30\:dark, html.dark .sf-c-txt-blanchedalmond\:30\:dark { color: hsl(36, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:35\:dark, html.dark .sf-c-txt-blanchedalmond\:35\:dark { color: hsl(36, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:40\:dark, html.dark .sf-c-txt-blanchedalmond\:40\:dark { color: hsl(36, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:45\:dark, html.dark .sf-c-txt-blanchedalmond\:45\:dark { color: hsl(36, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:50\:dark, html.dark .sf-c-txt-blanchedalmond\:50\:dark { color: hsl(36, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:55\:dark, html.dark .sf-c-txt-blanchedalmond\:55\:dark { color: hsl(36, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:60\:dark, html.dark .sf-c-txt-blanchedalmond\:60\:dark { color: hsl(36, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:65\:dark, html.dark .sf-c-txt-blanchedalmond\:65\:dark { color: hsl(36, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:70\:dark, html.dark .sf-c-txt-blanchedalmond\:70\:dark { color: hsl(36, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:75\:dark, html.dark .sf-c-txt-blanchedalmond\:75\:dark { color: hsl(36, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:80\:dark, html.dark .sf-c-txt-blanchedalmond\:80\:dark { color: hsl(36, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:85\:dark, html.dark .sf-c-txt-blanchedalmond\:85\:dark { color: hsl(36, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:90\:dark, html.dark .sf-c-txt-blanchedalmond\:90\:dark { color: hsl(36, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:95\:dark, html.dark .sf-c-txt-blanchedalmond\:95\:dark { color: hsl(36, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-blanchedalmond\:100\:dark, html.dark .sf-c-txt-blanchedalmond\:100\:dark { color: hsl(36, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-blanchedalmond, html.auto .sf-c-blanchedalmond { color: hsl(var(--sf-dark-c-txt-blanchedalmond-95)); background: hsl(var(--sf-dark-c-blanchedalmond)) } html[data-theme='auto'] .sf-c-blanchedalmond\:0, html.auto .sf-c-blanchedalmond\:0 { color: hsl(var(--sf-dark-c-txt-blanchedalmond-95)); background: hsl(var(--sf-dark-c-blanchedalmond-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-blanchedalmond\:100\:dark, html.var.dark .sf-c html[data-theme='auto'] .sf-c-blanchedalmond\:95\:dark, html.auto .sf-c-blanchedalmond\:95\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-95)); background: hsl(var(--sf-c-blanchedalmond-5)) } html[data-theme='auto'] .sf-c-blanchedalmond\:100\:dark, html.auto .sf-c-blanchedalmond\:100\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-95)); background: hsl(var(--sf-c-blanchedalmond-0)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond, html.auto .sf-c-txt-blanchedalmond { color: hsl(var(--sf-c-txt-blanchedalmond)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:0, html.auto .sf-c-txt-blanchedalmond\:0 { color: hsl(var(--sf-c-txt-blanchedalmond-0)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:5, html.auto .sf-c-txt-blanchedalmond\:5 { color: hsl(var(--sf-c-txt-blanchedalmond-5)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:10, html.auto .sf-c-txt-blanchedalmond\:10 { color: hsl(var(--sf-c-txt-blanchedalmond-10)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:15, html.auto .sf-c-txt-blanchedalmond\:15 { color: hsl(var(--sf-c-txt-blanchedalmond-15)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:20, html.auto .sf-c-txt-blanchedalmond\:20 { color: hsl(var(--sf-c-txt-blanchedalmond-20)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:25, html.auto .sf-c-txt-blanchedalmond\:25 { color: hsl(var(--sf-c-txt-blanchedalmond-25)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:30, html.auto .sf-c-txt-blanchedalmond\:30 { color: hsl(var(--sf-c-txt-blanchedalmond-30)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:35, html.auto .sf-c-txt-blanchedalmond\:35 { color: hsl(var(--sf-c-txt-blanchedalmond-35)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:40, html.auto .sf-c-txt-blanchedalmond\:40 { color: hsl(var(--sf-c-txt-blanchedalmond-40)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:45, html.auto .sf-c-txt-blanchedalmond\:45 { color: hsl(var(--sf-c-txt-blanchedalmond-45)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:50, html.auto .sf-c-txt-blanchedalmond\:50 { color: hsl(var(--sf-c-txt-blanchedalmond-50)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:55, html.auto .sf-c-txt-blanchedalmond\:55 { color: hsl(var(--sf-c-txt-blanchedalmond-55)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:60, html.auto .sf-c-txt-blanchedalmond\:60 { color: hsl(var(--sf-c-txt-blanchedalmond-60)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:65, html.auto .sf-c-txt-blanchedalmond\:65 { color: hsl(var(--sf-c-txt-blanchedalmond-65)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:70, html.auto .sf-c-txt-blanchedalmond\:70 { color: hsl(var(--sf-c-txt-blanchedalmond-70)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:75, html.auto .sf-c-txt-blanchedalmond\:75 { color: hsl(var(--sf-c-txt-blanchedalmond-75)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:80, html.auto .sf-c-txt-blanchedalmond\:80 { color: hsl(var(--sf-c-txt-blanchedalmond-80)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:85, html.auto .sf-c-txt-blanchedalmond\:85 { color: hsl(var(--sf-c-txt-blanchedalmond-85)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:90, html.auto .sf-c-txt-blanchedalmond\:90 { color: hsl(var(--sf-c-txt-blanchedalmond-90)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:95, html.auto .sf-c-txt-blanchedalmond\:95 { color: hsl(var(--sf-c-txt-blanchedalmond-95)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:100, html.auto .sf-c-txt-blanchedalmond\:100 { color: hsl(var(--sf-c-txt-blanchedalmond-100)) } + + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:dark, html.auto .sf-c-txt-blanchedalmond\:dark { color: hsl(var(--sf-c-txt-blanchedalmond)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:0\:dark, html.auto .sf-c-txt-blanchedalmond\:0\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-0)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:5\:dark, html.auto .sf-c-txt-blanchedalmond\:5\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-5)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:10\:dark, html.auto .sf-c-txt-blanchedalmond\:10\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-10)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:15\:dark, html.auto .sf-c-txt-blanchedalmond\:15\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-15)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:20\:dark, html.auto .sf-c-txt-blanchedalmond\:20\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-20)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:25\:dark, html.auto .sf-c-txt-blanchedalmond\:25\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-25)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:30\:dark, html.auto .sf-c-txt-blanchedalmond\:30\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-30)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:35\:dark, html.auto .sf-c-txt-blanchedalmond\:35\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-35)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:40\:dark, html.auto .sf-c-txt-blanchedalmond\:40\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-40)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:45\:dark, html.auto .sf-c-txt-blanchedalmond\:45\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-45)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:50\:dark, html.auto .sf-c-txt-blanchedalmond\:50\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-50)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:55\:dark, html.auto .sf-c-txt-blanchedalmond\:55\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-55)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:60\:dark, html.auto .sf-c-txt-blanchedalmond\:60\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-60)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:65\:dark, html.auto .sf-c-txt-blanchedalmond\:65\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-65)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:70\:dark, html.auto .sf-c-txt-blanchedalmond\:70\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-70)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:75\:dark, html.auto .sf-c-txt-blanchedalmond\:75\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-75)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:80\:dark, html.auto .sf-c-txt-blanchedalmond\:80\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-80)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:85\:dark, html.auto .sf-c-txt-blanchedalmond\:85\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-85)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:90\:dark, html.auto .sf-c-txt-blanchedalmond\:90\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-90)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:95\:dark, html.auto .sf-c-txt-blanchedalmond\:95\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-95)) } + html[data-theme='auto'] .sf-c-txt-blanchedalmond\:100\:dark, html.auto .sf-c-txt-blanchedalmond\:100\:dark { color: hsl(var(--sf-c-txt-blanchedalmond-100)) } + html.var[data-theme='auto'] .sf-c-blanchedalmond, html.var.auto .sf-c-blanchedalmond { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } html.var[data-theme='auto'] .sf-c-blanchedalmond\:0, html.var.auto .sf-c-blanchedalmond\:0 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 100%) } html.var[data-theme='auto'] .sf-c-blanchedalmond\:5, html.var.auto .sf-c-blanchedalmond\:5 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-blanchedalmond\:100\:dark, html.var.dark .sf-c html.var[data-theme='auto'] .sf-c-blanchedalmond\:90\:dark, html.var.auto .sf-c-blanchedalmond\:90\:dark { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } html.var[data-theme='auto'] .sf-c-blanchedalmond\:95\:dark, html.var.auto .sf-c-blanchedalmond\:95\:dark { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 5%) } html.var[data-theme='auto'] .sf-c-blanchedalmond\:100\:dark, html.var.auto .sf-c-blanchedalmond\:100\:dark { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 0%) } -} -.sf-c-txt-blanchedalmond { color: hsl(var(--sf-c-txt-blanchedalmond)) } -.sf-c-txt-blanchedalmond\:0 { color: hsl(var(--sf-c-txt-blanchedalmond-0)) } -.sf-c-txt-blanchedalmond\:5 { color: hsl(var(--sf-c-txt-blanchedalmond-5)) } -.sf-c-txt-blanchedalmond\:10 { color: hsl(var(--sf-c-txt-blanchedalmond-10)) } -.sf-c-txt-blanchedalmond\:15 { color: hsl(var(--sf-c-txt-blanchedalmond-15)) } -.sf-c-txt-blanchedalmond\:20 { color: hsl(var(--sf-c-txt-blanchedalmond-20)) } -.sf-c-txt-blanchedalmond\:25 { color: hsl(var(--sf-c-txt-blanchedalmond-25)) } -.sf-c-txt-blanchedalmond\:30 { color: hsl(var(--sf-c-txt-blanchedalmond-30)) } -.sf-c-txt-blanchedalmond\:35 { color: hsl(var(--sf-c-txt-blanchedalmond-35)) } -.sf-c-txt-blanchedalmond\:40 { color: hsl(var(--sf-c-txt-blanchedalmond-40)) } -.sf-c-txt-blanchedalmond\:45 { color: hsl(var(--sf-c-txt-blanchedalmond-45)) } -.sf-c-txt-blanchedalmond\:50 { color: hsl(var(--sf-c-txt-blanchedalmond-50)) } -.sf-c-txt-blanchedalmond\:55 { color: hsl(var(--sf-c-txt-blanchedalmond-55)) } -.sf-c-txt-blanchedalmond\:60 { color: hsl(var(--sf-c-txt-blanchedalmond-60)) } -.sf-c-txt-blanchedalmond\:65 { color: hsl(var(--sf-c-txt-blanchedalmond-65)) } -.sf-c-txt-blanchedalmond\:70 { color: hsl(var(--sf-c-txt-blanchedalmond-70)) } -.sf-c-txt-blanchedalmond\:75 { color: hsl(var(--sf-c-txt-blanchedalmond-75)) } -.sf-c-txt-blanchedalmond\:80 { color: hsl(var(--sf-c-txt-blanchedalmond-80)) } -.sf-c-txt-blanchedalmond\:85 { color: hsl(var(--sf-c-txt-blanchedalmond-85)) } -.sf-c-txt-blanchedalmond\:90 { color: hsl(var(--sf-c-txt-blanchedalmond-90)) } -.sf-c-txt-blanchedalmond\:95 { color: hsl(var(--sf-c-txt-blanchedalmond-95)) } -.sf-c-txt-blanchedalmond\:100 { color: hsl(var(--sf-c-txt-blanchedalmond-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond, html.auto .sf-c-txt-blanchedalmond { color: hsl(36, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:0, html.auto .sf-c-txt-blanchedalmond\:0 { color: hsl(36, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:5, html.auto .sf-c-txt-blanchedalmond\:5 { color: hsl(36, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:10, html.auto .sf-c-txt-blanchedalmond\:10 { color: hsl(36, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:15, html.auto .sf-c-txt-blanchedalmond\:15 { color: hsl(36, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:20, html.auto .sf-c-txt-blanchedalmond\:20 { color: hsl(36, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:25, html.auto .sf-c-txt-blanchedalmond\:25 { color: hsl(36, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:30, html.auto .sf-c-txt-blanchedalmond\:30 { color: hsl(36, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:35, html.auto .sf-c-txt-blanchedalmond\:35 { color: hsl(36, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:40, html.auto .sf-c-txt-blanchedalmond\:40 { color: hsl(36, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:45, html.auto .sf-c-txt-blanchedalmond\:45 { color: hsl(36, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:50, html.auto .sf-c-txt-blanchedalmond\:50 { color: hsl(36, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:55, html.auto .sf-c-txt-blanchedalmond\:55 { color: hsl(36, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:60, html.auto .sf-c-txt-blanchedalmond\:60 { color: hsl(36, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:65, html.auto .sf-c-txt-blanchedalmond\:65 { color: hsl(36, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:70, html.auto .sf-c-txt-blanchedalmond\:70 { color: hsl(36, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:75, html.auto .sf-c-txt-blanchedalmond\:75 { color: hsl(36, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:80, html.auto .sf-c-txt-blanchedalmond\:80 { color: hsl(36, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:85, html.auto .sf-c-txt-blanchedalmond\:85 { color: hsl(36, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:90, html.auto .sf-c-txt-blanchedalmond\:90 { color: hsl(36, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:95, html.auto .sf-c-txt-blanchedalmond\:95 { color: hsl(36, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:100, html.auto .sf-c-txt-blanchedalmond\:100 { color: hsl(36, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:dark, html.auto .sf-c-txt-blanchedalmond\:dark { color: hsl(36, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:0\:dark, html.auto .sf-c-txt-blanchedalmond\:0\:dark { color: hsl(36, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:5\:dark, html.auto .sf-c-txt-blanchedalmond\:5\:dark { color: hsl(36, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:10\:dark, html.auto .sf-c-txt-blanchedalmond\:10\:dark { color: hsl(36, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:15\:dark, html.auto .sf-c-txt-blanchedalmond\:15\:dark { color: hsl(36, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:20\:dark, html.auto .sf-c-txt-blanchedalmond\:20\:dark { color: hsl(36, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:25\:dark, html.auto .sf-c-txt-blanchedalmond\:25\:dark { color: hsl(36, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:30\:dark, html.auto .sf-c-txt-blanchedalmond\:30\:dark { color: hsl(36, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:35\:dark, html.auto .sf-c-txt-blanchedalmond\:35\:dark { color: hsl(36, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:40\:dark, html.auto .sf-c-txt-blanchedalmond\:40\:dark { color: hsl(36, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:45\:dark, html.auto .sf-c-txt-blanchedalmond\:45\:dark { color: hsl(36, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:50\:dark, html.auto .sf-c-txt-blanchedalmond\:50\:dark { color: hsl(36, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:55\:dark, html.auto .sf-c-txt-blanchedalmond\:55\:dark { color: hsl(36, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:60\:dark, html.auto .sf-c-txt-blanchedalmond\:60\:dark { color: hsl(36, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:65\:dark, html.auto .sf-c-txt-blanchedalmond\:65\:dark { color: hsl(36, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:70\:dark, html.auto .sf-c-txt-blanchedalmond\:70\:dark { color: hsl(36, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:75\:dark, html.auto .sf-c-txt-blanchedalmond\:75\:dark { color: hsl(36, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:80\:dark, html.auto .sf-c-txt-blanchedalmond\:80\:dark { color: hsl(36, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:85\:dark, html.auto .sf-c-txt-blanchedalmond\:85\:dark { color: hsl(36, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:90\:dark, html.auto .sf-c-txt-blanchedalmond\:90\:dark { color: hsl(36, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:95\:dark, html.auto .sf-c-txt-blanchedalmond\:95\:dark { color: hsl(36, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-blanchedalmond\:100\:dark, html.auto .sf-c-txt-blanchedalmond\:100\:dark { color: hsl(36, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/blue.css b/src/colors/20/blue.css index 5563955..5b9a34d 100644 --- a/src/colors/20/blue.css +++ b/src/colors/20/blue.css @@ -138,6 +138,52 @@ html.var .sf-c-blue\:90 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, html.var .sf-c-blue\:95 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } html.var .sf-c-blue\:100 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } +.sf-c-txt-blue { color: hsl(var(--sf-dark-c-txt-blue)) } +.sf-c-txt-blue\:0 { color: hsl(var(--sf-dark-c-txt-blue-100)) } +.sf-c-txt-blue\:5 { color: hsl(var(--sf-dark-c-txt-blue-95)) } +.sf-c-txt-blue\:10 { color: hsl(var(--sf-dark-c-txt-blue-90)) } +.sf-c-txt-blue\:15 { color: hsl(var(--sf-dark-c-txt-blue-85)) } +.sf-c-txt-blue\:20 { color: hsl(var(--sf-dark-c-txt-blue-80)) } +.sf-c-txt-blue\:25 { color: hsl(var(--sf-dark-c-txt-blue-75)) } +.sf-c-txt-blue\:30 { color: hsl(var(--sf-dark-c-txt-blue-70)) } +.sf-c-txt-blue\:35 { color: hsl(var(--sf-dark-c-txt-blue-65)) } +.sf-c-txt-blue\:40 { color: hsl(var(--sf-dark-c-txt-blue-60)) } +.sf-c-txt-blue\:45 { color: hsl(var(--sf-dark-c-txt-blue-55)) } +.sf-c-txt-blue\:50 { color: hsl(var(--sf-dark-c-txt-blue-50)) } +.sf-c-txt-blue\:55 { color: hsl(var(--sf-dark-c-txt-blue-45)) } +.sf-c-txt-blue\:60 { color: hsl(var(--sf-dark-c-txt-blue-40)) } +.sf-c-txt-blue\:65 { color: hsl(var(--sf-dark-c-txt-blue-35)) } +.sf-c-txt-blue\:70 { color: hsl(var(--sf-dark-c-txt-blue-30)) } +.sf-c-txt-blue\:75 { color: hsl(var(--sf-dark-c-txt-blue-25)) } +.sf-c-txt-blue\:80 { color: hsl(var(--sf-dark-c-txt-blue-20)) } +.sf-c-txt-blue\:85 { color: hsl(var(--sf-dark-c-txt-blue-15)) } +.sf-c-txt-blue\:90 { color: hsl(var(--sf-dark-c-txt-blue-10)) } +.sf-c-txt-blue\:95 { color: hsl(var(--sf-dark-c-txt-blue-5)) } +.sf-c-txt-blue\:100 { color: hsl(var(--sf-dark-c-txt-blue-0)) } + +html.var .sf-c-txt-blue { color: hsl(240, 100%, 50%) } +html.var .sf-c-txt-blue\:0 { color: hsl(240, 100%, 100%) } +html.var .sf-c-txt-blue\:5 { color: hsl(240, 100%, 95%) } +html.var .sf-c-txt-blue\:10 { color: hsl(240, 100%, 90%) } +html.var .sf-c-txt-blue\:15 { color: hsl(240, 100%, 85%) } +html.var .sf-c-txt-blue\:20 { color: hsl(240, 100%, 80%) } +html.var .sf-c-txt-blue\:25 { color: hsl(240, 100%, 75%) } +html.var .sf-c-txt-blue\:30 { color: hsl(240, 100%, 70%) } +html.var .sf-c-txt-blue\:35 { color: hsl(240, 100%, 65%) } +html.var .sf-c-txt-blue\:40 { color: hsl(240, 100%, 60%) } +html.var .sf-c-txt-blue\:45 { color: hsl(240, 100%, 55%) } +html.var .sf-c-txt-blue\:50 { color: hsl(240, 100%, 50%) } +html.var .sf-c-txt-blue\:55 { color: hsl(240, 100%, 45%) } +html.var .sf-c-txt-blue\:60 { color: hsl(240, 100%, 40%) } +html.var .sf-c-txt-blue\:65 { color: hsl(240, 100%, 35%) } +html.var .sf-c-txt-blue\:70 { color: hsl(240, 100%, 30%) } +html.var .sf-c-txt-blue\:75 { color: hsl(240, 100%, 25%) } +html.var .sf-c-txt-blue\:80 { color: hsl(240, 100%, 20%) } +html.var .sf-c-txt-blue\:85 { color: hsl(240, 100%, 15%) } +html.var .sf-c-txt-blue\:90 { color: hsl(240, 100%, 10%) } +html.var .sf-c-txt-blue\:95 { color: hsl(240, 100%, 5%) } +html.var .sf-c-txt-blue\:100 { color: hsl(240, 100%, 0%) } + html[data-theme='dark'] .sf-c-blue, html.dark .sf-c-blue { color: hsl(var(--sf-dark-c-txt-blue-95)); background: hsl(var(--sf-dark-c-blue)) } html[data-theme='dark'] .sf-c-blue\:0, html.dark .sf-c-blue\:0 { color: hsl(var(--sf-dark-c-txt-blue-95)); background: hsl(var(--sf-dark-c-blue-100)) } html[data-theme='dark'] .sf-c-blue\:5, html.dark .sf-c-blue\:5 { color: hsl(var(--sf-dark-c-txt-blue-5)); background: hsl(var(--sf-dark-c-blue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-blue\:90\:dark, html.dark .sf-c-blue\:90\:dark { c html[data-theme='dark'] .sf-c-blue\:95\:dark, html.dark .sf-c-blue\:95\:dark { color: hsl(var(--sf-c-txt-blue-95)); background: hsl(var(--sf-c-blue-5)) } html[data-theme='dark'] .sf-c-blue\:100\:dark, html.dark .sf-c-blue\:100\:dark { color: hsl(var(--sf-c-txt-blue-95)); background: hsl(var(--sf-c-blue-0)) } +html[data-theme='dark'] .sf-c-txt-blue, html.dark .sf-c-txt-blue { color: hsl(var(--sf-c-txt-blue)) } +html[data-theme='dark'] .sf-c-txt-blue\:0, html.dark .sf-c-txt-blue\:0 { color: hsl(var(--sf-c-txt-blue-0)) } +html[data-theme='dark'] .sf-c-txt-blue\:5, html.dark .sf-c-txt-blue\:5 { color: hsl(var(--sf-c-txt-blue-5)) } +html[data-theme='dark'] .sf-c-txt-blue\:10, html.dark .sf-c-txt-blue\:10 { color: hsl(var(--sf-c-txt-blue-10)) } +html[data-theme='dark'] .sf-c-txt-blue\:15, html.dark .sf-c-txt-blue\:15 { color: hsl(var(--sf-c-txt-blue-15)) } +html[data-theme='dark'] .sf-c-txt-blue\:20, html.dark .sf-c-txt-blue\:20 { color: hsl(var(--sf-c-txt-blue-20)) } +html[data-theme='dark'] .sf-c-txt-blue\:25, html.dark .sf-c-txt-blue\:25 { color: hsl(var(--sf-c-txt-blue-25)) } +html[data-theme='dark'] .sf-c-txt-blue\:30, html.dark .sf-c-txt-blue\:30 { color: hsl(var(--sf-c-txt-blue-30)) } +html[data-theme='dark'] .sf-c-txt-blue\:35, html.dark .sf-c-txt-blue\:35 { color: hsl(var(--sf-c-txt-blue-35)) } +html[data-theme='dark'] .sf-c-txt-blue\:40, html.dark .sf-c-txt-blue\:40 { color: hsl(var(--sf-c-txt-blue-40)) } +html[data-theme='dark'] .sf-c-txt-blue\:45, html.dark .sf-c-txt-blue\:45 { color: hsl(var(--sf-c-txt-blue-45)) } +html[data-theme='dark'] .sf-c-txt-blue\:50, html.dark .sf-c-txt-blue\:50 { color: hsl(var(--sf-c-txt-blue-50)) } +html[data-theme='dark'] .sf-c-txt-blue\:55, html.dark .sf-c-txt-blue\:55 { color: hsl(var(--sf-c-txt-blue-55)) } +html[data-theme='dark'] .sf-c-txt-blue\:60, html.dark .sf-c-txt-blue\:60 { color: hsl(var(--sf-c-txt-blue-60)) } +html[data-theme='dark'] .sf-c-txt-blue\:65, html.dark .sf-c-txt-blue\:65 { color: hsl(var(--sf-c-txt-blue-65)) } +html[data-theme='dark'] .sf-c-txt-blue\:70, html.dark .sf-c-txt-blue\:70 { color: hsl(var(--sf-c-txt-blue-70)) } +html[data-theme='dark'] .sf-c-txt-blue\:75, html.dark .sf-c-txt-blue\:75 { color: hsl(var(--sf-c-txt-blue-75)) } +html[data-theme='dark'] .sf-c-txt-blue\:80, html.dark .sf-c-txt-blue\:80 { color: hsl(var(--sf-c-txt-blue-80)) } +html[data-theme='dark'] .sf-c-txt-blue\:85, html.dark .sf-c-txt-blue\:85 { color: hsl(var(--sf-c-txt-blue-85)) } +html[data-theme='dark'] .sf-c-txt-blue\:90, html.dark .sf-c-txt-blue\:90 { color: hsl(var(--sf-c-txt-blue-90)) } +html[data-theme='dark'] .sf-c-txt-blue\:95, html.dark .sf-c-txt-blue\:95 { color: hsl(var(--sf-c-txt-blue-95)) } +html[data-theme='dark'] .sf-c-txt-blue\:100, html.dark .sf-c-txt-blue\:100 { color: hsl(var(--sf-c-txt-blue-100)) } + +html[data-theme='dark'] .sf-c-txt-blue\:dark, html.dark .sf-c-txt-blue\:dark { color: hsl(var(--sf-c-txt-blue)) } +html[data-theme='dark'] .sf-c-txt-blue\:0\:dark, html.dark .sf-c-txt-blue\:0\:dark { color: hsl(var(--sf-dark-c-txt-blue-0)) } +html[data-theme='dark'] .sf-c-txt-blue\:5\:dark, html.dark .sf-c-txt-blue\:5\:dark { color: hsl(var(--sf-dark-c-txt-blue-5)) } +html[data-theme='dark'] .sf-c-txt-blue\:10\:dark, html.dark .sf-c-txt-blue\:10\:dark { color: hsl(var(--sf-dark-c-txt-blue-10)) } +html[data-theme='dark'] .sf-c-txt-blue\:15\:dark, html.dark .sf-c-txt-blue\:15\:dark { color: hsl(var(--sf-dark-c-txt-blue-15)) } +html[data-theme='dark'] .sf-c-txt-blue\:20\:dark, html.dark .sf-c-txt-blue\:20\:dark { color: hsl(var(--sf-dark-c-txt-blue-20)) } +html[data-theme='dark'] .sf-c-txt-blue\:25\:dark, html.dark .sf-c-txt-blue\:25\:dark { color: hsl(var(--sf-dark-c-txt-blue-25)) } +html[data-theme='dark'] .sf-c-txt-blue\:30\:dark, html.dark .sf-c-txt-blue\:30\:dark { color: hsl(var(--sf-dark-c-txt-blue-30)) } +html[data-theme='dark'] .sf-c-txt-blue\:35\:dark, html.dark .sf-c-txt-blue\:35\:dark { color: hsl(var(--sf-dark-c-txt-blue-35)) } +html[data-theme='dark'] .sf-c-txt-blue\:40\:dark, html.dark .sf-c-txt-blue\:40\:dark { color: hsl(var(--sf-dark-c-txt-blue-40)) } +html[data-theme='dark'] .sf-c-txt-blue\:45\:dark, html.dark .sf-c-txt-blue\:45\:dark { color: hsl(var(--sf-dark-c-txt-blue-45)) } +html[data-theme='dark'] .sf-c-txt-blue\:50\:dark, html.dark .sf-c-txt-blue\:50\:dark { color: hsl(var(--sf-dark-c-txt-blue-50)) } +html[data-theme='dark'] .sf-c-txt-blue\:55\:dark, html.dark .sf-c-txt-blue\:55\:dark { color: hsl(var(--sf-dark-c-txt-blue-55)) } +html[data-theme='dark'] .sf-c-txt-blue\:60\:dark, html.dark .sf-c-txt-blue\:60\:dark { color: hsl(var(--sf-dark-c-txt-blue-60)) } +html[data-theme='dark'] .sf-c-txt-blue\:65\:dark, html.dark .sf-c-txt-blue\:65\:dark { color: hsl(var(--sf-dark-c-txt-blue-65)) } +html[data-theme='dark'] .sf-c-txt-blue\:70\:dark, html.dark .sf-c-txt-blue\:70\:dark { color: hsl(var(--sf-dark-c-txt-blue-70)) } +html[data-theme='dark'] .sf-c-txt-blue\:75\:dark, html.dark .sf-c-txt-blue\:75\:dark { color: hsl(var(--sf-dark-c-txt-blue-75)) } +html[data-theme='dark'] .sf-c-txt-blue\:80\:dark, html.dark .sf-c-txt-blue\:80\:dark { color: hsl(var(--sf-dark-c-txt-blue-80)) } +html[data-theme='dark'] .sf-c-txt-blue\:85\:dark, html.dark .sf-c-txt-blue\:85\:dark { color: hsl(var(--sf-dark-c-txt-blue-85)) } +html[data-theme='dark'] .sf-c-txt-blue\:90\:dark, html.dark .sf-c-txt-blue\:90\:dark { color: hsl(var(--sf-dark-c-txt-blue-90)) } +html[data-theme='dark'] .sf-c-txt-blue\:95\:dark, html.dark .sf-c-txt-blue\:95\:dark { color: hsl(var(--sf-dark-c-txt-blue-95)) } +html[data-theme='dark'] .sf-c-txt-blue\:100\:dark, html.dark .sf-c-txt-blue\:100\:dark { color: hsl(var(--sf-dark-c-txt-blue-100)) } + html.var[data-theme='dark'] .sf-c-blue, html.var.dark .sf-c-blue { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } html.var[data-theme='dark'] .sf-c-blue\:0, html.var.dark .sf-c-blue\:0 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 100%) } html.var[data-theme='dark'] .sf-c-blue\:5, html.var.dark .sf-c-blue\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-blue\:90\:dark, html.var.dark .sf-c-blue\:90\: html.var[data-theme='dark'] .sf-c-blue\:95\:dark, html.var.dark .sf-c-blue\:95\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } html.var[data-theme='dark'] .sf-c-blue\:100\:dark, html.var.dark .sf-c-blue\:100\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blue, html.dark .sf-c-txt-blue { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:0, html.dark .sf-c-txt-blue\:0 { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:5, html.dark .sf-c-txt-blue\:5 { color: hsl(240, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:10, html.dark .sf-c-txt-blue\:10 { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:15, html.dark .sf-c-txt-blue\:15 { color: hsl(240, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:20, html.dark .sf-c-txt-blue\:20 { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:25, html.dark .sf-c-txt-blue\:25 { color: hsl(240, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:30, html.dark .sf-c-txt-blue\:30 { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:35, html.dark .sf-c-txt-blue\:35 { color: hsl(240, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:40, html.dark .sf-c-txt-blue\:40 { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:45, html.dark .sf-c-txt-blue\:45 { color: hsl(240, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:50, html.dark .sf-c-txt-blue\:50 { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:55, html.dark .sf-c-txt-blue\:55 { color: hsl(240, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:60, html.dark .sf-c-txt-blue\:60 { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:65, html.dark .sf-c-txt-blue\:65 { color: hsl(240, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:70, html.dark .sf-c-txt-blue\:70 { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:75, html.dark .sf-c-txt-blue\:75 { color: hsl(240, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:80, html.dark .sf-c-txt-blue\:80 { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:85, html.dark .sf-c-txt-blue\:85 { color: hsl(240, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:90, html.dark .sf-c-txt-blue\:90 { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:95, html.dark .sf-c-txt-blue\:95 { color: hsl(240, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:100, html.dark .sf-c-txt-blue\:100 { color: hsl(240, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-blue\:dark, html.dark .sf-c-txt-blue\:dark { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:0\:dark, html.dark .sf-c-txt-blue\:0\:dark { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:5\:dark, html.dark .sf-c-txt-blue\:5\:dark { color: hsl(240, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:10\:dark, html.dark .sf-c-txt-blue\:10\:dark { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:15\:dark, html.dark .sf-c-txt-blue\:15\:dark { color: hsl(240, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:20\:dark, html.dark .sf-c-txt-blue\:20\:dark { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:25\:dark, html.dark .sf-c-txt-blue\:25\:dark { color: hsl(240, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:30\:dark, html.dark .sf-c-txt-blue\:30\:dark { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:35\:dark, html.dark .sf-c-txt-blue\:35\:dark { color: hsl(240, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:40\:dark, html.dark .sf-c-txt-blue\:40\:dark { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:45\:dark, html.dark .sf-c-txt-blue\:45\:dark { color: hsl(240, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:50\:dark, html.dark .sf-c-txt-blue\:50\:dark { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:55\:dark, html.dark .sf-c-txt-blue\:55\:dark { color: hsl(240, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:60\:dark, html.dark .sf-c-txt-blue\:60\:dark { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:65\:dark, html.dark .sf-c-txt-blue\:65\:dark { color: hsl(240, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:70\:dark, html.dark .sf-c-txt-blue\:70\:dark { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:75\:dark, html.dark .sf-c-txt-blue\:75\:dark { color: hsl(240, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:80\:dark, html.dark .sf-c-txt-blue\:80\:dark { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:85\:dark, html.dark .sf-c-txt-blue\:85\:dark { color: hsl(240, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:90\:dark, html.dark .sf-c-txt-blue\:90\:dark { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:95\:dark, html.dark .sf-c-txt-blue\:95\:dark { color: hsl(240, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-blue\:100\:dark, html.dark .sf-c-txt-blue\:100\:dark { color: hsl(240, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-blue, html.auto .sf-c-blue { color: hsl(var(--sf-dark-c-txt-blue-95)); background: hsl(var(--sf-dark-c-blue)) } html[data-theme='auto'] .sf-c-blue\:0, html.auto .sf-c-blue\:0 { color: hsl(var(--sf-dark-c-txt-blue-95)); background: hsl(var(--sf-dark-c-blue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-blue\:100\:dark, html.var.dark .sf-c-blue\:100 html[data-theme='auto'] .sf-c-blue\:95\:dark, html.auto .sf-c-blue\:95\:dark { color: hsl(var(--sf-c-txt-blue-95)); background: hsl(var(--sf-c-blue-5)) } html[data-theme='auto'] .sf-c-blue\:100\:dark, html.auto .sf-c-blue\:100\:dark { color: hsl(var(--sf-c-txt-blue-95)); background: hsl(var(--sf-c-blue-0)) } + html[data-theme='auto'] .sf-c-txt-blue, html.auto .sf-c-txt-blue { color: hsl(var(--sf-c-txt-blue)) } + html[data-theme='auto'] .sf-c-txt-blue\:0, html.auto .sf-c-txt-blue\:0 { color: hsl(var(--sf-c-txt-blue-0)) } + html[data-theme='auto'] .sf-c-txt-blue\:5, html.auto .sf-c-txt-blue\:5 { color: hsl(var(--sf-c-txt-blue-5)) } + html[data-theme='auto'] .sf-c-txt-blue\:10, html.auto .sf-c-txt-blue\:10 { color: hsl(var(--sf-c-txt-blue-10)) } + html[data-theme='auto'] .sf-c-txt-blue\:15, html.auto .sf-c-txt-blue\:15 { color: hsl(var(--sf-c-txt-blue-15)) } + html[data-theme='auto'] .sf-c-txt-blue\:20, html.auto .sf-c-txt-blue\:20 { color: hsl(var(--sf-c-txt-blue-20)) } + html[data-theme='auto'] .sf-c-txt-blue\:25, html.auto .sf-c-txt-blue\:25 { color: hsl(var(--sf-c-txt-blue-25)) } + html[data-theme='auto'] .sf-c-txt-blue\:30, html.auto .sf-c-txt-blue\:30 { color: hsl(var(--sf-c-txt-blue-30)) } + html[data-theme='auto'] .sf-c-txt-blue\:35, html.auto .sf-c-txt-blue\:35 { color: hsl(var(--sf-c-txt-blue-35)) } + html[data-theme='auto'] .sf-c-txt-blue\:40, html.auto .sf-c-txt-blue\:40 { color: hsl(var(--sf-c-txt-blue-40)) } + html[data-theme='auto'] .sf-c-txt-blue\:45, html.auto .sf-c-txt-blue\:45 { color: hsl(var(--sf-c-txt-blue-45)) } + html[data-theme='auto'] .sf-c-txt-blue\:50, html.auto .sf-c-txt-blue\:50 { color: hsl(var(--sf-c-txt-blue-50)) } + html[data-theme='auto'] .sf-c-txt-blue\:55, html.auto .sf-c-txt-blue\:55 { color: hsl(var(--sf-c-txt-blue-55)) } + html[data-theme='auto'] .sf-c-txt-blue\:60, html.auto .sf-c-txt-blue\:60 { color: hsl(var(--sf-c-txt-blue-60)) } + html[data-theme='auto'] .sf-c-txt-blue\:65, html.auto .sf-c-txt-blue\:65 { color: hsl(var(--sf-c-txt-blue-65)) } + html[data-theme='auto'] .sf-c-txt-blue\:70, html.auto .sf-c-txt-blue\:70 { color: hsl(var(--sf-c-txt-blue-70)) } + html[data-theme='auto'] .sf-c-txt-blue\:75, html.auto .sf-c-txt-blue\:75 { color: hsl(var(--sf-c-txt-blue-75)) } + html[data-theme='auto'] .sf-c-txt-blue\:80, html.auto .sf-c-txt-blue\:80 { color: hsl(var(--sf-c-txt-blue-80)) } + html[data-theme='auto'] .sf-c-txt-blue\:85, html.auto .sf-c-txt-blue\:85 { color: hsl(var(--sf-c-txt-blue-85)) } + html[data-theme='auto'] .sf-c-txt-blue\:90, html.auto .sf-c-txt-blue\:90 { color: hsl(var(--sf-c-txt-blue-90)) } + html[data-theme='auto'] .sf-c-txt-blue\:95, html.auto .sf-c-txt-blue\:95 { color: hsl(var(--sf-c-txt-blue-95)) } + html[data-theme='auto'] .sf-c-txt-blue\:100, html.auto .sf-c-txt-blue\:100 { color: hsl(var(--sf-c-txt-blue-100)) } + + html[data-theme='auto'] .sf-c-txt-blue\:dark, html.auto .sf-c-txt-blue\:dark { color: hsl(var(--sf-c-txt-blue)) } + html[data-theme='auto'] .sf-c-txt-blue\:0\:dark, html.auto .sf-c-txt-blue\:0\:dark { color: hsl(var(--sf-c-txt-blue-0)) } + html[data-theme='auto'] .sf-c-txt-blue\:5\:dark, html.auto .sf-c-txt-blue\:5\:dark { color: hsl(var(--sf-c-txt-blue-5)) } + html[data-theme='auto'] .sf-c-txt-blue\:10\:dark, html.auto .sf-c-txt-blue\:10\:dark { color: hsl(var(--sf-c-txt-blue-10)) } + html[data-theme='auto'] .sf-c-txt-blue\:15\:dark, html.auto .sf-c-txt-blue\:15\:dark { color: hsl(var(--sf-c-txt-blue-15)) } + html[data-theme='auto'] .sf-c-txt-blue\:20\:dark, html.auto .sf-c-txt-blue\:20\:dark { color: hsl(var(--sf-c-txt-blue-20)) } + html[data-theme='auto'] .sf-c-txt-blue\:25\:dark, html.auto .sf-c-txt-blue\:25\:dark { color: hsl(var(--sf-c-txt-blue-25)) } + html[data-theme='auto'] .sf-c-txt-blue\:30\:dark, html.auto .sf-c-txt-blue\:30\:dark { color: hsl(var(--sf-c-txt-blue-30)) } + html[data-theme='auto'] .sf-c-txt-blue\:35\:dark, html.auto .sf-c-txt-blue\:35\:dark { color: hsl(var(--sf-c-txt-blue-35)) } + html[data-theme='auto'] .sf-c-txt-blue\:40\:dark, html.auto .sf-c-txt-blue\:40\:dark { color: hsl(var(--sf-c-txt-blue-40)) } + html[data-theme='auto'] .sf-c-txt-blue\:45\:dark, html.auto .sf-c-txt-blue\:45\:dark { color: hsl(var(--sf-c-txt-blue-45)) } + html[data-theme='auto'] .sf-c-txt-blue\:50\:dark, html.auto .sf-c-txt-blue\:50\:dark { color: hsl(var(--sf-c-txt-blue-50)) } + html[data-theme='auto'] .sf-c-txt-blue\:55\:dark, html.auto .sf-c-txt-blue\:55\:dark { color: hsl(var(--sf-c-txt-blue-55)) } + html[data-theme='auto'] .sf-c-txt-blue\:60\:dark, html.auto .sf-c-txt-blue\:60\:dark { color: hsl(var(--sf-c-txt-blue-60)) } + html[data-theme='auto'] .sf-c-txt-blue\:65\:dark, html.auto .sf-c-txt-blue\:65\:dark { color: hsl(var(--sf-c-txt-blue-65)) } + html[data-theme='auto'] .sf-c-txt-blue\:70\:dark, html.auto .sf-c-txt-blue\:70\:dark { color: hsl(var(--sf-c-txt-blue-70)) } + html[data-theme='auto'] .sf-c-txt-blue\:75\:dark, html.auto .sf-c-txt-blue\:75\:dark { color: hsl(var(--sf-c-txt-blue-75)) } + html[data-theme='auto'] .sf-c-txt-blue\:80\:dark, html.auto .sf-c-txt-blue\:80\:dark { color: hsl(var(--sf-c-txt-blue-80)) } + html[data-theme='auto'] .sf-c-txt-blue\:85\:dark, html.auto .sf-c-txt-blue\:85\:dark { color: hsl(var(--sf-c-txt-blue-85)) } + html[data-theme='auto'] .sf-c-txt-blue\:90\:dark, html.auto .sf-c-txt-blue\:90\:dark { color: hsl(var(--sf-c-txt-blue-90)) } + html[data-theme='auto'] .sf-c-txt-blue\:95\:dark, html.auto .sf-c-txt-blue\:95\:dark { color: hsl(var(--sf-c-txt-blue-95)) } + html[data-theme='auto'] .sf-c-txt-blue\:100\:dark, html.auto .sf-c-txt-blue\:100\:dark { color: hsl(var(--sf-c-txt-blue-100)) } + html.var[data-theme='auto'] .sf-c-blue, html.var.auto .sf-c-blue { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 50%) } html.var[data-theme='auto'] .sf-c-blue\:0, html.var.auto .sf-c-blue\:0 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 100%) } html.var[data-theme='auto'] .sf-c-blue\:5, html.var.auto .sf-c-blue\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-blue\:100\:dark, html.var.dark .sf-c-blue\:100 html.var[data-theme='auto'] .sf-c-blue\:90\:dark, html.var.auto .sf-c-blue\:90\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } html.var[data-theme='auto'] .sf-c-blue\:95\:dark, html.var.auto .sf-c-blue\:95\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } html.var[data-theme='auto'] .sf-c-blue\:100\:dark, html.var.auto .sf-c-blue\:100\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } -} -.sf-c-txt-blue { color: hsl(var(--sf-c-txt-blue)) } -.sf-c-txt-blue\:0 { color: hsl(var(--sf-c-txt-blue-0)) } -.sf-c-txt-blue\:5 { color: hsl(var(--sf-c-txt-blue-5)) } -.sf-c-txt-blue\:10 { color: hsl(var(--sf-c-txt-blue-10)) } -.sf-c-txt-blue\:15 { color: hsl(var(--sf-c-txt-blue-15)) } -.sf-c-txt-blue\:20 { color: hsl(var(--sf-c-txt-blue-20)) } -.sf-c-txt-blue\:25 { color: hsl(var(--sf-c-txt-blue-25)) } -.sf-c-txt-blue\:30 { color: hsl(var(--sf-c-txt-blue-30)) } -.sf-c-txt-blue\:35 { color: hsl(var(--sf-c-txt-blue-35)) } -.sf-c-txt-blue\:40 { color: hsl(var(--sf-c-txt-blue-40)) } -.sf-c-txt-blue\:45 { color: hsl(var(--sf-c-txt-blue-45)) } -.sf-c-txt-blue\:50 { color: hsl(var(--sf-c-txt-blue-50)) } -.sf-c-txt-blue\:55 { color: hsl(var(--sf-c-txt-blue-55)) } -.sf-c-txt-blue\:60 { color: hsl(var(--sf-c-txt-blue-60)) } -.sf-c-txt-blue\:65 { color: hsl(var(--sf-c-txt-blue-65)) } -.sf-c-txt-blue\:70 { color: hsl(var(--sf-c-txt-blue-70)) } -.sf-c-txt-blue\:75 { color: hsl(var(--sf-c-txt-blue-75)) } -.sf-c-txt-blue\:80 { color: hsl(var(--sf-c-txt-blue-80)) } -.sf-c-txt-blue\:85 { color: hsl(var(--sf-c-txt-blue-85)) } -.sf-c-txt-blue\:90 { color: hsl(var(--sf-c-txt-blue-90)) } -.sf-c-txt-blue\:95 { color: hsl(var(--sf-c-txt-blue-95)) } -.sf-c-txt-blue\:100 { color: hsl(var(--sf-c-txt-blue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-blue, html.auto .sf-c-txt-blue { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:0, html.auto .sf-c-txt-blue\:0 { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:5, html.auto .sf-c-txt-blue\:5 { color: hsl(240, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:10, html.auto .sf-c-txt-blue\:10 { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:15, html.auto .sf-c-txt-blue\:15 { color: hsl(240, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:20, html.auto .sf-c-txt-blue\:20 { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:25, html.auto .sf-c-txt-blue\:25 { color: hsl(240, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:30, html.auto .sf-c-txt-blue\:30 { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:35, html.auto .sf-c-txt-blue\:35 { color: hsl(240, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:40, html.auto .sf-c-txt-blue\:40 { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:45, html.auto .sf-c-txt-blue\:45 { color: hsl(240, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:50, html.auto .sf-c-txt-blue\:50 { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:55, html.auto .sf-c-txt-blue\:55 { color: hsl(240, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:60, html.auto .sf-c-txt-blue\:60 { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:65, html.auto .sf-c-txt-blue\:65 { color: hsl(240, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:70, html.auto .sf-c-txt-blue\:70 { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:75, html.auto .sf-c-txt-blue\:75 { color: hsl(240, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:80, html.auto .sf-c-txt-blue\:80 { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:85, html.auto .sf-c-txt-blue\:85 { color: hsl(240, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:90, html.auto .sf-c-txt-blue\:90 { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:95, html.auto .sf-c-txt-blue\:95 { color: hsl(240, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:100, html.auto .sf-c-txt-blue\:100 { color: hsl(240, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-blue\:dark, html.auto .sf-c-txt-blue\:dark { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:0\:dark, html.auto .sf-c-txt-blue\:0\:dark { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:5\:dark, html.auto .sf-c-txt-blue\:5\:dark { color: hsl(240, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:10\:dark, html.auto .sf-c-txt-blue\:10\:dark { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:15\:dark, html.auto .sf-c-txt-blue\:15\:dark { color: hsl(240, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:20\:dark, html.auto .sf-c-txt-blue\:20\:dark { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:25\:dark, html.auto .sf-c-txt-blue\:25\:dark { color: hsl(240, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:30\:dark, html.auto .sf-c-txt-blue\:30\:dark { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:35\:dark, html.auto .sf-c-txt-blue\:35\:dark { color: hsl(240, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:40\:dark, html.auto .sf-c-txt-blue\:40\:dark { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:45\:dark, html.auto .sf-c-txt-blue\:45\:dark { color: hsl(240, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:50\:dark, html.auto .sf-c-txt-blue\:50\:dark { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:55\:dark, html.auto .sf-c-txt-blue\:55\:dark { color: hsl(240, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:60\:dark, html.auto .sf-c-txt-blue\:60\:dark { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:65\:dark, html.auto .sf-c-txt-blue\:65\:dark { color: hsl(240, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:70\:dark, html.auto .sf-c-txt-blue\:70\:dark { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:75\:dark, html.auto .sf-c-txt-blue\:75\:dark { color: hsl(240, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:80\:dark, html.auto .sf-c-txt-blue\:80\:dark { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:85\:dark, html.auto .sf-c-txt-blue\:85\:dark { color: hsl(240, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:90\:dark, html.auto .sf-c-txt-blue\:90\:dark { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:95\:dark, html.auto .sf-c-txt-blue\:95\:dark { color: hsl(240, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-blue\:100\:dark, html.auto .sf-c-txt-blue\:100\:dark { color: hsl(240, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/blueviolet.css b/src/colors/20/blueviolet.css index ddb40fa..b3569b6 100644 --- a/src/colors/20/blueviolet.css +++ b/src/colors/20/blueviolet.css @@ -138,6 +138,52 @@ html.var .sf-c-blueviolet\:90 { color: hsl(271, 76%, 5%); background: hsl(271, 7 html.var .sf-c-blueviolet\:95 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 95%) } html.var .sf-c-blueviolet\:100 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 100%) } +.sf-c-txt-blueviolet { color: hsl(var(--sf-dark-c-txt-blueviolet)) } +.sf-c-txt-blueviolet\:0 { color: hsl(var(--sf-dark-c-txt-blueviolet-100)) } +.sf-c-txt-blueviolet\:5 { color: hsl(var(--sf-dark-c-txt-blueviolet-95)) } +.sf-c-txt-blueviolet\:10 { color: hsl(var(--sf-dark-c-txt-blueviolet-90)) } +.sf-c-txt-blueviolet\:15 { color: hsl(var(--sf-dark-c-txt-blueviolet-85)) } +.sf-c-txt-blueviolet\:20 { color: hsl(var(--sf-dark-c-txt-blueviolet-80)) } +.sf-c-txt-blueviolet\:25 { color: hsl(var(--sf-dark-c-txt-blueviolet-75)) } +.sf-c-txt-blueviolet\:30 { color: hsl(var(--sf-dark-c-txt-blueviolet-70)) } +.sf-c-txt-blueviolet\:35 { color: hsl(var(--sf-dark-c-txt-blueviolet-65)) } +.sf-c-txt-blueviolet\:40 { color: hsl(var(--sf-dark-c-txt-blueviolet-60)) } +.sf-c-txt-blueviolet\:45 { color: hsl(var(--sf-dark-c-txt-blueviolet-55)) } +.sf-c-txt-blueviolet\:50 { color: hsl(var(--sf-dark-c-txt-blueviolet-50)) } +.sf-c-txt-blueviolet\:55 { color: hsl(var(--sf-dark-c-txt-blueviolet-45)) } +.sf-c-txt-blueviolet\:60 { color: hsl(var(--sf-dark-c-txt-blueviolet-40)) } +.sf-c-txt-blueviolet\:65 { color: hsl(var(--sf-dark-c-txt-blueviolet-35)) } +.sf-c-txt-blueviolet\:70 { color: hsl(var(--sf-dark-c-txt-blueviolet-30)) } +.sf-c-txt-blueviolet\:75 { color: hsl(var(--sf-dark-c-txt-blueviolet-25)) } +.sf-c-txt-blueviolet\:80 { color: hsl(var(--sf-dark-c-txt-blueviolet-20)) } +.sf-c-txt-blueviolet\:85 { color: hsl(var(--sf-dark-c-txt-blueviolet-15)) } +.sf-c-txt-blueviolet\:90 { color: hsl(var(--sf-dark-c-txt-blueviolet-10)) } +.sf-c-txt-blueviolet\:95 { color: hsl(var(--sf-dark-c-txt-blueviolet-5)) } +.sf-c-txt-blueviolet\:100 { color: hsl(var(--sf-dark-c-txt-blueviolet-0)) } + +html.var .sf-c-txt-blueviolet { color: hsl(271, 76%, 47%) } +html.var .sf-c-txt-blueviolet\:0 { color: hsl(271, 76%, 100%) } +html.var .sf-c-txt-blueviolet\:5 { color: hsl(271, 76%, 95%) } +html.var .sf-c-txt-blueviolet\:10 { color: hsl(271, 76%, 90%) } +html.var .sf-c-txt-blueviolet\:15 { color: hsl(271, 76%, 85%) } +html.var .sf-c-txt-blueviolet\:20 { color: hsl(271, 76%, 80%) } +html.var .sf-c-txt-blueviolet\:25 { color: hsl(271, 76%, 75%) } +html.var .sf-c-txt-blueviolet\:30 { color: hsl(271, 76%, 70%) } +html.var .sf-c-txt-blueviolet\:35 { color: hsl(271, 76%, 65%) } +html.var .sf-c-txt-blueviolet\:40 { color: hsl(271, 76%, 60%) } +html.var .sf-c-txt-blueviolet\:45 { color: hsl(271, 76%, 55%) } +html.var .sf-c-txt-blueviolet\:50 { color: hsl(271, 76%, 50%) } +html.var .sf-c-txt-blueviolet\:55 { color: hsl(271, 76%, 45%) } +html.var .sf-c-txt-blueviolet\:60 { color: hsl(271, 76%, 40%) } +html.var .sf-c-txt-blueviolet\:65 { color: hsl(271, 76%, 35%) } +html.var .sf-c-txt-blueviolet\:70 { color: hsl(271, 76%, 30%) } +html.var .sf-c-txt-blueviolet\:75 { color: hsl(271, 76%, 25%) } +html.var .sf-c-txt-blueviolet\:80 { color: hsl(271, 76%, 20%) } +html.var .sf-c-txt-blueviolet\:85 { color: hsl(271, 76%, 15%) } +html.var .sf-c-txt-blueviolet\:90 { color: hsl(271, 76%, 10%) } +html.var .sf-c-txt-blueviolet\:95 { color: hsl(271, 76%, 5%) } +html.var .sf-c-txt-blueviolet\:100 { color: hsl(271, 76%, 0%) } + html[data-theme='dark'] .sf-c-blueviolet, html.dark .sf-c-blueviolet { color: hsl(var(--sf-dark-c-txt-blueviolet-95)); background: hsl(var(--sf-dark-c-blueviolet)) } html[data-theme='dark'] .sf-c-blueviolet\:0, html.dark .sf-c-blueviolet\:0 { color: hsl(var(--sf-dark-c-txt-blueviolet-95)); background: hsl(var(--sf-dark-c-blueviolet-100)) } html[data-theme='dark'] .sf-c-blueviolet\:5, html.dark .sf-c-blueviolet\:5 { color: hsl(var(--sf-dark-c-txt-blueviolet-5)); background: hsl(var(--sf-dark-c-blueviolet-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-blueviolet\:90\:dark, html.dark .sf-c-blueviolet\: html[data-theme='dark'] .sf-c-blueviolet\:95\:dark, html.dark .sf-c-blueviolet\:95\:dark { color: hsl(var(--sf-c-txt-blueviolet-95)); background: hsl(var(--sf-c-blueviolet-5)) } html[data-theme='dark'] .sf-c-blueviolet\:100\:dark, html.dark .sf-c-blueviolet\:100\:dark { color: hsl(var(--sf-c-txt-blueviolet-95)); background: hsl(var(--sf-c-blueviolet-0)) } +html[data-theme='dark'] .sf-c-txt-blueviolet, html.dark .sf-c-txt-blueviolet { color: hsl(var(--sf-c-txt-blueviolet)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:0, html.dark .sf-c-txt-blueviolet\:0 { color: hsl(var(--sf-c-txt-blueviolet-0)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:5, html.dark .sf-c-txt-blueviolet\:5 { color: hsl(var(--sf-c-txt-blueviolet-5)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:10, html.dark .sf-c-txt-blueviolet\:10 { color: hsl(var(--sf-c-txt-blueviolet-10)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:15, html.dark .sf-c-txt-blueviolet\:15 { color: hsl(var(--sf-c-txt-blueviolet-15)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:20, html.dark .sf-c-txt-blueviolet\:20 { color: hsl(var(--sf-c-txt-blueviolet-20)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:25, html.dark .sf-c-txt-blueviolet\:25 { color: hsl(var(--sf-c-txt-blueviolet-25)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:30, html.dark .sf-c-txt-blueviolet\:30 { color: hsl(var(--sf-c-txt-blueviolet-30)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:35, html.dark .sf-c-txt-blueviolet\:35 { color: hsl(var(--sf-c-txt-blueviolet-35)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:40, html.dark .sf-c-txt-blueviolet\:40 { color: hsl(var(--sf-c-txt-blueviolet-40)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:45, html.dark .sf-c-txt-blueviolet\:45 { color: hsl(var(--sf-c-txt-blueviolet-45)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:50, html.dark .sf-c-txt-blueviolet\:50 { color: hsl(var(--sf-c-txt-blueviolet-50)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:55, html.dark .sf-c-txt-blueviolet\:55 { color: hsl(var(--sf-c-txt-blueviolet-55)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:60, html.dark .sf-c-txt-blueviolet\:60 { color: hsl(var(--sf-c-txt-blueviolet-60)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:65, html.dark .sf-c-txt-blueviolet\:65 { color: hsl(var(--sf-c-txt-blueviolet-65)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:70, html.dark .sf-c-txt-blueviolet\:70 { color: hsl(var(--sf-c-txt-blueviolet-70)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:75, html.dark .sf-c-txt-blueviolet\:75 { color: hsl(var(--sf-c-txt-blueviolet-75)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:80, html.dark .sf-c-txt-blueviolet\:80 { color: hsl(var(--sf-c-txt-blueviolet-80)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:85, html.dark .sf-c-txt-blueviolet\:85 { color: hsl(var(--sf-c-txt-blueviolet-85)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:90, html.dark .sf-c-txt-blueviolet\:90 { color: hsl(var(--sf-c-txt-blueviolet-90)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:95, html.dark .sf-c-txt-blueviolet\:95 { color: hsl(var(--sf-c-txt-blueviolet-95)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:100, html.dark .sf-c-txt-blueviolet\:100 { color: hsl(var(--sf-c-txt-blueviolet-100)) } + +html[data-theme='dark'] .sf-c-txt-blueviolet\:dark, html.dark .sf-c-txt-blueviolet\:dark { color: hsl(var(--sf-c-txt-blueviolet)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:0\:dark, html.dark .sf-c-txt-blueviolet\:0\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-0)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:5\:dark, html.dark .sf-c-txt-blueviolet\:5\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-5)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:10\:dark, html.dark .sf-c-txt-blueviolet\:10\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-10)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:15\:dark, html.dark .sf-c-txt-blueviolet\:15\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-15)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:20\:dark, html.dark .sf-c-txt-blueviolet\:20\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-20)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:25\:dark, html.dark .sf-c-txt-blueviolet\:25\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-25)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:30\:dark, html.dark .sf-c-txt-blueviolet\:30\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-30)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:35\:dark, html.dark .sf-c-txt-blueviolet\:35\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-35)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:40\:dark, html.dark .sf-c-txt-blueviolet\:40\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-40)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:45\:dark, html.dark .sf-c-txt-blueviolet\:45\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-45)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:50\:dark, html.dark .sf-c-txt-blueviolet\:50\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-50)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:55\:dark, html.dark .sf-c-txt-blueviolet\:55\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-55)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:60\:dark, html.dark .sf-c-txt-blueviolet\:60\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-60)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:65\:dark, html.dark .sf-c-txt-blueviolet\:65\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-65)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:70\:dark, html.dark .sf-c-txt-blueviolet\:70\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-70)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:75\:dark, html.dark .sf-c-txt-blueviolet\:75\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-75)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:80\:dark, html.dark .sf-c-txt-blueviolet\:80\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-80)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:85\:dark, html.dark .sf-c-txt-blueviolet\:85\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-85)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:90\:dark, html.dark .sf-c-txt-blueviolet\:90\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-90)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:95\:dark, html.dark .sf-c-txt-blueviolet\:95\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-95)) } +html[data-theme='dark'] .sf-c-txt-blueviolet\:100\:dark, html.dark .sf-c-txt-blueviolet\:100\:dark { color: hsl(var(--sf-dark-c-txt-blueviolet-100)) } + html.var[data-theme='dark'] .sf-c-blueviolet, html.var.dark .sf-c-blueviolet { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 47%) } html.var[data-theme='dark'] .sf-c-blueviolet\:0, html.var.dark .sf-c-blueviolet\:0 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 100%) } html.var[data-theme='dark'] .sf-c-blueviolet\:5, html.var.dark .sf-c-blueviolet\:5 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-blueviolet\:90\:dark, html.var.dark .sf-c-blue html.var[data-theme='dark'] .sf-c-blueviolet\:95\:dark, html.var.dark .sf-c-blueviolet\:95\:dark { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 5%) } html.var[data-theme='dark'] .sf-c-blueviolet\:100\:dark, html.var.dark .sf-c-blueviolet\:100\:dark { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet, html.dark .sf-c-txt-blueviolet { color: hsl(271, 76%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:0, html.dark .sf-c-txt-blueviolet\:0 { color: hsl(271, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:5, html.dark .sf-c-txt-blueviolet\:5 { color: hsl(271, 76%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:10, html.dark .sf-c-txt-blueviolet\:10 { color: hsl(271, 76%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:15, html.dark .sf-c-txt-blueviolet\:15 { color: hsl(271, 76%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:20, html.dark .sf-c-txt-blueviolet\:20 { color: hsl(271, 76%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:25, html.dark .sf-c-txt-blueviolet\:25 { color: hsl(271, 76%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:30, html.dark .sf-c-txt-blueviolet\:30 { color: hsl(271, 76%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:35, html.dark .sf-c-txt-blueviolet\:35 { color: hsl(271, 76%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:40, html.dark .sf-c-txt-blueviolet\:40 { color: hsl(271, 76%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:45, html.dark .sf-c-txt-blueviolet\:45 { color: hsl(271, 76%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:50, html.dark .sf-c-txt-blueviolet\:50 { color: hsl(271, 76%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:55, html.dark .sf-c-txt-blueviolet\:55 { color: hsl(271, 76%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:60, html.dark .sf-c-txt-blueviolet\:60 { color: hsl(271, 76%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:65, html.dark .sf-c-txt-blueviolet\:65 { color: hsl(271, 76%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:70, html.dark .sf-c-txt-blueviolet\:70 { color: hsl(271, 76%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:75, html.dark .sf-c-txt-blueviolet\:75 { color: hsl(271, 76%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:80, html.dark .sf-c-txt-blueviolet\:80 { color: hsl(271, 76%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:85, html.dark .sf-c-txt-blueviolet\:85 { color: hsl(271, 76%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:90, html.dark .sf-c-txt-blueviolet\:90 { color: hsl(271, 76%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:95, html.dark .sf-c-txt-blueviolet\:95 { color: hsl(271, 76%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:100, html.dark .sf-c-txt-blueviolet\:100 { color: hsl(271, 76%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:dark, html.dark .sf-c-txt-blueviolet\:dark { color: hsl(271, 76%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:0\:dark, html.dark .sf-c-txt-blueviolet\:0\:dark { color: hsl(271, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:5\:dark, html.dark .sf-c-txt-blueviolet\:5\:dark { color: hsl(271, 76%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:10\:dark, html.dark .sf-c-txt-blueviolet\:10\:dark { color: hsl(271, 76%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:15\:dark, html.dark .sf-c-txt-blueviolet\:15\:dark { color: hsl(271, 76%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:20\:dark, html.dark .sf-c-txt-blueviolet\:20\:dark { color: hsl(271, 76%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:25\:dark, html.dark .sf-c-txt-blueviolet\:25\:dark { color: hsl(271, 76%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:30\:dark, html.dark .sf-c-txt-blueviolet\:30\:dark { color: hsl(271, 76%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:35\:dark, html.dark .sf-c-txt-blueviolet\:35\:dark { color: hsl(271, 76%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:40\:dark, html.dark .sf-c-txt-blueviolet\:40\:dark { color: hsl(271, 76%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:45\:dark, html.dark .sf-c-txt-blueviolet\:45\:dark { color: hsl(271, 76%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:50\:dark, html.dark .sf-c-txt-blueviolet\:50\:dark { color: hsl(271, 76%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:55\:dark, html.dark .sf-c-txt-blueviolet\:55\:dark { color: hsl(271, 76%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:60\:dark, html.dark .sf-c-txt-blueviolet\:60\:dark { color: hsl(271, 76%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:65\:dark, html.dark .sf-c-txt-blueviolet\:65\:dark { color: hsl(271, 76%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:70\:dark, html.dark .sf-c-txt-blueviolet\:70\:dark { color: hsl(271, 76%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:75\:dark, html.dark .sf-c-txt-blueviolet\:75\:dark { color: hsl(271, 76%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:80\:dark, html.dark .sf-c-txt-blueviolet\:80\:dark { color: hsl(271, 76%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:85\:dark, html.dark .sf-c-txt-blueviolet\:85\:dark { color: hsl(271, 76%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:90\:dark, html.dark .sf-c-txt-blueviolet\:90\:dark { color: hsl(271, 76%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:95\:dark, html.dark .sf-c-txt-blueviolet\:95\:dark { color: hsl(271, 76%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-blueviolet\:100\:dark, html.dark .sf-c-txt-blueviolet\:100\:dark { color: hsl(271, 76%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-blueviolet, html.auto .sf-c-blueviolet { color: hsl(var(--sf-dark-c-txt-blueviolet-95)); background: hsl(var(--sf-dark-c-blueviolet)) } html[data-theme='auto'] .sf-c-blueviolet\:0, html.auto .sf-c-blueviolet\:0 { color: hsl(var(--sf-dark-c-txt-blueviolet-95)); background: hsl(var(--sf-dark-c-blueviolet-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-blueviolet\:100\:dark, html.var.dark .sf-c-blu html[data-theme='auto'] .sf-c-blueviolet\:95\:dark, html.auto .sf-c-blueviolet\:95\:dark { color: hsl(var(--sf-c-txt-blueviolet-95)); background: hsl(var(--sf-c-blueviolet-5)) } html[data-theme='auto'] .sf-c-blueviolet\:100\:dark, html.auto .sf-c-blueviolet\:100\:dark { color: hsl(var(--sf-c-txt-blueviolet-95)); background: hsl(var(--sf-c-blueviolet-0)) } + html[data-theme='auto'] .sf-c-txt-blueviolet, html.auto .sf-c-txt-blueviolet { color: hsl(var(--sf-c-txt-blueviolet)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:0, html.auto .sf-c-txt-blueviolet\:0 { color: hsl(var(--sf-c-txt-blueviolet-0)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:5, html.auto .sf-c-txt-blueviolet\:5 { color: hsl(var(--sf-c-txt-blueviolet-5)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:10, html.auto .sf-c-txt-blueviolet\:10 { color: hsl(var(--sf-c-txt-blueviolet-10)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:15, html.auto .sf-c-txt-blueviolet\:15 { color: hsl(var(--sf-c-txt-blueviolet-15)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:20, html.auto .sf-c-txt-blueviolet\:20 { color: hsl(var(--sf-c-txt-blueviolet-20)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:25, html.auto .sf-c-txt-blueviolet\:25 { color: hsl(var(--sf-c-txt-blueviolet-25)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:30, html.auto .sf-c-txt-blueviolet\:30 { color: hsl(var(--sf-c-txt-blueviolet-30)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:35, html.auto .sf-c-txt-blueviolet\:35 { color: hsl(var(--sf-c-txt-blueviolet-35)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:40, html.auto .sf-c-txt-blueviolet\:40 { color: hsl(var(--sf-c-txt-blueviolet-40)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:45, html.auto .sf-c-txt-blueviolet\:45 { color: hsl(var(--sf-c-txt-blueviolet-45)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:50, html.auto .sf-c-txt-blueviolet\:50 { color: hsl(var(--sf-c-txt-blueviolet-50)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:55, html.auto .sf-c-txt-blueviolet\:55 { color: hsl(var(--sf-c-txt-blueviolet-55)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:60, html.auto .sf-c-txt-blueviolet\:60 { color: hsl(var(--sf-c-txt-blueviolet-60)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:65, html.auto .sf-c-txt-blueviolet\:65 { color: hsl(var(--sf-c-txt-blueviolet-65)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:70, html.auto .sf-c-txt-blueviolet\:70 { color: hsl(var(--sf-c-txt-blueviolet-70)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:75, html.auto .sf-c-txt-blueviolet\:75 { color: hsl(var(--sf-c-txt-blueviolet-75)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:80, html.auto .sf-c-txt-blueviolet\:80 { color: hsl(var(--sf-c-txt-blueviolet-80)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:85, html.auto .sf-c-txt-blueviolet\:85 { color: hsl(var(--sf-c-txt-blueviolet-85)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:90, html.auto .sf-c-txt-blueviolet\:90 { color: hsl(var(--sf-c-txt-blueviolet-90)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:95, html.auto .sf-c-txt-blueviolet\:95 { color: hsl(var(--sf-c-txt-blueviolet-95)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:100, html.auto .sf-c-txt-blueviolet\:100 { color: hsl(var(--sf-c-txt-blueviolet-100)) } + + html[data-theme='auto'] .sf-c-txt-blueviolet\:dark, html.auto .sf-c-txt-blueviolet\:dark { color: hsl(var(--sf-c-txt-blueviolet)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:0\:dark, html.auto .sf-c-txt-blueviolet\:0\:dark { color: hsl(var(--sf-c-txt-blueviolet-0)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:5\:dark, html.auto .sf-c-txt-blueviolet\:5\:dark { color: hsl(var(--sf-c-txt-blueviolet-5)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:10\:dark, html.auto .sf-c-txt-blueviolet\:10\:dark { color: hsl(var(--sf-c-txt-blueviolet-10)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:15\:dark, html.auto .sf-c-txt-blueviolet\:15\:dark { color: hsl(var(--sf-c-txt-blueviolet-15)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:20\:dark, html.auto .sf-c-txt-blueviolet\:20\:dark { color: hsl(var(--sf-c-txt-blueviolet-20)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:25\:dark, html.auto .sf-c-txt-blueviolet\:25\:dark { color: hsl(var(--sf-c-txt-blueviolet-25)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:30\:dark, html.auto .sf-c-txt-blueviolet\:30\:dark { color: hsl(var(--sf-c-txt-blueviolet-30)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:35\:dark, html.auto .sf-c-txt-blueviolet\:35\:dark { color: hsl(var(--sf-c-txt-blueviolet-35)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:40\:dark, html.auto .sf-c-txt-blueviolet\:40\:dark { color: hsl(var(--sf-c-txt-blueviolet-40)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:45\:dark, html.auto .sf-c-txt-blueviolet\:45\:dark { color: hsl(var(--sf-c-txt-blueviolet-45)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:50\:dark, html.auto .sf-c-txt-blueviolet\:50\:dark { color: hsl(var(--sf-c-txt-blueviolet-50)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:55\:dark, html.auto .sf-c-txt-blueviolet\:55\:dark { color: hsl(var(--sf-c-txt-blueviolet-55)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:60\:dark, html.auto .sf-c-txt-blueviolet\:60\:dark { color: hsl(var(--sf-c-txt-blueviolet-60)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:65\:dark, html.auto .sf-c-txt-blueviolet\:65\:dark { color: hsl(var(--sf-c-txt-blueviolet-65)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:70\:dark, html.auto .sf-c-txt-blueviolet\:70\:dark { color: hsl(var(--sf-c-txt-blueviolet-70)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:75\:dark, html.auto .sf-c-txt-blueviolet\:75\:dark { color: hsl(var(--sf-c-txt-blueviolet-75)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:80\:dark, html.auto .sf-c-txt-blueviolet\:80\:dark { color: hsl(var(--sf-c-txt-blueviolet-80)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:85\:dark, html.auto .sf-c-txt-blueviolet\:85\:dark { color: hsl(var(--sf-c-txt-blueviolet-85)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:90\:dark, html.auto .sf-c-txt-blueviolet\:90\:dark { color: hsl(var(--sf-c-txt-blueviolet-90)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:95\:dark, html.auto .sf-c-txt-blueviolet\:95\:dark { color: hsl(var(--sf-c-txt-blueviolet-95)) } + html[data-theme='auto'] .sf-c-txt-blueviolet\:100\:dark, html.auto .sf-c-txt-blueviolet\:100\:dark { color: hsl(var(--sf-c-txt-blueviolet-100)) } + html.var[data-theme='auto'] .sf-c-blueviolet, html.var.auto .sf-c-blueviolet { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 47%) } html.var[data-theme='auto'] .sf-c-blueviolet\:0, html.var.auto .sf-c-blueviolet\:0 { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 100%) } html.var[data-theme='auto'] .sf-c-blueviolet\:5, html.var.auto .sf-c-blueviolet\:5 { color: hsl(271, 76%, 5%); background: hsl(271, 76%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-blueviolet\:100\:dark, html.var.dark .sf-c-blu html.var[data-theme='auto'] .sf-c-blueviolet\:90\:dark, html.var.auto .sf-c-blueviolet\:90\:dark { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 10%) } html.var[data-theme='auto'] .sf-c-blueviolet\:95\:dark, html.var.auto .sf-c-blueviolet\:95\:dark { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 5%) } html.var[data-theme='auto'] .sf-c-blueviolet\:100\:dark, html.var.auto .sf-c-blueviolet\:100\:dark { color: hsl(271, 76%, 95%); background: hsl(271, 76%, 0%) } -} -.sf-c-txt-blueviolet { color: hsl(var(--sf-c-txt-blueviolet)) } -.sf-c-txt-blueviolet\:0 { color: hsl(var(--sf-c-txt-blueviolet-0)) } -.sf-c-txt-blueviolet\:5 { color: hsl(var(--sf-c-txt-blueviolet-5)) } -.sf-c-txt-blueviolet\:10 { color: hsl(var(--sf-c-txt-blueviolet-10)) } -.sf-c-txt-blueviolet\:15 { color: hsl(var(--sf-c-txt-blueviolet-15)) } -.sf-c-txt-blueviolet\:20 { color: hsl(var(--sf-c-txt-blueviolet-20)) } -.sf-c-txt-blueviolet\:25 { color: hsl(var(--sf-c-txt-blueviolet-25)) } -.sf-c-txt-blueviolet\:30 { color: hsl(var(--sf-c-txt-blueviolet-30)) } -.sf-c-txt-blueviolet\:35 { color: hsl(var(--sf-c-txt-blueviolet-35)) } -.sf-c-txt-blueviolet\:40 { color: hsl(var(--sf-c-txt-blueviolet-40)) } -.sf-c-txt-blueviolet\:45 { color: hsl(var(--sf-c-txt-blueviolet-45)) } -.sf-c-txt-blueviolet\:50 { color: hsl(var(--sf-c-txt-blueviolet-50)) } -.sf-c-txt-blueviolet\:55 { color: hsl(var(--sf-c-txt-blueviolet-55)) } -.sf-c-txt-blueviolet\:60 { color: hsl(var(--sf-c-txt-blueviolet-60)) } -.sf-c-txt-blueviolet\:65 { color: hsl(var(--sf-c-txt-blueviolet-65)) } -.sf-c-txt-blueviolet\:70 { color: hsl(var(--sf-c-txt-blueviolet-70)) } -.sf-c-txt-blueviolet\:75 { color: hsl(var(--sf-c-txt-blueviolet-75)) } -.sf-c-txt-blueviolet\:80 { color: hsl(var(--sf-c-txt-blueviolet-80)) } -.sf-c-txt-blueviolet\:85 { color: hsl(var(--sf-c-txt-blueviolet-85)) } -.sf-c-txt-blueviolet\:90 { color: hsl(var(--sf-c-txt-blueviolet-90)) } -.sf-c-txt-blueviolet\:95 { color: hsl(var(--sf-c-txt-blueviolet-95)) } -.sf-c-txt-blueviolet\:100 { color: hsl(var(--sf-c-txt-blueviolet-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-blueviolet, html.auto .sf-c-txt-blueviolet { color: hsl(271, 76%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:0, html.auto .sf-c-txt-blueviolet\:0 { color: hsl(271, 76%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:5, html.auto .sf-c-txt-blueviolet\:5 { color: hsl(271, 76%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:10, html.auto .sf-c-txt-blueviolet\:10 { color: hsl(271, 76%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:15, html.auto .sf-c-txt-blueviolet\:15 { color: hsl(271, 76%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:20, html.auto .sf-c-txt-blueviolet\:20 { color: hsl(271, 76%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:25, html.auto .sf-c-txt-blueviolet\:25 { color: hsl(271, 76%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:30, html.auto .sf-c-txt-blueviolet\:30 { color: hsl(271, 76%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:35, html.auto .sf-c-txt-blueviolet\:35 { color: hsl(271, 76%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:40, html.auto .sf-c-txt-blueviolet\:40 { color: hsl(271, 76%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:45, html.auto .sf-c-txt-blueviolet\:45 { color: hsl(271, 76%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:50, html.auto .sf-c-txt-blueviolet\:50 { color: hsl(271, 76%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:55, html.auto .sf-c-txt-blueviolet\:55 { color: hsl(271, 76%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:60, html.auto .sf-c-txt-blueviolet\:60 { color: hsl(271, 76%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:65, html.auto .sf-c-txt-blueviolet\:65 { color: hsl(271, 76%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:70, html.auto .sf-c-txt-blueviolet\:70 { color: hsl(271, 76%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:75, html.auto .sf-c-txt-blueviolet\:75 { color: hsl(271, 76%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:80, html.auto .sf-c-txt-blueviolet\:80 { color: hsl(271, 76%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:85, html.auto .sf-c-txt-blueviolet\:85 { color: hsl(271, 76%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:90, html.auto .sf-c-txt-blueviolet\:90 { color: hsl(271, 76%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:95, html.auto .sf-c-txt-blueviolet\:95 { color: hsl(271, 76%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:100, html.auto .sf-c-txt-blueviolet\:100 { color: hsl(271, 76%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:dark, html.auto .sf-c-txt-blueviolet\:dark { color: hsl(271, 76%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:0\:dark, html.auto .sf-c-txt-blueviolet\:0\:dark { color: hsl(271, 76%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:5\:dark, html.auto .sf-c-txt-blueviolet\:5\:dark { color: hsl(271, 76%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:10\:dark, html.auto .sf-c-txt-blueviolet\:10\:dark { color: hsl(271, 76%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:15\:dark, html.auto .sf-c-txt-blueviolet\:15\:dark { color: hsl(271, 76%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:20\:dark, html.auto .sf-c-txt-blueviolet\:20\:dark { color: hsl(271, 76%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:25\:dark, html.auto .sf-c-txt-blueviolet\:25\:dark { color: hsl(271, 76%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:30\:dark, html.auto .sf-c-txt-blueviolet\:30\:dark { color: hsl(271, 76%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:35\:dark, html.auto .sf-c-txt-blueviolet\:35\:dark { color: hsl(271, 76%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:40\:dark, html.auto .sf-c-txt-blueviolet\:40\:dark { color: hsl(271, 76%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:45\:dark, html.auto .sf-c-txt-blueviolet\:45\:dark { color: hsl(271, 76%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:50\:dark, html.auto .sf-c-txt-blueviolet\:50\:dark { color: hsl(271, 76%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:55\:dark, html.auto .sf-c-txt-blueviolet\:55\:dark { color: hsl(271, 76%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:60\:dark, html.auto .sf-c-txt-blueviolet\:60\:dark { color: hsl(271, 76%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:65\:dark, html.auto .sf-c-txt-blueviolet\:65\:dark { color: hsl(271, 76%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:70\:dark, html.auto .sf-c-txt-blueviolet\:70\:dark { color: hsl(271, 76%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:75\:dark, html.auto .sf-c-txt-blueviolet\:75\:dark { color: hsl(271, 76%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:80\:dark, html.auto .sf-c-txt-blueviolet\:80\:dark { color: hsl(271, 76%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:85\:dark, html.auto .sf-c-txt-blueviolet\:85\:dark { color: hsl(271, 76%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:90\:dark, html.auto .sf-c-txt-blueviolet\:90\:dark { color: hsl(271, 76%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:95\:dark, html.auto .sf-c-txt-blueviolet\:95\:dark { color: hsl(271, 76%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-blueviolet\:100\:dark, html.auto .sf-c-txt-blueviolet\:100\:dark { color: hsl(271, 76%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/brown.css b/src/colors/20/brown.css index e6d6ce6..58ca651 100644 --- a/src/colors/20/brown.css +++ b/src/colors/20/brown.css @@ -138,6 +138,52 @@ html.var .sf-c-brown\:90 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 90%) html.var .sf-c-brown\:95 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 95%) } html.var .sf-c-brown\:100 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 100%) } +.sf-c-txt-brown { color: hsl(var(--sf-dark-c-txt-brown)) } +.sf-c-txt-brown\:0 { color: hsl(var(--sf-dark-c-txt-brown-100)) } +.sf-c-txt-brown\:5 { color: hsl(var(--sf-dark-c-txt-brown-95)) } +.sf-c-txt-brown\:10 { color: hsl(var(--sf-dark-c-txt-brown-90)) } +.sf-c-txt-brown\:15 { color: hsl(var(--sf-dark-c-txt-brown-85)) } +.sf-c-txt-brown\:20 { color: hsl(var(--sf-dark-c-txt-brown-80)) } +.sf-c-txt-brown\:25 { color: hsl(var(--sf-dark-c-txt-brown-75)) } +.sf-c-txt-brown\:30 { color: hsl(var(--sf-dark-c-txt-brown-70)) } +.sf-c-txt-brown\:35 { color: hsl(var(--sf-dark-c-txt-brown-65)) } +.sf-c-txt-brown\:40 { color: hsl(var(--sf-dark-c-txt-brown-60)) } +.sf-c-txt-brown\:45 { color: hsl(var(--sf-dark-c-txt-brown-55)) } +.sf-c-txt-brown\:50 { color: hsl(var(--sf-dark-c-txt-brown-50)) } +.sf-c-txt-brown\:55 { color: hsl(var(--sf-dark-c-txt-brown-45)) } +.sf-c-txt-brown\:60 { color: hsl(var(--sf-dark-c-txt-brown-40)) } +.sf-c-txt-brown\:65 { color: hsl(var(--sf-dark-c-txt-brown-35)) } +.sf-c-txt-brown\:70 { color: hsl(var(--sf-dark-c-txt-brown-30)) } +.sf-c-txt-brown\:75 { color: hsl(var(--sf-dark-c-txt-brown-25)) } +.sf-c-txt-brown\:80 { color: hsl(var(--sf-dark-c-txt-brown-20)) } +.sf-c-txt-brown\:85 { color: hsl(var(--sf-dark-c-txt-brown-15)) } +.sf-c-txt-brown\:90 { color: hsl(var(--sf-dark-c-txt-brown-10)) } +.sf-c-txt-brown\:95 { color: hsl(var(--sf-dark-c-txt-brown-5)) } +.sf-c-txt-brown\:100 { color: hsl(var(--sf-dark-c-txt-brown-0)) } + +html.var .sf-c-txt-brown { color: hsl(0, 59%, 59%) } +html.var .sf-c-txt-brown\:0 { color: hsl(0, 59%, 100%) } +html.var .sf-c-txt-brown\:5 { color: hsl(0, 59%, 95%) } +html.var .sf-c-txt-brown\:10 { color: hsl(0, 59%, 90%) } +html.var .sf-c-txt-brown\:15 { color: hsl(0, 59%, 85%) } +html.var .sf-c-txt-brown\:20 { color: hsl(0, 59%, 80%) } +html.var .sf-c-txt-brown\:25 { color: hsl(0, 59%, 75%) } +html.var .sf-c-txt-brown\:30 { color: hsl(0, 59%, 70%) } +html.var .sf-c-txt-brown\:35 { color: hsl(0, 59%, 65%) } +html.var .sf-c-txt-brown\:40 { color: hsl(0, 59%, 60%) } +html.var .sf-c-txt-brown\:45 { color: hsl(0, 59%, 55%) } +html.var .sf-c-txt-brown\:50 { color: hsl(0, 59%, 50%) } +html.var .sf-c-txt-brown\:55 { color: hsl(0, 59%, 45%) } +html.var .sf-c-txt-brown\:60 { color: hsl(0, 59%, 40%) } +html.var .sf-c-txt-brown\:65 { color: hsl(0, 59%, 35%) } +html.var .sf-c-txt-brown\:70 { color: hsl(0, 59%, 30%) } +html.var .sf-c-txt-brown\:75 { color: hsl(0, 59%, 25%) } +html.var .sf-c-txt-brown\:80 { color: hsl(0, 59%, 20%) } +html.var .sf-c-txt-brown\:85 { color: hsl(0, 59%, 15%) } +html.var .sf-c-txt-brown\:90 { color: hsl(0, 59%, 10%) } +html.var .sf-c-txt-brown\:95 { color: hsl(0, 59%, 5%) } +html.var .sf-c-txt-brown\:100 { color: hsl(0, 59%, 0%) } + html[data-theme='dark'] .sf-c-brown, html.dark .sf-c-brown { color: hsl(var(--sf-dark-c-txt-brown-95)); background: hsl(var(--sf-dark-c-brown)) } html[data-theme='dark'] .sf-c-brown\:0, html.dark .sf-c-brown\:0 { color: hsl(var(--sf-dark-c-txt-brown-95)); background: hsl(var(--sf-dark-c-brown-100)) } html[data-theme='dark'] .sf-c-brown\:5, html.dark .sf-c-brown\:5 { color: hsl(var(--sf-dark-c-txt-brown-5)); background: hsl(var(--sf-dark-c-brown-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-brown\:90\:dark, html.dark .sf-c-brown\:90\:dark { html[data-theme='dark'] .sf-c-brown\:95\:dark, html.dark .sf-c-brown\:95\:dark { color: hsl(var(--sf-c-txt-brown-95)); background: hsl(var(--sf-c-brown-5)) } html[data-theme='dark'] .sf-c-brown\:100\:dark, html.dark .sf-c-brown\:100\:dark { color: hsl(var(--sf-c-txt-brown-95)); background: hsl(var(--sf-c-brown-0)) } +html[data-theme='dark'] .sf-c-txt-brown, html.dark .sf-c-txt-brown { color: hsl(var(--sf-c-txt-brown)) } +html[data-theme='dark'] .sf-c-txt-brown\:0, html.dark .sf-c-txt-brown\:0 { color: hsl(var(--sf-c-txt-brown-0)) } +html[data-theme='dark'] .sf-c-txt-brown\:5, html.dark .sf-c-txt-brown\:5 { color: hsl(var(--sf-c-txt-brown-5)) } +html[data-theme='dark'] .sf-c-txt-brown\:10, html.dark .sf-c-txt-brown\:10 { color: hsl(var(--sf-c-txt-brown-10)) } +html[data-theme='dark'] .sf-c-txt-brown\:15, html.dark .sf-c-txt-brown\:15 { color: hsl(var(--sf-c-txt-brown-15)) } +html[data-theme='dark'] .sf-c-txt-brown\:20, html.dark .sf-c-txt-brown\:20 { color: hsl(var(--sf-c-txt-brown-20)) } +html[data-theme='dark'] .sf-c-txt-brown\:25, html.dark .sf-c-txt-brown\:25 { color: hsl(var(--sf-c-txt-brown-25)) } +html[data-theme='dark'] .sf-c-txt-brown\:30, html.dark .sf-c-txt-brown\:30 { color: hsl(var(--sf-c-txt-brown-30)) } +html[data-theme='dark'] .sf-c-txt-brown\:35, html.dark .sf-c-txt-brown\:35 { color: hsl(var(--sf-c-txt-brown-35)) } +html[data-theme='dark'] .sf-c-txt-brown\:40, html.dark .sf-c-txt-brown\:40 { color: hsl(var(--sf-c-txt-brown-40)) } +html[data-theme='dark'] .sf-c-txt-brown\:45, html.dark .sf-c-txt-brown\:45 { color: hsl(var(--sf-c-txt-brown-45)) } +html[data-theme='dark'] .sf-c-txt-brown\:50, html.dark .sf-c-txt-brown\:50 { color: hsl(var(--sf-c-txt-brown-50)) } +html[data-theme='dark'] .sf-c-txt-brown\:55, html.dark .sf-c-txt-brown\:55 { color: hsl(var(--sf-c-txt-brown-55)) } +html[data-theme='dark'] .sf-c-txt-brown\:60, html.dark .sf-c-txt-brown\:60 { color: hsl(var(--sf-c-txt-brown-60)) } +html[data-theme='dark'] .sf-c-txt-brown\:65, html.dark .sf-c-txt-brown\:65 { color: hsl(var(--sf-c-txt-brown-65)) } +html[data-theme='dark'] .sf-c-txt-brown\:70, html.dark .sf-c-txt-brown\:70 { color: hsl(var(--sf-c-txt-brown-70)) } +html[data-theme='dark'] .sf-c-txt-brown\:75, html.dark .sf-c-txt-brown\:75 { color: hsl(var(--sf-c-txt-brown-75)) } +html[data-theme='dark'] .sf-c-txt-brown\:80, html.dark .sf-c-txt-brown\:80 { color: hsl(var(--sf-c-txt-brown-80)) } +html[data-theme='dark'] .sf-c-txt-brown\:85, html.dark .sf-c-txt-brown\:85 { color: hsl(var(--sf-c-txt-brown-85)) } +html[data-theme='dark'] .sf-c-txt-brown\:90, html.dark .sf-c-txt-brown\:90 { color: hsl(var(--sf-c-txt-brown-90)) } +html[data-theme='dark'] .sf-c-txt-brown\:95, html.dark .sf-c-txt-brown\:95 { color: hsl(var(--sf-c-txt-brown-95)) } +html[data-theme='dark'] .sf-c-txt-brown\:100, html.dark .sf-c-txt-brown\:100 { color: hsl(var(--sf-c-txt-brown-100)) } + +html[data-theme='dark'] .sf-c-txt-brown\:dark, html.dark .sf-c-txt-brown\:dark { color: hsl(var(--sf-c-txt-brown)) } +html[data-theme='dark'] .sf-c-txt-brown\:0\:dark, html.dark .sf-c-txt-brown\:0\:dark { color: hsl(var(--sf-dark-c-txt-brown-0)) } +html[data-theme='dark'] .sf-c-txt-brown\:5\:dark, html.dark .sf-c-txt-brown\:5\:dark { color: hsl(var(--sf-dark-c-txt-brown-5)) } +html[data-theme='dark'] .sf-c-txt-brown\:10\:dark, html.dark .sf-c-txt-brown\:10\:dark { color: hsl(var(--sf-dark-c-txt-brown-10)) } +html[data-theme='dark'] .sf-c-txt-brown\:15\:dark, html.dark .sf-c-txt-brown\:15\:dark { color: hsl(var(--sf-dark-c-txt-brown-15)) } +html[data-theme='dark'] .sf-c-txt-brown\:20\:dark, html.dark .sf-c-txt-brown\:20\:dark { color: hsl(var(--sf-dark-c-txt-brown-20)) } +html[data-theme='dark'] .sf-c-txt-brown\:25\:dark, html.dark .sf-c-txt-brown\:25\:dark { color: hsl(var(--sf-dark-c-txt-brown-25)) } +html[data-theme='dark'] .sf-c-txt-brown\:30\:dark, html.dark .sf-c-txt-brown\:30\:dark { color: hsl(var(--sf-dark-c-txt-brown-30)) } +html[data-theme='dark'] .sf-c-txt-brown\:35\:dark, html.dark .sf-c-txt-brown\:35\:dark { color: hsl(var(--sf-dark-c-txt-brown-35)) } +html[data-theme='dark'] .sf-c-txt-brown\:40\:dark, html.dark .sf-c-txt-brown\:40\:dark { color: hsl(var(--sf-dark-c-txt-brown-40)) } +html[data-theme='dark'] .sf-c-txt-brown\:45\:dark, html.dark .sf-c-txt-brown\:45\:dark { color: hsl(var(--sf-dark-c-txt-brown-45)) } +html[data-theme='dark'] .sf-c-txt-brown\:50\:dark, html.dark .sf-c-txt-brown\:50\:dark { color: hsl(var(--sf-dark-c-txt-brown-50)) } +html[data-theme='dark'] .sf-c-txt-brown\:55\:dark, html.dark .sf-c-txt-brown\:55\:dark { color: hsl(var(--sf-dark-c-txt-brown-55)) } +html[data-theme='dark'] .sf-c-txt-brown\:60\:dark, html.dark .sf-c-txt-brown\:60\:dark { color: hsl(var(--sf-dark-c-txt-brown-60)) } +html[data-theme='dark'] .sf-c-txt-brown\:65\:dark, html.dark .sf-c-txt-brown\:65\:dark { color: hsl(var(--sf-dark-c-txt-brown-65)) } +html[data-theme='dark'] .sf-c-txt-brown\:70\:dark, html.dark .sf-c-txt-brown\:70\:dark { color: hsl(var(--sf-dark-c-txt-brown-70)) } +html[data-theme='dark'] .sf-c-txt-brown\:75\:dark, html.dark .sf-c-txt-brown\:75\:dark { color: hsl(var(--sf-dark-c-txt-brown-75)) } +html[data-theme='dark'] .sf-c-txt-brown\:80\:dark, html.dark .sf-c-txt-brown\:80\:dark { color: hsl(var(--sf-dark-c-txt-brown-80)) } +html[data-theme='dark'] .sf-c-txt-brown\:85\:dark, html.dark .sf-c-txt-brown\:85\:dark { color: hsl(var(--sf-dark-c-txt-brown-85)) } +html[data-theme='dark'] .sf-c-txt-brown\:90\:dark, html.dark .sf-c-txt-brown\:90\:dark { color: hsl(var(--sf-dark-c-txt-brown-90)) } +html[data-theme='dark'] .sf-c-txt-brown\:95\:dark, html.dark .sf-c-txt-brown\:95\:dark { color: hsl(var(--sf-dark-c-txt-brown-95)) } +html[data-theme='dark'] .sf-c-txt-brown\:100\:dark, html.dark .sf-c-txt-brown\:100\:dark { color: hsl(var(--sf-dark-c-txt-brown-100)) } + html.var[data-theme='dark'] .sf-c-brown, html.var.dark .sf-c-brown { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 59%) } html.var[data-theme='dark'] .sf-c-brown\:0, html.var.dark .sf-c-brown\:0 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 100%) } html.var[data-theme='dark'] .sf-c-brown\:5, html.var.dark .sf-c-brown\:5 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-brown\:90\:dark, html.var.dark .sf-c-brown\:90 html.var[data-theme='dark'] .sf-c-brown\:95\:dark, html.var.dark .sf-c-brown\:95\:dark { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 5%) } html.var[data-theme='dark'] .sf-c-brown\:100\:dark, html.var.dark .sf-c-brown\:100\:dark { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-brown, html.dark .sf-c-txt-brown { color: hsl(0, 59%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:0, html.dark .sf-c-txt-brown\:0 { color: hsl(0, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:5, html.dark .sf-c-txt-brown\:5 { color: hsl(0, 59%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:10, html.dark .sf-c-txt-brown\:10 { color: hsl(0, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:15, html.dark .sf-c-txt-brown\:15 { color: hsl(0, 59%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:20, html.dark .sf-c-txt-brown\:20 { color: hsl(0, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:25, html.dark .sf-c-txt-brown\:25 { color: hsl(0, 59%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:30, html.dark .sf-c-txt-brown\:30 { color: hsl(0, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:35, html.dark .sf-c-txt-brown\:35 { color: hsl(0, 59%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:40, html.dark .sf-c-txt-brown\:40 { color: hsl(0, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:45, html.dark .sf-c-txt-brown\:45 { color: hsl(0, 59%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:50, html.dark .sf-c-txt-brown\:50 { color: hsl(0, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:55, html.dark .sf-c-txt-brown\:55 { color: hsl(0, 59%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:60, html.dark .sf-c-txt-brown\:60 { color: hsl(0, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:65, html.dark .sf-c-txt-brown\:65 { color: hsl(0, 59%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:70, html.dark .sf-c-txt-brown\:70 { color: hsl(0, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:75, html.dark .sf-c-txt-brown\:75 { color: hsl(0, 59%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:80, html.dark .sf-c-txt-brown\:80 { color: hsl(0, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:85, html.dark .sf-c-txt-brown\:85 { color: hsl(0, 59%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:90, html.dark .sf-c-txt-brown\:90 { color: hsl(0, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:95, html.dark .sf-c-txt-brown\:95 { color: hsl(0, 59%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:100, html.dark .sf-c-txt-brown\:100 { color: hsl(0, 59%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-brown\:dark, html.dark .sf-c-txt-brown\:dark { color: hsl(0, 59%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:0\:dark, html.dark .sf-c-txt-brown\:0\:dark { color: hsl(0, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:5\:dark, html.dark .sf-c-txt-brown\:5\:dark { color: hsl(0, 59%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:10\:dark, html.dark .sf-c-txt-brown\:10\:dark { color: hsl(0, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:15\:dark, html.dark .sf-c-txt-brown\:15\:dark { color: hsl(0, 59%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:20\:dark, html.dark .sf-c-txt-brown\:20\:dark { color: hsl(0, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:25\:dark, html.dark .sf-c-txt-brown\:25\:dark { color: hsl(0, 59%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:30\:dark, html.dark .sf-c-txt-brown\:30\:dark { color: hsl(0, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:35\:dark, html.dark .sf-c-txt-brown\:35\:dark { color: hsl(0, 59%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:40\:dark, html.dark .sf-c-txt-brown\:40\:dark { color: hsl(0, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:45\:dark, html.dark .sf-c-txt-brown\:45\:dark { color: hsl(0, 59%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:50\:dark, html.dark .sf-c-txt-brown\:50\:dark { color: hsl(0, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:55\:dark, html.dark .sf-c-txt-brown\:55\:dark { color: hsl(0, 59%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:60\:dark, html.dark .sf-c-txt-brown\:60\:dark { color: hsl(0, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:65\:dark, html.dark .sf-c-txt-brown\:65\:dark { color: hsl(0, 59%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:70\:dark, html.dark .sf-c-txt-brown\:70\:dark { color: hsl(0, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:75\:dark, html.dark .sf-c-txt-brown\:75\:dark { color: hsl(0, 59%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:80\:dark, html.dark .sf-c-txt-brown\:80\:dark { color: hsl(0, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:85\:dark, html.dark .sf-c-txt-brown\:85\:dark { color: hsl(0, 59%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:90\:dark, html.dark .sf-c-txt-brown\:90\:dark { color: hsl(0, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:95\:dark, html.dark .sf-c-txt-brown\:95\:dark { color: hsl(0, 59%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-brown\:100\:dark, html.dark .sf-c-txt-brown\:100\:dark { color: hsl(0, 59%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-brown, html.auto .sf-c-brown { color: hsl(var(--sf-dark-c-txt-brown-95)); background: hsl(var(--sf-dark-c-brown)) } html[data-theme='auto'] .sf-c-brown\:0, html.auto .sf-c-brown\:0 { color: hsl(var(--sf-dark-c-txt-brown-95)); background: hsl(var(--sf-dark-c-brown-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-brown\:100\:dark, html.var.dark .sf-c-brown\:1 html[data-theme='auto'] .sf-c-brown\:95\:dark, html.auto .sf-c-brown\:95\:dark { color: hsl(var(--sf-c-txt-brown-95)); background: hsl(var(--sf-c-brown-5)) } html[data-theme='auto'] .sf-c-brown\:100\:dark, html.auto .sf-c-brown\:100\:dark { color: hsl(var(--sf-c-txt-brown-95)); background: hsl(var(--sf-c-brown-0)) } + html[data-theme='auto'] .sf-c-txt-brown, html.auto .sf-c-txt-brown { color: hsl(var(--sf-c-txt-brown)) } + html[data-theme='auto'] .sf-c-txt-brown\:0, html.auto .sf-c-txt-brown\:0 { color: hsl(var(--sf-c-txt-brown-0)) } + html[data-theme='auto'] .sf-c-txt-brown\:5, html.auto .sf-c-txt-brown\:5 { color: hsl(var(--sf-c-txt-brown-5)) } + html[data-theme='auto'] .sf-c-txt-brown\:10, html.auto .sf-c-txt-brown\:10 { color: hsl(var(--sf-c-txt-brown-10)) } + html[data-theme='auto'] .sf-c-txt-brown\:15, html.auto .sf-c-txt-brown\:15 { color: hsl(var(--sf-c-txt-brown-15)) } + html[data-theme='auto'] .sf-c-txt-brown\:20, html.auto .sf-c-txt-brown\:20 { color: hsl(var(--sf-c-txt-brown-20)) } + html[data-theme='auto'] .sf-c-txt-brown\:25, html.auto .sf-c-txt-brown\:25 { color: hsl(var(--sf-c-txt-brown-25)) } + html[data-theme='auto'] .sf-c-txt-brown\:30, html.auto .sf-c-txt-brown\:30 { color: hsl(var(--sf-c-txt-brown-30)) } + html[data-theme='auto'] .sf-c-txt-brown\:35, html.auto .sf-c-txt-brown\:35 { color: hsl(var(--sf-c-txt-brown-35)) } + html[data-theme='auto'] .sf-c-txt-brown\:40, html.auto .sf-c-txt-brown\:40 { color: hsl(var(--sf-c-txt-brown-40)) } + html[data-theme='auto'] .sf-c-txt-brown\:45, html.auto .sf-c-txt-brown\:45 { color: hsl(var(--sf-c-txt-brown-45)) } + html[data-theme='auto'] .sf-c-txt-brown\:50, html.auto .sf-c-txt-brown\:50 { color: hsl(var(--sf-c-txt-brown-50)) } + html[data-theme='auto'] .sf-c-txt-brown\:55, html.auto .sf-c-txt-brown\:55 { color: hsl(var(--sf-c-txt-brown-55)) } + html[data-theme='auto'] .sf-c-txt-brown\:60, html.auto .sf-c-txt-brown\:60 { color: hsl(var(--sf-c-txt-brown-60)) } + html[data-theme='auto'] .sf-c-txt-brown\:65, html.auto .sf-c-txt-brown\:65 { color: hsl(var(--sf-c-txt-brown-65)) } + html[data-theme='auto'] .sf-c-txt-brown\:70, html.auto .sf-c-txt-brown\:70 { color: hsl(var(--sf-c-txt-brown-70)) } + html[data-theme='auto'] .sf-c-txt-brown\:75, html.auto .sf-c-txt-brown\:75 { color: hsl(var(--sf-c-txt-brown-75)) } + html[data-theme='auto'] .sf-c-txt-brown\:80, html.auto .sf-c-txt-brown\:80 { color: hsl(var(--sf-c-txt-brown-80)) } + html[data-theme='auto'] .sf-c-txt-brown\:85, html.auto .sf-c-txt-brown\:85 { color: hsl(var(--sf-c-txt-brown-85)) } + html[data-theme='auto'] .sf-c-txt-brown\:90, html.auto .sf-c-txt-brown\:90 { color: hsl(var(--sf-c-txt-brown-90)) } + html[data-theme='auto'] .sf-c-txt-brown\:95, html.auto .sf-c-txt-brown\:95 { color: hsl(var(--sf-c-txt-brown-95)) } + html[data-theme='auto'] .sf-c-txt-brown\:100, html.auto .sf-c-txt-brown\:100 { color: hsl(var(--sf-c-txt-brown-100)) } + + html[data-theme='auto'] .sf-c-txt-brown\:dark, html.auto .sf-c-txt-brown\:dark { color: hsl(var(--sf-c-txt-brown)) } + html[data-theme='auto'] .sf-c-txt-brown\:0\:dark, html.auto .sf-c-txt-brown\:0\:dark { color: hsl(var(--sf-c-txt-brown-0)) } + html[data-theme='auto'] .sf-c-txt-brown\:5\:dark, html.auto .sf-c-txt-brown\:5\:dark { color: hsl(var(--sf-c-txt-brown-5)) } + html[data-theme='auto'] .sf-c-txt-brown\:10\:dark, html.auto .sf-c-txt-brown\:10\:dark { color: hsl(var(--sf-c-txt-brown-10)) } + html[data-theme='auto'] .sf-c-txt-brown\:15\:dark, html.auto .sf-c-txt-brown\:15\:dark { color: hsl(var(--sf-c-txt-brown-15)) } + html[data-theme='auto'] .sf-c-txt-brown\:20\:dark, html.auto .sf-c-txt-brown\:20\:dark { color: hsl(var(--sf-c-txt-brown-20)) } + html[data-theme='auto'] .sf-c-txt-brown\:25\:dark, html.auto .sf-c-txt-brown\:25\:dark { color: hsl(var(--sf-c-txt-brown-25)) } + html[data-theme='auto'] .sf-c-txt-brown\:30\:dark, html.auto .sf-c-txt-brown\:30\:dark { color: hsl(var(--sf-c-txt-brown-30)) } + html[data-theme='auto'] .sf-c-txt-brown\:35\:dark, html.auto .sf-c-txt-brown\:35\:dark { color: hsl(var(--sf-c-txt-brown-35)) } + html[data-theme='auto'] .sf-c-txt-brown\:40\:dark, html.auto .sf-c-txt-brown\:40\:dark { color: hsl(var(--sf-c-txt-brown-40)) } + html[data-theme='auto'] .sf-c-txt-brown\:45\:dark, html.auto .sf-c-txt-brown\:45\:dark { color: hsl(var(--sf-c-txt-brown-45)) } + html[data-theme='auto'] .sf-c-txt-brown\:50\:dark, html.auto .sf-c-txt-brown\:50\:dark { color: hsl(var(--sf-c-txt-brown-50)) } + html[data-theme='auto'] .sf-c-txt-brown\:55\:dark, html.auto .sf-c-txt-brown\:55\:dark { color: hsl(var(--sf-c-txt-brown-55)) } + html[data-theme='auto'] .sf-c-txt-brown\:60\:dark, html.auto .sf-c-txt-brown\:60\:dark { color: hsl(var(--sf-c-txt-brown-60)) } + html[data-theme='auto'] .sf-c-txt-brown\:65\:dark, html.auto .sf-c-txt-brown\:65\:dark { color: hsl(var(--sf-c-txt-brown-65)) } + html[data-theme='auto'] .sf-c-txt-brown\:70\:dark, html.auto .sf-c-txt-brown\:70\:dark { color: hsl(var(--sf-c-txt-brown-70)) } + html[data-theme='auto'] .sf-c-txt-brown\:75\:dark, html.auto .sf-c-txt-brown\:75\:dark { color: hsl(var(--sf-c-txt-brown-75)) } + html[data-theme='auto'] .sf-c-txt-brown\:80\:dark, html.auto .sf-c-txt-brown\:80\:dark { color: hsl(var(--sf-c-txt-brown-80)) } + html[data-theme='auto'] .sf-c-txt-brown\:85\:dark, html.auto .sf-c-txt-brown\:85\:dark { color: hsl(var(--sf-c-txt-brown-85)) } + html[data-theme='auto'] .sf-c-txt-brown\:90\:dark, html.auto .sf-c-txt-brown\:90\:dark { color: hsl(var(--sf-c-txt-brown-90)) } + html[data-theme='auto'] .sf-c-txt-brown\:95\:dark, html.auto .sf-c-txt-brown\:95\:dark { color: hsl(var(--sf-c-txt-brown-95)) } + html[data-theme='auto'] .sf-c-txt-brown\:100\:dark, html.auto .sf-c-txt-brown\:100\:dark { color: hsl(var(--sf-c-txt-brown-100)) } + html.var[data-theme='auto'] .sf-c-brown, html.var.auto .sf-c-brown { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 59%) } html.var[data-theme='auto'] .sf-c-brown\:0, html.var.auto .sf-c-brown\:0 { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 100%) } html.var[data-theme='auto'] .sf-c-brown\:5, html.var.auto .sf-c-brown\:5 { color: hsl(0, 59%, 5%); background: hsl(0, 59%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-brown\:100\:dark, html.var.dark .sf-c-brown\:1 html.var[data-theme='auto'] .sf-c-brown\:90\:dark, html.var.auto .sf-c-brown\:90\:dark { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 10%) } html.var[data-theme='auto'] .sf-c-brown\:95\:dark, html.var.auto .sf-c-brown\:95\:dark { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 5%) } html.var[data-theme='auto'] .sf-c-brown\:100\:dark, html.var.auto .sf-c-brown\:100\:dark { color: hsl(0, 59%, 95%); background: hsl(0, 59%, 0%) } -} -.sf-c-txt-brown { color: hsl(var(--sf-c-txt-brown)) } -.sf-c-txt-brown\:0 { color: hsl(var(--sf-c-txt-brown-0)) } -.sf-c-txt-brown\:5 { color: hsl(var(--sf-c-txt-brown-5)) } -.sf-c-txt-brown\:10 { color: hsl(var(--sf-c-txt-brown-10)) } -.sf-c-txt-brown\:15 { color: hsl(var(--sf-c-txt-brown-15)) } -.sf-c-txt-brown\:20 { color: hsl(var(--sf-c-txt-brown-20)) } -.sf-c-txt-brown\:25 { color: hsl(var(--sf-c-txt-brown-25)) } -.sf-c-txt-brown\:30 { color: hsl(var(--sf-c-txt-brown-30)) } -.sf-c-txt-brown\:35 { color: hsl(var(--sf-c-txt-brown-35)) } -.sf-c-txt-brown\:40 { color: hsl(var(--sf-c-txt-brown-40)) } -.sf-c-txt-brown\:45 { color: hsl(var(--sf-c-txt-brown-45)) } -.sf-c-txt-brown\:50 { color: hsl(var(--sf-c-txt-brown-50)) } -.sf-c-txt-brown\:55 { color: hsl(var(--sf-c-txt-brown-55)) } -.sf-c-txt-brown\:60 { color: hsl(var(--sf-c-txt-brown-60)) } -.sf-c-txt-brown\:65 { color: hsl(var(--sf-c-txt-brown-65)) } -.sf-c-txt-brown\:70 { color: hsl(var(--sf-c-txt-brown-70)) } -.sf-c-txt-brown\:75 { color: hsl(var(--sf-c-txt-brown-75)) } -.sf-c-txt-brown\:80 { color: hsl(var(--sf-c-txt-brown-80)) } -.sf-c-txt-brown\:85 { color: hsl(var(--sf-c-txt-brown-85)) } -.sf-c-txt-brown\:90 { color: hsl(var(--sf-c-txt-brown-90)) } -.sf-c-txt-brown\:95 { color: hsl(var(--sf-c-txt-brown-95)) } -.sf-c-txt-brown\:100 { color: hsl(var(--sf-c-txt-brown-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-brown, html.auto .sf-c-txt-brown { color: hsl(0, 59%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:0, html.auto .sf-c-txt-brown\:0 { color: hsl(0, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:5, html.auto .sf-c-txt-brown\:5 { color: hsl(0, 59%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:10, html.auto .sf-c-txt-brown\:10 { color: hsl(0, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:15, html.auto .sf-c-txt-brown\:15 { color: hsl(0, 59%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:20, html.auto .sf-c-txt-brown\:20 { color: hsl(0, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:25, html.auto .sf-c-txt-brown\:25 { color: hsl(0, 59%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:30, html.auto .sf-c-txt-brown\:30 { color: hsl(0, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:35, html.auto .sf-c-txt-brown\:35 { color: hsl(0, 59%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:40, html.auto .sf-c-txt-brown\:40 { color: hsl(0, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:45, html.auto .sf-c-txt-brown\:45 { color: hsl(0, 59%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:50, html.auto .sf-c-txt-brown\:50 { color: hsl(0, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:55, html.auto .sf-c-txt-brown\:55 { color: hsl(0, 59%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:60, html.auto .sf-c-txt-brown\:60 { color: hsl(0, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:65, html.auto .sf-c-txt-brown\:65 { color: hsl(0, 59%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:70, html.auto .sf-c-txt-brown\:70 { color: hsl(0, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:75, html.auto .sf-c-txt-brown\:75 { color: hsl(0, 59%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:80, html.auto .sf-c-txt-brown\:80 { color: hsl(0, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:85, html.auto .sf-c-txt-brown\:85 { color: hsl(0, 59%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:90, html.auto .sf-c-txt-brown\:90 { color: hsl(0, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:95, html.auto .sf-c-txt-brown\:95 { color: hsl(0, 59%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:100, html.auto .sf-c-txt-brown\:100 { color: hsl(0, 59%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-brown\:dark, html.auto .sf-c-txt-brown\:dark { color: hsl(0, 59%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:0\:dark, html.auto .sf-c-txt-brown\:0\:dark { color: hsl(0, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:5\:dark, html.auto .sf-c-txt-brown\:5\:dark { color: hsl(0, 59%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:10\:dark, html.auto .sf-c-txt-brown\:10\:dark { color: hsl(0, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:15\:dark, html.auto .sf-c-txt-brown\:15\:dark { color: hsl(0, 59%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:20\:dark, html.auto .sf-c-txt-brown\:20\:dark { color: hsl(0, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:25\:dark, html.auto .sf-c-txt-brown\:25\:dark { color: hsl(0, 59%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:30\:dark, html.auto .sf-c-txt-brown\:30\:dark { color: hsl(0, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:35\:dark, html.auto .sf-c-txt-brown\:35\:dark { color: hsl(0, 59%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:40\:dark, html.auto .sf-c-txt-brown\:40\:dark { color: hsl(0, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:45\:dark, html.auto .sf-c-txt-brown\:45\:dark { color: hsl(0, 59%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:50\:dark, html.auto .sf-c-txt-brown\:50\:dark { color: hsl(0, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:55\:dark, html.auto .sf-c-txt-brown\:55\:dark { color: hsl(0, 59%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:60\:dark, html.auto .sf-c-txt-brown\:60\:dark { color: hsl(0, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:65\:dark, html.auto .sf-c-txt-brown\:65\:dark { color: hsl(0, 59%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:70\:dark, html.auto .sf-c-txt-brown\:70\:dark { color: hsl(0, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:75\:dark, html.auto .sf-c-txt-brown\:75\:dark { color: hsl(0, 59%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:80\:dark, html.auto .sf-c-txt-brown\:80\:dark { color: hsl(0, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:85\:dark, html.auto .sf-c-txt-brown\:85\:dark { color: hsl(0, 59%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:90\:dark, html.auto .sf-c-txt-brown\:90\:dark { color: hsl(0, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:95\:dark, html.auto .sf-c-txt-brown\:95\:dark { color: hsl(0, 59%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-brown\:100\:dark, html.auto .sf-c-txt-brown\:100\:dark { color: hsl(0, 59%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/burlywood.css b/src/colors/20/burlywood.css index 11637df..71d18f2 100644 --- a/src/colors/20/burlywood.css +++ b/src/colors/20/burlywood.css @@ -138,6 +138,52 @@ html.var .sf-c-burlywood\:90 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, html.var .sf-c-burlywood\:95 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 95%) } html.var .sf-c-burlywood\:100 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 100%) } +.sf-c-txt-burlywood { color: hsl(var(--sf-dark-c-txt-burlywood)) } +.sf-c-txt-burlywood\:0 { color: hsl(var(--sf-dark-c-txt-burlywood-100)) } +.sf-c-txt-burlywood\:5 { color: hsl(var(--sf-dark-c-txt-burlywood-95)) } +.sf-c-txt-burlywood\:10 { color: hsl(var(--sf-dark-c-txt-burlywood-90)) } +.sf-c-txt-burlywood\:15 { color: hsl(var(--sf-dark-c-txt-burlywood-85)) } +.sf-c-txt-burlywood\:20 { color: hsl(var(--sf-dark-c-txt-burlywood-80)) } +.sf-c-txt-burlywood\:25 { color: hsl(var(--sf-dark-c-txt-burlywood-75)) } +.sf-c-txt-burlywood\:30 { color: hsl(var(--sf-dark-c-txt-burlywood-70)) } +.sf-c-txt-burlywood\:35 { color: hsl(var(--sf-dark-c-txt-burlywood-65)) } +.sf-c-txt-burlywood\:40 { color: hsl(var(--sf-dark-c-txt-burlywood-60)) } +.sf-c-txt-burlywood\:45 { color: hsl(var(--sf-dark-c-txt-burlywood-55)) } +.sf-c-txt-burlywood\:50 { color: hsl(var(--sf-dark-c-txt-burlywood-50)) } +.sf-c-txt-burlywood\:55 { color: hsl(var(--sf-dark-c-txt-burlywood-45)) } +.sf-c-txt-burlywood\:60 { color: hsl(var(--sf-dark-c-txt-burlywood-40)) } +.sf-c-txt-burlywood\:65 { color: hsl(var(--sf-dark-c-txt-burlywood-35)) } +.sf-c-txt-burlywood\:70 { color: hsl(var(--sf-dark-c-txt-burlywood-30)) } +.sf-c-txt-burlywood\:75 { color: hsl(var(--sf-dark-c-txt-burlywood-25)) } +.sf-c-txt-burlywood\:80 { color: hsl(var(--sf-dark-c-txt-burlywood-20)) } +.sf-c-txt-burlywood\:85 { color: hsl(var(--sf-dark-c-txt-burlywood-15)) } +.sf-c-txt-burlywood\:90 { color: hsl(var(--sf-dark-c-txt-burlywood-10)) } +.sf-c-txt-burlywood\:95 { color: hsl(var(--sf-dark-c-txt-burlywood-5)) } +.sf-c-txt-burlywood\:100 { color: hsl(var(--sf-dark-c-txt-burlywood-0)) } + +html.var .sf-c-txt-burlywood { color: hsl(34, 57%, 30%) } +html.var .sf-c-txt-burlywood\:0 { color: hsl(34, 57%, 100%) } +html.var .sf-c-txt-burlywood\:5 { color: hsl(34, 57%, 95%) } +html.var .sf-c-txt-burlywood\:10 { color: hsl(34, 57%, 90%) } +html.var .sf-c-txt-burlywood\:15 { color: hsl(34, 57%, 85%) } +html.var .sf-c-txt-burlywood\:20 { color: hsl(34, 57%, 80%) } +html.var .sf-c-txt-burlywood\:25 { color: hsl(34, 57%, 75%) } +html.var .sf-c-txt-burlywood\:30 { color: hsl(34, 57%, 70%) } +html.var .sf-c-txt-burlywood\:35 { color: hsl(34, 57%, 65%) } +html.var .sf-c-txt-burlywood\:40 { color: hsl(34, 57%, 60%) } +html.var .sf-c-txt-burlywood\:45 { color: hsl(34, 57%, 55%) } +html.var .sf-c-txt-burlywood\:50 { color: hsl(34, 57%, 50%) } +html.var .sf-c-txt-burlywood\:55 { color: hsl(34, 57%, 45%) } +html.var .sf-c-txt-burlywood\:60 { color: hsl(34, 57%, 40%) } +html.var .sf-c-txt-burlywood\:65 { color: hsl(34, 57%, 35%) } +html.var .sf-c-txt-burlywood\:70 { color: hsl(34, 57%, 30%) } +html.var .sf-c-txt-burlywood\:75 { color: hsl(34, 57%, 25%) } +html.var .sf-c-txt-burlywood\:80 { color: hsl(34, 57%, 20%) } +html.var .sf-c-txt-burlywood\:85 { color: hsl(34, 57%, 15%) } +html.var .sf-c-txt-burlywood\:90 { color: hsl(34, 57%, 10%) } +html.var .sf-c-txt-burlywood\:95 { color: hsl(34, 57%, 5%) } +html.var .sf-c-txt-burlywood\:100 { color: hsl(34, 57%, 0%) } + html[data-theme='dark'] .sf-c-burlywood, html.dark .sf-c-burlywood { color: hsl(var(--sf-dark-c-txt-burlywood-95)); background: hsl(var(--sf-dark-c-burlywood)) } html[data-theme='dark'] .sf-c-burlywood\:0, html.dark .sf-c-burlywood\:0 { color: hsl(var(--sf-dark-c-txt-burlywood-95)); background: hsl(var(--sf-dark-c-burlywood-100)) } html[data-theme='dark'] .sf-c-burlywood\:5, html.dark .sf-c-burlywood\:5 { color: hsl(var(--sf-dark-c-txt-burlywood-5)); background: hsl(var(--sf-dark-c-burlywood-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-burlywood\:90\:dark, html.dark .sf-c-burlywood\:90 html[data-theme='dark'] .sf-c-burlywood\:95\:dark, html.dark .sf-c-burlywood\:95\:dark { color: hsl(var(--sf-c-txt-burlywood-95)); background: hsl(var(--sf-c-burlywood-5)) } html[data-theme='dark'] .sf-c-burlywood\:100\:dark, html.dark .sf-c-burlywood\:100\:dark { color: hsl(var(--sf-c-txt-burlywood-95)); background: hsl(var(--sf-c-burlywood-0)) } +html[data-theme='dark'] .sf-c-txt-burlywood, html.dark .sf-c-txt-burlywood { color: hsl(var(--sf-c-txt-burlywood)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:0, html.dark .sf-c-txt-burlywood\:0 { color: hsl(var(--sf-c-txt-burlywood-0)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:5, html.dark .sf-c-txt-burlywood\:5 { color: hsl(var(--sf-c-txt-burlywood-5)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:10, html.dark .sf-c-txt-burlywood\:10 { color: hsl(var(--sf-c-txt-burlywood-10)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:15, html.dark .sf-c-txt-burlywood\:15 { color: hsl(var(--sf-c-txt-burlywood-15)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:20, html.dark .sf-c-txt-burlywood\:20 { color: hsl(var(--sf-c-txt-burlywood-20)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:25, html.dark .sf-c-txt-burlywood\:25 { color: hsl(var(--sf-c-txt-burlywood-25)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:30, html.dark .sf-c-txt-burlywood\:30 { color: hsl(var(--sf-c-txt-burlywood-30)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:35, html.dark .sf-c-txt-burlywood\:35 { color: hsl(var(--sf-c-txt-burlywood-35)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:40, html.dark .sf-c-txt-burlywood\:40 { color: hsl(var(--sf-c-txt-burlywood-40)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:45, html.dark .sf-c-txt-burlywood\:45 { color: hsl(var(--sf-c-txt-burlywood-45)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:50, html.dark .sf-c-txt-burlywood\:50 { color: hsl(var(--sf-c-txt-burlywood-50)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:55, html.dark .sf-c-txt-burlywood\:55 { color: hsl(var(--sf-c-txt-burlywood-55)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:60, html.dark .sf-c-txt-burlywood\:60 { color: hsl(var(--sf-c-txt-burlywood-60)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:65, html.dark .sf-c-txt-burlywood\:65 { color: hsl(var(--sf-c-txt-burlywood-65)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:70, html.dark .sf-c-txt-burlywood\:70 { color: hsl(var(--sf-c-txt-burlywood-70)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:75, html.dark .sf-c-txt-burlywood\:75 { color: hsl(var(--sf-c-txt-burlywood-75)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:80, html.dark .sf-c-txt-burlywood\:80 { color: hsl(var(--sf-c-txt-burlywood-80)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:85, html.dark .sf-c-txt-burlywood\:85 { color: hsl(var(--sf-c-txt-burlywood-85)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:90, html.dark .sf-c-txt-burlywood\:90 { color: hsl(var(--sf-c-txt-burlywood-90)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:95, html.dark .sf-c-txt-burlywood\:95 { color: hsl(var(--sf-c-txt-burlywood-95)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:100, html.dark .sf-c-txt-burlywood\:100 { color: hsl(var(--sf-c-txt-burlywood-100)) } + +html[data-theme='dark'] .sf-c-txt-burlywood\:dark, html.dark .sf-c-txt-burlywood\:dark { color: hsl(var(--sf-c-txt-burlywood)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:0\:dark, html.dark .sf-c-txt-burlywood\:0\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-0)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:5\:dark, html.dark .sf-c-txt-burlywood\:5\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-5)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:10\:dark, html.dark .sf-c-txt-burlywood\:10\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-10)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:15\:dark, html.dark .sf-c-txt-burlywood\:15\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-15)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:20\:dark, html.dark .sf-c-txt-burlywood\:20\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-20)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:25\:dark, html.dark .sf-c-txt-burlywood\:25\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-25)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:30\:dark, html.dark .sf-c-txt-burlywood\:30\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-30)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:35\:dark, html.dark .sf-c-txt-burlywood\:35\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-35)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:40\:dark, html.dark .sf-c-txt-burlywood\:40\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-40)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:45\:dark, html.dark .sf-c-txt-burlywood\:45\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-45)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:50\:dark, html.dark .sf-c-txt-burlywood\:50\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-50)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:55\:dark, html.dark .sf-c-txt-burlywood\:55\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-55)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:60\:dark, html.dark .sf-c-txt-burlywood\:60\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-60)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:65\:dark, html.dark .sf-c-txt-burlywood\:65\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-65)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:70\:dark, html.dark .sf-c-txt-burlywood\:70\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-70)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:75\:dark, html.dark .sf-c-txt-burlywood\:75\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-75)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:80\:dark, html.dark .sf-c-txt-burlywood\:80\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-80)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:85\:dark, html.dark .sf-c-txt-burlywood\:85\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-85)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:90\:dark, html.dark .sf-c-txt-burlywood\:90\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-90)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:95\:dark, html.dark .sf-c-txt-burlywood\:95\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-95)) } +html[data-theme='dark'] .sf-c-txt-burlywood\:100\:dark, html.dark .sf-c-txt-burlywood\:100\:dark { color: hsl(var(--sf-dark-c-txt-burlywood-100)) } + html.var[data-theme='dark'] .sf-c-burlywood, html.var.dark .sf-c-burlywood { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 30%) } html.var[data-theme='dark'] .sf-c-burlywood\:0, html.var.dark .sf-c-burlywood\:0 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 100%) } html.var[data-theme='dark'] .sf-c-burlywood\:5, html.var.dark .sf-c-burlywood\:5 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-burlywood\:90\:dark, html.var.dark .sf-c-burly html.var[data-theme='dark'] .sf-c-burlywood\:95\:dark, html.var.dark .sf-c-burlywood\:95\:dark { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 5%) } html.var[data-theme='dark'] .sf-c-burlywood\:100\:dark, html.var.dark .sf-c-burlywood\:100\:dark { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood, html.dark .sf-c-txt-burlywood { color: hsl(34, 57%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:0, html.dark .sf-c-txt-burlywood\:0 { color: hsl(34, 57%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:5, html.dark .sf-c-txt-burlywood\:5 { color: hsl(34, 57%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:10, html.dark .sf-c-txt-burlywood\:10 { color: hsl(34, 57%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:15, html.dark .sf-c-txt-burlywood\:15 { color: hsl(34, 57%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:20, html.dark .sf-c-txt-burlywood\:20 { color: hsl(34, 57%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:25, html.dark .sf-c-txt-burlywood\:25 { color: hsl(34, 57%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:30, html.dark .sf-c-txt-burlywood\:30 { color: hsl(34, 57%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:35, html.dark .sf-c-txt-burlywood\:35 { color: hsl(34, 57%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:40, html.dark .sf-c-txt-burlywood\:40 { color: hsl(34, 57%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:45, html.dark .sf-c-txt-burlywood\:45 { color: hsl(34, 57%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:50, html.dark .sf-c-txt-burlywood\:50 { color: hsl(34, 57%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:55, html.dark .sf-c-txt-burlywood\:55 { color: hsl(34, 57%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:60, html.dark .sf-c-txt-burlywood\:60 { color: hsl(34, 57%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:65, html.dark .sf-c-txt-burlywood\:65 { color: hsl(34, 57%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:70, html.dark .sf-c-txt-burlywood\:70 { color: hsl(34, 57%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:75, html.dark .sf-c-txt-burlywood\:75 { color: hsl(34, 57%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:80, html.dark .sf-c-txt-burlywood\:80 { color: hsl(34, 57%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:85, html.dark .sf-c-txt-burlywood\:85 { color: hsl(34, 57%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:90, html.dark .sf-c-txt-burlywood\:90 { color: hsl(34, 57%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:95, html.dark .sf-c-txt-burlywood\:95 { color: hsl(34, 57%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:100, html.dark .sf-c-txt-burlywood\:100 { color: hsl(34, 57%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-burlywood\:dark, html.dark .sf-c-txt-burlywood\:dark { color: hsl(34, 57%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:0\:dark, html.dark .sf-c-txt-burlywood\:0\:dark { color: hsl(34, 57%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:5\:dark, html.dark .sf-c-txt-burlywood\:5\:dark { color: hsl(34, 57%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:10\:dark, html.dark .sf-c-txt-burlywood\:10\:dark { color: hsl(34, 57%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:15\:dark, html.dark .sf-c-txt-burlywood\:15\:dark { color: hsl(34, 57%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:20\:dark, html.dark .sf-c-txt-burlywood\:20\:dark { color: hsl(34, 57%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:25\:dark, html.dark .sf-c-txt-burlywood\:25\:dark { color: hsl(34, 57%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:30\:dark, html.dark .sf-c-txt-burlywood\:30\:dark { color: hsl(34, 57%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:35\:dark, html.dark .sf-c-txt-burlywood\:35\:dark { color: hsl(34, 57%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:40\:dark, html.dark .sf-c-txt-burlywood\:40\:dark { color: hsl(34, 57%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:45\:dark, html.dark .sf-c-txt-burlywood\:45\:dark { color: hsl(34, 57%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:50\:dark, html.dark .sf-c-txt-burlywood\:50\:dark { color: hsl(34, 57%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:55\:dark, html.dark .sf-c-txt-burlywood\:55\:dark { color: hsl(34, 57%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:60\:dark, html.dark .sf-c-txt-burlywood\:60\:dark { color: hsl(34, 57%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:65\:dark, html.dark .sf-c-txt-burlywood\:65\:dark { color: hsl(34, 57%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:70\:dark, html.dark .sf-c-txt-burlywood\:70\:dark { color: hsl(34, 57%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:75\:dark, html.dark .sf-c-txt-burlywood\:75\:dark { color: hsl(34, 57%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:80\:dark, html.dark .sf-c-txt-burlywood\:80\:dark { color: hsl(34, 57%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:85\:dark, html.dark .sf-c-txt-burlywood\:85\:dark { color: hsl(34, 57%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:90\:dark, html.dark .sf-c-txt-burlywood\:90\:dark { color: hsl(34, 57%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:95\:dark, html.dark .sf-c-txt-burlywood\:95\:dark { color: hsl(34, 57%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-burlywood\:100\:dark, html.dark .sf-c-txt-burlywood\:100\:dark { color: hsl(34, 57%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-burlywood, html.auto .sf-c-burlywood { color: hsl(var(--sf-dark-c-txt-burlywood-95)); background: hsl(var(--sf-dark-c-burlywood)) } html[data-theme='auto'] .sf-c-burlywood\:0, html.auto .sf-c-burlywood\:0 { color: hsl(var(--sf-dark-c-txt-burlywood-95)); background: hsl(var(--sf-dark-c-burlywood-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-burlywood\:100\:dark, html.var.dark .sf-c-burl html[data-theme='auto'] .sf-c-burlywood\:95\:dark, html.auto .sf-c-burlywood\:95\:dark { color: hsl(var(--sf-c-txt-burlywood-95)); background: hsl(var(--sf-c-burlywood-5)) } html[data-theme='auto'] .sf-c-burlywood\:100\:dark, html.auto .sf-c-burlywood\:100\:dark { color: hsl(var(--sf-c-txt-burlywood-95)); background: hsl(var(--sf-c-burlywood-0)) } + html[data-theme='auto'] .sf-c-txt-burlywood, html.auto .sf-c-txt-burlywood { color: hsl(var(--sf-c-txt-burlywood)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:0, html.auto .sf-c-txt-burlywood\:0 { color: hsl(var(--sf-c-txt-burlywood-0)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:5, html.auto .sf-c-txt-burlywood\:5 { color: hsl(var(--sf-c-txt-burlywood-5)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:10, html.auto .sf-c-txt-burlywood\:10 { color: hsl(var(--sf-c-txt-burlywood-10)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:15, html.auto .sf-c-txt-burlywood\:15 { color: hsl(var(--sf-c-txt-burlywood-15)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:20, html.auto .sf-c-txt-burlywood\:20 { color: hsl(var(--sf-c-txt-burlywood-20)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:25, html.auto .sf-c-txt-burlywood\:25 { color: hsl(var(--sf-c-txt-burlywood-25)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:30, html.auto .sf-c-txt-burlywood\:30 { color: hsl(var(--sf-c-txt-burlywood-30)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:35, html.auto .sf-c-txt-burlywood\:35 { color: hsl(var(--sf-c-txt-burlywood-35)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:40, html.auto .sf-c-txt-burlywood\:40 { color: hsl(var(--sf-c-txt-burlywood-40)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:45, html.auto .sf-c-txt-burlywood\:45 { color: hsl(var(--sf-c-txt-burlywood-45)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:50, html.auto .sf-c-txt-burlywood\:50 { color: hsl(var(--sf-c-txt-burlywood-50)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:55, html.auto .sf-c-txt-burlywood\:55 { color: hsl(var(--sf-c-txt-burlywood-55)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:60, html.auto .sf-c-txt-burlywood\:60 { color: hsl(var(--sf-c-txt-burlywood-60)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:65, html.auto .sf-c-txt-burlywood\:65 { color: hsl(var(--sf-c-txt-burlywood-65)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:70, html.auto .sf-c-txt-burlywood\:70 { color: hsl(var(--sf-c-txt-burlywood-70)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:75, html.auto .sf-c-txt-burlywood\:75 { color: hsl(var(--sf-c-txt-burlywood-75)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:80, html.auto .sf-c-txt-burlywood\:80 { color: hsl(var(--sf-c-txt-burlywood-80)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:85, html.auto .sf-c-txt-burlywood\:85 { color: hsl(var(--sf-c-txt-burlywood-85)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:90, html.auto .sf-c-txt-burlywood\:90 { color: hsl(var(--sf-c-txt-burlywood-90)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:95, html.auto .sf-c-txt-burlywood\:95 { color: hsl(var(--sf-c-txt-burlywood-95)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:100, html.auto .sf-c-txt-burlywood\:100 { color: hsl(var(--sf-c-txt-burlywood-100)) } + + html[data-theme='auto'] .sf-c-txt-burlywood\:dark, html.auto .sf-c-txt-burlywood\:dark { color: hsl(var(--sf-c-txt-burlywood)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:0\:dark, html.auto .sf-c-txt-burlywood\:0\:dark { color: hsl(var(--sf-c-txt-burlywood-0)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:5\:dark, html.auto .sf-c-txt-burlywood\:5\:dark { color: hsl(var(--sf-c-txt-burlywood-5)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:10\:dark, html.auto .sf-c-txt-burlywood\:10\:dark { color: hsl(var(--sf-c-txt-burlywood-10)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:15\:dark, html.auto .sf-c-txt-burlywood\:15\:dark { color: hsl(var(--sf-c-txt-burlywood-15)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:20\:dark, html.auto .sf-c-txt-burlywood\:20\:dark { color: hsl(var(--sf-c-txt-burlywood-20)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:25\:dark, html.auto .sf-c-txt-burlywood\:25\:dark { color: hsl(var(--sf-c-txt-burlywood-25)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:30\:dark, html.auto .sf-c-txt-burlywood\:30\:dark { color: hsl(var(--sf-c-txt-burlywood-30)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:35\:dark, html.auto .sf-c-txt-burlywood\:35\:dark { color: hsl(var(--sf-c-txt-burlywood-35)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:40\:dark, html.auto .sf-c-txt-burlywood\:40\:dark { color: hsl(var(--sf-c-txt-burlywood-40)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:45\:dark, html.auto .sf-c-txt-burlywood\:45\:dark { color: hsl(var(--sf-c-txt-burlywood-45)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:50\:dark, html.auto .sf-c-txt-burlywood\:50\:dark { color: hsl(var(--sf-c-txt-burlywood-50)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:55\:dark, html.auto .sf-c-txt-burlywood\:55\:dark { color: hsl(var(--sf-c-txt-burlywood-55)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:60\:dark, html.auto .sf-c-txt-burlywood\:60\:dark { color: hsl(var(--sf-c-txt-burlywood-60)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:65\:dark, html.auto .sf-c-txt-burlywood\:65\:dark { color: hsl(var(--sf-c-txt-burlywood-65)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:70\:dark, html.auto .sf-c-txt-burlywood\:70\:dark { color: hsl(var(--sf-c-txt-burlywood-70)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:75\:dark, html.auto .sf-c-txt-burlywood\:75\:dark { color: hsl(var(--sf-c-txt-burlywood-75)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:80\:dark, html.auto .sf-c-txt-burlywood\:80\:dark { color: hsl(var(--sf-c-txt-burlywood-80)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:85\:dark, html.auto .sf-c-txt-burlywood\:85\:dark { color: hsl(var(--sf-c-txt-burlywood-85)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:90\:dark, html.auto .sf-c-txt-burlywood\:90\:dark { color: hsl(var(--sf-c-txt-burlywood-90)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:95\:dark, html.auto .sf-c-txt-burlywood\:95\:dark { color: hsl(var(--sf-c-txt-burlywood-95)) } + html[data-theme='auto'] .sf-c-txt-burlywood\:100\:dark, html.auto .sf-c-txt-burlywood\:100\:dark { color: hsl(var(--sf-c-txt-burlywood-100)) } + html.var[data-theme='auto'] .sf-c-burlywood, html.var.auto .sf-c-burlywood { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 30%) } html.var[data-theme='auto'] .sf-c-burlywood\:0, html.var.auto .sf-c-burlywood\:0 { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 100%) } html.var[data-theme='auto'] .sf-c-burlywood\:5, html.var.auto .sf-c-burlywood\:5 { color: hsl(34, 57%, 5%); background: hsl(34, 57%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-burlywood\:100\:dark, html.var.dark .sf-c-burl html.var[data-theme='auto'] .sf-c-burlywood\:90\:dark, html.var.auto .sf-c-burlywood\:90\:dark { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 10%) } html.var[data-theme='auto'] .sf-c-burlywood\:95\:dark, html.var.auto .sf-c-burlywood\:95\:dark { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 5%) } html.var[data-theme='auto'] .sf-c-burlywood\:100\:dark, html.var.auto .sf-c-burlywood\:100\:dark { color: hsl(34, 57%, 95%); background: hsl(34, 57%, 0%) } -} -.sf-c-txt-burlywood { color: hsl(var(--sf-c-txt-burlywood)) } -.sf-c-txt-burlywood\:0 { color: hsl(var(--sf-c-txt-burlywood-0)) } -.sf-c-txt-burlywood\:5 { color: hsl(var(--sf-c-txt-burlywood-5)) } -.sf-c-txt-burlywood\:10 { color: hsl(var(--sf-c-txt-burlywood-10)) } -.sf-c-txt-burlywood\:15 { color: hsl(var(--sf-c-txt-burlywood-15)) } -.sf-c-txt-burlywood\:20 { color: hsl(var(--sf-c-txt-burlywood-20)) } -.sf-c-txt-burlywood\:25 { color: hsl(var(--sf-c-txt-burlywood-25)) } -.sf-c-txt-burlywood\:30 { color: hsl(var(--sf-c-txt-burlywood-30)) } -.sf-c-txt-burlywood\:35 { color: hsl(var(--sf-c-txt-burlywood-35)) } -.sf-c-txt-burlywood\:40 { color: hsl(var(--sf-c-txt-burlywood-40)) } -.sf-c-txt-burlywood\:45 { color: hsl(var(--sf-c-txt-burlywood-45)) } -.sf-c-txt-burlywood\:50 { color: hsl(var(--sf-c-txt-burlywood-50)) } -.sf-c-txt-burlywood\:55 { color: hsl(var(--sf-c-txt-burlywood-55)) } -.sf-c-txt-burlywood\:60 { color: hsl(var(--sf-c-txt-burlywood-60)) } -.sf-c-txt-burlywood\:65 { color: hsl(var(--sf-c-txt-burlywood-65)) } -.sf-c-txt-burlywood\:70 { color: hsl(var(--sf-c-txt-burlywood-70)) } -.sf-c-txt-burlywood\:75 { color: hsl(var(--sf-c-txt-burlywood-75)) } -.sf-c-txt-burlywood\:80 { color: hsl(var(--sf-c-txt-burlywood-80)) } -.sf-c-txt-burlywood\:85 { color: hsl(var(--sf-c-txt-burlywood-85)) } -.sf-c-txt-burlywood\:90 { color: hsl(var(--sf-c-txt-burlywood-90)) } -.sf-c-txt-burlywood\:95 { color: hsl(var(--sf-c-txt-burlywood-95)) } -.sf-c-txt-burlywood\:100 { color: hsl(var(--sf-c-txt-burlywood-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-burlywood, html.auto .sf-c-txt-burlywood { color: hsl(34, 57%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:0, html.auto .sf-c-txt-burlywood\:0 { color: hsl(34, 57%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:5, html.auto .sf-c-txt-burlywood\:5 { color: hsl(34, 57%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:10, html.auto .sf-c-txt-burlywood\:10 { color: hsl(34, 57%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:15, html.auto .sf-c-txt-burlywood\:15 { color: hsl(34, 57%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:20, html.auto .sf-c-txt-burlywood\:20 { color: hsl(34, 57%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:25, html.auto .sf-c-txt-burlywood\:25 { color: hsl(34, 57%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:30, html.auto .sf-c-txt-burlywood\:30 { color: hsl(34, 57%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:35, html.auto .sf-c-txt-burlywood\:35 { color: hsl(34, 57%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:40, html.auto .sf-c-txt-burlywood\:40 { color: hsl(34, 57%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:45, html.auto .sf-c-txt-burlywood\:45 { color: hsl(34, 57%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:50, html.auto .sf-c-txt-burlywood\:50 { color: hsl(34, 57%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:55, html.auto .sf-c-txt-burlywood\:55 { color: hsl(34, 57%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:60, html.auto .sf-c-txt-burlywood\:60 { color: hsl(34, 57%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:65, html.auto .sf-c-txt-burlywood\:65 { color: hsl(34, 57%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:70, html.auto .sf-c-txt-burlywood\:70 { color: hsl(34, 57%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:75, html.auto .sf-c-txt-burlywood\:75 { color: hsl(34, 57%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:80, html.auto .sf-c-txt-burlywood\:80 { color: hsl(34, 57%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:85, html.auto .sf-c-txt-burlywood\:85 { color: hsl(34, 57%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:90, html.auto .sf-c-txt-burlywood\:90 { color: hsl(34, 57%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:95, html.auto .sf-c-txt-burlywood\:95 { color: hsl(34, 57%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:100, html.auto .sf-c-txt-burlywood\:100 { color: hsl(34, 57%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-burlywood\:dark, html.auto .sf-c-txt-burlywood\:dark { color: hsl(34, 57%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:0\:dark, html.auto .sf-c-txt-burlywood\:0\:dark { color: hsl(34, 57%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:5\:dark, html.auto .sf-c-txt-burlywood\:5\:dark { color: hsl(34, 57%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:10\:dark, html.auto .sf-c-txt-burlywood\:10\:dark { color: hsl(34, 57%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:15\:dark, html.auto .sf-c-txt-burlywood\:15\:dark { color: hsl(34, 57%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:20\:dark, html.auto .sf-c-txt-burlywood\:20\:dark { color: hsl(34, 57%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:25\:dark, html.auto .sf-c-txt-burlywood\:25\:dark { color: hsl(34, 57%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:30\:dark, html.auto .sf-c-txt-burlywood\:30\:dark { color: hsl(34, 57%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:35\:dark, html.auto .sf-c-txt-burlywood\:35\:dark { color: hsl(34, 57%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:40\:dark, html.auto .sf-c-txt-burlywood\:40\:dark { color: hsl(34, 57%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:45\:dark, html.auto .sf-c-txt-burlywood\:45\:dark { color: hsl(34, 57%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:50\:dark, html.auto .sf-c-txt-burlywood\:50\:dark { color: hsl(34, 57%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:55\:dark, html.auto .sf-c-txt-burlywood\:55\:dark { color: hsl(34, 57%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:60\:dark, html.auto .sf-c-txt-burlywood\:60\:dark { color: hsl(34, 57%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:65\:dark, html.auto .sf-c-txt-burlywood\:65\:dark { color: hsl(34, 57%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:70\:dark, html.auto .sf-c-txt-burlywood\:70\:dark { color: hsl(34, 57%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:75\:dark, html.auto .sf-c-txt-burlywood\:75\:dark { color: hsl(34, 57%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:80\:dark, html.auto .sf-c-txt-burlywood\:80\:dark { color: hsl(34, 57%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:85\:dark, html.auto .sf-c-txt-burlywood\:85\:dark { color: hsl(34, 57%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:90\:dark, html.auto .sf-c-txt-burlywood\:90\:dark { color: hsl(34, 57%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:95\:dark, html.auto .sf-c-txt-burlywood\:95\:dark { color: hsl(34, 57%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-burlywood\:100\:dark, html.auto .sf-c-txt-burlywood\:100\:dark { color: hsl(34, 57%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/cadetblue.css b/src/colors/20/cadetblue.css index 8df8b54..cfd0e82 100644 --- a/src/colors/20/cadetblue.css +++ b/src/colors/20/cadetblue.css @@ -138,6 +138,52 @@ html.var .sf-c-cadetblue\:90 { color: hsl(182, 25%, 5%); background: hsl(182, 25 html.var .sf-c-cadetblue\:95 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 95%) } html.var .sf-c-cadetblue\:100 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 100%) } +.sf-c-txt-cadetblue { color: hsl(var(--sf-dark-c-txt-cadetblue)) } +.sf-c-txt-cadetblue\:0 { color: hsl(var(--sf-dark-c-txt-cadetblue-100)) } +.sf-c-txt-cadetblue\:5 { color: hsl(var(--sf-dark-c-txt-cadetblue-95)) } +.sf-c-txt-cadetblue\:10 { color: hsl(var(--sf-dark-c-txt-cadetblue-90)) } +.sf-c-txt-cadetblue\:15 { color: hsl(var(--sf-dark-c-txt-cadetblue-85)) } +.sf-c-txt-cadetblue\:20 { color: hsl(var(--sf-dark-c-txt-cadetblue-80)) } +.sf-c-txt-cadetblue\:25 { color: hsl(var(--sf-dark-c-txt-cadetblue-75)) } +.sf-c-txt-cadetblue\:30 { color: hsl(var(--sf-dark-c-txt-cadetblue-70)) } +.sf-c-txt-cadetblue\:35 { color: hsl(var(--sf-dark-c-txt-cadetblue-65)) } +.sf-c-txt-cadetblue\:40 { color: hsl(var(--sf-dark-c-txt-cadetblue-60)) } +.sf-c-txt-cadetblue\:45 { color: hsl(var(--sf-dark-c-txt-cadetblue-55)) } +.sf-c-txt-cadetblue\:50 { color: hsl(var(--sf-dark-c-txt-cadetblue-50)) } +.sf-c-txt-cadetblue\:55 { color: hsl(var(--sf-dark-c-txt-cadetblue-45)) } +.sf-c-txt-cadetblue\:60 { color: hsl(var(--sf-dark-c-txt-cadetblue-40)) } +.sf-c-txt-cadetblue\:65 { color: hsl(var(--sf-dark-c-txt-cadetblue-35)) } +.sf-c-txt-cadetblue\:70 { color: hsl(var(--sf-dark-c-txt-cadetblue-30)) } +.sf-c-txt-cadetblue\:75 { color: hsl(var(--sf-dark-c-txt-cadetblue-25)) } +.sf-c-txt-cadetblue\:80 { color: hsl(var(--sf-dark-c-txt-cadetblue-20)) } +.sf-c-txt-cadetblue\:85 { color: hsl(var(--sf-dark-c-txt-cadetblue-15)) } +.sf-c-txt-cadetblue\:90 { color: hsl(var(--sf-dark-c-txt-cadetblue-10)) } +.sf-c-txt-cadetblue\:95 { color: hsl(var(--sf-dark-c-txt-cadetblue-5)) } +.sf-c-txt-cadetblue\:100 { color: hsl(var(--sf-dark-c-txt-cadetblue-0)) } + +html.var .sf-c-txt-cadetblue { color: hsl(182, 25%, 50%) } +html.var .sf-c-txt-cadetblue\:0 { color: hsl(182, 25%, 100%) } +html.var .sf-c-txt-cadetblue\:5 { color: hsl(182, 25%, 95%) } +html.var .sf-c-txt-cadetblue\:10 { color: hsl(182, 25%, 90%) } +html.var .sf-c-txt-cadetblue\:15 { color: hsl(182, 25%, 85%) } +html.var .sf-c-txt-cadetblue\:20 { color: hsl(182, 25%, 80%) } +html.var .sf-c-txt-cadetblue\:25 { color: hsl(182, 25%, 75%) } +html.var .sf-c-txt-cadetblue\:30 { color: hsl(182, 25%, 70%) } +html.var .sf-c-txt-cadetblue\:35 { color: hsl(182, 25%, 65%) } +html.var .sf-c-txt-cadetblue\:40 { color: hsl(182, 25%, 60%) } +html.var .sf-c-txt-cadetblue\:45 { color: hsl(182, 25%, 55%) } +html.var .sf-c-txt-cadetblue\:50 { color: hsl(182, 25%, 50%) } +html.var .sf-c-txt-cadetblue\:55 { color: hsl(182, 25%, 45%) } +html.var .sf-c-txt-cadetblue\:60 { color: hsl(182, 25%, 40%) } +html.var .sf-c-txt-cadetblue\:65 { color: hsl(182, 25%, 35%) } +html.var .sf-c-txt-cadetblue\:70 { color: hsl(182, 25%, 30%) } +html.var .sf-c-txt-cadetblue\:75 { color: hsl(182, 25%, 25%) } +html.var .sf-c-txt-cadetblue\:80 { color: hsl(182, 25%, 20%) } +html.var .sf-c-txt-cadetblue\:85 { color: hsl(182, 25%, 15%) } +html.var .sf-c-txt-cadetblue\:90 { color: hsl(182, 25%, 10%) } +html.var .sf-c-txt-cadetblue\:95 { color: hsl(182, 25%, 5%) } +html.var .sf-c-txt-cadetblue\:100 { color: hsl(182, 25%, 0%) } + html[data-theme='dark'] .sf-c-cadetblue, html.dark .sf-c-cadetblue { color: hsl(var(--sf-dark-c-txt-cadetblue-95)); background: hsl(var(--sf-dark-c-cadetblue)) } html[data-theme='dark'] .sf-c-cadetblue\:0, html.dark .sf-c-cadetblue\:0 { color: hsl(var(--sf-dark-c-txt-cadetblue-95)); background: hsl(var(--sf-dark-c-cadetblue-100)) } html[data-theme='dark'] .sf-c-cadetblue\:5, html.dark .sf-c-cadetblue\:5 { color: hsl(var(--sf-dark-c-txt-cadetblue-5)); background: hsl(var(--sf-dark-c-cadetblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-cadetblue\:90\:dark, html.dark .sf-c-cadetblue\:90 html[data-theme='dark'] .sf-c-cadetblue\:95\:dark, html.dark .sf-c-cadetblue\:95\:dark { color: hsl(var(--sf-c-txt-cadetblue-95)); background: hsl(var(--sf-c-cadetblue-5)) } html[data-theme='dark'] .sf-c-cadetblue\:100\:dark, html.dark .sf-c-cadetblue\:100\:dark { color: hsl(var(--sf-c-txt-cadetblue-95)); background: hsl(var(--sf-c-cadetblue-0)) } +html[data-theme='dark'] .sf-c-txt-cadetblue, html.dark .sf-c-txt-cadetblue { color: hsl(var(--sf-c-txt-cadetblue)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:0, html.dark .sf-c-txt-cadetblue\:0 { color: hsl(var(--sf-c-txt-cadetblue-0)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:5, html.dark .sf-c-txt-cadetblue\:5 { color: hsl(var(--sf-c-txt-cadetblue-5)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:10, html.dark .sf-c-txt-cadetblue\:10 { color: hsl(var(--sf-c-txt-cadetblue-10)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:15, html.dark .sf-c-txt-cadetblue\:15 { color: hsl(var(--sf-c-txt-cadetblue-15)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:20, html.dark .sf-c-txt-cadetblue\:20 { color: hsl(var(--sf-c-txt-cadetblue-20)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:25, html.dark .sf-c-txt-cadetblue\:25 { color: hsl(var(--sf-c-txt-cadetblue-25)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:30, html.dark .sf-c-txt-cadetblue\:30 { color: hsl(var(--sf-c-txt-cadetblue-30)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:35, html.dark .sf-c-txt-cadetblue\:35 { color: hsl(var(--sf-c-txt-cadetblue-35)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:40, html.dark .sf-c-txt-cadetblue\:40 { color: hsl(var(--sf-c-txt-cadetblue-40)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:45, html.dark .sf-c-txt-cadetblue\:45 { color: hsl(var(--sf-c-txt-cadetblue-45)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:50, html.dark .sf-c-txt-cadetblue\:50 { color: hsl(var(--sf-c-txt-cadetblue-50)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:55, html.dark .sf-c-txt-cadetblue\:55 { color: hsl(var(--sf-c-txt-cadetblue-55)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:60, html.dark .sf-c-txt-cadetblue\:60 { color: hsl(var(--sf-c-txt-cadetblue-60)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:65, html.dark .sf-c-txt-cadetblue\:65 { color: hsl(var(--sf-c-txt-cadetblue-65)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:70, html.dark .sf-c-txt-cadetblue\:70 { color: hsl(var(--sf-c-txt-cadetblue-70)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:75, html.dark .sf-c-txt-cadetblue\:75 { color: hsl(var(--sf-c-txt-cadetblue-75)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:80, html.dark .sf-c-txt-cadetblue\:80 { color: hsl(var(--sf-c-txt-cadetblue-80)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:85, html.dark .sf-c-txt-cadetblue\:85 { color: hsl(var(--sf-c-txt-cadetblue-85)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:90, html.dark .sf-c-txt-cadetblue\:90 { color: hsl(var(--sf-c-txt-cadetblue-90)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:95, html.dark .sf-c-txt-cadetblue\:95 { color: hsl(var(--sf-c-txt-cadetblue-95)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:100, html.dark .sf-c-txt-cadetblue\:100 { color: hsl(var(--sf-c-txt-cadetblue-100)) } + +html[data-theme='dark'] .sf-c-txt-cadetblue\:dark, html.dark .sf-c-txt-cadetblue\:dark { color: hsl(var(--sf-c-txt-cadetblue)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:0\:dark, html.dark .sf-c-txt-cadetblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-0)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:5\:dark, html.dark .sf-c-txt-cadetblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-5)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:10\:dark, html.dark .sf-c-txt-cadetblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-10)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:15\:dark, html.dark .sf-c-txt-cadetblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-15)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:20\:dark, html.dark .sf-c-txt-cadetblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-20)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:25\:dark, html.dark .sf-c-txt-cadetblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-25)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:30\:dark, html.dark .sf-c-txt-cadetblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-30)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:35\:dark, html.dark .sf-c-txt-cadetblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-35)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:40\:dark, html.dark .sf-c-txt-cadetblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-40)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:45\:dark, html.dark .sf-c-txt-cadetblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-45)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:50\:dark, html.dark .sf-c-txt-cadetblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-50)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:55\:dark, html.dark .sf-c-txt-cadetblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-55)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:60\:dark, html.dark .sf-c-txt-cadetblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-60)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:65\:dark, html.dark .sf-c-txt-cadetblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-65)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:70\:dark, html.dark .sf-c-txt-cadetblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-70)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:75\:dark, html.dark .sf-c-txt-cadetblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-75)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:80\:dark, html.dark .sf-c-txt-cadetblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-80)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:85\:dark, html.dark .sf-c-txt-cadetblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-85)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:90\:dark, html.dark .sf-c-txt-cadetblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-90)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:95\:dark, html.dark .sf-c-txt-cadetblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-95)) } +html[data-theme='dark'] .sf-c-txt-cadetblue\:100\:dark, html.dark .sf-c-txt-cadetblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-cadetblue-100)) } + html.var[data-theme='dark'] .sf-c-cadetblue, html.var.dark .sf-c-cadetblue { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 50%) } html.var[data-theme='dark'] .sf-c-cadetblue\:0, html.var.dark .sf-c-cadetblue\:0 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 100%) } html.var[data-theme='dark'] .sf-c-cadetblue\:5, html.var.dark .sf-c-cadetblue\:5 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-cadetblue\:90\:dark, html.var.dark .sf-c-cadet html.var[data-theme='dark'] .sf-c-cadetblue\:95\:dark, html.var.dark .sf-c-cadetblue\:95\:dark { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 5%) } html.var[data-theme='dark'] .sf-c-cadetblue\:100\:dark, html.var.dark .sf-c-cadetblue\:100\:dark { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue, html.dark .sf-c-txt-cadetblue { color: hsl(182, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:0, html.dark .sf-c-txt-cadetblue\:0 { color: hsl(182, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:5, html.dark .sf-c-txt-cadetblue\:5 { color: hsl(182, 25%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:10, html.dark .sf-c-txt-cadetblue\:10 { color: hsl(182, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:15, html.dark .sf-c-txt-cadetblue\:15 { color: hsl(182, 25%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:20, html.dark .sf-c-txt-cadetblue\:20 { color: hsl(182, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:25, html.dark .sf-c-txt-cadetblue\:25 { color: hsl(182, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:30, html.dark .sf-c-txt-cadetblue\:30 { color: hsl(182, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:35, html.dark .sf-c-txt-cadetblue\:35 { color: hsl(182, 25%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:40, html.dark .sf-c-txt-cadetblue\:40 { color: hsl(182, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:45, html.dark .sf-c-txt-cadetblue\:45 { color: hsl(182, 25%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:50, html.dark .sf-c-txt-cadetblue\:50 { color: hsl(182, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:55, html.dark .sf-c-txt-cadetblue\:55 { color: hsl(182, 25%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:60, html.dark .sf-c-txt-cadetblue\:60 { color: hsl(182, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:65, html.dark .sf-c-txt-cadetblue\:65 { color: hsl(182, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:70, html.dark .sf-c-txt-cadetblue\:70 { color: hsl(182, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:75, html.dark .sf-c-txt-cadetblue\:75 { color: hsl(182, 25%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:80, html.dark .sf-c-txt-cadetblue\:80 { color: hsl(182, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:85, html.dark .sf-c-txt-cadetblue\:85 { color: hsl(182, 25%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:90, html.dark .sf-c-txt-cadetblue\:90 { color: hsl(182, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:95, html.dark .sf-c-txt-cadetblue\:95 { color: hsl(182, 25%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:100, html.dark .sf-c-txt-cadetblue\:100 { color: hsl(182, 25%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:dark, html.dark .sf-c-txt-cadetblue\:dark { color: hsl(182, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:0\:dark, html.dark .sf-c-txt-cadetblue\:0\:dark { color: hsl(182, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:5\:dark, html.dark .sf-c-txt-cadetblue\:5\:dark { color: hsl(182, 25%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:10\:dark, html.dark .sf-c-txt-cadetblue\:10\:dark { color: hsl(182, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:15\:dark, html.dark .sf-c-txt-cadetblue\:15\:dark { color: hsl(182, 25%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:20\:dark, html.dark .sf-c-txt-cadetblue\:20\:dark { color: hsl(182, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:25\:dark, html.dark .sf-c-txt-cadetblue\:25\:dark { color: hsl(182, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:30\:dark, html.dark .sf-c-txt-cadetblue\:30\:dark { color: hsl(182, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:35\:dark, html.dark .sf-c-txt-cadetblue\:35\:dark { color: hsl(182, 25%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:40\:dark, html.dark .sf-c-txt-cadetblue\:40\:dark { color: hsl(182, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:45\:dark, html.dark .sf-c-txt-cadetblue\:45\:dark { color: hsl(182, 25%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:50\:dark, html.dark .sf-c-txt-cadetblue\:50\:dark { color: hsl(182, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:55\:dark, html.dark .sf-c-txt-cadetblue\:55\:dark { color: hsl(182, 25%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:60\:dark, html.dark .sf-c-txt-cadetblue\:60\:dark { color: hsl(182, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:65\:dark, html.dark .sf-c-txt-cadetblue\:65\:dark { color: hsl(182, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:70\:dark, html.dark .sf-c-txt-cadetblue\:70\:dark { color: hsl(182, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:75\:dark, html.dark .sf-c-txt-cadetblue\:75\:dark { color: hsl(182, 25%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:80\:dark, html.dark .sf-c-txt-cadetblue\:80\:dark { color: hsl(182, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:85\:dark, html.dark .sf-c-txt-cadetblue\:85\:dark { color: hsl(182, 25%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:90\:dark, html.dark .sf-c-txt-cadetblue\:90\:dark { color: hsl(182, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:95\:dark, html.dark .sf-c-txt-cadetblue\:95\:dark { color: hsl(182, 25%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-cadetblue\:100\:dark, html.dark .sf-c-txt-cadetblue\:100\:dark { color: hsl(182, 25%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-cadetblue, html.auto .sf-c-cadetblue { color: hsl(var(--sf-dark-c-txt-cadetblue-95)); background: hsl(var(--sf-dark-c-cadetblue)) } html[data-theme='auto'] .sf-c-cadetblue\:0, html.auto .sf-c-cadetblue\:0 { color: hsl(var(--sf-dark-c-txt-cadetblue-95)); background: hsl(var(--sf-dark-c-cadetblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-cadetblue\:100\:dark, html.var.dark .sf-c-cade html[data-theme='auto'] .sf-c-cadetblue\:95\:dark, html.auto .sf-c-cadetblue\:95\:dark { color: hsl(var(--sf-c-txt-cadetblue-95)); background: hsl(var(--sf-c-cadetblue-5)) } html[data-theme='auto'] .sf-c-cadetblue\:100\:dark, html.auto .sf-c-cadetblue\:100\:dark { color: hsl(var(--sf-c-txt-cadetblue-95)); background: hsl(var(--sf-c-cadetblue-0)) } + html[data-theme='auto'] .sf-c-txt-cadetblue, html.auto .sf-c-txt-cadetblue { color: hsl(var(--sf-c-txt-cadetblue)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:0, html.auto .sf-c-txt-cadetblue\:0 { color: hsl(var(--sf-c-txt-cadetblue-0)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:5, html.auto .sf-c-txt-cadetblue\:5 { color: hsl(var(--sf-c-txt-cadetblue-5)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:10, html.auto .sf-c-txt-cadetblue\:10 { color: hsl(var(--sf-c-txt-cadetblue-10)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:15, html.auto .sf-c-txt-cadetblue\:15 { color: hsl(var(--sf-c-txt-cadetblue-15)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:20, html.auto .sf-c-txt-cadetblue\:20 { color: hsl(var(--sf-c-txt-cadetblue-20)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:25, html.auto .sf-c-txt-cadetblue\:25 { color: hsl(var(--sf-c-txt-cadetblue-25)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:30, html.auto .sf-c-txt-cadetblue\:30 { color: hsl(var(--sf-c-txt-cadetblue-30)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:35, html.auto .sf-c-txt-cadetblue\:35 { color: hsl(var(--sf-c-txt-cadetblue-35)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:40, html.auto .sf-c-txt-cadetblue\:40 { color: hsl(var(--sf-c-txt-cadetblue-40)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:45, html.auto .sf-c-txt-cadetblue\:45 { color: hsl(var(--sf-c-txt-cadetblue-45)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:50, html.auto .sf-c-txt-cadetblue\:50 { color: hsl(var(--sf-c-txt-cadetblue-50)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:55, html.auto .sf-c-txt-cadetblue\:55 { color: hsl(var(--sf-c-txt-cadetblue-55)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:60, html.auto .sf-c-txt-cadetblue\:60 { color: hsl(var(--sf-c-txt-cadetblue-60)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:65, html.auto .sf-c-txt-cadetblue\:65 { color: hsl(var(--sf-c-txt-cadetblue-65)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:70, html.auto .sf-c-txt-cadetblue\:70 { color: hsl(var(--sf-c-txt-cadetblue-70)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:75, html.auto .sf-c-txt-cadetblue\:75 { color: hsl(var(--sf-c-txt-cadetblue-75)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:80, html.auto .sf-c-txt-cadetblue\:80 { color: hsl(var(--sf-c-txt-cadetblue-80)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:85, html.auto .sf-c-txt-cadetblue\:85 { color: hsl(var(--sf-c-txt-cadetblue-85)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:90, html.auto .sf-c-txt-cadetblue\:90 { color: hsl(var(--sf-c-txt-cadetblue-90)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:95, html.auto .sf-c-txt-cadetblue\:95 { color: hsl(var(--sf-c-txt-cadetblue-95)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:100, html.auto .sf-c-txt-cadetblue\:100 { color: hsl(var(--sf-c-txt-cadetblue-100)) } + + html[data-theme='auto'] .sf-c-txt-cadetblue\:dark, html.auto .sf-c-txt-cadetblue\:dark { color: hsl(var(--sf-c-txt-cadetblue)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:0\:dark, html.auto .sf-c-txt-cadetblue\:0\:dark { color: hsl(var(--sf-c-txt-cadetblue-0)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:5\:dark, html.auto .sf-c-txt-cadetblue\:5\:dark { color: hsl(var(--sf-c-txt-cadetblue-5)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:10\:dark, html.auto .sf-c-txt-cadetblue\:10\:dark { color: hsl(var(--sf-c-txt-cadetblue-10)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:15\:dark, html.auto .sf-c-txt-cadetblue\:15\:dark { color: hsl(var(--sf-c-txt-cadetblue-15)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:20\:dark, html.auto .sf-c-txt-cadetblue\:20\:dark { color: hsl(var(--sf-c-txt-cadetblue-20)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:25\:dark, html.auto .sf-c-txt-cadetblue\:25\:dark { color: hsl(var(--sf-c-txt-cadetblue-25)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:30\:dark, html.auto .sf-c-txt-cadetblue\:30\:dark { color: hsl(var(--sf-c-txt-cadetblue-30)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:35\:dark, html.auto .sf-c-txt-cadetblue\:35\:dark { color: hsl(var(--sf-c-txt-cadetblue-35)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:40\:dark, html.auto .sf-c-txt-cadetblue\:40\:dark { color: hsl(var(--sf-c-txt-cadetblue-40)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:45\:dark, html.auto .sf-c-txt-cadetblue\:45\:dark { color: hsl(var(--sf-c-txt-cadetblue-45)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:50\:dark, html.auto .sf-c-txt-cadetblue\:50\:dark { color: hsl(var(--sf-c-txt-cadetblue-50)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:55\:dark, html.auto .sf-c-txt-cadetblue\:55\:dark { color: hsl(var(--sf-c-txt-cadetblue-55)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:60\:dark, html.auto .sf-c-txt-cadetblue\:60\:dark { color: hsl(var(--sf-c-txt-cadetblue-60)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:65\:dark, html.auto .sf-c-txt-cadetblue\:65\:dark { color: hsl(var(--sf-c-txt-cadetblue-65)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:70\:dark, html.auto .sf-c-txt-cadetblue\:70\:dark { color: hsl(var(--sf-c-txt-cadetblue-70)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:75\:dark, html.auto .sf-c-txt-cadetblue\:75\:dark { color: hsl(var(--sf-c-txt-cadetblue-75)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:80\:dark, html.auto .sf-c-txt-cadetblue\:80\:dark { color: hsl(var(--sf-c-txt-cadetblue-80)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:85\:dark, html.auto .sf-c-txt-cadetblue\:85\:dark { color: hsl(var(--sf-c-txt-cadetblue-85)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:90\:dark, html.auto .sf-c-txt-cadetblue\:90\:dark { color: hsl(var(--sf-c-txt-cadetblue-90)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:95\:dark, html.auto .sf-c-txt-cadetblue\:95\:dark { color: hsl(var(--sf-c-txt-cadetblue-95)) } + html[data-theme='auto'] .sf-c-txt-cadetblue\:100\:dark, html.auto .sf-c-txt-cadetblue\:100\:dark { color: hsl(var(--sf-c-txt-cadetblue-100)) } + html.var[data-theme='auto'] .sf-c-cadetblue, html.var.auto .sf-c-cadetblue { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 50%) } html.var[data-theme='auto'] .sf-c-cadetblue\:0, html.var.auto .sf-c-cadetblue\:0 { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 100%) } html.var[data-theme='auto'] .sf-c-cadetblue\:5, html.var.auto .sf-c-cadetblue\:5 { color: hsl(182, 25%, 5%); background: hsl(182, 25%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-cadetblue\:100\:dark, html.var.dark .sf-c-cade html.var[data-theme='auto'] .sf-c-cadetblue\:90\:dark, html.var.auto .sf-c-cadetblue\:90\:dark { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 10%) } html.var[data-theme='auto'] .sf-c-cadetblue\:95\:dark, html.var.auto .sf-c-cadetblue\:95\:dark { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 5%) } html.var[data-theme='auto'] .sf-c-cadetblue\:100\:dark, html.var.auto .sf-c-cadetblue\:100\:dark { color: hsl(182, 25%, 95%); background: hsl(182, 25%, 0%) } -} -.sf-c-txt-cadetblue { color: hsl(var(--sf-c-txt-cadetblue)) } -.sf-c-txt-cadetblue\:0 { color: hsl(var(--sf-c-txt-cadetblue-0)) } -.sf-c-txt-cadetblue\:5 { color: hsl(var(--sf-c-txt-cadetblue-5)) } -.sf-c-txt-cadetblue\:10 { color: hsl(var(--sf-c-txt-cadetblue-10)) } -.sf-c-txt-cadetblue\:15 { color: hsl(var(--sf-c-txt-cadetblue-15)) } -.sf-c-txt-cadetblue\:20 { color: hsl(var(--sf-c-txt-cadetblue-20)) } -.sf-c-txt-cadetblue\:25 { color: hsl(var(--sf-c-txt-cadetblue-25)) } -.sf-c-txt-cadetblue\:30 { color: hsl(var(--sf-c-txt-cadetblue-30)) } -.sf-c-txt-cadetblue\:35 { color: hsl(var(--sf-c-txt-cadetblue-35)) } -.sf-c-txt-cadetblue\:40 { color: hsl(var(--sf-c-txt-cadetblue-40)) } -.sf-c-txt-cadetblue\:45 { color: hsl(var(--sf-c-txt-cadetblue-45)) } -.sf-c-txt-cadetblue\:50 { color: hsl(var(--sf-c-txt-cadetblue-50)) } -.sf-c-txt-cadetblue\:55 { color: hsl(var(--sf-c-txt-cadetblue-55)) } -.sf-c-txt-cadetblue\:60 { color: hsl(var(--sf-c-txt-cadetblue-60)) } -.sf-c-txt-cadetblue\:65 { color: hsl(var(--sf-c-txt-cadetblue-65)) } -.sf-c-txt-cadetblue\:70 { color: hsl(var(--sf-c-txt-cadetblue-70)) } -.sf-c-txt-cadetblue\:75 { color: hsl(var(--sf-c-txt-cadetblue-75)) } -.sf-c-txt-cadetblue\:80 { color: hsl(var(--sf-c-txt-cadetblue-80)) } -.sf-c-txt-cadetblue\:85 { color: hsl(var(--sf-c-txt-cadetblue-85)) } -.sf-c-txt-cadetblue\:90 { color: hsl(var(--sf-c-txt-cadetblue-90)) } -.sf-c-txt-cadetblue\:95 { color: hsl(var(--sf-c-txt-cadetblue-95)) } -.sf-c-txt-cadetblue\:100 { color: hsl(var(--sf-c-txt-cadetblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-cadetblue, html.auto .sf-c-txt-cadetblue { color: hsl(182, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:0, html.auto .sf-c-txt-cadetblue\:0 { color: hsl(182, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:5, html.auto .sf-c-txt-cadetblue\:5 { color: hsl(182, 25%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:10, html.auto .sf-c-txt-cadetblue\:10 { color: hsl(182, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:15, html.auto .sf-c-txt-cadetblue\:15 { color: hsl(182, 25%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:20, html.auto .sf-c-txt-cadetblue\:20 { color: hsl(182, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:25, html.auto .sf-c-txt-cadetblue\:25 { color: hsl(182, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:30, html.auto .sf-c-txt-cadetblue\:30 { color: hsl(182, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:35, html.auto .sf-c-txt-cadetblue\:35 { color: hsl(182, 25%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:40, html.auto .sf-c-txt-cadetblue\:40 { color: hsl(182, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:45, html.auto .sf-c-txt-cadetblue\:45 { color: hsl(182, 25%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:50, html.auto .sf-c-txt-cadetblue\:50 { color: hsl(182, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:55, html.auto .sf-c-txt-cadetblue\:55 { color: hsl(182, 25%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:60, html.auto .sf-c-txt-cadetblue\:60 { color: hsl(182, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:65, html.auto .sf-c-txt-cadetblue\:65 { color: hsl(182, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:70, html.auto .sf-c-txt-cadetblue\:70 { color: hsl(182, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:75, html.auto .sf-c-txt-cadetblue\:75 { color: hsl(182, 25%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:80, html.auto .sf-c-txt-cadetblue\:80 { color: hsl(182, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:85, html.auto .sf-c-txt-cadetblue\:85 { color: hsl(182, 25%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:90, html.auto .sf-c-txt-cadetblue\:90 { color: hsl(182, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:95, html.auto .sf-c-txt-cadetblue\:95 { color: hsl(182, 25%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:100, html.auto .sf-c-txt-cadetblue\:100 { color: hsl(182, 25%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:dark, html.auto .sf-c-txt-cadetblue\:dark { color: hsl(182, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:0\:dark, html.auto .sf-c-txt-cadetblue\:0\:dark { color: hsl(182, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:5\:dark, html.auto .sf-c-txt-cadetblue\:5\:dark { color: hsl(182, 25%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:10\:dark, html.auto .sf-c-txt-cadetblue\:10\:dark { color: hsl(182, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:15\:dark, html.auto .sf-c-txt-cadetblue\:15\:dark { color: hsl(182, 25%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:20\:dark, html.auto .sf-c-txt-cadetblue\:20\:dark { color: hsl(182, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:25\:dark, html.auto .sf-c-txt-cadetblue\:25\:dark { color: hsl(182, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:30\:dark, html.auto .sf-c-txt-cadetblue\:30\:dark { color: hsl(182, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:35\:dark, html.auto .sf-c-txt-cadetblue\:35\:dark { color: hsl(182, 25%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:40\:dark, html.auto .sf-c-txt-cadetblue\:40\:dark { color: hsl(182, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:45\:dark, html.auto .sf-c-txt-cadetblue\:45\:dark { color: hsl(182, 25%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:50\:dark, html.auto .sf-c-txt-cadetblue\:50\:dark { color: hsl(182, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:55\:dark, html.auto .sf-c-txt-cadetblue\:55\:dark { color: hsl(182, 25%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:60\:dark, html.auto .sf-c-txt-cadetblue\:60\:dark { color: hsl(182, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:65\:dark, html.auto .sf-c-txt-cadetblue\:65\:dark { color: hsl(182, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:70\:dark, html.auto .sf-c-txt-cadetblue\:70\:dark { color: hsl(182, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:75\:dark, html.auto .sf-c-txt-cadetblue\:75\:dark { color: hsl(182, 25%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:80\:dark, html.auto .sf-c-txt-cadetblue\:80\:dark { color: hsl(182, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:85\:dark, html.auto .sf-c-txt-cadetblue\:85\:dark { color: hsl(182, 25%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:90\:dark, html.auto .sf-c-txt-cadetblue\:90\:dark { color: hsl(182, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:95\:dark, html.auto .sf-c-txt-cadetblue\:95\:dark { color: hsl(182, 25%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-cadetblue\:100\:dark, html.auto .sf-c-txt-cadetblue\:100\:dark { color: hsl(182, 25%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/chartreuse.css b/src/colors/20/chartreuse.css index e073ce8..01cdb96 100644 --- a/src/colors/20/chartreuse.css +++ b/src/colors/20/chartreuse.css @@ -138,6 +138,52 @@ html.var .sf-c-chartreuse\:90 { color: hsl(90, 100%, 5%); background: hsl(90, 10 html.var .sf-c-chartreuse\:95 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } html.var .sf-c-chartreuse\:100 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 100%) } +.sf-c-txt-chartreuse { color: hsl(var(--sf-dark-c-txt-chartreuse)) } +.sf-c-txt-chartreuse\:0 { color: hsl(var(--sf-dark-c-txt-chartreuse-100)) } +.sf-c-txt-chartreuse\:5 { color: hsl(var(--sf-dark-c-txt-chartreuse-95)) } +.sf-c-txt-chartreuse\:10 { color: hsl(var(--sf-dark-c-txt-chartreuse-90)) } +.sf-c-txt-chartreuse\:15 { color: hsl(var(--sf-dark-c-txt-chartreuse-85)) } +.sf-c-txt-chartreuse\:20 { color: hsl(var(--sf-dark-c-txt-chartreuse-80)) } +.sf-c-txt-chartreuse\:25 { color: hsl(var(--sf-dark-c-txt-chartreuse-75)) } +.sf-c-txt-chartreuse\:30 { color: hsl(var(--sf-dark-c-txt-chartreuse-70)) } +.sf-c-txt-chartreuse\:35 { color: hsl(var(--sf-dark-c-txt-chartreuse-65)) } +.sf-c-txt-chartreuse\:40 { color: hsl(var(--sf-dark-c-txt-chartreuse-60)) } +.sf-c-txt-chartreuse\:45 { color: hsl(var(--sf-dark-c-txt-chartreuse-55)) } +.sf-c-txt-chartreuse\:50 { color: hsl(var(--sf-dark-c-txt-chartreuse-50)) } +.sf-c-txt-chartreuse\:55 { color: hsl(var(--sf-dark-c-txt-chartreuse-45)) } +.sf-c-txt-chartreuse\:60 { color: hsl(var(--sf-dark-c-txt-chartreuse-40)) } +.sf-c-txt-chartreuse\:65 { color: hsl(var(--sf-dark-c-txt-chartreuse-35)) } +.sf-c-txt-chartreuse\:70 { color: hsl(var(--sf-dark-c-txt-chartreuse-30)) } +.sf-c-txt-chartreuse\:75 { color: hsl(var(--sf-dark-c-txt-chartreuse-25)) } +.sf-c-txt-chartreuse\:80 { color: hsl(var(--sf-dark-c-txt-chartreuse-20)) } +.sf-c-txt-chartreuse\:85 { color: hsl(var(--sf-dark-c-txt-chartreuse-15)) } +.sf-c-txt-chartreuse\:90 { color: hsl(var(--sf-dark-c-txt-chartreuse-10)) } +.sf-c-txt-chartreuse\:95 { color: hsl(var(--sf-dark-c-txt-chartreuse-5)) } +.sf-c-txt-chartreuse\:100 { color: hsl(var(--sf-dark-c-txt-chartreuse-0)) } + +html.var .sf-c-txt-chartreuse { color: hsl(90, 100%, 50%) } +html.var .sf-c-txt-chartreuse\:0 { color: hsl(90, 100%, 100%) } +html.var .sf-c-txt-chartreuse\:5 { color: hsl(90, 100%, 95%) } +html.var .sf-c-txt-chartreuse\:10 { color: hsl(90, 100%, 90%) } +html.var .sf-c-txt-chartreuse\:15 { color: hsl(90, 100%, 85%) } +html.var .sf-c-txt-chartreuse\:20 { color: hsl(90, 100%, 80%) } +html.var .sf-c-txt-chartreuse\:25 { color: hsl(90, 100%, 75%) } +html.var .sf-c-txt-chartreuse\:30 { color: hsl(90, 100%, 70%) } +html.var .sf-c-txt-chartreuse\:35 { color: hsl(90, 100%, 65%) } +html.var .sf-c-txt-chartreuse\:40 { color: hsl(90, 100%, 60%) } +html.var .sf-c-txt-chartreuse\:45 { color: hsl(90, 100%, 55%) } +html.var .sf-c-txt-chartreuse\:50 { color: hsl(90, 100%, 50%) } +html.var .sf-c-txt-chartreuse\:55 { color: hsl(90, 100%, 45%) } +html.var .sf-c-txt-chartreuse\:60 { color: hsl(90, 100%, 40%) } +html.var .sf-c-txt-chartreuse\:65 { color: hsl(90, 100%, 35%) } +html.var .sf-c-txt-chartreuse\:70 { color: hsl(90, 100%, 30%) } +html.var .sf-c-txt-chartreuse\:75 { color: hsl(90, 100%, 25%) } +html.var .sf-c-txt-chartreuse\:80 { color: hsl(90, 100%, 20%) } +html.var .sf-c-txt-chartreuse\:85 { color: hsl(90, 100%, 15%) } +html.var .sf-c-txt-chartreuse\:90 { color: hsl(90, 100%, 10%) } +html.var .sf-c-txt-chartreuse\:95 { color: hsl(90, 100%, 5%) } +html.var .sf-c-txt-chartreuse\:100 { color: hsl(90, 100%, 0%) } + html[data-theme='dark'] .sf-c-chartreuse, html.dark .sf-c-chartreuse { color: hsl(var(--sf-dark-c-txt-chartreuse-5)); background: hsl(var(--sf-dark-c-chartreuse)) } html[data-theme='dark'] .sf-c-chartreuse\:0, html.dark .sf-c-chartreuse\:0 { color: hsl(var(--sf-dark-c-txt-chartreuse-95)); background: hsl(var(--sf-dark-c-chartreuse-100)) } html[data-theme='dark'] .sf-c-chartreuse\:5, html.dark .sf-c-chartreuse\:5 { color: hsl(var(--sf-dark-c-txt-chartreuse-5)); background: hsl(var(--sf-dark-c-chartreuse-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-chartreuse\:90\:dark, html.dark .sf-c-chartreuse\: html[data-theme='dark'] .sf-c-chartreuse\:95\:dark, html.dark .sf-c-chartreuse\:95\:dark { color: hsl(var(--sf-c-txt-chartreuse-95)); background: hsl(var(--sf-c-chartreuse-5)) } html[data-theme='dark'] .sf-c-chartreuse\:100\:dark, html.dark .sf-c-chartreuse\:100\:dark { color: hsl(var(--sf-c-txt-chartreuse-95)); background: hsl(var(--sf-c-chartreuse-0)) } +html[data-theme='dark'] .sf-c-txt-chartreuse, html.dark .sf-c-txt-chartreuse { color: hsl(var(--sf-c-txt-chartreuse)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:0, html.dark .sf-c-txt-chartreuse\:0 { color: hsl(var(--sf-c-txt-chartreuse-0)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:5, html.dark .sf-c-txt-chartreuse\:5 { color: hsl(var(--sf-c-txt-chartreuse-5)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:10, html.dark .sf-c-txt-chartreuse\:10 { color: hsl(var(--sf-c-txt-chartreuse-10)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:15, html.dark .sf-c-txt-chartreuse\:15 { color: hsl(var(--sf-c-txt-chartreuse-15)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:20, html.dark .sf-c-txt-chartreuse\:20 { color: hsl(var(--sf-c-txt-chartreuse-20)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:25, html.dark .sf-c-txt-chartreuse\:25 { color: hsl(var(--sf-c-txt-chartreuse-25)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:30, html.dark .sf-c-txt-chartreuse\:30 { color: hsl(var(--sf-c-txt-chartreuse-30)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:35, html.dark .sf-c-txt-chartreuse\:35 { color: hsl(var(--sf-c-txt-chartreuse-35)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:40, html.dark .sf-c-txt-chartreuse\:40 { color: hsl(var(--sf-c-txt-chartreuse-40)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:45, html.dark .sf-c-txt-chartreuse\:45 { color: hsl(var(--sf-c-txt-chartreuse-45)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:50, html.dark .sf-c-txt-chartreuse\:50 { color: hsl(var(--sf-c-txt-chartreuse-50)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:55, html.dark .sf-c-txt-chartreuse\:55 { color: hsl(var(--sf-c-txt-chartreuse-55)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:60, html.dark .sf-c-txt-chartreuse\:60 { color: hsl(var(--sf-c-txt-chartreuse-60)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:65, html.dark .sf-c-txt-chartreuse\:65 { color: hsl(var(--sf-c-txt-chartreuse-65)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:70, html.dark .sf-c-txt-chartreuse\:70 { color: hsl(var(--sf-c-txt-chartreuse-70)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:75, html.dark .sf-c-txt-chartreuse\:75 { color: hsl(var(--sf-c-txt-chartreuse-75)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:80, html.dark .sf-c-txt-chartreuse\:80 { color: hsl(var(--sf-c-txt-chartreuse-80)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:85, html.dark .sf-c-txt-chartreuse\:85 { color: hsl(var(--sf-c-txt-chartreuse-85)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:90, html.dark .sf-c-txt-chartreuse\:90 { color: hsl(var(--sf-c-txt-chartreuse-90)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:95, html.dark .sf-c-txt-chartreuse\:95 { color: hsl(var(--sf-c-txt-chartreuse-95)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:100, html.dark .sf-c-txt-chartreuse\:100 { color: hsl(var(--sf-c-txt-chartreuse-100)) } + +html[data-theme='dark'] .sf-c-txt-chartreuse\:dark, html.dark .sf-c-txt-chartreuse\:dark { color: hsl(var(--sf-c-txt-chartreuse)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:0\:dark, html.dark .sf-c-txt-chartreuse\:0\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-0)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:5\:dark, html.dark .sf-c-txt-chartreuse\:5\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-5)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:10\:dark, html.dark .sf-c-txt-chartreuse\:10\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-10)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:15\:dark, html.dark .sf-c-txt-chartreuse\:15\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-15)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:20\:dark, html.dark .sf-c-txt-chartreuse\:20\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-20)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:25\:dark, html.dark .sf-c-txt-chartreuse\:25\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-25)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:30\:dark, html.dark .sf-c-txt-chartreuse\:30\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-30)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:35\:dark, html.dark .sf-c-txt-chartreuse\:35\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-35)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:40\:dark, html.dark .sf-c-txt-chartreuse\:40\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-40)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:45\:dark, html.dark .sf-c-txt-chartreuse\:45\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-45)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:50\:dark, html.dark .sf-c-txt-chartreuse\:50\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-50)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:55\:dark, html.dark .sf-c-txt-chartreuse\:55\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-55)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:60\:dark, html.dark .sf-c-txt-chartreuse\:60\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-60)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:65\:dark, html.dark .sf-c-txt-chartreuse\:65\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-65)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:70\:dark, html.dark .sf-c-txt-chartreuse\:70\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-70)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:75\:dark, html.dark .sf-c-txt-chartreuse\:75\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-75)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:80\:dark, html.dark .sf-c-txt-chartreuse\:80\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-80)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:85\:dark, html.dark .sf-c-txt-chartreuse\:85\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-85)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:90\:dark, html.dark .sf-c-txt-chartreuse\:90\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-90)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:95\:dark, html.dark .sf-c-txt-chartreuse\:95\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-95)) } +html[data-theme='dark'] .sf-c-txt-chartreuse\:100\:dark, html.dark .sf-c-txt-chartreuse\:100\:dark { color: hsl(var(--sf-dark-c-txt-chartreuse-100)) } + html.var[data-theme='dark'] .sf-c-chartreuse, html.var.dark .sf-c-chartreuse { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } html.var[data-theme='dark'] .sf-c-chartreuse\:0, html.var.dark .sf-c-chartreuse\:0 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 100%) } html.var[data-theme='dark'] .sf-c-chartreuse\:5, html.var.dark .sf-c-chartreuse\:5 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-chartreuse\:90\:dark, html.var.dark .sf-c-char html.var[data-theme='dark'] .sf-c-chartreuse\:95\:dark, html.var.dark .sf-c-chartreuse\:95\:dark { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 5%) } html.var[data-theme='dark'] .sf-c-chartreuse\:100\:dark, html.var.dark .sf-c-chartreuse\:100\:dark { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse, html.dark .sf-c-txt-chartreuse { color: hsl(90, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:0, html.dark .sf-c-txt-chartreuse\:0 { color: hsl(90, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:5, html.dark .sf-c-txt-chartreuse\:5 { color: hsl(90, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:10, html.dark .sf-c-txt-chartreuse\:10 { color: hsl(90, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:15, html.dark .sf-c-txt-chartreuse\:15 { color: hsl(90, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:20, html.dark .sf-c-txt-chartreuse\:20 { color: hsl(90, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:25, html.dark .sf-c-txt-chartreuse\:25 { color: hsl(90, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:30, html.dark .sf-c-txt-chartreuse\:30 { color: hsl(90, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:35, html.dark .sf-c-txt-chartreuse\:35 { color: hsl(90, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:40, html.dark .sf-c-txt-chartreuse\:40 { color: hsl(90, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:45, html.dark .sf-c-txt-chartreuse\:45 { color: hsl(90, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:50, html.dark .sf-c-txt-chartreuse\:50 { color: hsl(90, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:55, html.dark .sf-c-txt-chartreuse\:55 { color: hsl(90, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:60, html.dark .sf-c-txt-chartreuse\:60 { color: hsl(90, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:65, html.dark .sf-c-txt-chartreuse\:65 { color: hsl(90, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:70, html.dark .sf-c-txt-chartreuse\:70 { color: hsl(90, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:75, html.dark .sf-c-txt-chartreuse\:75 { color: hsl(90, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:80, html.dark .sf-c-txt-chartreuse\:80 { color: hsl(90, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:85, html.dark .sf-c-txt-chartreuse\:85 { color: hsl(90, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:90, html.dark .sf-c-txt-chartreuse\:90 { color: hsl(90, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:95, html.dark .sf-c-txt-chartreuse\:95 { color: hsl(90, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:100, html.dark .sf-c-txt-chartreuse\:100 { color: hsl(90, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:dark, html.dark .sf-c-txt-chartreuse\:dark { color: hsl(90, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:0\:dark, html.dark .sf-c-txt-chartreuse\:0\:dark { color: hsl(90, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:5\:dark, html.dark .sf-c-txt-chartreuse\:5\:dark { color: hsl(90, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:10\:dark, html.dark .sf-c-txt-chartreuse\:10\:dark { color: hsl(90, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:15\:dark, html.dark .sf-c-txt-chartreuse\:15\:dark { color: hsl(90, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:20\:dark, html.dark .sf-c-txt-chartreuse\:20\:dark { color: hsl(90, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:25\:dark, html.dark .sf-c-txt-chartreuse\:25\:dark { color: hsl(90, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:30\:dark, html.dark .sf-c-txt-chartreuse\:30\:dark { color: hsl(90, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:35\:dark, html.dark .sf-c-txt-chartreuse\:35\:dark { color: hsl(90, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:40\:dark, html.dark .sf-c-txt-chartreuse\:40\:dark { color: hsl(90, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:45\:dark, html.dark .sf-c-txt-chartreuse\:45\:dark { color: hsl(90, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:50\:dark, html.dark .sf-c-txt-chartreuse\:50\:dark { color: hsl(90, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:55\:dark, html.dark .sf-c-txt-chartreuse\:55\:dark { color: hsl(90, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:60\:dark, html.dark .sf-c-txt-chartreuse\:60\:dark { color: hsl(90, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:65\:dark, html.dark .sf-c-txt-chartreuse\:65\:dark { color: hsl(90, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:70\:dark, html.dark .sf-c-txt-chartreuse\:70\:dark { color: hsl(90, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:75\:dark, html.dark .sf-c-txt-chartreuse\:75\:dark { color: hsl(90, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:80\:dark, html.dark .sf-c-txt-chartreuse\:80\:dark { color: hsl(90, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:85\:dark, html.dark .sf-c-txt-chartreuse\:85\:dark { color: hsl(90, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:90\:dark, html.dark .sf-c-txt-chartreuse\:90\:dark { color: hsl(90, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:95\:dark, html.dark .sf-c-txt-chartreuse\:95\:dark { color: hsl(90, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-chartreuse\:100\:dark, html.dark .sf-c-txt-chartreuse\:100\:dark { color: hsl(90, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-chartreuse, html.auto .sf-c-chartreuse { color: hsl(var(--sf-dark-c-txt-chartreuse-5)); background: hsl(var(--sf-dark-c-chartreuse)) } html[data-theme='auto'] .sf-c-chartreuse\:0, html.auto .sf-c-chartreuse\:0 { color: hsl(var(--sf-dark-c-txt-chartreuse-95)); background: hsl(var(--sf-dark-c-chartreuse-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-chartreuse\:100\:dark, html.var.dark .sf-c-cha html[data-theme='auto'] .sf-c-chartreuse\:95\:dark, html.auto .sf-c-chartreuse\:95\:dark { color: hsl(var(--sf-c-txt-chartreuse-95)); background: hsl(var(--sf-c-chartreuse-5)) } html[data-theme='auto'] .sf-c-chartreuse\:100\:dark, html.auto .sf-c-chartreuse\:100\:dark { color: hsl(var(--sf-c-txt-chartreuse-95)); background: hsl(var(--sf-c-chartreuse-0)) } + html[data-theme='auto'] .sf-c-txt-chartreuse, html.auto .sf-c-txt-chartreuse { color: hsl(var(--sf-c-txt-chartreuse)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:0, html.auto .sf-c-txt-chartreuse\:0 { color: hsl(var(--sf-c-txt-chartreuse-0)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:5, html.auto .sf-c-txt-chartreuse\:5 { color: hsl(var(--sf-c-txt-chartreuse-5)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:10, html.auto .sf-c-txt-chartreuse\:10 { color: hsl(var(--sf-c-txt-chartreuse-10)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:15, html.auto .sf-c-txt-chartreuse\:15 { color: hsl(var(--sf-c-txt-chartreuse-15)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:20, html.auto .sf-c-txt-chartreuse\:20 { color: hsl(var(--sf-c-txt-chartreuse-20)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:25, html.auto .sf-c-txt-chartreuse\:25 { color: hsl(var(--sf-c-txt-chartreuse-25)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:30, html.auto .sf-c-txt-chartreuse\:30 { color: hsl(var(--sf-c-txt-chartreuse-30)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:35, html.auto .sf-c-txt-chartreuse\:35 { color: hsl(var(--sf-c-txt-chartreuse-35)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:40, html.auto .sf-c-txt-chartreuse\:40 { color: hsl(var(--sf-c-txt-chartreuse-40)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:45, html.auto .sf-c-txt-chartreuse\:45 { color: hsl(var(--sf-c-txt-chartreuse-45)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:50, html.auto .sf-c-txt-chartreuse\:50 { color: hsl(var(--sf-c-txt-chartreuse-50)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:55, html.auto .sf-c-txt-chartreuse\:55 { color: hsl(var(--sf-c-txt-chartreuse-55)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:60, html.auto .sf-c-txt-chartreuse\:60 { color: hsl(var(--sf-c-txt-chartreuse-60)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:65, html.auto .sf-c-txt-chartreuse\:65 { color: hsl(var(--sf-c-txt-chartreuse-65)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:70, html.auto .sf-c-txt-chartreuse\:70 { color: hsl(var(--sf-c-txt-chartreuse-70)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:75, html.auto .sf-c-txt-chartreuse\:75 { color: hsl(var(--sf-c-txt-chartreuse-75)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:80, html.auto .sf-c-txt-chartreuse\:80 { color: hsl(var(--sf-c-txt-chartreuse-80)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:85, html.auto .sf-c-txt-chartreuse\:85 { color: hsl(var(--sf-c-txt-chartreuse-85)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:90, html.auto .sf-c-txt-chartreuse\:90 { color: hsl(var(--sf-c-txt-chartreuse-90)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:95, html.auto .sf-c-txt-chartreuse\:95 { color: hsl(var(--sf-c-txt-chartreuse-95)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:100, html.auto .sf-c-txt-chartreuse\:100 { color: hsl(var(--sf-c-txt-chartreuse-100)) } + + html[data-theme='auto'] .sf-c-txt-chartreuse\:dark, html.auto .sf-c-txt-chartreuse\:dark { color: hsl(var(--sf-c-txt-chartreuse)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:0\:dark, html.auto .sf-c-txt-chartreuse\:0\:dark { color: hsl(var(--sf-c-txt-chartreuse-0)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:5\:dark, html.auto .sf-c-txt-chartreuse\:5\:dark { color: hsl(var(--sf-c-txt-chartreuse-5)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:10\:dark, html.auto .sf-c-txt-chartreuse\:10\:dark { color: hsl(var(--sf-c-txt-chartreuse-10)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:15\:dark, html.auto .sf-c-txt-chartreuse\:15\:dark { color: hsl(var(--sf-c-txt-chartreuse-15)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:20\:dark, html.auto .sf-c-txt-chartreuse\:20\:dark { color: hsl(var(--sf-c-txt-chartreuse-20)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:25\:dark, html.auto .sf-c-txt-chartreuse\:25\:dark { color: hsl(var(--sf-c-txt-chartreuse-25)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:30\:dark, html.auto .sf-c-txt-chartreuse\:30\:dark { color: hsl(var(--sf-c-txt-chartreuse-30)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:35\:dark, html.auto .sf-c-txt-chartreuse\:35\:dark { color: hsl(var(--sf-c-txt-chartreuse-35)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:40\:dark, html.auto .sf-c-txt-chartreuse\:40\:dark { color: hsl(var(--sf-c-txt-chartreuse-40)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:45\:dark, html.auto .sf-c-txt-chartreuse\:45\:dark { color: hsl(var(--sf-c-txt-chartreuse-45)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:50\:dark, html.auto .sf-c-txt-chartreuse\:50\:dark { color: hsl(var(--sf-c-txt-chartreuse-50)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:55\:dark, html.auto .sf-c-txt-chartreuse\:55\:dark { color: hsl(var(--sf-c-txt-chartreuse-55)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:60\:dark, html.auto .sf-c-txt-chartreuse\:60\:dark { color: hsl(var(--sf-c-txt-chartreuse-60)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:65\:dark, html.auto .sf-c-txt-chartreuse\:65\:dark { color: hsl(var(--sf-c-txt-chartreuse-65)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:70\:dark, html.auto .sf-c-txt-chartreuse\:70\:dark { color: hsl(var(--sf-c-txt-chartreuse-70)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:75\:dark, html.auto .sf-c-txt-chartreuse\:75\:dark { color: hsl(var(--sf-c-txt-chartreuse-75)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:80\:dark, html.auto .sf-c-txt-chartreuse\:80\:dark { color: hsl(var(--sf-c-txt-chartreuse-80)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:85\:dark, html.auto .sf-c-txt-chartreuse\:85\:dark { color: hsl(var(--sf-c-txt-chartreuse-85)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:90\:dark, html.auto .sf-c-txt-chartreuse\:90\:dark { color: hsl(var(--sf-c-txt-chartreuse-90)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:95\:dark, html.auto .sf-c-txt-chartreuse\:95\:dark { color: hsl(var(--sf-c-txt-chartreuse-95)) } + html[data-theme='auto'] .sf-c-txt-chartreuse\:100\:dark, html.auto .sf-c-txt-chartreuse\:100\:dark { color: hsl(var(--sf-c-txt-chartreuse-100)) } + html.var[data-theme='auto'] .sf-c-chartreuse, html.var.auto .sf-c-chartreuse { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 50%) } html.var[data-theme='auto'] .sf-c-chartreuse\:0, html.var.auto .sf-c-chartreuse\:0 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 100%) } html.var[data-theme='auto'] .sf-c-chartreuse\:5, html.var.auto .sf-c-chartreuse\:5 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-chartreuse\:100\:dark, html.var.dark .sf-c-cha html.var[data-theme='auto'] .sf-c-chartreuse\:90\:dark, html.var.auto .sf-c-chartreuse\:90\:dark { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 10%) } html.var[data-theme='auto'] .sf-c-chartreuse\:95\:dark, html.var.auto .sf-c-chartreuse\:95\:dark { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 5%) } html.var[data-theme='auto'] .sf-c-chartreuse\:100\:dark, html.var.auto .sf-c-chartreuse\:100\:dark { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 0%) } -} -.sf-c-txt-chartreuse { color: hsl(var(--sf-c-txt-chartreuse)) } -.sf-c-txt-chartreuse\:0 { color: hsl(var(--sf-c-txt-chartreuse-0)) } -.sf-c-txt-chartreuse\:5 { color: hsl(var(--sf-c-txt-chartreuse-5)) } -.sf-c-txt-chartreuse\:10 { color: hsl(var(--sf-c-txt-chartreuse-10)) } -.sf-c-txt-chartreuse\:15 { color: hsl(var(--sf-c-txt-chartreuse-15)) } -.sf-c-txt-chartreuse\:20 { color: hsl(var(--sf-c-txt-chartreuse-20)) } -.sf-c-txt-chartreuse\:25 { color: hsl(var(--sf-c-txt-chartreuse-25)) } -.sf-c-txt-chartreuse\:30 { color: hsl(var(--sf-c-txt-chartreuse-30)) } -.sf-c-txt-chartreuse\:35 { color: hsl(var(--sf-c-txt-chartreuse-35)) } -.sf-c-txt-chartreuse\:40 { color: hsl(var(--sf-c-txt-chartreuse-40)) } -.sf-c-txt-chartreuse\:45 { color: hsl(var(--sf-c-txt-chartreuse-45)) } -.sf-c-txt-chartreuse\:50 { color: hsl(var(--sf-c-txt-chartreuse-50)) } -.sf-c-txt-chartreuse\:55 { color: hsl(var(--sf-c-txt-chartreuse-55)) } -.sf-c-txt-chartreuse\:60 { color: hsl(var(--sf-c-txt-chartreuse-60)) } -.sf-c-txt-chartreuse\:65 { color: hsl(var(--sf-c-txt-chartreuse-65)) } -.sf-c-txt-chartreuse\:70 { color: hsl(var(--sf-c-txt-chartreuse-70)) } -.sf-c-txt-chartreuse\:75 { color: hsl(var(--sf-c-txt-chartreuse-75)) } -.sf-c-txt-chartreuse\:80 { color: hsl(var(--sf-c-txt-chartreuse-80)) } -.sf-c-txt-chartreuse\:85 { color: hsl(var(--sf-c-txt-chartreuse-85)) } -.sf-c-txt-chartreuse\:90 { color: hsl(var(--sf-c-txt-chartreuse-90)) } -.sf-c-txt-chartreuse\:95 { color: hsl(var(--sf-c-txt-chartreuse-95)) } -.sf-c-txt-chartreuse\:100 { color: hsl(var(--sf-c-txt-chartreuse-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-chartreuse, html.auto .sf-c-txt-chartreuse { color: hsl(90, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:0, html.auto .sf-c-txt-chartreuse\:0 { color: hsl(90, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:5, html.auto .sf-c-txt-chartreuse\:5 { color: hsl(90, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:10, html.auto .sf-c-txt-chartreuse\:10 { color: hsl(90, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:15, html.auto .sf-c-txt-chartreuse\:15 { color: hsl(90, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:20, html.auto .sf-c-txt-chartreuse\:20 { color: hsl(90, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:25, html.auto .sf-c-txt-chartreuse\:25 { color: hsl(90, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:30, html.auto .sf-c-txt-chartreuse\:30 { color: hsl(90, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:35, html.auto .sf-c-txt-chartreuse\:35 { color: hsl(90, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:40, html.auto .sf-c-txt-chartreuse\:40 { color: hsl(90, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:45, html.auto .sf-c-txt-chartreuse\:45 { color: hsl(90, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:50, html.auto .sf-c-txt-chartreuse\:50 { color: hsl(90, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:55, html.auto .sf-c-txt-chartreuse\:55 { color: hsl(90, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:60, html.auto .sf-c-txt-chartreuse\:60 { color: hsl(90, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:65, html.auto .sf-c-txt-chartreuse\:65 { color: hsl(90, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:70, html.auto .sf-c-txt-chartreuse\:70 { color: hsl(90, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:75, html.auto .sf-c-txt-chartreuse\:75 { color: hsl(90, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:80, html.auto .sf-c-txt-chartreuse\:80 { color: hsl(90, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:85, html.auto .sf-c-txt-chartreuse\:85 { color: hsl(90, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:90, html.auto .sf-c-txt-chartreuse\:90 { color: hsl(90, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:95, html.auto .sf-c-txt-chartreuse\:95 { color: hsl(90, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:100, html.auto .sf-c-txt-chartreuse\:100 { color: hsl(90, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:dark, html.auto .sf-c-txt-chartreuse\:dark { color: hsl(90, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:0\:dark, html.auto .sf-c-txt-chartreuse\:0\:dark { color: hsl(90, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:5\:dark, html.auto .sf-c-txt-chartreuse\:5\:dark { color: hsl(90, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:10\:dark, html.auto .sf-c-txt-chartreuse\:10\:dark { color: hsl(90, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:15\:dark, html.auto .sf-c-txt-chartreuse\:15\:dark { color: hsl(90, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:20\:dark, html.auto .sf-c-txt-chartreuse\:20\:dark { color: hsl(90, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:25\:dark, html.auto .sf-c-txt-chartreuse\:25\:dark { color: hsl(90, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:30\:dark, html.auto .sf-c-txt-chartreuse\:30\:dark { color: hsl(90, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:35\:dark, html.auto .sf-c-txt-chartreuse\:35\:dark { color: hsl(90, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:40\:dark, html.auto .sf-c-txt-chartreuse\:40\:dark { color: hsl(90, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:45\:dark, html.auto .sf-c-txt-chartreuse\:45\:dark { color: hsl(90, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:50\:dark, html.auto .sf-c-txt-chartreuse\:50\:dark { color: hsl(90, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:55\:dark, html.auto .sf-c-txt-chartreuse\:55\:dark { color: hsl(90, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:60\:dark, html.auto .sf-c-txt-chartreuse\:60\:dark { color: hsl(90, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:65\:dark, html.auto .sf-c-txt-chartreuse\:65\:dark { color: hsl(90, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:70\:dark, html.auto .sf-c-txt-chartreuse\:70\:dark { color: hsl(90, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:75\:dark, html.auto .sf-c-txt-chartreuse\:75\:dark { color: hsl(90, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:80\:dark, html.auto .sf-c-txt-chartreuse\:80\:dark { color: hsl(90, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:85\:dark, html.auto .sf-c-txt-chartreuse\:85\:dark { color: hsl(90, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:90\:dark, html.auto .sf-c-txt-chartreuse\:90\:dark { color: hsl(90, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:95\:dark, html.auto .sf-c-txt-chartreuse\:95\:dark { color: hsl(90, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-chartreuse\:100\:dark, html.auto .sf-c-txt-chartreuse\:100\:dark { color: hsl(90, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/chocolate.css b/src/colors/20/chocolate.css index 36d42fa..0323dcf 100644 --- a/src/colors/20/chocolate.css +++ b/src/colors/20/chocolate.css @@ -138,6 +138,52 @@ html.var .sf-c-chocolate\:90 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, html.var .sf-c-chocolate\:95 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 95%) } html.var .sf-c-chocolate\:100 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 100%) } +.sf-c-txt-chocolate { color: hsl(var(--sf-dark-c-txt-chocolate)) } +.sf-c-txt-chocolate\:0 { color: hsl(var(--sf-dark-c-txt-chocolate-100)) } +.sf-c-txt-chocolate\:5 { color: hsl(var(--sf-dark-c-txt-chocolate-95)) } +.sf-c-txt-chocolate\:10 { color: hsl(var(--sf-dark-c-txt-chocolate-90)) } +.sf-c-txt-chocolate\:15 { color: hsl(var(--sf-dark-c-txt-chocolate-85)) } +.sf-c-txt-chocolate\:20 { color: hsl(var(--sf-dark-c-txt-chocolate-80)) } +.sf-c-txt-chocolate\:25 { color: hsl(var(--sf-dark-c-txt-chocolate-75)) } +.sf-c-txt-chocolate\:30 { color: hsl(var(--sf-dark-c-txt-chocolate-70)) } +.sf-c-txt-chocolate\:35 { color: hsl(var(--sf-dark-c-txt-chocolate-65)) } +.sf-c-txt-chocolate\:40 { color: hsl(var(--sf-dark-c-txt-chocolate-60)) } +.sf-c-txt-chocolate\:45 { color: hsl(var(--sf-dark-c-txt-chocolate-55)) } +.sf-c-txt-chocolate\:50 { color: hsl(var(--sf-dark-c-txt-chocolate-50)) } +.sf-c-txt-chocolate\:55 { color: hsl(var(--sf-dark-c-txt-chocolate-45)) } +.sf-c-txt-chocolate\:60 { color: hsl(var(--sf-dark-c-txt-chocolate-40)) } +.sf-c-txt-chocolate\:65 { color: hsl(var(--sf-dark-c-txt-chocolate-35)) } +.sf-c-txt-chocolate\:70 { color: hsl(var(--sf-dark-c-txt-chocolate-30)) } +.sf-c-txt-chocolate\:75 { color: hsl(var(--sf-dark-c-txt-chocolate-25)) } +.sf-c-txt-chocolate\:80 { color: hsl(var(--sf-dark-c-txt-chocolate-20)) } +.sf-c-txt-chocolate\:85 { color: hsl(var(--sf-dark-c-txt-chocolate-15)) } +.sf-c-txt-chocolate\:90 { color: hsl(var(--sf-dark-c-txt-chocolate-10)) } +.sf-c-txt-chocolate\:95 { color: hsl(var(--sf-dark-c-txt-chocolate-5)) } +.sf-c-txt-chocolate\:100 { color: hsl(var(--sf-dark-c-txt-chocolate-0)) } + +html.var .sf-c-txt-chocolate { color: hsl(25, 75%, 53%) } +html.var .sf-c-txt-chocolate\:0 { color: hsl(25, 75%, 100%) } +html.var .sf-c-txt-chocolate\:5 { color: hsl(25, 75%, 95%) } +html.var .sf-c-txt-chocolate\:10 { color: hsl(25, 75%, 90%) } +html.var .sf-c-txt-chocolate\:15 { color: hsl(25, 75%, 85%) } +html.var .sf-c-txt-chocolate\:20 { color: hsl(25, 75%, 80%) } +html.var .sf-c-txt-chocolate\:25 { color: hsl(25, 75%, 75%) } +html.var .sf-c-txt-chocolate\:30 { color: hsl(25, 75%, 70%) } +html.var .sf-c-txt-chocolate\:35 { color: hsl(25, 75%, 65%) } +html.var .sf-c-txt-chocolate\:40 { color: hsl(25, 75%, 60%) } +html.var .sf-c-txt-chocolate\:45 { color: hsl(25, 75%, 55%) } +html.var .sf-c-txt-chocolate\:50 { color: hsl(25, 75%, 50%) } +html.var .sf-c-txt-chocolate\:55 { color: hsl(25, 75%, 45%) } +html.var .sf-c-txt-chocolate\:60 { color: hsl(25, 75%, 40%) } +html.var .sf-c-txt-chocolate\:65 { color: hsl(25, 75%, 35%) } +html.var .sf-c-txt-chocolate\:70 { color: hsl(25, 75%, 30%) } +html.var .sf-c-txt-chocolate\:75 { color: hsl(25, 75%, 25%) } +html.var .sf-c-txt-chocolate\:80 { color: hsl(25, 75%, 20%) } +html.var .sf-c-txt-chocolate\:85 { color: hsl(25, 75%, 15%) } +html.var .sf-c-txt-chocolate\:90 { color: hsl(25, 75%, 10%) } +html.var .sf-c-txt-chocolate\:95 { color: hsl(25, 75%, 5%) } +html.var .sf-c-txt-chocolate\:100 { color: hsl(25, 75%, 0%) } + html[data-theme='dark'] .sf-c-chocolate, html.dark .sf-c-chocolate { color: hsl(var(--sf-dark-c-txt-chocolate-95)); background: hsl(var(--sf-dark-c-chocolate)) } html[data-theme='dark'] .sf-c-chocolate\:0, html.dark .sf-c-chocolate\:0 { color: hsl(var(--sf-dark-c-txt-chocolate-95)); background: hsl(var(--sf-dark-c-chocolate-100)) } html[data-theme='dark'] .sf-c-chocolate\:5, html.dark .sf-c-chocolate\:5 { color: hsl(var(--sf-dark-c-txt-chocolate-5)); background: hsl(var(--sf-dark-c-chocolate-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-chocolate\:90\:dark, html.dark .sf-c-chocolate\:90 html[data-theme='dark'] .sf-c-chocolate\:95\:dark, html.dark .sf-c-chocolate\:95\:dark { color: hsl(var(--sf-c-txt-chocolate-95)); background: hsl(var(--sf-c-chocolate-5)) } html[data-theme='dark'] .sf-c-chocolate\:100\:dark, html.dark .sf-c-chocolate\:100\:dark { color: hsl(var(--sf-c-txt-chocolate-95)); background: hsl(var(--sf-c-chocolate-0)) } +html[data-theme='dark'] .sf-c-txt-chocolate, html.dark .sf-c-txt-chocolate { color: hsl(var(--sf-c-txt-chocolate)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:0, html.dark .sf-c-txt-chocolate\:0 { color: hsl(var(--sf-c-txt-chocolate-0)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:5, html.dark .sf-c-txt-chocolate\:5 { color: hsl(var(--sf-c-txt-chocolate-5)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:10, html.dark .sf-c-txt-chocolate\:10 { color: hsl(var(--sf-c-txt-chocolate-10)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:15, html.dark .sf-c-txt-chocolate\:15 { color: hsl(var(--sf-c-txt-chocolate-15)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:20, html.dark .sf-c-txt-chocolate\:20 { color: hsl(var(--sf-c-txt-chocolate-20)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:25, html.dark .sf-c-txt-chocolate\:25 { color: hsl(var(--sf-c-txt-chocolate-25)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:30, html.dark .sf-c-txt-chocolate\:30 { color: hsl(var(--sf-c-txt-chocolate-30)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:35, html.dark .sf-c-txt-chocolate\:35 { color: hsl(var(--sf-c-txt-chocolate-35)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:40, html.dark .sf-c-txt-chocolate\:40 { color: hsl(var(--sf-c-txt-chocolate-40)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:45, html.dark .sf-c-txt-chocolate\:45 { color: hsl(var(--sf-c-txt-chocolate-45)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:50, html.dark .sf-c-txt-chocolate\:50 { color: hsl(var(--sf-c-txt-chocolate-50)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:55, html.dark .sf-c-txt-chocolate\:55 { color: hsl(var(--sf-c-txt-chocolate-55)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:60, html.dark .sf-c-txt-chocolate\:60 { color: hsl(var(--sf-c-txt-chocolate-60)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:65, html.dark .sf-c-txt-chocolate\:65 { color: hsl(var(--sf-c-txt-chocolate-65)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:70, html.dark .sf-c-txt-chocolate\:70 { color: hsl(var(--sf-c-txt-chocolate-70)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:75, html.dark .sf-c-txt-chocolate\:75 { color: hsl(var(--sf-c-txt-chocolate-75)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:80, html.dark .sf-c-txt-chocolate\:80 { color: hsl(var(--sf-c-txt-chocolate-80)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:85, html.dark .sf-c-txt-chocolate\:85 { color: hsl(var(--sf-c-txt-chocolate-85)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:90, html.dark .sf-c-txt-chocolate\:90 { color: hsl(var(--sf-c-txt-chocolate-90)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:95, html.dark .sf-c-txt-chocolate\:95 { color: hsl(var(--sf-c-txt-chocolate-95)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:100, html.dark .sf-c-txt-chocolate\:100 { color: hsl(var(--sf-c-txt-chocolate-100)) } + +html[data-theme='dark'] .sf-c-txt-chocolate\:dark, html.dark .sf-c-txt-chocolate\:dark { color: hsl(var(--sf-c-txt-chocolate)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:0\:dark, html.dark .sf-c-txt-chocolate\:0\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-0)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:5\:dark, html.dark .sf-c-txt-chocolate\:5\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-5)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:10\:dark, html.dark .sf-c-txt-chocolate\:10\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-10)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:15\:dark, html.dark .sf-c-txt-chocolate\:15\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-15)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:20\:dark, html.dark .sf-c-txt-chocolate\:20\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-20)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:25\:dark, html.dark .sf-c-txt-chocolate\:25\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-25)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:30\:dark, html.dark .sf-c-txt-chocolate\:30\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-30)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:35\:dark, html.dark .sf-c-txt-chocolate\:35\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-35)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:40\:dark, html.dark .sf-c-txt-chocolate\:40\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-40)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:45\:dark, html.dark .sf-c-txt-chocolate\:45\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-45)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:50\:dark, html.dark .sf-c-txt-chocolate\:50\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-50)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:55\:dark, html.dark .sf-c-txt-chocolate\:55\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-55)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:60\:dark, html.dark .sf-c-txt-chocolate\:60\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-60)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:65\:dark, html.dark .sf-c-txt-chocolate\:65\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-65)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:70\:dark, html.dark .sf-c-txt-chocolate\:70\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-70)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:75\:dark, html.dark .sf-c-txt-chocolate\:75\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-75)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:80\:dark, html.dark .sf-c-txt-chocolate\:80\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-80)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:85\:dark, html.dark .sf-c-txt-chocolate\:85\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-85)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:90\:dark, html.dark .sf-c-txt-chocolate\:90\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-90)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:95\:dark, html.dark .sf-c-txt-chocolate\:95\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-95)) } +html[data-theme='dark'] .sf-c-txt-chocolate\:100\:dark, html.dark .sf-c-txt-chocolate\:100\:dark { color: hsl(var(--sf-dark-c-txt-chocolate-100)) } + html.var[data-theme='dark'] .sf-c-chocolate, html.var.dark .sf-c-chocolate { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 53%) } html.var[data-theme='dark'] .sf-c-chocolate\:0, html.var.dark .sf-c-chocolate\:0 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 100%) } html.var[data-theme='dark'] .sf-c-chocolate\:5, html.var.dark .sf-c-chocolate\:5 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-chocolate\:90\:dark, html.var.dark .sf-c-choco html.var[data-theme='dark'] .sf-c-chocolate\:95\:dark, html.var.dark .sf-c-chocolate\:95\:dark { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 5%) } html.var[data-theme='dark'] .sf-c-chocolate\:100\:dark, html.var.dark .sf-c-chocolate\:100\:dark { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate, html.dark .sf-c-txt-chocolate { color: hsl(25, 75%, 47%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:0, html.dark .sf-c-txt-chocolate\:0 { color: hsl(25, 75%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:5, html.dark .sf-c-txt-chocolate\:5 { color: hsl(25, 75%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:10, html.dark .sf-c-txt-chocolate\:10 { color: hsl(25, 75%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:15, html.dark .sf-c-txt-chocolate\:15 { color: hsl(25, 75%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:20, html.dark .sf-c-txt-chocolate\:20 { color: hsl(25, 75%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:25, html.dark .sf-c-txt-chocolate\:25 { color: hsl(25, 75%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:30, html.dark .sf-c-txt-chocolate\:30 { color: hsl(25, 75%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:35, html.dark .sf-c-txt-chocolate\:35 { color: hsl(25, 75%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:40, html.dark .sf-c-txt-chocolate\:40 { color: hsl(25, 75%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:45, html.dark .sf-c-txt-chocolate\:45 { color: hsl(25, 75%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:50, html.dark .sf-c-txt-chocolate\:50 { color: hsl(25, 75%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:55, html.dark .sf-c-txt-chocolate\:55 { color: hsl(25, 75%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:60, html.dark .sf-c-txt-chocolate\:60 { color: hsl(25, 75%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:65, html.dark .sf-c-txt-chocolate\:65 { color: hsl(25, 75%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:70, html.dark .sf-c-txt-chocolate\:70 { color: hsl(25, 75%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:75, html.dark .sf-c-txt-chocolate\:75 { color: hsl(25, 75%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:80, html.dark .sf-c-txt-chocolate\:80 { color: hsl(25, 75%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:85, html.dark .sf-c-txt-chocolate\:85 { color: hsl(25, 75%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:90, html.dark .sf-c-txt-chocolate\:90 { color: hsl(25, 75%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:95, html.dark .sf-c-txt-chocolate\:95 { color: hsl(25, 75%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:100, html.dark .sf-c-txt-chocolate\:100 { color: hsl(25, 75%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-chocolate\:dark, html.dark .sf-c-txt-chocolate\:dark { color: hsl(25, 75%, 47%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:0\:dark, html.dark .sf-c-txt-chocolate\:0\:dark { color: hsl(25, 75%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:5\:dark, html.dark .sf-c-txt-chocolate\:5\:dark { color: hsl(25, 75%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:10\:dark, html.dark .sf-c-txt-chocolate\:10\:dark { color: hsl(25, 75%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:15\:dark, html.dark .sf-c-txt-chocolate\:15\:dark { color: hsl(25, 75%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:20\:dark, html.dark .sf-c-txt-chocolate\:20\:dark { color: hsl(25, 75%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:25\:dark, html.dark .sf-c-txt-chocolate\:25\:dark { color: hsl(25, 75%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:30\:dark, html.dark .sf-c-txt-chocolate\:30\:dark { color: hsl(25, 75%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:35\:dark, html.dark .sf-c-txt-chocolate\:35\:dark { color: hsl(25, 75%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:40\:dark, html.dark .sf-c-txt-chocolate\:40\:dark { color: hsl(25, 75%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:45\:dark, html.dark .sf-c-txt-chocolate\:45\:dark { color: hsl(25, 75%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:50\:dark, html.dark .sf-c-txt-chocolate\:50\:dark { color: hsl(25, 75%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:55\:dark, html.dark .sf-c-txt-chocolate\:55\:dark { color: hsl(25, 75%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:60\:dark, html.dark .sf-c-txt-chocolate\:60\:dark { color: hsl(25, 75%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:65\:dark, html.dark .sf-c-txt-chocolate\:65\:dark { color: hsl(25, 75%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:70\:dark, html.dark .sf-c-txt-chocolate\:70\:dark { color: hsl(25, 75%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:75\:dark, html.dark .sf-c-txt-chocolate\:75\:dark { color: hsl(25, 75%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:80\:dark, html.dark .sf-c-txt-chocolate\:80\:dark { color: hsl(25, 75%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:85\:dark, html.dark .sf-c-txt-chocolate\:85\:dark { color: hsl(25, 75%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:90\:dark, html.dark .sf-c-txt-chocolate\:90\:dark { color: hsl(25, 75%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:95\:dark, html.dark .sf-c-txt-chocolate\:95\:dark { color: hsl(25, 75%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-chocolate\:100\:dark, html.dark .sf-c-txt-chocolate\:100\:dark { color: hsl(25, 75%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-chocolate, html.auto .sf-c-chocolate { color: hsl(var(--sf-dark-c-txt-chocolate-95)); background: hsl(var(--sf-dark-c-chocolate)) } html[data-theme='auto'] .sf-c-chocolate\:0, html.auto .sf-c-chocolate\:0 { color: hsl(var(--sf-dark-c-txt-chocolate-95)); background: hsl(var(--sf-dark-c-chocolate-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-chocolate\:100\:dark, html.var.dark .sf-c-choc html[data-theme='auto'] .sf-c-chocolate\:95\:dark, html.auto .sf-c-chocolate\:95\:dark { color: hsl(var(--sf-c-txt-chocolate-95)); background: hsl(var(--sf-c-chocolate-5)) } html[data-theme='auto'] .sf-c-chocolate\:100\:dark, html.auto .sf-c-chocolate\:100\:dark { color: hsl(var(--sf-c-txt-chocolate-95)); background: hsl(var(--sf-c-chocolate-0)) } + html[data-theme='auto'] .sf-c-txt-chocolate, html.auto .sf-c-txt-chocolate { color: hsl(var(--sf-c-txt-chocolate)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:0, html.auto .sf-c-txt-chocolate\:0 { color: hsl(var(--sf-c-txt-chocolate-0)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:5, html.auto .sf-c-txt-chocolate\:5 { color: hsl(var(--sf-c-txt-chocolate-5)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:10, html.auto .sf-c-txt-chocolate\:10 { color: hsl(var(--sf-c-txt-chocolate-10)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:15, html.auto .sf-c-txt-chocolate\:15 { color: hsl(var(--sf-c-txt-chocolate-15)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:20, html.auto .sf-c-txt-chocolate\:20 { color: hsl(var(--sf-c-txt-chocolate-20)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:25, html.auto .sf-c-txt-chocolate\:25 { color: hsl(var(--sf-c-txt-chocolate-25)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:30, html.auto .sf-c-txt-chocolate\:30 { color: hsl(var(--sf-c-txt-chocolate-30)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:35, html.auto .sf-c-txt-chocolate\:35 { color: hsl(var(--sf-c-txt-chocolate-35)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:40, html.auto .sf-c-txt-chocolate\:40 { color: hsl(var(--sf-c-txt-chocolate-40)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:45, html.auto .sf-c-txt-chocolate\:45 { color: hsl(var(--sf-c-txt-chocolate-45)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:50, html.auto .sf-c-txt-chocolate\:50 { color: hsl(var(--sf-c-txt-chocolate-50)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:55, html.auto .sf-c-txt-chocolate\:55 { color: hsl(var(--sf-c-txt-chocolate-55)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:60, html.auto .sf-c-txt-chocolate\:60 { color: hsl(var(--sf-c-txt-chocolate-60)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:65, html.auto .sf-c-txt-chocolate\:65 { color: hsl(var(--sf-c-txt-chocolate-65)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:70, html.auto .sf-c-txt-chocolate\:70 { color: hsl(var(--sf-c-txt-chocolate-70)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:75, html.auto .sf-c-txt-chocolate\:75 { color: hsl(var(--sf-c-txt-chocolate-75)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:80, html.auto .sf-c-txt-chocolate\:80 { color: hsl(var(--sf-c-txt-chocolate-80)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:85, html.auto .sf-c-txt-chocolate\:85 { color: hsl(var(--sf-c-txt-chocolate-85)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:90, html.auto .sf-c-txt-chocolate\:90 { color: hsl(var(--sf-c-txt-chocolate-90)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:95, html.auto .sf-c-txt-chocolate\:95 { color: hsl(var(--sf-c-txt-chocolate-95)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:100, html.auto .sf-c-txt-chocolate\:100 { color: hsl(var(--sf-c-txt-chocolate-100)) } + + html[data-theme='auto'] .sf-c-txt-chocolate\:dark, html.auto .sf-c-txt-chocolate\:dark { color: hsl(var(--sf-c-txt-chocolate)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:0\:dark, html.auto .sf-c-txt-chocolate\:0\:dark { color: hsl(var(--sf-c-txt-chocolate-0)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:5\:dark, html.auto .sf-c-txt-chocolate\:5\:dark { color: hsl(var(--sf-c-txt-chocolate-5)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:10\:dark, html.auto .sf-c-txt-chocolate\:10\:dark { color: hsl(var(--sf-c-txt-chocolate-10)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:15\:dark, html.auto .sf-c-txt-chocolate\:15\:dark { color: hsl(var(--sf-c-txt-chocolate-15)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:20\:dark, html.auto .sf-c-txt-chocolate\:20\:dark { color: hsl(var(--sf-c-txt-chocolate-20)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:25\:dark, html.auto .sf-c-txt-chocolate\:25\:dark { color: hsl(var(--sf-c-txt-chocolate-25)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:30\:dark, html.auto .sf-c-txt-chocolate\:30\:dark { color: hsl(var(--sf-c-txt-chocolate-30)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:35\:dark, html.auto .sf-c-txt-chocolate\:35\:dark { color: hsl(var(--sf-c-txt-chocolate-35)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:40\:dark, html.auto .sf-c-txt-chocolate\:40\:dark { color: hsl(var(--sf-c-txt-chocolate-40)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:45\:dark, html.auto .sf-c-txt-chocolate\:45\:dark { color: hsl(var(--sf-c-txt-chocolate-45)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:50\:dark, html.auto .sf-c-txt-chocolate\:50\:dark { color: hsl(var(--sf-c-txt-chocolate-50)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:55\:dark, html.auto .sf-c-txt-chocolate\:55\:dark { color: hsl(var(--sf-c-txt-chocolate-55)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:60\:dark, html.auto .sf-c-txt-chocolate\:60\:dark { color: hsl(var(--sf-c-txt-chocolate-60)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:65\:dark, html.auto .sf-c-txt-chocolate\:65\:dark { color: hsl(var(--sf-c-txt-chocolate-65)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:70\:dark, html.auto .sf-c-txt-chocolate\:70\:dark { color: hsl(var(--sf-c-txt-chocolate-70)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:75\:dark, html.auto .sf-c-txt-chocolate\:75\:dark { color: hsl(var(--sf-c-txt-chocolate-75)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:80\:dark, html.auto .sf-c-txt-chocolate\:80\:dark { color: hsl(var(--sf-c-txt-chocolate-80)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:85\:dark, html.auto .sf-c-txt-chocolate\:85\:dark { color: hsl(var(--sf-c-txt-chocolate-85)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:90\:dark, html.auto .sf-c-txt-chocolate\:90\:dark { color: hsl(var(--sf-c-txt-chocolate-90)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:95\:dark, html.auto .sf-c-txt-chocolate\:95\:dark { color: hsl(var(--sf-c-txt-chocolate-95)) } + html[data-theme='auto'] .sf-c-txt-chocolate\:100\:dark, html.auto .sf-c-txt-chocolate\:100\:dark { color: hsl(var(--sf-c-txt-chocolate-100)) } + html.var[data-theme='auto'] .sf-c-chocolate, html.var.auto .sf-c-chocolate { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 53%) } html.var[data-theme='auto'] .sf-c-chocolate\:0, html.var.auto .sf-c-chocolate\:0 { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 100%) } html.var[data-theme='auto'] .sf-c-chocolate\:5, html.var.auto .sf-c-chocolate\:5 { color: hsl(25, 75%, 5%); background: hsl(25, 75%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-chocolate\:100\:dark, html.var.dark .sf-c-choc html.var[data-theme='auto'] .sf-c-chocolate\:90\:dark, html.var.auto .sf-c-chocolate\:90\:dark { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 10%) } html.var[data-theme='auto'] .sf-c-chocolate\:95\:dark, html.var.auto .sf-c-chocolate\:95\:dark { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 5%) } html.var[data-theme='auto'] .sf-c-chocolate\:100\:dark, html.var.auto .sf-c-chocolate\:100\:dark { color: hsl(25, 75%, 95%); background: hsl(25, 75%, 0%) } -} -.sf-c-txt-chocolate { color: hsl(var(--sf-c-txt-chocolate)) } -.sf-c-txt-chocolate\:0 { color: hsl(var(--sf-c-txt-chocolate-0)) } -.sf-c-txt-chocolate\:5 { color: hsl(var(--sf-c-txt-chocolate-5)) } -.sf-c-txt-chocolate\:10 { color: hsl(var(--sf-c-txt-chocolate-10)) } -.sf-c-txt-chocolate\:15 { color: hsl(var(--sf-c-txt-chocolate-15)) } -.sf-c-txt-chocolate\:20 { color: hsl(var(--sf-c-txt-chocolate-20)) } -.sf-c-txt-chocolate\:25 { color: hsl(var(--sf-c-txt-chocolate-25)) } -.sf-c-txt-chocolate\:30 { color: hsl(var(--sf-c-txt-chocolate-30)) } -.sf-c-txt-chocolate\:35 { color: hsl(var(--sf-c-txt-chocolate-35)) } -.sf-c-txt-chocolate\:40 { color: hsl(var(--sf-c-txt-chocolate-40)) } -.sf-c-txt-chocolate\:45 { color: hsl(var(--sf-c-txt-chocolate-45)) } -.sf-c-txt-chocolate\:50 { color: hsl(var(--sf-c-txt-chocolate-50)) } -.sf-c-txt-chocolate\:55 { color: hsl(var(--sf-c-txt-chocolate-55)) } -.sf-c-txt-chocolate\:60 { color: hsl(var(--sf-c-txt-chocolate-60)) } -.sf-c-txt-chocolate\:65 { color: hsl(var(--sf-c-txt-chocolate-65)) } -.sf-c-txt-chocolate\:70 { color: hsl(var(--sf-c-txt-chocolate-70)) } -.sf-c-txt-chocolate\:75 { color: hsl(var(--sf-c-txt-chocolate-75)) } -.sf-c-txt-chocolate\:80 { color: hsl(var(--sf-c-txt-chocolate-80)) } -.sf-c-txt-chocolate\:85 { color: hsl(var(--sf-c-txt-chocolate-85)) } -.sf-c-txt-chocolate\:90 { color: hsl(var(--sf-c-txt-chocolate-90)) } -.sf-c-txt-chocolate\:95 { color: hsl(var(--sf-c-txt-chocolate-95)) } -.sf-c-txt-chocolate\:100 { color: hsl(var(--sf-c-txt-chocolate-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-chocolate, html.auto .sf-c-txt-chocolate { color: hsl(25, 75%, 47%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:0, html.auto .sf-c-txt-chocolate\:0 { color: hsl(25, 75%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:5, html.auto .sf-c-txt-chocolate\:5 { color: hsl(25, 75%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:10, html.auto .sf-c-txt-chocolate\:10 { color: hsl(25, 75%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:15, html.auto .sf-c-txt-chocolate\:15 { color: hsl(25, 75%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:20, html.auto .sf-c-txt-chocolate\:20 { color: hsl(25, 75%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:25, html.auto .sf-c-txt-chocolate\:25 { color: hsl(25, 75%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:30, html.auto .sf-c-txt-chocolate\:30 { color: hsl(25, 75%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:35, html.auto .sf-c-txt-chocolate\:35 { color: hsl(25, 75%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:40, html.auto .sf-c-txt-chocolate\:40 { color: hsl(25, 75%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:45, html.auto .sf-c-txt-chocolate\:45 { color: hsl(25, 75%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:50, html.auto .sf-c-txt-chocolate\:50 { color: hsl(25, 75%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:55, html.auto .sf-c-txt-chocolate\:55 { color: hsl(25, 75%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:60, html.auto .sf-c-txt-chocolate\:60 { color: hsl(25, 75%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:65, html.auto .sf-c-txt-chocolate\:65 { color: hsl(25, 75%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:70, html.auto .sf-c-txt-chocolate\:70 { color: hsl(25, 75%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:75, html.auto .sf-c-txt-chocolate\:75 { color: hsl(25, 75%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:80, html.auto .sf-c-txt-chocolate\:80 { color: hsl(25, 75%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:85, html.auto .sf-c-txt-chocolate\:85 { color: hsl(25, 75%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:90, html.auto .sf-c-txt-chocolate\:90 { color: hsl(25, 75%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:95, html.auto .sf-c-txt-chocolate\:95 { color: hsl(25, 75%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:100, html.auto .sf-c-txt-chocolate\:100 { color: hsl(25, 75%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-chocolate\:dark, html.auto .sf-c-txt-chocolate\:dark { color: hsl(25, 75%, 47%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:0\:dark, html.auto .sf-c-txt-chocolate\:0\:dark { color: hsl(25, 75%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:5\:dark, html.auto .sf-c-txt-chocolate\:5\:dark { color: hsl(25, 75%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:10\:dark, html.auto .sf-c-txt-chocolate\:10\:dark { color: hsl(25, 75%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:15\:dark, html.auto .sf-c-txt-chocolate\:15\:dark { color: hsl(25, 75%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:20\:dark, html.auto .sf-c-txt-chocolate\:20\:dark { color: hsl(25, 75%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:25\:dark, html.auto .sf-c-txt-chocolate\:25\:dark { color: hsl(25, 75%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:30\:dark, html.auto .sf-c-txt-chocolate\:30\:dark { color: hsl(25, 75%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:35\:dark, html.auto .sf-c-txt-chocolate\:35\:dark { color: hsl(25, 75%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:40\:dark, html.auto .sf-c-txt-chocolate\:40\:dark { color: hsl(25, 75%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:45\:dark, html.auto .sf-c-txt-chocolate\:45\:dark { color: hsl(25, 75%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:50\:dark, html.auto .sf-c-txt-chocolate\:50\:dark { color: hsl(25, 75%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:55\:dark, html.auto .sf-c-txt-chocolate\:55\:dark { color: hsl(25, 75%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:60\:dark, html.auto .sf-c-txt-chocolate\:60\:dark { color: hsl(25, 75%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:65\:dark, html.auto .sf-c-txt-chocolate\:65\:dark { color: hsl(25, 75%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:70\:dark, html.auto .sf-c-txt-chocolate\:70\:dark { color: hsl(25, 75%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:75\:dark, html.auto .sf-c-txt-chocolate\:75\:dark { color: hsl(25, 75%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:80\:dark, html.auto .sf-c-txt-chocolate\:80\:dark { color: hsl(25, 75%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:85\:dark, html.auto .sf-c-txt-chocolate\:85\:dark { color: hsl(25, 75%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:90\:dark, html.auto .sf-c-txt-chocolate\:90\:dark { color: hsl(25, 75%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:95\:dark, html.auto .sf-c-txt-chocolate\:95\:dark { color: hsl(25, 75%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-chocolate\:100\:dark, html.auto .sf-c-txt-chocolate\:100\:dark { color: hsl(25, 75%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/coral.css b/src/colors/20/coral.css index 24ef9dc..2b7bbd8 100644 --- a/src/colors/20/coral.css +++ b/src/colors/20/coral.css @@ -138,6 +138,52 @@ html.var .sf-c-coral\:90 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 9 html.var .sf-c-coral\:95 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } html.var .sf-c-coral\:100 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 100%) } +.sf-c-txt-coral { color: hsl(var(--sf-dark-c-txt-coral)) } +.sf-c-txt-coral\:0 { color: hsl(var(--sf-dark-c-txt-coral-100)) } +.sf-c-txt-coral\:5 { color: hsl(var(--sf-dark-c-txt-coral-95)) } +.sf-c-txt-coral\:10 { color: hsl(var(--sf-dark-c-txt-coral-90)) } +.sf-c-txt-coral\:15 { color: hsl(var(--sf-dark-c-txt-coral-85)) } +.sf-c-txt-coral\:20 { color: hsl(var(--sf-dark-c-txt-coral-80)) } +.sf-c-txt-coral\:25 { color: hsl(var(--sf-dark-c-txt-coral-75)) } +.sf-c-txt-coral\:30 { color: hsl(var(--sf-dark-c-txt-coral-70)) } +.sf-c-txt-coral\:35 { color: hsl(var(--sf-dark-c-txt-coral-65)) } +.sf-c-txt-coral\:40 { color: hsl(var(--sf-dark-c-txt-coral-60)) } +.sf-c-txt-coral\:45 { color: hsl(var(--sf-dark-c-txt-coral-55)) } +.sf-c-txt-coral\:50 { color: hsl(var(--sf-dark-c-txt-coral-50)) } +.sf-c-txt-coral\:55 { color: hsl(var(--sf-dark-c-txt-coral-45)) } +.sf-c-txt-coral\:60 { color: hsl(var(--sf-dark-c-txt-coral-40)) } +.sf-c-txt-coral\:65 { color: hsl(var(--sf-dark-c-txt-coral-35)) } +.sf-c-txt-coral\:70 { color: hsl(var(--sf-dark-c-txt-coral-30)) } +.sf-c-txt-coral\:75 { color: hsl(var(--sf-dark-c-txt-coral-25)) } +.sf-c-txt-coral\:80 { color: hsl(var(--sf-dark-c-txt-coral-20)) } +.sf-c-txt-coral\:85 { color: hsl(var(--sf-dark-c-txt-coral-15)) } +.sf-c-txt-coral\:90 { color: hsl(var(--sf-dark-c-txt-coral-10)) } +.sf-c-txt-coral\:95 { color: hsl(var(--sf-dark-c-txt-coral-5)) } +.sf-c-txt-coral\:100 { color: hsl(var(--sf-dark-c-txt-coral-0)) } + +html.var .sf-c-txt-coral { color: hsl(16, 100%, 34%) } +html.var .sf-c-txt-coral\:0 { color: hsl(16, 100%, 100%) } +html.var .sf-c-txt-coral\:5 { color: hsl(16, 100%, 95%) } +html.var .sf-c-txt-coral\:10 { color: hsl(16, 100%, 90%) } +html.var .sf-c-txt-coral\:15 { color: hsl(16, 100%, 85%) } +html.var .sf-c-txt-coral\:20 { color: hsl(16, 100%, 80%) } +html.var .sf-c-txt-coral\:25 { color: hsl(16, 100%, 75%) } +html.var .sf-c-txt-coral\:30 { color: hsl(16, 100%, 70%) } +html.var .sf-c-txt-coral\:35 { color: hsl(16, 100%, 65%) } +html.var .sf-c-txt-coral\:40 { color: hsl(16, 100%, 60%) } +html.var .sf-c-txt-coral\:45 { color: hsl(16, 100%, 55%) } +html.var .sf-c-txt-coral\:50 { color: hsl(16, 100%, 50%) } +html.var .sf-c-txt-coral\:55 { color: hsl(16, 100%, 45%) } +html.var .sf-c-txt-coral\:60 { color: hsl(16, 100%, 40%) } +html.var .sf-c-txt-coral\:65 { color: hsl(16, 100%, 35%) } +html.var .sf-c-txt-coral\:70 { color: hsl(16, 100%, 30%) } +html.var .sf-c-txt-coral\:75 { color: hsl(16, 100%, 25%) } +html.var .sf-c-txt-coral\:80 { color: hsl(16, 100%, 20%) } +html.var .sf-c-txt-coral\:85 { color: hsl(16, 100%, 15%) } +html.var .sf-c-txt-coral\:90 { color: hsl(16, 100%, 10%) } +html.var .sf-c-txt-coral\:95 { color: hsl(16, 100%, 5%) } +html.var .sf-c-txt-coral\:100 { color: hsl(16, 100%, 0%) } + html[data-theme='dark'] .sf-c-coral, html.dark .sf-c-coral { color: hsl(var(--sf-dark-c-txt-coral-95)); background: hsl(var(--sf-dark-c-coral)) } html[data-theme='dark'] .sf-c-coral\:0, html.dark .sf-c-coral\:0 { color: hsl(var(--sf-dark-c-txt-coral-95)); background: hsl(var(--sf-dark-c-coral-100)) } html[data-theme='dark'] .sf-c-coral\:5, html.dark .sf-c-coral\:5 { color: hsl(var(--sf-dark-c-txt-coral-5)); background: hsl(var(--sf-dark-c-coral-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-coral\:90\:dark, html.dark .sf-c-coral\:90\:dark { html[data-theme='dark'] .sf-c-coral\:95\:dark, html.dark .sf-c-coral\:95\:dark { color: hsl(var(--sf-c-txt-coral-95)); background: hsl(var(--sf-c-coral-5)) } html[data-theme='dark'] .sf-c-coral\:100\:dark, html.dark .sf-c-coral\:100\:dark { color: hsl(var(--sf-c-txt-coral-95)); background: hsl(var(--sf-c-coral-0)) } +html[data-theme='dark'] .sf-c-txt-coral, html.dark .sf-c-txt-coral { color: hsl(var(--sf-c-txt-coral)) } +html[data-theme='dark'] .sf-c-txt-coral\:0, html.dark .sf-c-txt-coral\:0 { color: hsl(var(--sf-c-txt-coral-0)) } +html[data-theme='dark'] .sf-c-txt-coral\:5, html.dark .sf-c-txt-coral\:5 { color: hsl(var(--sf-c-txt-coral-5)) } +html[data-theme='dark'] .sf-c-txt-coral\:10, html.dark .sf-c-txt-coral\:10 { color: hsl(var(--sf-c-txt-coral-10)) } +html[data-theme='dark'] .sf-c-txt-coral\:15, html.dark .sf-c-txt-coral\:15 { color: hsl(var(--sf-c-txt-coral-15)) } +html[data-theme='dark'] .sf-c-txt-coral\:20, html.dark .sf-c-txt-coral\:20 { color: hsl(var(--sf-c-txt-coral-20)) } +html[data-theme='dark'] .sf-c-txt-coral\:25, html.dark .sf-c-txt-coral\:25 { color: hsl(var(--sf-c-txt-coral-25)) } +html[data-theme='dark'] .sf-c-txt-coral\:30, html.dark .sf-c-txt-coral\:30 { color: hsl(var(--sf-c-txt-coral-30)) } +html[data-theme='dark'] .sf-c-txt-coral\:35, html.dark .sf-c-txt-coral\:35 { color: hsl(var(--sf-c-txt-coral-35)) } +html[data-theme='dark'] .sf-c-txt-coral\:40, html.dark .sf-c-txt-coral\:40 { color: hsl(var(--sf-c-txt-coral-40)) } +html[data-theme='dark'] .sf-c-txt-coral\:45, html.dark .sf-c-txt-coral\:45 { color: hsl(var(--sf-c-txt-coral-45)) } +html[data-theme='dark'] .sf-c-txt-coral\:50, html.dark .sf-c-txt-coral\:50 { color: hsl(var(--sf-c-txt-coral-50)) } +html[data-theme='dark'] .sf-c-txt-coral\:55, html.dark .sf-c-txt-coral\:55 { color: hsl(var(--sf-c-txt-coral-55)) } +html[data-theme='dark'] .sf-c-txt-coral\:60, html.dark .sf-c-txt-coral\:60 { color: hsl(var(--sf-c-txt-coral-60)) } +html[data-theme='dark'] .sf-c-txt-coral\:65, html.dark .sf-c-txt-coral\:65 { color: hsl(var(--sf-c-txt-coral-65)) } +html[data-theme='dark'] .sf-c-txt-coral\:70, html.dark .sf-c-txt-coral\:70 { color: hsl(var(--sf-c-txt-coral-70)) } +html[data-theme='dark'] .sf-c-txt-coral\:75, html.dark .sf-c-txt-coral\:75 { color: hsl(var(--sf-c-txt-coral-75)) } +html[data-theme='dark'] .sf-c-txt-coral\:80, html.dark .sf-c-txt-coral\:80 { color: hsl(var(--sf-c-txt-coral-80)) } +html[data-theme='dark'] .sf-c-txt-coral\:85, html.dark .sf-c-txt-coral\:85 { color: hsl(var(--sf-c-txt-coral-85)) } +html[data-theme='dark'] .sf-c-txt-coral\:90, html.dark .sf-c-txt-coral\:90 { color: hsl(var(--sf-c-txt-coral-90)) } +html[data-theme='dark'] .sf-c-txt-coral\:95, html.dark .sf-c-txt-coral\:95 { color: hsl(var(--sf-c-txt-coral-95)) } +html[data-theme='dark'] .sf-c-txt-coral\:100, html.dark .sf-c-txt-coral\:100 { color: hsl(var(--sf-c-txt-coral-100)) } + +html[data-theme='dark'] .sf-c-txt-coral\:dark, html.dark .sf-c-txt-coral\:dark { color: hsl(var(--sf-c-txt-coral)) } +html[data-theme='dark'] .sf-c-txt-coral\:0\:dark, html.dark .sf-c-txt-coral\:0\:dark { color: hsl(var(--sf-dark-c-txt-coral-0)) } +html[data-theme='dark'] .sf-c-txt-coral\:5\:dark, html.dark .sf-c-txt-coral\:5\:dark { color: hsl(var(--sf-dark-c-txt-coral-5)) } +html[data-theme='dark'] .sf-c-txt-coral\:10\:dark, html.dark .sf-c-txt-coral\:10\:dark { color: hsl(var(--sf-dark-c-txt-coral-10)) } +html[data-theme='dark'] .sf-c-txt-coral\:15\:dark, html.dark .sf-c-txt-coral\:15\:dark { color: hsl(var(--sf-dark-c-txt-coral-15)) } +html[data-theme='dark'] .sf-c-txt-coral\:20\:dark, html.dark .sf-c-txt-coral\:20\:dark { color: hsl(var(--sf-dark-c-txt-coral-20)) } +html[data-theme='dark'] .sf-c-txt-coral\:25\:dark, html.dark .sf-c-txt-coral\:25\:dark { color: hsl(var(--sf-dark-c-txt-coral-25)) } +html[data-theme='dark'] .sf-c-txt-coral\:30\:dark, html.dark .sf-c-txt-coral\:30\:dark { color: hsl(var(--sf-dark-c-txt-coral-30)) } +html[data-theme='dark'] .sf-c-txt-coral\:35\:dark, html.dark .sf-c-txt-coral\:35\:dark { color: hsl(var(--sf-dark-c-txt-coral-35)) } +html[data-theme='dark'] .sf-c-txt-coral\:40\:dark, html.dark .sf-c-txt-coral\:40\:dark { color: hsl(var(--sf-dark-c-txt-coral-40)) } +html[data-theme='dark'] .sf-c-txt-coral\:45\:dark, html.dark .sf-c-txt-coral\:45\:dark { color: hsl(var(--sf-dark-c-txt-coral-45)) } +html[data-theme='dark'] .sf-c-txt-coral\:50\:dark, html.dark .sf-c-txt-coral\:50\:dark { color: hsl(var(--sf-dark-c-txt-coral-50)) } +html[data-theme='dark'] .sf-c-txt-coral\:55\:dark, html.dark .sf-c-txt-coral\:55\:dark { color: hsl(var(--sf-dark-c-txt-coral-55)) } +html[data-theme='dark'] .sf-c-txt-coral\:60\:dark, html.dark .sf-c-txt-coral\:60\:dark { color: hsl(var(--sf-dark-c-txt-coral-60)) } +html[data-theme='dark'] .sf-c-txt-coral\:65\:dark, html.dark .sf-c-txt-coral\:65\:dark { color: hsl(var(--sf-dark-c-txt-coral-65)) } +html[data-theme='dark'] .sf-c-txt-coral\:70\:dark, html.dark .sf-c-txt-coral\:70\:dark { color: hsl(var(--sf-dark-c-txt-coral-70)) } +html[data-theme='dark'] .sf-c-txt-coral\:75\:dark, html.dark .sf-c-txt-coral\:75\:dark { color: hsl(var(--sf-dark-c-txt-coral-75)) } +html[data-theme='dark'] .sf-c-txt-coral\:80\:dark, html.dark .sf-c-txt-coral\:80\:dark { color: hsl(var(--sf-dark-c-txt-coral-80)) } +html[data-theme='dark'] .sf-c-txt-coral\:85\:dark, html.dark .sf-c-txt-coral\:85\:dark { color: hsl(var(--sf-dark-c-txt-coral-85)) } +html[data-theme='dark'] .sf-c-txt-coral\:90\:dark, html.dark .sf-c-txt-coral\:90\:dark { color: hsl(var(--sf-dark-c-txt-coral-90)) } +html[data-theme='dark'] .sf-c-txt-coral\:95\:dark, html.dark .sf-c-txt-coral\:95\:dark { color: hsl(var(--sf-dark-c-txt-coral-95)) } +html[data-theme='dark'] .sf-c-txt-coral\:100\:dark, html.dark .sf-c-txt-coral\:100\:dark { color: hsl(var(--sf-dark-c-txt-coral-100)) } + html.var[data-theme='dark'] .sf-c-coral, html.var.dark .sf-c-coral { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 34%) } html.var[data-theme='dark'] .sf-c-coral\:0, html.var.dark .sf-c-coral\:0 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 100%) } html.var[data-theme='dark'] .sf-c-coral\:5, html.var.dark .sf-c-coral\:5 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-coral\:90\:dark, html.var.dark .sf-c-coral\:90 html.var[data-theme='dark'] .sf-c-coral\:95\:dark, html.var.dark .sf-c-coral\:95\:dark { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 5%) } html.var[data-theme='dark'] .sf-c-coral\:100\:dark, html.var.dark .sf-c-coral\:100\:dark { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-coral, html.dark .sf-c-txt-coral { color: hsl(16, 100%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:0, html.dark .sf-c-txt-coral\:0 { color: hsl(16, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:5, html.dark .sf-c-txt-coral\:5 { color: hsl(16, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:10, html.dark .sf-c-txt-coral\:10 { color: hsl(16, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:15, html.dark .sf-c-txt-coral\:15 { color: hsl(16, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:20, html.dark .sf-c-txt-coral\:20 { color: hsl(16, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:25, html.dark .sf-c-txt-coral\:25 { color: hsl(16, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:30, html.dark .sf-c-txt-coral\:30 { color: hsl(16, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:35, html.dark .sf-c-txt-coral\:35 { color: hsl(16, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:40, html.dark .sf-c-txt-coral\:40 { color: hsl(16, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:45, html.dark .sf-c-txt-coral\:45 { color: hsl(16, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:50, html.dark .sf-c-txt-coral\:50 { color: hsl(16, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:55, html.dark .sf-c-txt-coral\:55 { color: hsl(16, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:60, html.dark .sf-c-txt-coral\:60 { color: hsl(16, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:65, html.dark .sf-c-txt-coral\:65 { color: hsl(16, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:70, html.dark .sf-c-txt-coral\:70 { color: hsl(16, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:75, html.dark .sf-c-txt-coral\:75 { color: hsl(16, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:80, html.dark .sf-c-txt-coral\:80 { color: hsl(16, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:85, html.dark .sf-c-txt-coral\:85 { color: hsl(16, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:90, html.dark .sf-c-txt-coral\:90 { color: hsl(16, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:95, html.dark .sf-c-txt-coral\:95 { color: hsl(16, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:100, html.dark .sf-c-txt-coral\:100 { color: hsl(16, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-coral\:dark, html.dark .sf-c-txt-coral\:dark { color: hsl(16, 100%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:0\:dark, html.dark .sf-c-txt-coral\:0\:dark { color: hsl(16, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:5\:dark, html.dark .sf-c-txt-coral\:5\:dark { color: hsl(16, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:10\:dark, html.dark .sf-c-txt-coral\:10\:dark { color: hsl(16, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:15\:dark, html.dark .sf-c-txt-coral\:15\:dark { color: hsl(16, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:20\:dark, html.dark .sf-c-txt-coral\:20\:dark { color: hsl(16, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:25\:dark, html.dark .sf-c-txt-coral\:25\:dark { color: hsl(16, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:30\:dark, html.dark .sf-c-txt-coral\:30\:dark { color: hsl(16, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:35\:dark, html.dark .sf-c-txt-coral\:35\:dark { color: hsl(16, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:40\:dark, html.dark .sf-c-txt-coral\:40\:dark { color: hsl(16, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:45\:dark, html.dark .sf-c-txt-coral\:45\:dark { color: hsl(16, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:50\:dark, html.dark .sf-c-txt-coral\:50\:dark { color: hsl(16, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:55\:dark, html.dark .sf-c-txt-coral\:55\:dark { color: hsl(16, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:60\:dark, html.dark .sf-c-txt-coral\:60\:dark { color: hsl(16, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:65\:dark, html.dark .sf-c-txt-coral\:65\:dark { color: hsl(16, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:70\:dark, html.dark .sf-c-txt-coral\:70\:dark { color: hsl(16, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:75\:dark, html.dark .sf-c-txt-coral\:75\:dark { color: hsl(16, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:80\:dark, html.dark .sf-c-txt-coral\:80\:dark { color: hsl(16, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:85\:dark, html.dark .sf-c-txt-coral\:85\:dark { color: hsl(16, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:90\:dark, html.dark .sf-c-txt-coral\:90\:dark { color: hsl(16, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:95\:dark, html.dark .sf-c-txt-coral\:95\:dark { color: hsl(16, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-coral\:100\:dark, html.dark .sf-c-txt-coral\:100\:dark { color: hsl(16, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-coral, html.auto .sf-c-coral { color: hsl(var(--sf-dark-c-txt-coral-95)); background: hsl(var(--sf-dark-c-coral)) } html[data-theme='auto'] .sf-c-coral\:0, html.auto .sf-c-coral\:0 { color: hsl(var(--sf-dark-c-txt-coral-95)); background: hsl(var(--sf-dark-c-coral-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-coral\:100\:dark, html.var.dark .sf-c-coral\:1 html[data-theme='auto'] .sf-c-coral\:95\:dark, html.auto .sf-c-coral\:95\:dark { color: hsl(var(--sf-c-txt-coral-95)); background: hsl(var(--sf-c-coral-5)) } html[data-theme='auto'] .sf-c-coral\:100\:dark, html.auto .sf-c-coral\:100\:dark { color: hsl(var(--sf-c-txt-coral-95)); background: hsl(var(--sf-c-coral-0)) } + html[data-theme='auto'] .sf-c-txt-coral, html.auto .sf-c-txt-coral { color: hsl(var(--sf-c-txt-coral)) } + html[data-theme='auto'] .sf-c-txt-coral\:0, html.auto .sf-c-txt-coral\:0 { color: hsl(var(--sf-c-txt-coral-0)) } + html[data-theme='auto'] .sf-c-txt-coral\:5, html.auto .sf-c-txt-coral\:5 { color: hsl(var(--sf-c-txt-coral-5)) } + html[data-theme='auto'] .sf-c-txt-coral\:10, html.auto .sf-c-txt-coral\:10 { color: hsl(var(--sf-c-txt-coral-10)) } + html[data-theme='auto'] .sf-c-txt-coral\:15, html.auto .sf-c-txt-coral\:15 { color: hsl(var(--sf-c-txt-coral-15)) } + html[data-theme='auto'] .sf-c-txt-coral\:20, html.auto .sf-c-txt-coral\:20 { color: hsl(var(--sf-c-txt-coral-20)) } + html[data-theme='auto'] .sf-c-txt-coral\:25, html.auto .sf-c-txt-coral\:25 { color: hsl(var(--sf-c-txt-coral-25)) } + html[data-theme='auto'] .sf-c-txt-coral\:30, html.auto .sf-c-txt-coral\:30 { color: hsl(var(--sf-c-txt-coral-30)) } + html[data-theme='auto'] .sf-c-txt-coral\:35, html.auto .sf-c-txt-coral\:35 { color: hsl(var(--sf-c-txt-coral-35)) } + html[data-theme='auto'] .sf-c-txt-coral\:40, html.auto .sf-c-txt-coral\:40 { color: hsl(var(--sf-c-txt-coral-40)) } + html[data-theme='auto'] .sf-c-txt-coral\:45, html.auto .sf-c-txt-coral\:45 { color: hsl(var(--sf-c-txt-coral-45)) } + html[data-theme='auto'] .sf-c-txt-coral\:50, html.auto .sf-c-txt-coral\:50 { color: hsl(var(--sf-c-txt-coral-50)) } + html[data-theme='auto'] .sf-c-txt-coral\:55, html.auto .sf-c-txt-coral\:55 { color: hsl(var(--sf-c-txt-coral-55)) } + html[data-theme='auto'] .sf-c-txt-coral\:60, html.auto .sf-c-txt-coral\:60 { color: hsl(var(--sf-c-txt-coral-60)) } + html[data-theme='auto'] .sf-c-txt-coral\:65, html.auto .sf-c-txt-coral\:65 { color: hsl(var(--sf-c-txt-coral-65)) } + html[data-theme='auto'] .sf-c-txt-coral\:70, html.auto .sf-c-txt-coral\:70 { color: hsl(var(--sf-c-txt-coral-70)) } + html[data-theme='auto'] .sf-c-txt-coral\:75, html.auto .sf-c-txt-coral\:75 { color: hsl(var(--sf-c-txt-coral-75)) } + html[data-theme='auto'] .sf-c-txt-coral\:80, html.auto .sf-c-txt-coral\:80 { color: hsl(var(--sf-c-txt-coral-80)) } + html[data-theme='auto'] .sf-c-txt-coral\:85, html.auto .sf-c-txt-coral\:85 { color: hsl(var(--sf-c-txt-coral-85)) } + html[data-theme='auto'] .sf-c-txt-coral\:90, html.auto .sf-c-txt-coral\:90 { color: hsl(var(--sf-c-txt-coral-90)) } + html[data-theme='auto'] .sf-c-txt-coral\:95, html.auto .sf-c-txt-coral\:95 { color: hsl(var(--sf-c-txt-coral-95)) } + html[data-theme='auto'] .sf-c-txt-coral\:100, html.auto .sf-c-txt-coral\:100 { color: hsl(var(--sf-c-txt-coral-100)) } + + html[data-theme='auto'] .sf-c-txt-coral\:dark, html.auto .sf-c-txt-coral\:dark { color: hsl(var(--sf-c-txt-coral)) } + html[data-theme='auto'] .sf-c-txt-coral\:0\:dark, html.auto .sf-c-txt-coral\:0\:dark { color: hsl(var(--sf-c-txt-coral-0)) } + html[data-theme='auto'] .sf-c-txt-coral\:5\:dark, html.auto .sf-c-txt-coral\:5\:dark { color: hsl(var(--sf-c-txt-coral-5)) } + html[data-theme='auto'] .sf-c-txt-coral\:10\:dark, html.auto .sf-c-txt-coral\:10\:dark { color: hsl(var(--sf-c-txt-coral-10)) } + html[data-theme='auto'] .sf-c-txt-coral\:15\:dark, html.auto .sf-c-txt-coral\:15\:dark { color: hsl(var(--sf-c-txt-coral-15)) } + html[data-theme='auto'] .sf-c-txt-coral\:20\:dark, html.auto .sf-c-txt-coral\:20\:dark { color: hsl(var(--sf-c-txt-coral-20)) } + html[data-theme='auto'] .sf-c-txt-coral\:25\:dark, html.auto .sf-c-txt-coral\:25\:dark { color: hsl(var(--sf-c-txt-coral-25)) } + html[data-theme='auto'] .sf-c-txt-coral\:30\:dark, html.auto .sf-c-txt-coral\:30\:dark { color: hsl(var(--sf-c-txt-coral-30)) } + html[data-theme='auto'] .sf-c-txt-coral\:35\:dark, html.auto .sf-c-txt-coral\:35\:dark { color: hsl(var(--sf-c-txt-coral-35)) } + html[data-theme='auto'] .sf-c-txt-coral\:40\:dark, html.auto .sf-c-txt-coral\:40\:dark { color: hsl(var(--sf-c-txt-coral-40)) } + html[data-theme='auto'] .sf-c-txt-coral\:45\:dark, html.auto .sf-c-txt-coral\:45\:dark { color: hsl(var(--sf-c-txt-coral-45)) } + html[data-theme='auto'] .sf-c-txt-coral\:50\:dark, html.auto .sf-c-txt-coral\:50\:dark { color: hsl(var(--sf-c-txt-coral-50)) } + html[data-theme='auto'] .sf-c-txt-coral\:55\:dark, html.auto .sf-c-txt-coral\:55\:dark { color: hsl(var(--sf-c-txt-coral-55)) } + html[data-theme='auto'] .sf-c-txt-coral\:60\:dark, html.auto .sf-c-txt-coral\:60\:dark { color: hsl(var(--sf-c-txt-coral-60)) } + html[data-theme='auto'] .sf-c-txt-coral\:65\:dark, html.auto .sf-c-txt-coral\:65\:dark { color: hsl(var(--sf-c-txt-coral-65)) } + html[data-theme='auto'] .sf-c-txt-coral\:70\:dark, html.auto .sf-c-txt-coral\:70\:dark { color: hsl(var(--sf-c-txt-coral-70)) } + html[data-theme='auto'] .sf-c-txt-coral\:75\:dark, html.auto .sf-c-txt-coral\:75\:dark { color: hsl(var(--sf-c-txt-coral-75)) } + html[data-theme='auto'] .sf-c-txt-coral\:80\:dark, html.auto .sf-c-txt-coral\:80\:dark { color: hsl(var(--sf-c-txt-coral-80)) } + html[data-theme='auto'] .sf-c-txt-coral\:85\:dark, html.auto .sf-c-txt-coral\:85\:dark { color: hsl(var(--sf-c-txt-coral-85)) } + html[data-theme='auto'] .sf-c-txt-coral\:90\:dark, html.auto .sf-c-txt-coral\:90\:dark { color: hsl(var(--sf-c-txt-coral-90)) } + html[data-theme='auto'] .sf-c-txt-coral\:95\:dark, html.auto .sf-c-txt-coral\:95\:dark { color: hsl(var(--sf-c-txt-coral-95)) } + html[data-theme='auto'] .sf-c-txt-coral\:100\:dark, html.auto .sf-c-txt-coral\:100\:dark { color: hsl(var(--sf-c-txt-coral-100)) } + html.var[data-theme='auto'] .sf-c-coral, html.var.auto .sf-c-coral { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 34%) } html.var[data-theme='auto'] .sf-c-coral\:0, html.var.auto .sf-c-coral\:0 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 100%) } html.var[data-theme='auto'] .sf-c-coral\:5, html.var.auto .sf-c-coral\:5 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-coral\:100\:dark, html.var.dark .sf-c-coral\:1 html.var[data-theme='auto'] .sf-c-coral\:90\:dark, html.var.auto .sf-c-coral\:90\:dark { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 10%) } html.var[data-theme='auto'] .sf-c-coral\:95\:dark, html.var.auto .sf-c-coral\:95\:dark { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 5%) } html.var[data-theme='auto'] .sf-c-coral\:100\:dark, html.var.auto .sf-c-coral\:100\:dark { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 0%) } -} -.sf-c-txt-coral { color: hsl(var(--sf-c-txt-coral)) } -.sf-c-txt-coral\:0 { color: hsl(var(--sf-c-txt-coral-0)) } -.sf-c-txt-coral\:5 { color: hsl(var(--sf-c-txt-coral-5)) } -.sf-c-txt-coral\:10 { color: hsl(var(--sf-c-txt-coral-10)) } -.sf-c-txt-coral\:15 { color: hsl(var(--sf-c-txt-coral-15)) } -.sf-c-txt-coral\:20 { color: hsl(var(--sf-c-txt-coral-20)) } -.sf-c-txt-coral\:25 { color: hsl(var(--sf-c-txt-coral-25)) } -.sf-c-txt-coral\:30 { color: hsl(var(--sf-c-txt-coral-30)) } -.sf-c-txt-coral\:35 { color: hsl(var(--sf-c-txt-coral-35)) } -.sf-c-txt-coral\:40 { color: hsl(var(--sf-c-txt-coral-40)) } -.sf-c-txt-coral\:45 { color: hsl(var(--sf-c-txt-coral-45)) } -.sf-c-txt-coral\:50 { color: hsl(var(--sf-c-txt-coral-50)) } -.sf-c-txt-coral\:55 { color: hsl(var(--sf-c-txt-coral-55)) } -.sf-c-txt-coral\:60 { color: hsl(var(--sf-c-txt-coral-60)) } -.sf-c-txt-coral\:65 { color: hsl(var(--sf-c-txt-coral-65)) } -.sf-c-txt-coral\:70 { color: hsl(var(--sf-c-txt-coral-70)) } -.sf-c-txt-coral\:75 { color: hsl(var(--sf-c-txt-coral-75)) } -.sf-c-txt-coral\:80 { color: hsl(var(--sf-c-txt-coral-80)) } -.sf-c-txt-coral\:85 { color: hsl(var(--sf-c-txt-coral-85)) } -.sf-c-txt-coral\:90 { color: hsl(var(--sf-c-txt-coral-90)) } -.sf-c-txt-coral\:95 { color: hsl(var(--sf-c-txt-coral-95)) } -.sf-c-txt-coral\:100 { color: hsl(var(--sf-c-txt-coral-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-coral, html.auto .sf-c-txt-coral { color: hsl(16, 100%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:0, html.auto .sf-c-txt-coral\:0 { color: hsl(16, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:5, html.auto .sf-c-txt-coral\:5 { color: hsl(16, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:10, html.auto .sf-c-txt-coral\:10 { color: hsl(16, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:15, html.auto .sf-c-txt-coral\:15 { color: hsl(16, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:20, html.auto .sf-c-txt-coral\:20 { color: hsl(16, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:25, html.auto .sf-c-txt-coral\:25 { color: hsl(16, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:30, html.auto .sf-c-txt-coral\:30 { color: hsl(16, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:35, html.auto .sf-c-txt-coral\:35 { color: hsl(16, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:40, html.auto .sf-c-txt-coral\:40 { color: hsl(16, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:45, html.auto .sf-c-txt-coral\:45 { color: hsl(16, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:50, html.auto .sf-c-txt-coral\:50 { color: hsl(16, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:55, html.auto .sf-c-txt-coral\:55 { color: hsl(16, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:60, html.auto .sf-c-txt-coral\:60 { color: hsl(16, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:65, html.auto .sf-c-txt-coral\:65 { color: hsl(16, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:70, html.auto .sf-c-txt-coral\:70 { color: hsl(16, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:75, html.auto .sf-c-txt-coral\:75 { color: hsl(16, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:80, html.auto .sf-c-txt-coral\:80 { color: hsl(16, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:85, html.auto .sf-c-txt-coral\:85 { color: hsl(16, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:90, html.auto .sf-c-txt-coral\:90 { color: hsl(16, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:95, html.auto .sf-c-txt-coral\:95 { color: hsl(16, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:100, html.auto .sf-c-txt-coral\:100 { color: hsl(16, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-coral\:dark, html.auto .sf-c-txt-coral\:dark { color: hsl(16, 100%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:0\:dark, html.auto .sf-c-txt-coral\:0\:dark { color: hsl(16, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:5\:dark, html.auto .sf-c-txt-coral\:5\:dark { color: hsl(16, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:10\:dark, html.auto .sf-c-txt-coral\:10\:dark { color: hsl(16, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:15\:dark, html.auto .sf-c-txt-coral\:15\:dark { color: hsl(16, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:20\:dark, html.auto .sf-c-txt-coral\:20\:dark { color: hsl(16, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:25\:dark, html.auto .sf-c-txt-coral\:25\:dark { color: hsl(16, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:30\:dark, html.auto .sf-c-txt-coral\:30\:dark { color: hsl(16, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:35\:dark, html.auto .sf-c-txt-coral\:35\:dark { color: hsl(16, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:40\:dark, html.auto .sf-c-txt-coral\:40\:dark { color: hsl(16, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:45\:dark, html.auto .sf-c-txt-coral\:45\:dark { color: hsl(16, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:50\:dark, html.auto .sf-c-txt-coral\:50\:dark { color: hsl(16, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:55\:dark, html.auto .sf-c-txt-coral\:55\:dark { color: hsl(16, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:60\:dark, html.auto .sf-c-txt-coral\:60\:dark { color: hsl(16, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:65\:dark, html.auto .sf-c-txt-coral\:65\:dark { color: hsl(16, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:70\:dark, html.auto .sf-c-txt-coral\:70\:dark { color: hsl(16, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:75\:dark, html.auto .sf-c-txt-coral\:75\:dark { color: hsl(16, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:80\:dark, html.auto .sf-c-txt-coral\:80\:dark { color: hsl(16, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:85\:dark, html.auto .sf-c-txt-coral\:85\:dark { color: hsl(16, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:90\:dark, html.auto .sf-c-txt-coral\:90\:dark { color: hsl(16, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:95\:dark, html.auto .sf-c-txt-coral\:95\:dark { color: hsl(16, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-coral\:100\:dark, html.auto .sf-c-txt-coral\:100\:dark { color: hsl(16, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/cornflowerblue.css b/src/colors/20/cornflowerblue.css index 836fee6..c39ac49 100644 --- a/src/colors/20/cornflowerblue.css +++ b/src/colors/20/cornflowerblue.css @@ -138,6 +138,52 @@ html.var .sf-c-cornflowerblue\:90 { color: hsl(219, 79%, 5%); background: hsl(21 html.var .sf-c-cornflowerblue\:95 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 95%) } html.var .sf-c-cornflowerblue\:100 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 100%) } +.sf-c-txt-cornflowerblue { color: hsl(var(--sf-dark-c-txt-cornflowerblue)) } +.sf-c-txt-cornflowerblue\:0 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-100)) } +.sf-c-txt-cornflowerblue\:5 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-95)) } +.sf-c-txt-cornflowerblue\:10 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-90)) } +.sf-c-txt-cornflowerblue\:15 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-85)) } +.sf-c-txt-cornflowerblue\:20 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-80)) } +.sf-c-txt-cornflowerblue\:25 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-75)) } +.sf-c-txt-cornflowerblue\:30 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-70)) } +.sf-c-txt-cornflowerblue\:35 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-65)) } +.sf-c-txt-cornflowerblue\:40 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-60)) } +.sf-c-txt-cornflowerblue\:45 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-55)) } +.sf-c-txt-cornflowerblue\:50 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-50)) } +.sf-c-txt-cornflowerblue\:55 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-45)) } +.sf-c-txt-cornflowerblue\:60 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-40)) } +.sf-c-txt-cornflowerblue\:65 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-35)) } +.sf-c-txt-cornflowerblue\:70 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-30)) } +.sf-c-txt-cornflowerblue\:75 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-25)) } +.sf-c-txt-cornflowerblue\:80 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-20)) } +.sf-c-txt-cornflowerblue\:85 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-15)) } +.sf-c-txt-cornflowerblue\:90 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-10)) } +.sf-c-txt-cornflowerblue\:95 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-5)) } +.sf-c-txt-cornflowerblue\:100 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-0)) } + +html.var .sf-c-txt-cornflowerblue { color: hsl(219, 79%, 34%) } +html.var .sf-c-txt-cornflowerblue\:0 { color: hsl(219, 79%, 100%) } +html.var .sf-c-txt-cornflowerblue\:5 { color: hsl(219, 79%, 95%) } +html.var .sf-c-txt-cornflowerblue\:10 { color: hsl(219, 79%, 90%) } +html.var .sf-c-txt-cornflowerblue\:15 { color: hsl(219, 79%, 85%) } +html.var .sf-c-txt-cornflowerblue\:20 { color: hsl(219, 79%, 80%) } +html.var .sf-c-txt-cornflowerblue\:25 { color: hsl(219, 79%, 75%) } +html.var .sf-c-txt-cornflowerblue\:30 { color: hsl(219, 79%, 70%) } +html.var .sf-c-txt-cornflowerblue\:35 { color: hsl(219, 79%, 65%) } +html.var .sf-c-txt-cornflowerblue\:40 { color: hsl(219, 79%, 60%) } +html.var .sf-c-txt-cornflowerblue\:45 { color: hsl(219, 79%, 55%) } +html.var .sf-c-txt-cornflowerblue\:50 { color: hsl(219, 79%, 50%) } +html.var .sf-c-txt-cornflowerblue\:55 { color: hsl(219, 79%, 45%) } +html.var .sf-c-txt-cornflowerblue\:60 { color: hsl(219, 79%, 40%) } +html.var .sf-c-txt-cornflowerblue\:65 { color: hsl(219, 79%, 35%) } +html.var .sf-c-txt-cornflowerblue\:70 { color: hsl(219, 79%, 30%) } +html.var .sf-c-txt-cornflowerblue\:75 { color: hsl(219, 79%, 25%) } +html.var .sf-c-txt-cornflowerblue\:80 { color: hsl(219, 79%, 20%) } +html.var .sf-c-txt-cornflowerblue\:85 { color: hsl(219, 79%, 15%) } +html.var .sf-c-txt-cornflowerblue\:90 { color: hsl(219, 79%, 10%) } +html.var .sf-c-txt-cornflowerblue\:95 { color: hsl(219, 79%, 5%) } +html.var .sf-c-txt-cornflowerblue\:100 { color: hsl(219, 79%, 0%) } + html[data-theme='dark'] .sf-c-cornflowerblue, html.dark .sf-c-cornflowerblue { color: hsl(var(--sf-dark-c-txt-cornflowerblue-95)); background: hsl(var(--sf-dark-c-cornflowerblue)) } html[data-theme='dark'] .sf-c-cornflowerblue\:0, html.dark .sf-c-cornflowerblue\:0 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-95)); background: hsl(var(--sf-dark-c-cornflowerblue-100)) } html[data-theme='dark'] .sf-c-cornflowerblue\:5, html.dark .sf-c-cornflowerblue\:5 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-5)); background: hsl(var(--sf-dark-c-cornflowerblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-cornflowerblue\:90\:dark, html.dark .sf-c-cornflow html[data-theme='dark'] .sf-c-cornflowerblue\:95\:dark, html.dark .sf-c-cornflowerblue\:95\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-95)); background: hsl(var(--sf-c-cornflowerblue-5)) } html[data-theme='dark'] .sf-c-cornflowerblue\:100\:dark, html.dark .sf-c-cornflowerblue\:100\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-95)); background: hsl(var(--sf-c-cornflowerblue-0)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue, html.dark .sf-c-txt-cornflowerblue { color: hsl(var(--sf-c-txt-cornflowerblue)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:0, html.dark .sf-c-txt-cornflowerblue\:0 { color: hsl(var(--sf-c-txt-cornflowerblue-0)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:5, html.dark .sf-c-txt-cornflowerblue\:5 { color: hsl(var(--sf-c-txt-cornflowerblue-5)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:10, html.dark .sf-c-txt-cornflowerblue\:10 { color: hsl(var(--sf-c-txt-cornflowerblue-10)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:15, html.dark .sf-c-txt-cornflowerblue\:15 { color: hsl(var(--sf-c-txt-cornflowerblue-15)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:20, html.dark .sf-c-txt-cornflowerblue\:20 { color: hsl(var(--sf-c-txt-cornflowerblue-20)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:25, html.dark .sf-c-txt-cornflowerblue\:25 { color: hsl(var(--sf-c-txt-cornflowerblue-25)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:30, html.dark .sf-c-txt-cornflowerblue\:30 { color: hsl(var(--sf-c-txt-cornflowerblue-30)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:35, html.dark .sf-c-txt-cornflowerblue\:35 { color: hsl(var(--sf-c-txt-cornflowerblue-35)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:40, html.dark .sf-c-txt-cornflowerblue\:40 { color: hsl(var(--sf-c-txt-cornflowerblue-40)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:45, html.dark .sf-c-txt-cornflowerblue\:45 { color: hsl(var(--sf-c-txt-cornflowerblue-45)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:50, html.dark .sf-c-txt-cornflowerblue\:50 { color: hsl(var(--sf-c-txt-cornflowerblue-50)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:55, html.dark .sf-c-txt-cornflowerblue\:55 { color: hsl(var(--sf-c-txt-cornflowerblue-55)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:60, html.dark .sf-c-txt-cornflowerblue\:60 { color: hsl(var(--sf-c-txt-cornflowerblue-60)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:65, html.dark .sf-c-txt-cornflowerblue\:65 { color: hsl(var(--sf-c-txt-cornflowerblue-65)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:70, html.dark .sf-c-txt-cornflowerblue\:70 { color: hsl(var(--sf-c-txt-cornflowerblue-70)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:75, html.dark .sf-c-txt-cornflowerblue\:75 { color: hsl(var(--sf-c-txt-cornflowerblue-75)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:80, html.dark .sf-c-txt-cornflowerblue\:80 { color: hsl(var(--sf-c-txt-cornflowerblue-80)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:85, html.dark .sf-c-txt-cornflowerblue\:85 { color: hsl(var(--sf-c-txt-cornflowerblue-85)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:90, html.dark .sf-c-txt-cornflowerblue\:90 { color: hsl(var(--sf-c-txt-cornflowerblue-90)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:95, html.dark .sf-c-txt-cornflowerblue\:95 { color: hsl(var(--sf-c-txt-cornflowerblue-95)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:100, html.dark .sf-c-txt-cornflowerblue\:100 { color: hsl(var(--sf-c-txt-cornflowerblue-100)) } + +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:dark, html.dark .sf-c-txt-cornflowerblue\:dark { color: hsl(var(--sf-c-txt-cornflowerblue)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:0\:dark, html.dark .sf-c-txt-cornflowerblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-0)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:5\:dark, html.dark .sf-c-txt-cornflowerblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-5)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:10\:dark, html.dark .sf-c-txt-cornflowerblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-10)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:15\:dark, html.dark .sf-c-txt-cornflowerblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-15)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:20\:dark, html.dark .sf-c-txt-cornflowerblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-20)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:25\:dark, html.dark .sf-c-txt-cornflowerblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-25)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:30\:dark, html.dark .sf-c-txt-cornflowerblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-30)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:35\:dark, html.dark .sf-c-txt-cornflowerblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-35)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:40\:dark, html.dark .sf-c-txt-cornflowerblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-40)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:45\:dark, html.dark .sf-c-txt-cornflowerblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-45)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:50\:dark, html.dark .sf-c-txt-cornflowerblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-50)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:55\:dark, html.dark .sf-c-txt-cornflowerblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-55)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:60\:dark, html.dark .sf-c-txt-cornflowerblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-60)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:65\:dark, html.dark .sf-c-txt-cornflowerblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-65)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:70\:dark, html.dark .sf-c-txt-cornflowerblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-70)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:75\:dark, html.dark .sf-c-txt-cornflowerblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-75)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:80\:dark, html.dark .sf-c-txt-cornflowerblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-80)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:85\:dark, html.dark .sf-c-txt-cornflowerblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-85)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:90\:dark, html.dark .sf-c-txt-cornflowerblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-90)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:95\:dark, html.dark .sf-c-txt-cornflowerblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-95)) } +html[data-theme='dark'] .sf-c-txt-cornflowerblue\:100\:dark, html.dark .sf-c-txt-cornflowerblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-cornflowerblue-100)) } + html.var[data-theme='dark'] .sf-c-cornflowerblue, html.var.dark .sf-c-cornflowerblue { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 34%) } html.var[data-theme='dark'] .sf-c-cornflowerblue\:0, html.var.dark .sf-c-cornflowerblue\:0 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 100%) } html.var[data-theme='dark'] .sf-c-cornflowerblue\:5, html.var.dark .sf-c-cornflowerblue\:5 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-cornflowerblue\:90\:dark, html.var.dark .sf-c- html.var[data-theme='dark'] .sf-c-cornflowerblue\:95\:dark, html.var.dark .sf-c-cornflowerblue\:95\:dark { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 5%) } html.var[data-theme='dark'] .sf-c-cornflowerblue\:100\:dark, html.var.dark .sf-c-cornflowerblue\:100\:dark { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue, html.dark .sf-c-txt-cornflowerblue { color: hsl(219, 79%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:0, html.dark .sf-c-txt-cornflowerblue\:0 { color: hsl(219, 79%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:5, html.dark .sf-c-txt-cornflowerblue\:5 { color: hsl(219, 79%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:10, html.dark .sf-c-txt-cornflowerblue\:10 { color: hsl(219, 79%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:15, html.dark .sf-c-txt-cornflowerblue\:15 { color: hsl(219, 79%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:20, html.dark .sf-c-txt-cornflowerblue\:20 { color: hsl(219, 79%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:25, html.dark .sf-c-txt-cornflowerblue\:25 { color: hsl(219, 79%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:30, html.dark .sf-c-txt-cornflowerblue\:30 { color: hsl(219, 79%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:35, html.dark .sf-c-txt-cornflowerblue\:35 { color: hsl(219, 79%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:40, html.dark .sf-c-txt-cornflowerblue\:40 { color: hsl(219, 79%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:45, html.dark .sf-c-txt-cornflowerblue\:45 { color: hsl(219, 79%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:50, html.dark .sf-c-txt-cornflowerblue\:50 { color: hsl(219, 79%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:55, html.dark .sf-c-txt-cornflowerblue\:55 { color: hsl(219, 79%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:60, html.dark .sf-c-txt-cornflowerblue\:60 { color: hsl(219, 79%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:65, html.dark .sf-c-txt-cornflowerblue\:65 { color: hsl(219, 79%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:70, html.dark .sf-c-txt-cornflowerblue\:70 { color: hsl(219, 79%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:75, html.dark .sf-c-txt-cornflowerblue\:75 { color: hsl(219, 79%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:80, html.dark .sf-c-txt-cornflowerblue\:80 { color: hsl(219, 79%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:85, html.dark .sf-c-txt-cornflowerblue\:85 { color: hsl(219, 79%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:90, html.dark .sf-c-txt-cornflowerblue\:90 { color: hsl(219, 79%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:95, html.dark .sf-c-txt-cornflowerblue\:95 { color: hsl(219, 79%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:100, html.dark .sf-c-txt-cornflowerblue\:100 { color: hsl(219, 79%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:dark, html.dark .sf-c-txt-cornflowerblue\:dark { color: hsl(219, 79%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:0\:dark, html.dark .sf-c-txt-cornflowerblue\:0\:dark { color: hsl(219, 79%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:5\:dark, html.dark .sf-c-txt-cornflowerblue\:5\:dark { color: hsl(219, 79%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:10\:dark, html.dark .sf-c-txt-cornflowerblue\:10\:dark { color: hsl(219, 79%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:15\:dark, html.dark .sf-c-txt-cornflowerblue\:15\:dark { color: hsl(219, 79%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:20\:dark, html.dark .sf-c-txt-cornflowerblue\:20\:dark { color: hsl(219, 79%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:25\:dark, html.dark .sf-c-txt-cornflowerblue\:25\:dark { color: hsl(219, 79%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:30\:dark, html.dark .sf-c-txt-cornflowerblue\:30\:dark { color: hsl(219, 79%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:35\:dark, html.dark .sf-c-txt-cornflowerblue\:35\:dark { color: hsl(219, 79%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:40\:dark, html.dark .sf-c-txt-cornflowerblue\:40\:dark { color: hsl(219, 79%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:45\:dark, html.dark .sf-c-txt-cornflowerblue\:45\:dark { color: hsl(219, 79%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:50\:dark, html.dark .sf-c-txt-cornflowerblue\:50\:dark { color: hsl(219, 79%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:55\:dark, html.dark .sf-c-txt-cornflowerblue\:55\:dark { color: hsl(219, 79%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:60\:dark, html.dark .sf-c-txt-cornflowerblue\:60\:dark { color: hsl(219, 79%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:65\:dark, html.dark .sf-c-txt-cornflowerblue\:65\:dark { color: hsl(219, 79%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:70\:dark, html.dark .sf-c-txt-cornflowerblue\:70\:dark { color: hsl(219, 79%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:75\:dark, html.dark .sf-c-txt-cornflowerblue\:75\:dark { color: hsl(219, 79%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:80\:dark, html.dark .sf-c-txt-cornflowerblue\:80\:dark { color: hsl(219, 79%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:85\:dark, html.dark .sf-c-txt-cornflowerblue\:85\:dark { color: hsl(219, 79%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:90\:dark, html.dark .sf-c-txt-cornflowerblue\:90\:dark { color: hsl(219, 79%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:95\:dark, html.dark .sf-c-txt-cornflowerblue\:95\:dark { color: hsl(219, 79%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-cornflowerblue\:100\:dark, html.dark .sf-c-txt-cornflowerblue\:100\:dark { color: hsl(219, 79%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-cornflowerblue, html.auto .sf-c-cornflowerblue { color: hsl(var(--sf-dark-c-txt-cornflowerblue-95)); background: hsl(var(--sf-dark-c-cornflowerblue)) } html[data-theme='auto'] .sf-c-cornflowerblue\:0, html.auto .sf-c-cornflowerblue\:0 { color: hsl(var(--sf-dark-c-txt-cornflowerblue-95)); background: hsl(var(--sf-dark-c-cornflowerblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-cornflowerblue\:100\:dark, html.var.dark .sf-c html[data-theme='auto'] .sf-c-cornflowerblue\:95\:dark, html.auto .sf-c-cornflowerblue\:95\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-95)); background: hsl(var(--sf-c-cornflowerblue-5)) } html[data-theme='auto'] .sf-c-cornflowerblue\:100\:dark, html.auto .sf-c-cornflowerblue\:100\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-95)); background: hsl(var(--sf-c-cornflowerblue-0)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue, html.auto .sf-c-txt-cornflowerblue { color: hsl(var(--sf-c-txt-cornflowerblue)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:0, html.auto .sf-c-txt-cornflowerblue\:0 { color: hsl(var(--sf-c-txt-cornflowerblue-0)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:5, html.auto .sf-c-txt-cornflowerblue\:5 { color: hsl(var(--sf-c-txt-cornflowerblue-5)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:10, html.auto .sf-c-txt-cornflowerblue\:10 { color: hsl(var(--sf-c-txt-cornflowerblue-10)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:15, html.auto .sf-c-txt-cornflowerblue\:15 { color: hsl(var(--sf-c-txt-cornflowerblue-15)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:20, html.auto .sf-c-txt-cornflowerblue\:20 { color: hsl(var(--sf-c-txt-cornflowerblue-20)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:25, html.auto .sf-c-txt-cornflowerblue\:25 { color: hsl(var(--sf-c-txt-cornflowerblue-25)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:30, html.auto .sf-c-txt-cornflowerblue\:30 { color: hsl(var(--sf-c-txt-cornflowerblue-30)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:35, html.auto .sf-c-txt-cornflowerblue\:35 { color: hsl(var(--sf-c-txt-cornflowerblue-35)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:40, html.auto .sf-c-txt-cornflowerblue\:40 { color: hsl(var(--sf-c-txt-cornflowerblue-40)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:45, html.auto .sf-c-txt-cornflowerblue\:45 { color: hsl(var(--sf-c-txt-cornflowerblue-45)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:50, html.auto .sf-c-txt-cornflowerblue\:50 { color: hsl(var(--sf-c-txt-cornflowerblue-50)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:55, html.auto .sf-c-txt-cornflowerblue\:55 { color: hsl(var(--sf-c-txt-cornflowerblue-55)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:60, html.auto .sf-c-txt-cornflowerblue\:60 { color: hsl(var(--sf-c-txt-cornflowerblue-60)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:65, html.auto .sf-c-txt-cornflowerblue\:65 { color: hsl(var(--sf-c-txt-cornflowerblue-65)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:70, html.auto .sf-c-txt-cornflowerblue\:70 { color: hsl(var(--sf-c-txt-cornflowerblue-70)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:75, html.auto .sf-c-txt-cornflowerblue\:75 { color: hsl(var(--sf-c-txt-cornflowerblue-75)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:80, html.auto .sf-c-txt-cornflowerblue\:80 { color: hsl(var(--sf-c-txt-cornflowerblue-80)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:85, html.auto .sf-c-txt-cornflowerblue\:85 { color: hsl(var(--sf-c-txt-cornflowerblue-85)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:90, html.auto .sf-c-txt-cornflowerblue\:90 { color: hsl(var(--sf-c-txt-cornflowerblue-90)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:95, html.auto .sf-c-txt-cornflowerblue\:95 { color: hsl(var(--sf-c-txt-cornflowerblue-95)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:100, html.auto .sf-c-txt-cornflowerblue\:100 { color: hsl(var(--sf-c-txt-cornflowerblue-100)) } + + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:dark, html.auto .sf-c-txt-cornflowerblue\:dark { color: hsl(var(--sf-c-txt-cornflowerblue)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:0\:dark, html.auto .sf-c-txt-cornflowerblue\:0\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-0)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:5\:dark, html.auto .sf-c-txt-cornflowerblue\:5\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-5)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:10\:dark, html.auto .sf-c-txt-cornflowerblue\:10\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-10)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:15\:dark, html.auto .sf-c-txt-cornflowerblue\:15\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-15)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:20\:dark, html.auto .sf-c-txt-cornflowerblue\:20\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-20)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:25\:dark, html.auto .sf-c-txt-cornflowerblue\:25\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-25)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:30\:dark, html.auto .sf-c-txt-cornflowerblue\:30\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-30)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:35\:dark, html.auto .sf-c-txt-cornflowerblue\:35\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-35)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:40\:dark, html.auto .sf-c-txt-cornflowerblue\:40\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-40)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:45\:dark, html.auto .sf-c-txt-cornflowerblue\:45\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-45)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:50\:dark, html.auto .sf-c-txt-cornflowerblue\:50\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-50)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:55\:dark, html.auto .sf-c-txt-cornflowerblue\:55\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-55)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:60\:dark, html.auto .sf-c-txt-cornflowerblue\:60\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-60)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:65\:dark, html.auto .sf-c-txt-cornflowerblue\:65\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-65)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:70\:dark, html.auto .sf-c-txt-cornflowerblue\:70\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-70)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:75\:dark, html.auto .sf-c-txt-cornflowerblue\:75\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-75)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:80\:dark, html.auto .sf-c-txt-cornflowerblue\:80\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-80)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:85\:dark, html.auto .sf-c-txt-cornflowerblue\:85\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-85)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:90\:dark, html.auto .sf-c-txt-cornflowerblue\:90\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-90)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:95\:dark, html.auto .sf-c-txt-cornflowerblue\:95\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-95)) } + html[data-theme='auto'] .sf-c-txt-cornflowerblue\:100\:dark, html.auto .sf-c-txt-cornflowerblue\:100\:dark { color: hsl(var(--sf-c-txt-cornflowerblue-100)) } + html.var[data-theme='auto'] .sf-c-cornflowerblue, html.var.auto .sf-c-cornflowerblue { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 34%) } html.var[data-theme='auto'] .sf-c-cornflowerblue\:0, html.var.auto .sf-c-cornflowerblue\:0 { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 100%) } html.var[data-theme='auto'] .sf-c-cornflowerblue\:5, html.var.auto .sf-c-cornflowerblue\:5 { color: hsl(219, 79%, 5%); background: hsl(219, 79%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-cornflowerblue\:100\:dark, html.var.dark .sf-c html.var[data-theme='auto'] .sf-c-cornflowerblue\:90\:dark, html.var.auto .sf-c-cornflowerblue\:90\:dark { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 10%) } html.var[data-theme='auto'] .sf-c-cornflowerblue\:95\:dark, html.var.auto .sf-c-cornflowerblue\:95\:dark { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 5%) } html.var[data-theme='auto'] .sf-c-cornflowerblue\:100\:dark, html.var.auto .sf-c-cornflowerblue\:100\:dark { color: hsl(219, 79%, 95%); background: hsl(219, 79%, 0%) } -} -.sf-c-txt-cornflowerblue { color: hsl(var(--sf-c-txt-cornflowerblue)) } -.sf-c-txt-cornflowerblue\:0 { color: hsl(var(--sf-c-txt-cornflowerblue-0)) } -.sf-c-txt-cornflowerblue\:5 { color: hsl(var(--sf-c-txt-cornflowerblue-5)) } -.sf-c-txt-cornflowerblue\:10 { color: hsl(var(--sf-c-txt-cornflowerblue-10)) } -.sf-c-txt-cornflowerblue\:15 { color: hsl(var(--sf-c-txt-cornflowerblue-15)) } -.sf-c-txt-cornflowerblue\:20 { color: hsl(var(--sf-c-txt-cornflowerblue-20)) } -.sf-c-txt-cornflowerblue\:25 { color: hsl(var(--sf-c-txt-cornflowerblue-25)) } -.sf-c-txt-cornflowerblue\:30 { color: hsl(var(--sf-c-txt-cornflowerblue-30)) } -.sf-c-txt-cornflowerblue\:35 { color: hsl(var(--sf-c-txt-cornflowerblue-35)) } -.sf-c-txt-cornflowerblue\:40 { color: hsl(var(--sf-c-txt-cornflowerblue-40)) } -.sf-c-txt-cornflowerblue\:45 { color: hsl(var(--sf-c-txt-cornflowerblue-45)) } -.sf-c-txt-cornflowerblue\:50 { color: hsl(var(--sf-c-txt-cornflowerblue-50)) } -.sf-c-txt-cornflowerblue\:55 { color: hsl(var(--sf-c-txt-cornflowerblue-55)) } -.sf-c-txt-cornflowerblue\:60 { color: hsl(var(--sf-c-txt-cornflowerblue-60)) } -.sf-c-txt-cornflowerblue\:65 { color: hsl(var(--sf-c-txt-cornflowerblue-65)) } -.sf-c-txt-cornflowerblue\:70 { color: hsl(var(--sf-c-txt-cornflowerblue-70)) } -.sf-c-txt-cornflowerblue\:75 { color: hsl(var(--sf-c-txt-cornflowerblue-75)) } -.sf-c-txt-cornflowerblue\:80 { color: hsl(var(--sf-c-txt-cornflowerblue-80)) } -.sf-c-txt-cornflowerblue\:85 { color: hsl(var(--sf-c-txt-cornflowerblue-85)) } -.sf-c-txt-cornflowerblue\:90 { color: hsl(var(--sf-c-txt-cornflowerblue-90)) } -.sf-c-txt-cornflowerblue\:95 { color: hsl(var(--sf-c-txt-cornflowerblue-95)) } -.sf-c-txt-cornflowerblue\:100 { color: hsl(var(--sf-c-txt-cornflowerblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue, html.auto .sf-c-txt-cornflowerblue { color: hsl(219, 79%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:0, html.auto .sf-c-txt-cornflowerblue\:0 { color: hsl(219, 79%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:5, html.auto .sf-c-txt-cornflowerblue\:5 { color: hsl(219, 79%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:10, html.auto .sf-c-txt-cornflowerblue\:10 { color: hsl(219, 79%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:15, html.auto .sf-c-txt-cornflowerblue\:15 { color: hsl(219, 79%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:20, html.auto .sf-c-txt-cornflowerblue\:20 { color: hsl(219, 79%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:25, html.auto .sf-c-txt-cornflowerblue\:25 { color: hsl(219, 79%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:30, html.auto .sf-c-txt-cornflowerblue\:30 { color: hsl(219, 79%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:35, html.auto .sf-c-txt-cornflowerblue\:35 { color: hsl(219, 79%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:40, html.auto .sf-c-txt-cornflowerblue\:40 { color: hsl(219, 79%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:45, html.auto .sf-c-txt-cornflowerblue\:45 { color: hsl(219, 79%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:50, html.auto .sf-c-txt-cornflowerblue\:50 { color: hsl(219, 79%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:55, html.auto .sf-c-txt-cornflowerblue\:55 { color: hsl(219, 79%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:60, html.auto .sf-c-txt-cornflowerblue\:60 { color: hsl(219, 79%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:65, html.auto .sf-c-txt-cornflowerblue\:65 { color: hsl(219, 79%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:70, html.auto .sf-c-txt-cornflowerblue\:70 { color: hsl(219, 79%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:75, html.auto .sf-c-txt-cornflowerblue\:75 { color: hsl(219, 79%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:80, html.auto .sf-c-txt-cornflowerblue\:80 { color: hsl(219, 79%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:85, html.auto .sf-c-txt-cornflowerblue\:85 { color: hsl(219, 79%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:90, html.auto .sf-c-txt-cornflowerblue\:90 { color: hsl(219, 79%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:95, html.auto .sf-c-txt-cornflowerblue\:95 { color: hsl(219, 79%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:100, html.auto .sf-c-txt-cornflowerblue\:100 { color: hsl(219, 79%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:dark, html.auto .sf-c-txt-cornflowerblue\:dark { color: hsl(219, 79%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:0\:dark, html.auto .sf-c-txt-cornflowerblue\:0\:dark { color: hsl(219, 79%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:5\:dark, html.auto .sf-c-txt-cornflowerblue\:5\:dark { color: hsl(219, 79%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:10\:dark, html.auto .sf-c-txt-cornflowerblue\:10\:dark { color: hsl(219, 79%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:15\:dark, html.auto .sf-c-txt-cornflowerblue\:15\:dark { color: hsl(219, 79%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:20\:dark, html.auto .sf-c-txt-cornflowerblue\:20\:dark { color: hsl(219, 79%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:25\:dark, html.auto .sf-c-txt-cornflowerblue\:25\:dark { color: hsl(219, 79%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:30\:dark, html.auto .sf-c-txt-cornflowerblue\:30\:dark { color: hsl(219, 79%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:35\:dark, html.auto .sf-c-txt-cornflowerblue\:35\:dark { color: hsl(219, 79%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:40\:dark, html.auto .sf-c-txt-cornflowerblue\:40\:dark { color: hsl(219, 79%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:45\:dark, html.auto .sf-c-txt-cornflowerblue\:45\:dark { color: hsl(219, 79%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:50\:dark, html.auto .sf-c-txt-cornflowerblue\:50\:dark { color: hsl(219, 79%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:55\:dark, html.auto .sf-c-txt-cornflowerblue\:55\:dark { color: hsl(219, 79%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:60\:dark, html.auto .sf-c-txt-cornflowerblue\:60\:dark { color: hsl(219, 79%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:65\:dark, html.auto .sf-c-txt-cornflowerblue\:65\:dark { color: hsl(219, 79%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:70\:dark, html.auto .sf-c-txt-cornflowerblue\:70\:dark { color: hsl(219, 79%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:75\:dark, html.auto .sf-c-txt-cornflowerblue\:75\:dark { color: hsl(219, 79%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:80\:dark, html.auto .sf-c-txt-cornflowerblue\:80\:dark { color: hsl(219, 79%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:85\:dark, html.auto .sf-c-txt-cornflowerblue\:85\:dark { color: hsl(219, 79%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:90\:dark, html.auto .sf-c-txt-cornflowerblue\:90\:dark { color: hsl(219, 79%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:95\:dark, html.auto .sf-c-txt-cornflowerblue\:95\:dark { color: hsl(219, 79%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-cornflowerblue\:100\:dark, html.auto .sf-c-txt-cornflowerblue\:100\:dark { color: hsl(219, 79%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/cornsilk.css b/src/colors/20/cornsilk.css index cfd5a1a..f1e5654 100644 --- a/src/colors/20/cornsilk.css +++ b/src/colors/20/cornsilk.css @@ -138,6 +138,52 @@ html.var .sf-c-cornsilk\:90 { color: hsl(48, 100%, 5%); background: hsl(48, 100% html.var .sf-c-cornsilk\:95 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 95%) } html.var .sf-c-cornsilk\:100 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 100%) } +.sf-c-txt-cornsilk { color: hsl(var(--sf-dark-c-txt-cornsilk)) } +.sf-c-txt-cornsilk\:0 { color: hsl(var(--sf-dark-c-txt-cornsilk-100)) } +.sf-c-txt-cornsilk\:5 { color: hsl(var(--sf-dark-c-txt-cornsilk-95)) } +.sf-c-txt-cornsilk\:10 { color: hsl(var(--sf-dark-c-txt-cornsilk-90)) } +.sf-c-txt-cornsilk\:15 { color: hsl(var(--sf-dark-c-txt-cornsilk-85)) } +.sf-c-txt-cornsilk\:20 { color: hsl(var(--sf-dark-c-txt-cornsilk-80)) } +.sf-c-txt-cornsilk\:25 { color: hsl(var(--sf-dark-c-txt-cornsilk-75)) } +.sf-c-txt-cornsilk\:30 { color: hsl(var(--sf-dark-c-txt-cornsilk-70)) } +.sf-c-txt-cornsilk\:35 { color: hsl(var(--sf-dark-c-txt-cornsilk-65)) } +.sf-c-txt-cornsilk\:40 { color: hsl(var(--sf-dark-c-txt-cornsilk-60)) } +.sf-c-txt-cornsilk\:45 { color: hsl(var(--sf-dark-c-txt-cornsilk-55)) } +.sf-c-txt-cornsilk\:50 { color: hsl(var(--sf-dark-c-txt-cornsilk-50)) } +.sf-c-txt-cornsilk\:55 { color: hsl(var(--sf-dark-c-txt-cornsilk-45)) } +.sf-c-txt-cornsilk\:60 { color: hsl(var(--sf-dark-c-txt-cornsilk-40)) } +.sf-c-txt-cornsilk\:65 { color: hsl(var(--sf-dark-c-txt-cornsilk-35)) } +.sf-c-txt-cornsilk\:70 { color: hsl(var(--sf-dark-c-txt-cornsilk-30)) } +.sf-c-txt-cornsilk\:75 { color: hsl(var(--sf-dark-c-txt-cornsilk-25)) } +.sf-c-txt-cornsilk\:80 { color: hsl(var(--sf-dark-c-txt-cornsilk-20)) } +.sf-c-txt-cornsilk\:85 { color: hsl(var(--sf-dark-c-txt-cornsilk-15)) } +.sf-c-txt-cornsilk\:90 { color: hsl(var(--sf-dark-c-txt-cornsilk-10)) } +.sf-c-txt-cornsilk\:95 { color: hsl(var(--sf-dark-c-txt-cornsilk-5)) } +.sf-c-txt-cornsilk\:100 { color: hsl(var(--sf-dark-c-txt-cornsilk-0)) } + +html.var .sf-c-txt-cornsilk { color: hsl(48, 100%, 7%) } +html.var .sf-c-txt-cornsilk\:0 { color: hsl(48, 100%, 100%) } +html.var .sf-c-txt-cornsilk\:5 { color: hsl(48, 100%, 95%) } +html.var .sf-c-txt-cornsilk\:10 { color: hsl(48, 100%, 90%) } +html.var .sf-c-txt-cornsilk\:15 { color: hsl(48, 100%, 85%) } +html.var .sf-c-txt-cornsilk\:20 { color: hsl(48, 100%, 80%) } +html.var .sf-c-txt-cornsilk\:25 { color: hsl(48, 100%, 75%) } +html.var .sf-c-txt-cornsilk\:30 { color: hsl(48, 100%, 70%) } +html.var .sf-c-txt-cornsilk\:35 { color: hsl(48, 100%, 65%) } +html.var .sf-c-txt-cornsilk\:40 { color: hsl(48, 100%, 60%) } +html.var .sf-c-txt-cornsilk\:45 { color: hsl(48, 100%, 55%) } +html.var .sf-c-txt-cornsilk\:50 { color: hsl(48, 100%, 50%) } +html.var .sf-c-txt-cornsilk\:55 { color: hsl(48, 100%, 45%) } +html.var .sf-c-txt-cornsilk\:60 { color: hsl(48, 100%, 40%) } +html.var .sf-c-txt-cornsilk\:65 { color: hsl(48, 100%, 35%) } +html.var .sf-c-txt-cornsilk\:70 { color: hsl(48, 100%, 30%) } +html.var .sf-c-txt-cornsilk\:75 { color: hsl(48, 100%, 25%) } +html.var .sf-c-txt-cornsilk\:80 { color: hsl(48, 100%, 20%) } +html.var .sf-c-txt-cornsilk\:85 { color: hsl(48, 100%, 15%) } +html.var .sf-c-txt-cornsilk\:90 { color: hsl(48, 100%, 10%) } +html.var .sf-c-txt-cornsilk\:95 { color: hsl(48, 100%, 5%) } +html.var .sf-c-txt-cornsilk\:100 { color: hsl(48, 100%, 0%) } + html[data-theme='dark'] .sf-c-cornsilk, html.dark .sf-c-cornsilk { color: hsl(var(--sf-dark-c-txt-cornsilk-95)); background: hsl(var(--sf-dark-c-cornsilk)) } html[data-theme='dark'] .sf-c-cornsilk\:0, html.dark .sf-c-cornsilk\:0 { color: hsl(var(--sf-dark-c-txt-cornsilk-95)); background: hsl(var(--sf-dark-c-cornsilk-100)) } html[data-theme='dark'] .sf-c-cornsilk\:5, html.dark .sf-c-cornsilk\:5 { color: hsl(var(--sf-dark-c-txt-cornsilk-5)); background: hsl(var(--sf-dark-c-cornsilk-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-cornsilk\:90\:dark, html.dark .sf-c-cornsilk\:90\: html[data-theme='dark'] .sf-c-cornsilk\:95\:dark, html.dark .sf-c-cornsilk\:95\:dark { color: hsl(var(--sf-c-txt-cornsilk-95)); background: hsl(var(--sf-c-cornsilk-5)) } html[data-theme='dark'] .sf-c-cornsilk\:100\:dark, html.dark .sf-c-cornsilk\:100\:dark { color: hsl(var(--sf-c-txt-cornsilk-95)); background: hsl(var(--sf-c-cornsilk-0)) } +html[data-theme='dark'] .sf-c-txt-cornsilk, html.dark .sf-c-txt-cornsilk { color: hsl(var(--sf-c-txt-cornsilk)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:0, html.dark .sf-c-txt-cornsilk\:0 { color: hsl(var(--sf-c-txt-cornsilk-0)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:5, html.dark .sf-c-txt-cornsilk\:5 { color: hsl(var(--sf-c-txt-cornsilk-5)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:10, html.dark .sf-c-txt-cornsilk\:10 { color: hsl(var(--sf-c-txt-cornsilk-10)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:15, html.dark .sf-c-txt-cornsilk\:15 { color: hsl(var(--sf-c-txt-cornsilk-15)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:20, html.dark .sf-c-txt-cornsilk\:20 { color: hsl(var(--sf-c-txt-cornsilk-20)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:25, html.dark .sf-c-txt-cornsilk\:25 { color: hsl(var(--sf-c-txt-cornsilk-25)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:30, html.dark .sf-c-txt-cornsilk\:30 { color: hsl(var(--sf-c-txt-cornsilk-30)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:35, html.dark .sf-c-txt-cornsilk\:35 { color: hsl(var(--sf-c-txt-cornsilk-35)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:40, html.dark .sf-c-txt-cornsilk\:40 { color: hsl(var(--sf-c-txt-cornsilk-40)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:45, html.dark .sf-c-txt-cornsilk\:45 { color: hsl(var(--sf-c-txt-cornsilk-45)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:50, html.dark .sf-c-txt-cornsilk\:50 { color: hsl(var(--sf-c-txt-cornsilk-50)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:55, html.dark .sf-c-txt-cornsilk\:55 { color: hsl(var(--sf-c-txt-cornsilk-55)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:60, html.dark .sf-c-txt-cornsilk\:60 { color: hsl(var(--sf-c-txt-cornsilk-60)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:65, html.dark .sf-c-txt-cornsilk\:65 { color: hsl(var(--sf-c-txt-cornsilk-65)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:70, html.dark .sf-c-txt-cornsilk\:70 { color: hsl(var(--sf-c-txt-cornsilk-70)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:75, html.dark .sf-c-txt-cornsilk\:75 { color: hsl(var(--sf-c-txt-cornsilk-75)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:80, html.dark .sf-c-txt-cornsilk\:80 { color: hsl(var(--sf-c-txt-cornsilk-80)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:85, html.dark .sf-c-txt-cornsilk\:85 { color: hsl(var(--sf-c-txt-cornsilk-85)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:90, html.dark .sf-c-txt-cornsilk\:90 { color: hsl(var(--sf-c-txt-cornsilk-90)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:95, html.dark .sf-c-txt-cornsilk\:95 { color: hsl(var(--sf-c-txt-cornsilk-95)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:100, html.dark .sf-c-txt-cornsilk\:100 { color: hsl(var(--sf-c-txt-cornsilk-100)) } + +html[data-theme='dark'] .sf-c-txt-cornsilk\:dark, html.dark .sf-c-txt-cornsilk\:dark { color: hsl(var(--sf-c-txt-cornsilk)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:0\:dark, html.dark .sf-c-txt-cornsilk\:0\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-0)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:5\:dark, html.dark .sf-c-txt-cornsilk\:5\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-5)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:10\:dark, html.dark .sf-c-txt-cornsilk\:10\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-10)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:15\:dark, html.dark .sf-c-txt-cornsilk\:15\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-15)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:20\:dark, html.dark .sf-c-txt-cornsilk\:20\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-20)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:25\:dark, html.dark .sf-c-txt-cornsilk\:25\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-25)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:30\:dark, html.dark .sf-c-txt-cornsilk\:30\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-30)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:35\:dark, html.dark .sf-c-txt-cornsilk\:35\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-35)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:40\:dark, html.dark .sf-c-txt-cornsilk\:40\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-40)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:45\:dark, html.dark .sf-c-txt-cornsilk\:45\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-45)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:50\:dark, html.dark .sf-c-txt-cornsilk\:50\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-50)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:55\:dark, html.dark .sf-c-txt-cornsilk\:55\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-55)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:60\:dark, html.dark .sf-c-txt-cornsilk\:60\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-60)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:65\:dark, html.dark .sf-c-txt-cornsilk\:65\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-65)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:70\:dark, html.dark .sf-c-txt-cornsilk\:70\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-70)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:75\:dark, html.dark .sf-c-txt-cornsilk\:75\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-75)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:80\:dark, html.dark .sf-c-txt-cornsilk\:80\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-80)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:85\:dark, html.dark .sf-c-txt-cornsilk\:85\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-85)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:90\:dark, html.dark .sf-c-txt-cornsilk\:90\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-90)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:95\:dark, html.dark .sf-c-txt-cornsilk\:95\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-95)) } +html[data-theme='dark'] .sf-c-txt-cornsilk\:100\:dark, html.dark .sf-c-txt-cornsilk\:100\:dark { color: hsl(var(--sf-dark-c-txt-cornsilk-100)) } + html.var[data-theme='dark'] .sf-c-cornsilk, html.var.dark .sf-c-cornsilk { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 7%) } html.var[data-theme='dark'] .sf-c-cornsilk\:0, html.var.dark .sf-c-cornsilk\:0 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 100%) } html.var[data-theme='dark'] .sf-c-cornsilk\:5, html.var.dark .sf-c-cornsilk\:5 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-cornsilk\:90\:dark, html.var.dark .sf-c-cornsi html.var[data-theme='dark'] .sf-c-cornsilk\:95\:dark, html.var.dark .sf-c-cornsilk\:95\:dark { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 5%) } html.var[data-theme='dark'] .sf-c-cornsilk\:100\:dark, html.var.dark .sf-c-cornsilk\:100\:dark { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk, html.dark .sf-c-txt-cornsilk { color: hsl(48, 100%, 93%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:0, html.dark .sf-c-txt-cornsilk\:0 { color: hsl(48, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:5, html.dark .sf-c-txt-cornsilk\:5 { color: hsl(48, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:10, html.dark .sf-c-txt-cornsilk\:10 { color: hsl(48, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:15, html.dark .sf-c-txt-cornsilk\:15 { color: hsl(48, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:20, html.dark .sf-c-txt-cornsilk\:20 { color: hsl(48, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:25, html.dark .sf-c-txt-cornsilk\:25 { color: hsl(48, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:30, html.dark .sf-c-txt-cornsilk\:30 { color: hsl(48, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:35, html.dark .sf-c-txt-cornsilk\:35 { color: hsl(48, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:40, html.dark .sf-c-txt-cornsilk\:40 { color: hsl(48, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:45, html.dark .sf-c-txt-cornsilk\:45 { color: hsl(48, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:50, html.dark .sf-c-txt-cornsilk\:50 { color: hsl(48, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:55, html.dark .sf-c-txt-cornsilk\:55 { color: hsl(48, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:60, html.dark .sf-c-txt-cornsilk\:60 { color: hsl(48, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:65, html.dark .sf-c-txt-cornsilk\:65 { color: hsl(48, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:70, html.dark .sf-c-txt-cornsilk\:70 { color: hsl(48, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:75, html.dark .sf-c-txt-cornsilk\:75 { color: hsl(48, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:80, html.dark .sf-c-txt-cornsilk\:80 { color: hsl(48, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:85, html.dark .sf-c-txt-cornsilk\:85 { color: hsl(48, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:90, html.dark .sf-c-txt-cornsilk\:90 { color: hsl(48, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:95, html.dark .sf-c-txt-cornsilk\:95 { color: hsl(48, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:100, html.dark .sf-c-txt-cornsilk\:100 { color: hsl(48, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:dark, html.dark .sf-c-txt-cornsilk\:dark { color: hsl(48, 100%, 93%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:0\:dark, html.dark .sf-c-txt-cornsilk\:0\:dark { color: hsl(48, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:5\:dark, html.dark .sf-c-txt-cornsilk\:5\:dark { color: hsl(48, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:10\:dark, html.dark .sf-c-txt-cornsilk\:10\:dark { color: hsl(48, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:15\:dark, html.dark .sf-c-txt-cornsilk\:15\:dark { color: hsl(48, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:20\:dark, html.dark .sf-c-txt-cornsilk\:20\:dark { color: hsl(48, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:25\:dark, html.dark .sf-c-txt-cornsilk\:25\:dark { color: hsl(48, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:30\:dark, html.dark .sf-c-txt-cornsilk\:30\:dark { color: hsl(48, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:35\:dark, html.dark .sf-c-txt-cornsilk\:35\:dark { color: hsl(48, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:40\:dark, html.dark .sf-c-txt-cornsilk\:40\:dark { color: hsl(48, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:45\:dark, html.dark .sf-c-txt-cornsilk\:45\:dark { color: hsl(48, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:50\:dark, html.dark .sf-c-txt-cornsilk\:50\:dark { color: hsl(48, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:55\:dark, html.dark .sf-c-txt-cornsilk\:55\:dark { color: hsl(48, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:60\:dark, html.dark .sf-c-txt-cornsilk\:60\:dark { color: hsl(48, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:65\:dark, html.dark .sf-c-txt-cornsilk\:65\:dark { color: hsl(48, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:70\:dark, html.dark .sf-c-txt-cornsilk\:70\:dark { color: hsl(48, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:75\:dark, html.dark .sf-c-txt-cornsilk\:75\:dark { color: hsl(48, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:80\:dark, html.dark .sf-c-txt-cornsilk\:80\:dark { color: hsl(48, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:85\:dark, html.dark .sf-c-txt-cornsilk\:85\:dark { color: hsl(48, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:90\:dark, html.dark .sf-c-txt-cornsilk\:90\:dark { color: hsl(48, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:95\:dark, html.dark .sf-c-txt-cornsilk\:95\:dark { color: hsl(48, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-cornsilk\:100\:dark, html.dark .sf-c-txt-cornsilk\:100\:dark { color: hsl(48, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-cornsilk, html.auto .sf-c-cornsilk { color: hsl(var(--sf-dark-c-txt-cornsilk-95)); background: hsl(var(--sf-dark-c-cornsilk)) } html[data-theme='auto'] .sf-c-cornsilk\:0, html.auto .sf-c-cornsilk\:0 { color: hsl(var(--sf-dark-c-txt-cornsilk-95)); background: hsl(var(--sf-dark-c-cornsilk-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-cornsilk\:100\:dark, html.var.dark .sf-c-corns html[data-theme='auto'] .sf-c-cornsilk\:95\:dark, html.auto .sf-c-cornsilk\:95\:dark { color: hsl(var(--sf-c-txt-cornsilk-95)); background: hsl(var(--sf-c-cornsilk-5)) } html[data-theme='auto'] .sf-c-cornsilk\:100\:dark, html.auto .sf-c-cornsilk\:100\:dark { color: hsl(var(--sf-c-txt-cornsilk-95)); background: hsl(var(--sf-c-cornsilk-0)) } + html[data-theme='auto'] .sf-c-txt-cornsilk, html.auto .sf-c-txt-cornsilk { color: hsl(var(--sf-c-txt-cornsilk)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:0, html.auto .sf-c-txt-cornsilk\:0 { color: hsl(var(--sf-c-txt-cornsilk-0)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:5, html.auto .sf-c-txt-cornsilk\:5 { color: hsl(var(--sf-c-txt-cornsilk-5)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:10, html.auto .sf-c-txt-cornsilk\:10 { color: hsl(var(--sf-c-txt-cornsilk-10)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:15, html.auto .sf-c-txt-cornsilk\:15 { color: hsl(var(--sf-c-txt-cornsilk-15)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:20, html.auto .sf-c-txt-cornsilk\:20 { color: hsl(var(--sf-c-txt-cornsilk-20)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:25, html.auto .sf-c-txt-cornsilk\:25 { color: hsl(var(--sf-c-txt-cornsilk-25)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:30, html.auto .sf-c-txt-cornsilk\:30 { color: hsl(var(--sf-c-txt-cornsilk-30)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:35, html.auto .sf-c-txt-cornsilk\:35 { color: hsl(var(--sf-c-txt-cornsilk-35)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:40, html.auto .sf-c-txt-cornsilk\:40 { color: hsl(var(--sf-c-txt-cornsilk-40)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:45, html.auto .sf-c-txt-cornsilk\:45 { color: hsl(var(--sf-c-txt-cornsilk-45)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:50, html.auto .sf-c-txt-cornsilk\:50 { color: hsl(var(--sf-c-txt-cornsilk-50)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:55, html.auto .sf-c-txt-cornsilk\:55 { color: hsl(var(--sf-c-txt-cornsilk-55)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:60, html.auto .sf-c-txt-cornsilk\:60 { color: hsl(var(--sf-c-txt-cornsilk-60)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:65, html.auto .sf-c-txt-cornsilk\:65 { color: hsl(var(--sf-c-txt-cornsilk-65)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:70, html.auto .sf-c-txt-cornsilk\:70 { color: hsl(var(--sf-c-txt-cornsilk-70)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:75, html.auto .sf-c-txt-cornsilk\:75 { color: hsl(var(--sf-c-txt-cornsilk-75)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:80, html.auto .sf-c-txt-cornsilk\:80 { color: hsl(var(--sf-c-txt-cornsilk-80)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:85, html.auto .sf-c-txt-cornsilk\:85 { color: hsl(var(--sf-c-txt-cornsilk-85)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:90, html.auto .sf-c-txt-cornsilk\:90 { color: hsl(var(--sf-c-txt-cornsilk-90)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:95, html.auto .sf-c-txt-cornsilk\:95 { color: hsl(var(--sf-c-txt-cornsilk-95)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:100, html.auto .sf-c-txt-cornsilk\:100 { color: hsl(var(--sf-c-txt-cornsilk-100)) } + + html[data-theme='auto'] .sf-c-txt-cornsilk\:dark, html.auto .sf-c-txt-cornsilk\:dark { color: hsl(var(--sf-c-txt-cornsilk)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:0\:dark, html.auto .sf-c-txt-cornsilk\:0\:dark { color: hsl(var(--sf-c-txt-cornsilk-0)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:5\:dark, html.auto .sf-c-txt-cornsilk\:5\:dark { color: hsl(var(--sf-c-txt-cornsilk-5)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:10\:dark, html.auto .sf-c-txt-cornsilk\:10\:dark { color: hsl(var(--sf-c-txt-cornsilk-10)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:15\:dark, html.auto .sf-c-txt-cornsilk\:15\:dark { color: hsl(var(--sf-c-txt-cornsilk-15)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:20\:dark, html.auto .sf-c-txt-cornsilk\:20\:dark { color: hsl(var(--sf-c-txt-cornsilk-20)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:25\:dark, html.auto .sf-c-txt-cornsilk\:25\:dark { color: hsl(var(--sf-c-txt-cornsilk-25)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:30\:dark, html.auto .sf-c-txt-cornsilk\:30\:dark { color: hsl(var(--sf-c-txt-cornsilk-30)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:35\:dark, html.auto .sf-c-txt-cornsilk\:35\:dark { color: hsl(var(--sf-c-txt-cornsilk-35)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:40\:dark, html.auto .sf-c-txt-cornsilk\:40\:dark { color: hsl(var(--sf-c-txt-cornsilk-40)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:45\:dark, html.auto .sf-c-txt-cornsilk\:45\:dark { color: hsl(var(--sf-c-txt-cornsilk-45)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:50\:dark, html.auto .sf-c-txt-cornsilk\:50\:dark { color: hsl(var(--sf-c-txt-cornsilk-50)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:55\:dark, html.auto .sf-c-txt-cornsilk\:55\:dark { color: hsl(var(--sf-c-txt-cornsilk-55)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:60\:dark, html.auto .sf-c-txt-cornsilk\:60\:dark { color: hsl(var(--sf-c-txt-cornsilk-60)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:65\:dark, html.auto .sf-c-txt-cornsilk\:65\:dark { color: hsl(var(--sf-c-txt-cornsilk-65)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:70\:dark, html.auto .sf-c-txt-cornsilk\:70\:dark { color: hsl(var(--sf-c-txt-cornsilk-70)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:75\:dark, html.auto .sf-c-txt-cornsilk\:75\:dark { color: hsl(var(--sf-c-txt-cornsilk-75)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:80\:dark, html.auto .sf-c-txt-cornsilk\:80\:dark { color: hsl(var(--sf-c-txt-cornsilk-80)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:85\:dark, html.auto .sf-c-txt-cornsilk\:85\:dark { color: hsl(var(--sf-c-txt-cornsilk-85)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:90\:dark, html.auto .sf-c-txt-cornsilk\:90\:dark { color: hsl(var(--sf-c-txt-cornsilk-90)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:95\:dark, html.auto .sf-c-txt-cornsilk\:95\:dark { color: hsl(var(--sf-c-txt-cornsilk-95)) } + html[data-theme='auto'] .sf-c-txt-cornsilk\:100\:dark, html.auto .sf-c-txt-cornsilk\:100\:dark { color: hsl(var(--sf-c-txt-cornsilk-100)) } + html.var[data-theme='auto'] .sf-c-cornsilk, html.var.auto .sf-c-cornsilk { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 7%) } html.var[data-theme='auto'] .sf-c-cornsilk\:0, html.var.auto .sf-c-cornsilk\:0 { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 100%) } html.var[data-theme='auto'] .sf-c-cornsilk\:5, html.var.auto .sf-c-cornsilk\:5 { color: hsl(48, 100%, 5%); background: hsl(48, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-cornsilk\:100\:dark, html.var.dark .sf-c-corns html.var[data-theme='auto'] .sf-c-cornsilk\:90\:dark, html.var.auto .sf-c-cornsilk\:90\:dark { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 10%) } html.var[data-theme='auto'] .sf-c-cornsilk\:95\:dark, html.var.auto .sf-c-cornsilk\:95\:dark { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 5%) } html.var[data-theme='auto'] .sf-c-cornsilk\:100\:dark, html.var.auto .sf-c-cornsilk\:100\:dark { color: hsl(48, 100%, 95%); background: hsl(48, 100%, 0%) } -} -.sf-c-txt-cornsilk { color: hsl(var(--sf-c-txt-cornsilk)) } -.sf-c-txt-cornsilk\:0 { color: hsl(var(--sf-c-txt-cornsilk-0)) } -.sf-c-txt-cornsilk\:5 { color: hsl(var(--sf-c-txt-cornsilk-5)) } -.sf-c-txt-cornsilk\:10 { color: hsl(var(--sf-c-txt-cornsilk-10)) } -.sf-c-txt-cornsilk\:15 { color: hsl(var(--sf-c-txt-cornsilk-15)) } -.sf-c-txt-cornsilk\:20 { color: hsl(var(--sf-c-txt-cornsilk-20)) } -.sf-c-txt-cornsilk\:25 { color: hsl(var(--sf-c-txt-cornsilk-25)) } -.sf-c-txt-cornsilk\:30 { color: hsl(var(--sf-c-txt-cornsilk-30)) } -.sf-c-txt-cornsilk\:35 { color: hsl(var(--sf-c-txt-cornsilk-35)) } -.sf-c-txt-cornsilk\:40 { color: hsl(var(--sf-c-txt-cornsilk-40)) } -.sf-c-txt-cornsilk\:45 { color: hsl(var(--sf-c-txt-cornsilk-45)) } -.sf-c-txt-cornsilk\:50 { color: hsl(var(--sf-c-txt-cornsilk-50)) } -.sf-c-txt-cornsilk\:55 { color: hsl(var(--sf-c-txt-cornsilk-55)) } -.sf-c-txt-cornsilk\:60 { color: hsl(var(--sf-c-txt-cornsilk-60)) } -.sf-c-txt-cornsilk\:65 { color: hsl(var(--sf-c-txt-cornsilk-65)) } -.sf-c-txt-cornsilk\:70 { color: hsl(var(--sf-c-txt-cornsilk-70)) } -.sf-c-txt-cornsilk\:75 { color: hsl(var(--sf-c-txt-cornsilk-75)) } -.sf-c-txt-cornsilk\:80 { color: hsl(var(--sf-c-txt-cornsilk-80)) } -.sf-c-txt-cornsilk\:85 { color: hsl(var(--sf-c-txt-cornsilk-85)) } -.sf-c-txt-cornsilk\:90 { color: hsl(var(--sf-c-txt-cornsilk-90)) } -.sf-c-txt-cornsilk\:95 { color: hsl(var(--sf-c-txt-cornsilk-95)) } -.sf-c-txt-cornsilk\:100 { color: hsl(var(--sf-c-txt-cornsilk-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-cornsilk, html.auto .sf-c-txt-cornsilk { color: hsl(48, 100%, 93%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:0, html.auto .sf-c-txt-cornsilk\:0 { color: hsl(48, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:5, html.auto .sf-c-txt-cornsilk\:5 { color: hsl(48, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:10, html.auto .sf-c-txt-cornsilk\:10 { color: hsl(48, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:15, html.auto .sf-c-txt-cornsilk\:15 { color: hsl(48, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:20, html.auto .sf-c-txt-cornsilk\:20 { color: hsl(48, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:25, html.auto .sf-c-txt-cornsilk\:25 { color: hsl(48, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:30, html.auto .sf-c-txt-cornsilk\:30 { color: hsl(48, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:35, html.auto .sf-c-txt-cornsilk\:35 { color: hsl(48, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:40, html.auto .sf-c-txt-cornsilk\:40 { color: hsl(48, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:45, html.auto .sf-c-txt-cornsilk\:45 { color: hsl(48, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:50, html.auto .sf-c-txt-cornsilk\:50 { color: hsl(48, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:55, html.auto .sf-c-txt-cornsilk\:55 { color: hsl(48, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:60, html.auto .sf-c-txt-cornsilk\:60 { color: hsl(48, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:65, html.auto .sf-c-txt-cornsilk\:65 { color: hsl(48, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:70, html.auto .sf-c-txt-cornsilk\:70 { color: hsl(48, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:75, html.auto .sf-c-txt-cornsilk\:75 { color: hsl(48, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:80, html.auto .sf-c-txt-cornsilk\:80 { color: hsl(48, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:85, html.auto .sf-c-txt-cornsilk\:85 { color: hsl(48, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:90, html.auto .sf-c-txt-cornsilk\:90 { color: hsl(48, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:95, html.auto .sf-c-txt-cornsilk\:95 { color: hsl(48, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:100, html.auto .sf-c-txt-cornsilk\:100 { color: hsl(48, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:dark, html.auto .sf-c-txt-cornsilk\:dark { color: hsl(48, 100%, 93%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:0\:dark, html.auto .sf-c-txt-cornsilk\:0\:dark { color: hsl(48, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:5\:dark, html.auto .sf-c-txt-cornsilk\:5\:dark { color: hsl(48, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:10\:dark, html.auto .sf-c-txt-cornsilk\:10\:dark { color: hsl(48, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:15\:dark, html.auto .sf-c-txt-cornsilk\:15\:dark { color: hsl(48, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:20\:dark, html.auto .sf-c-txt-cornsilk\:20\:dark { color: hsl(48, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:25\:dark, html.auto .sf-c-txt-cornsilk\:25\:dark { color: hsl(48, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:30\:dark, html.auto .sf-c-txt-cornsilk\:30\:dark { color: hsl(48, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:35\:dark, html.auto .sf-c-txt-cornsilk\:35\:dark { color: hsl(48, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:40\:dark, html.auto .sf-c-txt-cornsilk\:40\:dark { color: hsl(48, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:45\:dark, html.auto .sf-c-txt-cornsilk\:45\:dark { color: hsl(48, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:50\:dark, html.auto .sf-c-txt-cornsilk\:50\:dark { color: hsl(48, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:55\:dark, html.auto .sf-c-txt-cornsilk\:55\:dark { color: hsl(48, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:60\:dark, html.auto .sf-c-txt-cornsilk\:60\:dark { color: hsl(48, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:65\:dark, html.auto .sf-c-txt-cornsilk\:65\:dark { color: hsl(48, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:70\:dark, html.auto .sf-c-txt-cornsilk\:70\:dark { color: hsl(48, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:75\:dark, html.auto .sf-c-txt-cornsilk\:75\:dark { color: hsl(48, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:80\:dark, html.auto .sf-c-txt-cornsilk\:80\:dark { color: hsl(48, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:85\:dark, html.auto .sf-c-txt-cornsilk\:85\:dark { color: hsl(48, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:90\:dark, html.auto .sf-c-txt-cornsilk\:90\:dark { color: hsl(48, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:95\:dark, html.auto .sf-c-txt-cornsilk\:95\:dark { color: hsl(48, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-cornsilk\:100\:dark, html.auto .sf-c-txt-cornsilk\:100\:dark { color: hsl(48, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/crimson.css b/src/colors/20/crimson.css index c276ce4..1a82330 100644 --- a/src/colors/20/crimson.css +++ b/src/colors/20/crimson.css @@ -138,6 +138,52 @@ html.var .sf-c-crimson\:90 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, html.var .sf-c-crimson\:95 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 95%) } html.var .sf-c-crimson\:100 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 100%) } +.sf-c-txt-crimson { color: hsl(var(--sf-dark-c-txt-crimson)) } +.sf-c-txt-crimson\:0 { color: hsl(var(--sf-dark-c-txt-crimson-100)) } +.sf-c-txt-crimson\:5 { color: hsl(var(--sf-dark-c-txt-crimson-95)) } +.sf-c-txt-crimson\:10 { color: hsl(var(--sf-dark-c-txt-crimson-90)) } +.sf-c-txt-crimson\:15 { color: hsl(var(--sf-dark-c-txt-crimson-85)) } +.sf-c-txt-crimson\:20 { color: hsl(var(--sf-dark-c-txt-crimson-80)) } +.sf-c-txt-crimson\:25 { color: hsl(var(--sf-dark-c-txt-crimson-75)) } +.sf-c-txt-crimson\:30 { color: hsl(var(--sf-dark-c-txt-crimson-70)) } +.sf-c-txt-crimson\:35 { color: hsl(var(--sf-dark-c-txt-crimson-65)) } +.sf-c-txt-crimson\:40 { color: hsl(var(--sf-dark-c-txt-crimson-60)) } +.sf-c-txt-crimson\:45 { color: hsl(var(--sf-dark-c-txt-crimson-55)) } +.sf-c-txt-crimson\:50 { color: hsl(var(--sf-dark-c-txt-crimson-50)) } +.sf-c-txt-crimson\:55 { color: hsl(var(--sf-dark-c-txt-crimson-45)) } +.sf-c-txt-crimson\:60 { color: hsl(var(--sf-dark-c-txt-crimson-40)) } +.sf-c-txt-crimson\:65 { color: hsl(var(--sf-dark-c-txt-crimson-35)) } +.sf-c-txt-crimson\:70 { color: hsl(var(--sf-dark-c-txt-crimson-30)) } +.sf-c-txt-crimson\:75 { color: hsl(var(--sf-dark-c-txt-crimson-25)) } +.sf-c-txt-crimson\:80 { color: hsl(var(--sf-dark-c-txt-crimson-20)) } +.sf-c-txt-crimson\:85 { color: hsl(var(--sf-dark-c-txt-crimson-15)) } +.sf-c-txt-crimson\:90 { color: hsl(var(--sf-dark-c-txt-crimson-10)) } +.sf-c-txt-crimson\:95 { color: hsl(var(--sf-dark-c-txt-crimson-5)) } +.sf-c-txt-crimson\:100 { color: hsl(var(--sf-dark-c-txt-crimson-0)) } + +html.var .sf-c-txt-crimson { color: hsl(348, 83%, 53%) } +html.var .sf-c-txt-crimson\:0 { color: hsl(348, 83%, 100%) } +html.var .sf-c-txt-crimson\:5 { color: hsl(348, 83%, 95%) } +html.var .sf-c-txt-crimson\:10 { color: hsl(348, 83%, 90%) } +html.var .sf-c-txt-crimson\:15 { color: hsl(348, 83%, 85%) } +html.var .sf-c-txt-crimson\:20 { color: hsl(348, 83%, 80%) } +html.var .sf-c-txt-crimson\:25 { color: hsl(348, 83%, 75%) } +html.var .sf-c-txt-crimson\:30 { color: hsl(348, 83%, 70%) } +html.var .sf-c-txt-crimson\:35 { color: hsl(348, 83%, 65%) } +html.var .sf-c-txt-crimson\:40 { color: hsl(348, 83%, 60%) } +html.var .sf-c-txt-crimson\:45 { color: hsl(348, 83%, 55%) } +html.var .sf-c-txt-crimson\:50 { color: hsl(348, 83%, 50%) } +html.var .sf-c-txt-crimson\:55 { color: hsl(348, 83%, 45%) } +html.var .sf-c-txt-crimson\:60 { color: hsl(348, 83%, 40%) } +html.var .sf-c-txt-crimson\:65 { color: hsl(348, 83%, 35%) } +html.var .sf-c-txt-crimson\:70 { color: hsl(348, 83%, 30%) } +html.var .sf-c-txt-crimson\:75 { color: hsl(348, 83%, 25%) } +html.var .sf-c-txt-crimson\:80 { color: hsl(348, 83%, 20%) } +html.var .sf-c-txt-crimson\:85 { color: hsl(348, 83%, 15%) } +html.var .sf-c-txt-crimson\:90 { color: hsl(348, 83%, 10%) } +html.var .sf-c-txt-crimson\:95 { color: hsl(348, 83%, 5%) } +html.var .sf-c-txt-crimson\:100 { color: hsl(348, 83%, 0%) } + html[data-theme='dark'] .sf-c-crimson, html.dark .sf-c-crimson { color: hsl(var(--sf-dark-c-txt-crimson-95)); background: hsl(var(--sf-dark-c-crimson)) } html[data-theme='dark'] .sf-c-crimson\:0, html.dark .sf-c-crimson\:0 { color: hsl(var(--sf-dark-c-txt-crimson-95)); background: hsl(var(--sf-dark-c-crimson-100)) } html[data-theme='dark'] .sf-c-crimson\:5, html.dark .sf-c-crimson\:5 { color: hsl(var(--sf-dark-c-txt-crimson-5)); background: hsl(var(--sf-dark-c-crimson-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-crimson\:90\:dark, html.dark .sf-c-crimson\:90\:da html[data-theme='dark'] .sf-c-crimson\:95\:dark, html.dark .sf-c-crimson\:95\:dark { color: hsl(var(--sf-c-txt-crimson-95)); background: hsl(var(--sf-c-crimson-5)) } html[data-theme='dark'] .sf-c-crimson\:100\:dark, html.dark .sf-c-crimson\:100\:dark { color: hsl(var(--sf-c-txt-crimson-95)); background: hsl(var(--sf-c-crimson-0)) } +html[data-theme='dark'] .sf-c-txt-crimson, html.dark .sf-c-txt-crimson { color: hsl(var(--sf-c-txt-crimson)) } +html[data-theme='dark'] .sf-c-txt-crimson\:0, html.dark .sf-c-txt-crimson\:0 { color: hsl(var(--sf-c-txt-crimson-0)) } +html[data-theme='dark'] .sf-c-txt-crimson\:5, html.dark .sf-c-txt-crimson\:5 { color: hsl(var(--sf-c-txt-crimson-5)) } +html[data-theme='dark'] .sf-c-txt-crimson\:10, html.dark .sf-c-txt-crimson\:10 { color: hsl(var(--sf-c-txt-crimson-10)) } +html[data-theme='dark'] .sf-c-txt-crimson\:15, html.dark .sf-c-txt-crimson\:15 { color: hsl(var(--sf-c-txt-crimson-15)) } +html[data-theme='dark'] .sf-c-txt-crimson\:20, html.dark .sf-c-txt-crimson\:20 { color: hsl(var(--sf-c-txt-crimson-20)) } +html[data-theme='dark'] .sf-c-txt-crimson\:25, html.dark .sf-c-txt-crimson\:25 { color: hsl(var(--sf-c-txt-crimson-25)) } +html[data-theme='dark'] .sf-c-txt-crimson\:30, html.dark .sf-c-txt-crimson\:30 { color: hsl(var(--sf-c-txt-crimson-30)) } +html[data-theme='dark'] .sf-c-txt-crimson\:35, html.dark .sf-c-txt-crimson\:35 { color: hsl(var(--sf-c-txt-crimson-35)) } +html[data-theme='dark'] .sf-c-txt-crimson\:40, html.dark .sf-c-txt-crimson\:40 { color: hsl(var(--sf-c-txt-crimson-40)) } +html[data-theme='dark'] .sf-c-txt-crimson\:45, html.dark .sf-c-txt-crimson\:45 { color: hsl(var(--sf-c-txt-crimson-45)) } +html[data-theme='dark'] .sf-c-txt-crimson\:50, html.dark .sf-c-txt-crimson\:50 { color: hsl(var(--sf-c-txt-crimson-50)) } +html[data-theme='dark'] .sf-c-txt-crimson\:55, html.dark .sf-c-txt-crimson\:55 { color: hsl(var(--sf-c-txt-crimson-55)) } +html[data-theme='dark'] .sf-c-txt-crimson\:60, html.dark .sf-c-txt-crimson\:60 { color: hsl(var(--sf-c-txt-crimson-60)) } +html[data-theme='dark'] .sf-c-txt-crimson\:65, html.dark .sf-c-txt-crimson\:65 { color: hsl(var(--sf-c-txt-crimson-65)) } +html[data-theme='dark'] .sf-c-txt-crimson\:70, html.dark .sf-c-txt-crimson\:70 { color: hsl(var(--sf-c-txt-crimson-70)) } +html[data-theme='dark'] .sf-c-txt-crimson\:75, html.dark .sf-c-txt-crimson\:75 { color: hsl(var(--sf-c-txt-crimson-75)) } +html[data-theme='dark'] .sf-c-txt-crimson\:80, html.dark .sf-c-txt-crimson\:80 { color: hsl(var(--sf-c-txt-crimson-80)) } +html[data-theme='dark'] .sf-c-txt-crimson\:85, html.dark .sf-c-txt-crimson\:85 { color: hsl(var(--sf-c-txt-crimson-85)) } +html[data-theme='dark'] .sf-c-txt-crimson\:90, html.dark .sf-c-txt-crimson\:90 { color: hsl(var(--sf-c-txt-crimson-90)) } +html[data-theme='dark'] .sf-c-txt-crimson\:95, html.dark .sf-c-txt-crimson\:95 { color: hsl(var(--sf-c-txt-crimson-95)) } +html[data-theme='dark'] .sf-c-txt-crimson\:100, html.dark .sf-c-txt-crimson\:100 { color: hsl(var(--sf-c-txt-crimson-100)) } + +html[data-theme='dark'] .sf-c-txt-crimson\:dark, html.dark .sf-c-txt-crimson\:dark { color: hsl(var(--sf-c-txt-crimson)) } +html[data-theme='dark'] .sf-c-txt-crimson\:0\:dark, html.dark .sf-c-txt-crimson\:0\:dark { color: hsl(var(--sf-dark-c-txt-crimson-0)) } +html[data-theme='dark'] .sf-c-txt-crimson\:5\:dark, html.dark .sf-c-txt-crimson\:5\:dark { color: hsl(var(--sf-dark-c-txt-crimson-5)) } +html[data-theme='dark'] .sf-c-txt-crimson\:10\:dark, html.dark .sf-c-txt-crimson\:10\:dark { color: hsl(var(--sf-dark-c-txt-crimson-10)) } +html[data-theme='dark'] .sf-c-txt-crimson\:15\:dark, html.dark .sf-c-txt-crimson\:15\:dark { color: hsl(var(--sf-dark-c-txt-crimson-15)) } +html[data-theme='dark'] .sf-c-txt-crimson\:20\:dark, html.dark .sf-c-txt-crimson\:20\:dark { color: hsl(var(--sf-dark-c-txt-crimson-20)) } +html[data-theme='dark'] .sf-c-txt-crimson\:25\:dark, html.dark .sf-c-txt-crimson\:25\:dark { color: hsl(var(--sf-dark-c-txt-crimson-25)) } +html[data-theme='dark'] .sf-c-txt-crimson\:30\:dark, html.dark .sf-c-txt-crimson\:30\:dark { color: hsl(var(--sf-dark-c-txt-crimson-30)) } +html[data-theme='dark'] .sf-c-txt-crimson\:35\:dark, html.dark .sf-c-txt-crimson\:35\:dark { color: hsl(var(--sf-dark-c-txt-crimson-35)) } +html[data-theme='dark'] .sf-c-txt-crimson\:40\:dark, html.dark .sf-c-txt-crimson\:40\:dark { color: hsl(var(--sf-dark-c-txt-crimson-40)) } +html[data-theme='dark'] .sf-c-txt-crimson\:45\:dark, html.dark .sf-c-txt-crimson\:45\:dark { color: hsl(var(--sf-dark-c-txt-crimson-45)) } +html[data-theme='dark'] .sf-c-txt-crimson\:50\:dark, html.dark .sf-c-txt-crimson\:50\:dark { color: hsl(var(--sf-dark-c-txt-crimson-50)) } +html[data-theme='dark'] .sf-c-txt-crimson\:55\:dark, html.dark .sf-c-txt-crimson\:55\:dark { color: hsl(var(--sf-dark-c-txt-crimson-55)) } +html[data-theme='dark'] .sf-c-txt-crimson\:60\:dark, html.dark .sf-c-txt-crimson\:60\:dark { color: hsl(var(--sf-dark-c-txt-crimson-60)) } +html[data-theme='dark'] .sf-c-txt-crimson\:65\:dark, html.dark .sf-c-txt-crimson\:65\:dark { color: hsl(var(--sf-dark-c-txt-crimson-65)) } +html[data-theme='dark'] .sf-c-txt-crimson\:70\:dark, html.dark .sf-c-txt-crimson\:70\:dark { color: hsl(var(--sf-dark-c-txt-crimson-70)) } +html[data-theme='dark'] .sf-c-txt-crimson\:75\:dark, html.dark .sf-c-txt-crimson\:75\:dark { color: hsl(var(--sf-dark-c-txt-crimson-75)) } +html[data-theme='dark'] .sf-c-txt-crimson\:80\:dark, html.dark .sf-c-txt-crimson\:80\:dark { color: hsl(var(--sf-dark-c-txt-crimson-80)) } +html[data-theme='dark'] .sf-c-txt-crimson\:85\:dark, html.dark .sf-c-txt-crimson\:85\:dark { color: hsl(var(--sf-dark-c-txt-crimson-85)) } +html[data-theme='dark'] .sf-c-txt-crimson\:90\:dark, html.dark .sf-c-txt-crimson\:90\:dark { color: hsl(var(--sf-dark-c-txt-crimson-90)) } +html[data-theme='dark'] .sf-c-txt-crimson\:95\:dark, html.dark .sf-c-txt-crimson\:95\:dark { color: hsl(var(--sf-dark-c-txt-crimson-95)) } +html[data-theme='dark'] .sf-c-txt-crimson\:100\:dark, html.dark .sf-c-txt-crimson\:100\:dark { color: hsl(var(--sf-dark-c-txt-crimson-100)) } + html.var[data-theme='dark'] .sf-c-crimson, html.var.dark .sf-c-crimson { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 53%) } html.var[data-theme='dark'] .sf-c-crimson\:0, html.var.dark .sf-c-crimson\:0 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 100%) } html.var[data-theme='dark'] .sf-c-crimson\:5, html.var.dark .sf-c-crimson\:5 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-crimson\:90\:dark, html.var.dark .sf-c-crimson html.var[data-theme='dark'] .sf-c-crimson\:95\:dark, html.var.dark .sf-c-crimson\:95\:dark { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 5%) } html.var[data-theme='dark'] .sf-c-crimson\:100\:dark, html.var.dark .sf-c-crimson\:100\:dark { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-crimson, html.dark .sf-c-txt-crimson { color: hsl(348, 83%, 47%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:0, html.dark .sf-c-txt-crimson\:0 { color: hsl(348, 83%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:5, html.dark .sf-c-txt-crimson\:5 { color: hsl(348, 83%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:10, html.dark .sf-c-txt-crimson\:10 { color: hsl(348, 83%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:15, html.dark .sf-c-txt-crimson\:15 { color: hsl(348, 83%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:20, html.dark .sf-c-txt-crimson\:20 { color: hsl(348, 83%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:25, html.dark .sf-c-txt-crimson\:25 { color: hsl(348, 83%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:30, html.dark .sf-c-txt-crimson\:30 { color: hsl(348, 83%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:35, html.dark .sf-c-txt-crimson\:35 { color: hsl(348, 83%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:40, html.dark .sf-c-txt-crimson\:40 { color: hsl(348, 83%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:45, html.dark .sf-c-txt-crimson\:45 { color: hsl(348, 83%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:50, html.dark .sf-c-txt-crimson\:50 { color: hsl(348, 83%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:55, html.dark .sf-c-txt-crimson\:55 { color: hsl(348, 83%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:60, html.dark .sf-c-txt-crimson\:60 { color: hsl(348, 83%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:65, html.dark .sf-c-txt-crimson\:65 { color: hsl(348, 83%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:70, html.dark .sf-c-txt-crimson\:70 { color: hsl(348, 83%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:75, html.dark .sf-c-txt-crimson\:75 { color: hsl(348, 83%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:80, html.dark .sf-c-txt-crimson\:80 { color: hsl(348, 83%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:85, html.dark .sf-c-txt-crimson\:85 { color: hsl(348, 83%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:90, html.dark .sf-c-txt-crimson\:90 { color: hsl(348, 83%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:95, html.dark .sf-c-txt-crimson\:95 { color: hsl(348, 83%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:100, html.dark .sf-c-txt-crimson\:100 { color: hsl(348, 83%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-crimson\:dark, html.dark .sf-c-txt-crimson\:dark { color: hsl(348, 83%, 47%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:0\:dark, html.dark .sf-c-txt-crimson\:0\:dark { color: hsl(348, 83%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:5\:dark, html.dark .sf-c-txt-crimson\:5\:dark { color: hsl(348, 83%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:10\:dark, html.dark .sf-c-txt-crimson\:10\:dark { color: hsl(348, 83%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:15\:dark, html.dark .sf-c-txt-crimson\:15\:dark { color: hsl(348, 83%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:20\:dark, html.dark .sf-c-txt-crimson\:20\:dark { color: hsl(348, 83%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:25\:dark, html.dark .sf-c-txt-crimson\:25\:dark { color: hsl(348, 83%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:30\:dark, html.dark .sf-c-txt-crimson\:30\:dark { color: hsl(348, 83%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:35\:dark, html.dark .sf-c-txt-crimson\:35\:dark { color: hsl(348, 83%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:40\:dark, html.dark .sf-c-txt-crimson\:40\:dark { color: hsl(348, 83%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:45\:dark, html.dark .sf-c-txt-crimson\:45\:dark { color: hsl(348, 83%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:50\:dark, html.dark .sf-c-txt-crimson\:50\:dark { color: hsl(348, 83%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:55\:dark, html.dark .sf-c-txt-crimson\:55\:dark { color: hsl(348, 83%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:60\:dark, html.dark .sf-c-txt-crimson\:60\:dark { color: hsl(348, 83%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:65\:dark, html.dark .sf-c-txt-crimson\:65\:dark { color: hsl(348, 83%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:70\:dark, html.dark .sf-c-txt-crimson\:70\:dark { color: hsl(348, 83%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:75\:dark, html.dark .sf-c-txt-crimson\:75\:dark { color: hsl(348, 83%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:80\:dark, html.dark .sf-c-txt-crimson\:80\:dark { color: hsl(348, 83%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:85\:dark, html.dark .sf-c-txt-crimson\:85\:dark { color: hsl(348, 83%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:90\:dark, html.dark .sf-c-txt-crimson\:90\:dark { color: hsl(348, 83%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:95\:dark, html.dark .sf-c-txt-crimson\:95\:dark { color: hsl(348, 83%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-crimson\:100\:dark, html.dark .sf-c-txt-crimson\:100\:dark { color: hsl(348, 83%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-crimson, html.auto .sf-c-crimson { color: hsl(var(--sf-dark-c-txt-crimson-95)); background: hsl(var(--sf-dark-c-crimson)) } html[data-theme='auto'] .sf-c-crimson\:0, html.auto .sf-c-crimson\:0 { color: hsl(var(--sf-dark-c-txt-crimson-95)); background: hsl(var(--sf-dark-c-crimson-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-crimson\:100\:dark, html.var.dark .sf-c-crimso html[data-theme='auto'] .sf-c-crimson\:95\:dark, html.auto .sf-c-crimson\:95\:dark { color: hsl(var(--sf-c-txt-crimson-95)); background: hsl(var(--sf-c-crimson-5)) } html[data-theme='auto'] .sf-c-crimson\:100\:dark, html.auto .sf-c-crimson\:100\:dark { color: hsl(var(--sf-c-txt-crimson-95)); background: hsl(var(--sf-c-crimson-0)) } + html[data-theme='auto'] .sf-c-txt-crimson, html.auto .sf-c-txt-crimson { color: hsl(var(--sf-c-txt-crimson)) } + html[data-theme='auto'] .sf-c-txt-crimson\:0, html.auto .sf-c-txt-crimson\:0 { color: hsl(var(--sf-c-txt-crimson-0)) } + html[data-theme='auto'] .sf-c-txt-crimson\:5, html.auto .sf-c-txt-crimson\:5 { color: hsl(var(--sf-c-txt-crimson-5)) } + html[data-theme='auto'] .sf-c-txt-crimson\:10, html.auto .sf-c-txt-crimson\:10 { color: hsl(var(--sf-c-txt-crimson-10)) } + html[data-theme='auto'] .sf-c-txt-crimson\:15, html.auto .sf-c-txt-crimson\:15 { color: hsl(var(--sf-c-txt-crimson-15)) } + html[data-theme='auto'] .sf-c-txt-crimson\:20, html.auto .sf-c-txt-crimson\:20 { color: hsl(var(--sf-c-txt-crimson-20)) } + html[data-theme='auto'] .sf-c-txt-crimson\:25, html.auto .sf-c-txt-crimson\:25 { color: hsl(var(--sf-c-txt-crimson-25)) } + html[data-theme='auto'] .sf-c-txt-crimson\:30, html.auto .sf-c-txt-crimson\:30 { color: hsl(var(--sf-c-txt-crimson-30)) } + html[data-theme='auto'] .sf-c-txt-crimson\:35, html.auto .sf-c-txt-crimson\:35 { color: hsl(var(--sf-c-txt-crimson-35)) } + html[data-theme='auto'] .sf-c-txt-crimson\:40, html.auto .sf-c-txt-crimson\:40 { color: hsl(var(--sf-c-txt-crimson-40)) } + html[data-theme='auto'] .sf-c-txt-crimson\:45, html.auto .sf-c-txt-crimson\:45 { color: hsl(var(--sf-c-txt-crimson-45)) } + html[data-theme='auto'] .sf-c-txt-crimson\:50, html.auto .sf-c-txt-crimson\:50 { color: hsl(var(--sf-c-txt-crimson-50)) } + html[data-theme='auto'] .sf-c-txt-crimson\:55, html.auto .sf-c-txt-crimson\:55 { color: hsl(var(--sf-c-txt-crimson-55)) } + html[data-theme='auto'] .sf-c-txt-crimson\:60, html.auto .sf-c-txt-crimson\:60 { color: hsl(var(--sf-c-txt-crimson-60)) } + html[data-theme='auto'] .sf-c-txt-crimson\:65, html.auto .sf-c-txt-crimson\:65 { color: hsl(var(--sf-c-txt-crimson-65)) } + html[data-theme='auto'] .sf-c-txt-crimson\:70, html.auto .sf-c-txt-crimson\:70 { color: hsl(var(--sf-c-txt-crimson-70)) } + html[data-theme='auto'] .sf-c-txt-crimson\:75, html.auto .sf-c-txt-crimson\:75 { color: hsl(var(--sf-c-txt-crimson-75)) } + html[data-theme='auto'] .sf-c-txt-crimson\:80, html.auto .sf-c-txt-crimson\:80 { color: hsl(var(--sf-c-txt-crimson-80)) } + html[data-theme='auto'] .sf-c-txt-crimson\:85, html.auto .sf-c-txt-crimson\:85 { color: hsl(var(--sf-c-txt-crimson-85)) } + html[data-theme='auto'] .sf-c-txt-crimson\:90, html.auto .sf-c-txt-crimson\:90 { color: hsl(var(--sf-c-txt-crimson-90)) } + html[data-theme='auto'] .sf-c-txt-crimson\:95, html.auto .sf-c-txt-crimson\:95 { color: hsl(var(--sf-c-txt-crimson-95)) } + html[data-theme='auto'] .sf-c-txt-crimson\:100, html.auto .sf-c-txt-crimson\:100 { color: hsl(var(--sf-c-txt-crimson-100)) } + + html[data-theme='auto'] .sf-c-txt-crimson\:dark, html.auto .sf-c-txt-crimson\:dark { color: hsl(var(--sf-c-txt-crimson)) } + html[data-theme='auto'] .sf-c-txt-crimson\:0\:dark, html.auto .sf-c-txt-crimson\:0\:dark { color: hsl(var(--sf-c-txt-crimson-0)) } + html[data-theme='auto'] .sf-c-txt-crimson\:5\:dark, html.auto .sf-c-txt-crimson\:5\:dark { color: hsl(var(--sf-c-txt-crimson-5)) } + html[data-theme='auto'] .sf-c-txt-crimson\:10\:dark, html.auto .sf-c-txt-crimson\:10\:dark { color: hsl(var(--sf-c-txt-crimson-10)) } + html[data-theme='auto'] .sf-c-txt-crimson\:15\:dark, html.auto .sf-c-txt-crimson\:15\:dark { color: hsl(var(--sf-c-txt-crimson-15)) } + html[data-theme='auto'] .sf-c-txt-crimson\:20\:dark, html.auto .sf-c-txt-crimson\:20\:dark { color: hsl(var(--sf-c-txt-crimson-20)) } + html[data-theme='auto'] .sf-c-txt-crimson\:25\:dark, html.auto .sf-c-txt-crimson\:25\:dark { color: hsl(var(--sf-c-txt-crimson-25)) } + html[data-theme='auto'] .sf-c-txt-crimson\:30\:dark, html.auto .sf-c-txt-crimson\:30\:dark { color: hsl(var(--sf-c-txt-crimson-30)) } + html[data-theme='auto'] .sf-c-txt-crimson\:35\:dark, html.auto .sf-c-txt-crimson\:35\:dark { color: hsl(var(--sf-c-txt-crimson-35)) } + html[data-theme='auto'] .sf-c-txt-crimson\:40\:dark, html.auto .sf-c-txt-crimson\:40\:dark { color: hsl(var(--sf-c-txt-crimson-40)) } + html[data-theme='auto'] .sf-c-txt-crimson\:45\:dark, html.auto .sf-c-txt-crimson\:45\:dark { color: hsl(var(--sf-c-txt-crimson-45)) } + html[data-theme='auto'] .sf-c-txt-crimson\:50\:dark, html.auto .sf-c-txt-crimson\:50\:dark { color: hsl(var(--sf-c-txt-crimson-50)) } + html[data-theme='auto'] .sf-c-txt-crimson\:55\:dark, html.auto .sf-c-txt-crimson\:55\:dark { color: hsl(var(--sf-c-txt-crimson-55)) } + html[data-theme='auto'] .sf-c-txt-crimson\:60\:dark, html.auto .sf-c-txt-crimson\:60\:dark { color: hsl(var(--sf-c-txt-crimson-60)) } + html[data-theme='auto'] .sf-c-txt-crimson\:65\:dark, html.auto .sf-c-txt-crimson\:65\:dark { color: hsl(var(--sf-c-txt-crimson-65)) } + html[data-theme='auto'] .sf-c-txt-crimson\:70\:dark, html.auto .sf-c-txt-crimson\:70\:dark { color: hsl(var(--sf-c-txt-crimson-70)) } + html[data-theme='auto'] .sf-c-txt-crimson\:75\:dark, html.auto .sf-c-txt-crimson\:75\:dark { color: hsl(var(--sf-c-txt-crimson-75)) } + html[data-theme='auto'] .sf-c-txt-crimson\:80\:dark, html.auto .sf-c-txt-crimson\:80\:dark { color: hsl(var(--sf-c-txt-crimson-80)) } + html[data-theme='auto'] .sf-c-txt-crimson\:85\:dark, html.auto .sf-c-txt-crimson\:85\:dark { color: hsl(var(--sf-c-txt-crimson-85)) } + html[data-theme='auto'] .sf-c-txt-crimson\:90\:dark, html.auto .sf-c-txt-crimson\:90\:dark { color: hsl(var(--sf-c-txt-crimson-90)) } + html[data-theme='auto'] .sf-c-txt-crimson\:95\:dark, html.auto .sf-c-txt-crimson\:95\:dark { color: hsl(var(--sf-c-txt-crimson-95)) } + html[data-theme='auto'] .sf-c-txt-crimson\:100\:dark, html.auto .sf-c-txt-crimson\:100\:dark { color: hsl(var(--sf-c-txt-crimson-100)) } + html.var[data-theme='auto'] .sf-c-crimson, html.var.auto .sf-c-crimson { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 53%) } html.var[data-theme='auto'] .sf-c-crimson\:0, html.var.auto .sf-c-crimson\:0 { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 100%) } html.var[data-theme='auto'] .sf-c-crimson\:5, html.var.auto .sf-c-crimson\:5 { color: hsl(348, 83%, 5%); background: hsl(348, 83%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-crimson\:100\:dark, html.var.dark .sf-c-crimso html.var[data-theme='auto'] .sf-c-crimson\:90\:dark, html.var.auto .sf-c-crimson\:90\:dark { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 10%) } html.var[data-theme='auto'] .sf-c-crimson\:95\:dark, html.var.auto .sf-c-crimson\:95\:dark { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 5%) } html.var[data-theme='auto'] .sf-c-crimson\:100\:dark, html.var.auto .sf-c-crimson\:100\:dark { color: hsl(348, 83%, 95%); background: hsl(348, 83%, 0%) } -} -.sf-c-txt-crimson { color: hsl(var(--sf-c-txt-crimson)) } -.sf-c-txt-crimson\:0 { color: hsl(var(--sf-c-txt-crimson-0)) } -.sf-c-txt-crimson\:5 { color: hsl(var(--sf-c-txt-crimson-5)) } -.sf-c-txt-crimson\:10 { color: hsl(var(--sf-c-txt-crimson-10)) } -.sf-c-txt-crimson\:15 { color: hsl(var(--sf-c-txt-crimson-15)) } -.sf-c-txt-crimson\:20 { color: hsl(var(--sf-c-txt-crimson-20)) } -.sf-c-txt-crimson\:25 { color: hsl(var(--sf-c-txt-crimson-25)) } -.sf-c-txt-crimson\:30 { color: hsl(var(--sf-c-txt-crimson-30)) } -.sf-c-txt-crimson\:35 { color: hsl(var(--sf-c-txt-crimson-35)) } -.sf-c-txt-crimson\:40 { color: hsl(var(--sf-c-txt-crimson-40)) } -.sf-c-txt-crimson\:45 { color: hsl(var(--sf-c-txt-crimson-45)) } -.sf-c-txt-crimson\:50 { color: hsl(var(--sf-c-txt-crimson-50)) } -.sf-c-txt-crimson\:55 { color: hsl(var(--sf-c-txt-crimson-55)) } -.sf-c-txt-crimson\:60 { color: hsl(var(--sf-c-txt-crimson-60)) } -.sf-c-txt-crimson\:65 { color: hsl(var(--sf-c-txt-crimson-65)) } -.sf-c-txt-crimson\:70 { color: hsl(var(--sf-c-txt-crimson-70)) } -.sf-c-txt-crimson\:75 { color: hsl(var(--sf-c-txt-crimson-75)) } -.sf-c-txt-crimson\:80 { color: hsl(var(--sf-c-txt-crimson-80)) } -.sf-c-txt-crimson\:85 { color: hsl(var(--sf-c-txt-crimson-85)) } -.sf-c-txt-crimson\:90 { color: hsl(var(--sf-c-txt-crimson-90)) } -.sf-c-txt-crimson\:95 { color: hsl(var(--sf-c-txt-crimson-95)) } -.sf-c-txt-crimson\:100 { color: hsl(var(--sf-c-txt-crimson-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-crimson, html.auto .sf-c-txt-crimson { color: hsl(348, 83%, 47%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:0, html.auto .sf-c-txt-crimson\:0 { color: hsl(348, 83%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:5, html.auto .sf-c-txt-crimson\:5 { color: hsl(348, 83%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:10, html.auto .sf-c-txt-crimson\:10 { color: hsl(348, 83%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:15, html.auto .sf-c-txt-crimson\:15 { color: hsl(348, 83%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:20, html.auto .sf-c-txt-crimson\:20 { color: hsl(348, 83%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:25, html.auto .sf-c-txt-crimson\:25 { color: hsl(348, 83%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:30, html.auto .sf-c-txt-crimson\:30 { color: hsl(348, 83%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:35, html.auto .sf-c-txt-crimson\:35 { color: hsl(348, 83%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:40, html.auto .sf-c-txt-crimson\:40 { color: hsl(348, 83%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:45, html.auto .sf-c-txt-crimson\:45 { color: hsl(348, 83%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:50, html.auto .sf-c-txt-crimson\:50 { color: hsl(348, 83%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:55, html.auto .sf-c-txt-crimson\:55 { color: hsl(348, 83%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:60, html.auto .sf-c-txt-crimson\:60 { color: hsl(348, 83%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:65, html.auto .sf-c-txt-crimson\:65 { color: hsl(348, 83%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:70, html.auto .sf-c-txt-crimson\:70 { color: hsl(348, 83%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:75, html.auto .sf-c-txt-crimson\:75 { color: hsl(348, 83%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:80, html.auto .sf-c-txt-crimson\:80 { color: hsl(348, 83%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:85, html.auto .sf-c-txt-crimson\:85 { color: hsl(348, 83%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:90, html.auto .sf-c-txt-crimson\:90 { color: hsl(348, 83%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:95, html.auto .sf-c-txt-crimson\:95 { color: hsl(348, 83%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:100, html.auto .sf-c-txt-crimson\:100 { color: hsl(348, 83%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-crimson\:dark, html.auto .sf-c-txt-crimson\:dark { color: hsl(348, 83%, 47%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:0\:dark, html.auto .sf-c-txt-crimson\:0\:dark { color: hsl(348, 83%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:5\:dark, html.auto .sf-c-txt-crimson\:5\:dark { color: hsl(348, 83%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:10\:dark, html.auto .sf-c-txt-crimson\:10\:dark { color: hsl(348, 83%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:15\:dark, html.auto .sf-c-txt-crimson\:15\:dark { color: hsl(348, 83%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:20\:dark, html.auto .sf-c-txt-crimson\:20\:dark { color: hsl(348, 83%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:25\:dark, html.auto .sf-c-txt-crimson\:25\:dark { color: hsl(348, 83%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:30\:dark, html.auto .sf-c-txt-crimson\:30\:dark { color: hsl(348, 83%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:35\:dark, html.auto .sf-c-txt-crimson\:35\:dark { color: hsl(348, 83%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:40\:dark, html.auto .sf-c-txt-crimson\:40\:dark { color: hsl(348, 83%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:45\:dark, html.auto .sf-c-txt-crimson\:45\:dark { color: hsl(348, 83%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:50\:dark, html.auto .sf-c-txt-crimson\:50\:dark { color: hsl(348, 83%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:55\:dark, html.auto .sf-c-txt-crimson\:55\:dark { color: hsl(348, 83%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:60\:dark, html.auto .sf-c-txt-crimson\:60\:dark { color: hsl(348, 83%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:65\:dark, html.auto .sf-c-txt-crimson\:65\:dark { color: hsl(348, 83%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:70\:dark, html.auto .sf-c-txt-crimson\:70\:dark { color: hsl(348, 83%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:75\:dark, html.auto .sf-c-txt-crimson\:75\:dark { color: hsl(348, 83%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:80\:dark, html.auto .sf-c-txt-crimson\:80\:dark { color: hsl(348, 83%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:85\:dark, html.auto .sf-c-txt-crimson\:85\:dark { color: hsl(348, 83%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:90\:dark, html.auto .sf-c-txt-crimson\:90\:dark { color: hsl(348, 83%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:95\:dark, html.auto .sf-c-txt-crimson\:95\:dark { color: hsl(348, 83%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-crimson\:100\:dark, html.auto .sf-c-txt-crimson\:100\:dark { color: hsl(348, 83%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/cyan.css b/src/colors/20/cyan.css index 1c41fbe..51295f9 100644 --- a/src/colors/20/cyan.css +++ b/src/colors/20/cyan.css @@ -138,6 +138,52 @@ html.var .sf-c-cyan\:90 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, html.var .sf-c-cyan\:95 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } html.var .sf-c-cyan\:100 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } +.sf-c-txt-cyan { color: hsl(var(--sf-dark-c-txt-cyan)) } +.sf-c-txt-cyan\:0 { color: hsl(var(--sf-dark-c-txt-cyan-100)) } +.sf-c-txt-cyan\:5 { color: hsl(var(--sf-dark-c-txt-cyan-95)) } +.sf-c-txt-cyan\:10 { color: hsl(var(--sf-dark-c-txt-cyan-90)) } +.sf-c-txt-cyan\:15 { color: hsl(var(--sf-dark-c-txt-cyan-85)) } +.sf-c-txt-cyan\:20 { color: hsl(var(--sf-dark-c-txt-cyan-80)) } +.sf-c-txt-cyan\:25 { color: hsl(var(--sf-dark-c-txt-cyan-75)) } +.sf-c-txt-cyan\:30 { color: hsl(var(--sf-dark-c-txt-cyan-70)) } +.sf-c-txt-cyan\:35 { color: hsl(var(--sf-dark-c-txt-cyan-65)) } +.sf-c-txt-cyan\:40 { color: hsl(var(--sf-dark-c-txt-cyan-60)) } +.sf-c-txt-cyan\:45 { color: hsl(var(--sf-dark-c-txt-cyan-55)) } +.sf-c-txt-cyan\:50 { color: hsl(var(--sf-dark-c-txt-cyan-50)) } +.sf-c-txt-cyan\:55 { color: hsl(var(--sf-dark-c-txt-cyan-45)) } +.sf-c-txt-cyan\:60 { color: hsl(var(--sf-dark-c-txt-cyan-40)) } +.sf-c-txt-cyan\:65 { color: hsl(var(--sf-dark-c-txt-cyan-35)) } +.sf-c-txt-cyan\:70 { color: hsl(var(--sf-dark-c-txt-cyan-30)) } +.sf-c-txt-cyan\:75 { color: hsl(var(--sf-dark-c-txt-cyan-25)) } +.sf-c-txt-cyan\:80 { color: hsl(var(--sf-dark-c-txt-cyan-20)) } +.sf-c-txt-cyan\:85 { color: hsl(var(--sf-dark-c-txt-cyan-15)) } +.sf-c-txt-cyan\:90 { color: hsl(var(--sf-dark-c-txt-cyan-10)) } +.sf-c-txt-cyan\:95 { color: hsl(var(--sf-dark-c-txt-cyan-5)) } +.sf-c-txt-cyan\:100 { color: hsl(var(--sf-dark-c-txt-cyan-0)) } + +html.var .sf-c-txt-cyan { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-cyan\:0 { color: hsl(180, 100%, 100%) } +html.var .sf-c-txt-cyan\:5 { color: hsl(180, 100%, 95%) } +html.var .sf-c-txt-cyan\:10 { color: hsl(180, 100%, 90%) } +html.var .sf-c-txt-cyan\:15 { color: hsl(180, 100%, 85%) } +html.var .sf-c-txt-cyan\:20 { color: hsl(180, 100%, 80%) } +html.var .sf-c-txt-cyan\:25 { color: hsl(180, 100%, 75%) } +html.var .sf-c-txt-cyan\:30 { color: hsl(180, 100%, 70%) } +html.var .sf-c-txt-cyan\:35 { color: hsl(180, 100%, 65%) } +html.var .sf-c-txt-cyan\:40 { color: hsl(180, 100%, 60%) } +html.var .sf-c-txt-cyan\:45 { color: hsl(180, 100%, 55%) } +html.var .sf-c-txt-cyan\:50 { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-cyan\:55 { color: hsl(180, 100%, 45%) } +html.var .sf-c-txt-cyan\:60 { color: hsl(180, 100%, 40%) } +html.var .sf-c-txt-cyan\:65 { color: hsl(180, 100%, 35%) } +html.var .sf-c-txt-cyan\:70 { color: hsl(180, 100%, 30%) } +html.var .sf-c-txt-cyan\:75 { color: hsl(180, 100%, 25%) } +html.var .sf-c-txt-cyan\:80 { color: hsl(180, 100%, 20%) } +html.var .sf-c-txt-cyan\:85 { color: hsl(180, 100%, 15%) } +html.var .sf-c-txt-cyan\:90 { color: hsl(180, 100%, 10%) } +html.var .sf-c-txt-cyan\:95 { color: hsl(180, 100%, 5%) } +html.var .sf-c-txt-cyan\:100 { color: hsl(180, 100%, 0%) } + html[data-theme='dark'] .sf-c-cyan, html.dark .sf-c-cyan { color: hsl(var(--sf-dark-c-txt-cyan-5)); background: hsl(var(--sf-dark-c-cyan)) } html[data-theme='dark'] .sf-c-cyan\:0, html.dark .sf-c-cyan\:0 { color: hsl(var(--sf-dark-c-txt-cyan-95)); background: hsl(var(--sf-dark-c-cyan-100)) } html[data-theme='dark'] .sf-c-cyan\:5, html.dark .sf-c-cyan\:5 { color: hsl(var(--sf-dark-c-txt-cyan-5)); background: hsl(var(--sf-dark-c-cyan-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-cyan\:90\:dark, html.dark .sf-c-cyan\:90\:dark { c html[data-theme='dark'] .sf-c-cyan\:95\:dark, html.dark .sf-c-cyan\:95\:dark { color: hsl(var(--sf-c-txt-cyan-95)); background: hsl(var(--sf-c-cyan-5)) } html[data-theme='dark'] .sf-c-cyan\:100\:dark, html.dark .sf-c-cyan\:100\:dark { color: hsl(var(--sf-c-txt-cyan-95)); background: hsl(var(--sf-c-cyan-0)) } +html[data-theme='dark'] .sf-c-txt-cyan, html.dark .sf-c-txt-cyan { color: hsl(var(--sf-c-txt-cyan)) } +html[data-theme='dark'] .sf-c-txt-cyan\:0, html.dark .sf-c-txt-cyan\:0 { color: hsl(var(--sf-c-txt-cyan-0)) } +html[data-theme='dark'] .sf-c-txt-cyan\:5, html.dark .sf-c-txt-cyan\:5 { color: hsl(var(--sf-c-txt-cyan-5)) } +html[data-theme='dark'] .sf-c-txt-cyan\:10, html.dark .sf-c-txt-cyan\:10 { color: hsl(var(--sf-c-txt-cyan-10)) } +html[data-theme='dark'] .sf-c-txt-cyan\:15, html.dark .sf-c-txt-cyan\:15 { color: hsl(var(--sf-c-txt-cyan-15)) } +html[data-theme='dark'] .sf-c-txt-cyan\:20, html.dark .sf-c-txt-cyan\:20 { color: hsl(var(--sf-c-txt-cyan-20)) } +html[data-theme='dark'] .sf-c-txt-cyan\:25, html.dark .sf-c-txt-cyan\:25 { color: hsl(var(--sf-c-txt-cyan-25)) } +html[data-theme='dark'] .sf-c-txt-cyan\:30, html.dark .sf-c-txt-cyan\:30 { color: hsl(var(--sf-c-txt-cyan-30)) } +html[data-theme='dark'] .sf-c-txt-cyan\:35, html.dark .sf-c-txt-cyan\:35 { color: hsl(var(--sf-c-txt-cyan-35)) } +html[data-theme='dark'] .sf-c-txt-cyan\:40, html.dark .sf-c-txt-cyan\:40 { color: hsl(var(--sf-c-txt-cyan-40)) } +html[data-theme='dark'] .sf-c-txt-cyan\:45, html.dark .sf-c-txt-cyan\:45 { color: hsl(var(--sf-c-txt-cyan-45)) } +html[data-theme='dark'] .sf-c-txt-cyan\:50, html.dark .sf-c-txt-cyan\:50 { color: hsl(var(--sf-c-txt-cyan-50)) } +html[data-theme='dark'] .sf-c-txt-cyan\:55, html.dark .sf-c-txt-cyan\:55 { color: hsl(var(--sf-c-txt-cyan-55)) } +html[data-theme='dark'] .sf-c-txt-cyan\:60, html.dark .sf-c-txt-cyan\:60 { color: hsl(var(--sf-c-txt-cyan-60)) } +html[data-theme='dark'] .sf-c-txt-cyan\:65, html.dark .sf-c-txt-cyan\:65 { color: hsl(var(--sf-c-txt-cyan-65)) } +html[data-theme='dark'] .sf-c-txt-cyan\:70, html.dark .sf-c-txt-cyan\:70 { color: hsl(var(--sf-c-txt-cyan-70)) } +html[data-theme='dark'] .sf-c-txt-cyan\:75, html.dark .sf-c-txt-cyan\:75 { color: hsl(var(--sf-c-txt-cyan-75)) } +html[data-theme='dark'] .sf-c-txt-cyan\:80, html.dark .sf-c-txt-cyan\:80 { color: hsl(var(--sf-c-txt-cyan-80)) } +html[data-theme='dark'] .sf-c-txt-cyan\:85, html.dark .sf-c-txt-cyan\:85 { color: hsl(var(--sf-c-txt-cyan-85)) } +html[data-theme='dark'] .sf-c-txt-cyan\:90, html.dark .sf-c-txt-cyan\:90 { color: hsl(var(--sf-c-txt-cyan-90)) } +html[data-theme='dark'] .sf-c-txt-cyan\:95, html.dark .sf-c-txt-cyan\:95 { color: hsl(var(--sf-c-txt-cyan-95)) } +html[data-theme='dark'] .sf-c-txt-cyan\:100, html.dark .sf-c-txt-cyan\:100 { color: hsl(var(--sf-c-txt-cyan-100)) } + +html[data-theme='dark'] .sf-c-txt-cyan\:dark, html.dark .sf-c-txt-cyan\:dark { color: hsl(var(--sf-c-txt-cyan)) } +html[data-theme='dark'] .sf-c-txt-cyan\:0\:dark, html.dark .sf-c-txt-cyan\:0\:dark { color: hsl(var(--sf-dark-c-txt-cyan-0)) } +html[data-theme='dark'] .sf-c-txt-cyan\:5\:dark, html.dark .sf-c-txt-cyan\:5\:dark { color: hsl(var(--sf-dark-c-txt-cyan-5)) } +html[data-theme='dark'] .sf-c-txt-cyan\:10\:dark, html.dark .sf-c-txt-cyan\:10\:dark { color: hsl(var(--sf-dark-c-txt-cyan-10)) } +html[data-theme='dark'] .sf-c-txt-cyan\:15\:dark, html.dark .sf-c-txt-cyan\:15\:dark { color: hsl(var(--sf-dark-c-txt-cyan-15)) } +html[data-theme='dark'] .sf-c-txt-cyan\:20\:dark, html.dark .sf-c-txt-cyan\:20\:dark { color: hsl(var(--sf-dark-c-txt-cyan-20)) } +html[data-theme='dark'] .sf-c-txt-cyan\:25\:dark, html.dark .sf-c-txt-cyan\:25\:dark { color: hsl(var(--sf-dark-c-txt-cyan-25)) } +html[data-theme='dark'] .sf-c-txt-cyan\:30\:dark, html.dark .sf-c-txt-cyan\:30\:dark { color: hsl(var(--sf-dark-c-txt-cyan-30)) } +html[data-theme='dark'] .sf-c-txt-cyan\:35\:dark, html.dark .sf-c-txt-cyan\:35\:dark { color: hsl(var(--sf-dark-c-txt-cyan-35)) } +html[data-theme='dark'] .sf-c-txt-cyan\:40\:dark, html.dark .sf-c-txt-cyan\:40\:dark { color: hsl(var(--sf-dark-c-txt-cyan-40)) } +html[data-theme='dark'] .sf-c-txt-cyan\:45\:dark, html.dark .sf-c-txt-cyan\:45\:dark { color: hsl(var(--sf-dark-c-txt-cyan-45)) } +html[data-theme='dark'] .sf-c-txt-cyan\:50\:dark, html.dark .sf-c-txt-cyan\:50\:dark { color: hsl(var(--sf-dark-c-txt-cyan-50)) } +html[data-theme='dark'] .sf-c-txt-cyan\:55\:dark, html.dark .sf-c-txt-cyan\:55\:dark { color: hsl(var(--sf-dark-c-txt-cyan-55)) } +html[data-theme='dark'] .sf-c-txt-cyan\:60\:dark, html.dark .sf-c-txt-cyan\:60\:dark { color: hsl(var(--sf-dark-c-txt-cyan-60)) } +html[data-theme='dark'] .sf-c-txt-cyan\:65\:dark, html.dark .sf-c-txt-cyan\:65\:dark { color: hsl(var(--sf-dark-c-txt-cyan-65)) } +html[data-theme='dark'] .sf-c-txt-cyan\:70\:dark, html.dark .sf-c-txt-cyan\:70\:dark { color: hsl(var(--sf-dark-c-txt-cyan-70)) } +html[data-theme='dark'] .sf-c-txt-cyan\:75\:dark, html.dark .sf-c-txt-cyan\:75\:dark { color: hsl(var(--sf-dark-c-txt-cyan-75)) } +html[data-theme='dark'] .sf-c-txt-cyan\:80\:dark, html.dark .sf-c-txt-cyan\:80\:dark { color: hsl(var(--sf-dark-c-txt-cyan-80)) } +html[data-theme='dark'] .sf-c-txt-cyan\:85\:dark, html.dark .sf-c-txt-cyan\:85\:dark { color: hsl(var(--sf-dark-c-txt-cyan-85)) } +html[data-theme='dark'] .sf-c-txt-cyan\:90\:dark, html.dark .sf-c-txt-cyan\:90\:dark { color: hsl(var(--sf-dark-c-txt-cyan-90)) } +html[data-theme='dark'] .sf-c-txt-cyan\:95\:dark, html.dark .sf-c-txt-cyan\:95\:dark { color: hsl(var(--sf-dark-c-txt-cyan-95)) } +html[data-theme='dark'] .sf-c-txt-cyan\:100\:dark, html.dark .sf-c-txt-cyan\:100\:dark { color: hsl(var(--sf-dark-c-txt-cyan-100)) } + html.var[data-theme='dark'] .sf-c-cyan, html.var.dark .sf-c-cyan { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } html.var[data-theme='dark'] .sf-c-cyan\:0, html.var.dark .sf-c-cyan\:0 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 100%) } html.var[data-theme='dark'] .sf-c-cyan\:5, html.var.dark .sf-c-cyan\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-cyan\:90\:dark, html.var.dark .sf-c-cyan\:90\: html.var[data-theme='dark'] .sf-c-cyan\:95\:dark, html.var.dark .sf-c-cyan\:95\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } html.var[data-theme='dark'] .sf-c-cyan\:100\:dark, html.var.dark .sf-c-cyan\:100\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cyan, html.dark .sf-c-txt-cyan { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:0, html.dark .sf-c-txt-cyan\:0 { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:5, html.dark .sf-c-txt-cyan\:5 { color: hsl(180, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:10, html.dark .sf-c-txt-cyan\:10 { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:15, html.dark .sf-c-txt-cyan\:15 { color: hsl(180, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:20, html.dark .sf-c-txt-cyan\:20 { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:25, html.dark .sf-c-txt-cyan\:25 { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:30, html.dark .sf-c-txt-cyan\:30 { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:35, html.dark .sf-c-txt-cyan\:35 { color: hsl(180, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:40, html.dark .sf-c-txt-cyan\:40 { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:45, html.dark .sf-c-txt-cyan\:45 { color: hsl(180, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:50, html.dark .sf-c-txt-cyan\:50 { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:55, html.dark .sf-c-txt-cyan\:55 { color: hsl(180, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:60, html.dark .sf-c-txt-cyan\:60 { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:65, html.dark .sf-c-txt-cyan\:65 { color: hsl(180, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:70, html.dark .sf-c-txt-cyan\:70 { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:75, html.dark .sf-c-txt-cyan\:75 { color: hsl(180, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:80, html.dark .sf-c-txt-cyan\:80 { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:85, html.dark .sf-c-txt-cyan\:85 { color: hsl(180, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:90, html.dark .sf-c-txt-cyan\:90 { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:95, html.dark .sf-c-txt-cyan\:95 { color: hsl(180, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:100, html.dark .sf-c-txt-cyan\:100 { color: hsl(180, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-cyan\:dark, html.dark .sf-c-txt-cyan\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:0\:dark, html.dark .sf-c-txt-cyan\:0\:dark { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:5\:dark, html.dark .sf-c-txt-cyan\:5\:dark { color: hsl(180, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:10\:dark, html.dark .sf-c-txt-cyan\:10\:dark { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:15\:dark, html.dark .sf-c-txt-cyan\:15\:dark { color: hsl(180, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:20\:dark, html.dark .sf-c-txt-cyan\:20\:dark { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:25\:dark, html.dark .sf-c-txt-cyan\:25\:dark { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:30\:dark, html.dark .sf-c-txt-cyan\:30\:dark { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:35\:dark, html.dark .sf-c-txt-cyan\:35\:dark { color: hsl(180, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:40\:dark, html.dark .sf-c-txt-cyan\:40\:dark { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:45\:dark, html.dark .sf-c-txt-cyan\:45\:dark { color: hsl(180, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:50\:dark, html.dark .sf-c-txt-cyan\:50\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:55\:dark, html.dark .sf-c-txt-cyan\:55\:dark { color: hsl(180, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:60\:dark, html.dark .sf-c-txt-cyan\:60\:dark { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:65\:dark, html.dark .sf-c-txt-cyan\:65\:dark { color: hsl(180, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:70\:dark, html.dark .sf-c-txt-cyan\:70\:dark { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:75\:dark, html.dark .sf-c-txt-cyan\:75\:dark { color: hsl(180, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:80\:dark, html.dark .sf-c-txt-cyan\:80\:dark { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:85\:dark, html.dark .sf-c-txt-cyan\:85\:dark { color: hsl(180, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:90\:dark, html.dark .sf-c-txt-cyan\:90\:dark { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:95\:dark, html.dark .sf-c-txt-cyan\:95\:dark { color: hsl(180, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-cyan\:100\:dark, html.dark .sf-c-txt-cyan\:100\:dark { color: hsl(180, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-cyan, html.auto .sf-c-cyan { color: hsl(var(--sf-dark-c-txt-cyan-5)); background: hsl(var(--sf-dark-c-cyan)) } html[data-theme='auto'] .sf-c-cyan\:0, html.auto .sf-c-cyan\:0 { color: hsl(var(--sf-dark-c-txt-cyan-95)); background: hsl(var(--sf-dark-c-cyan-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-cyan\:100\:dark, html.var.dark .sf-c-cyan\:100 html[data-theme='auto'] .sf-c-cyan\:95\:dark, html.auto .sf-c-cyan\:95\:dark { color: hsl(var(--sf-c-txt-cyan-95)); background: hsl(var(--sf-c-cyan-5)) } html[data-theme='auto'] .sf-c-cyan\:100\:dark, html.auto .sf-c-cyan\:100\:dark { color: hsl(var(--sf-c-txt-cyan-95)); background: hsl(var(--sf-c-cyan-0)) } + html[data-theme='auto'] .sf-c-txt-cyan, html.auto .sf-c-txt-cyan { color: hsl(var(--sf-c-txt-cyan)) } + html[data-theme='auto'] .sf-c-txt-cyan\:0, html.auto .sf-c-txt-cyan\:0 { color: hsl(var(--sf-c-txt-cyan-0)) } + html[data-theme='auto'] .sf-c-txt-cyan\:5, html.auto .sf-c-txt-cyan\:5 { color: hsl(var(--sf-c-txt-cyan-5)) } + html[data-theme='auto'] .sf-c-txt-cyan\:10, html.auto .sf-c-txt-cyan\:10 { color: hsl(var(--sf-c-txt-cyan-10)) } + html[data-theme='auto'] .sf-c-txt-cyan\:15, html.auto .sf-c-txt-cyan\:15 { color: hsl(var(--sf-c-txt-cyan-15)) } + html[data-theme='auto'] .sf-c-txt-cyan\:20, html.auto .sf-c-txt-cyan\:20 { color: hsl(var(--sf-c-txt-cyan-20)) } + html[data-theme='auto'] .sf-c-txt-cyan\:25, html.auto .sf-c-txt-cyan\:25 { color: hsl(var(--sf-c-txt-cyan-25)) } + html[data-theme='auto'] .sf-c-txt-cyan\:30, html.auto .sf-c-txt-cyan\:30 { color: hsl(var(--sf-c-txt-cyan-30)) } + html[data-theme='auto'] .sf-c-txt-cyan\:35, html.auto .sf-c-txt-cyan\:35 { color: hsl(var(--sf-c-txt-cyan-35)) } + html[data-theme='auto'] .sf-c-txt-cyan\:40, html.auto .sf-c-txt-cyan\:40 { color: hsl(var(--sf-c-txt-cyan-40)) } + html[data-theme='auto'] .sf-c-txt-cyan\:45, html.auto .sf-c-txt-cyan\:45 { color: hsl(var(--sf-c-txt-cyan-45)) } + html[data-theme='auto'] .sf-c-txt-cyan\:50, html.auto .sf-c-txt-cyan\:50 { color: hsl(var(--sf-c-txt-cyan-50)) } + html[data-theme='auto'] .sf-c-txt-cyan\:55, html.auto .sf-c-txt-cyan\:55 { color: hsl(var(--sf-c-txt-cyan-55)) } + html[data-theme='auto'] .sf-c-txt-cyan\:60, html.auto .sf-c-txt-cyan\:60 { color: hsl(var(--sf-c-txt-cyan-60)) } + html[data-theme='auto'] .sf-c-txt-cyan\:65, html.auto .sf-c-txt-cyan\:65 { color: hsl(var(--sf-c-txt-cyan-65)) } + html[data-theme='auto'] .sf-c-txt-cyan\:70, html.auto .sf-c-txt-cyan\:70 { color: hsl(var(--sf-c-txt-cyan-70)) } + html[data-theme='auto'] .sf-c-txt-cyan\:75, html.auto .sf-c-txt-cyan\:75 { color: hsl(var(--sf-c-txt-cyan-75)) } + html[data-theme='auto'] .sf-c-txt-cyan\:80, html.auto .sf-c-txt-cyan\:80 { color: hsl(var(--sf-c-txt-cyan-80)) } + html[data-theme='auto'] .sf-c-txt-cyan\:85, html.auto .sf-c-txt-cyan\:85 { color: hsl(var(--sf-c-txt-cyan-85)) } + html[data-theme='auto'] .sf-c-txt-cyan\:90, html.auto .sf-c-txt-cyan\:90 { color: hsl(var(--sf-c-txt-cyan-90)) } + html[data-theme='auto'] .sf-c-txt-cyan\:95, html.auto .sf-c-txt-cyan\:95 { color: hsl(var(--sf-c-txt-cyan-95)) } + html[data-theme='auto'] .sf-c-txt-cyan\:100, html.auto .sf-c-txt-cyan\:100 { color: hsl(var(--sf-c-txt-cyan-100)) } + + html[data-theme='auto'] .sf-c-txt-cyan\:dark, html.auto .sf-c-txt-cyan\:dark { color: hsl(var(--sf-c-txt-cyan)) } + html[data-theme='auto'] .sf-c-txt-cyan\:0\:dark, html.auto .sf-c-txt-cyan\:0\:dark { color: hsl(var(--sf-c-txt-cyan-0)) } + html[data-theme='auto'] .sf-c-txt-cyan\:5\:dark, html.auto .sf-c-txt-cyan\:5\:dark { color: hsl(var(--sf-c-txt-cyan-5)) } + html[data-theme='auto'] .sf-c-txt-cyan\:10\:dark, html.auto .sf-c-txt-cyan\:10\:dark { color: hsl(var(--sf-c-txt-cyan-10)) } + html[data-theme='auto'] .sf-c-txt-cyan\:15\:dark, html.auto .sf-c-txt-cyan\:15\:dark { color: hsl(var(--sf-c-txt-cyan-15)) } + html[data-theme='auto'] .sf-c-txt-cyan\:20\:dark, html.auto .sf-c-txt-cyan\:20\:dark { color: hsl(var(--sf-c-txt-cyan-20)) } + html[data-theme='auto'] .sf-c-txt-cyan\:25\:dark, html.auto .sf-c-txt-cyan\:25\:dark { color: hsl(var(--sf-c-txt-cyan-25)) } + html[data-theme='auto'] .sf-c-txt-cyan\:30\:dark, html.auto .sf-c-txt-cyan\:30\:dark { color: hsl(var(--sf-c-txt-cyan-30)) } + html[data-theme='auto'] .sf-c-txt-cyan\:35\:dark, html.auto .sf-c-txt-cyan\:35\:dark { color: hsl(var(--sf-c-txt-cyan-35)) } + html[data-theme='auto'] .sf-c-txt-cyan\:40\:dark, html.auto .sf-c-txt-cyan\:40\:dark { color: hsl(var(--sf-c-txt-cyan-40)) } + html[data-theme='auto'] .sf-c-txt-cyan\:45\:dark, html.auto .sf-c-txt-cyan\:45\:dark { color: hsl(var(--sf-c-txt-cyan-45)) } + html[data-theme='auto'] .sf-c-txt-cyan\:50\:dark, html.auto .sf-c-txt-cyan\:50\:dark { color: hsl(var(--sf-c-txt-cyan-50)) } + html[data-theme='auto'] .sf-c-txt-cyan\:55\:dark, html.auto .sf-c-txt-cyan\:55\:dark { color: hsl(var(--sf-c-txt-cyan-55)) } + html[data-theme='auto'] .sf-c-txt-cyan\:60\:dark, html.auto .sf-c-txt-cyan\:60\:dark { color: hsl(var(--sf-c-txt-cyan-60)) } + html[data-theme='auto'] .sf-c-txt-cyan\:65\:dark, html.auto .sf-c-txt-cyan\:65\:dark { color: hsl(var(--sf-c-txt-cyan-65)) } + html[data-theme='auto'] .sf-c-txt-cyan\:70\:dark, html.auto .sf-c-txt-cyan\:70\:dark { color: hsl(var(--sf-c-txt-cyan-70)) } + html[data-theme='auto'] .sf-c-txt-cyan\:75\:dark, html.auto .sf-c-txt-cyan\:75\:dark { color: hsl(var(--sf-c-txt-cyan-75)) } + html[data-theme='auto'] .sf-c-txt-cyan\:80\:dark, html.auto .sf-c-txt-cyan\:80\:dark { color: hsl(var(--sf-c-txt-cyan-80)) } + html[data-theme='auto'] .sf-c-txt-cyan\:85\:dark, html.auto .sf-c-txt-cyan\:85\:dark { color: hsl(var(--sf-c-txt-cyan-85)) } + html[data-theme='auto'] .sf-c-txt-cyan\:90\:dark, html.auto .sf-c-txt-cyan\:90\:dark { color: hsl(var(--sf-c-txt-cyan-90)) } + html[data-theme='auto'] .sf-c-txt-cyan\:95\:dark, html.auto .sf-c-txt-cyan\:95\:dark { color: hsl(var(--sf-c-txt-cyan-95)) } + html[data-theme='auto'] .sf-c-txt-cyan\:100\:dark, html.auto .sf-c-txt-cyan\:100\:dark { color: hsl(var(--sf-c-txt-cyan-100)) } + html.var[data-theme='auto'] .sf-c-cyan, html.var.auto .sf-c-cyan { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 50%) } html.var[data-theme='auto'] .sf-c-cyan\:0, html.var.auto .sf-c-cyan\:0 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 100%) } html.var[data-theme='auto'] .sf-c-cyan\:5, html.var.auto .sf-c-cyan\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-cyan\:100\:dark, html.var.dark .sf-c-cyan\:100 html.var[data-theme='auto'] .sf-c-cyan\:90\:dark, html.var.auto .sf-c-cyan\:90\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } html.var[data-theme='auto'] .sf-c-cyan\:95\:dark, html.var.auto .sf-c-cyan\:95\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } html.var[data-theme='auto'] .sf-c-cyan\:100\:dark, html.var.auto .sf-c-cyan\:100\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -} -.sf-c-txt-cyan { color: hsl(var(--sf-c-txt-cyan)) } -.sf-c-txt-cyan\:0 { color: hsl(var(--sf-c-txt-cyan-0)) } -.sf-c-txt-cyan\:5 { color: hsl(var(--sf-c-txt-cyan-5)) } -.sf-c-txt-cyan\:10 { color: hsl(var(--sf-c-txt-cyan-10)) } -.sf-c-txt-cyan\:15 { color: hsl(var(--sf-c-txt-cyan-15)) } -.sf-c-txt-cyan\:20 { color: hsl(var(--sf-c-txt-cyan-20)) } -.sf-c-txt-cyan\:25 { color: hsl(var(--sf-c-txt-cyan-25)) } -.sf-c-txt-cyan\:30 { color: hsl(var(--sf-c-txt-cyan-30)) } -.sf-c-txt-cyan\:35 { color: hsl(var(--sf-c-txt-cyan-35)) } -.sf-c-txt-cyan\:40 { color: hsl(var(--sf-c-txt-cyan-40)) } -.sf-c-txt-cyan\:45 { color: hsl(var(--sf-c-txt-cyan-45)) } -.sf-c-txt-cyan\:50 { color: hsl(var(--sf-c-txt-cyan-50)) } -.sf-c-txt-cyan\:55 { color: hsl(var(--sf-c-txt-cyan-55)) } -.sf-c-txt-cyan\:60 { color: hsl(var(--sf-c-txt-cyan-60)) } -.sf-c-txt-cyan\:65 { color: hsl(var(--sf-c-txt-cyan-65)) } -.sf-c-txt-cyan\:70 { color: hsl(var(--sf-c-txt-cyan-70)) } -.sf-c-txt-cyan\:75 { color: hsl(var(--sf-c-txt-cyan-75)) } -.sf-c-txt-cyan\:80 { color: hsl(var(--sf-c-txt-cyan-80)) } -.sf-c-txt-cyan\:85 { color: hsl(var(--sf-c-txt-cyan-85)) } -.sf-c-txt-cyan\:90 { color: hsl(var(--sf-c-txt-cyan-90)) } -.sf-c-txt-cyan\:95 { color: hsl(var(--sf-c-txt-cyan-95)) } -.sf-c-txt-cyan\:100 { color: hsl(var(--sf-c-txt-cyan-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-cyan, html.auto .sf-c-txt-cyan { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:0, html.auto .sf-c-txt-cyan\:0 { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:5, html.auto .sf-c-txt-cyan\:5 { color: hsl(180, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:10, html.auto .sf-c-txt-cyan\:10 { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:15, html.auto .sf-c-txt-cyan\:15 { color: hsl(180, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:20, html.auto .sf-c-txt-cyan\:20 { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:25, html.auto .sf-c-txt-cyan\:25 { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:30, html.auto .sf-c-txt-cyan\:30 { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:35, html.auto .sf-c-txt-cyan\:35 { color: hsl(180, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:40, html.auto .sf-c-txt-cyan\:40 { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:45, html.auto .sf-c-txt-cyan\:45 { color: hsl(180, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:50, html.auto .sf-c-txt-cyan\:50 { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:55, html.auto .sf-c-txt-cyan\:55 { color: hsl(180, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:60, html.auto .sf-c-txt-cyan\:60 { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:65, html.auto .sf-c-txt-cyan\:65 { color: hsl(180, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:70, html.auto .sf-c-txt-cyan\:70 { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:75, html.auto .sf-c-txt-cyan\:75 { color: hsl(180, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:80, html.auto .sf-c-txt-cyan\:80 { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:85, html.auto .sf-c-txt-cyan\:85 { color: hsl(180, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:90, html.auto .sf-c-txt-cyan\:90 { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:95, html.auto .sf-c-txt-cyan\:95 { color: hsl(180, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:100, html.auto .sf-c-txt-cyan\:100 { color: hsl(180, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-cyan\:dark, html.auto .sf-c-txt-cyan\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:0\:dark, html.auto .sf-c-txt-cyan\:0\:dark { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:5\:dark, html.auto .sf-c-txt-cyan\:5\:dark { color: hsl(180, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:10\:dark, html.auto .sf-c-txt-cyan\:10\:dark { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:15\:dark, html.auto .sf-c-txt-cyan\:15\:dark { color: hsl(180, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:20\:dark, html.auto .sf-c-txt-cyan\:20\:dark { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:25\:dark, html.auto .sf-c-txt-cyan\:25\:dark { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:30\:dark, html.auto .sf-c-txt-cyan\:30\:dark { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:35\:dark, html.auto .sf-c-txt-cyan\:35\:dark { color: hsl(180, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:40\:dark, html.auto .sf-c-txt-cyan\:40\:dark { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:45\:dark, html.auto .sf-c-txt-cyan\:45\:dark { color: hsl(180, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:50\:dark, html.auto .sf-c-txt-cyan\:50\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:55\:dark, html.auto .sf-c-txt-cyan\:55\:dark { color: hsl(180, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:60\:dark, html.auto .sf-c-txt-cyan\:60\:dark { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:65\:dark, html.auto .sf-c-txt-cyan\:65\:dark { color: hsl(180, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:70\:dark, html.auto .sf-c-txt-cyan\:70\:dark { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:75\:dark, html.auto .sf-c-txt-cyan\:75\:dark { color: hsl(180, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:80\:dark, html.auto .sf-c-txt-cyan\:80\:dark { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:85\:dark, html.auto .sf-c-txt-cyan\:85\:dark { color: hsl(180, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:90\:dark, html.auto .sf-c-txt-cyan\:90\:dark { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:95\:dark, html.auto .sf-c-txt-cyan\:95\:dark { color: hsl(180, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-cyan\:100\:dark, html.auto .sf-c-txt-cyan\:100\:dark { color: hsl(180, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkblue.css b/src/colors/20/darkblue.css index db0f2e6..12adbc9 100644 --- a/src/colors/20/darkblue.css +++ b/src/colors/20/darkblue.css @@ -138,6 +138,52 @@ html.var .sf-c-darkblue\:90 { color: hsl(240, 100%, 5%); background: hsl(240, 10 html.var .sf-c-darkblue\:95 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } html.var .sf-c-darkblue\:100 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } +.sf-c-txt-darkblue { color: hsl(var(--sf-dark-c-txt-darkblue)) } +.sf-c-txt-darkblue\:0 { color: hsl(var(--sf-dark-c-txt-darkblue-100)) } +.sf-c-txt-darkblue\:5 { color: hsl(var(--sf-dark-c-txt-darkblue-95)) } +.sf-c-txt-darkblue\:10 { color: hsl(var(--sf-dark-c-txt-darkblue-90)) } +.sf-c-txt-darkblue\:15 { color: hsl(var(--sf-dark-c-txt-darkblue-85)) } +.sf-c-txt-darkblue\:20 { color: hsl(var(--sf-dark-c-txt-darkblue-80)) } +.sf-c-txt-darkblue\:25 { color: hsl(var(--sf-dark-c-txt-darkblue-75)) } +.sf-c-txt-darkblue\:30 { color: hsl(var(--sf-dark-c-txt-darkblue-70)) } +.sf-c-txt-darkblue\:35 { color: hsl(var(--sf-dark-c-txt-darkblue-65)) } +.sf-c-txt-darkblue\:40 { color: hsl(var(--sf-dark-c-txt-darkblue-60)) } +.sf-c-txt-darkblue\:45 { color: hsl(var(--sf-dark-c-txt-darkblue-55)) } +.sf-c-txt-darkblue\:50 { color: hsl(var(--sf-dark-c-txt-darkblue-50)) } +.sf-c-txt-darkblue\:55 { color: hsl(var(--sf-dark-c-txt-darkblue-45)) } +.sf-c-txt-darkblue\:60 { color: hsl(var(--sf-dark-c-txt-darkblue-40)) } +.sf-c-txt-darkblue\:65 { color: hsl(var(--sf-dark-c-txt-darkblue-35)) } +.sf-c-txt-darkblue\:70 { color: hsl(var(--sf-dark-c-txt-darkblue-30)) } +.sf-c-txt-darkblue\:75 { color: hsl(var(--sf-dark-c-txt-darkblue-25)) } +.sf-c-txt-darkblue\:80 { color: hsl(var(--sf-dark-c-txt-darkblue-20)) } +.sf-c-txt-darkblue\:85 { color: hsl(var(--sf-dark-c-txt-darkblue-15)) } +.sf-c-txt-darkblue\:90 { color: hsl(var(--sf-dark-c-txt-darkblue-10)) } +.sf-c-txt-darkblue\:95 { color: hsl(var(--sf-dark-c-txt-darkblue-5)) } +.sf-c-txt-darkblue\:100 { color: hsl(var(--sf-dark-c-txt-darkblue-0)) } + +html.var .sf-c-txt-darkblue { color: hsl(240, 100%, 73%) } +html.var .sf-c-txt-darkblue\:0 { color: hsl(240, 100%, 100%) } +html.var .sf-c-txt-darkblue\:5 { color: hsl(240, 100%, 95%) } +html.var .sf-c-txt-darkblue\:10 { color: hsl(240, 100%, 90%) } +html.var .sf-c-txt-darkblue\:15 { color: hsl(240, 100%, 85%) } +html.var .sf-c-txt-darkblue\:20 { color: hsl(240, 100%, 80%) } +html.var .sf-c-txt-darkblue\:25 { color: hsl(240, 100%, 75%) } +html.var .sf-c-txt-darkblue\:30 { color: hsl(240, 100%, 70%) } +html.var .sf-c-txt-darkblue\:35 { color: hsl(240, 100%, 65%) } +html.var .sf-c-txt-darkblue\:40 { color: hsl(240, 100%, 60%) } +html.var .sf-c-txt-darkblue\:45 { color: hsl(240, 100%, 55%) } +html.var .sf-c-txt-darkblue\:50 { color: hsl(240, 100%, 50%) } +html.var .sf-c-txt-darkblue\:55 { color: hsl(240, 100%, 45%) } +html.var .sf-c-txt-darkblue\:60 { color: hsl(240, 100%, 40%) } +html.var .sf-c-txt-darkblue\:65 { color: hsl(240, 100%, 35%) } +html.var .sf-c-txt-darkblue\:70 { color: hsl(240, 100%, 30%) } +html.var .sf-c-txt-darkblue\:75 { color: hsl(240, 100%, 25%) } +html.var .sf-c-txt-darkblue\:80 { color: hsl(240, 100%, 20%) } +html.var .sf-c-txt-darkblue\:85 { color: hsl(240, 100%, 15%) } +html.var .sf-c-txt-darkblue\:90 { color: hsl(240, 100%, 10%) } +html.var .sf-c-txt-darkblue\:95 { color: hsl(240, 100%, 5%) } +html.var .sf-c-txt-darkblue\:100 { color: hsl(240, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkblue, html.dark .sf-c-darkblue { color: hsl(var(--sf-dark-c-txt-darkblue-95)); background: hsl(var(--sf-dark-c-darkblue)) } html[data-theme='dark'] .sf-c-darkblue\:0, html.dark .sf-c-darkblue\:0 { color: hsl(var(--sf-dark-c-txt-darkblue-95)); background: hsl(var(--sf-dark-c-darkblue-100)) } html[data-theme='dark'] .sf-c-darkblue\:5, html.dark .sf-c-darkblue\:5 { color: hsl(var(--sf-dark-c-txt-darkblue-5)); background: hsl(var(--sf-dark-c-darkblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkblue\:90\:dark, html.dark .sf-c-darkblue\:90\: html[data-theme='dark'] .sf-c-darkblue\:95\:dark, html.dark .sf-c-darkblue\:95\:dark { color: hsl(var(--sf-c-txt-darkblue-95)); background: hsl(var(--sf-c-darkblue-5)) } html[data-theme='dark'] .sf-c-darkblue\:100\:dark, html.dark .sf-c-darkblue\:100\:dark { color: hsl(var(--sf-c-txt-darkblue-95)); background: hsl(var(--sf-c-darkblue-0)) } +html[data-theme='dark'] .sf-c-txt-darkblue, html.dark .sf-c-txt-darkblue { color: hsl(var(--sf-c-txt-darkblue)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:0, html.dark .sf-c-txt-darkblue\:0 { color: hsl(var(--sf-c-txt-darkblue-0)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:5, html.dark .sf-c-txt-darkblue\:5 { color: hsl(var(--sf-c-txt-darkblue-5)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:10, html.dark .sf-c-txt-darkblue\:10 { color: hsl(var(--sf-c-txt-darkblue-10)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:15, html.dark .sf-c-txt-darkblue\:15 { color: hsl(var(--sf-c-txt-darkblue-15)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:20, html.dark .sf-c-txt-darkblue\:20 { color: hsl(var(--sf-c-txt-darkblue-20)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:25, html.dark .sf-c-txt-darkblue\:25 { color: hsl(var(--sf-c-txt-darkblue-25)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:30, html.dark .sf-c-txt-darkblue\:30 { color: hsl(var(--sf-c-txt-darkblue-30)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:35, html.dark .sf-c-txt-darkblue\:35 { color: hsl(var(--sf-c-txt-darkblue-35)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:40, html.dark .sf-c-txt-darkblue\:40 { color: hsl(var(--sf-c-txt-darkblue-40)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:45, html.dark .sf-c-txt-darkblue\:45 { color: hsl(var(--sf-c-txt-darkblue-45)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:50, html.dark .sf-c-txt-darkblue\:50 { color: hsl(var(--sf-c-txt-darkblue-50)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:55, html.dark .sf-c-txt-darkblue\:55 { color: hsl(var(--sf-c-txt-darkblue-55)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:60, html.dark .sf-c-txt-darkblue\:60 { color: hsl(var(--sf-c-txt-darkblue-60)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:65, html.dark .sf-c-txt-darkblue\:65 { color: hsl(var(--sf-c-txt-darkblue-65)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:70, html.dark .sf-c-txt-darkblue\:70 { color: hsl(var(--sf-c-txt-darkblue-70)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:75, html.dark .sf-c-txt-darkblue\:75 { color: hsl(var(--sf-c-txt-darkblue-75)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:80, html.dark .sf-c-txt-darkblue\:80 { color: hsl(var(--sf-c-txt-darkblue-80)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:85, html.dark .sf-c-txt-darkblue\:85 { color: hsl(var(--sf-c-txt-darkblue-85)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:90, html.dark .sf-c-txt-darkblue\:90 { color: hsl(var(--sf-c-txt-darkblue-90)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:95, html.dark .sf-c-txt-darkblue\:95 { color: hsl(var(--sf-c-txt-darkblue-95)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:100, html.dark .sf-c-txt-darkblue\:100 { color: hsl(var(--sf-c-txt-darkblue-100)) } + +html[data-theme='dark'] .sf-c-txt-darkblue\:dark, html.dark .sf-c-txt-darkblue\:dark { color: hsl(var(--sf-c-txt-darkblue)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:0\:dark, html.dark .sf-c-txt-darkblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-0)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:5\:dark, html.dark .sf-c-txt-darkblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-5)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:10\:dark, html.dark .sf-c-txt-darkblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-10)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:15\:dark, html.dark .sf-c-txt-darkblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-15)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:20\:dark, html.dark .sf-c-txt-darkblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-20)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:25\:dark, html.dark .sf-c-txt-darkblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-25)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:30\:dark, html.dark .sf-c-txt-darkblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-30)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:35\:dark, html.dark .sf-c-txt-darkblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-35)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:40\:dark, html.dark .sf-c-txt-darkblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-40)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:45\:dark, html.dark .sf-c-txt-darkblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-45)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:50\:dark, html.dark .sf-c-txt-darkblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-50)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:55\:dark, html.dark .sf-c-txt-darkblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-55)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:60\:dark, html.dark .sf-c-txt-darkblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-60)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:65\:dark, html.dark .sf-c-txt-darkblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-65)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:70\:dark, html.dark .sf-c-txt-darkblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-70)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:75\:dark, html.dark .sf-c-txt-darkblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-75)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:80\:dark, html.dark .sf-c-txt-darkblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-80)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:85\:dark, html.dark .sf-c-txt-darkblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-85)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:90\:dark, html.dark .sf-c-txt-darkblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-90)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:95\:dark, html.dark .sf-c-txt-darkblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-95)) } +html[data-theme='dark'] .sf-c-txt-darkblue\:100\:dark, html.dark .sf-c-txt-darkblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkblue-100)) } + html.var[data-theme='dark'] .sf-c-darkblue, html.var.dark .sf-c-darkblue { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 73%) } html.var[data-theme='dark'] .sf-c-darkblue\:0, html.var.dark .sf-c-darkblue\:0 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkblue\:5, html.var.dark .sf-c-darkblue\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkblue\:90\:dark, html.var.dark .sf-c-darkbl html.var[data-theme='dark'] .sf-c-darkblue\:95\:dark, html.var.dark .sf-c-darkblue\:95\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } html.var[data-theme='dark'] .sf-c-darkblue\:100\:dark, html.var.dark .sf-c-darkblue\:100\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue, html.dark .sf-c-txt-darkblue { color: hsl(240, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:0, html.dark .sf-c-txt-darkblue\:0 { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:5, html.dark .sf-c-txt-darkblue\:5 { color: hsl(240, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:10, html.dark .sf-c-txt-darkblue\:10 { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:15, html.dark .sf-c-txt-darkblue\:15 { color: hsl(240, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:20, html.dark .sf-c-txt-darkblue\:20 { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:25, html.dark .sf-c-txt-darkblue\:25 { color: hsl(240, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:30, html.dark .sf-c-txt-darkblue\:30 { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:35, html.dark .sf-c-txt-darkblue\:35 { color: hsl(240, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:40, html.dark .sf-c-txt-darkblue\:40 { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:45, html.dark .sf-c-txt-darkblue\:45 { color: hsl(240, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:50, html.dark .sf-c-txt-darkblue\:50 { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:55, html.dark .sf-c-txt-darkblue\:55 { color: hsl(240, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:60, html.dark .sf-c-txt-darkblue\:60 { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:65, html.dark .sf-c-txt-darkblue\:65 { color: hsl(240, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:70, html.dark .sf-c-txt-darkblue\:70 { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:75, html.dark .sf-c-txt-darkblue\:75 { color: hsl(240, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:80, html.dark .sf-c-txt-darkblue\:80 { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:85, html.dark .sf-c-txt-darkblue\:85 { color: hsl(240, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:90, html.dark .sf-c-txt-darkblue\:90 { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:95, html.dark .sf-c-txt-darkblue\:95 { color: hsl(240, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:100, html.dark .sf-c-txt-darkblue\:100 { color: hsl(240, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkblue\:dark, html.dark .sf-c-txt-darkblue\:dark { color: hsl(240, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:0\:dark, html.dark .sf-c-txt-darkblue\:0\:dark { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:5\:dark, html.dark .sf-c-txt-darkblue\:5\:dark { color: hsl(240, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:10\:dark, html.dark .sf-c-txt-darkblue\:10\:dark { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:15\:dark, html.dark .sf-c-txt-darkblue\:15\:dark { color: hsl(240, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:20\:dark, html.dark .sf-c-txt-darkblue\:20\:dark { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:25\:dark, html.dark .sf-c-txt-darkblue\:25\:dark { color: hsl(240, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:30\:dark, html.dark .sf-c-txt-darkblue\:30\:dark { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:35\:dark, html.dark .sf-c-txt-darkblue\:35\:dark { color: hsl(240, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:40\:dark, html.dark .sf-c-txt-darkblue\:40\:dark { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:45\:dark, html.dark .sf-c-txt-darkblue\:45\:dark { color: hsl(240, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:50\:dark, html.dark .sf-c-txt-darkblue\:50\:dark { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:55\:dark, html.dark .sf-c-txt-darkblue\:55\:dark { color: hsl(240, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:60\:dark, html.dark .sf-c-txt-darkblue\:60\:dark { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:65\:dark, html.dark .sf-c-txt-darkblue\:65\:dark { color: hsl(240, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:70\:dark, html.dark .sf-c-txt-darkblue\:70\:dark { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:75\:dark, html.dark .sf-c-txt-darkblue\:75\:dark { color: hsl(240, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:80\:dark, html.dark .sf-c-txt-darkblue\:80\:dark { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:85\:dark, html.dark .sf-c-txt-darkblue\:85\:dark { color: hsl(240, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:90\:dark, html.dark .sf-c-txt-darkblue\:90\:dark { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:95\:dark, html.dark .sf-c-txt-darkblue\:95\:dark { color: hsl(240, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkblue\:100\:dark, html.dark .sf-c-txt-darkblue\:100\:dark { color: hsl(240, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkblue, html.auto .sf-c-darkblue { color: hsl(var(--sf-dark-c-txt-darkblue-95)); background: hsl(var(--sf-dark-c-darkblue)) } html[data-theme='auto'] .sf-c-darkblue\:0, html.auto .sf-c-darkblue\:0 { color: hsl(var(--sf-dark-c-txt-darkblue-95)); background: hsl(var(--sf-dark-c-darkblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkblue\:100\:dark, html.var.dark .sf-c-darkb html[data-theme='auto'] .sf-c-darkblue\:95\:dark, html.auto .sf-c-darkblue\:95\:dark { color: hsl(var(--sf-c-txt-darkblue-95)); background: hsl(var(--sf-c-darkblue-5)) } html[data-theme='auto'] .sf-c-darkblue\:100\:dark, html.auto .sf-c-darkblue\:100\:dark { color: hsl(var(--sf-c-txt-darkblue-95)); background: hsl(var(--sf-c-darkblue-0)) } + html[data-theme='auto'] .sf-c-txt-darkblue, html.auto .sf-c-txt-darkblue { color: hsl(var(--sf-c-txt-darkblue)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:0, html.auto .sf-c-txt-darkblue\:0 { color: hsl(var(--sf-c-txt-darkblue-0)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:5, html.auto .sf-c-txt-darkblue\:5 { color: hsl(var(--sf-c-txt-darkblue-5)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:10, html.auto .sf-c-txt-darkblue\:10 { color: hsl(var(--sf-c-txt-darkblue-10)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:15, html.auto .sf-c-txt-darkblue\:15 { color: hsl(var(--sf-c-txt-darkblue-15)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:20, html.auto .sf-c-txt-darkblue\:20 { color: hsl(var(--sf-c-txt-darkblue-20)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:25, html.auto .sf-c-txt-darkblue\:25 { color: hsl(var(--sf-c-txt-darkblue-25)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:30, html.auto .sf-c-txt-darkblue\:30 { color: hsl(var(--sf-c-txt-darkblue-30)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:35, html.auto .sf-c-txt-darkblue\:35 { color: hsl(var(--sf-c-txt-darkblue-35)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:40, html.auto .sf-c-txt-darkblue\:40 { color: hsl(var(--sf-c-txt-darkblue-40)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:45, html.auto .sf-c-txt-darkblue\:45 { color: hsl(var(--sf-c-txt-darkblue-45)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:50, html.auto .sf-c-txt-darkblue\:50 { color: hsl(var(--sf-c-txt-darkblue-50)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:55, html.auto .sf-c-txt-darkblue\:55 { color: hsl(var(--sf-c-txt-darkblue-55)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:60, html.auto .sf-c-txt-darkblue\:60 { color: hsl(var(--sf-c-txt-darkblue-60)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:65, html.auto .sf-c-txt-darkblue\:65 { color: hsl(var(--sf-c-txt-darkblue-65)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:70, html.auto .sf-c-txt-darkblue\:70 { color: hsl(var(--sf-c-txt-darkblue-70)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:75, html.auto .sf-c-txt-darkblue\:75 { color: hsl(var(--sf-c-txt-darkblue-75)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:80, html.auto .sf-c-txt-darkblue\:80 { color: hsl(var(--sf-c-txt-darkblue-80)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:85, html.auto .sf-c-txt-darkblue\:85 { color: hsl(var(--sf-c-txt-darkblue-85)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:90, html.auto .sf-c-txt-darkblue\:90 { color: hsl(var(--sf-c-txt-darkblue-90)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:95, html.auto .sf-c-txt-darkblue\:95 { color: hsl(var(--sf-c-txt-darkblue-95)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:100, html.auto .sf-c-txt-darkblue\:100 { color: hsl(var(--sf-c-txt-darkblue-100)) } + + html[data-theme='auto'] .sf-c-txt-darkblue\:dark, html.auto .sf-c-txt-darkblue\:dark { color: hsl(var(--sf-c-txt-darkblue)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:0\:dark, html.auto .sf-c-txt-darkblue\:0\:dark { color: hsl(var(--sf-c-txt-darkblue-0)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:5\:dark, html.auto .sf-c-txt-darkblue\:5\:dark { color: hsl(var(--sf-c-txt-darkblue-5)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:10\:dark, html.auto .sf-c-txt-darkblue\:10\:dark { color: hsl(var(--sf-c-txt-darkblue-10)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:15\:dark, html.auto .sf-c-txt-darkblue\:15\:dark { color: hsl(var(--sf-c-txt-darkblue-15)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:20\:dark, html.auto .sf-c-txt-darkblue\:20\:dark { color: hsl(var(--sf-c-txt-darkblue-20)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:25\:dark, html.auto .sf-c-txt-darkblue\:25\:dark { color: hsl(var(--sf-c-txt-darkblue-25)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:30\:dark, html.auto .sf-c-txt-darkblue\:30\:dark { color: hsl(var(--sf-c-txt-darkblue-30)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:35\:dark, html.auto .sf-c-txt-darkblue\:35\:dark { color: hsl(var(--sf-c-txt-darkblue-35)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:40\:dark, html.auto .sf-c-txt-darkblue\:40\:dark { color: hsl(var(--sf-c-txt-darkblue-40)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:45\:dark, html.auto .sf-c-txt-darkblue\:45\:dark { color: hsl(var(--sf-c-txt-darkblue-45)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:50\:dark, html.auto .sf-c-txt-darkblue\:50\:dark { color: hsl(var(--sf-c-txt-darkblue-50)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:55\:dark, html.auto .sf-c-txt-darkblue\:55\:dark { color: hsl(var(--sf-c-txt-darkblue-55)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:60\:dark, html.auto .sf-c-txt-darkblue\:60\:dark { color: hsl(var(--sf-c-txt-darkblue-60)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:65\:dark, html.auto .sf-c-txt-darkblue\:65\:dark { color: hsl(var(--sf-c-txt-darkblue-65)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:70\:dark, html.auto .sf-c-txt-darkblue\:70\:dark { color: hsl(var(--sf-c-txt-darkblue-70)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:75\:dark, html.auto .sf-c-txt-darkblue\:75\:dark { color: hsl(var(--sf-c-txt-darkblue-75)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:80\:dark, html.auto .sf-c-txt-darkblue\:80\:dark { color: hsl(var(--sf-c-txt-darkblue-80)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:85\:dark, html.auto .sf-c-txt-darkblue\:85\:dark { color: hsl(var(--sf-c-txt-darkblue-85)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:90\:dark, html.auto .sf-c-txt-darkblue\:90\:dark { color: hsl(var(--sf-c-txt-darkblue-90)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:95\:dark, html.auto .sf-c-txt-darkblue\:95\:dark { color: hsl(var(--sf-c-txt-darkblue-95)) } + html[data-theme='auto'] .sf-c-txt-darkblue\:100\:dark, html.auto .sf-c-txt-darkblue\:100\:dark { color: hsl(var(--sf-c-txt-darkblue-100)) } + html.var[data-theme='auto'] .sf-c-darkblue, html.var.auto .sf-c-darkblue { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 73%) } html.var[data-theme='auto'] .sf-c-darkblue\:0, html.var.auto .sf-c-darkblue\:0 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkblue\:5, html.var.auto .sf-c-darkblue\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkblue\:100\:dark, html.var.dark .sf-c-darkb html.var[data-theme='auto'] .sf-c-darkblue\:90\:dark, html.var.auto .sf-c-darkblue\:90\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkblue\:95\:dark, html.var.auto .sf-c-darkblue\:95\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } html.var[data-theme='auto'] .sf-c-darkblue\:100\:dark, html.var.auto .sf-c-darkblue\:100\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } -} -.sf-c-txt-darkblue { color: hsl(var(--sf-c-txt-darkblue)) } -.sf-c-txt-darkblue\:0 { color: hsl(var(--sf-c-txt-darkblue-0)) } -.sf-c-txt-darkblue\:5 { color: hsl(var(--sf-c-txt-darkblue-5)) } -.sf-c-txt-darkblue\:10 { color: hsl(var(--sf-c-txt-darkblue-10)) } -.sf-c-txt-darkblue\:15 { color: hsl(var(--sf-c-txt-darkblue-15)) } -.sf-c-txt-darkblue\:20 { color: hsl(var(--sf-c-txt-darkblue-20)) } -.sf-c-txt-darkblue\:25 { color: hsl(var(--sf-c-txt-darkblue-25)) } -.sf-c-txt-darkblue\:30 { color: hsl(var(--sf-c-txt-darkblue-30)) } -.sf-c-txt-darkblue\:35 { color: hsl(var(--sf-c-txt-darkblue-35)) } -.sf-c-txt-darkblue\:40 { color: hsl(var(--sf-c-txt-darkblue-40)) } -.sf-c-txt-darkblue\:45 { color: hsl(var(--sf-c-txt-darkblue-45)) } -.sf-c-txt-darkblue\:50 { color: hsl(var(--sf-c-txt-darkblue-50)) } -.sf-c-txt-darkblue\:55 { color: hsl(var(--sf-c-txt-darkblue-55)) } -.sf-c-txt-darkblue\:60 { color: hsl(var(--sf-c-txt-darkblue-60)) } -.sf-c-txt-darkblue\:65 { color: hsl(var(--sf-c-txt-darkblue-65)) } -.sf-c-txt-darkblue\:70 { color: hsl(var(--sf-c-txt-darkblue-70)) } -.sf-c-txt-darkblue\:75 { color: hsl(var(--sf-c-txt-darkblue-75)) } -.sf-c-txt-darkblue\:80 { color: hsl(var(--sf-c-txt-darkblue-80)) } -.sf-c-txt-darkblue\:85 { color: hsl(var(--sf-c-txt-darkblue-85)) } -.sf-c-txt-darkblue\:90 { color: hsl(var(--sf-c-txt-darkblue-90)) } -.sf-c-txt-darkblue\:95 { color: hsl(var(--sf-c-txt-darkblue-95)) } -.sf-c-txt-darkblue\:100 { color: hsl(var(--sf-c-txt-darkblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkblue, html.auto .sf-c-txt-darkblue { color: hsl(240, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:0, html.auto .sf-c-txt-darkblue\:0 { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:5, html.auto .sf-c-txt-darkblue\:5 { color: hsl(240, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:10, html.auto .sf-c-txt-darkblue\:10 { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:15, html.auto .sf-c-txt-darkblue\:15 { color: hsl(240, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:20, html.auto .sf-c-txt-darkblue\:20 { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:25, html.auto .sf-c-txt-darkblue\:25 { color: hsl(240, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:30, html.auto .sf-c-txt-darkblue\:30 { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:35, html.auto .sf-c-txt-darkblue\:35 { color: hsl(240, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:40, html.auto .sf-c-txt-darkblue\:40 { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:45, html.auto .sf-c-txt-darkblue\:45 { color: hsl(240, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:50, html.auto .sf-c-txt-darkblue\:50 { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:55, html.auto .sf-c-txt-darkblue\:55 { color: hsl(240, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:60, html.auto .sf-c-txt-darkblue\:60 { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:65, html.auto .sf-c-txt-darkblue\:65 { color: hsl(240, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:70, html.auto .sf-c-txt-darkblue\:70 { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:75, html.auto .sf-c-txt-darkblue\:75 { color: hsl(240, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:80, html.auto .sf-c-txt-darkblue\:80 { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:85, html.auto .sf-c-txt-darkblue\:85 { color: hsl(240, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:90, html.auto .sf-c-txt-darkblue\:90 { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:95, html.auto .sf-c-txt-darkblue\:95 { color: hsl(240, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:100, html.auto .sf-c-txt-darkblue\:100 { color: hsl(240, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkblue\:dark, html.auto .sf-c-txt-darkblue\:dark { color: hsl(240, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:0\:dark, html.auto .sf-c-txt-darkblue\:0\:dark { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:5\:dark, html.auto .sf-c-txt-darkblue\:5\:dark { color: hsl(240, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:10\:dark, html.auto .sf-c-txt-darkblue\:10\:dark { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:15\:dark, html.auto .sf-c-txt-darkblue\:15\:dark { color: hsl(240, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:20\:dark, html.auto .sf-c-txt-darkblue\:20\:dark { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:25\:dark, html.auto .sf-c-txt-darkblue\:25\:dark { color: hsl(240, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:30\:dark, html.auto .sf-c-txt-darkblue\:30\:dark { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:35\:dark, html.auto .sf-c-txt-darkblue\:35\:dark { color: hsl(240, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:40\:dark, html.auto .sf-c-txt-darkblue\:40\:dark { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:45\:dark, html.auto .sf-c-txt-darkblue\:45\:dark { color: hsl(240, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:50\:dark, html.auto .sf-c-txt-darkblue\:50\:dark { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:55\:dark, html.auto .sf-c-txt-darkblue\:55\:dark { color: hsl(240, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:60\:dark, html.auto .sf-c-txt-darkblue\:60\:dark { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:65\:dark, html.auto .sf-c-txt-darkblue\:65\:dark { color: hsl(240, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:70\:dark, html.auto .sf-c-txt-darkblue\:70\:dark { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:75\:dark, html.auto .sf-c-txt-darkblue\:75\:dark { color: hsl(240, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:80\:dark, html.auto .sf-c-txt-darkblue\:80\:dark { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:85\:dark, html.auto .sf-c-txt-darkblue\:85\:dark { color: hsl(240, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:90\:dark, html.auto .sf-c-txt-darkblue\:90\:dark { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:95\:dark, html.auto .sf-c-txt-darkblue\:95\:dark { color: hsl(240, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkblue\:100\:dark, html.auto .sf-c-txt-darkblue\:100\:dark { color: hsl(240, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkcyan.css b/src/colors/20/darkcyan.css index 33534b2..0805741 100644 --- a/src/colors/20/darkcyan.css +++ b/src/colors/20/darkcyan.css @@ -138,6 +138,52 @@ html.var .sf-c-darkcyan\:90 { color: hsl(180, 100%, 5%); background: hsl(180, 10 html.var .sf-c-darkcyan\:95 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } html.var .sf-c-darkcyan\:100 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } +.sf-c-txt-darkcyan { color: hsl(var(--sf-dark-c-txt-darkcyan)) } +.sf-c-txt-darkcyan\:0 { color: hsl(var(--sf-dark-c-txt-darkcyan-100)) } +.sf-c-txt-darkcyan\:5 { color: hsl(var(--sf-dark-c-txt-darkcyan-95)) } +.sf-c-txt-darkcyan\:10 { color: hsl(var(--sf-dark-c-txt-darkcyan-90)) } +.sf-c-txt-darkcyan\:15 { color: hsl(var(--sf-dark-c-txt-darkcyan-85)) } +.sf-c-txt-darkcyan\:20 { color: hsl(var(--sf-dark-c-txt-darkcyan-80)) } +.sf-c-txt-darkcyan\:25 { color: hsl(var(--sf-dark-c-txt-darkcyan-75)) } +.sf-c-txt-darkcyan\:30 { color: hsl(var(--sf-dark-c-txt-darkcyan-70)) } +.sf-c-txt-darkcyan\:35 { color: hsl(var(--sf-dark-c-txt-darkcyan-65)) } +.sf-c-txt-darkcyan\:40 { color: hsl(var(--sf-dark-c-txt-darkcyan-60)) } +.sf-c-txt-darkcyan\:45 { color: hsl(var(--sf-dark-c-txt-darkcyan-55)) } +.sf-c-txt-darkcyan\:50 { color: hsl(var(--sf-dark-c-txt-darkcyan-50)) } +.sf-c-txt-darkcyan\:55 { color: hsl(var(--sf-dark-c-txt-darkcyan-45)) } +.sf-c-txt-darkcyan\:60 { color: hsl(var(--sf-dark-c-txt-darkcyan-40)) } +.sf-c-txt-darkcyan\:65 { color: hsl(var(--sf-dark-c-txt-darkcyan-35)) } +.sf-c-txt-darkcyan\:70 { color: hsl(var(--sf-dark-c-txt-darkcyan-30)) } +.sf-c-txt-darkcyan\:75 { color: hsl(var(--sf-dark-c-txt-darkcyan-25)) } +.sf-c-txt-darkcyan\:80 { color: hsl(var(--sf-dark-c-txt-darkcyan-20)) } +.sf-c-txt-darkcyan\:85 { color: hsl(var(--sf-dark-c-txt-darkcyan-15)) } +.sf-c-txt-darkcyan\:90 { color: hsl(var(--sf-dark-c-txt-darkcyan-10)) } +.sf-c-txt-darkcyan\:95 { color: hsl(var(--sf-dark-c-txt-darkcyan-5)) } +.sf-c-txt-darkcyan\:100 { color: hsl(var(--sf-dark-c-txt-darkcyan-0)) } + +html.var .sf-c-txt-darkcyan { color: hsl(180, 100%, 73%) } +html.var .sf-c-txt-darkcyan\:0 { color: hsl(180, 100%, 100%) } +html.var .sf-c-txt-darkcyan\:5 { color: hsl(180, 100%, 95%) } +html.var .sf-c-txt-darkcyan\:10 { color: hsl(180, 100%, 90%) } +html.var .sf-c-txt-darkcyan\:15 { color: hsl(180, 100%, 85%) } +html.var .sf-c-txt-darkcyan\:20 { color: hsl(180, 100%, 80%) } +html.var .sf-c-txt-darkcyan\:25 { color: hsl(180, 100%, 75%) } +html.var .sf-c-txt-darkcyan\:30 { color: hsl(180, 100%, 70%) } +html.var .sf-c-txt-darkcyan\:35 { color: hsl(180, 100%, 65%) } +html.var .sf-c-txt-darkcyan\:40 { color: hsl(180, 100%, 60%) } +html.var .sf-c-txt-darkcyan\:45 { color: hsl(180, 100%, 55%) } +html.var .sf-c-txt-darkcyan\:50 { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-darkcyan\:55 { color: hsl(180, 100%, 45%) } +html.var .sf-c-txt-darkcyan\:60 { color: hsl(180, 100%, 40%) } +html.var .sf-c-txt-darkcyan\:65 { color: hsl(180, 100%, 35%) } +html.var .sf-c-txt-darkcyan\:70 { color: hsl(180, 100%, 30%) } +html.var .sf-c-txt-darkcyan\:75 { color: hsl(180, 100%, 25%) } +html.var .sf-c-txt-darkcyan\:80 { color: hsl(180, 100%, 20%) } +html.var .sf-c-txt-darkcyan\:85 { color: hsl(180, 100%, 15%) } +html.var .sf-c-txt-darkcyan\:90 { color: hsl(180, 100%, 10%) } +html.var .sf-c-txt-darkcyan\:95 { color: hsl(180, 100%, 5%) } +html.var .sf-c-txt-darkcyan\:100 { color: hsl(180, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkcyan, html.dark .sf-c-darkcyan { color: hsl(var(--sf-dark-c-txt-darkcyan-5)); background: hsl(var(--sf-dark-c-darkcyan)) } html[data-theme='dark'] .sf-c-darkcyan\:0, html.dark .sf-c-darkcyan\:0 { color: hsl(var(--sf-dark-c-txt-darkcyan-95)); background: hsl(var(--sf-dark-c-darkcyan-100)) } html[data-theme='dark'] .sf-c-darkcyan\:5, html.dark .sf-c-darkcyan\:5 { color: hsl(var(--sf-dark-c-txt-darkcyan-5)); background: hsl(var(--sf-dark-c-darkcyan-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkcyan\:90\:dark, html.dark .sf-c-darkcyan\:90\: html[data-theme='dark'] .sf-c-darkcyan\:95\:dark, html.dark .sf-c-darkcyan\:95\:dark { color: hsl(var(--sf-c-txt-darkcyan-95)); background: hsl(var(--sf-c-darkcyan-5)) } html[data-theme='dark'] .sf-c-darkcyan\:100\:dark, html.dark .sf-c-darkcyan\:100\:dark { color: hsl(var(--sf-c-txt-darkcyan-95)); background: hsl(var(--sf-c-darkcyan-0)) } +html[data-theme='dark'] .sf-c-txt-darkcyan, html.dark .sf-c-txt-darkcyan { color: hsl(var(--sf-c-txt-darkcyan)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:0, html.dark .sf-c-txt-darkcyan\:0 { color: hsl(var(--sf-c-txt-darkcyan-0)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:5, html.dark .sf-c-txt-darkcyan\:5 { color: hsl(var(--sf-c-txt-darkcyan-5)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:10, html.dark .sf-c-txt-darkcyan\:10 { color: hsl(var(--sf-c-txt-darkcyan-10)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:15, html.dark .sf-c-txt-darkcyan\:15 { color: hsl(var(--sf-c-txt-darkcyan-15)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:20, html.dark .sf-c-txt-darkcyan\:20 { color: hsl(var(--sf-c-txt-darkcyan-20)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:25, html.dark .sf-c-txt-darkcyan\:25 { color: hsl(var(--sf-c-txt-darkcyan-25)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:30, html.dark .sf-c-txt-darkcyan\:30 { color: hsl(var(--sf-c-txt-darkcyan-30)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:35, html.dark .sf-c-txt-darkcyan\:35 { color: hsl(var(--sf-c-txt-darkcyan-35)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:40, html.dark .sf-c-txt-darkcyan\:40 { color: hsl(var(--sf-c-txt-darkcyan-40)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:45, html.dark .sf-c-txt-darkcyan\:45 { color: hsl(var(--sf-c-txt-darkcyan-45)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:50, html.dark .sf-c-txt-darkcyan\:50 { color: hsl(var(--sf-c-txt-darkcyan-50)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:55, html.dark .sf-c-txt-darkcyan\:55 { color: hsl(var(--sf-c-txt-darkcyan-55)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:60, html.dark .sf-c-txt-darkcyan\:60 { color: hsl(var(--sf-c-txt-darkcyan-60)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:65, html.dark .sf-c-txt-darkcyan\:65 { color: hsl(var(--sf-c-txt-darkcyan-65)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:70, html.dark .sf-c-txt-darkcyan\:70 { color: hsl(var(--sf-c-txt-darkcyan-70)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:75, html.dark .sf-c-txt-darkcyan\:75 { color: hsl(var(--sf-c-txt-darkcyan-75)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:80, html.dark .sf-c-txt-darkcyan\:80 { color: hsl(var(--sf-c-txt-darkcyan-80)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:85, html.dark .sf-c-txt-darkcyan\:85 { color: hsl(var(--sf-c-txt-darkcyan-85)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:90, html.dark .sf-c-txt-darkcyan\:90 { color: hsl(var(--sf-c-txt-darkcyan-90)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:95, html.dark .sf-c-txt-darkcyan\:95 { color: hsl(var(--sf-c-txt-darkcyan-95)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:100, html.dark .sf-c-txt-darkcyan\:100 { color: hsl(var(--sf-c-txt-darkcyan-100)) } + +html[data-theme='dark'] .sf-c-txt-darkcyan\:dark, html.dark .sf-c-txt-darkcyan\:dark { color: hsl(var(--sf-c-txt-darkcyan)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:0\:dark, html.dark .sf-c-txt-darkcyan\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-0)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:5\:dark, html.dark .sf-c-txt-darkcyan\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-5)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:10\:dark, html.dark .sf-c-txt-darkcyan\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-10)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:15\:dark, html.dark .sf-c-txt-darkcyan\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-15)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:20\:dark, html.dark .sf-c-txt-darkcyan\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-20)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:25\:dark, html.dark .sf-c-txt-darkcyan\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-25)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:30\:dark, html.dark .sf-c-txt-darkcyan\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-30)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:35\:dark, html.dark .sf-c-txt-darkcyan\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-35)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:40\:dark, html.dark .sf-c-txt-darkcyan\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-40)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:45\:dark, html.dark .sf-c-txt-darkcyan\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-45)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:50\:dark, html.dark .sf-c-txt-darkcyan\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-50)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:55\:dark, html.dark .sf-c-txt-darkcyan\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-55)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:60\:dark, html.dark .sf-c-txt-darkcyan\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-60)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:65\:dark, html.dark .sf-c-txt-darkcyan\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-65)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:70\:dark, html.dark .sf-c-txt-darkcyan\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-70)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:75\:dark, html.dark .sf-c-txt-darkcyan\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-75)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:80\:dark, html.dark .sf-c-txt-darkcyan\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-80)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:85\:dark, html.dark .sf-c-txt-darkcyan\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-85)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:90\:dark, html.dark .sf-c-txt-darkcyan\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-90)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:95\:dark, html.dark .sf-c-txt-darkcyan\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-95)) } +html[data-theme='dark'] .sf-c-txt-darkcyan\:100\:dark, html.dark .sf-c-txt-darkcyan\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkcyan-100)) } + html.var[data-theme='dark'] .sf-c-darkcyan, html.var.dark .sf-c-darkcyan { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 73%) } html.var[data-theme='dark'] .sf-c-darkcyan\:0, html.var.dark .sf-c-darkcyan\:0 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkcyan\:5, html.var.dark .sf-c-darkcyan\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkcyan\:90\:dark, html.var.dark .sf-c-darkcy html.var[data-theme='dark'] .sf-c-darkcyan\:95\:dark, html.var.dark .sf-c-darkcyan\:95\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } html.var[data-theme='dark'] .sf-c-darkcyan\:100\:dark, html.var.dark .sf-c-darkcyan\:100\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan, html.dark .sf-c-txt-darkcyan { color: hsl(180, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:0, html.dark .sf-c-txt-darkcyan\:0 { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:5, html.dark .sf-c-txt-darkcyan\:5 { color: hsl(180, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:10, html.dark .sf-c-txt-darkcyan\:10 { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:15, html.dark .sf-c-txt-darkcyan\:15 { color: hsl(180, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:20, html.dark .sf-c-txt-darkcyan\:20 { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:25, html.dark .sf-c-txt-darkcyan\:25 { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:30, html.dark .sf-c-txt-darkcyan\:30 { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:35, html.dark .sf-c-txt-darkcyan\:35 { color: hsl(180, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:40, html.dark .sf-c-txt-darkcyan\:40 { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:45, html.dark .sf-c-txt-darkcyan\:45 { color: hsl(180, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:50, html.dark .sf-c-txt-darkcyan\:50 { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:55, html.dark .sf-c-txt-darkcyan\:55 { color: hsl(180, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:60, html.dark .sf-c-txt-darkcyan\:60 { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:65, html.dark .sf-c-txt-darkcyan\:65 { color: hsl(180, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:70, html.dark .sf-c-txt-darkcyan\:70 { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:75, html.dark .sf-c-txt-darkcyan\:75 { color: hsl(180, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:80, html.dark .sf-c-txt-darkcyan\:80 { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:85, html.dark .sf-c-txt-darkcyan\:85 { color: hsl(180, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:90, html.dark .sf-c-txt-darkcyan\:90 { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:95, html.dark .sf-c-txt-darkcyan\:95 { color: hsl(180, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:100, html.dark .sf-c-txt-darkcyan\:100 { color: hsl(180, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:dark, html.dark .sf-c-txt-darkcyan\:dark { color: hsl(180, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:0\:dark, html.dark .sf-c-txt-darkcyan\:0\:dark { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:5\:dark, html.dark .sf-c-txt-darkcyan\:5\:dark { color: hsl(180, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:10\:dark, html.dark .sf-c-txt-darkcyan\:10\:dark { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:15\:dark, html.dark .sf-c-txt-darkcyan\:15\:dark { color: hsl(180, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:20\:dark, html.dark .sf-c-txt-darkcyan\:20\:dark { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:25\:dark, html.dark .sf-c-txt-darkcyan\:25\:dark { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:30\:dark, html.dark .sf-c-txt-darkcyan\:30\:dark { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:35\:dark, html.dark .sf-c-txt-darkcyan\:35\:dark { color: hsl(180, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:40\:dark, html.dark .sf-c-txt-darkcyan\:40\:dark { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:45\:dark, html.dark .sf-c-txt-darkcyan\:45\:dark { color: hsl(180, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:50\:dark, html.dark .sf-c-txt-darkcyan\:50\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:55\:dark, html.dark .sf-c-txt-darkcyan\:55\:dark { color: hsl(180, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:60\:dark, html.dark .sf-c-txt-darkcyan\:60\:dark { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:65\:dark, html.dark .sf-c-txt-darkcyan\:65\:dark { color: hsl(180, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:70\:dark, html.dark .sf-c-txt-darkcyan\:70\:dark { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:75\:dark, html.dark .sf-c-txt-darkcyan\:75\:dark { color: hsl(180, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:80\:dark, html.dark .sf-c-txt-darkcyan\:80\:dark { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:85\:dark, html.dark .sf-c-txt-darkcyan\:85\:dark { color: hsl(180, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:90\:dark, html.dark .sf-c-txt-darkcyan\:90\:dark { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:95\:dark, html.dark .sf-c-txt-darkcyan\:95\:dark { color: hsl(180, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkcyan\:100\:dark, html.dark .sf-c-txt-darkcyan\:100\:dark { color: hsl(180, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkcyan, html.auto .sf-c-darkcyan { color: hsl(var(--sf-dark-c-txt-darkcyan-5)); background: hsl(var(--sf-dark-c-darkcyan)) } html[data-theme='auto'] .sf-c-darkcyan\:0, html.auto .sf-c-darkcyan\:0 { color: hsl(var(--sf-dark-c-txt-darkcyan-95)); background: hsl(var(--sf-dark-c-darkcyan-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkcyan\:100\:dark, html.var.dark .sf-c-darkc html[data-theme='auto'] .sf-c-darkcyan\:95\:dark, html.auto .sf-c-darkcyan\:95\:dark { color: hsl(var(--sf-c-txt-darkcyan-95)); background: hsl(var(--sf-c-darkcyan-5)) } html[data-theme='auto'] .sf-c-darkcyan\:100\:dark, html.auto .sf-c-darkcyan\:100\:dark { color: hsl(var(--sf-c-txt-darkcyan-95)); background: hsl(var(--sf-c-darkcyan-0)) } + html[data-theme='auto'] .sf-c-txt-darkcyan, html.auto .sf-c-txt-darkcyan { color: hsl(var(--sf-c-txt-darkcyan)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:0, html.auto .sf-c-txt-darkcyan\:0 { color: hsl(var(--sf-c-txt-darkcyan-0)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:5, html.auto .sf-c-txt-darkcyan\:5 { color: hsl(var(--sf-c-txt-darkcyan-5)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:10, html.auto .sf-c-txt-darkcyan\:10 { color: hsl(var(--sf-c-txt-darkcyan-10)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:15, html.auto .sf-c-txt-darkcyan\:15 { color: hsl(var(--sf-c-txt-darkcyan-15)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:20, html.auto .sf-c-txt-darkcyan\:20 { color: hsl(var(--sf-c-txt-darkcyan-20)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:25, html.auto .sf-c-txt-darkcyan\:25 { color: hsl(var(--sf-c-txt-darkcyan-25)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:30, html.auto .sf-c-txt-darkcyan\:30 { color: hsl(var(--sf-c-txt-darkcyan-30)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:35, html.auto .sf-c-txt-darkcyan\:35 { color: hsl(var(--sf-c-txt-darkcyan-35)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:40, html.auto .sf-c-txt-darkcyan\:40 { color: hsl(var(--sf-c-txt-darkcyan-40)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:45, html.auto .sf-c-txt-darkcyan\:45 { color: hsl(var(--sf-c-txt-darkcyan-45)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:50, html.auto .sf-c-txt-darkcyan\:50 { color: hsl(var(--sf-c-txt-darkcyan-50)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:55, html.auto .sf-c-txt-darkcyan\:55 { color: hsl(var(--sf-c-txt-darkcyan-55)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:60, html.auto .sf-c-txt-darkcyan\:60 { color: hsl(var(--sf-c-txt-darkcyan-60)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:65, html.auto .sf-c-txt-darkcyan\:65 { color: hsl(var(--sf-c-txt-darkcyan-65)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:70, html.auto .sf-c-txt-darkcyan\:70 { color: hsl(var(--sf-c-txt-darkcyan-70)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:75, html.auto .sf-c-txt-darkcyan\:75 { color: hsl(var(--sf-c-txt-darkcyan-75)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:80, html.auto .sf-c-txt-darkcyan\:80 { color: hsl(var(--sf-c-txt-darkcyan-80)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:85, html.auto .sf-c-txt-darkcyan\:85 { color: hsl(var(--sf-c-txt-darkcyan-85)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:90, html.auto .sf-c-txt-darkcyan\:90 { color: hsl(var(--sf-c-txt-darkcyan-90)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:95, html.auto .sf-c-txt-darkcyan\:95 { color: hsl(var(--sf-c-txt-darkcyan-95)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:100, html.auto .sf-c-txt-darkcyan\:100 { color: hsl(var(--sf-c-txt-darkcyan-100)) } + + html[data-theme='auto'] .sf-c-txt-darkcyan\:dark, html.auto .sf-c-txt-darkcyan\:dark { color: hsl(var(--sf-c-txt-darkcyan)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:0\:dark, html.auto .sf-c-txt-darkcyan\:0\:dark { color: hsl(var(--sf-c-txt-darkcyan-0)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:5\:dark, html.auto .sf-c-txt-darkcyan\:5\:dark { color: hsl(var(--sf-c-txt-darkcyan-5)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:10\:dark, html.auto .sf-c-txt-darkcyan\:10\:dark { color: hsl(var(--sf-c-txt-darkcyan-10)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:15\:dark, html.auto .sf-c-txt-darkcyan\:15\:dark { color: hsl(var(--sf-c-txt-darkcyan-15)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:20\:dark, html.auto .sf-c-txt-darkcyan\:20\:dark { color: hsl(var(--sf-c-txt-darkcyan-20)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:25\:dark, html.auto .sf-c-txt-darkcyan\:25\:dark { color: hsl(var(--sf-c-txt-darkcyan-25)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:30\:dark, html.auto .sf-c-txt-darkcyan\:30\:dark { color: hsl(var(--sf-c-txt-darkcyan-30)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:35\:dark, html.auto .sf-c-txt-darkcyan\:35\:dark { color: hsl(var(--sf-c-txt-darkcyan-35)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:40\:dark, html.auto .sf-c-txt-darkcyan\:40\:dark { color: hsl(var(--sf-c-txt-darkcyan-40)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:45\:dark, html.auto .sf-c-txt-darkcyan\:45\:dark { color: hsl(var(--sf-c-txt-darkcyan-45)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:50\:dark, html.auto .sf-c-txt-darkcyan\:50\:dark { color: hsl(var(--sf-c-txt-darkcyan-50)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:55\:dark, html.auto .sf-c-txt-darkcyan\:55\:dark { color: hsl(var(--sf-c-txt-darkcyan-55)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:60\:dark, html.auto .sf-c-txt-darkcyan\:60\:dark { color: hsl(var(--sf-c-txt-darkcyan-60)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:65\:dark, html.auto .sf-c-txt-darkcyan\:65\:dark { color: hsl(var(--sf-c-txt-darkcyan-65)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:70\:dark, html.auto .sf-c-txt-darkcyan\:70\:dark { color: hsl(var(--sf-c-txt-darkcyan-70)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:75\:dark, html.auto .sf-c-txt-darkcyan\:75\:dark { color: hsl(var(--sf-c-txt-darkcyan-75)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:80\:dark, html.auto .sf-c-txt-darkcyan\:80\:dark { color: hsl(var(--sf-c-txt-darkcyan-80)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:85\:dark, html.auto .sf-c-txt-darkcyan\:85\:dark { color: hsl(var(--sf-c-txt-darkcyan-85)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:90\:dark, html.auto .sf-c-txt-darkcyan\:90\:dark { color: hsl(var(--sf-c-txt-darkcyan-90)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:95\:dark, html.auto .sf-c-txt-darkcyan\:95\:dark { color: hsl(var(--sf-c-txt-darkcyan-95)) } + html[data-theme='auto'] .sf-c-txt-darkcyan\:100\:dark, html.auto .sf-c-txt-darkcyan\:100\:dark { color: hsl(var(--sf-c-txt-darkcyan-100)) } + html.var[data-theme='auto'] .sf-c-darkcyan, html.var.auto .sf-c-darkcyan { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 73%) } html.var[data-theme='auto'] .sf-c-darkcyan\:0, html.var.auto .sf-c-darkcyan\:0 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkcyan\:5, html.var.auto .sf-c-darkcyan\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkcyan\:100\:dark, html.var.dark .sf-c-darkc html.var[data-theme='auto'] .sf-c-darkcyan\:90\:dark, html.var.auto .sf-c-darkcyan\:90\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkcyan\:95\:dark, html.var.auto .sf-c-darkcyan\:95\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } html.var[data-theme='auto'] .sf-c-darkcyan\:100\:dark, html.var.auto .sf-c-darkcyan\:100\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -} -.sf-c-txt-darkcyan { color: hsl(var(--sf-c-txt-darkcyan)) } -.sf-c-txt-darkcyan\:0 { color: hsl(var(--sf-c-txt-darkcyan-0)) } -.sf-c-txt-darkcyan\:5 { color: hsl(var(--sf-c-txt-darkcyan-5)) } -.sf-c-txt-darkcyan\:10 { color: hsl(var(--sf-c-txt-darkcyan-10)) } -.sf-c-txt-darkcyan\:15 { color: hsl(var(--sf-c-txt-darkcyan-15)) } -.sf-c-txt-darkcyan\:20 { color: hsl(var(--sf-c-txt-darkcyan-20)) } -.sf-c-txt-darkcyan\:25 { color: hsl(var(--sf-c-txt-darkcyan-25)) } -.sf-c-txt-darkcyan\:30 { color: hsl(var(--sf-c-txt-darkcyan-30)) } -.sf-c-txt-darkcyan\:35 { color: hsl(var(--sf-c-txt-darkcyan-35)) } -.sf-c-txt-darkcyan\:40 { color: hsl(var(--sf-c-txt-darkcyan-40)) } -.sf-c-txt-darkcyan\:45 { color: hsl(var(--sf-c-txt-darkcyan-45)) } -.sf-c-txt-darkcyan\:50 { color: hsl(var(--sf-c-txt-darkcyan-50)) } -.sf-c-txt-darkcyan\:55 { color: hsl(var(--sf-c-txt-darkcyan-55)) } -.sf-c-txt-darkcyan\:60 { color: hsl(var(--sf-c-txt-darkcyan-60)) } -.sf-c-txt-darkcyan\:65 { color: hsl(var(--sf-c-txt-darkcyan-65)) } -.sf-c-txt-darkcyan\:70 { color: hsl(var(--sf-c-txt-darkcyan-70)) } -.sf-c-txt-darkcyan\:75 { color: hsl(var(--sf-c-txt-darkcyan-75)) } -.sf-c-txt-darkcyan\:80 { color: hsl(var(--sf-c-txt-darkcyan-80)) } -.sf-c-txt-darkcyan\:85 { color: hsl(var(--sf-c-txt-darkcyan-85)) } -.sf-c-txt-darkcyan\:90 { color: hsl(var(--sf-c-txt-darkcyan-90)) } -.sf-c-txt-darkcyan\:95 { color: hsl(var(--sf-c-txt-darkcyan-95)) } -.sf-c-txt-darkcyan\:100 { color: hsl(var(--sf-c-txt-darkcyan-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkcyan, html.auto .sf-c-txt-darkcyan { color: hsl(180, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:0, html.auto .sf-c-txt-darkcyan\:0 { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:5, html.auto .sf-c-txt-darkcyan\:5 { color: hsl(180, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:10, html.auto .sf-c-txt-darkcyan\:10 { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:15, html.auto .sf-c-txt-darkcyan\:15 { color: hsl(180, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:20, html.auto .sf-c-txt-darkcyan\:20 { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:25, html.auto .sf-c-txt-darkcyan\:25 { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:30, html.auto .sf-c-txt-darkcyan\:30 { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:35, html.auto .sf-c-txt-darkcyan\:35 { color: hsl(180, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:40, html.auto .sf-c-txt-darkcyan\:40 { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:45, html.auto .sf-c-txt-darkcyan\:45 { color: hsl(180, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:50, html.auto .sf-c-txt-darkcyan\:50 { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:55, html.auto .sf-c-txt-darkcyan\:55 { color: hsl(180, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:60, html.auto .sf-c-txt-darkcyan\:60 { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:65, html.auto .sf-c-txt-darkcyan\:65 { color: hsl(180, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:70, html.auto .sf-c-txt-darkcyan\:70 { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:75, html.auto .sf-c-txt-darkcyan\:75 { color: hsl(180, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:80, html.auto .sf-c-txt-darkcyan\:80 { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:85, html.auto .sf-c-txt-darkcyan\:85 { color: hsl(180, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:90, html.auto .sf-c-txt-darkcyan\:90 { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:95, html.auto .sf-c-txt-darkcyan\:95 { color: hsl(180, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:100, html.auto .sf-c-txt-darkcyan\:100 { color: hsl(180, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:dark, html.auto .sf-c-txt-darkcyan\:dark { color: hsl(180, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:0\:dark, html.auto .sf-c-txt-darkcyan\:0\:dark { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:5\:dark, html.auto .sf-c-txt-darkcyan\:5\:dark { color: hsl(180, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:10\:dark, html.auto .sf-c-txt-darkcyan\:10\:dark { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:15\:dark, html.auto .sf-c-txt-darkcyan\:15\:dark { color: hsl(180, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:20\:dark, html.auto .sf-c-txt-darkcyan\:20\:dark { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:25\:dark, html.auto .sf-c-txt-darkcyan\:25\:dark { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:30\:dark, html.auto .sf-c-txt-darkcyan\:30\:dark { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:35\:dark, html.auto .sf-c-txt-darkcyan\:35\:dark { color: hsl(180, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:40\:dark, html.auto .sf-c-txt-darkcyan\:40\:dark { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:45\:dark, html.auto .sf-c-txt-darkcyan\:45\:dark { color: hsl(180, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:50\:dark, html.auto .sf-c-txt-darkcyan\:50\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:55\:dark, html.auto .sf-c-txt-darkcyan\:55\:dark { color: hsl(180, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:60\:dark, html.auto .sf-c-txt-darkcyan\:60\:dark { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:65\:dark, html.auto .sf-c-txt-darkcyan\:65\:dark { color: hsl(180, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:70\:dark, html.auto .sf-c-txt-darkcyan\:70\:dark { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:75\:dark, html.auto .sf-c-txt-darkcyan\:75\:dark { color: hsl(180, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:80\:dark, html.auto .sf-c-txt-darkcyan\:80\:dark { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:85\:dark, html.auto .sf-c-txt-darkcyan\:85\:dark { color: hsl(180, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:90\:dark, html.auto .sf-c-txt-darkcyan\:90\:dark { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:95\:dark, html.auto .sf-c-txt-darkcyan\:95\:dark { color: hsl(180, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkcyan\:100\:dark, html.auto .sf-c-txt-darkcyan\:100\:dark { color: hsl(180, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkgoldenrod.css b/src/colors/20/darkgoldenrod.css index 0108783..8384855 100644 --- a/src/colors/20/darkgoldenrod.css +++ b/src/colors/20/darkgoldenrod.css @@ -138,6 +138,52 @@ html.var .sf-c-darkgoldenrod\:90 { color: hsl(43, 89%, 5%); background: hsl(43, html.var .sf-c-darkgoldenrod\:95 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 95%) } html.var .sf-c-darkgoldenrod\:100 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 100%) } +.sf-c-txt-darkgoldenrod { color: hsl(var(--sf-dark-c-txt-darkgoldenrod)) } +.sf-c-txt-darkgoldenrod\:0 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-100)) } +.sf-c-txt-darkgoldenrod\:5 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-95)) } +.sf-c-txt-darkgoldenrod\:10 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-90)) } +.sf-c-txt-darkgoldenrod\:15 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-85)) } +.sf-c-txt-darkgoldenrod\:20 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-80)) } +.sf-c-txt-darkgoldenrod\:25 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-75)) } +.sf-c-txt-darkgoldenrod\:30 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-70)) } +.sf-c-txt-darkgoldenrod\:35 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-65)) } +.sf-c-txt-darkgoldenrod\:40 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-60)) } +.sf-c-txt-darkgoldenrod\:45 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-55)) } +.sf-c-txt-darkgoldenrod\:50 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-50)) } +.sf-c-txt-darkgoldenrod\:55 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-45)) } +.sf-c-txt-darkgoldenrod\:60 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-40)) } +.sf-c-txt-darkgoldenrod\:65 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-35)) } +.sf-c-txt-darkgoldenrod\:70 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-30)) } +.sf-c-txt-darkgoldenrod\:75 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-25)) } +.sf-c-txt-darkgoldenrod\:80 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-20)) } +.sf-c-txt-darkgoldenrod\:85 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-15)) } +.sf-c-txt-darkgoldenrod\:90 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-10)) } +.sf-c-txt-darkgoldenrod\:95 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-5)) } +.sf-c-txt-darkgoldenrod\:100 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-0)) } + +html.var .sf-c-txt-darkgoldenrod { color: hsl(43, 89%, 62%) } +html.var .sf-c-txt-darkgoldenrod\:0 { color: hsl(43, 89%, 100%) } +html.var .sf-c-txt-darkgoldenrod\:5 { color: hsl(43, 89%, 95%) } +html.var .sf-c-txt-darkgoldenrod\:10 { color: hsl(43, 89%, 90%) } +html.var .sf-c-txt-darkgoldenrod\:15 { color: hsl(43, 89%, 85%) } +html.var .sf-c-txt-darkgoldenrod\:20 { color: hsl(43, 89%, 80%) } +html.var .sf-c-txt-darkgoldenrod\:25 { color: hsl(43, 89%, 75%) } +html.var .sf-c-txt-darkgoldenrod\:30 { color: hsl(43, 89%, 70%) } +html.var .sf-c-txt-darkgoldenrod\:35 { color: hsl(43, 89%, 65%) } +html.var .sf-c-txt-darkgoldenrod\:40 { color: hsl(43, 89%, 60%) } +html.var .sf-c-txt-darkgoldenrod\:45 { color: hsl(43, 89%, 55%) } +html.var .sf-c-txt-darkgoldenrod\:50 { color: hsl(43, 89%, 50%) } +html.var .sf-c-txt-darkgoldenrod\:55 { color: hsl(43, 89%, 45%) } +html.var .sf-c-txt-darkgoldenrod\:60 { color: hsl(43, 89%, 40%) } +html.var .sf-c-txt-darkgoldenrod\:65 { color: hsl(43, 89%, 35%) } +html.var .sf-c-txt-darkgoldenrod\:70 { color: hsl(43, 89%, 30%) } +html.var .sf-c-txt-darkgoldenrod\:75 { color: hsl(43, 89%, 25%) } +html.var .sf-c-txt-darkgoldenrod\:80 { color: hsl(43, 89%, 20%) } +html.var .sf-c-txt-darkgoldenrod\:85 { color: hsl(43, 89%, 15%) } +html.var .sf-c-txt-darkgoldenrod\:90 { color: hsl(43, 89%, 10%) } +html.var .sf-c-txt-darkgoldenrod\:95 { color: hsl(43, 89%, 5%) } +html.var .sf-c-txt-darkgoldenrod\:100 { color: hsl(43, 89%, 0%) } + html[data-theme='dark'] .sf-c-darkgoldenrod, html.dark .sf-c-darkgoldenrod { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-5)); background: hsl(var(--sf-dark-c-darkgoldenrod)) } html[data-theme='dark'] .sf-c-darkgoldenrod\:0, html.dark .sf-c-darkgoldenrod\:0 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-95)); background: hsl(var(--sf-dark-c-darkgoldenrod-100)) } html[data-theme='dark'] .sf-c-darkgoldenrod\:5, html.dark .sf-c-darkgoldenrod\:5 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-5)); background: hsl(var(--sf-dark-c-darkgoldenrod-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkgoldenrod\:90\:dark, html.dark .sf-c-darkgolde html[data-theme='dark'] .sf-c-darkgoldenrod\:95\:dark, html.dark .sf-c-darkgoldenrod\:95\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-95)); background: hsl(var(--sf-c-darkgoldenrod-5)) } html[data-theme='dark'] .sf-c-darkgoldenrod\:100\:dark, html.dark .sf-c-darkgoldenrod\:100\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-95)); background: hsl(var(--sf-c-darkgoldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod, html.dark .sf-c-txt-darkgoldenrod { color: hsl(var(--sf-c-txt-darkgoldenrod)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:0, html.dark .sf-c-txt-darkgoldenrod\:0 { color: hsl(var(--sf-c-txt-darkgoldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:5, html.dark .sf-c-txt-darkgoldenrod\:5 { color: hsl(var(--sf-c-txt-darkgoldenrod-5)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:10, html.dark .sf-c-txt-darkgoldenrod\:10 { color: hsl(var(--sf-c-txt-darkgoldenrod-10)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:15, html.dark .sf-c-txt-darkgoldenrod\:15 { color: hsl(var(--sf-c-txt-darkgoldenrod-15)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:20, html.dark .sf-c-txt-darkgoldenrod\:20 { color: hsl(var(--sf-c-txt-darkgoldenrod-20)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:25, html.dark .sf-c-txt-darkgoldenrod\:25 { color: hsl(var(--sf-c-txt-darkgoldenrod-25)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:30, html.dark .sf-c-txt-darkgoldenrod\:30 { color: hsl(var(--sf-c-txt-darkgoldenrod-30)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:35, html.dark .sf-c-txt-darkgoldenrod\:35 { color: hsl(var(--sf-c-txt-darkgoldenrod-35)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:40, html.dark .sf-c-txt-darkgoldenrod\:40 { color: hsl(var(--sf-c-txt-darkgoldenrod-40)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:45, html.dark .sf-c-txt-darkgoldenrod\:45 { color: hsl(var(--sf-c-txt-darkgoldenrod-45)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:50, html.dark .sf-c-txt-darkgoldenrod\:50 { color: hsl(var(--sf-c-txt-darkgoldenrod-50)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:55, html.dark .sf-c-txt-darkgoldenrod\:55 { color: hsl(var(--sf-c-txt-darkgoldenrod-55)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:60, html.dark .sf-c-txt-darkgoldenrod\:60 { color: hsl(var(--sf-c-txt-darkgoldenrod-60)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:65, html.dark .sf-c-txt-darkgoldenrod\:65 { color: hsl(var(--sf-c-txt-darkgoldenrod-65)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:70, html.dark .sf-c-txt-darkgoldenrod\:70 { color: hsl(var(--sf-c-txt-darkgoldenrod-70)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:75, html.dark .sf-c-txt-darkgoldenrod\:75 { color: hsl(var(--sf-c-txt-darkgoldenrod-75)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:80, html.dark .sf-c-txt-darkgoldenrod\:80 { color: hsl(var(--sf-c-txt-darkgoldenrod-80)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:85, html.dark .sf-c-txt-darkgoldenrod\:85 { color: hsl(var(--sf-c-txt-darkgoldenrod-85)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:90, html.dark .sf-c-txt-darkgoldenrod\:90 { color: hsl(var(--sf-c-txt-darkgoldenrod-90)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:95, html.dark .sf-c-txt-darkgoldenrod\:95 { color: hsl(var(--sf-c-txt-darkgoldenrod-95)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:100, html.dark .sf-c-txt-darkgoldenrod\:100 { color: hsl(var(--sf-c-txt-darkgoldenrod-100)) } + +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:dark, html.dark .sf-c-txt-darkgoldenrod\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:0\:dark, html.dark .sf-c-txt-darkgoldenrod\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:5\:dark, html.dark .sf-c-txt-darkgoldenrod\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-5)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:10\:dark, html.dark .sf-c-txt-darkgoldenrod\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-10)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:15\:dark, html.dark .sf-c-txt-darkgoldenrod\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-15)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:20\:dark, html.dark .sf-c-txt-darkgoldenrod\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-20)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:25\:dark, html.dark .sf-c-txt-darkgoldenrod\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-25)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:30\:dark, html.dark .sf-c-txt-darkgoldenrod\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-30)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:35\:dark, html.dark .sf-c-txt-darkgoldenrod\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-35)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:40\:dark, html.dark .sf-c-txt-darkgoldenrod\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-40)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:45\:dark, html.dark .sf-c-txt-darkgoldenrod\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-45)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:50\:dark, html.dark .sf-c-txt-darkgoldenrod\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-50)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:55\:dark, html.dark .sf-c-txt-darkgoldenrod\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-55)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:60\:dark, html.dark .sf-c-txt-darkgoldenrod\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-60)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:65\:dark, html.dark .sf-c-txt-darkgoldenrod\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-65)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:70\:dark, html.dark .sf-c-txt-darkgoldenrod\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-70)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:75\:dark, html.dark .sf-c-txt-darkgoldenrod\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-75)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:80\:dark, html.dark .sf-c-txt-darkgoldenrod\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-80)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:85\:dark, html.dark .sf-c-txt-darkgoldenrod\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-85)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:90\:dark, html.dark .sf-c-txt-darkgoldenrod\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-90)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:95\:dark, html.dark .sf-c-txt-darkgoldenrod\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-95)) } +html[data-theme='dark'] .sf-c-txt-darkgoldenrod\:100\:dark, html.dark .sf-c-txt-darkgoldenrod\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-100)) } + html.var[data-theme='dark'] .sf-c-darkgoldenrod, html.var.dark .sf-c-darkgoldenrod { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 62%) } html.var[data-theme='dark'] .sf-c-darkgoldenrod\:0, html.var.dark .sf-c-darkgoldenrod\:0 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 100%) } html.var[data-theme='dark'] .sf-c-darkgoldenrod\:5, html.var.dark .sf-c-darkgoldenrod\:5 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkgoldenrod\:90\:dark, html.var.dark .sf-c-d html.var[data-theme='dark'] .sf-c-darkgoldenrod\:95\:dark, html.var.dark .sf-c-darkgoldenrod\:95\:dark { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 5%) } html.var[data-theme='dark'] .sf-c-darkgoldenrod\:100\:dark, html.var.dark .sf-c-darkgoldenrod\:100\:dark { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod, html.dark .sf-c-txt-darkgoldenrod { color: hsl(43, 89%, 38%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:0, html.dark .sf-c-txt-darkgoldenrod\:0 { color: hsl(43, 89%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:5, html.dark .sf-c-txt-darkgoldenrod\:5 { color: hsl(43, 89%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:10, html.dark .sf-c-txt-darkgoldenrod\:10 { color: hsl(43, 89%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:15, html.dark .sf-c-txt-darkgoldenrod\:15 { color: hsl(43, 89%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:20, html.dark .sf-c-txt-darkgoldenrod\:20 { color: hsl(43, 89%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:25, html.dark .sf-c-txt-darkgoldenrod\:25 { color: hsl(43, 89%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:30, html.dark .sf-c-txt-darkgoldenrod\:30 { color: hsl(43, 89%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:35, html.dark .sf-c-txt-darkgoldenrod\:35 { color: hsl(43, 89%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:40, html.dark .sf-c-txt-darkgoldenrod\:40 { color: hsl(43, 89%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:45, html.dark .sf-c-txt-darkgoldenrod\:45 { color: hsl(43, 89%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:50, html.dark .sf-c-txt-darkgoldenrod\:50 { color: hsl(43, 89%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:55, html.dark .sf-c-txt-darkgoldenrod\:55 { color: hsl(43, 89%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:60, html.dark .sf-c-txt-darkgoldenrod\:60 { color: hsl(43, 89%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:65, html.dark .sf-c-txt-darkgoldenrod\:65 { color: hsl(43, 89%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:70, html.dark .sf-c-txt-darkgoldenrod\:70 { color: hsl(43, 89%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:75, html.dark .sf-c-txt-darkgoldenrod\:75 { color: hsl(43, 89%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:80, html.dark .sf-c-txt-darkgoldenrod\:80 { color: hsl(43, 89%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:85, html.dark .sf-c-txt-darkgoldenrod\:85 { color: hsl(43, 89%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:90, html.dark .sf-c-txt-darkgoldenrod\:90 { color: hsl(43, 89%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:95, html.dark .sf-c-txt-darkgoldenrod\:95 { color: hsl(43, 89%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:100, html.dark .sf-c-txt-darkgoldenrod\:100 { color: hsl(43, 89%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:dark, html.dark .sf-c-txt-darkgoldenrod\:dark { color: hsl(43, 89%, 38%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:0\:dark, html.dark .sf-c-txt-darkgoldenrod\:0\:dark { color: hsl(43, 89%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:5\:dark, html.dark .sf-c-txt-darkgoldenrod\:5\:dark { color: hsl(43, 89%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:10\:dark, html.dark .sf-c-txt-darkgoldenrod\:10\:dark { color: hsl(43, 89%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:15\:dark, html.dark .sf-c-txt-darkgoldenrod\:15\:dark { color: hsl(43, 89%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:20\:dark, html.dark .sf-c-txt-darkgoldenrod\:20\:dark { color: hsl(43, 89%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:25\:dark, html.dark .sf-c-txt-darkgoldenrod\:25\:dark { color: hsl(43, 89%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:30\:dark, html.dark .sf-c-txt-darkgoldenrod\:30\:dark { color: hsl(43, 89%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:35\:dark, html.dark .sf-c-txt-darkgoldenrod\:35\:dark { color: hsl(43, 89%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:40\:dark, html.dark .sf-c-txt-darkgoldenrod\:40\:dark { color: hsl(43, 89%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:45\:dark, html.dark .sf-c-txt-darkgoldenrod\:45\:dark { color: hsl(43, 89%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:50\:dark, html.dark .sf-c-txt-darkgoldenrod\:50\:dark { color: hsl(43, 89%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:55\:dark, html.dark .sf-c-txt-darkgoldenrod\:55\:dark { color: hsl(43, 89%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:60\:dark, html.dark .sf-c-txt-darkgoldenrod\:60\:dark { color: hsl(43, 89%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:65\:dark, html.dark .sf-c-txt-darkgoldenrod\:65\:dark { color: hsl(43, 89%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:70\:dark, html.dark .sf-c-txt-darkgoldenrod\:70\:dark { color: hsl(43, 89%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:75\:dark, html.dark .sf-c-txt-darkgoldenrod\:75\:dark { color: hsl(43, 89%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:80\:dark, html.dark .sf-c-txt-darkgoldenrod\:80\:dark { color: hsl(43, 89%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:85\:dark, html.dark .sf-c-txt-darkgoldenrod\:85\:dark { color: hsl(43, 89%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:90\:dark, html.dark .sf-c-txt-darkgoldenrod\:90\:dark { color: hsl(43, 89%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:95\:dark, html.dark .sf-c-txt-darkgoldenrod\:95\:dark { color: hsl(43, 89%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkgoldenrod\:100\:dark, html.dark .sf-c-txt-darkgoldenrod\:100\:dark { color: hsl(43, 89%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkgoldenrod, html.auto .sf-c-darkgoldenrod { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-5)); background: hsl(var(--sf-dark-c-darkgoldenrod)) } html[data-theme='auto'] .sf-c-darkgoldenrod\:0, html.auto .sf-c-darkgoldenrod\:0 { color: hsl(var(--sf-dark-c-txt-darkgoldenrod-95)); background: hsl(var(--sf-dark-c-darkgoldenrod-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkgoldenrod\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-darkgoldenrod\:95\:dark, html.auto .sf-c-darkgoldenrod\:95\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-95)); background: hsl(var(--sf-c-darkgoldenrod-5)) } html[data-theme='auto'] .sf-c-darkgoldenrod\:100\:dark, html.auto .sf-c-darkgoldenrod\:100\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-95)); background: hsl(var(--sf-c-darkgoldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod, html.auto .sf-c-txt-darkgoldenrod { color: hsl(var(--sf-c-txt-darkgoldenrod)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:0, html.auto .sf-c-txt-darkgoldenrod\:0 { color: hsl(var(--sf-c-txt-darkgoldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:5, html.auto .sf-c-txt-darkgoldenrod\:5 { color: hsl(var(--sf-c-txt-darkgoldenrod-5)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:10, html.auto .sf-c-txt-darkgoldenrod\:10 { color: hsl(var(--sf-c-txt-darkgoldenrod-10)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:15, html.auto .sf-c-txt-darkgoldenrod\:15 { color: hsl(var(--sf-c-txt-darkgoldenrod-15)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:20, html.auto .sf-c-txt-darkgoldenrod\:20 { color: hsl(var(--sf-c-txt-darkgoldenrod-20)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:25, html.auto .sf-c-txt-darkgoldenrod\:25 { color: hsl(var(--sf-c-txt-darkgoldenrod-25)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:30, html.auto .sf-c-txt-darkgoldenrod\:30 { color: hsl(var(--sf-c-txt-darkgoldenrod-30)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:35, html.auto .sf-c-txt-darkgoldenrod\:35 { color: hsl(var(--sf-c-txt-darkgoldenrod-35)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:40, html.auto .sf-c-txt-darkgoldenrod\:40 { color: hsl(var(--sf-c-txt-darkgoldenrod-40)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:45, html.auto .sf-c-txt-darkgoldenrod\:45 { color: hsl(var(--sf-c-txt-darkgoldenrod-45)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:50, html.auto .sf-c-txt-darkgoldenrod\:50 { color: hsl(var(--sf-c-txt-darkgoldenrod-50)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:55, html.auto .sf-c-txt-darkgoldenrod\:55 { color: hsl(var(--sf-c-txt-darkgoldenrod-55)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:60, html.auto .sf-c-txt-darkgoldenrod\:60 { color: hsl(var(--sf-c-txt-darkgoldenrod-60)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:65, html.auto .sf-c-txt-darkgoldenrod\:65 { color: hsl(var(--sf-c-txt-darkgoldenrod-65)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:70, html.auto .sf-c-txt-darkgoldenrod\:70 { color: hsl(var(--sf-c-txt-darkgoldenrod-70)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:75, html.auto .sf-c-txt-darkgoldenrod\:75 { color: hsl(var(--sf-c-txt-darkgoldenrod-75)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:80, html.auto .sf-c-txt-darkgoldenrod\:80 { color: hsl(var(--sf-c-txt-darkgoldenrod-80)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:85, html.auto .sf-c-txt-darkgoldenrod\:85 { color: hsl(var(--sf-c-txt-darkgoldenrod-85)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:90, html.auto .sf-c-txt-darkgoldenrod\:90 { color: hsl(var(--sf-c-txt-darkgoldenrod-90)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:95, html.auto .sf-c-txt-darkgoldenrod\:95 { color: hsl(var(--sf-c-txt-darkgoldenrod-95)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:100, html.auto .sf-c-txt-darkgoldenrod\:100 { color: hsl(var(--sf-c-txt-darkgoldenrod-100)) } + + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:dark, html.auto .sf-c-txt-darkgoldenrod\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:0\:dark, html.auto .sf-c-txt-darkgoldenrod\:0\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:5\:dark, html.auto .sf-c-txt-darkgoldenrod\:5\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-5)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:10\:dark, html.auto .sf-c-txt-darkgoldenrod\:10\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-10)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:15\:dark, html.auto .sf-c-txt-darkgoldenrod\:15\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-15)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:20\:dark, html.auto .sf-c-txt-darkgoldenrod\:20\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-20)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:25\:dark, html.auto .sf-c-txt-darkgoldenrod\:25\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-25)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:30\:dark, html.auto .sf-c-txt-darkgoldenrod\:30\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-30)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:35\:dark, html.auto .sf-c-txt-darkgoldenrod\:35\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-35)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:40\:dark, html.auto .sf-c-txt-darkgoldenrod\:40\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-40)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:45\:dark, html.auto .sf-c-txt-darkgoldenrod\:45\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-45)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:50\:dark, html.auto .sf-c-txt-darkgoldenrod\:50\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-50)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:55\:dark, html.auto .sf-c-txt-darkgoldenrod\:55\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-55)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:60\:dark, html.auto .sf-c-txt-darkgoldenrod\:60\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-60)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:65\:dark, html.auto .sf-c-txt-darkgoldenrod\:65\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-65)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:70\:dark, html.auto .sf-c-txt-darkgoldenrod\:70\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-70)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:75\:dark, html.auto .sf-c-txt-darkgoldenrod\:75\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-75)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:80\:dark, html.auto .sf-c-txt-darkgoldenrod\:80\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-80)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:85\:dark, html.auto .sf-c-txt-darkgoldenrod\:85\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-85)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:90\:dark, html.auto .sf-c-txt-darkgoldenrod\:90\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-90)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:95\:dark, html.auto .sf-c-txt-darkgoldenrod\:95\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-95)) } + html[data-theme='auto'] .sf-c-txt-darkgoldenrod\:100\:dark, html.auto .sf-c-txt-darkgoldenrod\:100\:dark { color: hsl(var(--sf-c-txt-darkgoldenrod-100)) } + html.var[data-theme='auto'] .sf-c-darkgoldenrod, html.var.auto .sf-c-darkgoldenrod { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 62%) } html.var[data-theme='auto'] .sf-c-darkgoldenrod\:0, html.var.auto .sf-c-darkgoldenrod\:0 { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 100%) } html.var[data-theme='auto'] .sf-c-darkgoldenrod\:5, html.var.auto .sf-c-darkgoldenrod\:5 { color: hsl(43, 89%, 5%); background: hsl(43, 89%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkgoldenrod\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-darkgoldenrod\:90\:dark, html.var.auto .sf-c-darkgoldenrod\:90\:dark { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 10%) } html.var[data-theme='auto'] .sf-c-darkgoldenrod\:95\:dark, html.var.auto .sf-c-darkgoldenrod\:95\:dark { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 5%) } html.var[data-theme='auto'] .sf-c-darkgoldenrod\:100\:dark, html.var.auto .sf-c-darkgoldenrod\:100\:dark { color: hsl(43, 89%, 95%); background: hsl(43, 89%, 0%) } -} -.sf-c-txt-darkgoldenrod { color: hsl(var(--sf-c-txt-darkgoldenrod)) } -.sf-c-txt-darkgoldenrod\:0 { color: hsl(var(--sf-c-txt-darkgoldenrod-0)) } -.sf-c-txt-darkgoldenrod\:5 { color: hsl(var(--sf-c-txt-darkgoldenrod-5)) } -.sf-c-txt-darkgoldenrod\:10 { color: hsl(var(--sf-c-txt-darkgoldenrod-10)) } -.sf-c-txt-darkgoldenrod\:15 { color: hsl(var(--sf-c-txt-darkgoldenrod-15)) } -.sf-c-txt-darkgoldenrod\:20 { color: hsl(var(--sf-c-txt-darkgoldenrod-20)) } -.sf-c-txt-darkgoldenrod\:25 { color: hsl(var(--sf-c-txt-darkgoldenrod-25)) } -.sf-c-txt-darkgoldenrod\:30 { color: hsl(var(--sf-c-txt-darkgoldenrod-30)) } -.sf-c-txt-darkgoldenrod\:35 { color: hsl(var(--sf-c-txt-darkgoldenrod-35)) } -.sf-c-txt-darkgoldenrod\:40 { color: hsl(var(--sf-c-txt-darkgoldenrod-40)) } -.sf-c-txt-darkgoldenrod\:45 { color: hsl(var(--sf-c-txt-darkgoldenrod-45)) } -.sf-c-txt-darkgoldenrod\:50 { color: hsl(var(--sf-c-txt-darkgoldenrod-50)) } -.sf-c-txt-darkgoldenrod\:55 { color: hsl(var(--sf-c-txt-darkgoldenrod-55)) } -.sf-c-txt-darkgoldenrod\:60 { color: hsl(var(--sf-c-txt-darkgoldenrod-60)) } -.sf-c-txt-darkgoldenrod\:65 { color: hsl(var(--sf-c-txt-darkgoldenrod-65)) } -.sf-c-txt-darkgoldenrod\:70 { color: hsl(var(--sf-c-txt-darkgoldenrod-70)) } -.sf-c-txt-darkgoldenrod\:75 { color: hsl(var(--sf-c-txt-darkgoldenrod-75)) } -.sf-c-txt-darkgoldenrod\:80 { color: hsl(var(--sf-c-txt-darkgoldenrod-80)) } -.sf-c-txt-darkgoldenrod\:85 { color: hsl(var(--sf-c-txt-darkgoldenrod-85)) } -.sf-c-txt-darkgoldenrod\:90 { color: hsl(var(--sf-c-txt-darkgoldenrod-90)) } -.sf-c-txt-darkgoldenrod\:95 { color: hsl(var(--sf-c-txt-darkgoldenrod-95)) } -.sf-c-txt-darkgoldenrod\:100 { color: hsl(var(--sf-c-txt-darkgoldenrod-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod, html.auto .sf-c-txt-darkgoldenrod { color: hsl(43, 89%, 38%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:0, html.auto .sf-c-txt-darkgoldenrod\:0 { color: hsl(43, 89%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:5, html.auto .sf-c-txt-darkgoldenrod\:5 { color: hsl(43, 89%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:10, html.auto .sf-c-txt-darkgoldenrod\:10 { color: hsl(43, 89%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:15, html.auto .sf-c-txt-darkgoldenrod\:15 { color: hsl(43, 89%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:20, html.auto .sf-c-txt-darkgoldenrod\:20 { color: hsl(43, 89%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:25, html.auto .sf-c-txt-darkgoldenrod\:25 { color: hsl(43, 89%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:30, html.auto .sf-c-txt-darkgoldenrod\:30 { color: hsl(43, 89%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:35, html.auto .sf-c-txt-darkgoldenrod\:35 { color: hsl(43, 89%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:40, html.auto .sf-c-txt-darkgoldenrod\:40 { color: hsl(43, 89%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:45, html.auto .sf-c-txt-darkgoldenrod\:45 { color: hsl(43, 89%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:50, html.auto .sf-c-txt-darkgoldenrod\:50 { color: hsl(43, 89%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:55, html.auto .sf-c-txt-darkgoldenrod\:55 { color: hsl(43, 89%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:60, html.auto .sf-c-txt-darkgoldenrod\:60 { color: hsl(43, 89%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:65, html.auto .sf-c-txt-darkgoldenrod\:65 { color: hsl(43, 89%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:70, html.auto .sf-c-txt-darkgoldenrod\:70 { color: hsl(43, 89%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:75, html.auto .sf-c-txt-darkgoldenrod\:75 { color: hsl(43, 89%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:80, html.auto .sf-c-txt-darkgoldenrod\:80 { color: hsl(43, 89%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:85, html.auto .sf-c-txt-darkgoldenrod\:85 { color: hsl(43, 89%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:90, html.auto .sf-c-txt-darkgoldenrod\:90 { color: hsl(43, 89%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:95, html.auto .sf-c-txt-darkgoldenrod\:95 { color: hsl(43, 89%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:100, html.auto .sf-c-txt-darkgoldenrod\:100 { color: hsl(43, 89%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:dark, html.auto .sf-c-txt-darkgoldenrod\:dark { color: hsl(43, 89%, 38%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:0\:dark, html.auto .sf-c-txt-darkgoldenrod\:0\:dark { color: hsl(43, 89%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:5\:dark, html.auto .sf-c-txt-darkgoldenrod\:5\:dark { color: hsl(43, 89%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:10\:dark, html.auto .sf-c-txt-darkgoldenrod\:10\:dark { color: hsl(43, 89%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:15\:dark, html.auto .sf-c-txt-darkgoldenrod\:15\:dark { color: hsl(43, 89%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:20\:dark, html.auto .sf-c-txt-darkgoldenrod\:20\:dark { color: hsl(43, 89%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:25\:dark, html.auto .sf-c-txt-darkgoldenrod\:25\:dark { color: hsl(43, 89%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:30\:dark, html.auto .sf-c-txt-darkgoldenrod\:30\:dark { color: hsl(43, 89%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:35\:dark, html.auto .sf-c-txt-darkgoldenrod\:35\:dark { color: hsl(43, 89%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:40\:dark, html.auto .sf-c-txt-darkgoldenrod\:40\:dark { color: hsl(43, 89%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:45\:dark, html.auto .sf-c-txt-darkgoldenrod\:45\:dark { color: hsl(43, 89%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:50\:dark, html.auto .sf-c-txt-darkgoldenrod\:50\:dark { color: hsl(43, 89%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:55\:dark, html.auto .sf-c-txt-darkgoldenrod\:55\:dark { color: hsl(43, 89%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:60\:dark, html.auto .sf-c-txt-darkgoldenrod\:60\:dark { color: hsl(43, 89%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:65\:dark, html.auto .sf-c-txt-darkgoldenrod\:65\:dark { color: hsl(43, 89%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:70\:dark, html.auto .sf-c-txt-darkgoldenrod\:70\:dark { color: hsl(43, 89%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:75\:dark, html.auto .sf-c-txt-darkgoldenrod\:75\:dark { color: hsl(43, 89%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:80\:dark, html.auto .sf-c-txt-darkgoldenrod\:80\:dark { color: hsl(43, 89%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:85\:dark, html.auto .sf-c-txt-darkgoldenrod\:85\:dark { color: hsl(43, 89%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:90\:dark, html.auto .sf-c-txt-darkgoldenrod\:90\:dark { color: hsl(43, 89%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:95\:dark, html.auto .sf-c-txt-darkgoldenrod\:95\:dark { color: hsl(43, 89%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkgoldenrod\:100\:dark, html.auto .sf-c-txt-darkgoldenrod\:100\:dark { color: hsl(43, 89%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkgray.css b/src/colors/20/darkgray.css index eca75a0..63a46d9 100644 --- a/src/colors/20/darkgray.css +++ b/src/colors/20/darkgray.css @@ -138,6 +138,52 @@ html.var .sf-c-darkgray\:90 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) html.var .sf-c-darkgray\:95 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } html.var .sf-c-darkgray\:100 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } +.sf-c-txt-darkgray { color: hsl(var(--sf-dark-c-txt-darkgray)) } +.sf-c-txt-darkgray\:0 { color: hsl(var(--sf-dark-c-txt-darkgray-100)) } +.sf-c-txt-darkgray\:5 { color: hsl(var(--sf-dark-c-txt-darkgray-95)) } +.sf-c-txt-darkgray\:10 { color: hsl(var(--sf-dark-c-txt-darkgray-90)) } +.sf-c-txt-darkgray\:15 { color: hsl(var(--sf-dark-c-txt-darkgray-85)) } +.sf-c-txt-darkgray\:20 { color: hsl(var(--sf-dark-c-txt-darkgray-80)) } +.sf-c-txt-darkgray\:25 { color: hsl(var(--sf-dark-c-txt-darkgray-75)) } +.sf-c-txt-darkgray\:30 { color: hsl(var(--sf-dark-c-txt-darkgray-70)) } +.sf-c-txt-darkgray\:35 { color: hsl(var(--sf-dark-c-txt-darkgray-65)) } +.sf-c-txt-darkgray\:40 { color: hsl(var(--sf-dark-c-txt-darkgray-60)) } +.sf-c-txt-darkgray\:45 { color: hsl(var(--sf-dark-c-txt-darkgray-55)) } +.sf-c-txt-darkgray\:50 { color: hsl(var(--sf-dark-c-txt-darkgray-50)) } +.sf-c-txt-darkgray\:55 { color: hsl(var(--sf-dark-c-txt-darkgray-45)) } +.sf-c-txt-darkgray\:60 { color: hsl(var(--sf-dark-c-txt-darkgray-40)) } +.sf-c-txt-darkgray\:65 { color: hsl(var(--sf-dark-c-txt-darkgray-35)) } +.sf-c-txt-darkgray\:70 { color: hsl(var(--sf-dark-c-txt-darkgray-30)) } +.sf-c-txt-darkgray\:75 { color: hsl(var(--sf-dark-c-txt-darkgray-25)) } +.sf-c-txt-darkgray\:80 { color: hsl(var(--sf-dark-c-txt-darkgray-20)) } +.sf-c-txt-darkgray\:85 { color: hsl(var(--sf-dark-c-txt-darkgray-15)) } +.sf-c-txt-darkgray\:90 { color: hsl(var(--sf-dark-c-txt-darkgray-10)) } +.sf-c-txt-darkgray\:95 { color: hsl(var(--sf-dark-c-txt-darkgray-5)) } +.sf-c-txt-darkgray\:100 { color: hsl(var(--sf-dark-c-txt-darkgray-0)) } + +html.var .sf-c-txt-darkgray { color: hsl(0, 0%, 34%) } +html.var .sf-c-txt-darkgray\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-darkgray\:5 { color: hsl(0, 0%, 95%) } +html.var .sf-c-txt-darkgray\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-darkgray\:15 { color: hsl(0, 0%, 85%) } +html.var .sf-c-txt-darkgray\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-darkgray\:25 { color: hsl(0, 0%, 75%) } +html.var .sf-c-txt-darkgray\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-darkgray\:35 { color: hsl(0, 0%, 65%) } +html.var .sf-c-txt-darkgray\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-darkgray\:45 { color: hsl(0, 0%, 55%) } +html.var .sf-c-txt-darkgray\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-darkgray\:55 { color: hsl(0, 0%, 45%) } +html.var .sf-c-txt-darkgray\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-darkgray\:65 { color: hsl(0, 0%, 35%) } +html.var .sf-c-txt-darkgray\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-darkgray\:75 { color: hsl(0, 0%, 25%) } +html.var .sf-c-txt-darkgray\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-darkgray\:85 { color: hsl(0, 0%, 15%) } +html.var .sf-c-txt-darkgray\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-darkgray\:95 { color: hsl(0, 0%, 5%) } +html.var .sf-c-txt-darkgray\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-darkgray, html.dark .sf-c-darkgray { color: hsl(var(--sf-dark-c-txt-darkgray-95)); background: hsl(var(--sf-dark-c-darkgray)) } html[data-theme='dark'] .sf-c-darkgray\:0, html.dark .sf-c-darkgray\:0 { color: hsl(var(--sf-dark-c-txt-darkgray-95)); background: hsl(var(--sf-dark-c-darkgray-100)) } html[data-theme='dark'] .sf-c-darkgray\:5, html.dark .sf-c-darkgray\:5 { color: hsl(var(--sf-dark-c-txt-darkgray-5)); background: hsl(var(--sf-dark-c-darkgray-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkgray\:90\:dark, html.dark .sf-c-darkgray\:90\: html[data-theme='dark'] .sf-c-darkgray\:95\:dark, html.dark .sf-c-darkgray\:95\:dark { color: hsl(var(--sf-c-txt-darkgray-95)); background: hsl(var(--sf-c-darkgray-5)) } html[data-theme='dark'] .sf-c-darkgray\:100\:dark, html.dark .sf-c-darkgray\:100\:dark { color: hsl(var(--sf-c-txt-darkgray-95)); background: hsl(var(--sf-c-darkgray-0)) } +html[data-theme='dark'] .sf-c-txt-darkgray, html.dark .sf-c-txt-darkgray { color: hsl(var(--sf-c-txt-darkgray)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:0, html.dark .sf-c-txt-darkgray\:0 { color: hsl(var(--sf-c-txt-darkgray-0)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:5, html.dark .sf-c-txt-darkgray\:5 { color: hsl(var(--sf-c-txt-darkgray-5)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:10, html.dark .sf-c-txt-darkgray\:10 { color: hsl(var(--sf-c-txt-darkgray-10)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:15, html.dark .sf-c-txt-darkgray\:15 { color: hsl(var(--sf-c-txt-darkgray-15)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:20, html.dark .sf-c-txt-darkgray\:20 { color: hsl(var(--sf-c-txt-darkgray-20)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:25, html.dark .sf-c-txt-darkgray\:25 { color: hsl(var(--sf-c-txt-darkgray-25)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:30, html.dark .sf-c-txt-darkgray\:30 { color: hsl(var(--sf-c-txt-darkgray-30)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:35, html.dark .sf-c-txt-darkgray\:35 { color: hsl(var(--sf-c-txt-darkgray-35)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:40, html.dark .sf-c-txt-darkgray\:40 { color: hsl(var(--sf-c-txt-darkgray-40)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:45, html.dark .sf-c-txt-darkgray\:45 { color: hsl(var(--sf-c-txt-darkgray-45)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:50, html.dark .sf-c-txt-darkgray\:50 { color: hsl(var(--sf-c-txt-darkgray-50)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:55, html.dark .sf-c-txt-darkgray\:55 { color: hsl(var(--sf-c-txt-darkgray-55)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:60, html.dark .sf-c-txt-darkgray\:60 { color: hsl(var(--sf-c-txt-darkgray-60)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:65, html.dark .sf-c-txt-darkgray\:65 { color: hsl(var(--sf-c-txt-darkgray-65)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:70, html.dark .sf-c-txt-darkgray\:70 { color: hsl(var(--sf-c-txt-darkgray-70)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:75, html.dark .sf-c-txt-darkgray\:75 { color: hsl(var(--sf-c-txt-darkgray-75)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:80, html.dark .sf-c-txt-darkgray\:80 { color: hsl(var(--sf-c-txt-darkgray-80)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:85, html.dark .sf-c-txt-darkgray\:85 { color: hsl(var(--sf-c-txt-darkgray-85)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:90, html.dark .sf-c-txt-darkgray\:90 { color: hsl(var(--sf-c-txt-darkgray-90)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:95, html.dark .sf-c-txt-darkgray\:95 { color: hsl(var(--sf-c-txt-darkgray-95)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:100, html.dark .sf-c-txt-darkgray\:100 { color: hsl(var(--sf-c-txt-darkgray-100)) } + +html[data-theme='dark'] .sf-c-txt-darkgray\:dark, html.dark .sf-c-txt-darkgray\:dark { color: hsl(var(--sf-c-txt-darkgray)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:0\:dark, html.dark .sf-c-txt-darkgray\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-0)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:5\:dark, html.dark .sf-c-txt-darkgray\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-5)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:10\:dark, html.dark .sf-c-txt-darkgray\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-10)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:15\:dark, html.dark .sf-c-txt-darkgray\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-15)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:20\:dark, html.dark .sf-c-txt-darkgray\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-20)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:25\:dark, html.dark .sf-c-txt-darkgray\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-25)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:30\:dark, html.dark .sf-c-txt-darkgray\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-30)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:35\:dark, html.dark .sf-c-txt-darkgray\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-35)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:40\:dark, html.dark .sf-c-txt-darkgray\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-40)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:45\:dark, html.dark .sf-c-txt-darkgray\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-45)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:50\:dark, html.dark .sf-c-txt-darkgray\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-50)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:55\:dark, html.dark .sf-c-txt-darkgray\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-55)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:60\:dark, html.dark .sf-c-txt-darkgray\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-60)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:65\:dark, html.dark .sf-c-txt-darkgray\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-65)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:70\:dark, html.dark .sf-c-txt-darkgray\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-70)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:75\:dark, html.dark .sf-c-txt-darkgray\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-75)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:80\:dark, html.dark .sf-c-txt-darkgray\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-80)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:85\:dark, html.dark .sf-c-txt-darkgray\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-85)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:90\:dark, html.dark .sf-c-txt-darkgray\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-90)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:95\:dark, html.dark .sf-c-txt-darkgray\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-95)) } +html[data-theme='dark'] .sf-c-txt-darkgray\:100\:dark, html.dark .sf-c-txt-darkgray\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkgray-100)) } + html.var[data-theme='dark'] .sf-c-darkgray, html.var.dark .sf-c-darkgray { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 34%) } html.var[data-theme='dark'] .sf-c-darkgray\:0, html.var.dark .sf-c-darkgray\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-darkgray\:5, html.var.dark .sf-c-darkgray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkgray\:90\:dark, html.var.dark .sf-c-darkgr html.var[data-theme='dark'] .sf-c-darkgray\:95\:dark, html.var.dark .sf-c-darkgray\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='dark'] .sf-c-darkgray\:100\:dark, html.var.dark .sf-c-darkgray\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray, html.dark .sf-c-txt-darkgray { color: hsl(0, 0%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:0, html.dark .sf-c-txt-darkgray\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:5, html.dark .sf-c-txt-darkgray\:5 { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:10, html.dark .sf-c-txt-darkgray\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:15, html.dark .sf-c-txt-darkgray\:15 { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:20, html.dark .sf-c-txt-darkgray\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:25, html.dark .sf-c-txt-darkgray\:25 { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:30, html.dark .sf-c-txt-darkgray\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:35, html.dark .sf-c-txt-darkgray\:35 { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:40, html.dark .sf-c-txt-darkgray\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:45, html.dark .sf-c-txt-darkgray\:45 { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:50, html.dark .sf-c-txt-darkgray\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:55, html.dark .sf-c-txt-darkgray\:55 { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:60, html.dark .sf-c-txt-darkgray\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:65, html.dark .sf-c-txt-darkgray\:65 { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:70, html.dark .sf-c-txt-darkgray\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:75, html.dark .sf-c-txt-darkgray\:75 { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:80, html.dark .sf-c-txt-darkgray\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:85, html.dark .sf-c-txt-darkgray\:85 { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:90, html.dark .sf-c-txt-darkgray\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:95, html.dark .sf-c-txt-darkgray\:95 { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:100, html.dark .sf-c-txt-darkgray\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkgray\:dark, html.dark .sf-c-txt-darkgray\:dark { color: hsl(0, 0%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:0\:dark, html.dark .sf-c-txt-darkgray\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:5\:dark, html.dark .sf-c-txt-darkgray\:5\:dark { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:10\:dark, html.dark .sf-c-txt-darkgray\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:15\:dark, html.dark .sf-c-txt-darkgray\:15\:dark { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:20\:dark, html.dark .sf-c-txt-darkgray\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:25\:dark, html.dark .sf-c-txt-darkgray\:25\:dark { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:30\:dark, html.dark .sf-c-txt-darkgray\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:35\:dark, html.dark .sf-c-txt-darkgray\:35\:dark { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:40\:dark, html.dark .sf-c-txt-darkgray\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:45\:dark, html.dark .sf-c-txt-darkgray\:45\:dark { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:50\:dark, html.dark .sf-c-txt-darkgray\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:55\:dark, html.dark .sf-c-txt-darkgray\:55\:dark { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:60\:dark, html.dark .sf-c-txt-darkgray\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:65\:dark, html.dark .sf-c-txt-darkgray\:65\:dark { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:70\:dark, html.dark .sf-c-txt-darkgray\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:75\:dark, html.dark .sf-c-txt-darkgray\:75\:dark { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:80\:dark, html.dark .sf-c-txt-darkgray\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:85\:dark, html.dark .sf-c-txt-darkgray\:85\:dark { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:90\:dark, html.dark .sf-c-txt-darkgray\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:95\:dark, html.dark .sf-c-txt-darkgray\:95\:dark { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkgray\:100\:dark, html.dark .sf-c-txt-darkgray\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkgray, html.auto .sf-c-darkgray { color: hsl(var(--sf-dark-c-txt-darkgray-95)); background: hsl(var(--sf-dark-c-darkgray)) } html[data-theme='auto'] .sf-c-darkgray\:0, html.auto .sf-c-darkgray\:0 { color: hsl(var(--sf-dark-c-txt-darkgray-95)); background: hsl(var(--sf-dark-c-darkgray-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkgray\:100\:dark, html.var.dark .sf-c-darkg html[data-theme='auto'] .sf-c-darkgray\:95\:dark, html.auto .sf-c-darkgray\:95\:dark { color: hsl(var(--sf-c-txt-darkgray-95)); background: hsl(var(--sf-c-darkgray-5)) } html[data-theme='auto'] .sf-c-darkgray\:100\:dark, html.auto .sf-c-darkgray\:100\:dark { color: hsl(var(--sf-c-txt-darkgray-95)); background: hsl(var(--sf-c-darkgray-0)) } + html[data-theme='auto'] .sf-c-txt-darkgray, html.auto .sf-c-txt-darkgray { color: hsl(var(--sf-c-txt-darkgray)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:0, html.auto .sf-c-txt-darkgray\:0 { color: hsl(var(--sf-c-txt-darkgray-0)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:5, html.auto .sf-c-txt-darkgray\:5 { color: hsl(var(--sf-c-txt-darkgray-5)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:10, html.auto .sf-c-txt-darkgray\:10 { color: hsl(var(--sf-c-txt-darkgray-10)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:15, html.auto .sf-c-txt-darkgray\:15 { color: hsl(var(--sf-c-txt-darkgray-15)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:20, html.auto .sf-c-txt-darkgray\:20 { color: hsl(var(--sf-c-txt-darkgray-20)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:25, html.auto .sf-c-txt-darkgray\:25 { color: hsl(var(--sf-c-txt-darkgray-25)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:30, html.auto .sf-c-txt-darkgray\:30 { color: hsl(var(--sf-c-txt-darkgray-30)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:35, html.auto .sf-c-txt-darkgray\:35 { color: hsl(var(--sf-c-txt-darkgray-35)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:40, html.auto .sf-c-txt-darkgray\:40 { color: hsl(var(--sf-c-txt-darkgray-40)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:45, html.auto .sf-c-txt-darkgray\:45 { color: hsl(var(--sf-c-txt-darkgray-45)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:50, html.auto .sf-c-txt-darkgray\:50 { color: hsl(var(--sf-c-txt-darkgray-50)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:55, html.auto .sf-c-txt-darkgray\:55 { color: hsl(var(--sf-c-txt-darkgray-55)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:60, html.auto .sf-c-txt-darkgray\:60 { color: hsl(var(--sf-c-txt-darkgray-60)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:65, html.auto .sf-c-txt-darkgray\:65 { color: hsl(var(--sf-c-txt-darkgray-65)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:70, html.auto .sf-c-txt-darkgray\:70 { color: hsl(var(--sf-c-txt-darkgray-70)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:75, html.auto .sf-c-txt-darkgray\:75 { color: hsl(var(--sf-c-txt-darkgray-75)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:80, html.auto .sf-c-txt-darkgray\:80 { color: hsl(var(--sf-c-txt-darkgray-80)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:85, html.auto .sf-c-txt-darkgray\:85 { color: hsl(var(--sf-c-txt-darkgray-85)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:90, html.auto .sf-c-txt-darkgray\:90 { color: hsl(var(--sf-c-txt-darkgray-90)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:95, html.auto .sf-c-txt-darkgray\:95 { color: hsl(var(--sf-c-txt-darkgray-95)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:100, html.auto .sf-c-txt-darkgray\:100 { color: hsl(var(--sf-c-txt-darkgray-100)) } + + html[data-theme='auto'] .sf-c-txt-darkgray\:dark, html.auto .sf-c-txt-darkgray\:dark { color: hsl(var(--sf-c-txt-darkgray)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:0\:dark, html.auto .sf-c-txt-darkgray\:0\:dark { color: hsl(var(--sf-c-txt-darkgray-0)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:5\:dark, html.auto .sf-c-txt-darkgray\:5\:dark { color: hsl(var(--sf-c-txt-darkgray-5)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:10\:dark, html.auto .sf-c-txt-darkgray\:10\:dark { color: hsl(var(--sf-c-txt-darkgray-10)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:15\:dark, html.auto .sf-c-txt-darkgray\:15\:dark { color: hsl(var(--sf-c-txt-darkgray-15)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:20\:dark, html.auto .sf-c-txt-darkgray\:20\:dark { color: hsl(var(--sf-c-txt-darkgray-20)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:25\:dark, html.auto .sf-c-txt-darkgray\:25\:dark { color: hsl(var(--sf-c-txt-darkgray-25)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:30\:dark, html.auto .sf-c-txt-darkgray\:30\:dark { color: hsl(var(--sf-c-txt-darkgray-30)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:35\:dark, html.auto .sf-c-txt-darkgray\:35\:dark { color: hsl(var(--sf-c-txt-darkgray-35)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:40\:dark, html.auto .sf-c-txt-darkgray\:40\:dark { color: hsl(var(--sf-c-txt-darkgray-40)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:45\:dark, html.auto .sf-c-txt-darkgray\:45\:dark { color: hsl(var(--sf-c-txt-darkgray-45)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:50\:dark, html.auto .sf-c-txt-darkgray\:50\:dark { color: hsl(var(--sf-c-txt-darkgray-50)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:55\:dark, html.auto .sf-c-txt-darkgray\:55\:dark { color: hsl(var(--sf-c-txt-darkgray-55)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:60\:dark, html.auto .sf-c-txt-darkgray\:60\:dark { color: hsl(var(--sf-c-txt-darkgray-60)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:65\:dark, html.auto .sf-c-txt-darkgray\:65\:dark { color: hsl(var(--sf-c-txt-darkgray-65)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:70\:dark, html.auto .sf-c-txt-darkgray\:70\:dark { color: hsl(var(--sf-c-txt-darkgray-70)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:75\:dark, html.auto .sf-c-txt-darkgray\:75\:dark { color: hsl(var(--sf-c-txt-darkgray-75)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:80\:dark, html.auto .sf-c-txt-darkgray\:80\:dark { color: hsl(var(--sf-c-txt-darkgray-80)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:85\:dark, html.auto .sf-c-txt-darkgray\:85\:dark { color: hsl(var(--sf-c-txt-darkgray-85)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:90\:dark, html.auto .sf-c-txt-darkgray\:90\:dark { color: hsl(var(--sf-c-txt-darkgray-90)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:95\:dark, html.auto .sf-c-txt-darkgray\:95\:dark { color: hsl(var(--sf-c-txt-darkgray-95)) } + html[data-theme='auto'] .sf-c-txt-darkgray\:100\:dark, html.auto .sf-c-txt-darkgray\:100\:dark { color: hsl(var(--sf-c-txt-darkgray-100)) } + html.var[data-theme='auto'] .sf-c-darkgray, html.var.auto .sf-c-darkgray { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 34%) } html.var[data-theme='auto'] .sf-c-darkgray\:0, html.var.auto .sf-c-darkgray\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-darkgray\:5, html.var.auto .sf-c-darkgray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkgray\:100\:dark, html.var.dark .sf-c-darkg html.var[data-theme='auto'] .sf-c-darkgray\:90\:dark, html.var.auto .sf-c-darkgray\:90\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-darkgray\:95\:dark, html.var.auto .sf-c-darkgray\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='auto'] .sf-c-darkgray\:100\:dark, html.var.auto .sf-c-darkgray\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-darkgray { color: hsl(var(--sf-c-txt-darkgray)) } -.sf-c-txt-darkgray\:0 { color: hsl(var(--sf-c-txt-darkgray-0)) } -.sf-c-txt-darkgray\:5 { color: hsl(var(--sf-c-txt-darkgray-5)) } -.sf-c-txt-darkgray\:10 { color: hsl(var(--sf-c-txt-darkgray-10)) } -.sf-c-txt-darkgray\:15 { color: hsl(var(--sf-c-txt-darkgray-15)) } -.sf-c-txt-darkgray\:20 { color: hsl(var(--sf-c-txt-darkgray-20)) } -.sf-c-txt-darkgray\:25 { color: hsl(var(--sf-c-txt-darkgray-25)) } -.sf-c-txt-darkgray\:30 { color: hsl(var(--sf-c-txt-darkgray-30)) } -.sf-c-txt-darkgray\:35 { color: hsl(var(--sf-c-txt-darkgray-35)) } -.sf-c-txt-darkgray\:40 { color: hsl(var(--sf-c-txt-darkgray-40)) } -.sf-c-txt-darkgray\:45 { color: hsl(var(--sf-c-txt-darkgray-45)) } -.sf-c-txt-darkgray\:50 { color: hsl(var(--sf-c-txt-darkgray-50)) } -.sf-c-txt-darkgray\:55 { color: hsl(var(--sf-c-txt-darkgray-55)) } -.sf-c-txt-darkgray\:60 { color: hsl(var(--sf-c-txt-darkgray-60)) } -.sf-c-txt-darkgray\:65 { color: hsl(var(--sf-c-txt-darkgray-65)) } -.sf-c-txt-darkgray\:70 { color: hsl(var(--sf-c-txt-darkgray-70)) } -.sf-c-txt-darkgray\:75 { color: hsl(var(--sf-c-txt-darkgray-75)) } -.sf-c-txt-darkgray\:80 { color: hsl(var(--sf-c-txt-darkgray-80)) } -.sf-c-txt-darkgray\:85 { color: hsl(var(--sf-c-txt-darkgray-85)) } -.sf-c-txt-darkgray\:90 { color: hsl(var(--sf-c-txt-darkgray-90)) } -.sf-c-txt-darkgray\:95 { color: hsl(var(--sf-c-txt-darkgray-95)) } -.sf-c-txt-darkgray\:100 { color: hsl(var(--sf-c-txt-darkgray-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkgray, html.auto .sf-c-txt-darkgray { color: hsl(0, 0%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:0, html.auto .sf-c-txt-darkgray\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:5, html.auto .sf-c-txt-darkgray\:5 { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:10, html.auto .sf-c-txt-darkgray\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:15, html.auto .sf-c-txt-darkgray\:15 { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:20, html.auto .sf-c-txt-darkgray\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:25, html.auto .sf-c-txt-darkgray\:25 { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:30, html.auto .sf-c-txt-darkgray\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:35, html.auto .sf-c-txt-darkgray\:35 { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:40, html.auto .sf-c-txt-darkgray\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:45, html.auto .sf-c-txt-darkgray\:45 { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:50, html.auto .sf-c-txt-darkgray\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:55, html.auto .sf-c-txt-darkgray\:55 { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:60, html.auto .sf-c-txt-darkgray\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:65, html.auto .sf-c-txt-darkgray\:65 { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:70, html.auto .sf-c-txt-darkgray\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:75, html.auto .sf-c-txt-darkgray\:75 { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:80, html.auto .sf-c-txt-darkgray\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:85, html.auto .sf-c-txt-darkgray\:85 { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:90, html.auto .sf-c-txt-darkgray\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:95, html.auto .sf-c-txt-darkgray\:95 { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:100, html.auto .sf-c-txt-darkgray\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkgray\:dark, html.auto .sf-c-txt-darkgray\:dark { color: hsl(0, 0%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:0\:dark, html.auto .sf-c-txt-darkgray\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:5\:dark, html.auto .sf-c-txt-darkgray\:5\:dark { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:10\:dark, html.auto .sf-c-txt-darkgray\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:15\:dark, html.auto .sf-c-txt-darkgray\:15\:dark { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:20\:dark, html.auto .sf-c-txt-darkgray\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:25\:dark, html.auto .sf-c-txt-darkgray\:25\:dark { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:30\:dark, html.auto .sf-c-txt-darkgray\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:35\:dark, html.auto .sf-c-txt-darkgray\:35\:dark { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:40\:dark, html.auto .sf-c-txt-darkgray\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:45\:dark, html.auto .sf-c-txt-darkgray\:45\:dark { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:50\:dark, html.auto .sf-c-txt-darkgray\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:55\:dark, html.auto .sf-c-txt-darkgray\:55\:dark { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:60\:dark, html.auto .sf-c-txt-darkgray\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:65\:dark, html.auto .sf-c-txt-darkgray\:65\:dark { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:70\:dark, html.auto .sf-c-txt-darkgray\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:75\:dark, html.auto .sf-c-txt-darkgray\:75\:dark { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:80\:dark, html.auto .sf-c-txt-darkgray\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:85\:dark, html.auto .sf-c-txt-darkgray\:85\:dark { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:90\:dark, html.auto .sf-c-txt-darkgray\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:95\:dark, html.auto .sf-c-txt-darkgray\:95\:dark { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkgray\:100\:dark, html.auto .sf-c-txt-darkgray\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkgreen.css b/src/colors/20/darkgreen.css index 3b4fbcf..8738b41 100644 --- a/src/colors/20/darkgreen.css +++ b/src/colors/20/darkgreen.css @@ -138,6 +138,52 @@ html.var .sf-c-darkgreen\:90 { color: hsl(120, 100%, 5%); background: hsl(120, 1 html.var .sf-c-darkgreen\:95 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } html.var .sf-c-darkgreen\:100 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } +.sf-c-txt-darkgreen { color: hsl(var(--sf-dark-c-txt-darkgreen)) } +.sf-c-txt-darkgreen\:0 { color: hsl(var(--sf-dark-c-txt-darkgreen-100)) } +.sf-c-txt-darkgreen\:5 { color: hsl(var(--sf-dark-c-txt-darkgreen-95)) } +.sf-c-txt-darkgreen\:10 { color: hsl(var(--sf-dark-c-txt-darkgreen-90)) } +.sf-c-txt-darkgreen\:15 { color: hsl(var(--sf-dark-c-txt-darkgreen-85)) } +.sf-c-txt-darkgreen\:20 { color: hsl(var(--sf-dark-c-txt-darkgreen-80)) } +.sf-c-txt-darkgreen\:25 { color: hsl(var(--sf-dark-c-txt-darkgreen-75)) } +.sf-c-txt-darkgreen\:30 { color: hsl(var(--sf-dark-c-txt-darkgreen-70)) } +.sf-c-txt-darkgreen\:35 { color: hsl(var(--sf-dark-c-txt-darkgreen-65)) } +.sf-c-txt-darkgreen\:40 { color: hsl(var(--sf-dark-c-txt-darkgreen-60)) } +.sf-c-txt-darkgreen\:45 { color: hsl(var(--sf-dark-c-txt-darkgreen-55)) } +.sf-c-txt-darkgreen\:50 { color: hsl(var(--sf-dark-c-txt-darkgreen-50)) } +.sf-c-txt-darkgreen\:55 { color: hsl(var(--sf-dark-c-txt-darkgreen-45)) } +.sf-c-txt-darkgreen\:60 { color: hsl(var(--sf-dark-c-txt-darkgreen-40)) } +.sf-c-txt-darkgreen\:65 { color: hsl(var(--sf-dark-c-txt-darkgreen-35)) } +.sf-c-txt-darkgreen\:70 { color: hsl(var(--sf-dark-c-txt-darkgreen-30)) } +.sf-c-txt-darkgreen\:75 { color: hsl(var(--sf-dark-c-txt-darkgreen-25)) } +.sf-c-txt-darkgreen\:80 { color: hsl(var(--sf-dark-c-txt-darkgreen-20)) } +.sf-c-txt-darkgreen\:85 { color: hsl(var(--sf-dark-c-txt-darkgreen-15)) } +.sf-c-txt-darkgreen\:90 { color: hsl(var(--sf-dark-c-txt-darkgreen-10)) } +.sf-c-txt-darkgreen\:95 { color: hsl(var(--sf-dark-c-txt-darkgreen-5)) } +.sf-c-txt-darkgreen\:100 { color: hsl(var(--sf-dark-c-txt-darkgreen-0)) } + +html.var .sf-c-txt-darkgreen { color: hsl(120, 100%, 80%) } +html.var .sf-c-txt-darkgreen\:0 { color: hsl(120, 100%, 100%) } +html.var .sf-c-txt-darkgreen\:5 { color: hsl(120, 100%, 95%) } +html.var .sf-c-txt-darkgreen\:10 { color: hsl(120, 100%, 90%) } +html.var .sf-c-txt-darkgreen\:15 { color: hsl(120, 100%, 85%) } +html.var .sf-c-txt-darkgreen\:20 { color: hsl(120, 100%, 80%) } +html.var .sf-c-txt-darkgreen\:25 { color: hsl(120, 100%, 75%) } +html.var .sf-c-txt-darkgreen\:30 { color: hsl(120, 100%, 70%) } +html.var .sf-c-txt-darkgreen\:35 { color: hsl(120, 100%, 65%) } +html.var .sf-c-txt-darkgreen\:40 { color: hsl(120, 100%, 60%) } +html.var .sf-c-txt-darkgreen\:45 { color: hsl(120, 100%, 55%) } +html.var .sf-c-txt-darkgreen\:50 { color: hsl(120, 100%, 50%) } +html.var .sf-c-txt-darkgreen\:55 { color: hsl(120, 100%, 45%) } +html.var .sf-c-txt-darkgreen\:60 { color: hsl(120, 100%, 40%) } +html.var .sf-c-txt-darkgreen\:65 { color: hsl(120, 100%, 35%) } +html.var .sf-c-txt-darkgreen\:70 { color: hsl(120, 100%, 30%) } +html.var .sf-c-txt-darkgreen\:75 { color: hsl(120, 100%, 25%) } +html.var .sf-c-txt-darkgreen\:80 { color: hsl(120, 100%, 20%) } +html.var .sf-c-txt-darkgreen\:85 { color: hsl(120, 100%, 15%) } +html.var .sf-c-txt-darkgreen\:90 { color: hsl(120, 100%, 10%) } +html.var .sf-c-txt-darkgreen\:95 { color: hsl(120, 100%, 5%) } +html.var .sf-c-txt-darkgreen\:100 { color: hsl(120, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkgreen, html.dark .sf-c-darkgreen { color: hsl(var(--sf-dark-c-txt-darkgreen-5)); background: hsl(var(--sf-dark-c-darkgreen)) } html[data-theme='dark'] .sf-c-darkgreen\:0, html.dark .sf-c-darkgreen\:0 { color: hsl(var(--sf-dark-c-txt-darkgreen-95)); background: hsl(var(--sf-dark-c-darkgreen-100)) } html[data-theme='dark'] .sf-c-darkgreen\:5, html.dark .sf-c-darkgreen\:5 { color: hsl(var(--sf-dark-c-txt-darkgreen-5)); background: hsl(var(--sf-dark-c-darkgreen-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkgreen\:90\:dark, html.dark .sf-c-darkgreen\:90 html[data-theme='dark'] .sf-c-darkgreen\:95\:dark, html.dark .sf-c-darkgreen\:95\:dark { color: hsl(var(--sf-c-txt-darkgreen-95)); background: hsl(var(--sf-c-darkgreen-5)) } html[data-theme='dark'] .sf-c-darkgreen\:100\:dark, html.dark .sf-c-darkgreen\:100\:dark { color: hsl(var(--sf-c-txt-darkgreen-95)); background: hsl(var(--sf-c-darkgreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkgreen, html.dark .sf-c-txt-darkgreen { color: hsl(var(--sf-c-txt-darkgreen)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:0, html.dark .sf-c-txt-darkgreen\:0 { color: hsl(var(--sf-c-txt-darkgreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:5, html.dark .sf-c-txt-darkgreen\:5 { color: hsl(var(--sf-c-txt-darkgreen-5)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:10, html.dark .sf-c-txt-darkgreen\:10 { color: hsl(var(--sf-c-txt-darkgreen-10)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:15, html.dark .sf-c-txt-darkgreen\:15 { color: hsl(var(--sf-c-txt-darkgreen-15)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:20, html.dark .sf-c-txt-darkgreen\:20 { color: hsl(var(--sf-c-txt-darkgreen-20)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:25, html.dark .sf-c-txt-darkgreen\:25 { color: hsl(var(--sf-c-txt-darkgreen-25)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:30, html.dark .sf-c-txt-darkgreen\:30 { color: hsl(var(--sf-c-txt-darkgreen-30)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:35, html.dark .sf-c-txt-darkgreen\:35 { color: hsl(var(--sf-c-txt-darkgreen-35)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:40, html.dark .sf-c-txt-darkgreen\:40 { color: hsl(var(--sf-c-txt-darkgreen-40)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:45, html.dark .sf-c-txt-darkgreen\:45 { color: hsl(var(--sf-c-txt-darkgreen-45)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:50, html.dark .sf-c-txt-darkgreen\:50 { color: hsl(var(--sf-c-txt-darkgreen-50)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:55, html.dark .sf-c-txt-darkgreen\:55 { color: hsl(var(--sf-c-txt-darkgreen-55)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:60, html.dark .sf-c-txt-darkgreen\:60 { color: hsl(var(--sf-c-txt-darkgreen-60)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:65, html.dark .sf-c-txt-darkgreen\:65 { color: hsl(var(--sf-c-txt-darkgreen-65)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:70, html.dark .sf-c-txt-darkgreen\:70 { color: hsl(var(--sf-c-txt-darkgreen-70)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:75, html.dark .sf-c-txt-darkgreen\:75 { color: hsl(var(--sf-c-txt-darkgreen-75)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:80, html.dark .sf-c-txt-darkgreen\:80 { color: hsl(var(--sf-c-txt-darkgreen-80)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:85, html.dark .sf-c-txt-darkgreen\:85 { color: hsl(var(--sf-c-txt-darkgreen-85)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:90, html.dark .sf-c-txt-darkgreen\:90 { color: hsl(var(--sf-c-txt-darkgreen-90)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:95, html.dark .sf-c-txt-darkgreen\:95 { color: hsl(var(--sf-c-txt-darkgreen-95)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:100, html.dark .sf-c-txt-darkgreen\:100 { color: hsl(var(--sf-c-txt-darkgreen-100)) } + +html[data-theme='dark'] .sf-c-txt-darkgreen\:dark, html.dark .sf-c-txt-darkgreen\:dark { color: hsl(var(--sf-c-txt-darkgreen)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:0\:dark, html.dark .sf-c-txt-darkgreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:5\:dark, html.dark .sf-c-txt-darkgreen\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-5)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:10\:dark, html.dark .sf-c-txt-darkgreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-10)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:15\:dark, html.dark .sf-c-txt-darkgreen\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-15)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:20\:dark, html.dark .sf-c-txt-darkgreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-20)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:25\:dark, html.dark .sf-c-txt-darkgreen\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-25)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:30\:dark, html.dark .sf-c-txt-darkgreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-30)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:35\:dark, html.dark .sf-c-txt-darkgreen\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-35)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:40\:dark, html.dark .sf-c-txt-darkgreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-40)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:45\:dark, html.dark .sf-c-txt-darkgreen\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-45)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:50\:dark, html.dark .sf-c-txt-darkgreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-50)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:55\:dark, html.dark .sf-c-txt-darkgreen\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-55)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:60\:dark, html.dark .sf-c-txt-darkgreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-60)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:65\:dark, html.dark .sf-c-txt-darkgreen\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-65)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:70\:dark, html.dark .sf-c-txt-darkgreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-70)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:75\:dark, html.dark .sf-c-txt-darkgreen\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-75)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:80\:dark, html.dark .sf-c-txt-darkgreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-80)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:85\:dark, html.dark .sf-c-txt-darkgreen\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-85)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:90\:dark, html.dark .sf-c-txt-darkgreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-90)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:95\:dark, html.dark .sf-c-txt-darkgreen\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-95)) } +html[data-theme='dark'] .sf-c-txt-darkgreen\:100\:dark, html.dark .sf-c-txt-darkgreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkgreen-100)) } + html.var[data-theme='dark'] .sf-c-darkgreen, html.var.dark .sf-c-darkgreen { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } html.var[data-theme='dark'] .sf-c-darkgreen\:0, html.var.dark .sf-c-darkgreen\:0 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkgreen\:5, html.var.dark .sf-c-darkgreen\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkgreen\:90\:dark, html.var.dark .sf-c-darkg html.var[data-theme='dark'] .sf-c-darkgreen\:95\:dark, html.var.dark .sf-c-darkgreen\:95\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } html.var[data-theme='dark'] .sf-c-darkgreen\:100\:dark, html.var.dark .sf-c-darkgreen\:100\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen, html.dark .sf-c-txt-darkgreen { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:0, html.dark .sf-c-txt-darkgreen\:0 { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:5, html.dark .sf-c-txt-darkgreen\:5 { color: hsl(120, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:10, html.dark .sf-c-txt-darkgreen\:10 { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:15, html.dark .sf-c-txt-darkgreen\:15 { color: hsl(120, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:20, html.dark .sf-c-txt-darkgreen\:20 { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:25, html.dark .sf-c-txt-darkgreen\:25 { color: hsl(120, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:30, html.dark .sf-c-txt-darkgreen\:30 { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:35, html.dark .sf-c-txt-darkgreen\:35 { color: hsl(120, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:40, html.dark .sf-c-txt-darkgreen\:40 { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:45, html.dark .sf-c-txt-darkgreen\:45 { color: hsl(120, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:50, html.dark .sf-c-txt-darkgreen\:50 { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:55, html.dark .sf-c-txt-darkgreen\:55 { color: hsl(120, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:60, html.dark .sf-c-txt-darkgreen\:60 { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:65, html.dark .sf-c-txt-darkgreen\:65 { color: hsl(120, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:70, html.dark .sf-c-txt-darkgreen\:70 { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:75, html.dark .sf-c-txt-darkgreen\:75 { color: hsl(120, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:80, html.dark .sf-c-txt-darkgreen\:80 { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:85, html.dark .sf-c-txt-darkgreen\:85 { color: hsl(120, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:90, html.dark .sf-c-txt-darkgreen\:90 { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:95, html.dark .sf-c-txt-darkgreen\:95 { color: hsl(120, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:100, html.dark .sf-c-txt-darkgreen\:100 { color: hsl(120, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:dark, html.dark .sf-c-txt-darkgreen\:dark { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:0\:dark, html.dark .sf-c-txt-darkgreen\:0\:dark { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:5\:dark, html.dark .sf-c-txt-darkgreen\:5\:dark { color: hsl(120, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:10\:dark, html.dark .sf-c-txt-darkgreen\:10\:dark { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:15\:dark, html.dark .sf-c-txt-darkgreen\:15\:dark { color: hsl(120, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:20\:dark, html.dark .sf-c-txt-darkgreen\:20\:dark { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:25\:dark, html.dark .sf-c-txt-darkgreen\:25\:dark { color: hsl(120, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:30\:dark, html.dark .sf-c-txt-darkgreen\:30\:dark { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:35\:dark, html.dark .sf-c-txt-darkgreen\:35\:dark { color: hsl(120, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:40\:dark, html.dark .sf-c-txt-darkgreen\:40\:dark { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:45\:dark, html.dark .sf-c-txt-darkgreen\:45\:dark { color: hsl(120, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:50\:dark, html.dark .sf-c-txt-darkgreen\:50\:dark { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:55\:dark, html.dark .sf-c-txt-darkgreen\:55\:dark { color: hsl(120, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:60\:dark, html.dark .sf-c-txt-darkgreen\:60\:dark { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:65\:dark, html.dark .sf-c-txt-darkgreen\:65\:dark { color: hsl(120, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:70\:dark, html.dark .sf-c-txt-darkgreen\:70\:dark { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:75\:dark, html.dark .sf-c-txt-darkgreen\:75\:dark { color: hsl(120, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:80\:dark, html.dark .sf-c-txt-darkgreen\:80\:dark { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:85\:dark, html.dark .sf-c-txt-darkgreen\:85\:dark { color: hsl(120, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:90\:dark, html.dark .sf-c-txt-darkgreen\:90\:dark { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:95\:dark, html.dark .sf-c-txt-darkgreen\:95\:dark { color: hsl(120, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkgreen\:100\:dark, html.dark .sf-c-txt-darkgreen\:100\:dark { color: hsl(120, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkgreen, html.auto .sf-c-darkgreen { color: hsl(var(--sf-dark-c-txt-darkgreen-5)); background: hsl(var(--sf-dark-c-darkgreen)) } html[data-theme='auto'] .sf-c-darkgreen\:0, html.auto .sf-c-darkgreen\:0 { color: hsl(var(--sf-dark-c-txt-darkgreen-95)); background: hsl(var(--sf-dark-c-darkgreen-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkgreen\:100\:dark, html.var.dark .sf-c-dark html[data-theme='auto'] .sf-c-darkgreen\:95\:dark, html.auto .sf-c-darkgreen\:95\:dark { color: hsl(var(--sf-c-txt-darkgreen-95)); background: hsl(var(--sf-c-darkgreen-5)) } html[data-theme='auto'] .sf-c-darkgreen\:100\:dark, html.auto .sf-c-darkgreen\:100\:dark { color: hsl(var(--sf-c-txt-darkgreen-95)); background: hsl(var(--sf-c-darkgreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkgreen, html.auto .sf-c-txt-darkgreen { color: hsl(var(--sf-c-txt-darkgreen)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:0, html.auto .sf-c-txt-darkgreen\:0 { color: hsl(var(--sf-c-txt-darkgreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:5, html.auto .sf-c-txt-darkgreen\:5 { color: hsl(var(--sf-c-txt-darkgreen-5)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:10, html.auto .sf-c-txt-darkgreen\:10 { color: hsl(var(--sf-c-txt-darkgreen-10)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:15, html.auto .sf-c-txt-darkgreen\:15 { color: hsl(var(--sf-c-txt-darkgreen-15)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:20, html.auto .sf-c-txt-darkgreen\:20 { color: hsl(var(--sf-c-txt-darkgreen-20)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:25, html.auto .sf-c-txt-darkgreen\:25 { color: hsl(var(--sf-c-txt-darkgreen-25)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:30, html.auto .sf-c-txt-darkgreen\:30 { color: hsl(var(--sf-c-txt-darkgreen-30)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:35, html.auto .sf-c-txt-darkgreen\:35 { color: hsl(var(--sf-c-txt-darkgreen-35)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:40, html.auto .sf-c-txt-darkgreen\:40 { color: hsl(var(--sf-c-txt-darkgreen-40)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:45, html.auto .sf-c-txt-darkgreen\:45 { color: hsl(var(--sf-c-txt-darkgreen-45)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:50, html.auto .sf-c-txt-darkgreen\:50 { color: hsl(var(--sf-c-txt-darkgreen-50)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:55, html.auto .sf-c-txt-darkgreen\:55 { color: hsl(var(--sf-c-txt-darkgreen-55)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:60, html.auto .sf-c-txt-darkgreen\:60 { color: hsl(var(--sf-c-txt-darkgreen-60)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:65, html.auto .sf-c-txt-darkgreen\:65 { color: hsl(var(--sf-c-txt-darkgreen-65)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:70, html.auto .sf-c-txt-darkgreen\:70 { color: hsl(var(--sf-c-txt-darkgreen-70)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:75, html.auto .sf-c-txt-darkgreen\:75 { color: hsl(var(--sf-c-txt-darkgreen-75)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:80, html.auto .sf-c-txt-darkgreen\:80 { color: hsl(var(--sf-c-txt-darkgreen-80)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:85, html.auto .sf-c-txt-darkgreen\:85 { color: hsl(var(--sf-c-txt-darkgreen-85)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:90, html.auto .sf-c-txt-darkgreen\:90 { color: hsl(var(--sf-c-txt-darkgreen-90)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:95, html.auto .sf-c-txt-darkgreen\:95 { color: hsl(var(--sf-c-txt-darkgreen-95)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:100, html.auto .sf-c-txt-darkgreen\:100 { color: hsl(var(--sf-c-txt-darkgreen-100)) } + + html[data-theme='auto'] .sf-c-txt-darkgreen\:dark, html.auto .sf-c-txt-darkgreen\:dark { color: hsl(var(--sf-c-txt-darkgreen)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:0\:dark, html.auto .sf-c-txt-darkgreen\:0\:dark { color: hsl(var(--sf-c-txt-darkgreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:5\:dark, html.auto .sf-c-txt-darkgreen\:5\:dark { color: hsl(var(--sf-c-txt-darkgreen-5)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:10\:dark, html.auto .sf-c-txt-darkgreen\:10\:dark { color: hsl(var(--sf-c-txt-darkgreen-10)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:15\:dark, html.auto .sf-c-txt-darkgreen\:15\:dark { color: hsl(var(--sf-c-txt-darkgreen-15)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:20\:dark, html.auto .sf-c-txt-darkgreen\:20\:dark { color: hsl(var(--sf-c-txt-darkgreen-20)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:25\:dark, html.auto .sf-c-txt-darkgreen\:25\:dark { color: hsl(var(--sf-c-txt-darkgreen-25)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:30\:dark, html.auto .sf-c-txt-darkgreen\:30\:dark { color: hsl(var(--sf-c-txt-darkgreen-30)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:35\:dark, html.auto .sf-c-txt-darkgreen\:35\:dark { color: hsl(var(--sf-c-txt-darkgreen-35)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:40\:dark, html.auto .sf-c-txt-darkgreen\:40\:dark { color: hsl(var(--sf-c-txt-darkgreen-40)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:45\:dark, html.auto .sf-c-txt-darkgreen\:45\:dark { color: hsl(var(--sf-c-txt-darkgreen-45)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:50\:dark, html.auto .sf-c-txt-darkgreen\:50\:dark { color: hsl(var(--sf-c-txt-darkgreen-50)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:55\:dark, html.auto .sf-c-txt-darkgreen\:55\:dark { color: hsl(var(--sf-c-txt-darkgreen-55)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:60\:dark, html.auto .sf-c-txt-darkgreen\:60\:dark { color: hsl(var(--sf-c-txt-darkgreen-60)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:65\:dark, html.auto .sf-c-txt-darkgreen\:65\:dark { color: hsl(var(--sf-c-txt-darkgreen-65)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:70\:dark, html.auto .sf-c-txt-darkgreen\:70\:dark { color: hsl(var(--sf-c-txt-darkgreen-70)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:75\:dark, html.auto .sf-c-txt-darkgreen\:75\:dark { color: hsl(var(--sf-c-txt-darkgreen-75)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:80\:dark, html.auto .sf-c-txt-darkgreen\:80\:dark { color: hsl(var(--sf-c-txt-darkgreen-80)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:85\:dark, html.auto .sf-c-txt-darkgreen\:85\:dark { color: hsl(var(--sf-c-txt-darkgreen-85)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:90\:dark, html.auto .sf-c-txt-darkgreen\:90\:dark { color: hsl(var(--sf-c-txt-darkgreen-90)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:95\:dark, html.auto .sf-c-txt-darkgreen\:95\:dark { color: hsl(var(--sf-c-txt-darkgreen-95)) } + html[data-theme='auto'] .sf-c-txt-darkgreen\:100\:dark, html.auto .sf-c-txt-darkgreen\:100\:dark { color: hsl(var(--sf-c-txt-darkgreen-100)) } + html.var[data-theme='auto'] .sf-c-darkgreen, html.var.auto .sf-c-darkgreen { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 80%) } html.var[data-theme='auto'] .sf-c-darkgreen\:0, html.var.auto .sf-c-darkgreen\:0 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkgreen\:5, html.var.auto .sf-c-darkgreen\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkgreen\:100\:dark, html.var.dark .sf-c-dark html.var[data-theme='auto'] .sf-c-darkgreen\:90\:dark, html.var.auto .sf-c-darkgreen\:90\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkgreen\:95\:dark, html.var.auto .sf-c-darkgreen\:95\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } html.var[data-theme='auto'] .sf-c-darkgreen\:100\:dark, html.var.auto .sf-c-darkgreen\:100\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } -} -.sf-c-txt-darkgreen { color: hsl(var(--sf-c-txt-darkgreen)) } -.sf-c-txt-darkgreen\:0 { color: hsl(var(--sf-c-txt-darkgreen-0)) } -.sf-c-txt-darkgreen\:5 { color: hsl(var(--sf-c-txt-darkgreen-5)) } -.sf-c-txt-darkgreen\:10 { color: hsl(var(--sf-c-txt-darkgreen-10)) } -.sf-c-txt-darkgreen\:15 { color: hsl(var(--sf-c-txt-darkgreen-15)) } -.sf-c-txt-darkgreen\:20 { color: hsl(var(--sf-c-txt-darkgreen-20)) } -.sf-c-txt-darkgreen\:25 { color: hsl(var(--sf-c-txt-darkgreen-25)) } -.sf-c-txt-darkgreen\:30 { color: hsl(var(--sf-c-txt-darkgreen-30)) } -.sf-c-txt-darkgreen\:35 { color: hsl(var(--sf-c-txt-darkgreen-35)) } -.sf-c-txt-darkgreen\:40 { color: hsl(var(--sf-c-txt-darkgreen-40)) } -.sf-c-txt-darkgreen\:45 { color: hsl(var(--sf-c-txt-darkgreen-45)) } -.sf-c-txt-darkgreen\:50 { color: hsl(var(--sf-c-txt-darkgreen-50)) } -.sf-c-txt-darkgreen\:55 { color: hsl(var(--sf-c-txt-darkgreen-55)) } -.sf-c-txt-darkgreen\:60 { color: hsl(var(--sf-c-txt-darkgreen-60)) } -.sf-c-txt-darkgreen\:65 { color: hsl(var(--sf-c-txt-darkgreen-65)) } -.sf-c-txt-darkgreen\:70 { color: hsl(var(--sf-c-txt-darkgreen-70)) } -.sf-c-txt-darkgreen\:75 { color: hsl(var(--sf-c-txt-darkgreen-75)) } -.sf-c-txt-darkgreen\:80 { color: hsl(var(--sf-c-txt-darkgreen-80)) } -.sf-c-txt-darkgreen\:85 { color: hsl(var(--sf-c-txt-darkgreen-85)) } -.sf-c-txt-darkgreen\:90 { color: hsl(var(--sf-c-txt-darkgreen-90)) } -.sf-c-txt-darkgreen\:95 { color: hsl(var(--sf-c-txt-darkgreen-95)) } -.sf-c-txt-darkgreen\:100 { color: hsl(var(--sf-c-txt-darkgreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkgreen, html.auto .sf-c-txt-darkgreen { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:0, html.auto .sf-c-txt-darkgreen\:0 { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:5, html.auto .sf-c-txt-darkgreen\:5 { color: hsl(120, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:10, html.auto .sf-c-txt-darkgreen\:10 { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:15, html.auto .sf-c-txt-darkgreen\:15 { color: hsl(120, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:20, html.auto .sf-c-txt-darkgreen\:20 { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:25, html.auto .sf-c-txt-darkgreen\:25 { color: hsl(120, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:30, html.auto .sf-c-txt-darkgreen\:30 { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:35, html.auto .sf-c-txt-darkgreen\:35 { color: hsl(120, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:40, html.auto .sf-c-txt-darkgreen\:40 { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:45, html.auto .sf-c-txt-darkgreen\:45 { color: hsl(120, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:50, html.auto .sf-c-txt-darkgreen\:50 { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:55, html.auto .sf-c-txt-darkgreen\:55 { color: hsl(120, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:60, html.auto .sf-c-txt-darkgreen\:60 { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:65, html.auto .sf-c-txt-darkgreen\:65 { color: hsl(120, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:70, html.auto .sf-c-txt-darkgreen\:70 { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:75, html.auto .sf-c-txt-darkgreen\:75 { color: hsl(120, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:80, html.auto .sf-c-txt-darkgreen\:80 { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:85, html.auto .sf-c-txt-darkgreen\:85 { color: hsl(120, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:90, html.auto .sf-c-txt-darkgreen\:90 { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:95, html.auto .sf-c-txt-darkgreen\:95 { color: hsl(120, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:100, html.auto .sf-c-txt-darkgreen\:100 { color: hsl(120, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:dark, html.auto .sf-c-txt-darkgreen\:dark { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:0\:dark, html.auto .sf-c-txt-darkgreen\:0\:dark { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:5\:dark, html.auto .sf-c-txt-darkgreen\:5\:dark { color: hsl(120, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:10\:dark, html.auto .sf-c-txt-darkgreen\:10\:dark { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:15\:dark, html.auto .sf-c-txt-darkgreen\:15\:dark { color: hsl(120, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:20\:dark, html.auto .sf-c-txt-darkgreen\:20\:dark { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:25\:dark, html.auto .sf-c-txt-darkgreen\:25\:dark { color: hsl(120, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:30\:dark, html.auto .sf-c-txt-darkgreen\:30\:dark { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:35\:dark, html.auto .sf-c-txt-darkgreen\:35\:dark { color: hsl(120, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:40\:dark, html.auto .sf-c-txt-darkgreen\:40\:dark { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:45\:dark, html.auto .sf-c-txt-darkgreen\:45\:dark { color: hsl(120, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:50\:dark, html.auto .sf-c-txt-darkgreen\:50\:dark { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:55\:dark, html.auto .sf-c-txt-darkgreen\:55\:dark { color: hsl(120, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:60\:dark, html.auto .sf-c-txt-darkgreen\:60\:dark { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:65\:dark, html.auto .sf-c-txt-darkgreen\:65\:dark { color: hsl(120, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:70\:dark, html.auto .sf-c-txt-darkgreen\:70\:dark { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:75\:dark, html.auto .sf-c-txt-darkgreen\:75\:dark { color: hsl(120, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:80\:dark, html.auto .sf-c-txt-darkgreen\:80\:dark { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:85\:dark, html.auto .sf-c-txt-darkgreen\:85\:dark { color: hsl(120, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:90\:dark, html.auto .sf-c-txt-darkgreen\:90\:dark { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:95\:dark, html.auto .sf-c-txt-darkgreen\:95\:dark { color: hsl(120, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkgreen\:100\:dark, html.auto .sf-c-txt-darkgreen\:100\:dark { color: hsl(120, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkgrey.css b/src/colors/20/darkgrey.css index 31f17a9..289b75a 100644 --- a/src/colors/20/darkgrey.css +++ b/src/colors/20/darkgrey.css @@ -138,6 +138,52 @@ html.var .sf-c-darkgrey\:90 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) html.var .sf-c-darkgrey\:95 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } html.var .sf-c-darkgrey\:100 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } +.sf-c-txt-darkgrey { color: hsl(var(--sf-dark-c-txt-darkgrey)) } +.sf-c-txt-darkgrey\:0 { color: hsl(var(--sf-dark-c-txt-darkgrey-100)) } +.sf-c-txt-darkgrey\:5 { color: hsl(var(--sf-dark-c-txt-darkgrey-95)) } +.sf-c-txt-darkgrey\:10 { color: hsl(var(--sf-dark-c-txt-darkgrey-90)) } +.sf-c-txt-darkgrey\:15 { color: hsl(var(--sf-dark-c-txt-darkgrey-85)) } +.sf-c-txt-darkgrey\:20 { color: hsl(var(--sf-dark-c-txt-darkgrey-80)) } +.sf-c-txt-darkgrey\:25 { color: hsl(var(--sf-dark-c-txt-darkgrey-75)) } +.sf-c-txt-darkgrey\:30 { color: hsl(var(--sf-dark-c-txt-darkgrey-70)) } +.sf-c-txt-darkgrey\:35 { color: hsl(var(--sf-dark-c-txt-darkgrey-65)) } +.sf-c-txt-darkgrey\:40 { color: hsl(var(--sf-dark-c-txt-darkgrey-60)) } +.sf-c-txt-darkgrey\:45 { color: hsl(var(--sf-dark-c-txt-darkgrey-55)) } +.sf-c-txt-darkgrey\:50 { color: hsl(var(--sf-dark-c-txt-darkgrey-50)) } +.sf-c-txt-darkgrey\:55 { color: hsl(var(--sf-dark-c-txt-darkgrey-45)) } +.sf-c-txt-darkgrey\:60 { color: hsl(var(--sf-dark-c-txt-darkgrey-40)) } +.sf-c-txt-darkgrey\:65 { color: hsl(var(--sf-dark-c-txt-darkgrey-35)) } +.sf-c-txt-darkgrey\:70 { color: hsl(var(--sf-dark-c-txt-darkgrey-30)) } +.sf-c-txt-darkgrey\:75 { color: hsl(var(--sf-dark-c-txt-darkgrey-25)) } +.sf-c-txt-darkgrey\:80 { color: hsl(var(--sf-dark-c-txt-darkgrey-20)) } +.sf-c-txt-darkgrey\:85 { color: hsl(var(--sf-dark-c-txt-darkgrey-15)) } +.sf-c-txt-darkgrey\:90 { color: hsl(var(--sf-dark-c-txt-darkgrey-10)) } +.sf-c-txt-darkgrey\:95 { color: hsl(var(--sf-dark-c-txt-darkgrey-5)) } +.sf-c-txt-darkgrey\:100 { color: hsl(var(--sf-dark-c-txt-darkgrey-0)) } + +html.var .sf-c-txt-darkgrey { color: hsl(0, 0%, 34%) } +html.var .sf-c-txt-darkgrey\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-darkgrey\:5 { color: hsl(0, 0%, 95%) } +html.var .sf-c-txt-darkgrey\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-darkgrey\:15 { color: hsl(0, 0%, 85%) } +html.var .sf-c-txt-darkgrey\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-darkgrey\:25 { color: hsl(0, 0%, 75%) } +html.var .sf-c-txt-darkgrey\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-darkgrey\:35 { color: hsl(0, 0%, 65%) } +html.var .sf-c-txt-darkgrey\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-darkgrey\:45 { color: hsl(0, 0%, 55%) } +html.var .sf-c-txt-darkgrey\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-darkgrey\:55 { color: hsl(0, 0%, 45%) } +html.var .sf-c-txt-darkgrey\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-darkgrey\:65 { color: hsl(0, 0%, 35%) } +html.var .sf-c-txt-darkgrey\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-darkgrey\:75 { color: hsl(0, 0%, 25%) } +html.var .sf-c-txt-darkgrey\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-darkgrey\:85 { color: hsl(0, 0%, 15%) } +html.var .sf-c-txt-darkgrey\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-darkgrey\:95 { color: hsl(0, 0%, 5%) } +html.var .sf-c-txt-darkgrey\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-darkgrey, html.dark .sf-c-darkgrey { color: hsl(var(--sf-dark-c-txt-darkgrey-95)); background: hsl(var(--sf-dark-c-darkgrey)) } html[data-theme='dark'] .sf-c-darkgrey\:0, html.dark .sf-c-darkgrey\:0 { color: hsl(var(--sf-dark-c-txt-darkgrey-95)); background: hsl(var(--sf-dark-c-darkgrey-100)) } html[data-theme='dark'] .sf-c-darkgrey\:5, html.dark .sf-c-darkgrey\:5 { color: hsl(var(--sf-dark-c-txt-darkgrey-5)); background: hsl(var(--sf-dark-c-darkgrey-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkgrey\:90\:dark, html.dark .sf-c-darkgrey\:90\: html[data-theme='dark'] .sf-c-darkgrey\:95\:dark, html.dark .sf-c-darkgrey\:95\:dark { color: hsl(var(--sf-c-txt-darkgrey-95)); background: hsl(var(--sf-c-darkgrey-5)) } html[data-theme='dark'] .sf-c-darkgrey\:100\:dark, html.dark .sf-c-darkgrey\:100\:dark { color: hsl(var(--sf-c-txt-darkgrey-95)); background: hsl(var(--sf-c-darkgrey-0)) } +html[data-theme='dark'] .sf-c-txt-darkgrey, html.dark .sf-c-txt-darkgrey { color: hsl(var(--sf-c-txt-darkgrey)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:0, html.dark .sf-c-txt-darkgrey\:0 { color: hsl(var(--sf-c-txt-darkgrey-0)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:5, html.dark .sf-c-txt-darkgrey\:5 { color: hsl(var(--sf-c-txt-darkgrey-5)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:10, html.dark .sf-c-txt-darkgrey\:10 { color: hsl(var(--sf-c-txt-darkgrey-10)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:15, html.dark .sf-c-txt-darkgrey\:15 { color: hsl(var(--sf-c-txt-darkgrey-15)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:20, html.dark .sf-c-txt-darkgrey\:20 { color: hsl(var(--sf-c-txt-darkgrey-20)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:25, html.dark .sf-c-txt-darkgrey\:25 { color: hsl(var(--sf-c-txt-darkgrey-25)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:30, html.dark .sf-c-txt-darkgrey\:30 { color: hsl(var(--sf-c-txt-darkgrey-30)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:35, html.dark .sf-c-txt-darkgrey\:35 { color: hsl(var(--sf-c-txt-darkgrey-35)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:40, html.dark .sf-c-txt-darkgrey\:40 { color: hsl(var(--sf-c-txt-darkgrey-40)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:45, html.dark .sf-c-txt-darkgrey\:45 { color: hsl(var(--sf-c-txt-darkgrey-45)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:50, html.dark .sf-c-txt-darkgrey\:50 { color: hsl(var(--sf-c-txt-darkgrey-50)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:55, html.dark .sf-c-txt-darkgrey\:55 { color: hsl(var(--sf-c-txt-darkgrey-55)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:60, html.dark .sf-c-txt-darkgrey\:60 { color: hsl(var(--sf-c-txt-darkgrey-60)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:65, html.dark .sf-c-txt-darkgrey\:65 { color: hsl(var(--sf-c-txt-darkgrey-65)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:70, html.dark .sf-c-txt-darkgrey\:70 { color: hsl(var(--sf-c-txt-darkgrey-70)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:75, html.dark .sf-c-txt-darkgrey\:75 { color: hsl(var(--sf-c-txt-darkgrey-75)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:80, html.dark .sf-c-txt-darkgrey\:80 { color: hsl(var(--sf-c-txt-darkgrey-80)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:85, html.dark .sf-c-txt-darkgrey\:85 { color: hsl(var(--sf-c-txt-darkgrey-85)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:90, html.dark .sf-c-txt-darkgrey\:90 { color: hsl(var(--sf-c-txt-darkgrey-90)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:95, html.dark .sf-c-txt-darkgrey\:95 { color: hsl(var(--sf-c-txt-darkgrey-95)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:100, html.dark .sf-c-txt-darkgrey\:100 { color: hsl(var(--sf-c-txt-darkgrey-100)) } + +html[data-theme='dark'] .sf-c-txt-darkgrey\:dark, html.dark .sf-c-txt-darkgrey\:dark { color: hsl(var(--sf-c-txt-darkgrey)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:0\:dark, html.dark .sf-c-txt-darkgrey\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-0)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:5\:dark, html.dark .sf-c-txt-darkgrey\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-5)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:10\:dark, html.dark .sf-c-txt-darkgrey\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-10)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:15\:dark, html.dark .sf-c-txt-darkgrey\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-15)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:20\:dark, html.dark .sf-c-txt-darkgrey\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-20)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:25\:dark, html.dark .sf-c-txt-darkgrey\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-25)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:30\:dark, html.dark .sf-c-txt-darkgrey\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-30)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:35\:dark, html.dark .sf-c-txt-darkgrey\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-35)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:40\:dark, html.dark .sf-c-txt-darkgrey\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-40)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:45\:dark, html.dark .sf-c-txt-darkgrey\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-45)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:50\:dark, html.dark .sf-c-txt-darkgrey\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-50)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:55\:dark, html.dark .sf-c-txt-darkgrey\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-55)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:60\:dark, html.dark .sf-c-txt-darkgrey\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-60)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:65\:dark, html.dark .sf-c-txt-darkgrey\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-65)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:70\:dark, html.dark .sf-c-txt-darkgrey\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-70)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:75\:dark, html.dark .sf-c-txt-darkgrey\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-75)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:80\:dark, html.dark .sf-c-txt-darkgrey\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-80)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:85\:dark, html.dark .sf-c-txt-darkgrey\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-85)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:90\:dark, html.dark .sf-c-txt-darkgrey\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-90)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:95\:dark, html.dark .sf-c-txt-darkgrey\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-95)) } +html[data-theme='dark'] .sf-c-txt-darkgrey\:100\:dark, html.dark .sf-c-txt-darkgrey\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkgrey-100)) } + html.var[data-theme='dark'] .sf-c-darkgrey, html.var.dark .sf-c-darkgrey { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 34%) } html.var[data-theme='dark'] .sf-c-darkgrey\:0, html.var.dark .sf-c-darkgrey\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-darkgrey\:5, html.var.dark .sf-c-darkgrey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkgrey\:90\:dark, html.var.dark .sf-c-darkgr html.var[data-theme='dark'] .sf-c-darkgrey\:95\:dark, html.var.dark .sf-c-darkgrey\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='dark'] .sf-c-darkgrey\:100\:dark, html.var.dark .sf-c-darkgrey\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey, html.dark .sf-c-txt-darkgrey { color: hsl(0, 0%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:0, html.dark .sf-c-txt-darkgrey\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:5, html.dark .sf-c-txt-darkgrey\:5 { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:10, html.dark .sf-c-txt-darkgrey\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:15, html.dark .sf-c-txt-darkgrey\:15 { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:20, html.dark .sf-c-txt-darkgrey\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:25, html.dark .sf-c-txt-darkgrey\:25 { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:30, html.dark .sf-c-txt-darkgrey\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:35, html.dark .sf-c-txt-darkgrey\:35 { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:40, html.dark .sf-c-txt-darkgrey\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:45, html.dark .sf-c-txt-darkgrey\:45 { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:50, html.dark .sf-c-txt-darkgrey\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:55, html.dark .sf-c-txt-darkgrey\:55 { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:60, html.dark .sf-c-txt-darkgrey\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:65, html.dark .sf-c-txt-darkgrey\:65 { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:70, html.dark .sf-c-txt-darkgrey\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:75, html.dark .sf-c-txt-darkgrey\:75 { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:80, html.dark .sf-c-txt-darkgrey\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:85, html.dark .sf-c-txt-darkgrey\:85 { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:90, html.dark .sf-c-txt-darkgrey\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:95, html.dark .sf-c-txt-darkgrey\:95 { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:100, html.dark .sf-c-txt-darkgrey\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:dark, html.dark .sf-c-txt-darkgrey\:dark { color: hsl(0, 0%, 66%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:0\:dark, html.dark .sf-c-txt-darkgrey\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:5\:dark, html.dark .sf-c-txt-darkgrey\:5\:dark { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:10\:dark, html.dark .sf-c-txt-darkgrey\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:15\:dark, html.dark .sf-c-txt-darkgrey\:15\:dark { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:20\:dark, html.dark .sf-c-txt-darkgrey\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:25\:dark, html.dark .sf-c-txt-darkgrey\:25\:dark { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:30\:dark, html.dark .sf-c-txt-darkgrey\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:35\:dark, html.dark .sf-c-txt-darkgrey\:35\:dark { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:40\:dark, html.dark .sf-c-txt-darkgrey\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:45\:dark, html.dark .sf-c-txt-darkgrey\:45\:dark { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:50\:dark, html.dark .sf-c-txt-darkgrey\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:55\:dark, html.dark .sf-c-txt-darkgrey\:55\:dark { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:60\:dark, html.dark .sf-c-txt-darkgrey\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:65\:dark, html.dark .sf-c-txt-darkgrey\:65\:dark { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:70\:dark, html.dark .sf-c-txt-darkgrey\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:75\:dark, html.dark .sf-c-txt-darkgrey\:75\:dark { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:80\:dark, html.dark .sf-c-txt-darkgrey\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:85\:dark, html.dark .sf-c-txt-darkgrey\:85\:dark { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:90\:dark, html.dark .sf-c-txt-darkgrey\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:95\:dark, html.dark .sf-c-txt-darkgrey\:95\:dark { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkgrey\:100\:dark, html.dark .sf-c-txt-darkgrey\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkgrey, html.auto .sf-c-darkgrey { color: hsl(var(--sf-dark-c-txt-darkgrey-95)); background: hsl(var(--sf-dark-c-darkgrey)) } html[data-theme='auto'] .sf-c-darkgrey\:0, html.auto .sf-c-darkgrey\:0 { color: hsl(var(--sf-dark-c-txt-darkgrey-95)); background: hsl(var(--sf-dark-c-darkgrey-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkgrey\:100\:dark, html.var.dark .sf-c-darkg html[data-theme='auto'] .sf-c-darkgrey\:95\:dark, html.auto .sf-c-darkgrey\:95\:dark { color: hsl(var(--sf-c-txt-darkgrey-95)); background: hsl(var(--sf-c-darkgrey-5)) } html[data-theme='auto'] .sf-c-darkgrey\:100\:dark, html.auto .sf-c-darkgrey\:100\:dark { color: hsl(var(--sf-c-txt-darkgrey-95)); background: hsl(var(--sf-c-darkgrey-0)) } + html[data-theme='auto'] .sf-c-txt-darkgrey, html.auto .sf-c-txt-darkgrey { color: hsl(var(--sf-c-txt-darkgrey)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:0, html.auto .sf-c-txt-darkgrey\:0 { color: hsl(var(--sf-c-txt-darkgrey-0)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:5, html.auto .sf-c-txt-darkgrey\:5 { color: hsl(var(--sf-c-txt-darkgrey-5)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:10, html.auto .sf-c-txt-darkgrey\:10 { color: hsl(var(--sf-c-txt-darkgrey-10)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:15, html.auto .sf-c-txt-darkgrey\:15 { color: hsl(var(--sf-c-txt-darkgrey-15)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:20, html.auto .sf-c-txt-darkgrey\:20 { color: hsl(var(--sf-c-txt-darkgrey-20)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:25, html.auto .sf-c-txt-darkgrey\:25 { color: hsl(var(--sf-c-txt-darkgrey-25)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:30, html.auto .sf-c-txt-darkgrey\:30 { color: hsl(var(--sf-c-txt-darkgrey-30)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:35, html.auto .sf-c-txt-darkgrey\:35 { color: hsl(var(--sf-c-txt-darkgrey-35)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:40, html.auto .sf-c-txt-darkgrey\:40 { color: hsl(var(--sf-c-txt-darkgrey-40)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:45, html.auto .sf-c-txt-darkgrey\:45 { color: hsl(var(--sf-c-txt-darkgrey-45)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:50, html.auto .sf-c-txt-darkgrey\:50 { color: hsl(var(--sf-c-txt-darkgrey-50)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:55, html.auto .sf-c-txt-darkgrey\:55 { color: hsl(var(--sf-c-txt-darkgrey-55)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:60, html.auto .sf-c-txt-darkgrey\:60 { color: hsl(var(--sf-c-txt-darkgrey-60)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:65, html.auto .sf-c-txt-darkgrey\:65 { color: hsl(var(--sf-c-txt-darkgrey-65)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:70, html.auto .sf-c-txt-darkgrey\:70 { color: hsl(var(--sf-c-txt-darkgrey-70)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:75, html.auto .sf-c-txt-darkgrey\:75 { color: hsl(var(--sf-c-txt-darkgrey-75)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:80, html.auto .sf-c-txt-darkgrey\:80 { color: hsl(var(--sf-c-txt-darkgrey-80)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:85, html.auto .sf-c-txt-darkgrey\:85 { color: hsl(var(--sf-c-txt-darkgrey-85)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:90, html.auto .sf-c-txt-darkgrey\:90 { color: hsl(var(--sf-c-txt-darkgrey-90)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:95, html.auto .sf-c-txt-darkgrey\:95 { color: hsl(var(--sf-c-txt-darkgrey-95)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:100, html.auto .sf-c-txt-darkgrey\:100 { color: hsl(var(--sf-c-txt-darkgrey-100)) } + + html[data-theme='auto'] .sf-c-txt-darkgrey\:dark, html.auto .sf-c-txt-darkgrey\:dark { color: hsl(var(--sf-c-txt-darkgrey)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:0\:dark, html.auto .sf-c-txt-darkgrey\:0\:dark { color: hsl(var(--sf-c-txt-darkgrey-0)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:5\:dark, html.auto .sf-c-txt-darkgrey\:5\:dark { color: hsl(var(--sf-c-txt-darkgrey-5)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:10\:dark, html.auto .sf-c-txt-darkgrey\:10\:dark { color: hsl(var(--sf-c-txt-darkgrey-10)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:15\:dark, html.auto .sf-c-txt-darkgrey\:15\:dark { color: hsl(var(--sf-c-txt-darkgrey-15)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:20\:dark, html.auto .sf-c-txt-darkgrey\:20\:dark { color: hsl(var(--sf-c-txt-darkgrey-20)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:25\:dark, html.auto .sf-c-txt-darkgrey\:25\:dark { color: hsl(var(--sf-c-txt-darkgrey-25)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:30\:dark, html.auto .sf-c-txt-darkgrey\:30\:dark { color: hsl(var(--sf-c-txt-darkgrey-30)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:35\:dark, html.auto .sf-c-txt-darkgrey\:35\:dark { color: hsl(var(--sf-c-txt-darkgrey-35)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:40\:dark, html.auto .sf-c-txt-darkgrey\:40\:dark { color: hsl(var(--sf-c-txt-darkgrey-40)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:45\:dark, html.auto .sf-c-txt-darkgrey\:45\:dark { color: hsl(var(--sf-c-txt-darkgrey-45)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:50\:dark, html.auto .sf-c-txt-darkgrey\:50\:dark { color: hsl(var(--sf-c-txt-darkgrey-50)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:55\:dark, html.auto .sf-c-txt-darkgrey\:55\:dark { color: hsl(var(--sf-c-txt-darkgrey-55)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:60\:dark, html.auto .sf-c-txt-darkgrey\:60\:dark { color: hsl(var(--sf-c-txt-darkgrey-60)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:65\:dark, html.auto .sf-c-txt-darkgrey\:65\:dark { color: hsl(var(--sf-c-txt-darkgrey-65)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:70\:dark, html.auto .sf-c-txt-darkgrey\:70\:dark { color: hsl(var(--sf-c-txt-darkgrey-70)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:75\:dark, html.auto .sf-c-txt-darkgrey\:75\:dark { color: hsl(var(--sf-c-txt-darkgrey-75)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:80\:dark, html.auto .sf-c-txt-darkgrey\:80\:dark { color: hsl(var(--sf-c-txt-darkgrey-80)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:85\:dark, html.auto .sf-c-txt-darkgrey\:85\:dark { color: hsl(var(--sf-c-txt-darkgrey-85)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:90\:dark, html.auto .sf-c-txt-darkgrey\:90\:dark { color: hsl(var(--sf-c-txt-darkgrey-90)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:95\:dark, html.auto .sf-c-txt-darkgrey\:95\:dark { color: hsl(var(--sf-c-txt-darkgrey-95)) } + html[data-theme='auto'] .sf-c-txt-darkgrey\:100\:dark, html.auto .sf-c-txt-darkgrey\:100\:dark { color: hsl(var(--sf-c-txt-darkgrey-100)) } + html.var[data-theme='auto'] .sf-c-darkgrey, html.var.auto .sf-c-darkgrey { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 34%) } html.var[data-theme='auto'] .sf-c-darkgrey\:0, html.var.auto .sf-c-darkgrey\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-darkgrey\:5, html.var.auto .sf-c-darkgrey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkgrey\:100\:dark, html.var.dark .sf-c-darkg html.var[data-theme='auto'] .sf-c-darkgrey\:90\:dark, html.var.auto .sf-c-darkgrey\:90\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-darkgrey\:95\:dark, html.var.auto .sf-c-darkgrey\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='auto'] .sf-c-darkgrey\:100\:dark, html.var.auto .sf-c-darkgrey\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-darkgrey { color: hsl(var(--sf-c-txt-darkgrey)) } -.sf-c-txt-darkgrey\:0 { color: hsl(var(--sf-c-txt-darkgrey-0)) } -.sf-c-txt-darkgrey\:5 { color: hsl(var(--sf-c-txt-darkgrey-5)) } -.sf-c-txt-darkgrey\:10 { color: hsl(var(--sf-c-txt-darkgrey-10)) } -.sf-c-txt-darkgrey\:15 { color: hsl(var(--sf-c-txt-darkgrey-15)) } -.sf-c-txt-darkgrey\:20 { color: hsl(var(--sf-c-txt-darkgrey-20)) } -.sf-c-txt-darkgrey\:25 { color: hsl(var(--sf-c-txt-darkgrey-25)) } -.sf-c-txt-darkgrey\:30 { color: hsl(var(--sf-c-txt-darkgrey-30)) } -.sf-c-txt-darkgrey\:35 { color: hsl(var(--sf-c-txt-darkgrey-35)) } -.sf-c-txt-darkgrey\:40 { color: hsl(var(--sf-c-txt-darkgrey-40)) } -.sf-c-txt-darkgrey\:45 { color: hsl(var(--sf-c-txt-darkgrey-45)) } -.sf-c-txt-darkgrey\:50 { color: hsl(var(--sf-c-txt-darkgrey-50)) } -.sf-c-txt-darkgrey\:55 { color: hsl(var(--sf-c-txt-darkgrey-55)) } -.sf-c-txt-darkgrey\:60 { color: hsl(var(--sf-c-txt-darkgrey-60)) } -.sf-c-txt-darkgrey\:65 { color: hsl(var(--sf-c-txt-darkgrey-65)) } -.sf-c-txt-darkgrey\:70 { color: hsl(var(--sf-c-txt-darkgrey-70)) } -.sf-c-txt-darkgrey\:75 { color: hsl(var(--sf-c-txt-darkgrey-75)) } -.sf-c-txt-darkgrey\:80 { color: hsl(var(--sf-c-txt-darkgrey-80)) } -.sf-c-txt-darkgrey\:85 { color: hsl(var(--sf-c-txt-darkgrey-85)) } -.sf-c-txt-darkgrey\:90 { color: hsl(var(--sf-c-txt-darkgrey-90)) } -.sf-c-txt-darkgrey\:95 { color: hsl(var(--sf-c-txt-darkgrey-95)) } -.sf-c-txt-darkgrey\:100 { color: hsl(var(--sf-c-txt-darkgrey-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkgrey, html.auto .sf-c-txt-darkgrey { color: hsl(0, 0%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:0, html.auto .sf-c-txt-darkgrey\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:5, html.auto .sf-c-txt-darkgrey\:5 { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:10, html.auto .sf-c-txt-darkgrey\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:15, html.auto .sf-c-txt-darkgrey\:15 { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:20, html.auto .sf-c-txt-darkgrey\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:25, html.auto .sf-c-txt-darkgrey\:25 { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:30, html.auto .sf-c-txt-darkgrey\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:35, html.auto .sf-c-txt-darkgrey\:35 { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:40, html.auto .sf-c-txt-darkgrey\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:45, html.auto .sf-c-txt-darkgrey\:45 { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:50, html.auto .sf-c-txt-darkgrey\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:55, html.auto .sf-c-txt-darkgrey\:55 { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:60, html.auto .sf-c-txt-darkgrey\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:65, html.auto .sf-c-txt-darkgrey\:65 { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:70, html.auto .sf-c-txt-darkgrey\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:75, html.auto .sf-c-txt-darkgrey\:75 { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:80, html.auto .sf-c-txt-darkgrey\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:85, html.auto .sf-c-txt-darkgrey\:85 { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:90, html.auto .sf-c-txt-darkgrey\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:95, html.auto .sf-c-txt-darkgrey\:95 { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:100, html.auto .sf-c-txt-darkgrey\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:dark, html.auto .sf-c-txt-darkgrey\:dark { color: hsl(0, 0%, 66%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:0\:dark, html.auto .sf-c-txt-darkgrey\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:5\:dark, html.auto .sf-c-txt-darkgrey\:5\:dark { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:10\:dark, html.auto .sf-c-txt-darkgrey\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:15\:dark, html.auto .sf-c-txt-darkgrey\:15\:dark { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:20\:dark, html.auto .sf-c-txt-darkgrey\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:25\:dark, html.auto .sf-c-txt-darkgrey\:25\:dark { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:30\:dark, html.auto .sf-c-txt-darkgrey\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:35\:dark, html.auto .sf-c-txt-darkgrey\:35\:dark { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:40\:dark, html.auto .sf-c-txt-darkgrey\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:45\:dark, html.auto .sf-c-txt-darkgrey\:45\:dark { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:50\:dark, html.auto .sf-c-txt-darkgrey\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:55\:dark, html.auto .sf-c-txt-darkgrey\:55\:dark { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:60\:dark, html.auto .sf-c-txt-darkgrey\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:65\:dark, html.auto .sf-c-txt-darkgrey\:65\:dark { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:70\:dark, html.auto .sf-c-txt-darkgrey\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:75\:dark, html.auto .sf-c-txt-darkgrey\:75\:dark { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:80\:dark, html.auto .sf-c-txt-darkgrey\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:85\:dark, html.auto .sf-c-txt-darkgrey\:85\:dark { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:90\:dark, html.auto .sf-c-txt-darkgrey\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:95\:dark, html.auto .sf-c-txt-darkgrey\:95\:dark { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkgrey\:100\:dark, html.auto .sf-c-txt-darkgrey\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkkhaki.css b/src/colors/20/darkkhaki.css index 20ea784..8c6b76b 100644 --- a/src/colors/20/darkkhaki.css +++ b/src/colors/20/darkkhaki.css @@ -138,6 +138,52 @@ html.var .sf-c-darkkhaki\:90 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, html.var .sf-c-darkkhaki\:95 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 95%) } html.var .sf-c-darkkhaki\:100 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 100%) } +.sf-c-txt-darkkhaki { color: hsl(var(--sf-dark-c-txt-darkkhaki)) } +.sf-c-txt-darkkhaki\:0 { color: hsl(var(--sf-dark-c-txt-darkkhaki-100)) } +.sf-c-txt-darkkhaki\:5 { color: hsl(var(--sf-dark-c-txt-darkkhaki-95)) } +.sf-c-txt-darkkhaki\:10 { color: hsl(var(--sf-dark-c-txt-darkkhaki-90)) } +.sf-c-txt-darkkhaki\:15 { color: hsl(var(--sf-dark-c-txt-darkkhaki-85)) } +.sf-c-txt-darkkhaki\:20 { color: hsl(var(--sf-dark-c-txt-darkkhaki-80)) } +.sf-c-txt-darkkhaki\:25 { color: hsl(var(--sf-dark-c-txt-darkkhaki-75)) } +.sf-c-txt-darkkhaki\:30 { color: hsl(var(--sf-dark-c-txt-darkkhaki-70)) } +.sf-c-txt-darkkhaki\:35 { color: hsl(var(--sf-dark-c-txt-darkkhaki-65)) } +.sf-c-txt-darkkhaki\:40 { color: hsl(var(--sf-dark-c-txt-darkkhaki-60)) } +.sf-c-txt-darkkhaki\:45 { color: hsl(var(--sf-dark-c-txt-darkkhaki-55)) } +.sf-c-txt-darkkhaki\:50 { color: hsl(var(--sf-dark-c-txt-darkkhaki-50)) } +.sf-c-txt-darkkhaki\:55 { color: hsl(var(--sf-dark-c-txt-darkkhaki-45)) } +.sf-c-txt-darkkhaki\:60 { color: hsl(var(--sf-dark-c-txt-darkkhaki-40)) } +.sf-c-txt-darkkhaki\:65 { color: hsl(var(--sf-dark-c-txt-darkkhaki-35)) } +.sf-c-txt-darkkhaki\:70 { color: hsl(var(--sf-dark-c-txt-darkkhaki-30)) } +.sf-c-txt-darkkhaki\:75 { color: hsl(var(--sf-dark-c-txt-darkkhaki-25)) } +.sf-c-txt-darkkhaki\:80 { color: hsl(var(--sf-dark-c-txt-darkkhaki-20)) } +.sf-c-txt-darkkhaki\:85 { color: hsl(var(--sf-dark-c-txt-darkkhaki-15)) } +.sf-c-txt-darkkhaki\:90 { color: hsl(var(--sf-dark-c-txt-darkkhaki-10)) } +.sf-c-txt-darkkhaki\:95 { color: hsl(var(--sf-dark-c-txt-darkkhaki-5)) } +.sf-c-txt-darkkhaki\:100 { color: hsl(var(--sf-dark-c-txt-darkkhaki-0)) } + +html.var .sf-c-txt-darkkhaki { color: hsl(56, 38%, 42%) } +html.var .sf-c-txt-darkkhaki\:0 { color: hsl(56, 38%, 100%) } +html.var .sf-c-txt-darkkhaki\:5 { color: hsl(56, 38%, 95%) } +html.var .sf-c-txt-darkkhaki\:10 { color: hsl(56, 38%, 90%) } +html.var .sf-c-txt-darkkhaki\:15 { color: hsl(56, 38%, 85%) } +html.var .sf-c-txt-darkkhaki\:20 { color: hsl(56, 38%, 80%) } +html.var .sf-c-txt-darkkhaki\:25 { color: hsl(56, 38%, 75%) } +html.var .sf-c-txt-darkkhaki\:30 { color: hsl(56, 38%, 70%) } +html.var .sf-c-txt-darkkhaki\:35 { color: hsl(56, 38%, 65%) } +html.var .sf-c-txt-darkkhaki\:40 { color: hsl(56, 38%, 60%) } +html.var .sf-c-txt-darkkhaki\:45 { color: hsl(56, 38%, 55%) } +html.var .sf-c-txt-darkkhaki\:50 { color: hsl(56, 38%, 50%) } +html.var .sf-c-txt-darkkhaki\:55 { color: hsl(56, 38%, 45%) } +html.var .sf-c-txt-darkkhaki\:60 { color: hsl(56, 38%, 40%) } +html.var .sf-c-txt-darkkhaki\:65 { color: hsl(56, 38%, 35%) } +html.var .sf-c-txt-darkkhaki\:70 { color: hsl(56, 38%, 30%) } +html.var .sf-c-txt-darkkhaki\:75 { color: hsl(56, 38%, 25%) } +html.var .sf-c-txt-darkkhaki\:80 { color: hsl(56, 38%, 20%) } +html.var .sf-c-txt-darkkhaki\:85 { color: hsl(56, 38%, 15%) } +html.var .sf-c-txt-darkkhaki\:90 { color: hsl(56, 38%, 10%) } +html.var .sf-c-txt-darkkhaki\:95 { color: hsl(56, 38%, 5%) } +html.var .sf-c-txt-darkkhaki\:100 { color: hsl(56, 38%, 0%) } + html[data-theme='dark'] .sf-c-darkkhaki, html.dark .sf-c-darkkhaki { color: hsl(var(--sf-dark-c-txt-darkkhaki-95)); background: hsl(var(--sf-dark-c-darkkhaki)) } html[data-theme='dark'] .sf-c-darkkhaki\:0, html.dark .sf-c-darkkhaki\:0 { color: hsl(var(--sf-dark-c-txt-darkkhaki-95)); background: hsl(var(--sf-dark-c-darkkhaki-100)) } html[data-theme='dark'] .sf-c-darkkhaki\:5, html.dark .sf-c-darkkhaki\:5 { color: hsl(var(--sf-dark-c-txt-darkkhaki-5)); background: hsl(var(--sf-dark-c-darkkhaki-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkkhaki\:90\:dark, html.dark .sf-c-darkkhaki\:90 html[data-theme='dark'] .sf-c-darkkhaki\:95\:dark, html.dark .sf-c-darkkhaki\:95\:dark { color: hsl(var(--sf-c-txt-darkkhaki-95)); background: hsl(var(--sf-c-darkkhaki-5)) } html[data-theme='dark'] .sf-c-darkkhaki\:100\:dark, html.dark .sf-c-darkkhaki\:100\:dark { color: hsl(var(--sf-c-txt-darkkhaki-95)); background: hsl(var(--sf-c-darkkhaki-0)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki, html.dark .sf-c-txt-darkkhaki { color: hsl(var(--sf-c-txt-darkkhaki)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:0, html.dark .sf-c-txt-darkkhaki\:0 { color: hsl(var(--sf-c-txt-darkkhaki-0)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:5, html.dark .sf-c-txt-darkkhaki\:5 { color: hsl(var(--sf-c-txt-darkkhaki-5)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:10, html.dark .sf-c-txt-darkkhaki\:10 { color: hsl(var(--sf-c-txt-darkkhaki-10)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:15, html.dark .sf-c-txt-darkkhaki\:15 { color: hsl(var(--sf-c-txt-darkkhaki-15)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:20, html.dark .sf-c-txt-darkkhaki\:20 { color: hsl(var(--sf-c-txt-darkkhaki-20)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:25, html.dark .sf-c-txt-darkkhaki\:25 { color: hsl(var(--sf-c-txt-darkkhaki-25)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:30, html.dark .sf-c-txt-darkkhaki\:30 { color: hsl(var(--sf-c-txt-darkkhaki-30)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:35, html.dark .sf-c-txt-darkkhaki\:35 { color: hsl(var(--sf-c-txt-darkkhaki-35)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:40, html.dark .sf-c-txt-darkkhaki\:40 { color: hsl(var(--sf-c-txt-darkkhaki-40)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:45, html.dark .sf-c-txt-darkkhaki\:45 { color: hsl(var(--sf-c-txt-darkkhaki-45)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:50, html.dark .sf-c-txt-darkkhaki\:50 { color: hsl(var(--sf-c-txt-darkkhaki-50)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:55, html.dark .sf-c-txt-darkkhaki\:55 { color: hsl(var(--sf-c-txt-darkkhaki-55)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:60, html.dark .sf-c-txt-darkkhaki\:60 { color: hsl(var(--sf-c-txt-darkkhaki-60)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:65, html.dark .sf-c-txt-darkkhaki\:65 { color: hsl(var(--sf-c-txt-darkkhaki-65)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:70, html.dark .sf-c-txt-darkkhaki\:70 { color: hsl(var(--sf-c-txt-darkkhaki-70)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:75, html.dark .sf-c-txt-darkkhaki\:75 { color: hsl(var(--sf-c-txt-darkkhaki-75)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:80, html.dark .sf-c-txt-darkkhaki\:80 { color: hsl(var(--sf-c-txt-darkkhaki-80)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:85, html.dark .sf-c-txt-darkkhaki\:85 { color: hsl(var(--sf-c-txt-darkkhaki-85)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:90, html.dark .sf-c-txt-darkkhaki\:90 { color: hsl(var(--sf-c-txt-darkkhaki-90)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:95, html.dark .sf-c-txt-darkkhaki\:95 { color: hsl(var(--sf-c-txt-darkkhaki-95)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:100, html.dark .sf-c-txt-darkkhaki\:100 { color: hsl(var(--sf-c-txt-darkkhaki-100)) } + +html[data-theme='dark'] .sf-c-txt-darkkhaki\:dark, html.dark .sf-c-txt-darkkhaki\:dark { color: hsl(var(--sf-c-txt-darkkhaki)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:0\:dark, html.dark .sf-c-txt-darkkhaki\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-0)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:5\:dark, html.dark .sf-c-txt-darkkhaki\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-5)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:10\:dark, html.dark .sf-c-txt-darkkhaki\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-10)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:15\:dark, html.dark .sf-c-txt-darkkhaki\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-15)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:20\:dark, html.dark .sf-c-txt-darkkhaki\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-20)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:25\:dark, html.dark .sf-c-txt-darkkhaki\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-25)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:30\:dark, html.dark .sf-c-txt-darkkhaki\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-30)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:35\:dark, html.dark .sf-c-txt-darkkhaki\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-35)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:40\:dark, html.dark .sf-c-txt-darkkhaki\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-40)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:45\:dark, html.dark .sf-c-txt-darkkhaki\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-45)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:50\:dark, html.dark .sf-c-txt-darkkhaki\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-50)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:55\:dark, html.dark .sf-c-txt-darkkhaki\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-55)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:60\:dark, html.dark .sf-c-txt-darkkhaki\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-60)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:65\:dark, html.dark .sf-c-txt-darkkhaki\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-65)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:70\:dark, html.dark .sf-c-txt-darkkhaki\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-70)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:75\:dark, html.dark .sf-c-txt-darkkhaki\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-75)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:80\:dark, html.dark .sf-c-txt-darkkhaki\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-80)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:85\:dark, html.dark .sf-c-txt-darkkhaki\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-85)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:90\:dark, html.dark .sf-c-txt-darkkhaki\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-90)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:95\:dark, html.dark .sf-c-txt-darkkhaki\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-95)) } +html[data-theme='dark'] .sf-c-txt-darkkhaki\:100\:dark, html.dark .sf-c-txt-darkkhaki\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkkhaki-100)) } + html.var[data-theme='dark'] .sf-c-darkkhaki, html.var.dark .sf-c-darkkhaki { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 42%) } html.var[data-theme='dark'] .sf-c-darkkhaki\:0, html.var.dark .sf-c-darkkhaki\:0 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 100%) } html.var[data-theme='dark'] .sf-c-darkkhaki\:5, html.var.dark .sf-c-darkkhaki\:5 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkkhaki\:90\:dark, html.var.dark .sf-c-darkk html.var[data-theme='dark'] .sf-c-darkkhaki\:95\:dark, html.var.dark .sf-c-darkkhaki\:95\:dark { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 5%) } html.var[data-theme='dark'] .sf-c-darkkhaki\:100\:dark, html.var.dark .sf-c-darkkhaki\:100\:dark { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki, html.dark .sf-c-txt-darkkhaki { color: hsl(56, 38%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:0, html.dark .sf-c-txt-darkkhaki\:0 { color: hsl(56, 38%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:5, html.dark .sf-c-txt-darkkhaki\:5 { color: hsl(56, 38%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:10, html.dark .sf-c-txt-darkkhaki\:10 { color: hsl(56, 38%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:15, html.dark .sf-c-txt-darkkhaki\:15 { color: hsl(56, 38%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:20, html.dark .sf-c-txt-darkkhaki\:20 { color: hsl(56, 38%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:25, html.dark .sf-c-txt-darkkhaki\:25 { color: hsl(56, 38%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:30, html.dark .sf-c-txt-darkkhaki\:30 { color: hsl(56, 38%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:35, html.dark .sf-c-txt-darkkhaki\:35 { color: hsl(56, 38%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:40, html.dark .sf-c-txt-darkkhaki\:40 { color: hsl(56, 38%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:45, html.dark .sf-c-txt-darkkhaki\:45 { color: hsl(56, 38%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:50, html.dark .sf-c-txt-darkkhaki\:50 { color: hsl(56, 38%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:55, html.dark .sf-c-txt-darkkhaki\:55 { color: hsl(56, 38%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:60, html.dark .sf-c-txt-darkkhaki\:60 { color: hsl(56, 38%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:65, html.dark .sf-c-txt-darkkhaki\:65 { color: hsl(56, 38%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:70, html.dark .sf-c-txt-darkkhaki\:70 { color: hsl(56, 38%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:75, html.dark .sf-c-txt-darkkhaki\:75 { color: hsl(56, 38%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:80, html.dark .sf-c-txt-darkkhaki\:80 { color: hsl(56, 38%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:85, html.dark .sf-c-txt-darkkhaki\:85 { color: hsl(56, 38%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:90, html.dark .sf-c-txt-darkkhaki\:90 { color: hsl(56, 38%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:95, html.dark .sf-c-txt-darkkhaki\:95 { color: hsl(56, 38%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:100, html.dark .sf-c-txt-darkkhaki\:100 { color: hsl(56, 38%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:dark, html.dark .sf-c-txt-darkkhaki\:dark { color: hsl(56, 38%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:0\:dark, html.dark .sf-c-txt-darkkhaki\:0\:dark { color: hsl(56, 38%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:5\:dark, html.dark .sf-c-txt-darkkhaki\:5\:dark { color: hsl(56, 38%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:10\:dark, html.dark .sf-c-txt-darkkhaki\:10\:dark { color: hsl(56, 38%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:15\:dark, html.dark .sf-c-txt-darkkhaki\:15\:dark { color: hsl(56, 38%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:20\:dark, html.dark .sf-c-txt-darkkhaki\:20\:dark { color: hsl(56, 38%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:25\:dark, html.dark .sf-c-txt-darkkhaki\:25\:dark { color: hsl(56, 38%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:30\:dark, html.dark .sf-c-txt-darkkhaki\:30\:dark { color: hsl(56, 38%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:35\:dark, html.dark .sf-c-txt-darkkhaki\:35\:dark { color: hsl(56, 38%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:40\:dark, html.dark .sf-c-txt-darkkhaki\:40\:dark { color: hsl(56, 38%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:45\:dark, html.dark .sf-c-txt-darkkhaki\:45\:dark { color: hsl(56, 38%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:50\:dark, html.dark .sf-c-txt-darkkhaki\:50\:dark { color: hsl(56, 38%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:55\:dark, html.dark .sf-c-txt-darkkhaki\:55\:dark { color: hsl(56, 38%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:60\:dark, html.dark .sf-c-txt-darkkhaki\:60\:dark { color: hsl(56, 38%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:65\:dark, html.dark .sf-c-txt-darkkhaki\:65\:dark { color: hsl(56, 38%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:70\:dark, html.dark .sf-c-txt-darkkhaki\:70\:dark { color: hsl(56, 38%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:75\:dark, html.dark .sf-c-txt-darkkhaki\:75\:dark { color: hsl(56, 38%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:80\:dark, html.dark .sf-c-txt-darkkhaki\:80\:dark { color: hsl(56, 38%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:85\:dark, html.dark .sf-c-txt-darkkhaki\:85\:dark { color: hsl(56, 38%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:90\:dark, html.dark .sf-c-txt-darkkhaki\:90\:dark { color: hsl(56, 38%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:95\:dark, html.dark .sf-c-txt-darkkhaki\:95\:dark { color: hsl(56, 38%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkkhaki\:100\:dark, html.dark .sf-c-txt-darkkhaki\:100\:dark { color: hsl(56, 38%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkkhaki, html.auto .sf-c-darkkhaki { color: hsl(var(--sf-dark-c-txt-darkkhaki-95)); background: hsl(var(--sf-dark-c-darkkhaki)) } html[data-theme='auto'] .sf-c-darkkhaki\:0, html.auto .sf-c-darkkhaki\:0 { color: hsl(var(--sf-dark-c-txt-darkkhaki-95)); background: hsl(var(--sf-dark-c-darkkhaki-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkkhaki\:100\:dark, html.var.dark .sf-c-dark html[data-theme='auto'] .sf-c-darkkhaki\:95\:dark, html.auto .sf-c-darkkhaki\:95\:dark { color: hsl(var(--sf-c-txt-darkkhaki-95)); background: hsl(var(--sf-c-darkkhaki-5)) } html[data-theme='auto'] .sf-c-darkkhaki\:100\:dark, html.auto .sf-c-darkkhaki\:100\:dark { color: hsl(var(--sf-c-txt-darkkhaki-95)); background: hsl(var(--sf-c-darkkhaki-0)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki, html.auto .sf-c-txt-darkkhaki { color: hsl(var(--sf-c-txt-darkkhaki)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:0, html.auto .sf-c-txt-darkkhaki\:0 { color: hsl(var(--sf-c-txt-darkkhaki-0)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:5, html.auto .sf-c-txt-darkkhaki\:5 { color: hsl(var(--sf-c-txt-darkkhaki-5)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:10, html.auto .sf-c-txt-darkkhaki\:10 { color: hsl(var(--sf-c-txt-darkkhaki-10)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:15, html.auto .sf-c-txt-darkkhaki\:15 { color: hsl(var(--sf-c-txt-darkkhaki-15)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:20, html.auto .sf-c-txt-darkkhaki\:20 { color: hsl(var(--sf-c-txt-darkkhaki-20)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:25, html.auto .sf-c-txt-darkkhaki\:25 { color: hsl(var(--sf-c-txt-darkkhaki-25)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:30, html.auto .sf-c-txt-darkkhaki\:30 { color: hsl(var(--sf-c-txt-darkkhaki-30)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:35, html.auto .sf-c-txt-darkkhaki\:35 { color: hsl(var(--sf-c-txt-darkkhaki-35)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:40, html.auto .sf-c-txt-darkkhaki\:40 { color: hsl(var(--sf-c-txt-darkkhaki-40)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:45, html.auto .sf-c-txt-darkkhaki\:45 { color: hsl(var(--sf-c-txt-darkkhaki-45)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:50, html.auto .sf-c-txt-darkkhaki\:50 { color: hsl(var(--sf-c-txt-darkkhaki-50)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:55, html.auto .sf-c-txt-darkkhaki\:55 { color: hsl(var(--sf-c-txt-darkkhaki-55)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:60, html.auto .sf-c-txt-darkkhaki\:60 { color: hsl(var(--sf-c-txt-darkkhaki-60)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:65, html.auto .sf-c-txt-darkkhaki\:65 { color: hsl(var(--sf-c-txt-darkkhaki-65)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:70, html.auto .sf-c-txt-darkkhaki\:70 { color: hsl(var(--sf-c-txt-darkkhaki-70)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:75, html.auto .sf-c-txt-darkkhaki\:75 { color: hsl(var(--sf-c-txt-darkkhaki-75)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:80, html.auto .sf-c-txt-darkkhaki\:80 { color: hsl(var(--sf-c-txt-darkkhaki-80)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:85, html.auto .sf-c-txt-darkkhaki\:85 { color: hsl(var(--sf-c-txt-darkkhaki-85)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:90, html.auto .sf-c-txt-darkkhaki\:90 { color: hsl(var(--sf-c-txt-darkkhaki-90)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:95, html.auto .sf-c-txt-darkkhaki\:95 { color: hsl(var(--sf-c-txt-darkkhaki-95)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:100, html.auto .sf-c-txt-darkkhaki\:100 { color: hsl(var(--sf-c-txt-darkkhaki-100)) } + + html[data-theme='auto'] .sf-c-txt-darkkhaki\:dark, html.auto .sf-c-txt-darkkhaki\:dark { color: hsl(var(--sf-c-txt-darkkhaki)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:0\:dark, html.auto .sf-c-txt-darkkhaki\:0\:dark { color: hsl(var(--sf-c-txt-darkkhaki-0)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:5\:dark, html.auto .sf-c-txt-darkkhaki\:5\:dark { color: hsl(var(--sf-c-txt-darkkhaki-5)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:10\:dark, html.auto .sf-c-txt-darkkhaki\:10\:dark { color: hsl(var(--sf-c-txt-darkkhaki-10)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:15\:dark, html.auto .sf-c-txt-darkkhaki\:15\:dark { color: hsl(var(--sf-c-txt-darkkhaki-15)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:20\:dark, html.auto .sf-c-txt-darkkhaki\:20\:dark { color: hsl(var(--sf-c-txt-darkkhaki-20)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:25\:dark, html.auto .sf-c-txt-darkkhaki\:25\:dark { color: hsl(var(--sf-c-txt-darkkhaki-25)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:30\:dark, html.auto .sf-c-txt-darkkhaki\:30\:dark { color: hsl(var(--sf-c-txt-darkkhaki-30)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:35\:dark, html.auto .sf-c-txt-darkkhaki\:35\:dark { color: hsl(var(--sf-c-txt-darkkhaki-35)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:40\:dark, html.auto .sf-c-txt-darkkhaki\:40\:dark { color: hsl(var(--sf-c-txt-darkkhaki-40)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:45\:dark, html.auto .sf-c-txt-darkkhaki\:45\:dark { color: hsl(var(--sf-c-txt-darkkhaki-45)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:50\:dark, html.auto .sf-c-txt-darkkhaki\:50\:dark { color: hsl(var(--sf-c-txt-darkkhaki-50)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:55\:dark, html.auto .sf-c-txt-darkkhaki\:55\:dark { color: hsl(var(--sf-c-txt-darkkhaki-55)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:60\:dark, html.auto .sf-c-txt-darkkhaki\:60\:dark { color: hsl(var(--sf-c-txt-darkkhaki-60)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:65\:dark, html.auto .sf-c-txt-darkkhaki\:65\:dark { color: hsl(var(--sf-c-txt-darkkhaki-65)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:70\:dark, html.auto .sf-c-txt-darkkhaki\:70\:dark { color: hsl(var(--sf-c-txt-darkkhaki-70)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:75\:dark, html.auto .sf-c-txt-darkkhaki\:75\:dark { color: hsl(var(--sf-c-txt-darkkhaki-75)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:80\:dark, html.auto .sf-c-txt-darkkhaki\:80\:dark { color: hsl(var(--sf-c-txt-darkkhaki-80)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:85\:dark, html.auto .sf-c-txt-darkkhaki\:85\:dark { color: hsl(var(--sf-c-txt-darkkhaki-85)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:90\:dark, html.auto .sf-c-txt-darkkhaki\:90\:dark { color: hsl(var(--sf-c-txt-darkkhaki-90)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:95\:dark, html.auto .sf-c-txt-darkkhaki\:95\:dark { color: hsl(var(--sf-c-txt-darkkhaki-95)) } + html[data-theme='auto'] .sf-c-txt-darkkhaki\:100\:dark, html.auto .sf-c-txt-darkkhaki\:100\:dark { color: hsl(var(--sf-c-txt-darkkhaki-100)) } + html.var[data-theme='auto'] .sf-c-darkkhaki, html.var.auto .sf-c-darkkhaki { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 42%) } html.var[data-theme='auto'] .sf-c-darkkhaki\:0, html.var.auto .sf-c-darkkhaki\:0 { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 100%) } html.var[data-theme='auto'] .sf-c-darkkhaki\:5, html.var.auto .sf-c-darkkhaki\:5 { color: hsl(56, 38%, 5%); background: hsl(56, 38%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkkhaki\:100\:dark, html.var.dark .sf-c-dark html.var[data-theme='auto'] .sf-c-darkkhaki\:90\:dark, html.var.auto .sf-c-darkkhaki\:90\:dark { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 10%) } html.var[data-theme='auto'] .sf-c-darkkhaki\:95\:dark, html.var.auto .sf-c-darkkhaki\:95\:dark { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 5%) } html.var[data-theme='auto'] .sf-c-darkkhaki\:100\:dark, html.var.auto .sf-c-darkkhaki\:100\:dark { color: hsl(56, 38%, 95%); background: hsl(56, 38%, 0%) } -} -.sf-c-txt-darkkhaki { color: hsl(var(--sf-c-txt-darkkhaki)) } -.sf-c-txt-darkkhaki\:0 { color: hsl(var(--sf-c-txt-darkkhaki-0)) } -.sf-c-txt-darkkhaki\:5 { color: hsl(var(--sf-c-txt-darkkhaki-5)) } -.sf-c-txt-darkkhaki\:10 { color: hsl(var(--sf-c-txt-darkkhaki-10)) } -.sf-c-txt-darkkhaki\:15 { color: hsl(var(--sf-c-txt-darkkhaki-15)) } -.sf-c-txt-darkkhaki\:20 { color: hsl(var(--sf-c-txt-darkkhaki-20)) } -.sf-c-txt-darkkhaki\:25 { color: hsl(var(--sf-c-txt-darkkhaki-25)) } -.sf-c-txt-darkkhaki\:30 { color: hsl(var(--sf-c-txt-darkkhaki-30)) } -.sf-c-txt-darkkhaki\:35 { color: hsl(var(--sf-c-txt-darkkhaki-35)) } -.sf-c-txt-darkkhaki\:40 { color: hsl(var(--sf-c-txt-darkkhaki-40)) } -.sf-c-txt-darkkhaki\:45 { color: hsl(var(--sf-c-txt-darkkhaki-45)) } -.sf-c-txt-darkkhaki\:50 { color: hsl(var(--sf-c-txt-darkkhaki-50)) } -.sf-c-txt-darkkhaki\:55 { color: hsl(var(--sf-c-txt-darkkhaki-55)) } -.sf-c-txt-darkkhaki\:60 { color: hsl(var(--sf-c-txt-darkkhaki-60)) } -.sf-c-txt-darkkhaki\:65 { color: hsl(var(--sf-c-txt-darkkhaki-65)) } -.sf-c-txt-darkkhaki\:70 { color: hsl(var(--sf-c-txt-darkkhaki-70)) } -.sf-c-txt-darkkhaki\:75 { color: hsl(var(--sf-c-txt-darkkhaki-75)) } -.sf-c-txt-darkkhaki\:80 { color: hsl(var(--sf-c-txt-darkkhaki-80)) } -.sf-c-txt-darkkhaki\:85 { color: hsl(var(--sf-c-txt-darkkhaki-85)) } -.sf-c-txt-darkkhaki\:90 { color: hsl(var(--sf-c-txt-darkkhaki-90)) } -.sf-c-txt-darkkhaki\:95 { color: hsl(var(--sf-c-txt-darkkhaki-95)) } -.sf-c-txt-darkkhaki\:100 { color: hsl(var(--sf-c-txt-darkkhaki-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkkhaki, html.auto .sf-c-txt-darkkhaki { color: hsl(56, 38%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:0, html.auto .sf-c-txt-darkkhaki\:0 { color: hsl(56, 38%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:5, html.auto .sf-c-txt-darkkhaki\:5 { color: hsl(56, 38%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:10, html.auto .sf-c-txt-darkkhaki\:10 { color: hsl(56, 38%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:15, html.auto .sf-c-txt-darkkhaki\:15 { color: hsl(56, 38%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:20, html.auto .sf-c-txt-darkkhaki\:20 { color: hsl(56, 38%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:25, html.auto .sf-c-txt-darkkhaki\:25 { color: hsl(56, 38%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:30, html.auto .sf-c-txt-darkkhaki\:30 { color: hsl(56, 38%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:35, html.auto .sf-c-txt-darkkhaki\:35 { color: hsl(56, 38%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:40, html.auto .sf-c-txt-darkkhaki\:40 { color: hsl(56, 38%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:45, html.auto .sf-c-txt-darkkhaki\:45 { color: hsl(56, 38%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:50, html.auto .sf-c-txt-darkkhaki\:50 { color: hsl(56, 38%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:55, html.auto .sf-c-txt-darkkhaki\:55 { color: hsl(56, 38%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:60, html.auto .sf-c-txt-darkkhaki\:60 { color: hsl(56, 38%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:65, html.auto .sf-c-txt-darkkhaki\:65 { color: hsl(56, 38%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:70, html.auto .sf-c-txt-darkkhaki\:70 { color: hsl(56, 38%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:75, html.auto .sf-c-txt-darkkhaki\:75 { color: hsl(56, 38%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:80, html.auto .sf-c-txt-darkkhaki\:80 { color: hsl(56, 38%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:85, html.auto .sf-c-txt-darkkhaki\:85 { color: hsl(56, 38%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:90, html.auto .sf-c-txt-darkkhaki\:90 { color: hsl(56, 38%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:95, html.auto .sf-c-txt-darkkhaki\:95 { color: hsl(56, 38%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:100, html.auto .sf-c-txt-darkkhaki\:100 { color: hsl(56, 38%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:dark, html.auto .sf-c-txt-darkkhaki\:dark { color: hsl(56, 38%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:0\:dark, html.auto .sf-c-txt-darkkhaki\:0\:dark { color: hsl(56, 38%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:5\:dark, html.auto .sf-c-txt-darkkhaki\:5\:dark { color: hsl(56, 38%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:10\:dark, html.auto .sf-c-txt-darkkhaki\:10\:dark { color: hsl(56, 38%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:15\:dark, html.auto .sf-c-txt-darkkhaki\:15\:dark { color: hsl(56, 38%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:20\:dark, html.auto .sf-c-txt-darkkhaki\:20\:dark { color: hsl(56, 38%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:25\:dark, html.auto .sf-c-txt-darkkhaki\:25\:dark { color: hsl(56, 38%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:30\:dark, html.auto .sf-c-txt-darkkhaki\:30\:dark { color: hsl(56, 38%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:35\:dark, html.auto .sf-c-txt-darkkhaki\:35\:dark { color: hsl(56, 38%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:40\:dark, html.auto .sf-c-txt-darkkhaki\:40\:dark { color: hsl(56, 38%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:45\:dark, html.auto .sf-c-txt-darkkhaki\:45\:dark { color: hsl(56, 38%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:50\:dark, html.auto .sf-c-txt-darkkhaki\:50\:dark { color: hsl(56, 38%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:55\:dark, html.auto .sf-c-txt-darkkhaki\:55\:dark { color: hsl(56, 38%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:60\:dark, html.auto .sf-c-txt-darkkhaki\:60\:dark { color: hsl(56, 38%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:65\:dark, html.auto .sf-c-txt-darkkhaki\:65\:dark { color: hsl(56, 38%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:70\:dark, html.auto .sf-c-txt-darkkhaki\:70\:dark { color: hsl(56, 38%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:75\:dark, html.auto .sf-c-txt-darkkhaki\:75\:dark { color: hsl(56, 38%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:80\:dark, html.auto .sf-c-txt-darkkhaki\:80\:dark { color: hsl(56, 38%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:85\:dark, html.auto .sf-c-txt-darkkhaki\:85\:dark { color: hsl(56, 38%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:90\:dark, html.auto .sf-c-txt-darkkhaki\:90\:dark { color: hsl(56, 38%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:95\:dark, html.auto .sf-c-txt-darkkhaki\:95\:dark { color: hsl(56, 38%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkkhaki\:100\:dark, html.auto .sf-c-txt-darkkhaki\:100\:dark { color: hsl(56, 38%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkmagenta.css b/src/colors/20/darkmagenta.css index c66091e..43ffde3 100644 --- a/src/colors/20/darkmagenta.css +++ b/src/colors/20/darkmagenta.css @@ -138,6 +138,52 @@ html.var .sf-c-darkmagenta\:90 { color: hsl(300, 100%, 5%); background: hsl(300, html.var .sf-c-darkmagenta\:95 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } html.var .sf-c-darkmagenta\:100 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } +.sf-c-txt-darkmagenta { color: hsl(var(--sf-dark-c-txt-darkmagenta)) } +.sf-c-txt-darkmagenta\:0 { color: hsl(var(--sf-dark-c-txt-darkmagenta-100)) } +.sf-c-txt-darkmagenta\:5 { color: hsl(var(--sf-dark-c-txt-darkmagenta-95)) } +.sf-c-txt-darkmagenta\:10 { color: hsl(var(--sf-dark-c-txt-darkmagenta-90)) } +.sf-c-txt-darkmagenta\:15 { color: hsl(var(--sf-dark-c-txt-darkmagenta-85)) } +.sf-c-txt-darkmagenta\:20 { color: hsl(var(--sf-dark-c-txt-darkmagenta-80)) } +.sf-c-txt-darkmagenta\:25 { color: hsl(var(--sf-dark-c-txt-darkmagenta-75)) } +.sf-c-txt-darkmagenta\:30 { color: hsl(var(--sf-dark-c-txt-darkmagenta-70)) } +.sf-c-txt-darkmagenta\:35 { color: hsl(var(--sf-dark-c-txt-darkmagenta-65)) } +.sf-c-txt-darkmagenta\:40 { color: hsl(var(--sf-dark-c-txt-darkmagenta-60)) } +.sf-c-txt-darkmagenta\:45 { color: hsl(var(--sf-dark-c-txt-darkmagenta-55)) } +.sf-c-txt-darkmagenta\:50 { color: hsl(var(--sf-dark-c-txt-darkmagenta-50)) } +.sf-c-txt-darkmagenta\:55 { color: hsl(var(--sf-dark-c-txt-darkmagenta-45)) } +.sf-c-txt-darkmagenta\:60 { color: hsl(var(--sf-dark-c-txt-darkmagenta-40)) } +.sf-c-txt-darkmagenta\:65 { color: hsl(var(--sf-dark-c-txt-darkmagenta-35)) } +.sf-c-txt-darkmagenta\:70 { color: hsl(var(--sf-dark-c-txt-darkmagenta-30)) } +.sf-c-txt-darkmagenta\:75 { color: hsl(var(--sf-dark-c-txt-darkmagenta-25)) } +.sf-c-txt-darkmagenta\:80 { color: hsl(var(--sf-dark-c-txt-darkmagenta-20)) } +.sf-c-txt-darkmagenta\:85 { color: hsl(var(--sf-dark-c-txt-darkmagenta-15)) } +.sf-c-txt-darkmagenta\:90 { color: hsl(var(--sf-dark-c-txt-darkmagenta-10)) } +.sf-c-txt-darkmagenta\:95 { color: hsl(var(--sf-dark-c-txt-darkmagenta-5)) } +.sf-c-txt-darkmagenta\:100 { color: hsl(var(--sf-dark-c-txt-darkmagenta-0)) } + +html.var .sf-c-txt-darkmagenta { color: hsl(300, 100%, 73%) } +html.var .sf-c-txt-darkmagenta\:0 { color: hsl(300, 100%, 100%) } +html.var .sf-c-txt-darkmagenta\:5 { color: hsl(300, 100%, 95%) } +html.var .sf-c-txt-darkmagenta\:10 { color: hsl(300, 100%, 90%) } +html.var .sf-c-txt-darkmagenta\:15 { color: hsl(300, 100%, 85%) } +html.var .sf-c-txt-darkmagenta\:20 { color: hsl(300, 100%, 80%) } +html.var .sf-c-txt-darkmagenta\:25 { color: hsl(300, 100%, 75%) } +html.var .sf-c-txt-darkmagenta\:30 { color: hsl(300, 100%, 70%) } +html.var .sf-c-txt-darkmagenta\:35 { color: hsl(300, 100%, 65%) } +html.var .sf-c-txt-darkmagenta\:40 { color: hsl(300, 100%, 60%) } +html.var .sf-c-txt-darkmagenta\:45 { color: hsl(300, 100%, 55%) } +html.var .sf-c-txt-darkmagenta\:50 { color: hsl(300, 100%, 50%) } +html.var .sf-c-txt-darkmagenta\:55 { color: hsl(300, 100%, 45%) } +html.var .sf-c-txt-darkmagenta\:60 { color: hsl(300, 100%, 40%) } +html.var .sf-c-txt-darkmagenta\:65 { color: hsl(300, 100%, 35%) } +html.var .sf-c-txt-darkmagenta\:70 { color: hsl(300, 100%, 30%) } +html.var .sf-c-txt-darkmagenta\:75 { color: hsl(300, 100%, 25%) } +html.var .sf-c-txt-darkmagenta\:80 { color: hsl(300, 100%, 20%) } +html.var .sf-c-txt-darkmagenta\:85 { color: hsl(300, 100%, 15%) } +html.var .sf-c-txt-darkmagenta\:90 { color: hsl(300, 100%, 10%) } +html.var .sf-c-txt-darkmagenta\:95 { color: hsl(300, 100%, 5%) } +html.var .sf-c-txt-darkmagenta\:100 { color: hsl(300, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkmagenta, html.dark .sf-c-darkmagenta { color: hsl(var(--sf-dark-c-txt-darkmagenta-5)); background: hsl(var(--sf-dark-c-darkmagenta)) } html[data-theme='dark'] .sf-c-darkmagenta\:0, html.dark .sf-c-darkmagenta\:0 { color: hsl(var(--sf-dark-c-txt-darkmagenta-95)); background: hsl(var(--sf-dark-c-darkmagenta-100)) } html[data-theme='dark'] .sf-c-darkmagenta\:5, html.dark .sf-c-darkmagenta\:5 { color: hsl(var(--sf-dark-c-txt-darkmagenta-5)); background: hsl(var(--sf-dark-c-darkmagenta-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkmagenta\:90\:dark, html.dark .sf-c-darkmagenta html[data-theme='dark'] .sf-c-darkmagenta\:95\:dark, html.dark .sf-c-darkmagenta\:95\:dark { color: hsl(var(--sf-c-txt-darkmagenta-95)); background: hsl(var(--sf-c-darkmagenta-5)) } html[data-theme='dark'] .sf-c-darkmagenta\:100\:dark, html.dark .sf-c-darkmagenta\:100\:dark { color: hsl(var(--sf-c-txt-darkmagenta-95)); background: hsl(var(--sf-c-darkmagenta-0)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta, html.dark .sf-c-txt-darkmagenta { color: hsl(var(--sf-c-txt-darkmagenta)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:0, html.dark .sf-c-txt-darkmagenta\:0 { color: hsl(var(--sf-c-txt-darkmagenta-0)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:5, html.dark .sf-c-txt-darkmagenta\:5 { color: hsl(var(--sf-c-txt-darkmagenta-5)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:10, html.dark .sf-c-txt-darkmagenta\:10 { color: hsl(var(--sf-c-txt-darkmagenta-10)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:15, html.dark .sf-c-txt-darkmagenta\:15 { color: hsl(var(--sf-c-txt-darkmagenta-15)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:20, html.dark .sf-c-txt-darkmagenta\:20 { color: hsl(var(--sf-c-txt-darkmagenta-20)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:25, html.dark .sf-c-txt-darkmagenta\:25 { color: hsl(var(--sf-c-txt-darkmagenta-25)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:30, html.dark .sf-c-txt-darkmagenta\:30 { color: hsl(var(--sf-c-txt-darkmagenta-30)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:35, html.dark .sf-c-txt-darkmagenta\:35 { color: hsl(var(--sf-c-txt-darkmagenta-35)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:40, html.dark .sf-c-txt-darkmagenta\:40 { color: hsl(var(--sf-c-txt-darkmagenta-40)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:45, html.dark .sf-c-txt-darkmagenta\:45 { color: hsl(var(--sf-c-txt-darkmagenta-45)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:50, html.dark .sf-c-txt-darkmagenta\:50 { color: hsl(var(--sf-c-txt-darkmagenta-50)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:55, html.dark .sf-c-txt-darkmagenta\:55 { color: hsl(var(--sf-c-txt-darkmagenta-55)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:60, html.dark .sf-c-txt-darkmagenta\:60 { color: hsl(var(--sf-c-txt-darkmagenta-60)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:65, html.dark .sf-c-txt-darkmagenta\:65 { color: hsl(var(--sf-c-txt-darkmagenta-65)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:70, html.dark .sf-c-txt-darkmagenta\:70 { color: hsl(var(--sf-c-txt-darkmagenta-70)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:75, html.dark .sf-c-txt-darkmagenta\:75 { color: hsl(var(--sf-c-txt-darkmagenta-75)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:80, html.dark .sf-c-txt-darkmagenta\:80 { color: hsl(var(--sf-c-txt-darkmagenta-80)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:85, html.dark .sf-c-txt-darkmagenta\:85 { color: hsl(var(--sf-c-txt-darkmagenta-85)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:90, html.dark .sf-c-txt-darkmagenta\:90 { color: hsl(var(--sf-c-txt-darkmagenta-90)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:95, html.dark .sf-c-txt-darkmagenta\:95 { color: hsl(var(--sf-c-txt-darkmagenta-95)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:100, html.dark .sf-c-txt-darkmagenta\:100 { color: hsl(var(--sf-c-txt-darkmagenta-100)) } + +html[data-theme='dark'] .sf-c-txt-darkmagenta\:dark, html.dark .sf-c-txt-darkmagenta\:dark { color: hsl(var(--sf-c-txt-darkmagenta)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:0\:dark, html.dark .sf-c-txt-darkmagenta\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-0)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:5\:dark, html.dark .sf-c-txt-darkmagenta\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-5)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:10\:dark, html.dark .sf-c-txt-darkmagenta\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-10)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:15\:dark, html.dark .sf-c-txt-darkmagenta\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-15)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:20\:dark, html.dark .sf-c-txt-darkmagenta\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-20)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:25\:dark, html.dark .sf-c-txt-darkmagenta\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-25)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:30\:dark, html.dark .sf-c-txt-darkmagenta\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-30)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:35\:dark, html.dark .sf-c-txt-darkmagenta\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-35)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:40\:dark, html.dark .sf-c-txt-darkmagenta\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-40)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:45\:dark, html.dark .sf-c-txt-darkmagenta\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-45)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:50\:dark, html.dark .sf-c-txt-darkmagenta\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-50)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:55\:dark, html.dark .sf-c-txt-darkmagenta\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-55)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:60\:dark, html.dark .sf-c-txt-darkmagenta\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-60)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:65\:dark, html.dark .sf-c-txt-darkmagenta\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-65)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:70\:dark, html.dark .sf-c-txt-darkmagenta\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-70)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:75\:dark, html.dark .sf-c-txt-darkmagenta\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-75)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:80\:dark, html.dark .sf-c-txt-darkmagenta\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-80)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:85\:dark, html.dark .sf-c-txt-darkmagenta\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-85)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:90\:dark, html.dark .sf-c-txt-darkmagenta\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-90)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:95\:dark, html.dark .sf-c-txt-darkmagenta\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-95)) } +html[data-theme='dark'] .sf-c-txt-darkmagenta\:100\:dark, html.dark .sf-c-txt-darkmagenta\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkmagenta-100)) } + html.var[data-theme='dark'] .sf-c-darkmagenta, html.var.dark .sf-c-darkmagenta { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 73%) } html.var[data-theme='dark'] .sf-c-darkmagenta\:0, html.var.dark .sf-c-darkmagenta\:0 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkmagenta\:5, html.var.dark .sf-c-darkmagenta\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkmagenta\:90\:dark, html.var.dark .sf-c-dar html.var[data-theme='dark'] .sf-c-darkmagenta\:95\:dark, html.var.dark .sf-c-darkmagenta\:95\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } html.var[data-theme='dark'] .sf-c-darkmagenta\:100\:dark, html.var.dark .sf-c-darkmagenta\:100\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta, html.dark .sf-c-txt-darkmagenta { color: hsl(300, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:0, html.dark .sf-c-txt-darkmagenta\:0 { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:5, html.dark .sf-c-txt-darkmagenta\:5 { color: hsl(300, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:10, html.dark .sf-c-txt-darkmagenta\:10 { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:15, html.dark .sf-c-txt-darkmagenta\:15 { color: hsl(300, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:20, html.dark .sf-c-txt-darkmagenta\:20 { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:25, html.dark .sf-c-txt-darkmagenta\:25 { color: hsl(300, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:30, html.dark .sf-c-txt-darkmagenta\:30 { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:35, html.dark .sf-c-txt-darkmagenta\:35 { color: hsl(300, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:40, html.dark .sf-c-txt-darkmagenta\:40 { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:45, html.dark .sf-c-txt-darkmagenta\:45 { color: hsl(300, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:50, html.dark .sf-c-txt-darkmagenta\:50 { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:55, html.dark .sf-c-txt-darkmagenta\:55 { color: hsl(300, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:60, html.dark .sf-c-txt-darkmagenta\:60 { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:65, html.dark .sf-c-txt-darkmagenta\:65 { color: hsl(300, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:70, html.dark .sf-c-txt-darkmagenta\:70 { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:75, html.dark .sf-c-txt-darkmagenta\:75 { color: hsl(300, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:80, html.dark .sf-c-txt-darkmagenta\:80 { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:85, html.dark .sf-c-txt-darkmagenta\:85 { color: hsl(300, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:90, html.dark .sf-c-txt-darkmagenta\:90 { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:95, html.dark .sf-c-txt-darkmagenta\:95 { color: hsl(300, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:100, html.dark .sf-c-txt-darkmagenta\:100 { color: hsl(300, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:dark, html.dark .sf-c-txt-darkmagenta\:dark { color: hsl(300, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:0\:dark, html.dark .sf-c-txt-darkmagenta\:0\:dark { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:5\:dark, html.dark .sf-c-txt-darkmagenta\:5\:dark { color: hsl(300, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:10\:dark, html.dark .sf-c-txt-darkmagenta\:10\:dark { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:15\:dark, html.dark .sf-c-txt-darkmagenta\:15\:dark { color: hsl(300, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:20\:dark, html.dark .sf-c-txt-darkmagenta\:20\:dark { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:25\:dark, html.dark .sf-c-txt-darkmagenta\:25\:dark { color: hsl(300, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:30\:dark, html.dark .sf-c-txt-darkmagenta\:30\:dark { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:35\:dark, html.dark .sf-c-txt-darkmagenta\:35\:dark { color: hsl(300, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:40\:dark, html.dark .sf-c-txt-darkmagenta\:40\:dark { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:45\:dark, html.dark .sf-c-txt-darkmagenta\:45\:dark { color: hsl(300, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:50\:dark, html.dark .sf-c-txt-darkmagenta\:50\:dark { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:55\:dark, html.dark .sf-c-txt-darkmagenta\:55\:dark { color: hsl(300, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:60\:dark, html.dark .sf-c-txt-darkmagenta\:60\:dark { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:65\:dark, html.dark .sf-c-txt-darkmagenta\:65\:dark { color: hsl(300, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:70\:dark, html.dark .sf-c-txt-darkmagenta\:70\:dark { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:75\:dark, html.dark .sf-c-txt-darkmagenta\:75\:dark { color: hsl(300, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:80\:dark, html.dark .sf-c-txt-darkmagenta\:80\:dark { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:85\:dark, html.dark .sf-c-txt-darkmagenta\:85\:dark { color: hsl(300, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:90\:dark, html.dark .sf-c-txt-darkmagenta\:90\:dark { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:95\:dark, html.dark .sf-c-txt-darkmagenta\:95\:dark { color: hsl(300, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkmagenta\:100\:dark, html.dark .sf-c-txt-darkmagenta\:100\:dark { color: hsl(300, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkmagenta, html.auto .sf-c-darkmagenta { color: hsl(var(--sf-dark-c-txt-darkmagenta-5)); background: hsl(var(--sf-dark-c-darkmagenta)) } html[data-theme='auto'] .sf-c-darkmagenta\:0, html.auto .sf-c-darkmagenta\:0 { color: hsl(var(--sf-dark-c-txt-darkmagenta-95)); background: hsl(var(--sf-dark-c-darkmagenta-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkmagenta\:100\:dark, html.var.dark .sf-c-da html[data-theme='auto'] .sf-c-darkmagenta\:95\:dark, html.auto .sf-c-darkmagenta\:95\:dark { color: hsl(var(--sf-c-txt-darkmagenta-95)); background: hsl(var(--sf-c-darkmagenta-5)) } html[data-theme='auto'] .sf-c-darkmagenta\:100\:dark, html.auto .sf-c-darkmagenta\:100\:dark { color: hsl(var(--sf-c-txt-darkmagenta-95)); background: hsl(var(--sf-c-darkmagenta-0)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta, html.auto .sf-c-txt-darkmagenta { color: hsl(var(--sf-c-txt-darkmagenta)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:0, html.auto .sf-c-txt-darkmagenta\:0 { color: hsl(var(--sf-c-txt-darkmagenta-0)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:5, html.auto .sf-c-txt-darkmagenta\:5 { color: hsl(var(--sf-c-txt-darkmagenta-5)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:10, html.auto .sf-c-txt-darkmagenta\:10 { color: hsl(var(--sf-c-txt-darkmagenta-10)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:15, html.auto .sf-c-txt-darkmagenta\:15 { color: hsl(var(--sf-c-txt-darkmagenta-15)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:20, html.auto .sf-c-txt-darkmagenta\:20 { color: hsl(var(--sf-c-txt-darkmagenta-20)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:25, html.auto .sf-c-txt-darkmagenta\:25 { color: hsl(var(--sf-c-txt-darkmagenta-25)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:30, html.auto .sf-c-txt-darkmagenta\:30 { color: hsl(var(--sf-c-txt-darkmagenta-30)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:35, html.auto .sf-c-txt-darkmagenta\:35 { color: hsl(var(--sf-c-txt-darkmagenta-35)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:40, html.auto .sf-c-txt-darkmagenta\:40 { color: hsl(var(--sf-c-txt-darkmagenta-40)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:45, html.auto .sf-c-txt-darkmagenta\:45 { color: hsl(var(--sf-c-txt-darkmagenta-45)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:50, html.auto .sf-c-txt-darkmagenta\:50 { color: hsl(var(--sf-c-txt-darkmagenta-50)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:55, html.auto .sf-c-txt-darkmagenta\:55 { color: hsl(var(--sf-c-txt-darkmagenta-55)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:60, html.auto .sf-c-txt-darkmagenta\:60 { color: hsl(var(--sf-c-txt-darkmagenta-60)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:65, html.auto .sf-c-txt-darkmagenta\:65 { color: hsl(var(--sf-c-txt-darkmagenta-65)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:70, html.auto .sf-c-txt-darkmagenta\:70 { color: hsl(var(--sf-c-txt-darkmagenta-70)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:75, html.auto .sf-c-txt-darkmagenta\:75 { color: hsl(var(--sf-c-txt-darkmagenta-75)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:80, html.auto .sf-c-txt-darkmagenta\:80 { color: hsl(var(--sf-c-txt-darkmagenta-80)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:85, html.auto .sf-c-txt-darkmagenta\:85 { color: hsl(var(--sf-c-txt-darkmagenta-85)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:90, html.auto .sf-c-txt-darkmagenta\:90 { color: hsl(var(--sf-c-txt-darkmagenta-90)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:95, html.auto .sf-c-txt-darkmagenta\:95 { color: hsl(var(--sf-c-txt-darkmagenta-95)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:100, html.auto .sf-c-txt-darkmagenta\:100 { color: hsl(var(--sf-c-txt-darkmagenta-100)) } + + html[data-theme='auto'] .sf-c-txt-darkmagenta\:dark, html.auto .sf-c-txt-darkmagenta\:dark { color: hsl(var(--sf-c-txt-darkmagenta)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:0\:dark, html.auto .sf-c-txt-darkmagenta\:0\:dark { color: hsl(var(--sf-c-txt-darkmagenta-0)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:5\:dark, html.auto .sf-c-txt-darkmagenta\:5\:dark { color: hsl(var(--sf-c-txt-darkmagenta-5)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:10\:dark, html.auto .sf-c-txt-darkmagenta\:10\:dark { color: hsl(var(--sf-c-txt-darkmagenta-10)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:15\:dark, html.auto .sf-c-txt-darkmagenta\:15\:dark { color: hsl(var(--sf-c-txt-darkmagenta-15)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:20\:dark, html.auto .sf-c-txt-darkmagenta\:20\:dark { color: hsl(var(--sf-c-txt-darkmagenta-20)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:25\:dark, html.auto .sf-c-txt-darkmagenta\:25\:dark { color: hsl(var(--sf-c-txt-darkmagenta-25)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:30\:dark, html.auto .sf-c-txt-darkmagenta\:30\:dark { color: hsl(var(--sf-c-txt-darkmagenta-30)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:35\:dark, html.auto .sf-c-txt-darkmagenta\:35\:dark { color: hsl(var(--sf-c-txt-darkmagenta-35)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:40\:dark, html.auto .sf-c-txt-darkmagenta\:40\:dark { color: hsl(var(--sf-c-txt-darkmagenta-40)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:45\:dark, html.auto .sf-c-txt-darkmagenta\:45\:dark { color: hsl(var(--sf-c-txt-darkmagenta-45)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:50\:dark, html.auto .sf-c-txt-darkmagenta\:50\:dark { color: hsl(var(--sf-c-txt-darkmagenta-50)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:55\:dark, html.auto .sf-c-txt-darkmagenta\:55\:dark { color: hsl(var(--sf-c-txt-darkmagenta-55)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:60\:dark, html.auto .sf-c-txt-darkmagenta\:60\:dark { color: hsl(var(--sf-c-txt-darkmagenta-60)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:65\:dark, html.auto .sf-c-txt-darkmagenta\:65\:dark { color: hsl(var(--sf-c-txt-darkmagenta-65)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:70\:dark, html.auto .sf-c-txt-darkmagenta\:70\:dark { color: hsl(var(--sf-c-txt-darkmagenta-70)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:75\:dark, html.auto .sf-c-txt-darkmagenta\:75\:dark { color: hsl(var(--sf-c-txt-darkmagenta-75)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:80\:dark, html.auto .sf-c-txt-darkmagenta\:80\:dark { color: hsl(var(--sf-c-txt-darkmagenta-80)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:85\:dark, html.auto .sf-c-txt-darkmagenta\:85\:dark { color: hsl(var(--sf-c-txt-darkmagenta-85)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:90\:dark, html.auto .sf-c-txt-darkmagenta\:90\:dark { color: hsl(var(--sf-c-txt-darkmagenta-90)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:95\:dark, html.auto .sf-c-txt-darkmagenta\:95\:dark { color: hsl(var(--sf-c-txt-darkmagenta-95)) } + html[data-theme='auto'] .sf-c-txt-darkmagenta\:100\:dark, html.auto .sf-c-txt-darkmagenta\:100\:dark { color: hsl(var(--sf-c-txt-darkmagenta-100)) } + html.var[data-theme='auto'] .sf-c-darkmagenta, html.var.auto .sf-c-darkmagenta { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 73%) } html.var[data-theme='auto'] .sf-c-darkmagenta\:0, html.var.auto .sf-c-darkmagenta\:0 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkmagenta\:5, html.var.auto .sf-c-darkmagenta\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkmagenta\:100\:dark, html.var.dark .sf-c-da html.var[data-theme='auto'] .sf-c-darkmagenta\:90\:dark, html.var.auto .sf-c-darkmagenta\:90\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkmagenta\:95\:dark, html.var.auto .sf-c-darkmagenta\:95\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } html.var[data-theme='auto'] .sf-c-darkmagenta\:100\:dark, html.var.auto .sf-c-darkmagenta\:100\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } -} -.sf-c-txt-darkmagenta { color: hsl(var(--sf-c-txt-darkmagenta)) } -.sf-c-txt-darkmagenta\:0 { color: hsl(var(--sf-c-txt-darkmagenta-0)) } -.sf-c-txt-darkmagenta\:5 { color: hsl(var(--sf-c-txt-darkmagenta-5)) } -.sf-c-txt-darkmagenta\:10 { color: hsl(var(--sf-c-txt-darkmagenta-10)) } -.sf-c-txt-darkmagenta\:15 { color: hsl(var(--sf-c-txt-darkmagenta-15)) } -.sf-c-txt-darkmagenta\:20 { color: hsl(var(--sf-c-txt-darkmagenta-20)) } -.sf-c-txt-darkmagenta\:25 { color: hsl(var(--sf-c-txt-darkmagenta-25)) } -.sf-c-txt-darkmagenta\:30 { color: hsl(var(--sf-c-txt-darkmagenta-30)) } -.sf-c-txt-darkmagenta\:35 { color: hsl(var(--sf-c-txt-darkmagenta-35)) } -.sf-c-txt-darkmagenta\:40 { color: hsl(var(--sf-c-txt-darkmagenta-40)) } -.sf-c-txt-darkmagenta\:45 { color: hsl(var(--sf-c-txt-darkmagenta-45)) } -.sf-c-txt-darkmagenta\:50 { color: hsl(var(--sf-c-txt-darkmagenta-50)) } -.sf-c-txt-darkmagenta\:55 { color: hsl(var(--sf-c-txt-darkmagenta-55)) } -.sf-c-txt-darkmagenta\:60 { color: hsl(var(--sf-c-txt-darkmagenta-60)) } -.sf-c-txt-darkmagenta\:65 { color: hsl(var(--sf-c-txt-darkmagenta-65)) } -.sf-c-txt-darkmagenta\:70 { color: hsl(var(--sf-c-txt-darkmagenta-70)) } -.sf-c-txt-darkmagenta\:75 { color: hsl(var(--sf-c-txt-darkmagenta-75)) } -.sf-c-txt-darkmagenta\:80 { color: hsl(var(--sf-c-txt-darkmagenta-80)) } -.sf-c-txt-darkmagenta\:85 { color: hsl(var(--sf-c-txt-darkmagenta-85)) } -.sf-c-txt-darkmagenta\:90 { color: hsl(var(--sf-c-txt-darkmagenta-90)) } -.sf-c-txt-darkmagenta\:95 { color: hsl(var(--sf-c-txt-darkmagenta-95)) } -.sf-c-txt-darkmagenta\:100 { color: hsl(var(--sf-c-txt-darkmagenta-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkmagenta, html.auto .sf-c-txt-darkmagenta { color: hsl(300, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:0, html.auto .sf-c-txt-darkmagenta\:0 { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:5, html.auto .sf-c-txt-darkmagenta\:5 { color: hsl(300, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:10, html.auto .sf-c-txt-darkmagenta\:10 { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:15, html.auto .sf-c-txt-darkmagenta\:15 { color: hsl(300, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:20, html.auto .sf-c-txt-darkmagenta\:20 { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:25, html.auto .sf-c-txt-darkmagenta\:25 { color: hsl(300, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:30, html.auto .sf-c-txt-darkmagenta\:30 { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:35, html.auto .sf-c-txt-darkmagenta\:35 { color: hsl(300, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:40, html.auto .sf-c-txt-darkmagenta\:40 { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:45, html.auto .sf-c-txt-darkmagenta\:45 { color: hsl(300, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:50, html.auto .sf-c-txt-darkmagenta\:50 { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:55, html.auto .sf-c-txt-darkmagenta\:55 { color: hsl(300, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:60, html.auto .sf-c-txt-darkmagenta\:60 { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:65, html.auto .sf-c-txt-darkmagenta\:65 { color: hsl(300, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:70, html.auto .sf-c-txt-darkmagenta\:70 { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:75, html.auto .sf-c-txt-darkmagenta\:75 { color: hsl(300, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:80, html.auto .sf-c-txt-darkmagenta\:80 { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:85, html.auto .sf-c-txt-darkmagenta\:85 { color: hsl(300, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:90, html.auto .sf-c-txt-darkmagenta\:90 { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:95, html.auto .sf-c-txt-darkmagenta\:95 { color: hsl(300, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:100, html.auto .sf-c-txt-darkmagenta\:100 { color: hsl(300, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:dark, html.auto .sf-c-txt-darkmagenta\:dark { color: hsl(300, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:0\:dark, html.auto .sf-c-txt-darkmagenta\:0\:dark { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:5\:dark, html.auto .sf-c-txt-darkmagenta\:5\:dark { color: hsl(300, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:10\:dark, html.auto .sf-c-txt-darkmagenta\:10\:dark { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:15\:dark, html.auto .sf-c-txt-darkmagenta\:15\:dark { color: hsl(300, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:20\:dark, html.auto .sf-c-txt-darkmagenta\:20\:dark { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:25\:dark, html.auto .sf-c-txt-darkmagenta\:25\:dark { color: hsl(300, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:30\:dark, html.auto .sf-c-txt-darkmagenta\:30\:dark { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:35\:dark, html.auto .sf-c-txt-darkmagenta\:35\:dark { color: hsl(300, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:40\:dark, html.auto .sf-c-txt-darkmagenta\:40\:dark { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:45\:dark, html.auto .sf-c-txt-darkmagenta\:45\:dark { color: hsl(300, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:50\:dark, html.auto .sf-c-txt-darkmagenta\:50\:dark { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:55\:dark, html.auto .sf-c-txt-darkmagenta\:55\:dark { color: hsl(300, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:60\:dark, html.auto .sf-c-txt-darkmagenta\:60\:dark { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:65\:dark, html.auto .sf-c-txt-darkmagenta\:65\:dark { color: hsl(300, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:70\:dark, html.auto .sf-c-txt-darkmagenta\:70\:dark { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:75\:dark, html.auto .sf-c-txt-darkmagenta\:75\:dark { color: hsl(300, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:80\:dark, html.auto .sf-c-txt-darkmagenta\:80\:dark { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:85\:dark, html.auto .sf-c-txt-darkmagenta\:85\:dark { color: hsl(300, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:90\:dark, html.auto .sf-c-txt-darkmagenta\:90\:dark { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:95\:dark, html.auto .sf-c-txt-darkmagenta\:95\:dark { color: hsl(300, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkmagenta\:100\:dark, html.auto .sf-c-txt-darkmagenta\:100\:dark { color: hsl(300, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkolivegreen.css b/src/colors/20/darkolivegreen.css index 1a509b8..8a7a04f 100644 --- a/src/colors/20/darkolivegreen.css +++ b/src/colors/20/darkolivegreen.css @@ -138,6 +138,52 @@ html.var .sf-c-darkolivegreen\:90 { color: hsl(82, 39%, 5%); background: hsl(82, html.var .sf-c-darkolivegreen\:95 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 95%) } html.var .sf-c-darkolivegreen\:100 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 100%) } +.sf-c-txt-darkolivegreen { color: hsl(var(--sf-dark-c-txt-darkolivegreen)) } +.sf-c-txt-darkolivegreen\:0 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-100)) } +.sf-c-txt-darkolivegreen\:5 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-95)) } +.sf-c-txt-darkolivegreen\:10 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-90)) } +.sf-c-txt-darkolivegreen\:15 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-85)) } +.sf-c-txt-darkolivegreen\:20 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-80)) } +.sf-c-txt-darkolivegreen\:25 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-75)) } +.sf-c-txt-darkolivegreen\:30 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-70)) } +.sf-c-txt-darkolivegreen\:35 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-65)) } +.sf-c-txt-darkolivegreen\:40 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-60)) } +.sf-c-txt-darkolivegreen\:45 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-55)) } +.sf-c-txt-darkolivegreen\:50 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-50)) } +.sf-c-txt-darkolivegreen\:55 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-45)) } +.sf-c-txt-darkolivegreen\:60 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-40)) } +.sf-c-txt-darkolivegreen\:65 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-35)) } +.sf-c-txt-darkolivegreen\:70 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-30)) } +.sf-c-txt-darkolivegreen\:75 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-25)) } +.sf-c-txt-darkolivegreen\:80 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-20)) } +.sf-c-txt-darkolivegreen\:85 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-15)) } +.sf-c-txt-darkolivegreen\:90 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-10)) } +.sf-c-txt-darkolivegreen\:95 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-5)) } +.sf-c-txt-darkolivegreen\:100 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-0)) } + +html.var .sf-c-txt-darkolivegreen { color: hsl(82, 39%, 70%) } +html.var .sf-c-txt-darkolivegreen\:0 { color: hsl(82, 39%, 100%) } +html.var .sf-c-txt-darkolivegreen\:5 { color: hsl(82, 39%, 95%) } +html.var .sf-c-txt-darkolivegreen\:10 { color: hsl(82, 39%, 90%) } +html.var .sf-c-txt-darkolivegreen\:15 { color: hsl(82, 39%, 85%) } +html.var .sf-c-txt-darkolivegreen\:20 { color: hsl(82, 39%, 80%) } +html.var .sf-c-txt-darkolivegreen\:25 { color: hsl(82, 39%, 75%) } +html.var .sf-c-txt-darkolivegreen\:30 { color: hsl(82, 39%, 70%) } +html.var .sf-c-txt-darkolivegreen\:35 { color: hsl(82, 39%, 65%) } +html.var .sf-c-txt-darkolivegreen\:40 { color: hsl(82, 39%, 60%) } +html.var .sf-c-txt-darkolivegreen\:45 { color: hsl(82, 39%, 55%) } +html.var .sf-c-txt-darkolivegreen\:50 { color: hsl(82, 39%, 50%) } +html.var .sf-c-txt-darkolivegreen\:55 { color: hsl(82, 39%, 45%) } +html.var .sf-c-txt-darkolivegreen\:60 { color: hsl(82, 39%, 40%) } +html.var .sf-c-txt-darkolivegreen\:65 { color: hsl(82, 39%, 35%) } +html.var .sf-c-txt-darkolivegreen\:70 { color: hsl(82, 39%, 30%) } +html.var .sf-c-txt-darkolivegreen\:75 { color: hsl(82, 39%, 25%) } +html.var .sf-c-txt-darkolivegreen\:80 { color: hsl(82, 39%, 20%) } +html.var .sf-c-txt-darkolivegreen\:85 { color: hsl(82, 39%, 15%) } +html.var .sf-c-txt-darkolivegreen\:90 { color: hsl(82, 39%, 10%) } +html.var .sf-c-txt-darkolivegreen\:95 { color: hsl(82, 39%, 5%) } +html.var .sf-c-txt-darkolivegreen\:100 { color: hsl(82, 39%, 0%) } + html[data-theme='dark'] .sf-c-darkolivegreen, html.dark .sf-c-darkolivegreen { color: hsl(var(--sf-dark-c-txt-darkolivegreen-5)); background: hsl(var(--sf-dark-c-darkolivegreen)) } html[data-theme='dark'] .sf-c-darkolivegreen\:0, html.dark .sf-c-darkolivegreen\:0 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-95)); background: hsl(var(--sf-dark-c-darkolivegreen-100)) } html[data-theme='dark'] .sf-c-darkolivegreen\:5, html.dark .sf-c-darkolivegreen\:5 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-5)); background: hsl(var(--sf-dark-c-darkolivegreen-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkolivegreen\:90\:dark, html.dark .sf-c-darkoliv html[data-theme='dark'] .sf-c-darkolivegreen\:95\:dark, html.dark .sf-c-darkolivegreen\:95\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-95)); background: hsl(var(--sf-c-darkolivegreen-5)) } html[data-theme='dark'] .sf-c-darkolivegreen\:100\:dark, html.dark .sf-c-darkolivegreen\:100\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-95)); background: hsl(var(--sf-c-darkolivegreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen, html.dark .sf-c-txt-darkolivegreen { color: hsl(var(--sf-c-txt-darkolivegreen)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:0, html.dark .sf-c-txt-darkolivegreen\:0 { color: hsl(var(--sf-c-txt-darkolivegreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:5, html.dark .sf-c-txt-darkolivegreen\:5 { color: hsl(var(--sf-c-txt-darkolivegreen-5)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:10, html.dark .sf-c-txt-darkolivegreen\:10 { color: hsl(var(--sf-c-txt-darkolivegreen-10)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:15, html.dark .sf-c-txt-darkolivegreen\:15 { color: hsl(var(--sf-c-txt-darkolivegreen-15)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:20, html.dark .sf-c-txt-darkolivegreen\:20 { color: hsl(var(--sf-c-txt-darkolivegreen-20)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:25, html.dark .sf-c-txt-darkolivegreen\:25 { color: hsl(var(--sf-c-txt-darkolivegreen-25)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:30, html.dark .sf-c-txt-darkolivegreen\:30 { color: hsl(var(--sf-c-txt-darkolivegreen-30)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:35, html.dark .sf-c-txt-darkolivegreen\:35 { color: hsl(var(--sf-c-txt-darkolivegreen-35)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:40, html.dark .sf-c-txt-darkolivegreen\:40 { color: hsl(var(--sf-c-txt-darkolivegreen-40)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:45, html.dark .sf-c-txt-darkolivegreen\:45 { color: hsl(var(--sf-c-txt-darkolivegreen-45)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:50, html.dark .sf-c-txt-darkolivegreen\:50 { color: hsl(var(--sf-c-txt-darkolivegreen-50)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:55, html.dark .sf-c-txt-darkolivegreen\:55 { color: hsl(var(--sf-c-txt-darkolivegreen-55)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:60, html.dark .sf-c-txt-darkolivegreen\:60 { color: hsl(var(--sf-c-txt-darkolivegreen-60)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:65, html.dark .sf-c-txt-darkolivegreen\:65 { color: hsl(var(--sf-c-txt-darkolivegreen-65)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:70, html.dark .sf-c-txt-darkolivegreen\:70 { color: hsl(var(--sf-c-txt-darkolivegreen-70)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:75, html.dark .sf-c-txt-darkolivegreen\:75 { color: hsl(var(--sf-c-txt-darkolivegreen-75)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:80, html.dark .sf-c-txt-darkolivegreen\:80 { color: hsl(var(--sf-c-txt-darkolivegreen-80)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:85, html.dark .sf-c-txt-darkolivegreen\:85 { color: hsl(var(--sf-c-txt-darkolivegreen-85)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:90, html.dark .sf-c-txt-darkolivegreen\:90 { color: hsl(var(--sf-c-txt-darkolivegreen-90)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:95, html.dark .sf-c-txt-darkolivegreen\:95 { color: hsl(var(--sf-c-txt-darkolivegreen-95)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:100, html.dark .sf-c-txt-darkolivegreen\:100 { color: hsl(var(--sf-c-txt-darkolivegreen-100)) } + +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:dark, html.dark .sf-c-txt-darkolivegreen\:dark { color: hsl(var(--sf-c-txt-darkolivegreen)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:0\:dark, html.dark .sf-c-txt-darkolivegreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:5\:dark, html.dark .sf-c-txt-darkolivegreen\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-5)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:10\:dark, html.dark .sf-c-txt-darkolivegreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-10)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:15\:dark, html.dark .sf-c-txt-darkolivegreen\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-15)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:20\:dark, html.dark .sf-c-txt-darkolivegreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-20)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:25\:dark, html.dark .sf-c-txt-darkolivegreen\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-25)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:30\:dark, html.dark .sf-c-txt-darkolivegreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-30)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:35\:dark, html.dark .sf-c-txt-darkolivegreen\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-35)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:40\:dark, html.dark .sf-c-txt-darkolivegreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-40)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:45\:dark, html.dark .sf-c-txt-darkolivegreen\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-45)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:50\:dark, html.dark .sf-c-txt-darkolivegreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-50)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:55\:dark, html.dark .sf-c-txt-darkolivegreen\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-55)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:60\:dark, html.dark .sf-c-txt-darkolivegreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-60)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:65\:dark, html.dark .sf-c-txt-darkolivegreen\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-65)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:70\:dark, html.dark .sf-c-txt-darkolivegreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-70)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:75\:dark, html.dark .sf-c-txt-darkolivegreen\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-75)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:80\:dark, html.dark .sf-c-txt-darkolivegreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-80)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:85\:dark, html.dark .sf-c-txt-darkolivegreen\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-85)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:90\:dark, html.dark .sf-c-txt-darkolivegreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-90)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:95\:dark, html.dark .sf-c-txt-darkolivegreen\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-95)) } +html[data-theme='dark'] .sf-c-txt-darkolivegreen\:100\:dark, html.dark .sf-c-txt-darkolivegreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkolivegreen-100)) } + html.var[data-theme='dark'] .sf-c-darkolivegreen, html.var.dark .sf-c-darkolivegreen { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 70%) } html.var[data-theme='dark'] .sf-c-darkolivegreen\:0, html.var.dark .sf-c-darkolivegreen\:0 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 100%) } html.var[data-theme='dark'] .sf-c-darkolivegreen\:5, html.var.dark .sf-c-darkolivegreen\:5 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkolivegreen\:90\:dark, html.var.dark .sf-c- html.var[data-theme='dark'] .sf-c-darkolivegreen\:95\:dark, html.var.dark .sf-c-darkolivegreen\:95\:dark { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 5%) } html.var[data-theme='dark'] .sf-c-darkolivegreen\:100\:dark, html.var.dark .sf-c-darkolivegreen\:100\:dark { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen, html.dark .sf-c-txt-darkolivegreen { color: hsl(82, 39%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:0, html.dark .sf-c-txt-darkolivegreen\:0 { color: hsl(82, 39%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:5, html.dark .sf-c-txt-darkolivegreen\:5 { color: hsl(82, 39%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:10, html.dark .sf-c-txt-darkolivegreen\:10 { color: hsl(82, 39%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:15, html.dark .sf-c-txt-darkolivegreen\:15 { color: hsl(82, 39%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:20, html.dark .sf-c-txt-darkolivegreen\:20 { color: hsl(82, 39%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:25, html.dark .sf-c-txt-darkolivegreen\:25 { color: hsl(82, 39%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:30, html.dark .sf-c-txt-darkolivegreen\:30 { color: hsl(82, 39%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:35, html.dark .sf-c-txt-darkolivegreen\:35 { color: hsl(82, 39%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:40, html.dark .sf-c-txt-darkolivegreen\:40 { color: hsl(82, 39%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:45, html.dark .sf-c-txt-darkolivegreen\:45 { color: hsl(82, 39%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:50, html.dark .sf-c-txt-darkolivegreen\:50 { color: hsl(82, 39%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:55, html.dark .sf-c-txt-darkolivegreen\:55 { color: hsl(82, 39%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:60, html.dark .sf-c-txt-darkolivegreen\:60 { color: hsl(82, 39%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:65, html.dark .sf-c-txt-darkolivegreen\:65 { color: hsl(82, 39%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:70, html.dark .sf-c-txt-darkolivegreen\:70 { color: hsl(82, 39%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:75, html.dark .sf-c-txt-darkolivegreen\:75 { color: hsl(82, 39%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:80, html.dark .sf-c-txt-darkolivegreen\:80 { color: hsl(82, 39%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:85, html.dark .sf-c-txt-darkolivegreen\:85 { color: hsl(82, 39%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:90, html.dark .sf-c-txt-darkolivegreen\:90 { color: hsl(82, 39%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:95, html.dark .sf-c-txt-darkolivegreen\:95 { color: hsl(82, 39%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:100, html.dark .sf-c-txt-darkolivegreen\:100 { color: hsl(82, 39%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:dark, html.dark .sf-c-txt-darkolivegreen\:dark { color: hsl(82, 39%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:0\:dark, html.dark .sf-c-txt-darkolivegreen\:0\:dark { color: hsl(82, 39%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:5\:dark, html.dark .sf-c-txt-darkolivegreen\:5\:dark { color: hsl(82, 39%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:10\:dark, html.dark .sf-c-txt-darkolivegreen\:10\:dark { color: hsl(82, 39%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:15\:dark, html.dark .sf-c-txt-darkolivegreen\:15\:dark { color: hsl(82, 39%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:20\:dark, html.dark .sf-c-txt-darkolivegreen\:20\:dark { color: hsl(82, 39%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:25\:dark, html.dark .sf-c-txt-darkolivegreen\:25\:dark { color: hsl(82, 39%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:30\:dark, html.dark .sf-c-txt-darkolivegreen\:30\:dark { color: hsl(82, 39%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:35\:dark, html.dark .sf-c-txt-darkolivegreen\:35\:dark { color: hsl(82, 39%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:40\:dark, html.dark .sf-c-txt-darkolivegreen\:40\:dark { color: hsl(82, 39%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:45\:dark, html.dark .sf-c-txt-darkolivegreen\:45\:dark { color: hsl(82, 39%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:50\:dark, html.dark .sf-c-txt-darkolivegreen\:50\:dark { color: hsl(82, 39%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:55\:dark, html.dark .sf-c-txt-darkolivegreen\:55\:dark { color: hsl(82, 39%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:60\:dark, html.dark .sf-c-txt-darkolivegreen\:60\:dark { color: hsl(82, 39%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:65\:dark, html.dark .sf-c-txt-darkolivegreen\:65\:dark { color: hsl(82, 39%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:70\:dark, html.dark .sf-c-txt-darkolivegreen\:70\:dark { color: hsl(82, 39%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:75\:dark, html.dark .sf-c-txt-darkolivegreen\:75\:dark { color: hsl(82, 39%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:80\:dark, html.dark .sf-c-txt-darkolivegreen\:80\:dark { color: hsl(82, 39%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:85\:dark, html.dark .sf-c-txt-darkolivegreen\:85\:dark { color: hsl(82, 39%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:90\:dark, html.dark .sf-c-txt-darkolivegreen\:90\:dark { color: hsl(82, 39%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:95\:dark, html.dark .sf-c-txt-darkolivegreen\:95\:dark { color: hsl(82, 39%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkolivegreen\:100\:dark, html.dark .sf-c-txt-darkolivegreen\:100\:dark { color: hsl(82, 39%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkolivegreen, html.auto .sf-c-darkolivegreen { color: hsl(var(--sf-dark-c-txt-darkolivegreen-5)); background: hsl(var(--sf-dark-c-darkolivegreen)) } html[data-theme='auto'] .sf-c-darkolivegreen\:0, html.auto .sf-c-darkolivegreen\:0 { color: hsl(var(--sf-dark-c-txt-darkolivegreen-95)); background: hsl(var(--sf-dark-c-darkolivegreen-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkolivegreen\:100\:dark, html.var.dark .sf-c html[data-theme='auto'] .sf-c-darkolivegreen\:95\:dark, html.auto .sf-c-darkolivegreen\:95\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-95)); background: hsl(var(--sf-c-darkolivegreen-5)) } html[data-theme='auto'] .sf-c-darkolivegreen\:100\:dark, html.auto .sf-c-darkolivegreen\:100\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-95)); background: hsl(var(--sf-c-darkolivegreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen, html.auto .sf-c-txt-darkolivegreen { color: hsl(var(--sf-c-txt-darkolivegreen)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:0, html.auto .sf-c-txt-darkolivegreen\:0 { color: hsl(var(--sf-c-txt-darkolivegreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:5, html.auto .sf-c-txt-darkolivegreen\:5 { color: hsl(var(--sf-c-txt-darkolivegreen-5)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:10, html.auto .sf-c-txt-darkolivegreen\:10 { color: hsl(var(--sf-c-txt-darkolivegreen-10)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:15, html.auto .sf-c-txt-darkolivegreen\:15 { color: hsl(var(--sf-c-txt-darkolivegreen-15)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:20, html.auto .sf-c-txt-darkolivegreen\:20 { color: hsl(var(--sf-c-txt-darkolivegreen-20)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:25, html.auto .sf-c-txt-darkolivegreen\:25 { color: hsl(var(--sf-c-txt-darkolivegreen-25)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:30, html.auto .sf-c-txt-darkolivegreen\:30 { color: hsl(var(--sf-c-txt-darkolivegreen-30)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:35, html.auto .sf-c-txt-darkolivegreen\:35 { color: hsl(var(--sf-c-txt-darkolivegreen-35)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:40, html.auto .sf-c-txt-darkolivegreen\:40 { color: hsl(var(--sf-c-txt-darkolivegreen-40)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:45, html.auto .sf-c-txt-darkolivegreen\:45 { color: hsl(var(--sf-c-txt-darkolivegreen-45)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:50, html.auto .sf-c-txt-darkolivegreen\:50 { color: hsl(var(--sf-c-txt-darkolivegreen-50)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:55, html.auto .sf-c-txt-darkolivegreen\:55 { color: hsl(var(--sf-c-txt-darkolivegreen-55)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:60, html.auto .sf-c-txt-darkolivegreen\:60 { color: hsl(var(--sf-c-txt-darkolivegreen-60)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:65, html.auto .sf-c-txt-darkolivegreen\:65 { color: hsl(var(--sf-c-txt-darkolivegreen-65)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:70, html.auto .sf-c-txt-darkolivegreen\:70 { color: hsl(var(--sf-c-txt-darkolivegreen-70)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:75, html.auto .sf-c-txt-darkolivegreen\:75 { color: hsl(var(--sf-c-txt-darkolivegreen-75)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:80, html.auto .sf-c-txt-darkolivegreen\:80 { color: hsl(var(--sf-c-txt-darkolivegreen-80)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:85, html.auto .sf-c-txt-darkolivegreen\:85 { color: hsl(var(--sf-c-txt-darkolivegreen-85)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:90, html.auto .sf-c-txt-darkolivegreen\:90 { color: hsl(var(--sf-c-txt-darkolivegreen-90)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:95, html.auto .sf-c-txt-darkolivegreen\:95 { color: hsl(var(--sf-c-txt-darkolivegreen-95)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:100, html.auto .sf-c-txt-darkolivegreen\:100 { color: hsl(var(--sf-c-txt-darkolivegreen-100)) } + + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:dark, html.auto .sf-c-txt-darkolivegreen\:dark { color: hsl(var(--sf-c-txt-darkolivegreen)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:0\:dark, html.auto .sf-c-txt-darkolivegreen\:0\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:5\:dark, html.auto .sf-c-txt-darkolivegreen\:5\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-5)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:10\:dark, html.auto .sf-c-txt-darkolivegreen\:10\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-10)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:15\:dark, html.auto .sf-c-txt-darkolivegreen\:15\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-15)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:20\:dark, html.auto .sf-c-txt-darkolivegreen\:20\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-20)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:25\:dark, html.auto .sf-c-txt-darkolivegreen\:25\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-25)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:30\:dark, html.auto .sf-c-txt-darkolivegreen\:30\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-30)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:35\:dark, html.auto .sf-c-txt-darkolivegreen\:35\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-35)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:40\:dark, html.auto .sf-c-txt-darkolivegreen\:40\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-40)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:45\:dark, html.auto .sf-c-txt-darkolivegreen\:45\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-45)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:50\:dark, html.auto .sf-c-txt-darkolivegreen\:50\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-50)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:55\:dark, html.auto .sf-c-txt-darkolivegreen\:55\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-55)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:60\:dark, html.auto .sf-c-txt-darkolivegreen\:60\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-60)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:65\:dark, html.auto .sf-c-txt-darkolivegreen\:65\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-65)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:70\:dark, html.auto .sf-c-txt-darkolivegreen\:70\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-70)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:75\:dark, html.auto .sf-c-txt-darkolivegreen\:75\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-75)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:80\:dark, html.auto .sf-c-txt-darkolivegreen\:80\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-80)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:85\:dark, html.auto .sf-c-txt-darkolivegreen\:85\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-85)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:90\:dark, html.auto .sf-c-txt-darkolivegreen\:90\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-90)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:95\:dark, html.auto .sf-c-txt-darkolivegreen\:95\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-95)) } + html[data-theme='auto'] .sf-c-txt-darkolivegreen\:100\:dark, html.auto .sf-c-txt-darkolivegreen\:100\:dark { color: hsl(var(--sf-c-txt-darkolivegreen-100)) } + html.var[data-theme='auto'] .sf-c-darkolivegreen, html.var.auto .sf-c-darkolivegreen { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 70%) } html.var[data-theme='auto'] .sf-c-darkolivegreen\:0, html.var.auto .sf-c-darkolivegreen\:0 { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 100%) } html.var[data-theme='auto'] .sf-c-darkolivegreen\:5, html.var.auto .sf-c-darkolivegreen\:5 { color: hsl(82, 39%, 5%); background: hsl(82, 39%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkolivegreen\:100\:dark, html.var.dark .sf-c html.var[data-theme='auto'] .sf-c-darkolivegreen\:90\:dark, html.var.auto .sf-c-darkolivegreen\:90\:dark { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 10%) } html.var[data-theme='auto'] .sf-c-darkolivegreen\:95\:dark, html.var.auto .sf-c-darkolivegreen\:95\:dark { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 5%) } html.var[data-theme='auto'] .sf-c-darkolivegreen\:100\:dark, html.var.auto .sf-c-darkolivegreen\:100\:dark { color: hsl(82, 39%, 95%); background: hsl(82, 39%, 0%) } -} -.sf-c-txt-darkolivegreen { color: hsl(var(--sf-c-txt-darkolivegreen)) } -.sf-c-txt-darkolivegreen\:0 { color: hsl(var(--sf-c-txt-darkolivegreen-0)) } -.sf-c-txt-darkolivegreen\:5 { color: hsl(var(--sf-c-txt-darkolivegreen-5)) } -.sf-c-txt-darkolivegreen\:10 { color: hsl(var(--sf-c-txt-darkolivegreen-10)) } -.sf-c-txt-darkolivegreen\:15 { color: hsl(var(--sf-c-txt-darkolivegreen-15)) } -.sf-c-txt-darkolivegreen\:20 { color: hsl(var(--sf-c-txt-darkolivegreen-20)) } -.sf-c-txt-darkolivegreen\:25 { color: hsl(var(--sf-c-txt-darkolivegreen-25)) } -.sf-c-txt-darkolivegreen\:30 { color: hsl(var(--sf-c-txt-darkolivegreen-30)) } -.sf-c-txt-darkolivegreen\:35 { color: hsl(var(--sf-c-txt-darkolivegreen-35)) } -.sf-c-txt-darkolivegreen\:40 { color: hsl(var(--sf-c-txt-darkolivegreen-40)) } -.sf-c-txt-darkolivegreen\:45 { color: hsl(var(--sf-c-txt-darkolivegreen-45)) } -.sf-c-txt-darkolivegreen\:50 { color: hsl(var(--sf-c-txt-darkolivegreen-50)) } -.sf-c-txt-darkolivegreen\:55 { color: hsl(var(--sf-c-txt-darkolivegreen-55)) } -.sf-c-txt-darkolivegreen\:60 { color: hsl(var(--sf-c-txt-darkolivegreen-60)) } -.sf-c-txt-darkolivegreen\:65 { color: hsl(var(--sf-c-txt-darkolivegreen-65)) } -.sf-c-txt-darkolivegreen\:70 { color: hsl(var(--sf-c-txt-darkolivegreen-70)) } -.sf-c-txt-darkolivegreen\:75 { color: hsl(var(--sf-c-txt-darkolivegreen-75)) } -.sf-c-txt-darkolivegreen\:80 { color: hsl(var(--sf-c-txt-darkolivegreen-80)) } -.sf-c-txt-darkolivegreen\:85 { color: hsl(var(--sf-c-txt-darkolivegreen-85)) } -.sf-c-txt-darkolivegreen\:90 { color: hsl(var(--sf-c-txt-darkolivegreen-90)) } -.sf-c-txt-darkolivegreen\:95 { color: hsl(var(--sf-c-txt-darkolivegreen-95)) } -.sf-c-txt-darkolivegreen\:100 { color: hsl(var(--sf-c-txt-darkolivegreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen, html.auto .sf-c-txt-darkolivegreen { color: hsl(82, 39%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:0, html.auto .sf-c-txt-darkolivegreen\:0 { color: hsl(82, 39%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:5, html.auto .sf-c-txt-darkolivegreen\:5 { color: hsl(82, 39%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:10, html.auto .sf-c-txt-darkolivegreen\:10 { color: hsl(82, 39%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:15, html.auto .sf-c-txt-darkolivegreen\:15 { color: hsl(82, 39%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:20, html.auto .sf-c-txt-darkolivegreen\:20 { color: hsl(82, 39%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:25, html.auto .sf-c-txt-darkolivegreen\:25 { color: hsl(82, 39%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:30, html.auto .sf-c-txt-darkolivegreen\:30 { color: hsl(82, 39%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:35, html.auto .sf-c-txt-darkolivegreen\:35 { color: hsl(82, 39%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:40, html.auto .sf-c-txt-darkolivegreen\:40 { color: hsl(82, 39%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:45, html.auto .sf-c-txt-darkolivegreen\:45 { color: hsl(82, 39%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:50, html.auto .sf-c-txt-darkolivegreen\:50 { color: hsl(82, 39%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:55, html.auto .sf-c-txt-darkolivegreen\:55 { color: hsl(82, 39%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:60, html.auto .sf-c-txt-darkolivegreen\:60 { color: hsl(82, 39%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:65, html.auto .sf-c-txt-darkolivegreen\:65 { color: hsl(82, 39%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:70, html.auto .sf-c-txt-darkolivegreen\:70 { color: hsl(82, 39%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:75, html.auto .sf-c-txt-darkolivegreen\:75 { color: hsl(82, 39%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:80, html.auto .sf-c-txt-darkolivegreen\:80 { color: hsl(82, 39%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:85, html.auto .sf-c-txt-darkolivegreen\:85 { color: hsl(82, 39%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:90, html.auto .sf-c-txt-darkolivegreen\:90 { color: hsl(82, 39%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:95, html.auto .sf-c-txt-darkolivegreen\:95 { color: hsl(82, 39%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:100, html.auto .sf-c-txt-darkolivegreen\:100 { color: hsl(82, 39%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:dark, html.auto .sf-c-txt-darkolivegreen\:dark { color: hsl(82, 39%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:0\:dark, html.auto .sf-c-txt-darkolivegreen\:0\:dark { color: hsl(82, 39%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:5\:dark, html.auto .sf-c-txt-darkolivegreen\:5\:dark { color: hsl(82, 39%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:10\:dark, html.auto .sf-c-txt-darkolivegreen\:10\:dark { color: hsl(82, 39%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:15\:dark, html.auto .sf-c-txt-darkolivegreen\:15\:dark { color: hsl(82, 39%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:20\:dark, html.auto .sf-c-txt-darkolivegreen\:20\:dark { color: hsl(82, 39%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:25\:dark, html.auto .sf-c-txt-darkolivegreen\:25\:dark { color: hsl(82, 39%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:30\:dark, html.auto .sf-c-txt-darkolivegreen\:30\:dark { color: hsl(82, 39%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:35\:dark, html.auto .sf-c-txt-darkolivegreen\:35\:dark { color: hsl(82, 39%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:40\:dark, html.auto .sf-c-txt-darkolivegreen\:40\:dark { color: hsl(82, 39%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:45\:dark, html.auto .sf-c-txt-darkolivegreen\:45\:dark { color: hsl(82, 39%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:50\:dark, html.auto .sf-c-txt-darkolivegreen\:50\:dark { color: hsl(82, 39%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:55\:dark, html.auto .sf-c-txt-darkolivegreen\:55\:dark { color: hsl(82, 39%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:60\:dark, html.auto .sf-c-txt-darkolivegreen\:60\:dark { color: hsl(82, 39%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:65\:dark, html.auto .sf-c-txt-darkolivegreen\:65\:dark { color: hsl(82, 39%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:70\:dark, html.auto .sf-c-txt-darkolivegreen\:70\:dark { color: hsl(82, 39%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:75\:dark, html.auto .sf-c-txt-darkolivegreen\:75\:dark { color: hsl(82, 39%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:80\:dark, html.auto .sf-c-txt-darkolivegreen\:80\:dark { color: hsl(82, 39%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:85\:dark, html.auto .sf-c-txt-darkolivegreen\:85\:dark { color: hsl(82, 39%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:90\:dark, html.auto .sf-c-txt-darkolivegreen\:90\:dark { color: hsl(82, 39%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:95\:dark, html.auto .sf-c-txt-darkolivegreen\:95\:dark { color: hsl(82, 39%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkolivegreen\:100\:dark, html.auto .sf-c-txt-darkolivegreen\:100\:dark { color: hsl(82, 39%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkorange.css b/src/colors/20/darkorange.css index d42a81d..b353feb 100644 --- a/src/colors/20/darkorange.css +++ b/src/colors/20/darkorange.css @@ -138,6 +138,52 @@ html.var .sf-c-darkorange\:90 { color: hsl(33, 100%, 5%); background: hsl(33, 10 html.var .sf-c-darkorange\:95 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } html.var .sf-c-darkorange\:100 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 100%) } +.sf-c-txt-darkorange { color: hsl(var(--sf-dark-c-txt-darkorange)) } +.sf-c-txt-darkorange\:0 { color: hsl(var(--sf-dark-c-txt-darkorange-100)) } +.sf-c-txt-darkorange\:5 { color: hsl(var(--sf-dark-c-txt-darkorange-95)) } +.sf-c-txt-darkorange\:10 { color: hsl(var(--sf-dark-c-txt-darkorange-90)) } +.sf-c-txt-darkorange\:15 { color: hsl(var(--sf-dark-c-txt-darkorange-85)) } +.sf-c-txt-darkorange\:20 { color: hsl(var(--sf-dark-c-txt-darkorange-80)) } +.sf-c-txt-darkorange\:25 { color: hsl(var(--sf-dark-c-txt-darkorange-75)) } +.sf-c-txt-darkorange\:30 { color: hsl(var(--sf-dark-c-txt-darkorange-70)) } +.sf-c-txt-darkorange\:35 { color: hsl(var(--sf-dark-c-txt-darkorange-65)) } +.sf-c-txt-darkorange\:40 { color: hsl(var(--sf-dark-c-txt-darkorange-60)) } +.sf-c-txt-darkorange\:45 { color: hsl(var(--sf-dark-c-txt-darkorange-55)) } +.sf-c-txt-darkorange\:50 { color: hsl(var(--sf-dark-c-txt-darkorange-50)) } +.sf-c-txt-darkorange\:55 { color: hsl(var(--sf-dark-c-txt-darkorange-45)) } +.sf-c-txt-darkorange\:60 { color: hsl(var(--sf-dark-c-txt-darkorange-40)) } +.sf-c-txt-darkorange\:65 { color: hsl(var(--sf-dark-c-txt-darkorange-35)) } +.sf-c-txt-darkorange\:70 { color: hsl(var(--sf-dark-c-txt-darkorange-30)) } +.sf-c-txt-darkorange\:75 { color: hsl(var(--sf-dark-c-txt-darkorange-25)) } +.sf-c-txt-darkorange\:80 { color: hsl(var(--sf-dark-c-txt-darkorange-20)) } +.sf-c-txt-darkorange\:85 { color: hsl(var(--sf-dark-c-txt-darkorange-15)) } +.sf-c-txt-darkorange\:90 { color: hsl(var(--sf-dark-c-txt-darkorange-10)) } +.sf-c-txt-darkorange\:95 { color: hsl(var(--sf-dark-c-txt-darkorange-5)) } +.sf-c-txt-darkorange\:100 { color: hsl(var(--sf-dark-c-txt-darkorange-0)) } + +html.var .sf-c-txt-darkorange { color: hsl(33, 100%, 50%) } +html.var .sf-c-txt-darkorange\:0 { color: hsl(33, 100%, 100%) } +html.var .sf-c-txt-darkorange\:5 { color: hsl(33, 100%, 95%) } +html.var .sf-c-txt-darkorange\:10 { color: hsl(33, 100%, 90%) } +html.var .sf-c-txt-darkorange\:15 { color: hsl(33, 100%, 85%) } +html.var .sf-c-txt-darkorange\:20 { color: hsl(33, 100%, 80%) } +html.var .sf-c-txt-darkorange\:25 { color: hsl(33, 100%, 75%) } +html.var .sf-c-txt-darkorange\:30 { color: hsl(33, 100%, 70%) } +html.var .sf-c-txt-darkorange\:35 { color: hsl(33, 100%, 65%) } +html.var .sf-c-txt-darkorange\:40 { color: hsl(33, 100%, 60%) } +html.var .sf-c-txt-darkorange\:45 { color: hsl(33, 100%, 55%) } +html.var .sf-c-txt-darkorange\:50 { color: hsl(33, 100%, 50%) } +html.var .sf-c-txt-darkorange\:55 { color: hsl(33, 100%, 45%) } +html.var .sf-c-txt-darkorange\:60 { color: hsl(33, 100%, 40%) } +html.var .sf-c-txt-darkorange\:65 { color: hsl(33, 100%, 35%) } +html.var .sf-c-txt-darkorange\:70 { color: hsl(33, 100%, 30%) } +html.var .sf-c-txt-darkorange\:75 { color: hsl(33, 100%, 25%) } +html.var .sf-c-txt-darkorange\:80 { color: hsl(33, 100%, 20%) } +html.var .sf-c-txt-darkorange\:85 { color: hsl(33, 100%, 15%) } +html.var .sf-c-txt-darkorange\:90 { color: hsl(33, 100%, 10%) } +html.var .sf-c-txt-darkorange\:95 { color: hsl(33, 100%, 5%) } +html.var .sf-c-txt-darkorange\:100 { color: hsl(33, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkorange, html.dark .sf-c-darkorange { color: hsl(var(--sf-dark-c-txt-darkorange-5)); background: hsl(var(--sf-dark-c-darkorange)) } html[data-theme='dark'] .sf-c-darkorange\:0, html.dark .sf-c-darkorange\:0 { color: hsl(var(--sf-dark-c-txt-darkorange-95)); background: hsl(var(--sf-dark-c-darkorange-100)) } html[data-theme='dark'] .sf-c-darkorange\:5, html.dark .sf-c-darkorange\:5 { color: hsl(var(--sf-dark-c-txt-darkorange-5)); background: hsl(var(--sf-dark-c-darkorange-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkorange\:90\:dark, html.dark .sf-c-darkorange\: html[data-theme='dark'] .sf-c-darkorange\:95\:dark, html.dark .sf-c-darkorange\:95\:dark { color: hsl(var(--sf-c-txt-darkorange-95)); background: hsl(var(--sf-c-darkorange-5)) } html[data-theme='dark'] .sf-c-darkorange\:100\:dark, html.dark .sf-c-darkorange\:100\:dark { color: hsl(var(--sf-c-txt-darkorange-95)); background: hsl(var(--sf-c-darkorange-0)) } +html[data-theme='dark'] .sf-c-txt-darkorange, html.dark .sf-c-txt-darkorange { color: hsl(var(--sf-c-txt-darkorange)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:0, html.dark .sf-c-txt-darkorange\:0 { color: hsl(var(--sf-c-txt-darkorange-0)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:5, html.dark .sf-c-txt-darkorange\:5 { color: hsl(var(--sf-c-txt-darkorange-5)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:10, html.dark .sf-c-txt-darkorange\:10 { color: hsl(var(--sf-c-txt-darkorange-10)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:15, html.dark .sf-c-txt-darkorange\:15 { color: hsl(var(--sf-c-txt-darkorange-15)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:20, html.dark .sf-c-txt-darkorange\:20 { color: hsl(var(--sf-c-txt-darkorange-20)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:25, html.dark .sf-c-txt-darkorange\:25 { color: hsl(var(--sf-c-txt-darkorange-25)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:30, html.dark .sf-c-txt-darkorange\:30 { color: hsl(var(--sf-c-txt-darkorange-30)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:35, html.dark .sf-c-txt-darkorange\:35 { color: hsl(var(--sf-c-txt-darkorange-35)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:40, html.dark .sf-c-txt-darkorange\:40 { color: hsl(var(--sf-c-txt-darkorange-40)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:45, html.dark .sf-c-txt-darkorange\:45 { color: hsl(var(--sf-c-txt-darkorange-45)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:50, html.dark .sf-c-txt-darkorange\:50 { color: hsl(var(--sf-c-txt-darkorange-50)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:55, html.dark .sf-c-txt-darkorange\:55 { color: hsl(var(--sf-c-txt-darkorange-55)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:60, html.dark .sf-c-txt-darkorange\:60 { color: hsl(var(--sf-c-txt-darkorange-60)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:65, html.dark .sf-c-txt-darkorange\:65 { color: hsl(var(--sf-c-txt-darkorange-65)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:70, html.dark .sf-c-txt-darkorange\:70 { color: hsl(var(--sf-c-txt-darkorange-70)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:75, html.dark .sf-c-txt-darkorange\:75 { color: hsl(var(--sf-c-txt-darkorange-75)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:80, html.dark .sf-c-txt-darkorange\:80 { color: hsl(var(--sf-c-txt-darkorange-80)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:85, html.dark .sf-c-txt-darkorange\:85 { color: hsl(var(--sf-c-txt-darkorange-85)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:90, html.dark .sf-c-txt-darkorange\:90 { color: hsl(var(--sf-c-txt-darkorange-90)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:95, html.dark .sf-c-txt-darkorange\:95 { color: hsl(var(--sf-c-txt-darkorange-95)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:100, html.dark .sf-c-txt-darkorange\:100 { color: hsl(var(--sf-c-txt-darkorange-100)) } + +html[data-theme='dark'] .sf-c-txt-darkorange\:dark, html.dark .sf-c-txt-darkorange\:dark { color: hsl(var(--sf-c-txt-darkorange)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:0\:dark, html.dark .sf-c-txt-darkorange\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-0)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:5\:dark, html.dark .sf-c-txt-darkorange\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-5)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:10\:dark, html.dark .sf-c-txt-darkorange\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-10)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:15\:dark, html.dark .sf-c-txt-darkorange\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-15)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:20\:dark, html.dark .sf-c-txt-darkorange\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-20)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:25\:dark, html.dark .sf-c-txt-darkorange\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-25)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:30\:dark, html.dark .sf-c-txt-darkorange\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-30)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:35\:dark, html.dark .sf-c-txt-darkorange\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-35)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:40\:dark, html.dark .sf-c-txt-darkorange\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-40)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:45\:dark, html.dark .sf-c-txt-darkorange\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-45)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:50\:dark, html.dark .sf-c-txt-darkorange\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-50)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:55\:dark, html.dark .sf-c-txt-darkorange\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-55)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:60\:dark, html.dark .sf-c-txt-darkorange\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-60)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:65\:dark, html.dark .sf-c-txt-darkorange\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-65)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:70\:dark, html.dark .sf-c-txt-darkorange\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-70)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:75\:dark, html.dark .sf-c-txt-darkorange\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-75)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:80\:dark, html.dark .sf-c-txt-darkorange\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-80)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:85\:dark, html.dark .sf-c-txt-darkorange\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-85)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:90\:dark, html.dark .sf-c-txt-darkorange\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-90)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:95\:dark, html.dark .sf-c-txt-darkorange\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-95)) } +html[data-theme='dark'] .sf-c-txt-darkorange\:100\:dark, html.dark .sf-c-txt-darkorange\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkorange-100)) } + html.var[data-theme='dark'] .sf-c-darkorange, html.var.dark .sf-c-darkorange { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } html.var[data-theme='dark'] .sf-c-darkorange\:0, html.var.dark .sf-c-darkorange\:0 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkorange\:5, html.var.dark .sf-c-darkorange\:5 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkorange\:90\:dark, html.var.dark .sf-c-dark html.var[data-theme='dark'] .sf-c-darkorange\:95\:dark, html.var.dark .sf-c-darkorange\:95\:dark { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 5%) } html.var[data-theme='dark'] .sf-c-darkorange\:100\:dark, html.var.dark .sf-c-darkorange\:100\:dark { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange, html.dark .sf-c-txt-darkorange { color: hsl(33, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:0, html.dark .sf-c-txt-darkorange\:0 { color: hsl(33, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:5, html.dark .sf-c-txt-darkorange\:5 { color: hsl(33, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:10, html.dark .sf-c-txt-darkorange\:10 { color: hsl(33, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:15, html.dark .sf-c-txt-darkorange\:15 { color: hsl(33, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:20, html.dark .sf-c-txt-darkorange\:20 { color: hsl(33, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:25, html.dark .sf-c-txt-darkorange\:25 { color: hsl(33, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:30, html.dark .sf-c-txt-darkorange\:30 { color: hsl(33, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:35, html.dark .sf-c-txt-darkorange\:35 { color: hsl(33, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:40, html.dark .sf-c-txt-darkorange\:40 { color: hsl(33, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:45, html.dark .sf-c-txt-darkorange\:45 { color: hsl(33, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:50, html.dark .sf-c-txt-darkorange\:50 { color: hsl(33, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:55, html.dark .sf-c-txt-darkorange\:55 { color: hsl(33, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:60, html.dark .sf-c-txt-darkorange\:60 { color: hsl(33, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:65, html.dark .sf-c-txt-darkorange\:65 { color: hsl(33, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:70, html.dark .sf-c-txt-darkorange\:70 { color: hsl(33, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:75, html.dark .sf-c-txt-darkorange\:75 { color: hsl(33, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:80, html.dark .sf-c-txt-darkorange\:80 { color: hsl(33, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:85, html.dark .sf-c-txt-darkorange\:85 { color: hsl(33, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:90, html.dark .sf-c-txt-darkorange\:90 { color: hsl(33, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:95, html.dark .sf-c-txt-darkorange\:95 { color: hsl(33, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:100, html.dark .sf-c-txt-darkorange\:100 { color: hsl(33, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkorange\:dark, html.dark .sf-c-txt-darkorange\:dark { color: hsl(33, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:0\:dark, html.dark .sf-c-txt-darkorange\:0\:dark { color: hsl(33, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:5\:dark, html.dark .sf-c-txt-darkorange\:5\:dark { color: hsl(33, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:10\:dark, html.dark .sf-c-txt-darkorange\:10\:dark { color: hsl(33, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:15\:dark, html.dark .sf-c-txt-darkorange\:15\:dark { color: hsl(33, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:20\:dark, html.dark .sf-c-txt-darkorange\:20\:dark { color: hsl(33, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:25\:dark, html.dark .sf-c-txt-darkorange\:25\:dark { color: hsl(33, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:30\:dark, html.dark .sf-c-txt-darkorange\:30\:dark { color: hsl(33, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:35\:dark, html.dark .sf-c-txt-darkorange\:35\:dark { color: hsl(33, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:40\:dark, html.dark .sf-c-txt-darkorange\:40\:dark { color: hsl(33, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:45\:dark, html.dark .sf-c-txt-darkorange\:45\:dark { color: hsl(33, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:50\:dark, html.dark .sf-c-txt-darkorange\:50\:dark { color: hsl(33, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:55\:dark, html.dark .sf-c-txt-darkorange\:55\:dark { color: hsl(33, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:60\:dark, html.dark .sf-c-txt-darkorange\:60\:dark { color: hsl(33, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:65\:dark, html.dark .sf-c-txt-darkorange\:65\:dark { color: hsl(33, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:70\:dark, html.dark .sf-c-txt-darkorange\:70\:dark { color: hsl(33, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:75\:dark, html.dark .sf-c-txt-darkorange\:75\:dark { color: hsl(33, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:80\:dark, html.dark .sf-c-txt-darkorange\:80\:dark { color: hsl(33, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:85\:dark, html.dark .sf-c-txt-darkorange\:85\:dark { color: hsl(33, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:90\:dark, html.dark .sf-c-txt-darkorange\:90\:dark { color: hsl(33, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:95\:dark, html.dark .sf-c-txt-darkorange\:95\:dark { color: hsl(33, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkorange\:100\:dark, html.dark .sf-c-txt-darkorange\:100\:dark { color: hsl(33, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkorange, html.auto .sf-c-darkorange { color: hsl(var(--sf-dark-c-txt-darkorange-5)); background: hsl(var(--sf-dark-c-darkorange)) } html[data-theme='auto'] .sf-c-darkorange\:0, html.auto .sf-c-darkorange\:0 { color: hsl(var(--sf-dark-c-txt-darkorange-95)); background: hsl(var(--sf-dark-c-darkorange-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkorange\:100\:dark, html.var.dark .sf-c-dar html[data-theme='auto'] .sf-c-darkorange\:95\:dark, html.auto .sf-c-darkorange\:95\:dark { color: hsl(var(--sf-c-txt-darkorange-95)); background: hsl(var(--sf-c-darkorange-5)) } html[data-theme='auto'] .sf-c-darkorange\:100\:dark, html.auto .sf-c-darkorange\:100\:dark { color: hsl(var(--sf-c-txt-darkorange-95)); background: hsl(var(--sf-c-darkorange-0)) } + html[data-theme='auto'] .sf-c-txt-darkorange, html.auto .sf-c-txt-darkorange { color: hsl(var(--sf-c-txt-darkorange)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:0, html.auto .sf-c-txt-darkorange\:0 { color: hsl(var(--sf-c-txt-darkorange-0)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:5, html.auto .sf-c-txt-darkorange\:5 { color: hsl(var(--sf-c-txt-darkorange-5)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:10, html.auto .sf-c-txt-darkorange\:10 { color: hsl(var(--sf-c-txt-darkorange-10)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:15, html.auto .sf-c-txt-darkorange\:15 { color: hsl(var(--sf-c-txt-darkorange-15)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:20, html.auto .sf-c-txt-darkorange\:20 { color: hsl(var(--sf-c-txt-darkorange-20)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:25, html.auto .sf-c-txt-darkorange\:25 { color: hsl(var(--sf-c-txt-darkorange-25)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:30, html.auto .sf-c-txt-darkorange\:30 { color: hsl(var(--sf-c-txt-darkorange-30)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:35, html.auto .sf-c-txt-darkorange\:35 { color: hsl(var(--sf-c-txt-darkorange-35)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:40, html.auto .sf-c-txt-darkorange\:40 { color: hsl(var(--sf-c-txt-darkorange-40)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:45, html.auto .sf-c-txt-darkorange\:45 { color: hsl(var(--sf-c-txt-darkorange-45)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:50, html.auto .sf-c-txt-darkorange\:50 { color: hsl(var(--sf-c-txt-darkorange-50)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:55, html.auto .sf-c-txt-darkorange\:55 { color: hsl(var(--sf-c-txt-darkorange-55)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:60, html.auto .sf-c-txt-darkorange\:60 { color: hsl(var(--sf-c-txt-darkorange-60)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:65, html.auto .sf-c-txt-darkorange\:65 { color: hsl(var(--sf-c-txt-darkorange-65)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:70, html.auto .sf-c-txt-darkorange\:70 { color: hsl(var(--sf-c-txt-darkorange-70)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:75, html.auto .sf-c-txt-darkorange\:75 { color: hsl(var(--sf-c-txt-darkorange-75)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:80, html.auto .sf-c-txt-darkorange\:80 { color: hsl(var(--sf-c-txt-darkorange-80)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:85, html.auto .sf-c-txt-darkorange\:85 { color: hsl(var(--sf-c-txt-darkorange-85)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:90, html.auto .sf-c-txt-darkorange\:90 { color: hsl(var(--sf-c-txt-darkorange-90)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:95, html.auto .sf-c-txt-darkorange\:95 { color: hsl(var(--sf-c-txt-darkorange-95)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:100, html.auto .sf-c-txt-darkorange\:100 { color: hsl(var(--sf-c-txt-darkorange-100)) } + + html[data-theme='auto'] .sf-c-txt-darkorange\:dark, html.auto .sf-c-txt-darkorange\:dark { color: hsl(var(--sf-c-txt-darkorange)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:0\:dark, html.auto .sf-c-txt-darkorange\:0\:dark { color: hsl(var(--sf-c-txt-darkorange-0)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:5\:dark, html.auto .sf-c-txt-darkorange\:5\:dark { color: hsl(var(--sf-c-txt-darkorange-5)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:10\:dark, html.auto .sf-c-txt-darkorange\:10\:dark { color: hsl(var(--sf-c-txt-darkorange-10)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:15\:dark, html.auto .sf-c-txt-darkorange\:15\:dark { color: hsl(var(--sf-c-txt-darkorange-15)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:20\:dark, html.auto .sf-c-txt-darkorange\:20\:dark { color: hsl(var(--sf-c-txt-darkorange-20)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:25\:dark, html.auto .sf-c-txt-darkorange\:25\:dark { color: hsl(var(--sf-c-txt-darkorange-25)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:30\:dark, html.auto .sf-c-txt-darkorange\:30\:dark { color: hsl(var(--sf-c-txt-darkorange-30)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:35\:dark, html.auto .sf-c-txt-darkorange\:35\:dark { color: hsl(var(--sf-c-txt-darkorange-35)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:40\:dark, html.auto .sf-c-txt-darkorange\:40\:dark { color: hsl(var(--sf-c-txt-darkorange-40)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:45\:dark, html.auto .sf-c-txt-darkorange\:45\:dark { color: hsl(var(--sf-c-txt-darkorange-45)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:50\:dark, html.auto .sf-c-txt-darkorange\:50\:dark { color: hsl(var(--sf-c-txt-darkorange-50)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:55\:dark, html.auto .sf-c-txt-darkorange\:55\:dark { color: hsl(var(--sf-c-txt-darkorange-55)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:60\:dark, html.auto .sf-c-txt-darkorange\:60\:dark { color: hsl(var(--sf-c-txt-darkorange-60)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:65\:dark, html.auto .sf-c-txt-darkorange\:65\:dark { color: hsl(var(--sf-c-txt-darkorange-65)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:70\:dark, html.auto .sf-c-txt-darkorange\:70\:dark { color: hsl(var(--sf-c-txt-darkorange-70)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:75\:dark, html.auto .sf-c-txt-darkorange\:75\:dark { color: hsl(var(--sf-c-txt-darkorange-75)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:80\:dark, html.auto .sf-c-txt-darkorange\:80\:dark { color: hsl(var(--sf-c-txt-darkorange-80)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:85\:dark, html.auto .sf-c-txt-darkorange\:85\:dark { color: hsl(var(--sf-c-txt-darkorange-85)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:90\:dark, html.auto .sf-c-txt-darkorange\:90\:dark { color: hsl(var(--sf-c-txt-darkorange-90)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:95\:dark, html.auto .sf-c-txt-darkorange\:95\:dark { color: hsl(var(--sf-c-txt-darkorange-95)) } + html[data-theme='auto'] .sf-c-txt-darkorange\:100\:dark, html.auto .sf-c-txt-darkorange\:100\:dark { color: hsl(var(--sf-c-txt-darkorange-100)) } + html.var[data-theme='auto'] .sf-c-darkorange, html.var.auto .sf-c-darkorange { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 50%) } html.var[data-theme='auto'] .sf-c-darkorange\:0, html.var.auto .sf-c-darkorange\:0 { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkorange\:5, html.var.auto .sf-c-darkorange\:5 { color: hsl(33, 100%, 5%); background: hsl(33, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkorange\:100\:dark, html.var.dark .sf-c-dar html.var[data-theme='auto'] .sf-c-darkorange\:90\:dark, html.var.auto .sf-c-darkorange\:90\:dark { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkorange\:95\:dark, html.var.auto .sf-c-darkorange\:95\:dark { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 5%) } html.var[data-theme='auto'] .sf-c-darkorange\:100\:dark, html.var.auto .sf-c-darkorange\:100\:dark { color: hsl(33, 100%, 95%); background: hsl(33, 100%, 0%) } -} -.sf-c-txt-darkorange { color: hsl(var(--sf-c-txt-darkorange)) } -.sf-c-txt-darkorange\:0 { color: hsl(var(--sf-c-txt-darkorange-0)) } -.sf-c-txt-darkorange\:5 { color: hsl(var(--sf-c-txt-darkorange-5)) } -.sf-c-txt-darkorange\:10 { color: hsl(var(--sf-c-txt-darkorange-10)) } -.sf-c-txt-darkorange\:15 { color: hsl(var(--sf-c-txt-darkorange-15)) } -.sf-c-txt-darkorange\:20 { color: hsl(var(--sf-c-txt-darkorange-20)) } -.sf-c-txt-darkorange\:25 { color: hsl(var(--sf-c-txt-darkorange-25)) } -.sf-c-txt-darkorange\:30 { color: hsl(var(--sf-c-txt-darkorange-30)) } -.sf-c-txt-darkorange\:35 { color: hsl(var(--sf-c-txt-darkorange-35)) } -.sf-c-txt-darkorange\:40 { color: hsl(var(--sf-c-txt-darkorange-40)) } -.sf-c-txt-darkorange\:45 { color: hsl(var(--sf-c-txt-darkorange-45)) } -.sf-c-txt-darkorange\:50 { color: hsl(var(--sf-c-txt-darkorange-50)) } -.sf-c-txt-darkorange\:55 { color: hsl(var(--sf-c-txt-darkorange-55)) } -.sf-c-txt-darkorange\:60 { color: hsl(var(--sf-c-txt-darkorange-60)) } -.sf-c-txt-darkorange\:65 { color: hsl(var(--sf-c-txt-darkorange-65)) } -.sf-c-txt-darkorange\:70 { color: hsl(var(--sf-c-txt-darkorange-70)) } -.sf-c-txt-darkorange\:75 { color: hsl(var(--sf-c-txt-darkorange-75)) } -.sf-c-txt-darkorange\:80 { color: hsl(var(--sf-c-txt-darkorange-80)) } -.sf-c-txt-darkorange\:85 { color: hsl(var(--sf-c-txt-darkorange-85)) } -.sf-c-txt-darkorange\:90 { color: hsl(var(--sf-c-txt-darkorange-90)) } -.sf-c-txt-darkorange\:95 { color: hsl(var(--sf-c-txt-darkorange-95)) } -.sf-c-txt-darkorange\:100 { color: hsl(var(--sf-c-txt-darkorange-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkorange, html.auto .sf-c-txt-darkorange { color: hsl(33, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:0, html.auto .sf-c-txt-darkorange\:0 { color: hsl(33, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:5, html.auto .sf-c-txt-darkorange\:5 { color: hsl(33, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:10, html.auto .sf-c-txt-darkorange\:10 { color: hsl(33, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:15, html.auto .sf-c-txt-darkorange\:15 { color: hsl(33, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:20, html.auto .sf-c-txt-darkorange\:20 { color: hsl(33, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:25, html.auto .sf-c-txt-darkorange\:25 { color: hsl(33, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:30, html.auto .sf-c-txt-darkorange\:30 { color: hsl(33, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:35, html.auto .sf-c-txt-darkorange\:35 { color: hsl(33, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:40, html.auto .sf-c-txt-darkorange\:40 { color: hsl(33, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:45, html.auto .sf-c-txt-darkorange\:45 { color: hsl(33, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:50, html.auto .sf-c-txt-darkorange\:50 { color: hsl(33, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:55, html.auto .sf-c-txt-darkorange\:55 { color: hsl(33, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:60, html.auto .sf-c-txt-darkorange\:60 { color: hsl(33, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:65, html.auto .sf-c-txt-darkorange\:65 { color: hsl(33, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:70, html.auto .sf-c-txt-darkorange\:70 { color: hsl(33, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:75, html.auto .sf-c-txt-darkorange\:75 { color: hsl(33, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:80, html.auto .sf-c-txt-darkorange\:80 { color: hsl(33, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:85, html.auto .sf-c-txt-darkorange\:85 { color: hsl(33, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:90, html.auto .sf-c-txt-darkorange\:90 { color: hsl(33, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:95, html.auto .sf-c-txt-darkorange\:95 { color: hsl(33, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:100, html.auto .sf-c-txt-darkorange\:100 { color: hsl(33, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkorange\:dark, html.auto .sf-c-txt-darkorange\:dark { color: hsl(33, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:0\:dark, html.auto .sf-c-txt-darkorange\:0\:dark { color: hsl(33, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:5\:dark, html.auto .sf-c-txt-darkorange\:5\:dark { color: hsl(33, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:10\:dark, html.auto .sf-c-txt-darkorange\:10\:dark { color: hsl(33, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:15\:dark, html.auto .sf-c-txt-darkorange\:15\:dark { color: hsl(33, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:20\:dark, html.auto .sf-c-txt-darkorange\:20\:dark { color: hsl(33, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:25\:dark, html.auto .sf-c-txt-darkorange\:25\:dark { color: hsl(33, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:30\:dark, html.auto .sf-c-txt-darkorange\:30\:dark { color: hsl(33, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:35\:dark, html.auto .sf-c-txt-darkorange\:35\:dark { color: hsl(33, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:40\:dark, html.auto .sf-c-txt-darkorange\:40\:dark { color: hsl(33, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:45\:dark, html.auto .sf-c-txt-darkorange\:45\:dark { color: hsl(33, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:50\:dark, html.auto .sf-c-txt-darkorange\:50\:dark { color: hsl(33, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:55\:dark, html.auto .sf-c-txt-darkorange\:55\:dark { color: hsl(33, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:60\:dark, html.auto .sf-c-txt-darkorange\:60\:dark { color: hsl(33, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:65\:dark, html.auto .sf-c-txt-darkorange\:65\:dark { color: hsl(33, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:70\:dark, html.auto .sf-c-txt-darkorange\:70\:dark { color: hsl(33, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:75\:dark, html.auto .sf-c-txt-darkorange\:75\:dark { color: hsl(33, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:80\:dark, html.auto .sf-c-txt-darkorange\:80\:dark { color: hsl(33, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:85\:dark, html.auto .sf-c-txt-darkorange\:85\:dark { color: hsl(33, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:90\:dark, html.auto .sf-c-txt-darkorange\:90\:dark { color: hsl(33, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:95\:dark, html.auto .sf-c-txt-darkorange\:95\:dark { color: hsl(33, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkorange\:100\:dark, html.auto .sf-c-txt-darkorange\:100\:dark { color: hsl(33, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkorchid.css b/src/colors/20/darkorchid.css index a42afaa..359f7e2 100644 --- a/src/colors/20/darkorchid.css +++ b/src/colors/20/darkorchid.css @@ -138,6 +138,52 @@ html.var .sf-c-darkorchid\:90 { color: hsl(280, 61%, 5%); background: hsl(280, 6 html.var .sf-c-darkorchid\:95 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 95%) } html.var .sf-c-darkorchid\:100 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 100%) } +.sf-c-txt-darkorchid { color: hsl(var(--sf-dark-c-txt-darkorchid)) } +.sf-c-txt-darkorchid\:0 { color: hsl(var(--sf-dark-c-txt-darkorchid-100)) } +.sf-c-txt-darkorchid\:5 { color: hsl(var(--sf-dark-c-txt-darkorchid-95)) } +.sf-c-txt-darkorchid\:10 { color: hsl(var(--sf-dark-c-txt-darkorchid-90)) } +.sf-c-txt-darkorchid\:15 { color: hsl(var(--sf-dark-c-txt-darkorchid-85)) } +.sf-c-txt-darkorchid\:20 { color: hsl(var(--sf-dark-c-txt-darkorchid-80)) } +.sf-c-txt-darkorchid\:25 { color: hsl(var(--sf-dark-c-txt-darkorchid-75)) } +.sf-c-txt-darkorchid\:30 { color: hsl(var(--sf-dark-c-txt-darkorchid-70)) } +.sf-c-txt-darkorchid\:35 { color: hsl(var(--sf-dark-c-txt-darkorchid-65)) } +.sf-c-txt-darkorchid\:40 { color: hsl(var(--sf-dark-c-txt-darkorchid-60)) } +.sf-c-txt-darkorchid\:45 { color: hsl(var(--sf-dark-c-txt-darkorchid-55)) } +.sf-c-txt-darkorchid\:50 { color: hsl(var(--sf-dark-c-txt-darkorchid-50)) } +.sf-c-txt-darkorchid\:55 { color: hsl(var(--sf-dark-c-txt-darkorchid-45)) } +.sf-c-txt-darkorchid\:60 { color: hsl(var(--sf-dark-c-txt-darkorchid-40)) } +.sf-c-txt-darkorchid\:65 { color: hsl(var(--sf-dark-c-txt-darkorchid-35)) } +.sf-c-txt-darkorchid\:70 { color: hsl(var(--sf-dark-c-txt-darkorchid-30)) } +.sf-c-txt-darkorchid\:75 { color: hsl(var(--sf-dark-c-txt-darkorchid-25)) } +.sf-c-txt-darkorchid\:80 { color: hsl(var(--sf-dark-c-txt-darkorchid-20)) } +.sf-c-txt-darkorchid\:85 { color: hsl(var(--sf-dark-c-txt-darkorchid-15)) } +.sf-c-txt-darkorchid\:90 { color: hsl(var(--sf-dark-c-txt-darkorchid-10)) } +.sf-c-txt-darkorchid\:95 { color: hsl(var(--sf-dark-c-txt-darkorchid-5)) } +.sf-c-txt-darkorchid\:100 { color: hsl(var(--sf-dark-c-txt-darkorchid-0)) } + +html.var .sf-c-txt-darkorchid { color: hsl(280, 61%, 50%) } +html.var .sf-c-txt-darkorchid\:0 { color: hsl(280, 61%, 100%) } +html.var .sf-c-txt-darkorchid\:5 { color: hsl(280, 61%, 95%) } +html.var .sf-c-txt-darkorchid\:10 { color: hsl(280, 61%, 90%) } +html.var .sf-c-txt-darkorchid\:15 { color: hsl(280, 61%, 85%) } +html.var .sf-c-txt-darkorchid\:20 { color: hsl(280, 61%, 80%) } +html.var .sf-c-txt-darkorchid\:25 { color: hsl(280, 61%, 75%) } +html.var .sf-c-txt-darkorchid\:30 { color: hsl(280, 61%, 70%) } +html.var .sf-c-txt-darkorchid\:35 { color: hsl(280, 61%, 65%) } +html.var .sf-c-txt-darkorchid\:40 { color: hsl(280, 61%, 60%) } +html.var .sf-c-txt-darkorchid\:45 { color: hsl(280, 61%, 55%) } +html.var .sf-c-txt-darkorchid\:50 { color: hsl(280, 61%, 50%) } +html.var .sf-c-txt-darkorchid\:55 { color: hsl(280, 61%, 45%) } +html.var .sf-c-txt-darkorchid\:60 { color: hsl(280, 61%, 40%) } +html.var .sf-c-txt-darkorchid\:65 { color: hsl(280, 61%, 35%) } +html.var .sf-c-txt-darkorchid\:70 { color: hsl(280, 61%, 30%) } +html.var .sf-c-txt-darkorchid\:75 { color: hsl(280, 61%, 25%) } +html.var .sf-c-txt-darkorchid\:80 { color: hsl(280, 61%, 20%) } +html.var .sf-c-txt-darkorchid\:85 { color: hsl(280, 61%, 15%) } +html.var .sf-c-txt-darkorchid\:90 { color: hsl(280, 61%, 10%) } +html.var .sf-c-txt-darkorchid\:95 { color: hsl(280, 61%, 5%) } +html.var .sf-c-txt-darkorchid\:100 { color: hsl(280, 61%, 0%) } + html[data-theme='dark'] .sf-c-darkorchid, html.dark .sf-c-darkorchid { color: hsl(var(--sf-dark-c-txt-darkorchid-95)); background: hsl(var(--sf-dark-c-darkorchid)) } html[data-theme='dark'] .sf-c-darkorchid\:0, html.dark .sf-c-darkorchid\:0 { color: hsl(var(--sf-dark-c-txt-darkorchid-95)); background: hsl(var(--sf-dark-c-darkorchid-100)) } html[data-theme='dark'] .sf-c-darkorchid\:5, html.dark .sf-c-darkorchid\:5 { color: hsl(var(--sf-dark-c-txt-darkorchid-5)); background: hsl(var(--sf-dark-c-darkorchid-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkorchid\:90\:dark, html.dark .sf-c-darkorchid\: html[data-theme='dark'] .sf-c-darkorchid\:95\:dark, html.dark .sf-c-darkorchid\:95\:dark { color: hsl(var(--sf-c-txt-darkorchid-95)); background: hsl(var(--sf-c-darkorchid-5)) } html[data-theme='dark'] .sf-c-darkorchid\:100\:dark, html.dark .sf-c-darkorchid\:100\:dark { color: hsl(var(--sf-c-txt-darkorchid-95)); background: hsl(var(--sf-c-darkorchid-0)) } +html[data-theme='dark'] .sf-c-txt-darkorchid, html.dark .sf-c-txt-darkorchid { color: hsl(var(--sf-c-txt-darkorchid)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:0, html.dark .sf-c-txt-darkorchid\:0 { color: hsl(var(--sf-c-txt-darkorchid-0)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:5, html.dark .sf-c-txt-darkorchid\:5 { color: hsl(var(--sf-c-txt-darkorchid-5)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:10, html.dark .sf-c-txt-darkorchid\:10 { color: hsl(var(--sf-c-txt-darkorchid-10)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:15, html.dark .sf-c-txt-darkorchid\:15 { color: hsl(var(--sf-c-txt-darkorchid-15)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:20, html.dark .sf-c-txt-darkorchid\:20 { color: hsl(var(--sf-c-txt-darkorchid-20)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:25, html.dark .sf-c-txt-darkorchid\:25 { color: hsl(var(--sf-c-txt-darkorchid-25)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:30, html.dark .sf-c-txt-darkorchid\:30 { color: hsl(var(--sf-c-txt-darkorchid-30)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:35, html.dark .sf-c-txt-darkorchid\:35 { color: hsl(var(--sf-c-txt-darkorchid-35)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:40, html.dark .sf-c-txt-darkorchid\:40 { color: hsl(var(--sf-c-txt-darkorchid-40)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:45, html.dark .sf-c-txt-darkorchid\:45 { color: hsl(var(--sf-c-txt-darkorchid-45)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:50, html.dark .sf-c-txt-darkorchid\:50 { color: hsl(var(--sf-c-txt-darkorchid-50)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:55, html.dark .sf-c-txt-darkorchid\:55 { color: hsl(var(--sf-c-txt-darkorchid-55)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:60, html.dark .sf-c-txt-darkorchid\:60 { color: hsl(var(--sf-c-txt-darkorchid-60)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:65, html.dark .sf-c-txt-darkorchid\:65 { color: hsl(var(--sf-c-txt-darkorchid-65)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:70, html.dark .sf-c-txt-darkorchid\:70 { color: hsl(var(--sf-c-txt-darkorchid-70)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:75, html.dark .sf-c-txt-darkorchid\:75 { color: hsl(var(--sf-c-txt-darkorchid-75)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:80, html.dark .sf-c-txt-darkorchid\:80 { color: hsl(var(--sf-c-txt-darkorchid-80)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:85, html.dark .sf-c-txt-darkorchid\:85 { color: hsl(var(--sf-c-txt-darkorchid-85)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:90, html.dark .sf-c-txt-darkorchid\:90 { color: hsl(var(--sf-c-txt-darkorchid-90)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:95, html.dark .sf-c-txt-darkorchid\:95 { color: hsl(var(--sf-c-txt-darkorchid-95)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:100, html.dark .sf-c-txt-darkorchid\:100 { color: hsl(var(--sf-c-txt-darkorchid-100)) } + +html[data-theme='dark'] .sf-c-txt-darkorchid\:dark, html.dark .sf-c-txt-darkorchid\:dark { color: hsl(var(--sf-c-txt-darkorchid)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:0\:dark, html.dark .sf-c-txt-darkorchid\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-0)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:5\:dark, html.dark .sf-c-txt-darkorchid\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-5)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:10\:dark, html.dark .sf-c-txt-darkorchid\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-10)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:15\:dark, html.dark .sf-c-txt-darkorchid\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-15)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:20\:dark, html.dark .sf-c-txt-darkorchid\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-20)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:25\:dark, html.dark .sf-c-txt-darkorchid\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-25)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:30\:dark, html.dark .sf-c-txt-darkorchid\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-30)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:35\:dark, html.dark .sf-c-txt-darkorchid\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-35)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:40\:dark, html.dark .sf-c-txt-darkorchid\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-40)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:45\:dark, html.dark .sf-c-txt-darkorchid\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-45)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:50\:dark, html.dark .sf-c-txt-darkorchid\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-50)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:55\:dark, html.dark .sf-c-txt-darkorchid\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-55)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:60\:dark, html.dark .sf-c-txt-darkorchid\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-60)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:65\:dark, html.dark .sf-c-txt-darkorchid\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-65)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:70\:dark, html.dark .sf-c-txt-darkorchid\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-70)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:75\:dark, html.dark .sf-c-txt-darkorchid\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-75)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:80\:dark, html.dark .sf-c-txt-darkorchid\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-80)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:85\:dark, html.dark .sf-c-txt-darkorchid\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-85)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:90\:dark, html.dark .sf-c-txt-darkorchid\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-90)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:95\:dark, html.dark .sf-c-txt-darkorchid\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-95)) } +html[data-theme='dark'] .sf-c-txt-darkorchid\:100\:dark, html.dark .sf-c-txt-darkorchid\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkorchid-100)) } + html.var[data-theme='dark'] .sf-c-darkorchid, html.var.dark .sf-c-darkorchid { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 50%) } html.var[data-theme='dark'] .sf-c-darkorchid\:0, html.var.dark .sf-c-darkorchid\:0 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 100%) } html.var[data-theme='dark'] .sf-c-darkorchid\:5, html.var.dark .sf-c-darkorchid\:5 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkorchid\:90\:dark, html.var.dark .sf-c-dark html.var[data-theme='dark'] .sf-c-darkorchid\:95\:dark, html.var.dark .sf-c-darkorchid\:95\:dark { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 5%) } html.var[data-theme='dark'] .sf-c-darkorchid\:100\:dark, html.var.dark .sf-c-darkorchid\:100\:dark { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid, html.dark .sf-c-txt-darkorchid { color: hsl(280, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:0, html.dark .sf-c-txt-darkorchid\:0 { color: hsl(280, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:5, html.dark .sf-c-txt-darkorchid\:5 { color: hsl(280, 61%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:10, html.dark .sf-c-txt-darkorchid\:10 { color: hsl(280, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:15, html.dark .sf-c-txt-darkorchid\:15 { color: hsl(280, 61%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:20, html.dark .sf-c-txt-darkorchid\:20 { color: hsl(280, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:25, html.dark .sf-c-txt-darkorchid\:25 { color: hsl(280, 61%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:30, html.dark .sf-c-txt-darkorchid\:30 { color: hsl(280, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:35, html.dark .sf-c-txt-darkorchid\:35 { color: hsl(280, 61%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:40, html.dark .sf-c-txt-darkorchid\:40 { color: hsl(280, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:45, html.dark .sf-c-txt-darkorchid\:45 { color: hsl(280, 61%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:50, html.dark .sf-c-txt-darkorchid\:50 { color: hsl(280, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:55, html.dark .sf-c-txt-darkorchid\:55 { color: hsl(280, 61%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:60, html.dark .sf-c-txt-darkorchid\:60 { color: hsl(280, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:65, html.dark .sf-c-txt-darkorchid\:65 { color: hsl(280, 61%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:70, html.dark .sf-c-txt-darkorchid\:70 { color: hsl(280, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:75, html.dark .sf-c-txt-darkorchid\:75 { color: hsl(280, 61%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:80, html.dark .sf-c-txt-darkorchid\:80 { color: hsl(280, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:85, html.dark .sf-c-txt-darkorchid\:85 { color: hsl(280, 61%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:90, html.dark .sf-c-txt-darkorchid\:90 { color: hsl(280, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:95, html.dark .sf-c-txt-darkorchid\:95 { color: hsl(280, 61%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:100, html.dark .sf-c-txt-darkorchid\:100 { color: hsl(280, 61%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:dark, html.dark .sf-c-txt-darkorchid\:dark { color: hsl(280, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:0\:dark, html.dark .sf-c-txt-darkorchid\:0\:dark { color: hsl(280, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:5\:dark, html.dark .sf-c-txt-darkorchid\:5\:dark { color: hsl(280, 61%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:10\:dark, html.dark .sf-c-txt-darkorchid\:10\:dark { color: hsl(280, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:15\:dark, html.dark .sf-c-txt-darkorchid\:15\:dark { color: hsl(280, 61%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:20\:dark, html.dark .sf-c-txt-darkorchid\:20\:dark { color: hsl(280, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:25\:dark, html.dark .sf-c-txt-darkorchid\:25\:dark { color: hsl(280, 61%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:30\:dark, html.dark .sf-c-txt-darkorchid\:30\:dark { color: hsl(280, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:35\:dark, html.dark .sf-c-txt-darkorchid\:35\:dark { color: hsl(280, 61%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:40\:dark, html.dark .sf-c-txt-darkorchid\:40\:dark { color: hsl(280, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:45\:dark, html.dark .sf-c-txt-darkorchid\:45\:dark { color: hsl(280, 61%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:50\:dark, html.dark .sf-c-txt-darkorchid\:50\:dark { color: hsl(280, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:55\:dark, html.dark .sf-c-txt-darkorchid\:55\:dark { color: hsl(280, 61%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:60\:dark, html.dark .sf-c-txt-darkorchid\:60\:dark { color: hsl(280, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:65\:dark, html.dark .sf-c-txt-darkorchid\:65\:dark { color: hsl(280, 61%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:70\:dark, html.dark .sf-c-txt-darkorchid\:70\:dark { color: hsl(280, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:75\:dark, html.dark .sf-c-txt-darkorchid\:75\:dark { color: hsl(280, 61%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:80\:dark, html.dark .sf-c-txt-darkorchid\:80\:dark { color: hsl(280, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:85\:dark, html.dark .sf-c-txt-darkorchid\:85\:dark { color: hsl(280, 61%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:90\:dark, html.dark .sf-c-txt-darkorchid\:90\:dark { color: hsl(280, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:95\:dark, html.dark .sf-c-txt-darkorchid\:95\:dark { color: hsl(280, 61%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkorchid\:100\:dark, html.dark .sf-c-txt-darkorchid\:100\:dark { color: hsl(280, 61%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkorchid, html.auto .sf-c-darkorchid { color: hsl(var(--sf-dark-c-txt-darkorchid-95)); background: hsl(var(--sf-dark-c-darkorchid)) } html[data-theme='auto'] .sf-c-darkorchid\:0, html.auto .sf-c-darkorchid\:0 { color: hsl(var(--sf-dark-c-txt-darkorchid-95)); background: hsl(var(--sf-dark-c-darkorchid-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkorchid\:100\:dark, html.var.dark .sf-c-dar html[data-theme='auto'] .sf-c-darkorchid\:95\:dark, html.auto .sf-c-darkorchid\:95\:dark { color: hsl(var(--sf-c-txt-darkorchid-95)); background: hsl(var(--sf-c-darkorchid-5)) } html[data-theme='auto'] .sf-c-darkorchid\:100\:dark, html.auto .sf-c-darkorchid\:100\:dark { color: hsl(var(--sf-c-txt-darkorchid-95)); background: hsl(var(--sf-c-darkorchid-0)) } + html[data-theme='auto'] .sf-c-txt-darkorchid, html.auto .sf-c-txt-darkorchid { color: hsl(var(--sf-c-txt-darkorchid)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:0, html.auto .sf-c-txt-darkorchid\:0 { color: hsl(var(--sf-c-txt-darkorchid-0)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:5, html.auto .sf-c-txt-darkorchid\:5 { color: hsl(var(--sf-c-txt-darkorchid-5)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:10, html.auto .sf-c-txt-darkorchid\:10 { color: hsl(var(--sf-c-txt-darkorchid-10)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:15, html.auto .sf-c-txt-darkorchid\:15 { color: hsl(var(--sf-c-txt-darkorchid-15)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:20, html.auto .sf-c-txt-darkorchid\:20 { color: hsl(var(--sf-c-txt-darkorchid-20)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:25, html.auto .sf-c-txt-darkorchid\:25 { color: hsl(var(--sf-c-txt-darkorchid-25)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:30, html.auto .sf-c-txt-darkorchid\:30 { color: hsl(var(--sf-c-txt-darkorchid-30)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:35, html.auto .sf-c-txt-darkorchid\:35 { color: hsl(var(--sf-c-txt-darkorchid-35)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:40, html.auto .sf-c-txt-darkorchid\:40 { color: hsl(var(--sf-c-txt-darkorchid-40)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:45, html.auto .sf-c-txt-darkorchid\:45 { color: hsl(var(--sf-c-txt-darkorchid-45)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:50, html.auto .sf-c-txt-darkorchid\:50 { color: hsl(var(--sf-c-txt-darkorchid-50)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:55, html.auto .sf-c-txt-darkorchid\:55 { color: hsl(var(--sf-c-txt-darkorchid-55)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:60, html.auto .sf-c-txt-darkorchid\:60 { color: hsl(var(--sf-c-txt-darkorchid-60)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:65, html.auto .sf-c-txt-darkorchid\:65 { color: hsl(var(--sf-c-txt-darkorchid-65)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:70, html.auto .sf-c-txt-darkorchid\:70 { color: hsl(var(--sf-c-txt-darkorchid-70)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:75, html.auto .sf-c-txt-darkorchid\:75 { color: hsl(var(--sf-c-txt-darkorchid-75)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:80, html.auto .sf-c-txt-darkorchid\:80 { color: hsl(var(--sf-c-txt-darkorchid-80)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:85, html.auto .sf-c-txt-darkorchid\:85 { color: hsl(var(--sf-c-txt-darkorchid-85)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:90, html.auto .sf-c-txt-darkorchid\:90 { color: hsl(var(--sf-c-txt-darkorchid-90)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:95, html.auto .sf-c-txt-darkorchid\:95 { color: hsl(var(--sf-c-txt-darkorchid-95)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:100, html.auto .sf-c-txt-darkorchid\:100 { color: hsl(var(--sf-c-txt-darkorchid-100)) } + + html[data-theme='auto'] .sf-c-txt-darkorchid\:dark, html.auto .sf-c-txt-darkorchid\:dark { color: hsl(var(--sf-c-txt-darkorchid)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:0\:dark, html.auto .sf-c-txt-darkorchid\:0\:dark { color: hsl(var(--sf-c-txt-darkorchid-0)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:5\:dark, html.auto .sf-c-txt-darkorchid\:5\:dark { color: hsl(var(--sf-c-txt-darkorchid-5)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:10\:dark, html.auto .sf-c-txt-darkorchid\:10\:dark { color: hsl(var(--sf-c-txt-darkorchid-10)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:15\:dark, html.auto .sf-c-txt-darkorchid\:15\:dark { color: hsl(var(--sf-c-txt-darkorchid-15)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:20\:dark, html.auto .sf-c-txt-darkorchid\:20\:dark { color: hsl(var(--sf-c-txt-darkorchid-20)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:25\:dark, html.auto .sf-c-txt-darkorchid\:25\:dark { color: hsl(var(--sf-c-txt-darkorchid-25)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:30\:dark, html.auto .sf-c-txt-darkorchid\:30\:dark { color: hsl(var(--sf-c-txt-darkorchid-30)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:35\:dark, html.auto .sf-c-txt-darkorchid\:35\:dark { color: hsl(var(--sf-c-txt-darkorchid-35)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:40\:dark, html.auto .sf-c-txt-darkorchid\:40\:dark { color: hsl(var(--sf-c-txt-darkorchid-40)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:45\:dark, html.auto .sf-c-txt-darkorchid\:45\:dark { color: hsl(var(--sf-c-txt-darkorchid-45)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:50\:dark, html.auto .sf-c-txt-darkorchid\:50\:dark { color: hsl(var(--sf-c-txt-darkorchid-50)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:55\:dark, html.auto .sf-c-txt-darkorchid\:55\:dark { color: hsl(var(--sf-c-txt-darkorchid-55)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:60\:dark, html.auto .sf-c-txt-darkorchid\:60\:dark { color: hsl(var(--sf-c-txt-darkorchid-60)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:65\:dark, html.auto .sf-c-txt-darkorchid\:65\:dark { color: hsl(var(--sf-c-txt-darkorchid-65)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:70\:dark, html.auto .sf-c-txt-darkorchid\:70\:dark { color: hsl(var(--sf-c-txt-darkorchid-70)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:75\:dark, html.auto .sf-c-txt-darkorchid\:75\:dark { color: hsl(var(--sf-c-txt-darkorchid-75)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:80\:dark, html.auto .sf-c-txt-darkorchid\:80\:dark { color: hsl(var(--sf-c-txt-darkorchid-80)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:85\:dark, html.auto .sf-c-txt-darkorchid\:85\:dark { color: hsl(var(--sf-c-txt-darkorchid-85)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:90\:dark, html.auto .sf-c-txt-darkorchid\:90\:dark { color: hsl(var(--sf-c-txt-darkorchid-90)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:95\:dark, html.auto .sf-c-txt-darkorchid\:95\:dark { color: hsl(var(--sf-c-txt-darkorchid-95)) } + html[data-theme='auto'] .sf-c-txt-darkorchid\:100\:dark, html.auto .sf-c-txt-darkorchid\:100\:dark { color: hsl(var(--sf-c-txt-darkorchid-100)) } + html.var[data-theme='auto'] .sf-c-darkorchid, html.var.auto .sf-c-darkorchid { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 50%) } html.var[data-theme='auto'] .sf-c-darkorchid\:0, html.var.auto .sf-c-darkorchid\:0 { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 100%) } html.var[data-theme='auto'] .sf-c-darkorchid\:5, html.var.auto .sf-c-darkorchid\:5 { color: hsl(280, 61%, 5%); background: hsl(280, 61%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkorchid\:100\:dark, html.var.dark .sf-c-dar html.var[data-theme='auto'] .sf-c-darkorchid\:90\:dark, html.var.auto .sf-c-darkorchid\:90\:dark { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 10%) } html.var[data-theme='auto'] .sf-c-darkorchid\:95\:dark, html.var.auto .sf-c-darkorchid\:95\:dark { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 5%) } html.var[data-theme='auto'] .sf-c-darkorchid\:100\:dark, html.var.auto .sf-c-darkorchid\:100\:dark { color: hsl(280, 61%, 95%); background: hsl(280, 61%, 0%) } -} -.sf-c-txt-darkorchid { color: hsl(var(--sf-c-txt-darkorchid)) } -.sf-c-txt-darkorchid\:0 { color: hsl(var(--sf-c-txt-darkorchid-0)) } -.sf-c-txt-darkorchid\:5 { color: hsl(var(--sf-c-txt-darkorchid-5)) } -.sf-c-txt-darkorchid\:10 { color: hsl(var(--sf-c-txt-darkorchid-10)) } -.sf-c-txt-darkorchid\:15 { color: hsl(var(--sf-c-txt-darkorchid-15)) } -.sf-c-txt-darkorchid\:20 { color: hsl(var(--sf-c-txt-darkorchid-20)) } -.sf-c-txt-darkorchid\:25 { color: hsl(var(--sf-c-txt-darkorchid-25)) } -.sf-c-txt-darkorchid\:30 { color: hsl(var(--sf-c-txt-darkorchid-30)) } -.sf-c-txt-darkorchid\:35 { color: hsl(var(--sf-c-txt-darkorchid-35)) } -.sf-c-txt-darkorchid\:40 { color: hsl(var(--sf-c-txt-darkorchid-40)) } -.sf-c-txt-darkorchid\:45 { color: hsl(var(--sf-c-txt-darkorchid-45)) } -.sf-c-txt-darkorchid\:50 { color: hsl(var(--sf-c-txt-darkorchid-50)) } -.sf-c-txt-darkorchid\:55 { color: hsl(var(--sf-c-txt-darkorchid-55)) } -.sf-c-txt-darkorchid\:60 { color: hsl(var(--sf-c-txt-darkorchid-60)) } -.sf-c-txt-darkorchid\:65 { color: hsl(var(--sf-c-txt-darkorchid-65)) } -.sf-c-txt-darkorchid\:70 { color: hsl(var(--sf-c-txt-darkorchid-70)) } -.sf-c-txt-darkorchid\:75 { color: hsl(var(--sf-c-txt-darkorchid-75)) } -.sf-c-txt-darkorchid\:80 { color: hsl(var(--sf-c-txt-darkorchid-80)) } -.sf-c-txt-darkorchid\:85 { color: hsl(var(--sf-c-txt-darkorchid-85)) } -.sf-c-txt-darkorchid\:90 { color: hsl(var(--sf-c-txt-darkorchid-90)) } -.sf-c-txt-darkorchid\:95 { color: hsl(var(--sf-c-txt-darkorchid-95)) } -.sf-c-txt-darkorchid\:100 { color: hsl(var(--sf-c-txt-darkorchid-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkorchid, html.auto .sf-c-txt-darkorchid { color: hsl(280, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:0, html.auto .sf-c-txt-darkorchid\:0 { color: hsl(280, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:5, html.auto .sf-c-txt-darkorchid\:5 { color: hsl(280, 61%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:10, html.auto .sf-c-txt-darkorchid\:10 { color: hsl(280, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:15, html.auto .sf-c-txt-darkorchid\:15 { color: hsl(280, 61%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:20, html.auto .sf-c-txt-darkorchid\:20 { color: hsl(280, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:25, html.auto .sf-c-txt-darkorchid\:25 { color: hsl(280, 61%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:30, html.auto .sf-c-txt-darkorchid\:30 { color: hsl(280, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:35, html.auto .sf-c-txt-darkorchid\:35 { color: hsl(280, 61%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:40, html.auto .sf-c-txt-darkorchid\:40 { color: hsl(280, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:45, html.auto .sf-c-txt-darkorchid\:45 { color: hsl(280, 61%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:50, html.auto .sf-c-txt-darkorchid\:50 { color: hsl(280, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:55, html.auto .sf-c-txt-darkorchid\:55 { color: hsl(280, 61%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:60, html.auto .sf-c-txt-darkorchid\:60 { color: hsl(280, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:65, html.auto .sf-c-txt-darkorchid\:65 { color: hsl(280, 61%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:70, html.auto .sf-c-txt-darkorchid\:70 { color: hsl(280, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:75, html.auto .sf-c-txt-darkorchid\:75 { color: hsl(280, 61%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:80, html.auto .sf-c-txt-darkorchid\:80 { color: hsl(280, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:85, html.auto .sf-c-txt-darkorchid\:85 { color: hsl(280, 61%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:90, html.auto .sf-c-txt-darkorchid\:90 { color: hsl(280, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:95, html.auto .sf-c-txt-darkorchid\:95 { color: hsl(280, 61%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:100, html.auto .sf-c-txt-darkorchid\:100 { color: hsl(280, 61%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:dark, html.auto .sf-c-txt-darkorchid\:dark { color: hsl(280, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:0\:dark, html.auto .sf-c-txt-darkorchid\:0\:dark { color: hsl(280, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:5\:dark, html.auto .sf-c-txt-darkorchid\:5\:dark { color: hsl(280, 61%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:10\:dark, html.auto .sf-c-txt-darkorchid\:10\:dark { color: hsl(280, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:15\:dark, html.auto .sf-c-txt-darkorchid\:15\:dark { color: hsl(280, 61%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:20\:dark, html.auto .sf-c-txt-darkorchid\:20\:dark { color: hsl(280, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:25\:dark, html.auto .sf-c-txt-darkorchid\:25\:dark { color: hsl(280, 61%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:30\:dark, html.auto .sf-c-txt-darkorchid\:30\:dark { color: hsl(280, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:35\:dark, html.auto .sf-c-txt-darkorchid\:35\:dark { color: hsl(280, 61%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:40\:dark, html.auto .sf-c-txt-darkorchid\:40\:dark { color: hsl(280, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:45\:dark, html.auto .sf-c-txt-darkorchid\:45\:dark { color: hsl(280, 61%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:50\:dark, html.auto .sf-c-txt-darkorchid\:50\:dark { color: hsl(280, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:55\:dark, html.auto .sf-c-txt-darkorchid\:55\:dark { color: hsl(280, 61%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:60\:dark, html.auto .sf-c-txt-darkorchid\:60\:dark { color: hsl(280, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:65\:dark, html.auto .sf-c-txt-darkorchid\:65\:dark { color: hsl(280, 61%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:70\:dark, html.auto .sf-c-txt-darkorchid\:70\:dark { color: hsl(280, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:75\:dark, html.auto .sf-c-txt-darkorchid\:75\:dark { color: hsl(280, 61%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:80\:dark, html.auto .sf-c-txt-darkorchid\:80\:dark { color: hsl(280, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:85\:dark, html.auto .sf-c-txt-darkorchid\:85\:dark { color: hsl(280, 61%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:90\:dark, html.auto .sf-c-txt-darkorchid\:90\:dark { color: hsl(280, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:95\:dark, html.auto .sf-c-txt-darkorchid\:95\:dark { color: hsl(280, 61%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkorchid\:100\:dark, html.auto .sf-c-txt-darkorchid\:100\:dark { color: hsl(280, 61%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkred.css b/src/colors/20/darkred.css index 6044fbc..f9c9df5 100644 --- a/src/colors/20/darkred.css +++ b/src/colors/20/darkred.css @@ -138,6 +138,52 @@ html.var .sf-c-darkred\:90 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 9 html.var .sf-c-darkred\:95 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } html.var .sf-c-darkred\:100 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } +.sf-c-txt-darkred { color: hsl(var(--sf-dark-c-txt-darkred)) } +.sf-c-txt-darkred\:0 { color: hsl(var(--sf-dark-c-txt-darkred-100)) } +.sf-c-txt-darkred\:5 { color: hsl(var(--sf-dark-c-txt-darkred-95)) } +.sf-c-txt-darkred\:10 { color: hsl(var(--sf-dark-c-txt-darkred-90)) } +.sf-c-txt-darkred\:15 { color: hsl(var(--sf-dark-c-txt-darkred-85)) } +.sf-c-txt-darkred\:20 { color: hsl(var(--sf-dark-c-txt-darkred-80)) } +.sf-c-txt-darkred\:25 { color: hsl(var(--sf-dark-c-txt-darkred-75)) } +.sf-c-txt-darkred\:30 { color: hsl(var(--sf-dark-c-txt-darkred-70)) } +.sf-c-txt-darkred\:35 { color: hsl(var(--sf-dark-c-txt-darkred-65)) } +.sf-c-txt-darkred\:40 { color: hsl(var(--sf-dark-c-txt-darkred-60)) } +.sf-c-txt-darkred\:45 { color: hsl(var(--sf-dark-c-txt-darkred-55)) } +.sf-c-txt-darkred\:50 { color: hsl(var(--sf-dark-c-txt-darkred-50)) } +.sf-c-txt-darkred\:55 { color: hsl(var(--sf-dark-c-txt-darkred-45)) } +.sf-c-txt-darkred\:60 { color: hsl(var(--sf-dark-c-txt-darkred-40)) } +.sf-c-txt-darkred\:65 { color: hsl(var(--sf-dark-c-txt-darkred-35)) } +.sf-c-txt-darkred\:70 { color: hsl(var(--sf-dark-c-txt-darkred-30)) } +.sf-c-txt-darkred\:75 { color: hsl(var(--sf-dark-c-txt-darkred-25)) } +.sf-c-txt-darkred\:80 { color: hsl(var(--sf-dark-c-txt-darkred-20)) } +.sf-c-txt-darkred\:85 { color: hsl(var(--sf-dark-c-txt-darkred-15)) } +.sf-c-txt-darkred\:90 { color: hsl(var(--sf-dark-c-txt-darkred-10)) } +.sf-c-txt-darkred\:95 { color: hsl(var(--sf-dark-c-txt-darkred-5)) } +.sf-c-txt-darkred\:100 { color: hsl(var(--sf-dark-c-txt-darkred-0)) } + +html.var .sf-c-txt-darkred { color: hsl(0, 100%, 73%) } +html.var .sf-c-txt-darkred\:0 { color: hsl(0, 100%, 100%) } +html.var .sf-c-txt-darkred\:5 { color: hsl(0, 100%, 95%) } +html.var .sf-c-txt-darkred\:10 { color: hsl(0, 100%, 90%) } +html.var .sf-c-txt-darkred\:15 { color: hsl(0, 100%, 85%) } +html.var .sf-c-txt-darkred\:20 { color: hsl(0, 100%, 80%) } +html.var .sf-c-txt-darkred\:25 { color: hsl(0, 100%, 75%) } +html.var .sf-c-txt-darkred\:30 { color: hsl(0, 100%, 70%) } +html.var .sf-c-txt-darkred\:35 { color: hsl(0, 100%, 65%) } +html.var .sf-c-txt-darkred\:40 { color: hsl(0, 100%, 60%) } +html.var .sf-c-txt-darkred\:45 { color: hsl(0, 100%, 55%) } +html.var .sf-c-txt-darkred\:50 { color: hsl(0, 100%, 50%) } +html.var .sf-c-txt-darkred\:55 { color: hsl(0, 100%, 45%) } +html.var .sf-c-txt-darkred\:60 { color: hsl(0, 100%, 40%) } +html.var .sf-c-txt-darkred\:65 { color: hsl(0, 100%, 35%) } +html.var .sf-c-txt-darkred\:70 { color: hsl(0, 100%, 30%) } +html.var .sf-c-txt-darkred\:75 { color: hsl(0, 100%, 25%) } +html.var .sf-c-txt-darkred\:80 { color: hsl(0, 100%, 20%) } +html.var .sf-c-txt-darkred\:85 { color: hsl(0, 100%, 15%) } +html.var .sf-c-txt-darkred\:90 { color: hsl(0, 100%, 10%) } +html.var .sf-c-txt-darkred\:95 { color: hsl(0, 100%, 5%) } +html.var .sf-c-txt-darkred\:100 { color: hsl(0, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkred, html.dark .sf-c-darkred { color: hsl(var(--sf-dark-c-txt-darkred-5)); background: hsl(var(--sf-dark-c-darkred)) } html[data-theme='dark'] .sf-c-darkred\:0, html.dark .sf-c-darkred\:0 { color: hsl(var(--sf-dark-c-txt-darkred-95)); background: hsl(var(--sf-dark-c-darkred-100)) } html[data-theme='dark'] .sf-c-darkred\:5, html.dark .sf-c-darkred\:5 { color: hsl(var(--sf-dark-c-txt-darkred-5)); background: hsl(var(--sf-dark-c-darkred-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkred\:90\:dark, html.dark .sf-c-darkred\:90\:da html[data-theme='dark'] .sf-c-darkred\:95\:dark, html.dark .sf-c-darkred\:95\:dark { color: hsl(var(--sf-c-txt-darkred-95)); background: hsl(var(--sf-c-darkred-5)) } html[data-theme='dark'] .sf-c-darkred\:100\:dark, html.dark .sf-c-darkred\:100\:dark { color: hsl(var(--sf-c-txt-darkred-95)); background: hsl(var(--sf-c-darkred-0)) } +html[data-theme='dark'] .sf-c-txt-darkred, html.dark .sf-c-txt-darkred { color: hsl(var(--sf-c-txt-darkred)) } +html[data-theme='dark'] .sf-c-txt-darkred\:0, html.dark .sf-c-txt-darkred\:0 { color: hsl(var(--sf-c-txt-darkred-0)) } +html[data-theme='dark'] .sf-c-txt-darkred\:5, html.dark .sf-c-txt-darkred\:5 { color: hsl(var(--sf-c-txt-darkred-5)) } +html[data-theme='dark'] .sf-c-txt-darkred\:10, html.dark .sf-c-txt-darkred\:10 { color: hsl(var(--sf-c-txt-darkred-10)) } +html[data-theme='dark'] .sf-c-txt-darkred\:15, html.dark .sf-c-txt-darkred\:15 { color: hsl(var(--sf-c-txt-darkred-15)) } +html[data-theme='dark'] .sf-c-txt-darkred\:20, html.dark .sf-c-txt-darkred\:20 { color: hsl(var(--sf-c-txt-darkred-20)) } +html[data-theme='dark'] .sf-c-txt-darkred\:25, html.dark .sf-c-txt-darkred\:25 { color: hsl(var(--sf-c-txt-darkred-25)) } +html[data-theme='dark'] .sf-c-txt-darkred\:30, html.dark .sf-c-txt-darkred\:30 { color: hsl(var(--sf-c-txt-darkred-30)) } +html[data-theme='dark'] .sf-c-txt-darkred\:35, html.dark .sf-c-txt-darkred\:35 { color: hsl(var(--sf-c-txt-darkred-35)) } +html[data-theme='dark'] .sf-c-txt-darkred\:40, html.dark .sf-c-txt-darkred\:40 { color: hsl(var(--sf-c-txt-darkred-40)) } +html[data-theme='dark'] .sf-c-txt-darkred\:45, html.dark .sf-c-txt-darkred\:45 { color: hsl(var(--sf-c-txt-darkred-45)) } +html[data-theme='dark'] .sf-c-txt-darkred\:50, html.dark .sf-c-txt-darkred\:50 { color: hsl(var(--sf-c-txt-darkred-50)) } +html[data-theme='dark'] .sf-c-txt-darkred\:55, html.dark .sf-c-txt-darkred\:55 { color: hsl(var(--sf-c-txt-darkred-55)) } +html[data-theme='dark'] .sf-c-txt-darkred\:60, html.dark .sf-c-txt-darkred\:60 { color: hsl(var(--sf-c-txt-darkred-60)) } +html[data-theme='dark'] .sf-c-txt-darkred\:65, html.dark .sf-c-txt-darkred\:65 { color: hsl(var(--sf-c-txt-darkred-65)) } +html[data-theme='dark'] .sf-c-txt-darkred\:70, html.dark .sf-c-txt-darkred\:70 { color: hsl(var(--sf-c-txt-darkred-70)) } +html[data-theme='dark'] .sf-c-txt-darkred\:75, html.dark .sf-c-txt-darkred\:75 { color: hsl(var(--sf-c-txt-darkred-75)) } +html[data-theme='dark'] .sf-c-txt-darkred\:80, html.dark .sf-c-txt-darkred\:80 { color: hsl(var(--sf-c-txt-darkred-80)) } +html[data-theme='dark'] .sf-c-txt-darkred\:85, html.dark .sf-c-txt-darkred\:85 { color: hsl(var(--sf-c-txt-darkred-85)) } +html[data-theme='dark'] .sf-c-txt-darkred\:90, html.dark .sf-c-txt-darkred\:90 { color: hsl(var(--sf-c-txt-darkred-90)) } +html[data-theme='dark'] .sf-c-txt-darkred\:95, html.dark .sf-c-txt-darkred\:95 { color: hsl(var(--sf-c-txt-darkred-95)) } +html[data-theme='dark'] .sf-c-txt-darkred\:100, html.dark .sf-c-txt-darkred\:100 { color: hsl(var(--sf-c-txt-darkred-100)) } + +html[data-theme='dark'] .sf-c-txt-darkred\:dark, html.dark .sf-c-txt-darkred\:dark { color: hsl(var(--sf-c-txt-darkred)) } +html[data-theme='dark'] .sf-c-txt-darkred\:0\:dark, html.dark .sf-c-txt-darkred\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkred-0)) } +html[data-theme='dark'] .sf-c-txt-darkred\:5\:dark, html.dark .sf-c-txt-darkred\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkred-5)) } +html[data-theme='dark'] .sf-c-txt-darkred\:10\:dark, html.dark .sf-c-txt-darkred\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkred-10)) } +html[data-theme='dark'] .sf-c-txt-darkred\:15\:dark, html.dark .sf-c-txt-darkred\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkred-15)) } +html[data-theme='dark'] .sf-c-txt-darkred\:20\:dark, html.dark .sf-c-txt-darkred\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkred-20)) } +html[data-theme='dark'] .sf-c-txt-darkred\:25\:dark, html.dark .sf-c-txt-darkred\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkred-25)) } +html[data-theme='dark'] .sf-c-txt-darkred\:30\:dark, html.dark .sf-c-txt-darkred\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkred-30)) } +html[data-theme='dark'] .sf-c-txt-darkred\:35\:dark, html.dark .sf-c-txt-darkred\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkred-35)) } +html[data-theme='dark'] .sf-c-txt-darkred\:40\:dark, html.dark .sf-c-txt-darkred\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkred-40)) } +html[data-theme='dark'] .sf-c-txt-darkred\:45\:dark, html.dark .sf-c-txt-darkred\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkred-45)) } +html[data-theme='dark'] .sf-c-txt-darkred\:50\:dark, html.dark .sf-c-txt-darkred\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkred-50)) } +html[data-theme='dark'] .sf-c-txt-darkred\:55\:dark, html.dark .sf-c-txt-darkred\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkred-55)) } +html[data-theme='dark'] .sf-c-txt-darkred\:60\:dark, html.dark .sf-c-txt-darkred\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkred-60)) } +html[data-theme='dark'] .sf-c-txt-darkred\:65\:dark, html.dark .sf-c-txt-darkred\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkred-65)) } +html[data-theme='dark'] .sf-c-txt-darkred\:70\:dark, html.dark .sf-c-txt-darkred\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkred-70)) } +html[data-theme='dark'] .sf-c-txt-darkred\:75\:dark, html.dark .sf-c-txt-darkred\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkred-75)) } +html[data-theme='dark'] .sf-c-txt-darkred\:80\:dark, html.dark .sf-c-txt-darkred\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkred-80)) } +html[data-theme='dark'] .sf-c-txt-darkred\:85\:dark, html.dark .sf-c-txt-darkred\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkred-85)) } +html[data-theme='dark'] .sf-c-txt-darkred\:90\:dark, html.dark .sf-c-txt-darkred\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkred-90)) } +html[data-theme='dark'] .sf-c-txt-darkred\:95\:dark, html.dark .sf-c-txt-darkred\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkred-95)) } +html[data-theme='dark'] .sf-c-txt-darkred\:100\:dark, html.dark .sf-c-txt-darkred\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkred-100)) } + html.var[data-theme='dark'] .sf-c-darkred, html.var.dark .sf-c-darkred { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 73%) } html.var[data-theme='dark'] .sf-c-darkred\:0, html.var.dark .sf-c-darkred\:0 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkred\:5, html.var.dark .sf-c-darkred\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkred\:90\:dark, html.var.dark .sf-c-darkred html.var[data-theme='dark'] .sf-c-darkred\:95\:dark, html.var.dark .sf-c-darkred\:95\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } html.var[data-theme='dark'] .sf-c-darkred\:100\:dark, html.var.dark .sf-c-darkred\:100\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkred, html.dark .sf-c-txt-darkred { color: hsl(0, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:0, html.dark .sf-c-txt-darkred\:0 { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:5, html.dark .sf-c-txt-darkred\:5 { color: hsl(0, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:10, html.dark .sf-c-txt-darkred\:10 { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:15, html.dark .sf-c-txt-darkred\:15 { color: hsl(0, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:20, html.dark .sf-c-txt-darkred\:20 { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:25, html.dark .sf-c-txt-darkred\:25 { color: hsl(0, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:30, html.dark .sf-c-txt-darkred\:30 { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:35, html.dark .sf-c-txt-darkred\:35 { color: hsl(0, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:40, html.dark .sf-c-txt-darkred\:40 { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:45, html.dark .sf-c-txt-darkred\:45 { color: hsl(0, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:50, html.dark .sf-c-txt-darkred\:50 { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:55, html.dark .sf-c-txt-darkred\:55 { color: hsl(0, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:60, html.dark .sf-c-txt-darkred\:60 { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:65, html.dark .sf-c-txt-darkred\:65 { color: hsl(0, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:70, html.dark .sf-c-txt-darkred\:70 { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:75, html.dark .sf-c-txt-darkred\:75 { color: hsl(0, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:80, html.dark .sf-c-txt-darkred\:80 { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:85, html.dark .sf-c-txt-darkred\:85 { color: hsl(0, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:90, html.dark .sf-c-txt-darkred\:90 { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:95, html.dark .sf-c-txt-darkred\:95 { color: hsl(0, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:100, html.dark .sf-c-txt-darkred\:100 { color: hsl(0, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkred\:dark, html.dark .sf-c-txt-darkred\:dark { color: hsl(0, 100%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:0\:dark, html.dark .sf-c-txt-darkred\:0\:dark { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:5\:dark, html.dark .sf-c-txt-darkred\:5\:dark { color: hsl(0, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:10\:dark, html.dark .sf-c-txt-darkred\:10\:dark { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:15\:dark, html.dark .sf-c-txt-darkred\:15\:dark { color: hsl(0, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:20\:dark, html.dark .sf-c-txt-darkred\:20\:dark { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:25\:dark, html.dark .sf-c-txt-darkred\:25\:dark { color: hsl(0, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:30\:dark, html.dark .sf-c-txt-darkred\:30\:dark { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:35\:dark, html.dark .sf-c-txt-darkred\:35\:dark { color: hsl(0, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:40\:dark, html.dark .sf-c-txt-darkred\:40\:dark { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:45\:dark, html.dark .sf-c-txt-darkred\:45\:dark { color: hsl(0, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:50\:dark, html.dark .sf-c-txt-darkred\:50\:dark { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:55\:dark, html.dark .sf-c-txt-darkred\:55\:dark { color: hsl(0, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:60\:dark, html.dark .sf-c-txt-darkred\:60\:dark { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:65\:dark, html.dark .sf-c-txt-darkred\:65\:dark { color: hsl(0, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:70\:dark, html.dark .sf-c-txt-darkred\:70\:dark { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:75\:dark, html.dark .sf-c-txt-darkred\:75\:dark { color: hsl(0, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:80\:dark, html.dark .sf-c-txt-darkred\:80\:dark { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:85\:dark, html.dark .sf-c-txt-darkred\:85\:dark { color: hsl(0, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:90\:dark, html.dark .sf-c-txt-darkred\:90\:dark { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:95\:dark, html.dark .sf-c-txt-darkred\:95\:dark { color: hsl(0, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkred\:100\:dark, html.dark .sf-c-txt-darkred\:100\:dark { color: hsl(0, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkred, html.auto .sf-c-darkred { color: hsl(var(--sf-dark-c-txt-darkred-5)); background: hsl(var(--sf-dark-c-darkred)) } html[data-theme='auto'] .sf-c-darkred\:0, html.auto .sf-c-darkred\:0 { color: hsl(var(--sf-dark-c-txt-darkred-95)); background: hsl(var(--sf-dark-c-darkred-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkred\:100\:dark, html.var.dark .sf-c-darkre html[data-theme='auto'] .sf-c-darkred\:95\:dark, html.auto .sf-c-darkred\:95\:dark { color: hsl(var(--sf-c-txt-darkred-95)); background: hsl(var(--sf-c-darkred-5)) } html[data-theme='auto'] .sf-c-darkred\:100\:dark, html.auto .sf-c-darkred\:100\:dark { color: hsl(var(--sf-c-txt-darkred-95)); background: hsl(var(--sf-c-darkred-0)) } + html[data-theme='auto'] .sf-c-txt-darkred, html.auto .sf-c-txt-darkred { color: hsl(var(--sf-c-txt-darkred)) } + html[data-theme='auto'] .sf-c-txt-darkred\:0, html.auto .sf-c-txt-darkred\:0 { color: hsl(var(--sf-c-txt-darkred-0)) } + html[data-theme='auto'] .sf-c-txt-darkred\:5, html.auto .sf-c-txt-darkred\:5 { color: hsl(var(--sf-c-txt-darkred-5)) } + html[data-theme='auto'] .sf-c-txt-darkred\:10, html.auto .sf-c-txt-darkred\:10 { color: hsl(var(--sf-c-txt-darkred-10)) } + html[data-theme='auto'] .sf-c-txt-darkred\:15, html.auto .sf-c-txt-darkred\:15 { color: hsl(var(--sf-c-txt-darkred-15)) } + html[data-theme='auto'] .sf-c-txt-darkred\:20, html.auto .sf-c-txt-darkred\:20 { color: hsl(var(--sf-c-txt-darkred-20)) } + html[data-theme='auto'] .sf-c-txt-darkred\:25, html.auto .sf-c-txt-darkred\:25 { color: hsl(var(--sf-c-txt-darkred-25)) } + html[data-theme='auto'] .sf-c-txt-darkred\:30, html.auto .sf-c-txt-darkred\:30 { color: hsl(var(--sf-c-txt-darkred-30)) } + html[data-theme='auto'] .sf-c-txt-darkred\:35, html.auto .sf-c-txt-darkred\:35 { color: hsl(var(--sf-c-txt-darkred-35)) } + html[data-theme='auto'] .sf-c-txt-darkred\:40, html.auto .sf-c-txt-darkred\:40 { color: hsl(var(--sf-c-txt-darkred-40)) } + html[data-theme='auto'] .sf-c-txt-darkred\:45, html.auto .sf-c-txt-darkred\:45 { color: hsl(var(--sf-c-txt-darkred-45)) } + html[data-theme='auto'] .sf-c-txt-darkred\:50, html.auto .sf-c-txt-darkred\:50 { color: hsl(var(--sf-c-txt-darkred-50)) } + html[data-theme='auto'] .sf-c-txt-darkred\:55, html.auto .sf-c-txt-darkred\:55 { color: hsl(var(--sf-c-txt-darkred-55)) } + html[data-theme='auto'] .sf-c-txt-darkred\:60, html.auto .sf-c-txt-darkred\:60 { color: hsl(var(--sf-c-txt-darkred-60)) } + html[data-theme='auto'] .sf-c-txt-darkred\:65, html.auto .sf-c-txt-darkred\:65 { color: hsl(var(--sf-c-txt-darkred-65)) } + html[data-theme='auto'] .sf-c-txt-darkred\:70, html.auto .sf-c-txt-darkred\:70 { color: hsl(var(--sf-c-txt-darkred-70)) } + html[data-theme='auto'] .sf-c-txt-darkred\:75, html.auto .sf-c-txt-darkred\:75 { color: hsl(var(--sf-c-txt-darkred-75)) } + html[data-theme='auto'] .sf-c-txt-darkred\:80, html.auto .sf-c-txt-darkred\:80 { color: hsl(var(--sf-c-txt-darkred-80)) } + html[data-theme='auto'] .sf-c-txt-darkred\:85, html.auto .sf-c-txt-darkred\:85 { color: hsl(var(--sf-c-txt-darkred-85)) } + html[data-theme='auto'] .sf-c-txt-darkred\:90, html.auto .sf-c-txt-darkred\:90 { color: hsl(var(--sf-c-txt-darkred-90)) } + html[data-theme='auto'] .sf-c-txt-darkred\:95, html.auto .sf-c-txt-darkred\:95 { color: hsl(var(--sf-c-txt-darkred-95)) } + html[data-theme='auto'] .sf-c-txt-darkred\:100, html.auto .sf-c-txt-darkred\:100 { color: hsl(var(--sf-c-txt-darkred-100)) } + + html[data-theme='auto'] .sf-c-txt-darkred\:dark, html.auto .sf-c-txt-darkred\:dark { color: hsl(var(--sf-c-txt-darkred)) } + html[data-theme='auto'] .sf-c-txt-darkred\:0\:dark, html.auto .sf-c-txt-darkred\:0\:dark { color: hsl(var(--sf-c-txt-darkred-0)) } + html[data-theme='auto'] .sf-c-txt-darkred\:5\:dark, html.auto .sf-c-txt-darkred\:5\:dark { color: hsl(var(--sf-c-txt-darkred-5)) } + html[data-theme='auto'] .sf-c-txt-darkred\:10\:dark, html.auto .sf-c-txt-darkred\:10\:dark { color: hsl(var(--sf-c-txt-darkred-10)) } + html[data-theme='auto'] .sf-c-txt-darkred\:15\:dark, html.auto .sf-c-txt-darkred\:15\:dark { color: hsl(var(--sf-c-txt-darkred-15)) } + html[data-theme='auto'] .sf-c-txt-darkred\:20\:dark, html.auto .sf-c-txt-darkred\:20\:dark { color: hsl(var(--sf-c-txt-darkred-20)) } + html[data-theme='auto'] .sf-c-txt-darkred\:25\:dark, html.auto .sf-c-txt-darkred\:25\:dark { color: hsl(var(--sf-c-txt-darkred-25)) } + html[data-theme='auto'] .sf-c-txt-darkred\:30\:dark, html.auto .sf-c-txt-darkred\:30\:dark { color: hsl(var(--sf-c-txt-darkred-30)) } + html[data-theme='auto'] .sf-c-txt-darkred\:35\:dark, html.auto .sf-c-txt-darkred\:35\:dark { color: hsl(var(--sf-c-txt-darkred-35)) } + html[data-theme='auto'] .sf-c-txt-darkred\:40\:dark, html.auto .sf-c-txt-darkred\:40\:dark { color: hsl(var(--sf-c-txt-darkred-40)) } + html[data-theme='auto'] .sf-c-txt-darkred\:45\:dark, html.auto .sf-c-txt-darkred\:45\:dark { color: hsl(var(--sf-c-txt-darkred-45)) } + html[data-theme='auto'] .sf-c-txt-darkred\:50\:dark, html.auto .sf-c-txt-darkred\:50\:dark { color: hsl(var(--sf-c-txt-darkred-50)) } + html[data-theme='auto'] .sf-c-txt-darkred\:55\:dark, html.auto .sf-c-txt-darkred\:55\:dark { color: hsl(var(--sf-c-txt-darkred-55)) } + html[data-theme='auto'] .sf-c-txt-darkred\:60\:dark, html.auto .sf-c-txt-darkred\:60\:dark { color: hsl(var(--sf-c-txt-darkred-60)) } + html[data-theme='auto'] .sf-c-txt-darkred\:65\:dark, html.auto .sf-c-txt-darkred\:65\:dark { color: hsl(var(--sf-c-txt-darkred-65)) } + html[data-theme='auto'] .sf-c-txt-darkred\:70\:dark, html.auto .sf-c-txt-darkred\:70\:dark { color: hsl(var(--sf-c-txt-darkred-70)) } + html[data-theme='auto'] .sf-c-txt-darkred\:75\:dark, html.auto .sf-c-txt-darkred\:75\:dark { color: hsl(var(--sf-c-txt-darkred-75)) } + html[data-theme='auto'] .sf-c-txt-darkred\:80\:dark, html.auto .sf-c-txt-darkred\:80\:dark { color: hsl(var(--sf-c-txt-darkred-80)) } + html[data-theme='auto'] .sf-c-txt-darkred\:85\:dark, html.auto .sf-c-txt-darkred\:85\:dark { color: hsl(var(--sf-c-txt-darkred-85)) } + html[data-theme='auto'] .sf-c-txt-darkred\:90\:dark, html.auto .sf-c-txt-darkred\:90\:dark { color: hsl(var(--sf-c-txt-darkred-90)) } + html[data-theme='auto'] .sf-c-txt-darkred\:95\:dark, html.auto .sf-c-txt-darkred\:95\:dark { color: hsl(var(--sf-c-txt-darkred-95)) } + html[data-theme='auto'] .sf-c-txt-darkred\:100\:dark, html.auto .sf-c-txt-darkred\:100\:dark { color: hsl(var(--sf-c-txt-darkred-100)) } + html.var[data-theme='auto'] .sf-c-darkred, html.var.auto .sf-c-darkred { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 73%) } html.var[data-theme='auto'] .sf-c-darkred\:0, html.var.auto .sf-c-darkred\:0 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkred\:5, html.var.auto .sf-c-darkred\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkred\:100\:dark, html.var.dark .sf-c-darkre html.var[data-theme='auto'] .sf-c-darkred\:90\:dark, html.var.auto .sf-c-darkred\:90\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkred\:95\:dark, html.var.auto .sf-c-darkred\:95\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } html.var[data-theme='auto'] .sf-c-darkred\:100\:dark, html.var.auto .sf-c-darkred\:100\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } -} -.sf-c-txt-darkred { color: hsl(var(--sf-c-txt-darkred)) } -.sf-c-txt-darkred\:0 { color: hsl(var(--sf-c-txt-darkred-0)) } -.sf-c-txt-darkred\:5 { color: hsl(var(--sf-c-txt-darkred-5)) } -.sf-c-txt-darkred\:10 { color: hsl(var(--sf-c-txt-darkred-10)) } -.sf-c-txt-darkred\:15 { color: hsl(var(--sf-c-txt-darkred-15)) } -.sf-c-txt-darkred\:20 { color: hsl(var(--sf-c-txt-darkred-20)) } -.sf-c-txt-darkred\:25 { color: hsl(var(--sf-c-txt-darkred-25)) } -.sf-c-txt-darkred\:30 { color: hsl(var(--sf-c-txt-darkred-30)) } -.sf-c-txt-darkred\:35 { color: hsl(var(--sf-c-txt-darkred-35)) } -.sf-c-txt-darkred\:40 { color: hsl(var(--sf-c-txt-darkred-40)) } -.sf-c-txt-darkred\:45 { color: hsl(var(--sf-c-txt-darkred-45)) } -.sf-c-txt-darkred\:50 { color: hsl(var(--sf-c-txt-darkred-50)) } -.sf-c-txt-darkred\:55 { color: hsl(var(--sf-c-txt-darkred-55)) } -.sf-c-txt-darkred\:60 { color: hsl(var(--sf-c-txt-darkred-60)) } -.sf-c-txt-darkred\:65 { color: hsl(var(--sf-c-txt-darkred-65)) } -.sf-c-txt-darkred\:70 { color: hsl(var(--sf-c-txt-darkred-70)) } -.sf-c-txt-darkred\:75 { color: hsl(var(--sf-c-txt-darkred-75)) } -.sf-c-txt-darkred\:80 { color: hsl(var(--sf-c-txt-darkred-80)) } -.sf-c-txt-darkred\:85 { color: hsl(var(--sf-c-txt-darkred-85)) } -.sf-c-txt-darkred\:90 { color: hsl(var(--sf-c-txt-darkred-90)) } -.sf-c-txt-darkred\:95 { color: hsl(var(--sf-c-txt-darkred-95)) } -.sf-c-txt-darkred\:100 { color: hsl(var(--sf-c-txt-darkred-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkred, html.auto .sf-c-txt-darkred { color: hsl(0, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:0, html.auto .sf-c-txt-darkred\:0 { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:5, html.auto .sf-c-txt-darkred\:5 { color: hsl(0, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:10, html.auto .sf-c-txt-darkred\:10 { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:15, html.auto .sf-c-txt-darkred\:15 { color: hsl(0, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:20, html.auto .sf-c-txt-darkred\:20 { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:25, html.auto .sf-c-txt-darkred\:25 { color: hsl(0, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:30, html.auto .sf-c-txt-darkred\:30 { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:35, html.auto .sf-c-txt-darkred\:35 { color: hsl(0, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:40, html.auto .sf-c-txt-darkred\:40 { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:45, html.auto .sf-c-txt-darkred\:45 { color: hsl(0, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:50, html.auto .sf-c-txt-darkred\:50 { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:55, html.auto .sf-c-txt-darkred\:55 { color: hsl(0, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:60, html.auto .sf-c-txt-darkred\:60 { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:65, html.auto .sf-c-txt-darkred\:65 { color: hsl(0, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:70, html.auto .sf-c-txt-darkred\:70 { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:75, html.auto .sf-c-txt-darkred\:75 { color: hsl(0, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:80, html.auto .sf-c-txt-darkred\:80 { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:85, html.auto .sf-c-txt-darkred\:85 { color: hsl(0, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:90, html.auto .sf-c-txt-darkred\:90 { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:95, html.auto .sf-c-txt-darkred\:95 { color: hsl(0, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:100, html.auto .sf-c-txt-darkred\:100 { color: hsl(0, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkred\:dark, html.auto .sf-c-txt-darkred\:dark { color: hsl(0, 100%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:0\:dark, html.auto .sf-c-txt-darkred\:0\:dark { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:5\:dark, html.auto .sf-c-txt-darkred\:5\:dark { color: hsl(0, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:10\:dark, html.auto .sf-c-txt-darkred\:10\:dark { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:15\:dark, html.auto .sf-c-txt-darkred\:15\:dark { color: hsl(0, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:20\:dark, html.auto .sf-c-txt-darkred\:20\:dark { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:25\:dark, html.auto .sf-c-txt-darkred\:25\:dark { color: hsl(0, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:30\:dark, html.auto .sf-c-txt-darkred\:30\:dark { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:35\:dark, html.auto .sf-c-txt-darkred\:35\:dark { color: hsl(0, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:40\:dark, html.auto .sf-c-txt-darkred\:40\:dark { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:45\:dark, html.auto .sf-c-txt-darkred\:45\:dark { color: hsl(0, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:50\:dark, html.auto .sf-c-txt-darkred\:50\:dark { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:55\:dark, html.auto .sf-c-txt-darkred\:55\:dark { color: hsl(0, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:60\:dark, html.auto .sf-c-txt-darkred\:60\:dark { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:65\:dark, html.auto .sf-c-txt-darkred\:65\:dark { color: hsl(0, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:70\:dark, html.auto .sf-c-txt-darkred\:70\:dark { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:75\:dark, html.auto .sf-c-txt-darkred\:75\:dark { color: hsl(0, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:80\:dark, html.auto .sf-c-txt-darkred\:80\:dark { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:85\:dark, html.auto .sf-c-txt-darkred\:85\:dark { color: hsl(0, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:90\:dark, html.auto .sf-c-txt-darkred\:90\:dark { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:95\:dark, html.auto .sf-c-txt-darkred\:95\:dark { color: hsl(0, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkred\:100\:dark, html.auto .sf-c-txt-darkred\:100\:dark { color: hsl(0, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darksalmon.css b/src/colors/20/darksalmon.css index 89c5195..801bfe7 100644 --- a/src/colors/20/darksalmon.css +++ b/src/colors/20/darksalmon.css @@ -138,6 +138,52 @@ html.var .sf-c-darksalmon\:90 { color: hsl(15, 72%, 5%); background: hsl(15, 72% html.var .sf-c-darksalmon\:95 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 95%) } html.var .sf-c-darksalmon\:100 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 100%) } +.sf-c-txt-darksalmon { color: hsl(var(--sf-dark-c-txt-darksalmon)) } +.sf-c-txt-darksalmon\:0 { color: hsl(var(--sf-dark-c-txt-darksalmon-100)) } +.sf-c-txt-darksalmon\:5 { color: hsl(var(--sf-dark-c-txt-darksalmon-95)) } +.sf-c-txt-darksalmon\:10 { color: hsl(var(--sf-dark-c-txt-darksalmon-90)) } +.sf-c-txt-darksalmon\:15 { color: hsl(var(--sf-dark-c-txt-darksalmon-85)) } +.sf-c-txt-darksalmon\:20 { color: hsl(var(--sf-dark-c-txt-darksalmon-80)) } +.sf-c-txt-darksalmon\:25 { color: hsl(var(--sf-dark-c-txt-darksalmon-75)) } +.sf-c-txt-darksalmon\:30 { color: hsl(var(--sf-dark-c-txt-darksalmon-70)) } +.sf-c-txt-darksalmon\:35 { color: hsl(var(--sf-dark-c-txt-darksalmon-65)) } +.sf-c-txt-darksalmon\:40 { color: hsl(var(--sf-dark-c-txt-darksalmon-60)) } +.sf-c-txt-darksalmon\:45 { color: hsl(var(--sf-dark-c-txt-darksalmon-55)) } +.sf-c-txt-darksalmon\:50 { color: hsl(var(--sf-dark-c-txt-darksalmon-50)) } +.sf-c-txt-darksalmon\:55 { color: hsl(var(--sf-dark-c-txt-darksalmon-45)) } +.sf-c-txt-darksalmon\:60 { color: hsl(var(--sf-dark-c-txt-darksalmon-40)) } +.sf-c-txt-darksalmon\:65 { color: hsl(var(--sf-dark-c-txt-darksalmon-35)) } +.sf-c-txt-darksalmon\:70 { color: hsl(var(--sf-dark-c-txt-darksalmon-30)) } +.sf-c-txt-darksalmon\:75 { color: hsl(var(--sf-dark-c-txt-darksalmon-25)) } +.sf-c-txt-darksalmon\:80 { color: hsl(var(--sf-dark-c-txt-darksalmon-20)) } +.sf-c-txt-darksalmon\:85 { color: hsl(var(--sf-dark-c-txt-darksalmon-15)) } +.sf-c-txt-darksalmon\:90 { color: hsl(var(--sf-dark-c-txt-darksalmon-10)) } +.sf-c-txt-darksalmon\:95 { color: hsl(var(--sf-dark-c-txt-darksalmon-5)) } +.sf-c-txt-darksalmon\:100 { color: hsl(var(--sf-dark-c-txt-darksalmon-0)) } + +html.var .sf-c-txt-darksalmon { color: hsl(15, 72%, 30%) } +html.var .sf-c-txt-darksalmon\:0 { color: hsl(15, 72%, 100%) } +html.var .sf-c-txt-darksalmon\:5 { color: hsl(15, 72%, 95%) } +html.var .sf-c-txt-darksalmon\:10 { color: hsl(15, 72%, 90%) } +html.var .sf-c-txt-darksalmon\:15 { color: hsl(15, 72%, 85%) } +html.var .sf-c-txt-darksalmon\:20 { color: hsl(15, 72%, 80%) } +html.var .sf-c-txt-darksalmon\:25 { color: hsl(15, 72%, 75%) } +html.var .sf-c-txt-darksalmon\:30 { color: hsl(15, 72%, 70%) } +html.var .sf-c-txt-darksalmon\:35 { color: hsl(15, 72%, 65%) } +html.var .sf-c-txt-darksalmon\:40 { color: hsl(15, 72%, 60%) } +html.var .sf-c-txt-darksalmon\:45 { color: hsl(15, 72%, 55%) } +html.var .sf-c-txt-darksalmon\:50 { color: hsl(15, 72%, 50%) } +html.var .sf-c-txt-darksalmon\:55 { color: hsl(15, 72%, 45%) } +html.var .sf-c-txt-darksalmon\:60 { color: hsl(15, 72%, 40%) } +html.var .sf-c-txt-darksalmon\:65 { color: hsl(15, 72%, 35%) } +html.var .sf-c-txt-darksalmon\:70 { color: hsl(15, 72%, 30%) } +html.var .sf-c-txt-darksalmon\:75 { color: hsl(15, 72%, 25%) } +html.var .sf-c-txt-darksalmon\:80 { color: hsl(15, 72%, 20%) } +html.var .sf-c-txt-darksalmon\:85 { color: hsl(15, 72%, 15%) } +html.var .sf-c-txt-darksalmon\:90 { color: hsl(15, 72%, 10%) } +html.var .sf-c-txt-darksalmon\:95 { color: hsl(15, 72%, 5%) } +html.var .sf-c-txt-darksalmon\:100 { color: hsl(15, 72%, 0%) } + html[data-theme='dark'] .sf-c-darksalmon, html.dark .sf-c-darksalmon { color: hsl(var(--sf-dark-c-txt-darksalmon-95)); background: hsl(var(--sf-dark-c-darksalmon)) } html[data-theme='dark'] .sf-c-darksalmon\:0, html.dark .sf-c-darksalmon\:0 { color: hsl(var(--sf-dark-c-txt-darksalmon-95)); background: hsl(var(--sf-dark-c-darksalmon-100)) } html[data-theme='dark'] .sf-c-darksalmon\:5, html.dark .sf-c-darksalmon\:5 { color: hsl(var(--sf-dark-c-txt-darksalmon-5)); background: hsl(var(--sf-dark-c-darksalmon-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darksalmon\:90\:dark, html.dark .sf-c-darksalmon\: html[data-theme='dark'] .sf-c-darksalmon\:95\:dark, html.dark .sf-c-darksalmon\:95\:dark { color: hsl(var(--sf-c-txt-darksalmon-95)); background: hsl(var(--sf-c-darksalmon-5)) } html[data-theme='dark'] .sf-c-darksalmon\:100\:dark, html.dark .sf-c-darksalmon\:100\:dark { color: hsl(var(--sf-c-txt-darksalmon-95)); background: hsl(var(--sf-c-darksalmon-0)) } +html[data-theme='dark'] .sf-c-txt-darksalmon, html.dark .sf-c-txt-darksalmon { color: hsl(var(--sf-c-txt-darksalmon)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:0, html.dark .sf-c-txt-darksalmon\:0 { color: hsl(var(--sf-c-txt-darksalmon-0)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:5, html.dark .sf-c-txt-darksalmon\:5 { color: hsl(var(--sf-c-txt-darksalmon-5)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:10, html.dark .sf-c-txt-darksalmon\:10 { color: hsl(var(--sf-c-txt-darksalmon-10)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:15, html.dark .sf-c-txt-darksalmon\:15 { color: hsl(var(--sf-c-txt-darksalmon-15)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:20, html.dark .sf-c-txt-darksalmon\:20 { color: hsl(var(--sf-c-txt-darksalmon-20)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:25, html.dark .sf-c-txt-darksalmon\:25 { color: hsl(var(--sf-c-txt-darksalmon-25)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:30, html.dark .sf-c-txt-darksalmon\:30 { color: hsl(var(--sf-c-txt-darksalmon-30)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:35, html.dark .sf-c-txt-darksalmon\:35 { color: hsl(var(--sf-c-txt-darksalmon-35)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:40, html.dark .sf-c-txt-darksalmon\:40 { color: hsl(var(--sf-c-txt-darksalmon-40)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:45, html.dark .sf-c-txt-darksalmon\:45 { color: hsl(var(--sf-c-txt-darksalmon-45)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:50, html.dark .sf-c-txt-darksalmon\:50 { color: hsl(var(--sf-c-txt-darksalmon-50)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:55, html.dark .sf-c-txt-darksalmon\:55 { color: hsl(var(--sf-c-txt-darksalmon-55)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:60, html.dark .sf-c-txt-darksalmon\:60 { color: hsl(var(--sf-c-txt-darksalmon-60)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:65, html.dark .sf-c-txt-darksalmon\:65 { color: hsl(var(--sf-c-txt-darksalmon-65)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:70, html.dark .sf-c-txt-darksalmon\:70 { color: hsl(var(--sf-c-txt-darksalmon-70)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:75, html.dark .sf-c-txt-darksalmon\:75 { color: hsl(var(--sf-c-txt-darksalmon-75)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:80, html.dark .sf-c-txt-darksalmon\:80 { color: hsl(var(--sf-c-txt-darksalmon-80)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:85, html.dark .sf-c-txt-darksalmon\:85 { color: hsl(var(--sf-c-txt-darksalmon-85)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:90, html.dark .sf-c-txt-darksalmon\:90 { color: hsl(var(--sf-c-txt-darksalmon-90)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:95, html.dark .sf-c-txt-darksalmon\:95 { color: hsl(var(--sf-c-txt-darksalmon-95)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:100, html.dark .sf-c-txt-darksalmon\:100 { color: hsl(var(--sf-c-txt-darksalmon-100)) } + +html[data-theme='dark'] .sf-c-txt-darksalmon\:dark, html.dark .sf-c-txt-darksalmon\:dark { color: hsl(var(--sf-c-txt-darksalmon)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:0\:dark, html.dark .sf-c-txt-darksalmon\:0\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-0)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:5\:dark, html.dark .sf-c-txt-darksalmon\:5\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-5)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:10\:dark, html.dark .sf-c-txt-darksalmon\:10\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-10)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:15\:dark, html.dark .sf-c-txt-darksalmon\:15\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-15)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:20\:dark, html.dark .sf-c-txt-darksalmon\:20\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-20)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:25\:dark, html.dark .sf-c-txt-darksalmon\:25\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-25)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:30\:dark, html.dark .sf-c-txt-darksalmon\:30\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-30)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:35\:dark, html.dark .sf-c-txt-darksalmon\:35\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-35)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:40\:dark, html.dark .sf-c-txt-darksalmon\:40\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-40)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:45\:dark, html.dark .sf-c-txt-darksalmon\:45\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-45)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:50\:dark, html.dark .sf-c-txt-darksalmon\:50\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-50)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:55\:dark, html.dark .sf-c-txt-darksalmon\:55\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-55)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:60\:dark, html.dark .sf-c-txt-darksalmon\:60\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-60)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:65\:dark, html.dark .sf-c-txt-darksalmon\:65\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-65)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:70\:dark, html.dark .sf-c-txt-darksalmon\:70\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-70)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:75\:dark, html.dark .sf-c-txt-darksalmon\:75\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-75)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:80\:dark, html.dark .sf-c-txt-darksalmon\:80\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-80)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:85\:dark, html.dark .sf-c-txt-darksalmon\:85\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-85)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:90\:dark, html.dark .sf-c-txt-darksalmon\:90\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-90)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:95\:dark, html.dark .sf-c-txt-darksalmon\:95\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-95)) } +html[data-theme='dark'] .sf-c-txt-darksalmon\:100\:dark, html.dark .sf-c-txt-darksalmon\:100\:dark { color: hsl(var(--sf-dark-c-txt-darksalmon-100)) } + html.var[data-theme='dark'] .sf-c-darksalmon, html.var.dark .sf-c-darksalmon { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 30%) } html.var[data-theme='dark'] .sf-c-darksalmon\:0, html.var.dark .sf-c-darksalmon\:0 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 100%) } html.var[data-theme='dark'] .sf-c-darksalmon\:5, html.var.dark .sf-c-darksalmon\:5 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darksalmon\:90\:dark, html.var.dark .sf-c-dark html.var[data-theme='dark'] .sf-c-darksalmon\:95\:dark, html.var.dark .sf-c-darksalmon\:95\:dark { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 5%) } html.var[data-theme='dark'] .sf-c-darksalmon\:100\:dark, html.var.dark .sf-c-darksalmon\:100\:dark { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon, html.dark .sf-c-txt-darksalmon { color: hsl(15, 72%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:0, html.dark .sf-c-txt-darksalmon\:0 { color: hsl(15, 72%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:5, html.dark .sf-c-txt-darksalmon\:5 { color: hsl(15, 72%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:10, html.dark .sf-c-txt-darksalmon\:10 { color: hsl(15, 72%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:15, html.dark .sf-c-txt-darksalmon\:15 { color: hsl(15, 72%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:20, html.dark .sf-c-txt-darksalmon\:20 { color: hsl(15, 72%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:25, html.dark .sf-c-txt-darksalmon\:25 { color: hsl(15, 72%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:30, html.dark .sf-c-txt-darksalmon\:30 { color: hsl(15, 72%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:35, html.dark .sf-c-txt-darksalmon\:35 { color: hsl(15, 72%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:40, html.dark .sf-c-txt-darksalmon\:40 { color: hsl(15, 72%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:45, html.dark .sf-c-txt-darksalmon\:45 { color: hsl(15, 72%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:50, html.dark .sf-c-txt-darksalmon\:50 { color: hsl(15, 72%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:55, html.dark .sf-c-txt-darksalmon\:55 { color: hsl(15, 72%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:60, html.dark .sf-c-txt-darksalmon\:60 { color: hsl(15, 72%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:65, html.dark .sf-c-txt-darksalmon\:65 { color: hsl(15, 72%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:70, html.dark .sf-c-txt-darksalmon\:70 { color: hsl(15, 72%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:75, html.dark .sf-c-txt-darksalmon\:75 { color: hsl(15, 72%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:80, html.dark .sf-c-txt-darksalmon\:80 { color: hsl(15, 72%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:85, html.dark .sf-c-txt-darksalmon\:85 { color: hsl(15, 72%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:90, html.dark .sf-c-txt-darksalmon\:90 { color: hsl(15, 72%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:95, html.dark .sf-c-txt-darksalmon\:95 { color: hsl(15, 72%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:100, html.dark .sf-c-txt-darksalmon\:100 { color: hsl(15, 72%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:dark, html.dark .sf-c-txt-darksalmon\:dark { color: hsl(15, 72%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:0\:dark, html.dark .sf-c-txt-darksalmon\:0\:dark { color: hsl(15, 72%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:5\:dark, html.dark .sf-c-txt-darksalmon\:5\:dark { color: hsl(15, 72%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:10\:dark, html.dark .sf-c-txt-darksalmon\:10\:dark { color: hsl(15, 72%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:15\:dark, html.dark .sf-c-txt-darksalmon\:15\:dark { color: hsl(15, 72%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:20\:dark, html.dark .sf-c-txt-darksalmon\:20\:dark { color: hsl(15, 72%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:25\:dark, html.dark .sf-c-txt-darksalmon\:25\:dark { color: hsl(15, 72%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:30\:dark, html.dark .sf-c-txt-darksalmon\:30\:dark { color: hsl(15, 72%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:35\:dark, html.dark .sf-c-txt-darksalmon\:35\:dark { color: hsl(15, 72%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:40\:dark, html.dark .sf-c-txt-darksalmon\:40\:dark { color: hsl(15, 72%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:45\:dark, html.dark .sf-c-txt-darksalmon\:45\:dark { color: hsl(15, 72%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:50\:dark, html.dark .sf-c-txt-darksalmon\:50\:dark { color: hsl(15, 72%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:55\:dark, html.dark .sf-c-txt-darksalmon\:55\:dark { color: hsl(15, 72%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:60\:dark, html.dark .sf-c-txt-darksalmon\:60\:dark { color: hsl(15, 72%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:65\:dark, html.dark .sf-c-txt-darksalmon\:65\:dark { color: hsl(15, 72%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:70\:dark, html.dark .sf-c-txt-darksalmon\:70\:dark { color: hsl(15, 72%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:75\:dark, html.dark .sf-c-txt-darksalmon\:75\:dark { color: hsl(15, 72%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:80\:dark, html.dark .sf-c-txt-darksalmon\:80\:dark { color: hsl(15, 72%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:85\:dark, html.dark .sf-c-txt-darksalmon\:85\:dark { color: hsl(15, 72%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:90\:dark, html.dark .sf-c-txt-darksalmon\:90\:dark { color: hsl(15, 72%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:95\:dark, html.dark .sf-c-txt-darksalmon\:95\:dark { color: hsl(15, 72%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darksalmon\:100\:dark, html.dark .sf-c-txt-darksalmon\:100\:dark { color: hsl(15, 72%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darksalmon, html.auto .sf-c-darksalmon { color: hsl(var(--sf-dark-c-txt-darksalmon-95)); background: hsl(var(--sf-dark-c-darksalmon)) } html[data-theme='auto'] .sf-c-darksalmon\:0, html.auto .sf-c-darksalmon\:0 { color: hsl(var(--sf-dark-c-txt-darksalmon-95)); background: hsl(var(--sf-dark-c-darksalmon-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darksalmon\:100\:dark, html.var.dark .sf-c-dar html[data-theme='auto'] .sf-c-darksalmon\:95\:dark, html.auto .sf-c-darksalmon\:95\:dark { color: hsl(var(--sf-c-txt-darksalmon-95)); background: hsl(var(--sf-c-darksalmon-5)) } html[data-theme='auto'] .sf-c-darksalmon\:100\:dark, html.auto .sf-c-darksalmon\:100\:dark { color: hsl(var(--sf-c-txt-darksalmon-95)); background: hsl(var(--sf-c-darksalmon-0)) } + html[data-theme='auto'] .sf-c-txt-darksalmon, html.auto .sf-c-txt-darksalmon { color: hsl(var(--sf-c-txt-darksalmon)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:0, html.auto .sf-c-txt-darksalmon\:0 { color: hsl(var(--sf-c-txt-darksalmon-0)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:5, html.auto .sf-c-txt-darksalmon\:5 { color: hsl(var(--sf-c-txt-darksalmon-5)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:10, html.auto .sf-c-txt-darksalmon\:10 { color: hsl(var(--sf-c-txt-darksalmon-10)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:15, html.auto .sf-c-txt-darksalmon\:15 { color: hsl(var(--sf-c-txt-darksalmon-15)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:20, html.auto .sf-c-txt-darksalmon\:20 { color: hsl(var(--sf-c-txt-darksalmon-20)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:25, html.auto .sf-c-txt-darksalmon\:25 { color: hsl(var(--sf-c-txt-darksalmon-25)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:30, html.auto .sf-c-txt-darksalmon\:30 { color: hsl(var(--sf-c-txt-darksalmon-30)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:35, html.auto .sf-c-txt-darksalmon\:35 { color: hsl(var(--sf-c-txt-darksalmon-35)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:40, html.auto .sf-c-txt-darksalmon\:40 { color: hsl(var(--sf-c-txt-darksalmon-40)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:45, html.auto .sf-c-txt-darksalmon\:45 { color: hsl(var(--sf-c-txt-darksalmon-45)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:50, html.auto .sf-c-txt-darksalmon\:50 { color: hsl(var(--sf-c-txt-darksalmon-50)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:55, html.auto .sf-c-txt-darksalmon\:55 { color: hsl(var(--sf-c-txt-darksalmon-55)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:60, html.auto .sf-c-txt-darksalmon\:60 { color: hsl(var(--sf-c-txt-darksalmon-60)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:65, html.auto .sf-c-txt-darksalmon\:65 { color: hsl(var(--sf-c-txt-darksalmon-65)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:70, html.auto .sf-c-txt-darksalmon\:70 { color: hsl(var(--sf-c-txt-darksalmon-70)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:75, html.auto .sf-c-txt-darksalmon\:75 { color: hsl(var(--sf-c-txt-darksalmon-75)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:80, html.auto .sf-c-txt-darksalmon\:80 { color: hsl(var(--sf-c-txt-darksalmon-80)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:85, html.auto .sf-c-txt-darksalmon\:85 { color: hsl(var(--sf-c-txt-darksalmon-85)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:90, html.auto .sf-c-txt-darksalmon\:90 { color: hsl(var(--sf-c-txt-darksalmon-90)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:95, html.auto .sf-c-txt-darksalmon\:95 { color: hsl(var(--sf-c-txt-darksalmon-95)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:100, html.auto .sf-c-txt-darksalmon\:100 { color: hsl(var(--sf-c-txt-darksalmon-100)) } + + html[data-theme='auto'] .sf-c-txt-darksalmon\:dark, html.auto .sf-c-txt-darksalmon\:dark { color: hsl(var(--sf-c-txt-darksalmon)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:0\:dark, html.auto .sf-c-txt-darksalmon\:0\:dark { color: hsl(var(--sf-c-txt-darksalmon-0)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:5\:dark, html.auto .sf-c-txt-darksalmon\:5\:dark { color: hsl(var(--sf-c-txt-darksalmon-5)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:10\:dark, html.auto .sf-c-txt-darksalmon\:10\:dark { color: hsl(var(--sf-c-txt-darksalmon-10)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:15\:dark, html.auto .sf-c-txt-darksalmon\:15\:dark { color: hsl(var(--sf-c-txt-darksalmon-15)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:20\:dark, html.auto .sf-c-txt-darksalmon\:20\:dark { color: hsl(var(--sf-c-txt-darksalmon-20)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:25\:dark, html.auto .sf-c-txt-darksalmon\:25\:dark { color: hsl(var(--sf-c-txt-darksalmon-25)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:30\:dark, html.auto .sf-c-txt-darksalmon\:30\:dark { color: hsl(var(--sf-c-txt-darksalmon-30)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:35\:dark, html.auto .sf-c-txt-darksalmon\:35\:dark { color: hsl(var(--sf-c-txt-darksalmon-35)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:40\:dark, html.auto .sf-c-txt-darksalmon\:40\:dark { color: hsl(var(--sf-c-txt-darksalmon-40)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:45\:dark, html.auto .sf-c-txt-darksalmon\:45\:dark { color: hsl(var(--sf-c-txt-darksalmon-45)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:50\:dark, html.auto .sf-c-txt-darksalmon\:50\:dark { color: hsl(var(--sf-c-txt-darksalmon-50)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:55\:dark, html.auto .sf-c-txt-darksalmon\:55\:dark { color: hsl(var(--sf-c-txt-darksalmon-55)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:60\:dark, html.auto .sf-c-txt-darksalmon\:60\:dark { color: hsl(var(--sf-c-txt-darksalmon-60)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:65\:dark, html.auto .sf-c-txt-darksalmon\:65\:dark { color: hsl(var(--sf-c-txt-darksalmon-65)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:70\:dark, html.auto .sf-c-txt-darksalmon\:70\:dark { color: hsl(var(--sf-c-txt-darksalmon-70)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:75\:dark, html.auto .sf-c-txt-darksalmon\:75\:dark { color: hsl(var(--sf-c-txt-darksalmon-75)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:80\:dark, html.auto .sf-c-txt-darksalmon\:80\:dark { color: hsl(var(--sf-c-txt-darksalmon-80)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:85\:dark, html.auto .sf-c-txt-darksalmon\:85\:dark { color: hsl(var(--sf-c-txt-darksalmon-85)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:90\:dark, html.auto .sf-c-txt-darksalmon\:90\:dark { color: hsl(var(--sf-c-txt-darksalmon-90)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:95\:dark, html.auto .sf-c-txt-darksalmon\:95\:dark { color: hsl(var(--sf-c-txt-darksalmon-95)) } + html[data-theme='auto'] .sf-c-txt-darksalmon\:100\:dark, html.auto .sf-c-txt-darksalmon\:100\:dark { color: hsl(var(--sf-c-txt-darksalmon-100)) } + html.var[data-theme='auto'] .sf-c-darksalmon, html.var.auto .sf-c-darksalmon { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 30%) } html.var[data-theme='auto'] .sf-c-darksalmon\:0, html.var.auto .sf-c-darksalmon\:0 { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 100%) } html.var[data-theme='auto'] .sf-c-darksalmon\:5, html.var.auto .sf-c-darksalmon\:5 { color: hsl(15, 72%, 5%); background: hsl(15, 72%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darksalmon\:100\:dark, html.var.dark .sf-c-dar html.var[data-theme='auto'] .sf-c-darksalmon\:90\:dark, html.var.auto .sf-c-darksalmon\:90\:dark { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 10%) } html.var[data-theme='auto'] .sf-c-darksalmon\:95\:dark, html.var.auto .sf-c-darksalmon\:95\:dark { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 5%) } html.var[data-theme='auto'] .sf-c-darksalmon\:100\:dark, html.var.auto .sf-c-darksalmon\:100\:dark { color: hsl(15, 72%, 95%); background: hsl(15, 72%, 0%) } -} -.sf-c-txt-darksalmon { color: hsl(var(--sf-c-txt-darksalmon)) } -.sf-c-txt-darksalmon\:0 { color: hsl(var(--sf-c-txt-darksalmon-0)) } -.sf-c-txt-darksalmon\:5 { color: hsl(var(--sf-c-txt-darksalmon-5)) } -.sf-c-txt-darksalmon\:10 { color: hsl(var(--sf-c-txt-darksalmon-10)) } -.sf-c-txt-darksalmon\:15 { color: hsl(var(--sf-c-txt-darksalmon-15)) } -.sf-c-txt-darksalmon\:20 { color: hsl(var(--sf-c-txt-darksalmon-20)) } -.sf-c-txt-darksalmon\:25 { color: hsl(var(--sf-c-txt-darksalmon-25)) } -.sf-c-txt-darksalmon\:30 { color: hsl(var(--sf-c-txt-darksalmon-30)) } -.sf-c-txt-darksalmon\:35 { color: hsl(var(--sf-c-txt-darksalmon-35)) } -.sf-c-txt-darksalmon\:40 { color: hsl(var(--sf-c-txt-darksalmon-40)) } -.sf-c-txt-darksalmon\:45 { color: hsl(var(--sf-c-txt-darksalmon-45)) } -.sf-c-txt-darksalmon\:50 { color: hsl(var(--sf-c-txt-darksalmon-50)) } -.sf-c-txt-darksalmon\:55 { color: hsl(var(--sf-c-txt-darksalmon-55)) } -.sf-c-txt-darksalmon\:60 { color: hsl(var(--sf-c-txt-darksalmon-60)) } -.sf-c-txt-darksalmon\:65 { color: hsl(var(--sf-c-txt-darksalmon-65)) } -.sf-c-txt-darksalmon\:70 { color: hsl(var(--sf-c-txt-darksalmon-70)) } -.sf-c-txt-darksalmon\:75 { color: hsl(var(--sf-c-txt-darksalmon-75)) } -.sf-c-txt-darksalmon\:80 { color: hsl(var(--sf-c-txt-darksalmon-80)) } -.sf-c-txt-darksalmon\:85 { color: hsl(var(--sf-c-txt-darksalmon-85)) } -.sf-c-txt-darksalmon\:90 { color: hsl(var(--sf-c-txt-darksalmon-90)) } -.sf-c-txt-darksalmon\:95 { color: hsl(var(--sf-c-txt-darksalmon-95)) } -.sf-c-txt-darksalmon\:100 { color: hsl(var(--sf-c-txt-darksalmon-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darksalmon, html.auto .sf-c-txt-darksalmon { color: hsl(15, 72%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:0, html.auto .sf-c-txt-darksalmon\:0 { color: hsl(15, 72%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:5, html.auto .sf-c-txt-darksalmon\:5 { color: hsl(15, 72%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:10, html.auto .sf-c-txt-darksalmon\:10 { color: hsl(15, 72%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:15, html.auto .sf-c-txt-darksalmon\:15 { color: hsl(15, 72%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:20, html.auto .sf-c-txt-darksalmon\:20 { color: hsl(15, 72%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:25, html.auto .sf-c-txt-darksalmon\:25 { color: hsl(15, 72%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:30, html.auto .sf-c-txt-darksalmon\:30 { color: hsl(15, 72%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:35, html.auto .sf-c-txt-darksalmon\:35 { color: hsl(15, 72%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:40, html.auto .sf-c-txt-darksalmon\:40 { color: hsl(15, 72%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:45, html.auto .sf-c-txt-darksalmon\:45 { color: hsl(15, 72%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:50, html.auto .sf-c-txt-darksalmon\:50 { color: hsl(15, 72%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:55, html.auto .sf-c-txt-darksalmon\:55 { color: hsl(15, 72%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:60, html.auto .sf-c-txt-darksalmon\:60 { color: hsl(15, 72%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:65, html.auto .sf-c-txt-darksalmon\:65 { color: hsl(15, 72%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:70, html.auto .sf-c-txt-darksalmon\:70 { color: hsl(15, 72%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:75, html.auto .sf-c-txt-darksalmon\:75 { color: hsl(15, 72%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:80, html.auto .sf-c-txt-darksalmon\:80 { color: hsl(15, 72%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:85, html.auto .sf-c-txt-darksalmon\:85 { color: hsl(15, 72%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:90, html.auto .sf-c-txt-darksalmon\:90 { color: hsl(15, 72%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:95, html.auto .sf-c-txt-darksalmon\:95 { color: hsl(15, 72%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:100, html.auto .sf-c-txt-darksalmon\:100 { color: hsl(15, 72%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:dark, html.auto .sf-c-txt-darksalmon\:dark { color: hsl(15, 72%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:0\:dark, html.auto .sf-c-txt-darksalmon\:0\:dark { color: hsl(15, 72%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:5\:dark, html.auto .sf-c-txt-darksalmon\:5\:dark { color: hsl(15, 72%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:10\:dark, html.auto .sf-c-txt-darksalmon\:10\:dark { color: hsl(15, 72%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:15\:dark, html.auto .sf-c-txt-darksalmon\:15\:dark { color: hsl(15, 72%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:20\:dark, html.auto .sf-c-txt-darksalmon\:20\:dark { color: hsl(15, 72%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:25\:dark, html.auto .sf-c-txt-darksalmon\:25\:dark { color: hsl(15, 72%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:30\:dark, html.auto .sf-c-txt-darksalmon\:30\:dark { color: hsl(15, 72%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:35\:dark, html.auto .sf-c-txt-darksalmon\:35\:dark { color: hsl(15, 72%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:40\:dark, html.auto .sf-c-txt-darksalmon\:40\:dark { color: hsl(15, 72%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:45\:dark, html.auto .sf-c-txt-darksalmon\:45\:dark { color: hsl(15, 72%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:50\:dark, html.auto .sf-c-txt-darksalmon\:50\:dark { color: hsl(15, 72%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:55\:dark, html.auto .sf-c-txt-darksalmon\:55\:dark { color: hsl(15, 72%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:60\:dark, html.auto .sf-c-txt-darksalmon\:60\:dark { color: hsl(15, 72%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:65\:dark, html.auto .sf-c-txt-darksalmon\:65\:dark { color: hsl(15, 72%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:70\:dark, html.auto .sf-c-txt-darksalmon\:70\:dark { color: hsl(15, 72%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:75\:dark, html.auto .sf-c-txt-darksalmon\:75\:dark { color: hsl(15, 72%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:80\:dark, html.auto .sf-c-txt-darksalmon\:80\:dark { color: hsl(15, 72%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:85\:dark, html.auto .sf-c-txt-darksalmon\:85\:dark { color: hsl(15, 72%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:90\:dark, html.auto .sf-c-txt-darksalmon\:90\:dark { color: hsl(15, 72%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:95\:dark, html.auto .sf-c-txt-darksalmon\:95\:dark { color: hsl(15, 72%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darksalmon\:100\:dark, html.auto .sf-c-txt-darksalmon\:100\:dark { color: hsl(15, 72%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkseagreen.css b/src/colors/20/darkseagreen.css index 12c41d7..8658302 100644 --- a/src/colors/20/darkseagreen.css +++ b/src/colors/20/darkseagreen.css @@ -138,6 +138,52 @@ html.var .sf-c-darkseagreen\:90 { color: hsl(120, 25%, 5%); background: hsl(120, html.var .sf-c-darkseagreen\:95 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 95%) } html.var .sf-c-darkseagreen\:100 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 100%) } +.sf-c-txt-darkseagreen { color: hsl(var(--sf-dark-c-txt-darkseagreen)) } +.sf-c-txt-darkseagreen\:0 { color: hsl(var(--sf-dark-c-txt-darkseagreen-100)) } +.sf-c-txt-darkseagreen\:5 { color: hsl(var(--sf-dark-c-txt-darkseagreen-95)) } +.sf-c-txt-darkseagreen\:10 { color: hsl(var(--sf-dark-c-txt-darkseagreen-90)) } +.sf-c-txt-darkseagreen\:15 { color: hsl(var(--sf-dark-c-txt-darkseagreen-85)) } +.sf-c-txt-darkseagreen\:20 { color: hsl(var(--sf-dark-c-txt-darkseagreen-80)) } +.sf-c-txt-darkseagreen\:25 { color: hsl(var(--sf-dark-c-txt-darkseagreen-75)) } +.sf-c-txt-darkseagreen\:30 { color: hsl(var(--sf-dark-c-txt-darkseagreen-70)) } +.sf-c-txt-darkseagreen\:35 { color: hsl(var(--sf-dark-c-txt-darkseagreen-65)) } +.sf-c-txt-darkseagreen\:40 { color: hsl(var(--sf-dark-c-txt-darkseagreen-60)) } +.sf-c-txt-darkseagreen\:45 { color: hsl(var(--sf-dark-c-txt-darkseagreen-55)) } +.sf-c-txt-darkseagreen\:50 { color: hsl(var(--sf-dark-c-txt-darkseagreen-50)) } +.sf-c-txt-darkseagreen\:55 { color: hsl(var(--sf-dark-c-txt-darkseagreen-45)) } +.sf-c-txt-darkseagreen\:60 { color: hsl(var(--sf-dark-c-txt-darkseagreen-40)) } +.sf-c-txt-darkseagreen\:65 { color: hsl(var(--sf-dark-c-txt-darkseagreen-35)) } +.sf-c-txt-darkseagreen\:70 { color: hsl(var(--sf-dark-c-txt-darkseagreen-30)) } +.sf-c-txt-darkseagreen\:75 { color: hsl(var(--sf-dark-c-txt-darkseagreen-25)) } +.sf-c-txt-darkseagreen\:80 { color: hsl(var(--sf-dark-c-txt-darkseagreen-20)) } +.sf-c-txt-darkseagreen\:85 { color: hsl(var(--sf-dark-c-txt-darkseagreen-15)) } +.sf-c-txt-darkseagreen\:90 { color: hsl(var(--sf-dark-c-txt-darkseagreen-10)) } +.sf-c-txt-darkseagreen\:95 { color: hsl(var(--sf-dark-c-txt-darkseagreen-5)) } +.sf-c-txt-darkseagreen\:100 { color: hsl(var(--sf-dark-c-txt-darkseagreen-0)) } + +html.var .sf-c-txt-darkseagreen { color: hsl(120, 25%, 35%) } +html.var .sf-c-txt-darkseagreen\:0 { color: hsl(120, 25%, 100%) } +html.var .sf-c-txt-darkseagreen\:5 { color: hsl(120, 25%, 95%) } +html.var .sf-c-txt-darkseagreen\:10 { color: hsl(120, 25%, 90%) } +html.var .sf-c-txt-darkseagreen\:15 { color: hsl(120, 25%, 85%) } +html.var .sf-c-txt-darkseagreen\:20 { color: hsl(120, 25%, 80%) } +html.var .sf-c-txt-darkseagreen\:25 { color: hsl(120, 25%, 75%) } +html.var .sf-c-txt-darkseagreen\:30 { color: hsl(120, 25%, 70%) } +html.var .sf-c-txt-darkseagreen\:35 { color: hsl(120, 25%, 65%) } +html.var .sf-c-txt-darkseagreen\:40 { color: hsl(120, 25%, 60%) } +html.var .sf-c-txt-darkseagreen\:45 { color: hsl(120, 25%, 55%) } +html.var .sf-c-txt-darkseagreen\:50 { color: hsl(120, 25%, 50%) } +html.var .sf-c-txt-darkseagreen\:55 { color: hsl(120, 25%, 45%) } +html.var .sf-c-txt-darkseagreen\:60 { color: hsl(120, 25%, 40%) } +html.var .sf-c-txt-darkseagreen\:65 { color: hsl(120, 25%, 35%) } +html.var .sf-c-txt-darkseagreen\:70 { color: hsl(120, 25%, 30%) } +html.var .sf-c-txt-darkseagreen\:75 { color: hsl(120, 25%, 25%) } +html.var .sf-c-txt-darkseagreen\:80 { color: hsl(120, 25%, 20%) } +html.var .sf-c-txt-darkseagreen\:85 { color: hsl(120, 25%, 15%) } +html.var .sf-c-txt-darkseagreen\:90 { color: hsl(120, 25%, 10%) } +html.var .sf-c-txt-darkseagreen\:95 { color: hsl(120, 25%, 5%) } +html.var .sf-c-txt-darkseagreen\:100 { color: hsl(120, 25%, 0%) } + html[data-theme='dark'] .sf-c-darkseagreen, html.dark .sf-c-darkseagreen { color: hsl(var(--sf-dark-c-txt-darkseagreen-95)); background: hsl(var(--sf-dark-c-darkseagreen)) } html[data-theme='dark'] .sf-c-darkseagreen\:0, html.dark .sf-c-darkseagreen\:0 { color: hsl(var(--sf-dark-c-txt-darkseagreen-95)); background: hsl(var(--sf-dark-c-darkseagreen-100)) } html[data-theme='dark'] .sf-c-darkseagreen\:5, html.dark .sf-c-darkseagreen\:5 { color: hsl(var(--sf-dark-c-txt-darkseagreen-5)); background: hsl(var(--sf-dark-c-darkseagreen-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkseagreen\:90\:dark, html.dark .sf-c-darkseagre html[data-theme='dark'] .sf-c-darkseagreen\:95\:dark, html.dark .sf-c-darkseagreen\:95\:dark { color: hsl(var(--sf-c-txt-darkseagreen-95)); background: hsl(var(--sf-c-darkseagreen-5)) } html[data-theme='dark'] .sf-c-darkseagreen\:100\:dark, html.dark .sf-c-darkseagreen\:100\:dark { color: hsl(var(--sf-c-txt-darkseagreen-95)); background: hsl(var(--sf-c-darkseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen, html.dark .sf-c-txt-darkseagreen { color: hsl(var(--sf-c-txt-darkseagreen)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:0, html.dark .sf-c-txt-darkseagreen\:0 { color: hsl(var(--sf-c-txt-darkseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:5, html.dark .sf-c-txt-darkseagreen\:5 { color: hsl(var(--sf-c-txt-darkseagreen-5)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:10, html.dark .sf-c-txt-darkseagreen\:10 { color: hsl(var(--sf-c-txt-darkseagreen-10)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:15, html.dark .sf-c-txt-darkseagreen\:15 { color: hsl(var(--sf-c-txt-darkseagreen-15)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:20, html.dark .sf-c-txt-darkseagreen\:20 { color: hsl(var(--sf-c-txt-darkseagreen-20)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:25, html.dark .sf-c-txt-darkseagreen\:25 { color: hsl(var(--sf-c-txt-darkseagreen-25)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:30, html.dark .sf-c-txt-darkseagreen\:30 { color: hsl(var(--sf-c-txt-darkseagreen-30)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:35, html.dark .sf-c-txt-darkseagreen\:35 { color: hsl(var(--sf-c-txt-darkseagreen-35)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:40, html.dark .sf-c-txt-darkseagreen\:40 { color: hsl(var(--sf-c-txt-darkseagreen-40)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:45, html.dark .sf-c-txt-darkseagreen\:45 { color: hsl(var(--sf-c-txt-darkseagreen-45)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:50, html.dark .sf-c-txt-darkseagreen\:50 { color: hsl(var(--sf-c-txt-darkseagreen-50)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:55, html.dark .sf-c-txt-darkseagreen\:55 { color: hsl(var(--sf-c-txt-darkseagreen-55)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:60, html.dark .sf-c-txt-darkseagreen\:60 { color: hsl(var(--sf-c-txt-darkseagreen-60)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:65, html.dark .sf-c-txt-darkseagreen\:65 { color: hsl(var(--sf-c-txt-darkseagreen-65)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:70, html.dark .sf-c-txt-darkseagreen\:70 { color: hsl(var(--sf-c-txt-darkseagreen-70)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:75, html.dark .sf-c-txt-darkseagreen\:75 { color: hsl(var(--sf-c-txt-darkseagreen-75)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:80, html.dark .sf-c-txt-darkseagreen\:80 { color: hsl(var(--sf-c-txt-darkseagreen-80)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:85, html.dark .sf-c-txt-darkseagreen\:85 { color: hsl(var(--sf-c-txt-darkseagreen-85)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:90, html.dark .sf-c-txt-darkseagreen\:90 { color: hsl(var(--sf-c-txt-darkseagreen-90)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:95, html.dark .sf-c-txt-darkseagreen\:95 { color: hsl(var(--sf-c-txt-darkseagreen-95)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:100, html.dark .sf-c-txt-darkseagreen\:100 { color: hsl(var(--sf-c-txt-darkseagreen-100)) } + +html[data-theme='dark'] .sf-c-txt-darkseagreen\:dark, html.dark .sf-c-txt-darkseagreen\:dark { color: hsl(var(--sf-c-txt-darkseagreen)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:0\:dark, html.dark .sf-c-txt-darkseagreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:5\:dark, html.dark .sf-c-txt-darkseagreen\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-5)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:10\:dark, html.dark .sf-c-txt-darkseagreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-10)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:15\:dark, html.dark .sf-c-txt-darkseagreen\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-15)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:20\:dark, html.dark .sf-c-txt-darkseagreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-20)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:25\:dark, html.dark .sf-c-txt-darkseagreen\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-25)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:30\:dark, html.dark .sf-c-txt-darkseagreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-30)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:35\:dark, html.dark .sf-c-txt-darkseagreen\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-35)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:40\:dark, html.dark .sf-c-txt-darkseagreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-40)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:45\:dark, html.dark .sf-c-txt-darkseagreen\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-45)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:50\:dark, html.dark .sf-c-txt-darkseagreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-50)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:55\:dark, html.dark .sf-c-txt-darkseagreen\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-55)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:60\:dark, html.dark .sf-c-txt-darkseagreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-60)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:65\:dark, html.dark .sf-c-txt-darkseagreen\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-65)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:70\:dark, html.dark .sf-c-txt-darkseagreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-70)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:75\:dark, html.dark .sf-c-txt-darkseagreen\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-75)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:80\:dark, html.dark .sf-c-txt-darkseagreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-80)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:85\:dark, html.dark .sf-c-txt-darkseagreen\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-85)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:90\:dark, html.dark .sf-c-txt-darkseagreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-90)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:95\:dark, html.dark .sf-c-txt-darkseagreen\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-95)) } +html[data-theme='dark'] .sf-c-txt-darkseagreen\:100\:dark, html.dark .sf-c-txt-darkseagreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkseagreen-100)) } + html.var[data-theme='dark'] .sf-c-darkseagreen, html.var.dark .sf-c-darkseagreen { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 35%) } html.var[data-theme='dark'] .sf-c-darkseagreen\:0, html.var.dark .sf-c-darkseagreen\:0 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 100%) } html.var[data-theme='dark'] .sf-c-darkseagreen\:5, html.var.dark .sf-c-darkseagreen\:5 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkseagreen\:90\:dark, html.var.dark .sf-c-da html.var[data-theme='dark'] .sf-c-darkseagreen\:95\:dark, html.var.dark .sf-c-darkseagreen\:95\:dark { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 5%) } html.var[data-theme='dark'] .sf-c-darkseagreen\:100\:dark, html.var.dark .sf-c-darkseagreen\:100\:dark { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen, html.dark .sf-c-txt-darkseagreen { color: hsl(120, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:0, html.dark .sf-c-txt-darkseagreen\:0 { color: hsl(120, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:5, html.dark .sf-c-txt-darkseagreen\:5 { color: hsl(120, 25%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:10, html.dark .sf-c-txt-darkseagreen\:10 { color: hsl(120, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:15, html.dark .sf-c-txt-darkseagreen\:15 { color: hsl(120, 25%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:20, html.dark .sf-c-txt-darkseagreen\:20 { color: hsl(120, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:25, html.dark .sf-c-txt-darkseagreen\:25 { color: hsl(120, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:30, html.dark .sf-c-txt-darkseagreen\:30 { color: hsl(120, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:35, html.dark .sf-c-txt-darkseagreen\:35 { color: hsl(120, 25%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:40, html.dark .sf-c-txt-darkseagreen\:40 { color: hsl(120, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:45, html.dark .sf-c-txt-darkseagreen\:45 { color: hsl(120, 25%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:50, html.dark .sf-c-txt-darkseagreen\:50 { color: hsl(120, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:55, html.dark .sf-c-txt-darkseagreen\:55 { color: hsl(120, 25%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:60, html.dark .sf-c-txt-darkseagreen\:60 { color: hsl(120, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:65, html.dark .sf-c-txt-darkseagreen\:65 { color: hsl(120, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:70, html.dark .sf-c-txt-darkseagreen\:70 { color: hsl(120, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:75, html.dark .sf-c-txt-darkseagreen\:75 { color: hsl(120, 25%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:80, html.dark .sf-c-txt-darkseagreen\:80 { color: hsl(120, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:85, html.dark .sf-c-txt-darkseagreen\:85 { color: hsl(120, 25%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:90, html.dark .sf-c-txt-darkseagreen\:90 { color: hsl(120, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:95, html.dark .sf-c-txt-darkseagreen\:95 { color: hsl(120, 25%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:100, html.dark .sf-c-txt-darkseagreen\:100 { color: hsl(120, 25%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:dark, html.dark .sf-c-txt-darkseagreen\:dark { color: hsl(120, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:0\:dark, html.dark .sf-c-txt-darkseagreen\:0\:dark { color: hsl(120, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:5\:dark, html.dark .sf-c-txt-darkseagreen\:5\:dark { color: hsl(120, 25%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:10\:dark, html.dark .sf-c-txt-darkseagreen\:10\:dark { color: hsl(120, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:15\:dark, html.dark .sf-c-txt-darkseagreen\:15\:dark { color: hsl(120, 25%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:20\:dark, html.dark .sf-c-txt-darkseagreen\:20\:dark { color: hsl(120, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:25\:dark, html.dark .sf-c-txt-darkseagreen\:25\:dark { color: hsl(120, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:30\:dark, html.dark .sf-c-txt-darkseagreen\:30\:dark { color: hsl(120, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:35\:dark, html.dark .sf-c-txt-darkseagreen\:35\:dark { color: hsl(120, 25%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:40\:dark, html.dark .sf-c-txt-darkseagreen\:40\:dark { color: hsl(120, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:45\:dark, html.dark .sf-c-txt-darkseagreen\:45\:dark { color: hsl(120, 25%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:50\:dark, html.dark .sf-c-txt-darkseagreen\:50\:dark { color: hsl(120, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:55\:dark, html.dark .sf-c-txt-darkseagreen\:55\:dark { color: hsl(120, 25%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:60\:dark, html.dark .sf-c-txt-darkseagreen\:60\:dark { color: hsl(120, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:65\:dark, html.dark .sf-c-txt-darkseagreen\:65\:dark { color: hsl(120, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:70\:dark, html.dark .sf-c-txt-darkseagreen\:70\:dark { color: hsl(120, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:75\:dark, html.dark .sf-c-txt-darkseagreen\:75\:dark { color: hsl(120, 25%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:80\:dark, html.dark .sf-c-txt-darkseagreen\:80\:dark { color: hsl(120, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:85\:dark, html.dark .sf-c-txt-darkseagreen\:85\:dark { color: hsl(120, 25%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:90\:dark, html.dark .sf-c-txt-darkseagreen\:90\:dark { color: hsl(120, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:95\:dark, html.dark .sf-c-txt-darkseagreen\:95\:dark { color: hsl(120, 25%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkseagreen\:100\:dark, html.dark .sf-c-txt-darkseagreen\:100\:dark { color: hsl(120, 25%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkseagreen, html.auto .sf-c-darkseagreen { color: hsl(var(--sf-dark-c-txt-darkseagreen-95)); background: hsl(var(--sf-dark-c-darkseagreen)) } html[data-theme='auto'] .sf-c-darkseagreen\:0, html.auto .sf-c-darkseagreen\:0 { color: hsl(var(--sf-dark-c-txt-darkseagreen-95)); background: hsl(var(--sf-dark-c-darkseagreen-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkseagreen\:100\:dark, html.var.dark .sf-c-d html[data-theme='auto'] .sf-c-darkseagreen\:95\:dark, html.auto .sf-c-darkseagreen\:95\:dark { color: hsl(var(--sf-c-txt-darkseagreen-95)); background: hsl(var(--sf-c-darkseagreen-5)) } html[data-theme='auto'] .sf-c-darkseagreen\:100\:dark, html.auto .sf-c-darkseagreen\:100\:dark { color: hsl(var(--sf-c-txt-darkseagreen-95)); background: hsl(var(--sf-c-darkseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen, html.auto .sf-c-txt-darkseagreen { color: hsl(var(--sf-c-txt-darkseagreen)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:0, html.auto .sf-c-txt-darkseagreen\:0 { color: hsl(var(--sf-c-txt-darkseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:5, html.auto .sf-c-txt-darkseagreen\:5 { color: hsl(var(--sf-c-txt-darkseagreen-5)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:10, html.auto .sf-c-txt-darkseagreen\:10 { color: hsl(var(--sf-c-txt-darkseagreen-10)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:15, html.auto .sf-c-txt-darkseagreen\:15 { color: hsl(var(--sf-c-txt-darkseagreen-15)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:20, html.auto .sf-c-txt-darkseagreen\:20 { color: hsl(var(--sf-c-txt-darkseagreen-20)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:25, html.auto .sf-c-txt-darkseagreen\:25 { color: hsl(var(--sf-c-txt-darkseagreen-25)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:30, html.auto .sf-c-txt-darkseagreen\:30 { color: hsl(var(--sf-c-txt-darkseagreen-30)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:35, html.auto .sf-c-txt-darkseagreen\:35 { color: hsl(var(--sf-c-txt-darkseagreen-35)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:40, html.auto .sf-c-txt-darkseagreen\:40 { color: hsl(var(--sf-c-txt-darkseagreen-40)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:45, html.auto .sf-c-txt-darkseagreen\:45 { color: hsl(var(--sf-c-txt-darkseagreen-45)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:50, html.auto .sf-c-txt-darkseagreen\:50 { color: hsl(var(--sf-c-txt-darkseagreen-50)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:55, html.auto .sf-c-txt-darkseagreen\:55 { color: hsl(var(--sf-c-txt-darkseagreen-55)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:60, html.auto .sf-c-txt-darkseagreen\:60 { color: hsl(var(--sf-c-txt-darkseagreen-60)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:65, html.auto .sf-c-txt-darkseagreen\:65 { color: hsl(var(--sf-c-txt-darkseagreen-65)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:70, html.auto .sf-c-txt-darkseagreen\:70 { color: hsl(var(--sf-c-txt-darkseagreen-70)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:75, html.auto .sf-c-txt-darkseagreen\:75 { color: hsl(var(--sf-c-txt-darkseagreen-75)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:80, html.auto .sf-c-txt-darkseagreen\:80 { color: hsl(var(--sf-c-txt-darkseagreen-80)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:85, html.auto .sf-c-txt-darkseagreen\:85 { color: hsl(var(--sf-c-txt-darkseagreen-85)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:90, html.auto .sf-c-txt-darkseagreen\:90 { color: hsl(var(--sf-c-txt-darkseagreen-90)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:95, html.auto .sf-c-txt-darkseagreen\:95 { color: hsl(var(--sf-c-txt-darkseagreen-95)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:100, html.auto .sf-c-txt-darkseagreen\:100 { color: hsl(var(--sf-c-txt-darkseagreen-100)) } + + html[data-theme='auto'] .sf-c-txt-darkseagreen\:dark, html.auto .sf-c-txt-darkseagreen\:dark { color: hsl(var(--sf-c-txt-darkseagreen)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:0\:dark, html.auto .sf-c-txt-darkseagreen\:0\:dark { color: hsl(var(--sf-c-txt-darkseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:5\:dark, html.auto .sf-c-txt-darkseagreen\:5\:dark { color: hsl(var(--sf-c-txt-darkseagreen-5)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:10\:dark, html.auto .sf-c-txt-darkseagreen\:10\:dark { color: hsl(var(--sf-c-txt-darkseagreen-10)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:15\:dark, html.auto .sf-c-txt-darkseagreen\:15\:dark { color: hsl(var(--sf-c-txt-darkseagreen-15)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:20\:dark, html.auto .sf-c-txt-darkseagreen\:20\:dark { color: hsl(var(--sf-c-txt-darkseagreen-20)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:25\:dark, html.auto .sf-c-txt-darkseagreen\:25\:dark { color: hsl(var(--sf-c-txt-darkseagreen-25)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:30\:dark, html.auto .sf-c-txt-darkseagreen\:30\:dark { color: hsl(var(--sf-c-txt-darkseagreen-30)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:35\:dark, html.auto .sf-c-txt-darkseagreen\:35\:dark { color: hsl(var(--sf-c-txt-darkseagreen-35)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:40\:dark, html.auto .sf-c-txt-darkseagreen\:40\:dark { color: hsl(var(--sf-c-txt-darkseagreen-40)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:45\:dark, html.auto .sf-c-txt-darkseagreen\:45\:dark { color: hsl(var(--sf-c-txt-darkseagreen-45)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:50\:dark, html.auto .sf-c-txt-darkseagreen\:50\:dark { color: hsl(var(--sf-c-txt-darkseagreen-50)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:55\:dark, html.auto .sf-c-txt-darkseagreen\:55\:dark { color: hsl(var(--sf-c-txt-darkseagreen-55)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:60\:dark, html.auto .sf-c-txt-darkseagreen\:60\:dark { color: hsl(var(--sf-c-txt-darkseagreen-60)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:65\:dark, html.auto .sf-c-txt-darkseagreen\:65\:dark { color: hsl(var(--sf-c-txt-darkseagreen-65)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:70\:dark, html.auto .sf-c-txt-darkseagreen\:70\:dark { color: hsl(var(--sf-c-txt-darkseagreen-70)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:75\:dark, html.auto .sf-c-txt-darkseagreen\:75\:dark { color: hsl(var(--sf-c-txt-darkseagreen-75)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:80\:dark, html.auto .sf-c-txt-darkseagreen\:80\:dark { color: hsl(var(--sf-c-txt-darkseagreen-80)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:85\:dark, html.auto .sf-c-txt-darkseagreen\:85\:dark { color: hsl(var(--sf-c-txt-darkseagreen-85)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:90\:dark, html.auto .sf-c-txt-darkseagreen\:90\:dark { color: hsl(var(--sf-c-txt-darkseagreen-90)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:95\:dark, html.auto .sf-c-txt-darkseagreen\:95\:dark { color: hsl(var(--sf-c-txt-darkseagreen-95)) } + html[data-theme='auto'] .sf-c-txt-darkseagreen\:100\:dark, html.auto .sf-c-txt-darkseagreen\:100\:dark { color: hsl(var(--sf-c-txt-darkseagreen-100)) } + html.var[data-theme='auto'] .sf-c-darkseagreen, html.var.auto .sf-c-darkseagreen { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 35%) } html.var[data-theme='auto'] .sf-c-darkseagreen\:0, html.var.auto .sf-c-darkseagreen\:0 { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 100%) } html.var[data-theme='auto'] .sf-c-darkseagreen\:5, html.var.auto .sf-c-darkseagreen\:5 { color: hsl(120, 25%, 5%); background: hsl(120, 25%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkseagreen\:100\:dark, html.var.dark .sf-c-d html.var[data-theme='auto'] .sf-c-darkseagreen\:90\:dark, html.var.auto .sf-c-darkseagreen\:90\:dark { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 10%) } html.var[data-theme='auto'] .sf-c-darkseagreen\:95\:dark, html.var.auto .sf-c-darkseagreen\:95\:dark { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 5%) } html.var[data-theme='auto'] .sf-c-darkseagreen\:100\:dark, html.var.auto .sf-c-darkseagreen\:100\:dark { color: hsl(120, 25%, 95%); background: hsl(120, 25%, 0%) } -} -.sf-c-txt-darkseagreen { color: hsl(var(--sf-c-txt-darkseagreen)) } -.sf-c-txt-darkseagreen\:0 { color: hsl(var(--sf-c-txt-darkseagreen-0)) } -.sf-c-txt-darkseagreen\:5 { color: hsl(var(--sf-c-txt-darkseagreen-5)) } -.sf-c-txt-darkseagreen\:10 { color: hsl(var(--sf-c-txt-darkseagreen-10)) } -.sf-c-txt-darkseagreen\:15 { color: hsl(var(--sf-c-txt-darkseagreen-15)) } -.sf-c-txt-darkseagreen\:20 { color: hsl(var(--sf-c-txt-darkseagreen-20)) } -.sf-c-txt-darkseagreen\:25 { color: hsl(var(--sf-c-txt-darkseagreen-25)) } -.sf-c-txt-darkseagreen\:30 { color: hsl(var(--sf-c-txt-darkseagreen-30)) } -.sf-c-txt-darkseagreen\:35 { color: hsl(var(--sf-c-txt-darkseagreen-35)) } -.sf-c-txt-darkseagreen\:40 { color: hsl(var(--sf-c-txt-darkseagreen-40)) } -.sf-c-txt-darkseagreen\:45 { color: hsl(var(--sf-c-txt-darkseagreen-45)) } -.sf-c-txt-darkseagreen\:50 { color: hsl(var(--sf-c-txt-darkseagreen-50)) } -.sf-c-txt-darkseagreen\:55 { color: hsl(var(--sf-c-txt-darkseagreen-55)) } -.sf-c-txt-darkseagreen\:60 { color: hsl(var(--sf-c-txt-darkseagreen-60)) } -.sf-c-txt-darkseagreen\:65 { color: hsl(var(--sf-c-txt-darkseagreen-65)) } -.sf-c-txt-darkseagreen\:70 { color: hsl(var(--sf-c-txt-darkseagreen-70)) } -.sf-c-txt-darkseagreen\:75 { color: hsl(var(--sf-c-txt-darkseagreen-75)) } -.sf-c-txt-darkseagreen\:80 { color: hsl(var(--sf-c-txt-darkseagreen-80)) } -.sf-c-txt-darkseagreen\:85 { color: hsl(var(--sf-c-txt-darkseagreen-85)) } -.sf-c-txt-darkseagreen\:90 { color: hsl(var(--sf-c-txt-darkseagreen-90)) } -.sf-c-txt-darkseagreen\:95 { color: hsl(var(--sf-c-txt-darkseagreen-95)) } -.sf-c-txt-darkseagreen\:100 { color: hsl(var(--sf-c-txt-darkseagreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkseagreen, html.auto .sf-c-txt-darkseagreen { color: hsl(120, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:0, html.auto .sf-c-txt-darkseagreen\:0 { color: hsl(120, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:5, html.auto .sf-c-txt-darkseagreen\:5 { color: hsl(120, 25%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:10, html.auto .sf-c-txt-darkseagreen\:10 { color: hsl(120, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:15, html.auto .sf-c-txt-darkseagreen\:15 { color: hsl(120, 25%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:20, html.auto .sf-c-txt-darkseagreen\:20 { color: hsl(120, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:25, html.auto .sf-c-txt-darkseagreen\:25 { color: hsl(120, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:30, html.auto .sf-c-txt-darkseagreen\:30 { color: hsl(120, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:35, html.auto .sf-c-txt-darkseagreen\:35 { color: hsl(120, 25%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:40, html.auto .sf-c-txt-darkseagreen\:40 { color: hsl(120, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:45, html.auto .sf-c-txt-darkseagreen\:45 { color: hsl(120, 25%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:50, html.auto .sf-c-txt-darkseagreen\:50 { color: hsl(120, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:55, html.auto .sf-c-txt-darkseagreen\:55 { color: hsl(120, 25%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:60, html.auto .sf-c-txt-darkseagreen\:60 { color: hsl(120, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:65, html.auto .sf-c-txt-darkseagreen\:65 { color: hsl(120, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:70, html.auto .sf-c-txt-darkseagreen\:70 { color: hsl(120, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:75, html.auto .sf-c-txt-darkseagreen\:75 { color: hsl(120, 25%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:80, html.auto .sf-c-txt-darkseagreen\:80 { color: hsl(120, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:85, html.auto .sf-c-txt-darkseagreen\:85 { color: hsl(120, 25%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:90, html.auto .sf-c-txt-darkseagreen\:90 { color: hsl(120, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:95, html.auto .sf-c-txt-darkseagreen\:95 { color: hsl(120, 25%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:100, html.auto .sf-c-txt-darkseagreen\:100 { color: hsl(120, 25%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:dark, html.auto .sf-c-txt-darkseagreen\:dark { color: hsl(120, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:0\:dark, html.auto .sf-c-txt-darkseagreen\:0\:dark { color: hsl(120, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:5\:dark, html.auto .sf-c-txt-darkseagreen\:5\:dark { color: hsl(120, 25%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:10\:dark, html.auto .sf-c-txt-darkseagreen\:10\:dark { color: hsl(120, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:15\:dark, html.auto .sf-c-txt-darkseagreen\:15\:dark { color: hsl(120, 25%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:20\:dark, html.auto .sf-c-txt-darkseagreen\:20\:dark { color: hsl(120, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:25\:dark, html.auto .sf-c-txt-darkseagreen\:25\:dark { color: hsl(120, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:30\:dark, html.auto .sf-c-txt-darkseagreen\:30\:dark { color: hsl(120, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:35\:dark, html.auto .sf-c-txt-darkseagreen\:35\:dark { color: hsl(120, 25%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:40\:dark, html.auto .sf-c-txt-darkseagreen\:40\:dark { color: hsl(120, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:45\:dark, html.auto .sf-c-txt-darkseagreen\:45\:dark { color: hsl(120, 25%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:50\:dark, html.auto .sf-c-txt-darkseagreen\:50\:dark { color: hsl(120, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:55\:dark, html.auto .sf-c-txt-darkseagreen\:55\:dark { color: hsl(120, 25%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:60\:dark, html.auto .sf-c-txt-darkseagreen\:60\:dark { color: hsl(120, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:65\:dark, html.auto .sf-c-txt-darkseagreen\:65\:dark { color: hsl(120, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:70\:dark, html.auto .sf-c-txt-darkseagreen\:70\:dark { color: hsl(120, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:75\:dark, html.auto .sf-c-txt-darkseagreen\:75\:dark { color: hsl(120, 25%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:80\:dark, html.auto .sf-c-txt-darkseagreen\:80\:dark { color: hsl(120, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:85\:dark, html.auto .sf-c-txt-darkseagreen\:85\:dark { color: hsl(120, 25%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:90\:dark, html.auto .sf-c-txt-darkseagreen\:90\:dark { color: hsl(120, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:95\:dark, html.auto .sf-c-txt-darkseagreen\:95\:dark { color: hsl(120, 25%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkseagreen\:100\:dark, html.auto .sf-c-txt-darkseagreen\:100\:dark { color: hsl(120, 25%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkslateblue.css b/src/colors/20/darkslateblue.css index 9477403..4384553 100644 --- a/src/colors/20/darkslateblue.css +++ b/src/colors/20/darkslateblue.css @@ -138,6 +138,52 @@ html.var .sf-c-darkslateblue\:90 { color: hsl(248, 39%, 5%); background: hsl(248 html.var .sf-c-darkslateblue\:95 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 95%) } html.var .sf-c-darkslateblue\:100 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 100%) } +.sf-c-txt-darkslateblue { color: hsl(var(--sf-dark-c-txt-darkslateblue)) } +.sf-c-txt-darkslateblue\:0 { color: hsl(var(--sf-dark-c-txt-darkslateblue-100)) } +.sf-c-txt-darkslateblue\:5 { color: hsl(var(--sf-dark-c-txt-darkslateblue-95)) } +.sf-c-txt-darkslateblue\:10 { color: hsl(var(--sf-dark-c-txt-darkslateblue-90)) } +.sf-c-txt-darkslateblue\:15 { color: hsl(var(--sf-dark-c-txt-darkslateblue-85)) } +.sf-c-txt-darkslateblue\:20 { color: hsl(var(--sf-dark-c-txt-darkslateblue-80)) } +.sf-c-txt-darkslateblue\:25 { color: hsl(var(--sf-dark-c-txt-darkslateblue-75)) } +.sf-c-txt-darkslateblue\:30 { color: hsl(var(--sf-dark-c-txt-darkslateblue-70)) } +.sf-c-txt-darkslateblue\:35 { color: hsl(var(--sf-dark-c-txt-darkslateblue-65)) } +.sf-c-txt-darkslateblue\:40 { color: hsl(var(--sf-dark-c-txt-darkslateblue-60)) } +.sf-c-txt-darkslateblue\:45 { color: hsl(var(--sf-dark-c-txt-darkslateblue-55)) } +.sf-c-txt-darkslateblue\:50 { color: hsl(var(--sf-dark-c-txt-darkslateblue-50)) } +.sf-c-txt-darkslateblue\:55 { color: hsl(var(--sf-dark-c-txt-darkslateblue-45)) } +.sf-c-txt-darkslateblue\:60 { color: hsl(var(--sf-dark-c-txt-darkslateblue-40)) } +.sf-c-txt-darkslateblue\:65 { color: hsl(var(--sf-dark-c-txt-darkslateblue-35)) } +.sf-c-txt-darkslateblue\:70 { color: hsl(var(--sf-dark-c-txt-darkslateblue-30)) } +.sf-c-txt-darkslateblue\:75 { color: hsl(var(--sf-dark-c-txt-darkslateblue-25)) } +.sf-c-txt-darkslateblue\:80 { color: hsl(var(--sf-dark-c-txt-darkslateblue-20)) } +.sf-c-txt-darkslateblue\:85 { color: hsl(var(--sf-dark-c-txt-darkslateblue-15)) } +.sf-c-txt-darkslateblue\:90 { color: hsl(var(--sf-dark-c-txt-darkslateblue-10)) } +.sf-c-txt-darkslateblue\:95 { color: hsl(var(--sf-dark-c-txt-darkslateblue-5)) } +.sf-c-txt-darkslateblue\:100 { color: hsl(var(--sf-dark-c-txt-darkslateblue-0)) } + +html.var .sf-c-txt-darkslateblue { color: hsl(248, 39%, 61%) } +html.var .sf-c-txt-darkslateblue\:0 { color: hsl(248, 39%, 100%) } +html.var .sf-c-txt-darkslateblue\:5 { color: hsl(248, 39%, 95%) } +html.var .sf-c-txt-darkslateblue\:10 { color: hsl(248, 39%, 90%) } +html.var .sf-c-txt-darkslateblue\:15 { color: hsl(248, 39%, 85%) } +html.var .sf-c-txt-darkslateblue\:20 { color: hsl(248, 39%, 80%) } +html.var .sf-c-txt-darkslateblue\:25 { color: hsl(248, 39%, 75%) } +html.var .sf-c-txt-darkslateblue\:30 { color: hsl(248, 39%, 70%) } +html.var .sf-c-txt-darkslateblue\:35 { color: hsl(248, 39%, 65%) } +html.var .sf-c-txt-darkslateblue\:40 { color: hsl(248, 39%, 60%) } +html.var .sf-c-txt-darkslateblue\:45 { color: hsl(248, 39%, 55%) } +html.var .sf-c-txt-darkslateblue\:50 { color: hsl(248, 39%, 50%) } +html.var .sf-c-txt-darkslateblue\:55 { color: hsl(248, 39%, 45%) } +html.var .sf-c-txt-darkslateblue\:60 { color: hsl(248, 39%, 40%) } +html.var .sf-c-txt-darkslateblue\:65 { color: hsl(248, 39%, 35%) } +html.var .sf-c-txt-darkslateblue\:70 { color: hsl(248, 39%, 30%) } +html.var .sf-c-txt-darkslateblue\:75 { color: hsl(248, 39%, 25%) } +html.var .sf-c-txt-darkslateblue\:80 { color: hsl(248, 39%, 20%) } +html.var .sf-c-txt-darkslateblue\:85 { color: hsl(248, 39%, 15%) } +html.var .sf-c-txt-darkslateblue\:90 { color: hsl(248, 39%, 10%) } +html.var .sf-c-txt-darkslateblue\:95 { color: hsl(248, 39%, 5%) } +html.var .sf-c-txt-darkslateblue\:100 { color: hsl(248, 39%, 0%) } + html[data-theme='dark'] .sf-c-darkslateblue, html.dark .sf-c-darkslateblue { color: hsl(var(--sf-dark-c-txt-darkslateblue-95)); background: hsl(var(--sf-dark-c-darkslateblue)) } html[data-theme='dark'] .sf-c-darkslateblue\:0, html.dark .sf-c-darkslateblue\:0 { color: hsl(var(--sf-dark-c-txt-darkslateblue-95)); background: hsl(var(--sf-dark-c-darkslateblue-100)) } html[data-theme='dark'] .sf-c-darkslateblue\:5, html.dark .sf-c-darkslateblue\:5 { color: hsl(var(--sf-dark-c-txt-darkslateblue-5)); background: hsl(var(--sf-dark-c-darkslateblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkslateblue\:90\:dark, html.dark .sf-c-darkslate html[data-theme='dark'] .sf-c-darkslateblue\:95\:dark, html.dark .sf-c-darkslateblue\:95\:dark { color: hsl(var(--sf-c-txt-darkslateblue-95)); background: hsl(var(--sf-c-darkslateblue-5)) } html[data-theme='dark'] .sf-c-darkslateblue\:100\:dark, html.dark .sf-c-darkslateblue\:100\:dark { color: hsl(var(--sf-c-txt-darkslateblue-95)); background: hsl(var(--sf-c-darkslateblue-0)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue, html.dark .sf-c-txt-darkslateblue { color: hsl(var(--sf-c-txt-darkslateblue)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:0, html.dark .sf-c-txt-darkslateblue\:0 { color: hsl(var(--sf-c-txt-darkslateblue-0)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:5, html.dark .sf-c-txt-darkslateblue\:5 { color: hsl(var(--sf-c-txt-darkslateblue-5)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:10, html.dark .sf-c-txt-darkslateblue\:10 { color: hsl(var(--sf-c-txt-darkslateblue-10)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:15, html.dark .sf-c-txt-darkslateblue\:15 { color: hsl(var(--sf-c-txt-darkslateblue-15)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:20, html.dark .sf-c-txt-darkslateblue\:20 { color: hsl(var(--sf-c-txt-darkslateblue-20)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:25, html.dark .sf-c-txt-darkslateblue\:25 { color: hsl(var(--sf-c-txt-darkslateblue-25)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:30, html.dark .sf-c-txt-darkslateblue\:30 { color: hsl(var(--sf-c-txt-darkslateblue-30)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:35, html.dark .sf-c-txt-darkslateblue\:35 { color: hsl(var(--sf-c-txt-darkslateblue-35)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:40, html.dark .sf-c-txt-darkslateblue\:40 { color: hsl(var(--sf-c-txt-darkslateblue-40)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:45, html.dark .sf-c-txt-darkslateblue\:45 { color: hsl(var(--sf-c-txt-darkslateblue-45)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:50, html.dark .sf-c-txt-darkslateblue\:50 { color: hsl(var(--sf-c-txt-darkslateblue-50)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:55, html.dark .sf-c-txt-darkslateblue\:55 { color: hsl(var(--sf-c-txt-darkslateblue-55)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:60, html.dark .sf-c-txt-darkslateblue\:60 { color: hsl(var(--sf-c-txt-darkslateblue-60)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:65, html.dark .sf-c-txt-darkslateblue\:65 { color: hsl(var(--sf-c-txt-darkslateblue-65)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:70, html.dark .sf-c-txt-darkslateblue\:70 { color: hsl(var(--sf-c-txt-darkslateblue-70)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:75, html.dark .sf-c-txt-darkslateblue\:75 { color: hsl(var(--sf-c-txt-darkslateblue-75)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:80, html.dark .sf-c-txt-darkslateblue\:80 { color: hsl(var(--sf-c-txt-darkslateblue-80)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:85, html.dark .sf-c-txt-darkslateblue\:85 { color: hsl(var(--sf-c-txt-darkslateblue-85)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:90, html.dark .sf-c-txt-darkslateblue\:90 { color: hsl(var(--sf-c-txt-darkslateblue-90)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:95, html.dark .sf-c-txt-darkslateblue\:95 { color: hsl(var(--sf-c-txt-darkslateblue-95)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:100, html.dark .sf-c-txt-darkslateblue\:100 { color: hsl(var(--sf-c-txt-darkslateblue-100)) } + +html[data-theme='dark'] .sf-c-txt-darkslateblue\:dark, html.dark .sf-c-txt-darkslateblue\:dark { color: hsl(var(--sf-c-txt-darkslateblue)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:0\:dark, html.dark .sf-c-txt-darkslateblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-0)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:5\:dark, html.dark .sf-c-txt-darkslateblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-5)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:10\:dark, html.dark .sf-c-txt-darkslateblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-10)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:15\:dark, html.dark .sf-c-txt-darkslateblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-15)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:20\:dark, html.dark .sf-c-txt-darkslateblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-20)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:25\:dark, html.dark .sf-c-txt-darkslateblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-25)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:30\:dark, html.dark .sf-c-txt-darkslateblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-30)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:35\:dark, html.dark .sf-c-txt-darkslateblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-35)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:40\:dark, html.dark .sf-c-txt-darkslateblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-40)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:45\:dark, html.dark .sf-c-txt-darkslateblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-45)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:50\:dark, html.dark .sf-c-txt-darkslateblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-50)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:55\:dark, html.dark .sf-c-txt-darkslateblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-55)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:60\:dark, html.dark .sf-c-txt-darkslateblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-60)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:65\:dark, html.dark .sf-c-txt-darkslateblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-65)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:70\:dark, html.dark .sf-c-txt-darkslateblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-70)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:75\:dark, html.dark .sf-c-txt-darkslateblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-75)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:80\:dark, html.dark .sf-c-txt-darkslateblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-80)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:85\:dark, html.dark .sf-c-txt-darkslateblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-85)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:90\:dark, html.dark .sf-c-txt-darkslateblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-90)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:95\:dark, html.dark .sf-c-txt-darkslateblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-95)) } +html[data-theme='dark'] .sf-c-txt-darkslateblue\:100\:dark, html.dark .sf-c-txt-darkslateblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkslateblue-100)) } + html.var[data-theme='dark'] .sf-c-darkslateblue, html.var.dark .sf-c-darkslateblue { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 61%) } html.var[data-theme='dark'] .sf-c-darkslateblue\:0, html.var.dark .sf-c-darkslateblue\:0 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 100%) } html.var[data-theme='dark'] .sf-c-darkslateblue\:5, html.var.dark .sf-c-darkslateblue\:5 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkslateblue\:90\:dark, html.var.dark .sf-c-d html.var[data-theme='dark'] .sf-c-darkslateblue\:95\:dark, html.var.dark .sf-c-darkslateblue\:95\:dark { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 5%) } html.var[data-theme='dark'] .sf-c-darkslateblue\:100\:dark, html.var.dark .sf-c-darkslateblue\:100\:dark { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue, html.dark .sf-c-txt-darkslateblue { color: hsl(248, 39%, 39%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:0, html.dark .sf-c-txt-darkslateblue\:0 { color: hsl(248, 39%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:5, html.dark .sf-c-txt-darkslateblue\:5 { color: hsl(248, 39%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:10, html.dark .sf-c-txt-darkslateblue\:10 { color: hsl(248, 39%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:15, html.dark .sf-c-txt-darkslateblue\:15 { color: hsl(248, 39%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:20, html.dark .sf-c-txt-darkslateblue\:20 { color: hsl(248, 39%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:25, html.dark .sf-c-txt-darkslateblue\:25 { color: hsl(248, 39%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:30, html.dark .sf-c-txt-darkslateblue\:30 { color: hsl(248, 39%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:35, html.dark .sf-c-txt-darkslateblue\:35 { color: hsl(248, 39%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:40, html.dark .sf-c-txt-darkslateblue\:40 { color: hsl(248, 39%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:45, html.dark .sf-c-txt-darkslateblue\:45 { color: hsl(248, 39%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:50, html.dark .sf-c-txt-darkslateblue\:50 { color: hsl(248, 39%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:55, html.dark .sf-c-txt-darkslateblue\:55 { color: hsl(248, 39%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:60, html.dark .sf-c-txt-darkslateblue\:60 { color: hsl(248, 39%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:65, html.dark .sf-c-txt-darkslateblue\:65 { color: hsl(248, 39%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:70, html.dark .sf-c-txt-darkslateblue\:70 { color: hsl(248, 39%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:75, html.dark .sf-c-txt-darkslateblue\:75 { color: hsl(248, 39%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:80, html.dark .sf-c-txt-darkslateblue\:80 { color: hsl(248, 39%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:85, html.dark .sf-c-txt-darkslateblue\:85 { color: hsl(248, 39%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:90, html.dark .sf-c-txt-darkslateblue\:90 { color: hsl(248, 39%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:95, html.dark .sf-c-txt-darkslateblue\:95 { color: hsl(248, 39%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:100, html.dark .sf-c-txt-darkslateblue\:100 { color: hsl(248, 39%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:dark, html.dark .sf-c-txt-darkslateblue\:dark { color: hsl(248, 39%, 39%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:0\:dark, html.dark .sf-c-txt-darkslateblue\:0\:dark { color: hsl(248, 39%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:5\:dark, html.dark .sf-c-txt-darkslateblue\:5\:dark { color: hsl(248, 39%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:10\:dark, html.dark .sf-c-txt-darkslateblue\:10\:dark { color: hsl(248, 39%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:15\:dark, html.dark .sf-c-txt-darkslateblue\:15\:dark { color: hsl(248, 39%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:20\:dark, html.dark .sf-c-txt-darkslateblue\:20\:dark { color: hsl(248, 39%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:25\:dark, html.dark .sf-c-txt-darkslateblue\:25\:dark { color: hsl(248, 39%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:30\:dark, html.dark .sf-c-txt-darkslateblue\:30\:dark { color: hsl(248, 39%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:35\:dark, html.dark .sf-c-txt-darkslateblue\:35\:dark { color: hsl(248, 39%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:40\:dark, html.dark .sf-c-txt-darkslateblue\:40\:dark { color: hsl(248, 39%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:45\:dark, html.dark .sf-c-txt-darkslateblue\:45\:dark { color: hsl(248, 39%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:50\:dark, html.dark .sf-c-txt-darkslateblue\:50\:dark { color: hsl(248, 39%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:55\:dark, html.dark .sf-c-txt-darkslateblue\:55\:dark { color: hsl(248, 39%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:60\:dark, html.dark .sf-c-txt-darkslateblue\:60\:dark { color: hsl(248, 39%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:65\:dark, html.dark .sf-c-txt-darkslateblue\:65\:dark { color: hsl(248, 39%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:70\:dark, html.dark .sf-c-txt-darkslateblue\:70\:dark { color: hsl(248, 39%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:75\:dark, html.dark .sf-c-txt-darkslateblue\:75\:dark { color: hsl(248, 39%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:80\:dark, html.dark .sf-c-txt-darkslateblue\:80\:dark { color: hsl(248, 39%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:85\:dark, html.dark .sf-c-txt-darkslateblue\:85\:dark { color: hsl(248, 39%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:90\:dark, html.dark .sf-c-txt-darkslateblue\:90\:dark { color: hsl(248, 39%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:95\:dark, html.dark .sf-c-txt-darkslateblue\:95\:dark { color: hsl(248, 39%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkslateblue\:100\:dark, html.dark .sf-c-txt-darkslateblue\:100\:dark { color: hsl(248, 39%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkslateblue, html.auto .sf-c-darkslateblue { color: hsl(var(--sf-dark-c-txt-darkslateblue-95)); background: hsl(var(--sf-dark-c-darkslateblue)) } html[data-theme='auto'] .sf-c-darkslateblue\:0, html.auto .sf-c-darkslateblue\:0 { color: hsl(var(--sf-dark-c-txt-darkslateblue-95)); background: hsl(var(--sf-dark-c-darkslateblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkslateblue\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-darkslateblue\:95\:dark, html.auto .sf-c-darkslateblue\:95\:dark { color: hsl(var(--sf-c-txt-darkslateblue-95)); background: hsl(var(--sf-c-darkslateblue-5)) } html[data-theme='auto'] .sf-c-darkslateblue\:100\:dark, html.auto .sf-c-darkslateblue\:100\:dark { color: hsl(var(--sf-c-txt-darkslateblue-95)); background: hsl(var(--sf-c-darkslateblue-0)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue, html.auto .sf-c-txt-darkslateblue { color: hsl(var(--sf-c-txt-darkslateblue)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:0, html.auto .sf-c-txt-darkslateblue\:0 { color: hsl(var(--sf-c-txt-darkslateblue-0)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:5, html.auto .sf-c-txt-darkslateblue\:5 { color: hsl(var(--sf-c-txt-darkslateblue-5)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:10, html.auto .sf-c-txt-darkslateblue\:10 { color: hsl(var(--sf-c-txt-darkslateblue-10)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:15, html.auto .sf-c-txt-darkslateblue\:15 { color: hsl(var(--sf-c-txt-darkslateblue-15)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:20, html.auto .sf-c-txt-darkslateblue\:20 { color: hsl(var(--sf-c-txt-darkslateblue-20)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:25, html.auto .sf-c-txt-darkslateblue\:25 { color: hsl(var(--sf-c-txt-darkslateblue-25)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:30, html.auto .sf-c-txt-darkslateblue\:30 { color: hsl(var(--sf-c-txt-darkslateblue-30)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:35, html.auto .sf-c-txt-darkslateblue\:35 { color: hsl(var(--sf-c-txt-darkslateblue-35)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:40, html.auto .sf-c-txt-darkslateblue\:40 { color: hsl(var(--sf-c-txt-darkslateblue-40)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:45, html.auto .sf-c-txt-darkslateblue\:45 { color: hsl(var(--sf-c-txt-darkslateblue-45)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:50, html.auto .sf-c-txt-darkslateblue\:50 { color: hsl(var(--sf-c-txt-darkslateblue-50)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:55, html.auto .sf-c-txt-darkslateblue\:55 { color: hsl(var(--sf-c-txt-darkslateblue-55)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:60, html.auto .sf-c-txt-darkslateblue\:60 { color: hsl(var(--sf-c-txt-darkslateblue-60)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:65, html.auto .sf-c-txt-darkslateblue\:65 { color: hsl(var(--sf-c-txt-darkslateblue-65)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:70, html.auto .sf-c-txt-darkslateblue\:70 { color: hsl(var(--sf-c-txt-darkslateblue-70)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:75, html.auto .sf-c-txt-darkslateblue\:75 { color: hsl(var(--sf-c-txt-darkslateblue-75)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:80, html.auto .sf-c-txt-darkslateblue\:80 { color: hsl(var(--sf-c-txt-darkslateblue-80)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:85, html.auto .sf-c-txt-darkslateblue\:85 { color: hsl(var(--sf-c-txt-darkslateblue-85)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:90, html.auto .sf-c-txt-darkslateblue\:90 { color: hsl(var(--sf-c-txt-darkslateblue-90)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:95, html.auto .sf-c-txt-darkslateblue\:95 { color: hsl(var(--sf-c-txt-darkslateblue-95)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:100, html.auto .sf-c-txt-darkslateblue\:100 { color: hsl(var(--sf-c-txt-darkslateblue-100)) } + + html[data-theme='auto'] .sf-c-txt-darkslateblue\:dark, html.auto .sf-c-txt-darkslateblue\:dark { color: hsl(var(--sf-c-txt-darkslateblue)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:0\:dark, html.auto .sf-c-txt-darkslateblue\:0\:dark { color: hsl(var(--sf-c-txt-darkslateblue-0)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:5\:dark, html.auto .sf-c-txt-darkslateblue\:5\:dark { color: hsl(var(--sf-c-txt-darkslateblue-5)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:10\:dark, html.auto .sf-c-txt-darkslateblue\:10\:dark { color: hsl(var(--sf-c-txt-darkslateblue-10)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:15\:dark, html.auto .sf-c-txt-darkslateblue\:15\:dark { color: hsl(var(--sf-c-txt-darkslateblue-15)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:20\:dark, html.auto .sf-c-txt-darkslateblue\:20\:dark { color: hsl(var(--sf-c-txt-darkslateblue-20)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:25\:dark, html.auto .sf-c-txt-darkslateblue\:25\:dark { color: hsl(var(--sf-c-txt-darkslateblue-25)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:30\:dark, html.auto .sf-c-txt-darkslateblue\:30\:dark { color: hsl(var(--sf-c-txt-darkslateblue-30)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:35\:dark, html.auto .sf-c-txt-darkslateblue\:35\:dark { color: hsl(var(--sf-c-txt-darkslateblue-35)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:40\:dark, html.auto .sf-c-txt-darkslateblue\:40\:dark { color: hsl(var(--sf-c-txt-darkslateblue-40)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:45\:dark, html.auto .sf-c-txt-darkslateblue\:45\:dark { color: hsl(var(--sf-c-txt-darkslateblue-45)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:50\:dark, html.auto .sf-c-txt-darkslateblue\:50\:dark { color: hsl(var(--sf-c-txt-darkslateblue-50)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:55\:dark, html.auto .sf-c-txt-darkslateblue\:55\:dark { color: hsl(var(--sf-c-txt-darkslateblue-55)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:60\:dark, html.auto .sf-c-txt-darkslateblue\:60\:dark { color: hsl(var(--sf-c-txt-darkslateblue-60)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:65\:dark, html.auto .sf-c-txt-darkslateblue\:65\:dark { color: hsl(var(--sf-c-txt-darkslateblue-65)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:70\:dark, html.auto .sf-c-txt-darkslateblue\:70\:dark { color: hsl(var(--sf-c-txt-darkslateblue-70)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:75\:dark, html.auto .sf-c-txt-darkslateblue\:75\:dark { color: hsl(var(--sf-c-txt-darkslateblue-75)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:80\:dark, html.auto .sf-c-txt-darkslateblue\:80\:dark { color: hsl(var(--sf-c-txt-darkslateblue-80)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:85\:dark, html.auto .sf-c-txt-darkslateblue\:85\:dark { color: hsl(var(--sf-c-txt-darkslateblue-85)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:90\:dark, html.auto .sf-c-txt-darkslateblue\:90\:dark { color: hsl(var(--sf-c-txt-darkslateblue-90)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:95\:dark, html.auto .sf-c-txt-darkslateblue\:95\:dark { color: hsl(var(--sf-c-txt-darkslateblue-95)) } + html[data-theme='auto'] .sf-c-txt-darkslateblue\:100\:dark, html.auto .sf-c-txt-darkslateblue\:100\:dark { color: hsl(var(--sf-c-txt-darkslateblue-100)) } + html.var[data-theme='auto'] .sf-c-darkslateblue, html.var.auto .sf-c-darkslateblue { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 61%) } html.var[data-theme='auto'] .sf-c-darkslateblue\:0, html.var.auto .sf-c-darkslateblue\:0 { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 100%) } html.var[data-theme='auto'] .sf-c-darkslateblue\:5, html.var.auto .sf-c-darkslateblue\:5 { color: hsl(248, 39%, 5%); background: hsl(248, 39%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkslateblue\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-darkslateblue\:90\:dark, html.var.auto .sf-c-darkslateblue\:90\:dark { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 10%) } html.var[data-theme='auto'] .sf-c-darkslateblue\:95\:dark, html.var.auto .sf-c-darkslateblue\:95\:dark { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 5%) } html.var[data-theme='auto'] .sf-c-darkslateblue\:100\:dark, html.var.auto .sf-c-darkslateblue\:100\:dark { color: hsl(248, 39%, 95%); background: hsl(248, 39%, 0%) } -} -.sf-c-txt-darkslateblue { color: hsl(var(--sf-c-txt-darkslateblue)) } -.sf-c-txt-darkslateblue\:0 { color: hsl(var(--sf-c-txt-darkslateblue-0)) } -.sf-c-txt-darkslateblue\:5 { color: hsl(var(--sf-c-txt-darkslateblue-5)) } -.sf-c-txt-darkslateblue\:10 { color: hsl(var(--sf-c-txt-darkslateblue-10)) } -.sf-c-txt-darkslateblue\:15 { color: hsl(var(--sf-c-txt-darkslateblue-15)) } -.sf-c-txt-darkslateblue\:20 { color: hsl(var(--sf-c-txt-darkslateblue-20)) } -.sf-c-txt-darkslateblue\:25 { color: hsl(var(--sf-c-txt-darkslateblue-25)) } -.sf-c-txt-darkslateblue\:30 { color: hsl(var(--sf-c-txt-darkslateblue-30)) } -.sf-c-txt-darkslateblue\:35 { color: hsl(var(--sf-c-txt-darkslateblue-35)) } -.sf-c-txt-darkslateblue\:40 { color: hsl(var(--sf-c-txt-darkslateblue-40)) } -.sf-c-txt-darkslateblue\:45 { color: hsl(var(--sf-c-txt-darkslateblue-45)) } -.sf-c-txt-darkslateblue\:50 { color: hsl(var(--sf-c-txt-darkslateblue-50)) } -.sf-c-txt-darkslateblue\:55 { color: hsl(var(--sf-c-txt-darkslateblue-55)) } -.sf-c-txt-darkslateblue\:60 { color: hsl(var(--sf-c-txt-darkslateblue-60)) } -.sf-c-txt-darkslateblue\:65 { color: hsl(var(--sf-c-txt-darkslateblue-65)) } -.sf-c-txt-darkslateblue\:70 { color: hsl(var(--sf-c-txt-darkslateblue-70)) } -.sf-c-txt-darkslateblue\:75 { color: hsl(var(--sf-c-txt-darkslateblue-75)) } -.sf-c-txt-darkslateblue\:80 { color: hsl(var(--sf-c-txt-darkslateblue-80)) } -.sf-c-txt-darkslateblue\:85 { color: hsl(var(--sf-c-txt-darkslateblue-85)) } -.sf-c-txt-darkslateblue\:90 { color: hsl(var(--sf-c-txt-darkslateblue-90)) } -.sf-c-txt-darkslateblue\:95 { color: hsl(var(--sf-c-txt-darkslateblue-95)) } -.sf-c-txt-darkslateblue\:100 { color: hsl(var(--sf-c-txt-darkslateblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkslateblue, html.auto .sf-c-txt-darkslateblue { color: hsl(248, 39%, 39%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:0, html.auto .sf-c-txt-darkslateblue\:0 { color: hsl(248, 39%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:5, html.auto .sf-c-txt-darkslateblue\:5 { color: hsl(248, 39%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:10, html.auto .sf-c-txt-darkslateblue\:10 { color: hsl(248, 39%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:15, html.auto .sf-c-txt-darkslateblue\:15 { color: hsl(248, 39%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:20, html.auto .sf-c-txt-darkslateblue\:20 { color: hsl(248, 39%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:25, html.auto .sf-c-txt-darkslateblue\:25 { color: hsl(248, 39%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:30, html.auto .sf-c-txt-darkslateblue\:30 { color: hsl(248, 39%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:35, html.auto .sf-c-txt-darkslateblue\:35 { color: hsl(248, 39%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:40, html.auto .sf-c-txt-darkslateblue\:40 { color: hsl(248, 39%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:45, html.auto .sf-c-txt-darkslateblue\:45 { color: hsl(248, 39%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:50, html.auto .sf-c-txt-darkslateblue\:50 { color: hsl(248, 39%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:55, html.auto .sf-c-txt-darkslateblue\:55 { color: hsl(248, 39%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:60, html.auto .sf-c-txt-darkslateblue\:60 { color: hsl(248, 39%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:65, html.auto .sf-c-txt-darkslateblue\:65 { color: hsl(248, 39%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:70, html.auto .sf-c-txt-darkslateblue\:70 { color: hsl(248, 39%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:75, html.auto .sf-c-txt-darkslateblue\:75 { color: hsl(248, 39%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:80, html.auto .sf-c-txt-darkslateblue\:80 { color: hsl(248, 39%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:85, html.auto .sf-c-txt-darkslateblue\:85 { color: hsl(248, 39%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:90, html.auto .sf-c-txt-darkslateblue\:90 { color: hsl(248, 39%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:95, html.auto .sf-c-txt-darkslateblue\:95 { color: hsl(248, 39%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:100, html.auto .sf-c-txt-darkslateblue\:100 { color: hsl(248, 39%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:dark, html.auto .sf-c-txt-darkslateblue\:dark { color: hsl(248, 39%, 39%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:0\:dark, html.auto .sf-c-txt-darkslateblue\:0\:dark { color: hsl(248, 39%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:5\:dark, html.auto .sf-c-txt-darkslateblue\:5\:dark { color: hsl(248, 39%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:10\:dark, html.auto .sf-c-txt-darkslateblue\:10\:dark { color: hsl(248, 39%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:15\:dark, html.auto .sf-c-txt-darkslateblue\:15\:dark { color: hsl(248, 39%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:20\:dark, html.auto .sf-c-txt-darkslateblue\:20\:dark { color: hsl(248, 39%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:25\:dark, html.auto .sf-c-txt-darkslateblue\:25\:dark { color: hsl(248, 39%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:30\:dark, html.auto .sf-c-txt-darkslateblue\:30\:dark { color: hsl(248, 39%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:35\:dark, html.auto .sf-c-txt-darkslateblue\:35\:dark { color: hsl(248, 39%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:40\:dark, html.auto .sf-c-txt-darkslateblue\:40\:dark { color: hsl(248, 39%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:45\:dark, html.auto .sf-c-txt-darkslateblue\:45\:dark { color: hsl(248, 39%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:50\:dark, html.auto .sf-c-txt-darkslateblue\:50\:dark { color: hsl(248, 39%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:55\:dark, html.auto .sf-c-txt-darkslateblue\:55\:dark { color: hsl(248, 39%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:60\:dark, html.auto .sf-c-txt-darkslateblue\:60\:dark { color: hsl(248, 39%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:65\:dark, html.auto .sf-c-txt-darkslateblue\:65\:dark { color: hsl(248, 39%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:70\:dark, html.auto .sf-c-txt-darkslateblue\:70\:dark { color: hsl(248, 39%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:75\:dark, html.auto .sf-c-txt-darkslateblue\:75\:dark { color: hsl(248, 39%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:80\:dark, html.auto .sf-c-txt-darkslateblue\:80\:dark { color: hsl(248, 39%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:85\:dark, html.auto .sf-c-txt-darkslateblue\:85\:dark { color: hsl(248, 39%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:90\:dark, html.auto .sf-c-txt-darkslateblue\:90\:dark { color: hsl(248, 39%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:95\:dark, html.auto .sf-c-txt-darkslateblue\:95\:dark { color: hsl(248, 39%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkslateblue\:100\:dark, html.auto .sf-c-txt-darkslateblue\:100\:dark { color: hsl(248, 39%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkslategray.css b/src/colors/20/darkslategray.css index 14d91c2..1047286 100644 --- a/src/colors/20/darkslategray.css +++ b/src/colors/20/darkslategray.css @@ -138,6 +138,52 @@ html.var .sf-c-darkslategray\:90 { color: hsl(180, 25%, 5%); background: hsl(180 html.var .sf-c-darkslategray\:95 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } html.var .sf-c-darkslategray\:100 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 100%) } +.sf-c-txt-darkslategray { color: hsl(var(--sf-dark-c-txt-darkslategray)) } +.sf-c-txt-darkslategray\:0 { color: hsl(var(--sf-dark-c-txt-darkslategray-100)) } +.sf-c-txt-darkslategray\:5 { color: hsl(var(--sf-dark-c-txt-darkslategray-95)) } +.sf-c-txt-darkslategray\:10 { color: hsl(var(--sf-dark-c-txt-darkslategray-90)) } +.sf-c-txt-darkslategray\:15 { color: hsl(var(--sf-dark-c-txt-darkslategray-85)) } +.sf-c-txt-darkslategray\:20 { color: hsl(var(--sf-dark-c-txt-darkslategray-80)) } +.sf-c-txt-darkslategray\:25 { color: hsl(var(--sf-dark-c-txt-darkslategray-75)) } +.sf-c-txt-darkslategray\:30 { color: hsl(var(--sf-dark-c-txt-darkslategray-70)) } +.sf-c-txt-darkslategray\:35 { color: hsl(var(--sf-dark-c-txt-darkslategray-65)) } +.sf-c-txt-darkslategray\:40 { color: hsl(var(--sf-dark-c-txt-darkslategray-60)) } +.sf-c-txt-darkslategray\:45 { color: hsl(var(--sf-dark-c-txt-darkslategray-55)) } +.sf-c-txt-darkslategray\:50 { color: hsl(var(--sf-dark-c-txt-darkslategray-50)) } +.sf-c-txt-darkslategray\:55 { color: hsl(var(--sf-dark-c-txt-darkslategray-45)) } +.sf-c-txt-darkslategray\:60 { color: hsl(var(--sf-dark-c-txt-darkslategray-40)) } +.sf-c-txt-darkslategray\:65 { color: hsl(var(--sf-dark-c-txt-darkslategray-35)) } +.sf-c-txt-darkslategray\:70 { color: hsl(var(--sf-dark-c-txt-darkslategray-30)) } +.sf-c-txt-darkslategray\:75 { color: hsl(var(--sf-dark-c-txt-darkslategray-25)) } +.sf-c-txt-darkslategray\:80 { color: hsl(var(--sf-dark-c-txt-darkslategray-20)) } +.sf-c-txt-darkslategray\:85 { color: hsl(var(--sf-dark-c-txt-darkslategray-15)) } +.sf-c-txt-darkslategray\:90 { color: hsl(var(--sf-dark-c-txt-darkslategray-10)) } +.sf-c-txt-darkslategray\:95 { color: hsl(var(--sf-dark-c-txt-darkslategray-5)) } +.sf-c-txt-darkslategray\:100 { color: hsl(var(--sf-dark-c-txt-darkslategray-0)) } + +html.var .sf-c-txt-darkslategray { color: hsl(180, 25%, 75%) } +html.var .sf-c-txt-darkslategray\:0 { color: hsl(180, 25%, 100%) } +html.var .sf-c-txt-darkslategray\:5 { color: hsl(180, 25%, 95%) } +html.var .sf-c-txt-darkslategray\:10 { color: hsl(180, 25%, 90%) } +html.var .sf-c-txt-darkslategray\:15 { color: hsl(180, 25%, 85%) } +html.var .sf-c-txt-darkslategray\:20 { color: hsl(180, 25%, 80%) } +html.var .sf-c-txt-darkslategray\:25 { color: hsl(180, 25%, 75%) } +html.var .sf-c-txt-darkslategray\:30 { color: hsl(180, 25%, 70%) } +html.var .sf-c-txt-darkslategray\:35 { color: hsl(180, 25%, 65%) } +html.var .sf-c-txt-darkslategray\:40 { color: hsl(180, 25%, 60%) } +html.var .sf-c-txt-darkslategray\:45 { color: hsl(180, 25%, 55%) } +html.var .sf-c-txt-darkslategray\:50 { color: hsl(180, 25%, 50%) } +html.var .sf-c-txt-darkslategray\:55 { color: hsl(180, 25%, 45%) } +html.var .sf-c-txt-darkslategray\:60 { color: hsl(180, 25%, 40%) } +html.var .sf-c-txt-darkslategray\:65 { color: hsl(180, 25%, 35%) } +html.var .sf-c-txt-darkslategray\:70 { color: hsl(180, 25%, 30%) } +html.var .sf-c-txt-darkslategray\:75 { color: hsl(180, 25%, 25%) } +html.var .sf-c-txt-darkslategray\:80 { color: hsl(180, 25%, 20%) } +html.var .sf-c-txt-darkslategray\:85 { color: hsl(180, 25%, 15%) } +html.var .sf-c-txt-darkslategray\:90 { color: hsl(180, 25%, 10%) } +html.var .sf-c-txt-darkslategray\:95 { color: hsl(180, 25%, 5%) } +html.var .sf-c-txt-darkslategray\:100 { color: hsl(180, 25%, 0%) } + html[data-theme='dark'] .sf-c-darkslategray, html.dark .sf-c-darkslategray { color: hsl(var(--sf-dark-c-txt-darkslategray-5)); background: hsl(var(--sf-dark-c-darkslategray)) } html[data-theme='dark'] .sf-c-darkslategray\:0, html.dark .sf-c-darkslategray\:0 { color: hsl(var(--sf-dark-c-txt-darkslategray-95)); background: hsl(var(--sf-dark-c-darkslategray-100)) } html[data-theme='dark'] .sf-c-darkslategray\:5, html.dark .sf-c-darkslategray\:5 { color: hsl(var(--sf-dark-c-txt-darkslategray-5)); background: hsl(var(--sf-dark-c-darkslategray-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkslategray\:90\:dark, html.dark .sf-c-darkslate html[data-theme='dark'] .sf-c-darkslategray\:95\:dark, html.dark .sf-c-darkslategray\:95\:dark { color: hsl(var(--sf-c-txt-darkslategray-95)); background: hsl(var(--sf-c-darkslategray-5)) } html[data-theme='dark'] .sf-c-darkslategray\:100\:dark, html.dark .sf-c-darkslategray\:100\:dark { color: hsl(var(--sf-c-txt-darkslategray-95)); background: hsl(var(--sf-c-darkslategray-0)) } +html[data-theme='dark'] .sf-c-txt-darkslategray, html.dark .sf-c-txt-darkslategray { color: hsl(var(--sf-c-txt-darkslategray)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:0, html.dark .sf-c-txt-darkslategray\:0 { color: hsl(var(--sf-c-txt-darkslategray-0)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:5, html.dark .sf-c-txt-darkslategray\:5 { color: hsl(var(--sf-c-txt-darkslategray-5)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:10, html.dark .sf-c-txt-darkslategray\:10 { color: hsl(var(--sf-c-txt-darkslategray-10)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:15, html.dark .sf-c-txt-darkslategray\:15 { color: hsl(var(--sf-c-txt-darkslategray-15)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:20, html.dark .sf-c-txt-darkslategray\:20 { color: hsl(var(--sf-c-txt-darkslategray-20)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:25, html.dark .sf-c-txt-darkslategray\:25 { color: hsl(var(--sf-c-txt-darkslategray-25)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:30, html.dark .sf-c-txt-darkslategray\:30 { color: hsl(var(--sf-c-txt-darkslategray-30)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:35, html.dark .sf-c-txt-darkslategray\:35 { color: hsl(var(--sf-c-txt-darkslategray-35)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:40, html.dark .sf-c-txt-darkslategray\:40 { color: hsl(var(--sf-c-txt-darkslategray-40)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:45, html.dark .sf-c-txt-darkslategray\:45 { color: hsl(var(--sf-c-txt-darkslategray-45)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:50, html.dark .sf-c-txt-darkslategray\:50 { color: hsl(var(--sf-c-txt-darkslategray-50)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:55, html.dark .sf-c-txt-darkslategray\:55 { color: hsl(var(--sf-c-txt-darkslategray-55)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:60, html.dark .sf-c-txt-darkslategray\:60 { color: hsl(var(--sf-c-txt-darkslategray-60)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:65, html.dark .sf-c-txt-darkslategray\:65 { color: hsl(var(--sf-c-txt-darkslategray-65)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:70, html.dark .sf-c-txt-darkslategray\:70 { color: hsl(var(--sf-c-txt-darkslategray-70)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:75, html.dark .sf-c-txt-darkslategray\:75 { color: hsl(var(--sf-c-txt-darkslategray-75)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:80, html.dark .sf-c-txt-darkslategray\:80 { color: hsl(var(--sf-c-txt-darkslategray-80)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:85, html.dark .sf-c-txt-darkslategray\:85 { color: hsl(var(--sf-c-txt-darkslategray-85)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:90, html.dark .sf-c-txt-darkslategray\:90 { color: hsl(var(--sf-c-txt-darkslategray-90)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:95, html.dark .sf-c-txt-darkslategray\:95 { color: hsl(var(--sf-c-txt-darkslategray-95)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:100, html.dark .sf-c-txt-darkslategray\:100 { color: hsl(var(--sf-c-txt-darkslategray-100)) } + +html[data-theme='dark'] .sf-c-txt-darkslategray\:dark, html.dark .sf-c-txt-darkslategray\:dark { color: hsl(var(--sf-c-txt-darkslategray)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:0\:dark, html.dark .sf-c-txt-darkslategray\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-0)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:5\:dark, html.dark .sf-c-txt-darkslategray\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-5)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:10\:dark, html.dark .sf-c-txt-darkslategray\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-10)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:15\:dark, html.dark .sf-c-txt-darkslategray\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-15)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:20\:dark, html.dark .sf-c-txt-darkslategray\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-20)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:25\:dark, html.dark .sf-c-txt-darkslategray\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-25)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:30\:dark, html.dark .sf-c-txt-darkslategray\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-30)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:35\:dark, html.dark .sf-c-txt-darkslategray\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-35)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:40\:dark, html.dark .sf-c-txt-darkslategray\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-40)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:45\:dark, html.dark .sf-c-txt-darkslategray\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-45)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:50\:dark, html.dark .sf-c-txt-darkslategray\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-50)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:55\:dark, html.dark .sf-c-txt-darkslategray\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-55)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:60\:dark, html.dark .sf-c-txt-darkslategray\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-60)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:65\:dark, html.dark .sf-c-txt-darkslategray\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-65)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:70\:dark, html.dark .sf-c-txt-darkslategray\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-70)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:75\:dark, html.dark .sf-c-txt-darkslategray\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-75)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:80\:dark, html.dark .sf-c-txt-darkslategray\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-80)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:85\:dark, html.dark .sf-c-txt-darkslategray\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-85)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:90\:dark, html.dark .sf-c-txt-darkslategray\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-90)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:95\:dark, html.dark .sf-c-txt-darkslategray\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-95)) } +html[data-theme='dark'] .sf-c-txt-darkslategray\:100\:dark, html.dark .sf-c-txt-darkslategray\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkslategray-100)) } + html.var[data-theme='dark'] .sf-c-darkslategray, html.var.dark .sf-c-darkslategray { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } html.var[data-theme='dark'] .sf-c-darkslategray\:0, html.var.dark .sf-c-darkslategray\:0 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 100%) } html.var[data-theme='dark'] .sf-c-darkslategray\:5, html.var.dark .sf-c-darkslategray\:5 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkslategray\:90\:dark, html.var.dark .sf-c-d html.var[data-theme='dark'] .sf-c-darkslategray\:95\:dark, html.var.dark .sf-c-darkslategray\:95\:dark { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 5%) } html.var[data-theme='dark'] .sf-c-darkslategray\:100\:dark, html.var.dark .sf-c-darkslategray\:100\:dark { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray, html.dark .sf-c-txt-darkslategray { color: hsl(180, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:0, html.dark .sf-c-txt-darkslategray\:0 { color: hsl(180, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:5, html.dark .sf-c-txt-darkslategray\:5 { color: hsl(180, 25%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:10, html.dark .sf-c-txt-darkslategray\:10 { color: hsl(180, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:15, html.dark .sf-c-txt-darkslategray\:15 { color: hsl(180, 25%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:20, html.dark .sf-c-txt-darkslategray\:20 { color: hsl(180, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:25, html.dark .sf-c-txt-darkslategray\:25 { color: hsl(180, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:30, html.dark .sf-c-txt-darkslategray\:30 { color: hsl(180, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:35, html.dark .sf-c-txt-darkslategray\:35 { color: hsl(180, 25%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:40, html.dark .sf-c-txt-darkslategray\:40 { color: hsl(180, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:45, html.dark .sf-c-txt-darkslategray\:45 { color: hsl(180, 25%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:50, html.dark .sf-c-txt-darkslategray\:50 { color: hsl(180, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:55, html.dark .sf-c-txt-darkslategray\:55 { color: hsl(180, 25%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:60, html.dark .sf-c-txt-darkslategray\:60 { color: hsl(180, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:65, html.dark .sf-c-txt-darkslategray\:65 { color: hsl(180, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:70, html.dark .sf-c-txt-darkslategray\:70 { color: hsl(180, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:75, html.dark .sf-c-txt-darkslategray\:75 { color: hsl(180, 25%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:80, html.dark .sf-c-txt-darkslategray\:80 { color: hsl(180, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:85, html.dark .sf-c-txt-darkslategray\:85 { color: hsl(180, 25%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:90, html.dark .sf-c-txt-darkslategray\:90 { color: hsl(180, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:95, html.dark .sf-c-txt-darkslategray\:95 { color: hsl(180, 25%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:100, html.dark .sf-c-txt-darkslategray\:100 { color: hsl(180, 25%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:dark, html.dark .sf-c-txt-darkslategray\:dark { color: hsl(180, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:0\:dark, html.dark .sf-c-txt-darkslategray\:0\:dark { color: hsl(180, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:5\:dark, html.dark .sf-c-txt-darkslategray\:5\:dark { color: hsl(180, 25%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:10\:dark, html.dark .sf-c-txt-darkslategray\:10\:dark { color: hsl(180, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:15\:dark, html.dark .sf-c-txt-darkslategray\:15\:dark { color: hsl(180, 25%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:20\:dark, html.dark .sf-c-txt-darkslategray\:20\:dark { color: hsl(180, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:25\:dark, html.dark .sf-c-txt-darkslategray\:25\:dark { color: hsl(180, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:30\:dark, html.dark .sf-c-txt-darkslategray\:30\:dark { color: hsl(180, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:35\:dark, html.dark .sf-c-txt-darkslategray\:35\:dark { color: hsl(180, 25%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:40\:dark, html.dark .sf-c-txt-darkslategray\:40\:dark { color: hsl(180, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:45\:dark, html.dark .sf-c-txt-darkslategray\:45\:dark { color: hsl(180, 25%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:50\:dark, html.dark .sf-c-txt-darkslategray\:50\:dark { color: hsl(180, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:55\:dark, html.dark .sf-c-txt-darkslategray\:55\:dark { color: hsl(180, 25%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:60\:dark, html.dark .sf-c-txt-darkslategray\:60\:dark { color: hsl(180, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:65\:dark, html.dark .sf-c-txt-darkslategray\:65\:dark { color: hsl(180, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:70\:dark, html.dark .sf-c-txt-darkslategray\:70\:dark { color: hsl(180, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:75\:dark, html.dark .sf-c-txt-darkslategray\:75\:dark { color: hsl(180, 25%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:80\:dark, html.dark .sf-c-txt-darkslategray\:80\:dark { color: hsl(180, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:85\:dark, html.dark .sf-c-txt-darkslategray\:85\:dark { color: hsl(180, 25%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:90\:dark, html.dark .sf-c-txt-darkslategray\:90\:dark { color: hsl(180, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:95\:dark, html.dark .sf-c-txt-darkslategray\:95\:dark { color: hsl(180, 25%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategray\:100\:dark, html.dark .sf-c-txt-darkslategray\:100\:dark { color: hsl(180, 25%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkslategray, html.auto .sf-c-darkslategray { color: hsl(var(--sf-dark-c-txt-darkslategray-5)); background: hsl(var(--sf-dark-c-darkslategray)) } html[data-theme='auto'] .sf-c-darkslategray\:0, html.auto .sf-c-darkslategray\:0 { color: hsl(var(--sf-dark-c-txt-darkslategray-95)); background: hsl(var(--sf-dark-c-darkslategray-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkslategray\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-darkslategray\:95\:dark, html.auto .sf-c-darkslategray\:95\:dark { color: hsl(var(--sf-c-txt-darkslategray-95)); background: hsl(var(--sf-c-darkslategray-5)) } html[data-theme='auto'] .sf-c-darkslategray\:100\:dark, html.auto .sf-c-darkslategray\:100\:dark { color: hsl(var(--sf-c-txt-darkslategray-95)); background: hsl(var(--sf-c-darkslategray-0)) } + html[data-theme='auto'] .sf-c-txt-darkslategray, html.auto .sf-c-txt-darkslategray { color: hsl(var(--sf-c-txt-darkslategray)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:0, html.auto .sf-c-txt-darkslategray\:0 { color: hsl(var(--sf-c-txt-darkslategray-0)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:5, html.auto .sf-c-txt-darkslategray\:5 { color: hsl(var(--sf-c-txt-darkslategray-5)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:10, html.auto .sf-c-txt-darkslategray\:10 { color: hsl(var(--sf-c-txt-darkslategray-10)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:15, html.auto .sf-c-txt-darkslategray\:15 { color: hsl(var(--sf-c-txt-darkslategray-15)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:20, html.auto .sf-c-txt-darkslategray\:20 { color: hsl(var(--sf-c-txt-darkslategray-20)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:25, html.auto .sf-c-txt-darkslategray\:25 { color: hsl(var(--sf-c-txt-darkslategray-25)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:30, html.auto .sf-c-txt-darkslategray\:30 { color: hsl(var(--sf-c-txt-darkslategray-30)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:35, html.auto .sf-c-txt-darkslategray\:35 { color: hsl(var(--sf-c-txt-darkslategray-35)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:40, html.auto .sf-c-txt-darkslategray\:40 { color: hsl(var(--sf-c-txt-darkslategray-40)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:45, html.auto .sf-c-txt-darkslategray\:45 { color: hsl(var(--sf-c-txt-darkslategray-45)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:50, html.auto .sf-c-txt-darkslategray\:50 { color: hsl(var(--sf-c-txt-darkslategray-50)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:55, html.auto .sf-c-txt-darkslategray\:55 { color: hsl(var(--sf-c-txt-darkslategray-55)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:60, html.auto .sf-c-txt-darkslategray\:60 { color: hsl(var(--sf-c-txt-darkslategray-60)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:65, html.auto .sf-c-txt-darkslategray\:65 { color: hsl(var(--sf-c-txt-darkslategray-65)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:70, html.auto .sf-c-txt-darkslategray\:70 { color: hsl(var(--sf-c-txt-darkslategray-70)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:75, html.auto .sf-c-txt-darkslategray\:75 { color: hsl(var(--sf-c-txt-darkslategray-75)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:80, html.auto .sf-c-txt-darkslategray\:80 { color: hsl(var(--sf-c-txt-darkslategray-80)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:85, html.auto .sf-c-txt-darkslategray\:85 { color: hsl(var(--sf-c-txt-darkslategray-85)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:90, html.auto .sf-c-txt-darkslategray\:90 { color: hsl(var(--sf-c-txt-darkslategray-90)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:95, html.auto .sf-c-txt-darkslategray\:95 { color: hsl(var(--sf-c-txt-darkslategray-95)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:100, html.auto .sf-c-txt-darkslategray\:100 { color: hsl(var(--sf-c-txt-darkslategray-100)) } + + html[data-theme='auto'] .sf-c-txt-darkslategray\:dark, html.auto .sf-c-txt-darkslategray\:dark { color: hsl(var(--sf-c-txt-darkslategray)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:0\:dark, html.auto .sf-c-txt-darkslategray\:0\:dark { color: hsl(var(--sf-c-txt-darkslategray-0)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:5\:dark, html.auto .sf-c-txt-darkslategray\:5\:dark { color: hsl(var(--sf-c-txt-darkslategray-5)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:10\:dark, html.auto .sf-c-txt-darkslategray\:10\:dark { color: hsl(var(--sf-c-txt-darkslategray-10)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:15\:dark, html.auto .sf-c-txt-darkslategray\:15\:dark { color: hsl(var(--sf-c-txt-darkslategray-15)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:20\:dark, html.auto .sf-c-txt-darkslategray\:20\:dark { color: hsl(var(--sf-c-txt-darkslategray-20)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:25\:dark, html.auto .sf-c-txt-darkslategray\:25\:dark { color: hsl(var(--sf-c-txt-darkslategray-25)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:30\:dark, html.auto .sf-c-txt-darkslategray\:30\:dark { color: hsl(var(--sf-c-txt-darkslategray-30)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:35\:dark, html.auto .sf-c-txt-darkslategray\:35\:dark { color: hsl(var(--sf-c-txt-darkslategray-35)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:40\:dark, html.auto .sf-c-txt-darkslategray\:40\:dark { color: hsl(var(--sf-c-txt-darkslategray-40)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:45\:dark, html.auto .sf-c-txt-darkslategray\:45\:dark { color: hsl(var(--sf-c-txt-darkslategray-45)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:50\:dark, html.auto .sf-c-txt-darkslategray\:50\:dark { color: hsl(var(--sf-c-txt-darkslategray-50)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:55\:dark, html.auto .sf-c-txt-darkslategray\:55\:dark { color: hsl(var(--sf-c-txt-darkslategray-55)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:60\:dark, html.auto .sf-c-txt-darkslategray\:60\:dark { color: hsl(var(--sf-c-txt-darkslategray-60)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:65\:dark, html.auto .sf-c-txt-darkslategray\:65\:dark { color: hsl(var(--sf-c-txt-darkslategray-65)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:70\:dark, html.auto .sf-c-txt-darkslategray\:70\:dark { color: hsl(var(--sf-c-txt-darkslategray-70)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:75\:dark, html.auto .sf-c-txt-darkslategray\:75\:dark { color: hsl(var(--sf-c-txt-darkslategray-75)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:80\:dark, html.auto .sf-c-txt-darkslategray\:80\:dark { color: hsl(var(--sf-c-txt-darkslategray-80)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:85\:dark, html.auto .sf-c-txt-darkslategray\:85\:dark { color: hsl(var(--sf-c-txt-darkslategray-85)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:90\:dark, html.auto .sf-c-txt-darkslategray\:90\:dark { color: hsl(var(--sf-c-txt-darkslategray-90)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:95\:dark, html.auto .sf-c-txt-darkslategray\:95\:dark { color: hsl(var(--sf-c-txt-darkslategray-95)) } + html[data-theme='auto'] .sf-c-txt-darkslategray\:100\:dark, html.auto .sf-c-txt-darkslategray\:100\:dark { color: hsl(var(--sf-c-txt-darkslategray-100)) } + html.var[data-theme='auto'] .sf-c-darkslategray, html.var.auto .sf-c-darkslategray { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } html.var[data-theme='auto'] .sf-c-darkslategray\:0, html.var.auto .sf-c-darkslategray\:0 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 100%) } html.var[data-theme='auto'] .sf-c-darkslategray\:5, html.var.auto .sf-c-darkslategray\:5 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkslategray\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-darkslategray\:90\:dark, html.var.auto .sf-c-darkslategray\:90\:dark { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 10%) } html.var[data-theme='auto'] .sf-c-darkslategray\:95\:dark, html.var.auto .sf-c-darkslategray\:95\:dark { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 5%) } html.var[data-theme='auto'] .sf-c-darkslategray\:100\:dark, html.var.auto .sf-c-darkslategray\:100\:dark { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 0%) } -} -.sf-c-txt-darkslategray { color: hsl(var(--sf-c-txt-darkslategray)) } -.sf-c-txt-darkslategray\:0 { color: hsl(var(--sf-c-txt-darkslategray-0)) } -.sf-c-txt-darkslategray\:5 { color: hsl(var(--sf-c-txt-darkslategray-5)) } -.sf-c-txt-darkslategray\:10 { color: hsl(var(--sf-c-txt-darkslategray-10)) } -.sf-c-txt-darkslategray\:15 { color: hsl(var(--sf-c-txt-darkslategray-15)) } -.sf-c-txt-darkslategray\:20 { color: hsl(var(--sf-c-txt-darkslategray-20)) } -.sf-c-txt-darkslategray\:25 { color: hsl(var(--sf-c-txt-darkslategray-25)) } -.sf-c-txt-darkslategray\:30 { color: hsl(var(--sf-c-txt-darkslategray-30)) } -.sf-c-txt-darkslategray\:35 { color: hsl(var(--sf-c-txt-darkslategray-35)) } -.sf-c-txt-darkslategray\:40 { color: hsl(var(--sf-c-txt-darkslategray-40)) } -.sf-c-txt-darkslategray\:45 { color: hsl(var(--sf-c-txt-darkslategray-45)) } -.sf-c-txt-darkslategray\:50 { color: hsl(var(--sf-c-txt-darkslategray-50)) } -.sf-c-txt-darkslategray\:55 { color: hsl(var(--sf-c-txt-darkslategray-55)) } -.sf-c-txt-darkslategray\:60 { color: hsl(var(--sf-c-txt-darkslategray-60)) } -.sf-c-txt-darkslategray\:65 { color: hsl(var(--sf-c-txt-darkslategray-65)) } -.sf-c-txt-darkslategray\:70 { color: hsl(var(--sf-c-txt-darkslategray-70)) } -.sf-c-txt-darkslategray\:75 { color: hsl(var(--sf-c-txt-darkslategray-75)) } -.sf-c-txt-darkslategray\:80 { color: hsl(var(--sf-c-txt-darkslategray-80)) } -.sf-c-txt-darkslategray\:85 { color: hsl(var(--sf-c-txt-darkslategray-85)) } -.sf-c-txt-darkslategray\:90 { color: hsl(var(--sf-c-txt-darkslategray-90)) } -.sf-c-txt-darkslategray\:95 { color: hsl(var(--sf-c-txt-darkslategray-95)) } -.sf-c-txt-darkslategray\:100 { color: hsl(var(--sf-c-txt-darkslategray-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkslategray, html.auto .sf-c-txt-darkslategray { color: hsl(180, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:0, html.auto .sf-c-txt-darkslategray\:0 { color: hsl(180, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:5, html.auto .sf-c-txt-darkslategray\:5 { color: hsl(180, 25%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:10, html.auto .sf-c-txt-darkslategray\:10 { color: hsl(180, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:15, html.auto .sf-c-txt-darkslategray\:15 { color: hsl(180, 25%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:20, html.auto .sf-c-txt-darkslategray\:20 { color: hsl(180, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:25, html.auto .sf-c-txt-darkslategray\:25 { color: hsl(180, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:30, html.auto .sf-c-txt-darkslategray\:30 { color: hsl(180, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:35, html.auto .sf-c-txt-darkslategray\:35 { color: hsl(180, 25%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:40, html.auto .sf-c-txt-darkslategray\:40 { color: hsl(180, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:45, html.auto .sf-c-txt-darkslategray\:45 { color: hsl(180, 25%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:50, html.auto .sf-c-txt-darkslategray\:50 { color: hsl(180, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:55, html.auto .sf-c-txt-darkslategray\:55 { color: hsl(180, 25%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:60, html.auto .sf-c-txt-darkslategray\:60 { color: hsl(180, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:65, html.auto .sf-c-txt-darkslategray\:65 { color: hsl(180, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:70, html.auto .sf-c-txt-darkslategray\:70 { color: hsl(180, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:75, html.auto .sf-c-txt-darkslategray\:75 { color: hsl(180, 25%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:80, html.auto .sf-c-txt-darkslategray\:80 { color: hsl(180, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:85, html.auto .sf-c-txt-darkslategray\:85 { color: hsl(180, 25%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:90, html.auto .sf-c-txt-darkslategray\:90 { color: hsl(180, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:95, html.auto .sf-c-txt-darkslategray\:95 { color: hsl(180, 25%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:100, html.auto .sf-c-txt-darkslategray\:100 { color: hsl(180, 25%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:dark, html.auto .sf-c-txt-darkslategray\:dark { color: hsl(180, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:0\:dark, html.auto .sf-c-txt-darkslategray\:0\:dark { color: hsl(180, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:5\:dark, html.auto .sf-c-txt-darkslategray\:5\:dark { color: hsl(180, 25%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:10\:dark, html.auto .sf-c-txt-darkslategray\:10\:dark { color: hsl(180, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:15\:dark, html.auto .sf-c-txt-darkslategray\:15\:dark { color: hsl(180, 25%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:20\:dark, html.auto .sf-c-txt-darkslategray\:20\:dark { color: hsl(180, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:25\:dark, html.auto .sf-c-txt-darkslategray\:25\:dark { color: hsl(180, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:30\:dark, html.auto .sf-c-txt-darkslategray\:30\:dark { color: hsl(180, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:35\:dark, html.auto .sf-c-txt-darkslategray\:35\:dark { color: hsl(180, 25%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:40\:dark, html.auto .sf-c-txt-darkslategray\:40\:dark { color: hsl(180, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:45\:dark, html.auto .sf-c-txt-darkslategray\:45\:dark { color: hsl(180, 25%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:50\:dark, html.auto .sf-c-txt-darkslategray\:50\:dark { color: hsl(180, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:55\:dark, html.auto .sf-c-txt-darkslategray\:55\:dark { color: hsl(180, 25%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:60\:dark, html.auto .sf-c-txt-darkslategray\:60\:dark { color: hsl(180, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:65\:dark, html.auto .sf-c-txt-darkslategray\:65\:dark { color: hsl(180, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:70\:dark, html.auto .sf-c-txt-darkslategray\:70\:dark { color: hsl(180, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:75\:dark, html.auto .sf-c-txt-darkslategray\:75\:dark { color: hsl(180, 25%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:80\:dark, html.auto .sf-c-txt-darkslategray\:80\:dark { color: hsl(180, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:85\:dark, html.auto .sf-c-txt-darkslategray\:85\:dark { color: hsl(180, 25%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:90\:dark, html.auto .sf-c-txt-darkslategray\:90\:dark { color: hsl(180, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:95\:dark, html.auto .sf-c-txt-darkslategray\:95\:dark { color: hsl(180, 25%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategray\:100\:dark, html.auto .sf-c-txt-darkslategray\:100\:dark { color: hsl(180, 25%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkslategrey.css b/src/colors/20/darkslategrey.css index da7ebe6..bbd437d 100644 --- a/src/colors/20/darkslategrey.css +++ b/src/colors/20/darkslategrey.css @@ -138,6 +138,52 @@ html.var .sf-c-darkslategrey\:90 { color: hsl(180, 25%, 5%); background: hsl(180 html.var .sf-c-darkslategrey\:95 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } html.var .sf-c-darkslategrey\:100 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 100%) } +.sf-c-txt-darkslategrey { color: hsl(var(--sf-dark-c-txt-darkslategrey)) } +.sf-c-txt-darkslategrey\:0 { color: hsl(var(--sf-dark-c-txt-darkslategrey-100)) } +.sf-c-txt-darkslategrey\:5 { color: hsl(var(--sf-dark-c-txt-darkslategrey-95)) } +.sf-c-txt-darkslategrey\:10 { color: hsl(var(--sf-dark-c-txt-darkslategrey-90)) } +.sf-c-txt-darkslategrey\:15 { color: hsl(var(--sf-dark-c-txt-darkslategrey-85)) } +.sf-c-txt-darkslategrey\:20 { color: hsl(var(--sf-dark-c-txt-darkslategrey-80)) } +.sf-c-txt-darkslategrey\:25 { color: hsl(var(--sf-dark-c-txt-darkslategrey-75)) } +.sf-c-txt-darkslategrey\:30 { color: hsl(var(--sf-dark-c-txt-darkslategrey-70)) } +.sf-c-txt-darkslategrey\:35 { color: hsl(var(--sf-dark-c-txt-darkslategrey-65)) } +.sf-c-txt-darkslategrey\:40 { color: hsl(var(--sf-dark-c-txt-darkslategrey-60)) } +.sf-c-txt-darkslategrey\:45 { color: hsl(var(--sf-dark-c-txt-darkslategrey-55)) } +.sf-c-txt-darkslategrey\:50 { color: hsl(var(--sf-dark-c-txt-darkslategrey-50)) } +.sf-c-txt-darkslategrey\:55 { color: hsl(var(--sf-dark-c-txt-darkslategrey-45)) } +.sf-c-txt-darkslategrey\:60 { color: hsl(var(--sf-dark-c-txt-darkslategrey-40)) } +.sf-c-txt-darkslategrey\:65 { color: hsl(var(--sf-dark-c-txt-darkslategrey-35)) } +.sf-c-txt-darkslategrey\:70 { color: hsl(var(--sf-dark-c-txt-darkslategrey-30)) } +.sf-c-txt-darkslategrey\:75 { color: hsl(var(--sf-dark-c-txt-darkslategrey-25)) } +.sf-c-txt-darkslategrey\:80 { color: hsl(var(--sf-dark-c-txt-darkslategrey-20)) } +.sf-c-txt-darkslategrey\:85 { color: hsl(var(--sf-dark-c-txt-darkslategrey-15)) } +.sf-c-txt-darkslategrey\:90 { color: hsl(var(--sf-dark-c-txt-darkslategrey-10)) } +.sf-c-txt-darkslategrey\:95 { color: hsl(var(--sf-dark-c-txt-darkslategrey-5)) } +.sf-c-txt-darkslategrey\:100 { color: hsl(var(--sf-dark-c-txt-darkslategrey-0)) } + +html.var .sf-c-txt-darkslategrey { color: hsl(180, 25%, 75%) } +html.var .sf-c-txt-darkslategrey\:0 { color: hsl(180, 25%, 100%) } +html.var .sf-c-txt-darkslategrey\:5 { color: hsl(180, 25%, 95%) } +html.var .sf-c-txt-darkslategrey\:10 { color: hsl(180, 25%, 90%) } +html.var .sf-c-txt-darkslategrey\:15 { color: hsl(180, 25%, 85%) } +html.var .sf-c-txt-darkslategrey\:20 { color: hsl(180, 25%, 80%) } +html.var .sf-c-txt-darkslategrey\:25 { color: hsl(180, 25%, 75%) } +html.var .sf-c-txt-darkslategrey\:30 { color: hsl(180, 25%, 70%) } +html.var .sf-c-txt-darkslategrey\:35 { color: hsl(180, 25%, 65%) } +html.var .sf-c-txt-darkslategrey\:40 { color: hsl(180, 25%, 60%) } +html.var .sf-c-txt-darkslategrey\:45 { color: hsl(180, 25%, 55%) } +html.var .sf-c-txt-darkslategrey\:50 { color: hsl(180, 25%, 50%) } +html.var .sf-c-txt-darkslategrey\:55 { color: hsl(180, 25%, 45%) } +html.var .sf-c-txt-darkslategrey\:60 { color: hsl(180, 25%, 40%) } +html.var .sf-c-txt-darkslategrey\:65 { color: hsl(180, 25%, 35%) } +html.var .sf-c-txt-darkslategrey\:70 { color: hsl(180, 25%, 30%) } +html.var .sf-c-txt-darkslategrey\:75 { color: hsl(180, 25%, 25%) } +html.var .sf-c-txt-darkslategrey\:80 { color: hsl(180, 25%, 20%) } +html.var .sf-c-txt-darkslategrey\:85 { color: hsl(180, 25%, 15%) } +html.var .sf-c-txt-darkslategrey\:90 { color: hsl(180, 25%, 10%) } +html.var .sf-c-txt-darkslategrey\:95 { color: hsl(180, 25%, 5%) } +html.var .sf-c-txt-darkslategrey\:100 { color: hsl(180, 25%, 0%) } + html[data-theme='dark'] .sf-c-darkslategrey, html.dark .sf-c-darkslategrey { color: hsl(var(--sf-dark-c-txt-darkslategrey-5)); background: hsl(var(--sf-dark-c-darkslategrey)) } html[data-theme='dark'] .sf-c-darkslategrey\:0, html.dark .sf-c-darkslategrey\:0 { color: hsl(var(--sf-dark-c-txt-darkslategrey-95)); background: hsl(var(--sf-dark-c-darkslategrey-100)) } html[data-theme='dark'] .sf-c-darkslategrey\:5, html.dark .sf-c-darkslategrey\:5 { color: hsl(var(--sf-dark-c-txt-darkslategrey-5)); background: hsl(var(--sf-dark-c-darkslategrey-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkslategrey\:90\:dark, html.dark .sf-c-darkslate html[data-theme='dark'] .sf-c-darkslategrey\:95\:dark, html.dark .sf-c-darkslategrey\:95\:dark { color: hsl(var(--sf-c-txt-darkslategrey-95)); background: hsl(var(--sf-c-darkslategrey-5)) } html[data-theme='dark'] .sf-c-darkslategrey\:100\:dark, html.dark .sf-c-darkslategrey\:100\:dark { color: hsl(var(--sf-c-txt-darkslategrey-95)); background: hsl(var(--sf-c-darkslategrey-0)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey, html.dark .sf-c-txt-darkslategrey { color: hsl(var(--sf-c-txt-darkslategrey)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:0, html.dark .sf-c-txt-darkslategrey\:0 { color: hsl(var(--sf-c-txt-darkslategrey-0)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:5, html.dark .sf-c-txt-darkslategrey\:5 { color: hsl(var(--sf-c-txt-darkslategrey-5)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:10, html.dark .sf-c-txt-darkslategrey\:10 { color: hsl(var(--sf-c-txt-darkslategrey-10)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:15, html.dark .sf-c-txt-darkslategrey\:15 { color: hsl(var(--sf-c-txt-darkslategrey-15)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:20, html.dark .sf-c-txt-darkslategrey\:20 { color: hsl(var(--sf-c-txt-darkslategrey-20)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:25, html.dark .sf-c-txt-darkslategrey\:25 { color: hsl(var(--sf-c-txt-darkslategrey-25)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:30, html.dark .sf-c-txt-darkslategrey\:30 { color: hsl(var(--sf-c-txt-darkslategrey-30)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:35, html.dark .sf-c-txt-darkslategrey\:35 { color: hsl(var(--sf-c-txt-darkslategrey-35)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:40, html.dark .sf-c-txt-darkslategrey\:40 { color: hsl(var(--sf-c-txt-darkslategrey-40)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:45, html.dark .sf-c-txt-darkslategrey\:45 { color: hsl(var(--sf-c-txt-darkslategrey-45)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:50, html.dark .sf-c-txt-darkslategrey\:50 { color: hsl(var(--sf-c-txt-darkslategrey-50)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:55, html.dark .sf-c-txt-darkslategrey\:55 { color: hsl(var(--sf-c-txt-darkslategrey-55)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:60, html.dark .sf-c-txt-darkslategrey\:60 { color: hsl(var(--sf-c-txt-darkslategrey-60)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:65, html.dark .sf-c-txt-darkslategrey\:65 { color: hsl(var(--sf-c-txt-darkslategrey-65)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:70, html.dark .sf-c-txt-darkslategrey\:70 { color: hsl(var(--sf-c-txt-darkslategrey-70)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:75, html.dark .sf-c-txt-darkslategrey\:75 { color: hsl(var(--sf-c-txt-darkslategrey-75)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:80, html.dark .sf-c-txt-darkslategrey\:80 { color: hsl(var(--sf-c-txt-darkslategrey-80)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:85, html.dark .sf-c-txt-darkslategrey\:85 { color: hsl(var(--sf-c-txt-darkslategrey-85)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:90, html.dark .sf-c-txt-darkslategrey\:90 { color: hsl(var(--sf-c-txt-darkslategrey-90)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:95, html.dark .sf-c-txt-darkslategrey\:95 { color: hsl(var(--sf-c-txt-darkslategrey-95)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:100, html.dark .sf-c-txt-darkslategrey\:100 { color: hsl(var(--sf-c-txt-darkslategrey-100)) } + +html[data-theme='dark'] .sf-c-txt-darkslategrey\:dark, html.dark .sf-c-txt-darkslategrey\:dark { color: hsl(var(--sf-c-txt-darkslategrey)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:0\:dark, html.dark .sf-c-txt-darkslategrey\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-0)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:5\:dark, html.dark .sf-c-txt-darkslategrey\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-5)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:10\:dark, html.dark .sf-c-txt-darkslategrey\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-10)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:15\:dark, html.dark .sf-c-txt-darkslategrey\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-15)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:20\:dark, html.dark .sf-c-txt-darkslategrey\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-20)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:25\:dark, html.dark .sf-c-txt-darkslategrey\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-25)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:30\:dark, html.dark .sf-c-txt-darkslategrey\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-30)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:35\:dark, html.dark .sf-c-txt-darkslategrey\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-35)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:40\:dark, html.dark .sf-c-txt-darkslategrey\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-40)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:45\:dark, html.dark .sf-c-txt-darkslategrey\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-45)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:50\:dark, html.dark .sf-c-txt-darkslategrey\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-50)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:55\:dark, html.dark .sf-c-txt-darkslategrey\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-55)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:60\:dark, html.dark .sf-c-txt-darkslategrey\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-60)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:65\:dark, html.dark .sf-c-txt-darkslategrey\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-65)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:70\:dark, html.dark .sf-c-txt-darkslategrey\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-70)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:75\:dark, html.dark .sf-c-txt-darkslategrey\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-75)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:80\:dark, html.dark .sf-c-txt-darkslategrey\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-80)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:85\:dark, html.dark .sf-c-txt-darkslategrey\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-85)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:90\:dark, html.dark .sf-c-txt-darkslategrey\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-90)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:95\:dark, html.dark .sf-c-txt-darkslategrey\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-95)) } +html[data-theme='dark'] .sf-c-txt-darkslategrey\:100\:dark, html.dark .sf-c-txt-darkslategrey\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkslategrey-100)) } + html.var[data-theme='dark'] .sf-c-darkslategrey, html.var.dark .sf-c-darkslategrey { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } html.var[data-theme='dark'] .sf-c-darkslategrey\:0, html.var.dark .sf-c-darkslategrey\:0 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 100%) } html.var[data-theme='dark'] .sf-c-darkslategrey\:5, html.var.dark .sf-c-darkslategrey\:5 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkslategrey\:90\:dark, html.var.dark .sf-c-d html.var[data-theme='dark'] .sf-c-darkslategrey\:95\:dark, html.var.dark .sf-c-darkslategrey\:95\:dark { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 5%) } html.var[data-theme='dark'] .sf-c-darkslategrey\:100\:dark, html.var.dark .sf-c-darkslategrey\:100\:dark { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey, html.dark .sf-c-txt-darkslategrey { color: hsl(180, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:0, html.dark .sf-c-txt-darkslategrey\:0 { color: hsl(180, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:5, html.dark .sf-c-txt-darkslategrey\:5 { color: hsl(180, 25%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:10, html.dark .sf-c-txt-darkslategrey\:10 { color: hsl(180, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:15, html.dark .sf-c-txt-darkslategrey\:15 { color: hsl(180, 25%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:20, html.dark .sf-c-txt-darkslategrey\:20 { color: hsl(180, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:25, html.dark .sf-c-txt-darkslategrey\:25 { color: hsl(180, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:30, html.dark .sf-c-txt-darkslategrey\:30 { color: hsl(180, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:35, html.dark .sf-c-txt-darkslategrey\:35 { color: hsl(180, 25%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:40, html.dark .sf-c-txt-darkslategrey\:40 { color: hsl(180, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:45, html.dark .sf-c-txt-darkslategrey\:45 { color: hsl(180, 25%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:50, html.dark .sf-c-txt-darkslategrey\:50 { color: hsl(180, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:55, html.dark .sf-c-txt-darkslategrey\:55 { color: hsl(180, 25%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:60, html.dark .sf-c-txt-darkslategrey\:60 { color: hsl(180, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:65, html.dark .sf-c-txt-darkslategrey\:65 { color: hsl(180, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:70, html.dark .sf-c-txt-darkslategrey\:70 { color: hsl(180, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:75, html.dark .sf-c-txt-darkslategrey\:75 { color: hsl(180, 25%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:80, html.dark .sf-c-txt-darkslategrey\:80 { color: hsl(180, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:85, html.dark .sf-c-txt-darkslategrey\:85 { color: hsl(180, 25%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:90, html.dark .sf-c-txt-darkslategrey\:90 { color: hsl(180, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:95, html.dark .sf-c-txt-darkslategrey\:95 { color: hsl(180, 25%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:100, html.dark .sf-c-txt-darkslategrey\:100 { color: hsl(180, 25%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:dark, html.dark .sf-c-txt-darkslategrey\:dark { color: hsl(180, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:0\:dark, html.dark .sf-c-txt-darkslategrey\:0\:dark { color: hsl(180, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:5\:dark, html.dark .sf-c-txt-darkslategrey\:5\:dark { color: hsl(180, 25%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:10\:dark, html.dark .sf-c-txt-darkslategrey\:10\:dark { color: hsl(180, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:15\:dark, html.dark .sf-c-txt-darkslategrey\:15\:dark { color: hsl(180, 25%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:20\:dark, html.dark .sf-c-txt-darkslategrey\:20\:dark { color: hsl(180, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:25\:dark, html.dark .sf-c-txt-darkslategrey\:25\:dark { color: hsl(180, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:30\:dark, html.dark .sf-c-txt-darkslategrey\:30\:dark { color: hsl(180, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:35\:dark, html.dark .sf-c-txt-darkslategrey\:35\:dark { color: hsl(180, 25%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:40\:dark, html.dark .sf-c-txt-darkslategrey\:40\:dark { color: hsl(180, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:45\:dark, html.dark .sf-c-txt-darkslategrey\:45\:dark { color: hsl(180, 25%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:50\:dark, html.dark .sf-c-txt-darkslategrey\:50\:dark { color: hsl(180, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:55\:dark, html.dark .sf-c-txt-darkslategrey\:55\:dark { color: hsl(180, 25%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:60\:dark, html.dark .sf-c-txt-darkslategrey\:60\:dark { color: hsl(180, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:65\:dark, html.dark .sf-c-txt-darkslategrey\:65\:dark { color: hsl(180, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:70\:dark, html.dark .sf-c-txt-darkslategrey\:70\:dark { color: hsl(180, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:75\:dark, html.dark .sf-c-txt-darkslategrey\:75\:dark { color: hsl(180, 25%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:80\:dark, html.dark .sf-c-txt-darkslategrey\:80\:dark { color: hsl(180, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:85\:dark, html.dark .sf-c-txt-darkslategrey\:85\:dark { color: hsl(180, 25%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:90\:dark, html.dark .sf-c-txt-darkslategrey\:90\:dark { color: hsl(180, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:95\:dark, html.dark .sf-c-txt-darkslategrey\:95\:dark { color: hsl(180, 25%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkslategrey\:100\:dark, html.dark .sf-c-txt-darkslategrey\:100\:dark { color: hsl(180, 25%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkslategrey, html.auto .sf-c-darkslategrey { color: hsl(var(--sf-dark-c-txt-darkslategrey-5)); background: hsl(var(--sf-dark-c-darkslategrey)) } html[data-theme='auto'] .sf-c-darkslategrey\:0, html.auto .sf-c-darkslategrey\:0 { color: hsl(var(--sf-dark-c-txt-darkslategrey-95)); background: hsl(var(--sf-dark-c-darkslategrey-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkslategrey\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-darkslategrey\:95\:dark, html.auto .sf-c-darkslategrey\:95\:dark { color: hsl(var(--sf-c-txt-darkslategrey-95)); background: hsl(var(--sf-c-darkslategrey-5)) } html[data-theme='auto'] .sf-c-darkslategrey\:100\:dark, html.auto .sf-c-darkslategrey\:100\:dark { color: hsl(var(--sf-c-txt-darkslategrey-95)); background: hsl(var(--sf-c-darkslategrey-0)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey, html.auto .sf-c-txt-darkslategrey { color: hsl(var(--sf-c-txt-darkslategrey)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:0, html.auto .sf-c-txt-darkslategrey\:0 { color: hsl(var(--sf-c-txt-darkslategrey-0)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:5, html.auto .sf-c-txt-darkslategrey\:5 { color: hsl(var(--sf-c-txt-darkslategrey-5)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:10, html.auto .sf-c-txt-darkslategrey\:10 { color: hsl(var(--sf-c-txt-darkslategrey-10)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:15, html.auto .sf-c-txt-darkslategrey\:15 { color: hsl(var(--sf-c-txt-darkslategrey-15)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:20, html.auto .sf-c-txt-darkslategrey\:20 { color: hsl(var(--sf-c-txt-darkslategrey-20)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:25, html.auto .sf-c-txt-darkslategrey\:25 { color: hsl(var(--sf-c-txt-darkslategrey-25)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:30, html.auto .sf-c-txt-darkslategrey\:30 { color: hsl(var(--sf-c-txt-darkslategrey-30)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:35, html.auto .sf-c-txt-darkslategrey\:35 { color: hsl(var(--sf-c-txt-darkslategrey-35)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:40, html.auto .sf-c-txt-darkslategrey\:40 { color: hsl(var(--sf-c-txt-darkslategrey-40)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:45, html.auto .sf-c-txt-darkslategrey\:45 { color: hsl(var(--sf-c-txt-darkslategrey-45)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:50, html.auto .sf-c-txt-darkslategrey\:50 { color: hsl(var(--sf-c-txt-darkslategrey-50)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:55, html.auto .sf-c-txt-darkslategrey\:55 { color: hsl(var(--sf-c-txt-darkslategrey-55)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:60, html.auto .sf-c-txt-darkslategrey\:60 { color: hsl(var(--sf-c-txt-darkslategrey-60)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:65, html.auto .sf-c-txt-darkslategrey\:65 { color: hsl(var(--sf-c-txt-darkslategrey-65)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:70, html.auto .sf-c-txt-darkslategrey\:70 { color: hsl(var(--sf-c-txt-darkslategrey-70)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:75, html.auto .sf-c-txt-darkslategrey\:75 { color: hsl(var(--sf-c-txt-darkslategrey-75)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:80, html.auto .sf-c-txt-darkslategrey\:80 { color: hsl(var(--sf-c-txt-darkslategrey-80)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:85, html.auto .sf-c-txt-darkslategrey\:85 { color: hsl(var(--sf-c-txt-darkslategrey-85)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:90, html.auto .sf-c-txt-darkslategrey\:90 { color: hsl(var(--sf-c-txt-darkslategrey-90)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:95, html.auto .sf-c-txt-darkslategrey\:95 { color: hsl(var(--sf-c-txt-darkslategrey-95)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:100, html.auto .sf-c-txt-darkslategrey\:100 { color: hsl(var(--sf-c-txt-darkslategrey-100)) } + + html[data-theme='auto'] .sf-c-txt-darkslategrey\:dark, html.auto .sf-c-txt-darkslategrey\:dark { color: hsl(var(--sf-c-txt-darkslategrey)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:0\:dark, html.auto .sf-c-txt-darkslategrey\:0\:dark { color: hsl(var(--sf-c-txt-darkslategrey-0)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:5\:dark, html.auto .sf-c-txt-darkslategrey\:5\:dark { color: hsl(var(--sf-c-txt-darkslategrey-5)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:10\:dark, html.auto .sf-c-txt-darkslategrey\:10\:dark { color: hsl(var(--sf-c-txt-darkslategrey-10)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:15\:dark, html.auto .sf-c-txt-darkslategrey\:15\:dark { color: hsl(var(--sf-c-txt-darkslategrey-15)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:20\:dark, html.auto .sf-c-txt-darkslategrey\:20\:dark { color: hsl(var(--sf-c-txt-darkslategrey-20)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:25\:dark, html.auto .sf-c-txt-darkslategrey\:25\:dark { color: hsl(var(--sf-c-txt-darkslategrey-25)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:30\:dark, html.auto .sf-c-txt-darkslategrey\:30\:dark { color: hsl(var(--sf-c-txt-darkslategrey-30)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:35\:dark, html.auto .sf-c-txt-darkslategrey\:35\:dark { color: hsl(var(--sf-c-txt-darkslategrey-35)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:40\:dark, html.auto .sf-c-txt-darkslategrey\:40\:dark { color: hsl(var(--sf-c-txt-darkslategrey-40)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:45\:dark, html.auto .sf-c-txt-darkslategrey\:45\:dark { color: hsl(var(--sf-c-txt-darkslategrey-45)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:50\:dark, html.auto .sf-c-txt-darkslategrey\:50\:dark { color: hsl(var(--sf-c-txt-darkslategrey-50)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:55\:dark, html.auto .sf-c-txt-darkslategrey\:55\:dark { color: hsl(var(--sf-c-txt-darkslategrey-55)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:60\:dark, html.auto .sf-c-txt-darkslategrey\:60\:dark { color: hsl(var(--sf-c-txt-darkslategrey-60)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:65\:dark, html.auto .sf-c-txt-darkslategrey\:65\:dark { color: hsl(var(--sf-c-txt-darkslategrey-65)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:70\:dark, html.auto .sf-c-txt-darkslategrey\:70\:dark { color: hsl(var(--sf-c-txt-darkslategrey-70)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:75\:dark, html.auto .sf-c-txt-darkslategrey\:75\:dark { color: hsl(var(--sf-c-txt-darkslategrey-75)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:80\:dark, html.auto .sf-c-txt-darkslategrey\:80\:dark { color: hsl(var(--sf-c-txt-darkslategrey-80)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:85\:dark, html.auto .sf-c-txt-darkslategrey\:85\:dark { color: hsl(var(--sf-c-txt-darkslategrey-85)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:90\:dark, html.auto .sf-c-txt-darkslategrey\:90\:dark { color: hsl(var(--sf-c-txt-darkslategrey-90)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:95\:dark, html.auto .sf-c-txt-darkslategrey\:95\:dark { color: hsl(var(--sf-c-txt-darkslategrey-95)) } + html[data-theme='auto'] .sf-c-txt-darkslategrey\:100\:dark, html.auto .sf-c-txt-darkslategrey\:100\:dark { color: hsl(var(--sf-c-txt-darkslategrey-100)) } + html.var[data-theme='auto'] .sf-c-darkslategrey, html.var.auto .sf-c-darkslategrey { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 75%) } html.var[data-theme='auto'] .sf-c-darkslategrey\:0, html.var.auto .sf-c-darkslategrey\:0 { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 100%) } html.var[data-theme='auto'] .sf-c-darkslategrey\:5, html.var.auto .sf-c-darkslategrey\:5 { color: hsl(180, 25%, 5%); background: hsl(180, 25%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkslategrey\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-darkslategrey\:90\:dark, html.var.auto .sf-c-darkslategrey\:90\:dark { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 10%) } html.var[data-theme='auto'] .sf-c-darkslategrey\:95\:dark, html.var.auto .sf-c-darkslategrey\:95\:dark { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 5%) } html.var[data-theme='auto'] .sf-c-darkslategrey\:100\:dark, html.var.auto .sf-c-darkslategrey\:100\:dark { color: hsl(180, 25%, 95%); background: hsl(180, 25%, 0%) } -} -.sf-c-txt-darkslategrey { color: hsl(var(--sf-c-txt-darkslategrey)) } -.sf-c-txt-darkslategrey\:0 { color: hsl(var(--sf-c-txt-darkslategrey-0)) } -.sf-c-txt-darkslategrey\:5 { color: hsl(var(--sf-c-txt-darkslategrey-5)) } -.sf-c-txt-darkslategrey\:10 { color: hsl(var(--sf-c-txt-darkslategrey-10)) } -.sf-c-txt-darkslategrey\:15 { color: hsl(var(--sf-c-txt-darkslategrey-15)) } -.sf-c-txt-darkslategrey\:20 { color: hsl(var(--sf-c-txt-darkslategrey-20)) } -.sf-c-txt-darkslategrey\:25 { color: hsl(var(--sf-c-txt-darkslategrey-25)) } -.sf-c-txt-darkslategrey\:30 { color: hsl(var(--sf-c-txt-darkslategrey-30)) } -.sf-c-txt-darkslategrey\:35 { color: hsl(var(--sf-c-txt-darkslategrey-35)) } -.sf-c-txt-darkslategrey\:40 { color: hsl(var(--sf-c-txt-darkslategrey-40)) } -.sf-c-txt-darkslategrey\:45 { color: hsl(var(--sf-c-txt-darkslategrey-45)) } -.sf-c-txt-darkslategrey\:50 { color: hsl(var(--sf-c-txt-darkslategrey-50)) } -.sf-c-txt-darkslategrey\:55 { color: hsl(var(--sf-c-txt-darkslategrey-55)) } -.sf-c-txt-darkslategrey\:60 { color: hsl(var(--sf-c-txt-darkslategrey-60)) } -.sf-c-txt-darkslategrey\:65 { color: hsl(var(--sf-c-txt-darkslategrey-65)) } -.sf-c-txt-darkslategrey\:70 { color: hsl(var(--sf-c-txt-darkslategrey-70)) } -.sf-c-txt-darkslategrey\:75 { color: hsl(var(--sf-c-txt-darkslategrey-75)) } -.sf-c-txt-darkslategrey\:80 { color: hsl(var(--sf-c-txt-darkslategrey-80)) } -.sf-c-txt-darkslategrey\:85 { color: hsl(var(--sf-c-txt-darkslategrey-85)) } -.sf-c-txt-darkslategrey\:90 { color: hsl(var(--sf-c-txt-darkslategrey-90)) } -.sf-c-txt-darkslategrey\:95 { color: hsl(var(--sf-c-txt-darkslategrey-95)) } -.sf-c-txt-darkslategrey\:100 { color: hsl(var(--sf-c-txt-darkslategrey-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkslategrey, html.auto .sf-c-txt-darkslategrey { color: hsl(180, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:0, html.auto .sf-c-txt-darkslategrey\:0 { color: hsl(180, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:5, html.auto .sf-c-txt-darkslategrey\:5 { color: hsl(180, 25%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:10, html.auto .sf-c-txt-darkslategrey\:10 { color: hsl(180, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:15, html.auto .sf-c-txt-darkslategrey\:15 { color: hsl(180, 25%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:20, html.auto .sf-c-txt-darkslategrey\:20 { color: hsl(180, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:25, html.auto .sf-c-txt-darkslategrey\:25 { color: hsl(180, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:30, html.auto .sf-c-txt-darkslategrey\:30 { color: hsl(180, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:35, html.auto .sf-c-txt-darkslategrey\:35 { color: hsl(180, 25%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:40, html.auto .sf-c-txt-darkslategrey\:40 { color: hsl(180, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:45, html.auto .sf-c-txt-darkslategrey\:45 { color: hsl(180, 25%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:50, html.auto .sf-c-txt-darkslategrey\:50 { color: hsl(180, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:55, html.auto .sf-c-txt-darkslategrey\:55 { color: hsl(180, 25%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:60, html.auto .sf-c-txt-darkslategrey\:60 { color: hsl(180, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:65, html.auto .sf-c-txt-darkslategrey\:65 { color: hsl(180, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:70, html.auto .sf-c-txt-darkslategrey\:70 { color: hsl(180, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:75, html.auto .sf-c-txt-darkslategrey\:75 { color: hsl(180, 25%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:80, html.auto .sf-c-txt-darkslategrey\:80 { color: hsl(180, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:85, html.auto .sf-c-txt-darkslategrey\:85 { color: hsl(180, 25%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:90, html.auto .sf-c-txt-darkslategrey\:90 { color: hsl(180, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:95, html.auto .sf-c-txt-darkslategrey\:95 { color: hsl(180, 25%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:100, html.auto .sf-c-txt-darkslategrey\:100 { color: hsl(180, 25%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:dark, html.auto .sf-c-txt-darkslategrey\:dark { color: hsl(180, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:0\:dark, html.auto .sf-c-txt-darkslategrey\:0\:dark { color: hsl(180, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:5\:dark, html.auto .sf-c-txt-darkslategrey\:5\:dark { color: hsl(180, 25%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:10\:dark, html.auto .sf-c-txt-darkslategrey\:10\:dark { color: hsl(180, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:15\:dark, html.auto .sf-c-txt-darkslategrey\:15\:dark { color: hsl(180, 25%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:20\:dark, html.auto .sf-c-txt-darkslategrey\:20\:dark { color: hsl(180, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:25\:dark, html.auto .sf-c-txt-darkslategrey\:25\:dark { color: hsl(180, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:30\:dark, html.auto .sf-c-txt-darkslategrey\:30\:dark { color: hsl(180, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:35\:dark, html.auto .sf-c-txt-darkslategrey\:35\:dark { color: hsl(180, 25%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:40\:dark, html.auto .sf-c-txt-darkslategrey\:40\:dark { color: hsl(180, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:45\:dark, html.auto .sf-c-txt-darkslategrey\:45\:dark { color: hsl(180, 25%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:50\:dark, html.auto .sf-c-txt-darkslategrey\:50\:dark { color: hsl(180, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:55\:dark, html.auto .sf-c-txt-darkslategrey\:55\:dark { color: hsl(180, 25%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:60\:dark, html.auto .sf-c-txt-darkslategrey\:60\:dark { color: hsl(180, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:65\:dark, html.auto .sf-c-txt-darkslategrey\:65\:dark { color: hsl(180, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:70\:dark, html.auto .sf-c-txt-darkslategrey\:70\:dark { color: hsl(180, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:75\:dark, html.auto .sf-c-txt-darkslategrey\:75\:dark { color: hsl(180, 25%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:80\:dark, html.auto .sf-c-txt-darkslategrey\:80\:dark { color: hsl(180, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:85\:dark, html.auto .sf-c-txt-darkslategrey\:85\:dark { color: hsl(180, 25%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:90\:dark, html.auto .sf-c-txt-darkslategrey\:90\:dark { color: hsl(180, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:95\:dark, html.auto .sf-c-txt-darkslategrey\:95\:dark { color: hsl(180, 25%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkslategrey\:100\:dark, html.auto .sf-c-txt-darkslategrey\:100\:dark { color: hsl(180, 25%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkturquoise.css b/src/colors/20/darkturquoise.css index 59e5b65..a2fd28b 100644 --- a/src/colors/20/darkturquoise.css +++ b/src/colors/20/darkturquoise.css @@ -138,6 +138,52 @@ html.var .sf-c-darkturquoise\:90 { color: hsl(181, 100%, 5%); background: hsl(18 html.var .sf-c-darkturquoise\:95 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 95%) } html.var .sf-c-darkturquoise\:100 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 100%) } +.sf-c-txt-darkturquoise { color: hsl(var(--sf-dark-c-txt-darkturquoise)) } +.sf-c-txt-darkturquoise\:0 { color: hsl(var(--sf-dark-c-txt-darkturquoise-100)) } +.sf-c-txt-darkturquoise\:5 { color: hsl(var(--sf-dark-c-txt-darkturquoise-95)) } +.sf-c-txt-darkturquoise\:10 { color: hsl(var(--sf-dark-c-txt-darkturquoise-90)) } +.sf-c-txt-darkturquoise\:15 { color: hsl(var(--sf-dark-c-txt-darkturquoise-85)) } +.sf-c-txt-darkturquoise\:20 { color: hsl(var(--sf-dark-c-txt-darkturquoise-80)) } +.sf-c-txt-darkturquoise\:25 { color: hsl(var(--sf-dark-c-txt-darkturquoise-75)) } +.sf-c-txt-darkturquoise\:30 { color: hsl(var(--sf-dark-c-txt-darkturquoise-70)) } +.sf-c-txt-darkturquoise\:35 { color: hsl(var(--sf-dark-c-txt-darkturquoise-65)) } +.sf-c-txt-darkturquoise\:40 { color: hsl(var(--sf-dark-c-txt-darkturquoise-60)) } +.sf-c-txt-darkturquoise\:45 { color: hsl(var(--sf-dark-c-txt-darkturquoise-55)) } +.sf-c-txt-darkturquoise\:50 { color: hsl(var(--sf-dark-c-txt-darkturquoise-50)) } +.sf-c-txt-darkturquoise\:55 { color: hsl(var(--sf-dark-c-txt-darkturquoise-45)) } +.sf-c-txt-darkturquoise\:60 { color: hsl(var(--sf-dark-c-txt-darkturquoise-40)) } +.sf-c-txt-darkturquoise\:65 { color: hsl(var(--sf-dark-c-txt-darkturquoise-35)) } +.sf-c-txt-darkturquoise\:70 { color: hsl(var(--sf-dark-c-txt-darkturquoise-30)) } +.sf-c-txt-darkturquoise\:75 { color: hsl(var(--sf-dark-c-txt-darkturquoise-25)) } +.sf-c-txt-darkturquoise\:80 { color: hsl(var(--sf-dark-c-txt-darkturquoise-20)) } +.sf-c-txt-darkturquoise\:85 { color: hsl(var(--sf-dark-c-txt-darkturquoise-15)) } +.sf-c-txt-darkturquoise\:90 { color: hsl(var(--sf-dark-c-txt-darkturquoise-10)) } +.sf-c-txt-darkturquoise\:95 { color: hsl(var(--sf-dark-c-txt-darkturquoise-5)) } +.sf-c-txt-darkturquoise\:100 { color: hsl(var(--sf-dark-c-txt-darkturquoise-0)) } + +html.var .sf-c-txt-darkturquoise { color: hsl(181, 100%, 59%) } +html.var .sf-c-txt-darkturquoise\:0 { color: hsl(181, 100%, 100%) } +html.var .sf-c-txt-darkturquoise\:5 { color: hsl(181, 100%, 95%) } +html.var .sf-c-txt-darkturquoise\:10 { color: hsl(181, 100%, 90%) } +html.var .sf-c-txt-darkturquoise\:15 { color: hsl(181, 100%, 85%) } +html.var .sf-c-txt-darkturquoise\:20 { color: hsl(181, 100%, 80%) } +html.var .sf-c-txt-darkturquoise\:25 { color: hsl(181, 100%, 75%) } +html.var .sf-c-txt-darkturquoise\:30 { color: hsl(181, 100%, 70%) } +html.var .sf-c-txt-darkturquoise\:35 { color: hsl(181, 100%, 65%) } +html.var .sf-c-txt-darkturquoise\:40 { color: hsl(181, 100%, 60%) } +html.var .sf-c-txt-darkturquoise\:45 { color: hsl(181, 100%, 55%) } +html.var .sf-c-txt-darkturquoise\:50 { color: hsl(181, 100%, 50%) } +html.var .sf-c-txt-darkturquoise\:55 { color: hsl(181, 100%, 45%) } +html.var .sf-c-txt-darkturquoise\:60 { color: hsl(181, 100%, 40%) } +html.var .sf-c-txt-darkturquoise\:65 { color: hsl(181, 100%, 35%) } +html.var .sf-c-txt-darkturquoise\:70 { color: hsl(181, 100%, 30%) } +html.var .sf-c-txt-darkturquoise\:75 { color: hsl(181, 100%, 25%) } +html.var .sf-c-txt-darkturquoise\:80 { color: hsl(181, 100%, 20%) } +html.var .sf-c-txt-darkturquoise\:85 { color: hsl(181, 100%, 15%) } +html.var .sf-c-txt-darkturquoise\:90 { color: hsl(181, 100%, 10%) } +html.var .sf-c-txt-darkturquoise\:95 { color: hsl(181, 100%, 5%) } +html.var .sf-c-txt-darkturquoise\:100 { color: hsl(181, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkturquoise, html.dark .sf-c-darkturquoise { color: hsl(var(--sf-dark-c-txt-darkturquoise-5)); background: hsl(var(--sf-dark-c-darkturquoise)) } html[data-theme='dark'] .sf-c-darkturquoise\:0, html.dark .sf-c-darkturquoise\:0 { color: hsl(var(--sf-dark-c-txt-darkturquoise-95)); background: hsl(var(--sf-dark-c-darkturquoise-100)) } html[data-theme='dark'] .sf-c-darkturquoise\:5, html.dark .sf-c-darkturquoise\:5 { color: hsl(var(--sf-dark-c-txt-darkturquoise-5)); background: hsl(var(--sf-dark-c-darkturquoise-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkturquoise\:90\:dark, html.dark .sf-c-darkturqu html[data-theme='dark'] .sf-c-darkturquoise\:95\:dark, html.dark .sf-c-darkturquoise\:95\:dark { color: hsl(var(--sf-c-txt-darkturquoise-95)); background: hsl(var(--sf-c-darkturquoise-5)) } html[data-theme='dark'] .sf-c-darkturquoise\:100\:dark, html.dark .sf-c-darkturquoise\:100\:dark { color: hsl(var(--sf-c-txt-darkturquoise-95)); background: hsl(var(--sf-c-darkturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise, html.dark .sf-c-txt-darkturquoise { color: hsl(var(--sf-c-txt-darkturquoise)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:0, html.dark .sf-c-txt-darkturquoise\:0 { color: hsl(var(--sf-c-txt-darkturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:5, html.dark .sf-c-txt-darkturquoise\:5 { color: hsl(var(--sf-c-txt-darkturquoise-5)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:10, html.dark .sf-c-txt-darkturquoise\:10 { color: hsl(var(--sf-c-txt-darkturquoise-10)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:15, html.dark .sf-c-txt-darkturquoise\:15 { color: hsl(var(--sf-c-txt-darkturquoise-15)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:20, html.dark .sf-c-txt-darkturquoise\:20 { color: hsl(var(--sf-c-txt-darkturquoise-20)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:25, html.dark .sf-c-txt-darkturquoise\:25 { color: hsl(var(--sf-c-txt-darkturquoise-25)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:30, html.dark .sf-c-txt-darkturquoise\:30 { color: hsl(var(--sf-c-txt-darkturquoise-30)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:35, html.dark .sf-c-txt-darkturquoise\:35 { color: hsl(var(--sf-c-txt-darkturquoise-35)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:40, html.dark .sf-c-txt-darkturquoise\:40 { color: hsl(var(--sf-c-txt-darkturquoise-40)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:45, html.dark .sf-c-txt-darkturquoise\:45 { color: hsl(var(--sf-c-txt-darkturquoise-45)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:50, html.dark .sf-c-txt-darkturquoise\:50 { color: hsl(var(--sf-c-txt-darkturquoise-50)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:55, html.dark .sf-c-txt-darkturquoise\:55 { color: hsl(var(--sf-c-txt-darkturquoise-55)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:60, html.dark .sf-c-txt-darkturquoise\:60 { color: hsl(var(--sf-c-txt-darkturquoise-60)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:65, html.dark .sf-c-txt-darkturquoise\:65 { color: hsl(var(--sf-c-txt-darkturquoise-65)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:70, html.dark .sf-c-txt-darkturquoise\:70 { color: hsl(var(--sf-c-txt-darkturquoise-70)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:75, html.dark .sf-c-txt-darkturquoise\:75 { color: hsl(var(--sf-c-txt-darkturquoise-75)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:80, html.dark .sf-c-txt-darkturquoise\:80 { color: hsl(var(--sf-c-txt-darkturquoise-80)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:85, html.dark .sf-c-txt-darkturquoise\:85 { color: hsl(var(--sf-c-txt-darkturquoise-85)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:90, html.dark .sf-c-txt-darkturquoise\:90 { color: hsl(var(--sf-c-txt-darkturquoise-90)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:95, html.dark .sf-c-txt-darkturquoise\:95 { color: hsl(var(--sf-c-txt-darkturquoise-95)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:100, html.dark .sf-c-txt-darkturquoise\:100 { color: hsl(var(--sf-c-txt-darkturquoise-100)) } + +html[data-theme='dark'] .sf-c-txt-darkturquoise\:dark, html.dark .sf-c-txt-darkturquoise\:dark { color: hsl(var(--sf-c-txt-darkturquoise)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:0\:dark, html.dark .sf-c-txt-darkturquoise\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:5\:dark, html.dark .sf-c-txt-darkturquoise\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-5)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:10\:dark, html.dark .sf-c-txt-darkturquoise\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-10)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:15\:dark, html.dark .sf-c-txt-darkturquoise\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-15)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:20\:dark, html.dark .sf-c-txt-darkturquoise\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-20)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:25\:dark, html.dark .sf-c-txt-darkturquoise\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-25)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:30\:dark, html.dark .sf-c-txt-darkturquoise\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-30)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:35\:dark, html.dark .sf-c-txt-darkturquoise\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-35)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:40\:dark, html.dark .sf-c-txt-darkturquoise\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-40)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:45\:dark, html.dark .sf-c-txt-darkturquoise\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-45)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:50\:dark, html.dark .sf-c-txt-darkturquoise\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-50)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:55\:dark, html.dark .sf-c-txt-darkturquoise\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-55)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:60\:dark, html.dark .sf-c-txt-darkturquoise\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-60)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:65\:dark, html.dark .sf-c-txt-darkturquoise\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-65)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:70\:dark, html.dark .sf-c-txt-darkturquoise\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-70)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:75\:dark, html.dark .sf-c-txt-darkturquoise\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-75)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:80\:dark, html.dark .sf-c-txt-darkturquoise\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-80)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:85\:dark, html.dark .sf-c-txt-darkturquoise\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-85)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:90\:dark, html.dark .sf-c-txt-darkturquoise\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-90)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:95\:dark, html.dark .sf-c-txt-darkturquoise\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-95)) } +html[data-theme='dark'] .sf-c-txt-darkturquoise\:100\:dark, html.dark .sf-c-txt-darkturquoise\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkturquoise-100)) } + html.var[data-theme='dark'] .sf-c-darkturquoise, html.var.dark .sf-c-darkturquoise { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 59%) } html.var[data-theme='dark'] .sf-c-darkturquoise\:0, html.var.dark .sf-c-darkturquoise\:0 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkturquoise\:5, html.var.dark .sf-c-darkturquoise\:5 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkturquoise\:90\:dark, html.var.dark .sf-c-d html.var[data-theme='dark'] .sf-c-darkturquoise\:95\:dark, html.var.dark .sf-c-darkturquoise\:95\:dark { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 5%) } html.var[data-theme='dark'] .sf-c-darkturquoise\:100\:dark, html.var.dark .sf-c-darkturquoise\:100\:dark { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise, html.dark .sf-c-txt-darkturquoise { color: hsl(181, 100%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:0, html.dark .sf-c-txt-darkturquoise\:0 { color: hsl(181, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:5, html.dark .sf-c-txt-darkturquoise\:5 { color: hsl(181, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:10, html.dark .sf-c-txt-darkturquoise\:10 { color: hsl(181, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:15, html.dark .sf-c-txt-darkturquoise\:15 { color: hsl(181, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:20, html.dark .sf-c-txt-darkturquoise\:20 { color: hsl(181, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:25, html.dark .sf-c-txt-darkturquoise\:25 { color: hsl(181, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:30, html.dark .sf-c-txt-darkturquoise\:30 { color: hsl(181, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:35, html.dark .sf-c-txt-darkturquoise\:35 { color: hsl(181, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:40, html.dark .sf-c-txt-darkturquoise\:40 { color: hsl(181, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:45, html.dark .sf-c-txt-darkturquoise\:45 { color: hsl(181, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:50, html.dark .sf-c-txt-darkturquoise\:50 { color: hsl(181, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:55, html.dark .sf-c-txt-darkturquoise\:55 { color: hsl(181, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:60, html.dark .sf-c-txt-darkturquoise\:60 { color: hsl(181, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:65, html.dark .sf-c-txt-darkturquoise\:65 { color: hsl(181, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:70, html.dark .sf-c-txt-darkturquoise\:70 { color: hsl(181, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:75, html.dark .sf-c-txt-darkturquoise\:75 { color: hsl(181, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:80, html.dark .sf-c-txt-darkturquoise\:80 { color: hsl(181, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:85, html.dark .sf-c-txt-darkturquoise\:85 { color: hsl(181, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:90, html.dark .sf-c-txt-darkturquoise\:90 { color: hsl(181, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:95, html.dark .sf-c-txt-darkturquoise\:95 { color: hsl(181, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:100, html.dark .sf-c-txt-darkturquoise\:100 { color: hsl(181, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:dark, html.dark .sf-c-txt-darkturquoise\:dark { color: hsl(181, 100%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:0\:dark, html.dark .sf-c-txt-darkturquoise\:0\:dark { color: hsl(181, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:5\:dark, html.dark .sf-c-txt-darkturquoise\:5\:dark { color: hsl(181, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:10\:dark, html.dark .sf-c-txt-darkturquoise\:10\:dark { color: hsl(181, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:15\:dark, html.dark .sf-c-txt-darkturquoise\:15\:dark { color: hsl(181, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:20\:dark, html.dark .sf-c-txt-darkturquoise\:20\:dark { color: hsl(181, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:25\:dark, html.dark .sf-c-txt-darkturquoise\:25\:dark { color: hsl(181, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:30\:dark, html.dark .sf-c-txt-darkturquoise\:30\:dark { color: hsl(181, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:35\:dark, html.dark .sf-c-txt-darkturquoise\:35\:dark { color: hsl(181, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:40\:dark, html.dark .sf-c-txt-darkturquoise\:40\:dark { color: hsl(181, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:45\:dark, html.dark .sf-c-txt-darkturquoise\:45\:dark { color: hsl(181, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:50\:dark, html.dark .sf-c-txt-darkturquoise\:50\:dark { color: hsl(181, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:55\:dark, html.dark .sf-c-txt-darkturquoise\:55\:dark { color: hsl(181, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:60\:dark, html.dark .sf-c-txt-darkturquoise\:60\:dark { color: hsl(181, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:65\:dark, html.dark .sf-c-txt-darkturquoise\:65\:dark { color: hsl(181, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:70\:dark, html.dark .sf-c-txt-darkturquoise\:70\:dark { color: hsl(181, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:75\:dark, html.dark .sf-c-txt-darkturquoise\:75\:dark { color: hsl(181, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:80\:dark, html.dark .sf-c-txt-darkturquoise\:80\:dark { color: hsl(181, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:85\:dark, html.dark .sf-c-txt-darkturquoise\:85\:dark { color: hsl(181, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:90\:dark, html.dark .sf-c-txt-darkturquoise\:90\:dark { color: hsl(181, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:95\:dark, html.dark .sf-c-txt-darkturquoise\:95\:dark { color: hsl(181, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkturquoise\:100\:dark, html.dark .sf-c-txt-darkturquoise\:100\:dark { color: hsl(181, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkturquoise, html.auto .sf-c-darkturquoise { color: hsl(var(--sf-dark-c-txt-darkturquoise-5)); background: hsl(var(--sf-dark-c-darkturquoise)) } html[data-theme='auto'] .sf-c-darkturquoise\:0, html.auto .sf-c-darkturquoise\:0 { color: hsl(var(--sf-dark-c-txt-darkturquoise-95)); background: hsl(var(--sf-dark-c-darkturquoise-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkturquoise\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-darkturquoise\:95\:dark, html.auto .sf-c-darkturquoise\:95\:dark { color: hsl(var(--sf-c-txt-darkturquoise-95)); background: hsl(var(--sf-c-darkturquoise-5)) } html[data-theme='auto'] .sf-c-darkturquoise\:100\:dark, html.auto .sf-c-darkturquoise\:100\:dark { color: hsl(var(--sf-c-txt-darkturquoise-95)); background: hsl(var(--sf-c-darkturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise, html.auto .sf-c-txt-darkturquoise { color: hsl(var(--sf-c-txt-darkturquoise)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:0, html.auto .sf-c-txt-darkturquoise\:0 { color: hsl(var(--sf-c-txt-darkturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:5, html.auto .sf-c-txt-darkturquoise\:5 { color: hsl(var(--sf-c-txt-darkturquoise-5)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:10, html.auto .sf-c-txt-darkturquoise\:10 { color: hsl(var(--sf-c-txt-darkturquoise-10)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:15, html.auto .sf-c-txt-darkturquoise\:15 { color: hsl(var(--sf-c-txt-darkturquoise-15)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:20, html.auto .sf-c-txt-darkturquoise\:20 { color: hsl(var(--sf-c-txt-darkturquoise-20)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:25, html.auto .sf-c-txt-darkturquoise\:25 { color: hsl(var(--sf-c-txt-darkturquoise-25)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:30, html.auto .sf-c-txt-darkturquoise\:30 { color: hsl(var(--sf-c-txt-darkturquoise-30)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:35, html.auto .sf-c-txt-darkturquoise\:35 { color: hsl(var(--sf-c-txt-darkturquoise-35)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:40, html.auto .sf-c-txt-darkturquoise\:40 { color: hsl(var(--sf-c-txt-darkturquoise-40)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:45, html.auto .sf-c-txt-darkturquoise\:45 { color: hsl(var(--sf-c-txt-darkturquoise-45)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:50, html.auto .sf-c-txt-darkturquoise\:50 { color: hsl(var(--sf-c-txt-darkturquoise-50)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:55, html.auto .sf-c-txt-darkturquoise\:55 { color: hsl(var(--sf-c-txt-darkturquoise-55)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:60, html.auto .sf-c-txt-darkturquoise\:60 { color: hsl(var(--sf-c-txt-darkturquoise-60)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:65, html.auto .sf-c-txt-darkturquoise\:65 { color: hsl(var(--sf-c-txt-darkturquoise-65)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:70, html.auto .sf-c-txt-darkturquoise\:70 { color: hsl(var(--sf-c-txt-darkturquoise-70)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:75, html.auto .sf-c-txt-darkturquoise\:75 { color: hsl(var(--sf-c-txt-darkturquoise-75)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:80, html.auto .sf-c-txt-darkturquoise\:80 { color: hsl(var(--sf-c-txt-darkturquoise-80)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:85, html.auto .sf-c-txt-darkturquoise\:85 { color: hsl(var(--sf-c-txt-darkturquoise-85)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:90, html.auto .sf-c-txt-darkturquoise\:90 { color: hsl(var(--sf-c-txt-darkturquoise-90)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:95, html.auto .sf-c-txt-darkturquoise\:95 { color: hsl(var(--sf-c-txt-darkturquoise-95)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:100, html.auto .sf-c-txt-darkturquoise\:100 { color: hsl(var(--sf-c-txt-darkturquoise-100)) } + + html[data-theme='auto'] .sf-c-txt-darkturquoise\:dark, html.auto .sf-c-txt-darkturquoise\:dark { color: hsl(var(--sf-c-txt-darkturquoise)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:0\:dark, html.auto .sf-c-txt-darkturquoise\:0\:dark { color: hsl(var(--sf-c-txt-darkturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:5\:dark, html.auto .sf-c-txt-darkturquoise\:5\:dark { color: hsl(var(--sf-c-txt-darkturquoise-5)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:10\:dark, html.auto .sf-c-txt-darkturquoise\:10\:dark { color: hsl(var(--sf-c-txt-darkturquoise-10)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:15\:dark, html.auto .sf-c-txt-darkturquoise\:15\:dark { color: hsl(var(--sf-c-txt-darkturquoise-15)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:20\:dark, html.auto .sf-c-txt-darkturquoise\:20\:dark { color: hsl(var(--sf-c-txt-darkturquoise-20)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:25\:dark, html.auto .sf-c-txt-darkturquoise\:25\:dark { color: hsl(var(--sf-c-txt-darkturquoise-25)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:30\:dark, html.auto .sf-c-txt-darkturquoise\:30\:dark { color: hsl(var(--sf-c-txt-darkturquoise-30)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:35\:dark, html.auto .sf-c-txt-darkturquoise\:35\:dark { color: hsl(var(--sf-c-txt-darkturquoise-35)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:40\:dark, html.auto .sf-c-txt-darkturquoise\:40\:dark { color: hsl(var(--sf-c-txt-darkturquoise-40)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:45\:dark, html.auto .sf-c-txt-darkturquoise\:45\:dark { color: hsl(var(--sf-c-txt-darkturquoise-45)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:50\:dark, html.auto .sf-c-txt-darkturquoise\:50\:dark { color: hsl(var(--sf-c-txt-darkturquoise-50)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:55\:dark, html.auto .sf-c-txt-darkturquoise\:55\:dark { color: hsl(var(--sf-c-txt-darkturquoise-55)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:60\:dark, html.auto .sf-c-txt-darkturquoise\:60\:dark { color: hsl(var(--sf-c-txt-darkturquoise-60)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:65\:dark, html.auto .sf-c-txt-darkturquoise\:65\:dark { color: hsl(var(--sf-c-txt-darkturquoise-65)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:70\:dark, html.auto .sf-c-txt-darkturquoise\:70\:dark { color: hsl(var(--sf-c-txt-darkturquoise-70)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:75\:dark, html.auto .sf-c-txt-darkturquoise\:75\:dark { color: hsl(var(--sf-c-txt-darkturquoise-75)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:80\:dark, html.auto .sf-c-txt-darkturquoise\:80\:dark { color: hsl(var(--sf-c-txt-darkturquoise-80)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:85\:dark, html.auto .sf-c-txt-darkturquoise\:85\:dark { color: hsl(var(--sf-c-txt-darkturquoise-85)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:90\:dark, html.auto .sf-c-txt-darkturquoise\:90\:dark { color: hsl(var(--sf-c-txt-darkturquoise-90)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:95\:dark, html.auto .sf-c-txt-darkturquoise\:95\:dark { color: hsl(var(--sf-c-txt-darkturquoise-95)) } + html[data-theme='auto'] .sf-c-txt-darkturquoise\:100\:dark, html.auto .sf-c-txt-darkturquoise\:100\:dark { color: hsl(var(--sf-c-txt-darkturquoise-100)) } + html.var[data-theme='auto'] .sf-c-darkturquoise, html.var.auto .sf-c-darkturquoise { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 59%) } html.var[data-theme='auto'] .sf-c-darkturquoise\:0, html.var.auto .sf-c-darkturquoise\:0 { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkturquoise\:5, html.var.auto .sf-c-darkturquoise\:5 { color: hsl(181, 100%, 5%); background: hsl(181, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkturquoise\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-darkturquoise\:90\:dark, html.var.auto .sf-c-darkturquoise\:90\:dark { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkturquoise\:95\:dark, html.var.auto .sf-c-darkturquoise\:95\:dark { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 5%) } html.var[data-theme='auto'] .sf-c-darkturquoise\:100\:dark, html.var.auto .sf-c-darkturquoise\:100\:dark { color: hsl(181, 100%, 95%); background: hsl(181, 100%, 0%) } -} -.sf-c-txt-darkturquoise { color: hsl(var(--sf-c-txt-darkturquoise)) } -.sf-c-txt-darkturquoise\:0 { color: hsl(var(--sf-c-txt-darkturquoise-0)) } -.sf-c-txt-darkturquoise\:5 { color: hsl(var(--sf-c-txt-darkturquoise-5)) } -.sf-c-txt-darkturquoise\:10 { color: hsl(var(--sf-c-txt-darkturquoise-10)) } -.sf-c-txt-darkturquoise\:15 { color: hsl(var(--sf-c-txt-darkturquoise-15)) } -.sf-c-txt-darkturquoise\:20 { color: hsl(var(--sf-c-txt-darkturquoise-20)) } -.sf-c-txt-darkturquoise\:25 { color: hsl(var(--sf-c-txt-darkturquoise-25)) } -.sf-c-txt-darkturquoise\:30 { color: hsl(var(--sf-c-txt-darkturquoise-30)) } -.sf-c-txt-darkturquoise\:35 { color: hsl(var(--sf-c-txt-darkturquoise-35)) } -.sf-c-txt-darkturquoise\:40 { color: hsl(var(--sf-c-txt-darkturquoise-40)) } -.sf-c-txt-darkturquoise\:45 { color: hsl(var(--sf-c-txt-darkturquoise-45)) } -.sf-c-txt-darkturquoise\:50 { color: hsl(var(--sf-c-txt-darkturquoise-50)) } -.sf-c-txt-darkturquoise\:55 { color: hsl(var(--sf-c-txt-darkturquoise-55)) } -.sf-c-txt-darkturquoise\:60 { color: hsl(var(--sf-c-txt-darkturquoise-60)) } -.sf-c-txt-darkturquoise\:65 { color: hsl(var(--sf-c-txt-darkturquoise-65)) } -.sf-c-txt-darkturquoise\:70 { color: hsl(var(--sf-c-txt-darkturquoise-70)) } -.sf-c-txt-darkturquoise\:75 { color: hsl(var(--sf-c-txt-darkturquoise-75)) } -.sf-c-txt-darkturquoise\:80 { color: hsl(var(--sf-c-txt-darkturquoise-80)) } -.sf-c-txt-darkturquoise\:85 { color: hsl(var(--sf-c-txt-darkturquoise-85)) } -.sf-c-txt-darkturquoise\:90 { color: hsl(var(--sf-c-txt-darkturquoise-90)) } -.sf-c-txt-darkturquoise\:95 { color: hsl(var(--sf-c-txt-darkturquoise-95)) } -.sf-c-txt-darkturquoise\:100 { color: hsl(var(--sf-c-txt-darkturquoise-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkturquoise, html.auto .sf-c-txt-darkturquoise { color: hsl(181, 100%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:0, html.auto .sf-c-txt-darkturquoise\:0 { color: hsl(181, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:5, html.auto .sf-c-txt-darkturquoise\:5 { color: hsl(181, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:10, html.auto .sf-c-txt-darkturquoise\:10 { color: hsl(181, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:15, html.auto .sf-c-txt-darkturquoise\:15 { color: hsl(181, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:20, html.auto .sf-c-txt-darkturquoise\:20 { color: hsl(181, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:25, html.auto .sf-c-txt-darkturquoise\:25 { color: hsl(181, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:30, html.auto .sf-c-txt-darkturquoise\:30 { color: hsl(181, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:35, html.auto .sf-c-txt-darkturquoise\:35 { color: hsl(181, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:40, html.auto .sf-c-txt-darkturquoise\:40 { color: hsl(181, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:45, html.auto .sf-c-txt-darkturquoise\:45 { color: hsl(181, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:50, html.auto .sf-c-txt-darkturquoise\:50 { color: hsl(181, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:55, html.auto .sf-c-txt-darkturquoise\:55 { color: hsl(181, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:60, html.auto .sf-c-txt-darkturquoise\:60 { color: hsl(181, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:65, html.auto .sf-c-txt-darkturquoise\:65 { color: hsl(181, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:70, html.auto .sf-c-txt-darkturquoise\:70 { color: hsl(181, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:75, html.auto .sf-c-txt-darkturquoise\:75 { color: hsl(181, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:80, html.auto .sf-c-txt-darkturquoise\:80 { color: hsl(181, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:85, html.auto .sf-c-txt-darkturquoise\:85 { color: hsl(181, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:90, html.auto .sf-c-txt-darkturquoise\:90 { color: hsl(181, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:95, html.auto .sf-c-txt-darkturquoise\:95 { color: hsl(181, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:100, html.auto .sf-c-txt-darkturquoise\:100 { color: hsl(181, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:dark, html.auto .sf-c-txt-darkturquoise\:dark { color: hsl(181, 100%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:0\:dark, html.auto .sf-c-txt-darkturquoise\:0\:dark { color: hsl(181, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:5\:dark, html.auto .sf-c-txt-darkturquoise\:5\:dark { color: hsl(181, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:10\:dark, html.auto .sf-c-txt-darkturquoise\:10\:dark { color: hsl(181, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:15\:dark, html.auto .sf-c-txt-darkturquoise\:15\:dark { color: hsl(181, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:20\:dark, html.auto .sf-c-txt-darkturquoise\:20\:dark { color: hsl(181, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:25\:dark, html.auto .sf-c-txt-darkturquoise\:25\:dark { color: hsl(181, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:30\:dark, html.auto .sf-c-txt-darkturquoise\:30\:dark { color: hsl(181, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:35\:dark, html.auto .sf-c-txt-darkturquoise\:35\:dark { color: hsl(181, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:40\:dark, html.auto .sf-c-txt-darkturquoise\:40\:dark { color: hsl(181, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:45\:dark, html.auto .sf-c-txt-darkturquoise\:45\:dark { color: hsl(181, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:50\:dark, html.auto .sf-c-txt-darkturquoise\:50\:dark { color: hsl(181, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:55\:dark, html.auto .sf-c-txt-darkturquoise\:55\:dark { color: hsl(181, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:60\:dark, html.auto .sf-c-txt-darkturquoise\:60\:dark { color: hsl(181, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:65\:dark, html.auto .sf-c-txt-darkturquoise\:65\:dark { color: hsl(181, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:70\:dark, html.auto .sf-c-txt-darkturquoise\:70\:dark { color: hsl(181, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:75\:dark, html.auto .sf-c-txt-darkturquoise\:75\:dark { color: hsl(181, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:80\:dark, html.auto .sf-c-txt-darkturquoise\:80\:dark { color: hsl(181, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:85\:dark, html.auto .sf-c-txt-darkturquoise\:85\:dark { color: hsl(181, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:90\:dark, html.auto .sf-c-txt-darkturquoise\:90\:dark { color: hsl(181, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:95\:dark, html.auto .sf-c-txt-darkturquoise\:95\:dark { color: hsl(181, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkturquoise\:100\:dark, html.auto .sf-c-txt-darkturquoise\:100\:dark { color: hsl(181, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/darkviolet.css b/src/colors/20/darkviolet.css index 3c19bc7..4997704 100644 --- a/src/colors/20/darkviolet.css +++ b/src/colors/20/darkviolet.css @@ -138,6 +138,52 @@ html.var .sf-c-darkviolet\:90 { color: hsl(282, 100%, 5%); background: hsl(282, html.var .sf-c-darkviolet\:95 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 95%) } html.var .sf-c-darkviolet\:100 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 100%) } +.sf-c-txt-darkviolet { color: hsl(var(--sf-dark-c-txt-darkviolet)) } +.sf-c-txt-darkviolet\:0 { color: hsl(var(--sf-dark-c-txt-darkviolet-100)) } +.sf-c-txt-darkviolet\:5 { color: hsl(var(--sf-dark-c-txt-darkviolet-95)) } +.sf-c-txt-darkviolet\:10 { color: hsl(var(--sf-dark-c-txt-darkviolet-90)) } +.sf-c-txt-darkviolet\:15 { color: hsl(var(--sf-dark-c-txt-darkviolet-85)) } +.sf-c-txt-darkviolet\:20 { color: hsl(var(--sf-dark-c-txt-darkviolet-80)) } +.sf-c-txt-darkviolet\:25 { color: hsl(var(--sf-dark-c-txt-darkviolet-75)) } +.sf-c-txt-darkviolet\:30 { color: hsl(var(--sf-dark-c-txt-darkviolet-70)) } +.sf-c-txt-darkviolet\:35 { color: hsl(var(--sf-dark-c-txt-darkviolet-65)) } +.sf-c-txt-darkviolet\:40 { color: hsl(var(--sf-dark-c-txt-darkviolet-60)) } +.sf-c-txt-darkviolet\:45 { color: hsl(var(--sf-dark-c-txt-darkviolet-55)) } +.sf-c-txt-darkviolet\:50 { color: hsl(var(--sf-dark-c-txt-darkviolet-50)) } +.sf-c-txt-darkviolet\:55 { color: hsl(var(--sf-dark-c-txt-darkviolet-45)) } +.sf-c-txt-darkviolet\:60 { color: hsl(var(--sf-dark-c-txt-darkviolet-40)) } +.sf-c-txt-darkviolet\:65 { color: hsl(var(--sf-dark-c-txt-darkviolet-35)) } +.sf-c-txt-darkviolet\:70 { color: hsl(var(--sf-dark-c-txt-darkviolet-30)) } +.sf-c-txt-darkviolet\:75 { color: hsl(var(--sf-dark-c-txt-darkviolet-25)) } +.sf-c-txt-darkviolet\:80 { color: hsl(var(--sf-dark-c-txt-darkviolet-20)) } +.sf-c-txt-darkviolet\:85 { color: hsl(var(--sf-dark-c-txt-darkviolet-15)) } +.sf-c-txt-darkviolet\:90 { color: hsl(var(--sf-dark-c-txt-darkviolet-10)) } +.sf-c-txt-darkviolet\:95 { color: hsl(var(--sf-dark-c-txt-darkviolet-5)) } +.sf-c-txt-darkviolet\:100 { color: hsl(var(--sf-dark-c-txt-darkviolet-0)) } + +html.var .sf-c-txt-darkviolet { color: hsl(282, 100%, 59%) } +html.var .sf-c-txt-darkviolet\:0 { color: hsl(282, 100%, 100%) } +html.var .sf-c-txt-darkviolet\:5 { color: hsl(282, 100%, 95%) } +html.var .sf-c-txt-darkviolet\:10 { color: hsl(282, 100%, 90%) } +html.var .sf-c-txt-darkviolet\:15 { color: hsl(282, 100%, 85%) } +html.var .sf-c-txt-darkviolet\:20 { color: hsl(282, 100%, 80%) } +html.var .sf-c-txt-darkviolet\:25 { color: hsl(282, 100%, 75%) } +html.var .sf-c-txt-darkviolet\:30 { color: hsl(282, 100%, 70%) } +html.var .sf-c-txt-darkviolet\:35 { color: hsl(282, 100%, 65%) } +html.var .sf-c-txt-darkviolet\:40 { color: hsl(282, 100%, 60%) } +html.var .sf-c-txt-darkviolet\:45 { color: hsl(282, 100%, 55%) } +html.var .sf-c-txt-darkviolet\:50 { color: hsl(282, 100%, 50%) } +html.var .sf-c-txt-darkviolet\:55 { color: hsl(282, 100%, 45%) } +html.var .sf-c-txt-darkviolet\:60 { color: hsl(282, 100%, 40%) } +html.var .sf-c-txt-darkviolet\:65 { color: hsl(282, 100%, 35%) } +html.var .sf-c-txt-darkviolet\:70 { color: hsl(282, 100%, 30%) } +html.var .sf-c-txt-darkviolet\:75 { color: hsl(282, 100%, 25%) } +html.var .sf-c-txt-darkviolet\:80 { color: hsl(282, 100%, 20%) } +html.var .sf-c-txt-darkviolet\:85 { color: hsl(282, 100%, 15%) } +html.var .sf-c-txt-darkviolet\:90 { color: hsl(282, 100%, 10%) } +html.var .sf-c-txt-darkviolet\:95 { color: hsl(282, 100%, 5%) } +html.var .sf-c-txt-darkviolet\:100 { color: hsl(282, 100%, 0%) } + html[data-theme='dark'] .sf-c-darkviolet, html.dark .sf-c-darkviolet { color: hsl(var(--sf-dark-c-txt-darkviolet-95)); background: hsl(var(--sf-dark-c-darkviolet)) } html[data-theme='dark'] .sf-c-darkviolet\:0, html.dark .sf-c-darkviolet\:0 { color: hsl(var(--sf-dark-c-txt-darkviolet-95)); background: hsl(var(--sf-dark-c-darkviolet-100)) } html[data-theme='dark'] .sf-c-darkviolet\:5, html.dark .sf-c-darkviolet\:5 { color: hsl(var(--sf-dark-c-txt-darkviolet-5)); background: hsl(var(--sf-dark-c-darkviolet-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-darkviolet\:90\:dark, html.dark .sf-c-darkviolet\: html[data-theme='dark'] .sf-c-darkviolet\:95\:dark, html.dark .sf-c-darkviolet\:95\:dark { color: hsl(var(--sf-c-txt-darkviolet-95)); background: hsl(var(--sf-c-darkviolet-5)) } html[data-theme='dark'] .sf-c-darkviolet\:100\:dark, html.dark .sf-c-darkviolet\:100\:dark { color: hsl(var(--sf-c-txt-darkviolet-95)); background: hsl(var(--sf-c-darkviolet-0)) } +html[data-theme='dark'] .sf-c-txt-darkviolet, html.dark .sf-c-txt-darkviolet { color: hsl(var(--sf-c-txt-darkviolet)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:0, html.dark .sf-c-txt-darkviolet\:0 { color: hsl(var(--sf-c-txt-darkviolet-0)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:5, html.dark .sf-c-txt-darkviolet\:5 { color: hsl(var(--sf-c-txt-darkviolet-5)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:10, html.dark .sf-c-txt-darkviolet\:10 { color: hsl(var(--sf-c-txt-darkviolet-10)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:15, html.dark .sf-c-txt-darkviolet\:15 { color: hsl(var(--sf-c-txt-darkviolet-15)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:20, html.dark .sf-c-txt-darkviolet\:20 { color: hsl(var(--sf-c-txt-darkviolet-20)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:25, html.dark .sf-c-txt-darkviolet\:25 { color: hsl(var(--sf-c-txt-darkviolet-25)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:30, html.dark .sf-c-txt-darkviolet\:30 { color: hsl(var(--sf-c-txt-darkviolet-30)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:35, html.dark .sf-c-txt-darkviolet\:35 { color: hsl(var(--sf-c-txt-darkviolet-35)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:40, html.dark .sf-c-txt-darkviolet\:40 { color: hsl(var(--sf-c-txt-darkviolet-40)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:45, html.dark .sf-c-txt-darkviolet\:45 { color: hsl(var(--sf-c-txt-darkviolet-45)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:50, html.dark .sf-c-txt-darkviolet\:50 { color: hsl(var(--sf-c-txt-darkviolet-50)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:55, html.dark .sf-c-txt-darkviolet\:55 { color: hsl(var(--sf-c-txt-darkviolet-55)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:60, html.dark .sf-c-txt-darkviolet\:60 { color: hsl(var(--sf-c-txt-darkviolet-60)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:65, html.dark .sf-c-txt-darkviolet\:65 { color: hsl(var(--sf-c-txt-darkviolet-65)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:70, html.dark .sf-c-txt-darkviolet\:70 { color: hsl(var(--sf-c-txt-darkviolet-70)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:75, html.dark .sf-c-txt-darkviolet\:75 { color: hsl(var(--sf-c-txt-darkviolet-75)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:80, html.dark .sf-c-txt-darkviolet\:80 { color: hsl(var(--sf-c-txt-darkviolet-80)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:85, html.dark .sf-c-txt-darkviolet\:85 { color: hsl(var(--sf-c-txt-darkviolet-85)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:90, html.dark .sf-c-txt-darkviolet\:90 { color: hsl(var(--sf-c-txt-darkviolet-90)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:95, html.dark .sf-c-txt-darkviolet\:95 { color: hsl(var(--sf-c-txt-darkviolet-95)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:100, html.dark .sf-c-txt-darkviolet\:100 { color: hsl(var(--sf-c-txt-darkviolet-100)) } + +html[data-theme='dark'] .sf-c-txt-darkviolet\:dark, html.dark .sf-c-txt-darkviolet\:dark { color: hsl(var(--sf-c-txt-darkviolet)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:0\:dark, html.dark .sf-c-txt-darkviolet\:0\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-0)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:5\:dark, html.dark .sf-c-txt-darkviolet\:5\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-5)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:10\:dark, html.dark .sf-c-txt-darkviolet\:10\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-10)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:15\:dark, html.dark .sf-c-txt-darkviolet\:15\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-15)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:20\:dark, html.dark .sf-c-txt-darkviolet\:20\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-20)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:25\:dark, html.dark .sf-c-txt-darkviolet\:25\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-25)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:30\:dark, html.dark .sf-c-txt-darkviolet\:30\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-30)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:35\:dark, html.dark .sf-c-txt-darkviolet\:35\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-35)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:40\:dark, html.dark .sf-c-txt-darkviolet\:40\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-40)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:45\:dark, html.dark .sf-c-txt-darkviolet\:45\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-45)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:50\:dark, html.dark .sf-c-txt-darkviolet\:50\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-50)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:55\:dark, html.dark .sf-c-txt-darkviolet\:55\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-55)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:60\:dark, html.dark .sf-c-txt-darkviolet\:60\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-60)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:65\:dark, html.dark .sf-c-txt-darkviolet\:65\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-65)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:70\:dark, html.dark .sf-c-txt-darkviolet\:70\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-70)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:75\:dark, html.dark .sf-c-txt-darkviolet\:75\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-75)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:80\:dark, html.dark .sf-c-txt-darkviolet\:80\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-80)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:85\:dark, html.dark .sf-c-txt-darkviolet\:85\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-85)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:90\:dark, html.dark .sf-c-txt-darkviolet\:90\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-90)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:95\:dark, html.dark .sf-c-txt-darkviolet\:95\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-95)) } +html[data-theme='dark'] .sf-c-txt-darkviolet\:100\:dark, html.dark .sf-c-txt-darkviolet\:100\:dark { color: hsl(var(--sf-dark-c-txt-darkviolet-100)) } + html.var[data-theme='dark'] .sf-c-darkviolet, html.var.dark .sf-c-darkviolet { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 59%) } html.var[data-theme='dark'] .sf-c-darkviolet\:0, html.var.dark .sf-c-darkviolet\:0 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 100%) } html.var[data-theme='dark'] .sf-c-darkviolet\:5, html.var.dark .sf-c-darkviolet\:5 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-darkviolet\:90\:dark, html.var.dark .sf-c-dark html.var[data-theme='dark'] .sf-c-darkviolet\:95\:dark, html.var.dark .sf-c-darkviolet\:95\:dark { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 5%) } html.var[data-theme='dark'] .sf-c-darkviolet\:100\:dark, html.var.dark .sf-c-darkviolet\:100\:dark { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet, html.dark .sf-c-txt-darkviolet { color: hsl(282, 100%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:0, html.dark .sf-c-txt-darkviolet\:0 { color: hsl(282, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:5, html.dark .sf-c-txt-darkviolet\:5 { color: hsl(282, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:10, html.dark .sf-c-txt-darkviolet\:10 { color: hsl(282, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:15, html.dark .sf-c-txt-darkviolet\:15 { color: hsl(282, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:20, html.dark .sf-c-txt-darkviolet\:20 { color: hsl(282, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:25, html.dark .sf-c-txt-darkviolet\:25 { color: hsl(282, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:30, html.dark .sf-c-txt-darkviolet\:30 { color: hsl(282, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:35, html.dark .sf-c-txt-darkviolet\:35 { color: hsl(282, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:40, html.dark .sf-c-txt-darkviolet\:40 { color: hsl(282, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:45, html.dark .sf-c-txt-darkviolet\:45 { color: hsl(282, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:50, html.dark .sf-c-txt-darkviolet\:50 { color: hsl(282, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:55, html.dark .sf-c-txt-darkviolet\:55 { color: hsl(282, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:60, html.dark .sf-c-txt-darkviolet\:60 { color: hsl(282, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:65, html.dark .sf-c-txt-darkviolet\:65 { color: hsl(282, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:70, html.dark .sf-c-txt-darkviolet\:70 { color: hsl(282, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:75, html.dark .sf-c-txt-darkviolet\:75 { color: hsl(282, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:80, html.dark .sf-c-txt-darkviolet\:80 { color: hsl(282, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:85, html.dark .sf-c-txt-darkviolet\:85 { color: hsl(282, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:90, html.dark .sf-c-txt-darkviolet\:90 { color: hsl(282, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:95, html.dark .sf-c-txt-darkviolet\:95 { color: hsl(282, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:100, html.dark .sf-c-txt-darkviolet\:100 { color: hsl(282, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:dark, html.dark .sf-c-txt-darkviolet\:dark { color: hsl(282, 100%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:0\:dark, html.dark .sf-c-txt-darkviolet\:0\:dark { color: hsl(282, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:5\:dark, html.dark .sf-c-txt-darkviolet\:5\:dark { color: hsl(282, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:10\:dark, html.dark .sf-c-txt-darkviolet\:10\:dark { color: hsl(282, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:15\:dark, html.dark .sf-c-txt-darkviolet\:15\:dark { color: hsl(282, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:20\:dark, html.dark .sf-c-txt-darkviolet\:20\:dark { color: hsl(282, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:25\:dark, html.dark .sf-c-txt-darkviolet\:25\:dark { color: hsl(282, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:30\:dark, html.dark .sf-c-txt-darkviolet\:30\:dark { color: hsl(282, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:35\:dark, html.dark .sf-c-txt-darkviolet\:35\:dark { color: hsl(282, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:40\:dark, html.dark .sf-c-txt-darkviolet\:40\:dark { color: hsl(282, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:45\:dark, html.dark .sf-c-txt-darkviolet\:45\:dark { color: hsl(282, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:50\:dark, html.dark .sf-c-txt-darkviolet\:50\:dark { color: hsl(282, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:55\:dark, html.dark .sf-c-txt-darkviolet\:55\:dark { color: hsl(282, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:60\:dark, html.dark .sf-c-txt-darkviolet\:60\:dark { color: hsl(282, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:65\:dark, html.dark .sf-c-txt-darkviolet\:65\:dark { color: hsl(282, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:70\:dark, html.dark .sf-c-txt-darkviolet\:70\:dark { color: hsl(282, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:75\:dark, html.dark .sf-c-txt-darkviolet\:75\:dark { color: hsl(282, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:80\:dark, html.dark .sf-c-txt-darkviolet\:80\:dark { color: hsl(282, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:85\:dark, html.dark .sf-c-txt-darkviolet\:85\:dark { color: hsl(282, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:90\:dark, html.dark .sf-c-txt-darkviolet\:90\:dark { color: hsl(282, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:95\:dark, html.dark .sf-c-txt-darkviolet\:95\:dark { color: hsl(282, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-darkviolet\:100\:dark, html.dark .sf-c-txt-darkviolet\:100\:dark { color: hsl(282, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-darkviolet, html.auto .sf-c-darkviolet { color: hsl(var(--sf-dark-c-txt-darkviolet-95)); background: hsl(var(--sf-dark-c-darkviolet)) } html[data-theme='auto'] .sf-c-darkviolet\:0, html.auto .sf-c-darkviolet\:0 { color: hsl(var(--sf-dark-c-txt-darkviolet-95)); background: hsl(var(--sf-dark-c-darkviolet-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-darkviolet\:100\:dark, html.var.dark .sf-c-dar html[data-theme='auto'] .sf-c-darkviolet\:95\:dark, html.auto .sf-c-darkviolet\:95\:dark { color: hsl(var(--sf-c-txt-darkviolet-95)); background: hsl(var(--sf-c-darkviolet-5)) } html[data-theme='auto'] .sf-c-darkviolet\:100\:dark, html.auto .sf-c-darkviolet\:100\:dark { color: hsl(var(--sf-c-txt-darkviolet-95)); background: hsl(var(--sf-c-darkviolet-0)) } + html[data-theme='auto'] .sf-c-txt-darkviolet, html.auto .sf-c-txt-darkviolet { color: hsl(var(--sf-c-txt-darkviolet)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:0, html.auto .sf-c-txt-darkviolet\:0 { color: hsl(var(--sf-c-txt-darkviolet-0)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:5, html.auto .sf-c-txt-darkviolet\:5 { color: hsl(var(--sf-c-txt-darkviolet-5)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:10, html.auto .sf-c-txt-darkviolet\:10 { color: hsl(var(--sf-c-txt-darkviolet-10)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:15, html.auto .sf-c-txt-darkviolet\:15 { color: hsl(var(--sf-c-txt-darkviolet-15)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:20, html.auto .sf-c-txt-darkviolet\:20 { color: hsl(var(--sf-c-txt-darkviolet-20)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:25, html.auto .sf-c-txt-darkviolet\:25 { color: hsl(var(--sf-c-txt-darkviolet-25)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:30, html.auto .sf-c-txt-darkviolet\:30 { color: hsl(var(--sf-c-txt-darkviolet-30)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:35, html.auto .sf-c-txt-darkviolet\:35 { color: hsl(var(--sf-c-txt-darkviolet-35)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:40, html.auto .sf-c-txt-darkviolet\:40 { color: hsl(var(--sf-c-txt-darkviolet-40)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:45, html.auto .sf-c-txt-darkviolet\:45 { color: hsl(var(--sf-c-txt-darkviolet-45)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:50, html.auto .sf-c-txt-darkviolet\:50 { color: hsl(var(--sf-c-txt-darkviolet-50)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:55, html.auto .sf-c-txt-darkviolet\:55 { color: hsl(var(--sf-c-txt-darkviolet-55)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:60, html.auto .sf-c-txt-darkviolet\:60 { color: hsl(var(--sf-c-txt-darkviolet-60)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:65, html.auto .sf-c-txt-darkviolet\:65 { color: hsl(var(--sf-c-txt-darkviolet-65)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:70, html.auto .sf-c-txt-darkviolet\:70 { color: hsl(var(--sf-c-txt-darkviolet-70)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:75, html.auto .sf-c-txt-darkviolet\:75 { color: hsl(var(--sf-c-txt-darkviolet-75)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:80, html.auto .sf-c-txt-darkviolet\:80 { color: hsl(var(--sf-c-txt-darkviolet-80)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:85, html.auto .sf-c-txt-darkviolet\:85 { color: hsl(var(--sf-c-txt-darkviolet-85)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:90, html.auto .sf-c-txt-darkviolet\:90 { color: hsl(var(--sf-c-txt-darkviolet-90)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:95, html.auto .sf-c-txt-darkviolet\:95 { color: hsl(var(--sf-c-txt-darkviolet-95)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:100, html.auto .sf-c-txt-darkviolet\:100 { color: hsl(var(--sf-c-txt-darkviolet-100)) } + + html[data-theme='auto'] .sf-c-txt-darkviolet\:dark, html.auto .sf-c-txt-darkviolet\:dark { color: hsl(var(--sf-c-txt-darkviolet)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:0\:dark, html.auto .sf-c-txt-darkviolet\:0\:dark { color: hsl(var(--sf-c-txt-darkviolet-0)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:5\:dark, html.auto .sf-c-txt-darkviolet\:5\:dark { color: hsl(var(--sf-c-txt-darkviolet-5)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:10\:dark, html.auto .sf-c-txt-darkviolet\:10\:dark { color: hsl(var(--sf-c-txt-darkviolet-10)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:15\:dark, html.auto .sf-c-txt-darkviolet\:15\:dark { color: hsl(var(--sf-c-txt-darkviolet-15)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:20\:dark, html.auto .sf-c-txt-darkviolet\:20\:dark { color: hsl(var(--sf-c-txt-darkviolet-20)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:25\:dark, html.auto .sf-c-txt-darkviolet\:25\:dark { color: hsl(var(--sf-c-txt-darkviolet-25)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:30\:dark, html.auto .sf-c-txt-darkviolet\:30\:dark { color: hsl(var(--sf-c-txt-darkviolet-30)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:35\:dark, html.auto .sf-c-txt-darkviolet\:35\:dark { color: hsl(var(--sf-c-txt-darkviolet-35)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:40\:dark, html.auto .sf-c-txt-darkviolet\:40\:dark { color: hsl(var(--sf-c-txt-darkviolet-40)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:45\:dark, html.auto .sf-c-txt-darkviolet\:45\:dark { color: hsl(var(--sf-c-txt-darkviolet-45)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:50\:dark, html.auto .sf-c-txt-darkviolet\:50\:dark { color: hsl(var(--sf-c-txt-darkviolet-50)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:55\:dark, html.auto .sf-c-txt-darkviolet\:55\:dark { color: hsl(var(--sf-c-txt-darkviolet-55)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:60\:dark, html.auto .sf-c-txt-darkviolet\:60\:dark { color: hsl(var(--sf-c-txt-darkviolet-60)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:65\:dark, html.auto .sf-c-txt-darkviolet\:65\:dark { color: hsl(var(--sf-c-txt-darkviolet-65)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:70\:dark, html.auto .sf-c-txt-darkviolet\:70\:dark { color: hsl(var(--sf-c-txt-darkviolet-70)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:75\:dark, html.auto .sf-c-txt-darkviolet\:75\:dark { color: hsl(var(--sf-c-txt-darkviolet-75)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:80\:dark, html.auto .sf-c-txt-darkviolet\:80\:dark { color: hsl(var(--sf-c-txt-darkviolet-80)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:85\:dark, html.auto .sf-c-txt-darkviolet\:85\:dark { color: hsl(var(--sf-c-txt-darkviolet-85)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:90\:dark, html.auto .sf-c-txt-darkviolet\:90\:dark { color: hsl(var(--sf-c-txt-darkviolet-90)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:95\:dark, html.auto .sf-c-txt-darkviolet\:95\:dark { color: hsl(var(--sf-c-txt-darkviolet-95)) } + html[data-theme='auto'] .sf-c-txt-darkviolet\:100\:dark, html.auto .sf-c-txt-darkviolet\:100\:dark { color: hsl(var(--sf-c-txt-darkviolet-100)) } + html.var[data-theme='auto'] .sf-c-darkviolet, html.var.auto .sf-c-darkviolet { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 59%) } html.var[data-theme='auto'] .sf-c-darkviolet\:0, html.var.auto .sf-c-darkviolet\:0 { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 100%) } html.var[data-theme='auto'] .sf-c-darkviolet\:5, html.var.auto .sf-c-darkviolet\:5 { color: hsl(282, 100%, 5%); background: hsl(282, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-darkviolet\:100\:dark, html.var.dark .sf-c-dar html.var[data-theme='auto'] .sf-c-darkviolet\:90\:dark, html.var.auto .sf-c-darkviolet\:90\:dark { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 10%) } html.var[data-theme='auto'] .sf-c-darkviolet\:95\:dark, html.var.auto .sf-c-darkviolet\:95\:dark { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 5%) } html.var[data-theme='auto'] .sf-c-darkviolet\:100\:dark, html.var.auto .sf-c-darkviolet\:100\:dark { color: hsl(282, 100%, 95%); background: hsl(282, 100%, 0%) } -} -.sf-c-txt-darkviolet { color: hsl(var(--sf-c-txt-darkviolet)) } -.sf-c-txt-darkviolet\:0 { color: hsl(var(--sf-c-txt-darkviolet-0)) } -.sf-c-txt-darkviolet\:5 { color: hsl(var(--sf-c-txt-darkviolet-5)) } -.sf-c-txt-darkviolet\:10 { color: hsl(var(--sf-c-txt-darkviolet-10)) } -.sf-c-txt-darkviolet\:15 { color: hsl(var(--sf-c-txt-darkviolet-15)) } -.sf-c-txt-darkviolet\:20 { color: hsl(var(--sf-c-txt-darkviolet-20)) } -.sf-c-txt-darkviolet\:25 { color: hsl(var(--sf-c-txt-darkviolet-25)) } -.sf-c-txt-darkviolet\:30 { color: hsl(var(--sf-c-txt-darkviolet-30)) } -.sf-c-txt-darkviolet\:35 { color: hsl(var(--sf-c-txt-darkviolet-35)) } -.sf-c-txt-darkviolet\:40 { color: hsl(var(--sf-c-txt-darkviolet-40)) } -.sf-c-txt-darkviolet\:45 { color: hsl(var(--sf-c-txt-darkviolet-45)) } -.sf-c-txt-darkviolet\:50 { color: hsl(var(--sf-c-txt-darkviolet-50)) } -.sf-c-txt-darkviolet\:55 { color: hsl(var(--sf-c-txt-darkviolet-55)) } -.sf-c-txt-darkviolet\:60 { color: hsl(var(--sf-c-txt-darkviolet-60)) } -.sf-c-txt-darkviolet\:65 { color: hsl(var(--sf-c-txt-darkviolet-65)) } -.sf-c-txt-darkviolet\:70 { color: hsl(var(--sf-c-txt-darkviolet-70)) } -.sf-c-txt-darkviolet\:75 { color: hsl(var(--sf-c-txt-darkviolet-75)) } -.sf-c-txt-darkviolet\:80 { color: hsl(var(--sf-c-txt-darkviolet-80)) } -.sf-c-txt-darkviolet\:85 { color: hsl(var(--sf-c-txt-darkviolet-85)) } -.sf-c-txt-darkviolet\:90 { color: hsl(var(--sf-c-txt-darkviolet-90)) } -.sf-c-txt-darkviolet\:95 { color: hsl(var(--sf-c-txt-darkviolet-95)) } -.sf-c-txt-darkviolet\:100 { color: hsl(var(--sf-c-txt-darkviolet-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-darkviolet, html.auto .sf-c-txt-darkviolet { color: hsl(282, 100%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:0, html.auto .sf-c-txt-darkviolet\:0 { color: hsl(282, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:5, html.auto .sf-c-txt-darkviolet\:5 { color: hsl(282, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:10, html.auto .sf-c-txt-darkviolet\:10 { color: hsl(282, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:15, html.auto .sf-c-txt-darkviolet\:15 { color: hsl(282, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:20, html.auto .sf-c-txt-darkviolet\:20 { color: hsl(282, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:25, html.auto .sf-c-txt-darkviolet\:25 { color: hsl(282, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:30, html.auto .sf-c-txt-darkviolet\:30 { color: hsl(282, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:35, html.auto .sf-c-txt-darkviolet\:35 { color: hsl(282, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:40, html.auto .sf-c-txt-darkviolet\:40 { color: hsl(282, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:45, html.auto .sf-c-txt-darkviolet\:45 { color: hsl(282, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:50, html.auto .sf-c-txt-darkviolet\:50 { color: hsl(282, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:55, html.auto .sf-c-txt-darkviolet\:55 { color: hsl(282, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:60, html.auto .sf-c-txt-darkviolet\:60 { color: hsl(282, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:65, html.auto .sf-c-txt-darkviolet\:65 { color: hsl(282, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:70, html.auto .sf-c-txt-darkviolet\:70 { color: hsl(282, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:75, html.auto .sf-c-txt-darkviolet\:75 { color: hsl(282, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:80, html.auto .sf-c-txt-darkviolet\:80 { color: hsl(282, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:85, html.auto .sf-c-txt-darkviolet\:85 { color: hsl(282, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:90, html.auto .sf-c-txt-darkviolet\:90 { color: hsl(282, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:95, html.auto .sf-c-txt-darkviolet\:95 { color: hsl(282, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:100, html.auto .sf-c-txt-darkviolet\:100 { color: hsl(282, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:dark, html.auto .sf-c-txt-darkviolet\:dark { color: hsl(282, 100%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:0\:dark, html.auto .sf-c-txt-darkviolet\:0\:dark { color: hsl(282, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:5\:dark, html.auto .sf-c-txt-darkviolet\:5\:dark { color: hsl(282, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:10\:dark, html.auto .sf-c-txt-darkviolet\:10\:dark { color: hsl(282, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:15\:dark, html.auto .sf-c-txt-darkviolet\:15\:dark { color: hsl(282, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:20\:dark, html.auto .sf-c-txt-darkviolet\:20\:dark { color: hsl(282, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:25\:dark, html.auto .sf-c-txt-darkviolet\:25\:dark { color: hsl(282, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:30\:dark, html.auto .sf-c-txt-darkviolet\:30\:dark { color: hsl(282, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:35\:dark, html.auto .sf-c-txt-darkviolet\:35\:dark { color: hsl(282, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:40\:dark, html.auto .sf-c-txt-darkviolet\:40\:dark { color: hsl(282, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:45\:dark, html.auto .sf-c-txt-darkviolet\:45\:dark { color: hsl(282, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:50\:dark, html.auto .sf-c-txt-darkviolet\:50\:dark { color: hsl(282, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:55\:dark, html.auto .sf-c-txt-darkviolet\:55\:dark { color: hsl(282, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:60\:dark, html.auto .sf-c-txt-darkviolet\:60\:dark { color: hsl(282, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:65\:dark, html.auto .sf-c-txt-darkviolet\:65\:dark { color: hsl(282, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:70\:dark, html.auto .sf-c-txt-darkviolet\:70\:dark { color: hsl(282, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:75\:dark, html.auto .sf-c-txt-darkviolet\:75\:dark { color: hsl(282, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:80\:dark, html.auto .sf-c-txt-darkviolet\:80\:dark { color: hsl(282, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:85\:dark, html.auto .sf-c-txt-darkviolet\:85\:dark { color: hsl(282, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:90\:dark, html.auto .sf-c-txt-darkviolet\:90\:dark { color: hsl(282, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:95\:dark, html.auto .sf-c-txt-darkviolet\:95\:dark { color: hsl(282, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-darkviolet\:100\:dark, html.auto .sf-c-txt-darkviolet\:100\:dark { color: hsl(282, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/deeppink.css b/src/colors/20/deeppink.css index c8b5f0f..6629659 100644 --- a/src/colors/20/deeppink.css +++ b/src/colors/20/deeppink.css @@ -138,6 +138,52 @@ html.var .sf-c-deeppink\:90 { color: hsl(328, 100%, 5%); background: hsl(328, 10 html.var .sf-c-deeppink\:95 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 95%) } html.var .sf-c-deeppink\:100 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 100%) } +.sf-c-txt-deeppink { color: hsl(var(--sf-dark-c-txt-deeppink)) } +.sf-c-txt-deeppink\:0 { color: hsl(var(--sf-dark-c-txt-deeppink-100)) } +.sf-c-txt-deeppink\:5 { color: hsl(var(--sf-dark-c-txt-deeppink-95)) } +.sf-c-txt-deeppink\:10 { color: hsl(var(--sf-dark-c-txt-deeppink-90)) } +.sf-c-txt-deeppink\:15 { color: hsl(var(--sf-dark-c-txt-deeppink-85)) } +.sf-c-txt-deeppink\:20 { color: hsl(var(--sf-dark-c-txt-deeppink-80)) } +.sf-c-txt-deeppink\:25 { color: hsl(var(--sf-dark-c-txt-deeppink-75)) } +.sf-c-txt-deeppink\:30 { color: hsl(var(--sf-dark-c-txt-deeppink-70)) } +.sf-c-txt-deeppink\:35 { color: hsl(var(--sf-dark-c-txt-deeppink-65)) } +.sf-c-txt-deeppink\:40 { color: hsl(var(--sf-dark-c-txt-deeppink-60)) } +.sf-c-txt-deeppink\:45 { color: hsl(var(--sf-dark-c-txt-deeppink-55)) } +.sf-c-txt-deeppink\:50 { color: hsl(var(--sf-dark-c-txt-deeppink-50)) } +.sf-c-txt-deeppink\:55 { color: hsl(var(--sf-dark-c-txt-deeppink-45)) } +.sf-c-txt-deeppink\:60 { color: hsl(var(--sf-dark-c-txt-deeppink-40)) } +.sf-c-txt-deeppink\:65 { color: hsl(var(--sf-dark-c-txt-deeppink-35)) } +.sf-c-txt-deeppink\:70 { color: hsl(var(--sf-dark-c-txt-deeppink-30)) } +.sf-c-txt-deeppink\:75 { color: hsl(var(--sf-dark-c-txt-deeppink-25)) } +.sf-c-txt-deeppink\:80 { color: hsl(var(--sf-dark-c-txt-deeppink-20)) } +.sf-c-txt-deeppink\:85 { color: hsl(var(--sf-dark-c-txt-deeppink-15)) } +.sf-c-txt-deeppink\:90 { color: hsl(var(--sf-dark-c-txt-deeppink-10)) } +.sf-c-txt-deeppink\:95 { color: hsl(var(--sf-dark-c-txt-deeppink-5)) } +.sf-c-txt-deeppink\:100 { color: hsl(var(--sf-dark-c-txt-deeppink-0)) } + +html.var .sf-c-txt-deeppink { color: hsl(328, 100%, 46%) } +html.var .sf-c-txt-deeppink\:0 { color: hsl(328, 100%, 100%) } +html.var .sf-c-txt-deeppink\:5 { color: hsl(328, 100%, 95%) } +html.var .sf-c-txt-deeppink\:10 { color: hsl(328, 100%, 90%) } +html.var .sf-c-txt-deeppink\:15 { color: hsl(328, 100%, 85%) } +html.var .sf-c-txt-deeppink\:20 { color: hsl(328, 100%, 80%) } +html.var .sf-c-txt-deeppink\:25 { color: hsl(328, 100%, 75%) } +html.var .sf-c-txt-deeppink\:30 { color: hsl(328, 100%, 70%) } +html.var .sf-c-txt-deeppink\:35 { color: hsl(328, 100%, 65%) } +html.var .sf-c-txt-deeppink\:40 { color: hsl(328, 100%, 60%) } +html.var .sf-c-txt-deeppink\:45 { color: hsl(328, 100%, 55%) } +html.var .sf-c-txt-deeppink\:50 { color: hsl(328, 100%, 50%) } +html.var .sf-c-txt-deeppink\:55 { color: hsl(328, 100%, 45%) } +html.var .sf-c-txt-deeppink\:60 { color: hsl(328, 100%, 40%) } +html.var .sf-c-txt-deeppink\:65 { color: hsl(328, 100%, 35%) } +html.var .sf-c-txt-deeppink\:70 { color: hsl(328, 100%, 30%) } +html.var .sf-c-txt-deeppink\:75 { color: hsl(328, 100%, 25%) } +html.var .sf-c-txt-deeppink\:80 { color: hsl(328, 100%, 20%) } +html.var .sf-c-txt-deeppink\:85 { color: hsl(328, 100%, 15%) } +html.var .sf-c-txt-deeppink\:90 { color: hsl(328, 100%, 10%) } +html.var .sf-c-txt-deeppink\:95 { color: hsl(328, 100%, 5%) } +html.var .sf-c-txt-deeppink\:100 { color: hsl(328, 100%, 0%) } + html[data-theme='dark'] .sf-c-deeppink, html.dark .sf-c-deeppink { color: hsl(var(--sf-dark-c-txt-deeppink-95)); background: hsl(var(--sf-dark-c-deeppink)) } html[data-theme='dark'] .sf-c-deeppink\:0, html.dark .sf-c-deeppink\:0 { color: hsl(var(--sf-dark-c-txt-deeppink-95)); background: hsl(var(--sf-dark-c-deeppink-100)) } html[data-theme='dark'] .sf-c-deeppink\:5, html.dark .sf-c-deeppink\:5 { color: hsl(var(--sf-dark-c-txt-deeppink-5)); background: hsl(var(--sf-dark-c-deeppink-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-deeppink\:90\:dark, html.dark .sf-c-deeppink\:90\: html[data-theme='dark'] .sf-c-deeppink\:95\:dark, html.dark .sf-c-deeppink\:95\:dark { color: hsl(var(--sf-c-txt-deeppink-95)); background: hsl(var(--sf-c-deeppink-5)) } html[data-theme='dark'] .sf-c-deeppink\:100\:dark, html.dark .sf-c-deeppink\:100\:dark { color: hsl(var(--sf-c-txt-deeppink-95)); background: hsl(var(--sf-c-deeppink-0)) } +html[data-theme='dark'] .sf-c-txt-deeppink, html.dark .sf-c-txt-deeppink { color: hsl(var(--sf-c-txt-deeppink)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:0, html.dark .sf-c-txt-deeppink\:0 { color: hsl(var(--sf-c-txt-deeppink-0)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:5, html.dark .sf-c-txt-deeppink\:5 { color: hsl(var(--sf-c-txt-deeppink-5)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:10, html.dark .sf-c-txt-deeppink\:10 { color: hsl(var(--sf-c-txt-deeppink-10)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:15, html.dark .sf-c-txt-deeppink\:15 { color: hsl(var(--sf-c-txt-deeppink-15)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:20, html.dark .sf-c-txt-deeppink\:20 { color: hsl(var(--sf-c-txt-deeppink-20)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:25, html.dark .sf-c-txt-deeppink\:25 { color: hsl(var(--sf-c-txt-deeppink-25)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:30, html.dark .sf-c-txt-deeppink\:30 { color: hsl(var(--sf-c-txt-deeppink-30)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:35, html.dark .sf-c-txt-deeppink\:35 { color: hsl(var(--sf-c-txt-deeppink-35)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:40, html.dark .sf-c-txt-deeppink\:40 { color: hsl(var(--sf-c-txt-deeppink-40)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:45, html.dark .sf-c-txt-deeppink\:45 { color: hsl(var(--sf-c-txt-deeppink-45)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:50, html.dark .sf-c-txt-deeppink\:50 { color: hsl(var(--sf-c-txt-deeppink-50)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:55, html.dark .sf-c-txt-deeppink\:55 { color: hsl(var(--sf-c-txt-deeppink-55)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:60, html.dark .sf-c-txt-deeppink\:60 { color: hsl(var(--sf-c-txt-deeppink-60)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:65, html.dark .sf-c-txt-deeppink\:65 { color: hsl(var(--sf-c-txt-deeppink-65)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:70, html.dark .sf-c-txt-deeppink\:70 { color: hsl(var(--sf-c-txt-deeppink-70)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:75, html.dark .sf-c-txt-deeppink\:75 { color: hsl(var(--sf-c-txt-deeppink-75)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:80, html.dark .sf-c-txt-deeppink\:80 { color: hsl(var(--sf-c-txt-deeppink-80)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:85, html.dark .sf-c-txt-deeppink\:85 { color: hsl(var(--sf-c-txt-deeppink-85)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:90, html.dark .sf-c-txt-deeppink\:90 { color: hsl(var(--sf-c-txt-deeppink-90)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:95, html.dark .sf-c-txt-deeppink\:95 { color: hsl(var(--sf-c-txt-deeppink-95)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:100, html.dark .sf-c-txt-deeppink\:100 { color: hsl(var(--sf-c-txt-deeppink-100)) } + +html[data-theme='dark'] .sf-c-txt-deeppink\:dark, html.dark .sf-c-txt-deeppink\:dark { color: hsl(var(--sf-c-txt-deeppink)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:0\:dark, html.dark .sf-c-txt-deeppink\:0\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-0)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:5\:dark, html.dark .sf-c-txt-deeppink\:5\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-5)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:10\:dark, html.dark .sf-c-txt-deeppink\:10\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-10)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:15\:dark, html.dark .sf-c-txt-deeppink\:15\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-15)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:20\:dark, html.dark .sf-c-txt-deeppink\:20\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-20)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:25\:dark, html.dark .sf-c-txt-deeppink\:25\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-25)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:30\:dark, html.dark .sf-c-txt-deeppink\:30\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-30)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:35\:dark, html.dark .sf-c-txt-deeppink\:35\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-35)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:40\:dark, html.dark .sf-c-txt-deeppink\:40\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-40)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:45\:dark, html.dark .sf-c-txt-deeppink\:45\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-45)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:50\:dark, html.dark .sf-c-txt-deeppink\:50\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-50)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:55\:dark, html.dark .sf-c-txt-deeppink\:55\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-55)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:60\:dark, html.dark .sf-c-txt-deeppink\:60\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-60)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:65\:dark, html.dark .sf-c-txt-deeppink\:65\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-65)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:70\:dark, html.dark .sf-c-txt-deeppink\:70\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-70)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:75\:dark, html.dark .sf-c-txt-deeppink\:75\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-75)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:80\:dark, html.dark .sf-c-txt-deeppink\:80\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-80)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:85\:dark, html.dark .sf-c-txt-deeppink\:85\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-85)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:90\:dark, html.dark .sf-c-txt-deeppink\:90\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-90)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:95\:dark, html.dark .sf-c-txt-deeppink\:95\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-95)) } +html[data-theme='dark'] .sf-c-txt-deeppink\:100\:dark, html.dark .sf-c-txt-deeppink\:100\:dark { color: hsl(var(--sf-dark-c-txt-deeppink-100)) } + html.var[data-theme='dark'] .sf-c-deeppink, html.var.dark .sf-c-deeppink { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 46%) } html.var[data-theme='dark'] .sf-c-deeppink\:0, html.var.dark .sf-c-deeppink\:0 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 100%) } html.var[data-theme='dark'] .sf-c-deeppink\:5, html.var.dark .sf-c-deeppink\:5 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-deeppink\:90\:dark, html.var.dark .sf-c-deeppi html.var[data-theme='dark'] .sf-c-deeppink\:95\:dark, html.var.dark .sf-c-deeppink\:95\:dark { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 5%) } html.var[data-theme='dark'] .sf-c-deeppink\:100\:dark, html.var.dark .sf-c-deeppink\:100\:dark { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink, html.dark .sf-c-txt-deeppink { color: hsl(328, 100%, 54%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:0, html.dark .sf-c-txt-deeppink\:0 { color: hsl(328, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:5, html.dark .sf-c-txt-deeppink\:5 { color: hsl(328, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:10, html.dark .sf-c-txt-deeppink\:10 { color: hsl(328, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:15, html.dark .sf-c-txt-deeppink\:15 { color: hsl(328, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:20, html.dark .sf-c-txt-deeppink\:20 { color: hsl(328, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:25, html.dark .sf-c-txt-deeppink\:25 { color: hsl(328, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:30, html.dark .sf-c-txt-deeppink\:30 { color: hsl(328, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:35, html.dark .sf-c-txt-deeppink\:35 { color: hsl(328, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:40, html.dark .sf-c-txt-deeppink\:40 { color: hsl(328, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:45, html.dark .sf-c-txt-deeppink\:45 { color: hsl(328, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:50, html.dark .sf-c-txt-deeppink\:50 { color: hsl(328, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:55, html.dark .sf-c-txt-deeppink\:55 { color: hsl(328, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:60, html.dark .sf-c-txt-deeppink\:60 { color: hsl(328, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:65, html.dark .sf-c-txt-deeppink\:65 { color: hsl(328, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:70, html.dark .sf-c-txt-deeppink\:70 { color: hsl(328, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:75, html.dark .sf-c-txt-deeppink\:75 { color: hsl(328, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:80, html.dark .sf-c-txt-deeppink\:80 { color: hsl(328, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:85, html.dark .sf-c-txt-deeppink\:85 { color: hsl(328, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:90, html.dark .sf-c-txt-deeppink\:90 { color: hsl(328, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:95, html.dark .sf-c-txt-deeppink\:95 { color: hsl(328, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:100, html.dark .sf-c-txt-deeppink\:100 { color: hsl(328, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-deeppink\:dark, html.dark .sf-c-txt-deeppink\:dark { color: hsl(328, 100%, 54%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:0\:dark, html.dark .sf-c-txt-deeppink\:0\:dark { color: hsl(328, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:5\:dark, html.dark .sf-c-txt-deeppink\:5\:dark { color: hsl(328, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:10\:dark, html.dark .sf-c-txt-deeppink\:10\:dark { color: hsl(328, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:15\:dark, html.dark .sf-c-txt-deeppink\:15\:dark { color: hsl(328, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:20\:dark, html.dark .sf-c-txt-deeppink\:20\:dark { color: hsl(328, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:25\:dark, html.dark .sf-c-txt-deeppink\:25\:dark { color: hsl(328, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:30\:dark, html.dark .sf-c-txt-deeppink\:30\:dark { color: hsl(328, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:35\:dark, html.dark .sf-c-txt-deeppink\:35\:dark { color: hsl(328, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:40\:dark, html.dark .sf-c-txt-deeppink\:40\:dark { color: hsl(328, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:45\:dark, html.dark .sf-c-txt-deeppink\:45\:dark { color: hsl(328, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:50\:dark, html.dark .sf-c-txt-deeppink\:50\:dark { color: hsl(328, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:55\:dark, html.dark .sf-c-txt-deeppink\:55\:dark { color: hsl(328, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:60\:dark, html.dark .sf-c-txt-deeppink\:60\:dark { color: hsl(328, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:65\:dark, html.dark .sf-c-txt-deeppink\:65\:dark { color: hsl(328, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:70\:dark, html.dark .sf-c-txt-deeppink\:70\:dark { color: hsl(328, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:75\:dark, html.dark .sf-c-txt-deeppink\:75\:dark { color: hsl(328, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:80\:dark, html.dark .sf-c-txt-deeppink\:80\:dark { color: hsl(328, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:85\:dark, html.dark .sf-c-txt-deeppink\:85\:dark { color: hsl(328, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:90\:dark, html.dark .sf-c-txt-deeppink\:90\:dark { color: hsl(328, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:95\:dark, html.dark .sf-c-txt-deeppink\:95\:dark { color: hsl(328, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-deeppink\:100\:dark, html.dark .sf-c-txt-deeppink\:100\:dark { color: hsl(328, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-deeppink, html.auto .sf-c-deeppink { color: hsl(var(--sf-dark-c-txt-deeppink-95)); background: hsl(var(--sf-dark-c-deeppink)) } html[data-theme='auto'] .sf-c-deeppink\:0, html.auto .sf-c-deeppink\:0 { color: hsl(var(--sf-dark-c-txt-deeppink-95)); background: hsl(var(--sf-dark-c-deeppink-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-deeppink\:100\:dark, html.var.dark .sf-c-deepp html[data-theme='auto'] .sf-c-deeppink\:95\:dark, html.auto .sf-c-deeppink\:95\:dark { color: hsl(var(--sf-c-txt-deeppink-95)); background: hsl(var(--sf-c-deeppink-5)) } html[data-theme='auto'] .sf-c-deeppink\:100\:dark, html.auto .sf-c-deeppink\:100\:dark { color: hsl(var(--sf-c-txt-deeppink-95)); background: hsl(var(--sf-c-deeppink-0)) } + html[data-theme='auto'] .sf-c-txt-deeppink, html.auto .sf-c-txt-deeppink { color: hsl(var(--sf-c-txt-deeppink)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:0, html.auto .sf-c-txt-deeppink\:0 { color: hsl(var(--sf-c-txt-deeppink-0)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:5, html.auto .sf-c-txt-deeppink\:5 { color: hsl(var(--sf-c-txt-deeppink-5)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:10, html.auto .sf-c-txt-deeppink\:10 { color: hsl(var(--sf-c-txt-deeppink-10)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:15, html.auto .sf-c-txt-deeppink\:15 { color: hsl(var(--sf-c-txt-deeppink-15)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:20, html.auto .sf-c-txt-deeppink\:20 { color: hsl(var(--sf-c-txt-deeppink-20)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:25, html.auto .sf-c-txt-deeppink\:25 { color: hsl(var(--sf-c-txt-deeppink-25)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:30, html.auto .sf-c-txt-deeppink\:30 { color: hsl(var(--sf-c-txt-deeppink-30)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:35, html.auto .sf-c-txt-deeppink\:35 { color: hsl(var(--sf-c-txt-deeppink-35)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:40, html.auto .sf-c-txt-deeppink\:40 { color: hsl(var(--sf-c-txt-deeppink-40)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:45, html.auto .sf-c-txt-deeppink\:45 { color: hsl(var(--sf-c-txt-deeppink-45)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:50, html.auto .sf-c-txt-deeppink\:50 { color: hsl(var(--sf-c-txt-deeppink-50)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:55, html.auto .sf-c-txt-deeppink\:55 { color: hsl(var(--sf-c-txt-deeppink-55)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:60, html.auto .sf-c-txt-deeppink\:60 { color: hsl(var(--sf-c-txt-deeppink-60)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:65, html.auto .sf-c-txt-deeppink\:65 { color: hsl(var(--sf-c-txt-deeppink-65)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:70, html.auto .sf-c-txt-deeppink\:70 { color: hsl(var(--sf-c-txt-deeppink-70)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:75, html.auto .sf-c-txt-deeppink\:75 { color: hsl(var(--sf-c-txt-deeppink-75)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:80, html.auto .sf-c-txt-deeppink\:80 { color: hsl(var(--sf-c-txt-deeppink-80)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:85, html.auto .sf-c-txt-deeppink\:85 { color: hsl(var(--sf-c-txt-deeppink-85)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:90, html.auto .sf-c-txt-deeppink\:90 { color: hsl(var(--sf-c-txt-deeppink-90)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:95, html.auto .sf-c-txt-deeppink\:95 { color: hsl(var(--sf-c-txt-deeppink-95)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:100, html.auto .sf-c-txt-deeppink\:100 { color: hsl(var(--sf-c-txt-deeppink-100)) } + + html[data-theme='auto'] .sf-c-txt-deeppink\:dark, html.auto .sf-c-txt-deeppink\:dark { color: hsl(var(--sf-c-txt-deeppink)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:0\:dark, html.auto .sf-c-txt-deeppink\:0\:dark { color: hsl(var(--sf-c-txt-deeppink-0)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:5\:dark, html.auto .sf-c-txt-deeppink\:5\:dark { color: hsl(var(--sf-c-txt-deeppink-5)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:10\:dark, html.auto .sf-c-txt-deeppink\:10\:dark { color: hsl(var(--sf-c-txt-deeppink-10)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:15\:dark, html.auto .sf-c-txt-deeppink\:15\:dark { color: hsl(var(--sf-c-txt-deeppink-15)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:20\:dark, html.auto .sf-c-txt-deeppink\:20\:dark { color: hsl(var(--sf-c-txt-deeppink-20)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:25\:dark, html.auto .sf-c-txt-deeppink\:25\:dark { color: hsl(var(--sf-c-txt-deeppink-25)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:30\:dark, html.auto .sf-c-txt-deeppink\:30\:dark { color: hsl(var(--sf-c-txt-deeppink-30)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:35\:dark, html.auto .sf-c-txt-deeppink\:35\:dark { color: hsl(var(--sf-c-txt-deeppink-35)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:40\:dark, html.auto .sf-c-txt-deeppink\:40\:dark { color: hsl(var(--sf-c-txt-deeppink-40)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:45\:dark, html.auto .sf-c-txt-deeppink\:45\:dark { color: hsl(var(--sf-c-txt-deeppink-45)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:50\:dark, html.auto .sf-c-txt-deeppink\:50\:dark { color: hsl(var(--sf-c-txt-deeppink-50)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:55\:dark, html.auto .sf-c-txt-deeppink\:55\:dark { color: hsl(var(--sf-c-txt-deeppink-55)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:60\:dark, html.auto .sf-c-txt-deeppink\:60\:dark { color: hsl(var(--sf-c-txt-deeppink-60)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:65\:dark, html.auto .sf-c-txt-deeppink\:65\:dark { color: hsl(var(--sf-c-txt-deeppink-65)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:70\:dark, html.auto .sf-c-txt-deeppink\:70\:dark { color: hsl(var(--sf-c-txt-deeppink-70)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:75\:dark, html.auto .sf-c-txt-deeppink\:75\:dark { color: hsl(var(--sf-c-txt-deeppink-75)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:80\:dark, html.auto .sf-c-txt-deeppink\:80\:dark { color: hsl(var(--sf-c-txt-deeppink-80)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:85\:dark, html.auto .sf-c-txt-deeppink\:85\:dark { color: hsl(var(--sf-c-txt-deeppink-85)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:90\:dark, html.auto .sf-c-txt-deeppink\:90\:dark { color: hsl(var(--sf-c-txt-deeppink-90)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:95\:dark, html.auto .sf-c-txt-deeppink\:95\:dark { color: hsl(var(--sf-c-txt-deeppink-95)) } + html[data-theme='auto'] .sf-c-txt-deeppink\:100\:dark, html.auto .sf-c-txt-deeppink\:100\:dark { color: hsl(var(--sf-c-txt-deeppink-100)) } + html.var[data-theme='auto'] .sf-c-deeppink, html.var.auto .sf-c-deeppink { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 46%) } html.var[data-theme='auto'] .sf-c-deeppink\:0, html.var.auto .sf-c-deeppink\:0 { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 100%) } html.var[data-theme='auto'] .sf-c-deeppink\:5, html.var.auto .sf-c-deeppink\:5 { color: hsl(328, 100%, 5%); background: hsl(328, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-deeppink\:100\:dark, html.var.dark .sf-c-deepp html.var[data-theme='auto'] .sf-c-deeppink\:90\:dark, html.var.auto .sf-c-deeppink\:90\:dark { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 10%) } html.var[data-theme='auto'] .sf-c-deeppink\:95\:dark, html.var.auto .sf-c-deeppink\:95\:dark { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 5%) } html.var[data-theme='auto'] .sf-c-deeppink\:100\:dark, html.var.auto .sf-c-deeppink\:100\:dark { color: hsl(328, 100%, 95%); background: hsl(328, 100%, 0%) } -} -.sf-c-txt-deeppink { color: hsl(var(--sf-c-txt-deeppink)) } -.sf-c-txt-deeppink\:0 { color: hsl(var(--sf-c-txt-deeppink-0)) } -.sf-c-txt-deeppink\:5 { color: hsl(var(--sf-c-txt-deeppink-5)) } -.sf-c-txt-deeppink\:10 { color: hsl(var(--sf-c-txt-deeppink-10)) } -.sf-c-txt-deeppink\:15 { color: hsl(var(--sf-c-txt-deeppink-15)) } -.sf-c-txt-deeppink\:20 { color: hsl(var(--sf-c-txt-deeppink-20)) } -.sf-c-txt-deeppink\:25 { color: hsl(var(--sf-c-txt-deeppink-25)) } -.sf-c-txt-deeppink\:30 { color: hsl(var(--sf-c-txt-deeppink-30)) } -.sf-c-txt-deeppink\:35 { color: hsl(var(--sf-c-txt-deeppink-35)) } -.sf-c-txt-deeppink\:40 { color: hsl(var(--sf-c-txt-deeppink-40)) } -.sf-c-txt-deeppink\:45 { color: hsl(var(--sf-c-txt-deeppink-45)) } -.sf-c-txt-deeppink\:50 { color: hsl(var(--sf-c-txt-deeppink-50)) } -.sf-c-txt-deeppink\:55 { color: hsl(var(--sf-c-txt-deeppink-55)) } -.sf-c-txt-deeppink\:60 { color: hsl(var(--sf-c-txt-deeppink-60)) } -.sf-c-txt-deeppink\:65 { color: hsl(var(--sf-c-txt-deeppink-65)) } -.sf-c-txt-deeppink\:70 { color: hsl(var(--sf-c-txt-deeppink-70)) } -.sf-c-txt-deeppink\:75 { color: hsl(var(--sf-c-txt-deeppink-75)) } -.sf-c-txt-deeppink\:80 { color: hsl(var(--sf-c-txt-deeppink-80)) } -.sf-c-txt-deeppink\:85 { color: hsl(var(--sf-c-txt-deeppink-85)) } -.sf-c-txt-deeppink\:90 { color: hsl(var(--sf-c-txt-deeppink-90)) } -.sf-c-txt-deeppink\:95 { color: hsl(var(--sf-c-txt-deeppink-95)) } -.sf-c-txt-deeppink\:100 { color: hsl(var(--sf-c-txt-deeppink-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-deeppink, html.auto .sf-c-txt-deeppink { color: hsl(328, 100%, 54%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:0, html.auto .sf-c-txt-deeppink\:0 { color: hsl(328, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:5, html.auto .sf-c-txt-deeppink\:5 { color: hsl(328, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:10, html.auto .sf-c-txt-deeppink\:10 { color: hsl(328, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:15, html.auto .sf-c-txt-deeppink\:15 { color: hsl(328, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:20, html.auto .sf-c-txt-deeppink\:20 { color: hsl(328, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:25, html.auto .sf-c-txt-deeppink\:25 { color: hsl(328, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:30, html.auto .sf-c-txt-deeppink\:30 { color: hsl(328, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:35, html.auto .sf-c-txt-deeppink\:35 { color: hsl(328, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:40, html.auto .sf-c-txt-deeppink\:40 { color: hsl(328, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:45, html.auto .sf-c-txt-deeppink\:45 { color: hsl(328, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:50, html.auto .sf-c-txt-deeppink\:50 { color: hsl(328, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:55, html.auto .sf-c-txt-deeppink\:55 { color: hsl(328, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:60, html.auto .sf-c-txt-deeppink\:60 { color: hsl(328, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:65, html.auto .sf-c-txt-deeppink\:65 { color: hsl(328, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:70, html.auto .sf-c-txt-deeppink\:70 { color: hsl(328, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:75, html.auto .sf-c-txt-deeppink\:75 { color: hsl(328, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:80, html.auto .sf-c-txt-deeppink\:80 { color: hsl(328, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:85, html.auto .sf-c-txt-deeppink\:85 { color: hsl(328, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:90, html.auto .sf-c-txt-deeppink\:90 { color: hsl(328, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:95, html.auto .sf-c-txt-deeppink\:95 { color: hsl(328, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:100, html.auto .sf-c-txt-deeppink\:100 { color: hsl(328, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-deeppink\:dark, html.auto .sf-c-txt-deeppink\:dark { color: hsl(328, 100%, 54%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:0\:dark, html.auto .sf-c-txt-deeppink\:0\:dark { color: hsl(328, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:5\:dark, html.auto .sf-c-txt-deeppink\:5\:dark { color: hsl(328, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:10\:dark, html.auto .sf-c-txt-deeppink\:10\:dark { color: hsl(328, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:15\:dark, html.auto .sf-c-txt-deeppink\:15\:dark { color: hsl(328, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:20\:dark, html.auto .sf-c-txt-deeppink\:20\:dark { color: hsl(328, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:25\:dark, html.auto .sf-c-txt-deeppink\:25\:dark { color: hsl(328, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:30\:dark, html.auto .sf-c-txt-deeppink\:30\:dark { color: hsl(328, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:35\:dark, html.auto .sf-c-txt-deeppink\:35\:dark { color: hsl(328, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:40\:dark, html.auto .sf-c-txt-deeppink\:40\:dark { color: hsl(328, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:45\:dark, html.auto .sf-c-txt-deeppink\:45\:dark { color: hsl(328, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:50\:dark, html.auto .sf-c-txt-deeppink\:50\:dark { color: hsl(328, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:55\:dark, html.auto .sf-c-txt-deeppink\:55\:dark { color: hsl(328, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:60\:dark, html.auto .sf-c-txt-deeppink\:60\:dark { color: hsl(328, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:65\:dark, html.auto .sf-c-txt-deeppink\:65\:dark { color: hsl(328, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:70\:dark, html.auto .sf-c-txt-deeppink\:70\:dark { color: hsl(328, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:75\:dark, html.auto .sf-c-txt-deeppink\:75\:dark { color: hsl(328, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:80\:dark, html.auto .sf-c-txt-deeppink\:80\:dark { color: hsl(328, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:85\:dark, html.auto .sf-c-txt-deeppink\:85\:dark { color: hsl(328, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:90\:dark, html.auto .sf-c-txt-deeppink\:90\:dark { color: hsl(328, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:95\:dark, html.auto .sf-c-txt-deeppink\:95\:dark { color: hsl(328, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-deeppink\:100\:dark, html.auto .sf-c-txt-deeppink\:100\:dark { color: hsl(328, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/deepskyblue.css b/src/colors/20/deepskyblue.css index 823f1c0..e09fb35 100644 --- a/src/colors/20/deepskyblue.css +++ b/src/colors/20/deepskyblue.css @@ -138,6 +138,52 @@ html.var .sf-c-deepskyblue\:90 { color: hsl(195, 100%, 5%); background: hsl(195, html.var .sf-c-deepskyblue\:95 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 95%) } html.var .sf-c-deepskyblue\:100 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 100%) } +.sf-c-txt-deepskyblue { color: hsl(var(--sf-dark-c-txt-deepskyblue)) } +.sf-c-txt-deepskyblue\:0 { color: hsl(var(--sf-dark-c-txt-deepskyblue-100)) } +.sf-c-txt-deepskyblue\:5 { color: hsl(var(--sf-dark-c-txt-deepskyblue-95)) } +.sf-c-txt-deepskyblue\:10 { color: hsl(var(--sf-dark-c-txt-deepskyblue-90)) } +.sf-c-txt-deepskyblue\:15 { color: hsl(var(--sf-dark-c-txt-deepskyblue-85)) } +.sf-c-txt-deepskyblue\:20 { color: hsl(var(--sf-dark-c-txt-deepskyblue-80)) } +.sf-c-txt-deepskyblue\:25 { color: hsl(var(--sf-dark-c-txt-deepskyblue-75)) } +.sf-c-txt-deepskyblue\:30 { color: hsl(var(--sf-dark-c-txt-deepskyblue-70)) } +.sf-c-txt-deepskyblue\:35 { color: hsl(var(--sf-dark-c-txt-deepskyblue-65)) } +.sf-c-txt-deepskyblue\:40 { color: hsl(var(--sf-dark-c-txt-deepskyblue-60)) } +.sf-c-txt-deepskyblue\:45 { color: hsl(var(--sf-dark-c-txt-deepskyblue-55)) } +.sf-c-txt-deepskyblue\:50 { color: hsl(var(--sf-dark-c-txt-deepskyblue-50)) } +.sf-c-txt-deepskyblue\:55 { color: hsl(var(--sf-dark-c-txt-deepskyblue-45)) } +.sf-c-txt-deepskyblue\:60 { color: hsl(var(--sf-dark-c-txt-deepskyblue-40)) } +.sf-c-txt-deepskyblue\:65 { color: hsl(var(--sf-dark-c-txt-deepskyblue-35)) } +.sf-c-txt-deepskyblue\:70 { color: hsl(var(--sf-dark-c-txt-deepskyblue-30)) } +.sf-c-txt-deepskyblue\:75 { color: hsl(var(--sf-dark-c-txt-deepskyblue-25)) } +.sf-c-txt-deepskyblue\:80 { color: hsl(var(--sf-dark-c-txt-deepskyblue-20)) } +.sf-c-txt-deepskyblue\:85 { color: hsl(var(--sf-dark-c-txt-deepskyblue-15)) } +.sf-c-txt-deepskyblue\:90 { color: hsl(var(--sf-dark-c-txt-deepskyblue-10)) } +.sf-c-txt-deepskyblue\:95 { color: hsl(var(--sf-dark-c-txt-deepskyblue-5)) } +.sf-c-txt-deepskyblue\:100 { color: hsl(var(--sf-dark-c-txt-deepskyblue-0)) } + +html.var .sf-c-txt-deepskyblue { color: hsl(195, 100%, 50%) } +html.var .sf-c-txt-deepskyblue\:0 { color: hsl(195, 100%, 100%) } +html.var .sf-c-txt-deepskyblue\:5 { color: hsl(195, 100%, 95%) } +html.var .sf-c-txt-deepskyblue\:10 { color: hsl(195, 100%, 90%) } +html.var .sf-c-txt-deepskyblue\:15 { color: hsl(195, 100%, 85%) } +html.var .sf-c-txt-deepskyblue\:20 { color: hsl(195, 100%, 80%) } +html.var .sf-c-txt-deepskyblue\:25 { color: hsl(195, 100%, 75%) } +html.var .sf-c-txt-deepskyblue\:30 { color: hsl(195, 100%, 70%) } +html.var .sf-c-txt-deepskyblue\:35 { color: hsl(195, 100%, 65%) } +html.var .sf-c-txt-deepskyblue\:40 { color: hsl(195, 100%, 60%) } +html.var .sf-c-txt-deepskyblue\:45 { color: hsl(195, 100%, 55%) } +html.var .sf-c-txt-deepskyblue\:50 { color: hsl(195, 100%, 50%) } +html.var .sf-c-txt-deepskyblue\:55 { color: hsl(195, 100%, 45%) } +html.var .sf-c-txt-deepskyblue\:60 { color: hsl(195, 100%, 40%) } +html.var .sf-c-txt-deepskyblue\:65 { color: hsl(195, 100%, 35%) } +html.var .sf-c-txt-deepskyblue\:70 { color: hsl(195, 100%, 30%) } +html.var .sf-c-txt-deepskyblue\:75 { color: hsl(195, 100%, 25%) } +html.var .sf-c-txt-deepskyblue\:80 { color: hsl(195, 100%, 20%) } +html.var .sf-c-txt-deepskyblue\:85 { color: hsl(195, 100%, 15%) } +html.var .sf-c-txt-deepskyblue\:90 { color: hsl(195, 100%, 10%) } +html.var .sf-c-txt-deepskyblue\:95 { color: hsl(195, 100%, 5%) } +html.var .sf-c-txt-deepskyblue\:100 { color: hsl(195, 100%, 0%) } + html[data-theme='dark'] .sf-c-deepskyblue, html.dark .sf-c-deepskyblue { color: hsl(var(--sf-dark-c-txt-deepskyblue-5)); background: hsl(var(--sf-dark-c-deepskyblue)) } html[data-theme='dark'] .sf-c-deepskyblue\:0, html.dark .sf-c-deepskyblue\:0 { color: hsl(var(--sf-dark-c-txt-deepskyblue-95)); background: hsl(var(--sf-dark-c-deepskyblue-100)) } html[data-theme='dark'] .sf-c-deepskyblue\:5, html.dark .sf-c-deepskyblue\:5 { color: hsl(var(--sf-dark-c-txt-deepskyblue-5)); background: hsl(var(--sf-dark-c-deepskyblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-deepskyblue\:90\:dark, html.dark .sf-c-deepskyblue html[data-theme='dark'] .sf-c-deepskyblue\:95\:dark, html.dark .sf-c-deepskyblue\:95\:dark { color: hsl(var(--sf-c-txt-deepskyblue-95)); background: hsl(var(--sf-c-deepskyblue-5)) } html[data-theme='dark'] .sf-c-deepskyblue\:100\:dark, html.dark .sf-c-deepskyblue\:100\:dark { color: hsl(var(--sf-c-txt-deepskyblue-95)); background: hsl(var(--sf-c-deepskyblue-0)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue, html.dark .sf-c-txt-deepskyblue { color: hsl(var(--sf-c-txt-deepskyblue)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:0, html.dark .sf-c-txt-deepskyblue\:0 { color: hsl(var(--sf-c-txt-deepskyblue-0)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:5, html.dark .sf-c-txt-deepskyblue\:5 { color: hsl(var(--sf-c-txt-deepskyblue-5)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:10, html.dark .sf-c-txt-deepskyblue\:10 { color: hsl(var(--sf-c-txt-deepskyblue-10)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:15, html.dark .sf-c-txt-deepskyblue\:15 { color: hsl(var(--sf-c-txt-deepskyblue-15)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:20, html.dark .sf-c-txt-deepskyblue\:20 { color: hsl(var(--sf-c-txt-deepskyblue-20)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:25, html.dark .sf-c-txt-deepskyblue\:25 { color: hsl(var(--sf-c-txt-deepskyblue-25)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:30, html.dark .sf-c-txt-deepskyblue\:30 { color: hsl(var(--sf-c-txt-deepskyblue-30)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:35, html.dark .sf-c-txt-deepskyblue\:35 { color: hsl(var(--sf-c-txt-deepskyblue-35)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:40, html.dark .sf-c-txt-deepskyblue\:40 { color: hsl(var(--sf-c-txt-deepskyblue-40)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:45, html.dark .sf-c-txt-deepskyblue\:45 { color: hsl(var(--sf-c-txt-deepskyblue-45)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:50, html.dark .sf-c-txt-deepskyblue\:50 { color: hsl(var(--sf-c-txt-deepskyblue-50)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:55, html.dark .sf-c-txt-deepskyblue\:55 { color: hsl(var(--sf-c-txt-deepskyblue-55)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:60, html.dark .sf-c-txt-deepskyblue\:60 { color: hsl(var(--sf-c-txt-deepskyblue-60)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:65, html.dark .sf-c-txt-deepskyblue\:65 { color: hsl(var(--sf-c-txt-deepskyblue-65)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:70, html.dark .sf-c-txt-deepskyblue\:70 { color: hsl(var(--sf-c-txt-deepskyblue-70)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:75, html.dark .sf-c-txt-deepskyblue\:75 { color: hsl(var(--sf-c-txt-deepskyblue-75)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:80, html.dark .sf-c-txt-deepskyblue\:80 { color: hsl(var(--sf-c-txt-deepskyblue-80)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:85, html.dark .sf-c-txt-deepskyblue\:85 { color: hsl(var(--sf-c-txt-deepskyblue-85)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:90, html.dark .sf-c-txt-deepskyblue\:90 { color: hsl(var(--sf-c-txt-deepskyblue-90)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:95, html.dark .sf-c-txt-deepskyblue\:95 { color: hsl(var(--sf-c-txt-deepskyblue-95)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:100, html.dark .sf-c-txt-deepskyblue\:100 { color: hsl(var(--sf-c-txt-deepskyblue-100)) } + +html[data-theme='dark'] .sf-c-txt-deepskyblue\:dark, html.dark .sf-c-txt-deepskyblue\:dark { color: hsl(var(--sf-c-txt-deepskyblue)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:0\:dark, html.dark .sf-c-txt-deepskyblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-0)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:5\:dark, html.dark .sf-c-txt-deepskyblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-5)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:10\:dark, html.dark .sf-c-txt-deepskyblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-10)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:15\:dark, html.dark .sf-c-txt-deepskyblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-15)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:20\:dark, html.dark .sf-c-txt-deepskyblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-20)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:25\:dark, html.dark .sf-c-txt-deepskyblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-25)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:30\:dark, html.dark .sf-c-txt-deepskyblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-30)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:35\:dark, html.dark .sf-c-txt-deepskyblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-35)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:40\:dark, html.dark .sf-c-txt-deepskyblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-40)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:45\:dark, html.dark .sf-c-txt-deepskyblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-45)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:50\:dark, html.dark .sf-c-txt-deepskyblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-50)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:55\:dark, html.dark .sf-c-txt-deepskyblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-55)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:60\:dark, html.dark .sf-c-txt-deepskyblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-60)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:65\:dark, html.dark .sf-c-txt-deepskyblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-65)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:70\:dark, html.dark .sf-c-txt-deepskyblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-70)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:75\:dark, html.dark .sf-c-txt-deepskyblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-75)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:80\:dark, html.dark .sf-c-txt-deepskyblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-80)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:85\:dark, html.dark .sf-c-txt-deepskyblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-85)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:90\:dark, html.dark .sf-c-txt-deepskyblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-90)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:95\:dark, html.dark .sf-c-txt-deepskyblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-95)) } +html[data-theme='dark'] .sf-c-txt-deepskyblue\:100\:dark, html.dark .sf-c-txt-deepskyblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-deepskyblue-100)) } + html.var[data-theme='dark'] .sf-c-deepskyblue, html.var.dark .sf-c-deepskyblue { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 50%) } html.var[data-theme='dark'] .sf-c-deepskyblue\:0, html.var.dark .sf-c-deepskyblue\:0 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 100%) } html.var[data-theme='dark'] .sf-c-deepskyblue\:5, html.var.dark .sf-c-deepskyblue\:5 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-deepskyblue\:90\:dark, html.var.dark .sf-c-dee html.var[data-theme='dark'] .sf-c-deepskyblue\:95\:dark, html.var.dark .sf-c-deepskyblue\:95\:dark { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 5%) } html.var[data-theme='dark'] .sf-c-deepskyblue\:100\:dark, html.var.dark .sf-c-deepskyblue\:100\:dark { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue, html.dark .sf-c-txt-deepskyblue { color: hsl(195, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:0, html.dark .sf-c-txt-deepskyblue\:0 { color: hsl(195, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:5, html.dark .sf-c-txt-deepskyblue\:5 { color: hsl(195, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:10, html.dark .sf-c-txt-deepskyblue\:10 { color: hsl(195, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:15, html.dark .sf-c-txt-deepskyblue\:15 { color: hsl(195, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:20, html.dark .sf-c-txt-deepskyblue\:20 { color: hsl(195, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:25, html.dark .sf-c-txt-deepskyblue\:25 { color: hsl(195, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:30, html.dark .sf-c-txt-deepskyblue\:30 { color: hsl(195, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:35, html.dark .sf-c-txt-deepskyblue\:35 { color: hsl(195, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:40, html.dark .sf-c-txt-deepskyblue\:40 { color: hsl(195, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:45, html.dark .sf-c-txt-deepskyblue\:45 { color: hsl(195, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:50, html.dark .sf-c-txt-deepskyblue\:50 { color: hsl(195, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:55, html.dark .sf-c-txt-deepskyblue\:55 { color: hsl(195, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:60, html.dark .sf-c-txt-deepskyblue\:60 { color: hsl(195, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:65, html.dark .sf-c-txt-deepskyblue\:65 { color: hsl(195, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:70, html.dark .sf-c-txt-deepskyblue\:70 { color: hsl(195, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:75, html.dark .sf-c-txt-deepskyblue\:75 { color: hsl(195, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:80, html.dark .sf-c-txt-deepskyblue\:80 { color: hsl(195, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:85, html.dark .sf-c-txt-deepskyblue\:85 { color: hsl(195, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:90, html.dark .sf-c-txt-deepskyblue\:90 { color: hsl(195, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:95, html.dark .sf-c-txt-deepskyblue\:95 { color: hsl(195, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:100, html.dark .sf-c-txt-deepskyblue\:100 { color: hsl(195, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:dark, html.dark .sf-c-txt-deepskyblue\:dark { color: hsl(195, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:0\:dark, html.dark .sf-c-txt-deepskyblue\:0\:dark { color: hsl(195, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:5\:dark, html.dark .sf-c-txt-deepskyblue\:5\:dark { color: hsl(195, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:10\:dark, html.dark .sf-c-txt-deepskyblue\:10\:dark { color: hsl(195, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:15\:dark, html.dark .sf-c-txt-deepskyblue\:15\:dark { color: hsl(195, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:20\:dark, html.dark .sf-c-txt-deepskyblue\:20\:dark { color: hsl(195, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:25\:dark, html.dark .sf-c-txt-deepskyblue\:25\:dark { color: hsl(195, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:30\:dark, html.dark .sf-c-txt-deepskyblue\:30\:dark { color: hsl(195, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:35\:dark, html.dark .sf-c-txt-deepskyblue\:35\:dark { color: hsl(195, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:40\:dark, html.dark .sf-c-txt-deepskyblue\:40\:dark { color: hsl(195, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:45\:dark, html.dark .sf-c-txt-deepskyblue\:45\:dark { color: hsl(195, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:50\:dark, html.dark .sf-c-txt-deepskyblue\:50\:dark { color: hsl(195, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:55\:dark, html.dark .sf-c-txt-deepskyblue\:55\:dark { color: hsl(195, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:60\:dark, html.dark .sf-c-txt-deepskyblue\:60\:dark { color: hsl(195, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:65\:dark, html.dark .sf-c-txt-deepskyblue\:65\:dark { color: hsl(195, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:70\:dark, html.dark .sf-c-txt-deepskyblue\:70\:dark { color: hsl(195, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:75\:dark, html.dark .sf-c-txt-deepskyblue\:75\:dark { color: hsl(195, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:80\:dark, html.dark .sf-c-txt-deepskyblue\:80\:dark { color: hsl(195, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:85\:dark, html.dark .sf-c-txt-deepskyblue\:85\:dark { color: hsl(195, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:90\:dark, html.dark .sf-c-txt-deepskyblue\:90\:dark { color: hsl(195, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:95\:dark, html.dark .sf-c-txt-deepskyblue\:95\:dark { color: hsl(195, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-deepskyblue\:100\:dark, html.dark .sf-c-txt-deepskyblue\:100\:dark { color: hsl(195, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-deepskyblue, html.auto .sf-c-deepskyblue { color: hsl(var(--sf-dark-c-txt-deepskyblue-5)); background: hsl(var(--sf-dark-c-deepskyblue)) } html[data-theme='auto'] .sf-c-deepskyblue\:0, html.auto .sf-c-deepskyblue\:0 { color: hsl(var(--sf-dark-c-txt-deepskyblue-95)); background: hsl(var(--sf-dark-c-deepskyblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-deepskyblue\:100\:dark, html.var.dark .sf-c-de html[data-theme='auto'] .sf-c-deepskyblue\:95\:dark, html.auto .sf-c-deepskyblue\:95\:dark { color: hsl(var(--sf-c-txt-deepskyblue-95)); background: hsl(var(--sf-c-deepskyblue-5)) } html[data-theme='auto'] .sf-c-deepskyblue\:100\:dark, html.auto .sf-c-deepskyblue\:100\:dark { color: hsl(var(--sf-c-txt-deepskyblue-95)); background: hsl(var(--sf-c-deepskyblue-0)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue, html.auto .sf-c-txt-deepskyblue { color: hsl(var(--sf-c-txt-deepskyblue)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:0, html.auto .sf-c-txt-deepskyblue\:0 { color: hsl(var(--sf-c-txt-deepskyblue-0)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:5, html.auto .sf-c-txt-deepskyblue\:5 { color: hsl(var(--sf-c-txt-deepskyblue-5)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:10, html.auto .sf-c-txt-deepskyblue\:10 { color: hsl(var(--sf-c-txt-deepskyblue-10)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:15, html.auto .sf-c-txt-deepskyblue\:15 { color: hsl(var(--sf-c-txt-deepskyblue-15)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:20, html.auto .sf-c-txt-deepskyblue\:20 { color: hsl(var(--sf-c-txt-deepskyblue-20)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:25, html.auto .sf-c-txt-deepskyblue\:25 { color: hsl(var(--sf-c-txt-deepskyblue-25)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:30, html.auto .sf-c-txt-deepskyblue\:30 { color: hsl(var(--sf-c-txt-deepskyblue-30)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:35, html.auto .sf-c-txt-deepskyblue\:35 { color: hsl(var(--sf-c-txt-deepskyblue-35)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:40, html.auto .sf-c-txt-deepskyblue\:40 { color: hsl(var(--sf-c-txt-deepskyblue-40)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:45, html.auto .sf-c-txt-deepskyblue\:45 { color: hsl(var(--sf-c-txt-deepskyblue-45)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:50, html.auto .sf-c-txt-deepskyblue\:50 { color: hsl(var(--sf-c-txt-deepskyblue-50)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:55, html.auto .sf-c-txt-deepskyblue\:55 { color: hsl(var(--sf-c-txt-deepskyblue-55)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:60, html.auto .sf-c-txt-deepskyblue\:60 { color: hsl(var(--sf-c-txt-deepskyblue-60)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:65, html.auto .sf-c-txt-deepskyblue\:65 { color: hsl(var(--sf-c-txt-deepskyblue-65)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:70, html.auto .sf-c-txt-deepskyblue\:70 { color: hsl(var(--sf-c-txt-deepskyblue-70)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:75, html.auto .sf-c-txt-deepskyblue\:75 { color: hsl(var(--sf-c-txt-deepskyblue-75)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:80, html.auto .sf-c-txt-deepskyblue\:80 { color: hsl(var(--sf-c-txt-deepskyblue-80)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:85, html.auto .sf-c-txt-deepskyblue\:85 { color: hsl(var(--sf-c-txt-deepskyblue-85)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:90, html.auto .sf-c-txt-deepskyblue\:90 { color: hsl(var(--sf-c-txt-deepskyblue-90)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:95, html.auto .sf-c-txt-deepskyblue\:95 { color: hsl(var(--sf-c-txt-deepskyblue-95)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:100, html.auto .sf-c-txt-deepskyblue\:100 { color: hsl(var(--sf-c-txt-deepskyblue-100)) } + + html[data-theme='auto'] .sf-c-txt-deepskyblue\:dark, html.auto .sf-c-txt-deepskyblue\:dark { color: hsl(var(--sf-c-txt-deepskyblue)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:0\:dark, html.auto .sf-c-txt-deepskyblue\:0\:dark { color: hsl(var(--sf-c-txt-deepskyblue-0)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:5\:dark, html.auto .sf-c-txt-deepskyblue\:5\:dark { color: hsl(var(--sf-c-txt-deepskyblue-5)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:10\:dark, html.auto .sf-c-txt-deepskyblue\:10\:dark { color: hsl(var(--sf-c-txt-deepskyblue-10)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:15\:dark, html.auto .sf-c-txt-deepskyblue\:15\:dark { color: hsl(var(--sf-c-txt-deepskyblue-15)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:20\:dark, html.auto .sf-c-txt-deepskyblue\:20\:dark { color: hsl(var(--sf-c-txt-deepskyblue-20)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:25\:dark, html.auto .sf-c-txt-deepskyblue\:25\:dark { color: hsl(var(--sf-c-txt-deepskyblue-25)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:30\:dark, html.auto .sf-c-txt-deepskyblue\:30\:dark { color: hsl(var(--sf-c-txt-deepskyblue-30)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:35\:dark, html.auto .sf-c-txt-deepskyblue\:35\:dark { color: hsl(var(--sf-c-txt-deepskyblue-35)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:40\:dark, html.auto .sf-c-txt-deepskyblue\:40\:dark { color: hsl(var(--sf-c-txt-deepskyblue-40)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:45\:dark, html.auto .sf-c-txt-deepskyblue\:45\:dark { color: hsl(var(--sf-c-txt-deepskyblue-45)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:50\:dark, html.auto .sf-c-txt-deepskyblue\:50\:dark { color: hsl(var(--sf-c-txt-deepskyblue-50)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:55\:dark, html.auto .sf-c-txt-deepskyblue\:55\:dark { color: hsl(var(--sf-c-txt-deepskyblue-55)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:60\:dark, html.auto .sf-c-txt-deepskyblue\:60\:dark { color: hsl(var(--sf-c-txt-deepskyblue-60)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:65\:dark, html.auto .sf-c-txt-deepskyblue\:65\:dark { color: hsl(var(--sf-c-txt-deepskyblue-65)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:70\:dark, html.auto .sf-c-txt-deepskyblue\:70\:dark { color: hsl(var(--sf-c-txt-deepskyblue-70)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:75\:dark, html.auto .sf-c-txt-deepskyblue\:75\:dark { color: hsl(var(--sf-c-txt-deepskyblue-75)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:80\:dark, html.auto .sf-c-txt-deepskyblue\:80\:dark { color: hsl(var(--sf-c-txt-deepskyblue-80)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:85\:dark, html.auto .sf-c-txt-deepskyblue\:85\:dark { color: hsl(var(--sf-c-txt-deepskyblue-85)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:90\:dark, html.auto .sf-c-txt-deepskyblue\:90\:dark { color: hsl(var(--sf-c-txt-deepskyblue-90)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:95\:dark, html.auto .sf-c-txt-deepskyblue\:95\:dark { color: hsl(var(--sf-c-txt-deepskyblue-95)) } + html[data-theme='auto'] .sf-c-txt-deepskyblue\:100\:dark, html.auto .sf-c-txt-deepskyblue\:100\:dark { color: hsl(var(--sf-c-txt-deepskyblue-100)) } + html.var[data-theme='auto'] .sf-c-deepskyblue, html.var.auto .sf-c-deepskyblue { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 50%) } html.var[data-theme='auto'] .sf-c-deepskyblue\:0, html.var.auto .sf-c-deepskyblue\:0 { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 100%) } html.var[data-theme='auto'] .sf-c-deepskyblue\:5, html.var.auto .sf-c-deepskyblue\:5 { color: hsl(195, 100%, 5%); background: hsl(195, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-deepskyblue\:100\:dark, html.var.dark .sf-c-de html.var[data-theme='auto'] .sf-c-deepskyblue\:90\:dark, html.var.auto .sf-c-deepskyblue\:90\:dark { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 10%) } html.var[data-theme='auto'] .sf-c-deepskyblue\:95\:dark, html.var.auto .sf-c-deepskyblue\:95\:dark { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 5%) } html.var[data-theme='auto'] .sf-c-deepskyblue\:100\:dark, html.var.auto .sf-c-deepskyblue\:100\:dark { color: hsl(195, 100%, 95%); background: hsl(195, 100%, 0%) } -} -.sf-c-txt-deepskyblue { color: hsl(var(--sf-c-txt-deepskyblue)) } -.sf-c-txt-deepskyblue\:0 { color: hsl(var(--sf-c-txt-deepskyblue-0)) } -.sf-c-txt-deepskyblue\:5 { color: hsl(var(--sf-c-txt-deepskyblue-5)) } -.sf-c-txt-deepskyblue\:10 { color: hsl(var(--sf-c-txt-deepskyblue-10)) } -.sf-c-txt-deepskyblue\:15 { color: hsl(var(--sf-c-txt-deepskyblue-15)) } -.sf-c-txt-deepskyblue\:20 { color: hsl(var(--sf-c-txt-deepskyblue-20)) } -.sf-c-txt-deepskyblue\:25 { color: hsl(var(--sf-c-txt-deepskyblue-25)) } -.sf-c-txt-deepskyblue\:30 { color: hsl(var(--sf-c-txt-deepskyblue-30)) } -.sf-c-txt-deepskyblue\:35 { color: hsl(var(--sf-c-txt-deepskyblue-35)) } -.sf-c-txt-deepskyblue\:40 { color: hsl(var(--sf-c-txt-deepskyblue-40)) } -.sf-c-txt-deepskyblue\:45 { color: hsl(var(--sf-c-txt-deepskyblue-45)) } -.sf-c-txt-deepskyblue\:50 { color: hsl(var(--sf-c-txt-deepskyblue-50)) } -.sf-c-txt-deepskyblue\:55 { color: hsl(var(--sf-c-txt-deepskyblue-55)) } -.sf-c-txt-deepskyblue\:60 { color: hsl(var(--sf-c-txt-deepskyblue-60)) } -.sf-c-txt-deepskyblue\:65 { color: hsl(var(--sf-c-txt-deepskyblue-65)) } -.sf-c-txt-deepskyblue\:70 { color: hsl(var(--sf-c-txt-deepskyblue-70)) } -.sf-c-txt-deepskyblue\:75 { color: hsl(var(--sf-c-txt-deepskyblue-75)) } -.sf-c-txt-deepskyblue\:80 { color: hsl(var(--sf-c-txt-deepskyblue-80)) } -.sf-c-txt-deepskyblue\:85 { color: hsl(var(--sf-c-txt-deepskyblue-85)) } -.sf-c-txt-deepskyblue\:90 { color: hsl(var(--sf-c-txt-deepskyblue-90)) } -.sf-c-txt-deepskyblue\:95 { color: hsl(var(--sf-c-txt-deepskyblue-95)) } -.sf-c-txt-deepskyblue\:100 { color: hsl(var(--sf-c-txt-deepskyblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-deepskyblue, html.auto .sf-c-txt-deepskyblue { color: hsl(195, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:0, html.auto .sf-c-txt-deepskyblue\:0 { color: hsl(195, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:5, html.auto .sf-c-txt-deepskyblue\:5 { color: hsl(195, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:10, html.auto .sf-c-txt-deepskyblue\:10 { color: hsl(195, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:15, html.auto .sf-c-txt-deepskyblue\:15 { color: hsl(195, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:20, html.auto .sf-c-txt-deepskyblue\:20 { color: hsl(195, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:25, html.auto .sf-c-txt-deepskyblue\:25 { color: hsl(195, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:30, html.auto .sf-c-txt-deepskyblue\:30 { color: hsl(195, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:35, html.auto .sf-c-txt-deepskyblue\:35 { color: hsl(195, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:40, html.auto .sf-c-txt-deepskyblue\:40 { color: hsl(195, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:45, html.auto .sf-c-txt-deepskyblue\:45 { color: hsl(195, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:50, html.auto .sf-c-txt-deepskyblue\:50 { color: hsl(195, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:55, html.auto .sf-c-txt-deepskyblue\:55 { color: hsl(195, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:60, html.auto .sf-c-txt-deepskyblue\:60 { color: hsl(195, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:65, html.auto .sf-c-txt-deepskyblue\:65 { color: hsl(195, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:70, html.auto .sf-c-txt-deepskyblue\:70 { color: hsl(195, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:75, html.auto .sf-c-txt-deepskyblue\:75 { color: hsl(195, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:80, html.auto .sf-c-txt-deepskyblue\:80 { color: hsl(195, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:85, html.auto .sf-c-txt-deepskyblue\:85 { color: hsl(195, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:90, html.auto .sf-c-txt-deepskyblue\:90 { color: hsl(195, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:95, html.auto .sf-c-txt-deepskyblue\:95 { color: hsl(195, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:100, html.auto .sf-c-txt-deepskyblue\:100 { color: hsl(195, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:dark, html.auto .sf-c-txt-deepskyblue\:dark { color: hsl(195, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:0\:dark, html.auto .sf-c-txt-deepskyblue\:0\:dark { color: hsl(195, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:5\:dark, html.auto .sf-c-txt-deepskyblue\:5\:dark { color: hsl(195, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:10\:dark, html.auto .sf-c-txt-deepskyblue\:10\:dark { color: hsl(195, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:15\:dark, html.auto .sf-c-txt-deepskyblue\:15\:dark { color: hsl(195, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:20\:dark, html.auto .sf-c-txt-deepskyblue\:20\:dark { color: hsl(195, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:25\:dark, html.auto .sf-c-txt-deepskyblue\:25\:dark { color: hsl(195, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:30\:dark, html.auto .sf-c-txt-deepskyblue\:30\:dark { color: hsl(195, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:35\:dark, html.auto .sf-c-txt-deepskyblue\:35\:dark { color: hsl(195, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:40\:dark, html.auto .sf-c-txt-deepskyblue\:40\:dark { color: hsl(195, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:45\:dark, html.auto .sf-c-txt-deepskyblue\:45\:dark { color: hsl(195, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:50\:dark, html.auto .sf-c-txt-deepskyblue\:50\:dark { color: hsl(195, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:55\:dark, html.auto .sf-c-txt-deepskyblue\:55\:dark { color: hsl(195, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:60\:dark, html.auto .sf-c-txt-deepskyblue\:60\:dark { color: hsl(195, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:65\:dark, html.auto .sf-c-txt-deepskyblue\:65\:dark { color: hsl(195, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:70\:dark, html.auto .sf-c-txt-deepskyblue\:70\:dark { color: hsl(195, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:75\:dark, html.auto .sf-c-txt-deepskyblue\:75\:dark { color: hsl(195, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:80\:dark, html.auto .sf-c-txt-deepskyblue\:80\:dark { color: hsl(195, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:85\:dark, html.auto .sf-c-txt-deepskyblue\:85\:dark { color: hsl(195, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:90\:dark, html.auto .sf-c-txt-deepskyblue\:90\:dark { color: hsl(195, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:95\:dark, html.auto .sf-c-txt-deepskyblue\:95\:dark { color: hsl(195, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-deepskyblue\:100\:dark, html.auto .sf-c-txt-deepskyblue\:100\:dark { color: hsl(195, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/dimgray.css b/src/colors/20/dimgray.css index 004430a..34de7e3 100644 --- a/src/colors/20/dimgray.css +++ b/src/colors/20/dimgray.css @@ -138,6 +138,52 @@ html.var .sf-c-dimgray\:90 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) html.var .sf-c-dimgray\:95 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } html.var .sf-c-dimgray\:100 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } +.sf-c-txt-dimgray { color: hsl(var(--sf-dark-c-txt-dimgray)) } +.sf-c-txt-dimgray\:0 { color: hsl(var(--sf-dark-c-txt-dimgray-100)) } +.sf-c-txt-dimgray\:5 { color: hsl(var(--sf-dark-c-txt-dimgray-95)) } +.sf-c-txt-dimgray\:10 { color: hsl(var(--sf-dark-c-txt-dimgray-90)) } +.sf-c-txt-dimgray\:15 { color: hsl(var(--sf-dark-c-txt-dimgray-85)) } +.sf-c-txt-dimgray\:20 { color: hsl(var(--sf-dark-c-txt-dimgray-80)) } +.sf-c-txt-dimgray\:25 { color: hsl(var(--sf-dark-c-txt-dimgray-75)) } +.sf-c-txt-dimgray\:30 { color: hsl(var(--sf-dark-c-txt-dimgray-70)) } +.sf-c-txt-dimgray\:35 { color: hsl(var(--sf-dark-c-txt-dimgray-65)) } +.sf-c-txt-dimgray\:40 { color: hsl(var(--sf-dark-c-txt-dimgray-60)) } +.sf-c-txt-dimgray\:45 { color: hsl(var(--sf-dark-c-txt-dimgray-55)) } +.sf-c-txt-dimgray\:50 { color: hsl(var(--sf-dark-c-txt-dimgray-50)) } +.sf-c-txt-dimgray\:55 { color: hsl(var(--sf-dark-c-txt-dimgray-45)) } +.sf-c-txt-dimgray\:60 { color: hsl(var(--sf-dark-c-txt-dimgray-40)) } +.sf-c-txt-dimgray\:65 { color: hsl(var(--sf-dark-c-txt-dimgray-35)) } +.sf-c-txt-dimgray\:70 { color: hsl(var(--sf-dark-c-txt-dimgray-30)) } +.sf-c-txt-dimgray\:75 { color: hsl(var(--sf-dark-c-txt-dimgray-25)) } +.sf-c-txt-dimgray\:80 { color: hsl(var(--sf-dark-c-txt-dimgray-20)) } +.sf-c-txt-dimgray\:85 { color: hsl(var(--sf-dark-c-txt-dimgray-15)) } +.sf-c-txt-dimgray\:90 { color: hsl(var(--sf-dark-c-txt-dimgray-10)) } +.sf-c-txt-dimgray\:95 { color: hsl(var(--sf-dark-c-txt-dimgray-5)) } +.sf-c-txt-dimgray\:100 { color: hsl(var(--sf-dark-c-txt-dimgray-0)) } + +html.var .sf-c-txt-dimgray { color: hsl(0, 0%, 59%) } +html.var .sf-c-txt-dimgray\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-dimgray\:5 { color: hsl(0, 0%, 95%) } +html.var .sf-c-txt-dimgray\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-dimgray\:15 { color: hsl(0, 0%, 85%) } +html.var .sf-c-txt-dimgray\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-dimgray\:25 { color: hsl(0, 0%, 75%) } +html.var .sf-c-txt-dimgray\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-dimgray\:35 { color: hsl(0, 0%, 65%) } +html.var .sf-c-txt-dimgray\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-dimgray\:45 { color: hsl(0, 0%, 55%) } +html.var .sf-c-txt-dimgray\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-dimgray\:55 { color: hsl(0, 0%, 45%) } +html.var .sf-c-txt-dimgray\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-dimgray\:65 { color: hsl(0, 0%, 35%) } +html.var .sf-c-txt-dimgray\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-dimgray\:75 { color: hsl(0, 0%, 25%) } +html.var .sf-c-txt-dimgray\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-dimgray\:85 { color: hsl(0, 0%, 15%) } +html.var .sf-c-txt-dimgray\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-dimgray\:95 { color: hsl(0, 0%, 5%) } +html.var .sf-c-txt-dimgray\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-dimgray, html.dark .sf-c-dimgray { color: hsl(var(--sf-dark-c-txt-dimgray-5)); background: hsl(var(--sf-dark-c-dimgray)) } html[data-theme='dark'] .sf-c-dimgray\:0, html.dark .sf-c-dimgray\:0 { color: hsl(var(--sf-dark-c-txt-dimgray-95)); background: hsl(var(--sf-dark-c-dimgray-100)) } html[data-theme='dark'] .sf-c-dimgray\:5, html.dark .sf-c-dimgray\:5 { color: hsl(var(--sf-dark-c-txt-dimgray-5)); background: hsl(var(--sf-dark-c-dimgray-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-dimgray\:90\:dark, html.dark .sf-c-dimgray\:90\:da html[data-theme='dark'] .sf-c-dimgray\:95\:dark, html.dark .sf-c-dimgray\:95\:dark { color: hsl(var(--sf-c-txt-dimgray-95)); background: hsl(var(--sf-c-dimgray-5)) } html[data-theme='dark'] .sf-c-dimgray\:100\:dark, html.dark .sf-c-dimgray\:100\:dark { color: hsl(var(--sf-c-txt-dimgray-95)); background: hsl(var(--sf-c-dimgray-0)) } +html[data-theme='dark'] .sf-c-txt-dimgray, html.dark .sf-c-txt-dimgray { color: hsl(var(--sf-c-txt-dimgray)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:0, html.dark .sf-c-txt-dimgray\:0 { color: hsl(var(--sf-c-txt-dimgray-0)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:5, html.dark .sf-c-txt-dimgray\:5 { color: hsl(var(--sf-c-txt-dimgray-5)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:10, html.dark .sf-c-txt-dimgray\:10 { color: hsl(var(--sf-c-txt-dimgray-10)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:15, html.dark .sf-c-txt-dimgray\:15 { color: hsl(var(--sf-c-txt-dimgray-15)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:20, html.dark .sf-c-txt-dimgray\:20 { color: hsl(var(--sf-c-txt-dimgray-20)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:25, html.dark .sf-c-txt-dimgray\:25 { color: hsl(var(--sf-c-txt-dimgray-25)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:30, html.dark .sf-c-txt-dimgray\:30 { color: hsl(var(--sf-c-txt-dimgray-30)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:35, html.dark .sf-c-txt-dimgray\:35 { color: hsl(var(--sf-c-txt-dimgray-35)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:40, html.dark .sf-c-txt-dimgray\:40 { color: hsl(var(--sf-c-txt-dimgray-40)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:45, html.dark .sf-c-txt-dimgray\:45 { color: hsl(var(--sf-c-txt-dimgray-45)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:50, html.dark .sf-c-txt-dimgray\:50 { color: hsl(var(--sf-c-txt-dimgray-50)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:55, html.dark .sf-c-txt-dimgray\:55 { color: hsl(var(--sf-c-txt-dimgray-55)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:60, html.dark .sf-c-txt-dimgray\:60 { color: hsl(var(--sf-c-txt-dimgray-60)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:65, html.dark .sf-c-txt-dimgray\:65 { color: hsl(var(--sf-c-txt-dimgray-65)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:70, html.dark .sf-c-txt-dimgray\:70 { color: hsl(var(--sf-c-txt-dimgray-70)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:75, html.dark .sf-c-txt-dimgray\:75 { color: hsl(var(--sf-c-txt-dimgray-75)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:80, html.dark .sf-c-txt-dimgray\:80 { color: hsl(var(--sf-c-txt-dimgray-80)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:85, html.dark .sf-c-txt-dimgray\:85 { color: hsl(var(--sf-c-txt-dimgray-85)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:90, html.dark .sf-c-txt-dimgray\:90 { color: hsl(var(--sf-c-txt-dimgray-90)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:95, html.dark .sf-c-txt-dimgray\:95 { color: hsl(var(--sf-c-txt-dimgray-95)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:100, html.dark .sf-c-txt-dimgray\:100 { color: hsl(var(--sf-c-txt-dimgray-100)) } + +html[data-theme='dark'] .sf-c-txt-dimgray\:dark, html.dark .sf-c-txt-dimgray\:dark { color: hsl(var(--sf-c-txt-dimgray)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:0\:dark, html.dark .sf-c-txt-dimgray\:0\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-0)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:5\:dark, html.dark .sf-c-txt-dimgray\:5\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-5)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:10\:dark, html.dark .sf-c-txt-dimgray\:10\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-10)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:15\:dark, html.dark .sf-c-txt-dimgray\:15\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-15)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:20\:dark, html.dark .sf-c-txt-dimgray\:20\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-20)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:25\:dark, html.dark .sf-c-txt-dimgray\:25\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-25)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:30\:dark, html.dark .sf-c-txt-dimgray\:30\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-30)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:35\:dark, html.dark .sf-c-txt-dimgray\:35\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-35)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:40\:dark, html.dark .sf-c-txt-dimgray\:40\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-40)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:45\:dark, html.dark .sf-c-txt-dimgray\:45\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-45)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:50\:dark, html.dark .sf-c-txt-dimgray\:50\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-50)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:55\:dark, html.dark .sf-c-txt-dimgray\:55\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-55)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:60\:dark, html.dark .sf-c-txt-dimgray\:60\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-60)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:65\:dark, html.dark .sf-c-txt-dimgray\:65\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-65)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:70\:dark, html.dark .sf-c-txt-dimgray\:70\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-70)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:75\:dark, html.dark .sf-c-txt-dimgray\:75\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-75)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:80\:dark, html.dark .sf-c-txt-dimgray\:80\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-80)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:85\:dark, html.dark .sf-c-txt-dimgray\:85\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-85)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:90\:dark, html.dark .sf-c-txt-dimgray\:90\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-90)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:95\:dark, html.dark .sf-c-txt-dimgray\:95\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-95)) } +html[data-theme='dark'] .sf-c-txt-dimgray\:100\:dark, html.dark .sf-c-txt-dimgray\:100\:dark { color: hsl(var(--sf-dark-c-txt-dimgray-100)) } + html.var[data-theme='dark'] .sf-c-dimgray, html.var.dark .sf-c-dimgray { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 59%) } html.var[data-theme='dark'] .sf-c-dimgray\:0, html.var.dark .sf-c-dimgray\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-dimgray\:5, html.var.dark .sf-c-dimgray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-dimgray\:90\:dark, html.var.dark .sf-c-dimgray html.var[data-theme='dark'] .sf-c-dimgray\:95\:dark, html.var.dark .sf-c-dimgray\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='dark'] .sf-c-dimgray\:100\:dark, html.var.dark .sf-c-dimgray\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray, html.dark .sf-c-txt-dimgray { color: hsl(0, 0%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:0, html.dark .sf-c-txt-dimgray\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:5, html.dark .sf-c-txt-dimgray\:5 { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:10, html.dark .sf-c-txt-dimgray\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:15, html.dark .sf-c-txt-dimgray\:15 { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:20, html.dark .sf-c-txt-dimgray\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:25, html.dark .sf-c-txt-dimgray\:25 { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:30, html.dark .sf-c-txt-dimgray\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:35, html.dark .sf-c-txt-dimgray\:35 { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:40, html.dark .sf-c-txt-dimgray\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:45, html.dark .sf-c-txt-dimgray\:45 { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:50, html.dark .sf-c-txt-dimgray\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:55, html.dark .sf-c-txt-dimgray\:55 { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:60, html.dark .sf-c-txt-dimgray\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:65, html.dark .sf-c-txt-dimgray\:65 { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:70, html.dark .sf-c-txt-dimgray\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:75, html.dark .sf-c-txt-dimgray\:75 { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:80, html.dark .sf-c-txt-dimgray\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:85, html.dark .sf-c-txt-dimgray\:85 { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:90, html.dark .sf-c-txt-dimgray\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:95, html.dark .sf-c-txt-dimgray\:95 { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:100, html.dark .sf-c-txt-dimgray\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-dimgray\:dark, html.dark .sf-c-txt-dimgray\:dark { color: hsl(0, 0%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:0\:dark, html.dark .sf-c-txt-dimgray\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:5\:dark, html.dark .sf-c-txt-dimgray\:5\:dark { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:10\:dark, html.dark .sf-c-txt-dimgray\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:15\:dark, html.dark .sf-c-txt-dimgray\:15\:dark { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:20\:dark, html.dark .sf-c-txt-dimgray\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:25\:dark, html.dark .sf-c-txt-dimgray\:25\:dark { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:30\:dark, html.dark .sf-c-txt-dimgray\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:35\:dark, html.dark .sf-c-txt-dimgray\:35\:dark { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:40\:dark, html.dark .sf-c-txt-dimgray\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:45\:dark, html.dark .sf-c-txt-dimgray\:45\:dark { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:50\:dark, html.dark .sf-c-txt-dimgray\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:55\:dark, html.dark .sf-c-txt-dimgray\:55\:dark { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:60\:dark, html.dark .sf-c-txt-dimgray\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:65\:dark, html.dark .sf-c-txt-dimgray\:65\:dark { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:70\:dark, html.dark .sf-c-txt-dimgray\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:75\:dark, html.dark .sf-c-txt-dimgray\:75\:dark { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:80\:dark, html.dark .sf-c-txt-dimgray\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:85\:dark, html.dark .sf-c-txt-dimgray\:85\:dark { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:90\:dark, html.dark .sf-c-txt-dimgray\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:95\:dark, html.dark .sf-c-txt-dimgray\:95\:dark { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-dimgray\:100\:dark, html.dark .sf-c-txt-dimgray\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-dimgray, html.auto .sf-c-dimgray { color: hsl(var(--sf-dark-c-txt-dimgray-5)); background: hsl(var(--sf-dark-c-dimgray)) } html[data-theme='auto'] .sf-c-dimgray\:0, html.auto .sf-c-dimgray\:0 { color: hsl(var(--sf-dark-c-txt-dimgray-95)); background: hsl(var(--sf-dark-c-dimgray-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-dimgray\:100\:dark, html.var.dark .sf-c-dimgra html[data-theme='auto'] .sf-c-dimgray\:95\:dark, html.auto .sf-c-dimgray\:95\:dark { color: hsl(var(--sf-c-txt-dimgray-95)); background: hsl(var(--sf-c-dimgray-5)) } html[data-theme='auto'] .sf-c-dimgray\:100\:dark, html.auto .sf-c-dimgray\:100\:dark { color: hsl(var(--sf-c-txt-dimgray-95)); background: hsl(var(--sf-c-dimgray-0)) } + html[data-theme='auto'] .sf-c-txt-dimgray, html.auto .sf-c-txt-dimgray { color: hsl(var(--sf-c-txt-dimgray)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:0, html.auto .sf-c-txt-dimgray\:0 { color: hsl(var(--sf-c-txt-dimgray-0)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:5, html.auto .sf-c-txt-dimgray\:5 { color: hsl(var(--sf-c-txt-dimgray-5)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:10, html.auto .sf-c-txt-dimgray\:10 { color: hsl(var(--sf-c-txt-dimgray-10)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:15, html.auto .sf-c-txt-dimgray\:15 { color: hsl(var(--sf-c-txt-dimgray-15)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:20, html.auto .sf-c-txt-dimgray\:20 { color: hsl(var(--sf-c-txt-dimgray-20)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:25, html.auto .sf-c-txt-dimgray\:25 { color: hsl(var(--sf-c-txt-dimgray-25)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:30, html.auto .sf-c-txt-dimgray\:30 { color: hsl(var(--sf-c-txt-dimgray-30)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:35, html.auto .sf-c-txt-dimgray\:35 { color: hsl(var(--sf-c-txt-dimgray-35)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:40, html.auto .sf-c-txt-dimgray\:40 { color: hsl(var(--sf-c-txt-dimgray-40)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:45, html.auto .sf-c-txt-dimgray\:45 { color: hsl(var(--sf-c-txt-dimgray-45)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:50, html.auto .sf-c-txt-dimgray\:50 { color: hsl(var(--sf-c-txt-dimgray-50)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:55, html.auto .sf-c-txt-dimgray\:55 { color: hsl(var(--sf-c-txt-dimgray-55)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:60, html.auto .sf-c-txt-dimgray\:60 { color: hsl(var(--sf-c-txt-dimgray-60)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:65, html.auto .sf-c-txt-dimgray\:65 { color: hsl(var(--sf-c-txt-dimgray-65)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:70, html.auto .sf-c-txt-dimgray\:70 { color: hsl(var(--sf-c-txt-dimgray-70)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:75, html.auto .sf-c-txt-dimgray\:75 { color: hsl(var(--sf-c-txt-dimgray-75)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:80, html.auto .sf-c-txt-dimgray\:80 { color: hsl(var(--sf-c-txt-dimgray-80)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:85, html.auto .sf-c-txt-dimgray\:85 { color: hsl(var(--sf-c-txt-dimgray-85)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:90, html.auto .sf-c-txt-dimgray\:90 { color: hsl(var(--sf-c-txt-dimgray-90)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:95, html.auto .sf-c-txt-dimgray\:95 { color: hsl(var(--sf-c-txt-dimgray-95)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:100, html.auto .sf-c-txt-dimgray\:100 { color: hsl(var(--sf-c-txt-dimgray-100)) } + + html[data-theme='auto'] .sf-c-txt-dimgray\:dark, html.auto .sf-c-txt-dimgray\:dark { color: hsl(var(--sf-c-txt-dimgray)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:0\:dark, html.auto .sf-c-txt-dimgray\:0\:dark { color: hsl(var(--sf-c-txt-dimgray-0)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:5\:dark, html.auto .sf-c-txt-dimgray\:5\:dark { color: hsl(var(--sf-c-txt-dimgray-5)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:10\:dark, html.auto .sf-c-txt-dimgray\:10\:dark { color: hsl(var(--sf-c-txt-dimgray-10)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:15\:dark, html.auto .sf-c-txt-dimgray\:15\:dark { color: hsl(var(--sf-c-txt-dimgray-15)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:20\:dark, html.auto .sf-c-txt-dimgray\:20\:dark { color: hsl(var(--sf-c-txt-dimgray-20)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:25\:dark, html.auto .sf-c-txt-dimgray\:25\:dark { color: hsl(var(--sf-c-txt-dimgray-25)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:30\:dark, html.auto .sf-c-txt-dimgray\:30\:dark { color: hsl(var(--sf-c-txt-dimgray-30)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:35\:dark, html.auto .sf-c-txt-dimgray\:35\:dark { color: hsl(var(--sf-c-txt-dimgray-35)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:40\:dark, html.auto .sf-c-txt-dimgray\:40\:dark { color: hsl(var(--sf-c-txt-dimgray-40)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:45\:dark, html.auto .sf-c-txt-dimgray\:45\:dark { color: hsl(var(--sf-c-txt-dimgray-45)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:50\:dark, html.auto .sf-c-txt-dimgray\:50\:dark { color: hsl(var(--sf-c-txt-dimgray-50)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:55\:dark, html.auto .sf-c-txt-dimgray\:55\:dark { color: hsl(var(--sf-c-txt-dimgray-55)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:60\:dark, html.auto .sf-c-txt-dimgray\:60\:dark { color: hsl(var(--sf-c-txt-dimgray-60)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:65\:dark, html.auto .sf-c-txt-dimgray\:65\:dark { color: hsl(var(--sf-c-txt-dimgray-65)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:70\:dark, html.auto .sf-c-txt-dimgray\:70\:dark { color: hsl(var(--sf-c-txt-dimgray-70)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:75\:dark, html.auto .sf-c-txt-dimgray\:75\:dark { color: hsl(var(--sf-c-txt-dimgray-75)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:80\:dark, html.auto .sf-c-txt-dimgray\:80\:dark { color: hsl(var(--sf-c-txt-dimgray-80)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:85\:dark, html.auto .sf-c-txt-dimgray\:85\:dark { color: hsl(var(--sf-c-txt-dimgray-85)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:90\:dark, html.auto .sf-c-txt-dimgray\:90\:dark { color: hsl(var(--sf-c-txt-dimgray-90)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:95\:dark, html.auto .sf-c-txt-dimgray\:95\:dark { color: hsl(var(--sf-c-txt-dimgray-95)) } + html[data-theme='auto'] .sf-c-txt-dimgray\:100\:dark, html.auto .sf-c-txt-dimgray\:100\:dark { color: hsl(var(--sf-c-txt-dimgray-100)) } + html.var[data-theme='auto'] .sf-c-dimgray, html.var.auto .sf-c-dimgray { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 59%) } html.var[data-theme='auto'] .sf-c-dimgray\:0, html.var.auto .sf-c-dimgray\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-dimgray\:5, html.var.auto .sf-c-dimgray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-dimgray\:100\:dark, html.var.dark .sf-c-dimgra html.var[data-theme='auto'] .sf-c-dimgray\:90\:dark, html.var.auto .sf-c-dimgray\:90\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-dimgray\:95\:dark, html.var.auto .sf-c-dimgray\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='auto'] .sf-c-dimgray\:100\:dark, html.var.auto .sf-c-dimgray\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-dimgray { color: hsl(var(--sf-c-txt-dimgray)) } -.sf-c-txt-dimgray\:0 { color: hsl(var(--sf-c-txt-dimgray-0)) } -.sf-c-txt-dimgray\:5 { color: hsl(var(--sf-c-txt-dimgray-5)) } -.sf-c-txt-dimgray\:10 { color: hsl(var(--sf-c-txt-dimgray-10)) } -.sf-c-txt-dimgray\:15 { color: hsl(var(--sf-c-txt-dimgray-15)) } -.sf-c-txt-dimgray\:20 { color: hsl(var(--sf-c-txt-dimgray-20)) } -.sf-c-txt-dimgray\:25 { color: hsl(var(--sf-c-txt-dimgray-25)) } -.sf-c-txt-dimgray\:30 { color: hsl(var(--sf-c-txt-dimgray-30)) } -.sf-c-txt-dimgray\:35 { color: hsl(var(--sf-c-txt-dimgray-35)) } -.sf-c-txt-dimgray\:40 { color: hsl(var(--sf-c-txt-dimgray-40)) } -.sf-c-txt-dimgray\:45 { color: hsl(var(--sf-c-txt-dimgray-45)) } -.sf-c-txt-dimgray\:50 { color: hsl(var(--sf-c-txt-dimgray-50)) } -.sf-c-txt-dimgray\:55 { color: hsl(var(--sf-c-txt-dimgray-55)) } -.sf-c-txt-dimgray\:60 { color: hsl(var(--sf-c-txt-dimgray-60)) } -.sf-c-txt-dimgray\:65 { color: hsl(var(--sf-c-txt-dimgray-65)) } -.sf-c-txt-dimgray\:70 { color: hsl(var(--sf-c-txt-dimgray-70)) } -.sf-c-txt-dimgray\:75 { color: hsl(var(--sf-c-txt-dimgray-75)) } -.sf-c-txt-dimgray\:80 { color: hsl(var(--sf-c-txt-dimgray-80)) } -.sf-c-txt-dimgray\:85 { color: hsl(var(--sf-c-txt-dimgray-85)) } -.sf-c-txt-dimgray\:90 { color: hsl(var(--sf-c-txt-dimgray-90)) } -.sf-c-txt-dimgray\:95 { color: hsl(var(--sf-c-txt-dimgray-95)) } -.sf-c-txt-dimgray\:100 { color: hsl(var(--sf-c-txt-dimgray-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-dimgray, html.auto .sf-c-txt-dimgray { color: hsl(0, 0%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:0, html.auto .sf-c-txt-dimgray\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:5, html.auto .sf-c-txt-dimgray\:5 { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:10, html.auto .sf-c-txt-dimgray\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:15, html.auto .sf-c-txt-dimgray\:15 { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:20, html.auto .sf-c-txt-dimgray\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:25, html.auto .sf-c-txt-dimgray\:25 { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:30, html.auto .sf-c-txt-dimgray\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:35, html.auto .sf-c-txt-dimgray\:35 { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:40, html.auto .sf-c-txt-dimgray\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:45, html.auto .sf-c-txt-dimgray\:45 { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:50, html.auto .sf-c-txt-dimgray\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:55, html.auto .sf-c-txt-dimgray\:55 { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:60, html.auto .sf-c-txt-dimgray\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:65, html.auto .sf-c-txt-dimgray\:65 { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:70, html.auto .sf-c-txt-dimgray\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:75, html.auto .sf-c-txt-dimgray\:75 { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:80, html.auto .sf-c-txt-dimgray\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:85, html.auto .sf-c-txt-dimgray\:85 { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:90, html.auto .sf-c-txt-dimgray\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:95, html.auto .sf-c-txt-dimgray\:95 { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:100, html.auto .sf-c-txt-dimgray\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-dimgray\:dark, html.auto .sf-c-txt-dimgray\:dark { color: hsl(0, 0%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:0\:dark, html.auto .sf-c-txt-dimgray\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:5\:dark, html.auto .sf-c-txt-dimgray\:5\:dark { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:10\:dark, html.auto .sf-c-txt-dimgray\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:15\:dark, html.auto .sf-c-txt-dimgray\:15\:dark { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:20\:dark, html.auto .sf-c-txt-dimgray\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:25\:dark, html.auto .sf-c-txt-dimgray\:25\:dark { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:30\:dark, html.auto .sf-c-txt-dimgray\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:35\:dark, html.auto .sf-c-txt-dimgray\:35\:dark { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:40\:dark, html.auto .sf-c-txt-dimgray\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:45\:dark, html.auto .sf-c-txt-dimgray\:45\:dark { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:50\:dark, html.auto .sf-c-txt-dimgray\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:55\:dark, html.auto .sf-c-txt-dimgray\:55\:dark { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:60\:dark, html.auto .sf-c-txt-dimgray\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:65\:dark, html.auto .sf-c-txt-dimgray\:65\:dark { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:70\:dark, html.auto .sf-c-txt-dimgray\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:75\:dark, html.auto .sf-c-txt-dimgray\:75\:dark { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:80\:dark, html.auto .sf-c-txt-dimgray\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:85\:dark, html.auto .sf-c-txt-dimgray\:85\:dark { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:90\:dark, html.auto .sf-c-txt-dimgray\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:95\:dark, html.auto .sf-c-txt-dimgray\:95\:dark { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-dimgray\:100\:dark, html.auto .sf-c-txt-dimgray\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/dimgrey.css b/src/colors/20/dimgrey.css index 2ca2920..d58d628 100644 --- a/src/colors/20/dimgrey.css +++ b/src/colors/20/dimgrey.css @@ -138,6 +138,52 @@ html.var .sf-c-dimgrey\:90 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) html.var .sf-c-dimgrey\:95 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } html.var .sf-c-dimgrey\:100 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } +.sf-c-txt-dimgrey { color: hsl(var(--sf-dark-c-txt-dimgrey)) } +.sf-c-txt-dimgrey\:0 { color: hsl(var(--sf-dark-c-txt-dimgrey-100)) } +.sf-c-txt-dimgrey\:5 { color: hsl(var(--sf-dark-c-txt-dimgrey-95)) } +.sf-c-txt-dimgrey\:10 { color: hsl(var(--sf-dark-c-txt-dimgrey-90)) } +.sf-c-txt-dimgrey\:15 { color: hsl(var(--sf-dark-c-txt-dimgrey-85)) } +.sf-c-txt-dimgrey\:20 { color: hsl(var(--sf-dark-c-txt-dimgrey-80)) } +.sf-c-txt-dimgrey\:25 { color: hsl(var(--sf-dark-c-txt-dimgrey-75)) } +.sf-c-txt-dimgrey\:30 { color: hsl(var(--sf-dark-c-txt-dimgrey-70)) } +.sf-c-txt-dimgrey\:35 { color: hsl(var(--sf-dark-c-txt-dimgrey-65)) } +.sf-c-txt-dimgrey\:40 { color: hsl(var(--sf-dark-c-txt-dimgrey-60)) } +.sf-c-txt-dimgrey\:45 { color: hsl(var(--sf-dark-c-txt-dimgrey-55)) } +.sf-c-txt-dimgrey\:50 { color: hsl(var(--sf-dark-c-txt-dimgrey-50)) } +.sf-c-txt-dimgrey\:55 { color: hsl(var(--sf-dark-c-txt-dimgrey-45)) } +.sf-c-txt-dimgrey\:60 { color: hsl(var(--sf-dark-c-txt-dimgrey-40)) } +.sf-c-txt-dimgrey\:65 { color: hsl(var(--sf-dark-c-txt-dimgrey-35)) } +.sf-c-txt-dimgrey\:70 { color: hsl(var(--sf-dark-c-txt-dimgrey-30)) } +.sf-c-txt-dimgrey\:75 { color: hsl(var(--sf-dark-c-txt-dimgrey-25)) } +.sf-c-txt-dimgrey\:80 { color: hsl(var(--sf-dark-c-txt-dimgrey-20)) } +.sf-c-txt-dimgrey\:85 { color: hsl(var(--sf-dark-c-txt-dimgrey-15)) } +.sf-c-txt-dimgrey\:90 { color: hsl(var(--sf-dark-c-txt-dimgrey-10)) } +.sf-c-txt-dimgrey\:95 { color: hsl(var(--sf-dark-c-txt-dimgrey-5)) } +.sf-c-txt-dimgrey\:100 { color: hsl(var(--sf-dark-c-txt-dimgrey-0)) } + +html.var .sf-c-txt-dimgrey { color: hsl(0, 0%, 59%) } +html.var .sf-c-txt-dimgrey\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-dimgrey\:5 { color: hsl(0, 0%, 95%) } +html.var .sf-c-txt-dimgrey\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-dimgrey\:15 { color: hsl(0, 0%, 85%) } +html.var .sf-c-txt-dimgrey\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-dimgrey\:25 { color: hsl(0, 0%, 75%) } +html.var .sf-c-txt-dimgrey\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-dimgrey\:35 { color: hsl(0, 0%, 65%) } +html.var .sf-c-txt-dimgrey\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-dimgrey\:45 { color: hsl(0, 0%, 55%) } +html.var .sf-c-txt-dimgrey\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-dimgrey\:55 { color: hsl(0, 0%, 45%) } +html.var .sf-c-txt-dimgrey\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-dimgrey\:65 { color: hsl(0, 0%, 35%) } +html.var .sf-c-txt-dimgrey\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-dimgrey\:75 { color: hsl(0, 0%, 25%) } +html.var .sf-c-txt-dimgrey\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-dimgrey\:85 { color: hsl(0, 0%, 15%) } +html.var .sf-c-txt-dimgrey\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-dimgrey\:95 { color: hsl(0, 0%, 5%) } +html.var .sf-c-txt-dimgrey\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-dimgrey, html.dark .sf-c-dimgrey { color: hsl(var(--sf-dark-c-txt-dimgrey-5)); background: hsl(var(--sf-dark-c-dimgrey)) } html[data-theme='dark'] .sf-c-dimgrey\:0, html.dark .sf-c-dimgrey\:0 { color: hsl(var(--sf-dark-c-txt-dimgrey-95)); background: hsl(var(--sf-dark-c-dimgrey-100)) } html[data-theme='dark'] .sf-c-dimgrey\:5, html.dark .sf-c-dimgrey\:5 { color: hsl(var(--sf-dark-c-txt-dimgrey-5)); background: hsl(var(--sf-dark-c-dimgrey-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-dimgrey\:90\:dark, html.dark .sf-c-dimgrey\:90\:da html[data-theme='dark'] .sf-c-dimgrey\:95\:dark, html.dark .sf-c-dimgrey\:95\:dark { color: hsl(var(--sf-c-txt-dimgrey-95)); background: hsl(var(--sf-c-dimgrey-5)) } html[data-theme='dark'] .sf-c-dimgrey\:100\:dark, html.dark .sf-c-dimgrey\:100\:dark { color: hsl(var(--sf-c-txt-dimgrey-95)); background: hsl(var(--sf-c-dimgrey-0)) } +html[data-theme='dark'] .sf-c-txt-dimgrey, html.dark .sf-c-txt-dimgrey { color: hsl(var(--sf-c-txt-dimgrey)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:0, html.dark .sf-c-txt-dimgrey\:0 { color: hsl(var(--sf-c-txt-dimgrey-0)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:5, html.dark .sf-c-txt-dimgrey\:5 { color: hsl(var(--sf-c-txt-dimgrey-5)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:10, html.dark .sf-c-txt-dimgrey\:10 { color: hsl(var(--sf-c-txt-dimgrey-10)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:15, html.dark .sf-c-txt-dimgrey\:15 { color: hsl(var(--sf-c-txt-dimgrey-15)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:20, html.dark .sf-c-txt-dimgrey\:20 { color: hsl(var(--sf-c-txt-dimgrey-20)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:25, html.dark .sf-c-txt-dimgrey\:25 { color: hsl(var(--sf-c-txt-dimgrey-25)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:30, html.dark .sf-c-txt-dimgrey\:30 { color: hsl(var(--sf-c-txt-dimgrey-30)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:35, html.dark .sf-c-txt-dimgrey\:35 { color: hsl(var(--sf-c-txt-dimgrey-35)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:40, html.dark .sf-c-txt-dimgrey\:40 { color: hsl(var(--sf-c-txt-dimgrey-40)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:45, html.dark .sf-c-txt-dimgrey\:45 { color: hsl(var(--sf-c-txt-dimgrey-45)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:50, html.dark .sf-c-txt-dimgrey\:50 { color: hsl(var(--sf-c-txt-dimgrey-50)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:55, html.dark .sf-c-txt-dimgrey\:55 { color: hsl(var(--sf-c-txt-dimgrey-55)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:60, html.dark .sf-c-txt-dimgrey\:60 { color: hsl(var(--sf-c-txt-dimgrey-60)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:65, html.dark .sf-c-txt-dimgrey\:65 { color: hsl(var(--sf-c-txt-dimgrey-65)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:70, html.dark .sf-c-txt-dimgrey\:70 { color: hsl(var(--sf-c-txt-dimgrey-70)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:75, html.dark .sf-c-txt-dimgrey\:75 { color: hsl(var(--sf-c-txt-dimgrey-75)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:80, html.dark .sf-c-txt-dimgrey\:80 { color: hsl(var(--sf-c-txt-dimgrey-80)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:85, html.dark .sf-c-txt-dimgrey\:85 { color: hsl(var(--sf-c-txt-dimgrey-85)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:90, html.dark .sf-c-txt-dimgrey\:90 { color: hsl(var(--sf-c-txt-dimgrey-90)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:95, html.dark .sf-c-txt-dimgrey\:95 { color: hsl(var(--sf-c-txt-dimgrey-95)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:100, html.dark .sf-c-txt-dimgrey\:100 { color: hsl(var(--sf-c-txt-dimgrey-100)) } + +html[data-theme='dark'] .sf-c-txt-dimgrey\:dark, html.dark .sf-c-txt-dimgrey\:dark { color: hsl(var(--sf-c-txt-dimgrey)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:0\:dark, html.dark .sf-c-txt-dimgrey\:0\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-0)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:5\:dark, html.dark .sf-c-txt-dimgrey\:5\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-5)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:10\:dark, html.dark .sf-c-txt-dimgrey\:10\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-10)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:15\:dark, html.dark .sf-c-txt-dimgrey\:15\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-15)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:20\:dark, html.dark .sf-c-txt-dimgrey\:20\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-20)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:25\:dark, html.dark .sf-c-txt-dimgrey\:25\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-25)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:30\:dark, html.dark .sf-c-txt-dimgrey\:30\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-30)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:35\:dark, html.dark .sf-c-txt-dimgrey\:35\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-35)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:40\:dark, html.dark .sf-c-txt-dimgrey\:40\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-40)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:45\:dark, html.dark .sf-c-txt-dimgrey\:45\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-45)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:50\:dark, html.dark .sf-c-txt-dimgrey\:50\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-50)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:55\:dark, html.dark .sf-c-txt-dimgrey\:55\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-55)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:60\:dark, html.dark .sf-c-txt-dimgrey\:60\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-60)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:65\:dark, html.dark .sf-c-txt-dimgrey\:65\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-65)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:70\:dark, html.dark .sf-c-txt-dimgrey\:70\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-70)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:75\:dark, html.dark .sf-c-txt-dimgrey\:75\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-75)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:80\:dark, html.dark .sf-c-txt-dimgrey\:80\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-80)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:85\:dark, html.dark .sf-c-txt-dimgrey\:85\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-85)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:90\:dark, html.dark .sf-c-txt-dimgrey\:90\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-90)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:95\:dark, html.dark .sf-c-txt-dimgrey\:95\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-95)) } +html[data-theme='dark'] .sf-c-txt-dimgrey\:100\:dark, html.dark .sf-c-txt-dimgrey\:100\:dark { color: hsl(var(--sf-dark-c-txt-dimgrey-100)) } + html.var[data-theme='dark'] .sf-c-dimgrey, html.var.dark .sf-c-dimgrey { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 59%) } html.var[data-theme='dark'] .sf-c-dimgrey\:0, html.var.dark .sf-c-dimgrey\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-dimgrey\:5, html.var.dark .sf-c-dimgrey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-dimgrey\:90\:dark, html.var.dark .sf-c-dimgrey html.var[data-theme='dark'] .sf-c-dimgrey\:95\:dark, html.var.dark .sf-c-dimgrey\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='dark'] .sf-c-dimgrey\:100\:dark, html.var.dark .sf-c-dimgrey\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey, html.dark .sf-c-txt-dimgrey { color: hsl(0, 0%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:0, html.dark .sf-c-txt-dimgrey\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:5, html.dark .sf-c-txt-dimgrey\:5 { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:10, html.dark .sf-c-txt-dimgrey\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:15, html.dark .sf-c-txt-dimgrey\:15 { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:20, html.dark .sf-c-txt-dimgrey\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:25, html.dark .sf-c-txt-dimgrey\:25 { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:30, html.dark .sf-c-txt-dimgrey\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:35, html.dark .sf-c-txt-dimgrey\:35 { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:40, html.dark .sf-c-txt-dimgrey\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:45, html.dark .sf-c-txt-dimgrey\:45 { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:50, html.dark .sf-c-txt-dimgrey\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:55, html.dark .sf-c-txt-dimgrey\:55 { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:60, html.dark .sf-c-txt-dimgrey\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:65, html.dark .sf-c-txt-dimgrey\:65 { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:70, html.dark .sf-c-txt-dimgrey\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:75, html.dark .sf-c-txt-dimgrey\:75 { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:80, html.dark .sf-c-txt-dimgrey\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:85, html.dark .sf-c-txt-dimgrey\:85 { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:90, html.dark .sf-c-txt-dimgrey\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:95, html.dark .sf-c-txt-dimgrey\:95 { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:100, html.dark .sf-c-txt-dimgrey\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:dark, html.dark .sf-c-txt-dimgrey\:dark { color: hsl(0, 0%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:0\:dark, html.dark .sf-c-txt-dimgrey\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:5\:dark, html.dark .sf-c-txt-dimgrey\:5\:dark { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:10\:dark, html.dark .sf-c-txt-dimgrey\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:15\:dark, html.dark .sf-c-txt-dimgrey\:15\:dark { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:20\:dark, html.dark .sf-c-txt-dimgrey\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:25\:dark, html.dark .sf-c-txt-dimgrey\:25\:dark { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:30\:dark, html.dark .sf-c-txt-dimgrey\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:35\:dark, html.dark .sf-c-txt-dimgrey\:35\:dark { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:40\:dark, html.dark .sf-c-txt-dimgrey\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:45\:dark, html.dark .sf-c-txt-dimgrey\:45\:dark { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:50\:dark, html.dark .sf-c-txt-dimgrey\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:55\:dark, html.dark .sf-c-txt-dimgrey\:55\:dark { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:60\:dark, html.dark .sf-c-txt-dimgrey\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:65\:dark, html.dark .sf-c-txt-dimgrey\:65\:dark { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:70\:dark, html.dark .sf-c-txt-dimgrey\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:75\:dark, html.dark .sf-c-txt-dimgrey\:75\:dark { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:80\:dark, html.dark .sf-c-txt-dimgrey\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:85\:dark, html.dark .sf-c-txt-dimgrey\:85\:dark { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:90\:dark, html.dark .sf-c-txt-dimgrey\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:95\:dark, html.dark .sf-c-txt-dimgrey\:95\:dark { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-dimgrey\:100\:dark, html.dark .sf-c-txt-dimgrey\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-dimgrey, html.auto .sf-c-dimgrey { color: hsl(var(--sf-dark-c-txt-dimgrey-5)); background: hsl(var(--sf-dark-c-dimgrey)) } html[data-theme='auto'] .sf-c-dimgrey\:0, html.auto .sf-c-dimgrey\:0 { color: hsl(var(--sf-dark-c-txt-dimgrey-95)); background: hsl(var(--sf-dark-c-dimgrey-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-dimgrey\:100\:dark, html.var.dark .sf-c-dimgre html[data-theme='auto'] .sf-c-dimgrey\:95\:dark, html.auto .sf-c-dimgrey\:95\:dark { color: hsl(var(--sf-c-txt-dimgrey-95)); background: hsl(var(--sf-c-dimgrey-5)) } html[data-theme='auto'] .sf-c-dimgrey\:100\:dark, html.auto .sf-c-dimgrey\:100\:dark { color: hsl(var(--sf-c-txt-dimgrey-95)); background: hsl(var(--sf-c-dimgrey-0)) } + html[data-theme='auto'] .sf-c-txt-dimgrey, html.auto .sf-c-txt-dimgrey { color: hsl(var(--sf-c-txt-dimgrey)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:0, html.auto .sf-c-txt-dimgrey\:0 { color: hsl(var(--sf-c-txt-dimgrey-0)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:5, html.auto .sf-c-txt-dimgrey\:5 { color: hsl(var(--sf-c-txt-dimgrey-5)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:10, html.auto .sf-c-txt-dimgrey\:10 { color: hsl(var(--sf-c-txt-dimgrey-10)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:15, html.auto .sf-c-txt-dimgrey\:15 { color: hsl(var(--sf-c-txt-dimgrey-15)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:20, html.auto .sf-c-txt-dimgrey\:20 { color: hsl(var(--sf-c-txt-dimgrey-20)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:25, html.auto .sf-c-txt-dimgrey\:25 { color: hsl(var(--sf-c-txt-dimgrey-25)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:30, html.auto .sf-c-txt-dimgrey\:30 { color: hsl(var(--sf-c-txt-dimgrey-30)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:35, html.auto .sf-c-txt-dimgrey\:35 { color: hsl(var(--sf-c-txt-dimgrey-35)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:40, html.auto .sf-c-txt-dimgrey\:40 { color: hsl(var(--sf-c-txt-dimgrey-40)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:45, html.auto .sf-c-txt-dimgrey\:45 { color: hsl(var(--sf-c-txt-dimgrey-45)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:50, html.auto .sf-c-txt-dimgrey\:50 { color: hsl(var(--sf-c-txt-dimgrey-50)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:55, html.auto .sf-c-txt-dimgrey\:55 { color: hsl(var(--sf-c-txt-dimgrey-55)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:60, html.auto .sf-c-txt-dimgrey\:60 { color: hsl(var(--sf-c-txt-dimgrey-60)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:65, html.auto .sf-c-txt-dimgrey\:65 { color: hsl(var(--sf-c-txt-dimgrey-65)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:70, html.auto .sf-c-txt-dimgrey\:70 { color: hsl(var(--sf-c-txt-dimgrey-70)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:75, html.auto .sf-c-txt-dimgrey\:75 { color: hsl(var(--sf-c-txt-dimgrey-75)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:80, html.auto .sf-c-txt-dimgrey\:80 { color: hsl(var(--sf-c-txt-dimgrey-80)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:85, html.auto .sf-c-txt-dimgrey\:85 { color: hsl(var(--sf-c-txt-dimgrey-85)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:90, html.auto .sf-c-txt-dimgrey\:90 { color: hsl(var(--sf-c-txt-dimgrey-90)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:95, html.auto .sf-c-txt-dimgrey\:95 { color: hsl(var(--sf-c-txt-dimgrey-95)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:100, html.auto .sf-c-txt-dimgrey\:100 { color: hsl(var(--sf-c-txt-dimgrey-100)) } + + html[data-theme='auto'] .sf-c-txt-dimgrey\:dark, html.auto .sf-c-txt-dimgrey\:dark { color: hsl(var(--sf-c-txt-dimgrey)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:0\:dark, html.auto .sf-c-txt-dimgrey\:0\:dark { color: hsl(var(--sf-c-txt-dimgrey-0)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:5\:dark, html.auto .sf-c-txt-dimgrey\:5\:dark { color: hsl(var(--sf-c-txt-dimgrey-5)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:10\:dark, html.auto .sf-c-txt-dimgrey\:10\:dark { color: hsl(var(--sf-c-txt-dimgrey-10)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:15\:dark, html.auto .sf-c-txt-dimgrey\:15\:dark { color: hsl(var(--sf-c-txt-dimgrey-15)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:20\:dark, html.auto .sf-c-txt-dimgrey\:20\:dark { color: hsl(var(--sf-c-txt-dimgrey-20)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:25\:dark, html.auto .sf-c-txt-dimgrey\:25\:dark { color: hsl(var(--sf-c-txt-dimgrey-25)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:30\:dark, html.auto .sf-c-txt-dimgrey\:30\:dark { color: hsl(var(--sf-c-txt-dimgrey-30)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:35\:dark, html.auto .sf-c-txt-dimgrey\:35\:dark { color: hsl(var(--sf-c-txt-dimgrey-35)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:40\:dark, html.auto .sf-c-txt-dimgrey\:40\:dark { color: hsl(var(--sf-c-txt-dimgrey-40)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:45\:dark, html.auto .sf-c-txt-dimgrey\:45\:dark { color: hsl(var(--sf-c-txt-dimgrey-45)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:50\:dark, html.auto .sf-c-txt-dimgrey\:50\:dark { color: hsl(var(--sf-c-txt-dimgrey-50)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:55\:dark, html.auto .sf-c-txt-dimgrey\:55\:dark { color: hsl(var(--sf-c-txt-dimgrey-55)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:60\:dark, html.auto .sf-c-txt-dimgrey\:60\:dark { color: hsl(var(--sf-c-txt-dimgrey-60)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:65\:dark, html.auto .sf-c-txt-dimgrey\:65\:dark { color: hsl(var(--sf-c-txt-dimgrey-65)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:70\:dark, html.auto .sf-c-txt-dimgrey\:70\:dark { color: hsl(var(--sf-c-txt-dimgrey-70)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:75\:dark, html.auto .sf-c-txt-dimgrey\:75\:dark { color: hsl(var(--sf-c-txt-dimgrey-75)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:80\:dark, html.auto .sf-c-txt-dimgrey\:80\:dark { color: hsl(var(--sf-c-txt-dimgrey-80)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:85\:dark, html.auto .sf-c-txt-dimgrey\:85\:dark { color: hsl(var(--sf-c-txt-dimgrey-85)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:90\:dark, html.auto .sf-c-txt-dimgrey\:90\:dark { color: hsl(var(--sf-c-txt-dimgrey-90)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:95\:dark, html.auto .sf-c-txt-dimgrey\:95\:dark { color: hsl(var(--sf-c-txt-dimgrey-95)) } + html[data-theme='auto'] .sf-c-txt-dimgrey\:100\:dark, html.auto .sf-c-txt-dimgrey\:100\:dark { color: hsl(var(--sf-c-txt-dimgrey-100)) } + html.var[data-theme='auto'] .sf-c-dimgrey, html.var.auto .sf-c-dimgrey { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 59%) } html.var[data-theme='auto'] .sf-c-dimgrey\:0, html.var.auto .sf-c-dimgrey\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-dimgrey\:5, html.var.auto .sf-c-dimgrey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-dimgrey\:100\:dark, html.var.dark .sf-c-dimgre html.var[data-theme='auto'] .sf-c-dimgrey\:90\:dark, html.var.auto .sf-c-dimgrey\:90\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-dimgrey\:95\:dark, html.var.auto .sf-c-dimgrey\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='auto'] .sf-c-dimgrey\:100\:dark, html.var.auto .sf-c-dimgrey\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-dimgrey { color: hsl(var(--sf-c-txt-dimgrey)) } -.sf-c-txt-dimgrey\:0 { color: hsl(var(--sf-c-txt-dimgrey-0)) } -.sf-c-txt-dimgrey\:5 { color: hsl(var(--sf-c-txt-dimgrey-5)) } -.sf-c-txt-dimgrey\:10 { color: hsl(var(--sf-c-txt-dimgrey-10)) } -.sf-c-txt-dimgrey\:15 { color: hsl(var(--sf-c-txt-dimgrey-15)) } -.sf-c-txt-dimgrey\:20 { color: hsl(var(--sf-c-txt-dimgrey-20)) } -.sf-c-txt-dimgrey\:25 { color: hsl(var(--sf-c-txt-dimgrey-25)) } -.sf-c-txt-dimgrey\:30 { color: hsl(var(--sf-c-txt-dimgrey-30)) } -.sf-c-txt-dimgrey\:35 { color: hsl(var(--sf-c-txt-dimgrey-35)) } -.sf-c-txt-dimgrey\:40 { color: hsl(var(--sf-c-txt-dimgrey-40)) } -.sf-c-txt-dimgrey\:45 { color: hsl(var(--sf-c-txt-dimgrey-45)) } -.sf-c-txt-dimgrey\:50 { color: hsl(var(--sf-c-txt-dimgrey-50)) } -.sf-c-txt-dimgrey\:55 { color: hsl(var(--sf-c-txt-dimgrey-55)) } -.sf-c-txt-dimgrey\:60 { color: hsl(var(--sf-c-txt-dimgrey-60)) } -.sf-c-txt-dimgrey\:65 { color: hsl(var(--sf-c-txt-dimgrey-65)) } -.sf-c-txt-dimgrey\:70 { color: hsl(var(--sf-c-txt-dimgrey-70)) } -.sf-c-txt-dimgrey\:75 { color: hsl(var(--sf-c-txt-dimgrey-75)) } -.sf-c-txt-dimgrey\:80 { color: hsl(var(--sf-c-txt-dimgrey-80)) } -.sf-c-txt-dimgrey\:85 { color: hsl(var(--sf-c-txt-dimgrey-85)) } -.sf-c-txt-dimgrey\:90 { color: hsl(var(--sf-c-txt-dimgrey-90)) } -.sf-c-txt-dimgrey\:95 { color: hsl(var(--sf-c-txt-dimgrey-95)) } -.sf-c-txt-dimgrey\:100 { color: hsl(var(--sf-c-txt-dimgrey-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-dimgrey, html.auto .sf-c-txt-dimgrey { color: hsl(0, 0%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:0, html.auto .sf-c-txt-dimgrey\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:5, html.auto .sf-c-txt-dimgrey\:5 { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:10, html.auto .sf-c-txt-dimgrey\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:15, html.auto .sf-c-txt-dimgrey\:15 { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:20, html.auto .sf-c-txt-dimgrey\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:25, html.auto .sf-c-txt-dimgrey\:25 { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:30, html.auto .sf-c-txt-dimgrey\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:35, html.auto .sf-c-txt-dimgrey\:35 { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:40, html.auto .sf-c-txt-dimgrey\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:45, html.auto .sf-c-txt-dimgrey\:45 { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:50, html.auto .sf-c-txt-dimgrey\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:55, html.auto .sf-c-txt-dimgrey\:55 { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:60, html.auto .sf-c-txt-dimgrey\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:65, html.auto .sf-c-txt-dimgrey\:65 { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:70, html.auto .sf-c-txt-dimgrey\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:75, html.auto .sf-c-txt-dimgrey\:75 { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:80, html.auto .sf-c-txt-dimgrey\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:85, html.auto .sf-c-txt-dimgrey\:85 { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:90, html.auto .sf-c-txt-dimgrey\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:95, html.auto .sf-c-txt-dimgrey\:95 { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:100, html.auto .sf-c-txt-dimgrey\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:dark, html.auto .sf-c-txt-dimgrey\:dark { color: hsl(0, 0%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:0\:dark, html.auto .sf-c-txt-dimgrey\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:5\:dark, html.auto .sf-c-txt-dimgrey\:5\:dark { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:10\:dark, html.auto .sf-c-txt-dimgrey\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:15\:dark, html.auto .sf-c-txt-dimgrey\:15\:dark { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:20\:dark, html.auto .sf-c-txt-dimgrey\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:25\:dark, html.auto .sf-c-txt-dimgrey\:25\:dark { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:30\:dark, html.auto .sf-c-txt-dimgrey\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:35\:dark, html.auto .sf-c-txt-dimgrey\:35\:dark { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:40\:dark, html.auto .sf-c-txt-dimgrey\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:45\:dark, html.auto .sf-c-txt-dimgrey\:45\:dark { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:50\:dark, html.auto .sf-c-txt-dimgrey\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:55\:dark, html.auto .sf-c-txt-dimgrey\:55\:dark { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:60\:dark, html.auto .sf-c-txt-dimgrey\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:65\:dark, html.auto .sf-c-txt-dimgrey\:65\:dark { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:70\:dark, html.auto .sf-c-txt-dimgrey\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:75\:dark, html.auto .sf-c-txt-dimgrey\:75\:dark { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:80\:dark, html.auto .sf-c-txt-dimgrey\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:85\:dark, html.auto .sf-c-txt-dimgrey\:85\:dark { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:90\:dark, html.auto .sf-c-txt-dimgrey\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:95\:dark, html.auto .sf-c-txt-dimgrey\:95\:dark { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-dimgrey\:100\:dark, html.auto .sf-c-txt-dimgrey\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/dodgerblue.css b/src/colors/20/dodgerblue.css index d088d49..4014c30 100644 --- a/src/colors/20/dodgerblue.css +++ b/src/colors/20/dodgerblue.css @@ -138,6 +138,52 @@ html.var .sf-c-dodgerblue\:90 { color: hsl(210, 100%, 5%); background: hsl(210, html.var .sf-c-dodgerblue\:95 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 95%) } html.var .sf-c-dodgerblue\:100 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 100%) } +.sf-c-txt-dodgerblue { color: hsl(var(--sf-dark-c-txt-dodgerblue)) } +.sf-c-txt-dodgerblue\:0 { color: hsl(var(--sf-dark-c-txt-dodgerblue-100)) } +.sf-c-txt-dodgerblue\:5 { color: hsl(var(--sf-dark-c-txt-dodgerblue-95)) } +.sf-c-txt-dodgerblue\:10 { color: hsl(var(--sf-dark-c-txt-dodgerblue-90)) } +.sf-c-txt-dodgerblue\:15 { color: hsl(var(--sf-dark-c-txt-dodgerblue-85)) } +.sf-c-txt-dodgerblue\:20 { color: hsl(var(--sf-dark-c-txt-dodgerblue-80)) } +.sf-c-txt-dodgerblue\:25 { color: hsl(var(--sf-dark-c-txt-dodgerblue-75)) } +.sf-c-txt-dodgerblue\:30 { color: hsl(var(--sf-dark-c-txt-dodgerblue-70)) } +.sf-c-txt-dodgerblue\:35 { color: hsl(var(--sf-dark-c-txt-dodgerblue-65)) } +.sf-c-txt-dodgerblue\:40 { color: hsl(var(--sf-dark-c-txt-dodgerblue-60)) } +.sf-c-txt-dodgerblue\:45 { color: hsl(var(--sf-dark-c-txt-dodgerblue-55)) } +.sf-c-txt-dodgerblue\:50 { color: hsl(var(--sf-dark-c-txt-dodgerblue-50)) } +.sf-c-txt-dodgerblue\:55 { color: hsl(var(--sf-dark-c-txt-dodgerblue-45)) } +.sf-c-txt-dodgerblue\:60 { color: hsl(var(--sf-dark-c-txt-dodgerblue-40)) } +.sf-c-txt-dodgerblue\:65 { color: hsl(var(--sf-dark-c-txt-dodgerblue-35)) } +.sf-c-txt-dodgerblue\:70 { color: hsl(var(--sf-dark-c-txt-dodgerblue-30)) } +.sf-c-txt-dodgerblue\:75 { color: hsl(var(--sf-dark-c-txt-dodgerblue-25)) } +.sf-c-txt-dodgerblue\:80 { color: hsl(var(--sf-dark-c-txt-dodgerblue-20)) } +.sf-c-txt-dodgerblue\:85 { color: hsl(var(--sf-dark-c-txt-dodgerblue-15)) } +.sf-c-txt-dodgerblue\:90 { color: hsl(var(--sf-dark-c-txt-dodgerblue-10)) } +.sf-c-txt-dodgerblue\:95 { color: hsl(var(--sf-dark-c-txt-dodgerblue-5)) } +.sf-c-txt-dodgerblue\:100 { color: hsl(var(--sf-dark-c-txt-dodgerblue-0)) } + +html.var .sf-c-txt-dodgerblue { color: hsl(210, 100%, 44%) } +html.var .sf-c-txt-dodgerblue\:0 { color: hsl(210, 100%, 100%) } +html.var .sf-c-txt-dodgerblue\:5 { color: hsl(210, 100%, 95%) } +html.var .sf-c-txt-dodgerblue\:10 { color: hsl(210, 100%, 90%) } +html.var .sf-c-txt-dodgerblue\:15 { color: hsl(210, 100%, 85%) } +html.var .sf-c-txt-dodgerblue\:20 { color: hsl(210, 100%, 80%) } +html.var .sf-c-txt-dodgerblue\:25 { color: hsl(210, 100%, 75%) } +html.var .sf-c-txt-dodgerblue\:30 { color: hsl(210, 100%, 70%) } +html.var .sf-c-txt-dodgerblue\:35 { color: hsl(210, 100%, 65%) } +html.var .sf-c-txt-dodgerblue\:40 { color: hsl(210, 100%, 60%) } +html.var .sf-c-txt-dodgerblue\:45 { color: hsl(210, 100%, 55%) } +html.var .sf-c-txt-dodgerblue\:50 { color: hsl(210, 100%, 50%) } +html.var .sf-c-txt-dodgerblue\:55 { color: hsl(210, 100%, 45%) } +html.var .sf-c-txt-dodgerblue\:60 { color: hsl(210, 100%, 40%) } +html.var .sf-c-txt-dodgerblue\:65 { color: hsl(210, 100%, 35%) } +html.var .sf-c-txt-dodgerblue\:70 { color: hsl(210, 100%, 30%) } +html.var .sf-c-txt-dodgerblue\:75 { color: hsl(210, 100%, 25%) } +html.var .sf-c-txt-dodgerblue\:80 { color: hsl(210, 100%, 20%) } +html.var .sf-c-txt-dodgerblue\:85 { color: hsl(210, 100%, 15%) } +html.var .sf-c-txt-dodgerblue\:90 { color: hsl(210, 100%, 10%) } +html.var .sf-c-txt-dodgerblue\:95 { color: hsl(210, 100%, 5%) } +html.var .sf-c-txt-dodgerblue\:100 { color: hsl(210, 100%, 0%) } + html[data-theme='dark'] .sf-c-dodgerblue, html.dark .sf-c-dodgerblue { color: hsl(var(--sf-dark-c-txt-dodgerblue-95)); background: hsl(var(--sf-dark-c-dodgerblue)) } html[data-theme='dark'] .sf-c-dodgerblue\:0, html.dark .sf-c-dodgerblue\:0 { color: hsl(var(--sf-dark-c-txt-dodgerblue-95)); background: hsl(var(--sf-dark-c-dodgerblue-100)) } html[data-theme='dark'] .sf-c-dodgerblue\:5, html.dark .sf-c-dodgerblue\:5 { color: hsl(var(--sf-dark-c-txt-dodgerblue-5)); background: hsl(var(--sf-dark-c-dodgerblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-dodgerblue\:90\:dark, html.dark .sf-c-dodgerblue\: html[data-theme='dark'] .sf-c-dodgerblue\:95\:dark, html.dark .sf-c-dodgerblue\:95\:dark { color: hsl(var(--sf-c-txt-dodgerblue-95)); background: hsl(var(--sf-c-dodgerblue-5)) } html[data-theme='dark'] .sf-c-dodgerblue\:100\:dark, html.dark .sf-c-dodgerblue\:100\:dark { color: hsl(var(--sf-c-txt-dodgerblue-95)); background: hsl(var(--sf-c-dodgerblue-0)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue, html.dark .sf-c-txt-dodgerblue { color: hsl(var(--sf-c-txt-dodgerblue)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:0, html.dark .sf-c-txt-dodgerblue\:0 { color: hsl(var(--sf-c-txt-dodgerblue-0)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:5, html.dark .sf-c-txt-dodgerblue\:5 { color: hsl(var(--sf-c-txt-dodgerblue-5)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:10, html.dark .sf-c-txt-dodgerblue\:10 { color: hsl(var(--sf-c-txt-dodgerblue-10)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:15, html.dark .sf-c-txt-dodgerblue\:15 { color: hsl(var(--sf-c-txt-dodgerblue-15)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:20, html.dark .sf-c-txt-dodgerblue\:20 { color: hsl(var(--sf-c-txt-dodgerblue-20)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:25, html.dark .sf-c-txt-dodgerblue\:25 { color: hsl(var(--sf-c-txt-dodgerblue-25)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:30, html.dark .sf-c-txt-dodgerblue\:30 { color: hsl(var(--sf-c-txt-dodgerblue-30)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:35, html.dark .sf-c-txt-dodgerblue\:35 { color: hsl(var(--sf-c-txt-dodgerblue-35)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:40, html.dark .sf-c-txt-dodgerblue\:40 { color: hsl(var(--sf-c-txt-dodgerblue-40)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:45, html.dark .sf-c-txt-dodgerblue\:45 { color: hsl(var(--sf-c-txt-dodgerblue-45)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:50, html.dark .sf-c-txt-dodgerblue\:50 { color: hsl(var(--sf-c-txt-dodgerblue-50)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:55, html.dark .sf-c-txt-dodgerblue\:55 { color: hsl(var(--sf-c-txt-dodgerblue-55)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:60, html.dark .sf-c-txt-dodgerblue\:60 { color: hsl(var(--sf-c-txt-dodgerblue-60)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:65, html.dark .sf-c-txt-dodgerblue\:65 { color: hsl(var(--sf-c-txt-dodgerblue-65)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:70, html.dark .sf-c-txt-dodgerblue\:70 { color: hsl(var(--sf-c-txt-dodgerblue-70)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:75, html.dark .sf-c-txt-dodgerblue\:75 { color: hsl(var(--sf-c-txt-dodgerblue-75)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:80, html.dark .sf-c-txt-dodgerblue\:80 { color: hsl(var(--sf-c-txt-dodgerblue-80)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:85, html.dark .sf-c-txt-dodgerblue\:85 { color: hsl(var(--sf-c-txt-dodgerblue-85)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:90, html.dark .sf-c-txt-dodgerblue\:90 { color: hsl(var(--sf-c-txt-dodgerblue-90)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:95, html.dark .sf-c-txt-dodgerblue\:95 { color: hsl(var(--sf-c-txt-dodgerblue-95)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:100, html.dark .sf-c-txt-dodgerblue\:100 { color: hsl(var(--sf-c-txt-dodgerblue-100)) } + +html[data-theme='dark'] .sf-c-txt-dodgerblue\:dark, html.dark .sf-c-txt-dodgerblue\:dark { color: hsl(var(--sf-c-txt-dodgerblue)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:0\:dark, html.dark .sf-c-txt-dodgerblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-0)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:5\:dark, html.dark .sf-c-txt-dodgerblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-5)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:10\:dark, html.dark .sf-c-txt-dodgerblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-10)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:15\:dark, html.dark .sf-c-txt-dodgerblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-15)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:20\:dark, html.dark .sf-c-txt-dodgerblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-20)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:25\:dark, html.dark .sf-c-txt-dodgerblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-25)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:30\:dark, html.dark .sf-c-txt-dodgerblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-30)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:35\:dark, html.dark .sf-c-txt-dodgerblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-35)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:40\:dark, html.dark .sf-c-txt-dodgerblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-40)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:45\:dark, html.dark .sf-c-txt-dodgerblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-45)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:50\:dark, html.dark .sf-c-txt-dodgerblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-50)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:55\:dark, html.dark .sf-c-txt-dodgerblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-55)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:60\:dark, html.dark .sf-c-txt-dodgerblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-60)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:65\:dark, html.dark .sf-c-txt-dodgerblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-65)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:70\:dark, html.dark .sf-c-txt-dodgerblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-70)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:75\:dark, html.dark .sf-c-txt-dodgerblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-75)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:80\:dark, html.dark .sf-c-txt-dodgerblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-80)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:85\:dark, html.dark .sf-c-txt-dodgerblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-85)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:90\:dark, html.dark .sf-c-txt-dodgerblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-90)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:95\:dark, html.dark .sf-c-txt-dodgerblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-95)) } +html[data-theme='dark'] .sf-c-txt-dodgerblue\:100\:dark, html.dark .sf-c-txt-dodgerblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-dodgerblue-100)) } + html.var[data-theme='dark'] .sf-c-dodgerblue, html.var.dark .sf-c-dodgerblue { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 44%) } html.var[data-theme='dark'] .sf-c-dodgerblue\:0, html.var.dark .sf-c-dodgerblue\:0 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 100%) } html.var[data-theme='dark'] .sf-c-dodgerblue\:5, html.var.dark .sf-c-dodgerblue\:5 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-dodgerblue\:90\:dark, html.var.dark .sf-c-dodg html.var[data-theme='dark'] .sf-c-dodgerblue\:95\:dark, html.var.dark .sf-c-dodgerblue\:95\:dark { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 5%) } html.var[data-theme='dark'] .sf-c-dodgerblue\:100\:dark, html.var.dark .sf-c-dodgerblue\:100\:dark { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue, html.dark .sf-c-txt-dodgerblue { color: hsl(210, 100%, 56%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:0, html.dark .sf-c-txt-dodgerblue\:0 { color: hsl(210, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:5, html.dark .sf-c-txt-dodgerblue\:5 { color: hsl(210, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:10, html.dark .sf-c-txt-dodgerblue\:10 { color: hsl(210, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:15, html.dark .sf-c-txt-dodgerblue\:15 { color: hsl(210, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:20, html.dark .sf-c-txt-dodgerblue\:20 { color: hsl(210, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:25, html.dark .sf-c-txt-dodgerblue\:25 { color: hsl(210, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:30, html.dark .sf-c-txt-dodgerblue\:30 { color: hsl(210, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:35, html.dark .sf-c-txt-dodgerblue\:35 { color: hsl(210, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:40, html.dark .sf-c-txt-dodgerblue\:40 { color: hsl(210, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:45, html.dark .sf-c-txt-dodgerblue\:45 { color: hsl(210, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:50, html.dark .sf-c-txt-dodgerblue\:50 { color: hsl(210, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:55, html.dark .sf-c-txt-dodgerblue\:55 { color: hsl(210, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:60, html.dark .sf-c-txt-dodgerblue\:60 { color: hsl(210, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:65, html.dark .sf-c-txt-dodgerblue\:65 { color: hsl(210, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:70, html.dark .sf-c-txt-dodgerblue\:70 { color: hsl(210, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:75, html.dark .sf-c-txt-dodgerblue\:75 { color: hsl(210, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:80, html.dark .sf-c-txt-dodgerblue\:80 { color: hsl(210, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:85, html.dark .sf-c-txt-dodgerblue\:85 { color: hsl(210, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:90, html.dark .sf-c-txt-dodgerblue\:90 { color: hsl(210, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:95, html.dark .sf-c-txt-dodgerblue\:95 { color: hsl(210, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:100, html.dark .sf-c-txt-dodgerblue\:100 { color: hsl(210, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:dark, html.dark .sf-c-txt-dodgerblue\:dark { color: hsl(210, 100%, 56%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:0\:dark, html.dark .sf-c-txt-dodgerblue\:0\:dark { color: hsl(210, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:5\:dark, html.dark .sf-c-txt-dodgerblue\:5\:dark { color: hsl(210, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:10\:dark, html.dark .sf-c-txt-dodgerblue\:10\:dark { color: hsl(210, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:15\:dark, html.dark .sf-c-txt-dodgerblue\:15\:dark { color: hsl(210, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:20\:dark, html.dark .sf-c-txt-dodgerblue\:20\:dark { color: hsl(210, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:25\:dark, html.dark .sf-c-txt-dodgerblue\:25\:dark { color: hsl(210, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:30\:dark, html.dark .sf-c-txt-dodgerblue\:30\:dark { color: hsl(210, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:35\:dark, html.dark .sf-c-txt-dodgerblue\:35\:dark { color: hsl(210, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:40\:dark, html.dark .sf-c-txt-dodgerblue\:40\:dark { color: hsl(210, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:45\:dark, html.dark .sf-c-txt-dodgerblue\:45\:dark { color: hsl(210, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:50\:dark, html.dark .sf-c-txt-dodgerblue\:50\:dark { color: hsl(210, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:55\:dark, html.dark .sf-c-txt-dodgerblue\:55\:dark { color: hsl(210, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:60\:dark, html.dark .sf-c-txt-dodgerblue\:60\:dark { color: hsl(210, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:65\:dark, html.dark .sf-c-txt-dodgerblue\:65\:dark { color: hsl(210, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:70\:dark, html.dark .sf-c-txt-dodgerblue\:70\:dark { color: hsl(210, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:75\:dark, html.dark .sf-c-txt-dodgerblue\:75\:dark { color: hsl(210, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:80\:dark, html.dark .sf-c-txt-dodgerblue\:80\:dark { color: hsl(210, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:85\:dark, html.dark .sf-c-txt-dodgerblue\:85\:dark { color: hsl(210, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:90\:dark, html.dark .sf-c-txt-dodgerblue\:90\:dark { color: hsl(210, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:95\:dark, html.dark .sf-c-txt-dodgerblue\:95\:dark { color: hsl(210, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-dodgerblue\:100\:dark, html.dark .sf-c-txt-dodgerblue\:100\:dark { color: hsl(210, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-dodgerblue, html.auto .sf-c-dodgerblue { color: hsl(var(--sf-dark-c-txt-dodgerblue-95)); background: hsl(var(--sf-dark-c-dodgerblue)) } html[data-theme='auto'] .sf-c-dodgerblue\:0, html.auto .sf-c-dodgerblue\:0 { color: hsl(var(--sf-dark-c-txt-dodgerblue-95)); background: hsl(var(--sf-dark-c-dodgerblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-dodgerblue\:100\:dark, html.var.dark .sf-c-dod html[data-theme='auto'] .sf-c-dodgerblue\:95\:dark, html.auto .sf-c-dodgerblue\:95\:dark { color: hsl(var(--sf-c-txt-dodgerblue-95)); background: hsl(var(--sf-c-dodgerblue-5)) } html[data-theme='auto'] .sf-c-dodgerblue\:100\:dark, html.auto .sf-c-dodgerblue\:100\:dark { color: hsl(var(--sf-c-txt-dodgerblue-95)); background: hsl(var(--sf-c-dodgerblue-0)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue, html.auto .sf-c-txt-dodgerblue { color: hsl(var(--sf-c-txt-dodgerblue)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:0, html.auto .sf-c-txt-dodgerblue\:0 { color: hsl(var(--sf-c-txt-dodgerblue-0)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:5, html.auto .sf-c-txt-dodgerblue\:5 { color: hsl(var(--sf-c-txt-dodgerblue-5)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:10, html.auto .sf-c-txt-dodgerblue\:10 { color: hsl(var(--sf-c-txt-dodgerblue-10)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:15, html.auto .sf-c-txt-dodgerblue\:15 { color: hsl(var(--sf-c-txt-dodgerblue-15)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:20, html.auto .sf-c-txt-dodgerblue\:20 { color: hsl(var(--sf-c-txt-dodgerblue-20)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:25, html.auto .sf-c-txt-dodgerblue\:25 { color: hsl(var(--sf-c-txt-dodgerblue-25)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:30, html.auto .sf-c-txt-dodgerblue\:30 { color: hsl(var(--sf-c-txt-dodgerblue-30)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:35, html.auto .sf-c-txt-dodgerblue\:35 { color: hsl(var(--sf-c-txt-dodgerblue-35)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:40, html.auto .sf-c-txt-dodgerblue\:40 { color: hsl(var(--sf-c-txt-dodgerblue-40)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:45, html.auto .sf-c-txt-dodgerblue\:45 { color: hsl(var(--sf-c-txt-dodgerblue-45)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:50, html.auto .sf-c-txt-dodgerblue\:50 { color: hsl(var(--sf-c-txt-dodgerblue-50)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:55, html.auto .sf-c-txt-dodgerblue\:55 { color: hsl(var(--sf-c-txt-dodgerblue-55)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:60, html.auto .sf-c-txt-dodgerblue\:60 { color: hsl(var(--sf-c-txt-dodgerblue-60)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:65, html.auto .sf-c-txt-dodgerblue\:65 { color: hsl(var(--sf-c-txt-dodgerblue-65)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:70, html.auto .sf-c-txt-dodgerblue\:70 { color: hsl(var(--sf-c-txt-dodgerblue-70)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:75, html.auto .sf-c-txt-dodgerblue\:75 { color: hsl(var(--sf-c-txt-dodgerblue-75)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:80, html.auto .sf-c-txt-dodgerblue\:80 { color: hsl(var(--sf-c-txt-dodgerblue-80)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:85, html.auto .sf-c-txt-dodgerblue\:85 { color: hsl(var(--sf-c-txt-dodgerblue-85)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:90, html.auto .sf-c-txt-dodgerblue\:90 { color: hsl(var(--sf-c-txt-dodgerblue-90)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:95, html.auto .sf-c-txt-dodgerblue\:95 { color: hsl(var(--sf-c-txt-dodgerblue-95)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:100, html.auto .sf-c-txt-dodgerblue\:100 { color: hsl(var(--sf-c-txt-dodgerblue-100)) } + + html[data-theme='auto'] .sf-c-txt-dodgerblue\:dark, html.auto .sf-c-txt-dodgerblue\:dark { color: hsl(var(--sf-c-txt-dodgerblue)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:0\:dark, html.auto .sf-c-txt-dodgerblue\:0\:dark { color: hsl(var(--sf-c-txt-dodgerblue-0)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:5\:dark, html.auto .sf-c-txt-dodgerblue\:5\:dark { color: hsl(var(--sf-c-txt-dodgerblue-5)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:10\:dark, html.auto .sf-c-txt-dodgerblue\:10\:dark { color: hsl(var(--sf-c-txt-dodgerblue-10)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:15\:dark, html.auto .sf-c-txt-dodgerblue\:15\:dark { color: hsl(var(--sf-c-txt-dodgerblue-15)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:20\:dark, html.auto .sf-c-txt-dodgerblue\:20\:dark { color: hsl(var(--sf-c-txt-dodgerblue-20)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:25\:dark, html.auto .sf-c-txt-dodgerblue\:25\:dark { color: hsl(var(--sf-c-txt-dodgerblue-25)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:30\:dark, html.auto .sf-c-txt-dodgerblue\:30\:dark { color: hsl(var(--sf-c-txt-dodgerblue-30)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:35\:dark, html.auto .sf-c-txt-dodgerblue\:35\:dark { color: hsl(var(--sf-c-txt-dodgerblue-35)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:40\:dark, html.auto .sf-c-txt-dodgerblue\:40\:dark { color: hsl(var(--sf-c-txt-dodgerblue-40)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:45\:dark, html.auto .sf-c-txt-dodgerblue\:45\:dark { color: hsl(var(--sf-c-txt-dodgerblue-45)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:50\:dark, html.auto .sf-c-txt-dodgerblue\:50\:dark { color: hsl(var(--sf-c-txt-dodgerblue-50)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:55\:dark, html.auto .sf-c-txt-dodgerblue\:55\:dark { color: hsl(var(--sf-c-txt-dodgerblue-55)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:60\:dark, html.auto .sf-c-txt-dodgerblue\:60\:dark { color: hsl(var(--sf-c-txt-dodgerblue-60)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:65\:dark, html.auto .sf-c-txt-dodgerblue\:65\:dark { color: hsl(var(--sf-c-txt-dodgerblue-65)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:70\:dark, html.auto .sf-c-txt-dodgerblue\:70\:dark { color: hsl(var(--sf-c-txt-dodgerblue-70)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:75\:dark, html.auto .sf-c-txt-dodgerblue\:75\:dark { color: hsl(var(--sf-c-txt-dodgerblue-75)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:80\:dark, html.auto .sf-c-txt-dodgerblue\:80\:dark { color: hsl(var(--sf-c-txt-dodgerblue-80)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:85\:dark, html.auto .sf-c-txt-dodgerblue\:85\:dark { color: hsl(var(--sf-c-txt-dodgerblue-85)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:90\:dark, html.auto .sf-c-txt-dodgerblue\:90\:dark { color: hsl(var(--sf-c-txt-dodgerblue-90)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:95\:dark, html.auto .sf-c-txt-dodgerblue\:95\:dark { color: hsl(var(--sf-c-txt-dodgerblue-95)) } + html[data-theme='auto'] .sf-c-txt-dodgerblue\:100\:dark, html.auto .sf-c-txt-dodgerblue\:100\:dark { color: hsl(var(--sf-c-txt-dodgerblue-100)) } + html.var[data-theme='auto'] .sf-c-dodgerblue, html.var.auto .sf-c-dodgerblue { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 44%) } html.var[data-theme='auto'] .sf-c-dodgerblue\:0, html.var.auto .sf-c-dodgerblue\:0 { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 100%) } html.var[data-theme='auto'] .sf-c-dodgerblue\:5, html.var.auto .sf-c-dodgerblue\:5 { color: hsl(210, 100%, 5%); background: hsl(210, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-dodgerblue\:100\:dark, html.var.dark .sf-c-dod html.var[data-theme='auto'] .sf-c-dodgerblue\:90\:dark, html.var.auto .sf-c-dodgerblue\:90\:dark { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 10%) } html.var[data-theme='auto'] .sf-c-dodgerblue\:95\:dark, html.var.auto .sf-c-dodgerblue\:95\:dark { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 5%) } html.var[data-theme='auto'] .sf-c-dodgerblue\:100\:dark, html.var.auto .sf-c-dodgerblue\:100\:dark { color: hsl(210, 100%, 95%); background: hsl(210, 100%, 0%) } -} -.sf-c-txt-dodgerblue { color: hsl(var(--sf-c-txt-dodgerblue)) } -.sf-c-txt-dodgerblue\:0 { color: hsl(var(--sf-c-txt-dodgerblue-0)) } -.sf-c-txt-dodgerblue\:5 { color: hsl(var(--sf-c-txt-dodgerblue-5)) } -.sf-c-txt-dodgerblue\:10 { color: hsl(var(--sf-c-txt-dodgerblue-10)) } -.sf-c-txt-dodgerblue\:15 { color: hsl(var(--sf-c-txt-dodgerblue-15)) } -.sf-c-txt-dodgerblue\:20 { color: hsl(var(--sf-c-txt-dodgerblue-20)) } -.sf-c-txt-dodgerblue\:25 { color: hsl(var(--sf-c-txt-dodgerblue-25)) } -.sf-c-txt-dodgerblue\:30 { color: hsl(var(--sf-c-txt-dodgerblue-30)) } -.sf-c-txt-dodgerblue\:35 { color: hsl(var(--sf-c-txt-dodgerblue-35)) } -.sf-c-txt-dodgerblue\:40 { color: hsl(var(--sf-c-txt-dodgerblue-40)) } -.sf-c-txt-dodgerblue\:45 { color: hsl(var(--sf-c-txt-dodgerblue-45)) } -.sf-c-txt-dodgerblue\:50 { color: hsl(var(--sf-c-txt-dodgerblue-50)) } -.sf-c-txt-dodgerblue\:55 { color: hsl(var(--sf-c-txt-dodgerblue-55)) } -.sf-c-txt-dodgerblue\:60 { color: hsl(var(--sf-c-txt-dodgerblue-60)) } -.sf-c-txt-dodgerblue\:65 { color: hsl(var(--sf-c-txt-dodgerblue-65)) } -.sf-c-txt-dodgerblue\:70 { color: hsl(var(--sf-c-txt-dodgerblue-70)) } -.sf-c-txt-dodgerblue\:75 { color: hsl(var(--sf-c-txt-dodgerblue-75)) } -.sf-c-txt-dodgerblue\:80 { color: hsl(var(--sf-c-txt-dodgerblue-80)) } -.sf-c-txt-dodgerblue\:85 { color: hsl(var(--sf-c-txt-dodgerblue-85)) } -.sf-c-txt-dodgerblue\:90 { color: hsl(var(--sf-c-txt-dodgerblue-90)) } -.sf-c-txt-dodgerblue\:95 { color: hsl(var(--sf-c-txt-dodgerblue-95)) } -.sf-c-txt-dodgerblue\:100 { color: hsl(var(--sf-c-txt-dodgerblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-dodgerblue, html.auto .sf-c-txt-dodgerblue { color: hsl(210, 100%, 56%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:0, html.auto .sf-c-txt-dodgerblue\:0 { color: hsl(210, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:5, html.auto .sf-c-txt-dodgerblue\:5 { color: hsl(210, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:10, html.auto .sf-c-txt-dodgerblue\:10 { color: hsl(210, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:15, html.auto .sf-c-txt-dodgerblue\:15 { color: hsl(210, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:20, html.auto .sf-c-txt-dodgerblue\:20 { color: hsl(210, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:25, html.auto .sf-c-txt-dodgerblue\:25 { color: hsl(210, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:30, html.auto .sf-c-txt-dodgerblue\:30 { color: hsl(210, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:35, html.auto .sf-c-txt-dodgerblue\:35 { color: hsl(210, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:40, html.auto .sf-c-txt-dodgerblue\:40 { color: hsl(210, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:45, html.auto .sf-c-txt-dodgerblue\:45 { color: hsl(210, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:50, html.auto .sf-c-txt-dodgerblue\:50 { color: hsl(210, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:55, html.auto .sf-c-txt-dodgerblue\:55 { color: hsl(210, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:60, html.auto .sf-c-txt-dodgerblue\:60 { color: hsl(210, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:65, html.auto .sf-c-txt-dodgerblue\:65 { color: hsl(210, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:70, html.auto .sf-c-txt-dodgerblue\:70 { color: hsl(210, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:75, html.auto .sf-c-txt-dodgerblue\:75 { color: hsl(210, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:80, html.auto .sf-c-txt-dodgerblue\:80 { color: hsl(210, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:85, html.auto .sf-c-txt-dodgerblue\:85 { color: hsl(210, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:90, html.auto .sf-c-txt-dodgerblue\:90 { color: hsl(210, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:95, html.auto .sf-c-txt-dodgerblue\:95 { color: hsl(210, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:100, html.auto .sf-c-txt-dodgerblue\:100 { color: hsl(210, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:dark, html.auto .sf-c-txt-dodgerblue\:dark { color: hsl(210, 100%, 56%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:0\:dark, html.auto .sf-c-txt-dodgerblue\:0\:dark { color: hsl(210, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:5\:dark, html.auto .sf-c-txt-dodgerblue\:5\:dark { color: hsl(210, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:10\:dark, html.auto .sf-c-txt-dodgerblue\:10\:dark { color: hsl(210, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:15\:dark, html.auto .sf-c-txt-dodgerblue\:15\:dark { color: hsl(210, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:20\:dark, html.auto .sf-c-txt-dodgerblue\:20\:dark { color: hsl(210, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:25\:dark, html.auto .sf-c-txt-dodgerblue\:25\:dark { color: hsl(210, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:30\:dark, html.auto .sf-c-txt-dodgerblue\:30\:dark { color: hsl(210, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:35\:dark, html.auto .sf-c-txt-dodgerblue\:35\:dark { color: hsl(210, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:40\:dark, html.auto .sf-c-txt-dodgerblue\:40\:dark { color: hsl(210, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:45\:dark, html.auto .sf-c-txt-dodgerblue\:45\:dark { color: hsl(210, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:50\:dark, html.auto .sf-c-txt-dodgerblue\:50\:dark { color: hsl(210, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:55\:dark, html.auto .sf-c-txt-dodgerblue\:55\:dark { color: hsl(210, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:60\:dark, html.auto .sf-c-txt-dodgerblue\:60\:dark { color: hsl(210, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:65\:dark, html.auto .sf-c-txt-dodgerblue\:65\:dark { color: hsl(210, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:70\:dark, html.auto .sf-c-txt-dodgerblue\:70\:dark { color: hsl(210, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:75\:dark, html.auto .sf-c-txt-dodgerblue\:75\:dark { color: hsl(210, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:80\:dark, html.auto .sf-c-txt-dodgerblue\:80\:dark { color: hsl(210, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:85\:dark, html.auto .sf-c-txt-dodgerblue\:85\:dark { color: hsl(210, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:90\:dark, html.auto .sf-c-txt-dodgerblue\:90\:dark { color: hsl(210, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:95\:dark, html.auto .sf-c-txt-dodgerblue\:95\:dark { color: hsl(210, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-dodgerblue\:100\:dark, html.auto .sf-c-txt-dodgerblue\:100\:dark { color: hsl(210, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/firebrick.css b/src/colors/20/firebrick.css index 4929f1b..d7f4b05 100644 --- a/src/colors/20/firebrick.css +++ b/src/colors/20/firebrick.css @@ -138,6 +138,52 @@ html.var .sf-c-firebrick\:90 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 9 html.var .sf-c-firebrick\:95 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 95%) } html.var .sf-c-firebrick\:100 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 100%) } +.sf-c-txt-firebrick { color: hsl(var(--sf-dark-c-txt-firebrick)) } +.sf-c-txt-firebrick\:0 { color: hsl(var(--sf-dark-c-txt-firebrick-100)) } +.sf-c-txt-firebrick\:5 { color: hsl(var(--sf-dark-c-txt-firebrick-95)) } +.sf-c-txt-firebrick\:10 { color: hsl(var(--sf-dark-c-txt-firebrick-90)) } +.sf-c-txt-firebrick\:15 { color: hsl(var(--sf-dark-c-txt-firebrick-85)) } +.sf-c-txt-firebrick\:20 { color: hsl(var(--sf-dark-c-txt-firebrick-80)) } +.sf-c-txt-firebrick\:25 { color: hsl(var(--sf-dark-c-txt-firebrick-75)) } +.sf-c-txt-firebrick\:30 { color: hsl(var(--sf-dark-c-txt-firebrick-70)) } +.sf-c-txt-firebrick\:35 { color: hsl(var(--sf-dark-c-txt-firebrick-65)) } +.sf-c-txt-firebrick\:40 { color: hsl(var(--sf-dark-c-txt-firebrick-60)) } +.sf-c-txt-firebrick\:45 { color: hsl(var(--sf-dark-c-txt-firebrick-55)) } +.sf-c-txt-firebrick\:50 { color: hsl(var(--sf-dark-c-txt-firebrick-50)) } +.sf-c-txt-firebrick\:55 { color: hsl(var(--sf-dark-c-txt-firebrick-45)) } +.sf-c-txt-firebrick\:60 { color: hsl(var(--sf-dark-c-txt-firebrick-40)) } +.sf-c-txt-firebrick\:65 { color: hsl(var(--sf-dark-c-txt-firebrick-35)) } +.sf-c-txt-firebrick\:70 { color: hsl(var(--sf-dark-c-txt-firebrick-30)) } +.sf-c-txt-firebrick\:75 { color: hsl(var(--sf-dark-c-txt-firebrick-25)) } +.sf-c-txt-firebrick\:80 { color: hsl(var(--sf-dark-c-txt-firebrick-20)) } +.sf-c-txt-firebrick\:85 { color: hsl(var(--sf-dark-c-txt-firebrick-15)) } +.sf-c-txt-firebrick\:90 { color: hsl(var(--sf-dark-c-txt-firebrick-10)) } +.sf-c-txt-firebrick\:95 { color: hsl(var(--sf-dark-c-txt-firebrick-5)) } +.sf-c-txt-firebrick\:100 { color: hsl(var(--sf-dark-c-txt-firebrick-0)) } + +html.var .sf-c-txt-firebrick { color: hsl(0, 68%, 58%) } +html.var .sf-c-txt-firebrick\:0 { color: hsl(0, 68%, 100%) } +html.var .sf-c-txt-firebrick\:5 { color: hsl(0, 68%, 95%) } +html.var .sf-c-txt-firebrick\:10 { color: hsl(0, 68%, 90%) } +html.var .sf-c-txt-firebrick\:15 { color: hsl(0, 68%, 85%) } +html.var .sf-c-txt-firebrick\:20 { color: hsl(0, 68%, 80%) } +html.var .sf-c-txt-firebrick\:25 { color: hsl(0, 68%, 75%) } +html.var .sf-c-txt-firebrick\:30 { color: hsl(0, 68%, 70%) } +html.var .sf-c-txt-firebrick\:35 { color: hsl(0, 68%, 65%) } +html.var .sf-c-txt-firebrick\:40 { color: hsl(0, 68%, 60%) } +html.var .sf-c-txt-firebrick\:45 { color: hsl(0, 68%, 55%) } +html.var .sf-c-txt-firebrick\:50 { color: hsl(0, 68%, 50%) } +html.var .sf-c-txt-firebrick\:55 { color: hsl(0, 68%, 45%) } +html.var .sf-c-txt-firebrick\:60 { color: hsl(0, 68%, 40%) } +html.var .sf-c-txt-firebrick\:65 { color: hsl(0, 68%, 35%) } +html.var .sf-c-txt-firebrick\:70 { color: hsl(0, 68%, 30%) } +html.var .sf-c-txt-firebrick\:75 { color: hsl(0, 68%, 25%) } +html.var .sf-c-txt-firebrick\:80 { color: hsl(0, 68%, 20%) } +html.var .sf-c-txt-firebrick\:85 { color: hsl(0, 68%, 15%) } +html.var .sf-c-txt-firebrick\:90 { color: hsl(0, 68%, 10%) } +html.var .sf-c-txt-firebrick\:95 { color: hsl(0, 68%, 5%) } +html.var .sf-c-txt-firebrick\:100 { color: hsl(0, 68%, 0%) } + html[data-theme='dark'] .sf-c-firebrick, html.dark .sf-c-firebrick { color: hsl(var(--sf-dark-c-txt-firebrick-95)); background: hsl(var(--sf-dark-c-firebrick)) } html[data-theme='dark'] .sf-c-firebrick\:0, html.dark .sf-c-firebrick\:0 { color: hsl(var(--sf-dark-c-txt-firebrick-95)); background: hsl(var(--sf-dark-c-firebrick-100)) } html[data-theme='dark'] .sf-c-firebrick\:5, html.dark .sf-c-firebrick\:5 { color: hsl(var(--sf-dark-c-txt-firebrick-5)); background: hsl(var(--sf-dark-c-firebrick-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-firebrick\:90\:dark, html.dark .sf-c-firebrick\:90 html[data-theme='dark'] .sf-c-firebrick\:95\:dark, html.dark .sf-c-firebrick\:95\:dark { color: hsl(var(--sf-c-txt-firebrick-95)); background: hsl(var(--sf-c-firebrick-5)) } html[data-theme='dark'] .sf-c-firebrick\:100\:dark, html.dark .sf-c-firebrick\:100\:dark { color: hsl(var(--sf-c-txt-firebrick-95)); background: hsl(var(--sf-c-firebrick-0)) } +html[data-theme='dark'] .sf-c-txt-firebrick, html.dark .sf-c-txt-firebrick { color: hsl(var(--sf-c-txt-firebrick)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:0, html.dark .sf-c-txt-firebrick\:0 { color: hsl(var(--sf-c-txt-firebrick-0)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:5, html.dark .sf-c-txt-firebrick\:5 { color: hsl(var(--sf-c-txt-firebrick-5)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:10, html.dark .sf-c-txt-firebrick\:10 { color: hsl(var(--sf-c-txt-firebrick-10)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:15, html.dark .sf-c-txt-firebrick\:15 { color: hsl(var(--sf-c-txt-firebrick-15)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:20, html.dark .sf-c-txt-firebrick\:20 { color: hsl(var(--sf-c-txt-firebrick-20)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:25, html.dark .sf-c-txt-firebrick\:25 { color: hsl(var(--sf-c-txt-firebrick-25)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:30, html.dark .sf-c-txt-firebrick\:30 { color: hsl(var(--sf-c-txt-firebrick-30)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:35, html.dark .sf-c-txt-firebrick\:35 { color: hsl(var(--sf-c-txt-firebrick-35)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:40, html.dark .sf-c-txt-firebrick\:40 { color: hsl(var(--sf-c-txt-firebrick-40)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:45, html.dark .sf-c-txt-firebrick\:45 { color: hsl(var(--sf-c-txt-firebrick-45)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:50, html.dark .sf-c-txt-firebrick\:50 { color: hsl(var(--sf-c-txt-firebrick-50)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:55, html.dark .sf-c-txt-firebrick\:55 { color: hsl(var(--sf-c-txt-firebrick-55)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:60, html.dark .sf-c-txt-firebrick\:60 { color: hsl(var(--sf-c-txt-firebrick-60)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:65, html.dark .sf-c-txt-firebrick\:65 { color: hsl(var(--sf-c-txt-firebrick-65)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:70, html.dark .sf-c-txt-firebrick\:70 { color: hsl(var(--sf-c-txt-firebrick-70)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:75, html.dark .sf-c-txt-firebrick\:75 { color: hsl(var(--sf-c-txt-firebrick-75)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:80, html.dark .sf-c-txt-firebrick\:80 { color: hsl(var(--sf-c-txt-firebrick-80)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:85, html.dark .sf-c-txt-firebrick\:85 { color: hsl(var(--sf-c-txt-firebrick-85)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:90, html.dark .sf-c-txt-firebrick\:90 { color: hsl(var(--sf-c-txt-firebrick-90)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:95, html.dark .sf-c-txt-firebrick\:95 { color: hsl(var(--sf-c-txt-firebrick-95)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:100, html.dark .sf-c-txt-firebrick\:100 { color: hsl(var(--sf-c-txt-firebrick-100)) } + +html[data-theme='dark'] .sf-c-txt-firebrick\:dark, html.dark .sf-c-txt-firebrick\:dark { color: hsl(var(--sf-c-txt-firebrick)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:0\:dark, html.dark .sf-c-txt-firebrick\:0\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-0)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:5\:dark, html.dark .sf-c-txt-firebrick\:5\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-5)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:10\:dark, html.dark .sf-c-txt-firebrick\:10\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-10)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:15\:dark, html.dark .sf-c-txt-firebrick\:15\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-15)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:20\:dark, html.dark .sf-c-txt-firebrick\:20\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-20)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:25\:dark, html.dark .sf-c-txt-firebrick\:25\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-25)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:30\:dark, html.dark .sf-c-txt-firebrick\:30\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-30)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:35\:dark, html.dark .sf-c-txt-firebrick\:35\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-35)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:40\:dark, html.dark .sf-c-txt-firebrick\:40\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-40)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:45\:dark, html.dark .sf-c-txt-firebrick\:45\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-45)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:50\:dark, html.dark .sf-c-txt-firebrick\:50\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-50)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:55\:dark, html.dark .sf-c-txt-firebrick\:55\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-55)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:60\:dark, html.dark .sf-c-txt-firebrick\:60\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-60)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:65\:dark, html.dark .sf-c-txt-firebrick\:65\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-65)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:70\:dark, html.dark .sf-c-txt-firebrick\:70\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-70)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:75\:dark, html.dark .sf-c-txt-firebrick\:75\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-75)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:80\:dark, html.dark .sf-c-txt-firebrick\:80\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-80)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:85\:dark, html.dark .sf-c-txt-firebrick\:85\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-85)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:90\:dark, html.dark .sf-c-txt-firebrick\:90\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-90)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:95\:dark, html.dark .sf-c-txt-firebrick\:95\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-95)) } +html[data-theme='dark'] .sf-c-txt-firebrick\:100\:dark, html.dark .sf-c-txt-firebrick\:100\:dark { color: hsl(var(--sf-dark-c-txt-firebrick-100)) } + html.var[data-theme='dark'] .sf-c-firebrick, html.var.dark .sf-c-firebrick { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 58%) } html.var[data-theme='dark'] .sf-c-firebrick\:0, html.var.dark .sf-c-firebrick\:0 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 100%) } html.var[data-theme='dark'] .sf-c-firebrick\:5, html.var.dark .sf-c-firebrick\:5 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-firebrick\:90\:dark, html.var.dark .sf-c-fireb html.var[data-theme='dark'] .sf-c-firebrick\:95\:dark, html.var.dark .sf-c-firebrick\:95\:dark { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 5%) } html.var[data-theme='dark'] .sf-c-firebrick\:100\:dark, html.var.dark .sf-c-firebrick\:100\:dark { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick, html.dark .sf-c-txt-firebrick { color: hsl(0, 68%, 42%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:0, html.dark .sf-c-txt-firebrick\:0 { color: hsl(0, 68%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:5, html.dark .sf-c-txt-firebrick\:5 { color: hsl(0, 68%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:10, html.dark .sf-c-txt-firebrick\:10 { color: hsl(0, 68%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:15, html.dark .sf-c-txt-firebrick\:15 { color: hsl(0, 68%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:20, html.dark .sf-c-txt-firebrick\:20 { color: hsl(0, 68%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:25, html.dark .sf-c-txt-firebrick\:25 { color: hsl(0, 68%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:30, html.dark .sf-c-txt-firebrick\:30 { color: hsl(0, 68%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:35, html.dark .sf-c-txt-firebrick\:35 { color: hsl(0, 68%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:40, html.dark .sf-c-txt-firebrick\:40 { color: hsl(0, 68%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:45, html.dark .sf-c-txt-firebrick\:45 { color: hsl(0, 68%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:50, html.dark .sf-c-txt-firebrick\:50 { color: hsl(0, 68%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:55, html.dark .sf-c-txt-firebrick\:55 { color: hsl(0, 68%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:60, html.dark .sf-c-txt-firebrick\:60 { color: hsl(0, 68%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:65, html.dark .sf-c-txt-firebrick\:65 { color: hsl(0, 68%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:70, html.dark .sf-c-txt-firebrick\:70 { color: hsl(0, 68%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:75, html.dark .sf-c-txt-firebrick\:75 { color: hsl(0, 68%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:80, html.dark .sf-c-txt-firebrick\:80 { color: hsl(0, 68%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:85, html.dark .sf-c-txt-firebrick\:85 { color: hsl(0, 68%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:90, html.dark .sf-c-txt-firebrick\:90 { color: hsl(0, 68%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:95, html.dark .sf-c-txt-firebrick\:95 { color: hsl(0, 68%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:100, html.dark .sf-c-txt-firebrick\:100 { color: hsl(0, 68%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-firebrick\:dark, html.dark .sf-c-txt-firebrick\:dark { color: hsl(0, 68%, 42%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:0\:dark, html.dark .sf-c-txt-firebrick\:0\:dark { color: hsl(0, 68%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:5\:dark, html.dark .sf-c-txt-firebrick\:5\:dark { color: hsl(0, 68%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:10\:dark, html.dark .sf-c-txt-firebrick\:10\:dark { color: hsl(0, 68%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:15\:dark, html.dark .sf-c-txt-firebrick\:15\:dark { color: hsl(0, 68%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:20\:dark, html.dark .sf-c-txt-firebrick\:20\:dark { color: hsl(0, 68%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:25\:dark, html.dark .sf-c-txt-firebrick\:25\:dark { color: hsl(0, 68%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:30\:dark, html.dark .sf-c-txt-firebrick\:30\:dark { color: hsl(0, 68%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:35\:dark, html.dark .sf-c-txt-firebrick\:35\:dark { color: hsl(0, 68%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:40\:dark, html.dark .sf-c-txt-firebrick\:40\:dark { color: hsl(0, 68%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:45\:dark, html.dark .sf-c-txt-firebrick\:45\:dark { color: hsl(0, 68%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:50\:dark, html.dark .sf-c-txt-firebrick\:50\:dark { color: hsl(0, 68%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:55\:dark, html.dark .sf-c-txt-firebrick\:55\:dark { color: hsl(0, 68%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:60\:dark, html.dark .sf-c-txt-firebrick\:60\:dark { color: hsl(0, 68%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:65\:dark, html.dark .sf-c-txt-firebrick\:65\:dark { color: hsl(0, 68%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:70\:dark, html.dark .sf-c-txt-firebrick\:70\:dark { color: hsl(0, 68%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:75\:dark, html.dark .sf-c-txt-firebrick\:75\:dark { color: hsl(0, 68%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:80\:dark, html.dark .sf-c-txt-firebrick\:80\:dark { color: hsl(0, 68%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:85\:dark, html.dark .sf-c-txt-firebrick\:85\:dark { color: hsl(0, 68%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:90\:dark, html.dark .sf-c-txt-firebrick\:90\:dark { color: hsl(0, 68%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:95\:dark, html.dark .sf-c-txt-firebrick\:95\:dark { color: hsl(0, 68%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-firebrick\:100\:dark, html.dark .sf-c-txt-firebrick\:100\:dark { color: hsl(0, 68%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-firebrick, html.auto .sf-c-firebrick { color: hsl(var(--sf-dark-c-txt-firebrick-95)); background: hsl(var(--sf-dark-c-firebrick)) } html[data-theme='auto'] .sf-c-firebrick\:0, html.auto .sf-c-firebrick\:0 { color: hsl(var(--sf-dark-c-txt-firebrick-95)); background: hsl(var(--sf-dark-c-firebrick-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-firebrick\:100\:dark, html.var.dark .sf-c-fire html[data-theme='auto'] .sf-c-firebrick\:95\:dark, html.auto .sf-c-firebrick\:95\:dark { color: hsl(var(--sf-c-txt-firebrick-95)); background: hsl(var(--sf-c-firebrick-5)) } html[data-theme='auto'] .sf-c-firebrick\:100\:dark, html.auto .sf-c-firebrick\:100\:dark { color: hsl(var(--sf-c-txt-firebrick-95)); background: hsl(var(--sf-c-firebrick-0)) } + html[data-theme='auto'] .sf-c-txt-firebrick, html.auto .sf-c-txt-firebrick { color: hsl(var(--sf-c-txt-firebrick)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:0, html.auto .sf-c-txt-firebrick\:0 { color: hsl(var(--sf-c-txt-firebrick-0)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:5, html.auto .sf-c-txt-firebrick\:5 { color: hsl(var(--sf-c-txt-firebrick-5)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:10, html.auto .sf-c-txt-firebrick\:10 { color: hsl(var(--sf-c-txt-firebrick-10)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:15, html.auto .sf-c-txt-firebrick\:15 { color: hsl(var(--sf-c-txt-firebrick-15)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:20, html.auto .sf-c-txt-firebrick\:20 { color: hsl(var(--sf-c-txt-firebrick-20)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:25, html.auto .sf-c-txt-firebrick\:25 { color: hsl(var(--sf-c-txt-firebrick-25)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:30, html.auto .sf-c-txt-firebrick\:30 { color: hsl(var(--sf-c-txt-firebrick-30)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:35, html.auto .sf-c-txt-firebrick\:35 { color: hsl(var(--sf-c-txt-firebrick-35)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:40, html.auto .sf-c-txt-firebrick\:40 { color: hsl(var(--sf-c-txt-firebrick-40)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:45, html.auto .sf-c-txt-firebrick\:45 { color: hsl(var(--sf-c-txt-firebrick-45)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:50, html.auto .sf-c-txt-firebrick\:50 { color: hsl(var(--sf-c-txt-firebrick-50)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:55, html.auto .sf-c-txt-firebrick\:55 { color: hsl(var(--sf-c-txt-firebrick-55)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:60, html.auto .sf-c-txt-firebrick\:60 { color: hsl(var(--sf-c-txt-firebrick-60)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:65, html.auto .sf-c-txt-firebrick\:65 { color: hsl(var(--sf-c-txt-firebrick-65)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:70, html.auto .sf-c-txt-firebrick\:70 { color: hsl(var(--sf-c-txt-firebrick-70)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:75, html.auto .sf-c-txt-firebrick\:75 { color: hsl(var(--sf-c-txt-firebrick-75)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:80, html.auto .sf-c-txt-firebrick\:80 { color: hsl(var(--sf-c-txt-firebrick-80)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:85, html.auto .sf-c-txt-firebrick\:85 { color: hsl(var(--sf-c-txt-firebrick-85)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:90, html.auto .sf-c-txt-firebrick\:90 { color: hsl(var(--sf-c-txt-firebrick-90)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:95, html.auto .sf-c-txt-firebrick\:95 { color: hsl(var(--sf-c-txt-firebrick-95)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:100, html.auto .sf-c-txt-firebrick\:100 { color: hsl(var(--sf-c-txt-firebrick-100)) } + + html[data-theme='auto'] .sf-c-txt-firebrick\:dark, html.auto .sf-c-txt-firebrick\:dark { color: hsl(var(--sf-c-txt-firebrick)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:0\:dark, html.auto .sf-c-txt-firebrick\:0\:dark { color: hsl(var(--sf-c-txt-firebrick-0)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:5\:dark, html.auto .sf-c-txt-firebrick\:5\:dark { color: hsl(var(--sf-c-txt-firebrick-5)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:10\:dark, html.auto .sf-c-txt-firebrick\:10\:dark { color: hsl(var(--sf-c-txt-firebrick-10)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:15\:dark, html.auto .sf-c-txt-firebrick\:15\:dark { color: hsl(var(--sf-c-txt-firebrick-15)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:20\:dark, html.auto .sf-c-txt-firebrick\:20\:dark { color: hsl(var(--sf-c-txt-firebrick-20)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:25\:dark, html.auto .sf-c-txt-firebrick\:25\:dark { color: hsl(var(--sf-c-txt-firebrick-25)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:30\:dark, html.auto .sf-c-txt-firebrick\:30\:dark { color: hsl(var(--sf-c-txt-firebrick-30)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:35\:dark, html.auto .sf-c-txt-firebrick\:35\:dark { color: hsl(var(--sf-c-txt-firebrick-35)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:40\:dark, html.auto .sf-c-txt-firebrick\:40\:dark { color: hsl(var(--sf-c-txt-firebrick-40)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:45\:dark, html.auto .sf-c-txt-firebrick\:45\:dark { color: hsl(var(--sf-c-txt-firebrick-45)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:50\:dark, html.auto .sf-c-txt-firebrick\:50\:dark { color: hsl(var(--sf-c-txt-firebrick-50)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:55\:dark, html.auto .sf-c-txt-firebrick\:55\:dark { color: hsl(var(--sf-c-txt-firebrick-55)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:60\:dark, html.auto .sf-c-txt-firebrick\:60\:dark { color: hsl(var(--sf-c-txt-firebrick-60)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:65\:dark, html.auto .sf-c-txt-firebrick\:65\:dark { color: hsl(var(--sf-c-txt-firebrick-65)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:70\:dark, html.auto .sf-c-txt-firebrick\:70\:dark { color: hsl(var(--sf-c-txt-firebrick-70)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:75\:dark, html.auto .sf-c-txt-firebrick\:75\:dark { color: hsl(var(--sf-c-txt-firebrick-75)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:80\:dark, html.auto .sf-c-txt-firebrick\:80\:dark { color: hsl(var(--sf-c-txt-firebrick-80)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:85\:dark, html.auto .sf-c-txt-firebrick\:85\:dark { color: hsl(var(--sf-c-txt-firebrick-85)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:90\:dark, html.auto .sf-c-txt-firebrick\:90\:dark { color: hsl(var(--sf-c-txt-firebrick-90)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:95\:dark, html.auto .sf-c-txt-firebrick\:95\:dark { color: hsl(var(--sf-c-txt-firebrick-95)) } + html[data-theme='auto'] .sf-c-txt-firebrick\:100\:dark, html.auto .sf-c-txt-firebrick\:100\:dark { color: hsl(var(--sf-c-txt-firebrick-100)) } + html.var[data-theme='auto'] .sf-c-firebrick, html.var.auto .sf-c-firebrick { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 58%) } html.var[data-theme='auto'] .sf-c-firebrick\:0, html.var.auto .sf-c-firebrick\:0 { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 100%) } html.var[data-theme='auto'] .sf-c-firebrick\:5, html.var.auto .sf-c-firebrick\:5 { color: hsl(0, 68%, 5%); background: hsl(0, 68%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-firebrick\:100\:dark, html.var.dark .sf-c-fire html.var[data-theme='auto'] .sf-c-firebrick\:90\:dark, html.var.auto .sf-c-firebrick\:90\:dark { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 10%) } html.var[data-theme='auto'] .sf-c-firebrick\:95\:dark, html.var.auto .sf-c-firebrick\:95\:dark { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 5%) } html.var[data-theme='auto'] .sf-c-firebrick\:100\:dark, html.var.auto .sf-c-firebrick\:100\:dark { color: hsl(0, 68%, 95%); background: hsl(0, 68%, 0%) } -} -.sf-c-txt-firebrick { color: hsl(var(--sf-c-txt-firebrick)) } -.sf-c-txt-firebrick\:0 { color: hsl(var(--sf-c-txt-firebrick-0)) } -.sf-c-txt-firebrick\:5 { color: hsl(var(--sf-c-txt-firebrick-5)) } -.sf-c-txt-firebrick\:10 { color: hsl(var(--sf-c-txt-firebrick-10)) } -.sf-c-txt-firebrick\:15 { color: hsl(var(--sf-c-txt-firebrick-15)) } -.sf-c-txt-firebrick\:20 { color: hsl(var(--sf-c-txt-firebrick-20)) } -.sf-c-txt-firebrick\:25 { color: hsl(var(--sf-c-txt-firebrick-25)) } -.sf-c-txt-firebrick\:30 { color: hsl(var(--sf-c-txt-firebrick-30)) } -.sf-c-txt-firebrick\:35 { color: hsl(var(--sf-c-txt-firebrick-35)) } -.sf-c-txt-firebrick\:40 { color: hsl(var(--sf-c-txt-firebrick-40)) } -.sf-c-txt-firebrick\:45 { color: hsl(var(--sf-c-txt-firebrick-45)) } -.sf-c-txt-firebrick\:50 { color: hsl(var(--sf-c-txt-firebrick-50)) } -.sf-c-txt-firebrick\:55 { color: hsl(var(--sf-c-txt-firebrick-55)) } -.sf-c-txt-firebrick\:60 { color: hsl(var(--sf-c-txt-firebrick-60)) } -.sf-c-txt-firebrick\:65 { color: hsl(var(--sf-c-txt-firebrick-65)) } -.sf-c-txt-firebrick\:70 { color: hsl(var(--sf-c-txt-firebrick-70)) } -.sf-c-txt-firebrick\:75 { color: hsl(var(--sf-c-txt-firebrick-75)) } -.sf-c-txt-firebrick\:80 { color: hsl(var(--sf-c-txt-firebrick-80)) } -.sf-c-txt-firebrick\:85 { color: hsl(var(--sf-c-txt-firebrick-85)) } -.sf-c-txt-firebrick\:90 { color: hsl(var(--sf-c-txt-firebrick-90)) } -.sf-c-txt-firebrick\:95 { color: hsl(var(--sf-c-txt-firebrick-95)) } -.sf-c-txt-firebrick\:100 { color: hsl(var(--sf-c-txt-firebrick-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-firebrick, html.auto .sf-c-txt-firebrick { color: hsl(0, 68%, 42%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:0, html.auto .sf-c-txt-firebrick\:0 { color: hsl(0, 68%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:5, html.auto .sf-c-txt-firebrick\:5 { color: hsl(0, 68%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:10, html.auto .sf-c-txt-firebrick\:10 { color: hsl(0, 68%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:15, html.auto .sf-c-txt-firebrick\:15 { color: hsl(0, 68%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:20, html.auto .sf-c-txt-firebrick\:20 { color: hsl(0, 68%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:25, html.auto .sf-c-txt-firebrick\:25 { color: hsl(0, 68%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:30, html.auto .sf-c-txt-firebrick\:30 { color: hsl(0, 68%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:35, html.auto .sf-c-txt-firebrick\:35 { color: hsl(0, 68%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:40, html.auto .sf-c-txt-firebrick\:40 { color: hsl(0, 68%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:45, html.auto .sf-c-txt-firebrick\:45 { color: hsl(0, 68%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:50, html.auto .sf-c-txt-firebrick\:50 { color: hsl(0, 68%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:55, html.auto .sf-c-txt-firebrick\:55 { color: hsl(0, 68%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:60, html.auto .sf-c-txt-firebrick\:60 { color: hsl(0, 68%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:65, html.auto .sf-c-txt-firebrick\:65 { color: hsl(0, 68%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:70, html.auto .sf-c-txt-firebrick\:70 { color: hsl(0, 68%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:75, html.auto .sf-c-txt-firebrick\:75 { color: hsl(0, 68%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:80, html.auto .sf-c-txt-firebrick\:80 { color: hsl(0, 68%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:85, html.auto .sf-c-txt-firebrick\:85 { color: hsl(0, 68%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:90, html.auto .sf-c-txt-firebrick\:90 { color: hsl(0, 68%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:95, html.auto .sf-c-txt-firebrick\:95 { color: hsl(0, 68%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:100, html.auto .sf-c-txt-firebrick\:100 { color: hsl(0, 68%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-firebrick\:dark, html.auto .sf-c-txt-firebrick\:dark { color: hsl(0, 68%, 42%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:0\:dark, html.auto .sf-c-txt-firebrick\:0\:dark { color: hsl(0, 68%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:5\:dark, html.auto .sf-c-txt-firebrick\:5\:dark { color: hsl(0, 68%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:10\:dark, html.auto .sf-c-txt-firebrick\:10\:dark { color: hsl(0, 68%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:15\:dark, html.auto .sf-c-txt-firebrick\:15\:dark { color: hsl(0, 68%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:20\:dark, html.auto .sf-c-txt-firebrick\:20\:dark { color: hsl(0, 68%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:25\:dark, html.auto .sf-c-txt-firebrick\:25\:dark { color: hsl(0, 68%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:30\:dark, html.auto .sf-c-txt-firebrick\:30\:dark { color: hsl(0, 68%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:35\:dark, html.auto .sf-c-txt-firebrick\:35\:dark { color: hsl(0, 68%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:40\:dark, html.auto .sf-c-txt-firebrick\:40\:dark { color: hsl(0, 68%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:45\:dark, html.auto .sf-c-txt-firebrick\:45\:dark { color: hsl(0, 68%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:50\:dark, html.auto .sf-c-txt-firebrick\:50\:dark { color: hsl(0, 68%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:55\:dark, html.auto .sf-c-txt-firebrick\:55\:dark { color: hsl(0, 68%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:60\:dark, html.auto .sf-c-txt-firebrick\:60\:dark { color: hsl(0, 68%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:65\:dark, html.auto .sf-c-txt-firebrick\:65\:dark { color: hsl(0, 68%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:70\:dark, html.auto .sf-c-txt-firebrick\:70\:dark { color: hsl(0, 68%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:75\:dark, html.auto .sf-c-txt-firebrick\:75\:dark { color: hsl(0, 68%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:80\:dark, html.auto .sf-c-txt-firebrick\:80\:dark { color: hsl(0, 68%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:85\:dark, html.auto .sf-c-txt-firebrick\:85\:dark { color: hsl(0, 68%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:90\:dark, html.auto .sf-c-txt-firebrick\:90\:dark { color: hsl(0, 68%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:95\:dark, html.auto .sf-c-txt-firebrick\:95\:dark { color: hsl(0, 68%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-firebrick\:100\:dark, html.auto .sf-c-txt-firebrick\:100\:dark { color: hsl(0, 68%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/floralwhite.css b/src/colors/20/floralwhite.css index 5269a32..aef3305 100644 --- a/src/colors/20/floralwhite.css +++ b/src/colors/20/floralwhite.css @@ -138,6 +138,52 @@ html.var .sf-c-floralwhite\:90 { color: hsl(40, 100%, 5%); background: hsl(40, 1 html.var .sf-c-floralwhite\:95 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 95%) } html.var .sf-c-floralwhite\:100 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 100%) } +.sf-c-txt-floralwhite { color: hsl(var(--sf-dark-c-txt-floralwhite)) } +.sf-c-txt-floralwhite\:0 { color: hsl(var(--sf-dark-c-txt-floralwhite-100)) } +.sf-c-txt-floralwhite\:5 { color: hsl(var(--sf-dark-c-txt-floralwhite-95)) } +.sf-c-txt-floralwhite\:10 { color: hsl(var(--sf-dark-c-txt-floralwhite-90)) } +.sf-c-txt-floralwhite\:15 { color: hsl(var(--sf-dark-c-txt-floralwhite-85)) } +.sf-c-txt-floralwhite\:20 { color: hsl(var(--sf-dark-c-txt-floralwhite-80)) } +.sf-c-txt-floralwhite\:25 { color: hsl(var(--sf-dark-c-txt-floralwhite-75)) } +.sf-c-txt-floralwhite\:30 { color: hsl(var(--sf-dark-c-txt-floralwhite-70)) } +.sf-c-txt-floralwhite\:35 { color: hsl(var(--sf-dark-c-txt-floralwhite-65)) } +.sf-c-txt-floralwhite\:40 { color: hsl(var(--sf-dark-c-txt-floralwhite-60)) } +.sf-c-txt-floralwhite\:45 { color: hsl(var(--sf-dark-c-txt-floralwhite-55)) } +.sf-c-txt-floralwhite\:50 { color: hsl(var(--sf-dark-c-txt-floralwhite-50)) } +.sf-c-txt-floralwhite\:55 { color: hsl(var(--sf-dark-c-txt-floralwhite-45)) } +.sf-c-txt-floralwhite\:60 { color: hsl(var(--sf-dark-c-txt-floralwhite-40)) } +.sf-c-txt-floralwhite\:65 { color: hsl(var(--sf-dark-c-txt-floralwhite-35)) } +.sf-c-txt-floralwhite\:70 { color: hsl(var(--sf-dark-c-txt-floralwhite-30)) } +.sf-c-txt-floralwhite\:75 { color: hsl(var(--sf-dark-c-txt-floralwhite-25)) } +.sf-c-txt-floralwhite\:80 { color: hsl(var(--sf-dark-c-txt-floralwhite-20)) } +.sf-c-txt-floralwhite\:85 { color: hsl(var(--sf-dark-c-txt-floralwhite-15)) } +.sf-c-txt-floralwhite\:90 { color: hsl(var(--sf-dark-c-txt-floralwhite-10)) } +.sf-c-txt-floralwhite\:95 { color: hsl(var(--sf-dark-c-txt-floralwhite-5)) } +.sf-c-txt-floralwhite\:100 { color: hsl(var(--sf-dark-c-txt-floralwhite-0)) } + +html.var .sf-c-txt-floralwhite { color: hsl(40, 100%, 3%) } +html.var .sf-c-txt-floralwhite\:0 { color: hsl(40, 100%, 100%) } +html.var .sf-c-txt-floralwhite\:5 { color: hsl(40, 100%, 95%) } +html.var .sf-c-txt-floralwhite\:10 { color: hsl(40, 100%, 90%) } +html.var .sf-c-txt-floralwhite\:15 { color: hsl(40, 100%, 85%) } +html.var .sf-c-txt-floralwhite\:20 { color: hsl(40, 100%, 80%) } +html.var .sf-c-txt-floralwhite\:25 { color: hsl(40, 100%, 75%) } +html.var .sf-c-txt-floralwhite\:30 { color: hsl(40, 100%, 70%) } +html.var .sf-c-txt-floralwhite\:35 { color: hsl(40, 100%, 65%) } +html.var .sf-c-txt-floralwhite\:40 { color: hsl(40, 100%, 60%) } +html.var .sf-c-txt-floralwhite\:45 { color: hsl(40, 100%, 55%) } +html.var .sf-c-txt-floralwhite\:50 { color: hsl(40, 100%, 50%) } +html.var .sf-c-txt-floralwhite\:55 { color: hsl(40, 100%, 45%) } +html.var .sf-c-txt-floralwhite\:60 { color: hsl(40, 100%, 40%) } +html.var .sf-c-txt-floralwhite\:65 { color: hsl(40, 100%, 35%) } +html.var .sf-c-txt-floralwhite\:70 { color: hsl(40, 100%, 30%) } +html.var .sf-c-txt-floralwhite\:75 { color: hsl(40, 100%, 25%) } +html.var .sf-c-txt-floralwhite\:80 { color: hsl(40, 100%, 20%) } +html.var .sf-c-txt-floralwhite\:85 { color: hsl(40, 100%, 15%) } +html.var .sf-c-txt-floralwhite\:90 { color: hsl(40, 100%, 10%) } +html.var .sf-c-txt-floralwhite\:95 { color: hsl(40, 100%, 5%) } +html.var .sf-c-txt-floralwhite\:100 { color: hsl(40, 100%, 0%) } + html[data-theme='dark'] .sf-c-floralwhite, html.dark .sf-c-floralwhite { color: hsl(var(--sf-dark-c-txt-floralwhite-95)); background: hsl(var(--sf-dark-c-floralwhite)) } html[data-theme='dark'] .sf-c-floralwhite\:0, html.dark .sf-c-floralwhite\:0 { color: hsl(var(--sf-dark-c-txt-floralwhite-95)); background: hsl(var(--sf-dark-c-floralwhite-100)) } html[data-theme='dark'] .sf-c-floralwhite\:5, html.dark .sf-c-floralwhite\:5 { color: hsl(var(--sf-dark-c-txt-floralwhite-5)); background: hsl(var(--sf-dark-c-floralwhite-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-floralwhite\:90\:dark, html.dark .sf-c-floralwhite html[data-theme='dark'] .sf-c-floralwhite\:95\:dark, html.dark .sf-c-floralwhite\:95\:dark { color: hsl(var(--sf-c-txt-floralwhite-95)); background: hsl(var(--sf-c-floralwhite-5)) } html[data-theme='dark'] .sf-c-floralwhite\:100\:dark, html.dark .sf-c-floralwhite\:100\:dark { color: hsl(var(--sf-c-txt-floralwhite-95)); background: hsl(var(--sf-c-floralwhite-0)) } +html[data-theme='dark'] .sf-c-txt-floralwhite, html.dark .sf-c-txt-floralwhite { color: hsl(var(--sf-c-txt-floralwhite)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:0, html.dark .sf-c-txt-floralwhite\:0 { color: hsl(var(--sf-c-txt-floralwhite-0)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:5, html.dark .sf-c-txt-floralwhite\:5 { color: hsl(var(--sf-c-txt-floralwhite-5)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:10, html.dark .sf-c-txt-floralwhite\:10 { color: hsl(var(--sf-c-txt-floralwhite-10)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:15, html.dark .sf-c-txt-floralwhite\:15 { color: hsl(var(--sf-c-txt-floralwhite-15)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:20, html.dark .sf-c-txt-floralwhite\:20 { color: hsl(var(--sf-c-txt-floralwhite-20)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:25, html.dark .sf-c-txt-floralwhite\:25 { color: hsl(var(--sf-c-txt-floralwhite-25)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:30, html.dark .sf-c-txt-floralwhite\:30 { color: hsl(var(--sf-c-txt-floralwhite-30)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:35, html.dark .sf-c-txt-floralwhite\:35 { color: hsl(var(--sf-c-txt-floralwhite-35)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:40, html.dark .sf-c-txt-floralwhite\:40 { color: hsl(var(--sf-c-txt-floralwhite-40)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:45, html.dark .sf-c-txt-floralwhite\:45 { color: hsl(var(--sf-c-txt-floralwhite-45)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:50, html.dark .sf-c-txt-floralwhite\:50 { color: hsl(var(--sf-c-txt-floralwhite-50)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:55, html.dark .sf-c-txt-floralwhite\:55 { color: hsl(var(--sf-c-txt-floralwhite-55)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:60, html.dark .sf-c-txt-floralwhite\:60 { color: hsl(var(--sf-c-txt-floralwhite-60)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:65, html.dark .sf-c-txt-floralwhite\:65 { color: hsl(var(--sf-c-txt-floralwhite-65)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:70, html.dark .sf-c-txt-floralwhite\:70 { color: hsl(var(--sf-c-txt-floralwhite-70)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:75, html.dark .sf-c-txt-floralwhite\:75 { color: hsl(var(--sf-c-txt-floralwhite-75)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:80, html.dark .sf-c-txt-floralwhite\:80 { color: hsl(var(--sf-c-txt-floralwhite-80)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:85, html.dark .sf-c-txt-floralwhite\:85 { color: hsl(var(--sf-c-txt-floralwhite-85)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:90, html.dark .sf-c-txt-floralwhite\:90 { color: hsl(var(--sf-c-txt-floralwhite-90)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:95, html.dark .sf-c-txt-floralwhite\:95 { color: hsl(var(--sf-c-txt-floralwhite-95)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:100, html.dark .sf-c-txt-floralwhite\:100 { color: hsl(var(--sf-c-txt-floralwhite-100)) } + +html[data-theme='dark'] .sf-c-txt-floralwhite\:dark, html.dark .sf-c-txt-floralwhite\:dark { color: hsl(var(--sf-c-txt-floralwhite)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:0\:dark, html.dark .sf-c-txt-floralwhite\:0\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-0)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:5\:dark, html.dark .sf-c-txt-floralwhite\:5\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-5)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:10\:dark, html.dark .sf-c-txt-floralwhite\:10\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-10)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:15\:dark, html.dark .sf-c-txt-floralwhite\:15\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-15)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:20\:dark, html.dark .sf-c-txt-floralwhite\:20\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-20)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:25\:dark, html.dark .sf-c-txt-floralwhite\:25\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-25)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:30\:dark, html.dark .sf-c-txt-floralwhite\:30\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-30)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:35\:dark, html.dark .sf-c-txt-floralwhite\:35\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-35)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:40\:dark, html.dark .sf-c-txt-floralwhite\:40\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-40)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:45\:dark, html.dark .sf-c-txt-floralwhite\:45\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-45)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:50\:dark, html.dark .sf-c-txt-floralwhite\:50\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-50)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:55\:dark, html.dark .sf-c-txt-floralwhite\:55\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-55)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:60\:dark, html.dark .sf-c-txt-floralwhite\:60\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-60)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:65\:dark, html.dark .sf-c-txt-floralwhite\:65\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-65)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:70\:dark, html.dark .sf-c-txt-floralwhite\:70\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-70)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:75\:dark, html.dark .sf-c-txt-floralwhite\:75\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-75)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:80\:dark, html.dark .sf-c-txt-floralwhite\:80\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-80)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:85\:dark, html.dark .sf-c-txt-floralwhite\:85\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-85)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:90\:dark, html.dark .sf-c-txt-floralwhite\:90\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-90)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:95\:dark, html.dark .sf-c-txt-floralwhite\:95\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-95)) } +html[data-theme='dark'] .sf-c-txt-floralwhite\:100\:dark, html.dark .sf-c-txt-floralwhite\:100\:dark { color: hsl(var(--sf-dark-c-txt-floralwhite-100)) } + html.var[data-theme='dark'] .sf-c-floralwhite, html.var.dark .sf-c-floralwhite { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 3%) } html.var[data-theme='dark'] .sf-c-floralwhite\:0, html.var.dark .sf-c-floralwhite\:0 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 100%) } html.var[data-theme='dark'] .sf-c-floralwhite\:5, html.var.dark .sf-c-floralwhite\:5 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-floralwhite\:90\:dark, html.var.dark .sf-c-flo html.var[data-theme='dark'] .sf-c-floralwhite\:95\:dark, html.var.dark .sf-c-floralwhite\:95\:dark { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 5%) } html.var[data-theme='dark'] .sf-c-floralwhite\:100\:dark, html.var.dark .sf-c-floralwhite\:100\:dark { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite, html.dark .sf-c-txt-floralwhite { color: hsl(40, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:0, html.dark .sf-c-txt-floralwhite\:0 { color: hsl(40, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:5, html.dark .sf-c-txt-floralwhite\:5 { color: hsl(40, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:10, html.dark .sf-c-txt-floralwhite\:10 { color: hsl(40, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:15, html.dark .sf-c-txt-floralwhite\:15 { color: hsl(40, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:20, html.dark .sf-c-txt-floralwhite\:20 { color: hsl(40, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:25, html.dark .sf-c-txt-floralwhite\:25 { color: hsl(40, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:30, html.dark .sf-c-txt-floralwhite\:30 { color: hsl(40, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:35, html.dark .sf-c-txt-floralwhite\:35 { color: hsl(40, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:40, html.dark .sf-c-txt-floralwhite\:40 { color: hsl(40, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:45, html.dark .sf-c-txt-floralwhite\:45 { color: hsl(40, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:50, html.dark .sf-c-txt-floralwhite\:50 { color: hsl(40, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:55, html.dark .sf-c-txt-floralwhite\:55 { color: hsl(40, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:60, html.dark .sf-c-txt-floralwhite\:60 { color: hsl(40, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:65, html.dark .sf-c-txt-floralwhite\:65 { color: hsl(40, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:70, html.dark .sf-c-txt-floralwhite\:70 { color: hsl(40, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:75, html.dark .sf-c-txt-floralwhite\:75 { color: hsl(40, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:80, html.dark .sf-c-txt-floralwhite\:80 { color: hsl(40, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:85, html.dark .sf-c-txt-floralwhite\:85 { color: hsl(40, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:90, html.dark .sf-c-txt-floralwhite\:90 { color: hsl(40, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:95, html.dark .sf-c-txt-floralwhite\:95 { color: hsl(40, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:100, html.dark .sf-c-txt-floralwhite\:100 { color: hsl(40, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:dark, html.dark .sf-c-txt-floralwhite\:dark { color: hsl(40, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:0\:dark, html.dark .sf-c-txt-floralwhite\:0\:dark { color: hsl(40, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:5\:dark, html.dark .sf-c-txt-floralwhite\:5\:dark { color: hsl(40, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:10\:dark, html.dark .sf-c-txt-floralwhite\:10\:dark { color: hsl(40, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:15\:dark, html.dark .sf-c-txt-floralwhite\:15\:dark { color: hsl(40, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:20\:dark, html.dark .sf-c-txt-floralwhite\:20\:dark { color: hsl(40, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:25\:dark, html.dark .sf-c-txt-floralwhite\:25\:dark { color: hsl(40, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:30\:dark, html.dark .sf-c-txt-floralwhite\:30\:dark { color: hsl(40, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:35\:dark, html.dark .sf-c-txt-floralwhite\:35\:dark { color: hsl(40, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:40\:dark, html.dark .sf-c-txt-floralwhite\:40\:dark { color: hsl(40, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:45\:dark, html.dark .sf-c-txt-floralwhite\:45\:dark { color: hsl(40, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:50\:dark, html.dark .sf-c-txt-floralwhite\:50\:dark { color: hsl(40, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:55\:dark, html.dark .sf-c-txt-floralwhite\:55\:dark { color: hsl(40, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:60\:dark, html.dark .sf-c-txt-floralwhite\:60\:dark { color: hsl(40, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:65\:dark, html.dark .sf-c-txt-floralwhite\:65\:dark { color: hsl(40, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:70\:dark, html.dark .sf-c-txt-floralwhite\:70\:dark { color: hsl(40, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:75\:dark, html.dark .sf-c-txt-floralwhite\:75\:dark { color: hsl(40, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:80\:dark, html.dark .sf-c-txt-floralwhite\:80\:dark { color: hsl(40, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:85\:dark, html.dark .sf-c-txt-floralwhite\:85\:dark { color: hsl(40, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:90\:dark, html.dark .sf-c-txt-floralwhite\:90\:dark { color: hsl(40, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:95\:dark, html.dark .sf-c-txt-floralwhite\:95\:dark { color: hsl(40, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-floralwhite\:100\:dark, html.dark .sf-c-txt-floralwhite\:100\:dark { color: hsl(40, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-floralwhite, html.auto .sf-c-floralwhite { color: hsl(var(--sf-dark-c-txt-floralwhite-95)); background: hsl(var(--sf-dark-c-floralwhite)) } html[data-theme='auto'] .sf-c-floralwhite\:0, html.auto .sf-c-floralwhite\:0 { color: hsl(var(--sf-dark-c-txt-floralwhite-95)); background: hsl(var(--sf-dark-c-floralwhite-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-floralwhite\:100\:dark, html.var.dark .sf-c-fl html[data-theme='auto'] .sf-c-floralwhite\:95\:dark, html.auto .sf-c-floralwhite\:95\:dark { color: hsl(var(--sf-c-txt-floralwhite-95)); background: hsl(var(--sf-c-floralwhite-5)) } html[data-theme='auto'] .sf-c-floralwhite\:100\:dark, html.auto .sf-c-floralwhite\:100\:dark { color: hsl(var(--sf-c-txt-floralwhite-95)); background: hsl(var(--sf-c-floralwhite-0)) } + html[data-theme='auto'] .sf-c-txt-floralwhite, html.auto .sf-c-txt-floralwhite { color: hsl(var(--sf-c-txt-floralwhite)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:0, html.auto .sf-c-txt-floralwhite\:0 { color: hsl(var(--sf-c-txt-floralwhite-0)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:5, html.auto .sf-c-txt-floralwhite\:5 { color: hsl(var(--sf-c-txt-floralwhite-5)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:10, html.auto .sf-c-txt-floralwhite\:10 { color: hsl(var(--sf-c-txt-floralwhite-10)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:15, html.auto .sf-c-txt-floralwhite\:15 { color: hsl(var(--sf-c-txt-floralwhite-15)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:20, html.auto .sf-c-txt-floralwhite\:20 { color: hsl(var(--sf-c-txt-floralwhite-20)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:25, html.auto .sf-c-txt-floralwhite\:25 { color: hsl(var(--sf-c-txt-floralwhite-25)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:30, html.auto .sf-c-txt-floralwhite\:30 { color: hsl(var(--sf-c-txt-floralwhite-30)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:35, html.auto .sf-c-txt-floralwhite\:35 { color: hsl(var(--sf-c-txt-floralwhite-35)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:40, html.auto .sf-c-txt-floralwhite\:40 { color: hsl(var(--sf-c-txt-floralwhite-40)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:45, html.auto .sf-c-txt-floralwhite\:45 { color: hsl(var(--sf-c-txt-floralwhite-45)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:50, html.auto .sf-c-txt-floralwhite\:50 { color: hsl(var(--sf-c-txt-floralwhite-50)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:55, html.auto .sf-c-txt-floralwhite\:55 { color: hsl(var(--sf-c-txt-floralwhite-55)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:60, html.auto .sf-c-txt-floralwhite\:60 { color: hsl(var(--sf-c-txt-floralwhite-60)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:65, html.auto .sf-c-txt-floralwhite\:65 { color: hsl(var(--sf-c-txt-floralwhite-65)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:70, html.auto .sf-c-txt-floralwhite\:70 { color: hsl(var(--sf-c-txt-floralwhite-70)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:75, html.auto .sf-c-txt-floralwhite\:75 { color: hsl(var(--sf-c-txt-floralwhite-75)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:80, html.auto .sf-c-txt-floralwhite\:80 { color: hsl(var(--sf-c-txt-floralwhite-80)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:85, html.auto .sf-c-txt-floralwhite\:85 { color: hsl(var(--sf-c-txt-floralwhite-85)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:90, html.auto .sf-c-txt-floralwhite\:90 { color: hsl(var(--sf-c-txt-floralwhite-90)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:95, html.auto .sf-c-txt-floralwhite\:95 { color: hsl(var(--sf-c-txt-floralwhite-95)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:100, html.auto .sf-c-txt-floralwhite\:100 { color: hsl(var(--sf-c-txt-floralwhite-100)) } + + html[data-theme='auto'] .sf-c-txt-floralwhite\:dark, html.auto .sf-c-txt-floralwhite\:dark { color: hsl(var(--sf-c-txt-floralwhite)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:0\:dark, html.auto .sf-c-txt-floralwhite\:0\:dark { color: hsl(var(--sf-c-txt-floralwhite-0)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:5\:dark, html.auto .sf-c-txt-floralwhite\:5\:dark { color: hsl(var(--sf-c-txt-floralwhite-5)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:10\:dark, html.auto .sf-c-txt-floralwhite\:10\:dark { color: hsl(var(--sf-c-txt-floralwhite-10)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:15\:dark, html.auto .sf-c-txt-floralwhite\:15\:dark { color: hsl(var(--sf-c-txt-floralwhite-15)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:20\:dark, html.auto .sf-c-txt-floralwhite\:20\:dark { color: hsl(var(--sf-c-txt-floralwhite-20)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:25\:dark, html.auto .sf-c-txt-floralwhite\:25\:dark { color: hsl(var(--sf-c-txt-floralwhite-25)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:30\:dark, html.auto .sf-c-txt-floralwhite\:30\:dark { color: hsl(var(--sf-c-txt-floralwhite-30)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:35\:dark, html.auto .sf-c-txt-floralwhite\:35\:dark { color: hsl(var(--sf-c-txt-floralwhite-35)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:40\:dark, html.auto .sf-c-txt-floralwhite\:40\:dark { color: hsl(var(--sf-c-txt-floralwhite-40)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:45\:dark, html.auto .sf-c-txt-floralwhite\:45\:dark { color: hsl(var(--sf-c-txt-floralwhite-45)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:50\:dark, html.auto .sf-c-txt-floralwhite\:50\:dark { color: hsl(var(--sf-c-txt-floralwhite-50)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:55\:dark, html.auto .sf-c-txt-floralwhite\:55\:dark { color: hsl(var(--sf-c-txt-floralwhite-55)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:60\:dark, html.auto .sf-c-txt-floralwhite\:60\:dark { color: hsl(var(--sf-c-txt-floralwhite-60)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:65\:dark, html.auto .sf-c-txt-floralwhite\:65\:dark { color: hsl(var(--sf-c-txt-floralwhite-65)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:70\:dark, html.auto .sf-c-txt-floralwhite\:70\:dark { color: hsl(var(--sf-c-txt-floralwhite-70)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:75\:dark, html.auto .sf-c-txt-floralwhite\:75\:dark { color: hsl(var(--sf-c-txt-floralwhite-75)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:80\:dark, html.auto .sf-c-txt-floralwhite\:80\:dark { color: hsl(var(--sf-c-txt-floralwhite-80)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:85\:dark, html.auto .sf-c-txt-floralwhite\:85\:dark { color: hsl(var(--sf-c-txt-floralwhite-85)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:90\:dark, html.auto .sf-c-txt-floralwhite\:90\:dark { color: hsl(var(--sf-c-txt-floralwhite-90)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:95\:dark, html.auto .sf-c-txt-floralwhite\:95\:dark { color: hsl(var(--sf-c-txt-floralwhite-95)) } + html[data-theme='auto'] .sf-c-txt-floralwhite\:100\:dark, html.auto .sf-c-txt-floralwhite\:100\:dark { color: hsl(var(--sf-c-txt-floralwhite-100)) } + html.var[data-theme='auto'] .sf-c-floralwhite, html.var.auto .sf-c-floralwhite { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 3%) } html.var[data-theme='auto'] .sf-c-floralwhite\:0, html.var.auto .sf-c-floralwhite\:0 { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 100%) } html.var[data-theme='auto'] .sf-c-floralwhite\:5, html.var.auto .sf-c-floralwhite\:5 { color: hsl(40, 100%, 5%); background: hsl(40, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-floralwhite\:100\:dark, html.var.dark .sf-c-fl html.var[data-theme='auto'] .sf-c-floralwhite\:90\:dark, html.var.auto .sf-c-floralwhite\:90\:dark { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 10%) } html.var[data-theme='auto'] .sf-c-floralwhite\:95\:dark, html.var.auto .sf-c-floralwhite\:95\:dark { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 5%) } html.var[data-theme='auto'] .sf-c-floralwhite\:100\:dark, html.var.auto .sf-c-floralwhite\:100\:dark { color: hsl(40, 100%, 95%); background: hsl(40, 100%, 0%) } -} -.sf-c-txt-floralwhite { color: hsl(var(--sf-c-txt-floralwhite)) } -.sf-c-txt-floralwhite\:0 { color: hsl(var(--sf-c-txt-floralwhite-0)) } -.sf-c-txt-floralwhite\:5 { color: hsl(var(--sf-c-txt-floralwhite-5)) } -.sf-c-txt-floralwhite\:10 { color: hsl(var(--sf-c-txt-floralwhite-10)) } -.sf-c-txt-floralwhite\:15 { color: hsl(var(--sf-c-txt-floralwhite-15)) } -.sf-c-txt-floralwhite\:20 { color: hsl(var(--sf-c-txt-floralwhite-20)) } -.sf-c-txt-floralwhite\:25 { color: hsl(var(--sf-c-txt-floralwhite-25)) } -.sf-c-txt-floralwhite\:30 { color: hsl(var(--sf-c-txt-floralwhite-30)) } -.sf-c-txt-floralwhite\:35 { color: hsl(var(--sf-c-txt-floralwhite-35)) } -.sf-c-txt-floralwhite\:40 { color: hsl(var(--sf-c-txt-floralwhite-40)) } -.sf-c-txt-floralwhite\:45 { color: hsl(var(--sf-c-txt-floralwhite-45)) } -.sf-c-txt-floralwhite\:50 { color: hsl(var(--sf-c-txt-floralwhite-50)) } -.sf-c-txt-floralwhite\:55 { color: hsl(var(--sf-c-txt-floralwhite-55)) } -.sf-c-txt-floralwhite\:60 { color: hsl(var(--sf-c-txt-floralwhite-60)) } -.sf-c-txt-floralwhite\:65 { color: hsl(var(--sf-c-txt-floralwhite-65)) } -.sf-c-txt-floralwhite\:70 { color: hsl(var(--sf-c-txt-floralwhite-70)) } -.sf-c-txt-floralwhite\:75 { color: hsl(var(--sf-c-txt-floralwhite-75)) } -.sf-c-txt-floralwhite\:80 { color: hsl(var(--sf-c-txt-floralwhite-80)) } -.sf-c-txt-floralwhite\:85 { color: hsl(var(--sf-c-txt-floralwhite-85)) } -.sf-c-txt-floralwhite\:90 { color: hsl(var(--sf-c-txt-floralwhite-90)) } -.sf-c-txt-floralwhite\:95 { color: hsl(var(--sf-c-txt-floralwhite-95)) } -.sf-c-txt-floralwhite\:100 { color: hsl(var(--sf-c-txt-floralwhite-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-floralwhite, html.auto .sf-c-txt-floralwhite { color: hsl(40, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:0, html.auto .sf-c-txt-floralwhite\:0 { color: hsl(40, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:5, html.auto .sf-c-txt-floralwhite\:5 { color: hsl(40, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:10, html.auto .sf-c-txt-floralwhite\:10 { color: hsl(40, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:15, html.auto .sf-c-txt-floralwhite\:15 { color: hsl(40, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:20, html.auto .sf-c-txt-floralwhite\:20 { color: hsl(40, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:25, html.auto .sf-c-txt-floralwhite\:25 { color: hsl(40, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:30, html.auto .sf-c-txt-floralwhite\:30 { color: hsl(40, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:35, html.auto .sf-c-txt-floralwhite\:35 { color: hsl(40, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:40, html.auto .sf-c-txt-floralwhite\:40 { color: hsl(40, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:45, html.auto .sf-c-txt-floralwhite\:45 { color: hsl(40, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:50, html.auto .sf-c-txt-floralwhite\:50 { color: hsl(40, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:55, html.auto .sf-c-txt-floralwhite\:55 { color: hsl(40, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:60, html.auto .sf-c-txt-floralwhite\:60 { color: hsl(40, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:65, html.auto .sf-c-txt-floralwhite\:65 { color: hsl(40, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:70, html.auto .sf-c-txt-floralwhite\:70 { color: hsl(40, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:75, html.auto .sf-c-txt-floralwhite\:75 { color: hsl(40, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:80, html.auto .sf-c-txt-floralwhite\:80 { color: hsl(40, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:85, html.auto .sf-c-txt-floralwhite\:85 { color: hsl(40, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:90, html.auto .sf-c-txt-floralwhite\:90 { color: hsl(40, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:95, html.auto .sf-c-txt-floralwhite\:95 { color: hsl(40, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:100, html.auto .sf-c-txt-floralwhite\:100 { color: hsl(40, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:dark, html.auto .sf-c-txt-floralwhite\:dark { color: hsl(40, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:0\:dark, html.auto .sf-c-txt-floralwhite\:0\:dark { color: hsl(40, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:5\:dark, html.auto .sf-c-txt-floralwhite\:5\:dark { color: hsl(40, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:10\:dark, html.auto .sf-c-txt-floralwhite\:10\:dark { color: hsl(40, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:15\:dark, html.auto .sf-c-txt-floralwhite\:15\:dark { color: hsl(40, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:20\:dark, html.auto .sf-c-txt-floralwhite\:20\:dark { color: hsl(40, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:25\:dark, html.auto .sf-c-txt-floralwhite\:25\:dark { color: hsl(40, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:30\:dark, html.auto .sf-c-txt-floralwhite\:30\:dark { color: hsl(40, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:35\:dark, html.auto .sf-c-txt-floralwhite\:35\:dark { color: hsl(40, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:40\:dark, html.auto .sf-c-txt-floralwhite\:40\:dark { color: hsl(40, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:45\:dark, html.auto .sf-c-txt-floralwhite\:45\:dark { color: hsl(40, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:50\:dark, html.auto .sf-c-txt-floralwhite\:50\:dark { color: hsl(40, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:55\:dark, html.auto .sf-c-txt-floralwhite\:55\:dark { color: hsl(40, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:60\:dark, html.auto .sf-c-txt-floralwhite\:60\:dark { color: hsl(40, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:65\:dark, html.auto .sf-c-txt-floralwhite\:65\:dark { color: hsl(40, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:70\:dark, html.auto .sf-c-txt-floralwhite\:70\:dark { color: hsl(40, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:75\:dark, html.auto .sf-c-txt-floralwhite\:75\:dark { color: hsl(40, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:80\:dark, html.auto .sf-c-txt-floralwhite\:80\:dark { color: hsl(40, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:85\:dark, html.auto .sf-c-txt-floralwhite\:85\:dark { color: hsl(40, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:90\:dark, html.auto .sf-c-txt-floralwhite\:90\:dark { color: hsl(40, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:95\:dark, html.auto .sf-c-txt-floralwhite\:95\:dark { color: hsl(40, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-floralwhite\:100\:dark, html.auto .sf-c-txt-floralwhite\:100\:dark { color: hsl(40, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/forestgreen.css b/src/colors/20/forestgreen.css index 5257818..8db147e 100644 --- a/src/colors/20/forestgreen.css +++ b/src/colors/20/forestgreen.css @@ -138,6 +138,52 @@ html.var .sf-c-forestgreen\:90 { color: hsl(120, 61%, 5%); background: hsl(120, html.var .sf-c-forestgreen\:95 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } html.var .sf-c-forestgreen\:100 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 100%) } +.sf-c-txt-forestgreen { color: hsl(var(--sf-dark-c-txt-forestgreen)) } +.sf-c-txt-forestgreen\:0 { color: hsl(var(--sf-dark-c-txt-forestgreen-100)) } +.sf-c-txt-forestgreen\:5 { color: hsl(var(--sf-dark-c-txt-forestgreen-95)) } +.sf-c-txt-forestgreen\:10 { color: hsl(var(--sf-dark-c-txt-forestgreen-90)) } +.sf-c-txt-forestgreen\:15 { color: hsl(var(--sf-dark-c-txt-forestgreen-85)) } +.sf-c-txt-forestgreen\:20 { color: hsl(var(--sf-dark-c-txt-forestgreen-80)) } +.sf-c-txt-forestgreen\:25 { color: hsl(var(--sf-dark-c-txt-forestgreen-75)) } +.sf-c-txt-forestgreen\:30 { color: hsl(var(--sf-dark-c-txt-forestgreen-70)) } +.sf-c-txt-forestgreen\:35 { color: hsl(var(--sf-dark-c-txt-forestgreen-65)) } +.sf-c-txt-forestgreen\:40 { color: hsl(var(--sf-dark-c-txt-forestgreen-60)) } +.sf-c-txt-forestgreen\:45 { color: hsl(var(--sf-dark-c-txt-forestgreen-55)) } +.sf-c-txt-forestgreen\:50 { color: hsl(var(--sf-dark-c-txt-forestgreen-50)) } +.sf-c-txt-forestgreen\:55 { color: hsl(var(--sf-dark-c-txt-forestgreen-45)) } +.sf-c-txt-forestgreen\:60 { color: hsl(var(--sf-dark-c-txt-forestgreen-40)) } +.sf-c-txt-forestgreen\:65 { color: hsl(var(--sf-dark-c-txt-forestgreen-35)) } +.sf-c-txt-forestgreen\:70 { color: hsl(var(--sf-dark-c-txt-forestgreen-30)) } +.sf-c-txt-forestgreen\:75 { color: hsl(var(--sf-dark-c-txt-forestgreen-25)) } +.sf-c-txt-forestgreen\:80 { color: hsl(var(--sf-dark-c-txt-forestgreen-20)) } +.sf-c-txt-forestgreen\:85 { color: hsl(var(--sf-dark-c-txt-forestgreen-15)) } +.sf-c-txt-forestgreen\:90 { color: hsl(var(--sf-dark-c-txt-forestgreen-10)) } +.sf-c-txt-forestgreen\:95 { color: hsl(var(--sf-dark-c-txt-forestgreen-5)) } +.sf-c-txt-forestgreen\:100 { color: hsl(var(--sf-dark-c-txt-forestgreen-0)) } + +html.var .sf-c-txt-forestgreen { color: hsl(120, 61%, 66%) } +html.var .sf-c-txt-forestgreen\:0 { color: hsl(120, 61%, 100%) } +html.var .sf-c-txt-forestgreen\:5 { color: hsl(120, 61%, 95%) } +html.var .sf-c-txt-forestgreen\:10 { color: hsl(120, 61%, 90%) } +html.var .sf-c-txt-forestgreen\:15 { color: hsl(120, 61%, 85%) } +html.var .sf-c-txt-forestgreen\:20 { color: hsl(120, 61%, 80%) } +html.var .sf-c-txt-forestgreen\:25 { color: hsl(120, 61%, 75%) } +html.var .sf-c-txt-forestgreen\:30 { color: hsl(120, 61%, 70%) } +html.var .sf-c-txt-forestgreen\:35 { color: hsl(120, 61%, 65%) } +html.var .sf-c-txt-forestgreen\:40 { color: hsl(120, 61%, 60%) } +html.var .sf-c-txt-forestgreen\:45 { color: hsl(120, 61%, 55%) } +html.var .sf-c-txt-forestgreen\:50 { color: hsl(120, 61%, 50%) } +html.var .sf-c-txt-forestgreen\:55 { color: hsl(120, 61%, 45%) } +html.var .sf-c-txt-forestgreen\:60 { color: hsl(120, 61%, 40%) } +html.var .sf-c-txt-forestgreen\:65 { color: hsl(120, 61%, 35%) } +html.var .sf-c-txt-forestgreen\:70 { color: hsl(120, 61%, 30%) } +html.var .sf-c-txt-forestgreen\:75 { color: hsl(120, 61%, 25%) } +html.var .sf-c-txt-forestgreen\:80 { color: hsl(120, 61%, 20%) } +html.var .sf-c-txt-forestgreen\:85 { color: hsl(120, 61%, 15%) } +html.var .sf-c-txt-forestgreen\:90 { color: hsl(120, 61%, 10%) } +html.var .sf-c-txt-forestgreen\:95 { color: hsl(120, 61%, 5%) } +html.var .sf-c-txt-forestgreen\:100 { color: hsl(120, 61%, 0%) } + html[data-theme='dark'] .sf-c-forestgreen, html.dark .sf-c-forestgreen { color: hsl(var(--sf-dark-c-txt-forestgreen-5)); background: hsl(var(--sf-dark-c-forestgreen)) } html[data-theme='dark'] .sf-c-forestgreen\:0, html.dark .sf-c-forestgreen\:0 { color: hsl(var(--sf-dark-c-txt-forestgreen-95)); background: hsl(var(--sf-dark-c-forestgreen-100)) } html[data-theme='dark'] .sf-c-forestgreen\:5, html.dark .sf-c-forestgreen\:5 { color: hsl(var(--sf-dark-c-txt-forestgreen-5)); background: hsl(var(--sf-dark-c-forestgreen-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-forestgreen\:90\:dark, html.dark .sf-c-forestgreen html[data-theme='dark'] .sf-c-forestgreen\:95\:dark, html.dark .sf-c-forestgreen\:95\:dark { color: hsl(var(--sf-c-txt-forestgreen-95)); background: hsl(var(--sf-c-forestgreen-5)) } html[data-theme='dark'] .sf-c-forestgreen\:100\:dark, html.dark .sf-c-forestgreen\:100\:dark { color: hsl(var(--sf-c-txt-forestgreen-95)); background: hsl(var(--sf-c-forestgreen-0)) } +html[data-theme='dark'] .sf-c-txt-forestgreen, html.dark .sf-c-txt-forestgreen { color: hsl(var(--sf-c-txt-forestgreen)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:0, html.dark .sf-c-txt-forestgreen\:0 { color: hsl(var(--sf-c-txt-forestgreen-0)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:5, html.dark .sf-c-txt-forestgreen\:5 { color: hsl(var(--sf-c-txt-forestgreen-5)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:10, html.dark .sf-c-txt-forestgreen\:10 { color: hsl(var(--sf-c-txt-forestgreen-10)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:15, html.dark .sf-c-txt-forestgreen\:15 { color: hsl(var(--sf-c-txt-forestgreen-15)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:20, html.dark .sf-c-txt-forestgreen\:20 { color: hsl(var(--sf-c-txt-forestgreen-20)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:25, html.dark .sf-c-txt-forestgreen\:25 { color: hsl(var(--sf-c-txt-forestgreen-25)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:30, html.dark .sf-c-txt-forestgreen\:30 { color: hsl(var(--sf-c-txt-forestgreen-30)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:35, html.dark .sf-c-txt-forestgreen\:35 { color: hsl(var(--sf-c-txt-forestgreen-35)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:40, html.dark .sf-c-txt-forestgreen\:40 { color: hsl(var(--sf-c-txt-forestgreen-40)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:45, html.dark .sf-c-txt-forestgreen\:45 { color: hsl(var(--sf-c-txt-forestgreen-45)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:50, html.dark .sf-c-txt-forestgreen\:50 { color: hsl(var(--sf-c-txt-forestgreen-50)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:55, html.dark .sf-c-txt-forestgreen\:55 { color: hsl(var(--sf-c-txt-forestgreen-55)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:60, html.dark .sf-c-txt-forestgreen\:60 { color: hsl(var(--sf-c-txt-forestgreen-60)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:65, html.dark .sf-c-txt-forestgreen\:65 { color: hsl(var(--sf-c-txt-forestgreen-65)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:70, html.dark .sf-c-txt-forestgreen\:70 { color: hsl(var(--sf-c-txt-forestgreen-70)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:75, html.dark .sf-c-txt-forestgreen\:75 { color: hsl(var(--sf-c-txt-forestgreen-75)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:80, html.dark .sf-c-txt-forestgreen\:80 { color: hsl(var(--sf-c-txt-forestgreen-80)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:85, html.dark .sf-c-txt-forestgreen\:85 { color: hsl(var(--sf-c-txt-forestgreen-85)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:90, html.dark .sf-c-txt-forestgreen\:90 { color: hsl(var(--sf-c-txt-forestgreen-90)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:95, html.dark .sf-c-txt-forestgreen\:95 { color: hsl(var(--sf-c-txt-forestgreen-95)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:100, html.dark .sf-c-txt-forestgreen\:100 { color: hsl(var(--sf-c-txt-forestgreen-100)) } + +html[data-theme='dark'] .sf-c-txt-forestgreen\:dark, html.dark .sf-c-txt-forestgreen\:dark { color: hsl(var(--sf-c-txt-forestgreen)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:0\:dark, html.dark .sf-c-txt-forestgreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-0)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:5\:dark, html.dark .sf-c-txt-forestgreen\:5\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-5)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:10\:dark, html.dark .sf-c-txt-forestgreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-10)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:15\:dark, html.dark .sf-c-txt-forestgreen\:15\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-15)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:20\:dark, html.dark .sf-c-txt-forestgreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-20)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:25\:dark, html.dark .sf-c-txt-forestgreen\:25\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-25)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:30\:dark, html.dark .sf-c-txt-forestgreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-30)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:35\:dark, html.dark .sf-c-txt-forestgreen\:35\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-35)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:40\:dark, html.dark .sf-c-txt-forestgreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-40)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:45\:dark, html.dark .sf-c-txt-forestgreen\:45\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-45)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:50\:dark, html.dark .sf-c-txt-forestgreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-50)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:55\:dark, html.dark .sf-c-txt-forestgreen\:55\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-55)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:60\:dark, html.dark .sf-c-txt-forestgreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-60)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:65\:dark, html.dark .sf-c-txt-forestgreen\:65\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-65)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:70\:dark, html.dark .sf-c-txt-forestgreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-70)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:75\:dark, html.dark .sf-c-txt-forestgreen\:75\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-75)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:80\:dark, html.dark .sf-c-txt-forestgreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-80)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:85\:dark, html.dark .sf-c-txt-forestgreen\:85\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-85)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:90\:dark, html.dark .sf-c-txt-forestgreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-90)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:95\:dark, html.dark .sf-c-txt-forestgreen\:95\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-95)) } +html[data-theme='dark'] .sf-c-txt-forestgreen\:100\:dark, html.dark .sf-c-txt-forestgreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-forestgreen-100)) } + html.var[data-theme='dark'] .sf-c-forestgreen, html.var.dark .sf-c-forestgreen { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 66%) } html.var[data-theme='dark'] .sf-c-forestgreen\:0, html.var.dark .sf-c-forestgreen\:0 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 100%) } html.var[data-theme='dark'] .sf-c-forestgreen\:5, html.var.dark .sf-c-forestgreen\:5 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-forestgreen\:90\:dark, html.var.dark .sf-c-for html.var[data-theme='dark'] .sf-c-forestgreen\:95\:dark, html.var.dark .sf-c-forestgreen\:95\:dark { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 5%) } html.var[data-theme='dark'] .sf-c-forestgreen\:100\:dark, html.var.dark .sf-c-forestgreen\:100\:dark { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen, html.dark .sf-c-txt-forestgreen { color: hsl(120, 61%, 34%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:0, html.dark .sf-c-txt-forestgreen\:0 { color: hsl(120, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:5, html.dark .sf-c-txt-forestgreen\:5 { color: hsl(120, 61%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:10, html.dark .sf-c-txt-forestgreen\:10 { color: hsl(120, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:15, html.dark .sf-c-txt-forestgreen\:15 { color: hsl(120, 61%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:20, html.dark .sf-c-txt-forestgreen\:20 { color: hsl(120, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:25, html.dark .sf-c-txt-forestgreen\:25 { color: hsl(120, 61%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:30, html.dark .sf-c-txt-forestgreen\:30 { color: hsl(120, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:35, html.dark .sf-c-txt-forestgreen\:35 { color: hsl(120, 61%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:40, html.dark .sf-c-txt-forestgreen\:40 { color: hsl(120, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:45, html.dark .sf-c-txt-forestgreen\:45 { color: hsl(120, 61%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:50, html.dark .sf-c-txt-forestgreen\:50 { color: hsl(120, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:55, html.dark .sf-c-txt-forestgreen\:55 { color: hsl(120, 61%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:60, html.dark .sf-c-txt-forestgreen\:60 { color: hsl(120, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:65, html.dark .sf-c-txt-forestgreen\:65 { color: hsl(120, 61%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:70, html.dark .sf-c-txt-forestgreen\:70 { color: hsl(120, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:75, html.dark .sf-c-txt-forestgreen\:75 { color: hsl(120, 61%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:80, html.dark .sf-c-txt-forestgreen\:80 { color: hsl(120, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:85, html.dark .sf-c-txt-forestgreen\:85 { color: hsl(120, 61%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:90, html.dark .sf-c-txt-forestgreen\:90 { color: hsl(120, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:95, html.dark .sf-c-txt-forestgreen\:95 { color: hsl(120, 61%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:100, html.dark .sf-c-txt-forestgreen\:100 { color: hsl(120, 61%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:dark, html.dark .sf-c-txt-forestgreen\:dark { color: hsl(120, 61%, 34%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:0\:dark, html.dark .sf-c-txt-forestgreen\:0\:dark { color: hsl(120, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:5\:dark, html.dark .sf-c-txt-forestgreen\:5\:dark { color: hsl(120, 61%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:10\:dark, html.dark .sf-c-txt-forestgreen\:10\:dark { color: hsl(120, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:15\:dark, html.dark .sf-c-txt-forestgreen\:15\:dark { color: hsl(120, 61%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:20\:dark, html.dark .sf-c-txt-forestgreen\:20\:dark { color: hsl(120, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:25\:dark, html.dark .sf-c-txt-forestgreen\:25\:dark { color: hsl(120, 61%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:30\:dark, html.dark .sf-c-txt-forestgreen\:30\:dark { color: hsl(120, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:35\:dark, html.dark .sf-c-txt-forestgreen\:35\:dark { color: hsl(120, 61%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:40\:dark, html.dark .sf-c-txt-forestgreen\:40\:dark { color: hsl(120, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:45\:dark, html.dark .sf-c-txt-forestgreen\:45\:dark { color: hsl(120, 61%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:50\:dark, html.dark .sf-c-txt-forestgreen\:50\:dark { color: hsl(120, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:55\:dark, html.dark .sf-c-txt-forestgreen\:55\:dark { color: hsl(120, 61%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:60\:dark, html.dark .sf-c-txt-forestgreen\:60\:dark { color: hsl(120, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:65\:dark, html.dark .sf-c-txt-forestgreen\:65\:dark { color: hsl(120, 61%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:70\:dark, html.dark .sf-c-txt-forestgreen\:70\:dark { color: hsl(120, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:75\:dark, html.dark .sf-c-txt-forestgreen\:75\:dark { color: hsl(120, 61%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:80\:dark, html.dark .sf-c-txt-forestgreen\:80\:dark { color: hsl(120, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:85\:dark, html.dark .sf-c-txt-forestgreen\:85\:dark { color: hsl(120, 61%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:90\:dark, html.dark .sf-c-txt-forestgreen\:90\:dark { color: hsl(120, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:95\:dark, html.dark .sf-c-txt-forestgreen\:95\:dark { color: hsl(120, 61%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-forestgreen\:100\:dark, html.dark .sf-c-txt-forestgreen\:100\:dark { color: hsl(120, 61%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-forestgreen, html.auto .sf-c-forestgreen { color: hsl(var(--sf-dark-c-txt-forestgreen-5)); background: hsl(var(--sf-dark-c-forestgreen)) } html[data-theme='auto'] .sf-c-forestgreen\:0, html.auto .sf-c-forestgreen\:0 { color: hsl(var(--sf-dark-c-txt-forestgreen-95)); background: hsl(var(--sf-dark-c-forestgreen-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-forestgreen\:100\:dark, html.var.dark .sf-c-fo html[data-theme='auto'] .sf-c-forestgreen\:95\:dark, html.auto .sf-c-forestgreen\:95\:dark { color: hsl(var(--sf-c-txt-forestgreen-95)); background: hsl(var(--sf-c-forestgreen-5)) } html[data-theme='auto'] .sf-c-forestgreen\:100\:dark, html.auto .sf-c-forestgreen\:100\:dark { color: hsl(var(--sf-c-txt-forestgreen-95)); background: hsl(var(--sf-c-forestgreen-0)) } + html[data-theme='auto'] .sf-c-txt-forestgreen, html.auto .sf-c-txt-forestgreen { color: hsl(var(--sf-c-txt-forestgreen)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:0, html.auto .sf-c-txt-forestgreen\:0 { color: hsl(var(--sf-c-txt-forestgreen-0)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:5, html.auto .sf-c-txt-forestgreen\:5 { color: hsl(var(--sf-c-txt-forestgreen-5)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:10, html.auto .sf-c-txt-forestgreen\:10 { color: hsl(var(--sf-c-txt-forestgreen-10)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:15, html.auto .sf-c-txt-forestgreen\:15 { color: hsl(var(--sf-c-txt-forestgreen-15)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:20, html.auto .sf-c-txt-forestgreen\:20 { color: hsl(var(--sf-c-txt-forestgreen-20)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:25, html.auto .sf-c-txt-forestgreen\:25 { color: hsl(var(--sf-c-txt-forestgreen-25)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:30, html.auto .sf-c-txt-forestgreen\:30 { color: hsl(var(--sf-c-txt-forestgreen-30)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:35, html.auto .sf-c-txt-forestgreen\:35 { color: hsl(var(--sf-c-txt-forestgreen-35)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:40, html.auto .sf-c-txt-forestgreen\:40 { color: hsl(var(--sf-c-txt-forestgreen-40)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:45, html.auto .sf-c-txt-forestgreen\:45 { color: hsl(var(--sf-c-txt-forestgreen-45)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:50, html.auto .sf-c-txt-forestgreen\:50 { color: hsl(var(--sf-c-txt-forestgreen-50)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:55, html.auto .sf-c-txt-forestgreen\:55 { color: hsl(var(--sf-c-txt-forestgreen-55)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:60, html.auto .sf-c-txt-forestgreen\:60 { color: hsl(var(--sf-c-txt-forestgreen-60)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:65, html.auto .sf-c-txt-forestgreen\:65 { color: hsl(var(--sf-c-txt-forestgreen-65)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:70, html.auto .sf-c-txt-forestgreen\:70 { color: hsl(var(--sf-c-txt-forestgreen-70)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:75, html.auto .sf-c-txt-forestgreen\:75 { color: hsl(var(--sf-c-txt-forestgreen-75)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:80, html.auto .sf-c-txt-forestgreen\:80 { color: hsl(var(--sf-c-txt-forestgreen-80)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:85, html.auto .sf-c-txt-forestgreen\:85 { color: hsl(var(--sf-c-txt-forestgreen-85)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:90, html.auto .sf-c-txt-forestgreen\:90 { color: hsl(var(--sf-c-txt-forestgreen-90)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:95, html.auto .sf-c-txt-forestgreen\:95 { color: hsl(var(--sf-c-txt-forestgreen-95)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:100, html.auto .sf-c-txt-forestgreen\:100 { color: hsl(var(--sf-c-txt-forestgreen-100)) } + + html[data-theme='auto'] .sf-c-txt-forestgreen\:dark, html.auto .sf-c-txt-forestgreen\:dark { color: hsl(var(--sf-c-txt-forestgreen)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:0\:dark, html.auto .sf-c-txt-forestgreen\:0\:dark { color: hsl(var(--sf-c-txt-forestgreen-0)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:5\:dark, html.auto .sf-c-txt-forestgreen\:5\:dark { color: hsl(var(--sf-c-txt-forestgreen-5)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:10\:dark, html.auto .sf-c-txt-forestgreen\:10\:dark { color: hsl(var(--sf-c-txt-forestgreen-10)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:15\:dark, html.auto .sf-c-txt-forestgreen\:15\:dark { color: hsl(var(--sf-c-txt-forestgreen-15)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:20\:dark, html.auto .sf-c-txt-forestgreen\:20\:dark { color: hsl(var(--sf-c-txt-forestgreen-20)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:25\:dark, html.auto .sf-c-txt-forestgreen\:25\:dark { color: hsl(var(--sf-c-txt-forestgreen-25)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:30\:dark, html.auto .sf-c-txt-forestgreen\:30\:dark { color: hsl(var(--sf-c-txt-forestgreen-30)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:35\:dark, html.auto .sf-c-txt-forestgreen\:35\:dark { color: hsl(var(--sf-c-txt-forestgreen-35)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:40\:dark, html.auto .sf-c-txt-forestgreen\:40\:dark { color: hsl(var(--sf-c-txt-forestgreen-40)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:45\:dark, html.auto .sf-c-txt-forestgreen\:45\:dark { color: hsl(var(--sf-c-txt-forestgreen-45)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:50\:dark, html.auto .sf-c-txt-forestgreen\:50\:dark { color: hsl(var(--sf-c-txt-forestgreen-50)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:55\:dark, html.auto .sf-c-txt-forestgreen\:55\:dark { color: hsl(var(--sf-c-txt-forestgreen-55)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:60\:dark, html.auto .sf-c-txt-forestgreen\:60\:dark { color: hsl(var(--sf-c-txt-forestgreen-60)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:65\:dark, html.auto .sf-c-txt-forestgreen\:65\:dark { color: hsl(var(--sf-c-txt-forestgreen-65)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:70\:dark, html.auto .sf-c-txt-forestgreen\:70\:dark { color: hsl(var(--sf-c-txt-forestgreen-70)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:75\:dark, html.auto .sf-c-txt-forestgreen\:75\:dark { color: hsl(var(--sf-c-txt-forestgreen-75)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:80\:dark, html.auto .sf-c-txt-forestgreen\:80\:dark { color: hsl(var(--sf-c-txt-forestgreen-80)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:85\:dark, html.auto .sf-c-txt-forestgreen\:85\:dark { color: hsl(var(--sf-c-txt-forestgreen-85)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:90\:dark, html.auto .sf-c-txt-forestgreen\:90\:dark { color: hsl(var(--sf-c-txt-forestgreen-90)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:95\:dark, html.auto .sf-c-txt-forestgreen\:95\:dark { color: hsl(var(--sf-c-txt-forestgreen-95)) } + html[data-theme='auto'] .sf-c-txt-forestgreen\:100\:dark, html.auto .sf-c-txt-forestgreen\:100\:dark { color: hsl(var(--sf-c-txt-forestgreen-100)) } + html.var[data-theme='auto'] .sf-c-forestgreen, html.var.auto .sf-c-forestgreen { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 66%) } html.var[data-theme='auto'] .sf-c-forestgreen\:0, html.var.auto .sf-c-forestgreen\:0 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 100%) } html.var[data-theme='auto'] .sf-c-forestgreen\:5, html.var.auto .sf-c-forestgreen\:5 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-forestgreen\:100\:dark, html.var.dark .sf-c-fo html.var[data-theme='auto'] .sf-c-forestgreen\:90\:dark, html.var.auto .sf-c-forestgreen\:90\:dark { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 10%) } html.var[data-theme='auto'] .sf-c-forestgreen\:95\:dark, html.var.auto .sf-c-forestgreen\:95\:dark { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 5%) } html.var[data-theme='auto'] .sf-c-forestgreen\:100\:dark, html.var.auto .sf-c-forestgreen\:100\:dark { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 0%) } -} -.sf-c-txt-forestgreen { color: hsl(var(--sf-c-txt-forestgreen)) } -.sf-c-txt-forestgreen\:0 { color: hsl(var(--sf-c-txt-forestgreen-0)) } -.sf-c-txt-forestgreen\:5 { color: hsl(var(--sf-c-txt-forestgreen-5)) } -.sf-c-txt-forestgreen\:10 { color: hsl(var(--sf-c-txt-forestgreen-10)) } -.sf-c-txt-forestgreen\:15 { color: hsl(var(--sf-c-txt-forestgreen-15)) } -.sf-c-txt-forestgreen\:20 { color: hsl(var(--sf-c-txt-forestgreen-20)) } -.sf-c-txt-forestgreen\:25 { color: hsl(var(--sf-c-txt-forestgreen-25)) } -.sf-c-txt-forestgreen\:30 { color: hsl(var(--sf-c-txt-forestgreen-30)) } -.sf-c-txt-forestgreen\:35 { color: hsl(var(--sf-c-txt-forestgreen-35)) } -.sf-c-txt-forestgreen\:40 { color: hsl(var(--sf-c-txt-forestgreen-40)) } -.sf-c-txt-forestgreen\:45 { color: hsl(var(--sf-c-txt-forestgreen-45)) } -.sf-c-txt-forestgreen\:50 { color: hsl(var(--sf-c-txt-forestgreen-50)) } -.sf-c-txt-forestgreen\:55 { color: hsl(var(--sf-c-txt-forestgreen-55)) } -.sf-c-txt-forestgreen\:60 { color: hsl(var(--sf-c-txt-forestgreen-60)) } -.sf-c-txt-forestgreen\:65 { color: hsl(var(--sf-c-txt-forestgreen-65)) } -.sf-c-txt-forestgreen\:70 { color: hsl(var(--sf-c-txt-forestgreen-70)) } -.sf-c-txt-forestgreen\:75 { color: hsl(var(--sf-c-txt-forestgreen-75)) } -.sf-c-txt-forestgreen\:80 { color: hsl(var(--sf-c-txt-forestgreen-80)) } -.sf-c-txt-forestgreen\:85 { color: hsl(var(--sf-c-txt-forestgreen-85)) } -.sf-c-txt-forestgreen\:90 { color: hsl(var(--sf-c-txt-forestgreen-90)) } -.sf-c-txt-forestgreen\:95 { color: hsl(var(--sf-c-txt-forestgreen-95)) } -.sf-c-txt-forestgreen\:100 { color: hsl(var(--sf-c-txt-forestgreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-forestgreen, html.auto .sf-c-txt-forestgreen { color: hsl(120, 61%, 34%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:0, html.auto .sf-c-txt-forestgreen\:0 { color: hsl(120, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:5, html.auto .sf-c-txt-forestgreen\:5 { color: hsl(120, 61%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:10, html.auto .sf-c-txt-forestgreen\:10 { color: hsl(120, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:15, html.auto .sf-c-txt-forestgreen\:15 { color: hsl(120, 61%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:20, html.auto .sf-c-txt-forestgreen\:20 { color: hsl(120, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:25, html.auto .sf-c-txt-forestgreen\:25 { color: hsl(120, 61%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:30, html.auto .sf-c-txt-forestgreen\:30 { color: hsl(120, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:35, html.auto .sf-c-txt-forestgreen\:35 { color: hsl(120, 61%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:40, html.auto .sf-c-txt-forestgreen\:40 { color: hsl(120, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:45, html.auto .sf-c-txt-forestgreen\:45 { color: hsl(120, 61%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:50, html.auto .sf-c-txt-forestgreen\:50 { color: hsl(120, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:55, html.auto .sf-c-txt-forestgreen\:55 { color: hsl(120, 61%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:60, html.auto .sf-c-txt-forestgreen\:60 { color: hsl(120, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:65, html.auto .sf-c-txt-forestgreen\:65 { color: hsl(120, 61%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:70, html.auto .sf-c-txt-forestgreen\:70 { color: hsl(120, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:75, html.auto .sf-c-txt-forestgreen\:75 { color: hsl(120, 61%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:80, html.auto .sf-c-txt-forestgreen\:80 { color: hsl(120, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:85, html.auto .sf-c-txt-forestgreen\:85 { color: hsl(120, 61%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:90, html.auto .sf-c-txt-forestgreen\:90 { color: hsl(120, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:95, html.auto .sf-c-txt-forestgreen\:95 { color: hsl(120, 61%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:100, html.auto .sf-c-txt-forestgreen\:100 { color: hsl(120, 61%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:dark, html.auto .sf-c-txt-forestgreen\:dark { color: hsl(120, 61%, 34%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:0\:dark, html.auto .sf-c-txt-forestgreen\:0\:dark { color: hsl(120, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:5\:dark, html.auto .sf-c-txt-forestgreen\:5\:dark { color: hsl(120, 61%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:10\:dark, html.auto .sf-c-txt-forestgreen\:10\:dark { color: hsl(120, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:15\:dark, html.auto .sf-c-txt-forestgreen\:15\:dark { color: hsl(120, 61%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:20\:dark, html.auto .sf-c-txt-forestgreen\:20\:dark { color: hsl(120, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:25\:dark, html.auto .sf-c-txt-forestgreen\:25\:dark { color: hsl(120, 61%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:30\:dark, html.auto .sf-c-txt-forestgreen\:30\:dark { color: hsl(120, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:35\:dark, html.auto .sf-c-txt-forestgreen\:35\:dark { color: hsl(120, 61%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:40\:dark, html.auto .sf-c-txt-forestgreen\:40\:dark { color: hsl(120, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:45\:dark, html.auto .sf-c-txt-forestgreen\:45\:dark { color: hsl(120, 61%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:50\:dark, html.auto .sf-c-txt-forestgreen\:50\:dark { color: hsl(120, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:55\:dark, html.auto .sf-c-txt-forestgreen\:55\:dark { color: hsl(120, 61%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:60\:dark, html.auto .sf-c-txt-forestgreen\:60\:dark { color: hsl(120, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:65\:dark, html.auto .sf-c-txt-forestgreen\:65\:dark { color: hsl(120, 61%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:70\:dark, html.auto .sf-c-txt-forestgreen\:70\:dark { color: hsl(120, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:75\:dark, html.auto .sf-c-txt-forestgreen\:75\:dark { color: hsl(120, 61%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:80\:dark, html.auto .sf-c-txt-forestgreen\:80\:dark { color: hsl(120, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:85\:dark, html.auto .sf-c-txt-forestgreen\:85\:dark { color: hsl(120, 61%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:90\:dark, html.auto .sf-c-txt-forestgreen\:90\:dark { color: hsl(120, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:95\:dark, html.auto .sf-c-txt-forestgreen\:95\:dark { color: hsl(120, 61%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-forestgreen\:100\:dark, html.auto .sf-c-txt-forestgreen\:100\:dark { color: hsl(120, 61%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/fuchsia.css b/src/colors/20/fuchsia.css index 6ecdd9d..f8aa939 100644 --- a/src/colors/20/fuchsia.css +++ b/src/colors/20/fuchsia.css @@ -138,6 +138,52 @@ html.var .sf-c-fuchsia\:90 { color: hsl(300, 100%, 5%); background: hsl(300, 100 html.var .sf-c-fuchsia\:95 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } html.var .sf-c-fuchsia\:100 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } +.sf-c-txt-fuchsia { color: hsl(var(--sf-dark-c-txt-fuchsia)) } +.sf-c-txt-fuchsia\:0 { color: hsl(var(--sf-dark-c-txt-fuchsia-100)) } +.sf-c-txt-fuchsia\:5 { color: hsl(var(--sf-dark-c-txt-fuchsia-95)) } +.sf-c-txt-fuchsia\:10 { color: hsl(var(--sf-dark-c-txt-fuchsia-90)) } +.sf-c-txt-fuchsia\:15 { color: hsl(var(--sf-dark-c-txt-fuchsia-85)) } +.sf-c-txt-fuchsia\:20 { color: hsl(var(--sf-dark-c-txt-fuchsia-80)) } +.sf-c-txt-fuchsia\:25 { color: hsl(var(--sf-dark-c-txt-fuchsia-75)) } +.sf-c-txt-fuchsia\:30 { color: hsl(var(--sf-dark-c-txt-fuchsia-70)) } +.sf-c-txt-fuchsia\:35 { color: hsl(var(--sf-dark-c-txt-fuchsia-65)) } +.sf-c-txt-fuchsia\:40 { color: hsl(var(--sf-dark-c-txt-fuchsia-60)) } +.sf-c-txt-fuchsia\:45 { color: hsl(var(--sf-dark-c-txt-fuchsia-55)) } +.sf-c-txt-fuchsia\:50 { color: hsl(var(--sf-dark-c-txt-fuchsia-50)) } +.sf-c-txt-fuchsia\:55 { color: hsl(var(--sf-dark-c-txt-fuchsia-45)) } +.sf-c-txt-fuchsia\:60 { color: hsl(var(--sf-dark-c-txt-fuchsia-40)) } +.sf-c-txt-fuchsia\:65 { color: hsl(var(--sf-dark-c-txt-fuchsia-35)) } +.sf-c-txt-fuchsia\:70 { color: hsl(var(--sf-dark-c-txt-fuchsia-30)) } +.sf-c-txt-fuchsia\:75 { color: hsl(var(--sf-dark-c-txt-fuchsia-25)) } +.sf-c-txt-fuchsia\:80 { color: hsl(var(--sf-dark-c-txt-fuchsia-20)) } +.sf-c-txt-fuchsia\:85 { color: hsl(var(--sf-dark-c-txt-fuchsia-15)) } +.sf-c-txt-fuchsia\:90 { color: hsl(var(--sf-dark-c-txt-fuchsia-10)) } +.sf-c-txt-fuchsia\:95 { color: hsl(var(--sf-dark-c-txt-fuchsia-5)) } +.sf-c-txt-fuchsia\:100 { color: hsl(var(--sf-dark-c-txt-fuchsia-0)) } + +html.var .sf-c-txt-fuchsia { color: hsl(300, 100%, 50%) } +html.var .sf-c-txt-fuchsia\:0 { color: hsl(300, 100%, 100%) } +html.var .sf-c-txt-fuchsia\:5 { color: hsl(300, 100%, 95%) } +html.var .sf-c-txt-fuchsia\:10 { color: hsl(300, 100%, 90%) } +html.var .sf-c-txt-fuchsia\:15 { color: hsl(300, 100%, 85%) } +html.var .sf-c-txt-fuchsia\:20 { color: hsl(300, 100%, 80%) } +html.var .sf-c-txt-fuchsia\:25 { color: hsl(300, 100%, 75%) } +html.var .sf-c-txt-fuchsia\:30 { color: hsl(300, 100%, 70%) } +html.var .sf-c-txt-fuchsia\:35 { color: hsl(300, 100%, 65%) } +html.var .sf-c-txt-fuchsia\:40 { color: hsl(300, 100%, 60%) } +html.var .sf-c-txt-fuchsia\:45 { color: hsl(300, 100%, 55%) } +html.var .sf-c-txt-fuchsia\:50 { color: hsl(300, 100%, 50%) } +html.var .sf-c-txt-fuchsia\:55 { color: hsl(300, 100%, 45%) } +html.var .sf-c-txt-fuchsia\:60 { color: hsl(300, 100%, 40%) } +html.var .sf-c-txt-fuchsia\:65 { color: hsl(300, 100%, 35%) } +html.var .sf-c-txt-fuchsia\:70 { color: hsl(300, 100%, 30%) } +html.var .sf-c-txt-fuchsia\:75 { color: hsl(300, 100%, 25%) } +html.var .sf-c-txt-fuchsia\:80 { color: hsl(300, 100%, 20%) } +html.var .sf-c-txt-fuchsia\:85 { color: hsl(300, 100%, 15%) } +html.var .sf-c-txt-fuchsia\:90 { color: hsl(300, 100%, 10%) } +html.var .sf-c-txt-fuchsia\:95 { color: hsl(300, 100%, 5%) } +html.var .sf-c-txt-fuchsia\:100 { color: hsl(300, 100%, 0%) } + html[data-theme='dark'] .sf-c-fuchsia, html.dark .sf-c-fuchsia { color: hsl(var(--sf-dark-c-txt-fuchsia-95)); background: hsl(var(--sf-dark-c-fuchsia)) } html[data-theme='dark'] .sf-c-fuchsia\:0, html.dark .sf-c-fuchsia\:0 { color: hsl(var(--sf-dark-c-txt-fuchsia-95)); background: hsl(var(--sf-dark-c-fuchsia-100)) } html[data-theme='dark'] .sf-c-fuchsia\:5, html.dark .sf-c-fuchsia\:5 { color: hsl(var(--sf-dark-c-txt-fuchsia-5)); background: hsl(var(--sf-dark-c-fuchsia-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-fuchsia\:90\:dark, html.dark .sf-c-fuchsia\:90\:da html[data-theme='dark'] .sf-c-fuchsia\:95\:dark, html.dark .sf-c-fuchsia\:95\:dark { color: hsl(var(--sf-c-txt-fuchsia-95)); background: hsl(var(--sf-c-fuchsia-5)) } html[data-theme='dark'] .sf-c-fuchsia\:100\:dark, html.dark .sf-c-fuchsia\:100\:dark { color: hsl(var(--sf-c-txt-fuchsia-95)); background: hsl(var(--sf-c-fuchsia-0)) } +html[data-theme='dark'] .sf-c-txt-fuchsia, html.dark .sf-c-txt-fuchsia { color: hsl(var(--sf-c-txt-fuchsia)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:0, html.dark .sf-c-txt-fuchsia\:0 { color: hsl(var(--sf-c-txt-fuchsia-0)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:5, html.dark .sf-c-txt-fuchsia\:5 { color: hsl(var(--sf-c-txt-fuchsia-5)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:10, html.dark .sf-c-txt-fuchsia\:10 { color: hsl(var(--sf-c-txt-fuchsia-10)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:15, html.dark .sf-c-txt-fuchsia\:15 { color: hsl(var(--sf-c-txt-fuchsia-15)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:20, html.dark .sf-c-txt-fuchsia\:20 { color: hsl(var(--sf-c-txt-fuchsia-20)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:25, html.dark .sf-c-txt-fuchsia\:25 { color: hsl(var(--sf-c-txt-fuchsia-25)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:30, html.dark .sf-c-txt-fuchsia\:30 { color: hsl(var(--sf-c-txt-fuchsia-30)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:35, html.dark .sf-c-txt-fuchsia\:35 { color: hsl(var(--sf-c-txt-fuchsia-35)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:40, html.dark .sf-c-txt-fuchsia\:40 { color: hsl(var(--sf-c-txt-fuchsia-40)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:45, html.dark .sf-c-txt-fuchsia\:45 { color: hsl(var(--sf-c-txt-fuchsia-45)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:50, html.dark .sf-c-txt-fuchsia\:50 { color: hsl(var(--sf-c-txt-fuchsia-50)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:55, html.dark .sf-c-txt-fuchsia\:55 { color: hsl(var(--sf-c-txt-fuchsia-55)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:60, html.dark .sf-c-txt-fuchsia\:60 { color: hsl(var(--sf-c-txt-fuchsia-60)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:65, html.dark .sf-c-txt-fuchsia\:65 { color: hsl(var(--sf-c-txt-fuchsia-65)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:70, html.dark .sf-c-txt-fuchsia\:70 { color: hsl(var(--sf-c-txt-fuchsia-70)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:75, html.dark .sf-c-txt-fuchsia\:75 { color: hsl(var(--sf-c-txt-fuchsia-75)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:80, html.dark .sf-c-txt-fuchsia\:80 { color: hsl(var(--sf-c-txt-fuchsia-80)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:85, html.dark .sf-c-txt-fuchsia\:85 { color: hsl(var(--sf-c-txt-fuchsia-85)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:90, html.dark .sf-c-txt-fuchsia\:90 { color: hsl(var(--sf-c-txt-fuchsia-90)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:95, html.dark .sf-c-txt-fuchsia\:95 { color: hsl(var(--sf-c-txt-fuchsia-95)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:100, html.dark .sf-c-txt-fuchsia\:100 { color: hsl(var(--sf-c-txt-fuchsia-100)) } + +html[data-theme='dark'] .sf-c-txt-fuchsia\:dark, html.dark .sf-c-txt-fuchsia\:dark { color: hsl(var(--sf-c-txt-fuchsia)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:0\:dark, html.dark .sf-c-txt-fuchsia\:0\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-0)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:5\:dark, html.dark .sf-c-txt-fuchsia\:5\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-5)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:10\:dark, html.dark .sf-c-txt-fuchsia\:10\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-10)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:15\:dark, html.dark .sf-c-txt-fuchsia\:15\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-15)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:20\:dark, html.dark .sf-c-txt-fuchsia\:20\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-20)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:25\:dark, html.dark .sf-c-txt-fuchsia\:25\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-25)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:30\:dark, html.dark .sf-c-txt-fuchsia\:30\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-30)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:35\:dark, html.dark .sf-c-txt-fuchsia\:35\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-35)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:40\:dark, html.dark .sf-c-txt-fuchsia\:40\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-40)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:45\:dark, html.dark .sf-c-txt-fuchsia\:45\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-45)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:50\:dark, html.dark .sf-c-txt-fuchsia\:50\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-50)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:55\:dark, html.dark .sf-c-txt-fuchsia\:55\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-55)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:60\:dark, html.dark .sf-c-txt-fuchsia\:60\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-60)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:65\:dark, html.dark .sf-c-txt-fuchsia\:65\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-65)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:70\:dark, html.dark .sf-c-txt-fuchsia\:70\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-70)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:75\:dark, html.dark .sf-c-txt-fuchsia\:75\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-75)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:80\:dark, html.dark .sf-c-txt-fuchsia\:80\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-80)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:85\:dark, html.dark .sf-c-txt-fuchsia\:85\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-85)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:90\:dark, html.dark .sf-c-txt-fuchsia\:90\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-90)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:95\:dark, html.dark .sf-c-txt-fuchsia\:95\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-95)) } +html[data-theme='dark'] .sf-c-txt-fuchsia\:100\:dark, html.dark .sf-c-txt-fuchsia\:100\:dark { color: hsl(var(--sf-dark-c-txt-fuchsia-100)) } + html.var[data-theme='dark'] .sf-c-fuchsia, html.var.dark .sf-c-fuchsia { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } html.var[data-theme='dark'] .sf-c-fuchsia\:0, html.var.dark .sf-c-fuchsia\:0 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 100%) } html.var[data-theme='dark'] .sf-c-fuchsia\:5, html.var.dark .sf-c-fuchsia\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-fuchsia\:90\:dark, html.var.dark .sf-c-fuchsia html.var[data-theme='dark'] .sf-c-fuchsia\:95\:dark, html.var.dark .sf-c-fuchsia\:95\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } html.var[data-theme='dark'] .sf-c-fuchsia\:100\:dark, html.var.dark .sf-c-fuchsia\:100\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia, html.dark .sf-c-txt-fuchsia { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:0, html.dark .sf-c-txt-fuchsia\:0 { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:5, html.dark .sf-c-txt-fuchsia\:5 { color: hsl(300, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:10, html.dark .sf-c-txt-fuchsia\:10 { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:15, html.dark .sf-c-txt-fuchsia\:15 { color: hsl(300, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:20, html.dark .sf-c-txt-fuchsia\:20 { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:25, html.dark .sf-c-txt-fuchsia\:25 { color: hsl(300, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:30, html.dark .sf-c-txt-fuchsia\:30 { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:35, html.dark .sf-c-txt-fuchsia\:35 { color: hsl(300, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:40, html.dark .sf-c-txt-fuchsia\:40 { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:45, html.dark .sf-c-txt-fuchsia\:45 { color: hsl(300, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:50, html.dark .sf-c-txt-fuchsia\:50 { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:55, html.dark .sf-c-txt-fuchsia\:55 { color: hsl(300, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:60, html.dark .sf-c-txt-fuchsia\:60 { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:65, html.dark .sf-c-txt-fuchsia\:65 { color: hsl(300, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:70, html.dark .sf-c-txt-fuchsia\:70 { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:75, html.dark .sf-c-txt-fuchsia\:75 { color: hsl(300, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:80, html.dark .sf-c-txt-fuchsia\:80 { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:85, html.dark .sf-c-txt-fuchsia\:85 { color: hsl(300, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:90, html.dark .sf-c-txt-fuchsia\:90 { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:95, html.dark .sf-c-txt-fuchsia\:95 { color: hsl(300, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:100, html.dark .sf-c-txt-fuchsia\:100 { color: hsl(300, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:dark, html.dark .sf-c-txt-fuchsia\:dark { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:0\:dark, html.dark .sf-c-txt-fuchsia\:0\:dark { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:5\:dark, html.dark .sf-c-txt-fuchsia\:5\:dark { color: hsl(300, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:10\:dark, html.dark .sf-c-txt-fuchsia\:10\:dark { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:15\:dark, html.dark .sf-c-txt-fuchsia\:15\:dark { color: hsl(300, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:20\:dark, html.dark .sf-c-txt-fuchsia\:20\:dark { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:25\:dark, html.dark .sf-c-txt-fuchsia\:25\:dark { color: hsl(300, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:30\:dark, html.dark .sf-c-txt-fuchsia\:30\:dark { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:35\:dark, html.dark .sf-c-txt-fuchsia\:35\:dark { color: hsl(300, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:40\:dark, html.dark .sf-c-txt-fuchsia\:40\:dark { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:45\:dark, html.dark .sf-c-txt-fuchsia\:45\:dark { color: hsl(300, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:50\:dark, html.dark .sf-c-txt-fuchsia\:50\:dark { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:55\:dark, html.dark .sf-c-txt-fuchsia\:55\:dark { color: hsl(300, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:60\:dark, html.dark .sf-c-txt-fuchsia\:60\:dark { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:65\:dark, html.dark .sf-c-txt-fuchsia\:65\:dark { color: hsl(300, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:70\:dark, html.dark .sf-c-txt-fuchsia\:70\:dark { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:75\:dark, html.dark .sf-c-txt-fuchsia\:75\:dark { color: hsl(300, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:80\:dark, html.dark .sf-c-txt-fuchsia\:80\:dark { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:85\:dark, html.dark .sf-c-txt-fuchsia\:85\:dark { color: hsl(300, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:90\:dark, html.dark .sf-c-txt-fuchsia\:90\:dark { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:95\:dark, html.dark .sf-c-txt-fuchsia\:95\:dark { color: hsl(300, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-fuchsia\:100\:dark, html.dark .sf-c-txt-fuchsia\:100\:dark { color: hsl(300, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-fuchsia, html.auto .sf-c-fuchsia { color: hsl(var(--sf-dark-c-txt-fuchsia-95)); background: hsl(var(--sf-dark-c-fuchsia)) } html[data-theme='auto'] .sf-c-fuchsia\:0, html.auto .sf-c-fuchsia\:0 { color: hsl(var(--sf-dark-c-txt-fuchsia-95)); background: hsl(var(--sf-dark-c-fuchsia-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-fuchsia\:100\:dark, html.var.dark .sf-c-fuchsi html[data-theme='auto'] .sf-c-fuchsia\:95\:dark, html.auto .sf-c-fuchsia\:95\:dark { color: hsl(var(--sf-c-txt-fuchsia-95)); background: hsl(var(--sf-c-fuchsia-5)) } html[data-theme='auto'] .sf-c-fuchsia\:100\:dark, html.auto .sf-c-fuchsia\:100\:dark { color: hsl(var(--sf-c-txt-fuchsia-95)); background: hsl(var(--sf-c-fuchsia-0)) } + html[data-theme='auto'] .sf-c-txt-fuchsia, html.auto .sf-c-txt-fuchsia { color: hsl(var(--sf-c-txt-fuchsia)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:0, html.auto .sf-c-txt-fuchsia\:0 { color: hsl(var(--sf-c-txt-fuchsia-0)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:5, html.auto .sf-c-txt-fuchsia\:5 { color: hsl(var(--sf-c-txt-fuchsia-5)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:10, html.auto .sf-c-txt-fuchsia\:10 { color: hsl(var(--sf-c-txt-fuchsia-10)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:15, html.auto .sf-c-txt-fuchsia\:15 { color: hsl(var(--sf-c-txt-fuchsia-15)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:20, html.auto .sf-c-txt-fuchsia\:20 { color: hsl(var(--sf-c-txt-fuchsia-20)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:25, html.auto .sf-c-txt-fuchsia\:25 { color: hsl(var(--sf-c-txt-fuchsia-25)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:30, html.auto .sf-c-txt-fuchsia\:30 { color: hsl(var(--sf-c-txt-fuchsia-30)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:35, html.auto .sf-c-txt-fuchsia\:35 { color: hsl(var(--sf-c-txt-fuchsia-35)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:40, html.auto .sf-c-txt-fuchsia\:40 { color: hsl(var(--sf-c-txt-fuchsia-40)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:45, html.auto .sf-c-txt-fuchsia\:45 { color: hsl(var(--sf-c-txt-fuchsia-45)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:50, html.auto .sf-c-txt-fuchsia\:50 { color: hsl(var(--sf-c-txt-fuchsia-50)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:55, html.auto .sf-c-txt-fuchsia\:55 { color: hsl(var(--sf-c-txt-fuchsia-55)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:60, html.auto .sf-c-txt-fuchsia\:60 { color: hsl(var(--sf-c-txt-fuchsia-60)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:65, html.auto .sf-c-txt-fuchsia\:65 { color: hsl(var(--sf-c-txt-fuchsia-65)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:70, html.auto .sf-c-txt-fuchsia\:70 { color: hsl(var(--sf-c-txt-fuchsia-70)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:75, html.auto .sf-c-txt-fuchsia\:75 { color: hsl(var(--sf-c-txt-fuchsia-75)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:80, html.auto .sf-c-txt-fuchsia\:80 { color: hsl(var(--sf-c-txt-fuchsia-80)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:85, html.auto .sf-c-txt-fuchsia\:85 { color: hsl(var(--sf-c-txt-fuchsia-85)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:90, html.auto .sf-c-txt-fuchsia\:90 { color: hsl(var(--sf-c-txt-fuchsia-90)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:95, html.auto .sf-c-txt-fuchsia\:95 { color: hsl(var(--sf-c-txt-fuchsia-95)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:100, html.auto .sf-c-txt-fuchsia\:100 { color: hsl(var(--sf-c-txt-fuchsia-100)) } + + html[data-theme='auto'] .sf-c-txt-fuchsia\:dark, html.auto .sf-c-txt-fuchsia\:dark { color: hsl(var(--sf-c-txt-fuchsia)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:0\:dark, html.auto .sf-c-txt-fuchsia\:0\:dark { color: hsl(var(--sf-c-txt-fuchsia-0)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:5\:dark, html.auto .sf-c-txt-fuchsia\:5\:dark { color: hsl(var(--sf-c-txt-fuchsia-5)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:10\:dark, html.auto .sf-c-txt-fuchsia\:10\:dark { color: hsl(var(--sf-c-txt-fuchsia-10)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:15\:dark, html.auto .sf-c-txt-fuchsia\:15\:dark { color: hsl(var(--sf-c-txt-fuchsia-15)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:20\:dark, html.auto .sf-c-txt-fuchsia\:20\:dark { color: hsl(var(--sf-c-txt-fuchsia-20)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:25\:dark, html.auto .sf-c-txt-fuchsia\:25\:dark { color: hsl(var(--sf-c-txt-fuchsia-25)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:30\:dark, html.auto .sf-c-txt-fuchsia\:30\:dark { color: hsl(var(--sf-c-txt-fuchsia-30)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:35\:dark, html.auto .sf-c-txt-fuchsia\:35\:dark { color: hsl(var(--sf-c-txt-fuchsia-35)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:40\:dark, html.auto .sf-c-txt-fuchsia\:40\:dark { color: hsl(var(--sf-c-txt-fuchsia-40)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:45\:dark, html.auto .sf-c-txt-fuchsia\:45\:dark { color: hsl(var(--sf-c-txt-fuchsia-45)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:50\:dark, html.auto .sf-c-txt-fuchsia\:50\:dark { color: hsl(var(--sf-c-txt-fuchsia-50)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:55\:dark, html.auto .sf-c-txt-fuchsia\:55\:dark { color: hsl(var(--sf-c-txt-fuchsia-55)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:60\:dark, html.auto .sf-c-txt-fuchsia\:60\:dark { color: hsl(var(--sf-c-txt-fuchsia-60)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:65\:dark, html.auto .sf-c-txt-fuchsia\:65\:dark { color: hsl(var(--sf-c-txt-fuchsia-65)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:70\:dark, html.auto .sf-c-txt-fuchsia\:70\:dark { color: hsl(var(--sf-c-txt-fuchsia-70)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:75\:dark, html.auto .sf-c-txt-fuchsia\:75\:dark { color: hsl(var(--sf-c-txt-fuchsia-75)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:80\:dark, html.auto .sf-c-txt-fuchsia\:80\:dark { color: hsl(var(--sf-c-txt-fuchsia-80)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:85\:dark, html.auto .sf-c-txt-fuchsia\:85\:dark { color: hsl(var(--sf-c-txt-fuchsia-85)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:90\:dark, html.auto .sf-c-txt-fuchsia\:90\:dark { color: hsl(var(--sf-c-txt-fuchsia-90)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:95\:dark, html.auto .sf-c-txt-fuchsia\:95\:dark { color: hsl(var(--sf-c-txt-fuchsia-95)) } + html[data-theme='auto'] .sf-c-txt-fuchsia\:100\:dark, html.auto .sf-c-txt-fuchsia\:100\:dark { color: hsl(var(--sf-c-txt-fuchsia-100)) } + html.var[data-theme='auto'] .sf-c-fuchsia, html.var.auto .sf-c-fuchsia { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } html.var[data-theme='auto'] .sf-c-fuchsia\:0, html.var.auto .sf-c-fuchsia\:0 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 100%) } html.var[data-theme='auto'] .sf-c-fuchsia\:5, html.var.auto .sf-c-fuchsia\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-fuchsia\:100\:dark, html.var.dark .sf-c-fuchsi html.var[data-theme='auto'] .sf-c-fuchsia\:90\:dark, html.var.auto .sf-c-fuchsia\:90\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } html.var[data-theme='auto'] .sf-c-fuchsia\:95\:dark, html.var.auto .sf-c-fuchsia\:95\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } html.var[data-theme='auto'] .sf-c-fuchsia\:100\:dark, html.var.auto .sf-c-fuchsia\:100\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } -} -.sf-c-txt-fuchsia { color: hsl(var(--sf-c-txt-fuchsia)) } -.sf-c-txt-fuchsia\:0 { color: hsl(var(--sf-c-txt-fuchsia-0)) } -.sf-c-txt-fuchsia\:5 { color: hsl(var(--sf-c-txt-fuchsia-5)) } -.sf-c-txt-fuchsia\:10 { color: hsl(var(--sf-c-txt-fuchsia-10)) } -.sf-c-txt-fuchsia\:15 { color: hsl(var(--sf-c-txt-fuchsia-15)) } -.sf-c-txt-fuchsia\:20 { color: hsl(var(--sf-c-txt-fuchsia-20)) } -.sf-c-txt-fuchsia\:25 { color: hsl(var(--sf-c-txt-fuchsia-25)) } -.sf-c-txt-fuchsia\:30 { color: hsl(var(--sf-c-txt-fuchsia-30)) } -.sf-c-txt-fuchsia\:35 { color: hsl(var(--sf-c-txt-fuchsia-35)) } -.sf-c-txt-fuchsia\:40 { color: hsl(var(--sf-c-txt-fuchsia-40)) } -.sf-c-txt-fuchsia\:45 { color: hsl(var(--sf-c-txt-fuchsia-45)) } -.sf-c-txt-fuchsia\:50 { color: hsl(var(--sf-c-txt-fuchsia-50)) } -.sf-c-txt-fuchsia\:55 { color: hsl(var(--sf-c-txt-fuchsia-55)) } -.sf-c-txt-fuchsia\:60 { color: hsl(var(--sf-c-txt-fuchsia-60)) } -.sf-c-txt-fuchsia\:65 { color: hsl(var(--sf-c-txt-fuchsia-65)) } -.sf-c-txt-fuchsia\:70 { color: hsl(var(--sf-c-txt-fuchsia-70)) } -.sf-c-txt-fuchsia\:75 { color: hsl(var(--sf-c-txt-fuchsia-75)) } -.sf-c-txt-fuchsia\:80 { color: hsl(var(--sf-c-txt-fuchsia-80)) } -.sf-c-txt-fuchsia\:85 { color: hsl(var(--sf-c-txt-fuchsia-85)) } -.sf-c-txt-fuchsia\:90 { color: hsl(var(--sf-c-txt-fuchsia-90)) } -.sf-c-txt-fuchsia\:95 { color: hsl(var(--sf-c-txt-fuchsia-95)) } -.sf-c-txt-fuchsia\:100 { color: hsl(var(--sf-c-txt-fuchsia-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-fuchsia, html.auto .sf-c-txt-fuchsia { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:0, html.auto .sf-c-txt-fuchsia\:0 { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:5, html.auto .sf-c-txt-fuchsia\:5 { color: hsl(300, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:10, html.auto .sf-c-txt-fuchsia\:10 { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:15, html.auto .sf-c-txt-fuchsia\:15 { color: hsl(300, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:20, html.auto .sf-c-txt-fuchsia\:20 { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:25, html.auto .sf-c-txt-fuchsia\:25 { color: hsl(300, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:30, html.auto .sf-c-txt-fuchsia\:30 { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:35, html.auto .sf-c-txt-fuchsia\:35 { color: hsl(300, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:40, html.auto .sf-c-txt-fuchsia\:40 { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:45, html.auto .sf-c-txt-fuchsia\:45 { color: hsl(300, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:50, html.auto .sf-c-txt-fuchsia\:50 { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:55, html.auto .sf-c-txt-fuchsia\:55 { color: hsl(300, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:60, html.auto .sf-c-txt-fuchsia\:60 { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:65, html.auto .sf-c-txt-fuchsia\:65 { color: hsl(300, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:70, html.auto .sf-c-txt-fuchsia\:70 { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:75, html.auto .sf-c-txt-fuchsia\:75 { color: hsl(300, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:80, html.auto .sf-c-txt-fuchsia\:80 { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:85, html.auto .sf-c-txt-fuchsia\:85 { color: hsl(300, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:90, html.auto .sf-c-txt-fuchsia\:90 { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:95, html.auto .sf-c-txt-fuchsia\:95 { color: hsl(300, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:100, html.auto .sf-c-txt-fuchsia\:100 { color: hsl(300, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:dark, html.auto .sf-c-txt-fuchsia\:dark { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:0\:dark, html.auto .sf-c-txt-fuchsia\:0\:dark { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:5\:dark, html.auto .sf-c-txt-fuchsia\:5\:dark { color: hsl(300, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:10\:dark, html.auto .sf-c-txt-fuchsia\:10\:dark { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:15\:dark, html.auto .sf-c-txt-fuchsia\:15\:dark { color: hsl(300, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:20\:dark, html.auto .sf-c-txt-fuchsia\:20\:dark { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:25\:dark, html.auto .sf-c-txt-fuchsia\:25\:dark { color: hsl(300, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:30\:dark, html.auto .sf-c-txt-fuchsia\:30\:dark { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:35\:dark, html.auto .sf-c-txt-fuchsia\:35\:dark { color: hsl(300, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:40\:dark, html.auto .sf-c-txt-fuchsia\:40\:dark { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:45\:dark, html.auto .sf-c-txt-fuchsia\:45\:dark { color: hsl(300, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:50\:dark, html.auto .sf-c-txt-fuchsia\:50\:dark { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:55\:dark, html.auto .sf-c-txt-fuchsia\:55\:dark { color: hsl(300, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:60\:dark, html.auto .sf-c-txt-fuchsia\:60\:dark { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:65\:dark, html.auto .sf-c-txt-fuchsia\:65\:dark { color: hsl(300, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:70\:dark, html.auto .sf-c-txt-fuchsia\:70\:dark { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:75\:dark, html.auto .sf-c-txt-fuchsia\:75\:dark { color: hsl(300, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:80\:dark, html.auto .sf-c-txt-fuchsia\:80\:dark { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:85\:dark, html.auto .sf-c-txt-fuchsia\:85\:dark { color: hsl(300, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:90\:dark, html.auto .sf-c-txt-fuchsia\:90\:dark { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:95\:dark, html.auto .sf-c-txt-fuchsia\:95\:dark { color: hsl(300, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-fuchsia\:100\:dark, html.auto .sf-c-txt-fuchsia\:100\:dark { color: hsl(300, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/gainsboro.css b/src/colors/20/gainsboro.css index ac186c7..ea7dd87 100644 --- a/src/colors/20/gainsboro.css +++ b/src/colors/20/gainsboro.css @@ -138,6 +138,52 @@ html.var .sf-c-gainsboro\:90 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90% html.var .sf-c-gainsboro\:95 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } html.var .sf-c-gainsboro\:100 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } +.sf-c-txt-gainsboro { color: hsl(var(--sf-dark-c-txt-gainsboro)) } +.sf-c-txt-gainsboro\:0 { color: hsl(var(--sf-dark-c-txt-gainsboro-100)) } +.sf-c-txt-gainsboro\:5 { color: hsl(var(--sf-dark-c-txt-gainsboro-95)) } +.sf-c-txt-gainsboro\:10 { color: hsl(var(--sf-dark-c-txt-gainsboro-90)) } +.sf-c-txt-gainsboro\:15 { color: hsl(var(--sf-dark-c-txt-gainsboro-85)) } +.sf-c-txt-gainsboro\:20 { color: hsl(var(--sf-dark-c-txt-gainsboro-80)) } +.sf-c-txt-gainsboro\:25 { color: hsl(var(--sf-dark-c-txt-gainsboro-75)) } +.sf-c-txt-gainsboro\:30 { color: hsl(var(--sf-dark-c-txt-gainsboro-70)) } +.sf-c-txt-gainsboro\:35 { color: hsl(var(--sf-dark-c-txt-gainsboro-65)) } +.sf-c-txt-gainsboro\:40 { color: hsl(var(--sf-dark-c-txt-gainsboro-60)) } +.sf-c-txt-gainsboro\:45 { color: hsl(var(--sf-dark-c-txt-gainsboro-55)) } +.sf-c-txt-gainsboro\:50 { color: hsl(var(--sf-dark-c-txt-gainsboro-50)) } +.sf-c-txt-gainsboro\:55 { color: hsl(var(--sf-dark-c-txt-gainsboro-45)) } +.sf-c-txt-gainsboro\:60 { color: hsl(var(--sf-dark-c-txt-gainsboro-40)) } +.sf-c-txt-gainsboro\:65 { color: hsl(var(--sf-dark-c-txt-gainsboro-35)) } +.sf-c-txt-gainsboro\:70 { color: hsl(var(--sf-dark-c-txt-gainsboro-30)) } +.sf-c-txt-gainsboro\:75 { color: hsl(var(--sf-dark-c-txt-gainsboro-25)) } +.sf-c-txt-gainsboro\:80 { color: hsl(var(--sf-dark-c-txt-gainsboro-20)) } +.sf-c-txt-gainsboro\:85 { color: hsl(var(--sf-dark-c-txt-gainsboro-15)) } +.sf-c-txt-gainsboro\:90 { color: hsl(var(--sf-dark-c-txt-gainsboro-10)) } +.sf-c-txt-gainsboro\:95 { color: hsl(var(--sf-dark-c-txt-gainsboro-5)) } +.sf-c-txt-gainsboro\:100 { color: hsl(var(--sf-dark-c-txt-gainsboro-0)) } + +html.var .sf-c-txt-gainsboro { color: hsl(0, 0%, 14%) } +html.var .sf-c-txt-gainsboro\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-gainsboro\:5 { color: hsl(0, 0%, 95%) } +html.var .sf-c-txt-gainsboro\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-gainsboro\:15 { color: hsl(0, 0%, 85%) } +html.var .sf-c-txt-gainsboro\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-gainsboro\:25 { color: hsl(0, 0%, 75%) } +html.var .sf-c-txt-gainsboro\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-gainsboro\:35 { color: hsl(0, 0%, 65%) } +html.var .sf-c-txt-gainsboro\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-gainsboro\:45 { color: hsl(0, 0%, 55%) } +html.var .sf-c-txt-gainsboro\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-gainsboro\:55 { color: hsl(0, 0%, 45%) } +html.var .sf-c-txt-gainsboro\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-gainsboro\:65 { color: hsl(0, 0%, 35%) } +html.var .sf-c-txt-gainsboro\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-gainsboro\:75 { color: hsl(0, 0%, 25%) } +html.var .sf-c-txt-gainsboro\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-gainsboro\:85 { color: hsl(0, 0%, 15%) } +html.var .sf-c-txt-gainsboro\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-gainsboro\:95 { color: hsl(0, 0%, 5%) } +html.var .sf-c-txt-gainsboro\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-gainsboro, html.dark .sf-c-gainsboro { color: hsl(var(--sf-dark-c-txt-gainsboro-95)); background: hsl(var(--sf-dark-c-gainsboro)) } html[data-theme='dark'] .sf-c-gainsboro\:0, html.dark .sf-c-gainsboro\:0 { color: hsl(var(--sf-dark-c-txt-gainsboro-95)); background: hsl(var(--sf-dark-c-gainsboro-100)) } html[data-theme='dark'] .sf-c-gainsboro\:5, html.dark .sf-c-gainsboro\:5 { color: hsl(var(--sf-dark-c-txt-gainsboro-5)); background: hsl(var(--sf-dark-c-gainsboro-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-gainsboro\:90\:dark, html.dark .sf-c-gainsboro\:90 html[data-theme='dark'] .sf-c-gainsboro\:95\:dark, html.dark .sf-c-gainsboro\:95\:dark { color: hsl(var(--sf-c-txt-gainsboro-95)); background: hsl(var(--sf-c-gainsboro-5)) } html[data-theme='dark'] .sf-c-gainsboro\:100\:dark, html.dark .sf-c-gainsboro\:100\:dark { color: hsl(var(--sf-c-txt-gainsboro-95)); background: hsl(var(--sf-c-gainsboro-0)) } +html[data-theme='dark'] .sf-c-txt-gainsboro, html.dark .sf-c-txt-gainsboro { color: hsl(var(--sf-c-txt-gainsboro)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:0, html.dark .sf-c-txt-gainsboro\:0 { color: hsl(var(--sf-c-txt-gainsboro-0)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:5, html.dark .sf-c-txt-gainsboro\:5 { color: hsl(var(--sf-c-txt-gainsboro-5)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:10, html.dark .sf-c-txt-gainsboro\:10 { color: hsl(var(--sf-c-txt-gainsboro-10)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:15, html.dark .sf-c-txt-gainsboro\:15 { color: hsl(var(--sf-c-txt-gainsboro-15)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:20, html.dark .sf-c-txt-gainsboro\:20 { color: hsl(var(--sf-c-txt-gainsboro-20)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:25, html.dark .sf-c-txt-gainsboro\:25 { color: hsl(var(--sf-c-txt-gainsboro-25)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:30, html.dark .sf-c-txt-gainsboro\:30 { color: hsl(var(--sf-c-txt-gainsboro-30)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:35, html.dark .sf-c-txt-gainsboro\:35 { color: hsl(var(--sf-c-txt-gainsboro-35)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:40, html.dark .sf-c-txt-gainsboro\:40 { color: hsl(var(--sf-c-txt-gainsboro-40)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:45, html.dark .sf-c-txt-gainsboro\:45 { color: hsl(var(--sf-c-txt-gainsboro-45)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:50, html.dark .sf-c-txt-gainsboro\:50 { color: hsl(var(--sf-c-txt-gainsboro-50)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:55, html.dark .sf-c-txt-gainsboro\:55 { color: hsl(var(--sf-c-txt-gainsboro-55)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:60, html.dark .sf-c-txt-gainsboro\:60 { color: hsl(var(--sf-c-txt-gainsboro-60)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:65, html.dark .sf-c-txt-gainsboro\:65 { color: hsl(var(--sf-c-txt-gainsboro-65)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:70, html.dark .sf-c-txt-gainsboro\:70 { color: hsl(var(--sf-c-txt-gainsboro-70)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:75, html.dark .sf-c-txt-gainsboro\:75 { color: hsl(var(--sf-c-txt-gainsboro-75)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:80, html.dark .sf-c-txt-gainsboro\:80 { color: hsl(var(--sf-c-txt-gainsboro-80)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:85, html.dark .sf-c-txt-gainsboro\:85 { color: hsl(var(--sf-c-txt-gainsboro-85)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:90, html.dark .sf-c-txt-gainsboro\:90 { color: hsl(var(--sf-c-txt-gainsboro-90)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:95, html.dark .sf-c-txt-gainsboro\:95 { color: hsl(var(--sf-c-txt-gainsboro-95)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:100, html.dark .sf-c-txt-gainsboro\:100 { color: hsl(var(--sf-c-txt-gainsboro-100)) } + +html[data-theme='dark'] .sf-c-txt-gainsboro\:dark, html.dark .sf-c-txt-gainsboro\:dark { color: hsl(var(--sf-c-txt-gainsboro)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:0\:dark, html.dark .sf-c-txt-gainsboro\:0\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-0)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:5\:dark, html.dark .sf-c-txt-gainsboro\:5\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-5)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:10\:dark, html.dark .sf-c-txt-gainsboro\:10\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-10)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:15\:dark, html.dark .sf-c-txt-gainsboro\:15\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-15)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:20\:dark, html.dark .sf-c-txt-gainsboro\:20\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-20)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:25\:dark, html.dark .sf-c-txt-gainsboro\:25\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-25)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:30\:dark, html.dark .sf-c-txt-gainsboro\:30\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-30)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:35\:dark, html.dark .sf-c-txt-gainsboro\:35\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-35)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:40\:dark, html.dark .sf-c-txt-gainsboro\:40\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-40)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:45\:dark, html.dark .sf-c-txt-gainsboro\:45\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-45)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:50\:dark, html.dark .sf-c-txt-gainsboro\:50\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-50)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:55\:dark, html.dark .sf-c-txt-gainsboro\:55\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-55)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:60\:dark, html.dark .sf-c-txt-gainsboro\:60\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-60)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:65\:dark, html.dark .sf-c-txt-gainsboro\:65\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-65)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:70\:dark, html.dark .sf-c-txt-gainsboro\:70\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-70)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:75\:dark, html.dark .sf-c-txt-gainsboro\:75\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-75)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:80\:dark, html.dark .sf-c-txt-gainsboro\:80\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-80)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:85\:dark, html.dark .sf-c-txt-gainsboro\:85\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-85)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:90\:dark, html.dark .sf-c-txt-gainsboro\:90\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-90)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:95\:dark, html.dark .sf-c-txt-gainsboro\:95\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-95)) } +html[data-theme='dark'] .sf-c-txt-gainsboro\:100\:dark, html.dark .sf-c-txt-gainsboro\:100\:dark { color: hsl(var(--sf-dark-c-txt-gainsboro-100)) } + html.var[data-theme='dark'] .sf-c-gainsboro, html.var.dark .sf-c-gainsboro { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 14%) } html.var[data-theme='dark'] .sf-c-gainsboro\:0, html.var.dark .sf-c-gainsboro\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-gainsboro\:5, html.var.dark .sf-c-gainsboro\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-gainsboro\:90\:dark, html.var.dark .sf-c-gains html.var[data-theme='dark'] .sf-c-gainsboro\:95\:dark, html.var.dark .sf-c-gainsboro\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='dark'] .sf-c-gainsboro\:100\:dark, html.var.dark .sf-c-gainsboro\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro, html.dark .sf-c-txt-gainsboro { color: hsl(0, 0%, 86%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:0, html.dark .sf-c-txt-gainsboro\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:5, html.dark .sf-c-txt-gainsboro\:5 { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:10, html.dark .sf-c-txt-gainsboro\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:15, html.dark .sf-c-txt-gainsboro\:15 { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:20, html.dark .sf-c-txt-gainsboro\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:25, html.dark .sf-c-txt-gainsboro\:25 { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:30, html.dark .sf-c-txt-gainsboro\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:35, html.dark .sf-c-txt-gainsboro\:35 { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:40, html.dark .sf-c-txt-gainsboro\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:45, html.dark .sf-c-txt-gainsboro\:45 { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:50, html.dark .sf-c-txt-gainsboro\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:55, html.dark .sf-c-txt-gainsboro\:55 { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:60, html.dark .sf-c-txt-gainsboro\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:65, html.dark .sf-c-txt-gainsboro\:65 { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:70, html.dark .sf-c-txt-gainsboro\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:75, html.dark .sf-c-txt-gainsboro\:75 { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:80, html.dark .sf-c-txt-gainsboro\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:85, html.dark .sf-c-txt-gainsboro\:85 { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:90, html.dark .sf-c-txt-gainsboro\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:95, html.dark .sf-c-txt-gainsboro\:95 { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:100, html.dark .sf-c-txt-gainsboro\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:dark, html.dark .sf-c-txt-gainsboro\:dark { color: hsl(0, 0%, 86%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:0\:dark, html.dark .sf-c-txt-gainsboro\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:5\:dark, html.dark .sf-c-txt-gainsboro\:5\:dark { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:10\:dark, html.dark .sf-c-txt-gainsboro\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:15\:dark, html.dark .sf-c-txt-gainsboro\:15\:dark { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:20\:dark, html.dark .sf-c-txt-gainsboro\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:25\:dark, html.dark .sf-c-txt-gainsboro\:25\:dark { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:30\:dark, html.dark .sf-c-txt-gainsboro\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:35\:dark, html.dark .sf-c-txt-gainsboro\:35\:dark { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:40\:dark, html.dark .sf-c-txt-gainsboro\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:45\:dark, html.dark .sf-c-txt-gainsboro\:45\:dark { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:50\:dark, html.dark .sf-c-txt-gainsboro\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:55\:dark, html.dark .sf-c-txt-gainsboro\:55\:dark { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:60\:dark, html.dark .sf-c-txt-gainsboro\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:65\:dark, html.dark .sf-c-txt-gainsboro\:65\:dark { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:70\:dark, html.dark .sf-c-txt-gainsboro\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:75\:dark, html.dark .sf-c-txt-gainsboro\:75\:dark { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:80\:dark, html.dark .sf-c-txt-gainsboro\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:85\:dark, html.dark .sf-c-txt-gainsboro\:85\:dark { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:90\:dark, html.dark .sf-c-txt-gainsboro\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:95\:dark, html.dark .sf-c-txt-gainsboro\:95\:dark { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-gainsboro\:100\:dark, html.dark .sf-c-txt-gainsboro\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-gainsboro, html.auto .sf-c-gainsboro { color: hsl(var(--sf-dark-c-txt-gainsboro-95)); background: hsl(var(--sf-dark-c-gainsboro)) } html[data-theme='auto'] .sf-c-gainsboro\:0, html.auto .sf-c-gainsboro\:0 { color: hsl(var(--sf-dark-c-txt-gainsboro-95)); background: hsl(var(--sf-dark-c-gainsboro-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-gainsboro\:100\:dark, html.var.dark .sf-c-gain html[data-theme='auto'] .sf-c-gainsboro\:95\:dark, html.auto .sf-c-gainsboro\:95\:dark { color: hsl(var(--sf-c-txt-gainsboro-95)); background: hsl(var(--sf-c-gainsboro-5)) } html[data-theme='auto'] .sf-c-gainsboro\:100\:dark, html.auto .sf-c-gainsboro\:100\:dark { color: hsl(var(--sf-c-txt-gainsboro-95)); background: hsl(var(--sf-c-gainsboro-0)) } + html[data-theme='auto'] .sf-c-txt-gainsboro, html.auto .sf-c-txt-gainsboro { color: hsl(var(--sf-c-txt-gainsboro)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:0, html.auto .sf-c-txt-gainsboro\:0 { color: hsl(var(--sf-c-txt-gainsboro-0)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:5, html.auto .sf-c-txt-gainsboro\:5 { color: hsl(var(--sf-c-txt-gainsboro-5)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:10, html.auto .sf-c-txt-gainsboro\:10 { color: hsl(var(--sf-c-txt-gainsboro-10)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:15, html.auto .sf-c-txt-gainsboro\:15 { color: hsl(var(--sf-c-txt-gainsboro-15)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:20, html.auto .sf-c-txt-gainsboro\:20 { color: hsl(var(--sf-c-txt-gainsboro-20)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:25, html.auto .sf-c-txt-gainsboro\:25 { color: hsl(var(--sf-c-txt-gainsboro-25)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:30, html.auto .sf-c-txt-gainsboro\:30 { color: hsl(var(--sf-c-txt-gainsboro-30)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:35, html.auto .sf-c-txt-gainsboro\:35 { color: hsl(var(--sf-c-txt-gainsboro-35)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:40, html.auto .sf-c-txt-gainsboro\:40 { color: hsl(var(--sf-c-txt-gainsboro-40)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:45, html.auto .sf-c-txt-gainsboro\:45 { color: hsl(var(--sf-c-txt-gainsboro-45)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:50, html.auto .sf-c-txt-gainsboro\:50 { color: hsl(var(--sf-c-txt-gainsboro-50)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:55, html.auto .sf-c-txt-gainsboro\:55 { color: hsl(var(--sf-c-txt-gainsboro-55)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:60, html.auto .sf-c-txt-gainsboro\:60 { color: hsl(var(--sf-c-txt-gainsboro-60)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:65, html.auto .sf-c-txt-gainsboro\:65 { color: hsl(var(--sf-c-txt-gainsboro-65)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:70, html.auto .sf-c-txt-gainsboro\:70 { color: hsl(var(--sf-c-txt-gainsboro-70)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:75, html.auto .sf-c-txt-gainsboro\:75 { color: hsl(var(--sf-c-txt-gainsboro-75)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:80, html.auto .sf-c-txt-gainsboro\:80 { color: hsl(var(--sf-c-txt-gainsboro-80)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:85, html.auto .sf-c-txt-gainsboro\:85 { color: hsl(var(--sf-c-txt-gainsboro-85)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:90, html.auto .sf-c-txt-gainsboro\:90 { color: hsl(var(--sf-c-txt-gainsboro-90)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:95, html.auto .sf-c-txt-gainsboro\:95 { color: hsl(var(--sf-c-txt-gainsboro-95)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:100, html.auto .sf-c-txt-gainsboro\:100 { color: hsl(var(--sf-c-txt-gainsboro-100)) } + + html[data-theme='auto'] .sf-c-txt-gainsboro\:dark, html.auto .sf-c-txt-gainsboro\:dark { color: hsl(var(--sf-c-txt-gainsboro)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:0\:dark, html.auto .sf-c-txt-gainsboro\:0\:dark { color: hsl(var(--sf-c-txt-gainsboro-0)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:5\:dark, html.auto .sf-c-txt-gainsboro\:5\:dark { color: hsl(var(--sf-c-txt-gainsboro-5)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:10\:dark, html.auto .sf-c-txt-gainsboro\:10\:dark { color: hsl(var(--sf-c-txt-gainsboro-10)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:15\:dark, html.auto .sf-c-txt-gainsboro\:15\:dark { color: hsl(var(--sf-c-txt-gainsboro-15)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:20\:dark, html.auto .sf-c-txt-gainsboro\:20\:dark { color: hsl(var(--sf-c-txt-gainsboro-20)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:25\:dark, html.auto .sf-c-txt-gainsboro\:25\:dark { color: hsl(var(--sf-c-txt-gainsboro-25)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:30\:dark, html.auto .sf-c-txt-gainsboro\:30\:dark { color: hsl(var(--sf-c-txt-gainsboro-30)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:35\:dark, html.auto .sf-c-txt-gainsboro\:35\:dark { color: hsl(var(--sf-c-txt-gainsboro-35)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:40\:dark, html.auto .sf-c-txt-gainsboro\:40\:dark { color: hsl(var(--sf-c-txt-gainsboro-40)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:45\:dark, html.auto .sf-c-txt-gainsboro\:45\:dark { color: hsl(var(--sf-c-txt-gainsboro-45)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:50\:dark, html.auto .sf-c-txt-gainsboro\:50\:dark { color: hsl(var(--sf-c-txt-gainsboro-50)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:55\:dark, html.auto .sf-c-txt-gainsboro\:55\:dark { color: hsl(var(--sf-c-txt-gainsboro-55)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:60\:dark, html.auto .sf-c-txt-gainsboro\:60\:dark { color: hsl(var(--sf-c-txt-gainsboro-60)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:65\:dark, html.auto .sf-c-txt-gainsboro\:65\:dark { color: hsl(var(--sf-c-txt-gainsboro-65)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:70\:dark, html.auto .sf-c-txt-gainsboro\:70\:dark { color: hsl(var(--sf-c-txt-gainsboro-70)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:75\:dark, html.auto .sf-c-txt-gainsboro\:75\:dark { color: hsl(var(--sf-c-txt-gainsboro-75)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:80\:dark, html.auto .sf-c-txt-gainsboro\:80\:dark { color: hsl(var(--sf-c-txt-gainsboro-80)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:85\:dark, html.auto .sf-c-txt-gainsboro\:85\:dark { color: hsl(var(--sf-c-txt-gainsboro-85)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:90\:dark, html.auto .sf-c-txt-gainsboro\:90\:dark { color: hsl(var(--sf-c-txt-gainsboro-90)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:95\:dark, html.auto .sf-c-txt-gainsboro\:95\:dark { color: hsl(var(--sf-c-txt-gainsboro-95)) } + html[data-theme='auto'] .sf-c-txt-gainsboro\:100\:dark, html.auto .sf-c-txt-gainsboro\:100\:dark { color: hsl(var(--sf-c-txt-gainsboro-100)) } + html.var[data-theme='auto'] .sf-c-gainsboro, html.var.auto .sf-c-gainsboro { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 14%) } html.var[data-theme='auto'] .sf-c-gainsboro\:0, html.var.auto .sf-c-gainsboro\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-gainsboro\:5, html.var.auto .sf-c-gainsboro\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-gainsboro\:100\:dark, html.var.dark .sf-c-gain html.var[data-theme='auto'] .sf-c-gainsboro\:90\:dark, html.var.auto .sf-c-gainsboro\:90\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-gainsboro\:95\:dark, html.var.auto .sf-c-gainsboro\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='auto'] .sf-c-gainsboro\:100\:dark, html.var.auto .sf-c-gainsboro\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-gainsboro { color: hsl(var(--sf-c-txt-gainsboro)) } -.sf-c-txt-gainsboro\:0 { color: hsl(var(--sf-c-txt-gainsboro-0)) } -.sf-c-txt-gainsboro\:5 { color: hsl(var(--sf-c-txt-gainsboro-5)) } -.sf-c-txt-gainsboro\:10 { color: hsl(var(--sf-c-txt-gainsboro-10)) } -.sf-c-txt-gainsboro\:15 { color: hsl(var(--sf-c-txt-gainsboro-15)) } -.sf-c-txt-gainsboro\:20 { color: hsl(var(--sf-c-txt-gainsboro-20)) } -.sf-c-txt-gainsboro\:25 { color: hsl(var(--sf-c-txt-gainsboro-25)) } -.sf-c-txt-gainsboro\:30 { color: hsl(var(--sf-c-txt-gainsboro-30)) } -.sf-c-txt-gainsboro\:35 { color: hsl(var(--sf-c-txt-gainsboro-35)) } -.sf-c-txt-gainsboro\:40 { color: hsl(var(--sf-c-txt-gainsboro-40)) } -.sf-c-txt-gainsboro\:45 { color: hsl(var(--sf-c-txt-gainsboro-45)) } -.sf-c-txt-gainsboro\:50 { color: hsl(var(--sf-c-txt-gainsboro-50)) } -.sf-c-txt-gainsboro\:55 { color: hsl(var(--sf-c-txt-gainsboro-55)) } -.sf-c-txt-gainsboro\:60 { color: hsl(var(--sf-c-txt-gainsboro-60)) } -.sf-c-txt-gainsboro\:65 { color: hsl(var(--sf-c-txt-gainsboro-65)) } -.sf-c-txt-gainsboro\:70 { color: hsl(var(--sf-c-txt-gainsboro-70)) } -.sf-c-txt-gainsboro\:75 { color: hsl(var(--sf-c-txt-gainsboro-75)) } -.sf-c-txt-gainsboro\:80 { color: hsl(var(--sf-c-txt-gainsboro-80)) } -.sf-c-txt-gainsboro\:85 { color: hsl(var(--sf-c-txt-gainsboro-85)) } -.sf-c-txt-gainsboro\:90 { color: hsl(var(--sf-c-txt-gainsboro-90)) } -.sf-c-txt-gainsboro\:95 { color: hsl(var(--sf-c-txt-gainsboro-95)) } -.sf-c-txt-gainsboro\:100 { color: hsl(var(--sf-c-txt-gainsboro-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-gainsboro, html.auto .sf-c-txt-gainsboro { color: hsl(0, 0%, 86%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:0, html.auto .sf-c-txt-gainsboro\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:5, html.auto .sf-c-txt-gainsboro\:5 { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:10, html.auto .sf-c-txt-gainsboro\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:15, html.auto .sf-c-txt-gainsboro\:15 { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:20, html.auto .sf-c-txt-gainsboro\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:25, html.auto .sf-c-txt-gainsboro\:25 { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:30, html.auto .sf-c-txt-gainsboro\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:35, html.auto .sf-c-txt-gainsboro\:35 { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:40, html.auto .sf-c-txt-gainsboro\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:45, html.auto .sf-c-txt-gainsboro\:45 { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:50, html.auto .sf-c-txt-gainsboro\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:55, html.auto .sf-c-txt-gainsboro\:55 { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:60, html.auto .sf-c-txt-gainsboro\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:65, html.auto .sf-c-txt-gainsboro\:65 { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:70, html.auto .sf-c-txt-gainsboro\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:75, html.auto .sf-c-txt-gainsboro\:75 { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:80, html.auto .sf-c-txt-gainsboro\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:85, html.auto .sf-c-txt-gainsboro\:85 { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:90, html.auto .sf-c-txt-gainsboro\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:95, html.auto .sf-c-txt-gainsboro\:95 { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:100, html.auto .sf-c-txt-gainsboro\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:dark, html.auto .sf-c-txt-gainsboro\:dark { color: hsl(0, 0%, 86%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:0\:dark, html.auto .sf-c-txt-gainsboro\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:5\:dark, html.auto .sf-c-txt-gainsboro\:5\:dark { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:10\:dark, html.auto .sf-c-txt-gainsboro\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:15\:dark, html.auto .sf-c-txt-gainsboro\:15\:dark { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:20\:dark, html.auto .sf-c-txt-gainsboro\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:25\:dark, html.auto .sf-c-txt-gainsboro\:25\:dark { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:30\:dark, html.auto .sf-c-txt-gainsboro\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:35\:dark, html.auto .sf-c-txt-gainsboro\:35\:dark { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:40\:dark, html.auto .sf-c-txt-gainsboro\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:45\:dark, html.auto .sf-c-txt-gainsboro\:45\:dark { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:50\:dark, html.auto .sf-c-txt-gainsboro\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:55\:dark, html.auto .sf-c-txt-gainsboro\:55\:dark { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:60\:dark, html.auto .sf-c-txt-gainsboro\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:65\:dark, html.auto .sf-c-txt-gainsboro\:65\:dark { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:70\:dark, html.auto .sf-c-txt-gainsboro\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:75\:dark, html.auto .sf-c-txt-gainsboro\:75\:dark { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:80\:dark, html.auto .sf-c-txt-gainsboro\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:85\:dark, html.auto .sf-c-txt-gainsboro\:85\:dark { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:90\:dark, html.auto .sf-c-txt-gainsboro\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:95\:dark, html.auto .sf-c-txt-gainsboro\:95\:dark { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-gainsboro\:100\:dark, html.auto .sf-c-txt-gainsboro\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/ghostwhite.css b/src/colors/20/ghostwhite.css index 8bf3035..aac0f23 100644 --- a/src/colors/20/ghostwhite.css +++ b/src/colors/20/ghostwhite.css @@ -138,6 +138,52 @@ html.var .sf-c-ghostwhite\:90 { color: hsl(240, 100%, 5%); background: hsl(240, html.var .sf-c-ghostwhite\:95 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } html.var .sf-c-ghostwhite\:100 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } +.sf-c-txt-ghostwhite { color: hsl(var(--sf-dark-c-txt-ghostwhite)) } +.sf-c-txt-ghostwhite\:0 { color: hsl(var(--sf-dark-c-txt-ghostwhite-100)) } +.sf-c-txt-ghostwhite\:5 { color: hsl(var(--sf-dark-c-txt-ghostwhite-95)) } +.sf-c-txt-ghostwhite\:10 { color: hsl(var(--sf-dark-c-txt-ghostwhite-90)) } +.sf-c-txt-ghostwhite\:15 { color: hsl(var(--sf-dark-c-txt-ghostwhite-85)) } +.sf-c-txt-ghostwhite\:20 { color: hsl(var(--sf-dark-c-txt-ghostwhite-80)) } +.sf-c-txt-ghostwhite\:25 { color: hsl(var(--sf-dark-c-txt-ghostwhite-75)) } +.sf-c-txt-ghostwhite\:30 { color: hsl(var(--sf-dark-c-txt-ghostwhite-70)) } +.sf-c-txt-ghostwhite\:35 { color: hsl(var(--sf-dark-c-txt-ghostwhite-65)) } +.sf-c-txt-ghostwhite\:40 { color: hsl(var(--sf-dark-c-txt-ghostwhite-60)) } +.sf-c-txt-ghostwhite\:45 { color: hsl(var(--sf-dark-c-txt-ghostwhite-55)) } +.sf-c-txt-ghostwhite\:50 { color: hsl(var(--sf-dark-c-txt-ghostwhite-50)) } +.sf-c-txt-ghostwhite\:55 { color: hsl(var(--sf-dark-c-txt-ghostwhite-45)) } +.sf-c-txt-ghostwhite\:60 { color: hsl(var(--sf-dark-c-txt-ghostwhite-40)) } +.sf-c-txt-ghostwhite\:65 { color: hsl(var(--sf-dark-c-txt-ghostwhite-35)) } +.sf-c-txt-ghostwhite\:70 { color: hsl(var(--sf-dark-c-txt-ghostwhite-30)) } +.sf-c-txt-ghostwhite\:75 { color: hsl(var(--sf-dark-c-txt-ghostwhite-25)) } +.sf-c-txt-ghostwhite\:80 { color: hsl(var(--sf-dark-c-txt-ghostwhite-20)) } +.sf-c-txt-ghostwhite\:85 { color: hsl(var(--sf-dark-c-txt-ghostwhite-15)) } +.sf-c-txt-ghostwhite\:90 { color: hsl(var(--sf-dark-c-txt-ghostwhite-10)) } +.sf-c-txt-ghostwhite\:95 { color: hsl(var(--sf-dark-c-txt-ghostwhite-5)) } +.sf-c-txt-ghostwhite\:100 { color: hsl(var(--sf-dark-c-txt-ghostwhite-0)) } + +html.var .sf-c-txt-ghostwhite { color: hsl(240, 100%, 1%) } +html.var .sf-c-txt-ghostwhite\:0 { color: hsl(240, 100%, 100%) } +html.var .sf-c-txt-ghostwhite\:5 { color: hsl(240, 100%, 95%) } +html.var .sf-c-txt-ghostwhite\:10 { color: hsl(240, 100%, 90%) } +html.var .sf-c-txt-ghostwhite\:15 { color: hsl(240, 100%, 85%) } +html.var .sf-c-txt-ghostwhite\:20 { color: hsl(240, 100%, 80%) } +html.var .sf-c-txt-ghostwhite\:25 { color: hsl(240, 100%, 75%) } +html.var .sf-c-txt-ghostwhite\:30 { color: hsl(240, 100%, 70%) } +html.var .sf-c-txt-ghostwhite\:35 { color: hsl(240, 100%, 65%) } +html.var .sf-c-txt-ghostwhite\:40 { color: hsl(240, 100%, 60%) } +html.var .sf-c-txt-ghostwhite\:45 { color: hsl(240, 100%, 55%) } +html.var .sf-c-txt-ghostwhite\:50 { color: hsl(240, 100%, 50%) } +html.var .sf-c-txt-ghostwhite\:55 { color: hsl(240, 100%, 45%) } +html.var .sf-c-txt-ghostwhite\:60 { color: hsl(240, 100%, 40%) } +html.var .sf-c-txt-ghostwhite\:65 { color: hsl(240, 100%, 35%) } +html.var .sf-c-txt-ghostwhite\:70 { color: hsl(240, 100%, 30%) } +html.var .sf-c-txt-ghostwhite\:75 { color: hsl(240, 100%, 25%) } +html.var .sf-c-txt-ghostwhite\:80 { color: hsl(240, 100%, 20%) } +html.var .sf-c-txt-ghostwhite\:85 { color: hsl(240, 100%, 15%) } +html.var .sf-c-txt-ghostwhite\:90 { color: hsl(240, 100%, 10%) } +html.var .sf-c-txt-ghostwhite\:95 { color: hsl(240, 100%, 5%) } +html.var .sf-c-txt-ghostwhite\:100 { color: hsl(240, 100%, 0%) } + html[data-theme='dark'] .sf-c-ghostwhite, html.dark .sf-c-ghostwhite { color: hsl(var(--sf-dark-c-txt-ghostwhite-95)); background: hsl(var(--sf-dark-c-ghostwhite)) } html[data-theme='dark'] .sf-c-ghostwhite\:0, html.dark .sf-c-ghostwhite\:0 { color: hsl(var(--sf-dark-c-txt-ghostwhite-95)); background: hsl(var(--sf-dark-c-ghostwhite-100)) } html[data-theme='dark'] .sf-c-ghostwhite\:5, html.dark .sf-c-ghostwhite\:5 { color: hsl(var(--sf-dark-c-txt-ghostwhite-5)); background: hsl(var(--sf-dark-c-ghostwhite-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-ghostwhite\:90\:dark, html.dark .sf-c-ghostwhite\: html[data-theme='dark'] .sf-c-ghostwhite\:95\:dark, html.dark .sf-c-ghostwhite\:95\:dark { color: hsl(var(--sf-c-txt-ghostwhite-95)); background: hsl(var(--sf-c-ghostwhite-5)) } html[data-theme='dark'] .sf-c-ghostwhite\:100\:dark, html.dark .sf-c-ghostwhite\:100\:dark { color: hsl(var(--sf-c-txt-ghostwhite-95)); background: hsl(var(--sf-c-ghostwhite-0)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite, html.dark .sf-c-txt-ghostwhite { color: hsl(var(--sf-c-txt-ghostwhite)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:0, html.dark .sf-c-txt-ghostwhite\:0 { color: hsl(var(--sf-c-txt-ghostwhite-0)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:5, html.dark .sf-c-txt-ghostwhite\:5 { color: hsl(var(--sf-c-txt-ghostwhite-5)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:10, html.dark .sf-c-txt-ghostwhite\:10 { color: hsl(var(--sf-c-txt-ghostwhite-10)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:15, html.dark .sf-c-txt-ghostwhite\:15 { color: hsl(var(--sf-c-txt-ghostwhite-15)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:20, html.dark .sf-c-txt-ghostwhite\:20 { color: hsl(var(--sf-c-txt-ghostwhite-20)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:25, html.dark .sf-c-txt-ghostwhite\:25 { color: hsl(var(--sf-c-txt-ghostwhite-25)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:30, html.dark .sf-c-txt-ghostwhite\:30 { color: hsl(var(--sf-c-txt-ghostwhite-30)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:35, html.dark .sf-c-txt-ghostwhite\:35 { color: hsl(var(--sf-c-txt-ghostwhite-35)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:40, html.dark .sf-c-txt-ghostwhite\:40 { color: hsl(var(--sf-c-txt-ghostwhite-40)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:45, html.dark .sf-c-txt-ghostwhite\:45 { color: hsl(var(--sf-c-txt-ghostwhite-45)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:50, html.dark .sf-c-txt-ghostwhite\:50 { color: hsl(var(--sf-c-txt-ghostwhite-50)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:55, html.dark .sf-c-txt-ghostwhite\:55 { color: hsl(var(--sf-c-txt-ghostwhite-55)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:60, html.dark .sf-c-txt-ghostwhite\:60 { color: hsl(var(--sf-c-txt-ghostwhite-60)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:65, html.dark .sf-c-txt-ghostwhite\:65 { color: hsl(var(--sf-c-txt-ghostwhite-65)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:70, html.dark .sf-c-txt-ghostwhite\:70 { color: hsl(var(--sf-c-txt-ghostwhite-70)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:75, html.dark .sf-c-txt-ghostwhite\:75 { color: hsl(var(--sf-c-txt-ghostwhite-75)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:80, html.dark .sf-c-txt-ghostwhite\:80 { color: hsl(var(--sf-c-txt-ghostwhite-80)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:85, html.dark .sf-c-txt-ghostwhite\:85 { color: hsl(var(--sf-c-txt-ghostwhite-85)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:90, html.dark .sf-c-txt-ghostwhite\:90 { color: hsl(var(--sf-c-txt-ghostwhite-90)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:95, html.dark .sf-c-txt-ghostwhite\:95 { color: hsl(var(--sf-c-txt-ghostwhite-95)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:100, html.dark .sf-c-txt-ghostwhite\:100 { color: hsl(var(--sf-c-txt-ghostwhite-100)) } + +html[data-theme='dark'] .sf-c-txt-ghostwhite\:dark, html.dark .sf-c-txt-ghostwhite\:dark { color: hsl(var(--sf-c-txt-ghostwhite)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:0\:dark, html.dark .sf-c-txt-ghostwhite\:0\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-0)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:5\:dark, html.dark .sf-c-txt-ghostwhite\:5\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-5)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:10\:dark, html.dark .sf-c-txt-ghostwhite\:10\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-10)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:15\:dark, html.dark .sf-c-txt-ghostwhite\:15\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-15)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:20\:dark, html.dark .sf-c-txt-ghostwhite\:20\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-20)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:25\:dark, html.dark .sf-c-txt-ghostwhite\:25\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-25)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:30\:dark, html.dark .sf-c-txt-ghostwhite\:30\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-30)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:35\:dark, html.dark .sf-c-txt-ghostwhite\:35\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-35)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:40\:dark, html.dark .sf-c-txt-ghostwhite\:40\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-40)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:45\:dark, html.dark .sf-c-txt-ghostwhite\:45\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-45)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:50\:dark, html.dark .sf-c-txt-ghostwhite\:50\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-50)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:55\:dark, html.dark .sf-c-txt-ghostwhite\:55\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-55)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:60\:dark, html.dark .sf-c-txt-ghostwhite\:60\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-60)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:65\:dark, html.dark .sf-c-txt-ghostwhite\:65\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-65)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:70\:dark, html.dark .sf-c-txt-ghostwhite\:70\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-70)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:75\:dark, html.dark .sf-c-txt-ghostwhite\:75\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-75)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:80\:dark, html.dark .sf-c-txt-ghostwhite\:80\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-80)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:85\:dark, html.dark .sf-c-txt-ghostwhite\:85\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-85)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:90\:dark, html.dark .sf-c-txt-ghostwhite\:90\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-90)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:95\:dark, html.dark .sf-c-txt-ghostwhite\:95\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-95)) } +html[data-theme='dark'] .sf-c-txt-ghostwhite\:100\:dark, html.dark .sf-c-txt-ghostwhite\:100\:dark { color: hsl(var(--sf-dark-c-txt-ghostwhite-100)) } + html.var[data-theme='dark'] .sf-c-ghostwhite, html.var.dark .sf-c-ghostwhite { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 1%) } html.var[data-theme='dark'] .sf-c-ghostwhite\:0, html.var.dark .sf-c-ghostwhite\:0 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 100%) } html.var[data-theme='dark'] .sf-c-ghostwhite\:5, html.var.dark .sf-c-ghostwhite\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-ghostwhite\:90\:dark, html.var.dark .sf-c-ghos html.var[data-theme='dark'] .sf-c-ghostwhite\:95\:dark, html.var.dark .sf-c-ghostwhite\:95\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } html.var[data-theme='dark'] .sf-c-ghostwhite\:100\:dark, html.var.dark .sf-c-ghostwhite\:100\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite, html.dark .sf-c-txt-ghostwhite { color: hsl(240, 100%, 99%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:0, html.dark .sf-c-txt-ghostwhite\:0 { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:5, html.dark .sf-c-txt-ghostwhite\:5 { color: hsl(240, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:10, html.dark .sf-c-txt-ghostwhite\:10 { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:15, html.dark .sf-c-txt-ghostwhite\:15 { color: hsl(240, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:20, html.dark .sf-c-txt-ghostwhite\:20 { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:25, html.dark .sf-c-txt-ghostwhite\:25 { color: hsl(240, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:30, html.dark .sf-c-txt-ghostwhite\:30 { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:35, html.dark .sf-c-txt-ghostwhite\:35 { color: hsl(240, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:40, html.dark .sf-c-txt-ghostwhite\:40 { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:45, html.dark .sf-c-txt-ghostwhite\:45 { color: hsl(240, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:50, html.dark .sf-c-txt-ghostwhite\:50 { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:55, html.dark .sf-c-txt-ghostwhite\:55 { color: hsl(240, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:60, html.dark .sf-c-txt-ghostwhite\:60 { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:65, html.dark .sf-c-txt-ghostwhite\:65 { color: hsl(240, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:70, html.dark .sf-c-txt-ghostwhite\:70 { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:75, html.dark .sf-c-txt-ghostwhite\:75 { color: hsl(240, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:80, html.dark .sf-c-txt-ghostwhite\:80 { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:85, html.dark .sf-c-txt-ghostwhite\:85 { color: hsl(240, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:90, html.dark .sf-c-txt-ghostwhite\:90 { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:95, html.dark .sf-c-txt-ghostwhite\:95 { color: hsl(240, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:100, html.dark .sf-c-txt-ghostwhite\:100 { color: hsl(240, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:dark, html.dark .sf-c-txt-ghostwhite\:dark { color: hsl(240, 100%, 99%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:0\:dark, html.dark .sf-c-txt-ghostwhite\:0\:dark { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:5\:dark, html.dark .sf-c-txt-ghostwhite\:5\:dark { color: hsl(240, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:10\:dark, html.dark .sf-c-txt-ghostwhite\:10\:dark { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:15\:dark, html.dark .sf-c-txt-ghostwhite\:15\:dark { color: hsl(240, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:20\:dark, html.dark .sf-c-txt-ghostwhite\:20\:dark { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:25\:dark, html.dark .sf-c-txt-ghostwhite\:25\:dark { color: hsl(240, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:30\:dark, html.dark .sf-c-txt-ghostwhite\:30\:dark { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:35\:dark, html.dark .sf-c-txt-ghostwhite\:35\:dark { color: hsl(240, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:40\:dark, html.dark .sf-c-txt-ghostwhite\:40\:dark { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:45\:dark, html.dark .sf-c-txt-ghostwhite\:45\:dark { color: hsl(240, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:50\:dark, html.dark .sf-c-txt-ghostwhite\:50\:dark { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:55\:dark, html.dark .sf-c-txt-ghostwhite\:55\:dark { color: hsl(240, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:60\:dark, html.dark .sf-c-txt-ghostwhite\:60\:dark { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:65\:dark, html.dark .sf-c-txt-ghostwhite\:65\:dark { color: hsl(240, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:70\:dark, html.dark .sf-c-txt-ghostwhite\:70\:dark { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:75\:dark, html.dark .sf-c-txt-ghostwhite\:75\:dark { color: hsl(240, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:80\:dark, html.dark .sf-c-txt-ghostwhite\:80\:dark { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:85\:dark, html.dark .sf-c-txt-ghostwhite\:85\:dark { color: hsl(240, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:90\:dark, html.dark .sf-c-txt-ghostwhite\:90\:dark { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:95\:dark, html.dark .sf-c-txt-ghostwhite\:95\:dark { color: hsl(240, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-ghostwhite\:100\:dark, html.dark .sf-c-txt-ghostwhite\:100\:dark { color: hsl(240, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-ghostwhite, html.auto .sf-c-ghostwhite { color: hsl(var(--sf-dark-c-txt-ghostwhite-95)); background: hsl(var(--sf-dark-c-ghostwhite)) } html[data-theme='auto'] .sf-c-ghostwhite\:0, html.auto .sf-c-ghostwhite\:0 { color: hsl(var(--sf-dark-c-txt-ghostwhite-95)); background: hsl(var(--sf-dark-c-ghostwhite-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-ghostwhite\:100\:dark, html.var.dark .sf-c-gho html[data-theme='auto'] .sf-c-ghostwhite\:95\:dark, html.auto .sf-c-ghostwhite\:95\:dark { color: hsl(var(--sf-c-txt-ghostwhite-95)); background: hsl(var(--sf-c-ghostwhite-5)) } html[data-theme='auto'] .sf-c-ghostwhite\:100\:dark, html.auto .sf-c-ghostwhite\:100\:dark { color: hsl(var(--sf-c-txt-ghostwhite-95)); background: hsl(var(--sf-c-ghostwhite-0)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite, html.auto .sf-c-txt-ghostwhite { color: hsl(var(--sf-c-txt-ghostwhite)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:0, html.auto .sf-c-txt-ghostwhite\:0 { color: hsl(var(--sf-c-txt-ghostwhite-0)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:5, html.auto .sf-c-txt-ghostwhite\:5 { color: hsl(var(--sf-c-txt-ghostwhite-5)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:10, html.auto .sf-c-txt-ghostwhite\:10 { color: hsl(var(--sf-c-txt-ghostwhite-10)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:15, html.auto .sf-c-txt-ghostwhite\:15 { color: hsl(var(--sf-c-txt-ghostwhite-15)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:20, html.auto .sf-c-txt-ghostwhite\:20 { color: hsl(var(--sf-c-txt-ghostwhite-20)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:25, html.auto .sf-c-txt-ghostwhite\:25 { color: hsl(var(--sf-c-txt-ghostwhite-25)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:30, html.auto .sf-c-txt-ghostwhite\:30 { color: hsl(var(--sf-c-txt-ghostwhite-30)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:35, html.auto .sf-c-txt-ghostwhite\:35 { color: hsl(var(--sf-c-txt-ghostwhite-35)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:40, html.auto .sf-c-txt-ghostwhite\:40 { color: hsl(var(--sf-c-txt-ghostwhite-40)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:45, html.auto .sf-c-txt-ghostwhite\:45 { color: hsl(var(--sf-c-txt-ghostwhite-45)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:50, html.auto .sf-c-txt-ghostwhite\:50 { color: hsl(var(--sf-c-txt-ghostwhite-50)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:55, html.auto .sf-c-txt-ghostwhite\:55 { color: hsl(var(--sf-c-txt-ghostwhite-55)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:60, html.auto .sf-c-txt-ghostwhite\:60 { color: hsl(var(--sf-c-txt-ghostwhite-60)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:65, html.auto .sf-c-txt-ghostwhite\:65 { color: hsl(var(--sf-c-txt-ghostwhite-65)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:70, html.auto .sf-c-txt-ghostwhite\:70 { color: hsl(var(--sf-c-txt-ghostwhite-70)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:75, html.auto .sf-c-txt-ghostwhite\:75 { color: hsl(var(--sf-c-txt-ghostwhite-75)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:80, html.auto .sf-c-txt-ghostwhite\:80 { color: hsl(var(--sf-c-txt-ghostwhite-80)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:85, html.auto .sf-c-txt-ghostwhite\:85 { color: hsl(var(--sf-c-txt-ghostwhite-85)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:90, html.auto .sf-c-txt-ghostwhite\:90 { color: hsl(var(--sf-c-txt-ghostwhite-90)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:95, html.auto .sf-c-txt-ghostwhite\:95 { color: hsl(var(--sf-c-txt-ghostwhite-95)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:100, html.auto .sf-c-txt-ghostwhite\:100 { color: hsl(var(--sf-c-txt-ghostwhite-100)) } + + html[data-theme='auto'] .sf-c-txt-ghostwhite\:dark, html.auto .sf-c-txt-ghostwhite\:dark { color: hsl(var(--sf-c-txt-ghostwhite)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:0\:dark, html.auto .sf-c-txt-ghostwhite\:0\:dark { color: hsl(var(--sf-c-txt-ghostwhite-0)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:5\:dark, html.auto .sf-c-txt-ghostwhite\:5\:dark { color: hsl(var(--sf-c-txt-ghostwhite-5)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:10\:dark, html.auto .sf-c-txt-ghostwhite\:10\:dark { color: hsl(var(--sf-c-txt-ghostwhite-10)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:15\:dark, html.auto .sf-c-txt-ghostwhite\:15\:dark { color: hsl(var(--sf-c-txt-ghostwhite-15)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:20\:dark, html.auto .sf-c-txt-ghostwhite\:20\:dark { color: hsl(var(--sf-c-txt-ghostwhite-20)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:25\:dark, html.auto .sf-c-txt-ghostwhite\:25\:dark { color: hsl(var(--sf-c-txt-ghostwhite-25)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:30\:dark, html.auto .sf-c-txt-ghostwhite\:30\:dark { color: hsl(var(--sf-c-txt-ghostwhite-30)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:35\:dark, html.auto .sf-c-txt-ghostwhite\:35\:dark { color: hsl(var(--sf-c-txt-ghostwhite-35)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:40\:dark, html.auto .sf-c-txt-ghostwhite\:40\:dark { color: hsl(var(--sf-c-txt-ghostwhite-40)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:45\:dark, html.auto .sf-c-txt-ghostwhite\:45\:dark { color: hsl(var(--sf-c-txt-ghostwhite-45)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:50\:dark, html.auto .sf-c-txt-ghostwhite\:50\:dark { color: hsl(var(--sf-c-txt-ghostwhite-50)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:55\:dark, html.auto .sf-c-txt-ghostwhite\:55\:dark { color: hsl(var(--sf-c-txt-ghostwhite-55)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:60\:dark, html.auto .sf-c-txt-ghostwhite\:60\:dark { color: hsl(var(--sf-c-txt-ghostwhite-60)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:65\:dark, html.auto .sf-c-txt-ghostwhite\:65\:dark { color: hsl(var(--sf-c-txt-ghostwhite-65)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:70\:dark, html.auto .sf-c-txt-ghostwhite\:70\:dark { color: hsl(var(--sf-c-txt-ghostwhite-70)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:75\:dark, html.auto .sf-c-txt-ghostwhite\:75\:dark { color: hsl(var(--sf-c-txt-ghostwhite-75)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:80\:dark, html.auto .sf-c-txt-ghostwhite\:80\:dark { color: hsl(var(--sf-c-txt-ghostwhite-80)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:85\:dark, html.auto .sf-c-txt-ghostwhite\:85\:dark { color: hsl(var(--sf-c-txt-ghostwhite-85)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:90\:dark, html.auto .sf-c-txt-ghostwhite\:90\:dark { color: hsl(var(--sf-c-txt-ghostwhite-90)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:95\:dark, html.auto .sf-c-txt-ghostwhite\:95\:dark { color: hsl(var(--sf-c-txt-ghostwhite-95)) } + html[data-theme='auto'] .sf-c-txt-ghostwhite\:100\:dark, html.auto .sf-c-txt-ghostwhite\:100\:dark { color: hsl(var(--sf-c-txt-ghostwhite-100)) } + html.var[data-theme='auto'] .sf-c-ghostwhite, html.var.auto .sf-c-ghostwhite { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 1%) } html.var[data-theme='auto'] .sf-c-ghostwhite\:0, html.var.auto .sf-c-ghostwhite\:0 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 100%) } html.var[data-theme='auto'] .sf-c-ghostwhite\:5, html.var.auto .sf-c-ghostwhite\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-ghostwhite\:100\:dark, html.var.dark .sf-c-gho html.var[data-theme='auto'] .sf-c-ghostwhite\:90\:dark, html.var.auto .sf-c-ghostwhite\:90\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } html.var[data-theme='auto'] .sf-c-ghostwhite\:95\:dark, html.var.auto .sf-c-ghostwhite\:95\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } html.var[data-theme='auto'] .sf-c-ghostwhite\:100\:dark, html.var.auto .sf-c-ghostwhite\:100\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } -} -.sf-c-txt-ghostwhite { color: hsl(var(--sf-c-txt-ghostwhite)) } -.sf-c-txt-ghostwhite\:0 { color: hsl(var(--sf-c-txt-ghostwhite-0)) } -.sf-c-txt-ghostwhite\:5 { color: hsl(var(--sf-c-txt-ghostwhite-5)) } -.sf-c-txt-ghostwhite\:10 { color: hsl(var(--sf-c-txt-ghostwhite-10)) } -.sf-c-txt-ghostwhite\:15 { color: hsl(var(--sf-c-txt-ghostwhite-15)) } -.sf-c-txt-ghostwhite\:20 { color: hsl(var(--sf-c-txt-ghostwhite-20)) } -.sf-c-txt-ghostwhite\:25 { color: hsl(var(--sf-c-txt-ghostwhite-25)) } -.sf-c-txt-ghostwhite\:30 { color: hsl(var(--sf-c-txt-ghostwhite-30)) } -.sf-c-txt-ghostwhite\:35 { color: hsl(var(--sf-c-txt-ghostwhite-35)) } -.sf-c-txt-ghostwhite\:40 { color: hsl(var(--sf-c-txt-ghostwhite-40)) } -.sf-c-txt-ghostwhite\:45 { color: hsl(var(--sf-c-txt-ghostwhite-45)) } -.sf-c-txt-ghostwhite\:50 { color: hsl(var(--sf-c-txt-ghostwhite-50)) } -.sf-c-txt-ghostwhite\:55 { color: hsl(var(--sf-c-txt-ghostwhite-55)) } -.sf-c-txt-ghostwhite\:60 { color: hsl(var(--sf-c-txt-ghostwhite-60)) } -.sf-c-txt-ghostwhite\:65 { color: hsl(var(--sf-c-txt-ghostwhite-65)) } -.sf-c-txt-ghostwhite\:70 { color: hsl(var(--sf-c-txt-ghostwhite-70)) } -.sf-c-txt-ghostwhite\:75 { color: hsl(var(--sf-c-txt-ghostwhite-75)) } -.sf-c-txt-ghostwhite\:80 { color: hsl(var(--sf-c-txt-ghostwhite-80)) } -.sf-c-txt-ghostwhite\:85 { color: hsl(var(--sf-c-txt-ghostwhite-85)) } -.sf-c-txt-ghostwhite\:90 { color: hsl(var(--sf-c-txt-ghostwhite-90)) } -.sf-c-txt-ghostwhite\:95 { color: hsl(var(--sf-c-txt-ghostwhite-95)) } -.sf-c-txt-ghostwhite\:100 { color: hsl(var(--sf-c-txt-ghostwhite-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-ghostwhite, html.auto .sf-c-txt-ghostwhite { color: hsl(240, 100%, 99%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:0, html.auto .sf-c-txt-ghostwhite\:0 { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:5, html.auto .sf-c-txt-ghostwhite\:5 { color: hsl(240, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:10, html.auto .sf-c-txt-ghostwhite\:10 { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:15, html.auto .sf-c-txt-ghostwhite\:15 { color: hsl(240, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:20, html.auto .sf-c-txt-ghostwhite\:20 { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:25, html.auto .sf-c-txt-ghostwhite\:25 { color: hsl(240, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:30, html.auto .sf-c-txt-ghostwhite\:30 { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:35, html.auto .sf-c-txt-ghostwhite\:35 { color: hsl(240, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:40, html.auto .sf-c-txt-ghostwhite\:40 { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:45, html.auto .sf-c-txt-ghostwhite\:45 { color: hsl(240, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:50, html.auto .sf-c-txt-ghostwhite\:50 { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:55, html.auto .sf-c-txt-ghostwhite\:55 { color: hsl(240, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:60, html.auto .sf-c-txt-ghostwhite\:60 { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:65, html.auto .sf-c-txt-ghostwhite\:65 { color: hsl(240, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:70, html.auto .sf-c-txt-ghostwhite\:70 { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:75, html.auto .sf-c-txt-ghostwhite\:75 { color: hsl(240, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:80, html.auto .sf-c-txt-ghostwhite\:80 { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:85, html.auto .sf-c-txt-ghostwhite\:85 { color: hsl(240, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:90, html.auto .sf-c-txt-ghostwhite\:90 { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:95, html.auto .sf-c-txt-ghostwhite\:95 { color: hsl(240, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:100, html.auto .sf-c-txt-ghostwhite\:100 { color: hsl(240, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:dark, html.auto .sf-c-txt-ghostwhite\:dark { color: hsl(240, 100%, 99%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:0\:dark, html.auto .sf-c-txt-ghostwhite\:0\:dark { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:5\:dark, html.auto .sf-c-txt-ghostwhite\:5\:dark { color: hsl(240, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:10\:dark, html.auto .sf-c-txt-ghostwhite\:10\:dark { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:15\:dark, html.auto .sf-c-txt-ghostwhite\:15\:dark { color: hsl(240, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:20\:dark, html.auto .sf-c-txt-ghostwhite\:20\:dark { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:25\:dark, html.auto .sf-c-txt-ghostwhite\:25\:dark { color: hsl(240, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:30\:dark, html.auto .sf-c-txt-ghostwhite\:30\:dark { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:35\:dark, html.auto .sf-c-txt-ghostwhite\:35\:dark { color: hsl(240, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:40\:dark, html.auto .sf-c-txt-ghostwhite\:40\:dark { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:45\:dark, html.auto .sf-c-txt-ghostwhite\:45\:dark { color: hsl(240, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:50\:dark, html.auto .sf-c-txt-ghostwhite\:50\:dark { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:55\:dark, html.auto .sf-c-txt-ghostwhite\:55\:dark { color: hsl(240, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:60\:dark, html.auto .sf-c-txt-ghostwhite\:60\:dark { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:65\:dark, html.auto .sf-c-txt-ghostwhite\:65\:dark { color: hsl(240, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:70\:dark, html.auto .sf-c-txt-ghostwhite\:70\:dark { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:75\:dark, html.auto .sf-c-txt-ghostwhite\:75\:dark { color: hsl(240, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:80\:dark, html.auto .sf-c-txt-ghostwhite\:80\:dark { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:85\:dark, html.auto .sf-c-txt-ghostwhite\:85\:dark { color: hsl(240, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:90\:dark, html.auto .sf-c-txt-ghostwhite\:90\:dark { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:95\:dark, html.auto .sf-c-txt-ghostwhite\:95\:dark { color: hsl(240, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-ghostwhite\:100\:dark, html.auto .sf-c-txt-ghostwhite\:100\:dark { color: hsl(240, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/gold.css b/src/colors/20/gold.css index 5e985ed..3f46b28 100644 --- a/src/colors/20/gold.css +++ b/src/colors/20/gold.css @@ -138,6 +138,52 @@ html.var .sf-c-gold\:90 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 90 html.var .sf-c-gold\:95 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 95%) } html.var .sf-c-gold\:100 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 100%) } +.sf-c-txt-gold { color: hsl(var(--sf-dark-c-txt-gold)) } +.sf-c-txt-gold\:0 { color: hsl(var(--sf-dark-c-txt-gold-100)) } +.sf-c-txt-gold\:5 { color: hsl(var(--sf-dark-c-txt-gold-95)) } +.sf-c-txt-gold\:10 { color: hsl(var(--sf-dark-c-txt-gold-90)) } +.sf-c-txt-gold\:15 { color: hsl(var(--sf-dark-c-txt-gold-85)) } +.sf-c-txt-gold\:20 { color: hsl(var(--sf-dark-c-txt-gold-80)) } +.sf-c-txt-gold\:25 { color: hsl(var(--sf-dark-c-txt-gold-75)) } +.sf-c-txt-gold\:30 { color: hsl(var(--sf-dark-c-txt-gold-70)) } +.sf-c-txt-gold\:35 { color: hsl(var(--sf-dark-c-txt-gold-65)) } +.sf-c-txt-gold\:40 { color: hsl(var(--sf-dark-c-txt-gold-60)) } +.sf-c-txt-gold\:45 { color: hsl(var(--sf-dark-c-txt-gold-55)) } +.sf-c-txt-gold\:50 { color: hsl(var(--sf-dark-c-txt-gold-50)) } +.sf-c-txt-gold\:55 { color: hsl(var(--sf-dark-c-txt-gold-45)) } +.sf-c-txt-gold\:60 { color: hsl(var(--sf-dark-c-txt-gold-40)) } +.sf-c-txt-gold\:65 { color: hsl(var(--sf-dark-c-txt-gold-35)) } +.sf-c-txt-gold\:70 { color: hsl(var(--sf-dark-c-txt-gold-30)) } +.sf-c-txt-gold\:75 { color: hsl(var(--sf-dark-c-txt-gold-25)) } +.sf-c-txt-gold\:80 { color: hsl(var(--sf-dark-c-txt-gold-20)) } +.sf-c-txt-gold\:85 { color: hsl(var(--sf-dark-c-txt-gold-15)) } +.sf-c-txt-gold\:90 { color: hsl(var(--sf-dark-c-txt-gold-10)) } +.sf-c-txt-gold\:95 { color: hsl(var(--sf-dark-c-txt-gold-5)) } +.sf-c-txt-gold\:100 { color: hsl(var(--sf-dark-c-txt-gold-0)) } + +html.var .sf-c-txt-gold { color: hsl(51, 100%, 50%) } +html.var .sf-c-txt-gold\:0 { color: hsl(51, 100%, 100%) } +html.var .sf-c-txt-gold\:5 { color: hsl(51, 100%, 95%) } +html.var .sf-c-txt-gold\:10 { color: hsl(51, 100%, 90%) } +html.var .sf-c-txt-gold\:15 { color: hsl(51, 100%, 85%) } +html.var .sf-c-txt-gold\:20 { color: hsl(51, 100%, 80%) } +html.var .sf-c-txt-gold\:25 { color: hsl(51, 100%, 75%) } +html.var .sf-c-txt-gold\:30 { color: hsl(51, 100%, 70%) } +html.var .sf-c-txt-gold\:35 { color: hsl(51, 100%, 65%) } +html.var .sf-c-txt-gold\:40 { color: hsl(51, 100%, 60%) } +html.var .sf-c-txt-gold\:45 { color: hsl(51, 100%, 55%) } +html.var .sf-c-txt-gold\:50 { color: hsl(51, 100%, 50%) } +html.var .sf-c-txt-gold\:55 { color: hsl(51, 100%, 45%) } +html.var .sf-c-txt-gold\:60 { color: hsl(51, 100%, 40%) } +html.var .sf-c-txt-gold\:65 { color: hsl(51, 100%, 35%) } +html.var .sf-c-txt-gold\:70 { color: hsl(51, 100%, 30%) } +html.var .sf-c-txt-gold\:75 { color: hsl(51, 100%, 25%) } +html.var .sf-c-txt-gold\:80 { color: hsl(51, 100%, 20%) } +html.var .sf-c-txt-gold\:85 { color: hsl(51, 100%, 15%) } +html.var .sf-c-txt-gold\:90 { color: hsl(51, 100%, 10%) } +html.var .sf-c-txt-gold\:95 { color: hsl(51, 100%, 5%) } +html.var .sf-c-txt-gold\:100 { color: hsl(51, 100%, 0%) } + html[data-theme='dark'] .sf-c-gold, html.dark .sf-c-gold { color: hsl(var(--sf-dark-c-txt-gold-5)); background: hsl(var(--sf-dark-c-gold)) } html[data-theme='dark'] .sf-c-gold\:0, html.dark .sf-c-gold\:0 { color: hsl(var(--sf-dark-c-txt-gold-95)); background: hsl(var(--sf-dark-c-gold-100)) } html[data-theme='dark'] .sf-c-gold\:5, html.dark .sf-c-gold\:5 { color: hsl(var(--sf-dark-c-txt-gold-5)); background: hsl(var(--sf-dark-c-gold-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-gold\:90\:dark, html.dark .sf-c-gold\:90\:dark { c html[data-theme='dark'] .sf-c-gold\:95\:dark, html.dark .sf-c-gold\:95\:dark { color: hsl(var(--sf-c-txt-gold-95)); background: hsl(var(--sf-c-gold-5)) } html[data-theme='dark'] .sf-c-gold\:100\:dark, html.dark .sf-c-gold\:100\:dark { color: hsl(var(--sf-c-txt-gold-95)); background: hsl(var(--sf-c-gold-0)) } +html[data-theme='dark'] .sf-c-txt-gold, html.dark .sf-c-txt-gold { color: hsl(var(--sf-c-txt-gold)) } +html[data-theme='dark'] .sf-c-txt-gold\:0, html.dark .sf-c-txt-gold\:0 { color: hsl(var(--sf-c-txt-gold-0)) } +html[data-theme='dark'] .sf-c-txt-gold\:5, html.dark .sf-c-txt-gold\:5 { color: hsl(var(--sf-c-txt-gold-5)) } +html[data-theme='dark'] .sf-c-txt-gold\:10, html.dark .sf-c-txt-gold\:10 { color: hsl(var(--sf-c-txt-gold-10)) } +html[data-theme='dark'] .sf-c-txt-gold\:15, html.dark .sf-c-txt-gold\:15 { color: hsl(var(--sf-c-txt-gold-15)) } +html[data-theme='dark'] .sf-c-txt-gold\:20, html.dark .sf-c-txt-gold\:20 { color: hsl(var(--sf-c-txt-gold-20)) } +html[data-theme='dark'] .sf-c-txt-gold\:25, html.dark .sf-c-txt-gold\:25 { color: hsl(var(--sf-c-txt-gold-25)) } +html[data-theme='dark'] .sf-c-txt-gold\:30, html.dark .sf-c-txt-gold\:30 { color: hsl(var(--sf-c-txt-gold-30)) } +html[data-theme='dark'] .sf-c-txt-gold\:35, html.dark .sf-c-txt-gold\:35 { color: hsl(var(--sf-c-txt-gold-35)) } +html[data-theme='dark'] .sf-c-txt-gold\:40, html.dark .sf-c-txt-gold\:40 { color: hsl(var(--sf-c-txt-gold-40)) } +html[data-theme='dark'] .sf-c-txt-gold\:45, html.dark .sf-c-txt-gold\:45 { color: hsl(var(--sf-c-txt-gold-45)) } +html[data-theme='dark'] .sf-c-txt-gold\:50, html.dark .sf-c-txt-gold\:50 { color: hsl(var(--sf-c-txt-gold-50)) } +html[data-theme='dark'] .sf-c-txt-gold\:55, html.dark .sf-c-txt-gold\:55 { color: hsl(var(--sf-c-txt-gold-55)) } +html[data-theme='dark'] .sf-c-txt-gold\:60, html.dark .sf-c-txt-gold\:60 { color: hsl(var(--sf-c-txt-gold-60)) } +html[data-theme='dark'] .sf-c-txt-gold\:65, html.dark .sf-c-txt-gold\:65 { color: hsl(var(--sf-c-txt-gold-65)) } +html[data-theme='dark'] .sf-c-txt-gold\:70, html.dark .sf-c-txt-gold\:70 { color: hsl(var(--sf-c-txt-gold-70)) } +html[data-theme='dark'] .sf-c-txt-gold\:75, html.dark .sf-c-txt-gold\:75 { color: hsl(var(--sf-c-txt-gold-75)) } +html[data-theme='dark'] .sf-c-txt-gold\:80, html.dark .sf-c-txt-gold\:80 { color: hsl(var(--sf-c-txt-gold-80)) } +html[data-theme='dark'] .sf-c-txt-gold\:85, html.dark .sf-c-txt-gold\:85 { color: hsl(var(--sf-c-txt-gold-85)) } +html[data-theme='dark'] .sf-c-txt-gold\:90, html.dark .sf-c-txt-gold\:90 { color: hsl(var(--sf-c-txt-gold-90)) } +html[data-theme='dark'] .sf-c-txt-gold\:95, html.dark .sf-c-txt-gold\:95 { color: hsl(var(--sf-c-txt-gold-95)) } +html[data-theme='dark'] .sf-c-txt-gold\:100, html.dark .sf-c-txt-gold\:100 { color: hsl(var(--sf-c-txt-gold-100)) } + +html[data-theme='dark'] .sf-c-txt-gold\:dark, html.dark .sf-c-txt-gold\:dark { color: hsl(var(--sf-c-txt-gold)) } +html[data-theme='dark'] .sf-c-txt-gold\:0\:dark, html.dark .sf-c-txt-gold\:0\:dark { color: hsl(var(--sf-dark-c-txt-gold-0)) } +html[data-theme='dark'] .sf-c-txt-gold\:5\:dark, html.dark .sf-c-txt-gold\:5\:dark { color: hsl(var(--sf-dark-c-txt-gold-5)) } +html[data-theme='dark'] .sf-c-txt-gold\:10\:dark, html.dark .sf-c-txt-gold\:10\:dark { color: hsl(var(--sf-dark-c-txt-gold-10)) } +html[data-theme='dark'] .sf-c-txt-gold\:15\:dark, html.dark .sf-c-txt-gold\:15\:dark { color: hsl(var(--sf-dark-c-txt-gold-15)) } +html[data-theme='dark'] .sf-c-txt-gold\:20\:dark, html.dark .sf-c-txt-gold\:20\:dark { color: hsl(var(--sf-dark-c-txt-gold-20)) } +html[data-theme='dark'] .sf-c-txt-gold\:25\:dark, html.dark .sf-c-txt-gold\:25\:dark { color: hsl(var(--sf-dark-c-txt-gold-25)) } +html[data-theme='dark'] .sf-c-txt-gold\:30\:dark, html.dark .sf-c-txt-gold\:30\:dark { color: hsl(var(--sf-dark-c-txt-gold-30)) } +html[data-theme='dark'] .sf-c-txt-gold\:35\:dark, html.dark .sf-c-txt-gold\:35\:dark { color: hsl(var(--sf-dark-c-txt-gold-35)) } +html[data-theme='dark'] .sf-c-txt-gold\:40\:dark, html.dark .sf-c-txt-gold\:40\:dark { color: hsl(var(--sf-dark-c-txt-gold-40)) } +html[data-theme='dark'] .sf-c-txt-gold\:45\:dark, html.dark .sf-c-txt-gold\:45\:dark { color: hsl(var(--sf-dark-c-txt-gold-45)) } +html[data-theme='dark'] .sf-c-txt-gold\:50\:dark, html.dark .sf-c-txt-gold\:50\:dark { color: hsl(var(--sf-dark-c-txt-gold-50)) } +html[data-theme='dark'] .sf-c-txt-gold\:55\:dark, html.dark .sf-c-txt-gold\:55\:dark { color: hsl(var(--sf-dark-c-txt-gold-55)) } +html[data-theme='dark'] .sf-c-txt-gold\:60\:dark, html.dark .sf-c-txt-gold\:60\:dark { color: hsl(var(--sf-dark-c-txt-gold-60)) } +html[data-theme='dark'] .sf-c-txt-gold\:65\:dark, html.dark .sf-c-txt-gold\:65\:dark { color: hsl(var(--sf-dark-c-txt-gold-65)) } +html[data-theme='dark'] .sf-c-txt-gold\:70\:dark, html.dark .sf-c-txt-gold\:70\:dark { color: hsl(var(--sf-dark-c-txt-gold-70)) } +html[data-theme='dark'] .sf-c-txt-gold\:75\:dark, html.dark .sf-c-txt-gold\:75\:dark { color: hsl(var(--sf-dark-c-txt-gold-75)) } +html[data-theme='dark'] .sf-c-txt-gold\:80\:dark, html.dark .sf-c-txt-gold\:80\:dark { color: hsl(var(--sf-dark-c-txt-gold-80)) } +html[data-theme='dark'] .sf-c-txt-gold\:85\:dark, html.dark .sf-c-txt-gold\:85\:dark { color: hsl(var(--sf-dark-c-txt-gold-85)) } +html[data-theme='dark'] .sf-c-txt-gold\:90\:dark, html.dark .sf-c-txt-gold\:90\:dark { color: hsl(var(--sf-dark-c-txt-gold-90)) } +html[data-theme='dark'] .sf-c-txt-gold\:95\:dark, html.dark .sf-c-txt-gold\:95\:dark { color: hsl(var(--sf-dark-c-txt-gold-95)) } +html[data-theme='dark'] .sf-c-txt-gold\:100\:dark, html.dark .sf-c-txt-gold\:100\:dark { color: hsl(var(--sf-dark-c-txt-gold-100)) } + html.var[data-theme='dark'] .sf-c-gold, html.var.dark .sf-c-gold { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 50%) } html.var[data-theme='dark'] .sf-c-gold\:0, html.var.dark .sf-c-gold\:0 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 100%) } html.var[data-theme='dark'] .sf-c-gold\:5, html.var.dark .sf-c-gold\:5 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-gold\:90\:dark, html.var.dark .sf-c-gold\:90\: html.var[data-theme='dark'] .sf-c-gold\:95\:dark, html.var.dark .sf-c-gold\:95\:dark { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 5%) } html.var[data-theme='dark'] .sf-c-gold\:100\:dark, html.var.dark .sf-c-gold\:100\:dark { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gold, html.dark .sf-c-txt-gold { color: hsl(51, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:0, html.dark .sf-c-txt-gold\:0 { color: hsl(51, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:5, html.dark .sf-c-txt-gold\:5 { color: hsl(51, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:10, html.dark .sf-c-txt-gold\:10 { color: hsl(51, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:15, html.dark .sf-c-txt-gold\:15 { color: hsl(51, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:20, html.dark .sf-c-txt-gold\:20 { color: hsl(51, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:25, html.dark .sf-c-txt-gold\:25 { color: hsl(51, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:30, html.dark .sf-c-txt-gold\:30 { color: hsl(51, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:35, html.dark .sf-c-txt-gold\:35 { color: hsl(51, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:40, html.dark .sf-c-txt-gold\:40 { color: hsl(51, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:45, html.dark .sf-c-txt-gold\:45 { color: hsl(51, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:50, html.dark .sf-c-txt-gold\:50 { color: hsl(51, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:55, html.dark .sf-c-txt-gold\:55 { color: hsl(51, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:60, html.dark .sf-c-txt-gold\:60 { color: hsl(51, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:65, html.dark .sf-c-txt-gold\:65 { color: hsl(51, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:70, html.dark .sf-c-txt-gold\:70 { color: hsl(51, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:75, html.dark .sf-c-txt-gold\:75 { color: hsl(51, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:80, html.dark .sf-c-txt-gold\:80 { color: hsl(51, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:85, html.dark .sf-c-txt-gold\:85 { color: hsl(51, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:90, html.dark .sf-c-txt-gold\:90 { color: hsl(51, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:95, html.dark .sf-c-txt-gold\:95 { color: hsl(51, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:100, html.dark .sf-c-txt-gold\:100 { color: hsl(51, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-gold\:dark, html.dark .sf-c-txt-gold\:dark { color: hsl(51, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:0\:dark, html.dark .sf-c-txt-gold\:0\:dark { color: hsl(51, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:5\:dark, html.dark .sf-c-txt-gold\:5\:dark { color: hsl(51, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:10\:dark, html.dark .sf-c-txt-gold\:10\:dark { color: hsl(51, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:15\:dark, html.dark .sf-c-txt-gold\:15\:dark { color: hsl(51, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:20\:dark, html.dark .sf-c-txt-gold\:20\:dark { color: hsl(51, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:25\:dark, html.dark .sf-c-txt-gold\:25\:dark { color: hsl(51, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:30\:dark, html.dark .sf-c-txt-gold\:30\:dark { color: hsl(51, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:35\:dark, html.dark .sf-c-txt-gold\:35\:dark { color: hsl(51, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:40\:dark, html.dark .sf-c-txt-gold\:40\:dark { color: hsl(51, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:45\:dark, html.dark .sf-c-txt-gold\:45\:dark { color: hsl(51, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:50\:dark, html.dark .sf-c-txt-gold\:50\:dark { color: hsl(51, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:55\:dark, html.dark .sf-c-txt-gold\:55\:dark { color: hsl(51, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:60\:dark, html.dark .sf-c-txt-gold\:60\:dark { color: hsl(51, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:65\:dark, html.dark .sf-c-txt-gold\:65\:dark { color: hsl(51, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:70\:dark, html.dark .sf-c-txt-gold\:70\:dark { color: hsl(51, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:75\:dark, html.dark .sf-c-txt-gold\:75\:dark { color: hsl(51, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:80\:dark, html.dark .sf-c-txt-gold\:80\:dark { color: hsl(51, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:85\:dark, html.dark .sf-c-txt-gold\:85\:dark { color: hsl(51, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:90\:dark, html.dark .sf-c-txt-gold\:90\:dark { color: hsl(51, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:95\:dark, html.dark .sf-c-txt-gold\:95\:dark { color: hsl(51, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-gold\:100\:dark, html.dark .sf-c-txt-gold\:100\:dark { color: hsl(51, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-gold, html.auto .sf-c-gold { color: hsl(var(--sf-dark-c-txt-gold-5)); background: hsl(var(--sf-dark-c-gold)) } html[data-theme='auto'] .sf-c-gold\:0, html.auto .sf-c-gold\:0 { color: hsl(var(--sf-dark-c-txt-gold-95)); background: hsl(var(--sf-dark-c-gold-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-gold\:100\:dark, html.var.dark .sf-c-gold\:100 html[data-theme='auto'] .sf-c-gold\:95\:dark, html.auto .sf-c-gold\:95\:dark { color: hsl(var(--sf-c-txt-gold-95)); background: hsl(var(--sf-c-gold-5)) } html[data-theme='auto'] .sf-c-gold\:100\:dark, html.auto .sf-c-gold\:100\:dark { color: hsl(var(--sf-c-txt-gold-95)); background: hsl(var(--sf-c-gold-0)) } + html[data-theme='auto'] .sf-c-txt-gold, html.auto .sf-c-txt-gold { color: hsl(var(--sf-c-txt-gold)) } + html[data-theme='auto'] .sf-c-txt-gold\:0, html.auto .sf-c-txt-gold\:0 { color: hsl(var(--sf-c-txt-gold-0)) } + html[data-theme='auto'] .sf-c-txt-gold\:5, html.auto .sf-c-txt-gold\:5 { color: hsl(var(--sf-c-txt-gold-5)) } + html[data-theme='auto'] .sf-c-txt-gold\:10, html.auto .sf-c-txt-gold\:10 { color: hsl(var(--sf-c-txt-gold-10)) } + html[data-theme='auto'] .sf-c-txt-gold\:15, html.auto .sf-c-txt-gold\:15 { color: hsl(var(--sf-c-txt-gold-15)) } + html[data-theme='auto'] .sf-c-txt-gold\:20, html.auto .sf-c-txt-gold\:20 { color: hsl(var(--sf-c-txt-gold-20)) } + html[data-theme='auto'] .sf-c-txt-gold\:25, html.auto .sf-c-txt-gold\:25 { color: hsl(var(--sf-c-txt-gold-25)) } + html[data-theme='auto'] .sf-c-txt-gold\:30, html.auto .sf-c-txt-gold\:30 { color: hsl(var(--sf-c-txt-gold-30)) } + html[data-theme='auto'] .sf-c-txt-gold\:35, html.auto .sf-c-txt-gold\:35 { color: hsl(var(--sf-c-txt-gold-35)) } + html[data-theme='auto'] .sf-c-txt-gold\:40, html.auto .sf-c-txt-gold\:40 { color: hsl(var(--sf-c-txt-gold-40)) } + html[data-theme='auto'] .sf-c-txt-gold\:45, html.auto .sf-c-txt-gold\:45 { color: hsl(var(--sf-c-txt-gold-45)) } + html[data-theme='auto'] .sf-c-txt-gold\:50, html.auto .sf-c-txt-gold\:50 { color: hsl(var(--sf-c-txt-gold-50)) } + html[data-theme='auto'] .sf-c-txt-gold\:55, html.auto .sf-c-txt-gold\:55 { color: hsl(var(--sf-c-txt-gold-55)) } + html[data-theme='auto'] .sf-c-txt-gold\:60, html.auto .sf-c-txt-gold\:60 { color: hsl(var(--sf-c-txt-gold-60)) } + html[data-theme='auto'] .sf-c-txt-gold\:65, html.auto .sf-c-txt-gold\:65 { color: hsl(var(--sf-c-txt-gold-65)) } + html[data-theme='auto'] .sf-c-txt-gold\:70, html.auto .sf-c-txt-gold\:70 { color: hsl(var(--sf-c-txt-gold-70)) } + html[data-theme='auto'] .sf-c-txt-gold\:75, html.auto .sf-c-txt-gold\:75 { color: hsl(var(--sf-c-txt-gold-75)) } + html[data-theme='auto'] .sf-c-txt-gold\:80, html.auto .sf-c-txt-gold\:80 { color: hsl(var(--sf-c-txt-gold-80)) } + html[data-theme='auto'] .sf-c-txt-gold\:85, html.auto .sf-c-txt-gold\:85 { color: hsl(var(--sf-c-txt-gold-85)) } + html[data-theme='auto'] .sf-c-txt-gold\:90, html.auto .sf-c-txt-gold\:90 { color: hsl(var(--sf-c-txt-gold-90)) } + html[data-theme='auto'] .sf-c-txt-gold\:95, html.auto .sf-c-txt-gold\:95 { color: hsl(var(--sf-c-txt-gold-95)) } + html[data-theme='auto'] .sf-c-txt-gold\:100, html.auto .sf-c-txt-gold\:100 { color: hsl(var(--sf-c-txt-gold-100)) } + + html[data-theme='auto'] .sf-c-txt-gold\:dark, html.auto .sf-c-txt-gold\:dark { color: hsl(var(--sf-c-txt-gold)) } + html[data-theme='auto'] .sf-c-txt-gold\:0\:dark, html.auto .sf-c-txt-gold\:0\:dark { color: hsl(var(--sf-c-txt-gold-0)) } + html[data-theme='auto'] .sf-c-txt-gold\:5\:dark, html.auto .sf-c-txt-gold\:5\:dark { color: hsl(var(--sf-c-txt-gold-5)) } + html[data-theme='auto'] .sf-c-txt-gold\:10\:dark, html.auto .sf-c-txt-gold\:10\:dark { color: hsl(var(--sf-c-txt-gold-10)) } + html[data-theme='auto'] .sf-c-txt-gold\:15\:dark, html.auto .sf-c-txt-gold\:15\:dark { color: hsl(var(--sf-c-txt-gold-15)) } + html[data-theme='auto'] .sf-c-txt-gold\:20\:dark, html.auto .sf-c-txt-gold\:20\:dark { color: hsl(var(--sf-c-txt-gold-20)) } + html[data-theme='auto'] .sf-c-txt-gold\:25\:dark, html.auto .sf-c-txt-gold\:25\:dark { color: hsl(var(--sf-c-txt-gold-25)) } + html[data-theme='auto'] .sf-c-txt-gold\:30\:dark, html.auto .sf-c-txt-gold\:30\:dark { color: hsl(var(--sf-c-txt-gold-30)) } + html[data-theme='auto'] .sf-c-txt-gold\:35\:dark, html.auto .sf-c-txt-gold\:35\:dark { color: hsl(var(--sf-c-txt-gold-35)) } + html[data-theme='auto'] .sf-c-txt-gold\:40\:dark, html.auto .sf-c-txt-gold\:40\:dark { color: hsl(var(--sf-c-txt-gold-40)) } + html[data-theme='auto'] .sf-c-txt-gold\:45\:dark, html.auto .sf-c-txt-gold\:45\:dark { color: hsl(var(--sf-c-txt-gold-45)) } + html[data-theme='auto'] .sf-c-txt-gold\:50\:dark, html.auto .sf-c-txt-gold\:50\:dark { color: hsl(var(--sf-c-txt-gold-50)) } + html[data-theme='auto'] .sf-c-txt-gold\:55\:dark, html.auto .sf-c-txt-gold\:55\:dark { color: hsl(var(--sf-c-txt-gold-55)) } + html[data-theme='auto'] .sf-c-txt-gold\:60\:dark, html.auto .sf-c-txt-gold\:60\:dark { color: hsl(var(--sf-c-txt-gold-60)) } + html[data-theme='auto'] .sf-c-txt-gold\:65\:dark, html.auto .sf-c-txt-gold\:65\:dark { color: hsl(var(--sf-c-txt-gold-65)) } + html[data-theme='auto'] .sf-c-txt-gold\:70\:dark, html.auto .sf-c-txt-gold\:70\:dark { color: hsl(var(--sf-c-txt-gold-70)) } + html[data-theme='auto'] .sf-c-txt-gold\:75\:dark, html.auto .sf-c-txt-gold\:75\:dark { color: hsl(var(--sf-c-txt-gold-75)) } + html[data-theme='auto'] .sf-c-txt-gold\:80\:dark, html.auto .sf-c-txt-gold\:80\:dark { color: hsl(var(--sf-c-txt-gold-80)) } + html[data-theme='auto'] .sf-c-txt-gold\:85\:dark, html.auto .sf-c-txt-gold\:85\:dark { color: hsl(var(--sf-c-txt-gold-85)) } + html[data-theme='auto'] .sf-c-txt-gold\:90\:dark, html.auto .sf-c-txt-gold\:90\:dark { color: hsl(var(--sf-c-txt-gold-90)) } + html[data-theme='auto'] .sf-c-txt-gold\:95\:dark, html.auto .sf-c-txt-gold\:95\:dark { color: hsl(var(--sf-c-txt-gold-95)) } + html[data-theme='auto'] .sf-c-txt-gold\:100\:dark, html.auto .sf-c-txt-gold\:100\:dark { color: hsl(var(--sf-c-txt-gold-100)) } + html.var[data-theme='auto'] .sf-c-gold, html.var.auto .sf-c-gold { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 50%) } html.var[data-theme='auto'] .sf-c-gold\:0, html.var.auto .sf-c-gold\:0 { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 100%) } html.var[data-theme='auto'] .sf-c-gold\:5, html.var.auto .sf-c-gold\:5 { color: hsl(51, 100%, 5%); background: hsl(51, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-gold\:100\:dark, html.var.dark .sf-c-gold\:100 html.var[data-theme='auto'] .sf-c-gold\:90\:dark, html.var.auto .sf-c-gold\:90\:dark { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 10%) } html.var[data-theme='auto'] .sf-c-gold\:95\:dark, html.var.auto .sf-c-gold\:95\:dark { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 5%) } html.var[data-theme='auto'] .sf-c-gold\:100\:dark, html.var.auto .sf-c-gold\:100\:dark { color: hsl(51, 100%, 95%); background: hsl(51, 100%, 0%) } -} -.sf-c-txt-gold { color: hsl(var(--sf-c-txt-gold)) } -.sf-c-txt-gold\:0 { color: hsl(var(--sf-c-txt-gold-0)) } -.sf-c-txt-gold\:5 { color: hsl(var(--sf-c-txt-gold-5)) } -.sf-c-txt-gold\:10 { color: hsl(var(--sf-c-txt-gold-10)) } -.sf-c-txt-gold\:15 { color: hsl(var(--sf-c-txt-gold-15)) } -.sf-c-txt-gold\:20 { color: hsl(var(--sf-c-txt-gold-20)) } -.sf-c-txt-gold\:25 { color: hsl(var(--sf-c-txt-gold-25)) } -.sf-c-txt-gold\:30 { color: hsl(var(--sf-c-txt-gold-30)) } -.sf-c-txt-gold\:35 { color: hsl(var(--sf-c-txt-gold-35)) } -.sf-c-txt-gold\:40 { color: hsl(var(--sf-c-txt-gold-40)) } -.sf-c-txt-gold\:45 { color: hsl(var(--sf-c-txt-gold-45)) } -.sf-c-txt-gold\:50 { color: hsl(var(--sf-c-txt-gold-50)) } -.sf-c-txt-gold\:55 { color: hsl(var(--sf-c-txt-gold-55)) } -.sf-c-txt-gold\:60 { color: hsl(var(--sf-c-txt-gold-60)) } -.sf-c-txt-gold\:65 { color: hsl(var(--sf-c-txt-gold-65)) } -.sf-c-txt-gold\:70 { color: hsl(var(--sf-c-txt-gold-70)) } -.sf-c-txt-gold\:75 { color: hsl(var(--sf-c-txt-gold-75)) } -.sf-c-txt-gold\:80 { color: hsl(var(--sf-c-txt-gold-80)) } -.sf-c-txt-gold\:85 { color: hsl(var(--sf-c-txt-gold-85)) } -.sf-c-txt-gold\:90 { color: hsl(var(--sf-c-txt-gold-90)) } -.sf-c-txt-gold\:95 { color: hsl(var(--sf-c-txt-gold-95)) } -.sf-c-txt-gold\:100 { color: hsl(var(--sf-c-txt-gold-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-gold, html.auto .sf-c-txt-gold { color: hsl(51, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:0, html.auto .sf-c-txt-gold\:0 { color: hsl(51, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:5, html.auto .sf-c-txt-gold\:5 { color: hsl(51, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:10, html.auto .sf-c-txt-gold\:10 { color: hsl(51, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:15, html.auto .sf-c-txt-gold\:15 { color: hsl(51, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:20, html.auto .sf-c-txt-gold\:20 { color: hsl(51, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:25, html.auto .sf-c-txt-gold\:25 { color: hsl(51, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:30, html.auto .sf-c-txt-gold\:30 { color: hsl(51, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:35, html.auto .sf-c-txt-gold\:35 { color: hsl(51, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:40, html.auto .sf-c-txt-gold\:40 { color: hsl(51, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:45, html.auto .sf-c-txt-gold\:45 { color: hsl(51, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:50, html.auto .sf-c-txt-gold\:50 { color: hsl(51, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:55, html.auto .sf-c-txt-gold\:55 { color: hsl(51, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:60, html.auto .sf-c-txt-gold\:60 { color: hsl(51, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:65, html.auto .sf-c-txt-gold\:65 { color: hsl(51, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:70, html.auto .sf-c-txt-gold\:70 { color: hsl(51, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:75, html.auto .sf-c-txt-gold\:75 { color: hsl(51, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:80, html.auto .sf-c-txt-gold\:80 { color: hsl(51, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:85, html.auto .sf-c-txt-gold\:85 { color: hsl(51, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:90, html.auto .sf-c-txt-gold\:90 { color: hsl(51, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:95, html.auto .sf-c-txt-gold\:95 { color: hsl(51, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:100, html.auto .sf-c-txt-gold\:100 { color: hsl(51, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-gold\:dark, html.auto .sf-c-txt-gold\:dark { color: hsl(51, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:0\:dark, html.auto .sf-c-txt-gold\:0\:dark { color: hsl(51, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:5\:dark, html.auto .sf-c-txt-gold\:5\:dark { color: hsl(51, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:10\:dark, html.auto .sf-c-txt-gold\:10\:dark { color: hsl(51, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:15\:dark, html.auto .sf-c-txt-gold\:15\:dark { color: hsl(51, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:20\:dark, html.auto .sf-c-txt-gold\:20\:dark { color: hsl(51, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:25\:dark, html.auto .sf-c-txt-gold\:25\:dark { color: hsl(51, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:30\:dark, html.auto .sf-c-txt-gold\:30\:dark { color: hsl(51, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:35\:dark, html.auto .sf-c-txt-gold\:35\:dark { color: hsl(51, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:40\:dark, html.auto .sf-c-txt-gold\:40\:dark { color: hsl(51, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:45\:dark, html.auto .sf-c-txt-gold\:45\:dark { color: hsl(51, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:50\:dark, html.auto .sf-c-txt-gold\:50\:dark { color: hsl(51, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:55\:dark, html.auto .sf-c-txt-gold\:55\:dark { color: hsl(51, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:60\:dark, html.auto .sf-c-txt-gold\:60\:dark { color: hsl(51, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:65\:dark, html.auto .sf-c-txt-gold\:65\:dark { color: hsl(51, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:70\:dark, html.auto .sf-c-txt-gold\:70\:dark { color: hsl(51, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:75\:dark, html.auto .sf-c-txt-gold\:75\:dark { color: hsl(51, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:80\:dark, html.auto .sf-c-txt-gold\:80\:dark { color: hsl(51, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:85\:dark, html.auto .sf-c-txt-gold\:85\:dark { color: hsl(51, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:90\:dark, html.auto .sf-c-txt-gold\:90\:dark { color: hsl(51, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:95\:dark, html.auto .sf-c-txt-gold\:95\:dark { color: hsl(51, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-gold\:100\:dark, html.auto .sf-c-txt-gold\:100\:dark { color: hsl(51, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/goldenrod.css b/src/colors/20/goldenrod.css index 5b39740..4258076 100644 --- a/src/colors/20/goldenrod.css +++ b/src/colors/20/goldenrod.css @@ -138,6 +138,52 @@ html.var .sf-c-goldenrod\:90 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, html.var .sf-c-goldenrod\:95 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 95%) } html.var .sf-c-goldenrod\:100 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 100%) } +.sf-c-txt-goldenrod { color: hsl(var(--sf-dark-c-txt-goldenrod)) } +.sf-c-txt-goldenrod\:0 { color: hsl(var(--sf-dark-c-txt-goldenrod-100)) } +.sf-c-txt-goldenrod\:5 { color: hsl(var(--sf-dark-c-txt-goldenrod-95)) } +.sf-c-txt-goldenrod\:10 { color: hsl(var(--sf-dark-c-txt-goldenrod-90)) } +.sf-c-txt-goldenrod\:15 { color: hsl(var(--sf-dark-c-txt-goldenrod-85)) } +.sf-c-txt-goldenrod\:20 { color: hsl(var(--sf-dark-c-txt-goldenrod-80)) } +.sf-c-txt-goldenrod\:25 { color: hsl(var(--sf-dark-c-txt-goldenrod-75)) } +.sf-c-txt-goldenrod\:30 { color: hsl(var(--sf-dark-c-txt-goldenrod-70)) } +.sf-c-txt-goldenrod\:35 { color: hsl(var(--sf-dark-c-txt-goldenrod-65)) } +.sf-c-txt-goldenrod\:40 { color: hsl(var(--sf-dark-c-txt-goldenrod-60)) } +.sf-c-txt-goldenrod\:45 { color: hsl(var(--sf-dark-c-txt-goldenrod-55)) } +.sf-c-txt-goldenrod\:50 { color: hsl(var(--sf-dark-c-txt-goldenrod-50)) } +.sf-c-txt-goldenrod\:55 { color: hsl(var(--sf-dark-c-txt-goldenrod-45)) } +.sf-c-txt-goldenrod\:60 { color: hsl(var(--sf-dark-c-txt-goldenrod-40)) } +.sf-c-txt-goldenrod\:65 { color: hsl(var(--sf-dark-c-txt-goldenrod-35)) } +.sf-c-txt-goldenrod\:70 { color: hsl(var(--sf-dark-c-txt-goldenrod-30)) } +.sf-c-txt-goldenrod\:75 { color: hsl(var(--sf-dark-c-txt-goldenrod-25)) } +.sf-c-txt-goldenrod\:80 { color: hsl(var(--sf-dark-c-txt-goldenrod-20)) } +.sf-c-txt-goldenrod\:85 { color: hsl(var(--sf-dark-c-txt-goldenrod-15)) } +.sf-c-txt-goldenrod\:90 { color: hsl(var(--sf-dark-c-txt-goldenrod-10)) } +.sf-c-txt-goldenrod\:95 { color: hsl(var(--sf-dark-c-txt-goldenrod-5)) } +.sf-c-txt-goldenrod\:100 { color: hsl(var(--sf-dark-c-txt-goldenrod-0)) } + +html.var .sf-c-txt-goldenrod { color: hsl(43, 74%, 51%) } +html.var .sf-c-txt-goldenrod\:0 { color: hsl(43, 74%, 100%) } +html.var .sf-c-txt-goldenrod\:5 { color: hsl(43, 74%, 95%) } +html.var .sf-c-txt-goldenrod\:10 { color: hsl(43, 74%, 90%) } +html.var .sf-c-txt-goldenrod\:15 { color: hsl(43, 74%, 85%) } +html.var .sf-c-txt-goldenrod\:20 { color: hsl(43, 74%, 80%) } +html.var .sf-c-txt-goldenrod\:25 { color: hsl(43, 74%, 75%) } +html.var .sf-c-txt-goldenrod\:30 { color: hsl(43, 74%, 70%) } +html.var .sf-c-txt-goldenrod\:35 { color: hsl(43, 74%, 65%) } +html.var .sf-c-txt-goldenrod\:40 { color: hsl(43, 74%, 60%) } +html.var .sf-c-txt-goldenrod\:45 { color: hsl(43, 74%, 55%) } +html.var .sf-c-txt-goldenrod\:50 { color: hsl(43, 74%, 50%) } +html.var .sf-c-txt-goldenrod\:55 { color: hsl(43, 74%, 45%) } +html.var .sf-c-txt-goldenrod\:60 { color: hsl(43, 74%, 40%) } +html.var .sf-c-txt-goldenrod\:65 { color: hsl(43, 74%, 35%) } +html.var .sf-c-txt-goldenrod\:70 { color: hsl(43, 74%, 30%) } +html.var .sf-c-txt-goldenrod\:75 { color: hsl(43, 74%, 25%) } +html.var .sf-c-txt-goldenrod\:80 { color: hsl(43, 74%, 20%) } +html.var .sf-c-txt-goldenrod\:85 { color: hsl(43, 74%, 15%) } +html.var .sf-c-txt-goldenrod\:90 { color: hsl(43, 74%, 10%) } +html.var .sf-c-txt-goldenrod\:95 { color: hsl(43, 74%, 5%) } +html.var .sf-c-txt-goldenrod\:100 { color: hsl(43, 74%, 0%) } + html[data-theme='dark'] .sf-c-goldenrod, html.dark .sf-c-goldenrod { color: hsl(var(--sf-dark-c-txt-goldenrod-5)); background: hsl(var(--sf-dark-c-goldenrod)) } html[data-theme='dark'] .sf-c-goldenrod\:0, html.dark .sf-c-goldenrod\:0 { color: hsl(var(--sf-dark-c-txt-goldenrod-95)); background: hsl(var(--sf-dark-c-goldenrod-100)) } html[data-theme='dark'] .sf-c-goldenrod\:5, html.dark .sf-c-goldenrod\:5 { color: hsl(var(--sf-dark-c-txt-goldenrod-5)); background: hsl(var(--sf-dark-c-goldenrod-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-goldenrod\:90\:dark, html.dark .sf-c-goldenrod\:90 html[data-theme='dark'] .sf-c-goldenrod\:95\:dark, html.dark .sf-c-goldenrod\:95\:dark { color: hsl(var(--sf-c-txt-goldenrod-95)); background: hsl(var(--sf-c-goldenrod-5)) } html[data-theme='dark'] .sf-c-goldenrod\:100\:dark, html.dark .sf-c-goldenrod\:100\:dark { color: hsl(var(--sf-c-txt-goldenrod-95)); background: hsl(var(--sf-c-goldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-goldenrod, html.dark .sf-c-txt-goldenrod { color: hsl(var(--sf-c-txt-goldenrod)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:0, html.dark .sf-c-txt-goldenrod\:0 { color: hsl(var(--sf-c-txt-goldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:5, html.dark .sf-c-txt-goldenrod\:5 { color: hsl(var(--sf-c-txt-goldenrod-5)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:10, html.dark .sf-c-txt-goldenrod\:10 { color: hsl(var(--sf-c-txt-goldenrod-10)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:15, html.dark .sf-c-txt-goldenrod\:15 { color: hsl(var(--sf-c-txt-goldenrod-15)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:20, html.dark .sf-c-txt-goldenrod\:20 { color: hsl(var(--sf-c-txt-goldenrod-20)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:25, html.dark .sf-c-txt-goldenrod\:25 { color: hsl(var(--sf-c-txt-goldenrod-25)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:30, html.dark .sf-c-txt-goldenrod\:30 { color: hsl(var(--sf-c-txt-goldenrod-30)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:35, html.dark .sf-c-txt-goldenrod\:35 { color: hsl(var(--sf-c-txt-goldenrod-35)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:40, html.dark .sf-c-txt-goldenrod\:40 { color: hsl(var(--sf-c-txt-goldenrod-40)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:45, html.dark .sf-c-txt-goldenrod\:45 { color: hsl(var(--sf-c-txt-goldenrod-45)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:50, html.dark .sf-c-txt-goldenrod\:50 { color: hsl(var(--sf-c-txt-goldenrod-50)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:55, html.dark .sf-c-txt-goldenrod\:55 { color: hsl(var(--sf-c-txt-goldenrod-55)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:60, html.dark .sf-c-txt-goldenrod\:60 { color: hsl(var(--sf-c-txt-goldenrod-60)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:65, html.dark .sf-c-txt-goldenrod\:65 { color: hsl(var(--sf-c-txt-goldenrod-65)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:70, html.dark .sf-c-txt-goldenrod\:70 { color: hsl(var(--sf-c-txt-goldenrod-70)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:75, html.dark .sf-c-txt-goldenrod\:75 { color: hsl(var(--sf-c-txt-goldenrod-75)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:80, html.dark .sf-c-txt-goldenrod\:80 { color: hsl(var(--sf-c-txt-goldenrod-80)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:85, html.dark .sf-c-txt-goldenrod\:85 { color: hsl(var(--sf-c-txt-goldenrod-85)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:90, html.dark .sf-c-txt-goldenrod\:90 { color: hsl(var(--sf-c-txt-goldenrod-90)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:95, html.dark .sf-c-txt-goldenrod\:95 { color: hsl(var(--sf-c-txt-goldenrod-95)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:100, html.dark .sf-c-txt-goldenrod\:100 { color: hsl(var(--sf-c-txt-goldenrod-100)) } + +html[data-theme='dark'] .sf-c-txt-goldenrod\:dark, html.dark .sf-c-txt-goldenrod\:dark { color: hsl(var(--sf-c-txt-goldenrod)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:0\:dark, html.dark .sf-c-txt-goldenrod\:0\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:5\:dark, html.dark .sf-c-txt-goldenrod\:5\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-5)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:10\:dark, html.dark .sf-c-txt-goldenrod\:10\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-10)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:15\:dark, html.dark .sf-c-txt-goldenrod\:15\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-15)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:20\:dark, html.dark .sf-c-txt-goldenrod\:20\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-20)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:25\:dark, html.dark .sf-c-txt-goldenrod\:25\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-25)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:30\:dark, html.dark .sf-c-txt-goldenrod\:30\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-30)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:35\:dark, html.dark .sf-c-txt-goldenrod\:35\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-35)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:40\:dark, html.dark .sf-c-txt-goldenrod\:40\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-40)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:45\:dark, html.dark .sf-c-txt-goldenrod\:45\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-45)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:50\:dark, html.dark .sf-c-txt-goldenrod\:50\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-50)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:55\:dark, html.dark .sf-c-txt-goldenrod\:55\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-55)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:60\:dark, html.dark .sf-c-txt-goldenrod\:60\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-60)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:65\:dark, html.dark .sf-c-txt-goldenrod\:65\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-65)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:70\:dark, html.dark .sf-c-txt-goldenrod\:70\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-70)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:75\:dark, html.dark .sf-c-txt-goldenrod\:75\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-75)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:80\:dark, html.dark .sf-c-txt-goldenrod\:80\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-80)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:85\:dark, html.dark .sf-c-txt-goldenrod\:85\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-85)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:90\:dark, html.dark .sf-c-txt-goldenrod\:90\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-90)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:95\:dark, html.dark .sf-c-txt-goldenrod\:95\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-95)) } +html[data-theme='dark'] .sf-c-txt-goldenrod\:100\:dark, html.dark .sf-c-txt-goldenrod\:100\:dark { color: hsl(var(--sf-dark-c-txt-goldenrod-100)) } + html.var[data-theme='dark'] .sf-c-goldenrod, html.var.dark .sf-c-goldenrod { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 51%) } html.var[data-theme='dark'] .sf-c-goldenrod\:0, html.var.dark .sf-c-goldenrod\:0 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 100%) } html.var[data-theme='dark'] .sf-c-goldenrod\:5, html.var.dark .sf-c-goldenrod\:5 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-goldenrod\:90\:dark, html.var.dark .sf-c-golde html.var[data-theme='dark'] .sf-c-goldenrod\:95\:dark, html.var.dark .sf-c-goldenrod\:95\:dark { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 5%) } html.var[data-theme='dark'] .sf-c-goldenrod\:100\:dark, html.var.dark .sf-c-goldenrod\:100\:dark { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod, html.dark .sf-c-txt-goldenrod { color: hsl(43, 74%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:0, html.dark .sf-c-txt-goldenrod\:0 { color: hsl(43, 74%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:5, html.dark .sf-c-txt-goldenrod\:5 { color: hsl(43, 74%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:10, html.dark .sf-c-txt-goldenrod\:10 { color: hsl(43, 74%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:15, html.dark .sf-c-txt-goldenrod\:15 { color: hsl(43, 74%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:20, html.dark .sf-c-txt-goldenrod\:20 { color: hsl(43, 74%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:25, html.dark .sf-c-txt-goldenrod\:25 { color: hsl(43, 74%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:30, html.dark .sf-c-txt-goldenrod\:30 { color: hsl(43, 74%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:35, html.dark .sf-c-txt-goldenrod\:35 { color: hsl(43, 74%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:40, html.dark .sf-c-txt-goldenrod\:40 { color: hsl(43, 74%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:45, html.dark .sf-c-txt-goldenrod\:45 { color: hsl(43, 74%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:50, html.dark .sf-c-txt-goldenrod\:50 { color: hsl(43, 74%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:55, html.dark .sf-c-txt-goldenrod\:55 { color: hsl(43, 74%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:60, html.dark .sf-c-txt-goldenrod\:60 { color: hsl(43, 74%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:65, html.dark .sf-c-txt-goldenrod\:65 { color: hsl(43, 74%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:70, html.dark .sf-c-txt-goldenrod\:70 { color: hsl(43, 74%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:75, html.dark .sf-c-txt-goldenrod\:75 { color: hsl(43, 74%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:80, html.dark .sf-c-txt-goldenrod\:80 { color: hsl(43, 74%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:85, html.dark .sf-c-txt-goldenrod\:85 { color: hsl(43, 74%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:90, html.dark .sf-c-txt-goldenrod\:90 { color: hsl(43, 74%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:95, html.dark .sf-c-txt-goldenrod\:95 { color: hsl(43, 74%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:100, html.dark .sf-c-txt-goldenrod\:100 { color: hsl(43, 74%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:dark, html.dark .sf-c-txt-goldenrod\:dark { color: hsl(43, 74%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:0\:dark, html.dark .sf-c-txt-goldenrod\:0\:dark { color: hsl(43, 74%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:5\:dark, html.dark .sf-c-txt-goldenrod\:5\:dark { color: hsl(43, 74%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:10\:dark, html.dark .sf-c-txt-goldenrod\:10\:dark { color: hsl(43, 74%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:15\:dark, html.dark .sf-c-txt-goldenrod\:15\:dark { color: hsl(43, 74%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:20\:dark, html.dark .sf-c-txt-goldenrod\:20\:dark { color: hsl(43, 74%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:25\:dark, html.dark .sf-c-txt-goldenrod\:25\:dark { color: hsl(43, 74%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:30\:dark, html.dark .sf-c-txt-goldenrod\:30\:dark { color: hsl(43, 74%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:35\:dark, html.dark .sf-c-txt-goldenrod\:35\:dark { color: hsl(43, 74%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:40\:dark, html.dark .sf-c-txt-goldenrod\:40\:dark { color: hsl(43, 74%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:45\:dark, html.dark .sf-c-txt-goldenrod\:45\:dark { color: hsl(43, 74%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:50\:dark, html.dark .sf-c-txt-goldenrod\:50\:dark { color: hsl(43, 74%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:55\:dark, html.dark .sf-c-txt-goldenrod\:55\:dark { color: hsl(43, 74%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:60\:dark, html.dark .sf-c-txt-goldenrod\:60\:dark { color: hsl(43, 74%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:65\:dark, html.dark .sf-c-txt-goldenrod\:65\:dark { color: hsl(43, 74%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:70\:dark, html.dark .sf-c-txt-goldenrod\:70\:dark { color: hsl(43, 74%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:75\:dark, html.dark .sf-c-txt-goldenrod\:75\:dark { color: hsl(43, 74%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:80\:dark, html.dark .sf-c-txt-goldenrod\:80\:dark { color: hsl(43, 74%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:85\:dark, html.dark .sf-c-txt-goldenrod\:85\:dark { color: hsl(43, 74%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:90\:dark, html.dark .sf-c-txt-goldenrod\:90\:dark { color: hsl(43, 74%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:95\:dark, html.dark .sf-c-txt-goldenrod\:95\:dark { color: hsl(43, 74%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-goldenrod\:100\:dark, html.dark .sf-c-txt-goldenrod\:100\:dark { color: hsl(43, 74%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-goldenrod, html.auto .sf-c-goldenrod { color: hsl(var(--sf-dark-c-txt-goldenrod-5)); background: hsl(var(--sf-dark-c-goldenrod)) } html[data-theme='auto'] .sf-c-goldenrod\:0, html.auto .sf-c-goldenrod\:0 { color: hsl(var(--sf-dark-c-txt-goldenrod-95)); background: hsl(var(--sf-dark-c-goldenrod-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-goldenrod\:100\:dark, html.var.dark .sf-c-gold html[data-theme='auto'] .sf-c-goldenrod\:95\:dark, html.auto .sf-c-goldenrod\:95\:dark { color: hsl(var(--sf-c-txt-goldenrod-95)); background: hsl(var(--sf-c-goldenrod-5)) } html[data-theme='auto'] .sf-c-goldenrod\:100\:dark, html.auto .sf-c-goldenrod\:100\:dark { color: hsl(var(--sf-c-txt-goldenrod-95)); background: hsl(var(--sf-c-goldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-goldenrod, html.auto .sf-c-txt-goldenrod { color: hsl(var(--sf-c-txt-goldenrod)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:0, html.auto .sf-c-txt-goldenrod\:0 { color: hsl(var(--sf-c-txt-goldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:5, html.auto .sf-c-txt-goldenrod\:5 { color: hsl(var(--sf-c-txt-goldenrod-5)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:10, html.auto .sf-c-txt-goldenrod\:10 { color: hsl(var(--sf-c-txt-goldenrod-10)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:15, html.auto .sf-c-txt-goldenrod\:15 { color: hsl(var(--sf-c-txt-goldenrod-15)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:20, html.auto .sf-c-txt-goldenrod\:20 { color: hsl(var(--sf-c-txt-goldenrod-20)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:25, html.auto .sf-c-txt-goldenrod\:25 { color: hsl(var(--sf-c-txt-goldenrod-25)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:30, html.auto .sf-c-txt-goldenrod\:30 { color: hsl(var(--sf-c-txt-goldenrod-30)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:35, html.auto .sf-c-txt-goldenrod\:35 { color: hsl(var(--sf-c-txt-goldenrod-35)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:40, html.auto .sf-c-txt-goldenrod\:40 { color: hsl(var(--sf-c-txt-goldenrod-40)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:45, html.auto .sf-c-txt-goldenrod\:45 { color: hsl(var(--sf-c-txt-goldenrod-45)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:50, html.auto .sf-c-txt-goldenrod\:50 { color: hsl(var(--sf-c-txt-goldenrod-50)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:55, html.auto .sf-c-txt-goldenrod\:55 { color: hsl(var(--sf-c-txt-goldenrod-55)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:60, html.auto .sf-c-txt-goldenrod\:60 { color: hsl(var(--sf-c-txt-goldenrod-60)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:65, html.auto .sf-c-txt-goldenrod\:65 { color: hsl(var(--sf-c-txt-goldenrod-65)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:70, html.auto .sf-c-txt-goldenrod\:70 { color: hsl(var(--sf-c-txt-goldenrod-70)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:75, html.auto .sf-c-txt-goldenrod\:75 { color: hsl(var(--sf-c-txt-goldenrod-75)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:80, html.auto .sf-c-txt-goldenrod\:80 { color: hsl(var(--sf-c-txt-goldenrod-80)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:85, html.auto .sf-c-txt-goldenrod\:85 { color: hsl(var(--sf-c-txt-goldenrod-85)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:90, html.auto .sf-c-txt-goldenrod\:90 { color: hsl(var(--sf-c-txt-goldenrod-90)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:95, html.auto .sf-c-txt-goldenrod\:95 { color: hsl(var(--sf-c-txt-goldenrod-95)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:100, html.auto .sf-c-txt-goldenrod\:100 { color: hsl(var(--sf-c-txt-goldenrod-100)) } + + html[data-theme='auto'] .sf-c-txt-goldenrod\:dark, html.auto .sf-c-txt-goldenrod\:dark { color: hsl(var(--sf-c-txt-goldenrod)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:0\:dark, html.auto .sf-c-txt-goldenrod\:0\:dark { color: hsl(var(--sf-c-txt-goldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:5\:dark, html.auto .sf-c-txt-goldenrod\:5\:dark { color: hsl(var(--sf-c-txt-goldenrod-5)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:10\:dark, html.auto .sf-c-txt-goldenrod\:10\:dark { color: hsl(var(--sf-c-txt-goldenrod-10)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:15\:dark, html.auto .sf-c-txt-goldenrod\:15\:dark { color: hsl(var(--sf-c-txt-goldenrod-15)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:20\:dark, html.auto .sf-c-txt-goldenrod\:20\:dark { color: hsl(var(--sf-c-txt-goldenrod-20)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:25\:dark, html.auto .sf-c-txt-goldenrod\:25\:dark { color: hsl(var(--sf-c-txt-goldenrod-25)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:30\:dark, html.auto .sf-c-txt-goldenrod\:30\:dark { color: hsl(var(--sf-c-txt-goldenrod-30)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:35\:dark, html.auto .sf-c-txt-goldenrod\:35\:dark { color: hsl(var(--sf-c-txt-goldenrod-35)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:40\:dark, html.auto .sf-c-txt-goldenrod\:40\:dark { color: hsl(var(--sf-c-txt-goldenrod-40)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:45\:dark, html.auto .sf-c-txt-goldenrod\:45\:dark { color: hsl(var(--sf-c-txt-goldenrod-45)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:50\:dark, html.auto .sf-c-txt-goldenrod\:50\:dark { color: hsl(var(--sf-c-txt-goldenrod-50)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:55\:dark, html.auto .sf-c-txt-goldenrod\:55\:dark { color: hsl(var(--sf-c-txt-goldenrod-55)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:60\:dark, html.auto .sf-c-txt-goldenrod\:60\:dark { color: hsl(var(--sf-c-txt-goldenrod-60)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:65\:dark, html.auto .sf-c-txt-goldenrod\:65\:dark { color: hsl(var(--sf-c-txt-goldenrod-65)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:70\:dark, html.auto .sf-c-txt-goldenrod\:70\:dark { color: hsl(var(--sf-c-txt-goldenrod-70)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:75\:dark, html.auto .sf-c-txt-goldenrod\:75\:dark { color: hsl(var(--sf-c-txt-goldenrod-75)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:80\:dark, html.auto .sf-c-txt-goldenrod\:80\:dark { color: hsl(var(--sf-c-txt-goldenrod-80)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:85\:dark, html.auto .sf-c-txt-goldenrod\:85\:dark { color: hsl(var(--sf-c-txt-goldenrod-85)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:90\:dark, html.auto .sf-c-txt-goldenrod\:90\:dark { color: hsl(var(--sf-c-txt-goldenrod-90)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:95\:dark, html.auto .sf-c-txt-goldenrod\:95\:dark { color: hsl(var(--sf-c-txt-goldenrod-95)) } + html[data-theme='auto'] .sf-c-txt-goldenrod\:100\:dark, html.auto .sf-c-txt-goldenrod\:100\:dark { color: hsl(var(--sf-c-txt-goldenrod-100)) } + html.var[data-theme='auto'] .sf-c-goldenrod, html.var.auto .sf-c-goldenrod { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 51%) } html.var[data-theme='auto'] .sf-c-goldenrod\:0, html.var.auto .sf-c-goldenrod\:0 { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 100%) } html.var[data-theme='auto'] .sf-c-goldenrod\:5, html.var.auto .sf-c-goldenrod\:5 { color: hsl(43, 74%, 5%); background: hsl(43, 74%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-goldenrod\:100\:dark, html.var.dark .sf-c-gold html.var[data-theme='auto'] .sf-c-goldenrod\:90\:dark, html.var.auto .sf-c-goldenrod\:90\:dark { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 10%) } html.var[data-theme='auto'] .sf-c-goldenrod\:95\:dark, html.var.auto .sf-c-goldenrod\:95\:dark { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 5%) } html.var[data-theme='auto'] .sf-c-goldenrod\:100\:dark, html.var.auto .sf-c-goldenrod\:100\:dark { color: hsl(43, 74%, 95%); background: hsl(43, 74%, 0%) } -} -.sf-c-txt-goldenrod { color: hsl(var(--sf-c-txt-goldenrod)) } -.sf-c-txt-goldenrod\:0 { color: hsl(var(--sf-c-txt-goldenrod-0)) } -.sf-c-txt-goldenrod\:5 { color: hsl(var(--sf-c-txt-goldenrod-5)) } -.sf-c-txt-goldenrod\:10 { color: hsl(var(--sf-c-txt-goldenrod-10)) } -.sf-c-txt-goldenrod\:15 { color: hsl(var(--sf-c-txt-goldenrod-15)) } -.sf-c-txt-goldenrod\:20 { color: hsl(var(--sf-c-txt-goldenrod-20)) } -.sf-c-txt-goldenrod\:25 { color: hsl(var(--sf-c-txt-goldenrod-25)) } -.sf-c-txt-goldenrod\:30 { color: hsl(var(--sf-c-txt-goldenrod-30)) } -.sf-c-txt-goldenrod\:35 { color: hsl(var(--sf-c-txt-goldenrod-35)) } -.sf-c-txt-goldenrod\:40 { color: hsl(var(--sf-c-txt-goldenrod-40)) } -.sf-c-txt-goldenrod\:45 { color: hsl(var(--sf-c-txt-goldenrod-45)) } -.sf-c-txt-goldenrod\:50 { color: hsl(var(--sf-c-txt-goldenrod-50)) } -.sf-c-txt-goldenrod\:55 { color: hsl(var(--sf-c-txt-goldenrod-55)) } -.sf-c-txt-goldenrod\:60 { color: hsl(var(--sf-c-txt-goldenrod-60)) } -.sf-c-txt-goldenrod\:65 { color: hsl(var(--sf-c-txt-goldenrod-65)) } -.sf-c-txt-goldenrod\:70 { color: hsl(var(--sf-c-txt-goldenrod-70)) } -.sf-c-txt-goldenrod\:75 { color: hsl(var(--sf-c-txt-goldenrod-75)) } -.sf-c-txt-goldenrod\:80 { color: hsl(var(--sf-c-txt-goldenrod-80)) } -.sf-c-txt-goldenrod\:85 { color: hsl(var(--sf-c-txt-goldenrod-85)) } -.sf-c-txt-goldenrod\:90 { color: hsl(var(--sf-c-txt-goldenrod-90)) } -.sf-c-txt-goldenrod\:95 { color: hsl(var(--sf-c-txt-goldenrod-95)) } -.sf-c-txt-goldenrod\:100 { color: hsl(var(--sf-c-txt-goldenrod-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-goldenrod, html.auto .sf-c-txt-goldenrod { color: hsl(43, 74%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:0, html.auto .sf-c-txt-goldenrod\:0 { color: hsl(43, 74%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:5, html.auto .sf-c-txt-goldenrod\:5 { color: hsl(43, 74%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:10, html.auto .sf-c-txt-goldenrod\:10 { color: hsl(43, 74%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:15, html.auto .sf-c-txt-goldenrod\:15 { color: hsl(43, 74%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:20, html.auto .sf-c-txt-goldenrod\:20 { color: hsl(43, 74%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:25, html.auto .sf-c-txt-goldenrod\:25 { color: hsl(43, 74%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:30, html.auto .sf-c-txt-goldenrod\:30 { color: hsl(43, 74%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:35, html.auto .sf-c-txt-goldenrod\:35 { color: hsl(43, 74%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:40, html.auto .sf-c-txt-goldenrod\:40 { color: hsl(43, 74%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:45, html.auto .sf-c-txt-goldenrod\:45 { color: hsl(43, 74%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:50, html.auto .sf-c-txt-goldenrod\:50 { color: hsl(43, 74%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:55, html.auto .sf-c-txt-goldenrod\:55 { color: hsl(43, 74%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:60, html.auto .sf-c-txt-goldenrod\:60 { color: hsl(43, 74%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:65, html.auto .sf-c-txt-goldenrod\:65 { color: hsl(43, 74%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:70, html.auto .sf-c-txt-goldenrod\:70 { color: hsl(43, 74%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:75, html.auto .sf-c-txt-goldenrod\:75 { color: hsl(43, 74%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:80, html.auto .sf-c-txt-goldenrod\:80 { color: hsl(43, 74%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:85, html.auto .sf-c-txt-goldenrod\:85 { color: hsl(43, 74%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:90, html.auto .sf-c-txt-goldenrod\:90 { color: hsl(43, 74%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:95, html.auto .sf-c-txt-goldenrod\:95 { color: hsl(43, 74%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:100, html.auto .sf-c-txt-goldenrod\:100 { color: hsl(43, 74%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:dark, html.auto .sf-c-txt-goldenrod\:dark { color: hsl(43, 74%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:0\:dark, html.auto .sf-c-txt-goldenrod\:0\:dark { color: hsl(43, 74%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:5\:dark, html.auto .sf-c-txt-goldenrod\:5\:dark { color: hsl(43, 74%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:10\:dark, html.auto .sf-c-txt-goldenrod\:10\:dark { color: hsl(43, 74%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:15\:dark, html.auto .sf-c-txt-goldenrod\:15\:dark { color: hsl(43, 74%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:20\:dark, html.auto .sf-c-txt-goldenrod\:20\:dark { color: hsl(43, 74%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:25\:dark, html.auto .sf-c-txt-goldenrod\:25\:dark { color: hsl(43, 74%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:30\:dark, html.auto .sf-c-txt-goldenrod\:30\:dark { color: hsl(43, 74%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:35\:dark, html.auto .sf-c-txt-goldenrod\:35\:dark { color: hsl(43, 74%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:40\:dark, html.auto .sf-c-txt-goldenrod\:40\:dark { color: hsl(43, 74%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:45\:dark, html.auto .sf-c-txt-goldenrod\:45\:dark { color: hsl(43, 74%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:50\:dark, html.auto .sf-c-txt-goldenrod\:50\:dark { color: hsl(43, 74%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:55\:dark, html.auto .sf-c-txt-goldenrod\:55\:dark { color: hsl(43, 74%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:60\:dark, html.auto .sf-c-txt-goldenrod\:60\:dark { color: hsl(43, 74%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:65\:dark, html.auto .sf-c-txt-goldenrod\:65\:dark { color: hsl(43, 74%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:70\:dark, html.auto .sf-c-txt-goldenrod\:70\:dark { color: hsl(43, 74%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:75\:dark, html.auto .sf-c-txt-goldenrod\:75\:dark { color: hsl(43, 74%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:80\:dark, html.auto .sf-c-txt-goldenrod\:80\:dark { color: hsl(43, 74%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:85\:dark, html.auto .sf-c-txt-goldenrod\:85\:dark { color: hsl(43, 74%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:90\:dark, html.auto .sf-c-txt-goldenrod\:90\:dark { color: hsl(43, 74%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:95\:dark, html.auto .sf-c-txt-goldenrod\:95\:dark { color: hsl(43, 74%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-goldenrod\:100\:dark, html.auto .sf-c-txt-goldenrod\:100\:dark { color: hsl(43, 74%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/gray.css b/src/colors/20/gray.css index 1765ea5..86ddca0 100644 --- a/src/colors/20/gray.css +++ b/src/colors/20/gray.css @@ -138,6 +138,52 @@ html.var .sf-c-gray\:90 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } html.var .sf-c-gray\:95 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } html.var .sf-c-gray\:100 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } +.sf-c-txt-gray { color: hsl(var(--sf-dark-c-txt-gray)) } +.sf-c-txt-gray\:0 { color: hsl(var(--sf-dark-c-txt-gray-100)) } +.sf-c-txt-gray\:5 { color: hsl(var(--sf-dark-c-txt-gray-95)) } +.sf-c-txt-gray\:10 { color: hsl(var(--sf-dark-c-txt-gray-90)) } +.sf-c-txt-gray\:15 { color: hsl(var(--sf-dark-c-txt-gray-85)) } +.sf-c-txt-gray\:20 { color: hsl(var(--sf-dark-c-txt-gray-80)) } +.sf-c-txt-gray\:25 { color: hsl(var(--sf-dark-c-txt-gray-75)) } +.sf-c-txt-gray\:30 { color: hsl(var(--sf-dark-c-txt-gray-70)) } +.sf-c-txt-gray\:35 { color: hsl(var(--sf-dark-c-txt-gray-65)) } +.sf-c-txt-gray\:40 { color: hsl(var(--sf-dark-c-txt-gray-60)) } +.sf-c-txt-gray\:45 { color: hsl(var(--sf-dark-c-txt-gray-55)) } +.sf-c-txt-gray\:50 { color: hsl(var(--sf-dark-c-txt-gray-50)) } +.sf-c-txt-gray\:55 { color: hsl(var(--sf-dark-c-txt-gray-45)) } +.sf-c-txt-gray\:60 { color: hsl(var(--sf-dark-c-txt-gray-40)) } +.sf-c-txt-gray\:65 { color: hsl(var(--sf-dark-c-txt-gray-35)) } +.sf-c-txt-gray\:70 { color: hsl(var(--sf-dark-c-txt-gray-30)) } +.sf-c-txt-gray\:75 { color: hsl(var(--sf-dark-c-txt-gray-25)) } +.sf-c-txt-gray\:80 { color: hsl(var(--sf-dark-c-txt-gray-20)) } +.sf-c-txt-gray\:85 { color: hsl(var(--sf-dark-c-txt-gray-15)) } +.sf-c-txt-gray\:90 { color: hsl(var(--sf-dark-c-txt-gray-10)) } +.sf-c-txt-gray\:95 { color: hsl(var(--sf-dark-c-txt-gray-5)) } +.sf-c-txt-gray\:100 { color: hsl(var(--sf-dark-c-txt-gray-0)) } + +html.var .sf-c-txt-gray { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-gray\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-gray\:5 { color: hsl(0, 0%, 95%) } +html.var .sf-c-txt-gray\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-gray\:15 { color: hsl(0, 0%, 85%) } +html.var .sf-c-txt-gray\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-gray\:25 { color: hsl(0, 0%, 75%) } +html.var .sf-c-txt-gray\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-gray\:35 { color: hsl(0, 0%, 65%) } +html.var .sf-c-txt-gray\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-gray\:45 { color: hsl(0, 0%, 55%) } +html.var .sf-c-txt-gray\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-gray\:55 { color: hsl(0, 0%, 45%) } +html.var .sf-c-txt-gray\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-gray\:65 { color: hsl(0, 0%, 35%) } +html.var .sf-c-txt-gray\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-gray\:75 { color: hsl(0, 0%, 25%) } +html.var .sf-c-txt-gray\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-gray\:85 { color: hsl(0, 0%, 15%) } +html.var .sf-c-txt-gray\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-gray\:95 { color: hsl(0, 0%, 5%) } +html.var .sf-c-txt-gray\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-gray, html.dark .sf-c-gray { color: hsl(var(--sf-dark-c-txt-gray-95)); background: hsl(var(--sf-dark-c-gray)) } html[data-theme='dark'] .sf-c-gray\:0, html.dark .sf-c-gray\:0 { color: hsl(var(--sf-dark-c-txt-gray-95)); background: hsl(var(--sf-dark-c-gray-100)) } html[data-theme='dark'] .sf-c-gray\:5, html.dark .sf-c-gray\:5 { color: hsl(var(--sf-dark-c-txt-gray-5)); background: hsl(var(--sf-dark-c-gray-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-gray\:90\:dark, html.dark .sf-c-gray\:90\:dark { c html[data-theme='dark'] .sf-c-gray\:95\:dark, html.dark .sf-c-gray\:95\:dark { color: hsl(var(--sf-c-txt-gray-95)); background: hsl(var(--sf-c-gray-5)) } html[data-theme='dark'] .sf-c-gray\:100\:dark, html.dark .sf-c-gray\:100\:dark { color: hsl(var(--sf-c-txt-gray-95)); background: hsl(var(--sf-c-gray-0)) } +html[data-theme='dark'] .sf-c-txt-gray, html.dark .sf-c-txt-gray { color: hsl(var(--sf-c-txt-gray)) } +html[data-theme='dark'] .sf-c-txt-gray\:0, html.dark .sf-c-txt-gray\:0 { color: hsl(var(--sf-c-txt-gray-0)) } +html[data-theme='dark'] .sf-c-txt-gray\:5, html.dark .sf-c-txt-gray\:5 { color: hsl(var(--sf-c-txt-gray-5)) } +html[data-theme='dark'] .sf-c-txt-gray\:10, html.dark .sf-c-txt-gray\:10 { color: hsl(var(--sf-c-txt-gray-10)) } +html[data-theme='dark'] .sf-c-txt-gray\:15, html.dark .sf-c-txt-gray\:15 { color: hsl(var(--sf-c-txt-gray-15)) } +html[data-theme='dark'] .sf-c-txt-gray\:20, html.dark .sf-c-txt-gray\:20 { color: hsl(var(--sf-c-txt-gray-20)) } +html[data-theme='dark'] .sf-c-txt-gray\:25, html.dark .sf-c-txt-gray\:25 { color: hsl(var(--sf-c-txt-gray-25)) } +html[data-theme='dark'] .sf-c-txt-gray\:30, html.dark .sf-c-txt-gray\:30 { color: hsl(var(--sf-c-txt-gray-30)) } +html[data-theme='dark'] .sf-c-txt-gray\:35, html.dark .sf-c-txt-gray\:35 { color: hsl(var(--sf-c-txt-gray-35)) } +html[data-theme='dark'] .sf-c-txt-gray\:40, html.dark .sf-c-txt-gray\:40 { color: hsl(var(--sf-c-txt-gray-40)) } +html[data-theme='dark'] .sf-c-txt-gray\:45, html.dark .sf-c-txt-gray\:45 { color: hsl(var(--sf-c-txt-gray-45)) } +html[data-theme='dark'] .sf-c-txt-gray\:50, html.dark .sf-c-txt-gray\:50 { color: hsl(var(--sf-c-txt-gray-50)) } +html[data-theme='dark'] .sf-c-txt-gray\:55, html.dark .sf-c-txt-gray\:55 { color: hsl(var(--sf-c-txt-gray-55)) } +html[data-theme='dark'] .sf-c-txt-gray\:60, html.dark .sf-c-txt-gray\:60 { color: hsl(var(--sf-c-txt-gray-60)) } +html[data-theme='dark'] .sf-c-txt-gray\:65, html.dark .sf-c-txt-gray\:65 { color: hsl(var(--sf-c-txt-gray-65)) } +html[data-theme='dark'] .sf-c-txt-gray\:70, html.dark .sf-c-txt-gray\:70 { color: hsl(var(--sf-c-txt-gray-70)) } +html[data-theme='dark'] .sf-c-txt-gray\:75, html.dark .sf-c-txt-gray\:75 { color: hsl(var(--sf-c-txt-gray-75)) } +html[data-theme='dark'] .sf-c-txt-gray\:80, html.dark .sf-c-txt-gray\:80 { color: hsl(var(--sf-c-txt-gray-80)) } +html[data-theme='dark'] .sf-c-txt-gray\:85, html.dark .sf-c-txt-gray\:85 { color: hsl(var(--sf-c-txt-gray-85)) } +html[data-theme='dark'] .sf-c-txt-gray\:90, html.dark .sf-c-txt-gray\:90 { color: hsl(var(--sf-c-txt-gray-90)) } +html[data-theme='dark'] .sf-c-txt-gray\:95, html.dark .sf-c-txt-gray\:95 { color: hsl(var(--sf-c-txt-gray-95)) } +html[data-theme='dark'] .sf-c-txt-gray\:100, html.dark .sf-c-txt-gray\:100 { color: hsl(var(--sf-c-txt-gray-100)) } + +html[data-theme='dark'] .sf-c-txt-gray\:dark, html.dark .sf-c-txt-gray\:dark { color: hsl(var(--sf-c-txt-gray)) } +html[data-theme='dark'] .sf-c-txt-gray\:0\:dark, html.dark .sf-c-txt-gray\:0\:dark { color: hsl(var(--sf-dark-c-txt-gray-0)) } +html[data-theme='dark'] .sf-c-txt-gray\:5\:dark, html.dark .sf-c-txt-gray\:5\:dark { color: hsl(var(--sf-dark-c-txt-gray-5)) } +html[data-theme='dark'] .sf-c-txt-gray\:10\:dark, html.dark .sf-c-txt-gray\:10\:dark { color: hsl(var(--sf-dark-c-txt-gray-10)) } +html[data-theme='dark'] .sf-c-txt-gray\:15\:dark, html.dark .sf-c-txt-gray\:15\:dark { color: hsl(var(--sf-dark-c-txt-gray-15)) } +html[data-theme='dark'] .sf-c-txt-gray\:20\:dark, html.dark .sf-c-txt-gray\:20\:dark { color: hsl(var(--sf-dark-c-txt-gray-20)) } +html[data-theme='dark'] .sf-c-txt-gray\:25\:dark, html.dark .sf-c-txt-gray\:25\:dark { color: hsl(var(--sf-dark-c-txt-gray-25)) } +html[data-theme='dark'] .sf-c-txt-gray\:30\:dark, html.dark .sf-c-txt-gray\:30\:dark { color: hsl(var(--sf-dark-c-txt-gray-30)) } +html[data-theme='dark'] .sf-c-txt-gray\:35\:dark, html.dark .sf-c-txt-gray\:35\:dark { color: hsl(var(--sf-dark-c-txt-gray-35)) } +html[data-theme='dark'] .sf-c-txt-gray\:40\:dark, html.dark .sf-c-txt-gray\:40\:dark { color: hsl(var(--sf-dark-c-txt-gray-40)) } +html[data-theme='dark'] .sf-c-txt-gray\:45\:dark, html.dark .sf-c-txt-gray\:45\:dark { color: hsl(var(--sf-dark-c-txt-gray-45)) } +html[data-theme='dark'] .sf-c-txt-gray\:50\:dark, html.dark .sf-c-txt-gray\:50\:dark { color: hsl(var(--sf-dark-c-txt-gray-50)) } +html[data-theme='dark'] .sf-c-txt-gray\:55\:dark, html.dark .sf-c-txt-gray\:55\:dark { color: hsl(var(--sf-dark-c-txt-gray-55)) } +html[data-theme='dark'] .sf-c-txt-gray\:60\:dark, html.dark .sf-c-txt-gray\:60\:dark { color: hsl(var(--sf-dark-c-txt-gray-60)) } +html[data-theme='dark'] .sf-c-txt-gray\:65\:dark, html.dark .sf-c-txt-gray\:65\:dark { color: hsl(var(--sf-dark-c-txt-gray-65)) } +html[data-theme='dark'] .sf-c-txt-gray\:70\:dark, html.dark .sf-c-txt-gray\:70\:dark { color: hsl(var(--sf-dark-c-txt-gray-70)) } +html[data-theme='dark'] .sf-c-txt-gray\:75\:dark, html.dark .sf-c-txt-gray\:75\:dark { color: hsl(var(--sf-dark-c-txt-gray-75)) } +html[data-theme='dark'] .sf-c-txt-gray\:80\:dark, html.dark .sf-c-txt-gray\:80\:dark { color: hsl(var(--sf-dark-c-txt-gray-80)) } +html[data-theme='dark'] .sf-c-txt-gray\:85\:dark, html.dark .sf-c-txt-gray\:85\:dark { color: hsl(var(--sf-dark-c-txt-gray-85)) } +html[data-theme='dark'] .sf-c-txt-gray\:90\:dark, html.dark .sf-c-txt-gray\:90\:dark { color: hsl(var(--sf-dark-c-txt-gray-90)) } +html[data-theme='dark'] .sf-c-txt-gray\:95\:dark, html.dark .sf-c-txt-gray\:95\:dark { color: hsl(var(--sf-dark-c-txt-gray-95)) } +html[data-theme='dark'] .sf-c-txt-gray\:100\:dark, html.dark .sf-c-txt-gray\:100\:dark { color: hsl(var(--sf-dark-c-txt-gray-100)) } + html.var[data-theme='dark'] .sf-c-gray, html.var.dark .sf-c-gray { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } html.var[data-theme='dark'] .sf-c-gray\:0, html.var.dark .sf-c-gray\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-gray\:5, html.var.dark .sf-c-gray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-gray\:90\:dark, html.var.dark .sf-c-gray\:90\: html.var[data-theme='dark'] .sf-c-gray\:95\:dark, html.var.dark .sf-c-gray\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='dark'] .sf-c-gray\:100\:dark, html.var.dark .sf-c-gray\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gray, html.dark .sf-c-txt-gray { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:0, html.dark .sf-c-txt-gray\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:5, html.dark .sf-c-txt-gray\:5 { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:10, html.dark .sf-c-txt-gray\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:15, html.dark .sf-c-txt-gray\:15 { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:20, html.dark .sf-c-txt-gray\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:25, html.dark .sf-c-txt-gray\:25 { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:30, html.dark .sf-c-txt-gray\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:35, html.dark .sf-c-txt-gray\:35 { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:40, html.dark .sf-c-txt-gray\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:45, html.dark .sf-c-txt-gray\:45 { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:50, html.dark .sf-c-txt-gray\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:55, html.dark .sf-c-txt-gray\:55 { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:60, html.dark .sf-c-txt-gray\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:65, html.dark .sf-c-txt-gray\:65 { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:70, html.dark .sf-c-txt-gray\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:75, html.dark .sf-c-txt-gray\:75 { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:80, html.dark .sf-c-txt-gray\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:85, html.dark .sf-c-txt-gray\:85 { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:90, html.dark .sf-c-txt-gray\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:95, html.dark .sf-c-txt-gray\:95 { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:100, html.dark .sf-c-txt-gray\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-gray\:dark, html.dark .sf-c-txt-gray\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:0\:dark, html.dark .sf-c-txt-gray\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:5\:dark, html.dark .sf-c-txt-gray\:5\:dark { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:10\:dark, html.dark .sf-c-txt-gray\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:15\:dark, html.dark .sf-c-txt-gray\:15\:dark { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:20\:dark, html.dark .sf-c-txt-gray\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:25\:dark, html.dark .sf-c-txt-gray\:25\:dark { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:30\:dark, html.dark .sf-c-txt-gray\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:35\:dark, html.dark .sf-c-txt-gray\:35\:dark { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:40\:dark, html.dark .sf-c-txt-gray\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:45\:dark, html.dark .sf-c-txt-gray\:45\:dark { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:50\:dark, html.dark .sf-c-txt-gray\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:55\:dark, html.dark .sf-c-txt-gray\:55\:dark { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:60\:dark, html.dark .sf-c-txt-gray\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:65\:dark, html.dark .sf-c-txt-gray\:65\:dark { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:70\:dark, html.dark .sf-c-txt-gray\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:75\:dark, html.dark .sf-c-txt-gray\:75\:dark { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:80\:dark, html.dark .sf-c-txt-gray\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:85\:dark, html.dark .sf-c-txt-gray\:85\:dark { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:90\:dark, html.dark .sf-c-txt-gray\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:95\:dark, html.dark .sf-c-txt-gray\:95\:dark { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-gray\:100\:dark, html.dark .sf-c-txt-gray\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-gray, html.auto .sf-c-gray { color: hsl(var(--sf-dark-c-txt-gray-95)); background: hsl(var(--sf-dark-c-gray)) } html[data-theme='auto'] .sf-c-gray\:0, html.auto .sf-c-gray\:0 { color: hsl(var(--sf-dark-c-txt-gray-95)); background: hsl(var(--sf-dark-c-gray-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-gray\:100\:dark, html.var.dark .sf-c-gray\:100 html[data-theme='auto'] .sf-c-gray\:95\:dark, html.auto .sf-c-gray\:95\:dark { color: hsl(var(--sf-c-txt-gray-95)); background: hsl(var(--sf-c-gray-5)) } html[data-theme='auto'] .sf-c-gray\:100\:dark, html.auto .sf-c-gray\:100\:dark { color: hsl(var(--sf-c-txt-gray-95)); background: hsl(var(--sf-c-gray-0)) } + html[data-theme='auto'] .sf-c-txt-gray, html.auto .sf-c-txt-gray { color: hsl(var(--sf-c-txt-gray)) } + html[data-theme='auto'] .sf-c-txt-gray\:0, html.auto .sf-c-txt-gray\:0 { color: hsl(var(--sf-c-txt-gray-0)) } + html[data-theme='auto'] .sf-c-txt-gray\:5, html.auto .sf-c-txt-gray\:5 { color: hsl(var(--sf-c-txt-gray-5)) } + html[data-theme='auto'] .sf-c-txt-gray\:10, html.auto .sf-c-txt-gray\:10 { color: hsl(var(--sf-c-txt-gray-10)) } + html[data-theme='auto'] .sf-c-txt-gray\:15, html.auto .sf-c-txt-gray\:15 { color: hsl(var(--sf-c-txt-gray-15)) } + html[data-theme='auto'] .sf-c-txt-gray\:20, html.auto .sf-c-txt-gray\:20 { color: hsl(var(--sf-c-txt-gray-20)) } + html[data-theme='auto'] .sf-c-txt-gray\:25, html.auto .sf-c-txt-gray\:25 { color: hsl(var(--sf-c-txt-gray-25)) } + html[data-theme='auto'] .sf-c-txt-gray\:30, html.auto .sf-c-txt-gray\:30 { color: hsl(var(--sf-c-txt-gray-30)) } + html[data-theme='auto'] .sf-c-txt-gray\:35, html.auto .sf-c-txt-gray\:35 { color: hsl(var(--sf-c-txt-gray-35)) } + html[data-theme='auto'] .sf-c-txt-gray\:40, html.auto .sf-c-txt-gray\:40 { color: hsl(var(--sf-c-txt-gray-40)) } + html[data-theme='auto'] .sf-c-txt-gray\:45, html.auto .sf-c-txt-gray\:45 { color: hsl(var(--sf-c-txt-gray-45)) } + html[data-theme='auto'] .sf-c-txt-gray\:50, html.auto .sf-c-txt-gray\:50 { color: hsl(var(--sf-c-txt-gray-50)) } + html[data-theme='auto'] .sf-c-txt-gray\:55, html.auto .sf-c-txt-gray\:55 { color: hsl(var(--sf-c-txt-gray-55)) } + html[data-theme='auto'] .sf-c-txt-gray\:60, html.auto .sf-c-txt-gray\:60 { color: hsl(var(--sf-c-txt-gray-60)) } + html[data-theme='auto'] .sf-c-txt-gray\:65, html.auto .sf-c-txt-gray\:65 { color: hsl(var(--sf-c-txt-gray-65)) } + html[data-theme='auto'] .sf-c-txt-gray\:70, html.auto .sf-c-txt-gray\:70 { color: hsl(var(--sf-c-txt-gray-70)) } + html[data-theme='auto'] .sf-c-txt-gray\:75, html.auto .sf-c-txt-gray\:75 { color: hsl(var(--sf-c-txt-gray-75)) } + html[data-theme='auto'] .sf-c-txt-gray\:80, html.auto .sf-c-txt-gray\:80 { color: hsl(var(--sf-c-txt-gray-80)) } + html[data-theme='auto'] .sf-c-txt-gray\:85, html.auto .sf-c-txt-gray\:85 { color: hsl(var(--sf-c-txt-gray-85)) } + html[data-theme='auto'] .sf-c-txt-gray\:90, html.auto .sf-c-txt-gray\:90 { color: hsl(var(--sf-c-txt-gray-90)) } + html[data-theme='auto'] .sf-c-txt-gray\:95, html.auto .sf-c-txt-gray\:95 { color: hsl(var(--sf-c-txt-gray-95)) } + html[data-theme='auto'] .sf-c-txt-gray\:100, html.auto .sf-c-txt-gray\:100 { color: hsl(var(--sf-c-txt-gray-100)) } + + html[data-theme='auto'] .sf-c-txt-gray\:dark, html.auto .sf-c-txt-gray\:dark { color: hsl(var(--sf-c-txt-gray)) } + html[data-theme='auto'] .sf-c-txt-gray\:0\:dark, html.auto .sf-c-txt-gray\:0\:dark { color: hsl(var(--sf-c-txt-gray-0)) } + html[data-theme='auto'] .sf-c-txt-gray\:5\:dark, html.auto .sf-c-txt-gray\:5\:dark { color: hsl(var(--sf-c-txt-gray-5)) } + html[data-theme='auto'] .sf-c-txt-gray\:10\:dark, html.auto .sf-c-txt-gray\:10\:dark { color: hsl(var(--sf-c-txt-gray-10)) } + html[data-theme='auto'] .sf-c-txt-gray\:15\:dark, html.auto .sf-c-txt-gray\:15\:dark { color: hsl(var(--sf-c-txt-gray-15)) } + html[data-theme='auto'] .sf-c-txt-gray\:20\:dark, html.auto .sf-c-txt-gray\:20\:dark { color: hsl(var(--sf-c-txt-gray-20)) } + html[data-theme='auto'] .sf-c-txt-gray\:25\:dark, html.auto .sf-c-txt-gray\:25\:dark { color: hsl(var(--sf-c-txt-gray-25)) } + html[data-theme='auto'] .sf-c-txt-gray\:30\:dark, html.auto .sf-c-txt-gray\:30\:dark { color: hsl(var(--sf-c-txt-gray-30)) } + html[data-theme='auto'] .sf-c-txt-gray\:35\:dark, html.auto .sf-c-txt-gray\:35\:dark { color: hsl(var(--sf-c-txt-gray-35)) } + html[data-theme='auto'] .sf-c-txt-gray\:40\:dark, html.auto .sf-c-txt-gray\:40\:dark { color: hsl(var(--sf-c-txt-gray-40)) } + html[data-theme='auto'] .sf-c-txt-gray\:45\:dark, html.auto .sf-c-txt-gray\:45\:dark { color: hsl(var(--sf-c-txt-gray-45)) } + html[data-theme='auto'] .sf-c-txt-gray\:50\:dark, html.auto .sf-c-txt-gray\:50\:dark { color: hsl(var(--sf-c-txt-gray-50)) } + html[data-theme='auto'] .sf-c-txt-gray\:55\:dark, html.auto .sf-c-txt-gray\:55\:dark { color: hsl(var(--sf-c-txt-gray-55)) } + html[data-theme='auto'] .sf-c-txt-gray\:60\:dark, html.auto .sf-c-txt-gray\:60\:dark { color: hsl(var(--sf-c-txt-gray-60)) } + html[data-theme='auto'] .sf-c-txt-gray\:65\:dark, html.auto .sf-c-txt-gray\:65\:dark { color: hsl(var(--sf-c-txt-gray-65)) } + html[data-theme='auto'] .sf-c-txt-gray\:70\:dark, html.auto .sf-c-txt-gray\:70\:dark { color: hsl(var(--sf-c-txt-gray-70)) } + html[data-theme='auto'] .sf-c-txt-gray\:75\:dark, html.auto .sf-c-txt-gray\:75\:dark { color: hsl(var(--sf-c-txt-gray-75)) } + html[data-theme='auto'] .sf-c-txt-gray\:80\:dark, html.auto .sf-c-txt-gray\:80\:dark { color: hsl(var(--sf-c-txt-gray-80)) } + html[data-theme='auto'] .sf-c-txt-gray\:85\:dark, html.auto .sf-c-txt-gray\:85\:dark { color: hsl(var(--sf-c-txt-gray-85)) } + html[data-theme='auto'] .sf-c-txt-gray\:90\:dark, html.auto .sf-c-txt-gray\:90\:dark { color: hsl(var(--sf-c-txt-gray-90)) } + html[data-theme='auto'] .sf-c-txt-gray\:95\:dark, html.auto .sf-c-txt-gray\:95\:dark { color: hsl(var(--sf-c-txt-gray-95)) } + html[data-theme='auto'] .sf-c-txt-gray\:100\:dark, html.auto .sf-c-txt-gray\:100\:dark { color: hsl(var(--sf-c-txt-gray-100)) } + html.var[data-theme='auto'] .sf-c-gray, html.var.auto .sf-c-gray { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } html.var[data-theme='auto'] .sf-c-gray\:0, html.var.auto .sf-c-gray\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-gray\:5, html.var.auto .sf-c-gray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-gray\:100\:dark, html.var.dark .sf-c-gray\:100 html.var[data-theme='auto'] .sf-c-gray\:90\:dark, html.var.auto .sf-c-gray\:90\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-gray\:95\:dark, html.var.auto .sf-c-gray\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='auto'] .sf-c-gray\:100\:dark, html.var.auto .sf-c-gray\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-gray { color: hsl(var(--sf-c-txt-gray)) } -.sf-c-txt-gray\:0 { color: hsl(var(--sf-c-txt-gray-0)) } -.sf-c-txt-gray\:5 { color: hsl(var(--sf-c-txt-gray-5)) } -.sf-c-txt-gray\:10 { color: hsl(var(--sf-c-txt-gray-10)) } -.sf-c-txt-gray\:15 { color: hsl(var(--sf-c-txt-gray-15)) } -.sf-c-txt-gray\:20 { color: hsl(var(--sf-c-txt-gray-20)) } -.sf-c-txt-gray\:25 { color: hsl(var(--sf-c-txt-gray-25)) } -.sf-c-txt-gray\:30 { color: hsl(var(--sf-c-txt-gray-30)) } -.sf-c-txt-gray\:35 { color: hsl(var(--sf-c-txt-gray-35)) } -.sf-c-txt-gray\:40 { color: hsl(var(--sf-c-txt-gray-40)) } -.sf-c-txt-gray\:45 { color: hsl(var(--sf-c-txt-gray-45)) } -.sf-c-txt-gray\:50 { color: hsl(var(--sf-c-txt-gray-50)) } -.sf-c-txt-gray\:55 { color: hsl(var(--sf-c-txt-gray-55)) } -.sf-c-txt-gray\:60 { color: hsl(var(--sf-c-txt-gray-60)) } -.sf-c-txt-gray\:65 { color: hsl(var(--sf-c-txt-gray-65)) } -.sf-c-txt-gray\:70 { color: hsl(var(--sf-c-txt-gray-70)) } -.sf-c-txt-gray\:75 { color: hsl(var(--sf-c-txt-gray-75)) } -.sf-c-txt-gray\:80 { color: hsl(var(--sf-c-txt-gray-80)) } -.sf-c-txt-gray\:85 { color: hsl(var(--sf-c-txt-gray-85)) } -.sf-c-txt-gray\:90 { color: hsl(var(--sf-c-txt-gray-90)) } -.sf-c-txt-gray\:95 { color: hsl(var(--sf-c-txt-gray-95)) } -.sf-c-txt-gray\:100 { color: hsl(var(--sf-c-txt-gray-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-gray, html.auto .sf-c-txt-gray { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:0, html.auto .sf-c-txt-gray\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:5, html.auto .sf-c-txt-gray\:5 { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:10, html.auto .sf-c-txt-gray\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:15, html.auto .sf-c-txt-gray\:15 { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:20, html.auto .sf-c-txt-gray\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:25, html.auto .sf-c-txt-gray\:25 { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:30, html.auto .sf-c-txt-gray\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:35, html.auto .sf-c-txt-gray\:35 { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:40, html.auto .sf-c-txt-gray\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:45, html.auto .sf-c-txt-gray\:45 { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:50, html.auto .sf-c-txt-gray\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:55, html.auto .sf-c-txt-gray\:55 { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:60, html.auto .sf-c-txt-gray\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:65, html.auto .sf-c-txt-gray\:65 { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:70, html.auto .sf-c-txt-gray\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:75, html.auto .sf-c-txt-gray\:75 { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:80, html.auto .sf-c-txt-gray\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:85, html.auto .sf-c-txt-gray\:85 { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:90, html.auto .sf-c-txt-gray\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:95, html.auto .sf-c-txt-gray\:95 { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:100, html.auto .sf-c-txt-gray\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-gray\:dark, html.auto .sf-c-txt-gray\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:0\:dark, html.auto .sf-c-txt-gray\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:5\:dark, html.auto .sf-c-txt-gray\:5\:dark { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:10\:dark, html.auto .sf-c-txt-gray\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:15\:dark, html.auto .sf-c-txt-gray\:15\:dark { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:20\:dark, html.auto .sf-c-txt-gray\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:25\:dark, html.auto .sf-c-txt-gray\:25\:dark { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:30\:dark, html.auto .sf-c-txt-gray\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:35\:dark, html.auto .sf-c-txt-gray\:35\:dark { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:40\:dark, html.auto .sf-c-txt-gray\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:45\:dark, html.auto .sf-c-txt-gray\:45\:dark { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:50\:dark, html.auto .sf-c-txt-gray\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:55\:dark, html.auto .sf-c-txt-gray\:55\:dark { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:60\:dark, html.auto .sf-c-txt-gray\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:65\:dark, html.auto .sf-c-txt-gray\:65\:dark { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:70\:dark, html.auto .sf-c-txt-gray\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:75\:dark, html.auto .sf-c-txt-gray\:75\:dark { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:80\:dark, html.auto .sf-c-txt-gray\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:85\:dark, html.auto .sf-c-txt-gray\:85\:dark { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:90\:dark, html.auto .sf-c-txt-gray\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:95\:dark, html.auto .sf-c-txt-gray\:95\:dark { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-gray\:100\:dark, html.auto .sf-c-txt-gray\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/green.css b/src/colors/20/green.css index 2c30528..a53567a 100644 --- a/src/colors/20/green.css +++ b/src/colors/20/green.css @@ -138,6 +138,52 @@ html.var .sf-c-green\:90 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, html.var .sf-c-green\:95 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } html.var .sf-c-green\:100 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } +.sf-c-txt-green { color: hsl(var(--sf-dark-c-txt-green)) } +.sf-c-txt-green\:0 { color: hsl(var(--sf-dark-c-txt-green-100)) } +.sf-c-txt-green\:5 { color: hsl(var(--sf-dark-c-txt-green-95)) } +.sf-c-txt-green\:10 { color: hsl(var(--sf-dark-c-txt-green-90)) } +.sf-c-txt-green\:15 { color: hsl(var(--sf-dark-c-txt-green-85)) } +.sf-c-txt-green\:20 { color: hsl(var(--sf-dark-c-txt-green-80)) } +.sf-c-txt-green\:25 { color: hsl(var(--sf-dark-c-txt-green-75)) } +.sf-c-txt-green\:30 { color: hsl(var(--sf-dark-c-txt-green-70)) } +.sf-c-txt-green\:35 { color: hsl(var(--sf-dark-c-txt-green-65)) } +.sf-c-txt-green\:40 { color: hsl(var(--sf-dark-c-txt-green-60)) } +.sf-c-txt-green\:45 { color: hsl(var(--sf-dark-c-txt-green-55)) } +.sf-c-txt-green\:50 { color: hsl(var(--sf-dark-c-txt-green-50)) } +.sf-c-txt-green\:55 { color: hsl(var(--sf-dark-c-txt-green-45)) } +.sf-c-txt-green\:60 { color: hsl(var(--sf-dark-c-txt-green-40)) } +.sf-c-txt-green\:65 { color: hsl(var(--sf-dark-c-txt-green-35)) } +.sf-c-txt-green\:70 { color: hsl(var(--sf-dark-c-txt-green-30)) } +.sf-c-txt-green\:75 { color: hsl(var(--sf-dark-c-txt-green-25)) } +.sf-c-txt-green\:80 { color: hsl(var(--sf-dark-c-txt-green-20)) } +.sf-c-txt-green\:85 { color: hsl(var(--sf-dark-c-txt-green-15)) } +.sf-c-txt-green\:90 { color: hsl(var(--sf-dark-c-txt-green-10)) } +.sf-c-txt-green\:95 { color: hsl(var(--sf-dark-c-txt-green-5)) } +.sf-c-txt-green\:100 { color: hsl(var(--sf-dark-c-txt-green-0)) } + +html.var .sf-c-txt-green { color: hsl(120, 100%, 75%) } +html.var .sf-c-txt-green\:0 { color: hsl(120, 100%, 100%) } +html.var .sf-c-txt-green\:5 { color: hsl(120, 100%, 95%) } +html.var .sf-c-txt-green\:10 { color: hsl(120, 100%, 90%) } +html.var .sf-c-txt-green\:15 { color: hsl(120, 100%, 85%) } +html.var .sf-c-txt-green\:20 { color: hsl(120, 100%, 80%) } +html.var .sf-c-txt-green\:25 { color: hsl(120, 100%, 75%) } +html.var .sf-c-txt-green\:30 { color: hsl(120, 100%, 70%) } +html.var .sf-c-txt-green\:35 { color: hsl(120, 100%, 65%) } +html.var .sf-c-txt-green\:40 { color: hsl(120, 100%, 60%) } +html.var .sf-c-txt-green\:45 { color: hsl(120, 100%, 55%) } +html.var .sf-c-txt-green\:50 { color: hsl(120, 100%, 50%) } +html.var .sf-c-txt-green\:55 { color: hsl(120, 100%, 45%) } +html.var .sf-c-txt-green\:60 { color: hsl(120, 100%, 40%) } +html.var .sf-c-txt-green\:65 { color: hsl(120, 100%, 35%) } +html.var .sf-c-txt-green\:70 { color: hsl(120, 100%, 30%) } +html.var .sf-c-txt-green\:75 { color: hsl(120, 100%, 25%) } +html.var .sf-c-txt-green\:80 { color: hsl(120, 100%, 20%) } +html.var .sf-c-txt-green\:85 { color: hsl(120, 100%, 15%) } +html.var .sf-c-txt-green\:90 { color: hsl(120, 100%, 10%) } +html.var .sf-c-txt-green\:95 { color: hsl(120, 100%, 5%) } +html.var .sf-c-txt-green\:100 { color: hsl(120, 100%, 0%) } + html[data-theme='dark'] .sf-c-green, html.dark .sf-c-green { color: hsl(var(--sf-dark-c-txt-green-5)); background: hsl(var(--sf-dark-c-green)) } html[data-theme='dark'] .sf-c-green\:0, html.dark .sf-c-green\:0 { color: hsl(var(--sf-dark-c-txt-green-95)); background: hsl(var(--sf-dark-c-green-100)) } html[data-theme='dark'] .sf-c-green\:5, html.dark .sf-c-green\:5 { color: hsl(var(--sf-dark-c-txt-green-5)); background: hsl(var(--sf-dark-c-green-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-green\:90\:dark, html.dark .sf-c-green\:90\:dark { html[data-theme='dark'] .sf-c-green\:95\:dark, html.dark .sf-c-green\:95\:dark { color: hsl(var(--sf-c-txt-green-95)); background: hsl(var(--sf-c-green-5)) } html[data-theme='dark'] .sf-c-green\:100\:dark, html.dark .sf-c-green\:100\:dark { color: hsl(var(--sf-c-txt-green-95)); background: hsl(var(--sf-c-green-0)) } +html[data-theme='dark'] .sf-c-txt-green, html.dark .sf-c-txt-green { color: hsl(var(--sf-c-txt-green)) } +html[data-theme='dark'] .sf-c-txt-green\:0, html.dark .sf-c-txt-green\:0 { color: hsl(var(--sf-c-txt-green-0)) } +html[data-theme='dark'] .sf-c-txt-green\:5, html.dark .sf-c-txt-green\:5 { color: hsl(var(--sf-c-txt-green-5)) } +html[data-theme='dark'] .sf-c-txt-green\:10, html.dark .sf-c-txt-green\:10 { color: hsl(var(--sf-c-txt-green-10)) } +html[data-theme='dark'] .sf-c-txt-green\:15, html.dark .sf-c-txt-green\:15 { color: hsl(var(--sf-c-txt-green-15)) } +html[data-theme='dark'] .sf-c-txt-green\:20, html.dark .sf-c-txt-green\:20 { color: hsl(var(--sf-c-txt-green-20)) } +html[data-theme='dark'] .sf-c-txt-green\:25, html.dark .sf-c-txt-green\:25 { color: hsl(var(--sf-c-txt-green-25)) } +html[data-theme='dark'] .sf-c-txt-green\:30, html.dark .sf-c-txt-green\:30 { color: hsl(var(--sf-c-txt-green-30)) } +html[data-theme='dark'] .sf-c-txt-green\:35, html.dark .sf-c-txt-green\:35 { color: hsl(var(--sf-c-txt-green-35)) } +html[data-theme='dark'] .sf-c-txt-green\:40, html.dark .sf-c-txt-green\:40 { color: hsl(var(--sf-c-txt-green-40)) } +html[data-theme='dark'] .sf-c-txt-green\:45, html.dark .sf-c-txt-green\:45 { color: hsl(var(--sf-c-txt-green-45)) } +html[data-theme='dark'] .sf-c-txt-green\:50, html.dark .sf-c-txt-green\:50 { color: hsl(var(--sf-c-txt-green-50)) } +html[data-theme='dark'] .sf-c-txt-green\:55, html.dark .sf-c-txt-green\:55 { color: hsl(var(--sf-c-txt-green-55)) } +html[data-theme='dark'] .sf-c-txt-green\:60, html.dark .sf-c-txt-green\:60 { color: hsl(var(--sf-c-txt-green-60)) } +html[data-theme='dark'] .sf-c-txt-green\:65, html.dark .sf-c-txt-green\:65 { color: hsl(var(--sf-c-txt-green-65)) } +html[data-theme='dark'] .sf-c-txt-green\:70, html.dark .sf-c-txt-green\:70 { color: hsl(var(--sf-c-txt-green-70)) } +html[data-theme='dark'] .sf-c-txt-green\:75, html.dark .sf-c-txt-green\:75 { color: hsl(var(--sf-c-txt-green-75)) } +html[data-theme='dark'] .sf-c-txt-green\:80, html.dark .sf-c-txt-green\:80 { color: hsl(var(--sf-c-txt-green-80)) } +html[data-theme='dark'] .sf-c-txt-green\:85, html.dark .sf-c-txt-green\:85 { color: hsl(var(--sf-c-txt-green-85)) } +html[data-theme='dark'] .sf-c-txt-green\:90, html.dark .sf-c-txt-green\:90 { color: hsl(var(--sf-c-txt-green-90)) } +html[data-theme='dark'] .sf-c-txt-green\:95, html.dark .sf-c-txt-green\:95 { color: hsl(var(--sf-c-txt-green-95)) } +html[data-theme='dark'] .sf-c-txt-green\:100, html.dark .sf-c-txt-green\:100 { color: hsl(var(--sf-c-txt-green-100)) } + +html[data-theme='dark'] .sf-c-txt-green\:dark, html.dark .sf-c-txt-green\:dark { color: hsl(var(--sf-c-txt-green)) } +html[data-theme='dark'] .sf-c-txt-green\:0\:dark, html.dark .sf-c-txt-green\:0\:dark { color: hsl(var(--sf-dark-c-txt-green-0)) } +html[data-theme='dark'] .sf-c-txt-green\:5\:dark, html.dark .sf-c-txt-green\:5\:dark { color: hsl(var(--sf-dark-c-txt-green-5)) } +html[data-theme='dark'] .sf-c-txt-green\:10\:dark, html.dark .sf-c-txt-green\:10\:dark { color: hsl(var(--sf-dark-c-txt-green-10)) } +html[data-theme='dark'] .sf-c-txt-green\:15\:dark, html.dark .sf-c-txt-green\:15\:dark { color: hsl(var(--sf-dark-c-txt-green-15)) } +html[data-theme='dark'] .sf-c-txt-green\:20\:dark, html.dark .sf-c-txt-green\:20\:dark { color: hsl(var(--sf-dark-c-txt-green-20)) } +html[data-theme='dark'] .sf-c-txt-green\:25\:dark, html.dark .sf-c-txt-green\:25\:dark { color: hsl(var(--sf-dark-c-txt-green-25)) } +html[data-theme='dark'] .sf-c-txt-green\:30\:dark, html.dark .sf-c-txt-green\:30\:dark { color: hsl(var(--sf-dark-c-txt-green-30)) } +html[data-theme='dark'] .sf-c-txt-green\:35\:dark, html.dark .sf-c-txt-green\:35\:dark { color: hsl(var(--sf-dark-c-txt-green-35)) } +html[data-theme='dark'] .sf-c-txt-green\:40\:dark, html.dark .sf-c-txt-green\:40\:dark { color: hsl(var(--sf-dark-c-txt-green-40)) } +html[data-theme='dark'] .sf-c-txt-green\:45\:dark, html.dark .sf-c-txt-green\:45\:dark { color: hsl(var(--sf-dark-c-txt-green-45)) } +html[data-theme='dark'] .sf-c-txt-green\:50\:dark, html.dark .sf-c-txt-green\:50\:dark { color: hsl(var(--sf-dark-c-txt-green-50)) } +html[data-theme='dark'] .sf-c-txt-green\:55\:dark, html.dark .sf-c-txt-green\:55\:dark { color: hsl(var(--sf-dark-c-txt-green-55)) } +html[data-theme='dark'] .sf-c-txt-green\:60\:dark, html.dark .sf-c-txt-green\:60\:dark { color: hsl(var(--sf-dark-c-txt-green-60)) } +html[data-theme='dark'] .sf-c-txt-green\:65\:dark, html.dark .sf-c-txt-green\:65\:dark { color: hsl(var(--sf-dark-c-txt-green-65)) } +html[data-theme='dark'] .sf-c-txt-green\:70\:dark, html.dark .sf-c-txt-green\:70\:dark { color: hsl(var(--sf-dark-c-txt-green-70)) } +html[data-theme='dark'] .sf-c-txt-green\:75\:dark, html.dark .sf-c-txt-green\:75\:dark { color: hsl(var(--sf-dark-c-txt-green-75)) } +html[data-theme='dark'] .sf-c-txt-green\:80\:dark, html.dark .sf-c-txt-green\:80\:dark { color: hsl(var(--sf-dark-c-txt-green-80)) } +html[data-theme='dark'] .sf-c-txt-green\:85\:dark, html.dark .sf-c-txt-green\:85\:dark { color: hsl(var(--sf-dark-c-txt-green-85)) } +html[data-theme='dark'] .sf-c-txt-green\:90\:dark, html.dark .sf-c-txt-green\:90\:dark { color: hsl(var(--sf-dark-c-txt-green-90)) } +html[data-theme='dark'] .sf-c-txt-green\:95\:dark, html.dark .sf-c-txt-green\:95\:dark { color: hsl(var(--sf-dark-c-txt-green-95)) } +html[data-theme='dark'] .sf-c-txt-green\:100\:dark, html.dark .sf-c-txt-green\:100\:dark { color: hsl(var(--sf-dark-c-txt-green-100)) } + html.var[data-theme='dark'] .sf-c-green, html.var.dark .sf-c-green { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } html.var[data-theme='dark'] .sf-c-green\:0, html.var.dark .sf-c-green\:0 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 100%) } html.var[data-theme='dark'] .sf-c-green\:5, html.var.dark .sf-c-green\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-green\:90\:dark, html.var.dark .sf-c-green\:90 html.var[data-theme='dark'] .sf-c-green\:95\:dark, html.var.dark .sf-c-green\:95\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } html.var[data-theme='dark'] .sf-c-green\:100\:dark, html.var.dark .sf-c-green\:100\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-green, html.dark .sf-c-txt-green { color: hsl(120, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-green\:0, html.dark .sf-c-txt-green\:0 { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-green\:5, html.dark .sf-c-txt-green\:5 { color: hsl(120, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-green\:10, html.dark .sf-c-txt-green\:10 { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-green\:15, html.dark .sf-c-txt-green\:15 { color: hsl(120, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-green\:20, html.dark .sf-c-txt-green\:20 { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-green\:25, html.dark .sf-c-txt-green\:25 { color: hsl(120, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-green\:30, html.dark .sf-c-txt-green\:30 { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-green\:35, html.dark .sf-c-txt-green\:35 { color: hsl(120, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-green\:40, html.dark .sf-c-txt-green\:40 { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-green\:45, html.dark .sf-c-txt-green\:45 { color: hsl(120, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-green\:50, html.dark .sf-c-txt-green\:50 { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-green\:55, html.dark .sf-c-txt-green\:55 { color: hsl(120, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-green\:60, html.dark .sf-c-txt-green\:60 { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-green\:65, html.dark .sf-c-txt-green\:65 { color: hsl(120, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-green\:70, html.dark .sf-c-txt-green\:70 { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-green\:75, html.dark .sf-c-txt-green\:75 { color: hsl(120, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-green\:80, html.dark .sf-c-txt-green\:80 { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-green\:85, html.dark .sf-c-txt-green\:85 { color: hsl(120, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-green\:90, html.dark .sf-c-txt-green\:90 { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-green\:95, html.dark .sf-c-txt-green\:95 { color: hsl(120, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-green\:100, html.dark .sf-c-txt-green\:100 { color: hsl(120, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-green\:dark, html.dark .sf-c-txt-green\:dark { color: hsl(120, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-green\:0\:dark, html.dark .sf-c-txt-green\:0\:dark { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-green\:5\:dark, html.dark .sf-c-txt-green\:5\:dark { color: hsl(120, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-green\:10\:dark, html.dark .sf-c-txt-green\:10\:dark { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-green\:15\:dark, html.dark .sf-c-txt-green\:15\:dark { color: hsl(120, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-green\:20\:dark, html.dark .sf-c-txt-green\:20\:dark { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-green\:25\:dark, html.dark .sf-c-txt-green\:25\:dark { color: hsl(120, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-green\:30\:dark, html.dark .sf-c-txt-green\:30\:dark { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-green\:35\:dark, html.dark .sf-c-txt-green\:35\:dark { color: hsl(120, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-green\:40\:dark, html.dark .sf-c-txt-green\:40\:dark { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-green\:45\:dark, html.dark .sf-c-txt-green\:45\:dark { color: hsl(120, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-green\:50\:dark, html.dark .sf-c-txt-green\:50\:dark { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-green\:55\:dark, html.dark .sf-c-txt-green\:55\:dark { color: hsl(120, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-green\:60\:dark, html.dark .sf-c-txt-green\:60\:dark { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-green\:65\:dark, html.dark .sf-c-txt-green\:65\:dark { color: hsl(120, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-green\:70\:dark, html.dark .sf-c-txt-green\:70\:dark { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-green\:75\:dark, html.dark .sf-c-txt-green\:75\:dark { color: hsl(120, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-green\:80\:dark, html.dark .sf-c-txt-green\:80\:dark { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-green\:85\:dark, html.dark .sf-c-txt-green\:85\:dark { color: hsl(120, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-green\:90\:dark, html.dark .sf-c-txt-green\:90\:dark { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-green\:95\:dark, html.dark .sf-c-txt-green\:95\:dark { color: hsl(120, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-green\:100\:dark, html.dark .sf-c-txt-green\:100\:dark { color: hsl(120, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-green, html.auto .sf-c-green { color: hsl(var(--sf-dark-c-txt-green-5)); background: hsl(var(--sf-dark-c-green)) } html[data-theme='auto'] .sf-c-green\:0, html.auto .sf-c-green\:0 { color: hsl(var(--sf-dark-c-txt-green-95)); background: hsl(var(--sf-dark-c-green-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-green\:100\:dark, html.var.dark .sf-c-green\:1 html[data-theme='auto'] .sf-c-green\:95\:dark, html.auto .sf-c-green\:95\:dark { color: hsl(var(--sf-c-txt-green-95)); background: hsl(var(--sf-c-green-5)) } html[data-theme='auto'] .sf-c-green\:100\:dark, html.auto .sf-c-green\:100\:dark { color: hsl(var(--sf-c-txt-green-95)); background: hsl(var(--sf-c-green-0)) } + html[data-theme='auto'] .sf-c-txt-green, html.auto .sf-c-txt-green { color: hsl(var(--sf-c-txt-green)) } + html[data-theme='auto'] .sf-c-txt-green\:0, html.auto .sf-c-txt-green\:0 { color: hsl(var(--sf-c-txt-green-0)) } + html[data-theme='auto'] .sf-c-txt-green\:5, html.auto .sf-c-txt-green\:5 { color: hsl(var(--sf-c-txt-green-5)) } + html[data-theme='auto'] .sf-c-txt-green\:10, html.auto .sf-c-txt-green\:10 { color: hsl(var(--sf-c-txt-green-10)) } + html[data-theme='auto'] .sf-c-txt-green\:15, html.auto .sf-c-txt-green\:15 { color: hsl(var(--sf-c-txt-green-15)) } + html[data-theme='auto'] .sf-c-txt-green\:20, html.auto .sf-c-txt-green\:20 { color: hsl(var(--sf-c-txt-green-20)) } + html[data-theme='auto'] .sf-c-txt-green\:25, html.auto .sf-c-txt-green\:25 { color: hsl(var(--sf-c-txt-green-25)) } + html[data-theme='auto'] .sf-c-txt-green\:30, html.auto .sf-c-txt-green\:30 { color: hsl(var(--sf-c-txt-green-30)) } + html[data-theme='auto'] .sf-c-txt-green\:35, html.auto .sf-c-txt-green\:35 { color: hsl(var(--sf-c-txt-green-35)) } + html[data-theme='auto'] .sf-c-txt-green\:40, html.auto .sf-c-txt-green\:40 { color: hsl(var(--sf-c-txt-green-40)) } + html[data-theme='auto'] .sf-c-txt-green\:45, html.auto .sf-c-txt-green\:45 { color: hsl(var(--sf-c-txt-green-45)) } + html[data-theme='auto'] .sf-c-txt-green\:50, html.auto .sf-c-txt-green\:50 { color: hsl(var(--sf-c-txt-green-50)) } + html[data-theme='auto'] .sf-c-txt-green\:55, html.auto .sf-c-txt-green\:55 { color: hsl(var(--sf-c-txt-green-55)) } + html[data-theme='auto'] .sf-c-txt-green\:60, html.auto .sf-c-txt-green\:60 { color: hsl(var(--sf-c-txt-green-60)) } + html[data-theme='auto'] .sf-c-txt-green\:65, html.auto .sf-c-txt-green\:65 { color: hsl(var(--sf-c-txt-green-65)) } + html[data-theme='auto'] .sf-c-txt-green\:70, html.auto .sf-c-txt-green\:70 { color: hsl(var(--sf-c-txt-green-70)) } + html[data-theme='auto'] .sf-c-txt-green\:75, html.auto .sf-c-txt-green\:75 { color: hsl(var(--sf-c-txt-green-75)) } + html[data-theme='auto'] .sf-c-txt-green\:80, html.auto .sf-c-txt-green\:80 { color: hsl(var(--sf-c-txt-green-80)) } + html[data-theme='auto'] .sf-c-txt-green\:85, html.auto .sf-c-txt-green\:85 { color: hsl(var(--sf-c-txt-green-85)) } + html[data-theme='auto'] .sf-c-txt-green\:90, html.auto .sf-c-txt-green\:90 { color: hsl(var(--sf-c-txt-green-90)) } + html[data-theme='auto'] .sf-c-txt-green\:95, html.auto .sf-c-txt-green\:95 { color: hsl(var(--sf-c-txt-green-95)) } + html[data-theme='auto'] .sf-c-txt-green\:100, html.auto .sf-c-txt-green\:100 { color: hsl(var(--sf-c-txt-green-100)) } + + html[data-theme='auto'] .sf-c-txt-green\:dark, html.auto .sf-c-txt-green\:dark { color: hsl(var(--sf-c-txt-green)) } + html[data-theme='auto'] .sf-c-txt-green\:0\:dark, html.auto .sf-c-txt-green\:0\:dark { color: hsl(var(--sf-c-txt-green-0)) } + html[data-theme='auto'] .sf-c-txt-green\:5\:dark, html.auto .sf-c-txt-green\:5\:dark { color: hsl(var(--sf-c-txt-green-5)) } + html[data-theme='auto'] .sf-c-txt-green\:10\:dark, html.auto .sf-c-txt-green\:10\:dark { color: hsl(var(--sf-c-txt-green-10)) } + html[data-theme='auto'] .sf-c-txt-green\:15\:dark, html.auto .sf-c-txt-green\:15\:dark { color: hsl(var(--sf-c-txt-green-15)) } + html[data-theme='auto'] .sf-c-txt-green\:20\:dark, html.auto .sf-c-txt-green\:20\:dark { color: hsl(var(--sf-c-txt-green-20)) } + html[data-theme='auto'] .sf-c-txt-green\:25\:dark, html.auto .sf-c-txt-green\:25\:dark { color: hsl(var(--sf-c-txt-green-25)) } + html[data-theme='auto'] .sf-c-txt-green\:30\:dark, html.auto .sf-c-txt-green\:30\:dark { color: hsl(var(--sf-c-txt-green-30)) } + html[data-theme='auto'] .sf-c-txt-green\:35\:dark, html.auto .sf-c-txt-green\:35\:dark { color: hsl(var(--sf-c-txt-green-35)) } + html[data-theme='auto'] .sf-c-txt-green\:40\:dark, html.auto .sf-c-txt-green\:40\:dark { color: hsl(var(--sf-c-txt-green-40)) } + html[data-theme='auto'] .sf-c-txt-green\:45\:dark, html.auto .sf-c-txt-green\:45\:dark { color: hsl(var(--sf-c-txt-green-45)) } + html[data-theme='auto'] .sf-c-txt-green\:50\:dark, html.auto .sf-c-txt-green\:50\:dark { color: hsl(var(--sf-c-txt-green-50)) } + html[data-theme='auto'] .sf-c-txt-green\:55\:dark, html.auto .sf-c-txt-green\:55\:dark { color: hsl(var(--sf-c-txt-green-55)) } + html[data-theme='auto'] .sf-c-txt-green\:60\:dark, html.auto .sf-c-txt-green\:60\:dark { color: hsl(var(--sf-c-txt-green-60)) } + html[data-theme='auto'] .sf-c-txt-green\:65\:dark, html.auto .sf-c-txt-green\:65\:dark { color: hsl(var(--sf-c-txt-green-65)) } + html[data-theme='auto'] .sf-c-txt-green\:70\:dark, html.auto .sf-c-txt-green\:70\:dark { color: hsl(var(--sf-c-txt-green-70)) } + html[data-theme='auto'] .sf-c-txt-green\:75\:dark, html.auto .sf-c-txt-green\:75\:dark { color: hsl(var(--sf-c-txt-green-75)) } + html[data-theme='auto'] .sf-c-txt-green\:80\:dark, html.auto .sf-c-txt-green\:80\:dark { color: hsl(var(--sf-c-txt-green-80)) } + html[data-theme='auto'] .sf-c-txt-green\:85\:dark, html.auto .sf-c-txt-green\:85\:dark { color: hsl(var(--sf-c-txt-green-85)) } + html[data-theme='auto'] .sf-c-txt-green\:90\:dark, html.auto .sf-c-txt-green\:90\:dark { color: hsl(var(--sf-c-txt-green-90)) } + html[data-theme='auto'] .sf-c-txt-green\:95\:dark, html.auto .sf-c-txt-green\:95\:dark { color: hsl(var(--sf-c-txt-green-95)) } + html[data-theme='auto'] .sf-c-txt-green\:100\:dark, html.auto .sf-c-txt-green\:100\:dark { color: hsl(var(--sf-c-txt-green-100)) } + html.var[data-theme='auto'] .sf-c-green, html.var.auto .sf-c-green { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 75%) } html.var[data-theme='auto'] .sf-c-green\:0, html.var.auto .sf-c-green\:0 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 100%) } html.var[data-theme='auto'] .sf-c-green\:5, html.var.auto .sf-c-green\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-green\:100\:dark, html.var.dark .sf-c-green\:1 html.var[data-theme='auto'] .sf-c-green\:90\:dark, html.var.auto .sf-c-green\:90\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } html.var[data-theme='auto'] .sf-c-green\:95\:dark, html.var.auto .sf-c-green\:95\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } html.var[data-theme='auto'] .sf-c-green\:100\:dark, html.var.auto .sf-c-green\:100\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } -} -.sf-c-txt-green { color: hsl(var(--sf-c-txt-green)) } -.sf-c-txt-green\:0 { color: hsl(var(--sf-c-txt-green-0)) } -.sf-c-txt-green\:5 { color: hsl(var(--sf-c-txt-green-5)) } -.sf-c-txt-green\:10 { color: hsl(var(--sf-c-txt-green-10)) } -.sf-c-txt-green\:15 { color: hsl(var(--sf-c-txt-green-15)) } -.sf-c-txt-green\:20 { color: hsl(var(--sf-c-txt-green-20)) } -.sf-c-txt-green\:25 { color: hsl(var(--sf-c-txt-green-25)) } -.sf-c-txt-green\:30 { color: hsl(var(--sf-c-txt-green-30)) } -.sf-c-txt-green\:35 { color: hsl(var(--sf-c-txt-green-35)) } -.sf-c-txt-green\:40 { color: hsl(var(--sf-c-txt-green-40)) } -.sf-c-txt-green\:45 { color: hsl(var(--sf-c-txt-green-45)) } -.sf-c-txt-green\:50 { color: hsl(var(--sf-c-txt-green-50)) } -.sf-c-txt-green\:55 { color: hsl(var(--sf-c-txt-green-55)) } -.sf-c-txt-green\:60 { color: hsl(var(--sf-c-txt-green-60)) } -.sf-c-txt-green\:65 { color: hsl(var(--sf-c-txt-green-65)) } -.sf-c-txt-green\:70 { color: hsl(var(--sf-c-txt-green-70)) } -.sf-c-txt-green\:75 { color: hsl(var(--sf-c-txt-green-75)) } -.sf-c-txt-green\:80 { color: hsl(var(--sf-c-txt-green-80)) } -.sf-c-txt-green\:85 { color: hsl(var(--sf-c-txt-green-85)) } -.sf-c-txt-green\:90 { color: hsl(var(--sf-c-txt-green-90)) } -.sf-c-txt-green\:95 { color: hsl(var(--sf-c-txt-green-95)) } -.sf-c-txt-green\:100 { color: hsl(var(--sf-c-txt-green-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-green, html.auto .sf-c-txt-green { color: hsl(120, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-green\:0, html.auto .sf-c-txt-green\:0 { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-green\:5, html.auto .sf-c-txt-green\:5 { color: hsl(120, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-green\:10, html.auto .sf-c-txt-green\:10 { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-green\:15, html.auto .sf-c-txt-green\:15 { color: hsl(120, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-green\:20, html.auto .sf-c-txt-green\:20 { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-green\:25, html.auto .sf-c-txt-green\:25 { color: hsl(120, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-green\:30, html.auto .sf-c-txt-green\:30 { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-green\:35, html.auto .sf-c-txt-green\:35 { color: hsl(120, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-green\:40, html.auto .sf-c-txt-green\:40 { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-green\:45, html.auto .sf-c-txt-green\:45 { color: hsl(120, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-green\:50, html.auto .sf-c-txt-green\:50 { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-green\:55, html.auto .sf-c-txt-green\:55 { color: hsl(120, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-green\:60, html.auto .sf-c-txt-green\:60 { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-green\:65, html.auto .sf-c-txt-green\:65 { color: hsl(120, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-green\:70, html.auto .sf-c-txt-green\:70 { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-green\:75, html.auto .sf-c-txt-green\:75 { color: hsl(120, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-green\:80, html.auto .sf-c-txt-green\:80 { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-green\:85, html.auto .sf-c-txt-green\:85 { color: hsl(120, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-green\:90, html.auto .sf-c-txt-green\:90 { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-green\:95, html.auto .sf-c-txt-green\:95 { color: hsl(120, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-green\:100, html.auto .sf-c-txt-green\:100 { color: hsl(120, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-green\:dark, html.auto .sf-c-txt-green\:dark { color: hsl(120, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-green\:0\:dark, html.auto .sf-c-txt-green\:0\:dark { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-green\:5\:dark, html.auto .sf-c-txt-green\:5\:dark { color: hsl(120, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-green\:10\:dark, html.auto .sf-c-txt-green\:10\:dark { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-green\:15\:dark, html.auto .sf-c-txt-green\:15\:dark { color: hsl(120, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-green\:20\:dark, html.auto .sf-c-txt-green\:20\:dark { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-green\:25\:dark, html.auto .sf-c-txt-green\:25\:dark { color: hsl(120, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-green\:30\:dark, html.auto .sf-c-txt-green\:30\:dark { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-green\:35\:dark, html.auto .sf-c-txt-green\:35\:dark { color: hsl(120, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-green\:40\:dark, html.auto .sf-c-txt-green\:40\:dark { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-green\:45\:dark, html.auto .sf-c-txt-green\:45\:dark { color: hsl(120, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-green\:50\:dark, html.auto .sf-c-txt-green\:50\:dark { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-green\:55\:dark, html.auto .sf-c-txt-green\:55\:dark { color: hsl(120, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-green\:60\:dark, html.auto .sf-c-txt-green\:60\:dark { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-green\:65\:dark, html.auto .sf-c-txt-green\:65\:dark { color: hsl(120, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-green\:70\:dark, html.auto .sf-c-txt-green\:70\:dark { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-green\:75\:dark, html.auto .sf-c-txt-green\:75\:dark { color: hsl(120, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-green\:80\:dark, html.auto .sf-c-txt-green\:80\:dark { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-green\:85\:dark, html.auto .sf-c-txt-green\:85\:dark { color: hsl(120, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-green\:90\:dark, html.auto .sf-c-txt-green\:90\:dark { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-green\:95\:dark, html.auto .sf-c-txt-green\:95\:dark { color: hsl(120, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-green\:100\:dark, html.auto .sf-c-txt-green\:100\:dark { color: hsl(120, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/greenyellow.css b/src/colors/20/greenyellow.css index c70bb0e..d396bd6 100644 --- a/src/colors/20/greenyellow.css +++ b/src/colors/20/greenyellow.css @@ -138,6 +138,52 @@ html.var .sf-c-greenyellow\:90 { color: hsl(84, 100%, 5%); background: hsl(84, 1 html.var .sf-c-greenyellow\:95 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 95%) } html.var .sf-c-greenyellow\:100 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 100%) } +.sf-c-txt-greenyellow { color: hsl(var(--sf-dark-c-txt-greenyellow)) } +.sf-c-txt-greenyellow\:0 { color: hsl(var(--sf-dark-c-txt-greenyellow-100)) } +.sf-c-txt-greenyellow\:5 { color: hsl(var(--sf-dark-c-txt-greenyellow-95)) } +.sf-c-txt-greenyellow\:10 { color: hsl(var(--sf-dark-c-txt-greenyellow-90)) } +.sf-c-txt-greenyellow\:15 { color: hsl(var(--sf-dark-c-txt-greenyellow-85)) } +.sf-c-txt-greenyellow\:20 { color: hsl(var(--sf-dark-c-txt-greenyellow-80)) } +.sf-c-txt-greenyellow\:25 { color: hsl(var(--sf-dark-c-txt-greenyellow-75)) } +.sf-c-txt-greenyellow\:30 { color: hsl(var(--sf-dark-c-txt-greenyellow-70)) } +.sf-c-txt-greenyellow\:35 { color: hsl(var(--sf-dark-c-txt-greenyellow-65)) } +.sf-c-txt-greenyellow\:40 { color: hsl(var(--sf-dark-c-txt-greenyellow-60)) } +.sf-c-txt-greenyellow\:45 { color: hsl(var(--sf-dark-c-txt-greenyellow-55)) } +.sf-c-txt-greenyellow\:50 { color: hsl(var(--sf-dark-c-txt-greenyellow-50)) } +.sf-c-txt-greenyellow\:55 { color: hsl(var(--sf-dark-c-txt-greenyellow-45)) } +.sf-c-txt-greenyellow\:60 { color: hsl(var(--sf-dark-c-txt-greenyellow-40)) } +.sf-c-txt-greenyellow\:65 { color: hsl(var(--sf-dark-c-txt-greenyellow-35)) } +.sf-c-txt-greenyellow\:70 { color: hsl(var(--sf-dark-c-txt-greenyellow-30)) } +.sf-c-txt-greenyellow\:75 { color: hsl(var(--sf-dark-c-txt-greenyellow-25)) } +.sf-c-txt-greenyellow\:80 { color: hsl(var(--sf-dark-c-txt-greenyellow-20)) } +.sf-c-txt-greenyellow\:85 { color: hsl(var(--sf-dark-c-txt-greenyellow-15)) } +.sf-c-txt-greenyellow\:90 { color: hsl(var(--sf-dark-c-txt-greenyellow-10)) } +.sf-c-txt-greenyellow\:95 { color: hsl(var(--sf-dark-c-txt-greenyellow-5)) } +.sf-c-txt-greenyellow\:100 { color: hsl(var(--sf-dark-c-txt-greenyellow-0)) } + +html.var .sf-c-txt-greenyellow { color: hsl(84, 100%, 41%) } +html.var .sf-c-txt-greenyellow\:0 { color: hsl(84, 100%, 100%) } +html.var .sf-c-txt-greenyellow\:5 { color: hsl(84, 100%, 95%) } +html.var .sf-c-txt-greenyellow\:10 { color: hsl(84, 100%, 90%) } +html.var .sf-c-txt-greenyellow\:15 { color: hsl(84, 100%, 85%) } +html.var .sf-c-txt-greenyellow\:20 { color: hsl(84, 100%, 80%) } +html.var .sf-c-txt-greenyellow\:25 { color: hsl(84, 100%, 75%) } +html.var .sf-c-txt-greenyellow\:30 { color: hsl(84, 100%, 70%) } +html.var .sf-c-txt-greenyellow\:35 { color: hsl(84, 100%, 65%) } +html.var .sf-c-txt-greenyellow\:40 { color: hsl(84, 100%, 60%) } +html.var .sf-c-txt-greenyellow\:45 { color: hsl(84, 100%, 55%) } +html.var .sf-c-txt-greenyellow\:50 { color: hsl(84, 100%, 50%) } +html.var .sf-c-txt-greenyellow\:55 { color: hsl(84, 100%, 45%) } +html.var .sf-c-txt-greenyellow\:60 { color: hsl(84, 100%, 40%) } +html.var .sf-c-txt-greenyellow\:65 { color: hsl(84, 100%, 35%) } +html.var .sf-c-txt-greenyellow\:70 { color: hsl(84, 100%, 30%) } +html.var .sf-c-txt-greenyellow\:75 { color: hsl(84, 100%, 25%) } +html.var .sf-c-txt-greenyellow\:80 { color: hsl(84, 100%, 20%) } +html.var .sf-c-txt-greenyellow\:85 { color: hsl(84, 100%, 15%) } +html.var .sf-c-txt-greenyellow\:90 { color: hsl(84, 100%, 10%) } +html.var .sf-c-txt-greenyellow\:95 { color: hsl(84, 100%, 5%) } +html.var .sf-c-txt-greenyellow\:100 { color: hsl(84, 100%, 0%) } + html[data-theme='dark'] .sf-c-greenyellow, html.dark .sf-c-greenyellow { color: hsl(var(--sf-dark-c-txt-greenyellow-5)); background: hsl(var(--sf-dark-c-greenyellow)) } html[data-theme='dark'] .sf-c-greenyellow\:0, html.dark .sf-c-greenyellow\:0 { color: hsl(var(--sf-dark-c-txt-greenyellow-95)); background: hsl(var(--sf-dark-c-greenyellow-100)) } html[data-theme='dark'] .sf-c-greenyellow\:5, html.dark .sf-c-greenyellow\:5 { color: hsl(var(--sf-dark-c-txt-greenyellow-5)); background: hsl(var(--sf-dark-c-greenyellow-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-greenyellow\:90\:dark, html.dark .sf-c-greenyellow html[data-theme='dark'] .sf-c-greenyellow\:95\:dark, html.dark .sf-c-greenyellow\:95\:dark { color: hsl(var(--sf-c-txt-greenyellow-95)); background: hsl(var(--sf-c-greenyellow-5)) } html[data-theme='dark'] .sf-c-greenyellow\:100\:dark, html.dark .sf-c-greenyellow\:100\:dark { color: hsl(var(--sf-c-txt-greenyellow-95)); background: hsl(var(--sf-c-greenyellow-0)) } +html[data-theme='dark'] .sf-c-txt-greenyellow, html.dark .sf-c-txt-greenyellow { color: hsl(var(--sf-c-txt-greenyellow)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:0, html.dark .sf-c-txt-greenyellow\:0 { color: hsl(var(--sf-c-txt-greenyellow-0)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:5, html.dark .sf-c-txt-greenyellow\:5 { color: hsl(var(--sf-c-txt-greenyellow-5)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:10, html.dark .sf-c-txt-greenyellow\:10 { color: hsl(var(--sf-c-txt-greenyellow-10)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:15, html.dark .sf-c-txt-greenyellow\:15 { color: hsl(var(--sf-c-txt-greenyellow-15)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:20, html.dark .sf-c-txt-greenyellow\:20 { color: hsl(var(--sf-c-txt-greenyellow-20)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:25, html.dark .sf-c-txt-greenyellow\:25 { color: hsl(var(--sf-c-txt-greenyellow-25)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:30, html.dark .sf-c-txt-greenyellow\:30 { color: hsl(var(--sf-c-txt-greenyellow-30)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:35, html.dark .sf-c-txt-greenyellow\:35 { color: hsl(var(--sf-c-txt-greenyellow-35)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:40, html.dark .sf-c-txt-greenyellow\:40 { color: hsl(var(--sf-c-txt-greenyellow-40)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:45, html.dark .sf-c-txt-greenyellow\:45 { color: hsl(var(--sf-c-txt-greenyellow-45)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:50, html.dark .sf-c-txt-greenyellow\:50 { color: hsl(var(--sf-c-txt-greenyellow-50)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:55, html.dark .sf-c-txt-greenyellow\:55 { color: hsl(var(--sf-c-txt-greenyellow-55)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:60, html.dark .sf-c-txt-greenyellow\:60 { color: hsl(var(--sf-c-txt-greenyellow-60)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:65, html.dark .sf-c-txt-greenyellow\:65 { color: hsl(var(--sf-c-txt-greenyellow-65)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:70, html.dark .sf-c-txt-greenyellow\:70 { color: hsl(var(--sf-c-txt-greenyellow-70)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:75, html.dark .sf-c-txt-greenyellow\:75 { color: hsl(var(--sf-c-txt-greenyellow-75)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:80, html.dark .sf-c-txt-greenyellow\:80 { color: hsl(var(--sf-c-txt-greenyellow-80)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:85, html.dark .sf-c-txt-greenyellow\:85 { color: hsl(var(--sf-c-txt-greenyellow-85)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:90, html.dark .sf-c-txt-greenyellow\:90 { color: hsl(var(--sf-c-txt-greenyellow-90)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:95, html.dark .sf-c-txt-greenyellow\:95 { color: hsl(var(--sf-c-txt-greenyellow-95)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:100, html.dark .sf-c-txt-greenyellow\:100 { color: hsl(var(--sf-c-txt-greenyellow-100)) } + +html[data-theme='dark'] .sf-c-txt-greenyellow\:dark, html.dark .sf-c-txt-greenyellow\:dark { color: hsl(var(--sf-c-txt-greenyellow)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:0\:dark, html.dark .sf-c-txt-greenyellow\:0\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-0)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:5\:dark, html.dark .sf-c-txt-greenyellow\:5\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-5)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:10\:dark, html.dark .sf-c-txt-greenyellow\:10\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-10)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:15\:dark, html.dark .sf-c-txt-greenyellow\:15\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-15)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:20\:dark, html.dark .sf-c-txt-greenyellow\:20\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-20)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:25\:dark, html.dark .sf-c-txt-greenyellow\:25\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-25)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:30\:dark, html.dark .sf-c-txt-greenyellow\:30\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-30)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:35\:dark, html.dark .sf-c-txt-greenyellow\:35\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-35)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:40\:dark, html.dark .sf-c-txt-greenyellow\:40\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-40)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:45\:dark, html.dark .sf-c-txt-greenyellow\:45\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-45)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:50\:dark, html.dark .sf-c-txt-greenyellow\:50\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-50)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:55\:dark, html.dark .sf-c-txt-greenyellow\:55\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-55)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:60\:dark, html.dark .sf-c-txt-greenyellow\:60\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-60)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:65\:dark, html.dark .sf-c-txt-greenyellow\:65\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-65)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:70\:dark, html.dark .sf-c-txt-greenyellow\:70\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-70)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:75\:dark, html.dark .sf-c-txt-greenyellow\:75\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-75)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:80\:dark, html.dark .sf-c-txt-greenyellow\:80\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-80)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:85\:dark, html.dark .sf-c-txt-greenyellow\:85\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-85)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:90\:dark, html.dark .sf-c-txt-greenyellow\:90\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-90)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:95\:dark, html.dark .sf-c-txt-greenyellow\:95\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-95)) } +html[data-theme='dark'] .sf-c-txt-greenyellow\:100\:dark, html.dark .sf-c-txt-greenyellow\:100\:dark { color: hsl(var(--sf-dark-c-txt-greenyellow-100)) } + html.var[data-theme='dark'] .sf-c-greenyellow, html.var.dark .sf-c-greenyellow { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 41%) } html.var[data-theme='dark'] .sf-c-greenyellow\:0, html.var.dark .sf-c-greenyellow\:0 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 100%) } html.var[data-theme='dark'] .sf-c-greenyellow\:5, html.var.dark .sf-c-greenyellow\:5 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-greenyellow\:90\:dark, html.var.dark .sf-c-gre html.var[data-theme='dark'] .sf-c-greenyellow\:95\:dark, html.var.dark .sf-c-greenyellow\:95\:dark { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 5%) } html.var[data-theme='dark'] .sf-c-greenyellow\:100\:dark, html.var.dark .sf-c-greenyellow\:100\:dark { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow, html.dark .sf-c-txt-greenyellow { color: hsl(84, 100%, 59%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:0, html.dark .sf-c-txt-greenyellow\:0 { color: hsl(84, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:5, html.dark .sf-c-txt-greenyellow\:5 { color: hsl(84, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:10, html.dark .sf-c-txt-greenyellow\:10 { color: hsl(84, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:15, html.dark .sf-c-txt-greenyellow\:15 { color: hsl(84, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:20, html.dark .sf-c-txt-greenyellow\:20 { color: hsl(84, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:25, html.dark .sf-c-txt-greenyellow\:25 { color: hsl(84, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:30, html.dark .sf-c-txt-greenyellow\:30 { color: hsl(84, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:35, html.dark .sf-c-txt-greenyellow\:35 { color: hsl(84, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:40, html.dark .sf-c-txt-greenyellow\:40 { color: hsl(84, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:45, html.dark .sf-c-txt-greenyellow\:45 { color: hsl(84, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:50, html.dark .sf-c-txt-greenyellow\:50 { color: hsl(84, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:55, html.dark .sf-c-txt-greenyellow\:55 { color: hsl(84, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:60, html.dark .sf-c-txt-greenyellow\:60 { color: hsl(84, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:65, html.dark .sf-c-txt-greenyellow\:65 { color: hsl(84, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:70, html.dark .sf-c-txt-greenyellow\:70 { color: hsl(84, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:75, html.dark .sf-c-txt-greenyellow\:75 { color: hsl(84, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:80, html.dark .sf-c-txt-greenyellow\:80 { color: hsl(84, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:85, html.dark .sf-c-txt-greenyellow\:85 { color: hsl(84, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:90, html.dark .sf-c-txt-greenyellow\:90 { color: hsl(84, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:95, html.dark .sf-c-txt-greenyellow\:95 { color: hsl(84, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:100, html.dark .sf-c-txt-greenyellow\:100 { color: hsl(84, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:dark, html.dark .sf-c-txt-greenyellow\:dark { color: hsl(84, 100%, 59%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:0\:dark, html.dark .sf-c-txt-greenyellow\:0\:dark { color: hsl(84, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:5\:dark, html.dark .sf-c-txt-greenyellow\:5\:dark { color: hsl(84, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:10\:dark, html.dark .sf-c-txt-greenyellow\:10\:dark { color: hsl(84, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:15\:dark, html.dark .sf-c-txt-greenyellow\:15\:dark { color: hsl(84, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:20\:dark, html.dark .sf-c-txt-greenyellow\:20\:dark { color: hsl(84, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:25\:dark, html.dark .sf-c-txt-greenyellow\:25\:dark { color: hsl(84, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:30\:dark, html.dark .sf-c-txt-greenyellow\:30\:dark { color: hsl(84, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:35\:dark, html.dark .sf-c-txt-greenyellow\:35\:dark { color: hsl(84, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:40\:dark, html.dark .sf-c-txt-greenyellow\:40\:dark { color: hsl(84, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:45\:dark, html.dark .sf-c-txt-greenyellow\:45\:dark { color: hsl(84, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:50\:dark, html.dark .sf-c-txt-greenyellow\:50\:dark { color: hsl(84, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:55\:dark, html.dark .sf-c-txt-greenyellow\:55\:dark { color: hsl(84, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:60\:dark, html.dark .sf-c-txt-greenyellow\:60\:dark { color: hsl(84, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:65\:dark, html.dark .sf-c-txt-greenyellow\:65\:dark { color: hsl(84, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:70\:dark, html.dark .sf-c-txt-greenyellow\:70\:dark { color: hsl(84, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:75\:dark, html.dark .sf-c-txt-greenyellow\:75\:dark { color: hsl(84, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:80\:dark, html.dark .sf-c-txt-greenyellow\:80\:dark { color: hsl(84, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:85\:dark, html.dark .sf-c-txt-greenyellow\:85\:dark { color: hsl(84, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:90\:dark, html.dark .sf-c-txt-greenyellow\:90\:dark { color: hsl(84, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:95\:dark, html.dark .sf-c-txt-greenyellow\:95\:dark { color: hsl(84, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-greenyellow\:100\:dark, html.dark .sf-c-txt-greenyellow\:100\:dark { color: hsl(84, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-greenyellow, html.auto .sf-c-greenyellow { color: hsl(var(--sf-dark-c-txt-greenyellow-5)); background: hsl(var(--sf-dark-c-greenyellow)) } html[data-theme='auto'] .sf-c-greenyellow\:0, html.auto .sf-c-greenyellow\:0 { color: hsl(var(--sf-dark-c-txt-greenyellow-95)); background: hsl(var(--sf-dark-c-greenyellow-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-greenyellow\:100\:dark, html.var.dark .sf-c-gr html[data-theme='auto'] .sf-c-greenyellow\:95\:dark, html.auto .sf-c-greenyellow\:95\:dark { color: hsl(var(--sf-c-txt-greenyellow-95)); background: hsl(var(--sf-c-greenyellow-5)) } html[data-theme='auto'] .sf-c-greenyellow\:100\:dark, html.auto .sf-c-greenyellow\:100\:dark { color: hsl(var(--sf-c-txt-greenyellow-95)); background: hsl(var(--sf-c-greenyellow-0)) } + html[data-theme='auto'] .sf-c-txt-greenyellow, html.auto .sf-c-txt-greenyellow { color: hsl(var(--sf-c-txt-greenyellow)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:0, html.auto .sf-c-txt-greenyellow\:0 { color: hsl(var(--sf-c-txt-greenyellow-0)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:5, html.auto .sf-c-txt-greenyellow\:5 { color: hsl(var(--sf-c-txt-greenyellow-5)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:10, html.auto .sf-c-txt-greenyellow\:10 { color: hsl(var(--sf-c-txt-greenyellow-10)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:15, html.auto .sf-c-txt-greenyellow\:15 { color: hsl(var(--sf-c-txt-greenyellow-15)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:20, html.auto .sf-c-txt-greenyellow\:20 { color: hsl(var(--sf-c-txt-greenyellow-20)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:25, html.auto .sf-c-txt-greenyellow\:25 { color: hsl(var(--sf-c-txt-greenyellow-25)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:30, html.auto .sf-c-txt-greenyellow\:30 { color: hsl(var(--sf-c-txt-greenyellow-30)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:35, html.auto .sf-c-txt-greenyellow\:35 { color: hsl(var(--sf-c-txt-greenyellow-35)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:40, html.auto .sf-c-txt-greenyellow\:40 { color: hsl(var(--sf-c-txt-greenyellow-40)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:45, html.auto .sf-c-txt-greenyellow\:45 { color: hsl(var(--sf-c-txt-greenyellow-45)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:50, html.auto .sf-c-txt-greenyellow\:50 { color: hsl(var(--sf-c-txt-greenyellow-50)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:55, html.auto .sf-c-txt-greenyellow\:55 { color: hsl(var(--sf-c-txt-greenyellow-55)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:60, html.auto .sf-c-txt-greenyellow\:60 { color: hsl(var(--sf-c-txt-greenyellow-60)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:65, html.auto .sf-c-txt-greenyellow\:65 { color: hsl(var(--sf-c-txt-greenyellow-65)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:70, html.auto .sf-c-txt-greenyellow\:70 { color: hsl(var(--sf-c-txt-greenyellow-70)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:75, html.auto .sf-c-txt-greenyellow\:75 { color: hsl(var(--sf-c-txt-greenyellow-75)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:80, html.auto .sf-c-txt-greenyellow\:80 { color: hsl(var(--sf-c-txt-greenyellow-80)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:85, html.auto .sf-c-txt-greenyellow\:85 { color: hsl(var(--sf-c-txt-greenyellow-85)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:90, html.auto .sf-c-txt-greenyellow\:90 { color: hsl(var(--sf-c-txt-greenyellow-90)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:95, html.auto .sf-c-txt-greenyellow\:95 { color: hsl(var(--sf-c-txt-greenyellow-95)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:100, html.auto .sf-c-txt-greenyellow\:100 { color: hsl(var(--sf-c-txt-greenyellow-100)) } + + html[data-theme='auto'] .sf-c-txt-greenyellow\:dark, html.auto .sf-c-txt-greenyellow\:dark { color: hsl(var(--sf-c-txt-greenyellow)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:0\:dark, html.auto .sf-c-txt-greenyellow\:0\:dark { color: hsl(var(--sf-c-txt-greenyellow-0)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:5\:dark, html.auto .sf-c-txt-greenyellow\:5\:dark { color: hsl(var(--sf-c-txt-greenyellow-5)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:10\:dark, html.auto .sf-c-txt-greenyellow\:10\:dark { color: hsl(var(--sf-c-txt-greenyellow-10)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:15\:dark, html.auto .sf-c-txt-greenyellow\:15\:dark { color: hsl(var(--sf-c-txt-greenyellow-15)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:20\:dark, html.auto .sf-c-txt-greenyellow\:20\:dark { color: hsl(var(--sf-c-txt-greenyellow-20)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:25\:dark, html.auto .sf-c-txt-greenyellow\:25\:dark { color: hsl(var(--sf-c-txt-greenyellow-25)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:30\:dark, html.auto .sf-c-txt-greenyellow\:30\:dark { color: hsl(var(--sf-c-txt-greenyellow-30)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:35\:dark, html.auto .sf-c-txt-greenyellow\:35\:dark { color: hsl(var(--sf-c-txt-greenyellow-35)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:40\:dark, html.auto .sf-c-txt-greenyellow\:40\:dark { color: hsl(var(--sf-c-txt-greenyellow-40)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:45\:dark, html.auto .sf-c-txt-greenyellow\:45\:dark { color: hsl(var(--sf-c-txt-greenyellow-45)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:50\:dark, html.auto .sf-c-txt-greenyellow\:50\:dark { color: hsl(var(--sf-c-txt-greenyellow-50)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:55\:dark, html.auto .sf-c-txt-greenyellow\:55\:dark { color: hsl(var(--sf-c-txt-greenyellow-55)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:60\:dark, html.auto .sf-c-txt-greenyellow\:60\:dark { color: hsl(var(--sf-c-txt-greenyellow-60)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:65\:dark, html.auto .sf-c-txt-greenyellow\:65\:dark { color: hsl(var(--sf-c-txt-greenyellow-65)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:70\:dark, html.auto .sf-c-txt-greenyellow\:70\:dark { color: hsl(var(--sf-c-txt-greenyellow-70)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:75\:dark, html.auto .sf-c-txt-greenyellow\:75\:dark { color: hsl(var(--sf-c-txt-greenyellow-75)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:80\:dark, html.auto .sf-c-txt-greenyellow\:80\:dark { color: hsl(var(--sf-c-txt-greenyellow-80)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:85\:dark, html.auto .sf-c-txt-greenyellow\:85\:dark { color: hsl(var(--sf-c-txt-greenyellow-85)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:90\:dark, html.auto .sf-c-txt-greenyellow\:90\:dark { color: hsl(var(--sf-c-txt-greenyellow-90)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:95\:dark, html.auto .sf-c-txt-greenyellow\:95\:dark { color: hsl(var(--sf-c-txt-greenyellow-95)) } + html[data-theme='auto'] .sf-c-txt-greenyellow\:100\:dark, html.auto .sf-c-txt-greenyellow\:100\:dark { color: hsl(var(--sf-c-txt-greenyellow-100)) } + html.var[data-theme='auto'] .sf-c-greenyellow, html.var.auto .sf-c-greenyellow { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 41%) } html.var[data-theme='auto'] .sf-c-greenyellow\:0, html.var.auto .sf-c-greenyellow\:0 { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 100%) } html.var[data-theme='auto'] .sf-c-greenyellow\:5, html.var.auto .sf-c-greenyellow\:5 { color: hsl(84, 100%, 5%); background: hsl(84, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-greenyellow\:100\:dark, html.var.dark .sf-c-gr html.var[data-theme='auto'] .sf-c-greenyellow\:90\:dark, html.var.auto .sf-c-greenyellow\:90\:dark { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 10%) } html.var[data-theme='auto'] .sf-c-greenyellow\:95\:dark, html.var.auto .sf-c-greenyellow\:95\:dark { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 5%) } html.var[data-theme='auto'] .sf-c-greenyellow\:100\:dark, html.var.auto .sf-c-greenyellow\:100\:dark { color: hsl(84, 100%, 95%); background: hsl(84, 100%, 0%) } -} -.sf-c-txt-greenyellow { color: hsl(var(--sf-c-txt-greenyellow)) } -.sf-c-txt-greenyellow\:0 { color: hsl(var(--sf-c-txt-greenyellow-0)) } -.sf-c-txt-greenyellow\:5 { color: hsl(var(--sf-c-txt-greenyellow-5)) } -.sf-c-txt-greenyellow\:10 { color: hsl(var(--sf-c-txt-greenyellow-10)) } -.sf-c-txt-greenyellow\:15 { color: hsl(var(--sf-c-txt-greenyellow-15)) } -.sf-c-txt-greenyellow\:20 { color: hsl(var(--sf-c-txt-greenyellow-20)) } -.sf-c-txt-greenyellow\:25 { color: hsl(var(--sf-c-txt-greenyellow-25)) } -.sf-c-txt-greenyellow\:30 { color: hsl(var(--sf-c-txt-greenyellow-30)) } -.sf-c-txt-greenyellow\:35 { color: hsl(var(--sf-c-txt-greenyellow-35)) } -.sf-c-txt-greenyellow\:40 { color: hsl(var(--sf-c-txt-greenyellow-40)) } -.sf-c-txt-greenyellow\:45 { color: hsl(var(--sf-c-txt-greenyellow-45)) } -.sf-c-txt-greenyellow\:50 { color: hsl(var(--sf-c-txt-greenyellow-50)) } -.sf-c-txt-greenyellow\:55 { color: hsl(var(--sf-c-txt-greenyellow-55)) } -.sf-c-txt-greenyellow\:60 { color: hsl(var(--sf-c-txt-greenyellow-60)) } -.sf-c-txt-greenyellow\:65 { color: hsl(var(--sf-c-txt-greenyellow-65)) } -.sf-c-txt-greenyellow\:70 { color: hsl(var(--sf-c-txt-greenyellow-70)) } -.sf-c-txt-greenyellow\:75 { color: hsl(var(--sf-c-txt-greenyellow-75)) } -.sf-c-txt-greenyellow\:80 { color: hsl(var(--sf-c-txt-greenyellow-80)) } -.sf-c-txt-greenyellow\:85 { color: hsl(var(--sf-c-txt-greenyellow-85)) } -.sf-c-txt-greenyellow\:90 { color: hsl(var(--sf-c-txt-greenyellow-90)) } -.sf-c-txt-greenyellow\:95 { color: hsl(var(--sf-c-txt-greenyellow-95)) } -.sf-c-txt-greenyellow\:100 { color: hsl(var(--sf-c-txt-greenyellow-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-greenyellow, html.auto .sf-c-txt-greenyellow { color: hsl(84, 100%, 59%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:0, html.auto .sf-c-txt-greenyellow\:0 { color: hsl(84, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:5, html.auto .sf-c-txt-greenyellow\:5 { color: hsl(84, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:10, html.auto .sf-c-txt-greenyellow\:10 { color: hsl(84, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:15, html.auto .sf-c-txt-greenyellow\:15 { color: hsl(84, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:20, html.auto .sf-c-txt-greenyellow\:20 { color: hsl(84, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:25, html.auto .sf-c-txt-greenyellow\:25 { color: hsl(84, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:30, html.auto .sf-c-txt-greenyellow\:30 { color: hsl(84, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:35, html.auto .sf-c-txt-greenyellow\:35 { color: hsl(84, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:40, html.auto .sf-c-txt-greenyellow\:40 { color: hsl(84, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:45, html.auto .sf-c-txt-greenyellow\:45 { color: hsl(84, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:50, html.auto .sf-c-txt-greenyellow\:50 { color: hsl(84, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:55, html.auto .sf-c-txt-greenyellow\:55 { color: hsl(84, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:60, html.auto .sf-c-txt-greenyellow\:60 { color: hsl(84, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:65, html.auto .sf-c-txt-greenyellow\:65 { color: hsl(84, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:70, html.auto .sf-c-txt-greenyellow\:70 { color: hsl(84, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:75, html.auto .sf-c-txt-greenyellow\:75 { color: hsl(84, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:80, html.auto .sf-c-txt-greenyellow\:80 { color: hsl(84, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:85, html.auto .sf-c-txt-greenyellow\:85 { color: hsl(84, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:90, html.auto .sf-c-txt-greenyellow\:90 { color: hsl(84, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:95, html.auto .sf-c-txt-greenyellow\:95 { color: hsl(84, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:100, html.auto .sf-c-txt-greenyellow\:100 { color: hsl(84, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:dark, html.auto .sf-c-txt-greenyellow\:dark { color: hsl(84, 100%, 59%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:0\:dark, html.auto .sf-c-txt-greenyellow\:0\:dark { color: hsl(84, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:5\:dark, html.auto .sf-c-txt-greenyellow\:5\:dark { color: hsl(84, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:10\:dark, html.auto .sf-c-txt-greenyellow\:10\:dark { color: hsl(84, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:15\:dark, html.auto .sf-c-txt-greenyellow\:15\:dark { color: hsl(84, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:20\:dark, html.auto .sf-c-txt-greenyellow\:20\:dark { color: hsl(84, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:25\:dark, html.auto .sf-c-txt-greenyellow\:25\:dark { color: hsl(84, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:30\:dark, html.auto .sf-c-txt-greenyellow\:30\:dark { color: hsl(84, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:35\:dark, html.auto .sf-c-txt-greenyellow\:35\:dark { color: hsl(84, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:40\:dark, html.auto .sf-c-txt-greenyellow\:40\:dark { color: hsl(84, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:45\:dark, html.auto .sf-c-txt-greenyellow\:45\:dark { color: hsl(84, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:50\:dark, html.auto .sf-c-txt-greenyellow\:50\:dark { color: hsl(84, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:55\:dark, html.auto .sf-c-txt-greenyellow\:55\:dark { color: hsl(84, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:60\:dark, html.auto .sf-c-txt-greenyellow\:60\:dark { color: hsl(84, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:65\:dark, html.auto .sf-c-txt-greenyellow\:65\:dark { color: hsl(84, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:70\:dark, html.auto .sf-c-txt-greenyellow\:70\:dark { color: hsl(84, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:75\:dark, html.auto .sf-c-txt-greenyellow\:75\:dark { color: hsl(84, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:80\:dark, html.auto .sf-c-txt-greenyellow\:80\:dark { color: hsl(84, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:85\:dark, html.auto .sf-c-txt-greenyellow\:85\:dark { color: hsl(84, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:90\:dark, html.auto .sf-c-txt-greenyellow\:90\:dark { color: hsl(84, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:95\:dark, html.auto .sf-c-txt-greenyellow\:95\:dark { color: hsl(84, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-greenyellow\:100\:dark, html.auto .sf-c-txt-greenyellow\:100\:dark { color: hsl(84, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/grey.css b/src/colors/20/grey.css index a86b406..2b23cb9 100644 --- a/src/colors/20/grey.css +++ b/src/colors/20/grey.css @@ -138,6 +138,52 @@ html.var .sf-c-grey\:90 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } html.var .sf-c-grey\:95 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } html.var .sf-c-grey\:100 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } +.sf-c-txt-grey { color: hsl(var(--sf-dark-c-txt-grey)) } +.sf-c-txt-grey\:0 { color: hsl(var(--sf-dark-c-txt-grey-100)) } +.sf-c-txt-grey\:5 { color: hsl(var(--sf-dark-c-txt-grey-95)) } +.sf-c-txt-grey\:10 { color: hsl(var(--sf-dark-c-txt-grey-90)) } +.sf-c-txt-grey\:15 { color: hsl(var(--sf-dark-c-txt-grey-85)) } +.sf-c-txt-grey\:20 { color: hsl(var(--sf-dark-c-txt-grey-80)) } +.sf-c-txt-grey\:25 { color: hsl(var(--sf-dark-c-txt-grey-75)) } +.sf-c-txt-grey\:30 { color: hsl(var(--sf-dark-c-txt-grey-70)) } +.sf-c-txt-grey\:35 { color: hsl(var(--sf-dark-c-txt-grey-65)) } +.sf-c-txt-grey\:40 { color: hsl(var(--sf-dark-c-txt-grey-60)) } +.sf-c-txt-grey\:45 { color: hsl(var(--sf-dark-c-txt-grey-55)) } +.sf-c-txt-grey\:50 { color: hsl(var(--sf-dark-c-txt-grey-50)) } +.sf-c-txt-grey\:55 { color: hsl(var(--sf-dark-c-txt-grey-45)) } +.sf-c-txt-grey\:60 { color: hsl(var(--sf-dark-c-txt-grey-40)) } +.sf-c-txt-grey\:65 { color: hsl(var(--sf-dark-c-txt-grey-35)) } +.sf-c-txt-grey\:70 { color: hsl(var(--sf-dark-c-txt-grey-30)) } +.sf-c-txt-grey\:75 { color: hsl(var(--sf-dark-c-txt-grey-25)) } +.sf-c-txt-grey\:80 { color: hsl(var(--sf-dark-c-txt-grey-20)) } +.sf-c-txt-grey\:85 { color: hsl(var(--sf-dark-c-txt-grey-15)) } +.sf-c-txt-grey\:90 { color: hsl(var(--sf-dark-c-txt-grey-10)) } +.sf-c-txt-grey\:95 { color: hsl(var(--sf-dark-c-txt-grey-5)) } +.sf-c-txt-grey\:100 { color: hsl(var(--sf-dark-c-txt-grey-0)) } + +html.var .sf-c-txt-grey { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-grey\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-grey\:5 { color: hsl(0, 0%, 95%) } +html.var .sf-c-txt-grey\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-grey\:15 { color: hsl(0, 0%, 85%) } +html.var .sf-c-txt-grey\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-grey\:25 { color: hsl(0, 0%, 75%) } +html.var .sf-c-txt-grey\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-grey\:35 { color: hsl(0, 0%, 65%) } +html.var .sf-c-txt-grey\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-grey\:45 { color: hsl(0, 0%, 55%) } +html.var .sf-c-txt-grey\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-grey\:55 { color: hsl(0, 0%, 45%) } +html.var .sf-c-txt-grey\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-grey\:65 { color: hsl(0, 0%, 35%) } +html.var .sf-c-txt-grey\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-grey\:75 { color: hsl(0, 0%, 25%) } +html.var .sf-c-txt-grey\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-grey\:85 { color: hsl(0, 0%, 15%) } +html.var .sf-c-txt-grey\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-grey\:95 { color: hsl(0, 0%, 5%) } +html.var .sf-c-txt-grey\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-grey, html.dark .sf-c-grey { color: hsl(var(--sf-dark-c-txt-grey-95)); background: hsl(var(--sf-dark-c-grey)) } html[data-theme='dark'] .sf-c-grey\:0, html.dark .sf-c-grey\:0 { color: hsl(var(--sf-dark-c-txt-grey-95)); background: hsl(var(--sf-dark-c-grey-100)) } html[data-theme='dark'] .sf-c-grey\:5, html.dark .sf-c-grey\:5 { color: hsl(var(--sf-dark-c-txt-grey-5)); background: hsl(var(--sf-dark-c-grey-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-grey\:90\:dark, html.dark .sf-c-grey\:90\:dark { c html[data-theme='dark'] .sf-c-grey\:95\:dark, html.dark .sf-c-grey\:95\:dark { color: hsl(var(--sf-c-txt-grey-95)); background: hsl(var(--sf-c-grey-5)) } html[data-theme='dark'] .sf-c-grey\:100\:dark, html.dark .sf-c-grey\:100\:dark { color: hsl(var(--sf-c-txt-grey-95)); background: hsl(var(--sf-c-grey-0)) } +html[data-theme='dark'] .sf-c-txt-grey, html.dark .sf-c-txt-grey { color: hsl(var(--sf-c-txt-grey)) } +html[data-theme='dark'] .sf-c-txt-grey\:0, html.dark .sf-c-txt-grey\:0 { color: hsl(var(--sf-c-txt-grey-0)) } +html[data-theme='dark'] .sf-c-txt-grey\:5, html.dark .sf-c-txt-grey\:5 { color: hsl(var(--sf-c-txt-grey-5)) } +html[data-theme='dark'] .sf-c-txt-grey\:10, html.dark .sf-c-txt-grey\:10 { color: hsl(var(--sf-c-txt-grey-10)) } +html[data-theme='dark'] .sf-c-txt-grey\:15, html.dark .sf-c-txt-grey\:15 { color: hsl(var(--sf-c-txt-grey-15)) } +html[data-theme='dark'] .sf-c-txt-grey\:20, html.dark .sf-c-txt-grey\:20 { color: hsl(var(--sf-c-txt-grey-20)) } +html[data-theme='dark'] .sf-c-txt-grey\:25, html.dark .sf-c-txt-grey\:25 { color: hsl(var(--sf-c-txt-grey-25)) } +html[data-theme='dark'] .sf-c-txt-grey\:30, html.dark .sf-c-txt-grey\:30 { color: hsl(var(--sf-c-txt-grey-30)) } +html[data-theme='dark'] .sf-c-txt-grey\:35, html.dark .sf-c-txt-grey\:35 { color: hsl(var(--sf-c-txt-grey-35)) } +html[data-theme='dark'] .sf-c-txt-grey\:40, html.dark .sf-c-txt-grey\:40 { color: hsl(var(--sf-c-txt-grey-40)) } +html[data-theme='dark'] .sf-c-txt-grey\:45, html.dark .sf-c-txt-grey\:45 { color: hsl(var(--sf-c-txt-grey-45)) } +html[data-theme='dark'] .sf-c-txt-grey\:50, html.dark .sf-c-txt-grey\:50 { color: hsl(var(--sf-c-txt-grey-50)) } +html[data-theme='dark'] .sf-c-txt-grey\:55, html.dark .sf-c-txt-grey\:55 { color: hsl(var(--sf-c-txt-grey-55)) } +html[data-theme='dark'] .sf-c-txt-grey\:60, html.dark .sf-c-txt-grey\:60 { color: hsl(var(--sf-c-txt-grey-60)) } +html[data-theme='dark'] .sf-c-txt-grey\:65, html.dark .sf-c-txt-grey\:65 { color: hsl(var(--sf-c-txt-grey-65)) } +html[data-theme='dark'] .sf-c-txt-grey\:70, html.dark .sf-c-txt-grey\:70 { color: hsl(var(--sf-c-txt-grey-70)) } +html[data-theme='dark'] .sf-c-txt-grey\:75, html.dark .sf-c-txt-grey\:75 { color: hsl(var(--sf-c-txt-grey-75)) } +html[data-theme='dark'] .sf-c-txt-grey\:80, html.dark .sf-c-txt-grey\:80 { color: hsl(var(--sf-c-txt-grey-80)) } +html[data-theme='dark'] .sf-c-txt-grey\:85, html.dark .sf-c-txt-grey\:85 { color: hsl(var(--sf-c-txt-grey-85)) } +html[data-theme='dark'] .sf-c-txt-grey\:90, html.dark .sf-c-txt-grey\:90 { color: hsl(var(--sf-c-txt-grey-90)) } +html[data-theme='dark'] .sf-c-txt-grey\:95, html.dark .sf-c-txt-grey\:95 { color: hsl(var(--sf-c-txt-grey-95)) } +html[data-theme='dark'] .sf-c-txt-grey\:100, html.dark .sf-c-txt-grey\:100 { color: hsl(var(--sf-c-txt-grey-100)) } + +html[data-theme='dark'] .sf-c-txt-grey\:dark, html.dark .sf-c-txt-grey\:dark { color: hsl(var(--sf-c-txt-grey)) } +html[data-theme='dark'] .sf-c-txt-grey\:0\:dark, html.dark .sf-c-txt-grey\:0\:dark { color: hsl(var(--sf-dark-c-txt-grey-0)) } +html[data-theme='dark'] .sf-c-txt-grey\:5\:dark, html.dark .sf-c-txt-grey\:5\:dark { color: hsl(var(--sf-dark-c-txt-grey-5)) } +html[data-theme='dark'] .sf-c-txt-grey\:10\:dark, html.dark .sf-c-txt-grey\:10\:dark { color: hsl(var(--sf-dark-c-txt-grey-10)) } +html[data-theme='dark'] .sf-c-txt-grey\:15\:dark, html.dark .sf-c-txt-grey\:15\:dark { color: hsl(var(--sf-dark-c-txt-grey-15)) } +html[data-theme='dark'] .sf-c-txt-grey\:20\:dark, html.dark .sf-c-txt-grey\:20\:dark { color: hsl(var(--sf-dark-c-txt-grey-20)) } +html[data-theme='dark'] .sf-c-txt-grey\:25\:dark, html.dark .sf-c-txt-grey\:25\:dark { color: hsl(var(--sf-dark-c-txt-grey-25)) } +html[data-theme='dark'] .sf-c-txt-grey\:30\:dark, html.dark .sf-c-txt-grey\:30\:dark { color: hsl(var(--sf-dark-c-txt-grey-30)) } +html[data-theme='dark'] .sf-c-txt-grey\:35\:dark, html.dark .sf-c-txt-grey\:35\:dark { color: hsl(var(--sf-dark-c-txt-grey-35)) } +html[data-theme='dark'] .sf-c-txt-grey\:40\:dark, html.dark .sf-c-txt-grey\:40\:dark { color: hsl(var(--sf-dark-c-txt-grey-40)) } +html[data-theme='dark'] .sf-c-txt-grey\:45\:dark, html.dark .sf-c-txt-grey\:45\:dark { color: hsl(var(--sf-dark-c-txt-grey-45)) } +html[data-theme='dark'] .sf-c-txt-grey\:50\:dark, html.dark .sf-c-txt-grey\:50\:dark { color: hsl(var(--sf-dark-c-txt-grey-50)) } +html[data-theme='dark'] .sf-c-txt-grey\:55\:dark, html.dark .sf-c-txt-grey\:55\:dark { color: hsl(var(--sf-dark-c-txt-grey-55)) } +html[data-theme='dark'] .sf-c-txt-grey\:60\:dark, html.dark .sf-c-txt-grey\:60\:dark { color: hsl(var(--sf-dark-c-txt-grey-60)) } +html[data-theme='dark'] .sf-c-txt-grey\:65\:dark, html.dark .sf-c-txt-grey\:65\:dark { color: hsl(var(--sf-dark-c-txt-grey-65)) } +html[data-theme='dark'] .sf-c-txt-grey\:70\:dark, html.dark .sf-c-txt-grey\:70\:dark { color: hsl(var(--sf-dark-c-txt-grey-70)) } +html[data-theme='dark'] .sf-c-txt-grey\:75\:dark, html.dark .sf-c-txt-grey\:75\:dark { color: hsl(var(--sf-dark-c-txt-grey-75)) } +html[data-theme='dark'] .sf-c-txt-grey\:80\:dark, html.dark .sf-c-txt-grey\:80\:dark { color: hsl(var(--sf-dark-c-txt-grey-80)) } +html[data-theme='dark'] .sf-c-txt-grey\:85\:dark, html.dark .sf-c-txt-grey\:85\:dark { color: hsl(var(--sf-dark-c-txt-grey-85)) } +html[data-theme='dark'] .sf-c-txt-grey\:90\:dark, html.dark .sf-c-txt-grey\:90\:dark { color: hsl(var(--sf-dark-c-txt-grey-90)) } +html[data-theme='dark'] .sf-c-txt-grey\:95\:dark, html.dark .sf-c-txt-grey\:95\:dark { color: hsl(var(--sf-dark-c-txt-grey-95)) } +html[data-theme='dark'] .sf-c-txt-grey\:100\:dark, html.dark .sf-c-txt-grey\:100\:dark { color: hsl(var(--sf-dark-c-txt-grey-100)) } + html.var[data-theme='dark'] .sf-c-grey, html.var.dark .sf-c-grey { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } html.var[data-theme='dark'] .sf-c-grey\:0, html.var.dark .sf-c-grey\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-grey\:5, html.var.dark .sf-c-grey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-grey\:90\:dark, html.var.dark .sf-c-grey\:90\: html.var[data-theme='dark'] .sf-c-grey\:95\:dark, html.var.dark .sf-c-grey\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='dark'] .sf-c-grey\:100\:dark, html.var.dark .sf-c-grey\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-grey, html.dark .sf-c-txt-grey { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:0, html.dark .sf-c-txt-grey\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:5, html.dark .sf-c-txt-grey\:5 { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:10, html.dark .sf-c-txt-grey\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:15, html.dark .sf-c-txt-grey\:15 { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:20, html.dark .sf-c-txt-grey\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:25, html.dark .sf-c-txt-grey\:25 { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:30, html.dark .sf-c-txt-grey\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:35, html.dark .sf-c-txt-grey\:35 { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:40, html.dark .sf-c-txt-grey\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:45, html.dark .sf-c-txt-grey\:45 { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:50, html.dark .sf-c-txt-grey\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:55, html.dark .sf-c-txt-grey\:55 { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:60, html.dark .sf-c-txt-grey\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:65, html.dark .sf-c-txt-grey\:65 { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:70, html.dark .sf-c-txt-grey\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:75, html.dark .sf-c-txt-grey\:75 { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:80, html.dark .sf-c-txt-grey\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:85, html.dark .sf-c-txt-grey\:85 { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:90, html.dark .sf-c-txt-grey\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:95, html.dark .sf-c-txt-grey\:95 { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:100, html.dark .sf-c-txt-grey\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-grey\:dark, html.dark .sf-c-txt-grey\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:0\:dark, html.dark .sf-c-txt-grey\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:5\:dark, html.dark .sf-c-txt-grey\:5\:dark { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:10\:dark, html.dark .sf-c-txt-grey\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:15\:dark, html.dark .sf-c-txt-grey\:15\:dark { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:20\:dark, html.dark .sf-c-txt-grey\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:25\:dark, html.dark .sf-c-txt-grey\:25\:dark { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:30\:dark, html.dark .sf-c-txt-grey\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:35\:dark, html.dark .sf-c-txt-grey\:35\:dark { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:40\:dark, html.dark .sf-c-txt-grey\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:45\:dark, html.dark .sf-c-txt-grey\:45\:dark { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:50\:dark, html.dark .sf-c-txt-grey\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:55\:dark, html.dark .sf-c-txt-grey\:55\:dark { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:60\:dark, html.dark .sf-c-txt-grey\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:65\:dark, html.dark .sf-c-txt-grey\:65\:dark { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:70\:dark, html.dark .sf-c-txt-grey\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:75\:dark, html.dark .sf-c-txt-grey\:75\:dark { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:80\:dark, html.dark .sf-c-txt-grey\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:85\:dark, html.dark .sf-c-txt-grey\:85\:dark { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:90\:dark, html.dark .sf-c-txt-grey\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:95\:dark, html.dark .sf-c-txt-grey\:95\:dark { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-grey\:100\:dark, html.dark .sf-c-txt-grey\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-grey, html.auto .sf-c-grey { color: hsl(var(--sf-dark-c-txt-grey-95)); background: hsl(var(--sf-dark-c-grey)) } html[data-theme='auto'] .sf-c-grey\:0, html.auto .sf-c-grey\:0 { color: hsl(var(--sf-dark-c-txt-grey-95)); background: hsl(var(--sf-dark-c-grey-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-grey\:100\:dark, html.var.dark .sf-c-grey\:100 html[data-theme='auto'] .sf-c-grey\:95\:dark, html.auto .sf-c-grey\:95\:dark { color: hsl(var(--sf-c-txt-grey-95)); background: hsl(var(--sf-c-grey-5)) } html[data-theme='auto'] .sf-c-grey\:100\:dark, html.auto .sf-c-grey\:100\:dark { color: hsl(var(--sf-c-txt-grey-95)); background: hsl(var(--sf-c-grey-0)) } + html[data-theme='auto'] .sf-c-txt-grey, html.auto .sf-c-txt-grey { color: hsl(var(--sf-c-txt-grey)) } + html[data-theme='auto'] .sf-c-txt-grey\:0, html.auto .sf-c-txt-grey\:0 { color: hsl(var(--sf-c-txt-grey-0)) } + html[data-theme='auto'] .sf-c-txt-grey\:5, html.auto .sf-c-txt-grey\:5 { color: hsl(var(--sf-c-txt-grey-5)) } + html[data-theme='auto'] .sf-c-txt-grey\:10, html.auto .sf-c-txt-grey\:10 { color: hsl(var(--sf-c-txt-grey-10)) } + html[data-theme='auto'] .sf-c-txt-grey\:15, html.auto .sf-c-txt-grey\:15 { color: hsl(var(--sf-c-txt-grey-15)) } + html[data-theme='auto'] .sf-c-txt-grey\:20, html.auto .sf-c-txt-grey\:20 { color: hsl(var(--sf-c-txt-grey-20)) } + html[data-theme='auto'] .sf-c-txt-grey\:25, html.auto .sf-c-txt-grey\:25 { color: hsl(var(--sf-c-txt-grey-25)) } + html[data-theme='auto'] .sf-c-txt-grey\:30, html.auto .sf-c-txt-grey\:30 { color: hsl(var(--sf-c-txt-grey-30)) } + html[data-theme='auto'] .sf-c-txt-grey\:35, html.auto .sf-c-txt-grey\:35 { color: hsl(var(--sf-c-txt-grey-35)) } + html[data-theme='auto'] .sf-c-txt-grey\:40, html.auto .sf-c-txt-grey\:40 { color: hsl(var(--sf-c-txt-grey-40)) } + html[data-theme='auto'] .sf-c-txt-grey\:45, html.auto .sf-c-txt-grey\:45 { color: hsl(var(--sf-c-txt-grey-45)) } + html[data-theme='auto'] .sf-c-txt-grey\:50, html.auto .sf-c-txt-grey\:50 { color: hsl(var(--sf-c-txt-grey-50)) } + html[data-theme='auto'] .sf-c-txt-grey\:55, html.auto .sf-c-txt-grey\:55 { color: hsl(var(--sf-c-txt-grey-55)) } + html[data-theme='auto'] .sf-c-txt-grey\:60, html.auto .sf-c-txt-grey\:60 { color: hsl(var(--sf-c-txt-grey-60)) } + html[data-theme='auto'] .sf-c-txt-grey\:65, html.auto .sf-c-txt-grey\:65 { color: hsl(var(--sf-c-txt-grey-65)) } + html[data-theme='auto'] .sf-c-txt-grey\:70, html.auto .sf-c-txt-grey\:70 { color: hsl(var(--sf-c-txt-grey-70)) } + html[data-theme='auto'] .sf-c-txt-grey\:75, html.auto .sf-c-txt-grey\:75 { color: hsl(var(--sf-c-txt-grey-75)) } + html[data-theme='auto'] .sf-c-txt-grey\:80, html.auto .sf-c-txt-grey\:80 { color: hsl(var(--sf-c-txt-grey-80)) } + html[data-theme='auto'] .sf-c-txt-grey\:85, html.auto .sf-c-txt-grey\:85 { color: hsl(var(--sf-c-txt-grey-85)) } + html[data-theme='auto'] .sf-c-txt-grey\:90, html.auto .sf-c-txt-grey\:90 { color: hsl(var(--sf-c-txt-grey-90)) } + html[data-theme='auto'] .sf-c-txt-grey\:95, html.auto .sf-c-txt-grey\:95 { color: hsl(var(--sf-c-txt-grey-95)) } + html[data-theme='auto'] .sf-c-txt-grey\:100, html.auto .sf-c-txt-grey\:100 { color: hsl(var(--sf-c-txt-grey-100)) } + + html[data-theme='auto'] .sf-c-txt-grey\:dark, html.auto .sf-c-txt-grey\:dark { color: hsl(var(--sf-c-txt-grey)) } + html[data-theme='auto'] .sf-c-txt-grey\:0\:dark, html.auto .sf-c-txt-grey\:0\:dark { color: hsl(var(--sf-c-txt-grey-0)) } + html[data-theme='auto'] .sf-c-txt-grey\:5\:dark, html.auto .sf-c-txt-grey\:5\:dark { color: hsl(var(--sf-c-txt-grey-5)) } + html[data-theme='auto'] .sf-c-txt-grey\:10\:dark, html.auto .sf-c-txt-grey\:10\:dark { color: hsl(var(--sf-c-txt-grey-10)) } + html[data-theme='auto'] .sf-c-txt-grey\:15\:dark, html.auto .sf-c-txt-grey\:15\:dark { color: hsl(var(--sf-c-txt-grey-15)) } + html[data-theme='auto'] .sf-c-txt-grey\:20\:dark, html.auto .sf-c-txt-grey\:20\:dark { color: hsl(var(--sf-c-txt-grey-20)) } + html[data-theme='auto'] .sf-c-txt-grey\:25\:dark, html.auto .sf-c-txt-grey\:25\:dark { color: hsl(var(--sf-c-txt-grey-25)) } + html[data-theme='auto'] .sf-c-txt-grey\:30\:dark, html.auto .sf-c-txt-grey\:30\:dark { color: hsl(var(--sf-c-txt-grey-30)) } + html[data-theme='auto'] .sf-c-txt-grey\:35\:dark, html.auto .sf-c-txt-grey\:35\:dark { color: hsl(var(--sf-c-txt-grey-35)) } + html[data-theme='auto'] .sf-c-txt-grey\:40\:dark, html.auto .sf-c-txt-grey\:40\:dark { color: hsl(var(--sf-c-txt-grey-40)) } + html[data-theme='auto'] .sf-c-txt-grey\:45\:dark, html.auto .sf-c-txt-grey\:45\:dark { color: hsl(var(--sf-c-txt-grey-45)) } + html[data-theme='auto'] .sf-c-txt-grey\:50\:dark, html.auto .sf-c-txt-grey\:50\:dark { color: hsl(var(--sf-c-txt-grey-50)) } + html[data-theme='auto'] .sf-c-txt-grey\:55\:dark, html.auto .sf-c-txt-grey\:55\:dark { color: hsl(var(--sf-c-txt-grey-55)) } + html[data-theme='auto'] .sf-c-txt-grey\:60\:dark, html.auto .sf-c-txt-grey\:60\:dark { color: hsl(var(--sf-c-txt-grey-60)) } + html[data-theme='auto'] .sf-c-txt-grey\:65\:dark, html.auto .sf-c-txt-grey\:65\:dark { color: hsl(var(--sf-c-txt-grey-65)) } + html[data-theme='auto'] .sf-c-txt-grey\:70\:dark, html.auto .sf-c-txt-grey\:70\:dark { color: hsl(var(--sf-c-txt-grey-70)) } + html[data-theme='auto'] .sf-c-txt-grey\:75\:dark, html.auto .sf-c-txt-grey\:75\:dark { color: hsl(var(--sf-c-txt-grey-75)) } + html[data-theme='auto'] .sf-c-txt-grey\:80\:dark, html.auto .sf-c-txt-grey\:80\:dark { color: hsl(var(--sf-c-txt-grey-80)) } + html[data-theme='auto'] .sf-c-txt-grey\:85\:dark, html.auto .sf-c-txt-grey\:85\:dark { color: hsl(var(--sf-c-txt-grey-85)) } + html[data-theme='auto'] .sf-c-txt-grey\:90\:dark, html.auto .sf-c-txt-grey\:90\:dark { color: hsl(var(--sf-c-txt-grey-90)) } + html[data-theme='auto'] .sf-c-txt-grey\:95\:dark, html.auto .sf-c-txt-grey\:95\:dark { color: hsl(var(--sf-c-txt-grey-95)) } + html[data-theme='auto'] .sf-c-txt-grey\:100\:dark, html.auto .sf-c-txt-grey\:100\:dark { color: hsl(var(--sf-c-txt-grey-100)) } + html.var[data-theme='auto'] .sf-c-grey, html.var.auto .sf-c-grey { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 50%) } html.var[data-theme='auto'] .sf-c-grey\:0, html.var.auto .sf-c-grey\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-grey\:5, html.var.auto .sf-c-grey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-grey\:100\:dark, html.var.dark .sf-c-grey\:100 html.var[data-theme='auto'] .sf-c-grey\:90\:dark, html.var.auto .sf-c-grey\:90\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-grey\:95\:dark, html.var.auto .sf-c-grey\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='auto'] .sf-c-grey\:100\:dark, html.var.auto .sf-c-grey\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-grey { color: hsl(var(--sf-c-txt-grey)) } -.sf-c-txt-grey\:0 { color: hsl(var(--sf-c-txt-grey-0)) } -.sf-c-txt-grey\:5 { color: hsl(var(--sf-c-txt-grey-5)) } -.sf-c-txt-grey\:10 { color: hsl(var(--sf-c-txt-grey-10)) } -.sf-c-txt-grey\:15 { color: hsl(var(--sf-c-txt-grey-15)) } -.sf-c-txt-grey\:20 { color: hsl(var(--sf-c-txt-grey-20)) } -.sf-c-txt-grey\:25 { color: hsl(var(--sf-c-txt-grey-25)) } -.sf-c-txt-grey\:30 { color: hsl(var(--sf-c-txt-grey-30)) } -.sf-c-txt-grey\:35 { color: hsl(var(--sf-c-txt-grey-35)) } -.sf-c-txt-grey\:40 { color: hsl(var(--sf-c-txt-grey-40)) } -.sf-c-txt-grey\:45 { color: hsl(var(--sf-c-txt-grey-45)) } -.sf-c-txt-grey\:50 { color: hsl(var(--sf-c-txt-grey-50)) } -.sf-c-txt-grey\:55 { color: hsl(var(--sf-c-txt-grey-55)) } -.sf-c-txt-grey\:60 { color: hsl(var(--sf-c-txt-grey-60)) } -.sf-c-txt-grey\:65 { color: hsl(var(--sf-c-txt-grey-65)) } -.sf-c-txt-grey\:70 { color: hsl(var(--sf-c-txt-grey-70)) } -.sf-c-txt-grey\:75 { color: hsl(var(--sf-c-txt-grey-75)) } -.sf-c-txt-grey\:80 { color: hsl(var(--sf-c-txt-grey-80)) } -.sf-c-txt-grey\:85 { color: hsl(var(--sf-c-txt-grey-85)) } -.sf-c-txt-grey\:90 { color: hsl(var(--sf-c-txt-grey-90)) } -.sf-c-txt-grey\:95 { color: hsl(var(--sf-c-txt-grey-95)) } -.sf-c-txt-grey\:100 { color: hsl(var(--sf-c-txt-grey-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-grey, html.auto .sf-c-txt-grey { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:0, html.auto .sf-c-txt-grey\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:5, html.auto .sf-c-txt-grey\:5 { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:10, html.auto .sf-c-txt-grey\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:15, html.auto .sf-c-txt-grey\:15 { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:20, html.auto .sf-c-txt-grey\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:25, html.auto .sf-c-txt-grey\:25 { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:30, html.auto .sf-c-txt-grey\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:35, html.auto .sf-c-txt-grey\:35 { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:40, html.auto .sf-c-txt-grey\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:45, html.auto .sf-c-txt-grey\:45 { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:50, html.auto .sf-c-txt-grey\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:55, html.auto .sf-c-txt-grey\:55 { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:60, html.auto .sf-c-txt-grey\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:65, html.auto .sf-c-txt-grey\:65 { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:70, html.auto .sf-c-txt-grey\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:75, html.auto .sf-c-txt-grey\:75 { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:80, html.auto .sf-c-txt-grey\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:85, html.auto .sf-c-txt-grey\:85 { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:90, html.auto .sf-c-txt-grey\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:95, html.auto .sf-c-txt-grey\:95 { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:100, html.auto .sf-c-txt-grey\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-grey\:dark, html.auto .sf-c-txt-grey\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:0\:dark, html.auto .sf-c-txt-grey\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:5\:dark, html.auto .sf-c-txt-grey\:5\:dark { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:10\:dark, html.auto .sf-c-txt-grey\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:15\:dark, html.auto .sf-c-txt-grey\:15\:dark { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:20\:dark, html.auto .sf-c-txt-grey\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:25\:dark, html.auto .sf-c-txt-grey\:25\:dark { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:30\:dark, html.auto .sf-c-txt-grey\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:35\:dark, html.auto .sf-c-txt-grey\:35\:dark { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:40\:dark, html.auto .sf-c-txt-grey\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:45\:dark, html.auto .sf-c-txt-grey\:45\:dark { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:50\:dark, html.auto .sf-c-txt-grey\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:55\:dark, html.auto .sf-c-txt-grey\:55\:dark { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:60\:dark, html.auto .sf-c-txt-grey\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:65\:dark, html.auto .sf-c-txt-grey\:65\:dark { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:70\:dark, html.auto .sf-c-txt-grey\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:75\:dark, html.auto .sf-c-txt-grey\:75\:dark { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:80\:dark, html.auto .sf-c-txt-grey\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:85\:dark, html.auto .sf-c-txt-grey\:85\:dark { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:90\:dark, html.auto .sf-c-txt-grey\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:95\:dark, html.auto .sf-c-txt-grey\:95\:dark { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-grey\:100\:dark, html.auto .sf-c-txt-grey\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/honeydew.css b/src/colors/20/honeydew.css index 3e52a1d..f304e04 100644 --- a/src/colors/20/honeydew.css +++ b/src/colors/20/honeydew.css @@ -138,6 +138,52 @@ html.var .sf-c-honeydew\:90 { color: hsl(120, 100%, 5%); background: hsl(120, 10 html.var .sf-c-honeydew\:95 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } html.var .sf-c-honeydew\:100 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } +.sf-c-txt-honeydew { color: hsl(var(--sf-dark-c-txt-honeydew)) } +.sf-c-txt-honeydew\:0 { color: hsl(var(--sf-dark-c-txt-honeydew-100)) } +.sf-c-txt-honeydew\:5 { color: hsl(var(--sf-dark-c-txt-honeydew-95)) } +.sf-c-txt-honeydew\:10 { color: hsl(var(--sf-dark-c-txt-honeydew-90)) } +.sf-c-txt-honeydew\:15 { color: hsl(var(--sf-dark-c-txt-honeydew-85)) } +.sf-c-txt-honeydew\:20 { color: hsl(var(--sf-dark-c-txt-honeydew-80)) } +.sf-c-txt-honeydew\:25 { color: hsl(var(--sf-dark-c-txt-honeydew-75)) } +.sf-c-txt-honeydew\:30 { color: hsl(var(--sf-dark-c-txt-honeydew-70)) } +.sf-c-txt-honeydew\:35 { color: hsl(var(--sf-dark-c-txt-honeydew-65)) } +.sf-c-txt-honeydew\:40 { color: hsl(var(--sf-dark-c-txt-honeydew-60)) } +.sf-c-txt-honeydew\:45 { color: hsl(var(--sf-dark-c-txt-honeydew-55)) } +.sf-c-txt-honeydew\:50 { color: hsl(var(--sf-dark-c-txt-honeydew-50)) } +.sf-c-txt-honeydew\:55 { color: hsl(var(--sf-dark-c-txt-honeydew-45)) } +.sf-c-txt-honeydew\:60 { color: hsl(var(--sf-dark-c-txt-honeydew-40)) } +.sf-c-txt-honeydew\:65 { color: hsl(var(--sf-dark-c-txt-honeydew-35)) } +.sf-c-txt-honeydew\:70 { color: hsl(var(--sf-dark-c-txt-honeydew-30)) } +.sf-c-txt-honeydew\:75 { color: hsl(var(--sf-dark-c-txt-honeydew-25)) } +.sf-c-txt-honeydew\:80 { color: hsl(var(--sf-dark-c-txt-honeydew-20)) } +.sf-c-txt-honeydew\:85 { color: hsl(var(--sf-dark-c-txt-honeydew-15)) } +.sf-c-txt-honeydew\:90 { color: hsl(var(--sf-dark-c-txt-honeydew-10)) } +.sf-c-txt-honeydew\:95 { color: hsl(var(--sf-dark-c-txt-honeydew-5)) } +.sf-c-txt-honeydew\:100 { color: hsl(var(--sf-dark-c-txt-honeydew-0)) } + +html.var .sf-c-txt-honeydew { color: hsl(120, 100%, 3%) } +html.var .sf-c-txt-honeydew\:0 { color: hsl(120, 100%, 100%) } +html.var .sf-c-txt-honeydew\:5 { color: hsl(120, 100%, 95%) } +html.var .sf-c-txt-honeydew\:10 { color: hsl(120, 100%, 90%) } +html.var .sf-c-txt-honeydew\:15 { color: hsl(120, 100%, 85%) } +html.var .sf-c-txt-honeydew\:20 { color: hsl(120, 100%, 80%) } +html.var .sf-c-txt-honeydew\:25 { color: hsl(120, 100%, 75%) } +html.var .sf-c-txt-honeydew\:30 { color: hsl(120, 100%, 70%) } +html.var .sf-c-txt-honeydew\:35 { color: hsl(120, 100%, 65%) } +html.var .sf-c-txt-honeydew\:40 { color: hsl(120, 100%, 60%) } +html.var .sf-c-txt-honeydew\:45 { color: hsl(120, 100%, 55%) } +html.var .sf-c-txt-honeydew\:50 { color: hsl(120, 100%, 50%) } +html.var .sf-c-txt-honeydew\:55 { color: hsl(120, 100%, 45%) } +html.var .sf-c-txt-honeydew\:60 { color: hsl(120, 100%, 40%) } +html.var .sf-c-txt-honeydew\:65 { color: hsl(120, 100%, 35%) } +html.var .sf-c-txt-honeydew\:70 { color: hsl(120, 100%, 30%) } +html.var .sf-c-txt-honeydew\:75 { color: hsl(120, 100%, 25%) } +html.var .sf-c-txt-honeydew\:80 { color: hsl(120, 100%, 20%) } +html.var .sf-c-txt-honeydew\:85 { color: hsl(120, 100%, 15%) } +html.var .sf-c-txt-honeydew\:90 { color: hsl(120, 100%, 10%) } +html.var .sf-c-txt-honeydew\:95 { color: hsl(120, 100%, 5%) } +html.var .sf-c-txt-honeydew\:100 { color: hsl(120, 100%, 0%) } + html[data-theme='dark'] .sf-c-honeydew, html.dark .sf-c-honeydew { color: hsl(var(--sf-dark-c-txt-honeydew-95)); background: hsl(var(--sf-dark-c-honeydew)) } html[data-theme='dark'] .sf-c-honeydew\:0, html.dark .sf-c-honeydew\:0 { color: hsl(var(--sf-dark-c-txt-honeydew-95)); background: hsl(var(--sf-dark-c-honeydew-100)) } html[data-theme='dark'] .sf-c-honeydew\:5, html.dark .sf-c-honeydew\:5 { color: hsl(var(--sf-dark-c-txt-honeydew-5)); background: hsl(var(--sf-dark-c-honeydew-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-honeydew\:90\:dark, html.dark .sf-c-honeydew\:90\: html[data-theme='dark'] .sf-c-honeydew\:95\:dark, html.dark .sf-c-honeydew\:95\:dark { color: hsl(var(--sf-c-txt-honeydew-95)); background: hsl(var(--sf-c-honeydew-5)) } html[data-theme='dark'] .sf-c-honeydew\:100\:dark, html.dark .sf-c-honeydew\:100\:dark { color: hsl(var(--sf-c-txt-honeydew-95)); background: hsl(var(--sf-c-honeydew-0)) } +html[data-theme='dark'] .sf-c-txt-honeydew, html.dark .sf-c-txt-honeydew { color: hsl(var(--sf-c-txt-honeydew)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:0, html.dark .sf-c-txt-honeydew\:0 { color: hsl(var(--sf-c-txt-honeydew-0)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:5, html.dark .sf-c-txt-honeydew\:5 { color: hsl(var(--sf-c-txt-honeydew-5)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:10, html.dark .sf-c-txt-honeydew\:10 { color: hsl(var(--sf-c-txt-honeydew-10)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:15, html.dark .sf-c-txt-honeydew\:15 { color: hsl(var(--sf-c-txt-honeydew-15)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:20, html.dark .sf-c-txt-honeydew\:20 { color: hsl(var(--sf-c-txt-honeydew-20)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:25, html.dark .sf-c-txt-honeydew\:25 { color: hsl(var(--sf-c-txt-honeydew-25)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:30, html.dark .sf-c-txt-honeydew\:30 { color: hsl(var(--sf-c-txt-honeydew-30)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:35, html.dark .sf-c-txt-honeydew\:35 { color: hsl(var(--sf-c-txt-honeydew-35)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:40, html.dark .sf-c-txt-honeydew\:40 { color: hsl(var(--sf-c-txt-honeydew-40)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:45, html.dark .sf-c-txt-honeydew\:45 { color: hsl(var(--sf-c-txt-honeydew-45)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:50, html.dark .sf-c-txt-honeydew\:50 { color: hsl(var(--sf-c-txt-honeydew-50)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:55, html.dark .sf-c-txt-honeydew\:55 { color: hsl(var(--sf-c-txt-honeydew-55)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:60, html.dark .sf-c-txt-honeydew\:60 { color: hsl(var(--sf-c-txt-honeydew-60)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:65, html.dark .sf-c-txt-honeydew\:65 { color: hsl(var(--sf-c-txt-honeydew-65)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:70, html.dark .sf-c-txt-honeydew\:70 { color: hsl(var(--sf-c-txt-honeydew-70)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:75, html.dark .sf-c-txt-honeydew\:75 { color: hsl(var(--sf-c-txt-honeydew-75)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:80, html.dark .sf-c-txt-honeydew\:80 { color: hsl(var(--sf-c-txt-honeydew-80)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:85, html.dark .sf-c-txt-honeydew\:85 { color: hsl(var(--sf-c-txt-honeydew-85)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:90, html.dark .sf-c-txt-honeydew\:90 { color: hsl(var(--sf-c-txt-honeydew-90)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:95, html.dark .sf-c-txt-honeydew\:95 { color: hsl(var(--sf-c-txt-honeydew-95)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:100, html.dark .sf-c-txt-honeydew\:100 { color: hsl(var(--sf-c-txt-honeydew-100)) } + +html[data-theme='dark'] .sf-c-txt-honeydew\:dark, html.dark .sf-c-txt-honeydew\:dark { color: hsl(var(--sf-c-txt-honeydew)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:0\:dark, html.dark .sf-c-txt-honeydew\:0\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-0)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:5\:dark, html.dark .sf-c-txt-honeydew\:5\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-5)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:10\:dark, html.dark .sf-c-txt-honeydew\:10\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-10)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:15\:dark, html.dark .sf-c-txt-honeydew\:15\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-15)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:20\:dark, html.dark .sf-c-txt-honeydew\:20\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-20)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:25\:dark, html.dark .sf-c-txt-honeydew\:25\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-25)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:30\:dark, html.dark .sf-c-txt-honeydew\:30\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-30)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:35\:dark, html.dark .sf-c-txt-honeydew\:35\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-35)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:40\:dark, html.dark .sf-c-txt-honeydew\:40\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-40)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:45\:dark, html.dark .sf-c-txt-honeydew\:45\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-45)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:50\:dark, html.dark .sf-c-txt-honeydew\:50\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-50)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:55\:dark, html.dark .sf-c-txt-honeydew\:55\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-55)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:60\:dark, html.dark .sf-c-txt-honeydew\:60\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-60)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:65\:dark, html.dark .sf-c-txt-honeydew\:65\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-65)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:70\:dark, html.dark .sf-c-txt-honeydew\:70\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-70)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:75\:dark, html.dark .sf-c-txt-honeydew\:75\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-75)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:80\:dark, html.dark .sf-c-txt-honeydew\:80\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-80)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:85\:dark, html.dark .sf-c-txt-honeydew\:85\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-85)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:90\:dark, html.dark .sf-c-txt-honeydew\:90\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-90)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:95\:dark, html.dark .sf-c-txt-honeydew\:95\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-95)) } +html[data-theme='dark'] .sf-c-txt-honeydew\:100\:dark, html.dark .sf-c-txt-honeydew\:100\:dark { color: hsl(var(--sf-dark-c-txt-honeydew-100)) } + html.var[data-theme='dark'] .sf-c-honeydew, html.var.dark .sf-c-honeydew { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 3%) } html.var[data-theme='dark'] .sf-c-honeydew\:0, html.var.dark .sf-c-honeydew\:0 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 100%) } html.var[data-theme='dark'] .sf-c-honeydew\:5, html.var.dark .sf-c-honeydew\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-honeydew\:90\:dark, html.var.dark .sf-c-honeyd html.var[data-theme='dark'] .sf-c-honeydew\:95\:dark, html.var.dark .sf-c-honeydew\:95\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } html.var[data-theme='dark'] .sf-c-honeydew\:100\:dark, html.var.dark .sf-c-honeydew\:100\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew, html.dark .sf-c-txt-honeydew { color: hsl(120, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:0, html.dark .sf-c-txt-honeydew\:0 { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:5, html.dark .sf-c-txt-honeydew\:5 { color: hsl(120, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:10, html.dark .sf-c-txt-honeydew\:10 { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:15, html.dark .sf-c-txt-honeydew\:15 { color: hsl(120, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:20, html.dark .sf-c-txt-honeydew\:20 { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:25, html.dark .sf-c-txt-honeydew\:25 { color: hsl(120, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:30, html.dark .sf-c-txt-honeydew\:30 { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:35, html.dark .sf-c-txt-honeydew\:35 { color: hsl(120, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:40, html.dark .sf-c-txt-honeydew\:40 { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:45, html.dark .sf-c-txt-honeydew\:45 { color: hsl(120, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:50, html.dark .sf-c-txt-honeydew\:50 { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:55, html.dark .sf-c-txt-honeydew\:55 { color: hsl(120, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:60, html.dark .sf-c-txt-honeydew\:60 { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:65, html.dark .sf-c-txt-honeydew\:65 { color: hsl(120, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:70, html.dark .sf-c-txt-honeydew\:70 { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:75, html.dark .sf-c-txt-honeydew\:75 { color: hsl(120, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:80, html.dark .sf-c-txt-honeydew\:80 { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:85, html.dark .sf-c-txt-honeydew\:85 { color: hsl(120, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:90, html.dark .sf-c-txt-honeydew\:90 { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:95, html.dark .sf-c-txt-honeydew\:95 { color: hsl(120, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:100, html.dark .sf-c-txt-honeydew\:100 { color: hsl(120, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-honeydew\:dark, html.dark .sf-c-txt-honeydew\:dark { color: hsl(120, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:0\:dark, html.dark .sf-c-txt-honeydew\:0\:dark { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:5\:dark, html.dark .sf-c-txt-honeydew\:5\:dark { color: hsl(120, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:10\:dark, html.dark .sf-c-txt-honeydew\:10\:dark { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:15\:dark, html.dark .sf-c-txt-honeydew\:15\:dark { color: hsl(120, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:20\:dark, html.dark .sf-c-txt-honeydew\:20\:dark { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:25\:dark, html.dark .sf-c-txt-honeydew\:25\:dark { color: hsl(120, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:30\:dark, html.dark .sf-c-txt-honeydew\:30\:dark { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:35\:dark, html.dark .sf-c-txt-honeydew\:35\:dark { color: hsl(120, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:40\:dark, html.dark .sf-c-txt-honeydew\:40\:dark { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:45\:dark, html.dark .sf-c-txt-honeydew\:45\:dark { color: hsl(120, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:50\:dark, html.dark .sf-c-txt-honeydew\:50\:dark { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:55\:dark, html.dark .sf-c-txt-honeydew\:55\:dark { color: hsl(120, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:60\:dark, html.dark .sf-c-txt-honeydew\:60\:dark { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:65\:dark, html.dark .sf-c-txt-honeydew\:65\:dark { color: hsl(120, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:70\:dark, html.dark .sf-c-txt-honeydew\:70\:dark { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:75\:dark, html.dark .sf-c-txt-honeydew\:75\:dark { color: hsl(120, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:80\:dark, html.dark .sf-c-txt-honeydew\:80\:dark { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:85\:dark, html.dark .sf-c-txt-honeydew\:85\:dark { color: hsl(120, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:90\:dark, html.dark .sf-c-txt-honeydew\:90\:dark { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:95\:dark, html.dark .sf-c-txt-honeydew\:95\:dark { color: hsl(120, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-honeydew\:100\:dark, html.dark .sf-c-txt-honeydew\:100\:dark { color: hsl(120, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-honeydew, html.auto .sf-c-honeydew { color: hsl(var(--sf-dark-c-txt-honeydew-95)); background: hsl(var(--sf-dark-c-honeydew)) } html[data-theme='auto'] .sf-c-honeydew\:0, html.auto .sf-c-honeydew\:0 { color: hsl(var(--sf-dark-c-txt-honeydew-95)); background: hsl(var(--sf-dark-c-honeydew-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-honeydew\:100\:dark, html.var.dark .sf-c-honey html[data-theme='auto'] .sf-c-honeydew\:95\:dark, html.auto .sf-c-honeydew\:95\:dark { color: hsl(var(--sf-c-txt-honeydew-95)); background: hsl(var(--sf-c-honeydew-5)) } html[data-theme='auto'] .sf-c-honeydew\:100\:dark, html.auto .sf-c-honeydew\:100\:dark { color: hsl(var(--sf-c-txt-honeydew-95)); background: hsl(var(--sf-c-honeydew-0)) } + html[data-theme='auto'] .sf-c-txt-honeydew, html.auto .sf-c-txt-honeydew { color: hsl(var(--sf-c-txt-honeydew)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:0, html.auto .sf-c-txt-honeydew\:0 { color: hsl(var(--sf-c-txt-honeydew-0)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:5, html.auto .sf-c-txt-honeydew\:5 { color: hsl(var(--sf-c-txt-honeydew-5)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:10, html.auto .sf-c-txt-honeydew\:10 { color: hsl(var(--sf-c-txt-honeydew-10)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:15, html.auto .sf-c-txt-honeydew\:15 { color: hsl(var(--sf-c-txt-honeydew-15)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:20, html.auto .sf-c-txt-honeydew\:20 { color: hsl(var(--sf-c-txt-honeydew-20)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:25, html.auto .sf-c-txt-honeydew\:25 { color: hsl(var(--sf-c-txt-honeydew-25)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:30, html.auto .sf-c-txt-honeydew\:30 { color: hsl(var(--sf-c-txt-honeydew-30)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:35, html.auto .sf-c-txt-honeydew\:35 { color: hsl(var(--sf-c-txt-honeydew-35)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:40, html.auto .sf-c-txt-honeydew\:40 { color: hsl(var(--sf-c-txt-honeydew-40)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:45, html.auto .sf-c-txt-honeydew\:45 { color: hsl(var(--sf-c-txt-honeydew-45)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:50, html.auto .sf-c-txt-honeydew\:50 { color: hsl(var(--sf-c-txt-honeydew-50)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:55, html.auto .sf-c-txt-honeydew\:55 { color: hsl(var(--sf-c-txt-honeydew-55)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:60, html.auto .sf-c-txt-honeydew\:60 { color: hsl(var(--sf-c-txt-honeydew-60)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:65, html.auto .sf-c-txt-honeydew\:65 { color: hsl(var(--sf-c-txt-honeydew-65)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:70, html.auto .sf-c-txt-honeydew\:70 { color: hsl(var(--sf-c-txt-honeydew-70)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:75, html.auto .sf-c-txt-honeydew\:75 { color: hsl(var(--sf-c-txt-honeydew-75)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:80, html.auto .sf-c-txt-honeydew\:80 { color: hsl(var(--sf-c-txt-honeydew-80)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:85, html.auto .sf-c-txt-honeydew\:85 { color: hsl(var(--sf-c-txt-honeydew-85)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:90, html.auto .sf-c-txt-honeydew\:90 { color: hsl(var(--sf-c-txt-honeydew-90)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:95, html.auto .sf-c-txt-honeydew\:95 { color: hsl(var(--sf-c-txt-honeydew-95)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:100, html.auto .sf-c-txt-honeydew\:100 { color: hsl(var(--sf-c-txt-honeydew-100)) } + + html[data-theme='auto'] .sf-c-txt-honeydew\:dark, html.auto .sf-c-txt-honeydew\:dark { color: hsl(var(--sf-c-txt-honeydew)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:0\:dark, html.auto .sf-c-txt-honeydew\:0\:dark { color: hsl(var(--sf-c-txt-honeydew-0)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:5\:dark, html.auto .sf-c-txt-honeydew\:5\:dark { color: hsl(var(--sf-c-txt-honeydew-5)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:10\:dark, html.auto .sf-c-txt-honeydew\:10\:dark { color: hsl(var(--sf-c-txt-honeydew-10)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:15\:dark, html.auto .sf-c-txt-honeydew\:15\:dark { color: hsl(var(--sf-c-txt-honeydew-15)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:20\:dark, html.auto .sf-c-txt-honeydew\:20\:dark { color: hsl(var(--sf-c-txt-honeydew-20)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:25\:dark, html.auto .sf-c-txt-honeydew\:25\:dark { color: hsl(var(--sf-c-txt-honeydew-25)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:30\:dark, html.auto .sf-c-txt-honeydew\:30\:dark { color: hsl(var(--sf-c-txt-honeydew-30)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:35\:dark, html.auto .sf-c-txt-honeydew\:35\:dark { color: hsl(var(--sf-c-txt-honeydew-35)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:40\:dark, html.auto .sf-c-txt-honeydew\:40\:dark { color: hsl(var(--sf-c-txt-honeydew-40)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:45\:dark, html.auto .sf-c-txt-honeydew\:45\:dark { color: hsl(var(--sf-c-txt-honeydew-45)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:50\:dark, html.auto .sf-c-txt-honeydew\:50\:dark { color: hsl(var(--sf-c-txt-honeydew-50)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:55\:dark, html.auto .sf-c-txt-honeydew\:55\:dark { color: hsl(var(--sf-c-txt-honeydew-55)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:60\:dark, html.auto .sf-c-txt-honeydew\:60\:dark { color: hsl(var(--sf-c-txt-honeydew-60)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:65\:dark, html.auto .sf-c-txt-honeydew\:65\:dark { color: hsl(var(--sf-c-txt-honeydew-65)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:70\:dark, html.auto .sf-c-txt-honeydew\:70\:dark { color: hsl(var(--sf-c-txt-honeydew-70)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:75\:dark, html.auto .sf-c-txt-honeydew\:75\:dark { color: hsl(var(--sf-c-txt-honeydew-75)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:80\:dark, html.auto .sf-c-txt-honeydew\:80\:dark { color: hsl(var(--sf-c-txt-honeydew-80)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:85\:dark, html.auto .sf-c-txt-honeydew\:85\:dark { color: hsl(var(--sf-c-txt-honeydew-85)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:90\:dark, html.auto .sf-c-txt-honeydew\:90\:dark { color: hsl(var(--sf-c-txt-honeydew-90)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:95\:dark, html.auto .sf-c-txt-honeydew\:95\:dark { color: hsl(var(--sf-c-txt-honeydew-95)) } + html[data-theme='auto'] .sf-c-txt-honeydew\:100\:dark, html.auto .sf-c-txt-honeydew\:100\:dark { color: hsl(var(--sf-c-txt-honeydew-100)) } + html.var[data-theme='auto'] .sf-c-honeydew, html.var.auto .sf-c-honeydew { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 3%) } html.var[data-theme='auto'] .sf-c-honeydew\:0, html.var.auto .sf-c-honeydew\:0 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 100%) } html.var[data-theme='auto'] .sf-c-honeydew\:5, html.var.auto .sf-c-honeydew\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-honeydew\:100\:dark, html.var.dark .sf-c-honey html.var[data-theme='auto'] .sf-c-honeydew\:90\:dark, html.var.auto .sf-c-honeydew\:90\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } html.var[data-theme='auto'] .sf-c-honeydew\:95\:dark, html.var.auto .sf-c-honeydew\:95\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } html.var[data-theme='auto'] .sf-c-honeydew\:100\:dark, html.var.auto .sf-c-honeydew\:100\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } -} -.sf-c-txt-honeydew { color: hsl(var(--sf-c-txt-honeydew)) } -.sf-c-txt-honeydew\:0 { color: hsl(var(--sf-c-txt-honeydew-0)) } -.sf-c-txt-honeydew\:5 { color: hsl(var(--sf-c-txt-honeydew-5)) } -.sf-c-txt-honeydew\:10 { color: hsl(var(--sf-c-txt-honeydew-10)) } -.sf-c-txt-honeydew\:15 { color: hsl(var(--sf-c-txt-honeydew-15)) } -.sf-c-txt-honeydew\:20 { color: hsl(var(--sf-c-txt-honeydew-20)) } -.sf-c-txt-honeydew\:25 { color: hsl(var(--sf-c-txt-honeydew-25)) } -.sf-c-txt-honeydew\:30 { color: hsl(var(--sf-c-txt-honeydew-30)) } -.sf-c-txt-honeydew\:35 { color: hsl(var(--sf-c-txt-honeydew-35)) } -.sf-c-txt-honeydew\:40 { color: hsl(var(--sf-c-txt-honeydew-40)) } -.sf-c-txt-honeydew\:45 { color: hsl(var(--sf-c-txt-honeydew-45)) } -.sf-c-txt-honeydew\:50 { color: hsl(var(--sf-c-txt-honeydew-50)) } -.sf-c-txt-honeydew\:55 { color: hsl(var(--sf-c-txt-honeydew-55)) } -.sf-c-txt-honeydew\:60 { color: hsl(var(--sf-c-txt-honeydew-60)) } -.sf-c-txt-honeydew\:65 { color: hsl(var(--sf-c-txt-honeydew-65)) } -.sf-c-txt-honeydew\:70 { color: hsl(var(--sf-c-txt-honeydew-70)) } -.sf-c-txt-honeydew\:75 { color: hsl(var(--sf-c-txt-honeydew-75)) } -.sf-c-txt-honeydew\:80 { color: hsl(var(--sf-c-txt-honeydew-80)) } -.sf-c-txt-honeydew\:85 { color: hsl(var(--sf-c-txt-honeydew-85)) } -.sf-c-txt-honeydew\:90 { color: hsl(var(--sf-c-txt-honeydew-90)) } -.sf-c-txt-honeydew\:95 { color: hsl(var(--sf-c-txt-honeydew-95)) } -.sf-c-txt-honeydew\:100 { color: hsl(var(--sf-c-txt-honeydew-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-honeydew, html.auto .sf-c-txt-honeydew { color: hsl(120, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:0, html.auto .sf-c-txt-honeydew\:0 { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:5, html.auto .sf-c-txt-honeydew\:5 { color: hsl(120, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:10, html.auto .sf-c-txt-honeydew\:10 { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:15, html.auto .sf-c-txt-honeydew\:15 { color: hsl(120, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:20, html.auto .sf-c-txt-honeydew\:20 { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:25, html.auto .sf-c-txt-honeydew\:25 { color: hsl(120, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:30, html.auto .sf-c-txt-honeydew\:30 { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:35, html.auto .sf-c-txt-honeydew\:35 { color: hsl(120, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:40, html.auto .sf-c-txt-honeydew\:40 { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:45, html.auto .sf-c-txt-honeydew\:45 { color: hsl(120, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:50, html.auto .sf-c-txt-honeydew\:50 { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:55, html.auto .sf-c-txt-honeydew\:55 { color: hsl(120, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:60, html.auto .sf-c-txt-honeydew\:60 { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:65, html.auto .sf-c-txt-honeydew\:65 { color: hsl(120, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:70, html.auto .sf-c-txt-honeydew\:70 { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:75, html.auto .sf-c-txt-honeydew\:75 { color: hsl(120, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:80, html.auto .sf-c-txt-honeydew\:80 { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:85, html.auto .sf-c-txt-honeydew\:85 { color: hsl(120, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:90, html.auto .sf-c-txt-honeydew\:90 { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:95, html.auto .sf-c-txt-honeydew\:95 { color: hsl(120, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:100, html.auto .sf-c-txt-honeydew\:100 { color: hsl(120, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-honeydew\:dark, html.auto .sf-c-txt-honeydew\:dark { color: hsl(120, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:0\:dark, html.auto .sf-c-txt-honeydew\:0\:dark { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:5\:dark, html.auto .sf-c-txt-honeydew\:5\:dark { color: hsl(120, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:10\:dark, html.auto .sf-c-txt-honeydew\:10\:dark { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:15\:dark, html.auto .sf-c-txt-honeydew\:15\:dark { color: hsl(120, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:20\:dark, html.auto .sf-c-txt-honeydew\:20\:dark { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:25\:dark, html.auto .sf-c-txt-honeydew\:25\:dark { color: hsl(120, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:30\:dark, html.auto .sf-c-txt-honeydew\:30\:dark { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:35\:dark, html.auto .sf-c-txt-honeydew\:35\:dark { color: hsl(120, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:40\:dark, html.auto .sf-c-txt-honeydew\:40\:dark { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:45\:dark, html.auto .sf-c-txt-honeydew\:45\:dark { color: hsl(120, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:50\:dark, html.auto .sf-c-txt-honeydew\:50\:dark { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:55\:dark, html.auto .sf-c-txt-honeydew\:55\:dark { color: hsl(120, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:60\:dark, html.auto .sf-c-txt-honeydew\:60\:dark { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:65\:dark, html.auto .sf-c-txt-honeydew\:65\:dark { color: hsl(120, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:70\:dark, html.auto .sf-c-txt-honeydew\:70\:dark { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:75\:dark, html.auto .sf-c-txt-honeydew\:75\:dark { color: hsl(120, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:80\:dark, html.auto .sf-c-txt-honeydew\:80\:dark { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:85\:dark, html.auto .sf-c-txt-honeydew\:85\:dark { color: hsl(120, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:90\:dark, html.auto .sf-c-txt-honeydew\:90\:dark { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:95\:dark, html.auto .sf-c-txt-honeydew\:95\:dark { color: hsl(120, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-honeydew\:100\:dark, html.auto .sf-c-txt-honeydew\:100\:dark { color: hsl(120, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/hotpink.css b/src/colors/20/hotpink.css index 961a57a..929e578 100644 --- a/src/colors/20/hotpink.css +++ b/src/colors/20/hotpink.css @@ -138,6 +138,52 @@ html.var .sf-c-hotpink\:90 { color: hsl(330, 100%, 5%); background: hsl(330, 100 html.var .sf-c-hotpink\:95 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 95%) } html.var .sf-c-hotpink\:100 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 100%) } +.sf-c-txt-hotpink { color: hsl(var(--sf-dark-c-txt-hotpink)) } +.sf-c-txt-hotpink\:0 { color: hsl(var(--sf-dark-c-txt-hotpink-100)) } +.sf-c-txt-hotpink\:5 { color: hsl(var(--sf-dark-c-txt-hotpink-95)) } +.sf-c-txt-hotpink\:10 { color: hsl(var(--sf-dark-c-txt-hotpink-90)) } +.sf-c-txt-hotpink\:15 { color: hsl(var(--sf-dark-c-txt-hotpink-85)) } +.sf-c-txt-hotpink\:20 { color: hsl(var(--sf-dark-c-txt-hotpink-80)) } +.sf-c-txt-hotpink\:25 { color: hsl(var(--sf-dark-c-txt-hotpink-75)) } +.sf-c-txt-hotpink\:30 { color: hsl(var(--sf-dark-c-txt-hotpink-70)) } +.sf-c-txt-hotpink\:35 { color: hsl(var(--sf-dark-c-txt-hotpink-65)) } +.sf-c-txt-hotpink\:40 { color: hsl(var(--sf-dark-c-txt-hotpink-60)) } +.sf-c-txt-hotpink\:45 { color: hsl(var(--sf-dark-c-txt-hotpink-55)) } +.sf-c-txt-hotpink\:50 { color: hsl(var(--sf-dark-c-txt-hotpink-50)) } +.sf-c-txt-hotpink\:55 { color: hsl(var(--sf-dark-c-txt-hotpink-45)) } +.sf-c-txt-hotpink\:60 { color: hsl(var(--sf-dark-c-txt-hotpink-40)) } +.sf-c-txt-hotpink\:65 { color: hsl(var(--sf-dark-c-txt-hotpink-35)) } +.sf-c-txt-hotpink\:70 { color: hsl(var(--sf-dark-c-txt-hotpink-30)) } +.sf-c-txt-hotpink\:75 { color: hsl(var(--sf-dark-c-txt-hotpink-25)) } +.sf-c-txt-hotpink\:80 { color: hsl(var(--sf-dark-c-txt-hotpink-20)) } +.sf-c-txt-hotpink\:85 { color: hsl(var(--sf-dark-c-txt-hotpink-15)) } +.sf-c-txt-hotpink\:90 { color: hsl(var(--sf-dark-c-txt-hotpink-10)) } +.sf-c-txt-hotpink\:95 { color: hsl(var(--sf-dark-c-txt-hotpink-5)) } +.sf-c-txt-hotpink\:100 { color: hsl(var(--sf-dark-c-txt-hotpink-0)) } + +html.var .sf-c-txt-hotpink { color: hsl(330, 100%, 29%) } +html.var .sf-c-txt-hotpink\:0 { color: hsl(330, 100%, 100%) } +html.var .sf-c-txt-hotpink\:5 { color: hsl(330, 100%, 95%) } +html.var .sf-c-txt-hotpink\:10 { color: hsl(330, 100%, 90%) } +html.var .sf-c-txt-hotpink\:15 { color: hsl(330, 100%, 85%) } +html.var .sf-c-txt-hotpink\:20 { color: hsl(330, 100%, 80%) } +html.var .sf-c-txt-hotpink\:25 { color: hsl(330, 100%, 75%) } +html.var .sf-c-txt-hotpink\:30 { color: hsl(330, 100%, 70%) } +html.var .sf-c-txt-hotpink\:35 { color: hsl(330, 100%, 65%) } +html.var .sf-c-txt-hotpink\:40 { color: hsl(330, 100%, 60%) } +html.var .sf-c-txt-hotpink\:45 { color: hsl(330, 100%, 55%) } +html.var .sf-c-txt-hotpink\:50 { color: hsl(330, 100%, 50%) } +html.var .sf-c-txt-hotpink\:55 { color: hsl(330, 100%, 45%) } +html.var .sf-c-txt-hotpink\:60 { color: hsl(330, 100%, 40%) } +html.var .sf-c-txt-hotpink\:65 { color: hsl(330, 100%, 35%) } +html.var .sf-c-txt-hotpink\:70 { color: hsl(330, 100%, 30%) } +html.var .sf-c-txt-hotpink\:75 { color: hsl(330, 100%, 25%) } +html.var .sf-c-txt-hotpink\:80 { color: hsl(330, 100%, 20%) } +html.var .sf-c-txt-hotpink\:85 { color: hsl(330, 100%, 15%) } +html.var .sf-c-txt-hotpink\:90 { color: hsl(330, 100%, 10%) } +html.var .sf-c-txt-hotpink\:95 { color: hsl(330, 100%, 5%) } +html.var .sf-c-txt-hotpink\:100 { color: hsl(330, 100%, 0%) } + html[data-theme='dark'] .sf-c-hotpink, html.dark .sf-c-hotpink { color: hsl(var(--sf-dark-c-txt-hotpink-95)); background: hsl(var(--sf-dark-c-hotpink)) } html[data-theme='dark'] .sf-c-hotpink\:0, html.dark .sf-c-hotpink\:0 { color: hsl(var(--sf-dark-c-txt-hotpink-95)); background: hsl(var(--sf-dark-c-hotpink-100)) } html[data-theme='dark'] .sf-c-hotpink\:5, html.dark .sf-c-hotpink\:5 { color: hsl(var(--sf-dark-c-txt-hotpink-5)); background: hsl(var(--sf-dark-c-hotpink-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-hotpink\:90\:dark, html.dark .sf-c-hotpink\:90\:da html[data-theme='dark'] .sf-c-hotpink\:95\:dark, html.dark .sf-c-hotpink\:95\:dark { color: hsl(var(--sf-c-txt-hotpink-95)); background: hsl(var(--sf-c-hotpink-5)) } html[data-theme='dark'] .sf-c-hotpink\:100\:dark, html.dark .sf-c-hotpink\:100\:dark { color: hsl(var(--sf-c-txt-hotpink-95)); background: hsl(var(--sf-c-hotpink-0)) } +html[data-theme='dark'] .sf-c-txt-hotpink, html.dark .sf-c-txt-hotpink { color: hsl(var(--sf-c-txt-hotpink)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:0, html.dark .sf-c-txt-hotpink\:0 { color: hsl(var(--sf-c-txt-hotpink-0)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:5, html.dark .sf-c-txt-hotpink\:5 { color: hsl(var(--sf-c-txt-hotpink-5)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:10, html.dark .sf-c-txt-hotpink\:10 { color: hsl(var(--sf-c-txt-hotpink-10)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:15, html.dark .sf-c-txt-hotpink\:15 { color: hsl(var(--sf-c-txt-hotpink-15)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:20, html.dark .sf-c-txt-hotpink\:20 { color: hsl(var(--sf-c-txt-hotpink-20)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:25, html.dark .sf-c-txt-hotpink\:25 { color: hsl(var(--sf-c-txt-hotpink-25)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:30, html.dark .sf-c-txt-hotpink\:30 { color: hsl(var(--sf-c-txt-hotpink-30)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:35, html.dark .sf-c-txt-hotpink\:35 { color: hsl(var(--sf-c-txt-hotpink-35)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:40, html.dark .sf-c-txt-hotpink\:40 { color: hsl(var(--sf-c-txt-hotpink-40)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:45, html.dark .sf-c-txt-hotpink\:45 { color: hsl(var(--sf-c-txt-hotpink-45)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:50, html.dark .sf-c-txt-hotpink\:50 { color: hsl(var(--sf-c-txt-hotpink-50)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:55, html.dark .sf-c-txt-hotpink\:55 { color: hsl(var(--sf-c-txt-hotpink-55)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:60, html.dark .sf-c-txt-hotpink\:60 { color: hsl(var(--sf-c-txt-hotpink-60)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:65, html.dark .sf-c-txt-hotpink\:65 { color: hsl(var(--sf-c-txt-hotpink-65)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:70, html.dark .sf-c-txt-hotpink\:70 { color: hsl(var(--sf-c-txt-hotpink-70)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:75, html.dark .sf-c-txt-hotpink\:75 { color: hsl(var(--sf-c-txt-hotpink-75)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:80, html.dark .sf-c-txt-hotpink\:80 { color: hsl(var(--sf-c-txt-hotpink-80)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:85, html.dark .sf-c-txt-hotpink\:85 { color: hsl(var(--sf-c-txt-hotpink-85)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:90, html.dark .sf-c-txt-hotpink\:90 { color: hsl(var(--sf-c-txt-hotpink-90)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:95, html.dark .sf-c-txt-hotpink\:95 { color: hsl(var(--sf-c-txt-hotpink-95)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:100, html.dark .sf-c-txt-hotpink\:100 { color: hsl(var(--sf-c-txt-hotpink-100)) } + +html[data-theme='dark'] .sf-c-txt-hotpink\:dark, html.dark .sf-c-txt-hotpink\:dark { color: hsl(var(--sf-c-txt-hotpink)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:0\:dark, html.dark .sf-c-txt-hotpink\:0\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-0)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:5\:dark, html.dark .sf-c-txt-hotpink\:5\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-5)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:10\:dark, html.dark .sf-c-txt-hotpink\:10\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-10)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:15\:dark, html.dark .sf-c-txt-hotpink\:15\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-15)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:20\:dark, html.dark .sf-c-txt-hotpink\:20\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-20)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:25\:dark, html.dark .sf-c-txt-hotpink\:25\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-25)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:30\:dark, html.dark .sf-c-txt-hotpink\:30\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-30)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:35\:dark, html.dark .sf-c-txt-hotpink\:35\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-35)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:40\:dark, html.dark .sf-c-txt-hotpink\:40\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-40)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:45\:dark, html.dark .sf-c-txt-hotpink\:45\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-45)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:50\:dark, html.dark .sf-c-txt-hotpink\:50\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-50)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:55\:dark, html.dark .sf-c-txt-hotpink\:55\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-55)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:60\:dark, html.dark .sf-c-txt-hotpink\:60\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-60)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:65\:dark, html.dark .sf-c-txt-hotpink\:65\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-65)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:70\:dark, html.dark .sf-c-txt-hotpink\:70\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-70)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:75\:dark, html.dark .sf-c-txt-hotpink\:75\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-75)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:80\:dark, html.dark .sf-c-txt-hotpink\:80\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-80)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:85\:dark, html.dark .sf-c-txt-hotpink\:85\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-85)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:90\:dark, html.dark .sf-c-txt-hotpink\:90\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-90)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:95\:dark, html.dark .sf-c-txt-hotpink\:95\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-95)) } +html[data-theme='dark'] .sf-c-txt-hotpink\:100\:dark, html.dark .sf-c-txt-hotpink\:100\:dark { color: hsl(var(--sf-dark-c-txt-hotpink-100)) } + html.var[data-theme='dark'] .sf-c-hotpink, html.var.dark .sf-c-hotpink { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 29%) } html.var[data-theme='dark'] .sf-c-hotpink\:0, html.var.dark .sf-c-hotpink\:0 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 100%) } html.var[data-theme='dark'] .sf-c-hotpink\:5, html.var.dark .sf-c-hotpink\:5 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-hotpink\:90\:dark, html.var.dark .sf-c-hotpink html.var[data-theme='dark'] .sf-c-hotpink\:95\:dark, html.var.dark .sf-c-hotpink\:95\:dark { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 5%) } html.var[data-theme='dark'] .sf-c-hotpink\:100\:dark, html.var.dark .sf-c-hotpink\:100\:dark { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink, html.dark .sf-c-txt-hotpink { color: hsl(330, 100%, 71%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:0, html.dark .sf-c-txt-hotpink\:0 { color: hsl(330, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:5, html.dark .sf-c-txt-hotpink\:5 { color: hsl(330, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:10, html.dark .sf-c-txt-hotpink\:10 { color: hsl(330, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:15, html.dark .sf-c-txt-hotpink\:15 { color: hsl(330, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:20, html.dark .sf-c-txt-hotpink\:20 { color: hsl(330, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:25, html.dark .sf-c-txt-hotpink\:25 { color: hsl(330, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:30, html.dark .sf-c-txt-hotpink\:30 { color: hsl(330, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:35, html.dark .sf-c-txt-hotpink\:35 { color: hsl(330, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:40, html.dark .sf-c-txt-hotpink\:40 { color: hsl(330, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:45, html.dark .sf-c-txt-hotpink\:45 { color: hsl(330, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:50, html.dark .sf-c-txt-hotpink\:50 { color: hsl(330, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:55, html.dark .sf-c-txt-hotpink\:55 { color: hsl(330, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:60, html.dark .sf-c-txt-hotpink\:60 { color: hsl(330, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:65, html.dark .sf-c-txt-hotpink\:65 { color: hsl(330, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:70, html.dark .sf-c-txt-hotpink\:70 { color: hsl(330, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:75, html.dark .sf-c-txt-hotpink\:75 { color: hsl(330, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:80, html.dark .sf-c-txt-hotpink\:80 { color: hsl(330, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:85, html.dark .sf-c-txt-hotpink\:85 { color: hsl(330, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:90, html.dark .sf-c-txt-hotpink\:90 { color: hsl(330, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:95, html.dark .sf-c-txt-hotpink\:95 { color: hsl(330, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:100, html.dark .sf-c-txt-hotpink\:100 { color: hsl(330, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-hotpink\:dark, html.dark .sf-c-txt-hotpink\:dark { color: hsl(330, 100%, 71%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:0\:dark, html.dark .sf-c-txt-hotpink\:0\:dark { color: hsl(330, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:5\:dark, html.dark .sf-c-txt-hotpink\:5\:dark { color: hsl(330, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:10\:dark, html.dark .sf-c-txt-hotpink\:10\:dark { color: hsl(330, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:15\:dark, html.dark .sf-c-txt-hotpink\:15\:dark { color: hsl(330, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:20\:dark, html.dark .sf-c-txt-hotpink\:20\:dark { color: hsl(330, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:25\:dark, html.dark .sf-c-txt-hotpink\:25\:dark { color: hsl(330, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:30\:dark, html.dark .sf-c-txt-hotpink\:30\:dark { color: hsl(330, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:35\:dark, html.dark .sf-c-txt-hotpink\:35\:dark { color: hsl(330, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:40\:dark, html.dark .sf-c-txt-hotpink\:40\:dark { color: hsl(330, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:45\:dark, html.dark .sf-c-txt-hotpink\:45\:dark { color: hsl(330, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:50\:dark, html.dark .sf-c-txt-hotpink\:50\:dark { color: hsl(330, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:55\:dark, html.dark .sf-c-txt-hotpink\:55\:dark { color: hsl(330, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:60\:dark, html.dark .sf-c-txt-hotpink\:60\:dark { color: hsl(330, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:65\:dark, html.dark .sf-c-txt-hotpink\:65\:dark { color: hsl(330, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:70\:dark, html.dark .sf-c-txt-hotpink\:70\:dark { color: hsl(330, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:75\:dark, html.dark .sf-c-txt-hotpink\:75\:dark { color: hsl(330, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:80\:dark, html.dark .sf-c-txt-hotpink\:80\:dark { color: hsl(330, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:85\:dark, html.dark .sf-c-txt-hotpink\:85\:dark { color: hsl(330, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:90\:dark, html.dark .sf-c-txt-hotpink\:90\:dark { color: hsl(330, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:95\:dark, html.dark .sf-c-txt-hotpink\:95\:dark { color: hsl(330, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-hotpink\:100\:dark, html.dark .sf-c-txt-hotpink\:100\:dark { color: hsl(330, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-hotpink, html.auto .sf-c-hotpink { color: hsl(var(--sf-dark-c-txt-hotpink-95)); background: hsl(var(--sf-dark-c-hotpink)) } html[data-theme='auto'] .sf-c-hotpink\:0, html.auto .sf-c-hotpink\:0 { color: hsl(var(--sf-dark-c-txt-hotpink-95)); background: hsl(var(--sf-dark-c-hotpink-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-hotpink\:100\:dark, html.var.dark .sf-c-hotpin html[data-theme='auto'] .sf-c-hotpink\:95\:dark, html.auto .sf-c-hotpink\:95\:dark { color: hsl(var(--sf-c-txt-hotpink-95)); background: hsl(var(--sf-c-hotpink-5)) } html[data-theme='auto'] .sf-c-hotpink\:100\:dark, html.auto .sf-c-hotpink\:100\:dark { color: hsl(var(--sf-c-txt-hotpink-95)); background: hsl(var(--sf-c-hotpink-0)) } + html[data-theme='auto'] .sf-c-txt-hotpink, html.auto .sf-c-txt-hotpink { color: hsl(var(--sf-c-txt-hotpink)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:0, html.auto .sf-c-txt-hotpink\:0 { color: hsl(var(--sf-c-txt-hotpink-0)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:5, html.auto .sf-c-txt-hotpink\:5 { color: hsl(var(--sf-c-txt-hotpink-5)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:10, html.auto .sf-c-txt-hotpink\:10 { color: hsl(var(--sf-c-txt-hotpink-10)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:15, html.auto .sf-c-txt-hotpink\:15 { color: hsl(var(--sf-c-txt-hotpink-15)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:20, html.auto .sf-c-txt-hotpink\:20 { color: hsl(var(--sf-c-txt-hotpink-20)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:25, html.auto .sf-c-txt-hotpink\:25 { color: hsl(var(--sf-c-txt-hotpink-25)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:30, html.auto .sf-c-txt-hotpink\:30 { color: hsl(var(--sf-c-txt-hotpink-30)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:35, html.auto .sf-c-txt-hotpink\:35 { color: hsl(var(--sf-c-txt-hotpink-35)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:40, html.auto .sf-c-txt-hotpink\:40 { color: hsl(var(--sf-c-txt-hotpink-40)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:45, html.auto .sf-c-txt-hotpink\:45 { color: hsl(var(--sf-c-txt-hotpink-45)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:50, html.auto .sf-c-txt-hotpink\:50 { color: hsl(var(--sf-c-txt-hotpink-50)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:55, html.auto .sf-c-txt-hotpink\:55 { color: hsl(var(--sf-c-txt-hotpink-55)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:60, html.auto .sf-c-txt-hotpink\:60 { color: hsl(var(--sf-c-txt-hotpink-60)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:65, html.auto .sf-c-txt-hotpink\:65 { color: hsl(var(--sf-c-txt-hotpink-65)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:70, html.auto .sf-c-txt-hotpink\:70 { color: hsl(var(--sf-c-txt-hotpink-70)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:75, html.auto .sf-c-txt-hotpink\:75 { color: hsl(var(--sf-c-txt-hotpink-75)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:80, html.auto .sf-c-txt-hotpink\:80 { color: hsl(var(--sf-c-txt-hotpink-80)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:85, html.auto .sf-c-txt-hotpink\:85 { color: hsl(var(--sf-c-txt-hotpink-85)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:90, html.auto .sf-c-txt-hotpink\:90 { color: hsl(var(--sf-c-txt-hotpink-90)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:95, html.auto .sf-c-txt-hotpink\:95 { color: hsl(var(--sf-c-txt-hotpink-95)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:100, html.auto .sf-c-txt-hotpink\:100 { color: hsl(var(--sf-c-txt-hotpink-100)) } + + html[data-theme='auto'] .sf-c-txt-hotpink\:dark, html.auto .sf-c-txt-hotpink\:dark { color: hsl(var(--sf-c-txt-hotpink)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:0\:dark, html.auto .sf-c-txt-hotpink\:0\:dark { color: hsl(var(--sf-c-txt-hotpink-0)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:5\:dark, html.auto .sf-c-txt-hotpink\:5\:dark { color: hsl(var(--sf-c-txt-hotpink-5)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:10\:dark, html.auto .sf-c-txt-hotpink\:10\:dark { color: hsl(var(--sf-c-txt-hotpink-10)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:15\:dark, html.auto .sf-c-txt-hotpink\:15\:dark { color: hsl(var(--sf-c-txt-hotpink-15)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:20\:dark, html.auto .sf-c-txt-hotpink\:20\:dark { color: hsl(var(--sf-c-txt-hotpink-20)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:25\:dark, html.auto .sf-c-txt-hotpink\:25\:dark { color: hsl(var(--sf-c-txt-hotpink-25)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:30\:dark, html.auto .sf-c-txt-hotpink\:30\:dark { color: hsl(var(--sf-c-txt-hotpink-30)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:35\:dark, html.auto .sf-c-txt-hotpink\:35\:dark { color: hsl(var(--sf-c-txt-hotpink-35)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:40\:dark, html.auto .sf-c-txt-hotpink\:40\:dark { color: hsl(var(--sf-c-txt-hotpink-40)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:45\:dark, html.auto .sf-c-txt-hotpink\:45\:dark { color: hsl(var(--sf-c-txt-hotpink-45)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:50\:dark, html.auto .sf-c-txt-hotpink\:50\:dark { color: hsl(var(--sf-c-txt-hotpink-50)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:55\:dark, html.auto .sf-c-txt-hotpink\:55\:dark { color: hsl(var(--sf-c-txt-hotpink-55)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:60\:dark, html.auto .sf-c-txt-hotpink\:60\:dark { color: hsl(var(--sf-c-txt-hotpink-60)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:65\:dark, html.auto .sf-c-txt-hotpink\:65\:dark { color: hsl(var(--sf-c-txt-hotpink-65)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:70\:dark, html.auto .sf-c-txt-hotpink\:70\:dark { color: hsl(var(--sf-c-txt-hotpink-70)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:75\:dark, html.auto .sf-c-txt-hotpink\:75\:dark { color: hsl(var(--sf-c-txt-hotpink-75)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:80\:dark, html.auto .sf-c-txt-hotpink\:80\:dark { color: hsl(var(--sf-c-txt-hotpink-80)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:85\:dark, html.auto .sf-c-txt-hotpink\:85\:dark { color: hsl(var(--sf-c-txt-hotpink-85)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:90\:dark, html.auto .sf-c-txt-hotpink\:90\:dark { color: hsl(var(--sf-c-txt-hotpink-90)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:95\:dark, html.auto .sf-c-txt-hotpink\:95\:dark { color: hsl(var(--sf-c-txt-hotpink-95)) } + html[data-theme='auto'] .sf-c-txt-hotpink\:100\:dark, html.auto .sf-c-txt-hotpink\:100\:dark { color: hsl(var(--sf-c-txt-hotpink-100)) } + html.var[data-theme='auto'] .sf-c-hotpink, html.var.auto .sf-c-hotpink { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 29%) } html.var[data-theme='auto'] .sf-c-hotpink\:0, html.var.auto .sf-c-hotpink\:0 { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 100%) } html.var[data-theme='auto'] .sf-c-hotpink\:5, html.var.auto .sf-c-hotpink\:5 { color: hsl(330, 100%, 5%); background: hsl(330, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-hotpink\:100\:dark, html.var.dark .sf-c-hotpin html.var[data-theme='auto'] .sf-c-hotpink\:90\:dark, html.var.auto .sf-c-hotpink\:90\:dark { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 10%) } html.var[data-theme='auto'] .sf-c-hotpink\:95\:dark, html.var.auto .sf-c-hotpink\:95\:dark { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 5%) } html.var[data-theme='auto'] .sf-c-hotpink\:100\:dark, html.var.auto .sf-c-hotpink\:100\:dark { color: hsl(330, 100%, 95%); background: hsl(330, 100%, 0%) } -} -.sf-c-txt-hotpink { color: hsl(var(--sf-c-txt-hotpink)) } -.sf-c-txt-hotpink\:0 { color: hsl(var(--sf-c-txt-hotpink-0)) } -.sf-c-txt-hotpink\:5 { color: hsl(var(--sf-c-txt-hotpink-5)) } -.sf-c-txt-hotpink\:10 { color: hsl(var(--sf-c-txt-hotpink-10)) } -.sf-c-txt-hotpink\:15 { color: hsl(var(--sf-c-txt-hotpink-15)) } -.sf-c-txt-hotpink\:20 { color: hsl(var(--sf-c-txt-hotpink-20)) } -.sf-c-txt-hotpink\:25 { color: hsl(var(--sf-c-txt-hotpink-25)) } -.sf-c-txt-hotpink\:30 { color: hsl(var(--sf-c-txt-hotpink-30)) } -.sf-c-txt-hotpink\:35 { color: hsl(var(--sf-c-txt-hotpink-35)) } -.sf-c-txt-hotpink\:40 { color: hsl(var(--sf-c-txt-hotpink-40)) } -.sf-c-txt-hotpink\:45 { color: hsl(var(--sf-c-txt-hotpink-45)) } -.sf-c-txt-hotpink\:50 { color: hsl(var(--sf-c-txt-hotpink-50)) } -.sf-c-txt-hotpink\:55 { color: hsl(var(--sf-c-txt-hotpink-55)) } -.sf-c-txt-hotpink\:60 { color: hsl(var(--sf-c-txt-hotpink-60)) } -.sf-c-txt-hotpink\:65 { color: hsl(var(--sf-c-txt-hotpink-65)) } -.sf-c-txt-hotpink\:70 { color: hsl(var(--sf-c-txt-hotpink-70)) } -.sf-c-txt-hotpink\:75 { color: hsl(var(--sf-c-txt-hotpink-75)) } -.sf-c-txt-hotpink\:80 { color: hsl(var(--sf-c-txt-hotpink-80)) } -.sf-c-txt-hotpink\:85 { color: hsl(var(--sf-c-txt-hotpink-85)) } -.sf-c-txt-hotpink\:90 { color: hsl(var(--sf-c-txt-hotpink-90)) } -.sf-c-txt-hotpink\:95 { color: hsl(var(--sf-c-txt-hotpink-95)) } -.sf-c-txt-hotpink\:100 { color: hsl(var(--sf-c-txt-hotpink-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-hotpink, html.auto .sf-c-txt-hotpink { color: hsl(330, 100%, 71%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:0, html.auto .sf-c-txt-hotpink\:0 { color: hsl(330, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:5, html.auto .sf-c-txt-hotpink\:5 { color: hsl(330, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:10, html.auto .sf-c-txt-hotpink\:10 { color: hsl(330, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:15, html.auto .sf-c-txt-hotpink\:15 { color: hsl(330, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:20, html.auto .sf-c-txt-hotpink\:20 { color: hsl(330, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:25, html.auto .sf-c-txt-hotpink\:25 { color: hsl(330, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:30, html.auto .sf-c-txt-hotpink\:30 { color: hsl(330, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:35, html.auto .sf-c-txt-hotpink\:35 { color: hsl(330, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:40, html.auto .sf-c-txt-hotpink\:40 { color: hsl(330, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:45, html.auto .sf-c-txt-hotpink\:45 { color: hsl(330, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:50, html.auto .sf-c-txt-hotpink\:50 { color: hsl(330, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:55, html.auto .sf-c-txt-hotpink\:55 { color: hsl(330, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:60, html.auto .sf-c-txt-hotpink\:60 { color: hsl(330, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:65, html.auto .sf-c-txt-hotpink\:65 { color: hsl(330, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:70, html.auto .sf-c-txt-hotpink\:70 { color: hsl(330, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:75, html.auto .sf-c-txt-hotpink\:75 { color: hsl(330, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:80, html.auto .sf-c-txt-hotpink\:80 { color: hsl(330, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:85, html.auto .sf-c-txt-hotpink\:85 { color: hsl(330, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:90, html.auto .sf-c-txt-hotpink\:90 { color: hsl(330, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:95, html.auto .sf-c-txt-hotpink\:95 { color: hsl(330, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:100, html.auto .sf-c-txt-hotpink\:100 { color: hsl(330, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-hotpink\:dark, html.auto .sf-c-txt-hotpink\:dark { color: hsl(330, 100%, 71%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:0\:dark, html.auto .sf-c-txt-hotpink\:0\:dark { color: hsl(330, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:5\:dark, html.auto .sf-c-txt-hotpink\:5\:dark { color: hsl(330, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:10\:dark, html.auto .sf-c-txt-hotpink\:10\:dark { color: hsl(330, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:15\:dark, html.auto .sf-c-txt-hotpink\:15\:dark { color: hsl(330, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:20\:dark, html.auto .sf-c-txt-hotpink\:20\:dark { color: hsl(330, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:25\:dark, html.auto .sf-c-txt-hotpink\:25\:dark { color: hsl(330, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:30\:dark, html.auto .sf-c-txt-hotpink\:30\:dark { color: hsl(330, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:35\:dark, html.auto .sf-c-txt-hotpink\:35\:dark { color: hsl(330, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:40\:dark, html.auto .sf-c-txt-hotpink\:40\:dark { color: hsl(330, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:45\:dark, html.auto .sf-c-txt-hotpink\:45\:dark { color: hsl(330, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:50\:dark, html.auto .sf-c-txt-hotpink\:50\:dark { color: hsl(330, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:55\:dark, html.auto .sf-c-txt-hotpink\:55\:dark { color: hsl(330, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:60\:dark, html.auto .sf-c-txt-hotpink\:60\:dark { color: hsl(330, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:65\:dark, html.auto .sf-c-txt-hotpink\:65\:dark { color: hsl(330, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:70\:dark, html.auto .sf-c-txt-hotpink\:70\:dark { color: hsl(330, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:75\:dark, html.auto .sf-c-txt-hotpink\:75\:dark { color: hsl(330, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:80\:dark, html.auto .sf-c-txt-hotpink\:80\:dark { color: hsl(330, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:85\:dark, html.auto .sf-c-txt-hotpink\:85\:dark { color: hsl(330, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:90\:dark, html.auto .sf-c-txt-hotpink\:90\:dark { color: hsl(330, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:95\:dark, html.auto .sf-c-txt-hotpink\:95\:dark { color: hsl(330, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-hotpink\:100\:dark, html.auto .sf-c-txt-hotpink\:100\:dark { color: hsl(330, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/indianred.css b/src/colors/20/indianred.css index 429b02b..3141e9f 100644 --- a/src/colors/20/indianred.css +++ b/src/colors/20/indianred.css @@ -138,6 +138,52 @@ html.var .sf-c-indianred\:90 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 9 html.var .sf-c-indianred\:95 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 95%) } html.var .sf-c-indianred\:100 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 100%) } +.sf-c-txt-indianred { color: hsl(var(--sf-dark-c-txt-indianred)) } +.sf-c-txt-indianred\:0 { color: hsl(var(--sf-dark-c-txt-indianred-100)) } +.sf-c-txt-indianred\:5 { color: hsl(var(--sf-dark-c-txt-indianred-95)) } +.sf-c-txt-indianred\:10 { color: hsl(var(--sf-dark-c-txt-indianred-90)) } +.sf-c-txt-indianred\:15 { color: hsl(var(--sf-dark-c-txt-indianred-85)) } +.sf-c-txt-indianred\:20 { color: hsl(var(--sf-dark-c-txt-indianred-80)) } +.sf-c-txt-indianred\:25 { color: hsl(var(--sf-dark-c-txt-indianred-75)) } +.sf-c-txt-indianred\:30 { color: hsl(var(--sf-dark-c-txt-indianred-70)) } +.sf-c-txt-indianred\:35 { color: hsl(var(--sf-dark-c-txt-indianred-65)) } +.sf-c-txt-indianred\:40 { color: hsl(var(--sf-dark-c-txt-indianred-60)) } +.sf-c-txt-indianred\:45 { color: hsl(var(--sf-dark-c-txt-indianred-55)) } +.sf-c-txt-indianred\:50 { color: hsl(var(--sf-dark-c-txt-indianred-50)) } +.sf-c-txt-indianred\:55 { color: hsl(var(--sf-dark-c-txt-indianred-45)) } +.sf-c-txt-indianred\:60 { color: hsl(var(--sf-dark-c-txt-indianred-40)) } +.sf-c-txt-indianred\:65 { color: hsl(var(--sf-dark-c-txt-indianred-35)) } +.sf-c-txt-indianred\:70 { color: hsl(var(--sf-dark-c-txt-indianred-30)) } +.sf-c-txt-indianred\:75 { color: hsl(var(--sf-dark-c-txt-indianred-25)) } +.sf-c-txt-indianred\:80 { color: hsl(var(--sf-dark-c-txt-indianred-20)) } +.sf-c-txt-indianred\:85 { color: hsl(var(--sf-dark-c-txt-indianred-15)) } +.sf-c-txt-indianred\:90 { color: hsl(var(--sf-dark-c-txt-indianred-10)) } +.sf-c-txt-indianred\:95 { color: hsl(var(--sf-dark-c-txt-indianred-5)) } +.sf-c-txt-indianred\:100 { color: hsl(var(--sf-dark-c-txt-indianred-0)) } + +html.var .sf-c-txt-indianred { color: hsl(0, 53%, 42%) } +html.var .sf-c-txt-indianred\:0 { color: hsl(0, 53%, 100%) } +html.var .sf-c-txt-indianred\:5 { color: hsl(0, 53%, 95%) } +html.var .sf-c-txt-indianred\:10 { color: hsl(0, 53%, 90%) } +html.var .sf-c-txt-indianred\:15 { color: hsl(0, 53%, 85%) } +html.var .sf-c-txt-indianred\:20 { color: hsl(0, 53%, 80%) } +html.var .sf-c-txt-indianred\:25 { color: hsl(0, 53%, 75%) } +html.var .sf-c-txt-indianred\:30 { color: hsl(0, 53%, 70%) } +html.var .sf-c-txt-indianred\:35 { color: hsl(0, 53%, 65%) } +html.var .sf-c-txt-indianred\:40 { color: hsl(0, 53%, 60%) } +html.var .sf-c-txt-indianred\:45 { color: hsl(0, 53%, 55%) } +html.var .sf-c-txt-indianred\:50 { color: hsl(0, 53%, 50%) } +html.var .sf-c-txt-indianred\:55 { color: hsl(0, 53%, 45%) } +html.var .sf-c-txt-indianred\:60 { color: hsl(0, 53%, 40%) } +html.var .sf-c-txt-indianred\:65 { color: hsl(0, 53%, 35%) } +html.var .sf-c-txt-indianred\:70 { color: hsl(0, 53%, 30%) } +html.var .sf-c-txt-indianred\:75 { color: hsl(0, 53%, 25%) } +html.var .sf-c-txt-indianred\:80 { color: hsl(0, 53%, 20%) } +html.var .sf-c-txt-indianred\:85 { color: hsl(0, 53%, 15%) } +html.var .sf-c-txt-indianred\:90 { color: hsl(0, 53%, 10%) } +html.var .sf-c-txt-indianred\:95 { color: hsl(0, 53%, 5%) } +html.var .sf-c-txt-indianred\:100 { color: hsl(0, 53%, 0%) } + html[data-theme='dark'] .sf-c-indianred, html.dark .sf-c-indianred { color: hsl(var(--sf-dark-c-txt-indianred-95)); background: hsl(var(--sf-dark-c-indianred)) } html[data-theme='dark'] .sf-c-indianred\:0, html.dark .sf-c-indianred\:0 { color: hsl(var(--sf-dark-c-txt-indianred-95)); background: hsl(var(--sf-dark-c-indianred-100)) } html[data-theme='dark'] .sf-c-indianred\:5, html.dark .sf-c-indianred\:5 { color: hsl(var(--sf-dark-c-txt-indianred-5)); background: hsl(var(--sf-dark-c-indianred-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-indianred\:90\:dark, html.dark .sf-c-indianred\:90 html[data-theme='dark'] .sf-c-indianred\:95\:dark, html.dark .sf-c-indianred\:95\:dark { color: hsl(var(--sf-c-txt-indianred-95)); background: hsl(var(--sf-c-indianred-5)) } html[data-theme='dark'] .sf-c-indianred\:100\:dark, html.dark .sf-c-indianred\:100\:dark { color: hsl(var(--sf-c-txt-indianred-95)); background: hsl(var(--sf-c-indianred-0)) } +html[data-theme='dark'] .sf-c-txt-indianred, html.dark .sf-c-txt-indianred { color: hsl(var(--sf-c-txt-indianred)) } +html[data-theme='dark'] .sf-c-txt-indianred\:0, html.dark .sf-c-txt-indianred\:0 { color: hsl(var(--sf-c-txt-indianred-0)) } +html[data-theme='dark'] .sf-c-txt-indianred\:5, html.dark .sf-c-txt-indianred\:5 { color: hsl(var(--sf-c-txt-indianred-5)) } +html[data-theme='dark'] .sf-c-txt-indianred\:10, html.dark .sf-c-txt-indianred\:10 { color: hsl(var(--sf-c-txt-indianred-10)) } +html[data-theme='dark'] .sf-c-txt-indianred\:15, html.dark .sf-c-txt-indianred\:15 { color: hsl(var(--sf-c-txt-indianred-15)) } +html[data-theme='dark'] .sf-c-txt-indianred\:20, html.dark .sf-c-txt-indianred\:20 { color: hsl(var(--sf-c-txt-indianred-20)) } +html[data-theme='dark'] .sf-c-txt-indianred\:25, html.dark .sf-c-txt-indianred\:25 { color: hsl(var(--sf-c-txt-indianred-25)) } +html[data-theme='dark'] .sf-c-txt-indianred\:30, html.dark .sf-c-txt-indianred\:30 { color: hsl(var(--sf-c-txt-indianred-30)) } +html[data-theme='dark'] .sf-c-txt-indianred\:35, html.dark .sf-c-txt-indianred\:35 { color: hsl(var(--sf-c-txt-indianred-35)) } +html[data-theme='dark'] .sf-c-txt-indianred\:40, html.dark .sf-c-txt-indianred\:40 { color: hsl(var(--sf-c-txt-indianred-40)) } +html[data-theme='dark'] .sf-c-txt-indianred\:45, html.dark .sf-c-txt-indianred\:45 { color: hsl(var(--sf-c-txt-indianred-45)) } +html[data-theme='dark'] .sf-c-txt-indianred\:50, html.dark .sf-c-txt-indianred\:50 { color: hsl(var(--sf-c-txt-indianred-50)) } +html[data-theme='dark'] .sf-c-txt-indianred\:55, html.dark .sf-c-txt-indianred\:55 { color: hsl(var(--sf-c-txt-indianred-55)) } +html[data-theme='dark'] .sf-c-txt-indianred\:60, html.dark .sf-c-txt-indianred\:60 { color: hsl(var(--sf-c-txt-indianred-60)) } +html[data-theme='dark'] .sf-c-txt-indianred\:65, html.dark .sf-c-txt-indianred\:65 { color: hsl(var(--sf-c-txt-indianred-65)) } +html[data-theme='dark'] .sf-c-txt-indianred\:70, html.dark .sf-c-txt-indianred\:70 { color: hsl(var(--sf-c-txt-indianred-70)) } +html[data-theme='dark'] .sf-c-txt-indianred\:75, html.dark .sf-c-txt-indianred\:75 { color: hsl(var(--sf-c-txt-indianred-75)) } +html[data-theme='dark'] .sf-c-txt-indianred\:80, html.dark .sf-c-txt-indianred\:80 { color: hsl(var(--sf-c-txt-indianred-80)) } +html[data-theme='dark'] .sf-c-txt-indianred\:85, html.dark .sf-c-txt-indianred\:85 { color: hsl(var(--sf-c-txt-indianred-85)) } +html[data-theme='dark'] .sf-c-txt-indianred\:90, html.dark .sf-c-txt-indianred\:90 { color: hsl(var(--sf-c-txt-indianred-90)) } +html[data-theme='dark'] .sf-c-txt-indianred\:95, html.dark .sf-c-txt-indianred\:95 { color: hsl(var(--sf-c-txt-indianred-95)) } +html[data-theme='dark'] .sf-c-txt-indianred\:100, html.dark .sf-c-txt-indianred\:100 { color: hsl(var(--sf-c-txt-indianred-100)) } + +html[data-theme='dark'] .sf-c-txt-indianred\:dark, html.dark .sf-c-txt-indianred\:dark { color: hsl(var(--sf-c-txt-indianred)) } +html[data-theme='dark'] .sf-c-txt-indianred\:0\:dark, html.dark .sf-c-txt-indianred\:0\:dark { color: hsl(var(--sf-dark-c-txt-indianred-0)) } +html[data-theme='dark'] .sf-c-txt-indianred\:5\:dark, html.dark .sf-c-txt-indianred\:5\:dark { color: hsl(var(--sf-dark-c-txt-indianred-5)) } +html[data-theme='dark'] .sf-c-txt-indianred\:10\:dark, html.dark .sf-c-txt-indianred\:10\:dark { color: hsl(var(--sf-dark-c-txt-indianred-10)) } +html[data-theme='dark'] .sf-c-txt-indianred\:15\:dark, html.dark .sf-c-txt-indianred\:15\:dark { color: hsl(var(--sf-dark-c-txt-indianred-15)) } +html[data-theme='dark'] .sf-c-txt-indianred\:20\:dark, html.dark .sf-c-txt-indianred\:20\:dark { color: hsl(var(--sf-dark-c-txt-indianred-20)) } +html[data-theme='dark'] .sf-c-txt-indianred\:25\:dark, html.dark .sf-c-txt-indianred\:25\:dark { color: hsl(var(--sf-dark-c-txt-indianred-25)) } +html[data-theme='dark'] .sf-c-txt-indianred\:30\:dark, html.dark .sf-c-txt-indianred\:30\:dark { color: hsl(var(--sf-dark-c-txt-indianred-30)) } +html[data-theme='dark'] .sf-c-txt-indianred\:35\:dark, html.dark .sf-c-txt-indianred\:35\:dark { color: hsl(var(--sf-dark-c-txt-indianred-35)) } +html[data-theme='dark'] .sf-c-txt-indianred\:40\:dark, html.dark .sf-c-txt-indianred\:40\:dark { color: hsl(var(--sf-dark-c-txt-indianred-40)) } +html[data-theme='dark'] .sf-c-txt-indianred\:45\:dark, html.dark .sf-c-txt-indianred\:45\:dark { color: hsl(var(--sf-dark-c-txt-indianred-45)) } +html[data-theme='dark'] .sf-c-txt-indianred\:50\:dark, html.dark .sf-c-txt-indianred\:50\:dark { color: hsl(var(--sf-dark-c-txt-indianred-50)) } +html[data-theme='dark'] .sf-c-txt-indianred\:55\:dark, html.dark .sf-c-txt-indianred\:55\:dark { color: hsl(var(--sf-dark-c-txt-indianred-55)) } +html[data-theme='dark'] .sf-c-txt-indianred\:60\:dark, html.dark .sf-c-txt-indianred\:60\:dark { color: hsl(var(--sf-dark-c-txt-indianred-60)) } +html[data-theme='dark'] .sf-c-txt-indianred\:65\:dark, html.dark .sf-c-txt-indianred\:65\:dark { color: hsl(var(--sf-dark-c-txt-indianred-65)) } +html[data-theme='dark'] .sf-c-txt-indianred\:70\:dark, html.dark .sf-c-txt-indianred\:70\:dark { color: hsl(var(--sf-dark-c-txt-indianred-70)) } +html[data-theme='dark'] .sf-c-txt-indianred\:75\:dark, html.dark .sf-c-txt-indianred\:75\:dark { color: hsl(var(--sf-dark-c-txt-indianred-75)) } +html[data-theme='dark'] .sf-c-txt-indianred\:80\:dark, html.dark .sf-c-txt-indianred\:80\:dark { color: hsl(var(--sf-dark-c-txt-indianred-80)) } +html[data-theme='dark'] .sf-c-txt-indianred\:85\:dark, html.dark .sf-c-txt-indianred\:85\:dark { color: hsl(var(--sf-dark-c-txt-indianred-85)) } +html[data-theme='dark'] .sf-c-txt-indianred\:90\:dark, html.dark .sf-c-txt-indianred\:90\:dark { color: hsl(var(--sf-dark-c-txt-indianred-90)) } +html[data-theme='dark'] .sf-c-txt-indianred\:95\:dark, html.dark .sf-c-txt-indianred\:95\:dark { color: hsl(var(--sf-dark-c-txt-indianred-95)) } +html[data-theme='dark'] .sf-c-txt-indianred\:100\:dark, html.dark .sf-c-txt-indianred\:100\:dark { color: hsl(var(--sf-dark-c-txt-indianred-100)) } + html.var[data-theme='dark'] .sf-c-indianred, html.var.dark .sf-c-indianred { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 42%) } html.var[data-theme='dark'] .sf-c-indianred\:0, html.var.dark .sf-c-indianred\:0 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 100%) } html.var[data-theme='dark'] .sf-c-indianred\:5, html.var.dark .sf-c-indianred\:5 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-indianred\:90\:dark, html.var.dark .sf-c-india html.var[data-theme='dark'] .sf-c-indianred\:95\:dark, html.var.dark .sf-c-indianred\:95\:dark { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 5%) } html.var[data-theme='dark'] .sf-c-indianred\:100\:dark, html.var.dark .sf-c-indianred\:100\:dark { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-indianred, html.dark .sf-c-txt-indianred { color: hsl(0, 53%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:0, html.dark .sf-c-txt-indianred\:0 { color: hsl(0, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:5, html.dark .sf-c-txt-indianred\:5 { color: hsl(0, 53%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:10, html.dark .sf-c-txt-indianred\:10 { color: hsl(0, 53%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:15, html.dark .sf-c-txt-indianred\:15 { color: hsl(0, 53%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:20, html.dark .sf-c-txt-indianred\:20 { color: hsl(0, 53%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:25, html.dark .sf-c-txt-indianred\:25 { color: hsl(0, 53%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:30, html.dark .sf-c-txt-indianred\:30 { color: hsl(0, 53%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:35, html.dark .sf-c-txt-indianred\:35 { color: hsl(0, 53%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:40, html.dark .sf-c-txt-indianred\:40 { color: hsl(0, 53%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:45, html.dark .sf-c-txt-indianred\:45 { color: hsl(0, 53%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:50, html.dark .sf-c-txt-indianred\:50 { color: hsl(0, 53%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:55, html.dark .sf-c-txt-indianred\:55 { color: hsl(0, 53%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:60, html.dark .sf-c-txt-indianred\:60 { color: hsl(0, 53%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:65, html.dark .sf-c-txt-indianred\:65 { color: hsl(0, 53%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:70, html.dark .sf-c-txt-indianred\:70 { color: hsl(0, 53%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:75, html.dark .sf-c-txt-indianred\:75 { color: hsl(0, 53%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:80, html.dark .sf-c-txt-indianred\:80 { color: hsl(0, 53%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:85, html.dark .sf-c-txt-indianred\:85 { color: hsl(0, 53%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:90, html.dark .sf-c-txt-indianred\:90 { color: hsl(0, 53%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:95, html.dark .sf-c-txt-indianred\:95 { color: hsl(0, 53%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:100, html.dark .sf-c-txt-indianred\:100 { color: hsl(0, 53%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-indianred\:dark, html.dark .sf-c-txt-indianred\:dark { color: hsl(0, 53%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:0\:dark, html.dark .sf-c-txt-indianred\:0\:dark { color: hsl(0, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:5\:dark, html.dark .sf-c-txt-indianred\:5\:dark { color: hsl(0, 53%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:10\:dark, html.dark .sf-c-txt-indianred\:10\:dark { color: hsl(0, 53%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:15\:dark, html.dark .sf-c-txt-indianred\:15\:dark { color: hsl(0, 53%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:20\:dark, html.dark .sf-c-txt-indianred\:20\:dark { color: hsl(0, 53%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:25\:dark, html.dark .sf-c-txt-indianred\:25\:dark { color: hsl(0, 53%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:30\:dark, html.dark .sf-c-txt-indianred\:30\:dark { color: hsl(0, 53%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:35\:dark, html.dark .sf-c-txt-indianred\:35\:dark { color: hsl(0, 53%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:40\:dark, html.dark .sf-c-txt-indianred\:40\:dark { color: hsl(0, 53%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:45\:dark, html.dark .sf-c-txt-indianred\:45\:dark { color: hsl(0, 53%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:50\:dark, html.dark .sf-c-txt-indianred\:50\:dark { color: hsl(0, 53%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:55\:dark, html.dark .sf-c-txt-indianred\:55\:dark { color: hsl(0, 53%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:60\:dark, html.dark .sf-c-txt-indianred\:60\:dark { color: hsl(0, 53%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:65\:dark, html.dark .sf-c-txt-indianred\:65\:dark { color: hsl(0, 53%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:70\:dark, html.dark .sf-c-txt-indianred\:70\:dark { color: hsl(0, 53%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:75\:dark, html.dark .sf-c-txt-indianred\:75\:dark { color: hsl(0, 53%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:80\:dark, html.dark .sf-c-txt-indianred\:80\:dark { color: hsl(0, 53%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:85\:dark, html.dark .sf-c-txt-indianred\:85\:dark { color: hsl(0, 53%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:90\:dark, html.dark .sf-c-txt-indianred\:90\:dark { color: hsl(0, 53%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:95\:dark, html.dark .sf-c-txt-indianred\:95\:dark { color: hsl(0, 53%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-indianred\:100\:dark, html.dark .sf-c-txt-indianred\:100\:dark { color: hsl(0, 53%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-indianred, html.auto .sf-c-indianred { color: hsl(var(--sf-dark-c-txt-indianred-95)); background: hsl(var(--sf-dark-c-indianred)) } html[data-theme='auto'] .sf-c-indianred\:0, html.auto .sf-c-indianred\:0 { color: hsl(var(--sf-dark-c-txt-indianred-95)); background: hsl(var(--sf-dark-c-indianred-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-indianred\:100\:dark, html.var.dark .sf-c-indi html[data-theme='auto'] .sf-c-indianred\:95\:dark, html.auto .sf-c-indianred\:95\:dark { color: hsl(var(--sf-c-txt-indianred-95)); background: hsl(var(--sf-c-indianred-5)) } html[data-theme='auto'] .sf-c-indianred\:100\:dark, html.auto .sf-c-indianred\:100\:dark { color: hsl(var(--sf-c-txt-indianred-95)); background: hsl(var(--sf-c-indianred-0)) } + html[data-theme='auto'] .sf-c-txt-indianred, html.auto .sf-c-txt-indianred { color: hsl(var(--sf-c-txt-indianred)) } + html[data-theme='auto'] .sf-c-txt-indianred\:0, html.auto .sf-c-txt-indianred\:0 { color: hsl(var(--sf-c-txt-indianred-0)) } + html[data-theme='auto'] .sf-c-txt-indianred\:5, html.auto .sf-c-txt-indianred\:5 { color: hsl(var(--sf-c-txt-indianred-5)) } + html[data-theme='auto'] .sf-c-txt-indianred\:10, html.auto .sf-c-txt-indianred\:10 { color: hsl(var(--sf-c-txt-indianred-10)) } + html[data-theme='auto'] .sf-c-txt-indianred\:15, html.auto .sf-c-txt-indianred\:15 { color: hsl(var(--sf-c-txt-indianred-15)) } + html[data-theme='auto'] .sf-c-txt-indianred\:20, html.auto .sf-c-txt-indianred\:20 { color: hsl(var(--sf-c-txt-indianred-20)) } + html[data-theme='auto'] .sf-c-txt-indianred\:25, html.auto .sf-c-txt-indianred\:25 { color: hsl(var(--sf-c-txt-indianred-25)) } + html[data-theme='auto'] .sf-c-txt-indianred\:30, html.auto .sf-c-txt-indianred\:30 { color: hsl(var(--sf-c-txt-indianred-30)) } + html[data-theme='auto'] .sf-c-txt-indianred\:35, html.auto .sf-c-txt-indianred\:35 { color: hsl(var(--sf-c-txt-indianred-35)) } + html[data-theme='auto'] .sf-c-txt-indianred\:40, html.auto .sf-c-txt-indianred\:40 { color: hsl(var(--sf-c-txt-indianred-40)) } + html[data-theme='auto'] .sf-c-txt-indianred\:45, html.auto .sf-c-txt-indianred\:45 { color: hsl(var(--sf-c-txt-indianred-45)) } + html[data-theme='auto'] .sf-c-txt-indianred\:50, html.auto .sf-c-txt-indianred\:50 { color: hsl(var(--sf-c-txt-indianred-50)) } + html[data-theme='auto'] .sf-c-txt-indianred\:55, html.auto .sf-c-txt-indianred\:55 { color: hsl(var(--sf-c-txt-indianred-55)) } + html[data-theme='auto'] .sf-c-txt-indianred\:60, html.auto .sf-c-txt-indianred\:60 { color: hsl(var(--sf-c-txt-indianred-60)) } + html[data-theme='auto'] .sf-c-txt-indianred\:65, html.auto .sf-c-txt-indianred\:65 { color: hsl(var(--sf-c-txt-indianred-65)) } + html[data-theme='auto'] .sf-c-txt-indianred\:70, html.auto .sf-c-txt-indianred\:70 { color: hsl(var(--sf-c-txt-indianred-70)) } + html[data-theme='auto'] .sf-c-txt-indianred\:75, html.auto .sf-c-txt-indianred\:75 { color: hsl(var(--sf-c-txt-indianred-75)) } + html[data-theme='auto'] .sf-c-txt-indianred\:80, html.auto .sf-c-txt-indianred\:80 { color: hsl(var(--sf-c-txt-indianred-80)) } + html[data-theme='auto'] .sf-c-txt-indianred\:85, html.auto .sf-c-txt-indianred\:85 { color: hsl(var(--sf-c-txt-indianred-85)) } + html[data-theme='auto'] .sf-c-txt-indianred\:90, html.auto .sf-c-txt-indianred\:90 { color: hsl(var(--sf-c-txt-indianred-90)) } + html[data-theme='auto'] .sf-c-txt-indianred\:95, html.auto .sf-c-txt-indianred\:95 { color: hsl(var(--sf-c-txt-indianred-95)) } + html[data-theme='auto'] .sf-c-txt-indianred\:100, html.auto .sf-c-txt-indianred\:100 { color: hsl(var(--sf-c-txt-indianred-100)) } + + html[data-theme='auto'] .sf-c-txt-indianred\:dark, html.auto .sf-c-txt-indianred\:dark { color: hsl(var(--sf-c-txt-indianred)) } + html[data-theme='auto'] .sf-c-txt-indianred\:0\:dark, html.auto .sf-c-txt-indianred\:0\:dark { color: hsl(var(--sf-c-txt-indianred-0)) } + html[data-theme='auto'] .sf-c-txt-indianred\:5\:dark, html.auto .sf-c-txt-indianred\:5\:dark { color: hsl(var(--sf-c-txt-indianred-5)) } + html[data-theme='auto'] .sf-c-txt-indianred\:10\:dark, html.auto .sf-c-txt-indianred\:10\:dark { color: hsl(var(--sf-c-txt-indianred-10)) } + html[data-theme='auto'] .sf-c-txt-indianred\:15\:dark, html.auto .sf-c-txt-indianred\:15\:dark { color: hsl(var(--sf-c-txt-indianred-15)) } + html[data-theme='auto'] .sf-c-txt-indianred\:20\:dark, html.auto .sf-c-txt-indianred\:20\:dark { color: hsl(var(--sf-c-txt-indianred-20)) } + html[data-theme='auto'] .sf-c-txt-indianred\:25\:dark, html.auto .sf-c-txt-indianred\:25\:dark { color: hsl(var(--sf-c-txt-indianred-25)) } + html[data-theme='auto'] .sf-c-txt-indianred\:30\:dark, html.auto .sf-c-txt-indianred\:30\:dark { color: hsl(var(--sf-c-txt-indianred-30)) } + html[data-theme='auto'] .sf-c-txt-indianred\:35\:dark, html.auto .sf-c-txt-indianred\:35\:dark { color: hsl(var(--sf-c-txt-indianred-35)) } + html[data-theme='auto'] .sf-c-txt-indianred\:40\:dark, html.auto .sf-c-txt-indianred\:40\:dark { color: hsl(var(--sf-c-txt-indianred-40)) } + html[data-theme='auto'] .sf-c-txt-indianred\:45\:dark, html.auto .sf-c-txt-indianred\:45\:dark { color: hsl(var(--sf-c-txt-indianred-45)) } + html[data-theme='auto'] .sf-c-txt-indianred\:50\:dark, html.auto .sf-c-txt-indianred\:50\:dark { color: hsl(var(--sf-c-txt-indianred-50)) } + html[data-theme='auto'] .sf-c-txt-indianred\:55\:dark, html.auto .sf-c-txt-indianred\:55\:dark { color: hsl(var(--sf-c-txt-indianred-55)) } + html[data-theme='auto'] .sf-c-txt-indianred\:60\:dark, html.auto .sf-c-txt-indianred\:60\:dark { color: hsl(var(--sf-c-txt-indianred-60)) } + html[data-theme='auto'] .sf-c-txt-indianred\:65\:dark, html.auto .sf-c-txt-indianred\:65\:dark { color: hsl(var(--sf-c-txt-indianred-65)) } + html[data-theme='auto'] .sf-c-txt-indianred\:70\:dark, html.auto .sf-c-txt-indianred\:70\:dark { color: hsl(var(--sf-c-txt-indianred-70)) } + html[data-theme='auto'] .sf-c-txt-indianred\:75\:dark, html.auto .sf-c-txt-indianred\:75\:dark { color: hsl(var(--sf-c-txt-indianred-75)) } + html[data-theme='auto'] .sf-c-txt-indianred\:80\:dark, html.auto .sf-c-txt-indianred\:80\:dark { color: hsl(var(--sf-c-txt-indianred-80)) } + html[data-theme='auto'] .sf-c-txt-indianred\:85\:dark, html.auto .sf-c-txt-indianred\:85\:dark { color: hsl(var(--sf-c-txt-indianred-85)) } + html[data-theme='auto'] .sf-c-txt-indianred\:90\:dark, html.auto .sf-c-txt-indianred\:90\:dark { color: hsl(var(--sf-c-txt-indianred-90)) } + html[data-theme='auto'] .sf-c-txt-indianred\:95\:dark, html.auto .sf-c-txt-indianred\:95\:dark { color: hsl(var(--sf-c-txt-indianred-95)) } + html[data-theme='auto'] .sf-c-txt-indianred\:100\:dark, html.auto .sf-c-txt-indianred\:100\:dark { color: hsl(var(--sf-c-txt-indianred-100)) } + html.var[data-theme='auto'] .sf-c-indianred, html.var.auto .sf-c-indianred { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 42%) } html.var[data-theme='auto'] .sf-c-indianred\:0, html.var.auto .sf-c-indianred\:0 { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 100%) } html.var[data-theme='auto'] .sf-c-indianred\:5, html.var.auto .sf-c-indianred\:5 { color: hsl(0, 53%, 5%); background: hsl(0, 53%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-indianred\:100\:dark, html.var.dark .sf-c-indi html.var[data-theme='auto'] .sf-c-indianred\:90\:dark, html.var.auto .sf-c-indianred\:90\:dark { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 10%) } html.var[data-theme='auto'] .sf-c-indianred\:95\:dark, html.var.auto .sf-c-indianred\:95\:dark { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 5%) } html.var[data-theme='auto'] .sf-c-indianred\:100\:dark, html.var.auto .sf-c-indianred\:100\:dark { color: hsl(0, 53%, 95%); background: hsl(0, 53%, 0%) } -} -.sf-c-txt-indianred { color: hsl(var(--sf-c-txt-indianred)) } -.sf-c-txt-indianred\:0 { color: hsl(var(--sf-c-txt-indianred-0)) } -.sf-c-txt-indianred\:5 { color: hsl(var(--sf-c-txt-indianred-5)) } -.sf-c-txt-indianred\:10 { color: hsl(var(--sf-c-txt-indianred-10)) } -.sf-c-txt-indianred\:15 { color: hsl(var(--sf-c-txt-indianred-15)) } -.sf-c-txt-indianred\:20 { color: hsl(var(--sf-c-txt-indianred-20)) } -.sf-c-txt-indianred\:25 { color: hsl(var(--sf-c-txt-indianred-25)) } -.sf-c-txt-indianred\:30 { color: hsl(var(--sf-c-txt-indianred-30)) } -.sf-c-txt-indianred\:35 { color: hsl(var(--sf-c-txt-indianred-35)) } -.sf-c-txt-indianred\:40 { color: hsl(var(--sf-c-txt-indianred-40)) } -.sf-c-txt-indianred\:45 { color: hsl(var(--sf-c-txt-indianred-45)) } -.sf-c-txt-indianred\:50 { color: hsl(var(--sf-c-txt-indianred-50)) } -.sf-c-txt-indianred\:55 { color: hsl(var(--sf-c-txt-indianred-55)) } -.sf-c-txt-indianred\:60 { color: hsl(var(--sf-c-txt-indianred-60)) } -.sf-c-txt-indianred\:65 { color: hsl(var(--sf-c-txt-indianred-65)) } -.sf-c-txt-indianred\:70 { color: hsl(var(--sf-c-txt-indianred-70)) } -.sf-c-txt-indianred\:75 { color: hsl(var(--sf-c-txt-indianred-75)) } -.sf-c-txt-indianred\:80 { color: hsl(var(--sf-c-txt-indianred-80)) } -.sf-c-txt-indianred\:85 { color: hsl(var(--sf-c-txt-indianred-85)) } -.sf-c-txt-indianred\:90 { color: hsl(var(--sf-c-txt-indianred-90)) } -.sf-c-txt-indianred\:95 { color: hsl(var(--sf-c-txt-indianred-95)) } -.sf-c-txt-indianred\:100 { color: hsl(var(--sf-c-txt-indianred-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-indianred, html.auto .sf-c-txt-indianred { color: hsl(0, 53%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:0, html.auto .sf-c-txt-indianred\:0 { color: hsl(0, 53%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:5, html.auto .sf-c-txt-indianred\:5 { color: hsl(0, 53%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:10, html.auto .sf-c-txt-indianred\:10 { color: hsl(0, 53%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:15, html.auto .sf-c-txt-indianred\:15 { color: hsl(0, 53%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:20, html.auto .sf-c-txt-indianred\:20 { color: hsl(0, 53%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:25, html.auto .sf-c-txt-indianred\:25 { color: hsl(0, 53%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:30, html.auto .sf-c-txt-indianred\:30 { color: hsl(0, 53%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:35, html.auto .sf-c-txt-indianred\:35 { color: hsl(0, 53%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:40, html.auto .sf-c-txt-indianred\:40 { color: hsl(0, 53%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:45, html.auto .sf-c-txt-indianred\:45 { color: hsl(0, 53%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:50, html.auto .sf-c-txt-indianred\:50 { color: hsl(0, 53%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:55, html.auto .sf-c-txt-indianred\:55 { color: hsl(0, 53%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:60, html.auto .sf-c-txt-indianred\:60 { color: hsl(0, 53%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:65, html.auto .sf-c-txt-indianred\:65 { color: hsl(0, 53%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:70, html.auto .sf-c-txt-indianred\:70 { color: hsl(0, 53%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:75, html.auto .sf-c-txt-indianred\:75 { color: hsl(0, 53%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:80, html.auto .sf-c-txt-indianred\:80 { color: hsl(0, 53%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:85, html.auto .sf-c-txt-indianred\:85 { color: hsl(0, 53%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:90, html.auto .sf-c-txt-indianred\:90 { color: hsl(0, 53%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:95, html.auto .sf-c-txt-indianred\:95 { color: hsl(0, 53%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:100, html.auto .sf-c-txt-indianred\:100 { color: hsl(0, 53%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-indianred\:dark, html.auto .sf-c-txt-indianred\:dark { color: hsl(0, 53%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:0\:dark, html.auto .sf-c-txt-indianred\:0\:dark { color: hsl(0, 53%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:5\:dark, html.auto .sf-c-txt-indianred\:5\:dark { color: hsl(0, 53%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:10\:dark, html.auto .sf-c-txt-indianred\:10\:dark { color: hsl(0, 53%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:15\:dark, html.auto .sf-c-txt-indianred\:15\:dark { color: hsl(0, 53%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:20\:dark, html.auto .sf-c-txt-indianred\:20\:dark { color: hsl(0, 53%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:25\:dark, html.auto .sf-c-txt-indianred\:25\:dark { color: hsl(0, 53%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:30\:dark, html.auto .sf-c-txt-indianred\:30\:dark { color: hsl(0, 53%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:35\:dark, html.auto .sf-c-txt-indianred\:35\:dark { color: hsl(0, 53%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:40\:dark, html.auto .sf-c-txt-indianred\:40\:dark { color: hsl(0, 53%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:45\:dark, html.auto .sf-c-txt-indianred\:45\:dark { color: hsl(0, 53%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:50\:dark, html.auto .sf-c-txt-indianred\:50\:dark { color: hsl(0, 53%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:55\:dark, html.auto .sf-c-txt-indianred\:55\:dark { color: hsl(0, 53%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:60\:dark, html.auto .sf-c-txt-indianred\:60\:dark { color: hsl(0, 53%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:65\:dark, html.auto .sf-c-txt-indianred\:65\:dark { color: hsl(0, 53%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:70\:dark, html.auto .sf-c-txt-indianred\:70\:dark { color: hsl(0, 53%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:75\:dark, html.auto .sf-c-txt-indianred\:75\:dark { color: hsl(0, 53%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:80\:dark, html.auto .sf-c-txt-indianred\:80\:dark { color: hsl(0, 53%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:85\:dark, html.auto .sf-c-txt-indianred\:85\:dark { color: hsl(0, 53%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:90\:dark, html.auto .sf-c-txt-indianred\:90\:dark { color: hsl(0, 53%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:95\:dark, html.auto .sf-c-txt-indianred\:95\:dark { color: hsl(0, 53%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-indianred\:100\:dark, html.auto .sf-c-txt-indianred\:100\:dark { color: hsl(0, 53%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/indigo.css b/src/colors/20/indigo.css index d2eb694..f1a2eac 100644 --- a/src/colors/20/indigo.css +++ b/src/colors/20/indigo.css @@ -138,6 +138,52 @@ html.var .sf-c-indigo\:90 { color: hsl(275, 100%, 5%); background: hsl(275, 100% html.var .sf-c-indigo\:95 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 95%) } html.var .sf-c-indigo\:100 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 100%) } +.sf-c-txt-indigo { color: hsl(var(--sf-dark-c-txt-indigo)) } +.sf-c-txt-indigo\:0 { color: hsl(var(--sf-dark-c-txt-indigo-100)) } +.sf-c-txt-indigo\:5 { color: hsl(var(--sf-dark-c-txt-indigo-95)) } +.sf-c-txt-indigo\:10 { color: hsl(var(--sf-dark-c-txt-indigo-90)) } +.sf-c-txt-indigo\:15 { color: hsl(var(--sf-dark-c-txt-indigo-85)) } +.sf-c-txt-indigo\:20 { color: hsl(var(--sf-dark-c-txt-indigo-80)) } +.sf-c-txt-indigo\:25 { color: hsl(var(--sf-dark-c-txt-indigo-75)) } +.sf-c-txt-indigo\:30 { color: hsl(var(--sf-dark-c-txt-indigo-70)) } +.sf-c-txt-indigo\:35 { color: hsl(var(--sf-dark-c-txt-indigo-65)) } +.sf-c-txt-indigo\:40 { color: hsl(var(--sf-dark-c-txt-indigo-60)) } +.sf-c-txt-indigo\:45 { color: hsl(var(--sf-dark-c-txt-indigo-55)) } +.sf-c-txt-indigo\:50 { color: hsl(var(--sf-dark-c-txt-indigo-50)) } +.sf-c-txt-indigo\:55 { color: hsl(var(--sf-dark-c-txt-indigo-45)) } +.sf-c-txt-indigo\:60 { color: hsl(var(--sf-dark-c-txt-indigo-40)) } +.sf-c-txt-indigo\:65 { color: hsl(var(--sf-dark-c-txt-indigo-35)) } +.sf-c-txt-indigo\:70 { color: hsl(var(--sf-dark-c-txt-indigo-30)) } +.sf-c-txt-indigo\:75 { color: hsl(var(--sf-dark-c-txt-indigo-25)) } +.sf-c-txt-indigo\:80 { color: hsl(var(--sf-dark-c-txt-indigo-20)) } +.sf-c-txt-indigo\:85 { color: hsl(var(--sf-dark-c-txt-indigo-15)) } +.sf-c-txt-indigo\:90 { color: hsl(var(--sf-dark-c-txt-indigo-10)) } +.sf-c-txt-indigo\:95 { color: hsl(var(--sf-dark-c-txt-indigo-5)) } +.sf-c-txt-indigo\:100 { color: hsl(var(--sf-dark-c-txt-indigo-0)) } + +html.var .sf-c-txt-indigo { color: hsl(275, 100%, 75%) } +html.var .sf-c-txt-indigo\:0 { color: hsl(275, 100%, 100%) } +html.var .sf-c-txt-indigo\:5 { color: hsl(275, 100%, 95%) } +html.var .sf-c-txt-indigo\:10 { color: hsl(275, 100%, 90%) } +html.var .sf-c-txt-indigo\:15 { color: hsl(275, 100%, 85%) } +html.var .sf-c-txt-indigo\:20 { color: hsl(275, 100%, 80%) } +html.var .sf-c-txt-indigo\:25 { color: hsl(275, 100%, 75%) } +html.var .sf-c-txt-indigo\:30 { color: hsl(275, 100%, 70%) } +html.var .sf-c-txt-indigo\:35 { color: hsl(275, 100%, 65%) } +html.var .sf-c-txt-indigo\:40 { color: hsl(275, 100%, 60%) } +html.var .sf-c-txt-indigo\:45 { color: hsl(275, 100%, 55%) } +html.var .sf-c-txt-indigo\:50 { color: hsl(275, 100%, 50%) } +html.var .sf-c-txt-indigo\:55 { color: hsl(275, 100%, 45%) } +html.var .sf-c-txt-indigo\:60 { color: hsl(275, 100%, 40%) } +html.var .sf-c-txt-indigo\:65 { color: hsl(275, 100%, 35%) } +html.var .sf-c-txt-indigo\:70 { color: hsl(275, 100%, 30%) } +html.var .sf-c-txt-indigo\:75 { color: hsl(275, 100%, 25%) } +html.var .sf-c-txt-indigo\:80 { color: hsl(275, 100%, 20%) } +html.var .sf-c-txt-indigo\:85 { color: hsl(275, 100%, 15%) } +html.var .sf-c-txt-indigo\:90 { color: hsl(275, 100%, 10%) } +html.var .sf-c-txt-indigo\:95 { color: hsl(275, 100%, 5%) } +html.var .sf-c-txt-indigo\:100 { color: hsl(275, 100%, 0%) } + html[data-theme='dark'] .sf-c-indigo, html.dark .sf-c-indigo { color: hsl(var(--sf-dark-c-txt-indigo-5)); background: hsl(var(--sf-dark-c-indigo)) } html[data-theme='dark'] .sf-c-indigo\:0, html.dark .sf-c-indigo\:0 { color: hsl(var(--sf-dark-c-txt-indigo-95)); background: hsl(var(--sf-dark-c-indigo-100)) } html[data-theme='dark'] .sf-c-indigo\:5, html.dark .sf-c-indigo\:5 { color: hsl(var(--sf-dark-c-txt-indigo-5)); background: hsl(var(--sf-dark-c-indigo-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-indigo\:90\:dark, html.dark .sf-c-indigo\:90\:dark html[data-theme='dark'] .sf-c-indigo\:95\:dark, html.dark .sf-c-indigo\:95\:dark { color: hsl(var(--sf-c-txt-indigo-95)); background: hsl(var(--sf-c-indigo-5)) } html[data-theme='dark'] .sf-c-indigo\:100\:dark, html.dark .sf-c-indigo\:100\:dark { color: hsl(var(--sf-c-txt-indigo-95)); background: hsl(var(--sf-c-indigo-0)) } +html[data-theme='dark'] .sf-c-txt-indigo, html.dark .sf-c-txt-indigo { color: hsl(var(--sf-c-txt-indigo)) } +html[data-theme='dark'] .sf-c-txt-indigo\:0, html.dark .sf-c-txt-indigo\:0 { color: hsl(var(--sf-c-txt-indigo-0)) } +html[data-theme='dark'] .sf-c-txt-indigo\:5, html.dark .sf-c-txt-indigo\:5 { color: hsl(var(--sf-c-txt-indigo-5)) } +html[data-theme='dark'] .sf-c-txt-indigo\:10, html.dark .sf-c-txt-indigo\:10 { color: hsl(var(--sf-c-txt-indigo-10)) } +html[data-theme='dark'] .sf-c-txt-indigo\:15, html.dark .sf-c-txt-indigo\:15 { color: hsl(var(--sf-c-txt-indigo-15)) } +html[data-theme='dark'] .sf-c-txt-indigo\:20, html.dark .sf-c-txt-indigo\:20 { color: hsl(var(--sf-c-txt-indigo-20)) } +html[data-theme='dark'] .sf-c-txt-indigo\:25, html.dark .sf-c-txt-indigo\:25 { color: hsl(var(--sf-c-txt-indigo-25)) } +html[data-theme='dark'] .sf-c-txt-indigo\:30, html.dark .sf-c-txt-indigo\:30 { color: hsl(var(--sf-c-txt-indigo-30)) } +html[data-theme='dark'] .sf-c-txt-indigo\:35, html.dark .sf-c-txt-indigo\:35 { color: hsl(var(--sf-c-txt-indigo-35)) } +html[data-theme='dark'] .sf-c-txt-indigo\:40, html.dark .sf-c-txt-indigo\:40 { color: hsl(var(--sf-c-txt-indigo-40)) } +html[data-theme='dark'] .sf-c-txt-indigo\:45, html.dark .sf-c-txt-indigo\:45 { color: hsl(var(--sf-c-txt-indigo-45)) } +html[data-theme='dark'] .sf-c-txt-indigo\:50, html.dark .sf-c-txt-indigo\:50 { color: hsl(var(--sf-c-txt-indigo-50)) } +html[data-theme='dark'] .sf-c-txt-indigo\:55, html.dark .sf-c-txt-indigo\:55 { color: hsl(var(--sf-c-txt-indigo-55)) } +html[data-theme='dark'] .sf-c-txt-indigo\:60, html.dark .sf-c-txt-indigo\:60 { color: hsl(var(--sf-c-txt-indigo-60)) } +html[data-theme='dark'] .sf-c-txt-indigo\:65, html.dark .sf-c-txt-indigo\:65 { color: hsl(var(--sf-c-txt-indigo-65)) } +html[data-theme='dark'] .sf-c-txt-indigo\:70, html.dark .sf-c-txt-indigo\:70 { color: hsl(var(--sf-c-txt-indigo-70)) } +html[data-theme='dark'] .sf-c-txt-indigo\:75, html.dark .sf-c-txt-indigo\:75 { color: hsl(var(--sf-c-txt-indigo-75)) } +html[data-theme='dark'] .sf-c-txt-indigo\:80, html.dark .sf-c-txt-indigo\:80 { color: hsl(var(--sf-c-txt-indigo-80)) } +html[data-theme='dark'] .sf-c-txt-indigo\:85, html.dark .sf-c-txt-indigo\:85 { color: hsl(var(--sf-c-txt-indigo-85)) } +html[data-theme='dark'] .sf-c-txt-indigo\:90, html.dark .sf-c-txt-indigo\:90 { color: hsl(var(--sf-c-txt-indigo-90)) } +html[data-theme='dark'] .sf-c-txt-indigo\:95, html.dark .sf-c-txt-indigo\:95 { color: hsl(var(--sf-c-txt-indigo-95)) } +html[data-theme='dark'] .sf-c-txt-indigo\:100, html.dark .sf-c-txt-indigo\:100 { color: hsl(var(--sf-c-txt-indigo-100)) } + +html[data-theme='dark'] .sf-c-txt-indigo\:dark, html.dark .sf-c-txt-indigo\:dark { color: hsl(var(--sf-c-txt-indigo)) } +html[data-theme='dark'] .sf-c-txt-indigo\:0\:dark, html.dark .sf-c-txt-indigo\:0\:dark { color: hsl(var(--sf-dark-c-txt-indigo-0)) } +html[data-theme='dark'] .sf-c-txt-indigo\:5\:dark, html.dark .sf-c-txt-indigo\:5\:dark { color: hsl(var(--sf-dark-c-txt-indigo-5)) } +html[data-theme='dark'] .sf-c-txt-indigo\:10\:dark, html.dark .sf-c-txt-indigo\:10\:dark { color: hsl(var(--sf-dark-c-txt-indigo-10)) } +html[data-theme='dark'] .sf-c-txt-indigo\:15\:dark, html.dark .sf-c-txt-indigo\:15\:dark { color: hsl(var(--sf-dark-c-txt-indigo-15)) } +html[data-theme='dark'] .sf-c-txt-indigo\:20\:dark, html.dark .sf-c-txt-indigo\:20\:dark { color: hsl(var(--sf-dark-c-txt-indigo-20)) } +html[data-theme='dark'] .sf-c-txt-indigo\:25\:dark, html.dark .sf-c-txt-indigo\:25\:dark { color: hsl(var(--sf-dark-c-txt-indigo-25)) } +html[data-theme='dark'] .sf-c-txt-indigo\:30\:dark, html.dark .sf-c-txt-indigo\:30\:dark { color: hsl(var(--sf-dark-c-txt-indigo-30)) } +html[data-theme='dark'] .sf-c-txt-indigo\:35\:dark, html.dark .sf-c-txt-indigo\:35\:dark { color: hsl(var(--sf-dark-c-txt-indigo-35)) } +html[data-theme='dark'] .sf-c-txt-indigo\:40\:dark, html.dark .sf-c-txt-indigo\:40\:dark { color: hsl(var(--sf-dark-c-txt-indigo-40)) } +html[data-theme='dark'] .sf-c-txt-indigo\:45\:dark, html.dark .sf-c-txt-indigo\:45\:dark { color: hsl(var(--sf-dark-c-txt-indigo-45)) } +html[data-theme='dark'] .sf-c-txt-indigo\:50\:dark, html.dark .sf-c-txt-indigo\:50\:dark { color: hsl(var(--sf-dark-c-txt-indigo-50)) } +html[data-theme='dark'] .sf-c-txt-indigo\:55\:dark, html.dark .sf-c-txt-indigo\:55\:dark { color: hsl(var(--sf-dark-c-txt-indigo-55)) } +html[data-theme='dark'] .sf-c-txt-indigo\:60\:dark, html.dark .sf-c-txt-indigo\:60\:dark { color: hsl(var(--sf-dark-c-txt-indigo-60)) } +html[data-theme='dark'] .sf-c-txt-indigo\:65\:dark, html.dark .sf-c-txt-indigo\:65\:dark { color: hsl(var(--sf-dark-c-txt-indigo-65)) } +html[data-theme='dark'] .sf-c-txt-indigo\:70\:dark, html.dark .sf-c-txt-indigo\:70\:dark { color: hsl(var(--sf-dark-c-txt-indigo-70)) } +html[data-theme='dark'] .sf-c-txt-indigo\:75\:dark, html.dark .sf-c-txt-indigo\:75\:dark { color: hsl(var(--sf-dark-c-txt-indigo-75)) } +html[data-theme='dark'] .sf-c-txt-indigo\:80\:dark, html.dark .sf-c-txt-indigo\:80\:dark { color: hsl(var(--sf-dark-c-txt-indigo-80)) } +html[data-theme='dark'] .sf-c-txt-indigo\:85\:dark, html.dark .sf-c-txt-indigo\:85\:dark { color: hsl(var(--sf-dark-c-txt-indigo-85)) } +html[data-theme='dark'] .sf-c-txt-indigo\:90\:dark, html.dark .sf-c-txt-indigo\:90\:dark { color: hsl(var(--sf-dark-c-txt-indigo-90)) } +html[data-theme='dark'] .sf-c-txt-indigo\:95\:dark, html.dark .sf-c-txt-indigo\:95\:dark { color: hsl(var(--sf-dark-c-txt-indigo-95)) } +html[data-theme='dark'] .sf-c-txt-indigo\:100\:dark, html.dark .sf-c-txt-indigo\:100\:dark { color: hsl(var(--sf-dark-c-txt-indigo-100)) } + html.var[data-theme='dark'] .sf-c-indigo, html.var.dark .sf-c-indigo { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 75%) } html.var[data-theme='dark'] .sf-c-indigo\:0, html.var.dark .sf-c-indigo\:0 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 100%) } html.var[data-theme='dark'] .sf-c-indigo\:5, html.var.dark .sf-c-indigo\:5 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-indigo\:90\:dark, html.var.dark .sf-c-indigo\: html.var[data-theme='dark'] .sf-c-indigo\:95\:dark, html.var.dark .sf-c-indigo\:95\:dark { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 5%) } html.var[data-theme='dark'] .sf-c-indigo\:100\:dark, html.var.dark .sf-c-indigo\:100\:dark { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-indigo, html.dark .sf-c-txt-indigo { color: hsl(275, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:0, html.dark .sf-c-txt-indigo\:0 { color: hsl(275, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:5, html.dark .sf-c-txt-indigo\:5 { color: hsl(275, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:10, html.dark .sf-c-txt-indigo\:10 { color: hsl(275, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:15, html.dark .sf-c-txt-indigo\:15 { color: hsl(275, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:20, html.dark .sf-c-txt-indigo\:20 { color: hsl(275, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:25, html.dark .sf-c-txt-indigo\:25 { color: hsl(275, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:30, html.dark .sf-c-txt-indigo\:30 { color: hsl(275, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:35, html.dark .sf-c-txt-indigo\:35 { color: hsl(275, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:40, html.dark .sf-c-txt-indigo\:40 { color: hsl(275, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:45, html.dark .sf-c-txt-indigo\:45 { color: hsl(275, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:50, html.dark .sf-c-txt-indigo\:50 { color: hsl(275, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:55, html.dark .sf-c-txt-indigo\:55 { color: hsl(275, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:60, html.dark .sf-c-txt-indigo\:60 { color: hsl(275, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:65, html.dark .sf-c-txt-indigo\:65 { color: hsl(275, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:70, html.dark .sf-c-txt-indigo\:70 { color: hsl(275, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:75, html.dark .sf-c-txt-indigo\:75 { color: hsl(275, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:80, html.dark .sf-c-txt-indigo\:80 { color: hsl(275, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:85, html.dark .sf-c-txt-indigo\:85 { color: hsl(275, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:90, html.dark .sf-c-txt-indigo\:90 { color: hsl(275, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:95, html.dark .sf-c-txt-indigo\:95 { color: hsl(275, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:100, html.dark .sf-c-txt-indigo\:100 { color: hsl(275, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-indigo\:dark, html.dark .sf-c-txt-indigo\:dark { color: hsl(275, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:0\:dark, html.dark .sf-c-txt-indigo\:0\:dark { color: hsl(275, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:5\:dark, html.dark .sf-c-txt-indigo\:5\:dark { color: hsl(275, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:10\:dark, html.dark .sf-c-txt-indigo\:10\:dark { color: hsl(275, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:15\:dark, html.dark .sf-c-txt-indigo\:15\:dark { color: hsl(275, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:20\:dark, html.dark .sf-c-txt-indigo\:20\:dark { color: hsl(275, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:25\:dark, html.dark .sf-c-txt-indigo\:25\:dark { color: hsl(275, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:30\:dark, html.dark .sf-c-txt-indigo\:30\:dark { color: hsl(275, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:35\:dark, html.dark .sf-c-txt-indigo\:35\:dark { color: hsl(275, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:40\:dark, html.dark .sf-c-txt-indigo\:40\:dark { color: hsl(275, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:45\:dark, html.dark .sf-c-txt-indigo\:45\:dark { color: hsl(275, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:50\:dark, html.dark .sf-c-txt-indigo\:50\:dark { color: hsl(275, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:55\:dark, html.dark .sf-c-txt-indigo\:55\:dark { color: hsl(275, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:60\:dark, html.dark .sf-c-txt-indigo\:60\:dark { color: hsl(275, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:65\:dark, html.dark .sf-c-txt-indigo\:65\:dark { color: hsl(275, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:70\:dark, html.dark .sf-c-txt-indigo\:70\:dark { color: hsl(275, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:75\:dark, html.dark .sf-c-txt-indigo\:75\:dark { color: hsl(275, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:80\:dark, html.dark .sf-c-txt-indigo\:80\:dark { color: hsl(275, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:85\:dark, html.dark .sf-c-txt-indigo\:85\:dark { color: hsl(275, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:90\:dark, html.dark .sf-c-txt-indigo\:90\:dark { color: hsl(275, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:95\:dark, html.dark .sf-c-txt-indigo\:95\:dark { color: hsl(275, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-indigo\:100\:dark, html.dark .sf-c-txt-indigo\:100\:dark { color: hsl(275, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-indigo, html.auto .sf-c-indigo { color: hsl(var(--sf-dark-c-txt-indigo-5)); background: hsl(var(--sf-dark-c-indigo)) } html[data-theme='auto'] .sf-c-indigo\:0, html.auto .sf-c-indigo\:0 { color: hsl(var(--sf-dark-c-txt-indigo-95)); background: hsl(var(--sf-dark-c-indigo-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-indigo\:100\:dark, html.var.dark .sf-c-indigo\ html[data-theme='auto'] .sf-c-indigo\:95\:dark, html.auto .sf-c-indigo\:95\:dark { color: hsl(var(--sf-c-txt-indigo-95)); background: hsl(var(--sf-c-indigo-5)) } html[data-theme='auto'] .sf-c-indigo\:100\:dark, html.auto .sf-c-indigo\:100\:dark { color: hsl(var(--sf-c-txt-indigo-95)); background: hsl(var(--sf-c-indigo-0)) } + html[data-theme='auto'] .sf-c-txt-indigo, html.auto .sf-c-txt-indigo { color: hsl(var(--sf-c-txt-indigo)) } + html[data-theme='auto'] .sf-c-txt-indigo\:0, html.auto .sf-c-txt-indigo\:0 { color: hsl(var(--sf-c-txt-indigo-0)) } + html[data-theme='auto'] .sf-c-txt-indigo\:5, html.auto .sf-c-txt-indigo\:5 { color: hsl(var(--sf-c-txt-indigo-5)) } + html[data-theme='auto'] .sf-c-txt-indigo\:10, html.auto .sf-c-txt-indigo\:10 { color: hsl(var(--sf-c-txt-indigo-10)) } + html[data-theme='auto'] .sf-c-txt-indigo\:15, html.auto .sf-c-txt-indigo\:15 { color: hsl(var(--sf-c-txt-indigo-15)) } + html[data-theme='auto'] .sf-c-txt-indigo\:20, html.auto .sf-c-txt-indigo\:20 { color: hsl(var(--sf-c-txt-indigo-20)) } + html[data-theme='auto'] .sf-c-txt-indigo\:25, html.auto .sf-c-txt-indigo\:25 { color: hsl(var(--sf-c-txt-indigo-25)) } + html[data-theme='auto'] .sf-c-txt-indigo\:30, html.auto .sf-c-txt-indigo\:30 { color: hsl(var(--sf-c-txt-indigo-30)) } + html[data-theme='auto'] .sf-c-txt-indigo\:35, html.auto .sf-c-txt-indigo\:35 { color: hsl(var(--sf-c-txt-indigo-35)) } + html[data-theme='auto'] .sf-c-txt-indigo\:40, html.auto .sf-c-txt-indigo\:40 { color: hsl(var(--sf-c-txt-indigo-40)) } + html[data-theme='auto'] .sf-c-txt-indigo\:45, html.auto .sf-c-txt-indigo\:45 { color: hsl(var(--sf-c-txt-indigo-45)) } + html[data-theme='auto'] .sf-c-txt-indigo\:50, html.auto .sf-c-txt-indigo\:50 { color: hsl(var(--sf-c-txt-indigo-50)) } + html[data-theme='auto'] .sf-c-txt-indigo\:55, html.auto .sf-c-txt-indigo\:55 { color: hsl(var(--sf-c-txt-indigo-55)) } + html[data-theme='auto'] .sf-c-txt-indigo\:60, html.auto .sf-c-txt-indigo\:60 { color: hsl(var(--sf-c-txt-indigo-60)) } + html[data-theme='auto'] .sf-c-txt-indigo\:65, html.auto .sf-c-txt-indigo\:65 { color: hsl(var(--sf-c-txt-indigo-65)) } + html[data-theme='auto'] .sf-c-txt-indigo\:70, html.auto .sf-c-txt-indigo\:70 { color: hsl(var(--sf-c-txt-indigo-70)) } + html[data-theme='auto'] .sf-c-txt-indigo\:75, html.auto .sf-c-txt-indigo\:75 { color: hsl(var(--sf-c-txt-indigo-75)) } + html[data-theme='auto'] .sf-c-txt-indigo\:80, html.auto .sf-c-txt-indigo\:80 { color: hsl(var(--sf-c-txt-indigo-80)) } + html[data-theme='auto'] .sf-c-txt-indigo\:85, html.auto .sf-c-txt-indigo\:85 { color: hsl(var(--sf-c-txt-indigo-85)) } + html[data-theme='auto'] .sf-c-txt-indigo\:90, html.auto .sf-c-txt-indigo\:90 { color: hsl(var(--sf-c-txt-indigo-90)) } + html[data-theme='auto'] .sf-c-txt-indigo\:95, html.auto .sf-c-txt-indigo\:95 { color: hsl(var(--sf-c-txt-indigo-95)) } + html[data-theme='auto'] .sf-c-txt-indigo\:100, html.auto .sf-c-txt-indigo\:100 { color: hsl(var(--sf-c-txt-indigo-100)) } + + html[data-theme='auto'] .sf-c-txt-indigo\:dark, html.auto .sf-c-txt-indigo\:dark { color: hsl(var(--sf-c-txt-indigo)) } + html[data-theme='auto'] .sf-c-txt-indigo\:0\:dark, html.auto .sf-c-txt-indigo\:0\:dark { color: hsl(var(--sf-c-txt-indigo-0)) } + html[data-theme='auto'] .sf-c-txt-indigo\:5\:dark, html.auto .sf-c-txt-indigo\:5\:dark { color: hsl(var(--sf-c-txt-indigo-5)) } + html[data-theme='auto'] .sf-c-txt-indigo\:10\:dark, html.auto .sf-c-txt-indigo\:10\:dark { color: hsl(var(--sf-c-txt-indigo-10)) } + html[data-theme='auto'] .sf-c-txt-indigo\:15\:dark, html.auto .sf-c-txt-indigo\:15\:dark { color: hsl(var(--sf-c-txt-indigo-15)) } + html[data-theme='auto'] .sf-c-txt-indigo\:20\:dark, html.auto .sf-c-txt-indigo\:20\:dark { color: hsl(var(--sf-c-txt-indigo-20)) } + html[data-theme='auto'] .sf-c-txt-indigo\:25\:dark, html.auto .sf-c-txt-indigo\:25\:dark { color: hsl(var(--sf-c-txt-indigo-25)) } + html[data-theme='auto'] .sf-c-txt-indigo\:30\:dark, html.auto .sf-c-txt-indigo\:30\:dark { color: hsl(var(--sf-c-txt-indigo-30)) } + html[data-theme='auto'] .sf-c-txt-indigo\:35\:dark, html.auto .sf-c-txt-indigo\:35\:dark { color: hsl(var(--sf-c-txt-indigo-35)) } + html[data-theme='auto'] .sf-c-txt-indigo\:40\:dark, html.auto .sf-c-txt-indigo\:40\:dark { color: hsl(var(--sf-c-txt-indigo-40)) } + html[data-theme='auto'] .sf-c-txt-indigo\:45\:dark, html.auto .sf-c-txt-indigo\:45\:dark { color: hsl(var(--sf-c-txt-indigo-45)) } + html[data-theme='auto'] .sf-c-txt-indigo\:50\:dark, html.auto .sf-c-txt-indigo\:50\:dark { color: hsl(var(--sf-c-txt-indigo-50)) } + html[data-theme='auto'] .sf-c-txt-indigo\:55\:dark, html.auto .sf-c-txt-indigo\:55\:dark { color: hsl(var(--sf-c-txt-indigo-55)) } + html[data-theme='auto'] .sf-c-txt-indigo\:60\:dark, html.auto .sf-c-txt-indigo\:60\:dark { color: hsl(var(--sf-c-txt-indigo-60)) } + html[data-theme='auto'] .sf-c-txt-indigo\:65\:dark, html.auto .sf-c-txt-indigo\:65\:dark { color: hsl(var(--sf-c-txt-indigo-65)) } + html[data-theme='auto'] .sf-c-txt-indigo\:70\:dark, html.auto .sf-c-txt-indigo\:70\:dark { color: hsl(var(--sf-c-txt-indigo-70)) } + html[data-theme='auto'] .sf-c-txt-indigo\:75\:dark, html.auto .sf-c-txt-indigo\:75\:dark { color: hsl(var(--sf-c-txt-indigo-75)) } + html[data-theme='auto'] .sf-c-txt-indigo\:80\:dark, html.auto .sf-c-txt-indigo\:80\:dark { color: hsl(var(--sf-c-txt-indigo-80)) } + html[data-theme='auto'] .sf-c-txt-indigo\:85\:dark, html.auto .sf-c-txt-indigo\:85\:dark { color: hsl(var(--sf-c-txt-indigo-85)) } + html[data-theme='auto'] .sf-c-txt-indigo\:90\:dark, html.auto .sf-c-txt-indigo\:90\:dark { color: hsl(var(--sf-c-txt-indigo-90)) } + html[data-theme='auto'] .sf-c-txt-indigo\:95\:dark, html.auto .sf-c-txt-indigo\:95\:dark { color: hsl(var(--sf-c-txt-indigo-95)) } + html[data-theme='auto'] .sf-c-txt-indigo\:100\:dark, html.auto .sf-c-txt-indigo\:100\:dark { color: hsl(var(--sf-c-txt-indigo-100)) } + html.var[data-theme='auto'] .sf-c-indigo, html.var.auto .sf-c-indigo { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 75%) } html.var[data-theme='auto'] .sf-c-indigo\:0, html.var.auto .sf-c-indigo\:0 { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 100%) } html.var[data-theme='auto'] .sf-c-indigo\:5, html.var.auto .sf-c-indigo\:5 { color: hsl(275, 100%, 5%); background: hsl(275, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-indigo\:100\:dark, html.var.dark .sf-c-indigo\ html.var[data-theme='auto'] .sf-c-indigo\:90\:dark, html.var.auto .sf-c-indigo\:90\:dark { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 10%) } html.var[data-theme='auto'] .sf-c-indigo\:95\:dark, html.var.auto .sf-c-indigo\:95\:dark { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 5%) } html.var[data-theme='auto'] .sf-c-indigo\:100\:dark, html.var.auto .sf-c-indigo\:100\:dark { color: hsl(275, 100%, 95%); background: hsl(275, 100%, 0%) } -} -.sf-c-txt-indigo { color: hsl(var(--sf-c-txt-indigo)) } -.sf-c-txt-indigo\:0 { color: hsl(var(--sf-c-txt-indigo-0)) } -.sf-c-txt-indigo\:5 { color: hsl(var(--sf-c-txt-indigo-5)) } -.sf-c-txt-indigo\:10 { color: hsl(var(--sf-c-txt-indigo-10)) } -.sf-c-txt-indigo\:15 { color: hsl(var(--sf-c-txt-indigo-15)) } -.sf-c-txt-indigo\:20 { color: hsl(var(--sf-c-txt-indigo-20)) } -.sf-c-txt-indigo\:25 { color: hsl(var(--sf-c-txt-indigo-25)) } -.sf-c-txt-indigo\:30 { color: hsl(var(--sf-c-txt-indigo-30)) } -.sf-c-txt-indigo\:35 { color: hsl(var(--sf-c-txt-indigo-35)) } -.sf-c-txt-indigo\:40 { color: hsl(var(--sf-c-txt-indigo-40)) } -.sf-c-txt-indigo\:45 { color: hsl(var(--sf-c-txt-indigo-45)) } -.sf-c-txt-indigo\:50 { color: hsl(var(--sf-c-txt-indigo-50)) } -.sf-c-txt-indigo\:55 { color: hsl(var(--sf-c-txt-indigo-55)) } -.sf-c-txt-indigo\:60 { color: hsl(var(--sf-c-txt-indigo-60)) } -.sf-c-txt-indigo\:65 { color: hsl(var(--sf-c-txt-indigo-65)) } -.sf-c-txt-indigo\:70 { color: hsl(var(--sf-c-txt-indigo-70)) } -.sf-c-txt-indigo\:75 { color: hsl(var(--sf-c-txt-indigo-75)) } -.sf-c-txt-indigo\:80 { color: hsl(var(--sf-c-txt-indigo-80)) } -.sf-c-txt-indigo\:85 { color: hsl(var(--sf-c-txt-indigo-85)) } -.sf-c-txt-indigo\:90 { color: hsl(var(--sf-c-txt-indigo-90)) } -.sf-c-txt-indigo\:95 { color: hsl(var(--sf-c-txt-indigo-95)) } -.sf-c-txt-indigo\:100 { color: hsl(var(--sf-c-txt-indigo-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-indigo, html.auto .sf-c-txt-indigo { color: hsl(275, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:0, html.auto .sf-c-txt-indigo\:0 { color: hsl(275, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:5, html.auto .sf-c-txt-indigo\:5 { color: hsl(275, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:10, html.auto .sf-c-txt-indigo\:10 { color: hsl(275, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:15, html.auto .sf-c-txt-indigo\:15 { color: hsl(275, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:20, html.auto .sf-c-txt-indigo\:20 { color: hsl(275, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:25, html.auto .sf-c-txt-indigo\:25 { color: hsl(275, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:30, html.auto .sf-c-txt-indigo\:30 { color: hsl(275, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:35, html.auto .sf-c-txt-indigo\:35 { color: hsl(275, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:40, html.auto .sf-c-txt-indigo\:40 { color: hsl(275, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:45, html.auto .sf-c-txt-indigo\:45 { color: hsl(275, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:50, html.auto .sf-c-txt-indigo\:50 { color: hsl(275, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:55, html.auto .sf-c-txt-indigo\:55 { color: hsl(275, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:60, html.auto .sf-c-txt-indigo\:60 { color: hsl(275, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:65, html.auto .sf-c-txt-indigo\:65 { color: hsl(275, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:70, html.auto .sf-c-txt-indigo\:70 { color: hsl(275, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:75, html.auto .sf-c-txt-indigo\:75 { color: hsl(275, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:80, html.auto .sf-c-txt-indigo\:80 { color: hsl(275, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:85, html.auto .sf-c-txt-indigo\:85 { color: hsl(275, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:90, html.auto .sf-c-txt-indigo\:90 { color: hsl(275, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:95, html.auto .sf-c-txt-indigo\:95 { color: hsl(275, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:100, html.auto .sf-c-txt-indigo\:100 { color: hsl(275, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-indigo\:dark, html.auto .sf-c-txt-indigo\:dark { color: hsl(275, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:0\:dark, html.auto .sf-c-txt-indigo\:0\:dark { color: hsl(275, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:5\:dark, html.auto .sf-c-txt-indigo\:5\:dark { color: hsl(275, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:10\:dark, html.auto .sf-c-txt-indigo\:10\:dark { color: hsl(275, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:15\:dark, html.auto .sf-c-txt-indigo\:15\:dark { color: hsl(275, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:20\:dark, html.auto .sf-c-txt-indigo\:20\:dark { color: hsl(275, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:25\:dark, html.auto .sf-c-txt-indigo\:25\:dark { color: hsl(275, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:30\:dark, html.auto .sf-c-txt-indigo\:30\:dark { color: hsl(275, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:35\:dark, html.auto .sf-c-txt-indigo\:35\:dark { color: hsl(275, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:40\:dark, html.auto .sf-c-txt-indigo\:40\:dark { color: hsl(275, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:45\:dark, html.auto .sf-c-txt-indigo\:45\:dark { color: hsl(275, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:50\:dark, html.auto .sf-c-txt-indigo\:50\:dark { color: hsl(275, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:55\:dark, html.auto .sf-c-txt-indigo\:55\:dark { color: hsl(275, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:60\:dark, html.auto .sf-c-txt-indigo\:60\:dark { color: hsl(275, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:65\:dark, html.auto .sf-c-txt-indigo\:65\:dark { color: hsl(275, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:70\:dark, html.auto .sf-c-txt-indigo\:70\:dark { color: hsl(275, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:75\:dark, html.auto .sf-c-txt-indigo\:75\:dark { color: hsl(275, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:80\:dark, html.auto .sf-c-txt-indigo\:80\:dark { color: hsl(275, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:85\:dark, html.auto .sf-c-txt-indigo\:85\:dark { color: hsl(275, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:90\:dark, html.auto .sf-c-txt-indigo\:90\:dark { color: hsl(275, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:95\:dark, html.auto .sf-c-txt-indigo\:95\:dark { color: hsl(275, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-indigo\:100\:dark, html.auto .sf-c-txt-indigo\:100\:dark { color: hsl(275, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/ivory.css b/src/colors/20/ivory.css index f5869f0..dec6209 100644 --- a/src/colors/20/ivory.css +++ b/src/colors/20/ivory.css @@ -138,6 +138,52 @@ html.var .sf-c-ivory\:90 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 9 html.var .sf-c-ivory\:95 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } html.var .sf-c-ivory\:100 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } +.sf-c-txt-ivory { color: hsl(var(--sf-dark-c-txt-ivory)) } +.sf-c-txt-ivory\:0 { color: hsl(var(--sf-dark-c-txt-ivory-100)) } +.sf-c-txt-ivory\:5 { color: hsl(var(--sf-dark-c-txt-ivory-95)) } +.sf-c-txt-ivory\:10 { color: hsl(var(--sf-dark-c-txt-ivory-90)) } +.sf-c-txt-ivory\:15 { color: hsl(var(--sf-dark-c-txt-ivory-85)) } +.sf-c-txt-ivory\:20 { color: hsl(var(--sf-dark-c-txt-ivory-80)) } +.sf-c-txt-ivory\:25 { color: hsl(var(--sf-dark-c-txt-ivory-75)) } +.sf-c-txt-ivory\:30 { color: hsl(var(--sf-dark-c-txt-ivory-70)) } +.sf-c-txt-ivory\:35 { color: hsl(var(--sf-dark-c-txt-ivory-65)) } +.sf-c-txt-ivory\:40 { color: hsl(var(--sf-dark-c-txt-ivory-60)) } +.sf-c-txt-ivory\:45 { color: hsl(var(--sf-dark-c-txt-ivory-55)) } +.sf-c-txt-ivory\:50 { color: hsl(var(--sf-dark-c-txt-ivory-50)) } +.sf-c-txt-ivory\:55 { color: hsl(var(--sf-dark-c-txt-ivory-45)) } +.sf-c-txt-ivory\:60 { color: hsl(var(--sf-dark-c-txt-ivory-40)) } +.sf-c-txt-ivory\:65 { color: hsl(var(--sf-dark-c-txt-ivory-35)) } +.sf-c-txt-ivory\:70 { color: hsl(var(--sf-dark-c-txt-ivory-30)) } +.sf-c-txt-ivory\:75 { color: hsl(var(--sf-dark-c-txt-ivory-25)) } +.sf-c-txt-ivory\:80 { color: hsl(var(--sf-dark-c-txt-ivory-20)) } +.sf-c-txt-ivory\:85 { color: hsl(var(--sf-dark-c-txt-ivory-15)) } +.sf-c-txt-ivory\:90 { color: hsl(var(--sf-dark-c-txt-ivory-10)) } +.sf-c-txt-ivory\:95 { color: hsl(var(--sf-dark-c-txt-ivory-5)) } +.sf-c-txt-ivory\:100 { color: hsl(var(--sf-dark-c-txt-ivory-0)) } + +html.var .sf-c-txt-ivory { color: hsl(60, 100%, 3%) } +html.var .sf-c-txt-ivory\:0 { color: hsl(60, 100%, 100%) } +html.var .sf-c-txt-ivory\:5 { color: hsl(60, 100%, 95%) } +html.var .sf-c-txt-ivory\:10 { color: hsl(60, 100%, 90%) } +html.var .sf-c-txt-ivory\:15 { color: hsl(60, 100%, 85%) } +html.var .sf-c-txt-ivory\:20 { color: hsl(60, 100%, 80%) } +html.var .sf-c-txt-ivory\:25 { color: hsl(60, 100%, 75%) } +html.var .sf-c-txt-ivory\:30 { color: hsl(60, 100%, 70%) } +html.var .sf-c-txt-ivory\:35 { color: hsl(60, 100%, 65%) } +html.var .sf-c-txt-ivory\:40 { color: hsl(60, 100%, 60%) } +html.var .sf-c-txt-ivory\:45 { color: hsl(60, 100%, 55%) } +html.var .sf-c-txt-ivory\:50 { color: hsl(60, 100%, 50%) } +html.var .sf-c-txt-ivory\:55 { color: hsl(60, 100%, 45%) } +html.var .sf-c-txt-ivory\:60 { color: hsl(60, 100%, 40%) } +html.var .sf-c-txt-ivory\:65 { color: hsl(60, 100%, 35%) } +html.var .sf-c-txt-ivory\:70 { color: hsl(60, 100%, 30%) } +html.var .sf-c-txt-ivory\:75 { color: hsl(60, 100%, 25%) } +html.var .sf-c-txt-ivory\:80 { color: hsl(60, 100%, 20%) } +html.var .sf-c-txt-ivory\:85 { color: hsl(60, 100%, 15%) } +html.var .sf-c-txt-ivory\:90 { color: hsl(60, 100%, 10%) } +html.var .sf-c-txt-ivory\:95 { color: hsl(60, 100%, 5%) } +html.var .sf-c-txt-ivory\:100 { color: hsl(60, 100%, 0%) } + html[data-theme='dark'] .sf-c-ivory, html.dark .sf-c-ivory { color: hsl(var(--sf-dark-c-txt-ivory-95)); background: hsl(var(--sf-dark-c-ivory)) } html[data-theme='dark'] .sf-c-ivory\:0, html.dark .sf-c-ivory\:0 { color: hsl(var(--sf-dark-c-txt-ivory-95)); background: hsl(var(--sf-dark-c-ivory-100)) } html[data-theme='dark'] .sf-c-ivory\:5, html.dark .sf-c-ivory\:5 { color: hsl(var(--sf-dark-c-txt-ivory-5)); background: hsl(var(--sf-dark-c-ivory-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-ivory\:90\:dark, html.dark .sf-c-ivory\:90\:dark { html[data-theme='dark'] .sf-c-ivory\:95\:dark, html.dark .sf-c-ivory\:95\:dark { color: hsl(var(--sf-c-txt-ivory-95)); background: hsl(var(--sf-c-ivory-5)) } html[data-theme='dark'] .sf-c-ivory\:100\:dark, html.dark .sf-c-ivory\:100\:dark { color: hsl(var(--sf-c-txt-ivory-95)); background: hsl(var(--sf-c-ivory-0)) } +html[data-theme='dark'] .sf-c-txt-ivory, html.dark .sf-c-txt-ivory { color: hsl(var(--sf-c-txt-ivory)) } +html[data-theme='dark'] .sf-c-txt-ivory\:0, html.dark .sf-c-txt-ivory\:0 { color: hsl(var(--sf-c-txt-ivory-0)) } +html[data-theme='dark'] .sf-c-txt-ivory\:5, html.dark .sf-c-txt-ivory\:5 { color: hsl(var(--sf-c-txt-ivory-5)) } +html[data-theme='dark'] .sf-c-txt-ivory\:10, html.dark .sf-c-txt-ivory\:10 { color: hsl(var(--sf-c-txt-ivory-10)) } +html[data-theme='dark'] .sf-c-txt-ivory\:15, html.dark .sf-c-txt-ivory\:15 { color: hsl(var(--sf-c-txt-ivory-15)) } +html[data-theme='dark'] .sf-c-txt-ivory\:20, html.dark .sf-c-txt-ivory\:20 { color: hsl(var(--sf-c-txt-ivory-20)) } +html[data-theme='dark'] .sf-c-txt-ivory\:25, html.dark .sf-c-txt-ivory\:25 { color: hsl(var(--sf-c-txt-ivory-25)) } +html[data-theme='dark'] .sf-c-txt-ivory\:30, html.dark .sf-c-txt-ivory\:30 { color: hsl(var(--sf-c-txt-ivory-30)) } +html[data-theme='dark'] .sf-c-txt-ivory\:35, html.dark .sf-c-txt-ivory\:35 { color: hsl(var(--sf-c-txt-ivory-35)) } +html[data-theme='dark'] .sf-c-txt-ivory\:40, html.dark .sf-c-txt-ivory\:40 { color: hsl(var(--sf-c-txt-ivory-40)) } +html[data-theme='dark'] .sf-c-txt-ivory\:45, html.dark .sf-c-txt-ivory\:45 { color: hsl(var(--sf-c-txt-ivory-45)) } +html[data-theme='dark'] .sf-c-txt-ivory\:50, html.dark .sf-c-txt-ivory\:50 { color: hsl(var(--sf-c-txt-ivory-50)) } +html[data-theme='dark'] .sf-c-txt-ivory\:55, html.dark .sf-c-txt-ivory\:55 { color: hsl(var(--sf-c-txt-ivory-55)) } +html[data-theme='dark'] .sf-c-txt-ivory\:60, html.dark .sf-c-txt-ivory\:60 { color: hsl(var(--sf-c-txt-ivory-60)) } +html[data-theme='dark'] .sf-c-txt-ivory\:65, html.dark .sf-c-txt-ivory\:65 { color: hsl(var(--sf-c-txt-ivory-65)) } +html[data-theme='dark'] .sf-c-txt-ivory\:70, html.dark .sf-c-txt-ivory\:70 { color: hsl(var(--sf-c-txt-ivory-70)) } +html[data-theme='dark'] .sf-c-txt-ivory\:75, html.dark .sf-c-txt-ivory\:75 { color: hsl(var(--sf-c-txt-ivory-75)) } +html[data-theme='dark'] .sf-c-txt-ivory\:80, html.dark .sf-c-txt-ivory\:80 { color: hsl(var(--sf-c-txt-ivory-80)) } +html[data-theme='dark'] .sf-c-txt-ivory\:85, html.dark .sf-c-txt-ivory\:85 { color: hsl(var(--sf-c-txt-ivory-85)) } +html[data-theme='dark'] .sf-c-txt-ivory\:90, html.dark .sf-c-txt-ivory\:90 { color: hsl(var(--sf-c-txt-ivory-90)) } +html[data-theme='dark'] .sf-c-txt-ivory\:95, html.dark .sf-c-txt-ivory\:95 { color: hsl(var(--sf-c-txt-ivory-95)) } +html[data-theme='dark'] .sf-c-txt-ivory\:100, html.dark .sf-c-txt-ivory\:100 { color: hsl(var(--sf-c-txt-ivory-100)) } + +html[data-theme='dark'] .sf-c-txt-ivory\:dark, html.dark .sf-c-txt-ivory\:dark { color: hsl(var(--sf-c-txt-ivory)) } +html[data-theme='dark'] .sf-c-txt-ivory\:0\:dark, html.dark .sf-c-txt-ivory\:0\:dark { color: hsl(var(--sf-dark-c-txt-ivory-0)) } +html[data-theme='dark'] .sf-c-txt-ivory\:5\:dark, html.dark .sf-c-txt-ivory\:5\:dark { color: hsl(var(--sf-dark-c-txt-ivory-5)) } +html[data-theme='dark'] .sf-c-txt-ivory\:10\:dark, html.dark .sf-c-txt-ivory\:10\:dark { color: hsl(var(--sf-dark-c-txt-ivory-10)) } +html[data-theme='dark'] .sf-c-txt-ivory\:15\:dark, html.dark .sf-c-txt-ivory\:15\:dark { color: hsl(var(--sf-dark-c-txt-ivory-15)) } +html[data-theme='dark'] .sf-c-txt-ivory\:20\:dark, html.dark .sf-c-txt-ivory\:20\:dark { color: hsl(var(--sf-dark-c-txt-ivory-20)) } +html[data-theme='dark'] .sf-c-txt-ivory\:25\:dark, html.dark .sf-c-txt-ivory\:25\:dark { color: hsl(var(--sf-dark-c-txt-ivory-25)) } +html[data-theme='dark'] .sf-c-txt-ivory\:30\:dark, html.dark .sf-c-txt-ivory\:30\:dark { color: hsl(var(--sf-dark-c-txt-ivory-30)) } +html[data-theme='dark'] .sf-c-txt-ivory\:35\:dark, html.dark .sf-c-txt-ivory\:35\:dark { color: hsl(var(--sf-dark-c-txt-ivory-35)) } +html[data-theme='dark'] .sf-c-txt-ivory\:40\:dark, html.dark .sf-c-txt-ivory\:40\:dark { color: hsl(var(--sf-dark-c-txt-ivory-40)) } +html[data-theme='dark'] .sf-c-txt-ivory\:45\:dark, html.dark .sf-c-txt-ivory\:45\:dark { color: hsl(var(--sf-dark-c-txt-ivory-45)) } +html[data-theme='dark'] .sf-c-txt-ivory\:50\:dark, html.dark .sf-c-txt-ivory\:50\:dark { color: hsl(var(--sf-dark-c-txt-ivory-50)) } +html[data-theme='dark'] .sf-c-txt-ivory\:55\:dark, html.dark .sf-c-txt-ivory\:55\:dark { color: hsl(var(--sf-dark-c-txt-ivory-55)) } +html[data-theme='dark'] .sf-c-txt-ivory\:60\:dark, html.dark .sf-c-txt-ivory\:60\:dark { color: hsl(var(--sf-dark-c-txt-ivory-60)) } +html[data-theme='dark'] .sf-c-txt-ivory\:65\:dark, html.dark .sf-c-txt-ivory\:65\:dark { color: hsl(var(--sf-dark-c-txt-ivory-65)) } +html[data-theme='dark'] .sf-c-txt-ivory\:70\:dark, html.dark .sf-c-txt-ivory\:70\:dark { color: hsl(var(--sf-dark-c-txt-ivory-70)) } +html[data-theme='dark'] .sf-c-txt-ivory\:75\:dark, html.dark .sf-c-txt-ivory\:75\:dark { color: hsl(var(--sf-dark-c-txt-ivory-75)) } +html[data-theme='dark'] .sf-c-txt-ivory\:80\:dark, html.dark .sf-c-txt-ivory\:80\:dark { color: hsl(var(--sf-dark-c-txt-ivory-80)) } +html[data-theme='dark'] .sf-c-txt-ivory\:85\:dark, html.dark .sf-c-txt-ivory\:85\:dark { color: hsl(var(--sf-dark-c-txt-ivory-85)) } +html[data-theme='dark'] .sf-c-txt-ivory\:90\:dark, html.dark .sf-c-txt-ivory\:90\:dark { color: hsl(var(--sf-dark-c-txt-ivory-90)) } +html[data-theme='dark'] .sf-c-txt-ivory\:95\:dark, html.dark .sf-c-txt-ivory\:95\:dark { color: hsl(var(--sf-dark-c-txt-ivory-95)) } +html[data-theme='dark'] .sf-c-txt-ivory\:100\:dark, html.dark .sf-c-txt-ivory\:100\:dark { color: hsl(var(--sf-dark-c-txt-ivory-100)) } + html.var[data-theme='dark'] .sf-c-ivory, html.var.dark .sf-c-ivory { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 3%) } html.var[data-theme='dark'] .sf-c-ivory\:0, html.var.dark .sf-c-ivory\:0 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 100%) } html.var[data-theme='dark'] .sf-c-ivory\:5, html.var.dark .sf-c-ivory\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-ivory\:90\:dark, html.var.dark .sf-c-ivory\:90 html.var[data-theme='dark'] .sf-c-ivory\:95\:dark, html.var.dark .sf-c-ivory\:95\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } html.var[data-theme='dark'] .sf-c-ivory\:100\:dark, html.var.dark .sf-c-ivory\:100\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-ivory, html.dark .sf-c-txt-ivory { color: hsl(60, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:0, html.dark .sf-c-txt-ivory\:0 { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:5, html.dark .sf-c-txt-ivory\:5 { color: hsl(60, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:10, html.dark .sf-c-txt-ivory\:10 { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:15, html.dark .sf-c-txt-ivory\:15 { color: hsl(60, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:20, html.dark .sf-c-txt-ivory\:20 { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:25, html.dark .sf-c-txt-ivory\:25 { color: hsl(60, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:30, html.dark .sf-c-txt-ivory\:30 { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:35, html.dark .sf-c-txt-ivory\:35 { color: hsl(60, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:40, html.dark .sf-c-txt-ivory\:40 { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:45, html.dark .sf-c-txt-ivory\:45 { color: hsl(60, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:50, html.dark .sf-c-txt-ivory\:50 { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:55, html.dark .sf-c-txt-ivory\:55 { color: hsl(60, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:60, html.dark .sf-c-txt-ivory\:60 { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:65, html.dark .sf-c-txt-ivory\:65 { color: hsl(60, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:70, html.dark .sf-c-txt-ivory\:70 { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:75, html.dark .sf-c-txt-ivory\:75 { color: hsl(60, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:80, html.dark .sf-c-txt-ivory\:80 { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:85, html.dark .sf-c-txt-ivory\:85 { color: hsl(60, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:90, html.dark .sf-c-txt-ivory\:90 { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:95, html.dark .sf-c-txt-ivory\:95 { color: hsl(60, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:100, html.dark .sf-c-txt-ivory\:100 { color: hsl(60, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-ivory\:dark, html.dark .sf-c-txt-ivory\:dark { color: hsl(60, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:0\:dark, html.dark .sf-c-txt-ivory\:0\:dark { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:5\:dark, html.dark .sf-c-txt-ivory\:5\:dark { color: hsl(60, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:10\:dark, html.dark .sf-c-txt-ivory\:10\:dark { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:15\:dark, html.dark .sf-c-txt-ivory\:15\:dark { color: hsl(60, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:20\:dark, html.dark .sf-c-txt-ivory\:20\:dark { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:25\:dark, html.dark .sf-c-txt-ivory\:25\:dark { color: hsl(60, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:30\:dark, html.dark .sf-c-txt-ivory\:30\:dark { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:35\:dark, html.dark .sf-c-txt-ivory\:35\:dark { color: hsl(60, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:40\:dark, html.dark .sf-c-txt-ivory\:40\:dark { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:45\:dark, html.dark .sf-c-txt-ivory\:45\:dark { color: hsl(60, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:50\:dark, html.dark .sf-c-txt-ivory\:50\:dark { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:55\:dark, html.dark .sf-c-txt-ivory\:55\:dark { color: hsl(60, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:60\:dark, html.dark .sf-c-txt-ivory\:60\:dark { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:65\:dark, html.dark .sf-c-txt-ivory\:65\:dark { color: hsl(60, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:70\:dark, html.dark .sf-c-txt-ivory\:70\:dark { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:75\:dark, html.dark .sf-c-txt-ivory\:75\:dark { color: hsl(60, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:80\:dark, html.dark .sf-c-txt-ivory\:80\:dark { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:85\:dark, html.dark .sf-c-txt-ivory\:85\:dark { color: hsl(60, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:90\:dark, html.dark .sf-c-txt-ivory\:90\:dark { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:95\:dark, html.dark .sf-c-txt-ivory\:95\:dark { color: hsl(60, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-ivory\:100\:dark, html.dark .sf-c-txt-ivory\:100\:dark { color: hsl(60, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-ivory, html.auto .sf-c-ivory { color: hsl(var(--sf-dark-c-txt-ivory-95)); background: hsl(var(--sf-dark-c-ivory)) } html[data-theme='auto'] .sf-c-ivory\:0, html.auto .sf-c-ivory\:0 { color: hsl(var(--sf-dark-c-txt-ivory-95)); background: hsl(var(--sf-dark-c-ivory-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-ivory\:100\:dark, html.var.dark .sf-c-ivory\:1 html[data-theme='auto'] .sf-c-ivory\:95\:dark, html.auto .sf-c-ivory\:95\:dark { color: hsl(var(--sf-c-txt-ivory-95)); background: hsl(var(--sf-c-ivory-5)) } html[data-theme='auto'] .sf-c-ivory\:100\:dark, html.auto .sf-c-ivory\:100\:dark { color: hsl(var(--sf-c-txt-ivory-95)); background: hsl(var(--sf-c-ivory-0)) } + html[data-theme='auto'] .sf-c-txt-ivory, html.auto .sf-c-txt-ivory { color: hsl(var(--sf-c-txt-ivory)) } + html[data-theme='auto'] .sf-c-txt-ivory\:0, html.auto .sf-c-txt-ivory\:0 { color: hsl(var(--sf-c-txt-ivory-0)) } + html[data-theme='auto'] .sf-c-txt-ivory\:5, html.auto .sf-c-txt-ivory\:5 { color: hsl(var(--sf-c-txt-ivory-5)) } + html[data-theme='auto'] .sf-c-txt-ivory\:10, html.auto .sf-c-txt-ivory\:10 { color: hsl(var(--sf-c-txt-ivory-10)) } + html[data-theme='auto'] .sf-c-txt-ivory\:15, html.auto .sf-c-txt-ivory\:15 { color: hsl(var(--sf-c-txt-ivory-15)) } + html[data-theme='auto'] .sf-c-txt-ivory\:20, html.auto .sf-c-txt-ivory\:20 { color: hsl(var(--sf-c-txt-ivory-20)) } + html[data-theme='auto'] .sf-c-txt-ivory\:25, html.auto .sf-c-txt-ivory\:25 { color: hsl(var(--sf-c-txt-ivory-25)) } + html[data-theme='auto'] .sf-c-txt-ivory\:30, html.auto .sf-c-txt-ivory\:30 { color: hsl(var(--sf-c-txt-ivory-30)) } + html[data-theme='auto'] .sf-c-txt-ivory\:35, html.auto .sf-c-txt-ivory\:35 { color: hsl(var(--sf-c-txt-ivory-35)) } + html[data-theme='auto'] .sf-c-txt-ivory\:40, html.auto .sf-c-txt-ivory\:40 { color: hsl(var(--sf-c-txt-ivory-40)) } + html[data-theme='auto'] .sf-c-txt-ivory\:45, html.auto .sf-c-txt-ivory\:45 { color: hsl(var(--sf-c-txt-ivory-45)) } + html[data-theme='auto'] .sf-c-txt-ivory\:50, html.auto .sf-c-txt-ivory\:50 { color: hsl(var(--sf-c-txt-ivory-50)) } + html[data-theme='auto'] .sf-c-txt-ivory\:55, html.auto .sf-c-txt-ivory\:55 { color: hsl(var(--sf-c-txt-ivory-55)) } + html[data-theme='auto'] .sf-c-txt-ivory\:60, html.auto .sf-c-txt-ivory\:60 { color: hsl(var(--sf-c-txt-ivory-60)) } + html[data-theme='auto'] .sf-c-txt-ivory\:65, html.auto .sf-c-txt-ivory\:65 { color: hsl(var(--sf-c-txt-ivory-65)) } + html[data-theme='auto'] .sf-c-txt-ivory\:70, html.auto .sf-c-txt-ivory\:70 { color: hsl(var(--sf-c-txt-ivory-70)) } + html[data-theme='auto'] .sf-c-txt-ivory\:75, html.auto .sf-c-txt-ivory\:75 { color: hsl(var(--sf-c-txt-ivory-75)) } + html[data-theme='auto'] .sf-c-txt-ivory\:80, html.auto .sf-c-txt-ivory\:80 { color: hsl(var(--sf-c-txt-ivory-80)) } + html[data-theme='auto'] .sf-c-txt-ivory\:85, html.auto .sf-c-txt-ivory\:85 { color: hsl(var(--sf-c-txt-ivory-85)) } + html[data-theme='auto'] .sf-c-txt-ivory\:90, html.auto .sf-c-txt-ivory\:90 { color: hsl(var(--sf-c-txt-ivory-90)) } + html[data-theme='auto'] .sf-c-txt-ivory\:95, html.auto .sf-c-txt-ivory\:95 { color: hsl(var(--sf-c-txt-ivory-95)) } + html[data-theme='auto'] .sf-c-txt-ivory\:100, html.auto .sf-c-txt-ivory\:100 { color: hsl(var(--sf-c-txt-ivory-100)) } + + html[data-theme='auto'] .sf-c-txt-ivory\:dark, html.auto .sf-c-txt-ivory\:dark { color: hsl(var(--sf-c-txt-ivory)) } + html[data-theme='auto'] .sf-c-txt-ivory\:0\:dark, html.auto .sf-c-txt-ivory\:0\:dark { color: hsl(var(--sf-c-txt-ivory-0)) } + html[data-theme='auto'] .sf-c-txt-ivory\:5\:dark, html.auto .sf-c-txt-ivory\:5\:dark { color: hsl(var(--sf-c-txt-ivory-5)) } + html[data-theme='auto'] .sf-c-txt-ivory\:10\:dark, html.auto .sf-c-txt-ivory\:10\:dark { color: hsl(var(--sf-c-txt-ivory-10)) } + html[data-theme='auto'] .sf-c-txt-ivory\:15\:dark, html.auto .sf-c-txt-ivory\:15\:dark { color: hsl(var(--sf-c-txt-ivory-15)) } + html[data-theme='auto'] .sf-c-txt-ivory\:20\:dark, html.auto .sf-c-txt-ivory\:20\:dark { color: hsl(var(--sf-c-txt-ivory-20)) } + html[data-theme='auto'] .sf-c-txt-ivory\:25\:dark, html.auto .sf-c-txt-ivory\:25\:dark { color: hsl(var(--sf-c-txt-ivory-25)) } + html[data-theme='auto'] .sf-c-txt-ivory\:30\:dark, html.auto .sf-c-txt-ivory\:30\:dark { color: hsl(var(--sf-c-txt-ivory-30)) } + html[data-theme='auto'] .sf-c-txt-ivory\:35\:dark, html.auto .sf-c-txt-ivory\:35\:dark { color: hsl(var(--sf-c-txt-ivory-35)) } + html[data-theme='auto'] .sf-c-txt-ivory\:40\:dark, html.auto .sf-c-txt-ivory\:40\:dark { color: hsl(var(--sf-c-txt-ivory-40)) } + html[data-theme='auto'] .sf-c-txt-ivory\:45\:dark, html.auto .sf-c-txt-ivory\:45\:dark { color: hsl(var(--sf-c-txt-ivory-45)) } + html[data-theme='auto'] .sf-c-txt-ivory\:50\:dark, html.auto .sf-c-txt-ivory\:50\:dark { color: hsl(var(--sf-c-txt-ivory-50)) } + html[data-theme='auto'] .sf-c-txt-ivory\:55\:dark, html.auto .sf-c-txt-ivory\:55\:dark { color: hsl(var(--sf-c-txt-ivory-55)) } + html[data-theme='auto'] .sf-c-txt-ivory\:60\:dark, html.auto .sf-c-txt-ivory\:60\:dark { color: hsl(var(--sf-c-txt-ivory-60)) } + html[data-theme='auto'] .sf-c-txt-ivory\:65\:dark, html.auto .sf-c-txt-ivory\:65\:dark { color: hsl(var(--sf-c-txt-ivory-65)) } + html[data-theme='auto'] .sf-c-txt-ivory\:70\:dark, html.auto .sf-c-txt-ivory\:70\:dark { color: hsl(var(--sf-c-txt-ivory-70)) } + html[data-theme='auto'] .sf-c-txt-ivory\:75\:dark, html.auto .sf-c-txt-ivory\:75\:dark { color: hsl(var(--sf-c-txt-ivory-75)) } + html[data-theme='auto'] .sf-c-txt-ivory\:80\:dark, html.auto .sf-c-txt-ivory\:80\:dark { color: hsl(var(--sf-c-txt-ivory-80)) } + html[data-theme='auto'] .sf-c-txt-ivory\:85\:dark, html.auto .sf-c-txt-ivory\:85\:dark { color: hsl(var(--sf-c-txt-ivory-85)) } + html[data-theme='auto'] .sf-c-txt-ivory\:90\:dark, html.auto .sf-c-txt-ivory\:90\:dark { color: hsl(var(--sf-c-txt-ivory-90)) } + html[data-theme='auto'] .sf-c-txt-ivory\:95\:dark, html.auto .sf-c-txt-ivory\:95\:dark { color: hsl(var(--sf-c-txt-ivory-95)) } + html[data-theme='auto'] .sf-c-txt-ivory\:100\:dark, html.auto .sf-c-txt-ivory\:100\:dark { color: hsl(var(--sf-c-txt-ivory-100)) } + html.var[data-theme='auto'] .sf-c-ivory, html.var.auto .sf-c-ivory { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 3%) } html.var[data-theme='auto'] .sf-c-ivory\:0, html.var.auto .sf-c-ivory\:0 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 100%) } html.var[data-theme='auto'] .sf-c-ivory\:5, html.var.auto .sf-c-ivory\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-ivory\:100\:dark, html.var.dark .sf-c-ivory\:1 html.var[data-theme='auto'] .sf-c-ivory\:90\:dark, html.var.auto .sf-c-ivory\:90\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } html.var[data-theme='auto'] .sf-c-ivory\:95\:dark, html.var.auto .sf-c-ivory\:95\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } html.var[data-theme='auto'] .sf-c-ivory\:100\:dark, html.var.auto .sf-c-ivory\:100\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } -} -.sf-c-txt-ivory { color: hsl(var(--sf-c-txt-ivory)) } -.sf-c-txt-ivory\:0 { color: hsl(var(--sf-c-txt-ivory-0)) } -.sf-c-txt-ivory\:5 { color: hsl(var(--sf-c-txt-ivory-5)) } -.sf-c-txt-ivory\:10 { color: hsl(var(--sf-c-txt-ivory-10)) } -.sf-c-txt-ivory\:15 { color: hsl(var(--sf-c-txt-ivory-15)) } -.sf-c-txt-ivory\:20 { color: hsl(var(--sf-c-txt-ivory-20)) } -.sf-c-txt-ivory\:25 { color: hsl(var(--sf-c-txt-ivory-25)) } -.sf-c-txt-ivory\:30 { color: hsl(var(--sf-c-txt-ivory-30)) } -.sf-c-txt-ivory\:35 { color: hsl(var(--sf-c-txt-ivory-35)) } -.sf-c-txt-ivory\:40 { color: hsl(var(--sf-c-txt-ivory-40)) } -.sf-c-txt-ivory\:45 { color: hsl(var(--sf-c-txt-ivory-45)) } -.sf-c-txt-ivory\:50 { color: hsl(var(--sf-c-txt-ivory-50)) } -.sf-c-txt-ivory\:55 { color: hsl(var(--sf-c-txt-ivory-55)) } -.sf-c-txt-ivory\:60 { color: hsl(var(--sf-c-txt-ivory-60)) } -.sf-c-txt-ivory\:65 { color: hsl(var(--sf-c-txt-ivory-65)) } -.sf-c-txt-ivory\:70 { color: hsl(var(--sf-c-txt-ivory-70)) } -.sf-c-txt-ivory\:75 { color: hsl(var(--sf-c-txt-ivory-75)) } -.sf-c-txt-ivory\:80 { color: hsl(var(--sf-c-txt-ivory-80)) } -.sf-c-txt-ivory\:85 { color: hsl(var(--sf-c-txt-ivory-85)) } -.sf-c-txt-ivory\:90 { color: hsl(var(--sf-c-txt-ivory-90)) } -.sf-c-txt-ivory\:95 { color: hsl(var(--sf-c-txt-ivory-95)) } -.sf-c-txt-ivory\:100 { color: hsl(var(--sf-c-txt-ivory-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-ivory, html.auto .sf-c-txt-ivory { color: hsl(60, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:0, html.auto .sf-c-txt-ivory\:0 { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:5, html.auto .sf-c-txt-ivory\:5 { color: hsl(60, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:10, html.auto .sf-c-txt-ivory\:10 { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:15, html.auto .sf-c-txt-ivory\:15 { color: hsl(60, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:20, html.auto .sf-c-txt-ivory\:20 { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:25, html.auto .sf-c-txt-ivory\:25 { color: hsl(60, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:30, html.auto .sf-c-txt-ivory\:30 { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:35, html.auto .sf-c-txt-ivory\:35 { color: hsl(60, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:40, html.auto .sf-c-txt-ivory\:40 { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:45, html.auto .sf-c-txt-ivory\:45 { color: hsl(60, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:50, html.auto .sf-c-txt-ivory\:50 { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:55, html.auto .sf-c-txt-ivory\:55 { color: hsl(60, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:60, html.auto .sf-c-txt-ivory\:60 { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:65, html.auto .sf-c-txt-ivory\:65 { color: hsl(60, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:70, html.auto .sf-c-txt-ivory\:70 { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:75, html.auto .sf-c-txt-ivory\:75 { color: hsl(60, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:80, html.auto .sf-c-txt-ivory\:80 { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:85, html.auto .sf-c-txt-ivory\:85 { color: hsl(60, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:90, html.auto .sf-c-txt-ivory\:90 { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:95, html.auto .sf-c-txt-ivory\:95 { color: hsl(60, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:100, html.auto .sf-c-txt-ivory\:100 { color: hsl(60, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-ivory\:dark, html.auto .sf-c-txt-ivory\:dark { color: hsl(60, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:0\:dark, html.auto .sf-c-txt-ivory\:0\:dark { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:5\:dark, html.auto .sf-c-txt-ivory\:5\:dark { color: hsl(60, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:10\:dark, html.auto .sf-c-txt-ivory\:10\:dark { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:15\:dark, html.auto .sf-c-txt-ivory\:15\:dark { color: hsl(60, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:20\:dark, html.auto .sf-c-txt-ivory\:20\:dark { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:25\:dark, html.auto .sf-c-txt-ivory\:25\:dark { color: hsl(60, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:30\:dark, html.auto .sf-c-txt-ivory\:30\:dark { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:35\:dark, html.auto .sf-c-txt-ivory\:35\:dark { color: hsl(60, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:40\:dark, html.auto .sf-c-txt-ivory\:40\:dark { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:45\:dark, html.auto .sf-c-txt-ivory\:45\:dark { color: hsl(60, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:50\:dark, html.auto .sf-c-txt-ivory\:50\:dark { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:55\:dark, html.auto .sf-c-txt-ivory\:55\:dark { color: hsl(60, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:60\:dark, html.auto .sf-c-txt-ivory\:60\:dark { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:65\:dark, html.auto .sf-c-txt-ivory\:65\:dark { color: hsl(60, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:70\:dark, html.auto .sf-c-txt-ivory\:70\:dark { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:75\:dark, html.auto .sf-c-txt-ivory\:75\:dark { color: hsl(60, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:80\:dark, html.auto .sf-c-txt-ivory\:80\:dark { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:85\:dark, html.auto .sf-c-txt-ivory\:85\:dark { color: hsl(60, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:90\:dark, html.auto .sf-c-txt-ivory\:90\:dark { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:95\:dark, html.auto .sf-c-txt-ivory\:95\:dark { color: hsl(60, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-ivory\:100\:dark, html.auto .sf-c-txt-ivory\:100\:dark { color: hsl(60, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/khaki.css b/src/colors/20/khaki.css index f9ebeb5..54034ec 100644 --- a/src/colors/20/khaki.css +++ b/src/colors/20/khaki.css @@ -138,6 +138,52 @@ html.var .sf-c-khaki\:90 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 90% html.var .sf-c-khaki\:95 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 95%) } html.var .sf-c-khaki\:100 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 100%) } +.sf-c-txt-khaki { color: hsl(var(--sf-dark-c-txt-khaki)) } +.sf-c-txt-khaki\:0 { color: hsl(var(--sf-dark-c-txt-khaki-100)) } +.sf-c-txt-khaki\:5 { color: hsl(var(--sf-dark-c-txt-khaki-95)) } +.sf-c-txt-khaki\:10 { color: hsl(var(--sf-dark-c-txt-khaki-90)) } +.sf-c-txt-khaki\:15 { color: hsl(var(--sf-dark-c-txt-khaki-85)) } +.sf-c-txt-khaki\:20 { color: hsl(var(--sf-dark-c-txt-khaki-80)) } +.sf-c-txt-khaki\:25 { color: hsl(var(--sf-dark-c-txt-khaki-75)) } +.sf-c-txt-khaki\:30 { color: hsl(var(--sf-dark-c-txt-khaki-70)) } +.sf-c-txt-khaki\:35 { color: hsl(var(--sf-dark-c-txt-khaki-65)) } +.sf-c-txt-khaki\:40 { color: hsl(var(--sf-dark-c-txt-khaki-60)) } +.sf-c-txt-khaki\:45 { color: hsl(var(--sf-dark-c-txt-khaki-55)) } +.sf-c-txt-khaki\:50 { color: hsl(var(--sf-dark-c-txt-khaki-50)) } +.sf-c-txt-khaki\:55 { color: hsl(var(--sf-dark-c-txt-khaki-45)) } +.sf-c-txt-khaki\:60 { color: hsl(var(--sf-dark-c-txt-khaki-40)) } +.sf-c-txt-khaki\:65 { color: hsl(var(--sf-dark-c-txt-khaki-35)) } +.sf-c-txt-khaki\:70 { color: hsl(var(--sf-dark-c-txt-khaki-30)) } +.sf-c-txt-khaki\:75 { color: hsl(var(--sf-dark-c-txt-khaki-25)) } +.sf-c-txt-khaki\:80 { color: hsl(var(--sf-dark-c-txt-khaki-20)) } +.sf-c-txt-khaki\:85 { color: hsl(var(--sf-dark-c-txt-khaki-15)) } +.sf-c-txt-khaki\:90 { color: hsl(var(--sf-dark-c-txt-khaki-10)) } +.sf-c-txt-khaki\:95 { color: hsl(var(--sf-dark-c-txt-khaki-5)) } +.sf-c-txt-khaki\:100 { color: hsl(var(--sf-dark-c-txt-khaki-0)) } + +html.var .sf-c-txt-khaki { color: hsl(54, 77%, 25%) } +html.var .sf-c-txt-khaki\:0 { color: hsl(54, 77%, 100%) } +html.var .sf-c-txt-khaki\:5 { color: hsl(54, 77%, 95%) } +html.var .sf-c-txt-khaki\:10 { color: hsl(54, 77%, 90%) } +html.var .sf-c-txt-khaki\:15 { color: hsl(54, 77%, 85%) } +html.var .sf-c-txt-khaki\:20 { color: hsl(54, 77%, 80%) } +html.var .sf-c-txt-khaki\:25 { color: hsl(54, 77%, 75%) } +html.var .sf-c-txt-khaki\:30 { color: hsl(54, 77%, 70%) } +html.var .sf-c-txt-khaki\:35 { color: hsl(54, 77%, 65%) } +html.var .sf-c-txt-khaki\:40 { color: hsl(54, 77%, 60%) } +html.var .sf-c-txt-khaki\:45 { color: hsl(54, 77%, 55%) } +html.var .sf-c-txt-khaki\:50 { color: hsl(54, 77%, 50%) } +html.var .sf-c-txt-khaki\:55 { color: hsl(54, 77%, 45%) } +html.var .sf-c-txt-khaki\:60 { color: hsl(54, 77%, 40%) } +html.var .sf-c-txt-khaki\:65 { color: hsl(54, 77%, 35%) } +html.var .sf-c-txt-khaki\:70 { color: hsl(54, 77%, 30%) } +html.var .sf-c-txt-khaki\:75 { color: hsl(54, 77%, 25%) } +html.var .sf-c-txt-khaki\:80 { color: hsl(54, 77%, 20%) } +html.var .sf-c-txt-khaki\:85 { color: hsl(54, 77%, 15%) } +html.var .sf-c-txt-khaki\:90 { color: hsl(54, 77%, 10%) } +html.var .sf-c-txt-khaki\:95 { color: hsl(54, 77%, 5%) } +html.var .sf-c-txt-khaki\:100 { color: hsl(54, 77%, 0%) } + html[data-theme='dark'] .sf-c-khaki, html.dark .sf-c-khaki { color: hsl(var(--sf-dark-c-txt-khaki-95)); background: hsl(var(--sf-dark-c-khaki)) } html[data-theme='dark'] .sf-c-khaki\:0, html.dark .sf-c-khaki\:0 { color: hsl(var(--sf-dark-c-txt-khaki-95)); background: hsl(var(--sf-dark-c-khaki-100)) } html[data-theme='dark'] .sf-c-khaki\:5, html.dark .sf-c-khaki\:5 { color: hsl(var(--sf-dark-c-txt-khaki-5)); background: hsl(var(--sf-dark-c-khaki-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-khaki\:90\:dark, html.dark .sf-c-khaki\:90\:dark { html[data-theme='dark'] .sf-c-khaki\:95\:dark, html.dark .sf-c-khaki\:95\:dark { color: hsl(var(--sf-c-txt-khaki-95)); background: hsl(var(--sf-c-khaki-5)) } html[data-theme='dark'] .sf-c-khaki\:100\:dark, html.dark .sf-c-khaki\:100\:dark { color: hsl(var(--sf-c-txt-khaki-95)); background: hsl(var(--sf-c-khaki-0)) } +html[data-theme='dark'] .sf-c-txt-khaki, html.dark .sf-c-txt-khaki { color: hsl(var(--sf-c-txt-khaki)) } +html[data-theme='dark'] .sf-c-txt-khaki\:0, html.dark .sf-c-txt-khaki\:0 { color: hsl(var(--sf-c-txt-khaki-0)) } +html[data-theme='dark'] .sf-c-txt-khaki\:5, html.dark .sf-c-txt-khaki\:5 { color: hsl(var(--sf-c-txt-khaki-5)) } +html[data-theme='dark'] .sf-c-txt-khaki\:10, html.dark .sf-c-txt-khaki\:10 { color: hsl(var(--sf-c-txt-khaki-10)) } +html[data-theme='dark'] .sf-c-txt-khaki\:15, html.dark .sf-c-txt-khaki\:15 { color: hsl(var(--sf-c-txt-khaki-15)) } +html[data-theme='dark'] .sf-c-txt-khaki\:20, html.dark .sf-c-txt-khaki\:20 { color: hsl(var(--sf-c-txt-khaki-20)) } +html[data-theme='dark'] .sf-c-txt-khaki\:25, html.dark .sf-c-txt-khaki\:25 { color: hsl(var(--sf-c-txt-khaki-25)) } +html[data-theme='dark'] .sf-c-txt-khaki\:30, html.dark .sf-c-txt-khaki\:30 { color: hsl(var(--sf-c-txt-khaki-30)) } +html[data-theme='dark'] .sf-c-txt-khaki\:35, html.dark .sf-c-txt-khaki\:35 { color: hsl(var(--sf-c-txt-khaki-35)) } +html[data-theme='dark'] .sf-c-txt-khaki\:40, html.dark .sf-c-txt-khaki\:40 { color: hsl(var(--sf-c-txt-khaki-40)) } +html[data-theme='dark'] .sf-c-txt-khaki\:45, html.dark .sf-c-txt-khaki\:45 { color: hsl(var(--sf-c-txt-khaki-45)) } +html[data-theme='dark'] .sf-c-txt-khaki\:50, html.dark .sf-c-txt-khaki\:50 { color: hsl(var(--sf-c-txt-khaki-50)) } +html[data-theme='dark'] .sf-c-txt-khaki\:55, html.dark .sf-c-txt-khaki\:55 { color: hsl(var(--sf-c-txt-khaki-55)) } +html[data-theme='dark'] .sf-c-txt-khaki\:60, html.dark .sf-c-txt-khaki\:60 { color: hsl(var(--sf-c-txt-khaki-60)) } +html[data-theme='dark'] .sf-c-txt-khaki\:65, html.dark .sf-c-txt-khaki\:65 { color: hsl(var(--sf-c-txt-khaki-65)) } +html[data-theme='dark'] .sf-c-txt-khaki\:70, html.dark .sf-c-txt-khaki\:70 { color: hsl(var(--sf-c-txt-khaki-70)) } +html[data-theme='dark'] .sf-c-txt-khaki\:75, html.dark .sf-c-txt-khaki\:75 { color: hsl(var(--sf-c-txt-khaki-75)) } +html[data-theme='dark'] .sf-c-txt-khaki\:80, html.dark .sf-c-txt-khaki\:80 { color: hsl(var(--sf-c-txt-khaki-80)) } +html[data-theme='dark'] .sf-c-txt-khaki\:85, html.dark .sf-c-txt-khaki\:85 { color: hsl(var(--sf-c-txt-khaki-85)) } +html[data-theme='dark'] .sf-c-txt-khaki\:90, html.dark .sf-c-txt-khaki\:90 { color: hsl(var(--sf-c-txt-khaki-90)) } +html[data-theme='dark'] .sf-c-txt-khaki\:95, html.dark .sf-c-txt-khaki\:95 { color: hsl(var(--sf-c-txt-khaki-95)) } +html[data-theme='dark'] .sf-c-txt-khaki\:100, html.dark .sf-c-txt-khaki\:100 { color: hsl(var(--sf-c-txt-khaki-100)) } + +html[data-theme='dark'] .sf-c-txt-khaki\:dark, html.dark .sf-c-txt-khaki\:dark { color: hsl(var(--sf-c-txt-khaki)) } +html[data-theme='dark'] .sf-c-txt-khaki\:0\:dark, html.dark .sf-c-txt-khaki\:0\:dark { color: hsl(var(--sf-dark-c-txt-khaki-0)) } +html[data-theme='dark'] .sf-c-txt-khaki\:5\:dark, html.dark .sf-c-txt-khaki\:5\:dark { color: hsl(var(--sf-dark-c-txt-khaki-5)) } +html[data-theme='dark'] .sf-c-txt-khaki\:10\:dark, html.dark .sf-c-txt-khaki\:10\:dark { color: hsl(var(--sf-dark-c-txt-khaki-10)) } +html[data-theme='dark'] .sf-c-txt-khaki\:15\:dark, html.dark .sf-c-txt-khaki\:15\:dark { color: hsl(var(--sf-dark-c-txt-khaki-15)) } +html[data-theme='dark'] .sf-c-txt-khaki\:20\:dark, html.dark .sf-c-txt-khaki\:20\:dark { color: hsl(var(--sf-dark-c-txt-khaki-20)) } +html[data-theme='dark'] .sf-c-txt-khaki\:25\:dark, html.dark .sf-c-txt-khaki\:25\:dark { color: hsl(var(--sf-dark-c-txt-khaki-25)) } +html[data-theme='dark'] .sf-c-txt-khaki\:30\:dark, html.dark .sf-c-txt-khaki\:30\:dark { color: hsl(var(--sf-dark-c-txt-khaki-30)) } +html[data-theme='dark'] .sf-c-txt-khaki\:35\:dark, html.dark .sf-c-txt-khaki\:35\:dark { color: hsl(var(--sf-dark-c-txt-khaki-35)) } +html[data-theme='dark'] .sf-c-txt-khaki\:40\:dark, html.dark .sf-c-txt-khaki\:40\:dark { color: hsl(var(--sf-dark-c-txt-khaki-40)) } +html[data-theme='dark'] .sf-c-txt-khaki\:45\:dark, html.dark .sf-c-txt-khaki\:45\:dark { color: hsl(var(--sf-dark-c-txt-khaki-45)) } +html[data-theme='dark'] .sf-c-txt-khaki\:50\:dark, html.dark .sf-c-txt-khaki\:50\:dark { color: hsl(var(--sf-dark-c-txt-khaki-50)) } +html[data-theme='dark'] .sf-c-txt-khaki\:55\:dark, html.dark .sf-c-txt-khaki\:55\:dark { color: hsl(var(--sf-dark-c-txt-khaki-55)) } +html[data-theme='dark'] .sf-c-txt-khaki\:60\:dark, html.dark .sf-c-txt-khaki\:60\:dark { color: hsl(var(--sf-dark-c-txt-khaki-60)) } +html[data-theme='dark'] .sf-c-txt-khaki\:65\:dark, html.dark .sf-c-txt-khaki\:65\:dark { color: hsl(var(--sf-dark-c-txt-khaki-65)) } +html[data-theme='dark'] .sf-c-txt-khaki\:70\:dark, html.dark .sf-c-txt-khaki\:70\:dark { color: hsl(var(--sf-dark-c-txt-khaki-70)) } +html[data-theme='dark'] .sf-c-txt-khaki\:75\:dark, html.dark .sf-c-txt-khaki\:75\:dark { color: hsl(var(--sf-dark-c-txt-khaki-75)) } +html[data-theme='dark'] .sf-c-txt-khaki\:80\:dark, html.dark .sf-c-txt-khaki\:80\:dark { color: hsl(var(--sf-dark-c-txt-khaki-80)) } +html[data-theme='dark'] .sf-c-txt-khaki\:85\:dark, html.dark .sf-c-txt-khaki\:85\:dark { color: hsl(var(--sf-dark-c-txt-khaki-85)) } +html[data-theme='dark'] .sf-c-txt-khaki\:90\:dark, html.dark .sf-c-txt-khaki\:90\:dark { color: hsl(var(--sf-dark-c-txt-khaki-90)) } +html[data-theme='dark'] .sf-c-txt-khaki\:95\:dark, html.dark .sf-c-txt-khaki\:95\:dark { color: hsl(var(--sf-dark-c-txt-khaki-95)) } +html[data-theme='dark'] .sf-c-txt-khaki\:100\:dark, html.dark .sf-c-txt-khaki\:100\:dark { color: hsl(var(--sf-dark-c-txt-khaki-100)) } + html.var[data-theme='dark'] .sf-c-khaki, html.var.dark .sf-c-khaki { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 25%) } html.var[data-theme='dark'] .sf-c-khaki\:0, html.var.dark .sf-c-khaki\:0 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 100%) } html.var[data-theme='dark'] .sf-c-khaki\:5, html.var.dark .sf-c-khaki\:5 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-khaki\:90\:dark, html.var.dark .sf-c-khaki\:90 html.var[data-theme='dark'] .sf-c-khaki\:95\:dark, html.var.dark .sf-c-khaki\:95\:dark { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 5%) } html.var[data-theme='dark'] .sf-c-khaki\:100\:dark, html.var.dark .sf-c-khaki\:100\:dark { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-khaki, html.dark .sf-c-txt-khaki { color: hsl(54, 77%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:0, html.dark .sf-c-txt-khaki\:0 { color: hsl(54, 77%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:5, html.dark .sf-c-txt-khaki\:5 { color: hsl(54, 77%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:10, html.dark .sf-c-txt-khaki\:10 { color: hsl(54, 77%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:15, html.dark .sf-c-txt-khaki\:15 { color: hsl(54, 77%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:20, html.dark .sf-c-txt-khaki\:20 { color: hsl(54, 77%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:25, html.dark .sf-c-txt-khaki\:25 { color: hsl(54, 77%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:30, html.dark .sf-c-txt-khaki\:30 { color: hsl(54, 77%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:35, html.dark .sf-c-txt-khaki\:35 { color: hsl(54, 77%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:40, html.dark .sf-c-txt-khaki\:40 { color: hsl(54, 77%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:45, html.dark .sf-c-txt-khaki\:45 { color: hsl(54, 77%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:50, html.dark .sf-c-txt-khaki\:50 { color: hsl(54, 77%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:55, html.dark .sf-c-txt-khaki\:55 { color: hsl(54, 77%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:60, html.dark .sf-c-txt-khaki\:60 { color: hsl(54, 77%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:65, html.dark .sf-c-txt-khaki\:65 { color: hsl(54, 77%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:70, html.dark .sf-c-txt-khaki\:70 { color: hsl(54, 77%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:75, html.dark .sf-c-txt-khaki\:75 { color: hsl(54, 77%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:80, html.dark .sf-c-txt-khaki\:80 { color: hsl(54, 77%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:85, html.dark .sf-c-txt-khaki\:85 { color: hsl(54, 77%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:90, html.dark .sf-c-txt-khaki\:90 { color: hsl(54, 77%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:95, html.dark .sf-c-txt-khaki\:95 { color: hsl(54, 77%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:100, html.dark .sf-c-txt-khaki\:100 { color: hsl(54, 77%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-khaki\:dark, html.dark .sf-c-txt-khaki\:dark { color: hsl(54, 77%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:0\:dark, html.dark .sf-c-txt-khaki\:0\:dark { color: hsl(54, 77%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:5\:dark, html.dark .sf-c-txt-khaki\:5\:dark { color: hsl(54, 77%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:10\:dark, html.dark .sf-c-txt-khaki\:10\:dark { color: hsl(54, 77%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:15\:dark, html.dark .sf-c-txt-khaki\:15\:dark { color: hsl(54, 77%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:20\:dark, html.dark .sf-c-txt-khaki\:20\:dark { color: hsl(54, 77%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:25\:dark, html.dark .sf-c-txt-khaki\:25\:dark { color: hsl(54, 77%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:30\:dark, html.dark .sf-c-txt-khaki\:30\:dark { color: hsl(54, 77%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:35\:dark, html.dark .sf-c-txt-khaki\:35\:dark { color: hsl(54, 77%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:40\:dark, html.dark .sf-c-txt-khaki\:40\:dark { color: hsl(54, 77%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:45\:dark, html.dark .sf-c-txt-khaki\:45\:dark { color: hsl(54, 77%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:50\:dark, html.dark .sf-c-txt-khaki\:50\:dark { color: hsl(54, 77%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:55\:dark, html.dark .sf-c-txt-khaki\:55\:dark { color: hsl(54, 77%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:60\:dark, html.dark .sf-c-txt-khaki\:60\:dark { color: hsl(54, 77%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:65\:dark, html.dark .sf-c-txt-khaki\:65\:dark { color: hsl(54, 77%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:70\:dark, html.dark .sf-c-txt-khaki\:70\:dark { color: hsl(54, 77%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:75\:dark, html.dark .sf-c-txt-khaki\:75\:dark { color: hsl(54, 77%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:80\:dark, html.dark .sf-c-txt-khaki\:80\:dark { color: hsl(54, 77%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:85\:dark, html.dark .sf-c-txt-khaki\:85\:dark { color: hsl(54, 77%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:90\:dark, html.dark .sf-c-txt-khaki\:90\:dark { color: hsl(54, 77%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:95\:dark, html.dark .sf-c-txt-khaki\:95\:dark { color: hsl(54, 77%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-khaki\:100\:dark, html.dark .sf-c-txt-khaki\:100\:dark { color: hsl(54, 77%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-khaki, html.auto .sf-c-khaki { color: hsl(var(--sf-dark-c-txt-khaki-95)); background: hsl(var(--sf-dark-c-khaki)) } html[data-theme='auto'] .sf-c-khaki\:0, html.auto .sf-c-khaki\:0 { color: hsl(var(--sf-dark-c-txt-khaki-95)); background: hsl(var(--sf-dark-c-khaki-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-khaki\:100\:dark, html.var.dark .sf-c-khaki\:1 html[data-theme='auto'] .sf-c-khaki\:95\:dark, html.auto .sf-c-khaki\:95\:dark { color: hsl(var(--sf-c-txt-khaki-95)); background: hsl(var(--sf-c-khaki-5)) } html[data-theme='auto'] .sf-c-khaki\:100\:dark, html.auto .sf-c-khaki\:100\:dark { color: hsl(var(--sf-c-txt-khaki-95)); background: hsl(var(--sf-c-khaki-0)) } + html[data-theme='auto'] .sf-c-txt-khaki, html.auto .sf-c-txt-khaki { color: hsl(var(--sf-c-txt-khaki)) } + html[data-theme='auto'] .sf-c-txt-khaki\:0, html.auto .sf-c-txt-khaki\:0 { color: hsl(var(--sf-c-txt-khaki-0)) } + html[data-theme='auto'] .sf-c-txt-khaki\:5, html.auto .sf-c-txt-khaki\:5 { color: hsl(var(--sf-c-txt-khaki-5)) } + html[data-theme='auto'] .sf-c-txt-khaki\:10, html.auto .sf-c-txt-khaki\:10 { color: hsl(var(--sf-c-txt-khaki-10)) } + html[data-theme='auto'] .sf-c-txt-khaki\:15, html.auto .sf-c-txt-khaki\:15 { color: hsl(var(--sf-c-txt-khaki-15)) } + html[data-theme='auto'] .sf-c-txt-khaki\:20, html.auto .sf-c-txt-khaki\:20 { color: hsl(var(--sf-c-txt-khaki-20)) } + html[data-theme='auto'] .sf-c-txt-khaki\:25, html.auto .sf-c-txt-khaki\:25 { color: hsl(var(--sf-c-txt-khaki-25)) } + html[data-theme='auto'] .sf-c-txt-khaki\:30, html.auto .sf-c-txt-khaki\:30 { color: hsl(var(--sf-c-txt-khaki-30)) } + html[data-theme='auto'] .sf-c-txt-khaki\:35, html.auto .sf-c-txt-khaki\:35 { color: hsl(var(--sf-c-txt-khaki-35)) } + html[data-theme='auto'] .sf-c-txt-khaki\:40, html.auto .sf-c-txt-khaki\:40 { color: hsl(var(--sf-c-txt-khaki-40)) } + html[data-theme='auto'] .sf-c-txt-khaki\:45, html.auto .sf-c-txt-khaki\:45 { color: hsl(var(--sf-c-txt-khaki-45)) } + html[data-theme='auto'] .sf-c-txt-khaki\:50, html.auto .sf-c-txt-khaki\:50 { color: hsl(var(--sf-c-txt-khaki-50)) } + html[data-theme='auto'] .sf-c-txt-khaki\:55, html.auto .sf-c-txt-khaki\:55 { color: hsl(var(--sf-c-txt-khaki-55)) } + html[data-theme='auto'] .sf-c-txt-khaki\:60, html.auto .sf-c-txt-khaki\:60 { color: hsl(var(--sf-c-txt-khaki-60)) } + html[data-theme='auto'] .sf-c-txt-khaki\:65, html.auto .sf-c-txt-khaki\:65 { color: hsl(var(--sf-c-txt-khaki-65)) } + html[data-theme='auto'] .sf-c-txt-khaki\:70, html.auto .sf-c-txt-khaki\:70 { color: hsl(var(--sf-c-txt-khaki-70)) } + html[data-theme='auto'] .sf-c-txt-khaki\:75, html.auto .sf-c-txt-khaki\:75 { color: hsl(var(--sf-c-txt-khaki-75)) } + html[data-theme='auto'] .sf-c-txt-khaki\:80, html.auto .sf-c-txt-khaki\:80 { color: hsl(var(--sf-c-txt-khaki-80)) } + html[data-theme='auto'] .sf-c-txt-khaki\:85, html.auto .sf-c-txt-khaki\:85 { color: hsl(var(--sf-c-txt-khaki-85)) } + html[data-theme='auto'] .sf-c-txt-khaki\:90, html.auto .sf-c-txt-khaki\:90 { color: hsl(var(--sf-c-txt-khaki-90)) } + html[data-theme='auto'] .sf-c-txt-khaki\:95, html.auto .sf-c-txt-khaki\:95 { color: hsl(var(--sf-c-txt-khaki-95)) } + html[data-theme='auto'] .sf-c-txt-khaki\:100, html.auto .sf-c-txt-khaki\:100 { color: hsl(var(--sf-c-txt-khaki-100)) } + + html[data-theme='auto'] .sf-c-txt-khaki\:dark, html.auto .sf-c-txt-khaki\:dark { color: hsl(var(--sf-c-txt-khaki)) } + html[data-theme='auto'] .sf-c-txt-khaki\:0\:dark, html.auto .sf-c-txt-khaki\:0\:dark { color: hsl(var(--sf-c-txt-khaki-0)) } + html[data-theme='auto'] .sf-c-txt-khaki\:5\:dark, html.auto .sf-c-txt-khaki\:5\:dark { color: hsl(var(--sf-c-txt-khaki-5)) } + html[data-theme='auto'] .sf-c-txt-khaki\:10\:dark, html.auto .sf-c-txt-khaki\:10\:dark { color: hsl(var(--sf-c-txt-khaki-10)) } + html[data-theme='auto'] .sf-c-txt-khaki\:15\:dark, html.auto .sf-c-txt-khaki\:15\:dark { color: hsl(var(--sf-c-txt-khaki-15)) } + html[data-theme='auto'] .sf-c-txt-khaki\:20\:dark, html.auto .sf-c-txt-khaki\:20\:dark { color: hsl(var(--sf-c-txt-khaki-20)) } + html[data-theme='auto'] .sf-c-txt-khaki\:25\:dark, html.auto .sf-c-txt-khaki\:25\:dark { color: hsl(var(--sf-c-txt-khaki-25)) } + html[data-theme='auto'] .sf-c-txt-khaki\:30\:dark, html.auto .sf-c-txt-khaki\:30\:dark { color: hsl(var(--sf-c-txt-khaki-30)) } + html[data-theme='auto'] .sf-c-txt-khaki\:35\:dark, html.auto .sf-c-txt-khaki\:35\:dark { color: hsl(var(--sf-c-txt-khaki-35)) } + html[data-theme='auto'] .sf-c-txt-khaki\:40\:dark, html.auto .sf-c-txt-khaki\:40\:dark { color: hsl(var(--sf-c-txt-khaki-40)) } + html[data-theme='auto'] .sf-c-txt-khaki\:45\:dark, html.auto .sf-c-txt-khaki\:45\:dark { color: hsl(var(--sf-c-txt-khaki-45)) } + html[data-theme='auto'] .sf-c-txt-khaki\:50\:dark, html.auto .sf-c-txt-khaki\:50\:dark { color: hsl(var(--sf-c-txt-khaki-50)) } + html[data-theme='auto'] .sf-c-txt-khaki\:55\:dark, html.auto .sf-c-txt-khaki\:55\:dark { color: hsl(var(--sf-c-txt-khaki-55)) } + html[data-theme='auto'] .sf-c-txt-khaki\:60\:dark, html.auto .sf-c-txt-khaki\:60\:dark { color: hsl(var(--sf-c-txt-khaki-60)) } + html[data-theme='auto'] .sf-c-txt-khaki\:65\:dark, html.auto .sf-c-txt-khaki\:65\:dark { color: hsl(var(--sf-c-txt-khaki-65)) } + html[data-theme='auto'] .sf-c-txt-khaki\:70\:dark, html.auto .sf-c-txt-khaki\:70\:dark { color: hsl(var(--sf-c-txt-khaki-70)) } + html[data-theme='auto'] .sf-c-txt-khaki\:75\:dark, html.auto .sf-c-txt-khaki\:75\:dark { color: hsl(var(--sf-c-txt-khaki-75)) } + html[data-theme='auto'] .sf-c-txt-khaki\:80\:dark, html.auto .sf-c-txt-khaki\:80\:dark { color: hsl(var(--sf-c-txt-khaki-80)) } + html[data-theme='auto'] .sf-c-txt-khaki\:85\:dark, html.auto .sf-c-txt-khaki\:85\:dark { color: hsl(var(--sf-c-txt-khaki-85)) } + html[data-theme='auto'] .sf-c-txt-khaki\:90\:dark, html.auto .sf-c-txt-khaki\:90\:dark { color: hsl(var(--sf-c-txt-khaki-90)) } + html[data-theme='auto'] .sf-c-txt-khaki\:95\:dark, html.auto .sf-c-txt-khaki\:95\:dark { color: hsl(var(--sf-c-txt-khaki-95)) } + html[data-theme='auto'] .sf-c-txt-khaki\:100\:dark, html.auto .sf-c-txt-khaki\:100\:dark { color: hsl(var(--sf-c-txt-khaki-100)) } + html.var[data-theme='auto'] .sf-c-khaki, html.var.auto .sf-c-khaki { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 25%) } html.var[data-theme='auto'] .sf-c-khaki\:0, html.var.auto .sf-c-khaki\:0 { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 100%) } html.var[data-theme='auto'] .sf-c-khaki\:5, html.var.auto .sf-c-khaki\:5 { color: hsl(54, 77%, 5%); background: hsl(54, 77%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-khaki\:100\:dark, html.var.dark .sf-c-khaki\:1 html.var[data-theme='auto'] .sf-c-khaki\:90\:dark, html.var.auto .sf-c-khaki\:90\:dark { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 10%) } html.var[data-theme='auto'] .sf-c-khaki\:95\:dark, html.var.auto .sf-c-khaki\:95\:dark { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 5%) } html.var[data-theme='auto'] .sf-c-khaki\:100\:dark, html.var.auto .sf-c-khaki\:100\:dark { color: hsl(54, 77%, 95%); background: hsl(54, 77%, 0%) } -} -.sf-c-txt-khaki { color: hsl(var(--sf-c-txt-khaki)) } -.sf-c-txt-khaki\:0 { color: hsl(var(--sf-c-txt-khaki-0)) } -.sf-c-txt-khaki\:5 { color: hsl(var(--sf-c-txt-khaki-5)) } -.sf-c-txt-khaki\:10 { color: hsl(var(--sf-c-txt-khaki-10)) } -.sf-c-txt-khaki\:15 { color: hsl(var(--sf-c-txt-khaki-15)) } -.sf-c-txt-khaki\:20 { color: hsl(var(--sf-c-txt-khaki-20)) } -.sf-c-txt-khaki\:25 { color: hsl(var(--sf-c-txt-khaki-25)) } -.sf-c-txt-khaki\:30 { color: hsl(var(--sf-c-txt-khaki-30)) } -.sf-c-txt-khaki\:35 { color: hsl(var(--sf-c-txt-khaki-35)) } -.sf-c-txt-khaki\:40 { color: hsl(var(--sf-c-txt-khaki-40)) } -.sf-c-txt-khaki\:45 { color: hsl(var(--sf-c-txt-khaki-45)) } -.sf-c-txt-khaki\:50 { color: hsl(var(--sf-c-txt-khaki-50)) } -.sf-c-txt-khaki\:55 { color: hsl(var(--sf-c-txt-khaki-55)) } -.sf-c-txt-khaki\:60 { color: hsl(var(--sf-c-txt-khaki-60)) } -.sf-c-txt-khaki\:65 { color: hsl(var(--sf-c-txt-khaki-65)) } -.sf-c-txt-khaki\:70 { color: hsl(var(--sf-c-txt-khaki-70)) } -.sf-c-txt-khaki\:75 { color: hsl(var(--sf-c-txt-khaki-75)) } -.sf-c-txt-khaki\:80 { color: hsl(var(--sf-c-txt-khaki-80)) } -.sf-c-txt-khaki\:85 { color: hsl(var(--sf-c-txt-khaki-85)) } -.sf-c-txt-khaki\:90 { color: hsl(var(--sf-c-txt-khaki-90)) } -.sf-c-txt-khaki\:95 { color: hsl(var(--sf-c-txt-khaki-95)) } -.sf-c-txt-khaki\:100 { color: hsl(var(--sf-c-txt-khaki-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-khaki, html.auto .sf-c-txt-khaki { color: hsl(54, 77%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:0, html.auto .sf-c-txt-khaki\:0 { color: hsl(54, 77%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:5, html.auto .sf-c-txt-khaki\:5 { color: hsl(54, 77%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:10, html.auto .sf-c-txt-khaki\:10 { color: hsl(54, 77%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:15, html.auto .sf-c-txt-khaki\:15 { color: hsl(54, 77%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:20, html.auto .sf-c-txt-khaki\:20 { color: hsl(54, 77%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:25, html.auto .sf-c-txt-khaki\:25 { color: hsl(54, 77%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:30, html.auto .sf-c-txt-khaki\:30 { color: hsl(54, 77%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:35, html.auto .sf-c-txt-khaki\:35 { color: hsl(54, 77%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:40, html.auto .sf-c-txt-khaki\:40 { color: hsl(54, 77%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:45, html.auto .sf-c-txt-khaki\:45 { color: hsl(54, 77%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:50, html.auto .sf-c-txt-khaki\:50 { color: hsl(54, 77%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:55, html.auto .sf-c-txt-khaki\:55 { color: hsl(54, 77%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:60, html.auto .sf-c-txt-khaki\:60 { color: hsl(54, 77%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:65, html.auto .sf-c-txt-khaki\:65 { color: hsl(54, 77%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:70, html.auto .sf-c-txt-khaki\:70 { color: hsl(54, 77%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:75, html.auto .sf-c-txt-khaki\:75 { color: hsl(54, 77%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:80, html.auto .sf-c-txt-khaki\:80 { color: hsl(54, 77%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:85, html.auto .sf-c-txt-khaki\:85 { color: hsl(54, 77%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:90, html.auto .sf-c-txt-khaki\:90 { color: hsl(54, 77%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:95, html.auto .sf-c-txt-khaki\:95 { color: hsl(54, 77%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:100, html.auto .sf-c-txt-khaki\:100 { color: hsl(54, 77%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-khaki\:dark, html.auto .sf-c-txt-khaki\:dark { color: hsl(54, 77%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:0\:dark, html.auto .sf-c-txt-khaki\:0\:dark { color: hsl(54, 77%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:5\:dark, html.auto .sf-c-txt-khaki\:5\:dark { color: hsl(54, 77%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:10\:dark, html.auto .sf-c-txt-khaki\:10\:dark { color: hsl(54, 77%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:15\:dark, html.auto .sf-c-txt-khaki\:15\:dark { color: hsl(54, 77%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:20\:dark, html.auto .sf-c-txt-khaki\:20\:dark { color: hsl(54, 77%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:25\:dark, html.auto .sf-c-txt-khaki\:25\:dark { color: hsl(54, 77%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:30\:dark, html.auto .sf-c-txt-khaki\:30\:dark { color: hsl(54, 77%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:35\:dark, html.auto .sf-c-txt-khaki\:35\:dark { color: hsl(54, 77%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:40\:dark, html.auto .sf-c-txt-khaki\:40\:dark { color: hsl(54, 77%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:45\:dark, html.auto .sf-c-txt-khaki\:45\:dark { color: hsl(54, 77%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:50\:dark, html.auto .sf-c-txt-khaki\:50\:dark { color: hsl(54, 77%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:55\:dark, html.auto .sf-c-txt-khaki\:55\:dark { color: hsl(54, 77%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:60\:dark, html.auto .sf-c-txt-khaki\:60\:dark { color: hsl(54, 77%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:65\:dark, html.auto .sf-c-txt-khaki\:65\:dark { color: hsl(54, 77%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:70\:dark, html.auto .sf-c-txt-khaki\:70\:dark { color: hsl(54, 77%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:75\:dark, html.auto .sf-c-txt-khaki\:75\:dark { color: hsl(54, 77%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:80\:dark, html.auto .sf-c-txt-khaki\:80\:dark { color: hsl(54, 77%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:85\:dark, html.auto .sf-c-txt-khaki\:85\:dark { color: hsl(54, 77%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:90\:dark, html.auto .sf-c-txt-khaki\:90\:dark { color: hsl(54, 77%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:95\:dark, html.auto .sf-c-txt-khaki\:95\:dark { color: hsl(54, 77%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-khaki\:100\:dark, html.auto .sf-c-txt-khaki\:100\:dark { color: hsl(54, 77%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lavender.css b/src/colors/20/lavender.css index ec41f93..f3a35f2 100644 --- a/src/colors/20/lavender.css +++ b/src/colors/20/lavender.css @@ -138,6 +138,52 @@ html.var .sf-c-lavender\:90 { color: hsl(240, 67%, 5%); background: hsl(240, 67% html.var .sf-c-lavender\:95 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 95%) } html.var .sf-c-lavender\:100 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 100%) } +.sf-c-txt-lavender { color: hsl(var(--sf-dark-c-txt-lavender)) } +.sf-c-txt-lavender\:0 { color: hsl(var(--sf-dark-c-txt-lavender-100)) } +.sf-c-txt-lavender\:5 { color: hsl(var(--sf-dark-c-txt-lavender-95)) } +.sf-c-txt-lavender\:10 { color: hsl(var(--sf-dark-c-txt-lavender-90)) } +.sf-c-txt-lavender\:15 { color: hsl(var(--sf-dark-c-txt-lavender-85)) } +.sf-c-txt-lavender\:20 { color: hsl(var(--sf-dark-c-txt-lavender-80)) } +.sf-c-txt-lavender\:25 { color: hsl(var(--sf-dark-c-txt-lavender-75)) } +.sf-c-txt-lavender\:30 { color: hsl(var(--sf-dark-c-txt-lavender-70)) } +.sf-c-txt-lavender\:35 { color: hsl(var(--sf-dark-c-txt-lavender-65)) } +.sf-c-txt-lavender\:40 { color: hsl(var(--sf-dark-c-txt-lavender-60)) } +.sf-c-txt-lavender\:45 { color: hsl(var(--sf-dark-c-txt-lavender-55)) } +.sf-c-txt-lavender\:50 { color: hsl(var(--sf-dark-c-txt-lavender-50)) } +.sf-c-txt-lavender\:55 { color: hsl(var(--sf-dark-c-txt-lavender-45)) } +.sf-c-txt-lavender\:60 { color: hsl(var(--sf-dark-c-txt-lavender-40)) } +.sf-c-txt-lavender\:65 { color: hsl(var(--sf-dark-c-txt-lavender-35)) } +.sf-c-txt-lavender\:70 { color: hsl(var(--sf-dark-c-txt-lavender-30)) } +.sf-c-txt-lavender\:75 { color: hsl(var(--sf-dark-c-txt-lavender-25)) } +.sf-c-txt-lavender\:80 { color: hsl(var(--sf-dark-c-txt-lavender-20)) } +.sf-c-txt-lavender\:85 { color: hsl(var(--sf-dark-c-txt-lavender-15)) } +.sf-c-txt-lavender\:90 { color: hsl(var(--sf-dark-c-txt-lavender-10)) } +.sf-c-txt-lavender\:95 { color: hsl(var(--sf-dark-c-txt-lavender-5)) } +.sf-c-txt-lavender\:100 { color: hsl(var(--sf-dark-c-txt-lavender-0)) } + +html.var .sf-c-txt-lavender { color: hsl(240, 67%, 6%) } +html.var .sf-c-txt-lavender\:0 { color: hsl(240, 67%, 100%) } +html.var .sf-c-txt-lavender\:5 { color: hsl(240, 67%, 95%) } +html.var .sf-c-txt-lavender\:10 { color: hsl(240, 67%, 90%) } +html.var .sf-c-txt-lavender\:15 { color: hsl(240, 67%, 85%) } +html.var .sf-c-txt-lavender\:20 { color: hsl(240, 67%, 80%) } +html.var .sf-c-txt-lavender\:25 { color: hsl(240, 67%, 75%) } +html.var .sf-c-txt-lavender\:30 { color: hsl(240, 67%, 70%) } +html.var .sf-c-txt-lavender\:35 { color: hsl(240, 67%, 65%) } +html.var .sf-c-txt-lavender\:40 { color: hsl(240, 67%, 60%) } +html.var .sf-c-txt-lavender\:45 { color: hsl(240, 67%, 55%) } +html.var .sf-c-txt-lavender\:50 { color: hsl(240, 67%, 50%) } +html.var .sf-c-txt-lavender\:55 { color: hsl(240, 67%, 45%) } +html.var .sf-c-txt-lavender\:60 { color: hsl(240, 67%, 40%) } +html.var .sf-c-txt-lavender\:65 { color: hsl(240, 67%, 35%) } +html.var .sf-c-txt-lavender\:70 { color: hsl(240, 67%, 30%) } +html.var .sf-c-txt-lavender\:75 { color: hsl(240, 67%, 25%) } +html.var .sf-c-txt-lavender\:80 { color: hsl(240, 67%, 20%) } +html.var .sf-c-txt-lavender\:85 { color: hsl(240, 67%, 15%) } +html.var .sf-c-txt-lavender\:90 { color: hsl(240, 67%, 10%) } +html.var .sf-c-txt-lavender\:95 { color: hsl(240, 67%, 5%) } +html.var .sf-c-txt-lavender\:100 { color: hsl(240, 67%, 0%) } + html[data-theme='dark'] .sf-c-lavender, html.dark .sf-c-lavender { color: hsl(var(--sf-dark-c-txt-lavender-95)); background: hsl(var(--sf-dark-c-lavender)) } html[data-theme='dark'] .sf-c-lavender\:0, html.dark .sf-c-lavender\:0 { color: hsl(var(--sf-dark-c-txt-lavender-95)); background: hsl(var(--sf-dark-c-lavender-100)) } html[data-theme='dark'] .sf-c-lavender\:5, html.dark .sf-c-lavender\:5 { color: hsl(var(--sf-dark-c-txt-lavender-5)); background: hsl(var(--sf-dark-c-lavender-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lavender\:90\:dark, html.dark .sf-c-lavender\:90\: html[data-theme='dark'] .sf-c-lavender\:95\:dark, html.dark .sf-c-lavender\:95\:dark { color: hsl(var(--sf-c-txt-lavender-95)); background: hsl(var(--sf-c-lavender-5)) } html[data-theme='dark'] .sf-c-lavender\:100\:dark, html.dark .sf-c-lavender\:100\:dark { color: hsl(var(--sf-c-txt-lavender-95)); background: hsl(var(--sf-c-lavender-0)) } +html[data-theme='dark'] .sf-c-txt-lavender, html.dark .sf-c-txt-lavender { color: hsl(var(--sf-c-txt-lavender)) } +html[data-theme='dark'] .sf-c-txt-lavender\:0, html.dark .sf-c-txt-lavender\:0 { color: hsl(var(--sf-c-txt-lavender-0)) } +html[data-theme='dark'] .sf-c-txt-lavender\:5, html.dark .sf-c-txt-lavender\:5 { color: hsl(var(--sf-c-txt-lavender-5)) } +html[data-theme='dark'] .sf-c-txt-lavender\:10, html.dark .sf-c-txt-lavender\:10 { color: hsl(var(--sf-c-txt-lavender-10)) } +html[data-theme='dark'] .sf-c-txt-lavender\:15, html.dark .sf-c-txt-lavender\:15 { color: hsl(var(--sf-c-txt-lavender-15)) } +html[data-theme='dark'] .sf-c-txt-lavender\:20, html.dark .sf-c-txt-lavender\:20 { color: hsl(var(--sf-c-txt-lavender-20)) } +html[data-theme='dark'] .sf-c-txt-lavender\:25, html.dark .sf-c-txt-lavender\:25 { color: hsl(var(--sf-c-txt-lavender-25)) } +html[data-theme='dark'] .sf-c-txt-lavender\:30, html.dark .sf-c-txt-lavender\:30 { color: hsl(var(--sf-c-txt-lavender-30)) } +html[data-theme='dark'] .sf-c-txt-lavender\:35, html.dark .sf-c-txt-lavender\:35 { color: hsl(var(--sf-c-txt-lavender-35)) } +html[data-theme='dark'] .sf-c-txt-lavender\:40, html.dark .sf-c-txt-lavender\:40 { color: hsl(var(--sf-c-txt-lavender-40)) } +html[data-theme='dark'] .sf-c-txt-lavender\:45, html.dark .sf-c-txt-lavender\:45 { color: hsl(var(--sf-c-txt-lavender-45)) } +html[data-theme='dark'] .sf-c-txt-lavender\:50, html.dark .sf-c-txt-lavender\:50 { color: hsl(var(--sf-c-txt-lavender-50)) } +html[data-theme='dark'] .sf-c-txt-lavender\:55, html.dark .sf-c-txt-lavender\:55 { color: hsl(var(--sf-c-txt-lavender-55)) } +html[data-theme='dark'] .sf-c-txt-lavender\:60, html.dark .sf-c-txt-lavender\:60 { color: hsl(var(--sf-c-txt-lavender-60)) } +html[data-theme='dark'] .sf-c-txt-lavender\:65, html.dark .sf-c-txt-lavender\:65 { color: hsl(var(--sf-c-txt-lavender-65)) } +html[data-theme='dark'] .sf-c-txt-lavender\:70, html.dark .sf-c-txt-lavender\:70 { color: hsl(var(--sf-c-txt-lavender-70)) } +html[data-theme='dark'] .sf-c-txt-lavender\:75, html.dark .sf-c-txt-lavender\:75 { color: hsl(var(--sf-c-txt-lavender-75)) } +html[data-theme='dark'] .sf-c-txt-lavender\:80, html.dark .sf-c-txt-lavender\:80 { color: hsl(var(--sf-c-txt-lavender-80)) } +html[data-theme='dark'] .sf-c-txt-lavender\:85, html.dark .sf-c-txt-lavender\:85 { color: hsl(var(--sf-c-txt-lavender-85)) } +html[data-theme='dark'] .sf-c-txt-lavender\:90, html.dark .sf-c-txt-lavender\:90 { color: hsl(var(--sf-c-txt-lavender-90)) } +html[data-theme='dark'] .sf-c-txt-lavender\:95, html.dark .sf-c-txt-lavender\:95 { color: hsl(var(--sf-c-txt-lavender-95)) } +html[data-theme='dark'] .sf-c-txt-lavender\:100, html.dark .sf-c-txt-lavender\:100 { color: hsl(var(--sf-c-txt-lavender-100)) } + +html[data-theme='dark'] .sf-c-txt-lavender\:dark, html.dark .sf-c-txt-lavender\:dark { color: hsl(var(--sf-c-txt-lavender)) } +html[data-theme='dark'] .sf-c-txt-lavender\:0\:dark, html.dark .sf-c-txt-lavender\:0\:dark { color: hsl(var(--sf-dark-c-txt-lavender-0)) } +html[data-theme='dark'] .sf-c-txt-lavender\:5\:dark, html.dark .sf-c-txt-lavender\:5\:dark { color: hsl(var(--sf-dark-c-txt-lavender-5)) } +html[data-theme='dark'] .sf-c-txt-lavender\:10\:dark, html.dark .sf-c-txt-lavender\:10\:dark { color: hsl(var(--sf-dark-c-txt-lavender-10)) } +html[data-theme='dark'] .sf-c-txt-lavender\:15\:dark, html.dark .sf-c-txt-lavender\:15\:dark { color: hsl(var(--sf-dark-c-txt-lavender-15)) } +html[data-theme='dark'] .sf-c-txt-lavender\:20\:dark, html.dark .sf-c-txt-lavender\:20\:dark { color: hsl(var(--sf-dark-c-txt-lavender-20)) } +html[data-theme='dark'] .sf-c-txt-lavender\:25\:dark, html.dark .sf-c-txt-lavender\:25\:dark { color: hsl(var(--sf-dark-c-txt-lavender-25)) } +html[data-theme='dark'] .sf-c-txt-lavender\:30\:dark, html.dark .sf-c-txt-lavender\:30\:dark { color: hsl(var(--sf-dark-c-txt-lavender-30)) } +html[data-theme='dark'] .sf-c-txt-lavender\:35\:dark, html.dark .sf-c-txt-lavender\:35\:dark { color: hsl(var(--sf-dark-c-txt-lavender-35)) } +html[data-theme='dark'] .sf-c-txt-lavender\:40\:dark, html.dark .sf-c-txt-lavender\:40\:dark { color: hsl(var(--sf-dark-c-txt-lavender-40)) } +html[data-theme='dark'] .sf-c-txt-lavender\:45\:dark, html.dark .sf-c-txt-lavender\:45\:dark { color: hsl(var(--sf-dark-c-txt-lavender-45)) } +html[data-theme='dark'] .sf-c-txt-lavender\:50\:dark, html.dark .sf-c-txt-lavender\:50\:dark { color: hsl(var(--sf-dark-c-txt-lavender-50)) } +html[data-theme='dark'] .sf-c-txt-lavender\:55\:dark, html.dark .sf-c-txt-lavender\:55\:dark { color: hsl(var(--sf-dark-c-txt-lavender-55)) } +html[data-theme='dark'] .sf-c-txt-lavender\:60\:dark, html.dark .sf-c-txt-lavender\:60\:dark { color: hsl(var(--sf-dark-c-txt-lavender-60)) } +html[data-theme='dark'] .sf-c-txt-lavender\:65\:dark, html.dark .sf-c-txt-lavender\:65\:dark { color: hsl(var(--sf-dark-c-txt-lavender-65)) } +html[data-theme='dark'] .sf-c-txt-lavender\:70\:dark, html.dark .sf-c-txt-lavender\:70\:dark { color: hsl(var(--sf-dark-c-txt-lavender-70)) } +html[data-theme='dark'] .sf-c-txt-lavender\:75\:dark, html.dark .sf-c-txt-lavender\:75\:dark { color: hsl(var(--sf-dark-c-txt-lavender-75)) } +html[data-theme='dark'] .sf-c-txt-lavender\:80\:dark, html.dark .sf-c-txt-lavender\:80\:dark { color: hsl(var(--sf-dark-c-txt-lavender-80)) } +html[data-theme='dark'] .sf-c-txt-lavender\:85\:dark, html.dark .sf-c-txt-lavender\:85\:dark { color: hsl(var(--sf-dark-c-txt-lavender-85)) } +html[data-theme='dark'] .sf-c-txt-lavender\:90\:dark, html.dark .sf-c-txt-lavender\:90\:dark { color: hsl(var(--sf-dark-c-txt-lavender-90)) } +html[data-theme='dark'] .sf-c-txt-lavender\:95\:dark, html.dark .sf-c-txt-lavender\:95\:dark { color: hsl(var(--sf-dark-c-txt-lavender-95)) } +html[data-theme='dark'] .sf-c-txt-lavender\:100\:dark, html.dark .sf-c-txt-lavender\:100\:dark { color: hsl(var(--sf-dark-c-txt-lavender-100)) } + html.var[data-theme='dark'] .sf-c-lavender, html.var.dark .sf-c-lavender { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 6%) } html.var[data-theme='dark'] .sf-c-lavender\:0, html.var.dark .sf-c-lavender\:0 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 100%) } html.var[data-theme='dark'] .sf-c-lavender\:5, html.var.dark .sf-c-lavender\:5 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lavender\:90\:dark, html.var.dark .sf-c-lavend html.var[data-theme='dark'] .sf-c-lavender\:95\:dark, html.var.dark .sf-c-lavender\:95\:dark { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 5%) } html.var[data-theme='dark'] .sf-c-lavender\:100\:dark, html.var.dark .sf-c-lavender\:100\:dark { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lavender, html.dark .sf-c-txt-lavender { color: hsl(240, 67%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:0, html.dark .sf-c-txt-lavender\:0 { color: hsl(240, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:5, html.dark .sf-c-txt-lavender\:5 { color: hsl(240, 67%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:10, html.dark .sf-c-txt-lavender\:10 { color: hsl(240, 67%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:15, html.dark .sf-c-txt-lavender\:15 { color: hsl(240, 67%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:20, html.dark .sf-c-txt-lavender\:20 { color: hsl(240, 67%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:25, html.dark .sf-c-txt-lavender\:25 { color: hsl(240, 67%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:30, html.dark .sf-c-txt-lavender\:30 { color: hsl(240, 67%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:35, html.dark .sf-c-txt-lavender\:35 { color: hsl(240, 67%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:40, html.dark .sf-c-txt-lavender\:40 { color: hsl(240, 67%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:45, html.dark .sf-c-txt-lavender\:45 { color: hsl(240, 67%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:50, html.dark .sf-c-txt-lavender\:50 { color: hsl(240, 67%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:55, html.dark .sf-c-txt-lavender\:55 { color: hsl(240, 67%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:60, html.dark .sf-c-txt-lavender\:60 { color: hsl(240, 67%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:65, html.dark .sf-c-txt-lavender\:65 { color: hsl(240, 67%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:70, html.dark .sf-c-txt-lavender\:70 { color: hsl(240, 67%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:75, html.dark .sf-c-txt-lavender\:75 { color: hsl(240, 67%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:80, html.dark .sf-c-txt-lavender\:80 { color: hsl(240, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:85, html.dark .sf-c-txt-lavender\:85 { color: hsl(240, 67%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:90, html.dark .sf-c-txt-lavender\:90 { color: hsl(240, 67%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:95, html.dark .sf-c-txt-lavender\:95 { color: hsl(240, 67%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:100, html.dark .sf-c-txt-lavender\:100 { color: hsl(240, 67%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lavender\:dark, html.dark .sf-c-txt-lavender\:dark { color: hsl(240, 67%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:0\:dark, html.dark .sf-c-txt-lavender\:0\:dark { color: hsl(240, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:5\:dark, html.dark .sf-c-txt-lavender\:5\:dark { color: hsl(240, 67%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:10\:dark, html.dark .sf-c-txt-lavender\:10\:dark { color: hsl(240, 67%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:15\:dark, html.dark .sf-c-txt-lavender\:15\:dark { color: hsl(240, 67%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:20\:dark, html.dark .sf-c-txt-lavender\:20\:dark { color: hsl(240, 67%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:25\:dark, html.dark .sf-c-txt-lavender\:25\:dark { color: hsl(240, 67%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:30\:dark, html.dark .sf-c-txt-lavender\:30\:dark { color: hsl(240, 67%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:35\:dark, html.dark .sf-c-txt-lavender\:35\:dark { color: hsl(240, 67%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:40\:dark, html.dark .sf-c-txt-lavender\:40\:dark { color: hsl(240, 67%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:45\:dark, html.dark .sf-c-txt-lavender\:45\:dark { color: hsl(240, 67%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:50\:dark, html.dark .sf-c-txt-lavender\:50\:dark { color: hsl(240, 67%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:55\:dark, html.dark .sf-c-txt-lavender\:55\:dark { color: hsl(240, 67%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:60\:dark, html.dark .sf-c-txt-lavender\:60\:dark { color: hsl(240, 67%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:65\:dark, html.dark .sf-c-txt-lavender\:65\:dark { color: hsl(240, 67%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:70\:dark, html.dark .sf-c-txt-lavender\:70\:dark { color: hsl(240, 67%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:75\:dark, html.dark .sf-c-txt-lavender\:75\:dark { color: hsl(240, 67%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:80\:dark, html.dark .sf-c-txt-lavender\:80\:dark { color: hsl(240, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:85\:dark, html.dark .sf-c-txt-lavender\:85\:dark { color: hsl(240, 67%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:90\:dark, html.dark .sf-c-txt-lavender\:90\:dark { color: hsl(240, 67%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:95\:dark, html.dark .sf-c-txt-lavender\:95\:dark { color: hsl(240, 67%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lavender\:100\:dark, html.dark .sf-c-txt-lavender\:100\:dark { color: hsl(240, 67%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lavender, html.auto .sf-c-lavender { color: hsl(var(--sf-dark-c-txt-lavender-95)); background: hsl(var(--sf-dark-c-lavender)) } html[data-theme='auto'] .sf-c-lavender\:0, html.auto .sf-c-lavender\:0 { color: hsl(var(--sf-dark-c-txt-lavender-95)); background: hsl(var(--sf-dark-c-lavender-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lavender\:100\:dark, html.var.dark .sf-c-laven html[data-theme='auto'] .sf-c-lavender\:95\:dark, html.auto .sf-c-lavender\:95\:dark { color: hsl(var(--sf-c-txt-lavender-95)); background: hsl(var(--sf-c-lavender-5)) } html[data-theme='auto'] .sf-c-lavender\:100\:dark, html.auto .sf-c-lavender\:100\:dark { color: hsl(var(--sf-c-txt-lavender-95)); background: hsl(var(--sf-c-lavender-0)) } + html[data-theme='auto'] .sf-c-txt-lavender, html.auto .sf-c-txt-lavender { color: hsl(var(--sf-c-txt-lavender)) } + html[data-theme='auto'] .sf-c-txt-lavender\:0, html.auto .sf-c-txt-lavender\:0 { color: hsl(var(--sf-c-txt-lavender-0)) } + html[data-theme='auto'] .sf-c-txt-lavender\:5, html.auto .sf-c-txt-lavender\:5 { color: hsl(var(--sf-c-txt-lavender-5)) } + html[data-theme='auto'] .sf-c-txt-lavender\:10, html.auto .sf-c-txt-lavender\:10 { color: hsl(var(--sf-c-txt-lavender-10)) } + html[data-theme='auto'] .sf-c-txt-lavender\:15, html.auto .sf-c-txt-lavender\:15 { color: hsl(var(--sf-c-txt-lavender-15)) } + html[data-theme='auto'] .sf-c-txt-lavender\:20, html.auto .sf-c-txt-lavender\:20 { color: hsl(var(--sf-c-txt-lavender-20)) } + html[data-theme='auto'] .sf-c-txt-lavender\:25, html.auto .sf-c-txt-lavender\:25 { color: hsl(var(--sf-c-txt-lavender-25)) } + html[data-theme='auto'] .sf-c-txt-lavender\:30, html.auto .sf-c-txt-lavender\:30 { color: hsl(var(--sf-c-txt-lavender-30)) } + html[data-theme='auto'] .sf-c-txt-lavender\:35, html.auto .sf-c-txt-lavender\:35 { color: hsl(var(--sf-c-txt-lavender-35)) } + html[data-theme='auto'] .sf-c-txt-lavender\:40, html.auto .sf-c-txt-lavender\:40 { color: hsl(var(--sf-c-txt-lavender-40)) } + html[data-theme='auto'] .sf-c-txt-lavender\:45, html.auto .sf-c-txt-lavender\:45 { color: hsl(var(--sf-c-txt-lavender-45)) } + html[data-theme='auto'] .sf-c-txt-lavender\:50, html.auto .sf-c-txt-lavender\:50 { color: hsl(var(--sf-c-txt-lavender-50)) } + html[data-theme='auto'] .sf-c-txt-lavender\:55, html.auto .sf-c-txt-lavender\:55 { color: hsl(var(--sf-c-txt-lavender-55)) } + html[data-theme='auto'] .sf-c-txt-lavender\:60, html.auto .sf-c-txt-lavender\:60 { color: hsl(var(--sf-c-txt-lavender-60)) } + html[data-theme='auto'] .sf-c-txt-lavender\:65, html.auto .sf-c-txt-lavender\:65 { color: hsl(var(--sf-c-txt-lavender-65)) } + html[data-theme='auto'] .sf-c-txt-lavender\:70, html.auto .sf-c-txt-lavender\:70 { color: hsl(var(--sf-c-txt-lavender-70)) } + html[data-theme='auto'] .sf-c-txt-lavender\:75, html.auto .sf-c-txt-lavender\:75 { color: hsl(var(--sf-c-txt-lavender-75)) } + html[data-theme='auto'] .sf-c-txt-lavender\:80, html.auto .sf-c-txt-lavender\:80 { color: hsl(var(--sf-c-txt-lavender-80)) } + html[data-theme='auto'] .sf-c-txt-lavender\:85, html.auto .sf-c-txt-lavender\:85 { color: hsl(var(--sf-c-txt-lavender-85)) } + html[data-theme='auto'] .sf-c-txt-lavender\:90, html.auto .sf-c-txt-lavender\:90 { color: hsl(var(--sf-c-txt-lavender-90)) } + html[data-theme='auto'] .sf-c-txt-lavender\:95, html.auto .sf-c-txt-lavender\:95 { color: hsl(var(--sf-c-txt-lavender-95)) } + html[data-theme='auto'] .sf-c-txt-lavender\:100, html.auto .sf-c-txt-lavender\:100 { color: hsl(var(--sf-c-txt-lavender-100)) } + + html[data-theme='auto'] .sf-c-txt-lavender\:dark, html.auto .sf-c-txt-lavender\:dark { color: hsl(var(--sf-c-txt-lavender)) } + html[data-theme='auto'] .sf-c-txt-lavender\:0\:dark, html.auto .sf-c-txt-lavender\:0\:dark { color: hsl(var(--sf-c-txt-lavender-0)) } + html[data-theme='auto'] .sf-c-txt-lavender\:5\:dark, html.auto .sf-c-txt-lavender\:5\:dark { color: hsl(var(--sf-c-txt-lavender-5)) } + html[data-theme='auto'] .sf-c-txt-lavender\:10\:dark, html.auto .sf-c-txt-lavender\:10\:dark { color: hsl(var(--sf-c-txt-lavender-10)) } + html[data-theme='auto'] .sf-c-txt-lavender\:15\:dark, html.auto .sf-c-txt-lavender\:15\:dark { color: hsl(var(--sf-c-txt-lavender-15)) } + html[data-theme='auto'] .sf-c-txt-lavender\:20\:dark, html.auto .sf-c-txt-lavender\:20\:dark { color: hsl(var(--sf-c-txt-lavender-20)) } + html[data-theme='auto'] .sf-c-txt-lavender\:25\:dark, html.auto .sf-c-txt-lavender\:25\:dark { color: hsl(var(--sf-c-txt-lavender-25)) } + html[data-theme='auto'] .sf-c-txt-lavender\:30\:dark, html.auto .sf-c-txt-lavender\:30\:dark { color: hsl(var(--sf-c-txt-lavender-30)) } + html[data-theme='auto'] .sf-c-txt-lavender\:35\:dark, html.auto .sf-c-txt-lavender\:35\:dark { color: hsl(var(--sf-c-txt-lavender-35)) } + html[data-theme='auto'] .sf-c-txt-lavender\:40\:dark, html.auto .sf-c-txt-lavender\:40\:dark { color: hsl(var(--sf-c-txt-lavender-40)) } + html[data-theme='auto'] .sf-c-txt-lavender\:45\:dark, html.auto .sf-c-txt-lavender\:45\:dark { color: hsl(var(--sf-c-txt-lavender-45)) } + html[data-theme='auto'] .sf-c-txt-lavender\:50\:dark, html.auto .sf-c-txt-lavender\:50\:dark { color: hsl(var(--sf-c-txt-lavender-50)) } + html[data-theme='auto'] .sf-c-txt-lavender\:55\:dark, html.auto .sf-c-txt-lavender\:55\:dark { color: hsl(var(--sf-c-txt-lavender-55)) } + html[data-theme='auto'] .sf-c-txt-lavender\:60\:dark, html.auto .sf-c-txt-lavender\:60\:dark { color: hsl(var(--sf-c-txt-lavender-60)) } + html[data-theme='auto'] .sf-c-txt-lavender\:65\:dark, html.auto .sf-c-txt-lavender\:65\:dark { color: hsl(var(--sf-c-txt-lavender-65)) } + html[data-theme='auto'] .sf-c-txt-lavender\:70\:dark, html.auto .sf-c-txt-lavender\:70\:dark { color: hsl(var(--sf-c-txt-lavender-70)) } + html[data-theme='auto'] .sf-c-txt-lavender\:75\:dark, html.auto .sf-c-txt-lavender\:75\:dark { color: hsl(var(--sf-c-txt-lavender-75)) } + html[data-theme='auto'] .sf-c-txt-lavender\:80\:dark, html.auto .sf-c-txt-lavender\:80\:dark { color: hsl(var(--sf-c-txt-lavender-80)) } + html[data-theme='auto'] .sf-c-txt-lavender\:85\:dark, html.auto .sf-c-txt-lavender\:85\:dark { color: hsl(var(--sf-c-txt-lavender-85)) } + html[data-theme='auto'] .sf-c-txt-lavender\:90\:dark, html.auto .sf-c-txt-lavender\:90\:dark { color: hsl(var(--sf-c-txt-lavender-90)) } + html[data-theme='auto'] .sf-c-txt-lavender\:95\:dark, html.auto .sf-c-txt-lavender\:95\:dark { color: hsl(var(--sf-c-txt-lavender-95)) } + html[data-theme='auto'] .sf-c-txt-lavender\:100\:dark, html.auto .sf-c-txt-lavender\:100\:dark { color: hsl(var(--sf-c-txt-lavender-100)) } + html.var[data-theme='auto'] .sf-c-lavender, html.var.auto .sf-c-lavender { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 6%) } html.var[data-theme='auto'] .sf-c-lavender\:0, html.var.auto .sf-c-lavender\:0 { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 100%) } html.var[data-theme='auto'] .sf-c-lavender\:5, html.var.auto .sf-c-lavender\:5 { color: hsl(240, 67%, 5%); background: hsl(240, 67%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lavender\:100\:dark, html.var.dark .sf-c-laven html.var[data-theme='auto'] .sf-c-lavender\:90\:dark, html.var.auto .sf-c-lavender\:90\:dark { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 10%) } html.var[data-theme='auto'] .sf-c-lavender\:95\:dark, html.var.auto .sf-c-lavender\:95\:dark { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 5%) } html.var[data-theme='auto'] .sf-c-lavender\:100\:dark, html.var.auto .sf-c-lavender\:100\:dark { color: hsl(240, 67%, 95%); background: hsl(240, 67%, 0%) } -} -.sf-c-txt-lavender { color: hsl(var(--sf-c-txt-lavender)) } -.sf-c-txt-lavender\:0 { color: hsl(var(--sf-c-txt-lavender-0)) } -.sf-c-txt-lavender\:5 { color: hsl(var(--sf-c-txt-lavender-5)) } -.sf-c-txt-lavender\:10 { color: hsl(var(--sf-c-txt-lavender-10)) } -.sf-c-txt-lavender\:15 { color: hsl(var(--sf-c-txt-lavender-15)) } -.sf-c-txt-lavender\:20 { color: hsl(var(--sf-c-txt-lavender-20)) } -.sf-c-txt-lavender\:25 { color: hsl(var(--sf-c-txt-lavender-25)) } -.sf-c-txt-lavender\:30 { color: hsl(var(--sf-c-txt-lavender-30)) } -.sf-c-txt-lavender\:35 { color: hsl(var(--sf-c-txt-lavender-35)) } -.sf-c-txt-lavender\:40 { color: hsl(var(--sf-c-txt-lavender-40)) } -.sf-c-txt-lavender\:45 { color: hsl(var(--sf-c-txt-lavender-45)) } -.sf-c-txt-lavender\:50 { color: hsl(var(--sf-c-txt-lavender-50)) } -.sf-c-txt-lavender\:55 { color: hsl(var(--sf-c-txt-lavender-55)) } -.sf-c-txt-lavender\:60 { color: hsl(var(--sf-c-txt-lavender-60)) } -.sf-c-txt-lavender\:65 { color: hsl(var(--sf-c-txt-lavender-65)) } -.sf-c-txt-lavender\:70 { color: hsl(var(--sf-c-txt-lavender-70)) } -.sf-c-txt-lavender\:75 { color: hsl(var(--sf-c-txt-lavender-75)) } -.sf-c-txt-lavender\:80 { color: hsl(var(--sf-c-txt-lavender-80)) } -.sf-c-txt-lavender\:85 { color: hsl(var(--sf-c-txt-lavender-85)) } -.sf-c-txt-lavender\:90 { color: hsl(var(--sf-c-txt-lavender-90)) } -.sf-c-txt-lavender\:95 { color: hsl(var(--sf-c-txt-lavender-95)) } -.sf-c-txt-lavender\:100 { color: hsl(var(--sf-c-txt-lavender-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lavender, html.auto .sf-c-txt-lavender { color: hsl(240, 67%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:0, html.auto .sf-c-txt-lavender\:0 { color: hsl(240, 67%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:5, html.auto .sf-c-txt-lavender\:5 { color: hsl(240, 67%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:10, html.auto .sf-c-txt-lavender\:10 { color: hsl(240, 67%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:15, html.auto .sf-c-txt-lavender\:15 { color: hsl(240, 67%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:20, html.auto .sf-c-txt-lavender\:20 { color: hsl(240, 67%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:25, html.auto .sf-c-txt-lavender\:25 { color: hsl(240, 67%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:30, html.auto .sf-c-txt-lavender\:30 { color: hsl(240, 67%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:35, html.auto .sf-c-txt-lavender\:35 { color: hsl(240, 67%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:40, html.auto .sf-c-txt-lavender\:40 { color: hsl(240, 67%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:45, html.auto .sf-c-txt-lavender\:45 { color: hsl(240, 67%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:50, html.auto .sf-c-txt-lavender\:50 { color: hsl(240, 67%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:55, html.auto .sf-c-txt-lavender\:55 { color: hsl(240, 67%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:60, html.auto .sf-c-txt-lavender\:60 { color: hsl(240, 67%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:65, html.auto .sf-c-txt-lavender\:65 { color: hsl(240, 67%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:70, html.auto .sf-c-txt-lavender\:70 { color: hsl(240, 67%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:75, html.auto .sf-c-txt-lavender\:75 { color: hsl(240, 67%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:80, html.auto .sf-c-txt-lavender\:80 { color: hsl(240, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:85, html.auto .sf-c-txt-lavender\:85 { color: hsl(240, 67%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:90, html.auto .sf-c-txt-lavender\:90 { color: hsl(240, 67%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:95, html.auto .sf-c-txt-lavender\:95 { color: hsl(240, 67%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:100, html.auto .sf-c-txt-lavender\:100 { color: hsl(240, 67%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lavender\:dark, html.auto .sf-c-txt-lavender\:dark { color: hsl(240, 67%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:0\:dark, html.auto .sf-c-txt-lavender\:0\:dark { color: hsl(240, 67%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:5\:dark, html.auto .sf-c-txt-lavender\:5\:dark { color: hsl(240, 67%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:10\:dark, html.auto .sf-c-txt-lavender\:10\:dark { color: hsl(240, 67%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:15\:dark, html.auto .sf-c-txt-lavender\:15\:dark { color: hsl(240, 67%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:20\:dark, html.auto .sf-c-txt-lavender\:20\:dark { color: hsl(240, 67%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:25\:dark, html.auto .sf-c-txt-lavender\:25\:dark { color: hsl(240, 67%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:30\:dark, html.auto .sf-c-txt-lavender\:30\:dark { color: hsl(240, 67%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:35\:dark, html.auto .sf-c-txt-lavender\:35\:dark { color: hsl(240, 67%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:40\:dark, html.auto .sf-c-txt-lavender\:40\:dark { color: hsl(240, 67%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:45\:dark, html.auto .sf-c-txt-lavender\:45\:dark { color: hsl(240, 67%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:50\:dark, html.auto .sf-c-txt-lavender\:50\:dark { color: hsl(240, 67%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:55\:dark, html.auto .sf-c-txt-lavender\:55\:dark { color: hsl(240, 67%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:60\:dark, html.auto .sf-c-txt-lavender\:60\:dark { color: hsl(240, 67%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:65\:dark, html.auto .sf-c-txt-lavender\:65\:dark { color: hsl(240, 67%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:70\:dark, html.auto .sf-c-txt-lavender\:70\:dark { color: hsl(240, 67%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:75\:dark, html.auto .sf-c-txt-lavender\:75\:dark { color: hsl(240, 67%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:80\:dark, html.auto .sf-c-txt-lavender\:80\:dark { color: hsl(240, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:85\:dark, html.auto .sf-c-txt-lavender\:85\:dark { color: hsl(240, 67%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:90\:dark, html.auto .sf-c-txt-lavender\:90\:dark { color: hsl(240, 67%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:95\:dark, html.auto .sf-c-txt-lavender\:95\:dark { color: hsl(240, 67%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lavender\:100\:dark, html.auto .sf-c-txt-lavender\:100\:dark { color: hsl(240, 67%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lavenderblush.css b/src/colors/20/lavenderblush.css index 58fda18..5276d8c 100644 --- a/src/colors/20/lavenderblush.css +++ b/src/colors/20/lavenderblush.css @@ -138,6 +138,52 @@ html.var .sf-c-lavenderblush\:90 { color: hsl(340, 100%, 5%); background: hsl(34 html.var .sf-c-lavenderblush\:95 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 95%) } html.var .sf-c-lavenderblush\:100 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 100%) } +.sf-c-txt-lavenderblush { color: hsl(var(--sf-dark-c-txt-lavenderblush)) } +.sf-c-txt-lavenderblush\:0 { color: hsl(var(--sf-dark-c-txt-lavenderblush-100)) } +.sf-c-txt-lavenderblush\:5 { color: hsl(var(--sf-dark-c-txt-lavenderblush-95)) } +.sf-c-txt-lavenderblush\:10 { color: hsl(var(--sf-dark-c-txt-lavenderblush-90)) } +.sf-c-txt-lavenderblush\:15 { color: hsl(var(--sf-dark-c-txt-lavenderblush-85)) } +.sf-c-txt-lavenderblush\:20 { color: hsl(var(--sf-dark-c-txt-lavenderblush-80)) } +.sf-c-txt-lavenderblush\:25 { color: hsl(var(--sf-dark-c-txt-lavenderblush-75)) } +.sf-c-txt-lavenderblush\:30 { color: hsl(var(--sf-dark-c-txt-lavenderblush-70)) } +.sf-c-txt-lavenderblush\:35 { color: hsl(var(--sf-dark-c-txt-lavenderblush-65)) } +.sf-c-txt-lavenderblush\:40 { color: hsl(var(--sf-dark-c-txt-lavenderblush-60)) } +.sf-c-txt-lavenderblush\:45 { color: hsl(var(--sf-dark-c-txt-lavenderblush-55)) } +.sf-c-txt-lavenderblush\:50 { color: hsl(var(--sf-dark-c-txt-lavenderblush-50)) } +.sf-c-txt-lavenderblush\:55 { color: hsl(var(--sf-dark-c-txt-lavenderblush-45)) } +.sf-c-txt-lavenderblush\:60 { color: hsl(var(--sf-dark-c-txt-lavenderblush-40)) } +.sf-c-txt-lavenderblush\:65 { color: hsl(var(--sf-dark-c-txt-lavenderblush-35)) } +.sf-c-txt-lavenderblush\:70 { color: hsl(var(--sf-dark-c-txt-lavenderblush-30)) } +.sf-c-txt-lavenderblush\:75 { color: hsl(var(--sf-dark-c-txt-lavenderblush-25)) } +.sf-c-txt-lavenderblush\:80 { color: hsl(var(--sf-dark-c-txt-lavenderblush-20)) } +.sf-c-txt-lavenderblush\:85 { color: hsl(var(--sf-dark-c-txt-lavenderblush-15)) } +.sf-c-txt-lavenderblush\:90 { color: hsl(var(--sf-dark-c-txt-lavenderblush-10)) } +.sf-c-txt-lavenderblush\:95 { color: hsl(var(--sf-dark-c-txt-lavenderblush-5)) } +.sf-c-txt-lavenderblush\:100 { color: hsl(var(--sf-dark-c-txt-lavenderblush-0)) } + +html.var .sf-c-txt-lavenderblush { color: hsl(340, 100%, 3%) } +html.var .sf-c-txt-lavenderblush\:0 { color: hsl(340, 100%, 100%) } +html.var .sf-c-txt-lavenderblush\:5 { color: hsl(340, 100%, 95%) } +html.var .sf-c-txt-lavenderblush\:10 { color: hsl(340, 100%, 90%) } +html.var .sf-c-txt-lavenderblush\:15 { color: hsl(340, 100%, 85%) } +html.var .sf-c-txt-lavenderblush\:20 { color: hsl(340, 100%, 80%) } +html.var .sf-c-txt-lavenderblush\:25 { color: hsl(340, 100%, 75%) } +html.var .sf-c-txt-lavenderblush\:30 { color: hsl(340, 100%, 70%) } +html.var .sf-c-txt-lavenderblush\:35 { color: hsl(340, 100%, 65%) } +html.var .sf-c-txt-lavenderblush\:40 { color: hsl(340, 100%, 60%) } +html.var .sf-c-txt-lavenderblush\:45 { color: hsl(340, 100%, 55%) } +html.var .sf-c-txt-lavenderblush\:50 { color: hsl(340, 100%, 50%) } +html.var .sf-c-txt-lavenderblush\:55 { color: hsl(340, 100%, 45%) } +html.var .sf-c-txt-lavenderblush\:60 { color: hsl(340, 100%, 40%) } +html.var .sf-c-txt-lavenderblush\:65 { color: hsl(340, 100%, 35%) } +html.var .sf-c-txt-lavenderblush\:70 { color: hsl(340, 100%, 30%) } +html.var .sf-c-txt-lavenderblush\:75 { color: hsl(340, 100%, 25%) } +html.var .sf-c-txt-lavenderblush\:80 { color: hsl(340, 100%, 20%) } +html.var .sf-c-txt-lavenderblush\:85 { color: hsl(340, 100%, 15%) } +html.var .sf-c-txt-lavenderblush\:90 { color: hsl(340, 100%, 10%) } +html.var .sf-c-txt-lavenderblush\:95 { color: hsl(340, 100%, 5%) } +html.var .sf-c-txt-lavenderblush\:100 { color: hsl(340, 100%, 0%) } + html[data-theme='dark'] .sf-c-lavenderblush, html.dark .sf-c-lavenderblush { color: hsl(var(--sf-dark-c-txt-lavenderblush-95)); background: hsl(var(--sf-dark-c-lavenderblush)) } html[data-theme='dark'] .sf-c-lavenderblush\:0, html.dark .sf-c-lavenderblush\:0 { color: hsl(var(--sf-dark-c-txt-lavenderblush-95)); background: hsl(var(--sf-dark-c-lavenderblush-100)) } html[data-theme='dark'] .sf-c-lavenderblush\:5, html.dark .sf-c-lavenderblush\:5 { color: hsl(var(--sf-dark-c-txt-lavenderblush-5)); background: hsl(var(--sf-dark-c-lavenderblush-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lavenderblush\:90\:dark, html.dark .sf-c-lavenderb html[data-theme='dark'] .sf-c-lavenderblush\:95\:dark, html.dark .sf-c-lavenderblush\:95\:dark { color: hsl(var(--sf-c-txt-lavenderblush-95)); background: hsl(var(--sf-c-lavenderblush-5)) } html[data-theme='dark'] .sf-c-lavenderblush\:100\:dark, html.dark .sf-c-lavenderblush\:100\:dark { color: hsl(var(--sf-c-txt-lavenderblush-95)); background: hsl(var(--sf-c-lavenderblush-0)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush, html.dark .sf-c-txt-lavenderblush { color: hsl(var(--sf-c-txt-lavenderblush)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:0, html.dark .sf-c-txt-lavenderblush\:0 { color: hsl(var(--sf-c-txt-lavenderblush-0)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:5, html.dark .sf-c-txt-lavenderblush\:5 { color: hsl(var(--sf-c-txt-lavenderblush-5)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:10, html.dark .sf-c-txt-lavenderblush\:10 { color: hsl(var(--sf-c-txt-lavenderblush-10)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:15, html.dark .sf-c-txt-lavenderblush\:15 { color: hsl(var(--sf-c-txt-lavenderblush-15)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:20, html.dark .sf-c-txt-lavenderblush\:20 { color: hsl(var(--sf-c-txt-lavenderblush-20)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:25, html.dark .sf-c-txt-lavenderblush\:25 { color: hsl(var(--sf-c-txt-lavenderblush-25)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:30, html.dark .sf-c-txt-lavenderblush\:30 { color: hsl(var(--sf-c-txt-lavenderblush-30)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:35, html.dark .sf-c-txt-lavenderblush\:35 { color: hsl(var(--sf-c-txt-lavenderblush-35)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:40, html.dark .sf-c-txt-lavenderblush\:40 { color: hsl(var(--sf-c-txt-lavenderblush-40)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:45, html.dark .sf-c-txt-lavenderblush\:45 { color: hsl(var(--sf-c-txt-lavenderblush-45)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:50, html.dark .sf-c-txt-lavenderblush\:50 { color: hsl(var(--sf-c-txt-lavenderblush-50)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:55, html.dark .sf-c-txt-lavenderblush\:55 { color: hsl(var(--sf-c-txt-lavenderblush-55)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:60, html.dark .sf-c-txt-lavenderblush\:60 { color: hsl(var(--sf-c-txt-lavenderblush-60)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:65, html.dark .sf-c-txt-lavenderblush\:65 { color: hsl(var(--sf-c-txt-lavenderblush-65)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:70, html.dark .sf-c-txt-lavenderblush\:70 { color: hsl(var(--sf-c-txt-lavenderblush-70)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:75, html.dark .sf-c-txt-lavenderblush\:75 { color: hsl(var(--sf-c-txt-lavenderblush-75)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:80, html.dark .sf-c-txt-lavenderblush\:80 { color: hsl(var(--sf-c-txt-lavenderblush-80)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:85, html.dark .sf-c-txt-lavenderblush\:85 { color: hsl(var(--sf-c-txt-lavenderblush-85)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:90, html.dark .sf-c-txt-lavenderblush\:90 { color: hsl(var(--sf-c-txt-lavenderblush-90)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:95, html.dark .sf-c-txt-lavenderblush\:95 { color: hsl(var(--sf-c-txt-lavenderblush-95)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:100, html.dark .sf-c-txt-lavenderblush\:100 { color: hsl(var(--sf-c-txt-lavenderblush-100)) } + +html[data-theme='dark'] .sf-c-txt-lavenderblush\:dark, html.dark .sf-c-txt-lavenderblush\:dark { color: hsl(var(--sf-c-txt-lavenderblush)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:0\:dark, html.dark .sf-c-txt-lavenderblush\:0\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-0)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:5\:dark, html.dark .sf-c-txt-lavenderblush\:5\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-5)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:10\:dark, html.dark .sf-c-txt-lavenderblush\:10\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-10)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:15\:dark, html.dark .sf-c-txt-lavenderblush\:15\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-15)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:20\:dark, html.dark .sf-c-txt-lavenderblush\:20\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-20)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:25\:dark, html.dark .sf-c-txt-lavenderblush\:25\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-25)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:30\:dark, html.dark .sf-c-txt-lavenderblush\:30\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-30)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:35\:dark, html.dark .sf-c-txt-lavenderblush\:35\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-35)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:40\:dark, html.dark .sf-c-txt-lavenderblush\:40\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-40)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:45\:dark, html.dark .sf-c-txt-lavenderblush\:45\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-45)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:50\:dark, html.dark .sf-c-txt-lavenderblush\:50\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-50)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:55\:dark, html.dark .sf-c-txt-lavenderblush\:55\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-55)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:60\:dark, html.dark .sf-c-txt-lavenderblush\:60\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-60)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:65\:dark, html.dark .sf-c-txt-lavenderblush\:65\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-65)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:70\:dark, html.dark .sf-c-txt-lavenderblush\:70\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-70)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:75\:dark, html.dark .sf-c-txt-lavenderblush\:75\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-75)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:80\:dark, html.dark .sf-c-txt-lavenderblush\:80\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-80)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:85\:dark, html.dark .sf-c-txt-lavenderblush\:85\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-85)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:90\:dark, html.dark .sf-c-txt-lavenderblush\:90\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-90)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:95\:dark, html.dark .sf-c-txt-lavenderblush\:95\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-95)) } +html[data-theme='dark'] .sf-c-txt-lavenderblush\:100\:dark, html.dark .sf-c-txt-lavenderblush\:100\:dark { color: hsl(var(--sf-dark-c-txt-lavenderblush-100)) } + html.var[data-theme='dark'] .sf-c-lavenderblush, html.var.dark .sf-c-lavenderblush { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 3%) } html.var[data-theme='dark'] .sf-c-lavenderblush\:0, html.var.dark .sf-c-lavenderblush\:0 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lavenderblush\:5, html.var.dark .sf-c-lavenderblush\:5 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lavenderblush\:90\:dark, html.var.dark .sf-c-l html.var[data-theme='dark'] .sf-c-lavenderblush\:95\:dark, html.var.dark .sf-c-lavenderblush\:95\:dark { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 5%) } html.var[data-theme='dark'] .sf-c-lavenderblush\:100\:dark, html.var.dark .sf-c-lavenderblush\:100\:dark { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush, html.dark .sf-c-txt-lavenderblush { color: hsl(340, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:0, html.dark .sf-c-txt-lavenderblush\:0 { color: hsl(340, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:5, html.dark .sf-c-txt-lavenderblush\:5 { color: hsl(340, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:10, html.dark .sf-c-txt-lavenderblush\:10 { color: hsl(340, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:15, html.dark .sf-c-txt-lavenderblush\:15 { color: hsl(340, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:20, html.dark .sf-c-txt-lavenderblush\:20 { color: hsl(340, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:25, html.dark .sf-c-txt-lavenderblush\:25 { color: hsl(340, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:30, html.dark .sf-c-txt-lavenderblush\:30 { color: hsl(340, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:35, html.dark .sf-c-txt-lavenderblush\:35 { color: hsl(340, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:40, html.dark .sf-c-txt-lavenderblush\:40 { color: hsl(340, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:45, html.dark .sf-c-txt-lavenderblush\:45 { color: hsl(340, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:50, html.dark .sf-c-txt-lavenderblush\:50 { color: hsl(340, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:55, html.dark .sf-c-txt-lavenderblush\:55 { color: hsl(340, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:60, html.dark .sf-c-txt-lavenderblush\:60 { color: hsl(340, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:65, html.dark .sf-c-txt-lavenderblush\:65 { color: hsl(340, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:70, html.dark .sf-c-txt-lavenderblush\:70 { color: hsl(340, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:75, html.dark .sf-c-txt-lavenderblush\:75 { color: hsl(340, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:80, html.dark .sf-c-txt-lavenderblush\:80 { color: hsl(340, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:85, html.dark .sf-c-txt-lavenderblush\:85 { color: hsl(340, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:90, html.dark .sf-c-txt-lavenderblush\:90 { color: hsl(340, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:95, html.dark .sf-c-txt-lavenderblush\:95 { color: hsl(340, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:100, html.dark .sf-c-txt-lavenderblush\:100 { color: hsl(340, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:dark, html.dark .sf-c-txt-lavenderblush\:dark { color: hsl(340, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:0\:dark, html.dark .sf-c-txt-lavenderblush\:0\:dark { color: hsl(340, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:5\:dark, html.dark .sf-c-txt-lavenderblush\:5\:dark { color: hsl(340, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:10\:dark, html.dark .sf-c-txt-lavenderblush\:10\:dark { color: hsl(340, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:15\:dark, html.dark .sf-c-txt-lavenderblush\:15\:dark { color: hsl(340, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:20\:dark, html.dark .sf-c-txt-lavenderblush\:20\:dark { color: hsl(340, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:25\:dark, html.dark .sf-c-txt-lavenderblush\:25\:dark { color: hsl(340, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:30\:dark, html.dark .sf-c-txt-lavenderblush\:30\:dark { color: hsl(340, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:35\:dark, html.dark .sf-c-txt-lavenderblush\:35\:dark { color: hsl(340, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:40\:dark, html.dark .sf-c-txt-lavenderblush\:40\:dark { color: hsl(340, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:45\:dark, html.dark .sf-c-txt-lavenderblush\:45\:dark { color: hsl(340, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:50\:dark, html.dark .sf-c-txt-lavenderblush\:50\:dark { color: hsl(340, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:55\:dark, html.dark .sf-c-txt-lavenderblush\:55\:dark { color: hsl(340, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:60\:dark, html.dark .sf-c-txt-lavenderblush\:60\:dark { color: hsl(340, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:65\:dark, html.dark .sf-c-txt-lavenderblush\:65\:dark { color: hsl(340, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:70\:dark, html.dark .sf-c-txt-lavenderblush\:70\:dark { color: hsl(340, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:75\:dark, html.dark .sf-c-txt-lavenderblush\:75\:dark { color: hsl(340, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:80\:dark, html.dark .sf-c-txt-lavenderblush\:80\:dark { color: hsl(340, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:85\:dark, html.dark .sf-c-txt-lavenderblush\:85\:dark { color: hsl(340, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:90\:dark, html.dark .sf-c-txt-lavenderblush\:90\:dark { color: hsl(340, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:95\:dark, html.dark .sf-c-txt-lavenderblush\:95\:dark { color: hsl(340, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lavenderblush\:100\:dark, html.dark .sf-c-txt-lavenderblush\:100\:dark { color: hsl(340, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lavenderblush, html.auto .sf-c-lavenderblush { color: hsl(var(--sf-dark-c-txt-lavenderblush-95)); background: hsl(var(--sf-dark-c-lavenderblush)) } html[data-theme='auto'] .sf-c-lavenderblush\:0, html.auto .sf-c-lavenderblush\:0 { color: hsl(var(--sf-dark-c-txt-lavenderblush-95)); background: hsl(var(--sf-dark-c-lavenderblush-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lavenderblush\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-lavenderblush\:95\:dark, html.auto .sf-c-lavenderblush\:95\:dark { color: hsl(var(--sf-c-txt-lavenderblush-95)); background: hsl(var(--sf-c-lavenderblush-5)) } html[data-theme='auto'] .sf-c-lavenderblush\:100\:dark, html.auto .sf-c-lavenderblush\:100\:dark { color: hsl(var(--sf-c-txt-lavenderblush-95)); background: hsl(var(--sf-c-lavenderblush-0)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush, html.auto .sf-c-txt-lavenderblush { color: hsl(var(--sf-c-txt-lavenderblush)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:0, html.auto .sf-c-txt-lavenderblush\:0 { color: hsl(var(--sf-c-txt-lavenderblush-0)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:5, html.auto .sf-c-txt-lavenderblush\:5 { color: hsl(var(--sf-c-txt-lavenderblush-5)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:10, html.auto .sf-c-txt-lavenderblush\:10 { color: hsl(var(--sf-c-txt-lavenderblush-10)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:15, html.auto .sf-c-txt-lavenderblush\:15 { color: hsl(var(--sf-c-txt-lavenderblush-15)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:20, html.auto .sf-c-txt-lavenderblush\:20 { color: hsl(var(--sf-c-txt-lavenderblush-20)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:25, html.auto .sf-c-txt-lavenderblush\:25 { color: hsl(var(--sf-c-txt-lavenderblush-25)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:30, html.auto .sf-c-txt-lavenderblush\:30 { color: hsl(var(--sf-c-txt-lavenderblush-30)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:35, html.auto .sf-c-txt-lavenderblush\:35 { color: hsl(var(--sf-c-txt-lavenderblush-35)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:40, html.auto .sf-c-txt-lavenderblush\:40 { color: hsl(var(--sf-c-txt-lavenderblush-40)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:45, html.auto .sf-c-txt-lavenderblush\:45 { color: hsl(var(--sf-c-txt-lavenderblush-45)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:50, html.auto .sf-c-txt-lavenderblush\:50 { color: hsl(var(--sf-c-txt-lavenderblush-50)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:55, html.auto .sf-c-txt-lavenderblush\:55 { color: hsl(var(--sf-c-txt-lavenderblush-55)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:60, html.auto .sf-c-txt-lavenderblush\:60 { color: hsl(var(--sf-c-txt-lavenderblush-60)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:65, html.auto .sf-c-txt-lavenderblush\:65 { color: hsl(var(--sf-c-txt-lavenderblush-65)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:70, html.auto .sf-c-txt-lavenderblush\:70 { color: hsl(var(--sf-c-txt-lavenderblush-70)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:75, html.auto .sf-c-txt-lavenderblush\:75 { color: hsl(var(--sf-c-txt-lavenderblush-75)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:80, html.auto .sf-c-txt-lavenderblush\:80 { color: hsl(var(--sf-c-txt-lavenderblush-80)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:85, html.auto .sf-c-txt-lavenderblush\:85 { color: hsl(var(--sf-c-txt-lavenderblush-85)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:90, html.auto .sf-c-txt-lavenderblush\:90 { color: hsl(var(--sf-c-txt-lavenderblush-90)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:95, html.auto .sf-c-txt-lavenderblush\:95 { color: hsl(var(--sf-c-txt-lavenderblush-95)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:100, html.auto .sf-c-txt-lavenderblush\:100 { color: hsl(var(--sf-c-txt-lavenderblush-100)) } + + html[data-theme='auto'] .sf-c-txt-lavenderblush\:dark, html.auto .sf-c-txt-lavenderblush\:dark { color: hsl(var(--sf-c-txt-lavenderblush)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:0\:dark, html.auto .sf-c-txt-lavenderblush\:0\:dark { color: hsl(var(--sf-c-txt-lavenderblush-0)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:5\:dark, html.auto .sf-c-txt-lavenderblush\:5\:dark { color: hsl(var(--sf-c-txt-lavenderblush-5)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:10\:dark, html.auto .sf-c-txt-lavenderblush\:10\:dark { color: hsl(var(--sf-c-txt-lavenderblush-10)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:15\:dark, html.auto .sf-c-txt-lavenderblush\:15\:dark { color: hsl(var(--sf-c-txt-lavenderblush-15)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:20\:dark, html.auto .sf-c-txt-lavenderblush\:20\:dark { color: hsl(var(--sf-c-txt-lavenderblush-20)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:25\:dark, html.auto .sf-c-txt-lavenderblush\:25\:dark { color: hsl(var(--sf-c-txt-lavenderblush-25)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:30\:dark, html.auto .sf-c-txt-lavenderblush\:30\:dark { color: hsl(var(--sf-c-txt-lavenderblush-30)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:35\:dark, html.auto .sf-c-txt-lavenderblush\:35\:dark { color: hsl(var(--sf-c-txt-lavenderblush-35)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:40\:dark, html.auto .sf-c-txt-lavenderblush\:40\:dark { color: hsl(var(--sf-c-txt-lavenderblush-40)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:45\:dark, html.auto .sf-c-txt-lavenderblush\:45\:dark { color: hsl(var(--sf-c-txt-lavenderblush-45)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:50\:dark, html.auto .sf-c-txt-lavenderblush\:50\:dark { color: hsl(var(--sf-c-txt-lavenderblush-50)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:55\:dark, html.auto .sf-c-txt-lavenderblush\:55\:dark { color: hsl(var(--sf-c-txt-lavenderblush-55)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:60\:dark, html.auto .sf-c-txt-lavenderblush\:60\:dark { color: hsl(var(--sf-c-txt-lavenderblush-60)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:65\:dark, html.auto .sf-c-txt-lavenderblush\:65\:dark { color: hsl(var(--sf-c-txt-lavenderblush-65)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:70\:dark, html.auto .sf-c-txt-lavenderblush\:70\:dark { color: hsl(var(--sf-c-txt-lavenderblush-70)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:75\:dark, html.auto .sf-c-txt-lavenderblush\:75\:dark { color: hsl(var(--sf-c-txt-lavenderblush-75)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:80\:dark, html.auto .sf-c-txt-lavenderblush\:80\:dark { color: hsl(var(--sf-c-txt-lavenderblush-80)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:85\:dark, html.auto .sf-c-txt-lavenderblush\:85\:dark { color: hsl(var(--sf-c-txt-lavenderblush-85)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:90\:dark, html.auto .sf-c-txt-lavenderblush\:90\:dark { color: hsl(var(--sf-c-txt-lavenderblush-90)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:95\:dark, html.auto .sf-c-txt-lavenderblush\:95\:dark { color: hsl(var(--sf-c-txt-lavenderblush-95)) } + html[data-theme='auto'] .sf-c-txt-lavenderblush\:100\:dark, html.auto .sf-c-txt-lavenderblush\:100\:dark { color: hsl(var(--sf-c-txt-lavenderblush-100)) } + html.var[data-theme='auto'] .sf-c-lavenderblush, html.var.auto .sf-c-lavenderblush { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 3%) } html.var[data-theme='auto'] .sf-c-lavenderblush\:0, html.var.auto .sf-c-lavenderblush\:0 { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lavenderblush\:5, html.var.auto .sf-c-lavenderblush\:5 { color: hsl(340, 100%, 5%); background: hsl(340, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lavenderblush\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-lavenderblush\:90\:dark, html.var.auto .sf-c-lavenderblush\:90\:dark { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lavenderblush\:95\:dark, html.var.auto .sf-c-lavenderblush\:95\:dark { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 5%) } html.var[data-theme='auto'] .sf-c-lavenderblush\:100\:dark, html.var.auto .sf-c-lavenderblush\:100\:dark { color: hsl(340, 100%, 95%); background: hsl(340, 100%, 0%) } -} -.sf-c-txt-lavenderblush { color: hsl(var(--sf-c-txt-lavenderblush)) } -.sf-c-txt-lavenderblush\:0 { color: hsl(var(--sf-c-txt-lavenderblush-0)) } -.sf-c-txt-lavenderblush\:5 { color: hsl(var(--sf-c-txt-lavenderblush-5)) } -.sf-c-txt-lavenderblush\:10 { color: hsl(var(--sf-c-txt-lavenderblush-10)) } -.sf-c-txt-lavenderblush\:15 { color: hsl(var(--sf-c-txt-lavenderblush-15)) } -.sf-c-txt-lavenderblush\:20 { color: hsl(var(--sf-c-txt-lavenderblush-20)) } -.sf-c-txt-lavenderblush\:25 { color: hsl(var(--sf-c-txt-lavenderblush-25)) } -.sf-c-txt-lavenderblush\:30 { color: hsl(var(--sf-c-txt-lavenderblush-30)) } -.sf-c-txt-lavenderblush\:35 { color: hsl(var(--sf-c-txt-lavenderblush-35)) } -.sf-c-txt-lavenderblush\:40 { color: hsl(var(--sf-c-txt-lavenderblush-40)) } -.sf-c-txt-lavenderblush\:45 { color: hsl(var(--sf-c-txt-lavenderblush-45)) } -.sf-c-txt-lavenderblush\:50 { color: hsl(var(--sf-c-txt-lavenderblush-50)) } -.sf-c-txt-lavenderblush\:55 { color: hsl(var(--sf-c-txt-lavenderblush-55)) } -.sf-c-txt-lavenderblush\:60 { color: hsl(var(--sf-c-txt-lavenderblush-60)) } -.sf-c-txt-lavenderblush\:65 { color: hsl(var(--sf-c-txt-lavenderblush-65)) } -.sf-c-txt-lavenderblush\:70 { color: hsl(var(--sf-c-txt-lavenderblush-70)) } -.sf-c-txt-lavenderblush\:75 { color: hsl(var(--sf-c-txt-lavenderblush-75)) } -.sf-c-txt-lavenderblush\:80 { color: hsl(var(--sf-c-txt-lavenderblush-80)) } -.sf-c-txt-lavenderblush\:85 { color: hsl(var(--sf-c-txt-lavenderblush-85)) } -.sf-c-txt-lavenderblush\:90 { color: hsl(var(--sf-c-txt-lavenderblush-90)) } -.sf-c-txt-lavenderblush\:95 { color: hsl(var(--sf-c-txt-lavenderblush-95)) } -.sf-c-txt-lavenderblush\:100 { color: hsl(var(--sf-c-txt-lavenderblush-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lavenderblush, html.auto .sf-c-txt-lavenderblush { color: hsl(340, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:0, html.auto .sf-c-txt-lavenderblush\:0 { color: hsl(340, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:5, html.auto .sf-c-txt-lavenderblush\:5 { color: hsl(340, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:10, html.auto .sf-c-txt-lavenderblush\:10 { color: hsl(340, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:15, html.auto .sf-c-txt-lavenderblush\:15 { color: hsl(340, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:20, html.auto .sf-c-txt-lavenderblush\:20 { color: hsl(340, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:25, html.auto .sf-c-txt-lavenderblush\:25 { color: hsl(340, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:30, html.auto .sf-c-txt-lavenderblush\:30 { color: hsl(340, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:35, html.auto .sf-c-txt-lavenderblush\:35 { color: hsl(340, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:40, html.auto .sf-c-txt-lavenderblush\:40 { color: hsl(340, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:45, html.auto .sf-c-txt-lavenderblush\:45 { color: hsl(340, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:50, html.auto .sf-c-txt-lavenderblush\:50 { color: hsl(340, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:55, html.auto .sf-c-txt-lavenderblush\:55 { color: hsl(340, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:60, html.auto .sf-c-txt-lavenderblush\:60 { color: hsl(340, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:65, html.auto .sf-c-txt-lavenderblush\:65 { color: hsl(340, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:70, html.auto .sf-c-txt-lavenderblush\:70 { color: hsl(340, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:75, html.auto .sf-c-txt-lavenderblush\:75 { color: hsl(340, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:80, html.auto .sf-c-txt-lavenderblush\:80 { color: hsl(340, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:85, html.auto .sf-c-txt-lavenderblush\:85 { color: hsl(340, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:90, html.auto .sf-c-txt-lavenderblush\:90 { color: hsl(340, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:95, html.auto .sf-c-txt-lavenderblush\:95 { color: hsl(340, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:100, html.auto .sf-c-txt-lavenderblush\:100 { color: hsl(340, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:dark, html.auto .sf-c-txt-lavenderblush\:dark { color: hsl(340, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:0\:dark, html.auto .sf-c-txt-lavenderblush\:0\:dark { color: hsl(340, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:5\:dark, html.auto .sf-c-txt-lavenderblush\:5\:dark { color: hsl(340, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:10\:dark, html.auto .sf-c-txt-lavenderblush\:10\:dark { color: hsl(340, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:15\:dark, html.auto .sf-c-txt-lavenderblush\:15\:dark { color: hsl(340, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:20\:dark, html.auto .sf-c-txt-lavenderblush\:20\:dark { color: hsl(340, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:25\:dark, html.auto .sf-c-txt-lavenderblush\:25\:dark { color: hsl(340, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:30\:dark, html.auto .sf-c-txt-lavenderblush\:30\:dark { color: hsl(340, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:35\:dark, html.auto .sf-c-txt-lavenderblush\:35\:dark { color: hsl(340, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:40\:dark, html.auto .sf-c-txt-lavenderblush\:40\:dark { color: hsl(340, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:45\:dark, html.auto .sf-c-txt-lavenderblush\:45\:dark { color: hsl(340, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:50\:dark, html.auto .sf-c-txt-lavenderblush\:50\:dark { color: hsl(340, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:55\:dark, html.auto .sf-c-txt-lavenderblush\:55\:dark { color: hsl(340, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:60\:dark, html.auto .sf-c-txt-lavenderblush\:60\:dark { color: hsl(340, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:65\:dark, html.auto .sf-c-txt-lavenderblush\:65\:dark { color: hsl(340, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:70\:dark, html.auto .sf-c-txt-lavenderblush\:70\:dark { color: hsl(340, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:75\:dark, html.auto .sf-c-txt-lavenderblush\:75\:dark { color: hsl(340, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:80\:dark, html.auto .sf-c-txt-lavenderblush\:80\:dark { color: hsl(340, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:85\:dark, html.auto .sf-c-txt-lavenderblush\:85\:dark { color: hsl(340, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:90\:dark, html.auto .sf-c-txt-lavenderblush\:90\:dark { color: hsl(340, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:95\:dark, html.auto .sf-c-txt-lavenderblush\:95\:dark { color: hsl(340, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lavenderblush\:100\:dark, html.auto .sf-c-txt-lavenderblush\:100\:dark { color: hsl(340, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lawngreen.css b/src/colors/20/lawngreen.css index 8c48cad..6da5316 100644 --- a/src/colors/20/lawngreen.css +++ b/src/colors/20/lawngreen.css @@ -138,6 +138,52 @@ html.var .sf-c-lawngreen\:90 { color: hsl(90, 100%, 5%); background: hsl(90, 100 html.var .sf-c-lawngreen\:95 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } html.var .sf-c-lawngreen\:100 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 100%) } +.sf-c-txt-lawngreen { color: hsl(var(--sf-dark-c-txt-lawngreen)) } +.sf-c-txt-lawngreen\:0 { color: hsl(var(--sf-dark-c-txt-lawngreen-100)) } +.sf-c-txt-lawngreen\:5 { color: hsl(var(--sf-dark-c-txt-lawngreen-95)) } +.sf-c-txt-lawngreen\:10 { color: hsl(var(--sf-dark-c-txt-lawngreen-90)) } +.sf-c-txt-lawngreen\:15 { color: hsl(var(--sf-dark-c-txt-lawngreen-85)) } +.sf-c-txt-lawngreen\:20 { color: hsl(var(--sf-dark-c-txt-lawngreen-80)) } +.sf-c-txt-lawngreen\:25 { color: hsl(var(--sf-dark-c-txt-lawngreen-75)) } +.sf-c-txt-lawngreen\:30 { color: hsl(var(--sf-dark-c-txt-lawngreen-70)) } +.sf-c-txt-lawngreen\:35 { color: hsl(var(--sf-dark-c-txt-lawngreen-65)) } +.sf-c-txt-lawngreen\:40 { color: hsl(var(--sf-dark-c-txt-lawngreen-60)) } +.sf-c-txt-lawngreen\:45 { color: hsl(var(--sf-dark-c-txt-lawngreen-55)) } +.sf-c-txt-lawngreen\:50 { color: hsl(var(--sf-dark-c-txt-lawngreen-50)) } +.sf-c-txt-lawngreen\:55 { color: hsl(var(--sf-dark-c-txt-lawngreen-45)) } +.sf-c-txt-lawngreen\:60 { color: hsl(var(--sf-dark-c-txt-lawngreen-40)) } +.sf-c-txt-lawngreen\:65 { color: hsl(var(--sf-dark-c-txt-lawngreen-35)) } +.sf-c-txt-lawngreen\:70 { color: hsl(var(--sf-dark-c-txt-lawngreen-30)) } +.sf-c-txt-lawngreen\:75 { color: hsl(var(--sf-dark-c-txt-lawngreen-25)) } +.sf-c-txt-lawngreen\:80 { color: hsl(var(--sf-dark-c-txt-lawngreen-20)) } +.sf-c-txt-lawngreen\:85 { color: hsl(var(--sf-dark-c-txt-lawngreen-15)) } +.sf-c-txt-lawngreen\:90 { color: hsl(var(--sf-dark-c-txt-lawngreen-10)) } +.sf-c-txt-lawngreen\:95 { color: hsl(var(--sf-dark-c-txt-lawngreen-5)) } +.sf-c-txt-lawngreen\:100 { color: hsl(var(--sf-dark-c-txt-lawngreen-0)) } + +html.var .sf-c-txt-lawngreen { color: hsl(90, 100%, 51%) } +html.var .sf-c-txt-lawngreen\:0 { color: hsl(90, 100%, 100%) } +html.var .sf-c-txt-lawngreen\:5 { color: hsl(90, 100%, 95%) } +html.var .sf-c-txt-lawngreen\:10 { color: hsl(90, 100%, 90%) } +html.var .sf-c-txt-lawngreen\:15 { color: hsl(90, 100%, 85%) } +html.var .sf-c-txt-lawngreen\:20 { color: hsl(90, 100%, 80%) } +html.var .sf-c-txt-lawngreen\:25 { color: hsl(90, 100%, 75%) } +html.var .sf-c-txt-lawngreen\:30 { color: hsl(90, 100%, 70%) } +html.var .sf-c-txt-lawngreen\:35 { color: hsl(90, 100%, 65%) } +html.var .sf-c-txt-lawngreen\:40 { color: hsl(90, 100%, 60%) } +html.var .sf-c-txt-lawngreen\:45 { color: hsl(90, 100%, 55%) } +html.var .sf-c-txt-lawngreen\:50 { color: hsl(90, 100%, 50%) } +html.var .sf-c-txt-lawngreen\:55 { color: hsl(90, 100%, 45%) } +html.var .sf-c-txt-lawngreen\:60 { color: hsl(90, 100%, 40%) } +html.var .sf-c-txt-lawngreen\:65 { color: hsl(90, 100%, 35%) } +html.var .sf-c-txt-lawngreen\:70 { color: hsl(90, 100%, 30%) } +html.var .sf-c-txt-lawngreen\:75 { color: hsl(90, 100%, 25%) } +html.var .sf-c-txt-lawngreen\:80 { color: hsl(90, 100%, 20%) } +html.var .sf-c-txt-lawngreen\:85 { color: hsl(90, 100%, 15%) } +html.var .sf-c-txt-lawngreen\:90 { color: hsl(90, 100%, 10%) } +html.var .sf-c-txt-lawngreen\:95 { color: hsl(90, 100%, 5%) } +html.var .sf-c-txt-lawngreen\:100 { color: hsl(90, 100%, 0%) } + html[data-theme='dark'] .sf-c-lawngreen, html.dark .sf-c-lawngreen { color: hsl(var(--sf-dark-c-txt-lawngreen-5)); background: hsl(var(--sf-dark-c-lawngreen)) } html[data-theme='dark'] .sf-c-lawngreen\:0, html.dark .sf-c-lawngreen\:0 { color: hsl(var(--sf-dark-c-txt-lawngreen-95)); background: hsl(var(--sf-dark-c-lawngreen-100)) } html[data-theme='dark'] .sf-c-lawngreen\:5, html.dark .sf-c-lawngreen\:5 { color: hsl(var(--sf-dark-c-txt-lawngreen-5)); background: hsl(var(--sf-dark-c-lawngreen-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lawngreen\:90\:dark, html.dark .sf-c-lawngreen\:90 html[data-theme='dark'] .sf-c-lawngreen\:95\:dark, html.dark .sf-c-lawngreen\:95\:dark { color: hsl(var(--sf-c-txt-lawngreen-95)); background: hsl(var(--sf-c-lawngreen-5)) } html[data-theme='dark'] .sf-c-lawngreen\:100\:dark, html.dark .sf-c-lawngreen\:100\:dark { color: hsl(var(--sf-c-txt-lawngreen-95)); background: hsl(var(--sf-c-lawngreen-0)) } +html[data-theme='dark'] .sf-c-txt-lawngreen, html.dark .sf-c-txt-lawngreen { color: hsl(var(--sf-c-txt-lawngreen)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:0, html.dark .sf-c-txt-lawngreen\:0 { color: hsl(var(--sf-c-txt-lawngreen-0)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:5, html.dark .sf-c-txt-lawngreen\:5 { color: hsl(var(--sf-c-txt-lawngreen-5)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:10, html.dark .sf-c-txt-lawngreen\:10 { color: hsl(var(--sf-c-txt-lawngreen-10)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:15, html.dark .sf-c-txt-lawngreen\:15 { color: hsl(var(--sf-c-txt-lawngreen-15)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:20, html.dark .sf-c-txt-lawngreen\:20 { color: hsl(var(--sf-c-txt-lawngreen-20)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:25, html.dark .sf-c-txt-lawngreen\:25 { color: hsl(var(--sf-c-txt-lawngreen-25)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:30, html.dark .sf-c-txt-lawngreen\:30 { color: hsl(var(--sf-c-txt-lawngreen-30)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:35, html.dark .sf-c-txt-lawngreen\:35 { color: hsl(var(--sf-c-txt-lawngreen-35)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:40, html.dark .sf-c-txt-lawngreen\:40 { color: hsl(var(--sf-c-txt-lawngreen-40)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:45, html.dark .sf-c-txt-lawngreen\:45 { color: hsl(var(--sf-c-txt-lawngreen-45)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:50, html.dark .sf-c-txt-lawngreen\:50 { color: hsl(var(--sf-c-txt-lawngreen-50)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:55, html.dark .sf-c-txt-lawngreen\:55 { color: hsl(var(--sf-c-txt-lawngreen-55)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:60, html.dark .sf-c-txt-lawngreen\:60 { color: hsl(var(--sf-c-txt-lawngreen-60)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:65, html.dark .sf-c-txt-lawngreen\:65 { color: hsl(var(--sf-c-txt-lawngreen-65)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:70, html.dark .sf-c-txt-lawngreen\:70 { color: hsl(var(--sf-c-txt-lawngreen-70)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:75, html.dark .sf-c-txt-lawngreen\:75 { color: hsl(var(--sf-c-txt-lawngreen-75)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:80, html.dark .sf-c-txt-lawngreen\:80 { color: hsl(var(--sf-c-txt-lawngreen-80)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:85, html.dark .sf-c-txt-lawngreen\:85 { color: hsl(var(--sf-c-txt-lawngreen-85)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:90, html.dark .sf-c-txt-lawngreen\:90 { color: hsl(var(--sf-c-txt-lawngreen-90)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:95, html.dark .sf-c-txt-lawngreen\:95 { color: hsl(var(--sf-c-txt-lawngreen-95)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:100, html.dark .sf-c-txt-lawngreen\:100 { color: hsl(var(--sf-c-txt-lawngreen-100)) } + +html[data-theme='dark'] .sf-c-txt-lawngreen\:dark, html.dark .sf-c-txt-lawngreen\:dark { color: hsl(var(--sf-c-txt-lawngreen)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:0\:dark, html.dark .sf-c-txt-lawngreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-0)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:5\:dark, html.dark .sf-c-txt-lawngreen\:5\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-5)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:10\:dark, html.dark .sf-c-txt-lawngreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-10)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:15\:dark, html.dark .sf-c-txt-lawngreen\:15\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-15)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:20\:dark, html.dark .sf-c-txt-lawngreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-20)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:25\:dark, html.dark .sf-c-txt-lawngreen\:25\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-25)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:30\:dark, html.dark .sf-c-txt-lawngreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-30)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:35\:dark, html.dark .sf-c-txt-lawngreen\:35\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-35)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:40\:dark, html.dark .sf-c-txt-lawngreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-40)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:45\:dark, html.dark .sf-c-txt-lawngreen\:45\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-45)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:50\:dark, html.dark .sf-c-txt-lawngreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-50)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:55\:dark, html.dark .sf-c-txt-lawngreen\:55\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-55)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:60\:dark, html.dark .sf-c-txt-lawngreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-60)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:65\:dark, html.dark .sf-c-txt-lawngreen\:65\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-65)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:70\:dark, html.dark .sf-c-txt-lawngreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-70)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:75\:dark, html.dark .sf-c-txt-lawngreen\:75\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-75)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:80\:dark, html.dark .sf-c-txt-lawngreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-80)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:85\:dark, html.dark .sf-c-txt-lawngreen\:85\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-85)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:90\:dark, html.dark .sf-c-txt-lawngreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-90)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:95\:dark, html.dark .sf-c-txt-lawngreen\:95\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-95)) } +html[data-theme='dark'] .sf-c-txt-lawngreen\:100\:dark, html.dark .sf-c-txt-lawngreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-lawngreen-100)) } + html.var[data-theme='dark'] .sf-c-lawngreen, html.var.dark .sf-c-lawngreen { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 51%) } html.var[data-theme='dark'] .sf-c-lawngreen\:0, html.var.dark .sf-c-lawngreen\:0 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lawngreen\:5, html.var.dark .sf-c-lawngreen\:5 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lawngreen\:90\:dark, html.var.dark .sf-c-lawng html.var[data-theme='dark'] .sf-c-lawngreen\:95\:dark, html.var.dark .sf-c-lawngreen\:95\:dark { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 5%) } html.var[data-theme='dark'] .sf-c-lawngreen\:100\:dark, html.var.dark .sf-c-lawngreen\:100\:dark { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen, html.dark .sf-c-txt-lawngreen { color: hsl(90, 100%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:0, html.dark .sf-c-txt-lawngreen\:0 { color: hsl(90, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:5, html.dark .sf-c-txt-lawngreen\:5 { color: hsl(90, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:10, html.dark .sf-c-txt-lawngreen\:10 { color: hsl(90, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:15, html.dark .sf-c-txt-lawngreen\:15 { color: hsl(90, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:20, html.dark .sf-c-txt-lawngreen\:20 { color: hsl(90, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:25, html.dark .sf-c-txt-lawngreen\:25 { color: hsl(90, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:30, html.dark .sf-c-txt-lawngreen\:30 { color: hsl(90, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:35, html.dark .sf-c-txt-lawngreen\:35 { color: hsl(90, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:40, html.dark .sf-c-txt-lawngreen\:40 { color: hsl(90, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:45, html.dark .sf-c-txt-lawngreen\:45 { color: hsl(90, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:50, html.dark .sf-c-txt-lawngreen\:50 { color: hsl(90, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:55, html.dark .sf-c-txt-lawngreen\:55 { color: hsl(90, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:60, html.dark .sf-c-txt-lawngreen\:60 { color: hsl(90, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:65, html.dark .sf-c-txt-lawngreen\:65 { color: hsl(90, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:70, html.dark .sf-c-txt-lawngreen\:70 { color: hsl(90, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:75, html.dark .sf-c-txt-lawngreen\:75 { color: hsl(90, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:80, html.dark .sf-c-txt-lawngreen\:80 { color: hsl(90, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:85, html.dark .sf-c-txt-lawngreen\:85 { color: hsl(90, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:90, html.dark .sf-c-txt-lawngreen\:90 { color: hsl(90, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:95, html.dark .sf-c-txt-lawngreen\:95 { color: hsl(90, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:100, html.dark .sf-c-txt-lawngreen\:100 { color: hsl(90, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:dark, html.dark .sf-c-txt-lawngreen\:dark { color: hsl(90, 100%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:0\:dark, html.dark .sf-c-txt-lawngreen\:0\:dark { color: hsl(90, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:5\:dark, html.dark .sf-c-txt-lawngreen\:5\:dark { color: hsl(90, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:10\:dark, html.dark .sf-c-txt-lawngreen\:10\:dark { color: hsl(90, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:15\:dark, html.dark .sf-c-txt-lawngreen\:15\:dark { color: hsl(90, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:20\:dark, html.dark .sf-c-txt-lawngreen\:20\:dark { color: hsl(90, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:25\:dark, html.dark .sf-c-txt-lawngreen\:25\:dark { color: hsl(90, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:30\:dark, html.dark .sf-c-txt-lawngreen\:30\:dark { color: hsl(90, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:35\:dark, html.dark .sf-c-txt-lawngreen\:35\:dark { color: hsl(90, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:40\:dark, html.dark .sf-c-txt-lawngreen\:40\:dark { color: hsl(90, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:45\:dark, html.dark .sf-c-txt-lawngreen\:45\:dark { color: hsl(90, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:50\:dark, html.dark .sf-c-txt-lawngreen\:50\:dark { color: hsl(90, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:55\:dark, html.dark .sf-c-txt-lawngreen\:55\:dark { color: hsl(90, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:60\:dark, html.dark .sf-c-txt-lawngreen\:60\:dark { color: hsl(90, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:65\:dark, html.dark .sf-c-txt-lawngreen\:65\:dark { color: hsl(90, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:70\:dark, html.dark .sf-c-txt-lawngreen\:70\:dark { color: hsl(90, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:75\:dark, html.dark .sf-c-txt-lawngreen\:75\:dark { color: hsl(90, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:80\:dark, html.dark .sf-c-txt-lawngreen\:80\:dark { color: hsl(90, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:85\:dark, html.dark .sf-c-txt-lawngreen\:85\:dark { color: hsl(90, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:90\:dark, html.dark .sf-c-txt-lawngreen\:90\:dark { color: hsl(90, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:95\:dark, html.dark .sf-c-txt-lawngreen\:95\:dark { color: hsl(90, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lawngreen\:100\:dark, html.dark .sf-c-txt-lawngreen\:100\:dark { color: hsl(90, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lawngreen, html.auto .sf-c-lawngreen { color: hsl(var(--sf-dark-c-txt-lawngreen-5)); background: hsl(var(--sf-dark-c-lawngreen)) } html[data-theme='auto'] .sf-c-lawngreen\:0, html.auto .sf-c-lawngreen\:0 { color: hsl(var(--sf-dark-c-txt-lawngreen-95)); background: hsl(var(--sf-dark-c-lawngreen-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lawngreen\:100\:dark, html.var.dark .sf-c-lawn html[data-theme='auto'] .sf-c-lawngreen\:95\:dark, html.auto .sf-c-lawngreen\:95\:dark { color: hsl(var(--sf-c-txt-lawngreen-95)); background: hsl(var(--sf-c-lawngreen-5)) } html[data-theme='auto'] .sf-c-lawngreen\:100\:dark, html.auto .sf-c-lawngreen\:100\:dark { color: hsl(var(--sf-c-txt-lawngreen-95)); background: hsl(var(--sf-c-lawngreen-0)) } + html[data-theme='auto'] .sf-c-txt-lawngreen, html.auto .sf-c-txt-lawngreen { color: hsl(var(--sf-c-txt-lawngreen)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:0, html.auto .sf-c-txt-lawngreen\:0 { color: hsl(var(--sf-c-txt-lawngreen-0)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:5, html.auto .sf-c-txt-lawngreen\:5 { color: hsl(var(--sf-c-txt-lawngreen-5)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:10, html.auto .sf-c-txt-lawngreen\:10 { color: hsl(var(--sf-c-txt-lawngreen-10)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:15, html.auto .sf-c-txt-lawngreen\:15 { color: hsl(var(--sf-c-txt-lawngreen-15)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:20, html.auto .sf-c-txt-lawngreen\:20 { color: hsl(var(--sf-c-txt-lawngreen-20)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:25, html.auto .sf-c-txt-lawngreen\:25 { color: hsl(var(--sf-c-txt-lawngreen-25)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:30, html.auto .sf-c-txt-lawngreen\:30 { color: hsl(var(--sf-c-txt-lawngreen-30)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:35, html.auto .sf-c-txt-lawngreen\:35 { color: hsl(var(--sf-c-txt-lawngreen-35)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:40, html.auto .sf-c-txt-lawngreen\:40 { color: hsl(var(--sf-c-txt-lawngreen-40)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:45, html.auto .sf-c-txt-lawngreen\:45 { color: hsl(var(--sf-c-txt-lawngreen-45)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:50, html.auto .sf-c-txt-lawngreen\:50 { color: hsl(var(--sf-c-txt-lawngreen-50)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:55, html.auto .sf-c-txt-lawngreen\:55 { color: hsl(var(--sf-c-txt-lawngreen-55)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:60, html.auto .sf-c-txt-lawngreen\:60 { color: hsl(var(--sf-c-txt-lawngreen-60)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:65, html.auto .sf-c-txt-lawngreen\:65 { color: hsl(var(--sf-c-txt-lawngreen-65)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:70, html.auto .sf-c-txt-lawngreen\:70 { color: hsl(var(--sf-c-txt-lawngreen-70)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:75, html.auto .sf-c-txt-lawngreen\:75 { color: hsl(var(--sf-c-txt-lawngreen-75)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:80, html.auto .sf-c-txt-lawngreen\:80 { color: hsl(var(--sf-c-txt-lawngreen-80)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:85, html.auto .sf-c-txt-lawngreen\:85 { color: hsl(var(--sf-c-txt-lawngreen-85)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:90, html.auto .sf-c-txt-lawngreen\:90 { color: hsl(var(--sf-c-txt-lawngreen-90)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:95, html.auto .sf-c-txt-lawngreen\:95 { color: hsl(var(--sf-c-txt-lawngreen-95)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:100, html.auto .sf-c-txt-lawngreen\:100 { color: hsl(var(--sf-c-txt-lawngreen-100)) } + + html[data-theme='auto'] .sf-c-txt-lawngreen\:dark, html.auto .sf-c-txt-lawngreen\:dark { color: hsl(var(--sf-c-txt-lawngreen)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:0\:dark, html.auto .sf-c-txt-lawngreen\:0\:dark { color: hsl(var(--sf-c-txt-lawngreen-0)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:5\:dark, html.auto .sf-c-txt-lawngreen\:5\:dark { color: hsl(var(--sf-c-txt-lawngreen-5)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:10\:dark, html.auto .sf-c-txt-lawngreen\:10\:dark { color: hsl(var(--sf-c-txt-lawngreen-10)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:15\:dark, html.auto .sf-c-txt-lawngreen\:15\:dark { color: hsl(var(--sf-c-txt-lawngreen-15)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:20\:dark, html.auto .sf-c-txt-lawngreen\:20\:dark { color: hsl(var(--sf-c-txt-lawngreen-20)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:25\:dark, html.auto .sf-c-txt-lawngreen\:25\:dark { color: hsl(var(--sf-c-txt-lawngreen-25)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:30\:dark, html.auto .sf-c-txt-lawngreen\:30\:dark { color: hsl(var(--sf-c-txt-lawngreen-30)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:35\:dark, html.auto .sf-c-txt-lawngreen\:35\:dark { color: hsl(var(--sf-c-txt-lawngreen-35)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:40\:dark, html.auto .sf-c-txt-lawngreen\:40\:dark { color: hsl(var(--sf-c-txt-lawngreen-40)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:45\:dark, html.auto .sf-c-txt-lawngreen\:45\:dark { color: hsl(var(--sf-c-txt-lawngreen-45)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:50\:dark, html.auto .sf-c-txt-lawngreen\:50\:dark { color: hsl(var(--sf-c-txt-lawngreen-50)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:55\:dark, html.auto .sf-c-txt-lawngreen\:55\:dark { color: hsl(var(--sf-c-txt-lawngreen-55)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:60\:dark, html.auto .sf-c-txt-lawngreen\:60\:dark { color: hsl(var(--sf-c-txt-lawngreen-60)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:65\:dark, html.auto .sf-c-txt-lawngreen\:65\:dark { color: hsl(var(--sf-c-txt-lawngreen-65)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:70\:dark, html.auto .sf-c-txt-lawngreen\:70\:dark { color: hsl(var(--sf-c-txt-lawngreen-70)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:75\:dark, html.auto .sf-c-txt-lawngreen\:75\:dark { color: hsl(var(--sf-c-txt-lawngreen-75)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:80\:dark, html.auto .sf-c-txt-lawngreen\:80\:dark { color: hsl(var(--sf-c-txt-lawngreen-80)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:85\:dark, html.auto .sf-c-txt-lawngreen\:85\:dark { color: hsl(var(--sf-c-txt-lawngreen-85)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:90\:dark, html.auto .sf-c-txt-lawngreen\:90\:dark { color: hsl(var(--sf-c-txt-lawngreen-90)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:95\:dark, html.auto .sf-c-txt-lawngreen\:95\:dark { color: hsl(var(--sf-c-txt-lawngreen-95)) } + html[data-theme='auto'] .sf-c-txt-lawngreen\:100\:dark, html.auto .sf-c-txt-lawngreen\:100\:dark { color: hsl(var(--sf-c-txt-lawngreen-100)) } + html.var[data-theme='auto'] .sf-c-lawngreen, html.var.auto .sf-c-lawngreen { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 51%) } html.var[data-theme='auto'] .sf-c-lawngreen\:0, html.var.auto .sf-c-lawngreen\:0 { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lawngreen\:5, html.var.auto .sf-c-lawngreen\:5 { color: hsl(90, 100%, 5%); background: hsl(90, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lawngreen\:100\:dark, html.var.dark .sf-c-lawn html.var[data-theme='auto'] .sf-c-lawngreen\:90\:dark, html.var.auto .sf-c-lawngreen\:90\:dark { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lawngreen\:95\:dark, html.var.auto .sf-c-lawngreen\:95\:dark { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 5%) } html.var[data-theme='auto'] .sf-c-lawngreen\:100\:dark, html.var.auto .sf-c-lawngreen\:100\:dark { color: hsl(90, 100%, 95%); background: hsl(90, 100%, 0%) } -} -.sf-c-txt-lawngreen { color: hsl(var(--sf-c-txt-lawngreen)) } -.sf-c-txt-lawngreen\:0 { color: hsl(var(--sf-c-txt-lawngreen-0)) } -.sf-c-txt-lawngreen\:5 { color: hsl(var(--sf-c-txt-lawngreen-5)) } -.sf-c-txt-lawngreen\:10 { color: hsl(var(--sf-c-txt-lawngreen-10)) } -.sf-c-txt-lawngreen\:15 { color: hsl(var(--sf-c-txt-lawngreen-15)) } -.sf-c-txt-lawngreen\:20 { color: hsl(var(--sf-c-txt-lawngreen-20)) } -.sf-c-txt-lawngreen\:25 { color: hsl(var(--sf-c-txt-lawngreen-25)) } -.sf-c-txt-lawngreen\:30 { color: hsl(var(--sf-c-txt-lawngreen-30)) } -.sf-c-txt-lawngreen\:35 { color: hsl(var(--sf-c-txt-lawngreen-35)) } -.sf-c-txt-lawngreen\:40 { color: hsl(var(--sf-c-txt-lawngreen-40)) } -.sf-c-txt-lawngreen\:45 { color: hsl(var(--sf-c-txt-lawngreen-45)) } -.sf-c-txt-lawngreen\:50 { color: hsl(var(--sf-c-txt-lawngreen-50)) } -.sf-c-txt-lawngreen\:55 { color: hsl(var(--sf-c-txt-lawngreen-55)) } -.sf-c-txt-lawngreen\:60 { color: hsl(var(--sf-c-txt-lawngreen-60)) } -.sf-c-txt-lawngreen\:65 { color: hsl(var(--sf-c-txt-lawngreen-65)) } -.sf-c-txt-lawngreen\:70 { color: hsl(var(--sf-c-txt-lawngreen-70)) } -.sf-c-txt-lawngreen\:75 { color: hsl(var(--sf-c-txt-lawngreen-75)) } -.sf-c-txt-lawngreen\:80 { color: hsl(var(--sf-c-txt-lawngreen-80)) } -.sf-c-txt-lawngreen\:85 { color: hsl(var(--sf-c-txt-lawngreen-85)) } -.sf-c-txt-lawngreen\:90 { color: hsl(var(--sf-c-txt-lawngreen-90)) } -.sf-c-txt-lawngreen\:95 { color: hsl(var(--sf-c-txt-lawngreen-95)) } -.sf-c-txt-lawngreen\:100 { color: hsl(var(--sf-c-txt-lawngreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lawngreen, html.auto .sf-c-txt-lawngreen { color: hsl(90, 100%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:0, html.auto .sf-c-txt-lawngreen\:0 { color: hsl(90, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:5, html.auto .sf-c-txt-lawngreen\:5 { color: hsl(90, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:10, html.auto .sf-c-txt-lawngreen\:10 { color: hsl(90, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:15, html.auto .sf-c-txt-lawngreen\:15 { color: hsl(90, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:20, html.auto .sf-c-txt-lawngreen\:20 { color: hsl(90, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:25, html.auto .sf-c-txt-lawngreen\:25 { color: hsl(90, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:30, html.auto .sf-c-txt-lawngreen\:30 { color: hsl(90, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:35, html.auto .sf-c-txt-lawngreen\:35 { color: hsl(90, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:40, html.auto .sf-c-txt-lawngreen\:40 { color: hsl(90, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:45, html.auto .sf-c-txt-lawngreen\:45 { color: hsl(90, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:50, html.auto .sf-c-txt-lawngreen\:50 { color: hsl(90, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:55, html.auto .sf-c-txt-lawngreen\:55 { color: hsl(90, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:60, html.auto .sf-c-txt-lawngreen\:60 { color: hsl(90, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:65, html.auto .sf-c-txt-lawngreen\:65 { color: hsl(90, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:70, html.auto .sf-c-txt-lawngreen\:70 { color: hsl(90, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:75, html.auto .sf-c-txt-lawngreen\:75 { color: hsl(90, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:80, html.auto .sf-c-txt-lawngreen\:80 { color: hsl(90, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:85, html.auto .sf-c-txt-lawngreen\:85 { color: hsl(90, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:90, html.auto .sf-c-txt-lawngreen\:90 { color: hsl(90, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:95, html.auto .sf-c-txt-lawngreen\:95 { color: hsl(90, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:100, html.auto .sf-c-txt-lawngreen\:100 { color: hsl(90, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:dark, html.auto .sf-c-txt-lawngreen\:dark { color: hsl(90, 100%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:0\:dark, html.auto .sf-c-txt-lawngreen\:0\:dark { color: hsl(90, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:5\:dark, html.auto .sf-c-txt-lawngreen\:5\:dark { color: hsl(90, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:10\:dark, html.auto .sf-c-txt-lawngreen\:10\:dark { color: hsl(90, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:15\:dark, html.auto .sf-c-txt-lawngreen\:15\:dark { color: hsl(90, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:20\:dark, html.auto .sf-c-txt-lawngreen\:20\:dark { color: hsl(90, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:25\:dark, html.auto .sf-c-txt-lawngreen\:25\:dark { color: hsl(90, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:30\:dark, html.auto .sf-c-txt-lawngreen\:30\:dark { color: hsl(90, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:35\:dark, html.auto .sf-c-txt-lawngreen\:35\:dark { color: hsl(90, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:40\:dark, html.auto .sf-c-txt-lawngreen\:40\:dark { color: hsl(90, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:45\:dark, html.auto .sf-c-txt-lawngreen\:45\:dark { color: hsl(90, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:50\:dark, html.auto .sf-c-txt-lawngreen\:50\:dark { color: hsl(90, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:55\:dark, html.auto .sf-c-txt-lawngreen\:55\:dark { color: hsl(90, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:60\:dark, html.auto .sf-c-txt-lawngreen\:60\:dark { color: hsl(90, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:65\:dark, html.auto .sf-c-txt-lawngreen\:65\:dark { color: hsl(90, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:70\:dark, html.auto .sf-c-txt-lawngreen\:70\:dark { color: hsl(90, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:75\:dark, html.auto .sf-c-txt-lawngreen\:75\:dark { color: hsl(90, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:80\:dark, html.auto .sf-c-txt-lawngreen\:80\:dark { color: hsl(90, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:85\:dark, html.auto .sf-c-txt-lawngreen\:85\:dark { color: hsl(90, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:90\:dark, html.auto .sf-c-txt-lawngreen\:90\:dark { color: hsl(90, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:95\:dark, html.auto .sf-c-txt-lawngreen\:95\:dark { color: hsl(90, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lawngreen\:100\:dark, html.auto .sf-c-txt-lawngreen\:100\:dark { color: hsl(90, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lemonchiffon.css b/src/colors/20/lemonchiffon.css index b60d9c9..2f0a1ef 100644 --- a/src/colors/20/lemonchiffon.css +++ b/src/colors/20/lemonchiffon.css @@ -138,6 +138,52 @@ html.var .sf-c-lemonchiffon\:90 { color: hsl(54, 100%, 5%); background: hsl(54, html.var .sf-c-lemonchiffon\:95 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 95%) } html.var .sf-c-lemonchiffon\:100 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 100%) } +.sf-c-txt-lemonchiffon { color: hsl(var(--sf-dark-c-txt-lemonchiffon)) } +.sf-c-txt-lemonchiffon\:0 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-100)) } +.sf-c-txt-lemonchiffon\:5 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-95)) } +.sf-c-txt-lemonchiffon\:10 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-90)) } +.sf-c-txt-lemonchiffon\:15 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-85)) } +.sf-c-txt-lemonchiffon\:20 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-80)) } +.sf-c-txt-lemonchiffon\:25 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-75)) } +.sf-c-txt-lemonchiffon\:30 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-70)) } +.sf-c-txt-lemonchiffon\:35 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-65)) } +.sf-c-txt-lemonchiffon\:40 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-60)) } +.sf-c-txt-lemonchiffon\:45 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-55)) } +.sf-c-txt-lemonchiffon\:50 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-50)) } +.sf-c-txt-lemonchiffon\:55 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-45)) } +.sf-c-txt-lemonchiffon\:60 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-40)) } +.sf-c-txt-lemonchiffon\:65 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-35)) } +.sf-c-txt-lemonchiffon\:70 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-30)) } +.sf-c-txt-lemonchiffon\:75 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-25)) } +.sf-c-txt-lemonchiffon\:80 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-20)) } +.sf-c-txt-lemonchiffon\:85 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-15)) } +.sf-c-txt-lemonchiffon\:90 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-10)) } +.sf-c-txt-lemonchiffon\:95 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-5)) } +.sf-c-txt-lemonchiffon\:100 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-0)) } + +html.var .sf-c-txt-lemonchiffon { color: hsl(54, 100%, 10%) } +html.var .sf-c-txt-lemonchiffon\:0 { color: hsl(54, 100%, 100%) } +html.var .sf-c-txt-lemonchiffon\:5 { color: hsl(54, 100%, 95%) } +html.var .sf-c-txt-lemonchiffon\:10 { color: hsl(54, 100%, 90%) } +html.var .sf-c-txt-lemonchiffon\:15 { color: hsl(54, 100%, 85%) } +html.var .sf-c-txt-lemonchiffon\:20 { color: hsl(54, 100%, 80%) } +html.var .sf-c-txt-lemonchiffon\:25 { color: hsl(54, 100%, 75%) } +html.var .sf-c-txt-lemonchiffon\:30 { color: hsl(54, 100%, 70%) } +html.var .sf-c-txt-lemonchiffon\:35 { color: hsl(54, 100%, 65%) } +html.var .sf-c-txt-lemonchiffon\:40 { color: hsl(54, 100%, 60%) } +html.var .sf-c-txt-lemonchiffon\:45 { color: hsl(54, 100%, 55%) } +html.var .sf-c-txt-lemonchiffon\:50 { color: hsl(54, 100%, 50%) } +html.var .sf-c-txt-lemonchiffon\:55 { color: hsl(54, 100%, 45%) } +html.var .sf-c-txt-lemonchiffon\:60 { color: hsl(54, 100%, 40%) } +html.var .sf-c-txt-lemonchiffon\:65 { color: hsl(54, 100%, 35%) } +html.var .sf-c-txt-lemonchiffon\:70 { color: hsl(54, 100%, 30%) } +html.var .sf-c-txt-lemonchiffon\:75 { color: hsl(54, 100%, 25%) } +html.var .sf-c-txt-lemonchiffon\:80 { color: hsl(54, 100%, 20%) } +html.var .sf-c-txt-lemonchiffon\:85 { color: hsl(54, 100%, 15%) } +html.var .sf-c-txt-lemonchiffon\:90 { color: hsl(54, 100%, 10%) } +html.var .sf-c-txt-lemonchiffon\:95 { color: hsl(54, 100%, 5%) } +html.var .sf-c-txt-lemonchiffon\:100 { color: hsl(54, 100%, 0%) } + html[data-theme='dark'] .sf-c-lemonchiffon, html.dark .sf-c-lemonchiffon { color: hsl(var(--sf-dark-c-txt-lemonchiffon-95)); background: hsl(var(--sf-dark-c-lemonchiffon)) } html[data-theme='dark'] .sf-c-lemonchiffon\:0, html.dark .sf-c-lemonchiffon\:0 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-95)); background: hsl(var(--sf-dark-c-lemonchiffon-100)) } html[data-theme='dark'] .sf-c-lemonchiffon\:5, html.dark .sf-c-lemonchiffon\:5 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-5)); background: hsl(var(--sf-dark-c-lemonchiffon-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lemonchiffon\:90\:dark, html.dark .sf-c-lemonchiff html[data-theme='dark'] .sf-c-lemonchiffon\:95\:dark, html.dark .sf-c-lemonchiffon\:95\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-95)); background: hsl(var(--sf-c-lemonchiffon-5)) } html[data-theme='dark'] .sf-c-lemonchiffon\:100\:dark, html.dark .sf-c-lemonchiffon\:100\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-95)); background: hsl(var(--sf-c-lemonchiffon-0)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon, html.dark .sf-c-txt-lemonchiffon { color: hsl(var(--sf-c-txt-lemonchiffon)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:0, html.dark .sf-c-txt-lemonchiffon\:0 { color: hsl(var(--sf-c-txt-lemonchiffon-0)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:5, html.dark .sf-c-txt-lemonchiffon\:5 { color: hsl(var(--sf-c-txt-lemonchiffon-5)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:10, html.dark .sf-c-txt-lemonchiffon\:10 { color: hsl(var(--sf-c-txt-lemonchiffon-10)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:15, html.dark .sf-c-txt-lemonchiffon\:15 { color: hsl(var(--sf-c-txt-lemonchiffon-15)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:20, html.dark .sf-c-txt-lemonchiffon\:20 { color: hsl(var(--sf-c-txt-lemonchiffon-20)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:25, html.dark .sf-c-txt-lemonchiffon\:25 { color: hsl(var(--sf-c-txt-lemonchiffon-25)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:30, html.dark .sf-c-txt-lemonchiffon\:30 { color: hsl(var(--sf-c-txt-lemonchiffon-30)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:35, html.dark .sf-c-txt-lemonchiffon\:35 { color: hsl(var(--sf-c-txt-lemonchiffon-35)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:40, html.dark .sf-c-txt-lemonchiffon\:40 { color: hsl(var(--sf-c-txt-lemonchiffon-40)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:45, html.dark .sf-c-txt-lemonchiffon\:45 { color: hsl(var(--sf-c-txt-lemonchiffon-45)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:50, html.dark .sf-c-txt-lemonchiffon\:50 { color: hsl(var(--sf-c-txt-lemonchiffon-50)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:55, html.dark .sf-c-txt-lemonchiffon\:55 { color: hsl(var(--sf-c-txt-lemonchiffon-55)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:60, html.dark .sf-c-txt-lemonchiffon\:60 { color: hsl(var(--sf-c-txt-lemonchiffon-60)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:65, html.dark .sf-c-txt-lemonchiffon\:65 { color: hsl(var(--sf-c-txt-lemonchiffon-65)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:70, html.dark .sf-c-txt-lemonchiffon\:70 { color: hsl(var(--sf-c-txt-lemonchiffon-70)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:75, html.dark .sf-c-txt-lemonchiffon\:75 { color: hsl(var(--sf-c-txt-lemonchiffon-75)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:80, html.dark .sf-c-txt-lemonchiffon\:80 { color: hsl(var(--sf-c-txt-lemonchiffon-80)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:85, html.dark .sf-c-txt-lemonchiffon\:85 { color: hsl(var(--sf-c-txt-lemonchiffon-85)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:90, html.dark .sf-c-txt-lemonchiffon\:90 { color: hsl(var(--sf-c-txt-lemonchiffon-90)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:95, html.dark .sf-c-txt-lemonchiffon\:95 { color: hsl(var(--sf-c-txt-lemonchiffon-95)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:100, html.dark .sf-c-txt-lemonchiffon\:100 { color: hsl(var(--sf-c-txt-lemonchiffon-100)) } + +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:dark, html.dark .sf-c-txt-lemonchiffon\:dark { color: hsl(var(--sf-c-txt-lemonchiffon)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:0\:dark, html.dark .sf-c-txt-lemonchiffon\:0\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-0)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:5\:dark, html.dark .sf-c-txt-lemonchiffon\:5\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-5)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:10\:dark, html.dark .sf-c-txt-lemonchiffon\:10\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-10)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:15\:dark, html.dark .sf-c-txt-lemonchiffon\:15\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-15)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:20\:dark, html.dark .sf-c-txt-lemonchiffon\:20\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-20)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:25\:dark, html.dark .sf-c-txt-lemonchiffon\:25\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-25)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:30\:dark, html.dark .sf-c-txt-lemonchiffon\:30\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-30)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:35\:dark, html.dark .sf-c-txt-lemonchiffon\:35\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-35)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:40\:dark, html.dark .sf-c-txt-lemonchiffon\:40\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-40)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:45\:dark, html.dark .sf-c-txt-lemonchiffon\:45\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-45)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:50\:dark, html.dark .sf-c-txt-lemonchiffon\:50\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-50)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:55\:dark, html.dark .sf-c-txt-lemonchiffon\:55\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-55)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:60\:dark, html.dark .sf-c-txt-lemonchiffon\:60\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-60)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:65\:dark, html.dark .sf-c-txt-lemonchiffon\:65\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-65)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:70\:dark, html.dark .sf-c-txt-lemonchiffon\:70\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-70)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:75\:dark, html.dark .sf-c-txt-lemonchiffon\:75\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-75)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:80\:dark, html.dark .sf-c-txt-lemonchiffon\:80\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-80)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:85\:dark, html.dark .sf-c-txt-lemonchiffon\:85\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-85)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:90\:dark, html.dark .sf-c-txt-lemonchiffon\:90\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-90)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:95\:dark, html.dark .sf-c-txt-lemonchiffon\:95\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-95)) } +html[data-theme='dark'] .sf-c-txt-lemonchiffon\:100\:dark, html.dark .sf-c-txt-lemonchiffon\:100\:dark { color: hsl(var(--sf-dark-c-txt-lemonchiffon-100)) } + html.var[data-theme='dark'] .sf-c-lemonchiffon, html.var.dark .sf-c-lemonchiffon { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 10%) } html.var[data-theme='dark'] .sf-c-lemonchiffon\:0, html.var.dark .sf-c-lemonchiffon\:0 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lemonchiffon\:5, html.var.dark .sf-c-lemonchiffon\:5 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lemonchiffon\:90\:dark, html.var.dark .sf-c-le html.var[data-theme='dark'] .sf-c-lemonchiffon\:95\:dark, html.var.dark .sf-c-lemonchiffon\:95\:dark { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 5%) } html.var[data-theme='dark'] .sf-c-lemonchiffon\:100\:dark, html.var.dark .sf-c-lemonchiffon\:100\:dark { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon, html.dark .sf-c-txt-lemonchiffon { color: hsl(54, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:0, html.dark .sf-c-txt-lemonchiffon\:0 { color: hsl(54, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:5, html.dark .sf-c-txt-lemonchiffon\:5 { color: hsl(54, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:10, html.dark .sf-c-txt-lemonchiffon\:10 { color: hsl(54, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:15, html.dark .sf-c-txt-lemonchiffon\:15 { color: hsl(54, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:20, html.dark .sf-c-txt-lemonchiffon\:20 { color: hsl(54, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:25, html.dark .sf-c-txt-lemonchiffon\:25 { color: hsl(54, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:30, html.dark .sf-c-txt-lemonchiffon\:30 { color: hsl(54, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:35, html.dark .sf-c-txt-lemonchiffon\:35 { color: hsl(54, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:40, html.dark .sf-c-txt-lemonchiffon\:40 { color: hsl(54, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:45, html.dark .sf-c-txt-lemonchiffon\:45 { color: hsl(54, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:50, html.dark .sf-c-txt-lemonchiffon\:50 { color: hsl(54, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:55, html.dark .sf-c-txt-lemonchiffon\:55 { color: hsl(54, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:60, html.dark .sf-c-txt-lemonchiffon\:60 { color: hsl(54, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:65, html.dark .sf-c-txt-lemonchiffon\:65 { color: hsl(54, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:70, html.dark .sf-c-txt-lemonchiffon\:70 { color: hsl(54, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:75, html.dark .sf-c-txt-lemonchiffon\:75 { color: hsl(54, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:80, html.dark .sf-c-txt-lemonchiffon\:80 { color: hsl(54, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:85, html.dark .sf-c-txt-lemonchiffon\:85 { color: hsl(54, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:90, html.dark .sf-c-txt-lemonchiffon\:90 { color: hsl(54, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:95, html.dark .sf-c-txt-lemonchiffon\:95 { color: hsl(54, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:100, html.dark .sf-c-txt-lemonchiffon\:100 { color: hsl(54, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:dark, html.dark .sf-c-txt-lemonchiffon\:dark { color: hsl(54, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:0\:dark, html.dark .sf-c-txt-lemonchiffon\:0\:dark { color: hsl(54, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:5\:dark, html.dark .sf-c-txt-lemonchiffon\:5\:dark { color: hsl(54, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:10\:dark, html.dark .sf-c-txt-lemonchiffon\:10\:dark { color: hsl(54, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:15\:dark, html.dark .sf-c-txt-lemonchiffon\:15\:dark { color: hsl(54, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:20\:dark, html.dark .sf-c-txt-lemonchiffon\:20\:dark { color: hsl(54, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:25\:dark, html.dark .sf-c-txt-lemonchiffon\:25\:dark { color: hsl(54, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:30\:dark, html.dark .sf-c-txt-lemonchiffon\:30\:dark { color: hsl(54, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:35\:dark, html.dark .sf-c-txt-lemonchiffon\:35\:dark { color: hsl(54, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:40\:dark, html.dark .sf-c-txt-lemonchiffon\:40\:dark { color: hsl(54, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:45\:dark, html.dark .sf-c-txt-lemonchiffon\:45\:dark { color: hsl(54, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:50\:dark, html.dark .sf-c-txt-lemonchiffon\:50\:dark { color: hsl(54, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:55\:dark, html.dark .sf-c-txt-lemonchiffon\:55\:dark { color: hsl(54, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:60\:dark, html.dark .sf-c-txt-lemonchiffon\:60\:dark { color: hsl(54, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:65\:dark, html.dark .sf-c-txt-lemonchiffon\:65\:dark { color: hsl(54, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:70\:dark, html.dark .sf-c-txt-lemonchiffon\:70\:dark { color: hsl(54, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:75\:dark, html.dark .sf-c-txt-lemonchiffon\:75\:dark { color: hsl(54, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:80\:dark, html.dark .sf-c-txt-lemonchiffon\:80\:dark { color: hsl(54, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:85\:dark, html.dark .sf-c-txt-lemonchiffon\:85\:dark { color: hsl(54, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:90\:dark, html.dark .sf-c-txt-lemonchiffon\:90\:dark { color: hsl(54, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:95\:dark, html.dark .sf-c-txt-lemonchiffon\:95\:dark { color: hsl(54, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lemonchiffon\:100\:dark, html.dark .sf-c-txt-lemonchiffon\:100\:dark { color: hsl(54, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lemonchiffon, html.auto .sf-c-lemonchiffon { color: hsl(var(--sf-dark-c-txt-lemonchiffon-95)); background: hsl(var(--sf-dark-c-lemonchiffon)) } html[data-theme='auto'] .sf-c-lemonchiffon\:0, html.auto .sf-c-lemonchiffon\:0 { color: hsl(var(--sf-dark-c-txt-lemonchiffon-95)); background: hsl(var(--sf-dark-c-lemonchiffon-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lemonchiffon\:100\:dark, html.var.dark .sf-c-l html[data-theme='auto'] .sf-c-lemonchiffon\:95\:dark, html.auto .sf-c-lemonchiffon\:95\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-95)); background: hsl(var(--sf-c-lemonchiffon-5)) } html[data-theme='auto'] .sf-c-lemonchiffon\:100\:dark, html.auto .sf-c-lemonchiffon\:100\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-95)); background: hsl(var(--sf-c-lemonchiffon-0)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon, html.auto .sf-c-txt-lemonchiffon { color: hsl(var(--sf-c-txt-lemonchiffon)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:0, html.auto .sf-c-txt-lemonchiffon\:0 { color: hsl(var(--sf-c-txt-lemonchiffon-0)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:5, html.auto .sf-c-txt-lemonchiffon\:5 { color: hsl(var(--sf-c-txt-lemonchiffon-5)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:10, html.auto .sf-c-txt-lemonchiffon\:10 { color: hsl(var(--sf-c-txt-lemonchiffon-10)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:15, html.auto .sf-c-txt-lemonchiffon\:15 { color: hsl(var(--sf-c-txt-lemonchiffon-15)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:20, html.auto .sf-c-txt-lemonchiffon\:20 { color: hsl(var(--sf-c-txt-lemonchiffon-20)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:25, html.auto .sf-c-txt-lemonchiffon\:25 { color: hsl(var(--sf-c-txt-lemonchiffon-25)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:30, html.auto .sf-c-txt-lemonchiffon\:30 { color: hsl(var(--sf-c-txt-lemonchiffon-30)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:35, html.auto .sf-c-txt-lemonchiffon\:35 { color: hsl(var(--sf-c-txt-lemonchiffon-35)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:40, html.auto .sf-c-txt-lemonchiffon\:40 { color: hsl(var(--sf-c-txt-lemonchiffon-40)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:45, html.auto .sf-c-txt-lemonchiffon\:45 { color: hsl(var(--sf-c-txt-lemonchiffon-45)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:50, html.auto .sf-c-txt-lemonchiffon\:50 { color: hsl(var(--sf-c-txt-lemonchiffon-50)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:55, html.auto .sf-c-txt-lemonchiffon\:55 { color: hsl(var(--sf-c-txt-lemonchiffon-55)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:60, html.auto .sf-c-txt-lemonchiffon\:60 { color: hsl(var(--sf-c-txt-lemonchiffon-60)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:65, html.auto .sf-c-txt-lemonchiffon\:65 { color: hsl(var(--sf-c-txt-lemonchiffon-65)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:70, html.auto .sf-c-txt-lemonchiffon\:70 { color: hsl(var(--sf-c-txt-lemonchiffon-70)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:75, html.auto .sf-c-txt-lemonchiffon\:75 { color: hsl(var(--sf-c-txt-lemonchiffon-75)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:80, html.auto .sf-c-txt-lemonchiffon\:80 { color: hsl(var(--sf-c-txt-lemonchiffon-80)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:85, html.auto .sf-c-txt-lemonchiffon\:85 { color: hsl(var(--sf-c-txt-lemonchiffon-85)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:90, html.auto .sf-c-txt-lemonchiffon\:90 { color: hsl(var(--sf-c-txt-lemonchiffon-90)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:95, html.auto .sf-c-txt-lemonchiffon\:95 { color: hsl(var(--sf-c-txt-lemonchiffon-95)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:100, html.auto .sf-c-txt-lemonchiffon\:100 { color: hsl(var(--sf-c-txt-lemonchiffon-100)) } + + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:dark, html.auto .sf-c-txt-lemonchiffon\:dark { color: hsl(var(--sf-c-txt-lemonchiffon)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:0\:dark, html.auto .sf-c-txt-lemonchiffon\:0\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-0)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:5\:dark, html.auto .sf-c-txt-lemonchiffon\:5\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-5)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:10\:dark, html.auto .sf-c-txt-lemonchiffon\:10\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-10)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:15\:dark, html.auto .sf-c-txt-lemonchiffon\:15\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-15)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:20\:dark, html.auto .sf-c-txt-lemonchiffon\:20\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-20)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:25\:dark, html.auto .sf-c-txt-lemonchiffon\:25\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-25)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:30\:dark, html.auto .sf-c-txt-lemonchiffon\:30\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-30)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:35\:dark, html.auto .sf-c-txt-lemonchiffon\:35\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-35)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:40\:dark, html.auto .sf-c-txt-lemonchiffon\:40\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-40)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:45\:dark, html.auto .sf-c-txt-lemonchiffon\:45\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-45)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:50\:dark, html.auto .sf-c-txt-lemonchiffon\:50\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-50)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:55\:dark, html.auto .sf-c-txt-lemonchiffon\:55\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-55)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:60\:dark, html.auto .sf-c-txt-lemonchiffon\:60\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-60)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:65\:dark, html.auto .sf-c-txt-lemonchiffon\:65\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-65)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:70\:dark, html.auto .sf-c-txt-lemonchiffon\:70\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-70)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:75\:dark, html.auto .sf-c-txt-lemonchiffon\:75\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-75)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:80\:dark, html.auto .sf-c-txt-lemonchiffon\:80\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-80)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:85\:dark, html.auto .sf-c-txt-lemonchiffon\:85\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-85)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:90\:dark, html.auto .sf-c-txt-lemonchiffon\:90\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-90)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:95\:dark, html.auto .sf-c-txt-lemonchiffon\:95\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-95)) } + html[data-theme='auto'] .sf-c-txt-lemonchiffon\:100\:dark, html.auto .sf-c-txt-lemonchiffon\:100\:dark { color: hsl(var(--sf-c-txt-lemonchiffon-100)) } + html.var[data-theme='auto'] .sf-c-lemonchiffon, html.var.auto .sf-c-lemonchiffon { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lemonchiffon\:0, html.var.auto .sf-c-lemonchiffon\:0 { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lemonchiffon\:5, html.var.auto .sf-c-lemonchiffon\:5 { color: hsl(54, 100%, 5%); background: hsl(54, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lemonchiffon\:100\:dark, html.var.dark .sf-c-l html.var[data-theme='auto'] .sf-c-lemonchiffon\:90\:dark, html.var.auto .sf-c-lemonchiffon\:90\:dark { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lemonchiffon\:95\:dark, html.var.auto .sf-c-lemonchiffon\:95\:dark { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 5%) } html.var[data-theme='auto'] .sf-c-lemonchiffon\:100\:dark, html.var.auto .sf-c-lemonchiffon\:100\:dark { color: hsl(54, 100%, 95%); background: hsl(54, 100%, 0%) } -} -.sf-c-txt-lemonchiffon { color: hsl(var(--sf-c-txt-lemonchiffon)) } -.sf-c-txt-lemonchiffon\:0 { color: hsl(var(--sf-c-txt-lemonchiffon-0)) } -.sf-c-txt-lemonchiffon\:5 { color: hsl(var(--sf-c-txt-lemonchiffon-5)) } -.sf-c-txt-lemonchiffon\:10 { color: hsl(var(--sf-c-txt-lemonchiffon-10)) } -.sf-c-txt-lemonchiffon\:15 { color: hsl(var(--sf-c-txt-lemonchiffon-15)) } -.sf-c-txt-lemonchiffon\:20 { color: hsl(var(--sf-c-txt-lemonchiffon-20)) } -.sf-c-txt-lemonchiffon\:25 { color: hsl(var(--sf-c-txt-lemonchiffon-25)) } -.sf-c-txt-lemonchiffon\:30 { color: hsl(var(--sf-c-txt-lemonchiffon-30)) } -.sf-c-txt-lemonchiffon\:35 { color: hsl(var(--sf-c-txt-lemonchiffon-35)) } -.sf-c-txt-lemonchiffon\:40 { color: hsl(var(--sf-c-txt-lemonchiffon-40)) } -.sf-c-txt-lemonchiffon\:45 { color: hsl(var(--sf-c-txt-lemonchiffon-45)) } -.sf-c-txt-lemonchiffon\:50 { color: hsl(var(--sf-c-txt-lemonchiffon-50)) } -.sf-c-txt-lemonchiffon\:55 { color: hsl(var(--sf-c-txt-lemonchiffon-55)) } -.sf-c-txt-lemonchiffon\:60 { color: hsl(var(--sf-c-txt-lemonchiffon-60)) } -.sf-c-txt-lemonchiffon\:65 { color: hsl(var(--sf-c-txt-lemonchiffon-65)) } -.sf-c-txt-lemonchiffon\:70 { color: hsl(var(--sf-c-txt-lemonchiffon-70)) } -.sf-c-txt-lemonchiffon\:75 { color: hsl(var(--sf-c-txt-lemonchiffon-75)) } -.sf-c-txt-lemonchiffon\:80 { color: hsl(var(--sf-c-txt-lemonchiffon-80)) } -.sf-c-txt-lemonchiffon\:85 { color: hsl(var(--sf-c-txt-lemonchiffon-85)) } -.sf-c-txt-lemonchiffon\:90 { color: hsl(var(--sf-c-txt-lemonchiffon-90)) } -.sf-c-txt-lemonchiffon\:95 { color: hsl(var(--sf-c-txt-lemonchiffon-95)) } -.sf-c-txt-lemonchiffon\:100 { color: hsl(var(--sf-c-txt-lemonchiffon-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon, html.auto .sf-c-txt-lemonchiffon { color: hsl(54, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:0, html.auto .sf-c-txt-lemonchiffon\:0 { color: hsl(54, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:5, html.auto .sf-c-txt-lemonchiffon\:5 { color: hsl(54, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:10, html.auto .sf-c-txt-lemonchiffon\:10 { color: hsl(54, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:15, html.auto .sf-c-txt-lemonchiffon\:15 { color: hsl(54, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:20, html.auto .sf-c-txt-lemonchiffon\:20 { color: hsl(54, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:25, html.auto .sf-c-txt-lemonchiffon\:25 { color: hsl(54, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:30, html.auto .sf-c-txt-lemonchiffon\:30 { color: hsl(54, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:35, html.auto .sf-c-txt-lemonchiffon\:35 { color: hsl(54, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:40, html.auto .sf-c-txt-lemonchiffon\:40 { color: hsl(54, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:45, html.auto .sf-c-txt-lemonchiffon\:45 { color: hsl(54, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:50, html.auto .sf-c-txt-lemonchiffon\:50 { color: hsl(54, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:55, html.auto .sf-c-txt-lemonchiffon\:55 { color: hsl(54, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:60, html.auto .sf-c-txt-lemonchiffon\:60 { color: hsl(54, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:65, html.auto .sf-c-txt-lemonchiffon\:65 { color: hsl(54, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:70, html.auto .sf-c-txt-lemonchiffon\:70 { color: hsl(54, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:75, html.auto .sf-c-txt-lemonchiffon\:75 { color: hsl(54, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:80, html.auto .sf-c-txt-lemonchiffon\:80 { color: hsl(54, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:85, html.auto .sf-c-txt-lemonchiffon\:85 { color: hsl(54, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:90, html.auto .sf-c-txt-lemonchiffon\:90 { color: hsl(54, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:95, html.auto .sf-c-txt-lemonchiffon\:95 { color: hsl(54, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:100, html.auto .sf-c-txt-lemonchiffon\:100 { color: hsl(54, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:dark, html.auto .sf-c-txt-lemonchiffon\:dark { color: hsl(54, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:0\:dark, html.auto .sf-c-txt-lemonchiffon\:0\:dark { color: hsl(54, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:5\:dark, html.auto .sf-c-txt-lemonchiffon\:5\:dark { color: hsl(54, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:10\:dark, html.auto .sf-c-txt-lemonchiffon\:10\:dark { color: hsl(54, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:15\:dark, html.auto .sf-c-txt-lemonchiffon\:15\:dark { color: hsl(54, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:20\:dark, html.auto .sf-c-txt-lemonchiffon\:20\:dark { color: hsl(54, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:25\:dark, html.auto .sf-c-txt-lemonchiffon\:25\:dark { color: hsl(54, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:30\:dark, html.auto .sf-c-txt-lemonchiffon\:30\:dark { color: hsl(54, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:35\:dark, html.auto .sf-c-txt-lemonchiffon\:35\:dark { color: hsl(54, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:40\:dark, html.auto .sf-c-txt-lemonchiffon\:40\:dark { color: hsl(54, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:45\:dark, html.auto .sf-c-txt-lemonchiffon\:45\:dark { color: hsl(54, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:50\:dark, html.auto .sf-c-txt-lemonchiffon\:50\:dark { color: hsl(54, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:55\:dark, html.auto .sf-c-txt-lemonchiffon\:55\:dark { color: hsl(54, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:60\:dark, html.auto .sf-c-txt-lemonchiffon\:60\:dark { color: hsl(54, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:65\:dark, html.auto .sf-c-txt-lemonchiffon\:65\:dark { color: hsl(54, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:70\:dark, html.auto .sf-c-txt-lemonchiffon\:70\:dark { color: hsl(54, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:75\:dark, html.auto .sf-c-txt-lemonchiffon\:75\:dark { color: hsl(54, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:80\:dark, html.auto .sf-c-txt-lemonchiffon\:80\:dark { color: hsl(54, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:85\:dark, html.auto .sf-c-txt-lemonchiffon\:85\:dark { color: hsl(54, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:90\:dark, html.auto .sf-c-txt-lemonchiffon\:90\:dark { color: hsl(54, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:95\:dark, html.auto .sf-c-txt-lemonchiffon\:95\:dark { color: hsl(54, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lemonchiffon\:100\:dark, html.auto .sf-c-txt-lemonchiffon\:100\:dark { color: hsl(54, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lightblue.css b/src/colors/20/lightblue.css index 006c087..e69bb1b 100644 --- a/src/colors/20/lightblue.css +++ b/src/colors/20/lightblue.css @@ -138,6 +138,52 @@ html.var .sf-c-lightblue\:90 { color: hsl(195, 53%, 5%); background: hsl(195, 53 html.var .sf-c-lightblue\:95 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 95%) } html.var .sf-c-lightblue\:100 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 100%) } +.sf-c-txt-lightblue { color: hsl(var(--sf-dark-c-txt-lightblue)) } +.sf-c-txt-lightblue\:0 { color: hsl(var(--sf-dark-c-txt-lightblue-100)) } +.sf-c-txt-lightblue\:5 { color: hsl(var(--sf-dark-c-txt-lightblue-95)) } +.sf-c-txt-lightblue\:10 { color: hsl(var(--sf-dark-c-txt-lightblue-90)) } +.sf-c-txt-lightblue\:15 { color: hsl(var(--sf-dark-c-txt-lightblue-85)) } +.sf-c-txt-lightblue\:20 { color: hsl(var(--sf-dark-c-txt-lightblue-80)) } +.sf-c-txt-lightblue\:25 { color: hsl(var(--sf-dark-c-txt-lightblue-75)) } +.sf-c-txt-lightblue\:30 { color: hsl(var(--sf-dark-c-txt-lightblue-70)) } +.sf-c-txt-lightblue\:35 { color: hsl(var(--sf-dark-c-txt-lightblue-65)) } +.sf-c-txt-lightblue\:40 { color: hsl(var(--sf-dark-c-txt-lightblue-60)) } +.sf-c-txt-lightblue\:45 { color: hsl(var(--sf-dark-c-txt-lightblue-55)) } +.sf-c-txt-lightblue\:50 { color: hsl(var(--sf-dark-c-txt-lightblue-50)) } +.sf-c-txt-lightblue\:55 { color: hsl(var(--sf-dark-c-txt-lightblue-45)) } +.sf-c-txt-lightblue\:60 { color: hsl(var(--sf-dark-c-txt-lightblue-40)) } +.sf-c-txt-lightblue\:65 { color: hsl(var(--sf-dark-c-txt-lightblue-35)) } +.sf-c-txt-lightblue\:70 { color: hsl(var(--sf-dark-c-txt-lightblue-30)) } +.sf-c-txt-lightblue\:75 { color: hsl(var(--sf-dark-c-txt-lightblue-25)) } +.sf-c-txt-lightblue\:80 { color: hsl(var(--sf-dark-c-txt-lightblue-20)) } +.sf-c-txt-lightblue\:85 { color: hsl(var(--sf-dark-c-txt-lightblue-15)) } +.sf-c-txt-lightblue\:90 { color: hsl(var(--sf-dark-c-txt-lightblue-10)) } +.sf-c-txt-lightblue\:95 { color: hsl(var(--sf-dark-c-txt-lightblue-5)) } +.sf-c-txt-lightblue\:100 { color: hsl(var(--sf-dark-c-txt-lightblue-0)) } + +html.var .sf-c-txt-lightblue { color: hsl(195, 53%, 21%) } +html.var .sf-c-txt-lightblue\:0 { color: hsl(195, 53%, 100%) } +html.var .sf-c-txt-lightblue\:5 { color: hsl(195, 53%, 95%) } +html.var .sf-c-txt-lightblue\:10 { color: hsl(195, 53%, 90%) } +html.var .sf-c-txt-lightblue\:15 { color: hsl(195, 53%, 85%) } +html.var .sf-c-txt-lightblue\:20 { color: hsl(195, 53%, 80%) } +html.var .sf-c-txt-lightblue\:25 { color: hsl(195, 53%, 75%) } +html.var .sf-c-txt-lightblue\:30 { color: hsl(195, 53%, 70%) } +html.var .sf-c-txt-lightblue\:35 { color: hsl(195, 53%, 65%) } +html.var .sf-c-txt-lightblue\:40 { color: hsl(195, 53%, 60%) } +html.var .sf-c-txt-lightblue\:45 { color: hsl(195, 53%, 55%) } +html.var .sf-c-txt-lightblue\:50 { color: hsl(195, 53%, 50%) } +html.var .sf-c-txt-lightblue\:55 { color: hsl(195, 53%, 45%) } +html.var .sf-c-txt-lightblue\:60 { color: hsl(195, 53%, 40%) } +html.var .sf-c-txt-lightblue\:65 { color: hsl(195, 53%, 35%) } +html.var .sf-c-txt-lightblue\:70 { color: hsl(195, 53%, 30%) } +html.var .sf-c-txt-lightblue\:75 { color: hsl(195, 53%, 25%) } +html.var .sf-c-txt-lightblue\:80 { color: hsl(195, 53%, 20%) } +html.var .sf-c-txt-lightblue\:85 { color: hsl(195, 53%, 15%) } +html.var .sf-c-txt-lightblue\:90 { color: hsl(195, 53%, 10%) } +html.var .sf-c-txt-lightblue\:95 { color: hsl(195, 53%, 5%) } +html.var .sf-c-txt-lightblue\:100 { color: hsl(195, 53%, 0%) } + html[data-theme='dark'] .sf-c-lightblue, html.dark .sf-c-lightblue { color: hsl(var(--sf-dark-c-txt-lightblue-95)); background: hsl(var(--sf-dark-c-lightblue)) } html[data-theme='dark'] .sf-c-lightblue\:0, html.dark .sf-c-lightblue\:0 { color: hsl(var(--sf-dark-c-txt-lightblue-95)); background: hsl(var(--sf-dark-c-lightblue-100)) } html[data-theme='dark'] .sf-c-lightblue\:5, html.dark .sf-c-lightblue\:5 { color: hsl(var(--sf-dark-c-txt-lightblue-5)); background: hsl(var(--sf-dark-c-lightblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lightblue\:90\:dark, html.dark .sf-c-lightblue\:90 html[data-theme='dark'] .sf-c-lightblue\:95\:dark, html.dark .sf-c-lightblue\:95\:dark { color: hsl(var(--sf-c-txt-lightblue-95)); background: hsl(var(--sf-c-lightblue-5)) } html[data-theme='dark'] .sf-c-lightblue\:100\:dark, html.dark .sf-c-lightblue\:100\:dark { color: hsl(var(--sf-c-txt-lightblue-95)); background: hsl(var(--sf-c-lightblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightblue, html.dark .sf-c-txt-lightblue { color: hsl(var(--sf-c-txt-lightblue)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:0, html.dark .sf-c-txt-lightblue\:0 { color: hsl(var(--sf-c-txt-lightblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:5, html.dark .sf-c-txt-lightblue\:5 { color: hsl(var(--sf-c-txt-lightblue-5)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:10, html.dark .sf-c-txt-lightblue\:10 { color: hsl(var(--sf-c-txt-lightblue-10)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:15, html.dark .sf-c-txt-lightblue\:15 { color: hsl(var(--sf-c-txt-lightblue-15)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:20, html.dark .sf-c-txt-lightblue\:20 { color: hsl(var(--sf-c-txt-lightblue-20)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:25, html.dark .sf-c-txt-lightblue\:25 { color: hsl(var(--sf-c-txt-lightblue-25)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:30, html.dark .sf-c-txt-lightblue\:30 { color: hsl(var(--sf-c-txt-lightblue-30)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:35, html.dark .sf-c-txt-lightblue\:35 { color: hsl(var(--sf-c-txt-lightblue-35)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:40, html.dark .sf-c-txt-lightblue\:40 { color: hsl(var(--sf-c-txt-lightblue-40)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:45, html.dark .sf-c-txt-lightblue\:45 { color: hsl(var(--sf-c-txt-lightblue-45)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:50, html.dark .sf-c-txt-lightblue\:50 { color: hsl(var(--sf-c-txt-lightblue-50)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:55, html.dark .sf-c-txt-lightblue\:55 { color: hsl(var(--sf-c-txt-lightblue-55)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:60, html.dark .sf-c-txt-lightblue\:60 { color: hsl(var(--sf-c-txt-lightblue-60)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:65, html.dark .sf-c-txt-lightblue\:65 { color: hsl(var(--sf-c-txt-lightblue-65)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:70, html.dark .sf-c-txt-lightblue\:70 { color: hsl(var(--sf-c-txt-lightblue-70)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:75, html.dark .sf-c-txt-lightblue\:75 { color: hsl(var(--sf-c-txt-lightblue-75)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:80, html.dark .sf-c-txt-lightblue\:80 { color: hsl(var(--sf-c-txt-lightblue-80)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:85, html.dark .sf-c-txt-lightblue\:85 { color: hsl(var(--sf-c-txt-lightblue-85)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:90, html.dark .sf-c-txt-lightblue\:90 { color: hsl(var(--sf-c-txt-lightblue-90)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:95, html.dark .sf-c-txt-lightblue\:95 { color: hsl(var(--sf-c-txt-lightblue-95)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:100, html.dark .sf-c-txt-lightblue\:100 { color: hsl(var(--sf-c-txt-lightblue-100)) } + +html[data-theme='dark'] .sf-c-txt-lightblue\:dark, html.dark .sf-c-txt-lightblue\:dark { color: hsl(var(--sf-c-txt-lightblue)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:0\:dark, html.dark .sf-c-txt-lightblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:5\:dark, html.dark .sf-c-txt-lightblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-5)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:10\:dark, html.dark .sf-c-txt-lightblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-10)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:15\:dark, html.dark .sf-c-txt-lightblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-15)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:20\:dark, html.dark .sf-c-txt-lightblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-20)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:25\:dark, html.dark .sf-c-txt-lightblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-25)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:30\:dark, html.dark .sf-c-txt-lightblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-30)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:35\:dark, html.dark .sf-c-txt-lightblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-35)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:40\:dark, html.dark .sf-c-txt-lightblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-40)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:45\:dark, html.dark .sf-c-txt-lightblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-45)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:50\:dark, html.dark .sf-c-txt-lightblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-50)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:55\:dark, html.dark .sf-c-txt-lightblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-55)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:60\:dark, html.dark .sf-c-txt-lightblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-60)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:65\:dark, html.dark .sf-c-txt-lightblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-65)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:70\:dark, html.dark .sf-c-txt-lightblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-70)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:75\:dark, html.dark .sf-c-txt-lightblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-75)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:80\:dark, html.dark .sf-c-txt-lightblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-80)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:85\:dark, html.dark .sf-c-txt-lightblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-85)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:90\:dark, html.dark .sf-c-txt-lightblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-90)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:95\:dark, html.dark .sf-c-txt-lightblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-95)) } +html[data-theme='dark'] .sf-c-txt-lightblue\:100\:dark, html.dark .sf-c-txt-lightblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightblue-100)) } + html.var[data-theme='dark'] .sf-c-lightblue, html.var.dark .sf-c-lightblue { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 21%) } html.var[data-theme='dark'] .sf-c-lightblue\:0, html.var.dark .sf-c-lightblue\:0 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 100%) } html.var[data-theme='dark'] .sf-c-lightblue\:5, html.var.dark .sf-c-lightblue\:5 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lightblue\:90\:dark, html.var.dark .sf-c-light html.var[data-theme='dark'] .sf-c-lightblue\:95\:dark, html.var.dark .sf-c-lightblue\:95\:dark { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 5%) } html.var[data-theme='dark'] .sf-c-lightblue\:100\:dark, html.var.dark .sf-c-lightblue\:100\:dark { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue, html.dark .sf-c-txt-lightblue { color: hsl(195, 53%, 79%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:0, html.dark .sf-c-txt-lightblue\:0 { color: hsl(195, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:5, html.dark .sf-c-txt-lightblue\:5 { color: hsl(195, 53%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:10, html.dark .sf-c-txt-lightblue\:10 { color: hsl(195, 53%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:15, html.dark .sf-c-txt-lightblue\:15 { color: hsl(195, 53%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:20, html.dark .sf-c-txt-lightblue\:20 { color: hsl(195, 53%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:25, html.dark .sf-c-txt-lightblue\:25 { color: hsl(195, 53%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:30, html.dark .sf-c-txt-lightblue\:30 { color: hsl(195, 53%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:35, html.dark .sf-c-txt-lightblue\:35 { color: hsl(195, 53%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:40, html.dark .sf-c-txt-lightblue\:40 { color: hsl(195, 53%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:45, html.dark .sf-c-txt-lightblue\:45 { color: hsl(195, 53%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:50, html.dark .sf-c-txt-lightblue\:50 { color: hsl(195, 53%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:55, html.dark .sf-c-txt-lightblue\:55 { color: hsl(195, 53%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:60, html.dark .sf-c-txt-lightblue\:60 { color: hsl(195, 53%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:65, html.dark .sf-c-txt-lightblue\:65 { color: hsl(195, 53%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:70, html.dark .sf-c-txt-lightblue\:70 { color: hsl(195, 53%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:75, html.dark .sf-c-txt-lightblue\:75 { color: hsl(195, 53%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:80, html.dark .sf-c-txt-lightblue\:80 { color: hsl(195, 53%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:85, html.dark .sf-c-txt-lightblue\:85 { color: hsl(195, 53%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:90, html.dark .sf-c-txt-lightblue\:90 { color: hsl(195, 53%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:95, html.dark .sf-c-txt-lightblue\:95 { color: hsl(195, 53%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:100, html.dark .sf-c-txt-lightblue\:100 { color: hsl(195, 53%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightblue\:dark, html.dark .sf-c-txt-lightblue\:dark { color: hsl(195, 53%, 79%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:0\:dark, html.dark .sf-c-txt-lightblue\:0\:dark { color: hsl(195, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:5\:dark, html.dark .sf-c-txt-lightblue\:5\:dark { color: hsl(195, 53%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:10\:dark, html.dark .sf-c-txt-lightblue\:10\:dark { color: hsl(195, 53%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:15\:dark, html.dark .sf-c-txt-lightblue\:15\:dark { color: hsl(195, 53%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:20\:dark, html.dark .sf-c-txt-lightblue\:20\:dark { color: hsl(195, 53%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:25\:dark, html.dark .sf-c-txt-lightblue\:25\:dark { color: hsl(195, 53%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:30\:dark, html.dark .sf-c-txt-lightblue\:30\:dark { color: hsl(195, 53%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:35\:dark, html.dark .sf-c-txt-lightblue\:35\:dark { color: hsl(195, 53%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:40\:dark, html.dark .sf-c-txt-lightblue\:40\:dark { color: hsl(195, 53%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:45\:dark, html.dark .sf-c-txt-lightblue\:45\:dark { color: hsl(195, 53%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:50\:dark, html.dark .sf-c-txt-lightblue\:50\:dark { color: hsl(195, 53%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:55\:dark, html.dark .sf-c-txt-lightblue\:55\:dark { color: hsl(195, 53%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:60\:dark, html.dark .sf-c-txt-lightblue\:60\:dark { color: hsl(195, 53%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:65\:dark, html.dark .sf-c-txt-lightblue\:65\:dark { color: hsl(195, 53%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:70\:dark, html.dark .sf-c-txt-lightblue\:70\:dark { color: hsl(195, 53%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:75\:dark, html.dark .sf-c-txt-lightblue\:75\:dark { color: hsl(195, 53%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:80\:dark, html.dark .sf-c-txt-lightblue\:80\:dark { color: hsl(195, 53%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:85\:dark, html.dark .sf-c-txt-lightblue\:85\:dark { color: hsl(195, 53%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:90\:dark, html.dark .sf-c-txt-lightblue\:90\:dark { color: hsl(195, 53%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:95\:dark, html.dark .sf-c-txt-lightblue\:95\:dark { color: hsl(195, 53%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightblue\:100\:dark, html.dark .sf-c-txt-lightblue\:100\:dark { color: hsl(195, 53%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightblue, html.auto .sf-c-lightblue { color: hsl(var(--sf-dark-c-txt-lightblue-95)); background: hsl(var(--sf-dark-c-lightblue)) } html[data-theme='auto'] .sf-c-lightblue\:0, html.auto .sf-c-lightblue\:0 { color: hsl(var(--sf-dark-c-txt-lightblue-95)); background: hsl(var(--sf-dark-c-lightblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lightblue\:100\:dark, html.var.dark .sf-c-ligh html[data-theme='auto'] .sf-c-lightblue\:95\:dark, html.auto .sf-c-lightblue\:95\:dark { color: hsl(var(--sf-c-txt-lightblue-95)); background: hsl(var(--sf-c-lightblue-5)) } html[data-theme='auto'] .sf-c-lightblue\:100\:dark, html.auto .sf-c-lightblue\:100\:dark { color: hsl(var(--sf-c-txt-lightblue-95)); background: hsl(var(--sf-c-lightblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightblue, html.auto .sf-c-txt-lightblue { color: hsl(var(--sf-c-txt-lightblue)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:0, html.auto .sf-c-txt-lightblue\:0 { color: hsl(var(--sf-c-txt-lightblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:5, html.auto .sf-c-txt-lightblue\:5 { color: hsl(var(--sf-c-txt-lightblue-5)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:10, html.auto .sf-c-txt-lightblue\:10 { color: hsl(var(--sf-c-txt-lightblue-10)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:15, html.auto .sf-c-txt-lightblue\:15 { color: hsl(var(--sf-c-txt-lightblue-15)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:20, html.auto .sf-c-txt-lightblue\:20 { color: hsl(var(--sf-c-txt-lightblue-20)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:25, html.auto .sf-c-txt-lightblue\:25 { color: hsl(var(--sf-c-txt-lightblue-25)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:30, html.auto .sf-c-txt-lightblue\:30 { color: hsl(var(--sf-c-txt-lightblue-30)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:35, html.auto .sf-c-txt-lightblue\:35 { color: hsl(var(--sf-c-txt-lightblue-35)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:40, html.auto .sf-c-txt-lightblue\:40 { color: hsl(var(--sf-c-txt-lightblue-40)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:45, html.auto .sf-c-txt-lightblue\:45 { color: hsl(var(--sf-c-txt-lightblue-45)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:50, html.auto .sf-c-txt-lightblue\:50 { color: hsl(var(--sf-c-txt-lightblue-50)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:55, html.auto .sf-c-txt-lightblue\:55 { color: hsl(var(--sf-c-txt-lightblue-55)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:60, html.auto .sf-c-txt-lightblue\:60 { color: hsl(var(--sf-c-txt-lightblue-60)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:65, html.auto .sf-c-txt-lightblue\:65 { color: hsl(var(--sf-c-txt-lightblue-65)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:70, html.auto .sf-c-txt-lightblue\:70 { color: hsl(var(--sf-c-txt-lightblue-70)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:75, html.auto .sf-c-txt-lightblue\:75 { color: hsl(var(--sf-c-txt-lightblue-75)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:80, html.auto .sf-c-txt-lightblue\:80 { color: hsl(var(--sf-c-txt-lightblue-80)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:85, html.auto .sf-c-txt-lightblue\:85 { color: hsl(var(--sf-c-txt-lightblue-85)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:90, html.auto .sf-c-txt-lightblue\:90 { color: hsl(var(--sf-c-txt-lightblue-90)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:95, html.auto .sf-c-txt-lightblue\:95 { color: hsl(var(--sf-c-txt-lightblue-95)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:100, html.auto .sf-c-txt-lightblue\:100 { color: hsl(var(--sf-c-txt-lightblue-100)) } + + html[data-theme='auto'] .sf-c-txt-lightblue\:dark, html.auto .sf-c-txt-lightblue\:dark { color: hsl(var(--sf-c-txt-lightblue)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:0\:dark, html.auto .sf-c-txt-lightblue\:0\:dark { color: hsl(var(--sf-c-txt-lightblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:5\:dark, html.auto .sf-c-txt-lightblue\:5\:dark { color: hsl(var(--sf-c-txt-lightblue-5)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:10\:dark, html.auto .sf-c-txt-lightblue\:10\:dark { color: hsl(var(--sf-c-txt-lightblue-10)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:15\:dark, html.auto .sf-c-txt-lightblue\:15\:dark { color: hsl(var(--sf-c-txt-lightblue-15)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:20\:dark, html.auto .sf-c-txt-lightblue\:20\:dark { color: hsl(var(--sf-c-txt-lightblue-20)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:25\:dark, html.auto .sf-c-txt-lightblue\:25\:dark { color: hsl(var(--sf-c-txt-lightblue-25)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:30\:dark, html.auto .sf-c-txt-lightblue\:30\:dark { color: hsl(var(--sf-c-txt-lightblue-30)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:35\:dark, html.auto .sf-c-txt-lightblue\:35\:dark { color: hsl(var(--sf-c-txt-lightblue-35)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:40\:dark, html.auto .sf-c-txt-lightblue\:40\:dark { color: hsl(var(--sf-c-txt-lightblue-40)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:45\:dark, html.auto .sf-c-txt-lightblue\:45\:dark { color: hsl(var(--sf-c-txt-lightblue-45)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:50\:dark, html.auto .sf-c-txt-lightblue\:50\:dark { color: hsl(var(--sf-c-txt-lightblue-50)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:55\:dark, html.auto .sf-c-txt-lightblue\:55\:dark { color: hsl(var(--sf-c-txt-lightblue-55)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:60\:dark, html.auto .sf-c-txt-lightblue\:60\:dark { color: hsl(var(--sf-c-txt-lightblue-60)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:65\:dark, html.auto .sf-c-txt-lightblue\:65\:dark { color: hsl(var(--sf-c-txt-lightblue-65)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:70\:dark, html.auto .sf-c-txt-lightblue\:70\:dark { color: hsl(var(--sf-c-txt-lightblue-70)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:75\:dark, html.auto .sf-c-txt-lightblue\:75\:dark { color: hsl(var(--sf-c-txt-lightblue-75)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:80\:dark, html.auto .sf-c-txt-lightblue\:80\:dark { color: hsl(var(--sf-c-txt-lightblue-80)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:85\:dark, html.auto .sf-c-txt-lightblue\:85\:dark { color: hsl(var(--sf-c-txt-lightblue-85)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:90\:dark, html.auto .sf-c-txt-lightblue\:90\:dark { color: hsl(var(--sf-c-txt-lightblue-90)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:95\:dark, html.auto .sf-c-txt-lightblue\:95\:dark { color: hsl(var(--sf-c-txt-lightblue-95)) } + html[data-theme='auto'] .sf-c-txt-lightblue\:100\:dark, html.auto .sf-c-txt-lightblue\:100\:dark { color: hsl(var(--sf-c-txt-lightblue-100)) } + html.var[data-theme='auto'] .sf-c-lightblue, html.var.auto .sf-c-lightblue { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 21%) } html.var[data-theme='auto'] .sf-c-lightblue\:0, html.var.auto .sf-c-lightblue\:0 { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 100%) } html.var[data-theme='auto'] .sf-c-lightblue\:5, html.var.auto .sf-c-lightblue\:5 { color: hsl(195, 53%, 5%); background: hsl(195, 53%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lightblue\:100\:dark, html.var.dark .sf-c-ligh html.var[data-theme='auto'] .sf-c-lightblue\:90\:dark, html.var.auto .sf-c-lightblue\:90\:dark { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 10%) } html.var[data-theme='auto'] .sf-c-lightblue\:95\:dark, html.var.auto .sf-c-lightblue\:95\:dark { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 5%) } html.var[data-theme='auto'] .sf-c-lightblue\:100\:dark, html.var.auto .sf-c-lightblue\:100\:dark { color: hsl(195, 53%, 95%); background: hsl(195, 53%, 0%) } -} -.sf-c-txt-lightblue { color: hsl(var(--sf-c-txt-lightblue)) } -.sf-c-txt-lightblue\:0 { color: hsl(var(--sf-c-txt-lightblue-0)) } -.sf-c-txt-lightblue\:5 { color: hsl(var(--sf-c-txt-lightblue-5)) } -.sf-c-txt-lightblue\:10 { color: hsl(var(--sf-c-txt-lightblue-10)) } -.sf-c-txt-lightblue\:15 { color: hsl(var(--sf-c-txt-lightblue-15)) } -.sf-c-txt-lightblue\:20 { color: hsl(var(--sf-c-txt-lightblue-20)) } -.sf-c-txt-lightblue\:25 { color: hsl(var(--sf-c-txt-lightblue-25)) } -.sf-c-txt-lightblue\:30 { color: hsl(var(--sf-c-txt-lightblue-30)) } -.sf-c-txt-lightblue\:35 { color: hsl(var(--sf-c-txt-lightblue-35)) } -.sf-c-txt-lightblue\:40 { color: hsl(var(--sf-c-txt-lightblue-40)) } -.sf-c-txt-lightblue\:45 { color: hsl(var(--sf-c-txt-lightblue-45)) } -.sf-c-txt-lightblue\:50 { color: hsl(var(--sf-c-txt-lightblue-50)) } -.sf-c-txt-lightblue\:55 { color: hsl(var(--sf-c-txt-lightblue-55)) } -.sf-c-txt-lightblue\:60 { color: hsl(var(--sf-c-txt-lightblue-60)) } -.sf-c-txt-lightblue\:65 { color: hsl(var(--sf-c-txt-lightblue-65)) } -.sf-c-txt-lightblue\:70 { color: hsl(var(--sf-c-txt-lightblue-70)) } -.sf-c-txt-lightblue\:75 { color: hsl(var(--sf-c-txt-lightblue-75)) } -.sf-c-txt-lightblue\:80 { color: hsl(var(--sf-c-txt-lightblue-80)) } -.sf-c-txt-lightblue\:85 { color: hsl(var(--sf-c-txt-lightblue-85)) } -.sf-c-txt-lightblue\:90 { color: hsl(var(--sf-c-txt-lightblue-90)) } -.sf-c-txt-lightblue\:95 { color: hsl(var(--sf-c-txt-lightblue-95)) } -.sf-c-txt-lightblue\:100 { color: hsl(var(--sf-c-txt-lightblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightblue, html.auto .sf-c-txt-lightblue { color: hsl(195, 53%, 79%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:0, html.auto .sf-c-txt-lightblue\:0 { color: hsl(195, 53%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:5, html.auto .sf-c-txt-lightblue\:5 { color: hsl(195, 53%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:10, html.auto .sf-c-txt-lightblue\:10 { color: hsl(195, 53%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:15, html.auto .sf-c-txt-lightblue\:15 { color: hsl(195, 53%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:20, html.auto .sf-c-txt-lightblue\:20 { color: hsl(195, 53%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:25, html.auto .sf-c-txt-lightblue\:25 { color: hsl(195, 53%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:30, html.auto .sf-c-txt-lightblue\:30 { color: hsl(195, 53%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:35, html.auto .sf-c-txt-lightblue\:35 { color: hsl(195, 53%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:40, html.auto .sf-c-txt-lightblue\:40 { color: hsl(195, 53%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:45, html.auto .sf-c-txt-lightblue\:45 { color: hsl(195, 53%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:50, html.auto .sf-c-txt-lightblue\:50 { color: hsl(195, 53%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:55, html.auto .sf-c-txt-lightblue\:55 { color: hsl(195, 53%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:60, html.auto .sf-c-txt-lightblue\:60 { color: hsl(195, 53%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:65, html.auto .sf-c-txt-lightblue\:65 { color: hsl(195, 53%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:70, html.auto .sf-c-txt-lightblue\:70 { color: hsl(195, 53%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:75, html.auto .sf-c-txt-lightblue\:75 { color: hsl(195, 53%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:80, html.auto .sf-c-txt-lightblue\:80 { color: hsl(195, 53%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:85, html.auto .sf-c-txt-lightblue\:85 { color: hsl(195, 53%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:90, html.auto .sf-c-txt-lightblue\:90 { color: hsl(195, 53%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:95, html.auto .sf-c-txt-lightblue\:95 { color: hsl(195, 53%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:100, html.auto .sf-c-txt-lightblue\:100 { color: hsl(195, 53%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightblue\:dark, html.auto .sf-c-txt-lightblue\:dark { color: hsl(195, 53%, 79%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:0\:dark, html.auto .sf-c-txt-lightblue\:0\:dark { color: hsl(195, 53%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:5\:dark, html.auto .sf-c-txt-lightblue\:5\:dark { color: hsl(195, 53%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:10\:dark, html.auto .sf-c-txt-lightblue\:10\:dark { color: hsl(195, 53%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:15\:dark, html.auto .sf-c-txt-lightblue\:15\:dark { color: hsl(195, 53%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:20\:dark, html.auto .sf-c-txt-lightblue\:20\:dark { color: hsl(195, 53%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:25\:dark, html.auto .sf-c-txt-lightblue\:25\:dark { color: hsl(195, 53%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:30\:dark, html.auto .sf-c-txt-lightblue\:30\:dark { color: hsl(195, 53%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:35\:dark, html.auto .sf-c-txt-lightblue\:35\:dark { color: hsl(195, 53%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:40\:dark, html.auto .sf-c-txt-lightblue\:40\:dark { color: hsl(195, 53%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:45\:dark, html.auto .sf-c-txt-lightblue\:45\:dark { color: hsl(195, 53%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:50\:dark, html.auto .sf-c-txt-lightblue\:50\:dark { color: hsl(195, 53%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:55\:dark, html.auto .sf-c-txt-lightblue\:55\:dark { color: hsl(195, 53%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:60\:dark, html.auto .sf-c-txt-lightblue\:60\:dark { color: hsl(195, 53%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:65\:dark, html.auto .sf-c-txt-lightblue\:65\:dark { color: hsl(195, 53%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:70\:dark, html.auto .sf-c-txt-lightblue\:70\:dark { color: hsl(195, 53%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:75\:dark, html.auto .sf-c-txt-lightblue\:75\:dark { color: hsl(195, 53%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:80\:dark, html.auto .sf-c-txt-lightblue\:80\:dark { color: hsl(195, 53%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:85\:dark, html.auto .sf-c-txt-lightblue\:85\:dark { color: hsl(195, 53%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:90\:dark, html.auto .sf-c-txt-lightblue\:90\:dark { color: hsl(195, 53%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:95\:dark, html.auto .sf-c-txt-lightblue\:95\:dark { color: hsl(195, 53%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightblue\:100\:dark, html.auto .sf-c-txt-lightblue\:100\:dark { color: hsl(195, 53%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lightcoral.css b/src/colors/20/lightcoral.css index ae2b298..05b228c 100644 --- a/src/colors/20/lightcoral.css +++ b/src/colors/20/lightcoral.css @@ -138,6 +138,52 @@ html.var .sf-c-lightcoral\:90 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, html.var .sf-c-lightcoral\:95 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 95%) } html.var .sf-c-lightcoral\:100 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 100%) } +.sf-c-txt-lightcoral { color: hsl(var(--sf-dark-c-txt-lightcoral)) } +.sf-c-txt-lightcoral\:0 { color: hsl(var(--sf-dark-c-txt-lightcoral-100)) } +.sf-c-txt-lightcoral\:5 { color: hsl(var(--sf-dark-c-txt-lightcoral-95)) } +.sf-c-txt-lightcoral\:10 { color: hsl(var(--sf-dark-c-txt-lightcoral-90)) } +.sf-c-txt-lightcoral\:15 { color: hsl(var(--sf-dark-c-txt-lightcoral-85)) } +.sf-c-txt-lightcoral\:20 { color: hsl(var(--sf-dark-c-txt-lightcoral-80)) } +.sf-c-txt-lightcoral\:25 { color: hsl(var(--sf-dark-c-txt-lightcoral-75)) } +.sf-c-txt-lightcoral\:30 { color: hsl(var(--sf-dark-c-txt-lightcoral-70)) } +.sf-c-txt-lightcoral\:35 { color: hsl(var(--sf-dark-c-txt-lightcoral-65)) } +.sf-c-txt-lightcoral\:40 { color: hsl(var(--sf-dark-c-txt-lightcoral-60)) } +.sf-c-txt-lightcoral\:45 { color: hsl(var(--sf-dark-c-txt-lightcoral-55)) } +.sf-c-txt-lightcoral\:50 { color: hsl(var(--sf-dark-c-txt-lightcoral-50)) } +.sf-c-txt-lightcoral\:55 { color: hsl(var(--sf-dark-c-txt-lightcoral-45)) } +.sf-c-txt-lightcoral\:60 { color: hsl(var(--sf-dark-c-txt-lightcoral-40)) } +.sf-c-txt-lightcoral\:65 { color: hsl(var(--sf-dark-c-txt-lightcoral-35)) } +.sf-c-txt-lightcoral\:70 { color: hsl(var(--sf-dark-c-txt-lightcoral-30)) } +.sf-c-txt-lightcoral\:75 { color: hsl(var(--sf-dark-c-txt-lightcoral-25)) } +.sf-c-txt-lightcoral\:80 { color: hsl(var(--sf-dark-c-txt-lightcoral-20)) } +.sf-c-txt-lightcoral\:85 { color: hsl(var(--sf-dark-c-txt-lightcoral-15)) } +.sf-c-txt-lightcoral\:90 { color: hsl(var(--sf-dark-c-txt-lightcoral-10)) } +.sf-c-txt-lightcoral\:95 { color: hsl(var(--sf-dark-c-txt-lightcoral-5)) } +.sf-c-txt-lightcoral\:100 { color: hsl(var(--sf-dark-c-txt-lightcoral-0)) } + +html.var .sf-c-txt-lightcoral { color: hsl(0, 79%, 28%) } +html.var .sf-c-txt-lightcoral\:0 { color: hsl(0, 79%, 100%) } +html.var .sf-c-txt-lightcoral\:5 { color: hsl(0, 79%, 95%) } +html.var .sf-c-txt-lightcoral\:10 { color: hsl(0, 79%, 90%) } +html.var .sf-c-txt-lightcoral\:15 { color: hsl(0, 79%, 85%) } +html.var .sf-c-txt-lightcoral\:20 { color: hsl(0, 79%, 80%) } +html.var .sf-c-txt-lightcoral\:25 { color: hsl(0, 79%, 75%) } +html.var .sf-c-txt-lightcoral\:30 { color: hsl(0, 79%, 70%) } +html.var .sf-c-txt-lightcoral\:35 { color: hsl(0, 79%, 65%) } +html.var .sf-c-txt-lightcoral\:40 { color: hsl(0, 79%, 60%) } +html.var .sf-c-txt-lightcoral\:45 { color: hsl(0, 79%, 55%) } +html.var .sf-c-txt-lightcoral\:50 { color: hsl(0, 79%, 50%) } +html.var .sf-c-txt-lightcoral\:55 { color: hsl(0, 79%, 45%) } +html.var .sf-c-txt-lightcoral\:60 { color: hsl(0, 79%, 40%) } +html.var .sf-c-txt-lightcoral\:65 { color: hsl(0, 79%, 35%) } +html.var .sf-c-txt-lightcoral\:70 { color: hsl(0, 79%, 30%) } +html.var .sf-c-txt-lightcoral\:75 { color: hsl(0, 79%, 25%) } +html.var .sf-c-txt-lightcoral\:80 { color: hsl(0, 79%, 20%) } +html.var .sf-c-txt-lightcoral\:85 { color: hsl(0, 79%, 15%) } +html.var .sf-c-txt-lightcoral\:90 { color: hsl(0, 79%, 10%) } +html.var .sf-c-txt-lightcoral\:95 { color: hsl(0, 79%, 5%) } +html.var .sf-c-txt-lightcoral\:100 { color: hsl(0, 79%, 0%) } + html[data-theme='dark'] .sf-c-lightcoral, html.dark .sf-c-lightcoral { color: hsl(var(--sf-dark-c-txt-lightcoral-95)); background: hsl(var(--sf-dark-c-lightcoral)) } html[data-theme='dark'] .sf-c-lightcoral\:0, html.dark .sf-c-lightcoral\:0 { color: hsl(var(--sf-dark-c-txt-lightcoral-95)); background: hsl(var(--sf-dark-c-lightcoral-100)) } html[data-theme='dark'] .sf-c-lightcoral\:5, html.dark .sf-c-lightcoral\:5 { color: hsl(var(--sf-dark-c-txt-lightcoral-5)); background: hsl(var(--sf-dark-c-lightcoral-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lightcoral\:90\:dark, html.dark .sf-c-lightcoral\: html[data-theme='dark'] .sf-c-lightcoral\:95\:dark, html.dark .sf-c-lightcoral\:95\:dark { color: hsl(var(--sf-c-txt-lightcoral-95)); background: hsl(var(--sf-c-lightcoral-5)) } html[data-theme='dark'] .sf-c-lightcoral\:100\:dark, html.dark .sf-c-lightcoral\:100\:dark { color: hsl(var(--sf-c-txt-lightcoral-95)); background: hsl(var(--sf-c-lightcoral-0)) } +html[data-theme='dark'] .sf-c-txt-lightcoral, html.dark .sf-c-txt-lightcoral { color: hsl(var(--sf-c-txt-lightcoral)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:0, html.dark .sf-c-txt-lightcoral\:0 { color: hsl(var(--sf-c-txt-lightcoral-0)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:5, html.dark .sf-c-txt-lightcoral\:5 { color: hsl(var(--sf-c-txt-lightcoral-5)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:10, html.dark .sf-c-txt-lightcoral\:10 { color: hsl(var(--sf-c-txt-lightcoral-10)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:15, html.dark .sf-c-txt-lightcoral\:15 { color: hsl(var(--sf-c-txt-lightcoral-15)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:20, html.dark .sf-c-txt-lightcoral\:20 { color: hsl(var(--sf-c-txt-lightcoral-20)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:25, html.dark .sf-c-txt-lightcoral\:25 { color: hsl(var(--sf-c-txt-lightcoral-25)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:30, html.dark .sf-c-txt-lightcoral\:30 { color: hsl(var(--sf-c-txt-lightcoral-30)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:35, html.dark .sf-c-txt-lightcoral\:35 { color: hsl(var(--sf-c-txt-lightcoral-35)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:40, html.dark .sf-c-txt-lightcoral\:40 { color: hsl(var(--sf-c-txt-lightcoral-40)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:45, html.dark .sf-c-txt-lightcoral\:45 { color: hsl(var(--sf-c-txt-lightcoral-45)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:50, html.dark .sf-c-txt-lightcoral\:50 { color: hsl(var(--sf-c-txt-lightcoral-50)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:55, html.dark .sf-c-txt-lightcoral\:55 { color: hsl(var(--sf-c-txt-lightcoral-55)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:60, html.dark .sf-c-txt-lightcoral\:60 { color: hsl(var(--sf-c-txt-lightcoral-60)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:65, html.dark .sf-c-txt-lightcoral\:65 { color: hsl(var(--sf-c-txt-lightcoral-65)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:70, html.dark .sf-c-txt-lightcoral\:70 { color: hsl(var(--sf-c-txt-lightcoral-70)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:75, html.dark .sf-c-txt-lightcoral\:75 { color: hsl(var(--sf-c-txt-lightcoral-75)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:80, html.dark .sf-c-txt-lightcoral\:80 { color: hsl(var(--sf-c-txt-lightcoral-80)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:85, html.dark .sf-c-txt-lightcoral\:85 { color: hsl(var(--sf-c-txt-lightcoral-85)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:90, html.dark .sf-c-txt-lightcoral\:90 { color: hsl(var(--sf-c-txt-lightcoral-90)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:95, html.dark .sf-c-txt-lightcoral\:95 { color: hsl(var(--sf-c-txt-lightcoral-95)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:100, html.dark .sf-c-txt-lightcoral\:100 { color: hsl(var(--sf-c-txt-lightcoral-100)) } + +html[data-theme='dark'] .sf-c-txt-lightcoral\:dark, html.dark .sf-c-txt-lightcoral\:dark { color: hsl(var(--sf-c-txt-lightcoral)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:0\:dark, html.dark .sf-c-txt-lightcoral\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-0)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:5\:dark, html.dark .sf-c-txt-lightcoral\:5\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-5)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:10\:dark, html.dark .sf-c-txt-lightcoral\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-10)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:15\:dark, html.dark .sf-c-txt-lightcoral\:15\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-15)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:20\:dark, html.dark .sf-c-txt-lightcoral\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-20)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:25\:dark, html.dark .sf-c-txt-lightcoral\:25\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-25)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:30\:dark, html.dark .sf-c-txt-lightcoral\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-30)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:35\:dark, html.dark .sf-c-txt-lightcoral\:35\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-35)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:40\:dark, html.dark .sf-c-txt-lightcoral\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-40)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:45\:dark, html.dark .sf-c-txt-lightcoral\:45\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-45)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:50\:dark, html.dark .sf-c-txt-lightcoral\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-50)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:55\:dark, html.dark .sf-c-txt-lightcoral\:55\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-55)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:60\:dark, html.dark .sf-c-txt-lightcoral\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-60)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:65\:dark, html.dark .sf-c-txt-lightcoral\:65\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-65)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:70\:dark, html.dark .sf-c-txt-lightcoral\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-70)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:75\:dark, html.dark .sf-c-txt-lightcoral\:75\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-75)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:80\:dark, html.dark .sf-c-txt-lightcoral\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-80)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:85\:dark, html.dark .sf-c-txt-lightcoral\:85\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-85)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:90\:dark, html.dark .sf-c-txt-lightcoral\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-90)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:95\:dark, html.dark .sf-c-txt-lightcoral\:95\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-95)) } +html[data-theme='dark'] .sf-c-txt-lightcoral\:100\:dark, html.dark .sf-c-txt-lightcoral\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightcoral-100)) } + html.var[data-theme='dark'] .sf-c-lightcoral, html.var.dark .sf-c-lightcoral { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 28%) } html.var[data-theme='dark'] .sf-c-lightcoral\:0, html.var.dark .sf-c-lightcoral\:0 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 100%) } html.var[data-theme='dark'] .sf-c-lightcoral\:5, html.var.dark .sf-c-lightcoral\:5 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lightcoral\:90\:dark, html.var.dark .sf-c-ligh html.var[data-theme='dark'] .sf-c-lightcoral\:95\:dark, html.var.dark .sf-c-lightcoral\:95\:dark { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 5%) } html.var[data-theme='dark'] .sf-c-lightcoral\:100\:dark, html.var.dark .sf-c-lightcoral\:100\:dark { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral, html.dark .sf-c-txt-lightcoral { color: hsl(0, 79%, 72%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:0, html.dark .sf-c-txt-lightcoral\:0 { color: hsl(0, 79%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:5, html.dark .sf-c-txt-lightcoral\:5 { color: hsl(0, 79%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:10, html.dark .sf-c-txt-lightcoral\:10 { color: hsl(0, 79%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:15, html.dark .sf-c-txt-lightcoral\:15 { color: hsl(0, 79%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:20, html.dark .sf-c-txt-lightcoral\:20 { color: hsl(0, 79%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:25, html.dark .sf-c-txt-lightcoral\:25 { color: hsl(0, 79%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:30, html.dark .sf-c-txt-lightcoral\:30 { color: hsl(0, 79%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:35, html.dark .sf-c-txt-lightcoral\:35 { color: hsl(0, 79%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:40, html.dark .sf-c-txt-lightcoral\:40 { color: hsl(0, 79%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:45, html.dark .sf-c-txt-lightcoral\:45 { color: hsl(0, 79%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:50, html.dark .sf-c-txt-lightcoral\:50 { color: hsl(0, 79%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:55, html.dark .sf-c-txt-lightcoral\:55 { color: hsl(0, 79%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:60, html.dark .sf-c-txt-lightcoral\:60 { color: hsl(0, 79%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:65, html.dark .sf-c-txt-lightcoral\:65 { color: hsl(0, 79%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:70, html.dark .sf-c-txt-lightcoral\:70 { color: hsl(0, 79%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:75, html.dark .sf-c-txt-lightcoral\:75 { color: hsl(0, 79%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:80, html.dark .sf-c-txt-lightcoral\:80 { color: hsl(0, 79%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:85, html.dark .sf-c-txt-lightcoral\:85 { color: hsl(0, 79%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:90, html.dark .sf-c-txt-lightcoral\:90 { color: hsl(0, 79%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:95, html.dark .sf-c-txt-lightcoral\:95 { color: hsl(0, 79%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:100, html.dark .sf-c-txt-lightcoral\:100 { color: hsl(0, 79%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:dark, html.dark .sf-c-txt-lightcoral\:dark { color: hsl(0, 79%, 72%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:0\:dark, html.dark .sf-c-txt-lightcoral\:0\:dark { color: hsl(0, 79%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:5\:dark, html.dark .sf-c-txt-lightcoral\:5\:dark { color: hsl(0, 79%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:10\:dark, html.dark .sf-c-txt-lightcoral\:10\:dark { color: hsl(0, 79%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:15\:dark, html.dark .sf-c-txt-lightcoral\:15\:dark { color: hsl(0, 79%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:20\:dark, html.dark .sf-c-txt-lightcoral\:20\:dark { color: hsl(0, 79%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:25\:dark, html.dark .sf-c-txt-lightcoral\:25\:dark { color: hsl(0, 79%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:30\:dark, html.dark .sf-c-txt-lightcoral\:30\:dark { color: hsl(0, 79%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:35\:dark, html.dark .sf-c-txt-lightcoral\:35\:dark { color: hsl(0, 79%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:40\:dark, html.dark .sf-c-txt-lightcoral\:40\:dark { color: hsl(0, 79%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:45\:dark, html.dark .sf-c-txt-lightcoral\:45\:dark { color: hsl(0, 79%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:50\:dark, html.dark .sf-c-txt-lightcoral\:50\:dark { color: hsl(0, 79%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:55\:dark, html.dark .sf-c-txt-lightcoral\:55\:dark { color: hsl(0, 79%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:60\:dark, html.dark .sf-c-txt-lightcoral\:60\:dark { color: hsl(0, 79%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:65\:dark, html.dark .sf-c-txt-lightcoral\:65\:dark { color: hsl(0, 79%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:70\:dark, html.dark .sf-c-txt-lightcoral\:70\:dark { color: hsl(0, 79%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:75\:dark, html.dark .sf-c-txt-lightcoral\:75\:dark { color: hsl(0, 79%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:80\:dark, html.dark .sf-c-txt-lightcoral\:80\:dark { color: hsl(0, 79%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:85\:dark, html.dark .sf-c-txt-lightcoral\:85\:dark { color: hsl(0, 79%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:90\:dark, html.dark .sf-c-txt-lightcoral\:90\:dark { color: hsl(0, 79%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:95\:dark, html.dark .sf-c-txt-lightcoral\:95\:dark { color: hsl(0, 79%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightcoral\:100\:dark, html.dark .sf-c-txt-lightcoral\:100\:dark { color: hsl(0, 79%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightcoral, html.auto .sf-c-lightcoral { color: hsl(var(--sf-dark-c-txt-lightcoral-95)); background: hsl(var(--sf-dark-c-lightcoral)) } html[data-theme='auto'] .sf-c-lightcoral\:0, html.auto .sf-c-lightcoral\:0 { color: hsl(var(--sf-dark-c-txt-lightcoral-95)); background: hsl(var(--sf-dark-c-lightcoral-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lightcoral\:100\:dark, html.var.dark .sf-c-lig html[data-theme='auto'] .sf-c-lightcoral\:95\:dark, html.auto .sf-c-lightcoral\:95\:dark { color: hsl(var(--sf-c-txt-lightcoral-95)); background: hsl(var(--sf-c-lightcoral-5)) } html[data-theme='auto'] .sf-c-lightcoral\:100\:dark, html.auto .sf-c-lightcoral\:100\:dark { color: hsl(var(--sf-c-txt-lightcoral-95)); background: hsl(var(--sf-c-lightcoral-0)) } + html[data-theme='auto'] .sf-c-txt-lightcoral, html.auto .sf-c-txt-lightcoral { color: hsl(var(--sf-c-txt-lightcoral)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:0, html.auto .sf-c-txt-lightcoral\:0 { color: hsl(var(--sf-c-txt-lightcoral-0)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:5, html.auto .sf-c-txt-lightcoral\:5 { color: hsl(var(--sf-c-txt-lightcoral-5)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:10, html.auto .sf-c-txt-lightcoral\:10 { color: hsl(var(--sf-c-txt-lightcoral-10)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:15, html.auto .sf-c-txt-lightcoral\:15 { color: hsl(var(--sf-c-txt-lightcoral-15)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:20, html.auto .sf-c-txt-lightcoral\:20 { color: hsl(var(--sf-c-txt-lightcoral-20)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:25, html.auto .sf-c-txt-lightcoral\:25 { color: hsl(var(--sf-c-txt-lightcoral-25)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:30, html.auto .sf-c-txt-lightcoral\:30 { color: hsl(var(--sf-c-txt-lightcoral-30)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:35, html.auto .sf-c-txt-lightcoral\:35 { color: hsl(var(--sf-c-txt-lightcoral-35)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:40, html.auto .sf-c-txt-lightcoral\:40 { color: hsl(var(--sf-c-txt-lightcoral-40)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:45, html.auto .sf-c-txt-lightcoral\:45 { color: hsl(var(--sf-c-txt-lightcoral-45)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:50, html.auto .sf-c-txt-lightcoral\:50 { color: hsl(var(--sf-c-txt-lightcoral-50)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:55, html.auto .sf-c-txt-lightcoral\:55 { color: hsl(var(--sf-c-txt-lightcoral-55)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:60, html.auto .sf-c-txt-lightcoral\:60 { color: hsl(var(--sf-c-txt-lightcoral-60)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:65, html.auto .sf-c-txt-lightcoral\:65 { color: hsl(var(--sf-c-txt-lightcoral-65)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:70, html.auto .sf-c-txt-lightcoral\:70 { color: hsl(var(--sf-c-txt-lightcoral-70)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:75, html.auto .sf-c-txt-lightcoral\:75 { color: hsl(var(--sf-c-txt-lightcoral-75)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:80, html.auto .sf-c-txt-lightcoral\:80 { color: hsl(var(--sf-c-txt-lightcoral-80)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:85, html.auto .sf-c-txt-lightcoral\:85 { color: hsl(var(--sf-c-txt-lightcoral-85)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:90, html.auto .sf-c-txt-lightcoral\:90 { color: hsl(var(--sf-c-txt-lightcoral-90)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:95, html.auto .sf-c-txt-lightcoral\:95 { color: hsl(var(--sf-c-txt-lightcoral-95)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:100, html.auto .sf-c-txt-lightcoral\:100 { color: hsl(var(--sf-c-txt-lightcoral-100)) } + + html[data-theme='auto'] .sf-c-txt-lightcoral\:dark, html.auto .sf-c-txt-lightcoral\:dark { color: hsl(var(--sf-c-txt-lightcoral)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:0\:dark, html.auto .sf-c-txt-lightcoral\:0\:dark { color: hsl(var(--sf-c-txt-lightcoral-0)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:5\:dark, html.auto .sf-c-txt-lightcoral\:5\:dark { color: hsl(var(--sf-c-txt-lightcoral-5)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:10\:dark, html.auto .sf-c-txt-lightcoral\:10\:dark { color: hsl(var(--sf-c-txt-lightcoral-10)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:15\:dark, html.auto .sf-c-txt-lightcoral\:15\:dark { color: hsl(var(--sf-c-txt-lightcoral-15)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:20\:dark, html.auto .sf-c-txt-lightcoral\:20\:dark { color: hsl(var(--sf-c-txt-lightcoral-20)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:25\:dark, html.auto .sf-c-txt-lightcoral\:25\:dark { color: hsl(var(--sf-c-txt-lightcoral-25)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:30\:dark, html.auto .sf-c-txt-lightcoral\:30\:dark { color: hsl(var(--sf-c-txt-lightcoral-30)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:35\:dark, html.auto .sf-c-txt-lightcoral\:35\:dark { color: hsl(var(--sf-c-txt-lightcoral-35)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:40\:dark, html.auto .sf-c-txt-lightcoral\:40\:dark { color: hsl(var(--sf-c-txt-lightcoral-40)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:45\:dark, html.auto .sf-c-txt-lightcoral\:45\:dark { color: hsl(var(--sf-c-txt-lightcoral-45)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:50\:dark, html.auto .sf-c-txt-lightcoral\:50\:dark { color: hsl(var(--sf-c-txt-lightcoral-50)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:55\:dark, html.auto .sf-c-txt-lightcoral\:55\:dark { color: hsl(var(--sf-c-txt-lightcoral-55)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:60\:dark, html.auto .sf-c-txt-lightcoral\:60\:dark { color: hsl(var(--sf-c-txt-lightcoral-60)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:65\:dark, html.auto .sf-c-txt-lightcoral\:65\:dark { color: hsl(var(--sf-c-txt-lightcoral-65)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:70\:dark, html.auto .sf-c-txt-lightcoral\:70\:dark { color: hsl(var(--sf-c-txt-lightcoral-70)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:75\:dark, html.auto .sf-c-txt-lightcoral\:75\:dark { color: hsl(var(--sf-c-txt-lightcoral-75)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:80\:dark, html.auto .sf-c-txt-lightcoral\:80\:dark { color: hsl(var(--sf-c-txt-lightcoral-80)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:85\:dark, html.auto .sf-c-txt-lightcoral\:85\:dark { color: hsl(var(--sf-c-txt-lightcoral-85)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:90\:dark, html.auto .sf-c-txt-lightcoral\:90\:dark { color: hsl(var(--sf-c-txt-lightcoral-90)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:95\:dark, html.auto .sf-c-txt-lightcoral\:95\:dark { color: hsl(var(--sf-c-txt-lightcoral-95)) } + html[data-theme='auto'] .sf-c-txt-lightcoral\:100\:dark, html.auto .sf-c-txt-lightcoral\:100\:dark { color: hsl(var(--sf-c-txt-lightcoral-100)) } + html.var[data-theme='auto'] .sf-c-lightcoral, html.var.auto .sf-c-lightcoral { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 28%) } html.var[data-theme='auto'] .sf-c-lightcoral\:0, html.var.auto .sf-c-lightcoral\:0 { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 100%) } html.var[data-theme='auto'] .sf-c-lightcoral\:5, html.var.auto .sf-c-lightcoral\:5 { color: hsl(0, 79%, 5%); background: hsl(0, 79%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lightcoral\:100\:dark, html.var.dark .sf-c-lig html.var[data-theme='auto'] .sf-c-lightcoral\:90\:dark, html.var.auto .sf-c-lightcoral\:90\:dark { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 10%) } html.var[data-theme='auto'] .sf-c-lightcoral\:95\:dark, html.var.auto .sf-c-lightcoral\:95\:dark { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 5%) } html.var[data-theme='auto'] .sf-c-lightcoral\:100\:dark, html.var.auto .sf-c-lightcoral\:100\:dark { color: hsl(0, 79%, 95%); background: hsl(0, 79%, 0%) } -} -.sf-c-txt-lightcoral { color: hsl(var(--sf-c-txt-lightcoral)) } -.sf-c-txt-lightcoral\:0 { color: hsl(var(--sf-c-txt-lightcoral-0)) } -.sf-c-txt-lightcoral\:5 { color: hsl(var(--sf-c-txt-lightcoral-5)) } -.sf-c-txt-lightcoral\:10 { color: hsl(var(--sf-c-txt-lightcoral-10)) } -.sf-c-txt-lightcoral\:15 { color: hsl(var(--sf-c-txt-lightcoral-15)) } -.sf-c-txt-lightcoral\:20 { color: hsl(var(--sf-c-txt-lightcoral-20)) } -.sf-c-txt-lightcoral\:25 { color: hsl(var(--sf-c-txt-lightcoral-25)) } -.sf-c-txt-lightcoral\:30 { color: hsl(var(--sf-c-txt-lightcoral-30)) } -.sf-c-txt-lightcoral\:35 { color: hsl(var(--sf-c-txt-lightcoral-35)) } -.sf-c-txt-lightcoral\:40 { color: hsl(var(--sf-c-txt-lightcoral-40)) } -.sf-c-txt-lightcoral\:45 { color: hsl(var(--sf-c-txt-lightcoral-45)) } -.sf-c-txt-lightcoral\:50 { color: hsl(var(--sf-c-txt-lightcoral-50)) } -.sf-c-txt-lightcoral\:55 { color: hsl(var(--sf-c-txt-lightcoral-55)) } -.sf-c-txt-lightcoral\:60 { color: hsl(var(--sf-c-txt-lightcoral-60)) } -.sf-c-txt-lightcoral\:65 { color: hsl(var(--sf-c-txt-lightcoral-65)) } -.sf-c-txt-lightcoral\:70 { color: hsl(var(--sf-c-txt-lightcoral-70)) } -.sf-c-txt-lightcoral\:75 { color: hsl(var(--sf-c-txt-lightcoral-75)) } -.sf-c-txt-lightcoral\:80 { color: hsl(var(--sf-c-txt-lightcoral-80)) } -.sf-c-txt-lightcoral\:85 { color: hsl(var(--sf-c-txt-lightcoral-85)) } -.sf-c-txt-lightcoral\:90 { color: hsl(var(--sf-c-txt-lightcoral-90)) } -.sf-c-txt-lightcoral\:95 { color: hsl(var(--sf-c-txt-lightcoral-95)) } -.sf-c-txt-lightcoral\:100 { color: hsl(var(--sf-c-txt-lightcoral-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightcoral, html.auto .sf-c-txt-lightcoral { color: hsl(0, 79%, 72%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:0, html.auto .sf-c-txt-lightcoral\:0 { color: hsl(0, 79%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:5, html.auto .sf-c-txt-lightcoral\:5 { color: hsl(0, 79%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:10, html.auto .sf-c-txt-lightcoral\:10 { color: hsl(0, 79%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:15, html.auto .sf-c-txt-lightcoral\:15 { color: hsl(0, 79%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:20, html.auto .sf-c-txt-lightcoral\:20 { color: hsl(0, 79%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:25, html.auto .sf-c-txt-lightcoral\:25 { color: hsl(0, 79%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:30, html.auto .sf-c-txt-lightcoral\:30 { color: hsl(0, 79%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:35, html.auto .sf-c-txt-lightcoral\:35 { color: hsl(0, 79%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:40, html.auto .sf-c-txt-lightcoral\:40 { color: hsl(0, 79%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:45, html.auto .sf-c-txt-lightcoral\:45 { color: hsl(0, 79%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:50, html.auto .sf-c-txt-lightcoral\:50 { color: hsl(0, 79%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:55, html.auto .sf-c-txt-lightcoral\:55 { color: hsl(0, 79%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:60, html.auto .sf-c-txt-lightcoral\:60 { color: hsl(0, 79%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:65, html.auto .sf-c-txt-lightcoral\:65 { color: hsl(0, 79%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:70, html.auto .sf-c-txt-lightcoral\:70 { color: hsl(0, 79%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:75, html.auto .sf-c-txt-lightcoral\:75 { color: hsl(0, 79%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:80, html.auto .sf-c-txt-lightcoral\:80 { color: hsl(0, 79%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:85, html.auto .sf-c-txt-lightcoral\:85 { color: hsl(0, 79%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:90, html.auto .sf-c-txt-lightcoral\:90 { color: hsl(0, 79%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:95, html.auto .sf-c-txt-lightcoral\:95 { color: hsl(0, 79%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:100, html.auto .sf-c-txt-lightcoral\:100 { color: hsl(0, 79%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:dark, html.auto .sf-c-txt-lightcoral\:dark { color: hsl(0, 79%, 72%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:0\:dark, html.auto .sf-c-txt-lightcoral\:0\:dark { color: hsl(0, 79%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:5\:dark, html.auto .sf-c-txt-lightcoral\:5\:dark { color: hsl(0, 79%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:10\:dark, html.auto .sf-c-txt-lightcoral\:10\:dark { color: hsl(0, 79%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:15\:dark, html.auto .sf-c-txt-lightcoral\:15\:dark { color: hsl(0, 79%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:20\:dark, html.auto .sf-c-txt-lightcoral\:20\:dark { color: hsl(0, 79%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:25\:dark, html.auto .sf-c-txt-lightcoral\:25\:dark { color: hsl(0, 79%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:30\:dark, html.auto .sf-c-txt-lightcoral\:30\:dark { color: hsl(0, 79%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:35\:dark, html.auto .sf-c-txt-lightcoral\:35\:dark { color: hsl(0, 79%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:40\:dark, html.auto .sf-c-txt-lightcoral\:40\:dark { color: hsl(0, 79%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:45\:dark, html.auto .sf-c-txt-lightcoral\:45\:dark { color: hsl(0, 79%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:50\:dark, html.auto .sf-c-txt-lightcoral\:50\:dark { color: hsl(0, 79%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:55\:dark, html.auto .sf-c-txt-lightcoral\:55\:dark { color: hsl(0, 79%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:60\:dark, html.auto .sf-c-txt-lightcoral\:60\:dark { color: hsl(0, 79%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:65\:dark, html.auto .sf-c-txt-lightcoral\:65\:dark { color: hsl(0, 79%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:70\:dark, html.auto .sf-c-txt-lightcoral\:70\:dark { color: hsl(0, 79%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:75\:dark, html.auto .sf-c-txt-lightcoral\:75\:dark { color: hsl(0, 79%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:80\:dark, html.auto .sf-c-txt-lightcoral\:80\:dark { color: hsl(0, 79%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:85\:dark, html.auto .sf-c-txt-lightcoral\:85\:dark { color: hsl(0, 79%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:90\:dark, html.auto .sf-c-txt-lightcoral\:90\:dark { color: hsl(0, 79%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:95\:dark, html.auto .sf-c-txt-lightcoral\:95\:dark { color: hsl(0, 79%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightcoral\:100\:dark, html.auto .sf-c-txt-lightcoral\:100\:dark { color: hsl(0, 79%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lightcyan.css b/src/colors/20/lightcyan.css index eeb533b..14180e9 100644 --- a/src/colors/20/lightcyan.css +++ b/src/colors/20/lightcyan.css @@ -138,6 +138,52 @@ html.var .sf-c-lightcyan\:90 { color: hsl(180, 100%, 5%); background: hsl(180, 1 html.var .sf-c-lightcyan\:95 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } html.var .sf-c-lightcyan\:100 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } +.sf-c-txt-lightcyan { color: hsl(var(--sf-dark-c-txt-lightcyan)) } +.sf-c-txt-lightcyan\:0 { color: hsl(var(--sf-dark-c-txt-lightcyan-100)) } +.sf-c-txt-lightcyan\:5 { color: hsl(var(--sf-dark-c-txt-lightcyan-95)) } +.sf-c-txt-lightcyan\:10 { color: hsl(var(--sf-dark-c-txt-lightcyan-90)) } +.sf-c-txt-lightcyan\:15 { color: hsl(var(--sf-dark-c-txt-lightcyan-85)) } +.sf-c-txt-lightcyan\:20 { color: hsl(var(--sf-dark-c-txt-lightcyan-80)) } +.sf-c-txt-lightcyan\:25 { color: hsl(var(--sf-dark-c-txt-lightcyan-75)) } +.sf-c-txt-lightcyan\:30 { color: hsl(var(--sf-dark-c-txt-lightcyan-70)) } +.sf-c-txt-lightcyan\:35 { color: hsl(var(--sf-dark-c-txt-lightcyan-65)) } +.sf-c-txt-lightcyan\:40 { color: hsl(var(--sf-dark-c-txt-lightcyan-60)) } +.sf-c-txt-lightcyan\:45 { color: hsl(var(--sf-dark-c-txt-lightcyan-55)) } +.sf-c-txt-lightcyan\:50 { color: hsl(var(--sf-dark-c-txt-lightcyan-50)) } +.sf-c-txt-lightcyan\:55 { color: hsl(var(--sf-dark-c-txt-lightcyan-45)) } +.sf-c-txt-lightcyan\:60 { color: hsl(var(--sf-dark-c-txt-lightcyan-40)) } +.sf-c-txt-lightcyan\:65 { color: hsl(var(--sf-dark-c-txt-lightcyan-35)) } +.sf-c-txt-lightcyan\:70 { color: hsl(var(--sf-dark-c-txt-lightcyan-30)) } +.sf-c-txt-lightcyan\:75 { color: hsl(var(--sf-dark-c-txt-lightcyan-25)) } +.sf-c-txt-lightcyan\:80 { color: hsl(var(--sf-dark-c-txt-lightcyan-20)) } +.sf-c-txt-lightcyan\:85 { color: hsl(var(--sf-dark-c-txt-lightcyan-15)) } +.sf-c-txt-lightcyan\:90 { color: hsl(var(--sf-dark-c-txt-lightcyan-10)) } +.sf-c-txt-lightcyan\:95 { color: hsl(var(--sf-dark-c-txt-lightcyan-5)) } +.sf-c-txt-lightcyan\:100 { color: hsl(var(--sf-dark-c-txt-lightcyan-0)) } + +html.var .sf-c-txt-lightcyan { color: hsl(180, 100%, 6%) } +html.var .sf-c-txt-lightcyan\:0 { color: hsl(180, 100%, 100%) } +html.var .sf-c-txt-lightcyan\:5 { color: hsl(180, 100%, 95%) } +html.var .sf-c-txt-lightcyan\:10 { color: hsl(180, 100%, 90%) } +html.var .sf-c-txt-lightcyan\:15 { color: hsl(180, 100%, 85%) } +html.var .sf-c-txt-lightcyan\:20 { color: hsl(180, 100%, 80%) } +html.var .sf-c-txt-lightcyan\:25 { color: hsl(180, 100%, 75%) } +html.var .sf-c-txt-lightcyan\:30 { color: hsl(180, 100%, 70%) } +html.var .sf-c-txt-lightcyan\:35 { color: hsl(180, 100%, 65%) } +html.var .sf-c-txt-lightcyan\:40 { color: hsl(180, 100%, 60%) } +html.var .sf-c-txt-lightcyan\:45 { color: hsl(180, 100%, 55%) } +html.var .sf-c-txt-lightcyan\:50 { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-lightcyan\:55 { color: hsl(180, 100%, 45%) } +html.var .sf-c-txt-lightcyan\:60 { color: hsl(180, 100%, 40%) } +html.var .sf-c-txt-lightcyan\:65 { color: hsl(180, 100%, 35%) } +html.var .sf-c-txt-lightcyan\:70 { color: hsl(180, 100%, 30%) } +html.var .sf-c-txt-lightcyan\:75 { color: hsl(180, 100%, 25%) } +html.var .sf-c-txt-lightcyan\:80 { color: hsl(180, 100%, 20%) } +html.var .sf-c-txt-lightcyan\:85 { color: hsl(180, 100%, 15%) } +html.var .sf-c-txt-lightcyan\:90 { color: hsl(180, 100%, 10%) } +html.var .sf-c-txt-lightcyan\:95 { color: hsl(180, 100%, 5%) } +html.var .sf-c-txt-lightcyan\:100 { color: hsl(180, 100%, 0%) } + html[data-theme='dark'] .sf-c-lightcyan, html.dark .sf-c-lightcyan { color: hsl(var(--sf-dark-c-txt-lightcyan-95)); background: hsl(var(--sf-dark-c-lightcyan)) } html[data-theme='dark'] .sf-c-lightcyan\:0, html.dark .sf-c-lightcyan\:0 { color: hsl(var(--sf-dark-c-txt-lightcyan-95)); background: hsl(var(--sf-dark-c-lightcyan-100)) } html[data-theme='dark'] .sf-c-lightcyan\:5, html.dark .sf-c-lightcyan\:5 { color: hsl(var(--sf-dark-c-txt-lightcyan-5)); background: hsl(var(--sf-dark-c-lightcyan-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lightcyan\:90\:dark, html.dark .sf-c-lightcyan\:90 html[data-theme='dark'] .sf-c-lightcyan\:95\:dark, html.dark .sf-c-lightcyan\:95\:dark { color: hsl(var(--sf-c-txt-lightcyan-95)); background: hsl(var(--sf-c-lightcyan-5)) } html[data-theme='dark'] .sf-c-lightcyan\:100\:dark, html.dark .sf-c-lightcyan\:100\:dark { color: hsl(var(--sf-c-txt-lightcyan-95)); background: hsl(var(--sf-c-lightcyan-0)) } +html[data-theme='dark'] .sf-c-txt-lightcyan, html.dark .sf-c-txt-lightcyan { color: hsl(var(--sf-c-txt-lightcyan)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:0, html.dark .sf-c-txt-lightcyan\:0 { color: hsl(var(--sf-c-txt-lightcyan-0)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:5, html.dark .sf-c-txt-lightcyan\:5 { color: hsl(var(--sf-c-txt-lightcyan-5)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:10, html.dark .sf-c-txt-lightcyan\:10 { color: hsl(var(--sf-c-txt-lightcyan-10)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:15, html.dark .sf-c-txt-lightcyan\:15 { color: hsl(var(--sf-c-txt-lightcyan-15)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:20, html.dark .sf-c-txt-lightcyan\:20 { color: hsl(var(--sf-c-txt-lightcyan-20)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:25, html.dark .sf-c-txt-lightcyan\:25 { color: hsl(var(--sf-c-txt-lightcyan-25)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:30, html.dark .sf-c-txt-lightcyan\:30 { color: hsl(var(--sf-c-txt-lightcyan-30)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:35, html.dark .sf-c-txt-lightcyan\:35 { color: hsl(var(--sf-c-txt-lightcyan-35)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:40, html.dark .sf-c-txt-lightcyan\:40 { color: hsl(var(--sf-c-txt-lightcyan-40)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:45, html.dark .sf-c-txt-lightcyan\:45 { color: hsl(var(--sf-c-txt-lightcyan-45)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:50, html.dark .sf-c-txt-lightcyan\:50 { color: hsl(var(--sf-c-txt-lightcyan-50)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:55, html.dark .sf-c-txt-lightcyan\:55 { color: hsl(var(--sf-c-txt-lightcyan-55)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:60, html.dark .sf-c-txt-lightcyan\:60 { color: hsl(var(--sf-c-txt-lightcyan-60)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:65, html.dark .sf-c-txt-lightcyan\:65 { color: hsl(var(--sf-c-txt-lightcyan-65)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:70, html.dark .sf-c-txt-lightcyan\:70 { color: hsl(var(--sf-c-txt-lightcyan-70)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:75, html.dark .sf-c-txt-lightcyan\:75 { color: hsl(var(--sf-c-txt-lightcyan-75)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:80, html.dark .sf-c-txt-lightcyan\:80 { color: hsl(var(--sf-c-txt-lightcyan-80)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:85, html.dark .sf-c-txt-lightcyan\:85 { color: hsl(var(--sf-c-txt-lightcyan-85)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:90, html.dark .sf-c-txt-lightcyan\:90 { color: hsl(var(--sf-c-txt-lightcyan-90)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:95, html.dark .sf-c-txt-lightcyan\:95 { color: hsl(var(--sf-c-txt-lightcyan-95)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:100, html.dark .sf-c-txt-lightcyan\:100 { color: hsl(var(--sf-c-txt-lightcyan-100)) } + +html[data-theme='dark'] .sf-c-txt-lightcyan\:dark, html.dark .sf-c-txt-lightcyan\:dark { color: hsl(var(--sf-c-txt-lightcyan)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:0\:dark, html.dark .sf-c-txt-lightcyan\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-0)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:5\:dark, html.dark .sf-c-txt-lightcyan\:5\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-5)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:10\:dark, html.dark .sf-c-txt-lightcyan\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-10)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:15\:dark, html.dark .sf-c-txt-lightcyan\:15\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-15)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:20\:dark, html.dark .sf-c-txt-lightcyan\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-20)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:25\:dark, html.dark .sf-c-txt-lightcyan\:25\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-25)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:30\:dark, html.dark .sf-c-txt-lightcyan\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-30)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:35\:dark, html.dark .sf-c-txt-lightcyan\:35\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-35)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:40\:dark, html.dark .sf-c-txt-lightcyan\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-40)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:45\:dark, html.dark .sf-c-txt-lightcyan\:45\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-45)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:50\:dark, html.dark .sf-c-txt-lightcyan\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-50)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:55\:dark, html.dark .sf-c-txt-lightcyan\:55\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-55)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:60\:dark, html.dark .sf-c-txt-lightcyan\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-60)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:65\:dark, html.dark .sf-c-txt-lightcyan\:65\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-65)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:70\:dark, html.dark .sf-c-txt-lightcyan\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-70)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:75\:dark, html.dark .sf-c-txt-lightcyan\:75\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-75)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:80\:dark, html.dark .sf-c-txt-lightcyan\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-80)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:85\:dark, html.dark .sf-c-txt-lightcyan\:85\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-85)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:90\:dark, html.dark .sf-c-txt-lightcyan\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-90)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:95\:dark, html.dark .sf-c-txt-lightcyan\:95\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-95)) } +html[data-theme='dark'] .sf-c-txt-lightcyan\:100\:dark, html.dark .sf-c-txt-lightcyan\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightcyan-100)) } + html.var[data-theme='dark'] .sf-c-lightcyan, html.var.dark .sf-c-lightcyan { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 6%) } html.var[data-theme='dark'] .sf-c-lightcyan\:0, html.var.dark .sf-c-lightcyan\:0 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lightcyan\:5, html.var.dark .sf-c-lightcyan\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lightcyan\:90\:dark, html.var.dark .sf-c-light html.var[data-theme='dark'] .sf-c-lightcyan\:95\:dark, html.var.dark .sf-c-lightcyan\:95\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } html.var[data-theme='dark'] .sf-c-lightcyan\:100\:dark, html.var.dark .sf-c-lightcyan\:100\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan, html.dark .sf-c-txt-lightcyan { color: hsl(180, 100%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:0, html.dark .sf-c-txt-lightcyan\:0 { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:5, html.dark .sf-c-txt-lightcyan\:5 { color: hsl(180, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:10, html.dark .sf-c-txt-lightcyan\:10 { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:15, html.dark .sf-c-txt-lightcyan\:15 { color: hsl(180, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:20, html.dark .sf-c-txt-lightcyan\:20 { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:25, html.dark .sf-c-txt-lightcyan\:25 { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:30, html.dark .sf-c-txt-lightcyan\:30 { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:35, html.dark .sf-c-txt-lightcyan\:35 { color: hsl(180, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:40, html.dark .sf-c-txt-lightcyan\:40 { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:45, html.dark .sf-c-txt-lightcyan\:45 { color: hsl(180, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:50, html.dark .sf-c-txt-lightcyan\:50 { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:55, html.dark .sf-c-txt-lightcyan\:55 { color: hsl(180, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:60, html.dark .sf-c-txt-lightcyan\:60 { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:65, html.dark .sf-c-txt-lightcyan\:65 { color: hsl(180, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:70, html.dark .sf-c-txt-lightcyan\:70 { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:75, html.dark .sf-c-txt-lightcyan\:75 { color: hsl(180, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:80, html.dark .sf-c-txt-lightcyan\:80 { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:85, html.dark .sf-c-txt-lightcyan\:85 { color: hsl(180, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:90, html.dark .sf-c-txt-lightcyan\:90 { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:95, html.dark .sf-c-txt-lightcyan\:95 { color: hsl(180, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:100, html.dark .sf-c-txt-lightcyan\:100 { color: hsl(180, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:dark, html.dark .sf-c-txt-lightcyan\:dark { color: hsl(180, 100%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:0\:dark, html.dark .sf-c-txt-lightcyan\:0\:dark { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:5\:dark, html.dark .sf-c-txt-lightcyan\:5\:dark { color: hsl(180, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:10\:dark, html.dark .sf-c-txt-lightcyan\:10\:dark { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:15\:dark, html.dark .sf-c-txt-lightcyan\:15\:dark { color: hsl(180, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:20\:dark, html.dark .sf-c-txt-lightcyan\:20\:dark { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:25\:dark, html.dark .sf-c-txt-lightcyan\:25\:dark { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:30\:dark, html.dark .sf-c-txt-lightcyan\:30\:dark { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:35\:dark, html.dark .sf-c-txt-lightcyan\:35\:dark { color: hsl(180, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:40\:dark, html.dark .sf-c-txt-lightcyan\:40\:dark { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:45\:dark, html.dark .sf-c-txt-lightcyan\:45\:dark { color: hsl(180, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:50\:dark, html.dark .sf-c-txt-lightcyan\:50\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:55\:dark, html.dark .sf-c-txt-lightcyan\:55\:dark { color: hsl(180, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:60\:dark, html.dark .sf-c-txt-lightcyan\:60\:dark { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:65\:dark, html.dark .sf-c-txt-lightcyan\:65\:dark { color: hsl(180, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:70\:dark, html.dark .sf-c-txt-lightcyan\:70\:dark { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:75\:dark, html.dark .sf-c-txt-lightcyan\:75\:dark { color: hsl(180, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:80\:dark, html.dark .sf-c-txt-lightcyan\:80\:dark { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:85\:dark, html.dark .sf-c-txt-lightcyan\:85\:dark { color: hsl(180, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:90\:dark, html.dark .sf-c-txt-lightcyan\:90\:dark { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:95\:dark, html.dark .sf-c-txt-lightcyan\:95\:dark { color: hsl(180, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightcyan\:100\:dark, html.dark .sf-c-txt-lightcyan\:100\:dark { color: hsl(180, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightcyan, html.auto .sf-c-lightcyan { color: hsl(var(--sf-dark-c-txt-lightcyan-95)); background: hsl(var(--sf-dark-c-lightcyan)) } html[data-theme='auto'] .sf-c-lightcyan\:0, html.auto .sf-c-lightcyan\:0 { color: hsl(var(--sf-dark-c-txt-lightcyan-95)); background: hsl(var(--sf-dark-c-lightcyan-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lightcyan\:100\:dark, html.var.dark .sf-c-ligh html[data-theme='auto'] .sf-c-lightcyan\:95\:dark, html.auto .sf-c-lightcyan\:95\:dark { color: hsl(var(--sf-c-txt-lightcyan-95)); background: hsl(var(--sf-c-lightcyan-5)) } html[data-theme='auto'] .sf-c-lightcyan\:100\:dark, html.auto .sf-c-lightcyan\:100\:dark { color: hsl(var(--sf-c-txt-lightcyan-95)); background: hsl(var(--sf-c-lightcyan-0)) } + html[data-theme='auto'] .sf-c-txt-lightcyan, html.auto .sf-c-txt-lightcyan { color: hsl(var(--sf-c-txt-lightcyan)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:0, html.auto .sf-c-txt-lightcyan\:0 { color: hsl(var(--sf-c-txt-lightcyan-0)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:5, html.auto .sf-c-txt-lightcyan\:5 { color: hsl(var(--sf-c-txt-lightcyan-5)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:10, html.auto .sf-c-txt-lightcyan\:10 { color: hsl(var(--sf-c-txt-lightcyan-10)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:15, html.auto .sf-c-txt-lightcyan\:15 { color: hsl(var(--sf-c-txt-lightcyan-15)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:20, html.auto .sf-c-txt-lightcyan\:20 { color: hsl(var(--sf-c-txt-lightcyan-20)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:25, html.auto .sf-c-txt-lightcyan\:25 { color: hsl(var(--sf-c-txt-lightcyan-25)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:30, html.auto .sf-c-txt-lightcyan\:30 { color: hsl(var(--sf-c-txt-lightcyan-30)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:35, html.auto .sf-c-txt-lightcyan\:35 { color: hsl(var(--sf-c-txt-lightcyan-35)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:40, html.auto .sf-c-txt-lightcyan\:40 { color: hsl(var(--sf-c-txt-lightcyan-40)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:45, html.auto .sf-c-txt-lightcyan\:45 { color: hsl(var(--sf-c-txt-lightcyan-45)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:50, html.auto .sf-c-txt-lightcyan\:50 { color: hsl(var(--sf-c-txt-lightcyan-50)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:55, html.auto .sf-c-txt-lightcyan\:55 { color: hsl(var(--sf-c-txt-lightcyan-55)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:60, html.auto .sf-c-txt-lightcyan\:60 { color: hsl(var(--sf-c-txt-lightcyan-60)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:65, html.auto .sf-c-txt-lightcyan\:65 { color: hsl(var(--sf-c-txt-lightcyan-65)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:70, html.auto .sf-c-txt-lightcyan\:70 { color: hsl(var(--sf-c-txt-lightcyan-70)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:75, html.auto .sf-c-txt-lightcyan\:75 { color: hsl(var(--sf-c-txt-lightcyan-75)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:80, html.auto .sf-c-txt-lightcyan\:80 { color: hsl(var(--sf-c-txt-lightcyan-80)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:85, html.auto .sf-c-txt-lightcyan\:85 { color: hsl(var(--sf-c-txt-lightcyan-85)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:90, html.auto .sf-c-txt-lightcyan\:90 { color: hsl(var(--sf-c-txt-lightcyan-90)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:95, html.auto .sf-c-txt-lightcyan\:95 { color: hsl(var(--sf-c-txt-lightcyan-95)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:100, html.auto .sf-c-txt-lightcyan\:100 { color: hsl(var(--sf-c-txt-lightcyan-100)) } + + html[data-theme='auto'] .sf-c-txt-lightcyan\:dark, html.auto .sf-c-txt-lightcyan\:dark { color: hsl(var(--sf-c-txt-lightcyan)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:0\:dark, html.auto .sf-c-txt-lightcyan\:0\:dark { color: hsl(var(--sf-c-txt-lightcyan-0)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:5\:dark, html.auto .sf-c-txt-lightcyan\:5\:dark { color: hsl(var(--sf-c-txt-lightcyan-5)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:10\:dark, html.auto .sf-c-txt-lightcyan\:10\:dark { color: hsl(var(--sf-c-txt-lightcyan-10)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:15\:dark, html.auto .sf-c-txt-lightcyan\:15\:dark { color: hsl(var(--sf-c-txt-lightcyan-15)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:20\:dark, html.auto .sf-c-txt-lightcyan\:20\:dark { color: hsl(var(--sf-c-txt-lightcyan-20)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:25\:dark, html.auto .sf-c-txt-lightcyan\:25\:dark { color: hsl(var(--sf-c-txt-lightcyan-25)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:30\:dark, html.auto .sf-c-txt-lightcyan\:30\:dark { color: hsl(var(--sf-c-txt-lightcyan-30)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:35\:dark, html.auto .sf-c-txt-lightcyan\:35\:dark { color: hsl(var(--sf-c-txt-lightcyan-35)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:40\:dark, html.auto .sf-c-txt-lightcyan\:40\:dark { color: hsl(var(--sf-c-txt-lightcyan-40)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:45\:dark, html.auto .sf-c-txt-lightcyan\:45\:dark { color: hsl(var(--sf-c-txt-lightcyan-45)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:50\:dark, html.auto .sf-c-txt-lightcyan\:50\:dark { color: hsl(var(--sf-c-txt-lightcyan-50)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:55\:dark, html.auto .sf-c-txt-lightcyan\:55\:dark { color: hsl(var(--sf-c-txt-lightcyan-55)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:60\:dark, html.auto .sf-c-txt-lightcyan\:60\:dark { color: hsl(var(--sf-c-txt-lightcyan-60)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:65\:dark, html.auto .sf-c-txt-lightcyan\:65\:dark { color: hsl(var(--sf-c-txt-lightcyan-65)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:70\:dark, html.auto .sf-c-txt-lightcyan\:70\:dark { color: hsl(var(--sf-c-txt-lightcyan-70)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:75\:dark, html.auto .sf-c-txt-lightcyan\:75\:dark { color: hsl(var(--sf-c-txt-lightcyan-75)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:80\:dark, html.auto .sf-c-txt-lightcyan\:80\:dark { color: hsl(var(--sf-c-txt-lightcyan-80)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:85\:dark, html.auto .sf-c-txt-lightcyan\:85\:dark { color: hsl(var(--sf-c-txt-lightcyan-85)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:90\:dark, html.auto .sf-c-txt-lightcyan\:90\:dark { color: hsl(var(--sf-c-txt-lightcyan-90)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:95\:dark, html.auto .sf-c-txt-lightcyan\:95\:dark { color: hsl(var(--sf-c-txt-lightcyan-95)) } + html[data-theme='auto'] .sf-c-txt-lightcyan\:100\:dark, html.auto .sf-c-txt-lightcyan\:100\:dark { color: hsl(var(--sf-c-txt-lightcyan-100)) } + html.var[data-theme='auto'] .sf-c-lightcyan, html.var.auto .sf-c-lightcyan { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 6%) } html.var[data-theme='auto'] .sf-c-lightcyan\:0, html.var.auto .sf-c-lightcyan\:0 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lightcyan\:5, html.var.auto .sf-c-lightcyan\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lightcyan\:100\:dark, html.var.dark .sf-c-ligh html.var[data-theme='auto'] .sf-c-lightcyan\:90\:dark, html.var.auto .sf-c-lightcyan\:90\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lightcyan\:95\:dark, html.var.auto .sf-c-lightcyan\:95\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } html.var[data-theme='auto'] .sf-c-lightcyan\:100\:dark, html.var.auto .sf-c-lightcyan\:100\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -} -.sf-c-txt-lightcyan { color: hsl(var(--sf-c-txt-lightcyan)) } -.sf-c-txt-lightcyan\:0 { color: hsl(var(--sf-c-txt-lightcyan-0)) } -.sf-c-txt-lightcyan\:5 { color: hsl(var(--sf-c-txt-lightcyan-5)) } -.sf-c-txt-lightcyan\:10 { color: hsl(var(--sf-c-txt-lightcyan-10)) } -.sf-c-txt-lightcyan\:15 { color: hsl(var(--sf-c-txt-lightcyan-15)) } -.sf-c-txt-lightcyan\:20 { color: hsl(var(--sf-c-txt-lightcyan-20)) } -.sf-c-txt-lightcyan\:25 { color: hsl(var(--sf-c-txt-lightcyan-25)) } -.sf-c-txt-lightcyan\:30 { color: hsl(var(--sf-c-txt-lightcyan-30)) } -.sf-c-txt-lightcyan\:35 { color: hsl(var(--sf-c-txt-lightcyan-35)) } -.sf-c-txt-lightcyan\:40 { color: hsl(var(--sf-c-txt-lightcyan-40)) } -.sf-c-txt-lightcyan\:45 { color: hsl(var(--sf-c-txt-lightcyan-45)) } -.sf-c-txt-lightcyan\:50 { color: hsl(var(--sf-c-txt-lightcyan-50)) } -.sf-c-txt-lightcyan\:55 { color: hsl(var(--sf-c-txt-lightcyan-55)) } -.sf-c-txt-lightcyan\:60 { color: hsl(var(--sf-c-txt-lightcyan-60)) } -.sf-c-txt-lightcyan\:65 { color: hsl(var(--sf-c-txt-lightcyan-65)) } -.sf-c-txt-lightcyan\:70 { color: hsl(var(--sf-c-txt-lightcyan-70)) } -.sf-c-txt-lightcyan\:75 { color: hsl(var(--sf-c-txt-lightcyan-75)) } -.sf-c-txt-lightcyan\:80 { color: hsl(var(--sf-c-txt-lightcyan-80)) } -.sf-c-txt-lightcyan\:85 { color: hsl(var(--sf-c-txt-lightcyan-85)) } -.sf-c-txt-lightcyan\:90 { color: hsl(var(--sf-c-txt-lightcyan-90)) } -.sf-c-txt-lightcyan\:95 { color: hsl(var(--sf-c-txt-lightcyan-95)) } -.sf-c-txt-lightcyan\:100 { color: hsl(var(--sf-c-txt-lightcyan-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightcyan, html.auto .sf-c-txt-lightcyan { color: hsl(180, 100%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:0, html.auto .sf-c-txt-lightcyan\:0 { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:5, html.auto .sf-c-txt-lightcyan\:5 { color: hsl(180, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:10, html.auto .sf-c-txt-lightcyan\:10 { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:15, html.auto .sf-c-txt-lightcyan\:15 { color: hsl(180, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:20, html.auto .sf-c-txt-lightcyan\:20 { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:25, html.auto .sf-c-txt-lightcyan\:25 { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:30, html.auto .sf-c-txt-lightcyan\:30 { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:35, html.auto .sf-c-txt-lightcyan\:35 { color: hsl(180, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:40, html.auto .sf-c-txt-lightcyan\:40 { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:45, html.auto .sf-c-txt-lightcyan\:45 { color: hsl(180, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:50, html.auto .sf-c-txt-lightcyan\:50 { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:55, html.auto .sf-c-txt-lightcyan\:55 { color: hsl(180, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:60, html.auto .sf-c-txt-lightcyan\:60 { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:65, html.auto .sf-c-txt-lightcyan\:65 { color: hsl(180, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:70, html.auto .sf-c-txt-lightcyan\:70 { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:75, html.auto .sf-c-txt-lightcyan\:75 { color: hsl(180, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:80, html.auto .sf-c-txt-lightcyan\:80 { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:85, html.auto .sf-c-txt-lightcyan\:85 { color: hsl(180, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:90, html.auto .sf-c-txt-lightcyan\:90 { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:95, html.auto .sf-c-txt-lightcyan\:95 { color: hsl(180, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:100, html.auto .sf-c-txt-lightcyan\:100 { color: hsl(180, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:dark, html.auto .sf-c-txt-lightcyan\:dark { color: hsl(180, 100%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:0\:dark, html.auto .sf-c-txt-lightcyan\:0\:dark { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:5\:dark, html.auto .sf-c-txt-lightcyan\:5\:dark { color: hsl(180, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:10\:dark, html.auto .sf-c-txt-lightcyan\:10\:dark { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:15\:dark, html.auto .sf-c-txt-lightcyan\:15\:dark { color: hsl(180, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:20\:dark, html.auto .sf-c-txt-lightcyan\:20\:dark { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:25\:dark, html.auto .sf-c-txt-lightcyan\:25\:dark { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:30\:dark, html.auto .sf-c-txt-lightcyan\:30\:dark { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:35\:dark, html.auto .sf-c-txt-lightcyan\:35\:dark { color: hsl(180, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:40\:dark, html.auto .sf-c-txt-lightcyan\:40\:dark { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:45\:dark, html.auto .sf-c-txt-lightcyan\:45\:dark { color: hsl(180, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:50\:dark, html.auto .sf-c-txt-lightcyan\:50\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:55\:dark, html.auto .sf-c-txt-lightcyan\:55\:dark { color: hsl(180, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:60\:dark, html.auto .sf-c-txt-lightcyan\:60\:dark { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:65\:dark, html.auto .sf-c-txt-lightcyan\:65\:dark { color: hsl(180, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:70\:dark, html.auto .sf-c-txt-lightcyan\:70\:dark { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:75\:dark, html.auto .sf-c-txt-lightcyan\:75\:dark { color: hsl(180, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:80\:dark, html.auto .sf-c-txt-lightcyan\:80\:dark { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:85\:dark, html.auto .sf-c-txt-lightcyan\:85\:dark { color: hsl(180, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:90\:dark, html.auto .sf-c-txt-lightcyan\:90\:dark { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:95\:dark, html.auto .sf-c-txt-lightcyan\:95\:dark { color: hsl(180, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightcyan\:100\:dark, html.auto .sf-c-txt-lightcyan\:100\:dark { color: hsl(180, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lightgoldenrodyellow.css b/src/colors/20/lightgoldenrodyellow.css index 79939e2..5599e66 100644 --- a/src/colors/20/lightgoldenrodyellow.css +++ b/src/colors/20/lightgoldenrodyellow.css @@ -138,6 +138,52 @@ html.var .sf-c-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 5%); background: h html.var .sf-c-lightgoldenrodyellow\:95 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 95%) } html.var .sf-c-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 100%) } +.sf-c-txt-lightgoldenrodyellow { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow)) } +.sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-100)) } +.sf-c-txt-lightgoldenrodyellow\:5 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-95)) } +.sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-90)) } +.sf-c-txt-lightgoldenrodyellow\:15 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-85)) } +.sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-80)) } +.sf-c-txt-lightgoldenrodyellow\:25 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-75)) } +.sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-70)) } +.sf-c-txt-lightgoldenrodyellow\:35 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-65)) } +.sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-60)) } +.sf-c-txt-lightgoldenrodyellow\:45 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-55)) } +.sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-50)) } +.sf-c-txt-lightgoldenrodyellow\:55 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-45)) } +.sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-40)) } +.sf-c-txt-lightgoldenrodyellow\:65 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-35)) } +.sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-30)) } +.sf-c-txt-lightgoldenrodyellow\:75 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-25)) } +.sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-20)) } +.sf-c-txt-lightgoldenrodyellow\:85 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-15)) } +.sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-10)) } +.sf-c-txt-lightgoldenrodyellow\:95 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-5)) } +.sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-0)) } + +html.var .sf-c-txt-lightgoldenrodyellow { color: hsl(60, 80%, 10%) } +html.var .sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 100%) } +html.var .sf-c-txt-lightgoldenrodyellow\:5 { color: hsl(60, 80%, 95%) } +html.var .sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 90%) } +html.var .sf-c-txt-lightgoldenrodyellow\:15 { color: hsl(60, 80%, 85%) } +html.var .sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(60, 80%, 80%) } +html.var .sf-c-txt-lightgoldenrodyellow\:25 { color: hsl(60, 80%, 75%) } +html.var .sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(60, 80%, 70%) } +html.var .sf-c-txt-lightgoldenrodyellow\:35 { color: hsl(60, 80%, 65%) } +html.var .sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(60, 80%, 60%) } +html.var .sf-c-txt-lightgoldenrodyellow\:45 { color: hsl(60, 80%, 55%) } +html.var .sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(60, 80%, 50%) } +html.var .sf-c-txt-lightgoldenrodyellow\:55 { color: hsl(60, 80%, 45%) } +html.var .sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(60, 80%, 40%) } +html.var .sf-c-txt-lightgoldenrodyellow\:65 { color: hsl(60, 80%, 35%) } +html.var .sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(60, 80%, 30%) } +html.var .sf-c-txt-lightgoldenrodyellow\:75 { color: hsl(60, 80%, 25%) } +html.var .sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(60, 80%, 20%) } +html.var .sf-c-txt-lightgoldenrodyellow\:85 { color: hsl(60, 80%, 15%) } +html.var .sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 10%) } +html.var .sf-c-txt-lightgoldenrodyellow\:95 { color: hsl(60, 80%, 5%) } +html.var .sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 0%) } + html[data-theme='dark'] .sf-c-lightgoldenrodyellow, html.dark .sf-c-lightgoldenrodyellow { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-95)); background: hsl(var(--sf-dark-c-lightgoldenrodyellow)) } html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:0, html.dark .sf-c-lightgoldenrodyellow\:0 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-95)); background: hsl(var(--sf-dark-c-lightgoldenrodyellow-100)) } html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:5, html.dark .sf-c-lightgoldenrodyellow\:5 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-5)); background: hsl(var(--sf-dark-c-lightgoldenrodyellow-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:90\:dark, html.dark .sf-c-li html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:95\:dark, html.dark .sf-c-lightgoldenrodyellow\:95\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-95)); background: hsl(var(--sf-c-lightgoldenrodyellow-5)) } html[data-theme='dark'] .sf-c-lightgoldenrodyellow\:100\:dark, html.dark .sf-c-lightgoldenrodyellow\:100\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-95)); background: hsl(var(--sf-c-lightgoldenrodyellow-0)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow, html.dark .sf-c-txt-lightgoldenrodyellow { color: hsl(var(--sf-c-txt-lightgoldenrodyellow)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:0, html.dark .sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-0)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:5, html.dark .sf-c-txt-lightgoldenrodyellow\:5 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-5)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:10, html.dark .sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-10)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:15, html.dark .sf-c-txt-lightgoldenrodyellow\:15 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-15)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:20, html.dark .sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-20)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:25, html.dark .sf-c-txt-lightgoldenrodyellow\:25 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-25)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:30, html.dark .sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-30)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:35, html.dark .sf-c-txt-lightgoldenrodyellow\:35 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-35)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:40, html.dark .sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-40)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:45, html.dark .sf-c-txt-lightgoldenrodyellow\:45 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-45)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:50, html.dark .sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-50)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:55, html.dark .sf-c-txt-lightgoldenrodyellow\:55 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-55)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:60, html.dark .sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-60)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:65, html.dark .sf-c-txt-lightgoldenrodyellow\:65 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-65)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:70, html.dark .sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-70)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:75, html.dark .sf-c-txt-lightgoldenrodyellow\:75 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-75)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:80, html.dark .sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-80)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:85, html.dark .sf-c-txt-lightgoldenrodyellow\:85 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-85)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:90, html.dark .sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-90)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:95, html.dark .sf-c-txt-lightgoldenrodyellow\:95 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-95)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:100, html.dark .sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-100)) } + +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:0\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-0)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:5\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:5\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-5)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:10\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-10)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:15\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:15\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-15)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:20\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-20)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:25\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:25\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-25)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:30\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-30)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:35\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:35\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-35)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:40\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-40)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:45\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:45\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-45)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:50\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-50)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:55\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:55\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-55)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:60\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-60)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:65\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:65\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-65)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:70\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-70)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:75\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:75\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-75)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:80\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-80)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:85\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:85\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-85)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:90\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-90)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:95\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:95\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-95)) } +html[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:100\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-100)) } + html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow, html.var.dark .sf-c-lightgoldenrodyellow { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 10%) } html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow\:0, html.var.dark .sf-c-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 100%) } html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow\:5, html.var.dark .sf-c-lightgoldenrodyellow\:5 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow\:90\:dark, html.var.dark html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow\:95\:dark, html.var.dark .sf-c-lightgoldenrodyellow\:95\:dark { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 5%) } html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow\:100\:dark, html.var.dark .sf-c-lightgoldenrodyellow\:100\:dark { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow, html.dark .sf-c-txt-lightgoldenrodyellow { color: hsl(60, 80%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:0, html.dark .sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:5, html.dark .sf-c-txt-lightgoldenrodyellow\:5 { color: hsl(60, 80%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:10, html.dark .sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:15, html.dark .sf-c-txt-lightgoldenrodyellow\:15 { color: hsl(60, 80%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:20, html.dark .sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(60, 80%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:25, html.dark .sf-c-txt-lightgoldenrodyellow\:25 { color: hsl(60, 80%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:30, html.dark .sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(60, 80%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:35, html.dark .sf-c-txt-lightgoldenrodyellow\:35 { color: hsl(60, 80%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:40, html.dark .sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(60, 80%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:45, html.dark .sf-c-txt-lightgoldenrodyellow\:45 { color: hsl(60, 80%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:50, html.dark .sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(60, 80%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:55, html.dark .sf-c-txt-lightgoldenrodyellow\:55 { color: hsl(60, 80%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:60, html.dark .sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(60, 80%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:65, html.dark .sf-c-txt-lightgoldenrodyellow\:65 { color: hsl(60, 80%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:70, html.dark .sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(60, 80%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:75, html.dark .sf-c-txt-lightgoldenrodyellow\:75 { color: hsl(60, 80%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:80, html.dark .sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(60, 80%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:85, html.dark .sf-c-txt-lightgoldenrodyellow\:85 { color: hsl(60, 80%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:90, html.dark .sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:95, html.dark .sf-c-txt-lightgoldenrodyellow\:95 { color: hsl(60, 80%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:100, html.dark .sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:dark { color: hsl(60, 80%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:0\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:0\:dark { color: hsl(60, 80%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:5\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:5\:dark { color: hsl(60, 80%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:10\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:10\:dark { color: hsl(60, 80%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:15\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:15\:dark { color: hsl(60, 80%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:20\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:20\:dark { color: hsl(60, 80%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:25\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:25\:dark { color: hsl(60, 80%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:30\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:30\:dark { color: hsl(60, 80%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:35\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:35\:dark { color: hsl(60, 80%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:40\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:40\:dark { color: hsl(60, 80%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:45\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:45\:dark { color: hsl(60, 80%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:50\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:50\:dark { color: hsl(60, 80%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:55\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:55\:dark { color: hsl(60, 80%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:60\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:60\:dark { color: hsl(60, 80%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:65\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:65\:dark { color: hsl(60, 80%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:70\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:70\:dark { color: hsl(60, 80%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:75\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:75\:dark { color: hsl(60, 80%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:80\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:80\:dark { color: hsl(60, 80%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:85\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:85\:dark { color: hsl(60, 80%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:90\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:90\:dark { color: hsl(60, 80%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:95\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:95\:dark { color: hsl(60, 80%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightgoldenrodyellow\:100\:dark, html.dark .sf-c-txt-lightgoldenrodyellow\:100\:dark { color: hsl(60, 80%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightgoldenrodyellow, html.auto .sf-c-lightgoldenrodyellow { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-95)); background: hsl(var(--sf-dark-c-lightgoldenrodyellow)) } html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:0, html.auto .sf-c-lightgoldenrodyellow\:0 { color: hsl(var(--sf-dark-c-txt-lightgoldenrodyellow-95)); background: hsl(var(--sf-dark-c-lightgoldenrodyellow-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow\:100\:dark, html.var.dark html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:95\:dark, html.auto .sf-c-lightgoldenrodyellow\:95\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-95)); background: hsl(var(--sf-c-lightgoldenrodyellow-5)) } html[data-theme='auto'] .sf-c-lightgoldenrodyellow\:100\:dark, html.auto .sf-c-lightgoldenrodyellow\:100\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-95)); background: hsl(var(--sf-c-lightgoldenrodyellow-0)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow, html.auto .sf-c-txt-lightgoldenrodyellow { color: hsl(var(--sf-c-txt-lightgoldenrodyellow)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:0, html.auto .sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-0)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:5, html.auto .sf-c-txt-lightgoldenrodyellow\:5 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-5)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:10, html.auto .sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-10)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:15, html.auto .sf-c-txt-lightgoldenrodyellow\:15 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-15)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:20, html.auto .sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-20)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:25, html.auto .sf-c-txt-lightgoldenrodyellow\:25 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-25)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:30, html.auto .sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-30)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:35, html.auto .sf-c-txt-lightgoldenrodyellow\:35 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-35)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:40, html.auto .sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-40)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:45, html.auto .sf-c-txt-lightgoldenrodyellow\:45 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-45)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:50, html.auto .sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-50)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:55, html.auto .sf-c-txt-lightgoldenrodyellow\:55 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-55)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:60, html.auto .sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-60)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:65, html.auto .sf-c-txt-lightgoldenrodyellow\:65 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-65)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:70, html.auto .sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-70)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:75, html.auto .sf-c-txt-lightgoldenrodyellow\:75 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-75)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:80, html.auto .sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-80)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:85, html.auto .sf-c-txt-lightgoldenrodyellow\:85 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-85)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:90, html.auto .sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-90)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:95, html.auto .sf-c-txt-lightgoldenrodyellow\:95 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-95)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:100, html.auto .sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-100)) } + + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:0\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:0\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-0)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:5\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:5\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-5)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:10\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:10\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-10)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:15\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:15\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-15)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:20\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:20\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-20)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:25\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:25\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-25)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:30\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:30\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-30)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:35\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:35\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-35)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:40\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:40\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-40)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:45\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:45\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-45)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:50\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:50\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-50)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:55\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:55\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-55)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:60\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:60\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-60)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:65\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:65\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-65)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:70\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:70\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-70)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:75\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:75\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-75)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:80\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:80\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-80)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:85\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:85\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-85)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:90\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:90\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-90)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:95\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:95\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-95)) } + html[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:100\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:100\:dark { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-100)) } + html.var[data-theme='auto'] .sf-c-lightgoldenrodyellow, html.var.auto .sf-c-lightgoldenrodyellow { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 10%) } html.var[data-theme='auto'] .sf-c-lightgoldenrodyellow\:0, html.var.auto .sf-c-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 100%) } html.var[data-theme='auto'] .sf-c-lightgoldenrodyellow\:5, html.var.auto .sf-c-lightgoldenrodyellow\:5 { color: hsl(60, 80%, 5%); background: hsl(60, 80%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lightgoldenrodyellow\:100\:dark, html.var.dark html.var[data-theme='auto'] .sf-c-lightgoldenrodyellow\:90\:dark, html.var.auto .sf-c-lightgoldenrodyellow\:90\:dark { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 10%) } html.var[data-theme='auto'] .sf-c-lightgoldenrodyellow\:95\:dark, html.var.auto .sf-c-lightgoldenrodyellow\:95\:dark { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 5%) } html.var[data-theme='auto'] .sf-c-lightgoldenrodyellow\:100\:dark, html.var.auto .sf-c-lightgoldenrodyellow\:100\:dark { color: hsl(60, 80%, 95%); background: hsl(60, 80%, 0%) } -} -.sf-c-txt-lightgoldenrodyellow { color: hsl(var(--sf-c-txt-lightgoldenrodyellow)) } -.sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-0)) } -.sf-c-txt-lightgoldenrodyellow\:5 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-5)) } -.sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-10)) } -.sf-c-txt-lightgoldenrodyellow\:15 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-15)) } -.sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-20)) } -.sf-c-txt-lightgoldenrodyellow\:25 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-25)) } -.sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-30)) } -.sf-c-txt-lightgoldenrodyellow\:35 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-35)) } -.sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-40)) } -.sf-c-txt-lightgoldenrodyellow\:45 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-45)) } -.sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-50)) } -.sf-c-txt-lightgoldenrodyellow\:55 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-55)) } -.sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-60)) } -.sf-c-txt-lightgoldenrodyellow\:65 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-65)) } -.sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-70)) } -.sf-c-txt-lightgoldenrodyellow\:75 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-75)) } -.sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-80)) } -.sf-c-txt-lightgoldenrodyellow\:85 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-85)) } -.sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-90)) } -.sf-c-txt-lightgoldenrodyellow\:95 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-95)) } -.sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(var(--sf-c-txt-lightgoldenrodyellow-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow, html.auto .sf-c-txt-lightgoldenrodyellow { color: hsl(60, 80%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:0, html.auto .sf-c-txt-lightgoldenrodyellow\:0 { color: hsl(60, 80%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:5, html.auto .sf-c-txt-lightgoldenrodyellow\:5 { color: hsl(60, 80%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:10, html.auto .sf-c-txt-lightgoldenrodyellow\:10 { color: hsl(60, 80%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:15, html.auto .sf-c-txt-lightgoldenrodyellow\:15 { color: hsl(60, 80%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:20, html.auto .sf-c-txt-lightgoldenrodyellow\:20 { color: hsl(60, 80%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:25, html.auto .sf-c-txt-lightgoldenrodyellow\:25 { color: hsl(60, 80%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:30, html.auto .sf-c-txt-lightgoldenrodyellow\:30 { color: hsl(60, 80%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:35, html.auto .sf-c-txt-lightgoldenrodyellow\:35 { color: hsl(60, 80%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:40, html.auto .sf-c-txt-lightgoldenrodyellow\:40 { color: hsl(60, 80%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:45, html.auto .sf-c-txt-lightgoldenrodyellow\:45 { color: hsl(60, 80%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:50, html.auto .sf-c-txt-lightgoldenrodyellow\:50 { color: hsl(60, 80%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:55, html.auto .sf-c-txt-lightgoldenrodyellow\:55 { color: hsl(60, 80%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:60, html.auto .sf-c-txt-lightgoldenrodyellow\:60 { color: hsl(60, 80%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:65, html.auto .sf-c-txt-lightgoldenrodyellow\:65 { color: hsl(60, 80%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:70, html.auto .sf-c-txt-lightgoldenrodyellow\:70 { color: hsl(60, 80%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:75, html.auto .sf-c-txt-lightgoldenrodyellow\:75 { color: hsl(60, 80%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:80, html.auto .sf-c-txt-lightgoldenrodyellow\:80 { color: hsl(60, 80%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:85, html.auto .sf-c-txt-lightgoldenrodyellow\:85 { color: hsl(60, 80%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:90, html.auto .sf-c-txt-lightgoldenrodyellow\:90 { color: hsl(60, 80%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:95, html.auto .sf-c-txt-lightgoldenrodyellow\:95 { color: hsl(60, 80%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:100, html.auto .sf-c-txt-lightgoldenrodyellow\:100 { color: hsl(60, 80%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:dark { color: hsl(60, 80%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:0\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:0\:dark { color: hsl(60, 80%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:5\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:5\:dark { color: hsl(60, 80%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:10\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:10\:dark { color: hsl(60, 80%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:15\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:15\:dark { color: hsl(60, 80%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:20\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:20\:dark { color: hsl(60, 80%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:25\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:25\:dark { color: hsl(60, 80%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:30\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:30\:dark { color: hsl(60, 80%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:35\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:35\:dark { color: hsl(60, 80%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:40\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:40\:dark { color: hsl(60, 80%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:45\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:45\:dark { color: hsl(60, 80%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:50\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:50\:dark { color: hsl(60, 80%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:55\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:55\:dark { color: hsl(60, 80%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:60\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:60\:dark { color: hsl(60, 80%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:65\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:65\:dark { color: hsl(60, 80%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:70\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:70\:dark { color: hsl(60, 80%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:75\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:75\:dark { color: hsl(60, 80%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:80\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:80\:dark { color: hsl(60, 80%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:85\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:85\:dark { color: hsl(60, 80%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:90\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:90\:dark { color: hsl(60, 80%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:95\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:95\:dark { color: hsl(60, 80%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightgoldenrodyellow\:100\:dark, html.auto .sf-c-txt-lightgoldenrodyellow\:100\:dark { color: hsl(60, 80%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lightgray.css b/src/colors/20/lightgray.css index 98b8b61..83d3483 100644 --- a/src/colors/20/lightgray.css +++ b/src/colors/20/lightgray.css @@ -138,6 +138,52 @@ html.var .sf-c-lightgray\:90 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90% html.var .sf-c-lightgray\:95 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } html.var .sf-c-lightgray\:100 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } +.sf-c-txt-lightgray { color: hsl(var(--sf-dark-c-txt-lightgray)) } +.sf-c-txt-lightgray\:0 { color: hsl(var(--sf-dark-c-txt-lightgray-100)) } +.sf-c-txt-lightgray\:5 { color: hsl(var(--sf-dark-c-txt-lightgray-95)) } +.sf-c-txt-lightgray\:10 { color: hsl(var(--sf-dark-c-txt-lightgray-90)) } +.sf-c-txt-lightgray\:15 { color: hsl(var(--sf-dark-c-txt-lightgray-85)) } +.sf-c-txt-lightgray\:20 { color: hsl(var(--sf-dark-c-txt-lightgray-80)) } +.sf-c-txt-lightgray\:25 { color: hsl(var(--sf-dark-c-txt-lightgray-75)) } +.sf-c-txt-lightgray\:30 { color: hsl(var(--sf-dark-c-txt-lightgray-70)) } +.sf-c-txt-lightgray\:35 { color: hsl(var(--sf-dark-c-txt-lightgray-65)) } +.sf-c-txt-lightgray\:40 { color: hsl(var(--sf-dark-c-txt-lightgray-60)) } +.sf-c-txt-lightgray\:45 { color: hsl(var(--sf-dark-c-txt-lightgray-55)) } +.sf-c-txt-lightgray\:50 { color: hsl(var(--sf-dark-c-txt-lightgray-50)) } +.sf-c-txt-lightgray\:55 { color: hsl(var(--sf-dark-c-txt-lightgray-45)) } +.sf-c-txt-lightgray\:60 { color: hsl(var(--sf-dark-c-txt-lightgray-40)) } +.sf-c-txt-lightgray\:65 { color: hsl(var(--sf-dark-c-txt-lightgray-35)) } +.sf-c-txt-lightgray\:70 { color: hsl(var(--sf-dark-c-txt-lightgray-30)) } +.sf-c-txt-lightgray\:75 { color: hsl(var(--sf-dark-c-txt-lightgray-25)) } +.sf-c-txt-lightgray\:80 { color: hsl(var(--sf-dark-c-txt-lightgray-20)) } +.sf-c-txt-lightgray\:85 { color: hsl(var(--sf-dark-c-txt-lightgray-15)) } +.sf-c-txt-lightgray\:90 { color: hsl(var(--sf-dark-c-txt-lightgray-10)) } +.sf-c-txt-lightgray\:95 { color: hsl(var(--sf-dark-c-txt-lightgray-5)) } +.sf-c-txt-lightgray\:100 { color: hsl(var(--sf-dark-c-txt-lightgray-0)) } + +html.var .sf-c-txt-lightgray { color: hsl(0, 0%, 17%) } +html.var .sf-c-txt-lightgray\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-lightgray\:5 { color: hsl(0, 0%, 95%) } +html.var .sf-c-txt-lightgray\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-lightgray\:15 { color: hsl(0, 0%, 85%) } +html.var .sf-c-txt-lightgray\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-lightgray\:25 { color: hsl(0, 0%, 75%) } +html.var .sf-c-txt-lightgray\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-lightgray\:35 { color: hsl(0, 0%, 65%) } +html.var .sf-c-txt-lightgray\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-lightgray\:45 { color: hsl(0, 0%, 55%) } +html.var .sf-c-txt-lightgray\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-lightgray\:55 { color: hsl(0, 0%, 45%) } +html.var .sf-c-txt-lightgray\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-lightgray\:65 { color: hsl(0, 0%, 35%) } +html.var .sf-c-txt-lightgray\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-lightgray\:75 { color: hsl(0, 0%, 25%) } +html.var .sf-c-txt-lightgray\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-lightgray\:85 { color: hsl(0, 0%, 15%) } +html.var .sf-c-txt-lightgray\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-lightgray\:95 { color: hsl(0, 0%, 5%) } +html.var .sf-c-txt-lightgray\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-lightgray, html.dark .sf-c-lightgray { color: hsl(var(--sf-dark-c-txt-lightgray-95)); background: hsl(var(--sf-dark-c-lightgray)) } html[data-theme='dark'] .sf-c-lightgray\:0, html.dark .sf-c-lightgray\:0 { color: hsl(var(--sf-dark-c-txt-lightgray-95)); background: hsl(var(--sf-dark-c-lightgray-100)) } html[data-theme='dark'] .sf-c-lightgray\:5, html.dark .sf-c-lightgray\:5 { color: hsl(var(--sf-dark-c-txt-lightgray-5)); background: hsl(var(--sf-dark-c-lightgray-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lightgray\:90\:dark, html.dark .sf-c-lightgray\:90 html[data-theme='dark'] .sf-c-lightgray\:95\:dark, html.dark .sf-c-lightgray\:95\:dark { color: hsl(var(--sf-c-txt-lightgray-95)); background: hsl(var(--sf-c-lightgray-5)) } html[data-theme='dark'] .sf-c-lightgray\:100\:dark, html.dark .sf-c-lightgray\:100\:dark { color: hsl(var(--sf-c-txt-lightgray-95)); background: hsl(var(--sf-c-lightgray-0)) } +html[data-theme='dark'] .sf-c-txt-lightgray, html.dark .sf-c-txt-lightgray { color: hsl(var(--sf-c-txt-lightgray)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:0, html.dark .sf-c-txt-lightgray\:0 { color: hsl(var(--sf-c-txt-lightgray-0)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:5, html.dark .sf-c-txt-lightgray\:5 { color: hsl(var(--sf-c-txt-lightgray-5)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:10, html.dark .sf-c-txt-lightgray\:10 { color: hsl(var(--sf-c-txt-lightgray-10)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:15, html.dark .sf-c-txt-lightgray\:15 { color: hsl(var(--sf-c-txt-lightgray-15)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:20, html.dark .sf-c-txt-lightgray\:20 { color: hsl(var(--sf-c-txt-lightgray-20)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:25, html.dark .sf-c-txt-lightgray\:25 { color: hsl(var(--sf-c-txt-lightgray-25)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:30, html.dark .sf-c-txt-lightgray\:30 { color: hsl(var(--sf-c-txt-lightgray-30)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:35, html.dark .sf-c-txt-lightgray\:35 { color: hsl(var(--sf-c-txt-lightgray-35)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:40, html.dark .sf-c-txt-lightgray\:40 { color: hsl(var(--sf-c-txt-lightgray-40)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:45, html.dark .sf-c-txt-lightgray\:45 { color: hsl(var(--sf-c-txt-lightgray-45)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:50, html.dark .sf-c-txt-lightgray\:50 { color: hsl(var(--sf-c-txt-lightgray-50)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:55, html.dark .sf-c-txt-lightgray\:55 { color: hsl(var(--sf-c-txt-lightgray-55)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:60, html.dark .sf-c-txt-lightgray\:60 { color: hsl(var(--sf-c-txt-lightgray-60)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:65, html.dark .sf-c-txt-lightgray\:65 { color: hsl(var(--sf-c-txt-lightgray-65)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:70, html.dark .sf-c-txt-lightgray\:70 { color: hsl(var(--sf-c-txt-lightgray-70)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:75, html.dark .sf-c-txt-lightgray\:75 { color: hsl(var(--sf-c-txt-lightgray-75)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:80, html.dark .sf-c-txt-lightgray\:80 { color: hsl(var(--sf-c-txt-lightgray-80)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:85, html.dark .sf-c-txt-lightgray\:85 { color: hsl(var(--sf-c-txt-lightgray-85)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:90, html.dark .sf-c-txt-lightgray\:90 { color: hsl(var(--sf-c-txt-lightgray-90)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:95, html.dark .sf-c-txt-lightgray\:95 { color: hsl(var(--sf-c-txt-lightgray-95)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:100, html.dark .sf-c-txt-lightgray\:100 { color: hsl(var(--sf-c-txt-lightgray-100)) } + +html[data-theme='dark'] .sf-c-txt-lightgray\:dark, html.dark .sf-c-txt-lightgray\:dark { color: hsl(var(--sf-c-txt-lightgray)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:0\:dark, html.dark .sf-c-txt-lightgray\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-0)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:5\:dark, html.dark .sf-c-txt-lightgray\:5\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-5)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:10\:dark, html.dark .sf-c-txt-lightgray\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-10)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:15\:dark, html.dark .sf-c-txt-lightgray\:15\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-15)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:20\:dark, html.dark .sf-c-txt-lightgray\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-20)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:25\:dark, html.dark .sf-c-txt-lightgray\:25\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-25)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:30\:dark, html.dark .sf-c-txt-lightgray\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-30)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:35\:dark, html.dark .sf-c-txt-lightgray\:35\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-35)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:40\:dark, html.dark .sf-c-txt-lightgray\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-40)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:45\:dark, html.dark .sf-c-txt-lightgray\:45\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-45)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:50\:dark, html.dark .sf-c-txt-lightgray\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-50)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:55\:dark, html.dark .sf-c-txt-lightgray\:55\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-55)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:60\:dark, html.dark .sf-c-txt-lightgray\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-60)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:65\:dark, html.dark .sf-c-txt-lightgray\:65\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-65)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:70\:dark, html.dark .sf-c-txt-lightgray\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-70)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:75\:dark, html.dark .sf-c-txt-lightgray\:75\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-75)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:80\:dark, html.dark .sf-c-txt-lightgray\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-80)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:85\:dark, html.dark .sf-c-txt-lightgray\:85\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-85)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:90\:dark, html.dark .sf-c-txt-lightgray\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-90)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:95\:dark, html.dark .sf-c-txt-lightgray\:95\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-95)) } +html[data-theme='dark'] .sf-c-txt-lightgray\:100\:dark, html.dark .sf-c-txt-lightgray\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightgray-100)) } + html.var[data-theme='dark'] .sf-c-lightgray, html.var.dark .sf-c-lightgray { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 17%) } html.var[data-theme='dark'] .sf-c-lightgray\:0, html.var.dark .sf-c-lightgray\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-lightgray\:5, html.var.dark .sf-c-lightgray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lightgray\:90\:dark, html.var.dark .sf-c-light html.var[data-theme='dark'] .sf-c-lightgray\:95\:dark, html.var.dark .sf-c-lightgray\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='dark'] .sf-c-lightgray\:100\:dark, html.var.dark .sf-c-lightgray\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray, html.dark .sf-c-txt-lightgray { color: hsl(0, 0%, 83%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:0, html.dark .sf-c-txt-lightgray\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:5, html.dark .sf-c-txt-lightgray\:5 { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:10, html.dark .sf-c-txt-lightgray\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:15, html.dark .sf-c-txt-lightgray\:15 { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:20, html.dark .sf-c-txt-lightgray\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:25, html.dark .sf-c-txt-lightgray\:25 { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:30, html.dark .sf-c-txt-lightgray\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:35, html.dark .sf-c-txt-lightgray\:35 { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:40, html.dark .sf-c-txt-lightgray\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:45, html.dark .sf-c-txt-lightgray\:45 { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:50, html.dark .sf-c-txt-lightgray\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:55, html.dark .sf-c-txt-lightgray\:55 { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:60, html.dark .sf-c-txt-lightgray\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:65, html.dark .sf-c-txt-lightgray\:65 { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:70, html.dark .sf-c-txt-lightgray\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:75, html.dark .sf-c-txt-lightgray\:75 { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:80, html.dark .sf-c-txt-lightgray\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:85, html.dark .sf-c-txt-lightgray\:85 { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:90, html.dark .sf-c-txt-lightgray\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:95, html.dark .sf-c-txt-lightgray\:95 { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:100, html.dark .sf-c-txt-lightgray\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightgray\:dark, html.dark .sf-c-txt-lightgray\:dark { color: hsl(0, 0%, 83%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:0\:dark, html.dark .sf-c-txt-lightgray\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:5\:dark, html.dark .sf-c-txt-lightgray\:5\:dark { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:10\:dark, html.dark .sf-c-txt-lightgray\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:15\:dark, html.dark .sf-c-txt-lightgray\:15\:dark { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:20\:dark, html.dark .sf-c-txt-lightgray\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:25\:dark, html.dark .sf-c-txt-lightgray\:25\:dark { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:30\:dark, html.dark .sf-c-txt-lightgray\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:35\:dark, html.dark .sf-c-txt-lightgray\:35\:dark { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:40\:dark, html.dark .sf-c-txt-lightgray\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:45\:dark, html.dark .sf-c-txt-lightgray\:45\:dark { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:50\:dark, html.dark .sf-c-txt-lightgray\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:55\:dark, html.dark .sf-c-txt-lightgray\:55\:dark { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:60\:dark, html.dark .sf-c-txt-lightgray\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:65\:dark, html.dark .sf-c-txt-lightgray\:65\:dark { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:70\:dark, html.dark .sf-c-txt-lightgray\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:75\:dark, html.dark .sf-c-txt-lightgray\:75\:dark { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:80\:dark, html.dark .sf-c-txt-lightgray\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:85\:dark, html.dark .sf-c-txt-lightgray\:85\:dark { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:90\:dark, html.dark .sf-c-txt-lightgray\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:95\:dark, html.dark .sf-c-txt-lightgray\:95\:dark { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightgray\:100\:dark, html.dark .sf-c-txt-lightgray\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightgray, html.auto .sf-c-lightgray { color: hsl(var(--sf-dark-c-txt-lightgray-95)); background: hsl(var(--sf-dark-c-lightgray)) } html[data-theme='auto'] .sf-c-lightgray\:0, html.auto .sf-c-lightgray\:0 { color: hsl(var(--sf-dark-c-txt-lightgray-95)); background: hsl(var(--sf-dark-c-lightgray-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lightgray\:100\:dark, html.var.dark .sf-c-ligh html[data-theme='auto'] .sf-c-lightgray\:95\:dark, html.auto .sf-c-lightgray\:95\:dark { color: hsl(var(--sf-c-txt-lightgray-95)); background: hsl(var(--sf-c-lightgray-5)) } html[data-theme='auto'] .sf-c-lightgray\:100\:dark, html.auto .sf-c-lightgray\:100\:dark { color: hsl(var(--sf-c-txt-lightgray-95)); background: hsl(var(--sf-c-lightgray-0)) } + html[data-theme='auto'] .sf-c-txt-lightgray, html.auto .sf-c-txt-lightgray { color: hsl(var(--sf-c-txt-lightgray)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:0, html.auto .sf-c-txt-lightgray\:0 { color: hsl(var(--sf-c-txt-lightgray-0)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:5, html.auto .sf-c-txt-lightgray\:5 { color: hsl(var(--sf-c-txt-lightgray-5)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:10, html.auto .sf-c-txt-lightgray\:10 { color: hsl(var(--sf-c-txt-lightgray-10)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:15, html.auto .sf-c-txt-lightgray\:15 { color: hsl(var(--sf-c-txt-lightgray-15)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:20, html.auto .sf-c-txt-lightgray\:20 { color: hsl(var(--sf-c-txt-lightgray-20)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:25, html.auto .sf-c-txt-lightgray\:25 { color: hsl(var(--sf-c-txt-lightgray-25)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:30, html.auto .sf-c-txt-lightgray\:30 { color: hsl(var(--sf-c-txt-lightgray-30)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:35, html.auto .sf-c-txt-lightgray\:35 { color: hsl(var(--sf-c-txt-lightgray-35)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:40, html.auto .sf-c-txt-lightgray\:40 { color: hsl(var(--sf-c-txt-lightgray-40)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:45, html.auto .sf-c-txt-lightgray\:45 { color: hsl(var(--sf-c-txt-lightgray-45)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:50, html.auto .sf-c-txt-lightgray\:50 { color: hsl(var(--sf-c-txt-lightgray-50)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:55, html.auto .sf-c-txt-lightgray\:55 { color: hsl(var(--sf-c-txt-lightgray-55)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:60, html.auto .sf-c-txt-lightgray\:60 { color: hsl(var(--sf-c-txt-lightgray-60)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:65, html.auto .sf-c-txt-lightgray\:65 { color: hsl(var(--sf-c-txt-lightgray-65)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:70, html.auto .sf-c-txt-lightgray\:70 { color: hsl(var(--sf-c-txt-lightgray-70)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:75, html.auto .sf-c-txt-lightgray\:75 { color: hsl(var(--sf-c-txt-lightgray-75)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:80, html.auto .sf-c-txt-lightgray\:80 { color: hsl(var(--sf-c-txt-lightgray-80)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:85, html.auto .sf-c-txt-lightgray\:85 { color: hsl(var(--sf-c-txt-lightgray-85)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:90, html.auto .sf-c-txt-lightgray\:90 { color: hsl(var(--sf-c-txt-lightgray-90)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:95, html.auto .sf-c-txt-lightgray\:95 { color: hsl(var(--sf-c-txt-lightgray-95)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:100, html.auto .sf-c-txt-lightgray\:100 { color: hsl(var(--sf-c-txt-lightgray-100)) } + + html[data-theme='auto'] .sf-c-txt-lightgray\:dark, html.auto .sf-c-txt-lightgray\:dark { color: hsl(var(--sf-c-txt-lightgray)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:0\:dark, html.auto .sf-c-txt-lightgray\:0\:dark { color: hsl(var(--sf-c-txt-lightgray-0)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:5\:dark, html.auto .sf-c-txt-lightgray\:5\:dark { color: hsl(var(--sf-c-txt-lightgray-5)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:10\:dark, html.auto .sf-c-txt-lightgray\:10\:dark { color: hsl(var(--sf-c-txt-lightgray-10)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:15\:dark, html.auto .sf-c-txt-lightgray\:15\:dark { color: hsl(var(--sf-c-txt-lightgray-15)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:20\:dark, html.auto .sf-c-txt-lightgray\:20\:dark { color: hsl(var(--sf-c-txt-lightgray-20)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:25\:dark, html.auto .sf-c-txt-lightgray\:25\:dark { color: hsl(var(--sf-c-txt-lightgray-25)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:30\:dark, html.auto .sf-c-txt-lightgray\:30\:dark { color: hsl(var(--sf-c-txt-lightgray-30)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:35\:dark, html.auto .sf-c-txt-lightgray\:35\:dark { color: hsl(var(--sf-c-txt-lightgray-35)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:40\:dark, html.auto .sf-c-txt-lightgray\:40\:dark { color: hsl(var(--sf-c-txt-lightgray-40)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:45\:dark, html.auto .sf-c-txt-lightgray\:45\:dark { color: hsl(var(--sf-c-txt-lightgray-45)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:50\:dark, html.auto .sf-c-txt-lightgray\:50\:dark { color: hsl(var(--sf-c-txt-lightgray-50)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:55\:dark, html.auto .sf-c-txt-lightgray\:55\:dark { color: hsl(var(--sf-c-txt-lightgray-55)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:60\:dark, html.auto .sf-c-txt-lightgray\:60\:dark { color: hsl(var(--sf-c-txt-lightgray-60)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:65\:dark, html.auto .sf-c-txt-lightgray\:65\:dark { color: hsl(var(--sf-c-txt-lightgray-65)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:70\:dark, html.auto .sf-c-txt-lightgray\:70\:dark { color: hsl(var(--sf-c-txt-lightgray-70)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:75\:dark, html.auto .sf-c-txt-lightgray\:75\:dark { color: hsl(var(--sf-c-txt-lightgray-75)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:80\:dark, html.auto .sf-c-txt-lightgray\:80\:dark { color: hsl(var(--sf-c-txt-lightgray-80)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:85\:dark, html.auto .sf-c-txt-lightgray\:85\:dark { color: hsl(var(--sf-c-txt-lightgray-85)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:90\:dark, html.auto .sf-c-txt-lightgray\:90\:dark { color: hsl(var(--sf-c-txt-lightgray-90)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:95\:dark, html.auto .sf-c-txt-lightgray\:95\:dark { color: hsl(var(--sf-c-txt-lightgray-95)) } + html[data-theme='auto'] .sf-c-txt-lightgray\:100\:dark, html.auto .sf-c-txt-lightgray\:100\:dark { color: hsl(var(--sf-c-txt-lightgray-100)) } + html.var[data-theme='auto'] .sf-c-lightgray, html.var.auto .sf-c-lightgray { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 17%) } html.var[data-theme='auto'] .sf-c-lightgray\:0, html.var.auto .sf-c-lightgray\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-lightgray\:5, html.var.auto .sf-c-lightgray\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lightgray\:100\:dark, html.var.dark .sf-c-ligh html.var[data-theme='auto'] .sf-c-lightgray\:90\:dark, html.var.auto .sf-c-lightgray\:90\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-lightgray\:95\:dark, html.var.auto .sf-c-lightgray\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='auto'] .sf-c-lightgray\:100\:dark, html.var.auto .sf-c-lightgray\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-lightgray { color: hsl(var(--sf-c-txt-lightgray)) } -.sf-c-txt-lightgray\:0 { color: hsl(var(--sf-c-txt-lightgray-0)) } -.sf-c-txt-lightgray\:5 { color: hsl(var(--sf-c-txt-lightgray-5)) } -.sf-c-txt-lightgray\:10 { color: hsl(var(--sf-c-txt-lightgray-10)) } -.sf-c-txt-lightgray\:15 { color: hsl(var(--sf-c-txt-lightgray-15)) } -.sf-c-txt-lightgray\:20 { color: hsl(var(--sf-c-txt-lightgray-20)) } -.sf-c-txt-lightgray\:25 { color: hsl(var(--sf-c-txt-lightgray-25)) } -.sf-c-txt-lightgray\:30 { color: hsl(var(--sf-c-txt-lightgray-30)) } -.sf-c-txt-lightgray\:35 { color: hsl(var(--sf-c-txt-lightgray-35)) } -.sf-c-txt-lightgray\:40 { color: hsl(var(--sf-c-txt-lightgray-40)) } -.sf-c-txt-lightgray\:45 { color: hsl(var(--sf-c-txt-lightgray-45)) } -.sf-c-txt-lightgray\:50 { color: hsl(var(--sf-c-txt-lightgray-50)) } -.sf-c-txt-lightgray\:55 { color: hsl(var(--sf-c-txt-lightgray-55)) } -.sf-c-txt-lightgray\:60 { color: hsl(var(--sf-c-txt-lightgray-60)) } -.sf-c-txt-lightgray\:65 { color: hsl(var(--sf-c-txt-lightgray-65)) } -.sf-c-txt-lightgray\:70 { color: hsl(var(--sf-c-txt-lightgray-70)) } -.sf-c-txt-lightgray\:75 { color: hsl(var(--sf-c-txt-lightgray-75)) } -.sf-c-txt-lightgray\:80 { color: hsl(var(--sf-c-txt-lightgray-80)) } -.sf-c-txt-lightgray\:85 { color: hsl(var(--sf-c-txt-lightgray-85)) } -.sf-c-txt-lightgray\:90 { color: hsl(var(--sf-c-txt-lightgray-90)) } -.sf-c-txt-lightgray\:95 { color: hsl(var(--sf-c-txt-lightgray-95)) } -.sf-c-txt-lightgray\:100 { color: hsl(var(--sf-c-txt-lightgray-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightgray, html.auto .sf-c-txt-lightgray { color: hsl(0, 0%, 83%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:0, html.auto .sf-c-txt-lightgray\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:5, html.auto .sf-c-txt-lightgray\:5 { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:10, html.auto .sf-c-txt-lightgray\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:15, html.auto .sf-c-txt-lightgray\:15 { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:20, html.auto .sf-c-txt-lightgray\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:25, html.auto .sf-c-txt-lightgray\:25 { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:30, html.auto .sf-c-txt-lightgray\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:35, html.auto .sf-c-txt-lightgray\:35 { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:40, html.auto .sf-c-txt-lightgray\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:45, html.auto .sf-c-txt-lightgray\:45 { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:50, html.auto .sf-c-txt-lightgray\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:55, html.auto .sf-c-txt-lightgray\:55 { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:60, html.auto .sf-c-txt-lightgray\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:65, html.auto .sf-c-txt-lightgray\:65 { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:70, html.auto .sf-c-txt-lightgray\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:75, html.auto .sf-c-txt-lightgray\:75 { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:80, html.auto .sf-c-txt-lightgray\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:85, html.auto .sf-c-txt-lightgray\:85 { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:90, html.auto .sf-c-txt-lightgray\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:95, html.auto .sf-c-txt-lightgray\:95 { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:100, html.auto .sf-c-txt-lightgray\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightgray\:dark, html.auto .sf-c-txt-lightgray\:dark { color: hsl(0, 0%, 83%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:0\:dark, html.auto .sf-c-txt-lightgray\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:5\:dark, html.auto .sf-c-txt-lightgray\:5\:dark { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:10\:dark, html.auto .sf-c-txt-lightgray\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:15\:dark, html.auto .sf-c-txt-lightgray\:15\:dark { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:20\:dark, html.auto .sf-c-txt-lightgray\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:25\:dark, html.auto .sf-c-txt-lightgray\:25\:dark { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:30\:dark, html.auto .sf-c-txt-lightgray\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:35\:dark, html.auto .sf-c-txt-lightgray\:35\:dark { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:40\:dark, html.auto .sf-c-txt-lightgray\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:45\:dark, html.auto .sf-c-txt-lightgray\:45\:dark { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:50\:dark, html.auto .sf-c-txt-lightgray\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:55\:dark, html.auto .sf-c-txt-lightgray\:55\:dark { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:60\:dark, html.auto .sf-c-txt-lightgray\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:65\:dark, html.auto .sf-c-txt-lightgray\:65\:dark { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:70\:dark, html.auto .sf-c-txt-lightgray\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:75\:dark, html.auto .sf-c-txt-lightgray\:75\:dark { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:80\:dark, html.auto .sf-c-txt-lightgray\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:85\:dark, html.auto .sf-c-txt-lightgray\:85\:dark { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:90\:dark, html.auto .sf-c-txt-lightgray\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:95\:dark, html.auto .sf-c-txt-lightgray\:95\:dark { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightgray\:100\:dark, html.auto .sf-c-txt-lightgray\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lightgreen.css b/src/colors/20/lightgreen.css index 8bb8224..0d8a24c 100644 --- a/src/colors/20/lightgreen.css +++ b/src/colors/20/lightgreen.css @@ -138,6 +138,52 @@ html.var .sf-c-lightgreen\:90 { color: hsl(120, 73%, 5%); background: hsl(120, 7 html.var .sf-c-lightgreen\:95 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 95%) } html.var .sf-c-lightgreen\:100 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 100%) } +.sf-c-txt-lightgreen { color: hsl(var(--sf-dark-c-txt-lightgreen)) } +.sf-c-txt-lightgreen\:0 { color: hsl(var(--sf-dark-c-txt-lightgreen-100)) } +.sf-c-txt-lightgreen\:5 { color: hsl(var(--sf-dark-c-txt-lightgreen-95)) } +.sf-c-txt-lightgreen\:10 { color: hsl(var(--sf-dark-c-txt-lightgreen-90)) } +.sf-c-txt-lightgreen\:15 { color: hsl(var(--sf-dark-c-txt-lightgreen-85)) } +.sf-c-txt-lightgreen\:20 { color: hsl(var(--sf-dark-c-txt-lightgreen-80)) } +.sf-c-txt-lightgreen\:25 { color: hsl(var(--sf-dark-c-txt-lightgreen-75)) } +.sf-c-txt-lightgreen\:30 { color: hsl(var(--sf-dark-c-txt-lightgreen-70)) } +.sf-c-txt-lightgreen\:35 { color: hsl(var(--sf-dark-c-txt-lightgreen-65)) } +.sf-c-txt-lightgreen\:40 { color: hsl(var(--sf-dark-c-txt-lightgreen-60)) } +.sf-c-txt-lightgreen\:45 { color: hsl(var(--sf-dark-c-txt-lightgreen-55)) } +.sf-c-txt-lightgreen\:50 { color: hsl(var(--sf-dark-c-txt-lightgreen-50)) } +.sf-c-txt-lightgreen\:55 { color: hsl(var(--sf-dark-c-txt-lightgreen-45)) } +.sf-c-txt-lightgreen\:60 { color: hsl(var(--sf-dark-c-txt-lightgreen-40)) } +.sf-c-txt-lightgreen\:65 { color: hsl(var(--sf-dark-c-txt-lightgreen-35)) } +.sf-c-txt-lightgreen\:70 { color: hsl(var(--sf-dark-c-txt-lightgreen-30)) } +.sf-c-txt-lightgreen\:75 { color: hsl(var(--sf-dark-c-txt-lightgreen-25)) } +.sf-c-txt-lightgreen\:80 { color: hsl(var(--sf-dark-c-txt-lightgreen-20)) } +.sf-c-txt-lightgreen\:85 { color: hsl(var(--sf-dark-c-txt-lightgreen-15)) } +.sf-c-txt-lightgreen\:90 { color: hsl(var(--sf-dark-c-txt-lightgreen-10)) } +.sf-c-txt-lightgreen\:95 { color: hsl(var(--sf-dark-c-txt-lightgreen-5)) } +.sf-c-txt-lightgreen\:100 { color: hsl(var(--sf-dark-c-txt-lightgreen-0)) } + +html.var .sf-c-txt-lightgreen { color: hsl(120, 73%, 25%) } +html.var .sf-c-txt-lightgreen\:0 { color: hsl(120, 73%, 100%) } +html.var .sf-c-txt-lightgreen\:5 { color: hsl(120, 73%, 95%) } +html.var .sf-c-txt-lightgreen\:10 { color: hsl(120, 73%, 90%) } +html.var .sf-c-txt-lightgreen\:15 { color: hsl(120, 73%, 85%) } +html.var .sf-c-txt-lightgreen\:20 { color: hsl(120, 73%, 80%) } +html.var .sf-c-txt-lightgreen\:25 { color: hsl(120, 73%, 75%) } +html.var .sf-c-txt-lightgreen\:30 { color: hsl(120, 73%, 70%) } +html.var .sf-c-txt-lightgreen\:35 { color: hsl(120, 73%, 65%) } +html.var .sf-c-txt-lightgreen\:40 { color: hsl(120, 73%, 60%) } +html.var .sf-c-txt-lightgreen\:45 { color: hsl(120, 73%, 55%) } +html.var .sf-c-txt-lightgreen\:50 { color: hsl(120, 73%, 50%) } +html.var .sf-c-txt-lightgreen\:55 { color: hsl(120, 73%, 45%) } +html.var .sf-c-txt-lightgreen\:60 { color: hsl(120, 73%, 40%) } +html.var .sf-c-txt-lightgreen\:65 { color: hsl(120, 73%, 35%) } +html.var .sf-c-txt-lightgreen\:70 { color: hsl(120, 73%, 30%) } +html.var .sf-c-txt-lightgreen\:75 { color: hsl(120, 73%, 25%) } +html.var .sf-c-txt-lightgreen\:80 { color: hsl(120, 73%, 20%) } +html.var .sf-c-txt-lightgreen\:85 { color: hsl(120, 73%, 15%) } +html.var .sf-c-txt-lightgreen\:90 { color: hsl(120, 73%, 10%) } +html.var .sf-c-txt-lightgreen\:95 { color: hsl(120, 73%, 5%) } +html.var .sf-c-txt-lightgreen\:100 { color: hsl(120, 73%, 0%) } + html[data-theme='dark'] .sf-c-lightgreen, html.dark .sf-c-lightgreen { color: hsl(var(--sf-dark-c-txt-lightgreen-95)); background: hsl(var(--sf-dark-c-lightgreen)) } html[data-theme='dark'] .sf-c-lightgreen\:0, html.dark .sf-c-lightgreen\:0 { color: hsl(var(--sf-dark-c-txt-lightgreen-95)); background: hsl(var(--sf-dark-c-lightgreen-100)) } html[data-theme='dark'] .sf-c-lightgreen\:5, html.dark .sf-c-lightgreen\:5 { color: hsl(var(--sf-dark-c-txt-lightgreen-5)); background: hsl(var(--sf-dark-c-lightgreen-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lightgreen\:90\:dark, html.dark .sf-c-lightgreen\: html[data-theme='dark'] .sf-c-lightgreen\:95\:dark, html.dark .sf-c-lightgreen\:95\:dark { color: hsl(var(--sf-c-txt-lightgreen-95)); background: hsl(var(--sf-c-lightgreen-5)) } html[data-theme='dark'] .sf-c-lightgreen\:100\:dark, html.dark .sf-c-lightgreen\:100\:dark { color: hsl(var(--sf-c-txt-lightgreen-95)); background: hsl(var(--sf-c-lightgreen-0)) } +html[data-theme='dark'] .sf-c-txt-lightgreen, html.dark .sf-c-txt-lightgreen { color: hsl(var(--sf-c-txt-lightgreen)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:0, html.dark .sf-c-txt-lightgreen\:0 { color: hsl(var(--sf-c-txt-lightgreen-0)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:5, html.dark .sf-c-txt-lightgreen\:5 { color: hsl(var(--sf-c-txt-lightgreen-5)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:10, html.dark .sf-c-txt-lightgreen\:10 { color: hsl(var(--sf-c-txt-lightgreen-10)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:15, html.dark .sf-c-txt-lightgreen\:15 { color: hsl(var(--sf-c-txt-lightgreen-15)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:20, html.dark .sf-c-txt-lightgreen\:20 { color: hsl(var(--sf-c-txt-lightgreen-20)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:25, html.dark .sf-c-txt-lightgreen\:25 { color: hsl(var(--sf-c-txt-lightgreen-25)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:30, html.dark .sf-c-txt-lightgreen\:30 { color: hsl(var(--sf-c-txt-lightgreen-30)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:35, html.dark .sf-c-txt-lightgreen\:35 { color: hsl(var(--sf-c-txt-lightgreen-35)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:40, html.dark .sf-c-txt-lightgreen\:40 { color: hsl(var(--sf-c-txt-lightgreen-40)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:45, html.dark .sf-c-txt-lightgreen\:45 { color: hsl(var(--sf-c-txt-lightgreen-45)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:50, html.dark .sf-c-txt-lightgreen\:50 { color: hsl(var(--sf-c-txt-lightgreen-50)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:55, html.dark .sf-c-txt-lightgreen\:55 { color: hsl(var(--sf-c-txt-lightgreen-55)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:60, html.dark .sf-c-txt-lightgreen\:60 { color: hsl(var(--sf-c-txt-lightgreen-60)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:65, html.dark .sf-c-txt-lightgreen\:65 { color: hsl(var(--sf-c-txt-lightgreen-65)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:70, html.dark .sf-c-txt-lightgreen\:70 { color: hsl(var(--sf-c-txt-lightgreen-70)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:75, html.dark .sf-c-txt-lightgreen\:75 { color: hsl(var(--sf-c-txt-lightgreen-75)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:80, html.dark .sf-c-txt-lightgreen\:80 { color: hsl(var(--sf-c-txt-lightgreen-80)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:85, html.dark .sf-c-txt-lightgreen\:85 { color: hsl(var(--sf-c-txt-lightgreen-85)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:90, html.dark .sf-c-txt-lightgreen\:90 { color: hsl(var(--sf-c-txt-lightgreen-90)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:95, html.dark .sf-c-txt-lightgreen\:95 { color: hsl(var(--sf-c-txt-lightgreen-95)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:100, html.dark .sf-c-txt-lightgreen\:100 { color: hsl(var(--sf-c-txt-lightgreen-100)) } + +html[data-theme='dark'] .sf-c-txt-lightgreen\:dark, html.dark .sf-c-txt-lightgreen\:dark { color: hsl(var(--sf-c-txt-lightgreen)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:0\:dark, html.dark .sf-c-txt-lightgreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-0)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:5\:dark, html.dark .sf-c-txt-lightgreen\:5\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-5)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:10\:dark, html.dark .sf-c-txt-lightgreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-10)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:15\:dark, html.dark .sf-c-txt-lightgreen\:15\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-15)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:20\:dark, html.dark .sf-c-txt-lightgreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-20)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:25\:dark, html.dark .sf-c-txt-lightgreen\:25\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-25)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:30\:dark, html.dark .sf-c-txt-lightgreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-30)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:35\:dark, html.dark .sf-c-txt-lightgreen\:35\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-35)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:40\:dark, html.dark .sf-c-txt-lightgreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-40)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:45\:dark, html.dark .sf-c-txt-lightgreen\:45\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-45)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:50\:dark, html.dark .sf-c-txt-lightgreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-50)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:55\:dark, html.dark .sf-c-txt-lightgreen\:55\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-55)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:60\:dark, html.dark .sf-c-txt-lightgreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-60)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:65\:dark, html.dark .sf-c-txt-lightgreen\:65\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-65)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:70\:dark, html.dark .sf-c-txt-lightgreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-70)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:75\:dark, html.dark .sf-c-txt-lightgreen\:75\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-75)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:80\:dark, html.dark .sf-c-txt-lightgreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-80)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:85\:dark, html.dark .sf-c-txt-lightgreen\:85\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-85)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:90\:dark, html.dark .sf-c-txt-lightgreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-90)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:95\:dark, html.dark .sf-c-txt-lightgreen\:95\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-95)) } +html[data-theme='dark'] .sf-c-txt-lightgreen\:100\:dark, html.dark .sf-c-txt-lightgreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightgreen-100)) } + html.var[data-theme='dark'] .sf-c-lightgreen, html.var.dark .sf-c-lightgreen { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 25%) } html.var[data-theme='dark'] .sf-c-lightgreen\:0, html.var.dark .sf-c-lightgreen\:0 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 100%) } html.var[data-theme='dark'] .sf-c-lightgreen\:5, html.var.dark .sf-c-lightgreen\:5 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lightgreen\:90\:dark, html.var.dark .sf-c-ligh html.var[data-theme='dark'] .sf-c-lightgreen\:95\:dark, html.var.dark .sf-c-lightgreen\:95\:dark { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 5%) } html.var[data-theme='dark'] .sf-c-lightgreen\:100\:dark, html.var.dark .sf-c-lightgreen\:100\:dark { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen, html.dark .sf-c-txt-lightgreen { color: hsl(120, 73%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:0, html.dark .sf-c-txt-lightgreen\:0 { color: hsl(120, 73%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:5, html.dark .sf-c-txt-lightgreen\:5 { color: hsl(120, 73%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:10, html.dark .sf-c-txt-lightgreen\:10 { color: hsl(120, 73%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:15, html.dark .sf-c-txt-lightgreen\:15 { color: hsl(120, 73%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:20, html.dark .sf-c-txt-lightgreen\:20 { color: hsl(120, 73%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:25, html.dark .sf-c-txt-lightgreen\:25 { color: hsl(120, 73%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:30, html.dark .sf-c-txt-lightgreen\:30 { color: hsl(120, 73%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:35, html.dark .sf-c-txt-lightgreen\:35 { color: hsl(120, 73%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:40, html.dark .sf-c-txt-lightgreen\:40 { color: hsl(120, 73%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:45, html.dark .sf-c-txt-lightgreen\:45 { color: hsl(120, 73%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:50, html.dark .sf-c-txt-lightgreen\:50 { color: hsl(120, 73%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:55, html.dark .sf-c-txt-lightgreen\:55 { color: hsl(120, 73%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:60, html.dark .sf-c-txt-lightgreen\:60 { color: hsl(120, 73%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:65, html.dark .sf-c-txt-lightgreen\:65 { color: hsl(120, 73%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:70, html.dark .sf-c-txt-lightgreen\:70 { color: hsl(120, 73%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:75, html.dark .sf-c-txt-lightgreen\:75 { color: hsl(120, 73%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:80, html.dark .sf-c-txt-lightgreen\:80 { color: hsl(120, 73%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:85, html.dark .sf-c-txt-lightgreen\:85 { color: hsl(120, 73%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:90, html.dark .sf-c-txt-lightgreen\:90 { color: hsl(120, 73%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:95, html.dark .sf-c-txt-lightgreen\:95 { color: hsl(120, 73%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:100, html.dark .sf-c-txt-lightgreen\:100 { color: hsl(120, 73%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:dark, html.dark .sf-c-txt-lightgreen\:dark { color: hsl(120, 73%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:0\:dark, html.dark .sf-c-txt-lightgreen\:0\:dark { color: hsl(120, 73%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:5\:dark, html.dark .sf-c-txt-lightgreen\:5\:dark { color: hsl(120, 73%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:10\:dark, html.dark .sf-c-txt-lightgreen\:10\:dark { color: hsl(120, 73%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:15\:dark, html.dark .sf-c-txt-lightgreen\:15\:dark { color: hsl(120, 73%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:20\:dark, html.dark .sf-c-txt-lightgreen\:20\:dark { color: hsl(120, 73%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:25\:dark, html.dark .sf-c-txt-lightgreen\:25\:dark { color: hsl(120, 73%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:30\:dark, html.dark .sf-c-txt-lightgreen\:30\:dark { color: hsl(120, 73%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:35\:dark, html.dark .sf-c-txt-lightgreen\:35\:dark { color: hsl(120, 73%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:40\:dark, html.dark .sf-c-txt-lightgreen\:40\:dark { color: hsl(120, 73%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:45\:dark, html.dark .sf-c-txt-lightgreen\:45\:dark { color: hsl(120, 73%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:50\:dark, html.dark .sf-c-txt-lightgreen\:50\:dark { color: hsl(120, 73%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:55\:dark, html.dark .sf-c-txt-lightgreen\:55\:dark { color: hsl(120, 73%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:60\:dark, html.dark .sf-c-txt-lightgreen\:60\:dark { color: hsl(120, 73%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:65\:dark, html.dark .sf-c-txt-lightgreen\:65\:dark { color: hsl(120, 73%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:70\:dark, html.dark .sf-c-txt-lightgreen\:70\:dark { color: hsl(120, 73%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:75\:dark, html.dark .sf-c-txt-lightgreen\:75\:dark { color: hsl(120, 73%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:80\:dark, html.dark .sf-c-txt-lightgreen\:80\:dark { color: hsl(120, 73%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:85\:dark, html.dark .sf-c-txt-lightgreen\:85\:dark { color: hsl(120, 73%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:90\:dark, html.dark .sf-c-txt-lightgreen\:90\:dark { color: hsl(120, 73%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:95\:dark, html.dark .sf-c-txt-lightgreen\:95\:dark { color: hsl(120, 73%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightgreen\:100\:dark, html.dark .sf-c-txt-lightgreen\:100\:dark { color: hsl(120, 73%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightgreen, html.auto .sf-c-lightgreen { color: hsl(var(--sf-dark-c-txt-lightgreen-95)); background: hsl(var(--sf-dark-c-lightgreen)) } html[data-theme='auto'] .sf-c-lightgreen\:0, html.auto .sf-c-lightgreen\:0 { color: hsl(var(--sf-dark-c-txt-lightgreen-95)); background: hsl(var(--sf-dark-c-lightgreen-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lightgreen\:100\:dark, html.var.dark .sf-c-lig html[data-theme='auto'] .sf-c-lightgreen\:95\:dark, html.auto .sf-c-lightgreen\:95\:dark { color: hsl(var(--sf-c-txt-lightgreen-95)); background: hsl(var(--sf-c-lightgreen-5)) } html[data-theme='auto'] .sf-c-lightgreen\:100\:dark, html.auto .sf-c-lightgreen\:100\:dark { color: hsl(var(--sf-c-txt-lightgreen-95)); background: hsl(var(--sf-c-lightgreen-0)) } + html[data-theme='auto'] .sf-c-txt-lightgreen, html.auto .sf-c-txt-lightgreen { color: hsl(var(--sf-c-txt-lightgreen)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:0, html.auto .sf-c-txt-lightgreen\:0 { color: hsl(var(--sf-c-txt-lightgreen-0)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:5, html.auto .sf-c-txt-lightgreen\:5 { color: hsl(var(--sf-c-txt-lightgreen-5)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:10, html.auto .sf-c-txt-lightgreen\:10 { color: hsl(var(--sf-c-txt-lightgreen-10)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:15, html.auto .sf-c-txt-lightgreen\:15 { color: hsl(var(--sf-c-txt-lightgreen-15)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:20, html.auto .sf-c-txt-lightgreen\:20 { color: hsl(var(--sf-c-txt-lightgreen-20)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:25, html.auto .sf-c-txt-lightgreen\:25 { color: hsl(var(--sf-c-txt-lightgreen-25)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:30, html.auto .sf-c-txt-lightgreen\:30 { color: hsl(var(--sf-c-txt-lightgreen-30)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:35, html.auto .sf-c-txt-lightgreen\:35 { color: hsl(var(--sf-c-txt-lightgreen-35)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:40, html.auto .sf-c-txt-lightgreen\:40 { color: hsl(var(--sf-c-txt-lightgreen-40)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:45, html.auto .sf-c-txt-lightgreen\:45 { color: hsl(var(--sf-c-txt-lightgreen-45)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:50, html.auto .sf-c-txt-lightgreen\:50 { color: hsl(var(--sf-c-txt-lightgreen-50)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:55, html.auto .sf-c-txt-lightgreen\:55 { color: hsl(var(--sf-c-txt-lightgreen-55)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:60, html.auto .sf-c-txt-lightgreen\:60 { color: hsl(var(--sf-c-txt-lightgreen-60)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:65, html.auto .sf-c-txt-lightgreen\:65 { color: hsl(var(--sf-c-txt-lightgreen-65)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:70, html.auto .sf-c-txt-lightgreen\:70 { color: hsl(var(--sf-c-txt-lightgreen-70)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:75, html.auto .sf-c-txt-lightgreen\:75 { color: hsl(var(--sf-c-txt-lightgreen-75)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:80, html.auto .sf-c-txt-lightgreen\:80 { color: hsl(var(--sf-c-txt-lightgreen-80)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:85, html.auto .sf-c-txt-lightgreen\:85 { color: hsl(var(--sf-c-txt-lightgreen-85)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:90, html.auto .sf-c-txt-lightgreen\:90 { color: hsl(var(--sf-c-txt-lightgreen-90)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:95, html.auto .sf-c-txt-lightgreen\:95 { color: hsl(var(--sf-c-txt-lightgreen-95)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:100, html.auto .sf-c-txt-lightgreen\:100 { color: hsl(var(--sf-c-txt-lightgreen-100)) } + + html[data-theme='auto'] .sf-c-txt-lightgreen\:dark, html.auto .sf-c-txt-lightgreen\:dark { color: hsl(var(--sf-c-txt-lightgreen)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:0\:dark, html.auto .sf-c-txt-lightgreen\:0\:dark { color: hsl(var(--sf-c-txt-lightgreen-0)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:5\:dark, html.auto .sf-c-txt-lightgreen\:5\:dark { color: hsl(var(--sf-c-txt-lightgreen-5)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:10\:dark, html.auto .sf-c-txt-lightgreen\:10\:dark { color: hsl(var(--sf-c-txt-lightgreen-10)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:15\:dark, html.auto .sf-c-txt-lightgreen\:15\:dark { color: hsl(var(--sf-c-txt-lightgreen-15)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:20\:dark, html.auto .sf-c-txt-lightgreen\:20\:dark { color: hsl(var(--sf-c-txt-lightgreen-20)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:25\:dark, html.auto .sf-c-txt-lightgreen\:25\:dark { color: hsl(var(--sf-c-txt-lightgreen-25)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:30\:dark, html.auto .sf-c-txt-lightgreen\:30\:dark { color: hsl(var(--sf-c-txt-lightgreen-30)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:35\:dark, html.auto .sf-c-txt-lightgreen\:35\:dark { color: hsl(var(--sf-c-txt-lightgreen-35)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:40\:dark, html.auto .sf-c-txt-lightgreen\:40\:dark { color: hsl(var(--sf-c-txt-lightgreen-40)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:45\:dark, html.auto .sf-c-txt-lightgreen\:45\:dark { color: hsl(var(--sf-c-txt-lightgreen-45)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:50\:dark, html.auto .sf-c-txt-lightgreen\:50\:dark { color: hsl(var(--sf-c-txt-lightgreen-50)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:55\:dark, html.auto .sf-c-txt-lightgreen\:55\:dark { color: hsl(var(--sf-c-txt-lightgreen-55)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:60\:dark, html.auto .sf-c-txt-lightgreen\:60\:dark { color: hsl(var(--sf-c-txt-lightgreen-60)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:65\:dark, html.auto .sf-c-txt-lightgreen\:65\:dark { color: hsl(var(--sf-c-txt-lightgreen-65)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:70\:dark, html.auto .sf-c-txt-lightgreen\:70\:dark { color: hsl(var(--sf-c-txt-lightgreen-70)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:75\:dark, html.auto .sf-c-txt-lightgreen\:75\:dark { color: hsl(var(--sf-c-txt-lightgreen-75)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:80\:dark, html.auto .sf-c-txt-lightgreen\:80\:dark { color: hsl(var(--sf-c-txt-lightgreen-80)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:85\:dark, html.auto .sf-c-txt-lightgreen\:85\:dark { color: hsl(var(--sf-c-txt-lightgreen-85)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:90\:dark, html.auto .sf-c-txt-lightgreen\:90\:dark { color: hsl(var(--sf-c-txt-lightgreen-90)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:95\:dark, html.auto .sf-c-txt-lightgreen\:95\:dark { color: hsl(var(--sf-c-txt-lightgreen-95)) } + html[data-theme='auto'] .sf-c-txt-lightgreen\:100\:dark, html.auto .sf-c-txt-lightgreen\:100\:dark { color: hsl(var(--sf-c-txt-lightgreen-100)) } + html.var[data-theme='auto'] .sf-c-lightgreen, html.var.auto .sf-c-lightgreen { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 25%) } html.var[data-theme='auto'] .sf-c-lightgreen\:0, html.var.auto .sf-c-lightgreen\:0 { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 100%) } html.var[data-theme='auto'] .sf-c-lightgreen\:5, html.var.auto .sf-c-lightgreen\:5 { color: hsl(120, 73%, 5%); background: hsl(120, 73%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lightgreen\:100\:dark, html.var.dark .sf-c-lig html.var[data-theme='auto'] .sf-c-lightgreen\:90\:dark, html.var.auto .sf-c-lightgreen\:90\:dark { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 10%) } html.var[data-theme='auto'] .sf-c-lightgreen\:95\:dark, html.var.auto .sf-c-lightgreen\:95\:dark { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 5%) } html.var[data-theme='auto'] .sf-c-lightgreen\:100\:dark, html.var.auto .sf-c-lightgreen\:100\:dark { color: hsl(120, 73%, 95%); background: hsl(120, 73%, 0%) } -} -.sf-c-txt-lightgreen { color: hsl(var(--sf-c-txt-lightgreen)) } -.sf-c-txt-lightgreen\:0 { color: hsl(var(--sf-c-txt-lightgreen-0)) } -.sf-c-txt-lightgreen\:5 { color: hsl(var(--sf-c-txt-lightgreen-5)) } -.sf-c-txt-lightgreen\:10 { color: hsl(var(--sf-c-txt-lightgreen-10)) } -.sf-c-txt-lightgreen\:15 { color: hsl(var(--sf-c-txt-lightgreen-15)) } -.sf-c-txt-lightgreen\:20 { color: hsl(var(--sf-c-txt-lightgreen-20)) } -.sf-c-txt-lightgreen\:25 { color: hsl(var(--sf-c-txt-lightgreen-25)) } -.sf-c-txt-lightgreen\:30 { color: hsl(var(--sf-c-txt-lightgreen-30)) } -.sf-c-txt-lightgreen\:35 { color: hsl(var(--sf-c-txt-lightgreen-35)) } -.sf-c-txt-lightgreen\:40 { color: hsl(var(--sf-c-txt-lightgreen-40)) } -.sf-c-txt-lightgreen\:45 { color: hsl(var(--sf-c-txt-lightgreen-45)) } -.sf-c-txt-lightgreen\:50 { color: hsl(var(--sf-c-txt-lightgreen-50)) } -.sf-c-txt-lightgreen\:55 { color: hsl(var(--sf-c-txt-lightgreen-55)) } -.sf-c-txt-lightgreen\:60 { color: hsl(var(--sf-c-txt-lightgreen-60)) } -.sf-c-txt-lightgreen\:65 { color: hsl(var(--sf-c-txt-lightgreen-65)) } -.sf-c-txt-lightgreen\:70 { color: hsl(var(--sf-c-txt-lightgreen-70)) } -.sf-c-txt-lightgreen\:75 { color: hsl(var(--sf-c-txt-lightgreen-75)) } -.sf-c-txt-lightgreen\:80 { color: hsl(var(--sf-c-txt-lightgreen-80)) } -.sf-c-txt-lightgreen\:85 { color: hsl(var(--sf-c-txt-lightgreen-85)) } -.sf-c-txt-lightgreen\:90 { color: hsl(var(--sf-c-txt-lightgreen-90)) } -.sf-c-txt-lightgreen\:95 { color: hsl(var(--sf-c-txt-lightgreen-95)) } -.sf-c-txt-lightgreen\:100 { color: hsl(var(--sf-c-txt-lightgreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightgreen, html.auto .sf-c-txt-lightgreen { color: hsl(120, 73%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:0, html.auto .sf-c-txt-lightgreen\:0 { color: hsl(120, 73%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:5, html.auto .sf-c-txt-lightgreen\:5 { color: hsl(120, 73%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:10, html.auto .sf-c-txt-lightgreen\:10 { color: hsl(120, 73%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:15, html.auto .sf-c-txt-lightgreen\:15 { color: hsl(120, 73%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:20, html.auto .sf-c-txt-lightgreen\:20 { color: hsl(120, 73%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:25, html.auto .sf-c-txt-lightgreen\:25 { color: hsl(120, 73%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:30, html.auto .sf-c-txt-lightgreen\:30 { color: hsl(120, 73%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:35, html.auto .sf-c-txt-lightgreen\:35 { color: hsl(120, 73%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:40, html.auto .sf-c-txt-lightgreen\:40 { color: hsl(120, 73%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:45, html.auto .sf-c-txt-lightgreen\:45 { color: hsl(120, 73%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:50, html.auto .sf-c-txt-lightgreen\:50 { color: hsl(120, 73%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:55, html.auto .sf-c-txt-lightgreen\:55 { color: hsl(120, 73%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:60, html.auto .sf-c-txt-lightgreen\:60 { color: hsl(120, 73%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:65, html.auto .sf-c-txt-lightgreen\:65 { color: hsl(120, 73%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:70, html.auto .sf-c-txt-lightgreen\:70 { color: hsl(120, 73%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:75, html.auto .sf-c-txt-lightgreen\:75 { color: hsl(120, 73%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:80, html.auto .sf-c-txt-lightgreen\:80 { color: hsl(120, 73%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:85, html.auto .sf-c-txt-lightgreen\:85 { color: hsl(120, 73%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:90, html.auto .sf-c-txt-lightgreen\:90 { color: hsl(120, 73%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:95, html.auto .sf-c-txt-lightgreen\:95 { color: hsl(120, 73%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:100, html.auto .sf-c-txt-lightgreen\:100 { color: hsl(120, 73%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:dark, html.auto .sf-c-txt-lightgreen\:dark { color: hsl(120, 73%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:0\:dark, html.auto .sf-c-txt-lightgreen\:0\:dark { color: hsl(120, 73%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:5\:dark, html.auto .sf-c-txt-lightgreen\:5\:dark { color: hsl(120, 73%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:10\:dark, html.auto .sf-c-txt-lightgreen\:10\:dark { color: hsl(120, 73%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:15\:dark, html.auto .sf-c-txt-lightgreen\:15\:dark { color: hsl(120, 73%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:20\:dark, html.auto .sf-c-txt-lightgreen\:20\:dark { color: hsl(120, 73%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:25\:dark, html.auto .sf-c-txt-lightgreen\:25\:dark { color: hsl(120, 73%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:30\:dark, html.auto .sf-c-txt-lightgreen\:30\:dark { color: hsl(120, 73%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:35\:dark, html.auto .sf-c-txt-lightgreen\:35\:dark { color: hsl(120, 73%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:40\:dark, html.auto .sf-c-txt-lightgreen\:40\:dark { color: hsl(120, 73%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:45\:dark, html.auto .sf-c-txt-lightgreen\:45\:dark { color: hsl(120, 73%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:50\:dark, html.auto .sf-c-txt-lightgreen\:50\:dark { color: hsl(120, 73%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:55\:dark, html.auto .sf-c-txt-lightgreen\:55\:dark { color: hsl(120, 73%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:60\:dark, html.auto .sf-c-txt-lightgreen\:60\:dark { color: hsl(120, 73%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:65\:dark, html.auto .sf-c-txt-lightgreen\:65\:dark { color: hsl(120, 73%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:70\:dark, html.auto .sf-c-txt-lightgreen\:70\:dark { color: hsl(120, 73%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:75\:dark, html.auto .sf-c-txt-lightgreen\:75\:dark { color: hsl(120, 73%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:80\:dark, html.auto .sf-c-txt-lightgreen\:80\:dark { color: hsl(120, 73%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:85\:dark, html.auto .sf-c-txt-lightgreen\:85\:dark { color: hsl(120, 73%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:90\:dark, html.auto .sf-c-txt-lightgreen\:90\:dark { color: hsl(120, 73%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:95\:dark, html.auto .sf-c-txt-lightgreen\:95\:dark { color: hsl(120, 73%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightgreen\:100\:dark, html.auto .sf-c-txt-lightgreen\:100\:dark { color: hsl(120, 73%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lightgrey.css b/src/colors/20/lightgrey.css index 9021982..33194e9 100644 --- a/src/colors/20/lightgrey.css +++ b/src/colors/20/lightgrey.css @@ -138,6 +138,52 @@ html.var .sf-c-lightgrey\:90 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90% html.var .sf-c-lightgrey\:95 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } html.var .sf-c-lightgrey\:100 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } +.sf-c-txt-lightgrey { color: hsl(var(--sf-dark-c-txt-lightgrey)) } +.sf-c-txt-lightgrey\:0 { color: hsl(var(--sf-dark-c-txt-lightgrey-100)) } +.sf-c-txt-lightgrey\:5 { color: hsl(var(--sf-dark-c-txt-lightgrey-95)) } +.sf-c-txt-lightgrey\:10 { color: hsl(var(--sf-dark-c-txt-lightgrey-90)) } +.sf-c-txt-lightgrey\:15 { color: hsl(var(--sf-dark-c-txt-lightgrey-85)) } +.sf-c-txt-lightgrey\:20 { color: hsl(var(--sf-dark-c-txt-lightgrey-80)) } +.sf-c-txt-lightgrey\:25 { color: hsl(var(--sf-dark-c-txt-lightgrey-75)) } +.sf-c-txt-lightgrey\:30 { color: hsl(var(--sf-dark-c-txt-lightgrey-70)) } +.sf-c-txt-lightgrey\:35 { color: hsl(var(--sf-dark-c-txt-lightgrey-65)) } +.sf-c-txt-lightgrey\:40 { color: hsl(var(--sf-dark-c-txt-lightgrey-60)) } +.sf-c-txt-lightgrey\:45 { color: hsl(var(--sf-dark-c-txt-lightgrey-55)) } +.sf-c-txt-lightgrey\:50 { color: hsl(var(--sf-dark-c-txt-lightgrey-50)) } +.sf-c-txt-lightgrey\:55 { color: hsl(var(--sf-dark-c-txt-lightgrey-45)) } +.sf-c-txt-lightgrey\:60 { color: hsl(var(--sf-dark-c-txt-lightgrey-40)) } +.sf-c-txt-lightgrey\:65 { color: hsl(var(--sf-dark-c-txt-lightgrey-35)) } +.sf-c-txt-lightgrey\:70 { color: hsl(var(--sf-dark-c-txt-lightgrey-30)) } +.sf-c-txt-lightgrey\:75 { color: hsl(var(--sf-dark-c-txt-lightgrey-25)) } +.sf-c-txt-lightgrey\:80 { color: hsl(var(--sf-dark-c-txt-lightgrey-20)) } +.sf-c-txt-lightgrey\:85 { color: hsl(var(--sf-dark-c-txt-lightgrey-15)) } +.sf-c-txt-lightgrey\:90 { color: hsl(var(--sf-dark-c-txt-lightgrey-10)) } +.sf-c-txt-lightgrey\:95 { color: hsl(var(--sf-dark-c-txt-lightgrey-5)) } +.sf-c-txt-lightgrey\:100 { color: hsl(var(--sf-dark-c-txt-lightgrey-0)) } + +html.var .sf-c-txt-lightgrey { color: hsl(0, 0%, 17%) } +html.var .sf-c-txt-lightgrey\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-lightgrey\:5 { color: hsl(0, 0%, 95%) } +html.var .sf-c-txt-lightgrey\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-lightgrey\:15 { color: hsl(0, 0%, 85%) } +html.var .sf-c-txt-lightgrey\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-lightgrey\:25 { color: hsl(0, 0%, 75%) } +html.var .sf-c-txt-lightgrey\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-lightgrey\:35 { color: hsl(0, 0%, 65%) } +html.var .sf-c-txt-lightgrey\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-lightgrey\:45 { color: hsl(0, 0%, 55%) } +html.var .sf-c-txt-lightgrey\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-lightgrey\:55 { color: hsl(0, 0%, 45%) } +html.var .sf-c-txt-lightgrey\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-lightgrey\:65 { color: hsl(0, 0%, 35%) } +html.var .sf-c-txt-lightgrey\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-lightgrey\:75 { color: hsl(0, 0%, 25%) } +html.var .sf-c-txt-lightgrey\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-lightgrey\:85 { color: hsl(0, 0%, 15%) } +html.var .sf-c-txt-lightgrey\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-lightgrey\:95 { color: hsl(0, 0%, 5%) } +html.var .sf-c-txt-lightgrey\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-lightgrey, html.dark .sf-c-lightgrey { color: hsl(var(--sf-dark-c-txt-lightgrey-95)); background: hsl(var(--sf-dark-c-lightgrey)) } html[data-theme='dark'] .sf-c-lightgrey\:0, html.dark .sf-c-lightgrey\:0 { color: hsl(var(--sf-dark-c-txt-lightgrey-95)); background: hsl(var(--sf-dark-c-lightgrey-100)) } html[data-theme='dark'] .sf-c-lightgrey\:5, html.dark .sf-c-lightgrey\:5 { color: hsl(var(--sf-dark-c-txt-lightgrey-5)); background: hsl(var(--sf-dark-c-lightgrey-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lightgrey\:90\:dark, html.dark .sf-c-lightgrey\:90 html[data-theme='dark'] .sf-c-lightgrey\:95\:dark, html.dark .sf-c-lightgrey\:95\:dark { color: hsl(var(--sf-c-txt-lightgrey-95)); background: hsl(var(--sf-c-lightgrey-5)) } html[data-theme='dark'] .sf-c-lightgrey\:100\:dark, html.dark .sf-c-lightgrey\:100\:dark { color: hsl(var(--sf-c-txt-lightgrey-95)); background: hsl(var(--sf-c-lightgrey-0)) } +html[data-theme='dark'] .sf-c-txt-lightgrey, html.dark .sf-c-txt-lightgrey { color: hsl(var(--sf-c-txt-lightgrey)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:0, html.dark .sf-c-txt-lightgrey\:0 { color: hsl(var(--sf-c-txt-lightgrey-0)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:5, html.dark .sf-c-txt-lightgrey\:5 { color: hsl(var(--sf-c-txt-lightgrey-5)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:10, html.dark .sf-c-txt-lightgrey\:10 { color: hsl(var(--sf-c-txt-lightgrey-10)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:15, html.dark .sf-c-txt-lightgrey\:15 { color: hsl(var(--sf-c-txt-lightgrey-15)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:20, html.dark .sf-c-txt-lightgrey\:20 { color: hsl(var(--sf-c-txt-lightgrey-20)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:25, html.dark .sf-c-txt-lightgrey\:25 { color: hsl(var(--sf-c-txt-lightgrey-25)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:30, html.dark .sf-c-txt-lightgrey\:30 { color: hsl(var(--sf-c-txt-lightgrey-30)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:35, html.dark .sf-c-txt-lightgrey\:35 { color: hsl(var(--sf-c-txt-lightgrey-35)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:40, html.dark .sf-c-txt-lightgrey\:40 { color: hsl(var(--sf-c-txt-lightgrey-40)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:45, html.dark .sf-c-txt-lightgrey\:45 { color: hsl(var(--sf-c-txt-lightgrey-45)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:50, html.dark .sf-c-txt-lightgrey\:50 { color: hsl(var(--sf-c-txt-lightgrey-50)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:55, html.dark .sf-c-txt-lightgrey\:55 { color: hsl(var(--sf-c-txt-lightgrey-55)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:60, html.dark .sf-c-txt-lightgrey\:60 { color: hsl(var(--sf-c-txt-lightgrey-60)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:65, html.dark .sf-c-txt-lightgrey\:65 { color: hsl(var(--sf-c-txt-lightgrey-65)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:70, html.dark .sf-c-txt-lightgrey\:70 { color: hsl(var(--sf-c-txt-lightgrey-70)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:75, html.dark .sf-c-txt-lightgrey\:75 { color: hsl(var(--sf-c-txt-lightgrey-75)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:80, html.dark .sf-c-txt-lightgrey\:80 { color: hsl(var(--sf-c-txt-lightgrey-80)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:85, html.dark .sf-c-txt-lightgrey\:85 { color: hsl(var(--sf-c-txt-lightgrey-85)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:90, html.dark .sf-c-txt-lightgrey\:90 { color: hsl(var(--sf-c-txt-lightgrey-90)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:95, html.dark .sf-c-txt-lightgrey\:95 { color: hsl(var(--sf-c-txt-lightgrey-95)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:100, html.dark .sf-c-txt-lightgrey\:100 { color: hsl(var(--sf-c-txt-lightgrey-100)) } + +html[data-theme='dark'] .sf-c-txt-lightgrey\:dark, html.dark .sf-c-txt-lightgrey\:dark { color: hsl(var(--sf-c-txt-lightgrey)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:0\:dark, html.dark .sf-c-txt-lightgrey\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-0)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:5\:dark, html.dark .sf-c-txt-lightgrey\:5\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-5)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:10\:dark, html.dark .sf-c-txt-lightgrey\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-10)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:15\:dark, html.dark .sf-c-txt-lightgrey\:15\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-15)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:20\:dark, html.dark .sf-c-txt-lightgrey\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-20)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:25\:dark, html.dark .sf-c-txt-lightgrey\:25\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-25)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:30\:dark, html.dark .sf-c-txt-lightgrey\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-30)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:35\:dark, html.dark .sf-c-txt-lightgrey\:35\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-35)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:40\:dark, html.dark .sf-c-txt-lightgrey\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-40)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:45\:dark, html.dark .sf-c-txt-lightgrey\:45\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-45)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:50\:dark, html.dark .sf-c-txt-lightgrey\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-50)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:55\:dark, html.dark .sf-c-txt-lightgrey\:55\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-55)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:60\:dark, html.dark .sf-c-txt-lightgrey\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-60)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:65\:dark, html.dark .sf-c-txt-lightgrey\:65\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-65)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:70\:dark, html.dark .sf-c-txt-lightgrey\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-70)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:75\:dark, html.dark .sf-c-txt-lightgrey\:75\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-75)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:80\:dark, html.dark .sf-c-txt-lightgrey\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-80)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:85\:dark, html.dark .sf-c-txt-lightgrey\:85\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-85)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:90\:dark, html.dark .sf-c-txt-lightgrey\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-90)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:95\:dark, html.dark .sf-c-txt-lightgrey\:95\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-95)) } +html[data-theme='dark'] .sf-c-txt-lightgrey\:100\:dark, html.dark .sf-c-txt-lightgrey\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightgrey-100)) } + html.var[data-theme='dark'] .sf-c-lightgrey, html.var.dark .sf-c-lightgrey { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 17%) } html.var[data-theme='dark'] .sf-c-lightgrey\:0, html.var.dark .sf-c-lightgrey\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-lightgrey\:5, html.var.dark .sf-c-lightgrey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lightgrey\:90\:dark, html.var.dark .sf-c-light html.var[data-theme='dark'] .sf-c-lightgrey\:95\:dark, html.var.dark .sf-c-lightgrey\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='dark'] .sf-c-lightgrey\:100\:dark, html.var.dark .sf-c-lightgrey\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey, html.dark .sf-c-txt-lightgrey { color: hsl(0, 0%, 83%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:0, html.dark .sf-c-txt-lightgrey\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:5, html.dark .sf-c-txt-lightgrey\:5 { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:10, html.dark .sf-c-txt-lightgrey\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:15, html.dark .sf-c-txt-lightgrey\:15 { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:20, html.dark .sf-c-txt-lightgrey\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:25, html.dark .sf-c-txt-lightgrey\:25 { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:30, html.dark .sf-c-txt-lightgrey\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:35, html.dark .sf-c-txt-lightgrey\:35 { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:40, html.dark .sf-c-txt-lightgrey\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:45, html.dark .sf-c-txt-lightgrey\:45 { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:50, html.dark .sf-c-txt-lightgrey\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:55, html.dark .sf-c-txt-lightgrey\:55 { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:60, html.dark .sf-c-txt-lightgrey\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:65, html.dark .sf-c-txt-lightgrey\:65 { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:70, html.dark .sf-c-txt-lightgrey\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:75, html.dark .sf-c-txt-lightgrey\:75 { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:80, html.dark .sf-c-txt-lightgrey\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:85, html.dark .sf-c-txt-lightgrey\:85 { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:90, html.dark .sf-c-txt-lightgrey\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:95, html.dark .sf-c-txt-lightgrey\:95 { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:100, html.dark .sf-c-txt-lightgrey\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:dark, html.dark .sf-c-txt-lightgrey\:dark { color: hsl(0, 0%, 83%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:0\:dark, html.dark .sf-c-txt-lightgrey\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:5\:dark, html.dark .sf-c-txt-lightgrey\:5\:dark { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:10\:dark, html.dark .sf-c-txt-lightgrey\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:15\:dark, html.dark .sf-c-txt-lightgrey\:15\:dark { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:20\:dark, html.dark .sf-c-txt-lightgrey\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:25\:dark, html.dark .sf-c-txt-lightgrey\:25\:dark { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:30\:dark, html.dark .sf-c-txt-lightgrey\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:35\:dark, html.dark .sf-c-txt-lightgrey\:35\:dark { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:40\:dark, html.dark .sf-c-txt-lightgrey\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:45\:dark, html.dark .sf-c-txt-lightgrey\:45\:dark { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:50\:dark, html.dark .sf-c-txt-lightgrey\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:55\:dark, html.dark .sf-c-txt-lightgrey\:55\:dark { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:60\:dark, html.dark .sf-c-txt-lightgrey\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:65\:dark, html.dark .sf-c-txt-lightgrey\:65\:dark { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:70\:dark, html.dark .sf-c-txt-lightgrey\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:75\:dark, html.dark .sf-c-txt-lightgrey\:75\:dark { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:80\:dark, html.dark .sf-c-txt-lightgrey\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:85\:dark, html.dark .sf-c-txt-lightgrey\:85\:dark { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:90\:dark, html.dark .sf-c-txt-lightgrey\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:95\:dark, html.dark .sf-c-txt-lightgrey\:95\:dark { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightgrey\:100\:dark, html.dark .sf-c-txt-lightgrey\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightgrey, html.auto .sf-c-lightgrey { color: hsl(var(--sf-dark-c-txt-lightgrey-95)); background: hsl(var(--sf-dark-c-lightgrey)) } html[data-theme='auto'] .sf-c-lightgrey\:0, html.auto .sf-c-lightgrey\:0 { color: hsl(var(--sf-dark-c-txt-lightgrey-95)); background: hsl(var(--sf-dark-c-lightgrey-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lightgrey\:100\:dark, html.var.dark .sf-c-ligh html[data-theme='auto'] .sf-c-lightgrey\:95\:dark, html.auto .sf-c-lightgrey\:95\:dark { color: hsl(var(--sf-c-txt-lightgrey-95)); background: hsl(var(--sf-c-lightgrey-5)) } html[data-theme='auto'] .sf-c-lightgrey\:100\:dark, html.auto .sf-c-lightgrey\:100\:dark { color: hsl(var(--sf-c-txt-lightgrey-95)); background: hsl(var(--sf-c-lightgrey-0)) } + html[data-theme='auto'] .sf-c-txt-lightgrey, html.auto .sf-c-txt-lightgrey { color: hsl(var(--sf-c-txt-lightgrey)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:0, html.auto .sf-c-txt-lightgrey\:0 { color: hsl(var(--sf-c-txt-lightgrey-0)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:5, html.auto .sf-c-txt-lightgrey\:5 { color: hsl(var(--sf-c-txt-lightgrey-5)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:10, html.auto .sf-c-txt-lightgrey\:10 { color: hsl(var(--sf-c-txt-lightgrey-10)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:15, html.auto .sf-c-txt-lightgrey\:15 { color: hsl(var(--sf-c-txt-lightgrey-15)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:20, html.auto .sf-c-txt-lightgrey\:20 { color: hsl(var(--sf-c-txt-lightgrey-20)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:25, html.auto .sf-c-txt-lightgrey\:25 { color: hsl(var(--sf-c-txt-lightgrey-25)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:30, html.auto .sf-c-txt-lightgrey\:30 { color: hsl(var(--sf-c-txt-lightgrey-30)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:35, html.auto .sf-c-txt-lightgrey\:35 { color: hsl(var(--sf-c-txt-lightgrey-35)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:40, html.auto .sf-c-txt-lightgrey\:40 { color: hsl(var(--sf-c-txt-lightgrey-40)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:45, html.auto .sf-c-txt-lightgrey\:45 { color: hsl(var(--sf-c-txt-lightgrey-45)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:50, html.auto .sf-c-txt-lightgrey\:50 { color: hsl(var(--sf-c-txt-lightgrey-50)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:55, html.auto .sf-c-txt-lightgrey\:55 { color: hsl(var(--sf-c-txt-lightgrey-55)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:60, html.auto .sf-c-txt-lightgrey\:60 { color: hsl(var(--sf-c-txt-lightgrey-60)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:65, html.auto .sf-c-txt-lightgrey\:65 { color: hsl(var(--sf-c-txt-lightgrey-65)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:70, html.auto .sf-c-txt-lightgrey\:70 { color: hsl(var(--sf-c-txt-lightgrey-70)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:75, html.auto .sf-c-txt-lightgrey\:75 { color: hsl(var(--sf-c-txt-lightgrey-75)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:80, html.auto .sf-c-txt-lightgrey\:80 { color: hsl(var(--sf-c-txt-lightgrey-80)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:85, html.auto .sf-c-txt-lightgrey\:85 { color: hsl(var(--sf-c-txt-lightgrey-85)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:90, html.auto .sf-c-txt-lightgrey\:90 { color: hsl(var(--sf-c-txt-lightgrey-90)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:95, html.auto .sf-c-txt-lightgrey\:95 { color: hsl(var(--sf-c-txt-lightgrey-95)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:100, html.auto .sf-c-txt-lightgrey\:100 { color: hsl(var(--sf-c-txt-lightgrey-100)) } + + html[data-theme='auto'] .sf-c-txt-lightgrey\:dark, html.auto .sf-c-txt-lightgrey\:dark { color: hsl(var(--sf-c-txt-lightgrey)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:0\:dark, html.auto .sf-c-txt-lightgrey\:0\:dark { color: hsl(var(--sf-c-txt-lightgrey-0)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:5\:dark, html.auto .sf-c-txt-lightgrey\:5\:dark { color: hsl(var(--sf-c-txt-lightgrey-5)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:10\:dark, html.auto .sf-c-txt-lightgrey\:10\:dark { color: hsl(var(--sf-c-txt-lightgrey-10)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:15\:dark, html.auto .sf-c-txt-lightgrey\:15\:dark { color: hsl(var(--sf-c-txt-lightgrey-15)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:20\:dark, html.auto .sf-c-txt-lightgrey\:20\:dark { color: hsl(var(--sf-c-txt-lightgrey-20)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:25\:dark, html.auto .sf-c-txt-lightgrey\:25\:dark { color: hsl(var(--sf-c-txt-lightgrey-25)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:30\:dark, html.auto .sf-c-txt-lightgrey\:30\:dark { color: hsl(var(--sf-c-txt-lightgrey-30)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:35\:dark, html.auto .sf-c-txt-lightgrey\:35\:dark { color: hsl(var(--sf-c-txt-lightgrey-35)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:40\:dark, html.auto .sf-c-txt-lightgrey\:40\:dark { color: hsl(var(--sf-c-txt-lightgrey-40)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:45\:dark, html.auto .sf-c-txt-lightgrey\:45\:dark { color: hsl(var(--sf-c-txt-lightgrey-45)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:50\:dark, html.auto .sf-c-txt-lightgrey\:50\:dark { color: hsl(var(--sf-c-txt-lightgrey-50)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:55\:dark, html.auto .sf-c-txt-lightgrey\:55\:dark { color: hsl(var(--sf-c-txt-lightgrey-55)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:60\:dark, html.auto .sf-c-txt-lightgrey\:60\:dark { color: hsl(var(--sf-c-txt-lightgrey-60)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:65\:dark, html.auto .sf-c-txt-lightgrey\:65\:dark { color: hsl(var(--sf-c-txt-lightgrey-65)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:70\:dark, html.auto .sf-c-txt-lightgrey\:70\:dark { color: hsl(var(--sf-c-txt-lightgrey-70)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:75\:dark, html.auto .sf-c-txt-lightgrey\:75\:dark { color: hsl(var(--sf-c-txt-lightgrey-75)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:80\:dark, html.auto .sf-c-txt-lightgrey\:80\:dark { color: hsl(var(--sf-c-txt-lightgrey-80)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:85\:dark, html.auto .sf-c-txt-lightgrey\:85\:dark { color: hsl(var(--sf-c-txt-lightgrey-85)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:90\:dark, html.auto .sf-c-txt-lightgrey\:90\:dark { color: hsl(var(--sf-c-txt-lightgrey-90)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:95\:dark, html.auto .sf-c-txt-lightgrey\:95\:dark { color: hsl(var(--sf-c-txt-lightgrey-95)) } + html[data-theme='auto'] .sf-c-txt-lightgrey\:100\:dark, html.auto .sf-c-txt-lightgrey\:100\:dark { color: hsl(var(--sf-c-txt-lightgrey-100)) } + html.var[data-theme='auto'] .sf-c-lightgrey, html.var.auto .sf-c-lightgrey { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 17%) } html.var[data-theme='auto'] .sf-c-lightgrey\:0, html.var.auto .sf-c-lightgrey\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-lightgrey\:5, html.var.auto .sf-c-lightgrey\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lightgrey\:100\:dark, html.var.dark .sf-c-ligh html.var[data-theme='auto'] .sf-c-lightgrey\:90\:dark, html.var.auto .sf-c-lightgrey\:90\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-lightgrey\:95\:dark, html.var.auto .sf-c-lightgrey\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='auto'] .sf-c-lightgrey\:100\:dark, html.var.auto .sf-c-lightgrey\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-lightgrey { color: hsl(var(--sf-c-txt-lightgrey)) } -.sf-c-txt-lightgrey\:0 { color: hsl(var(--sf-c-txt-lightgrey-0)) } -.sf-c-txt-lightgrey\:5 { color: hsl(var(--sf-c-txt-lightgrey-5)) } -.sf-c-txt-lightgrey\:10 { color: hsl(var(--sf-c-txt-lightgrey-10)) } -.sf-c-txt-lightgrey\:15 { color: hsl(var(--sf-c-txt-lightgrey-15)) } -.sf-c-txt-lightgrey\:20 { color: hsl(var(--sf-c-txt-lightgrey-20)) } -.sf-c-txt-lightgrey\:25 { color: hsl(var(--sf-c-txt-lightgrey-25)) } -.sf-c-txt-lightgrey\:30 { color: hsl(var(--sf-c-txt-lightgrey-30)) } -.sf-c-txt-lightgrey\:35 { color: hsl(var(--sf-c-txt-lightgrey-35)) } -.sf-c-txt-lightgrey\:40 { color: hsl(var(--sf-c-txt-lightgrey-40)) } -.sf-c-txt-lightgrey\:45 { color: hsl(var(--sf-c-txt-lightgrey-45)) } -.sf-c-txt-lightgrey\:50 { color: hsl(var(--sf-c-txt-lightgrey-50)) } -.sf-c-txt-lightgrey\:55 { color: hsl(var(--sf-c-txt-lightgrey-55)) } -.sf-c-txt-lightgrey\:60 { color: hsl(var(--sf-c-txt-lightgrey-60)) } -.sf-c-txt-lightgrey\:65 { color: hsl(var(--sf-c-txt-lightgrey-65)) } -.sf-c-txt-lightgrey\:70 { color: hsl(var(--sf-c-txt-lightgrey-70)) } -.sf-c-txt-lightgrey\:75 { color: hsl(var(--sf-c-txt-lightgrey-75)) } -.sf-c-txt-lightgrey\:80 { color: hsl(var(--sf-c-txt-lightgrey-80)) } -.sf-c-txt-lightgrey\:85 { color: hsl(var(--sf-c-txt-lightgrey-85)) } -.sf-c-txt-lightgrey\:90 { color: hsl(var(--sf-c-txt-lightgrey-90)) } -.sf-c-txt-lightgrey\:95 { color: hsl(var(--sf-c-txt-lightgrey-95)) } -.sf-c-txt-lightgrey\:100 { color: hsl(var(--sf-c-txt-lightgrey-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightgrey, html.auto .sf-c-txt-lightgrey { color: hsl(0, 0%, 83%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:0, html.auto .sf-c-txt-lightgrey\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:5, html.auto .sf-c-txt-lightgrey\:5 { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:10, html.auto .sf-c-txt-lightgrey\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:15, html.auto .sf-c-txt-lightgrey\:15 { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:20, html.auto .sf-c-txt-lightgrey\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:25, html.auto .sf-c-txt-lightgrey\:25 { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:30, html.auto .sf-c-txt-lightgrey\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:35, html.auto .sf-c-txt-lightgrey\:35 { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:40, html.auto .sf-c-txt-lightgrey\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:45, html.auto .sf-c-txt-lightgrey\:45 { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:50, html.auto .sf-c-txt-lightgrey\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:55, html.auto .sf-c-txt-lightgrey\:55 { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:60, html.auto .sf-c-txt-lightgrey\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:65, html.auto .sf-c-txt-lightgrey\:65 { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:70, html.auto .sf-c-txt-lightgrey\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:75, html.auto .sf-c-txt-lightgrey\:75 { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:80, html.auto .sf-c-txt-lightgrey\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:85, html.auto .sf-c-txt-lightgrey\:85 { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:90, html.auto .sf-c-txt-lightgrey\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:95, html.auto .sf-c-txt-lightgrey\:95 { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:100, html.auto .sf-c-txt-lightgrey\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:dark, html.auto .sf-c-txt-lightgrey\:dark { color: hsl(0, 0%, 83%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:0\:dark, html.auto .sf-c-txt-lightgrey\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:5\:dark, html.auto .sf-c-txt-lightgrey\:5\:dark { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:10\:dark, html.auto .sf-c-txt-lightgrey\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:15\:dark, html.auto .sf-c-txt-lightgrey\:15\:dark { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:20\:dark, html.auto .sf-c-txt-lightgrey\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:25\:dark, html.auto .sf-c-txt-lightgrey\:25\:dark { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:30\:dark, html.auto .sf-c-txt-lightgrey\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:35\:dark, html.auto .sf-c-txt-lightgrey\:35\:dark { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:40\:dark, html.auto .sf-c-txt-lightgrey\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:45\:dark, html.auto .sf-c-txt-lightgrey\:45\:dark { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:50\:dark, html.auto .sf-c-txt-lightgrey\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:55\:dark, html.auto .sf-c-txt-lightgrey\:55\:dark { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:60\:dark, html.auto .sf-c-txt-lightgrey\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:65\:dark, html.auto .sf-c-txt-lightgrey\:65\:dark { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:70\:dark, html.auto .sf-c-txt-lightgrey\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:75\:dark, html.auto .sf-c-txt-lightgrey\:75\:dark { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:80\:dark, html.auto .sf-c-txt-lightgrey\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:85\:dark, html.auto .sf-c-txt-lightgrey\:85\:dark { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:90\:dark, html.auto .sf-c-txt-lightgrey\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:95\:dark, html.auto .sf-c-txt-lightgrey\:95\:dark { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightgrey\:100\:dark, html.auto .sf-c-txt-lightgrey\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lightpink.css b/src/colors/20/lightpink.css index 188dec0..36b9d64 100644 --- a/src/colors/20/lightpink.css +++ b/src/colors/20/lightpink.css @@ -138,6 +138,52 @@ html.var .sf-c-lightpink\:90 { color: hsl(351, 100%, 5%); background: hsl(351, 1 html.var .sf-c-lightpink\:95 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 95%) } html.var .sf-c-lightpink\:100 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 100%) } +.sf-c-txt-lightpink { color: hsl(var(--sf-dark-c-txt-lightpink)) } +.sf-c-txt-lightpink\:0 { color: hsl(var(--sf-dark-c-txt-lightpink-100)) } +.sf-c-txt-lightpink\:5 { color: hsl(var(--sf-dark-c-txt-lightpink-95)) } +.sf-c-txt-lightpink\:10 { color: hsl(var(--sf-dark-c-txt-lightpink-90)) } +.sf-c-txt-lightpink\:15 { color: hsl(var(--sf-dark-c-txt-lightpink-85)) } +.sf-c-txt-lightpink\:20 { color: hsl(var(--sf-dark-c-txt-lightpink-80)) } +.sf-c-txt-lightpink\:25 { color: hsl(var(--sf-dark-c-txt-lightpink-75)) } +.sf-c-txt-lightpink\:30 { color: hsl(var(--sf-dark-c-txt-lightpink-70)) } +.sf-c-txt-lightpink\:35 { color: hsl(var(--sf-dark-c-txt-lightpink-65)) } +.sf-c-txt-lightpink\:40 { color: hsl(var(--sf-dark-c-txt-lightpink-60)) } +.sf-c-txt-lightpink\:45 { color: hsl(var(--sf-dark-c-txt-lightpink-55)) } +.sf-c-txt-lightpink\:50 { color: hsl(var(--sf-dark-c-txt-lightpink-50)) } +.sf-c-txt-lightpink\:55 { color: hsl(var(--sf-dark-c-txt-lightpink-45)) } +.sf-c-txt-lightpink\:60 { color: hsl(var(--sf-dark-c-txt-lightpink-40)) } +.sf-c-txt-lightpink\:65 { color: hsl(var(--sf-dark-c-txt-lightpink-35)) } +.sf-c-txt-lightpink\:70 { color: hsl(var(--sf-dark-c-txt-lightpink-30)) } +.sf-c-txt-lightpink\:75 { color: hsl(var(--sf-dark-c-txt-lightpink-25)) } +.sf-c-txt-lightpink\:80 { color: hsl(var(--sf-dark-c-txt-lightpink-20)) } +.sf-c-txt-lightpink\:85 { color: hsl(var(--sf-dark-c-txt-lightpink-15)) } +.sf-c-txt-lightpink\:90 { color: hsl(var(--sf-dark-c-txt-lightpink-10)) } +.sf-c-txt-lightpink\:95 { color: hsl(var(--sf-dark-c-txt-lightpink-5)) } +.sf-c-txt-lightpink\:100 { color: hsl(var(--sf-dark-c-txt-lightpink-0)) } + +html.var .sf-c-txt-lightpink { color: hsl(351, 100%, 14%) } +html.var .sf-c-txt-lightpink\:0 { color: hsl(351, 100%, 100%) } +html.var .sf-c-txt-lightpink\:5 { color: hsl(351, 100%, 95%) } +html.var .sf-c-txt-lightpink\:10 { color: hsl(351, 100%, 90%) } +html.var .sf-c-txt-lightpink\:15 { color: hsl(351, 100%, 85%) } +html.var .sf-c-txt-lightpink\:20 { color: hsl(351, 100%, 80%) } +html.var .sf-c-txt-lightpink\:25 { color: hsl(351, 100%, 75%) } +html.var .sf-c-txt-lightpink\:30 { color: hsl(351, 100%, 70%) } +html.var .sf-c-txt-lightpink\:35 { color: hsl(351, 100%, 65%) } +html.var .sf-c-txt-lightpink\:40 { color: hsl(351, 100%, 60%) } +html.var .sf-c-txt-lightpink\:45 { color: hsl(351, 100%, 55%) } +html.var .sf-c-txt-lightpink\:50 { color: hsl(351, 100%, 50%) } +html.var .sf-c-txt-lightpink\:55 { color: hsl(351, 100%, 45%) } +html.var .sf-c-txt-lightpink\:60 { color: hsl(351, 100%, 40%) } +html.var .sf-c-txt-lightpink\:65 { color: hsl(351, 100%, 35%) } +html.var .sf-c-txt-lightpink\:70 { color: hsl(351, 100%, 30%) } +html.var .sf-c-txt-lightpink\:75 { color: hsl(351, 100%, 25%) } +html.var .sf-c-txt-lightpink\:80 { color: hsl(351, 100%, 20%) } +html.var .sf-c-txt-lightpink\:85 { color: hsl(351, 100%, 15%) } +html.var .sf-c-txt-lightpink\:90 { color: hsl(351, 100%, 10%) } +html.var .sf-c-txt-lightpink\:95 { color: hsl(351, 100%, 5%) } +html.var .sf-c-txt-lightpink\:100 { color: hsl(351, 100%, 0%) } + html[data-theme='dark'] .sf-c-lightpink, html.dark .sf-c-lightpink { color: hsl(var(--sf-dark-c-txt-lightpink-95)); background: hsl(var(--sf-dark-c-lightpink)) } html[data-theme='dark'] .sf-c-lightpink\:0, html.dark .sf-c-lightpink\:0 { color: hsl(var(--sf-dark-c-txt-lightpink-95)); background: hsl(var(--sf-dark-c-lightpink-100)) } html[data-theme='dark'] .sf-c-lightpink\:5, html.dark .sf-c-lightpink\:5 { color: hsl(var(--sf-dark-c-txt-lightpink-5)); background: hsl(var(--sf-dark-c-lightpink-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lightpink\:90\:dark, html.dark .sf-c-lightpink\:90 html[data-theme='dark'] .sf-c-lightpink\:95\:dark, html.dark .sf-c-lightpink\:95\:dark { color: hsl(var(--sf-c-txt-lightpink-95)); background: hsl(var(--sf-c-lightpink-5)) } html[data-theme='dark'] .sf-c-lightpink\:100\:dark, html.dark .sf-c-lightpink\:100\:dark { color: hsl(var(--sf-c-txt-lightpink-95)); background: hsl(var(--sf-c-lightpink-0)) } +html[data-theme='dark'] .sf-c-txt-lightpink, html.dark .sf-c-txt-lightpink { color: hsl(var(--sf-c-txt-lightpink)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:0, html.dark .sf-c-txt-lightpink\:0 { color: hsl(var(--sf-c-txt-lightpink-0)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:5, html.dark .sf-c-txt-lightpink\:5 { color: hsl(var(--sf-c-txt-lightpink-5)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:10, html.dark .sf-c-txt-lightpink\:10 { color: hsl(var(--sf-c-txt-lightpink-10)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:15, html.dark .sf-c-txt-lightpink\:15 { color: hsl(var(--sf-c-txt-lightpink-15)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:20, html.dark .sf-c-txt-lightpink\:20 { color: hsl(var(--sf-c-txt-lightpink-20)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:25, html.dark .sf-c-txt-lightpink\:25 { color: hsl(var(--sf-c-txt-lightpink-25)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:30, html.dark .sf-c-txt-lightpink\:30 { color: hsl(var(--sf-c-txt-lightpink-30)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:35, html.dark .sf-c-txt-lightpink\:35 { color: hsl(var(--sf-c-txt-lightpink-35)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:40, html.dark .sf-c-txt-lightpink\:40 { color: hsl(var(--sf-c-txt-lightpink-40)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:45, html.dark .sf-c-txt-lightpink\:45 { color: hsl(var(--sf-c-txt-lightpink-45)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:50, html.dark .sf-c-txt-lightpink\:50 { color: hsl(var(--sf-c-txt-lightpink-50)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:55, html.dark .sf-c-txt-lightpink\:55 { color: hsl(var(--sf-c-txt-lightpink-55)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:60, html.dark .sf-c-txt-lightpink\:60 { color: hsl(var(--sf-c-txt-lightpink-60)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:65, html.dark .sf-c-txt-lightpink\:65 { color: hsl(var(--sf-c-txt-lightpink-65)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:70, html.dark .sf-c-txt-lightpink\:70 { color: hsl(var(--sf-c-txt-lightpink-70)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:75, html.dark .sf-c-txt-lightpink\:75 { color: hsl(var(--sf-c-txt-lightpink-75)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:80, html.dark .sf-c-txt-lightpink\:80 { color: hsl(var(--sf-c-txt-lightpink-80)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:85, html.dark .sf-c-txt-lightpink\:85 { color: hsl(var(--sf-c-txt-lightpink-85)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:90, html.dark .sf-c-txt-lightpink\:90 { color: hsl(var(--sf-c-txt-lightpink-90)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:95, html.dark .sf-c-txt-lightpink\:95 { color: hsl(var(--sf-c-txt-lightpink-95)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:100, html.dark .sf-c-txt-lightpink\:100 { color: hsl(var(--sf-c-txt-lightpink-100)) } + +html[data-theme='dark'] .sf-c-txt-lightpink\:dark, html.dark .sf-c-txt-lightpink\:dark { color: hsl(var(--sf-c-txt-lightpink)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:0\:dark, html.dark .sf-c-txt-lightpink\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-0)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:5\:dark, html.dark .sf-c-txt-lightpink\:5\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-5)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:10\:dark, html.dark .sf-c-txt-lightpink\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-10)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:15\:dark, html.dark .sf-c-txt-lightpink\:15\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-15)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:20\:dark, html.dark .sf-c-txt-lightpink\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-20)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:25\:dark, html.dark .sf-c-txt-lightpink\:25\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-25)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:30\:dark, html.dark .sf-c-txt-lightpink\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-30)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:35\:dark, html.dark .sf-c-txt-lightpink\:35\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-35)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:40\:dark, html.dark .sf-c-txt-lightpink\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-40)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:45\:dark, html.dark .sf-c-txt-lightpink\:45\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-45)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:50\:dark, html.dark .sf-c-txt-lightpink\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-50)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:55\:dark, html.dark .sf-c-txt-lightpink\:55\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-55)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:60\:dark, html.dark .sf-c-txt-lightpink\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-60)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:65\:dark, html.dark .sf-c-txt-lightpink\:65\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-65)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:70\:dark, html.dark .sf-c-txt-lightpink\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-70)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:75\:dark, html.dark .sf-c-txt-lightpink\:75\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-75)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:80\:dark, html.dark .sf-c-txt-lightpink\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-80)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:85\:dark, html.dark .sf-c-txt-lightpink\:85\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-85)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:90\:dark, html.dark .sf-c-txt-lightpink\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-90)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:95\:dark, html.dark .sf-c-txt-lightpink\:95\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-95)) } +html[data-theme='dark'] .sf-c-txt-lightpink\:100\:dark, html.dark .sf-c-txt-lightpink\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightpink-100)) } + html.var[data-theme='dark'] .sf-c-lightpink, html.var.dark .sf-c-lightpink { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 14%) } html.var[data-theme='dark'] .sf-c-lightpink\:0, html.var.dark .sf-c-lightpink\:0 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lightpink\:5, html.var.dark .sf-c-lightpink\:5 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lightpink\:90\:dark, html.var.dark .sf-c-light html.var[data-theme='dark'] .sf-c-lightpink\:95\:dark, html.var.dark .sf-c-lightpink\:95\:dark { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 5%) } html.var[data-theme='dark'] .sf-c-lightpink\:100\:dark, html.var.dark .sf-c-lightpink\:100\:dark { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink, html.dark .sf-c-txt-lightpink { color: hsl(351, 100%, 86%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:0, html.dark .sf-c-txt-lightpink\:0 { color: hsl(351, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:5, html.dark .sf-c-txt-lightpink\:5 { color: hsl(351, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:10, html.dark .sf-c-txt-lightpink\:10 { color: hsl(351, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:15, html.dark .sf-c-txt-lightpink\:15 { color: hsl(351, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:20, html.dark .sf-c-txt-lightpink\:20 { color: hsl(351, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:25, html.dark .sf-c-txt-lightpink\:25 { color: hsl(351, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:30, html.dark .sf-c-txt-lightpink\:30 { color: hsl(351, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:35, html.dark .sf-c-txt-lightpink\:35 { color: hsl(351, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:40, html.dark .sf-c-txt-lightpink\:40 { color: hsl(351, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:45, html.dark .sf-c-txt-lightpink\:45 { color: hsl(351, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:50, html.dark .sf-c-txt-lightpink\:50 { color: hsl(351, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:55, html.dark .sf-c-txt-lightpink\:55 { color: hsl(351, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:60, html.dark .sf-c-txt-lightpink\:60 { color: hsl(351, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:65, html.dark .sf-c-txt-lightpink\:65 { color: hsl(351, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:70, html.dark .sf-c-txt-lightpink\:70 { color: hsl(351, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:75, html.dark .sf-c-txt-lightpink\:75 { color: hsl(351, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:80, html.dark .sf-c-txt-lightpink\:80 { color: hsl(351, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:85, html.dark .sf-c-txt-lightpink\:85 { color: hsl(351, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:90, html.dark .sf-c-txt-lightpink\:90 { color: hsl(351, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:95, html.dark .sf-c-txt-lightpink\:95 { color: hsl(351, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:100, html.dark .sf-c-txt-lightpink\:100 { color: hsl(351, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightpink\:dark, html.dark .sf-c-txt-lightpink\:dark { color: hsl(351, 100%, 86%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:0\:dark, html.dark .sf-c-txt-lightpink\:0\:dark { color: hsl(351, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:5\:dark, html.dark .sf-c-txt-lightpink\:5\:dark { color: hsl(351, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:10\:dark, html.dark .sf-c-txt-lightpink\:10\:dark { color: hsl(351, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:15\:dark, html.dark .sf-c-txt-lightpink\:15\:dark { color: hsl(351, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:20\:dark, html.dark .sf-c-txt-lightpink\:20\:dark { color: hsl(351, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:25\:dark, html.dark .sf-c-txt-lightpink\:25\:dark { color: hsl(351, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:30\:dark, html.dark .sf-c-txt-lightpink\:30\:dark { color: hsl(351, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:35\:dark, html.dark .sf-c-txt-lightpink\:35\:dark { color: hsl(351, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:40\:dark, html.dark .sf-c-txt-lightpink\:40\:dark { color: hsl(351, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:45\:dark, html.dark .sf-c-txt-lightpink\:45\:dark { color: hsl(351, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:50\:dark, html.dark .sf-c-txt-lightpink\:50\:dark { color: hsl(351, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:55\:dark, html.dark .sf-c-txt-lightpink\:55\:dark { color: hsl(351, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:60\:dark, html.dark .sf-c-txt-lightpink\:60\:dark { color: hsl(351, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:65\:dark, html.dark .sf-c-txt-lightpink\:65\:dark { color: hsl(351, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:70\:dark, html.dark .sf-c-txt-lightpink\:70\:dark { color: hsl(351, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:75\:dark, html.dark .sf-c-txt-lightpink\:75\:dark { color: hsl(351, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:80\:dark, html.dark .sf-c-txt-lightpink\:80\:dark { color: hsl(351, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:85\:dark, html.dark .sf-c-txt-lightpink\:85\:dark { color: hsl(351, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:90\:dark, html.dark .sf-c-txt-lightpink\:90\:dark { color: hsl(351, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:95\:dark, html.dark .sf-c-txt-lightpink\:95\:dark { color: hsl(351, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightpink\:100\:dark, html.dark .sf-c-txt-lightpink\:100\:dark { color: hsl(351, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightpink, html.auto .sf-c-lightpink { color: hsl(var(--sf-dark-c-txt-lightpink-95)); background: hsl(var(--sf-dark-c-lightpink)) } html[data-theme='auto'] .sf-c-lightpink\:0, html.auto .sf-c-lightpink\:0 { color: hsl(var(--sf-dark-c-txt-lightpink-95)); background: hsl(var(--sf-dark-c-lightpink-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lightpink\:100\:dark, html.var.dark .sf-c-ligh html[data-theme='auto'] .sf-c-lightpink\:95\:dark, html.auto .sf-c-lightpink\:95\:dark { color: hsl(var(--sf-c-txt-lightpink-95)); background: hsl(var(--sf-c-lightpink-5)) } html[data-theme='auto'] .sf-c-lightpink\:100\:dark, html.auto .sf-c-lightpink\:100\:dark { color: hsl(var(--sf-c-txt-lightpink-95)); background: hsl(var(--sf-c-lightpink-0)) } + html[data-theme='auto'] .sf-c-txt-lightpink, html.auto .sf-c-txt-lightpink { color: hsl(var(--sf-c-txt-lightpink)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:0, html.auto .sf-c-txt-lightpink\:0 { color: hsl(var(--sf-c-txt-lightpink-0)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:5, html.auto .sf-c-txt-lightpink\:5 { color: hsl(var(--sf-c-txt-lightpink-5)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:10, html.auto .sf-c-txt-lightpink\:10 { color: hsl(var(--sf-c-txt-lightpink-10)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:15, html.auto .sf-c-txt-lightpink\:15 { color: hsl(var(--sf-c-txt-lightpink-15)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:20, html.auto .sf-c-txt-lightpink\:20 { color: hsl(var(--sf-c-txt-lightpink-20)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:25, html.auto .sf-c-txt-lightpink\:25 { color: hsl(var(--sf-c-txt-lightpink-25)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:30, html.auto .sf-c-txt-lightpink\:30 { color: hsl(var(--sf-c-txt-lightpink-30)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:35, html.auto .sf-c-txt-lightpink\:35 { color: hsl(var(--sf-c-txt-lightpink-35)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:40, html.auto .sf-c-txt-lightpink\:40 { color: hsl(var(--sf-c-txt-lightpink-40)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:45, html.auto .sf-c-txt-lightpink\:45 { color: hsl(var(--sf-c-txt-lightpink-45)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:50, html.auto .sf-c-txt-lightpink\:50 { color: hsl(var(--sf-c-txt-lightpink-50)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:55, html.auto .sf-c-txt-lightpink\:55 { color: hsl(var(--sf-c-txt-lightpink-55)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:60, html.auto .sf-c-txt-lightpink\:60 { color: hsl(var(--sf-c-txt-lightpink-60)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:65, html.auto .sf-c-txt-lightpink\:65 { color: hsl(var(--sf-c-txt-lightpink-65)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:70, html.auto .sf-c-txt-lightpink\:70 { color: hsl(var(--sf-c-txt-lightpink-70)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:75, html.auto .sf-c-txt-lightpink\:75 { color: hsl(var(--sf-c-txt-lightpink-75)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:80, html.auto .sf-c-txt-lightpink\:80 { color: hsl(var(--sf-c-txt-lightpink-80)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:85, html.auto .sf-c-txt-lightpink\:85 { color: hsl(var(--sf-c-txt-lightpink-85)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:90, html.auto .sf-c-txt-lightpink\:90 { color: hsl(var(--sf-c-txt-lightpink-90)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:95, html.auto .sf-c-txt-lightpink\:95 { color: hsl(var(--sf-c-txt-lightpink-95)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:100, html.auto .sf-c-txt-lightpink\:100 { color: hsl(var(--sf-c-txt-lightpink-100)) } + + html[data-theme='auto'] .sf-c-txt-lightpink\:dark, html.auto .sf-c-txt-lightpink\:dark { color: hsl(var(--sf-c-txt-lightpink)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:0\:dark, html.auto .sf-c-txt-lightpink\:0\:dark { color: hsl(var(--sf-c-txt-lightpink-0)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:5\:dark, html.auto .sf-c-txt-lightpink\:5\:dark { color: hsl(var(--sf-c-txt-lightpink-5)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:10\:dark, html.auto .sf-c-txt-lightpink\:10\:dark { color: hsl(var(--sf-c-txt-lightpink-10)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:15\:dark, html.auto .sf-c-txt-lightpink\:15\:dark { color: hsl(var(--sf-c-txt-lightpink-15)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:20\:dark, html.auto .sf-c-txt-lightpink\:20\:dark { color: hsl(var(--sf-c-txt-lightpink-20)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:25\:dark, html.auto .sf-c-txt-lightpink\:25\:dark { color: hsl(var(--sf-c-txt-lightpink-25)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:30\:dark, html.auto .sf-c-txt-lightpink\:30\:dark { color: hsl(var(--sf-c-txt-lightpink-30)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:35\:dark, html.auto .sf-c-txt-lightpink\:35\:dark { color: hsl(var(--sf-c-txt-lightpink-35)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:40\:dark, html.auto .sf-c-txt-lightpink\:40\:dark { color: hsl(var(--sf-c-txt-lightpink-40)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:45\:dark, html.auto .sf-c-txt-lightpink\:45\:dark { color: hsl(var(--sf-c-txt-lightpink-45)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:50\:dark, html.auto .sf-c-txt-lightpink\:50\:dark { color: hsl(var(--sf-c-txt-lightpink-50)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:55\:dark, html.auto .sf-c-txt-lightpink\:55\:dark { color: hsl(var(--sf-c-txt-lightpink-55)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:60\:dark, html.auto .sf-c-txt-lightpink\:60\:dark { color: hsl(var(--sf-c-txt-lightpink-60)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:65\:dark, html.auto .sf-c-txt-lightpink\:65\:dark { color: hsl(var(--sf-c-txt-lightpink-65)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:70\:dark, html.auto .sf-c-txt-lightpink\:70\:dark { color: hsl(var(--sf-c-txt-lightpink-70)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:75\:dark, html.auto .sf-c-txt-lightpink\:75\:dark { color: hsl(var(--sf-c-txt-lightpink-75)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:80\:dark, html.auto .sf-c-txt-lightpink\:80\:dark { color: hsl(var(--sf-c-txt-lightpink-80)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:85\:dark, html.auto .sf-c-txt-lightpink\:85\:dark { color: hsl(var(--sf-c-txt-lightpink-85)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:90\:dark, html.auto .sf-c-txt-lightpink\:90\:dark { color: hsl(var(--sf-c-txt-lightpink-90)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:95\:dark, html.auto .sf-c-txt-lightpink\:95\:dark { color: hsl(var(--sf-c-txt-lightpink-95)) } + html[data-theme='auto'] .sf-c-txt-lightpink\:100\:dark, html.auto .sf-c-txt-lightpink\:100\:dark { color: hsl(var(--sf-c-txt-lightpink-100)) } + html.var[data-theme='auto'] .sf-c-lightpink, html.var.auto .sf-c-lightpink { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 14%) } html.var[data-theme='auto'] .sf-c-lightpink\:0, html.var.auto .sf-c-lightpink\:0 { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lightpink\:5, html.var.auto .sf-c-lightpink\:5 { color: hsl(351, 100%, 5%); background: hsl(351, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lightpink\:100\:dark, html.var.dark .sf-c-ligh html.var[data-theme='auto'] .sf-c-lightpink\:90\:dark, html.var.auto .sf-c-lightpink\:90\:dark { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lightpink\:95\:dark, html.var.auto .sf-c-lightpink\:95\:dark { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 5%) } html.var[data-theme='auto'] .sf-c-lightpink\:100\:dark, html.var.auto .sf-c-lightpink\:100\:dark { color: hsl(351, 100%, 95%); background: hsl(351, 100%, 0%) } -} -.sf-c-txt-lightpink { color: hsl(var(--sf-c-txt-lightpink)) } -.sf-c-txt-lightpink\:0 { color: hsl(var(--sf-c-txt-lightpink-0)) } -.sf-c-txt-lightpink\:5 { color: hsl(var(--sf-c-txt-lightpink-5)) } -.sf-c-txt-lightpink\:10 { color: hsl(var(--sf-c-txt-lightpink-10)) } -.sf-c-txt-lightpink\:15 { color: hsl(var(--sf-c-txt-lightpink-15)) } -.sf-c-txt-lightpink\:20 { color: hsl(var(--sf-c-txt-lightpink-20)) } -.sf-c-txt-lightpink\:25 { color: hsl(var(--sf-c-txt-lightpink-25)) } -.sf-c-txt-lightpink\:30 { color: hsl(var(--sf-c-txt-lightpink-30)) } -.sf-c-txt-lightpink\:35 { color: hsl(var(--sf-c-txt-lightpink-35)) } -.sf-c-txt-lightpink\:40 { color: hsl(var(--sf-c-txt-lightpink-40)) } -.sf-c-txt-lightpink\:45 { color: hsl(var(--sf-c-txt-lightpink-45)) } -.sf-c-txt-lightpink\:50 { color: hsl(var(--sf-c-txt-lightpink-50)) } -.sf-c-txt-lightpink\:55 { color: hsl(var(--sf-c-txt-lightpink-55)) } -.sf-c-txt-lightpink\:60 { color: hsl(var(--sf-c-txt-lightpink-60)) } -.sf-c-txt-lightpink\:65 { color: hsl(var(--sf-c-txt-lightpink-65)) } -.sf-c-txt-lightpink\:70 { color: hsl(var(--sf-c-txt-lightpink-70)) } -.sf-c-txt-lightpink\:75 { color: hsl(var(--sf-c-txt-lightpink-75)) } -.sf-c-txt-lightpink\:80 { color: hsl(var(--sf-c-txt-lightpink-80)) } -.sf-c-txt-lightpink\:85 { color: hsl(var(--sf-c-txt-lightpink-85)) } -.sf-c-txt-lightpink\:90 { color: hsl(var(--sf-c-txt-lightpink-90)) } -.sf-c-txt-lightpink\:95 { color: hsl(var(--sf-c-txt-lightpink-95)) } -.sf-c-txt-lightpink\:100 { color: hsl(var(--sf-c-txt-lightpink-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightpink, html.auto .sf-c-txt-lightpink { color: hsl(351, 100%, 86%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:0, html.auto .sf-c-txt-lightpink\:0 { color: hsl(351, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:5, html.auto .sf-c-txt-lightpink\:5 { color: hsl(351, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:10, html.auto .sf-c-txt-lightpink\:10 { color: hsl(351, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:15, html.auto .sf-c-txt-lightpink\:15 { color: hsl(351, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:20, html.auto .sf-c-txt-lightpink\:20 { color: hsl(351, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:25, html.auto .sf-c-txt-lightpink\:25 { color: hsl(351, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:30, html.auto .sf-c-txt-lightpink\:30 { color: hsl(351, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:35, html.auto .sf-c-txt-lightpink\:35 { color: hsl(351, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:40, html.auto .sf-c-txt-lightpink\:40 { color: hsl(351, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:45, html.auto .sf-c-txt-lightpink\:45 { color: hsl(351, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:50, html.auto .sf-c-txt-lightpink\:50 { color: hsl(351, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:55, html.auto .sf-c-txt-lightpink\:55 { color: hsl(351, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:60, html.auto .sf-c-txt-lightpink\:60 { color: hsl(351, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:65, html.auto .sf-c-txt-lightpink\:65 { color: hsl(351, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:70, html.auto .sf-c-txt-lightpink\:70 { color: hsl(351, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:75, html.auto .sf-c-txt-lightpink\:75 { color: hsl(351, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:80, html.auto .sf-c-txt-lightpink\:80 { color: hsl(351, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:85, html.auto .sf-c-txt-lightpink\:85 { color: hsl(351, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:90, html.auto .sf-c-txt-lightpink\:90 { color: hsl(351, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:95, html.auto .sf-c-txt-lightpink\:95 { color: hsl(351, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:100, html.auto .sf-c-txt-lightpink\:100 { color: hsl(351, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightpink\:dark, html.auto .sf-c-txt-lightpink\:dark { color: hsl(351, 100%, 86%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:0\:dark, html.auto .sf-c-txt-lightpink\:0\:dark { color: hsl(351, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:5\:dark, html.auto .sf-c-txt-lightpink\:5\:dark { color: hsl(351, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:10\:dark, html.auto .sf-c-txt-lightpink\:10\:dark { color: hsl(351, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:15\:dark, html.auto .sf-c-txt-lightpink\:15\:dark { color: hsl(351, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:20\:dark, html.auto .sf-c-txt-lightpink\:20\:dark { color: hsl(351, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:25\:dark, html.auto .sf-c-txt-lightpink\:25\:dark { color: hsl(351, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:30\:dark, html.auto .sf-c-txt-lightpink\:30\:dark { color: hsl(351, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:35\:dark, html.auto .sf-c-txt-lightpink\:35\:dark { color: hsl(351, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:40\:dark, html.auto .sf-c-txt-lightpink\:40\:dark { color: hsl(351, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:45\:dark, html.auto .sf-c-txt-lightpink\:45\:dark { color: hsl(351, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:50\:dark, html.auto .sf-c-txt-lightpink\:50\:dark { color: hsl(351, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:55\:dark, html.auto .sf-c-txt-lightpink\:55\:dark { color: hsl(351, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:60\:dark, html.auto .sf-c-txt-lightpink\:60\:dark { color: hsl(351, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:65\:dark, html.auto .sf-c-txt-lightpink\:65\:dark { color: hsl(351, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:70\:dark, html.auto .sf-c-txt-lightpink\:70\:dark { color: hsl(351, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:75\:dark, html.auto .sf-c-txt-lightpink\:75\:dark { color: hsl(351, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:80\:dark, html.auto .sf-c-txt-lightpink\:80\:dark { color: hsl(351, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:85\:dark, html.auto .sf-c-txt-lightpink\:85\:dark { color: hsl(351, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:90\:dark, html.auto .sf-c-txt-lightpink\:90\:dark { color: hsl(351, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:95\:dark, html.auto .sf-c-txt-lightpink\:95\:dark { color: hsl(351, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightpink\:100\:dark, html.auto .sf-c-txt-lightpink\:100\:dark { color: hsl(351, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lightsalmon.css b/src/colors/20/lightsalmon.css index 5efbdb5..0847156 100644 --- a/src/colors/20/lightsalmon.css +++ b/src/colors/20/lightsalmon.css @@ -138,6 +138,52 @@ html.var .sf-c-lightsalmon\:90 { color: hsl(17, 100%, 5%); background: hsl(17, 1 html.var .sf-c-lightsalmon\:95 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 95%) } html.var .sf-c-lightsalmon\:100 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 100%) } +.sf-c-txt-lightsalmon { color: hsl(var(--sf-dark-c-txt-lightsalmon)) } +.sf-c-txt-lightsalmon\:0 { color: hsl(var(--sf-dark-c-txt-lightsalmon-100)) } +.sf-c-txt-lightsalmon\:5 { color: hsl(var(--sf-dark-c-txt-lightsalmon-95)) } +.sf-c-txt-lightsalmon\:10 { color: hsl(var(--sf-dark-c-txt-lightsalmon-90)) } +.sf-c-txt-lightsalmon\:15 { color: hsl(var(--sf-dark-c-txt-lightsalmon-85)) } +.sf-c-txt-lightsalmon\:20 { color: hsl(var(--sf-dark-c-txt-lightsalmon-80)) } +.sf-c-txt-lightsalmon\:25 { color: hsl(var(--sf-dark-c-txt-lightsalmon-75)) } +.sf-c-txt-lightsalmon\:30 { color: hsl(var(--sf-dark-c-txt-lightsalmon-70)) } +.sf-c-txt-lightsalmon\:35 { color: hsl(var(--sf-dark-c-txt-lightsalmon-65)) } +.sf-c-txt-lightsalmon\:40 { color: hsl(var(--sf-dark-c-txt-lightsalmon-60)) } +.sf-c-txt-lightsalmon\:45 { color: hsl(var(--sf-dark-c-txt-lightsalmon-55)) } +.sf-c-txt-lightsalmon\:50 { color: hsl(var(--sf-dark-c-txt-lightsalmon-50)) } +.sf-c-txt-lightsalmon\:55 { color: hsl(var(--sf-dark-c-txt-lightsalmon-45)) } +.sf-c-txt-lightsalmon\:60 { color: hsl(var(--sf-dark-c-txt-lightsalmon-40)) } +.sf-c-txt-lightsalmon\:65 { color: hsl(var(--sf-dark-c-txt-lightsalmon-35)) } +.sf-c-txt-lightsalmon\:70 { color: hsl(var(--sf-dark-c-txt-lightsalmon-30)) } +.sf-c-txt-lightsalmon\:75 { color: hsl(var(--sf-dark-c-txt-lightsalmon-25)) } +.sf-c-txt-lightsalmon\:80 { color: hsl(var(--sf-dark-c-txt-lightsalmon-20)) } +.sf-c-txt-lightsalmon\:85 { color: hsl(var(--sf-dark-c-txt-lightsalmon-15)) } +.sf-c-txt-lightsalmon\:90 { color: hsl(var(--sf-dark-c-txt-lightsalmon-10)) } +.sf-c-txt-lightsalmon\:95 { color: hsl(var(--sf-dark-c-txt-lightsalmon-5)) } +.sf-c-txt-lightsalmon\:100 { color: hsl(var(--sf-dark-c-txt-lightsalmon-0)) } + +html.var .sf-c-txt-lightsalmon { color: hsl(17, 100%, 26%) } +html.var .sf-c-txt-lightsalmon\:0 { color: hsl(17, 100%, 100%) } +html.var .sf-c-txt-lightsalmon\:5 { color: hsl(17, 100%, 95%) } +html.var .sf-c-txt-lightsalmon\:10 { color: hsl(17, 100%, 90%) } +html.var .sf-c-txt-lightsalmon\:15 { color: hsl(17, 100%, 85%) } +html.var .sf-c-txt-lightsalmon\:20 { color: hsl(17, 100%, 80%) } +html.var .sf-c-txt-lightsalmon\:25 { color: hsl(17, 100%, 75%) } +html.var .sf-c-txt-lightsalmon\:30 { color: hsl(17, 100%, 70%) } +html.var .sf-c-txt-lightsalmon\:35 { color: hsl(17, 100%, 65%) } +html.var .sf-c-txt-lightsalmon\:40 { color: hsl(17, 100%, 60%) } +html.var .sf-c-txt-lightsalmon\:45 { color: hsl(17, 100%, 55%) } +html.var .sf-c-txt-lightsalmon\:50 { color: hsl(17, 100%, 50%) } +html.var .sf-c-txt-lightsalmon\:55 { color: hsl(17, 100%, 45%) } +html.var .sf-c-txt-lightsalmon\:60 { color: hsl(17, 100%, 40%) } +html.var .sf-c-txt-lightsalmon\:65 { color: hsl(17, 100%, 35%) } +html.var .sf-c-txt-lightsalmon\:70 { color: hsl(17, 100%, 30%) } +html.var .sf-c-txt-lightsalmon\:75 { color: hsl(17, 100%, 25%) } +html.var .sf-c-txt-lightsalmon\:80 { color: hsl(17, 100%, 20%) } +html.var .sf-c-txt-lightsalmon\:85 { color: hsl(17, 100%, 15%) } +html.var .sf-c-txt-lightsalmon\:90 { color: hsl(17, 100%, 10%) } +html.var .sf-c-txt-lightsalmon\:95 { color: hsl(17, 100%, 5%) } +html.var .sf-c-txt-lightsalmon\:100 { color: hsl(17, 100%, 0%) } + html[data-theme='dark'] .sf-c-lightsalmon, html.dark .sf-c-lightsalmon { color: hsl(var(--sf-dark-c-txt-lightsalmon-95)); background: hsl(var(--sf-dark-c-lightsalmon)) } html[data-theme='dark'] .sf-c-lightsalmon\:0, html.dark .sf-c-lightsalmon\:0 { color: hsl(var(--sf-dark-c-txt-lightsalmon-95)); background: hsl(var(--sf-dark-c-lightsalmon-100)) } html[data-theme='dark'] .sf-c-lightsalmon\:5, html.dark .sf-c-lightsalmon\:5 { color: hsl(var(--sf-dark-c-txt-lightsalmon-5)); background: hsl(var(--sf-dark-c-lightsalmon-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lightsalmon\:90\:dark, html.dark .sf-c-lightsalmon html[data-theme='dark'] .sf-c-lightsalmon\:95\:dark, html.dark .sf-c-lightsalmon\:95\:dark { color: hsl(var(--sf-c-txt-lightsalmon-95)); background: hsl(var(--sf-c-lightsalmon-5)) } html[data-theme='dark'] .sf-c-lightsalmon\:100\:dark, html.dark .sf-c-lightsalmon\:100\:dark { color: hsl(var(--sf-c-txt-lightsalmon-95)); background: hsl(var(--sf-c-lightsalmon-0)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon, html.dark .sf-c-txt-lightsalmon { color: hsl(var(--sf-c-txt-lightsalmon)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:0, html.dark .sf-c-txt-lightsalmon\:0 { color: hsl(var(--sf-c-txt-lightsalmon-0)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:5, html.dark .sf-c-txt-lightsalmon\:5 { color: hsl(var(--sf-c-txt-lightsalmon-5)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:10, html.dark .sf-c-txt-lightsalmon\:10 { color: hsl(var(--sf-c-txt-lightsalmon-10)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:15, html.dark .sf-c-txt-lightsalmon\:15 { color: hsl(var(--sf-c-txt-lightsalmon-15)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:20, html.dark .sf-c-txt-lightsalmon\:20 { color: hsl(var(--sf-c-txt-lightsalmon-20)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:25, html.dark .sf-c-txt-lightsalmon\:25 { color: hsl(var(--sf-c-txt-lightsalmon-25)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:30, html.dark .sf-c-txt-lightsalmon\:30 { color: hsl(var(--sf-c-txt-lightsalmon-30)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:35, html.dark .sf-c-txt-lightsalmon\:35 { color: hsl(var(--sf-c-txt-lightsalmon-35)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:40, html.dark .sf-c-txt-lightsalmon\:40 { color: hsl(var(--sf-c-txt-lightsalmon-40)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:45, html.dark .sf-c-txt-lightsalmon\:45 { color: hsl(var(--sf-c-txt-lightsalmon-45)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:50, html.dark .sf-c-txt-lightsalmon\:50 { color: hsl(var(--sf-c-txt-lightsalmon-50)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:55, html.dark .sf-c-txt-lightsalmon\:55 { color: hsl(var(--sf-c-txt-lightsalmon-55)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:60, html.dark .sf-c-txt-lightsalmon\:60 { color: hsl(var(--sf-c-txt-lightsalmon-60)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:65, html.dark .sf-c-txt-lightsalmon\:65 { color: hsl(var(--sf-c-txt-lightsalmon-65)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:70, html.dark .sf-c-txt-lightsalmon\:70 { color: hsl(var(--sf-c-txt-lightsalmon-70)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:75, html.dark .sf-c-txt-lightsalmon\:75 { color: hsl(var(--sf-c-txt-lightsalmon-75)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:80, html.dark .sf-c-txt-lightsalmon\:80 { color: hsl(var(--sf-c-txt-lightsalmon-80)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:85, html.dark .sf-c-txt-lightsalmon\:85 { color: hsl(var(--sf-c-txt-lightsalmon-85)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:90, html.dark .sf-c-txt-lightsalmon\:90 { color: hsl(var(--sf-c-txt-lightsalmon-90)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:95, html.dark .sf-c-txt-lightsalmon\:95 { color: hsl(var(--sf-c-txt-lightsalmon-95)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:100, html.dark .sf-c-txt-lightsalmon\:100 { color: hsl(var(--sf-c-txt-lightsalmon-100)) } + +html[data-theme='dark'] .sf-c-txt-lightsalmon\:dark, html.dark .sf-c-txt-lightsalmon\:dark { color: hsl(var(--sf-c-txt-lightsalmon)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:0\:dark, html.dark .sf-c-txt-lightsalmon\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-0)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:5\:dark, html.dark .sf-c-txt-lightsalmon\:5\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-5)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:10\:dark, html.dark .sf-c-txt-lightsalmon\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-10)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:15\:dark, html.dark .sf-c-txt-lightsalmon\:15\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-15)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:20\:dark, html.dark .sf-c-txt-lightsalmon\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-20)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:25\:dark, html.dark .sf-c-txt-lightsalmon\:25\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-25)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:30\:dark, html.dark .sf-c-txt-lightsalmon\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-30)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:35\:dark, html.dark .sf-c-txt-lightsalmon\:35\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-35)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:40\:dark, html.dark .sf-c-txt-lightsalmon\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-40)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:45\:dark, html.dark .sf-c-txt-lightsalmon\:45\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-45)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:50\:dark, html.dark .sf-c-txt-lightsalmon\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-50)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:55\:dark, html.dark .sf-c-txt-lightsalmon\:55\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-55)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:60\:dark, html.dark .sf-c-txt-lightsalmon\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-60)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:65\:dark, html.dark .sf-c-txt-lightsalmon\:65\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-65)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:70\:dark, html.dark .sf-c-txt-lightsalmon\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-70)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:75\:dark, html.dark .sf-c-txt-lightsalmon\:75\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-75)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:80\:dark, html.dark .sf-c-txt-lightsalmon\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-80)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:85\:dark, html.dark .sf-c-txt-lightsalmon\:85\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-85)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:90\:dark, html.dark .sf-c-txt-lightsalmon\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-90)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:95\:dark, html.dark .sf-c-txt-lightsalmon\:95\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-95)) } +html[data-theme='dark'] .sf-c-txt-lightsalmon\:100\:dark, html.dark .sf-c-txt-lightsalmon\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightsalmon-100)) } + html.var[data-theme='dark'] .sf-c-lightsalmon, html.var.dark .sf-c-lightsalmon { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 26%) } html.var[data-theme='dark'] .sf-c-lightsalmon\:0, html.var.dark .sf-c-lightsalmon\:0 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lightsalmon\:5, html.var.dark .sf-c-lightsalmon\:5 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lightsalmon\:90\:dark, html.var.dark .sf-c-lig html.var[data-theme='dark'] .sf-c-lightsalmon\:95\:dark, html.var.dark .sf-c-lightsalmon\:95\:dark { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 5%) } html.var[data-theme='dark'] .sf-c-lightsalmon\:100\:dark, html.var.dark .sf-c-lightsalmon\:100\:dark { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon, html.dark .sf-c-txt-lightsalmon { color: hsl(17, 100%, 74%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:0, html.dark .sf-c-txt-lightsalmon\:0 { color: hsl(17, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:5, html.dark .sf-c-txt-lightsalmon\:5 { color: hsl(17, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:10, html.dark .sf-c-txt-lightsalmon\:10 { color: hsl(17, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:15, html.dark .sf-c-txt-lightsalmon\:15 { color: hsl(17, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:20, html.dark .sf-c-txt-lightsalmon\:20 { color: hsl(17, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:25, html.dark .sf-c-txt-lightsalmon\:25 { color: hsl(17, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:30, html.dark .sf-c-txt-lightsalmon\:30 { color: hsl(17, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:35, html.dark .sf-c-txt-lightsalmon\:35 { color: hsl(17, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:40, html.dark .sf-c-txt-lightsalmon\:40 { color: hsl(17, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:45, html.dark .sf-c-txt-lightsalmon\:45 { color: hsl(17, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:50, html.dark .sf-c-txt-lightsalmon\:50 { color: hsl(17, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:55, html.dark .sf-c-txt-lightsalmon\:55 { color: hsl(17, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:60, html.dark .sf-c-txt-lightsalmon\:60 { color: hsl(17, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:65, html.dark .sf-c-txt-lightsalmon\:65 { color: hsl(17, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:70, html.dark .sf-c-txt-lightsalmon\:70 { color: hsl(17, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:75, html.dark .sf-c-txt-lightsalmon\:75 { color: hsl(17, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:80, html.dark .sf-c-txt-lightsalmon\:80 { color: hsl(17, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:85, html.dark .sf-c-txt-lightsalmon\:85 { color: hsl(17, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:90, html.dark .sf-c-txt-lightsalmon\:90 { color: hsl(17, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:95, html.dark .sf-c-txt-lightsalmon\:95 { color: hsl(17, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:100, html.dark .sf-c-txt-lightsalmon\:100 { color: hsl(17, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:dark, html.dark .sf-c-txt-lightsalmon\:dark { color: hsl(17, 100%, 74%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:0\:dark, html.dark .sf-c-txt-lightsalmon\:0\:dark { color: hsl(17, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:5\:dark, html.dark .sf-c-txt-lightsalmon\:5\:dark { color: hsl(17, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:10\:dark, html.dark .sf-c-txt-lightsalmon\:10\:dark { color: hsl(17, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:15\:dark, html.dark .sf-c-txt-lightsalmon\:15\:dark { color: hsl(17, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:20\:dark, html.dark .sf-c-txt-lightsalmon\:20\:dark { color: hsl(17, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:25\:dark, html.dark .sf-c-txt-lightsalmon\:25\:dark { color: hsl(17, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:30\:dark, html.dark .sf-c-txt-lightsalmon\:30\:dark { color: hsl(17, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:35\:dark, html.dark .sf-c-txt-lightsalmon\:35\:dark { color: hsl(17, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:40\:dark, html.dark .sf-c-txt-lightsalmon\:40\:dark { color: hsl(17, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:45\:dark, html.dark .sf-c-txt-lightsalmon\:45\:dark { color: hsl(17, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:50\:dark, html.dark .sf-c-txt-lightsalmon\:50\:dark { color: hsl(17, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:55\:dark, html.dark .sf-c-txt-lightsalmon\:55\:dark { color: hsl(17, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:60\:dark, html.dark .sf-c-txt-lightsalmon\:60\:dark { color: hsl(17, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:65\:dark, html.dark .sf-c-txt-lightsalmon\:65\:dark { color: hsl(17, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:70\:dark, html.dark .sf-c-txt-lightsalmon\:70\:dark { color: hsl(17, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:75\:dark, html.dark .sf-c-txt-lightsalmon\:75\:dark { color: hsl(17, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:80\:dark, html.dark .sf-c-txt-lightsalmon\:80\:dark { color: hsl(17, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:85\:dark, html.dark .sf-c-txt-lightsalmon\:85\:dark { color: hsl(17, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:90\:dark, html.dark .sf-c-txt-lightsalmon\:90\:dark { color: hsl(17, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:95\:dark, html.dark .sf-c-txt-lightsalmon\:95\:dark { color: hsl(17, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightsalmon\:100\:dark, html.dark .sf-c-txt-lightsalmon\:100\:dark { color: hsl(17, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightsalmon, html.auto .sf-c-lightsalmon { color: hsl(var(--sf-dark-c-txt-lightsalmon-95)); background: hsl(var(--sf-dark-c-lightsalmon)) } html[data-theme='auto'] .sf-c-lightsalmon\:0, html.auto .sf-c-lightsalmon\:0 { color: hsl(var(--sf-dark-c-txt-lightsalmon-95)); background: hsl(var(--sf-dark-c-lightsalmon-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lightsalmon\:100\:dark, html.var.dark .sf-c-li html[data-theme='auto'] .sf-c-lightsalmon\:95\:dark, html.auto .sf-c-lightsalmon\:95\:dark { color: hsl(var(--sf-c-txt-lightsalmon-95)); background: hsl(var(--sf-c-lightsalmon-5)) } html[data-theme='auto'] .sf-c-lightsalmon\:100\:dark, html.auto .sf-c-lightsalmon\:100\:dark { color: hsl(var(--sf-c-txt-lightsalmon-95)); background: hsl(var(--sf-c-lightsalmon-0)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon, html.auto .sf-c-txt-lightsalmon { color: hsl(var(--sf-c-txt-lightsalmon)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:0, html.auto .sf-c-txt-lightsalmon\:0 { color: hsl(var(--sf-c-txt-lightsalmon-0)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:5, html.auto .sf-c-txt-lightsalmon\:5 { color: hsl(var(--sf-c-txt-lightsalmon-5)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:10, html.auto .sf-c-txt-lightsalmon\:10 { color: hsl(var(--sf-c-txt-lightsalmon-10)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:15, html.auto .sf-c-txt-lightsalmon\:15 { color: hsl(var(--sf-c-txt-lightsalmon-15)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:20, html.auto .sf-c-txt-lightsalmon\:20 { color: hsl(var(--sf-c-txt-lightsalmon-20)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:25, html.auto .sf-c-txt-lightsalmon\:25 { color: hsl(var(--sf-c-txt-lightsalmon-25)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:30, html.auto .sf-c-txt-lightsalmon\:30 { color: hsl(var(--sf-c-txt-lightsalmon-30)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:35, html.auto .sf-c-txt-lightsalmon\:35 { color: hsl(var(--sf-c-txt-lightsalmon-35)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:40, html.auto .sf-c-txt-lightsalmon\:40 { color: hsl(var(--sf-c-txt-lightsalmon-40)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:45, html.auto .sf-c-txt-lightsalmon\:45 { color: hsl(var(--sf-c-txt-lightsalmon-45)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:50, html.auto .sf-c-txt-lightsalmon\:50 { color: hsl(var(--sf-c-txt-lightsalmon-50)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:55, html.auto .sf-c-txt-lightsalmon\:55 { color: hsl(var(--sf-c-txt-lightsalmon-55)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:60, html.auto .sf-c-txt-lightsalmon\:60 { color: hsl(var(--sf-c-txt-lightsalmon-60)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:65, html.auto .sf-c-txt-lightsalmon\:65 { color: hsl(var(--sf-c-txt-lightsalmon-65)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:70, html.auto .sf-c-txt-lightsalmon\:70 { color: hsl(var(--sf-c-txt-lightsalmon-70)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:75, html.auto .sf-c-txt-lightsalmon\:75 { color: hsl(var(--sf-c-txt-lightsalmon-75)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:80, html.auto .sf-c-txt-lightsalmon\:80 { color: hsl(var(--sf-c-txt-lightsalmon-80)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:85, html.auto .sf-c-txt-lightsalmon\:85 { color: hsl(var(--sf-c-txt-lightsalmon-85)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:90, html.auto .sf-c-txt-lightsalmon\:90 { color: hsl(var(--sf-c-txt-lightsalmon-90)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:95, html.auto .sf-c-txt-lightsalmon\:95 { color: hsl(var(--sf-c-txt-lightsalmon-95)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:100, html.auto .sf-c-txt-lightsalmon\:100 { color: hsl(var(--sf-c-txt-lightsalmon-100)) } + + html[data-theme='auto'] .sf-c-txt-lightsalmon\:dark, html.auto .sf-c-txt-lightsalmon\:dark { color: hsl(var(--sf-c-txt-lightsalmon)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:0\:dark, html.auto .sf-c-txt-lightsalmon\:0\:dark { color: hsl(var(--sf-c-txt-lightsalmon-0)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:5\:dark, html.auto .sf-c-txt-lightsalmon\:5\:dark { color: hsl(var(--sf-c-txt-lightsalmon-5)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:10\:dark, html.auto .sf-c-txt-lightsalmon\:10\:dark { color: hsl(var(--sf-c-txt-lightsalmon-10)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:15\:dark, html.auto .sf-c-txt-lightsalmon\:15\:dark { color: hsl(var(--sf-c-txt-lightsalmon-15)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:20\:dark, html.auto .sf-c-txt-lightsalmon\:20\:dark { color: hsl(var(--sf-c-txt-lightsalmon-20)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:25\:dark, html.auto .sf-c-txt-lightsalmon\:25\:dark { color: hsl(var(--sf-c-txt-lightsalmon-25)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:30\:dark, html.auto .sf-c-txt-lightsalmon\:30\:dark { color: hsl(var(--sf-c-txt-lightsalmon-30)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:35\:dark, html.auto .sf-c-txt-lightsalmon\:35\:dark { color: hsl(var(--sf-c-txt-lightsalmon-35)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:40\:dark, html.auto .sf-c-txt-lightsalmon\:40\:dark { color: hsl(var(--sf-c-txt-lightsalmon-40)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:45\:dark, html.auto .sf-c-txt-lightsalmon\:45\:dark { color: hsl(var(--sf-c-txt-lightsalmon-45)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:50\:dark, html.auto .sf-c-txt-lightsalmon\:50\:dark { color: hsl(var(--sf-c-txt-lightsalmon-50)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:55\:dark, html.auto .sf-c-txt-lightsalmon\:55\:dark { color: hsl(var(--sf-c-txt-lightsalmon-55)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:60\:dark, html.auto .sf-c-txt-lightsalmon\:60\:dark { color: hsl(var(--sf-c-txt-lightsalmon-60)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:65\:dark, html.auto .sf-c-txt-lightsalmon\:65\:dark { color: hsl(var(--sf-c-txt-lightsalmon-65)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:70\:dark, html.auto .sf-c-txt-lightsalmon\:70\:dark { color: hsl(var(--sf-c-txt-lightsalmon-70)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:75\:dark, html.auto .sf-c-txt-lightsalmon\:75\:dark { color: hsl(var(--sf-c-txt-lightsalmon-75)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:80\:dark, html.auto .sf-c-txt-lightsalmon\:80\:dark { color: hsl(var(--sf-c-txt-lightsalmon-80)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:85\:dark, html.auto .sf-c-txt-lightsalmon\:85\:dark { color: hsl(var(--sf-c-txt-lightsalmon-85)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:90\:dark, html.auto .sf-c-txt-lightsalmon\:90\:dark { color: hsl(var(--sf-c-txt-lightsalmon-90)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:95\:dark, html.auto .sf-c-txt-lightsalmon\:95\:dark { color: hsl(var(--sf-c-txt-lightsalmon-95)) } + html[data-theme='auto'] .sf-c-txt-lightsalmon\:100\:dark, html.auto .sf-c-txt-lightsalmon\:100\:dark { color: hsl(var(--sf-c-txt-lightsalmon-100)) } + html.var[data-theme='auto'] .sf-c-lightsalmon, html.var.auto .sf-c-lightsalmon { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 26%) } html.var[data-theme='auto'] .sf-c-lightsalmon\:0, html.var.auto .sf-c-lightsalmon\:0 { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lightsalmon\:5, html.var.auto .sf-c-lightsalmon\:5 { color: hsl(17, 100%, 5%); background: hsl(17, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lightsalmon\:100\:dark, html.var.dark .sf-c-li html.var[data-theme='auto'] .sf-c-lightsalmon\:90\:dark, html.var.auto .sf-c-lightsalmon\:90\:dark { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lightsalmon\:95\:dark, html.var.auto .sf-c-lightsalmon\:95\:dark { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 5%) } html.var[data-theme='auto'] .sf-c-lightsalmon\:100\:dark, html.var.auto .sf-c-lightsalmon\:100\:dark { color: hsl(17, 100%, 95%); background: hsl(17, 100%, 0%) } -} -.sf-c-txt-lightsalmon { color: hsl(var(--sf-c-txt-lightsalmon)) } -.sf-c-txt-lightsalmon\:0 { color: hsl(var(--sf-c-txt-lightsalmon-0)) } -.sf-c-txt-lightsalmon\:5 { color: hsl(var(--sf-c-txt-lightsalmon-5)) } -.sf-c-txt-lightsalmon\:10 { color: hsl(var(--sf-c-txt-lightsalmon-10)) } -.sf-c-txt-lightsalmon\:15 { color: hsl(var(--sf-c-txt-lightsalmon-15)) } -.sf-c-txt-lightsalmon\:20 { color: hsl(var(--sf-c-txt-lightsalmon-20)) } -.sf-c-txt-lightsalmon\:25 { color: hsl(var(--sf-c-txt-lightsalmon-25)) } -.sf-c-txt-lightsalmon\:30 { color: hsl(var(--sf-c-txt-lightsalmon-30)) } -.sf-c-txt-lightsalmon\:35 { color: hsl(var(--sf-c-txt-lightsalmon-35)) } -.sf-c-txt-lightsalmon\:40 { color: hsl(var(--sf-c-txt-lightsalmon-40)) } -.sf-c-txt-lightsalmon\:45 { color: hsl(var(--sf-c-txt-lightsalmon-45)) } -.sf-c-txt-lightsalmon\:50 { color: hsl(var(--sf-c-txt-lightsalmon-50)) } -.sf-c-txt-lightsalmon\:55 { color: hsl(var(--sf-c-txt-lightsalmon-55)) } -.sf-c-txt-lightsalmon\:60 { color: hsl(var(--sf-c-txt-lightsalmon-60)) } -.sf-c-txt-lightsalmon\:65 { color: hsl(var(--sf-c-txt-lightsalmon-65)) } -.sf-c-txt-lightsalmon\:70 { color: hsl(var(--sf-c-txt-lightsalmon-70)) } -.sf-c-txt-lightsalmon\:75 { color: hsl(var(--sf-c-txt-lightsalmon-75)) } -.sf-c-txt-lightsalmon\:80 { color: hsl(var(--sf-c-txt-lightsalmon-80)) } -.sf-c-txt-lightsalmon\:85 { color: hsl(var(--sf-c-txt-lightsalmon-85)) } -.sf-c-txt-lightsalmon\:90 { color: hsl(var(--sf-c-txt-lightsalmon-90)) } -.sf-c-txt-lightsalmon\:95 { color: hsl(var(--sf-c-txt-lightsalmon-95)) } -.sf-c-txt-lightsalmon\:100 { color: hsl(var(--sf-c-txt-lightsalmon-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightsalmon, html.auto .sf-c-txt-lightsalmon { color: hsl(17, 100%, 74%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:0, html.auto .sf-c-txt-lightsalmon\:0 { color: hsl(17, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:5, html.auto .sf-c-txt-lightsalmon\:5 { color: hsl(17, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:10, html.auto .sf-c-txt-lightsalmon\:10 { color: hsl(17, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:15, html.auto .sf-c-txt-lightsalmon\:15 { color: hsl(17, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:20, html.auto .sf-c-txt-lightsalmon\:20 { color: hsl(17, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:25, html.auto .sf-c-txt-lightsalmon\:25 { color: hsl(17, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:30, html.auto .sf-c-txt-lightsalmon\:30 { color: hsl(17, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:35, html.auto .sf-c-txt-lightsalmon\:35 { color: hsl(17, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:40, html.auto .sf-c-txt-lightsalmon\:40 { color: hsl(17, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:45, html.auto .sf-c-txt-lightsalmon\:45 { color: hsl(17, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:50, html.auto .sf-c-txt-lightsalmon\:50 { color: hsl(17, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:55, html.auto .sf-c-txt-lightsalmon\:55 { color: hsl(17, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:60, html.auto .sf-c-txt-lightsalmon\:60 { color: hsl(17, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:65, html.auto .sf-c-txt-lightsalmon\:65 { color: hsl(17, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:70, html.auto .sf-c-txt-lightsalmon\:70 { color: hsl(17, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:75, html.auto .sf-c-txt-lightsalmon\:75 { color: hsl(17, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:80, html.auto .sf-c-txt-lightsalmon\:80 { color: hsl(17, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:85, html.auto .sf-c-txt-lightsalmon\:85 { color: hsl(17, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:90, html.auto .sf-c-txt-lightsalmon\:90 { color: hsl(17, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:95, html.auto .sf-c-txt-lightsalmon\:95 { color: hsl(17, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:100, html.auto .sf-c-txt-lightsalmon\:100 { color: hsl(17, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:dark, html.auto .sf-c-txt-lightsalmon\:dark { color: hsl(17, 100%, 74%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:0\:dark, html.auto .sf-c-txt-lightsalmon\:0\:dark { color: hsl(17, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:5\:dark, html.auto .sf-c-txt-lightsalmon\:5\:dark { color: hsl(17, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:10\:dark, html.auto .sf-c-txt-lightsalmon\:10\:dark { color: hsl(17, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:15\:dark, html.auto .sf-c-txt-lightsalmon\:15\:dark { color: hsl(17, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:20\:dark, html.auto .sf-c-txt-lightsalmon\:20\:dark { color: hsl(17, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:25\:dark, html.auto .sf-c-txt-lightsalmon\:25\:dark { color: hsl(17, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:30\:dark, html.auto .sf-c-txt-lightsalmon\:30\:dark { color: hsl(17, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:35\:dark, html.auto .sf-c-txt-lightsalmon\:35\:dark { color: hsl(17, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:40\:dark, html.auto .sf-c-txt-lightsalmon\:40\:dark { color: hsl(17, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:45\:dark, html.auto .sf-c-txt-lightsalmon\:45\:dark { color: hsl(17, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:50\:dark, html.auto .sf-c-txt-lightsalmon\:50\:dark { color: hsl(17, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:55\:dark, html.auto .sf-c-txt-lightsalmon\:55\:dark { color: hsl(17, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:60\:dark, html.auto .sf-c-txt-lightsalmon\:60\:dark { color: hsl(17, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:65\:dark, html.auto .sf-c-txt-lightsalmon\:65\:dark { color: hsl(17, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:70\:dark, html.auto .sf-c-txt-lightsalmon\:70\:dark { color: hsl(17, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:75\:dark, html.auto .sf-c-txt-lightsalmon\:75\:dark { color: hsl(17, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:80\:dark, html.auto .sf-c-txt-lightsalmon\:80\:dark { color: hsl(17, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:85\:dark, html.auto .sf-c-txt-lightsalmon\:85\:dark { color: hsl(17, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:90\:dark, html.auto .sf-c-txt-lightsalmon\:90\:dark { color: hsl(17, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:95\:dark, html.auto .sf-c-txt-lightsalmon\:95\:dark { color: hsl(17, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightsalmon\:100\:dark, html.auto .sf-c-txt-lightsalmon\:100\:dark { color: hsl(17, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lightseagreen.css b/src/colors/20/lightseagreen.css index f5cee50..f8d4f9c 100644 --- a/src/colors/20/lightseagreen.css +++ b/src/colors/20/lightseagreen.css @@ -138,6 +138,52 @@ html.var .sf-c-lightseagreen\:90 { color: hsl(177, 70%, 5%); background: hsl(177 html.var .sf-c-lightseagreen\:95 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 95%) } html.var .sf-c-lightseagreen\:100 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 100%) } +.sf-c-txt-lightseagreen { color: hsl(var(--sf-dark-c-txt-lightseagreen)) } +.sf-c-txt-lightseagreen\:0 { color: hsl(var(--sf-dark-c-txt-lightseagreen-100)) } +.sf-c-txt-lightseagreen\:5 { color: hsl(var(--sf-dark-c-txt-lightseagreen-95)) } +.sf-c-txt-lightseagreen\:10 { color: hsl(var(--sf-dark-c-txt-lightseagreen-90)) } +.sf-c-txt-lightseagreen\:15 { color: hsl(var(--sf-dark-c-txt-lightseagreen-85)) } +.sf-c-txt-lightseagreen\:20 { color: hsl(var(--sf-dark-c-txt-lightseagreen-80)) } +.sf-c-txt-lightseagreen\:25 { color: hsl(var(--sf-dark-c-txt-lightseagreen-75)) } +.sf-c-txt-lightseagreen\:30 { color: hsl(var(--sf-dark-c-txt-lightseagreen-70)) } +.sf-c-txt-lightseagreen\:35 { color: hsl(var(--sf-dark-c-txt-lightseagreen-65)) } +.sf-c-txt-lightseagreen\:40 { color: hsl(var(--sf-dark-c-txt-lightseagreen-60)) } +.sf-c-txt-lightseagreen\:45 { color: hsl(var(--sf-dark-c-txt-lightseagreen-55)) } +.sf-c-txt-lightseagreen\:50 { color: hsl(var(--sf-dark-c-txt-lightseagreen-50)) } +.sf-c-txt-lightseagreen\:55 { color: hsl(var(--sf-dark-c-txt-lightseagreen-45)) } +.sf-c-txt-lightseagreen\:60 { color: hsl(var(--sf-dark-c-txt-lightseagreen-40)) } +.sf-c-txt-lightseagreen\:65 { color: hsl(var(--sf-dark-c-txt-lightseagreen-35)) } +.sf-c-txt-lightseagreen\:70 { color: hsl(var(--sf-dark-c-txt-lightseagreen-30)) } +.sf-c-txt-lightseagreen\:75 { color: hsl(var(--sf-dark-c-txt-lightseagreen-25)) } +.sf-c-txt-lightseagreen\:80 { color: hsl(var(--sf-dark-c-txt-lightseagreen-20)) } +.sf-c-txt-lightseagreen\:85 { color: hsl(var(--sf-dark-c-txt-lightseagreen-15)) } +.sf-c-txt-lightseagreen\:90 { color: hsl(var(--sf-dark-c-txt-lightseagreen-10)) } +.sf-c-txt-lightseagreen\:95 { color: hsl(var(--sf-dark-c-txt-lightseagreen-5)) } +.sf-c-txt-lightseagreen\:100 { color: hsl(var(--sf-dark-c-txt-lightseagreen-0)) } + +html.var .sf-c-txt-lightseagreen { color: hsl(177, 70%, 59%) } +html.var .sf-c-txt-lightseagreen\:0 { color: hsl(177, 70%, 100%) } +html.var .sf-c-txt-lightseagreen\:5 { color: hsl(177, 70%, 95%) } +html.var .sf-c-txt-lightseagreen\:10 { color: hsl(177, 70%, 90%) } +html.var .sf-c-txt-lightseagreen\:15 { color: hsl(177, 70%, 85%) } +html.var .sf-c-txt-lightseagreen\:20 { color: hsl(177, 70%, 80%) } +html.var .sf-c-txt-lightseagreen\:25 { color: hsl(177, 70%, 75%) } +html.var .sf-c-txt-lightseagreen\:30 { color: hsl(177, 70%, 70%) } +html.var .sf-c-txt-lightseagreen\:35 { color: hsl(177, 70%, 65%) } +html.var .sf-c-txt-lightseagreen\:40 { color: hsl(177, 70%, 60%) } +html.var .sf-c-txt-lightseagreen\:45 { color: hsl(177, 70%, 55%) } +html.var .sf-c-txt-lightseagreen\:50 { color: hsl(177, 70%, 50%) } +html.var .sf-c-txt-lightseagreen\:55 { color: hsl(177, 70%, 45%) } +html.var .sf-c-txt-lightseagreen\:60 { color: hsl(177, 70%, 40%) } +html.var .sf-c-txt-lightseagreen\:65 { color: hsl(177, 70%, 35%) } +html.var .sf-c-txt-lightseagreen\:70 { color: hsl(177, 70%, 30%) } +html.var .sf-c-txt-lightseagreen\:75 { color: hsl(177, 70%, 25%) } +html.var .sf-c-txt-lightseagreen\:80 { color: hsl(177, 70%, 20%) } +html.var .sf-c-txt-lightseagreen\:85 { color: hsl(177, 70%, 15%) } +html.var .sf-c-txt-lightseagreen\:90 { color: hsl(177, 70%, 10%) } +html.var .sf-c-txt-lightseagreen\:95 { color: hsl(177, 70%, 5%) } +html.var .sf-c-txt-lightseagreen\:100 { color: hsl(177, 70%, 0%) } + html[data-theme='dark'] .sf-c-lightseagreen, html.dark .sf-c-lightseagreen { color: hsl(var(--sf-dark-c-txt-lightseagreen-5)); background: hsl(var(--sf-dark-c-lightseagreen)) } html[data-theme='dark'] .sf-c-lightseagreen\:0, html.dark .sf-c-lightseagreen\:0 { color: hsl(var(--sf-dark-c-txt-lightseagreen-95)); background: hsl(var(--sf-dark-c-lightseagreen-100)) } html[data-theme='dark'] .sf-c-lightseagreen\:5, html.dark .sf-c-lightseagreen\:5 { color: hsl(var(--sf-dark-c-txt-lightseagreen-5)); background: hsl(var(--sf-dark-c-lightseagreen-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lightseagreen\:90\:dark, html.dark .sf-c-lightseag html[data-theme='dark'] .sf-c-lightseagreen\:95\:dark, html.dark .sf-c-lightseagreen\:95\:dark { color: hsl(var(--sf-c-txt-lightseagreen-95)); background: hsl(var(--sf-c-lightseagreen-5)) } html[data-theme='dark'] .sf-c-lightseagreen\:100\:dark, html.dark .sf-c-lightseagreen\:100\:dark { color: hsl(var(--sf-c-txt-lightseagreen-95)); background: hsl(var(--sf-c-lightseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen, html.dark .sf-c-txt-lightseagreen { color: hsl(var(--sf-c-txt-lightseagreen)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:0, html.dark .sf-c-txt-lightseagreen\:0 { color: hsl(var(--sf-c-txt-lightseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:5, html.dark .sf-c-txt-lightseagreen\:5 { color: hsl(var(--sf-c-txt-lightseagreen-5)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:10, html.dark .sf-c-txt-lightseagreen\:10 { color: hsl(var(--sf-c-txt-lightseagreen-10)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:15, html.dark .sf-c-txt-lightseagreen\:15 { color: hsl(var(--sf-c-txt-lightseagreen-15)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:20, html.dark .sf-c-txt-lightseagreen\:20 { color: hsl(var(--sf-c-txt-lightseagreen-20)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:25, html.dark .sf-c-txt-lightseagreen\:25 { color: hsl(var(--sf-c-txt-lightseagreen-25)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:30, html.dark .sf-c-txt-lightseagreen\:30 { color: hsl(var(--sf-c-txt-lightseagreen-30)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:35, html.dark .sf-c-txt-lightseagreen\:35 { color: hsl(var(--sf-c-txt-lightseagreen-35)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:40, html.dark .sf-c-txt-lightseagreen\:40 { color: hsl(var(--sf-c-txt-lightseagreen-40)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:45, html.dark .sf-c-txt-lightseagreen\:45 { color: hsl(var(--sf-c-txt-lightseagreen-45)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:50, html.dark .sf-c-txt-lightseagreen\:50 { color: hsl(var(--sf-c-txt-lightseagreen-50)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:55, html.dark .sf-c-txt-lightseagreen\:55 { color: hsl(var(--sf-c-txt-lightseagreen-55)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:60, html.dark .sf-c-txt-lightseagreen\:60 { color: hsl(var(--sf-c-txt-lightseagreen-60)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:65, html.dark .sf-c-txt-lightseagreen\:65 { color: hsl(var(--sf-c-txt-lightseagreen-65)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:70, html.dark .sf-c-txt-lightseagreen\:70 { color: hsl(var(--sf-c-txt-lightseagreen-70)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:75, html.dark .sf-c-txt-lightseagreen\:75 { color: hsl(var(--sf-c-txt-lightseagreen-75)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:80, html.dark .sf-c-txt-lightseagreen\:80 { color: hsl(var(--sf-c-txt-lightseagreen-80)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:85, html.dark .sf-c-txt-lightseagreen\:85 { color: hsl(var(--sf-c-txt-lightseagreen-85)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:90, html.dark .sf-c-txt-lightseagreen\:90 { color: hsl(var(--sf-c-txt-lightseagreen-90)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:95, html.dark .sf-c-txt-lightseagreen\:95 { color: hsl(var(--sf-c-txt-lightseagreen-95)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:100, html.dark .sf-c-txt-lightseagreen\:100 { color: hsl(var(--sf-c-txt-lightseagreen-100)) } + +html[data-theme='dark'] .sf-c-txt-lightseagreen\:dark, html.dark .sf-c-txt-lightseagreen\:dark { color: hsl(var(--sf-c-txt-lightseagreen)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:0\:dark, html.dark .sf-c-txt-lightseagreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:5\:dark, html.dark .sf-c-txt-lightseagreen\:5\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-5)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:10\:dark, html.dark .sf-c-txt-lightseagreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-10)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:15\:dark, html.dark .sf-c-txt-lightseagreen\:15\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-15)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:20\:dark, html.dark .sf-c-txt-lightseagreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-20)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:25\:dark, html.dark .sf-c-txt-lightseagreen\:25\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-25)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:30\:dark, html.dark .sf-c-txt-lightseagreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-30)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:35\:dark, html.dark .sf-c-txt-lightseagreen\:35\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-35)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:40\:dark, html.dark .sf-c-txt-lightseagreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-40)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:45\:dark, html.dark .sf-c-txt-lightseagreen\:45\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-45)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:50\:dark, html.dark .sf-c-txt-lightseagreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-50)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:55\:dark, html.dark .sf-c-txt-lightseagreen\:55\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-55)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:60\:dark, html.dark .sf-c-txt-lightseagreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-60)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:65\:dark, html.dark .sf-c-txt-lightseagreen\:65\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-65)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:70\:dark, html.dark .sf-c-txt-lightseagreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-70)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:75\:dark, html.dark .sf-c-txt-lightseagreen\:75\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-75)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:80\:dark, html.dark .sf-c-txt-lightseagreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-80)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:85\:dark, html.dark .sf-c-txt-lightseagreen\:85\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-85)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:90\:dark, html.dark .sf-c-txt-lightseagreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-90)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:95\:dark, html.dark .sf-c-txt-lightseagreen\:95\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-95)) } +html[data-theme='dark'] .sf-c-txt-lightseagreen\:100\:dark, html.dark .sf-c-txt-lightseagreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightseagreen-100)) } + html.var[data-theme='dark'] .sf-c-lightseagreen, html.var.dark .sf-c-lightseagreen { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 59%) } html.var[data-theme='dark'] .sf-c-lightseagreen\:0, html.var.dark .sf-c-lightseagreen\:0 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 100%) } html.var[data-theme='dark'] .sf-c-lightseagreen\:5, html.var.dark .sf-c-lightseagreen\:5 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lightseagreen\:90\:dark, html.var.dark .sf-c-l html.var[data-theme='dark'] .sf-c-lightseagreen\:95\:dark, html.var.dark .sf-c-lightseagreen\:95\:dark { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 5%) } html.var[data-theme='dark'] .sf-c-lightseagreen\:100\:dark, html.var.dark .sf-c-lightseagreen\:100\:dark { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen, html.dark .sf-c-txt-lightseagreen { color: hsl(177, 70%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:0, html.dark .sf-c-txt-lightseagreen\:0 { color: hsl(177, 70%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:5, html.dark .sf-c-txt-lightseagreen\:5 { color: hsl(177, 70%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:10, html.dark .sf-c-txt-lightseagreen\:10 { color: hsl(177, 70%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:15, html.dark .sf-c-txt-lightseagreen\:15 { color: hsl(177, 70%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:20, html.dark .sf-c-txt-lightseagreen\:20 { color: hsl(177, 70%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:25, html.dark .sf-c-txt-lightseagreen\:25 { color: hsl(177, 70%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:30, html.dark .sf-c-txt-lightseagreen\:30 { color: hsl(177, 70%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:35, html.dark .sf-c-txt-lightseagreen\:35 { color: hsl(177, 70%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:40, html.dark .sf-c-txt-lightseagreen\:40 { color: hsl(177, 70%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:45, html.dark .sf-c-txt-lightseagreen\:45 { color: hsl(177, 70%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:50, html.dark .sf-c-txt-lightseagreen\:50 { color: hsl(177, 70%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:55, html.dark .sf-c-txt-lightseagreen\:55 { color: hsl(177, 70%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:60, html.dark .sf-c-txt-lightseagreen\:60 { color: hsl(177, 70%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:65, html.dark .sf-c-txt-lightseagreen\:65 { color: hsl(177, 70%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:70, html.dark .sf-c-txt-lightseagreen\:70 { color: hsl(177, 70%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:75, html.dark .sf-c-txt-lightseagreen\:75 { color: hsl(177, 70%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:80, html.dark .sf-c-txt-lightseagreen\:80 { color: hsl(177, 70%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:85, html.dark .sf-c-txt-lightseagreen\:85 { color: hsl(177, 70%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:90, html.dark .sf-c-txt-lightseagreen\:90 { color: hsl(177, 70%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:95, html.dark .sf-c-txt-lightseagreen\:95 { color: hsl(177, 70%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:100, html.dark .sf-c-txt-lightseagreen\:100 { color: hsl(177, 70%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:dark, html.dark .sf-c-txt-lightseagreen\:dark { color: hsl(177, 70%, 41%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:0\:dark, html.dark .sf-c-txt-lightseagreen\:0\:dark { color: hsl(177, 70%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:5\:dark, html.dark .sf-c-txt-lightseagreen\:5\:dark { color: hsl(177, 70%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:10\:dark, html.dark .sf-c-txt-lightseagreen\:10\:dark { color: hsl(177, 70%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:15\:dark, html.dark .sf-c-txt-lightseagreen\:15\:dark { color: hsl(177, 70%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:20\:dark, html.dark .sf-c-txt-lightseagreen\:20\:dark { color: hsl(177, 70%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:25\:dark, html.dark .sf-c-txt-lightseagreen\:25\:dark { color: hsl(177, 70%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:30\:dark, html.dark .sf-c-txt-lightseagreen\:30\:dark { color: hsl(177, 70%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:35\:dark, html.dark .sf-c-txt-lightseagreen\:35\:dark { color: hsl(177, 70%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:40\:dark, html.dark .sf-c-txt-lightseagreen\:40\:dark { color: hsl(177, 70%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:45\:dark, html.dark .sf-c-txt-lightseagreen\:45\:dark { color: hsl(177, 70%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:50\:dark, html.dark .sf-c-txt-lightseagreen\:50\:dark { color: hsl(177, 70%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:55\:dark, html.dark .sf-c-txt-lightseagreen\:55\:dark { color: hsl(177, 70%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:60\:dark, html.dark .sf-c-txt-lightseagreen\:60\:dark { color: hsl(177, 70%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:65\:dark, html.dark .sf-c-txt-lightseagreen\:65\:dark { color: hsl(177, 70%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:70\:dark, html.dark .sf-c-txt-lightseagreen\:70\:dark { color: hsl(177, 70%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:75\:dark, html.dark .sf-c-txt-lightseagreen\:75\:dark { color: hsl(177, 70%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:80\:dark, html.dark .sf-c-txt-lightseagreen\:80\:dark { color: hsl(177, 70%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:85\:dark, html.dark .sf-c-txt-lightseagreen\:85\:dark { color: hsl(177, 70%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:90\:dark, html.dark .sf-c-txt-lightseagreen\:90\:dark { color: hsl(177, 70%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:95\:dark, html.dark .sf-c-txt-lightseagreen\:95\:dark { color: hsl(177, 70%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightseagreen\:100\:dark, html.dark .sf-c-txt-lightseagreen\:100\:dark { color: hsl(177, 70%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightseagreen, html.auto .sf-c-lightseagreen { color: hsl(var(--sf-dark-c-txt-lightseagreen-5)); background: hsl(var(--sf-dark-c-lightseagreen)) } html[data-theme='auto'] .sf-c-lightseagreen\:0, html.auto .sf-c-lightseagreen\:0 { color: hsl(var(--sf-dark-c-txt-lightseagreen-95)); background: hsl(var(--sf-dark-c-lightseagreen-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lightseagreen\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-lightseagreen\:95\:dark, html.auto .sf-c-lightseagreen\:95\:dark { color: hsl(var(--sf-c-txt-lightseagreen-95)); background: hsl(var(--sf-c-lightseagreen-5)) } html[data-theme='auto'] .sf-c-lightseagreen\:100\:dark, html.auto .sf-c-lightseagreen\:100\:dark { color: hsl(var(--sf-c-txt-lightseagreen-95)); background: hsl(var(--sf-c-lightseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen, html.auto .sf-c-txt-lightseagreen { color: hsl(var(--sf-c-txt-lightseagreen)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:0, html.auto .sf-c-txt-lightseagreen\:0 { color: hsl(var(--sf-c-txt-lightseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:5, html.auto .sf-c-txt-lightseagreen\:5 { color: hsl(var(--sf-c-txt-lightseagreen-5)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:10, html.auto .sf-c-txt-lightseagreen\:10 { color: hsl(var(--sf-c-txt-lightseagreen-10)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:15, html.auto .sf-c-txt-lightseagreen\:15 { color: hsl(var(--sf-c-txt-lightseagreen-15)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:20, html.auto .sf-c-txt-lightseagreen\:20 { color: hsl(var(--sf-c-txt-lightseagreen-20)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:25, html.auto .sf-c-txt-lightseagreen\:25 { color: hsl(var(--sf-c-txt-lightseagreen-25)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:30, html.auto .sf-c-txt-lightseagreen\:30 { color: hsl(var(--sf-c-txt-lightseagreen-30)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:35, html.auto .sf-c-txt-lightseagreen\:35 { color: hsl(var(--sf-c-txt-lightseagreen-35)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:40, html.auto .sf-c-txt-lightseagreen\:40 { color: hsl(var(--sf-c-txt-lightseagreen-40)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:45, html.auto .sf-c-txt-lightseagreen\:45 { color: hsl(var(--sf-c-txt-lightseagreen-45)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:50, html.auto .sf-c-txt-lightseagreen\:50 { color: hsl(var(--sf-c-txt-lightseagreen-50)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:55, html.auto .sf-c-txt-lightseagreen\:55 { color: hsl(var(--sf-c-txt-lightseagreen-55)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:60, html.auto .sf-c-txt-lightseagreen\:60 { color: hsl(var(--sf-c-txt-lightseagreen-60)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:65, html.auto .sf-c-txt-lightseagreen\:65 { color: hsl(var(--sf-c-txt-lightseagreen-65)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:70, html.auto .sf-c-txt-lightseagreen\:70 { color: hsl(var(--sf-c-txt-lightseagreen-70)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:75, html.auto .sf-c-txt-lightseagreen\:75 { color: hsl(var(--sf-c-txt-lightseagreen-75)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:80, html.auto .sf-c-txt-lightseagreen\:80 { color: hsl(var(--sf-c-txt-lightseagreen-80)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:85, html.auto .sf-c-txt-lightseagreen\:85 { color: hsl(var(--sf-c-txt-lightseagreen-85)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:90, html.auto .sf-c-txt-lightseagreen\:90 { color: hsl(var(--sf-c-txt-lightseagreen-90)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:95, html.auto .sf-c-txt-lightseagreen\:95 { color: hsl(var(--sf-c-txt-lightseagreen-95)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:100, html.auto .sf-c-txt-lightseagreen\:100 { color: hsl(var(--sf-c-txt-lightseagreen-100)) } + + html[data-theme='auto'] .sf-c-txt-lightseagreen\:dark, html.auto .sf-c-txt-lightseagreen\:dark { color: hsl(var(--sf-c-txt-lightseagreen)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:0\:dark, html.auto .sf-c-txt-lightseagreen\:0\:dark { color: hsl(var(--sf-c-txt-lightseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:5\:dark, html.auto .sf-c-txt-lightseagreen\:5\:dark { color: hsl(var(--sf-c-txt-lightseagreen-5)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:10\:dark, html.auto .sf-c-txt-lightseagreen\:10\:dark { color: hsl(var(--sf-c-txt-lightseagreen-10)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:15\:dark, html.auto .sf-c-txt-lightseagreen\:15\:dark { color: hsl(var(--sf-c-txt-lightseagreen-15)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:20\:dark, html.auto .sf-c-txt-lightseagreen\:20\:dark { color: hsl(var(--sf-c-txt-lightseagreen-20)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:25\:dark, html.auto .sf-c-txt-lightseagreen\:25\:dark { color: hsl(var(--sf-c-txt-lightseagreen-25)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:30\:dark, html.auto .sf-c-txt-lightseagreen\:30\:dark { color: hsl(var(--sf-c-txt-lightseagreen-30)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:35\:dark, html.auto .sf-c-txt-lightseagreen\:35\:dark { color: hsl(var(--sf-c-txt-lightseagreen-35)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:40\:dark, html.auto .sf-c-txt-lightseagreen\:40\:dark { color: hsl(var(--sf-c-txt-lightseagreen-40)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:45\:dark, html.auto .sf-c-txt-lightseagreen\:45\:dark { color: hsl(var(--sf-c-txt-lightseagreen-45)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:50\:dark, html.auto .sf-c-txt-lightseagreen\:50\:dark { color: hsl(var(--sf-c-txt-lightseagreen-50)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:55\:dark, html.auto .sf-c-txt-lightseagreen\:55\:dark { color: hsl(var(--sf-c-txt-lightseagreen-55)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:60\:dark, html.auto .sf-c-txt-lightseagreen\:60\:dark { color: hsl(var(--sf-c-txt-lightseagreen-60)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:65\:dark, html.auto .sf-c-txt-lightseagreen\:65\:dark { color: hsl(var(--sf-c-txt-lightseagreen-65)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:70\:dark, html.auto .sf-c-txt-lightseagreen\:70\:dark { color: hsl(var(--sf-c-txt-lightseagreen-70)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:75\:dark, html.auto .sf-c-txt-lightseagreen\:75\:dark { color: hsl(var(--sf-c-txt-lightseagreen-75)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:80\:dark, html.auto .sf-c-txt-lightseagreen\:80\:dark { color: hsl(var(--sf-c-txt-lightseagreen-80)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:85\:dark, html.auto .sf-c-txt-lightseagreen\:85\:dark { color: hsl(var(--sf-c-txt-lightseagreen-85)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:90\:dark, html.auto .sf-c-txt-lightseagreen\:90\:dark { color: hsl(var(--sf-c-txt-lightseagreen-90)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:95\:dark, html.auto .sf-c-txt-lightseagreen\:95\:dark { color: hsl(var(--sf-c-txt-lightseagreen-95)) } + html[data-theme='auto'] .sf-c-txt-lightseagreen\:100\:dark, html.auto .sf-c-txt-lightseagreen\:100\:dark { color: hsl(var(--sf-c-txt-lightseagreen-100)) } + html.var[data-theme='auto'] .sf-c-lightseagreen, html.var.auto .sf-c-lightseagreen { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 59%) } html.var[data-theme='auto'] .sf-c-lightseagreen\:0, html.var.auto .sf-c-lightseagreen\:0 { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 100%) } html.var[data-theme='auto'] .sf-c-lightseagreen\:5, html.var.auto .sf-c-lightseagreen\:5 { color: hsl(177, 70%, 5%); background: hsl(177, 70%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lightseagreen\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-lightseagreen\:90\:dark, html.var.auto .sf-c-lightseagreen\:90\:dark { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 10%) } html.var[data-theme='auto'] .sf-c-lightseagreen\:95\:dark, html.var.auto .sf-c-lightseagreen\:95\:dark { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 5%) } html.var[data-theme='auto'] .sf-c-lightseagreen\:100\:dark, html.var.auto .sf-c-lightseagreen\:100\:dark { color: hsl(177, 70%, 95%); background: hsl(177, 70%, 0%) } -} -.sf-c-txt-lightseagreen { color: hsl(var(--sf-c-txt-lightseagreen)) } -.sf-c-txt-lightseagreen\:0 { color: hsl(var(--sf-c-txt-lightseagreen-0)) } -.sf-c-txt-lightseagreen\:5 { color: hsl(var(--sf-c-txt-lightseagreen-5)) } -.sf-c-txt-lightseagreen\:10 { color: hsl(var(--sf-c-txt-lightseagreen-10)) } -.sf-c-txt-lightseagreen\:15 { color: hsl(var(--sf-c-txt-lightseagreen-15)) } -.sf-c-txt-lightseagreen\:20 { color: hsl(var(--sf-c-txt-lightseagreen-20)) } -.sf-c-txt-lightseagreen\:25 { color: hsl(var(--sf-c-txt-lightseagreen-25)) } -.sf-c-txt-lightseagreen\:30 { color: hsl(var(--sf-c-txt-lightseagreen-30)) } -.sf-c-txt-lightseagreen\:35 { color: hsl(var(--sf-c-txt-lightseagreen-35)) } -.sf-c-txt-lightseagreen\:40 { color: hsl(var(--sf-c-txt-lightseagreen-40)) } -.sf-c-txt-lightseagreen\:45 { color: hsl(var(--sf-c-txt-lightseagreen-45)) } -.sf-c-txt-lightseagreen\:50 { color: hsl(var(--sf-c-txt-lightseagreen-50)) } -.sf-c-txt-lightseagreen\:55 { color: hsl(var(--sf-c-txt-lightseagreen-55)) } -.sf-c-txt-lightseagreen\:60 { color: hsl(var(--sf-c-txt-lightseagreen-60)) } -.sf-c-txt-lightseagreen\:65 { color: hsl(var(--sf-c-txt-lightseagreen-65)) } -.sf-c-txt-lightseagreen\:70 { color: hsl(var(--sf-c-txt-lightseagreen-70)) } -.sf-c-txt-lightseagreen\:75 { color: hsl(var(--sf-c-txt-lightseagreen-75)) } -.sf-c-txt-lightseagreen\:80 { color: hsl(var(--sf-c-txt-lightseagreen-80)) } -.sf-c-txt-lightseagreen\:85 { color: hsl(var(--sf-c-txt-lightseagreen-85)) } -.sf-c-txt-lightseagreen\:90 { color: hsl(var(--sf-c-txt-lightseagreen-90)) } -.sf-c-txt-lightseagreen\:95 { color: hsl(var(--sf-c-txt-lightseagreen-95)) } -.sf-c-txt-lightseagreen\:100 { color: hsl(var(--sf-c-txt-lightseagreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightseagreen, html.auto .sf-c-txt-lightseagreen { color: hsl(177, 70%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:0, html.auto .sf-c-txt-lightseagreen\:0 { color: hsl(177, 70%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:5, html.auto .sf-c-txt-lightseagreen\:5 { color: hsl(177, 70%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:10, html.auto .sf-c-txt-lightseagreen\:10 { color: hsl(177, 70%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:15, html.auto .sf-c-txt-lightseagreen\:15 { color: hsl(177, 70%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:20, html.auto .sf-c-txt-lightseagreen\:20 { color: hsl(177, 70%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:25, html.auto .sf-c-txt-lightseagreen\:25 { color: hsl(177, 70%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:30, html.auto .sf-c-txt-lightseagreen\:30 { color: hsl(177, 70%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:35, html.auto .sf-c-txt-lightseagreen\:35 { color: hsl(177, 70%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:40, html.auto .sf-c-txt-lightseagreen\:40 { color: hsl(177, 70%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:45, html.auto .sf-c-txt-lightseagreen\:45 { color: hsl(177, 70%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:50, html.auto .sf-c-txt-lightseagreen\:50 { color: hsl(177, 70%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:55, html.auto .sf-c-txt-lightseagreen\:55 { color: hsl(177, 70%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:60, html.auto .sf-c-txt-lightseagreen\:60 { color: hsl(177, 70%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:65, html.auto .sf-c-txt-lightseagreen\:65 { color: hsl(177, 70%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:70, html.auto .sf-c-txt-lightseagreen\:70 { color: hsl(177, 70%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:75, html.auto .sf-c-txt-lightseagreen\:75 { color: hsl(177, 70%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:80, html.auto .sf-c-txt-lightseagreen\:80 { color: hsl(177, 70%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:85, html.auto .sf-c-txt-lightseagreen\:85 { color: hsl(177, 70%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:90, html.auto .sf-c-txt-lightseagreen\:90 { color: hsl(177, 70%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:95, html.auto .sf-c-txt-lightseagreen\:95 { color: hsl(177, 70%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:100, html.auto .sf-c-txt-lightseagreen\:100 { color: hsl(177, 70%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:dark, html.auto .sf-c-txt-lightseagreen\:dark { color: hsl(177, 70%, 41%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:0\:dark, html.auto .sf-c-txt-lightseagreen\:0\:dark { color: hsl(177, 70%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:5\:dark, html.auto .sf-c-txt-lightseagreen\:5\:dark { color: hsl(177, 70%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:10\:dark, html.auto .sf-c-txt-lightseagreen\:10\:dark { color: hsl(177, 70%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:15\:dark, html.auto .sf-c-txt-lightseagreen\:15\:dark { color: hsl(177, 70%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:20\:dark, html.auto .sf-c-txt-lightseagreen\:20\:dark { color: hsl(177, 70%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:25\:dark, html.auto .sf-c-txt-lightseagreen\:25\:dark { color: hsl(177, 70%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:30\:dark, html.auto .sf-c-txt-lightseagreen\:30\:dark { color: hsl(177, 70%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:35\:dark, html.auto .sf-c-txt-lightseagreen\:35\:dark { color: hsl(177, 70%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:40\:dark, html.auto .sf-c-txt-lightseagreen\:40\:dark { color: hsl(177, 70%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:45\:dark, html.auto .sf-c-txt-lightseagreen\:45\:dark { color: hsl(177, 70%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:50\:dark, html.auto .sf-c-txt-lightseagreen\:50\:dark { color: hsl(177, 70%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:55\:dark, html.auto .sf-c-txt-lightseagreen\:55\:dark { color: hsl(177, 70%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:60\:dark, html.auto .sf-c-txt-lightseagreen\:60\:dark { color: hsl(177, 70%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:65\:dark, html.auto .sf-c-txt-lightseagreen\:65\:dark { color: hsl(177, 70%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:70\:dark, html.auto .sf-c-txt-lightseagreen\:70\:dark { color: hsl(177, 70%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:75\:dark, html.auto .sf-c-txt-lightseagreen\:75\:dark { color: hsl(177, 70%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:80\:dark, html.auto .sf-c-txt-lightseagreen\:80\:dark { color: hsl(177, 70%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:85\:dark, html.auto .sf-c-txt-lightseagreen\:85\:dark { color: hsl(177, 70%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:90\:dark, html.auto .sf-c-txt-lightseagreen\:90\:dark { color: hsl(177, 70%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:95\:dark, html.auto .sf-c-txt-lightseagreen\:95\:dark { color: hsl(177, 70%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightseagreen\:100\:dark, html.auto .sf-c-txt-lightseagreen\:100\:dark { color: hsl(177, 70%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lightskyblue.css b/src/colors/20/lightskyblue.css index b860c30..c886525 100644 --- a/src/colors/20/lightskyblue.css +++ b/src/colors/20/lightskyblue.css @@ -138,6 +138,52 @@ html.var .sf-c-lightskyblue\:90 { color: hsl(203, 92%, 5%); background: hsl(203, html.var .sf-c-lightskyblue\:95 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 95%) } html.var .sf-c-lightskyblue\:100 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 100%) } +.sf-c-txt-lightskyblue { color: hsl(var(--sf-dark-c-txt-lightskyblue)) } +.sf-c-txt-lightskyblue\:0 { color: hsl(var(--sf-dark-c-txt-lightskyblue-100)) } +.sf-c-txt-lightskyblue\:5 { color: hsl(var(--sf-dark-c-txt-lightskyblue-95)) } +.sf-c-txt-lightskyblue\:10 { color: hsl(var(--sf-dark-c-txt-lightskyblue-90)) } +.sf-c-txt-lightskyblue\:15 { color: hsl(var(--sf-dark-c-txt-lightskyblue-85)) } +.sf-c-txt-lightskyblue\:20 { color: hsl(var(--sf-dark-c-txt-lightskyblue-80)) } +.sf-c-txt-lightskyblue\:25 { color: hsl(var(--sf-dark-c-txt-lightskyblue-75)) } +.sf-c-txt-lightskyblue\:30 { color: hsl(var(--sf-dark-c-txt-lightskyblue-70)) } +.sf-c-txt-lightskyblue\:35 { color: hsl(var(--sf-dark-c-txt-lightskyblue-65)) } +.sf-c-txt-lightskyblue\:40 { color: hsl(var(--sf-dark-c-txt-lightskyblue-60)) } +.sf-c-txt-lightskyblue\:45 { color: hsl(var(--sf-dark-c-txt-lightskyblue-55)) } +.sf-c-txt-lightskyblue\:50 { color: hsl(var(--sf-dark-c-txt-lightskyblue-50)) } +.sf-c-txt-lightskyblue\:55 { color: hsl(var(--sf-dark-c-txt-lightskyblue-45)) } +.sf-c-txt-lightskyblue\:60 { color: hsl(var(--sf-dark-c-txt-lightskyblue-40)) } +.sf-c-txt-lightskyblue\:65 { color: hsl(var(--sf-dark-c-txt-lightskyblue-35)) } +.sf-c-txt-lightskyblue\:70 { color: hsl(var(--sf-dark-c-txt-lightskyblue-30)) } +.sf-c-txt-lightskyblue\:75 { color: hsl(var(--sf-dark-c-txt-lightskyblue-25)) } +.sf-c-txt-lightskyblue\:80 { color: hsl(var(--sf-dark-c-txt-lightskyblue-20)) } +.sf-c-txt-lightskyblue\:85 { color: hsl(var(--sf-dark-c-txt-lightskyblue-15)) } +.sf-c-txt-lightskyblue\:90 { color: hsl(var(--sf-dark-c-txt-lightskyblue-10)) } +.sf-c-txt-lightskyblue\:95 { color: hsl(var(--sf-dark-c-txt-lightskyblue-5)) } +.sf-c-txt-lightskyblue\:100 { color: hsl(var(--sf-dark-c-txt-lightskyblue-0)) } + +html.var .sf-c-txt-lightskyblue { color: hsl(203, 92%, 25%) } +html.var .sf-c-txt-lightskyblue\:0 { color: hsl(203, 92%, 100%) } +html.var .sf-c-txt-lightskyblue\:5 { color: hsl(203, 92%, 95%) } +html.var .sf-c-txt-lightskyblue\:10 { color: hsl(203, 92%, 90%) } +html.var .sf-c-txt-lightskyblue\:15 { color: hsl(203, 92%, 85%) } +html.var .sf-c-txt-lightskyblue\:20 { color: hsl(203, 92%, 80%) } +html.var .sf-c-txt-lightskyblue\:25 { color: hsl(203, 92%, 75%) } +html.var .sf-c-txt-lightskyblue\:30 { color: hsl(203, 92%, 70%) } +html.var .sf-c-txt-lightskyblue\:35 { color: hsl(203, 92%, 65%) } +html.var .sf-c-txt-lightskyblue\:40 { color: hsl(203, 92%, 60%) } +html.var .sf-c-txt-lightskyblue\:45 { color: hsl(203, 92%, 55%) } +html.var .sf-c-txt-lightskyblue\:50 { color: hsl(203, 92%, 50%) } +html.var .sf-c-txt-lightskyblue\:55 { color: hsl(203, 92%, 45%) } +html.var .sf-c-txt-lightskyblue\:60 { color: hsl(203, 92%, 40%) } +html.var .sf-c-txt-lightskyblue\:65 { color: hsl(203, 92%, 35%) } +html.var .sf-c-txt-lightskyblue\:70 { color: hsl(203, 92%, 30%) } +html.var .sf-c-txt-lightskyblue\:75 { color: hsl(203, 92%, 25%) } +html.var .sf-c-txt-lightskyblue\:80 { color: hsl(203, 92%, 20%) } +html.var .sf-c-txt-lightskyblue\:85 { color: hsl(203, 92%, 15%) } +html.var .sf-c-txt-lightskyblue\:90 { color: hsl(203, 92%, 10%) } +html.var .sf-c-txt-lightskyblue\:95 { color: hsl(203, 92%, 5%) } +html.var .sf-c-txt-lightskyblue\:100 { color: hsl(203, 92%, 0%) } + html[data-theme='dark'] .sf-c-lightskyblue, html.dark .sf-c-lightskyblue { color: hsl(var(--sf-dark-c-txt-lightskyblue-95)); background: hsl(var(--sf-dark-c-lightskyblue)) } html[data-theme='dark'] .sf-c-lightskyblue\:0, html.dark .sf-c-lightskyblue\:0 { color: hsl(var(--sf-dark-c-txt-lightskyblue-95)); background: hsl(var(--sf-dark-c-lightskyblue-100)) } html[data-theme='dark'] .sf-c-lightskyblue\:5, html.dark .sf-c-lightskyblue\:5 { color: hsl(var(--sf-dark-c-txt-lightskyblue-5)); background: hsl(var(--sf-dark-c-lightskyblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lightskyblue\:90\:dark, html.dark .sf-c-lightskybl html[data-theme='dark'] .sf-c-lightskyblue\:95\:dark, html.dark .sf-c-lightskyblue\:95\:dark { color: hsl(var(--sf-c-txt-lightskyblue-95)); background: hsl(var(--sf-c-lightskyblue-5)) } html[data-theme='dark'] .sf-c-lightskyblue\:100\:dark, html.dark .sf-c-lightskyblue\:100\:dark { color: hsl(var(--sf-c-txt-lightskyblue-95)); background: hsl(var(--sf-c-lightskyblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue, html.dark .sf-c-txt-lightskyblue { color: hsl(var(--sf-c-txt-lightskyblue)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:0, html.dark .sf-c-txt-lightskyblue\:0 { color: hsl(var(--sf-c-txt-lightskyblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:5, html.dark .sf-c-txt-lightskyblue\:5 { color: hsl(var(--sf-c-txt-lightskyblue-5)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:10, html.dark .sf-c-txt-lightskyblue\:10 { color: hsl(var(--sf-c-txt-lightskyblue-10)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:15, html.dark .sf-c-txt-lightskyblue\:15 { color: hsl(var(--sf-c-txt-lightskyblue-15)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:20, html.dark .sf-c-txt-lightskyblue\:20 { color: hsl(var(--sf-c-txt-lightskyblue-20)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:25, html.dark .sf-c-txt-lightskyblue\:25 { color: hsl(var(--sf-c-txt-lightskyblue-25)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:30, html.dark .sf-c-txt-lightskyblue\:30 { color: hsl(var(--sf-c-txt-lightskyblue-30)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:35, html.dark .sf-c-txt-lightskyblue\:35 { color: hsl(var(--sf-c-txt-lightskyblue-35)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:40, html.dark .sf-c-txt-lightskyblue\:40 { color: hsl(var(--sf-c-txt-lightskyblue-40)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:45, html.dark .sf-c-txt-lightskyblue\:45 { color: hsl(var(--sf-c-txt-lightskyblue-45)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:50, html.dark .sf-c-txt-lightskyblue\:50 { color: hsl(var(--sf-c-txt-lightskyblue-50)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:55, html.dark .sf-c-txt-lightskyblue\:55 { color: hsl(var(--sf-c-txt-lightskyblue-55)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:60, html.dark .sf-c-txt-lightskyblue\:60 { color: hsl(var(--sf-c-txt-lightskyblue-60)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:65, html.dark .sf-c-txt-lightskyblue\:65 { color: hsl(var(--sf-c-txt-lightskyblue-65)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:70, html.dark .sf-c-txt-lightskyblue\:70 { color: hsl(var(--sf-c-txt-lightskyblue-70)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:75, html.dark .sf-c-txt-lightskyblue\:75 { color: hsl(var(--sf-c-txt-lightskyblue-75)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:80, html.dark .sf-c-txt-lightskyblue\:80 { color: hsl(var(--sf-c-txt-lightskyblue-80)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:85, html.dark .sf-c-txt-lightskyblue\:85 { color: hsl(var(--sf-c-txt-lightskyblue-85)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:90, html.dark .sf-c-txt-lightskyblue\:90 { color: hsl(var(--sf-c-txt-lightskyblue-90)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:95, html.dark .sf-c-txt-lightskyblue\:95 { color: hsl(var(--sf-c-txt-lightskyblue-95)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:100, html.dark .sf-c-txt-lightskyblue\:100 { color: hsl(var(--sf-c-txt-lightskyblue-100)) } + +html[data-theme='dark'] .sf-c-txt-lightskyblue\:dark, html.dark .sf-c-txt-lightskyblue\:dark { color: hsl(var(--sf-c-txt-lightskyblue)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:0\:dark, html.dark .sf-c-txt-lightskyblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:5\:dark, html.dark .sf-c-txt-lightskyblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-5)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:10\:dark, html.dark .sf-c-txt-lightskyblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-10)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:15\:dark, html.dark .sf-c-txt-lightskyblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-15)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:20\:dark, html.dark .sf-c-txt-lightskyblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-20)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:25\:dark, html.dark .sf-c-txt-lightskyblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-25)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:30\:dark, html.dark .sf-c-txt-lightskyblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-30)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:35\:dark, html.dark .sf-c-txt-lightskyblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-35)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:40\:dark, html.dark .sf-c-txt-lightskyblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-40)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:45\:dark, html.dark .sf-c-txt-lightskyblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-45)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:50\:dark, html.dark .sf-c-txt-lightskyblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-50)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:55\:dark, html.dark .sf-c-txt-lightskyblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-55)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:60\:dark, html.dark .sf-c-txt-lightskyblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-60)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:65\:dark, html.dark .sf-c-txt-lightskyblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-65)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:70\:dark, html.dark .sf-c-txt-lightskyblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-70)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:75\:dark, html.dark .sf-c-txt-lightskyblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-75)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:80\:dark, html.dark .sf-c-txt-lightskyblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-80)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:85\:dark, html.dark .sf-c-txt-lightskyblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-85)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:90\:dark, html.dark .sf-c-txt-lightskyblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-90)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:95\:dark, html.dark .sf-c-txt-lightskyblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-95)) } +html[data-theme='dark'] .sf-c-txt-lightskyblue\:100\:dark, html.dark .sf-c-txt-lightskyblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightskyblue-100)) } + html.var[data-theme='dark'] .sf-c-lightskyblue, html.var.dark .sf-c-lightskyblue { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 25%) } html.var[data-theme='dark'] .sf-c-lightskyblue\:0, html.var.dark .sf-c-lightskyblue\:0 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 100%) } html.var[data-theme='dark'] .sf-c-lightskyblue\:5, html.var.dark .sf-c-lightskyblue\:5 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lightskyblue\:90\:dark, html.var.dark .sf-c-li html.var[data-theme='dark'] .sf-c-lightskyblue\:95\:dark, html.var.dark .sf-c-lightskyblue\:95\:dark { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 5%) } html.var[data-theme='dark'] .sf-c-lightskyblue\:100\:dark, html.var.dark .sf-c-lightskyblue\:100\:dark { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue, html.dark .sf-c-txt-lightskyblue { color: hsl(203, 92%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:0, html.dark .sf-c-txt-lightskyblue\:0 { color: hsl(203, 92%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:5, html.dark .sf-c-txt-lightskyblue\:5 { color: hsl(203, 92%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:10, html.dark .sf-c-txt-lightskyblue\:10 { color: hsl(203, 92%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:15, html.dark .sf-c-txt-lightskyblue\:15 { color: hsl(203, 92%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:20, html.dark .sf-c-txt-lightskyblue\:20 { color: hsl(203, 92%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:25, html.dark .sf-c-txt-lightskyblue\:25 { color: hsl(203, 92%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:30, html.dark .sf-c-txt-lightskyblue\:30 { color: hsl(203, 92%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:35, html.dark .sf-c-txt-lightskyblue\:35 { color: hsl(203, 92%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:40, html.dark .sf-c-txt-lightskyblue\:40 { color: hsl(203, 92%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:45, html.dark .sf-c-txt-lightskyblue\:45 { color: hsl(203, 92%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:50, html.dark .sf-c-txt-lightskyblue\:50 { color: hsl(203, 92%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:55, html.dark .sf-c-txt-lightskyblue\:55 { color: hsl(203, 92%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:60, html.dark .sf-c-txt-lightskyblue\:60 { color: hsl(203, 92%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:65, html.dark .sf-c-txt-lightskyblue\:65 { color: hsl(203, 92%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:70, html.dark .sf-c-txt-lightskyblue\:70 { color: hsl(203, 92%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:75, html.dark .sf-c-txt-lightskyblue\:75 { color: hsl(203, 92%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:80, html.dark .sf-c-txt-lightskyblue\:80 { color: hsl(203, 92%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:85, html.dark .sf-c-txt-lightskyblue\:85 { color: hsl(203, 92%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:90, html.dark .sf-c-txt-lightskyblue\:90 { color: hsl(203, 92%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:95, html.dark .sf-c-txt-lightskyblue\:95 { color: hsl(203, 92%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:100, html.dark .sf-c-txt-lightskyblue\:100 { color: hsl(203, 92%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:dark, html.dark .sf-c-txt-lightskyblue\:dark { color: hsl(203, 92%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:0\:dark, html.dark .sf-c-txt-lightskyblue\:0\:dark { color: hsl(203, 92%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:5\:dark, html.dark .sf-c-txt-lightskyblue\:5\:dark { color: hsl(203, 92%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:10\:dark, html.dark .sf-c-txt-lightskyblue\:10\:dark { color: hsl(203, 92%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:15\:dark, html.dark .sf-c-txt-lightskyblue\:15\:dark { color: hsl(203, 92%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:20\:dark, html.dark .sf-c-txt-lightskyblue\:20\:dark { color: hsl(203, 92%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:25\:dark, html.dark .sf-c-txt-lightskyblue\:25\:dark { color: hsl(203, 92%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:30\:dark, html.dark .sf-c-txt-lightskyblue\:30\:dark { color: hsl(203, 92%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:35\:dark, html.dark .sf-c-txt-lightskyblue\:35\:dark { color: hsl(203, 92%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:40\:dark, html.dark .sf-c-txt-lightskyblue\:40\:dark { color: hsl(203, 92%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:45\:dark, html.dark .sf-c-txt-lightskyblue\:45\:dark { color: hsl(203, 92%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:50\:dark, html.dark .sf-c-txt-lightskyblue\:50\:dark { color: hsl(203, 92%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:55\:dark, html.dark .sf-c-txt-lightskyblue\:55\:dark { color: hsl(203, 92%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:60\:dark, html.dark .sf-c-txt-lightskyblue\:60\:dark { color: hsl(203, 92%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:65\:dark, html.dark .sf-c-txt-lightskyblue\:65\:dark { color: hsl(203, 92%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:70\:dark, html.dark .sf-c-txt-lightskyblue\:70\:dark { color: hsl(203, 92%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:75\:dark, html.dark .sf-c-txt-lightskyblue\:75\:dark { color: hsl(203, 92%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:80\:dark, html.dark .sf-c-txt-lightskyblue\:80\:dark { color: hsl(203, 92%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:85\:dark, html.dark .sf-c-txt-lightskyblue\:85\:dark { color: hsl(203, 92%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:90\:dark, html.dark .sf-c-txt-lightskyblue\:90\:dark { color: hsl(203, 92%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:95\:dark, html.dark .sf-c-txt-lightskyblue\:95\:dark { color: hsl(203, 92%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightskyblue\:100\:dark, html.dark .sf-c-txt-lightskyblue\:100\:dark { color: hsl(203, 92%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightskyblue, html.auto .sf-c-lightskyblue { color: hsl(var(--sf-dark-c-txt-lightskyblue-95)); background: hsl(var(--sf-dark-c-lightskyblue)) } html[data-theme='auto'] .sf-c-lightskyblue\:0, html.auto .sf-c-lightskyblue\:0 { color: hsl(var(--sf-dark-c-txt-lightskyblue-95)); background: hsl(var(--sf-dark-c-lightskyblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lightskyblue\:100\:dark, html.var.dark .sf-c-l html[data-theme='auto'] .sf-c-lightskyblue\:95\:dark, html.auto .sf-c-lightskyblue\:95\:dark { color: hsl(var(--sf-c-txt-lightskyblue-95)); background: hsl(var(--sf-c-lightskyblue-5)) } html[data-theme='auto'] .sf-c-lightskyblue\:100\:dark, html.auto .sf-c-lightskyblue\:100\:dark { color: hsl(var(--sf-c-txt-lightskyblue-95)); background: hsl(var(--sf-c-lightskyblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue, html.auto .sf-c-txt-lightskyblue { color: hsl(var(--sf-c-txt-lightskyblue)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:0, html.auto .sf-c-txt-lightskyblue\:0 { color: hsl(var(--sf-c-txt-lightskyblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:5, html.auto .sf-c-txt-lightskyblue\:5 { color: hsl(var(--sf-c-txt-lightskyblue-5)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:10, html.auto .sf-c-txt-lightskyblue\:10 { color: hsl(var(--sf-c-txt-lightskyblue-10)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:15, html.auto .sf-c-txt-lightskyblue\:15 { color: hsl(var(--sf-c-txt-lightskyblue-15)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:20, html.auto .sf-c-txt-lightskyblue\:20 { color: hsl(var(--sf-c-txt-lightskyblue-20)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:25, html.auto .sf-c-txt-lightskyblue\:25 { color: hsl(var(--sf-c-txt-lightskyblue-25)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:30, html.auto .sf-c-txt-lightskyblue\:30 { color: hsl(var(--sf-c-txt-lightskyblue-30)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:35, html.auto .sf-c-txt-lightskyblue\:35 { color: hsl(var(--sf-c-txt-lightskyblue-35)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:40, html.auto .sf-c-txt-lightskyblue\:40 { color: hsl(var(--sf-c-txt-lightskyblue-40)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:45, html.auto .sf-c-txt-lightskyblue\:45 { color: hsl(var(--sf-c-txt-lightskyblue-45)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:50, html.auto .sf-c-txt-lightskyblue\:50 { color: hsl(var(--sf-c-txt-lightskyblue-50)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:55, html.auto .sf-c-txt-lightskyblue\:55 { color: hsl(var(--sf-c-txt-lightskyblue-55)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:60, html.auto .sf-c-txt-lightskyblue\:60 { color: hsl(var(--sf-c-txt-lightskyblue-60)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:65, html.auto .sf-c-txt-lightskyblue\:65 { color: hsl(var(--sf-c-txt-lightskyblue-65)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:70, html.auto .sf-c-txt-lightskyblue\:70 { color: hsl(var(--sf-c-txt-lightskyblue-70)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:75, html.auto .sf-c-txt-lightskyblue\:75 { color: hsl(var(--sf-c-txt-lightskyblue-75)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:80, html.auto .sf-c-txt-lightskyblue\:80 { color: hsl(var(--sf-c-txt-lightskyblue-80)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:85, html.auto .sf-c-txt-lightskyblue\:85 { color: hsl(var(--sf-c-txt-lightskyblue-85)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:90, html.auto .sf-c-txt-lightskyblue\:90 { color: hsl(var(--sf-c-txt-lightskyblue-90)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:95, html.auto .sf-c-txt-lightskyblue\:95 { color: hsl(var(--sf-c-txt-lightskyblue-95)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:100, html.auto .sf-c-txt-lightskyblue\:100 { color: hsl(var(--sf-c-txt-lightskyblue-100)) } + + html[data-theme='auto'] .sf-c-txt-lightskyblue\:dark, html.auto .sf-c-txt-lightskyblue\:dark { color: hsl(var(--sf-c-txt-lightskyblue)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:0\:dark, html.auto .sf-c-txt-lightskyblue\:0\:dark { color: hsl(var(--sf-c-txt-lightskyblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:5\:dark, html.auto .sf-c-txt-lightskyblue\:5\:dark { color: hsl(var(--sf-c-txt-lightskyblue-5)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:10\:dark, html.auto .sf-c-txt-lightskyblue\:10\:dark { color: hsl(var(--sf-c-txt-lightskyblue-10)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:15\:dark, html.auto .sf-c-txt-lightskyblue\:15\:dark { color: hsl(var(--sf-c-txt-lightskyblue-15)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:20\:dark, html.auto .sf-c-txt-lightskyblue\:20\:dark { color: hsl(var(--sf-c-txt-lightskyblue-20)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:25\:dark, html.auto .sf-c-txt-lightskyblue\:25\:dark { color: hsl(var(--sf-c-txt-lightskyblue-25)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:30\:dark, html.auto .sf-c-txt-lightskyblue\:30\:dark { color: hsl(var(--sf-c-txt-lightskyblue-30)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:35\:dark, html.auto .sf-c-txt-lightskyblue\:35\:dark { color: hsl(var(--sf-c-txt-lightskyblue-35)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:40\:dark, html.auto .sf-c-txt-lightskyblue\:40\:dark { color: hsl(var(--sf-c-txt-lightskyblue-40)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:45\:dark, html.auto .sf-c-txt-lightskyblue\:45\:dark { color: hsl(var(--sf-c-txt-lightskyblue-45)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:50\:dark, html.auto .sf-c-txt-lightskyblue\:50\:dark { color: hsl(var(--sf-c-txt-lightskyblue-50)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:55\:dark, html.auto .sf-c-txt-lightskyblue\:55\:dark { color: hsl(var(--sf-c-txt-lightskyblue-55)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:60\:dark, html.auto .sf-c-txt-lightskyblue\:60\:dark { color: hsl(var(--sf-c-txt-lightskyblue-60)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:65\:dark, html.auto .sf-c-txt-lightskyblue\:65\:dark { color: hsl(var(--sf-c-txt-lightskyblue-65)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:70\:dark, html.auto .sf-c-txt-lightskyblue\:70\:dark { color: hsl(var(--sf-c-txt-lightskyblue-70)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:75\:dark, html.auto .sf-c-txt-lightskyblue\:75\:dark { color: hsl(var(--sf-c-txt-lightskyblue-75)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:80\:dark, html.auto .sf-c-txt-lightskyblue\:80\:dark { color: hsl(var(--sf-c-txt-lightskyblue-80)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:85\:dark, html.auto .sf-c-txt-lightskyblue\:85\:dark { color: hsl(var(--sf-c-txt-lightskyblue-85)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:90\:dark, html.auto .sf-c-txt-lightskyblue\:90\:dark { color: hsl(var(--sf-c-txt-lightskyblue-90)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:95\:dark, html.auto .sf-c-txt-lightskyblue\:95\:dark { color: hsl(var(--sf-c-txt-lightskyblue-95)) } + html[data-theme='auto'] .sf-c-txt-lightskyblue\:100\:dark, html.auto .sf-c-txt-lightskyblue\:100\:dark { color: hsl(var(--sf-c-txt-lightskyblue-100)) } + html.var[data-theme='auto'] .sf-c-lightskyblue, html.var.auto .sf-c-lightskyblue { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 25%) } html.var[data-theme='auto'] .sf-c-lightskyblue\:0, html.var.auto .sf-c-lightskyblue\:0 { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 100%) } html.var[data-theme='auto'] .sf-c-lightskyblue\:5, html.var.auto .sf-c-lightskyblue\:5 { color: hsl(203, 92%, 5%); background: hsl(203, 92%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lightskyblue\:100\:dark, html.var.dark .sf-c-l html.var[data-theme='auto'] .sf-c-lightskyblue\:90\:dark, html.var.auto .sf-c-lightskyblue\:90\:dark { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 10%) } html.var[data-theme='auto'] .sf-c-lightskyblue\:95\:dark, html.var.auto .sf-c-lightskyblue\:95\:dark { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 5%) } html.var[data-theme='auto'] .sf-c-lightskyblue\:100\:dark, html.var.auto .sf-c-lightskyblue\:100\:dark { color: hsl(203, 92%, 95%); background: hsl(203, 92%, 0%) } -} -.sf-c-txt-lightskyblue { color: hsl(var(--sf-c-txt-lightskyblue)) } -.sf-c-txt-lightskyblue\:0 { color: hsl(var(--sf-c-txt-lightskyblue-0)) } -.sf-c-txt-lightskyblue\:5 { color: hsl(var(--sf-c-txt-lightskyblue-5)) } -.sf-c-txt-lightskyblue\:10 { color: hsl(var(--sf-c-txt-lightskyblue-10)) } -.sf-c-txt-lightskyblue\:15 { color: hsl(var(--sf-c-txt-lightskyblue-15)) } -.sf-c-txt-lightskyblue\:20 { color: hsl(var(--sf-c-txt-lightskyblue-20)) } -.sf-c-txt-lightskyblue\:25 { color: hsl(var(--sf-c-txt-lightskyblue-25)) } -.sf-c-txt-lightskyblue\:30 { color: hsl(var(--sf-c-txt-lightskyblue-30)) } -.sf-c-txt-lightskyblue\:35 { color: hsl(var(--sf-c-txt-lightskyblue-35)) } -.sf-c-txt-lightskyblue\:40 { color: hsl(var(--sf-c-txt-lightskyblue-40)) } -.sf-c-txt-lightskyblue\:45 { color: hsl(var(--sf-c-txt-lightskyblue-45)) } -.sf-c-txt-lightskyblue\:50 { color: hsl(var(--sf-c-txt-lightskyblue-50)) } -.sf-c-txt-lightskyblue\:55 { color: hsl(var(--sf-c-txt-lightskyblue-55)) } -.sf-c-txt-lightskyblue\:60 { color: hsl(var(--sf-c-txt-lightskyblue-60)) } -.sf-c-txt-lightskyblue\:65 { color: hsl(var(--sf-c-txt-lightskyblue-65)) } -.sf-c-txt-lightskyblue\:70 { color: hsl(var(--sf-c-txt-lightskyblue-70)) } -.sf-c-txt-lightskyblue\:75 { color: hsl(var(--sf-c-txt-lightskyblue-75)) } -.sf-c-txt-lightskyblue\:80 { color: hsl(var(--sf-c-txt-lightskyblue-80)) } -.sf-c-txt-lightskyblue\:85 { color: hsl(var(--sf-c-txt-lightskyblue-85)) } -.sf-c-txt-lightskyblue\:90 { color: hsl(var(--sf-c-txt-lightskyblue-90)) } -.sf-c-txt-lightskyblue\:95 { color: hsl(var(--sf-c-txt-lightskyblue-95)) } -.sf-c-txt-lightskyblue\:100 { color: hsl(var(--sf-c-txt-lightskyblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightskyblue, html.auto .sf-c-txt-lightskyblue { color: hsl(203, 92%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:0, html.auto .sf-c-txt-lightskyblue\:0 { color: hsl(203, 92%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:5, html.auto .sf-c-txt-lightskyblue\:5 { color: hsl(203, 92%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:10, html.auto .sf-c-txt-lightskyblue\:10 { color: hsl(203, 92%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:15, html.auto .sf-c-txt-lightskyblue\:15 { color: hsl(203, 92%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:20, html.auto .sf-c-txt-lightskyblue\:20 { color: hsl(203, 92%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:25, html.auto .sf-c-txt-lightskyblue\:25 { color: hsl(203, 92%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:30, html.auto .sf-c-txt-lightskyblue\:30 { color: hsl(203, 92%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:35, html.auto .sf-c-txt-lightskyblue\:35 { color: hsl(203, 92%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:40, html.auto .sf-c-txt-lightskyblue\:40 { color: hsl(203, 92%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:45, html.auto .sf-c-txt-lightskyblue\:45 { color: hsl(203, 92%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:50, html.auto .sf-c-txt-lightskyblue\:50 { color: hsl(203, 92%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:55, html.auto .sf-c-txt-lightskyblue\:55 { color: hsl(203, 92%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:60, html.auto .sf-c-txt-lightskyblue\:60 { color: hsl(203, 92%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:65, html.auto .sf-c-txt-lightskyblue\:65 { color: hsl(203, 92%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:70, html.auto .sf-c-txt-lightskyblue\:70 { color: hsl(203, 92%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:75, html.auto .sf-c-txt-lightskyblue\:75 { color: hsl(203, 92%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:80, html.auto .sf-c-txt-lightskyblue\:80 { color: hsl(203, 92%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:85, html.auto .sf-c-txt-lightskyblue\:85 { color: hsl(203, 92%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:90, html.auto .sf-c-txt-lightskyblue\:90 { color: hsl(203, 92%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:95, html.auto .sf-c-txt-lightskyblue\:95 { color: hsl(203, 92%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:100, html.auto .sf-c-txt-lightskyblue\:100 { color: hsl(203, 92%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:dark, html.auto .sf-c-txt-lightskyblue\:dark { color: hsl(203, 92%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:0\:dark, html.auto .sf-c-txt-lightskyblue\:0\:dark { color: hsl(203, 92%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:5\:dark, html.auto .sf-c-txt-lightskyblue\:5\:dark { color: hsl(203, 92%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:10\:dark, html.auto .sf-c-txt-lightskyblue\:10\:dark { color: hsl(203, 92%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:15\:dark, html.auto .sf-c-txt-lightskyblue\:15\:dark { color: hsl(203, 92%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:20\:dark, html.auto .sf-c-txt-lightskyblue\:20\:dark { color: hsl(203, 92%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:25\:dark, html.auto .sf-c-txt-lightskyblue\:25\:dark { color: hsl(203, 92%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:30\:dark, html.auto .sf-c-txt-lightskyblue\:30\:dark { color: hsl(203, 92%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:35\:dark, html.auto .sf-c-txt-lightskyblue\:35\:dark { color: hsl(203, 92%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:40\:dark, html.auto .sf-c-txt-lightskyblue\:40\:dark { color: hsl(203, 92%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:45\:dark, html.auto .sf-c-txt-lightskyblue\:45\:dark { color: hsl(203, 92%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:50\:dark, html.auto .sf-c-txt-lightskyblue\:50\:dark { color: hsl(203, 92%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:55\:dark, html.auto .sf-c-txt-lightskyblue\:55\:dark { color: hsl(203, 92%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:60\:dark, html.auto .sf-c-txt-lightskyblue\:60\:dark { color: hsl(203, 92%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:65\:dark, html.auto .sf-c-txt-lightskyblue\:65\:dark { color: hsl(203, 92%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:70\:dark, html.auto .sf-c-txt-lightskyblue\:70\:dark { color: hsl(203, 92%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:75\:dark, html.auto .sf-c-txt-lightskyblue\:75\:dark { color: hsl(203, 92%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:80\:dark, html.auto .sf-c-txt-lightskyblue\:80\:dark { color: hsl(203, 92%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:85\:dark, html.auto .sf-c-txt-lightskyblue\:85\:dark { color: hsl(203, 92%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:90\:dark, html.auto .sf-c-txt-lightskyblue\:90\:dark { color: hsl(203, 92%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:95\:dark, html.auto .sf-c-txt-lightskyblue\:95\:dark { color: hsl(203, 92%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightskyblue\:100\:dark, html.auto .sf-c-txt-lightskyblue\:100\:dark { color: hsl(203, 92%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lightslategray.css b/src/colors/20/lightslategray.css index 4b06507..9e6681b 100644 --- a/src/colors/20/lightslategray.css +++ b/src/colors/20/lightslategray.css @@ -138,6 +138,52 @@ html.var .sf-c-lightslategray\:90 { color: hsl(210, 14%, 5%); background: hsl(21 html.var .sf-c-lightslategray\:95 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } html.var .sf-c-lightslategray\:100 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 100%) } +.sf-c-txt-lightslategray { color: hsl(var(--sf-dark-c-txt-lightslategray)) } +.sf-c-txt-lightslategray\:0 { color: hsl(var(--sf-dark-c-txt-lightslategray-100)) } +.sf-c-txt-lightslategray\:5 { color: hsl(var(--sf-dark-c-txt-lightslategray-95)) } +.sf-c-txt-lightslategray\:10 { color: hsl(var(--sf-dark-c-txt-lightslategray-90)) } +.sf-c-txt-lightslategray\:15 { color: hsl(var(--sf-dark-c-txt-lightslategray-85)) } +.sf-c-txt-lightslategray\:20 { color: hsl(var(--sf-dark-c-txt-lightslategray-80)) } +.sf-c-txt-lightslategray\:25 { color: hsl(var(--sf-dark-c-txt-lightslategray-75)) } +.sf-c-txt-lightslategray\:30 { color: hsl(var(--sf-dark-c-txt-lightslategray-70)) } +.sf-c-txt-lightslategray\:35 { color: hsl(var(--sf-dark-c-txt-lightslategray-65)) } +.sf-c-txt-lightslategray\:40 { color: hsl(var(--sf-dark-c-txt-lightslategray-60)) } +.sf-c-txt-lightslategray\:45 { color: hsl(var(--sf-dark-c-txt-lightslategray-55)) } +.sf-c-txt-lightslategray\:50 { color: hsl(var(--sf-dark-c-txt-lightslategray-50)) } +.sf-c-txt-lightslategray\:55 { color: hsl(var(--sf-dark-c-txt-lightslategray-45)) } +.sf-c-txt-lightslategray\:60 { color: hsl(var(--sf-dark-c-txt-lightslategray-40)) } +.sf-c-txt-lightslategray\:65 { color: hsl(var(--sf-dark-c-txt-lightslategray-35)) } +.sf-c-txt-lightslategray\:70 { color: hsl(var(--sf-dark-c-txt-lightslategray-30)) } +.sf-c-txt-lightslategray\:75 { color: hsl(var(--sf-dark-c-txt-lightslategray-25)) } +.sf-c-txt-lightslategray\:80 { color: hsl(var(--sf-dark-c-txt-lightslategray-20)) } +.sf-c-txt-lightslategray\:85 { color: hsl(var(--sf-dark-c-txt-lightslategray-15)) } +.sf-c-txt-lightslategray\:90 { color: hsl(var(--sf-dark-c-txt-lightslategray-10)) } +.sf-c-txt-lightslategray\:95 { color: hsl(var(--sf-dark-c-txt-lightslategray-5)) } +.sf-c-txt-lightslategray\:100 { color: hsl(var(--sf-dark-c-txt-lightslategray-0)) } + +html.var .sf-c-txt-lightslategray { color: hsl(210, 14%, 47%) } +html.var .sf-c-txt-lightslategray\:0 { color: hsl(210, 14%, 100%) } +html.var .sf-c-txt-lightslategray\:5 { color: hsl(210, 14%, 95%) } +html.var .sf-c-txt-lightslategray\:10 { color: hsl(210, 14%, 90%) } +html.var .sf-c-txt-lightslategray\:15 { color: hsl(210, 14%, 85%) } +html.var .sf-c-txt-lightslategray\:20 { color: hsl(210, 14%, 80%) } +html.var .sf-c-txt-lightslategray\:25 { color: hsl(210, 14%, 75%) } +html.var .sf-c-txt-lightslategray\:30 { color: hsl(210, 14%, 70%) } +html.var .sf-c-txt-lightslategray\:35 { color: hsl(210, 14%, 65%) } +html.var .sf-c-txt-lightslategray\:40 { color: hsl(210, 14%, 60%) } +html.var .sf-c-txt-lightslategray\:45 { color: hsl(210, 14%, 55%) } +html.var .sf-c-txt-lightslategray\:50 { color: hsl(210, 14%, 50%) } +html.var .sf-c-txt-lightslategray\:55 { color: hsl(210, 14%, 45%) } +html.var .sf-c-txt-lightslategray\:60 { color: hsl(210, 14%, 40%) } +html.var .sf-c-txt-lightslategray\:65 { color: hsl(210, 14%, 35%) } +html.var .sf-c-txt-lightslategray\:70 { color: hsl(210, 14%, 30%) } +html.var .sf-c-txt-lightslategray\:75 { color: hsl(210, 14%, 25%) } +html.var .sf-c-txt-lightslategray\:80 { color: hsl(210, 14%, 20%) } +html.var .sf-c-txt-lightslategray\:85 { color: hsl(210, 14%, 15%) } +html.var .sf-c-txt-lightslategray\:90 { color: hsl(210, 14%, 10%) } +html.var .sf-c-txt-lightslategray\:95 { color: hsl(210, 14%, 5%) } +html.var .sf-c-txt-lightslategray\:100 { color: hsl(210, 14%, 0%) } + html[data-theme='dark'] .sf-c-lightslategray, html.dark .sf-c-lightslategray { color: hsl(var(--sf-dark-c-txt-lightslategray-95)); background: hsl(var(--sf-dark-c-lightslategray)) } html[data-theme='dark'] .sf-c-lightslategray\:0, html.dark .sf-c-lightslategray\:0 { color: hsl(var(--sf-dark-c-txt-lightslategray-95)); background: hsl(var(--sf-dark-c-lightslategray-100)) } html[data-theme='dark'] .sf-c-lightslategray\:5, html.dark .sf-c-lightslategray\:5 { color: hsl(var(--sf-dark-c-txt-lightslategray-5)); background: hsl(var(--sf-dark-c-lightslategray-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lightslategray\:90\:dark, html.dark .sf-c-lightsla html[data-theme='dark'] .sf-c-lightslategray\:95\:dark, html.dark .sf-c-lightslategray\:95\:dark { color: hsl(var(--sf-c-txt-lightslategray-95)); background: hsl(var(--sf-c-lightslategray-5)) } html[data-theme='dark'] .sf-c-lightslategray\:100\:dark, html.dark .sf-c-lightslategray\:100\:dark { color: hsl(var(--sf-c-txt-lightslategray-95)); background: hsl(var(--sf-c-lightslategray-0)) } +html[data-theme='dark'] .sf-c-txt-lightslategray, html.dark .sf-c-txt-lightslategray { color: hsl(var(--sf-c-txt-lightslategray)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:0, html.dark .sf-c-txt-lightslategray\:0 { color: hsl(var(--sf-c-txt-lightslategray-0)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:5, html.dark .sf-c-txt-lightslategray\:5 { color: hsl(var(--sf-c-txt-lightslategray-5)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:10, html.dark .sf-c-txt-lightslategray\:10 { color: hsl(var(--sf-c-txt-lightslategray-10)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:15, html.dark .sf-c-txt-lightslategray\:15 { color: hsl(var(--sf-c-txt-lightslategray-15)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:20, html.dark .sf-c-txt-lightslategray\:20 { color: hsl(var(--sf-c-txt-lightslategray-20)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:25, html.dark .sf-c-txt-lightslategray\:25 { color: hsl(var(--sf-c-txt-lightslategray-25)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:30, html.dark .sf-c-txt-lightslategray\:30 { color: hsl(var(--sf-c-txt-lightslategray-30)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:35, html.dark .sf-c-txt-lightslategray\:35 { color: hsl(var(--sf-c-txt-lightslategray-35)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:40, html.dark .sf-c-txt-lightslategray\:40 { color: hsl(var(--sf-c-txt-lightslategray-40)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:45, html.dark .sf-c-txt-lightslategray\:45 { color: hsl(var(--sf-c-txt-lightslategray-45)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:50, html.dark .sf-c-txt-lightslategray\:50 { color: hsl(var(--sf-c-txt-lightslategray-50)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:55, html.dark .sf-c-txt-lightslategray\:55 { color: hsl(var(--sf-c-txt-lightslategray-55)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:60, html.dark .sf-c-txt-lightslategray\:60 { color: hsl(var(--sf-c-txt-lightslategray-60)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:65, html.dark .sf-c-txt-lightslategray\:65 { color: hsl(var(--sf-c-txt-lightslategray-65)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:70, html.dark .sf-c-txt-lightslategray\:70 { color: hsl(var(--sf-c-txt-lightslategray-70)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:75, html.dark .sf-c-txt-lightslategray\:75 { color: hsl(var(--sf-c-txt-lightslategray-75)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:80, html.dark .sf-c-txt-lightslategray\:80 { color: hsl(var(--sf-c-txt-lightslategray-80)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:85, html.dark .sf-c-txt-lightslategray\:85 { color: hsl(var(--sf-c-txt-lightslategray-85)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:90, html.dark .sf-c-txt-lightslategray\:90 { color: hsl(var(--sf-c-txt-lightslategray-90)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:95, html.dark .sf-c-txt-lightslategray\:95 { color: hsl(var(--sf-c-txt-lightslategray-95)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:100, html.dark .sf-c-txt-lightslategray\:100 { color: hsl(var(--sf-c-txt-lightslategray-100)) } + +html[data-theme='dark'] .sf-c-txt-lightslategray\:dark, html.dark .sf-c-txt-lightslategray\:dark { color: hsl(var(--sf-c-txt-lightslategray)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:0\:dark, html.dark .sf-c-txt-lightslategray\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-0)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:5\:dark, html.dark .sf-c-txt-lightslategray\:5\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-5)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:10\:dark, html.dark .sf-c-txt-lightslategray\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-10)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:15\:dark, html.dark .sf-c-txt-lightslategray\:15\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-15)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:20\:dark, html.dark .sf-c-txt-lightslategray\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-20)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:25\:dark, html.dark .sf-c-txt-lightslategray\:25\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-25)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:30\:dark, html.dark .sf-c-txt-lightslategray\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-30)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:35\:dark, html.dark .sf-c-txt-lightslategray\:35\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-35)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:40\:dark, html.dark .sf-c-txt-lightslategray\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-40)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:45\:dark, html.dark .sf-c-txt-lightslategray\:45\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-45)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:50\:dark, html.dark .sf-c-txt-lightslategray\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-50)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:55\:dark, html.dark .sf-c-txt-lightslategray\:55\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-55)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:60\:dark, html.dark .sf-c-txt-lightslategray\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-60)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:65\:dark, html.dark .sf-c-txt-lightslategray\:65\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-65)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:70\:dark, html.dark .sf-c-txt-lightslategray\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-70)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:75\:dark, html.dark .sf-c-txt-lightslategray\:75\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-75)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:80\:dark, html.dark .sf-c-txt-lightslategray\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-80)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:85\:dark, html.dark .sf-c-txt-lightslategray\:85\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-85)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:90\:dark, html.dark .sf-c-txt-lightslategray\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-90)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:95\:dark, html.dark .sf-c-txt-lightslategray\:95\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-95)) } +html[data-theme='dark'] .sf-c-txt-lightslategray\:100\:dark, html.dark .sf-c-txt-lightslategray\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightslategray-100)) } + html.var[data-theme='dark'] .sf-c-lightslategray, html.var.dark .sf-c-lightslategray { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 47%) } html.var[data-theme='dark'] .sf-c-lightslategray\:0, html.var.dark .sf-c-lightslategray\:0 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 100%) } html.var[data-theme='dark'] .sf-c-lightslategray\:5, html.var.dark .sf-c-lightslategray\:5 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lightslategray\:90\:dark, html.var.dark .sf-c- html.var[data-theme='dark'] .sf-c-lightslategray\:95\:dark, html.var.dark .sf-c-lightslategray\:95\:dark { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 5%) } html.var[data-theme='dark'] .sf-c-lightslategray\:100\:dark, html.var.dark .sf-c-lightslategray\:100\:dark { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray, html.dark .sf-c-txt-lightslategray { color: hsl(210, 14%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:0, html.dark .sf-c-txt-lightslategray\:0 { color: hsl(210, 14%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:5, html.dark .sf-c-txt-lightslategray\:5 { color: hsl(210, 14%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:10, html.dark .sf-c-txt-lightslategray\:10 { color: hsl(210, 14%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:15, html.dark .sf-c-txt-lightslategray\:15 { color: hsl(210, 14%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:20, html.dark .sf-c-txt-lightslategray\:20 { color: hsl(210, 14%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:25, html.dark .sf-c-txt-lightslategray\:25 { color: hsl(210, 14%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:30, html.dark .sf-c-txt-lightslategray\:30 { color: hsl(210, 14%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:35, html.dark .sf-c-txt-lightslategray\:35 { color: hsl(210, 14%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:40, html.dark .sf-c-txt-lightslategray\:40 { color: hsl(210, 14%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:45, html.dark .sf-c-txt-lightslategray\:45 { color: hsl(210, 14%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:50, html.dark .sf-c-txt-lightslategray\:50 { color: hsl(210, 14%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:55, html.dark .sf-c-txt-lightslategray\:55 { color: hsl(210, 14%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:60, html.dark .sf-c-txt-lightslategray\:60 { color: hsl(210, 14%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:65, html.dark .sf-c-txt-lightslategray\:65 { color: hsl(210, 14%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:70, html.dark .sf-c-txt-lightslategray\:70 { color: hsl(210, 14%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:75, html.dark .sf-c-txt-lightslategray\:75 { color: hsl(210, 14%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:80, html.dark .sf-c-txt-lightslategray\:80 { color: hsl(210, 14%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:85, html.dark .sf-c-txt-lightslategray\:85 { color: hsl(210, 14%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:90, html.dark .sf-c-txt-lightslategray\:90 { color: hsl(210, 14%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:95, html.dark .sf-c-txt-lightslategray\:95 { color: hsl(210, 14%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:100, html.dark .sf-c-txt-lightslategray\:100 { color: hsl(210, 14%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:dark, html.dark .sf-c-txt-lightslategray\:dark { color: hsl(210, 14%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:0\:dark, html.dark .sf-c-txt-lightslategray\:0\:dark { color: hsl(210, 14%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:5\:dark, html.dark .sf-c-txt-lightslategray\:5\:dark { color: hsl(210, 14%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:10\:dark, html.dark .sf-c-txt-lightslategray\:10\:dark { color: hsl(210, 14%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:15\:dark, html.dark .sf-c-txt-lightslategray\:15\:dark { color: hsl(210, 14%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:20\:dark, html.dark .sf-c-txt-lightslategray\:20\:dark { color: hsl(210, 14%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:25\:dark, html.dark .sf-c-txt-lightslategray\:25\:dark { color: hsl(210, 14%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:30\:dark, html.dark .sf-c-txt-lightslategray\:30\:dark { color: hsl(210, 14%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:35\:dark, html.dark .sf-c-txt-lightslategray\:35\:dark { color: hsl(210, 14%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:40\:dark, html.dark .sf-c-txt-lightslategray\:40\:dark { color: hsl(210, 14%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:45\:dark, html.dark .sf-c-txt-lightslategray\:45\:dark { color: hsl(210, 14%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:50\:dark, html.dark .sf-c-txt-lightslategray\:50\:dark { color: hsl(210, 14%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:55\:dark, html.dark .sf-c-txt-lightslategray\:55\:dark { color: hsl(210, 14%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:60\:dark, html.dark .sf-c-txt-lightslategray\:60\:dark { color: hsl(210, 14%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:65\:dark, html.dark .sf-c-txt-lightslategray\:65\:dark { color: hsl(210, 14%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:70\:dark, html.dark .sf-c-txt-lightslategray\:70\:dark { color: hsl(210, 14%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:75\:dark, html.dark .sf-c-txt-lightslategray\:75\:dark { color: hsl(210, 14%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:80\:dark, html.dark .sf-c-txt-lightslategray\:80\:dark { color: hsl(210, 14%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:85\:dark, html.dark .sf-c-txt-lightslategray\:85\:dark { color: hsl(210, 14%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:90\:dark, html.dark .sf-c-txt-lightslategray\:90\:dark { color: hsl(210, 14%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:95\:dark, html.dark .sf-c-txt-lightslategray\:95\:dark { color: hsl(210, 14%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategray\:100\:dark, html.dark .sf-c-txt-lightslategray\:100\:dark { color: hsl(210, 14%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightslategray, html.auto .sf-c-lightslategray { color: hsl(var(--sf-dark-c-txt-lightslategray-95)); background: hsl(var(--sf-dark-c-lightslategray)) } html[data-theme='auto'] .sf-c-lightslategray\:0, html.auto .sf-c-lightslategray\:0 { color: hsl(var(--sf-dark-c-txt-lightslategray-95)); background: hsl(var(--sf-dark-c-lightslategray-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lightslategray\:100\:dark, html.var.dark .sf-c html[data-theme='auto'] .sf-c-lightslategray\:95\:dark, html.auto .sf-c-lightslategray\:95\:dark { color: hsl(var(--sf-c-txt-lightslategray-95)); background: hsl(var(--sf-c-lightslategray-5)) } html[data-theme='auto'] .sf-c-lightslategray\:100\:dark, html.auto .sf-c-lightslategray\:100\:dark { color: hsl(var(--sf-c-txt-lightslategray-95)); background: hsl(var(--sf-c-lightslategray-0)) } + html[data-theme='auto'] .sf-c-txt-lightslategray, html.auto .sf-c-txt-lightslategray { color: hsl(var(--sf-c-txt-lightslategray)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:0, html.auto .sf-c-txt-lightslategray\:0 { color: hsl(var(--sf-c-txt-lightslategray-0)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:5, html.auto .sf-c-txt-lightslategray\:5 { color: hsl(var(--sf-c-txt-lightslategray-5)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:10, html.auto .sf-c-txt-lightslategray\:10 { color: hsl(var(--sf-c-txt-lightslategray-10)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:15, html.auto .sf-c-txt-lightslategray\:15 { color: hsl(var(--sf-c-txt-lightslategray-15)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:20, html.auto .sf-c-txt-lightslategray\:20 { color: hsl(var(--sf-c-txt-lightslategray-20)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:25, html.auto .sf-c-txt-lightslategray\:25 { color: hsl(var(--sf-c-txt-lightslategray-25)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:30, html.auto .sf-c-txt-lightslategray\:30 { color: hsl(var(--sf-c-txt-lightslategray-30)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:35, html.auto .sf-c-txt-lightslategray\:35 { color: hsl(var(--sf-c-txt-lightslategray-35)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:40, html.auto .sf-c-txt-lightslategray\:40 { color: hsl(var(--sf-c-txt-lightslategray-40)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:45, html.auto .sf-c-txt-lightslategray\:45 { color: hsl(var(--sf-c-txt-lightslategray-45)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:50, html.auto .sf-c-txt-lightslategray\:50 { color: hsl(var(--sf-c-txt-lightslategray-50)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:55, html.auto .sf-c-txt-lightslategray\:55 { color: hsl(var(--sf-c-txt-lightslategray-55)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:60, html.auto .sf-c-txt-lightslategray\:60 { color: hsl(var(--sf-c-txt-lightslategray-60)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:65, html.auto .sf-c-txt-lightslategray\:65 { color: hsl(var(--sf-c-txt-lightslategray-65)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:70, html.auto .sf-c-txt-lightslategray\:70 { color: hsl(var(--sf-c-txt-lightslategray-70)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:75, html.auto .sf-c-txt-lightslategray\:75 { color: hsl(var(--sf-c-txt-lightslategray-75)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:80, html.auto .sf-c-txt-lightslategray\:80 { color: hsl(var(--sf-c-txt-lightslategray-80)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:85, html.auto .sf-c-txt-lightslategray\:85 { color: hsl(var(--sf-c-txt-lightslategray-85)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:90, html.auto .sf-c-txt-lightslategray\:90 { color: hsl(var(--sf-c-txt-lightslategray-90)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:95, html.auto .sf-c-txt-lightslategray\:95 { color: hsl(var(--sf-c-txt-lightslategray-95)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:100, html.auto .sf-c-txt-lightslategray\:100 { color: hsl(var(--sf-c-txt-lightslategray-100)) } + + html[data-theme='auto'] .sf-c-txt-lightslategray\:dark, html.auto .sf-c-txt-lightslategray\:dark { color: hsl(var(--sf-c-txt-lightslategray)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:0\:dark, html.auto .sf-c-txt-lightslategray\:0\:dark { color: hsl(var(--sf-c-txt-lightslategray-0)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:5\:dark, html.auto .sf-c-txt-lightslategray\:5\:dark { color: hsl(var(--sf-c-txt-lightslategray-5)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:10\:dark, html.auto .sf-c-txt-lightslategray\:10\:dark { color: hsl(var(--sf-c-txt-lightslategray-10)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:15\:dark, html.auto .sf-c-txt-lightslategray\:15\:dark { color: hsl(var(--sf-c-txt-lightslategray-15)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:20\:dark, html.auto .sf-c-txt-lightslategray\:20\:dark { color: hsl(var(--sf-c-txt-lightslategray-20)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:25\:dark, html.auto .sf-c-txt-lightslategray\:25\:dark { color: hsl(var(--sf-c-txt-lightslategray-25)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:30\:dark, html.auto .sf-c-txt-lightslategray\:30\:dark { color: hsl(var(--sf-c-txt-lightslategray-30)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:35\:dark, html.auto .sf-c-txt-lightslategray\:35\:dark { color: hsl(var(--sf-c-txt-lightslategray-35)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:40\:dark, html.auto .sf-c-txt-lightslategray\:40\:dark { color: hsl(var(--sf-c-txt-lightslategray-40)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:45\:dark, html.auto .sf-c-txt-lightslategray\:45\:dark { color: hsl(var(--sf-c-txt-lightslategray-45)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:50\:dark, html.auto .sf-c-txt-lightslategray\:50\:dark { color: hsl(var(--sf-c-txt-lightslategray-50)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:55\:dark, html.auto .sf-c-txt-lightslategray\:55\:dark { color: hsl(var(--sf-c-txt-lightslategray-55)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:60\:dark, html.auto .sf-c-txt-lightslategray\:60\:dark { color: hsl(var(--sf-c-txt-lightslategray-60)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:65\:dark, html.auto .sf-c-txt-lightslategray\:65\:dark { color: hsl(var(--sf-c-txt-lightslategray-65)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:70\:dark, html.auto .sf-c-txt-lightslategray\:70\:dark { color: hsl(var(--sf-c-txt-lightslategray-70)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:75\:dark, html.auto .sf-c-txt-lightslategray\:75\:dark { color: hsl(var(--sf-c-txt-lightslategray-75)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:80\:dark, html.auto .sf-c-txt-lightslategray\:80\:dark { color: hsl(var(--sf-c-txt-lightslategray-80)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:85\:dark, html.auto .sf-c-txt-lightslategray\:85\:dark { color: hsl(var(--sf-c-txt-lightslategray-85)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:90\:dark, html.auto .sf-c-txt-lightslategray\:90\:dark { color: hsl(var(--sf-c-txt-lightslategray-90)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:95\:dark, html.auto .sf-c-txt-lightslategray\:95\:dark { color: hsl(var(--sf-c-txt-lightslategray-95)) } + html[data-theme='auto'] .sf-c-txt-lightslategray\:100\:dark, html.auto .sf-c-txt-lightslategray\:100\:dark { color: hsl(var(--sf-c-txt-lightslategray-100)) } + html.var[data-theme='auto'] .sf-c-lightslategray, html.var.auto .sf-c-lightslategray { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 47%) } html.var[data-theme='auto'] .sf-c-lightslategray\:0, html.var.auto .sf-c-lightslategray\:0 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 100%) } html.var[data-theme='auto'] .sf-c-lightslategray\:5, html.var.auto .sf-c-lightslategray\:5 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lightslategray\:100\:dark, html.var.dark .sf-c html.var[data-theme='auto'] .sf-c-lightslategray\:90\:dark, html.var.auto .sf-c-lightslategray\:90\:dark { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 10%) } html.var[data-theme='auto'] .sf-c-lightslategray\:95\:dark, html.var.auto .sf-c-lightslategray\:95\:dark { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 5%) } html.var[data-theme='auto'] .sf-c-lightslategray\:100\:dark, html.var.auto .sf-c-lightslategray\:100\:dark { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 0%) } -} -.sf-c-txt-lightslategray { color: hsl(var(--sf-c-txt-lightslategray)) } -.sf-c-txt-lightslategray\:0 { color: hsl(var(--sf-c-txt-lightslategray-0)) } -.sf-c-txt-lightslategray\:5 { color: hsl(var(--sf-c-txt-lightslategray-5)) } -.sf-c-txt-lightslategray\:10 { color: hsl(var(--sf-c-txt-lightslategray-10)) } -.sf-c-txt-lightslategray\:15 { color: hsl(var(--sf-c-txt-lightslategray-15)) } -.sf-c-txt-lightslategray\:20 { color: hsl(var(--sf-c-txt-lightslategray-20)) } -.sf-c-txt-lightslategray\:25 { color: hsl(var(--sf-c-txt-lightslategray-25)) } -.sf-c-txt-lightslategray\:30 { color: hsl(var(--sf-c-txt-lightslategray-30)) } -.sf-c-txt-lightslategray\:35 { color: hsl(var(--sf-c-txt-lightslategray-35)) } -.sf-c-txt-lightslategray\:40 { color: hsl(var(--sf-c-txt-lightslategray-40)) } -.sf-c-txt-lightslategray\:45 { color: hsl(var(--sf-c-txt-lightslategray-45)) } -.sf-c-txt-lightslategray\:50 { color: hsl(var(--sf-c-txt-lightslategray-50)) } -.sf-c-txt-lightslategray\:55 { color: hsl(var(--sf-c-txt-lightslategray-55)) } -.sf-c-txt-lightslategray\:60 { color: hsl(var(--sf-c-txt-lightslategray-60)) } -.sf-c-txt-lightslategray\:65 { color: hsl(var(--sf-c-txt-lightslategray-65)) } -.sf-c-txt-lightslategray\:70 { color: hsl(var(--sf-c-txt-lightslategray-70)) } -.sf-c-txt-lightslategray\:75 { color: hsl(var(--sf-c-txt-lightslategray-75)) } -.sf-c-txt-lightslategray\:80 { color: hsl(var(--sf-c-txt-lightslategray-80)) } -.sf-c-txt-lightslategray\:85 { color: hsl(var(--sf-c-txt-lightslategray-85)) } -.sf-c-txt-lightslategray\:90 { color: hsl(var(--sf-c-txt-lightslategray-90)) } -.sf-c-txt-lightslategray\:95 { color: hsl(var(--sf-c-txt-lightslategray-95)) } -.sf-c-txt-lightslategray\:100 { color: hsl(var(--sf-c-txt-lightslategray-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightslategray, html.auto .sf-c-txt-lightslategray { color: hsl(210, 14%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:0, html.auto .sf-c-txt-lightslategray\:0 { color: hsl(210, 14%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:5, html.auto .sf-c-txt-lightslategray\:5 { color: hsl(210, 14%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:10, html.auto .sf-c-txt-lightslategray\:10 { color: hsl(210, 14%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:15, html.auto .sf-c-txt-lightslategray\:15 { color: hsl(210, 14%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:20, html.auto .sf-c-txt-lightslategray\:20 { color: hsl(210, 14%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:25, html.auto .sf-c-txt-lightslategray\:25 { color: hsl(210, 14%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:30, html.auto .sf-c-txt-lightslategray\:30 { color: hsl(210, 14%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:35, html.auto .sf-c-txt-lightslategray\:35 { color: hsl(210, 14%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:40, html.auto .sf-c-txt-lightslategray\:40 { color: hsl(210, 14%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:45, html.auto .sf-c-txt-lightslategray\:45 { color: hsl(210, 14%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:50, html.auto .sf-c-txt-lightslategray\:50 { color: hsl(210, 14%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:55, html.auto .sf-c-txt-lightslategray\:55 { color: hsl(210, 14%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:60, html.auto .sf-c-txt-lightslategray\:60 { color: hsl(210, 14%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:65, html.auto .sf-c-txt-lightslategray\:65 { color: hsl(210, 14%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:70, html.auto .sf-c-txt-lightslategray\:70 { color: hsl(210, 14%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:75, html.auto .sf-c-txt-lightslategray\:75 { color: hsl(210, 14%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:80, html.auto .sf-c-txt-lightslategray\:80 { color: hsl(210, 14%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:85, html.auto .sf-c-txt-lightslategray\:85 { color: hsl(210, 14%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:90, html.auto .sf-c-txt-lightslategray\:90 { color: hsl(210, 14%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:95, html.auto .sf-c-txt-lightslategray\:95 { color: hsl(210, 14%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:100, html.auto .sf-c-txt-lightslategray\:100 { color: hsl(210, 14%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:dark, html.auto .sf-c-txt-lightslategray\:dark { color: hsl(210, 14%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:0\:dark, html.auto .sf-c-txt-lightslategray\:0\:dark { color: hsl(210, 14%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:5\:dark, html.auto .sf-c-txt-lightslategray\:5\:dark { color: hsl(210, 14%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:10\:dark, html.auto .sf-c-txt-lightslategray\:10\:dark { color: hsl(210, 14%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:15\:dark, html.auto .sf-c-txt-lightslategray\:15\:dark { color: hsl(210, 14%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:20\:dark, html.auto .sf-c-txt-lightslategray\:20\:dark { color: hsl(210, 14%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:25\:dark, html.auto .sf-c-txt-lightslategray\:25\:dark { color: hsl(210, 14%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:30\:dark, html.auto .sf-c-txt-lightslategray\:30\:dark { color: hsl(210, 14%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:35\:dark, html.auto .sf-c-txt-lightslategray\:35\:dark { color: hsl(210, 14%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:40\:dark, html.auto .sf-c-txt-lightslategray\:40\:dark { color: hsl(210, 14%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:45\:dark, html.auto .sf-c-txt-lightslategray\:45\:dark { color: hsl(210, 14%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:50\:dark, html.auto .sf-c-txt-lightslategray\:50\:dark { color: hsl(210, 14%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:55\:dark, html.auto .sf-c-txt-lightslategray\:55\:dark { color: hsl(210, 14%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:60\:dark, html.auto .sf-c-txt-lightslategray\:60\:dark { color: hsl(210, 14%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:65\:dark, html.auto .sf-c-txt-lightslategray\:65\:dark { color: hsl(210, 14%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:70\:dark, html.auto .sf-c-txt-lightslategray\:70\:dark { color: hsl(210, 14%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:75\:dark, html.auto .sf-c-txt-lightslategray\:75\:dark { color: hsl(210, 14%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:80\:dark, html.auto .sf-c-txt-lightslategray\:80\:dark { color: hsl(210, 14%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:85\:dark, html.auto .sf-c-txt-lightslategray\:85\:dark { color: hsl(210, 14%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:90\:dark, html.auto .sf-c-txt-lightslategray\:90\:dark { color: hsl(210, 14%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:95\:dark, html.auto .sf-c-txt-lightslategray\:95\:dark { color: hsl(210, 14%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategray\:100\:dark, html.auto .sf-c-txt-lightslategray\:100\:dark { color: hsl(210, 14%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lightslategrey.css b/src/colors/20/lightslategrey.css index c7ce2a5..30abebf 100644 --- a/src/colors/20/lightslategrey.css +++ b/src/colors/20/lightslategrey.css @@ -138,6 +138,52 @@ html.var .sf-c-lightslategrey\:90 { color: hsl(210, 14%, 5%); background: hsl(21 html.var .sf-c-lightslategrey\:95 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } html.var .sf-c-lightslategrey\:100 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 100%) } +.sf-c-txt-lightslategrey { color: hsl(var(--sf-dark-c-txt-lightslategrey)) } +.sf-c-txt-lightslategrey\:0 { color: hsl(var(--sf-dark-c-txt-lightslategrey-100)) } +.sf-c-txt-lightslategrey\:5 { color: hsl(var(--sf-dark-c-txt-lightslategrey-95)) } +.sf-c-txt-lightslategrey\:10 { color: hsl(var(--sf-dark-c-txt-lightslategrey-90)) } +.sf-c-txt-lightslategrey\:15 { color: hsl(var(--sf-dark-c-txt-lightslategrey-85)) } +.sf-c-txt-lightslategrey\:20 { color: hsl(var(--sf-dark-c-txt-lightslategrey-80)) } +.sf-c-txt-lightslategrey\:25 { color: hsl(var(--sf-dark-c-txt-lightslategrey-75)) } +.sf-c-txt-lightslategrey\:30 { color: hsl(var(--sf-dark-c-txt-lightslategrey-70)) } +.sf-c-txt-lightslategrey\:35 { color: hsl(var(--sf-dark-c-txt-lightslategrey-65)) } +.sf-c-txt-lightslategrey\:40 { color: hsl(var(--sf-dark-c-txt-lightslategrey-60)) } +.sf-c-txt-lightslategrey\:45 { color: hsl(var(--sf-dark-c-txt-lightslategrey-55)) } +.sf-c-txt-lightslategrey\:50 { color: hsl(var(--sf-dark-c-txt-lightslategrey-50)) } +.sf-c-txt-lightslategrey\:55 { color: hsl(var(--sf-dark-c-txt-lightslategrey-45)) } +.sf-c-txt-lightslategrey\:60 { color: hsl(var(--sf-dark-c-txt-lightslategrey-40)) } +.sf-c-txt-lightslategrey\:65 { color: hsl(var(--sf-dark-c-txt-lightslategrey-35)) } +.sf-c-txt-lightslategrey\:70 { color: hsl(var(--sf-dark-c-txt-lightslategrey-30)) } +.sf-c-txt-lightslategrey\:75 { color: hsl(var(--sf-dark-c-txt-lightslategrey-25)) } +.sf-c-txt-lightslategrey\:80 { color: hsl(var(--sf-dark-c-txt-lightslategrey-20)) } +.sf-c-txt-lightslategrey\:85 { color: hsl(var(--sf-dark-c-txt-lightslategrey-15)) } +.sf-c-txt-lightslategrey\:90 { color: hsl(var(--sf-dark-c-txt-lightslategrey-10)) } +.sf-c-txt-lightslategrey\:95 { color: hsl(var(--sf-dark-c-txt-lightslategrey-5)) } +.sf-c-txt-lightslategrey\:100 { color: hsl(var(--sf-dark-c-txt-lightslategrey-0)) } + +html.var .sf-c-txt-lightslategrey { color: hsl(210, 14%, 47%) } +html.var .sf-c-txt-lightslategrey\:0 { color: hsl(210, 14%, 100%) } +html.var .sf-c-txt-lightslategrey\:5 { color: hsl(210, 14%, 95%) } +html.var .sf-c-txt-lightslategrey\:10 { color: hsl(210, 14%, 90%) } +html.var .sf-c-txt-lightslategrey\:15 { color: hsl(210, 14%, 85%) } +html.var .sf-c-txt-lightslategrey\:20 { color: hsl(210, 14%, 80%) } +html.var .sf-c-txt-lightslategrey\:25 { color: hsl(210, 14%, 75%) } +html.var .sf-c-txt-lightslategrey\:30 { color: hsl(210, 14%, 70%) } +html.var .sf-c-txt-lightslategrey\:35 { color: hsl(210, 14%, 65%) } +html.var .sf-c-txt-lightslategrey\:40 { color: hsl(210, 14%, 60%) } +html.var .sf-c-txt-lightslategrey\:45 { color: hsl(210, 14%, 55%) } +html.var .sf-c-txt-lightslategrey\:50 { color: hsl(210, 14%, 50%) } +html.var .sf-c-txt-lightslategrey\:55 { color: hsl(210, 14%, 45%) } +html.var .sf-c-txt-lightslategrey\:60 { color: hsl(210, 14%, 40%) } +html.var .sf-c-txt-lightslategrey\:65 { color: hsl(210, 14%, 35%) } +html.var .sf-c-txt-lightslategrey\:70 { color: hsl(210, 14%, 30%) } +html.var .sf-c-txt-lightslategrey\:75 { color: hsl(210, 14%, 25%) } +html.var .sf-c-txt-lightslategrey\:80 { color: hsl(210, 14%, 20%) } +html.var .sf-c-txt-lightslategrey\:85 { color: hsl(210, 14%, 15%) } +html.var .sf-c-txt-lightslategrey\:90 { color: hsl(210, 14%, 10%) } +html.var .sf-c-txt-lightslategrey\:95 { color: hsl(210, 14%, 5%) } +html.var .sf-c-txt-lightslategrey\:100 { color: hsl(210, 14%, 0%) } + html[data-theme='dark'] .sf-c-lightslategrey, html.dark .sf-c-lightslategrey { color: hsl(var(--sf-dark-c-txt-lightslategrey-95)); background: hsl(var(--sf-dark-c-lightslategrey)) } html[data-theme='dark'] .sf-c-lightslategrey\:0, html.dark .sf-c-lightslategrey\:0 { color: hsl(var(--sf-dark-c-txt-lightslategrey-95)); background: hsl(var(--sf-dark-c-lightslategrey-100)) } html[data-theme='dark'] .sf-c-lightslategrey\:5, html.dark .sf-c-lightslategrey\:5 { color: hsl(var(--sf-dark-c-txt-lightslategrey-5)); background: hsl(var(--sf-dark-c-lightslategrey-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lightslategrey\:90\:dark, html.dark .sf-c-lightsla html[data-theme='dark'] .sf-c-lightslategrey\:95\:dark, html.dark .sf-c-lightslategrey\:95\:dark { color: hsl(var(--sf-c-txt-lightslategrey-95)); background: hsl(var(--sf-c-lightslategrey-5)) } html[data-theme='dark'] .sf-c-lightslategrey\:100\:dark, html.dark .sf-c-lightslategrey\:100\:dark { color: hsl(var(--sf-c-txt-lightslategrey-95)); background: hsl(var(--sf-c-lightslategrey-0)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey, html.dark .sf-c-txt-lightslategrey { color: hsl(var(--sf-c-txt-lightslategrey)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:0, html.dark .sf-c-txt-lightslategrey\:0 { color: hsl(var(--sf-c-txt-lightslategrey-0)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:5, html.dark .sf-c-txt-lightslategrey\:5 { color: hsl(var(--sf-c-txt-lightslategrey-5)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:10, html.dark .sf-c-txt-lightslategrey\:10 { color: hsl(var(--sf-c-txt-lightslategrey-10)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:15, html.dark .sf-c-txt-lightslategrey\:15 { color: hsl(var(--sf-c-txt-lightslategrey-15)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:20, html.dark .sf-c-txt-lightslategrey\:20 { color: hsl(var(--sf-c-txt-lightslategrey-20)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:25, html.dark .sf-c-txt-lightslategrey\:25 { color: hsl(var(--sf-c-txt-lightslategrey-25)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:30, html.dark .sf-c-txt-lightslategrey\:30 { color: hsl(var(--sf-c-txt-lightslategrey-30)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:35, html.dark .sf-c-txt-lightslategrey\:35 { color: hsl(var(--sf-c-txt-lightslategrey-35)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:40, html.dark .sf-c-txt-lightslategrey\:40 { color: hsl(var(--sf-c-txt-lightslategrey-40)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:45, html.dark .sf-c-txt-lightslategrey\:45 { color: hsl(var(--sf-c-txt-lightslategrey-45)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:50, html.dark .sf-c-txt-lightslategrey\:50 { color: hsl(var(--sf-c-txt-lightslategrey-50)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:55, html.dark .sf-c-txt-lightslategrey\:55 { color: hsl(var(--sf-c-txt-lightslategrey-55)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:60, html.dark .sf-c-txt-lightslategrey\:60 { color: hsl(var(--sf-c-txt-lightslategrey-60)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:65, html.dark .sf-c-txt-lightslategrey\:65 { color: hsl(var(--sf-c-txt-lightslategrey-65)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:70, html.dark .sf-c-txt-lightslategrey\:70 { color: hsl(var(--sf-c-txt-lightslategrey-70)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:75, html.dark .sf-c-txt-lightslategrey\:75 { color: hsl(var(--sf-c-txt-lightslategrey-75)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:80, html.dark .sf-c-txt-lightslategrey\:80 { color: hsl(var(--sf-c-txt-lightslategrey-80)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:85, html.dark .sf-c-txt-lightslategrey\:85 { color: hsl(var(--sf-c-txt-lightslategrey-85)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:90, html.dark .sf-c-txt-lightslategrey\:90 { color: hsl(var(--sf-c-txt-lightslategrey-90)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:95, html.dark .sf-c-txt-lightslategrey\:95 { color: hsl(var(--sf-c-txt-lightslategrey-95)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:100, html.dark .sf-c-txt-lightslategrey\:100 { color: hsl(var(--sf-c-txt-lightslategrey-100)) } + +html[data-theme='dark'] .sf-c-txt-lightslategrey\:dark, html.dark .sf-c-txt-lightslategrey\:dark { color: hsl(var(--sf-c-txt-lightslategrey)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:0\:dark, html.dark .sf-c-txt-lightslategrey\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-0)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:5\:dark, html.dark .sf-c-txt-lightslategrey\:5\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-5)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:10\:dark, html.dark .sf-c-txt-lightslategrey\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-10)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:15\:dark, html.dark .sf-c-txt-lightslategrey\:15\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-15)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:20\:dark, html.dark .sf-c-txt-lightslategrey\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-20)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:25\:dark, html.dark .sf-c-txt-lightslategrey\:25\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-25)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:30\:dark, html.dark .sf-c-txt-lightslategrey\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-30)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:35\:dark, html.dark .sf-c-txt-lightslategrey\:35\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-35)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:40\:dark, html.dark .sf-c-txt-lightslategrey\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-40)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:45\:dark, html.dark .sf-c-txt-lightslategrey\:45\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-45)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:50\:dark, html.dark .sf-c-txt-lightslategrey\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-50)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:55\:dark, html.dark .sf-c-txt-lightslategrey\:55\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-55)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:60\:dark, html.dark .sf-c-txt-lightslategrey\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-60)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:65\:dark, html.dark .sf-c-txt-lightslategrey\:65\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-65)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:70\:dark, html.dark .sf-c-txt-lightslategrey\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-70)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:75\:dark, html.dark .sf-c-txt-lightslategrey\:75\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-75)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:80\:dark, html.dark .sf-c-txt-lightslategrey\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-80)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:85\:dark, html.dark .sf-c-txt-lightslategrey\:85\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-85)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:90\:dark, html.dark .sf-c-txt-lightslategrey\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-90)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:95\:dark, html.dark .sf-c-txt-lightslategrey\:95\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-95)) } +html[data-theme='dark'] .sf-c-txt-lightslategrey\:100\:dark, html.dark .sf-c-txt-lightslategrey\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightslategrey-100)) } + html.var[data-theme='dark'] .sf-c-lightslategrey, html.var.dark .sf-c-lightslategrey { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 47%) } html.var[data-theme='dark'] .sf-c-lightslategrey\:0, html.var.dark .sf-c-lightslategrey\:0 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 100%) } html.var[data-theme='dark'] .sf-c-lightslategrey\:5, html.var.dark .sf-c-lightslategrey\:5 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lightslategrey\:90\:dark, html.var.dark .sf-c- html.var[data-theme='dark'] .sf-c-lightslategrey\:95\:dark, html.var.dark .sf-c-lightslategrey\:95\:dark { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 5%) } html.var[data-theme='dark'] .sf-c-lightslategrey\:100\:dark, html.var.dark .sf-c-lightslategrey\:100\:dark { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey, html.dark .sf-c-txt-lightslategrey { color: hsl(210, 14%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:0, html.dark .sf-c-txt-lightslategrey\:0 { color: hsl(210, 14%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:5, html.dark .sf-c-txt-lightslategrey\:5 { color: hsl(210, 14%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:10, html.dark .sf-c-txt-lightslategrey\:10 { color: hsl(210, 14%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:15, html.dark .sf-c-txt-lightslategrey\:15 { color: hsl(210, 14%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:20, html.dark .sf-c-txt-lightslategrey\:20 { color: hsl(210, 14%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:25, html.dark .sf-c-txt-lightslategrey\:25 { color: hsl(210, 14%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:30, html.dark .sf-c-txt-lightslategrey\:30 { color: hsl(210, 14%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:35, html.dark .sf-c-txt-lightslategrey\:35 { color: hsl(210, 14%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:40, html.dark .sf-c-txt-lightslategrey\:40 { color: hsl(210, 14%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:45, html.dark .sf-c-txt-lightslategrey\:45 { color: hsl(210, 14%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:50, html.dark .sf-c-txt-lightslategrey\:50 { color: hsl(210, 14%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:55, html.dark .sf-c-txt-lightslategrey\:55 { color: hsl(210, 14%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:60, html.dark .sf-c-txt-lightslategrey\:60 { color: hsl(210, 14%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:65, html.dark .sf-c-txt-lightslategrey\:65 { color: hsl(210, 14%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:70, html.dark .sf-c-txt-lightslategrey\:70 { color: hsl(210, 14%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:75, html.dark .sf-c-txt-lightslategrey\:75 { color: hsl(210, 14%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:80, html.dark .sf-c-txt-lightslategrey\:80 { color: hsl(210, 14%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:85, html.dark .sf-c-txt-lightslategrey\:85 { color: hsl(210, 14%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:90, html.dark .sf-c-txt-lightslategrey\:90 { color: hsl(210, 14%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:95, html.dark .sf-c-txt-lightslategrey\:95 { color: hsl(210, 14%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:100, html.dark .sf-c-txt-lightslategrey\:100 { color: hsl(210, 14%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:dark, html.dark .sf-c-txt-lightslategrey\:dark { color: hsl(210, 14%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:0\:dark, html.dark .sf-c-txt-lightslategrey\:0\:dark { color: hsl(210, 14%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:5\:dark, html.dark .sf-c-txt-lightslategrey\:5\:dark { color: hsl(210, 14%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:10\:dark, html.dark .sf-c-txt-lightslategrey\:10\:dark { color: hsl(210, 14%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:15\:dark, html.dark .sf-c-txt-lightslategrey\:15\:dark { color: hsl(210, 14%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:20\:dark, html.dark .sf-c-txt-lightslategrey\:20\:dark { color: hsl(210, 14%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:25\:dark, html.dark .sf-c-txt-lightslategrey\:25\:dark { color: hsl(210, 14%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:30\:dark, html.dark .sf-c-txt-lightslategrey\:30\:dark { color: hsl(210, 14%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:35\:dark, html.dark .sf-c-txt-lightslategrey\:35\:dark { color: hsl(210, 14%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:40\:dark, html.dark .sf-c-txt-lightslategrey\:40\:dark { color: hsl(210, 14%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:45\:dark, html.dark .sf-c-txt-lightslategrey\:45\:dark { color: hsl(210, 14%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:50\:dark, html.dark .sf-c-txt-lightslategrey\:50\:dark { color: hsl(210, 14%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:55\:dark, html.dark .sf-c-txt-lightslategrey\:55\:dark { color: hsl(210, 14%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:60\:dark, html.dark .sf-c-txt-lightslategrey\:60\:dark { color: hsl(210, 14%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:65\:dark, html.dark .sf-c-txt-lightslategrey\:65\:dark { color: hsl(210, 14%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:70\:dark, html.dark .sf-c-txt-lightslategrey\:70\:dark { color: hsl(210, 14%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:75\:dark, html.dark .sf-c-txt-lightslategrey\:75\:dark { color: hsl(210, 14%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:80\:dark, html.dark .sf-c-txt-lightslategrey\:80\:dark { color: hsl(210, 14%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:85\:dark, html.dark .sf-c-txt-lightslategrey\:85\:dark { color: hsl(210, 14%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:90\:dark, html.dark .sf-c-txt-lightslategrey\:90\:dark { color: hsl(210, 14%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:95\:dark, html.dark .sf-c-txt-lightslategrey\:95\:dark { color: hsl(210, 14%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightslategrey\:100\:dark, html.dark .sf-c-txt-lightslategrey\:100\:dark { color: hsl(210, 14%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightslategrey, html.auto .sf-c-lightslategrey { color: hsl(var(--sf-dark-c-txt-lightslategrey-95)); background: hsl(var(--sf-dark-c-lightslategrey)) } html[data-theme='auto'] .sf-c-lightslategrey\:0, html.auto .sf-c-lightslategrey\:0 { color: hsl(var(--sf-dark-c-txt-lightslategrey-95)); background: hsl(var(--sf-dark-c-lightslategrey-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lightslategrey\:100\:dark, html.var.dark .sf-c html[data-theme='auto'] .sf-c-lightslategrey\:95\:dark, html.auto .sf-c-lightslategrey\:95\:dark { color: hsl(var(--sf-c-txt-lightslategrey-95)); background: hsl(var(--sf-c-lightslategrey-5)) } html[data-theme='auto'] .sf-c-lightslategrey\:100\:dark, html.auto .sf-c-lightslategrey\:100\:dark { color: hsl(var(--sf-c-txt-lightslategrey-95)); background: hsl(var(--sf-c-lightslategrey-0)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey, html.auto .sf-c-txt-lightslategrey { color: hsl(var(--sf-c-txt-lightslategrey)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:0, html.auto .sf-c-txt-lightslategrey\:0 { color: hsl(var(--sf-c-txt-lightslategrey-0)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:5, html.auto .sf-c-txt-lightslategrey\:5 { color: hsl(var(--sf-c-txt-lightslategrey-5)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:10, html.auto .sf-c-txt-lightslategrey\:10 { color: hsl(var(--sf-c-txt-lightslategrey-10)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:15, html.auto .sf-c-txt-lightslategrey\:15 { color: hsl(var(--sf-c-txt-lightslategrey-15)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:20, html.auto .sf-c-txt-lightslategrey\:20 { color: hsl(var(--sf-c-txt-lightslategrey-20)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:25, html.auto .sf-c-txt-lightslategrey\:25 { color: hsl(var(--sf-c-txt-lightslategrey-25)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:30, html.auto .sf-c-txt-lightslategrey\:30 { color: hsl(var(--sf-c-txt-lightslategrey-30)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:35, html.auto .sf-c-txt-lightslategrey\:35 { color: hsl(var(--sf-c-txt-lightslategrey-35)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:40, html.auto .sf-c-txt-lightslategrey\:40 { color: hsl(var(--sf-c-txt-lightslategrey-40)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:45, html.auto .sf-c-txt-lightslategrey\:45 { color: hsl(var(--sf-c-txt-lightslategrey-45)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:50, html.auto .sf-c-txt-lightslategrey\:50 { color: hsl(var(--sf-c-txt-lightslategrey-50)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:55, html.auto .sf-c-txt-lightslategrey\:55 { color: hsl(var(--sf-c-txt-lightslategrey-55)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:60, html.auto .sf-c-txt-lightslategrey\:60 { color: hsl(var(--sf-c-txt-lightslategrey-60)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:65, html.auto .sf-c-txt-lightslategrey\:65 { color: hsl(var(--sf-c-txt-lightslategrey-65)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:70, html.auto .sf-c-txt-lightslategrey\:70 { color: hsl(var(--sf-c-txt-lightslategrey-70)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:75, html.auto .sf-c-txt-lightslategrey\:75 { color: hsl(var(--sf-c-txt-lightslategrey-75)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:80, html.auto .sf-c-txt-lightslategrey\:80 { color: hsl(var(--sf-c-txt-lightslategrey-80)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:85, html.auto .sf-c-txt-lightslategrey\:85 { color: hsl(var(--sf-c-txt-lightslategrey-85)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:90, html.auto .sf-c-txt-lightslategrey\:90 { color: hsl(var(--sf-c-txt-lightslategrey-90)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:95, html.auto .sf-c-txt-lightslategrey\:95 { color: hsl(var(--sf-c-txt-lightslategrey-95)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:100, html.auto .sf-c-txt-lightslategrey\:100 { color: hsl(var(--sf-c-txt-lightslategrey-100)) } + + html[data-theme='auto'] .sf-c-txt-lightslategrey\:dark, html.auto .sf-c-txt-lightslategrey\:dark { color: hsl(var(--sf-c-txt-lightslategrey)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:0\:dark, html.auto .sf-c-txt-lightslategrey\:0\:dark { color: hsl(var(--sf-c-txt-lightslategrey-0)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:5\:dark, html.auto .sf-c-txt-lightslategrey\:5\:dark { color: hsl(var(--sf-c-txt-lightslategrey-5)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:10\:dark, html.auto .sf-c-txt-lightslategrey\:10\:dark { color: hsl(var(--sf-c-txt-lightslategrey-10)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:15\:dark, html.auto .sf-c-txt-lightslategrey\:15\:dark { color: hsl(var(--sf-c-txt-lightslategrey-15)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:20\:dark, html.auto .sf-c-txt-lightslategrey\:20\:dark { color: hsl(var(--sf-c-txt-lightslategrey-20)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:25\:dark, html.auto .sf-c-txt-lightslategrey\:25\:dark { color: hsl(var(--sf-c-txt-lightslategrey-25)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:30\:dark, html.auto .sf-c-txt-lightslategrey\:30\:dark { color: hsl(var(--sf-c-txt-lightslategrey-30)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:35\:dark, html.auto .sf-c-txt-lightslategrey\:35\:dark { color: hsl(var(--sf-c-txt-lightslategrey-35)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:40\:dark, html.auto .sf-c-txt-lightslategrey\:40\:dark { color: hsl(var(--sf-c-txt-lightslategrey-40)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:45\:dark, html.auto .sf-c-txt-lightslategrey\:45\:dark { color: hsl(var(--sf-c-txt-lightslategrey-45)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:50\:dark, html.auto .sf-c-txt-lightslategrey\:50\:dark { color: hsl(var(--sf-c-txt-lightslategrey-50)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:55\:dark, html.auto .sf-c-txt-lightslategrey\:55\:dark { color: hsl(var(--sf-c-txt-lightslategrey-55)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:60\:dark, html.auto .sf-c-txt-lightslategrey\:60\:dark { color: hsl(var(--sf-c-txt-lightslategrey-60)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:65\:dark, html.auto .sf-c-txt-lightslategrey\:65\:dark { color: hsl(var(--sf-c-txt-lightslategrey-65)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:70\:dark, html.auto .sf-c-txt-lightslategrey\:70\:dark { color: hsl(var(--sf-c-txt-lightslategrey-70)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:75\:dark, html.auto .sf-c-txt-lightslategrey\:75\:dark { color: hsl(var(--sf-c-txt-lightslategrey-75)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:80\:dark, html.auto .sf-c-txt-lightslategrey\:80\:dark { color: hsl(var(--sf-c-txt-lightslategrey-80)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:85\:dark, html.auto .sf-c-txt-lightslategrey\:85\:dark { color: hsl(var(--sf-c-txt-lightslategrey-85)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:90\:dark, html.auto .sf-c-txt-lightslategrey\:90\:dark { color: hsl(var(--sf-c-txt-lightslategrey-90)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:95\:dark, html.auto .sf-c-txt-lightslategrey\:95\:dark { color: hsl(var(--sf-c-txt-lightslategrey-95)) } + html[data-theme='auto'] .sf-c-txt-lightslategrey\:100\:dark, html.auto .sf-c-txt-lightslategrey\:100\:dark { color: hsl(var(--sf-c-txt-lightslategrey-100)) } + html.var[data-theme='auto'] .sf-c-lightslategrey, html.var.auto .sf-c-lightslategrey { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 47%) } html.var[data-theme='auto'] .sf-c-lightslategrey\:0, html.var.auto .sf-c-lightslategrey\:0 { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 100%) } html.var[data-theme='auto'] .sf-c-lightslategrey\:5, html.var.auto .sf-c-lightslategrey\:5 { color: hsl(210, 14%, 5%); background: hsl(210, 14%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lightslategrey\:100\:dark, html.var.dark .sf-c html.var[data-theme='auto'] .sf-c-lightslategrey\:90\:dark, html.var.auto .sf-c-lightslategrey\:90\:dark { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 10%) } html.var[data-theme='auto'] .sf-c-lightslategrey\:95\:dark, html.var.auto .sf-c-lightslategrey\:95\:dark { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 5%) } html.var[data-theme='auto'] .sf-c-lightslategrey\:100\:dark, html.var.auto .sf-c-lightslategrey\:100\:dark { color: hsl(210, 14%, 95%); background: hsl(210, 14%, 0%) } -} -.sf-c-txt-lightslategrey { color: hsl(var(--sf-c-txt-lightslategrey)) } -.sf-c-txt-lightslategrey\:0 { color: hsl(var(--sf-c-txt-lightslategrey-0)) } -.sf-c-txt-lightslategrey\:5 { color: hsl(var(--sf-c-txt-lightslategrey-5)) } -.sf-c-txt-lightslategrey\:10 { color: hsl(var(--sf-c-txt-lightslategrey-10)) } -.sf-c-txt-lightslategrey\:15 { color: hsl(var(--sf-c-txt-lightslategrey-15)) } -.sf-c-txt-lightslategrey\:20 { color: hsl(var(--sf-c-txt-lightslategrey-20)) } -.sf-c-txt-lightslategrey\:25 { color: hsl(var(--sf-c-txt-lightslategrey-25)) } -.sf-c-txt-lightslategrey\:30 { color: hsl(var(--sf-c-txt-lightslategrey-30)) } -.sf-c-txt-lightslategrey\:35 { color: hsl(var(--sf-c-txt-lightslategrey-35)) } -.sf-c-txt-lightslategrey\:40 { color: hsl(var(--sf-c-txt-lightslategrey-40)) } -.sf-c-txt-lightslategrey\:45 { color: hsl(var(--sf-c-txt-lightslategrey-45)) } -.sf-c-txt-lightslategrey\:50 { color: hsl(var(--sf-c-txt-lightslategrey-50)) } -.sf-c-txt-lightslategrey\:55 { color: hsl(var(--sf-c-txt-lightslategrey-55)) } -.sf-c-txt-lightslategrey\:60 { color: hsl(var(--sf-c-txt-lightslategrey-60)) } -.sf-c-txt-lightslategrey\:65 { color: hsl(var(--sf-c-txt-lightslategrey-65)) } -.sf-c-txt-lightslategrey\:70 { color: hsl(var(--sf-c-txt-lightslategrey-70)) } -.sf-c-txt-lightslategrey\:75 { color: hsl(var(--sf-c-txt-lightslategrey-75)) } -.sf-c-txt-lightslategrey\:80 { color: hsl(var(--sf-c-txt-lightslategrey-80)) } -.sf-c-txt-lightslategrey\:85 { color: hsl(var(--sf-c-txt-lightslategrey-85)) } -.sf-c-txt-lightslategrey\:90 { color: hsl(var(--sf-c-txt-lightslategrey-90)) } -.sf-c-txt-lightslategrey\:95 { color: hsl(var(--sf-c-txt-lightslategrey-95)) } -.sf-c-txt-lightslategrey\:100 { color: hsl(var(--sf-c-txt-lightslategrey-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightslategrey, html.auto .sf-c-txt-lightslategrey { color: hsl(210, 14%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:0, html.auto .sf-c-txt-lightslategrey\:0 { color: hsl(210, 14%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:5, html.auto .sf-c-txt-lightslategrey\:5 { color: hsl(210, 14%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:10, html.auto .sf-c-txt-lightslategrey\:10 { color: hsl(210, 14%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:15, html.auto .sf-c-txt-lightslategrey\:15 { color: hsl(210, 14%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:20, html.auto .sf-c-txt-lightslategrey\:20 { color: hsl(210, 14%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:25, html.auto .sf-c-txt-lightslategrey\:25 { color: hsl(210, 14%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:30, html.auto .sf-c-txt-lightslategrey\:30 { color: hsl(210, 14%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:35, html.auto .sf-c-txt-lightslategrey\:35 { color: hsl(210, 14%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:40, html.auto .sf-c-txt-lightslategrey\:40 { color: hsl(210, 14%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:45, html.auto .sf-c-txt-lightslategrey\:45 { color: hsl(210, 14%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:50, html.auto .sf-c-txt-lightslategrey\:50 { color: hsl(210, 14%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:55, html.auto .sf-c-txt-lightslategrey\:55 { color: hsl(210, 14%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:60, html.auto .sf-c-txt-lightslategrey\:60 { color: hsl(210, 14%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:65, html.auto .sf-c-txt-lightslategrey\:65 { color: hsl(210, 14%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:70, html.auto .sf-c-txt-lightslategrey\:70 { color: hsl(210, 14%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:75, html.auto .sf-c-txt-lightslategrey\:75 { color: hsl(210, 14%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:80, html.auto .sf-c-txt-lightslategrey\:80 { color: hsl(210, 14%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:85, html.auto .sf-c-txt-lightslategrey\:85 { color: hsl(210, 14%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:90, html.auto .sf-c-txt-lightslategrey\:90 { color: hsl(210, 14%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:95, html.auto .sf-c-txt-lightslategrey\:95 { color: hsl(210, 14%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:100, html.auto .sf-c-txt-lightslategrey\:100 { color: hsl(210, 14%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:dark, html.auto .sf-c-txt-lightslategrey\:dark { color: hsl(210, 14%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:0\:dark, html.auto .sf-c-txt-lightslategrey\:0\:dark { color: hsl(210, 14%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:5\:dark, html.auto .sf-c-txt-lightslategrey\:5\:dark { color: hsl(210, 14%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:10\:dark, html.auto .sf-c-txt-lightslategrey\:10\:dark { color: hsl(210, 14%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:15\:dark, html.auto .sf-c-txt-lightslategrey\:15\:dark { color: hsl(210, 14%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:20\:dark, html.auto .sf-c-txt-lightslategrey\:20\:dark { color: hsl(210, 14%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:25\:dark, html.auto .sf-c-txt-lightslategrey\:25\:dark { color: hsl(210, 14%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:30\:dark, html.auto .sf-c-txt-lightslategrey\:30\:dark { color: hsl(210, 14%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:35\:dark, html.auto .sf-c-txt-lightslategrey\:35\:dark { color: hsl(210, 14%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:40\:dark, html.auto .sf-c-txt-lightslategrey\:40\:dark { color: hsl(210, 14%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:45\:dark, html.auto .sf-c-txt-lightslategrey\:45\:dark { color: hsl(210, 14%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:50\:dark, html.auto .sf-c-txt-lightslategrey\:50\:dark { color: hsl(210, 14%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:55\:dark, html.auto .sf-c-txt-lightslategrey\:55\:dark { color: hsl(210, 14%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:60\:dark, html.auto .sf-c-txt-lightslategrey\:60\:dark { color: hsl(210, 14%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:65\:dark, html.auto .sf-c-txt-lightslategrey\:65\:dark { color: hsl(210, 14%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:70\:dark, html.auto .sf-c-txt-lightslategrey\:70\:dark { color: hsl(210, 14%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:75\:dark, html.auto .sf-c-txt-lightslategrey\:75\:dark { color: hsl(210, 14%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:80\:dark, html.auto .sf-c-txt-lightslategrey\:80\:dark { color: hsl(210, 14%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:85\:dark, html.auto .sf-c-txt-lightslategrey\:85\:dark { color: hsl(210, 14%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:90\:dark, html.auto .sf-c-txt-lightslategrey\:90\:dark { color: hsl(210, 14%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:95\:dark, html.auto .sf-c-txt-lightslategrey\:95\:dark { color: hsl(210, 14%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightslategrey\:100\:dark, html.auto .sf-c-txt-lightslategrey\:100\:dark { color: hsl(210, 14%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lightsteelblue.css b/src/colors/20/lightsteelblue.css index b30bf96..62cf213 100644 --- a/src/colors/20/lightsteelblue.css +++ b/src/colors/20/lightsteelblue.css @@ -138,6 +138,52 @@ html.var .sf-c-lightsteelblue\:90 { color: hsl(214, 41%, 5%); background: hsl(21 html.var .sf-c-lightsteelblue\:95 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 95%) } html.var .sf-c-lightsteelblue\:100 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 100%) } +.sf-c-txt-lightsteelblue { color: hsl(var(--sf-dark-c-txt-lightsteelblue)) } +.sf-c-txt-lightsteelblue\:0 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-100)) } +.sf-c-txt-lightsteelblue\:5 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-95)) } +.sf-c-txt-lightsteelblue\:10 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-90)) } +.sf-c-txt-lightsteelblue\:15 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-85)) } +.sf-c-txt-lightsteelblue\:20 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-80)) } +.sf-c-txt-lightsteelblue\:25 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-75)) } +.sf-c-txt-lightsteelblue\:30 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-70)) } +.sf-c-txt-lightsteelblue\:35 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-65)) } +.sf-c-txt-lightsteelblue\:40 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-60)) } +.sf-c-txt-lightsteelblue\:45 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-55)) } +.sf-c-txt-lightsteelblue\:50 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-50)) } +.sf-c-txt-lightsteelblue\:55 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-45)) } +.sf-c-txt-lightsteelblue\:60 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-40)) } +.sf-c-txt-lightsteelblue\:65 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-35)) } +.sf-c-txt-lightsteelblue\:70 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-30)) } +.sf-c-txt-lightsteelblue\:75 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-25)) } +.sf-c-txt-lightsteelblue\:80 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-20)) } +.sf-c-txt-lightsteelblue\:85 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-15)) } +.sf-c-txt-lightsteelblue\:90 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-10)) } +.sf-c-txt-lightsteelblue\:95 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-5)) } +.sf-c-txt-lightsteelblue\:100 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-0)) } + +html.var .sf-c-txt-lightsteelblue { color: hsl(214, 41%, 22%) } +html.var .sf-c-txt-lightsteelblue\:0 { color: hsl(214, 41%, 100%) } +html.var .sf-c-txt-lightsteelblue\:5 { color: hsl(214, 41%, 95%) } +html.var .sf-c-txt-lightsteelblue\:10 { color: hsl(214, 41%, 90%) } +html.var .sf-c-txt-lightsteelblue\:15 { color: hsl(214, 41%, 85%) } +html.var .sf-c-txt-lightsteelblue\:20 { color: hsl(214, 41%, 80%) } +html.var .sf-c-txt-lightsteelblue\:25 { color: hsl(214, 41%, 75%) } +html.var .sf-c-txt-lightsteelblue\:30 { color: hsl(214, 41%, 70%) } +html.var .sf-c-txt-lightsteelblue\:35 { color: hsl(214, 41%, 65%) } +html.var .sf-c-txt-lightsteelblue\:40 { color: hsl(214, 41%, 60%) } +html.var .sf-c-txt-lightsteelblue\:45 { color: hsl(214, 41%, 55%) } +html.var .sf-c-txt-lightsteelblue\:50 { color: hsl(214, 41%, 50%) } +html.var .sf-c-txt-lightsteelblue\:55 { color: hsl(214, 41%, 45%) } +html.var .sf-c-txt-lightsteelblue\:60 { color: hsl(214, 41%, 40%) } +html.var .sf-c-txt-lightsteelblue\:65 { color: hsl(214, 41%, 35%) } +html.var .sf-c-txt-lightsteelblue\:70 { color: hsl(214, 41%, 30%) } +html.var .sf-c-txt-lightsteelblue\:75 { color: hsl(214, 41%, 25%) } +html.var .sf-c-txt-lightsteelblue\:80 { color: hsl(214, 41%, 20%) } +html.var .sf-c-txt-lightsteelblue\:85 { color: hsl(214, 41%, 15%) } +html.var .sf-c-txt-lightsteelblue\:90 { color: hsl(214, 41%, 10%) } +html.var .sf-c-txt-lightsteelblue\:95 { color: hsl(214, 41%, 5%) } +html.var .sf-c-txt-lightsteelblue\:100 { color: hsl(214, 41%, 0%) } + html[data-theme='dark'] .sf-c-lightsteelblue, html.dark .sf-c-lightsteelblue { color: hsl(var(--sf-dark-c-txt-lightsteelblue-95)); background: hsl(var(--sf-dark-c-lightsteelblue)) } html[data-theme='dark'] .sf-c-lightsteelblue\:0, html.dark .sf-c-lightsteelblue\:0 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-95)); background: hsl(var(--sf-dark-c-lightsteelblue-100)) } html[data-theme='dark'] .sf-c-lightsteelblue\:5, html.dark .sf-c-lightsteelblue\:5 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-5)); background: hsl(var(--sf-dark-c-lightsteelblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lightsteelblue\:90\:dark, html.dark .sf-c-lightste html[data-theme='dark'] .sf-c-lightsteelblue\:95\:dark, html.dark .sf-c-lightsteelblue\:95\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-95)); background: hsl(var(--sf-c-lightsteelblue-5)) } html[data-theme='dark'] .sf-c-lightsteelblue\:100\:dark, html.dark .sf-c-lightsteelblue\:100\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-95)); background: hsl(var(--sf-c-lightsteelblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue, html.dark .sf-c-txt-lightsteelblue { color: hsl(var(--sf-c-txt-lightsteelblue)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:0, html.dark .sf-c-txt-lightsteelblue\:0 { color: hsl(var(--sf-c-txt-lightsteelblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:5, html.dark .sf-c-txt-lightsteelblue\:5 { color: hsl(var(--sf-c-txt-lightsteelblue-5)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:10, html.dark .sf-c-txt-lightsteelblue\:10 { color: hsl(var(--sf-c-txt-lightsteelblue-10)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:15, html.dark .sf-c-txt-lightsteelblue\:15 { color: hsl(var(--sf-c-txt-lightsteelblue-15)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:20, html.dark .sf-c-txt-lightsteelblue\:20 { color: hsl(var(--sf-c-txt-lightsteelblue-20)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:25, html.dark .sf-c-txt-lightsteelblue\:25 { color: hsl(var(--sf-c-txt-lightsteelblue-25)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:30, html.dark .sf-c-txt-lightsteelblue\:30 { color: hsl(var(--sf-c-txt-lightsteelblue-30)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:35, html.dark .sf-c-txt-lightsteelblue\:35 { color: hsl(var(--sf-c-txt-lightsteelblue-35)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:40, html.dark .sf-c-txt-lightsteelblue\:40 { color: hsl(var(--sf-c-txt-lightsteelblue-40)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:45, html.dark .sf-c-txt-lightsteelblue\:45 { color: hsl(var(--sf-c-txt-lightsteelblue-45)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:50, html.dark .sf-c-txt-lightsteelblue\:50 { color: hsl(var(--sf-c-txt-lightsteelblue-50)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:55, html.dark .sf-c-txt-lightsteelblue\:55 { color: hsl(var(--sf-c-txt-lightsteelblue-55)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:60, html.dark .sf-c-txt-lightsteelblue\:60 { color: hsl(var(--sf-c-txt-lightsteelblue-60)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:65, html.dark .sf-c-txt-lightsteelblue\:65 { color: hsl(var(--sf-c-txt-lightsteelblue-65)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:70, html.dark .sf-c-txt-lightsteelblue\:70 { color: hsl(var(--sf-c-txt-lightsteelblue-70)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:75, html.dark .sf-c-txt-lightsteelblue\:75 { color: hsl(var(--sf-c-txt-lightsteelblue-75)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:80, html.dark .sf-c-txt-lightsteelblue\:80 { color: hsl(var(--sf-c-txt-lightsteelblue-80)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:85, html.dark .sf-c-txt-lightsteelblue\:85 { color: hsl(var(--sf-c-txt-lightsteelblue-85)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:90, html.dark .sf-c-txt-lightsteelblue\:90 { color: hsl(var(--sf-c-txt-lightsteelblue-90)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:95, html.dark .sf-c-txt-lightsteelblue\:95 { color: hsl(var(--sf-c-txt-lightsteelblue-95)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:100, html.dark .sf-c-txt-lightsteelblue\:100 { color: hsl(var(--sf-c-txt-lightsteelblue-100)) } + +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:dark, html.dark .sf-c-txt-lightsteelblue\:dark { color: hsl(var(--sf-c-txt-lightsteelblue)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:0\:dark, html.dark .sf-c-txt-lightsteelblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-0)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:5\:dark, html.dark .sf-c-txt-lightsteelblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-5)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:10\:dark, html.dark .sf-c-txt-lightsteelblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-10)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:15\:dark, html.dark .sf-c-txt-lightsteelblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-15)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:20\:dark, html.dark .sf-c-txt-lightsteelblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-20)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:25\:dark, html.dark .sf-c-txt-lightsteelblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-25)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:30\:dark, html.dark .sf-c-txt-lightsteelblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-30)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:35\:dark, html.dark .sf-c-txt-lightsteelblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-35)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:40\:dark, html.dark .sf-c-txt-lightsteelblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-40)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:45\:dark, html.dark .sf-c-txt-lightsteelblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-45)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:50\:dark, html.dark .sf-c-txt-lightsteelblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-50)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:55\:dark, html.dark .sf-c-txt-lightsteelblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-55)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:60\:dark, html.dark .sf-c-txt-lightsteelblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-60)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:65\:dark, html.dark .sf-c-txt-lightsteelblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-65)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:70\:dark, html.dark .sf-c-txt-lightsteelblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-70)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:75\:dark, html.dark .sf-c-txt-lightsteelblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-75)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:80\:dark, html.dark .sf-c-txt-lightsteelblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-80)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:85\:dark, html.dark .sf-c-txt-lightsteelblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-85)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:90\:dark, html.dark .sf-c-txt-lightsteelblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-90)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:95\:dark, html.dark .sf-c-txt-lightsteelblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-95)) } +html[data-theme='dark'] .sf-c-txt-lightsteelblue\:100\:dark, html.dark .sf-c-txt-lightsteelblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightsteelblue-100)) } + html.var[data-theme='dark'] .sf-c-lightsteelblue, html.var.dark .sf-c-lightsteelblue { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 22%) } html.var[data-theme='dark'] .sf-c-lightsteelblue\:0, html.var.dark .sf-c-lightsteelblue\:0 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 100%) } html.var[data-theme='dark'] .sf-c-lightsteelblue\:5, html.var.dark .sf-c-lightsteelblue\:5 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lightsteelblue\:90\:dark, html.var.dark .sf-c- html.var[data-theme='dark'] .sf-c-lightsteelblue\:95\:dark, html.var.dark .sf-c-lightsteelblue\:95\:dark { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 5%) } html.var[data-theme='dark'] .sf-c-lightsteelblue\:100\:dark, html.var.dark .sf-c-lightsteelblue\:100\:dark { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue, html.dark .sf-c-txt-lightsteelblue { color: hsl(214, 41%, 78%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:0, html.dark .sf-c-txt-lightsteelblue\:0 { color: hsl(214, 41%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:5, html.dark .sf-c-txt-lightsteelblue\:5 { color: hsl(214, 41%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:10, html.dark .sf-c-txt-lightsteelblue\:10 { color: hsl(214, 41%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:15, html.dark .sf-c-txt-lightsteelblue\:15 { color: hsl(214, 41%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:20, html.dark .sf-c-txt-lightsteelblue\:20 { color: hsl(214, 41%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:25, html.dark .sf-c-txt-lightsteelblue\:25 { color: hsl(214, 41%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:30, html.dark .sf-c-txt-lightsteelblue\:30 { color: hsl(214, 41%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:35, html.dark .sf-c-txt-lightsteelblue\:35 { color: hsl(214, 41%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:40, html.dark .sf-c-txt-lightsteelblue\:40 { color: hsl(214, 41%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:45, html.dark .sf-c-txt-lightsteelblue\:45 { color: hsl(214, 41%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:50, html.dark .sf-c-txt-lightsteelblue\:50 { color: hsl(214, 41%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:55, html.dark .sf-c-txt-lightsteelblue\:55 { color: hsl(214, 41%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:60, html.dark .sf-c-txt-lightsteelblue\:60 { color: hsl(214, 41%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:65, html.dark .sf-c-txt-lightsteelblue\:65 { color: hsl(214, 41%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:70, html.dark .sf-c-txt-lightsteelblue\:70 { color: hsl(214, 41%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:75, html.dark .sf-c-txt-lightsteelblue\:75 { color: hsl(214, 41%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:80, html.dark .sf-c-txt-lightsteelblue\:80 { color: hsl(214, 41%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:85, html.dark .sf-c-txt-lightsteelblue\:85 { color: hsl(214, 41%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:90, html.dark .sf-c-txt-lightsteelblue\:90 { color: hsl(214, 41%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:95, html.dark .sf-c-txt-lightsteelblue\:95 { color: hsl(214, 41%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:100, html.dark .sf-c-txt-lightsteelblue\:100 { color: hsl(214, 41%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:dark, html.dark .sf-c-txt-lightsteelblue\:dark { color: hsl(214, 41%, 78%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:0\:dark, html.dark .sf-c-txt-lightsteelblue\:0\:dark { color: hsl(214, 41%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:5\:dark, html.dark .sf-c-txt-lightsteelblue\:5\:dark { color: hsl(214, 41%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:10\:dark, html.dark .sf-c-txt-lightsteelblue\:10\:dark { color: hsl(214, 41%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:15\:dark, html.dark .sf-c-txt-lightsteelblue\:15\:dark { color: hsl(214, 41%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:20\:dark, html.dark .sf-c-txt-lightsteelblue\:20\:dark { color: hsl(214, 41%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:25\:dark, html.dark .sf-c-txt-lightsteelblue\:25\:dark { color: hsl(214, 41%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:30\:dark, html.dark .sf-c-txt-lightsteelblue\:30\:dark { color: hsl(214, 41%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:35\:dark, html.dark .sf-c-txt-lightsteelblue\:35\:dark { color: hsl(214, 41%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:40\:dark, html.dark .sf-c-txt-lightsteelblue\:40\:dark { color: hsl(214, 41%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:45\:dark, html.dark .sf-c-txt-lightsteelblue\:45\:dark { color: hsl(214, 41%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:50\:dark, html.dark .sf-c-txt-lightsteelblue\:50\:dark { color: hsl(214, 41%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:55\:dark, html.dark .sf-c-txt-lightsteelblue\:55\:dark { color: hsl(214, 41%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:60\:dark, html.dark .sf-c-txt-lightsteelblue\:60\:dark { color: hsl(214, 41%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:65\:dark, html.dark .sf-c-txt-lightsteelblue\:65\:dark { color: hsl(214, 41%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:70\:dark, html.dark .sf-c-txt-lightsteelblue\:70\:dark { color: hsl(214, 41%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:75\:dark, html.dark .sf-c-txt-lightsteelblue\:75\:dark { color: hsl(214, 41%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:80\:dark, html.dark .sf-c-txt-lightsteelblue\:80\:dark { color: hsl(214, 41%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:85\:dark, html.dark .sf-c-txt-lightsteelblue\:85\:dark { color: hsl(214, 41%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:90\:dark, html.dark .sf-c-txt-lightsteelblue\:90\:dark { color: hsl(214, 41%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:95\:dark, html.dark .sf-c-txt-lightsteelblue\:95\:dark { color: hsl(214, 41%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightsteelblue\:100\:dark, html.dark .sf-c-txt-lightsteelblue\:100\:dark { color: hsl(214, 41%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightsteelblue, html.auto .sf-c-lightsteelblue { color: hsl(var(--sf-dark-c-txt-lightsteelblue-95)); background: hsl(var(--sf-dark-c-lightsteelblue)) } html[data-theme='auto'] .sf-c-lightsteelblue\:0, html.auto .sf-c-lightsteelblue\:0 { color: hsl(var(--sf-dark-c-txt-lightsteelblue-95)); background: hsl(var(--sf-dark-c-lightsteelblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lightsteelblue\:100\:dark, html.var.dark .sf-c html[data-theme='auto'] .sf-c-lightsteelblue\:95\:dark, html.auto .sf-c-lightsteelblue\:95\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-95)); background: hsl(var(--sf-c-lightsteelblue-5)) } html[data-theme='auto'] .sf-c-lightsteelblue\:100\:dark, html.auto .sf-c-lightsteelblue\:100\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-95)); background: hsl(var(--sf-c-lightsteelblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue, html.auto .sf-c-txt-lightsteelblue { color: hsl(var(--sf-c-txt-lightsteelblue)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:0, html.auto .sf-c-txt-lightsteelblue\:0 { color: hsl(var(--sf-c-txt-lightsteelblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:5, html.auto .sf-c-txt-lightsteelblue\:5 { color: hsl(var(--sf-c-txt-lightsteelblue-5)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:10, html.auto .sf-c-txt-lightsteelblue\:10 { color: hsl(var(--sf-c-txt-lightsteelblue-10)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:15, html.auto .sf-c-txt-lightsteelblue\:15 { color: hsl(var(--sf-c-txt-lightsteelblue-15)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:20, html.auto .sf-c-txt-lightsteelblue\:20 { color: hsl(var(--sf-c-txt-lightsteelblue-20)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:25, html.auto .sf-c-txt-lightsteelblue\:25 { color: hsl(var(--sf-c-txt-lightsteelblue-25)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:30, html.auto .sf-c-txt-lightsteelblue\:30 { color: hsl(var(--sf-c-txt-lightsteelblue-30)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:35, html.auto .sf-c-txt-lightsteelblue\:35 { color: hsl(var(--sf-c-txt-lightsteelblue-35)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:40, html.auto .sf-c-txt-lightsteelblue\:40 { color: hsl(var(--sf-c-txt-lightsteelblue-40)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:45, html.auto .sf-c-txt-lightsteelblue\:45 { color: hsl(var(--sf-c-txt-lightsteelblue-45)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:50, html.auto .sf-c-txt-lightsteelblue\:50 { color: hsl(var(--sf-c-txt-lightsteelblue-50)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:55, html.auto .sf-c-txt-lightsteelblue\:55 { color: hsl(var(--sf-c-txt-lightsteelblue-55)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:60, html.auto .sf-c-txt-lightsteelblue\:60 { color: hsl(var(--sf-c-txt-lightsteelblue-60)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:65, html.auto .sf-c-txt-lightsteelblue\:65 { color: hsl(var(--sf-c-txt-lightsteelblue-65)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:70, html.auto .sf-c-txt-lightsteelblue\:70 { color: hsl(var(--sf-c-txt-lightsteelblue-70)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:75, html.auto .sf-c-txt-lightsteelblue\:75 { color: hsl(var(--sf-c-txt-lightsteelblue-75)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:80, html.auto .sf-c-txt-lightsteelblue\:80 { color: hsl(var(--sf-c-txt-lightsteelblue-80)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:85, html.auto .sf-c-txt-lightsteelblue\:85 { color: hsl(var(--sf-c-txt-lightsteelblue-85)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:90, html.auto .sf-c-txt-lightsteelblue\:90 { color: hsl(var(--sf-c-txt-lightsteelblue-90)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:95, html.auto .sf-c-txt-lightsteelblue\:95 { color: hsl(var(--sf-c-txt-lightsteelblue-95)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:100, html.auto .sf-c-txt-lightsteelblue\:100 { color: hsl(var(--sf-c-txt-lightsteelblue-100)) } + + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:dark, html.auto .sf-c-txt-lightsteelblue\:dark { color: hsl(var(--sf-c-txt-lightsteelblue)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:0\:dark, html.auto .sf-c-txt-lightsteelblue\:0\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-0)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:5\:dark, html.auto .sf-c-txt-lightsteelblue\:5\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-5)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:10\:dark, html.auto .sf-c-txt-lightsteelblue\:10\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-10)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:15\:dark, html.auto .sf-c-txt-lightsteelblue\:15\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-15)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:20\:dark, html.auto .sf-c-txt-lightsteelblue\:20\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-20)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:25\:dark, html.auto .sf-c-txt-lightsteelblue\:25\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-25)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:30\:dark, html.auto .sf-c-txt-lightsteelblue\:30\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-30)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:35\:dark, html.auto .sf-c-txt-lightsteelblue\:35\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-35)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:40\:dark, html.auto .sf-c-txt-lightsteelblue\:40\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-40)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:45\:dark, html.auto .sf-c-txt-lightsteelblue\:45\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-45)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:50\:dark, html.auto .sf-c-txt-lightsteelblue\:50\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-50)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:55\:dark, html.auto .sf-c-txt-lightsteelblue\:55\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-55)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:60\:dark, html.auto .sf-c-txt-lightsteelblue\:60\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-60)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:65\:dark, html.auto .sf-c-txt-lightsteelblue\:65\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-65)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:70\:dark, html.auto .sf-c-txt-lightsteelblue\:70\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-70)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:75\:dark, html.auto .sf-c-txt-lightsteelblue\:75\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-75)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:80\:dark, html.auto .sf-c-txt-lightsteelblue\:80\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-80)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:85\:dark, html.auto .sf-c-txt-lightsteelblue\:85\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-85)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:90\:dark, html.auto .sf-c-txt-lightsteelblue\:90\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-90)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:95\:dark, html.auto .sf-c-txt-lightsteelblue\:95\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-95)) } + html[data-theme='auto'] .sf-c-txt-lightsteelblue\:100\:dark, html.auto .sf-c-txt-lightsteelblue\:100\:dark { color: hsl(var(--sf-c-txt-lightsteelblue-100)) } + html.var[data-theme='auto'] .sf-c-lightsteelblue, html.var.auto .sf-c-lightsteelblue { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 22%) } html.var[data-theme='auto'] .sf-c-lightsteelblue\:0, html.var.auto .sf-c-lightsteelblue\:0 { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 100%) } html.var[data-theme='auto'] .sf-c-lightsteelblue\:5, html.var.auto .sf-c-lightsteelblue\:5 { color: hsl(214, 41%, 5%); background: hsl(214, 41%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lightsteelblue\:100\:dark, html.var.dark .sf-c html.var[data-theme='auto'] .sf-c-lightsteelblue\:90\:dark, html.var.auto .sf-c-lightsteelblue\:90\:dark { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 10%) } html.var[data-theme='auto'] .sf-c-lightsteelblue\:95\:dark, html.var.auto .sf-c-lightsteelblue\:95\:dark { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 5%) } html.var[data-theme='auto'] .sf-c-lightsteelblue\:100\:dark, html.var.auto .sf-c-lightsteelblue\:100\:dark { color: hsl(214, 41%, 95%); background: hsl(214, 41%, 0%) } -} -.sf-c-txt-lightsteelblue { color: hsl(var(--sf-c-txt-lightsteelblue)) } -.sf-c-txt-lightsteelblue\:0 { color: hsl(var(--sf-c-txt-lightsteelblue-0)) } -.sf-c-txt-lightsteelblue\:5 { color: hsl(var(--sf-c-txt-lightsteelblue-5)) } -.sf-c-txt-lightsteelblue\:10 { color: hsl(var(--sf-c-txt-lightsteelblue-10)) } -.sf-c-txt-lightsteelblue\:15 { color: hsl(var(--sf-c-txt-lightsteelblue-15)) } -.sf-c-txt-lightsteelblue\:20 { color: hsl(var(--sf-c-txt-lightsteelblue-20)) } -.sf-c-txt-lightsteelblue\:25 { color: hsl(var(--sf-c-txt-lightsteelblue-25)) } -.sf-c-txt-lightsteelblue\:30 { color: hsl(var(--sf-c-txt-lightsteelblue-30)) } -.sf-c-txt-lightsteelblue\:35 { color: hsl(var(--sf-c-txt-lightsteelblue-35)) } -.sf-c-txt-lightsteelblue\:40 { color: hsl(var(--sf-c-txt-lightsteelblue-40)) } -.sf-c-txt-lightsteelblue\:45 { color: hsl(var(--sf-c-txt-lightsteelblue-45)) } -.sf-c-txt-lightsteelblue\:50 { color: hsl(var(--sf-c-txt-lightsteelblue-50)) } -.sf-c-txt-lightsteelblue\:55 { color: hsl(var(--sf-c-txt-lightsteelblue-55)) } -.sf-c-txt-lightsteelblue\:60 { color: hsl(var(--sf-c-txt-lightsteelblue-60)) } -.sf-c-txt-lightsteelblue\:65 { color: hsl(var(--sf-c-txt-lightsteelblue-65)) } -.sf-c-txt-lightsteelblue\:70 { color: hsl(var(--sf-c-txt-lightsteelblue-70)) } -.sf-c-txt-lightsteelblue\:75 { color: hsl(var(--sf-c-txt-lightsteelblue-75)) } -.sf-c-txt-lightsteelblue\:80 { color: hsl(var(--sf-c-txt-lightsteelblue-80)) } -.sf-c-txt-lightsteelblue\:85 { color: hsl(var(--sf-c-txt-lightsteelblue-85)) } -.sf-c-txt-lightsteelblue\:90 { color: hsl(var(--sf-c-txt-lightsteelblue-90)) } -.sf-c-txt-lightsteelblue\:95 { color: hsl(var(--sf-c-txt-lightsteelblue-95)) } -.sf-c-txt-lightsteelblue\:100 { color: hsl(var(--sf-c-txt-lightsteelblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue, html.auto .sf-c-txt-lightsteelblue { color: hsl(214, 41%, 78%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:0, html.auto .sf-c-txt-lightsteelblue\:0 { color: hsl(214, 41%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:5, html.auto .sf-c-txt-lightsteelblue\:5 { color: hsl(214, 41%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:10, html.auto .sf-c-txt-lightsteelblue\:10 { color: hsl(214, 41%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:15, html.auto .sf-c-txt-lightsteelblue\:15 { color: hsl(214, 41%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:20, html.auto .sf-c-txt-lightsteelblue\:20 { color: hsl(214, 41%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:25, html.auto .sf-c-txt-lightsteelblue\:25 { color: hsl(214, 41%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:30, html.auto .sf-c-txt-lightsteelblue\:30 { color: hsl(214, 41%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:35, html.auto .sf-c-txt-lightsteelblue\:35 { color: hsl(214, 41%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:40, html.auto .sf-c-txt-lightsteelblue\:40 { color: hsl(214, 41%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:45, html.auto .sf-c-txt-lightsteelblue\:45 { color: hsl(214, 41%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:50, html.auto .sf-c-txt-lightsteelblue\:50 { color: hsl(214, 41%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:55, html.auto .sf-c-txt-lightsteelblue\:55 { color: hsl(214, 41%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:60, html.auto .sf-c-txt-lightsteelblue\:60 { color: hsl(214, 41%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:65, html.auto .sf-c-txt-lightsteelblue\:65 { color: hsl(214, 41%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:70, html.auto .sf-c-txt-lightsteelblue\:70 { color: hsl(214, 41%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:75, html.auto .sf-c-txt-lightsteelblue\:75 { color: hsl(214, 41%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:80, html.auto .sf-c-txt-lightsteelblue\:80 { color: hsl(214, 41%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:85, html.auto .sf-c-txt-lightsteelblue\:85 { color: hsl(214, 41%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:90, html.auto .sf-c-txt-lightsteelblue\:90 { color: hsl(214, 41%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:95, html.auto .sf-c-txt-lightsteelblue\:95 { color: hsl(214, 41%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:100, html.auto .sf-c-txt-lightsteelblue\:100 { color: hsl(214, 41%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:dark, html.auto .sf-c-txt-lightsteelblue\:dark { color: hsl(214, 41%, 78%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:0\:dark, html.auto .sf-c-txt-lightsteelblue\:0\:dark { color: hsl(214, 41%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:5\:dark, html.auto .sf-c-txt-lightsteelblue\:5\:dark { color: hsl(214, 41%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:10\:dark, html.auto .sf-c-txt-lightsteelblue\:10\:dark { color: hsl(214, 41%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:15\:dark, html.auto .sf-c-txt-lightsteelblue\:15\:dark { color: hsl(214, 41%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:20\:dark, html.auto .sf-c-txt-lightsteelblue\:20\:dark { color: hsl(214, 41%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:25\:dark, html.auto .sf-c-txt-lightsteelblue\:25\:dark { color: hsl(214, 41%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:30\:dark, html.auto .sf-c-txt-lightsteelblue\:30\:dark { color: hsl(214, 41%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:35\:dark, html.auto .sf-c-txt-lightsteelblue\:35\:dark { color: hsl(214, 41%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:40\:dark, html.auto .sf-c-txt-lightsteelblue\:40\:dark { color: hsl(214, 41%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:45\:dark, html.auto .sf-c-txt-lightsteelblue\:45\:dark { color: hsl(214, 41%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:50\:dark, html.auto .sf-c-txt-lightsteelblue\:50\:dark { color: hsl(214, 41%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:55\:dark, html.auto .sf-c-txt-lightsteelblue\:55\:dark { color: hsl(214, 41%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:60\:dark, html.auto .sf-c-txt-lightsteelblue\:60\:dark { color: hsl(214, 41%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:65\:dark, html.auto .sf-c-txt-lightsteelblue\:65\:dark { color: hsl(214, 41%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:70\:dark, html.auto .sf-c-txt-lightsteelblue\:70\:dark { color: hsl(214, 41%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:75\:dark, html.auto .sf-c-txt-lightsteelblue\:75\:dark { color: hsl(214, 41%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:80\:dark, html.auto .sf-c-txt-lightsteelblue\:80\:dark { color: hsl(214, 41%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:85\:dark, html.auto .sf-c-txt-lightsteelblue\:85\:dark { color: hsl(214, 41%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:90\:dark, html.auto .sf-c-txt-lightsteelblue\:90\:dark { color: hsl(214, 41%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:95\:dark, html.auto .sf-c-txt-lightsteelblue\:95\:dark { color: hsl(214, 41%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightsteelblue\:100\:dark, html.auto .sf-c-txt-lightsteelblue\:100\:dark { color: hsl(214, 41%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lightyellow.css b/src/colors/20/lightyellow.css index 5ce9b01..6909b53 100644 --- a/src/colors/20/lightyellow.css +++ b/src/colors/20/lightyellow.css @@ -138,6 +138,52 @@ html.var .sf-c-lightyellow\:90 { color: hsl(60, 100%, 5%); background: hsl(60, 1 html.var .sf-c-lightyellow\:95 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } html.var .sf-c-lightyellow\:100 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } +.sf-c-txt-lightyellow { color: hsl(var(--sf-dark-c-txt-lightyellow)) } +.sf-c-txt-lightyellow\:0 { color: hsl(var(--sf-dark-c-txt-lightyellow-100)) } +.sf-c-txt-lightyellow\:5 { color: hsl(var(--sf-dark-c-txt-lightyellow-95)) } +.sf-c-txt-lightyellow\:10 { color: hsl(var(--sf-dark-c-txt-lightyellow-90)) } +.sf-c-txt-lightyellow\:15 { color: hsl(var(--sf-dark-c-txt-lightyellow-85)) } +.sf-c-txt-lightyellow\:20 { color: hsl(var(--sf-dark-c-txt-lightyellow-80)) } +.sf-c-txt-lightyellow\:25 { color: hsl(var(--sf-dark-c-txt-lightyellow-75)) } +.sf-c-txt-lightyellow\:30 { color: hsl(var(--sf-dark-c-txt-lightyellow-70)) } +.sf-c-txt-lightyellow\:35 { color: hsl(var(--sf-dark-c-txt-lightyellow-65)) } +.sf-c-txt-lightyellow\:40 { color: hsl(var(--sf-dark-c-txt-lightyellow-60)) } +.sf-c-txt-lightyellow\:45 { color: hsl(var(--sf-dark-c-txt-lightyellow-55)) } +.sf-c-txt-lightyellow\:50 { color: hsl(var(--sf-dark-c-txt-lightyellow-50)) } +.sf-c-txt-lightyellow\:55 { color: hsl(var(--sf-dark-c-txt-lightyellow-45)) } +.sf-c-txt-lightyellow\:60 { color: hsl(var(--sf-dark-c-txt-lightyellow-40)) } +.sf-c-txt-lightyellow\:65 { color: hsl(var(--sf-dark-c-txt-lightyellow-35)) } +.sf-c-txt-lightyellow\:70 { color: hsl(var(--sf-dark-c-txt-lightyellow-30)) } +.sf-c-txt-lightyellow\:75 { color: hsl(var(--sf-dark-c-txt-lightyellow-25)) } +.sf-c-txt-lightyellow\:80 { color: hsl(var(--sf-dark-c-txt-lightyellow-20)) } +.sf-c-txt-lightyellow\:85 { color: hsl(var(--sf-dark-c-txt-lightyellow-15)) } +.sf-c-txt-lightyellow\:90 { color: hsl(var(--sf-dark-c-txt-lightyellow-10)) } +.sf-c-txt-lightyellow\:95 { color: hsl(var(--sf-dark-c-txt-lightyellow-5)) } +.sf-c-txt-lightyellow\:100 { color: hsl(var(--sf-dark-c-txt-lightyellow-0)) } + +html.var .sf-c-txt-lightyellow { color: hsl(60, 100%, 6%) } +html.var .sf-c-txt-lightyellow\:0 { color: hsl(60, 100%, 100%) } +html.var .sf-c-txt-lightyellow\:5 { color: hsl(60, 100%, 95%) } +html.var .sf-c-txt-lightyellow\:10 { color: hsl(60, 100%, 90%) } +html.var .sf-c-txt-lightyellow\:15 { color: hsl(60, 100%, 85%) } +html.var .sf-c-txt-lightyellow\:20 { color: hsl(60, 100%, 80%) } +html.var .sf-c-txt-lightyellow\:25 { color: hsl(60, 100%, 75%) } +html.var .sf-c-txt-lightyellow\:30 { color: hsl(60, 100%, 70%) } +html.var .sf-c-txt-lightyellow\:35 { color: hsl(60, 100%, 65%) } +html.var .sf-c-txt-lightyellow\:40 { color: hsl(60, 100%, 60%) } +html.var .sf-c-txt-lightyellow\:45 { color: hsl(60, 100%, 55%) } +html.var .sf-c-txt-lightyellow\:50 { color: hsl(60, 100%, 50%) } +html.var .sf-c-txt-lightyellow\:55 { color: hsl(60, 100%, 45%) } +html.var .sf-c-txt-lightyellow\:60 { color: hsl(60, 100%, 40%) } +html.var .sf-c-txt-lightyellow\:65 { color: hsl(60, 100%, 35%) } +html.var .sf-c-txt-lightyellow\:70 { color: hsl(60, 100%, 30%) } +html.var .sf-c-txt-lightyellow\:75 { color: hsl(60, 100%, 25%) } +html.var .sf-c-txt-lightyellow\:80 { color: hsl(60, 100%, 20%) } +html.var .sf-c-txt-lightyellow\:85 { color: hsl(60, 100%, 15%) } +html.var .sf-c-txt-lightyellow\:90 { color: hsl(60, 100%, 10%) } +html.var .sf-c-txt-lightyellow\:95 { color: hsl(60, 100%, 5%) } +html.var .sf-c-txt-lightyellow\:100 { color: hsl(60, 100%, 0%) } + html[data-theme='dark'] .sf-c-lightyellow, html.dark .sf-c-lightyellow { color: hsl(var(--sf-dark-c-txt-lightyellow-95)); background: hsl(var(--sf-dark-c-lightyellow)) } html[data-theme='dark'] .sf-c-lightyellow\:0, html.dark .sf-c-lightyellow\:0 { color: hsl(var(--sf-dark-c-txt-lightyellow-95)); background: hsl(var(--sf-dark-c-lightyellow-100)) } html[data-theme='dark'] .sf-c-lightyellow\:5, html.dark .sf-c-lightyellow\:5 { color: hsl(var(--sf-dark-c-txt-lightyellow-5)); background: hsl(var(--sf-dark-c-lightyellow-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lightyellow\:90\:dark, html.dark .sf-c-lightyellow html[data-theme='dark'] .sf-c-lightyellow\:95\:dark, html.dark .sf-c-lightyellow\:95\:dark { color: hsl(var(--sf-c-txt-lightyellow-95)); background: hsl(var(--sf-c-lightyellow-5)) } html[data-theme='dark'] .sf-c-lightyellow\:100\:dark, html.dark .sf-c-lightyellow\:100\:dark { color: hsl(var(--sf-c-txt-lightyellow-95)); background: hsl(var(--sf-c-lightyellow-0)) } +html[data-theme='dark'] .sf-c-txt-lightyellow, html.dark .sf-c-txt-lightyellow { color: hsl(var(--sf-c-txt-lightyellow)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:0, html.dark .sf-c-txt-lightyellow\:0 { color: hsl(var(--sf-c-txt-lightyellow-0)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:5, html.dark .sf-c-txt-lightyellow\:5 { color: hsl(var(--sf-c-txt-lightyellow-5)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:10, html.dark .sf-c-txt-lightyellow\:10 { color: hsl(var(--sf-c-txt-lightyellow-10)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:15, html.dark .sf-c-txt-lightyellow\:15 { color: hsl(var(--sf-c-txt-lightyellow-15)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:20, html.dark .sf-c-txt-lightyellow\:20 { color: hsl(var(--sf-c-txt-lightyellow-20)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:25, html.dark .sf-c-txt-lightyellow\:25 { color: hsl(var(--sf-c-txt-lightyellow-25)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:30, html.dark .sf-c-txt-lightyellow\:30 { color: hsl(var(--sf-c-txt-lightyellow-30)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:35, html.dark .sf-c-txt-lightyellow\:35 { color: hsl(var(--sf-c-txt-lightyellow-35)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:40, html.dark .sf-c-txt-lightyellow\:40 { color: hsl(var(--sf-c-txt-lightyellow-40)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:45, html.dark .sf-c-txt-lightyellow\:45 { color: hsl(var(--sf-c-txt-lightyellow-45)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:50, html.dark .sf-c-txt-lightyellow\:50 { color: hsl(var(--sf-c-txt-lightyellow-50)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:55, html.dark .sf-c-txt-lightyellow\:55 { color: hsl(var(--sf-c-txt-lightyellow-55)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:60, html.dark .sf-c-txt-lightyellow\:60 { color: hsl(var(--sf-c-txt-lightyellow-60)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:65, html.dark .sf-c-txt-lightyellow\:65 { color: hsl(var(--sf-c-txt-lightyellow-65)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:70, html.dark .sf-c-txt-lightyellow\:70 { color: hsl(var(--sf-c-txt-lightyellow-70)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:75, html.dark .sf-c-txt-lightyellow\:75 { color: hsl(var(--sf-c-txt-lightyellow-75)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:80, html.dark .sf-c-txt-lightyellow\:80 { color: hsl(var(--sf-c-txt-lightyellow-80)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:85, html.dark .sf-c-txt-lightyellow\:85 { color: hsl(var(--sf-c-txt-lightyellow-85)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:90, html.dark .sf-c-txt-lightyellow\:90 { color: hsl(var(--sf-c-txt-lightyellow-90)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:95, html.dark .sf-c-txt-lightyellow\:95 { color: hsl(var(--sf-c-txt-lightyellow-95)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:100, html.dark .sf-c-txt-lightyellow\:100 { color: hsl(var(--sf-c-txt-lightyellow-100)) } + +html[data-theme='dark'] .sf-c-txt-lightyellow\:dark, html.dark .sf-c-txt-lightyellow\:dark { color: hsl(var(--sf-c-txt-lightyellow)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:0\:dark, html.dark .sf-c-txt-lightyellow\:0\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-0)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:5\:dark, html.dark .sf-c-txt-lightyellow\:5\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-5)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:10\:dark, html.dark .sf-c-txt-lightyellow\:10\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-10)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:15\:dark, html.dark .sf-c-txt-lightyellow\:15\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-15)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:20\:dark, html.dark .sf-c-txt-lightyellow\:20\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-20)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:25\:dark, html.dark .sf-c-txt-lightyellow\:25\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-25)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:30\:dark, html.dark .sf-c-txt-lightyellow\:30\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-30)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:35\:dark, html.dark .sf-c-txt-lightyellow\:35\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-35)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:40\:dark, html.dark .sf-c-txt-lightyellow\:40\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-40)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:45\:dark, html.dark .sf-c-txt-lightyellow\:45\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-45)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:50\:dark, html.dark .sf-c-txt-lightyellow\:50\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-50)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:55\:dark, html.dark .sf-c-txt-lightyellow\:55\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-55)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:60\:dark, html.dark .sf-c-txt-lightyellow\:60\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-60)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:65\:dark, html.dark .sf-c-txt-lightyellow\:65\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-65)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:70\:dark, html.dark .sf-c-txt-lightyellow\:70\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-70)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:75\:dark, html.dark .sf-c-txt-lightyellow\:75\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-75)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:80\:dark, html.dark .sf-c-txt-lightyellow\:80\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-80)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:85\:dark, html.dark .sf-c-txt-lightyellow\:85\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-85)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:90\:dark, html.dark .sf-c-txt-lightyellow\:90\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-90)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:95\:dark, html.dark .sf-c-txt-lightyellow\:95\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-95)) } +html[data-theme='dark'] .sf-c-txt-lightyellow\:100\:dark, html.dark .sf-c-txt-lightyellow\:100\:dark { color: hsl(var(--sf-dark-c-txt-lightyellow-100)) } + html.var[data-theme='dark'] .sf-c-lightyellow, html.var.dark .sf-c-lightyellow { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 6%) } html.var[data-theme='dark'] .sf-c-lightyellow\:0, html.var.dark .sf-c-lightyellow\:0 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lightyellow\:5, html.var.dark .sf-c-lightyellow\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lightyellow\:90\:dark, html.var.dark .sf-c-lig html.var[data-theme='dark'] .sf-c-lightyellow\:95\:dark, html.var.dark .sf-c-lightyellow\:95\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } html.var[data-theme='dark'] .sf-c-lightyellow\:100\:dark, html.var.dark .sf-c-lightyellow\:100\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow, html.dark .sf-c-txt-lightyellow { color: hsl(60, 100%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:0, html.dark .sf-c-txt-lightyellow\:0 { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:5, html.dark .sf-c-txt-lightyellow\:5 { color: hsl(60, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:10, html.dark .sf-c-txt-lightyellow\:10 { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:15, html.dark .sf-c-txt-lightyellow\:15 { color: hsl(60, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:20, html.dark .sf-c-txt-lightyellow\:20 { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:25, html.dark .sf-c-txt-lightyellow\:25 { color: hsl(60, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:30, html.dark .sf-c-txt-lightyellow\:30 { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:35, html.dark .sf-c-txt-lightyellow\:35 { color: hsl(60, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:40, html.dark .sf-c-txt-lightyellow\:40 { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:45, html.dark .sf-c-txt-lightyellow\:45 { color: hsl(60, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:50, html.dark .sf-c-txt-lightyellow\:50 { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:55, html.dark .sf-c-txt-lightyellow\:55 { color: hsl(60, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:60, html.dark .sf-c-txt-lightyellow\:60 { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:65, html.dark .sf-c-txt-lightyellow\:65 { color: hsl(60, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:70, html.dark .sf-c-txt-lightyellow\:70 { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:75, html.dark .sf-c-txt-lightyellow\:75 { color: hsl(60, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:80, html.dark .sf-c-txt-lightyellow\:80 { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:85, html.dark .sf-c-txt-lightyellow\:85 { color: hsl(60, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:90, html.dark .sf-c-txt-lightyellow\:90 { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:95, html.dark .sf-c-txt-lightyellow\:95 { color: hsl(60, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:100, html.dark .sf-c-txt-lightyellow\:100 { color: hsl(60, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:dark, html.dark .sf-c-txt-lightyellow\:dark { color: hsl(60, 100%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:0\:dark, html.dark .sf-c-txt-lightyellow\:0\:dark { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:5\:dark, html.dark .sf-c-txt-lightyellow\:5\:dark { color: hsl(60, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:10\:dark, html.dark .sf-c-txt-lightyellow\:10\:dark { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:15\:dark, html.dark .sf-c-txt-lightyellow\:15\:dark { color: hsl(60, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:20\:dark, html.dark .sf-c-txt-lightyellow\:20\:dark { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:25\:dark, html.dark .sf-c-txt-lightyellow\:25\:dark { color: hsl(60, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:30\:dark, html.dark .sf-c-txt-lightyellow\:30\:dark { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:35\:dark, html.dark .sf-c-txt-lightyellow\:35\:dark { color: hsl(60, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:40\:dark, html.dark .sf-c-txt-lightyellow\:40\:dark { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:45\:dark, html.dark .sf-c-txt-lightyellow\:45\:dark { color: hsl(60, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:50\:dark, html.dark .sf-c-txt-lightyellow\:50\:dark { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:55\:dark, html.dark .sf-c-txt-lightyellow\:55\:dark { color: hsl(60, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:60\:dark, html.dark .sf-c-txt-lightyellow\:60\:dark { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:65\:dark, html.dark .sf-c-txt-lightyellow\:65\:dark { color: hsl(60, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:70\:dark, html.dark .sf-c-txt-lightyellow\:70\:dark { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:75\:dark, html.dark .sf-c-txt-lightyellow\:75\:dark { color: hsl(60, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:80\:dark, html.dark .sf-c-txt-lightyellow\:80\:dark { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:85\:dark, html.dark .sf-c-txt-lightyellow\:85\:dark { color: hsl(60, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:90\:dark, html.dark .sf-c-txt-lightyellow\:90\:dark { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:95\:dark, html.dark .sf-c-txt-lightyellow\:95\:dark { color: hsl(60, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lightyellow\:100\:dark, html.dark .sf-c-txt-lightyellow\:100\:dark { color: hsl(60, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lightyellow, html.auto .sf-c-lightyellow { color: hsl(var(--sf-dark-c-txt-lightyellow-95)); background: hsl(var(--sf-dark-c-lightyellow)) } html[data-theme='auto'] .sf-c-lightyellow\:0, html.auto .sf-c-lightyellow\:0 { color: hsl(var(--sf-dark-c-txt-lightyellow-95)); background: hsl(var(--sf-dark-c-lightyellow-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lightyellow\:100\:dark, html.var.dark .sf-c-li html[data-theme='auto'] .sf-c-lightyellow\:95\:dark, html.auto .sf-c-lightyellow\:95\:dark { color: hsl(var(--sf-c-txt-lightyellow-95)); background: hsl(var(--sf-c-lightyellow-5)) } html[data-theme='auto'] .sf-c-lightyellow\:100\:dark, html.auto .sf-c-lightyellow\:100\:dark { color: hsl(var(--sf-c-txt-lightyellow-95)); background: hsl(var(--sf-c-lightyellow-0)) } + html[data-theme='auto'] .sf-c-txt-lightyellow, html.auto .sf-c-txt-lightyellow { color: hsl(var(--sf-c-txt-lightyellow)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:0, html.auto .sf-c-txt-lightyellow\:0 { color: hsl(var(--sf-c-txt-lightyellow-0)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:5, html.auto .sf-c-txt-lightyellow\:5 { color: hsl(var(--sf-c-txt-lightyellow-5)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:10, html.auto .sf-c-txt-lightyellow\:10 { color: hsl(var(--sf-c-txt-lightyellow-10)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:15, html.auto .sf-c-txt-lightyellow\:15 { color: hsl(var(--sf-c-txt-lightyellow-15)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:20, html.auto .sf-c-txt-lightyellow\:20 { color: hsl(var(--sf-c-txt-lightyellow-20)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:25, html.auto .sf-c-txt-lightyellow\:25 { color: hsl(var(--sf-c-txt-lightyellow-25)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:30, html.auto .sf-c-txt-lightyellow\:30 { color: hsl(var(--sf-c-txt-lightyellow-30)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:35, html.auto .sf-c-txt-lightyellow\:35 { color: hsl(var(--sf-c-txt-lightyellow-35)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:40, html.auto .sf-c-txt-lightyellow\:40 { color: hsl(var(--sf-c-txt-lightyellow-40)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:45, html.auto .sf-c-txt-lightyellow\:45 { color: hsl(var(--sf-c-txt-lightyellow-45)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:50, html.auto .sf-c-txt-lightyellow\:50 { color: hsl(var(--sf-c-txt-lightyellow-50)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:55, html.auto .sf-c-txt-lightyellow\:55 { color: hsl(var(--sf-c-txt-lightyellow-55)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:60, html.auto .sf-c-txt-lightyellow\:60 { color: hsl(var(--sf-c-txt-lightyellow-60)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:65, html.auto .sf-c-txt-lightyellow\:65 { color: hsl(var(--sf-c-txt-lightyellow-65)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:70, html.auto .sf-c-txt-lightyellow\:70 { color: hsl(var(--sf-c-txt-lightyellow-70)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:75, html.auto .sf-c-txt-lightyellow\:75 { color: hsl(var(--sf-c-txt-lightyellow-75)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:80, html.auto .sf-c-txt-lightyellow\:80 { color: hsl(var(--sf-c-txt-lightyellow-80)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:85, html.auto .sf-c-txt-lightyellow\:85 { color: hsl(var(--sf-c-txt-lightyellow-85)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:90, html.auto .sf-c-txt-lightyellow\:90 { color: hsl(var(--sf-c-txt-lightyellow-90)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:95, html.auto .sf-c-txt-lightyellow\:95 { color: hsl(var(--sf-c-txt-lightyellow-95)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:100, html.auto .sf-c-txt-lightyellow\:100 { color: hsl(var(--sf-c-txt-lightyellow-100)) } + + html[data-theme='auto'] .sf-c-txt-lightyellow\:dark, html.auto .sf-c-txt-lightyellow\:dark { color: hsl(var(--sf-c-txt-lightyellow)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:0\:dark, html.auto .sf-c-txt-lightyellow\:0\:dark { color: hsl(var(--sf-c-txt-lightyellow-0)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:5\:dark, html.auto .sf-c-txt-lightyellow\:5\:dark { color: hsl(var(--sf-c-txt-lightyellow-5)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:10\:dark, html.auto .sf-c-txt-lightyellow\:10\:dark { color: hsl(var(--sf-c-txt-lightyellow-10)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:15\:dark, html.auto .sf-c-txt-lightyellow\:15\:dark { color: hsl(var(--sf-c-txt-lightyellow-15)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:20\:dark, html.auto .sf-c-txt-lightyellow\:20\:dark { color: hsl(var(--sf-c-txt-lightyellow-20)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:25\:dark, html.auto .sf-c-txt-lightyellow\:25\:dark { color: hsl(var(--sf-c-txt-lightyellow-25)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:30\:dark, html.auto .sf-c-txt-lightyellow\:30\:dark { color: hsl(var(--sf-c-txt-lightyellow-30)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:35\:dark, html.auto .sf-c-txt-lightyellow\:35\:dark { color: hsl(var(--sf-c-txt-lightyellow-35)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:40\:dark, html.auto .sf-c-txt-lightyellow\:40\:dark { color: hsl(var(--sf-c-txt-lightyellow-40)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:45\:dark, html.auto .sf-c-txt-lightyellow\:45\:dark { color: hsl(var(--sf-c-txt-lightyellow-45)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:50\:dark, html.auto .sf-c-txt-lightyellow\:50\:dark { color: hsl(var(--sf-c-txt-lightyellow-50)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:55\:dark, html.auto .sf-c-txt-lightyellow\:55\:dark { color: hsl(var(--sf-c-txt-lightyellow-55)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:60\:dark, html.auto .sf-c-txt-lightyellow\:60\:dark { color: hsl(var(--sf-c-txt-lightyellow-60)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:65\:dark, html.auto .sf-c-txt-lightyellow\:65\:dark { color: hsl(var(--sf-c-txt-lightyellow-65)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:70\:dark, html.auto .sf-c-txt-lightyellow\:70\:dark { color: hsl(var(--sf-c-txt-lightyellow-70)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:75\:dark, html.auto .sf-c-txt-lightyellow\:75\:dark { color: hsl(var(--sf-c-txt-lightyellow-75)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:80\:dark, html.auto .sf-c-txt-lightyellow\:80\:dark { color: hsl(var(--sf-c-txt-lightyellow-80)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:85\:dark, html.auto .sf-c-txt-lightyellow\:85\:dark { color: hsl(var(--sf-c-txt-lightyellow-85)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:90\:dark, html.auto .sf-c-txt-lightyellow\:90\:dark { color: hsl(var(--sf-c-txt-lightyellow-90)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:95\:dark, html.auto .sf-c-txt-lightyellow\:95\:dark { color: hsl(var(--sf-c-txt-lightyellow-95)) } + html[data-theme='auto'] .sf-c-txt-lightyellow\:100\:dark, html.auto .sf-c-txt-lightyellow\:100\:dark { color: hsl(var(--sf-c-txt-lightyellow-100)) } + html.var[data-theme='auto'] .sf-c-lightyellow, html.var.auto .sf-c-lightyellow { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 6%) } html.var[data-theme='auto'] .sf-c-lightyellow\:0, html.var.auto .sf-c-lightyellow\:0 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lightyellow\:5, html.var.auto .sf-c-lightyellow\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lightyellow\:100\:dark, html.var.dark .sf-c-li html.var[data-theme='auto'] .sf-c-lightyellow\:90\:dark, html.var.auto .sf-c-lightyellow\:90\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lightyellow\:95\:dark, html.var.auto .sf-c-lightyellow\:95\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } html.var[data-theme='auto'] .sf-c-lightyellow\:100\:dark, html.var.auto .sf-c-lightyellow\:100\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } -} -.sf-c-txt-lightyellow { color: hsl(var(--sf-c-txt-lightyellow)) } -.sf-c-txt-lightyellow\:0 { color: hsl(var(--sf-c-txt-lightyellow-0)) } -.sf-c-txt-lightyellow\:5 { color: hsl(var(--sf-c-txt-lightyellow-5)) } -.sf-c-txt-lightyellow\:10 { color: hsl(var(--sf-c-txt-lightyellow-10)) } -.sf-c-txt-lightyellow\:15 { color: hsl(var(--sf-c-txt-lightyellow-15)) } -.sf-c-txt-lightyellow\:20 { color: hsl(var(--sf-c-txt-lightyellow-20)) } -.sf-c-txt-lightyellow\:25 { color: hsl(var(--sf-c-txt-lightyellow-25)) } -.sf-c-txt-lightyellow\:30 { color: hsl(var(--sf-c-txt-lightyellow-30)) } -.sf-c-txt-lightyellow\:35 { color: hsl(var(--sf-c-txt-lightyellow-35)) } -.sf-c-txt-lightyellow\:40 { color: hsl(var(--sf-c-txt-lightyellow-40)) } -.sf-c-txt-lightyellow\:45 { color: hsl(var(--sf-c-txt-lightyellow-45)) } -.sf-c-txt-lightyellow\:50 { color: hsl(var(--sf-c-txt-lightyellow-50)) } -.sf-c-txt-lightyellow\:55 { color: hsl(var(--sf-c-txt-lightyellow-55)) } -.sf-c-txt-lightyellow\:60 { color: hsl(var(--sf-c-txt-lightyellow-60)) } -.sf-c-txt-lightyellow\:65 { color: hsl(var(--sf-c-txt-lightyellow-65)) } -.sf-c-txt-lightyellow\:70 { color: hsl(var(--sf-c-txt-lightyellow-70)) } -.sf-c-txt-lightyellow\:75 { color: hsl(var(--sf-c-txt-lightyellow-75)) } -.sf-c-txt-lightyellow\:80 { color: hsl(var(--sf-c-txt-lightyellow-80)) } -.sf-c-txt-lightyellow\:85 { color: hsl(var(--sf-c-txt-lightyellow-85)) } -.sf-c-txt-lightyellow\:90 { color: hsl(var(--sf-c-txt-lightyellow-90)) } -.sf-c-txt-lightyellow\:95 { color: hsl(var(--sf-c-txt-lightyellow-95)) } -.sf-c-txt-lightyellow\:100 { color: hsl(var(--sf-c-txt-lightyellow-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lightyellow, html.auto .sf-c-txt-lightyellow { color: hsl(60, 100%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:0, html.auto .sf-c-txt-lightyellow\:0 { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:5, html.auto .sf-c-txt-lightyellow\:5 { color: hsl(60, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:10, html.auto .sf-c-txt-lightyellow\:10 { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:15, html.auto .sf-c-txt-lightyellow\:15 { color: hsl(60, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:20, html.auto .sf-c-txt-lightyellow\:20 { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:25, html.auto .sf-c-txt-lightyellow\:25 { color: hsl(60, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:30, html.auto .sf-c-txt-lightyellow\:30 { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:35, html.auto .sf-c-txt-lightyellow\:35 { color: hsl(60, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:40, html.auto .sf-c-txt-lightyellow\:40 { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:45, html.auto .sf-c-txt-lightyellow\:45 { color: hsl(60, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:50, html.auto .sf-c-txt-lightyellow\:50 { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:55, html.auto .sf-c-txt-lightyellow\:55 { color: hsl(60, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:60, html.auto .sf-c-txt-lightyellow\:60 { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:65, html.auto .sf-c-txt-lightyellow\:65 { color: hsl(60, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:70, html.auto .sf-c-txt-lightyellow\:70 { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:75, html.auto .sf-c-txt-lightyellow\:75 { color: hsl(60, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:80, html.auto .sf-c-txt-lightyellow\:80 { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:85, html.auto .sf-c-txt-lightyellow\:85 { color: hsl(60, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:90, html.auto .sf-c-txt-lightyellow\:90 { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:95, html.auto .sf-c-txt-lightyellow\:95 { color: hsl(60, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:100, html.auto .sf-c-txt-lightyellow\:100 { color: hsl(60, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:dark, html.auto .sf-c-txt-lightyellow\:dark { color: hsl(60, 100%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:0\:dark, html.auto .sf-c-txt-lightyellow\:0\:dark { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:5\:dark, html.auto .sf-c-txt-lightyellow\:5\:dark { color: hsl(60, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:10\:dark, html.auto .sf-c-txt-lightyellow\:10\:dark { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:15\:dark, html.auto .sf-c-txt-lightyellow\:15\:dark { color: hsl(60, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:20\:dark, html.auto .sf-c-txt-lightyellow\:20\:dark { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:25\:dark, html.auto .sf-c-txt-lightyellow\:25\:dark { color: hsl(60, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:30\:dark, html.auto .sf-c-txt-lightyellow\:30\:dark { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:35\:dark, html.auto .sf-c-txt-lightyellow\:35\:dark { color: hsl(60, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:40\:dark, html.auto .sf-c-txt-lightyellow\:40\:dark { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:45\:dark, html.auto .sf-c-txt-lightyellow\:45\:dark { color: hsl(60, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:50\:dark, html.auto .sf-c-txt-lightyellow\:50\:dark { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:55\:dark, html.auto .sf-c-txt-lightyellow\:55\:dark { color: hsl(60, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:60\:dark, html.auto .sf-c-txt-lightyellow\:60\:dark { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:65\:dark, html.auto .sf-c-txt-lightyellow\:65\:dark { color: hsl(60, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:70\:dark, html.auto .sf-c-txt-lightyellow\:70\:dark { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:75\:dark, html.auto .sf-c-txt-lightyellow\:75\:dark { color: hsl(60, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:80\:dark, html.auto .sf-c-txt-lightyellow\:80\:dark { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:85\:dark, html.auto .sf-c-txt-lightyellow\:85\:dark { color: hsl(60, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:90\:dark, html.auto .sf-c-txt-lightyellow\:90\:dark { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:95\:dark, html.auto .sf-c-txt-lightyellow\:95\:dark { color: hsl(60, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lightyellow\:100\:dark, html.auto .sf-c-txt-lightyellow\:100\:dark { color: hsl(60, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/lime.css b/src/colors/20/lime.css index a2507eb..80cef80 100644 --- a/src/colors/20/lime.css +++ b/src/colors/20/lime.css @@ -138,6 +138,52 @@ html.var .sf-c-lime\:90 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, html.var .sf-c-lime\:95 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } html.var .sf-c-lime\:100 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 100%) } +.sf-c-txt-lime { color: hsl(var(--sf-dark-c-txt-lime)) } +.sf-c-txt-lime\:0 { color: hsl(var(--sf-dark-c-txt-lime-100)) } +.sf-c-txt-lime\:5 { color: hsl(var(--sf-dark-c-txt-lime-95)) } +.sf-c-txt-lime\:10 { color: hsl(var(--sf-dark-c-txt-lime-90)) } +.sf-c-txt-lime\:15 { color: hsl(var(--sf-dark-c-txt-lime-85)) } +.sf-c-txt-lime\:20 { color: hsl(var(--sf-dark-c-txt-lime-80)) } +.sf-c-txt-lime\:25 { color: hsl(var(--sf-dark-c-txt-lime-75)) } +.sf-c-txt-lime\:30 { color: hsl(var(--sf-dark-c-txt-lime-70)) } +.sf-c-txt-lime\:35 { color: hsl(var(--sf-dark-c-txt-lime-65)) } +.sf-c-txt-lime\:40 { color: hsl(var(--sf-dark-c-txt-lime-60)) } +.sf-c-txt-lime\:45 { color: hsl(var(--sf-dark-c-txt-lime-55)) } +.sf-c-txt-lime\:50 { color: hsl(var(--sf-dark-c-txt-lime-50)) } +.sf-c-txt-lime\:55 { color: hsl(var(--sf-dark-c-txt-lime-45)) } +.sf-c-txt-lime\:60 { color: hsl(var(--sf-dark-c-txt-lime-40)) } +.sf-c-txt-lime\:65 { color: hsl(var(--sf-dark-c-txt-lime-35)) } +.sf-c-txt-lime\:70 { color: hsl(var(--sf-dark-c-txt-lime-30)) } +.sf-c-txt-lime\:75 { color: hsl(var(--sf-dark-c-txt-lime-25)) } +.sf-c-txt-lime\:80 { color: hsl(var(--sf-dark-c-txt-lime-20)) } +.sf-c-txt-lime\:85 { color: hsl(var(--sf-dark-c-txt-lime-15)) } +.sf-c-txt-lime\:90 { color: hsl(var(--sf-dark-c-txt-lime-10)) } +.sf-c-txt-lime\:95 { color: hsl(var(--sf-dark-c-txt-lime-5)) } +.sf-c-txt-lime\:100 { color: hsl(var(--sf-dark-c-txt-lime-0)) } + +html.var .sf-c-txt-lime { color: hsl(120, 100%, 50%) } +html.var .sf-c-txt-lime\:0 { color: hsl(120, 100%, 100%) } +html.var .sf-c-txt-lime\:5 { color: hsl(120, 100%, 95%) } +html.var .sf-c-txt-lime\:10 { color: hsl(120, 100%, 90%) } +html.var .sf-c-txt-lime\:15 { color: hsl(120, 100%, 85%) } +html.var .sf-c-txt-lime\:20 { color: hsl(120, 100%, 80%) } +html.var .sf-c-txt-lime\:25 { color: hsl(120, 100%, 75%) } +html.var .sf-c-txt-lime\:30 { color: hsl(120, 100%, 70%) } +html.var .sf-c-txt-lime\:35 { color: hsl(120, 100%, 65%) } +html.var .sf-c-txt-lime\:40 { color: hsl(120, 100%, 60%) } +html.var .sf-c-txt-lime\:45 { color: hsl(120, 100%, 55%) } +html.var .sf-c-txt-lime\:50 { color: hsl(120, 100%, 50%) } +html.var .sf-c-txt-lime\:55 { color: hsl(120, 100%, 45%) } +html.var .sf-c-txt-lime\:60 { color: hsl(120, 100%, 40%) } +html.var .sf-c-txt-lime\:65 { color: hsl(120, 100%, 35%) } +html.var .sf-c-txt-lime\:70 { color: hsl(120, 100%, 30%) } +html.var .sf-c-txt-lime\:75 { color: hsl(120, 100%, 25%) } +html.var .sf-c-txt-lime\:80 { color: hsl(120, 100%, 20%) } +html.var .sf-c-txt-lime\:85 { color: hsl(120, 100%, 15%) } +html.var .sf-c-txt-lime\:90 { color: hsl(120, 100%, 10%) } +html.var .sf-c-txt-lime\:95 { color: hsl(120, 100%, 5%) } +html.var .sf-c-txt-lime\:100 { color: hsl(120, 100%, 0%) } + html[data-theme='dark'] .sf-c-lime, html.dark .sf-c-lime { color: hsl(var(--sf-dark-c-txt-lime-5)); background: hsl(var(--sf-dark-c-lime)) } html[data-theme='dark'] .sf-c-lime\:0, html.dark .sf-c-lime\:0 { color: hsl(var(--sf-dark-c-txt-lime-95)); background: hsl(var(--sf-dark-c-lime-100)) } html[data-theme='dark'] .sf-c-lime\:5, html.dark .sf-c-lime\:5 { color: hsl(var(--sf-dark-c-txt-lime-5)); background: hsl(var(--sf-dark-c-lime-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-lime\:90\:dark, html.dark .sf-c-lime\:90\:dark { c html[data-theme='dark'] .sf-c-lime\:95\:dark, html.dark .sf-c-lime\:95\:dark { color: hsl(var(--sf-c-txt-lime-95)); background: hsl(var(--sf-c-lime-5)) } html[data-theme='dark'] .sf-c-lime\:100\:dark, html.dark .sf-c-lime\:100\:dark { color: hsl(var(--sf-c-txt-lime-95)); background: hsl(var(--sf-c-lime-0)) } +html[data-theme='dark'] .sf-c-txt-lime, html.dark .sf-c-txt-lime { color: hsl(var(--sf-c-txt-lime)) } +html[data-theme='dark'] .sf-c-txt-lime\:0, html.dark .sf-c-txt-lime\:0 { color: hsl(var(--sf-c-txt-lime-0)) } +html[data-theme='dark'] .sf-c-txt-lime\:5, html.dark .sf-c-txt-lime\:5 { color: hsl(var(--sf-c-txt-lime-5)) } +html[data-theme='dark'] .sf-c-txt-lime\:10, html.dark .sf-c-txt-lime\:10 { color: hsl(var(--sf-c-txt-lime-10)) } +html[data-theme='dark'] .sf-c-txt-lime\:15, html.dark .sf-c-txt-lime\:15 { color: hsl(var(--sf-c-txt-lime-15)) } +html[data-theme='dark'] .sf-c-txt-lime\:20, html.dark .sf-c-txt-lime\:20 { color: hsl(var(--sf-c-txt-lime-20)) } +html[data-theme='dark'] .sf-c-txt-lime\:25, html.dark .sf-c-txt-lime\:25 { color: hsl(var(--sf-c-txt-lime-25)) } +html[data-theme='dark'] .sf-c-txt-lime\:30, html.dark .sf-c-txt-lime\:30 { color: hsl(var(--sf-c-txt-lime-30)) } +html[data-theme='dark'] .sf-c-txt-lime\:35, html.dark .sf-c-txt-lime\:35 { color: hsl(var(--sf-c-txt-lime-35)) } +html[data-theme='dark'] .sf-c-txt-lime\:40, html.dark .sf-c-txt-lime\:40 { color: hsl(var(--sf-c-txt-lime-40)) } +html[data-theme='dark'] .sf-c-txt-lime\:45, html.dark .sf-c-txt-lime\:45 { color: hsl(var(--sf-c-txt-lime-45)) } +html[data-theme='dark'] .sf-c-txt-lime\:50, html.dark .sf-c-txt-lime\:50 { color: hsl(var(--sf-c-txt-lime-50)) } +html[data-theme='dark'] .sf-c-txt-lime\:55, html.dark .sf-c-txt-lime\:55 { color: hsl(var(--sf-c-txt-lime-55)) } +html[data-theme='dark'] .sf-c-txt-lime\:60, html.dark .sf-c-txt-lime\:60 { color: hsl(var(--sf-c-txt-lime-60)) } +html[data-theme='dark'] .sf-c-txt-lime\:65, html.dark .sf-c-txt-lime\:65 { color: hsl(var(--sf-c-txt-lime-65)) } +html[data-theme='dark'] .sf-c-txt-lime\:70, html.dark .sf-c-txt-lime\:70 { color: hsl(var(--sf-c-txt-lime-70)) } +html[data-theme='dark'] .sf-c-txt-lime\:75, html.dark .sf-c-txt-lime\:75 { color: hsl(var(--sf-c-txt-lime-75)) } +html[data-theme='dark'] .sf-c-txt-lime\:80, html.dark .sf-c-txt-lime\:80 { color: hsl(var(--sf-c-txt-lime-80)) } +html[data-theme='dark'] .sf-c-txt-lime\:85, html.dark .sf-c-txt-lime\:85 { color: hsl(var(--sf-c-txt-lime-85)) } +html[data-theme='dark'] .sf-c-txt-lime\:90, html.dark .sf-c-txt-lime\:90 { color: hsl(var(--sf-c-txt-lime-90)) } +html[data-theme='dark'] .sf-c-txt-lime\:95, html.dark .sf-c-txt-lime\:95 { color: hsl(var(--sf-c-txt-lime-95)) } +html[data-theme='dark'] .sf-c-txt-lime\:100, html.dark .sf-c-txt-lime\:100 { color: hsl(var(--sf-c-txt-lime-100)) } + +html[data-theme='dark'] .sf-c-txt-lime\:dark, html.dark .sf-c-txt-lime\:dark { color: hsl(var(--sf-c-txt-lime)) } +html[data-theme='dark'] .sf-c-txt-lime\:0\:dark, html.dark .sf-c-txt-lime\:0\:dark { color: hsl(var(--sf-dark-c-txt-lime-0)) } +html[data-theme='dark'] .sf-c-txt-lime\:5\:dark, html.dark .sf-c-txt-lime\:5\:dark { color: hsl(var(--sf-dark-c-txt-lime-5)) } +html[data-theme='dark'] .sf-c-txt-lime\:10\:dark, html.dark .sf-c-txt-lime\:10\:dark { color: hsl(var(--sf-dark-c-txt-lime-10)) } +html[data-theme='dark'] .sf-c-txt-lime\:15\:dark, html.dark .sf-c-txt-lime\:15\:dark { color: hsl(var(--sf-dark-c-txt-lime-15)) } +html[data-theme='dark'] .sf-c-txt-lime\:20\:dark, html.dark .sf-c-txt-lime\:20\:dark { color: hsl(var(--sf-dark-c-txt-lime-20)) } +html[data-theme='dark'] .sf-c-txt-lime\:25\:dark, html.dark .sf-c-txt-lime\:25\:dark { color: hsl(var(--sf-dark-c-txt-lime-25)) } +html[data-theme='dark'] .sf-c-txt-lime\:30\:dark, html.dark .sf-c-txt-lime\:30\:dark { color: hsl(var(--sf-dark-c-txt-lime-30)) } +html[data-theme='dark'] .sf-c-txt-lime\:35\:dark, html.dark .sf-c-txt-lime\:35\:dark { color: hsl(var(--sf-dark-c-txt-lime-35)) } +html[data-theme='dark'] .sf-c-txt-lime\:40\:dark, html.dark .sf-c-txt-lime\:40\:dark { color: hsl(var(--sf-dark-c-txt-lime-40)) } +html[data-theme='dark'] .sf-c-txt-lime\:45\:dark, html.dark .sf-c-txt-lime\:45\:dark { color: hsl(var(--sf-dark-c-txt-lime-45)) } +html[data-theme='dark'] .sf-c-txt-lime\:50\:dark, html.dark .sf-c-txt-lime\:50\:dark { color: hsl(var(--sf-dark-c-txt-lime-50)) } +html[data-theme='dark'] .sf-c-txt-lime\:55\:dark, html.dark .sf-c-txt-lime\:55\:dark { color: hsl(var(--sf-dark-c-txt-lime-55)) } +html[data-theme='dark'] .sf-c-txt-lime\:60\:dark, html.dark .sf-c-txt-lime\:60\:dark { color: hsl(var(--sf-dark-c-txt-lime-60)) } +html[data-theme='dark'] .sf-c-txt-lime\:65\:dark, html.dark .sf-c-txt-lime\:65\:dark { color: hsl(var(--sf-dark-c-txt-lime-65)) } +html[data-theme='dark'] .sf-c-txt-lime\:70\:dark, html.dark .sf-c-txt-lime\:70\:dark { color: hsl(var(--sf-dark-c-txt-lime-70)) } +html[data-theme='dark'] .sf-c-txt-lime\:75\:dark, html.dark .sf-c-txt-lime\:75\:dark { color: hsl(var(--sf-dark-c-txt-lime-75)) } +html[data-theme='dark'] .sf-c-txt-lime\:80\:dark, html.dark .sf-c-txt-lime\:80\:dark { color: hsl(var(--sf-dark-c-txt-lime-80)) } +html[data-theme='dark'] .sf-c-txt-lime\:85\:dark, html.dark .sf-c-txt-lime\:85\:dark { color: hsl(var(--sf-dark-c-txt-lime-85)) } +html[data-theme='dark'] .sf-c-txt-lime\:90\:dark, html.dark .sf-c-txt-lime\:90\:dark { color: hsl(var(--sf-dark-c-txt-lime-90)) } +html[data-theme='dark'] .sf-c-txt-lime\:95\:dark, html.dark .sf-c-txt-lime\:95\:dark { color: hsl(var(--sf-dark-c-txt-lime-95)) } +html[data-theme='dark'] .sf-c-txt-lime\:100\:dark, html.dark .sf-c-txt-lime\:100\:dark { color: hsl(var(--sf-dark-c-txt-lime-100)) } + html.var[data-theme='dark'] .sf-c-lime, html.var.dark .sf-c-lime { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } html.var[data-theme='dark'] .sf-c-lime\:0, html.var.dark .sf-c-lime\:0 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 100%) } html.var[data-theme='dark'] .sf-c-lime\:5, html.var.dark .sf-c-lime\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-lime\:90\:dark, html.var.dark .sf-c-lime\:90\: html.var[data-theme='dark'] .sf-c-lime\:95\:dark, html.var.dark .sf-c-lime\:95\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } html.var[data-theme='dark'] .sf-c-lime\:100\:dark, html.var.dark .sf-c-lime\:100\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lime, html.dark .sf-c-txt-lime { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:0, html.dark .sf-c-txt-lime\:0 { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:5, html.dark .sf-c-txt-lime\:5 { color: hsl(120, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:10, html.dark .sf-c-txt-lime\:10 { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:15, html.dark .sf-c-txt-lime\:15 { color: hsl(120, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:20, html.dark .sf-c-txt-lime\:20 { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:25, html.dark .sf-c-txt-lime\:25 { color: hsl(120, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:30, html.dark .sf-c-txt-lime\:30 { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:35, html.dark .sf-c-txt-lime\:35 { color: hsl(120, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:40, html.dark .sf-c-txt-lime\:40 { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:45, html.dark .sf-c-txt-lime\:45 { color: hsl(120, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:50, html.dark .sf-c-txt-lime\:50 { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:55, html.dark .sf-c-txt-lime\:55 { color: hsl(120, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:60, html.dark .sf-c-txt-lime\:60 { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:65, html.dark .sf-c-txt-lime\:65 { color: hsl(120, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:70, html.dark .sf-c-txt-lime\:70 { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:75, html.dark .sf-c-txt-lime\:75 { color: hsl(120, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:80, html.dark .sf-c-txt-lime\:80 { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:85, html.dark .sf-c-txt-lime\:85 { color: hsl(120, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:90, html.dark .sf-c-txt-lime\:90 { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:95, html.dark .sf-c-txt-lime\:95 { color: hsl(120, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:100, html.dark .sf-c-txt-lime\:100 { color: hsl(120, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-lime\:dark, html.dark .sf-c-txt-lime\:dark { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:0\:dark, html.dark .sf-c-txt-lime\:0\:dark { color: hsl(120, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:5\:dark, html.dark .sf-c-txt-lime\:5\:dark { color: hsl(120, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:10\:dark, html.dark .sf-c-txt-lime\:10\:dark { color: hsl(120, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:15\:dark, html.dark .sf-c-txt-lime\:15\:dark { color: hsl(120, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:20\:dark, html.dark .sf-c-txt-lime\:20\:dark { color: hsl(120, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:25\:dark, html.dark .sf-c-txt-lime\:25\:dark { color: hsl(120, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:30\:dark, html.dark .sf-c-txt-lime\:30\:dark { color: hsl(120, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:35\:dark, html.dark .sf-c-txt-lime\:35\:dark { color: hsl(120, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:40\:dark, html.dark .sf-c-txt-lime\:40\:dark { color: hsl(120, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:45\:dark, html.dark .sf-c-txt-lime\:45\:dark { color: hsl(120, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:50\:dark, html.dark .sf-c-txt-lime\:50\:dark { color: hsl(120, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:55\:dark, html.dark .sf-c-txt-lime\:55\:dark { color: hsl(120, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:60\:dark, html.dark .sf-c-txt-lime\:60\:dark { color: hsl(120, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:65\:dark, html.dark .sf-c-txt-lime\:65\:dark { color: hsl(120, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:70\:dark, html.dark .sf-c-txt-lime\:70\:dark { color: hsl(120, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:75\:dark, html.dark .sf-c-txt-lime\:75\:dark { color: hsl(120, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:80\:dark, html.dark .sf-c-txt-lime\:80\:dark { color: hsl(120, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:85\:dark, html.dark .sf-c-txt-lime\:85\:dark { color: hsl(120, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:90\:dark, html.dark .sf-c-txt-lime\:90\:dark { color: hsl(120, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:95\:dark, html.dark .sf-c-txt-lime\:95\:dark { color: hsl(120, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-lime\:100\:dark, html.dark .sf-c-txt-lime\:100\:dark { color: hsl(120, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-lime, html.auto .sf-c-lime { color: hsl(var(--sf-dark-c-txt-lime-5)); background: hsl(var(--sf-dark-c-lime)) } html[data-theme='auto'] .sf-c-lime\:0, html.auto .sf-c-lime\:0 { color: hsl(var(--sf-dark-c-txt-lime-95)); background: hsl(var(--sf-dark-c-lime-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-lime\:100\:dark, html.var.dark .sf-c-lime\:100 html[data-theme='auto'] .sf-c-lime\:95\:dark, html.auto .sf-c-lime\:95\:dark { color: hsl(var(--sf-c-txt-lime-95)); background: hsl(var(--sf-c-lime-5)) } html[data-theme='auto'] .sf-c-lime\:100\:dark, html.auto .sf-c-lime\:100\:dark { color: hsl(var(--sf-c-txt-lime-95)); background: hsl(var(--sf-c-lime-0)) } + html[data-theme='auto'] .sf-c-txt-lime, html.auto .sf-c-txt-lime { color: hsl(var(--sf-c-txt-lime)) } + html[data-theme='auto'] .sf-c-txt-lime\:0, html.auto .sf-c-txt-lime\:0 { color: hsl(var(--sf-c-txt-lime-0)) } + html[data-theme='auto'] .sf-c-txt-lime\:5, html.auto .sf-c-txt-lime\:5 { color: hsl(var(--sf-c-txt-lime-5)) } + html[data-theme='auto'] .sf-c-txt-lime\:10, html.auto .sf-c-txt-lime\:10 { color: hsl(var(--sf-c-txt-lime-10)) } + html[data-theme='auto'] .sf-c-txt-lime\:15, html.auto .sf-c-txt-lime\:15 { color: hsl(var(--sf-c-txt-lime-15)) } + html[data-theme='auto'] .sf-c-txt-lime\:20, html.auto .sf-c-txt-lime\:20 { color: hsl(var(--sf-c-txt-lime-20)) } + html[data-theme='auto'] .sf-c-txt-lime\:25, html.auto .sf-c-txt-lime\:25 { color: hsl(var(--sf-c-txt-lime-25)) } + html[data-theme='auto'] .sf-c-txt-lime\:30, html.auto .sf-c-txt-lime\:30 { color: hsl(var(--sf-c-txt-lime-30)) } + html[data-theme='auto'] .sf-c-txt-lime\:35, html.auto .sf-c-txt-lime\:35 { color: hsl(var(--sf-c-txt-lime-35)) } + html[data-theme='auto'] .sf-c-txt-lime\:40, html.auto .sf-c-txt-lime\:40 { color: hsl(var(--sf-c-txt-lime-40)) } + html[data-theme='auto'] .sf-c-txt-lime\:45, html.auto .sf-c-txt-lime\:45 { color: hsl(var(--sf-c-txt-lime-45)) } + html[data-theme='auto'] .sf-c-txt-lime\:50, html.auto .sf-c-txt-lime\:50 { color: hsl(var(--sf-c-txt-lime-50)) } + html[data-theme='auto'] .sf-c-txt-lime\:55, html.auto .sf-c-txt-lime\:55 { color: hsl(var(--sf-c-txt-lime-55)) } + html[data-theme='auto'] .sf-c-txt-lime\:60, html.auto .sf-c-txt-lime\:60 { color: hsl(var(--sf-c-txt-lime-60)) } + html[data-theme='auto'] .sf-c-txt-lime\:65, html.auto .sf-c-txt-lime\:65 { color: hsl(var(--sf-c-txt-lime-65)) } + html[data-theme='auto'] .sf-c-txt-lime\:70, html.auto .sf-c-txt-lime\:70 { color: hsl(var(--sf-c-txt-lime-70)) } + html[data-theme='auto'] .sf-c-txt-lime\:75, html.auto .sf-c-txt-lime\:75 { color: hsl(var(--sf-c-txt-lime-75)) } + html[data-theme='auto'] .sf-c-txt-lime\:80, html.auto .sf-c-txt-lime\:80 { color: hsl(var(--sf-c-txt-lime-80)) } + html[data-theme='auto'] .sf-c-txt-lime\:85, html.auto .sf-c-txt-lime\:85 { color: hsl(var(--sf-c-txt-lime-85)) } + html[data-theme='auto'] .sf-c-txt-lime\:90, html.auto .sf-c-txt-lime\:90 { color: hsl(var(--sf-c-txt-lime-90)) } + html[data-theme='auto'] .sf-c-txt-lime\:95, html.auto .sf-c-txt-lime\:95 { color: hsl(var(--sf-c-txt-lime-95)) } + html[data-theme='auto'] .sf-c-txt-lime\:100, html.auto .sf-c-txt-lime\:100 { color: hsl(var(--sf-c-txt-lime-100)) } + + html[data-theme='auto'] .sf-c-txt-lime\:dark, html.auto .sf-c-txt-lime\:dark { color: hsl(var(--sf-c-txt-lime)) } + html[data-theme='auto'] .sf-c-txt-lime\:0\:dark, html.auto .sf-c-txt-lime\:0\:dark { color: hsl(var(--sf-c-txt-lime-0)) } + html[data-theme='auto'] .sf-c-txt-lime\:5\:dark, html.auto .sf-c-txt-lime\:5\:dark { color: hsl(var(--sf-c-txt-lime-5)) } + html[data-theme='auto'] .sf-c-txt-lime\:10\:dark, html.auto .sf-c-txt-lime\:10\:dark { color: hsl(var(--sf-c-txt-lime-10)) } + html[data-theme='auto'] .sf-c-txt-lime\:15\:dark, html.auto .sf-c-txt-lime\:15\:dark { color: hsl(var(--sf-c-txt-lime-15)) } + html[data-theme='auto'] .sf-c-txt-lime\:20\:dark, html.auto .sf-c-txt-lime\:20\:dark { color: hsl(var(--sf-c-txt-lime-20)) } + html[data-theme='auto'] .sf-c-txt-lime\:25\:dark, html.auto .sf-c-txt-lime\:25\:dark { color: hsl(var(--sf-c-txt-lime-25)) } + html[data-theme='auto'] .sf-c-txt-lime\:30\:dark, html.auto .sf-c-txt-lime\:30\:dark { color: hsl(var(--sf-c-txt-lime-30)) } + html[data-theme='auto'] .sf-c-txt-lime\:35\:dark, html.auto .sf-c-txt-lime\:35\:dark { color: hsl(var(--sf-c-txt-lime-35)) } + html[data-theme='auto'] .sf-c-txt-lime\:40\:dark, html.auto .sf-c-txt-lime\:40\:dark { color: hsl(var(--sf-c-txt-lime-40)) } + html[data-theme='auto'] .sf-c-txt-lime\:45\:dark, html.auto .sf-c-txt-lime\:45\:dark { color: hsl(var(--sf-c-txt-lime-45)) } + html[data-theme='auto'] .sf-c-txt-lime\:50\:dark, html.auto .sf-c-txt-lime\:50\:dark { color: hsl(var(--sf-c-txt-lime-50)) } + html[data-theme='auto'] .sf-c-txt-lime\:55\:dark, html.auto .sf-c-txt-lime\:55\:dark { color: hsl(var(--sf-c-txt-lime-55)) } + html[data-theme='auto'] .sf-c-txt-lime\:60\:dark, html.auto .sf-c-txt-lime\:60\:dark { color: hsl(var(--sf-c-txt-lime-60)) } + html[data-theme='auto'] .sf-c-txt-lime\:65\:dark, html.auto .sf-c-txt-lime\:65\:dark { color: hsl(var(--sf-c-txt-lime-65)) } + html[data-theme='auto'] .sf-c-txt-lime\:70\:dark, html.auto .sf-c-txt-lime\:70\:dark { color: hsl(var(--sf-c-txt-lime-70)) } + html[data-theme='auto'] .sf-c-txt-lime\:75\:dark, html.auto .sf-c-txt-lime\:75\:dark { color: hsl(var(--sf-c-txt-lime-75)) } + html[data-theme='auto'] .sf-c-txt-lime\:80\:dark, html.auto .sf-c-txt-lime\:80\:dark { color: hsl(var(--sf-c-txt-lime-80)) } + html[data-theme='auto'] .sf-c-txt-lime\:85\:dark, html.auto .sf-c-txt-lime\:85\:dark { color: hsl(var(--sf-c-txt-lime-85)) } + html[data-theme='auto'] .sf-c-txt-lime\:90\:dark, html.auto .sf-c-txt-lime\:90\:dark { color: hsl(var(--sf-c-txt-lime-90)) } + html[data-theme='auto'] .sf-c-txt-lime\:95\:dark, html.auto .sf-c-txt-lime\:95\:dark { color: hsl(var(--sf-c-txt-lime-95)) } + html[data-theme='auto'] .sf-c-txt-lime\:100\:dark, html.auto .sf-c-txt-lime\:100\:dark { color: hsl(var(--sf-c-txt-lime-100)) } + html.var[data-theme='auto'] .sf-c-lime, html.var.auto .sf-c-lime { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 50%) } html.var[data-theme='auto'] .sf-c-lime\:0, html.var.auto .sf-c-lime\:0 { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 100%) } html.var[data-theme='auto'] .sf-c-lime\:5, html.var.auto .sf-c-lime\:5 { color: hsl(120, 100%, 5%); background: hsl(120, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-lime\:100\:dark, html.var.dark .sf-c-lime\:100 html.var[data-theme='auto'] .sf-c-lime\:90\:dark, html.var.auto .sf-c-lime\:90\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 10%) } html.var[data-theme='auto'] .sf-c-lime\:95\:dark, html.var.auto .sf-c-lime\:95\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 5%) } html.var[data-theme='auto'] .sf-c-lime\:100\:dark, html.var.auto .sf-c-lime\:100\:dark { color: hsl(120, 100%, 95%); background: hsl(120, 100%, 0%) } -} -.sf-c-txt-lime { color: hsl(var(--sf-c-txt-lime)) } -.sf-c-txt-lime\:0 { color: hsl(var(--sf-c-txt-lime-0)) } -.sf-c-txt-lime\:5 { color: hsl(var(--sf-c-txt-lime-5)) } -.sf-c-txt-lime\:10 { color: hsl(var(--sf-c-txt-lime-10)) } -.sf-c-txt-lime\:15 { color: hsl(var(--sf-c-txt-lime-15)) } -.sf-c-txt-lime\:20 { color: hsl(var(--sf-c-txt-lime-20)) } -.sf-c-txt-lime\:25 { color: hsl(var(--sf-c-txt-lime-25)) } -.sf-c-txt-lime\:30 { color: hsl(var(--sf-c-txt-lime-30)) } -.sf-c-txt-lime\:35 { color: hsl(var(--sf-c-txt-lime-35)) } -.sf-c-txt-lime\:40 { color: hsl(var(--sf-c-txt-lime-40)) } -.sf-c-txt-lime\:45 { color: hsl(var(--sf-c-txt-lime-45)) } -.sf-c-txt-lime\:50 { color: hsl(var(--sf-c-txt-lime-50)) } -.sf-c-txt-lime\:55 { color: hsl(var(--sf-c-txt-lime-55)) } -.sf-c-txt-lime\:60 { color: hsl(var(--sf-c-txt-lime-60)) } -.sf-c-txt-lime\:65 { color: hsl(var(--sf-c-txt-lime-65)) } -.sf-c-txt-lime\:70 { color: hsl(var(--sf-c-txt-lime-70)) } -.sf-c-txt-lime\:75 { color: hsl(var(--sf-c-txt-lime-75)) } -.sf-c-txt-lime\:80 { color: hsl(var(--sf-c-txt-lime-80)) } -.sf-c-txt-lime\:85 { color: hsl(var(--sf-c-txt-lime-85)) } -.sf-c-txt-lime\:90 { color: hsl(var(--sf-c-txt-lime-90)) } -.sf-c-txt-lime\:95 { color: hsl(var(--sf-c-txt-lime-95)) } -.sf-c-txt-lime\:100 { color: hsl(var(--sf-c-txt-lime-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-lime, html.auto .sf-c-txt-lime { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:0, html.auto .sf-c-txt-lime\:0 { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:5, html.auto .sf-c-txt-lime\:5 { color: hsl(120, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:10, html.auto .sf-c-txt-lime\:10 { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:15, html.auto .sf-c-txt-lime\:15 { color: hsl(120, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:20, html.auto .sf-c-txt-lime\:20 { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:25, html.auto .sf-c-txt-lime\:25 { color: hsl(120, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:30, html.auto .sf-c-txt-lime\:30 { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:35, html.auto .sf-c-txt-lime\:35 { color: hsl(120, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:40, html.auto .sf-c-txt-lime\:40 { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:45, html.auto .sf-c-txt-lime\:45 { color: hsl(120, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:50, html.auto .sf-c-txt-lime\:50 { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:55, html.auto .sf-c-txt-lime\:55 { color: hsl(120, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:60, html.auto .sf-c-txt-lime\:60 { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:65, html.auto .sf-c-txt-lime\:65 { color: hsl(120, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:70, html.auto .sf-c-txt-lime\:70 { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:75, html.auto .sf-c-txt-lime\:75 { color: hsl(120, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:80, html.auto .sf-c-txt-lime\:80 { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:85, html.auto .sf-c-txt-lime\:85 { color: hsl(120, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:90, html.auto .sf-c-txt-lime\:90 { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:95, html.auto .sf-c-txt-lime\:95 { color: hsl(120, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:100, html.auto .sf-c-txt-lime\:100 { color: hsl(120, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-lime\:dark, html.auto .sf-c-txt-lime\:dark { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:0\:dark, html.auto .sf-c-txt-lime\:0\:dark { color: hsl(120, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:5\:dark, html.auto .sf-c-txt-lime\:5\:dark { color: hsl(120, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:10\:dark, html.auto .sf-c-txt-lime\:10\:dark { color: hsl(120, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:15\:dark, html.auto .sf-c-txt-lime\:15\:dark { color: hsl(120, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:20\:dark, html.auto .sf-c-txt-lime\:20\:dark { color: hsl(120, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:25\:dark, html.auto .sf-c-txt-lime\:25\:dark { color: hsl(120, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:30\:dark, html.auto .sf-c-txt-lime\:30\:dark { color: hsl(120, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:35\:dark, html.auto .sf-c-txt-lime\:35\:dark { color: hsl(120, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:40\:dark, html.auto .sf-c-txt-lime\:40\:dark { color: hsl(120, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:45\:dark, html.auto .sf-c-txt-lime\:45\:dark { color: hsl(120, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:50\:dark, html.auto .sf-c-txt-lime\:50\:dark { color: hsl(120, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:55\:dark, html.auto .sf-c-txt-lime\:55\:dark { color: hsl(120, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:60\:dark, html.auto .sf-c-txt-lime\:60\:dark { color: hsl(120, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:65\:dark, html.auto .sf-c-txt-lime\:65\:dark { color: hsl(120, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:70\:dark, html.auto .sf-c-txt-lime\:70\:dark { color: hsl(120, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:75\:dark, html.auto .sf-c-txt-lime\:75\:dark { color: hsl(120, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:80\:dark, html.auto .sf-c-txt-lime\:80\:dark { color: hsl(120, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:85\:dark, html.auto .sf-c-txt-lime\:85\:dark { color: hsl(120, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:90\:dark, html.auto .sf-c-txt-lime\:90\:dark { color: hsl(120, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:95\:dark, html.auto .sf-c-txt-lime\:95\:dark { color: hsl(120, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-lime\:100\:dark, html.auto .sf-c-txt-lime\:100\:dark { color: hsl(120, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/limegreen.css b/src/colors/20/limegreen.css index a31f8c7..390c19e 100644 --- a/src/colors/20/limegreen.css +++ b/src/colors/20/limegreen.css @@ -138,6 +138,52 @@ html.var .sf-c-limegreen\:90 { color: hsl(120, 61%, 5%); background: hsl(120, 61 html.var .sf-c-limegreen\:95 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } html.var .sf-c-limegreen\:100 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 100%) } +.sf-c-txt-limegreen { color: hsl(var(--sf-dark-c-txt-limegreen)) } +.sf-c-txt-limegreen\:0 { color: hsl(var(--sf-dark-c-txt-limegreen-100)) } +.sf-c-txt-limegreen\:5 { color: hsl(var(--sf-dark-c-txt-limegreen-95)) } +.sf-c-txt-limegreen\:10 { color: hsl(var(--sf-dark-c-txt-limegreen-90)) } +.sf-c-txt-limegreen\:15 { color: hsl(var(--sf-dark-c-txt-limegreen-85)) } +.sf-c-txt-limegreen\:20 { color: hsl(var(--sf-dark-c-txt-limegreen-80)) } +.sf-c-txt-limegreen\:25 { color: hsl(var(--sf-dark-c-txt-limegreen-75)) } +.sf-c-txt-limegreen\:30 { color: hsl(var(--sf-dark-c-txt-limegreen-70)) } +.sf-c-txt-limegreen\:35 { color: hsl(var(--sf-dark-c-txt-limegreen-65)) } +.sf-c-txt-limegreen\:40 { color: hsl(var(--sf-dark-c-txt-limegreen-60)) } +.sf-c-txt-limegreen\:45 { color: hsl(var(--sf-dark-c-txt-limegreen-55)) } +.sf-c-txt-limegreen\:50 { color: hsl(var(--sf-dark-c-txt-limegreen-50)) } +.sf-c-txt-limegreen\:55 { color: hsl(var(--sf-dark-c-txt-limegreen-45)) } +.sf-c-txt-limegreen\:60 { color: hsl(var(--sf-dark-c-txt-limegreen-40)) } +.sf-c-txt-limegreen\:65 { color: hsl(var(--sf-dark-c-txt-limegreen-35)) } +.sf-c-txt-limegreen\:70 { color: hsl(var(--sf-dark-c-txt-limegreen-30)) } +.sf-c-txt-limegreen\:75 { color: hsl(var(--sf-dark-c-txt-limegreen-25)) } +.sf-c-txt-limegreen\:80 { color: hsl(var(--sf-dark-c-txt-limegreen-20)) } +.sf-c-txt-limegreen\:85 { color: hsl(var(--sf-dark-c-txt-limegreen-15)) } +.sf-c-txt-limegreen\:90 { color: hsl(var(--sf-dark-c-txt-limegreen-10)) } +.sf-c-txt-limegreen\:95 { color: hsl(var(--sf-dark-c-txt-limegreen-5)) } +.sf-c-txt-limegreen\:100 { color: hsl(var(--sf-dark-c-txt-limegreen-0)) } + +html.var .sf-c-txt-limegreen { color: hsl(120, 61%, 50%) } +html.var .sf-c-txt-limegreen\:0 { color: hsl(120, 61%, 100%) } +html.var .sf-c-txt-limegreen\:5 { color: hsl(120, 61%, 95%) } +html.var .sf-c-txt-limegreen\:10 { color: hsl(120, 61%, 90%) } +html.var .sf-c-txt-limegreen\:15 { color: hsl(120, 61%, 85%) } +html.var .sf-c-txt-limegreen\:20 { color: hsl(120, 61%, 80%) } +html.var .sf-c-txt-limegreen\:25 { color: hsl(120, 61%, 75%) } +html.var .sf-c-txt-limegreen\:30 { color: hsl(120, 61%, 70%) } +html.var .sf-c-txt-limegreen\:35 { color: hsl(120, 61%, 65%) } +html.var .sf-c-txt-limegreen\:40 { color: hsl(120, 61%, 60%) } +html.var .sf-c-txt-limegreen\:45 { color: hsl(120, 61%, 55%) } +html.var .sf-c-txt-limegreen\:50 { color: hsl(120, 61%, 50%) } +html.var .sf-c-txt-limegreen\:55 { color: hsl(120, 61%, 45%) } +html.var .sf-c-txt-limegreen\:60 { color: hsl(120, 61%, 40%) } +html.var .sf-c-txt-limegreen\:65 { color: hsl(120, 61%, 35%) } +html.var .sf-c-txt-limegreen\:70 { color: hsl(120, 61%, 30%) } +html.var .sf-c-txt-limegreen\:75 { color: hsl(120, 61%, 25%) } +html.var .sf-c-txt-limegreen\:80 { color: hsl(120, 61%, 20%) } +html.var .sf-c-txt-limegreen\:85 { color: hsl(120, 61%, 15%) } +html.var .sf-c-txt-limegreen\:90 { color: hsl(120, 61%, 10%) } +html.var .sf-c-txt-limegreen\:95 { color: hsl(120, 61%, 5%) } +html.var .sf-c-txt-limegreen\:100 { color: hsl(120, 61%, 0%) } + html[data-theme='dark'] .sf-c-limegreen, html.dark .sf-c-limegreen { color: hsl(var(--sf-dark-c-txt-limegreen-5)); background: hsl(var(--sf-dark-c-limegreen)) } html[data-theme='dark'] .sf-c-limegreen\:0, html.dark .sf-c-limegreen\:0 { color: hsl(var(--sf-dark-c-txt-limegreen-95)); background: hsl(var(--sf-dark-c-limegreen-100)) } html[data-theme='dark'] .sf-c-limegreen\:5, html.dark .sf-c-limegreen\:5 { color: hsl(var(--sf-dark-c-txt-limegreen-5)); background: hsl(var(--sf-dark-c-limegreen-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-limegreen\:90\:dark, html.dark .sf-c-limegreen\:90 html[data-theme='dark'] .sf-c-limegreen\:95\:dark, html.dark .sf-c-limegreen\:95\:dark { color: hsl(var(--sf-c-txt-limegreen-95)); background: hsl(var(--sf-c-limegreen-5)) } html[data-theme='dark'] .sf-c-limegreen\:100\:dark, html.dark .sf-c-limegreen\:100\:dark { color: hsl(var(--sf-c-txt-limegreen-95)); background: hsl(var(--sf-c-limegreen-0)) } +html[data-theme='dark'] .sf-c-txt-limegreen, html.dark .sf-c-txt-limegreen { color: hsl(var(--sf-c-txt-limegreen)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:0, html.dark .sf-c-txt-limegreen\:0 { color: hsl(var(--sf-c-txt-limegreen-0)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:5, html.dark .sf-c-txt-limegreen\:5 { color: hsl(var(--sf-c-txt-limegreen-5)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:10, html.dark .sf-c-txt-limegreen\:10 { color: hsl(var(--sf-c-txt-limegreen-10)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:15, html.dark .sf-c-txt-limegreen\:15 { color: hsl(var(--sf-c-txt-limegreen-15)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:20, html.dark .sf-c-txt-limegreen\:20 { color: hsl(var(--sf-c-txt-limegreen-20)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:25, html.dark .sf-c-txt-limegreen\:25 { color: hsl(var(--sf-c-txt-limegreen-25)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:30, html.dark .sf-c-txt-limegreen\:30 { color: hsl(var(--sf-c-txt-limegreen-30)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:35, html.dark .sf-c-txt-limegreen\:35 { color: hsl(var(--sf-c-txt-limegreen-35)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:40, html.dark .sf-c-txt-limegreen\:40 { color: hsl(var(--sf-c-txt-limegreen-40)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:45, html.dark .sf-c-txt-limegreen\:45 { color: hsl(var(--sf-c-txt-limegreen-45)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:50, html.dark .sf-c-txt-limegreen\:50 { color: hsl(var(--sf-c-txt-limegreen-50)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:55, html.dark .sf-c-txt-limegreen\:55 { color: hsl(var(--sf-c-txt-limegreen-55)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:60, html.dark .sf-c-txt-limegreen\:60 { color: hsl(var(--sf-c-txt-limegreen-60)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:65, html.dark .sf-c-txt-limegreen\:65 { color: hsl(var(--sf-c-txt-limegreen-65)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:70, html.dark .sf-c-txt-limegreen\:70 { color: hsl(var(--sf-c-txt-limegreen-70)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:75, html.dark .sf-c-txt-limegreen\:75 { color: hsl(var(--sf-c-txt-limegreen-75)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:80, html.dark .sf-c-txt-limegreen\:80 { color: hsl(var(--sf-c-txt-limegreen-80)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:85, html.dark .sf-c-txt-limegreen\:85 { color: hsl(var(--sf-c-txt-limegreen-85)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:90, html.dark .sf-c-txt-limegreen\:90 { color: hsl(var(--sf-c-txt-limegreen-90)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:95, html.dark .sf-c-txt-limegreen\:95 { color: hsl(var(--sf-c-txt-limegreen-95)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:100, html.dark .sf-c-txt-limegreen\:100 { color: hsl(var(--sf-c-txt-limegreen-100)) } + +html[data-theme='dark'] .sf-c-txt-limegreen\:dark, html.dark .sf-c-txt-limegreen\:dark { color: hsl(var(--sf-c-txt-limegreen)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:0\:dark, html.dark .sf-c-txt-limegreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-0)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:5\:dark, html.dark .sf-c-txt-limegreen\:5\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-5)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:10\:dark, html.dark .sf-c-txt-limegreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-10)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:15\:dark, html.dark .sf-c-txt-limegreen\:15\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-15)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:20\:dark, html.dark .sf-c-txt-limegreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-20)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:25\:dark, html.dark .sf-c-txt-limegreen\:25\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-25)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:30\:dark, html.dark .sf-c-txt-limegreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-30)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:35\:dark, html.dark .sf-c-txt-limegreen\:35\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-35)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:40\:dark, html.dark .sf-c-txt-limegreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-40)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:45\:dark, html.dark .sf-c-txt-limegreen\:45\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-45)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:50\:dark, html.dark .sf-c-txt-limegreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-50)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:55\:dark, html.dark .sf-c-txt-limegreen\:55\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-55)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:60\:dark, html.dark .sf-c-txt-limegreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-60)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:65\:dark, html.dark .sf-c-txt-limegreen\:65\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-65)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:70\:dark, html.dark .sf-c-txt-limegreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-70)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:75\:dark, html.dark .sf-c-txt-limegreen\:75\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-75)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:80\:dark, html.dark .sf-c-txt-limegreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-80)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:85\:dark, html.dark .sf-c-txt-limegreen\:85\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-85)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:90\:dark, html.dark .sf-c-txt-limegreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-90)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:95\:dark, html.dark .sf-c-txt-limegreen\:95\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-95)) } +html[data-theme='dark'] .sf-c-txt-limegreen\:100\:dark, html.dark .sf-c-txt-limegreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-limegreen-100)) } + html.var[data-theme='dark'] .sf-c-limegreen, html.var.dark .sf-c-limegreen { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } html.var[data-theme='dark'] .sf-c-limegreen\:0, html.var.dark .sf-c-limegreen\:0 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 100%) } html.var[data-theme='dark'] .sf-c-limegreen\:5, html.var.dark .sf-c-limegreen\:5 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-limegreen\:90\:dark, html.var.dark .sf-c-limeg html.var[data-theme='dark'] .sf-c-limegreen\:95\:dark, html.var.dark .sf-c-limegreen\:95\:dark { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 5%) } html.var[data-theme='dark'] .sf-c-limegreen\:100\:dark, html.var.dark .sf-c-limegreen\:100\:dark { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen, html.dark .sf-c-txt-limegreen { color: hsl(120, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:0, html.dark .sf-c-txt-limegreen\:0 { color: hsl(120, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:5, html.dark .sf-c-txt-limegreen\:5 { color: hsl(120, 61%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:10, html.dark .sf-c-txt-limegreen\:10 { color: hsl(120, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:15, html.dark .sf-c-txt-limegreen\:15 { color: hsl(120, 61%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:20, html.dark .sf-c-txt-limegreen\:20 { color: hsl(120, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:25, html.dark .sf-c-txt-limegreen\:25 { color: hsl(120, 61%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:30, html.dark .sf-c-txt-limegreen\:30 { color: hsl(120, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:35, html.dark .sf-c-txt-limegreen\:35 { color: hsl(120, 61%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:40, html.dark .sf-c-txt-limegreen\:40 { color: hsl(120, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:45, html.dark .sf-c-txt-limegreen\:45 { color: hsl(120, 61%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:50, html.dark .sf-c-txt-limegreen\:50 { color: hsl(120, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:55, html.dark .sf-c-txt-limegreen\:55 { color: hsl(120, 61%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:60, html.dark .sf-c-txt-limegreen\:60 { color: hsl(120, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:65, html.dark .sf-c-txt-limegreen\:65 { color: hsl(120, 61%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:70, html.dark .sf-c-txt-limegreen\:70 { color: hsl(120, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:75, html.dark .sf-c-txt-limegreen\:75 { color: hsl(120, 61%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:80, html.dark .sf-c-txt-limegreen\:80 { color: hsl(120, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:85, html.dark .sf-c-txt-limegreen\:85 { color: hsl(120, 61%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:90, html.dark .sf-c-txt-limegreen\:90 { color: hsl(120, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:95, html.dark .sf-c-txt-limegreen\:95 { color: hsl(120, 61%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:100, html.dark .sf-c-txt-limegreen\:100 { color: hsl(120, 61%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-limegreen\:dark, html.dark .sf-c-txt-limegreen\:dark { color: hsl(120, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:0\:dark, html.dark .sf-c-txt-limegreen\:0\:dark { color: hsl(120, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:5\:dark, html.dark .sf-c-txt-limegreen\:5\:dark { color: hsl(120, 61%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:10\:dark, html.dark .sf-c-txt-limegreen\:10\:dark { color: hsl(120, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:15\:dark, html.dark .sf-c-txt-limegreen\:15\:dark { color: hsl(120, 61%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:20\:dark, html.dark .sf-c-txt-limegreen\:20\:dark { color: hsl(120, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:25\:dark, html.dark .sf-c-txt-limegreen\:25\:dark { color: hsl(120, 61%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:30\:dark, html.dark .sf-c-txt-limegreen\:30\:dark { color: hsl(120, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:35\:dark, html.dark .sf-c-txt-limegreen\:35\:dark { color: hsl(120, 61%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:40\:dark, html.dark .sf-c-txt-limegreen\:40\:dark { color: hsl(120, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:45\:dark, html.dark .sf-c-txt-limegreen\:45\:dark { color: hsl(120, 61%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:50\:dark, html.dark .sf-c-txt-limegreen\:50\:dark { color: hsl(120, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:55\:dark, html.dark .sf-c-txt-limegreen\:55\:dark { color: hsl(120, 61%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:60\:dark, html.dark .sf-c-txt-limegreen\:60\:dark { color: hsl(120, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:65\:dark, html.dark .sf-c-txt-limegreen\:65\:dark { color: hsl(120, 61%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:70\:dark, html.dark .sf-c-txt-limegreen\:70\:dark { color: hsl(120, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:75\:dark, html.dark .sf-c-txt-limegreen\:75\:dark { color: hsl(120, 61%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:80\:dark, html.dark .sf-c-txt-limegreen\:80\:dark { color: hsl(120, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:85\:dark, html.dark .sf-c-txt-limegreen\:85\:dark { color: hsl(120, 61%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:90\:dark, html.dark .sf-c-txt-limegreen\:90\:dark { color: hsl(120, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:95\:dark, html.dark .sf-c-txt-limegreen\:95\:dark { color: hsl(120, 61%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-limegreen\:100\:dark, html.dark .sf-c-txt-limegreen\:100\:dark { color: hsl(120, 61%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-limegreen, html.auto .sf-c-limegreen { color: hsl(var(--sf-dark-c-txt-limegreen-5)); background: hsl(var(--sf-dark-c-limegreen)) } html[data-theme='auto'] .sf-c-limegreen\:0, html.auto .sf-c-limegreen\:0 { color: hsl(var(--sf-dark-c-txt-limegreen-95)); background: hsl(var(--sf-dark-c-limegreen-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-limegreen\:100\:dark, html.var.dark .sf-c-lime html[data-theme='auto'] .sf-c-limegreen\:95\:dark, html.auto .sf-c-limegreen\:95\:dark { color: hsl(var(--sf-c-txt-limegreen-95)); background: hsl(var(--sf-c-limegreen-5)) } html[data-theme='auto'] .sf-c-limegreen\:100\:dark, html.auto .sf-c-limegreen\:100\:dark { color: hsl(var(--sf-c-txt-limegreen-95)); background: hsl(var(--sf-c-limegreen-0)) } + html[data-theme='auto'] .sf-c-txt-limegreen, html.auto .sf-c-txt-limegreen { color: hsl(var(--sf-c-txt-limegreen)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:0, html.auto .sf-c-txt-limegreen\:0 { color: hsl(var(--sf-c-txt-limegreen-0)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:5, html.auto .sf-c-txt-limegreen\:5 { color: hsl(var(--sf-c-txt-limegreen-5)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:10, html.auto .sf-c-txt-limegreen\:10 { color: hsl(var(--sf-c-txt-limegreen-10)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:15, html.auto .sf-c-txt-limegreen\:15 { color: hsl(var(--sf-c-txt-limegreen-15)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:20, html.auto .sf-c-txt-limegreen\:20 { color: hsl(var(--sf-c-txt-limegreen-20)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:25, html.auto .sf-c-txt-limegreen\:25 { color: hsl(var(--sf-c-txt-limegreen-25)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:30, html.auto .sf-c-txt-limegreen\:30 { color: hsl(var(--sf-c-txt-limegreen-30)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:35, html.auto .sf-c-txt-limegreen\:35 { color: hsl(var(--sf-c-txt-limegreen-35)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:40, html.auto .sf-c-txt-limegreen\:40 { color: hsl(var(--sf-c-txt-limegreen-40)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:45, html.auto .sf-c-txt-limegreen\:45 { color: hsl(var(--sf-c-txt-limegreen-45)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:50, html.auto .sf-c-txt-limegreen\:50 { color: hsl(var(--sf-c-txt-limegreen-50)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:55, html.auto .sf-c-txt-limegreen\:55 { color: hsl(var(--sf-c-txt-limegreen-55)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:60, html.auto .sf-c-txt-limegreen\:60 { color: hsl(var(--sf-c-txt-limegreen-60)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:65, html.auto .sf-c-txt-limegreen\:65 { color: hsl(var(--sf-c-txt-limegreen-65)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:70, html.auto .sf-c-txt-limegreen\:70 { color: hsl(var(--sf-c-txt-limegreen-70)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:75, html.auto .sf-c-txt-limegreen\:75 { color: hsl(var(--sf-c-txt-limegreen-75)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:80, html.auto .sf-c-txt-limegreen\:80 { color: hsl(var(--sf-c-txt-limegreen-80)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:85, html.auto .sf-c-txt-limegreen\:85 { color: hsl(var(--sf-c-txt-limegreen-85)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:90, html.auto .sf-c-txt-limegreen\:90 { color: hsl(var(--sf-c-txt-limegreen-90)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:95, html.auto .sf-c-txt-limegreen\:95 { color: hsl(var(--sf-c-txt-limegreen-95)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:100, html.auto .sf-c-txt-limegreen\:100 { color: hsl(var(--sf-c-txt-limegreen-100)) } + + html[data-theme='auto'] .sf-c-txt-limegreen\:dark, html.auto .sf-c-txt-limegreen\:dark { color: hsl(var(--sf-c-txt-limegreen)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:0\:dark, html.auto .sf-c-txt-limegreen\:0\:dark { color: hsl(var(--sf-c-txt-limegreen-0)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:5\:dark, html.auto .sf-c-txt-limegreen\:5\:dark { color: hsl(var(--sf-c-txt-limegreen-5)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:10\:dark, html.auto .sf-c-txt-limegreen\:10\:dark { color: hsl(var(--sf-c-txt-limegreen-10)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:15\:dark, html.auto .sf-c-txt-limegreen\:15\:dark { color: hsl(var(--sf-c-txt-limegreen-15)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:20\:dark, html.auto .sf-c-txt-limegreen\:20\:dark { color: hsl(var(--sf-c-txt-limegreen-20)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:25\:dark, html.auto .sf-c-txt-limegreen\:25\:dark { color: hsl(var(--sf-c-txt-limegreen-25)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:30\:dark, html.auto .sf-c-txt-limegreen\:30\:dark { color: hsl(var(--sf-c-txt-limegreen-30)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:35\:dark, html.auto .sf-c-txt-limegreen\:35\:dark { color: hsl(var(--sf-c-txt-limegreen-35)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:40\:dark, html.auto .sf-c-txt-limegreen\:40\:dark { color: hsl(var(--sf-c-txt-limegreen-40)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:45\:dark, html.auto .sf-c-txt-limegreen\:45\:dark { color: hsl(var(--sf-c-txt-limegreen-45)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:50\:dark, html.auto .sf-c-txt-limegreen\:50\:dark { color: hsl(var(--sf-c-txt-limegreen-50)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:55\:dark, html.auto .sf-c-txt-limegreen\:55\:dark { color: hsl(var(--sf-c-txt-limegreen-55)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:60\:dark, html.auto .sf-c-txt-limegreen\:60\:dark { color: hsl(var(--sf-c-txt-limegreen-60)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:65\:dark, html.auto .sf-c-txt-limegreen\:65\:dark { color: hsl(var(--sf-c-txt-limegreen-65)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:70\:dark, html.auto .sf-c-txt-limegreen\:70\:dark { color: hsl(var(--sf-c-txt-limegreen-70)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:75\:dark, html.auto .sf-c-txt-limegreen\:75\:dark { color: hsl(var(--sf-c-txt-limegreen-75)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:80\:dark, html.auto .sf-c-txt-limegreen\:80\:dark { color: hsl(var(--sf-c-txt-limegreen-80)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:85\:dark, html.auto .sf-c-txt-limegreen\:85\:dark { color: hsl(var(--sf-c-txt-limegreen-85)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:90\:dark, html.auto .sf-c-txt-limegreen\:90\:dark { color: hsl(var(--sf-c-txt-limegreen-90)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:95\:dark, html.auto .sf-c-txt-limegreen\:95\:dark { color: hsl(var(--sf-c-txt-limegreen-95)) } + html[data-theme='auto'] .sf-c-txt-limegreen\:100\:dark, html.auto .sf-c-txt-limegreen\:100\:dark { color: hsl(var(--sf-c-txt-limegreen-100)) } + html.var[data-theme='auto'] .sf-c-limegreen, html.var.auto .sf-c-limegreen { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 50%) } html.var[data-theme='auto'] .sf-c-limegreen\:0, html.var.auto .sf-c-limegreen\:0 { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 100%) } html.var[data-theme='auto'] .sf-c-limegreen\:5, html.var.auto .sf-c-limegreen\:5 { color: hsl(120, 61%, 5%); background: hsl(120, 61%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-limegreen\:100\:dark, html.var.dark .sf-c-lime html.var[data-theme='auto'] .sf-c-limegreen\:90\:dark, html.var.auto .sf-c-limegreen\:90\:dark { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 10%) } html.var[data-theme='auto'] .sf-c-limegreen\:95\:dark, html.var.auto .sf-c-limegreen\:95\:dark { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 5%) } html.var[data-theme='auto'] .sf-c-limegreen\:100\:dark, html.var.auto .sf-c-limegreen\:100\:dark { color: hsl(120, 61%, 95%); background: hsl(120, 61%, 0%) } -} -.sf-c-txt-limegreen { color: hsl(var(--sf-c-txt-limegreen)) } -.sf-c-txt-limegreen\:0 { color: hsl(var(--sf-c-txt-limegreen-0)) } -.sf-c-txt-limegreen\:5 { color: hsl(var(--sf-c-txt-limegreen-5)) } -.sf-c-txt-limegreen\:10 { color: hsl(var(--sf-c-txt-limegreen-10)) } -.sf-c-txt-limegreen\:15 { color: hsl(var(--sf-c-txt-limegreen-15)) } -.sf-c-txt-limegreen\:20 { color: hsl(var(--sf-c-txt-limegreen-20)) } -.sf-c-txt-limegreen\:25 { color: hsl(var(--sf-c-txt-limegreen-25)) } -.sf-c-txt-limegreen\:30 { color: hsl(var(--sf-c-txt-limegreen-30)) } -.sf-c-txt-limegreen\:35 { color: hsl(var(--sf-c-txt-limegreen-35)) } -.sf-c-txt-limegreen\:40 { color: hsl(var(--sf-c-txt-limegreen-40)) } -.sf-c-txt-limegreen\:45 { color: hsl(var(--sf-c-txt-limegreen-45)) } -.sf-c-txt-limegreen\:50 { color: hsl(var(--sf-c-txt-limegreen-50)) } -.sf-c-txt-limegreen\:55 { color: hsl(var(--sf-c-txt-limegreen-55)) } -.sf-c-txt-limegreen\:60 { color: hsl(var(--sf-c-txt-limegreen-60)) } -.sf-c-txt-limegreen\:65 { color: hsl(var(--sf-c-txt-limegreen-65)) } -.sf-c-txt-limegreen\:70 { color: hsl(var(--sf-c-txt-limegreen-70)) } -.sf-c-txt-limegreen\:75 { color: hsl(var(--sf-c-txt-limegreen-75)) } -.sf-c-txt-limegreen\:80 { color: hsl(var(--sf-c-txt-limegreen-80)) } -.sf-c-txt-limegreen\:85 { color: hsl(var(--sf-c-txt-limegreen-85)) } -.sf-c-txt-limegreen\:90 { color: hsl(var(--sf-c-txt-limegreen-90)) } -.sf-c-txt-limegreen\:95 { color: hsl(var(--sf-c-txt-limegreen-95)) } -.sf-c-txt-limegreen\:100 { color: hsl(var(--sf-c-txt-limegreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-limegreen, html.auto .sf-c-txt-limegreen { color: hsl(120, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:0, html.auto .sf-c-txt-limegreen\:0 { color: hsl(120, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:5, html.auto .sf-c-txt-limegreen\:5 { color: hsl(120, 61%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:10, html.auto .sf-c-txt-limegreen\:10 { color: hsl(120, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:15, html.auto .sf-c-txt-limegreen\:15 { color: hsl(120, 61%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:20, html.auto .sf-c-txt-limegreen\:20 { color: hsl(120, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:25, html.auto .sf-c-txt-limegreen\:25 { color: hsl(120, 61%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:30, html.auto .sf-c-txt-limegreen\:30 { color: hsl(120, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:35, html.auto .sf-c-txt-limegreen\:35 { color: hsl(120, 61%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:40, html.auto .sf-c-txt-limegreen\:40 { color: hsl(120, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:45, html.auto .sf-c-txt-limegreen\:45 { color: hsl(120, 61%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:50, html.auto .sf-c-txt-limegreen\:50 { color: hsl(120, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:55, html.auto .sf-c-txt-limegreen\:55 { color: hsl(120, 61%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:60, html.auto .sf-c-txt-limegreen\:60 { color: hsl(120, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:65, html.auto .sf-c-txt-limegreen\:65 { color: hsl(120, 61%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:70, html.auto .sf-c-txt-limegreen\:70 { color: hsl(120, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:75, html.auto .sf-c-txt-limegreen\:75 { color: hsl(120, 61%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:80, html.auto .sf-c-txt-limegreen\:80 { color: hsl(120, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:85, html.auto .sf-c-txt-limegreen\:85 { color: hsl(120, 61%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:90, html.auto .sf-c-txt-limegreen\:90 { color: hsl(120, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:95, html.auto .sf-c-txt-limegreen\:95 { color: hsl(120, 61%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:100, html.auto .sf-c-txt-limegreen\:100 { color: hsl(120, 61%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-limegreen\:dark, html.auto .sf-c-txt-limegreen\:dark { color: hsl(120, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:0\:dark, html.auto .sf-c-txt-limegreen\:0\:dark { color: hsl(120, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:5\:dark, html.auto .sf-c-txt-limegreen\:5\:dark { color: hsl(120, 61%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:10\:dark, html.auto .sf-c-txt-limegreen\:10\:dark { color: hsl(120, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:15\:dark, html.auto .sf-c-txt-limegreen\:15\:dark { color: hsl(120, 61%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:20\:dark, html.auto .sf-c-txt-limegreen\:20\:dark { color: hsl(120, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:25\:dark, html.auto .sf-c-txt-limegreen\:25\:dark { color: hsl(120, 61%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:30\:dark, html.auto .sf-c-txt-limegreen\:30\:dark { color: hsl(120, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:35\:dark, html.auto .sf-c-txt-limegreen\:35\:dark { color: hsl(120, 61%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:40\:dark, html.auto .sf-c-txt-limegreen\:40\:dark { color: hsl(120, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:45\:dark, html.auto .sf-c-txt-limegreen\:45\:dark { color: hsl(120, 61%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:50\:dark, html.auto .sf-c-txt-limegreen\:50\:dark { color: hsl(120, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:55\:dark, html.auto .sf-c-txt-limegreen\:55\:dark { color: hsl(120, 61%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:60\:dark, html.auto .sf-c-txt-limegreen\:60\:dark { color: hsl(120, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:65\:dark, html.auto .sf-c-txt-limegreen\:65\:dark { color: hsl(120, 61%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:70\:dark, html.auto .sf-c-txt-limegreen\:70\:dark { color: hsl(120, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:75\:dark, html.auto .sf-c-txt-limegreen\:75\:dark { color: hsl(120, 61%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:80\:dark, html.auto .sf-c-txt-limegreen\:80\:dark { color: hsl(120, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:85\:dark, html.auto .sf-c-txt-limegreen\:85\:dark { color: hsl(120, 61%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:90\:dark, html.auto .sf-c-txt-limegreen\:90\:dark { color: hsl(120, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:95\:dark, html.auto .sf-c-txt-limegreen\:95\:dark { color: hsl(120, 61%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-limegreen\:100\:dark, html.auto .sf-c-txt-limegreen\:100\:dark { color: hsl(120, 61%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/linen.css b/src/colors/20/linen.css index ebead5a..cf7662a 100644 --- a/src/colors/20/linen.css +++ b/src/colors/20/linen.css @@ -138,6 +138,52 @@ html.var .sf-c-linen\:90 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 90% html.var .sf-c-linen\:95 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 95%) } html.var .sf-c-linen\:100 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 100%) } +.sf-c-txt-linen { color: hsl(var(--sf-dark-c-txt-linen)) } +.sf-c-txt-linen\:0 { color: hsl(var(--sf-dark-c-txt-linen-100)) } +.sf-c-txt-linen\:5 { color: hsl(var(--sf-dark-c-txt-linen-95)) } +.sf-c-txt-linen\:10 { color: hsl(var(--sf-dark-c-txt-linen-90)) } +.sf-c-txt-linen\:15 { color: hsl(var(--sf-dark-c-txt-linen-85)) } +.sf-c-txt-linen\:20 { color: hsl(var(--sf-dark-c-txt-linen-80)) } +.sf-c-txt-linen\:25 { color: hsl(var(--sf-dark-c-txt-linen-75)) } +.sf-c-txt-linen\:30 { color: hsl(var(--sf-dark-c-txt-linen-70)) } +.sf-c-txt-linen\:35 { color: hsl(var(--sf-dark-c-txt-linen-65)) } +.sf-c-txt-linen\:40 { color: hsl(var(--sf-dark-c-txt-linen-60)) } +.sf-c-txt-linen\:45 { color: hsl(var(--sf-dark-c-txt-linen-55)) } +.sf-c-txt-linen\:50 { color: hsl(var(--sf-dark-c-txt-linen-50)) } +.sf-c-txt-linen\:55 { color: hsl(var(--sf-dark-c-txt-linen-45)) } +.sf-c-txt-linen\:60 { color: hsl(var(--sf-dark-c-txt-linen-40)) } +.sf-c-txt-linen\:65 { color: hsl(var(--sf-dark-c-txt-linen-35)) } +.sf-c-txt-linen\:70 { color: hsl(var(--sf-dark-c-txt-linen-30)) } +.sf-c-txt-linen\:75 { color: hsl(var(--sf-dark-c-txt-linen-25)) } +.sf-c-txt-linen\:80 { color: hsl(var(--sf-dark-c-txt-linen-20)) } +.sf-c-txt-linen\:85 { color: hsl(var(--sf-dark-c-txt-linen-15)) } +.sf-c-txt-linen\:90 { color: hsl(var(--sf-dark-c-txt-linen-10)) } +.sf-c-txt-linen\:95 { color: hsl(var(--sf-dark-c-txt-linen-5)) } +.sf-c-txt-linen\:100 { color: hsl(var(--sf-dark-c-txt-linen-0)) } + +html.var .sf-c-txt-linen { color: hsl(30, 67%, 6%) } +html.var .sf-c-txt-linen\:0 { color: hsl(30, 67%, 100%) } +html.var .sf-c-txt-linen\:5 { color: hsl(30, 67%, 95%) } +html.var .sf-c-txt-linen\:10 { color: hsl(30, 67%, 90%) } +html.var .sf-c-txt-linen\:15 { color: hsl(30, 67%, 85%) } +html.var .sf-c-txt-linen\:20 { color: hsl(30, 67%, 80%) } +html.var .sf-c-txt-linen\:25 { color: hsl(30, 67%, 75%) } +html.var .sf-c-txt-linen\:30 { color: hsl(30, 67%, 70%) } +html.var .sf-c-txt-linen\:35 { color: hsl(30, 67%, 65%) } +html.var .sf-c-txt-linen\:40 { color: hsl(30, 67%, 60%) } +html.var .sf-c-txt-linen\:45 { color: hsl(30, 67%, 55%) } +html.var .sf-c-txt-linen\:50 { color: hsl(30, 67%, 50%) } +html.var .sf-c-txt-linen\:55 { color: hsl(30, 67%, 45%) } +html.var .sf-c-txt-linen\:60 { color: hsl(30, 67%, 40%) } +html.var .sf-c-txt-linen\:65 { color: hsl(30, 67%, 35%) } +html.var .sf-c-txt-linen\:70 { color: hsl(30, 67%, 30%) } +html.var .sf-c-txt-linen\:75 { color: hsl(30, 67%, 25%) } +html.var .sf-c-txt-linen\:80 { color: hsl(30, 67%, 20%) } +html.var .sf-c-txt-linen\:85 { color: hsl(30, 67%, 15%) } +html.var .sf-c-txt-linen\:90 { color: hsl(30, 67%, 10%) } +html.var .sf-c-txt-linen\:95 { color: hsl(30, 67%, 5%) } +html.var .sf-c-txt-linen\:100 { color: hsl(30, 67%, 0%) } + html[data-theme='dark'] .sf-c-linen, html.dark .sf-c-linen { color: hsl(var(--sf-dark-c-txt-linen-95)); background: hsl(var(--sf-dark-c-linen)) } html[data-theme='dark'] .sf-c-linen\:0, html.dark .sf-c-linen\:0 { color: hsl(var(--sf-dark-c-txt-linen-95)); background: hsl(var(--sf-dark-c-linen-100)) } html[data-theme='dark'] .sf-c-linen\:5, html.dark .sf-c-linen\:5 { color: hsl(var(--sf-dark-c-txt-linen-5)); background: hsl(var(--sf-dark-c-linen-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-linen\:90\:dark, html.dark .sf-c-linen\:90\:dark { html[data-theme='dark'] .sf-c-linen\:95\:dark, html.dark .sf-c-linen\:95\:dark { color: hsl(var(--sf-c-txt-linen-95)); background: hsl(var(--sf-c-linen-5)) } html[data-theme='dark'] .sf-c-linen\:100\:dark, html.dark .sf-c-linen\:100\:dark { color: hsl(var(--sf-c-txt-linen-95)); background: hsl(var(--sf-c-linen-0)) } +html[data-theme='dark'] .sf-c-txt-linen, html.dark .sf-c-txt-linen { color: hsl(var(--sf-c-txt-linen)) } +html[data-theme='dark'] .sf-c-txt-linen\:0, html.dark .sf-c-txt-linen\:0 { color: hsl(var(--sf-c-txt-linen-0)) } +html[data-theme='dark'] .sf-c-txt-linen\:5, html.dark .sf-c-txt-linen\:5 { color: hsl(var(--sf-c-txt-linen-5)) } +html[data-theme='dark'] .sf-c-txt-linen\:10, html.dark .sf-c-txt-linen\:10 { color: hsl(var(--sf-c-txt-linen-10)) } +html[data-theme='dark'] .sf-c-txt-linen\:15, html.dark .sf-c-txt-linen\:15 { color: hsl(var(--sf-c-txt-linen-15)) } +html[data-theme='dark'] .sf-c-txt-linen\:20, html.dark .sf-c-txt-linen\:20 { color: hsl(var(--sf-c-txt-linen-20)) } +html[data-theme='dark'] .sf-c-txt-linen\:25, html.dark .sf-c-txt-linen\:25 { color: hsl(var(--sf-c-txt-linen-25)) } +html[data-theme='dark'] .sf-c-txt-linen\:30, html.dark .sf-c-txt-linen\:30 { color: hsl(var(--sf-c-txt-linen-30)) } +html[data-theme='dark'] .sf-c-txt-linen\:35, html.dark .sf-c-txt-linen\:35 { color: hsl(var(--sf-c-txt-linen-35)) } +html[data-theme='dark'] .sf-c-txt-linen\:40, html.dark .sf-c-txt-linen\:40 { color: hsl(var(--sf-c-txt-linen-40)) } +html[data-theme='dark'] .sf-c-txt-linen\:45, html.dark .sf-c-txt-linen\:45 { color: hsl(var(--sf-c-txt-linen-45)) } +html[data-theme='dark'] .sf-c-txt-linen\:50, html.dark .sf-c-txt-linen\:50 { color: hsl(var(--sf-c-txt-linen-50)) } +html[data-theme='dark'] .sf-c-txt-linen\:55, html.dark .sf-c-txt-linen\:55 { color: hsl(var(--sf-c-txt-linen-55)) } +html[data-theme='dark'] .sf-c-txt-linen\:60, html.dark .sf-c-txt-linen\:60 { color: hsl(var(--sf-c-txt-linen-60)) } +html[data-theme='dark'] .sf-c-txt-linen\:65, html.dark .sf-c-txt-linen\:65 { color: hsl(var(--sf-c-txt-linen-65)) } +html[data-theme='dark'] .sf-c-txt-linen\:70, html.dark .sf-c-txt-linen\:70 { color: hsl(var(--sf-c-txt-linen-70)) } +html[data-theme='dark'] .sf-c-txt-linen\:75, html.dark .sf-c-txt-linen\:75 { color: hsl(var(--sf-c-txt-linen-75)) } +html[data-theme='dark'] .sf-c-txt-linen\:80, html.dark .sf-c-txt-linen\:80 { color: hsl(var(--sf-c-txt-linen-80)) } +html[data-theme='dark'] .sf-c-txt-linen\:85, html.dark .sf-c-txt-linen\:85 { color: hsl(var(--sf-c-txt-linen-85)) } +html[data-theme='dark'] .sf-c-txt-linen\:90, html.dark .sf-c-txt-linen\:90 { color: hsl(var(--sf-c-txt-linen-90)) } +html[data-theme='dark'] .sf-c-txt-linen\:95, html.dark .sf-c-txt-linen\:95 { color: hsl(var(--sf-c-txt-linen-95)) } +html[data-theme='dark'] .sf-c-txt-linen\:100, html.dark .sf-c-txt-linen\:100 { color: hsl(var(--sf-c-txt-linen-100)) } + +html[data-theme='dark'] .sf-c-txt-linen\:dark, html.dark .sf-c-txt-linen\:dark { color: hsl(var(--sf-c-txt-linen)) } +html[data-theme='dark'] .sf-c-txt-linen\:0\:dark, html.dark .sf-c-txt-linen\:0\:dark { color: hsl(var(--sf-dark-c-txt-linen-0)) } +html[data-theme='dark'] .sf-c-txt-linen\:5\:dark, html.dark .sf-c-txt-linen\:5\:dark { color: hsl(var(--sf-dark-c-txt-linen-5)) } +html[data-theme='dark'] .sf-c-txt-linen\:10\:dark, html.dark .sf-c-txt-linen\:10\:dark { color: hsl(var(--sf-dark-c-txt-linen-10)) } +html[data-theme='dark'] .sf-c-txt-linen\:15\:dark, html.dark .sf-c-txt-linen\:15\:dark { color: hsl(var(--sf-dark-c-txt-linen-15)) } +html[data-theme='dark'] .sf-c-txt-linen\:20\:dark, html.dark .sf-c-txt-linen\:20\:dark { color: hsl(var(--sf-dark-c-txt-linen-20)) } +html[data-theme='dark'] .sf-c-txt-linen\:25\:dark, html.dark .sf-c-txt-linen\:25\:dark { color: hsl(var(--sf-dark-c-txt-linen-25)) } +html[data-theme='dark'] .sf-c-txt-linen\:30\:dark, html.dark .sf-c-txt-linen\:30\:dark { color: hsl(var(--sf-dark-c-txt-linen-30)) } +html[data-theme='dark'] .sf-c-txt-linen\:35\:dark, html.dark .sf-c-txt-linen\:35\:dark { color: hsl(var(--sf-dark-c-txt-linen-35)) } +html[data-theme='dark'] .sf-c-txt-linen\:40\:dark, html.dark .sf-c-txt-linen\:40\:dark { color: hsl(var(--sf-dark-c-txt-linen-40)) } +html[data-theme='dark'] .sf-c-txt-linen\:45\:dark, html.dark .sf-c-txt-linen\:45\:dark { color: hsl(var(--sf-dark-c-txt-linen-45)) } +html[data-theme='dark'] .sf-c-txt-linen\:50\:dark, html.dark .sf-c-txt-linen\:50\:dark { color: hsl(var(--sf-dark-c-txt-linen-50)) } +html[data-theme='dark'] .sf-c-txt-linen\:55\:dark, html.dark .sf-c-txt-linen\:55\:dark { color: hsl(var(--sf-dark-c-txt-linen-55)) } +html[data-theme='dark'] .sf-c-txt-linen\:60\:dark, html.dark .sf-c-txt-linen\:60\:dark { color: hsl(var(--sf-dark-c-txt-linen-60)) } +html[data-theme='dark'] .sf-c-txt-linen\:65\:dark, html.dark .sf-c-txt-linen\:65\:dark { color: hsl(var(--sf-dark-c-txt-linen-65)) } +html[data-theme='dark'] .sf-c-txt-linen\:70\:dark, html.dark .sf-c-txt-linen\:70\:dark { color: hsl(var(--sf-dark-c-txt-linen-70)) } +html[data-theme='dark'] .sf-c-txt-linen\:75\:dark, html.dark .sf-c-txt-linen\:75\:dark { color: hsl(var(--sf-dark-c-txt-linen-75)) } +html[data-theme='dark'] .sf-c-txt-linen\:80\:dark, html.dark .sf-c-txt-linen\:80\:dark { color: hsl(var(--sf-dark-c-txt-linen-80)) } +html[data-theme='dark'] .sf-c-txt-linen\:85\:dark, html.dark .sf-c-txt-linen\:85\:dark { color: hsl(var(--sf-dark-c-txt-linen-85)) } +html[data-theme='dark'] .sf-c-txt-linen\:90\:dark, html.dark .sf-c-txt-linen\:90\:dark { color: hsl(var(--sf-dark-c-txt-linen-90)) } +html[data-theme='dark'] .sf-c-txt-linen\:95\:dark, html.dark .sf-c-txt-linen\:95\:dark { color: hsl(var(--sf-dark-c-txt-linen-95)) } +html[data-theme='dark'] .sf-c-txt-linen\:100\:dark, html.dark .sf-c-txt-linen\:100\:dark { color: hsl(var(--sf-dark-c-txt-linen-100)) } + html.var[data-theme='dark'] .sf-c-linen, html.var.dark .sf-c-linen { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 6%) } html.var[data-theme='dark'] .sf-c-linen\:0, html.var.dark .sf-c-linen\:0 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 100%) } html.var[data-theme='dark'] .sf-c-linen\:5, html.var.dark .sf-c-linen\:5 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-linen\:90\:dark, html.var.dark .sf-c-linen\:90 html.var[data-theme='dark'] .sf-c-linen\:95\:dark, html.var.dark .sf-c-linen\:95\:dark { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 5%) } html.var[data-theme='dark'] .sf-c-linen\:100\:dark, html.var.dark .sf-c-linen\:100\:dark { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-linen, html.dark .sf-c-txt-linen { color: hsl(30, 67%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:0, html.dark .sf-c-txt-linen\:0 { color: hsl(30, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:5, html.dark .sf-c-txt-linen\:5 { color: hsl(30, 67%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:10, html.dark .sf-c-txt-linen\:10 { color: hsl(30, 67%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:15, html.dark .sf-c-txt-linen\:15 { color: hsl(30, 67%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:20, html.dark .sf-c-txt-linen\:20 { color: hsl(30, 67%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:25, html.dark .sf-c-txt-linen\:25 { color: hsl(30, 67%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:30, html.dark .sf-c-txt-linen\:30 { color: hsl(30, 67%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:35, html.dark .sf-c-txt-linen\:35 { color: hsl(30, 67%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:40, html.dark .sf-c-txt-linen\:40 { color: hsl(30, 67%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:45, html.dark .sf-c-txt-linen\:45 { color: hsl(30, 67%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:50, html.dark .sf-c-txt-linen\:50 { color: hsl(30, 67%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:55, html.dark .sf-c-txt-linen\:55 { color: hsl(30, 67%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:60, html.dark .sf-c-txt-linen\:60 { color: hsl(30, 67%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:65, html.dark .sf-c-txt-linen\:65 { color: hsl(30, 67%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:70, html.dark .sf-c-txt-linen\:70 { color: hsl(30, 67%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:75, html.dark .sf-c-txt-linen\:75 { color: hsl(30, 67%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:80, html.dark .sf-c-txt-linen\:80 { color: hsl(30, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:85, html.dark .sf-c-txt-linen\:85 { color: hsl(30, 67%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:90, html.dark .sf-c-txt-linen\:90 { color: hsl(30, 67%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:95, html.dark .sf-c-txt-linen\:95 { color: hsl(30, 67%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:100, html.dark .sf-c-txt-linen\:100 { color: hsl(30, 67%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-linen\:dark, html.dark .sf-c-txt-linen\:dark { color: hsl(30, 67%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:0\:dark, html.dark .sf-c-txt-linen\:0\:dark { color: hsl(30, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:5\:dark, html.dark .sf-c-txt-linen\:5\:dark { color: hsl(30, 67%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:10\:dark, html.dark .sf-c-txt-linen\:10\:dark { color: hsl(30, 67%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:15\:dark, html.dark .sf-c-txt-linen\:15\:dark { color: hsl(30, 67%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:20\:dark, html.dark .sf-c-txt-linen\:20\:dark { color: hsl(30, 67%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:25\:dark, html.dark .sf-c-txt-linen\:25\:dark { color: hsl(30, 67%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:30\:dark, html.dark .sf-c-txt-linen\:30\:dark { color: hsl(30, 67%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:35\:dark, html.dark .sf-c-txt-linen\:35\:dark { color: hsl(30, 67%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:40\:dark, html.dark .sf-c-txt-linen\:40\:dark { color: hsl(30, 67%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:45\:dark, html.dark .sf-c-txt-linen\:45\:dark { color: hsl(30, 67%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:50\:dark, html.dark .sf-c-txt-linen\:50\:dark { color: hsl(30, 67%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:55\:dark, html.dark .sf-c-txt-linen\:55\:dark { color: hsl(30, 67%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:60\:dark, html.dark .sf-c-txt-linen\:60\:dark { color: hsl(30, 67%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:65\:dark, html.dark .sf-c-txt-linen\:65\:dark { color: hsl(30, 67%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:70\:dark, html.dark .sf-c-txt-linen\:70\:dark { color: hsl(30, 67%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:75\:dark, html.dark .sf-c-txt-linen\:75\:dark { color: hsl(30, 67%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:80\:dark, html.dark .sf-c-txt-linen\:80\:dark { color: hsl(30, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:85\:dark, html.dark .sf-c-txt-linen\:85\:dark { color: hsl(30, 67%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:90\:dark, html.dark .sf-c-txt-linen\:90\:dark { color: hsl(30, 67%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:95\:dark, html.dark .sf-c-txt-linen\:95\:dark { color: hsl(30, 67%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-linen\:100\:dark, html.dark .sf-c-txt-linen\:100\:dark { color: hsl(30, 67%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-linen, html.auto .sf-c-linen { color: hsl(var(--sf-dark-c-txt-linen-95)); background: hsl(var(--sf-dark-c-linen)) } html[data-theme='auto'] .sf-c-linen\:0, html.auto .sf-c-linen\:0 { color: hsl(var(--sf-dark-c-txt-linen-95)); background: hsl(var(--sf-dark-c-linen-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-linen\:100\:dark, html.var.dark .sf-c-linen\:1 html[data-theme='auto'] .sf-c-linen\:95\:dark, html.auto .sf-c-linen\:95\:dark { color: hsl(var(--sf-c-txt-linen-95)); background: hsl(var(--sf-c-linen-5)) } html[data-theme='auto'] .sf-c-linen\:100\:dark, html.auto .sf-c-linen\:100\:dark { color: hsl(var(--sf-c-txt-linen-95)); background: hsl(var(--sf-c-linen-0)) } + html[data-theme='auto'] .sf-c-txt-linen, html.auto .sf-c-txt-linen { color: hsl(var(--sf-c-txt-linen)) } + html[data-theme='auto'] .sf-c-txt-linen\:0, html.auto .sf-c-txt-linen\:0 { color: hsl(var(--sf-c-txt-linen-0)) } + html[data-theme='auto'] .sf-c-txt-linen\:5, html.auto .sf-c-txt-linen\:5 { color: hsl(var(--sf-c-txt-linen-5)) } + html[data-theme='auto'] .sf-c-txt-linen\:10, html.auto .sf-c-txt-linen\:10 { color: hsl(var(--sf-c-txt-linen-10)) } + html[data-theme='auto'] .sf-c-txt-linen\:15, html.auto .sf-c-txt-linen\:15 { color: hsl(var(--sf-c-txt-linen-15)) } + html[data-theme='auto'] .sf-c-txt-linen\:20, html.auto .sf-c-txt-linen\:20 { color: hsl(var(--sf-c-txt-linen-20)) } + html[data-theme='auto'] .sf-c-txt-linen\:25, html.auto .sf-c-txt-linen\:25 { color: hsl(var(--sf-c-txt-linen-25)) } + html[data-theme='auto'] .sf-c-txt-linen\:30, html.auto .sf-c-txt-linen\:30 { color: hsl(var(--sf-c-txt-linen-30)) } + html[data-theme='auto'] .sf-c-txt-linen\:35, html.auto .sf-c-txt-linen\:35 { color: hsl(var(--sf-c-txt-linen-35)) } + html[data-theme='auto'] .sf-c-txt-linen\:40, html.auto .sf-c-txt-linen\:40 { color: hsl(var(--sf-c-txt-linen-40)) } + html[data-theme='auto'] .sf-c-txt-linen\:45, html.auto .sf-c-txt-linen\:45 { color: hsl(var(--sf-c-txt-linen-45)) } + html[data-theme='auto'] .sf-c-txt-linen\:50, html.auto .sf-c-txt-linen\:50 { color: hsl(var(--sf-c-txt-linen-50)) } + html[data-theme='auto'] .sf-c-txt-linen\:55, html.auto .sf-c-txt-linen\:55 { color: hsl(var(--sf-c-txt-linen-55)) } + html[data-theme='auto'] .sf-c-txt-linen\:60, html.auto .sf-c-txt-linen\:60 { color: hsl(var(--sf-c-txt-linen-60)) } + html[data-theme='auto'] .sf-c-txt-linen\:65, html.auto .sf-c-txt-linen\:65 { color: hsl(var(--sf-c-txt-linen-65)) } + html[data-theme='auto'] .sf-c-txt-linen\:70, html.auto .sf-c-txt-linen\:70 { color: hsl(var(--sf-c-txt-linen-70)) } + html[data-theme='auto'] .sf-c-txt-linen\:75, html.auto .sf-c-txt-linen\:75 { color: hsl(var(--sf-c-txt-linen-75)) } + html[data-theme='auto'] .sf-c-txt-linen\:80, html.auto .sf-c-txt-linen\:80 { color: hsl(var(--sf-c-txt-linen-80)) } + html[data-theme='auto'] .sf-c-txt-linen\:85, html.auto .sf-c-txt-linen\:85 { color: hsl(var(--sf-c-txt-linen-85)) } + html[data-theme='auto'] .sf-c-txt-linen\:90, html.auto .sf-c-txt-linen\:90 { color: hsl(var(--sf-c-txt-linen-90)) } + html[data-theme='auto'] .sf-c-txt-linen\:95, html.auto .sf-c-txt-linen\:95 { color: hsl(var(--sf-c-txt-linen-95)) } + html[data-theme='auto'] .sf-c-txt-linen\:100, html.auto .sf-c-txt-linen\:100 { color: hsl(var(--sf-c-txt-linen-100)) } + + html[data-theme='auto'] .sf-c-txt-linen\:dark, html.auto .sf-c-txt-linen\:dark { color: hsl(var(--sf-c-txt-linen)) } + html[data-theme='auto'] .sf-c-txt-linen\:0\:dark, html.auto .sf-c-txt-linen\:0\:dark { color: hsl(var(--sf-c-txt-linen-0)) } + html[data-theme='auto'] .sf-c-txt-linen\:5\:dark, html.auto .sf-c-txt-linen\:5\:dark { color: hsl(var(--sf-c-txt-linen-5)) } + html[data-theme='auto'] .sf-c-txt-linen\:10\:dark, html.auto .sf-c-txt-linen\:10\:dark { color: hsl(var(--sf-c-txt-linen-10)) } + html[data-theme='auto'] .sf-c-txt-linen\:15\:dark, html.auto .sf-c-txt-linen\:15\:dark { color: hsl(var(--sf-c-txt-linen-15)) } + html[data-theme='auto'] .sf-c-txt-linen\:20\:dark, html.auto .sf-c-txt-linen\:20\:dark { color: hsl(var(--sf-c-txt-linen-20)) } + html[data-theme='auto'] .sf-c-txt-linen\:25\:dark, html.auto .sf-c-txt-linen\:25\:dark { color: hsl(var(--sf-c-txt-linen-25)) } + html[data-theme='auto'] .sf-c-txt-linen\:30\:dark, html.auto .sf-c-txt-linen\:30\:dark { color: hsl(var(--sf-c-txt-linen-30)) } + html[data-theme='auto'] .sf-c-txt-linen\:35\:dark, html.auto .sf-c-txt-linen\:35\:dark { color: hsl(var(--sf-c-txt-linen-35)) } + html[data-theme='auto'] .sf-c-txt-linen\:40\:dark, html.auto .sf-c-txt-linen\:40\:dark { color: hsl(var(--sf-c-txt-linen-40)) } + html[data-theme='auto'] .sf-c-txt-linen\:45\:dark, html.auto .sf-c-txt-linen\:45\:dark { color: hsl(var(--sf-c-txt-linen-45)) } + html[data-theme='auto'] .sf-c-txt-linen\:50\:dark, html.auto .sf-c-txt-linen\:50\:dark { color: hsl(var(--sf-c-txt-linen-50)) } + html[data-theme='auto'] .sf-c-txt-linen\:55\:dark, html.auto .sf-c-txt-linen\:55\:dark { color: hsl(var(--sf-c-txt-linen-55)) } + html[data-theme='auto'] .sf-c-txt-linen\:60\:dark, html.auto .sf-c-txt-linen\:60\:dark { color: hsl(var(--sf-c-txt-linen-60)) } + html[data-theme='auto'] .sf-c-txt-linen\:65\:dark, html.auto .sf-c-txt-linen\:65\:dark { color: hsl(var(--sf-c-txt-linen-65)) } + html[data-theme='auto'] .sf-c-txt-linen\:70\:dark, html.auto .sf-c-txt-linen\:70\:dark { color: hsl(var(--sf-c-txt-linen-70)) } + html[data-theme='auto'] .sf-c-txt-linen\:75\:dark, html.auto .sf-c-txt-linen\:75\:dark { color: hsl(var(--sf-c-txt-linen-75)) } + html[data-theme='auto'] .sf-c-txt-linen\:80\:dark, html.auto .sf-c-txt-linen\:80\:dark { color: hsl(var(--sf-c-txt-linen-80)) } + html[data-theme='auto'] .sf-c-txt-linen\:85\:dark, html.auto .sf-c-txt-linen\:85\:dark { color: hsl(var(--sf-c-txt-linen-85)) } + html[data-theme='auto'] .sf-c-txt-linen\:90\:dark, html.auto .sf-c-txt-linen\:90\:dark { color: hsl(var(--sf-c-txt-linen-90)) } + html[data-theme='auto'] .sf-c-txt-linen\:95\:dark, html.auto .sf-c-txt-linen\:95\:dark { color: hsl(var(--sf-c-txt-linen-95)) } + html[data-theme='auto'] .sf-c-txt-linen\:100\:dark, html.auto .sf-c-txt-linen\:100\:dark { color: hsl(var(--sf-c-txt-linen-100)) } + html.var[data-theme='auto'] .sf-c-linen, html.var.auto .sf-c-linen { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 6%) } html.var[data-theme='auto'] .sf-c-linen\:0, html.var.auto .sf-c-linen\:0 { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 100%) } html.var[data-theme='auto'] .sf-c-linen\:5, html.var.auto .sf-c-linen\:5 { color: hsl(30, 67%, 5%); background: hsl(30, 67%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-linen\:100\:dark, html.var.dark .sf-c-linen\:1 html.var[data-theme='auto'] .sf-c-linen\:90\:dark, html.var.auto .sf-c-linen\:90\:dark { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 10%) } html.var[data-theme='auto'] .sf-c-linen\:95\:dark, html.var.auto .sf-c-linen\:95\:dark { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 5%) } html.var[data-theme='auto'] .sf-c-linen\:100\:dark, html.var.auto .sf-c-linen\:100\:dark { color: hsl(30, 67%, 95%); background: hsl(30, 67%, 0%) } -} -.sf-c-txt-linen { color: hsl(var(--sf-c-txt-linen)) } -.sf-c-txt-linen\:0 { color: hsl(var(--sf-c-txt-linen-0)) } -.sf-c-txt-linen\:5 { color: hsl(var(--sf-c-txt-linen-5)) } -.sf-c-txt-linen\:10 { color: hsl(var(--sf-c-txt-linen-10)) } -.sf-c-txt-linen\:15 { color: hsl(var(--sf-c-txt-linen-15)) } -.sf-c-txt-linen\:20 { color: hsl(var(--sf-c-txt-linen-20)) } -.sf-c-txt-linen\:25 { color: hsl(var(--sf-c-txt-linen-25)) } -.sf-c-txt-linen\:30 { color: hsl(var(--sf-c-txt-linen-30)) } -.sf-c-txt-linen\:35 { color: hsl(var(--sf-c-txt-linen-35)) } -.sf-c-txt-linen\:40 { color: hsl(var(--sf-c-txt-linen-40)) } -.sf-c-txt-linen\:45 { color: hsl(var(--sf-c-txt-linen-45)) } -.sf-c-txt-linen\:50 { color: hsl(var(--sf-c-txt-linen-50)) } -.sf-c-txt-linen\:55 { color: hsl(var(--sf-c-txt-linen-55)) } -.sf-c-txt-linen\:60 { color: hsl(var(--sf-c-txt-linen-60)) } -.sf-c-txt-linen\:65 { color: hsl(var(--sf-c-txt-linen-65)) } -.sf-c-txt-linen\:70 { color: hsl(var(--sf-c-txt-linen-70)) } -.sf-c-txt-linen\:75 { color: hsl(var(--sf-c-txt-linen-75)) } -.sf-c-txt-linen\:80 { color: hsl(var(--sf-c-txt-linen-80)) } -.sf-c-txt-linen\:85 { color: hsl(var(--sf-c-txt-linen-85)) } -.sf-c-txt-linen\:90 { color: hsl(var(--sf-c-txt-linen-90)) } -.sf-c-txt-linen\:95 { color: hsl(var(--sf-c-txt-linen-95)) } -.sf-c-txt-linen\:100 { color: hsl(var(--sf-c-txt-linen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-linen, html.auto .sf-c-txt-linen { color: hsl(30, 67%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:0, html.auto .sf-c-txt-linen\:0 { color: hsl(30, 67%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:5, html.auto .sf-c-txt-linen\:5 { color: hsl(30, 67%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:10, html.auto .sf-c-txt-linen\:10 { color: hsl(30, 67%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:15, html.auto .sf-c-txt-linen\:15 { color: hsl(30, 67%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:20, html.auto .sf-c-txt-linen\:20 { color: hsl(30, 67%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:25, html.auto .sf-c-txt-linen\:25 { color: hsl(30, 67%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:30, html.auto .sf-c-txt-linen\:30 { color: hsl(30, 67%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:35, html.auto .sf-c-txt-linen\:35 { color: hsl(30, 67%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:40, html.auto .sf-c-txt-linen\:40 { color: hsl(30, 67%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:45, html.auto .sf-c-txt-linen\:45 { color: hsl(30, 67%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:50, html.auto .sf-c-txt-linen\:50 { color: hsl(30, 67%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:55, html.auto .sf-c-txt-linen\:55 { color: hsl(30, 67%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:60, html.auto .sf-c-txt-linen\:60 { color: hsl(30, 67%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:65, html.auto .sf-c-txt-linen\:65 { color: hsl(30, 67%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:70, html.auto .sf-c-txt-linen\:70 { color: hsl(30, 67%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:75, html.auto .sf-c-txt-linen\:75 { color: hsl(30, 67%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:80, html.auto .sf-c-txt-linen\:80 { color: hsl(30, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:85, html.auto .sf-c-txt-linen\:85 { color: hsl(30, 67%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:90, html.auto .sf-c-txt-linen\:90 { color: hsl(30, 67%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:95, html.auto .sf-c-txt-linen\:95 { color: hsl(30, 67%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:100, html.auto .sf-c-txt-linen\:100 { color: hsl(30, 67%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-linen\:dark, html.auto .sf-c-txt-linen\:dark { color: hsl(30, 67%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:0\:dark, html.auto .sf-c-txt-linen\:0\:dark { color: hsl(30, 67%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:5\:dark, html.auto .sf-c-txt-linen\:5\:dark { color: hsl(30, 67%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:10\:dark, html.auto .sf-c-txt-linen\:10\:dark { color: hsl(30, 67%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:15\:dark, html.auto .sf-c-txt-linen\:15\:dark { color: hsl(30, 67%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:20\:dark, html.auto .sf-c-txt-linen\:20\:dark { color: hsl(30, 67%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:25\:dark, html.auto .sf-c-txt-linen\:25\:dark { color: hsl(30, 67%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:30\:dark, html.auto .sf-c-txt-linen\:30\:dark { color: hsl(30, 67%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:35\:dark, html.auto .sf-c-txt-linen\:35\:dark { color: hsl(30, 67%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:40\:dark, html.auto .sf-c-txt-linen\:40\:dark { color: hsl(30, 67%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:45\:dark, html.auto .sf-c-txt-linen\:45\:dark { color: hsl(30, 67%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:50\:dark, html.auto .sf-c-txt-linen\:50\:dark { color: hsl(30, 67%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:55\:dark, html.auto .sf-c-txt-linen\:55\:dark { color: hsl(30, 67%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:60\:dark, html.auto .sf-c-txt-linen\:60\:dark { color: hsl(30, 67%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:65\:dark, html.auto .sf-c-txt-linen\:65\:dark { color: hsl(30, 67%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:70\:dark, html.auto .sf-c-txt-linen\:70\:dark { color: hsl(30, 67%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:75\:dark, html.auto .sf-c-txt-linen\:75\:dark { color: hsl(30, 67%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:80\:dark, html.auto .sf-c-txt-linen\:80\:dark { color: hsl(30, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:85\:dark, html.auto .sf-c-txt-linen\:85\:dark { color: hsl(30, 67%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:90\:dark, html.auto .sf-c-txt-linen\:90\:dark { color: hsl(30, 67%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:95\:dark, html.auto .sf-c-txt-linen\:95\:dark { color: hsl(30, 67%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-linen\:100\:dark, html.auto .sf-c-txt-linen\:100\:dark { color: hsl(30, 67%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/magenta.css b/src/colors/20/magenta.css index 4814a77..eef83d0 100644 --- a/src/colors/20/magenta.css +++ b/src/colors/20/magenta.css @@ -138,6 +138,52 @@ html.var .sf-c-magenta\:90 { color: hsl(300, 100%, 5%); background: hsl(300, 100 html.var .sf-c-magenta\:95 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } html.var .sf-c-magenta\:100 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } +.sf-c-txt-magenta { color: hsl(var(--sf-dark-c-txt-magenta)) } +.sf-c-txt-magenta\:0 { color: hsl(var(--sf-dark-c-txt-magenta-100)) } +.sf-c-txt-magenta\:5 { color: hsl(var(--sf-dark-c-txt-magenta-95)) } +.sf-c-txt-magenta\:10 { color: hsl(var(--sf-dark-c-txt-magenta-90)) } +.sf-c-txt-magenta\:15 { color: hsl(var(--sf-dark-c-txt-magenta-85)) } +.sf-c-txt-magenta\:20 { color: hsl(var(--sf-dark-c-txt-magenta-80)) } +.sf-c-txt-magenta\:25 { color: hsl(var(--sf-dark-c-txt-magenta-75)) } +.sf-c-txt-magenta\:30 { color: hsl(var(--sf-dark-c-txt-magenta-70)) } +.sf-c-txt-magenta\:35 { color: hsl(var(--sf-dark-c-txt-magenta-65)) } +.sf-c-txt-magenta\:40 { color: hsl(var(--sf-dark-c-txt-magenta-60)) } +.sf-c-txt-magenta\:45 { color: hsl(var(--sf-dark-c-txt-magenta-55)) } +.sf-c-txt-magenta\:50 { color: hsl(var(--sf-dark-c-txt-magenta-50)) } +.sf-c-txt-magenta\:55 { color: hsl(var(--sf-dark-c-txt-magenta-45)) } +.sf-c-txt-magenta\:60 { color: hsl(var(--sf-dark-c-txt-magenta-40)) } +.sf-c-txt-magenta\:65 { color: hsl(var(--sf-dark-c-txt-magenta-35)) } +.sf-c-txt-magenta\:70 { color: hsl(var(--sf-dark-c-txt-magenta-30)) } +.sf-c-txt-magenta\:75 { color: hsl(var(--sf-dark-c-txt-magenta-25)) } +.sf-c-txt-magenta\:80 { color: hsl(var(--sf-dark-c-txt-magenta-20)) } +.sf-c-txt-magenta\:85 { color: hsl(var(--sf-dark-c-txt-magenta-15)) } +.sf-c-txt-magenta\:90 { color: hsl(var(--sf-dark-c-txt-magenta-10)) } +.sf-c-txt-magenta\:95 { color: hsl(var(--sf-dark-c-txt-magenta-5)) } +.sf-c-txt-magenta\:100 { color: hsl(var(--sf-dark-c-txt-magenta-0)) } + +html.var .sf-c-txt-magenta { color: hsl(300, 100%, 50%) } +html.var .sf-c-txt-magenta\:0 { color: hsl(300, 100%, 100%) } +html.var .sf-c-txt-magenta\:5 { color: hsl(300, 100%, 95%) } +html.var .sf-c-txt-magenta\:10 { color: hsl(300, 100%, 90%) } +html.var .sf-c-txt-magenta\:15 { color: hsl(300, 100%, 85%) } +html.var .sf-c-txt-magenta\:20 { color: hsl(300, 100%, 80%) } +html.var .sf-c-txt-magenta\:25 { color: hsl(300, 100%, 75%) } +html.var .sf-c-txt-magenta\:30 { color: hsl(300, 100%, 70%) } +html.var .sf-c-txt-magenta\:35 { color: hsl(300, 100%, 65%) } +html.var .sf-c-txt-magenta\:40 { color: hsl(300, 100%, 60%) } +html.var .sf-c-txt-magenta\:45 { color: hsl(300, 100%, 55%) } +html.var .sf-c-txt-magenta\:50 { color: hsl(300, 100%, 50%) } +html.var .sf-c-txt-magenta\:55 { color: hsl(300, 100%, 45%) } +html.var .sf-c-txt-magenta\:60 { color: hsl(300, 100%, 40%) } +html.var .sf-c-txt-magenta\:65 { color: hsl(300, 100%, 35%) } +html.var .sf-c-txt-magenta\:70 { color: hsl(300, 100%, 30%) } +html.var .sf-c-txt-magenta\:75 { color: hsl(300, 100%, 25%) } +html.var .sf-c-txt-magenta\:80 { color: hsl(300, 100%, 20%) } +html.var .sf-c-txt-magenta\:85 { color: hsl(300, 100%, 15%) } +html.var .sf-c-txt-magenta\:90 { color: hsl(300, 100%, 10%) } +html.var .sf-c-txt-magenta\:95 { color: hsl(300, 100%, 5%) } +html.var .sf-c-txt-magenta\:100 { color: hsl(300, 100%, 0%) } + html[data-theme='dark'] .sf-c-magenta, html.dark .sf-c-magenta { color: hsl(var(--sf-dark-c-txt-magenta-95)); background: hsl(var(--sf-dark-c-magenta)) } html[data-theme='dark'] .sf-c-magenta\:0, html.dark .sf-c-magenta\:0 { color: hsl(var(--sf-dark-c-txt-magenta-95)); background: hsl(var(--sf-dark-c-magenta-100)) } html[data-theme='dark'] .sf-c-magenta\:5, html.dark .sf-c-magenta\:5 { color: hsl(var(--sf-dark-c-txt-magenta-5)); background: hsl(var(--sf-dark-c-magenta-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-magenta\:90\:dark, html.dark .sf-c-magenta\:90\:da html[data-theme='dark'] .sf-c-magenta\:95\:dark, html.dark .sf-c-magenta\:95\:dark { color: hsl(var(--sf-c-txt-magenta-95)); background: hsl(var(--sf-c-magenta-5)) } html[data-theme='dark'] .sf-c-magenta\:100\:dark, html.dark .sf-c-magenta\:100\:dark { color: hsl(var(--sf-c-txt-magenta-95)); background: hsl(var(--sf-c-magenta-0)) } +html[data-theme='dark'] .sf-c-txt-magenta, html.dark .sf-c-txt-magenta { color: hsl(var(--sf-c-txt-magenta)) } +html[data-theme='dark'] .sf-c-txt-magenta\:0, html.dark .sf-c-txt-magenta\:0 { color: hsl(var(--sf-c-txt-magenta-0)) } +html[data-theme='dark'] .sf-c-txt-magenta\:5, html.dark .sf-c-txt-magenta\:5 { color: hsl(var(--sf-c-txt-magenta-5)) } +html[data-theme='dark'] .sf-c-txt-magenta\:10, html.dark .sf-c-txt-magenta\:10 { color: hsl(var(--sf-c-txt-magenta-10)) } +html[data-theme='dark'] .sf-c-txt-magenta\:15, html.dark .sf-c-txt-magenta\:15 { color: hsl(var(--sf-c-txt-magenta-15)) } +html[data-theme='dark'] .sf-c-txt-magenta\:20, html.dark .sf-c-txt-magenta\:20 { color: hsl(var(--sf-c-txt-magenta-20)) } +html[data-theme='dark'] .sf-c-txt-magenta\:25, html.dark .sf-c-txt-magenta\:25 { color: hsl(var(--sf-c-txt-magenta-25)) } +html[data-theme='dark'] .sf-c-txt-magenta\:30, html.dark .sf-c-txt-magenta\:30 { color: hsl(var(--sf-c-txt-magenta-30)) } +html[data-theme='dark'] .sf-c-txt-magenta\:35, html.dark .sf-c-txt-magenta\:35 { color: hsl(var(--sf-c-txt-magenta-35)) } +html[data-theme='dark'] .sf-c-txt-magenta\:40, html.dark .sf-c-txt-magenta\:40 { color: hsl(var(--sf-c-txt-magenta-40)) } +html[data-theme='dark'] .sf-c-txt-magenta\:45, html.dark .sf-c-txt-magenta\:45 { color: hsl(var(--sf-c-txt-magenta-45)) } +html[data-theme='dark'] .sf-c-txt-magenta\:50, html.dark .sf-c-txt-magenta\:50 { color: hsl(var(--sf-c-txt-magenta-50)) } +html[data-theme='dark'] .sf-c-txt-magenta\:55, html.dark .sf-c-txt-magenta\:55 { color: hsl(var(--sf-c-txt-magenta-55)) } +html[data-theme='dark'] .sf-c-txt-magenta\:60, html.dark .sf-c-txt-magenta\:60 { color: hsl(var(--sf-c-txt-magenta-60)) } +html[data-theme='dark'] .sf-c-txt-magenta\:65, html.dark .sf-c-txt-magenta\:65 { color: hsl(var(--sf-c-txt-magenta-65)) } +html[data-theme='dark'] .sf-c-txt-magenta\:70, html.dark .sf-c-txt-magenta\:70 { color: hsl(var(--sf-c-txt-magenta-70)) } +html[data-theme='dark'] .sf-c-txt-magenta\:75, html.dark .sf-c-txt-magenta\:75 { color: hsl(var(--sf-c-txt-magenta-75)) } +html[data-theme='dark'] .sf-c-txt-magenta\:80, html.dark .sf-c-txt-magenta\:80 { color: hsl(var(--sf-c-txt-magenta-80)) } +html[data-theme='dark'] .sf-c-txt-magenta\:85, html.dark .sf-c-txt-magenta\:85 { color: hsl(var(--sf-c-txt-magenta-85)) } +html[data-theme='dark'] .sf-c-txt-magenta\:90, html.dark .sf-c-txt-magenta\:90 { color: hsl(var(--sf-c-txt-magenta-90)) } +html[data-theme='dark'] .sf-c-txt-magenta\:95, html.dark .sf-c-txt-magenta\:95 { color: hsl(var(--sf-c-txt-magenta-95)) } +html[data-theme='dark'] .sf-c-txt-magenta\:100, html.dark .sf-c-txt-magenta\:100 { color: hsl(var(--sf-c-txt-magenta-100)) } + +html[data-theme='dark'] .sf-c-txt-magenta\:dark, html.dark .sf-c-txt-magenta\:dark { color: hsl(var(--sf-c-txt-magenta)) } +html[data-theme='dark'] .sf-c-txt-magenta\:0\:dark, html.dark .sf-c-txt-magenta\:0\:dark { color: hsl(var(--sf-dark-c-txt-magenta-0)) } +html[data-theme='dark'] .sf-c-txt-magenta\:5\:dark, html.dark .sf-c-txt-magenta\:5\:dark { color: hsl(var(--sf-dark-c-txt-magenta-5)) } +html[data-theme='dark'] .sf-c-txt-magenta\:10\:dark, html.dark .sf-c-txt-magenta\:10\:dark { color: hsl(var(--sf-dark-c-txt-magenta-10)) } +html[data-theme='dark'] .sf-c-txt-magenta\:15\:dark, html.dark .sf-c-txt-magenta\:15\:dark { color: hsl(var(--sf-dark-c-txt-magenta-15)) } +html[data-theme='dark'] .sf-c-txt-magenta\:20\:dark, html.dark .sf-c-txt-magenta\:20\:dark { color: hsl(var(--sf-dark-c-txt-magenta-20)) } +html[data-theme='dark'] .sf-c-txt-magenta\:25\:dark, html.dark .sf-c-txt-magenta\:25\:dark { color: hsl(var(--sf-dark-c-txt-magenta-25)) } +html[data-theme='dark'] .sf-c-txt-magenta\:30\:dark, html.dark .sf-c-txt-magenta\:30\:dark { color: hsl(var(--sf-dark-c-txt-magenta-30)) } +html[data-theme='dark'] .sf-c-txt-magenta\:35\:dark, html.dark .sf-c-txt-magenta\:35\:dark { color: hsl(var(--sf-dark-c-txt-magenta-35)) } +html[data-theme='dark'] .sf-c-txt-magenta\:40\:dark, html.dark .sf-c-txt-magenta\:40\:dark { color: hsl(var(--sf-dark-c-txt-magenta-40)) } +html[data-theme='dark'] .sf-c-txt-magenta\:45\:dark, html.dark .sf-c-txt-magenta\:45\:dark { color: hsl(var(--sf-dark-c-txt-magenta-45)) } +html[data-theme='dark'] .sf-c-txt-magenta\:50\:dark, html.dark .sf-c-txt-magenta\:50\:dark { color: hsl(var(--sf-dark-c-txt-magenta-50)) } +html[data-theme='dark'] .sf-c-txt-magenta\:55\:dark, html.dark .sf-c-txt-magenta\:55\:dark { color: hsl(var(--sf-dark-c-txt-magenta-55)) } +html[data-theme='dark'] .sf-c-txt-magenta\:60\:dark, html.dark .sf-c-txt-magenta\:60\:dark { color: hsl(var(--sf-dark-c-txt-magenta-60)) } +html[data-theme='dark'] .sf-c-txt-magenta\:65\:dark, html.dark .sf-c-txt-magenta\:65\:dark { color: hsl(var(--sf-dark-c-txt-magenta-65)) } +html[data-theme='dark'] .sf-c-txt-magenta\:70\:dark, html.dark .sf-c-txt-magenta\:70\:dark { color: hsl(var(--sf-dark-c-txt-magenta-70)) } +html[data-theme='dark'] .sf-c-txt-magenta\:75\:dark, html.dark .sf-c-txt-magenta\:75\:dark { color: hsl(var(--sf-dark-c-txt-magenta-75)) } +html[data-theme='dark'] .sf-c-txt-magenta\:80\:dark, html.dark .sf-c-txt-magenta\:80\:dark { color: hsl(var(--sf-dark-c-txt-magenta-80)) } +html[data-theme='dark'] .sf-c-txt-magenta\:85\:dark, html.dark .sf-c-txt-magenta\:85\:dark { color: hsl(var(--sf-dark-c-txt-magenta-85)) } +html[data-theme='dark'] .sf-c-txt-magenta\:90\:dark, html.dark .sf-c-txt-magenta\:90\:dark { color: hsl(var(--sf-dark-c-txt-magenta-90)) } +html[data-theme='dark'] .sf-c-txt-magenta\:95\:dark, html.dark .sf-c-txt-magenta\:95\:dark { color: hsl(var(--sf-dark-c-txt-magenta-95)) } +html[data-theme='dark'] .sf-c-txt-magenta\:100\:dark, html.dark .sf-c-txt-magenta\:100\:dark { color: hsl(var(--sf-dark-c-txt-magenta-100)) } + html.var[data-theme='dark'] .sf-c-magenta, html.var.dark .sf-c-magenta { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } html.var[data-theme='dark'] .sf-c-magenta\:0, html.var.dark .sf-c-magenta\:0 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 100%) } html.var[data-theme='dark'] .sf-c-magenta\:5, html.var.dark .sf-c-magenta\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-magenta\:90\:dark, html.var.dark .sf-c-magenta html.var[data-theme='dark'] .sf-c-magenta\:95\:dark, html.var.dark .sf-c-magenta\:95\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } html.var[data-theme='dark'] .sf-c-magenta\:100\:dark, html.var.dark .sf-c-magenta\:100\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-magenta, html.dark .sf-c-txt-magenta { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:0, html.dark .sf-c-txt-magenta\:0 { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:5, html.dark .sf-c-txt-magenta\:5 { color: hsl(300, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:10, html.dark .sf-c-txt-magenta\:10 { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:15, html.dark .sf-c-txt-magenta\:15 { color: hsl(300, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:20, html.dark .sf-c-txt-magenta\:20 { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:25, html.dark .sf-c-txt-magenta\:25 { color: hsl(300, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:30, html.dark .sf-c-txt-magenta\:30 { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:35, html.dark .sf-c-txt-magenta\:35 { color: hsl(300, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:40, html.dark .sf-c-txt-magenta\:40 { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:45, html.dark .sf-c-txt-magenta\:45 { color: hsl(300, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:50, html.dark .sf-c-txt-magenta\:50 { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:55, html.dark .sf-c-txt-magenta\:55 { color: hsl(300, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:60, html.dark .sf-c-txt-magenta\:60 { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:65, html.dark .sf-c-txt-magenta\:65 { color: hsl(300, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:70, html.dark .sf-c-txt-magenta\:70 { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:75, html.dark .sf-c-txt-magenta\:75 { color: hsl(300, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:80, html.dark .sf-c-txt-magenta\:80 { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:85, html.dark .sf-c-txt-magenta\:85 { color: hsl(300, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:90, html.dark .sf-c-txt-magenta\:90 { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:95, html.dark .sf-c-txt-magenta\:95 { color: hsl(300, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:100, html.dark .sf-c-txt-magenta\:100 { color: hsl(300, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-magenta\:dark, html.dark .sf-c-txt-magenta\:dark { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:0\:dark, html.dark .sf-c-txt-magenta\:0\:dark { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:5\:dark, html.dark .sf-c-txt-magenta\:5\:dark { color: hsl(300, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:10\:dark, html.dark .sf-c-txt-magenta\:10\:dark { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:15\:dark, html.dark .sf-c-txt-magenta\:15\:dark { color: hsl(300, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:20\:dark, html.dark .sf-c-txt-magenta\:20\:dark { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:25\:dark, html.dark .sf-c-txt-magenta\:25\:dark { color: hsl(300, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:30\:dark, html.dark .sf-c-txt-magenta\:30\:dark { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:35\:dark, html.dark .sf-c-txt-magenta\:35\:dark { color: hsl(300, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:40\:dark, html.dark .sf-c-txt-magenta\:40\:dark { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:45\:dark, html.dark .sf-c-txt-magenta\:45\:dark { color: hsl(300, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:50\:dark, html.dark .sf-c-txt-magenta\:50\:dark { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:55\:dark, html.dark .sf-c-txt-magenta\:55\:dark { color: hsl(300, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:60\:dark, html.dark .sf-c-txt-magenta\:60\:dark { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:65\:dark, html.dark .sf-c-txt-magenta\:65\:dark { color: hsl(300, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:70\:dark, html.dark .sf-c-txt-magenta\:70\:dark { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:75\:dark, html.dark .sf-c-txt-magenta\:75\:dark { color: hsl(300, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:80\:dark, html.dark .sf-c-txt-magenta\:80\:dark { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:85\:dark, html.dark .sf-c-txt-magenta\:85\:dark { color: hsl(300, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:90\:dark, html.dark .sf-c-txt-magenta\:90\:dark { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:95\:dark, html.dark .sf-c-txt-magenta\:95\:dark { color: hsl(300, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-magenta\:100\:dark, html.dark .sf-c-txt-magenta\:100\:dark { color: hsl(300, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-magenta, html.auto .sf-c-magenta { color: hsl(var(--sf-dark-c-txt-magenta-95)); background: hsl(var(--sf-dark-c-magenta)) } html[data-theme='auto'] .sf-c-magenta\:0, html.auto .sf-c-magenta\:0 { color: hsl(var(--sf-dark-c-txt-magenta-95)); background: hsl(var(--sf-dark-c-magenta-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-magenta\:100\:dark, html.var.dark .sf-c-magent html[data-theme='auto'] .sf-c-magenta\:95\:dark, html.auto .sf-c-magenta\:95\:dark { color: hsl(var(--sf-c-txt-magenta-95)); background: hsl(var(--sf-c-magenta-5)) } html[data-theme='auto'] .sf-c-magenta\:100\:dark, html.auto .sf-c-magenta\:100\:dark { color: hsl(var(--sf-c-txt-magenta-95)); background: hsl(var(--sf-c-magenta-0)) } + html[data-theme='auto'] .sf-c-txt-magenta, html.auto .sf-c-txt-magenta { color: hsl(var(--sf-c-txt-magenta)) } + html[data-theme='auto'] .sf-c-txt-magenta\:0, html.auto .sf-c-txt-magenta\:0 { color: hsl(var(--sf-c-txt-magenta-0)) } + html[data-theme='auto'] .sf-c-txt-magenta\:5, html.auto .sf-c-txt-magenta\:5 { color: hsl(var(--sf-c-txt-magenta-5)) } + html[data-theme='auto'] .sf-c-txt-magenta\:10, html.auto .sf-c-txt-magenta\:10 { color: hsl(var(--sf-c-txt-magenta-10)) } + html[data-theme='auto'] .sf-c-txt-magenta\:15, html.auto .sf-c-txt-magenta\:15 { color: hsl(var(--sf-c-txt-magenta-15)) } + html[data-theme='auto'] .sf-c-txt-magenta\:20, html.auto .sf-c-txt-magenta\:20 { color: hsl(var(--sf-c-txt-magenta-20)) } + html[data-theme='auto'] .sf-c-txt-magenta\:25, html.auto .sf-c-txt-magenta\:25 { color: hsl(var(--sf-c-txt-magenta-25)) } + html[data-theme='auto'] .sf-c-txt-magenta\:30, html.auto .sf-c-txt-magenta\:30 { color: hsl(var(--sf-c-txt-magenta-30)) } + html[data-theme='auto'] .sf-c-txt-magenta\:35, html.auto .sf-c-txt-magenta\:35 { color: hsl(var(--sf-c-txt-magenta-35)) } + html[data-theme='auto'] .sf-c-txt-magenta\:40, html.auto .sf-c-txt-magenta\:40 { color: hsl(var(--sf-c-txt-magenta-40)) } + html[data-theme='auto'] .sf-c-txt-magenta\:45, html.auto .sf-c-txt-magenta\:45 { color: hsl(var(--sf-c-txt-magenta-45)) } + html[data-theme='auto'] .sf-c-txt-magenta\:50, html.auto .sf-c-txt-magenta\:50 { color: hsl(var(--sf-c-txt-magenta-50)) } + html[data-theme='auto'] .sf-c-txt-magenta\:55, html.auto .sf-c-txt-magenta\:55 { color: hsl(var(--sf-c-txt-magenta-55)) } + html[data-theme='auto'] .sf-c-txt-magenta\:60, html.auto .sf-c-txt-magenta\:60 { color: hsl(var(--sf-c-txt-magenta-60)) } + html[data-theme='auto'] .sf-c-txt-magenta\:65, html.auto .sf-c-txt-magenta\:65 { color: hsl(var(--sf-c-txt-magenta-65)) } + html[data-theme='auto'] .sf-c-txt-magenta\:70, html.auto .sf-c-txt-magenta\:70 { color: hsl(var(--sf-c-txt-magenta-70)) } + html[data-theme='auto'] .sf-c-txt-magenta\:75, html.auto .sf-c-txt-magenta\:75 { color: hsl(var(--sf-c-txt-magenta-75)) } + html[data-theme='auto'] .sf-c-txt-magenta\:80, html.auto .sf-c-txt-magenta\:80 { color: hsl(var(--sf-c-txt-magenta-80)) } + html[data-theme='auto'] .sf-c-txt-magenta\:85, html.auto .sf-c-txt-magenta\:85 { color: hsl(var(--sf-c-txt-magenta-85)) } + html[data-theme='auto'] .sf-c-txt-magenta\:90, html.auto .sf-c-txt-magenta\:90 { color: hsl(var(--sf-c-txt-magenta-90)) } + html[data-theme='auto'] .sf-c-txt-magenta\:95, html.auto .sf-c-txt-magenta\:95 { color: hsl(var(--sf-c-txt-magenta-95)) } + html[data-theme='auto'] .sf-c-txt-magenta\:100, html.auto .sf-c-txt-magenta\:100 { color: hsl(var(--sf-c-txt-magenta-100)) } + + html[data-theme='auto'] .sf-c-txt-magenta\:dark, html.auto .sf-c-txt-magenta\:dark { color: hsl(var(--sf-c-txt-magenta)) } + html[data-theme='auto'] .sf-c-txt-magenta\:0\:dark, html.auto .sf-c-txt-magenta\:0\:dark { color: hsl(var(--sf-c-txt-magenta-0)) } + html[data-theme='auto'] .sf-c-txt-magenta\:5\:dark, html.auto .sf-c-txt-magenta\:5\:dark { color: hsl(var(--sf-c-txt-magenta-5)) } + html[data-theme='auto'] .sf-c-txt-magenta\:10\:dark, html.auto .sf-c-txt-magenta\:10\:dark { color: hsl(var(--sf-c-txt-magenta-10)) } + html[data-theme='auto'] .sf-c-txt-magenta\:15\:dark, html.auto .sf-c-txt-magenta\:15\:dark { color: hsl(var(--sf-c-txt-magenta-15)) } + html[data-theme='auto'] .sf-c-txt-magenta\:20\:dark, html.auto .sf-c-txt-magenta\:20\:dark { color: hsl(var(--sf-c-txt-magenta-20)) } + html[data-theme='auto'] .sf-c-txt-magenta\:25\:dark, html.auto .sf-c-txt-magenta\:25\:dark { color: hsl(var(--sf-c-txt-magenta-25)) } + html[data-theme='auto'] .sf-c-txt-magenta\:30\:dark, html.auto .sf-c-txt-magenta\:30\:dark { color: hsl(var(--sf-c-txt-magenta-30)) } + html[data-theme='auto'] .sf-c-txt-magenta\:35\:dark, html.auto .sf-c-txt-magenta\:35\:dark { color: hsl(var(--sf-c-txt-magenta-35)) } + html[data-theme='auto'] .sf-c-txt-magenta\:40\:dark, html.auto .sf-c-txt-magenta\:40\:dark { color: hsl(var(--sf-c-txt-magenta-40)) } + html[data-theme='auto'] .sf-c-txt-magenta\:45\:dark, html.auto .sf-c-txt-magenta\:45\:dark { color: hsl(var(--sf-c-txt-magenta-45)) } + html[data-theme='auto'] .sf-c-txt-magenta\:50\:dark, html.auto .sf-c-txt-magenta\:50\:dark { color: hsl(var(--sf-c-txt-magenta-50)) } + html[data-theme='auto'] .sf-c-txt-magenta\:55\:dark, html.auto .sf-c-txt-magenta\:55\:dark { color: hsl(var(--sf-c-txt-magenta-55)) } + html[data-theme='auto'] .sf-c-txt-magenta\:60\:dark, html.auto .sf-c-txt-magenta\:60\:dark { color: hsl(var(--sf-c-txt-magenta-60)) } + html[data-theme='auto'] .sf-c-txt-magenta\:65\:dark, html.auto .sf-c-txt-magenta\:65\:dark { color: hsl(var(--sf-c-txt-magenta-65)) } + html[data-theme='auto'] .sf-c-txt-magenta\:70\:dark, html.auto .sf-c-txt-magenta\:70\:dark { color: hsl(var(--sf-c-txt-magenta-70)) } + html[data-theme='auto'] .sf-c-txt-magenta\:75\:dark, html.auto .sf-c-txt-magenta\:75\:dark { color: hsl(var(--sf-c-txt-magenta-75)) } + html[data-theme='auto'] .sf-c-txt-magenta\:80\:dark, html.auto .sf-c-txt-magenta\:80\:dark { color: hsl(var(--sf-c-txt-magenta-80)) } + html[data-theme='auto'] .sf-c-txt-magenta\:85\:dark, html.auto .sf-c-txt-magenta\:85\:dark { color: hsl(var(--sf-c-txt-magenta-85)) } + html[data-theme='auto'] .sf-c-txt-magenta\:90\:dark, html.auto .sf-c-txt-magenta\:90\:dark { color: hsl(var(--sf-c-txt-magenta-90)) } + html[data-theme='auto'] .sf-c-txt-magenta\:95\:dark, html.auto .sf-c-txt-magenta\:95\:dark { color: hsl(var(--sf-c-txt-magenta-95)) } + html[data-theme='auto'] .sf-c-txt-magenta\:100\:dark, html.auto .sf-c-txt-magenta\:100\:dark { color: hsl(var(--sf-c-txt-magenta-100)) } + html.var[data-theme='auto'] .sf-c-magenta, html.var.auto .sf-c-magenta { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 50%) } html.var[data-theme='auto'] .sf-c-magenta\:0, html.var.auto .sf-c-magenta\:0 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 100%) } html.var[data-theme='auto'] .sf-c-magenta\:5, html.var.auto .sf-c-magenta\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-magenta\:100\:dark, html.var.dark .sf-c-magent html.var[data-theme='auto'] .sf-c-magenta\:90\:dark, html.var.auto .sf-c-magenta\:90\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } html.var[data-theme='auto'] .sf-c-magenta\:95\:dark, html.var.auto .sf-c-magenta\:95\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } html.var[data-theme='auto'] .sf-c-magenta\:100\:dark, html.var.auto .sf-c-magenta\:100\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } -} -.sf-c-txt-magenta { color: hsl(var(--sf-c-txt-magenta)) } -.sf-c-txt-magenta\:0 { color: hsl(var(--sf-c-txt-magenta-0)) } -.sf-c-txt-magenta\:5 { color: hsl(var(--sf-c-txt-magenta-5)) } -.sf-c-txt-magenta\:10 { color: hsl(var(--sf-c-txt-magenta-10)) } -.sf-c-txt-magenta\:15 { color: hsl(var(--sf-c-txt-magenta-15)) } -.sf-c-txt-magenta\:20 { color: hsl(var(--sf-c-txt-magenta-20)) } -.sf-c-txt-magenta\:25 { color: hsl(var(--sf-c-txt-magenta-25)) } -.sf-c-txt-magenta\:30 { color: hsl(var(--sf-c-txt-magenta-30)) } -.sf-c-txt-magenta\:35 { color: hsl(var(--sf-c-txt-magenta-35)) } -.sf-c-txt-magenta\:40 { color: hsl(var(--sf-c-txt-magenta-40)) } -.sf-c-txt-magenta\:45 { color: hsl(var(--sf-c-txt-magenta-45)) } -.sf-c-txt-magenta\:50 { color: hsl(var(--sf-c-txt-magenta-50)) } -.sf-c-txt-magenta\:55 { color: hsl(var(--sf-c-txt-magenta-55)) } -.sf-c-txt-magenta\:60 { color: hsl(var(--sf-c-txt-magenta-60)) } -.sf-c-txt-magenta\:65 { color: hsl(var(--sf-c-txt-magenta-65)) } -.sf-c-txt-magenta\:70 { color: hsl(var(--sf-c-txt-magenta-70)) } -.sf-c-txt-magenta\:75 { color: hsl(var(--sf-c-txt-magenta-75)) } -.sf-c-txt-magenta\:80 { color: hsl(var(--sf-c-txt-magenta-80)) } -.sf-c-txt-magenta\:85 { color: hsl(var(--sf-c-txt-magenta-85)) } -.sf-c-txt-magenta\:90 { color: hsl(var(--sf-c-txt-magenta-90)) } -.sf-c-txt-magenta\:95 { color: hsl(var(--sf-c-txt-magenta-95)) } -.sf-c-txt-magenta\:100 { color: hsl(var(--sf-c-txt-magenta-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-magenta, html.auto .sf-c-txt-magenta { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:0, html.auto .sf-c-txt-magenta\:0 { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:5, html.auto .sf-c-txt-magenta\:5 { color: hsl(300, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:10, html.auto .sf-c-txt-magenta\:10 { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:15, html.auto .sf-c-txt-magenta\:15 { color: hsl(300, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:20, html.auto .sf-c-txt-magenta\:20 { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:25, html.auto .sf-c-txt-magenta\:25 { color: hsl(300, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:30, html.auto .sf-c-txt-magenta\:30 { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:35, html.auto .sf-c-txt-magenta\:35 { color: hsl(300, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:40, html.auto .sf-c-txt-magenta\:40 { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:45, html.auto .sf-c-txt-magenta\:45 { color: hsl(300, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:50, html.auto .sf-c-txt-magenta\:50 { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:55, html.auto .sf-c-txt-magenta\:55 { color: hsl(300, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:60, html.auto .sf-c-txt-magenta\:60 { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:65, html.auto .sf-c-txt-magenta\:65 { color: hsl(300, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:70, html.auto .sf-c-txt-magenta\:70 { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:75, html.auto .sf-c-txt-magenta\:75 { color: hsl(300, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:80, html.auto .sf-c-txt-magenta\:80 { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:85, html.auto .sf-c-txt-magenta\:85 { color: hsl(300, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:90, html.auto .sf-c-txt-magenta\:90 { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:95, html.auto .sf-c-txt-magenta\:95 { color: hsl(300, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:100, html.auto .sf-c-txt-magenta\:100 { color: hsl(300, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-magenta\:dark, html.auto .sf-c-txt-magenta\:dark { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:0\:dark, html.auto .sf-c-txt-magenta\:0\:dark { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:5\:dark, html.auto .sf-c-txt-magenta\:5\:dark { color: hsl(300, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:10\:dark, html.auto .sf-c-txt-magenta\:10\:dark { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:15\:dark, html.auto .sf-c-txt-magenta\:15\:dark { color: hsl(300, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:20\:dark, html.auto .sf-c-txt-magenta\:20\:dark { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:25\:dark, html.auto .sf-c-txt-magenta\:25\:dark { color: hsl(300, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:30\:dark, html.auto .sf-c-txt-magenta\:30\:dark { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:35\:dark, html.auto .sf-c-txt-magenta\:35\:dark { color: hsl(300, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:40\:dark, html.auto .sf-c-txt-magenta\:40\:dark { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:45\:dark, html.auto .sf-c-txt-magenta\:45\:dark { color: hsl(300, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:50\:dark, html.auto .sf-c-txt-magenta\:50\:dark { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:55\:dark, html.auto .sf-c-txt-magenta\:55\:dark { color: hsl(300, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:60\:dark, html.auto .sf-c-txt-magenta\:60\:dark { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:65\:dark, html.auto .sf-c-txt-magenta\:65\:dark { color: hsl(300, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:70\:dark, html.auto .sf-c-txt-magenta\:70\:dark { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:75\:dark, html.auto .sf-c-txt-magenta\:75\:dark { color: hsl(300, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:80\:dark, html.auto .sf-c-txt-magenta\:80\:dark { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:85\:dark, html.auto .sf-c-txt-magenta\:85\:dark { color: hsl(300, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:90\:dark, html.auto .sf-c-txt-magenta\:90\:dark { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:95\:dark, html.auto .sf-c-txt-magenta\:95\:dark { color: hsl(300, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-magenta\:100\:dark, html.auto .sf-c-txt-magenta\:100\:dark { color: hsl(300, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/maroon.css b/src/colors/20/maroon.css index 048312f..4569280 100644 --- a/src/colors/20/maroon.css +++ b/src/colors/20/maroon.css @@ -138,6 +138,52 @@ html.var .sf-c-maroon\:90 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90 html.var .sf-c-maroon\:95 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } html.var .sf-c-maroon\:100 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } +.sf-c-txt-maroon { color: hsl(var(--sf-dark-c-txt-maroon)) } +.sf-c-txt-maroon\:0 { color: hsl(var(--sf-dark-c-txt-maroon-100)) } +.sf-c-txt-maroon\:5 { color: hsl(var(--sf-dark-c-txt-maroon-95)) } +.sf-c-txt-maroon\:10 { color: hsl(var(--sf-dark-c-txt-maroon-90)) } +.sf-c-txt-maroon\:15 { color: hsl(var(--sf-dark-c-txt-maroon-85)) } +.sf-c-txt-maroon\:20 { color: hsl(var(--sf-dark-c-txt-maroon-80)) } +.sf-c-txt-maroon\:25 { color: hsl(var(--sf-dark-c-txt-maroon-75)) } +.sf-c-txt-maroon\:30 { color: hsl(var(--sf-dark-c-txt-maroon-70)) } +.sf-c-txt-maroon\:35 { color: hsl(var(--sf-dark-c-txt-maroon-65)) } +.sf-c-txt-maroon\:40 { color: hsl(var(--sf-dark-c-txt-maroon-60)) } +.sf-c-txt-maroon\:45 { color: hsl(var(--sf-dark-c-txt-maroon-55)) } +.sf-c-txt-maroon\:50 { color: hsl(var(--sf-dark-c-txt-maroon-50)) } +.sf-c-txt-maroon\:55 { color: hsl(var(--sf-dark-c-txt-maroon-45)) } +.sf-c-txt-maroon\:60 { color: hsl(var(--sf-dark-c-txt-maroon-40)) } +.sf-c-txt-maroon\:65 { color: hsl(var(--sf-dark-c-txt-maroon-35)) } +.sf-c-txt-maroon\:70 { color: hsl(var(--sf-dark-c-txt-maroon-30)) } +.sf-c-txt-maroon\:75 { color: hsl(var(--sf-dark-c-txt-maroon-25)) } +.sf-c-txt-maroon\:80 { color: hsl(var(--sf-dark-c-txt-maroon-20)) } +.sf-c-txt-maroon\:85 { color: hsl(var(--sf-dark-c-txt-maroon-15)) } +.sf-c-txt-maroon\:90 { color: hsl(var(--sf-dark-c-txt-maroon-10)) } +.sf-c-txt-maroon\:95 { color: hsl(var(--sf-dark-c-txt-maroon-5)) } +.sf-c-txt-maroon\:100 { color: hsl(var(--sf-dark-c-txt-maroon-0)) } + +html.var .sf-c-txt-maroon { color: hsl(0, 100%, 75%) } +html.var .sf-c-txt-maroon\:0 { color: hsl(0, 100%, 100%) } +html.var .sf-c-txt-maroon\:5 { color: hsl(0, 100%, 95%) } +html.var .sf-c-txt-maroon\:10 { color: hsl(0, 100%, 90%) } +html.var .sf-c-txt-maroon\:15 { color: hsl(0, 100%, 85%) } +html.var .sf-c-txt-maroon\:20 { color: hsl(0, 100%, 80%) } +html.var .sf-c-txt-maroon\:25 { color: hsl(0, 100%, 75%) } +html.var .sf-c-txt-maroon\:30 { color: hsl(0, 100%, 70%) } +html.var .sf-c-txt-maroon\:35 { color: hsl(0, 100%, 65%) } +html.var .sf-c-txt-maroon\:40 { color: hsl(0, 100%, 60%) } +html.var .sf-c-txt-maroon\:45 { color: hsl(0, 100%, 55%) } +html.var .sf-c-txt-maroon\:50 { color: hsl(0, 100%, 50%) } +html.var .sf-c-txt-maroon\:55 { color: hsl(0, 100%, 45%) } +html.var .sf-c-txt-maroon\:60 { color: hsl(0, 100%, 40%) } +html.var .sf-c-txt-maroon\:65 { color: hsl(0, 100%, 35%) } +html.var .sf-c-txt-maroon\:70 { color: hsl(0, 100%, 30%) } +html.var .sf-c-txt-maroon\:75 { color: hsl(0, 100%, 25%) } +html.var .sf-c-txt-maroon\:80 { color: hsl(0, 100%, 20%) } +html.var .sf-c-txt-maroon\:85 { color: hsl(0, 100%, 15%) } +html.var .sf-c-txt-maroon\:90 { color: hsl(0, 100%, 10%) } +html.var .sf-c-txt-maroon\:95 { color: hsl(0, 100%, 5%) } +html.var .sf-c-txt-maroon\:100 { color: hsl(0, 100%, 0%) } + html[data-theme='dark'] .sf-c-maroon, html.dark .sf-c-maroon { color: hsl(var(--sf-dark-c-txt-maroon-5)); background: hsl(var(--sf-dark-c-maroon)) } html[data-theme='dark'] .sf-c-maroon\:0, html.dark .sf-c-maroon\:0 { color: hsl(var(--sf-dark-c-txt-maroon-95)); background: hsl(var(--sf-dark-c-maroon-100)) } html[data-theme='dark'] .sf-c-maroon\:5, html.dark .sf-c-maroon\:5 { color: hsl(var(--sf-dark-c-txt-maroon-5)); background: hsl(var(--sf-dark-c-maroon-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-maroon\:90\:dark, html.dark .sf-c-maroon\:90\:dark html[data-theme='dark'] .sf-c-maroon\:95\:dark, html.dark .sf-c-maroon\:95\:dark { color: hsl(var(--sf-c-txt-maroon-95)); background: hsl(var(--sf-c-maroon-5)) } html[data-theme='dark'] .sf-c-maroon\:100\:dark, html.dark .sf-c-maroon\:100\:dark { color: hsl(var(--sf-c-txt-maroon-95)); background: hsl(var(--sf-c-maroon-0)) } +html[data-theme='dark'] .sf-c-txt-maroon, html.dark .sf-c-txt-maroon { color: hsl(var(--sf-c-txt-maroon)) } +html[data-theme='dark'] .sf-c-txt-maroon\:0, html.dark .sf-c-txt-maroon\:0 { color: hsl(var(--sf-c-txt-maroon-0)) } +html[data-theme='dark'] .sf-c-txt-maroon\:5, html.dark .sf-c-txt-maroon\:5 { color: hsl(var(--sf-c-txt-maroon-5)) } +html[data-theme='dark'] .sf-c-txt-maroon\:10, html.dark .sf-c-txt-maroon\:10 { color: hsl(var(--sf-c-txt-maroon-10)) } +html[data-theme='dark'] .sf-c-txt-maroon\:15, html.dark .sf-c-txt-maroon\:15 { color: hsl(var(--sf-c-txt-maroon-15)) } +html[data-theme='dark'] .sf-c-txt-maroon\:20, html.dark .sf-c-txt-maroon\:20 { color: hsl(var(--sf-c-txt-maroon-20)) } +html[data-theme='dark'] .sf-c-txt-maroon\:25, html.dark .sf-c-txt-maroon\:25 { color: hsl(var(--sf-c-txt-maroon-25)) } +html[data-theme='dark'] .sf-c-txt-maroon\:30, html.dark .sf-c-txt-maroon\:30 { color: hsl(var(--sf-c-txt-maroon-30)) } +html[data-theme='dark'] .sf-c-txt-maroon\:35, html.dark .sf-c-txt-maroon\:35 { color: hsl(var(--sf-c-txt-maroon-35)) } +html[data-theme='dark'] .sf-c-txt-maroon\:40, html.dark .sf-c-txt-maroon\:40 { color: hsl(var(--sf-c-txt-maroon-40)) } +html[data-theme='dark'] .sf-c-txt-maroon\:45, html.dark .sf-c-txt-maroon\:45 { color: hsl(var(--sf-c-txt-maroon-45)) } +html[data-theme='dark'] .sf-c-txt-maroon\:50, html.dark .sf-c-txt-maroon\:50 { color: hsl(var(--sf-c-txt-maroon-50)) } +html[data-theme='dark'] .sf-c-txt-maroon\:55, html.dark .sf-c-txt-maroon\:55 { color: hsl(var(--sf-c-txt-maroon-55)) } +html[data-theme='dark'] .sf-c-txt-maroon\:60, html.dark .sf-c-txt-maroon\:60 { color: hsl(var(--sf-c-txt-maroon-60)) } +html[data-theme='dark'] .sf-c-txt-maroon\:65, html.dark .sf-c-txt-maroon\:65 { color: hsl(var(--sf-c-txt-maroon-65)) } +html[data-theme='dark'] .sf-c-txt-maroon\:70, html.dark .sf-c-txt-maroon\:70 { color: hsl(var(--sf-c-txt-maroon-70)) } +html[data-theme='dark'] .sf-c-txt-maroon\:75, html.dark .sf-c-txt-maroon\:75 { color: hsl(var(--sf-c-txt-maroon-75)) } +html[data-theme='dark'] .sf-c-txt-maroon\:80, html.dark .sf-c-txt-maroon\:80 { color: hsl(var(--sf-c-txt-maroon-80)) } +html[data-theme='dark'] .sf-c-txt-maroon\:85, html.dark .sf-c-txt-maroon\:85 { color: hsl(var(--sf-c-txt-maroon-85)) } +html[data-theme='dark'] .sf-c-txt-maroon\:90, html.dark .sf-c-txt-maroon\:90 { color: hsl(var(--sf-c-txt-maroon-90)) } +html[data-theme='dark'] .sf-c-txt-maroon\:95, html.dark .sf-c-txt-maroon\:95 { color: hsl(var(--sf-c-txt-maroon-95)) } +html[data-theme='dark'] .sf-c-txt-maroon\:100, html.dark .sf-c-txt-maroon\:100 { color: hsl(var(--sf-c-txt-maroon-100)) } + +html[data-theme='dark'] .sf-c-txt-maroon\:dark, html.dark .sf-c-txt-maroon\:dark { color: hsl(var(--sf-c-txt-maroon)) } +html[data-theme='dark'] .sf-c-txt-maroon\:0\:dark, html.dark .sf-c-txt-maroon\:0\:dark { color: hsl(var(--sf-dark-c-txt-maroon-0)) } +html[data-theme='dark'] .sf-c-txt-maroon\:5\:dark, html.dark .sf-c-txt-maroon\:5\:dark { color: hsl(var(--sf-dark-c-txt-maroon-5)) } +html[data-theme='dark'] .sf-c-txt-maroon\:10\:dark, html.dark .sf-c-txt-maroon\:10\:dark { color: hsl(var(--sf-dark-c-txt-maroon-10)) } +html[data-theme='dark'] .sf-c-txt-maroon\:15\:dark, html.dark .sf-c-txt-maroon\:15\:dark { color: hsl(var(--sf-dark-c-txt-maroon-15)) } +html[data-theme='dark'] .sf-c-txt-maroon\:20\:dark, html.dark .sf-c-txt-maroon\:20\:dark { color: hsl(var(--sf-dark-c-txt-maroon-20)) } +html[data-theme='dark'] .sf-c-txt-maroon\:25\:dark, html.dark .sf-c-txt-maroon\:25\:dark { color: hsl(var(--sf-dark-c-txt-maroon-25)) } +html[data-theme='dark'] .sf-c-txt-maroon\:30\:dark, html.dark .sf-c-txt-maroon\:30\:dark { color: hsl(var(--sf-dark-c-txt-maroon-30)) } +html[data-theme='dark'] .sf-c-txt-maroon\:35\:dark, html.dark .sf-c-txt-maroon\:35\:dark { color: hsl(var(--sf-dark-c-txt-maroon-35)) } +html[data-theme='dark'] .sf-c-txt-maroon\:40\:dark, html.dark .sf-c-txt-maroon\:40\:dark { color: hsl(var(--sf-dark-c-txt-maroon-40)) } +html[data-theme='dark'] .sf-c-txt-maroon\:45\:dark, html.dark .sf-c-txt-maroon\:45\:dark { color: hsl(var(--sf-dark-c-txt-maroon-45)) } +html[data-theme='dark'] .sf-c-txt-maroon\:50\:dark, html.dark .sf-c-txt-maroon\:50\:dark { color: hsl(var(--sf-dark-c-txt-maroon-50)) } +html[data-theme='dark'] .sf-c-txt-maroon\:55\:dark, html.dark .sf-c-txt-maroon\:55\:dark { color: hsl(var(--sf-dark-c-txt-maroon-55)) } +html[data-theme='dark'] .sf-c-txt-maroon\:60\:dark, html.dark .sf-c-txt-maroon\:60\:dark { color: hsl(var(--sf-dark-c-txt-maroon-60)) } +html[data-theme='dark'] .sf-c-txt-maroon\:65\:dark, html.dark .sf-c-txt-maroon\:65\:dark { color: hsl(var(--sf-dark-c-txt-maroon-65)) } +html[data-theme='dark'] .sf-c-txt-maroon\:70\:dark, html.dark .sf-c-txt-maroon\:70\:dark { color: hsl(var(--sf-dark-c-txt-maroon-70)) } +html[data-theme='dark'] .sf-c-txt-maroon\:75\:dark, html.dark .sf-c-txt-maroon\:75\:dark { color: hsl(var(--sf-dark-c-txt-maroon-75)) } +html[data-theme='dark'] .sf-c-txt-maroon\:80\:dark, html.dark .sf-c-txt-maroon\:80\:dark { color: hsl(var(--sf-dark-c-txt-maroon-80)) } +html[data-theme='dark'] .sf-c-txt-maroon\:85\:dark, html.dark .sf-c-txt-maroon\:85\:dark { color: hsl(var(--sf-dark-c-txt-maroon-85)) } +html[data-theme='dark'] .sf-c-txt-maroon\:90\:dark, html.dark .sf-c-txt-maroon\:90\:dark { color: hsl(var(--sf-dark-c-txt-maroon-90)) } +html[data-theme='dark'] .sf-c-txt-maroon\:95\:dark, html.dark .sf-c-txt-maroon\:95\:dark { color: hsl(var(--sf-dark-c-txt-maroon-95)) } +html[data-theme='dark'] .sf-c-txt-maroon\:100\:dark, html.dark .sf-c-txt-maroon\:100\:dark { color: hsl(var(--sf-dark-c-txt-maroon-100)) } + html.var[data-theme='dark'] .sf-c-maroon, html.var.dark .sf-c-maroon { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } html.var[data-theme='dark'] .sf-c-maroon\:0, html.var.dark .sf-c-maroon\:0 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 100%) } html.var[data-theme='dark'] .sf-c-maroon\:5, html.var.dark .sf-c-maroon\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-maroon\:90\:dark, html.var.dark .sf-c-maroon\: html.var[data-theme='dark'] .sf-c-maroon\:95\:dark, html.var.dark .sf-c-maroon\:95\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } html.var[data-theme='dark'] .sf-c-maroon\:100\:dark, html.var.dark .sf-c-maroon\:100\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-maroon, html.dark .sf-c-txt-maroon { color: hsl(0, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:0, html.dark .sf-c-txt-maroon\:0 { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:5, html.dark .sf-c-txt-maroon\:5 { color: hsl(0, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:10, html.dark .sf-c-txt-maroon\:10 { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:15, html.dark .sf-c-txt-maroon\:15 { color: hsl(0, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:20, html.dark .sf-c-txt-maroon\:20 { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:25, html.dark .sf-c-txt-maroon\:25 { color: hsl(0, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:30, html.dark .sf-c-txt-maroon\:30 { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:35, html.dark .sf-c-txt-maroon\:35 { color: hsl(0, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:40, html.dark .sf-c-txt-maroon\:40 { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:45, html.dark .sf-c-txt-maroon\:45 { color: hsl(0, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:50, html.dark .sf-c-txt-maroon\:50 { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:55, html.dark .sf-c-txt-maroon\:55 { color: hsl(0, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:60, html.dark .sf-c-txt-maroon\:60 { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:65, html.dark .sf-c-txt-maroon\:65 { color: hsl(0, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:70, html.dark .sf-c-txt-maroon\:70 { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:75, html.dark .sf-c-txt-maroon\:75 { color: hsl(0, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:80, html.dark .sf-c-txt-maroon\:80 { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:85, html.dark .sf-c-txt-maroon\:85 { color: hsl(0, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:90, html.dark .sf-c-txt-maroon\:90 { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:95, html.dark .sf-c-txt-maroon\:95 { color: hsl(0, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:100, html.dark .sf-c-txt-maroon\:100 { color: hsl(0, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-maroon\:dark, html.dark .sf-c-txt-maroon\:dark { color: hsl(0, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:0\:dark, html.dark .sf-c-txt-maroon\:0\:dark { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:5\:dark, html.dark .sf-c-txt-maroon\:5\:dark { color: hsl(0, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:10\:dark, html.dark .sf-c-txt-maroon\:10\:dark { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:15\:dark, html.dark .sf-c-txt-maroon\:15\:dark { color: hsl(0, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:20\:dark, html.dark .sf-c-txt-maroon\:20\:dark { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:25\:dark, html.dark .sf-c-txt-maroon\:25\:dark { color: hsl(0, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:30\:dark, html.dark .sf-c-txt-maroon\:30\:dark { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:35\:dark, html.dark .sf-c-txt-maroon\:35\:dark { color: hsl(0, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:40\:dark, html.dark .sf-c-txt-maroon\:40\:dark { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:45\:dark, html.dark .sf-c-txt-maroon\:45\:dark { color: hsl(0, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:50\:dark, html.dark .sf-c-txt-maroon\:50\:dark { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:55\:dark, html.dark .sf-c-txt-maroon\:55\:dark { color: hsl(0, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:60\:dark, html.dark .sf-c-txt-maroon\:60\:dark { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:65\:dark, html.dark .sf-c-txt-maroon\:65\:dark { color: hsl(0, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:70\:dark, html.dark .sf-c-txt-maroon\:70\:dark { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:75\:dark, html.dark .sf-c-txt-maroon\:75\:dark { color: hsl(0, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:80\:dark, html.dark .sf-c-txt-maroon\:80\:dark { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:85\:dark, html.dark .sf-c-txt-maroon\:85\:dark { color: hsl(0, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:90\:dark, html.dark .sf-c-txt-maroon\:90\:dark { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:95\:dark, html.dark .sf-c-txt-maroon\:95\:dark { color: hsl(0, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-maroon\:100\:dark, html.dark .sf-c-txt-maroon\:100\:dark { color: hsl(0, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-maroon, html.auto .sf-c-maroon { color: hsl(var(--sf-dark-c-txt-maroon-5)); background: hsl(var(--sf-dark-c-maroon)) } html[data-theme='auto'] .sf-c-maroon\:0, html.auto .sf-c-maroon\:0 { color: hsl(var(--sf-dark-c-txt-maroon-95)); background: hsl(var(--sf-dark-c-maroon-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-maroon\:100\:dark, html.var.dark .sf-c-maroon\ html[data-theme='auto'] .sf-c-maroon\:95\:dark, html.auto .sf-c-maroon\:95\:dark { color: hsl(var(--sf-c-txt-maroon-95)); background: hsl(var(--sf-c-maroon-5)) } html[data-theme='auto'] .sf-c-maroon\:100\:dark, html.auto .sf-c-maroon\:100\:dark { color: hsl(var(--sf-c-txt-maroon-95)); background: hsl(var(--sf-c-maroon-0)) } + html[data-theme='auto'] .sf-c-txt-maroon, html.auto .sf-c-txt-maroon { color: hsl(var(--sf-c-txt-maroon)) } + html[data-theme='auto'] .sf-c-txt-maroon\:0, html.auto .sf-c-txt-maroon\:0 { color: hsl(var(--sf-c-txt-maroon-0)) } + html[data-theme='auto'] .sf-c-txt-maroon\:5, html.auto .sf-c-txt-maroon\:5 { color: hsl(var(--sf-c-txt-maroon-5)) } + html[data-theme='auto'] .sf-c-txt-maroon\:10, html.auto .sf-c-txt-maroon\:10 { color: hsl(var(--sf-c-txt-maroon-10)) } + html[data-theme='auto'] .sf-c-txt-maroon\:15, html.auto .sf-c-txt-maroon\:15 { color: hsl(var(--sf-c-txt-maroon-15)) } + html[data-theme='auto'] .sf-c-txt-maroon\:20, html.auto .sf-c-txt-maroon\:20 { color: hsl(var(--sf-c-txt-maroon-20)) } + html[data-theme='auto'] .sf-c-txt-maroon\:25, html.auto .sf-c-txt-maroon\:25 { color: hsl(var(--sf-c-txt-maroon-25)) } + html[data-theme='auto'] .sf-c-txt-maroon\:30, html.auto .sf-c-txt-maroon\:30 { color: hsl(var(--sf-c-txt-maroon-30)) } + html[data-theme='auto'] .sf-c-txt-maroon\:35, html.auto .sf-c-txt-maroon\:35 { color: hsl(var(--sf-c-txt-maroon-35)) } + html[data-theme='auto'] .sf-c-txt-maroon\:40, html.auto .sf-c-txt-maroon\:40 { color: hsl(var(--sf-c-txt-maroon-40)) } + html[data-theme='auto'] .sf-c-txt-maroon\:45, html.auto .sf-c-txt-maroon\:45 { color: hsl(var(--sf-c-txt-maroon-45)) } + html[data-theme='auto'] .sf-c-txt-maroon\:50, html.auto .sf-c-txt-maroon\:50 { color: hsl(var(--sf-c-txt-maroon-50)) } + html[data-theme='auto'] .sf-c-txt-maroon\:55, html.auto .sf-c-txt-maroon\:55 { color: hsl(var(--sf-c-txt-maroon-55)) } + html[data-theme='auto'] .sf-c-txt-maroon\:60, html.auto .sf-c-txt-maroon\:60 { color: hsl(var(--sf-c-txt-maroon-60)) } + html[data-theme='auto'] .sf-c-txt-maroon\:65, html.auto .sf-c-txt-maroon\:65 { color: hsl(var(--sf-c-txt-maroon-65)) } + html[data-theme='auto'] .sf-c-txt-maroon\:70, html.auto .sf-c-txt-maroon\:70 { color: hsl(var(--sf-c-txt-maroon-70)) } + html[data-theme='auto'] .sf-c-txt-maroon\:75, html.auto .sf-c-txt-maroon\:75 { color: hsl(var(--sf-c-txt-maroon-75)) } + html[data-theme='auto'] .sf-c-txt-maroon\:80, html.auto .sf-c-txt-maroon\:80 { color: hsl(var(--sf-c-txt-maroon-80)) } + html[data-theme='auto'] .sf-c-txt-maroon\:85, html.auto .sf-c-txt-maroon\:85 { color: hsl(var(--sf-c-txt-maroon-85)) } + html[data-theme='auto'] .sf-c-txt-maroon\:90, html.auto .sf-c-txt-maroon\:90 { color: hsl(var(--sf-c-txt-maroon-90)) } + html[data-theme='auto'] .sf-c-txt-maroon\:95, html.auto .sf-c-txt-maroon\:95 { color: hsl(var(--sf-c-txt-maroon-95)) } + html[data-theme='auto'] .sf-c-txt-maroon\:100, html.auto .sf-c-txt-maroon\:100 { color: hsl(var(--sf-c-txt-maroon-100)) } + + html[data-theme='auto'] .sf-c-txt-maroon\:dark, html.auto .sf-c-txt-maroon\:dark { color: hsl(var(--sf-c-txt-maroon)) } + html[data-theme='auto'] .sf-c-txt-maroon\:0\:dark, html.auto .sf-c-txt-maroon\:0\:dark { color: hsl(var(--sf-c-txt-maroon-0)) } + html[data-theme='auto'] .sf-c-txt-maroon\:5\:dark, html.auto .sf-c-txt-maroon\:5\:dark { color: hsl(var(--sf-c-txt-maroon-5)) } + html[data-theme='auto'] .sf-c-txt-maroon\:10\:dark, html.auto .sf-c-txt-maroon\:10\:dark { color: hsl(var(--sf-c-txt-maroon-10)) } + html[data-theme='auto'] .sf-c-txt-maroon\:15\:dark, html.auto .sf-c-txt-maroon\:15\:dark { color: hsl(var(--sf-c-txt-maroon-15)) } + html[data-theme='auto'] .sf-c-txt-maroon\:20\:dark, html.auto .sf-c-txt-maroon\:20\:dark { color: hsl(var(--sf-c-txt-maroon-20)) } + html[data-theme='auto'] .sf-c-txt-maroon\:25\:dark, html.auto .sf-c-txt-maroon\:25\:dark { color: hsl(var(--sf-c-txt-maroon-25)) } + html[data-theme='auto'] .sf-c-txt-maroon\:30\:dark, html.auto .sf-c-txt-maroon\:30\:dark { color: hsl(var(--sf-c-txt-maroon-30)) } + html[data-theme='auto'] .sf-c-txt-maroon\:35\:dark, html.auto .sf-c-txt-maroon\:35\:dark { color: hsl(var(--sf-c-txt-maroon-35)) } + html[data-theme='auto'] .sf-c-txt-maroon\:40\:dark, html.auto .sf-c-txt-maroon\:40\:dark { color: hsl(var(--sf-c-txt-maroon-40)) } + html[data-theme='auto'] .sf-c-txt-maroon\:45\:dark, html.auto .sf-c-txt-maroon\:45\:dark { color: hsl(var(--sf-c-txt-maroon-45)) } + html[data-theme='auto'] .sf-c-txt-maroon\:50\:dark, html.auto .sf-c-txt-maroon\:50\:dark { color: hsl(var(--sf-c-txt-maroon-50)) } + html[data-theme='auto'] .sf-c-txt-maroon\:55\:dark, html.auto .sf-c-txt-maroon\:55\:dark { color: hsl(var(--sf-c-txt-maroon-55)) } + html[data-theme='auto'] .sf-c-txt-maroon\:60\:dark, html.auto .sf-c-txt-maroon\:60\:dark { color: hsl(var(--sf-c-txt-maroon-60)) } + html[data-theme='auto'] .sf-c-txt-maroon\:65\:dark, html.auto .sf-c-txt-maroon\:65\:dark { color: hsl(var(--sf-c-txt-maroon-65)) } + html[data-theme='auto'] .sf-c-txt-maroon\:70\:dark, html.auto .sf-c-txt-maroon\:70\:dark { color: hsl(var(--sf-c-txt-maroon-70)) } + html[data-theme='auto'] .sf-c-txt-maroon\:75\:dark, html.auto .sf-c-txt-maroon\:75\:dark { color: hsl(var(--sf-c-txt-maroon-75)) } + html[data-theme='auto'] .sf-c-txt-maroon\:80\:dark, html.auto .sf-c-txt-maroon\:80\:dark { color: hsl(var(--sf-c-txt-maroon-80)) } + html[data-theme='auto'] .sf-c-txt-maroon\:85\:dark, html.auto .sf-c-txt-maroon\:85\:dark { color: hsl(var(--sf-c-txt-maroon-85)) } + html[data-theme='auto'] .sf-c-txt-maroon\:90\:dark, html.auto .sf-c-txt-maroon\:90\:dark { color: hsl(var(--sf-c-txt-maroon-90)) } + html[data-theme='auto'] .sf-c-txt-maroon\:95\:dark, html.auto .sf-c-txt-maroon\:95\:dark { color: hsl(var(--sf-c-txt-maroon-95)) } + html[data-theme='auto'] .sf-c-txt-maroon\:100\:dark, html.auto .sf-c-txt-maroon\:100\:dark { color: hsl(var(--sf-c-txt-maroon-100)) } + html.var[data-theme='auto'] .sf-c-maroon, html.var.auto .sf-c-maroon { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 75%) } html.var[data-theme='auto'] .sf-c-maroon\:0, html.var.auto .sf-c-maroon\:0 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 100%) } html.var[data-theme='auto'] .sf-c-maroon\:5, html.var.auto .sf-c-maroon\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-maroon\:100\:dark, html.var.dark .sf-c-maroon\ html.var[data-theme='auto'] .sf-c-maroon\:90\:dark, html.var.auto .sf-c-maroon\:90\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } html.var[data-theme='auto'] .sf-c-maroon\:95\:dark, html.var.auto .sf-c-maroon\:95\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } html.var[data-theme='auto'] .sf-c-maroon\:100\:dark, html.var.auto .sf-c-maroon\:100\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } -} -.sf-c-txt-maroon { color: hsl(var(--sf-c-txt-maroon)) } -.sf-c-txt-maroon\:0 { color: hsl(var(--sf-c-txt-maroon-0)) } -.sf-c-txt-maroon\:5 { color: hsl(var(--sf-c-txt-maroon-5)) } -.sf-c-txt-maroon\:10 { color: hsl(var(--sf-c-txt-maroon-10)) } -.sf-c-txt-maroon\:15 { color: hsl(var(--sf-c-txt-maroon-15)) } -.sf-c-txt-maroon\:20 { color: hsl(var(--sf-c-txt-maroon-20)) } -.sf-c-txt-maroon\:25 { color: hsl(var(--sf-c-txt-maroon-25)) } -.sf-c-txt-maroon\:30 { color: hsl(var(--sf-c-txt-maroon-30)) } -.sf-c-txt-maroon\:35 { color: hsl(var(--sf-c-txt-maroon-35)) } -.sf-c-txt-maroon\:40 { color: hsl(var(--sf-c-txt-maroon-40)) } -.sf-c-txt-maroon\:45 { color: hsl(var(--sf-c-txt-maroon-45)) } -.sf-c-txt-maroon\:50 { color: hsl(var(--sf-c-txt-maroon-50)) } -.sf-c-txt-maroon\:55 { color: hsl(var(--sf-c-txt-maroon-55)) } -.sf-c-txt-maroon\:60 { color: hsl(var(--sf-c-txt-maroon-60)) } -.sf-c-txt-maroon\:65 { color: hsl(var(--sf-c-txt-maroon-65)) } -.sf-c-txt-maroon\:70 { color: hsl(var(--sf-c-txt-maroon-70)) } -.sf-c-txt-maroon\:75 { color: hsl(var(--sf-c-txt-maroon-75)) } -.sf-c-txt-maroon\:80 { color: hsl(var(--sf-c-txt-maroon-80)) } -.sf-c-txt-maroon\:85 { color: hsl(var(--sf-c-txt-maroon-85)) } -.sf-c-txt-maroon\:90 { color: hsl(var(--sf-c-txt-maroon-90)) } -.sf-c-txt-maroon\:95 { color: hsl(var(--sf-c-txt-maroon-95)) } -.sf-c-txt-maroon\:100 { color: hsl(var(--sf-c-txt-maroon-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-maroon, html.auto .sf-c-txt-maroon { color: hsl(0, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:0, html.auto .sf-c-txt-maroon\:0 { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:5, html.auto .sf-c-txt-maroon\:5 { color: hsl(0, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:10, html.auto .sf-c-txt-maroon\:10 { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:15, html.auto .sf-c-txt-maroon\:15 { color: hsl(0, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:20, html.auto .sf-c-txt-maroon\:20 { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:25, html.auto .sf-c-txt-maroon\:25 { color: hsl(0, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:30, html.auto .sf-c-txt-maroon\:30 { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:35, html.auto .sf-c-txt-maroon\:35 { color: hsl(0, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:40, html.auto .sf-c-txt-maroon\:40 { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:45, html.auto .sf-c-txt-maroon\:45 { color: hsl(0, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:50, html.auto .sf-c-txt-maroon\:50 { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:55, html.auto .sf-c-txt-maroon\:55 { color: hsl(0, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:60, html.auto .sf-c-txt-maroon\:60 { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:65, html.auto .sf-c-txt-maroon\:65 { color: hsl(0, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:70, html.auto .sf-c-txt-maroon\:70 { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:75, html.auto .sf-c-txt-maroon\:75 { color: hsl(0, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:80, html.auto .sf-c-txt-maroon\:80 { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:85, html.auto .sf-c-txt-maroon\:85 { color: hsl(0, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:90, html.auto .sf-c-txt-maroon\:90 { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:95, html.auto .sf-c-txt-maroon\:95 { color: hsl(0, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:100, html.auto .sf-c-txt-maroon\:100 { color: hsl(0, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-maroon\:dark, html.auto .sf-c-txt-maroon\:dark { color: hsl(0, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:0\:dark, html.auto .sf-c-txt-maroon\:0\:dark { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:5\:dark, html.auto .sf-c-txt-maroon\:5\:dark { color: hsl(0, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:10\:dark, html.auto .sf-c-txt-maroon\:10\:dark { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:15\:dark, html.auto .sf-c-txt-maroon\:15\:dark { color: hsl(0, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:20\:dark, html.auto .sf-c-txt-maroon\:20\:dark { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:25\:dark, html.auto .sf-c-txt-maroon\:25\:dark { color: hsl(0, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:30\:dark, html.auto .sf-c-txt-maroon\:30\:dark { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:35\:dark, html.auto .sf-c-txt-maroon\:35\:dark { color: hsl(0, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:40\:dark, html.auto .sf-c-txt-maroon\:40\:dark { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:45\:dark, html.auto .sf-c-txt-maroon\:45\:dark { color: hsl(0, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:50\:dark, html.auto .sf-c-txt-maroon\:50\:dark { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:55\:dark, html.auto .sf-c-txt-maroon\:55\:dark { color: hsl(0, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:60\:dark, html.auto .sf-c-txt-maroon\:60\:dark { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:65\:dark, html.auto .sf-c-txt-maroon\:65\:dark { color: hsl(0, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:70\:dark, html.auto .sf-c-txt-maroon\:70\:dark { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:75\:dark, html.auto .sf-c-txt-maroon\:75\:dark { color: hsl(0, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:80\:dark, html.auto .sf-c-txt-maroon\:80\:dark { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:85\:dark, html.auto .sf-c-txt-maroon\:85\:dark { color: hsl(0, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:90\:dark, html.auto .sf-c-txt-maroon\:90\:dark { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:95\:dark, html.auto .sf-c-txt-maroon\:95\:dark { color: hsl(0, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-maroon\:100\:dark, html.auto .sf-c-txt-maroon\:100\:dark { color: hsl(0, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/mediumaquamarine.css b/src/colors/20/mediumaquamarine.css index 3f0e120..b8a3fc9 100644 --- a/src/colors/20/mediumaquamarine.css +++ b/src/colors/20/mediumaquamarine.css @@ -138,6 +138,52 @@ html.var .sf-c-mediumaquamarine\:90 { color: hsl(160, 51%, 5%); background: hsl( html.var .sf-c-mediumaquamarine\:95 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 95%) } html.var .sf-c-mediumaquamarine\:100 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 100%) } +.sf-c-txt-mediumaquamarine { color: hsl(var(--sf-dark-c-txt-mediumaquamarine)) } +.sf-c-txt-mediumaquamarine\:0 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-100)) } +.sf-c-txt-mediumaquamarine\:5 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-95)) } +.sf-c-txt-mediumaquamarine\:10 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-90)) } +.sf-c-txt-mediumaquamarine\:15 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-85)) } +.sf-c-txt-mediumaquamarine\:20 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-80)) } +.sf-c-txt-mediumaquamarine\:25 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-75)) } +.sf-c-txt-mediumaquamarine\:30 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-70)) } +.sf-c-txt-mediumaquamarine\:35 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-65)) } +.sf-c-txt-mediumaquamarine\:40 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-60)) } +.sf-c-txt-mediumaquamarine\:45 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-55)) } +.sf-c-txt-mediumaquamarine\:50 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-50)) } +.sf-c-txt-mediumaquamarine\:55 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-45)) } +.sf-c-txt-mediumaquamarine\:60 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-40)) } +.sf-c-txt-mediumaquamarine\:65 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-35)) } +.sf-c-txt-mediumaquamarine\:70 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-30)) } +.sf-c-txt-mediumaquamarine\:75 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-25)) } +.sf-c-txt-mediumaquamarine\:80 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-20)) } +.sf-c-txt-mediumaquamarine\:85 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-15)) } +.sf-c-txt-mediumaquamarine\:90 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-10)) } +.sf-c-txt-mediumaquamarine\:95 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-5)) } +.sf-c-txt-mediumaquamarine\:100 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-0)) } + +html.var .sf-c-txt-mediumaquamarine { color: hsl(160, 51%, 40%) } +html.var .sf-c-txt-mediumaquamarine\:0 { color: hsl(160, 51%, 100%) } +html.var .sf-c-txt-mediumaquamarine\:5 { color: hsl(160, 51%, 95%) } +html.var .sf-c-txt-mediumaquamarine\:10 { color: hsl(160, 51%, 90%) } +html.var .sf-c-txt-mediumaquamarine\:15 { color: hsl(160, 51%, 85%) } +html.var .sf-c-txt-mediumaquamarine\:20 { color: hsl(160, 51%, 80%) } +html.var .sf-c-txt-mediumaquamarine\:25 { color: hsl(160, 51%, 75%) } +html.var .sf-c-txt-mediumaquamarine\:30 { color: hsl(160, 51%, 70%) } +html.var .sf-c-txt-mediumaquamarine\:35 { color: hsl(160, 51%, 65%) } +html.var .sf-c-txt-mediumaquamarine\:40 { color: hsl(160, 51%, 60%) } +html.var .sf-c-txt-mediumaquamarine\:45 { color: hsl(160, 51%, 55%) } +html.var .sf-c-txt-mediumaquamarine\:50 { color: hsl(160, 51%, 50%) } +html.var .sf-c-txt-mediumaquamarine\:55 { color: hsl(160, 51%, 45%) } +html.var .sf-c-txt-mediumaquamarine\:60 { color: hsl(160, 51%, 40%) } +html.var .sf-c-txt-mediumaquamarine\:65 { color: hsl(160, 51%, 35%) } +html.var .sf-c-txt-mediumaquamarine\:70 { color: hsl(160, 51%, 30%) } +html.var .sf-c-txt-mediumaquamarine\:75 { color: hsl(160, 51%, 25%) } +html.var .sf-c-txt-mediumaquamarine\:80 { color: hsl(160, 51%, 20%) } +html.var .sf-c-txt-mediumaquamarine\:85 { color: hsl(160, 51%, 15%) } +html.var .sf-c-txt-mediumaquamarine\:90 { color: hsl(160, 51%, 10%) } +html.var .sf-c-txt-mediumaquamarine\:95 { color: hsl(160, 51%, 5%) } +html.var .sf-c-txt-mediumaquamarine\:100 { color: hsl(160, 51%, 0%) } + html[data-theme='dark'] .sf-c-mediumaquamarine, html.dark .sf-c-mediumaquamarine { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-95)); background: hsl(var(--sf-dark-c-mediumaquamarine)) } html[data-theme='dark'] .sf-c-mediumaquamarine\:0, html.dark .sf-c-mediumaquamarine\:0 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-95)); background: hsl(var(--sf-dark-c-mediumaquamarine-100)) } html[data-theme='dark'] .sf-c-mediumaquamarine\:5, html.dark .sf-c-mediumaquamarine\:5 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-5)); background: hsl(var(--sf-dark-c-mediumaquamarine-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-mediumaquamarine\:90\:dark, html.dark .sf-c-medium html[data-theme='dark'] .sf-c-mediumaquamarine\:95\:dark, html.dark .sf-c-mediumaquamarine\:95\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-95)); background: hsl(var(--sf-c-mediumaquamarine-5)) } html[data-theme='dark'] .sf-c-mediumaquamarine\:100\:dark, html.dark .sf-c-mediumaquamarine\:100\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-95)); background: hsl(var(--sf-c-mediumaquamarine-0)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine, html.dark .sf-c-txt-mediumaquamarine { color: hsl(var(--sf-c-txt-mediumaquamarine)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:0, html.dark .sf-c-txt-mediumaquamarine\:0 { color: hsl(var(--sf-c-txt-mediumaquamarine-0)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:5, html.dark .sf-c-txt-mediumaquamarine\:5 { color: hsl(var(--sf-c-txt-mediumaquamarine-5)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:10, html.dark .sf-c-txt-mediumaquamarine\:10 { color: hsl(var(--sf-c-txt-mediumaquamarine-10)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:15, html.dark .sf-c-txt-mediumaquamarine\:15 { color: hsl(var(--sf-c-txt-mediumaquamarine-15)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:20, html.dark .sf-c-txt-mediumaquamarine\:20 { color: hsl(var(--sf-c-txt-mediumaquamarine-20)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:25, html.dark .sf-c-txt-mediumaquamarine\:25 { color: hsl(var(--sf-c-txt-mediumaquamarine-25)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:30, html.dark .sf-c-txt-mediumaquamarine\:30 { color: hsl(var(--sf-c-txt-mediumaquamarine-30)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:35, html.dark .sf-c-txt-mediumaquamarine\:35 { color: hsl(var(--sf-c-txt-mediumaquamarine-35)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:40, html.dark .sf-c-txt-mediumaquamarine\:40 { color: hsl(var(--sf-c-txt-mediumaquamarine-40)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:45, html.dark .sf-c-txt-mediumaquamarine\:45 { color: hsl(var(--sf-c-txt-mediumaquamarine-45)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:50, html.dark .sf-c-txt-mediumaquamarine\:50 { color: hsl(var(--sf-c-txt-mediumaquamarine-50)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:55, html.dark .sf-c-txt-mediumaquamarine\:55 { color: hsl(var(--sf-c-txt-mediumaquamarine-55)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:60, html.dark .sf-c-txt-mediumaquamarine\:60 { color: hsl(var(--sf-c-txt-mediumaquamarine-60)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:65, html.dark .sf-c-txt-mediumaquamarine\:65 { color: hsl(var(--sf-c-txt-mediumaquamarine-65)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:70, html.dark .sf-c-txt-mediumaquamarine\:70 { color: hsl(var(--sf-c-txt-mediumaquamarine-70)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:75, html.dark .sf-c-txt-mediumaquamarine\:75 { color: hsl(var(--sf-c-txt-mediumaquamarine-75)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:80, html.dark .sf-c-txt-mediumaquamarine\:80 { color: hsl(var(--sf-c-txt-mediumaquamarine-80)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:85, html.dark .sf-c-txt-mediumaquamarine\:85 { color: hsl(var(--sf-c-txt-mediumaquamarine-85)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:90, html.dark .sf-c-txt-mediumaquamarine\:90 { color: hsl(var(--sf-c-txt-mediumaquamarine-90)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:95, html.dark .sf-c-txt-mediumaquamarine\:95 { color: hsl(var(--sf-c-txt-mediumaquamarine-95)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:100, html.dark .sf-c-txt-mediumaquamarine\:100 { color: hsl(var(--sf-c-txt-mediumaquamarine-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:dark, html.dark .sf-c-txt-mediumaquamarine\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:0\:dark, html.dark .sf-c-txt-mediumaquamarine\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-0)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:5\:dark, html.dark .sf-c-txt-mediumaquamarine\:5\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-5)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:10\:dark, html.dark .sf-c-txt-mediumaquamarine\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-10)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:15\:dark, html.dark .sf-c-txt-mediumaquamarine\:15\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-15)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:20\:dark, html.dark .sf-c-txt-mediumaquamarine\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-20)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:25\:dark, html.dark .sf-c-txt-mediumaquamarine\:25\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-25)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:30\:dark, html.dark .sf-c-txt-mediumaquamarine\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-30)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:35\:dark, html.dark .sf-c-txt-mediumaquamarine\:35\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-35)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:40\:dark, html.dark .sf-c-txt-mediumaquamarine\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-40)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:45\:dark, html.dark .sf-c-txt-mediumaquamarine\:45\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-45)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:50\:dark, html.dark .sf-c-txt-mediumaquamarine\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-50)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:55\:dark, html.dark .sf-c-txt-mediumaquamarine\:55\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-55)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:60\:dark, html.dark .sf-c-txt-mediumaquamarine\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-60)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:65\:dark, html.dark .sf-c-txt-mediumaquamarine\:65\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-65)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:70\:dark, html.dark .sf-c-txt-mediumaquamarine\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-70)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:75\:dark, html.dark .sf-c-txt-mediumaquamarine\:75\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-75)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:80\:dark, html.dark .sf-c-txt-mediumaquamarine\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-80)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:85\:dark, html.dark .sf-c-txt-mediumaquamarine\:85\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-85)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:90\:dark, html.dark .sf-c-txt-mediumaquamarine\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-90)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:95\:dark, html.dark .sf-c-txt-mediumaquamarine\:95\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-95)) } +html[data-theme='dark'] .sf-c-txt-mediumaquamarine\:100\:dark, html.dark .sf-c-txt-mediumaquamarine\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-100)) } + html.var[data-theme='dark'] .sf-c-mediumaquamarine, html.var.dark .sf-c-mediumaquamarine { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 40%) } html.var[data-theme='dark'] .sf-c-mediumaquamarine\:0, html.var.dark .sf-c-mediumaquamarine\:0 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 100%) } html.var[data-theme='dark'] .sf-c-mediumaquamarine\:5, html.var.dark .sf-c-mediumaquamarine\:5 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-mediumaquamarine\:90\:dark, html.var.dark .sf- html.var[data-theme='dark'] .sf-c-mediumaquamarine\:95\:dark, html.var.dark .sf-c-mediumaquamarine\:95\:dark { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 5%) } html.var[data-theme='dark'] .sf-c-mediumaquamarine\:100\:dark, html.var.dark .sf-c-mediumaquamarine\:100\:dark { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine, html.dark .sf-c-txt-mediumaquamarine { color: hsl(160, 51%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:0, html.dark .sf-c-txt-mediumaquamarine\:0 { color: hsl(160, 51%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:5, html.dark .sf-c-txt-mediumaquamarine\:5 { color: hsl(160, 51%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:10, html.dark .sf-c-txt-mediumaquamarine\:10 { color: hsl(160, 51%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:15, html.dark .sf-c-txt-mediumaquamarine\:15 { color: hsl(160, 51%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:20, html.dark .sf-c-txt-mediumaquamarine\:20 { color: hsl(160, 51%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:25, html.dark .sf-c-txt-mediumaquamarine\:25 { color: hsl(160, 51%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:30, html.dark .sf-c-txt-mediumaquamarine\:30 { color: hsl(160, 51%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:35, html.dark .sf-c-txt-mediumaquamarine\:35 { color: hsl(160, 51%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:40, html.dark .sf-c-txt-mediumaquamarine\:40 { color: hsl(160, 51%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:45, html.dark .sf-c-txt-mediumaquamarine\:45 { color: hsl(160, 51%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:50, html.dark .sf-c-txt-mediumaquamarine\:50 { color: hsl(160, 51%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:55, html.dark .sf-c-txt-mediumaquamarine\:55 { color: hsl(160, 51%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:60, html.dark .sf-c-txt-mediumaquamarine\:60 { color: hsl(160, 51%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:65, html.dark .sf-c-txt-mediumaquamarine\:65 { color: hsl(160, 51%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:70, html.dark .sf-c-txt-mediumaquamarine\:70 { color: hsl(160, 51%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:75, html.dark .sf-c-txt-mediumaquamarine\:75 { color: hsl(160, 51%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:80, html.dark .sf-c-txt-mediumaquamarine\:80 { color: hsl(160, 51%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:85, html.dark .sf-c-txt-mediumaquamarine\:85 { color: hsl(160, 51%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:90, html.dark .sf-c-txt-mediumaquamarine\:90 { color: hsl(160, 51%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:95, html.dark .sf-c-txt-mediumaquamarine\:95 { color: hsl(160, 51%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:100, html.dark .sf-c-txt-mediumaquamarine\:100 { color: hsl(160, 51%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:dark, html.dark .sf-c-txt-mediumaquamarine\:dark { color: hsl(160, 51%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:0\:dark, html.dark .sf-c-txt-mediumaquamarine\:0\:dark { color: hsl(160, 51%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:5\:dark, html.dark .sf-c-txt-mediumaquamarine\:5\:dark { color: hsl(160, 51%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:10\:dark, html.dark .sf-c-txt-mediumaquamarine\:10\:dark { color: hsl(160, 51%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:15\:dark, html.dark .sf-c-txt-mediumaquamarine\:15\:dark { color: hsl(160, 51%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:20\:dark, html.dark .sf-c-txt-mediumaquamarine\:20\:dark { color: hsl(160, 51%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:25\:dark, html.dark .sf-c-txt-mediumaquamarine\:25\:dark { color: hsl(160, 51%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:30\:dark, html.dark .sf-c-txt-mediumaquamarine\:30\:dark { color: hsl(160, 51%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:35\:dark, html.dark .sf-c-txt-mediumaquamarine\:35\:dark { color: hsl(160, 51%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:40\:dark, html.dark .sf-c-txt-mediumaquamarine\:40\:dark { color: hsl(160, 51%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:45\:dark, html.dark .sf-c-txt-mediumaquamarine\:45\:dark { color: hsl(160, 51%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:50\:dark, html.dark .sf-c-txt-mediumaquamarine\:50\:dark { color: hsl(160, 51%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:55\:dark, html.dark .sf-c-txt-mediumaquamarine\:55\:dark { color: hsl(160, 51%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:60\:dark, html.dark .sf-c-txt-mediumaquamarine\:60\:dark { color: hsl(160, 51%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:65\:dark, html.dark .sf-c-txt-mediumaquamarine\:65\:dark { color: hsl(160, 51%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:70\:dark, html.dark .sf-c-txt-mediumaquamarine\:70\:dark { color: hsl(160, 51%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:75\:dark, html.dark .sf-c-txt-mediumaquamarine\:75\:dark { color: hsl(160, 51%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:80\:dark, html.dark .sf-c-txt-mediumaquamarine\:80\:dark { color: hsl(160, 51%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:85\:dark, html.dark .sf-c-txt-mediumaquamarine\:85\:dark { color: hsl(160, 51%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:90\:dark, html.dark .sf-c-txt-mediumaquamarine\:90\:dark { color: hsl(160, 51%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:95\:dark, html.dark .sf-c-txt-mediumaquamarine\:95\:dark { color: hsl(160, 51%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumaquamarine\:100\:dark, html.dark .sf-c-txt-mediumaquamarine\:100\:dark { color: hsl(160, 51%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumaquamarine, html.auto .sf-c-mediumaquamarine { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-95)); background: hsl(var(--sf-dark-c-mediumaquamarine)) } html[data-theme='auto'] .sf-c-mediumaquamarine\:0, html.auto .sf-c-mediumaquamarine\:0 { color: hsl(var(--sf-dark-c-txt-mediumaquamarine-95)); background: hsl(var(--sf-dark-c-mediumaquamarine-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-mediumaquamarine\:100\:dark, html.var.dark .sf html[data-theme='auto'] .sf-c-mediumaquamarine\:95\:dark, html.auto .sf-c-mediumaquamarine\:95\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-95)); background: hsl(var(--sf-c-mediumaquamarine-5)) } html[data-theme='auto'] .sf-c-mediumaquamarine\:100\:dark, html.auto .sf-c-mediumaquamarine\:100\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-95)); background: hsl(var(--sf-c-mediumaquamarine-0)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine, html.auto .sf-c-txt-mediumaquamarine { color: hsl(var(--sf-c-txt-mediumaquamarine)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:0, html.auto .sf-c-txt-mediumaquamarine\:0 { color: hsl(var(--sf-c-txt-mediumaquamarine-0)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:5, html.auto .sf-c-txt-mediumaquamarine\:5 { color: hsl(var(--sf-c-txt-mediumaquamarine-5)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:10, html.auto .sf-c-txt-mediumaquamarine\:10 { color: hsl(var(--sf-c-txt-mediumaquamarine-10)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:15, html.auto .sf-c-txt-mediumaquamarine\:15 { color: hsl(var(--sf-c-txt-mediumaquamarine-15)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:20, html.auto .sf-c-txt-mediumaquamarine\:20 { color: hsl(var(--sf-c-txt-mediumaquamarine-20)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:25, html.auto .sf-c-txt-mediumaquamarine\:25 { color: hsl(var(--sf-c-txt-mediumaquamarine-25)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:30, html.auto .sf-c-txt-mediumaquamarine\:30 { color: hsl(var(--sf-c-txt-mediumaquamarine-30)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:35, html.auto .sf-c-txt-mediumaquamarine\:35 { color: hsl(var(--sf-c-txt-mediumaquamarine-35)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:40, html.auto .sf-c-txt-mediumaquamarine\:40 { color: hsl(var(--sf-c-txt-mediumaquamarine-40)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:45, html.auto .sf-c-txt-mediumaquamarine\:45 { color: hsl(var(--sf-c-txt-mediumaquamarine-45)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:50, html.auto .sf-c-txt-mediumaquamarine\:50 { color: hsl(var(--sf-c-txt-mediumaquamarine-50)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:55, html.auto .sf-c-txt-mediumaquamarine\:55 { color: hsl(var(--sf-c-txt-mediumaquamarine-55)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:60, html.auto .sf-c-txt-mediumaquamarine\:60 { color: hsl(var(--sf-c-txt-mediumaquamarine-60)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:65, html.auto .sf-c-txt-mediumaquamarine\:65 { color: hsl(var(--sf-c-txt-mediumaquamarine-65)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:70, html.auto .sf-c-txt-mediumaquamarine\:70 { color: hsl(var(--sf-c-txt-mediumaquamarine-70)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:75, html.auto .sf-c-txt-mediumaquamarine\:75 { color: hsl(var(--sf-c-txt-mediumaquamarine-75)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:80, html.auto .sf-c-txt-mediumaquamarine\:80 { color: hsl(var(--sf-c-txt-mediumaquamarine-80)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:85, html.auto .sf-c-txt-mediumaquamarine\:85 { color: hsl(var(--sf-c-txt-mediumaquamarine-85)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:90, html.auto .sf-c-txt-mediumaquamarine\:90 { color: hsl(var(--sf-c-txt-mediumaquamarine-90)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:95, html.auto .sf-c-txt-mediumaquamarine\:95 { color: hsl(var(--sf-c-txt-mediumaquamarine-95)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:100, html.auto .sf-c-txt-mediumaquamarine\:100 { color: hsl(var(--sf-c-txt-mediumaquamarine-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:dark, html.auto .sf-c-txt-mediumaquamarine\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:0\:dark, html.auto .sf-c-txt-mediumaquamarine\:0\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-0)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:5\:dark, html.auto .sf-c-txt-mediumaquamarine\:5\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-5)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:10\:dark, html.auto .sf-c-txt-mediumaquamarine\:10\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-10)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:15\:dark, html.auto .sf-c-txt-mediumaquamarine\:15\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-15)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:20\:dark, html.auto .sf-c-txt-mediumaquamarine\:20\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-20)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:25\:dark, html.auto .sf-c-txt-mediumaquamarine\:25\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-25)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:30\:dark, html.auto .sf-c-txt-mediumaquamarine\:30\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-30)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:35\:dark, html.auto .sf-c-txt-mediumaquamarine\:35\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-35)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:40\:dark, html.auto .sf-c-txt-mediumaquamarine\:40\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-40)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:45\:dark, html.auto .sf-c-txt-mediumaquamarine\:45\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-45)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:50\:dark, html.auto .sf-c-txt-mediumaquamarine\:50\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-50)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:55\:dark, html.auto .sf-c-txt-mediumaquamarine\:55\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-55)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:60\:dark, html.auto .sf-c-txt-mediumaquamarine\:60\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-60)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:65\:dark, html.auto .sf-c-txt-mediumaquamarine\:65\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-65)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:70\:dark, html.auto .sf-c-txt-mediumaquamarine\:70\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-70)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:75\:dark, html.auto .sf-c-txt-mediumaquamarine\:75\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-75)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:80\:dark, html.auto .sf-c-txt-mediumaquamarine\:80\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-80)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:85\:dark, html.auto .sf-c-txt-mediumaquamarine\:85\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-85)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:90\:dark, html.auto .sf-c-txt-mediumaquamarine\:90\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-90)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:95\:dark, html.auto .sf-c-txt-mediumaquamarine\:95\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-95)) } + html[data-theme='auto'] .sf-c-txt-mediumaquamarine\:100\:dark, html.auto .sf-c-txt-mediumaquamarine\:100\:dark { color: hsl(var(--sf-c-txt-mediumaquamarine-100)) } + html.var[data-theme='auto'] .sf-c-mediumaquamarine, html.var.auto .sf-c-mediumaquamarine { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 40%) } html.var[data-theme='auto'] .sf-c-mediumaquamarine\:0, html.var.auto .sf-c-mediumaquamarine\:0 { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 100%) } html.var[data-theme='auto'] .sf-c-mediumaquamarine\:5, html.var.auto .sf-c-mediumaquamarine\:5 { color: hsl(160, 51%, 5%); background: hsl(160, 51%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-mediumaquamarine\:100\:dark, html.var.dark .sf html.var[data-theme='auto'] .sf-c-mediumaquamarine\:90\:dark, html.var.auto .sf-c-mediumaquamarine\:90\:dark { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 10%) } html.var[data-theme='auto'] .sf-c-mediumaquamarine\:95\:dark, html.var.auto .sf-c-mediumaquamarine\:95\:dark { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 5%) } html.var[data-theme='auto'] .sf-c-mediumaquamarine\:100\:dark, html.var.auto .sf-c-mediumaquamarine\:100\:dark { color: hsl(160, 51%, 95%); background: hsl(160, 51%, 0%) } -} -.sf-c-txt-mediumaquamarine { color: hsl(var(--sf-c-txt-mediumaquamarine)) } -.sf-c-txt-mediumaquamarine\:0 { color: hsl(var(--sf-c-txt-mediumaquamarine-0)) } -.sf-c-txt-mediumaquamarine\:5 { color: hsl(var(--sf-c-txt-mediumaquamarine-5)) } -.sf-c-txt-mediumaquamarine\:10 { color: hsl(var(--sf-c-txt-mediumaquamarine-10)) } -.sf-c-txt-mediumaquamarine\:15 { color: hsl(var(--sf-c-txt-mediumaquamarine-15)) } -.sf-c-txt-mediumaquamarine\:20 { color: hsl(var(--sf-c-txt-mediumaquamarine-20)) } -.sf-c-txt-mediumaquamarine\:25 { color: hsl(var(--sf-c-txt-mediumaquamarine-25)) } -.sf-c-txt-mediumaquamarine\:30 { color: hsl(var(--sf-c-txt-mediumaquamarine-30)) } -.sf-c-txt-mediumaquamarine\:35 { color: hsl(var(--sf-c-txt-mediumaquamarine-35)) } -.sf-c-txt-mediumaquamarine\:40 { color: hsl(var(--sf-c-txt-mediumaquamarine-40)) } -.sf-c-txt-mediumaquamarine\:45 { color: hsl(var(--sf-c-txt-mediumaquamarine-45)) } -.sf-c-txt-mediumaquamarine\:50 { color: hsl(var(--sf-c-txt-mediumaquamarine-50)) } -.sf-c-txt-mediumaquamarine\:55 { color: hsl(var(--sf-c-txt-mediumaquamarine-55)) } -.sf-c-txt-mediumaquamarine\:60 { color: hsl(var(--sf-c-txt-mediumaquamarine-60)) } -.sf-c-txt-mediumaquamarine\:65 { color: hsl(var(--sf-c-txt-mediumaquamarine-65)) } -.sf-c-txt-mediumaquamarine\:70 { color: hsl(var(--sf-c-txt-mediumaquamarine-70)) } -.sf-c-txt-mediumaquamarine\:75 { color: hsl(var(--sf-c-txt-mediumaquamarine-75)) } -.sf-c-txt-mediumaquamarine\:80 { color: hsl(var(--sf-c-txt-mediumaquamarine-80)) } -.sf-c-txt-mediumaquamarine\:85 { color: hsl(var(--sf-c-txt-mediumaquamarine-85)) } -.sf-c-txt-mediumaquamarine\:90 { color: hsl(var(--sf-c-txt-mediumaquamarine-90)) } -.sf-c-txt-mediumaquamarine\:95 { color: hsl(var(--sf-c-txt-mediumaquamarine-95)) } -.sf-c-txt-mediumaquamarine\:100 { color: hsl(var(--sf-c-txt-mediumaquamarine-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine, html.auto .sf-c-txt-mediumaquamarine { color: hsl(160, 51%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:0, html.auto .sf-c-txt-mediumaquamarine\:0 { color: hsl(160, 51%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:5, html.auto .sf-c-txt-mediumaquamarine\:5 { color: hsl(160, 51%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:10, html.auto .sf-c-txt-mediumaquamarine\:10 { color: hsl(160, 51%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:15, html.auto .sf-c-txt-mediumaquamarine\:15 { color: hsl(160, 51%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:20, html.auto .sf-c-txt-mediumaquamarine\:20 { color: hsl(160, 51%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:25, html.auto .sf-c-txt-mediumaquamarine\:25 { color: hsl(160, 51%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:30, html.auto .sf-c-txt-mediumaquamarine\:30 { color: hsl(160, 51%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:35, html.auto .sf-c-txt-mediumaquamarine\:35 { color: hsl(160, 51%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:40, html.auto .sf-c-txt-mediumaquamarine\:40 { color: hsl(160, 51%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:45, html.auto .sf-c-txt-mediumaquamarine\:45 { color: hsl(160, 51%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:50, html.auto .sf-c-txt-mediumaquamarine\:50 { color: hsl(160, 51%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:55, html.auto .sf-c-txt-mediumaquamarine\:55 { color: hsl(160, 51%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:60, html.auto .sf-c-txt-mediumaquamarine\:60 { color: hsl(160, 51%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:65, html.auto .sf-c-txt-mediumaquamarine\:65 { color: hsl(160, 51%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:70, html.auto .sf-c-txt-mediumaquamarine\:70 { color: hsl(160, 51%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:75, html.auto .sf-c-txt-mediumaquamarine\:75 { color: hsl(160, 51%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:80, html.auto .sf-c-txt-mediumaquamarine\:80 { color: hsl(160, 51%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:85, html.auto .sf-c-txt-mediumaquamarine\:85 { color: hsl(160, 51%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:90, html.auto .sf-c-txt-mediumaquamarine\:90 { color: hsl(160, 51%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:95, html.auto .sf-c-txt-mediumaquamarine\:95 { color: hsl(160, 51%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:100, html.auto .sf-c-txt-mediumaquamarine\:100 { color: hsl(160, 51%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:dark, html.auto .sf-c-txt-mediumaquamarine\:dark { color: hsl(160, 51%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:0\:dark, html.auto .sf-c-txt-mediumaquamarine\:0\:dark { color: hsl(160, 51%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:5\:dark, html.auto .sf-c-txt-mediumaquamarine\:5\:dark { color: hsl(160, 51%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:10\:dark, html.auto .sf-c-txt-mediumaquamarine\:10\:dark { color: hsl(160, 51%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:15\:dark, html.auto .sf-c-txt-mediumaquamarine\:15\:dark { color: hsl(160, 51%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:20\:dark, html.auto .sf-c-txt-mediumaquamarine\:20\:dark { color: hsl(160, 51%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:25\:dark, html.auto .sf-c-txt-mediumaquamarine\:25\:dark { color: hsl(160, 51%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:30\:dark, html.auto .sf-c-txt-mediumaquamarine\:30\:dark { color: hsl(160, 51%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:35\:dark, html.auto .sf-c-txt-mediumaquamarine\:35\:dark { color: hsl(160, 51%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:40\:dark, html.auto .sf-c-txt-mediumaquamarine\:40\:dark { color: hsl(160, 51%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:45\:dark, html.auto .sf-c-txt-mediumaquamarine\:45\:dark { color: hsl(160, 51%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:50\:dark, html.auto .sf-c-txt-mediumaquamarine\:50\:dark { color: hsl(160, 51%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:55\:dark, html.auto .sf-c-txt-mediumaquamarine\:55\:dark { color: hsl(160, 51%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:60\:dark, html.auto .sf-c-txt-mediumaquamarine\:60\:dark { color: hsl(160, 51%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:65\:dark, html.auto .sf-c-txt-mediumaquamarine\:65\:dark { color: hsl(160, 51%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:70\:dark, html.auto .sf-c-txt-mediumaquamarine\:70\:dark { color: hsl(160, 51%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:75\:dark, html.auto .sf-c-txt-mediumaquamarine\:75\:dark { color: hsl(160, 51%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:80\:dark, html.auto .sf-c-txt-mediumaquamarine\:80\:dark { color: hsl(160, 51%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:85\:dark, html.auto .sf-c-txt-mediumaquamarine\:85\:dark { color: hsl(160, 51%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:90\:dark, html.auto .sf-c-txt-mediumaquamarine\:90\:dark { color: hsl(160, 51%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:95\:dark, html.auto .sf-c-txt-mediumaquamarine\:95\:dark { color: hsl(160, 51%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumaquamarine\:100\:dark, html.auto .sf-c-txt-mediumaquamarine\:100\:dark { color: hsl(160, 51%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/mediumblue.css b/src/colors/20/mediumblue.css index b830108..aadfb67 100644 --- a/src/colors/20/mediumblue.css +++ b/src/colors/20/mediumblue.css @@ -138,6 +138,52 @@ html.var .sf-c-mediumblue\:90 { color: hsl(240, 100%, 5%); background: hsl(240, html.var .sf-c-mediumblue\:95 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } html.var .sf-c-mediumblue\:100 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } +.sf-c-txt-mediumblue { color: hsl(var(--sf-dark-c-txt-mediumblue)) } +.sf-c-txt-mediumblue\:0 { color: hsl(var(--sf-dark-c-txt-mediumblue-100)) } +.sf-c-txt-mediumblue\:5 { color: hsl(var(--sf-dark-c-txt-mediumblue-95)) } +.sf-c-txt-mediumblue\:10 { color: hsl(var(--sf-dark-c-txt-mediumblue-90)) } +.sf-c-txt-mediumblue\:15 { color: hsl(var(--sf-dark-c-txt-mediumblue-85)) } +.sf-c-txt-mediumblue\:20 { color: hsl(var(--sf-dark-c-txt-mediumblue-80)) } +.sf-c-txt-mediumblue\:25 { color: hsl(var(--sf-dark-c-txt-mediumblue-75)) } +.sf-c-txt-mediumblue\:30 { color: hsl(var(--sf-dark-c-txt-mediumblue-70)) } +.sf-c-txt-mediumblue\:35 { color: hsl(var(--sf-dark-c-txt-mediumblue-65)) } +.sf-c-txt-mediumblue\:40 { color: hsl(var(--sf-dark-c-txt-mediumblue-60)) } +.sf-c-txt-mediumblue\:45 { color: hsl(var(--sf-dark-c-txt-mediumblue-55)) } +.sf-c-txt-mediumblue\:50 { color: hsl(var(--sf-dark-c-txt-mediumblue-50)) } +.sf-c-txt-mediumblue\:55 { color: hsl(var(--sf-dark-c-txt-mediumblue-45)) } +.sf-c-txt-mediumblue\:60 { color: hsl(var(--sf-dark-c-txt-mediumblue-40)) } +.sf-c-txt-mediumblue\:65 { color: hsl(var(--sf-dark-c-txt-mediumblue-35)) } +.sf-c-txt-mediumblue\:70 { color: hsl(var(--sf-dark-c-txt-mediumblue-30)) } +.sf-c-txt-mediumblue\:75 { color: hsl(var(--sf-dark-c-txt-mediumblue-25)) } +.sf-c-txt-mediumblue\:80 { color: hsl(var(--sf-dark-c-txt-mediumblue-20)) } +.sf-c-txt-mediumblue\:85 { color: hsl(var(--sf-dark-c-txt-mediumblue-15)) } +.sf-c-txt-mediumblue\:90 { color: hsl(var(--sf-dark-c-txt-mediumblue-10)) } +.sf-c-txt-mediumblue\:95 { color: hsl(var(--sf-dark-c-txt-mediumblue-5)) } +.sf-c-txt-mediumblue\:100 { color: hsl(var(--sf-dark-c-txt-mediumblue-0)) } + +html.var .sf-c-txt-mediumblue { color: hsl(240, 100%, 60%) } +html.var .sf-c-txt-mediumblue\:0 { color: hsl(240, 100%, 100%) } +html.var .sf-c-txt-mediumblue\:5 { color: hsl(240, 100%, 95%) } +html.var .sf-c-txt-mediumblue\:10 { color: hsl(240, 100%, 90%) } +html.var .sf-c-txt-mediumblue\:15 { color: hsl(240, 100%, 85%) } +html.var .sf-c-txt-mediumblue\:20 { color: hsl(240, 100%, 80%) } +html.var .sf-c-txt-mediumblue\:25 { color: hsl(240, 100%, 75%) } +html.var .sf-c-txt-mediumblue\:30 { color: hsl(240, 100%, 70%) } +html.var .sf-c-txt-mediumblue\:35 { color: hsl(240, 100%, 65%) } +html.var .sf-c-txt-mediumblue\:40 { color: hsl(240, 100%, 60%) } +html.var .sf-c-txt-mediumblue\:45 { color: hsl(240, 100%, 55%) } +html.var .sf-c-txt-mediumblue\:50 { color: hsl(240, 100%, 50%) } +html.var .sf-c-txt-mediumblue\:55 { color: hsl(240, 100%, 45%) } +html.var .sf-c-txt-mediumblue\:60 { color: hsl(240, 100%, 40%) } +html.var .sf-c-txt-mediumblue\:65 { color: hsl(240, 100%, 35%) } +html.var .sf-c-txt-mediumblue\:70 { color: hsl(240, 100%, 30%) } +html.var .sf-c-txt-mediumblue\:75 { color: hsl(240, 100%, 25%) } +html.var .sf-c-txt-mediumblue\:80 { color: hsl(240, 100%, 20%) } +html.var .sf-c-txt-mediumblue\:85 { color: hsl(240, 100%, 15%) } +html.var .sf-c-txt-mediumblue\:90 { color: hsl(240, 100%, 10%) } +html.var .sf-c-txt-mediumblue\:95 { color: hsl(240, 100%, 5%) } +html.var .sf-c-txt-mediumblue\:100 { color: hsl(240, 100%, 0%) } + html[data-theme='dark'] .sf-c-mediumblue, html.dark .sf-c-mediumblue { color: hsl(var(--sf-dark-c-txt-mediumblue-95)); background: hsl(var(--sf-dark-c-mediumblue)) } html[data-theme='dark'] .sf-c-mediumblue\:0, html.dark .sf-c-mediumblue\:0 { color: hsl(var(--sf-dark-c-txt-mediumblue-95)); background: hsl(var(--sf-dark-c-mediumblue-100)) } html[data-theme='dark'] .sf-c-mediumblue\:5, html.dark .sf-c-mediumblue\:5 { color: hsl(var(--sf-dark-c-txt-mediumblue-5)); background: hsl(var(--sf-dark-c-mediumblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-mediumblue\:90\:dark, html.dark .sf-c-mediumblue\: html[data-theme='dark'] .sf-c-mediumblue\:95\:dark, html.dark .sf-c-mediumblue\:95\:dark { color: hsl(var(--sf-c-txt-mediumblue-95)); background: hsl(var(--sf-c-mediumblue-5)) } html[data-theme='dark'] .sf-c-mediumblue\:100\:dark, html.dark .sf-c-mediumblue\:100\:dark { color: hsl(var(--sf-c-txt-mediumblue-95)); background: hsl(var(--sf-c-mediumblue-0)) } +html[data-theme='dark'] .sf-c-txt-mediumblue, html.dark .sf-c-txt-mediumblue { color: hsl(var(--sf-c-txt-mediumblue)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:0, html.dark .sf-c-txt-mediumblue\:0 { color: hsl(var(--sf-c-txt-mediumblue-0)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:5, html.dark .sf-c-txt-mediumblue\:5 { color: hsl(var(--sf-c-txt-mediumblue-5)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:10, html.dark .sf-c-txt-mediumblue\:10 { color: hsl(var(--sf-c-txt-mediumblue-10)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:15, html.dark .sf-c-txt-mediumblue\:15 { color: hsl(var(--sf-c-txt-mediumblue-15)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:20, html.dark .sf-c-txt-mediumblue\:20 { color: hsl(var(--sf-c-txt-mediumblue-20)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:25, html.dark .sf-c-txt-mediumblue\:25 { color: hsl(var(--sf-c-txt-mediumblue-25)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:30, html.dark .sf-c-txt-mediumblue\:30 { color: hsl(var(--sf-c-txt-mediumblue-30)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:35, html.dark .sf-c-txt-mediumblue\:35 { color: hsl(var(--sf-c-txt-mediumblue-35)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:40, html.dark .sf-c-txt-mediumblue\:40 { color: hsl(var(--sf-c-txt-mediumblue-40)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:45, html.dark .sf-c-txt-mediumblue\:45 { color: hsl(var(--sf-c-txt-mediumblue-45)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:50, html.dark .sf-c-txt-mediumblue\:50 { color: hsl(var(--sf-c-txt-mediumblue-50)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:55, html.dark .sf-c-txt-mediumblue\:55 { color: hsl(var(--sf-c-txt-mediumblue-55)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:60, html.dark .sf-c-txt-mediumblue\:60 { color: hsl(var(--sf-c-txt-mediumblue-60)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:65, html.dark .sf-c-txt-mediumblue\:65 { color: hsl(var(--sf-c-txt-mediumblue-65)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:70, html.dark .sf-c-txt-mediumblue\:70 { color: hsl(var(--sf-c-txt-mediumblue-70)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:75, html.dark .sf-c-txt-mediumblue\:75 { color: hsl(var(--sf-c-txt-mediumblue-75)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:80, html.dark .sf-c-txt-mediumblue\:80 { color: hsl(var(--sf-c-txt-mediumblue-80)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:85, html.dark .sf-c-txt-mediumblue\:85 { color: hsl(var(--sf-c-txt-mediumblue-85)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:90, html.dark .sf-c-txt-mediumblue\:90 { color: hsl(var(--sf-c-txt-mediumblue-90)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:95, html.dark .sf-c-txt-mediumblue\:95 { color: hsl(var(--sf-c-txt-mediumblue-95)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:100, html.dark .sf-c-txt-mediumblue\:100 { color: hsl(var(--sf-c-txt-mediumblue-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumblue\:dark, html.dark .sf-c-txt-mediumblue\:dark { color: hsl(var(--sf-c-txt-mediumblue)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:0\:dark, html.dark .sf-c-txt-mediumblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-0)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:5\:dark, html.dark .sf-c-txt-mediumblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-5)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:10\:dark, html.dark .sf-c-txt-mediumblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-10)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:15\:dark, html.dark .sf-c-txt-mediumblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-15)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:20\:dark, html.dark .sf-c-txt-mediumblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-20)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:25\:dark, html.dark .sf-c-txt-mediumblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-25)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:30\:dark, html.dark .sf-c-txt-mediumblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-30)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:35\:dark, html.dark .sf-c-txt-mediumblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-35)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:40\:dark, html.dark .sf-c-txt-mediumblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-40)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:45\:dark, html.dark .sf-c-txt-mediumblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-45)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:50\:dark, html.dark .sf-c-txt-mediumblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-50)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:55\:dark, html.dark .sf-c-txt-mediumblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-55)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:60\:dark, html.dark .sf-c-txt-mediumblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-60)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:65\:dark, html.dark .sf-c-txt-mediumblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-65)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:70\:dark, html.dark .sf-c-txt-mediumblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-70)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:75\:dark, html.dark .sf-c-txt-mediumblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-75)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:80\:dark, html.dark .sf-c-txt-mediumblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-80)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:85\:dark, html.dark .sf-c-txt-mediumblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-85)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:90\:dark, html.dark .sf-c-txt-mediumblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-90)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:95\:dark, html.dark .sf-c-txt-mediumblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-95)) } +html[data-theme='dark'] .sf-c-txt-mediumblue\:100\:dark, html.dark .sf-c-txt-mediumblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumblue-100)) } + html.var[data-theme='dark'] .sf-c-mediumblue, html.var.dark .sf-c-mediumblue { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } html.var[data-theme='dark'] .sf-c-mediumblue\:0, html.var.dark .sf-c-mediumblue\:0 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 100%) } html.var[data-theme='dark'] .sf-c-mediumblue\:5, html.var.dark .sf-c-mediumblue\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-mediumblue\:90\:dark, html.var.dark .sf-c-medi html.var[data-theme='dark'] .sf-c-mediumblue\:95\:dark, html.var.dark .sf-c-mediumblue\:95\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } html.var[data-theme='dark'] .sf-c-mediumblue\:100\:dark, html.var.dark .sf-c-mediumblue\:100\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue, html.dark .sf-c-txt-mediumblue { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:0, html.dark .sf-c-txt-mediumblue\:0 { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:5, html.dark .sf-c-txt-mediumblue\:5 { color: hsl(240, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:10, html.dark .sf-c-txt-mediumblue\:10 { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:15, html.dark .sf-c-txt-mediumblue\:15 { color: hsl(240, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:20, html.dark .sf-c-txt-mediumblue\:20 { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:25, html.dark .sf-c-txt-mediumblue\:25 { color: hsl(240, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:30, html.dark .sf-c-txt-mediumblue\:30 { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:35, html.dark .sf-c-txt-mediumblue\:35 { color: hsl(240, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:40, html.dark .sf-c-txt-mediumblue\:40 { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:45, html.dark .sf-c-txt-mediumblue\:45 { color: hsl(240, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:50, html.dark .sf-c-txt-mediumblue\:50 { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:55, html.dark .sf-c-txt-mediumblue\:55 { color: hsl(240, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:60, html.dark .sf-c-txt-mediumblue\:60 { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:65, html.dark .sf-c-txt-mediumblue\:65 { color: hsl(240, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:70, html.dark .sf-c-txt-mediumblue\:70 { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:75, html.dark .sf-c-txt-mediumblue\:75 { color: hsl(240, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:80, html.dark .sf-c-txt-mediumblue\:80 { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:85, html.dark .sf-c-txt-mediumblue\:85 { color: hsl(240, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:90, html.dark .sf-c-txt-mediumblue\:90 { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:95, html.dark .sf-c-txt-mediumblue\:95 { color: hsl(240, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:100, html.dark .sf-c-txt-mediumblue\:100 { color: hsl(240, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:dark, html.dark .sf-c-txt-mediumblue\:dark { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:0\:dark, html.dark .sf-c-txt-mediumblue\:0\:dark { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:5\:dark, html.dark .sf-c-txt-mediumblue\:5\:dark { color: hsl(240, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:10\:dark, html.dark .sf-c-txt-mediumblue\:10\:dark { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:15\:dark, html.dark .sf-c-txt-mediumblue\:15\:dark { color: hsl(240, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:20\:dark, html.dark .sf-c-txt-mediumblue\:20\:dark { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:25\:dark, html.dark .sf-c-txt-mediumblue\:25\:dark { color: hsl(240, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:30\:dark, html.dark .sf-c-txt-mediumblue\:30\:dark { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:35\:dark, html.dark .sf-c-txt-mediumblue\:35\:dark { color: hsl(240, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:40\:dark, html.dark .sf-c-txt-mediumblue\:40\:dark { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:45\:dark, html.dark .sf-c-txt-mediumblue\:45\:dark { color: hsl(240, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:50\:dark, html.dark .sf-c-txt-mediumblue\:50\:dark { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:55\:dark, html.dark .sf-c-txt-mediumblue\:55\:dark { color: hsl(240, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:60\:dark, html.dark .sf-c-txt-mediumblue\:60\:dark { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:65\:dark, html.dark .sf-c-txt-mediumblue\:65\:dark { color: hsl(240, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:70\:dark, html.dark .sf-c-txt-mediumblue\:70\:dark { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:75\:dark, html.dark .sf-c-txt-mediumblue\:75\:dark { color: hsl(240, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:80\:dark, html.dark .sf-c-txt-mediumblue\:80\:dark { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:85\:dark, html.dark .sf-c-txt-mediumblue\:85\:dark { color: hsl(240, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:90\:dark, html.dark .sf-c-txt-mediumblue\:90\:dark { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:95\:dark, html.dark .sf-c-txt-mediumblue\:95\:dark { color: hsl(240, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumblue\:100\:dark, html.dark .sf-c-txt-mediumblue\:100\:dark { color: hsl(240, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumblue, html.auto .sf-c-mediumblue { color: hsl(var(--sf-dark-c-txt-mediumblue-95)); background: hsl(var(--sf-dark-c-mediumblue)) } html[data-theme='auto'] .sf-c-mediumblue\:0, html.auto .sf-c-mediumblue\:0 { color: hsl(var(--sf-dark-c-txt-mediumblue-95)); background: hsl(var(--sf-dark-c-mediumblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-mediumblue\:100\:dark, html.var.dark .sf-c-med html[data-theme='auto'] .sf-c-mediumblue\:95\:dark, html.auto .sf-c-mediumblue\:95\:dark { color: hsl(var(--sf-c-txt-mediumblue-95)); background: hsl(var(--sf-c-mediumblue-5)) } html[data-theme='auto'] .sf-c-mediumblue\:100\:dark, html.auto .sf-c-mediumblue\:100\:dark { color: hsl(var(--sf-c-txt-mediumblue-95)); background: hsl(var(--sf-c-mediumblue-0)) } + html[data-theme='auto'] .sf-c-txt-mediumblue, html.auto .sf-c-txt-mediumblue { color: hsl(var(--sf-c-txt-mediumblue)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:0, html.auto .sf-c-txt-mediumblue\:0 { color: hsl(var(--sf-c-txt-mediumblue-0)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:5, html.auto .sf-c-txt-mediumblue\:5 { color: hsl(var(--sf-c-txt-mediumblue-5)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:10, html.auto .sf-c-txt-mediumblue\:10 { color: hsl(var(--sf-c-txt-mediumblue-10)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:15, html.auto .sf-c-txt-mediumblue\:15 { color: hsl(var(--sf-c-txt-mediumblue-15)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:20, html.auto .sf-c-txt-mediumblue\:20 { color: hsl(var(--sf-c-txt-mediumblue-20)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:25, html.auto .sf-c-txt-mediumblue\:25 { color: hsl(var(--sf-c-txt-mediumblue-25)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:30, html.auto .sf-c-txt-mediumblue\:30 { color: hsl(var(--sf-c-txt-mediumblue-30)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:35, html.auto .sf-c-txt-mediumblue\:35 { color: hsl(var(--sf-c-txt-mediumblue-35)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:40, html.auto .sf-c-txt-mediumblue\:40 { color: hsl(var(--sf-c-txt-mediumblue-40)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:45, html.auto .sf-c-txt-mediumblue\:45 { color: hsl(var(--sf-c-txt-mediumblue-45)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:50, html.auto .sf-c-txt-mediumblue\:50 { color: hsl(var(--sf-c-txt-mediumblue-50)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:55, html.auto .sf-c-txt-mediumblue\:55 { color: hsl(var(--sf-c-txt-mediumblue-55)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:60, html.auto .sf-c-txt-mediumblue\:60 { color: hsl(var(--sf-c-txt-mediumblue-60)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:65, html.auto .sf-c-txt-mediumblue\:65 { color: hsl(var(--sf-c-txt-mediumblue-65)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:70, html.auto .sf-c-txt-mediumblue\:70 { color: hsl(var(--sf-c-txt-mediumblue-70)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:75, html.auto .sf-c-txt-mediumblue\:75 { color: hsl(var(--sf-c-txt-mediumblue-75)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:80, html.auto .sf-c-txt-mediumblue\:80 { color: hsl(var(--sf-c-txt-mediumblue-80)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:85, html.auto .sf-c-txt-mediumblue\:85 { color: hsl(var(--sf-c-txt-mediumblue-85)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:90, html.auto .sf-c-txt-mediumblue\:90 { color: hsl(var(--sf-c-txt-mediumblue-90)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:95, html.auto .sf-c-txt-mediumblue\:95 { color: hsl(var(--sf-c-txt-mediumblue-95)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:100, html.auto .sf-c-txt-mediumblue\:100 { color: hsl(var(--sf-c-txt-mediumblue-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumblue\:dark, html.auto .sf-c-txt-mediumblue\:dark { color: hsl(var(--sf-c-txt-mediumblue)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:0\:dark, html.auto .sf-c-txt-mediumblue\:0\:dark { color: hsl(var(--sf-c-txt-mediumblue-0)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:5\:dark, html.auto .sf-c-txt-mediumblue\:5\:dark { color: hsl(var(--sf-c-txt-mediumblue-5)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:10\:dark, html.auto .sf-c-txt-mediumblue\:10\:dark { color: hsl(var(--sf-c-txt-mediumblue-10)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:15\:dark, html.auto .sf-c-txt-mediumblue\:15\:dark { color: hsl(var(--sf-c-txt-mediumblue-15)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:20\:dark, html.auto .sf-c-txt-mediumblue\:20\:dark { color: hsl(var(--sf-c-txt-mediumblue-20)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:25\:dark, html.auto .sf-c-txt-mediumblue\:25\:dark { color: hsl(var(--sf-c-txt-mediumblue-25)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:30\:dark, html.auto .sf-c-txt-mediumblue\:30\:dark { color: hsl(var(--sf-c-txt-mediumblue-30)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:35\:dark, html.auto .sf-c-txt-mediumblue\:35\:dark { color: hsl(var(--sf-c-txt-mediumblue-35)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:40\:dark, html.auto .sf-c-txt-mediumblue\:40\:dark { color: hsl(var(--sf-c-txt-mediumblue-40)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:45\:dark, html.auto .sf-c-txt-mediumblue\:45\:dark { color: hsl(var(--sf-c-txt-mediumblue-45)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:50\:dark, html.auto .sf-c-txt-mediumblue\:50\:dark { color: hsl(var(--sf-c-txt-mediumblue-50)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:55\:dark, html.auto .sf-c-txt-mediumblue\:55\:dark { color: hsl(var(--sf-c-txt-mediumblue-55)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:60\:dark, html.auto .sf-c-txt-mediumblue\:60\:dark { color: hsl(var(--sf-c-txt-mediumblue-60)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:65\:dark, html.auto .sf-c-txt-mediumblue\:65\:dark { color: hsl(var(--sf-c-txt-mediumblue-65)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:70\:dark, html.auto .sf-c-txt-mediumblue\:70\:dark { color: hsl(var(--sf-c-txt-mediumblue-70)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:75\:dark, html.auto .sf-c-txt-mediumblue\:75\:dark { color: hsl(var(--sf-c-txt-mediumblue-75)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:80\:dark, html.auto .sf-c-txt-mediumblue\:80\:dark { color: hsl(var(--sf-c-txt-mediumblue-80)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:85\:dark, html.auto .sf-c-txt-mediumblue\:85\:dark { color: hsl(var(--sf-c-txt-mediumblue-85)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:90\:dark, html.auto .sf-c-txt-mediumblue\:90\:dark { color: hsl(var(--sf-c-txt-mediumblue-90)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:95\:dark, html.auto .sf-c-txt-mediumblue\:95\:dark { color: hsl(var(--sf-c-txt-mediumblue-95)) } + html[data-theme='auto'] .sf-c-txt-mediumblue\:100\:dark, html.auto .sf-c-txt-mediumblue\:100\:dark { color: hsl(var(--sf-c-txt-mediumblue-100)) } + html.var[data-theme='auto'] .sf-c-mediumblue, html.var.auto .sf-c-mediumblue { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 60%) } html.var[data-theme='auto'] .sf-c-mediumblue\:0, html.var.auto .sf-c-mediumblue\:0 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 100%) } html.var[data-theme='auto'] .sf-c-mediumblue\:5, html.var.auto .sf-c-mediumblue\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-mediumblue\:100\:dark, html.var.dark .sf-c-med html.var[data-theme='auto'] .sf-c-mediumblue\:90\:dark, html.var.auto .sf-c-mediumblue\:90\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } html.var[data-theme='auto'] .sf-c-mediumblue\:95\:dark, html.var.auto .sf-c-mediumblue\:95\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } html.var[data-theme='auto'] .sf-c-mediumblue\:100\:dark, html.var.auto .sf-c-mediumblue\:100\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } -} -.sf-c-txt-mediumblue { color: hsl(var(--sf-c-txt-mediumblue)) } -.sf-c-txt-mediumblue\:0 { color: hsl(var(--sf-c-txt-mediumblue-0)) } -.sf-c-txt-mediumblue\:5 { color: hsl(var(--sf-c-txt-mediumblue-5)) } -.sf-c-txt-mediumblue\:10 { color: hsl(var(--sf-c-txt-mediumblue-10)) } -.sf-c-txt-mediumblue\:15 { color: hsl(var(--sf-c-txt-mediumblue-15)) } -.sf-c-txt-mediumblue\:20 { color: hsl(var(--sf-c-txt-mediumblue-20)) } -.sf-c-txt-mediumblue\:25 { color: hsl(var(--sf-c-txt-mediumblue-25)) } -.sf-c-txt-mediumblue\:30 { color: hsl(var(--sf-c-txt-mediumblue-30)) } -.sf-c-txt-mediumblue\:35 { color: hsl(var(--sf-c-txt-mediumblue-35)) } -.sf-c-txt-mediumblue\:40 { color: hsl(var(--sf-c-txt-mediumblue-40)) } -.sf-c-txt-mediumblue\:45 { color: hsl(var(--sf-c-txt-mediumblue-45)) } -.sf-c-txt-mediumblue\:50 { color: hsl(var(--sf-c-txt-mediumblue-50)) } -.sf-c-txt-mediumblue\:55 { color: hsl(var(--sf-c-txt-mediumblue-55)) } -.sf-c-txt-mediumblue\:60 { color: hsl(var(--sf-c-txt-mediumblue-60)) } -.sf-c-txt-mediumblue\:65 { color: hsl(var(--sf-c-txt-mediumblue-65)) } -.sf-c-txt-mediumblue\:70 { color: hsl(var(--sf-c-txt-mediumblue-70)) } -.sf-c-txt-mediumblue\:75 { color: hsl(var(--sf-c-txt-mediumblue-75)) } -.sf-c-txt-mediumblue\:80 { color: hsl(var(--sf-c-txt-mediumblue-80)) } -.sf-c-txt-mediumblue\:85 { color: hsl(var(--sf-c-txt-mediumblue-85)) } -.sf-c-txt-mediumblue\:90 { color: hsl(var(--sf-c-txt-mediumblue-90)) } -.sf-c-txt-mediumblue\:95 { color: hsl(var(--sf-c-txt-mediumblue-95)) } -.sf-c-txt-mediumblue\:100 { color: hsl(var(--sf-c-txt-mediumblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumblue, html.auto .sf-c-txt-mediumblue { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:0, html.auto .sf-c-txt-mediumblue\:0 { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:5, html.auto .sf-c-txt-mediumblue\:5 { color: hsl(240, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:10, html.auto .sf-c-txt-mediumblue\:10 { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:15, html.auto .sf-c-txt-mediumblue\:15 { color: hsl(240, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:20, html.auto .sf-c-txt-mediumblue\:20 { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:25, html.auto .sf-c-txt-mediumblue\:25 { color: hsl(240, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:30, html.auto .sf-c-txt-mediumblue\:30 { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:35, html.auto .sf-c-txt-mediumblue\:35 { color: hsl(240, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:40, html.auto .sf-c-txt-mediumblue\:40 { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:45, html.auto .sf-c-txt-mediumblue\:45 { color: hsl(240, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:50, html.auto .sf-c-txt-mediumblue\:50 { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:55, html.auto .sf-c-txt-mediumblue\:55 { color: hsl(240, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:60, html.auto .sf-c-txt-mediumblue\:60 { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:65, html.auto .sf-c-txt-mediumblue\:65 { color: hsl(240, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:70, html.auto .sf-c-txt-mediumblue\:70 { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:75, html.auto .sf-c-txt-mediumblue\:75 { color: hsl(240, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:80, html.auto .sf-c-txt-mediumblue\:80 { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:85, html.auto .sf-c-txt-mediumblue\:85 { color: hsl(240, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:90, html.auto .sf-c-txt-mediumblue\:90 { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:95, html.auto .sf-c-txt-mediumblue\:95 { color: hsl(240, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:100, html.auto .sf-c-txt-mediumblue\:100 { color: hsl(240, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:dark, html.auto .sf-c-txt-mediumblue\:dark { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:0\:dark, html.auto .sf-c-txt-mediumblue\:0\:dark { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:5\:dark, html.auto .sf-c-txt-mediumblue\:5\:dark { color: hsl(240, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:10\:dark, html.auto .sf-c-txt-mediumblue\:10\:dark { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:15\:dark, html.auto .sf-c-txt-mediumblue\:15\:dark { color: hsl(240, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:20\:dark, html.auto .sf-c-txt-mediumblue\:20\:dark { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:25\:dark, html.auto .sf-c-txt-mediumblue\:25\:dark { color: hsl(240, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:30\:dark, html.auto .sf-c-txt-mediumblue\:30\:dark { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:35\:dark, html.auto .sf-c-txt-mediumblue\:35\:dark { color: hsl(240, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:40\:dark, html.auto .sf-c-txt-mediumblue\:40\:dark { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:45\:dark, html.auto .sf-c-txt-mediumblue\:45\:dark { color: hsl(240, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:50\:dark, html.auto .sf-c-txt-mediumblue\:50\:dark { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:55\:dark, html.auto .sf-c-txt-mediumblue\:55\:dark { color: hsl(240, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:60\:dark, html.auto .sf-c-txt-mediumblue\:60\:dark { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:65\:dark, html.auto .sf-c-txt-mediumblue\:65\:dark { color: hsl(240, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:70\:dark, html.auto .sf-c-txt-mediumblue\:70\:dark { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:75\:dark, html.auto .sf-c-txt-mediumblue\:75\:dark { color: hsl(240, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:80\:dark, html.auto .sf-c-txt-mediumblue\:80\:dark { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:85\:dark, html.auto .sf-c-txt-mediumblue\:85\:dark { color: hsl(240, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:90\:dark, html.auto .sf-c-txt-mediumblue\:90\:dark { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:95\:dark, html.auto .sf-c-txt-mediumblue\:95\:dark { color: hsl(240, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumblue\:100\:dark, html.auto .sf-c-txt-mediumblue\:100\:dark { color: hsl(240, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/mediumorchid.css b/src/colors/20/mediumorchid.css index da5c512..90a8b91 100644 --- a/src/colors/20/mediumorchid.css +++ b/src/colors/20/mediumorchid.css @@ -138,6 +138,52 @@ html.var .sf-c-mediumorchid\:90 { color: hsl(288, 59%, 5%); background: hsl(288, html.var .sf-c-mediumorchid\:95 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 95%) } html.var .sf-c-mediumorchid\:100 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 100%) } +.sf-c-txt-mediumorchid { color: hsl(var(--sf-dark-c-txt-mediumorchid)) } +.sf-c-txt-mediumorchid\:0 { color: hsl(var(--sf-dark-c-txt-mediumorchid-100)) } +.sf-c-txt-mediumorchid\:5 { color: hsl(var(--sf-dark-c-txt-mediumorchid-95)) } +.sf-c-txt-mediumorchid\:10 { color: hsl(var(--sf-dark-c-txt-mediumorchid-90)) } +.sf-c-txt-mediumorchid\:15 { color: hsl(var(--sf-dark-c-txt-mediumorchid-85)) } +.sf-c-txt-mediumorchid\:20 { color: hsl(var(--sf-dark-c-txt-mediumorchid-80)) } +.sf-c-txt-mediumorchid\:25 { color: hsl(var(--sf-dark-c-txt-mediumorchid-75)) } +.sf-c-txt-mediumorchid\:30 { color: hsl(var(--sf-dark-c-txt-mediumorchid-70)) } +.sf-c-txt-mediumorchid\:35 { color: hsl(var(--sf-dark-c-txt-mediumorchid-65)) } +.sf-c-txt-mediumorchid\:40 { color: hsl(var(--sf-dark-c-txt-mediumorchid-60)) } +.sf-c-txt-mediumorchid\:45 { color: hsl(var(--sf-dark-c-txt-mediumorchid-55)) } +.sf-c-txt-mediumorchid\:50 { color: hsl(var(--sf-dark-c-txt-mediumorchid-50)) } +.sf-c-txt-mediumorchid\:55 { color: hsl(var(--sf-dark-c-txt-mediumorchid-45)) } +.sf-c-txt-mediumorchid\:60 { color: hsl(var(--sf-dark-c-txt-mediumorchid-40)) } +.sf-c-txt-mediumorchid\:65 { color: hsl(var(--sf-dark-c-txt-mediumorchid-35)) } +.sf-c-txt-mediumorchid\:70 { color: hsl(var(--sf-dark-c-txt-mediumorchid-30)) } +.sf-c-txt-mediumorchid\:75 { color: hsl(var(--sf-dark-c-txt-mediumorchid-25)) } +.sf-c-txt-mediumorchid\:80 { color: hsl(var(--sf-dark-c-txt-mediumorchid-20)) } +.sf-c-txt-mediumorchid\:85 { color: hsl(var(--sf-dark-c-txt-mediumorchid-15)) } +.sf-c-txt-mediumorchid\:90 { color: hsl(var(--sf-dark-c-txt-mediumorchid-10)) } +.sf-c-txt-mediumorchid\:95 { color: hsl(var(--sf-dark-c-txt-mediumorchid-5)) } +.sf-c-txt-mediumorchid\:100 { color: hsl(var(--sf-dark-c-txt-mediumorchid-0)) } + +html.var .sf-c-txt-mediumorchid { color: hsl(288, 59%, 42%) } +html.var .sf-c-txt-mediumorchid\:0 { color: hsl(288, 59%, 100%) } +html.var .sf-c-txt-mediumorchid\:5 { color: hsl(288, 59%, 95%) } +html.var .sf-c-txt-mediumorchid\:10 { color: hsl(288, 59%, 90%) } +html.var .sf-c-txt-mediumorchid\:15 { color: hsl(288, 59%, 85%) } +html.var .sf-c-txt-mediumorchid\:20 { color: hsl(288, 59%, 80%) } +html.var .sf-c-txt-mediumorchid\:25 { color: hsl(288, 59%, 75%) } +html.var .sf-c-txt-mediumorchid\:30 { color: hsl(288, 59%, 70%) } +html.var .sf-c-txt-mediumorchid\:35 { color: hsl(288, 59%, 65%) } +html.var .sf-c-txt-mediumorchid\:40 { color: hsl(288, 59%, 60%) } +html.var .sf-c-txt-mediumorchid\:45 { color: hsl(288, 59%, 55%) } +html.var .sf-c-txt-mediumorchid\:50 { color: hsl(288, 59%, 50%) } +html.var .sf-c-txt-mediumorchid\:55 { color: hsl(288, 59%, 45%) } +html.var .sf-c-txt-mediumorchid\:60 { color: hsl(288, 59%, 40%) } +html.var .sf-c-txt-mediumorchid\:65 { color: hsl(288, 59%, 35%) } +html.var .sf-c-txt-mediumorchid\:70 { color: hsl(288, 59%, 30%) } +html.var .sf-c-txt-mediumorchid\:75 { color: hsl(288, 59%, 25%) } +html.var .sf-c-txt-mediumorchid\:80 { color: hsl(288, 59%, 20%) } +html.var .sf-c-txt-mediumorchid\:85 { color: hsl(288, 59%, 15%) } +html.var .sf-c-txt-mediumorchid\:90 { color: hsl(288, 59%, 10%) } +html.var .sf-c-txt-mediumorchid\:95 { color: hsl(288, 59%, 5%) } +html.var .sf-c-txt-mediumorchid\:100 { color: hsl(288, 59%, 0%) } + html[data-theme='dark'] .sf-c-mediumorchid, html.dark .sf-c-mediumorchid { color: hsl(var(--sf-dark-c-txt-mediumorchid-95)); background: hsl(var(--sf-dark-c-mediumorchid)) } html[data-theme='dark'] .sf-c-mediumorchid\:0, html.dark .sf-c-mediumorchid\:0 { color: hsl(var(--sf-dark-c-txt-mediumorchid-95)); background: hsl(var(--sf-dark-c-mediumorchid-100)) } html[data-theme='dark'] .sf-c-mediumorchid\:5, html.dark .sf-c-mediumorchid\:5 { color: hsl(var(--sf-dark-c-txt-mediumorchid-5)); background: hsl(var(--sf-dark-c-mediumorchid-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-mediumorchid\:90\:dark, html.dark .sf-c-mediumorch html[data-theme='dark'] .sf-c-mediumorchid\:95\:dark, html.dark .sf-c-mediumorchid\:95\:dark { color: hsl(var(--sf-c-txt-mediumorchid-95)); background: hsl(var(--sf-c-mediumorchid-5)) } html[data-theme='dark'] .sf-c-mediumorchid\:100\:dark, html.dark .sf-c-mediumorchid\:100\:dark { color: hsl(var(--sf-c-txt-mediumorchid-95)); background: hsl(var(--sf-c-mediumorchid-0)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid, html.dark .sf-c-txt-mediumorchid { color: hsl(var(--sf-c-txt-mediumorchid)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:0, html.dark .sf-c-txt-mediumorchid\:0 { color: hsl(var(--sf-c-txt-mediumorchid-0)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:5, html.dark .sf-c-txt-mediumorchid\:5 { color: hsl(var(--sf-c-txt-mediumorchid-5)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:10, html.dark .sf-c-txt-mediumorchid\:10 { color: hsl(var(--sf-c-txt-mediumorchid-10)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:15, html.dark .sf-c-txt-mediumorchid\:15 { color: hsl(var(--sf-c-txt-mediumorchid-15)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:20, html.dark .sf-c-txt-mediumorchid\:20 { color: hsl(var(--sf-c-txt-mediumorchid-20)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:25, html.dark .sf-c-txt-mediumorchid\:25 { color: hsl(var(--sf-c-txt-mediumorchid-25)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:30, html.dark .sf-c-txt-mediumorchid\:30 { color: hsl(var(--sf-c-txt-mediumorchid-30)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:35, html.dark .sf-c-txt-mediumorchid\:35 { color: hsl(var(--sf-c-txt-mediumorchid-35)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:40, html.dark .sf-c-txt-mediumorchid\:40 { color: hsl(var(--sf-c-txt-mediumorchid-40)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:45, html.dark .sf-c-txt-mediumorchid\:45 { color: hsl(var(--sf-c-txt-mediumorchid-45)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:50, html.dark .sf-c-txt-mediumorchid\:50 { color: hsl(var(--sf-c-txt-mediumorchid-50)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:55, html.dark .sf-c-txt-mediumorchid\:55 { color: hsl(var(--sf-c-txt-mediumorchid-55)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:60, html.dark .sf-c-txt-mediumorchid\:60 { color: hsl(var(--sf-c-txt-mediumorchid-60)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:65, html.dark .sf-c-txt-mediumorchid\:65 { color: hsl(var(--sf-c-txt-mediumorchid-65)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:70, html.dark .sf-c-txt-mediumorchid\:70 { color: hsl(var(--sf-c-txt-mediumorchid-70)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:75, html.dark .sf-c-txt-mediumorchid\:75 { color: hsl(var(--sf-c-txt-mediumorchid-75)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:80, html.dark .sf-c-txt-mediumorchid\:80 { color: hsl(var(--sf-c-txt-mediumorchid-80)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:85, html.dark .sf-c-txt-mediumorchid\:85 { color: hsl(var(--sf-c-txt-mediumorchid-85)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:90, html.dark .sf-c-txt-mediumorchid\:90 { color: hsl(var(--sf-c-txt-mediumorchid-90)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:95, html.dark .sf-c-txt-mediumorchid\:95 { color: hsl(var(--sf-c-txt-mediumorchid-95)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:100, html.dark .sf-c-txt-mediumorchid\:100 { color: hsl(var(--sf-c-txt-mediumorchid-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumorchid\:dark, html.dark .sf-c-txt-mediumorchid\:dark { color: hsl(var(--sf-c-txt-mediumorchid)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:0\:dark, html.dark .sf-c-txt-mediumorchid\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-0)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:5\:dark, html.dark .sf-c-txt-mediumorchid\:5\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-5)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:10\:dark, html.dark .sf-c-txt-mediumorchid\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-10)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:15\:dark, html.dark .sf-c-txt-mediumorchid\:15\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-15)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:20\:dark, html.dark .sf-c-txt-mediumorchid\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-20)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:25\:dark, html.dark .sf-c-txt-mediumorchid\:25\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-25)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:30\:dark, html.dark .sf-c-txt-mediumorchid\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-30)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:35\:dark, html.dark .sf-c-txt-mediumorchid\:35\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-35)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:40\:dark, html.dark .sf-c-txt-mediumorchid\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-40)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:45\:dark, html.dark .sf-c-txt-mediumorchid\:45\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-45)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:50\:dark, html.dark .sf-c-txt-mediumorchid\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-50)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:55\:dark, html.dark .sf-c-txt-mediumorchid\:55\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-55)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:60\:dark, html.dark .sf-c-txt-mediumorchid\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-60)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:65\:dark, html.dark .sf-c-txt-mediumorchid\:65\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-65)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:70\:dark, html.dark .sf-c-txt-mediumorchid\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-70)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:75\:dark, html.dark .sf-c-txt-mediumorchid\:75\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-75)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:80\:dark, html.dark .sf-c-txt-mediumorchid\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-80)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:85\:dark, html.dark .sf-c-txt-mediumorchid\:85\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-85)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:90\:dark, html.dark .sf-c-txt-mediumorchid\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-90)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:95\:dark, html.dark .sf-c-txt-mediumorchid\:95\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-95)) } +html[data-theme='dark'] .sf-c-txt-mediumorchid\:100\:dark, html.dark .sf-c-txt-mediumorchid\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumorchid-100)) } + html.var[data-theme='dark'] .sf-c-mediumorchid, html.var.dark .sf-c-mediumorchid { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 42%) } html.var[data-theme='dark'] .sf-c-mediumorchid\:0, html.var.dark .sf-c-mediumorchid\:0 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 100%) } html.var[data-theme='dark'] .sf-c-mediumorchid\:5, html.var.dark .sf-c-mediumorchid\:5 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-mediumorchid\:90\:dark, html.var.dark .sf-c-me html.var[data-theme='dark'] .sf-c-mediumorchid\:95\:dark, html.var.dark .sf-c-mediumorchid\:95\:dark { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 5%) } html.var[data-theme='dark'] .sf-c-mediumorchid\:100\:dark, html.var.dark .sf-c-mediumorchid\:100\:dark { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid, html.dark .sf-c-txt-mediumorchid { color: hsl(288, 59%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:0, html.dark .sf-c-txt-mediumorchid\:0 { color: hsl(288, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:5, html.dark .sf-c-txt-mediumorchid\:5 { color: hsl(288, 59%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:10, html.dark .sf-c-txt-mediumorchid\:10 { color: hsl(288, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:15, html.dark .sf-c-txt-mediumorchid\:15 { color: hsl(288, 59%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:20, html.dark .sf-c-txt-mediumorchid\:20 { color: hsl(288, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:25, html.dark .sf-c-txt-mediumorchid\:25 { color: hsl(288, 59%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:30, html.dark .sf-c-txt-mediumorchid\:30 { color: hsl(288, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:35, html.dark .sf-c-txt-mediumorchid\:35 { color: hsl(288, 59%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:40, html.dark .sf-c-txt-mediumorchid\:40 { color: hsl(288, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:45, html.dark .sf-c-txt-mediumorchid\:45 { color: hsl(288, 59%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:50, html.dark .sf-c-txt-mediumorchid\:50 { color: hsl(288, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:55, html.dark .sf-c-txt-mediumorchid\:55 { color: hsl(288, 59%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:60, html.dark .sf-c-txt-mediumorchid\:60 { color: hsl(288, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:65, html.dark .sf-c-txt-mediumorchid\:65 { color: hsl(288, 59%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:70, html.dark .sf-c-txt-mediumorchid\:70 { color: hsl(288, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:75, html.dark .sf-c-txt-mediumorchid\:75 { color: hsl(288, 59%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:80, html.dark .sf-c-txt-mediumorchid\:80 { color: hsl(288, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:85, html.dark .sf-c-txt-mediumorchid\:85 { color: hsl(288, 59%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:90, html.dark .sf-c-txt-mediumorchid\:90 { color: hsl(288, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:95, html.dark .sf-c-txt-mediumorchid\:95 { color: hsl(288, 59%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:100, html.dark .sf-c-txt-mediumorchid\:100 { color: hsl(288, 59%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:dark, html.dark .sf-c-txt-mediumorchid\:dark { color: hsl(288, 59%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:0\:dark, html.dark .sf-c-txt-mediumorchid\:0\:dark { color: hsl(288, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:5\:dark, html.dark .sf-c-txt-mediumorchid\:5\:dark { color: hsl(288, 59%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:10\:dark, html.dark .sf-c-txt-mediumorchid\:10\:dark { color: hsl(288, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:15\:dark, html.dark .sf-c-txt-mediumorchid\:15\:dark { color: hsl(288, 59%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:20\:dark, html.dark .sf-c-txt-mediumorchid\:20\:dark { color: hsl(288, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:25\:dark, html.dark .sf-c-txt-mediumorchid\:25\:dark { color: hsl(288, 59%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:30\:dark, html.dark .sf-c-txt-mediumorchid\:30\:dark { color: hsl(288, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:35\:dark, html.dark .sf-c-txt-mediumorchid\:35\:dark { color: hsl(288, 59%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:40\:dark, html.dark .sf-c-txt-mediumorchid\:40\:dark { color: hsl(288, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:45\:dark, html.dark .sf-c-txt-mediumorchid\:45\:dark { color: hsl(288, 59%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:50\:dark, html.dark .sf-c-txt-mediumorchid\:50\:dark { color: hsl(288, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:55\:dark, html.dark .sf-c-txt-mediumorchid\:55\:dark { color: hsl(288, 59%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:60\:dark, html.dark .sf-c-txt-mediumorchid\:60\:dark { color: hsl(288, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:65\:dark, html.dark .sf-c-txt-mediumorchid\:65\:dark { color: hsl(288, 59%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:70\:dark, html.dark .sf-c-txt-mediumorchid\:70\:dark { color: hsl(288, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:75\:dark, html.dark .sf-c-txt-mediumorchid\:75\:dark { color: hsl(288, 59%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:80\:dark, html.dark .sf-c-txt-mediumorchid\:80\:dark { color: hsl(288, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:85\:dark, html.dark .sf-c-txt-mediumorchid\:85\:dark { color: hsl(288, 59%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:90\:dark, html.dark .sf-c-txt-mediumorchid\:90\:dark { color: hsl(288, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:95\:dark, html.dark .sf-c-txt-mediumorchid\:95\:dark { color: hsl(288, 59%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumorchid\:100\:dark, html.dark .sf-c-txt-mediumorchid\:100\:dark { color: hsl(288, 59%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumorchid, html.auto .sf-c-mediumorchid { color: hsl(var(--sf-dark-c-txt-mediumorchid-95)); background: hsl(var(--sf-dark-c-mediumorchid)) } html[data-theme='auto'] .sf-c-mediumorchid\:0, html.auto .sf-c-mediumorchid\:0 { color: hsl(var(--sf-dark-c-txt-mediumorchid-95)); background: hsl(var(--sf-dark-c-mediumorchid-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-mediumorchid\:100\:dark, html.var.dark .sf-c-m html[data-theme='auto'] .sf-c-mediumorchid\:95\:dark, html.auto .sf-c-mediumorchid\:95\:dark { color: hsl(var(--sf-c-txt-mediumorchid-95)); background: hsl(var(--sf-c-mediumorchid-5)) } html[data-theme='auto'] .sf-c-mediumorchid\:100\:dark, html.auto .sf-c-mediumorchid\:100\:dark { color: hsl(var(--sf-c-txt-mediumorchid-95)); background: hsl(var(--sf-c-mediumorchid-0)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid, html.auto .sf-c-txt-mediumorchid { color: hsl(var(--sf-c-txt-mediumorchid)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:0, html.auto .sf-c-txt-mediumorchid\:0 { color: hsl(var(--sf-c-txt-mediumorchid-0)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:5, html.auto .sf-c-txt-mediumorchid\:5 { color: hsl(var(--sf-c-txt-mediumorchid-5)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:10, html.auto .sf-c-txt-mediumorchid\:10 { color: hsl(var(--sf-c-txt-mediumorchid-10)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:15, html.auto .sf-c-txt-mediumorchid\:15 { color: hsl(var(--sf-c-txt-mediumorchid-15)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:20, html.auto .sf-c-txt-mediumorchid\:20 { color: hsl(var(--sf-c-txt-mediumorchid-20)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:25, html.auto .sf-c-txt-mediumorchid\:25 { color: hsl(var(--sf-c-txt-mediumorchid-25)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:30, html.auto .sf-c-txt-mediumorchid\:30 { color: hsl(var(--sf-c-txt-mediumorchid-30)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:35, html.auto .sf-c-txt-mediumorchid\:35 { color: hsl(var(--sf-c-txt-mediumorchid-35)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:40, html.auto .sf-c-txt-mediumorchid\:40 { color: hsl(var(--sf-c-txt-mediumorchid-40)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:45, html.auto .sf-c-txt-mediumorchid\:45 { color: hsl(var(--sf-c-txt-mediumorchid-45)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:50, html.auto .sf-c-txt-mediumorchid\:50 { color: hsl(var(--sf-c-txt-mediumorchid-50)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:55, html.auto .sf-c-txt-mediumorchid\:55 { color: hsl(var(--sf-c-txt-mediumorchid-55)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:60, html.auto .sf-c-txt-mediumorchid\:60 { color: hsl(var(--sf-c-txt-mediumorchid-60)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:65, html.auto .sf-c-txt-mediumorchid\:65 { color: hsl(var(--sf-c-txt-mediumorchid-65)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:70, html.auto .sf-c-txt-mediumorchid\:70 { color: hsl(var(--sf-c-txt-mediumorchid-70)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:75, html.auto .sf-c-txt-mediumorchid\:75 { color: hsl(var(--sf-c-txt-mediumorchid-75)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:80, html.auto .sf-c-txt-mediumorchid\:80 { color: hsl(var(--sf-c-txt-mediumorchid-80)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:85, html.auto .sf-c-txt-mediumorchid\:85 { color: hsl(var(--sf-c-txt-mediumorchid-85)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:90, html.auto .sf-c-txt-mediumorchid\:90 { color: hsl(var(--sf-c-txt-mediumorchid-90)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:95, html.auto .sf-c-txt-mediumorchid\:95 { color: hsl(var(--sf-c-txt-mediumorchid-95)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:100, html.auto .sf-c-txt-mediumorchid\:100 { color: hsl(var(--sf-c-txt-mediumorchid-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumorchid\:dark, html.auto .sf-c-txt-mediumorchid\:dark { color: hsl(var(--sf-c-txt-mediumorchid)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:0\:dark, html.auto .sf-c-txt-mediumorchid\:0\:dark { color: hsl(var(--sf-c-txt-mediumorchid-0)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:5\:dark, html.auto .sf-c-txt-mediumorchid\:5\:dark { color: hsl(var(--sf-c-txt-mediumorchid-5)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:10\:dark, html.auto .sf-c-txt-mediumorchid\:10\:dark { color: hsl(var(--sf-c-txt-mediumorchid-10)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:15\:dark, html.auto .sf-c-txt-mediumorchid\:15\:dark { color: hsl(var(--sf-c-txt-mediumorchid-15)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:20\:dark, html.auto .sf-c-txt-mediumorchid\:20\:dark { color: hsl(var(--sf-c-txt-mediumorchid-20)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:25\:dark, html.auto .sf-c-txt-mediumorchid\:25\:dark { color: hsl(var(--sf-c-txt-mediumorchid-25)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:30\:dark, html.auto .sf-c-txt-mediumorchid\:30\:dark { color: hsl(var(--sf-c-txt-mediumorchid-30)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:35\:dark, html.auto .sf-c-txt-mediumorchid\:35\:dark { color: hsl(var(--sf-c-txt-mediumorchid-35)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:40\:dark, html.auto .sf-c-txt-mediumorchid\:40\:dark { color: hsl(var(--sf-c-txt-mediumorchid-40)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:45\:dark, html.auto .sf-c-txt-mediumorchid\:45\:dark { color: hsl(var(--sf-c-txt-mediumorchid-45)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:50\:dark, html.auto .sf-c-txt-mediumorchid\:50\:dark { color: hsl(var(--sf-c-txt-mediumorchid-50)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:55\:dark, html.auto .sf-c-txt-mediumorchid\:55\:dark { color: hsl(var(--sf-c-txt-mediumorchid-55)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:60\:dark, html.auto .sf-c-txt-mediumorchid\:60\:dark { color: hsl(var(--sf-c-txt-mediumorchid-60)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:65\:dark, html.auto .sf-c-txt-mediumorchid\:65\:dark { color: hsl(var(--sf-c-txt-mediumorchid-65)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:70\:dark, html.auto .sf-c-txt-mediumorchid\:70\:dark { color: hsl(var(--sf-c-txt-mediumorchid-70)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:75\:dark, html.auto .sf-c-txt-mediumorchid\:75\:dark { color: hsl(var(--sf-c-txt-mediumorchid-75)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:80\:dark, html.auto .sf-c-txt-mediumorchid\:80\:dark { color: hsl(var(--sf-c-txt-mediumorchid-80)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:85\:dark, html.auto .sf-c-txt-mediumorchid\:85\:dark { color: hsl(var(--sf-c-txt-mediumorchid-85)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:90\:dark, html.auto .sf-c-txt-mediumorchid\:90\:dark { color: hsl(var(--sf-c-txt-mediumorchid-90)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:95\:dark, html.auto .sf-c-txt-mediumorchid\:95\:dark { color: hsl(var(--sf-c-txt-mediumorchid-95)) } + html[data-theme='auto'] .sf-c-txt-mediumorchid\:100\:dark, html.auto .sf-c-txt-mediumorchid\:100\:dark { color: hsl(var(--sf-c-txt-mediumorchid-100)) } + html.var[data-theme='auto'] .sf-c-mediumorchid, html.var.auto .sf-c-mediumorchid { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 42%) } html.var[data-theme='auto'] .sf-c-mediumorchid\:0, html.var.auto .sf-c-mediumorchid\:0 { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 100%) } html.var[data-theme='auto'] .sf-c-mediumorchid\:5, html.var.auto .sf-c-mediumorchid\:5 { color: hsl(288, 59%, 5%); background: hsl(288, 59%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-mediumorchid\:100\:dark, html.var.dark .sf-c-m html.var[data-theme='auto'] .sf-c-mediumorchid\:90\:dark, html.var.auto .sf-c-mediumorchid\:90\:dark { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 10%) } html.var[data-theme='auto'] .sf-c-mediumorchid\:95\:dark, html.var.auto .sf-c-mediumorchid\:95\:dark { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 5%) } html.var[data-theme='auto'] .sf-c-mediumorchid\:100\:dark, html.var.auto .sf-c-mediumorchid\:100\:dark { color: hsl(288, 59%, 95%); background: hsl(288, 59%, 0%) } -} -.sf-c-txt-mediumorchid { color: hsl(var(--sf-c-txt-mediumorchid)) } -.sf-c-txt-mediumorchid\:0 { color: hsl(var(--sf-c-txt-mediumorchid-0)) } -.sf-c-txt-mediumorchid\:5 { color: hsl(var(--sf-c-txt-mediumorchid-5)) } -.sf-c-txt-mediumorchid\:10 { color: hsl(var(--sf-c-txt-mediumorchid-10)) } -.sf-c-txt-mediumorchid\:15 { color: hsl(var(--sf-c-txt-mediumorchid-15)) } -.sf-c-txt-mediumorchid\:20 { color: hsl(var(--sf-c-txt-mediumorchid-20)) } -.sf-c-txt-mediumorchid\:25 { color: hsl(var(--sf-c-txt-mediumorchid-25)) } -.sf-c-txt-mediumorchid\:30 { color: hsl(var(--sf-c-txt-mediumorchid-30)) } -.sf-c-txt-mediumorchid\:35 { color: hsl(var(--sf-c-txt-mediumorchid-35)) } -.sf-c-txt-mediumorchid\:40 { color: hsl(var(--sf-c-txt-mediumorchid-40)) } -.sf-c-txt-mediumorchid\:45 { color: hsl(var(--sf-c-txt-mediumorchid-45)) } -.sf-c-txt-mediumorchid\:50 { color: hsl(var(--sf-c-txt-mediumorchid-50)) } -.sf-c-txt-mediumorchid\:55 { color: hsl(var(--sf-c-txt-mediumorchid-55)) } -.sf-c-txt-mediumorchid\:60 { color: hsl(var(--sf-c-txt-mediumorchid-60)) } -.sf-c-txt-mediumorchid\:65 { color: hsl(var(--sf-c-txt-mediumorchid-65)) } -.sf-c-txt-mediumorchid\:70 { color: hsl(var(--sf-c-txt-mediumorchid-70)) } -.sf-c-txt-mediumorchid\:75 { color: hsl(var(--sf-c-txt-mediumorchid-75)) } -.sf-c-txt-mediumorchid\:80 { color: hsl(var(--sf-c-txt-mediumorchid-80)) } -.sf-c-txt-mediumorchid\:85 { color: hsl(var(--sf-c-txt-mediumorchid-85)) } -.sf-c-txt-mediumorchid\:90 { color: hsl(var(--sf-c-txt-mediumorchid-90)) } -.sf-c-txt-mediumorchid\:95 { color: hsl(var(--sf-c-txt-mediumorchid-95)) } -.sf-c-txt-mediumorchid\:100 { color: hsl(var(--sf-c-txt-mediumorchid-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumorchid, html.auto .sf-c-txt-mediumorchid { color: hsl(288, 59%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:0, html.auto .sf-c-txt-mediumorchid\:0 { color: hsl(288, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:5, html.auto .sf-c-txt-mediumorchid\:5 { color: hsl(288, 59%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:10, html.auto .sf-c-txt-mediumorchid\:10 { color: hsl(288, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:15, html.auto .sf-c-txt-mediumorchid\:15 { color: hsl(288, 59%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:20, html.auto .sf-c-txt-mediumorchid\:20 { color: hsl(288, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:25, html.auto .sf-c-txt-mediumorchid\:25 { color: hsl(288, 59%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:30, html.auto .sf-c-txt-mediumorchid\:30 { color: hsl(288, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:35, html.auto .sf-c-txt-mediumorchid\:35 { color: hsl(288, 59%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:40, html.auto .sf-c-txt-mediumorchid\:40 { color: hsl(288, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:45, html.auto .sf-c-txt-mediumorchid\:45 { color: hsl(288, 59%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:50, html.auto .sf-c-txt-mediumorchid\:50 { color: hsl(288, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:55, html.auto .sf-c-txt-mediumorchid\:55 { color: hsl(288, 59%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:60, html.auto .sf-c-txt-mediumorchid\:60 { color: hsl(288, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:65, html.auto .sf-c-txt-mediumorchid\:65 { color: hsl(288, 59%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:70, html.auto .sf-c-txt-mediumorchid\:70 { color: hsl(288, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:75, html.auto .sf-c-txt-mediumorchid\:75 { color: hsl(288, 59%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:80, html.auto .sf-c-txt-mediumorchid\:80 { color: hsl(288, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:85, html.auto .sf-c-txt-mediumorchid\:85 { color: hsl(288, 59%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:90, html.auto .sf-c-txt-mediumorchid\:90 { color: hsl(288, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:95, html.auto .sf-c-txt-mediumorchid\:95 { color: hsl(288, 59%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:100, html.auto .sf-c-txt-mediumorchid\:100 { color: hsl(288, 59%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:dark, html.auto .sf-c-txt-mediumorchid\:dark { color: hsl(288, 59%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:0\:dark, html.auto .sf-c-txt-mediumorchid\:0\:dark { color: hsl(288, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:5\:dark, html.auto .sf-c-txt-mediumorchid\:5\:dark { color: hsl(288, 59%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:10\:dark, html.auto .sf-c-txt-mediumorchid\:10\:dark { color: hsl(288, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:15\:dark, html.auto .sf-c-txt-mediumorchid\:15\:dark { color: hsl(288, 59%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:20\:dark, html.auto .sf-c-txt-mediumorchid\:20\:dark { color: hsl(288, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:25\:dark, html.auto .sf-c-txt-mediumorchid\:25\:dark { color: hsl(288, 59%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:30\:dark, html.auto .sf-c-txt-mediumorchid\:30\:dark { color: hsl(288, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:35\:dark, html.auto .sf-c-txt-mediumorchid\:35\:dark { color: hsl(288, 59%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:40\:dark, html.auto .sf-c-txt-mediumorchid\:40\:dark { color: hsl(288, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:45\:dark, html.auto .sf-c-txt-mediumorchid\:45\:dark { color: hsl(288, 59%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:50\:dark, html.auto .sf-c-txt-mediumorchid\:50\:dark { color: hsl(288, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:55\:dark, html.auto .sf-c-txt-mediumorchid\:55\:dark { color: hsl(288, 59%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:60\:dark, html.auto .sf-c-txt-mediumorchid\:60\:dark { color: hsl(288, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:65\:dark, html.auto .sf-c-txt-mediumorchid\:65\:dark { color: hsl(288, 59%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:70\:dark, html.auto .sf-c-txt-mediumorchid\:70\:dark { color: hsl(288, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:75\:dark, html.auto .sf-c-txt-mediumorchid\:75\:dark { color: hsl(288, 59%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:80\:dark, html.auto .sf-c-txt-mediumorchid\:80\:dark { color: hsl(288, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:85\:dark, html.auto .sf-c-txt-mediumorchid\:85\:dark { color: hsl(288, 59%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:90\:dark, html.auto .sf-c-txt-mediumorchid\:90\:dark { color: hsl(288, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:95\:dark, html.auto .sf-c-txt-mediumorchid\:95\:dark { color: hsl(288, 59%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumorchid\:100\:dark, html.auto .sf-c-txt-mediumorchid\:100\:dark { color: hsl(288, 59%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/mediumpurple.css b/src/colors/20/mediumpurple.css index 7ef9000..9dceee2 100644 --- a/src/colors/20/mediumpurple.css +++ b/src/colors/20/mediumpurple.css @@ -138,6 +138,52 @@ html.var .sf-c-mediumpurple\:90 { color: hsl(260, 60%, 5%); background: hsl(260, html.var .sf-c-mediumpurple\:95 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 95%) } html.var .sf-c-mediumpurple\:100 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 100%) } +.sf-c-txt-mediumpurple { color: hsl(var(--sf-dark-c-txt-mediumpurple)) } +.sf-c-txt-mediumpurple\:0 { color: hsl(var(--sf-dark-c-txt-mediumpurple-100)) } +.sf-c-txt-mediumpurple\:5 { color: hsl(var(--sf-dark-c-txt-mediumpurple-95)) } +.sf-c-txt-mediumpurple\:10 { color: hsl(var(--sf-dark-c-txt-mediumpurple-90)) } +.sf-c-txt-mediumpurple\:15 { color: hsl(var(--sf-dark-c-txt-mediumpurple-85)) } +.sf-c-txt-mediumpurple\:20 { color: hsl(var(--sf-dark-c-txt-mediumpurple-80)) } +.sf-c-txt-mediumpurple\:25 { color: hsl(var(--sf-dark-c-txt-mediumpurple-75)) } +.sf-c-txt-mediumpurple\:30 { color: hsl(var(--sf-dark-c-txt-mediumpurple-70)) } +.sf-c-txt-mediumpurple\:35 { color: hsl(var(--sf-dark-c-txt-mediumpurple-65)) } +.sf-c-txt-mediumpurple\:40 { color: hsl(var(--sf-dark-c-txt-mediumpurple-60)) } +.sf-c-txt-mediumpurple\:45 { color: hsl(var(--sf-dark-c-txt-mediumpurple-55)) } +.sf-c-txt-mediumpurple\:50 { color: hsl(var(--sf-dark-c-txt-mediumpurple-50)) } +.sf-c-txt-mediumpurple\:55 { color: hsl(var(--sf-dark-c-txt-mediumpurple-45)) } +.sf-c-txt-mediumpurple\:60 { color: hsl(var(--sf-dark-c-txt-mediumpurple-40)) } +.sf-c-txt-mediumpurple\:65 { color: hsl(var(--sf-dark-c-txt-mediumpurple-35)) } +.sf-c-txt-mediumpurple\:70 { color: hsl(var(--sf-dark-c-txt-mediumpurple-30)) } +.sf-c-txt-mediumpurple\:75 { color: hsl(var(--sf-dark-c-txt-mediumpurple-25)) } +.sf-c-txt-mediumpurple\:80 { color: hsl(var(--sf-dark-c-txt-mediumpurple-20)) } +.sf-c-txt-mediumpurple\:85 { color: hsl(var(--sf-dark-c-txt-mediumpurple-15)) } +.sf-c-txt-mediumpurple\:90 { color: hsl(var(--sf-dark-c-txt-mediumpurple-10)) } +.sf-c-txt-mediumpurple\:95 { color: hsl(var(--sf-dark-c-txt-mediumpurple-5)) } +.sf-c-txt-mediumpurple\:100 { color: hsl(var(--sf-dark-c-txt-mediumpurple-0)) } + +html.var .sf-c-txt-mediumpurple { color: hsl(260, 60%, 35%) } +html.var .sf-c-txt-mediumpurple\:0 { color: hsl(260, 60%, 100%) } +html.var .sf-c-txt-mediumpurple\:5 { color: hsl(260, 60%, 95%) } +html.var .sf-c-txt-mediumpurple\:10 { color: hsl(260, 60%, 90%) } +html.var .sf-c-txt-mediumpurple\:15 { color: hsl(260, 60%, 85%) } +html.var .sf-c-txt-mediumpurple\:20 { color: hsl(260, 60%, 80%) } +html.var .sf-c-txt-mediumpurple\:25 { color: hsl(260, 60%, 75%) } +html.var .sf-c-txt-mediumpurple\:30 { color: hsl(260, 60%, 70%) } +html.var .sf-c-txt-mediumpurple\:35 { color: hsl(260, 60%, 65%) } +html.var .sf-c-txt-mediumpurple\:40 { color: hsl(260, 60%, 60%) } +html.var .sf-c-txt-mediumpurple\:45 { color: hsl(260, 60%, 55%) } +html.var .sf-c-txt-mediumpurple\:50 { color: hsl(260, 60%, 50%) } +html.var .sf-c-txt-mediumpurple\:55 { color: hsl(260, 60%, 45%) } +html.var .sf-c-txt-mediumpurple\:60 { color: hsl(260, 60%, 40%) } +html.var .sf-c-txt-mediumpurple\:65 { color: hsl(260, 60%, 35%) } +html.var .sf-c-txt-mediumpurple\:70 { color: hsl(260, 60%, 30%) } +html.var .sf-c-txt-mediumpurple\:75 { color: hsl(260, 60%, 25%) } +html.var .sf-c-txt-mediumpurple\:80 { color: hsl(260, 60%, 20%) } +html.var .sf-c-txt-mediumpurple\:85 { color: hsl(260, 60%, 15%) } +html.var .sf-c-txt-mediumpurple\:90 { color: hsl(260, 60%, 10%) } +html.var .sf-c-txt-mediumpurple\:95 { color: hsl(260, 60%, 5%) } +html.var .sf-c-txt-mediumpurple\:100 { color: hsl(260, 60%, 0%) } + html[data-theme='dark'] .sf-c-mediumpurple, html.dark .sf-c-mediumpurple { color: hsl(var(--sf-dark-c-txt-mediumpurple-95)); background: hsl(var(--sf-dark-c-mediumpurple)) } html[data-theme='dark'] .sf-c-mediumpurple\:0, html.dark .sf-c-mediumpurple\:0 { color: hsl(var(--sf-dark-c-txt-mediumpurple-95)); background: hsl(var(--sf-dark-c-mediumpurple-100)) } html[data-theme='dark'] .sf-c-mediumpurple\:5, html.dark .sf-c-mediumpurple\:5 { color: hsl(var(--sf-dark-c-txt-mediumpurple-5)); background: hsl(var(--sf-dark-c-mediumpurple-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-mediumpurple\:90\:dark, html.dark .sf-c-mediumpurp html[data-theme='dark'] .sf-c-mediumpurple\:95\:dark, html.dark .sf-c-mediumpurple\:95\:dark { color: hsl(var(--sf-c-txt-mediumpurple-95)); background: hsl(var(--sf-c-mediumpurple-5)) } html[data-theme='dark'] .sf-c-mediumpurple\:100\:dark, html.dark .sf-c-mediumpurple\:100\:dark { color: hsl(var(--sf-c-txt-mediumpurple-95)); background: hsl(var(--sf-c-mediumpurple-0)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple, html.dark .sf-c-txt-mediumpurple { color: hsl(var(--sf-c-txt-mediumpurple)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:0, html.dark .sf-c-txt-mediumpurple\:0 { color: hsl(var(--sf-c-txt-mediumpurple-0)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:5, html.dark .sf-c-txt-mediumpurple\:5 { color: hsl(var(--sf-c-txt-mediumpurple-5)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:10, html.dark .sf-c-txt-mediumpurple\:10 { color: hsl(var(--sf-c-txt-mediumpurple-10)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:15, html.dark .sf-c-txt-mediumpurple\:15 { color: hsl(var(--sf-c-txt-mediumpurple-15)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:20, html.dark .sf-c-txt-mediumpurple\:20 { color: hsl(var(--sf-c-txt-mediumpurple-20)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:25, html.dark .sf-c-txt-mediumpurple\:25 { color: hsl(var(--sf-c-txt-mediumpurple-25)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:30, html.dark .sf-c-txt-mediumpurple\:30 { color: hsl(var(--sf-c-txt-mediumpurple-30)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:35, html.dark .sf-c-txt-mediumpurple\:35 { color: hsl(var(--sf-c-txt-mediumpurple-35)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:40, html.dark .sf-c-txt-mediumpurple\:40 { color: hsl(var(--sf-c-txt-mediumpurple-40)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:45, html.dark .sf-c-txt-mediumpurple\:45 { color: hsl(var(--sf-c-txt-mediumpurple-45)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:50, html.dark .sf-c-txt-mediumpurple\:50 { color: hsl(var(--sf-c-txt-mediumpurple-50)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:55, html.dark .sf-c-txt-mediumpurple\:55 { color: hsl(var(--sf-c-txt-mediumpurple-55)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:60, html.dark .sf-c-txt-mediumpurple\:60 { color: hsl(var(--sf-c-txt-mediumpurple-60)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:65, html.dark .sf-c-txt-mediumpurple\:65 { color: hsl(var(--sf-c-txt-mediumpurple-65)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:70, html.dark .sf-c-txt-mediumpurple\:70 { color: hsl(var(--sf-c-txt-mediumpurple-70)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:75, html.dark .sf-c-txt-mediumpurple\:75 { color: hsl(var(--sf-c-txt-mediumpurple-75)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:80, html.dark .sf-c-txt-mediumpurple\:80 { color: hsl(var(--sf-c-txt-mediumpurple-80)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:85, html.dark .sf-c-txt-mediumpurple\:85 { color: hsl(var(--sf-c-txt-mediumpurple-85)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:90, html.dark .sf-c-txt-mediumpurple\:90 { color: hsl(var(--sf-c-txt-mediumpurple-90)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:95, html.dark .sf-c-txt-mediumpurple\:95 { color: hsl(var(--sf-c-txt-mediumpurple-95)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:100, html.dark .sf-c-txt-mediumpurple\:100 { color: hsl(var(--sf-c-txt-mediumpurple-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumpurple\:dark, html.dark .sf-c-txt-mediumpurple\:dark { color: hsl(var(--sf-c-txt-mediumpurple)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:0\:dark, html.dark .sf-c-txt-mediumpurple\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-0)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:5\:dark, html.dark .sf-c-txt-mediumpurple\:5\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-5)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:10\:dark, html.dark .sf-c-txt-mediumpurple\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-10)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:15\:dark, html.dark .sf-c-txt-mediumpurple\:15\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-15)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:20\:dark, html.dark .sf-c-txt-mediumpurple\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-20)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:25\:dark, html.dark .sf-c-txt-mediumpurple\:25\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-25)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:30\:dark, html.dark .sf-c-txt-mediumpurple\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-30)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:35\:dark, html.dark .sf-c-txt-mediumpurple\:35\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-35)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:40\:dark, html.dark .sf-c-txt-mediumpurple\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-40)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:45\:dark, html.dark .sf-c-txt-mediumpurple\:45\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-45)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:50\:dark, html.dark .sf-c-txt-mediumpurple\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-50)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:55\:dark, html.dark .sf-c-txt-mediumpurple\:55\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-55)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:60\:dark, html.dark .sf-c-txt-mediumpurple\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-60)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:65\:dark, html.dark .sf-c-txt-mediumpurple\:65\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-65)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:70\:dark, html.dark .sf-c-txt-mediumpurple\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-70)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:75\:dark, html.dark .sf-c-txt-mediumpurple\:75\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-75)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:80\:dark, html.dark .sf-c-txt-mediumpurple\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-80)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:85\:dark, html.dark .sf-c-txt-mediumpurple\:85\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-85)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:90\:dark, html.dark .sf-c-txt-mediumpurple\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-90)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:95\:dark, html.dark .sf-c-txt-mediumpurple\:95\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-95)) } +html[data-theme='dark'] .sf-c-txt-mediumpurple\:100\:dark, html.dark .sf-c-txt-mediumpurple\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumpurple-100)) } + html.var[data-theme='dark'] .sf-c-mediumpurple, html.var.dark .sf-c-mediumpurple { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 35%) } html.var[data-theme='dark'] .sf-c-mediumpurple\:0, html.var.dark .sf-c-mediumpurple\:0 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 100%) } html.var[data-theme='dark'] .sf-c-mediumpurple\:5, html.var.dark .sf-c-mediumpurple\:5 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-mediumpurple\:90\:dark, html.var.dark .sf-c-me html.var[data-theme='dark'] .sf-c-mediumpurple\:95\:dark, html.var.dark .sf-c-mediumpurple\:95\:dark { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 5%) } html.var[data-theme='dark'] .sf-c-mediumpurple\:100\:dark, html.var.dark .sf-c-mediumpurple\:100\:dark { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple, html.dark .sf-c-txt-mediumpurple { color: hsl(260, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:0, html.dark .sf-c-txt-mediumpurple\:0 { color: hsl(260, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:5, html.dark .sf-c-txt-mediumpurple\:5 { color: hsl(260, 60%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:10, html.dark .sf-c-txt-mediumpurple\:10 { color: hsl(260, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:15, html.dark .sf-c-txt-mediumpurple\:15 { color: hsl(260, 60%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:20, html.dark .sf-c-txt-mediumpurple\:20 { color: hsl(260, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:25, html.dark .sf-c-txt-mediumpurple\:25 { color: hsl(260, 60%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:30, html.dark .sf-c-txt-mediumpurple\:30 { color: hsl(260, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:35, html.dark .sf-c-txt-mediumpurple\:35 { color: hsl(260, 60%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:40, html.dark .sf-c-txt-mediumpurple\:40 { color: hsl(260, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:45, html.dark .sf-c-txt-mediumpurple\:45 { color: hsl(260, 60%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:50, html.dark .sf-c-txt-mediumpurple\:50 { color: hsl(260, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:55, html.dark .sf-c-txt-mediumpurple\:55 { color: hsl(260, 60%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:60, html.dark .sf-c-txt-mediumpurple\:60 { color: hsl(260, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:65, html.dark .sf-c-txt-mediumpurple\:65 { color: hsl(260, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:70, html.dark .sf-c-txt-mediumpurple\:70 { color: hsl(260, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:75, html.dark .sf-c-txt-mediumpurple\:75 { color: hsl(260, 60%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:80, html.dark .sf-c-txt-mediumpurple\:80 { color: hsl(260, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:85, html.dark .sf-c-txt-mediumpurple\:85 { color: hsl(260, 60%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:90, html.dark .sf-c-txt-mediumpurple\:90 { color: hsl(260, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:95, html.dark .sf-c-txt-mediumpurple\:95 { color: hsl(260, 60%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:100, html.dark .sf-c-txt-mediumpurple\:100 { color: hsl(260, 60%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:dark, html.dark .sf-c-txt-mediumpurple\:dark { color: hsl(260, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:0\:dark, html.dark .sf-c-txt-mediumpurple\:0\:dark { color: hsl(260, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:5\:dark, html.dark .sf-c-txt-mediumpurple\:5\:dark { color: hsl(260, 60%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:10\:dark, html.dark .sf-c-txt-mediumpurple\:10\:dark { color: hsl(260, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:15\:dark, html.dark .sf-c-txt-mediumpurple\:15\:dark { color: hsl(260, 60%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:20\:dark, html.dark .sf-c-txt-mediumpurple\:20\:dark { color: hsl(260, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:25\:dark, html.dark .sf-c-txt-mediumpurple\:25\:dark { color: hsl(260, 60%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:30\:dark, html.dark .sf-c-txt-mediumpurple\:30\:dark { color: hsl(260, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:35\:dark, html.dark .sf-c-txt-mediumpurple\:35\:dark { color: hsl(260, 60%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:40\:dark, html.dark .sf-c-txt-mediumpurple\:40\:dark { color: hsl(260, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:45\:dark, html.dark .sf-c-txt-mediumpurple\:45\:dark { color: hsl(260, 60%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:50\:dark, html.dark .sf-c-txt-mediumpurple\:50\:dark { color: hsl(260, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:55\:dark, html.dark .sf-c-txt-mediumpurple\:55\:dark { color: hsl(260, 60%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:60\:dark, html.dark .sf-c-txt-mediumpurple\:60\:dark { color: hsl(260, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:65\:dark, html.dark .sf-c-txt-mediumpurple\:65\:dark { color: hsl(260, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:70\:dark, html.dark .sf-c-txt-mediumpurple\:70\:dark { color: hsl(260, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:75\:dark, html.dark .sf-c-txt-mediumpurple\:75\:dark { color: hsl(260, 60%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:80\:dark, html.dark .sf-c-txt-mediumpurple\:80\:dark { color: hsl(260, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:85\:dark, html.dark .sf-c-txt-mediumpurple\:85\:dark { color: hsl(260, 60%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:90\:dark, html.dark .sf-c-txt-mediumpurple\:90\:dark { color: hsl(260, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:95\:dark, html.dark .sf-c-txt-mediumpurple\:95\:dark { color: hsl(260, 60%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumpurple\:100\:dark, html.dark .sf-c-txt-mediumpurple\:100\:dark { color: hsl(260, 60%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumpurple, html.auto .sf-c-mediumpurple { color: hsl(var(--sf-dark-c-txt-mediumpurple-95)); background: hsl(var(--sf-dark-c-mediumpurple)) } html[data-theme='auto'] .sf-c-mediumpurple\:0, html.auto .sf-c-mediumpurple\:0 { color: hsl(var(--sf-dark-c-txt-mediumpurple-95)); background: hsl(var(--sf-dark-c-mediumpurple-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-mediumpurple\:100\:dark, html.var.dark .sf-c-m html[data-theme='auto'] .sf-c-mediumpurple\:95\:dark, html.auto .sf-c-mediumpurple\:95\:dark { color: hsl(var(--sf-c-txt-mediumpurple-95)); background: hsl(var(--sf-c-mediumpurple-5)) } html[data-theme='auto'] .sf-c-mediumpurple\:100\:dark, html.auto .sf-c-mediumpurple\:100\:dark { color: hsl(var(--sf-c-txt-mediumpurple-95)); background: hsl(var(--sf-c-mediumpurple-0)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple, html.auto .sf-c-txt-mediumpurple { color: hsl(var(--sf-c-txt-mediumpurple)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:0, html.auto .sf-c-txt-mediumpurple\:0 { color: hsl(var(--sf-c-txt-mediumpurple-0)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:5, html.auto .sf-c-txt-mediumpurple\:5 { color: hsl(var(--sf-c-txt-mediumpurple-5)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:10, html.auto .sf-c-txt-mediumpurple\:10 { color: hsl(var(--sf-c-txt-mediumpurple-10)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:15, html.auto .sf-c-txt-mediumpurple\:15 { color: hsl(var(--sf-c-txt-mediumpurple-15)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:20, html.auto .sf-c-txt-mediumpurple\:20 { color: hsl(var(--sf-c-txt-mediumpurple-20)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:25, html.auto .sf-c-txt-mediumpurple\:25 { color: hsl(var(--sf-c-txt-mediumpurple-25)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:30, html.auto .sf-c-txt-mediumpurple\:30 { color: hsl(var(--sf-c-txt-mediumpurple-30)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:35, html.auto .sf-c-txt-mediumpurple\:35 { color: hsl(var(--sf-c-txt-mediumpurple-35)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:40, html.auto .sf-c-txt-mediumpurple\:40 { color: hsl(var(--sf-c-txt-mediumpurple-40)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:45, html.auto .sf-c-txt-mediumpurple\:45 { color: hsl(var(--sf-c-txt-mediumpurple-45)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:50, html.auto .sf-c-txt-mediumpurple\:50 { color: hsl(var(--sf-c-txt-mediumpurple-50)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:55, html.auto .sf-c-txt-mediumpurple\:55 { color: hsl(var(--sf-c-txt-mediumpurple-55)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:60, html.auto .sf-c-txt-mediumpurple\:60 { color: hsl(var(--sf-c-txt-mediumpurple-60)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:65, html.auto .sf-c-txt-mediumpurple\:65 { color: hsl(var(--sf-c-txt-mediumpurple-65)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:70, html.auto .sf-c-txt-mediumpurple\:70 { color: hsl(var(--sf-c-txt-mediumpurple-70)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:75, html.auto .sf-c-txt-mediumpurple\:75 { color: hsl(var(--sf-c-txt-mediumpurple-75)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:80, html.auto .sf-c-txt-mediumpurple\:80 { color: hsl(var(--sf-c-txt-mediumpurple-80)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:85, html.auto .sf-c-txt-mediumpurple\:85 { color: hsl(var(--sf-c-txt-mediumpurple-85)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:90, html.auto .sf-c-txt-mediumpurple\:90 { color: hsl(var(--sf-c-txt-mediumpurple-90)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:95, html.auto .sf-c-txt-mediumpurple\:95 { color: hsl(var(--sf-c-txt-mediumpurple-95)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:100, html.auto .sf-c-txt-mediumpurple\:100 { color: hsl(var(--sf-c-txt-mediumpurple-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumpurple\:dark, html.auto .sf-c-txt-mediumpurple\:dark { color: hsl(var(--sf-c-txt-mediumpurple)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:0\:dark, html.auto .sf-c-txt-mediumpurple\:0\:dark { color: hsl(var(--sf-c-txt-mediumpurple-0)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:5\:dark, html.auto .sf-c-txt-mediumpurple\:5\:dark { color: hsl(var(--sf-c-txt-mediumpurple-5)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:10\:dark, html.auto .sf-c-txt-mediumpurple\:10\:dark { color: hsl(var(--sf-c-txt-mediumpurple-10)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:15\:dark, html.auto .sf-c-txt-mediumpurple\:15\:dark { color: hsl(var(--sf-c-txt-mediumpurple-15)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:20\:dark, html.auto .sf-c-txt-mediumpurple\:20\:dark { color: hsl(var(--sf-c-txt-mediumpurple-20)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:25\:dark, html.auto .sf-c-txt-mediumpurple\:25\:dark { color: hsl(var(--sf-c-txt-mediumpurple-25)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:30\:dark, html.auto .sf-c-txt-mediumpurple\:30\:dark { color: hsl(var(--sf-c-txt-mediumpurple-30)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:35\:dark, html.auto .sf-c-txt-mediumpurple\:35\:dark { color: hsl(var(--sf-c-txt-mediumpurple-35)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:40\:dark, html.auto .sf-c-txt-mediumpurple\:40\:dark { color: hsl(var(--sf-c-txt-mediumpurple-40)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:45\:dark, html.auto .sf-c-txt-mediumpurple\:45\:dark { color: hsl(var(--sf-c-txt-mediumpurple-45)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:50\:dark, html.auto .sf-c-txt-mediumpurple\:50\:dark { color: hsl(var(--sf-c-txt-mediumpurple-50)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:55\:dark, html.auto .sf-c-txt-mediumpurple\:55\:dark { color: hsl(var(--sf-c-txt-mediumpurple-55)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:60\:dark, html.auto .sf-c-txt-mediumpurple\:60\:dark { color: hsl(var(--sf-c-txt-mediumpurple-60)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:65\:dark, html.auto .sf-c-txt-mediumpurple\:65\:dark { color: hsl(var(--sf-c-txt-mediumpurple-65)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:70\:dark, html.auto .sf-c-txt-mediumpurple\:70\:dark { color: hsl(var(--sf-c-txt-mediumpurple-70)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:75\:dark, html.auto .sf-c-txt-mediumpurple\:75\:dark { color: hsl(var(--sf-c-txt-mediumpurple-75)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:80\:dark, html.auto .sf-c-txt-mediumpurple\:80\:dark { color: hsl(var(--sf-c-txt-mediumpurple-80)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:85\:dark, html.auto .sf-c-txt-mediumpurple\:85\:dark { color: hsl(var(--sf-c-txt-mediumpurple-85)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:90\:dark, html.auto .sf-c-txt-mediumpurple\:90\:dark { color: hsl(var(--sf-c-txt-mediumpurple-90)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:95\:dark, html.auto .sf-c-txt-mediumpurple\:95\:dark { color: hsl(var(--sf-c-txt-mediumpurple-95)) } + html[data-theme='auto'] .sf-c-txt-mediumpurple\:100\:dark, html.auto .sf-c-txt-mediumpurple\:100\:dark { color: hsl(var(--sf-c-txt-mediumpurple-100)) } + html.var[data-theme='auto'] .sf-c-mediumpurple, html.var.auto .sf-c-mediumpurple { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 35%) } html.var[data-theme='auto'] .sf-c-mediumpurple\:0, html.var.auto .sf-c-mediumpurple\:0 { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 100%) } html.var[data-theme='auto'] .sf-c-mediumpurple\:5, html.var.auto .sf-c-mediumpurple\:5 { color: hsl(260, 60%, 5%); background: hsl(260, 60%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-mediumpurple\:100\:dark, html.var.dark .sf-c-m html.var[data-theme='auto'] .sf-c-mediumpurple\:90\:dark, html.var.auto .sf-c-mediumpurple\:90\:dark { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 10%) } html.var[data-theme='auto'] .sf-c-mediumpurple\:95\:dark, html.var.auto .sf-c-mediumpurple\:95\:dark { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 5%) } html.var[data-theme='auto'] .sf-c-mediumpurple\:100\:dark, html.var.auto .sf-c-mediumpurple\:100\:dark { color: hsl(260, 60%, 95%); background: hsl(260, 60%, 0%) } -} -.sf-c-txt-mediumpurple { color: hsl(var(--sf-c-txt-mediumpurple)) } -.sf-c-txt-mediumpurple\:0 { color: hsl(var(--sf-c-txt-mediumpurple-0)) } -.sf-c-txt-mediumpurple\:5 { color: hsl(var(--sf-c-txt-mediumpurple-5)) } -.sf-c-txt-mediumpurple\:10 { color: hsl(var(--sf-c-txt-mediumpurple-10)) } -.sf-c-txt-mediumpurple\:15 { color: hsl(var(--sf-c-txt-mediumpurple-15)) } -.sf-c-txt-mediumpurple\:20 { color: hsl(var(--sf-c-txt-mediumpurple-20)) } -.sf-c-txt-mediumpurple\:25 { color: hsl(var(--sf-c-txt-mediumpurple-25)) } -.sf-c-txt-mediumpurple\:30 { color: hsl(var(--sf-c-txt-mediumpurple-30)) } -.sf-c-txt-mediumpurple\:35 { color: hsl(var(--sf-c-txt-mediumpurple-35)) } -.sf-c-txt-mediumpurple\:40 { color: hsl(var(--sf-c-txt-mediumpurple-40)) } -.sf-c-txt-mediumpurple\:45 { color: hsl(var(--sf-c-txt-mediumpurple-45)) } -.sf-c-txt-mediumpurple\:50 { color: hsl(var(--sf-c-txt-mediumpurple-50)) } -.sf-c-txt-mediumpurple\:55 { color: hsl(var(--sf-c-txt-mediumpurple-55)) } -.sf-c-txt-mediumpurple\:60 { color: hsl(var(--sf-c-txt-mediumpurple-60)) } -.sf-c-txt-mediumpurple\:65 { color: hsl(var(--sf-c-txt-mediumpurple-65)) } -.sf-c-txt-mediumpurple\:70 { color: hsl(var(--sf-c-txt-mediumpurple-70)) } -.sf-c-txt-mediumpurple\:75 { color: hsl(var(--sf-c-txt-mediumpurple-75)) } -.sf-c-txt-mediumpurple\:80 { color: hsl(var(--sf-c-txt-mediumpurple-80)) } -.sf-c-txt-mediumpurple\:85 { color: hsl(var(--sf-c-txt-mediumpurple-85)) } -.sf-c-txt-mediumpurple\:90 { color: hsl(var(--sf-c-txt-mediumpurple-90)) } -.sf-c-txt-mediumpurple\:95 { color: hsl(var(--sf-c-txt-mediumpurple-95)) } -.sf-c-txt-mediumpurple\:100 { color: hsl(var(--sf-c-txt-mediumpurple-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumpurple, html.auto .sf-c-txt-mediumpurple { color: hsl(260, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:0, html.auto .sf-c-txt-mediumpurple\:0 { color: hsl(260, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:5, html.auto .sf-c-txt-mediumpurple\:5 { color: hsl(260, 60%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:10, html.auto .sf-c-txt-mediumpurple\:10 { color: hsl(260, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:15, html.auto .sf-c-txt-mediumpurple\:15 { color: hsl(260, 60%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:20, html.auto .sf-c-txt-mediumpurple\:20 { color: hsl(260, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:25, html.auto .sf-c-txt-mediumpurple\:25 { color: hsl(260, 60%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:30, html.auto .sf-c-txt-mediumpurple\:30 { color: hsl(260, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:35, html.auto .sf-c-txt-mediumpurple\:35 { color: hsl(260, 60%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:40, html.auto .sf-c-txt-mediumpurple\:40 { color: hsl(260, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:45, html.auto .sf-c-txt-mediumpurple\:45 { color: hsl(260, 60%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:50, html.auto .sf-c-txt-mediumpurple\:50 { color: hsl(260, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:55, html.auto .sf-c-txt-mediumpurple\:55 { color: hsl(260, 60%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:60, html.auto .sf-c-txt-mediumpurple\:60 { color: hsl(260, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:65, html.auto .sf-c-txt-mediumpurple\:65 { color: hsl(260, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:70, html.auto .sf-c-txt-mediumpurple\:70 { color: hsl(260, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:75, html.auto .sf-c-txt-mediumpurple\:75 { color: hsl(260, 60%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:80, html.auto .sf-c-txt-mediumpurple\:80 { color: hsl(260, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:85, html.auto .sf-c-txt-mediumpurple\:85 { color: hsl(260, 60%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:90, html.auto .sf-c-txt-mediumpurple\:90 { color: hsl(260, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:95, html.auto .sf-c-txt-mediumpurple\:95 { color: hsl(260, 60%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:100, html.auto .sf-c-txt-mediumpurple\:100 { color: hsl(260, 60%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:dark, html.auto .sf-c-txt-mediumpurple\:dark { color: hsl(260, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:0\:dark, html.auto .sf-c-txt-mediumpurple\:0\:dark { color: hsl(260, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:5\:dark, html.auto .sf-c-txt-mediumpurple\:5\:dark { color: hsl(260, 60%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:10\:dark, html.auto .sf-c-txt-mediumpurple\:10\:dark { color: hsl(260, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:15\:dark, html.auto .sf-c-txt-mediumpurple\:15\:dark { color: hsl(260, 60%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:20\:dark, html.auto .sf-c-txt-mediumpurple\:20\:dark { color: hsl(260, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:25\:dark, html.auto .sf-c-txt-mediumpurple\:25\:dark { color: hsl(260, 60%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:30\:dark, html.auto .sf-c-txt-mediumpurple\:30\:dark { color: hsl(260, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:35\:dark, html.auto .sf-c-txt-mediumpurple\:35\:dark { color: hsl(260, 60%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:40\:dark, html.auto .sf-c-txt-mediumpurple\:40\:dark { color: hsl(260, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:45\:dark, html.auto .sf-c-txt-mediumpurple\:45\:dark { color: hsl(260, 60%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:50\:dark, html.auto .sf-c-txt-mediumpurple\:50\:dark { color: hsl(260, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:55\:dark, html.auto .sf-c-txt-mediumpurple\:55\:dark { color: hsl(260, 60%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:60\:dark, html.auto .sf-c-txt-mediumpurple\:60\:dark { color: hsl(260, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:65\:dark, html.auto .sf-c-txt-mediumpurple\:65\:dark { color: hsl(260, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:70\:dark, html.auto .sf-c-txt-mediumpurple\:70\:dark { color: hsl(260, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:75\:dark, html.auto .sf-c-txt-mediumpurple\:75\:dark { color: hsl(260, 60%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:80\:dark, html.auto .sf-c-txt-mediumpurple\:80\:dark { color: hsl(260, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:85\:dark, html.auto .sf-c-txt-mediumpurple\:85\:dark { color: hsl(260, 60%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:90\:dark, html.auto .sf-c-txt-mediumpurple\:90\:dark { color: hsl(260, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:95\:dark, html.auto .sf-c-txt-mediumpurple\:95\:dark { color: hsl(260, 60%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumpurple\:100\:dark, html.auto .sf-c-txt-mediumpurple\:100\:dark { color: hsl(260, 60%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/mediumseagreen.css b/src/colors/20/mediumseagreen.css index 12244dd..1a0ae88 100644 --- a/src/colors/20/mediumseagreen.css +++ b/src/colors/20/mediumseagreen.css @@ -138,6 +138,52 @@ html.var .sf-c-mediumseagreen\:90 { color: hsl(147, 50%, 5%); background: hsl(14 html.var .sf-c-mediumseagreen\:95 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 95%) } html.var .sf-c-mediumseagreen\:100 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 100%) } +.sf-c-txt-mediumseagreen { color: hsl(var(--sf-dark-c-txt-mediumseagreen)) } +.sf-c-txt-mediumseagreen\:0 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-100)) } +.sf-c-txt-mediumseagreen\:5 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-95)) } +.sf-c-txt-mediumseagreen\:10 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-90)) } +.sf-c-txt-mediumseagreen\:15 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-85)) } +.sf-c-txt-mediumseagreen\:20 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-80)) } +.sf-c-txt-mediumseagreen\:25 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-75)) } +.sf-c-txt-mediumseagreen\:30 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-70)) } +.sf-c-txt-mediumseagreen\:35 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-65)) } +.sf-c-txt-mediumseagreen\:40 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-60)) } +.sf-c-txt-mediumseagreen\:45 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-55)) } +.sf-c-txt-mediumseagreen\:50 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-50)) } +.sf-c-txt-mediumseagreen\:55 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-45)) } +.sf-c-txt-mediumseagreen\:60 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-40)) } +.sf-c-txt-mediumseagreen\:65 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-35)) } +.sf-c-txt-mediumseagreen\:70 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-30)) } +.sf-c-txt-mediumseagreen\:75 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-25)) } +.sf-c-txt-mediumseagreen\:80 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-20)) } +.sf-c-txt-mediumseagreen\:85 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-15)) } +.sf-c-txt-mediumseagreen\:90 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-10)) } +.sf-c-txt-mediumseagreen\:95 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-5)) } +.sf-c-txt-mediumseagreen\:100 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-0)) } + +html.var .sf-c-txt-mediumseagreen { color: hsl(147, 50%, 53%) } +html.var .sf-c-txt-mediumseagreen\:0 { color: hsl(147, 50%, 100%) } +html.var .sf-c-txt-mediumseagreen\:5 { color: hsl(147, 50%, 95%) } +html.var .sf-c-txt-mediumseagreen\:10 { color: hsl(147, 50%, 90%) } +html.var .sf-c-txt-mediumseagreen\:15 { color: hsl(147, 50%, 85%) } +html.var .sf-c-txt-mediumseagreen\:20 { color: hsl(147, 50%, 80%) } +html.var .sf-c-txt-mediumseagreen\:25 { color: hsl(147, 50%, 75%) } +html.var .sf-c-txt-mediumseagreen\:30 { color: hsl(147, 50%, 70%) } +html.var .sf-c-txt-mediumseagreen\:35 { color: hsl(147, 50%, 65%) } +html.var .sf-c-txt-mediumseagreen\:40 { color: hsl(147, 50%, 60%) } +html.var .sf-c-txt-mediumseagreen\:45 { color: hsl(147, 50%, 55%) } +html.var .sf-c-txt-mediumseagreen\:50 { color: hsl(147, 50%, 50%) } +html.var .sf-c-txt-mediumseagreen\:55 { color: hsl(147, 50%, 45%) } +html.var .sf-c-txt-mediumseagreen\:60 { color: hsl(147, 50%, 40%) } +html.var .sf-c-txt-mediumseagreen\:65 { color: hsl(147, 50%, 35%) } +html.var .sf-c-txt-mediumseagreen\:70 { color: hsl(147, 50%, 30%) } +html.var .sf-c-txt-mediumseagreen\:75 { color: hsl(147, 50%, 25%) } +html.var .sf-c-txt-mediumseagreen\:80 { color: hsl(147, 50%, 20%) } +html.var .sf-c-txt-mediumseagreen\:85 { color: hsl(147, 50%, 15%) } +html.var .sf-c-txt-mediumseagreen\:90 { color: hsl(147, 50%, 10%) } +html.var .sf-c-txt-mediumseagreen\:95 { color: hsl(147, 50%, 5%) } +html.var .sf-c-txt-mediumseagreen\:100 { color: hsl(147, 50%, 0%) } + html[data-theme='dark'] .sf-c-mediumseagreen, html.dark .sf-c-mediumseagreen { color: hsl(var(--sf-dark-c-txt-mediumseagreen-5)); background: hsl(var(--sf-dark-c-mediumseagreen)) } html[data-theme='dark'] .sf-c-mediumseagreen\:0, html.dark .sf-c-mediumseagreen\:0 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-95)); background: hsl(var(--sf-dark-c-mediumseagreen-100)) } html[data-theme='dark'] .sf-c-mediumseagreen\:5, html.dark .sf-c-mediumseagreen\:5 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-5)); background: hsl(var(--sf-dark-c-mediumseagreen-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-mediumseagreen\:90\:dark, html.dark .sf-c-mediumse html[data-theme='dark'] .sf-c-mediumseagreen\:95\:dark, html.dark .sf-c-mediumseagreen\:95\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-95)); background: hsl(var(--sf-c-mediumseagreen-5)) } html[data-theme='dark'] .sf-c-mediumseagreen\:100\:dark, html.dark .sf-c-mediumseagreen\:100\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-95)); background: hsl(var(--sf-c-mediumseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen, html.dark .sf-c-txt-mediumseagreen { color: hsl(var(--sf-c-txt-mediumseagreen)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:0, html.dark .sf-c-txt-mediumseagreen\:0 { color: hsl(var(--sf-c-txt-mediumseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:5, html.dark .sf-c-txt-mediumseagreen\:5 { color: hsl(var(--sf-c-txt-mediumseagreen-5)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:10, html.dark .sf-c-txt-mediumseagreen\:10 { color: hsl(var(--sf-c-txt-mediumseagreen-10)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:15, html.dark .sf-c-txt-mediumseagreen\:15 { color: hsl(var(--sf-c-txt-mediumseagreen-15)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:20, html.dark .sf-c-txt-mediumseagreen\:20 { color: hsl(var(--sf-c-txt-mediumseagreen-20)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:25, html.dark .sf-c-txt-mediumseagreen\:25 { color: hsl(var(--sf-c-txt-mediumseagreen-25)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:30, html.dark .sf-c-txt-mediumseagreen\:30 { color: hsl(var(--sf-c-txt-mediumseagreen-30)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:35, html.dark .sf-c-txt-mediumseagreen\:35 { color: hsl(var(--sf-c-txt-mediumseagreen-35)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:40, html.dark .sf-c-txt-mediumseagreen\:40 { color: hsl(var(--sf-c-txt-mediumseagreen-40)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:45, html.dark .sf-c-txt-mediumseagreen\:45 { color: hsl(var(--sf-c-txt-mediumseagreen-45)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:50, html.dark .sf-c-txt-mediumseagreen\:50 { color: hsl(var(--sf-c-txt-mediumseagreen-50)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:55, html.dark .sf-c-txt-mediumseagreen\:55 { color: hsl(var(--sf-c-txt-mediumseagreen-55)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:60, html.dark .sf-c-txt-mediumseagreen\:60 { color: hsl(var(--sf-c-txt-mediumseagreen-60)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:65, html.dark .sf-c-txt-mediumseagreen\:65 { color: hsl(var(--sf-c-txt-mediumseagreen-65)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:70, html.dark .sf-c-txt-mediumseagreen\:70 { color: hsl(var(--sf-c-txt-mediumseagreen-70)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:75, html.dark .sf-c-txt-mediumseagreen\:75 { color: hsl(var(--sf-c-txt-mediumseagreen-75)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:80, html.dark .sf-c-txt-mediumseagreen\:80 { color: hsl(var(--sf-c-txt-mediumseagreen-80)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:85, html.dark .sf-c-txt-mediumseagreen\:85 { color: hsl(var(--sf-c-txt-mediumseagreen-85)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:90, html.dark .sf-c-txt-mediumseagreen\:90 { color: hsl(var(--sf-c-txt-mediumseagreen-90)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:95, html.dark .sf-c-txt-mediumseagreen\:95 { color: hsl(var(--sf-c-txt-mediumseagreen-95)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:100, html.dark .sf-c-txt-mediumseagreen\:100 { color: hsl(var(--sf-c-txt-mediumseagreen-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:dark, html.dark .sf-c-txt-mediumseagreen\:dark { color: hsl(var(--sf-c-txt-mediumseagreen)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:0\:dark, html.dark .sf-c-txt-mediumseagreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-0)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:5\:dark, html.dark .sf-c-txt-mediumseagreen\:5\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-5)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:10\:dark, html.dark .sf-c-txt-mediumseagreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-10)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:15\:dark, html.dark .sf-c-txt-mediumseagreen\:15\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-15)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:20\:dark, html.dark .sf-c-txt-mediumseagreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-20)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:25\:dark, html.dark .sf-c-txt-mediumseagreen\:25\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-25)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:30\:dark, html.dark .sf-c-txt-mediumseagreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-30)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:35\:dark, html.dark .sf-c-txt-mediumseagreen\:35\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-35)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:40\:dark, html.dark .sf-c-txt-mediumseagreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-40)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:45\:dark, html.dark .sf-c-txt-mediumseagreen\:45\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-45)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:50\:dark, html.dark .sf-c-txt-mediumseagreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-50)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:55\:dark, html.dark .sf-c-txt-mediumseagreen\:55\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-55)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:60\:dark, html.dark .sf-c-txt-mediumseagreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-60)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:65\:dark, html.dark .sf-c-txt-mediumseagreen\:65\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-65)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:70\:dark, html.dark .sf-c-txt-mediumseagreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-70)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:75\:dark, html.dark .sf-c-txt-mediumseagreen\:75\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-75)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:80\:dark, html.dark .sf-c-txt-mediumseagreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-80)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:85\:dark, html.dark .sf-c-txt-mediumseagreen\:85\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-85)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:90\:dark, html.dark .sf-c-txt-mediumseagreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-90)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:95\:dark, html.dark .sf-c-txt-mediumseagreen\:95\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-95)) } +html[data-theme='dark'] .sf-c-txt-mediumseagreen\:100\:dark, html.dark .sf-c-txt-mediumseagreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumseagreen-100)) } + html.var[data-theme='dark'] .sf-c-mediumseagreen, html.var.dark .sf-c-mediumseagreen { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 53%) } html.var[data-theme='dark'] .sf-c-mediumseagreen\:0, html.var.dark .sf-c-mediumseagreen\:0 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 100%) } html.var[data-theme='dark'] .sf-c-mediumseagreen\:5, html.var.dark .sf-c-mediumseagreen\:5 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-mediumseagreen\:90\:dark, html.var.dark .sf-c- html.var[data-theme='dark'] .sf-c-mediumseagreen\:95\:dark, html.var.dark .sf-c-mediumseagreen\:95\:dark { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 5%) } html.var[data-theme='dark'] .sf-c-mediumseagreen\:100\:dark, html.var.dark .sf-c-mediumseagreen\:100\:dark { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen, html.dark .sf-c-txt-mediumseagreen { color: hsl(147, 50%, 47%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:0, html.dark .sf-c-txt-mediumseagreen\:0 { color: hsl(147, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:5, html.dark .sf-c-txt-mediumseagreen\:5 { color: hsl(147, 50%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:10, html.dark .sf-c-txt-mediumseagreen\:10 { color: hsl(147, 50%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:15, html.dark .sf-c-txt-mediumseagreen\:15 { color: hsl(147, 50%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:20, html.dark .sf-c-txt-mediumseagreen\:20 { color: hsl(147, 50%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:25, html.dark .sf-c-txt-mediumseagreen\:25 { color: hsl(147, 50%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:30, html.dark .sf-c-txt-mediumseagreen\:30 { color: hsl(147, 50%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:35, html.dark .sf-c-txt-mediumseagreen\:35 { color: hsl(147, 50%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:40, html.dark .sf-c-txt-mediumseagreen\:40 { color: hsl(147, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:45, html.dark .sf-c-txt-mediumseagreen\:45 { color: hsl(147, 50%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:50, html.dark .sf-c-txt-mediumseagreen\:50 { color: hsl(147, 50%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:55, html.dark .sf-c-txt-mediumseagreen\:55 { color: hsl(147, 50%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:60, html.dark .sf-c-txt-mediumseagreen\:60 { color: hsl(147, 50%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:65, html.dark .sf-c-txt-mediumseagreen\:65 { color: hsl(147, 50%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:70, html.dark .sf-c-txt-mediumseagreen\:70 { color: hsl(147, 50%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:75, html.dark .sf-c-txt-mediumseagreen\:75 { color: hsl(147, 50%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:80, html.dark .sf-c-txt-mediumseagreen\:80 { color: hsl(147, 50%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:85, html.dark .sf-c-txt-mediumseagreen\:85 { color: hsl(147, 50%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:90, html.dark .sf-c-txt-mediumseagreen\:90 { color: hsl(147, 50%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:95, html.dark .sf-c-txt-mediumseagreen\:95 { color: hsl(147, 50%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:100, html.dark .sf-c-txt-mediumseagreen\:100 { color: hsl(147, 50%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:dark, html.dark .sf-c-txt-mediumseagreen\:dark { color: hsl(147, 50%, 47%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:0\:dark, html.dark .sf-c-txt-mediumseagreen\:0\:dark { color: hsl(147, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:5\:dark, html.dark .sf-c-txt-mediumseagreen\:5\:dark { color: hsl(147, 50%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:10\:dark, html.dark .sf-c-txt-mediumseagreen\:10\:dark { color: hsl(147, 50%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:15\:dark, html.dark .sf-c-txt-mediumseagreen\:15\:dark { color: hsl(147, 50%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:20\:dark, html.dark .sf-c-txt-mediumseagreen\:20\:dark { color: hsl(147, 50%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:25\:dark, html.dark .sf-c-txt-mediumseagreen\:25\:dark { color: hsl(147, 50%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:30\:dark, html.dark .sf-c-txt-mediumseagreen\:30\:dark { color: hsl(147, 50%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:35\:dark, html.dark .sf-c-txt-mediumseagreen\:35\:dark { color: hsl(147, 50%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:40\:dark, html.dark .sf-c-txt-mediumseagreen\:40\:dark { color: hsl(147, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:45\:dark, html.dark .sf-c-txt-mediumseagreen\:45\:dark { color: hsl(147, 50%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:50\:dark, html.dark .sf-c-txt-mediumseagreen\:50\:dark { color: hsl(147, 50%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:55\:dark, html.dark .sf-c-txt-mediumseagreen\:55\:dark { color: hsl(147, 50%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:60\:dark, html.dark .sf-c-txt-mediumseagreen\:60\:dark { color: hsl(147, 50%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:65\:dark, html.dark .sf-c-txt-mediumseagreen\:65\:dark { color: hsl(147, 50%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:70\:dark, html.dark .sf-c-txt-mediumseagreen\:70\:dark { color: hsl(147, 50%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:75\:dark, html.dark .sf-c-txt-mediumseagreen\:75\:dark { color: hsl(147, 50%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:80\:dark, html.dark .sf-c-txt-mediumseagreen\:80\:dark { color: hsl(147, 50%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:85\:dark, html.dark .sf-c-txt-mediumseagreen\:85\:dark { color: hsl(147, 50%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:90\:dark, html.dark .sf-c-txt-mediumseagreen\:90\:dark { color: hsl(147, 50%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:95\:dark, html.dark .sf-c-txt-mediumseagreen\:95\:dark { color: hsl(147, 50%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumseagreen\:100\:dark, html.dark .sf-c-txt-mediumseagreen\:100\:dark { color: hsl(147, 50%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumseagreen, html.auto .sf-c-mediumseagreen { color: hsl(var(--sf-dark-c-txt-mediumseagreen-5)); background: hsl(var(--sf-dark-c-mediumseagreen)) } html[data-theme='auto'] .sf-c-mediumseagreen\:0, html.auto .sf-c-mediumseagreen\:0 { color: hsl(var(--sf-dark-c-txt-mediumseagreen-95)); background: hsl(var(--sf-dark-c-mediumseagreen-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-mediumseagreen\:100\:dark, html.var.dark .sf-c html[data-theme='auto'] .sf-c-mediumseagreen\:95\:dark, html.auto .sf-c-mediumseagreen\:95\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-95)); background: hsl(var(--sf-c-mediumseagreen-5)) } html[data-theme='auto'] .sf-c-mediumseagreen\:100\:dark, html.auto .sf-c-mediumseagreen\:100\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-95)); background: hsl(var(--sf-c-mediumseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen, html.auto .sf-c-txt-mediumseagreen { color: hsl(var(--sf-c-txt-mediumseagreen)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:0, html.auto .sf-c-txt-mediumseagreen\:0 { color: hsl(var(--sf-c-txt-mediumseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:5, html.auto .sf-c-txt-mediumseagreen\:5 { color: hsl(var(--sf-c-txt-mediumseagreen-5)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:10, html.auto .sf-c-txt-mediumseagreen\:10 { color: hsl(var(--sf-c-txt-mediumseagreen-10)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:15, html.auto .sf-c-txt-mediumseagreen\:15 { color: hsl(var(--sf-c-txt-mediumseagreen-15)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:20, html.auto .sf-c-txt-mediumseagreen\:20 { color: hsl(var(--sf-c-txt-mediumseagreen-20)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:25, html.auto .sf-c-txt-mediumseagreen\:25 { color: hsl(var(--sf-c-txt-mediumseagreen-25)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:30, html.auto .sf-c-txt-mediumseagreen\:30 { color: hsl(var(--sf-c-txt-mediumseagreen-30)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:35, html.auto .sf-c-txt-mediumseagreen\:35 { color: hsl(var(--sf-c-txt-mediumseagreen-35)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:40, html.auto .sf-c-txt-mediumseagreen\:40 { color: hsl(var(--sf-c-txt-mediumseagreen-40)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:45, html.auto .sf-c-txt-mediumseagreen\:45 { color: hsl(var(--sf-c-txt-mediumseagreen-45)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:50, html.auto .sf-c-txt-mediumseagreen\:50 { color: hsl(var(--sf-c-txt-mediumseagreen-50)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:55, html.auto .sf-c-txt-mediumseagreen\:55 { color: hsl(var(--sf-c-txt-mediumseagreen-55)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:60, html.auto .sf-c-txt-mediumseagreen\:60 { color: hsl(var(--sf-c-txt-mediumseagreen-60)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:65, html.auto .sf-c-txt-mediumseagreen\:65 { color: hsl(var(--sf-c-txt-mediumseagreen-65)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:70, html.auto .sf-c-txt-mediumseagreen\:70 { color: hsl(var(--sf-c-txt-mediumseagreen-70)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:75, html.auto .sf-c-txt-mediumseagreen\:75 { color: hsl(var(--sf-c-txt-mediumseagreen-75)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:80, html.auto .sf-c-txt-mediumseagreen\:80 { color: hsl(var(--sf-c-txt-mediumseagreen-80)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:85, html.auto .sf-c-txt-mediumseagreen\:85 { color: hsl(var(--sf-c-txt-mediumseagreen-85)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:90, html.auto .sf-c-txt-mediumseagreen\:90 { color: hsl(var(--sf-c-txt-mediumseagreen-90)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:95, html.auto .sf-c-txt-mediumseagreen\:95 { color: hsl(var(--sf-c-txt-mediumseagreen-95)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:100, html.auto .sf-c-txt-mediumseagreen\:100 { color: hsl(var(--sf-c-txt-mediumseagreen-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:dark, html.auto .sf-c-txt-mediumseagreen\:dark { color: hsl(var(--sf-c-txt-mediumseagreen)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:0\:dark, html.auto .sf-c-txt-mediumseagreen\:0\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-0)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:5\:dark, html.auto .sf-c-txt-mediumseagreen\:5\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-5)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:10\:dark, html.auto .sf-c-txt-mediumseagreen\:10\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-10)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:15\:dark, html.auto .sf-c-txt-mediumseagreen\:15\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-15)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:20\:dark, html.auto .sf-c-txt-mediumseagreen\:20\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-20)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:25\:dark, html.auto .sf-c-txt-mediumseagreen\:25\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-25)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:30\:dark, html.auto .sf-c-txt-mediumseagreen\:30\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-30)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:35\:dark, html.auto .sf-c-txt-mediumseagreen\:35\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-35)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:40\:dark, html.auto .sf-c-txt-mediumseagreen\:40\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-40)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:45\:dark, html.auto .sf-c-txt-mediumseagreen\:45\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-45)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:50\:dark, html.auto .sf-c-txt-mediumseagreen\:50\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-50)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:55\:dark, html.auto .sf-c-txt-mediumseagreen\:55\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-55)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:60\:dark, html.auto .sf-c-txt-mediumseagreen\:60\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-60)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:65\:dark, html.auto .sf-c-txt-mediumseagreen\:65\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-65)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:70\:dark, html.auto .sf-c-txt-mediumseagreen\:70\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-70)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:75\:dark, html.auto .sf-c-txt-mediumseagreen\:75\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-75)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:80\:dark, html.auto .sf-c-txt-mediumseagreen\:80\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-80)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:85\:dark, html.auto .sf-c-txt-mediumseagreen\:85\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-85)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:90\:dark, html.auto .sf-c-txt-mediumseagreen\:90\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-90)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:95\:dark, html.auto .sf-c-txt-mediumseagreen\:95\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-95)) } + html[data-theme='auto'] .sf-c-txt-mediumseagreen\:100\:dark, html.auto .sf-c-txt-mediumseagreen\:100\:dark { color: hsl(var(--sf-c-txt-mediumseagreen-100)) } + html.var[data-theme='auto'] .sf-c-mediumseagreen, html.var.auto .sf-c-mediumseagreen { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 53%) } html.var[data-theme='auto'] .sf-c-mediumseagreen\:0, html.var.auto .sf-c-mediumseagreen\:0 { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 100%) } html.var[data-theme='auto'] .sf-c-mediumseagreen\:5, html.var.auto .sf-c-mediumseagreen\:5 { color: hsl(147, 50%, 5%); background: hsl(147, 50%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-mediumseagreen\:100\:dark, html.var.dark .sf-c html.var[data-theme='auto'] .sf-c-mediumseagreen\:90\:dark, html.var.auto .sf-c-mediumseagreen\:90\:dark { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 10%) } html.var[data-theme='auto'] .sf-c-mediumseagreen\:95\:dark, html.var.auto .sf-c-mediumseagreen\:95\:dark { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 5%) } html.var[data-theme='auto'] .sf-c-mediumseagreen\:100\:dark, html.var.auto .sf-c-mediumseagreen\:100\:dark { color: hsl(147, 50%, 95%); background: hsl(147, 50%, 0%) } -} -.sf-c-txt-mediumseagreen { color: hsl(var(--sf-c-txt-mediumseagreen)) } -.sf-c-txt-mediumseagreen\:0 { color: hsl(var(--sf-c-txt-mediumseagreen-0)) } -.sf-c-txt-mediumseagreen\:5 { color: hsl(var(--sf-c-txt-mediumseagreen-5)) } -.sf-c-txt-mediumseagreen\:10 { color: hsl(var(--sf-c-txt-mediumseagreen-10)) } -.sf-c-txt-mediumseagreen\:15 { color: hsl(var(--sf-c-txt-mediumseagreen-15)) } -.sf-c-txt-mediumseagreen\:20 { color: hsl(var(--sf-c-txt-mediumseagreen-20)) } -.sf-c-txt-mediumseagreen\:25 { color: hsl(var(--sf-c-txt-mediumseagreen-25)) } -.sf-c-txt-mediumseagreen\:30 { color: hsl(var(--sf-c-txt-mediumseagreen-30)) } -.sf-c-txt-mediumseagreen\:35 { color: hsl(var(--sf-c-txt-mediumseagreen-35)) } -.sf-c-txt-mediumseagreen\:40 { color: hsl(var(--sf-c-txt-mediumseagreen-40)) } -.sf-c-txt-mediumseagreen\:45 { color: hsl(var(--sf-c-txt-mediumseagreen-45)) } -.sf-c-txt-mediumseagreen\:50 { color: hsl(var(--sf-c-txt-mediumseagreen-50)) } -.sf-c-txt-mediumseagreen\:55 { color: hsl(var(--sf-c-txt-mediumseagreen-55)) } -.sf-c-txt-mediumseagreen\:60 { color: hsl(var(--sf-c-txt-mediumseagreen-60)) } -.sf-c-txt-mediumseagreen\:65 { color: hsl(var(--sf-c-txt-mediumseagreen-65)) } -.sf-c-txt-mediumseagreen\:70 { color: hsl(var(--sf-c-txt-mediumseagreen-70)) } -.sf-c-txt-mediumseagreen\:75 { color: hsl(var(--sf-c-txt-mediumseagreen-75)) } -.sf-c-txt-mediumseagreen\:80 { color: hsl(var(--sf-c-txt-mediumseagreen-80)) } -.sf-c-txt-mediumseagreen\:85 { color: hsl(var(--sf-c-txt-mediumseagreen-85)) } -.sf-c-txt-mediumseagreen\:90 { color: hsl(var(--sf-c-txt-mediumseagreen-90)) } -.sf-c-txt-mediumseagreen\:95 { color: hsl(var(--sf-c-txt-mediumseagreen-95)) } -.sf-c-txt-mediumseagreen\:100 { color: hsl(var(--sf-c-txt-mediumseagreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen, html.auto .sf-c-txt-mediumseagreen { color: hsl(147, 50%, 47%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:0, html.auto .sf-c-txt-mediumseagreen\:0 { color: hsl(147, 50%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:5, html.auto .sf-c-txt-mediumseagreen\:5 { color: hsl(147, 50%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:10, html.auto .sf-c-txt-mediumseagreen\:10 { color: hsl(147, 50%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:15, html.auto .sf-c-txt-mediumseagreen\:15 { color: hsl(147, 50%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:20, html.auto .sf-c-txt-mediumseagreen\:20 { color: hsl(147, 50%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:25, html.auto .sf-c-txt-mediumseagreen\:25 { color: hsl(147, 50%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:30, html.auto .sf-c-txt-mediumseagreen\:30 { color: hsl(147, 50%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:35, html.auto .sf-c-txt-mediumseagreen\:35 { color: hsl(147, 50%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:40, html.auto .sf-c-txt-mediumseagreen\:40 { color: hsl(147, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:45, html.auto .sf-c-txt-mediumseagreen\:45 { color: hsl(147, 50%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:50, html.auto .sf-c-txt-mediumseagreen\:50 { color: hsl(147, 50%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:55, html.auto .sf-c-txt-mediumseagreen\:55 { color: hsl(147, 50%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:60, html.auto .sf-c-txt-mediumseagreen\:60 { color: hsl(147, 50%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:65, html.auto .sf-c-txt-mediumseagreen\:65 { color: hsl(147, 50%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:70, html.auto .sf-c-txt-mediumseagreen\:70 { color: hsl(147, 50%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:75, html.auto .sf-c-txt-mediumseagreen\:75 { color: hsl(147, 50%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:80, html.auto .sf-c-txt-mediumseagreen\:80 { color: hsl(147, 50%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:85, html.auto .sf-c-txt-mediumseagreen\:85 { color: hsl(147, 50%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:90, html.auto .sf-c-txt-mediumseagreen\:90 { color: hsl(147, 50%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:95, html.auto .sf-c-txt-mediumseagreen\:95 { color: hsl(147, 50%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:100, html.auto .sf-c-txt-mediumseagreen\:100 { color: hsl(147, 50%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:dark, html.auto .sf-c-txt-mediumseagreen\:dark { color: hsl(147, 50%, 47%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:0\:dark, html.auto .sf-c-txt-mediumseagreen\:0\:dark { color: hsl(147, 50%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:5\:dark, html.auto .sf-c-txt-mediumseagreen\:5\:dark { color: hsl(147, 50%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:10\:dark, html.auto .sf-c-txt-mediumseagreen\:10\:dark { color: hsl(147, 50%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:15\:dark, html.auto .sf-c-txt-mediumseagreen\:15\:dark { color: hsl(147, 50%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:20\:dark, html.auto .sf-c-txt-mediumseagreen\:20\:dark { color: hsl(147, 50%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:25\:dark, html.auto .sf-c-txt-mediumseagreen\:25\:dark { color: hsl(147, 50%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:30\:dark, html.auto .sf-c-txt-mediumseagreen\:30\:dark { color: hsl(147, 50%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:35\:dark, html.auto .sf-c-txt-mediumseagreen\:35\:dark { color: hsl(147, 50%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:40\:dark, html.auto .sf-c-txt-mediumseagreen\:40\:dark { color: hsl(147, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:45\:dark, html.auto .sf-c-txt-mediumseagreen\:45\:dark { color: hsl(147, 50%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:50\:dark, html.auto .sf-c-txt-mediumseagreen\:50\:dark { color: hsl(147, 50%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:55\:dark, html.auto .sf-c-txt-mediumseagreen\:55\:dark { color: hsl(147, 50%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:60\:dark, html.auto .sf-c-txt-mediumseagreen\:60\:dark { color: hsl(147, 50%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:65\:dark, html.auto .sf-c-txt-mediumseagreen\:65\:dark { color: hsl(147, 50%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:70\:dark, html.auto .sf-c-txt-mediumseagreen\:70\:dark { color: hsl(147, 50%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:75\:dark, html.auto .sf-c-txt-mediumseagreen\:75\:dark { color: hsl(147, 50%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:80\:dark, html.auto .sf-c-txt-mediumseagreen\:80\:dark { color: hsl(147, 50%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:85\:dark, html.auto .sf-c-txt-mediumseagreen\:85\:dark { color: hsl(147, 50%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:90\:dark, html.auto .sf-c-txt-mediumseagreen\:90\:dark { color: hsl(147, 50%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:95\:dark, html.auto .sf-c-txt-mediumseagreen\:95\:dark { color: hsl(147, 50%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumseagreen\:100\:dark, html.auto .sf-c-txt-mediumseagreen\:100\:dark { color: hsl(147, 50%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/mediumslateblue.css b/src/colors/20/mediumslateblue.css index c054108..f0898af 100644 --- a/src/colors/20/mediumslateblue.css +++ b/src/colors/20/mediumslateblue.css @@ -138,6 +138,52 @@ html.var .sf-c-mediumslateblue\:90 { color: hsl(249, 80%, 5%); background: hsl(2 html.var .sf-c-mediumslateblue\:95 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 95%) } html.var .sf-c-mediumslateblue\:100 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 100%) } +.sf-c-txt-mediumslateblue { color: hsl(var(--sf-dark-c-txt-mediumslateblue)) } +.sf-c-txt-mediumslateblue\:0 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-100)) } +.sf-c-txt-mediumslateblue\:5 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-95)) } +.sf-c-txt-mediumslateblue\:10 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-90)) } +.sf-c-txt-mediumslateblue\:15 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-85)) } +.sf-c-txt-mediumslateblue\:20 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-80)) } +.sf-c-txt-mediumslateblue\:25 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-75)) } +.sf-c-txt-mediumslateblue\:30 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-70)) } +.sf-c-txt-mediumslateblue\:35 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-65)) } +.sf-c-txt-mediumslateblue\:40 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-60)) } +.sf-c-txt-mediumslateblue\:45 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-55)) } +.sf-c-txt-mediumslateblue\:50 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-50)) } +.sf-c-txt-mediumslateblue\:55 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-45)) } +.sf-c-txt-mediumslateblue\:60 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-40)) } +.sf-c-txt-mediumslateblue\:65 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-35)) } +.sf-c-txt-mediumslateblue\:70 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-30)) } +.sf-c-txt-mediumslateblue\:75 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-25)) } +.sf-c-txt-mediumslateblue\:80 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-20)) } +.sf-c-txt-mediumslateblue\:85 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-15)) } +.sf-c-txt-mediumslateblue\:90 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-10)) } +.sf-c-txt-mediumslateblue\:95 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-5)) } +.sf-c-txt-mediumslateblue\:100 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-0)) } + +html.var .sf-c-txt-mediumslateblue { color: hsl(249, 80%, 33%) } +html.var .sf-c-txt-mediumslateblue\:0 { color: hsl(249, 80%, 100%) } +html.var .sf-c-txt-mediumslateblue\:5 { color: hsl(249, 80%, 95%) } +html.var .sf-c-txt-mediumslateblue\:10 { color: hsl(249, 80%, 90%) } +html.var .sf-c-txt-mediumslateblue\:15 { color: hsl(249, 80%, 85%) } +html.var .sf-c-txt-mediumslateblue\:20 { color: hsl(249, 80%, 80%) } +html.var .sf-c-txt-mediumslateblue\:25 { color: hsl(249, 80%, 75%) } +html.var .sf-c-txt-mediumslateblue\:30 { color: hsl(249, 80%, 70%) } +html.var .sf-c-txt-mediumslateblue\:35 { color: hsl(249, 80%, 65%) } +html.var .sf-c-txt-mediumslateblue\:40 { color: hsl(249, 80%, 60%) } +html.var .sf-c-txt-mediumslateblue\:45 { color: hsl(249, 80%, 55%) } +html.var .sf-c-txt-mediumslateblue\:50 { color: hsl(249, 80%, 50%) } +html.var .sf-c-txt-mediumslateblue\:55 { color: hsl(249, 80%, 45%) } +html.var .sf-c-txt-mediumslateblue\:60 { color: hsl(249, 80%, 40%) } +html.var .sf-c-txt-mediumslateblue\:65 { color: hsl(249, 80%, 35%) } +html.var .sf-c-txt-mediumslateblue\:70 { color: hsl(249, 80%, 30%) } +html.var .sf-c-txt-mediumslateblue\:75 { color: hsl(249, 80%, 25%) } +html.var .sf-c-txt-mediumslateblue\:80 { color: hsl(249, 80%, 20%) } +html.var .sf-c-txt-mediumslateblue\:85 { color: hsl(249, 80%, 15%) } +html.var .sf-c-txt-mediumslateblue\:90 { color: hsl(249, 80%, 10%) } +html.var .sf-c-txt-mediumslateblue\:95 { color: hsl(249, 80%, 5%) } +html.var .sf-c-txt-mediumslateblue\:100 { color: hsl(249, 80%, 0%) } + html[data-theme='dark'] .sf-c-mediumslateblue, html.dark .sf-c-mediumslateblue { color: hsl(var(--sf-dark-c-txt-mediumslateblue-95)); background: hsl(var(--sf-dark-c-mediumslateblue)) } html[data-theme='dark'] .sf-c-mediumslateblue\:0, html.dark .sf-c-mediumslateblue\:0 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-95)); background: hsl(var(--sf-dark-c-mediumslateblue-100)) } html[data-theme='dark'] .sf-c-mediumslateblue\:5, html.dark .sf-c-mediumslateblue\:5 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-5)); background: hsl(var(--sf-dark-c-mediumslateblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-mediumslateblue\:90\:dark, html.dark .sf-c-mediums html[data-theme='dark'] .sf-c-mediumslateblue\:95\:dark, html.dark .sf-c-mediumslateblue\:95\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-95)); background: hsl(var(--sf-c-mediumslateblue-5)) } html[data-theme='dark'] .sf-c-mediumslateblue\:100\:dark, html.dark .sf-c-mediumslateblue\:100\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-95)); background: hsl(var(--sf-c-mediumslateblue-0)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue, html.dark .sf-c-txt-mediumslateblue { color: hsl(var(--sf-c-txt-mediumslateblue)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:0, html.dark .sf-c-txt-mediumslateblue\:0 { color: hsl(var(--sf-c-txt-mediumslateblue-0)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:5, html.dark .sf-c-txt-mediumslateblue\:5 { color: hsl(var(--sf-c-txt-mediumslateblue-5)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:10, html.dark .sf-c-txt-mediumslateblue\:10 { color: hsl(var(--sf-c-txt-mediumslateblue-10)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:15, html.dark .sf-c-txt-mediumslateblue\:15 { color: hsl(var(--sf-c-txt-mediumslateblue-15)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:20, html.dark .sf-c-txt-mediumslateblue\:20 { color: hsl(var(--sf-c-txt-mediumslateblue-20)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:25, html.dark .sf-c-txt-mediumslateblue\:25 { color: hsl(var(--sf-c-txt-mediumslateblue-25)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:30, html.dark .sf-c-txt-mediumslateblue\:30 { color: hsl(var(--sf-c-txt-mediumslateblue-30)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:35, html.dark .sf-c-txt-mediumslateblue\:35 { color: hsl(var(--sf-c-txt-mediumslateblue-35)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:40, html.dark .sf-c-txt-mediumslateblue\:40 { color: hsl(var(--sf-c-txt-mediumslateblue-40)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:45, html.dark .sf-c-txt-mediumslateblue\:45 { color: hsl(var(--sf-c-txt-mediumslateblue-45)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:50, html.dark .sf-c-txt-mediumslateblue\:50 { color: hsl(var(--sf-c-txt-mediumslateblue-50)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:55, html.dark .sf-c-txt-mediumslateblue\:55 { color: hsl(var(--sf-c-txt-mediumslateblue-55)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:60, html.dark .sf-c-txt-mediumslateblue\:60 { color: hsl(var(--sf-c-txt-mediumslateblue-60)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:65, html.dark .sf-c-txt-mediumslateblue\:65 { color: hsl(var(--sf-c-txt-mediumslateblue-65)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:70, html.dark .sf-c-txt-mediumslateblue\:70 { color: hsl(var(--sf-c-txt-mediumslateblue-70)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:75, html.dark .sf-c-txt-mediumslateblue\:75 { color: hsl(var(--sf-c-txt-mediumslateblue-75)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:80, html.dark .sf-c-txt-mediumslateblue\:80 { color: hsl(var(--sf-c-txt-mediumslateblue-80)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:85, html.dark .sf-c-txt-mediumslateblue\:85 { color: hsl(var(--sf-c-txt-mediumslateblue-85)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:90, html.dark .sf-c-txt-mediumslateblue\:90 { color: hsl(var(--sf-c-txt-mediumslateblue-90)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:95, html.dark .sf-c-txt-mediumslateblue\:95 { color: hsl(var(--sf-c-txt-mediumslateblue-95)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:100, html.dark .sf-c-txt-mediumslateblue\:100 { color: hsl(var(--sf-c-txt-mediumslateblue-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:dark, html.dark .sf-c-txt-mediumslateblue\:dark { color: hsl(var(--sf-c-txt-mediumslateblue)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:0\:dark, html.dark .sf-c-txt-mediumslateblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-0)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:5\:dark, html.dark .sf-c-txt-mediumslateblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-5)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:10\:dark, html.dark .sf-c-txt-mediumslateblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-10)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:15\:dark, html.dark .sf-c-txt-mediumslateblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-15)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:20\:dark, html.dark .sf-c-txt-mediumslateblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-20)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:25\:dark, html.dark .sf-c-txt-mediumslateblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-25)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:30\:dark, html.dark .sf-c-txt-mediumslateblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-30)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:35\:dark, html.dark .sf-c-txt-mediumslateblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-35)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:40\:dark, html.dark .sf-c-txt-mediumslateblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-40)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:45\:dark, html.dark .sf-c-txt-mediumslateblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-45)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:50\:dark, html.dark .sf-c-txt-mediumslateblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-50)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:55\:dark, html.dark .sf-c-txt-mediumslateblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-55)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:60\:dark, html.dark .sf-c-txt-mediumslateblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-60)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:65\:dark, html.dark .sf-c-txt-mediumslateblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-65)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:70\:dark, html.dark .sf-c-txt-mediumslateblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-70)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:75\:dark, html.dark .sf-c-txt-mediumslateblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-75)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:80\:dark, html.dark .sf-c-txt-mediumslateblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-80)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:85\:dark, html.dark .sf-c-txt-mediumslateblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-85)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:90\:dark, html.dark .sf-c-txt-mediumslateblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-90)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:95\:dark, html.dark .sf-c-txt-mediumslateblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-95)) } +html[data-theme='dark'] .sf-c-txt-mediumslateblue\:100\:dark, html.dark .sf-c-txt-mediumslateblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumslateblue-100)) } + html.var[data-theme='dark'] .sf-c-mediumslateblue, html.var.dark .sf-c-mediumslateblue { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 33%) } html.var[data-theme='dark'] .sf-c-mediumslateblue\:0, html.var.dark .sf-c-mediumslateblue\:0 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 100%) } html.var[data-theme='dark'] .sf-c-mediumslateblue\:5, html.var.dark .sf-c-mediumslateblue\:5 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-mediumslateblue\:90\:dark, html.var.dark .sf-c html.var[data-theme='dark'] .sf-c-mediumslateblue\:95\:dark, html.var.dark .sf-c-mediumslateblue\:95\:dark { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 5%) } html.var[data-theme='dark'] .sf-c-mediumslateblue\:100\:dark, html.var.dark .sf-c-mediumslateblue\:100\:dark { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue, html.dark .sf-c-txt-mediumslateblue { color: hsl(249, 80%, 67%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:0, html.dark .sf-c-txt-mediumslateblue\:0 { color: hsl(249, 80%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:5, html.dark .sf-c-txt-mediumslateblue\:5 { color: hsl(249, 80%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:10, html.dark .sf-c-txt-mediumslateblue\:10 { color: hsl(249, 80%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:15, html.dark .sf-c-txt-mediumslateblue\:15 { color: hsl(249, 80%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:20, html.dark .sf-c-txt-mediumslateblue\:20 { color: hsl(249, 80%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:25, html.dark .sf-c-txt-mediumslateblue\:25 { color: hsl(249, 80%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:30, html.dark .sf-c-txt-mediumslateblue\:30 { color: hsl(249, 80%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:35, html.dark .sf-c-txt-mediumslateblue\:35 { color: hsl(249, 80%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:40, html.dark .sf-c-txt-mediumslateblue\:40 { color: hsl(249, 80%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:45, html.dark .sf-c-txt-mediumslateblue\:45 { color: hsl(249, 80%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:50, html.dark .sf-c-txt-mediumslateblue\:50 { color: hsl(249, 80%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:55, html.dark .sf-c-txt-mediumslateblue\:55 { color: hsl(249, 80%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:60, html.dark .sf-c-txt-mediumslateblue\:60 { color: hsl(249, 80%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:65, html.dark .sf-c-txt-mediumslateblue\:65 { color: hsl(249, 80%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:70, html.dark .sf-c-txt-mediumslateblue\:70 { color: hsl(249, 80%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:75, html.dark .sf-c-txt-mediumslateblue\:75 { color: hsl(249, 80%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:80, html.dark .sf-c-txt-mediumslateblue\:80 { color: hsl(249, 80%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:85, html.dark .sf-c-txt-mediumslateblue\:85 { color: hsl(249, 80%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:90, html.dark .sf-c-txt-mediumslateblue\:90 { color: hsl(249, 80%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:95, html.dark .sf-c-txt-mediumslateblue\:95 { color: hsl(249, 80%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:100, html.dark .sf-c-txt-mediumslateblue\:100 { color: hsl(249, 80%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:dark, html.dark .sf-c-txt-mediumslateblue\:dark { color: hsl(249, 80%, 67%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:0\:dark, html.dark .sf-c-txt-mediumslateblue\:0\:dark { color: hsl(249, 80%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:5\:dark, html.dark .sf-c-txt-mediumslateblue\:5\:dark { color: hsl(249, 80%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:10\:dark, html.dark .sf-c-txt-mediumslateblue\:10\:dark { color: hsl(249, 80%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:15\:dark, html.dark .sf-c-txt-mediumslateblue\:15\:dark { color: hsl(249, 80%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:20\:dark, html.dark .sf-c-txt-mediumslateblue\:20\:dark { color: hsl(249, 80%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:25\:dark, html.dark .sf-c-txt-mediumslateblue\:25\:dark { color: hsl(249, 80%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:30\:dark, html.dark .sf-c-txt-mediumslateblue\:30\:dark { color: hsl(249, 80%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:35\:dark, html.dark .sf-c-txt-mediumslateblue\:35\:dark { color: hsl(249, 80%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:40\:dark, html.dark .sf-c-txt-mediumslateblue\:40\:dark { color: hsl(249, 80%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:45\:dark, html.dark .sf-c-txt-mediumslateblue\:45\:dark { color: hsl(249, 80%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:50\:dark, html.dark .sf-c-txt-mediumslateblue\:50\:dark { color: hsl(249, 80%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:55\:dark, html.dark .sf-c-txt-mediumslateblue\:55\:dark { color: hsl(249, 80%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:60\:dark, html.dark .sf-c-txt-mediumslateblue\:60\:dark { color: hsl(249, 80%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:65\:dark, html.dark .sf-c-txt-mediumslateblue\:65\:dark { color: hsl(249, 80%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:70\:dark, html.dark .sf-c-txt-mediumslateblue\:70\:dark { color: hsl(249, 80%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:75\:dark, html.dark .sf-c-txt-mediumslateblue\:75\:dark { color: hsl(249, 80%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:80\:dark, html.dark .sf-c-txt-mediumslateblue\:80\:dark { color: hsl(249, 80%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:85\:dark, html.dark .sf-c-txt-mediumslateblue\:85\:dark { color: hsl(249, 80%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:90\:dark, html.dark .sf-c-txt-mediumslateblue\:90\:dark { color: hsl(249, 80%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:95\:dark, html.dark .sf-c-txt-mediumslateblue\:95\:dark { color: hsl(249, 80%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumslateblue\:100\:dark, html.dark .sf-c-txt-mediumslateblue\:100\:dark { color: hsl(249, 80%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumslateblue, html.auto .sf-c-mediumslateblue { color: hsl(var(--sf-dark-c-txt-mediumslateblue-95)); background: hsl(var(--sf-dark-c-mediumslateblue)) } html[data-theme='auto'] .sf-c-mediumslateblue\:0, html.auto .sf-c-mediumslateblue\:0 { color: hsl(var(--sf-dark-c-txt-mediumslateblue-95)); background: hsl(var(--sf-dark-c-mediumslateblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-mediumslateblue\:100\:dark, html.var.dark .sf- html[data-theme='auto'] .sf-c-mediumslateblue\:95\:dark, html.auto .sf-c-mediumslateblue\:95\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-95)); background: hsl(var(--sf-c-mediumslateblue-5)) } html[data-theme='auto'] .sf-c-mediumslateblue\:100\:dark, html.auto .sf-c-mediumslateblue\:100\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-95)); background: hsl(var(--sf-c-mediumslateblue-0)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue, html.auto .sf-c-txt-mediumslateblue { color: hsl(var(--sf-c-txt-mediumslateblue)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:0, html.auto .sf-c-txt-mediumslateblue\:0 { color: hsl(var(--sf-c-txt-mediumslateblue-0)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:5, html.auto .sf-c-txt-mediumslateblue\:5 { color: hsl(var(--sf-c-txt-mediumslateblue-5)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:10, html.auto .sf-c-txt-mediumslateblue\:10 { color: hsl(var(--sf-c-txt-mediumslateblue-10)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:15, html.auto .sf-c-txt-mediumslateblue\:15 { color: hsl(var(--sf-c-txt-mediumslateblue-15)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:20, html.auto .sf-c-txt-mediumslateblue\:20 { color: hsl(var(--sf-c-txt-mediumslateblue-20)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:25, html.auto .sf-c-txt-mediumslateblue\:25 { color: hsl(var(--sf-c-txt-mediumslateblue-25)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:30, html.auto .sf-c-txt-mediumslateblue\:30 { color: hsl(var(--sf-c-txt-mediumslateblue-30)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:35, html.auto .sf-c-txt-mediumslateblue\:35 { color: hsl(var(--sf-c-txt-mediumslateblue-35)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:40, html.auto .sf-c-txt-mediumslateblue\:40 { color: hsl(var(--sf-c-txt-mediumslateblue-40)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:45, html.auto .sf-c-txt-mediumslateblue\:45 { color: hsl(var(--sf-c-txt-mediumslateblue-45)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:50, html.auto .sf-c-txt-mediumslateblue\:50 { color: hsl(var(--sf-c-txt-mediumslateblue-50)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:55, html.auto .sf-c-txt-mediumslateblue\:55 { color: hsl(var(--sf-c-txt-mediumslateblue-55)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:60, html.auto .sf-c-txt-mediumslateblue\:60 { color: hsl(var(--sf-c-txt-mediumslateblue-60)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:65, html.auto .sf-c-txt-mediumslateblue\:65 { color: hsl(var(--sf-c-txt-mediumslateblue-65)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:70, html.auto .sf-c-txt-mediumslateblue\:70 { color: hsl(var(--sf-c-txt-mediumslateblue-70)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:75, html.auto .sf-c-txt-mediumslateblue\:75 { color: hsl(var(--sf-c-txt-mediumslateblue-75)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:80, html.auto .sf-c-txt-mediumslateblue\:80 { color: hsl(var(--sf-c-txt-mediumslateblue-80)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:85, html.auto .sf-c-txt-mediumslateblue\:85 { color: hsl(var(--sf-c-txt-mediumslateblue-85)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:90, html.auto .sf-c-txt-mediumslateblue\:90 { color: hsl(var(--sf-c-txt-mediumslateblue-90)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:95, html.auto .sf-c-txt-mediumslateblue\:95 { color: hsl(var(--sf-c-txt-mediumslateblue-95)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:100, html.auto .sf-c-txt-mediumslateblue\:100 { color: hsl(var(--sf-c-txt-mediumslateblue-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:dark, html.auto .sf-c-txt-mediumslateblue\:dark { color: hsl(var(--sf-c-txt-mediumslateblue)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:0\:dark, html.auto .sf-c-txt-mediumslateblue\:0\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-0)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:5\:dark, html.auto .sf-c-txt-mediumslateblue\:5\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-5)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:10\:dark, html.auto .sf-c-txt-mediumslateblue\:10\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-10)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:15\:dark, html.auto .sf-c-txt-mediumslateblue\:15\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-15)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:20\:dark, html.auto .sf-c-txt-mediumslateblue\:20\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-20)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:25\:dark, html.auto .sf-c-txt-mediumslateblue\:25\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-25)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:30\:dark, html.auto .sf-c-txt-mediumslateblue\:30\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-30)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:35\:dark, html.auto .sf-c-txt-mediumslateblue\:35\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-35)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:40\:dark, html.auto .sf-c-txt-mediumslateblue\:40\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-40)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:45\:dark, html.auto .sf-c-txt-mediumslateblue\:45\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-45)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:50\:dark, html.auto .sf-c-txt-mediumslateblue\:50\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-50)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:55\:dark, html.auto .sf-c-txt-mediumslateblue\:55\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-55)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:60\:dark, html.auto .sf-c-txt-mediumslateblue\:60\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-60)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:65\:dark, html.auto .sf-c-txt-mediumslateblue\:65\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-65)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:70\:dark, html.auto .sf-c-txt-mediumslateblue\:70\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-70)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:75\:dark, html.auto .sf-c-txt-mediumslateblue\:75\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-75)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:80\:dark, html.auto .sf-c-txt-mediumslateblue\:80\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-80)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:85\:dark, html.auto .sf-c-txt-mediumslateblue\:85\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-85)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:90\:dark, html.auto .sf-c-txt-mediumslateblue\:90\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-90)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:95\:dark, html.auto .sf-c-txt-mediumslateblue\:95\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-95)) } + html[data-theme='auto'] .sf-c-txt-mediumslateblue\:100\:dark, html.auto .sf-c-txt-mediumslateblue\:100\:dark { color: hsl(var(--sf-c-txt-mediumslateblue-100)) } + html.var[data-theme='auto'] .sf-c-mediumslateblue, html.var.auto .sf-c-mediumslateblue { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 33%) } html.var[data-theme='auto'] .sf-c-mediumslateblue\:0, html.var.auto .sf-c-mediumslateblue\:0 { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 100%) } html.var[data-theme='auto'] .sf-c-mediumslateblue\:5, html.var.auto .sf-c-mediumslateblue\:5 { color: hsl(249, 80%, 5%); background: hsl(249, 80%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-mediumslateblue\:100\:dark, html.var.dark .sf- html.var[data-theme='auto'] .sf-c-mediumslateblue\:90\:dark, html.var.auto .sf-c-mediumslateblue\:90\:dark { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 10%) } html.var[data-theme='auto'] .sf-c-mediumslateblue\:95\:dark, html.var.auto .sf-c-mediumslateblue\:95\:dark { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 5%) } html.var[data-theme='auto'] .sf-c-mediumslateblue\:100\:dark, html.var.auto .sf-c-mediumslateblue\:100\:dark { color: hsl(249, 80%, 95%); background: hsl(249, 80%, 0%) } -} -.sf-c-txt-mediumslateblue { color: hsl(var(--sf-c-txt-mediumslateblue)) } -.sf-c-txt-mediumslateblue\:0 { color: hsl(var(--sf-c-txt-mediumslateblue-0)) } -.sf-c-txt-mediumslateblue\:5 { color: hsl(var(--sf-c-txt-mediumslateblue-5)) } -.sf-c-txt-mediumslateblue\:10 { color: hsl(var(--sf-c-txt-mediumslateblue-10)) } -.sf-c-txt-mediumslateblue\:15 { color: hsl(var(--sf-c-txt-mediumslateblue-15)) } -.sf-c-txt-mediumslateblue\:20 { color: hsl(var(--sf-c-txt-mediumslateblue-20)) } -.sf-c-txt-mediumslateblue\:25 { color: hsl(var(--sf-c-txt-mediumslateblue-25)) } -.sf-c-txt-mediumslateblue\:30 { color: hsl(var(--sf-c-txt-mediumslateblue-30)) } -.sf-c-txt-mediumslateblue\:35 { color: hsl(var(--sf-c-txt-mediumslateblue-35)) } -.sf-c-txt-mediumslateblue\:40 { color: hsl(var(--sf-c-txt-mediumslateblue-40)) } -.sf-c-txt-mediumslateblue\:45 { color: hsl(var(--sf-c-txt-mediumslateblue-45)) } -.sf-c-txt-mediumslateblue\:50 { color: hsl(var(--sf-c-txt-mediumslateblue-50)) } -.sf-c-txt-mediumslateblue\:55 { color: hsl(var(--sf-c-txt-mediumslateblue-55)) } -.sf-c-txt-mediumslateblue\:60 { color: hsl(var(--sf-c-txt-mediumslateblue-60)) } -.sf-c-txt-mediumslateblue\:65 { color: hsl(var(--sf-c-txt-mediumslateblue-65)) } -.sf-c-txt-mediumslateblue\:70 { color: hsl(var(--sf-c-txt-mediumslateblue-70)) } -.sf-c-txt-mediumslateblue\:75 { color: hsl(var(--sf-c-txt-mediumslateblue-75)) } -.sf-c-txt-mediumslateblue\:80 { color: hsl(var(--sf-c-txt-mediumslateblue-80)) } -.sf-c-txt-mediumslateblue\:85 { color: hsl(var(--sf-c-txt-mediumslateblue-85)) } -.sf-c-txt-mediumslateblue\:90 { color: hsl(var(--sf-c-txt-mediumslateblue-90)) } -.sf-c-txt-mediumslateblue\:95 { color: hsl(var(--sf-c-txt-mediumslateblue-95)) } -.sf-c-txt-mediumslateblue\:100 { color: hsl(var(--sf-c-txt-mediumslateblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue, html.auto .sf-c-txt-mediumslateblue { color: hsl(249, 80%, 67%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:0, html.auto .sf-c-txt-mediumslateblue\:0 { color: hsl(249, 80%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:5, html.auto .sf-c-txt-mediumslateblue\:5 { color: hsl(249, 80%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:10, html.auto .sf-c-txt-mediumslateblue\:10 { color: hsl(249, 80%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:15, html.auto .sf-c-txt-mediumslateblue\:15 { color: hsl(249, 80%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:20, html.auto .sf-c-txt-mediumslateblue\:20 { color: hsl(249, 80%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:25, html.auto .sf-c-txt-mediumslateblue\:25 { color: hsl(249, 80%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:30, html.auto .sf-c-txt-mediumslateblue\:30 { color: hsl(249, 80%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:35, html.auto .sf-c-txt-mediumslateblue\:35 { color: hsl(249, 80%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:40, html.auto .sf-c-txt-mediumslateblue\:40 { color: hsl(249, 80%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:45, html.auto .sf-c-txt-mediumslateblue\:45 { color: hsl(249, 80%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:50, html.auto .sf-c-txt-mediumslateblue\:50 { color: hsl(249, 80%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:55, html.auto .sf-c-txt-mediumslateblue\:55 { color: hsl(249, 80%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:60, html.auto .sf-c-txt-mediumslateblue\:60 { color: hsl(249, 80%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:65, html.auto .sf-c-txt-mediumslateblue\:65 { color: hsl(249, 80%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:70, html.auto .sf-c-txt-mediumslateblue\:70 { color: hsl(249, 80%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:75, html.auto .sf-c-txt-mediumslateblue\:75 { color: hsl(249, 80%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:80, html.auto .sf-c-txt-mediumslateblue\:80 { color: hsl(249, 80%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:85, html.auto .sf-c-txt-mediumslateblue\:85 { color: hsl(249, 80%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:90, html.auto .sf-c-txt-mediumslateblue\:90 { color: hsl(249, 80%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:95, html.auto .sf-c-txt-mediumslateblue\:95 { color: hsl(249, 80%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:100, html.auto .sf-c-txt-mediumslateblue\:100 { color: hsl(249, 80%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:dark, html.auto .sf-c-txt-mediumslateblue\:dark { color: hsl(249, 80%, 67%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:0\:dark, html.auto .sf-c-txt-mediumslateblue\:0\:dark { color: hsl(249, 80%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:5\:dark, html.auto .sf-c-txt-mediumslateblue\:5\:dark { color: hsl(249, 80%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:10\:dark, html.auto .sf-c-txt-mediumslateblue\:10\:dark { color: hsl(249, 80%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:15\:dark, html.auto .sf-c-txt-mediumslateblue\:15\:dark { color: hsl(249, 80%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:20\:dark, html.auto .sf-c-txt-mediumslateblue\:20\:dark { color: hsl(249, 80%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:25\:dark, html.auto .sf-c-txt-mediumslateblue\:25\:dark { color: hsl(249, 80%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:30\:dark, html.auto .sf-c-txt-mediumslateblue\:30\:dark { color: hsl(249, 80%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:35\:dark, html.auto .sf-c-txt-mediumslateblue\:35\:dark { color: hsl(249, 80%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:40\:dark, html.auto .sf-c-txt-mediumslateblue\:40\:dark { color: hsl(249, 80%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:45\:dark, html.auto .sf-c-txt-mediumslateblue\:45\:dark { color: hsl(249, 80%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:50\:dark, html.auto .sf-c-txt-mediumslateblue\:50\:dark { color: hsl(249, 80%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:55\:dark, html.auto .sf-c-txt-mediumslateblue\:55\:dark { color: hsl(249, 80%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:60\:dark, html.auto .sf-c-txt-mediumslateblue\:60\:dark { color: hsl(249, 80%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:65\:dark, html.auto .sf-c-txt-mediumslateblue\:65\:dark { color: hsl(249, 80%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:70\:dark, html.auto .sf-c-txt-mediumslateblue\:70\:dark { color: hsl(249, 80%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:75\:dark, html.auto .sf-c-txt-mediumslateblue\:75\:dark { color: hsl(249, 80%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:80\:dark, html.auto .sf-c-txt-mediumslateblue\:80\:dark { color: hsl(249, 80%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:85\:dark, html.auto .sf-c-txt-mediumslateblue\:85\:dark { color: hsl(249, 80%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:90\:dark, html.auto .sf-c-txt-mediumslateblue\:90\:dark { color: hsl(249, 80%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:95\:dark, html.auto .sf-c-txt-mediumslateblue\:95\:dark { color: hsl(249, 80%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumslateblue\:100\:dark, html.auto .sf-c-txt-mediumslateblue\:100\:dark { color: hsl(249, 80%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/mediumspringgreen.css b/src/colors/20/mediumspringgreen.css index 346fab1..2b0b21c 100644 --- a/src/colors/20/mediumspringgreen.css +++ b/src/colors/20/mediumspringgreen.css @@ -138,6 +138,52 @@ html.var .sf-c-mediumspringgreen\:90 { color: hsl(157, 100%, 5%); background: hs html.var .sf-c-mediumspringgreen\:95 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 95%) } html.var .sf-c-mediumspringgreen\:100 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 100%) } +.sf-c-txt-mediumspringgreen { color: hsl(var(--sf-dark-c-txt-mediumspringgreen)) } +.sf-c-txt-mediumspringgreen\:0 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-100)) } +.sf-c-txt-mediumspringgreen\:5 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-95)) } +.sf-c-txt-mediumspringgreen\:10 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-90)) } +.sf-c-txt-mediumspringgreen\:15 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-85)) } +.sf-c-txt-mediumspringgreen\:20 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-80)) } +.sf-c-txt-mediumspringgreen\:25 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-75)) } +.sf-c-txt-mediumspringgreen\:30 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-70)) } +.sf-c-txt-mediumspringgreen\:35 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-65)) } +.sf-c-txt-mediumspringgreen\:40 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-60)) } +.sf-c-txt-mediumspringgreen\:45 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-55)) } +.sf-c-txt-mediumspringgreen\:50 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-50)) } +.sf-c-txt-mediumspringgreen\:55 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-45)) } +.sf-c-txt-mediumspringgreen\:60 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-40)) } +.sf-c-txt-mediumspringgreen\:65 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-35)) } +.sf-c-txt-mediumspringgreen\:70 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-30)) } +.sf-c-txt-mediumspringgreen\:75 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-25)) } +.sf-c-txt-mediumspringgreen\:80 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-20)) } +.sf-c-txt-mediumspringgreen\:85 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-15)) } +.sf-c-txt-mediumspringgreen\:90 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-10)) } +.sf-c-txt-mediumspringgreen\:95 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-5)) } +.sf-c-txt-mediumspringgreen\:100 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-0)) } + +html.var .sf-c-txt-mediumspringgreen { color: hsl(157, 100%, 51%) } +html.var .sf-c-txt-mediumspringgreen\:0 { color: hsl(157, 100%, 100%) } +html.var .sf-c-txt-mediumspringgreen\:5 { color: hsl(157, 100%, 95%) } +html.var .sf-c-txt-mediumspringgreen\:10 { color: hsl(157, 100%, 90%) } +html.var .sf-c-txt-mediumspringgreen\:15 { color: hsl(157, 100%, 85%) } +html.var .sf-c-txt-mediumspringgreen\:20 { color: hsl(157, 100%, 80%) } +html.var .sf-c-txt-mediumspringgreen\:25 { color: hsl(157, 100%, 75%) } +html.var .sf-c-txt-mediumspringgreen\:30 { color: hsl(157, 100%, 70%) } +html.var .sf-c-txt-mediumspringgreen\:35 { color: hsl(157, 100%, 65%) } +html.var .sf-c-txt-mediumspringgreen\:40 { color: hsl(157, 100%, 60%) } +html.var .sf-c-txt-mediumspringgreen\:45 { color: hsl(157, 100%, 55%) } +html.var .sf-c-txt-mediumspringgreen\:50 { color: hsl(157, 100%, 50%) } +html.var .sf-c-txt-mediumspringgreen\:55 { color: hsl(157, 100%, 45%) } +html.var .sf-c-txt-mediumspringgreen\:60 { color: hsl(157, 100%, 40%) } +html.var .sf-c-txt-mediumspringgreen\:65 { color: hsl(157, 100%, 35%) } +html.var .sf-c-txt-mediumspringgreen\:70 { color: hsl(157, 100%, 30%) } +html.var .sf-c-txt-mediumspringgreen\:75 { color: hsl(157, 100%, 25%) } +html.var .sf-c-txt-mediumspringgreen\:80 { color: hsl(157, 100%, 20%) } +html.var .sf-c-txt-mediumspringgreen\:85 { color: hsl(157, 100%, 15%) } +html.var .sf-c-txt-mediumspringgreen\:90 { color: hsl(157, 100%, 10%) } +html.var .sf-c-txt-mediumspringgreen\:95 { color: hsl(157, 100%, 5%) } +html.var .sf-c-txt-mediumspringgreen\:100 { color: hsl(157, 100%, 0%) } + html[data-theme='dark'] .sf-c-mediumspringgreen, html.dark .sf-c-mediumspringgreen { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-5)); background: hsl(var(--sf-dark-c-mediumspringgreen)) } html[data-theme='dark'] .sf-c-mediumspringgreen\:0, html.dark .sf-c-mediumspringgreen\:0 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-95)); background: hsl(var(--sf-dark-c-mediumspringgreen-100)) } html[data-theme='dark'] .sf-c-mediumspringgreen\:5, html.dark .sf-c-mediumspringgreen\:5 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-5)); background: hsl(var(--sf-dark-c-mediumspringgreen-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-mediumspringgreen\:90\:dark, html.dark .sf-c-mediu html[data-theme='dark'] .sf-c-mediumspringgreen\:95\:dark, html.dark .sf-c-mediumspringgreen\:95\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-95)); background: hsl(var(--sf-c-mediumspringgreen-5)) } html[data-theme='dark'] .sf-c-mediumspringgreen\:100\:dark, html.dark .sf-c-mediumspringgreen\:100\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-95)); background: hsl(var(--sf-c-mediumspringgreen-0)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen, html.dark .sf-c-txt-mediumspringgreen { color: hsl(var(--sf-c-txt-mediumspringgreen)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:0, html.dark .sf-c-txt-mediumspringgreen\:0 { color: hsl(var(--sf-c-txt-mediumspringgreen-0)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:5, html.dark .sf-c-txt-mediumspringgreen\:5 { color: hsl(var(--sf-c-txt-mediumspringgreen-5)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:10, html.dark .sf-c-txt-mediumspringgreen\:10 { color: hsl(var(--sf-c-txt-mediumspringgreen-10)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:15, html.dark .sf-c-txt-mediumspringgreen\:15 { color: hsl(var(--sf-c-txt-mediumspringgreen-15)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:20, html.dark .sf-c-txt-mediumspringgreen\:20 { color: hsl(var(--sf-c-txt-mediumspringgreen-20)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:25, html.dark .sf-c-txt-mediumspringgreen\:25 { color: hsl(var(--sf-c-txt-mediumspringgreen-25)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:30, html.dark .sf-c-txt-mediumspringgreen\:30 { color: hsl(var(--sf-c-txt-mediumspringgreen-30)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:35, html.dark .sf-c-txt-mediumspringgreen\:35 { color: hsl(var(--sf-c-txt-mediumspringgreen-35)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:40, html.dark .sf-c-txt-mediumspringgreen\:40 { color: hsl(var(--sf-c-txt-mediumspringgreen-40)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:45, html.dark .sf-c-txt-mediumspringgreen\:45 { color: hsl(var(--sf-c-txt-mediumspringgreen-45)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:50, html.dark .sf-c-txt-mediumspringgreen\:50 { color: hsl(var(--sf-c-txt-mediumspringgreen-50)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:55, html.dark .sf-c-txt-mediumspringgreen\:55 { color: hsl(var(--sf-c-txt-mediumspringgreen-55)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:60, html.dark .sf-c-txt-mediumspringgreen\:60 { color: hsl(var(--sf-c-txt-mediumspringgreen-60)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:65, html.dark .sf-c-txt-mediumspringgreen\:65 { color: hsl(var(--sf-c-txt-mediumspringgreen-65)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:70, html.dark .sf-c-txt-mediumspringgreen\:70 { color: hsl(var(--sf-c-txt-mediumspringgreen-70)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:75, html.dark .sf-c-txt-mediumspringgreen\:75 { color: hsl(var(--sf-c-txt-mediumspringgreen-75)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:80, html.dark .sf-c-txt-mediumspringgreen\:80 { color: hsl(var(--sf-c-txt-mediumspringgreen-80)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:85, html.dark .sf-c-txt-mediumspringgreen\:85 { color: hsl(var(--sf-c-txt-mediumspringgreen-85)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:90, html.dark .sf-c-txt-mediumspringgreen\:90 { color: hsl(var(--sf-c-txt-mediumspringgreen-90)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:95, html.dark .sf-c-txt-mediumspringgreen\:95 { color: hsl(var(--sf-c-txt-mediumspringgreen-95)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:100, html.dark .sf-c-txt-mediumspringgreen\:100 { color: hsl(var(--sf-c-txt-mediumspringgreen-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:dark, html.dark .sf-c-txt-mediumspringgreen\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:0\:dark, html.dark .sf-c-txt-mediumspringgreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-0)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:5\:dark, html.dark .sf-c-txt-mediumspringgreen\:5\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-5)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:10\:dark, html.dark .sf-c-txt-mediumspringgreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-10)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:15\:dark, html.dark .sf-c-txt-mediumspringgreen\:15\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-15)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:20\:dark, html.dark .sf-c-txt-mediumspringgreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-20)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:25\:dark, html.dark .sf-c-txt-mediumspringgreen\:25\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-25)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:30\:dark, html.dark .sf-c-txt-mediumspringgreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-30)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:35\:dark, html.dark .sf-c-txt-mediumspringgreen\:35\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-35)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:40\:dark, html.dark .sf-c-txt-mediumspringgreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-40)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:45\:dark, html.dark .sf-c-txt-mediumspringgreen\:45\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-45)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:50\:dark, html.dark .sf-c-txt-mediumspringgreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-50)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:55\:dark, html.dark .sf-c-txt-mediumspringgreen\:55\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-55)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:60\:dark, html.dark .sf-c-txt-mediumspringgreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-60)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:65\:dark, html.dark .sf-c-txt-mediumspringgreen\:65\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-65)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:70\:dark, html.dark .sf-c-txt-mediumspringgreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-70)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:75\:dark, html.dark .sf-c-txt-mediumspringgreen\:75\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-75)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:80\:dark, html.dark .sf-c-txt-mediumspringgreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-80)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:85\:dark, html.dark .sf-c-txt-mediumspringgreen\:85\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-85)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:90\:dark, html.dark .sf-c-txt-mediumspringgreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-90)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:95\:dark, html.dark .sf-c-txt-mediumspringgreen\:95\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-95)) } +html[data-theme='dark'] .sf-c-txt-mediumspringgreen\:100\:dark, html.dark .sf-c-txt-mediumspringgreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-100)) } + html.var[data-theme='dark'] .sf-c-mediumspringgreen, html.var.dark .sf-c-mediumspringgreen { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 51%) } html.var[data-theme='dark'] .sf-c-mediumspringgreen\:0, html.var.dark .sf-c-mediumspringgreen\:0 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 100%) } html.var[data-theme='dark'] .sf-c-mediumspringgreen\:5, html.var.dark .sf-c-mediumspringgreen\:5 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-mediumspringgreen\:90\:dark, html.var.dark .sf html.var[data-theme='dark'] .sf-c-mediumspringgreen\:95\:dark, html.var.dark .sf-c-mediumspringgreen\:95\:dark { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 5%) } html.var[data-theme='dark'] .sf-c-mediumspringgreen\:100\:dark, html.var.dark .sf-c-mediumspringgreen\:100\:dark { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen, html.dark .sf-c-txt-mediumspringgreen { color: hsl(157, 100%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:0, html.dark .sf-c-txt-mediumspringgreen\:0 { color: hsl(157, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:5, html.dark .sf-c-txt-mediumspringgreen\:5 { color: hsl(157, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:10, html.dark .sf-c-txt-mediumspringgreen\:10 { color: hsl(157, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:15, html.dark .sf-c-txt-mediumspringgreen\:15 { color: hsl(157, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:20, html.dark .sf-c-txt-mediumspringgreen\:20 { color: hsl(157, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:25, html.dark .sf-c-txt-mediumspringgreen\:25 { color: hsl(157, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:30, html.dark .sf-c-txt-mediumspringgreen\:30 { color: hsl(157, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:35, html.dark .sf-c-txt-mediumspringgreen\:35 { color: hsl(157, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:40, html.dark .sf-c-txt-mediumspringgreen\:40 { color: hsl(157, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:45, html.dark .sf-c-txt-mediumspringgreen\:45 { color: hsl(157, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:50, html.dark .sf-c-txt-mediumspringgreen\:50 { color: hsl(157, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:55, html.dark .sf-c-txt-mediumspringgreen\:55 { color: hsl(157, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:60, html.dark .sf-c-txt-mediumspringgreen\:60 { color: hsl(157, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:65, html.dark .sf-c-txt-mediumspringgreen\:65 { color: hsl(157, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:70, html.dark .sf-c-txt-mediumspringgreen\:70 { color: hsl(157, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:75, html.dark .sf-c-txt-mediumspringgreen\:75 { color: hsl(157, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:80, html.dark .sf-c-txt-mediumspringgreen\:80 { color: hsl(157, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:85, html.dark .sf-c-txt-mediumspringgreen\:85 { color: hsl(157, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:90, html.dark .sf-c-txt-mediumspringgreen\:90 { color: hsl(157, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:95, html.dark .sf-c-txt-mediumspringgreen\:95 { color: hsl(157, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:100, html.dark .sf-c-txt-mediumspringgreen\:100 { color: hsl(157, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:dark, html.dark .sf-c-txt-mediumspringgreen\:dark { color: hsl(157, 100%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:0\:dark, html.dark .sf-c-txt-mediumspringgreen\:0\:dark { color: hsl(157, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:5\:dark, html.dark .sf-c-txt-mediumspringgreen\:5\:dark { color: hsl(157, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:10\:dark, html.dark .sf-c-txt-mediumspringgreen\:10\:dark { color: hsl(157, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:15\:dark, html.dark .sf-c-txt-mediumspringgreen\:15\:dark { color: hsl(157, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:20\:dark, html.dark .sf-c-txt-mediumspringgreen\:20\:dark { color: hsl(157, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:25\:dark, html.dark .sf-c-txt-mediumspringgreen\:25\:dark { color: hsl(157, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:30\:dark, html.dark .sf-c-txt-mediumspringgreen\:30\:dark { color: hsl(157, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:35\:dark, html.dark .sf-c-txt-mediumspringgreen\:35\:dark { color: hsl(157, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:40\:dark, html.dark .sf-c-txt-mediumspringgreen\:40\:dark { color: hsl(157, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:45\:dark, html.dark .sf-c-txt-mediumspringgreen\:45\:dark { color: hsl(157, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:50\:dark, html.dark .sf-c-txt-mediumspringgreen\:50\:dark { color: hsl(157, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:55\:dark, html.dark .sf-c-txt-mediumspringgreen\:55\:dark { color: hsl(157, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:60\:dark, html.dark .sf-c-txt-mediumspringgreen\:60\:dark { color: hsl(157, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:65\:dark, html.dark .sf-c-txt-mediumspringgreen\:65\:dark { color: hsl(157, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:70\:dark, html.dark .sf-c-txt-mediumspringgreen\:70\:dark { color: hsl(157, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:75\:dark, html.dark .sf-c-txt-mediumspringgreen\:75\:dark { color: hsl(157, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:80\:dark, html.dark .sf-c-txt-mediumspringgreen\:80\:dark { color: hsl(157, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:85\:dark, html.dark .sf-c-txt-mediumspringgreen\:85\:dark { color: hsl(157, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:90\:dark, html.dark .sf-c-txt-mediumspringgreen\:90\:dark { color: hsl(157, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:95\:dark, html.dark .sf-c-txt-mediumspringgreen\:95\:dark { color: hsl(157, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumspringgreen\:100\:dark, html.dark .sf-c-txt-mediumspringgreen\:100\:dark { color: hsl(157, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumspringgreen, html.auto .sf-c-mediumspringgreen { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-5)); background: hsl(var(--sf-dark-c-mediumspringgreen)) } html[data-theme='auto'] .sf-c-mediumspringgreen\:0, html.auto .sf-c-mediumspringgreen\:0 { color: hsl(var(--sf-dark-c-txt-mediumspringgreen-95)); background: hsl(var(--sf-dark-c-mediumspringgreen-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-mediumspringgreen\:100\:dark, html.var.dark .s html[data-theme='auto'] .sf-c-mediumspringgreen\:95\:dark, html.auto .sf-c-mediumspringgreen\:95\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-95)); background: hsl(var(--sf-c-mediumspringgreen-5)) } html[data-theme='auto'] .sf-c-mediumspringgreen\:100\:dark, html.auto .sf-c-mediumspringgreen\:100\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-95)); background: hsl(var(--sf-c-mediumspringgreen-0)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen, html.auto .sf-c-txt-mediumspringgreen { color: hsl(var(--sf-c-txt-mediumspringgreen)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:0, html.auto .sf-c-txt-mediumspringgreen\:0 { color: hsl(var(--sf-c-txt-mediumspringgreen-0)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:5, html.auto .sf-c-txt-mediumspringgreen\:5 { color: hsl(var(--sf-c-txt-mediumspringgreen-5)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:10, html.auto .sf-c-txt-mediumspringgreen\:10 { color: hsl(var(--sf-c-txt-mediumspringgreen-10)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:15, html.auto .sf-c-txt-mediumspringgreen\:15 { color: hsl(var(--sf-c-txt-mediumspringgreen-15)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:20, html.auto .sf-c-txt-mediumspringgreen\:20 { color: hsl(var(--sf-c-txt-mediumspringgreen-20)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:25, html.auto .sf-c-txt-mediumspringgreen\:25 { color: hsl(var(--sf-c-txt-mediumspringgreen-25)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:30, html.auto .sf-c-txt-mediumspringgreen\:30 { color: hsl(var(--sf-c-txt-mediumspringgreen-30)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:35, html.auto .sf-c-txt-mediumspringgreen\:35 { color: hsl(var(--sf-c-txt-mediumspringgreen-35)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:40, html.auto .sf-c-txt-mediumspringgreen\:40 { color: hsl(var(--sf-c-txt-mediumspringgreen-40)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:45, html.auto .sf-c-txt-mediumspringgreen\:45 { color: hsl(var(--sf-c-txt-mediumspringgreen-45)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:50, html.auto .sf-c-txt-mediumspringgreen\:50 { color: hsl(var(--sf-c-txt-mediumspringgreen-50)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:55, html.auto .sf-c-txt-mediumspringgreen\:55 { color: hsl(var(--sf-c-txt-mediumspringgreen-55)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:60, html.auto .sf-c-txt-mediumspringgreen\:60 { color: hsl(var(--sf-c-txt-mediumspringgreen-60)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:65, html.auto .sf-c-txt-mediumspringgreen\:65 { color: hsl(var(--sf-c-txt-mediumspringgreen-65)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:70, html.auto .sf-c-txt-mediumspringgreen\:70 { color: hsl(var(--sf-c-txt-mediumspringgreen-70)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:75, html.auto .sf-c-txt-mediumspringgreen\:75 { color: hsl(var(--sf-c-txt-mediumspringgreen-75)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:80, html.auto .sf-c-txt-mediumspringgreen\:80 { color: hsl(var(--sf-c-txt-mediumspringgreen-80)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:85, html.auto .sf-c-txt-mediumspringgreen\:85 { color: hsl(var(--sf-c-txt-mediumspringgreen-85)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:90, html.auto .sf-c-txt-mediumspringgreen\:90 { color: hsl(var(--sf-c-txt-mediumspringgreen-90)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:95, html.auto .sf-c-txt-mediumspringgreen\:95 { color: hsl(var(--sf-c-txt-mediumspringgreen-95)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:100, html.auto .sf-c-txt-mediumspringgreen\:100 { color: hsl(var(--sf-c-txt-mediumspringgreen-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:dark, html.auto .sf-c-txt-mediumspringgreen\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:0\:dark, html.auto .sf-c-txt-mediumspringgreen\:0\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-0)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:5\:dark, html.auto .sf-c-txt-mediumspringgreen\:5\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-5)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:10\:dark, html.auto .sf-c-txt-mediumspringgreen\:10\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-10)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:15\:dark, html.auto .sf-c-txt-mediumspringgreen\:15\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-15)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:20\:dark, html.auto .sf-c-txt-mediumspringgreen\:20\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-20)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:25\:dark, html.auto .sf-c-txt-mediumspringgreen\:25\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-25)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:30\:dark, html.auto .sf-c-txt-mediumspringgreen\:30\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-30)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:35\:dark, html.auto .sf-c-txt-mediumspringgreen\:35\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-35)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:40\:dark, html.auto .sf-c-txt-mediumspringgreen\:40\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-40)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:45\:dark, html.auto .sf-c-txt-mediumspringgreen\:45\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-45)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:50\:dark, html.auto .sf-c-txt-mediumspringgreen\:50\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-50)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:55\:dark, html.auto .sf-c-txt-mediumspringgreen\:55\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-55)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:60\:dark, html.auto .sf-c-txt-mediumspringgreen\:60\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-60)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:65\:dark, html.auto .sf-c-txt-mediumspringgreen\:65\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-65)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:70\:dark, html.auto .sf-c-txt-mediumspringgreen\:70\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-70)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:75\:dark, html.auto .sf-c-txt-mediumspringgreen\:75\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-75)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:80\:dark, html.auto .sf-c-txt-mediumspringgreen\:80\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-80)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:85\:dark, html.auto .sf-c-txt-mediumspringgreen\:85\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-85)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:90\:dark, html.auto .sf-c-txt-mediumspringgreen\:90\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-90)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:95\:dark, html.auto .sf-c-txt-mediumspringgreen\:95\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-95)) } + html[data-theme='auto'] .sf-c-txt-mediumspringgreen\:100\:dark, html.auto .sf-c-txt-mediumspringgreen\:100\:dark { color: hsl(var(--sf-c-txt-mediumspringgreen-100)) } + html.var[data-theme='auto'] .sf-c-mediumspringgreen, html.var.auto .sf-c-mediumspringgreen { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 51%) } html.var[data-theme='auto'] .sf-c-mediumspringgreen\:0, html.var.auto .sf-c-mediumspringgreen\:0 { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 100%) } html.var[data-theme='auto'] .sf-c-mediumspringgreen\:5, html.var.auto .sf-c-mediumspringgreen\:5 { color: hsl(157, 100%, 5%); background: hsl(157, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-mediumspringgreen\:100\:dark, html.var.dark .s html.var[data-theme='auto'] .sf-c-mediumspringgreen\:90\:dark, html.var.auto .sf-c-mediumspringgreen\:90\:dark { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 10%) } html.var[data-theme='auto'] .sf-c-mediumspringgreen\:95\:dark, html.var.auto .sf-c-mediumspringgreen\:95\:dark { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 5%) } html.var[data-theme='auto'] .sf-c-mediumspringgreen\:100\:dark, html.var.auto .sf-c-mediumspringgreen\:100\:dark { color: hsl(157, 100%, 95%); background: hsl(157, 100%, 0%) } -} -.sf-c-txt-mediumspringgreen { color: hsl(var(--sf-c-txt-mediumspringgreen)) } -.sf-c-txt-mediumspringgreen\:0 { color: hsl(var(--sf-c-txt-mediumspringgreen-0)) } -.sf-c-txt-mediumspringgreen\:5 { color: hsl(var(--sf-c-txt-mediumspringgreen-5)) } -.sf-c-txt-mediumspringgreen\:10 { color: hsl(var(--sf-c-txt-mediumspringgreen-10)) } -.sf-c-txt-mediumspringgreen\:15 { color: hsl(var(--sf-c-txt-mediumspringgreen-15)) } -.sf-c-txt-mediumspringgreen\:20 { color: hsl(var(--sf-c-txt-mediumspringgreen-20)) } -.sf-c-txt-mediumspringgreen\:25 { color: hsl(var(--sf-c-txt-mediumspringgreen-25)) } -.sf-c-txt-mediumspringgreen\:30 { color: hsl(var(--sf-c-txt-mediumspringgreen-30)) } -.sf-c-txt-mediumspringgreen\:35 { color: hsl(var(--sf-c-txt-mediumspringgreen-35)) } -.sf-c-txt-mediumspringgreen\:40 { color: hsl(var(--sf-c-txt-mediumspringgreen-40)) } -.sf-c-txt-mediumspringgreen\:45 { color: hsl(var(--sf-c-txt-mediumspringgreen-45)) } -.sf-c-txt-mediumspringgreen\:50 { color: hsl(var(--sf-c-txt-mediumspringgreen-50)) } -.sf-c-txt-mediumspringgreen\:55 { color: hsl(var(--sf-c-txt-mediumspringgreen-55)) } -.sf-c-txt-mediumspringgreen\:60 { color: hsl(var(--sf-c-txt-mediumspringgreen-60)) } -.sf-c-txt-mediumspringgreen\:65 { color: hsl(var(--sf-c-txt-mediumspringgreen-65)) } -.sf-c-txt-mediumspringgreen\:70 { color: hsl(var(--sf-c-txt-mediumspringgreen-70)) } -.sf-c-txt-mediumspringgreen\:75 { color: hsl(var(--sf-c-txt-mediumspringgreen-75)) } -.sf-c-txt-mediumspringgreen\:80 { color: hsl(var(--sf-c-txt-mediumspringgreen-80)) } -.sf-c-txt-mediumspringgreen\:85 { color: hsl(var(--sf-c-txt-mediumspringgreen-85)) } -.sf-c-txt-mediumspringgreen\:90 { color: hsl(var(--sf-c-txt-mediumspringgreen-90)) } -.sf-c-txt-mediumspringgreen\:95 { color: hsl(var(--sf-c-txt-mediumspringgreen-95)) } -.sf-c-txt-mediumspringgreen\:100 { color: hsl(var(--sf-c-txt-mediumspringgreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen, html.auto .sf-c-txt-mediumspringgreen { color: hsl(157, 100%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:0, html.auto .sf-c-txt-mediumspringgreen\:0 { color: hsl(157, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:5, html.auto .sf-c-txt-mediumspringgreen\:5 { color: hsl(157, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:10, html.auto .sf-c-txt-mediumspringgreen\:10 { color: hsl(157, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:15, html.auto .sf-c-txt-mediumspringgreen\:15 { color: hsl(157, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:20, html.auto .sf-c-txt-mediumspringgreen\:20 { color: hsl(157, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:25, html.auto .sf-c-txt-mediumspringgreen\:25 { color: hsl(157, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:30, html.auto .sf-c-txt-mediumspringgreen\:30 { color: hsl(157, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:35, html.auto .sf-c-txt-mediumspringgreen\:35 { color: hsl(157, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:40, html.auto .sf-c-txt-mediumspringgreen\:40 { color: hsl(157, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:45, html.auto .sf-c-txt-mediumspringgreen\:45 { color: hsl(157, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:50, html.auto .sf-c-txt-mediumspringgreen\:50 { color: hsl(157, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:55, html.auto .sf-c-txt-mediumspringgreen\:55 { color: hsl(157, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:60, html.auto .sf-c-txt-mediumspringgreen\:60 { color: hsl(157, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:65, html.auto .sf-c-txt-mediumspringgreen\:65 { color: hsl(157, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:70, html.auto .sf-c-txt-mediumspringgreen\:70 { color: hsl(157, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:75, html.auto .sf-c-txt-mediumspringgreen\:75 { color: hsl(157, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:80, html.auto .sf-c-txt-mediumspringgreen\:80 { color: hsl(157, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:85, html.auto .sf-c-txt-mediumspringgreen\:85 { color: hsl(157, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:90, html.auto .sf-c-txt-mediumspringgreen\:90 { color: hsl(157, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:95, html.auto .sf-c-txt-mediumspringgreen\:95 { color: hsl(157, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:100, html.auto .sf-c-txt-mediumspringgreen\:100 { color: hsl(157, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:dark, html.auto .sf-c-txt-mediumspringgreen\:dark { color: hsl(157, 100%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:0\:dark, html.auto .sf-c-txt-mediumspringgreen\:0\:dark { color: hsl(157, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:5\:dark, html.auto .sf-c-txt-mediumspringgreen\:5\:dark { color: hsl(157, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:10\:dark, html.auto .sf-c-txt-mediumspringgreen\:10\:dark { color: hsl(157, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:15\:dark, html.auto .sf-c-txt-mediumspringgreen\:15\:dark { color: hsl(157, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:20\:dark, html.auto .sf-c-txt-mediumspringgreen\:20\:dark { color: hsl(157, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:25\:dark, html.auto .sf-c-txt-mediumspringgreen\:25\:dark { color: hsl(157, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:30\:dark, html.auto .sf-c-txt-mediumspringgreen\:30\:dark { color: hsl(157, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:35\:dark, html.auto .sf-c-txt-mediumspringgreen\:35\:dark { color: hsl(157, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:40\:dark, html.auto .sf-c-txt-mediumspringgreen\:40\:dark { color: hsl(157, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:45\:dark, html.auto .sf-c-txt-mediumspringgreen\:45\:dark { color: hsl(157, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:50\:dark, html.auto .sf-c-txt-mediumspringgreen\:50\:dark { color: hsl(157, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:55\:dark, html.auto .sf-c-txt-mediumspringgreen\:55\:dark { color: hsl(157, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:60\:dark, html.auto .sf-c-txt-mediumspringgreen\:60\:dark { color: hsl(157, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:65\:dark, html.auto .sf-c-txt-mediumspringgreen\:65\:dark { color: hsl(157, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:70\:dark, html.auto .sf-c-txt-mediumspringgreen\:70\:dark { color: hsl(157, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:75\:dark, html.auto .sf-c-txt-mediumspringgreen\:75\:dark { color: hsl(157, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:80\:dark, html.auto .sf-c-txt-mediumspringgreen\:80\:dark { color: hsl(157, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:85\:dark, html.auto .sf-c-txt-mediumspringgreen\:85\:dark { color: hsl(157, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:90\:dark, html.auto .sf-c-txt-mediumspringgreen\:90\:dark { color: hsl(157, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:95\:dark, html.auto .sf-c-txt-mediumspringgreen\:95\:dark { color: hsl(157, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumspringgreen\:100\:dark, html.auto .sf-c-txt-mediumspringgreen\:100\:dark { color: hsl(157, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/mediumturquoise.css b/src/colors/20/mediumturquoise.css index 1abcd91..16ae759 100644 --- a/src/colors/20/mediumturquoise.css +++ b/src/colors/20/mediumturquoise.css @@ -138,6 +138,52 @@ html.var .sf-c-mediumturquoise\:90 { color: hsl(178, 60%, 5%); background: hsl(1 html.var .sf-c-mediumturquoise\:95 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 95%) } html.var .sf-c-mediumturquoise\:100 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 100%) } +.sf-c-txt-mediumturquoise { color: hsl(var(--sf-dark-c-txt-mediumturquoise)) } +.sf-c-txt-mediumturquoise\:0 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-100)) } +.sf-c-txt-mediumturquoise\:5 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-95)) } +.sf-c-txt-mediumturquoise\:10 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-90)) } +.sf-c-txt-mediumturquoise\:15 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-85)) } +.sf-c-txt-mediumturquoise\:20 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-80)) } +.sf-c-txt-mediumturquoise\:25 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-75)) } +.sf-c-txt-mediumturquoise\:30 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-70)) } +.sf-c-txt-mediumturquoise\:35 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-65)) } +.sf-c-txt-mediumturquoise\:40 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-60)) } +.sf-c-txt-mediumturquoise\:45 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-55)) } +.sf-c-txt-mediumturquoise\:50 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-50)) } +.sf-c-txt-mediumturquoise\:55 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-45)) } +.sf-c-txt-mediumturquoise\:60 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-40)) } +.sf-c-txt-mediumturquoise\:65 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-35)) } +.sf-c-txt-mediumturquoise\:70 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-30)) } +.sf-c-txt-mediumturquoise\:75 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-25)) } +.sf-c-txt-mediumturquoise\:80 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-20)) } +.sf-c-txt-mediumturquoise\:85 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-15)) } +.sf-c-txt-mediumturquoise\:90 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-10)) } +.sf-c-txt-mediumturquoise\:95 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-5)) } +.sf-c-txt-mediumturquoise\:100 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-0)) } + +html.var .sf-c-txt-mediumturquoise { color: hsl(178, 60%, 45%) } +html.var .sf-c-txt-mediumturquoise\:0 { color: hsl(178, 60%, 100%) } +html.var .sf-c-txt-mediumturquoise\:5 { color: hsl(178, 60%, 95%) } +html.var .sf-c-txt-mediumturquoise\:10 { color: hsl(178, 60%, 90%) } +html.var .sf-c-txt-mediumturquoise\:15 { color: hsl(178, 60%, 85%) } +html.var .sf-c-txt-mediumturquoise\:20 { color: hsl(178, 60%, 80%) } +html.var .sf-c-txt-mediumturquoise\:25 { color: hsl(178, 60%, 75%) } +html.var .sf-c-txt-mediumturquoise\:30 { color: hsl(178, 60%, 70%) } +html.var .sf-c-txt-mediumturquoise\:35 { color: hsl(178, 60%, 65%) } +html.var .sf-c-txt-mediumturquoise\:40 { color: hsl(178, 60%, 60%) } +html.var .sf-c-txt-mediumturquoise\:45 { color: hsl(178, 60%, 55%) } +html.var .sf-c-txt-mediumturquoise\:50 { color: hsl(178, 60%, 50%) } +html.var .sf-c-txt-mediumturquoise\:55 { color: hsl(178, 60%, 45%) } +html.var .sf-c-txt-mediumturquoise\:60 { color: hsl(178, 60%, 40%) } +html.var .sf-c-txt-mediumturquoise\:65 { color: hsl(178, 60%, 35%) } +html.var .sf-c-txt-mediumturquoise\:70 { color: hsl(178, 60%, 30%) } +html.var .sf-c-txt-mediumturquoise\:75 { color: hsl(178, 60%, 25%) } +html.var .sf-c-txt-mediumturquoise\:80 { color: hsl(178, 60%, 20%) } +html.var .sf-c-txt-mediumturquoise\:85 { color: hsl(178, 60%, 15%) } +html.var .sf-c-txt-mediumturquoise\:90 { color: hsl(178, 60%, 10%) } +html.var .sf-c-txt-mediumturquoise\:95 { color: hsl(178, 60%, 5%) } +html.var .sf-c-txt-mediumturquoise\:100 { color: hsl(178, 60%, 0%) } + html[data-theme='dark'] .sf-c-mediumturquoise, html.dark .sf-c-mediumturquoise { color: hsl(var(--sf-dark-c-txt-mediumturquoise-5)); background: hsl(var(--sf-dark-c-mediumturquoise)) } html[data-theme='dark'] .sf-c-mediumturquoise\:0, html.dark .sf-c-mediumturquoise\:0 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-95)); background: hsl(var(--sf-dark-c-mediumturquoise-100)) } html[data-theme='dark'] .sf-c-mediumturquoise\:5, html.dark .sf-c-mediumturquoise\:5 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-5)); background: hsl(var(--sf-dark-c-mediumturquoise-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-mediumturquoise\:90\:dark, html.dark .sf-c-mediumt html[data-theme='dark'] .sf-c-mediumturquoise\:95\:dark, html.dark .sf-c-mediumturquoise\:95\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-95)); background: hsl(var(--sf-c-mediumturquoise-5)) } html[data-theme='dark'] .sf-c-mediumturquoise\:100\:dark, html.dark .sf-c-mediumturquoise\:100\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-95)); background: hsl(var(--sf-c-mediumturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise, html.dark .sf-c-txt-mediumturquoise { color: hsl(var(--sf-c-txt-mediumturquoise)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:0, html.dark .sf-c-txt-mediumturquoise\:0 { color: hsl(var(--sf-c-txt-mediumturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:5, html.dark .sf-c-txt-mediumturquoise\:5 { color: hsl(var(--sf-c-txt-mediumturquoise-5)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:10, html.dark .sf-c-txt-mediumturquoise\:10 { color: hsl(var(--sf-c-txt-mediumturquoise-10)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:15, html.dark .sf-c-txt-mediumturquoise\:15 { color: hsl(var(--sf-c-txt-mediumturquoise-15)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:20, html.dark .sf-c-txt-mediumturquoise\:20 { color: hsl(var(--sf-c-txt-mediumturquoise-20)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:25, html.dark .sf-c-txt-mediumturquoise\:25 { color: hsl(var(--sf-c-txt-mediumturquoise-25)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:30, html.dark .sf-c-txt-mediumturquoise\:30 { color: hsl(var(--sf-c-txt-mediumturquoise-30)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:35, html.dark .sf-c-txt-mediumturquoise\:35 { color: hsl(var(--sf-c-txt-mediumturquoise-35)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:40, html.dark .sf-c-txt-mediumturquoise\:40 { color: hsl(var(--sf-c-txt-mediumturquoise-40)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:45, html.dark .sf-c-txt-mediumturquoise\:45 { color: hsl(var(--sf-c-txt-mediumturquoise-45)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:50, html.dark .sf-c-txt-mediumturquoise\:50 { color: hsl(var(--sf-c-txt-mediumturquoise-50)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:55, html.dark .sf-c-txt-mediumturquoise\:55 { color: hsl(var(--sf-c-txt-mediumturquoise-55)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:60, html.dark .sf-c-txt-mediumturquoise\:60 { color: hsl(var(--sf-c-txt-mediumturquoise-60)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:65, html.dark .sf-c-txt-mediumturquoise\:65 { color: hsl(var(--sf-c-txt-mediumturquoise-65)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:70, html.dark .sf-c-txt-mediumturquoise\:70 { color: hsl(var(--sf-c-txt-mediumturquoise-70)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:75, html.dark .sf-c-txt-mediumturquoise\:75 { color: hsl(var(--sf-c-txt-mediumturquoise-75)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:80, html.dark .sf-c-txt-mediumturquoise\:80 { color: hsl(var(--sf-c-txt-mediumturquoise-80)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:85, html.dark .sf-c-txt-mediumturquoise\:85 { color: hsl(var(--sf-c-txt-mediumturquoise-85)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:90, html.dark .sf-c-txt-mediumturquoise\:90 { color: hsl(var(--sf-c-txt-mediumturquoise-90)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:95, html.dark .sf-c-txt-mediumturquoise\:95 { color: hsl(var(--sf-c-txt-mediumturquoise-95)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:100, html.dark .sf-c-txt-mediumturquoise\:100 { color: hsl(var(--sf-c-txt-mediumturquoise-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:dark, html.dark .sf-c-txt-mediumturquoise\:dark { color: hsl(var(--sf-c-txt-mediumturquoise)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:0\:dark, html.dark .sf-c-txt-mediumturquoise\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:5\:dark, html.dark .sf-c-txt-mediumturquoise\:5\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-5)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:10\:dark, html.dark .sf-c-txt-mediumturquoise\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-10)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:15\:dark, html.dark .sf-c-txt-mediumturquoise\:15\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-15)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:20\:dark, html.dark .sf-c-txt-mediumturquoise\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-20)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:25\:dark, html.dark .sf-c-txt-mediumturquoise\:25\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-25)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:30\:dark, html.dark .sf-c-txt-mediumturquoise\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-30)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:35\:dark, html.dark .sf-c-txt-mediumturquoise\:35\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-35)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:40\:dark, html.dark .sf-c-txt-mediumturquoise\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-40)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:45\:dark, html.dark .sf-c-txt-mediumturquoise\:45\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-45)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:50\:dark, html.dark .sf-c-txt-mediumturquoise\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-50)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:55\:dark, html.dark .sf-c-txt-mediumturquoise\:55\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-55)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:60\:dark, html.dark .sf-c-txt-mediumturquoise\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-60)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:65\:dark, html.dark .sf-c-txt-mediumturquoise\:65\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-65)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:70\:dark, html.dark .sf-c-txt-mediumturquoise\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-70)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:75\:dark, html.dark .sf-c-txt-mediumturquoise\:75\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-75)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:80\:dark, html.dark .sf-c-txt-mediumturquoise\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-80)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:85\:dark, html.dark .sf-c-txt-mediumturquoise\:85\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-85)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:90\:dark, html.dark .sf-c-txt-mediumturquoise\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-90)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:95\:dark, html.dark .sf-c-txt-mediumturquoise\:95\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-95)) } +html[data-theme='dark'] .sf-c-txt-mediumturquoise\:100\:dark, html.dark .sf-c-txt-mediumturquoise\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumturquoise-100)) } + html.var[data-theme='dark'] .sf-c-mediumturquoise, html.var.dark .sf-c-mediumturquoise { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 45%) } html.var[data-theme='dark'] .sf-c-mediumturquoise\:0, html.var.dark .sf-c-mediumturquoise\:0 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 100%) } html.var[data-theme='dark'] .sf-c-mediumturquoise\:5, html.var.dark .sf-c-mediumturquoise\:5 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-mediumturquoise\:90\:dark, html.var.dark .sf-c html.var[data-theme='dark'] .sf-c-mediumturquoise\:95\:dark, html.var.dark .sf-c-mediumturquoise\:95\:dark { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 5%) } html.var[data-theme='dark'] .sf-c-mediumturquoise\:100\:dark, html.var.dark .sf-c-mediumturquoise\:100\:dark { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise, html.dark .sf-c-txt-mediumturquoise { color: hsl(178, 60%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:0, html.dark .sf-c-txt-mediumturquoise\:0 { color: hsl(178, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:5, html.dark .sf-c-txt-mediumturquoise\:5 { color: hsl(178, 60%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:10, html.dark .sf-c-txt-mediumturquoise\:10 { color: hsl(178, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:15, html.dark .sf-c-txt-mediumturquoise\:15 { color: hsl(178, 60%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:20, html.dark .sf-c-txt-mediumturquoise\:20 { color: hsl(178, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:25, html.dark .sf-c-txt-mediumturquoise\:25 { color: hsl(178, 60%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:30, html.dark .sf-c-txt-mediumturquoise\:30 { color: hsl(178, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:35, html.dark .sf-c-txt-mediumturquoise\:35 { color: hsl(178, 60%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:40, html.dark .sf-c-txt-mediumturquoise\:40 { color: hsl(178, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:45, html.dark .sf-c-txt-mediumturquoise\:45 { color: hsl(178, 60%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:50, html.dark .sf-c-txt-mediumturquoise\:50 { color: hsl(178, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:55, html.dark .sf-c-txt-mediumturquoise\:55 { color: hsl(178, 60%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:60, html.dark .sf-c-txt-mediumturquoise\:60 { color: hsl(178, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:65, html.dark .sf-c-txt-mediumturquoise\:65 { color: hsl(178, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:70, html.dark .sf-c-txt-mediumturquoise\:70 { color: hsl(178, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:75, html.dark .sf-c-txt-mediumturquoise\:75 { color: hsl(178, 60%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:80, html.dark .sf-c-txt-mediumturquoise\:80 { color: hsl(178, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:85, html.dark .sf-c-txt-mediumturquoise\:85 { color: hsl(178, 60%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:90, html.dark .sf-c-txt-mediumturquoise\:90 { color: hsl(178, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:95, html.dark .sf-c-txt-mediumturquoise\:95 { color: hsl(178, 60%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:100, html.dark .sf-c-txt-mediumturquoise\:100 { color: hsl(178, 60%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:dark, html.dark .sf-c-txt-mediumturquoise\:dark { color: hsl(178, 60%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:0\:dark, html.dark .sf-c-txt-mediumturquoise\:0\:dark { color: hsl(178, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:5\:dark, html.dark .sf-c-txt-mediumturquoise\:5\:dark { color: hsl(178, 60%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:10\:dark, html.dark .sf-c-txt-mediumturquoise\:10\:dark { color: hsl(178, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:15\:dark, html.dark .sf-c-txt-mediumturquoise\:15\:dark { color: hsl(178, 60%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:20\:dark, html.dark .sf-c-txt-mediumturquoise\:20\:dark { color: hsl(178, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:25\:dark, html.dark .sf-c-txt-mediumturquoise\:25\:dark { color: hsl(178, 60%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:30\:dark, html.dark .sf-c-txt-mediumturquoise\:30\:dark { color: hsl(178, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:35\:dark, html.dark .sf-c-txt-mediumturquoise\:35\:dark { color: hsl(178, 60%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:40\:dark, html.dark .sf-c-txt-mediumturquoise\:40\:dark { color: hsl(178, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:45\:dark, html.dark .sf-c-txt-mediumturquoise\:45\:dark { color: hsl(178, 60%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:50\:dark, html.dark .sf-c-txt-mediumturquoise\:50\:dark { color: hsl(178, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:55\:dark, html.dark .sf-c-txt-mediumturquoise\:55\:dark { color: hsl(178, 60%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:60\:dark, html.dark .sf-c-txt-mediumturquoise\:60\:dark { color: hsl(178, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:65\:dark, html.dark .sf-c-txt-mediumturquoise\:65\:dark { color: hsl(178, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:70\:dark, html.dark .sf-c-txt-mediumturquoise\:70\:dark { color: hsl(178, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:75\:dark, html.dark .sf-c-txt-mediumturquoise\:75\:dark { color: hsl(178, 60%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:80\:dark, html.dark .sf-c-txt-mediumturquoise\:80\:dark { color: hsl(178, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:85\:dark, html.dark .sf-c-txt-mediumturquoise\:85\:dark { color: hsl(178, 60%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:90\:dark, html.dark .sf-c-txt-mediumturquoise\:90\:dark { color: hsl(178, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:95\:dark, html.dark .sf-c-txt-mediumturquoise\:95\:dark { color: hsl(178, 60%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumturquoise\:100\:dark, html.dark .sf-c-txt-mediumturquoise\:100\:dark { color: hsl(178, 60%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumturquoise, html.auto .sf-c-mediumturquoise { color: hsl(var(--sf-dark-c-txt-mediumturquoise-5)); background: hsl(var(--sf-dark-c-mediumturquoise)) } html[data-theme='auto'] .sf-c-mediumturquoise\:0, html.auto .sf-c-mediumturquoise\:0 { color: hsl(var(--sf-dark-c-txt-mediumturquoise-95)); background: hsl(var(--sf-dark-c-mediumturquoise-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-mediumturquoise\:100\:dark, html.var.dark .sf- html[data-theme='auto'] .sf-c-mediumturquoise\:95\:dark, html.auto .sf-c-mediumturquoise\:95\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-95)); background: hsl(var(--sf-c-mediumturquoise-5)) } html[data-theme='auto'] .sf-c-mediumturquoise\:100\:dark, html.auto .sf-c-mediumturquoise\:100\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-95)); background: hsl(var(--sf-c-mediumturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise, html.auto .sf-c-txt-mediumturquoise { color: hsl(var(--sf-c-txt-mediumturquoise)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:0, html.auto .sf-c-txt-mediumturquoise\:0 { color: hsl(var(--sf-c-txt-mediumturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:5, html.auto .sf-c-txt-mediumturquoise\:5 { color: hsl(var(--sf-c-txt-mediumturquoise-5)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:10, html.auto .sf-c-txt-mediumturquoise\:10 { color: hsl(var(--sf-c-txt-mediumturquoise-10)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:15, html.auto .sf-c-txt-mediumturquoise\:15 { color: hsl(var(--sf-c-txt-mediumturquoise-15)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:20, html.auto .sf-c-txt-mediumturquoise\:20 { color: hsl(var(--sf-c-txt-mediumturquoise-20)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:25, html.auto .sf-c-txt-mediumturquoise\:25 { color: hsl(var(--sf-c-txt-mediumturquoise-25)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:30, html.auto .sf-c-txt-mediumturquoise\:30 { color: hsl(var(--sf-c-txt-mediumturquoise-30)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:35, html.auto .sf-c-txt-mediumturquoise\:35 { color: hsl(var(--sf-c-txt-mediumturquoise-35)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:40, html.auto .sf-c-txt-mediumturquoise\:40 { color: hsl(var(--sf-c-txt-mediumturquoise-40)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:45, html.auto .sf-c-txt-mediumturquoise\:45 { color: hsl(var(--sf-c-txt-mediumturquoise-45)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:50, html.auto .sf-c-txt-mediumturquoise\:50 { color: hsl(var(--sf-c-txt-mediumturquoise-50)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:55, html.auto .sf-c-txt-mediumturquoise\:55 { color: hsl(var(--sf-c-txt-mediumturquoise-55)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:60, html.auto .sf-c-txt-mediumturquoise\:60 { color: hsl(var(--sf-c-txt-mediumturquoise-60)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:65, html.auto .sf-c-txt-mediumturquoise\:65 { color: hsl(var(--sf-c-txt-mediumturquoise-65)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:70, html.auto .sf-c-txt-mediumturquoise\:70 { color: hsl(var(--sf-c-txt-mediumturquoise-70)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:75, html.auto .sf-c-txt-mediumturquoise\:75 { color: hsl(var(--sf-c-txt-mediumturquoise-75)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:80, html.auto .sf-c-txt-mediumturquoise\:80 { color: hsl(var(--sf-c-txt-mediumturquoise-80)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:85, html.auto .sf-c-txt-mediumturquoise\:85 { color: hsl(var(--sf-c-txt-mediumturquoise-85)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:90, html.auto .sf-c-txt-mediumturquoise\:90 { color: hsl(var(--sf-c-txt-mediumturquoise-90)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:95, html.auto .sf-c-txt-mediumturquoise\:95 { color: hsl(var(--sf-c-txt-mediumturquoise-95)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:100, html.auto .sf-c-txt-mediumturquoise\:100 { color: hsl(var(--sf-c-txt-mediumturquoise-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:dark, html.auto .sf-c-txt-mediumturquoise\:dark { color: hsl(var(--sf-c-txt-mediumturquoise)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:0\:dark, html.auto .sf-c-txt-mediumturquoise\:0\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:5\:dark, html.auto .sf-c-txt-mediumturquoise\:5\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-5)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:10\:dark, html.auto .sf-c-txt-mediumturquoise\:10\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-10)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:15\:dark, html.auto .sf-c-txt-mediumturquoise\:15\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-15)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:20\:dark, html.auto .sf-c-txt-mediumturquoise\:20\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-20)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:25\:dark, html.auto .sf-c-txt-mediumturquoise\:25\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-25)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:30\:dark, html.auto .sf-c-txt-mediumturquoise\:30\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-30)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:35\:dark, html.auto .sf-c-txt-mediumturquoise\:35\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-35)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:40\:dark, html.auto .sf-c-txt-mediumturquoise\:40\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-40)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:45\:dark, html.auto .sf-c-txt-mediumturquoise\:45\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-45)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:50\:dark, html.auto .sf-c-txt-mediumturquoise\:50\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-50)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:55\:dark, html.auto .sf-c-txt-mediumturquoise\:55\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-55)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:60\:dark, html.auto .sf-c-txt-mediumturquoise\:60\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-60)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:65\:dark, html.auto .sf-c-txt-mediumturquoise\:65\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-65)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:70\:dark, html.auto .sf-c-txt-mediumturquoise\:70\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-70)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:75\:dark, html.auto .sf-c-txt-mediumturquoise\:75\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-75)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:80\:dark, html.auto .sf-c-txt-mediumturquoise\:80\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-80)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:85\:dark, html.auto .sf-c-txt-mediumturquoise\:85\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-85)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:90\:dark, html.auto .sf-c-txt-mediumturquoise\:90\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-90)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:95\:dark, html.auto .sf-c-txt-mediumturquoise\:95\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-95)) } + html[data-theme='auto'] .sf-c-txt-mediumturquoise\:100\:dark, html.auto .sf-c-txt-mediumturquoise\:100\:dark { color: hsl(var(--sf-c-txt-mediumturquoise-100)) } + html.var[data-theme='auto'] .sf-c-mediumturquoise, html.var.auto .sf-c-mediumturquoise { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 45%) } html.var[data-theme='auto'] .sf-c-mediumturquoise\:0, html.var.auto .sf-c-mediumturquoise\:0 { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 100%) } html.var[data-theme='auto'] .sf-c-mediumturquoise\:5, html.var.auto .sf-c-mediumturquoise\:5 { color: hsl(178, 60%, 5%); background: hsl(178, 60%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-mediumturquoise\:100\:dark, html.var.dark .sf- html.var[data-theme='auto'] .sf-c-mediumturquoise\:90\:dark, html.var.auto .sf-c-mediumturquoise\:90\:dark { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 10%) } html.var[data-theme='auto'] .sf-c-mediumturquoise\:95\:dark, html.var.auto .sf-c-mediumturquoise\:95\:dark { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 5%) } html.var[data-theme='auto'] .sf-c-mediumturquoise\:100\:dark, html.var.auto .sf-c-mediumturquoise\:100\:dark { color: hsl(178, 60%, 95%); background: hsl(178, 60%, 0%) } -} -.sf-c-txt-mediumturquoise { color: hsl(var(--sf-c-txt-mediumturquoise)) } -.sf-c-txt-mediumturquoise\:0 { color: hsl(var(--sf-c-txt-mediumturquoise-0)) } -.sf-c-txt-mediumturquoise\:5 { color: hsl(var(--sf-c-txt-mediumturquoise-5)) } -.sf-c-txt-mediumturquoise\:10 { color: hsl(var(--sf-c-txt-mediumturquoise-10)) } -.sf-c-txt-mediumturquoise\:15 { color: hsl(var(--sf-c-txt-mediumturquoise-15)) } -.sf-c-txt-mediumturquoise\:20 { color: hsl(var(--sf-c-txt-mediumturquoise-20)) } -.sf-c-txt-mediumturquoise\:25 { color: hsl(var(--sf-c-txt-mediumturquoise-25)) } -.sf-c-txt-mediumturquoise\:30 { color: hsl(var(--sf-c-txt-mediumturquoise-30)) } -.sf-c-txt-mediumturquoise\:35 { color: hsl(var(--sf-c-txt-mediumturquoise-35)) } -.sf-c-txt-mediumturquoise\:40 { color: hsl(var(--sf-c-txt-mediumturquoise-40)) } -.sf-c-txt-mediumturquoise\:45 { color: hsl(var(--sf-c-txt-mediumturquoise-45)) } -.sf-c-txt-mediumturquoise\:50 { color: hsl(var(--sf-c-txt-mediumturquoise-50)) } -.sf-c-txt-mediumturquoise\:55 { color: hsl(var(--sf-c-txt-mediumturquoise-55)) } -.sf-c-txt-mediumturquoise\:60 { color: hsl(var(--sf-c-txt-mediumturquoise-60)) } -.sf-c-txt-mediumturquoise\:65 { color: hsl(var(--sf-c-txt-mediumturquoise-65)) } -.sf-c-txt-mediumturquoise\:70 { color: hsl(var(--sf-c-txt-mediumturquoise-70)) } -.sf-c-txt-mediumturquoise\:75 { color: hsl(var(--sf-c-txt-mediumturquoise-75)) } -.sf-c-txt-mediumturquoise\:80 { color: hsl(var(--sf-c-txt-mediumturquoise-80)) } -.sf-c-txt-mediumturquoise\:85 { color: hsl(var(--sf-c-txt-mediumturquoise-85)) } -.sf-c-txt-mediumturquoise\:90 { color: hsl(var(--sf-c-txt-mediumturquoise-90)) } -.sf-c-txt-mediumturquoise\:95 { color: hsl(var(--sf-c-txt-mediumturquoise-95)) } -.sf-c-txt-mediumturquoise\:100 { color: hsl(var(--sf-c-txt-mediumturquoise-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise, html.auto .sf-c-txt-mediumturquoise { color: hsl(178, 60%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:0, html.auto .sf-c-txt-mediumturquoise\:0 { color: hsl(178, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:5, html.auto .sf-c-txt-mediumturquoise\:5 { color: hsl(178, 60%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:10, html.auto .sf-c-txt-mediumturquoise\:10 { color: hsl(178, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:15, html.auto .sf-c-txt-mediumturquoise\:15 { color: hsl(178, 60%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:20, html.auto .sf-c-txt-mediumturquoise\:20 { color: hsl(178, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:25, html.auto .sf-c-txt-mediumturquoise\:25 { color: hsl(178, 60%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:30, html.auto .sf-c-txt-mediumturquoise\:30 { color: hsl(178, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:35, html.auto .sf-c-txt-mediumturquoise\:35 { color: hsl(178, 60%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:40, html.auto .sf-c-txt-mediumturquoise\:40 { color: hsl(178, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:45, html.auto .sf-c-txt-mediumturquoise\:45 { color: hsl(178, 60%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:50, html.auto .sf-c-txt-mediumturquoise\:50 { color: hsl(178, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:55, html.auto .sf-c-txt-mediumturquoise\:55 { color: hsl(178, 60%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:60, html.auto .sf-c-txt-mediumturquoise\:60 { color: hsl(178, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:65, html.auto .sf-c-txt-mediumturquoise\:65 { color: hsl(178, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:70, html.auto .sf-c-txt-mediumturquoise\:70 { color: hsl(178, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:75, html.auto .sf-c-txt-mediumturquoise\:75 { color: hsl(178, 60%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:80, html.auto .sf-c-txt-mediumturquoise\:80 { color: hsl(178, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:85, html.auto .sf-c-txt-mediumturquoise\:85 { color: hsl(178, 60%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:90, html.auto .sf-c-txt-mediumturquoise\:90 { color: hsl(178, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:95, html.auto .sf-c-txt-mediumturquoise\:95 { color: hsl(178, 60%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:100, html.auto .sf-c-txt-mediumturquoise\:100 { color: hsl(178, 60%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:dark, html.auto .sf-c-txt-mediumturquoise\:dark { color: hsl(178, 60%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:0\:dark, html.auto .sf-c-txt-mediumturquoise\:0\:dark { color: hsl(178, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:5\:dark, html.auto .sf-c-txt-mediumturquoise\:5\:dark { color: hsl(178, 60%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:10\:dark, html.auto .sf-c-txt-mediumturquoise\:10\:dark { color: hsl(178, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:15\:dark, html.auto .sf-c-txt-mediumturquoise\:15\:dark { color: hsl(178, 60%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:20\:dark, html.auto .sf-c-txt-mediumturquoise\:20\:dark { color: hsl(178, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:25\:dark, html.auto .sf-c-txt-mediumturquoise\:25\:dark { color: hsl(178, 60%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:30\:dark, html.auto .sf-c-txt-mediumturquoise\:30\:dark { color: hsl(178, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:35\:dark, html.auto .sf-c-txt-mediumturquoise\:35\:dark { color: hsl(178, 60%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:40\:dark, html.auto .sf-c-txt-mediumturquoise\:40\:dark { color: hsl(178, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:45\:dark, html.auto .sf-c-txt-mediumturquoise\:45\:dark { color: hsl(178, 60%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:50\:dark, html.auto .sf-c-txt-mediumturquoise\:50\:dark { color: hsl(178, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:55\:dark, html.auto .sf-c-txt-mediumturquoise\:55\:dark { color: hsl(178, 60%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:60\:dark, html.auto .sf-c-txt-mediumturquoise\:60\:dark { color: hsl(178, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:65\:dark, html.auto .sf-c-txt-mediumturquoise\:65\:dark { color: hsl(178, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:70\:dark, html.auto .sf-c-txt-mediumturquoise\:70\:dark { color: hsl(178, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:75\:dark, html.auto .sf-c-txt-mediumturquoise\:75\:dark { color: hsl(178, 60%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:80\:dark, html.auto .sf-c-txt-mediumturquoise\:80\:dark { color: hsl(178, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:85\:dark, html.auto .sf-c-txt-mediumturquoise\:85\:dark { color: hsl(178, 60%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:90\:dark, html.auto .sf-c-txt-mediumturquoise\:90\:dark { color: hsl(178, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:95\:dark, html.auto .sf-c-txt-mediumturquoise\:95\:dark { color: hsl(178, 60%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumturquoise\:100\:dark, html.auto .sf-c-txt-mediumturquoise\:100\:dark { color: hsl(178, 60%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/mediumvioletred.css b/src/colors/20/mediumvioletred.css index bc71524..9405621 100644 --- a/src/colors/20/mediumvioletred.css +++ b/src/colors/20/mediumvioletred.css @@ -138,6 +138,52 @@ html.var .sf-c-mediumvioletred\:90 { color: hsl(322, 81%, 5%); background: hsl(3 html.var .sf-c-mediumvioletred\:95 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 95%) } html.var .sf-c-mediumvioletred\:100 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 100%) } +.sf-c-txt-mediumvioletred { color: hsl(var(--sf-dark-c-txt-mediumvioletred)) } +.sf-c-txt-mediumvioletred\:0 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-100)) } +.sf-c-txt-mediumvioletred\:5 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-95)) } +.sf-c-txt-mediumvioletred\:10 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-90)) } +.sf-c-txt-mediumvioletred\:15 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-85)) } +.sf-c-txt-mediumvioletred\:20 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-80)) } +.sf-c-txt-mediumvioletred\:25 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-75)) } +.sf-c-txt-mediumvioletred\:30 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-70)) } +.sf-c-txt-mediumvioletred\:35 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-65)) } +.sf-c-txt-mediumvioletred\:40 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-60)) } +.sf-c-txt-mediumvioletred\:45 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-55)) } +.sf-c-txt-mediumvioletred\:50 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-50)) } +.sf-c-txt-mediumvioletred\:55 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-45)) } +.sf-c-txt-mediumvioletred\:60 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-40)) } +.sf-c-txt-mediumvioletred\:65 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-35)) } +.sf-c-txt-mediumvioletred\:70 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-30)) } +.sf-c-txt-mediumvioletred\:75 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-25)) } +.sf-c-txt-mediumvioletred\:80 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-20)) } +.sf-c-txt-mediumvioletred\:85 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-15)) } +.sf-c-txt-mediumvioletred\:90 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-10)) } +.sf-c-txt-mediumvioletred\:95 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-5)) } +.sf-c-txt-mediumvioletred\:100 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-0)) } + +html.var .sf-c-txt-mediumvioletred { color: hsl(322, 81%, 57%) } +html.var .sf-c-txt-mediumvioletred\:0 { color: hsl(322, 81%, 100%) } +html.var .sf-c-txt-mediumvioletred\:5 { color: hsl(322, 81%, 95%) } +html.var .sf-c-txt-mediumvioletred\:10 { color: hsl(322, 81%, 90%) } +html.var .sf-c-txt-mediumvioletred\:15 { color: hsl(322, 81%, 85%) } +html.var .sf-c-txt-mediumvioletred\:20 { color: hsl(322, 81%, 80%) } +html.var .sf-c-txt-mediumvioletred\:25 { color: hsl(322, 81%, 75%) } +html.var .sf-c-txt-mediumvioletred\:30 { color: hsl(322, 81%, 70%) } +html.var .sf-c-txt-mediumvioletred\:35 { color: hsl(322, 81%, 65%) } +html.var .sf-c-txt-mediumvioletred\:40 { color: hsl(322, 81%, 60%) } +html.var .sf-c-txt-mediumvioletred\:45 { color: hsl(322, 81%, 55%) } +html.var .sf-c-txt-mediumvioletred\:50 { color: hsl(322, 81%, 50%) } +html.var .sf-c-txt-mediumvioletred\:55 { color: hsl(322, 81%, 45%) } +html.var .sf-c-txt-mediumvioletred\:60 { color: hsl(322, 81%, 40%) } +html.var .sf-c-txt-mediumvioletred\:65 { color: hsl(322, 81%, 35%) } +html.var .sf-c-txt-mediumvioletred\:70 { color: hsl(322, 81%, 30%) } +html.var .sf-c-txt-mediumvioletred\:75 { color: hsl(322, 81%, 25%) } +html.var .sf-c-txt-mediumvioletred\:80 { color: hsl(322, 81%, 20%) } +html.var .sf-c-txt-mediumvioletred\:85 { color: hsl(322, 81%, 15%) } +html.var .sf-c-txt-mediumvioletred\:90 { color: hsl(322, 81%, 10%) } +html.var .sf-c-txt-mediumvioletred\:95 { color: hsl(322, 81%, 5%) } +html.var .sf-c-txt-mediumvioletred\:100 { color: hsl(322, 81%, 0%) } + html[data-theme='dark'] .sf-c-mediumvioletred, html.dark .sf-c-mediumvioletred { color: hsl(var(--sf-dark-c-txt-mediumvioletred-95)); background: hsl(var(--sf-dark-c-mediumvioletred)) } html[data-theme='dark'] .sf-c-mediumvioletred\:0, html.dark .sf-c-mediumvioletred\:0 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-95)); background: hsl(var(--sf-dark-c-mediumvioletred-100)) } html[data-theme='dark'] .sf-c-mediumvioletred\:5, html.dark .sf-c-mediumvioletred\:5 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-5)); background: hsl(var(--sf-dark-c-mediumvioletred-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-mediumvioletred\:90\:dark, html.dark .sf-c-mediumv html[data-theme='dark'] .sf-c-mediumvioletred\:95\:dark, html.dark .sf-c-mediumvioletred\:95\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-95)); background: hsl(var(--sf-c-mediumvioletred-5)) } html[data-theme='dark'] .sf-c-mediumvioletred\:100\:dark, html.dark .sf-c-mediumvioletred\:100\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-95)); background: hsl(var(--sf-c-mediumvioletred-0)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred, html.dark .sf-c-txt-mediumvioletred { color: hsl(var(--sf-c-txt-mediumvioletred)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:0, html.dark .sf-c-txt-mediumvioletred\:0 { color: hsl(var(--sf-c-txt-mediumvioletred-0)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:5, html.dark .sf-c-txt-mediumvioletred\:5 { color: hsl(var(--sf-c-txt-mediumvioletred-5)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:10, html.dark .sf-c-txt-mediumvioletred\:10 { color: hsl(var(--sf-c-txt-mediumvioletred-10)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:15, html.dark .sf-c-txt-mediumvioletred\:15 { color: hsl(var(--sf-c-txt-mediumvioletred-15)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:20, html.dark .sf-c-txt-mediumvioletred\:20 { color: hsl(var(--sf-c-txt-mediumvioletred-20)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:25, html.dark .sf-c-txt-mediumvioletred\:25 { color: hsl(var(--sf-c-txt-mediumvioletred-25)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:30, html.dark .sf-c-txt-mediumvioletred\:30 { color: hsl(var(--sf-c-txt-mediumvioletred-30)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:35, html.dark .sf-c-txt-mediumvioletred\:35 { color: hsl(var(--sf-c-txt-mediumvioletred-35)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:40, html.dark .sf-c-txt-mediumvioletred\:40 { color: hsl(var(--sf-c-txt-mediumvioletred-40)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:45, html.dark .sf-c-txt-mediumvioletred\:45 { color: hsl(var(--sf-c-txt-mediumvioletred-45)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:50, html.dark .sf-c-txt-mediumvioletred\:50 { color: hsl(var(--sf-c-txt-mediumvioletred-50)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:55, html.dark .sf-c-txt-mediumvioletred\:55 { color: hsl(var(--sf-c-txt-mediumvioletred-55)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:60, html.dark .sf-c-txt-mediumvioletred\:60 { color: hsl(var(--sf-c-txt-mediumvioletred-60)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:65, html.dark .sf-c-txt-mediumvioletred\:65 { color: hsl(var(--sf-c-txt-mediumvioletred-65)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:70, html.dark .sf-c-txt-mediumvioletred\:70 { color: hsl(var(--sf-c-txt-mediumvioletred-70)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:75, html.dark .sf-c-txt-mediumvioletred\:75 { color: hsl(var(--sf-c-txt-mediumvioletred-75)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:80, html.dark .sf-c-txt-mediumvioletred\:80 { color: hsl(var(--sf-c-txt-mediumvioletred-80)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:85, html.dark .sf-c-txt-mediumvioletred\:85 { color: hsl(var(--sf-c-txt-mediumvioletred-85)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:90, html.dark .sf-c-txt-mediumvioletred\:90 { color: hsl(var(--sf-c-txt-mediumvioletred-90)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:95, html.dark .sf-c-txt-mediumvioletred\:95 { color: hsl(var(--sf-c-txt-mediumvioletred-95)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:100, html.dark .sf-c-txt-mediumvioletred\:100 { color: hsl(var(--sf-c-txt-mediumvioletred-100)) } + +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:dark, html.dark .sf-c-txt-mediumvioletred\:dark { color: hsl(var(--sf-c-txt-mediumvioletred)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:0\:dark, html.dark .sf-c-txt-mediumvioletred\:0\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-0)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:5\:dark, html.dark .sf-c-txt-mediumvioletred\:5\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-5)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:10\:dark, html.dark .sf-c-txt-mediumvioletred\:10\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-10)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:15\:dark, html.dark .sf-c-txt-mediumvioletred\:15\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-15)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:20\:dark, html.dark .sf-c-txt-mediumvioletred\:20\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-20)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:25\:dark, html.dark .sf-c-txt-mediumvioletred\:25\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-25)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:30\:dark, html.dark .sf-c-txt-mediumvioletred\:30\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-30)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:35\:dark, html.dark .sf-c-txt-mediumvioletred\:35\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-35)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:40\:dark, html.dark .sf-c-txt-mediumvioletred\:40\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-40)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:45\:dark, html.dark .sf-c-txt-mediumvioletred\:45\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-45)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:50\:dark, html.dark .sf-c-txt-mediumvioletred\:50\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-50)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:55\:dark, html.dark .sf-c-txt-mediumvioletred\:55\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-55)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:60\:dark, html.dark .sf-c-txt-mediumvioletred\:60\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-60)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:65\:dark, html.dark .sf-c-txt-mediumvioletred\:65\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-65)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:70\:dark, html.dark .sf-c-txt-mediumvioletred\:70\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-70)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:75\:dark, html.dark .sf-c-txt-mediumvioletred\:75\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-75)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:80\:dark, html.dark .sf-c-txt-mediumvioletred\:80\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-80)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:85\:dark, html.dark .sf-c-txt-mediumvioletred\:85\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-85)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:90\:dark, html.dark .sf-c-txt-mediumvioletred\:90\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-90)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:95\:dark, html.dark .sf-c-txt-mediumvioletred\:95\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-95)) } +html[data-theme='dark'] .sf-c-txt-mediumvioletred\:100\:dark, html.dark .sf-c-txt-mediumvioletred\:100\:dark { color: hsl(var(--sf-dark-c-txt-mediumvioletred-100)) } + html.var[data-theme='dark'] .sf-c-mediumvioletred, html.var.dark .sf-c-mediumvioletred { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 57%) } html.var[data-theme='dark'] .sf-c-mediumvioletred\:0, html.var.dark .sf-c-mediumvioletred\:0 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 100%) } html.var[data-theme='dark'] .sf-c-mediumvioletred\:5, html.var.dark .sf-c-mediumvioletred\:5 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-mediumvioletred\:90\:dark, html.var.dark .sf-c html.var[data-theme='dark'] .sf-c-mediumvioletred\:95\:dark, html.var.dark .sf-c-mediumvioletred\:95\:dark { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 5%) } html.var[data-theme='dark'] .sf-c-mediumvioletred\:100\:dark, html.var.dark .sf-c-mediumvioletred\:100\:dark { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred, html.dark .sf-c-txt-mediumvioletred { color: hsl(322, 81%, 43%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:0, html.dark .sf-c-txt-mediumvioletred\:0 { color: hsl(322, 81%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:5, html.dark .sf-c-txt-mediumvioletred\:5 { color: hsl(322, 81%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:10, html.dark .sf-c-txt-mediumvioletred\:10 { color: hsl(322, 81%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:15, html.dark .sf-c-txt-mediumvioletred\:15 { color: hsl(322, 81%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:20, html.dark .sf-c-txt-mediumvioletred\:20 { color: hsl(322, 81%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:25, html.dark .sf-c-txt-mediumvioletred\:25 { color: hsl(322, 81%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:30, html.dark .sf-c-txt-mediumvioletred\:30 { color: hsl(322, 81%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:35, html.dark .sf-c-txt-mediumvioletred\:35 { color: hsl(322, 81%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:40, html.dark .sf-c-txt-mediumvioletred\:40 { color: hsl(322, 81%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:45, html.dark .sf-c-txt-mediumvioletred\:45 { color: hsl(322, 81%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:50, html.dark .sf-c-txt-mediumvioletred\:50 { color: hsl(322, 81%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:55, html.dark .sf-c-txt-mediumvioletred\:55 { color: hsl(322, 81%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:60, html.dark .sf-c-txt-mediumvioletred\:60 { color: hsl(322, 81%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:65, html.dark .sf-c-txt-mediumvioletred\:65 { color: hsl(322, 81%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:70, html.dark .sf-c-txt-mediumvioletred\:70 { color: hsl(322, 81%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:75, html.dark .sf-c-txt-mediumvioletred\:75 { color: hsl(322, 81%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:80, html.dark .sf-c-txt-mediumvioletred\:80 { color: hsl(322, 81%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:85, html.dark .sf-c-txt-mediumvioletred\:85 { color: hsl(322, 81%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:90, html.dark .sf-c-txt-mediumvioletred\:90 { color: hsl(322, 81%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:95, html.dark .sf-c-txt-mediumvioletred\:95 { color: hsl(322, 81%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:100, html.dark .sf-c-txt-mediumvioletred\:100 { color: hsl(322, 81%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:dark, html.dark .sf-c-txt-mediumvioletred\:dark { color: hsl(322, 81%, 43%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:0\:dark, html.dark .sf-c-txt-mediumvioletred\:0\:dark { color: hsl(322, 81%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:5\:dark, html.dark .sf-c-txt-mediumvioletred\:5\:dark { color: hsl(322, 81%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:10\:dark, html.dark .sf-c-txt-mediumvioletred\:10\:dark { color: hsl(322, 81%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:15\:dark, html.dark .sf-c-txt-mediumvioletred\:15\:dark { color: hsl(322, 81%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:20\:dark, html.dark .sf-c-txt-mediumvioletred\:20\:dark { color: hsl(322, 81%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:25\:dark, html.dark .sf-c-txt-mediumvioletred\:25\:dark { color: hsl(322, 81%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:30\:dark, html.dark .sf-c-txt-mediumvioletred\:30\:dark { color: hsl(322, 81%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:35\:dark, html.dark .sf-c-txt-mediumvioletred\:35\:dark { color: hsl(322, 81%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:40\:dark, html.dark .sf-c-txt-mediumvioletred\:40\:dark { color: hsl(322, 81%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:45\:dark, html.dark .sf-c-txt-mediumvioletred\:45\:dark { color: hsl(322, 81%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:50\:dark, html.dark .sf-c-txt-mediumvioletred\:50\:dark { color: hsl(322, 81%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:55\:dark, html.dark .sf-c-txt-mediumvioletred\:55\:dark { color: hsl(322, 81%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:60\:dark, html.dark .sf-c-txt-mediumvioletred\:60\:dark { color: hsl(322, 81%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:65\:dark, html.dark .sf-c-txt-mediumvioletred\:65\:dark { color: hsl(322, 81%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:70\:dark, html.dark .sf-c-txt-mediumvioletred\:70\:dark { color: hsl(322, 81%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:75\:dark, html.dark .sf-c-txt-mediumvioletred\:75\:dark { color: hsl(322, 81%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:80\:dark, html.dark .sf-c-txt-mediumvioletred\:80\:dark { color: hsl(322, 81%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:85\:dark, html.dark .sf-c-txt-mediumvioletred\:85\:dark { color: hsl(322, 81%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:90\:dark, html.dark .sf-c-txt-mediumvioletred\:90\:dark { color: hsl(322, 81%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:95\:dark, html.dark .sf-c-txt-mediumvioletred\:95\:dark { color: hsl(322, 81%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mediumvioletred\:100\:dark, html.dark .sf-c-txt-mediumvioletred\:100\:dark { color: hsl(322, 81%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mediumvioletred, html.auto .sf-c-mediumvioletred { color: hsl(var(--sf-dark-c-txt-mediumvioletred-95)); background: hsl(var(--sf-dark-c-mediumvioletred)) } html[data-theme='auto'] .sf-c-mediumvioletred\:0, html.auto .sf-c-mediumvioletred\:0 { color: hsl(var(--sf-dark-c-txt-mediumvioletred-95)); background: hsl(var(--sf-dark-c-mediumvioletred-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-mediumvioletred\:100\:dark, html.var.dark .sf- html[data-theme='auto'] .sf-c-mediumvioletred\:95\:dark, html.auto .sf-c-mediumvioletred\:95\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-95)); background: hsl(var(--sf-c-mediumvioletred-5)) } html[data-theme='auto'] .sf-c-mediumvioletred\:100\:dark, html.auto .sf-c-mediumvioletred\:100\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-95)); background: hsl(var(--sf-c-mediumvioletred-0)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred, html.auto .sf-c-txt-mediumvioletred { color: hsl(var(--sf-c-txt-mediumvioletred)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:0, html.auto .sf-c-txt-mediumvioletred\:0 { color: hsl(var(--sf-c-txt-mediumvioletred-0)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:5, html.auto .sf-c-txt-mediumvioletred\:5 { color: hsl(var(--sf-c-txt-mediumvioletred-5)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:10, html.auto .sf-c-txt-mediumvioletred\:10 { color: hsl(var(--sf-c-txt-mediumvioletred-10)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:15, html.auto .sf-c-txt-mediumvioletred\:15 { color: hsl(var(--sf-c-txt-mediumvioletred-15)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:20, html.auto .sf-c-txt-mediumvioletred\:20 { color: hsl(var(--sf-c-txt-mediumvioletred-20)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:25, html.auto .sf-c-txt-mediumvioletred\:25 { color: hsl(var(--sf-c-txt-mediumvioletred-25)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:30, html.auto .sf-c-txt-mediumvioletred\:30 { color: hsl(var(--sf-c-txt-mediumvioletred-30)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:35, html.auto .sf-c-txt-mediumvioletred\:35 { color: hsl(var(--sf-c-txt-mediumvioletred-35)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:40, html.auto .sf-c-txt-mediumvioletred\:40 { color: hsl(var(--sf-c-txt-mediumvioletred-40)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:45, html.auto .sf-c-txt-mediumvioletred\:45 { color: hsl(var(--sf-c-txt-mediumvioletred-45)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:50, html.auto .sf-c-txt-mediumvioletred\:50 { color: hsl(var(--sf-c-txt-mediumvioletred-50)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:55, html.auto .sf-c-txt-mediumvioletred\:55 { color: hsl(var(--sf-c-txt-mediumvioletred-55)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:60, html.auto .sf-c-txt-mediumvioletred\:60 { color: hsl(var(--sf-c-txt-mediumvioletred-60)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:65, html.auto .sf-c-txt-mediumvioletred\:65 { color: hsl(var(--sf-c-txt-mediumvioletred-65)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:70, html.auto .sf-c-txt-mediumvioletred\:70 { color: hsl(var(--sf-c-txt-mediumvioletred-70)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:75, html.auto .sf-c-txt-mediumvioletred\:75 { color: hsl(var(--sf-c-txt-mediumvioletred-75)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:80, html.auto .sf-c-txt-mediumvioletred\:80 { color: hsl(var(--sf-c-txt-mediumvioletred-80)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:85, html.auto .sf-c-txt-mediumvioletred\:85 { color: hsl(var(--sf-c-txt-mediumvioletred-85)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:90, html.auto .sf-c-txt-mediumvioletred\:90 { color: hsl(var(--sf-c-txt-mediumvioletred-90)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:95, html.auto .sf-c-txt-mediumvioletred\:95 { color: hsl(var(--sf-c-txt-mediumvioletred-95)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:100, html.auto .sf-c-txt-mediumvioletred\:100 { color: hsl(var(--sf-c-txt-mediumvioletred-100)) } + + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:dark, html.auto .sf-c-txt-mediumvioletred\:dark { color: hsl(var(--sf-c-txt-mediumvioletred)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:0\:dark, html.auto .sf-c-txt-mediumvioletred\:0\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-0)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:5\:dark, html.auto .sf-c-txt-mediumvioletred\:5\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-5)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:10\:dark, html.auto .sf-c-txt-mediumvioletred\:10\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-10)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:15\:dark, html.auto .sf-c-txt-mediumvioletred\:15\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-15)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:20\:dark, html.auto .sf-c-txt-mediumvioletred\:20\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-20)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:25\:dark, html.auto .sf-c-txt-mediumvioletred\:25\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-25)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:30\:dark, html.auto .sf-c-txt-mediumvioletred\:30\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-30)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:35\:dark, html.auto .sf-c-txt-mediumvioletred\:35\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-35)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:40\:dark, html.auto .sf-c-txt-mediumvioletred\:40\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-40)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:45\:dark, html.auto .sf-c-txt-mediumvioletred\:45\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-45)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:50\:dark, html.auto .sf-c-txt-mediumvioletred\:50\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-50)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:55\:dark, html.auto .sf-c-txt-mediumvioletred\:55\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-55)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:60\:dark, html.auto .sf-c-txt-mediumvioletred\:60\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-60)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:65\:dark, html.auto .sf-c-txt-mediumvioletred\:65\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-65)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:70\:dark, html.auto .sf-c-txt-mediumvioletred\:70\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-70)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:75\:dark, html.auto .sf-c-txt-mediumvioletred\:75\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-75)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:80\:dark, html.auto .sf-c-txt-mediumvioletred\:80\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-80)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:85\:dark, html.auto .sf-c-txt-mediumvioletred\:85\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-85)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:90\:dark, html.auto .sf-c-txt-mediumvioletred\:90\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-90)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:95\:dark, html.auto .sf-c-txt-mediumvioletred\:95\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-95)) } + html[data-theme='auto'] .sf-c-txt-mediumvioletred\:100\:dark, html.auto .sf-c-txt-mediumvioletred\:100\:dark { color: hsl(var(--sf-c-txt-mediumvioletred-100)) } + html.var[data-theme='auto'] .sf-c-mediumvioletred, html.var.auto .sf-c-mediumvioletred { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 57%) } html.var[data-theme='auto'] .sf-c-mediumvioletred\:0, html.var.auto .sf-c-mediumvioletred\:0 { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 100%) } html.var[data-theme='auto'] .sf-c-mediumvioletred\:5, html.var.auto .sf-c-mediumvioletred\:5 { color: hsl(322, 81%, 5%); background: hsl(322, 81%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-mediumvioletred\:100\:dark, html.var.dark .sf- html.var[data-theme='auto'] .sf-c-mediumvioletred\:90\:dark, html.var.auto .sf-c-mediumvioletred\:90\:dark { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 10%) } html.var[data-theme='auto'] .sf-c-mediumvioletred\:95\:dark, html.var.auto .sf-c-mediumvioletred\:95\:dark { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 5%) } html.var[data-theme='auto'] .sf-c-mediumvioletred\:100\:dark, html.var.auto .sf-c-mediumvioletred\:100\:dark { color: hsl(322, 81%, 95%); background: hsl(322, 81%, 0%) } -} -.sf-c-txt-mediumvioletred { color: hsl(var(--sf-c-txt-mediumvioletred)) } -.sf-c-txt-mediumvioletred\:0 { color: hsl(var(--sf-c-txt-mediumvioletred-0)) } -.sf-c-txt-mediumvioletred\:5 { color: hsl(var(--sf-c-txt-mediumvioletred-5)) } -.sf-c-txt-mediumvioletred\:10 { color: hsl(var(--sf-c-txt-mediumvioletred-10)) } -.sf-c-txt-mediumvioletred\:15 { color: hsl(var(--sf-c-txt-mediumvioletred-15)) } -.sf-c-txt-mediumvioletred\:20 { color: hsl(var(--sf-c-txt-mediumvioletred-20)) } -.sf-c-txt-mediumvioletred\:25 { color: hsl(var(--sf-c-txt-mediumvioletred-25)) } -.sf-c-txt-mediumvioletred\:30 { color: hsl(var(--sf-c-txt-mediumvioletred-30)) } -.sf-c-txt-mediumvioletred\:35 { color: hsl(var(--sf-c-txt-mediumvioletred-35)) } -.sf-c-txt-mediumvioletred\:40 { color: hsl(var(--sf-c-txt-mediumvioletred-40)) } -.sf-c-txt-mediumvioletred\:45 { color: hsl(var(--sf-c-txt-mediumvioletred-45)) } -.sf-c-txt-mediumvioletred\:50 { color: hsl(var(--sf-c-txt-mediumvioletred-50)) } -.sf-c-txt-mediumvioletred\:55 { color: hsl(var(--sf-c-txt-mediumvioletred-55)) } -.sf-c-txt-mediumvioletred\:60 { color: hsl(var(--sf-c-txt-mediumvioletred-60)) } -.sf-c-txt-mediumvioletred\:65 { color: hsl(var(--sf-c-txt-mediumvioletred-65)) } -.sf-c-txt-mediumvioletred\:70 { color: hsl(var(--sf-c-txt-mediumvioletred-70)) } -.sf-c-txt-mediumvioletred\:75 { color: hsl(var(--sf-c-txt-mediumvioletred-75)) } -.sf-c-txt-mediumvioletred\:80 { color: hsl(var(--sf-c-txt-mediumvioletred-80)) } -.sf-c-txt-mediumvioletred\:85 { color: hsl(var(--sf-c-txt-mediumvioletred-85)) } -.sf-c-txt-mediumvioletred\:90 { color: hsl(var(--sf-c-txt-mediumvioletred-90)) } -.sf-c-txt-mediumvioletred\:95 { color: hsl(var(--sf-c-txt-mediumvioletred-95)) } -.sf-c-txt-mediumvioletred\:100 { color: hsl(var(--sf-c-txt-mediumvioletred-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred, html.auto .sf-c-txt-mediumvioletred { color: hsl(322, 81%, 43%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:0, html.auto .sf-c-txt-mediumvioletred\:0 { color: hsl(322, 81%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:5, html.auto .sf-c-txt-mediumvioletred\:5 { color: hsl(322, 81%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:10, html.auto .sf-c-txt-mediumvioletred\:10 { color: hsl(322, 81%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:15, html.auto .sf-c-txt-mediumvioletred\:15 { color: hsl(322, 81%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:20, html.auto .sf-c-txt-mediumvioletred\:20 { color: hsl(322, 81%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:25, html.auto .sf-c-txt-mediumvioletred\:25 { color: hsl(322, 81%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:30, html.auto .sf-c-txt-mediumvioletred\:30 { color: hsl(322, 81%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:35, html.auto .sf-c-txt-mediumvioletred\:35 { color: hsl(322, 81%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:40, html.auto .sf-c-txt-mediumvioletred\:40 { color: hsl(322, 81%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:45, html.auto .sf-c-txt-mediumvioletred\:45 { color: hsl(322, 81%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:50, html.auto .sf-c-txt-mediumvioletred\:50 { color: hsl(322, 81%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:55, html.auto .sf-c-txt-mediumvioletred\:55 { color: hsl(322, 81%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:60, html.auto .sf-c-txt-mediumvioletred\:60 { color: hsl(322, 81%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:65, html.auto .sf-c-txt-mediumvioletred\:65 { color: hsl(322, 81%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:70, html.auto .sf-c-txt-mediumvioletred\:70 { color: hsl(322, 81%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:75, html.auto .sf-c-txt-mediumvioletred\:75 { color: hsl(322, 81%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:80, html.auto .sf-c-txt-mediumvioletred\:80 { color: hsl(322, 81%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:85, html.auto .sf-c-txt-mediumvioletred\:85 { color: hsl(322, 81%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:90, html.auto .sf-c-txt-mediumvioletred\:90 { color: hsl(322, 81%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:95, html.auto .sf-c-txt-mediumvioletred\:95 { color: hsl(322, 81%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:100, html.auto .sf-c-txt-mediumvioletred\:100 { color: hsl(322, 81%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:dark, html.auto .sf-c-txt-mediumvioletred\:dark { color: hsl(322, 81%, 43%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:0\:dark, html.auto .sf-c-txt-mediumvioletred\:0\:dark { color: hsl(322, 81%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:5\:dark, html.auto .sf-c-txt-mediumvioletred\:5\:dark { color: hsl(322, 81%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:10\:dark, html.auto .sf-c-txt-mediumvioletred\:10\:dark { color: hsl(322, 81%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:15\:dark, html.auto .sf-c-txt-mediumvioletred\:15\:dark { color: hsl(322, 81%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:20\:dark, html.auto .sf-c-txt-mediumvioletred\:20\:dark { color: hsl(322, 81%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:25\:dark, html.auto .sf-c-txt-mediumvioletred\:25\:dark { color: hsl(322, 81%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:30\:dark, html.auto .sf-c-txt-mediumvioletred\:30\:dark { color: hsl(322, 81%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:35\:dark, html.auto .sf-c-txt-mediumvioletred\:35\:dark { color: hsl(322, 81%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:40\:dark, html.auto .sf-c-txt-mediumvioletred\:40\:dark { color: hsl(322, 81%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:45\:dark, html.auto .sf-c-txt-mediumvioletred\:45\:dark { color: hsl(322, 81%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:50\:dark, html.auto .sf-c-txt-mediumvioletred\:50\:dark { color: hsl(322, 81%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:55\:dark, html.auto .sf-c-txt-mediumvioletred\:55\:dark { color: hsl(322, 81%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:60\:dark, html.auto .sf-c-txt-mediumvioletred\:60\:dark { color: hsl(322, 81%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:65\:dark, html.auto .sf-c-txt-mediumvioletred\:65\:dark { color: hsl(322, 81%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:70\:dark, html.auto .sf-c-txt-mediumvioletred\:70\:dark { color: hsl(322, 81%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:75\:dark, html.auto .sf-c-txt-mediumvioletred\:75\:dark { color: hsl(322, 81%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:80\:dark, html.auto .sf-c-txt-mediumvioletred\:80\:dark { color: hsl(322, 81%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:85\:dark, html.auto .sf-c-txt-mediumvioletred\:85\:dark { color: hsl(322, 81%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:90\:dark, html.auto .sf-c-txt-mediumvioletred\:90\:dark { color: hsl(322, 81%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:95\:dark, html.auto .sf-c-txt-mediumvioletred\:95\:dark { color: hsl(322, 81%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mediumvioletred\:100\:dark, html.auto .sf-c-txt-mediumvioletred\:100\:dark { color: hsl(322, 81%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/midnightblue.css b/src/colors/20/midnightblue.css index bbe769a..e450e66 100644 --- a/src/colors/20/midnightblue.css +++ b/src/colors/20/midnightblue.css @@ -138,6 +138,52 @@ html.var .sf-c-midnightblue\:90 { color: hsl(240, 64%, 5%); background: hsl(240, html.var .sf-c-midnightblue\:95 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 95%) } html.var .sf-c-midnightblue\:100 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 100%) } +.sf-c-txt-midnightblue { color: hsl(var(--sf-dark-c-txt-midnightblue)) } +.sf-c-txt-midnightblue\:0 { color: hsl(var(--sf-dark-c-txt-midnightblue-100)) } +.sf-c-txt-midnightblue\:5 { color: hsl(var(--sf-dark-c-txt-midnightblue-95)) } +.sf-c-txt-midnightblue\:10 { color: hsl(var(--sf-dark-c-txt-midnightblue-90)) } +.sf-c-txt-midnightblue\:15 { color: hsl(var(--sf-dark-c-txt-midnightblue-85)) } +.sf-c-txt-midnightblue\:20 { color: hsl(var(--sf-dark-c-txt-midnightblue-80)) } +.sf-c-txt-midnightblue\:25 { color: hsl(var(--sf-dark-c-txt-midnightblue-75)) } +.sf-c-txt-midnightblue\:30 { color: hsl(var(--sf-dark-c-txt-midnightblue-70)) } +.sf-c-txt-midnightblue\:35 { color: hsl(var(--sf-dark-c-txt-midnightblue-65)) } +.sf-c-txt-midnightblue\:40 { color: hsl(var(--sf-dark-c-txt-midnightblue-60)) } +.sf-c-txt-midnightblue\:45 { color: hsl(var(--sf-dark-c-txt-midnightblue-55)) } +.sf-c-txt-midnightblue\:50 { color: hsl(var(--sf-dark-c-txt-midnightblue-50)) } +.sf-c-txt-midnightblue\:55 { color: hsl(var(--sf-dark-c-txt-midnightblue-45)) } +.sf-c-txt-midnightblue\:60 { color: hsl(var(--sf-dark-c-txt-midnightblue-40)) } +.sf-c-txt-midnightblue\:65 { color: hsl(var(--sf-dark-c-txt-midnightblue-35)) } +.sf-c-txt-midnightblue\:70 { color: hsl(var(--sf-dark-c-txt-midnightblue-30)) } +.sf-c-txt-midnightblue\:75 { color: hsl(var(--sf-dark-c-txt-midnightblue-25)) } +.sf-c-txt-midnightblue\:80 { color: hsl(var(--sf-dark-c-txt-midnightblue-20)) } +.sf-c-txt-midnightblue\:85 { color: hsl(var(--sf-dark-c-txt-midnightblue-15)) } +.sf-c-txt-midnightblue\:90 { color: hsl(var(--sf-dark-c-txt-midnightblue-10)) } +.sf-c-txt-midnightblue\:95 { color: hsl(var(--sf-dark-c-txt-midnightblue-5)) } +.sf-c-txt-midnightblue\:100 { color: hsl(var(--sf-dark-c-txt-midnightblue-0)) } + +html.var .sf-c-txt-midnightblue { color: hsl(240, 64%, 73%) } +html.var .sf-c-txt-midnightblue\:0 { color: hsl(240, 64%, 100%) } +html.var .sf-c-txt-midnightblue\:5 { color: hsl(240, 64%, 95%) } +html.var .sf-c-txt-midnightblue\:10 { color: hsl(240, 64%, 90%) } +html.var .sf-c-txt-midnightblue\:15 { color: hsl(240, 64%, 85%) } +html.var .sf-c-txt-midnightblue\:20 { color: hsl(240, 64%, 80%) } +html.var .sf-c-txt-midnightblue\:25 { color: hsl(240, 64%, 75%) } +html.var .sf-c-txt-midnightblue\:30 { color: hsl(240, 64%, 70%) } +html.var .sf-c-txt-midnightblue\:35 { color: hsl(240, 64%, 65%) } +html.var .sf-c-txt-midnightblue\:40 { color: hsl(240, 64%, 60%) } +html.var .sf-c-txt-midnightblue\:45 { color: hsl(240, 64%, 55%) } +html.var .sf-c-txt-midnightblue\:50 { color: hsl(240, 64%, 50%) } +html.var .sf-c-txt-midnightblue\:55 { color: hsl(240, 64%, 45%) } +html.var .sf-c-txt-midnightblue\:60 { color: hsl(240, 64%, 40%) } +html.var .sf-c-txt-midnightblue\:65 { color: hsl(240, 64%, 35%) } +html.var .sf-c-txt-midnightblue\:70 { color: hsl(240, 64%, 30%) } +html.var .sf-c-txt-midnightblue\:75 { color: hsl(240, 64%, 25%) } +html.var .sf-c-txt-midnightblue\:80 { color: hsl(240, 64%, 20%) } +html.var .sf-c-txt-midnightblue\:85 { color: hsl(240, 64%, 15%) } +html.var .sf-c-txt-midnightblue\:90 { color: hsl(240, 64%, 10%) } +html.var .sf-c-txt-midnightblue\:95 { color: hsl(240, 64%, 5%) } +html.var .sf-c-txt-midnightblue\:100 { color: hsl(240, 64%, 0%) } + html[data-theme='dark'] .sf-c-midnightblue, html.dark .sf-c-midnightblue { color: hsl(var(--sf-dark-c-txt-midnightblue-5)); background: hsl(var(--sf-dark-c-midnightblue)) } html[data-theme='dark'] .sf-c-midnightblue\:0, html.dark .sf-c-midnightblue\:0 { color: hsl(var(--sf-dark-c-txt-midnightblue-95)); background: hsl(var(--sf-dark-c-midnightblue-100)) } html[data-theme='dark'] .sf-c-midnightblue\:5, html.dark .sf-c-midnightblue\:5 { color: hsl(var(--sf-dark-c-txt-midnightblue-5)); background: hsl(var(--sf-dark-c-midnightblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-midnightblue\:90\:dark, html.dark .sf-c-midnightbl html[data-theme='dark'] .sf-c-midnightblue\:95\:dark, html.dark .sf-c-midnightblue\:95\:dark { color: hsl(var(--sf-c-txt-midnightblue-95)); background: hsl(var(--sf-c-midnightblue-5)) } html[data-theme='dark'] .sf-c-midnightblue\:100\:dark, html.dark .sf-c-midnightblue\:100\:dark { color: hsl(var(--sf-c-txt-midnightblue-95)); background: hsl(var(--sf-c-midnightblue-0)) } +html[data-theme='dark'] .sf-c-txt-midnightblue, html.dark .sf-c-txt-midnightblue { color: hsl(var(--sf-c-txt-midnightblue)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:0, html.dark .sf-c-txt-midnightblue\:0 { color: hsl(var(--sf-c-txt-midnightblue-0)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:5, html.dark .sf-c-txt-midnightblue\:5 { color: hsl(var(--sf-c-txt-midnightblue-5)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:10, html.dark .sf-c-txt-midnightblue\:10 { color: hsl(var(--sf-c-txt-midnightblue-10)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:15, html.dark .sf-c-txt-midnightblue\:15 { color: hsl(var(--sf-c-txt-midnightblue-15)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:20, html.dark .sf-c-txt-midnightblue\:20 { color: hsl(var(--sf-c-txt-midnightblue-20)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:25, html.dark .sf-c-txt-midnightblue\:25 { color: hsl(var(--sf-c-txt-midnightblue-25)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:30, html.dark .sf-c-txt-midnightblue\:30 { color: hsl(var(--sf-c-txt-midnightblue-30)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:35, html.dark .sf-c-txt-midnightblue\:35 { color: hsl(var(--sf-c-txt-midnightblue-35)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:40, html.dark .sf-c-txt-midnightblue\:40 { color: hsl(var(--sf-c-txt-midnightblue-40)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:45, html.dark .sf-c-txt-midnightblue\:45 { color: hsl(var(--sf-c-txt-midnightblue-45)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:50, html.dark .sf-c-txt-midnightblue\:50 { color: hsl(var(--sf-c-txt-midnightblue-50)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:55, html.dark .sf-c-txt-midnightblue\:55 { color: hsl(var(--sf-c-txt-midnightblue-55)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:60, html.dark .sf-c-txt-midnightblue\:60 { color: hsl(var(--sf-c-txt-midnightblue-60)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:65, html.dark .sf-c-txt-midnightblue\:65 { color: hsl(var(--sf-c-txt-midnightblue-65)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:70, html.dark .sf-c-txt-midnightblue\:70 { color: hsl(var(--sf-c-txt-midnightblue-70)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:75, html.dark .sf-c-txt-midnightblue\:75 { color: hsl(var(--sf-c-txt-midnightblue-75)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:80, html.dark .sf-c-txt-midnightblue\:80 { color: hsl(var(--sf-c-txt-midnightblue-80)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:85, html.dark .sf-c-txt-midnightblue\:85 { color: hsl(var(--sf-c-txt-midnightblue-85)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:90, html.dark .sf-c-txt-midnightblue\:90 { color: hsl(var(--sf-c-txt-midnightblue-90)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:95, html.dark .sf-c-txt-midnightblue\:95 { color: hsl(var(--sf-c-txt-midnightblue-95)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:100, html.dark .sf-c-txt-midnightblue\:100 { color: hsl(var(--sf-c-txt-midnightblue-100)) } + +html[data-theme='dark'] .sf-c-txt-midnightblue\:dark, html.dark .sf-c-txt-midnightblue\:dark { color: hsl(var(--sf-c-txt-midnightblue)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:0\:dark, html.dark .sf-c-txt-midnightblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-0)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:5\:dark, html.dark .sf-c-txt-midnightblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-5)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:10\:dark, html.dark .sf-c-txt-midnightblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-10)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:15\:dark, html.dark .sf-c-txt-midnightblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-15)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:20\:dark, html.dark .sf-c-txt-midnightblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-20)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:25\:dark, html.dark .sf-c-txt-midnightblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-25)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:30\:dark, html.dark .sf-c-txt-midnightblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-30)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:35\:dark, html.dark .sf-c-txt-midnightblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-35)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:40\:dark, html.dark .sf-c-txt-midnightblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-40)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:45\:dark, html.dark .sf-c-txt-midnightblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-45)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:50\:dark, html.dark .sf-c-txt-midnightblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-50)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:55\:dark, html.dark .sf-c-txt-midnightblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-55)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:60\:dark, html.dark .sf-c-txt-midnightblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-60)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:65\:dark, html.dark .sf-c-txt-midnightblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-65)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:70\:dark, html.dark .sf-c-txt-midnightblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-70)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:75\:dark, html.dark .sf-c-txt-midnightblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-75)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:80\:dark, html.dark .sf-c-txt-midnightblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-80)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:85\:dark, html.dark .sf-c-txt-midnightblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-85)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:90\:dark, html.dark .sf-c-txt-midnightblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-90)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:95\:dark, html.dark .sf-c-txt-midnightblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-95)) } +html[data-theme='dark'] .sf-c-txt-midnightblue\:100\:dark, html.dark .sf-c-txt-midnightblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-midnightblue-100)) } + html.var[data-theme='dark'] .sf-c-midnightblue, html.var.dark .sf-c-midnightblue { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 73%) } html.var[data-theme='dark'] .sf-c-midnightblue\:0, html.var.dark .sf-c-midnightblue\:0 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 100%) } html.var[data-theme='dark'] .sf-c-midnightblue\:5, html.var.dark .sf-c-midnightblue\:5 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-midnightblue\:90\:dark, html.var.dark .sf-c-mi html.var[data-theme='dark'] .sf-c-midnightblue\:95\:dark, html.var.dark .sf-c-midnightblue\:95\:dark { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 5%) } html.var[data-theme='dark'] .sf-c-midnightblue\:100\:dark, html.var.dark .sf-c-midnightblue\:100\:dark { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue, html.dark .sf-c-txt-midnightblue { color: hsl(240, 64%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:0, html.dark .sf-c-txt-midnightblue\:0 { color: hsl(240, 64%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:5, html.dark .sf-c-txt-midnightblue\:5 { color: hsl(240, 64%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:10, html.dark .sf-c-txt-midnightblue\:10 { color: hsl(240, 64%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:15, html.dark .sf-c-txt-midnightblue\:15 { color: hsl(240, 64%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:20, html.dark .sf-c-txt-midnightblue\:20 { color: hsl(240, 64%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:25, html.dark .sf-c-txt-midnightblue\:25 { color: hsl(240, 64%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:30, html.dark .sf-c-txt-midnightblue\:30 { color: hsl(240, 64%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:35, html.dark .sf-c-txt-midnightblue\:35 { color: hsl(240, 64%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:40, html.dark .sf-c-txt-midnightblue\:40 { color: hsl(240, 64%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:45, html.dark .sf-c-txt-midnightblue\:45 { color: hsl(240, 64%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:50, html.dark .sf-c-txt-midnightblue\:50 { color: hsl(240, 64%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:55, html.dark .sf-c-txt-midnightblue\:55 { color: hsl(240, 64%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:60, html.dark .sf-c-txt-midnightblue\:60 { color: hsl(240, 64%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:65, html.dark .sf-c-txt-midnightblue\:65 { color: hsl(240, 64%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:70, html.dark .sf-c-txt-midnightblue\:70 { color: hsl(240, 64%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:75, html.dark .sf-c-txt-midnightblue\:75 { color: hsl(240, 64%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:80, html.dark .sf-c-txt-midnightblue\:80 { color: hsl(240, 64%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:85, html.dark .sf-c-txt-midnightblue\:85 { color: hsl(240, 64%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:90, html.dark .sf-c-txt-midnightblue\:90 { color: hsl(240, 64%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:95, html.dark .sf-c-txt-midnightblue\:95 { color: hsl(240, 64%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:100, html.dark .sf-c-txt-midnightblue\:100 { color: hsl(240, 64%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:dark, html.dark .sf-c-txt-midnightblue\:dark { color: hsl(240, 64%, 27%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:0\:dark, html.dark .sf-c-txt-midnightblue\:0\:dark { color: hsl(240, 64%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:5\:dark, html.dark .sf-c-txt-midnightblue\:5\:dark { color: hsl(240, 64%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:10\:dark, html.dark .sf-c-txt-midnightblue\:10\:dark { color: hsl(240, 64%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:15\:dark, html.dark .sf-c-txt-midnightblue\:15\:dark { color: hsl(240, 64%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:20\:dark, html.dark .sf-c-txt-midnightblue\:20\:dark { color: hsl(240, 64%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:25\:dark, html.dark .sf-c-txt-midnightblue\:25\:dark { color: hsl(240, 64%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:30\:dark, html.dark .sf-c-txt-midnightblue\:30\:dark { color: hsl(240, 64%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:35\:dark, html.dark .sf-c-txt-midnightblue\:35\:dark { color: hsl(240, 64%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:40\:dark, html.dark .sf-c-txt-midnightblue\:40\:dark { color: hsl(240, 64%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:45\:dark, html.dark .sf-c-txt-midnightblue\:45\:dark { color: hsl(240, 64%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:50\:dark, html.dark .sf-c-txt-midnightblue\:50\:dark { color: hsl(240, 64%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:55\:dark, html.dark .sf-c-txt-midnightblue\:55\:dark { color: hsl(240, 64%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:60\:dark, html.dark .sf-c-txt-midnightblue\:60\:dark { color: hsl(240, 64%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:65\:dark, html.dark .sf-c-txt-midnightblue\:65\:dark { color: hsl(240, 64%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:70\:dark, html.dark .sf-c-txt-midnightblue\:70\:dark { color: hsl(240, 64%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:75\:dark, html.dark .sf-c-txt-midnightblue\:75\:dark { color: hsl(240, 64%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:80\:dark, html.dark .sf-c-txt-midnightblue\:80\:dark { color: hsl(240, 64%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:85\:dark, html.dark .sf-c-txt-midnightblue\:85\:dark { color: hsl(240, 64%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:90\:dark, html.dark .sf-c-txt-midnightblue\:90\:dark { color: hsl(240, 64%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:95\:dark, html.dark .sf-c-txt-midnightblue\:95\:dark { color: hsl(240, 64%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-midnightblue\:100\:dark, html.dark .sf-c-txt-midnightblue\:100\:dark { color: hsl(240, 64%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-midnightblue, html.auto .sf-c-midnightblue { color: hsl(var(--sf-dark-c-txt-midnightblue-5)); background: hsl(var(--sf-dark-c-midnightblue)) } html[data-theme='auto'] .sf-c-midnightblue\:0, html.auto .sf-c-midnightblue\:0 { color: hsl(var(--sf-dark-c-txt-midnightblue-95)); background: hsl(var(--sf-dark-c-midnightblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-midnightblue\:100\:dark, html.var.dark .sf-c-m html[data-theme='auto'] .sf-c-midnightblue\:95\:dark, html.auto .sf-c-midnightblue\:95\:dark { color: hsl(var(--sf-c-txt-midnightblue-95)); background: hsl(var(--sf-c-midnightblue-5)) } html[data-theme='auto'] .sf-c-midnightblue\:100\:dark, html.auto .sf-c-midnightblue\:100\:dark { color: hsl(var(--sf-c-txt-midnightblue-95)); background: hsl(var(--sf-c-midnightblue-0)) } + html[data-theme='auto'] .sf-c-txt-midnightblue, html.auto .sf-c-txt-midnightblue { color: hsl(var(--sf-c-txt-midnightblue)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:0, html.auto .sf-c-txt-midnightblue\:0 { color: hsl(var(--sf-c-txt-midnightblue-0)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:5, html.auto .sf-c-txt-midnightblue\:5 { color: hsl(var(--sf-c-txt-midnightblue-5)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:10, html.auto .sf-c-txt-midnightblue\:10 { color: hsl(var(--sf-c-txt-midnightblue-10)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:15, html.auto .sf-c-txt-midnightblue\:15 { color: hsl(var(--sf-c-txt-midnightblue-15)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:20, html.auto .sf-c-txt-midnightblue\:20 { color: hsl(var(--sf-c-txt-midnightblue-20)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:25, html.auto .sf-c-txt-midnightblue\:25 { color: hsl(var(--sf-c-txt-midnightblue-25)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:30, html.auto .sf-c-txt-midnightblue\:30 { color: hsl(var(--sf-c-txt-midnightblue-30)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:35, html.auto .sf-c-txt-midnightblue\:35 { color: hsl(var(--sf-c-txt-midnightblue-35)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:40, html.auto .sf-c-txt-midnightblue\:40 { color: hsl(var(--sf-c-txt-midnightblue-40)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:45, html.auto .sf-c-txt-midnightblue\:45 { color: hsl(var(--sf-c-txt-midnightblue-45)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:50, html.auto .sf-c-txt-midnightblue\:50 { color: hsl(var(--sf-c-txt-midnightblue-50)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:55, html.auto .sf-c-txt-midnightblue\:55 { color: hsl(var(--sf-c-txt-midnightblue-55)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:60, html.auto .sf-c-txt-midnightblue\:60 { color: hsl(var(--sf-c-txt-midnightblue-60)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:65, html.auto .sf-c-txt-midnightblue\:65 { color: hsl(var(--sf-c-txt-midnightblue-65)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:70, html.auto .sf-c-txt-midnightblue\:70 { color: hsl(var(--sf-c-txt-midnightblue-70)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:75, html.auto .sf-c-txt-midnightblue\:75 { color: hsl(var(--sf-c-txt-midnightblue-75)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:80, html.auto .sf-c-txt-midnightblue\:80 { color: hsl(var(--sf-c-txt-midnightblue-80)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:85, html.auto .sf-c-txt-midnightblue\:85 { color: hsl(var(--sf-c-txt-midnightblue-85)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:90, html.auto .sf-c-txt-midnightblue\:90 { color: hsl(var(--sf-c-txt-midnightblue-90)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:95, html.auto .sf-c-txt-midnightblue\:95 { color: hsl(var(--sf-c-txt-midnightblue-95)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:100, html.auto .sf-c-txt-midnightblue\:100 { color: hsl(var(--sf-c-txt-midnightblue-100)) } + + html[data-theme='auto'] .sf-c-txt-midnightblue\:dark, html.auto .sf-c-txt-midnightblue\:dark { color: hsl(var(--sf-c-txt-midnightblue)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:0\:dark, html.auto .sf-c-txt-midnightblue\:0\:dark { color: hsl(var(--sf-c-txt-midnightblue-0)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:5\:dark, html.auto .sf-c-txt-midnightblue\:5\:dark { color: hsl(var(--sf-c-txt-midnightblue-5)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:10\:dark, html.auto .sf-c-txt-midnightblue\:10\:dark { color: hsl(var(--sf-c-txt-midnightblue-10)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:15\:dark, html.auto .sf-c-txt-midnightblue\:15\:dark { color: hsl(var(--sf-c-txt-midnightblue-15)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:20\:dark, html.auto .sf-c-txt-midnightblue\:20\:dark { color: hsl(var(--sf-c-txt-midnightblue-20)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:25\:dark, html.auto .sf-c-txt-midnightblue\:25\:dark { color: hsl(var(--sf-c-txt-midnightblue-25)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:30\:dark, html.auto .sf-c-txt-midnightblue\:30\:dark { color: hsl(var(--sf-c-txt-midnightblue-30)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:35\:dark, html.auto .sf-c-txt-midnightblue\:35\:dark { color: hsl(var(--sf-c-txt-midnightblue-35)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:40\:dark, html.auto .sf-c-txt-midnightblue\:40\:dark { color: hsl(var(--sf-c-txt-midnightblue-40)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:45\:dark, html.auto .sf-c-txt-midnightblue\:45\:dark { color: hsl(var(--sf-c-txt-midnightblue-45)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:50\:dark, html.auto .sf-c-txt-midnightblue\:50\:dark { color: hsl(var(--sf-c-txt-midnightblue-50)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:55\:dark, html.auto .sf-c-txt-midnightblue\:55\:dark { color: hsl(var(--sf-c-txt-midnightblue-55)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:60\:dark, html.auto .sf-c-txt-midnightblue\:60\:dark { color: hsl(var(--sf-c-txt-midnightblue-60)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:65\:dark, html.auto .sf-c-txt-midnightblue\:65\:dark { color: hsl(var(--sf-c-txt-midnightblue-65)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:70\:dark, html.auto .sf-c-txt-midnightblue\:70\:dark { color: hsl(var(--sf-c-txt-midnightblue-70)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:75\:dark, html.auto .sf-c-txt-midnightblue\:75\:dark { color: hsl(var(--sf-c-txt-midnightblue-75)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:80\:dark, html.auto .sf-c-txt-midnightblue\:80\:dark { color: hsl(var(--sf-c-txt-midnightblue-80)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:85\:dark, html.auto .sf-c-txt-midnightblue\:85\:dark { color: hsl(var(--sf-c-txt-midnightblue-85)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:90\:dark, html.auto .sf-c-txt-midnightblue\:90\:dark { color: hsl(var(--sf-c-txt-midnightblue-90)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:95\:dark, html.auto .sf-c-txt-midnightblue\:95\:dark { color: hsl(var(--sf-c-txt-midnightblue-95)) } + html[data-theme='auto'] .sf-c-txt-midnightblue\:100\:dark, html.auto .sf-c-txt-midnightblue\:100\:dark { color: hsl(var(--sf-c-txt-midnightblue-100)) } + html.var[data-theme='auto'] .sf-c-midnightblue, html.var.auto .sf-c-midnightblue { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 73%) } html.var[data-theme='auto'] .sf-c-midnightblue\:0, html.var.auto .sf-c-midnightblue\:0 { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 100%) } html.var[data-theme='auto'] .sf-c-midnightblue\:5, html.var.auto .sf-c-midnightblue\:5 { color: hsl(240, 64%, 5%); background: hsl(240, 64%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-midnightblue\:100\:dark, html.var.dark .sf-c-m html.var[data-theme='auto'] .sf-c-midnightblue\:90\:dark, html.var.auto .sf-c-midnightblue\:90\:dark { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 10%) } html.var[data-theme='auto'] .sf-c-midnightblue\:95\:dark, html.var.auto .sf-c-midnightblue\:95\:dark { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 5%) } html.var[data-theme='auto'] .sf-c-midnightblue\:100\:dark, html.var.auto .sf-c-midnightblue\:100\:dark { color: hsl(240, 64%, 95%); background: hsl(240, 64%, 0%) } -} -.sf-c-txt-midnightblue { color: hsl(var(--sf-c-txt-midnightblue)) } -.sf-c-txt-midnightblue\:0 { color: hsl(var(--sf-c-txt-midnightblue-0)) } -.sf-c-txt-midnightblue\:5 { color: hsl(var(--sf-c-txt-midnightblue-5)) } -.sf-c-txt-midnightblue\:10 { color: hsl(var(--sf-c-txt-midnightblue-10)) } -.sf-c-txt-midnightblue\:15 { color: hsl(var(--sf-c-txt-midnightblue-15)) } -.sf-c-txt-midnightblue\:20 { color: hsl(var(--sf-c-txt-midnightblue-20)) } -.sf-c-txt-midnightblue\:25 { color: hsl(var(--sf-c-txt-midnightblue-25)) } -.sf-c-txt-midnightblue\:30 { color: hsl(var(--sf-c-txt-midnightblue-30)) } -.sf-c-txt-midnightblue\:35 { color: hsl(var(--sf-c-txt-midnightblue-35)) } -.sf-c-txt-midnightblue\:40 { color: hsl(var(--sf-c-txt-midnightblue-40)) } -.sf-c-txt-midnightblue\:45 { color: hsl(var(--sf-c-txt-midnightblue-45)) } -.sf-c-txt-midnightblue\:50 { color: hsl(var(--sf-c-txt-midnightblue-50)) } -.sf-c-txt-midnightblue\:55 { color: hsl(var(--sf-c-txt-midnightblue-55)) } -.sf-c-txt-midnightblue\:60 { color: hsl(var(--sf-c-txt-midnightblue-60)) } -.sf-c-txt-midnightblue\:65 { color: hsl(var(--sf-c-txt-midnightblue-65)) } -.sf-c-txt-midnightblue\:70 { color: hsl(var(--sf-c-txt-midnightblue-70)) } -.sf-c-txt-midnightblue\:75 { color: hsl(var(--sf-c-txt-midnightblue-75)) } -.sf-c-txt-midnightblue\:80 { color: hsl(var(--sf-c-txt-midnightblue-80)) } -.sf-c-txt-midnightblue\:85 { color: hsl(var(--sf-c-txt-midnightblue-85)) } -.sf-c-txt-midnightblue\:90 { color: hsl(var(--sf-c-txt-midnightblue-90)) } -.sf-c-txt-midnightblue\:95 { color: hsl(var(--sf-c-txt-midnightblue-95)) } -.sf-c-txt-midnightblue\:100 { color: hsl(var(--sf-c-txt-midnightblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-midnightblue, html.auto .sf-c-txt-midnightblue { color: hsl(240, 64%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:0, html.auto .sf-c-txt-midnightblue\:0 { color: hsl(240, 64%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:5, html.auto .sf-c-txt-midnightblue\:5 { color: hsl(240, 64%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:10, html.auto .sf-c-txt-midnightblue\:10 { color: hsl(240, 64%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:15, html.auto .sf-c-txt-midnightblue\:15 { color: hsl(240, 64%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:20, html.auto .sf-c-txt-midnightblue\:20 { color: hsl(240, 64%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:25, html.auto .sf-c-txt-midnightblue\:25 { color: hsl(240, 64%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:30, html.auto .sf-c-txt-midnightblue\:30 { color: hsl(240, 64%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:35, html.auto .sf-c-txt-midnightblue\:35 { color: hsl(240, 64%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:40, html.auto .sf-c-txt-midnightblue\:40 { color: hsl(240, 64%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:45, html.auto .sf-c-txt-midnightblue\:45 { color: hsl(240, 64%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:50, html.auto .sf-c-txt-midnightblue\:50 { color: hsl(240, 64%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:55, html.auto .sf-c-txt-midnightblue\:55 { color: hsl(240, 64%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:60, html.auto .sf-c-txt-midnightblue\:60 { color: hsl(240, 64%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:65, html.auto .sf-c-txt-midnightblue\:65 { color: hsl(240, 64%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:70, html.auto .sf-c-txt-midnightblue\:70 { color: hsl(240, 64%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:75, html.auto .sf-c-txt-midnightblue\:75 { color: hsl(240, 64%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:80, html.auto .sf-c-txt-midnightblue\:80 { color: hsl(240, 64%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:85, html.auto .sf-c-txt-midnightblue\:85 { color: hsl(240, 64%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:90, html.auto .sf-c-txt-midnightblue\:90 { color: hsl(240, 64%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:95, html.auto .sf-c-txt-midnightblue\:95 { color: hsl(240, 64%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:100, html.auto .sf-c-txt-midnightblue\:100 { color: hsl(240, 64%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:dark, html.auto .sf-c-txt-midnightblue\:dark { color: hsl(240, 64%, 27%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:0\:dark, html.auto .sf-c-txt-midnightblue\:0\:dark { color: hsl(240, 64%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:5\:dark, html.auto .sf-c-txt-midnightblue\:5\:dark { color: hsl(240, 64%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:10\:dark, html.auto .sf-c-txt-midnightblue\:10\:dark { color: hsl(240, 64%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:15\:dark, html.auto .sf-c-txt-midnightblue\:15\:dark { color: hsl(240, 64%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:20\:dark, html.auto .sf-c-txt-midnightblue\:20\:dark { color: hsl(240, 64%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:25\:dark, html.auto .sf-c-txt-midnightblue\:25\:dark { color: hsl(240, 64%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:30\:dark, html.auto .sf-c-txt-midnightblue\:30\:dark { color: hsl(240, 64%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:35\:dark, html.auto .sf-c-txt-midnightblue\:35\:dark { color: hsl(240, 64%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:40\:dark, html.auto .sf-c-txt-midnightblue\:40\:dark { color: hsl(240, 64%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:45\:dark, html.auto .sf-c-txt-midnightblue\:45\:dark { color: hsl(240, 64%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:50\:dark, html.auto .sf-c-txt-midnightblue\:50\:dark { color: hsl(240, 64%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:55\:dark, html.auto .sf-c-txt-midnightblue\:55\:dark { color: hsl(240, 64%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:60\:dark, html.auto .sf-c-txt-midnightblue\:60\:dark { color: hsl(240, 64%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:65\:dark, html.auto .sf-c-txt-midnightblue\:65\:dark { color: hsl(240, 64%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:70\:dark, html.auto .sf-c-txt-midnightblue\:70\:dark { color: hsl(240, 64%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:75\:dark, html.auto .sf-c-txt-midnightblue\:75\:dark { color: hsl(240, 64%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:80\:dark, html.auto .sf-c-txt-midnightblue\:80\:dark { color: hsl(240, 64%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:85\:dark, html.auto .sf-c-txt-midnightblue\:85\:dark { color: hsl(240, 64%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:90\:dark, html.auto .sf-c-txt-midnightblue\:90\:dark { color: hsl(240, 64%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:95\:dark, html.auto .sf-c-txt-midnightblue\:95\:dark { color: hsl(240, 64%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-midnightblue\:100\:dark, html.auto .sf-c-txt-midnightblue\:100\:dark { color: hsl(240, 64%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/mintcream.css b/src/colors/20/mintcream.css index 9d469e0..a80cd82 100644 --- a/src/colors/20/mintcream.css +++ b/src/colors/20/mintcream.css @@ -138,6 +138,52 @@ html.var .sf-c-mintcream\:90 { color: hsl(150, 100%, 5%); background: hsl(150, 1 html.var .sf-c-mintcream\:95 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } html.var .sf-c-mintcream\:100 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 100%) } +.sf-c-txt-mintcream { color: hsl(var(--sf-dark-c-txt-mintcream)) } +.sf-c-txt-mintcream\:0 { color: hsl(var(--sf-dark-c-txt-mintcream-100)) } +.sf-c-txt-mintcream\:5 { color: hsl(var(--sf-dark-c-txt-mintcream-95)) } +.sf-c-txt-mintcream\:10 { color: hsl(var(--sf-dark-c-txt-mintcream-90)) } +.sf-c-txt-mintcream\:15 { color: hsl(var(--sf-dark-c-txt-mintcream-85)) } +.sf-c-txt-mintcream\:20 { color: hsl(var(--sf-dark-c-txt-mintcream-80)) } +.sf-c-txt-mintcream\:25 { color: hsl(var(--sf-dark-c-txt-mintcream-75)) } +.sf-c-txt-mintcream\:30 { color: hsl(var(--sf-dark-c-txt-mintcream-70)) } +.sf-c-txt-mintcream\:35 { color: hsl(var(--sf-dark-c-txt-mintcream-65)) } +.sf-c-txt-mintcream\:40 { color: hsl(var(--sf-dark-c-txt-mintcream-60)) } +.sf-c-txt-mintcream\:45 { color: hsl(var(--sf-dark-c-txt-mintcream-55)) } +.sf-c-txt-mintcream\:50 { color: hsl(var(--sf-dark-c-txt-mintcream-50)) } +.sf-c-txt-mintcream\:55 { color: hsl(var(--sf-dark-c-txt-mintcream-45)) } +.sf-c-txt-mintcream\:60 { color: hsl(var(--sf-dark-c-txt-mintcream-40)) } +.sf-c-txt-mintcream\:65 { color: hsl(var(--sf-dark-c-txt-mintcream-35)) } +.sf-c-txt-mintcream\:70 { color: hsl(var(--sf-dark-c-txt-mintcream-30)) } +.sf-c-txt-mintcream\:75 { color: hsl(var(--sf-dark-c-txt-mintcream-25)) } +.sf-c-txt-mintcream\:80 { color: hsl(var(--sf-dark-c-txt-mintcream-20)) } +.sf-c-txt-mintcream\:85 { color: hsl(var(--sf-dark-c-txt-mintcream-15)) } +.sf-c-txt-mintcream\:90 { color: hsl(var(--sf-dark-c-txt-mintcream-10)) } +.sf-c-txt-mintcream\:95 { color: hsl(var(--sf-dark-c-txt-mintcream-5)) } +.sf-c-txt-mintcream\:100 { color: hsl(var(--sf-dark-c-txt-mintcream-0)) } + +html.var .sf-c-txt-mintcream { color: hsl(150, 100%, 2%) } +html.var .sf-c-txt-mintcream\:0 { color: hsl(150, 100%, 100%) } +html.var .sf-c-txt-mintcream\:5 { color: hsl(150, 100%, 95%) } +html.var .sf-c-txt-mintcream\:10 { color: hsl(150, 100%, 90%) } +html.var .sf-c-txt-mintcream\:15 { color: hsl(150, 100%, 85%) } +html.var .sf-c-txt-mintcream\:20 { color: hsl(150, 100%, 80%) } +html.var .sf-c-txt-mintcream\:25 { color: hsl(150, 100%, 75%) } +html.var .sf-c-txt-mintcream\:30 { color: hsl(150, 100%, 70%) } +html.var .sf-c-txt-mintcream\:35 { color: hsl(150, 100%, 65%) } +html.var .sf-c-txt-mintcream\:40 { color: hsl(150, 100%, 60%) } +html.var .sf-c-txt-mintcream\:45 { color: hsl(150, 100%, 55%) } +html.var .sf-c-txt-mintcream\:50 { color: hsl(150, 100%, 50%) } +html.var .sf-c-txt-mintcream\:55 { color: hsl(150, 100%, 45%) } +html.var .sf-c-txt-mintcream\:60 { color: hsl(150, 100%, 40%) } +html.var .sf-c-txt-mintcream\:65 { color: hsl(150, 100%, 35%) } +html.var .sf-c-txt-mintcream\:70 { color: hsl(150, 100%, 30%) } +html.var .sf-c-txt-mintcream\:75 { color: hsl(150, 100%, 25%) } +html.var .sf-c-txt-mintcream\:80 { color: hsl(150, 100%, 20%) } +html.var .sf-c-txt-mintcream\:85 { color: hsl(150, 100%, 15%) } +html.var .sf-c-txt-mintcream\:90 { color: hsl(150, 100%, 10%) } +html.var .sf-c-txt-mintcream\:95 { color: hsl(150, 100%, 5%) } +html.var .sf-c-txt-mintcream\:100 { color: hsl(150, 100%, 0%) } + html[data-theme='dark'] .sf-c-mintcream, html.dark .sf-c-mintcream { color: hsl(var(--sf-dark-c-txt-mintcream-95)); background: hsl(var(--sf-dark-c-mintcream)) } html[data-theme='dark'] .sf-c-mintcream\:0, html.dark .sf-c-mintcream\:0 { color: hsl(var(--sf-dark-c-txt-mintcream-95)); background: hsl(var(--sf-dark-c-mintcream-100)) } html[data-theme='dark'] .sf-c-mintcream\:5, html.dark .sf-c-mintcream\:5 { color: hsl(var(--sf-dark-c-txt-mintcream-5)); background: hsl(var(--sf-dark-c-mintcream-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-mintcream\:90\:dark, html.dark .sf-c-mintcream\:90 html[data-theme='dark'] .sf-c-mintcream\:95\:dark, html.dark .sf-c-mintcream\:95\:dark { color: hsl(var(--sf-c-txt-mintcream-95)); background: hsl(var(--sf-c-mintcream-5)) } html[data-theme='dark'] .sf-c-mintcream\:100\:dark, html.dark .sf-c-mintcream\:100\:dark { color: hsl(var(--sf-c-txt-mintcream-95)); background: hsl(var(--sf-c-mintcream-0)) } +html[data-theme='dark'] .sf-c-txt-mintcream, html.dark .sf-c-txt-mintcream { color: hsl(var(--sf-c-txt-mintcream)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:0, html.dark .sf-c-txt-mintcream\:0 { color: hsl(var(--sf-c-txt-mintcream-0)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:5, html.dark .sf-c-txt-mintcream\:5 { color: hsl(var(--sf-c-txt-mintcream-5)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:10, html.dark .sf-c-txt-mintcream\:10 { color: hsl(var(--sf-c-txt-mintcream-10)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:15, html.dark .sf-c-txt-mintcream\:15 { color: hsl(var(--sf-c-txt-mintcream-15)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:20, html.dark .sf-c-txt-mintcream\:20 { color: hsl(var(--sf-c-txt-mintcream-20)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:25, html.dark .sf-c-txt-mintcream\:25 { color: hsl(var(--sf-c-txt-mintcream-25)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:30, html.dark .sf-c-txt-mintcream\:30 { color: hsl(var(--sf-c-txt-mintcream-30)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:35, html.dark .sf-c-txt-mintcream\:35 { color: hsl(var(--sf-c-txt-mintcream-35)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:40, html.dark .sf-c-txt-mintcream\:40 { color: hsl(var(--sf-c-txt-mintcream-40)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:45, html.dark .sf-c-txt-mintcream\:45 { color: hsl(var(--sf-c-txt-mintcream-45)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:50, html.dark .sf-c-txt-mintcream\:50 { color: hsl(var(--sf-c-txt-mintcream-50)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:55, html.dark .sf-c-txt-mintcream\:55 { color: hsl(var(--sf-c-txt-mintcream-55)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:60, html.dark .sf-c-txt-mintcream\:60 { color: hsl(var(--sf-c-txt-mintcream-60)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:65, html.dark .sf-c-txt-mintcream\:65 { color: hsl(var(--sf-c-txt-mintcream-65)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:70, html.dark .sf-c-txt-mintcream\:70 { color: hsl(var(--sf-c-txt-mintcream-70)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:75, html.dark .sf-c-txt-mintcream\:75 { color: hsl(var(--sf-c-txt-mintcream-75)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:80, html.dark .sf-c-txt-mintcream\:80 { color: hsl(var(--sf-c-txt-mintcream-80)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:85, html.dark .sf-c-txt-mintcream\:85 { color: hsl(var(--sf-c-txt-mintcream-85)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:90, html.dark .sf-c-txt-mintcream\:90 { color: hsl(var(--sf-c-txt-mintcream-90)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:95, html.dark .sf-c-txt-mintcream\:95 { color: hsl(var(--sf-c-txt-mintcream-95)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:100, html.dark .sf-c-txt-mintcream\:100 { color: hsl(var(--sf-c-txt-mintcream-100)) } + +html[data-theme='dark'] .sf-c-txt-mintcream\:dark, html.dark .sf-c-txt-mintcream\:dark { color: hsl(var(--sf-c-txt-mintcream)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:0\:dark, html.dark .sf-c-txt-mintcream\:0\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-0)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:5\:dark, html.dark .sf-c-txt-mintcream\:5\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-5)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:10\:dark, html.dark .sf-c-txt-mintcream\:10\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-10)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:15\:dark, html.dark .sf-c-txt-mintcream\:15\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-15)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:20\:dark, html.dark .sf-c-txt-mintcream\:20\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-20)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:25\:dark, html.dark .sf-c-txt-mintcream\:25\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-25)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:30\:dark, html.dark .sf-c-txt-mintcream\:30\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-30)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:35\:dark, html.dark .sf-c-txt-mintcream\:35\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-35)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:40\:dark, html.dark .sf-c-txt-mintcream\:40\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-40)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:45\:dark, html.dark .sf-c-txt-mintcream\:45\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-45)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:50\:dark, html.dark .sf-c-txt-mintcream\:50\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-50)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:55\:dark, html.dark .sf-c-txt-mintcream\:55\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-55)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:60\:dark, html.dark .sf-c-txt-mintcream\:60\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-60)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:65\:dark, html.dark .sf-c-txt-mintcream\:65\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-65)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:70\:dark, html.dark .sf-c-txt-mintcream\:70\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-70)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:75\:dark, html.dark .sf-c-txt-mintcream\:75\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-75)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:80\:dark, html.dark .sf-c-txt-mintcream\:80\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-80)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:85\:dark, html.dark .sf-c-txt-mintcream\:85\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-85)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:90\:dark, html.dark .sf-c-txt-mintcream\:90\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-90)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:95\:dark, html.dark .sf-c-txt-mintcream\:95\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-95)) } +html[data-theme='dark'] .sf-c-txt-mintcream\:100\:dark, html.dark .sf-c-txt-mintcream\:100\:dark { color: hsl(var(--sf-dark-c-txt-mintcream-100)) } + html.var[data-theme='dark'] .sf-c-mintcream, html.var.dark .sf-c-mintcream { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 2%) } html.var[data-theme='dark'] .sf-c-mintcream\:0, html.var.dark .sf-c-mintcream\:0 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 100%) } html.var[data-theme='dark'] .sf-c-mintcream\:5, html.var.dark .sf-c-mintcream\:5 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-mintcream\:90\:dark, html.var.dark .sf-c-mintc html.var[data-theme='dark'] .sf-c-mintcream\:95\:dark, html.var.dark .sf-c-mintcream\:95\:dark { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 5%) } html.var[data-theme='dark'] .sf-c-mintcream\:100\:dark, html.var.dark .sf-c-mintcream\:100\:dark { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream, html.dark .sf-c-txt-mintcream { color: hsl(150, 100%, 98%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:0, html.dark .sf-c-txt-mintcream\:0 { color: hsl(150, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:5, html.dark .sf-c-txt-mintcream\:5 { color: hsl(150, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:10, html.dark .sf-c-txt-mintcream\:10 { color: hsl(150, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:15, html.dark .sf-c-txt-mintcream\:15 { color: hsl(150, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:20, html.dark .sf-c-txt-mintcream\:20 { color: hsl(150, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:25, html.dark .sf-c-txt-mintcream\:25 { color: hsl(150, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:30, html.dark .sf-c-txt-mintcream\:30 { color: hsl(150, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:35, html.dark .sf-c-txt-mintcream\:35 { color: hsl(150, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:40, html.dark .sf-c-txt-mintcream\:40 { color: hsl(150, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:45, html.dark .sf-c-txt-mintcream\:45 { color: hsl(150, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:50, html.dark .sf-c-txt-mintcream\:50 { color: hsl(150, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:55, html.dark .sf-c-txt-mintcream\:55 { color: hsl(150, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:60, html.dark .sf-c-txt-mintcream\:60 { color: hsl(150, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:65, html.dark .sf-c-txt-mintcream\:65 { color: hsl(150, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:70, html.dark .sf-c-txt-mintcream\:70 { color: hsl(150, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:75, html.dark .sf-c-txt-mintcream\:75 { color: hsl(150, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:80, html.dark .sf-c-txt-mintcream\:80 { color: hsl(150, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:85, html.dark .sf-c-txt-mintcream\:85 { color: hsl(150, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:90, html.dark .sf-c-txt-mintcream\:90 { color: hsl(150, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:95, html.dark .sf-c-txt-mintcream\:95 { color: hsl(150, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:100, html.dark .sf-c-txt-mintcream\:100 { color: hsl(150, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mintcream\:dark, html.dark .sf-c-txt-mintcream\:dark { color: hsl(150, 100%, 98%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:0\:dark, html.dark .sf-c-txt-mintcream\:0\:dark { color: hsl(150, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:5\:dark, html.dark .sf-c-txt-mintcream\:5\:dark { color: hsl(150, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:10\:dark, html.dark .sf-c-txt-mintcream\:10\:dark { color: hsl(150, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:15\:dark, html.dark .sf-c-txt-mintcream\:15\:dark { color: hsl(150, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:20\:dark, html.dark .sf-c-txt-mintcream\:20\:dark { color: hsl(150, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:25\:dark, html.dark .sf-c-txt-mintcream\:25\:dark { color: hsl(150, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:30\:dark, html.dark .sf-c-txt-mintcream\:30\:dark { color: hsl(150, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:35\:dark, html.dark .sf-c-txt-mintcream\:35\:dark { color: hsl(150, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:40\:dark, html.dark .sf-c-txt-mintcream\:40\:dark { color: hsl(150, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:45\:dark, html.dark .sf-c-txt-mintcream\:45\:dark { color: hsl(150, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:50\:dark, html.dark .sf-c-txt-mintcream\:50\:dark { color: hsl(150, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:55\:dark, html.dark .sf-c-txt-mintcream\:55\:dark { color: hsl(150, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:60\:dark, html.dark .sf-c-txt-mintcream\:60\:dark { color: hsl(150, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:65\:dark, html.dark .sf-c-txt-mintcream\:65\:dark { color: hsl(150, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:70\:dark, html.dark .sf-c-txt-mintcream\:70\:dark { color: hsl(150, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:75\:dark, html.dark .sf-c-txt-mintcream\:75\:dark { color: hsl(150, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:80\:dark, html.dark .sf-c-txt-mintcream\:80\:dark { color: hsl(150, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:85\:dark, html.dark .sf-c-txt-mintcream\:85\:dark { color: hsl(150, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:90\:dark, html.dark .sf-c-txt-mintcream\:90\:dark { color: hsl(150, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:95\:dark, html.dark .sf-c-txt-mintcream\:95\:dark { color: hsl(150, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mintcream\:100\:dark, html.dark .sf-c-txt-mintcream\:100\:dark { color: hsl(150, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mintcream, html.auto .sf-c-mintcream { color: hsl(var(--sf-dark-c-txt-mintcream-95)); background: hsl(var(--sf-dark-c-mintcream)) } html[data-theme='auto'] .sf-c-mintcream\:0, html.auto .sf-c-mintcream\:0 { color: hsl(var(--sf-dark-c-txt-mintcream-95)); background: hsl(var(--sf-dark-c-mintcream-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-mintcream\:100\:dark, html.var.dark .sf-c-mint html[data-theme='auto'] .sf-c-mintcream\:95\:dark, html.auto .sf-c-mintcream\:95\:dark { color: hsl(var(--sf-c-txt-mintcream-95)); background: hsl(var(--sf-c-mintcream-5)) } html[data-theme='auto'] .sf-c-mintcream\:100\:dark, html.auto .sf-c-mintcream\:100\:dark { color: hsl(var(--sf-c-txt-mintcream-95)); background: hsl(var(--sf-c-mintcream-0)) } + html[data-theme='auto'] .sf-c-txt-mintcream, html.auto .sf-c-txt-mintcream { color: hsl(var(--sf-c-txt-mintcream)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:0, html.auto .sf-c-txt-mintcream\:0 { color: hsl(var(--sf-c-txt-mintcream-0)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:5, html.auto .sf-c-txt-mintcream\:5 { color: hsl(var(--sf-c-txt-mintcream-5)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:10, html.auto .sf-c-txt-mintcream\:10 { color: hsl(var(--sf-c-txt-mintcream-10)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:15, html.auto .sf-c-txt-mintcream\:15 { color: hsl(var(--sf-c-txt-mintcream-15)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:20, html.auto .sf-c-txt-mintcream\:20 { color: hsl(var(--sf-c-txt-mintcream-20)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:25, html.auto .sf-c-txt-mintcream\:25 { color: hsl(var(--sf-c-txt-mintcream-25)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:30, html.auto .sf-c-txt-mintcream\:30 { color: hsl(var(--sf-c-txt-mintcream-30)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:35, html.auto .sf-c-txt-mintcream\:35 { color: hsl(var(--sf-c-txt-mintcream-35)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:40, html.auto .sf-c-txt-mintcream\:40 { color: hsl(var(--sf-c-txt-mintcream-40)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:45, html.auto .sf-c-txt-mintcream\:45 { color: hsl(var(--sf-c-txt-mintcream-45)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:50, html.auto .sf-c-txt-mintcream\:50 { color: hsl(var(--sf-c-txt-mintcream-50)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:55, html.auto .sf-c-txt-mintcream\:55 { color: hsl(var(--sf-c-txt-mintcream-55)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:60, html.auto .sf-c-txt-mintcream\:60 { color: hsl(var(--sf-c-txt-mintcream-60)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:65, html.auto .sf-c-txt-mintcream\:65 { color: hsl(var(--sf-c-txt-mintcream-65)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:70, html.auto .sf-c-txt-mintcream\:70 { color: hsl(var(--sf-c-txt-mintcream-70)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:75, html.auto .sf-c-txt-mintcream\:75 { color: hsl(var(--sf-c-txt-mintcream-75)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:80, html.auto .sf-c-txt-mintcream\:80 { color: hsl(var(--sf-c-txt-mintcream-80)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:85, html.auto .sf-c-txt-mintcream\:85 { color: hsl(var(--sf-c-txt-mintcream-85)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:90, html.auto .sf-c-txt-mintcream\:90 { color: hsl(var(--sf-c-txt-mintcream-90)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:95, html.auto .sf-c-txt-mintcream\:95 { color: hsl(var(--sf-c-txt-mintcream-95)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:100, html.auto .sf-c-txt-mintcream\:100 { color: hsl(var(--sf-c-txt-mintcream-100)) } + + html[data-theme='auto'] .sf-c-txt-mintcream\:dark, html.auto .sf-c-txt-mintcream\:dark { color: hsl(var(--sf-c-txt-mintcream)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:0\:dark, html.auto .sf-c-txt-mintcream\:0\:dark { color: hsl(var(--sf-c-txt-mintcream-0)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:5\:dark, html.auto .sf-c-txt-mintcream\:5\:dark { color: hsl(var(--sf-c-txt-mintcream-5)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:10\:dark, html.auto .sf-c-txt-mintcream\:10\:dark { color: hsl(var(--sf-c-txt-mintcream-10)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:15\:dark, html.auto .sf-c-txt-mintcream\:15\:dark { color: hsl(var(--sf-c-txt-mintcream-15)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:20\:dark, html.auto .sf-c-txt-mintcream\:20\:dark { color: hsl(var(--sf-c-txt-mintcream-20)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:25\:dark, html.auto .sf-c-txt-mintcream\:25\:dark { color: hsl(var(--sf-c-txt-mintcream-25)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:30\:dark, html.auto .sf-c-txt-mintcream\:30\:dark { color: hsl(var(--sf-c-txt-mintcream-30)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:35\:dark, html.auto .sf-c-txt-mintcream\:35\:dark { color: hsl(var(--sf-c-txt-mintcream-35)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:40\:dark, html.auto .sf-c-txt-mintcream\:40\:dark { color: hsl(var(--sf-c-txt-mintcream-40)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:45\:dark, html.auto .sf-c-txt-mintcream\:45\:dark { color: hsl(var(--sf-c-txt-mintcream-45)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:50\:dark, html.auto .sf-c-txt-mintcream\:50\:dark { color: hsl(var(--sf-c-txt-mintcream-50)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:55\:dark, html.auto .sf-c-txt-mintcream\:55\:dark { color: hsl(var(--sf-c-txt-mintcream-55)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:60\:dark, html.auto .sf-c-txt-mintcream\:60\:dark { color: hsl(var(--sf-c-txt-mintcream-60)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:65\:dark, html.auto .sf-c-txt-mintcream\:65\:dark { color: hsl(var(--sf-c-txt-mintcream-65)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:70\:dark, html.auto .sf-c-txt-mintcream\:70\:dark { color: hsl(var(--sf-c-txt-mintcream-70)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:75\:dark, html.auto .sf-c-txt-mintcream\:75\:dark { color: hsl(var(--sf-c-txt-mintcream-75)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:80\:dark, html.auto .sf-c-txt-mintcream\:80\:dark { color: hsl(var(--sf-c-txt-mintcream-80)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:85\:dark, html.auto .sf-c-txt-mintcream\:85\:dark { color: hsl(var(--sf-c-txt-mintcream-85)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:90\:dark, html.auto .sf-c-txt-mintcream\:90\:dark { color: hsl(var(--sf-c-txt-mintcream-90)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:95\:dark, html.auto .sf-c-txt-mintcream\:95\:dark { color: hsl(var(--sf-c-txt-mintcream-95)) } + html[data-theme='auto'] .sf-c-txt-mintcream\:100\:dark, html.auto .sf-c-txt-mintcream\:100\:dark { color: hsl(var(--sf-c-txt-mintcream-100)) } + html.var[data-theme='auto'] .sf-c-mintcream, html.var.auto .sf-c-mintcream { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 2%) } html.var[data-theme='auto'] .sf-c-mintcream\:0, html.var.auto .sf-c-mintcream\:0 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 100%) } html.var[data-theme='auto'] .sf-c-mintcream\:5, html.var.auto .sf-c-mintcream\:5 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-mintcream\:100\:dark, html.var.dark .sf-c-mint html.var[data-theme='auto'] .sf-c-mintcream\:90\:dark, html.var.auto .sf-c-mintcream\:90\:dark { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 10%) } html.var[data-theme='auto'] .sf-c-mintcream\:95\:dark, html.var.auto .sf-c-mintcream\:95\:dark { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 5%) } html.var[data-theme='auto'] .sf-c-mintcream\:100\:dark, html.var.auto .sf-c-mintcream\:100\:dark { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 0%) } -} -.sf-c-txt-mintcream { color: hsl(var(--sf-c-txt-mintcream)) } -.sf-c-txt-mintcream\:0 { color: hsl(var(--sf-c-txt-mintcream-0)) } -.sf-c-txt-mintcream\:5 { color: hsl(var(--sf-c-txt-mintcream-5)) } -.sf-c-txt-mintcream\:10 { color: hsl(var(--sf-c-txt-mintcream-10)) } -.sf-c-txt-mintcream\:15 { color: hsl(var(--sf-c-txt-mintcream-15)) } -.sf-c-txt-mintcream\:20 { color: hsl(var(--sf-c-txt-mintcream-20)) } -.sf-c-txt-mintcream\:25 { color: hsl(var(--sf-c-txt-mintcream-25)) } -.sf-c-txt-mintcream\:30 { color: hsl(var(--sf-c-txt-mintcream-30)) } -.sf-c-txt-mintcream\:35 { color: hsl(var(--sf-c-txt-mintcream-35)) } -.sf-c-txt-mintcream\:40 { color: hsl(var(--sf-c-txt-mintcream-40)) } -.sf-c-txt-mintcream\:45 { color: hsl(var(--sf-c-txt-mintcream-45)) } -.sf-c-txt-mintcream\:50 { color: hsl(var(--sf-c-txt-mintcream-50)) } -.sf-c-txt-mintcream\:55 { color: hsl(var(--sf-c-txt-mintcream-55)) } -.sf-c-txt-mintcream\:60 { color: hsl(var(--sf-c-txt-mintcream-60)) } -.sf-c-txt-mintcream\:65 { color: hsl(var(--sf-c-txt-mintcream-65)) } -.sf-c-txt-mintcream\:70 { color: hsl(var(--sf-c-txt-mintcream-70)) } -.sf-c-txt-mintcream\:75 { color: hsl(var(--sf-c-txt-mintcream-75)) } -.sf-c-txt-mintcream\:80 { color: hsl(var(--sf-c-txt-mintcream-80)) } -.sf-c-txt-mintcream\:85 { color: hsl(var(--sf-c-txt-mintcream-85)) } -.sf-c-txt-mintcream\:90 { color: hsl(var(--sf-c-txt-mintcream-90)) } -.sf-c-txt-mintcream\:95 { color: hsl(var(--sf-c-txt-mintcream-95)) } -.sf-c-txt-mintcream\:100 { color: hsl(var(--sf-c-txt-mintcream-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mintcream, html.auto .sf-c-txt-mintcream { color: hsl(150, 100%, 98%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:0, html.auto .sf-c-txt-mintcream\:0 { color: hsl(150, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:5, html.auto .sf-c-txt-mintcream\:5 { color: hsl(150, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:10, html.auto .sf-c-txt-mintcream\:10 { color: hsl(150, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:15, html.auto .sf-c-txt-mintcream\:15 { color: hsl(150, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:20, html.auto .sf-c-txt-mintcream\:20 { color: hsl(150, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:25, html.auto .sf-c-txt-mintcream\:25 { color: hsl(150, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:30, html.auto .sf-c-txt-mintcream\:30 { color: hsl(150, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:35, html.auto .sf-c-txt-mintcream\:35 { color: hsl(150, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:40, html.auto .sf-c-txt-mintcream\:40 { color: hsl(150, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:45, html.auto .sf-c-txt-mintcream\:45 { color: hsl(150, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:50, html.auto .sf-c-txt-mintcream\:50 { color: hsl(150, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:55, html.auto .sf-c-txt-mintcream\:55 { color: hsl(150, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:60, html.auto .sf-c-txt-mintcream\:60 { color: hsl(150, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:65, html.auto .sf-c-txt-mintcream\:65 { color: hsl(150, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:70, html.auto .sf-c-txt-mintcream\:70 { color: hsl(150, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:75, html.auto .sf-c-txt-mintcream\:75 { color: hsl(150, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:80, html.auto .sf-c-txt-mintcream\:80 { color: hsl(150, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:85, html.auto .sf-c-txt-mintcream\:85 { color: hsl(150, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:90, html.auto .sf-c-txt-mintcream\:90 { color: hsl(150, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:95, html.auto .sf-c-txt-mintcream\:95 { color: hsl(150, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:100, html.auto .sf-c-txt-mintcream\:100 { color: hsl(150, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mintcream\:dark, html.auto .sf-c-txt-mintcream\:dark { color: hsl(150, 100%, 98%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:0\:dark, html.auto .sf-c-txt-mintcream\:0\:dark { color: hsl(150, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:5\:dark, html.auto .sf-c-txt-mintcream\:5\:dark { color: hsl(150, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:10\:dark, html.auto .sf-c-txt-mintcream\:10\:dark { color: hsl(150, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:15\:dark, html.auto .sf-c-txt-mintcream\:15\:dark { color: hsl(150, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:20\:dark, html.auto .sf-c-txt-mintcream\:20\:dark { color: hsl(150, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:25\:dark, html.auto .sf-c-txt-mintcream\:25\:dark { color: hsl(150, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:30\:dark, html.auto .sf-c-txt-mintcream\:30\:dark { color: hsl(150, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:35\:dark, html.auto .sf-c-txt-mintcream\:35\:dark { color: hsl(150, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:40\:dark, html.auto .sf-c-txt-mintcream\:40\:dark { color: hsl(150, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:45\:dark, html.auto .sf-c-txt-mintcream\:45\:dark { color: hsl(150, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:50\:dark, html.auto .sf-c-txt-mintcream\:50\:dark { color: hsl(150, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:55\:dark, html.auto .sf-c-txt-mintcream\:55\:dark { color: hsl(150, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:60\:dark, html.auto .sf-c-txt-mintcream\:60\:dark { color: hsl(150, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:65\:dark, html.auto .sf-c-txt-mintcream\:65\:dark { color: hsl(150, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:70\:dark, html.auto .sf-c-txt-mintcream\:70\:dark { color: hsl(150, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:75\:dark, html.auto .sf-c-txt-mintcream\:75\:dark { color: hsl(150, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:80\:dark, html.auto .sf-c-txt-mintcream\:80\:dark { color: hsl(150, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:85\:dark, html.auto .sf-c-txt-mintcream\:85\:dark { color: hsl(150, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:90\:dark, html.auto .sf-c-txt-mintcream\:90\:dark { color: hsl(150, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:95\:dark, html.auto .sf-c-txt-mintcream\:95\:dark { color: hsl(150, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mintcream\:100\:dark, html.auto .sf-c-txt-mintcream\:100\:dark { color: hsl(150, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/mistyrose.css b/src/colors/20/mistyrose.css index 0474912..391496a 100644 --- a/src/colors/20/mistyrose.css +++ b/src/colors/20/mistyrose.css @@ -138,6 +138,52 @@ html.var .sf-c-mistyrose\:90 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, html.var .sf-c-mistyrose\:95 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 95%) } html.var .sf-c-mistyrose\:100 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 100%) } +.sf-c-txt-mistyrose { color: hsl(var(--sf-dark-c-txt-mistyrose)) } +.sf-c-txt-mistyrose\:0 { color: hsl(var(--sf-dark-c-txt-mistyrose-100)) } +.sf-c-txt-mistyrose\:5 { color: hsl(var(--sf-dark-c-txt-mistyrose-95)) } +.sf-c-txt-mistyrose\:10 { color: hsl(var(--sf-dark-c-txt-mistyrose-90)) } +.sf-c-txt-mistyrose\:15 { color: hsl(var(--sf-dark-c-txt-mistyrose-85)) } +.sf-c-txt-mistyrose\:20 { color: hsl(var(--sf-dark-c-txt-mistyrose-80)) } +.sf-c-txt-mistyrose\:25 { color: hsl(var(--sf-dark-c-txt-mistyrose-75)) } +.sf-c-txt-mistyrose\:30 { color: hsl(var(--sf-dark-c-txt-mistyrose-70)) } +.sf-c-txt-mistyrose\:35 { color: hsl(var(--sf-dark-c-txt-mistyrose-65)) } +.sf-c-txt-mistyrose\:40 { color: hsl(var(--sf-dark-c-txt-mistyrose-60)) } +.sf-c-txt-mistyrose\:45 { color: hsl(var(--sf-dark-c-txt-mistyrose-55)) } +.sf-c-txt-mistyrose\:50 { color: hsl(var(--sf-dark-c-txt-mistyrose-50)) } +.sf-c-txt-mistyrose\:55 { color: hsl(var(--sf-dark-c-txt-mistyrose-45)) } +.sf-c-txt-mistyrose\:60 { color: hsl(var(--sf-dark-c-txt-mistyrose-40)) } +.sf-c-txt-mistyrose\:65 { color: hsl(var(--sf-dark-c-txt-mistyrose-35)) } +.sf-c-txt-mistyrose\:70 { color: hsl(var(--sf-dark-c-txt-mistyrose-30)) } +.sf-c-txt-mistyrose\:75 { color: hsl(var(--sf-dark-c-txt-mistyrose-25)) } +.sf-c-txt-mistyrose\:80 { color: hsl(var(--sf-dark-c-txt-mistyrose-20)) } +.sf-c-txt-mistyrose\:85 { color: hsl(var(--sf-dark-c-txt-mistyrose-15)) } +.sf-c-txt-mistyrose\:90 { color: hsl(var(--sf-dark-c-txt-mistyrose-10)) } +.sf-c-txt-mistyrose\:95 { color: hsl(var(--sf-dark-c-txt-mistyrose-5)) } +.sf-c-txt-mistyrose\:100 { color: hsl(var(--sf-dark-c-txt-mistyrose-0)) } + +html.var .sf-c-txt-mistyrose { color: hsl(6, 100%, 6%) } +html.var .sf-c-txt-mistyrose\:0 { color: hsl(6, 100%, 100%) } +html.var .sf-c-txt-mistyrose\:5 { color: hsl(6, 100%, 95%) } +html.var .sf-c-txt-mistyrose\:10 { color: hsl(6, 100%, 90%) } +html.var .sf-c-txt-mistyrose\:15 { color: hsl(6, 100%, 85%) } +html.var .sf-c-txt-mistyrose\:20 { color: hsl(6, 100%, 80%) } +html.var .sf-c-txt-mistyrose\:25 { color: hsl(6, 100%, 75%) } +html.var .sf-c-txt-mistyrose\:30 { color: hsl(6, 100%, 70%) } +html.var .sf-c-txt-mistyrose\:35 { color: hsl(6, 100%, 65%) } +html.var .sf-c-txt-mistyrose\:40 { color: hsl(6, 100%, 60%) } +html.var .sf-c-txt-mistyrose\:45 { color: hsl(6, 100%, 55%) } +html.var .sf-c-txt-mistyrose\:50 { color: hsl(6, 100%, 50%) } +html.var .sf-c-txt-mistyrose\:55 { color: hsl(6, 100%, 45%) } +html.var .sf-c-txt-mistyrose\:60 { color: hsl(6, 100%, 40%) } +html.var .sf-c-txt-mistyrose\:65 { color: hsl(6, 100%, 35%) } +html.var .sf-c-txt-mistyrose\:70 { color: hsl(6, 100%, 30%) } +html.var .sf-c-txt-mistyrose\:75 { color: hsl(6, 100%, 25%) } +html.var .sf-c-txt-mistyrose\:80 { color: hsl(6, 100%, 20%) } +html.var .sf-c-txt-mistyrose\:85 { color: hsl(6, 100%, 15%) } +html.var .sf-c-txt-mistyrose\:90 { color: hsl(6, 100%, 10%) } +html.var .sf-c-txt-mistyrose\:95 { color: hsl(6, 100%, 5%) } +html.var .sf-c-txt-mistyrose\:100 { color: hsl(6, 100%, 0%) } + html[data-theme='dark'] .sf-c-mistyrose, html.dark .sf-c-mistyrose { color: hsl(var(--sf-dark-c-txt-mistyrose-95)); background: hsl(var(--sf-dark-c-mistyrose)) } html[data-theme='dark'] .sf-c-mistyrose\:0, html.dark .sf-c-mistyrose\:0 { color: hsl(var(--sf-dark-c-txt-mistyrose-95)); background: hsl(var(--sf-dark-c-mistyrose-100)) } html[data-theme='dark'] .sf-c-mistyrose\:5, html.dark .sf-c-mistyrose\:5 { color: hsl(var(--sf-dark-c-txt-mistyrose-5)); background: hsl(var(--sf-dark-c-mistyrose-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-mistyrose\:90\:dark, html.dark .sf-c-mistyrose\:90 html[data-theme='dark'] .sf-c-mistyrose\:95\:dark, html.dark .sf-c-mistyrose\:95\:dark { color: hsl(var(--sf-c-txt-mistyrose-95)); background: hsl(var(--sf-c-mistyrose-5)) } html[data-theme='dark'] .sf-c-mistyrose\:100\:dark, html.dark .sf-c-mistyrose\:100\:dark { color: hsl(var(--sf-c-txt-mistyrose-95)); background: hsl(var(--sf-c-mistyrose-0)) } +html[data-theme='dark'] .sf-c-txt-mistyrose, html.dark .sf-c-txt-mistyrose { color: hsl(var(--sf-c-txt-mistyrose)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:0, html.dark .sf-c-txt-mistyrose\:0 { color: hsl(var(--sf-c-txt-mistyrose-0)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:5, html.dark .sf-c-txt-mistyrose\:5 { color: hsl(var(--sf-c-txt-mistyrose-5)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:10, html.dark .sf-c-txt-mistyrose\:10 { color: hsl(var(--sf-c-txt-mistyrose-10)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:15, html.dark .sf-c-txt-mistyrose\:15 { color: hsl(var(--sf-c-txt-mistyrose-15)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:20, html.dark .sf-c-txt-mistyrose\:20 { color: hsl(var(--sf-c-txt-mistyrose-20)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:25, html.dark .sf-c-txt-mistyrose\:25 { color: hsl(var(--sf-c-txt-mistyrose-25)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:30, html.dark .sf-c-txt-mistyrose\:30 { color: hsl(var(--sf-c-txt-mistyrose-30)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:35, html.dark .sf-c-txt-mistyrose\:35 { color: hsl(var(--sf-c-txt-mistyrose-35)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:40, html.dark .sf-c-txt-mistyrose\:40 { color: hsl(var(--sf-c-txt-mistyrose-40)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:45, html.dark .sf-c-txt-mistyrose\:45 { color: hsl(var(--sf-c-txt-mistyrose-45)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:50, html.dark .sf-c-txt-mistyrose\:50 { color: hsl(var(--sf-c-txt-mistyrose-50)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:55, html.dark .sf-c-txt-mistyrose\:55 { color: hsl(var(--sf-c-txt-mistyrose-55)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:60, html.dark .sf-c-txt-mistyrose\:60 { color: hsl(var(--sf-c-txt-mistyrose-60)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:65, html.dark .sf-c-txt-mistyrose\:65 { color: hsl(var(--sf-c-txt-mistyrose-65)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:70, html.dark .sf-c-txt-mistyrose\:70 { color: hsl(var(--sf-c-txt-mistyrose-70)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:75, html.dark .sf-c-txt-mistyrose\:75 { color: hsl(var(--sf-c-txt-mistyrose-75)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:80, html.dark .sf-c-txt-mistyrose\:80 { color: hsl(var(--sf-c-txt-mistyrose-80)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:85, html.dark .sf-c-txt-mistyrose\:85 { color: hsl(var(--sf-c-txt-mistyrose-85)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:90, html.dark .sf-c-txt-mistyrose\:90 { color: hsl(var(--sf-c-txt-mistyrose-90)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:95, html.dark .sf-c-txt-mistyrose\:95 { color: hsl(var(--sf-c-txt-mistyrose-95)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:100, html.dark .sf-c-txt-mistyrose\:100 { color: hsl(var(--sf-c-txt-mistyrose-100)) } + +html[data-theme='dark'] .sf-c-txt-mistyrose\:dark, html.dark .sf-c-txt-mistyrose\:dark { color: hsl(var(--sf-c-txt-mistyrose)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:0\:dark, html.dark .sf-c-txt-mistyrose\:0\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-0)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:5\:dark, html.dark .sf-c-txt-mistyrose\:5\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-5)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:10\:dark, html.dark .sf-c-txt-mistyrose\:10\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-10)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:15\:dark, html.dark .sf-c-txt-mistyrose\:15\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-15)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:20\:dark, html.dark .sf-c-txt-mistyrose\:20\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-20)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:25\:dark, html.dark .sf-c-txt-mistyrose\:25\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-25)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:30\:dark, html.dark .sf-c-txt-mistyrose\:30\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-30)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:35\:dark, html.dark .sf-c-txt-mistyrose\:35\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-35)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:40\:dark, html.dark .sf-c-txt-mistyrose\:40\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-40)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:45\:dark, html.dark .sf-c-txt-mistyrose\:45\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-45)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:50\:dark, html.dark .sf-c-txt-mistyrose\:50\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-50)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:55\:dark, html.dark .sf-c-txt-mistyrose\:55\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-55)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:60\:dark, html.dark .sf-c-txt-mistyrose\:60\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-60)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:65\:dark, html.dark .sf-c-txt-mistyrose\:65\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-65)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:70\:dark, html.dark .sf-c-txt-mistyrose\:70\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-70)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:75\:dark, html.dark .sf-c-txt-mistyrose\:75\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-75)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:80\:dark, html.dark .sf-c-txt-mistyrose\:80\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-80)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:85\:dark, html.dark .sf-c-txt-mistyrose\:85\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-85)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:90\:dark, html.dark .sf-c-txt-mistyrose\:90\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-90)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:95\:dark, html.dark .sf-c-txt-mistyrose\:95\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-95)) } +html[data-theme='dark'] .sf-c-txt-mistyrose\:100\:dark, html.dark .sf-c-txt-mistyrose\:100\:dark { color: hsl(var(--sf-dark-c-txt-mistyrose-100)) } + html.var[data-theme='dark'] .sf-c-mistyrose, html.var.dark .sf-c-mistyrose { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 6%) } html.var[data-theme='dark'] .sf-c-mistyrose\:0, html.var.dark .sf-c-mistyrose\:0 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 100%) } html.var[data-theme='dark'] .sf-c-mistyrose\:5, html.var.dark .sf-c-mistyrose\:5 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-mistyrose\:90\:dark, html.var.dark .sf-c-misty html.var[data-theme='dark'] .sf-c-mistyrose\:95\:dark, html.var.dark .sf-c-mistyrose\:95\:dark { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 5%) } html.var[data-theme='dark'] .sf-c-mistyrose\:100\:dark, html.var.dark .sf-c-mistyrose\:100\:dark { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose, html.dark .sf-c-txt-mistyrose { color: hsl(6, 100%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:0, html.dark .sf-c-txt-mistyrose\:0 { color: hsl(6, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:5, html.dark .sf-c-txt-mistyrose\:5 { color: hsl(6, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:10, html.dark .sf-c-txt-mistyrose\:10 { color: hsl(6, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:15, html.dark .sf-c-txt-mistyrose\:15 { color: hsl(6, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:20, html.dark .sf-c-txt-mistyrose\:20 { color: hsl(6, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:25, html.dark .sf-c-txt-mistyrose\:25 { color: hsl(6, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:30, html.dark .sf-c-txt-mistyrose\:30 { color: hsl(6, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:35, html.dark .sf-c-txt-mistyrose\:35 { color: hsl(6, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:40, html.dark .sf-c-txt-mistyrose\:40 { color: hsl(6, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:45, html.dark .sf-c-txt-mistyrose\:45 { color: hsl(6, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:50, html.dark .sf-c-txt-mistyrose\:50 { color: hsl(6, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:55, html.dark .sf-c-txt-mistyrose\:55 { color: hsl(6, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:60, html.dark .sf-c-txt-mistyrose\:60 { color: hsl(6, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:65, html.dark .sf-c-txt-mistyrose\:65 { color: hsl(6, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:70, html.dark .sf-c-txt-mistyrose\:70 { color: hsl(6, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:75, html.dark .sf-c-txt-mistyrose\:75 { color: hsl(6, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:80, html.dark .sf-c-txt-mistyrose\:80 { color: hsl(6, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:85, html.dark .sf-c-txt-mistyrose\:85 { color: hsl(6, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:90, html.dark .sf-c-txt-mistyrose\:90 { color: hsl(6, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:95, html.dark .sf-c-txt-mistyrose\:95 { color: hsl(6, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:100, html.dark .sf-c-txt-mistyrose\:100 { color: hsl(6, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:dark, html.dark .sf-c-txt-mistyrose\:dark { color: hsl(6, 100%, 94%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:0\:dark, html.dark .sf-c-txt-mistyrose\:0\:dark { color: hsl(6, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:5\:dark, html.dark .sf-c-txt-mistyrose\:5\:dark { color: hsl(6, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:10\:dark, html.dark .sf-c-txt-mistyrose\:10\:dark { color: hsl(6, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:15\:dark, html.dark .sf-c-txt-mistyrose\:15\:dark { color: hsl(6, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:20\:dark, html.dark .sf-c-txt-mistyrose\:20\:dark { color: hsl(6, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:25\:dark, html.dark .sf-c-txt-mistyrose\:25\:dark { color: hsl(6, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:30\:dark, html.dark .sf-c-txt-mistyrose\:30\:dark { color: hsl(6, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:35\:dark, html.dark .sf-c-txt-mistyrose\:35\:dark { color: hsl(6, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:40\:dark, html.dark .sf-c-txt-mistyrose\:40\:dark { color: hsl(6, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:45\:dark, html.dark .sf-c-txt-mistyrose\:45\:dark { color: hsl(6, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:50\:dark, html.dark .sf-c-txt-mistyrose\:50\:dark { color: hsl(6, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:55\:dark, html.dark .sf-c-txt-mistyrose\:55\:dark { color: hsl(6, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:60\:dark, html.dark .sf-c-txt-mistyrose\:60\:dark { color: hsl(6, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:65\:dark, html.dark .sf-c-txt-mistyrose\:65\:dark { color: hsl(6, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:70\:dark, html.dark .sf-c-txt-mistyrose\:70\:dark { color: hsl(6, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:75\:dark, html.dark .sf-c-txt-mistyrose\:75\:dark { color: hsl(6, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:80\:dark, html.dark .sf-c-txt-mistyrose\:80\:dark { color: hsl(6, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:85\:dark, html.dark .sf-c-txt-mistyrose\:85\:dark { color: hsl(6, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:90\:dark, html.dark .sf-c-txt-mistyrose\:90\:dark { color: hsl(6, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:95\:dark, html.dark .sf-c-txt-mistyrose\:95\:dark { color: hsl(6, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-mistyrose\:100\:dark, html.dark .sf-c-txt-mistyrose\:100\:dark { color: hsl(6, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-mistyrose, html.auto .sf-c-mistyrose { color: hsl(var(--sf-dark-c-txt-mistyrose-95)); background: hsl(var(--sf-dark-c-mistyrose)) } html[data-theme='auto'] .sf-c-mistyrose\:0, html.auto .sf-c-mistyrose\:0 { color: hsl(var(--sf-dark-c-txt-mistyrose-95)); background: hsl(var(--sf-dark-c-mistyrose-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-mistyrose\:100\:dark, html.var.dark .sf-c-mist html[data-theme='auto'] .sf-c-mistyrose\:95\:dark, html.auto .sf-c-mistyrose\:95\:dark { color: hsl(var(--sf-c-txt-mistyrose-95)); background: hsl(var(--sf-c-mistyrose-5)) } html[data-theme='auto'] .sf-c-mistyrose\:100\:dark, html.auto .sf-c-mistyrose\:100\:dark { color: hsl(var(--sf-c-txt-mistyrose-95)); background: hsl(var(--sf-c-mistyrose-0)) } + html[data-theme='auto'] .sf-c-txt-mistyrose, html.auto .sf-c-txt-mistyrose { color: hsl(var(--sf-c-txt-mistyrose)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:0, html.auto .sf-c-txt-mistyrose\:0 { color: hsl(var(--sf-c-txt-mistyrose-0)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:5, html.auto .sf-c-txt-mistyrose\:5 { color: hsl(var(--sf-c-txt-mistyrose-5)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:10, html.auto .sf-c-txt-mistyrose\:10 { color: hsl(var(--sf-c-txt-mistyrose-10)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:15, html.auto .sf-c-txt-mistyrose\:15 { color: hsl(var(--sf-c-txt-mistyrose-15)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:20, html.auto .sf-c-txt-mistyrose\:20 { color: hsl(var(--sf-c-txt-mistyrose-20)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:25, html.auto .sf-c-txt-mistyrose\:25 { color: hsl(var(--sf-c-txt-mistyrose-25)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:30, html.auto .sf-c-txt-mistyrose\:30 { color: hsl(var(--sf-c-txt-mistyrose-30)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:35, html.auto .sf-c-txt-mistyrose\:35 { color: hsl(var(--sf-c-txt-mistyrose-35)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:40, html.auto .sf-c-txt-mistyrose\:40 { color: hsl(var(--sf-c-txt-mistyrose-40)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:45, html.auto .sf-c-txt-mistyrose\:45 { color: hsl(var(--sf-c-txt-mistyrose-45)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:50, html.auto .sf-c-txt-mistyrose\:50 { color: hsl(var(--sf-c-txt-mistyrose-50)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:55, html.auto .sf-c-txt-mistyrose\:55 { color: hsl(var(--sf-c-txt-mistyrose-55)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:60, html.auto .sf-c-txt-mistyrose\:60 { color: hsl(var(--sf-c-txt-mistyrose-60)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:65, html.auto .sf-c-txt-mistyrose\:65 { color: hsl(var(--sf-c-txt-mistyrose-65)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:70, html.auto .sf-c-txt-mistyrose\:70 { color: hsl(var(--sf-c-txt-mistyrose-70)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:75, html.auto .sf-c-txt-mistyrose\:75 { color: hsl(var(--sf-c-txt-mistyrose-75)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:80, html.auto .sf-c-txt-mistyrose\:80 { color: hsl(var(--sf-c-txt-mistyrose-80)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:85, html.auto .sf-c-txt-mistyrose\:85 { color: hsl(var(--sf-c-txt-mistyrose-85)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:90, html.auto .sf-c-txt-mistyrose\:90 { color: hsl(var(--sf-c-txt-mistyrose-90)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:95, html.auto .sf-c-txt-mistyrose\:95 { color: hsl(var(--sf-c-txt-mistyrose-95)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:100, html.auto .sf-c-txt-mistyrose\:100 { color: hsl(var(--sf-c-txt-mistyrose-100)) } + + html[data-theme='auto'] .sf-c-txt-mistyrose\:dark, html.auto .sf-c-txt-mistyrose\:dark { color: hsl(var(--sf-c-txt-mistyrose)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:0\:dark, html.auto .sf-c-txt-mistyrose\:0\:dark { color: hsl(var(--sf-c-txt-mistyrose-0)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:5\:dark, html.auto .sf-c-txt-mistyrose\:5\:dark { color: hsl(var(--sf-c-txt-mistyrose-5)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:10\:dark, html.auto .sf-c-txt-mistyrose\:10\:dark { color: hsl(var(--sf-c-txt-mistyrose-10)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:15\:dark, html.auto .sf-c-txt-mistyrose\:15\:dark { color: hsl(var(--sf-c-txt-mistyrose-15)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:20\:dark, html.auto .sf-c-txt-mistyrose\:20\:dark { color: hsl(var(--sf-c-txt-mistyrose-20)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:25\:dark, html.auto .sf-c-txt-mistyrose\:25\:dark { color: hsl(var(--sf-c-txt-mistyrose-25)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:30\:dark, html.auto .sf-c-txt-mistyrose\:30\:dark { color: hsl(var(--sf-c-txt-mistyrose-30)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:35\:dark, html.auto .sf-c-txt-mistyrose\:35\:dark { color: hsl(var(--sf-c-txt-mistyrose-35)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:40\:dark, html.auto .sf-c-txt-mistyrose\:40\:dark { color: hsl(var(--sf-c-txt-mistyrose-40)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:45\:dark, html.auto .sf-c-txt-mistyrose\:45\:dark { color: hsl(var(--sf-c-txt-mistyrose-45)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:50\:dark, html.auto .sf-c-txt-mistyrose\:50\:dark { color: hsl(var(--sf-c-txt-mistyrose-50)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:55\:dark, html.auto .sf-c-txt-mistyrose\:55\:dark { color: hsl(var(--sf-c-txt-mistyrose-55)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:60\:dark, html.auto .sf-c-txt-mistyrose\:60\:dark { color: hsl(var(--sf-c-txt-mistyrose-60)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:65\:dark, html.auto .sf-c-txt-mistyrose\:65\:dark { color: hsl(var(--sf-c-txt-mistyrose-65)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:70\:dark, html.auto .sf-c-txt-mistyrose\:70\:dark { color: hsl(var(--sf-c-txt-mistyrose-70)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:75\:dark, html.auto .sf-c-txt-mistyrose\:75\:dark { color: hsl(var(--sf-c-txt-mistyrose-75)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:80\:dark, html.auto .sf-c-txt-mistyrose\:80\:dark { color: hsl(var(--sf-c-txt-mistyrose-80)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:85\:dark, html.auto .sf-c-txt-mistyrose\:85\:dark { color: hsl(var(--sf-c-txt-mistyrose-85)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:90\:dark, html.auto .sf-c-txt-mistyrose\:90\:dark { color: hsl(var(--sf-c-txt-mistyrose-90)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:95\:dark, html.auto .sf-c-txt-mistyrose\:95\:dark { color: hsl(var(--sf-c-txt-mistyrose-95)) } + html[data-theme='auto'] .sf-c-txt-mistyrose\:100\:dark, html.auto .sf-c-txt-mistyrose\:100\:dark { color: hsl(var(--sf-c-txt-mistyrose-100)) } + html.var[data-theme='auto'] .sf-c-mistyrose, html.var.auto .sf-c-mistyrose { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 6%) } html.var[data-theme='auto'] .sf-c-mistyrose\:0, html.var.auto .sf-c-mistyrose\:0 { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 100%) } html.var[data-theme='auto'] .sf-c-mistyrose\:5, html.var.auto .sf-c-mistyrose\:5 { color: hsl(6, 100%, 5%); background: hsl(6, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-mistyrose\:100\:dark, html.var.dark .sf-c-mist html.var[data-theme='auto'] .sf-c-mistyrose\:90\:dark, html.var.auto .sf-c-mistyrose\:90\:dark { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 10%) } html.var[data-theme='auto'] .sf-c-mistyrose\:95\:dark, html.var.auto .sf-c-mistyrose\:95\:dark { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 5%) } html.var[data-theme='auto'] .sf-c-mistyrose\:100\:dark, html.var.auto .sf-c-mistyrose\:100\:dark { color: hsl(6, 100%, 95%); background: hsl(6, 100%, 0%) } -} -.sf-c-txt-mistyrose { color: hsl(var(--sf-c-txt-mistyrose)) } -.sf-c-txt-mistyrose\:0 { color: hsl(var(--sf-c-txt-mistyrose-0)) } -.sf-c-txt-mistyrose\:5 { color: hsl(var(--sf-c-txt-mistyrose-5)) } -.sf-c-txt-mistyrose\:10 { color: hsl(var(--sf-c-txt-mistyrose-10)) } -.sf-c-txt-mistyrose\:15 { color: hsl(var(--sf-c-txt-mistyrose-15)) } -.sf-c-txt-mistyrose\:20 { color: hsl(var(--sf-c-txt-mistyrose-20)) } -.sf-c-txt-mistyrose\:25 { color: hsl(var(--sf-c-txt-mistyrose-25)) } -.sf-c-txt-mistyrose\:30 { color: hsl(var(--sf-c-txt-mistyrose-30)) } -.sf-c-txt-mistyrose\:35 { color: hsl(var(--sf-c-txt-mistyrose-35)) } -.sf-c-txt-mistyrose\:40 { color: hsl(var(--sf-c-txt-mistyrose-40)) } -.sf-c-txt-mistyrose\:45 { color: hsl(var(--sf-c-txt-mistyrose-45)) } -.sf-c-txt-mistyrose\:50 { color: hsl(var(--sf-c-txt-mistyrose-50)) } -.sf-c-txt-mistyrose\:55 { color: hsl(var(--sf-c-txt-mistyrose-55)) } -.sf-c-txt-mistyrose\:60 { color: hsl(var(--sf-c-txt-mistyrose-60)) } -.sf-c-txt-mistyrose\:65 { color: hsl(var(--sf-c-txt-mistyrose-65)) } -.sf-c-txt-mistyrose\:70 { color: hsl(var(--sf-c-txt-mistyrose-70)) } -.sf-c-txt-mistyrose\:75 { color: hsl(var(--sf-c-txt-mistyrose-75)) } -.sf-c-txt-mistyrose\:80 { color: hsl(var(--sf-c-txt-mistyrose-80)) } -.sf-c-txt-mistyrose\:85 { color: hsl(var(--sf-c-txt-mistyrose-85)) } -.sf-c-txt-mistyrose\:90 { color: hsl(var(--sf-c-txt-mistyrose-90)) } -.sf-c-txt-mistyrose\:95 { color: hsl(var(--sf-c-txt-mistyrose-95)) } -.sf-c-txt-mistyrose\:100 { color: hsl(var(--sf-c-txt-mistyrose-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-mistyrose, html.auto .sf-c-txt-mistyrose { color: hsl(6, 100%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:0, html.auto .sf-c-txt-mistyrose\:0 { color: hsl(6, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:5, html.auto .sf-c-txt-mistyrose\:5 { color: hsl(6, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:10, html.auto .sf-c-txt-mistyrose\:10 { color: hsl(6, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:15, html.auto .sf-c-txt-mistyrose\:15 { color: hsl(6, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:20, html.auto .sf-c-txt-mistyrose\:20 { color: hsl(6, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:25, html.auto .sf-c-txt-mistyrose\:25 { color: hsl(6, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:30, html.auto .sf-c-txt-mistyrose\:30 { color: hsl(6, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:35, html.auto .sf-c-txt-mistyrose\:35 { color: hsl(6, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:40, html.auto .sf-c-txt-mistyrose\:40 { color: hsl(6, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:45, html.auto .sf-c-txt-mistyrose\:45 { color: hsl(6, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:50, html.auto .sf-c-txt-mistyrose\:50 { color: hsl(6, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:55, html.auto .sf-c-txt-mistyrose\:55 { color: hsl(6, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:60, html.auto .sf-c-txt-mistyrose\:60 { color: hsl(6, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:65, html.auto .sf-c-txt-mistyrose\:65 { color: hsl(6, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:70, html.auto .sf-c-txt-mistyrose\:70 { color: hsl(6, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:75, html.auto .sf-c-txt-mistyrose\:75 { color: hsl(6, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:80, html.auto .sf-c-txt-mistyrose\:80 { color: hsl(6, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:85, html.auto .sf-c-txt-mistyrose\:85 { color: hsl(6, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:90, html.auto .sf-c-txt-mistyrose\:90 { color: hsl(6, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:95, html.auto .sf-c-txt-mistyrose\:95 { color: hsl(6, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:100, html.auto .sf-c-txt-mistyrose\:100 { color: hsl(6, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:dark, html.auto .sf-c-txt-mistyrose\:dark { color: hsl(6, 100%, 94%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:0\:dark, html.auto .sf-c-txt-mistyrose\:0\:dark { color: hsl(6, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:5\:dark, html.auto .sf-c-txt-mistyrose\:5\:dark { color: hsl(6, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:10\:dark, html.auto .sf-c-txt-mistyrose\:10\:dark { color: hsl(6, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:15\:dark, html.auto .sf-c-txt-mistyrose\:15\:dark { color: hsl(6, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:20\:dark, html.auto .sf-c-txt-mistyrose\:20\:dark { color: hsl(6, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:25\:dark, html.auto .sf-c-txt-mistyrose\:25\:dark { color: hsl(6, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:30\:dark, html.auto .sf-c-txt-mistyrose\:30\:dark { color: hsl(6, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:35\:dark, html.auto .sf-c-txt-mistyrose\:35\:dark { color: hsl(6, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:40\:dark, html.auto .sf-c-txt-mistyrose\:40\:dark { color: hsl(6, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:45\:dark, html.auto .sf-c-txt-mistyrose\:45\:dark { color: hsl(6, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:50\:dark, html.auto .sf-c-txt-mistyrose\:50\:dark { color: hsl(6, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:55\:dark, html.auto .sf-c-txt-mistyrose\:55\:dark { color: hsl(6, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:60\:dark, html.auto .sf-c-txt-mistyrose\:60\:dark { color: hsl(6, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:65\:dark, html.auto .sf-c-txt-mistyrose\:65\:dark { color: hsl(6, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:70\:dark, html.auto .sf-c-txt-mistyrose\:70\:dark { color: hsl(6, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:75\:dark, html.auto .sf-c-txt-mistyrose\:75\:dark { color: hsl(6, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:80\:dark, html.auto .sf-c-txt-mistyrose\:80\:dark { color: hsl(6, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:85\:dark, html.auto .sf-c-txt-mistyrose\:85\:dark { color: hsl(6, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:90\:dark, html.auto .sf-c-txt-mistyrose\:90\:dark { color: hsl(6, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:95\:dark, html.auto .sf-c-txt-mistyrose\:95\:dark { color: hsl(6, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-mistyrose\:100\:dark, html.auto .sf-c-txt-mistyrose\:100\:dark { color: hsl(6, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/moccasin.css b/src/colors/20/moccasin.css index 51cb1df..e5ef93f 100644 --- a/src/colors/20/moccasin.css +++ b/src/colors/20/moccasin.css @@ -138,6 +138,52 @@ html.var .sf-c-moccasin\:90 { color: hsl(38, 100%, 5%); background: hsl(38, 100% html.var .sf-c-moccasin\:95 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 95%) } html.var .sf-c-moccasin\:100 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 100%) } +.sf-c-txt-moccasin { color: hsl(var(--sf-dark-c-txt-moccasin)) } +.sf-c-txt-moccasin\:0 { color: hsl(var(--sf-dark-c-txt-moccasin-100)) } +.sf-c-txt-moccasin\:5 { color: hsl(var(--sf-dark-c-txt-moccasin-95)) } +.sf-c-txt-moccasin\:10 { color: hsl(var(--sf-dark-c-txt-moccasin-90)) } +.sf-c-txt-moccasin\:15 { color: hsl(var(--sf-dark-c-txt-moccasin-85)) } +.sf-c-txt-moccasin\:20 { color: hsl(var(--sf-dark-c-txt-moccasin-80)) } +.sf-c-txt-moccasin\:25 { color: hsl(var(--sf-dark-c-txt-moccasin-75)) } +.sf-c-txt-moccasin\:30 { color: hsl(var(--sf-dark-c-txt-moccasin-70)) } +.sf-c-txt-moccasin\:35 { color: hsl(var(--sf-dark-c-txt-moccasin-65)) } +.sf-c-txt-moccasin\:40 { color: hsl(var(--sf-dark-c-txt-moccasin-60)) } +.sf-c-txt-moccasin\:45 { color: hsl(var(--sf-dark-c-txt-moccasin-55)) } +.sf-c-txt-moccasin\:50 { color: hsl(var(--sf-dark-c-txt-moccasin-50)) } +.sf-c-txt-moccasin\:55 { color: hsl(var(--sf-dark-c-txt-moccasin-45)) } +.sf-c-txt-moccasin\:60 { color: hsl(var(--sf-dark-c-txt-moccasin-40)) } +.sf-c-txt-moccasin\:65 { color: hsl(var(--sf-dark-c-txt-moccasin-35)) } +.sf-c-txt-moccasin\:70 { color: hsl(var(--sf-dark-c-txt-moccasin-30)) } +.sf-c-txt-moccasin\:75 { color: hsl(var(--sf-dark-c-txt-moccasin-25)) } +.sf-c-txt-moccasin\:80 { color: hsl(var(--sf-dark-c-txt-moccasin-20)) } +.sf-c-txt-moccasin\:85 { color: hsl(var(--sf-dark-c-txt-moccasin-15)) } +.sf-c-txt-moccasin\:90 { color: hsl(var(--sf-dark-c-txt-moccasin-10)) } +.sf-c-txt-moccasin\:95 { color: hsl(var(--sf-dark-c-txt-moccasin-5)) } +.sf-c-txt-moccasin\:100 { color: hsl(var(--sf-dark-c-txt-moccasin-0)) } + +html.var .sf-c-txt-moccasin { color: hsl(38, 100%, 15%) } +html.var .sf-c-txt-moccasin\:0 { color: hsl(38, 100%, 100%) } +html.var .sf-c-txt-moccasin\:5 { color: hsl(38, 100%, 95%) } +html.var .sf-c-txt-moccasin\:10 { color: hsl(38, 100%, 90%) } +html.var .sf-c-txt-moccasin\:15 { color: hsl(38, 100%, 85%) } +html.var .sf-c-txt-moccasin\:20 { color: hsl(38, 100%, 80%) } +html.var .sf-c-txt-moccasin\:25 { color: hsl(38, 100%, 75%) } +html.var .sf-c-txt-moccasin\:30 { color: hsl(38, 100%, 70%) } +html.var .sf-c-txt-moccasin\:35 { color: hsl(38, 100%, 65%) } +html.var .sf-c-txt-moccasin\:40 { color: hsl(38, 100%, 60%) } +html.var .sf-c-txt-moccasin\:45 { color: hsl(38, 100%, 55%) } +html.var .sf-c-txt-moccasin\:50 { color: hsl(38, 100%, 50%) } +html.var .sf-c-txt-moccasin\:55 { color: hsl(38, 100%, 45%) } +html.var .sf-c-txt-moccasin\:60 { color: hsl(38, 100%, 40%) } +html.var .sf-c-txt-moccasin\:65 { color: hsl(38, 100%, 35%) } +html.var .sf-c-txt-moccasin\:70 { color: hsl(38, 100%, 30%) } +html.var .sf-c-txt-moccasin\:75 { color: hsl(38, 100%, 25%) } +html.var .sf-c-txt-moccasin\:80 { color: hsl(38, 100%, 20%) } +html.var .sf-c-txt-moccasin\:85 { color: hsl(38, 100%, 15%) } +html.var .sf-c-txt-moccasin\:90 { color: hsl(38, 100%, 10%) } +html.var .sf-c-txt-moccasin\:95 { color: hsl(38, 100%, 5%) } +html.var .sf-c-txt-moccasin\:100 { color: hsl(38, 100%, 0%) } + html[data-theme='dark'] .sf-c-moccasin, html.dark .sf-c-moccasin { color: hsl(var(--sf-dark-c-txt-moccasin-95)); background: hsl(var(--sf-dark-c-moccasin)) } html[data-theme='dark'] .sf-c-moccasin\:0, html.dark .sf-c-moccasin\:0 { color: hsl(var(--sf-dark-c-txt-moccasin-95)); background: hsl(var(--sf-dark-c-moccasin-100)) } html[data-theme='dark'] .sf-c-moccasin\:5, html.dark .sf-c-moccasin\:5 { color: hsl(var(--sf-dark-c-txt-moccasin-5)); background: hsl(var(--sf-dark-c-moccasin-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-moccasin\:90\:dark, html.dark .sf-c-moccasin\:90\: html[data-theme='dark'] .sf-c-moccasin\:95\:dark, html.dark .sf-c-moccasin\:95\:dark { color: hsl(var(--sf-c-txt-moccasin-95)); background: hsl(var(--sf-c-moccasin-5)) } html[data-theme='dark'] .sf-c-moccasin\:100\:dark, html.dark .sf-c-moccasin\:100\:dark { color: hsl(var(--sf-c-txt-moccasin-95)); background: hsl(var(--sf-c-moccasin-0)) } +html[data-theme='dark'] .sf-c-txt-moccasin, html.dark .sf-c-txt-moccasin { color: hsl(var(--sf-c-txt-moccasin)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:0, html.dark .sf-c-txt-moccasin\:0 { color: hsl(var(--sf-c-txt-moccasin-0)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:5, html.dark .sf-c-txt-moccasin\:5 { color: hsl(var(--sf-c-txt-moccasin-5)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:10, html.dark .sf-c-txt-moccasin\:10 { color: hsl(var(--sf-c-txt-moccasin-10)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:15, html.dark .sf-c-txt-moccasin\:15 { color: hsl(var(--sf-c-txt-moccasin-15)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:20, html.dark .sf-c-txt-moccasin\:20 { color: hsl(var(--sf-c-txt-moccasin-20)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:25, html.dark .sf-c-txt-moccasin\:25 { color: hsl(var(--sf-c-txt-moccasin-25)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:30, html.dark .sf-c-txt-moccasin\:30 { color: hsl(var(--sf-c-txt-moccasin-30)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:35, html.dark .sf-c-txt-moccasin\:35 { color: hsl(var(--sf-c-txt-moccasin-35)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:40, html.dark .sf-c-txt-moccasin\:40 { color: hsl(var(--sf-c-txt-moccasin-40)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:45, html.dark .sf-c-txt-moccasin\:45 { color: hsl(var(--sf-c-txt-moccasin-45)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:50, html.dark .sf-c-txt-moccasin\:50 { color: hsl(var(--sf-c-txt-moccasin-50)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:55, html.dark .sf-c-txt-moccasin\:55 { color: hsl(var(--sf-c-txt-moccasin-55)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:60, html.dark .sf-c-txt-moccasin\:60 { color: hsl(var(--sf-c-txt-moccasin-60)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:65, html.dark .sf-c-txt-moccasin\:65 { color: hsl(var(--sf-c-txt-moccasin-65)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:70, html.dark .sf-c-txt-moccasin\:70 { color: hsl(var(--sf-c-txt-moccasin-70)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:75, html.dark .sf-c-txt-moccasin\:75 { color: hsl(var(--sf-c-txt-moccasin-75)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:80, html.dark .sf-c-txt-moccasin\:80 { color: hsl(var(--sf-c-txt-moccasin-80)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:85, html.dark .sf-c-txt-moccasin\:85 { color: hsl(var(--sf-c-txt-moccasin-85)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:90, html.dark .sf-c-txt-moccasin\:90 { color: hsl(var(--sf-c-txt-moccasin-90)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:95, html.dark .sf-c-txt-moccasin\:95 { color: hsl(var(--sf-c-txt-moccasin-95)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:100, html.dark .sf-c-txt-moccasin\:100 { color: hsl(var(--sf-c-txt-moccasin-100)) } + +html[data-theme='dark'] .sf-c-txt-moccasin\:dark, html.dark .sf-c-txt-moccasin\:dark { color: hsl(var(--sf-c-txt-moccasin)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:0\:dark, html.dark .sf-c-txt-moccasin\:0\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-0)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:5\:dark, html.dark .sf-c-txt-moccasin\:5\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-5)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:10\:dark, html.dark .sf-c-txt-moccasin\:10\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-10)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:15\:dark, html.dark .sf-c-txt-moccasin\:15\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-15)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:20\:dark, html.dark .sf-c-txt-moccasin\:20\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-20)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:25\:dark, html.dark .sf-c-txt-moccasin\:25\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-25)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:30\:dark, html.dark .sf-c-txt-moccasin\:30\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-30)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:35\:dark, html.dark .sf-c-txt-moccasin\:35\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-35)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:40\:dark, html.dark .sf-c-txt-moccasin\:40\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-40)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:45\:dark, html.dark .sf-c-txt-moccasin\:45\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-45)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:50\:dark, html.dark .sf-c-txt-moccasin\:50\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-50)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:55\:dark, html.dark .sf-c-txt-moccasin\:55\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-55)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:60\:dark, html.dark .sf-c-txt-moccasin\:60\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-60)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:65\:dark, html.dark .sf-c-txt-moccasin\:65\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-65)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:70\:dark, html.dark .sf-c-txt-moccasin\:70\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-70)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:75\:dark, html.dark .sf-c-txt-moccasin\:75\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-75)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:80\:dark, html.dark .sf-c-txt-moccasin\:80\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-80)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:85\:dark, html.dark .sf-c-txt-moccasin\:85\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-85)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:90\:dark, html.dark .sf-c-txt-moccasin\:90\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-90)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:95\:dark, html.dark .sf-c-txt-moccasin\:95\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-95)) } +html[data-theme='dark'] .sf-c-txt-moccasin\:100\:dark, html.dark .sf-c-txt-moccasin\:100\:dark { color: hsl(var(--sf-dark-c-txt-moccasin-100)) } + html.var[data-theme='dark'] .sf-c-moccasin, html.var.dark .sf-c-moccasin { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 15%) } html.var[data-theme='dark'] .sf-c-moccasin\:0, html.var.dark .sf-c-moccasin\:0 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 100%) } html.var[data-theme='dark'] .sf-c-moccasin\:5, html.var.dark .sf-c-moccasin\:5 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-moccasin\:90\:dark, html.var.dark .sf-c-moccas html.var[data-theme='dark'] .sf-c-moccasin\:95\:dark, html.var.dark .sf-c-moccasin\:95\:dark { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 5%) } html.var[data-theme='dark'] .sf-c-moccasin\:100\:dark, html.var.dark .sf-c-moccasin\:100\:dark { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin, html.dark .sf-c-txt-moccasin { color: hsl(38, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:0, html.dark .sf-c-txt-moccasin\:0 { color: hsl(38, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:5, html.dark .sf-c-txt-moccasin\:5 { color: hsl(38, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:10, html.dark .sf-c-txt-moccasin\:10 { color: hsl(38, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:15, html.dark .sf-c-txt-moccasin\:15 { color: hsl(38, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:20, html.dark .sf-c-txt-moccasin\:20 { color: hsl(38, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:25, html.dark .sf-c-txt-moccasin\:25 { color: hsl(38, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:30, html.dark .sf-c-txt-moccasin\:30 { color: hsl(38, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:35, html.dark .sf-c-txt-moccasin\:35 { color: hsl(38, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:40, html.dark .sf-c-txt-moccasin\:40 { color: hsl(38, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:45, html.dark .sf-c-txt-moccasin\:45 { color: hsl(38, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:50, html.dark .sf-c-txt-moccasin\:50 { color: hsl(38, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:55, html.dark .sf-c-txt-moccasin\:55 { color: hsl(38, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:60, html.dark .sf-c-txt-moccasin\:60 { color: hsl(38, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:65, html.dark .sf-c-txt-moccasin\:65 { color: hsl(38, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:70, html.dark .sf-c-txt-moccasin\:70 { color: hsl(38, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:75, html.dark .sf-c-txt-moccasin\:75 { color: hsl(38, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:80, html.dark .sf-c-txt-moccasin\:80 { color: hsl(38, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:85, html.dark .sf-c-txt-moccasin\:85 { color: hsl(38, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:90, html.dark .sf-c-txt-moccasin\:90 { color: hsl(38, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:95, html.dark .sf-c-txt-moccasin\:95 { color: hsl(38, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:100, html.dark .sf-c-txt-moccasin\:100 { color: hsl(38, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-moccasin\:dark, html.dark .sf-c-txt-moccasin\:dark { color: hsl(38, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:0\:dark, html.dark .sf-c-txt-moccasin\:0\:dark { color: hsl(38, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:5\:dark, html.dark .sf-c-txt-moccasin\:5\:dark { color: hsl(38, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:10\:dark, html.dark .sf-c-txt-moccasin\:10\:dark { color: hsl(38, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:15\:dark, html.dark .sf-c-txt-moccasin\:15\:dark { color: hsl(38, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:20\:dark, html.dark .sf-c-txt-moccasin\:20\:dark { color: hsl(38, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:25\:dark, html.dark .sf-c-txt-moccasin\:25\:dark { color: hsl(38, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:30\:dark, html.dark .sf-c-txt-moccasin\:30\:dark { color: hsl(38, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:35\:dark, html.dark .sf-c-txt-moccasin\:35\:dark { color: hsl(38, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:40\:dark, html.dark .sf-c-txt-moccasin\:40\:dark { color: hsl(38, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:45\:dark, html.dark .sf-c-txt-moccasin\:45\:dark { color: hsl(38, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:50\:dark, html.dark .sf-c-txt-moccasin\:50\:dark { color: hsl(38, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:55\:dark, html.dark .sf-c-txt-moccasin\:55\:dark { color: hsl(38, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:60\:dark, html.dark .sf-c-txt-moccasin\:60\:dark { color: hsl(38, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:65\:dark, html.dark .sf-c-txt-moccasin\:65\:dark { color: hsl(38, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:70\:dark, html.dark .sf-c-txt-moccasin\:70\:dark { color: hsl(38, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:75\:dark, html.dark .sf-c-txt-moccasin\:75\:dark { color: hsl(38, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:80\:dark, html.dark .sf-c-txt-moccasin\:80\:dark { color: hsl(38, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:85\:dark, html.dark .sf-c-txt-moccasin\:85\:dark { color: hsl(38, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:90\:dark, html.dark .sf-c-txt-moccasin\:90\:dark { color: hsl(38, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:95\:dark, html.dark .sf-c-txt-moccasin\:95\:dark { color: hsl(38, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-moccasin\:100\:dark, html.dark .sf-c-txt-moccasin\:100\:dark { color: hsl(38, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-moccasin, html.auto .sf-c-moccasin { color: hsl(var(--sf-dark-c-txt-moccasin-95)); background: hsl(var(--sf-dark-c-moccasin)) } html[data-theme='auto'] .sf-c-moccasin\:0, html.auto .sf-c-moccasin\:0 { color: hsl(var(--sf-dark-c-txt-moccasin-95)); background: hsl(var(--sf-dark-c-moccasin-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-moccasin\:100\:dark, html.var.dark .sf-c-mocca html[data-theme='auto'] .sf-c-moccasin\:95\:dark, html.auto .sf-c-moccasin\:95\:dark { color: hsl(var(--sf-c-txt-moccasin-95)); background: hsl(var(--sf-c-moccasin-5)) } html[data-theme='auto'] .sf-c-moccasin\:100\:dark, html.auto .sf-c-moccasin\:100\:dark { color: hsl(var(--sf-c-txt-moccasin-95)); background: hsl(var(--sf-c-moccasin-0)) } + html[data-theme='auto'] .sf-c-txt-moccasin, html.auto .sf-c-txt-moccasin { color: hsl(var(--sf-c-txt-moccasin)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:0, html.auto .sf-c-txt-moccasin\:0 { color: hsl(var(--sf-c-txt-moccasin-0)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:5, html.auto .sf-c-txt-moccasin\:5 { color: hsl(var(--sf-c-txt-moccasin-5)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:10, html.auto .sf-c-txt-moccasin\:10 { color: hsl(var(--sf-c-txt-moccasin-10)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:15, html.auto .sf-c-txt-moccasin\:15 { color: hsl(var(--sf-c-txt-moccasin-15)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:20, html.auto .sf-c-txt-moccasin\:20 { color: hsl(var(--sf-c-txt-moccasin-20)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:25, html.auto .sf-c-txt-moccasin\:25 { color: hsl(var(--sf-c-txt-moccasin-25)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:30, html.auto .sf-c-txt-moccasin\:30 { color: hsl(var(--sf-c-txt-moccasin-30)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:35, html.auto .sf-c-txt-moccasin\:35 { color: hsl(var(--sf-c-txt-moccasin-35)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:40, html.auto .sf-c-txt-moccasin\:40 { color: hsl(var(--sf-c-txt-moccasin-40)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:45, html.auto .sf-c-txt-moccasin\:45 { color: hsl(var(--sf-c-txt-moccasin-45)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:50, html.auto .sf-c-txt-moccasin\:50 { color: hsl(var(--sf-c-txt-moccasin-50)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:55, html.auto .sf-c-txt-moccasin\:55 { color: hsl(var(--sf-c-txt-moccasin-55)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:60, html.auto .sf-c-txt-moccasin\:60 { color: hsl(var(--sf-c-txt-moccasin-60)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:65, html.auto .sf-c-txt-moccasin\:65 { color: hsl(var(--sf-c-txt-moccasin-65)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:70, html.auto .sf-c-txt-moccasin\:70 { color: hsl(var(--sf-c-txt-moccasin-70)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:75, html.auto .sf-c-txt-moccasin\:75 { color: hsl(var(--sf-c-txt-moccasin-75)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:80, html.auto .sf-c-txt-moccasin\:80 { color: hsl(var(--sf-c-txt-moccasin-80)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:85, html.auto .sf-c-txt-moccasin\:85 { color: hsl(var(--sf-c-txt-moccasin-85)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:90, html.auto .sf-c-txt-moccasin\:90 { color: hsl(var(--sf-c-txt-moccasin-90)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:95, html.auto .sf-c-txt-moccasin\:95 { color: hsl(var(--sf-c-txt-moccasin-95)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:100, html.auto .sf-c-txt-moccasin\:100 { color: hsl(var(--sf-c-txt-moccasin-100)) } + + html[data-theme='auto'] .sf-c-txt-moccasin\:dark, html.auto .sf-c-txt-moccasin\:dark { color: hsl(var(--sf-c-txt-moccasin)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:0\:dark, html.auto .sf-c-txt-moccasin\:0\:dark { color: hsl(var(--sf-c-txt-moccasin-0)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:5\:dark, html.auto .sf-c-txt-moccasin\:5\:dark { color: hsl(var(--sf-c-txt-moccasin-5)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:10\:dark, html.auto .sf-c-txt-moccasin\:10\:dark { color: hsl(var(--sf-c-txt-moccasin-10)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:15\:dark, html.auto .sf-c-txt-moccasin\:15\:dark { color: hsl(var(--sf-c-txt-moccasin-15)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:20\:dark, html.auto .sf-c-txt-moccasin\:20\:dark { color: hsl(var(--sf-c-txt-moccasin-20)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:25\:dark, html.auto .sf-c-txt-moccasin\:25\:dark { color: hsl(var(--sf-c-txt-moccasin-25)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:30\:dark, html.auto .sf-c-txt-moccasin\:30\:dark { color: hsl(var(--sf-c-txt-moccasin-30)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:35\:dark, html.auto .sf-c-txt-moccasin\:35\:dark { color: hsl(var(--sf-c-txt-moccasin-35)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:40\:dark, html.auto .sf-c-txt-moccasin\:40\:dark { color: hsl(var(--sf-c-txt-moccasin-40)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:45\:dark, html.auto .sf-c-txt-moccasin\:45\:dark { color: hsl(var(--sf-c-txt-moccasin-45)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:50\:dark, html.auto .sf-c-txt-moccasin\:50\:dark { color: hsl(var(--sf-c-txt-moccasin-50)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:55\:dark, html.auto .sf-c-txt-moccasin\:55\:dark { color: hsl(var(--sf-c-txt-moccasin-55)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:60\:dark, html.auto .sf-c-txt-moccasin\:60\:dark { color: hsl(var(--sf-c-txt-moccasin-60)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:65\:dark, html.auto .sf-c-txt-moccasin\:65\:dark { color: hsl(var(--sf-c-txt-moccasin-65)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:70\:dark, html.auto .sf-c-txt-moccasin\:70\:dark { color: hsl(var(--sf-c-txt-moccasin-70)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:75\:dark, html.auto .sf-c-txt-moccasin\:75\:dark { color: hsl(var(--sf-c-txt-moccasin-75)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:80\:dark, html.auto .sf-c-txt-moccasin\:80\:dark { color: hsl(var(--sf-c-txt-moccasin-80)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:85\:dark, html.auto .sf-c-txt-moccasin\:85\:dark { color: hsl(var(--sf-c-txt-moccasin-85)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:90\:dark, html.auto .sf-c-txt-moccasin\:90\:dark { color: hsl(var(--sf-c-txt-moccasin-90)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:95\:dark, html.auto .sf-c-txt-moccasin\:95\:dark { color: hsl(var(--sf-c-txt-moccasin-95)) } + html[data-theme='auto'] .sf-c-txt-moccasin\:100\:dark, html.auto .sf-c-txt-moccasin\:100\:dark { color: hsl(var(--sf-c-txt-moccasin-100)) } + html.var[data-theme='auto'] .sf-c-moccasin, html.var.auto .sf-c-moccasin { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 15%) } html.var[data-theme='auto'] .sf-c-moccasin\:0, html.var.auto .sf-c-moccasin\:0 { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 100%) } html.var[data-theme='auto'] .sf-c-moccasin\:5, html.var.auto .sf-c-moccasin\:5 { color: hsl(38, 100%, 5%); background: hsl(38, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-moccasin\:100\:dark, html.var.dark .sf-c-mocca html.var[data-theme='auto'] .sf-c-moccasin\:90\:dark, html.var.auto .sf-c-moccasin\:90\:dark { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 10%) } html.var[data-theme='auto'] .sf-c-moccasin\:95\:dark, html.var.auto .sf-c-moccasin\:95\:dark { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 5%) } html.var[data-theme='auto'] .sf-c-moccasin\:100\:dark, html.var.auto .sf-c-moccasin\:100\:dark { color: hsl(38, 100%, 95%); background: hsl(38, 100%, 0%) } -} -.sf-c-txt-moccasin { color: hsl(var(--sf-c-txt-moccasin)) } -.sf-c-txt-moccasin\:0 { color: hsl(var(--sf-c-txt-moccasin-0)) } -.sf-c-txt-moccasin\:5 { color: hsl(var(--sf-c-txt-moccasin-5)) } -.sf-c-txt-moccasin\:10 { color: hsl(var(--sf-c-txt-moccasin-10)) } -.sf-c-txt-moccasin\:15 { color: hsl(var(--sf-c-txt-moccasin-15)) } -.sf-c-txt-moccasin\:20 { color: hsl(var(--sf-c-txt-moccasin-20)) } -.sf-c-txt-moccasin\:25 { color: hsl(var(--sf-c-txt-moccasin-25)) } -.sf-c-txt-moccasin\:30 { color: hsl(var(--sf-c-txt-moccasin-30)) } -.sf-c-txt-moccasin\:35 { color: hsl(var(--sf-c-txt-moccasin-35)) } -.sf-c-txt-moccasin\:40 { color: hsl(var(--sf-c-txt-moccasin-40)) } -.sf-c-txt-moccasin\:45 { color: hsl(var(--sf-c-txt-moccasin-45)) } -.sf-c-txt-moccasin\:50 { color: hsl(var(--sf-c-txt-moccasin-50)) } -.sf-c-txt-moccasin\:55 { color: hsl(var(--sf-c-txt-moccasin-55)) } -.sf-c-txt-moccasin\:60 { color: hsl(var(--sf-c-txt-moccasin-60)) } -.sf-c-txt-moccasin\:65 { color: hsl(var(--sf-c-txt-moccasin-65)) } -.sf-c-txt-moccasin\:70 { color: hsl(var(--sf-c-txt-moccasin-70)) } -.sf-c-txt-moccasin\:75 { color: hsl(var(--sf-c-txt-moccasin-75)) } -.sf-c-txt-moccasin\:80 { color: hsl(var(--sf-c-txt-moccasin-80)) } -.sf-c-txt-moccasin\:85 { color: hsl(var(--sf-c-txt-moccasin-85)) } -.sf-c-txt-moccasin\:90 { color: hsl(var(--sf-c-txt-moccasin-90)) } -.sf-c-txt-moccasin\:95 { color: hsl(var(--sf-c-txt-moccasin-95)) } -.sf-c-txt-moccasin\:100 { color: hsl(var(--sf-c-txt-moccasin-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-moccasin, html.auto .sf-c-txt-moccasin { color: hsl(38, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:0, html.auto .sf-c-txt-moccasin\:0 { color: hsl(38, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:5, html.auto .sf-c-txt-moccasin\:5 { color: hsl(38, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:10, html.auto .sf-c-txt-moccasin\:10 { color: hsl(38, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:15, html.auto .sf-c-txt-moccasin\:15 { color: hsl(38, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:20, html.auto .sf-c-txt-moccasin\:20 { color: hsl(38, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:25, html.auto .sf-c-txt-moccasin\:25 { color: hsl(38, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:30, html.auto .sf-c-txt-moccasin\:30 { color: hsl(38, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:35, html.auto .sf-c-txt-moccasin\:35 { color: hsl(38, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:40, html.auto .sf-c-txt-moccasin\:40 { color: hsl(38, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:45, html.auto .sf-c-txt-moccasin\:45 { color: hsl(38, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:50, html.auto .sf-c-txt-moccasin\:50 { color: hsl(38, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:55, html.auto .sf-c-txt-moccasin\:55 { color: hsl(38, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:60, html.auto .sf-c-txt-moccasin\:60 { color: hsl(38, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:65, html.auto .sf-c-txt-moccasin\:65 { color: hsl(38, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:70, html.auto .sf-c-txt-moccasin\:70 { color: hsl(38, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:75, html.auto .sf-c-txt-moccasin\:75 { color: hsl(38, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:80, html.auto .sf-c-txt-moccasin\:80 { color: hsl(38, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:85, html.auto .sf-c-txt-moccasin\:85 { color: hsl(38, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:90, html.auto .sf-c-txt-moccasin\:90 { color: hsl(38, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:95, html.auto .sf-c-txt-moccasin\:95 { color: hsl(38, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:100, html.auto .sf-c-txt-moccasin\:100 { color: hsl(38, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-moccasin\:dark, html.auto .sf-c-txt-moccasin\:dark { color: hsl(38, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:0\:dark, html.auto .sf-c-txt-moccasin\:0\:dark { color: hsl(38, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:5\:dark, html.auto .sf-c-txt-moccasin\:5\:dark { color: hsl(38, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:10\:dark, html.auto .sf-c-txt-moccasin\:10\:dark { color: hsl(38, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:15\:dark, html.auto .sf-c-txt-moccasin\:15\:dark { color: hsl(38, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:20\:dark, html.auto .sf-c-txt-moccasin\:20\:dark { color: hsl(38, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:25\:dark, html.auto .sf-c-txt-moccasin\:25\:dark { color: hsl(38, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:30\:dark, html.auto .sf-c-txt-moccasin\:30\:dark { color: hsl(38, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:35\:dark, html.auto .sf-c-txt-moccasin\:35\:dark { color: hsl(38, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:40\:dark, html.auto .sf-c-txt-moccasin\:40\:dark { color: hsl(38, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:45\:dark, html.auto .sf-c-txt-moccasin\:45\:dark { color: hsl(38, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:50\:dark, html.auto .sf-c-txt-moccasin\:50\:dark { color: hsl(38, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:55\:dark, html.auto .sf-c-txt-moccasin\:55\:dark { color: hsl(38, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:60\:dark, html.auto .sf-c-txt-moccasin\:60\:dark { color: hsl(38, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:65\:dark, html.auto .sf-c-txt-moccasin\:65\:dark { color: hsl(38, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:70\:dark, html.auto .sf-c-txt-moccasin\:70\:dark { color: hsl(38, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:75\:dark, html.auto .sf-c-txt-moccasin\:75\:dark { color: hsl(38, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:80\:dark, html.auto .sf-c-txt-moccasin\:80\:dark { color: hsl(38, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:85\:dark, html.auto .sf-c-txt-moccasin\:85\:dark { color: hsl(38, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:90\:dark, html.auto .sf-c-txt-moccasin\:90\:dark { color: hsl(38, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:95\:dark, html.auto .sf-c-txt-moccasin\:95\:dark { color: hsl(38, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-moccasin\:100\:dark, html.auto .sf-c-txt-moccasin\:100\:dark { color: hsl(38, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/navajowhite.css b/src/colors/20/navajowhite.css index 5596352..50ec2df 100644 --- a/src/colors/20/navajowhite.css +++ b/src/colors/20/navajowhite.css @@ -138,6 +138,52 @@ html.var .sf-c-navajowhite\:90 { color: hsl(36, 100%, 5%); background: hsl(36, 1 html.var .sf-c-navajowhite\:95 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } html.var .sf-c-navajowhite\:100 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 100%) } +.sf-c-txt-navajowhite { color: hsl(var(--sf-dark-c-txt-navajowhite)) } +.sf-c-txt-navajowhite\:0 { color: hsl(var(--sf-dark-c-txt-navajowhite-100)) } +.sf-c-txt-navajowhite\:5 { color: hsl(var(--sf-dark-c-txt-navajowhite-95)) } +.sf-c-txt-navajowhite\:10 { color: hsl(var(--sf-dark-c-txt-navajowhite-90)) } +.sf-c-txt-navajowhite\:15 { color: hsl(var(--sf-dark-c-txt-navajowhite-85)) } +.sf-c-txt-navajowhite\:20 { color: hsl(var(--sf-dark-c-txt-navajowhite-80)) } +.sf-c-txt-navajowhite\:25 { color: hsl(var(--sf-dark-c-txt-navajowhite-75)) } +.sf-c-txt-navajowhite\:30 { color: hsl(var(--sf-dark-c-txt-navajowhite-70)) } +.sf-c-txt-navajowhite\:35 { color: hsl(var(--sf-dark-c-txt-navajowhite-65)) } +.sf-c-txt-navajowhite\:40 { color: hsl(var(--sf-dark-c-txt-navajowhite-60)) } +.sf-c-txt-navajowhite\:45 { color: hsl(var(--sf-dark-c-txt-navajowhite-55)) } +.sf-c-txt-navajowhite\:50 { color: hsl(var(--sf-dark-c-txt-navajowhite-50)) } +.sf-c-txt-navajowhite\:55 { color: hsl(var(--sf-dark-c-txt-navajowhite-45)) } +.sf-c-txt-navajowhite\:60 { color: hsl(var(--sf-dark-c-txt-navajowhite-40)) } +.sf-c-txt-navajowhite\:65 { color: hsl(var(--sf-dark-c-txt-navajowhite-35)) } +.sf-c-txt-navajowhite\:70 { color: hsl(var(--sf-dark-c-txt-navajowhite-30)) } +.sf-c-txt-navajowhite\:75 { color: hsl(var(--sf-dark-c-txt-navajowhite-25)) } +.sf-c-txt-navajowhite\:80 { color: hsl(var(--sf-dark-c-txt-navajowhite-20)) } +.sf-c-txt-navajowhite\:85 { color: hsl(var(--sf-dark-c-txt-navajowhite-15)) } +.sf-c-txt-navajowhite\:90 { color: hsl(var(--sf-dark-c-txt-navajowhite-10)) } +.sf-c-txt-navajowhite\:95 { color: hsl(var(--sf-dark-c-txt-navajowhite-5)) } +.sf-c-txt-navajowhite\:100 { color: hsl(var(--sf-dark-c-txt-navajowhite-0)) } + +html.var .sf-c-txt-navajowhite { color: hsl(36, 100%, 16%) } +html.var .sf-c-txt-navajowhite\:0 { color: hsl(36, 100%, 100%) } +html.var .sf-c-txt-navajowhite\:5 { color: hsl(36, 100%, 95%) } +html.var .sf-c-txt-navajowhite\:10 { color: hsl(36, 100%, 90%) } +html.var .sf-c-txt-navajowhite\:15 { color: hsl(36, 100%, 85%) } +html.var .sf-c-txt-navajowhite\:20 { color: hsl(36, 100%, 80%) } +html.var .sf-c-txt-navajowhite\:25 { color: hsl(36, 100%, 75%) } +html.var .sf-c-txt-navajowhite\:30 { color: hsl(36, 100%, 70%) } +html.var .sf-c-txt-navajowhite\:35 { color: hsl(36, 100%, 65%) } +html.var .sf-c-txt-navajowhite\:40 { color: hsl(36, 100%, 60%) } +html.var .sf-c-txt-navajowhite\:45 { color: hsl(36, 100%, 55%) } +html.var .sf-c-txt-navajowhite\:50 { color: hsl(36, 100%, 50%) } +html.var .sf-c-txt-navajowhite\:55 { color: hsl(36, 100%, 45%) } +html.var .sf-c-txt-navajowhite\:60 { color: hsl(36, 100%, 40%) } +html.var .sf-c-txt-navajowhite\:65 { color: hsl(36, 100%, 35%) } +html.var .sf-c-txt-navajowhite\:70 { color: hsl(36, 100%, 30%) } +html.var .sf-c-txt-navajowhite\:75 { color: hsl(36, 100%, 25%) } +html.var .sf-c-txt-navajowhite\:80 { color: hsl(36, 100%, 20%) } +html.var .sf-c-txt-navajowhite\:85 { color: hsl(36, 100%, 15%) } +html.var .sf-c-txt-navajowhite\:90 { color: hsl(36, 100%, 10%) } +html.var .sf-c-txt-navajowhite\:95 { color: hsl(36, 100%, 5%) } +html.var .sf-c-txt-navajowhite\:100 { color: hsl(36, 100%, 0%) } + html[data-theme='dark'] .sf-c-navajowhite, html.dark .sf-c-navajowhite { color: hsl(var(--sf-dark-c-txt-navajowhite-95)); background: hsl(var(--sf-dark-c-navajowhite)) } html[data-theme='dark'] .sf-c-navajowhite\:0, html.dark .sf-c-navajowhite\:0 { color: hsl(var(--sf-dark-c-txt-navajowhite-95)); background: hsl(var(--sf-dark-c-navajowhite-100)) } html[data-theme='dark'] .sf-c-navajowhite\:5, html.dark .sf-c-navajowhite\:5 { color: hsl(var(--sf-dark-c-txt-navajowhite-5)); background: hsl(var(--sf-dark-c-navajowhite-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-navajowhite\:90\:dark, html.dark .sf-c-navajowhite html[data-theme='dark'] .sf-c-navajowhite\:95\:dark, html.dark .sf-c-navajowhite\:95\:dark { color: hsl(var(--sf-c-txt-navajowhite-95)); background: hsl(var(--sf-c-navajowhite-5)) } html[data-theme='dark'] .sf-c-navajowhite\:100\:dark, html.dark .sf-c-navajowhite\:100\:dark { color: hsl(var(--sf-c-txt-navajowhite-95)); background: hsl(var(--sf-c-navajowhite-0)) } +html[data-theme='dark'] .sf-c-txt-navajowhite, html.dark .sf-c-txt-navajowhite { color: hsl(var(--sf-c-txt-navajowhite)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:0, html.dark .sf-c-txt-navajowhite\:0 { color: hsl(var(--sf-c-txt-navajowhite-0)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:5, html.dark .sf-c-txt-navajowhite\:5 { color: hsl(var(--sf-c-txt-navajowhite-5)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:10, html.dark .sf-c-txt-navajowhite\:10 { color: hsl(var(--sf-c-txt-navajowhite-10)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:15, html.dark .sf-c-txt-navajowhite\:15 { color: hsl(var(--sf-c-txt-navajowhite-15)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:20, html.dark .sf-c-txt-navajowhite\:20 { color: hsl(var(--sf-c-txt-navajowhite-20)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:25, html.dark .sf-c-txt-navajowhite\:25 { color: hsl(var(--sf-c-txt-navajowhite-25)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:30, html.dark .sf-c-txt-navajowhite\:30 { color: hsl(var(--sf-c-txt-navajowhite-30)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:35, html.dark .sf-c-txt-navajowhite\:35 { color: hsl(var(--sf-c-txt-navajowhite-35)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:40, html.dark .sf-c-txt-navajowhite\:40 { color: hsl(var(--sf-c-txt-navajowhite-40)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:45, html.dark .sf-c-txt-navajowhite\:45 { color: hsl(var(--sf-c-txt-navajowhite-45)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:50, html.dark .sf-c-txt-navajowhite\:50 { color: hsl(var(--sf-c-txt-navajowhite-50)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:55, html.dark .sf-c-txt-navajowhite\:55 { color: hsl(var(--sf-c-txt-navajowhite-55)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:60, html.dark .sf-c-txt-navajowhite\:60 { color: hsl(var(--sf-c-txt-navajowhite-60)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:65, html.dark .sf-c-txt-navajowhite\:65 { color: hsl(var(--sf-c-txt-navajowhite-65)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:70, html.dark .sf-c-txt-navajowhite\:70 { color: hsl(var(--sf-c-txt-navajowhite-70)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:75, html.dark .sf-c-txt-navajowhite\:75 { color: hsl(var(--sf-c-txt-navajowhite-75)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:80, html.dark .sf-c-txt-navajowhite\:80 { color: hsl(var(--sf-c-txt-navajowhite-80)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:85, html.dark .sf-c-txt-navajowhite\:85 { color: hsl(var(--sf-c-txt-navajowhite-85)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:90, html.dark .sf-c-txt-navajowhite\:90 { color: hsl(var(--sf-c-txt-navajowhite-90)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:95, html.dark .sf-c-txt-navajowhite\:95 { color: hsl(var(--sf-c-txt-navajowhite-95)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:100, html.dark .sf-c-txt-navajowhite\:100 { color: hsl(var(--sf-c-txt-navajowhite-100)) } + +html[data-theme='dark'] .sf-c-txt-navajowhite\:dark, html.dark .sf-c-txt-navajowhite\:dark { color: hsl(var(--sf-c-txt-navajowhite)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:0\:dark, html.dark .sf-c-txt-navajowhite\:0\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-0)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:5\:dark, html.dark .sf-c-txt-navajowhite\:5\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-5)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:10\:dark, html.dark .sf-c-txt-navajowhite\:10\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-10)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:15\:dark, html.dark .sf-c-txt-navajowhite\:15\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-15)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:20\:dark, html.dark .sf-c-txt-navajowhite\:20\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-20)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:25\:dark, html.dark .sf-c-txt-navajowhite\:25\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-25)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:30\:dark, html.dark .sf-c-txt-navajowhite\:30\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-30)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:35\:dark, html.dark .sf-c-txt-navajowhite\:35\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-35)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:40\:dark, html.dark .sf-c-txt-navajowhite\:40\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-40)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:45\:dark, html.dark .sf-c-txt-navajowhite\:45\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-45)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:50\:dark, html.dark .sf-c-txt-navajowhite\:50\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-50)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:55\:dark, html.dark .sf-c-txt-navajowhite\:55\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-55)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:60\:dark, html.dark .sf-c-txt-navajowhite\:60\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-60)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:65\:dark, html.dark .sf-c-txt-navajowhite\:65\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-65)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:70\:dark, html.dark .sf-c-txt-navajowhite\:70\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-70)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:75\:dark, html.dark .sf-c-txt-navajowhite\:75\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-75)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:80\:dark, html.dark .sf-c-txt-navajowhite\:80\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-80)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:85\:dark, html.dark .sf-c-txt-navajowhite\:85\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-85)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:90\:dark, html.dark .sf-c-txt-navajowhite\:90\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-90)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:95\:dark, html.dark .sf-c-txt-navajowhite\:95\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-95)) } +html[data-theme='dark'] .sf-c-txt-navajowhite\:100\:dark, html.dark .sf-c-txt-navajowhite\:100\:dark { color: hsl(var(--sf-dark-c-txt-navajowhite-100)) } + html.var[data-theme='dark'] .sf-c-navajowhite, html.var.dark .sf-c-navajowhite { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 16%) } html.var[data-theme='dark'] .sf-c-navajowhite\:0, html.var.dark .sf-c-navajowhite\:0 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 100%) } html.var[data-theme='dark'] .sf-c-navajowhite\:5, html.var.dark .sf-c-navajowhite\:5 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-navajowhite\:90\:dark, html.var.dark .sf-c-nav html.var[data-theme='dark'] .sf-c-navajowhite\:95\:dark, html.var.dark .sf-c-navajowhite\:95\:dark { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 5%) } html.var[data-theme='dark'] .sf-c-navajowhite\:100\:dark, html.var.dark .sf-c-navajowhite\:100\:dark { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite, html.dark .sf-c-txt-navajowhite { color: hsl(36, 100%, 84%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:0, html.dark .sf-c-txt-navajowhite\:0 { color: hsl(36, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:5, html.dark .sf-c-txt-navajowhite\:5 { color: hsl(36, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:10, html.dark .sf-c-txt-navajowhite\:10 { color: hsl(36, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:15, html.dark .sf-c-txt-navajowhite\:15 { color: hsl(36, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:20, html.dark .sf-c-txt-navajowhite\:20 { color: hsl(36, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:25, html.dark .sf-c-txt-navajowhite\:25 { color: hsl(36, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:30, html.dark .sf-c-txt-navajowhite\:30 { color: hsl(36, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:35, html.dark .sf-c-txt-navajowhite\:35 { color: hsl(36, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:40, html.dark .sf-c-txt-navajowhite\:40 { color: hsl(36, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:45, html.dark .sf-c-txt-navajowhite\:45 { color: hsl(36, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:50, html.dark .sf-c-txt-navajowhite\:50 { color: hsl(36, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:55, html.dark .sf-c-txt-navajowhite\:55 { color: hsl(36, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:60, html.dark .sf-c-txt-navajowhite\:60 { color: hsl(36, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:65, html.dark .sf-c-txt-navajowhite\:65 { color: hsl(36, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:70, html.dark .sf-c-txt-navajowhite\:70 { color: hsl(36, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:75, html.dark .sf-c-txt-navajowhite\:75 { color: hsl(36, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:80, html.dark .sf-c-txt-navajowhite\:80 { color: hsl(36, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:85, html.dark .sf-c-txt-navajowhite\:85 { color: hsl(36, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:90, html.dark .sf-c-txt-navajowhite\:90 { color: hsl(36, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:95, html.dark .sf-c-txt-navajowhite\:95 { color: hsl(36, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:100, html.dark .sf-c-txt-navajowhite\:100 { color: hsl(36, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:dark, html.dark .sf-c-txt-navajowhite\:dark { color: hsl(36, 100%, 84%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:0\:dark, html.dark .sf-c-txt-navajowhite\:0\:dark { color: hsl(36, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:5\:dark, html.dark .sf-c-txt-navajowhite\:5\:dark { color: hsl(36, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:10\:dark, html.dark .sf-c-txt-navajowhite\:10\:dark { color: hsl(36, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:15\:dark, html.dark .sf-c-txt-navajowhite\:15\:dark { color: hsl(36, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:20\:dark, html.dark .sf-c-txt-navajowhite\:20\:dark { color: hsl(36, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:25\:dark, html.dark .sf-c-txt-navajowhite\:25\:dark { color: hsl(36, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:30\:dark, html.dark .sf-c-txt-navajowhite\:30\:dark { color: hsl(36, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:35\:dark, html.dark .sf-c-txt-navajowhite\:35\:dark { color: hsl(36, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:40\:dark, html.dark .sf-c-txt-navajowhite\:40\:dark { color: hsl(36, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:45\:dark, html.dark .sf-c-txt-navajowhite\:45\:dark { color: hsl(36, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:50\:dark, html.dark .sf-c-txt-navajowhite\:50\:dark { color: hsl(36, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:55\:dark, html.dark .sf-c-txt-navajowhite\:55\:dark { color: hsl(36, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:60\:dark, html.dark .sf-c-txt-navajowhite\:60\:dark { color: hsl(36, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:65\:dark, html.dark .sf-c-txt-navajowhite\:65\:dark { color: hsl(36, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:70\:dark, html.dark .sf-c-txt-navajowhite\:70\:dark { color: hsl(36, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:75\:dark, html.dark .sf-c-txt-navajowhite\:75\:dark { color: hsl(36, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:80\:dark, html.dark .sf-c-txt-navajowhite\:80\:dark { color: hsl(36, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:85\:dark, html.dark .sf-c-txt-navajowhite\:85\:dark { color: hsl(36, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:90\:dark, html.dark .sf-c-txt-navajowhite\:90\:dark { color: hsl(36, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:95\:dark, html.dark .sf-c-txt-navajowhite\:95\:dark { color: hsl(36, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-navajowhite\:100\:dark, html.dark .sf-c-txt-navajowhite\:100\:dark { color: hsl(36, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-navajowhite, html.auto .sf-c-navajowhite { color: hsl(var(--sf-dark-c-txt-navajowhite-95)); background: hsl(var(--sf-dark-c-navajowhite)) } html[data-theme='auto'] .sf-c-navajowhite\:0, html.auto .sf-c-navajowhite\:0 { color: hsl(var(--sf-dark-c-txt-navajowhite-95)); background: hsl(var(--sf-dark-c-navajowhite-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-navajowhite\:100\:dark, html.var.dark .sf-c-na html[data-theme='auto'] .sf-c-navajowhite\:95\:dark, html.auto .sf-c-navajowhite\:95\:dark { color: hsl(var(--sf-c-txt-navajowhite-95)); background: hsl(var(--sf-c-navajowhite-5)) } html[data-theme='auto'] .sf-c-navajowhite\:100\:dark, html.auto .sf-c-navajowhite\:100\:dark { color: hsl(var(--sf-c-txt-navajowhite-95)); background: hsl(var(--sf-c-navajowhite-0)) } + html[data-theme='auto'] .sf-c-txt-navajowhite, html.auto .sf-c-txt-navajowhite { color: hsl(var(--sf-c-txt-navajowhite)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:0, html.auto .sf-c-txt-navajowhite\:0 { color: hsl(var(--sf-c-txt-navajowhite-0)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:5, html.auto .sf-c-txt-navajowhite\:5 { color: hsl(var(--sf-c-txt-navajowhite-5)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:10, html.auto .sf-c-txt-navajowhite\:10 { color: hsl(var(--sf-c-txt-navajowhite-10)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:15, html.auto .sf-c-txt-navajowhite\:15 { color: hsl(var(--sf-c-txt-navajowhite-15)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:20, html.auto .sf-c-txt-navajowhite\:20 { color: hsl(var(--sf-c-txt-navajowhite-20)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:25, html.auto .sf-c-txt-navajowhite\:25 { color: hsl(var(--sf-c-txt-navajowhite-25)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:30, html.auto .sf-c-txt-navajowhite\:30 { color: hsl(var(--sf-c-txt-navajowhite-30)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:35, html.auto .sf-c-txt-navajowhite\:35 { color: hsl(var(--sf-c-txt-navajowhite-35)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:40, html.auto .sf-c-txt-navajowhite\:40 { color: hsl(var(--sf-c-txt-navajowhite-40)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:45, html.auto .sf-c-txt-navajowhite\:45 { color: hsl(var(--sf-c-txt-navajowhite-45)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:50, html.auto .sf-c-txt-navajowhite\:50 { color: hsl(var(--sf-c-txt-navajowhite-50)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:55, html.auto .sf-c-txt-navajowhite\:55 { color: hsl(var(--sf-c-txt-navajowhite-55)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:60, html.auto .sf-c-txt-navajowhite\:60 { color: hsl(var(--sf-c-txt-navajowhite-60)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:65, html.auto .sf-c-txt-navajowhite\:65 { color: hsl(var(--sf-c-txt-navajowhite-65)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:70, html.auto .sf-c-txt-navajowhite\:70 { color: hsl(var(--sf-c-txt-navajowhite-70)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:75, html.auto .sf-c-txt-navajowhite\:75 { color: hsl(var(--sf-c-txt-navajowhite-75)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:80, html.auto .sf-c-txt-navajowhite\:80 { color: hsl(var(--sf-c-txt-navajowhite-80)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:85, html.auto .sf-c-txt-navajowhite\:85 { color: hsl(var(--sf-c-txt-navajowhite-85)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:90, html.auto .sf-c-txt-navajowhite\:90 { color: hsl(var(--sf-c-txt-navajowhite-90)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:95, html.auto .sf-c-txt-navajowhite\:95 { color: hsl(var(--sf-c-txt-navajowhite-95)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:100, html.auto .sf-c-txt-navajowhite\:100 { color: hsl(var(--sf-c-txt-navajowhite-100)) } + + html[data-theme='auto'] .sf-c-txt-navajowhite\:dark, html.auto .sf-c-txt-navajowhite\:dark { color: hsl(var(--sf-c-txt-navajowhite)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:0\:dark, html.auto .sf-c-txt-navajowhite\:0\:dark { color: hsl(var(--sf-c-txt-navajowhite-0)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:5\:dark, html.auto .sf-c-txt-navajowhite\:5\:dark { color: hsl(var(--sf-c-txt-navajowhite-5)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:10\:dark, html.auto .sf-c-txt-navajowhite\:10\:dark { color: hsl(var(--sf-c-txt-navajowhite-10)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:15\:dark, html.auto .sf-c-txt-navajowhite\:15\:dark { color: hsl(var(--sf-c-txt-navajowhite-15)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:20\:dark, html.auto .sf-c-txt-navajowhite\:20\:dark { color: hsl(var(--sf-c-txt-navajowhite-20)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:25\:dark, html.auto .sf-c-txt-navajowhite\:25\:dark { color: hsl(var(--sf-c-txt-navajowhite-25)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:30\:dark, html.auto .sf-c-txt-navajowhite\:30\:dark { color: hsl(var(--sf-c-txt-navajowhite-30)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:35\:dark, html.auto .sf-c-txt-navajowhite\:35\:dark { color: hsl(var(--sf-c-txt-navajowhite-35)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:40\:dark, html.auto .sf-c-txt-navajowhite\:40\:dark { color: hsl(var(--sf-c-txt-navajowhite-40)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:45\:dark, html.auto .sf-c-txt-navajowhite\:45\:dark { color: hsl(var(--sf-c-txt-navajowhite-45)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:50\:dark, html.auto .sf-c-txt-navajowhite\:50\:dark { color: hsl(var(--sf-c-txt-navajowhite-50)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:55\:dark, html.auto .sf-c-txt-navajowhite\:55\:dark { color: hsl(var(--sf-c-txt-navajowhite-55)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:60\:dark, html.auto .sf-c-txt-navajowhite\:60\:dark { color: hsl(var(--sf-c-txt-navajowhite-60)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:65\:dark, html.auto .sf-c-txt-navajowhite\:65\:dark { color: hsl(var(--sf-c-txt-navajowhite-65)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:70\:dark, html.auto .sf-c-txt-navajowhite\:70\:dark { color: hsl(var(--sf-c-txt-navajowhite-70)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:75\:dark, html.auto .sf-c-txt-navajowhite\:75\:dark { color: hsl(var(--sf-c-txt-navajowhite-75)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:80\:dark, html.auto .sf-c-txt-navajowhite\:80\:dark { color: hsl(var(--sf-c-txt-navajowhite-80)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:85\:dark, html.auto .sf-c-txt-navajowhite\:85\:dark { color: hsl(var(--sf-c-txt-navajowhite-85)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:90\:dark, html.auto .sf-c-txt-navajowhite\:90\:dark { color: hsl(var(--sf-c-txt-navajowhite-90)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:95\:dark, html.auto .sf-c-txt-navajowhite\:95\:dark { color: hsl(var(--sf-c-txt-navajowhite-95)) } + html[data-theme='auto'] .sf-c-txt-navajowhite\:100\:dark, html.auto .sf-c-txt-navajowhite\:100\:dark { color: hsl(var(--sf-c-txt-navajowhite-100)) } + html.var[data-theme='auto'] .sf-c-navajowhite, html.var.auto .sf-c-navajowhite { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 16%) } html.var[data-theme='auto'] .sf-c-navajowhite\:0, html.var.auto .sf-c-navajowhite\:0 { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 100%) } html.var[data-theme='auto'] .sf-c-navajowhite\:5, html.var.auto .sf-c-navajowhite\:5 { color: hsl(36, 100%, 5%); background: hsl(36, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-navajowhite\:100\:dark, html.var.dark .sf-c-na html.var[data-theme='auto'] .sf-c-navajowhite\:90\:dark, html.var.auto .sf-c-navajowhite\:90\:dark { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 10%) } html.var[data-theme='auto'] .sf-c-navajowhite\:95\:dark, html.var.auto .sf-c-navajowhite\:95\:dark { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 5%) } html.var[data-theme='auto'] .sf-c-navajowhite\:100\:dark, html.var.auto .sf-c-navajowhite\:100\:dark { color: hsl(36, 100%, 95%); background: hsl(36, 100%, 0%) } -} -.sf-c-txt-navajowhite { color: hsl(var(--sf-c-txt-navajowhite)) } -.sf-c-txt-navajowhite\:0 { color: hsl(var(--sf-c-txt-navajowhite-0)) } -.sf-c-txt-navajowhite\:5 { color: hsl(var(--sf-c-txt-navajowhite-5)) } -.sf-c-txt-navajowhite\:10 { color: hsl(var(--sf-c-txt-navajowhite-10)) } -.sf-c-txt-navajowhite\:15 { color: hsl(var(--sf-c-txt-navajowhite-15)) } -.sf-c-txt-navajowhite\:20 { color: hsl(var(--sf-c-txt-navajowhite-20)) } -.sf-c-txt-navajowhite\:25 { color: hsl(var(--sf-c-txt-navajowhite-25)) } -.sf-c-txt-navajowhite\:30 { color: hsl(var(--sf-c-txt-navajowhite-30)) } -.sf-c-txt-navajowhite\:35 { color: hsl(var(--sf-c-txt-navajowhite-35)) } -.sf-c-txt-navajowhite\:40 { color: hsl(var(--sf-c-txt-navajowhite-40)) } -.sf-c-txt-navajowhite\:45 { color: hsl(var(--sf-c-txt-navajowhite-45)) } -.sf-c-txt-navajowhite\:50 { color: hsl(var(--sf-c-txt-navajowhite-50)) } -.sf-c-txt-navajowhite\:55 { color: hsl(var(--sf-c-txt-navajowhite-55)) } -.sf-c-txt-navajowhite\:60 { color: hsl(var(--sf-c-txt-navajowhite-60)) } -.sf-c-txt-navajowhite\:65 { color: hsl(var(--sf-c-txt-navajowhite-65)) } -.sf-c-txt-navajowhite\:70 { color: hsl(var(--sf-c-txt-navajowhite-70)) } -.sf-c-txt-navajowhite\:75 { color: hsl(var(--sf-c-txt-navajowhite-75)) } -.sf-c-txt-navajowhite\:80 { color: hsl(var(--sf-c-txt-navajowhite-80)) } -.sf-c-txt-navajowhite\:85 { color: hsl(var(--sf-c-txt-navajowhite-85)) } -.sf-c-txt-navajowhite\:90 { color: hsl(var(--sf-c-txt-navajowhite-90)) } -.sf-c-txt-navajowhite\:95 { color: hsl(var(--sf-c-txt-navajowhite-95)) } -.sf-c-txt-navajowhite\:100 { color: hsl(var(--sf-c-txt-navajowhite-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-navajowhite, html.auto .sf-c-txt-navajowhite { color: hsl(36, 100%, 84%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:0, html.auto .sf-c-txt-navajowhite\:0 { color: hsl(36, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:5, html.auto .sf-c-txt-navajowhite\:5 { color: hsl(36, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:10, html.auto .sf-c-txt-navajowhite\:10 { color: hsl(36, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:15, html.auto .sf-c-txt-navajowhite\:15 { color: hsl(36, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:20, html.auto .sf-c-txt-navajowhite\:20 { color: hsl(36, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:25, html.auto .sf-c-txt-navajowhite\:25 { color: hsl(36, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:30, html.auto .sf-c-txt-navajowhite\:30 { color: hsl(36, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:35, html.auto .sf-c-txt-navajowhite\:35 { color: hsl(36, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:40, html.auto .sf-c-txt-navajowhite\:40 { color: hsl(36, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:45, html.auto .sf-c-txt-navajowhite\:45 { color: hsl(36, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:50, html.auto .sf-c-txt-navajowhite\:50 { color: hsl(36, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:55, html.auto .sf-c-txt-navajowhite\:55 { color: hsl(36, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:60, html.auto .sf-c-txt-navajowhite\:60 { color: hsl(36, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:65, html.auto .sf-c-txt-navajowhite\:65 { color: hsl(36, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:70, html.auto .sf-c-txt-navajowhite\:70 { color: hsl(36, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:75, html.auto .sf-c-txt-navajowhite\:75 { color: hsl(36, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:80, html.auto .sf-c-txt-navajowhite\:80 { color: hsl(36, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:85, html.auto .sf-c-txt-navajowhite\:85 { color: hsl(36, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:90, html.auto .sf-c-txt-navajowhite\:90 { color: hsl(36, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:95, html.auto .sf-c-txt-navajowhite\:95 { color: hsl(36, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:100, html.auto .sf-c-txt-navajowhite\:100 { color: hsl(36, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:dark, html.auto .sf-c-txt-navajowhite\:dark { color: hsl(36, 100%, 84%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:0\:dark, html.auto .sf-c-txt-navajowhite\:0\:dark { color: hsl(36, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:5\:dark, html.auto .sf-c-txt-navajowhite\:5\:dark { color: hsl(36, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:10\:dark, html.auto .sf-c-txt-navajowhite\:10\:dark { color: hsl(36, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:15\:dark, html.auto .sf-c-txt-navajowhite\:15\:dark { color: hsl(36, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:20\:dark, html.auto .sf-c-txt-navajowhite\:20\:dark { color: hsl(36, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:25\:dark, html.auto .sf-c-txt-navajowhite\:25\:dark { color: hsl(36, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:30\:dark, html.auto .sf-c-txt-navajowhite\:30\:dark { color: hsl(36, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:35\:dark, html.auto .sf-c-txt-navajowhite\:35\:dark { color: hsl(36, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:40\:dark, html.auto .sf-c-txt-navajowhite\:40\:dark { color: hsl(36, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:45\:dark, html.auto .sf-c-txt-navajowhite\:45\:dark { color: hsl(36, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:50\:dark, html.auto .sf-c-txt-navajowhite\:50\:dark { color: hsl(36, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:55\:dark, html.auto .sf-c-txt-navajowhite\:55\:dark { color: hsl(36, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:60\:dark, html.auto .sf-c-txt-navajowhite\:60\:dark { color: hsl(36, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:65\:dark, html.auto .sf-c-txt-navajowhite\:65\:dark { color: hsl(36, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:70\:dark, html.auto .sf-c-txt-navajowhite\:70\:dark { color: hsl(36, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:75\:dark, html.auto .sf-c-txt-navajowhite\:75\:dark { color: hsl(36, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:80\:dark, html.auto .sf-c-txt-navajowhite\:80\:dark { color: hsl(36, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:85\:dark, html.auto .sf-c-txt-navajowhite\:85\:dark { color: hsl(36, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:90\:dark, html.auto .sf-c-txt-navajowhite\:90\:dark { color: hsl(36, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:95\:dark, html.auto .sf-c-txt-navajowhite\:95\:dark { color: hsl(36, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-navajowhite\:100\:dark, html.auto .sf-c-txt-navajowhite\:100\:dark { color: hsl(36, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/navy.css b/src/colors/20/navy.css index 6e241d0..93a7159 100644 --- a/src/colors/20/navy.css +++ b/src/colors/20/navy.css @@ -138,6 +138,52 @@ html.var .sf-c-navy\:90 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, html.var .sf-c-navy\:95 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } html.var .sf-c-navy\:100 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 100%) } +.sf-c-txt-navy { color: hsl(var(--sf-dark-c-txt-navy)) } +.sf-c-txt-navy\:0 { color: hsl(var(--sf-dark-c-txt-navy-100)) } +.sf-c-txt-navy\:5 { color: hsl(var(--sf-dark-c-txt-navy-95)) } +.sf-c-txt-navy\:10 { color: hsl(var(--sf-dark-c-txt-navy-90)) } +.sf-c-txt-navy\:15 { color: hsl(var(--sf-dark-c-txt-navy-85)) } +.sf-c-txt-navy\:20 { color: hsl(var(--sf-dark-c-txt-navy-80)) } +.sf-c-txt-navy\:25 { color: hsl(var(--sf-dark-c-txt-navy-75)) } +.sf-c-txt-navy\:30 { color: hsl(var(--sf-dark-c-txt-navy-70)) } +.sf-c-txt-navy\:35 { color: hsl(var(--sf-dark-c-txt-navy-65)) } +.sf-c-txt-navy\:40 { color: hsl(var(--sf-dark-c-txt-navy-60)) } +.sf-c-txt-navy\:45 { color: hsl(var(--sf-dark-c-txt-navy-55)) } +.sf-c-txt-navy\:50 { color: hsl(var(--sf-dark-c-txt-navy-50)) } +.sf-c-txt-navy\:55 { color: hsl(var(--sf-dark-c-txt-navy-45)) } +.sf-c-txt-navy\:60 { color: hsl(var(--sf-dark-c-txt-navy-40)) } +.sf-c-txt-navy\:65 { color: hsl(var(--sf-dark-c-txt-navy-35)) } +.sf-c-txt-navy\:70 { color: hsl(var(--sf-dark-c-txt-navy-30)) } +.sf-c-txt-navy\:75 { color: hsl(var(--sf-dark-c-txt-navy-25)) } +.sf-c-txt-navy\:80 { color: hsl(var(--sf-dark-c-txt-navy-20)) } +.sf-c-txt-navy\:85 { color: hsl(var(--sf-dark-c-txt-navy-15)) } +.sf-c-txt-navy\:90 { color: hsl(var(--sf-dark-c-txt-navy-10)) } +.sf-c-txt-navy\:95 { color: hsl(var(--sf-dark-c-txt-navy-5)) } +.sf-c-txt-navy\:100 { color: hsl(var(--sf-dark-c-txt-navy-0)) } + +html.var .sf-c-txt-navy { color: hsl(240, 100%, 75%) } +html.var .sf-c-txt-navy\:0 { color: hsl(240, 100%, 100%) } +html.var .sf-c-txt-navy\:5 { color: hsl(240, 100%, 95%) } +html.var .sf-c-txt-navy\:10 { color: hsl(240, 100%, 90%) } +html.var .sf-c-txt-navy\:15 { color: hsl(240, 100%, 85%) } +html.var .sf-c-txt-navy\:20 { color: hsl(240, 100%, 80%) } +html.var .sf-c-txt-navy\:25 { color: hsl(240, 100%, 75%) } +html.var .sf-c-txt-navy\:30 { color: hsl(240, 100%, 70%) } +html.var .sf-c-txt-navy\:35 { color: hsl(240, 100%, 65%) } +html.var .sf-c-txt-navy\:40 { color: hsl(240, 100%, 60%) } +html.var .sf-c-txt-navy\:45 { color: hsl(240, 100%, 55%) } +html.var .sf-c-txt-navy\:50 { color: hsl(240, 100%, 50%) } +html.var .sf-c-txt-navy\:55 { color: hsl(240, 100%, 45%) } +html.var .sf-c-txt-navy\:60 { color: hsl(240, 100%, 40%) } +html.var .sf-c-txt-navy\:65 { color: hsl(240, 100%, 35%) } +html.var .sf-c-txt-navy\:70 { color: hsl(240, 100%, 30%) } +html.var .sf-c-txt-navy\:75 { color: hsl(240, 100%, 25%) } +html.var .sf-c-txt-navy\:80 { color: hsl(240, 100%, 20%) } +html.var .sf-c-txt-navy\:85 { color: hsl(240, 100%, 15%) } +html.var .sf-c-txt-navy\:90 { color: hsl(240, 100%, 10%) } +html.var .sf-c-txt-navy\:95 { color: hsl(240, 100%, 5%) } +html.var .sf-c-txt-navy\:100 { color: hsl(240, 100%, 0%) } + html[data-theme='dark'] .sf-c-navy, html.dark .sf-c-navy { color: hsl(var(--sf-dark-c-txt-navy-95)); background: hsl(var(--sf-dark-c-navy)) } html[data-theme='dark'] .sf-c-navy\:0, html.dark .sf-c-navy\:0 { color: hsl(var(--sf-dark-c-txt-navy-95)); background: hsl(var(--sf-dark-c-navy-100)) } html[data-theme='dark'] .sf-c-navy\:5, html.dark .sf-c-navy\:5 { color: hsl(var(--sf-dark-c-txt-navy-5)); background: hsl(var(--sf-dark-c-navy-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-navy\:90\:dark, html.dark .sf-c-navy\:90\:dark { c html[data-theme='dark'] .sf-c-navy\:95\:dark, html.dark .sf-c-navy\:95\:dark { color: hsl(var(--sf-c-txt-navy-95)); background: hsl(var(--sf-c-navy-5)) } html[data-theme='dark'] .sf-c-navy\:100\:dark, html.dark .sf-c-navy\:100\:dark { color: hsl(var(--sf-c-txt-navy-95)); background: hsl(var(--sf-c-navy-0)) } +html[data-theme='dark'] .sf-c-txt-navy, html.dark .sf-c-txt-navy { color: hsl(var(--sf-c-txt-navy)) } +html[data-theme='dark'] .sf-c-txt-navy\:0, html.dark .sf-c-txt-navy\:0 { color: hsl(var(--sf-c-txt-navy-0)) } +html[data-theme='dark'] .sf-c-txt-navy\:5, html.dark .sf-c-txt-navy\:5 { color: hsl(var(--sf-c-txt-navy-5)) } +html[data-theme='dark'] .sf-c-txt-navy\:10, html.dark .sf-c-txt-navy\:10 { color: hsl(var(--sf-c-txt-navy-10)) } +html[data-theme='dark'] .sf-c-txt-navy\:15, html.dark .sf-c-txt-navy\:15 { color: hsl(var(--sf-c-txt-navy-15)) } +html[data-theme='dark'] .sf-c-txt-navy\:20, html.dark .sf-c-txt-navy\:20 { color: hsl(var(--sf-c-txt-navy-20)) } +html[data-theme='dark'] .sf-c-txt-navy\:25, html.dark .sf-c-txt-navy\:25 { color: hsl(var(--sf-c-txt-navy-25)) } +html[data-theme='dark'] .sf-c-txt-navy\:30, html.dark .sf-c-txt-navy\:30 { color: hsl(var(--sf-c-txt-navy-30)) } +html[data-theme='dark'] .sf-c-txt-navy\:35, html.dark .sf-c-txt-navy\:35 { color: hsl(var(--sf-c-txt-navy-35)) } +html[data-theme='dark'] .sf-c-txt-navy\:40, html.dark .sf-c-txt-navy\:40 { color: hsl(var(--sf-c-txt-navy-40)) } +html[data-theme='dark'] .sf-c-txt-navy\:45, html.dark .sf-c-txt-navy\:45 { color: hsl(var(--sf-c-txt-navy-45)) } +html[data-theme='dark'] .sf-c-txt-navy\:50, html.dark .sf-c-txt-navy\:50 { color: hsl(var(--sf-c-txt-navy-50)) } +html[data-theme='dark'] .sf-c-txt-navy\:55, html.dark .sf-c-txt-navy\:55 { color: hsl(var(--sf-c-txt-navy-55)) } +html[data-theme='dark'] .sf-c-txt-navy\:60, html.dark .sf-c-txt-navy\:60 { color: hsl(var(--sf-c-txt-navy-60)) } +html[data-theme='dark'] .sf-c-txt-navy\:65, html.dark .sf-c-txt-navy\:65 { color: hsl(var(--sf-c-txt-navy-65)) } +html[data-theme='dark'] .sf-c-txt-navy\:70, html.dark .sf-c-txt-navy\:70 { color: hsl(var(--sf-c-txt-navy-70)) } +html[data-theme='dark'] .sf-c-txt-navy\:75, html.dark .sf-c-txt-navy\:75 { color: hsl(var(--sf-c-txt-navy-75)) } +html[data-theme='dark'] .sf-c-txt-navy\:80, html.dark .sf-c-txt-navy\:80 { color: hsl(var(--sf-c-txt-navy-80)) } +html[data-theme='dark'] .sf-c-txt-navy\:85, html.dark .sf-c-txt-navy\:85 { color: hsl(var(--sf-c-txt-navy-85)) } +html[data-theme='dark'] .sf-c-txt-navy\:90, html.dark .sf-c-txt-navy\:90 { color: hsl(var(--sf-c-txt-navy-90)) } +html[data-theme='dark'] .sf-c-txt-navy\:95, html.dark .sf-c-txt-navy\:95 { color: hsl(var(--sf-c-txt-navy-95)) } +html[data-theme='dark'] .sf-c-txt-navy\:100, html.dark .sf-c-txt-navy\:100 { color: hsl(var(--sf-c-txt-navy-100)) } + +html[data-theme='dark'] .sf-c-txt-navy\:dark, html.dark .sf-c-txt-navy\:dark { color: hsl(var(--sf-c-txt-navy)) } +html[data-theme='dark'] .sf-c-txt-navy\:0\:dark, html.dark .sf-c-txt-navy\:0\:dark { color: hsl(var(--sf-dark-c-txt-navy-0)) } +html[data-theme='dark'] .sf-c-txt-navy\:5\:dark, html.dark .sf-c-txt-navy\:5\:dark { color: hsl(var(--sf-dark-c-txt-navy-5)) } +html[data-theme='dark'] .sf-c-txt-navy\:10\:dark, html.dark .sf-c-txt-navy\:10\:dark { color: hsl(var(--sf-dark-c-txt-navy-10)) } +html[data-theme='dark'] .sf-c-txt-navy\:15\:dark, html.dark .sf-c-txt-navy\:15\:dark { color: hsl(var(--sf-dark-c-txt-navy-15)) } +html[data-theme='dark'] .sf-c-txt-navy\:20\:dark, html.dark .sf-c-txt-navy\:20\:dark { color: hsl(var(--sf-dark-c-txt-navy-20)) } +html[data-theme='dark'] .sf-c-txt-navy\:25\:dark, html.dark .sf-c-txt-navy\:25\:dark { color: hsl(var(--sf-dark-c-txt-navy-25)) } +html[data-theme='dark'] .sf-c-txt-navy\:30\:dark, html.dark .sf-c-txt-navy\:30\:dark { color: hsl(var(--sf-dark-c-txt-navy-30)) } +html[data-theme='dark'] .sf-c-txt-navy\:35\:dark, html.dark .sf-c-txt-navy\:35\:dark { color: hsl(var(--sf-dark-c-txt-navy-35)) } +html[data-theme='dark'] .sf-c-txt-navy\:40\:dark, html.dark .sf-c-txt-navy\:40\:dark { color: hsl(var(--sf-dark-c-txt-navy-40)) } +html[data-theme='dark'] .sf-c-txt-navy\:45\:dark, html.dark .sf-c-txt-navy\:45\:dark { color: hsl(var(--sf-dark-c-txt-navy-45)) } +html[data-theme='dark'] .sf-c-txt-navy\:50\:dark, html.dark .sf-c-txt-navy\:50\:dark { color: hsl(var(--sf-dark-c-txt-navy-50)) } +html[data-theme='dark'] .sf-c-txt-navy\:55\:dark, html.dark .sf-c-txt-navy\:55\:dark { color: hsl(var(--sf-dark-c-txt-navy-55)) } +html[data-theme='dark'] .sf-c-txt-navy\:60\:dark, html.dark .sf-c-txt-navy\:60\:dark { color: hsl(var(--sf-dark-c-txt-navy-60)) } +html[data-theme='dark'] .sf-c-txt-navy\:65\:dark, html.dark .sf-c-txt-navy\:65\:dark { color: hsl(var(--sf-dark-c-txt-navy-65)) } +html[data-theme='dark'] .sf-c-txt-navy\:70\:dark, html.dark .sf-c-txt-navy\:70\:dark { color: hsl(var(--sf-dark-c-txt-navy-70)) } +html[data-theme='dark'] .sf-c-txt-navy\:75\:dark, html.dark .sf-c-txt-navy\:75\:dark { color: hsl(var(--sf-dark-c-txt-navy-75)) } +html[data-theme='dark'] .sf-c-txt-navy\:80\:dark, html.dark .sf-c-txt-navy\:80\:dark { color: hsl(var(--sf-dark-c-txt-navy-80)) } +html[data-theme='dark'] .sf-c-txt-navy\:85\:dark, html.dark .sf-c-txt-navy\:85\:dark { color: hsl(var(--sf-dark-c-txt-navy-85)) } +html[data-theme='dark'] .sf-c-txt-navy\:90\:dark, html.dark .sf-c-txt-navy\:90\:dark { color: hsl(var(--sf-dark-c-txt-navy-90)) } +html[data-theme='dark'] .sf-c-txt-navy\:95\:dark, html.dark .sf-c-txt-navy\:95\:dark { color: hsl(var(--sf-dark-c-txt-navy-95)) } +html[data-theme='dark'] .sf-c-txt-navy\:100\:dark, html.dark .sf-c-txt-navy\:100\:dark { color: hsl(var(--sf-dark-c-txt-navy-100)) } + html.var[data-theme='dark'] .sf-c-navy, html.var.dark .sf-c-navy { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } html.var[data-theme='dark'] .sf-c-navy\:0, html.var.dark .sf-c-navy\:0 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 100%) } html.var[data-theme='dark'] .sf-c-navy\:5, html.var.dark .sf-c-navy\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-navy\:90\:dark, html.var.dark .sf-c-navy\:90\: html.var[data-theme='dark'] .sf-c-navy\:95\:dark, html.var.dark .sf-c-navy\:95\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } html.var[data-theme='dark'] .sf-c-navy\:100\:dark, html.var.dark .sf-c-navy\:100\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-navy, html.dark .sf-c-txt-navy { color: hsl(240, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:0, html.dark .sf-c-txt-navy\:0 { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:5, html.dark .sf-c-txt-navy\:5 { color: hsl(240, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:10, html.dark .sf-c-txt-navy\:10 { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:15, html.dark .sf-c-txt-navy\:15 { color: hsl(240, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:20, html.dark .sf-c-txt-navy\:20 { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:25, html.dark .sf-c-txt-navy\:25 { color: hsl(240, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:30, html.dark .sf-c-txt-navy\:30 { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:35, html.dark .sf-c-txt-navy\:35 { color: hsl(240, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:40, html.dark .sf-c-txt-navy\:40 { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:45, html.dark .sf-c-txt-navy\:45 { color: hsl(240, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:50, html.dark .sf-c-txt-navy\:50 { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:55, html.dark .sf-c-txt-navy\:55 { color: hsl(240, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:60, html.dark .sf-c-txt-navy\:60 { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:65, html.dark .sf-c-txt-navy\:65 { color: hsl(240, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:70, html.dark .sf-c-txt-navy\:70 { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:75, html.dark .sf-c-txt-navy\:75 { color: hsl(240, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:80, html.dark .sf-c-txt-navy\:80 { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:85, html.dark .sf-c-txt-navy\:85 { color: hsl(240, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:90, html.dark .sf-c-txt-navy\:90 { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:95, html.dark .sf-c-txt-navy\:95 { color: hsl(240, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:100, html.dark .sf-c-txt-navy\:100 { color: hsl(240, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-navy\:dark, html.dark .sf-c-txt-navy\:dark { color: hsl(240, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:0\:dark, html.dark .sf-c-txt-navy\:0\:dark { color: hsl(240, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:5\:dark, html.dark .sf-c-txt-navy\:5\:dark { color: hsl(240, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:10\:dark, html.dark .sf-c-txt-navy\:10\:dark { color: hsl(240, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:15\:dark, html.dark .sf-c-txt-navy\:15\:dark { color: hsl(240, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:20\:dark, html.dark .sf-c-txt-navy\:20\:dark { color: hsl(240, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:25\:dark, html.dark .sf-c-txt-navy\:25\:dark { color: hsl(240, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:30\:dark, html.dark .sf-c-txt-navy\:30\:dark { color: hsl(240, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:35\:dark, html.dark .sf-c-txt-navy\:35\:dark { color: hsl(240, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:40\:dark, html.dark .sf-c-txt-navy\:40\:dark { color: hsl(240, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:45\:dark, html.dark .sf-c-txt-navy\:45\:dark { color: hsl(240, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:50\:dark, html.dark .sf-c-txt-navy\:50\:dark { color: hsl(240, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:55\:dark, html.dark .sf-c-txt-navy\:55\:dark { color: hsl(240, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:60\:dark, html.dark .sf-c-txt-navy\:60\:dark { color: hsl(240, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:65\:dark, html.dark .sf-c-txt-navy\:65\:dark { color: hsl(240, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:70\:dark, html.dark .sf-c-txt-navy\:70\:dark { color: hsl(240, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:75\:dark, html.dark .sf-c-txt-navy\:75\:dark { color: hsl(240, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:80\:dark, html.dark .sf-c-txt-navy\:80\:dark { color: hsl(240, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:85\:dark, html.dark .sf-c-txt-navy\:85\:dark { color: hsl(240, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:90\:dark, html.dark .sf-c-txt-navy\:90\:dark { color: hsl(240, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:95\:dark, html.dark .sf-c-txt-navy\:95\:dark { color: hsl(240, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-navy\:100\:dark, html.dark .sf-c-txt-navy\:100\:dark { color: hsl(240, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-navy, html.auto .sf-c-navy { color: hsl(var(--sf-dark-c-txt-navy-95)); background: hsl(var(--sf-dark-c-navy)) } html[data-theme='auto'] .sf-c-navy\:0, html.auto .sf-c-navy\:0 { color: hsl(var(--sf-dark-c-txt-navy-95)); background: hsl(var(--sf-dark-c-navy-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-navy\:100\:dark, html.var.dark .sf-c-navy\:100 html[data-theme='auto'] .sf-c-navy\:95\:dark, html.auto .sf-c-navy\:95\:dark { color: hsl(var(--sf-c-txt-navy-95)); background: hsl(var(--sf-c-navy-5)) } html[data-theme='auto'] .sf-c-navy\:100\:dark, html.auto .sf-c-navy\:100\:dark { color: hsl(var(--sf-c-txt-navy-95)); background: hsl(var(--sf-c-navy-0)) } + html[data-theme='auto'] .sf-c-txt-navy, html.auto .sf-c-txt-navy { color: hsl(var(--sf-c-txt-navy)) } + html[data-theme='auto'] .sf-c-txt-navy\:0, html.auto .sf-c-txt-navy\:0 { color: hsl(var(--sf-c-txt-navy-0)) } + html[data-theme='auto'] .sf-c-txt-navy\:5, html.auto .sf-c-txt-navy\:5 { color: hsl(var(--sf-c-txt-navy-5)) } + html[data-theme='auto'] .sf-c-txt-navy\:10, html.auto .sf-c-txt-navy\:10 { color: hsl(var(--sf-c-txt-navy-10)) } + html[data-theme='auto'] .sf-c-txt-navy\:15, html.auto .sf-c-txt-navy\:15 { color: hsl(var(--sf-c-txt-navy-15)) } + html[data-theme='auto'] .sf-c-txt-navy\:20, html.auto .sf-c-txt-navy\:20 { color: hsl(var(--sf-c-txt-navy-20)) } + html[data-theme='auto'] .sf-c-txt-navy\:25, html.auto .sf-c-txt-navy\:25 { color: hsl(var(--sf-c-txt-navy-25)) } + html[data-theme='auto'] .sf-c-txt-navy\:30, html.auto .sf-c-txt-navy\:30 { color: hsl(var(--sf-c-txt-navy-30)) } + html[data-theme='auto'] .sf-c-txt-navy\:35, html.auto .sf-c-txt-navy\:35 { color: hsl(var(--sf-c-txt-navy-35)) } + html[data-theme='auto'] .sf-c-txt-navy\:40, html.auto .sf-c-txt-navy\:40 { color: hsl(var(--sf-c-txt-navy-40)) } + html[data-theme='auto'] .sf-c-txt-navy\:45, html.auto .sf-c-txt-navy\:45 { color: hsl(var(--sf-c-txt-navy-45)) } + html[data-theme='auto'] .sf-c-txt-navy\:50, html.auto .sf-c-txt-navy\:50 { color: hsl(var(--sf-c-txt-navy-50)) } + html[data-theme='auto'] .sf-c-txt-navy\:55, html.auto .sf-c-txt-navy\:55 { color: hsl(var(--sf-c-txt-navy-55)) } + html[data-theme='auto'] .sf-c-txt-navy\:60, html.auto .sf-c-txt-navy\:60 { color: hsl(var(--sf-c-txt-navy-60)) } + html[data-theme='auto'] .sf-c-txt-navy\:65, html.auto .sf-c-txt-navy\:65 { color: hsl(var(--sf-c-txt-navy-65)) } + html[data-theme='auto'] .sf-c-txt-navy\:70, html.auto .sf-c-txt-navy\:70 { color: hsl(var(--sf-c-txt-navy-70)) } + html[data-theme='auto'] .sf-c-txt-navy\:75, html.auto .sf-c-txt-navy\:75 { color: hsl(var(--sf-c-txt-navy-75)) } + html[data-theme='auto'] .sf-c-txt-navy\:80, html.auto .sf-c-txt-navy\:80 { color: hsl(var(--sf-c-txt-navy-80)) } + html[data-theme='auto'] .sf-c-txt-navy\:85, html.auto .sf-c-txt-navy\:85 { color: hsl(var(--sf-c-txt-navy-85)) } + html[data-theme='auto'] .sf-c-txt-navy\:90, html.auto .sf-c-txt-navy\:90 { color: hsl(var(--sf-c-txt-navy-90)) } + html[data-theme='auto'] .sf-c-txt-navy\:95, html.auto .sf-c-txt-navy\:95 { color: hsl(var(--sf-c-txt-navy-95)) } + html[data-theme='auto'] .sf-c-txt-navy\:100, html.auto .sf-c-txt-navy\:100 { color: hsl(var(--sf-c-txt-navy-100)) } + + html[data-theme='auto'] .sf-c-txt-navy\:dark, html.auto .sf-c-txt-navy\:dark { color: hsl(var(--sf-c-txt-navy)) } + html[data-theme='auto'] .sf-c-txt-navy\:0\:dark, html.auto .sf-c-txt-navy\:0\:dark { color: hsl(var(--sf-c-txt-navy-0)) } + html[data-theme='auto'] .sf-c-txt-navy\:5\:dark, html.auto .sf-c-txt-navy\:5\:dark { color: hsl(var(--sf-c-txt-navy-5)) } + html[data-theme='auto'] .sf-c-txt-navy\:10\:dark, html.auto .sf-c-txt-navy\:10\:dark { color: hsl(var(--sf-c-txt-navy-10)) } + html[data-theme='auto'] .sf-c-txt-navy\:15\:dark, html.auto .sf-c-txt-navy\:15\:dark { color: hsl(var(--sf-c-txt-navy-15)) } + html[data-theme='auto'] .sf-c-txt-navy\:20\:dark, html.auto .sf-c-txt-navy\:20\:dark { color: hsl(var(--sf-c-txt-navy-20)) } + html[data-theme='auto'] .sf-c-txt-navy\:25\:dark, html.auto .sf-c-txt-navy\:25\:dark { color: hsl(var(--sf-c-txt-navy-25)) } + html[data-theme='auto'] .sf-c-txt-navy\:30\:dark, html.auto .sf-c-txt-navy\:30\:dark { color: hsl(var(--sf-c-txt-navy-30)) } + html[data-theme='auto'] .sf-c-txt-navy\:35\:dark, html.auto .sf-c-txt-navy\:35\:dark { color: hsl(var(--sf-c-txt-navy-35)) } + html[data-theme='auto'] .sf-c-txt-navy\:40\:dark, html.auto .sf-c-txt-navy\:40\:dark { color: hsl(var(--sf-c-txt-navy-40)) } + html[data-theme='auto'] .sf-c-txt-navy\:45\:dark, html.auto .sf-c-txt-navy\:45\:dark { color: hsl(var(--sf-c-txt-navy-45)) } + html[data-theme='auto'] .sf-c-txt-navy\:50\:dark, html.auto .sf-c-txt-navy\:50\:dark { color: hsl(var(--sf-c-txt-navy-50)) } + html[data-theme='auto'] .sf-c-txt-navy\:55\:dark, html.auto .sf-c-txt-navy\:55\:dark { color: hsl(var(--sf-c-txt-navy-55)) } + html[data-theme='auto'] .sf-c-txt-navy\:60\:dark, html.auto .sf-c-txt-navy\:60\:dark { color: hsl(var(--sf-c-txt-navy-60)) } + html[data-theme='auto'] .sf-c-txt-navy\:65\:dark, html.auto .sf-c-txt-navy\:65\:dark { color: hsl(var(--sf-c-txt-navy-65)) } + html[data-theme='auto'] .sf-c-txt-navy\:70\:dark, html.auto .sf-c-txt-navy\:70\:dark { color: hsl(var(--sf-c-txt-navy-70)) } + html[data-theme='auto'] .sf-c-txt-navy\:75\:dark, html.auto .sf-c-txt-navy\:75\:dark { color: hsl(var(--sf-c-txt-navy-75)) } + html[data-theme='auto'] .sf-c-txt-navy\:80\:dark, html.auto .sf-c-txt-navy\:80\:dark { color: hsl(var(--sf-c-txt-navy-80)) } + html[data-theme='auto'] .sf-c-txt-navy\:85\:dark, html.auto .sf-c-txt-navy\:85\:dark { color: hsl(var(--sf-c-txt-navy-85)) } + html[data-theme='auto'] .sf-c-txt-navy\:90\:dark, html.auto .sf-c-txt-navy\:90\:dark { color: hsl(var(--sf-c-txt-navy-90)) } + html[data-theme='auto'] .sf-c-txt-navy\:95\:dark, html.auto .sf-c-txt-navy\:95\:dark { color: hsl(var(--sf-c-txt-navy-95)) } + html[data-theme='auto'] .sf-c-txt-navy\:100\:dark, html.auto .sf-c-txt-navy\:100\:dark { color: hsl(var(--sf-c-txt-navy-100)) } + html.var[data-theme='auto'] .sf-c-navy, html.var.auto .sf-c-navy { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 75%) } html.var[data-theme='auto'] .sf-c-navy\:0, html.var.auto .sf-c-navy\:0 { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 100%) } html.var[data-theme='auto'] .sf-c-navy\:5, html.var.auto .sf-c-navy\:5 { color: hsl(240, 100%, 5%); background: hsl(240, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-navy\:100\:dark, html.var.dark .sf-c-navy\:100 html.var[data-theme='auto'] .sf-c-navy\:90\:dark, html.var.auto .sf-c-navy\:90\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 10%) } html.var[data-theme='auto'] .sf-c-navy\:95\:dark, html.var.auto .sf-c-navy\:95\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 5%) } html.var[data-theme='auto'] .sf-c-navy\:100\:dark, html.var.auto .sf-c-navy\:100\:dark { color: hsl(240, 100%, 95%); background: hsl(240, 100%, 0%) } -} -.sf-c-txt-navy { color: hsl(var(--sf-c-txt-navy)) } -.sf-c-txt-navy\:0 { color: hsl(var(--sf-c-txt-navy-0)) } -.sf-c-txt-navy\:5 { color: hsl(var(--sf-c-txt-navy-5)) } -.sf-c-txt-navy\:10 { color: hsl(var(--sf-c-txt-navy-10)) } -.sf-c-txt-navy\:15 { color: hsl(var(--sf-c-txt-navy-15)) } -.sf-c-txt-navy\:20 { color: hsl(var(--sf-c-txt-navy-20)) } -.sf-c-txt-navy\:25 { color: hsl(var(--sf-c-txt-navy-25)) } -.sf-c-txt-navy\:30 { color: hsl(var(--sf-c-txt-navy-30)) } -.sf-c-txt-navy\:35 { color: hsl(var(--sf-c-txt-navy-35)) } -.sf-c-txt-navy\:40 { color: hsl(var(--sf-c-txt-navy-40)) } -.sf-c-txt-navy\:45 { color: hsl(var(--sf-c-txt-navy-45)) } -.sf-c-txt-navy\:50 { color: hsl(var(--sf-c-txt-navy-50)) } -.sf-c-txt-navy\:55 { color: hsl(var(--sf-c-txt-navy-55)) } -.sf-c-txt-navy\:60 { color: hsl(var(--sf-c-txt-navy-60)) } -.sf-c-txt-navy\:65 { color: hsl(var(--sf-c-txt-navy-65)) } -.sf-c-txt-navy\:70 { color: hsl(var(--sf-c-txt-navy-70)) } -.sf-c-txt-navy\:75 { color: hsl(var(--sf-c-txt-navy-75)) } -.sf-c-txt-navy\:80 { color: hsl(var(--sf-c-txt-navy-80)) } -.sf-c-txt-navy\:85 { color: hsl(var(--sf-c-txt-navy-85)) } -.sf-c-txt-navy\:90 { color: hsl(var(--sf-c-txt-navy-90)) } -.sf-c-txt-navy\:95 { color: hsl(var(--sf-c-txt-navy-95)) } -.sf-c-txt-navy\:100 { color: hsl(var(--sf-c-txt-navy-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-navy, html.auto .sf-c-txt-navy { color: hsl(240, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:0, html.auto .sf-c-txt-navy\:0 { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:5, html.auto .sf-c-txt-navy\:5 { color: hsl(240, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:10, html.auto .sf-c-txt-navy\:10 { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:15, html.auto .sf-c-txt-navy\:15 { color: hsl(240, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:20, html.auto .sf-c-txt-navy\:20 { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:25, html.auto .sf-c-txt-navy\:25 { color: hsl(240, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:30, html.auto .sf-c-txt-navy\:30 { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:35, html.auto .sf-c-txt-navy\:35 { color: hsl(240, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:40, html.auto .sf-c-txt-navy\:40 { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:45, html.auto .sf-c-txt-navy\:45 { color: hsl(240, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:50, html.auto .sf-c-txt-navy\:50 { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:55, html.auto .sf-c-txt-navy\:55 { color: hsl(240, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:60, html.auto .sf-c-txt-navy\:60 { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:65, html.auto .sf-c-txt-navy\:65 { color: hsl(240, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:70, html.auto .sf-c-txt-navy\:70 { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:75, html.auto .sf-c-txt-navy\:75 { color: hsl(240, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:80, html.auto .sf-c-txt-navy\:80 { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:85, html.auto .sf-c-txt-navy\:85 { color: hsl(240, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:90, html.auto .sf-c-txt-navy\:90 { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:95, html.auto .sf-c-txt-navy\:95 { color: hsl(240, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:100, html.auto .sf-c-txt-navy\:100 { color: hsl(240, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-navy\:dark, html.auto .sf-c-txt-navy\:dark { color: hsl(240, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:0\:dark, html.auto .sf-c-txt-navy\:0\:dark { color: hsl(240, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:5\:dark, html.auto .sf-c-txt-navy\:5\:dark { color: hsl(240, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:10\:dark, html.auto .sf-c-txt-navy\:10\:dark { color: hsl(240, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:15\:dark, html.auto .sf-c-txt-navy\:15\:dark { color: hsl(240, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:20\:dark, html.auto .sf-c-txt-navy\:20\:dark { color: hsl(240, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:25\:dark, html.auto .sf-c-txt-navy\:25\:dark { color: hsl(240, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:30\:dark, html.auto .sf-c-txt-navy\:30\:dark { color: hsl(240, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:35\:dark, html.auto .sf-c-txt-navy\:35\:dark { color: hsl(240, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:40\:dark, html.auto .sf-c-txt-navy\:40\:dark { color: hsl(240, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:45\:dark, html.auto .sf-c-txt-navy\:45\:dark { color: hsl(240, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:50\:dark, html.auto .sf-c-txt-navy\:50\:dark { color: hsl(240, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:55\:dark, html.auto .sf-c-txt-navy\:55\:dark { color: hsl(240, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:60\:dark, html.auto .sf-c-txt-navy\:60\:dark { color: hsl(240, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:65\:dark, html.auto .sf-c-txt-navy\:65\:dark { color: hsl(240, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:70\:dark, html.auto .sf-c-txt-navy\:70\:dark { color: hsl(240, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:75\:dark, html.auto .sf-c-txt-navy\:75\:dark { color: hsl(240, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:80\:dark, html.auto .sf-c-txt-navy\:80\:dark { color: hsl(240, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:85\:dark, html.auto .sf-c-txt-navy\:85\:dark { color: hsl(240, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:90\:dark, html.auto .sf-c-txt-navy\:90\:dark { color: hsl(240, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:95\:dark, html.auto .sf-c-txt-navy\:95\:dark { color: hsl(240, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-navy\:100\:dark, html.auto .sf-c-txt-navy\:100\:dark { color: hsl(240, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/oldlace.css b/src/colors/20/oldlace.css index 8305765..d48e68b 100644 --- a/src/colors/20/oldlace.css +++ b/src/colors/20/oldlace.css @@ -138,6 +138,52 @@ html.var .sf-c-oldlace\:90 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 9 html.var .sf-c-oldlace\:95 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 95%) } html.var .sf-c-oldlace\:100 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 100%) } +.sf-c-txt-oldlace { color: hsl(var(--sf-dark-c-txt-oldlace)) } +.sf-c-txt-oldlace\:0 { color: hsl(var(--sf-dark-c-txt-oldlace-100)) } +.sf-c-txt-oldlace\:5 { color: hsl(var(--sf-dark-c-txt-oldlace-95)) } +.sf-c-txt-oldlace\:10 { color: hsl(var(--sf-dark-c-txt-oldlace-90)) } +.sf-c-txt-oldlace\:15 { color: hsl(var(--sf-dark-c-txt-oldlace-85)) } +.sf-c-txt-oldlace\:20 { color: hsl(var(--sf-dark-c-txt-oldlace-80)) } +.sf-c-txt-oldlace\:25 { color: hsl(var(--sf-dark-c-txt-oldlace-75)) } +.sf-c-txt-oldlace\:30 { color: hsl(var(--sf-dark-c-txt-oldlace-70)) } +.sf-c-txt-oldlace\:35 { color: hsl(var(--sf-dark-c-txt-oldlace-65)) } +.sf-c-txt-oldlace\:40 { color: hsl(var(--sf-dark-c-txt-oldlace-60)) } +.sf-c-txt-oldlace\:45 { color: hsl(var(--sf-dark-c-txt-oldlace-55)) } +.sf-c-txt-oldlace\:50 { color: hsl(var(--sf-dark-c-txt-oldlace-50)) } +.sf-c-txt-oldlace\:55 { color: hsl(var(--sf-dark-c-txt-oldlace-45)) } +.sf-c-txt-oldlace\:60 { color: hsl(var(--sf-dark-c-txt-oldlace-40)) } +.sf-c-txt-oldlace\:65 { color: hsl(var(--sf-dark-c-txt-oldlace-35)) } +.sf-c-txt-oldlace\:70 { color: hsl(var(--sf-dark-c-txt-oldlace-30)) } +.sf-c-txt-oldlace\:75 { color: hsl(var(--sf-dark-c-txt-oldlace-25)) } +.sf-c-txt-oldlace\:80 { color: hsl(var(--sf-dark-c-txt-oldlace-20)) } +.sf-c-txt-oldlace\:85 { color: hsl(var(--sf-dark-c-txt-oldlace-15)) } +.sf-c-txt-oldlace\:90 { color: hsl(var(--sf-dark-c-txt-oldlace-10)) } +.sf-c-txt-oldlace\:95 { color: hsl(var(--sf-dark-c-txt-oldlace-5)) } +.sf-c-txt-oldlace\:100 { color: hsl(var(--sf-dark-c-txt-oldlace-0)) } + +html.var .sf-c-txt-oldlace { color: hsl(39, 85%, 5%) } +html.var .sf-c-txt-oldlace\:0 { color: hsl(39, 85%, 100%) } +html.var .sf-c-txt-oldlace\:5 { color: hsl(39, 85%, 95%) } +html.var .sf-c-txt-oldlace\:10 { color: hsl(39, 85%, 90%) } +html.var .sf-c-txt-oldlace\:15 { color: hsl(39, 85%, 85%) } +html.var .sf-c-txt-oldlace\:20 { color: hsl(39, 85%, 80%) } +html.var .sf-c-txt-oldlace\:25 { color: hsl(39, 85%, 75%) } +html.var .sf-c-txt-oldlace\:30 { color: hsl(39, 85%, 70%) } +html.var .sf-c-txt-oldlace\:35 { color: hsl(39, 85%, 65%) } +html.var .sf-c-txt-oldlace\:40 { color: hsl(39, 85%, 60%) } +html.var .sf-c-txt-oldlace\:45 { color: hsl(39, 85%, 55%) } +html.var .sf-c-txt-oldlace\:50 { color: hsl(39, 85%, 50%) } +html.var .sf-c-txt-oldlace\:55 { color: hsl(39, 85%, 45%) } +html.var .sf-c-txt-oldlace\:60 { color: hsl(39, 85%, 40%) } +html.var .sf-c-txt-oldlace\:65 { color: hsl(39, 85%, 35%) } +html.var .sf-c-txt-oldlace\:70 { color: hsl(39, 85%, 30%) } +html.var .sf-c-txt-oldlace\:75 { color: hsl(39, 85%, 25%) } +html.var .sf-c-txt-oldlace\:80 { color: hsl(39, 85%, 20%) } +html.var .sf-c-txt-oldlace\:85 { color: hsl(39, 85%, 15%) } +html.var .sf-c-txt-oldlace\:90 { color: hsl(39, 85%, 10%) } +html.var .sf-c-txt-oldlace\:95 { color: hsl(39, 85%, 5%) } +html.var .sf-c-txt-oldlace\:100 { color: hsl(39, 85%, 0%) } + html[data-theme='dark'] .sf-c-oldlace, html.dark .sf-c-oldlace { color: hsl(var(--sf-dark-c-txt-oldlace-95)); background: hsl(var(--sf-dark-c-oldlace)) } html[data-theme='dark'] .sf-c-oldlace\:0, html.dark .sf-c-oldlace\:0 { color: hsl(var(--sf-dark-c-txt-oldlace-95)); background: hsl(var(--sf-dark-c-oldlace-100)) } html[data-theme='dark'] .sf-c-oldlace\:5, html.dark .sf-c-oldlace\:5 { color: hsl(var(--sf-dark-c-txt-oldlace-5)); background: hsl(var(--sf-dark-c-oldlace-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-oldlace\:90\:dark, html.dark .sf-c-oldlace\:90\:da html[data-theme='dark'] .sf-c-oldlace\:95\:dark, html.dark .sf-c-oldlace\:95\:dark { color: hsl(var(--sf-c-txt-oldlace-95)); background: hsl(var(--sf-c-oldlace-5)) } html[data-theme='dark'] .sf-c-oldlace\:100\:dark, html.dark .sf-c-oldlace\:100\:dark { color: hsl(var(--sf-c-txt-oldlace-95)); background: hsl(var(--sf-c-oldlace-0)) } +html[data-theme='dark'] .sf-c-txt-oldlace, html.dark .sf-c-txt-oldlace { color: hsl(var(--sf-c-txt-oldlace)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:0, html.dark .sf-c-txt-oldlace\:0 { color: hsl(var(--sf-c-txt-oldlace-0)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:5, html.dark .sf-c-txt-oldlace\:5 { color: hsl(var(--sf-c-txt-oldlace-5)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:10, html.dark .sf-c-txt-oldlace\:10 { color: hsl(var(--sf-c-txt-oldlace-10)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:15, html.dark .sf-c-txt-oldlace\:15 { color: hsl(var(--sf-c-txt-oldlace-15)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:20, html.dark .sf-c-txt-oldlace\:20 { color: hsl(var(--sf-c-txt-oldlace-20)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:25, html.dark .sf-c-txt-oldlace\:25 { color: hsl(var(--sf-c-txt-oldlace-25)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:30, html.dark .sf-c-txt-oldlace\:30 { color: hsl(var(--sf-c-txt-oldlace-30)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:35, html.dark .sf-c-txt-oldlace\:35 { color: hsl(var(--sf-c-txt-oldlace-35)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:40, html.dark .sf-c-txt-oldlace\:40 { color: hsl(var(--sf-c-txt-oldlace-40)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:45, html.dark .sf-c-txt-oldlace\:45 { color: hsl(var(--sf-c-txt-oldlace-45)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:50, html.dark .sf-c-txt-oldlace\:50 { color: hsl(var(--sf-c-txt-oldlace-50)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:55, html.dark .sf-c-txt-oldlace\:55 { color: hsl(var(--sf-c-txt-oldlace-55)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:60, html.dark .sf-c-txt-oldlace\:60 { color: hsl(var(--sf-c-txt-oldlace-60)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:65, html.dark .sf-c-txt-oldlace\:65 { color: hsl(var(--sf-c-txt-oldlace-65)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:70, html.dark .sf-c-txt-oldlace\:70 { color: hsl(var(--sf-c-txt-oldlace-70)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:75, html.dark .sf-c-txt-oldlace\:75 { color: hsl(var(--sf-c-txt-oldlace-75)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:80, html.dark .sf-c-txt-oldlace\:80 { color: hsl(var(--sf-c-txt-oldlace-80)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:85, html.dark .sf-c-txt-oldlace\:85 { color: hsl(var(--sf-c-txt-oldlace-85)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:90, html.dark .sf-c-txt-oldlace\:90 { color: hsl(var(--sf-c-txt-oldlace-90)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:95, html.dark .sf-c-txt-oldlace\:95 { color: hsl(var(--sf-c-txt-oldlace-95)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:100, html.dark .sf-c-txt-oldlace\:100 { color: hsl(var(--sf-c-txt-oldlace-100)) } + +html[data-theme='dark'] .sf-c-txt-oldlace\:dark, html.dark .sf-c-txt-oldlace\:dark { color: hsl(var(--sf-c-txt-oldlace)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:0\:dark, html.dark .sf-c-txt-oldlace\:0\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-0)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:5\:dark, html.dark .sf-c-txt-oldlace\:5\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-5)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:10\:dark, html.dark .sf-c-txt-oldlace\:10\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-10)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:15\:dark, html.dark .sf-c-txt-oldlace\:15\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-15)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:20\:dark, html.dark .sf-c-txt-oldlace\:20\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-20)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:25\:dark, html.dark .sf-c-txt-oldlace\:25\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-25)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:30\:dark, html.dark .sf-c-txt-oldlace\:30\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-30)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:35\:dark, html.dark .sf-c-txt-oldlace\:35\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-35)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:40\:dark, html.dark .sf-c-txt-oldlace\:40\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-40)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:45\:dark, html.dark .sf-c-txt-oldlace\:45\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-45)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:50\:dark, html.dark .sf-c-txt-oldlace\:50\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-50)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:55\:dark, html.dark .sf-c-txt-oldlace\:55\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-55)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:60\:dark, html.dark .sf-c-txt-oldlace\:60\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-60)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:65\:dark, html.dark .sf-c-txt-oldlace\:65\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-65)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:70\:dark, html.dark .sf-c-txt-oldlace\:70\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-70)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:75\:dark, html.dark .sf-c-txt-oldlace\:75\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-75)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:80\:dark, html.dark .sf-c-txt-oldlace\:80\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-80)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:85\:dark, html.dark .sf-c-txt-oldlace\:85\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-85)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:90\:dark, html.dark .sf-c-txt-oldlace\:90\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-90)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:95\:dark, html.dark .sf-c-txt-oldlace\:95\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-95)) } +html[data-theme='dark'] .sf-c-txt-oldlace\:100\:dark, html.dark .sf-c-txt-oldlace\:100\:dark { color: hsl(var(--sf-dark-c-txt-oldlace-100)) } + html.var[data-theme='dark'] .sf-c-oldlace, html.var.dark .sf-c-oldlace { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 5%) } html.var[data-theme='dark'] .sf-c-oldlace\:0, html.var.dark .sf-c-oldlace\:0 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 100%) } html.var[data-theme='dark'] .sf-c-oldlace\:5, html.var.dark .sf-c-oldlace\:5 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-oldlace\:90\:dark, html.var.dark .sf-c-oldlace html.var[data-theme='dark'] .sf-c-oldlace\:95\:dark, html.var.dark .sf-c-oldlace\:95\:dark { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 5%) } html.var[data-theme='dark'] .sf-c-oldlace\:100\:dark, html.var.dark .sf-c-oldlace\:100\:dark { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace, html.dark .sf-c-txt-oldlace { color: hsl(39, 85%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:0, html.dark .sf-c-txt-oldlace\:0 { color: hsl(39, 85%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:5, html.dark .sf-c-txt-oldlace\:5 { color: hsl(39, 85%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:10, html.dark .sf-c-txt-oldlace\:10 { color: hsl(39, 85%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:15, html.dark .sf-c-txt-oldlace\:15 { color: hsl(39, 85%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:20, html.dark .sf-c-txt-oldlace\:20 { color: hsl(39, 85%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:25, html.dark .sf-c-txt-oldlace\:25 { color: hsl(39, 85%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:30, html.dark .sf-c-txt-oldlace\:30 { color: hsl(39, 85%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:35, html.dark .sf-c-txt-oldlace\:35 { color: hsl(39, 85%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:40, html.dark .sf-c-txt-oldlace\:40 { color: hsl(39, 85%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:45, html.dark .sf-c-txt-oldlace\:45 { color: hsl(39, 85%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:50, html.dark .sf-c-txt-oldlace\:50 { color: hsl(39, 85%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:55, html.dark .sf-c-txt-oldlace\:55 { color: hsl(39, 85%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:60, html.dark .sf-c-txt-oldlace\:60 { color: hsl(39, 85%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:65, html.dark .sf-c-txt-oldlace\:65 { color: hsl(39, 85%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:70, html.dark .sf-c-txt-oldlace\:70 { color: hsl(39, 85%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:75, html.dark .sf-c-txt-oldlace\:75 { color: hsl(39, 85%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:80, html.dark .sf-c-txt-oldlace\:80 { color: hsl(39, 85%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:85, html.dark .sf-c-txt-oldlace\:85 { color: hsl(39, 85%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:90, html.dark .sf-c-txt-oldlace\:90 { color: hsl(39, 85%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:95, html.dark .sf-c-txt-oldlace\:95 { color: hsl(39, 85%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:100, html.dark .sf-c-txt-oldlace\:100 { color: hsl(39, 85%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-oldlace\:dark, html.dark .sf-c-txt-oldlace\:dark { color: hsl(39, 85%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:0\:dark, html.dark .sf-c-txt-oldlace\:0\:dark { color: hsl(39, 85%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:5\:dark, html.dark .sf-c-txt-oldlace\:5\:dark { color: hsl(39, 85%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:10\:dark, html.dark .sf-c-txt-oldlace\:10\:dark { color: hsl(39, 85%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:15\:dark, html.dark .sf-c-txt-oldlace\:15\:dark { color: hsl(39, 85%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:20\:dark, html.dark .sf-c-txt-oldlace\:20\:dark { color: hsl(39, 85%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:25\:dark, html.dark .sf-c-txt-oldlace\:25\:dark { color: hsl(39, 85%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:30\:dark, html.dark .sf-c-txt-oldlace\:30\:dark { color: hsl(39, 85%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:35\:dark, html.dark .sf-c-txt-oldlace\:35\:dark { color: hsl(39, 85%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:40\:dark, html.dark .sf-c-txt-oldlace\:40\:dark { color: hsl(39, 85%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:45\:dark, html.dark .sf-c-txt-oldlace\:45\:dark { color: hsl(39, 85%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:50\:dark, html.dark .sf-c-txt-oldlace\:50\:dark { color: hsl(39, 85%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:55\:dark, html.dark .sf-c-txt-oldlace\:55\:dark { color: hsl(39, 85%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:60\:dark, html.dark .sf-c-txt-oldlace\:60\:dark { color: hsl(39, 85%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:65\:dark, html.dark .sf-c-txt-oldlace\:65\:dark { color: hsl(39, 85%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:70\:dark, html.dark .sf-c-txt-oldlace\:70\:dark { color: hsl(39, 85%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:75\:dark, html.dark .sf-c-txt-oldlace\:75\:dark { color: hsl(39, 85%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:80\:dark, html.dark .sf-c-txt-oldlace\:80\:dark { color: hsl(39, 85%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:85\:dark, html.dark .sf-c-txt-oldlace\:85\:dark { color: hsl(39, 85%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:90\:dark, html.dark .sf-c-txt-oldlace\:90\:dark { color: hsl(39, 85%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:95\:dark, html.dark .sf-c-txt-oldlace\:95\:dark { color: hsl(39, 85%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-oldlace\:100\:dark, html.dark .sf-c-txt-oldlace\:100\:dark { color: hsl(39, 85%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-oldlace, html.auto .sf-c-oldlace { color: hsl(var(--sf-dark-c-txt-oldlace-95)); background: hsl(var(--sf-dark-c-oldlace)) } html[data-theme='auto'] .sf-c-oldlace\:0, html.auto .sf-c-oldlace\:0 { color: hsl(var(--sf-dark-c-txt-oldlace-95)); background: hsl(var(--sf-dark-c-oldlace-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-oldlace\:100\:dark, html.var.dark .sf-c-oldlac html[data-theme='auto'] .sf-c-oldlace\:95\:dark, html.auto .sf-c-oldlace\:95\:dark { color: hsl(var(--sf-c-txt-oldlace-95)); background: hsl(var(--sf-c-oldlace-5)) } html[data-theme='auto'] .sf-c-oldlace\:100\:dark, html.auto .sf-c-oldlace\:100\:dark { color: hsl(var(--sf-c-txt-oldlace-95)); background: hsl(var(--sf-c-oldlace-0)) } + html[data-theme='auto'] .sf-c-txt-oldlace, html.auto .sf-c-txt-oldlace { color: hsl(var(--sf-c-txt-oldlace)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:0, html.auto .sf-c-txt-oldlace\:0 { color: hsl(var(--sf-c-txt-oldlace-0)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:5, html.auto .sf-c-txt-oldlace\:5 { color: hsl(var(--sf-c-txt-oldlace-5)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:10, html.auto .sf-c-txt-oldlace\:10 { color: hsl(var(--sf-c-txt-oldlace-10)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:15, html.auto .sf-c-txt-oldlace\:15 { color: hsl(var(--sf-c-txt-oldlace-15)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:20, html.auto .sf-c-txt-oldlace\:20 { color: hsl(var(--sf-c-txt-oldlace-20)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:25, html.auto .sf-c-txt-oldlace\:25 { color: hsl(var(--sf-c-txt-oldlace-25)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:30, html.auto .sf-c-txt-oldlace\:30 { color: hsl(var(--sf-c-txt-oldlace-30)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:35, html.auto .sf-c-txt-oldlace\:35 { color: hsl(var(--sf-c-txt-oldlace-35)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:40, html.auto .sf-c-txt-oldlace\:40 { color: hsl(var(--sf-c-txt-oldlace-40)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:45, html.auto .sf-c-txt-oldlace\:45 { color: hsl(var(--sf-c-txt-oldlace-45)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:50, html.auto .sf-c-txt-oldlace\:50 { color: hsl(var(--sf-c-txt-oldlace-50)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:55, html.auto .sf-c-txt-oldlace\:55 { color: hsl(var(--sf-c-txt-oldlace-55)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:60, html.auto .sf-c-txt-oldlace\:60 { color: hsl(var(--sf-c-txt-oldlace-60)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:65, html.auto .sf-c-txt-oldlace\:65 { color: hsl(var(--sf-c-txt-oldlace-65)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:70, html.auto .sf-c-txt-oldlace\:70 { color: hsl(var(--sf-c-txt-oldlace-70)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:75, html.auto .sf-c-txt-oldlace\:75 { color: hsl(var(--sf-c-txt-oldlace-75)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:80, html.auto .sf-c-txt-oldlace\:80 { color: hsl(var(--sf-c-txt-oldlace-80)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:85, html.auto .sf-c-txt-oldlace\:85 { color: hsl(var(--sf-c-txt-oldlace-85)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:90, html.auto .sf-c-txt-oldlace\:90 { color: hsl(var(--sf-c-txt-oldlace-90)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:95, html.auto .sf-c-txt-oldlace\:95 { color: hsl(var(--sf-c-txt-oldlace-95)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:100, html.auto .sf-c-txt-oldlace\:100 { color: hsl(var(--sf-c-txt-oldlace-100)) } + + html[data-theme='auto'] .sf-c-txt-oldlace\:dark, html.auto .sf-c-txt-oldlace\:dark { color: hsl(var(--sf-c-txt-oldlace)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:0\:dark, html.auto .sf-c-txt-oldlace\:0\:dark { color: hsl(var(--sf-c-txt-oldlace-0)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:5\:dark, html.auto .sf-c-txt-oldlace\:5\:dark { color: hsl(var(--sf-c-txt-oldlace-5)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:10\:dark, html.auto .sf-c-txt-oldlace\:10\:dark { color: hsl(var(--sf-c-txt-oldlace-10)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:15\:dark, html.auto .sf-c-txt-oldlace\:15\:dark { color: hsl(var(--sf-c-txt-oldlace-15)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:20\:dark, html.auto .sf-c-txt-oldlace\:20\:dark { color: hsl(var(--sf-c-txt-oldlace-20)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:25\:dark, html.auto .sf-c-txt-oldlace\:25\:dark { color: hsl(var(--sf-c-txt-oldlace-25)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:30\:dark, html.auto .sf-c-txt-oldlace\:30\:dark { color: hsl(var(--sf-c-txt-oldlace-30)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:35\:dark, html.auto .sf-c-txt-oldlace\:35\:dark { color: hsl(var(--sf-c-txt-oldlace-35)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:40\:dark, html.auto .sf-c-txt-oldlace\:40\:dark { color: hsl(var(--sf-c-txt-oldlace-40)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:45\:dark, html.auto .sf-c-txt-oldlace\:45\:dark { color: hsl(var(--sf-c-txt-oldlace-45)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:50\:dark, html.auto .sf-c-txt-oldlace\:50\:dark { color: hsl(var(--sf-c-txt-oldlace-50)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:55\:dark, html.auto .sf-c-txt-oldlace\:55\:dark { color: hsl(var(--sf-c-txt-oldlace-55)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:60\:dark, html.auto .sf-c-txt-oldlace\:60\:dark { color: hsl(var(--sf-c-txt-oldlace-60)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:65\:dark, html.auto .sf-c-txt-oldlace\:65\:dark { color: hsl(var(--sf-c-txt-oldlace-65)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:70\:dark, html.auto .sf-c-txt-oldlace\:70\:dark { color: hsl(var(--sf-c-txt-oldlace-70)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:75\:dark, html.auto .sf-c-txt-oldlace\:75\:dark { color: hsl(var(--sf-c-txt-oldlace-75)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:80\:dark, html.auto .sf-c-txt-oldlace\:80\:dark { color: hsl(var(--sf-c-txt-oldlace-80)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:85\:dark, html.auto .sf-c-txt-oldlace\:85\:dark { color: hsl(var(--sf-c-txt-oldlace-85)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:90\:dark, html.auto .sf-c-txt-oldlace\:90\:dark { color: hsl(var(--sf-c-txt-oldlace-90)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:95\:dark, html.auto .sf-c-txt-oldlace\:95\:dark { color: hsl(var(--sf-c-txt-oldlace-95)) } + html[data-theme='auto'] .sf-c-txt-oldlace\:100\:dark, html.auto .sf-c-txt-oldlace\:100\:dark { color: hsl(var(--sf-c-txt-oldlace-100)) } + html.var[data-theme='auto'] .sf-c-oldlace, html.var.auto .sf-c-oldlace { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 5%) } html.var[data-theme='auto'] .sf-c-oldlace\:0, html.var.auto .sf-c-oldlace\:0 { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 100%) } html.var[data-theme='auto'] .sf-c-oldlace\:5, html.var.auto .sf-c-oldlace\:5 { color: hsl(39, 85%, 5%); background: hsl(39, 85%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-oldlace\:100\:dark, html.var.dark .sf-c-oldlac html.var[data-theme='auto'] .sf-c-oldlace\:90\:dark, html.var.auto .sf-c-oldlace\:90\:dark { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 10%) } html.var[data-theme='auto'] .sf-c-oldlace\:95\:dark, html.var.auto .sf-c-oldlace\:95\:dark { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 5%) } html.var[data-theme='auto'] .sf-c-oldlace\:100\:dark, html.var.auto .sf-c-oldlace\:100\:dark { color: hsl(39, 85%, 95%); background: hsl(39, 85%, 0%) } -} -.sf-c-txt-oldlace { color: hsl(var(--sf-c-txt-oldlace)) } -.sf-c-txt-oldlace\:0 { color: hsl(var(--sf-c-txt-oldlace-0)) } -.sf-c-txt-oldlace\:5 { color: hsl(var(--sf-c-txt-oldlace-5)) } -.sf-c-txt-oldlace\:10 { color: hsl(var(--sf-c-txt-oldlace-10)) } -.sf-c-txt-oldlace\:15 { color: hsl(var(--sf-c-txt-oldlace-15)) } -.sf-c-txt-oldlace\:20 { color: hsl(var(--sf-c-txt-oldlace-20)) } -.sf-c-txt-oldlace\:25 { color: hsl(var(--sf-c-txt-oldlace-25)) } -.sf-c-txt-oldlace\:30 { color: hsl(var(--sf-c-txt-oldlace-30)) } -.sf-c-txt-oldlace\:35 { color: hsl(var(--sf-c-txt-oldlace-35)) } -.sf-c-txt-oldlace\:40 { color: hsl(var(--sf-c-txt-oldlace-40)) } -.sf-c-txt-oldlace\:45 { color: hsl(var(--sf-c-txt-oldlace-45)) } -.sf-c-txt-oldlace\:50 { color: hsl(var(--sf-c-txt-oldlace-50)) } -.sf-c-txt-oldlace\:55 { color: hsl(var(--sf-c-txt-oldlace-55)) } -.sf-c-txt-oldlace\:60 { color: hsl(var(--sf-c-txt-oldlace-60)) } -.sf-c-txt-oldlace\:65 { color: hsl(var(--sf-c-txt-oldlace-65)) } -.sf-c-txt-oldlace\:70 { color: hsl(var(--sf-c-txt-oldlace-70)) } -.sf-c-txt-oldlace\:75 { color: hsl(var(--sf-c-txt-oldlace-75)) } -.sf-c-txt-oldlace\:80 { color: hsl(var(--sf-c-txt-oldlace-80)) } -.sf-c-txt-oldlace\:85 { color: hsl(var(--sf-c-txt-oldlace-85)) } -.sf-c-txt-oldlace\:90 { color: hsl(var(--sf-c-txt-oldlace-90)) } -.sf-c-txt-oldlace\:95 { color: hsl(var(--sf-c-txt-oldlace-95)) } -.sf-c-txt-oldlace\:100 { color: hsl(var(--sf-c-txt-oldlace-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-oldlace, html.auto .sf-c-txt-oldlace { color: hsl(39, 85%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:0, html.auto .sf-c-txt-oldlace\:0 { color: hsl(39, 85%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:5, html.auto .sf-c-txt-oldlace\:5 { color: hsl(39, 85%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:10, html.auto .sf-c-txt-oldlace\:10 { color: hsl(39, 85%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:15, html.auto .sf-c-txt-oldlace\:15 { color: hsl(39, 85%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:20, html.auto .sf-c-txt-oldlace\:20 { color: hsl(39, 85%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:25, html.auto .sf-c-txt-oldlace\:25 { color: hsl(39, 85%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:30, html.auto .sf-c-txt-oldlace\:30 { color: hsl(39, 85%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:35, html.auto .sf-c-txt-oldlace\:35 { color: hsl(39, 85%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:40, html.auto .sf-c-txt-oldlace\:40 { color: hsl(39, 85%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:45, html.auto .sf-c-txt-oldlace\:45 { color: hsl(39, 85%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:50, html.auto .sf-c-txt-oldlace\:50 { color: hsl(39, 85%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:55, html.auto .sf-c-txt-oldlace\:55 { color: hsl(39, 85%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:60, html.auto .sf-c-txt-oldlace\:60 { color: hsl(39, 85%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:65, html.auto .sf-c-txt-oldlace\:65 { color: hsl(39, 85%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:70, html.auto .sf-c-txt-oldlace\:70 { color: hsl(39, 85%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:75, html.auto .sf-c-txt-oldlace\:75 { color: hsl(39, 85%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:80, html.auto .sf-c-txt-oldlace\:80 { color: hsl(39, 85%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:85, html.auto .sf-c-txt-oldlace\:85 { color: hsl(39, 85%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:90, html.auto .sf-c-txt-oldlace\:90 { color: hsl(39, 85%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:95, html.auto .sf-c-txt-oldlace\:95 { color: hsl(39, 85%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:100, html.auto .sf-c-txt-oldlace\:100 { color: hsl(39, 85%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-oldlace\:dark, html.auto .sf-c-txt-oldlace\:dark { color: hsl(39, 85%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:0\:dark, html.auto .sf-c-txt-oldlace\:0\:dark { color: hsl(39, 85%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:5\:dark, html.auto .sf-c-txt-oldlace\:5\:dark { color: hsl(39, 85%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:10\:dark, html.auto .sf-c-txt-oldlace\:10\:dark { color: hsl(39, 85%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:15\:dark, html.auto .sf-c-txt-oldlace\:15\:dark { color: hsl(39, 85%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:20\:dark, html.auto .sf-c-txt-oldlace\:20\:dark { color: hsl(39, 85%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:25\:dark, html.auto .sf-c-txt-oldlace\:25\:dark { color: hsl(39, 85%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:30\:dark, html.auto .sf-c-txt-oldlace\:30\:dark { color: hsl(39, 85%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:35\:dark, html.auto .sf-c-txt-oldlace\:35\:dark { color: hsl(39, 85%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:40\:dark, html.auto .sf-c-txt-oldlace\:40\:dark { color: hsl(39, 85%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:45\:dark, html.auto .sf-c-txt-oldlace\:45\:dark { color: hsl(39, 85%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:50\:dark, html.auto .sf-c-txt-oldlace\:50\:dark { color: hsl(39, 85%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:55\:dark, html.auto .sf-c-txt-oldlace\:55\:dark { color: hsl(39, 85%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:60\:dark, html.auto .sf-c-txt-oldlace\:60\:dark { color: hsl(39, 85%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:65\:dark, html.auto .sf-c-txt-oldlace\:65\:dark { color: hsl(39, 85%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:70\:dark, html.auto .sf-c-txt-oldlace\:70\:dark { color: hsl(39, 85%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:75\:dark, html.auto .sf-c-txt-oldlace\:75\:dark { color: hsl(39, 85%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:80\:dark, html.auto .sf-c-txt-oldlace\:80\:dark { color: hsl(39, 85%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:85\:dark, html.auto .sf-c-txt-oldlace\:85\:dark { color: hsl(39, 85%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:90\:dark, html.auto .sf-c-txt-oldlace\:90\:dark { color: hsl(39, 85%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:95\:dark, html.auto .sf-c-txt-oldlace\:95\:dark { color: hsl(39, 85%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-oldlace\:100\:dark, html.auto .sf-c-txt-oldlace\:100\:dark { color: hsl(39, 85%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/olive.css b/src/colors/20/olive.css index 08f6ffe..499ea14 100644 --- a/src/colors/20/olive.css +++ b/src/colors/20/olive.css @@ -138,6 +138,52 @@ html.var .sf-c-olive\:90 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 9 html.var .sf-c-olive\:95 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } html.var .sf-c-olive\:100 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } +.sf-c-txt-olive { color: hsl(var(--sf-dark-c-txt-olive)) } +.sf-c-txt-olive\:0 { color: hsl(var(--sf-dark-c-txt-olive-100)) } +.sf-c-txt-olive\:5 { color: hsl(var(--sf-dark-c-txt-olive-95)) } +.sf-c-txt-olive\:10 { color: hsl(var(--sf-dark-c-txt-olive-90)) } +.sf-c-txt-olive\:15 { color: hsl(var(--sf-dark-c-txt-olive-85)) } +.sf-c-txt-olive\:20 { color: hsl(var(--sf-dark-c-txt-olive-80)) } +.sf-c-txt-olive\:25 { color: hsl(var(--sf-dark-c-txt-olive-75)) } +.sf-c-txt-olive\:30 { color: hsl(var(--sf-dark-c-txt-olive-70)) } +.sf-c-txt-olive\:35 { color: hsl(var(--sf-dark-c-txt-olive-65)) } +.sf-c-txt-olive\:40 { color: hsl(var(--sf-dark-c-txt-olive-60)) } +.sf-c-txt-olive\:45 { color: hsl(var(--sf-dark-c-txt-olive-55)) } +.sf-c-txt-olive\:50 { color: hsl(var(--sf-dark-c-txt-olive-50)) } +.sf-c-txt-olive\:55 { color: hsl(var(--sf-dark-c-txt-olive-45)) } +.sf-c-txt-olive\:60 { color: hsl(var(--sf-dark-c-txt-olive-40)) } +.sf-c-txt-olive\:65 { color: hsl(var(--sf-dark-c-txt-olive-35)) } +.sf-c-txt-olive\:70 { color: hsl(var(--sf-dark-c-txt-olive-30)) } +.sf-c-txt-olive\:75 { color: hsl(var(--sf-dark-c-txt-olive-25)) } +.sf-c-txt-olive\:80 { color: hsl(var(--sf-dark-c-txt-olive-20)) } +.sf-c-txt-olive\:85 { color: hsl(var(--sf-dark-c-txt-olive-15)) } +.sf-c-txt-olive\:90 { color: hsl(var(--sf-dark-c-txt-olive-10)) } +.sf-c-txt-olive\:95 { color: hsl(var(--sf-dark-c-txt-olive-5)) } +.sf-c-txt-olive\:100 { color: hsl(var(--sf-dark-c-txt-olive-0)) } + +html.var .sf-c-txt-olive { color: hsl(60, 100%, 75%) } +html.var .sf-c-txt-olive\:0 { color: hsl(60, 100%, 100%) } +html.var .sf-c-txt-olive\:5 { color: hsl(60, 100%, 95%) } +html.var .sf-c-txt-olive\:10 { color: hsl(60, 100%, 90%) } +html.var .sf-c-txt-olive\:15 { color: hsl(60, 100%, 85%) } +html.var .sf-c-txt-olive\:20 { color: hsl(60, 100%, 80%) } +html.var .sf-c-txt-olive\:25 { color: hsl(60, 100%, 75%) } +html.var .sf-c-txt-olive\:30 { color: hsl(60, 100%, 70%) } +html.var .sf-c-txt-olive\:35 { color: hsl(60, 100%, 65%) } +html.var .sf-c-txt-olive\:40 { color: hsl(60, 100%, 60%) } +html.var .sf-c-txt-olive\:45 { color: hsl(60, 100%, 55%) } +html.var .sf-c-txt-olive\:50 { color: hsl(60, 100%, 50%) } +html.var .sf-c-txt-olive\:55 { color: hsl(60, 100%, 45%) } +html.var .sf-c-txt-olive\:60 { color: hsl(60, 100%, 40%) } +html.var .sf-c-txt-olive\:65 { color: hsl(60, 100%, 35%) } +html.var .sf-c-txt-olive\:70 { color: hsl(60, 100%, 30%) } +html.var .sf-c-txt-olive\:75 { color: hsl(60, 100%, 25%) } +html.var .sf-c-txt-olive\:80 { color: hsl(60, 100%, 20%) } +html.var .sf-c-txt-olive\:85 { color: hsl(60, 100%, 15%) } +html.var .sf-c-txt-olive\:90 { color: hsl(60, 100%, 10%) } +html.var .sf-c-txt-olive\:95 { color: hsl(60, 100%, 5%) } +html.var .sf-c-txt-olive\:100 { color: hsl(60, 100%, 0%) } + html[data-theme='dark'] .sf-c-olive, html.dark .sf-c-olive { color: hsl(var(--sf-dark-c-txt-olive-5)); background: hsl(var(--sf-dark-c-olive)) } html[data-theme='dark'] .sf-c-olive\:0, html.dark .sf-c-olive\:0 { color: hsl(var(--sf-dark-c-txt-olive-95)); background: hsl(var(--sf-dark-c-olive-100)) } html[data-theme='dark'] .sf-c-olive\:5, html.dark .sf-c-olive\:5 { color: hsl(var(--sf-dark-c-txt-olive-5)); background: hsl(var(--sf-dark-c-olive-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-olive\:90\:dark, html.dark .sf-c-olive\:90\:dark { html[data-theme='dark'] .sf-c-olive\:95\:dark, html.dark .sf-c-olive\:95\:dark { color: hsl(var(--sf-c-txt-olive-95)); background: hsl(var(--sf-c-olive-5)) } html[data-theme='dark'] .sf-c-olive\:100\:dark, html.dark .sf-c-olive\:100\:dark { color: hsl(var(--sf-c-txt-olive-95)); background: hsl(var(--sf-c-olive-0)) } +html[data-theme='dark'] .sf-c-txt-olive, html.dark .sf-c-txt-olive { color: hsl(var(--sf-c-txt-olive)) } +html[data-theme='dark'] .sf-c-txt-olive\:0, html.dark .sf-c-txt-olive\:0 { color: hsl(var(--sf-c-txt-olive-0)) } +html[data-theme='dark'] .sf-c-txt-olive\:5, html.dark .sf-c-txt-olive\:5 { color: hsl(var(--sf-c-txt-olive-5)) } +html[data-theme='dark'] .sf-c-txt-olive\:10, html.dark .sf-c-txt-olive\:10 { color: hsl(var(--sf-c-txt-olive-10)) } +html[data-theme='dark'] .sf-c-txt-olive\:15, html.dark .sf-c-txt-olive\:15 { color: hsl(var(--sf-c-txt-olive-15)) } +html[data-theme='dark'] .sf-c-txt-olive\:20, html.dark .sf-c-txt-olive\:20 { color: hsl(var(--sf-c-txt-olive-20)) } +html[data-theme='dark'] .sf-c-txt-olive\:25, html.dark .sf-c-txt-olive\:25 { color: hsl(var(--sf-c-txt-olive-25)) } +html[data-theme='dark'] .sf-c-txt-olive\:30, html.dark .sf-c-txt-olive\:30 { color: hsl(var(--sf-c-txt-olive-30)) } +html[data-theme='dark'] .sf-c-txt-olive\:35, html.dark .sf-c-txt-olive\:35 { color: hsl(var(--sf-c-txt-olive-35)) } +html[data-theme='dark'] .sf-c-txt-olive\:40, html.dark .sf-c-txt-olive\:40 { color: hsl(var(--sf-c-txt-olive-40)) } +html[data-theme='dark'] .sf-c-txt-olive\:45, html.dark .sf-c-txt-olive\:45 { color: hsl(var(--sf-c-txt-olive-45)) } +html[data-theme='dark'] .sf-c-txt-olive\:50, html.dark .sf-c-txt-olive\:50 { color: hsl(var(--sf-c-txt-olive-50)) } +html[data-theme='dark'] .sf-c-txt-olive\:55, html.dark .sf-c-txt-olive\:55 { color: hsl(var(--sf-c-txt-olive-55)) } +html[data-theme='dark'] .sf-c-txt-olive\:60, html.dark .sf-c-txt-olive\:60 { color: hsl(var(--sf-c-txt-olive-60)) } +html[data-theme='dark'] .sf-c-txt-olive\:65, html.dark .sf-c-txt-olive\:65 { color: hsl(var(--sf-c-txt-olive-65)) } +html[data-theme='dark'] .sf-c-txt-olive\:70, html.dark .sf-c-txt-olive\:70 { color: hsl(var(--sf-c-txt-olive-70)) } +html[data-theme='dark'] .sf-c-txt-olive\:75, html.dark .sf-c-txt-olive\:75 { color: hsl(var(--sf-c-txt-olive-75)) } +html[data-theme='dark'] .sf-c-txt-olive\:80, html.dark .sf-c-txt-olive\:80 { color: hsl(var(--sf-c-txt-olive-80)) } +html[data-theme='dark'] .sf-c-txt-olive\:85, html.dark .sf-c-txt-olive\:85 { color: hsl(var(--sf-c-txt-olive-85)) } +html[data-theme='dark'] .sf-c-txt-olive\:90, html.dark .sf-c-txt-olive\:90 { color: hsl(var(--sf-c-txt-olive-90)) } +html[data-theme='dark'] .sf-c-txt-olive\:95, html.dark .sf-c-txt-olive\:95 { color: hsl(var(--sf-c-txt-olive-95)) } +html[data-theme='dark'] .sf-c-txt-olive\:100, html.dark .sf-c-txt-olive\:100 { color: hsl(var(--sf-c-txt-olive-100)) } + +html[data-theme='dark'] .sf-c-txt-olive\:dark, html.dark .sf-c-txt-olive\:dark { color: hsl(var(--sf-c-txt-olive)) } +html[data-theme='dark'] .sf-c-txt-olive\:0\:dark, html.dark .sf-c-txt-olive\:0\:dark { color: hsl(var(--sf-dark-c-txt-olive-0)) } +html[data-theme='dark'] .sf-c-txt-olive\:5\:dark, html.dark .sf-c-txt-olive\:5\:dark { color: hsl(var(--sf-dark-c-txt-olive-5)) } +html[data-theme='dark'] .sf-c-txt-olive\:10\:dark, html.dark .sf-c-txt-olive\:10\:dark { color: hsl(var(--sf-dark-c-txt-olive-10)) } +html[data-theme='dark'] .sf-c-txt-olive\:15\:dark, html.dark .sf-c-txt-olive\:15\:dark { color: hsl(var(--sf-dark-c-txt-olive-15)) } +html[data-theme='dark'] .sf-c-txt-olive\:20\:dark, html.dark .sf-c-txt-olive\:20\:dark { color: hsl(var(--sf-dark-c-txt-olive-20)) } +html[data-theme='dark'] .sf-c-txt-olive\:25\:dark, html.dark .sf-c-txt-olive\:25\:dark { color: hsl(var(--sf-dark-c-txt-olive-25)) } +html[data-theme='dark'] .sf-c-txt-olive\:30\:dark, html.dark .sf-c-txt-olive\:30\:dark { color: hsl(var(--sf-dark-c-txt-olive-30)) } +html[data-theme='dark'] .sf-c-txt-olive\:35\:dark, html.dark .sf-c-txt-olive\:35\:dark { color: hsl(var(--sf-dark-c-txt-olive-35)) } +html[data-theme='dark'] .sf-c-txt-olive\:40\:dark, html.dark .sf-c-txt-olive\:40\:dark { color: hsl(var(--sf-dark-c-txt-olive-40)) } +html[data-theme='dark'] .sf-c-txt-olive\:45\:dark, html.dark .sf-c-txt-olive\:45\:dark { color: hsl(var(--sf-dark-c-txt-olive-45)) } +html[data-theme='dark'] .sf-c-txt-olive\:50\:dark, html.dark .sf-c-txt-olive\:50\:dark { color: hsl(var(--sf-dark-c-txt-olive-50)) } +html[data-theme='dark'] .sf-c-txt-olive\:55\:dark, html.dark .sf-c-txt-olive\:55\:dark { color: hsl(var(--sf-dark-c-txt-olive-55)) } +html[data-theme='dark'] .sf-c-txt-olive\:60\:dark, html.dark .sf-c-txt-olive\:60\:dark { color: hsl(var(--sf-dark-c-txt-olive-60)) } +html[data-theme='dark'] .sf-c-txt-olive\:65\:dark, html.dark .sf-c-txt-olive\:65\:dark { color: hsl(var(--sf-dark-c-txt-olive-65)) } +html[data-theme='dark'] .sf-c-txt-olive\:70\:dark, html.dark .sf-c-txt-olive\:70\:dark { color: hsl(var(--sf-dark-c-txt-olive-70)) } +html[data-theme='dark'] .sf-c-txt-olive\:75\:dark, html.dark .sf-c-txt-olive\:75\:dark { color: hsl(var(--sf-dark-c-txt-olive-75)) } +html[data-theme='dark'] .sf-c-txt-olive\:80\:dark, html.dark .sf-c-txt-olive\:80\:dark { color: hsl(var(--sf-dark-c-txt-olive-80)) } +html[data-theme='dark'] .sf-c-txt-olive\:85\:dark, html.dark .sf-c-txt-olive\:85\:dark { color: hsl(var(--sf-dark-c-txt-olive-85)) } +html[data-theme='dark'] .sf-c-txt-olive\:90\:dark, html.dark .sf-c-txt-olive\:90\:dark { color: hsl(var(--sf-dark-c-txt-olive-90)) } +html[data-theme='dark'] .sf-c-txt-olive\:95\:dark, html.dark .sf-c-txt-olive\:95\:dark { color: hsl(var(--sf-dark-c-txt-olive-95)) } +html[data-theme='dark'] .sf-c-txt-olive\:100\:dark, html.dark .sf-c-txt-olive\:100\:dark { color: hsl(var(--sf-dark-c-txt-olive-100)) } + html.var[data-theme='dark'] .sf-c-olive, html.var.dark .sf-c-olive { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } html.var[data-theme='dark'] .sf-c-olive\:0, html.var.dark .sf-c-olive\:0 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 100%) } html.var[data-theme='dark'] .sf-c-olive\:5, html.var.dark .sf-c-olive\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-olive\:90\:dark, html.var.dark .sf-c-olive\:90 html.var[data-theme='dark'] .sf-c-olive\:95\:dark, html.var.dark .sf-c-olive\:95\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } html.var[data-theme='dark'] .sf-c-olive\:100\:dark, html.var.dark .sf-c-olive\:100\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-olive, html.dark .sf-c-txt-olive { color: hsl(60, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:0, html.dark .sf-c-txt-olive\:0 { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:5, html.dark .sf-c-txt-olive\:5 { color: hsl(60, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:10, html.dark .sf-c-txt-olive\:10 { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:15, html.dark .sf-c-txt-olive\:15 { color: hsl(60, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:20, html.dark .sf-c-txt-olive\:20 { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:25, html.dark .sf-c-txt-olive\:25 { color: hsl(60, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:30, html.dark .sf-c-txt-olive\:30 { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:35, html.dark .sf-c-txt-olive\:35 { color: hsl(60, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:40, html.dark .sf-c-txt-olive\:40 { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:45, html.dark .sf-c-txt-olive\:45 { color: hsl(60, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:50, html.dark .sf-c-txt-olive\:50 { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:55, html.dark .sf-c-txt-olive\:55 { color: hsl(60, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:60, html.dark .sf-c-txt-olive\:60 { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:65, html.dark .sf-c-txt-olive\:65 { color: hsl(60, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:70, html.dark .sf-c-txt-olive\:70 { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:75, html.dark .sf-c-txt-olive\:75 { color: hsl(60, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:80, html.dark .sf-c-txt-olive\:80 { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:85, html.dark .sf-c-txt-olive\:85 { color: hsl(60, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:90, html.dark .sf-c-txt-olive\:90 { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:95, html.dark .sf-c-txt-olive\:95 { color: hsl(60, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:100, html.dark .sf-c-txt-olive\:100 { color: hsl(60, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-olive\:dark, html.dark .sf-c-txt-olive\:dark { color: hsl(60, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:0\:dark, html.dark .sf-c-txt-olive\:0\:dark { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:5\:dark, html.dark .sf-c-txt-olive\:5\:dark { color: hsl(60, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:10\:dark, html.dark .sf-c-txt-olive\:10\:dark { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:15\:dark, html.dark .sf-c-txt-olive\:15\:dark { color: hsl(60, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:20\:dark, html.dark .sf-c-txt-olive\:20\:dark { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:25\:dark, html.dark .sf-c-txt-olive\:25\:dark { color: hsl(60, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:30\:dark, html.dark .sf-c-txt-olive\:30\:dark { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:35\:dark, html.dark .sf-c-txt-olive\:35\:dark { color: hsl(60, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:40\:dark, html.dark .sf-c-txt-olive\:40\:dark { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:45\:dark, html.dark .sf-c-txt-olive\:45\:dark { color: hsl(60, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:50\:dark, html.dark .sf-c-txt-olive\:50\:dark { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:55\:dark, html.dark .sf-c-txt-olive\:55\:dark { color: hsl(60, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:60\:dark, html.dark .sf-c-txt-olive\:60\:dark { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:65\:dark, html.dark .sf-c-txt-olive\:65\:dark { color: hsl(60, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:70\:dark, html.dark .sf-c-txt-olive\:70\:dark { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:75\:dark, html.dark .sf-c-txt-olive\:75\:dark { color: hsl(60, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:80\:dark, html.dark .sf-c-txt-olive\:80\:dark { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:85\:dark, html.dark .sf-c-txt-olive\:85\:dark { color: hsl(60, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:90\:dark, html.dark .sf-c-txt-olive\:90\:dark { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:95\:dark, html.dark .sf-c-txt-olive\:95\:dark { color: hsl(60, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-olive\:100\:dark, html.dark .sf-c-txt-olive\:100\:dark { color: hsl(60, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-olive, html.auto .sf-c-olive { color: hsl(var(--sf-dark-c-txt-olive-5)); background: hsl(var(--sf-dark-c-olive)) } html[data-theme='auto'] .sf-c-olive\:0, html.auto .sf-c-olive\:0 { color: hsl(var(--sf-dark-c-txt-olive-95)); background: hsl(var(--sf-dark-c-olive-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-olive\:100\:dark, html.var.dark .sf-c-olive\:1 html[data-theme='auto'] .sf-c-olive\:95\:dark, html.auto .sf-c-olive\:95\:dark { color: hsl(var(--sf-c-txt-olive-95)); background: hsl(var(--sf-c-olive-5)) } html[data-theme='auto'] .sf-c-olive\:100\:dark, html.auto .sf-c-olive\:100\:dark { color: hsl(var(--sf-c-txt-olive-95)); background: hsl(var(--sf-c-olive-0)) } + html[data-theme='auto'] .sf-c-txt-olive, html.auto .sf-c-txt-olive { color: hsl(var(--sf-c-txt-olive)) } + html[data-theme='auto'] .sf-c-txt-olive\:0, html.auto .sf-c-txt-olive\:0 { color: hsl(var(--sf-c-txt-olive-0)) } + html[data-theme='auto'] .sf-c-txt-olive\:5, html.auto .sf-c-txt-olive\:5 { color: hsl(var(--sf-c-txt-olive-5)) } + html[data-theme='auto'] .sf-c-txt-olive\:10, html.auto .sf-c-txt-olive\:10 { color: hsl(var(--sf-c-txt-olive-10)) } + html[data-theme='auto'] .sf-c-txt-olive\:15, html.auto .sf-c-txt-olive\:15 { color: hsl(var(--sf-c-txt-olive-15)) } + html[data-theme='auto'] .sf-c-txt-olive\:20, html.auto .sf-c-txt-olive\:20 { color: hsl(var(--sf-c-txt-olive-20)) } + html[data-theme='auto'] .sf-c-txt-olive\:25, html.auto .sf-c-txt-olive\:25 { color: hsl(var(--sf-c-txt-olive-25)) } + html[data-theme='auto'] .sf-c-txt-olive\:30, html.auto .sf-c-txt-olive\:30 { color: hsl(var(--sf-c-txt-olive-30)) } + html[data-theme='auto'] .sf-c-txt-olive\:35, html.auto .sf-c-txt-olive\:35 { color: hsl(var(--sf-c-txt-olive-35)) } + html[data-theme='auto'] .sf-c-txt-olive\:40, html.auto .sf-c-txt-olive\:40 { color: hsl(var(--sf-c-txt-olive-40)) } + html[data-theme='auto'] .sf-c-txt-olive\:45, html.auto .sf-c-txt-olive\:45 { color: hsl(var(--sf-c-txt-olive-45)) } + html[data-theme='auto'] .sf-c-txt-olive\:50, html.auto .sf-c-txt-olive\:50 { color: hsl(var(--sf-c-txt-olive-50)) } + html[data-theme='auto'] .sf-c-txt-olive\:55, html.auto .sf-c-txt-olive\:55 { color: hsl(var(--sf-c-txt-olive-55)) } + html[data-theme='auto'] .sf-c-txt-olive\:60, html.auto .sf-c-txt-olive\:60 { color: hsl(var(--sf-c-txt-olive-60)) } + html[data-theme='auto'] .sf-c-txt-olive\:65, html.auto .sf-c-txt-olive\:65 { color: hsl(var(--sf-c-txt-olive-65)) } + html[data-theme='auto'] .sf-c-txt-olive\:70, html.auto .sf-c-txt-olive\:70 { color: hsl(var(--sf-c-txt-olive-70)) } + html[data-theme='auto'] .sf-c-txt-olive\:75, html.auto .sf-c-txt-olive\:75 { color: hsl(var(--sf-c-txt-olive-75)) } + html[data-theme='auto'] .sf-c-txt-olive\:80, html.auto .sf-c-txt-olive\:80 { color: hsl(var(--sf-c-txt-olive-80)) } + html[data-theme='auto'] .sf-c-txt-olive\:85, html.auto .sf-c-txt-olive\:85 { color: hsl(var(--sf-c-txt-olive-85)) } + html[data-theme='auto'] .sf-c-txt-olive\:90, html.auto .sf-c-txt-olive\:90 { color: hsl(var(--sf-c-txt-olive-90)) } + html[data-theme='auto'] .sf-c-txt-olive\:95, html.auto .sf-c-txt-olive\:95 { color: hsl(var(--sf-c-txt-olive-95)) } + html[data-theme='auto'] .sf-c-txt-olive\:100, html.auto .sf-c-txt-olive\:100 { color: hsl(var(--sf-c-txt-olive-100)) } + + html[data-theme='auto'] .sf-c-txt-olive\:dark, html.auto .sf-c-txt-olive\:dark { color: hsl(var(--sf-c-txt-olive)) } + html[data-theme='auto'] .sf-c-txt-olive\:0\:dark, html.auto .sf-c-txt-olive\:0\:dark { color: hsl(var(--sf-c-txt-olive-0)) } + html[data-theme='auto'] .sf-c-txt-olive\:5\:dark, html.auto .sf-c-txt-olive\:5\:dark { color: hsl(var(--sf-c-txt-olive-5)) } + html[data-theme='auto'] .sf-c-txt-olive\:10\:dark, html.auto .sf-c-txt-olive\:10\:dark { color: hsl(var(--sf-c-txt-olive-10)) } + html[data-theme='auto'] .sf-c-txt-olive\:15\:dark, html.auto .sf-c-txt-olive\:15\:dark { color: hsl(var(--sf-c-txt-olive-15)) } + html[data-theme='auto'] .sf-c-txt-olive\:20\:dark, html.auto .sf-c-txt-olive\:20\:dark { color: hsl(var(--sf-c-txt-olive-20)) } + html[data-theme='auto'] .sf-c-txt-olive\:25\:dark, html.auto .sf-c-txt-olive\:25\:dark { color: hsl(var(--sf-c-txt-olive-25)) } + html[data-theme='auto'] .sf-c-txt-olive\:30\:dark, html.auto .sf-c-txt-olive\:30\:dark { color: hsl(var(--sf-c-txt-olive-30)) } + html[data-theme='auto'] .sf-c-txt-olive\:35\:dark, html.auto .sf-c-txt-olive\:35\:dark { color: hsl(var(--sf-c-txt-olive-35)) } + html[data-theme='auto'] .sf-c-txt-olive\:40\:dark, html.auto .sf-c-txt-olive\:40\:dark { color: hsl(var(--sf-c-txt-olive-40)) } + html[data-theme='auto'] .sf-c-txt-olive\:45\:dark, html.auto .sf-c-txt-olive\:45\:dark { color: hsl(var(--sf-c-txt-olive-45)) } + html[data-theme='auto'] .sf-c-txt-olive\:50\:dark, html.auto .sf-c-txt-olive\:50\:dark { color: hsl(var(--sf-c-txt-olive-50)) } + html[data-theme='auto'] .sf-c-txt-olive\:55\:dark, html.auto .sf-c-txt-olive\:55\:dark { color: hsl(var(--sf-c-txt-olive-55)) } + html[data-theme='auto'] .sf-c-txt-olive\:60\:dark, html.auto .sf-c-txt-olive\:60\:dark { color: hsl(var(--sf-c-txt-olive-60)) } + html[data-theme='auto'] .sf-c-txt-olive\:65\:dark, html.auto .sf-c-txt-olive\:65\:dark { color: hsl(var(--sf-c-txt-olive-65)) } + html[data-theme='auto'] .sf-c-txt-olive\:70\:dark, html.auto .sf-c-txt-olive\:70\:dark { color: hsl(var(--sf-c-txt-olive-70)) } + html[data-theme='auto'] .sf-c-txt-olive\:75\:dark, html.auto .sf-c-txt-olive\:75\:dark { color: hsl(var(--sf-c-txt-olive-75)) } + html[data-theme='auto'] .sf-c-txt-olive\:80\:dark, html.auto .sf-c-txt-olive\:80\:dark { color: hsl(var(--sf-c-txt-olive-80)) } + html[data-theme='auto'] .sf-c-txt-olive\:85\:dark, html.auto .sf-c-txt-olive\:85\:dark { color: hsl(var(--sf-c-txt-olive-85)) } + html[data-theme='auto'] .sf-c-txt-olive\:90\:dark, html.auto .sf-c-txt-olive\:90\:dark { color: hsl(var(--sf-c-txt-olive-90)) } + html[data-theme='auto'] .sf-c-txt-olive\:95\:dark, html.auto .sf-c-txt-olive\:95\:dark { color: hsl(var(--sf-c-txt-olive-95)) } + html[data-theme='auto'] .sf-c-txt-olive\:100\:dark, html.auto .sf-c-txt-olive\:100\:dark { color: hsl(var(--sf-c-txt-olive-100)) } + html.var[data-theme='auto'] .sf-c-olive, html.var.auto .sf-c-olive { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 75%) } html.var[data-theme='auto'] .sf-c-olive\:0, html.var.auto .sf-c-olive\:0 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 100%) } html.var[data-theme='auto'] .sf-c-olive\:5, html.var.auto .sf-c-olive\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-olive\:100\:dark, html.var.dark .sf-c-olive\:1 html.var[data-theme='auto'] .sf-c-olive\:90\:dark, html.var.auto .sf-c-olive\:90\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } html.var[data-theme='auto'] .sf-c-olive\:95\:dark, html.var.auto .sf-c-olive\:95\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } html.var[data-theme='auto'] .sf-c-olive\:100\:dark, html.var.auto .sf-c-olive\:100\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } -} -.sf-c-txt-olive { color: hsl(var(--sf-c-txt-olive)) } -.sf-c-txt-olive\:0 { color: hsl(var(--sf-c-txt-olive-0)) } -.sf-c-txt-olive\:5 { color: hsl(var(--sf-c-txt-olive-5)) } -.sf-c-txt-olive\:10 { color: hsl(var(--sf-c-txt-olive-10)) } -.sf-c-txt-olive\:15 { color: hsl(var(--sf-c-txt-olive-15)) } -.sf-c-txt-olive\:20 { color: hsl(var(--sf-c-txt-olive-20)) } -.sf-c-txt-olive\:25 { color: hsl(var(--sf-c-txt-olive-25)) } -.sf-c-txt-olive\:30 { color: hsl(var(--sf-c-txt-olive-30)) } -.sf-c-txt-olive\:35 { color: hsl(var(--sf-c-txt-olive-35)) } -.sf-c-txt-olive\:40 { color: hsl(var(--sf-c-txt-olive-40)) } -.sf-c-txt-olive\:45 { color: hsl(var(--sf-c-txt-olive-45)) } -.sf-c-txt-olive\:50 { color: hsl(var(--sf-c-txt-olive-50)) } -.sf-c-txt-olive\:55 { color: hsl(var(--sf-c-txt-olive-55)) } -.sf-c-txt-olive\:60 { color: hsl(var(--sf-c-txt-olive-60)) } -.sf-c-txt-olive\:65 { color: hsl(var(--sf-c-txt-olive-65)) } -.sf-c-txt-olive\:70 { color: hsl(var(--sf-c-txt-olive-70)) } -.sf-c-txt-olive\:75 { color: hsl(var(--sf-c-txt-olive-75)) } -.sf-c-txt-olive\:80 { color: hsl(var(--sf-c-txt-olive-80)) } -.sf-c-txt-olive\:85 { color: hsl(var(--sf-c-txt-olive-85)) } -.sf-c-txt-olive\:90 { color: hsl(var(--sf-c-txt-olive-90)) } -.sf-c-txt-olive\:95 { color: hsl(var(--sf-c-txt-olive-95)) } -.sf-c-txt-olive\:100 { color: hsl(var(--sf-c-txt-olive-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-olive, html.auto .sf-c-txt-olive { color: hsl(60, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:0, html.auto .sf-c-txt-olive\:0 { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:5, html.auto .sf-c-txt-olive\:5 { color: hsl(60, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:10, html.auto .sf-c-txt-olive\:10 { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:15, html.auto .sf-c-txt-olive\:15 { color: hsl(60, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:20, html.auto .sf-c-txt-olive\:20 { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:25, html.auto .sf-c-txt-olive\:25 { color: hsl(60, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:30, html.auto .sf-c-txt-olive\:30 { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:35, html.auto .sf-c-txt-olive\:35 { color: hsl(60, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:40, html.auto .sf-c-txt-olive\:40 { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:45, html.auto .sf-c-txt-olive\:45 { color: hsl(60, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:50, html.auto .sf-c-txt-olive\:50 { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:55, html.auto .sf-c-txt-olive\:55 { color: hsl(60, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:60, html.auto .sf-c-txt-olive\:60 { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:65, html.auto .sf-c-txt-olive\:65 { color: hsl(60, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:70, html.auto .sf-c-txt-olive\:70 { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:75, html.auto .sf-c-txt-olive\:75 { color: hsl(60, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:80, html.auto .sf-c-txt-olive\:80 { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:85, html.auto .sf-c-txt-olive\:85 { color: hsl(60, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:90, html.auto .sf-c-txt-olive\:90 { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:95, html.auto .sf-c-txt-olive\:95 { color: hsl(60, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:100, html.auto .sf-c-txt-olive\:100 { color: hsl(60, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-olive\:dark, html.auto .sf-c-txt-olive\:dark { color: hsl(60, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:0\:dark, html.auto .sf-c-txt-olive\:0\:dark { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:5\:dark, html.auto .sf-c-txt-olive\:5\:dark { color: hsl(60, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:10\:dark, html.auto .sf-c-txt-olive\:10\:dark { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:15\:dark, html.auto .sf-c-txt-olive\:15\:dark { color: hsl(60, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:20\:dark, html.auto .sf-c-txt-olive\:20\:dark { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:25\:dark, html.auto .sf-c-txt-olive\:25\:dark { color: hsl(60, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:30\:dark, html.auto .sf-c-txt-olive\:30\:dark { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:35\:dark, html.auto .sf-c-txt-olive\:35\:dark { color: hsl(60, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:40\:dark, html.auto .sf-c-txt-olive\:40\:dark { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:45\:dark, html.auto .sf-c-txt-olive\:45\:dark { color: hsl(60, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:50\:dark, html.auto .sf-c-txt-olive\:50\:dark { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:55\:dark, html.auto .sf-c-txt-olive\:55\:dark { color: hsl(60, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:60\:dark, html.auto .sf-c-txt-olive\:60\:dark { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:65\:dark, html.auto .sf-c-txt-olive\:65\:dark { color: hsl(60, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:70\:dark, html.auto .sf-c-txt-olive\:70\:dark { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:75\:dark, html.auto .sf-c-txt-olive\:75\:dark { color: hsl(60, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:80\:dark, html.auto .sf-c-txt-olive\:80\:dark { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:85\:dark, html.auto .sf-c-txt-olive\:85\:dark { color: hsl(60, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:90\:dark, html.auto .sf-c-txt-olive\:90\:dark { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:95\:dark, html.auto .sf-c-txt-olive\:95\:dark { color: hsl(60, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-olive\:100\:dark, html.auto .sf-c-txt-olive\:100\:dark { color: hsl(60, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/olivedrab.css b/src/colors/20/olivedrab.css index a04288c..e2b7423 100644 --- a/src/colors/20/olivedrab.css +++ b/src/colors/20/olivedrab.css @@ -138,6 +138,52 @@ html.var .sf-c-olivedrab\:90 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, html.var .sf-c-olivedrab\:95 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 95%) } html.var .sf-c-olivedrab\:100 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 100%) } +.sf-c-txt-olivedrab { color: hsl(var(--sf-dark-c-txt-olivedrab)) } +.sf-c-txt-olivedrab\:0 { color: hsl(var(--sf-dark-c-txt-olivedrab-100)) } +.sf-c-txt-olivedrab\:5 { color: hsl(var(--sf-dark-c-txt-olivedrab-95)) } +.sf-c-txt-olivedrab\:10 { color: hsl(var(--sf-dark-c-txt-olivedrab-90)) } +.sf-c-txt-olivedrab\:15 { color: hsl(var(--sf-dark-c-txt-olivedrab-85)) } +.sf-c-txt-olivedrab\:20 { color: hsl(var(--sf-dark-c-txt-olivedrab-80)) } +.sf-c-txt-olivedrab\:25 { color: hsl(var(--sf-dark-c-txt-olivedrab-75)) } +.sf-c-txt-olivedrab\:30 { color: hsl(var(--sf-dark-c-txt-olivedrab-70)) } +.sf-c-txt-olivedrab\:35 { color: hsl(var(--sf-dark-c-txt-olivedrab-65)) } +.sf-c-txt-olivedrab\:40 { color: hsl(var(--sf-dark-c-txt-olivedrab-60)) } +.sf-c-txt-olivedrab\:45 { color: hsl(var(--sf-dark-c-txt-olivedrab-55)) } +.sf-c-txt-olivedrab\:50 { color: hsl(var(--sf-dark-c-txt-olivedrab-50)) } +.sf-c-txt-olivedrab\:55 { color: hsl(var(--sf-dark-c-txt-olivedrab-45)) } +.sf-c-txt-olivedrab\:60 { color: hsl(var(--sf-dark-c-txt-olivedrab-40)) } +.sf-c-txt-olivedrab\:65 { color: hsl(var(--sf-dark-c-txt-olivedrab-35)) } +.sf-c-txt-olivedrab\:70 { color: hsl(var(--sf-dark-c-txt-olivedrab-30)) } +.sf-c-txt-olivedrab\:75 { color: hsl(var(--sf-dark-c-txt-olivedrab-25)) } +.sf-c-txt-olivedrab\:80 { color: hsl(var(--sf-dark-c-txt-olivedrab-20)) } +.sf-c-txt-olivedrab\:85 { color: hsl(var(--sf-dark-c-txt-olivedrab-15)) } +.sf-c-txt-olivedrab\:90 { color: hsl(var(--sf-dark-c-txt-olivedrab-10)) } +.sf-c-txt-olivedrab\:95 { color: hsl(var(--sf-dark-c-txt-olivedrab-5)) } +.sf-c-txt-olivedrab\:100 { color: hsl(var(--sf-dark-c-txt-olivedrab-0)) } + +html.var .sf-c-txt-olivedrab { color: hsl(80, 60%, 65%) } +html.var .sf-c-txt-olivedrab\:0 { color: hsl(80, 60%, 100%) } +html.var .sf-c-txt-olivedrab\:5 { color: hsl(80, 60%, 95%) } +html.var .sf-c-txt-olivedrab\:10 { color: hsl(80, 60%, 90%) } +html.var .sf-c-txt-olivedrab\:15 { color: hsl(80, 60%, 85%) } +html.var .sf-c-txt-olivedrab\:20 { color: hsl(80, 60%, 80%) } +html.var .sf-c-txt-olivedrab\:25 { color: hsl(80, 60%, 75%) } +html.var .sf-c-txt-olivedrab\:30 { color: hsl(80, 60%, 70%) } +html.var .sf-c-txt-olivedrab\:35 { color: hsl(80, 60%, 65%) } +html.var .sf-c-txt-olivedrab\:40 { color: hsl(80, 60%, 60%) } +html.var .sf-c-txt-olivedrab\:45 { color: hsl(80, 60%, 55%) } +html.var .sf-c-txt-olivedrab\:50 { color: hsl(80, 60%, 50%) } +html.var .sf-c-txt-olivedrab\:55 { color: hsl(80, 60%, 45%) } +html.var .sf-c-txt-olivedrab\:60 { color: hsl(80, 60%, 40%) } +html.var .sf-c-txt-olivedrab\:65 { color: hsl(80, 60%, 35%) } +html.var .sf-c-txt-olivedrab\:70 { color: hsl(80, 60%, 30%) } +html.var .sf-c-txt-olivedrab\:75 { color: hsl(80, 60%, 25%) } +html.var .sf-c-txt-olivedrab\:80 { color: hsl(80, 60%, 20%) } +html.var .sf-c-txt-olivedrab\:85 { color: hsl(80, 60%, 15%) } +html.var .sf-c-txt-olivedrab\:90 { color: hsl(80, 60%, 10%) } +html.var .sf-c-txt-olivedrab\:95 { color: hsl(80, 60%, 5%) } +html.var .sf-c-txt-olivedrab\:100 { color: hsl(80, 60%, 0%) } + html[data-theme='dark'] .sf-c-olivedrab, html.dark .sf-c-olivedrab { color: hsl(var(--sf-dark-c-txt-olivedrab-5)); background: hsl(var(--sf-dark-c-olivedrab)) } html[data-theme='dark'] .sf-c-olivedrab\:0, html.dark .sf-c-olivedrab\:0 { color: hsl(var(--sf-dark-c-txt-olivedrab-95)); background: hsl(var(--sf-dark-c-olivedrab-100)) } html[data-theme='dark'] .sf-c-olivedrab\:5, html.dark .sf-c-olivedrab\:5 { color: hsl(var(--sf-dark-c-txt-olivedrab-5)); background: hsl(var(--sf-dark-c-olivedrab-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-olivedrab\:90\:dark, html.dark .sf-c-olivedrab\:90 html[data-theme='dark'] .sf-c-olivedrab\:95\:dark, html.dark .sf-c-olivedrab\:95\:dark { color: hsl(var(--sf-c-txt-olivedrab-95)); background: hsl(var(--sf-c-olivedrab-5)) } html[data-theme='dark'] .sf-c-olivedrab\:100\:dark, html.dark .sf-c-olivedrab\:100\:dark { color: hsl(var(--sf-c-txt-olivedrab-95)); background: hsl(var(--sf-c-olivedrab-0)) } +html[data-theme='dark'] .sf-c-txt-olivedrab, html.dark .sf-c-txt-olivedrab { color: hsl(var(--sf-c-txt-olivedrab)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:0, html.dark .sf-c-txt-olivedrab\:0 { color: hsl(var(--sf-c-txt-olivedrab-0)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:5, html.dark .sf-c-txt-olivedrab\:5 { color: hsl(var(--sf-c-txt-olivedrab-5)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:10, html.dark .sf-c-txt-olivedrab\:10 { color: hsl(var(--sf-c-txt-olivedrab-10)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:15, html.dark .sf-c-txt-olivedrab\:15 { color: hsl(var(--sf-c-txt-olivedrab-15)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:20, html.dark .sf-c-txt-olivedrab\:20 { color: hsl(var(--sf-c-txt-olivedrab-20)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:25, html.dark .sf-c-txt-olivedrab\:25 { color: hsl(var(--sf-c-txt-olivedrab-25)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:30, html.dark .sf-c-txt-olivedrab\:30 { color: hsl(var(--sf-c-txt-olivedrab-30)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:35, html.dark .sf-c-txt-olivedrab\:35 { color: hsl(var(--sf-c-txt-olivedrab-35)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:40, html.dark .sf-c-txt-olivedrab\:40 { color: hsl(var(--sf-c-txt-olivedrab-40)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:45, html.dark .sf-c-txt-olivedrab\:45 { color: hsl(var(--sf-c-txt-olivedrab-45)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:50, html.dark .sf-c-txt-olivedrab\:50 { color: hsl(var(--sf-c-txt-olivedrab-50)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:55, html.dark .sf-c-txt-olivedrab\:55 { color: hsl(var(--sf-c-txt-olivedrab-55)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:60, html.dark .sf-c-txt-olivedrab\:60 { color: hsl(var(--sf-c-txt-olivedrab-60)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:65, html.dark .sf-c-txt-olivedrab\:65 { color: hsl(var(--sf-c-txt-olivedrab-65)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:70, html.dark .sf-c-txt-olivedrab\:70 { color: hsl(var(--sf-c-txt-olivedrab-70)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:75, html.dark .sf-c-txt-olivedrab\:75 { color: hsl(var(--sf-c-txt-olivedrab-75)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:80, html.dark .sf-c-txt-olivedrab\:80 { color: hsl(var(--sf-c-txt-olivedrab-80)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:85, html.dark .sf-c-txt-olivedrab\:85 { color: hsl(var(--sf-c-txt-olivedrab-85)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:90, html.dark .sf-c-txt-olivedrab\:90 { color: hsl(var(--sf-c-txt-olivedrab-90)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:95, html.dark .sf-c-txt-olivedrab\:95 { color: hsl(var(--sf-c-txt-olivedrab-95)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:100, html.dark .sf-c-txt-olivedrab\:100 { color: hsl(var(--sf-c-txt-olivedrab-100)) } + +html[data-theme='dark'] .sf-c-txt-olivedrab\:dark, html.dark .sf-c-txt-olivedrab\:dark { color: hsl(var(--sf-c-txt-olivedrab)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:0\:dark, html.dark .sf-c-txt-olivedrab\:0\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-0)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:5\:dark, html.dark .sf-c-txt-olivedrab\:5\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-5)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:10\:dark, html.dark .sf-c-txt-olivedrab\:10\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-10)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:15\:dark, html.dark .sf-c-txt-olivedrab\:15\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-15)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:20\:dark, html.dark .sf-c-txt-olivedrab\:20\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-20)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:25\:dark, html.dark .sf-c-txt-olivedrab\:25\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-25)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:30\:dark, html.dark .sf-c-txt-olivedrab\:30\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-30)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:35\:dark, html.dark .sf-c-txt-olivedrab\:35\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-35)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:40\:dark, html.dark .sf-c-txt-olivedrab\:40\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-40)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:45\:dark, html.dark .sf-c-txt-olivedrab\:45\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-45)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:50\:dark, html.dark .sf-c-txt-olivedrab\:50\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-50)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:55\:dark, html.dark .sf-c-txt-olivedrab\:55\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-55)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:60\:dark, html.dark .sf-c-txt-olivedrab\:60\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-60)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:65\:dark, html.dark .sf-c-txt-olivedrab\:65\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-65)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:70\:dark, html.dark .sf-c-txt-olivedrab\:70\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-70)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:75\:dark, html.dark .sf-c-txt-olivedrab\:75\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-75)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:80\:dark, html.dark .sf-c-txt-olivedrab\:80\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-80)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:85\:dark, html.dark .sf-c-txt-olivedrab\:85\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-85)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:90\:dark, html.dark .sf-c-txt-olivedrab\:90\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-90)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:95\:dark, html.dark .sf-c-txt-olivedrab\:95\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-95)) } +html[data-theme='dark'] .sf-c-txt-olivedrab\:100\:dark, html.dark .sf-c-txt-olivedrab\:100\:dark { color: hsl(var(--sf-dark-c-txt-olivedrab-100)) } + html.var[data-theme='dark'] .sf-c-olivedrab, html.var.dark .sf-c-olivedrab { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 65%) } html.var[data-theme='dark'] .sf-c-olivedrab\:0, html.var.dark .sf-c-olivedrab\:0 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 100%) } html.var[data-theme='dark'] .sf-c-olivedrab\:5, html.var.dark .sf-c-olivedrab\:5 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-olivedrab\:90\:dark, html.var.dark .sf-c-olive html.var[data-theme='dark'] .sf-c-olivedrab\:95\:dark, html.var.dark .sf-c-olivedrab\:95\:dark { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 5%) } html.var[data-theme='dark'] .sf-c-olivedrab\:100\:dark, html.var.dark .sf-c-olivedrab\:100\:dark { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab, html.dark .sf-c-txt-olivedrab { color: hsl(80, 60%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:0, html.dark .sf-c-txt-olivedrab\:0 { color: hsl(80, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:5, html.dark .sf-c-txt-olivedrab\:5 { color: hsl(80, 60%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:10, html.dark .sf-c-txt-olivedrab\:10 { color: hsl(80, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:15, html.dark .sf-c-txt-olivedrab\:15 { color: hsl(80, 60%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:20, html.dark .sf-c-txt-olivedrab\:20 { color: hsl(80, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:25, html.dark .sf-c-txt-olivedrab\:25 { color: hsl(80, 60%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:30, html.dark .sf-c-txt-olivedrab\:30 { color: hsl(80, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:35, html.dark .sf-c-txt-olivedrab\:35 { color: hsl(80, 60%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:40, html.dark .sf-c-txt-olivedrab\:40 { color: hsl(80, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:45, html.dark .sf-c-txt-olivedrab\:45 { color: hsl(80, 60%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:50, html.dark .sf-c-txt-olivedrab\:50 { color: hsl(80, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:55, html.dark .sf-c-txt-olivedrab\:55 { color: hsl(80, 60%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:60, html.dark .sf-c-txt-olivedrab\:60 { color: hsl(80, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:65, html.dark .sf-c-txt-olivedrab\:65 { color: hsl(80, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:70, html.dark .sf-c-txt-olivedrab\:70 { color: hsl(80, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:75, html.dark .sf-c-txt-olivedrab\:75 { color: hsl(80, 60%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:80, html.dark .sf-c-txt-olivedrab\:80 { color: hsl(80, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:85, html.dark .sf-c-txt-olivedrab\:85 { color: hsl(80, 60%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:90, html.dark .sf-c-txt-olivedrab\:90 { color: hsl(80, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:95, html.dark .sf-c-txt-olivedrab\:95 { color: hsl(80, 60%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:100, html.dark .sf-c-txt-olivedrab\:100 { color: hsl(80, 60%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:dark, html.dark .sf-c-txt-olivedrab\:dark { color: hsl(80, 60%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:0\:dark, html.dark .sf-c-txt-olivedrab\:0\:dark { color: hsl(80, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:5\:dark, html.dark .sf-c-txt-olivedrab\:5\:dark { color: hsl(80, 60%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:10\:dark, html.dark .sf-c-txt-olivedrab\:10\:dark { color: hsl(80, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:15\:dark, html.dark .sf-c-txt-olivedrab\:15\:dark { color: hsl(80, 60%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:20\:dark, html.dark .sf-c-txt-olivedrab\:20\:dark { color: hsl(80, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:25\:dark, html.dark .sf-c-txt-olivedrab\:25\:dark { color: hsl(80, 60%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:30\:dark, html.dark .sf-c-txt-olivedrab\:30\:dark { color: hsl(80, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:35\:dark, html.dark .sf-c-txt-olivedrab\:35\:dark { color: hsl(80, 60%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:40\:dark, html.dark .sf-c-txt-olivedrab\:40\:dark { color: hsl(80, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:45\:dark, html.dark .sf-c-txt-olivedrab\:45\:dark { color: hsl(80, 60%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:50\:dark, html.dark .sf-c-txt-olivedrab\:50\:dark { color: hsl(80, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:55\:dark, html.dark .sf-c-txt-olivedrab\:55\:dark { color: hsl(80, 60%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:60\:dark, html.dark .sf-c-txt-olivedrab\:60\:dark { color: hsl(80, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:65\:dark, html.dark .sf-c-txt-olivedrab\:65\:dark { color: hsl(80, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:70\:dark, html.dark .sf-c-txt-olivedrab\:70\:dark { color: hsl(80, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:75\:dark, html.dark .sf-c-txt-olivedrab\:75\:dark { color: hsl(80, 60%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:80\:dark, html.dark .sf-c-txt-olivedrab\:80\:dark { color: hsl(80, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:85\:dark, html.dark .sf-c-txt-olivedrab\:85\:dark { color: hsl(80, 60%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:90\:dark, html.dark .sf-c-txt-olivedrab\:90\:dark { color: hsl(80, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:95\:dark, html.dark .sf-c-txt-olivedrab\:95\:dark { color: hsl(80, 60%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-olivedrab\:100\:dark, html.dark .sf-c-txt-olivedrab\:100\:dark { color: hsl(80, 60%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-olivedrab, html.auto .sf-c-olivedrab { color: hsl(var(--sf-dark-c-txt-olivedrab-5)); background: hsl(var(--sf-dark-c-olivedrab)) } html[data-theme='auto'] .sf-c-olivedrab\:0, html.auto .sf-c-olivedrab\:0 { color: hsl(var(--sf-dark-c-txt-olivedrab-95)); background: hsl(var(--sf-dark-c-olivedrab-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-olivedrab\:100\:dark, html.var.dark .sf-c-oliv html[data-theme='auto'] .sf-c-olivedrab\:95\:dark, html.auto .sf-c-olivedrab\:95\:dark { color: hsl(var(--sf-c-txt-olivedrab-95)); background: hsl(var(--sf-c-olivedrab-5)) } html[data-theme='auto'] .sf-c-olivedrab\:100\:dark, html.auto .sf-c-olivedrab\:100\:dark { color: hsl(var(--sf-c-txt-olivedrab-95)); background: hsl(var(--sf-c-olivedrab-0)) } + html[data-theme='auto'] .sf-c-txt-olivedrab, html.auto .sf-c-txt-olivedrab { color: hsl(var(--sf-c-txt-olivedrab)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:0, html.auto .sf-c-txt-olivedrab\:0 { color: hsl(var(--sf-c-txt-olivedrab-0)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:5, html.auto .sf-c-txt-olivedrab\:5 { color: hsl(var(--sf-c-txt-olivedrab-5)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:10, html.auto .sf-c-txt-olivedrab\:10 { color: hsl(var(--sf-c-txt-olivedrab-10)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:15, html.auto .sf-c-txt-olivedrab\:15 { color: hsl(var(--sf-c-txt-olivedrab-15)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:20, html.auto .sf-c-txt-olivedrab\:20 { color: hsl(var(--sf-c-txt-olivedrab-20)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:25, html.auto .sf-c-txt-olivedrab\:25 { color: hsl(var(--sf-c-txt-olivedrab-25)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:30, html.auto .sf-c-txt-olivedrab\:30 { color: hsl(var(--sf-c-txt-olivedrab-30)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:35, html.auto .sf-c-txt-olivedrab\:35 { color: hsl(var(--sf-c-txt-olivedrab-35)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:40, html.auto .sf-c-txt-olivedrab\:40 { color: hsl(var(--sf-c-txt-olivedrab-40)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:45, html.auto .sf-c-txt-olivedrab\:45 { color: hsl(var(--sf-c-txt-olivedrab-45)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:50, html.auto .sf-c-txt-olivedrab\:50 { color: hsl(var(--sf-c-txt-olivedrab-50)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:55, html.auto .sf-c-txt-olivedrab\:55 { color: hsl(var(--sf-c-txt-olivedrab-55)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:60, html.auto .sf-c-txt-olivedrab\:60 { color: hsl(var(--sf-c-txt-olivedrab-60)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:65, html.auto .sf-c-txt-olivedrab\:65 { color: hsl(var(--sf-c-txt-olivedrab-65)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:70, html.auto .sf-c-txt-olivedrab\:70 { color: hsl(var(--sf-c-txt-olivedrab-70)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:75, html.auto .sf-c-txt-olivedrab\:75 { color: hsl(var(--sf-c-txt-olivedrab-75)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:80, html.auto .sf-c-txt-olivedrab\:80 { color: hsl(var(--sf-c-txt-olivedrab-80)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:85, html.auto .sf-c-txt-olivedrab\:85 { color: hsl(var(--sf-c-txt-olivedrab-85)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:90, html.auto .sf-c-txt-olivedrab\:90 { color: hsl(var(--sf-c-txt-olivedrab-90)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:95, html.auto .sf-c-txt-olivedrab\:95 { color: hsl(var(--sf-c-txt-olivedrab-95)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:100, html.auto .sf-c-txt-olivedrab\:100 { color: hsl(var(--sf-c-txt-olivedrab-100)) } + + html[data-theme='auto'] .sf-c-txt-olivedrab\:dark, html.auto .sf-c-txt-olivedrab\:dark { color: hsl(var(--sf-c-txt-olivedrab)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:0\:dark, html.auto .sf-c-txt-olivedrab\:0\:dark { color: hsl(var(--sf-c-txt-olivedrab-0)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:5\:dark, html.auto .sf-c-txt-olivedrab\:5\:dark { color: hsl(var(--sf-c-txt-olivedrab-5)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:10\:dark, html.auto .sf-c-txt-olivedrab\:10\:dark { color: hsl(var(--sf-c-txt-olivedrab-10)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:15\:dark, html.auto .sf-c-txt-olivedrab\:15\:dark { color: hsl(var(--sf-c-txt-olivedrab-15)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:20\:dark, html.auto .sf-c-txt-olivedrab\:20\:dark { color: hsl(var(--sf-c-txt-olivedrab-20)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:25\:dark, html.auto .sf-c-txt-olivedrab\:25\:dark { color: hsl(var(--sf-c-txt-olivedrab-25)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:30\:dark, html.auto .sf-c-txt-olivedrab\:30\:dark { color: hsl(var(--sf-c-txt-olivedrab-30)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:35\:dark, html.auto .sf-c-txt-olivedrab\:35\:dark { color: hsl(var(--sf-c-txt-olivedrab-35)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:40\:dark, html.auto .sf-c-txt-olivedrab\:40\:dark { color: hsl(var(--sf-c-txt-olivedrab-40)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:45\:dark, html.auto .sf-c-txt-olivedrab\:45\:dark { color: hsl(var(--sf-c-txt-olivedrab-45)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:50\:dark, html.auto .sf-c-txt-olivedrab\:50\:dark { color: hsl(var(--sf-c-txt-olivedrab-50)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:55\:dark, html.auto .sf-c-txt-olivedrab\:55\:dark { color: hsl(var(--sf-c-txt-olivedrab-55)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:60\:dark, html.auto .sf-c-txt-olivedrab\:60\:dark { color: hsl(var(--sf-c-txt-olivedrab-60)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:65\:dark, html.auto .sf-c-txt-olivedrab\:65\:dark { color: hsl(var(--sf-c-txt-olivedrab-65)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:70\:dark, html.auto .sf-c-txt-olivedrab\:70\:dark { color: hsl(var(--sf-c-txt-olivedrab-70)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:75\:dark, html.auto .sf-c-txt-olivedrab\:75\:dark { color: hsl(var(--sf-c-txt-olivedrab-75)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:80\:dark, html.auto .sf-c-txt-olivedrab\:80\:dark { color: hsl(var(--sf-c-txt-olivedrab-80)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:85\:dark, html.auto .sf-c-txt-olivedrab\:85\:dark { color: hsl(var(--sf-c-txt-olivedrab-85)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:90\:dark, html.auto .sf-c-txt-olivedrab\:90\:dark { color: hsl(var(--sf-c-txt-olivedrab-90)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:95\:dark, html.auto .sf-c-txt-olivedrab\:95\:dark { color: hsl(var(--sf-c-txt-olivedrab-95)) } + html[data-theme='auto'] .sf-c-txt-olivedrab\:100\:dark, html.auto .sf-c-txt-olivedrab\:100\:dark { color: hsl(var(--sf-c-txt-olivedrab-100)) } + html.var[data-theme='auto'] .sf-c-olivedrab, html.var.auto .sf-c-olivedrab { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 65%) } html.var[data-theme='auto'] .sf-c-olivedrab\:0, html.var.auto .sf-c-olivedrab\:0 { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 100%) } html.var[data-theme='auto'] .sf-c-olivedrab\:5, html.var.auto .sf-c-olivedrab\:5 { color: hsl(80, 60%, 5%); background: hsl(80, 60%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-olivedrab\:100\:dark, html.var.dark .sf-c-oliv html.var[data-theme='auto'] .sf-c-olivedrab\:90\:dark, html.var.auto .sf-c-olivedrab\:90\:dark { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 10%) } html.var[data-theme='auto'] .sf-c-olivedrab\:95\:dark, html.var.auto .sf-c-olivedrab\:95\:dark { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 5%) } html.var[data-theme='auto'] .sf-c-olivedrab\:100\:dark, html.var.auto .sf-c-olivedrab\:100\:dark { color: hsl(80, 60%, 95%); background: hsl(80, 60%, 0%) } -} -.sf-c-txt-olivedrab { color: hsl(var(--sf-c-txt-olivedrab)) } -.sf-c-txt-olivedrab\:0 { color: hsl(var(--sf-c-txt-olivedrab-0)) } -.sf-c-txt-olivedrab\:5 { color: hsl(var(--sf-c-txt-olivedrab-5)) } -.sf-c-txt-olivedrab\:10 { color: hsl(var(--sf-c-txt-olivedrab-10)) } -.sf-c-txt-olivedrab\:15 { color: hsl(var(--sf-c-txt-olivedrab-15)) } -.sf-c-txt-olivedrab\:20 { color: hsl(var(--sf-c-txt-olivedrab-20)) } -.sf-c-txt-olivedrab\:25 { color: hsl(var(--sf-c-txt-olivedrab-25)) } -.sf-c-txt-olivedrab\:30 { color: hsl(var(--sf-c-txt-olivedrab-30)) } -.sf-c-txt-olivedrab\:35 { color: hsl(var(--sf-c-txt-olivedrab-35)) } -.sf-c-txt-olivedrab\:40 { color: hsl(var(--sf-c-txt-olivedrab-40)) } -.sf-c-txt-olivedrab\:45 { color: hsl(var(--sf-c-txt-olivedrab-45)) } -.sf-c-txt-olivedrab\:50 { color: hsl(var(--sf-c-txt-olivedrab-50)) } -.sf-c-txt-olivedrab\:55 { color: hsl(var(--sf-c-txt-olivedrab-55)) } -.sf-c-txt-olivedrab\:60 { color: hsl(var(--sf-c-txt-olivedrab-60)) } -.sf-c-txt-olivedrab\:65 { color: hsl(var(--sf-c-txt-olivedrab-65)) } -.sf-c-txt-olivedrab\:70 { color: hsl(var(--sf-c-txt-olivedrab-70)) } -.sf-c-txt-olivedrab\:75 { color: hsl(var(--sf-c-txt-olivedrab-75)) } -.sf-c-txt-olivedrab\:80 { color: hsl(var(--sf-c-txt-olivedrab-80)) } -.sf-c-txt-olivedrab\:85 { color: hsl(var(--sf-c-txt-olivedrab-85)) } -.sf-c-txt-olivedrab\:90 { color: hsl(var(--sf-c-txt-olivedrab-90)) } -.sf-c-txt-olivedrab\:95 { color: hsl(var(--sf-c-txt-olivedrab-95)) } -.sf-c-txt-olivedrab\:100 { color: hsl(var(--sf-c-txt-olivedrab-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-olivedrab, html.auto .sf-c-txt-olivedrab { color: hsl(80, 60%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:0, html.auto .sf-c-txt-olivedrab\:0 { color: hsl(80, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:5, html.auto .sf-c-txt-olivedrab\:5 { color: hsl(80, 60%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:10, html.auto .sf-c-txt-olivedrab\:10 { color: hsl(80, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:15, html.auto .sf-c-txt-olivedrab\:15 { color: hsl(80, 60%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:20, html.auto .sf-c-txt-olivedrab\:20 { color: hsl(80, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:25, html.auto .sf-c-txt-olivedrab\:25 { color: hsl(80, 60%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:30, html.auto .sf-c-txt-olivedrab\:30 { color: hsl(80, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:35, html.auto .sf-c-txt-olivedrab\:35 { color: hsl(80, 60%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:40, html.auto .sf-c-txt-olivedrab\:40 { color: hsl(80, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:45, html.auto .sf-c-txt-olivedrab\:45 { color: hsl(80, 60%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:50, html.auto .sf-c-txt-olivedrab\:50 { color: hsl(80, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:55, html.auto .sf-c-txt-olivedrab\:55 { color: hsl(80, 60%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:60, html.auto .sf-c-txt-olivedrab\:60 { color: hsl(80, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:65, html.auto .sf-c-txt-olivedrab\:65 { color: hsl(80, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:70, html.auto .sf-c-txt-olivedrab\:70 { color: hsl(80, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:75, html.auto .sf-c-txt-olivedrab\:75 { color: hsl(80, 60%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:80, html.auto .sf-c-txt-olivedrab\:80 { color: hsl(80, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:85, html.auto .sf-c-txt-olivedrab\:85 { color: hsl(80, 60%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:90, html.auto .sf-c-txt-olivedrab\:90 { color: hsl(80, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:95, html.auto .sf-c-txt-olivedrab\:95 { color: hsl(80, 60%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:100, html.auto .sf-c-txt-olivedrab\:100 { color: hsl(80, 60%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:dark, html.auto .sf-c-txt-olivedrab\:dark { color: hsl(80, 60%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:0\:dark, html.auto .sf-c-txt-olivedrab\:0\:dark { color: hsl(80, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:5\:dark, html.auto .sf-c-txt-olivedrab\:5\:dark { color: hsl(80, 60%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:10\:dark, html.auto .sf-c-txt-olivedrab\:10\:dark { color: hsl(80, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:15\:dark, html.auto .sf-c-txt-olivedrab\:15\:dark { color: hsl(80, 60%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:20\:dark, html.auto .sf-c-txt-olivedrab\:20\:dark { color: hsl(80, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:25\:dark, html.auto .sf-c-txt-olivedrab\:25\:dark { color: hsl(80, 60%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:30\:dark, html.auto .sf-c-txt-olivedrab\:30\:dark { color: hsl(80, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:35\:dark, html.auto .sf-c-txt-olivedrab\:35\:dark { color: hsl(80, 60%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:40\:dark, html.auto .sf-c-txt-olivedrab\:40\:dark { color: hsl(80, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:45\:dark, html.auto .sf-c-txt-olivedrab\:45\:dark { color: hsl(80, 60%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:50\:dark, html.auto .sf-c-txt-olivedrab\:50\:dark { color: hsl(80, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:55\:dark, html.auto .sf-c-txt-olivedrab\:55\:dark { color: hsl(80, 60%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:60\:dark, html.auto .sf-c-txt-olivedrab\:60\:dark { color: hsl(80, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:65\:dark, html.auto .sf-c-txt-olivedrab\:65\:dark { color: hsl(80, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:70\:dark, html.auto .sf-c-txt-olivedrab\:70\:dark { color: hsl(80, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:75\:dark, html.auto .sf-c-txt-olivedrab\:75\:dark { color: hsl(80, 60%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:80\:dark, html.auto .sf-c-txt-olivedrab\:80\:dark { color: hsl(80, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:85\:dark, html.auto .sf-c-txt-olivedrab\:85\:dark { color: hsl(80, 60%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:90\:dark, html.auto .sf-c-txt-olivedrab\:90\:dark { color: hsl(80, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:95\:dark, html.auto .sf-c-txt-olivedrab\:95\:dark { color: hsl(80, 60%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-olivedrab\:100\:dark, html.auto .sf-c-txt-olivedrab\:100\:dark { color: hsl(80, 60%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/orange.css b/src/colors/20/orange.css index 96aec2b..0d16d49 100644 --- a/src/colors/20/orange.css +++ b/src/colors/20/orange.css @@ -138,6 +138,52 @@ html.var .sf-c-orange\:90 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, html.var .sf-c-orange\:95 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 95%) } html.var .sf-c-orange\:100 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 100%) } +.sf-c-txt-orange { color: hsl(var(--sf-dark-c-txt-orange)) } +.sf-c-txt-orange\:0 { color: hsl(var(--sf-dark-c-txt-orange-100)) } +.sf-c-txt-orange\:5 { color: hsl(var(--sf-dark-c-txt-orange-95)) } +.sf-c-txt-orange\:10 { color: hsl(var(--sf-dark-c-txt-orange-90)) } +.sf-c-txt-orange\:15 { color: hsl(var(--sf-dark-c-txt-orange-85)) } +.sf-c-txt-orange\:20 { color: hsl(var(--sf-dark-c-txt-orange-80)) } +.sf-c-txt-orange\:25 { color: hsl(var(--sf-dark-c-txt-orange-75)) } +.sf-c-txt-orange\:30 { color: hsl(var(--sf-dark-c-txt-orange-70)) } +.sf-c-txt-orange\:35 { color: hsl(var(--sf-dark-c-txt-orange-65)) } +.sf-c-txt-orange\:40 { color: hsl(var(--sf-dark-c-txt-orange-60)) } +.sf-c-txt-orange\:45 { color: hsl(var(--sf-dark-c-txt-orange-55)) } +.sf-c-txt-orange\:50 { color: hsl(var(--sf-dark-c-txt-orange-50)) } +.sf-c-txt-orange\:55 { color: hsl(var(--sf-dark-c-txt-orange-45)) } +.sf-c-txt-orange\:60 { color: hsl(var(--sf-dark-c-txt-orange-40)) } +.sf-c-txt-orange\:65 { color: hsl(var(--sf-dark-c-txt-orange-35)) } +.sf-c-txt-orange\:70 { color: hsl(var(--sf-dark-c-txt-orange-30)) } +.sf-c-txt-orange\:75 { color: hsl(var(--sf-dark-c-txt-orange-25)) } +.sf-c-txt-orange\:80 { color: hsl(var(--sf-dark-c-txt-orange-20)) } +.sf-c-txt-orange\:85 { color: hsl(var(--sf-dark-c-txt-orange-15)) } +.sf-c-txt-orange\:90 { color: hsl(var(--sf-dark-c-txt-orange-10)) } +.sf-c-txt-orange\:95 { color: hsl(var(--sf-dark-c-txt-orange-5)) } +.sf-c-txt-orange\:100 { color: hsl(var(--sf-dark-c-txt-orange-0)) } + +html.var .sf-c-txt-orange { color: hsl(39, 100%, 50%) } +html.var .sf-c-txt-orange\:0 { color: hsl(39, 100%, 100%) } +html.var .sf-c-txt-orange\:5 { color: hsl(39, 100%, 95%) } +html.var .sf-c-txt-orange\:10 { color: hsl(39, 100%, 90%) } +html.var .sf-c-txt-orange\:15 { color: hsl(39, 100%, 85%) } +html.var .sf-c-txt-orange\:20 { color: hsl(39, 100%, 80%) } +html.var .sf-c-txt-orange\:25 { color: hsl(39, 100%, 75%) } +html.var .sf-c-txt-orange\:30 { color: hsl(39, 100%, 70%) } +html.var .sf-c-txt-orange\:35 { color: hsl(39, 100%, 65%) } +html.var .sf-c-txt-orange\:40 { color: hsl(39, 100%, 60%) } +html.var .sf-c-txt-orange\:45 { color: hsl(39, 100%, 55%) } +html.var .sf-c-txt-orange\:50 { color: hsl(39, 100%, 50%) } +html.var .sf-c-txt-orange\:55 { color: hsl(39, 100%, 45%) } +html.var .sf-c-txt-orange\:60 { color: hsl(39, 100%, 40%) } +html.var .sf-c-txt-orange\:65 { color: hsl(39, 100%, 35%) } +html.var .sf-c-txt-orange\:70 { color: hsl(39, 100%, 30%) } +html.var .sf-c-txt-orange\:75 { color: hsl(39, 100%, 25%) } +html.var .sf-c-txt-orange\:80 { color: hsl(39, 100%, 20%) } +html.var .sf-c-txt-orange\:85 { color: hsl(39, 100%, 15%) } +html.var .sf-c-txt-orange\:90 { color: hsl(39, 100%, 10%) } +html.var .sf-c-txt-orange\:95 { color: hsl(39, 100%, 5%) } +html.var .sf-c-txt-orange\:100 { color: hsl(39, 100%, 0%) } + html[data-theme='dark'] .sf-c-orange, html.dark .sf-c-orange { color: hsl(var(--sf-dark-c-txt-orange-5)); background: hsl(var(--sf-dark-c-orange)) } html[data-theme='dark'] .sf-c-orange\:0, html.dark .sf-c-orange\:0 { color: hsl(var(--sf-dark-c-txt-orange-95)); background: hsl(var(--sf-dark-c-orange-100)) } html[data-theme='dark'] .sf-c-orange\:5, html.dark .sf-c-orange\:5 { color: hsl(var(--sf-dark-c-txt-orange-5)); background: hsl(var(--sf-dark-c-orange-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-orange\:90\:dark, html.dark .sf-c-orange\:90\:dark html[data-theme='dark'] .sf-c-orange\:95\:dark, html.dark .sf-c-orange\:95\:dark { color: hsl(var(--sf-c-txt-orange-95)); background: hsl(var(--sf-c-orange-5)) } html[data-theme='dark'] .sf-c-orange\:100\:dark, html.dark .sf-c-orange\:100\:dark { color: hsl(var(--sf-c-txt-orange-95)); background: hsl(var(--sf-c-orange-0)) } +html[data-theme='dark'] .sf-c-txt-orange, html.dark .sf-c-txt-orange { color: hsl(var(--sf-c-txt-orange)) } +html[data-theme='dark'] .sf-c-txt-orange\:0, html.dark .sf-c-txt-orange\:0 { color: hsl(var(--sf-c-txt-orange-0)) } +html[data-theme='dark'] .sf-c-txt-orange\:5, html.dark .sf-c-txt-orange\:5 { color: hsl(var(--sf-c-txt-orange-5)) } +html[data-theme='dark'] .sf-c-txt-orange\:10, html.dark .sf-c-txt-orange\:10 { color: hsl(var(--sf-c-txt-orange-10)) } +html[data-theme='dark'] .sf-c-txt-orange\:15, html.dark .sf-c-txt-orange\:15 { color: hsl(var(--sf-c-txt-orange-15)) } +html[data-theme='dark'] .sf-c-txt-orange\:20, html.dark .sf-c-txt-orange\:20 { color: hsl(var(--sf-c-txt-orange-20)) } +html[data-theme='dark'] .sf-c-txt-orange\:25, html.dark .sf-c-txt-orange\:25 { color: hsl(var(--sf-c-txt-orange-25)) } +html[data-theme='dark'] .sf-c-txt-orange\:30, html.dark .sf-c-txt-orange\:30 { color: hsl(var(--sf-c-txt-orange-30)) } +html[data-theme='dark'] .sf-c-txt-orange\:35, html.dark .sf-c-txt-orange\:35 { color: hsl(var(--sf-c-txt-orange-35)) } +html[data-theme='dark'] .sf-c-txt-orange\:40, html.dark .sf-c-txt-orange\:40 { color: hsl(var(--sf-c-txt-orange-40)) } +html[data-theme='dark'] .sf-c-txt-orange\:45, html.dark .sf-c-txt-orange\:45 { color: hsl(var(--sf-c-txt-orange-45)) } +html[data-theme='dark'] .sf-c-txt-orange\:50, html.dark .sf-c-txt-orange\:50 { color: hsl(var(--sf-c-txt-orange-50)) } +html[data-theme='dark'] .sf-c-txt-orange\:55, html.dark .sf-c-txt-orange\:55 { color: hsl(var(--sf-c-txt-orange-55)) } +html[data-theme='dark'] .sf-c-txt-orange\:60, html.dark .sf-c-txt-orange\:60 { color: hsl(var(--sf-c-txt-orange-60)) } +html[data-theme='dark'] .sf-c-txt-orange\:65, html.dark .sf-c-txt-orange\:65 { color: hsl(var(--sf-c-txt-orange-65)) } +html[data-theme='dark'] .sf-c-txt-orange\:70, html.dark .sf-c-txt-orange\:70 { color: hsl(var(--sf-c-txt-orange-70)) } +html[data-theme='dark'] .sf-c-txt-orange\:75, html.dark .sf-c-txt-orange\:75 { color: hsl(var(--sf-c-txt-orange-75)) } +html[data-theme='dark'] .sf-c-txt-orange\:80, html.dark .sf-c-txt-orange\:80 { color: hsl(var(--sf-c-txt-orange-80)) } +html[data-theme='dark'] .sf-c-txt-orange\:85, html.dark .sf-c-txt-orange\:85 { color: hsl(var(--sf-c-txt-orange-85)) } +html[data-theme='dark'] .sf-c-txt-orange\:90, html.dark .sf-c-txt-orange\:90 { color: hsl(var(--sf-c-txt-orange-90)) } +html[data-theme='dark'] .sf-c-txt-orange\:95, html.dark .sf-c-txt-orange\:95 { color: hsl(var(--sf-c-txt-orange-95)) } +html[data-theme='dark'] .sf-c-txt-orange\:100, html.dark .sf-c-txt-orange\:100 { color: hsl(var(--sf-c-txt-orange-100)) } + +html[data-theme='dark'] .sf-c-txt-orange\:dark, html.dark .sf-c-txt-orange\:dark { color: hsl(var(--sf-c-txt-orange)) } +html[data-theme='dark'] .sf-c-txt-orange\:0\:dark, html.dark .sf-c-txt-orange\:0\:dark { color: hsl(var(--sf-dark-c-txt-orange-0)) } +html[data-theme='dark'] .sf-c-txt-orange\:5\:dark, html.dark .sf-c-txt-orange\:5\:dark { color: hsl(var(--sf-dark-c-txt-orange-5)) } +html[data-theme='dark'] .sf-c-txt-orange\:10\:dark, html.dark .sf-c-txt-orange\:10\:dark { color: hsl(var(--sf-dark-c-txt-orange-10)) } +html[data-theme='dark'] .sf-c-txt-orange\:15\:dark, html.dark .sf-c-txt-orange\:15\:dark { color: hsl(var(--sf-dark-c-txt-orange-15)) } +html[data-theme='dark'] .sf-c-txt-orange\:20\:dark, html.dark .sf-c-txt-orange\:20\:dark { color: hsl(var(--sf-dark-c-txt-orange-20)) } +html[data-theme='dark'] .sf-c-txt-orange\:25\:dark, html.dark .sf-c-txt-orange\:25\:dark { color: hsl(var(--sf-dark-c-txt-orange-25)) } +html[data-theme='dark'] .sf-c-txt-orange\:30\:dark, html.dark .sf-c-txt-orange\:30\:dark { color: hsl(var(--sf-dark-c-txt-orange-30)) } +html[data-theme='dark'] .sf-c-txt-orange\:35\:dark, html.dark .sf-c-txt-orange\:35\:dark { color: hsl(var(--sf-dark-c-txt-orange-35)) } +html[data-theme='dark'] .sf-c-txt-orange\:40\:dark, html.dark .sf-c-txt-orange\:40\:dark { color: hsl(var(--sf-dark-c-txt-orange-40)) } +html[data-theme='dark'] .sf-c-txt-orange\:45\:dark, html.dark .sf-c-txt-orange\:45\:dark { color: hsl(var(--sf-dark-c-txt-orange-45)) } +html[data-theme='dark'] .sf-c-txt-orange\:50\:dark, html.dark .sf-c-txt-orange\:50\:dark { color: hsl(var(--sf-dark-c-txt-orange-50)) } +html[data-theme='dark'] .sf-c-txt-orange\:55\:dark, html.dark .sf-c-txt-orange\:55\:dark { color: hsl(var(--sf-dark-c-txt-orange-55)) } +html[data-theme='dark'] .sf-c-txt-orange\:60\:dark, html.dark .sf-c-txt-orange\:60\:dark { color: hsl(var(--sf-dark-c-txt-orange-60)) } +html[data-theme='dark'] .sf-c-txt-orange\:65\:dark, html.dark .sf-c-txt-orange\:65\:dark { color: hsl(var(--sf-dark-c-txt-orange-65)) } +html[data-theme='dark'] .sf-c-txt-orange\:70\:dark, html.dark .sf-c-txt-orange\:70\:dark { color: hsl(var(--sf-dark-c-txt-orange-70)) } +html[data-theme='dark'] .sf-c-txt-orange\:75\:dark, html.dark .sf-c-txt-orange\:75\:dark { color: hsl(var(--sf-dark-c-txt-orange-75)) } +html[data-theme='dark'] .sf-c-txt-orange\:80\:dark, html.dark .sf-c-txt-orange\:80\:dark { color: hsl(var(--sf-dark-c-txt-orange-80)) } +html[data-theme='dark'] .sf-c-txt-orange\:85\:dark, html.dark .sf-c-txt-orange\:85\:dark { color: hsl(var(--sf-dark-c-txt-orange-85)) } +html[data-theme='dark'] .sf-c-txt-orange\:90\:dark, html.dark .sf-c-txt-orange\:90\:dark { color: hsl(var(--sf-dark-c-txt-orange-90)) } +html[data-theme='dark'] .sf-c-txt-orange\:95\:dark, html.dark .sf-c-txt-orange\:95\:dark { color: hsl(var(--sf-dark-c-txt-orange-95)) } +html[data-theme='dark'] .sf-c-txt-orange\:100\:dark, html.dark .sf-c-txt-orange\:100\:dark { color: hsl(var(--sf-dark-c-txt-orange-100)) } + html.var[data-theme='dark'] .sf-c-orange, html.var.dark .sf-c-orange { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 50%) } html.var[data-theme='dark'] .sf-c-orange\:0, html.var.dark .sf-c-orange\:0 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 100%) } html.var[data-theme='dark'] .sf-c-orange\:5, html.var.dark .sf-c-orange\:5 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-orange\:90\:dark, html.var.dark .sf-c-orange\: html.var[data-theme='dark'] .sf-c-orange\:95\:dark, html.var.dark .sf-c-orange\:95\:dark { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 5%) } html.var[data-theme='dark'] .sf-c-orange\:100\:dark, html.var.dark .sf-c-orange\:100\:dark { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orange, html.dark .sf-c-txt-orange { color: hsl(39, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:0, html.dark .sf-c-txt-orange\:0 { color: hsl(39, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:5, html.dark .sf-c-txt-orange\:5 { color: hsl(39, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:10, html.dark .sf-c-txt-orange\:10 { color: hsl(39, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:15, html.dark .sf-c-txt-orange\:15 { color: hsl(39, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:20, html.dark .sf-c-txt-orange\:20 { color: hsl(39, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:25, html.dark .sf-c-txt-orange\:25 { color: hsl(39, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:30, html.dark .sf-c-txt-orange\:30 { color: hsl(39, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:35, html.dark .sf-c-txt-orange\:35 { color: hsl(39, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:40, html.dark .sf-c-txt-orange\:40 { color: hsl(39, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:45, html.dark .sf-c-txt-orange\:45 { color: hsl(39, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:50, html.dark .sf-c-txt-orange\:50 { color: hsl(39, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:55, html.dark .sf-c-txt-orange\:55 { color: hsl(39, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:60, html.dark .sf-c-txt-orange\:60 { color: hsl(39, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:65, html.dark .sf-c-txt-orange\:65 { color: hsl(39, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:70, html.dark .sf-c-txt-orange\:70 { color: hsl(39, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:75, html.dark .sf-c-txt-orange\:75 { color: hsl(39, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:80, html.dark .sf-c-txt-orange\:80 { color: hsl(39, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:85, html.dark .sf-c-txt-orange\:85 { color: hsl(39, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:90, html.dark .sf-c-txt-orange\:90 { color: hsl(39, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:95, html.dark .sf-c-txt-orange\:95 { color: hsl(39, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:100, html.dark .sf-c-txt-orange\:100 { color: hsl(39, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-orange\:dark, html.dark .sf-c-txt-orange\:dark { color: hsl(39, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:0\:dark, html.dark .sf-c-txt-orange\:0\:dark { color: hsl(39, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:5\:dark, html.dark .sf-c-txt-orange\:5\:dark { color: hsl(39, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:10\:dark, html.dark .sf-c-txt-orange\:10\:dark { color: hsl(39, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:15\:dark, html.dark .sf-c-txt-orange\:15\:dark { color: hsl(39, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:20\:dark, html.dark .sf-c-txt-orange\:20\:dark { color: hsl(39, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:25\:dark, html.dark .sf-c-txt-orange\:25\:dark { color: hsl(39, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:30\:dark, html.dark .sf-c-txt-orange\:30\:dark { color: hsl(39, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:35\:dark, html.dark .sf-c-txt-orange\:35\:dark { color: hsl(39, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:40\:dark, html.dark .sf-c-txt-orange\:40\:dark { color: hsl(39, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:45\:dark, html.dark .sf-c-txt-orange\:45\:dark { color: hsl(39, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:50\:dark, html.dark .sf-c-txt-orange\:50\:dark { color: hsl(39, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:55\:dark, html.dark .sf-c-txt-orange\:55\:dark { color: hsl(39, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:60\:dark, html.dark .sf-c-txt-orange\:60\:dark { color: hsl(39, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:65\:dark, html.dark .sf-c-txt-orange\:65\:dark { color: hsl(39, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:70\:dark, html.dark .sf-c-txt-orange\:70\:dark { color: hsl(39, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:75\:dark, html.dark .sf-c-txt-orange\:75\:dark { color: hsl(39, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:80\:dark, html.dark .sf-c-txt-orange\:80\:dark { color: hsl(39, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:85\:dark, html.dark .sf-c-txt-orange\:85\:dark { color: hsl(39, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:90\:dark, html.dark .sf-c-txt-orange\:90\:dark { color: hsl(39, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:95\:dark, html.dark .sf-c-txt-orange\:95\:dark { color: hsl(39, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-orange\:100\:dark, html.dark .sf-c-txt-orange\:100\:dark { color: hsl(39, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-orange, html.auto .sf-c-orange { color: hsl(var(--sf-dark-c-txt-orange-5)); background: hsl(var(--sf-dark-c-orange)) } html[data-theme='auto'] .sf-c-orange\:0, html.auto .sf-c-orange\:0 { color: hsl(var(--sf-dark-c-txt-orange-95)); background: hsl(var(--sf-dark-c-orange-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-orange\:100\:dark, html.var.dark .sf-c-orange\ html[data-theme='auto'] .sf-c-orange\:95\:dark, html.auto .sf-c-orange\:95\:dark { color: hsl(var(--sf-c-txt-orange-95)); background: hsl(var(--sf-c-orange-5)) } html[data-theme='auto'] .sf-c-orange\:100\:dark, html.auto .sf-c-orange\:100\:dark { color: hsl(var(--sf-c-txt-orange-95)); background: hsl(var(--sf-c-orange-0)) } + html[data-theme='auto'] .sf-c-txt-orange, html.auto .sf-c-txt-orange { color: hsl(var(--sf-c-txt-orange)) } + html[data-theme='auto'] .sf-c-txt-orange\:0, html.auto .sf-c-txt-orange\:0 { color: hsl(var(--sf-c-txt-orange-0)) } + html[data-theme='auto'] .sf-c-txt-orange\:5, html.auto .sf-c-txt-orange\:5 { color: hsl(var(--sf-c-txt-orange-5)) } + html[data-theme='auto'] .sf-c-txt-orange\:10, html.auto .sf-c-txt-orange\:10 { color: hsl(var(--sf-c-txt-orange-10)) } + html[data-theme='auto'] .sf-c-txt-orange\:15, html.auto .sf-c-txt-orange\:15 { color: hsl(var(--sf-c-txt-orange-15)) } + html[data-theme='auto'] .sf-c-txt-orange\:20, html.auto .sf-c-txt-orange\:20 { color: hsl(var(--sf-c-txt-orange-20)) } + html[data-theme='auto'] .sf-c-txt-orange\:25, html.auto .sf-c-txt-orange\:25 { color: hsl(var(--sf-c-txt-orange-25)) } + html[data-theme='auto'] .sf-c-txt-orange\:30, html.auto .sf-c-txt-orange\:30 { color: hsl(var(--sf-c-txt-orange-30)) } + html[data-theme='auto'] .sf-c-txt-orange\:35, html.auto .sf-c-txt-orange\:35 { color: hsl(var(--sf-c-txt-orange-35)) } + html[data-theme='auto'] .sf-c-txt-orange\:40, html.auto .sf-c-txt-orange\:40 { color: hsl(var(--sf-c-txt-orange-40)) } + html[data-theme='auto'] .sf-c-txt-orange\:45, html.auto .sf-c-txt-orange\:45 { color: hsl(var(--sf-c-txt-orange-45)) } + html[data-theme='auto'] .sf-c-txt-orange\:50, html.auto .sf-c-txt-orange\:50 { color: hsl(var(--sf-c-txt-orange-50)) } + html[data-theme='auto'] .sf-c-txt-orange\:55, html.auto .sf-c-txt-orange\:55 { color: hsl(var(--sf-c-txt-orange-55)) } + html[data-theme='auto'] .sf-c-txt-orange\:60, html.auto .sf-c-txt-orange\:60 { color: hsl(var(--sf-c-txt-orange-60)) } + html[data-theme='auto'] .sf-c-txt-orange\:65, html.auto .sf-c-txt-orange\:65 { color: hsl(var(--sf-c-txt-orange-65)) } + html[data-theme='auto'] .sf-c-txt-orange\:70, html.auto .sf-c-txt-orange\:70 { color: hsl(var(--sf-c-txt-orange-70)) } + html[data-theme='auto'] .sf-c-txt-orange\:75, html.auto .sf-c-txt-orange\:75 { color: hsl(var(--sf-c-txt-orange-75)) } + html[data-theme='auto'] .sf-c-txt-orange\:80, html.auto .sf-c-txt-orange\:80 { color: hsl(var(--sf-c-txt-orange-80)) } + html[data-theme='auto'] .sf-c-txt-orange\:85, html.auto .sf-c-txt-orange\:85 { color: hsl(var(--sf-c-txt-orange-85)) } + html[data-theme='auto'] .sf-c-txt-orange\:90, html.auto .sf-c-txt-orange\:90 { color: hsl(var(--sf-c-txt-orange-90)) } + html[data-theme='auto'] .sf-c-txt-orange\:95, html.auto .sf-c-txt-orange\:95 { color: hsl(var(--sf-c-txt-orange-95)) } + html[data-theme='auto'] .sf-c-txt-orange\:100, html.auto .sf-c-txt-orange\:100 { color: hsl(var(--sf-c-txt-orange-100)) } + + html[data-theme='auto'] .sf-c-txt-orange\:dark, html.auto .sf-c-txt-orange\:dark { color: hsl(var(--sf-c-txt-orange)) } + html[data-theme='auto'] .sf-c-txt-orange\:0\:dark, html.auto .sf-c-txt-orange\:0\:dark { color: hsl(var(--sf-c-txt-orange-0)) } + html[data-theme='auto'] .sf-c-txt-orange\:5\:dark, html.auto .sf-c-txt-orange\:5\:dark { color: hsl(var(--sf-c-txt-orange-5)) } + html[data-theme='auto'] .sf-c-txt-orange\:10\:dark, html.auto .sf-c-txt-orange\:10\:dark { color: hsl(var(--sf-c-txt-orange-10)) } + html[data-theme='auto'] .sf-c-txt-orange\:15\:dark, html.auto .sf-c-txt-orange\:15\:dark { color: hsl(var(--sf-c-txt-orange-15)) } + html[data-theme='auto'] .sf-c-txt-orange\:20\:dark, html.auto .sf-c-txt-orange\:20\:dark { color: hsl(var(--sf-c-txt-orange-20)) } + html[data-theme='auto'] .sf-c-txt-orange\:25\:dark, html.auto .sf-c-txt-orange\:25\:dark { color: hsl(var(--sf-c-txt-orange-25)) } + html[data-theme='auto'] .sf-c-txt-orange\:30\:dark, html.auto .sf-c-txt-orange\:30\:dark { color: hsl(var(--sf-c-txt-orange-30)) } + html[data-theme='auto'] .sf-c-txt-orange\:35\:dark, html.auto .sf-c-txt-orange\:35\:dark { color: hsl(var(--sf-c-txt-orange-35)) } + html[data-theme='auto'] .sf-c-txt-orange\:40\:dark, html.auto .sf-c-txt-orange\:40\:dark { color: hsl(var(--sf-c-txt-orange-40)) } + html[data-theme='auto'] .sf-c-txt-orange\:45\:dark, html.auto .sf-c-txt-orange\:45\:dark { color: hsl(var(--sf-c-txt-orange-45)) } + html[data-theme='auto'] .sf-c-txt-orange\:50\:dark, html.auto .sf-c-txt-orange\:50\:dark { color: hsl(var(--sf-c-txt-orange-50)) } + html[data-theme='auto'] .sf-c-txt-orange\:55\:dark, html.auto .sf-c-txt-orange\:55\:dark { color: hsl(var(--sf-c-txt-orange-55)) } + html[data-theme='auto'] .sf-c-txt-orange\:60\:dark, html.auto .sf-c-txt-orange\:60\:dark { color: hsl(var(--sf-c-txt-orange-60)) } + html[data-theme='auto'] .sf-c-txt-orange\:65\:dark, html.auto .sf-c-txt-orange\:65\:dark { color: hsl(var(--sf-c-txt-orange-65)) } + html[data-theme='auto'] .sf-c-txt-orange\:70\:dark, html.auto .sf-c-txt-orange\:70\:dark { color: hsl(var(--sf-c-txt-orange-70)) } + html[data-theme='auto'] .sf-c-txt-orange\:75\:dark, html.auto .sf-c-txt-orange\:75\:dark { color: hsl(var(--sf-c-txt-orange-75)) } + html[data-theme='auto'] .sf-c-txt-orange\:80\:dark, html.auto .sf-c-txt-orange\:80\:dark { color: hsl(var(--sf-c-txt-orange-80)) } + html[data-theme='auto'] .sf-c-txt-orange\:85\:dark, html.auto .sf-c-txt-orange\:85\:dark { color: hsl(var(--sf-c-txt-orange-85)) } + html[data-theme='auto'] .sf-c-txt-orange\:90\:dark, html.auto .sf-c-txt-orange\:90\:dark { color: hsl(var(--sf-c-txt-orange-90)) } + html[data-theme='auto'] .sf-c-txt-orange\:95\:dark, html.auto .sf-c-txt-orange\:95\:dark { color: hsl(var(--sf-c-txt-orange-95)) } + html[data-theme='auto'] .sf-c-txt-orange\:100\:dark, html.auto .sf-c-txt-orange\:100\:dark { color: hsl(var(--sf-c-txt-orange-100)) } + html.var[data-theme='auto'] .sf-c-orange, html.var.auto .sf-c-orange { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 50%) } html.var[data-theme='auto'] .sf-c-orange\:0, html.var.auto .sf-c-orange\:0 { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 100%) } html.var[data-theme='auto'] .sf-c-orange\:5, html.var.auto .sf-c-orange\:5 { color: hsl(39, 100%, 5%); background: hsl(39, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-orange\:100\:dark, html.var.dark .sf-c-orange\ html.var[data-theme='auto'] .sf-c-orange\:90\:dark, html.var.auto .sf-c-orange\:90\:dark { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 10%) } html.var[data-theme='auto'] .sf-c-orange\:95\:dark, html.var.auto .sf-c-orange\:95\:dark { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 5%) } html.var[data-theme='auto'] .sf-c-orange\:100\:dark, html.var.auto .sf-c-orange\:100\:dark { color: hsl(39, 100%, 95%); background: hsl(39, 100%, 0%) } -} -.sf-c-txt-orange { color: hsl(var(--sf-c-txt-orange)) } -.sf-c-txt-orange\:0 { color: hsl(var(--sf-c-txt-orange-0)) } -.sf-c-txt-orange\:5 { color: hsl(var(--sf-c-txt-orange-5)) } -.sf-c-txt-orange\:10 { color: hsl(var(--sf-c-txt-orange-10)) } -.sf-c-txt-orange\:15 { color: hsl(var(--sf-c-txt-orange-15)) } -.sf-c-txt-orange\:20 { color: hsl(var(--sf-c-txt-orange-20)) } -.sf-c-txt-orange\:25 { color: hsl(var(--sf-c-txt-orange-25)) } -.sf-c-txt-orange\:30 { color: hsl(var(--sf-c-txt-orange-30)) } -.sf-c-txt-orange\:35 { color: hsl(var(--sf-c-txt-orange-35)) } -.sf-c-txt-orange\:40 { color: hsl(var(--sf-c-txt-orange-40)) } -.sf-c-txt-orange\:45 { color: hsl(var(--sf-c-txt-orange-45)) } -.sf-c-txt-orange\:50 { color: hsl(var(--sf-c-txt-orange-50)) } -.sf-c-txt-orange\:55 { color: hsl(var(--sf-c-txt-orange-55)) } -.sf-c-txt-orange\:60 { color: hsl(var(--sf-c-txt-orange-60)) } -.sf-c-txt-orange\:65 { color: hsl(var(--sf-c-txt-orange-65)) } -.sf-c-txt-orange\:70 { color: hsl(var(--sf-c-txt-orange-70)) } -.sf-c-txt-orange\:75 { color: hsl(var(--sf-c-txt-orange-75)) } -.sf-c-txt-orange\:80 { color: hsl(var(--sf-c-txt-orange-80)) } -.sf-c-txt-orange\:85 { color: hsl(var(--sf-c-txt-orange-85)) } -.sf-c-txt-orange\:90 { color: hsl(var(--sf-c-txt-orange-90)) } -.sf-c-txt-orange\:95 { color: hsl(var(--sf-c-txt-orange-95)) } -.sf-c-txt-orange\:100 { color: hsl(var(--sf-c-txt-orange-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-orange, html.auto .sf-c-txt-orange { color: hsl(39, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:0, html.auto .sf-c-txt-orange\:0 { color: hsl(39, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:5, html.auto .sf-c-txt-orange\:5 { color: hsl(39, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:10, html.auto .sf-c-txt-orange\:10 { color: hsl(39, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:15, html.auto .sf-c-txt-orange\:15 { color: hsl(39, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:20, html.auto .sf-c-txt-orange\:20 { color: hsl(39, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:25, html.auto .sf-c-txt-orange\:25 { color: hsl(39, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:30, html.auto .sf-c-txt-orange\:30 { color: hsl(39, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:35, html.auto .sf-c-txt-orange\:35 { color: hsl(39, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:40, html.auto .sf-c-txt-orange\:40 { color: hsl(39, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:45, html.auto .sf-c-txt-orange\:45 { color: hsl(39, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:50, html.auto .sf-c-txt-orange\:50 { color: hsl(39, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:55, html.auto .sf-c-txt-orange\:55 { color: hsl(39, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:60, html.auto .sf-c-txt-orange\:60 { color: hsl(39, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:65, html.auto .sf-c-txt-orange\:65 { color: hsl(39, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:70, html.auto .sf-c-txt-orange\:70 { color: hsl(39, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:75, html.auto .sf-c-txt-orange\:75 { color: hsl(39, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:80, html.auto .sf-c-txt-orange\:80 { color: hsl(39, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:85, html.auto .sf-c-txt-orange\:85 { color: hsl(39, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:90, html.auto .sf-c-txt-orange\:90 { color: hsl(39, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:95, html.auto .sf-c-txt-orange\:95 { color: hsl(39, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:100, html.auto .sf-c-txt-orange\:100 { color: hsl(39, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-orange\:dark, html.auto .sf-c-txt-orange\:dark { color: hsl(39, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:0\:dark, html.auto .sf-c-txt-orange\:0\:dark { color: hsl(39, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:5\:dark, html.auto .sf-c-txt-orange\:5\:dark { color: hsl(39, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:10\:dark, html.auto .sf-c-txt-orange\:10\:dark { color: hsl(39, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:15\:dark, html.auto .sf-c-txt-orange\:15\:dark { color: hsl(39, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:20\:dark, html.auto .sf-c-txt-orange\:20\:dark { color: hsl(39, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:25\:dark, html.auto .sf-c-txt-orange\:25\:dark { color: hsl(39, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:30\:dark, html.auto .sf-c-txt-orange\:30\:dark { color: hsl(39, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:35\:dark, html.auto .sf-c-txt-orange\:35\:dark { color: hsl(39, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:40\:dark, html.auto .sf-c-txt-orange\:40\:dark { color: hsl(39, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:45\:dark, html.auto .sf-c-txt-orange\:45\:dark { color: hsl(39, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:50\:dark, html.auto .sf-c-txt-orange\:50\:dark { color: hsl(39, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:55\:dark, html.auto .sf-c-txt-orange\:55\:dark { color: hsl(39, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:60\:dark, html.auto .sf-c-txt-orange\:60\:dark { color: hsl(39, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:65\:dark, html.auto .sf-c-txt-orange\:65\:dark { color: hsl(39, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:70\:dark, html.auto .sf-c-txt-orange\:70\:dark { color: hsl(39, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:75\:dark, html.auto .sf-c-txt-orange\:75\:dark { color: hsl(39, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:80\:dark, html.auto .sf-c-txt-orange\:80\:dark { color: hsl(39, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:85\:dark, html.auto .sf-c-txt-orange\:85\:dark { color: hsl(39, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:90\:dark, html.auto .sf-c-txt-orange\:90\:dark { color: hsl(39, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:95\:dark, html.auto .sf-c-txt-orange\:95\:dark { color: hsl(39, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-orange\:100\:dark, html.auto .sf-c-txt-orange\:100\:dark { color: hsl(39, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/orangered.css b/src/colors/20/orangered.css index afd5c59..73b3f44 100644 --- a/src/colors/20/orangered.css +++ b/src/colors/20/orangered.css @@ -138,6 +138,52 @@ html.var .sf-c-orangered\:90 { color: hsl(16, 100%, 5%); background: hsl(16, 100 html.var .sf-c-orangered\:95 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } html.var .sf-c-orangered\:100 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 100%) } +.sf-c-txt-orangered { color: hsl(var(--sf-dark-c-txt-orangered)) } +.sf-c-txt-orangered\:0 { color: hsl(var(--sf-dark-c-txt-orangered-100)) } +.sf-c-txt-orangered\:5 { color: hsl(var(--sf-dark-c-txt-orangered-95)) } +.sf-c-txt-orangered\:10 { color: hsl(var(--sf-dark-c-txt-orangered-90)) } +.sf-c-txt-orangered\:15 { color: hsl(var(--sf-dark-c-txt-orangered-85)) } +.sf-c-txt-orangered\:20 { color: hsl(var(--sf-dark-c-txt-orangered-80)) } +.sf-c-txt-orangered\:25 { color: hsl(var(--sf-dark-c-txt-orangered-75)) } +.sf-c-txt-orangered\:30 { color: hsl(var(--sf-dark-c-txt-orangered-70)) } +.sf-c-txt-orangered\:35 { color: hsl(var(--sf-dark-c-txt-orangered-65)) } +.sf-c-txt-orangered\:40 { color: hsl(var(--sf-dark-c-txt-orangered-60)) } +.sf-c-txt-orangered\:45 { color: hsl(var(--sf-dark-c-txt-orangered-55)) } +.sf-c-txt-orangered\:50 { color: hsl(var(--sf-dark-c-txt-orangered-50)) } +.sf-c-txt-orangered\:55 { color: hsl(var(--sf-dark-c-txt-orangered-45)) } +.sf-c-txt-orangered\:60 { color: hsl(var(--sf-dark-c-txt-orangered-40)) } +.sf-c-txt-orangered\:65 { color: hsl(var(--sf-dark-c-txt-orangered-35)) } +.sf-c-txt-orangered\:70 { color: hsl(var(--sf-dark-c-txt-orangered-30)) } +.sf-c-txt-orangered\:75 { color: hsl(var(--sf-dark-c-txt-orangered-25)) } +.sf-c-txt-orangered\:80 { color: hsl(var(--sf-dark-c-txt-orangered-20)) } +.sf-c-txt-orangered\:85 { color: hsl(var(--sf-dark-c-txt-orangered-15)) } +.sf-c-txt-orangered\:90 { color: hsl(var(--sf-dark-c-txt-orangered-10)) } +.sf-c-txt-orangered\:95 { color: hsl(var(--sf-dark-c-txt-orangered-5)) } +.sf-c-txt-orangered\:100 { color: hsl(var(--sf-dark-c-txt-orangered-0)) } + +html.var .sf-c-txt-orangered { color: hsl(16, 100%, 50%) } +html.var .sf-c-txt-orangered\:0 { color: hsl(16, 100%, 100%) } +html.var .sf-c-txt-orangered\:5 { color: hsl(16, 100%, 95%) } +html.var .sf-c-txt-orangered\:10 { color: hsl(16, 100%, 90%) } +html.var .sf-c-txt-orangered\:15 { color: hsl(16, 100%, 85%) } +html.var .sf-c-txt-orangered\:20 { color: hsl(16, 100%, 80%) } +html.var .sf-c-txt-orangered\:25 { color: hsl(16, 100%, 75%) } +html.var .sf-c-txt-orangered\:30 { color: hsl(16, 100%, 70%) } +html.var .sf-c-txt-orangered\:35 { color: hsl(16, 100%, 65%) } +html.var .sf-c-txt-orangered\:40 { color: hsl(16, 100%, 60%) } +html.var .sf-c-txt-orangered\:45 { color: hsl(16, 100%, 55%) } +html.var .sf-c-txt-orangered\:50 { color: hsl(16, 100%, 50%) } +html.var .sf-c-txt-orangered\:55 { color: hsl(16, 100%, 45%) } +html.var .sf-c-txt-orangered\:60 { color: hsl(16, 100%, 40%) } +html.var .sf-c-txt-orangered\:65 { color: hsl(16, 100%, 35%) } +html.var .sf-c-txt-orangered\:70 { color: hsl(16, 100%, 30%) } +html.var .sf-c-txt-orangered\:75 { color: hsl(16, 100%, 25%) } +html.var .sf-c-txt-orangered\:80 { color: hsl(16, 100%, 20%) } +html.var .sf-c-txt-orangered\:85 { color: hsl(16, 100%, 15%) } +html.var .sf-c-txt-orangered\:90 { color: hsl(16, 100%, 10%) } +html.var .sf-c-txt-orangered\:95 { color: hsl(16, 100%, 5%) } +html.var .sf-c-txt-orangered\:100 { color: hsl(16, 100%, 0%) } + html[data-theme='dark'] .sf-c-orangered, html.dark .sf-c-orangered { color: hsl(var(--sf-dark-c-txt-orangered-95)); background: hsl(var(--sf-dark-c-orangered)) } html[data-theme='dark'] .sf-c-orangered\:0, html.dark .sf-c-orangered\:0 { color: hsl(var(--sf-dark-c-txt-orangered-95)); background: hsl(var(--sf-dark-c-orangered-100)) } html[data-theme='dark'] .sf-c-orangered\:5, html.dark .sf-c-orangered\:5 { color: hsl(var(--sf-dark-c-txt-orangered-5)); background: hsl(var(--sf-dark-c-orangered-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-orangered\:90\:dark, html.dark .sf-c-orangered\:90 html[data-theme='dark'] .sf-c-orangered\:95\:dark, html.dark .sf-c-orangered\:95\:dark { color: hsl(var(--sf-c-txt-orangered-95)); background: hsl(var(--sf-c-orangered-5)) } html[data-theme='dark'] .sf-c-orangered\:100\:dark, html.dark .sf-c-orangered\:100\:dark { color: hsl(var(--sf-c-txt-orangered-95)); background: hsl(var(--sf-c-orangered-0)) } +html[data-theme='dark'] .sf-c-txt-orangered, html.dark .sf-c-txt-orangered { color: hsl(var(--sf-c-txt-orangered)) } +html[data-theme='dark'] .sf-c-txt-orangered\:0, html.dark .sf-c-txt-orangered\:0 { color: hsl(var(--sf-c-txt-orangered-0)) } +html[data-theme='dark'] .sf-c-txt-orangered\:5, html.dark .sf-c-txt-orangered\:5 { color: hsl(var(--sf-c-txt-orangered-5)) } +html[data-theme='dark'] .sf-c-txt-orangered\:10, html.dark .sf-c-txt-orangered\:10 { color: hsl(var(--sf-c-txt-orangered-10)) } +html[data-theme='dark'] .sf-c-txt-orangered\:15, html.dark .sf-c-txt-orangered\:15 { color: hsl(var(--sf-c-txt-orangered-15)) } +html[data-theme='dark'] .sf-c-txt-orangered\:20, html.dark .sf-c-txt-orangered\:20 { color: hsl(var(--sf-c-txt-orangered-20)) } +html[data-theme='dark'] .sf-c-txt-orangered\:25, html.dark .sf-c-txt-orangered\:25 { color: hsl(var(--sf-c-txt-orangered-25)) } +html[data-theme='dark'] .sf-c-txt-orangered\:30, html.dark .sf-c-txt-orangered\:30 { color: hsl(var(--sf-c-txt-orangered-30)) } +html[data-theme='dark'] .sf-c-txt-orangered\:35, html.dark .sf-c-txt-orangered\:35 { color: hsl(var(--sf-c-txt-orangered-35)) } +html[data-theme='dark'] .sf-c-txt-orangered\:40, html.dark .sf-c-txt-orangered\:40 { color: hsl(var(--sf-c-txt-orangered-40)) } +html[data-theme='dark'] .sf-c-txt-orangered\:45, html.dark .sf-c-txt-orangered\:45 { color: hsl(var(--sf-c-txt-orangered-45)) } +html[data-theme='dark'] .sf-c-txt-orangered\:50, html.dark .sf-c-txt-orangered\:50 { color: hsl(var(--sf-c-txt-orangered-50)) } +html[data-theme='dark'] .sf-c-txt-orangered\:55, html.dark .sf-c-txt-orangered\:55 { color: hsl(var(--sf-c-txt-orangered-55)) } +html[data-theme='dark'] .sf-c-txt-orangered\:60, html.dark .sf-c-txt-orangered\:60 { color: hsl(var(--sf-c-txt-orangered-60)) } +html[data-theme='dark'] .sf-c-txt-orangered\:65, html.dark .sf-c-txt-orangered\:65 { color: hsl(var(--sf-c-txt-orangered-65)) } +html[data-theme='dark'] .sf-c-txt-orangered\:70, html.dark .sf-c-txt-orangered\:70 { color: hsl(var(--sf-c-txt-orangered-70)) } +html[data-theme='dark'] .sf-c-txt-orangered\:75, html.dark .sf-c-txt-orangered\:75 { color: hsl(var(--sf-c-txt-orangered-75)) } +html[data-theme='dark'] .sf-c-txt-orangered\:80, html.dark .sf-c-txt-orangered\:80 { color: hsl(var(--sf-c-txt-orangered-80)) } +html[data-theme='dark'] .sf-c-txt-orangered\:85, html.dark .sf-c-txt-orangered\:85 { color: hsl(var(--sf-c-txt-orangered-85)) } +html[data-theme='dark'] .sf-c-txt-orangered\:90, html.dark .sf-c-txt-orangered\:90 { color: hsl(var(--sf-c-txt-orangered-90)) } +html[data-theme='dark'] .sf-c-txt-orangered\:95, html.dark .sf-c-txt-orangered\:95 { color: hsl(var(--sf-c-txt-orangered-95)) } +html[data-theme='dark'] .sf-c-txt-orangered\:100, html.dark .sf-c-txt-orangered\:100 { color: hsl(var(--sf-c-txt-orangered-100)) } + +html[data-theme='dark'] .sf-c-txt-orangered\:dark, html.dark .sf-c-txt-orangered\:dark { color: hsl(var(--sf-c-txt-orangered)) } +html[data-theme='dark'] .sf-c-txt-orangered\:0\:dark, html.dark .sf-c-txt-orangered\:0\:dark { color: hsl(var(--sf-dark-c-txt-orangered-0)) } +html[data-theme='dark'] .sf-c-txt-orangered\:5\:dark, html.dark .sf-c-txt-orangered\:5\:dark { color: hsl(var(--sf-dark-c-txt-orangered-5)) } +html[data-theme='dark'] .sf-c-txt-orangered\:10\:dark, html.dark .sf-c-txt-orangered\:10\:dark { color: hsl(var(--sf-dark-c-txt-orangered-10)) } +html[data-theme='dark'] .sf-c-txt-orangered\:15\:dark, html.dark .sf-c-txt-orangered\:15\:dark { color: hsl(var(--sf-dark-c-txt-orangered-15)) } +html[data-theme='dark'] .sf-c-txt-orangered\:20\:dark, html.dark .sf-c-txt-orangered\:20\:dark { color: hsl(var(--sf-dark-c-txt-orangered-20)) } +html[data-theme='dark'] .sf-c-txt-orangered\:25\:dark, html.dark .sf-c-txt-orangered\:25\:dark { color: hsl(var(--sf-dark-c-txt-orangered-25)) } +html[data-theme='dark'] .sf-c-txt-orangered\:30\:dark, html.dark .sf-c-txt-orangered\:30\:dark { color: hsl(var(--sf-dark-c-txt-orangered-30)) } +html[data-theme='dark'] .sf-c-txt-orangered\:35\:dark, html.dark .sf-c-txt-orangered\:35\:dark { color: hsl(var(--sf-dark-c-txt-orangered-35)) } +html[data-theme='dark'] .sf-c-txt-orangered\:40\:dark, html.dark .sf-c-txt-orangered\:40\:dark { color: hsl(var(--sf-dark-c-txt-orangered-40)) } +html[data-theme='dark'] .sf-c-txt-orangered\:45\:dark, html.dark .sf-c-txt-orangered\:45\:dark { color: hsl(var(--sf-dark-c-txt-orangered-45)) } +html[data-theme='dark'] .sf-c-txt-orangered\:50\:dark, html.dark .sf-c-txt-orangered\:50\:dark { color: hsl(var(--sf-dark-c-txt-orangered-50)) } +html[data-theme='dark'] .sf-c-txt-orangered\:55\:dark, html.dark .sf-c-txt-orangered\:55\:dark { color: hsl(var(--sf-dark-c-txt-orangered-55)) } +html[data-theme='dark'] .sf-c-txt-orangered\:60\:dark, html.dark .sf-c-txt-orangered\:60\:dark { color: hsl(var(--sf-dark-c-txt-orangered-60)) } +html[data-theme='dark'] .sf-c-txt-orangered\:65\:dark, html.dark .sf-c-txt-orangered\:65\:dark { color: hsl(var(--sf-dark-c-txt-orangered-65)) } +html[data-theme='dark'] .sf-c-txt-orangered\:70\:dark, html.dark .sf-c-txt-orangered\:70\:dark { color: hsl(var(--sf-dark-c-txt-orangered-70)) } +html[data-theme='dark'] .sf-c-txt-orangered\:75\:dark, html.dark .sf-c-txt-orangered\:75\:dark { color: hsl(var(--sf-dark-c-txt-orangered-75)) } +html[data-theme='dark'] .sf-c-txt-orangered\:80\:dark, html.dark .sf-c-txt-orangered\:80\:dark { color: hsl(var(--sf-dark-c-txt-orangered-80)) } +html[data-theme='dark'] .sf-c-txt-orangered\:85\:dark, html.dark .sf-c-txt-orangered\:85\:dark { color: hsl(var(--sf-dark-c-txt-orangered-85)) } +html[data-theme='dark'] .sf-c-txt-orangered\:90\:dark, html.dark .sf-c-txt-orangered\:90\:dark { color: hsl(var(--sf-dark-c-txt-orangered-90)) } +html[data-theme='dark'] .sf-c-txt-orangered\:95\:dark, html.dark .sf-c-txt-orangered\:95\:dark { color: hsl(var(--sf-dark-c-txt-orangered-95)) } +html[data-theme='dark'] .sf-c-txt-orangered\:100\:dark, html.dark .sf-c-txt-orangered\:100\:dark { color: hsl(var(--sf-dark-c-txt-orangered-100)) } + html.var[data-theme='dark'] .sf-c-orangered, html.var.dark .sf-c-orangered { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } html.var[data-theme='dark'] .sf-c-orangered\:0, html.var.dark .sf-c-orangered\:0 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 100%) } html.var[data-theme='dark'] .sf-c-orangered\:5, html.var.dark .sf-c-orangered\:5 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-orangered\:90\:dark, html.var.dark .sf-c-orang html.var[data-theme='dark'] .sf-c-orangered\:95\:dark, html.var.dark .sf-c-orangered\:95\:dark { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 5%) } html.var[data-theme='dark'] .sf-c-orangered\:100\:dark, html.var.dark .sf-c-orangered\:100\:dark { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orangered, html.dark .sf-c-txt-orangered { color: hsl(16, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:0, html.dark .sf-c-txt-orangered\:0 { color: hsl(16, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:5, html.dark .sf-c-txt-orangered\:5 { color: hsl(16, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:10, html.dark .sf-c-txt-orangered\:10 { color: hsl(16, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:15, html.dark .sf-c-txt-orangered\:15 { color: hsl(16, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:20, html.dark .sf-c-txt-orangered\:20 { color: hsl(16, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:25, html.dark .sf-c-txt-orangered\:25 { color: hsl(16, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:30, html.dark .sf-c-txt-orangered\:30 { color: hsl(16, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:35, html.dark .sf-c-txt-orangered\:35 { color: hsl(16, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:40, html.dark .sf-c-txt-orangered\:40 { color: hsl(16, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:45, html.dark .sf-c-txt-orangered\:45 { color: hsl(16, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:50, html.dark .sf-c-txt-orangered\:50 { color: hsl(16, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:55, html.dark .sf-c-txt-orangered\:55 { color: hsl(16, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:60, html.dark .sf-c-txt-orangered\:60 { color: hsl(16, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:65, html.dark .sf-c-txt-orangered\:65 { color: hsl(16, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:70, html.dark .sf-c-txt-orangered\:70 { color: hsl(16, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:75, html.dark .sf-c-txt-orangered\:75 { color: hsl(16, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:80, html.dark .sf-c-txt-orangered\:80 { color: hsl(16, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:85, html.dark .sf-c-txt-orangered\:85 { color: hsl(16, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:90, html.dark .sf-c-txt-orangered\:90 { color: hsl(16, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:95, html.dark .sf-c-txt-orangered\:95 { color: hsl(16, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:100, html.dark .sf-c-txt-orangered\:100 { color: hsl(16, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-orangered\:dark, html.dark .sf-c-txt-orangered\:dark { color: hsl(16, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:0\:dark, html.dark .sf-c-txt-orangered\:0\:dark { color: hsl(16, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:5\:dark, html.dark .sf-c-txt-orangered\:5\:dark { color: hsl(16, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:10\:dark, html.dark .sf-c-txt-orangered\:10\:dark { color: hsl(16, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:15\:dark, html.dark .sf-c-txt-orangered\:15\:dark { color: hsl(16, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:20\:dark, html.dark .sf-c-txt-orangered\:20\:dark { color: hsl(16, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:25\:dark, html.dark .sf-c-txt-orangered\:25\:dark { color: hsl(16, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:30\:dark, html.dark .sf-c-txt-orangered\:30\:dark { color: hsl(16, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:35\:dark, html.dark .sf-c-txt-orangered\:35\:dark { color: hsl(16, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:40\:dark, html.dark .sf-c-txt-orangered\:40\:dark { color: hsl(16, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:45\:dark, html.dark .sf-c-txt-orangered\:45\:dark { color: hsl(16, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:50\:dark, html.dark .sf-c-txt-orangered\:50\:dark { color: hsl(16, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:55\:dark, html.dark .sf-c-txt-orangered\:55\:dark { color: hsl(16, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:60\:dark, html.dark .sf-c-txt-orangered\:60\:dark { color: hsl(16, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:65\:dark, html.dark .sf-c-txt-orangered\:65\:dark { color: hsl(16, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:70\:dark, html.dark .sf-c-txt-orangered\:70\:dark { color: hsl(16, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:75\:dark, html.dark .sf-c-txt-orangered\:75\:dark { color: hsl(16, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:80\:dark, html.dark .sf-c-txt-orangered\:80\:dark { color: hsl(16, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:85\:dark, html.dark .sf-c-txt-orangered\:85\:dark { color: hsl(16, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:90\:dark, html.dark .sf-c-txt-orangered\:90\:dark { color: hsl(16, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:95\:dark, html.dark .sf-c-txt-orangered\:95\:dark { color: hsl(16, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-orangered\:100\:dark, html.dark .sf-c-txt-orangered\:100\:dark { color: hsl(16, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-orangered, html.auto .sf-c-orangered { color: hsl(var(--sf-dark-c-txt-orangered-95)); background: hsl(var(--sf-dark-c-orangered)) } html[data-theme='auto'] .sf-c-orangered\:0, html.auto .sf-c-orangered\:0 { color: hsl(var(--sf-dark-c-txt-orangered-95)); background: hsl(var(--sf-dark-c-orangered-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-orangered\:100\:dark, html.var.dark .sf-c-oran html[data-theme='auto'] .sf-c-orangered\:95\:dark, html.auto .sf-c-orangered\:95\:dark { color: hsl(var(--sf-c-txt-orangered-95)); background: hsl(var(--sf-c-orangered-5)) } html[data-theme='auto'] .sf-c-orangered\:100\:dark, html.auto .sf-c-orangered\:100\:dark { color: hsl(var(--sf-c-txt-orangered-95)); background: hsl(var(--sf-c-orangered-0)) } + html[data-theme='auto'] .sf-c-txt-orangered, html.auto .sf-c-txt-orangered { color: hsl(var(--sf-c-txt-orangered)) } + html[data-theme='auto'] .sf-c-txt-orangered\:0, html.auto .sf-c-txt-orangered\:0 { color: hsl(var(--sf-c-txt-orangered-0)) } + html[data-theme='auto'] .sf-c-txt-orangered\:5, html.auto .sf-c-txt-orangered\:5 { color: hsl(var(--sf-c-txt-orangered-5)) } + html[data-theme='auto'] .sf-c-txt-orangered\:10, html.auto .sf-c-txt-orangered\:10 { color: hsl(var(--sf-c-txt-orangered-10)) } + html[data-theme='auto'] .sf-c-txt-orangered\:15, html.auto .sf-c-txt-orangered\:15 { color: hsl(var(--sf-c-txt-orangered-15)) } + html[data-theme='auto'] .sf-c-txt-orangered\:20, html.auto .sf-c-txt-orangered\:20 { color: hsl(var(--sf-c-txt-orangered-20)) } + html[data-theme='auto'] .sf-c-txt-orangered\:25, html.auto .sf-c-txt-orangered\:25 { color: hsl(var(--sf-c-txt-orangered-25)) } + html[data-theme='auto'] .sf-c-txt-orangered\:30, html.auto .sf-c-txt-orangered\:30 { color: hsl(var(--sf-c-txt-orangered-30)) } + html[data-theme='auto'] .sf-c-txt-orangered\:35, html.auto .sf-c-txt-orangered\:35 { color: hsl(var(--sf-c-txt-orangered-35)) } + html[data-theme='auto'] .sf-c-txt-orangered\:40, html.auto .sf-c-txt-orangered\:40 { color: hsl(var(--sf-c-txt-orangered-40)) } + html[data-theme='auto'] .sf-c-txt-orangered\:45, html.auto .sf-c-txt-orangered\:45 { color: hsl(var(--sf-c-txt-orangered-45)) } + html[data-theme='auto'] .sf-c-txt-orangered\:50, html.auto .sf-c-txt-orangered\:50 { color: hsl(var(--sf-c-txt-orangered-50)) } + html[data-theme='auto'] .sf-c-txt-orangered\:55, html.auto .sf-c-txt-orangered\:55 { color: hsl(var(--sf-c-txt-orangered-55)) } + html[data-theme='auto'] .sf-c-txt-orangered\:60, html.auto .sf-c-txt-orangered\:60 { color: hsl(var(--sf-c-txt-orangered-60)) } + html[data-theme='auto'] .sf-c-txt-orangered\:65, html.auto .sf-c-txt-orangered\:65 { color: hsl(var(--sf-c-txt-orangered-65)) } + html[data-theme='auto'] .sf-c-txt-orangered\:70, html.auto .sf-c-txt-orangered\:70 { color: hsl(var(--sf-c-txt-orangered-70)) } + html[data-theme='auto'] .sf-c-txt-orangered\:75, html.auto .sf-c-txt-orangered\:75 { color: hsl(var(--sf-c-txt-orangered-75)) } + html[data-theme='auto'] .sf-c-txt-orangered\:80, html.auto .sf-c-txt-orangered\:80 { color: hsl(var(--sf-c-txt-orangered-80)) } + html[data-theme='auto'] .sf-c-txt-orangered\:85, html.auto .sf-c-txt-orangered\:85 { color: hsl(var(--sf-c-txt-orangered-85)) } + html[data-theme='auto'] .sf-c-txt-orangered\:90, html.auto .sf-c-txt-orangered\:90 { color: hsl(var(--sf-c-txt-orangered-90)) } + html[data-theme='auto'] .sf-c-txt-orangered\:95, html.auto .sf-c-txt-orangered\:95 { color: hsl(var(--sf-c-txt-orangered-95)) } + html[data-theme='auto'] .sf-c-txt-orangered\:100, html.auto .sf-c-txt-orangered\:100 { color: hsl(var(--sf-c-txt-orangered-100)) } + + html[data-theme='auto'] .sf-c-txt-orangered\:dark, html.auto .sf-c-txt-orangered\:dark { color: hsl(var(--sf-c-txt-orangered)) } + html[data-theme='auto'] .sf-c-txt-orangered\:0\:dark, html.auto .sf-c-txt-orangered\:0\:dark { color: hsl(var(--sf-c-txt-orangered-0)) } + html[data-theme='auto'] .sf-c-txt-orangered\:5\:dark, html.auto .sf-c-txt-orangered\:5\:dark { color: hsl(var(--sf-c-txt-orangered-5)) } + html[data-theme='auto'] .sf-c-txt-orangered\:10\:dark, html.auto .sf-c-txt-orangered\:10\:dark { color: hsl(var(--sf-c-txt-orangered-10)) } + html[data-theme='auto'] .sf-c-txt-orangered\:15\:dark, html.auto .sf-c-txt-orangered\:15\:dark { color: hsl(var(--sf-c-txt-orangered-15)) } + html[data-theme='auto'] .sf-c-txt-orangered\:20\:dark, html.auto .sf-c-txt-orangered\:20\:dark { color: hsl(var(--sf-c-txt-orangered-20)) } + html[data-theme='auto'] .sf-c-txt-orangered\:25\:dark, html.auto .sf-c-txt-orangered\:25\:dark { color: hsl(var(--sf-c-txt-orangered-25)) } + html[data-theme='auto'] .sf-c-txt-orangered\:30\:dark, html.auto .sf-c-txt-orangered\:30\:dark { color: hsl(var(--sf-c-txt-orangered-30)) } + html[data-theme='auto'] .sf-c-txt-orangered\:35\:dark, html.auto .sf-c-txt-orangered\:35\:dark { color: hsl(var(--sf-c-txt-orangered-35)) } + html[data-theme='auto'] .sf-c-txt-orangered\:40\:dark, html.auto .sf-c-txt-orangered\:40\:dark { color: hsl(var(--sf-c-txt-orangered-40)) } + html[data-theme='auto'] .sf-c-txt-orangered\:45\:dark, html.auto .sf-c-txt-orangered\:45\:dark { color: hsl(var(--sf-c-txt-orangered-45)) } + html[data-theme='auto'] .sf-c-txt-orangered\:50\:dark, html.auto .sf-c-txt-orangered\:50\:dark { color: hsl(var(--sf-c-txt-orangered-50)) } + html[data-theme='auto'] .sf-c-txt-orangered\:55\:dark, html.auto .sf-c-txt-orangered\:55\:dark { color: hsl(var(--sf-c-txt-orangered-55)) } + html[data-theme='auto'] .sf-c-txt-orangered\:60\:dark, html.auto .sf-c-txt-orangered\:60\:dark { color: hsl(var(--sf-c-txt-orangered-60)) } + html[data-theme='auto'] .sf-c-txt-orangered\:65\:dark, html.auto .sf-c-txt-orangered\:65\:dark { color: hsl(var(--sf-c-txt-orangered-65)) } + html[data-theme='auto'] .sf-c-txt-orangered\:70\:dark, html.auto .sf-c-txt-orangered\:70\:dark { color: hsl(var(--sf-c-txt-orangered-70)) } + html[data-theme='auto'] .sf-c-txt-orangered\:75\:dark, html.auto .sf-c-txt-orangered\:75\:dark { color: hsl(var(--sf-c-txt-orangered-75)) } + html[data-theme='auto'] .sf-c-txt-orangered\:80\:dark, html.auto .sf-c-txt-orangered\:80\:dark { color: hsl(var(--sf-c-txt-orangered-80)) } + html[data-theme='auto'] .sf-c-txt-orangered\:85\:dark, html.auto .sf-c-txt-orangered\:85\:dark { color: hsl(var(--sf-c-txt-orangered-85)) } + html[data-theme='auto'] .sf-c-txt-orangered\:90\:dark, html.auto .sf-c-txt-orangered\:90\:dark { color: hsl(var(--sf-c-txt-orangered-90)) } + html[data-theme='auto'] .sf-c-txt-orangered\:95\:dark, html.auto .sf-c-txt-orangered\:95\:dark { color: hsl(var(--sf-c-txt-orangered-95)) } + html[data-theme='auto'] .sf-c-txt-orangered\:100\:dark, html.auto .sf-c-txt-orangered\:100\:dark { color: hsl(var(--sf-c-txt-orangered-100)) } + html.var[data-theme='auto'] .sf-c-orangered, html.var.auto .sf-c-orangered { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 50%) } html.var[data-theme='auto'] .sf-c-orangered\:0, html.var.auto .sf-c-orangered\:0 { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 100%) } html.var[data-theme='auto'] .sf-c-orangered\:5, html.var.auto .sf-c-orangered\:5 { color: hsl(16, 100%, 5%); background: hsl(16, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-orangered\:100\:dark, html.var.dark .sf-c-oran html.var[data-theme='auto'] .sf-c-orangered\:90\:dark, html.var.auto .sf-c-orangered\:90\:dark { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 10%) } html.var[data-theme='auto'] .sf-c-orangered\:95\:dark, html.var.auto .sf-c-orangered\:95\:dark { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 5%) } html.var[data-theme='auto'] .sf-c-orangered\:100\:dark, html.var.auto .sf-c-orangered\:100\:dark { color: hsl(16, 100%, 95%); background: hsl(16, 100%, 0%) } -} -.sf-c-txt-orangered { color: hsl(var(--sf-c-txt-orangered)) } -.sf-c-txt-orangered\:0 { color: hsl(var(--sf-c-txt-orangered-0)) } -.sf-c-txt-orangered\:5 { color: hsl(var(--sf-c-txt-orangered-5)) } -.sf-c-txt-orangered\:10 { color: hsl(var(--sf-c-txt-orangered-10)) } -.sf-c-txt-orangered\:15 { color: hsl(var(--sf-c-txt-orangered-15)) } -.sf-c-txt-orangered\:20 { color: hsl(var(--sf-c-txt-orangered-20)) } -.sf-c-txt-orangered\:25 { color: hsl(var(--sf-c-txt-orangered-25)) } -.sf-c-txt-orangered\:30 { color: hsl(var(--sf-c-txt-orangered-30)) } -.sf-c-txt-orangered\:35 { color: hsl(var(--sf-c-txt-orangered-35)) } -.sf-c-txt-orangered\:40 { color: hsl(var(--sf-c-txt-orangered-40)) } -.sf-c-txt-orangered\:45 { color: hsl(var(--sf-c-txt-orangered-45)) } -.sf-c-txt-orangered\:50 { color: hsl(var(--sf-c-txt-orangered-50)) } -.sf-c-txt-orangered\:55 { color: hsl(var(--sf-c-txt-orangered-55)) } -.sf-c-txt-orangered\:60 { color: hsl(var(--sf-c-txt-orangered-60)) } -.sf-c-txt-orangered\:65 { color: hsl(var(--sf-c-txt-orangered-65)) } -.sf-c-txt-orangered\:70 { color: hsl(var(--sf-c-txt-orangered-70)) } -.sf-c-txt-orangered\:75 { color: hsl(var(--sf-c-txt-orangered-75)) } -.sf-c-txt-orangered\:80 { color: hsl(var(--sf-c-txt-orangered-80)) } -.sf-c-txt-orangered\:85 { color: hsl(var(--sf-c-txt-orangered-85)) } -.sf-c-txt-orangered\:90 { color: hsl(var(--sf-c-txt-orangered-90)) } -.sf-c-txt-orangered\:95 { color: hsl(var(--sf-c-txt-orangered-95)) } -.sf-c-txt-orangered\:100 { color: hsl(var(--sf-c-txt-orangered-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-orangered, html.auto .sf-c-txt-orangered { color: hsl(16, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:0, html.auto .sf-c-txt-orangered\:0 { color: hsl(16, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:5, html.auto .sf-c-txt-orangered\:5 { color: hsl(16, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:10, html.auto .sf-c-txt-orangered\:10 { color: hsl(16, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:15, html.auto .sf-c-txt-orangered\:15 { color: hsl(16, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:20, html.auto .sf-c-txt-orangered\:20 { color: hsl(16, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:25, html.auto .sf-c-txt-orangered\:25 { color: hsl(16, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:30, html.auto .sf-c-txt-orangered\:30 { color: hsl(16, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:35, html.auto .sf-c-txt-orangered\:35 { color: hsl(16, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:40, html.auto .sf-c-txt-orangered\:40 { color: hsl(16, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:45, html.auto .sf-c-txt-orangered\:45 { color: hsl(16, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:50, html.auto .sf-c-txt-orangered\:50 { color: hsl(16, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:55, html.auto .sf-c-txt-orangered\:55 { color: hsl(16, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:60, html.auto .sf-c-txt-orangered\:60 { color: hsl(16, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:65, html.auto .sf-c-txt-orangered\:65 { color: hsl(16, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:70, html.auto .sf-c-txt-orangered\:70 { color: hsl(16, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:75, html.auto .sf-c-txt-orangered\:75 { color: hsl(16, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:80, html.auto .sf-c-txt-orangered\:80 { color: hsl(16, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:85, html.auto .sf-c-txt-orangered\:85 { color: hsl(16, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:90, html.auto .sf-c-txt-orangered\:90 { color: hsl(16, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:95, html.auto .sf-c-txt-orangered\:95 { color: hsl(16, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:100, html.auto .sf-c-txt-orangered\:100 { color: hsl(16, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-orangered\:dark, html.auto .sf-c-txt-orangered\:dark { color: hsl(16, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:0\:dark, html.auto .sf-c-txt-orangered\:0\:dark { color: hsl(16, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:5\:dark, html.auto .sf-c-txt-orangered\:5\:dark { color: hsl(16, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:10\:dark, html.auto .sf-c-txt-orangered\:10\:dark { color: hsl(16, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:15\:dark, html.auto .sf-c-txt-orangered\:15\:dark { color: hsl(16, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:20\:dark, html.auto .sf-c-txt-orangered\:20\:dark { color: hsl(16, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:25\:dark, html.auto .sf-c-txt-orangered\:25\:dark { color: hsl(16, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:30\:dark, html.auto .sf-c-txt-orangered\:30\:dark { color: hsl(16, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:35\:dark, html.auto .sf-c-txt-orangered\:35\:dark { color: hsl(16, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:40\:dark, html.auto .sf-c-txt-orangered\:40\:dark { color: hsl(16, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:45\:dark, html.auto .sf-c-txt-orangered\:45\:dark { color: hsl(16, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:50\:dark, html.auto .sf-c-txt-orangered\:50\:dark { color: hsl(16, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:55\:dark, html.auto .sf-c-txt-orangered\:55\:dark { color: hsl(16, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:60\:dark, html.auto .sf-c-txt-orangered\:60\:dark { color: hsl(16, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:65\:dark, html.auto .sf-c-txt-orangered\:65\:dark { color: hsl(16, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:70\:dark, html.auto .sf-c-txt-orangered\:70\:dark { color: hsl(16, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:75\:dark, html.auto .sf-c-txt-orangered\:75\:dark { color: hsl(16, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:80\:dark, html.auto .sf-c-txt-orangered\:80\:dark { color: hsl(16, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:85\:dark, html.auto .sf-c-txt-orangered\:85\:dark { color: hsl(16, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:90\:dark, html.auto .sf-c-txt-orangered\:90\:dark { color: hsl(16, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:95\:dark, html.auto .sf-c-txt-orangered\:95\:dark { color: hsl(16, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-orangered\:100\:dark, html.auto .sf-c-txt-orangered\:100\:dark { color: hsl(16, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/orchid.css b/src/colors/20/orchid.css index cea76b1..bf23e34 100644 --- a/src/colors/20/orchid.css +++ b/src/colors/20/orchid.css @@ -138,6 +138,52 @@ html.var .sf-c-orchid\:90 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, html.var .sf-c-orchid\:95 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 95%) } html.var .sf-c-orchid\:100 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 100%) } +.sf-c-txt-orchid { color: hsl(var(--sf-dark-c-txt-orchid)) } +.sf-c-txt-orchid\:0 { color: hsl(var(--sf-dark-c-txt-orchid-100)) } +.sf-c-txt-orchid\:5 { color: hsl(var(--sf-dark-c-txt-orchid-95)) } +.sf-c-txt-orchid\:10 { color: hsl(var(--sf-dark-c-txt-orchid-90)) } +.sf-c-txt-orchid\:15 { color: hsl(var(--sf-dark-c-txt-orchid-85)) } +.sf-c-txt-orchid\:20 { color: hsl(var(--sf-dark-c-txt-orchid-80)) } +.sf-c-txt-orchid\:25 { color: hsl(var(--sf-dark-c-txt-orchid-75)) } +.sf-c-txt-orchid\:30 { color: hsl(var(--sf-dark-c-txt-orchid-70)) } +.sf-c-txt-orchid\:35 { color: hsl(var(--sf-dark-c-txt-orchid-65)) } +.sf-c-txt-orchid\:40 { color: hsl(var(--sf-dark-c-txt-orchid-60)) } +.sf-c-txt-orchid\:45 { color: hsl(var(--sf-dark-c-txt-orchid-55)) } +.sf-c-txt-orchid\:50 { color: hsl(var(--sf-dark-c-txt-orchid-50)) } +.sf-c-txt-orchid\:55 { color: hsl(var(--sf-dark-c-txt-orchid-45)) } +.sf-c-txt-orchid\:60 { color: hsl(var(--sf-dark-c-txt-orchid-40)) } +.sf-c-txt-orchid\:65 { color: hsl(var(--sf-dark-c-txt-orchid-35)) } +.sf-c-txt-orchid\:70 { color: hsl(var(--sf-dark-c-txt-orchid-30)) } +.sf-c-txt-orchid\:75 { color: hsl(var(--sf-dark-c-txt-orchid-25)) } +.sf-c-txt-orchid\:80 { color: hsl(var(--sf-dark-c-txt-orchid-20)) } +.sf-c-txt-orchid\:85 { color: hsl(var(--sf-dark-c-txt-orchid-15)) } +.sf-c-txt-orchid\:90 { color: hsl(var(--sf-dark-c-txt-orchid-10)) } +.sf-c-txt-orchid\:95 { color: hsl(var(--sf-dark-c-txt-orchid-5)) } +.sf-c-txt-orchid\:100 { color: hsl(var(--sf-dark-c-txt-orchid-0)) } + +html.var .sf-c-txt-orchid { color: hsl(302, 59%, 35%) } +html.var .sf-c-txt-orchid\:0 { color: hsl(302, 59%, 100%) } +html.var .sf-c-txt-orchid\:5 { color: hsl(302, 59%, 95%) } +html.var .sf-c-txt-orchid\:10 { color: hsl(302, 59%, 90%) } +html.var .sf-c-txt-orchid\:15 { color: hsl(302, 59%, 85%) } +html.var .sf-c-txt-orchid\:20 { color: hsl(302, 59%, 80%) } +html.var .sf-c-txt-orchid\:25 { color: hsl(302, 59%, 75%) } +html.var .sf-c-txt-orchid\:30 { color: hsl(302, 59%, 70%) } +html.var .sf-c-txt-orchid\:35 { color: hsl(302, 59%, 65%) } +html.var .sf-c-txt-orchid\:40 { color: hsl(302, 59%, 60%) } +html.var .sf-c-txt-orchid\:45 { color: hsl(302, 59%, 55%) } +html.var .sf-c-txt-orchid\:50 { color: hsl(302, 59%, 50%) } +html.var .sf-c-txt-orchid\:55 { color: hsl(302, 59%, 45%) } +html.var .sf-c-txt-orchid\:60 { color: hsl(302, 59%, 40%) } +html.var .sf-c-txt-orchid\:65 { color: hsl(302, 59%, 35%) } +html.var .sf-c-txt-orchid\:70 { color: hsl(302, 59%, 30%) } +html.var .sf-c-txt-orchid\:75 { color: hsl(302, 59%, 25%) } +html.var .sf-c-txt-orchid\:80 { color: hsl(302, 59%, 20%) } +html.var .sf-c-txt-orchid\:85 { color: hsl(302, 59%, 15%) } +html.var .sf-c-txt-orchid\:90 { color: hsl(302, 59%, 10%) } +html.var .sf-c-txt-orchid\:95 { color: hsl(302, 59%, 5%) } +html.var .sf-c-txt-orchid\:100 { color: hsl(302, 59%, 0%) } + html[data-theme='dark'] .sf-c-orchid, html.dark .sf-c-orchid { color: hsl(var(--sf-dark-c-txt-orchid-95)); background: hsl(var(--sf-dark-c-orchid)) } html[data-theme='dark'] .sf-c-orchid\:0, html.dark .sf-c-orchid\:0 { color: hsl(var(--sf-dark-c-txt-orchid-95)); background: hsl(var(--sf-dark-c-orchid-100)) } html[data-theme='dark'] .sf-c-orchid\:5, html.dark .sf-c-orchid\:5 { color: hsl(var(--sf-dark-c-txt-orchid-5)); background: hsl(var(--sf-dark-c-orchid-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-orchid\:90\:dark, html.dark .sf-c-orchid\:90\:dark html[data-theme='dark'] .sf-c-orchid\:95\:dark, html.dark .sf-c-orchid\:95\:dark { color: hsl(var(--sf-c-txt-orchid-95)); background: hsl(var(--sf-c-orchid-5)) } html[data-theme='dark'] .sf-c-orchid\:100\:dark, html.dark .sf-c-orchid\:100\:dark { color: hsl(var(--sf-c-txt-orchid-95)); background: hsl(var(--sf-c-orchid-0)) } +html[data-theme='dark'] .sf-c-txt-orchid, html.dark .sf-c-txt-orchid { color: hsl(var(--sf-c-txt-orchid)) } +html[data-theme='dark'] .sf-c-txt-orchid\:0, html.dark .sf-c-txt-orchid\:0 { color: hsl(var(--sf-c-txt-orchid-0)) } +html[data-theme='dark'] .sf-c-txt-orchid\:5, html.dark .sf-c-txt-orchid\:5 { color: hsl(var(--sf-c-txt-orchid-5)) } +html[data-theme='dark'] .sf-c-txt-orchid\:10, html.dark .sf-c-txt-orchid\:10 { color: hsl(var(--sf-c-txt-orchid-10)) } +html[data-theme='dark'] .sf-c-txt-orchid\:15, html.dark .sf-c-txt-orchid\:15 { color: hsl(var(--sf-c-txt-orchid-15)) } +html[data-theme='dark'] .sf-c-txt-orchid\:20, html.dark .sf-c-txt-orchid\:20 { color: hsl(var(--sf-c-txt-orchid-20)) } +html[data-theme='dark'] .sf-c-txt-orchid\:25, html.dark .sf-c-txt-orchid\:25 { color: hsl(var(--sf-c-txt-orchid-25)) } +html[data-theme='dark'] .sf-c-txt-orchid\:30, html.dark .sf-c-txt-orchid\:30 { color: hsl(var(--sf-c-txt-orchid-30)) } +html[data-theme='dark'] .sf-c-txt-orchid\:35, html.dark .sf-c-txt-orchid\:35 { color: hsl(var(--sf-c-txt-orchid-35)) } +html[data-theme='dark'] .sf-c-txt-orchid\:40, html.dark .sf-c-txt-orchid\:40 { color: hsl(var(--sf-c-txt-orchid-40)) } +html[data-theme='dark'] .sf-c-txt-orchid\:45, html.dark .sf-c-txt-orchid\:45 { color: hsl(var(--sf-c-txt-orchid-45)) } +html[data-theme='dark'] .sf-c-txt-orchid\:50, html.dark .sf-c-txt-orchid\:50 { color: hsl(var(--sf-c-txt-orchid-50)) } +html[data-theme='dark'] .sf-c-txt-orchid\:55, html.dark .sf-c-txt-orchid\:55 { color: hsl(var(--sf-c-txt-orchid-55)) } +html[data-theme='dark'] .sf-c-txt-orchid\:60, html.dark .sf-c-txt-orchid\:60 { color: hsl(var(--sf-c-txt-orchid-60)) } +html[data-theme='dark'] .sf-c-txt-orchid\:65, html.dark .sf-c-txt-orchid\:65 { color: hsl(var(--sf-c-txt-orchid-65)) } +html[data-theme='dark'] .sf-c-txt-orchid\:70, html.dark .sf-c-txt-orchid\:70 { color: hsl(var(--sf-c-txt-orchid-70)) } +html[data-theme='dark'] .sf-c-txt-orchid\:75, html.dark .sf-c-txt-orchid\:75 { color: hsl(var(--sf-c-txt-orchid-75)) } +html[data-theme='dark'] .sf-c-txt-orchid\:80, html.dark .sf-c-txt-orchid\:80 { color: hsl(var(--sf-c-txt-orchid-80)) } +html[data-theme='dark'] .sf-c-txt-orchid\:85, html.dark .sf-c-txt-orchid\:85 { color: hsl(var(--sf-c-txt-orchid-85)) } +html[data-theme='dark'] .sf-c-txt-orchid\:90, html.dark .sf-c-txt-orchid\:90 { color: hsl(var(--sf-c-txt-orchid-90)) } +html[data-theme='dark'] .sf-c-txt-orchid\:95, html.dark .sf-c-txt-orchid\:95 { color: hsl(var(--sf-c-txt-orchid-95)) } +html[data-theme='dark'] .sf-c-txt-orchid\:100, html.dark .sf-c-txt-orchid\:100 { color: hsl(var(--sf-c-txt-orchid-100)) } + +html[data-theme='dark'] .sf-c-txt-orchid\:dark, html.dark .sf-c-txt-orchid\:dark { color: hsl(var(--sf-c-txt-orchid)) } +html[data-theme='dark'] .sf-c-txt-orchid\:0\:dark, html.dark .sf-c-txt-orchid\:0\:dark { color: hsl(var(--sf-dark-c-txt-orchid-0)) } +html[data-theme='dark'] .sf-c-txt-orchid\:5\:dark, html.dark .sf-c-txt-orchid\:5\:dark { color: hsl(var(--sf-dark-c-txt-orchid-5)) } +html[data-theme='dark'] .sf-c-txt-orchid\:10\:dark, html.dark .sf-c-txt-orchid\:10\:dark { color: hsl(var(--sf-dark-c-txt-orchid-10)) } +html[data-theme='dark'] .sf-c-txt-orchid\:15\:dark, html.dark .sf-c-txt-orchid\:15\:dark { color: hsl(var(--sf-dark-c-txt-orchid-15)) } +html[data-theme='dark'] .sf-c-txt-orchid\:20\:dark, html.dark .sf-c-txt-orchid\:20\:dark { color: hsl(var(--sf-dark-c-txt-orchid-20)) } +html[data-theme='dark'] .sf-c-txt-orchid\:25\:dark, html.dark .sf-c-txt-orchid\:25\:dark { color: hsl(var(--sf-dark-c-txt-orchid-25)) } +html[data-theme='dark'] .sf-c-txt-orchid\:30\:dark, html.dark .sf-c-txt-orchid\:30\:dark { color: hsl(var(--sf-dark-c-txt-orchid-30)) } +html[data-theme='dark'] .sf-c-txt-orchid\:35\:dark, html.dark .sf-c-txt-orchid\:35\:dark { color: hsl(var(--sf-dark-c-txt-orchid-35)) } +html[data-theme='dark'] .sf-c-txt-orchid\:40\:dark, html.dark .sf-c-txt-orchid\:40\:dark { color: hsl(var(--sf-dark-c-txt-orchid-40)) } +html[data-theme='dark'] .sf-c-txt-orchid\:45\:dark, html.dark .sf-c-txt-orchid\:45\:dark { color: hsl(var(--sf-dark-c-txt-orchid-45)) } +html[data-theme='dark'] .sf-c-txt-orchid\:50\:dark, html.dark .sf-c-txt-orchid\:50\:dark { color: hsl(var(--sf-dark-c-txt-orchid-50)) } +html[data-theme='dark'] .sf-c-txt-orchid\:55\:dark, html.dark .sf-c-txt-orchid\:55\:dark { color: hsl(var(--sf-dark-c-txt-orchid-55)) } +html[data-theme='dark'] .sf-c-txt-orchid\:60\:dark, html.dark .sf-c-txt-orchid\:60\:dark { color: hsl(var(--sf-dark-c-txt-orchid-60)) } +html[data-theme='dark'] .sf-c-txt-orchid\:65\:dark, html.dark .sf-c-txt-orchid\:65\:dark { color: hsl(var(--sf-dark-c-txt-orchid-65)) } +html[data-theme='dark'] .sf-c-txt-orchid\:70\:dark, html.dark .sf-c-txt-orchid\:70\:dark { color: hsl(var(--sf-dark-c-txt-orchid-70)) } +html[data-theme='dark'] .sf-c-txt-orchid\:75\:dark, html.dark .sf-c-txt-orchid\:75\:dark { color: hsl(var(--sf-dark-c-txt-orchid-75)) } +html[data-theme='dark'] .sf-c-txt-orchid\:80\:dark, html.dark .sf-c-txt-orchid\:80\:dark { color: hsl(var(--sf-dark-c-txt-orchid-80)) } +html[data-theme='dark'] .sf-c-txt-orchid\:85\:dark, html.dark .sf-c-txt-orchid\:85\:dark { color: hsl(var(--sf-dark-c-txt-orchid-85)) } +html[data-theme='dark'] .sf-c-txt-orchid\:90\:dark, html.dark .sf-c-txt-orchid\:90\:dark { color: hsl(var(--sf-dark-c-txt-orchid-90)) } +html[data-theme='dark'] .sf-c-txt-orchid\:95\:dark, html.dark .sf-c-txt-orchid\:95\:dark { color: hsl(var(--sf-dark-c-txt-orchid-95)) } +html[data-theme='dark'] .sf-c-txt-orchid\:100\:dark, html.dark .sf-c-txt-orchid\:100\:dark { color: hsl(var(--sf-dark-c-txt-orchid-100)) } + html.var[data-theme='dark'] .sf-c-orchid, html.var.dark .sf-c-orchid { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 35%) } html.var[data-theme='dark'] .sf-c-orchid\:0, html.var.dark .sf-c-orchid\:0 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 100%) } html.var[data-theme='dark'] .sf-c-orchid\:5, html.var.dark .sf-c-orchid\:5 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-orchid\:90\:dark, html.var.dark .sf-c-orchid\: html.var[data-theme='dark'] .sf-c-orchid\:95\:dark, html.var.dark .sf-c-orchid\:95\:dark { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 5%) } html.var[data-theme='dark'] .sf-c-orchid\:100\:dark, html.var.dark .sf-c-orchid\:100\:dark { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orchid, html.dark .sf-c-txt-orchid { color: hsl(302, 59%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:0, html.dark .sf-c-txt-orchid\:0 { color: hsl(302, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:5, html.dark .sf-c-txt-orchid\:5 { color: hsl(302, 59%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:10, html.dark .sf-c-txt-orchid\:10 { color: hsl(302, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:15, html.dark .sf-c-txt-orchid\:15 { color: hsl(302, 59%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:20, html.dark .sf-c-txt-orchid\:20 { color: hsl(302, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:25, html.dark .sf-c-txt-orchid\:25 { color: hsl(302, 59%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:30, html.dark .sf-c-txt-orchid\:30 { color: hsl(302, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:35, html.dark .sf-c-txt-orchid\:35 { color: hsl(302, 59%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:40, html.dark .sf-c-txt-orchid\:40 { color: hsl(302, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:45, html.dark .sf-c-txt-orchid\:45 { color: hsl(302, 59%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:50, html.dark .sf-c-txt-orchid\:50 { color: hsl(302, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:55, html.dark .sf-c-txt-orchid\:55 { color: hsl(302, 59%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:60, html.dark .sf-c-txt-orchid\:60 { color: hsl(302, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:65, html.dark .sf-c-txt-orchid\:65 { color: hsl(302, 59%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:70, html.dark .sf-c-txt-orchid\:70 { color: hsl(302, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:75, html.dark .sf-c-txt-orchid\:75 { color: hsl(302, 59%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:80, html.dark .sf-c-txt-orchid\:80 { color: hsl(302, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:85, html.dark .sf-c-txt-orchid\:85 { color: hsl(302, 59%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:90, html.dark .sf-c-txt-orchid\:90 { color: hsl(302, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:95, html.dark .sf-c-txt-orchid\:95 { color: hsl(302, 59%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:100, html.dark .sf-c-txt-orchid\:100 { color: hsl(302, 59%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-orchid\:dark, html.dark .sf-c-txt-orchid\:dark { color: hsl(302, 59%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:0\:dark, html.dark .sf-c-txt-orchid\:0\:dark { color: hsl(302, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:5\:dark, html.dark .sf-c-txt-orchid\:5\:dark { color: hsl(302, 59%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:10\:dark, html.dark .sf-c-txt-orchid\:10\:dark { color: hsl(302, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:15\:dark, html.dark .sf-c-txt-orchid\:15\:dark { color: hsl(302, 59%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:20\:dark, html.dark .sf-c-txt-orchid\:20\:dark { color: hsl(302, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:25\:dark, html.dark .sf-c-txt-orchid\:25\:dark { color: hsl(302, 59%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:30\:dark, html.dark .sf-c-txt-orchid\:30\:dark { color: hsl(302, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:35\:dark, html.dark .sf-c-txt-orchid\:35\:dark { color: hsl(302, 59%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:40\:dark, html.dark .sf-c-txt-orchid\:40\:dark { color: hsl(302, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:45\:dark, html.dark .sf-c-txt-orchid\:45\:dark { color: hsl(302, 59%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:50\:dark, html.dark .sf-c-txt-orchid\:50\:dark { color: hsl(302, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:55\:dark, html.dark .sf-c-txt-orchid\:55\:dark { color: hsl(302, 59%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:60\:dark, html.dark .sf-c-txt-orchid\:60\:dark { color: hsl(302, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:65\:dark, html.dark .sf-c-txt-orchid\:65\:dark { color: hsl(302, 59%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:70\:dark, html.dark .sf-c-txt-orchid\:70\:dark { color: hsl(302, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:75\:dark, html.dark .sf-c-txt-orchid\:75\:dark { color: hsl(302, 59%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:80\:dark, html.dark .sf-c-txt-orchid\:80\:dark { color: hsl(302, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:85\:dark, html.dark .sf-c-txt-orchid\:85\:dark { color: hsl(302, 59%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:90\:dark, html.dark .sf-c-txt-orchid\:90\:dark { color: hsl(302, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:95\:dark, html.dark .sf-c-txt-orchid\:95\:dark { color: hsl(302, 59%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-orchid\:100\:dark, html.dark .sf-c-txt-orchid\:100\:dark { color: hsl(302, 59%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-orchid, html.auto .sf-c-orchid { color: hsl(var(--sf-dark-c-txt-orchid-95)); background: hsl(var(--sf-dark-c-orchid)) } html[data-theme='auto'] .sf-c-orchid\:0, html.auto .sf-c-orchid\:0 { color: hsl(var(--sf-dark-c-txt-orchid-95)); background: hsl(var(--sf-dark-c-orchid-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-orchid\:100\:dark, html.var.dark .sf-c-orchid\ html[data-theme='auto'] .sf-c-orchid\:95\:dark, html.auto .sf-c-orchid\:95\:dark { color: hsl(var(--sf-c-txt-orchid-95)); background: hsl(var(--sf-c-orchid-5)) } html[data-theme='auto'] .sf-c-orchid\:100\:dark, html.auto .sf-c-orchid\:100\:dark { color: hsl(var(--sf-c-txt-orchid-95)); background: hsl(var(--sf-c-orchid-0)) } + html[data-theme='auto'] .sf-c-txt-orchid, html.auto .sf-c-txt-orchid { color: hsl(var(--sf-c-txt-orchid)) } + html[data-theme='auto'] .sf-c-txt-orchid\:0, html.auto .sf-c-txt-orchid\:0 { color: hsl(var(--sf-c-txt-orchid-0)) } + html[data-theme='auto'] .sf-c-txt-orchid\:5, html.auto .sf-c-txt-orchid\:5 { color: hsl(var(--sf-c-txt-orchid-5)) } + html[data-theme='auto'] .sf-c-txt-orchid\:10, html.auto .sf-c-txt-orchid\:10 { color: hsl(var(--sf-c-txt-orchid-10)) } + html[data-theme='auto'] .sf-c-txt-orchid\:15, html.auto .sf-c-txt-orchid\:15 { color: hsl(var(--sf-c-txt-orchid-15)) } + html[data-theme='auto'] .sf-c-txt-orchid\:20, html.auto .sf-c-txt-orchid\:20 { color: hsl(var(--sf-c-txt-orchid-20)) } + html[data-theme='auto'] .sf-c-txt-orchid\:25, html.auto .sf-c-txt-orchid\:25 { color: hsl(var(--sf-c-txt-orchid-25)) } + html[data-theme='auto'] .sf-c-txt-orchid\:30, html.auto .sf-c-txt-orchid\:30 { color: hsl(var(--sf-c-txt-orchid-30)) } + html[data-theme='auto'] .sf-c-txt-orchid\:35, html.auto .sf-c-txt-orchid\:35 { color: hsl(var(--sf-c-txt-orchid-35)) } + html[data-theme='auto'] .sf-c-txt-orchid\:40, html.auto .sf-c-txt-orchid\:40 { color: hsl(var(--sf-c-txt-orchid-40)) } + html[data-theme='auto'] .sf-c-txt-orchid\:45, html.auto .sf-c-txt-orchid\:45 { color: hsl(var(--sf-c-txt-orchid-45)) } + html[data-theme='auto'] .sf-c-txt-orchid\:50, html.auto .sf-c-txt-orchid\:50 { color: hsl(var(--sf-c-txt-orchid-50)) } + html[data-theme='auto'] .sf-c-txt-orchid\:55, html.auto .sf-c-txt-orchid\:55 { color: hsl(var(--sf-c-txt-orchid-55)) } + html[data-theme='auto'] .sf-c-txt-orchid\:60, html.auto .sf-c-txt-orchid\:60 { color: hsl(var(--sf-c-txt-orchid-60)) } + html[data-theme='auto'] .sf-c-txt-orchid\:65, html.auto .sf-c-txt-orchid\:65 { color: hsl(var(--sf-c-txt-orchid-65)) } + html[data-theme='auto'] .sf-c-txt-orchid\:70, html.auto .sf-c-txt-orchid\:70 { color: hsl(var(--sf-c-txt-orchid-70)) } + html[data-theme='auto'] .sf-c-txt-orchid\:75, html.auto .sf-c-txt-orchid\:75 { color: hsl(var(--sf-c-txt-orchid-75)) } + html[data-theme='auto'] .sf-c-txt-orchid\:80, html.auto .sf-c-txt-orchid\:80 { color: hsl(var(--sf-c-txt-orchid-80)) } + html[data-theme='auto'] .sf-c-txt-orchid\:85, html.auto .sf-c-txt-orchid\:85 { color: hsl(var(--sf-c-txt-orchid-85)) } + html[data-theme='auto'] .sf-c-txt-orchid\:90, html.auto .sf-c-txt-orchid\:90 { color: hsl(var(--sf-c-txt-orchid-90)) } + html[data-theme='auto'] .sf-c-txt-orchid\:95, html.auto .sf-c-txt-orchid\:95 { color: hsl(var(--sf-c-txt-orchid-95)) } + html[data-theme='auto'] .sf-c-txt-orchid\:100, html.auto .sf-c-txt-orchid\:100 { color: hsl(var(--sf-c-txt-orchid-100)) } + + html[data-theme='auto'] .sf-c-txt-orchid\:dark, html.auto .sf-c-txt-orchid\:dark { color: hsl(var(--sf-c-txt-orchid)) } + html[data-theme='auto'] .sf-c-txt-orchid\:0\:dark, html.auto .sf-c-txt-orchid\:0\:dark { color: hsl(var(--sf-c-txt-orchid-0)) } + html[data-theme='auto'] .sf-c-txt-orchid\:5\:dark, html.auto .sf-c-txt-orchid\:5\:dark { color: hsl(var(--sf-c-txt-orchid-5)) } + html[data-theme='auto'] .sf-c-txt-orchid\:10\:dark, html.auto .sf-c-txt-orchid\:10\:dark { color: hsl(var(--sf-c-txt-orchid-10)) } + html[data-theme='auto'] .sf-c-txt-orchid\:15\:dark, html.auto .sf-c-txt-orchid\:15\:dark { color: hsl(var(--sf-c-txt-orchid-15)) } + html[data-theme='auto'] .sf-c-txt-orchid\:20\:dark, html.auto .sf-c-txt-orchid\:20\:dark { color: hsl(var(--sf-c-txt-orchid-20)) } + html[data-theme='auto'] .sf-c-txt-orchid\:25\:dark, html.auto .sf-c-txt-orchid\:25\:dark { color: hsl(var(--sf-c-txt-orchid-25)) } + html[data-theme='auto'] .sf-c-txt-orchid\:30\:dark, html.auto .sf-c-txt-orchid\:30\:dark { color: hsl(var(--sf-c-txt-orchid-30)) } + html[data-theme='auto'] .sf-c-txt-orchid\:35\:dark, html.auto .sf-c-txt-orchid\:35\:dark { color: hsl(var(--sf-c-txt-orchid-35)) } + html[data-theme='auto'] .sf-c-txt-orchid\:40\:dark, html.auto .sf-c-txt-orchid\:40\:dark { color: hsl(var(--sf-c-txt-orchid-40)) } + html[data-theme='auto'] .sf-c-txt-orchid\:45\:dark, html.auto .sf-c-txt-orchid\:45\:dark { color: hsl(var(--sf-c-txt-orchid-45)) } + html[data-theme='auto'] .sf-c-txt-orchid\:50\:dark, html.auto .sf-c-txt-orchid\:50\:dark { color: hsl(var(--sf-c-txt-orchid-50)) } + html[data-theme='auto'] .sf-c-txt-orchid\:55\:dark, html.auto .sf-c-txt-orchid\:55\:dark { color: hsl(var(--sf-c-txt-orchid-55)) } + html[data-theme='auto'] .sf-c-txt-orchid\:60\:dark, html.auto .sf-c-txt-orchid\:60\:dark { color: hsl(var(--sf-c-txt-orchid-60)) } + html[data-theme='auto'] .sf-c-txt-orchid\:65\:dark, html.auto .sf-c-txt-orchid\:65\:dark { color: hsl(var(--sf-c-txt-orchid-65)) } + html[data-theme='auto'] .sf-c-txt-orchid\:70\:dark, html.auto .sf-c-txt-orchid\:70\:dark { color: hsl(var(--sf-c-txt-orchid-70)) } + html[data-theme='auto'] .sf-c-txt-orchid\:75\:dark, html.auto .sf-c-txt-orchid\:75\:dark { color: hsl(var(--sf-c-txt-orchid-75)) } + html[data-theme='auto'] .sf-c-txt-orchid\:80\:dark, html.auto .sf-c-txt-orchid\:80\:dark { color: hsl(var(--sf-c-txt-orchid-80)) } + html[data-theme='auto'] .sf-c-txt-orchid\:85\:dark, html.auto .sf-c-txt-orchid\:85\:dark { color: hsl(var(--sf-c-txt-orchid-85)) } + html[data-theme='auto'] .sf-c-txt-orchid\:90\:dark, html.auto .sf-c-txt-orchid\:90\:dark { color: hsl(var(--sf-c-txt-orchid-90)) } + html[data-theme='auto'] .sf-c-txt-orchid\:95\:dark, html.auto .sf-c-txt-orchid\:95\:dark { color: hsl(var(--sf-c-txt-orchid-95)) } + html[data-theme='auto'] .sf-c-txt-orchid\:100\:dark, html.auto .sf-c-txt-orchid\:100\:dark { color: hsl(var(--sf-c-txt-orchid-100)) } + html.var[data-theme='auto'] .sf-c-orchid, html.var.auto .sf-c-orchid { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 35%) } html.var[data-theme='auto'] .sf-c-orchid\:0, html.var.auto .sf-c-orchid\:0 { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 100%) } html.var[data-theme='auto'] .sf-c-orchid\:5, html.var.auto .sf-c-orchid\:5 { color: hsl(302, 59%, 5%); background: hsl(302, 59%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-orchid\:100\:dark, html.var.dark .sf-c-orchid\ html.var[data-theme='auto'] .sf-c-orchid\:90\:dark, html.var.auto .sf-c-orchid\:90\:dark { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 10%) } html.var[data-theme='auto'] .sf-c-orchid\:95\:dark, html.var.auto .sf-c-orchid\:95\:dark { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 5%) } html.var[data-theme='auto'] .sf-c-orchid\:100\:dark, html.var.auto .sf-c-orchid\:100\:dark { color: hsl(302, 59%, 95%); background: hsl(302, 59%, 0%) } -} -.sf-c-txt-orchid { color: hsl(var(--sf-c-txt-orchid)) } -.sf-c-txt-orchid\:0 { color: hsl(var(--sf-c-txt-orchid-0)) } -.sf-c-txt-orchid\:5 { color: hsl(var(--sf-c-txt-orchid-5)) } -.sf-c-txt-orchid\:10 { color: hsl(var(--sf-c-txt-orchid-10)) } -.sf-c-txt-orchid\:15 { color: hsl(var(--sf-c-txt-orchid-15)) } -.sf-c-txt-orchid\:20 { color: hsl(var(--sf-c-txt-orchid-20)) } -.sf-c-txt-orchid\:25 { color: hsl(var(--sf-c-txt-orchid-25)) } -.sf-c-txt-orchid\:30 { color: hsl(var(--sf-c-txt-orchid-30)) } -.sf-c-txt-orchid\:35 { color: hsl(var(--sf-c-txt-orchid-35)) } -.sf-c-txt-orchid\:40 { color: hsl(var(--sf-c-txt-orchid-40)) } -.sf-c-txt-orchid\:45 { color: hsl(var(--sf-c-txt-orchid-45)) } -.sf-c-txt-orchid\:50 { color: hsl(var(--sf-c-txt-orchid-50)) } -.sf-c-txt-orchid\:55 { color: hsl(var(--sf-c-txt-orchid-55)) } -.sf-c-txt-orchid\:60 { color: hsl(var(--sf-c-txt-orchid-60)) } -.sf-c-txt-orchid\:65 { color: hsl(var(--sf-c-txt-orchid-65)) } -.sf-c-txt-orchid\:70 { color: hsl(var(--sf-c-txt-orchid-70)) } -.sf-c-txt-orchid\:75 { color: hsl(var(--sf-c-txt-orchid-75)) } -.sf-c-txt-orchid\:80 { color: hsl(var(--sf-c-txt-orchid-80)) } -.sf-c-txt-orchid\:85 { color: hsl(var(--sf-c-txt-orchid-85)) } -.sf-c-txt-orchid\:90 { color: hsl(var(--sf-c-txt-orchid-90)) } -.sf-c-txt-orchid\:95 { color: hsl(var(--sf-c-txt-orchid-95)) } -.sf-c-txt-orchid\:100 { color: hsl(var(--sf-c-txt-orchid-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-orchid, html.auto .sf-c-txt-orchid { color: hsl(302, 59%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:0, html.auto .sf-c-txt-orchid\:0 { color: hsl(302, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:5, html.auto .sf-c-txt-orchid\:5 { color: hsl(302, 59%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:10, html.auto .sf-c-txt-orchid\:10 { color: hsl(302, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:15, html.auto .sf-c-txt-orchid\:15 { color: hsl(302, 59%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:20, html.auto .sf-c-txt-orchid\:20 { color: hsl(302, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:25, html.auto .sf-c-txt-orchid\:25 { color: hsl(302, 59%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:30, html.auto .sf-c-txt-orchid\:30 { color: hsl(302, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:35, html.auto .sf-c-txt-orchid\:35 { color: hsl(302, 59%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:40, html.auto .sf-c-txt-orchid\:40 { color: hsl(302, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:45, html.auto .sf-c-txt-orchid\:45 { color: hsl(302, 59%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:50, html.auto .sf-c-txt-orchid\:50 { color: hsl(302, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:55, html.auto .sf-c-txt-orchid\:55 { color: hsl(302, 59%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:60, html.auto .sf-c-txt-orchid\:60 { color: hsl(302, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:65, html.auto .sf-c-txt-orchid\:65 { color: hsl(302, 59%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:70, html.auto .sf-c-txt-orchid\:70 { color: hsl(302, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:75, html.auto .sf-c-txt-orchid\:75 { color: hsl(302, 59%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:80, html.auto .sf-c-txt-orchid\:80 { color: hsl(302, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:85, html.auto .sf-c-txt-orchid\:85 { color: hsl(302, 59%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:90, html.auto .sf-c-txt-orchid\:90 { color: hsl(302, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:95, html.auto .sf-c-txt-orchid\:95 { color: hsl(302, 59%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:100, html.auto .sf-c-txt-orchid\:100 { color: hsl(302, 59%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-orchid\:dark, html.auto .sf-c-txt-orchid\:dark { color: hsl(302, 59%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:0\:dark, html.auto .sf-c-txt-orchid\:0\:dark { color: hsl(302, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:5\:dark, html.auto .sf-c-txt-orchid\:5\:dark { color: hsl(302, 59%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:10\:dark, html.auto .sf-c-txt-orchid\:10\:dark { color: hsl(302, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:15\:dark, html.auto .sf-c-txt-orchid\:15\:dark { color: hsl(302, 59%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:20\:dark, html.auto .sf-c-txt-orchid\:20\:dark { color: hsl(302, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:25\:dark, html.auto .sf-c-txt-orchid\:25\:dark { color: hsl(302, 59%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:30\:dark, html.auto .sf-c-txt-orchid\:30\:dark { color: hsl(302, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:35\:dark, html.auto .sf-c-txt-orchid\:35\:dark { color: hsl(302, 59%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:40\:dark, html.auto .sf-c-txt-orchid\:40\:dark { color: hsl(302, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:45\:dark, html.auto .sf-c-txt-orchid\:45\:dark { color: hsl(302, 59%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:50\:dark, html.auto .sf-c-txt-orchid\:50\:dark { color: hsl(302, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:55\:dark, html.auto .sf-c-txt-orchid\:55\:dark { color: hsl(302, 59%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:60\:dark, html.auto .sf-c-txt-orchid\:60\:dark { color: hsl(302, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:65\:dark, html.auto .sf-c-txt-orchid\:65\:dark { color: hsl(302, 59%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:70\:dark, html.auto .sf-c-txt-orchid\:70\:dark { color: hsl(302, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:75\:dark, html.auto .sf-c-txt-orchid\:75\:dark { color: hsl(302, 59%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:80\:dark, html.auto .sf-c-txt-orchid\:80\:dark { color: hsl(302, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:85\:dark, html.auto .sf-c-txt-orchid\:85\:dark { color: hsl(302, 59%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:90\:dark, html.auto .sf-c-txt-orchid\:90\:dark { color: hsl(302, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:95\:dark, html.auto .sf-c-txt-orchid\:95\:dark { color: hsl(302, 59%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-orchid\:100\:dark, html.auto .sf-c-txt-orchid\:100\:dark { color: hsl(302, 59%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/palegoldenrod.css b/src/colors/20/palegoldenrod.css index 28b735e..5ab3509 100644 --- a/src/colors/20/palegoldenrod.css +++ b/src/colors/20/palegoldenrod.css @@ -138,6 +138,52 @@ html.var .sf-c-palegoldenrod\:90 { color: hsl(55, 67%, 5%); background: hsl(55, html.var .sf-c-palegoldenrod\:95 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 95%) } html.var .sf-c-palegoldenrod\:100 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 100%) } +.sf-c-txt-palegoldenrod { color: hsl(var(--sf-dark-c-txt-palegoldenrod)) } +.sf-c-txt-palegoldenrod\:0 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-100)) } +.sf-c-txt-palegoldenrod\:5 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-95)) } +.sf-c-txt-palegoldenrod\:10 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-90)) } +.sf-c-txt-palegoldenrod\:15 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-85)) } +.sf-c-txt-palegoldenrod\:20 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-80)) } +.sf-c-txt-palegoldenrod\:25 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-75)) } +.sf-c-txt-palegoldenrod\:30 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-70)) } +.sf-c-txt-palegoldenrod\:35 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-65)) } +.sf-c-txt-palegoldenrod\:40 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-60)) } +.sf-c-txt-palegoldenrod\:45 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-55)) } +.sf-c-txt-palegoldenrod\:50 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-50)) } +.sf-c-txt-palegoldenrod\:55 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-45)) } +.sf-c-txt-palegoldenrod\:60 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-40)) } +.sf-c-txt-palegoldenrod\:65 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-35)) } +.sf-c-txt-palegoldenrod\:70 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-30)) } +.sf-c-txt-palegoldenrod\:75 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-25)) } +.sf-c-txt-palegoldenrod\:80 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-20)) } +.sf-c-txt-palegoldenrod\:85 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-15)) } +.sf-c-txt-palegoldenrod\:90 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-10)) } +.sf-c-txt-palegoldenrod\:95 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-5)) } +.sf-c-txt-palegoldenrod\:100 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-0)) } + +html.var .sf-c-txt-palegoldenrod { color: hsl(55, 67%, 20%) } +html.var .sf-c-txt-palegoldenrod\:0 { color: hsl(55, 67%, 100%) } +html.var .sf-c-txt-palegoldenrod\:5 { color: hsl(55, 67%, 95%) } +html.var .sf-c-txt-palegoldenrod\:10 { color: hsl(55, 67%, 90%) } +html.var .sf-c-txt-palegoldenrod\:15 { color: hsl(55, 67%, 85%) } +html.var .sf-c-txt-palegoldenrod\:20 { color: hsl(55, 67%, 80%) } +html.var .sf-c-txt-palegoldenrod\:25 { color: hsl(55, 67%, 75%) } +html.var .sf-c-txt-palegoldenrod\:30 { color: hsl(55, 67%, 70%) } +html.var .sf-c-txt-palegoldenrod\:35 { color: hsl(55, 67%, 65%) } +html.var .sf-c-txt-palegoldenrod\:40 { color: hsl(55, 67%, 60%) } +html.var .sf-c-txt-palegoldenrod\:45 { color: hsl(55, 67%, 55%) } +html.var .sf-c-txt-palegoldenrod\:50 { color: hsl(55, 67%, 50%) } +html.var .sf-c-txt-palegoldenrod\:55 { color: hsl(55, 67%, 45%) } +html.var .sf-c-txt-palegoldenrod\:60 { color: hsl(55, 67%, 40%) } +html.var .sf-c-txt-palegoldenrod\:65 { color: hsl(55, 67%, 35%) } +html.var .sf-c-txt-palegoldenrod\:70 { color: hsl(55, 67%, 30%) } +html.var .sf-c-txt-palegoldenrod\:75 { color: hsl(55, 67%, 25%) } +html.var .sf-c-txt-palegoldenrod\:80 { color: hsl(55, 67%, 20%) } +html.var .sf-c-txt-palegoldenrod\:85 { color: hsl(55, 67%, 15%) } +html.var .sf-c-txt-palegoldenrod\:90 { color: hsl(55, 67%, 10%) } +html.var .sf-c-txt-palegoldenrod\:95 { color: hsl(55, 67%, 5%) } +html.var .sf-c-txt-palegoldenrod\:100 { color: hsl(55, 67%, 0%) } + html[data-theme='dark'] .sf-c-palegoldenrod, html.dark .sf-c-palegoldenrod { color: hsl(var(--sf-dark-c-txt-palegoldenrod-95)); background: hsl(var(--sf-dark-c-palegoldenrod)) } html[data-theme='dark'] .sf-c-palegoldenrod\:0, html.dark .sf-c-palegoldenrod\:0 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-95)); background: hsl(var(--sf-dark-c-palegoldenrod-100)) } html[data-theme='dark'] .sf-c-palegoldenrod\:5, html.dark .sf-c-palegoldenrod\:5 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-5)); background: hsl(var(--sf-dark-c-palegoldenrod-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-palegoldenrod\:90\:dark, html.dark .sf-c-palegolde html[data-theme='dark'] .sf-c-palegoldenrod\:95\:dark, html.dark .sf-c-palegoldenrod\:95\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-95)); background: hsl(var(--sf-c-palegoldenrod-5)) } html[data-theme='dark'] .sf-c-palegoldenrod\:100\:dark, html.dark .sf-c-palegoldenrod\:100\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-95)); background: hsl(var(--sf-c-palegoldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod, html.dark .sf-c-txt-palegoldenrod { color: hsl(var(--sf-c-txt-palegoldenrod)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:0, html.dark .sf-c-txt-palegoldenrod\:0 { color: hsl(var(--sf-c-txt-palegoldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:5, html.dark .sf-c-txt-palegoldenrod\:5 { color: hsl(var(--sf-c-txt-palegoldenrod-5)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:10, html.dark .sf-c-txt-palegoldenrod\:10 { color: hsl(var(--sf-c-txt-palegoldenrod-10)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:15, html.dark .sf-c-txt-palegoldenrod\:15 { color: hsl(var(--sf-c-txt-palegoldenrod-15)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:20, html.dark .sf-c-txt-palegoldenrod\:20 { color: hsl(var(--sf-c-txt-palegoldenrod-20)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:25, html.dark .sf-c-txt-palegoldenrod\:25 { color: hsl(var(--sf-c-txt-palegoldenrod-25)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:30, html.dark .sf-c-txt-palegoldenrod\:30 { color: hsl(var(--sf-c-txt-palegoldenrod-30)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:35, html.dark .sf-c-txt-palegoldenrod\:35 { color: hsl(var(--sf-c-txt-palegoldenrod-35)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:40, html.dark .sf-c-txt-palegoldenrod\:40 { color: hsl(var(--sf-c-txt-palegoldenrod-40)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:45, html.dark .sf-c-txt-palegoldenrod\:45 { color: hsl(var(--sf-c-txt-palegoldenrod-45)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:50, html.dark .sf-c-txt-palegoldenrod\:50 { color: hsl(var(--sf-c-txt-palegoldenrod-50)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:55, html.dark .sf-c-txt-palegoldenrod\:55 { color: hsl(var(--sf-c-txt-palegoldenrod-55)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:60, html.dark .sf-c-txt-palegoldenrod\:60 { color: hsl(var(--sf-c-txt-palegoldenrod-60)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:65, html.dark .sf-c-txt-palegoldenrod\:65 { color: hsl(var(--sf-c-txt-palegoldenrod-65)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:70, html.dark .sf-c-txt-palegoldenrod\:70 { color: hsl(var(--sf-c-txt-palegoldenrod-70)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:75, html.dark .sf-c-txt-palegoldenrod\:75 { color: hsl(var(--sf-c-txt-palegoldenrod-75)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:80, html.dark .sf-c-txt-palegoldenrod\:80 { color: hsl(var(--sf-c-txt-palegoldenrod-80)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:85, html.dark .sf-c-txt-palegoldenrod\:85 { color: hsl(var(--sf-c-txt-palegoldenrod-85)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:90, html.dark .sf-c-txt-palegoldenrod\:90 { color: hsl(var(--sf-c-txt-palegoldenrod-90)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:95, html.dark .sf-c-txt-palegoldenrod\:95 { color: hsl(var(--sf-c-txt-palegoldenrod-95)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:100, html.dark .sf-c-txt-palegoldenrod\:100 { color: hsl(var(--sf-c-txt-palegoldenrod-100)) } + +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:dark, html.dark .sf-c-txt-palegoldenrod\:dark { color: hsl(var(--sf-c-txt-palegoldenrod)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:0\:dark, html.dark .sf-c-txt-palegoldenrod\:0\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-0)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:5\:dark, html.dark .sf-c-txt-palegoldenrod\:5\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-5)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:10\:dark, html.dark .sf-c-txt-palegoldenrod\:10\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-10)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:15\:dark, html.dark .sf-c-txt-palegoldenrod\:15\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-15)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:20\:dark, html.dark .sf-c-txt-palegoldenrod\:20\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-20)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:25\:dark, html.dark .sf-c-txt-palegoldenrod\:25\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-25)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:30\:dark, html.dark .sf-c-txt-palegoldenrod\:30\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-30)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:35\:dark, html.dark .sf-c-txt-palegoldenrod\:35\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-35)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:40\:dark, html.dark .sf-c-txt-palegoldenrod\:40\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-40)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:45\:dark, html.dark .sf-c-txt-palegoldenrod\:45\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-45)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:50\:dark, html.dark .sf-c-txt-palegoldenrod\:50\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-50)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:55\:dark, html.dark .sf-c-txt-palegoldenrod\:55\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-55)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:60\:dark, html.dark .sf-c-txt-palegoldenrod\:60\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-60)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:65\:dark, html.dark .sf-c-txt-palegoldenrod\:65\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-65)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:70\:dark, html.dark .sf-c-txt-palegoldenrod\:70\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-70)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:75\:dark, html.dark .sf-c-txt-palegoldenrod\:75\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-75)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:80\:dark, html.dark .sf-c-txt-palegoldenrod\:80\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-80)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:85\:dark, html.dark .sf-c-txt-palegoldenrod\:85\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-85)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:90\:dark, html.dark .sf-c-txt-palegoldenrod\:90\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-90)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:95\:dark, html.dark .sf-c-txt-palegoldenrod\:95\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-95)) } +html[data-theme='dark'] .sf-c-txt-palegoldenrod\:100\:dark, html.dark .sf-c-txt-palegoldenrod\:100\:dark { color: hsl(var(--sf-dark-c-txt-palegoldenrod-100)) } + html.var[data-theme='dark'] .sf-c-palegoldenrod, html.var.dark .sf-c-palegoldenrod { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 20%) } html.var[data-theme='dark'] .sf-c-palegoldenrod\:0, html.var.dark .sf-c-palegoldenrod\:0 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 100%) } html.var[data-theme='dark'] .sf-c-palegoldenrod\:5, html.var.dark .sf-c-palegoldenrod\:5 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-palegoldenrod\:90\:dark, html.var.dark .sf-c-p html.var[data-theme='dark'] .sf-c-palegoldenrod\:95\:dark, html.var.dark .sf-c-palegoldenrod\:95\:dark { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 5%) } html.var[data-theme='dark'] .sf-c-palegoldenrod\:100\:dark, html.var.dark .sf-c-palegoldenrod\:100\:dark { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod, html.dark .sf-c-txt-palegoldenrod { color: hsl(55, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:0, html.dark .sf-c-txt-palegoldenrod\:0 { color: hsl(55, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:5, html.dark .sf-c-txt-palegoldenrod\:5 { color: hsl(55, 67%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:10, html.dark .sf-c-txt-palegoldenrod\:10 { color: hsl(55, 67%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:15, html.dark .sf-c-txt-palegoldenrod\:15 { color: hsl(55, 67%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:20, html.dark .sf-c-txt-palegoldenrod\:20 { color: hsl(55, 67%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:25, html.dark .sf-c-txt-palegoldenrod\:25 { color: hsl(55, 67%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:30, html.dark .sf-c-txt-palegoldenrod\:30 { color: hsl(55, 67%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:35, html.dark .sf-c-txt-palegoldenrod\:35 { color: hsl(55, 67%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:40, html.dark .sf-c-txt-palegoldenrod\:40 { color: hsl(55, 67%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:45, html.dark .sf-c-txt-palegoldenrod\:45 { color: hsl(55, 67%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:50, html.dark .sf-c-txt-palegoldenrod\:50 { color: hsl(55, 67%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:55, html.dark .sf-c-txt-palegoldenrod\:55 { color: hsl(55, 67%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:60, html.dark .sf-c-txt-palegoldenrod\:60 { color: hsl(55, 67%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:65, html.dark .sf-c-txt-palegoldenrod\:65 { color: hsl(55, 67%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:70, html.dark .sf-c-txt-palegoldenrod\:70 { color: hsl(55, 67%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:75, html.dark .sf-c-txt-palegoldenrod\:75 { color: hsl(55, 67%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:80, html.dark .sf-c-txt-palegoldenrod\:80 { color: hsl(55, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:85, html.dark .sf-c-txt-palegoldenrod\:85 { color: hsl(55, 67%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:90, html.dark .sf-c-txt-palegoldenrod\:90 { color: hsl(55, 67%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:95, html.dark .sf-c-txt-palegoldenrod\:95 { color: hsl(55, 67%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:100, html.dark .sf-c-txt-palegoldenrod\:100 { color: hsl(55, 67%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:dark, html.dark .sf-c-txt-palegoldenrod\:dark { color: hsl(55, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:0\:dark, html.dark .sf-c-txt-palegoldenrod\:0\:dark { color: hsl(55, 67%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:5\:dark, html.dark .sf-c-txt-palegoldenrod\:5\:dark { color: hsl(55, 67%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:10\:dark, html.dark .sf-c-txt-palegoldenrod\:10\:dark { color: hsl(55, 67%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:15\:dark, html.dark .sf-c-txt-palegoldenrod\:15\:dark { color: hsl(55, 67%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:20\:dark, html.dark .sf-c-txt-palegoldenrod\:20\:dark { color: hsl(55, 67%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:25\:dark, html.dark .sf-c-txt-palegoldenrod\:25\:dark { color: hsl(55, 67%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:30\:dark, html.dark .sf-c-txt-palegoldenrod\:30\:dark { color: hsl(55, 67%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:35\:dark, html.dark .sf-c-txt-palegoldenrod\:35\:dark { color: hsl(55, 67%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:40\:dark, html.dark .sf-c-txt-palegoldenrod\:40\:dark { color: hsl(55, 67%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:45\:dark, html.dark .sf-c-txt-palegoldenrod\:45\:dark { color: hsl(55, 67%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:50\:dark, html.dark .sf-c-txt-palegoldenrod\:50\:dark { color: hsl(55, 67%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:55\:dark, html.dark .sf-c-txt-palegoldenrod\:55\:dark { color: hsl(55, 67%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:60\:dark, html.dark .sf-c-txt-palegoldenrod\:60\:dark { color: hsl(55, 67%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:65\:dark, html.dark .sf-c-txt-palegoldenrod\:65\:dark { color: hsl(55, 67%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:70\:dark, html.dark .sf-c-txt-palegoldenrod\:70\:dark { color: hsl(55, 67%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:75\:dark, html.dark .sf-c-txt-palegoldenrod\:75\:dark { color: hsl(55, 67%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:80\:dark, html.dark .sf-c-txt-palegoldenrod\:80\:dark { color: hsl(55, 67%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:85\:dark, html.dark .sf-c-txt-palegoldenrod\:85\:dark { color: hsl(55, 67%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:90\:dark, html.dark .sf-c-txt-palegoldenrod\:90\:dark { color: hsl(55, 67%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:95\:dark, html.dark .sf-c-txt-palegoldenrod\:95\:dark { color: hsl(55, 67%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-palegoldenrod\:100\:dark, html.dark .sf-c-txt-palegoldenrod\:100\:dark { color: hsl(55, 67%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-palegoldenrod, html.auto .sf-c-palegoldenrod { color: hsl(var(--sf-dark-c-txt-palegoldenrod-95)); background: hsl(var(--sf-dark-c-palegoldenrod)) } html[data-theme='auto'] .sf-c-palegoldenrod\:0, html.auto .sf-c-palegoldenrod\:0 { color: hsl(var(--sf-dark-c-txt-palegoldenrod-95)); background: hsl(var(--sf-dark-c-palegoldenrod-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-palegoldenrod\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-palegoldenrod\:95\:dark, html.auto .sf-c-palegoldenrod\:95\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-95)); background: hsl(var(--sf-c-palegoldenrod-5)) } html[data-theme='auto'] .sf-c-palegoldenrod\:100\:dark, html.auto .sf-c-palegoldenrod\:100\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-95)); background: hsl(var(--sf-c-palegoldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod, html.auto .sf-c-txt-palegoldenrod { color: hsl(var(--sf-c-txt-palegoldenrod)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:0, html.auto .sf-c-txt-palegoldenrod\:0 { color: hsl(var(--sf-c-txt-palegoldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:5, html.auto .sf-c-txt-palegoldenrod\:5 { color: hsl(var(--sf-c-txt-palegoldenrod-5)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:10, html.auto .sf-c-txt-palegoldenrod\:10 { color: hsl(var(--sf-c-txt-palegoldenrod-10)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:15, html.auto .sf-c-txt-palegoldenrod\:15 { color: hsl(var(--sf-c-txt-palegoldenrod-15)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:20, html.auto .sf-c-txt-palegoldenrod\:20 { color: hsl(var(--sf-c-txt-palegoldenrod-20)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:25, html.auto .sf-c-txt-palegoldenrod\:25 { color: hsl(var(--sf-c-txt-palegoldenrod-25)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:30, html.auto .sf-c-txt-palegoldenrod\:30 { color: hsl(var(--sf-c-txt-palegoldenrod-30)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:35, html.auto .sf-c-txt-palegoldenrod\:35 { color: hsl(var(--sf-c-txt-palegoldenrod-35)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:40, html.auto .sf-c-txt-palegoldenrod\:40 { color: hsl(var(--sf-c-txt-palegoldenrod-40)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:45, html.auto .sf-c-txt-palegoldenrod\:45 { color: hsl(var(--sf-c-txt-palegoldenrod-45)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:50, html.auto .sf-c-txt-palegoldenrod\:50 { color: hsl(var(--sf-c-txt-palegoldenrod-50)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:55, html.auto .sf-c-txt-palegoldenrod\:55 { color: hsl(var(--sf-c-txt-palegoldenrod-55)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:60, html.auto .sf-c-txt-palegoldenrod\:60 { color: hsl(var(--sf-c-txt-palegoldenrod-60)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:65, html.auto .sf-c-txt-palegoldenrod\:65 { color: hsl(var(--sf-c-txt-palegoldenrod-65)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:70, html.auto .sf-c-txt-palegoldenrod\:70 { color: hsl(var(--sf-c-txt-palegoldenrod-70)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:75, html.auto .sf-c-txt-palegoldenrod\:75 { color: hsl(var(--sf-c-txt-palegoldenrod-75)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:80, html.auto .sf-c-txt-palegoldenrod\:80 { color: hsl(var(--sf-c-txt-palegoldenrod-80)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:85, html.auto .sf-c-txt-palegoldenrod\:85 { color: hsl(var(--sf-c-txt-palegoldenrod-85)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:90, html.auto .sf-c-txt-palegoldenrod\:90 { color: hsl(var(--sf-c-txt-palegoldenrod-90)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:95, html.auto .sf-c-txt-palegoldenrod\:95 { color: hsl(var(--sf-c-txt-palegoldenrod-95)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:100, html.auto .sf-c-txt-palegoldenrod\:100 { color: hsl(var(--sf-c-txt-palegoldenrod-100)) } + + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:dark, html.auto .sf-c-txt-palegoldenrod\:dark { color: hsl(var(--sf-c-txt-palegoldenrod)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:0\:dark, html.auto .sf-c-txt-palegoldenrod\:0\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-0)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:5\:dark, html.auto .sf-c-txt-palegoldenrod\:5\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-5)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:10\:dark, html.auto .sf-c-txt-palegoldenrod\:10\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-10)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:15\:dark, html.auto .sf-c-txt-palegoldenrod\:15\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-15)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:20\:dark, html.auto .sf-c-txt-palegoldenrod\:20\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-20)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:25\:dark, html.auto .sf-c-txt-palegoldenrod\:25\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-25)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:30\:dark, html.auto .sf-c-txt-palegoldenrod\:30\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-30)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:35\:dark, html.auto .sf-c-txt-palegoldenrod\:35\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-35)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:40\:dark, html.auto .sf-c-txt-palegoldenrod\:40\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-40)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:45\:dark, html.auto .sf-c-txt-palegoldenrod\:45\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-45)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:50\:dark, html.auto .sf-c-txt-palegoldenrod\:50\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-50)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:55\:dark, html.auto .sf-c-txt-palegoldenrod\:55\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-55)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:60\:dark, html.auto .sf-c-txt-palegoldenrod\:60\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-60)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:65\:dark, html.auto .sf-c-txt-palegoldenrod\:65\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-65)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:70\:dark, html.auto .sf-c-txt-palegoldenrod\:70\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-70)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:75\:dark, html.auto .sf-c-txt-palegoldenrod\:75\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-75)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:80\:dark, html.auto .sf-c-txt-palegoldenrod\:80\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-80)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:85\:dark, html.auto .sf-c-txt-palegoldenrod\:85\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-85)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:90\:dark, html.auto .sf-c-txt-palegoldenrod\:90\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-90)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:95\:dark, html.auto .sf-c-txt-palegoldenrod\:95\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-95)) } + html[data-theme='auto'] .sf-c-txt-palegoldenrod\:100\:dark, html.auto .sf-c-txt-palegoldenrod\:100\:dark { color: hsl(var(--sf-c-txt-palegoldenrod-100)) } + html.var[data-theme='auto'] .sf-c-palegoldenrod, html.var.auto .sf-c-palegoldenrod { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 20%) } html.var[data-theme='auto'] .sf-c-palegoldenrod\:0, html.var.auto .sf-c-palegoldenrod\:0 { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 100%) } html.var[data-theme='auto'] .sf-c-palegoldenrod\:5, html.var.auto .sf-c-palegoldenrod\:5 { color: hsl(55, 67%, 5%); background: hsl(55, 67%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-palegoldenrod\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-palegoldenrod\:90\:dark, html.var.auto .sf-c-palegoldenrod\:90\:dark { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 10%) } html.var[data-theme='auto'] .sf-c-palegoldenrod\:95\:dark, html.var.auto .sf-c-palegoldenrod\:95\:dark { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 5%) } html.var[data-theme='auto'] .sf-c-palegoldenrod\:100\:dark, html.var.auto .sf-c-palegoldenrod\:100\:dark { color: hsl(55, 67%, 95%); background: hsl(55, 67%, 0%) } -} -.sf-c-txt-palegoldenrod { color: hsl(var(--sf-c-txt-palegoldenrod)) } -.sf-c-txt-palegoldenrod\:0 { color: hsl(var(--sf-c-txt-palegoldenrod-0)) } -.sf-c-txt-palegoldenrod\:5 { color: hsl(var(--sf-c-txt-palegoldenrod-5)) } -.sf-c-txt-palegoldenrod\:10 { color: hsl(var(--sf-c-txt-palegoldenrod-10)) } -.sf-c-txt-palegoldenrod\:15 { color: hsl(var(--sf-c-txt-palegoldenrod-15)) } -.sf-c-txt-palegoldenrod\:20 { color: hsl(var(--sf-c-txt-palegoldenrod-20)) } -.sf-c-txt-palegoldenrod\:25 { color: hsl(var(--sf-c-txt-palegoldenrod-25)) } -.sf-c-txt-palegoldenrod\:30 { color: hsl(var(--sf-c-txt-palegoldenrod-30)) } -.sf-c-txt-palegoldenrod\:35 { color: hsl(var(--sf-c-txt-palegoldenrod-35)) } -.sf-c-txt-palegoldenrod\:40 { color: hsl(var(--sf-c-txt-palegoldenrod-40)) } -.sf-c-txt-palegoldenrod\:45 { color: hsl(var(--sf-c-txt-palegoldenrod-45)) } -.sf-c-txt-palegoldenrod\:50 { color: hsl(var(--sf-c-txt-palegoldenrod-50)) } -.sf-c-txt-palegoldenrod\:55 { color: hsl(var(--sf-c-txt-palegoldenrod-55)) } -.sf-c-txt-palegoldenrod\:60 { color: hsl(var(--sf-c-txt-palegoldenrod-60)) } -.sf-c-txt-palegoldenrod\:65 { color: hsl(var(--sf-c-txt-palegoldenrod-65)) } -.sf-c-txt-palegoldenrod\:70 { color: hsl(var(--sf-c-txt-palegoldenrod-70)) } -.sf-c-txt-palegoldenrod\:75 { color: hsl(var(--sf-c-txt-palegoldenrod-75)) } -.sf-c-txt-palegoldenrod\:80 { color: hsl(var(--sf-c-txt-palegoldenrod-80)) } -.sf-c-txt-palegoldenrod\:85 { color: hsl(var(--sf-c-txt-palegoldenrod-85)) } -.sf-c-txt-palegoldenrod\:90 { color: hsl(var(--sf-c-txt-palegoldenrod-90)) } -.sf-c-txt-palegoldenrod\:95 { color: hsl(var(--sf-c-txt-palegoldenrod-95)) } -.sf-c-txt-palegoldenrod\:100 { color: hsl(var(--sf-c-txt-palegoldenrod-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod, html.auto .sf-c-txt-palegoldenrod { color: hsl(55, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:0, html.auto .sf-c-txt-palegoldenrod\:0 { color: hsl(55, 67%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:5, html.auto .sf-c-txt-palegoldenrod\:5 { color: hsl(55, 67%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:10, html.auto .sf-c-txt-palegoldenrod\:10 { color: hsl(55, 67%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:15, html.auto .sf-c-txt-palegoldenrod\:15 { color: hsl(55, 67%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:20, html.auto .sf-c-txt-palegoldenrod\:20 { color: hsl(55, 67%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:25, html.auto .sf-c-txt-palegoldenrod\:25 { color: hsl(55, 67%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:30, html.auto .sf-c-txt-palegoldenrod\:30 { color: hsl(55, 67%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:35, html.auto .sf-c-txt-palegoldenrod\:35 { color: hsl(55, 67%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:40, html.auto .sf-c-txt-palegoldenrod\:40 { color: hsl(55, 67%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:45, html.auto .sf-c-txt-palegoldenrod\:45 { color: hsl(55, 67%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:50, html.auto .sf-c-txt-palegoldenrod\:50 { color: hsl(55, 67%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:55, html.auto .sf-c-txt-palegoldenrod\:55 { color: hsl(55, 67%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:60, html.auto .sf-c-txt-palegoldenrod\:60 { color: hsl(55, 67%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:65, html.auto .sf-c-txt-palegoldenrod\:65 { color: hsl(55, 67%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:70, html.auto .sf-c-txt-palegoldenrod\:70 { color: hsl(55, 67%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:75, html.auto .sf-c-txt-palegoldenrod\:75 { color: hsl(55, 67%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:80, html.auto .sf-c-txt-palegoldenrod\:80 { color: hsl(55, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:85, html.auto .sf-c-txt-palegoldenrod\:85 { color: hsl(55, 67%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:90, html.auto .sf-c-txt-palegoldenrod\:90 { color: hsl(55, 67%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:95, html.auto .sf-c-txt-palegoldenrod\:95 { color: hsl(55, 67%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:100, html.auto .sf-c-txt-palegoldenrod\:100 { color: hsl(55, 67%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:dark, html.auto .sf-c-txt-palegoldenrod\:dark { color: hsl(55, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:0\:dark, html.auto .sf-c-txt-palegoldenrod\:0\:dark { color: hsl(55, 67%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:5\:dark, html.auto .sf-c-txt-palegoldenrod\:5\:dark { color: hsl(55, 67%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:10\:dark, html.auto .sf-c-txt-palegoldenrod\:10\:dark { color: hsl(55, 67%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:15\:dark, html.auto .sf-c-txt-palegoldenrod\:15\:dark { color: hsl(55, 67%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:20\:dark, html.auto .sf-c-txt-palegoldenrod\:20\:dark { color: hsl(55, 67%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:25\:dark, html.auto .sf-c-txt-palegoldenrod\:25\:dark { color: hsl(55, 67%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:30\:dark, html.auto .sf-c-txt-palegoldenrod\:30\:dark { color: hsl(55, 67%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:35\:dark, html.auto .sf-c-txt-palegoldenrod\:35\:dark { color: hsl(55, 67%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:40\:dark, html.auto .sf-c-txt-palegoldenrod\:40\:dark { color: hsl(55, 67%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:45\:dark, html.auto .sf-c-txt-palegoldenrod\:45\:dark { color: hsl(55, 67%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:50\:dark, html.auto .sf-c-txt-palegoldenrod\:50\:dark { color: hsl(55, 67%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:55\:dark, html.auto .sf-c-txt-palegoldenrod\:55\:dark { color: hsl(55, 67%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:60\:dark, html.auto .sf-c-txt-palegoldenrod\:60\:dark { color: hsl(55, 67%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:65\:dark, html.auto .sf-c-txt-palegoldenrod\:65\:dark { color: hsl(55, 67%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:70\:dark, html.auto .sf-c-txt-palegoldenrod\:70\:dark { color: hsl(55, 67%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:75\:dark, html.auto .sf-c-txt-palegoldenrod\:75\:dark { color: hsl(55, 67%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:80\:dark, html.auto .sf-c-txt-palegoldenrod\:80\:dark { color: hsl(55, 67%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:85\:dark, html.auto .sf-c-txt-palegoldenrod\:85\:dark { color: hsl(55, 67%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:90\:dark, html.auto .sf-c-txt-palegoldenrod\:90\:dark { color: hsl(55, 67%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:95\:dark, html.auto .sf-c-txt-palegoldenrod\:95\:dark { color: hsl(55, 67%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-palegoldenrod\:100\:dark, html.auto .sf-c-txt-palegoldenrod\:100\:dark { color: hsl(55, 67%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/palegreen.css b/src/colors/20/palegreen.css index 8b024e8..ea01726 100644 --- a/src/colors/20/palegreen.css +++ b/src/colors/20/palegreen.css @@ -138,6 +138,52 @@ html.var .sf-c-palegreen\:90 { color: hsl(120, 93%, 5%); background: hsl(120, 93 html.var .sf-c-palegreen\:95 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 95%) } html.var .sf-c-palegreen\:100 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 100%) } +.sf-c-txt-palegreen { color: hsl(var(--sf-dark-c-txt-palegreen)) } +.sf-c-txt-palegreen\:0 { color: hsl(var(--sf-dark-c-txt-palegreen-100)) } +.sf-c-txt-palegreen\:5 { color: hsl(var(--sf-dark-c-txt-palegreen-95)) } +.sf-c-txt-palegreen\:10 { color: hsl(var(--sf-dark-c-txt-palegreen-90)) } +.sf-c-txt-palegreen\:15 { color: hsl(var(--sf-dark-c-txt-palegreen-85)) } +.sf-c-txt-palegreen\:20 { color: hsl(var(--sf-dark-c-txt-palegreen-80)) } +.sf-c-txt-palegreen\:25 { color: hsl(var(--sf-dark-c-txt-palegreen-75)) } +.sf-c-txt-palegreen\:30 { color: hsl(var(--sf-dark-c-txt-palegreen-70)) } +.sf-c-txt-palegreen\:35 { color: hsl(var(--sf-dark-c-txt-palegreen-65)) } +.sf-c-txt-palegreen\:40 { color: hsl(var(--sf-dark-c-txt-palegreen-60)) } +.sf-c-txt-palegreen\:45 { color: hsl(var(--sf-dark-c-txt-palegreen-55)) } +.sf-c-txt-palegreen\:50 { color: hsl(var(--sf-dark-c-txt-palegreen-50)) } +.sf-c-txt-palegreen\:55 { color: hsl(var(--sf-dark-c-txt-palegreen-45)) } +.sf-c-txt-palegreen\:60 { color: hsl(var(--sf-dark-c-txt-palegreen-40)) } +.sf-c-txt-palegreen\:65 { color: hsl(var(--sf-dark-c-txt-palegreen-35)) } +.sf-c-txt-palegreen\:70 { color: hsl(var(--sf-dark-c-txt-palegreen-30)) } +.sf-c-txt-palegreen\:75 { color: hsl(var(--sf-dark-c-txt-palegreen-25)) } +.sf-c-txt-palegreen\:80 { color: hsl(var(--sf-dark-c-txt-palegreen-20)) } +.sf-c-txt-palegreen\:85 { color: hsl(var(--sf-dark-c-txt-palegreen-15)) } +.sf-c-txt-palegreen\:90 { color: hsl(var(--sf-dark-c-txt-palegreen-10)) } +.sf-c-txt-palegreen\:95 { color: hsl(var(--sf-dark-c-txt-palegreen-5)) } +.sf-c-txt-palegreen\:100 { color: hsl(var(--sf-dark-c-txt-palegreen-0)) } + +html.var .sf-c-txt-palegreen { color: hsl(120, 93%, 21%) } +html.var .sf-c-txt-palegreen\:0 { color: hsl(120, 93%, 100%) } +html.var .sf-c-txt-palegreen\:5 { color: hsl(120, 93%, 95%) } +html.var .sf-c-txt-palegreen\:10 { color: hsl(120, 93%, 90%) } +html.var .sf-c-txt-palegreen\:15 { color: hsl(120, 93%, 85%) } +html.var .sf-c-txt-palegreen\:20 { color: hsl(120, 93%, 80%) } +html.var .sf-c-txt-palegreen\:25 { color: hsl(120, 93%, 75%) } +html.var .sf-c-txt-palegreen\:30 { color: hsl(120, 93%, 70%) } +html.var .sf-c-txt-palegreen\:35 { color: hsl(120, 93%, 65%) } +html.var .sf-c-txt-palegreen\:40 { color: hsl(120, 93%, 60%) } +html.var .sf-c-txt-palegreen\:45 { color: hsl(120, 93%, 55%) } +html.var .sf-c-txt-palegreen\:50 { color: hsl(120, 93%, 50%) } +html.var .sf-c-txt-palegreen\:55 { color: hsl(120, 93%, 45%) } +html.var .sf-c-txt-palegreen\:60 { color: hsl(120, 93%, 40%) } +html.var .sf-c-txt-palegreen\:65 { color: hsl(120, 93%, 35%) } +html.var .sf-c-txt-palegreen\:70 { color: hsl(120, 93%, 30%) } +html.var .sf-c-txt-palegreen\:75 { color: hsl(120, 93%, 25%) } +html.var .sf-c-txt-palegreen\:80 { color: hsl(120, 93%, 20%) } +html.var .sf-c-txt-palegreen\:85 { color: hsl(120, 93%, 15%) } +html.var .sf-c-txt-palegreen\:90 { color: hsl(120, 93%, 10%) } +html.var .sf-c-txt-palegreen\:95 { color: hsl(120, 93%, 5%) } +html.var .sf-c-txt-palegreen\:100 { color: hsl(120, 93%, 0%) } + html[data-theme='dark'] .sf-c-palegreen, html.dark .sf-c-palegreen { color: hsl(var(--sf-dark-c-txt-palegreen-95)); background: hsl(var(--sf-dark-c-palegreen)) } html[data-theme='dark'] .sf-c-palegreen\:0, html.dark .sf-c-palegreen\:0 { color: hsl(var(--sf-dark-c-txt-palegreen-95)); background: hsl(var(--sf-dark-c-palegreen-100)) } html[data-theme='dark'] .sf-c-palegreen\:5, html.dark .sf-c-palegreen\:5 { color: hsl(var(--sf-dark-c-txt-palegreen-5)); background: hsl(var(--sf-dark-c-palegreen-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-palegreen\:90\:dark, html.dark .sf-c-palegreen\:90 html[data-theme='dark'] .sf-c-palegreen\:95\:dark, html.dark .sf-c-palegreen\:95\:dark { color: hsl(var(--sf-c-txt-palegreen-95)); background: hsl(var(--sf-c-palegreen-5)) } html[data-theme='dark'] .sf-c-palegreen\:100\:dark, html.dark .sf-c-palegreen\:100\:dark { color: hsl(var(--sf-c-txt-palegreen-95)); background: hsl(var(--sf-c-palegreen-0)) } +html[data-theme='dark'] .sf-c-txt-palegreen, html.dark .sf-c-txt-palegreen { color: hsl(var(--sf-c-txt-palegreen)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:0, html.dark .sf-c-txt-palegreen\:0 { color: hsl(var(--sf-c-txt-palegreen-0)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:5, html.dark .sf-c-txt-palegreen\:5 { color: hsl(var(--sf-c-txt-palegreen-5)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:10, html.dark .sf-c-txt-palegreen\:10 { color: hsl(var(--sf-c-txt-palegreen-10)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:15, html.dark .sf-c-txt-palegreen\:15 { color: hsl(var(--sf-c-txt-palegreen-15)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:20, html.dark .sf-c-txt-palegreen\:20 { color: hsl(var(--sf-c-txt-palegreen-20)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:25, html.dark .sf-c-txt-palegreen\:25 { color: hsl(var(--sf-c-txt-palegreen-25)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:30, html.dark .sf-c-txt-palegreen\:30 { color: hsl(var(--sf-c-txt-palegreen-30)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:35, html.dark .sf-c-txt-palegreen\:35 { color: hsl(var(--sf-c-txt-palegreen-35)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:40, html.dark .sf-c-txt-palegreen\:40 { color: hsl(var(--sf-c-txt-palegreen-40)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:45, html.dark .sf-c-txt-palegreen\:45 { color: hsl(var(--sf-c-txt-palegreen-45)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:50, html.dark .sf-c-txt-palegreen\:50 { color: hsl(var(--sf-c-txt-palegreen-50)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:55, html.dark .sf-c-txt-palegreen\:55 { color: hsl(var(--sf-c-txt-palegreen-55)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:60, html.dark .sf-c-txt-palegreen\:60 { color: hsl(var(--sf-c-txt-palegreen-60)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:65, html.dark .sf-c-txt-palegreen\:65 { color: hsl(var(--sf-c-txt-palegreen-65)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:70, html.dark .sf-c-txt-palegreen\:70 { color: hsl(var(--sf-c-txt-palegreen-70)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:75, html.dark .sf-c-txt-palegreen\:75 { color: hsl(var(--sf-c-txt-palegreen-75)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:80, html.dark .sf-c-txt-palegreen\:80 { color: hsl(var(--sf-c-txt-palegreen-80)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:85, html.dark .sf-c-txt-palegreen\:85 { color: hsl(var(--sf-c-txt-palegreen-85)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:90, html.dark .sf-c-txt-palegreen\:90 { color: hsl(var(--sf-c-txt-palegreen-90)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:95, html.dark .sf-c-txt-palegreen\:95 { color: hsl(var(--sf-c-txt-palegreen-95)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:100, html.dark .sf-c-txt-palegreen\:100 { color: hsl(var(--sf-c-txt-palegreen-100)) } + +html[data-theme='dark'] .sf-c-txt-palegreen\:dark, html.dark .sf-c-txt-palegreen\:dark { color: hsl(var(--sf-c-txt-palegreen)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:0\:dark, html.dark .sf-c-txt-palegreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-0)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:5\:dark, html.dark .sf-c-txt-palegreen\:5\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-5)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:10\:dark, html.dark .sf-c-txt-palegreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-10)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:15\:dark, html.dark .sf-c-txt-palegreen\:15\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-15)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:20\:dark, html.dark .sf-c-txt-palegreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-20)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:25\:dark, html.dark .sf-c-txt-palegreen\:25\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-25)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:30\:dark, html.dark .sf-c-txt-palegreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-30)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:35\:dark, html.dark .sf-c-txt-palegreen\:35\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-35)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:40\:dark, html.dark .sf-c-txt-palegreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-40)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:45\:dark, html.dark .sf-c-txt-palegreen\:45\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-45)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:50\:dark, html.dark .sf-c-txt-palegreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-50)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:55\:dark, html.dark .sf-c-txt-palegreen\:55\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-55)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:60\:dark, html.dark .sf-c-txt-palegreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-60)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:65\:dark, html.dark .sf-c-txt-palegreen\:65\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-65)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:70\:dark, html.dark .sf-c-txt-palegreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-70)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:75\:dark, html.dark .sf-c-txt-palegreen\:75\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-75)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:80\:dark, html.dark .sf-c-txt-palegreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-80)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:85\:dark, html.dark .sf-c-txt-palegreen\:85\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-85)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:90\:dark, html.dark .sf-c-txt-palegreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-90)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:95\:dark, html.dark .sf-c-txt-palegreen\:95\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-95)) } +html[data-theme='dark'] .sf-c-txt-palegreen\:100\:dark, html.dark .sf-c-txt-palegreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-palegreen-100)) } + html.var[data-theme='dark'] .sf-c-palegreen, html.var.dark .sf-c-palegreen { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 21%) } html.var[data-theme='dark'] .sf-c-palegreen\:0, html.var.dark .sf-c-palegreen\:0 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 100%) } html.var[data-theme='dark'] .sf-c-palegreen\:5, html.var.dark .sf-c-palegreen\:5 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-palegreen\:90\:dark, html.var.dark .sf-c-paleg html.var[data-theme='dark'] .sf-c-palegreen\:95\:dark, html.var.dark .sf-c-palegreen\:95\:dark { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 5%) } html.var[data-theme='dark'] .sf-c-palegreen\:100\:dark, html.var.dark .sf-c-palegreen\:100\:dark { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen, html.dark .sf-c-txt-palegreen { color: hsl(120, 93%, 79%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:0, html.dark .sf-c-txt-palegreen\:0 { color: hsl(120, 93%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:5, html.dark .sf-c-txt-palegreen\:5 { color: hsl(120, 93%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:10, html.dark .sf-c-txt-palegreen\:10 { color: hsl(120, 93%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:15, html.dark .sf-c-txt-palegreen\:15 { color: hsl(120, 93%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:20, html.dark .sf-c-txt-palegreen\:20 { color: hsl(120, 93%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:25, html.dark .sf-c-txt-palegreen\:25 { color: hsl(120, 93%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:30, html.dark .sf-c-txt-palegreen\:30 { color: hsl(120, 93%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:35, html.dark .sf-c-txt-palegreen\:35 { color: hsl(120, 93%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:40, html.dark .sf-c-txt-palegreen\:40 { color: hsl(120, 93%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:45, html.dark .sf-c-txt-palegreen\:45 { color: hsl(120, 93%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:50, html.dark .sf-c-txt-palegreen\:50 { color: hsl(120, 93%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:55, html.dark .sf-c-txt-palegreen\:55 { color: hsl(120, 93%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:60, html.dark .sf-c-txt-palegreen\:60 { color: hsl(120, 93%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:65, html.dark .sf-c-txt-palegreen\:65 { color: hsl(120, 93%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:70, html.dark .sf-c-txt-palegreen\:70 { color: hsl(120, 93%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:75, html.dark .sf-c-txt-palegreen\:75 { color: hsl(120, 93%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:80, html.dark .sf-c-txt-palegreen\:80 { color: hsl(120, 93%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:85, html.dark .sf-c-txt-palegreen\:85 { color: hsl(120, 93%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:90, html.dark .sf-c-txt-palegreen\:90 { color: hsl(120, 93%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:95, html.dark .sf-c-txt-palegreen\:95 { color: hsl(120, 93%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:100, html.dark .sf-c-txt-palegreen\:100 { color: hsl(120, 93%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-palegreen\:dark, html.dark .sf-c-txt-palegreen\:dark { color: hsl(120, 93%, 79%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:0\:dark, html.dark .sf-c-txt-palegreen\:0\:dark { color: hsl(120, 93%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:5\:dark, html.dark .sf-c-txt-palegreen\:5\:dark { color: hsl(120, 93%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:10\:dark, html.dark .sf-c-txt-palegreen\:10\:dark { color: hsl(120, 93%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:15\:dark, html.dark .sf-c-txt-palegreen\:15\:dark { color: hsl(120, 93%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:20\:dark, html.dark .sf-c-txt-palegreen\:20\:dark { color: hsl(120, 93%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:25\:dark, html.dark .sf-c-txt-palegreen\:25\:dark { color: hsl(120, 93%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:30\:dark, html.dark .sf-c-txt-palegreen\:30\:dark { color: hsl(120, 93%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:35\:dark, html.dark .sf-c-txt-palegreen\:35\:dark { color: hsl(120, 93%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:40\:dark, html.dark .sf-c-txt-palegreen\:40\:dark { color: hsl(120, 93%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:45\:dark, html.dark .sf-c-txt-palegreen\:45\:dark { color: hsl(120, 93%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:50\:dark, html.dark .sf-c-txt-palegreen\:50\:dark { color: hsl(120, 93%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:55\:dark, html.dark .sf-c-txt-palegreen\:55\:dark { color: hsl(120, 93%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:60\:dark, html.dark .sf-c-txt-palegreen\:60\:dark { color: hsl(120, 93%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:65\:dark, html.dark .sf-c-txt-palegreen\:65\:dark { color: hsl(120, 93%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:70\:dark, html.dark .sf-c-txt-palegreen\:70\:dark { color: hsl(120, 93%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:75\:dark, html.dark .sf-c-txt-palegreen\:75\:dark { color: hsl(120, 93%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:80\:dark, html.dark .sf-c-txt-palegreen\:80\:dark { color: hsl(120, 93%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:85\:dark, html.dark .sf-c-txt-palegreen\:85\:dark { color: hsl(120, 93%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:90\:dark, html.dark .sf-c-txt-palegreen\:90\:dark { color: hsl(120, 93%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:95\:dark, html.dark .sf-c-txt-palegreen\:95\:dark { color: hsl(120, 93%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-palegreen\:100\:dark, html.dark .sf-c-txt-palegreen\:100\:dark { color: hsl(120, 93%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-palegreen, html.auto .sf-c-palegreen { color: hsl(var(--sf-dark-c-txt-palegreen-95)); background: hsl(var(--sf-dark-c-palegreen)) } html[data-theme='auto'] .sf-c-palegreen\:0, html.auto .sf-c-palegreen\:0 { color: hsl(var(--sf-dark-c-txt-palegreen-95)); background: hsl(var(--sf-dark-c-palegreen-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-palegreen\:100\:dark, html.var.dark .sf-c-pale html[data-theme='auto'] .sf-c-palegreen\:95\:dark, html.auto .sf-c-palegreen\:95\:dark { color: hsl(var(--sf-c-txt-palegreen-95)); background: hsl(var(--sf-c-palegreen-5)) } html[data-theme='auto'] .sf-c-palegreen\:100\:dark, html.auto .sf-c-palegreen\:100\:dark { color: hsl(var(--sf-c-txt-palegreen-95)); background: hsl(var(--sf-c-palegreen-0)) } + html[data-theme='auto'] .sf-c-txt-palegreen, html.auto .sf-c-txt-palegreen { color: hsl(var(--sf-c-txt-palegreen)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:0, html.auto .sf-c-txt-palegreen\:0 { color: hsl(var(--sf-c-txt-palegreen-0)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:5, html.auto .sf-c-txt-palegreen\:5 { color: hsl(var(--sf-c-txt-palegreen-5)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:10, html.auto .sf-c-txt-palegreen\:10 { color: hsl(var(--sf-c-txt-palegreen-10)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:15, html.auto .sf-c-txt-palegreen\:15 { color: hsl(var(--sf-c-txt-palegreen-15)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:20, html.auto .sf-c-txt-palegreen\:20 { color: hsl(var(--sf-c-txt-palegreen-20)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:25, html.auto .sf-c-txt-palegreen\:25 { color: hsl(var(--sf-c-txt-palegreen-25)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:30, html.auto .sf-c-txt-palegreen\:30 { color: hsl(var(--sf-c-txt-palegreen-30)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:35, html.auto .sf-c-txt-palegreen\:35 { color: hsl(var(--sf-c-txt-palegreen-35)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:40, html.auto .sf-c-txt-palegreen\:40 { color: hsl(var(--sf-c-txt-palegreen-40)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:45, html.auto .sf-c-txt-palegreen\:45 { color: hsl(var(--sf-c-txt-palegreen-45)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:50, html.auto .sf-c-txt-palegreen\:50 { color: hsl(var(--sf-c-txt-palegreen-50)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:55, html.auto .sf-c-txt-palegreen\:55 { color: hsl(var(--sf-c-txt-palegreen-55)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:60, html.auto .sf-c-txt-palegreen\:60 { color: hsl(var(--sf-c-txt-palegreen-60)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:65, html.auto .sf-c-txt-palegreen\:65 { color: hsl(var(--sf-c-txt-palegreen-65)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:70, html.auto .sf-c-txt-palegreen\:70 { color: hsl(var(--sf-c-txt-palegreen-70)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:75, html.auto .sf-c-txt-palegreen\:75 { color: hsl(var(--sf-c-txt-palegreen-75)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:80, html.auto .sf-c-txt-palegreen\:80 { color: hsl(var(--sf-c-txt-palegreen-80)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:85, html.auto .sf-c-txt-palegreen\:85 { color: hsl(var(--sf-c-txt-palegreen-85)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:90, html.auto .sf-c-txt-palegreen\:90 { color: hsl(var(--sf-c-txt-palegreen-90)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:95, html.auto .sf-c-txt-palegreen\:95 { color: hsl(var(--sf-c-txt-palegreen-95)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:100, html.auto .sf-c-txt-palegreen\:100 { color: hsl(var(--sf-c-txt-palegreen-100)) } + + html[data-theme='auto'] .sf-c-txt-palegreen\:dark, html.auto .sf-c-txt-palegreen\:dark { color: hsl(var(--sf-c-txt-palegreen)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:0\:dark, html.auto .sf-c-txt-palegreen\:0\:dark { color: hsl(var(--sf-c-txt-palegreen-0)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:5\:dark, html.auto .sf-c-txt-palegreen\:5\:dark { color: hsl(var(--sf-c-txt-palegreen-5)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:10\:dark, html.auto .sf-c-txt-palegreen\:10\:dark { color: hsl(var(--sf-c-txt-palegreen-10)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:15\:dark, html.auto .sf-c-txt-palegreen\:15\:dark { color: hsl(var(--sf-c-txt-palegreen-15)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:20\:dark, html.auto .sf-c-txt-palegreen\:20\:dark { color: hsl(var(--sf-c-txt-palegreen-20)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:25\:dark, html.auto .sf-c-txt-palegreen\:25\:dark { color: hsl(var(--sf-c-txt-palegreen-25)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:30\:dark, html.auto .sf-c-txt-palegreen\:30\:dark { color: hsl(var(--sf-c-txt-palegreen-30)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:35\:dark, html.auto .sf-c-txt-palegreen\:35\:dark { color: hsl(var(--sf-c-txt-palegreen-35)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:40\:dark, html.auto .sf-c-txt-palegreen\:40\:dark { color: hsl(var(--sf-c-txt-palegreen-40)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:45\:dark, html.auto .sf-c-txt-palegreen\:45\:dark { color: hsl(var(--sf-c-txt-palegreen-45)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:50\:dark, html.auto .sf-c-txt-palegreen\:50\:dark { color: hsl(var(--sf-c-txt-palegreen-50)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:55\:dark, html.auto .sf-c-txt-palegreen\:55\:dark { color: hsl(var(--sf-c-txt-palegreen-55)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:60\:dark, html.auto .sf-c-txt-palegreen\:60\:dark { color: hsl(var(--sf-c-txt-palegreen-60)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:65\:dark, html.auto .sf-c-txt-palegreen\:65\:dark { color: hsl(var(--sf-c-txt-palegreen-65)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:70\:dark, html.auto .sf-c-txt-palegreen\:70\:dark { color: hsl(var(--sf-c-txt-palegreen-70)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:75\:dark, html.auto .sf-c-txt-palegreen\:75\:dark { color: hsl(var(--sf-c-txt-palegreen-75)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:80\:dark, html.auto .sf-c-txt-palegreen\:80\:dark { color: hsl(var(--sf-c-txt-palegreen-80)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:85\:dark, html.auto .sf-c-txt-palegreen\:85\:dark { color: hsl(var(--sf-c-txt-palegreen-85)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:90\:dark, html.auto .sf-c-txt-palegreen\:90\:dark { color: hsl(var(--sf-c-txt-palegreen-90)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:95\:dark, html.auto .sf-c-txt-palegreen\:95\:dark { color: hsl(var(--sf-c-txt-palegreen-95)) } + html[data-theme='auto'] .sf-c-txt-palegreen\:100\:dark, html.auto .sf-c-txt-palegreen\:100\:dark { color: hsl(var(--sf-c-txt-palegreen-100)) } + html.var[data-theme='auto'] .sf-c-palegreen, html.var.auto .sf-c-palegreen { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 21%) } html.var[data-theme='auto'] .sf-c-palegreen\:0, html.var.auto .sf-c-palegreen\:0 { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 100%) } html.var[data-theme='auto'] .sf-c-palegreen\:5, html.var.auto .sf-c-palegreen\:5 { color: hsl(120, 93%, 5%); background: hsl(120, 93%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-palegreen\:100\:dark, html.var.dark .sf-c-pale html.var[data-theme='auto'] .sf-c-palegreen\:90\:dark, html.var.auto .sf-c-palegreen\:90\:dark { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 10%) } html.var[data-theme='auto'] .sf-c-palegreen\:95\:dark, html.var.auto .sf-c-palegreen\:95\:dark { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 5%) } html.var[data-theme='auto'] .sf-c-palegreen\:100\:dark, html.var.auto .sf-c-palegreen\:100\:dark { color: hsl(120, 93%, 95%); background: hsl(120, 93%, 0%) } -} -.sf-c-txt-palegreen { color: hsl(var(--sf-c-txt-palegreen)) } -.sf-c-txt-palegreen\:0 { color: hsl(var(--sf-c-txt-palegreen-0)) } -.sf-c-txt-palegreen\:5 { color: hsl(var(--sf-c-txt-palegreen-5)) } -.sf-c-txt-palegreen\:10 { color: hsl(var(--sf-c-txt-palegreen-10)) } -.sf-c-txt-palegreen\:15 { color: hsl(var(--sf-c-txt-palegreen-15)) } -.sf-c-txt-palegreen\:20 { color: hsl(var(--sf-c-txt-palegreen-20)) } -.sf-c-txt-palegreen\:25 { color: hsl(var(--sf-c-txt-palegreen-25)) } -.sf-c-txt-palegreen\:30 { color: hsl(var(--sf-c-txt-palegreen-30)) } -.sf-c-txt-palegreen\:35 { color: hsl(var(--sf-c-txt-palegreen-35)) } -.sf-c-txt-palegreen\:40 { color: hsl(var(--sf-c-txt-palegreen-40)) } -.sf-c-txt-palegreen\:45 { color: hsl(var(--sf-c-txt-palegreen-45)) } -.sf-c-txt-palegreen\:50 { color: hsl(var(--sf-c-txt-palegreen-50)) } -.sf-c-txt-palegreen\:55 { color: hsl(var(--sf-c-txt-palegreen-55)) } -.sf-c-txt-palegreen\:60 { color: hsl(var(--sf-c-txt-palegreen-60)) } -.sf-c-txt-palegreen\:65 { color: hsl(var(--sf-c-txt-palegreen-65)) } -.sf-c-txt-palegreen\:70 { color: hsl(var(--sf-c-txt-palegreen-70)) } -.sf-c-txt-palegreen\:75 { color: hsl(var(--sf-c-txt-palegreen-75)) } -.sf-c-txt-palegreen\:80 { color: hsl(var(--sf-c-txt-palegreen-80)) } -.sf-c-txt-palegreen\:85 { color: hsl(var(--sf-c-txt-palegreen-85)) } -.sf-c-txt-palegreen\:90 { color: hsl(var(--sf-c-txt-palegreen-90)) } -.sf-c-txt-palegreen\:95 { color: hsl(var(--sf-c-txt-palegreen-95)) } -.sf-c-txt-palegreen\:100 { color: hsl(var(--sf-c-txt-palegreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-palegreen, html.auto .sf-c-txt-palegreen { color: hsl(120, 93%, 79%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:0, html.auto .sf-c-txt-palegreen\:0 { color: hsl(120, 93%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:5, html.auto .sf-c-txt-palegreen\:5 { color: hsl(120, 93%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:10, html.auto .sf-c-txt-palegreen\:10 { color: hsl(120, 93%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:15, html.auto .sf-c-txt-palegreen\:15 { color: hsl(120, 93%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:20, html.auto .sf-c-txt-palegreen\:20 { color: hsl(120, 93%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:25, html.auto .sf-c-txt-palegreen\:25 { color: hsl(120, 93%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:30, html.auto .sf-c-txt-palegreen\:30 { color: hsl(120, 93%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:35, html.auto .sf-c-txt-palegreen\:35 { color: hsl(120, 93%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:40, html.auto .sf-c-txt-palegreen\:40 { color: hsl(120, 93%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:45, html.auto .sf-c-txt-palegreen\:45 { color: hsl(120, 93%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:50, html.auto .sf-c-txt-palegreen\:50 { color: hsl(120, 93%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:55, html.auto .sf-c-txt-palegreen\:55 { color: hsl(120, 93%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:60, html.auto .sf-c-txt-palegreen\:60 { color: hsl(120, 93%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:65, html.auto .sf-c-txt-palegreen\:65 { color: hsl(120, 93%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:70, html.auto .sf-c-txt-palegreen\:70 { color: hsl(120, 93%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:75, html.auto .sf-c-txt-palegreen\:75 { color: hsl(120, 93%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:80, html.auto .sf-c-txt-palegreen\:80 { color: hsl(120, 93%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:85, html.auto .sf-c-txt-palegreen\:85 { color: hsl(120, 93%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:90, html.auto .sf-c-txt-palegreen\:90 { color: hsl(120, 93%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:95, html.auto .sf-c-txt-palegreen\:95 { color: hsl(120, 93%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:100, html.auto .sf-c-txt-palegreen\:100 { color: hsl(120, 93%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-palegreen\:dark, html.auto .sf-c-txt-palegreen\:dark { color: hsl(120, 93%, 79%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:0\:dark, html.auto .sf-c-txt-palegreen\:0\:dark { color: hsl(120, 93%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:5\:dark, html.auto .sf-c-txt-palegreen\:5\:dark { color: hsl(120, 93%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:10\:dark, html.auto .sf-c-txt-palegreen\:10\:dark { color: hsl(120, 93%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:15\:dark, html.auto .sf-c-txt-palegreen\:15\:dark { color: hsl(120, 93%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:20\:dark, html.auto .sf-c-txt-palegreen\:20\:dark { color: hsl(120, 93%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:25\:dark, html.auto .sf-c-txt-palegreen\:25\:dark { color: hsl(120, 93%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:30\:dark, html.auto .sf-c-txt-palegreen\:30\:dark { color: hsl(120, 93%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:35\:dark, html.auto .sf-c-txt-palegreen\:35\:dark { color: hsl(120, 93%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:40\:dark, html.auto .sf-c-txt-palegreen\:40\:dark { color: hsl(120, 93%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:45\:dark, html.auto .sf-c-txt-palegreen\:45\:dark { color: hsl(120, 93%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:50\:dark, html.auto .sf-c-txt-palegreen\:50\:dark { color: hsl(120, 93%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:55\:dark, html.auto .sf-c-txt-palegreen\:55\:dark { color: hsl(120, 93%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:60\:dark, html.auto .sf-c-txt-palegreen\:60\:dark { color: hsl(120, 93%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:65\:dark, html.auto .sf-c-txt-palegreen\:65\:dark { color: hsl(120, 93%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:70\:dark, html.auto .sf-c-txt-palegreen\:70\:dark { color: hsl(120, 93%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:75\:dark, html.auto .sf-c-txt-palegreen\:75\:dark { color: hsl(120, 93%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:80\:dark, html.auto .sf-c-txt-palegreen\:80\:dark { color: hsl(120, 93%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:85\:dark, html.auto .sf-c-txt-palegreen\:85\:dark { color: hsl(120, 93%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:90\:dark, html.auto .sf-c-txt-palegreen\:90\:dark { color: hsl(120, 93%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:95\:dark, html.auto .sf-c-txt-palegreen\:95\:dark { color: hsl(120, 93%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-palegreen\:100\:dark, html.auto .sf-c-txt-palegreen\:100\:dark { color: hsl(120, 93%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/paleturquoise.css b/src/colors/20/paleturquoise.css index adb18da..9c1de1c 100644 --- a/src/colors/20/paleturquoise.css +++ b/src/colors/20/paleturquoise.css @@ -138,6 +138,52 @@ html.var .sf-c-paleturquoise\:90 { color: hsl(180, 65%, 5%); background: hsl(180 html.var .sf-c-paleturquoise\:95 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 95%) } html.var .sf-c-paleturquoise\:100 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 100%) } +.sf-c-txt-paleturquoise { color: hsl(var(--sf-dark-c-txt-paleturquoise)) } +.sf-c-txt-paleturquoise\:0 { color: hsl(var(--sf-dark-c-txt-paleturquoise-100)) } +.sf-c-txt-paleturquoise\:5 { color: hsl(var(--sf-dark-c-txt-paleturquoise-95)) } +.sf-c-txt-paleturquoise\:10 { color: hsl(var(--sf-dark-c-txt-paleturquoise-90)) } +.sf-c-txt-paleturquoise\:15 { color: hsl(var(--sf-dark-c-txt-paleturquoise-85)) } +.sf-c-txt-paleturquoise\:20 { color: hsl(var(--sf-dark-c-txt-paleturquoise-80)) } +.sf-c-txt-paleturquoise\:25 { color: hsl(var(--sf-dark-c-txt-paleturquoise-75)) } +.sf-c-txt-paleturquoise\:30 { color: hsl(var(--sf-dark-c-txt-paleturquoise-70)) } +.sf-c-txt-paleturquoise\:35 { color: hsl(var(--sf-dark-c-txt-paleturquoise-65)) } +.sf-c-txt-paleturquoise\:40 { color: hsl(var(--sf-dark-c-txt-paleturquoise-60)) } +.sf-c-txt-paleturquoise\:45 { color: hsl(var(--sf-dark-c-txt-paleturquoise-55)) } +.sf-c-txt-paleturquoise\:50 { color: hsl(var(--sf-dark-c-txt-paleturquoise-50)) } +.sf-c-txt-paleturquoise\:55 { color: hsl(var(--sf-dark-c-txt-paleturquoise-45)) } +.sf-c-txt-paleturquoise\:60 { color: hsl(var(--sf-dark-c-txt-paleturquoise-40)) } +.sf-c-txt-paleturquoise\:65 { color: hsl(var(--sf-dark-c-txt-paleturquoise-35)) } +.sf-c-txt-paleturquoise\:70 { color: hsl(var(--sf-dark-c-txt-paleturquoise-30)) } +.sf-c-txt-paleturquoise\:75 { color: hsl(var(--sf-dark-c-txt-paleturquoise-25)) } +.sf-c-txt-paleturquoise\:80 { color: hsl(var(--sf-dark-c-txt-paleturquoise-20)) } +.sf-c-txt-paleturquoise\:85 { color: hsl(var(--sf-dark-c-txt-paleturquoise-15)) } +.sf-c-txt-paleturquoise\:90 { color: hsl(var(--sf-dark-c-txt-paleturquoise-10)) } +.sf-c-txt-paleturquoise\:95 { color: hsl(var(--sf-dark-c-txt-paleturquoise-5)) } +.sf-c-txt-paleturquoise\:100 { color: hsl(var(--sf-dark-c-txt-paleturquoise-0)) } + +html.var .sf-c-txt-paleturquoise { color: hsl(180, 65%, 19%) } +html.var .sf-c-txt-paleturquoise\:0 { color: hsl(180, 65%, 100%) } +html.var .sf-c-txt-paleturquoise\:5 { color: hsl(180, 65%, 95%) } +html.var .sf-c-txt-paleturquoise\:10 { color: hsl(180, 65%, 90%) } +html.var .sf-c-txt-paleturquoise\:15 { color: hsl(180, 65%, 85%) } +html.var .sf-c-txt-paleturquoise\:20 { color: hsl(180, 65%, 80%) } +html.var .sf-c-txt-paleturquoise\:25 { color: hsl(180, 65%, 75%) } +html.var .sf-c-txt-paleturquoise\:30 { color: hsl(180, 65%, 70%) } +html.var .sf-c-txt-paleturquoise\:35 { color: hsl(180, 65%, 65%) } +html.var .sf-c-txt-paleturquoise\:40 { color: hsl(180, 65%, 60%) } +html.var .sf-c-txt-paleturquoise\:45 { color: hsl(180, 65%, 55%) } +html.var .sf-c-txt-paleturquoise\:50 { color: hsl(180, 65%, 50%) } +html.var .sf-c-txt-paleturquoise\:55 { color: hsl(180, 65%, 45%) } +html.var .sf-c-txt-paleturquoise\:60 { color: hsl(180, 65%, 40%) } +html.var .sf-c-txt-paleturquoise\:65 { color: hsl(180, 65%, 35%) } +html.var .sf-c-txt-paleturquoise\:70 { color: hsl(180, 65%, 30%) } +html.var .sf-c-txt-paleturquoise\:75 { color: hsl(180, 65%, 25%) } +html.var .sf-c-txt-paleturquoise\:80 { color: hsl(180, 65%, 20%) } +html.var .sf-c-txt-paleturquoise\:85 { color: hsl(180, 65%, 15%) } +html.var .sf-c-txt-paleturquoise\:90 { color: hsl(180, 65%, 10%) } +html.var .sf-c-txt-paleturquoise\:95 { color: hsl(180, 65%, 5%) } +html.var .sf-c-txt-paleturquoise\:100 { color: hsl(180, 65%, 0%) } + html[data-theme='dark'] .sf-c-paleturquoise, html.dark .sf-c-paleturquoise { color: hsl(var(--sf-dark-c-txt-paleturquoise-95)); background: hsl(var(--sf-dark-c-paleturquoise)) } html[data-theme='dark'] .sf-c-paleturquoise\:0, html.dark .sf-c-paleturquoise\:0 { color: hsl(var(--sf-dark-c-txt-paleturquoise-95)); background: hsl(var(--sf-dark-c-paleturquoise-100)) } html[data-theme='dark'] .sf-c-paleturquoise\:5, html.dark .sf-c-paleturquoise\:5 { color: hsl(var(--sf-dark-c-txt-paleturquoise-5)); background: hsl(var(--sf-dark-c-paleturquoise-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-paleturquoise\:90\:dark, html.dark .sf-c-paleturqu html[data-theme='dark'] .sf-c-paleturquoise\:95\:dark, html.dark .sf-c-paleturquoise\:95\:dark { color: hsl(var(--sf-c-txt-paleturquoise-95)); background: hsl(var(--sf-c-paleturquoise-5)) } html[data-theme='dark'] .sf-c-paleturquoise\:100\:dark, html.dark .sf-c-paleturquoise\:100\:dark { color: hsl(var(--sf-c-txt-paleturquoise-95)); background: hsl(var(--sf-c-paleturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise, html.dark .sf-c-txt-paleturquoise { color: hsl(var(--sf-c-txt-paleturquoise)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:0, html.dark .sf-c-txt-paleturquoise\:0 { color: hsl(var(--sf-c-txt-paleturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:5, html.dark .sf-c-txt-paleturquoise\:5 { color: hsl(var(--sf-c-txt-paleturquoise-5)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:10, html.dark .sf-c-txt-paleturquoise\:10 { color: hsl(var(--sf-c-txt-paleturquoise-10)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:15, html.dark .sf-c-txt-paleturquoise\:15 { color: hsl(var(--sf-c-txt-paleturquoise-15)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:20, html.dark .sf-c-txt-paleturquoise\:20 { color: hsl(var(--sf-c-txt-paleturquoise-20)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:25, html.dark .sf-c-txt-paleturquoise\:25 { color: hsl(var(--sf-c-txt-paleturquoise-25)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:30, html.dark .sf-c-txt-paleturquoise\:30 { color: hsl(var(--sf-c-txt-paleturquoise-30)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:35, html.dark .sf-c-txt-paleturquoise\:35 { color: hsl(var(--sf-c-txt-paleturquoise-35)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:40, html.dark .sf-c-txt-paleturquoise\:40 { color: hsl(var(--sf-c-txt-paleturquoise-40)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:45, html.dark .sf-c-txt-paleturquoise\:45 { color: hsl(var(--sf-c-txt-paleturquoise-45)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:50, html.dark .sf-c-txt-paleturquoise\:50 { color: hsl(var(--sf-c-txt-paleturquoise-50)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:55, html.dark .sf-c-txt-paleturquoise\:55 { color: hsl(var(--sf-c-txt-paleturquoise-55)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:60, html.dark .sf-c-txt-paleturquoise\:60 { color: hsl(var(--sf-c-txt-paleturquoise-60)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:65, html.dark .sf-c-txt-paleturquoise\:65 { color: hsl(var(--sf-c-txt-paleturquoise-65)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:70, html.dark .sf-c-txt-paleturquoise\:70 { color: hsl(var(--sf-c-txt-paleturquoise-70)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:75, html.dark .sf-c-txt-paleturquoise\:75 { color: hsl(var(--sf-c-txt-paleturquoise-75)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:80, html.dark .sf-c-txt-paleturquoise\:80 { color: hsl(var(--sf-c-txt-paleturquoise-80)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:85, html.dark .sf-c-txt-paleturquoise\:85 { color: hsl(var(--sf-c-txt-paleturquoise-85)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:90, html.dark .sf-c-txt-paleturquoise\:90 { color: hsl(var(--sf-c-txt-paleturquoise-90)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:95, html.dark .sf-c-txt-paleturquoise\:95 { color: hsl(var(--sf-c-txt-paleturquoise-95)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:100, html.dark .sf-c-txt-paleturquoise\:100 { color: hsl(var(--sf-c-txt-paleturquoise-100)) } + +html[data-theme='dark'] .sf-c-txt-paleturquoise\:dark, html.dark .sf-c-txt-paleturquoise\:dark { color: hsl(var(--sf-c-txt-paleturquoise)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:0\:dark, html.dark .sf-c-txt-paleturquoise\:0\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-0)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:5\:dark, html.dark .sf-c-txt-paleturquoise\:5\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-5)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:10\:dark, html.dark .sf-c-txt-paleturquoise\:10\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-10)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:15\:dark, html.dark .sf-c-txt-paleturquoise\:15\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-15)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:20\:dark, html.dark .sf-c-txt-paleturquoise\:20\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-20)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:25\:dark, html.dark .sf-c-txt-paleturquoise\:25\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-25)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:30\:dark, html.dark .sf-c-txt-paleturquoise\:30\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-30)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:35\:dark, html.dark .sf-c-txt-paleturquoise\:35\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-35)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:40\:dark, html.dark .sf-c-txt-paleturquoise\:40\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-40)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:45\:dark, html.dark .sf-c-txt-paleturquoise\:45\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-45)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:50\:dark, html.dark .sf-c-txt-paleturquoise\:50\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-50)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:55\:dark, html.dark .sf-c-txt-paleturquoise\:55\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-55)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:60\:dark, html.dark .sf-c-txt-paleturquoise\:60\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-60)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:65\:dark, html.dark .sf-c-txt-paleturquoise\:65\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-65)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:70\:dark, html.dark .sf-c-txt-paleturquoise\:70\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-70)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:75\:dark, html.dark .sf-c-txt-paleturquoise\:75\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-75)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:80\:dark, html.dark .sf-c-txt-paleturquoise\:80\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-80)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:85\:dark, html.dark .sf-c-txt-paleturquoise\:85\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-85)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:90\:dark, html.dark .sf-c-txt-paleturquoise\:90\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-90)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:95\:dark, html.dark .sf-c-txt-paleturquoise\:95\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-95)) } +html[data-theme='dark'] .sf-c-txt-paleturquoise\:100\:dark, html.dark .sf-c-txt-paleturquoise\:100\:dark { color: hsl(var(--sf-dark-c-txt-paleturquoise-100)) } + html.var[data-theme='dark'] .sf-c-paleturquoise, html.var.dark .sf-c-paleturquoise { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 19%) } html.var[data-theme='dark'] .sf-c-paleturquoise\:0, html.var.dark .sf-c-paleturquoise\:0 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 100%) } html.var[data-theme='dark'] .sf-c-paleturquoise\:5, html.var.dark .sf-c-paleturquoise\:5 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-paleturquoise\:90\:dark, html.var.dark .sf-c-p html.var[data-theme='dark'] .sf-c-paleturquoise\:95\:dark, html.var.dark .sf-c-paleturquoise\:95\:dark { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 5%) } html.var[data-theme='dark'] .sf-c-paleturquoise\:100\:dark, html.var.dark .sf-c-paleturquoise\:100\:dark { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise, html.dark .sf-c-txt-paleturquoise { color: hsl(180, 65%, 81%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:0, html.dark .sf-c-txt-paleturquoise\:0 { color: hsl(180, 65%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:5, html.dark .sf-c-txt-paleturquoise\:5 { color: hsl(180, 65%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:10, html.dark .sf-c-txt-paleturquoise\:10 { color: hsl(180, 65%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:15, html.dark .sf-c-txt-paleturquoise\:15 { color: hsl(180, 65%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:20, html.dark .sf-c-txt-paleturquoise\:20 { color: hsl(180, 65%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:25, html.dark .sf-c-txt-paleturquoise\:25 { color: hsl(180, 65%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:30, html.dark .sf-c-txt-paleturquoise\:30 { color: hsl(180, 65%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:35, html.dark .sf-c-txt-paleturquoise\:35 { color: hsl(180, 65%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:40, html.dark .sf-c-txt-paleturquoise\:40 { color: hsl(180, 65%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:45, html.dark .sf-c-txt-paleturquoise\:45 { color: hsl(180, 65%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:50, html.dark .sf-c-txt-paleturquoise\:50 { color: hsl(180, 65%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:55, html.dark .sf-c-txt-paleturquoise\:55 { color: hsl(180, 65%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:60, html.dark .sf-c-txt-paleturquoise\:60 { color: hsl(180, 65%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:65, html.dark .sf-c-txt-paleturquoise\:65 { color: hsl(180, 65%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:70, html.dark .sf-c-txt-paleturquoise\:70 { color: hsl(180, 65%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:75, html.dark .sf-c-txt-paleturquoise\:75 { color: hsl(180, 65%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:80, html.dark .sf-c-txt-paleturquoise\:80 { color: hsl(180, 65%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:85, html.dark .sf-c-txt-paleturquoise\:85 { color: hsl(180, 65%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:90, html.dark .sf-c-txt-paleturquoise\:90 { color: hsl(180, 65%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:95, html.dark .sf-c-txt-paleturquoise\:95 { color: hsl(180, 65%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:100, html.dark .sf-c-txt-paleturquoise\:100 { color: hsl(180, 65%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:dark, html.dark .sf-c-txt-paleturquoise\:dark { color: hsl(180, 65%, 81%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:0\:dark, html.dark .sf-c-txt-paleturquoise\:0\:dark { color: hsl(180, 65%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:5\:dark, html.dark .sf-c-txt-paleturquoise\:5\:dark { color: hsl(180, 65%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:10\:dark, html.dark .sf-c-txt-paleturquoise\:10\:dark { color: hsl(180, 65%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:15\:dark, html.dark .sf-c-txt-paleturquoise\:15\:dark { color: hsl(180, 65%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:20\:dark, html.dark .sf-c-txt-paleturquoise\:20\:dark { color: hsl(180, 65%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:25\:dark, html.dark .sf-c-txt-paleturquoise\:25\:dark { color: hsl(180, 65%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:30\:dark, html.dark .sf-c-txt-paleturquoise\:30\:dark { color: hsl(180, 65%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:35\:dark, html.dark .sf-c-txt-paleturquoise\:35\:dark { color: hsl(180, 65%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:40\:dark, html.dark .sf-c-txt-paleturquoise\:40\:dark { color: hsl(180, 65%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:45\:dark, html.dark .sf-c-txt-paleturquoise\:45\:dark { color: hsl(180, 65%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:50\:dark, html.dark .sf-c-txt-paleturquoise\:50\:dark { color: hsl(180, 65%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:55\:dark, html.dark .sf-c-txt-paleturquoise\:55\:dark { color: hsl(180, 65%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:60\:dark, html.dark .sf-c-txt-paleturquoise\:60\:dark { color: hsl(180, 65%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:65\:dark, html.dark .sf-c-txt-paleturquoise\:65\:dark { color: hsl(180, 65%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:70\:dark, html.dark .sf-c-txt-paleturquoise\:70\:dark { color: hsl(180, 65%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:75\:dark, html.dark .sf-c-txt-paleturquoise\:75\:dark { color: hsl(180, 65%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:80\:dark, html.dark .sf-c-txt-paleturquoise\:80\:dark { color: hsl(180, 65%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:85\:dark, html.dark .sf-c-txt-paleturquoise\:85\:dark { color: hsl(180, 65%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:90\:dark, html.dark .sf-c-txt-paleturquoise\:90\:dark { color: hsl(180, 65%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:95\:dark, html.dark .sf-c-txt-paleturquoise\:95\:dark { color: hsl(180, 65%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-paleturquoise\:100\:dark, html.dark .sf-c-txt-paleturquoise\:100\:dark { color: hsl(180, 65%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-paleturquoise, html.auto .sf-c-paleturquoise { color: hsl(var(--sf-dark-c-txt-paleturquoise-95)); background: hsl(var(--sf-dark-c-paleturquoise)) } html[data-theme='auto'] .sf-c-paleturquoise\:0, html.auto .sf-c-paleturquoise\:0 { color: hsl(var(--sf-dark-c-txt-paleturquoise-95)); background: hsl(var(--sf-dark-c-paleturquoise-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-paleturquoise\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-paleturquoise\:95\:dark, html.auto .sf-c-paleturquoise\:95\:dark { color: hsl(var(--sf-c-txt-paleturquoise-95)); background: hsl(var(--sf-c-paleturquoise-5)) } html[data-theme='auto'] .sf-c-paleturquoise\:100\:dark, html.auto .sf-c-paleturquoise\:100\:dark { color: hsl(var(--sf-c-txt-paleturquoise-95)); background: hsl(var(--sf-c-paleturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise, html.auto .sf-c-txt-paleturquoise { color: hsl(var(--sf-c-txt-paleturquoise)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:0, html.auto .sf-c-txt-paleturquoise\:0 { color: hsl(var(--sf-c-txt-paleturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:5, html.auto .sf-c-txt-paleturquoise\:5 { color: hsl(var(--sf-c-txt-paleturquoise-5)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:10, html.auto .sf-c-txt-paleturquoise\:10 { color: hsl(var(--sf-c-txt-paleturquoise-10)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:15, html.auto .sf-c-txt-paleturquoise\:15 { color: hsl(var(--sf-c-txt-paleturquoise-15)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:20, html.auto .sf-c-txt-paleturquoise\:20 { color: hsl(var(--sf-c-txt-paleturquoise-20)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:25, html.auto .sf-c-txt-paleturquoise\:25 { color: hsl(var(--sf-c-txt-paleturquoise-25)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:30, html.auto .sf-c-txt-paleturquoise\:30 { color: hsl(var(--sf-c-txt-paleturquoise-30)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:35, html.auto .sf-c-txt-paleturquoise\:35 { color: hsl(var(--sf-c-txt-paleturquoise-35)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:40, html.auto .sf-c-txt-paleturquoise\:40 { color: hsl(var(--sf-c-txt-paleturquoise-40)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:45, html.auto .sf-c-txt-paleturquoise\:45 { color: hsl(var(--sf-c-txt-paleturquoise-45)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:50, html.auto .sf-c-txt-paleturquoise\:50 { color: hsl(var(--sf-c-txt-paleturquoise-50)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:55, html.auto .sf-c-txt-paleturquoise\:55 { color: hsl(var(--sf-c-txt-paleturquoise-55)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:60, html.auto .sf-c-txt-paleturquoise\:60 { color: hsl(var(--sf-c-txt-paleturquoise-60)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:65, html.auto .sf-c-txt-paleturquoise\:65 { color: hsl(var(--sf-c-txt-paleturquoise-65)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:70, html.auto .sf-c-txt-paleturquoise\:70 { color: hsl(var(--sf-c-txt-paleturquoise-70)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:75, html.auto .sf-c-txt-paleturquoise\:75 { color: hsl(var(--sf-c-txt-paleturquoise-75)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:80, html.auto .sf-c-txt-paleturquoise\:80 { color: hsl(var(--sf-c-txt-paleturquoise-80)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:85, html.auto .sf-c-txt-paleturquoise\:85 { color: hsl(var(--sf-c-txt-paleturquoise-85)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:90, html.auto .sf-c-txt-paleturquoise\:90 { color: hsl(var(--sf-c-txt-paleturquoise-90)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:95, html.auto .sf-c-txt-paleturquoise\:95 { color: hsl(var(--sf-c-txt-paleturquoise-95)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:100, html.auto .sf-c-txt-paleturquoise\:100 { color: hsl(var(--sf-c-txt-paleturquoise-100)) } + + html[data-theme='auto'] .sf-c-txt-paleturquoise\:dark, html.auto .sf-c-txt-paleturquoise\:dark { color: hsl(var(--sf-c-txt-paleturquoise)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:0\:dark, html.auto .sf-c-txt-paleturquoise\:0\:dark { color: hsl(var(--sf-c-txt-paleturquoise-0)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:5\:dark, html.auto .sf-c-txt-paleturquoise\:5\:dark { color: hsl(var(--sf-c-txt-paleturquoise-5)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:10\:dark, html.auto .sf-c-txt-paleturquoise\:10\:dark { color: hsl(var(--sf-c-txt-paleturquoise-10)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:15\:dark, html.auto .sf-c-txt-paleturquoise\:15\:dark { color: hsl(var(--sf-c-txt-paleturquoise-15)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:20\:dark, html.auto .sf-c-txt-paleturquoise\:20\:dark { color: hsl(var(--sf-c-txt-paleturquoise-20)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:25\:dark, html.auto .sf-c-txt-paleturquoise\:25\:dark { color: hsl(var(--sf-c-txt-paleturquoise-25)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:30\:dark, html.auto .sf-c-txt-paleturquoise\:30\:dark { color: hsl(var(--sf-c-txt-paleturquoise-30)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:35\:dark, html.auto .sf-c-txt-paleturquoise\:35\:dark { color: hsl(var(--sf-c-txt-paleturquoise-35)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:40\:dark, html.auto .sf-c-txt-paleturquoise\:40\:dark { color: hsl(var(--sf-c-txt-paleturquoise-40)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:45\:dark, html.auto .sf-c-txt-paleturquoise\:45\:dark { color: hsl(var(--sf-c-txt-paleturquoise-45)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:50\:dark, html.auto .sf-c-txt-paleturquoise\:50\:dark { color: hsl(var(--sf-c-txt-paleturquoise-50)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:55\:dark, html.auto .sf-c-txt-paleturquoise\:55\:dark { color: hsl(var(--sf-c-txt-paleturquoise-55)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:60\:dark, html.auto .sf-c-txt-paleturquoise\:60\:dark { color: hsl(var(--sf-c-txt-paleturquoise-60)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:65\:dark, html.auto .sf-c-txt-paleturquoise\:65\:dark { color: hsl(var(--sf-c-txt-paleturquoise-65)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:70\:dark, html.auto .sf-c-txt-paleturquoise\:70\:dark { color: hsl(var(--sf-c-txt-paleturquoise-70)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:75\:dark, html.auto .sf-c-txt-paleturquoise\:75\:dark { color: hsl(var(--sf-c-txt-paleturquoise-75)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:80\:dark, html.auto .sf-c-txt-paleturquoise\:80\:dark { color: hsl(var(--sf-c-txt-paleturquoise-80)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:85\:dark, html.auto .sf-c-txt-paleturquoise\:85\:dark { color: hsl(var(--sf-c-txt-paleturquoise-85)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:90\:dark, html.auto .sf-c-txt-paleturquoise\:90\:dark { color: hsl(var(--sf-c-txt-paleturquoise-90)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:95\:dark, html.auto .sf-c-txt-paleturquoise\:95\:dark { color: hsl(var(--sf-c-txt-paleturquoise-95)) } + html[data-theme='auto'] .sf-c-txt-paleturquoise\:100\:dark, html.auto .sf-c-txt-paleturquoise\:100\:dark { color: hsl(var(--sf-c-txt-paleturquoise-100)) } + html.var[data-theme='auto'] .sf-c-paleturquoise, html.var.auto .sf-c-paleturquoise { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 19%) } html.var[data-theme='auto'] .sf-c-paleturquoise\:0, html.var.auto .sf-c-paleturquoise\:0 { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 100%) } html.var[data-theme='auto'] .sf-c-paleturquoise\:5, html.var.auto .sf-c-paleturquoise\:5 { color: hsl(180, 65%, 5%); background: hsl(180, 65%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-paleturquoise\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-paleturquoise\:90\:dark, html.var.auto .sf-c-paleturquoise\:90\:dark { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 10%) } html.var[data-theme='auto'] .sf-c-paleturquoise\:95\:dark, html.var.auto .sf-c-paleturquoise\:95\:dark { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 5%) } html.var[data-theme='auto'] .sf-c-paleturquoise\:100\:dark, html.var.auto .sf-c-paleturquoise\:100\:dark { color: hsl(180, 65%, 95%); background: hsl(180, 65%, 0%) } -} -.sf-c-txt-paleturquoise { color: hsl(var(--sf-c-txt-paleturquoise)) } -.sf-c-txt-paleturquoise\:0 { color: hsl(var(--sf-c-txt-paleturquoise-0)) } -.sf-c-txt-paleturquoise\:5 { color: hsl(var(--sf-c-txt-paleturquoise-5)) } -.sf-c-txt-paleturquoise\:10 { color: hsl(var(--sf-c-txt-paleturquoise-10)) } -.sf-c-txt-paleturquoise\:15 { color: hsl(var(--sf-c-txt-paleturquoise-15)) } -.sf-c-txt-paleturquoise\:20 { color: hsl(var(--sf-c-txt-paleturquoise-20)) } -.sf-c-txt-paleturquoise\:25 { color: hsl(var(--sf-c-txt-paleturquoise-25)) } -.sf-c-txt-paleturquoise\:30 { color: hsl(var(--sf-c-txt-paleturquoise-30)) } -.sf-c-txt-paleturquoise\:35 { color: hsl(var(--sf-c-txt-paleturquoise-35)) } -.sf-c-txt-paleturquoise\:40 { color: hsl(var(--sf-c-txt-paleturquoise-40)) } -.sf-c-txt-paleturquoise\:45 { color: hsl(var(--sf-c-txt-paleturquoise-45)) } -.sf-c-txt-paleturquoise\:50 { color: hsl(var(--sf-c-txt-paleturquoise-50)) } -.sf-c-txt-paleturquoise\:55 { color: hsl(var(--sf-c-txt-paleturquoise-55)) } -.sf-c-txt-paleturquoise\:60 { color: hsl(var(--sf-c-txt-paleturquoise-60)) } -.sf-c-txt-paleturquoise\:65 { color: hsl(var(--sf-c-txt-paleturquoise-65)) } -.sf-c-txt-paleturquoise\:70 { color: hsl(var(--sf-c-txt-paleturquoise-70)) } -.sf-c-txt-paleturquoise\:75 { color: hsl(var(--sf-c-txt-paleturquoise-75)) } -.sf-c-txt-paleturquoise\:80 { color: hsl(var(--sf-c-txt-paleturquoise-80)) } -.sf-c-txt-paleturquoise\:85 { color: hsl(var(--sf-c-txt-paleturquoise-85)) } -.sf-c-txt-paleturquoise\:90 { color: hsl(var(--sf-c-txt-paleturquoise-90)) } -.sf-c-txt-paleturquoise\:95 { color: hsl(var(--sf-c-txt-paleturquoise-95)) } -.sf-c-txt-paleturquoise\:100 { color: hsl(var(--sf-c-txt-paleturquoise-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-paleturquoise, html.auto .sf-c-txt-paleturquoise { color: hsl(180, 65%, 81%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:0, html.auto .sf-c-txt-paleturquoise\:0 { color: hsl(180, 65%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:5, html.auto .sf-c-txt-paleturquoise\:5 { color: hsl(180, 65%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:10, html.auto .sf-c-txt-paleturquoise\:10 { color: hsl(180, 65%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:15, html.auto .sf-c-txt-paleturquoise\:15 { color: hsl(180, 65%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:20, html.auto .sf-c-txt-paleturquoise\:20 { color: hsl(180, 65%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:25, html.auto .sf-c-txt-paleturquoise\:25 { color: hsl(180, 65%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:30, html.auto .sf-c-txt-paleturquoise\:30 { color: hsl(180, 65%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:35, html.auto .sf-c-txt-paleturquoise\:35 { color: hsl(180, 65%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:40, html.auto .sf-c-txt-paleturquoise\:40 { color: hsl(180, 65%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:45, html.auto .sf-c-txt-paleturquoise\:45 { color: hsl(180, 65%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:50, html.auto .sf-c-txt-paleturquoise\:50 { color: hsl(180, 65%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:55, html.auto .sf-c-txt-paleturquoise\:55 { color: hsl(180, 65%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:60, html.auto .sf-c-txt-paleturquoise\:60 { color: hsl(180, 65%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:65, html.auto .sf-c-txt-paleturquoise\:65 { color: hsl(180, 65%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:70, html.auto .sf-c-txt-paleturquoise\:70 { color: hsl(180, 65%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:75, html.auto .sf-c-txt-paleturquoise\:75 { color: hsl(180, 65%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:80, html.auto .sf-c-txt-paleturquoise\:80 { color: hsl(180, 65%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:85, html.auto .sf-c-txt-paleturquoise\:85 { color: hsl(180, 65%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:90, html.auto .sf-c-txt-paleturquoise\:90 { color: hsl(180, 65%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:95, html.auto .sf-c-txt-paleturquoise\:95 { color: hsl(180, 65%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:100, html.auto .sf-c-txt-paleturquoise\:100 { color: hsl(180, 65%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:dark, html.auto .sf-c-txt-paleturquoise\:dark { color: hsl(180, 65%, 81%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:0\:dark, html.auto .sf-c-txt-paleturquoise\:0\:dark { color: hsl(180, 65%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:5\:dark, html.auto .sf-c-txt-paleturquoise\:5\:dark { color: hsl(180, 65%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:10\:dark, html.auto .sf-c-txt-paleturquoise\:10\:dark { color: hsl(180, 65%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:15\:dark, html.auto .sf-c-txt-paleturquoise\:15\:dark { color: hsl(180, 65%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:20\:dark, html.auto .sf-c-txt-paleturquoise\:20\:dark { color: hsl(180, 65%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:25\:dark, html.auto .sf-c-txt-paleturquoise\:25\:dark { color: hsl(180, 65%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:30\:dark, html.auto .sf-c-txt-paleturquoise\:30\:dark { color: hsl(180, 65%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:35\:dark, html.auto .sf-c-txt-paleturquoise\:35\:dark { color: hsl(180, 65%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:40\:dark, html.auto .sf-c-txt-paleturquoise\:40\:dark { color: hsl(180, 65%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:45\:dark, html.auto .sf-c-txt-paleturquoise\:45\:dark { color: hsl(180, 65%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:50\:dark, html.auto .sf-c-txt-paleturquoise\:50\:dark { color: hsl(180, 65%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:55\:dark, html.auto .sf-c-txt-paleturquoise\:55\:dark { color: hsl(180, 65%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:60\:dark, html.auto .sf-c-txt-paleturquoise\:60\:dark { color: hsl(180, 65%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:65\:dark, html.auto .sf-c-txt-paleturquoise\:65\:dark { color: hsl(180, 65%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:70\:dark, html.auto .sf-c-txt-paleturquoise\:70\:dark { color: hsl(180, 65%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:75\:dark, html.auto .sf-c-txt-paleturquoise\:75\:dark { color: hsl(180, 65%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:80\:dark, html.auto .sf-c-txt-paleturquoise\:80\:dark { color: hsl(180, 65%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:85\:dark, html.auto .sf-c-txt-paleturquoise\:85\:dark { color: hsl(180, 65%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:90\:dark, html.auto .sf-c-txt-paleturquoise\:90\:dark { color: hsl(180, 65%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:95\:dark, html.auto .sf-c-txt-paleturquoise\:95\:dark { color: hsl(180, 65%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-paleturquoise\:100\:dark, html.auto .sf-c-txt-paleturquoise\:100\:dark { color: hsl(180, 65%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/palevioletred.css b/src/colors/20/palevioletred.css index b7ad911..299c7d0 100644 --- a/src/colors/20/palevioletred.css +++ b/src/colors/20/palevioletred.css @@ -138,6 +138,52 @@ html.var .sf-c-palevioletred\:90 { color: hsl(340, 60%, 5%); background: hsl(340 html.var .sf-c-palevioletred\:95 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 95%) } html.var .sf-c-palevioletred\:100 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 100%) } +.sf-c-txt-palevioletred { color: hsl(var(--sf-dark-c-txt-palevioletred)) } +.sf-c-txt-palevioletred\:0 { color: hsl(var(--sf-dark-c-txt-palevioletred-100)) } +.sf-c-txt-palevioletred\:5 { color: hsl(var(--sf-dark-c-txt-palevioletred-95)) } +.sf-c-txt-palevioletred\:10 { color: hsl(var(--sf-dark-c-txt-palevioletred-90)) } +.sf-c-txt-palevioletred\:15 { color: hsl(var(--sf-dark-c-txt-palevioletred-85)) } +.sf-c-txt-palevioletred\:20 { color: hsl(var(--sf-dark-c-txt-palevioletred-80)) } +.sf-c-txt-palevioletred\:25 { color: hsl(var(--sf-dark-c-txt-palevioletred-75)) } +.sf-c-txt-palevioletred\:30 { color: hsl(var(--sf-dark-c-txt-palevioletred-70)) } +.sf-c-txt-palevioletred\:35 { color: hsl(var(--sf-dark-c-txt-palevioletred-65)) } +.sf-c-txt-palevioletred\:40 { color: hsl(var(--sf-dark-c-txt-palevioletred-60)) } +.sf-c-txt-palevioletred\:45 { color: hsl(var(--sf-dark-c-txt-palevioletred-55)) } +.sf-c-txt-palevioletred\:50 { color: hsl(var(--sf-dark-c-txt-palevioletred-50)) } +.sf-c-txt-palevioletred\:55 { color: hsl(var(--sf-dark-c-txt-palevioletred-45)) } +.sf-c-txt-palevioletred\:60 { color: hsl(var(--sf-dark-c-txt-palevioletred-40)) } +.sf-c-txt-palevioletred\:65 { color: hsl(var(--sf-dark-c-txt-palevioletred-35)) } +.sf-c-txt-palevioletred\:70 { color: hsl(var(--sf-dark-c-txt-palevioletred-30)) } +.sf-c-txt-palevioletred\:75 { color: hsl(var(--sf-dark-c-txt-palevioletred-25)) } +.sf-c-txt-palevioletred\:80 { color: hsl(var(--sf-dark-c-txt-palevioletred-20)) } +.sf-c-txt-palevioletred\:85 { color: hsl(var(--sf-dark-c-txt-palevioletred-15)) } +.sf-c-txt-palevioletred\:90 { color: hsl(var(--sf-dark-c-txt-palevioletred-10)) } +.sf-c-txt-palevioletred\:95 { color: hsl(var(--sf-dark-c-txt-palevioletred-5)) } +.sf-c-txt-palevioletred\:100 { color: hsl(var(--sf-dark-c-txt-palevioletred-0)) } + +html.var .sf-c-txt-palevioletred { color: hsl(340, 60%, 35%) } +html.var .sf-c-txt-palevioletred\:0 { color: hsl(340, 60%, 100%) } +html.var .sf-c-txt-palevioletred\:5 { color: hsl(340, 60%, 95%) } +html.var .sf-c-txt-palevioletred\:10 { color: hsl(340, 60%, 90%) } +html.var .sf-c-txt-palevioletred\:15 { color: hsl(340, 60%, 85%) } +html.var .sf-c-txt-palevioletred\:20 { color: hsl(340, 60%, 80%) } +html.var .sf-c-txt-palevioletred\:25 { color: hsl(340, 60%, 75%) } +html.var .sf-c-txt-palevioletred\:30 { color: hsl(340, 60%, 70%) } +html.var .sf-c-txt-palevioletred\:35 { color: hsl(340, 60%, 65%) } +html.var .sf-c-txt-palevioletred\:40 { color: hsl(340, 60%, 60%) } +html.var .sf-c-txt-palevioletred\:45 { color: hsl(340, 60%, 55%) } +html.var .sf-c-txt-palevioletred\:50 { color: hsl(340, 60%, 50%) } +html.var .sf-c-txt-palevioletred\:55 { color: hsl(340, 60%, 45%) } +html.var .sf-c-txt-palevioletred\:60 { color: hsl(340, 60%, 40%) } +html.var .sf-c-txt-palevioletred\:65 { color: hsl(340, 60%, 35%) } +html.var .sf-c-txt-palevioletred\:70 { color: hsl(340, 60%, 30%) } +html.var .sf-c-txt-palevioletred\:75 { color: hsl(340, 60%, 25%) } +html.var .sf-c-txt-palevioletred\:80 { color: hsl(340, 60%, 20%) } +html.var .sf-c-txt-palevioletred\:85 { color: hsl(340, 60%, 15%) } +html.var .sf-c-txt-palevioletred\:90 { color: hsl(340, 60%, 10%) } +html.var .sf-c-txt-palevioletred\:95 { color: hsl(340, 60%, 5%) } +html.var .sf-c-txt-palevioletred\:100 { color: hsl(340, 60%, 0%) } + html[data-theme='dark'] .sf-c-palevioletred, html.dark .sf-c-palevioletred { color: hsl(var(--sf-dark-c-txt-palevioletred-95)); background: hsl(var(--sf-dark-c-palevioletred)) } html[data-theme='dark'] .sf-c-palevioletred\:0, html.dark .sf-c-palevioletred\:0 { color: hsl(var(--sf-dark-c-txt-palevioletred-95)); background: hsl(var(--sf-dark-c-palevioletred-100)) } html[data-theme='dark'] .sf-c-palevioletred\:5, html.dark .sf-c-palevioletred\:5 { color: hsl(var(--sf-dark-c-txt-palevioletred-5)); background: hsl(var(--sf-dark-c-palevioletred-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-palevioletred\:90\:dark, html.dark .sf-c-paleviole html[data-theme='dark'] .sf-c-palevioletred\:95\:dark, html.dark .sf-c-palevioletred\:95\:dark { color: hsl(var(--sf-c-txt-palevioletred-95)); background: hsl(var(--sf-c-palevioletred-5)) } html[data-theme='dark'] .sf-c-palevioletred\:100\:dark, html.dark .sf-c-palevioletred\:100\:dark { color: hsl(var(--sf-c-txt-palevioletred-95)); background: hsl(var(--sf-c-palevioletred-0)) } +html[data-theme='dark'] .sf-c-txt-palevioletred, html.dark .sf-c-txt-palevioletred { color: hsl(var(--sf-c-txt-palevioletred)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:0, html.dark .sf-c-txt-palevioletred\:0 { color: hsl(var(--sf-c-txt-palevioletred-0)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:5, html.dark .sf-c-txt-palevioletred\:5 { color: hsl(var(--sf-c-txt-palevioletred-5)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:10, html.dark .sf-c-txt-palevioletred\:10 { color: hsl(var(--sf-c-txt-palevioletred-10)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:15, html.dark .sf-c-txt-palevioletred\:15 { color: hsl(var(--sf-c-txt-palevioletred-15)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:20, html.dark .sf-c-txt-palevioletred\:20 { color: hsl(var(--sf-c-txt-palevioletred-20)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:25, html.dark .sf-c-txt-palevioletred\:25 { color: hsl(var(--sf-c-txt-palevioletred-25)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:30, html.dark .sf-c-txt-palevioletred\:30 { color: hsl(var(--sf-c-txt-palevioletred-30)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:35, html.dark .sf-c-txt-palevioletred\:35 { color: hsl(var(--sf-c-txt-palevioletred-35)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:40, html.dark .sf-c-txt-palevioletred\:40 { color: hsl(var(--sf-c-txt-palevioletred-40)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:45, html.dark .sf-c-txt-palevioletred\:45 { color: hsl(var(--sf-c-txt-palevioletred-45)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:50, html.dark .sf-c-txt-palevioletred\:50 { color: hsl(var(--sf-c-txt-palevioletred-50)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:55, html.dark .sf-c-txt-palevioletred\:55 { color: hsl(var(--sf-c-txt-palevioletred-55)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:60, html.dark .sf-c-txt-palevioletred\:60 { color: hsl(var(--sf-c-txt-palevioletred-60)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:65, html.dark .sf-c-txt-palevioletred\:65 { color: hsl(var(--sf-c-txt-palevioletred-65)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:70, html.dark .sf-c-txt-palevioletred\:70 { color: hsl(var(--sf-c-txt-palevioletred-70)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:75, html.dark .sf-c-txt-palevioletred\:75 { color: hsl(var(--sf-c-txt-palevioletred-75)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:80, html.dark .sf-c-txt-palevioletred\:80 { color: hsl(var(--sf-c-txt-palevioletred-80)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:85, html.dark .sf-c-txt-palevioletred\:85 { color: hsl(var(--sf-c-txt-palevioletred-85)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:90, html.dark .sf-c-txt-palevioletred\:90 { color: hsl(var(--sf-c-txt-palevioletred-90)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:95, html.dark .sf-c-txt-palevioletred\:95 { color: hsl(var(--sf-c-txt-palevioletred-95)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:100, html.dark .sf-c-txt-palevioletred\:100 { color: hsl(var(--sf-c-txt-palevioletred-100)) } + +html[data-theme='dark'] .sf-c-txt-palevioletred\:dark, html.dark .sf-c-txt-palevioletred\:dark { color: hsl(var(--sf-c-txt-palevioletred)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:0\:dark, html.dark .sf-c-txt-palevioletred\:0\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-0)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:5\:dark, html.dark .sf-c-txt-palevioletred\:5\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-5)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:10\:dark, html.dark .sf-c-txt-palevioletred\:10\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-10)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:15\:dark, html.dark .sf-c-txt-palevioletred\:15\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-15)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:20\:dark, html.dark .sf-c-txt-palevioletred\:20\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-20)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:25\:dark, html.dark .sf-c-txt-palevioletred\:25\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-25)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:30\:dark, html.dark .sf-c-txt-palevioletred\:30\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-30)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:35\:dark, html.dark .sf-c-txt-palevioletred\:35\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-35)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:40\:dark, html.dark .sf-c-txt-palevioletred\:40\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-40)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:45\:dark, html.dark .sf-c-txt-palevioletred\:45\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-45)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:50\:dark, html.dark .sf-c-txt-palevioletred\:50\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-50)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:55\:dark, html.dark .sf-c-txt-palevioletred\:55\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-55)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:60\:dark, html.dark .sf-c-txt-palevioletred\:60\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-60)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:65\:dark, html.dark .sf-c-txt-palevioletred\:65\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-65)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:70\:dark, html.dark .sf-c-txt-palevioletred\:70\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-70)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:75\:dark, html.dark .sf-c-txt-palevioletred\:75\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-75)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:80\:dark, html.dark .sf-c-txt-palevioletred\:80\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-80)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:85\:dark, html.dark .sf-c-txt-palevioletred\:85\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-85)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:90\:dark, html.dark .sf-c-txt-palevioletred\:90\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-90)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:95\:dark, html.dark .sf-c-txt-palevioletred\:95\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-95)) } +html[data-theme='dark'] .sf-c-txt-palevioletred\:100\:dark, html.dark .sf-c-txt-palevioletred\:100\:dark { color: hsl(var(--sf-dark-c-txt-palevioletred-100)) } + html.var[data-theme='dark'] .sf-c-palevioletred, html.var.dark .sf-c-palevioletred { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 35%) } html.var[data-theme='dark'] .sf-c-palevioletred\:0, html.var.dark .sf-c-palevioletred\:0 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 100%) } html.var[data-theme='dark'] .sf-c-palevioletred\:5, html.var.dark .sf-c-palevioletred\:5 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-palevioletred\:90\:dark, html.var.dark .sf-c-p html.var[data-theme='dark'] .sf-c-palevioletred\:95\:dark, html.var.dark .sf-c-palevioletred\:95\:dark { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 5%) } html.var[data-theme='dark'] .sf-c-palevioletred\:100\:dark, html.var.dark .sf-c-palevioletred\:100\:dark { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred, html.dark .sf-c-txt-palevioletred { color: hsl(340, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:0, html.dark .sf-c-txt-palevioletred\:0 { color: hsl(340, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:5, html.dark .sf-c-txt-palevioletred\:5 { color: hsl(340, 60%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:10, html.dark .sf-c-txt-palevioletred\:10 { color: hsl(340, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:15, html.dark .sf-c-txt-palevioletred\:15 { color: hsl(340, 60%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:20, html.dark .sf-c-txt-palevioletred\:20 { color: hsl(340, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:25, html.dark .sf-c-txt-palevioletred\:25 { color: hsl(340, 60%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:30, html.dark .sf-c-txt-palevioletred\:30 { color: hsl(340, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:35, html.dark .sf-c-txt-palevioletred\:35 { color: hsl(340, 60%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:40, html.dark .sf-c-txt-palevioletred\:40 { color: hsl(340, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:45, html.dark .sf-c-txt-palevioletred\:45 { color: hsl(340, 60%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:50, html.dark .sf-c-txt-palevioletred\:50 { color: hsl(340, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:55, html.dark .sf-c-txt-palevioletred\:55 { color: hsl(340, 60%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:60, html.dark .sf-c-txt-palevioletred\:60 { color: hsl(340, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:65, html.dark .sf-c-txt-palevioletred\:65 { color: hsl(340, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:70, html.dark .sf-c-txt-palevioletred\:70 { color: hsl(340, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:75, html.dark .sf-c-txt-palevioletred\:75 { color: hsl(340, 60%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:80, html.dark .sf-c-txt-palevioletred\:80 { color: hsl(340, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:85, html.dark .sf-c-txt-palevioletred\:85 { color: hsl(340, 60%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:90, html.dark .sf-c-txt-palevioletred\:90 { color: hsl(340, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:95, html.dark .sf-c-txt-palevioletred\:95 { color: hsl(340, 60%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:100, html.dark .sf-c-txt-palevioletred\:100 { color: hsl(340, 60%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:dark, html.dark .sf-c-txt-palevioletred\:dark { color: hsl(340, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:0\:dark, html.dark .sf-c-txt-palevioletred\:0\:dark { color: hsl(340, 60%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:5\:dark, html.dark .sf-c-txt-palevioletred\:5\:dark { color: hsl(340, 60%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:10\:dark, html.dark .sf-c-txt-palevioletred\:10\:dark { color: hsl(340, 60%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:15\:dark, html.dark .sf-c-txt-palevioletred\:15\:dark { color: hsl(340, 60%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:20\:dark, html.dark .sf-c-txt-palevioletred\:20\:dark { color: hsl(340, 60%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:25\:dark, html.dark .sf-c-txt-palevioletred\:25\:dark { color: hsl(340, 60%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:30\:dark, html.dark .sf-c-txt-palevioletred\:30\:dark { color: hsl(340, 60%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:35\:dark, html.dark .sf-c-txt-palevioletred\:35\:dark { color: hsl(340, 60%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:40\:dark, html.dark .sf-c-txt-palevioletred\:40\:dark { color: hsl(340, 60%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:45\:dark, html.dark .sf-c-txt-palevioletred\:45\:dark { color: hsl(340, 60%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:50\:dark, html.dark .sf-c-txt-palevioletred\:50\:dark { color: hsl(340, 60%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:55\:dark, html.dark .sf-c-txt-palevioletred\:55\:dark { color: hsl(340, 60%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:60\:dark, html.dark .sf-c-txt-palevioletred\:60\:dark { color: hsl(340, 60%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:65\:dark, html.dark .sf-c-txt-palevioletred\:65\:dark { color: hsl(340, 60%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:70\:dark, html.dark .sf-c-txt-palevioletred\:70\:dark { color: hsl(340, 60%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:75\:dark, html.dark .sf-c-txt-palevioletred\:75\:dark { color: hsl(340, 60%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:80\:dark, html.dark .sf-c-txt-palevioletred\:80\:dark { color: hsl(340, 60%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:85\:dark, html.dark .sf-c-txt-palevioletred\:85\:dark { color: hsl(340, 60%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:90\:dark, html.dark .sf-c-txt-palevioletred\:90\:dark { color: hsl(340, 60%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:95\:dark, html.dark .sf-c-txt-palevioletred\:95\:dark { color: hsl(340, 60%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-palevioletred\:100\:dark, html.dark .sf-c-txt-palevioletred\:100\:dark { color: hsl(340, 60%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-palevioletred, html.auto .sf-c-palevioletred { color: hsl(var(--sf-dark-c-txt-palevioletred-95)); background: hsl(var(--sf-dark-c-palevioletred)) } html[data-theme='auto'] .sf-c-palevioletred\:0, html.auto .sf-c-palevioletred\:0 { color: hsl(var(--sf-dark-c-txt-palevioletred-95)); background: hsl(var(--sf-dark-c-palevioletred-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-palevioletred\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-palevioletred\:95\:dark, html.auto .sf-c-palevioletred\:95\:dark { color: hsl(var(--sf-c-txt-palevioletred-95)); background: hsl(var(--sf-c-palevioletred-5)) } html[data-theme='auto'] .sf-c-palevioletred\:100\:dark, html.auto .sf-c-palevioletred\:100\:dark { color: hsl(var(--sf-c-txt-palevioletred-95)); background: hsl(var(--sf-c-palevioletred-0)) } + html[data-theme='auto'] .sf-c-txt-palevioletred, html.auto .sf-c-txt-palevioletred { color: hsl(var(--sf-c-txt-palevioletred)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:0, html.auto .sf-c-txt-palevioletred\:0 { color: hsl(var(--sf-c-txt-palevioletred-0)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:5, html.auto .sf-c-txt-palevioletred\:5 { color: hsl(var(--sf-c-txt-palevioletred-5)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:10, html.auto .sf-c-txt-palevioletred\:10 { color: hsl(var(--sf-c-txt-palevioletred-10)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:15, html.auto .sf-c-txt-palevioletred\:15 { color: hsl(var(--sf-c-txt-palevioletred-15)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:20, html.auto .sf-c-txt-palevioletred\:20 { color: hsl(var(--sf-c-txt-palevioletred-20)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:25, html.auto .sf-c-txt-palevioletred\:25 { color: hsl(var(--sf-c-txt-palevioletred-25)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:30, html.auto .sf-c-txt-palevioletred\:30 { color: hsl(var(--sf-c-txt-palevioletred-30)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:35, html.auto .sf-c-txt-palevioletred\:35 { color: hsl(var(--sf-c-txt-palevioletred-35)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:40, html.auto .sf-c-txt-palevioletred\:40 { color: hsl(var(--sf-c-txt-palevioletred-40)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:45, html.auto .sf-c-txt-palevioletred\:45 { color: hsl(var(--sf-c-txt-palevioletred-45)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:50, html.auto .sf-c-txt-palevioletred\:50 { color: hsl(var(--sf-c-txt-palevioletred-50)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:55, html.auto .sf-c-txt-palevioletred\:55 { color: hsl(var(--sf-c-txt-palevioletred-55)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:60, html.auto .sf-c-txt-palevioletred\:60 { color: hsl(var(--sf-c-txt-palevioletred-60)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:65, html.auto .sf-c-txt-palevioletred\:65 { color: hsl(var(--sf-c-txt-palevioletred-65)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:70, html.auto .sf-c-txt-palevioletred\:70 { color: hsl(var(--sf-c-txt-palevioletred-70)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:75, html.auto .sf-c-txt-palevioletred\:75 { color: hsl(var(--sf-c-txt-palevioletred-75)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:80, html.auto .sf-c-txt-palevioletred\:80 { color: hsl(var(--sf-c-txt-palevioletred-80)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:85, html.auto .sf-c-txt-palevioletred\:85 { color: hsl(var(--sf-c-txt-palevioletred-85)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:90, html.auto .sf-c-txt-palevioletred\:90 { color: hsl(var(--sf-c-txt-palevioletred-90)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:95, html.auto .sf-c-txt-palevioletred\:95 { color: hsl(var(--sf-c-txt-palevioletred-95)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:100, html.auto .sf-c-txt-palevioletred\:100 { color: hsl(var(--sf-c-txt-palevioletred-100)) } + + html[data-theme='auto'] .sf-c-txt-palevioletred\:dark, html.auto .sf-c-txt-palevioletred\:dark { color: hsl(var(--sf-c-txt-palevioletred)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:0\:dark, html.auto .sf-c-txt-palevioletred\:0\:dark { color: hsl(var(--sf-c-txt-palevioletred-0)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:5\:dark, html.auto .sf-c-txt-palevioletred\:5\:dark { color: hsl(var(--sf-c-txt-palevioletred-5)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:10\:dark, html.auto .sf-c-txt-palevioletred\:10\:dark { color: hsl(var(--sf-c-txt-palevioletred-10)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:15\:dark, html.auto .sf-c-txt-palevioletred\:15\:dark { color: hsl(var(--sf-c-txt-palevioletred-15)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:20\:dark, html.auto .sf-c-txt-palevioletred\:20\:dark { color: hsl(var(--sf-c-txt-palevioletred-20)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:25\:dark, html.auto .sf-c-txt-palevioletred\:25\:dark { color: hsl(var(--sf-c-txt-palevioletred-25)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:30\:dark, html.auto .sf-c-txt-palevioletred\:30\:dark { color: hsl(var(--sf-c-txt-palevioletred-30)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:35\:dark, html.auto .sf-c-txt-palevioletred\:35\:dark { color: hsl(var(--sf-c-txt-palevioletred-35)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:40\:dark, html.auto .sf-c-txt-palevioletred\:40\:dark { color: hsl(var(--sf-c-txt-palevioletred-40)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:45\:dark, html.auto .sf-c-txt-palevioletred\:45\:dark { color: hsl(var(--sf-c-txt-palevioletred-45)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:50\:dark, html.auto .sf-c-txt-palevioletred\:50\:dark { color: hsl(var(--sf-c-txt-palevioletred-50)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:55\:dark, html.auto .sf-c-txt-palevioletred\:55\:dark { color: hsl(var(--sf-c-txt-palevioletred-55)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:60\:dark, html.auto .sf-c-txt-palevioletred\:60\:dark { color: hsl(var(--sf-c-txt-palevioletred-60)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:65\:dark, html.auto .sf-c-txt-palevioletred\:65\:dark { color: hsl(var(--sf-c-txt-palevioletred-65)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:70\:dark, html.auto .sf-c-txt-palevioletred\:70\:dark { color: hsl(var(--sf-c-txt-palevioletred-70)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:75\:dark, html.auto .sf-c-txt-palevioletred\:75\:dark { color: hsl(var(--sf-c-txt-palevioletred-75)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:80\:dark, html.auto .sf-c-txt-palevioletred\:80\:dark { color: hsl(var(--sf-c-txt-palevioletred-80)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:85\:dark, html.auto .sf-c-txt-palevioletred\:85\:dark { color: hsl(var(--sf-c-txt-palevioletred-85)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:90\:dark, html.auto .sf-c-txt-palevioletred\:90\:dark { color: hsl(var(--sf-c-txt-palevioletred-90)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:95\:dark, html.auto .sf-c-txt-palevioletred\:95\:dark { color: hsl(var(--sf-c-txt-palevioletred-95)) } + html[data-theme='auto'] .sf-c-txt-palevioletred\:100\:dark, html.auto .sf-c-txt-palevioletred\:100\:dark { color: hsl(var(--sf-c-txt-palevioletred-100)) } + html.var[data-theme='auto'] .sf-c-palevioletred, html.var.auto .sf-c-palevioletred { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 35%) } html.var[data-theme='auto'] .sf-c-palevioletred\:0, html.var.auto .sf-c-palevioletred\:0 { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 100%) } html.var[data-theme='auto'] .sf-c-palevioletred\:5, html.var.auto .sf-c-palevioletred\:5 { color: hsl(340, 60%, 5%); background: hsl(340, 60%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-palevioletred\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-palevioletred\:90\:dark, html.var.auto .sf-c-palevioletred\:90\:dark { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 10%) } html.var[data-theme='auto'] .sf-c-palevioletred\:95\:dark, html.var.auto .sf-c-palevioletred\:95\:dark { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 5%) } html.var[data-theme='auto'] .sf-c-palevioletred\:100\:dark, html.var.auto .sf-c-palevioletred\:100\:dark { color: hsl(340, 60%, 95%); background: hsl(340, 60%, 0%) } -} -.sf-c-txt-palevioletred { color: hsl(var(--sf-c-txt-palevioletred)) } -.sf-c-txt-palevioletred\:0 { color: hsl(var(--sf-c-txt-palevioletred-0)) } -.sf-c-txt-palevioletred\:5 { color: hsl(var(--sf-c-txt-palevioletred-5)) } -.sf-c-txt-palevioletred\:10 { color: hsl(var(--sf-c-txt-palevioletred-10)) } -.sf-c-txt-palevioletred\:15 { color: hsl(var(--sf-c-txt-palevioletred-15)) } -.sf-c-txt-palevioletred\:20 { color: hsl(var(--sf-c-txt-palevioletred-20)) } -.sf-c-txt-palevioletred\:25 { color: hsl(var(--sf-c-txt-palevioletred-25)) } -.sf-c-txt-palevioletred\:30 { color: hsl(var(--sf-c-txt-palevioletred-30)) } -.sf-c-txt-palevioletred\:35 { color: hsl(var(--sf-c-txt-palevioletred-35)) } -.sf-c-txt-palevioletred\:40 { color: hsl(var(--sf-c-txt-palevioletred-40)) } -.sf-c-txt-palevioletred\:45 { color: hsl(var(--sf-c-txt-palevioletred-45)) } -.sf-c-txt-palevioletred\:50 { color: hsl(var(--sf-c-txt-palevioletred-50)) } -.sf-c-txt-palevioletred\:55 { color: hsl(var(--sf-c-txt-palevioletred-55)) } -.sf-c-txt-palevioletred\:60 { color: hsl(var(--sf-c-txt-palevioletred-60)) } -.sf-c-txt-palevioletred\:65 { color: hsl(var(--sf-c-txt-palevioletred-65)) } -.sf-c-txt-palevioletred\:70 { color: hsl(var(--sf-c-txt-palevioletred-70)) } -.sf-c-txt-palevioletred\:75 { color: hsl(var(--sf-c-txt-palevioletred-75)) } -.sf-c-txt-palevioletred\:80 { color: hsl(var(--sf-c-txt-palevioletred-80)) } -.sf-c-txt-palevioletred\:85 { color: hsl(var(--sf-c-txt-palevioletred-85)) } -.sf-c-txt-palevioletred\:90 { color: hsl(var(--sf-c-txt-palevioletred-90)) } -.sf-c-txt-palevioletred\:95 { color: hsl(var(--sf-c-txt-palevioletred-95)) } -.sf-c-txt-palevioletred\:100 { color: hsl(var(--sf-c-txt-palevioletred-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-palevioletred, html.auto .sf-c-txt-palevioletred { color: hsl(340, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:0, html.auto .sf-c-txt-palevioletred\:0 { color: hsl(340, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:5, html.auto .sf-c-txt-palevioletred\:5 { color: hsl(340, 60%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:10, html.auto .sf-c-txt-palevioletred\:10 { color: hsl(340, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:15, html.auto .sf-c-txt-palevioletred\:15 { color: hsl(340, 60%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:20, html.auto .sf-c-txt-palevioletred\:20 { color: hsl(340, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:25, html.auto .sf-c-txt-palevioletred\:25 { color: hsl(340, 60%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:30, html.auto .sf-c-txt-palevioletred\:30 { color: hsl(340, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:35, html.auto .sf-c-txt-palevioletred\:35 { color: hsl(340, 60%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:40, html.auto .sf-c-txt-palevioletred\:40 { color: hsl(340, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:45, html.auto .sf-c-txt-palevioletred\:45 { color: hsl(340, 60%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:50, html.auto .sf-c-txt-palevioletred\:50 { color: hsl(340, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:55, html.auto .sf-c-txt-palevioletred\:55 { color: hsl(340, 60%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:60, html.auto .sf-c-txt-palevioletred\:60 { color: hsl(340, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:65, html.auto .sf-c-txt-palevioletred\:65 { color: hsl(340, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:70, html.auto .sf-c-txt-palevioletred\:70 { color: hsl(340, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:75, html.auto .sf-c-txt-palevioletred\:75 { color: hsl(340, 60%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:80, html.auto .sf-c-txt-palevioletred\:80 { color: hsl(340, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:85, html.auto .sf-c-txt-palevioletred\:85 { color: hsl(340, 60%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:90, html.auto .sf-c-txt-palevioletred\:90 { color: hsl(340, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:95, html.auto .sf-c-txt-palevioletred\:95 { color: hsl(340, 60%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:100, html.auto .sf-c-txt-palevioletred\:100 { color: hsl(340, 60%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:dark, html.auto .sf-c-txt-palevioletred\:dark { color: hsl(340, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:0\:dark, html.auto .sf-c-txt-palevioletred\:0\:dark { color: hsl(340, 60%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:5\:dark, html.auto .sf-c-txt-palevioletred\:5\:dark { color: hsl(340, 60%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:10\:dark, html.auto .sf-c-txt-palevioletred\:10\:dark { color: hsl(340, 60%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:15\:dark, html.auto .sf-c-txt-palevioletred\:15\:dark { color: hsl(340, 60%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:20\:dark, html.auto .sf-c-txt-palevioletred\:20\:dark { color: hsl(340, 60%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:25\:dark, html.auto .sf-c-txt-palevioletred\:25\:dark { color: hsl(340, 60%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:30\:dark, html.auto .sf-c-txt-palevioletred\:30\:dark { color: hsl(340, 60%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:35\:dark, html.auto .sf-c-txt-palevioletred\:35\:dark { color: hsl(340, 60%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:40\:dark, html.auto .sf-c-txt-palevioletred\:40\:dark { color: hsl(340, 60%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:45\:dark, html.auto .sf-c-txt-palevioletred\:45\:dark { color: hsl(340, 60%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:50\:dark, html.auto .sf-c-txt-palevioletred\:50\:dark { color: hsl(340, 60%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:55\:dark, html.auto .sf-c-txt-palevioletred\:55\:dark { color: hsl(340, 60%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:60\:dark, html.auto .sf-c-txt-palevioletred\:60\:dark { color: hsl(340, 60%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:65\:dark, html.auto .sf-c-txt-palevioletred\:65\:dark { color: hsl(340, 60%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:70\:dark, html.auto .sf-c-txt-palevioletred\:70\:dark { color: hsl(340, 60%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:75\:dark, html.auto .sf-c-txt-palevioletred\:75\:dark { color: hsl(340, 60%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:80\:dark, html.auto .sf-c-txt-palevioletred\:80\:dark { color: hsl(340, 60%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:85\:dark, html.auto .sf-c-txt-palevioletred\:85\:dark { color: hsl(340, 60%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:90\:dark, html.auto .sf-c-txt-palevioletred\:90\:dark { color: hsl(340, 60%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:95\:dark, html.auto .sf-c-txt-palevioletred\:95\:dark { color: hsl(340, 60%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-palevioletred\:100\:dark, html.auto .sf-c-txt-palevioletred\:100\:dark { color: hsl(340, 60%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/papayawhip.css b/src/colors/20/papayawhip.css index 082c8bc..10a73f9 100644 --- a/src/colors/20/papayawhip.css +++ b/src/colors/20/papayawhip.css @@ -138,6 +138,52 @@ html.var .sf-c-papayawhip\:90 { color: hsl(37, 100%, 5%); background: hsl(37, 10 html.var .sf-c-papayawhip\:95 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 95%) } html.var .sf-c-papayawhip\:100 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 100%) } +.sf-c-txt-papayawhip { color: hsl(var(--sf-dark-c-txt-papayawhip)) } +.sf-c-txt-papayawhip\:0 { color: hsl(var(--sf-dark-c-txt-papayawhip-100)) } +.sf-c-txt-papayawhip\:5 { color: hsl(var(--sf-dark-c-txt-papayawhip-95)) } +.sf-c-txt-papayawhip\:10 { color: hsl(var(--sf-dark-c-txt-papayawhip-90)) } +.sf-c-txt-papayawhip\:15 { color: hsl(var(--sf-dark-c-txt-papayawhip-85)) } +.sf-c-txt-papayawhip\:20 { color: hsl(var(--sf-dark-c-txt-papayawhip-80)) } +.sf-c-txt-papayawhip\:25 { color: hsl(var(--sf-dark-c-txt-papayawhip-75)) } +.sf-c-txt-papayawhip\:30 { color: hsl(var(--sf-dark-c-txt-papayawhip-70)) } +.sf-c-txt-papayawhip\:35 { color: hsl(var(--sf-dark-c-txt-papayawhip-65)) } +.sf-c-txt-papayawhip\:40 { color: hsl(var(--sf-dark-c-txt-papayawhip-60)) } +.sf-c-txt-papayawhip\:45 { color: hsl(var(--sf-dark-c-txt-papayawhip-55)) } +.sf-c-txt-papayawhip\:50 { color: hsl(var(--sf-dark-c-txt-papayawhip-50)) } +.sf-c-txt-papayawhip\:55 { color: hsl(var(--sf-dark-c-txt-papayawhip-45)) } +.sf-c-txt-papayawhip\:60 { color: hsl(var(--sf-dark-c-txt-papayawhip-40)) } +.sf-c-txt-papayawhip\:65 { color: hsl(var(--sf-dark-c-txt-papayawhip-35)) } +.sf-c-txt-papayawhip\:70 { color: hsl(var(--sf-dark-c-txt-papayawhip-30)) } +.sf-c-txt-papayawhip\:75 { color: hsl(var(--sf-dark-c-txt-papayawhip-25)) } +.sf-c-txt-papayawhip\:80 { color: hsl(var(--sf-dark-c-txt-papayawhip-20)) } +.sf-c-txt-papayawhip\:85 { color: hsl(var(--sf-dark-c-txt-papayawhip-15)) } +.sf-c-txt-papayawhip\:90 { color: hsl(var(--sf-dark-c-txt-papayawhip-10)) } +.sf-c-txt-papayawhip\:95 { color: hsl(var(--sf-dark-c-txt-papayawhip-5)) } +.sf-c-txt-papayawhip\:100 { color: hsl(var(--sf-dark-c-txt-papayawhip-0)) } + +html.var .sf-c-txt-papayawhip { color: hsl(37, 100%, 8%) } +html.var .sf-c-txt-papayawhip\:0 { color: hsl(37, 100%, 100%) } +html.var .sf-c-txt-papayawhip\:5 { color: hsl(37, 100%, 95%) } +html.var .sf-c-txt-papayawhip\:10 { color: hsl(37, 100%, 90%) } +html.var .sf-c-txt-papayawhip\:15 { color: hsl(37, 100%, 85%) } +html.var .sf-c-txt-papayawhip\:20 { color: hsl(37, 100%, 80%) } +html.var .sf-c-txt-papayawhip\:25 { color: hsl(37, 100%, 75%) } +html.var .sf-c-txt-papayawhip\:30 { color: hsl(37, 100%, 70%) } +html.var .sf-c-txt-papayawhip\:35 { color: hsl(37, 100%, 65%) } +html.var .sf-c-txt-papayawhip\:40 { color: hsl(37, 100%, 60%) } +html.var .sf-c-txt-papayawhip\:45 { color: hsl(37, 100%, 55%) } +html.var .sf-c-txt-papayawhip\:50 { color: hsl(37, 100%, 50%) } +html.var .sf-c-txt-papayawhip\:55 { color: hsl(37, 100%, 45%) } +html.var .sf-c-txt-papayawhip\:60 { color: hsl(37, 100%, 40%) } +html.var .sf-c-txt-papayawhip\:65 { color: hsl(37, 100%, 35%) } +html.var .sf-c-txt-papayawhip\:70 { color: hsl(37, 100%, 30%) } +html.var .sf-c-txt-papayawhip\:75 { color: hsl(37, 100%, 25%) } +html.var .sf-c-txt-papayawhip\:80 { color: hsl(37, 100%, 20%) } +html.var .sf-c-txt-papayawhip\:85 { color: hsl(37, 100%, 15%) } +html.var .sf-c-txt-papayawhip\:90 { color: hsl(37, 100%, 10%) } +html.var .sf-c-txt-papayawhip\:95 { color: hsl(37, 100%, 5%) } +html.var .sf-c-txt-papayawhip\:100 { color: hsl(37, 100%, 0%) } + html[data-theme='dark'] .sf-c-papayawhip, html.dark .sf-c-papayawhip { color: hsl(var(--sf-dark-c-txt-papayawhip-95)); background: hsl(var(--sf-dark-c-papayawhip)) } html[data-theme='dark'] .sf-c-papayawhip\:0, html.dark .sf-c-papayawhip\:0 { color: hsl(var(--sf-dark-c-txt-papayawhip-95)); background: hsl(var(--sf-dark-c-papayawhip-100)) } html[data-theme='dark'] .sf-c-papayawhip\:5, html.dark .sf-c-papayawhip\:5 { color: hsl(var(--sf-dark-c-txt-papayawhip-5)); background: hsl(var(--sf-dark-c-papayawhip-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-papayawhip\:90\:dark, html.dark .sf-c-papayawhip\: html[data-theme='dark'] .sf-c-papayawhip\:95\:dark, html.dark .sf-c-papayawhip\:95\:dark { color: hsl(var(--sf-c-txt-papayawhip-95)); background: hsl(var(--sf-c-papayawhip-5)) } html[data-theme='dark'] .sf-c-papayawhip\:100\:dark, html.dark .sf-c-papayawhip\:100\:dark { color: hsl(var(--sf-c-txt-papayawhip-95)); background: hsl(var(--sf-c-papayawhip-0)) } +html[data-theme='dark'] .sf-c-txt-papayawhip, html.dark .sf-c-txt-papayawhip { color: hsl(var(--sf-c-txt-papayawhip)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:0, html.dark .sf-c-txt-papayawhip\:0 { color: hsl(var(--sf-c-txt-papayawhip-0)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:5, html.dark .sf-c-txt-papayawhip\:5 { color: hsl(var(--sf-c-txt-papayawhip-5)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:10, html.dark .sf-c-txt-papayawhip\:10 { color: hsl(var(--sf-c-txt-papayawhip-10)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:15, html.dark .sf-c-txt-papayawhip\:15 { color: hsl(var(--sf-c-txt-papayawhip-15)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:20, html.dark .sf-c-txt-papayawhip\:20 { color: hsl(var(--sf-c-txt-papayawhip-20)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:25, html.dark .sf-c-txt-papayawhip\:25 { color: hsl(var(--sf-c-txt-papayawhip-25)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:30, html.dark .sf-c-txt-papayawhip\:30 { color: hsl(var(--sf-c-txt-papayawhip-30)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:35, html.dark .sf-c-txt-papayawhip\:35 { color: hsl(var(--sf-c-txt-papayawhip-35)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:40, html.dark .sf-c-txt-papayawhip\:40 { color: hsl(var(--sf-c-txt-papayawhip-40)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:45, html.dark .sf-c-txt-papayawhip\:45 { color: hsl(var(--sf-c-txt-papayawhip-45)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:50, html.dark .sf-c-txt-papayawhip\:50 { color: hsl(var(--sf-c-txt-papayawhip-50)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:55, html.dark .sf-c-txt-papayawhip\:55 { color: hsl(var(--sf-c-txt-papayawhip-55)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:60, html.dark .sf-c-txt-papayawhip\:60 { color: hsl(var(--sf-c-txt-papayawhip-60)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:65, html.dark .sf-c-txt-papayawhip\:65 { color: hsl(var(--sf-c-txt-papayawhip-65)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:70, html.dark .sf-c-txt-papayawhip\:70 { color: hsl(var(--sf-c-txt-papayawhip-70)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:75, html.dark .sf-c-txt-papayawhip\:75 { color: hsl(var(--sf-c-txt-papayawhip-75)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:80, html.dark .sf-c-txt-papayawhip\:80 { color: hsl(var(--sf-c-txt-papayawhip-80)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:85, html.dark .sf-c-txt-papayawhip\:85 { color: hsl(var(--sf-c-txt-papayawhip-85)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:90, html.dark .sf-c-txt-papayawhip\:90 { color: hsl(var(--sf-c-txt-papayawhip-90)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:95, html.dark .sf-c-txt-papayawhip\:95 { color: hsl(var(--sf-c-txt-papayawhip-95)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:100, html.dark .sf-c-txt-papayawhip\:100 { color: hsl(var(--sf-c-txt-papayawhip-100)) } + +html[data-theme='dark'] .sf-c-txt-papayawhip\:dark, html.dark .sf-c-txt-papayawhip\:dark { color: hsl(var(--sf-c-txt-papayawhip)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:0\:dark, html.dark .sf-c-txt-papayawhip\:0\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-0)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:5\:dark, html.dark .sf-c-txt-papayawhip\:5\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-5)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:10\:dark, html.dark .sf-c-txt-papayawhip\:10\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-10)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:15\:dark, html.dark .sf-c-txt-papayawhip\:15\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-15)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:20\:dark, html.dark .sf-c-txt-papayawhip\:20\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-20)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:25\:dark, html.dark .sf-c-txt-papayawhip\:25\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-25)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:30\:dark, html.dark .sf-c-txt-papayawhip\:30\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-30)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:35\:dark, html.dark .sf-c-txt-papayawhip\:35\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-35)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:40\:dark, html.dark .sf-c-txt-papayawhip\:40\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-40)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:45\:dark, html.dark .sf-c-txt-papayawhip\:45\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-45)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:50\:dark, html.dark .sf-c-txt-papayawhip\:50\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-50)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:55\:dark, html.dark .sf-c-txt-papayawhip\:55\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-55)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:60\:dark, html.dark .sf-c-txt-papayawhip\:60\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-60)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:65\:dark, html.dark .sf-c-txt-papayawhip\:65\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-65)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:70\:dark, html.dark .sf-c-txt-papayawhip\:70\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-70)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:75\:dark, html.dark .sf-c-txt-papayawhip\:75\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-75)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:80\:dark, html.dark .sf-c-txt-papayawhip\:80\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-80)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:85\:dark, html.dark .sf-c-txt-papayawhip\:85\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-85)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:90\:dark, html.dark .sf-c-txt-papayawhip\:90\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-90)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:95\:dark, html.dark .sf-c-txt-papayawhip\:95\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-95)) } +html[data-theme='dark'] .sf-c-txt-papayawhip\:100\:dark, html.dark .sf-c-txt-papayawhip\:100\:dark { color: hsl(var(--sf-dark-c-txt-papayawhip-100)) } + html.var[data-theme='dark'] .sf-c-papayawhip, html.var.dark .sf-c-papayawhip { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 8%) } html.var[data-theme='dark'] .sf-c-papayawhip\:0, html.var.dark .sf-c-papayawhip\:0 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 100%) } html.var[data-theme='dark'] .sf-c-papayawhip\:5, html.var.dark .sf-c-papayawhip\:5 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-papayawhip\:90\:dark, html.var.dark .sf-c-papa html.var[data-theme='dark'] .sf-c-papayawhip\:95\:dark, html.var.dark .sf-c-papayawhip\:95\:dark { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 5%) } html.var[data-theme='dark'] .sf-c-papayawhip\:100\:dark, html.var.dark .sf-c-papayawhip\:100\:dark { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip, html.dark .sf-c-txt-papayawhip { color: hsl(37, 100%, 92%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:0, html.dark .sf-c-txt-papayawhip\:0 { color: hsl(37, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:5, html.dark .sf-c-txt-papayawhip\:5 { color: hsl(37, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:10, html.dark .sf-c-txt-papayawhip\:10 { color: hsl(37, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:15, html.dark .sf-c-txt-papayawhip\:15 { color: hsl(37, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:20, html.dark .sf-c-txt-papayawhip\:20 { color: hsl(37, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:25, html.dark .sf-c-txt-papayawhip\:25 { color: hsl(37, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:30, html.dark .sf-c-txt-papayawhip\:30 { color: hsl(37, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:35, html.dark .sf-c-txt-papayawhip\:35 { color: hsl(37, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:40, html.dark .sf-c-txt-papayawhip\:40 { color: hsl(37, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:45, html.dark .sf-c-txt-papayawhip\:45 { color: hsl(37, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:50, html.dark .sf-c-txt-papayawhip\:50 { color: hsl(37, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:55, html.dark .sf-c-txt-papayawhip\:55 { color: hsl(37, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:60, html.dark .sf-c-txt-papayawhip\:60 { color: hsl(37, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:65, html.dark .sf-c-txt-papayawhip\:65 { color: hsl(37, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:70, html.dark .sf-c-txt-papayawhip\:70 { color: hsl(37, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:75, html.dark .sf-c-txt-papayawhip\:75 { color: hsl(37, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:80, html.dark .sf-c-txt-papayawhip\:80 { color: hsl(37, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:85, html.dark .sf-c-txt-papayawhip\:85 { color: hsl(37, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:90, html.dark .sf-c-txt-papayawhip\:90 { color: hsl(37, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:95, html.dark .sf-c-txt-papayawhip\:95 { color: hsl(37, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:100, html.dark .sf-c-txt-papayawhip\:100 { color: hsl(37, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:dark, html.dark .sf-c-txt-papayawhip\:dark { color: hsl(37, 100%, 92%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:0\:dark, html.dark .sf-c-txt-papayawhip\:0\:dark { color: hsl(37, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:5\:dark, html.dark .sf-c-txt-papayawhip\:5\:dark { color: hsl(37, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:10\:dark, html.dark .sf-c-txt-papayawhip\:10\:dark { color: hsl(37, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:15\:dark, html.dark .sf-c-txt-papayawhip\:15\:dark { color: hsl(37, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:20\:dark, html.dark .sf-c-txt-papayawhip\:20\:dark { color: hsl(37, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:25\:dark, html.dark .sf-c-txt-papayawhip\:25\:dark { color: hsl(37, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:30\:dark, html.dark .sf-c-txt-papayawhip\:30\:dark { color: hsl(37, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:35\:dark, html.dark .sf-c-txt-papayawhip\:35\:dark { color: hsl(37, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:40\:dark, html.dark .sf-c-txt-papayawhip\:40\:dark { color: hsl(37, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:45\:dark, html.dark .sf-c-txt-papayawhip\:45\:dark { color: hsl(37, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:50\:dark, html.dark .sf-c-txt-papayawhip\:50\:dark { color: hsl(37, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:55\:dark, html.dark .sf-c-txt-papayawhip\:55\:dark { color: hsl(37, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:60\:dark, html.dark .sf-c-txt-papayawhip\:60\:dark { color: hsl(37, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:65\:dark, html.dark .sf-c-txt-papayawhip\:65\:dark { color: hsl(37, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:70\:dark, html.dark .sf-c-txt-papayawhip\:70\:dark { color: hsl(37, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:75\:dark, html.dark .sf-c-txt-papayawhip\:75\:dark { color: hsl(37, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:80\:dark, html.dark .sf-c-txt-papayawhip\:80\:dark { color: hsl(37, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:85\:dark, html.dark .sf-c-txt-papayawhip\:85\:dark { color: hsl(37, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:90\:dark, html.dark .sf-c-txt-papayawhip\:90\:dark { color: hsl(37, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:95\:dark, html.dark .sf-c-txt-papayawhip\:95\:dark { color: hsl(37, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-papayawhip\:100\:dark, html.dark .sf-c-txt-papayawhip\:100\:dark { color: hsl(37, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-papayawhip, html.auto .sf-c-papayawhip { color: hsl(var(--sf-dark-c-txt-papayawhip-95)); background: hsl(var(--sf-dark-c-papayawhip)) } html[data-theme='auto'] .sf-c-papayawhip\:0, html.auto .sf-c-papayawhip\:0 { color: hsl(var(--sf-dark-c-txt-papayawhip-95)); background: hsl(var(--sf-dark-c-papayawhip-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-papayawhip\:100\:dark, html.var.dark .sf-c-pap html[data-theme='auto'] .sf-c-papayawhip\:95\:dark, html.auto .sf-c-papayawhip\:95\:dark { color: hsl(var(--sf-c-txt-papayawhip-95)); background: hsl(var(--sf-c-papayawhip-5)) } html[data-theme='auto'] .sf-c-papayawhip\:100\:dark, html.auto .sf-c-papayawhip\:100\:dark { color: hsl(var(--sf-c-txt-papayawhip-95)); background: hsl(var(--sf-c-papayawhip-0)) } + html[data-theme='auto'] .sf-c-txt-papayawhip, html.auto .sf-c-txt-papayawhip { color: hsl(var(--sf-c-txt-papayawhip)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:0, html.auto .sf-c-txt-papayawhip\:0 { color: hsl(var(--sf-c-txt-papayawhip-0)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:5, html.auto .sf-c-txt-papayawhip\:5 { color: hsl(var(--sf-c-txt-papayawhip-5)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:10, html.auto .sf-c-txt-papayawhip\:10 { color: hsl(var(--sf-c-txt-papayawhip-10)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:15, html.auto .sf-c-txt-papayawhip\:15 { color: hsl(var(--sf-c-txt-papayawhip-15)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:20, html.auto .sf-c-txt-papayawhip\:20 { color: hsl(var(--sf-c-txt-papayawhip-20)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:25, html.auto .sf-c-txt-papayawhip\:25 { color: hsl(var(--sf-c-txt-papayawhip-25)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:30, html.auto .sf-c-txt-papayawhip\:30 { color: hsl(var(--sf-c-txt-papayawhip-30)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:35, html.auto .sf-c-txt-papayawhip\:35 { color: hsl(var(--sf-c-txt-papayawhip-35)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:40, html.auto .sf-c-txt-papayawhip\:40 { color: hsl(var(--sf-c-txt-papayawhip-40)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:45, html.auto .sf-c-txt-papayawhip\:45 { color: hsl(var(--sf-c-txt-papayawhip-45)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:50, html.auto .sf-c-txt-papayawhip\:50 { color: hsl(var(--sf-c-txt-papayawhip-50)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:55, html.auto .sf-c-txt-papayawhip\:55 { color: hsl(var(--sf-c-txt-papayawhip-55)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:60, html.auto .sf-c-txt-papayawhip\:60 { color: hsl(var(--sf-c-txt-papayawhip-60)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:65, html.auto .sf-c-txt-papayawhip\:65 { color: hsl(var(--sf-c-txt-papayawhip-65)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:70, html.auto .sf-c-txt-papayawhip\:70 { color: hsl(var(--sf-c-txt-papayawhip-70)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:75, html.auto .sf-c-txt-papayawhip\:75 { color: hsl(var(--sf-c-txt-papayawhip-75)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:80, html.auto .sf-c-txt-papayawhip\:80 { color: hsl(var(--sf-c-txt-papayawhip-80)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:85, html.auto .sf-c-txt-papayawhip\:85 { color: hsl(var(--sf-c-txt-papayawhip-85)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:90, html.auto .sf-c-txt-papayawhip\:90 { color: hsl(var(--sf-c-txt-papayawhip-90)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:95, html.auto .sf-c-txt-papayawhip\:95 { color: hsl(var(--sf-c-txt-papayawhip-95)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:100, html.auto .sf-c-txt-papayawhip\:100 { color: hsl(var(--sf-c-txt-papayawhip-100)) } + + html[data-theme='auto'] .sf-c-txt-papayawhip\:dark, html.auto .sf-c-txt-papayawhip\:dark { color: hsl(var(--sf-c-txt-papayawhip)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:0\:dark, html.auto .sf-c-txt-papayawhip\:0\:dark { color: hsl(var(--sf-c-txt-papayawhip-0)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:5\:dark, html.auto .sf-c-txt-papayawhip\:5\:dark { color: hsl(var(--sf-c-txt-papayawhip-5)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:10\:dark, html.auto .sf-c-txt-papayawhip\:10\:dark { color: hsl(var(--sf-c-txt-papayawhip-10)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:15\:dark, html.auto .sf-c-txt-papayawhip\:15\:dark { color: hsl(var(--sf-c-txt-papayawhip-15)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:20\:dark, html.auto .sf-c-txt-papayawhip\:20\:dark { color: hsl(var(--sf-c-txt-papayawhip-20)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:25\:dark, html.auto .sf-c-txt-papayawhip\:25\:dark { color: hsl(var(--sf-c-txt-papayawhip-25)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:30\:dark, html.auto .sf-c-txt-papayawhip\:30\:dark { color: hsl(var(--sf-c-txt-papayawhip-30)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:35\:dark, html.auto .sf-c-txt-papayawhip\:35\:dark { color: hsl(var(--sf-c-txt-papayawhip-35)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:40\:dark, html.auto .sf-c-txt-papayawhip\:40\:dark { color: hsl(var(--sf-c-txt-papayawhip-40)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:45\:dark, html.auto .sf-c-txt-papayawhip\:45\:dark { color: hsl(var(--sf-c-txt-papayawhip-45)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:50\:dark, html.auto .sf-c-txt-papayawhip\:50\:dark { color: hsl(var(--sf-c-txt-papayawhip-50)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:55\:dark, html.auto .sf-c-txt-papayawhip\:55\:dark { color: hsl(var(--sf-c-txt-papayawhip-55)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:60\:dark, html.auto .sf-c-txt-papayawhip\:60\:dark { color: hsl(var(--sf-c-txt-papayawhip-60)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:65\:dark, html.auto .sf-c-txt-papayawhip\:65\:dark { color: hsl(var(--sf-c-txt-papayawhip-65)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:70\:dark, html.auto .sf-c-txt-papayawhip\:70\:dark { color: hsl(var(--sf-c-txt-papayawhip-70)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:75\:dark, html.auto .sf-c-txt-papayawhip\:75\:dark { color: hsl(var(--sf-c-txt-papayawhip-75)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:80\:dark, html.auto .sf-c-txt-papayawhip\:80\:dark { color: hsl(var(--sf-c-txt-papayawhip-80)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:85\:dark, html.auto .sf-c-txt-papayawhip\:85\:dark { color: hsl(var(--sf-c-txt-papayawhip-85)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:90\:dark, html.auto .sf-c-txt-papayawhip\:90\:dark { color: hsl(var(--sf-c-txt-papayawhip-90)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:95\:dark, html.auto .sf-c-txt-papayawhip\:95\:dark { color: hsl(var(--sf-c-txt-papayawhip-95)) } + html[data-theme='auto'] .sf-c-txt-papayawhip\:100\:dark, html.auto .sf-c-txt-papayawhip\:100\:dark { color: hsl(var(--sf-c-txt-papayawhip-100)) } + html.var[data-theme='auto'] .sf-c-papayawhip, html.var.auto .sf-c-papayawhip { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 8%) } html.var[data-theme='auto'] .sf-c-papayawhip\:0, html.var.auto .sf-c-papayawhip\:0 { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 100%) } html.var[data-theme='auto'] .sf-c-papayawhip\:5, html.var.auto .sf-c-papayawhip\:5 { color: hsl(37, 100%, 5%); background: hsl(37, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-papayawhip\:100\:dark, html.var.dark .sf-c-pap html.var[data-theme='auto'] .sf-c-papayawhip\:90\:dark, html.var.auto .sf-c-papayawhip\:90\:dark { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 10%) } html.var[data-theme='auto'] .sf-c-papayawhip\:95\:dark, html.var.auto .sf-c-papayawhip\:95\:dark { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 5%) } html.var[data-theme='auto'] .sf-c-papayawhip\:100\:dark, html.var.auto .sf-c-papayawhip\:100\:dark { color: hsl(37, 100%, 95%); background: hsl(37, 100%, 0%) } -} -.sf-c-txt-papayawhip { color: hsl(var(--sf-c-txt-papayawhip)) } -.sf-c-txt-papayawhip\:0 { color: hsl(var(--sf-c-txt-papayawhip-0)) } -.sf-c-txt-papayawhip\:5 { color: hsl(var(--sf-c-txt-papayawhip-5)) } -.sf-c-txt-papayawhip\:10 { color: hsl(var(--sf-c-txt-papayawhip-10)) } -.sf-c-txt-papayawhip\:15 { color: hsl(var(--sf-c-txt-papayawhip-15)) } -.sf-c-txt-papayawhip\:20 { color: hsl(var(--sf-c-txt-papayawhip-20)) } -.sf-c-txt-papayawhip\:25 { color: hsl(var(--sf-c-txt-papayawhip-25)) } -.sf-c-txt-papayawhip\:30 { color: hsl(var(--sf-c-txt-papayawhip-30)) } -.sf-c-txt-papayawhip\:35 { color: hsl(var(--sf-c-txt-papayawhip-35)) } -.sf-c-txt-papayawhip\:40 { color: hsl(var(--sf-c-txt-papayawhip-40)) } -.sf-c-txt-papayawhip\:45 { color: hsl(var(--sf-c-txt-papayawhip-45)) } -.sf-c-txt-papayawhip\:50 { color: hsl(var(--sf-c-txt-papayawhip-50)) } -.sf-c-txt-papayawhip\:55 { color: hsl(var(--sf-c-txt-papayawhip-55)) } -.sf-c-txt-papayawhip\:60 { color: hsl(var(--sf-c-txt-papayawhip-60)) } -.sf-c-txt-papayawhip\:65 { color: hsl(var(--sf-c-txt-papayawhip-65)) } -.sf-c-txt-papayawhip\:70 { color: hsl(var(--sf-c-txt-papayawhip-70)) } -.sf-c-txt-papayawhip\:75 { color: hsl(var(--sf-c-txt-papayawhip-75)) } -.sf-c-txt-papayawhip\:80 { color: hsl(var(--sf-c-txt-papayawhip-80)) } -.sf-c-txt-papayawhip\:85 { color: hsl(var(--sf-c-txt-papayawhip-85)) } -.sf-c-txt-papayawhip\:90 { color: hsl(var(--sf-c-txt-papayawhip-90)) } -.sf-c-txt-papayawhip\:95 { color: hsl(var(--sf-c-txt-papayawhip-95)) } -.sf-c-txt-papayawhip\:100 { color: hsl(var(--sf-c-txt-papayawhip-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-papayawhip, html.auto .sf-c-txt-papayawhip { color: hsl(37, 100%, 92%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:0, html.auto .sf-c-txt-papayawhip\:0 { color: hsl(37, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:5, html.auto .sf-c-txt-papayawhip\:5 { color: hsl(37, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:10, html.auto .sf-c-txt-papayawhip\:10 { color: hsl(37, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:15, html.auto .sf-c-txt-papayawhip\:15 { color: hsl(37, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:20, html.auto .sf-c-txt-papayawhip\:20 { color: hsl(37, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:25, html.auto .sf-c-txt-papayawhip\:25 { color: hsl(37, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:30, html.auto .sf-c-txt-papayawhip\:30 { color: hsl(37, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:35, html.auto .sf-c-txt-papayawhip\:35 { color: hsl(37, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:40, html.auto .sf-c-txt-papayawhip\:40 { color: hsl(37, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:45, html.auto .sf-c-txt-papayawhip\:45 { color: hsl(37, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:50, html.auto .sf-c-txt-papayawhip\:50 { color: hsl(37, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:55, html.auto .sf-c-txt-papayawhip\:55 { color: hsl(37, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:60, html.auto .sf-c-txt-papayawhip\:60 { color: hsl(37, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:65, html.auto .sf-c-txt-papayawhip\:65 { color: hsl(37, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:70, html.auto .sf-c-txt-papayawhip\:70 { color: hsl(37, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:75, html.auto .sf-c-txt-papayawhip\:75 { color: hsl(37, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:80, html.auto .sf-c-txt-papayawhip\:80 { color: hsl(37, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:85, html.auto .sf-c-txt-papayawhip\:85 { color: hsl(37, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:90, html.auto .sf-c-txt-papayawhip\:90 { color: hsl(37, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:95, html.auto .sf-c-txt-papayawhip\:95 { color: hsl(37, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:100, html.auto .sf-c-txt-papayawhip\:100 { color: hsl(37, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:dark, html.auto .sf-c-txt-papayawhip\:dark { color: hsl(37, 100%, 92%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:0\:dark, html.auto .sf-c-txt-papayawhip\:0\:dark { color: hsl(37, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:5\:dark, html.auto .sf-c-txt-papayawhip\:5\:dark { color: hsl(37, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:10\:dark, html.auto .sf-c-txt-papayawhip\:10\:dark { color: hsl(37, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:15\:dark, html.auto .sf-c-txt-papayawhip\:15\:dark { color: hsl(37, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:20\:dark, html.auto .sf-c-txt-papayawhip\:20\:dark { color: hsl(37, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:25\:dark, html.auto .sf-c-txt-papayawhip\:25\:dark { color: hsl(37, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:30\:dark, html.auto .sf-c-txt-papayawhip\:30\:dark { color: hsl(37, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:35\:dark, html.auto .sf-c-txt-papayawhip\:35\:dark { color: hsl(37, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:40\:dark, html.auto .sf-c-txt-papayawhip\:40\:dark { color: hsl(37, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:45\:dark, html.auto .sf-c-txt-papayawhip\:45\:dark { color: hsl(37, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:50\:dark, html.auto .sf-c-txt-papayawhip\:50\:dark { color: hsl(37, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:55\:dark, html.auto .sf-c-txt-papayawhip\:55\:dark { color: hsl(37, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:60\:dark, html.auto .sf-c-txt-papayawhip\:60\:dark { color: hsl(37, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:65\:dark, html.auto .sf-c-txt-papayawhip\:65\:dark { color: hsl(37, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:70\:dark, html.auto .sf-c-txt-papayawhip\:70\:dark { color: hsl(37, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:75\:dark, html.auto .sf-c-txt-papayawhip\:75\:dark { color: hsl(37, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:80\:dark, html.auto .sf-c-txt-papayawhip\:80\:dark { color: hsl(37, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:85\:dark, html.auto .sf-c-txt-papayawhip\:85\:dark { color: hsl(37, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:90\:dark, html.auto .sf-c-txt-papayawhip\:90\:dark { color: hsl(37, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:95\:dark, html.auto .sf-c-txt-papayawhip\:95\:dark { color: hsl(37, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-papayawhip\:100\:dark, html.auto .sf-c-txt-papayawhip\:100\:dark { color: hsl(37, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/peachpuff.css b/src/colors/20/peachpuff.css index 5d56814..0154e12 100644 --- a/src/colors/20/peachpuff.css +++ b/src/colors/20/peachpuff.css @@ -138,6 +138,52 @@ html.var .sf-c-peachpuff\:90 { color: hsl(28, 100%, 5%); background: hsl(28, 100 html.var .sf-c-peachpuff\:95 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 95%) } html.var .sf-c-peachpuff\:100 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 100%) } +.sf-c-txt-peachpuff { color: hsl(var(--sf-dark-c-txt-peachpuff)) } +.sf-c-txt-peachpuff\:0 { color: hsl(var(--sf-dark-c-txt-peachpuff-100)) } +.sf-c-txt-peachpuff\:5 { color: hsl(var(--sf-dark-c-txt-peachpuff-95)) } +.sf-c-txt-peachpuff\:10 { color: hsl(var(--sf-dark-c-txt-peachpuff-90)) } +.sf-c-txt-peachpuff\:15 { color: hsl(var(--sf-dark-c-txt-peachpuff-85)) } +.sf-c-txt-peachpuff\:20 { color: hsl(var(--sf-dark-c-txt-peachpuff-80)) } +.sf-c-txt-peachpuff\:25 { color: hsl(var(--sf-dark-c-txt-peachpuff-75)) } +.sf-c-txt-peachpuff\:30 { color: hsl(var(--sf-dark-c-txt-peachpuff-70)) } +.sf-c-txt-peachpuff\:35 { color: hsl(var(--sf-dark-c-txt-peachpuff-65)) } +.sf-c-txt-peachpuff\:40 { color: hsl(var(--sf-dark-c-txt-peachpuff-60)) } +.sf-c-txt-peachpuff\:45 { color: hsl(var(--sf-dark-c-txt-peachpuff-55)) } +.sf-c-txt-peachpuff\:50 { color: hsl(var(--sf-dark-c-txt-peachpuff-50)) } +.sf-c-txt-peachpuff\:55 { color: hsl(var(--sf-dark-c-txt-peachpuff-45)) } +.sf-c-txt-peachpuff\:60 { color: hsl(var(--sf-dark-c-txt-peachpuff-40)) } +.sf-c-txt-peachpuff\:65 { color: hsl(var(--sf-dark-c-txt-peachpuff-35)) } +.sf-c-txt-peachpuff\:70 { color: hsl(var(--sf-dark-c-txt-peachpuff-30)) } +.sf-c-txt-peachpuff\:75 { color: hsl(var(--sf-dark-c-txt-peachpuff-25)) } +.sf-c-txt-peachpuff\:80 { color: hsl(var(--sf-dark-c-txt-peachpuff-20)) } +.sf-c-txt-peachpuff\:85 { color: hsl(var(--sf-dark-c-txt-peachpuff-15)) } +.sf-c-txt-peachpuff\:90 { color: hsl(var(--sf-dark-c-txt-peachpuff-10)) } +.sf-c-txt-peachpuff\:95 { color: hsl(var(--sf-dark-c-txt-peachpuff-5)) } +.sf-c-txt-peachpuff\:100 { color: hsl(var(--sf-dark-c-txt-peachpuff-0)) } + +html.var .sf-c-txt-peachpuff { color: hsl(28, 100%, 14%) } +html.var .sf-c-txt-peachpuff\:0 { color: hsl(28, 100%, 100%) } +html.var .sf-c-txt-peachpuff\:5 { color: hsl(28, 100%, 95%) } +html.var .sf-c-txt-peachpuff\:10 { color: hsl(28, 100%, 90%) } +html.var .sf-c-txt-peachpuff\:15 { color: hsl(28, 100%, 85%) } +html.var .sf-c-txt-peachpuff\:20 { color: hsl(28, 100%, 80%) } +html.var .sf-c-txt-peachpuff\:25 { color: hsl(28, 100%, 75%) } +html.var .sf-c-txt-peachpuff\:30 { color: hsl(28, 100%, 70%) } +html.var .sf-c-txt-peachpuff\:35 { color: hsl(28, 100%, 65%) } +html.var .sf-c-txt-peachpuff\:40 { color: hsl(28, 100%, 60%) } +html.var .sf-c-txt-peachpuff\:45 { color: hsl(28, 100%, 55%) } +html.var .sf-c-txt-peachpuff\:50 { color: hsl(28, 100%, 50%) } +html.var .sf-c-txt-peachpuff\:55 { color: hsl(28, 100%, 45%) } +html.var .sf-c-txt-peachpuff\:60 { color: hsl(28, 100%, 40%) } +html.var .sf-c-txt-peachpuff\:65 { color: hsl(28, 100%, 35%) } +html.var .sf-c-txt-peachpuff\:70 { color: hsl(28, 100%, 30%) } +html.var .sf-c-txt-peachpuff\:75 { color: hsl(28, 100%, 25%) } +html.var .sf-c-txt-peachpuff\:80 { color: hsl(28, 100%, 20%) } +html.var .sf-c-txt-peachpuff\:85 { color: hsl(28, 100%, 15%) } +html.var .sf-c-txt-peachpuff\:90 { color: hsl(28, 100%, 10%) } +html.var .sf-c-txt-peachpuff\:95 { color: hsl(28, 100%, 5%) } +html.var .sf-c-txt-peachpuff\:100 { color: hsl(28, 100%, 0%) } + html[data-theme='dark'] .sf-c-peachpuff, html.dark .sf-c-peachpuff { color: hsl(var(--sf-dark-c-txt-peachpuff-95)); background: hsl(var(--sf-dark-c-peachpuff)) } html[data-theme='dark'] .sf-c-peachpuff\:0, html.dark .sf-c-peachpuff\:0 { color: hsl(var(--sf-dark-c-txt-peachpuff-95)); background: hsl(var(--sf-dark-c-peachpuff-100)) } html[data-theme='dark'] .sf-c-peachpuff\:5, html.dark .sf-c-peachpuff\:5 { color: hsl(var(--sf-dark-c-txt-peachpuff-5)); background: hsl(var(--sf-dark-c-peachpuff-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-peachpuff\:90\:dark, html.dark .sf-c-peachpuff\:90 html[data-theme='dark'] .sf-c-peachpuff\:95\:dark, html.dark .sf-c-peachpuff\:95\:dark { color: hsl(var(--sf-c-txt-peachpuff-95)); background: hsl(var(--sf-c-peachpuff-5)) } html[data-theme='dark'] .sf-c-peachpuff\:100\:dark, html.dark .sf-c-peachpuff\:100\:dark { color: hsl(var(--sf-c-txt-peachpuff-95)); background: hsl(var(--sf-c-peachpuff-0)) } +html[data-theme='dark'] .sf-c-txt-peachpuff, html.dark .sf-c-txt-peachpuff { color: hsl(var(--sf-c-txt-peachpuff)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:0, html.dark .sf-c-txt-peachpuff\:0 { color: hsl(var(--sf-c-txt-peachpuff-0)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:5, html.dark .sf-c-txt-peachpuff\:5 { color: hsl(var(--sf-c-txt-peachpuff-5)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:10, html.dark .sf-c-txt-peachpuff\:10 { color: hsl(var(--sf-c-txt-peachpuff-10)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:15, html.dark .sf-c-txt-peachpuff\:15 { color: hsl(var(--sf-c-txt-peachpuff-15)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:20, html.dark .sf-c-txt-peachpuff\:20 { color: hsl(var(--sf-c-txt-peachpuff-20)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:25, html.dark .sf-c-txt-peachpuff\:25 { color: hsl(var(--sf-c-txt-peachpuff-25)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:30, html.dark .sf-c-txt-peachpuff\:30 { color: hsl(var(--sf-c-txt-peachpuff-30)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:35, html.dark .sf-c-txt-peachpuff\:35 { color: hsl(var(--sf-c-txt-peachpuff-35)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:40, html.dark .sf-c-txt-peachpuff\:40 { color: hsl(var(--sf-c-txt-peachpuff-40)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:45, html.dark .sf-c-txt-peachpuff\:45 { color: hsl(var(--sf-c-txt-peachpuff-45)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:50, html.dark .sf-c-txt-peachpuff\:50 { color: hsl(var(--sf-c-txt-peachpuff-50)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:55, html.dark .sf-c-txt-peachpuff\:55 { color: hsl(var(--sf-c-txt-peachpuff-55)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:60, html.dark .sf-c-txt-peachpuff\:60 { color: hsl(var(--sf-c-txt-peachpuff-60)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:65, html.dark .sf-c-txt-peachpuff\:65 { color: hsl(var(--sf-c-txt-peachpuff-65)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:70, html.dark .sf-c-txt-peachpuff\:70 { color: hsl(var(--sf-c-txt-peachpuff-70)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:75, html.dark .sf-c-txt-peachpuff\:75 { color: hsl(var(--sf-c-txt-peachpuff-75)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:80, html.dark .sf-c-txt-peachpuff\:80 { color: hsl(var(--sf-c-txt-peachpuff-80)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:85, html.dark .sf-c-txt-peachpuff\:85 { color: hsl(var(--sf-c-txt-peachpuff-85)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:90, html.dark .sf-c-txt-peachpuff\:90 { color: hsl(var(--sf-c-txt-peachpuff-90)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:95, html.dark .sf-c-txt-peachpuff\:95 { color: hsl(var(--sf-c-txt-peachpuff-95)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:100, html.dark .sf-c-txt-peachpuff\:100 { color: hsl(var(--sf-c-txt-peachpuff-100)) } + +html[data-theme='dark'] .sf-c-txt-peachpuff\:dark, html.dark .sf-c-txt-peachpuff\:dark { color: hsl(var(--sf-c-txt-peachpuff)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:0\:dark, html.dark .sf-c-txt-peachpuff\:0\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-0)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:5\:dark, html.dark .sf-c-txt-peachpuff\:5\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-5)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:10\:dark, html.dark .sf-c-txt-peachpuff\:10\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-10)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:15\:dark, html.dark .sf-c-txt-peachpuff\:15\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-15)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:20\:dark, html.dark .sf-c-txt-peachpuff\:20\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-20)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:25\:dark, html.dark .sf-c-txt-peachpuff\:25\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-25)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:30\:dark, html.dark .sf-c-txt-peachpuff\:30\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-30)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:35\:dark, html.dark .sf-c-txt-peachpuff\:35\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-35)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:40\:dark, html.dark .sf-c-txt-peachpuff\:40\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-40)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:45\:dark, html.dark .sf-c-txt-peachpuff\:45\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-45)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:50\:dark, html.dark .sf-c-txt-peachpuff\:50\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-50)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:55\:dark, html.dark .sf-c-txt-peachpuff\:55\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-55)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:60\:dark, html.dark .sf-c-txt-peachpuff\:60\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-60)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:65\:dark, html.dark .sf-c-txt-peachpuff\:65\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-65)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:70\:dark, html.dark .sf-c-txt-peachpuff\:70\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-70)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:75\:dark, html.dark .sf-c-txt-peachpuff\:75\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-75)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:80\:dark, html.dark .sf-c-txt-peachpuff\:80\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-80)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:85\:dark, html.dark .sf-c-txt-peachpuff\:85\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-85)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:90\:dark, html.dark .sf-c-txt-peachpuff\:90\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-90)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:95\:dark, html.dark .sf-c-txt-peachpuff\:95\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-95)) } +html[data-theme='dark'] .sf-c-txt-peachpuff\:100\:dark, html.dark .sf-c-txt-peachpuff\:100\:dark { color: hsl(var(--sf-dark-c-txt-peachpuff-100)) } + html.var[data-theme='dark'] .sf-c-peachpuff, html.var.dark .sf-c-peachpuff { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 14%) } html.var[data-theme='dark'] .sf-c-peachpuff\:0, html.var.dark .sf-c-peachpuff\:0 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 100%) } html.var[data-theme='dark'] .sf-c-peachpuff\:5, html.var.dark .sf-c-peachpuff\:5 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-peachpuff\:90\:dark, html.var.dark .sf-c-peach html.var[data-theme='dark'] .sf-c-peachpuff\:95\:dark, html.var.dark .sf-c-peachpuff\:95\:dark { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 5%) } html.var[data-theme='dark'] .sf-c-peachpuff\:100\:dark, html.var.dark .sf-c-peachpuff\:100\:dark { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff, html.dark .sf-c-txt-peachpuff { color: hsl(28, 100%, 86%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:0, html.dark .sf-c-txt-peachpuff\:0 { color: hsl(28, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:5, html.dark .sf-c-txt-peachpuff\:5 { color: hsl(28, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:10, html.dark .sf-c-txt-peachpuff\:10 { color: hsl(28, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:15, html.dark .sf-c-txt-peachpuff\:15 { color: hsl(28, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:20, html.dark .sf-c-txt-peachpuff\:20 { color: hsl(28, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:25, html.dark .sf-c-txt-peachpuff\:25 { color: hsl(28, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:30, html.dark .sf-c-txt-peachpuff\:30 { color: hsl(28, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:35, html.dark .sf-c-txt-peachpuff\:35 { color: hsl(28, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:40, html.dark .sf-c-txt-peachpuff\:40 { color: hsl(28, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:45, html.dark .sf-c-txt-peachpuff\:45 { color: hsl(28, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:50, html.dark .sf-c-txt-peachpuff\:50 { color: hsl(28, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:55, html.dark .sf-c-txt-peachpuff\:55 { color: hsl(28, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:60, html.dark .sf-c-txt-peachpuff\:60 { color: hsl(28, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:65, html.dark .sf-c-txt-peachpuff\:65 { color: hsl(28, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:70, html.dark .sf-c-txt-peachpuff\:70 { color: hsl(28, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:75, html.dark .sf-c-txt-peachpuff\:75 { color: hsl(28, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:80, html.dark .sf-c-txt-peachpuff\:80 { color: hsl(28, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:85, html.dark .sf-c-txt-peachpuff\:85 { color: hsl(28, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:90, html.dark .sf-c-txt-peachpuff\:90 { color: hsl(28, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:95, html.dark .sf-c-txt-peachpuff\:95 { color: hsl(28, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:100, html.dark .sf-c-txt-peachpuff\:100 { color: hsl(28, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:dark, html.dark .sf-c-txt-peachpuff\:dark { color: hsl(28, 100%, 86%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:0\:dark, html.dark .sf-c-txt-peachpuff\:0\:dark { color: hsl(28, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:5\:dark, html.dark .sf-c-txt-peachpuff\:5\:dark { color: hsl(28, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:10\:dark, html.dark .sf-c-txt-peachpuff\:10\:dark { color: hsl(28, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:15\:dark, html.dark .sf-c-txt-peachpuff\:15\:dark { color: hsl(28, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:20\:dark, html.dark .sf-c-txt-peachpuff\:20\:dark { color: hsl(28, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:25\:dark, html.dark .sf-c-txt-peachpuff\:25\:dark { color: hsl(28, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:30\:dark, html.dark .sf-c-txt-peachpuff\:30\:dark { color: hsl(28, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:35\:dark, html.dark .sf-c-txt-peachpuff\:35\:dark { color: hsl(28, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:40\:dark, html.dark .sf-c-txt-peachpuff\:40\:dark { color: hsl(28, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:45\:dark, html.dark .sf-c-txt-peachpuff\:45\:dark { color: hsl(28, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:50\:dark, html.dark .sf-c-txt-peachpuff\:50\:dark { color: hsl(28, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:55\:dark, html.dark .sf-c-txt-peachpuff\:55\:dark { color: hsl(28, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:60\:dark, html.dark .sf-c-txt-peachpuff\:60\:dark { color: hsl(28, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:65\:dark, html.dark .sf-c-txt-peachpuff\:65\:dark { color: hsl(28, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:70\:dark, html.dark .sf-c-txt-peachpuff\:70\:dark { color: hsl(28, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:75\:dark, html.dark .sf-c-txt-peachpuff\:75\:dark { color: hsl(28, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:80\:dark, html.dark .sf-c-txt-peachpuff\:80\:dark { color: hsl(28, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:85\:dark, html.dark .sf-c-txt-peachpuff\:85\:dark { color: hsl(28, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:90\:dark, html.dark .sf-c-txt-peachpuff\:90\:dark { color: hsl(28, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:95\:dark, html.dark .sf-c-txt-peachpuff\:95\:dark { color: hsl(28, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-peachpuff\:100\:dark, html.dark .sf-c-txt-peachpuff\:100\:dark { color: hsl(28, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-peachpuff, html.auto .sf-c-peachpuff { color: hsl(var(--sf-dark-c-txt-peachpuff-95)); background: hsl(var(--sf-dark-c-peachpuff)) } html[data-theme='auto'] .sf-c-peachpuff\:0, html.auto .sf-c-peachpuff\:0 { color: hsl(var(--sf-dark-c-txt-peachpuff-95)); background: hsl(var(--sf-dark-c-peachpuff-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-peachpuff\:100\:dark, html.var.dark .sf-c-peac html[data-theme='auto'] .sf-c-peachpuff\:95\:dark, html.auto .sf-c-peachpuff\:95\:dark { color: hsl(var(--sf-c-txt-peachpuff-95)); background: hsl(var(--sf-c-peachpuff-5)) } html[data-theme='auto'] .sf-c-peachpuff\:100\:dark, html.auto .sf-c-peachpuff\:100\:dark { color: hsl(var(--sf-c-txt-peachpuff-95)); background: hsl(var(--sf-c-peachpuff-0)) } + html[data-theme='auto'] .sf-c-txt-peachpuff, html.auto .sf-c-txt-peachpuff { color: hsl(var(--sf-c-txt-peachpuff)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:0, html.auto .sf-c-txt-peachpuff\:0 { color: hsl(var(--sf-c-txt-peachpuff-0)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:5, html.auto .sf-c-txt-peachpuff\:5 { color: hsl(var(--sf-c-txt-peachpuff-5)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:10, html.auto .sf-c-txt-peachpuff\:10 { color: hsl(var(--sf-c-txt-peachpuff-10)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:15, html.auto .sf-c-txt-peachpuff\:15 { color: hsl(var(--sf-c-txt-peachpuff-15)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:20, html.auto .sf-c-txt-peachpuff\:20 { color: hsl(var(--sf-c-txt-peachpuff-20)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:25, html.auto .sf-c-txt-peachpuff\:25 { color: hsl(var(--sf-c-txt-peachpuff-25)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:30, html.auto .sf-c-txt-peachpuff\:30 { color: hsl(var(--sf-c-txt-peachpuff-30)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:35, html.auto .sf-c-txt-peachpuff\:35 { color: hsl(var(--sf-c-txt-peachpuff-35)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:40, html.auto .sf-c-txt-peachpuff\:40 { color: hsl(var(--sf-c-txt-peachpuff-40)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:45, html.auto .sf-c-txt-peachpuff\:45 { color: hsl(var(--sf-c-txt-peachpuff-45)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:50, html.auto .sf-c-txt-peachpuff\:50 { color: hsl(var(--sf-c-txt-peachpuff-50)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:55, html.auto .sf-c-txt-peachpuff\:55 { color: hsl(var(--sf-c-txt-peachpuff-55)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:60, html.auto .sf-c-txt-peachpuff\:60 { color: hsl(var(--sf-c-txt-peachpuff-60)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:65, html.auto .sf-c-txt-peachpuff\:65 { color: hsl(var(--sf-c-txt-peachpuff-65)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:70, html.auto .sf-c-txt-peachpuff\:70 { color: hsl(var(--sf-c-txt-peachpuff-70)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:75, html.auto .sf-c-txt-peachpuff\:75 { color: hsl(var(--sf-c-txt-peachpuff-75)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:80, html.auto .sf-c-txt-peachpuff\:80 { color: hsl(var(--sf-c-txt-peachpuff-80)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:85, html.auto .sf-c-txt-peachpuff\:85 { color: hsl(var(--sf-c-txt-peachpuff-85)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:90, html.auto .sf-c-txt-peachpuff\:90 { color: hsl(var(--sf-c-txt-peachpuff-90)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:95, html.auto .sf-c-txt-peachpuff\:95 { color: hsl(var(--sf-c-txt-peachpuff-95)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:100, html.auto .sf-c-txt-peachpuff\:100 { color: hsl(var(--sf-c-txt-peachpuff-100)) } + + html[data-theme='auto'] .sf-c-txt-peachpuff\:dark, html.auto .sf-c-txt-peachpuff\:dark { color: hsl(var(--sf-c-txt-peachpuff)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:0\:dark, html.auto .sf-c-txt-peachpuff\:0\:dark { color: hsl(var(--sf-c-txt-peachpuff-0)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:5\:dark, html.auto .sf-c-txt-peachpuff\:5\:dark { color: hsl(var(--sf-c-txt-peachpuff-5)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:10\:dark, html.auto .sf-c-txt-peachpuff\:10\:dark { color: hsl(var(--sf-c-txt-peachpuff-10)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:15\:dark, html.auto .sf-c-txt-peachpuff\:15\:dark { color: hsl(var(--sf-c-txt-peachpuff-15)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:20\:dark, html.auto .sf-c-txt-peachpuff\:20\:dark { color: hsl(var(--sf-c-txt-peachpuff-20)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:25\:dark, html.auto .sf-c-txt-peachpuff\:25\:dark { color: hsl(var(--sf-c-txt-peachpuff-25)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:30\:dark, html.auto .sf-c-txt-peachpuff\:30\:dark { color: hsl(var(--sf-c-txt-peachpuff-30)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:35\:dark, html.auto .sf-c-txt-peachpuff\:35\:dark { color: hsl(var(--sf-c-txt-peachpuff-35)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:40\:dark, html.auto .sf-c-txt-peachpuff\:40\:dark { color: hsl(var(--sf-c-txt-peachpuff-40)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:45\:dark, html.auto .sf-c-txt-peachpuff\:45\:dark { color: hsl(var(--sf-c-txt-peachpuff-45)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:50\:dark, html.auto .sf-c-txt-peachpuff\:50\:dark { color: hsl(var(--sf-c-txt-peachpuff-50)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:55\:dark, html.auto .sf-c-txt-peachpuff\:55\:dark { color: hsl(var(--sf-c-txt-peachpuff-55)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:60\:dark, html.auto .sf-c-txt-peachpuff\:60\:dark { color: hsl(var(--sf-c-txt-peachpuff-60)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:65\:dark, html.auto .sf-c-txt-peachpuff\:65\:dark { color: hsl(var(--sf-c-txt-peachpuff-65)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:70\:dark, html.auto .sf-c-txt-peachpuff\:70\:dark { color: hsl(var(--sf-c-txt-peachpuff-70)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:75\:dark, html.auto .sf-c-txt-peachpuff\:75\:dark { color: hsl(var(--sf-c-txt-peachpuff-75)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:80\:dark, html.auto .sf-c-txt-peachpuff\:80\:dark { color: hsl(var(--sf-c-txt-peachpuff-80)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:85\:dark, html.auto .sf-c-txt-peachpuff\:85\:dark { color: hsl(var(--sf-c-txt-peachpuff-85)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:90\:dark, html.auto .sf-c-txt-peachpuff\:90\:dark { color: hsl(var(--sf-c-txt-peachpuff-90)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:95\:dark, html.auto .sf-c-txt-peachpuff\:95\:dark { color: hsl(var(--sf-c-txt-peachpuff-95)) } + html[data-theme='auto'] .sf-c-txt-peachpuff\:100\:dark, html.auto .sf-c-txt-peachpuff\:100\:dark { color: hsl(var(--sf-c-txt-peachpuff-100)) } + html.var[data-theme='auto'] .sf-c-peachpuff, html.var.auto .sf-c-peachpuff { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 14%) } html.var[data-theme='auto'] .sf-c-peachpuff\:0, html.var.auto .sf-c-peachpuff\:0 { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 100%) } html.var[data-theme='auto'] .sf-c-peachpuff\:5, html.var.auto .sf-c-peachpuff\:5 { color: hsl(28, 100%, 5%); background: hsl(28, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-peachpuff\:100\:dark, html.var.dark .sf-c-peac html.var[data-theme='auto'] .sf-c-peachpuff\:90\:dark, html.var.auto .sf-c-peachpuff\:90\:dark { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 10%) } html.var[data-theme='auto'] .sf-c-peachpuff\:95\:dark, html.var.auto .sf-c-peachpuff\:95\:dark { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 5%) } html.var[data-theme='auto'] .sf-c-peachpuff\:100\:dark, html.var.auto .sf-c-peachpuff\:100\:dark { color: hsl(28, 100%, 95%); background: hsl(28, 100%, 0%) } -} -.sf-c-txt-peachpuff { color: hsl(var(--sf-c-txt-peachpuff)) } -.sf-c-txt-peachpuff\:0 { color: hsl(var(--sf-c-txt-peachpuff-0)) } -.sf-c-txt-peachpuff\:5 { color: hsl(var(--sf-c-txt-peachpuff-5)) } -.sf-c-txt-peachpuff\:10 { color: hsl(var(--sf-c-txt-peachpuff-10)) } -.sf-c-txt-peachpuff\:15 { color: hsl(var(--sf-c-txt-peachpuff-15)) } -.sf-c-txt-peachpuff\:20 { color: hsl(var(--sf-c-txt-peachpuff-20)) } -.sf-c-txt-peachpuff\:25 { color: hsl(var(--sf-c-txt-peachpuff-25)) } -.sf-c-txt-peachpuff\:30 { color: hsl(var(--sf-c-txt-peachpuff-30)) } -.sf-c-txt-peachpuff\:35 { color: hsl(var(--sf-c-txt-peachpuff-35)) } -.sf-c-txt-peachpuff\:40 { color: hsl(var(--sf-c-txt-peachpuff-40)) } -.sf-c-txt-peachpuff\:45 { color: hsl(var(--sf-c-txt-peachpuff-45)) } -.sf-c-txt-peachpuff\:50 { color: hsl(var(--sf-c-txt-peachpuff-50)) } -.sf-c-txt-peachpuff\:55 { color: hsl(var(--sf-c-txt-peachpuff-55)) } -.sf-c-txt-peachpuff\:60 { color: hsl(var(--sf-c-txt-peachpuff-60)) } -.sf-c-txt-peachpuff\:65 { color: hsl(var(--sf-c-txt-peachpuff-65)) } -.sf-c-txt-peachpuff\:70 { color: hsl(var(--sf-c-txt-peachpuff-70)) } -.sf-c-txt-peachpuff\:75 { color: hsl(var(--sf-c-txt-peachpuff-75)) } -.sf-c-txt-peachpuff\:80 { color: hsl(var(--sf-c-txt-peachpuff-80)) } -.sf-c-txt-peachpuff\:85 { color: hsl(var(--sf-c-txt-peachpuff-85)) } -.sf-c-txt-peachpuff\:90 { color: hsl(var(--sf-c-txt-peachpuff-90)) } -.sf-c-txt-peachpuff\:95 { color: hsl(var(--sf-c-txt-peachpuff-95)) } -.sf-c-txt-peachpuff\:100 { color: hsl(var(--sf-c-txt-peachpuff-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-peachpuff, html.auto .sf-c-txt-peachpuff { color: hsl(28, 100%, 86%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:0, html.auto .sf-c-txt-peachpuff\:0 { color: hsl(28, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:5, html.auto .sf-c-txt-peachpuff\:5 { color: hsl(28, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:10, html.auto .sf-c-txt-peachpuff\:10 { color: hsl(28, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:15, html.auto .sf-c-txt-peachpuff\:15 { color: hsl(28, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:20, html.auto .sf-c-txt-peachpuff\:20 { color: hsl(28, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:25, html.auto .sf-c-txt-peachpuff\:25 { color: hsl(28, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:30, html.auto .sf-c-txt-peachpuff\:30 { color: hsl(28, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:35, html.auto .sf-c-txt-peachpuff\:35 { color: hsl(28, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:40, html.auto .sf-c-txt-peachpuff\:40 { color: hsl(28, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:45, html.auto .sf-c-txt-peachpuff\:45 { color: hsl(28, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:50, html.auto .sf-c-txt-peachpuff\:50 { color: hsl(28, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:55, html.auto .sf-c-txt-peachpuff\:55 { color: hsl(28, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:60, html.auto .sf-c-txt-peachpuff\:60 { color: hsl(28, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:65, html.auto .sf-c-txt-peachpuff\:65 { color: hsl(28, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:70, html.auto .sf-c-txt-peachpuff\:70 { color: hsl(28, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:75, html.auto .sf-c-txt-peachpuff\:75 { color: hsl(28, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:80, html.auto .sf-c-txt-peachpuff\:80 { color: hsl(28, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:85, html.auto .sf-c-txt-peachpuff\:85 { color: hsl(28, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:90, html.auto .sf-c-txt-peachpuff\:90 { color: hsl(28, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:95, html.auto .sf-c-txt-peachpuff\:95 { color: hsl(28, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:100, html.auto .sf-c-txt-peachpuff\:100 { color: hsl(28, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:dark, html.auto .sf-c-txt-peachpuff\:dark { color: hsl(28, 100%, 86%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:0\:dark, html.auto .sf-c-txt-peachpuff\:0\:dark { color: hsl(28, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:5\:dark, html.auto .sf-c-txt-peachpuff\:5\:dark { color: hsl(28, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:10\:dark, html.auto .sf-c-txt-peachpuff\:10\:dark { color: hsl(28, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:15\:dark, html.auto .sf-c-txt-peachpuff\:15\:dark { color: hsl(28, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:20\:dark, html.auto .sf-c-txt-peachpuff\:20\:dark { color: hsl(28, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:25\:dark, html.auto .sf-c-txt-peachpuff\:25\:dark { color: hsl(28, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:30\:dark, html.auto .sf-c-txt-peachpuff\:30\:dark { color: hsl(28, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:35\:dark, html.auto .sf-c-txt-peachpuff\:35\:dark { color: hsl(28, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:40\:dark, html.auto .sf-c-txt-peachpuff\:40\:dark { color: hsl(28, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:45\:dark, html.auto .sf-c-txt-peachpuff\:45\:dark { color: hsl(28, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:50\:dark, html.auto .sf-c-txt-peachpuff\:50\:dark { color: hsl(28, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:55\:dark, html.auto .sf-c-txt-peachpuff\:55\:dark { color: hsl(28, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:60\:dark, html.auto .sf-c-txt-peachpuff\:60\:dark { color: hsl(28, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:65\:dark, html.auto .sf-c-txt-peachpuff\:65\:dark { color: hsl(28, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:70\:dark, html.auto .sf-c-txt-peachpuff\:70\:dark { color: hsl(28, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:75\:dark, html.auto .sf-c-txt-peachpuff\:75\:dark { color: hsl(28, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:80\:dark, html.auto .sf-c-txt-peachpuff\:80\:dark { color: hsl(28, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:85\:dark, html.auto .sf-c-txt-peachpuff\:85\:dark { color: hsl(28, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:90\:dark, html.auto .sf-c-txt-peachpuff\:90\:dark { color: hsl(28, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:95\:dark, html.auto .sf-c-txt-peachpuff\:95\:dark { color: hsl(28, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-peachpuff\:100\:dark, html.auto .sf-c-txt-peachpuff\:100\:dark { color: hsl(28, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/peru.css b/src/colors/20/peru.css index 281565e..4358ce1 100644 --- a/src/colors/20/peru.css +++ b/src/colors/20/peru.css @@ -138,6 +138,52 @@ html.var .sf-c-peru\:90 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 90%) html.var .sf-c-peru\:95 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 95%) } html.var .sf-c-peru\:100 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 100%) } +.sf-c-txt-peru { color: hsl(var(--sf-dark-c-txt-peru)) } +.sf-c-txt-peru\:0 { color: hsl(var(--sf-dark-c-txt-peru-100)) } +.sf-c-txt-peru\:5 { color: hsl(var(--sf-dark-c-txt-peru-95)) } +.sf-c-txt-peru\:10 { color: hsl(var(--sf-dark-c-txt-peru-90)) } +.sf-c-txt-peru\:15 { color: hsl(var(--sf-dark-c-txt-peru-85)) } +.sf-c-txt-peru\:20 { color: hsl(var(--sf-dark-c-txt-peru-80)) } +.sf-c-txt-peru\:25 { color: hsl(var(--sf-dark-c-txt-peru-75)) } +.sf-c-txt-peru\:30 { color: hsl(var(--sf-dark-c-txt-peru-70)) } +.sf-c-txt-peru\:35 { color: hsl(var(--sf-dark-c-txt-peru-65)) } +.sf-c-txt-peru\:40 { color: hsl(var(--sf-dark-c-txt-peru-60)) } +.sf-c-txt-peru\:45 { color: hsl(var(--sf-dark-c-txt-peru-55)) } +.sf-c-txt-peru\:50 { color: hsl(var(--sf-dark-c-txt-peru-50)) } +.sf-c-txt-peru\:55 { color: hsl(var(--sf-dark-c-txt-peru-45)) } +.sf-c-txt-peru\:60 { color: hsl(var(--sf-dark-c-txt-peru-40)) } +.sf-c-txt-peru\:65 { color: hsl(var(--sf-dark-c-txt-peru-35)) } +.sf-c-txt-peru\:70 { color: hsl(var(--sf-dark-c-txt-peru-30)) } +.sf-c-txt-peru\:75 { color: hsl(var(--sf-dark-c-txt-peru-25)) } +.sf-c-txt-peru\:80 { color: hsl(var(--sf-dark-c-txt-peru-20)) } +.sf-c-txt-peru\:85 { color: hsl(var(--sf-dark-c-txt-peru-15)) } +.sf-c-txt-peru\:90 { color: hsl(var(--sf-dark-c-txt-peru-10)) } +.sf-c-txt-peru\:95 { color: hsl(var(--sf-dark-c-txt-peru-5)) } +.sf-c-txt-peru\:100 { color: hsl(var(--sf-dark-c-txt-peru-0)) } + +html.var .sf-c-txt-peru { color: hsl(30, 59%, 47%) } +html.var .sf-c-txt-peru\:0 { color: hsl(30, 59%, 100%) } +html.var .sf-c-txt-peru\:5 { color: hsl(30, 59%, 95%) } +html.var .sf-c-txt-peru\:10 { color: hsl(30, 59%, 90%) } +html.var .sf-c-txt-peru\:15 { color: hsl(30, 59%, 85%) } +html.var .sf-c-txt-peru\:20 { color: hsl(30, 59%, 80%) } +html.var .sf-c-txt-peru\:25 { color: hsl(30, 59%, 75%) } +html.var .sf-c-txt-peru\:30 { color: hsl(30, 59%, 70%) } +html.var .sf-c-txt-peru\:35 { color: hsl(30, 59%, 65%) } +html.var .sf-c-txt-peru\:40 { color: hsl(30, 59%, 60%) } +html.var .sf-c-txt-peru\:45 { color: hsl(30, 59%, 55%) } +html.var .sf-c-txt-peru\:50 { color: hsl(30, 59%, 50%) } +html.var .sf-c-txt-peru\:55 { color: hsl(30, 59%, 45%) } +html.var .sf-c-txt-peru\:60 { color: hsl(30, 59%, 40%) } +html.var .sf-c-txt-peru\:65 { color: hsl(30, 59%, 35%) } +html.var .sf-c-txt-peru\:70 { color: hsl(30, 59%, 30%) } +html.var .sf-c-txt-peru\:75 { color: hsl(30, 59%, 25%) } +html.var .sf-c-txt-peru\:80 { color: hsl(30, 59%, 20%) } +html.var .sf-c-txt-peru\:85 { color: hsl(30, 59%, 15%) } +html.var .sf-c-txt-peru\:90 { color: hsl(30, 59%, 10%) } +html.var .sf-c-txt-peru\:95 { color: hsl(30, 59%, 5%) } +html.var .sf-c-txt-peru\:100 { color: hsl(30, 59%, 0%) } + html[data-theme='dark'] .sf-c-peru, html.dark .sf-c-peru { color: hsl(var(--sf-dark-c-txt-peru-95)); background: hsl(var(--sf-dark-c-peru)) } html[data-theme='dark'] .sf-c-peru\:0, html.dark .sf-c-peru\:0 { color: hsl(var(--sf-dark-c-txt-peru-95)); background: hsl(var(--sf-dark-c-peru-100)) } html[data-theme='dark'] .sf-c-peru\:5, html.dark .sf-c-peru\:5 { color: hsl(var(--sf-dark-c-txt-peru-5)); background: hsl(var(--sf-dark-c-peru-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-peru\:90\:dark, html.dark .sf-c-peru\:90\:dark { c html[data-theme='dark'] .sf-c-peru\:95\:dark, html.dark .sf-c-peru\:95\:dark { color: hsl(var(--sf-c-txt-peru-95)); background: hsl(var(--sf-c-peru-5)) } html[data-theme='dark'] .sf-c-peru\:100\:dark, html.dark .sf-c-peru\:100\:dark { color: hsl(var(--sf-c-txt-peru-95)); background: hsl(var(--sf-c-peru-0)) } +html[data-theme='dark'] .sf-c-txt-peru, html.dark .sf-c-txt-peru { color: hsl(var(--sf-c-txt-peru)) } +html[data-theme='dark'] .sf-c-txt-peru\:0, html.dark .sf-c-txt-peru\:0 { color: hsl(var(--sf-c-txt-peru-0)) } +html[data-theme='dark'] .sf-c-txt-peru\:5, html.dark .sf-c-txt-peru\:5 { color: hsl(var(--sf-c-txt-peru-5)) } +html[data-theme='dark'] .sf-c-txt-peru\:10, html.dark .sf-c-txt-peru\:10 { color: hsl(var(--sf-c-txt-peru-10)) } +html[data-theme='dark'] .sf-c-txt-peru\:15, html.dark .sf-c-txt-peru\:15 { color: hsl(var(--sf-c-txt-peru-15)) } +html[data-theme='dark'] .sf-c-txt-peru\:20, html.dark .sf-c-txt-peru\:20 { color: hsl(var(--sf-c-txt-peru-20)) } +html[data-theme='dark'] .sf-c-txt-peru\:25, html.dark .sf-c-txt-peru\:25 { color: hsl(var(--sf-c-txt-peru-25)) } +html[data-theme='dark'] .sf-c-txt-peru\:30, html.dark .sf-c-txt-peru\:30 { color: hsl(var(--sf-c-txt-peru-30)) } +html[data-theme='dark'] .sf-c-txt-peru\:35, html.dark .sf-c-txt-peru\:35 { color: hsl(var(--sf-c-txt-peru-35)) } +html[data-theme='dark'] .sf-c-txt-peru\:40, html.dark .sf-c-txt-peru\:40 { color: hsl(var(--sf-c-txt-peru-40)) } +html[data-theme='dark'] .sf-c-txt-peru\:45, html.dark .sf-c-txt-peru\:45 { color: hsl(var(--sf-c-txt-peru-45)) } +html[data-theme='dark'] .sf-c-txt-peru\:50, html.dark .sf-c-txt-peru\:50 { color: hsl(var(--sf-c-txt-peru-50)) } +html[data-theme='dark'] .sf-c-txt-peru\:55, html.dark .sf-c-txt-peru\:55 { color: hsl(var(--sf-c-txt-peru-55)) } +html[data-theme='dark'] .sf-c-txt-peru\:60, html.dark .sf-c-txt-peru\:60 { color: hsl(var(--sf-c-txt-peru-60)) } +html[data-theme='dark'] .sf-c-txt-peru\:65, html.dark .sf-c-txt-peru\:65 { color: hsl(var(--sf-c-txt-peru-65)) } +html[data-theme='dark'] .sf-c-txt-peru\:70, html.dark .sf-c-txt-peru\:70 { color: hsl(var(--sf-c-txt-peru-70)) } +html[data-theme='dark'] .sf-c-txt-peru\:75, html.dark .sf-c-txt-peru\:75 { color: hsl(var(--sf-c-txt-peru-75)) } +html[data-theme='dark'] .sf-c-txt-peru\:80, html.dark .sf-c-txt-peru\:80 { color: hsl(var(--sf-c-txt-peru-80)) } +html[data-theme='dark'] .sf-c-txt-peru\:85, html.dark .sf-c-txt-peru\:85 { color: hsl(var(--sf-c-txt-peru-85)) } +html[data-theme='dark'] .sf-c-txt-peru\:90, html.dark .sf-c-txt-peru\:90 { color: hsl(var(--sf-c-txt-peru-90)) } +html[data-theme='dark'] .sf-c-txt-peru\:95, html.dark .sf-c-txt-peru\:95 { color: hsl(var(--sf-c-txt-peru-95)) } +html[data-theme='dark'] .sf-c-txt-peru\:100, html.dark .sf-c-txt-peru\:100 { color: hsl(var(--sf-c-txt-peru-100)) } + +html[data-theme='dark'] .sf-c-txt-peru\:dark, html.dark .sf-c-txt-peru\:dark { color: hsl(var(--sf-c-txt-peru)) } +html[data-theme='dark'] .sf-c-txt-peru\:0\:dark, html.dark .sf-c-txt-peru\:0\:dark { color: hsl(var(--sf-dark-c-txt-peru-0)) } +html[data-theme='dark'] .sf-c-txt-peru\:5\:dark, html.dark .sf-c-txt-peru\:5\:dark { color: hsl(var(--sf-dark-c-txt-peru-5)) } +html[data-theme='dark'] .sf-c-txt-peru\:10\:dark, html.dark .sf-c-txt-peru\:10\:dark { color: hsl(var(--sf-dark-c-txt-peru-10)) } +html[data-theme='dark'] .sf-c-txt-peru\:15\:dark, html.dark .sf-c-txt-peru\:15\:dark { color: hsl(var(--sf-dark-c-txt-peru-15)) } +html[data-theme='dark'] .sf-c-txt-peru\:20\:dark, html.dark .sf-c-txt-peru\:20\:dark { color: hsl(var(--sf-dark-c-txt-peru-20)) } +html[data-theme='dark'] .sf-c-txt-peru\:25\:dark, html.dark .sf-c-txt-peru\:25\:dark { color: hsl(var(--sf-dark-c-txt-peru-25)) } +html[data-theme='dark'] .sf-c-txt-peru\:30\:dark, html.dark .sf-c-txt-peru\:30\:dark { color: hsl(var(--sf-dark-c-txt-peru-30)) } +html[data-theme='dark'] .sf-c-txt-peru\:35\:dark, html.dark .sf-c-txt-peru\:35\:dark { color: hsl(var(--sf-dark-c-txt-peru-35)) } +html[data-theme='dark'] .sf-c-txt-peru\:40\:dark, html.dark .sf-c-txt-peru\:40\:dark { color: hsl(var(--sf-dark-c-txt-peru-40)) } +html[data-theme='dark'] .sf-c-txt-peru\:45\:dark, html.dark .sf-c-txt-peru\:45\:dark { color: hsl(var(--sf-dark-c-txt-peru-45)) } +html[data-theme='dark'] .sf-c-txt-peru\:50\:dark, html.dark .sf-c-txt-peru\:50\:dark { color: hsl(var(--sf-dark-c-txt-peru-50)) } +html[data-theme='dark'] .sf-c-txt-peru\:55\:dark, html.dark .sf-c-txt-peru\:55\:dark { color: hsl(var(--sf-dark-c-txt-peru-55)) } +html[data-theme='dark'] .sf-c-txt-peru\:60\:dark, html.dark .sf-c-txt-peru\:60\:dark { color: hsl(var(--sf-dark-c-txt-peru-60)) } +html[data-theme='dark'] .sf-c-txt-peru\:65\:dark, html.dark .sf-c-txt-peru\:65\:dark { color: hsl(var(--sf-dark-c-txt-peru-65)) } +html[data-theme='dark'] .sf-c-txt-peru\:70\:dark, html.dark .sf-c-txt-peru\:70\:dark { color: hsl(var(--sf-dark-c-txt-peru-70)) } +html[data-theme='dark'] .sf-c-txt-peru\:75\:dark, html.dark .sf-c-txt-peru\:75\:dark { color: hsl(var(--sf-dark-c-txt-peru-75)) } +html[data-theme='dark'] .sf-c-txt-peru\:80\:dark, html.dark .sf-c-txt-peru\:80\:dark { color: hsl(var(--sf-dark-c-txt-peru-80)) } +html[data-theme='dark'] .sf-c-txt-peru\:85\:dark, html.dark .sf-c-txt-peru\:85\:dark { color: hsl(var(--sf-dark-c-txt-peru-85)) } +html[data-theme='dark'] .sf-c-txt-peru\:90\:dark, html.dark .sf-c-txt-peru\:90\:dark { color: hsl(var(--sf-dark-c-txt-peru-90)) } +html[data-theme='dark'] .sf-c-txt-peru\:95\:dark, html.dark .sf-c-txt-peru\:95\:dark { color: hsl(var(--sf-dark-c-txt-peru-95)) } +html[data-theme='dark'] .sf-c-txt-peru\:100\:dark, html.dark .sf-c-txt-peru\:100\:dark { color: hsl(var(--sf-dark-c-txt-peru-100)) } + html.var[data-theme='dark'] .sf-c-peru, html.var.dark .sf-c-peru { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 47%) } html.var[data-theme='dark'] .sf-c-peru\:0, html.var.dark .sf-c-peru\:0 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 100%) } html.var[data-theme='dark'] .sf-c-peru\:5, html.var.dark .sf-c-peru\:5 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-peru\:90\:dark, html.var.dark .sf-c-peru\:90\: html.var[data-theme='dark'] .sf-c-peru\:95\:dark, html.var.dark .sf-c-peru\:95\:dark { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 5%) } html.var[data-theme='dark'] .sf-c-peru\:100\:dark, html.var.dark .sf-c-peru\:100\:dark { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-peru, html.dark .sf-c-txt-peru { color: hsl(30, 59%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:0, html.dark .sf-c-txt-peru\:0 { color: hsl(30, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:5, html.dark .sf-c-txt-peru\:5 { color: hsl(30, 59%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:10, html.dark .sf-c-txt-peru\:10 { color: hsl(30, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:15, html.dark .sf-c-txt-peru\:15 { color: hsl(30, 59%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:20, html.dark .sf-c-txt-peru\:20 { color: hsl(30, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:25, html.dark .sf-c-txt-peru\:25 { color: hsl(30, 59%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:30, html.dark .sf-c-txt-peru\:30 { color: hsl(30, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:35, html.dark .sf-c-txt-peru\:35 { color: hsl(30, 59%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:40, html.dark .sf-c-txt-peru\:40 { color: hsl(30, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:45, html.dark .sf-c-txt-peru\:45 { color: hsl(30, 59%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:50, html.dark .sf-c-txt-peru\:50 { color: hsl(30, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:55, html.dark .sf-c-txt-peru\:55 { color: hsl(30, 59%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:60, html.dark .sf-c-txt-peru\:60 { color: hsl(30, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:65, html.dark .sf-c-txt-peru\:65 { color: hsl(30, 59%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:70, html.dark .sf-c-txt-peru\:70 { color: hsl(30, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:75, html.dark .sf-c-txt-peru\:75 { color: hsl(30, 59%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:80, html.dark .sf-c-txt-peru\:80 { color: hsl(30, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:85, html.dark .sf-c-txt-peru\:85 { color: hsl(30, 59%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:90, html.dark .sf-c-txt-peru\:90 { color: hsl(30, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:95, html.dark .sf-c-txt-peru\:95 { color: hsl(30, 59%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:100, html.dark .sf-c-txt-peru\:100 { color: hsl(30, 59%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-peru\:dark, html.dark .sf-c-txt-peru\:dark { color: hsl(30, 59%, 53%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:0\:dark, html.dark .sf-c-txt-peru\:0\:dark { color: hsl(30, 59%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:5\:dark, html.dark .sf-c-txt-peru\:5\:dark { color: hsl(30, 59%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:10\:dark, html.dark .sf-c-txt-peru\:10\:dark { color: hsl(30, 59%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:15\:dark, html.dark .sf-c-txt-peru\:15\:dark { color: hsl(30, 59%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:20\:dark, html.dark .sf-c-txt-peru\:20\:dark { color: hsl(30, 59%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:25\:dark, html.dark .sf-c-txt-peru\:25\:dark { color: hsl(30, 59%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:30\:dark, html.dark .sf-c-txt-peru\:30\:dark { color: hsl(30, 59%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:35\:dark, html.dark .sf-c-txt-peru\:35\:dark { color: hsl(30, 59%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:40\:dark, html.dark .sf-c-txt-peru\:40\:dark { color: hsl(30, 59%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:45\:dark, html.dark .sf-c-txt-peru\:45\:dark { color: hsl(30, 59%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:50\:dark, html.dark .sf-c-txt-peru\:50\:dark { color: hsl(30, 59%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:55\:dark, html.dark .sf-c-txt-peru\:55\:dark { color: hsl(30, 59%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:60\:dark, html.dark .sf-c-txt-peru\:60\:dark { color: hsl(30, 59%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:65\:dark, html.dark .sf-c-txt-peru\:65\:dark { color: hsl(30, 59%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:70\:dark, html.dark .sf-c-txt-peru\:70\:dark { color: hsl(30, 59%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:75\:dark, html.dark .sf-c-txt-peru\:75\:dark { color: hsl(30, 59%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:80\:dark, html.dark .sf-c-txt-peru\:80\:dark { color: hsl(30, 59%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:85\:dark, html.dark .sf-c-txt-peru\:85\:dark { color: hsl(30, 59%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:90\:dark, html.dark .sf-c-txt-peru\:90\:dark { color: hsl(30, 59%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:95\:dark, html.dark .sf-c-txt-peru\:95\:dark { color: hsl(30, 59%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-peru\:100\:dark, html.dark .sf-c-txt-peru\:100\:dark { color: hsl(30, 59%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-peru, html.auto .sf-c-peru { color: hsl(var(--sf-dark-c-txt-peru-95)); background: hsl(var(--sf-dark-c-peru)) } html[data-theme='auto'] .sf-c-peru\:0, html.auto .sf-c-peru\:0 { color: hsl(var(--sf-dark-c-txt-peru-95)); background: hsl(var(--sf-dark-c-peru-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-peru\:100\:dark, html.var.dark .sf-c-peru\:100 html[data-theme='auto'] .sf-c-peru\:95\:dark, html.auto .sf-c-peru\:95\:dark { color: hsl(var(--sf-c-txt-peru-95)); background: hsl(var(--sf-c-peru-5)) } html[data-theme='auto'] .sf-c-peru\:100\:dark, html.auto .sf-c-peru\:100\:dark { color: hsl(var(--sf-c-txt-peru-95)); background: hsl(var(--sf-c-peru-0)) } + html[data-theme='auto'] .sf-c-txt-peru, html.auto .sf-c-txt-peru { color: hsl(var(--sf-c-txt-peru)) } + html[data-theme='auto'] .sf-c-txt-peru\:0, html.auto .sf-c-txt-peru\:0 { color: hsl(var(--sf-c-txt-peru-0)) } + html[data-theme='auto'] .sf-c-txt-peru\:5, html.auto .sf-c-txt-peru\:5 { color: hsl(var(--sf-c-txt-peru-5)) } + html[data-theme='auto'] .sf-c-txt-peru\:10, html.auto .sf-c-txt-peru\:10 { color: hsl(var(--sf-c-txt-peru-10)) } + html[data-theme='auto'] .sf-c-txt-peru\:15, html.auto .sf-c-txt-peru\:15 { color: hsl(var(--sf-c-txt-peru-15)) } + html[data-theme='auto'] .sf-c-txt-peru\:20, html.auto .sf-c-txt-peru\:20 { color: hsl(var(--sf-c-txt-peru-20)) } + html[data-theme='auto'] .sf-c-txt-peru\:25, html.auto .sf-c-txt-peru\:25 { color: hsl(var(--sf-c-txt-peru-25)) } + html[data-theme='auto'] .sf-c-txt-peru\:30, html.auto .sf-c-txt-peru\:30 { color: hsl(var(--sf-c-txt-peru-30)) } + html[data-theme='auto'] .sf-c-txt-peru\:35, html.auto .sf-c-txt-peru\:35 { color: hsl(var(--sf-c-txt-peru-35)) } + html[data-theme='auto'] .sf-c-txt-peru\:40, html.auto .sf-c-txt-peru\:40 { color: hsl(var(--sf-c-txt-peru-40)) } + html[data-theme='auto'] .sf-c-txt-peru\:45, html.auto .sf-c-txt-peru\:45 { color: hsl(var(--sf-c-txt-peru-45)) } + html[data-theme='auto'] .sf-c-txt-peru\:50, html.auto .sf-c-txt-peru\:50 { color: hsl(var(--sf-c-txt-peru-50)) } + html[data-theme='auto'] .sf-c-txt-peru\:55, html.auto .sf-c-txt-peru\:55 { color: hsl(var(--sf-c-txt-peru-55)) } + html[data-theme='auto'] .sf-c-txt-peru\:60, html.auto .sf-c-txt-peru\:60 { color: hsl(var(--sf-c-txt-peru-60)) } + html[data-theme='auto'] .sf-c-txt-peru\:65, html.auto .sf-c-txt-peru\:65 { color: hsl(var(--sf-c-txt-peru-65)) } + html[data-theme='auto'] .sf-c-txt-peru\:70, html.auto .sf-c-txt-peru\:70 { color: hsl(var(--sf-c-txt-peru-70)) } + html[data-theme='auto'] .sf-c-txt-peru\:75, html.auto .sf-c-txt-peru\:75 { color: hsl(var(--sf-c-txt-peru-75)) } + html[data-theme='auto'] .sf-c-txt-peru\:80, html.auto .sf-c-txt-peru\:80 { color: hsl(var(--sf-c-txt-peru-80)) } + html[data-theme='auto'] .sf-c-txt-peru\:85, html.auto .sf-c-txt-peru\:85 { color: hsl(var(--sf-c-txt-peru-85)) } + html[data-theme='auto'] .sf-c-txt-peru\:90, html.auto .sf-c-txt-peru\:90 { color: hsl(var(--sf-c-txt-peru-90)) } + html[data-theme='auto'] .sf-c-txt-peru\:95, html.auto .sf-c-txt-peru\:95 { color: hsl(var(--sf-c-txt-peru-95)) } + html[data-theme='auto'] .sf-c-txt-peru\:100, html.auto .sf-c-txt-peru\:100 { color: hsl(var(--sf-c-txt-peru-100)) } + + html[data-theme='auto'] .sf-c-txt-peru\:dark, html.auto .sf-c-txt-peru\:dark { color: hsl(var(--sf-c-txt-peru)) } + html[data-theme='auto'] .sf-c-txt-peru\:0\:dark, html.auto .sf-c-txt-peru\:0\:dark { color: hsl(var(--sf-c-txt-peru-0)) } + html[data-theme='auto'] .sf-c-txt-peru\:5\:dark, html.auto .sf-c-txt-peru\:5\:dark { color: hsl(var(--sf-c-txt-peru-5)) } + html[data-theme='auto'] .sf-c-txt-peru\:10\:dark, html.auto .sf-c-txt-peru\:10\:dark { color: hsl(var(--sf-c-txt-peru-10)) } + html[data-theme='auto'] .sf-c-txt-peru\:15\:dark, html.auto .sf-c-txt-peru\:15\:dark { color: hsl(var(--sf-c-txt-peru-15)) } + html[data-theme='auto'] .sf-c-txt-peru\:20\:dark, html.auto .sf-c-txt-peru\:20\:dark { color: hsl(var(--sf-c-txt-peru-20)) } + html[data-theme='auto'] .sf-c-txt-peru\:25\:dark, html.auto .sf-c-txt-peru\:25\:dark { color: hsl(var(--sf-c-txt-peru-25)) } + html[data-theme='auto'] .sf-c-txt-peru\:30\:dark, html.auto .sf-c-txt-peru\:30\:dark { color: hsl(var(--sf-c-txt-peru-30)) } + html[data-theme='auto'] .sf-c-txt-peru\:35\:dark, html.auto .sf-c-txt-peru\:35\:dark { color: hsl(var(--sf-c-txt-peru-35)) } + html[data-theme='auto'] .sf-c-txt-peru\:40\:dark, html.auto .sf-c-txt-peru\:40\:dark { color: hsl(var(--sf-c-txt-peru-40)) } + html[data-theme='auto'] .sf-c-txt-peru\:45\:dark, html.auto .sf-c-txt-peru\:45\:dark { color: hsl(var(--sf-c-txt-peru-45)) } + html[data-theme='auto'] .sf-c-txt-peru\:50\:dark, html.auto .sf-c-txt-peru\:50\:dark { color: hsl(var(--sf-c-txt-peru-50)) } + html[data-theme='auto'] .sf-c-txt-peru\:55\:dark, html.auto .sf-c-txt-peru\:55\:dark { color: hsl(var(--sf-c-txt-peru-55)) } + html[data-theme='auto'] .sf-c-txt-peru\:60\:dark, html.auto .sf-c-txt-peru\:60\:dark { color: hsl(var(--sf-c-txt-peru-60)) } + html[data-theme='auto'] .sf-c-txt-peru\:65\:dark, html.auto .sf-c-txt-peru\:65\:dark { color: hsl(var(--sf-c-txt-peru-65)) } + html[data-theme='auto'] .sf-c-txt-peru\:70\:dark, html.auto .sf-c-txt-peru\:70\:dark { color: hsl(var(--sf-c-txt-peru-70)) } + html[data-theme='auto'] .sf-c-txt-peru\:75\:dark, html.auto .sf-c-txt-peru\:75\:dark { color: hsl(var(--sf-c-txt-peru-75)) } + html[data-theme='auto'] .sf-c-txt-peru\:80\:dark, html.auto .sf-c-txt-peru\:80\:dark { color: hsl(var(--sf-c-txt-peru-80)) } + html[data-theme='auto'] .sf-c-txt-peru\:85\:dark, html.auto .sf-c-txt-peru\:85\:dark { color: hsl(var(--sf-c-txt-peru-85)) } + html[data-theme='auto'] .sf-c-txt-peru\:90\:dark, html.auto .sf-c-txt-peru\:90\:dark { color: hsl(var(--sf-c-txt-peru-90)) } + html[data-theme='auto'] .sf-c-txt-peru\:95\:dark, html.auto .sf-c-txt-peru\:95\:dark { color: hsl(var(--sf-c-txt-peru-95)) } + html[data-theme='auto'] .sf-c-txt-peru\:100\:dark, html.auto .sf-c-txt-peru\:100\:dark { color: hsl(var(--sf-c-txt-peru-100)) } + html.var[data-theme='auto'] .sf-c-peru, html.var.auto .sf-c-peru { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 47%) } html.var[data-theme='auto'] .sf-c-peru\:0, html.var.auto .sf-c-peru\:0 { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 100%) } html.var[data-theme='auto'] .sf-c-peru\:5, html.var.auto .sf-c-peru\:5 { color: hsl(30, 59%, 5%); background: hsl(30, 59%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-peru\:100\:dark, html.var.dark .sf-c-peru\:100 html.var[data-theme='auto'] .sf-c-peru\:90\:dark, html.var.auto .sf-c-peru\:90\:dark { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 10%) } html.var[data-theme='auto'] .sf-c-peru\:95\:dark, html.var.auto .sf-c-peru\:95\:dark { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 5%) } html.var[data-theme='auto'] .sf-c-peru\:100\:dark, html.var.auto .sf-c-peru\:100\:dark { color: hsl(30, 59%, 95%); background: hsl(30, 59%, 0%) } -} -.sf-c-txt-peru { color: hsl(var(--sf-c-txt-peru)) } -.sf-c-txt-peru\:0 { color: hsl(var(--sf-c-txt-peru-0)) } -.sf-c-txt-peru\:5 { color: hsl(var(--sf-c-txt-peru-5)) } -.sf-c-txt-peru\:10 { color: hsl(var(--sf-c-txt-peru-10)) } -.sf-c-txt-peru\:15 { color: hsl(var(--sf-c-txt-peru-15)) } -.sf-c-txt-peru\:20 { color: hsl(var(--sf-c-txt-peru-20)) } -.sf-c-txt-peru\:25 { color: hsl(var(--sf-c-txt-peru-25)) } -.sf-c-txt-peru\:30 { color: hsl(var(--sf-c-txt-peru-30)) } -.sf-c-txt-peru\:35 { color: hsl(var(--sf-c-txt-peru-35)) } -.sf-c-txt-peru\:40 { color: hsl(var(--sf-c-txt-peru-40)) } -.sf-c-txt-peru\:45 { color: hsl(var(--sf-c-txt-peru-45)) } -.sf-c-txt-peru\:50 { color: hsl(var(--sf-c-txt-peru-50)) } -.sf-c-txt-peru\:55 { color: hsl(var(--sf-c-txt-peru-55)) } -.sf-c-txt-peru\:60 { color: hsl(var(--sf-c-txt-peru-60)) } -.sf-c-txt-peru\:65 { color: hsl(var(--sf-c-txt-peru-65)) } -.sf-c-txt-peru\:70 { color: hsl(var(--sf-c-txt-peru-70)) } -.sf-c-txt-peru\:75 { color: hsl(var(--sf-c-txt-peru-75)) } -.sf-c-txt-peru\:80 { color: hsl(var(--sf-c-txt-peru-80)) } -.sf-c-txt-peru\:85 { color: hsl(var(--sf-c-txt-peru-85)) } -.sf-c-txt-peru\:90 { color: hsl(var(--sf-c-txt-peru-90)) } -.sf-c-txt-peru\:95 { color: hsl(var(--sf-c-txt-peru-95)) } -.sf-c-txt-peru\:100 { color: hsl(var(--sf-c-txt-peru-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-peru, html.auto .sf-c-txt-peru { color: hsl(30, 59%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:0, html.auto .sf-c-txt-peru\:0 { color: hsl(30, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:5, html.auto .sf-c-txt-peru\:5 { color: hsl(30, 59%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:10, html.auto .sf-c-txt-peru\:10 { color: hsl(30, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:15, html.auto .sf-c-txt-peru\:15 { color: hsl(30, 59%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:20, html.auto .sf-c-txt-peru\:20 { color: hsl(30, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:25, html.auto .sf-c-txt-peru\:25 { color: hsl(30, 59%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:30, html.auto .sf-c-txt-peru\:30 { color: hsl(30, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:35, html.auto .sf-c-txt-peru\:35 { color: hsl(30, 59%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:40, html.auto .sf-c-txt-peru\:40 { color: hsl(30, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:45, html.auto .sf-c-txt-peru\:45 { color: hsl(30, 59%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:50, html.auto .sf-c-txt-peru\:50 { color: hsl(30, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:55, html.auto .sf-c-txt-peru\:55 { color: hsl(30, 59%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:60, html.auto .sf-c-txt-peru\:60 { color: hsl(30, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:65, html.auto .sf-c-txt-peru\:65 { color: hsl(30, 59%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:70, html.auto .sf-c-txt-peru\:70 { color: hsl(30, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:75, html.auto .sf-c-txt-peru\:75 { color: hsl(30, 59%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:80, html.auto .sf-c-txt-peru\:80 { color: hsl(30, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:85, html.auto .sf-c-txt-peru\:85 { color: hsl(30, 59%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:90, html.auto .sf-c-txt-peru\:90 { color: hsl(30, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:95, html.auto .sf-c-txt-peru\:95 { color: hsl(30, 59%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:100, html.auto .sf-c-txt-peru\:100 { color: hsl(30, 59%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-peru\:dark, html.auto .sf-c-txt-peru\:dark { color: hsl(30, 59%, 53%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:0\:dark, html.auto .sf-c-txt-peru\:0\:dark { color: hsl(30, 59%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:5\:dark, html.auto .sf-c-txt-peru\:5\:dark { color: hsl(30, 59%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:10\:dark, html.auto .sf-c-txt-peru\:10\:dark { color: hsl(30, 59%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:15\:dark, html.auto .sf-c-txt-peru\:15\:dark { color: hsl(30, 59%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:20\:dark, html.auto .sf-c-txt-peru\:20\:dark { color: hsl(30, 59%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:25\:dark, html.auto .sf-c-txt-peru\:25\:dark { color: hsl(30, 59%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:30\:dark, html.auto .sf-c-txt-peru\:30\:dark { color: hsl(30, 59%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:35\:dark, html.auto .sf-c-txt-peru\:35\:dark { color: hsl(30, 59%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:40\:dark, html.auto .sf-c-txt-peru\:40\:dark { color: hsl(30, 59%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:45\:dark, html.auto .sf-c-txt-peru\:45\:dark { color: hsl(30, 59%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:50\:dark, html.auto .sf-c-txt-peru\:50\:dark { color: hsl(30, 59%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:55\:dark, html.auto .sf-c-txt-peru\:55\:dark { color: hsl(30, 59%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:60\:dark, html.auto .sf-c-txt-peru\:60\:dark { color: hsl(30, 59%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:65\:dark, html.auto .sf-c-txt-peru\:65\:dark { color: hsl(30, 59%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:70\:dark, html.auto .sf-c-txt-peru\:70\:dark { color: hsl(30, 59%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:75\:dark, html.auto .sf-c-txt-peru\:75\:dark { color: hsl(30, 59%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:80\:dark, html.auto .sf-c-txt-peru\:80\:dark { color: hsl(30, 59%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:85\:dark, html.auto .sf-c-txt-peru\:85\:dark { color: hsl(30, 59%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:90\:dark, html.auto .sf-c-txt-peru\:90\:dark { color: hsl(30, 59%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:95\:dark, html.auto .sf-c-txt-peru\:95\:dark { color: hsl(30, 59%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-peru\:100\:dark, html.auto .sf-c-txt-peru\:100\:dark { color: hsl(30, 59%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/pink.css b/src/colors/20/pink.css index da8e92f..8a9aa76 100644 --- a/src/colors/20/pink.css +++ b/src/colors/20/pink.css @@ -138,6 +138,52 @@ html.var .sf-c-pink\:90 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, html.var .sf-c-pink\:95 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 95%) } html.var .sf-c-pink\:100 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 100%) } +.sf-c-txt-pink { color: hsl(var(--sf-dark-c-txt-pink)) } +.sf-c-txt-pink\:0 { color: hsl(var(--sf-dark-c-txt-pink-100)) } +.sf-c-txt-pink\:5 { color: hsl(var(--sf-dark-c-txt-pink-95)) } +.sf-c-txt-pink\:10 { color: hsl(var(--sf-dark-c-txt-pink-90)) } +.sf-c-txt-pink\:15 { color: hsl(var(--sf-dark-c-txt-pink-85)) } +.sf-c-txt-pink\:20 { color: hsl(var(--sf-dark-c-txt-pink-80)) } +.sf-c-txt-pink\:25 { color: hsl(var(--sf-dark-c-txt-pink-75)) } +.sf-c-txt-pink\:30 { color: hsl(var(--sf-dark-c-txt-pink-70)) } +.sf-c-txt-pink\:35 { color: hsl(var(--sf-dark-c-txt-pink-65)) } +.sf-c-txt-pink\:40 { color: hsl(var(--sf-dark-c-txt-pink-60)) } +.sf-c-txt-pink\:45 { color: hsl(var(--sf-dark-c-txt-pink-55)) } +.sf-c-txt-pink\:50 { color: hsl(var(--sf-dark-c-txt-pink-50)) } +.sf-c-txt-pink\:55 { color: hsl(var(--sf-dark-c-txt-pink-45)) } +.sf-c-txt-pink\:60 { color: hsl(var(--sf-dark-c-txt-pink-40)) } +.sf-c-txt-pink\:65 { color: hsl(var(--sf-dark-c-txt-pink-35)) } +.sf-c-txt-pink\:70 { color: hsl(var(--sf-dark-c-txt-pink-30)) } +.sf-c-txt-pink\:75 { color: hsl(var(--sf-dark-c-txt-pink-25)) } +.sf-c-txt-pink\:80 { color: hsl(var(--sf-dark-c-txt-pink-20)) } +.sf-c-txt-pink\:85 { color: hsl(var(--sf-dark-c-txt-pink-15)) } +.sf-c-txt-pink\:90 { color: hsl(var(--sf-dark-c-txt-pink-10)) } +.sf-c-txt-pink\:95 { color: hsl(var(--sf-dark-c-txt-pink-5)) } +.sf-c-txt-pink\:100 { color: hsl(var(--sf-dark-c-txt-pink-0)) } + +html.var .sf-c-txt-pink { color: hsl(350, 100%, 12%) } +html.var .sf-c-txt-pink\:0 { color: hsl(350, 100%, 100%) } +html.var .sf-c-txt-pink\:5 { color: hsl(350, 100%, 95%) } +html.var .sf-c-txt-pink\:10 { color: hsl(350, 100%, 90%) } +html.var .sf-c-txt-pink\:15 { color: hsl(350, 100%, 85%) } +html.var .sf-c-txt-pink\:20 { color: hsl(350, 100%, 80%) } +html.var .sf-c-txt-pink\:25 { color: hsl(350, 100%, 75%) } +html.var .sf-c-txt-pink\:30 { color: hsl(350, 100%, 70%) } +html.var .sf-c-txt-pink\:35 { color: hsl(350, 100%, 65%) } +html.var .sf-c-txt-pink\:40 { color: hsl(350, 100%, 60%) } +html.var .sf-c-txt-pink\:45 { color: hsl(350, 100%, 55%) } +html.var .sf-c-txt-pink\:50 { color: hsl(350, 100%, 50%) } +html.var .sf-c-txt-pink\:55 { color: hsl(350, 100%, 45%) } +html.var .sf-c-txt-pink\:60 { color: hsl(350, 100%, 40%) } +html.var .sf-c-txt-pink\:65 { color: hsl(350, 100%, 35%) } +html.var .sf-c-txt-pink\:70 { color: hsl(350, 100%, 30%) } +html.var .sf-c-txt-pink\:75 { color: hsl(350, 100%, 25%) } +html.var .sf-c-txt-pink\:80 { color: hsl(350, 100%, 20%) } +html.var .sf-c-txt-pink\:85 { color: hsl(350, 100%, 15%) } +html.var .sf-c-txt-pink\:90 { color: hsl(350, 100%, 10%) } +html.var .sf-c-txt-pink\:95 { color: hsl(350, 100%, 5%) } +html.var .sf-c-txt-pink\:100 { color: hsl(350, 100%, 0%) } + html[data-theme='dark'] .sf-c-pink, html.dark .sf-c-pink { color: hsl(var(--sf-dark-c-txt-pink-95)); background: hsl(var(--sf-dark-c-pink)) } html[data-theme='dark'] .sf-c-pink\:0, html.dark .sf-c-pink\:0 { color: hsl(var(--sf-dark-c-txt-pink-95)); background: hsl(var(--sf-dark-c-pink-100)) } html[data-theme='dark'] .sf-c-pink\:5, html.dark .sf-c-pink\:5 { color: hsl(var(--sf-dark-c-txt-pink-5)); background: hsl(var(--sf-dark-c-pink-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-pink\:90\:dark, html.dark .sf-c-pink\:90\:dark { c html[data-theme='dark'] .sf-c-pink\:95\:dark, html.dark .sf-c-pink\:95\:dark { color: hsl(var(--sf-c-txt-pink-95)); background: hsl(var(--sf-c-pink-5)) } html[data-theme='dark'] .sf-c-pink\:100\:dark, html.dark .sf-c-pink\:100\:dark { color: hsl(var(--sf-c-txt-pink-95)); background: hsl(var(--sf-c-pink-0)) } +html[data-theme='dark'] .sf-c-txt-pink, html.dark .sf-c-txt-pink { color: hsl(var(--sf-c-txt-pink)) } +html[data-theme='dark'] .sf-c-txt-pink\:0, html.dark .sf-c-txt-pink\:0 { color: hsl(var(--sf-c-txt-pink-0)) } +html[data-theme='dark'] .sf-c-txt-pink\:5, html.dark .sf-c-txt-pink\:5 { color: hsl(var(--sf-c-txt-pink-5)) } +html[data-theme='dark'] .sf-c-txt-pink\:10, html.dark .sf-c-txt-pink\:10 { color: hsl(var(--sf-c-txt-pink-10)) } +html[data-theme='dark'] .sf-c-txt-pink\:15, html.dark .sf-c-txt-pink\:15 { color: hsl(var(--sf-c-txt-pink-15)) } +html[data-theme='dark'] .sf-c-txt-pink\:20, html.dark .sf-c-txt-pink\:20 { color: hsl(var(--sf-c-txt-pink-20)) } +html[data-theme='dark'] .sf-c-txt-pink\:25, html.dark .sf-c-txt-pink\:25 { color: hsl(var(--sf-c-txt-pink-25)) } +html[data-theme='dark'] .sf-c-txt-pink\:30, html.dark .sf-c-txt-pink\:30 { color: hsl(var(--sf-c-txt-pink-30)) } +html[data-theme='dark'] .sf-c-txt-pink\:35, html.dark .sf-c-txt-pink\:35 { color: hsl(var(--sf-c-txt-pink-35)) } +html[data-theme='dark'] .sf-c-txt-pink\:40, html.dark .sf-c-txt-pink\:40 { color: hsl(var(--sf-c-txt-pink-40)) } +html[data-theme='dark'] .sf-c-txt-pink\:45, html.dark .sf-c-txt-pink\:45 { color: hsl(var(--sf-c-txt-pink-45)) } +html[data-theme='dark'] .sf-c-txt-pink\:50, html.dark .sf-c-txt-pink\:50 { color: hsl(var(--sf-c-txt-pink-50)) } +html[data-theme='dark'] .sf-c-txt-pink\:55, html.dark .sf-c-txt-pink\:55 { color: hsl(var(--sf-c-txt-pink-55)) } +html[data-theme='dark'] .sf-c-txt-pink\:60, html.dark .sf-c-txt-pink\:60 { color: hsl(var(--sf-c-txt-pink-60)) } +html[data-theme='dark'] .sf-c-txt-pink\:65, html.dark .sf-c-txt-pink\:65 { color: hsl(var(--sf-c-txt-pink-65)) } +html[data-theme='dark'] .sf-c-txt-pink\:70, html.dark .sf-c-txt-pink\:70 { color: hsl(var(--sf-c-txt-pink-70)) } +html[data-theme='dark'] .sf-c-txt-pink\:75, html.dark .sf-c-txt-pink\:75 { color: hsl(var(--sf-c-txt-pink-75)) } +html[data-theme='dark'] .sf-c-txt-pink\:80, html.dark .sf-c-txt-pink\:80 { color: hsl(var(--sf-c-txt-pink-80)) } +html[data-theme='dark'] .sf-c-txt-pink\:85, html.dark .sf-c-txt-pink\:85 { color: hsl(var(--sf-c-txt-pink-85)) } +html[data-theme='dark'] .sf-c-txt-pink\:90, html.dark .sf-c-txt-pink\:90 { color: hsl(var(--sf-c-txt-pink-90)) } +html[data-theme='dark'] .sf-c-txt-pink\:95, html.dark .sf-c-txt-pink\:95 { color: hsl(var(--sf-c-txt-pink-95)) } +html[data-theme='dark'] .sf-c-txt-pink\:100, html.dark .sf-c-txt-pink\:100 { color: hsl(var(--sf-c-txt-pink-100)) } + +html[data-theme='dark'] .sf-c-txt-pink\:dark, html.dark .sf-c-txt-pink\:dark { color: hsl(var(--sf-c-txt-pink)) } +html[data-theme='dark'] .sf-c-txt-pink\:0\:dark, html.dark .sf-c-txt-pink\:0\:dark { color: hsl(var(--sf-dark-c-txt-pink-0)) } +html[data-theme='dark'] .sf-c-txt-pink\:5\:dark, html.dark .sf-c-txt-pink\:5\:dark { color: hsl(var(--sf-dark-c-txt-pink-5)) } +html[data-theme='dark'] .sf-c-txt-pink\:10\:dark, html.dark .sf-c-txt-pink\:10\:dark { color: hsl(var(--sf-dark-c-txt-pink-10)) } +html[data-theme='dark'] .sf-c-txt-pink\:15\:dark, html.dark .sf-c-txt-pink\:15\:dark { color: hsl(var(--sf-dark-c-txt-pink-15)) } +html[data-theme='dark'] .sf-c-txt-pink\:20\:dark, html.dark .sf-c-txt-pink\:20\:dark { color: hsl(var(--sf-dark-c-txt-pink-20)) } +html[data-theme='dark'] .sf-c-txt-pink\:25\:dark, html.dark .sf-c-txt-pink\:25\:dark { color: hsl(var(--sf-dark-c-txt-pink-25)) } +html[data-theme='dark'] .sf-c-txt-pink\:30\:dark, html.dark .sf-c-txt-pink\:30\:dark { color: hsl(var(--sf-dark-c-txt-pink-30)) } +html[data-theme='dark'] .sf-c-txt-pink\:35\:dark, html.dark .sf-c-txt-pink\:35\:dark { color: hsl(var(--sf-dark-c-txt-pink-35)) } +html[data-theme='dark'] .sf-c-txt-pink\:40\:dark, html.dark .sf-c-txt-pink\:40\:dark { color: hsl(var(--sf-dark-c-txt-pink-40)) } +html[data-theme='dark'] .sf-c-txt-pink\:45\:dark, html.dark .sf-c-txt-pink\:45\:dark { color: hsl(var(--sf-dark-c-txt-pink-45)) } +html[data-theme='dark'] .sf-c-txt-pink\:50\:dark, html.dark .sf-c-txt-pink\:50\:dark { color: hsl(var(--sf-dark-c-txt-pink-50)) } +html[data-theme='dark'] .sf-c-txt-pink\:55\:dark, html.dark .sf-c-txt-pink\:55\:dark { color: hsl(var(--sf-dark-c-txt-pink-55)) } +html[data-theme='dark'] .sf-c-txt-pink\:60\:dark, html.dark .sf-c-txt-pink\:60\:dark { color: hsl(var(--sf-dark-c-txt-pink-60)) } +html[data-theme='dark'] .sf-c-txt-pink\:65\:dark, html.dark .sf-c-txt-pink\:65\:dark { color: hsl(var(--sf-dark-c-txt-pink-65)) } +html[data-theme='dark'] .sf-c-txt-pink\:70\:dark, html.dark .sf-c-txt-pink\:70\:dark { color: hsl(var(--sf-dark-c-txt-pink-70)) } +html[data-theme='dark'] .sf-c-txt-pink\:75\:dark, html.dark .sf-c-txt-pink\:75\:dark { color: hsl(var(--sf-dark-c-txt-pink-75)) } +html[data-theme='dark'] .sf-c-txt-pink\:80\:dark, html.dark .sf-c-txt-pink\:80\:dark { color: hsl(var(--sf-dark-c-txt-pink-80)) } +html[data-theme='dark'] .sf-c-txt-pink\:85\:dark, html.dark .sf-c-txt-pink\:85\:dark { color: hsl(var(--sf-dark-c-txt-pink-85)) } +html[data-theme='dark'] .sf-c-txt-pink\:90\:dark, html.dark .sf-c-txt-pink\:90\:dark { color: hsl(var(--sf-dark-c-txt-pink-90)) } +html[data-theme='dark'] .sf-c-txt-pink\:95\:dark, html.dark .sf-c-txt-pink\:95\:dark { color: hsl(var(--sf-dark-c-txt-pink-95)) } +html[data-theme='dark'] .sf-c-txt-pink\:100\:dark, html.dark .sf-c-txt-pink\:100\:dark { color: hsl(var(--sf-dark-c-txt-pink-100)) } + html.var[data-theme='dark'] .sf-c-pink, html.var.dark .sf-c-pink { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 12%) } html.var[data-theme='dark'] .sf-c-pink\:0, html.var.dark .sf-c-pink\:0 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 100%) } html.var[data-theme='dark'] .sf-c-pink\:5, html.var.dark .sf-c-pink\:5 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-pink\:90\:dark, html.var.dark .sf-c-pink\:90\: html.var[data-theme='dark'] .sf-c-pink\:95\:dark, html.var.dark .sf-c-pink\:95\:dark { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 5%) } html.var[data-theme='dark'] .sf-c-pink\:100\:dark, html.var.dark .sf-c-pink\:100\:dark { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-pink, html.dark .sf-c-txt-pink { color: hsl(350, 100%, 88%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:0, html.dark .sf-c-txt-pink\:0 { color: hsl(350, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:5, html.dark .sf-c-txt-pink\:5 { color: hsl(350, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:10, html.dark .sf-c-txt-pink\:10 { color: hsl(350, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:15, html.dark .sf-c-txt-pink\:15 { color: hsl(350, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:20, html.dark .sf-c-txt-pink\:20 { color: hsl(350, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:25, html.dark .sf-c-txt-pink\:25 { color: hsl(350, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:30, html.dark .sf-c-txt-pink\:30 { color: hsl(350, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:35, html.dark .sf-c-txt-pink\:35 { color: hsl(350, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:40, html.dark .sf-c-txt-pink\:40 { color: hsl(350, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:45, html.dark .sf-c-txt-pink\:45 { color: hsl(350, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:50, html.dark .sf-c-txt-pink\:50 { color: hsl(350, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:55, html.dark .sf-c-txt-pink\:55 { color: hsl(350, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:60, html.dark .sf-c-txt-pink\:60 { color: hsl(350, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:65, html.dark .sf-c-txt-pink\:65 { color: hsl(350, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:70, html.dark .sf-c-txt-pink\:70 { color: hsl(350, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:75, html.dark .sf-c-txt-pink\:75 { color: hsl(350, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:80, html.dark .sf-c-txt-pink\:80 { color: hsl(350, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:85, html.dark .sf-c-txt-pink\:85 { color: hsl(350, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:90, html.dark .sf-c-txt-pink\:90 { color: hsl(350, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:95, html.dark .sf-c-txt-pink\:95 { color: hsl(350, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:100, html.dark .sf-c-txt-pink\:100 { color: hsl(350, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-pink\:dark, html.dark .sf-c-txt-pink\:dark { color: hsl(350, 100%, 88%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:0\:dark, html.dark .sf-c-txt-pink\:0\:dark { color: hsl(350, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:5\:dark, html.dark .sf-c-txt-pink\:5\:dark { color: hsl(350, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:10\:dark, html.dark .sf-c-txt-pink\:10\:dark { color: hsl(350, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:15\:dark, html.dark .sf-c-txt-pink\:15\:dark { color: hsl(350, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:20\:dark, html.dark .sf-c-txt-pink\:20\:dark { color: hsl(350, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:25\:dark, html.dark .sf-c-txt-pink\:25\:dark { color: hsl(350, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:30\:dark, html.dark .sf-c-txt-pink\:30\:dark { color: hsl(350, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:35\:dark, html.dark .sf-c-txt-pink\:35\:dark { color: hsl(350, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:40\:dark, html.dark .sf-c-txt-pink\:40\:dark { color: hsl(350, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:45\:dark, html.dark .sf-c-txt-pink\:45\:dark { color: hsl(350, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:50\:dark, html.dark .sf-c-txt-pink\:50\:dark { color: hsl(350, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:55\:dark, html.dark .sf-c-txt-pink\:55\:dark { color: hsl(350, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:60\:dark, html.dark .sf-c-txt-pink\:60\:dark { color: hsl(350, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:65\:dark, html.dark .sf-c-txt-pink\:65\:dark { color: hsl(350, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:70\:dark, html.dark .sf-c-txt-pink\:70\:dark { color: hsl(350, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:75\:dark, html.dark .sf-c-txt-pink\:75\:dark { color: hsl(350, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:80\:dark, html.dark .sf-c-txt-pink\:80\:dark { color: hsl(350, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:85\:dark, html.dark .sf-c-txt-pink\:85\:dark { color: hsl(350, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:90\:dark, html.dark .sf-c-txt-pink\:90\:dark { color: hsl(350, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:95\:dark, html.dark .sf-c-txt-pink\:95\:dark { color: hsl(350, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-pink\:100\:dark, html.dark .sf-c-txt-pink\:100\:dark { color: hsl(350, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-pink, html.auto .sf-c-pink { color: hsl(var(--sf-dark-c-txt-pink-95)); background: hsl(var(--sf-dark-c-pink)) } html[data-theme='auto'] .sf-c-pink\:0, html.auto .sf-c-pink\:0 { color: hsl(var(--sf-dark-c-txt-pink-95)); background: hsl(var(--sf-dark-c-pink-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-pink\:100\:dark, html.var.dark .sf-c-pink\:100 html[data-theme='auto'] .sf-c-pink\:95\:dark, html.auto .sf-c-pink\:95\:dark { color: hsl(var(--sf-c-txt-pink-95)); background: hsl(var(--sf-c-pink-5)) } html[data-theme='auto'] .sf-c-pink\:100\:dark, html.auto .sf-c-pink\:100\:dark { color: hsl(var(--sf-c-txt-pink-95)); background: hsl(var(--sf-c-pink-0)) } + html[data-theme='auto'] .sf-c-txt-pink, html.auto .sf-c-txt-pink { color: hsl(var(--sf-c-txt-pink)) } + html[data-theme='auto'] .sf-c-txt-pink\:0, html.auto .sf-c-txt-pink\:0 { color: hsl(var(--sf-c-txt-pink-0)) } + html[data-theme='auto'] .sf-c-txt-pink\:5, html.auto .sf-c-txt-pink\:5 { color: hsl(var(--sf-c-txt-pink-5)) } + html[data-theme='auto'] .sf-c-txt-pink\:10, html.auto .sf-c-txt-pink\:10 { color: hsl(var(--sf-c-txt-pink-10)) } + html[data-theme='auto'] .sf-c-txt-pink\:15, html.auto .sf-c-txt-pink\:15 { color: hsl(var(--sf-c-txt-pink-15)) } + html[data-theme='auto'] .sf-c-txt-pink\:20, html.auto .sf-c-txt-pink\:20 { color: hsl(var(--sf-c-txt-pink-20)) } + html[data-theme='auto'] .sf-c-txt-pink\:25, html.auto .sf-c-txt-pink\:25 { color: hsl(var(--sf-c-txt-pink-25)) } + html[data-theme='auto'] .sf-c-txt-pink\:30, html.auto .sf-c-txt-pink\:30 { color: hsl(var(--sf-c-txt-pink-30)) } + html[data-theme='auto'] .sf-c-txt-pink\:35, html.auto .sf-c-txt-pink\:35 { color: hsl(var(--sf-c-txt-pink-35)) } + html[data-theme='auto'] .sf-c-txt-pink\:40, html.auto .sf-c-txt-pink\:40 { color: hsl(var(--sf-c-txt-pink-40)) } + html[data-theme='auto'] .sf-c-txt-pink\:45, html.auto .sf-c-txt-pink\:45 { color: hsl(var(--sf-c-txt-pink-45)) } + html[data-theme='auto'] .sf-c-txt-pink\:50, html.auto .sf-c-txt-pink\:50 { color: hsl(var(--sf-c-txt-pink-50)) } + html[data-theme='auto'] .sf-c-txt-pink\:55, html.auto .sf-c-txt-pink\:55 { color: hsl(var(--sf-c-txt-pink-55)) } + html[data-theme='auto'] .sf-c-txt-pink\:60, html.auto .sf-c-txt-pink\:60 { color: hsl(var(--sf-c-txt-pink-60)) } + html[data-theme='auto'] .sf-c-txt-pink\:65, html.auto .sf-c-txt-pink\:65 { color: hsl(var(--sf-c-txt-pink-65)) } + html[data-theme='auto'] .sf-c-txt-pink\:70, html.auto .sf-c-txt-pink\:70 { color: hsl(var(--sf-c-txt-pink-70)) } + html[data-theme='auto'] .sf-c-txt-pink\:75, html.auto .sf-c-txt-pink\:75 { color: hsl(var(--sf-c-txt-pink-75)) } + html[data-theme='auto'] .sf-c-txt-pink\:80, html.auto .sf-c-txt-pink\:80 { color: hsl(var(--sf-c-txt-pink-80)) } + html[data-theme='auto'] .sf-c-txt-pink\:85, html.auto .sf-c-txt-pink\:85 { color: hsl(var(--sf-c-txt-pink-85)) } + html[data-theme='auto'] .sf-c-txt-pink\:90, html.auto .sf-c-txt-pink\:90 { color: hsl(var(--sf-c-txt-pink-90)) } + html[data-theme='auto'] .sf-c-txt-pink\:95, html.auto .sf-c-txt-pink\:95 { color: hsl(var(--sf-c-txt-pink-95)) } + html[data-theme='auto'] .sf-c-txt-pink\:100, html.auto .sf-c-txt-pink\:100 { color: hsl(var(--sf-c-txt-pink-100)) } + + html[data-theme='auto'] .sf-c-txt-pink\:dark, html.auto .sf-c-txt-pink\:dark { color: hsl(var(--sf-c-txt-pink)) } + html[data-theme='auto'] .sf-c-txt-pink\:0\:dark, html.auto .sf-c-txt-pink\:0\:dark { color: hsl(var(--sf-c-txt-pink-0)) } + html[data-theme='auto'] .sf-c-txt-pink\:5\:dark, html.auto .sf-c-txt-pink\:5\:dark { color: hsl(var(--sf-c-txt-pink-5)) } + html[data-theme='auto'] .sf-c-txt-pink\:10\:dark, html.auto .sf-c-txt-pink\:10\:dark { color: hsl(var(--sf-c-txt-pink-10)) } + html[data-theme='auto'] .sf-c-txt-pink\:15\:dark, html.auto .sf-c-txt-pink\:15\:dark { color: hsl(var(--sf-c-txt-pink-15)) } + html[data-theme='auto'] .sf-c-txt-pink\:20\:dark, html.auto .sf-c-txt-pink\:20\:dark { color: hsl(var(--sf-c-txt-pink-20)) } + html[data-theme='auto'] .sf-c-txt-pink\:25\:dark, html.auto .sf-c-txt-pink\:25\:dark { color: hsl(var(--sf-c-txt-pink-25)) } + html[data-theme='auto'] .sf-c-txt-pink\:30\:dark, html.auto .sf-c-txt-pink\:30\:dark { color: hsl(var(--sf-c-txt-pink-30)) } + html[data-theme='auto'] .sf-c-txt-pink\:35\:dark, html.auto .sf-c-txt-pink\:35\:dark { color: hsl(var(--sf-c-txt-pink-35)) } + html[data-theme='auto'] .sf-c-txt-pink\:40\:dark, html.auto .sf-c-txt-pink\:40\:dark { color: hsl(var(--sf-c-txt-pink-40)) } + html[data-theme='auto'] .sf-c-txt-pink\:45\:dark, html.auto .sf-c-txt-pink\:45\:dark { color: hsl(var(--sf-c-txt-pink-45)) } + html[data-theme='auto'] .sf-c-txt-pink\:50\:dark, html.auto .sf-c-txt-pink\:50\:dark { color: hsl(var(--sf-c-txt-pink-50)) } + html[data-theme='auto'] .sf-c-txt-pink\:55\:dark, html.auto .sf-c-txt-pink\:55\:dark { color: hsl(var(--sf-c-txt-pink-55)) } + html[data-theme='auto'] .sf-c-txt-pink\:60\:dark, html.auto .sf-c-txt-pink\:60\:dark { color: hsl(var(--sf-c-txt-pink-60)) } + html[data-theme='auto'] .sf-c-txt-pink\:65\:dark, html.auto .sf-c-txt-pink\:65\:dark { color: hsl(var(--sf-c-txt-pink-65)) } + html[data-theme='auto'] .sf-c-txt-pink\:70\:dark, html.auto .sf-c-txt-pink\:70\:dark { color: hsl(var(--sf-c-txt-pink-70)) } + html[data-theme='auto'] .sf-c-txt-pink\:75\:dark, html.auto .sf-c-txt-pink\:75\:dark { color: hsl(var(--sf-c-txt-pink-75)) } + html[data-theme='auto'] .sf-c-txt-pink\:80\:dark, html.auto .sf-c-txt-pink\:80\:dark { color: hsl(var(--sf-c-txt-pink-80)) } + html[data-theme='auto'] .sf-c-txt-pink\:85\:dark, html.auto .sf-c-txt-pink\:85\:dark { color: hsl(var(--sf-c-txt-pink-85)) } + html[data-theme='auto'] .sf-c-txt-pink\:90\:dark, html.auto .sf-c-txt-pink\:90\:dark { color: hsl(var(--sf-c-txt-pink-90)) } + html[data-theme='auto'] .sf-c-txt-pink\:95\:dark, html.auto .sf-c-txt-pink\:95\:dark { color: hsl(var(--sf-c-txt-pink-95)) } + html[data-theme='auto'] .sf-c-txt-pink\:100\:dark, html.auto .sf-c-txt-pink\:100\:dark { color: hsl(var(--sf-c-txt-pink-100)) } + html.var[data-theme='auto'] .sf-c-pink, html.var.auto .sf-c-pink { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 12%) } html.var[data-theme='auto'] .sf-c-pink\:0, html.var.auto .sf-c-pink\:0 { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 100%) } html.var[data-theme='auto'] .sf-c-pink\:5, html.var.auto .sf-c-pink\:5 { color: hsl(350, 100%, 5%); background: hsl(350, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-pink\:100\:dark, html.var.dark .sf-c-pink\:100 html.var[data-theme='auto'] .sf-c-pink\:90\:dark, html.var.auto .sf-c-pink\:90\:dark { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 10%) } html.var[data-theme='auto'] .sf-c-pink\:95\:dark, html.var.auto .sf-c-pink\:95\:dark { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 5%) } html.var[data-theme='auto'] .sf-c-pink\:100\:dark, html.var.auto .sf-c-pink\:100\:dark { color: hsl(350, 100%, 95%); background: hsl(350, 100%, 0%) } -} -.sf-c-txt-pink { color: hsl(var(--sf-c-txt-pink)) } -.sf-c-txt-pink\:0 { color: hsl(var(--sf-c-txt-pink-0)) } -.sf-c-txt-pink\:5 { color: hsl(var(--sf-c-txt-pink-5)) } -.sf-c-txt-pink\:10 { color: hsl(var(--sf-c-txt-pink-10)) } -.sf-c-txt-pink\:15 { color: hsl(var(--sf-c-txt-pink-15)) } -.sf-c-txt-pink\:20 { color: hsl(var(--sf-c-txt-pink-20)) } -.sf-c-txt-pink\:25 { color: hsl(var(--sf-c-txt-pink-25)) } -.sf-c-txt-pink\:30 { color: hsl(var(--sf-c-txt-pink-30)) } -.sf-c-txt-pink\:35 { color: hsl(var(--sf-c-txt-pink-35)) } -.sf-c-txt-pink\:40 { color: hsl(var(--sf-c-txt-pink-40)) } -.sf-c-txt-pink\:45 { color: hsl(var(--sf-c-txt-pink-45)) } -.sf-c-txt-pink\:50 { color: hsl(var(--sf-c-txt-pink-50)) } -.sf-c-txt-pink\:55 { color: hsl(var(--sf-c-txt-pink-55)) } -.sf-c-txt-pink\:60 { color: hsl(var(--sf-c-txt-pink-60)) } -.sf-c-txt-pink\:65 { color: hsl(var(--sf-c-txt-pink-65)) } -.sf-c-txt-pink\:70 { color: hsl(var(--sf-c-txt-pink-70)) } -.sf-c-txt-pink\:75 { color: hsl(var(--sf-c-txt-pink-75)) } -.sf-c-txt-pink\:80 { color: hsl(var(--sf-c-txt-pink-80)) } -.sf-c-txt-pink\:85 { color: hsl(var(--sf-c-txt-pink-85)) } -.sf-c-txt-pink\:90 { color: hsl(var(--sf-c-txt-pink-90)) } -.sf-c-txt-pink\:95 { color: hsl(var(--sf-c-txt-pink-95)) } -.sf-c-txt-pink\:100 { color: hsl(var(--sf-c-txt-pink-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-pink, html.auto .sf-c-txt-pink { color: hsl(350, 100%, 88%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:0, html.auto .sf-c-txt-pink\:0 { color: hsl(350, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:5, html.auto .sf-c-txt-pink\:5 { color: hsl(350, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:10, html.auto .sf-c-txt-pink\:10 { color: hsl(350, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:15, html.auto .sf-c-txt-pink\:15 { color: hsl(350, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:20, html.auto .sf-c-txt-pink\:20 { color: hsl(350, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:25, html.auto .sf-c-txt-pink\:25 { color: hsl(350, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:30, html.auto .sf-c-txt-pink\:30 { color: hsl(350, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:35, html.auto .sf-c-txt-pink\:35 { color: hsl(350, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:40, html.auto .sf-c-txt-pink\:40 { color: hsl(350, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:45, html.auto .sf-c-txt-pink\:45 { color: hsl(350, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:50, html.auto .sf-c-txt-pink\:50 { color: hsl(350, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:55, html.auto .sf-c-txt-pink\:55 { color: hsl(350, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:60, html.auto .sf-c-txt-pink\:60 { color: hsl(350, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:65, html.auto .sf-c-txt-pink\:65 { color: hsl(350, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:70, html.auto .sf-c-txt-pink\:70 { color: hsl(350, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:75, html.auto .sf-c-txt-pink\:75 { color: hsl(350, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:80, html.auto .sf-c-txt-pink\:80 { color: hsl(350, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:85, html.auto .sf-c-txt-pink\:85 { color: hsl(350, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:90, html.auto .sf-c-txt-pink\:90 { color: hsl(350, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:95, html.auto .sf-c-txt-pink\:95 { color: hsl(350, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:100, html.auto .sf-c-txt-pink\:100 { color: hsl(350, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-pink\:dark, html.auto .sf-c-txt-pink\:dark { color: hsl(350, 100%, 88%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:0\:dark, html.auto .sf-c-txt-pink\:0\:dark { color: hsl(350, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:5\:dark, html.auto .sf-c-txt-pink\:5\:dark { color: hsl(350, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:10\:dark, html.auto .sf-c-txt-pink\:10\:dark { color: hsl(350, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:15\:dark, html.auto .sf-c-txt-pink\:15\:dark { color: hsl(350, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:20\:dark, html.auto .sf-c-txt-pink\:20\:dark { color: hsl(350, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:25\:dark, html.auto .sf-c-txt-pink\:25\:dark { color: hsl(350, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:30\:dark, html.auto .sf-c-txt-pink\:30\:dark { color: hsl(350, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:35\:dark, html.auto .sf-c-txt-pink\:35\:dark { color: hsl(350, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:40\:dark, html.auto .sf-c-txt-pink\:40\:dark { color: hsl(350, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:45\:dark, html.auto .sf-c-txt-pink\:45\:dark { color: hsl(350, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:50\:dark, html.auto .sf-c-txt-pink\:50\:dark { color: hsl(350, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:55\:dark, html.auto .sf-c-txt-pink\:55\:dark { color: hsl(350, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:60\:dark, html.auto .sf-c-txt-pink\:60\:dark { color: hsl(350, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:65\:dark, html.auto .sf-c-txt-pink\:65\:dark { color: hsl(350, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:70\:dark, html.auto .sf-c-txt-pink\:70\:dark { color: hsl(350, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:75\:dark, html.auto .sf-c-txt-pink\:75\:dark { color: hsl(350, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:80\:dark, html.auto .sf-c-txt-pink\:80\:dark { color: hsl(350, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:85\:dark, html.auto .sf-c-txt-pink\:85\:dark { color: hsl(350, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:90\:dark, html.auto .sf-c-txt-pink\:90\:dark { color: hsl(350, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:95\:dark, html.auto .sf-c-txt-pink\:95\:dark { color: hsl(350, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-pink\:100\:dark, html.auto .sf-c-txt-pink\:100\:dark { color: hsl(350, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/plum.css b/src/colors/20/plum.css index f5a1103..da2f9d0 100644 --- a/src/colors/20/plum.css +++ b/src/colors/20/plum.css @@ -138,6 +138,52 @@ html.var .sf-c-plum\:90 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 90 html.var .sf-c-plum\:95 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 95%) } html.var .sf-c-plum\:100 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 100%) } +.sf-c-txt-plum { color: hsl(var(--sf-dark-c-txt-plum)) } +.sf-c-txt-plum\:0 { color: hsl(var(--sf-dark-c-txt-plum-100)) } +.sf-c-txt-plum\:5 { color: hsl(var(--sf-dark-c-txt-plum-95)) } +.sf-c-txt-plum\:10 { color: hsl(var(--sf-dark-c-txt-plum-90)) } +.sf-c-txt-plum\:15 { color: hsl(var(--sf-dark-c-txt-plum-85)) } +.sf-c-txt-plum\:20 { color: hsl(var(--sf-dark-c-txt-plum-80)) } +.sf-c-txt-plum\:25 { color: hsl(var(--sf-dark-c-txt-plum-75)) } +.sf-c-txt-plum\:30 { color: hsl(var(--sf-dark-c-txt-plum-70)) } +.sf-c-txt-plum\:35 { color: hsl(var(--sf-dark-c-txt-plum-65)) } +.sf-c-txt-plum\:40 { color: hsl(var(--sf-dark-c-txt-plum-60)) } +.sf-c-txt-plum\:45 { color: hsl(var(--sf-dark-c-txt-plum-55)) } +.sf-c-txt-plum\:50 { color: hsl(var(--sf-dark-c-txt-plum-50)) } +.sf-c-txt-plum\:55 { color: hsl(var(--sf-dark-c-txt-plum-45)) } +.sf-c-txt-plum\:60 { color: hsl(var(--sf-dark-c-txt-plum-40)) } +.sf-c-txt-plum\:65 { color: hsl(var(--sf-dark-c-txt-plum-35)) } +.sf-c-txt-plum\:70 { color: hsl(var(--sf-dark-c-txt-plum-30)) } +.sf-c-txt-plum\:75 { color: hsl(var(--sf-dark-c-txt-plum-25)) } +.sf-c-txt-plum\:80 { color: hsl(var(--sf-dark-c-txt-plum-20)) } +.sf-c-txt-plum\:85 { color: hsl(var(--sf-dark-c-txt-plum-15)) } +.sf-c-txt-plum\:90 { color: hsl(var(--sf-dark-c-txt-plum-10)) } +.sf-c-txt-plum\:95 { color: hsl(var(--sf-dark-c-txt-plum-5)) } +.sf-c-txt-plum\:100 { color: hsl(var(--sf-dark-c-txt-plum-0)) } + +html.var .sf-c-txt-plum { color: hsl(300, 47%, 25%) } +html.var .sf-c-txt-plum\:0 { color: hsl(300, 47%, 100%) } +html.var .sf-c-txt-plum\:5 { color: hsl(300, 47%, 95%) } +html.var .sf-c-txt-plum\:10 { color: hsl(300, 47%, 90%) } +html.var .sf-c-txt-plum\:15 { color: hsl(300, 47%, 85%) } +html.var .sf-c-txt-plum\:20 { color: hsl(300, 47%, 80%) } +html.var .sf-c-txt-plum\:25 { color: hsl(300, 47%, 75%) } +html.var .sf-c-txt-plum\:30 { color: hsl(300, 47%, 70%) } +html.var .sf-c-txt-plum\:35 { color: hsl(300, 47%, 65%) } +html.var .sf-c-txt-plum\:40 { color: hsl(300, 47%, 60%) } +html.var .sf-c-txt-plum\:45 { color: hsl(300, 47%, 55%) } +html.var .sf-c-txt-plum\:50 { color: hsl(300, 47%, 50%) } +html.var .sf-c-txt-plum\:55 { color: hsl(300, 47%, 45%) } +html.var .sf-c-txt-plum\:60 { color: hsl(300, 47%, 40%) } +html.var .sf-c-txt-plum\:65 { color: hsl(300, 47%, 35%) } +html.var .sf-c-txt-plum\:70 { color: hsl(300, 47%, 30%) } +html.var .sf-c-txt-plum\:75 { color: hsl(300, 47%, 25%) } +html.var .sf-c-txt-plum\:80 { color: hsl(300, 47%, 20%) } +html.var .sf-c-txt-plum\:85 { color: hsl(300, 47%, 15%) } +html.var .sf-c-txt-plum\:90 { color: hsl(300, 47%, 10%) } +html.var .sf-c-txt-plum\:95 { color: hsl(300, 47%, 5%) } +html.var .sf-c-txt-plum\:100 { color: hsl(300, 47%, 0%) } + html[data-theme='dark'] .sf-c-plum, html.dark .sf-c-plum { color: hsl(var(--sf-dark-c-txt-plum-95)); background: hsl(var(--sf-dark-c-plum)) } html[data-theme='dark'] .sf-c-plum\:0, html.dark .sf-c-plum\:0 { color: hsl(var(--sf-dark-c-txt-plum-95)); background: hsl(var(--sf-dark-c-plum-100)) } html[data-theme='dark'] .sf-c-plum\:5, html.dark .sf-c-plum\:5 { color: hsl(var(--sf-dark-c-txt-plum-5)); background: hsl(var(--sf-dark-c-plum-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-plum\:90\:dark, html.dark .sf-c-plum\:90\:dark { c html[data-theme='dark'] .sf-c-plum\:95\:dark, html.dark .sf-c-plum\:95\:dark { color: hsl(var(--sf-c-txt-plum-95)); background: hsl(var(--sf-c-plum-5)) } html[data-theme='dark'] .sf-c-plum\:100\:dark, html.dark .sf-c-plum\:100\:dark { color: hsl(var(--sf-c-txt-plum-95)); background: hsl(var(--sf-c-plum-0)) } +html[data-theme='dark'] .sf-c-txt-plum, html.dark .sf-c-txt-plum { color: hsl(var(--sf-c-txt-plum)) } +html[data-theme='dark'] .sf-c-txt-plum\:0, html.dark .sf-c-txt-plum\:0 { color: hsl(var(--sf-c-txt-plum-0)) } +html[data-theme='dark'] .sf-c-txt-plum\:5, html.dark .sf-c-txt-plum\:5 { color: hsl(var(--sf-c-txt-plum-5)) } +html[data-theme='dark'] .sf-c-txt-plum\:10, html.dark .sf-c-txt-plum\:10 { color: hsl(var(--sf-c-txt-plum-10)) } +html[data-theme='dark'] .sf-c-txt-plum\:15, html.dark .sf-c-txt-plum\:15 { color: hsl(var(--sf-c-txt-plum-15)) } +html[data-theme='dark'] .sf-c-txt-plum\:20, html.dark .sf-c-txt-plum\:20 { color: hsl(var(--sf-c-txt-plum-20)) } +html[data-theme='dark'] .sf-c-txt-plum\:25, html.dark .sf-c-txt-plum\:25 { color: hsl(var(--sf-c-txt-plum-25)) } +html[data-theme='dark'] .sf-c-txt-plum\:30, html.dark .sf-c-txt-plum\:30 { color: hsl(var(--sf-c-txt-plum-30)) } +html[data-theme='dark'] .sf-c-txt-plum\:35, html.dark .sf-c-txt-plum\:35 { color: hsl(var(--sf-c-txt-plum-35)) } +html[data-theme='dark'] .sf-c-txt-plum\:40, html.dark .sf-c-txt-plum\:40 { color: hsl(var(--sf-c-txt-plum-40)) } +html[data-theme='dark'] .sf-c-txt-plum\:45, html.dark .sf-c-txt-plum\:45 { color: hsl(var(--sf-c-txt-plum-45)) } +html[data-theme='dark'] .sf-c-txt-plum\:50, html.dark .sf-c-txt-plum\:50 { color: hsl(var(--sf-c-txt-plum-50)) } +html[data-theme='dark'] .sf-c-txt-plum\:55, html.dark .sf-c-txt-plum\:55 { color: hsl(var(--sf-c-txt-plum-55)) } +html[data-theme='dark'] .sf-c-txt-plum\:60, html.dark .sf-c-txt-plum\:60 { color: hsl(var(--sf-c-txt-plum-60)) } +html[data-theme='dark'] .sf-c-txt-plum\:65, html.dark .sf-c-txt-plum\:65 { color: hsl(var(--sf-c-txt-plum-65)) } +html[data-theme='dark'] .sf-c-txt-plum\:70, html.dark .sf-c-txt-plum\:70 { color: hsl(var(--sf-c-txt-plum-70)) } +html[data-theme='dark'] .sf-c-txt-plum\:75, html.dark .sf-c-txt-plum\:75 { color: hsl(var(--sf-c-txt-plum-75)) } +html[data-theme='dark'] .sf-c-txt-plum\:80, html.dark .sf-c-txt-plum\:80 { color: hsl(var(--sf-c-txt-plum-80)) } +html[data-theme='dark'] .sf-c-txt-plum\:85, html.dark .sf-c-txt-plum\:85 { color: hsl(var(--sf-c-txt-plum-85)) } +html[data-theme='dark'] .sf-c-txt-plum\:90, html.dark .sf-c-txt-plum\:90 { color: hsl(var(--sf-c-txt-plum-90)) } +html[data-theme='dark'] .sf-c-txt-plum\:95, html.dark .sf-c-txt-plum\:95 { color: hsl(var(--sf-c-txt-plum-95)) } +html[data-theme='dark'] .sf-c-txt-plum\:100, html.dark .sf-c-txt-plum\:100 { color: hsl(var(--sf-c-txt-plum-100)) } + +html[data-theme='dark'] .sf-c-txt-plum\:dark, html.dark .sf-c-txt-plum\:dark { color: hsl(var(--sf-c-txt-plum)) } +html[data-theme='dark'] .sf-c-txt-plum\:0\:dark, html.dark .sf-c-txt-plum\:0\:dark { color: hsl(var(--sf-dark-c-txt-plum-0)) } +html[data-theme='dark'] .sf-c-txt-plum\:5\:dark, html.dark .sf-c-txt-plum\:5\:dark { color: hsl(var(--sf-dark-c-txt-plum-5)) } +html[data-theme='dark'] .sf-c-txt-plum\:10\:dark, html.dark .sf-c-txt-plum\:10\:dark { color: hsl(var(--sf-dark-c-txt-plum-10)) } +html[data-theme='dark'] .sf-c-txt-plum\:15\:dark, html.dark .sf-c-txt-plum\:15\:dark { color: hsl(var(--sf-dark-c-txt-plum-15)) } +html[data-theme='dark'] .sf-c-txt-plum\:20\:dark, html.dark .sf-c-txt-plum\:20\:dark { color: hsl(var(--sf-dark-c-txt-plum-20)) } +html[data-theme='dark'] .sf-c-txt-plum\:25\:dark, html.dark .sf-c-txt-plum\:25\:dark { color: hsl(var(--sf-dark-c-txt-plum-25)) } +html[data-theme='dark'] .sf-c-txt-plum\:30\:dark, html.dark .sf-c-txt-plum\:30\:dark { color: hsl(var(--sf-dark-c-txt-plum-30)) } +html[data-theme='dark'] .sf-c-txt-plum\:35\:dark, html.dark .sf-c-txt-plum\:35\:dark { color: hsl(var(--sf-dark-c-txt-plum-35)) } +html[data-theme='dark'] .sf-c-txt-plum\:40\:dark, html.dark .sf-c-txt-plum\:40\:dark { color: hsl(var(--sf-dark-c-txt-plum-40)) } +html[data-theme='dark'] .sf-c-txt-plum\:45\:dark, html.dark .sf-c-txt-plum\:45\:dark { color: hsl(var(--sf-dark-c-txt-plum-45)) } +html[data-theme='dark'] .sf-c-txt-plum\:50\:dark, html.dark .sf-c-txt-plum\:50\:dark { color: hsl(var(--sf-dark-c-txt-plum-50)) } +html[data-theme='dark'] .sf-c-txt-plum\:55\:dark, html.dark .sf-c-txt-plum\:55\:dark { color: hsl(var(--sf-dark-c-txt-plum-55)) } +html[data-theme='dark'] .sf-c-txt-plum\:60\:dark, html.dark .sf-c-txt-plum\:60\:dark { color: hsl(var(--sf-dark-c-txt-plum-60)) } +html[data-theme='dark'] .sf-c-txt-plum\:65\:dark, html.dark .sf-c-txt-plum\:65\:dark { color: hsl(var(--sf-dark-c-txt-plum-65)) } +html[data-theme='dark'] .sf-c-txt-plum\:70\:dark, html.dark .sf-c-txt-plum\:70\:dark { color: hsl(var(--sf-dark-c-txt-plum-70)) } +html[data-theme='dark'] .sf-c-txt-plum\:75\:dark, html.dark .sf-c-txt-plum\:75\:dark { color: hsl(var(--sf-dark-c-txt-plum-75)) } +html[data-theme='dark'] .sf-c-txt-plum\:80\:dark, html.dark .sf-c-txt-plum\:80\:dark { color: hsl(var(--sf-dark-c-txt-plum-80)) } +html[data-theme='dark'] .sf-c-txt-plum\:85\:dark, html.dark .sf-c-txt-plum\:85\:dark { color: hsl(var(--sf-dark-c-txt-plum-85)) } +html[data-theme='dark'] .sf-c-txt-plum\:90\:dark, html.dark .sf-c-txt-plum\:90\:dark { color: hsl(var(--sf-dark-c-txt-plum-90)) } +html[data-theme='dark'] .sf-c-txt-plum\:95\:dark, html.dark .sf-c-txt-plum\:95\:dark { color: hsl(var(--sf-dark-c-txt-plum-95)) } +html[data-theme='dark'] .sf-c-txt-plum\:100\:dark, html.dark .sf-c-txt-plum\:100\:dark { color: hsl(var(--sf-dark-c-txt-plum-100)) } + html.var[data-theme='dark'] .sf-c-plum, html.var.dark .sf-c-plum { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 25%) } html.var[data-theme='dark'] .sf-c-plum\:0, html.var.dark .sf-c-plum\:0 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 100%) } html.var[data-theme='dark'] .sf-c-plum\:5, html.var.dark .sf-c-plum\:5 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-plum\:90\:dark, html.var.dark .sf-c-plum\:90\: html.var[data-theme='dark'] .sf-c-plum\:95\:dark, html.var.dark .sf-c-plum\:95\:dark { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 5%) } html.var[data-theme='dark'] .sf-c-plum\:100\:dark, html.var.dark .sf-c-plum\:100\:dark { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-plum, html.dark .sf-c-txt-plum { color: hsl(300, 47%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:0, html.dark .sf-c-txt-plum\:0 { color: hsl(300, 47%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:5, html.dark .sf-c-txt-plum\:5 { color: hsl(300, 47%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:10, html.dark .sf-c-txt-plum\:10 { color: hsl(300, 47%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:15, html.dark .sf-c-txt-plum\:15 { color: hsl(300, 47%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:20, html.dark .sf-c-txt-plum\:20 { color: hsl(300, 47%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:25, html.dark .sf-c-txt-plum\:25 { color: hsl(300, 47%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:30, html.dark .sf-c-txt-plum\:30 { color: hsl(300, 47%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:35, html.dark .sf-c-txt-plum\:35 { color: hsl(300, 47%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:40, html.dark .sf-c-txt-plum\:40 { color: hsl(300, 47%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:45, html.dark .sf-c-txt-plum\:45 { color: hsl(300, 47%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:50, html.dark .sf-c-txt-plum\:50 { color: hsl(300, 47%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:55, html.dark .sf-c-txt-plum\:55 { color: hsl(300, 47%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:60, html.dark .sf-c-txt-plum\:60 { color: hsl(300, 47%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:65, html.dark .sf-c-txt-plum\:65 { color: hsl(300, 47%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:70, html.dark .sf-c-txt-plum\:70 { color: hsl(300, 47%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:75, html.dark .sf-c-txt-plum\:75 { color: hsl(300, 47%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:80, html.dark .sf-c-txt-plum\:80 { color: hsl(300, 47%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:85, html.dark .sf-c-txt-plum\:85 { color: hsl(300, 47%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:90, html.dark .sf-c-txt-plum\:90 { color: hsl(300, 47%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:95, html.dark .sf-c-txt-plum\:95 { color: hsl(300, 47%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:100, html.dark .sf-c-txt-plum\:100 { color: hsl(300, 47%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-plum\:dark, html.dark .sf-c-txt-plum\:dark { color: hsl(300, 47%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:0\:dark, html.dark .sf-c-txt-plum\:0\:dark { color: hsl(300, 47%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:5\:dark, html.dark .sf-c-txt-plum\:5\:dark { color: hsl(300, 47%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:10\:dark, html.dark .sf-c-txt-plum\:10\:dark { color: hsl(300, 47%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:15\:dark, html.dark .sf-c-txt-plum\:15\:dark { color: hsl(300, 47%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:20\:dark, html.dark .sf-c-txt-plum\:20\:dark { color: hsl(300, 47%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:25\:dark, html.dark .sf-c-txt-plum\:25\:dark { color: hsl(300, 47%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:30\:dark, html.dark .sf-c-txt-plum\:30\:dark { color: hsl(300, 47%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:35\:dark, html.dark .sf-c-txt-plum\:35\:dark { color: hsl(300, 47%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:40\:dark, html.dark .sf-c-txt-plum\:40\:dark { color: hsl(300, 47%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:45\:dark, html.dark .sf-c-txt-plum\:45\:dark { color: hsl(300, 47%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:50\:dark, html.dark .sf-c-txt-plum\:50\:dark { color: hsl(300, 47%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:55\:dark, html.dark .sf-c-txt-plum\:55\:dark { color: hsl(300, 47%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:60\:dark, html.dark .sf-c-txt-plum\:60\:dark { color: hsl(300, 47%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:65\:dark, html.dark .sf-c-txt-plum\:65\:dark { color: hsl(300, 47%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:70\:dark, html.dark .sf-c-txt-plum\:70\:dark { color: hsl(300, 47%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:75\:dark, html.dark .sf-c-txt-plum\:75\:dark { color: hsl(300, 47%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:80\:dark, html.dark .sf-c-txt-plum\:80\:dark { color: hsl(300, 47%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:85\:dark, html.dark .sf-c-txt-plum\:85\:dark { color: hsl(300, 47%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:90\:dark, html.dark .sf-c-txt-plum\:90\:dark { color: hsl(300, 47%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:95\:dark, html.dark .sf-c-txt-plum\:95\:dark { color: hsl(300, 47%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-plum\:100\:dark, html.dark .sf-c-txt-plum\:100\:dark { color: hsl(300, 47%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-plum, html.auto .sf-c-plum { color: hsl(var(--sf-dark-c-txt-plum-95)); background: hsl(var(--sf-dark-c-plum)) } html[data-theme='auto'] .sf-c-plum\:0, html.auto .sf-c-plum\:0 { color: hsl(var(--sf-dark-c-txt-plum-95)); background: hsl(var(--sf-dark-c-plum-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-plum\:100\:dark, html.var.dark .sf-c-plum\:100 html[data-theme='auto'] .sf-c-plum\:95\:dark, html.auto .sf-c-plum\:95\:dark { color: hsl(var(--sf-c-txt-plum-95)); background: hsl(var(--sf-c-plum-5)) } html[data-theme='auto'] .sf-c-plum\:100\:dark, html.auto .sf-c-plum\:100\:dark { color: hsl(var(--sf-c-txt-plum-95)); background: hsl(var(--sf-c-plum-0)) } + html[data-theme='auto'] .sf-c-txt-plum, html.auto .sf-c-txt-plum { color: hsl(var(--sf-c-txt-plum)) } + html[data-theme='auto'] .sf-c-txt-plum\:0, html.auto .sf-c-txt-plum\:0 { color: hsl(var(--sf-c-txt-plum-0)) } + html[data-theme='auto'] .sf-c-txt-plum\:5, html.auto .sf-c-txt-plum\:5 { color: hsl(var(--sf-c-txt-plum-5)) } + html[data-theme='auto'] .sf-c-txt-plum\:10, html.auto .sf-c-txt-plum\:10 { color: hsl(var(--sf-c-txt-plum-10)) } + html[data-theme='auto'] .sf-c-txt-plum\:15, html.auto .sf-c-txt-plum\:15 { color: hsl(var(--sf-c-txt-plum-15)) } + html[data-theme='auto'] .sf-c-txt-plum\:20, html.auto .sf-c-txt-plum\:20 { color: hsl(var(--sf-c-txt-plum-20)) } + html[data-theme='auto'] .sf-c-txt-plum\:25, html.auto .sf-c-txt-plum\:25 { color: hsl(var(--sf-c-txt-plum-25)) } + html[data-theme='auto'] .sf-c-txt-plum\:30, html.auto .sf-c-txt-plum\:30 { color: hsl(var(--sf-c-txt-plum-30)) } + html[data-theme='auto'] .sf-c-txt-plum\:35, html.auto .sf-c-txt-plum\:35 { color: hsl(var(--sf-c-txt-plum-35)) } + html[data-theme='auto'] .sf-c-txt-plum\:40, html.auto .sf-c-txt-plum\:40 { color: hsl(var(--sf-c-txt-plum-40)) } + html[data-theme='auto'] .sf-c-txt-plum\:45, html.auto .sf-c-txt-plum\:45 { color: hsl(var(--sf-c-txt-plum-45)) } + html[data-theme='auto'] .sf-c-txt-plum\:50, html.auto .sf-c-txt-plum\:50 { color: hsl(var(--sf-c-txt-plum-50)) } + html[data-theme='auto'] .sf-c-txt-plum\:55, html.auto .sf-c-txt-plum\:55 { color: hsl(var(--sf-c-txt-plum-55)) } + html[data-theme='auto'] .sf-c-txt-plum\:60, html.auto .sf-c-txt-plum\:60 { color: hsl(var(--sf-c-txt-plum-60)) } + html[data-theme='auto'] .sf-c-txt-plum\:65, html.auto .sf-c-txt-plum\:65 { color: hsl(var(--sf-c-txt-plum-65)) } + html[data-theme='auto'] .sf-c-txt-plum\:70, html.auto .sf-c-txt-plum\:70 { color: hsl(var(--sf-c-txt-plum-70)) } + html[data-theme='auto'] .sf-c-txt-plum\:75, html.auto .sf-c-txt-plum\:75 { color: hsl(var(--sf-c-txt-plum-75)) } + html[data-theme='auto'] .sf-c-txt-plum\:80, html.auto .sf-c-txt-plum\:80 { color: hsl(var(--sf-c-txt-plum-80)) } + html[data-theme='auto'] .sf-c-txt-plum\:85, html.auto .sf-c-txt-plum\:85 { color: hsl(var(--sf-c-txt-plum-85)) } + html[data-theme='auto'] .sf-c-txt-plum\:90, html.auto .sf-c-txt-plum\:90 { color: hsl(var(--sf-c-txt-plum-90)) } + html[data-theme='auto'] .sf-c-txt-plum\:95, html.auto .sf-c-txt-plum\:95 { color: hsl(var(--sf-c-txt-plum-95)) } + html[data-theme='auto'] .sf-c-txt-plum\:100, html.auto .sf-c-txt-plum\:100 { color: hsl(var(--sf-c-txt-plum-100)) } + + html[data-theme='auto'] .sf-c-txt-plum\:dark, html.auto .sf-c-txt-plum\:dark { color: hsl(var(--sf-c-txt-plum)) } + html[data-theme='auto'] .sf-c-txt-plum\:0\:dark, html.auto .sf-c-txt-plum\:0\:dark { color: hsl(var(--sf-c-txt-plum-0)) } + html[data-theme='auto'] .sf-c-txt-plum\:5\:dark, html.auto .sf-c-txt-plum\:5\:dark { color: hsl(var(--sf-c-txt-plum-5)) } + html[data-theme='auto'] .sf-c-txt-plum\:10\:dark, html.auto .sf-c-txt-plum\:10\:dark { color: hsl(var(--sf-c-txt-plum-10)) } + html[data-theme='auto'] .sf-c-txt-plum\:15\:dark, html.auto .sf-c-txt-plum\:15\:dark { color: hsl(var(--sf-c-txt-plum-15)) } + html[data-theme='auto'] .sf-c-txt-plum\:20\:dark, html.auto .sf-c-txt-plum\:20\:dark { color: hsl(var(--sf-c-txt-plum-20)) } + html[data-theme='auto'] .sf-c-txt-plum\:25\:dark, html.auto .sf-c-txt-plum\:25\:dark { color: hsl(var(--sf-c-txt-plum-25)) } + html[data-theme='auto'] .sf-c-txt-plum\:30\:dark, html.auto .sf-c-txt-plum\:30\:dark { color: hsl(var(--sf-c-txt-plum-30)) } + html[data-theme='auto'] .sf-c-txt-plum\:35\:dark, html.auto .sf-c-txt-plum\:35\:dark { color: hsl(var(--sf-c-txt-plum-35)) } + html[data-theme='auto'] .sf-c-txt-plum\:40\:dark, html.auto .sf-c-txt-plum\:40\:dark { color: hsl(var(--sf-c-txt-plum-40)) } + html[data-theme='auto'] .sf-c-txt-plum\:45\:dark, html.auto .sf-c-txt-plum\:45\:dark { color: hsl(var(--sf-c-txt-plum-45)) } + html[data-theme='auto'] .sf-c-txt-plum\:50\:dark, html.auto .sf-c-txt-plum\:50\:dark { color: hsl(var(--sf-c-txt-plum-50)) } + html[data-theme='auto'] .sf-c-txt-plum\:55\:dark, html.auto .sf-c-txt-plum\:55\:dark { color: hsl(var(--sf-c-txt-plum-55)) } + html[data-theme='auto'] .sf-c-txt-plum\:60\:dark, html.auto .sf-c-txt-plum\:60\:dark { color: hsl(var(--sf-c-txt-plum-60)) } + html[data-theme='auto'] .sf-c-txt-plum\:65\:dark, html.auto .sf-c-txt-plum\:65\:dark { color: hsl(var(--sf-c-txt-plum-65)) } + html[data-theme='auto'] .sf-c-txt-plum\:70\:dark, html.auto .sf-c-txt-plum\:70\:dark { color: hsl(var(--sf-c-txt-plum-70)) } + html[data-theme='auto'] .sf-c-txt-plum\:75\:dark, html.auto .sf-c-txt-plum\:75\:dark { color: hsl(var(--sf-c-txt-plum-75)) } + html[data-theme='auto'] .sf-c-txt-plum\:80\:dark, html.auto .sf-c-txt-plum\:80\:dark { color: hsl(var(--sf-c-txt-plum-80)) } + html[data-theme='auto'] .sf-c-txt-plum\:85\:dark, html.auto .sf-c-txt-plum\:85\:dark { color: hsl(var(--sf-c-txt-plum-85)) } + html[data-theme='auto'] .sf-c-txt-plum\:90\:dark, html.auto .sf-c-txt-plum\:90\:dark { color: hsl(var(--sf-c-txt-plum-90)) } + html[data-theme='auto'] .sf-c-txt-plum\:95\:dark, html.auto .sf-c-txt-plum\:95\:dark { color: hsl(var(--sf-c-txt-plum-95)) } + html[data-theme='auto'] .sf-c-txt-plum\:100\:dark, html.auto .sf-c-txt-plum\:100\:dark { color: hsl(var(--sf-c-txt-plum-100)) } + html.var[data-theme='auto'] .sf-c-plum, html.var.auto .sf-c-plum { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 25%) } html.var[data-theme='auto'] .sf-c-plum\:0, html.var.auto .sf-c-plum\:0 { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 100%) } html.var[data-theme='auto'] .sf-c-plum\:5, html.var.auto .sf-c-plum\:5 { color: hsl(300, 47%, 5%); background: hsl(300, 47%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-plum\:100\:dark, html.var.dark .sf-c-plum\:100 html.var[data-theme='auto'] .sf-c-plum\:90\:dark, html.var.auto .sf-c-plum\:90\:dark { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 10%) } html.var[data-theme='auto'] .sf-c-plum\:95\:dark, html.var.auto .sf-c-plum\:95\:dark { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 5%) } html.var[data-theme='auto'] .sf-c-plum\:100\:dark, html.var.auto .sf-c-plum\:100\:dark { color: hsl(300, 47%, 95%); background: hsl(300, 47%, 0%) } -} -.sf-c-txt-plum { color: hsl(var(--sf-c-txt-plum)) } -.sf-c-txt-plum\:0 { color: hsl(var(--sf-c-txt-plum-0)) } -.sf-c-txt-plum\:5 { color: hsl(var(--sf-c-txt-plum-5)) } -.sf-c-txt-plum\:10 { color: hsl(var(--sf-c-txt-plum-10)) } -.sf-c-txt-plum\:15 { color: hsl(var(--sf-c-txt-plum-15)) } -.sf-c-txt-plum\:20 { color: hsl(var(--sf-c-txt-plum-20)) } -.sf-c-txt-plum\:25 { color: hsl(var(--sf-c-txt-plum-25)) } -.sf-c-txt-plum\:30 { color: hsl(var(--sf-c-txt-plum-30)) } -.sf-c-txt-plum\:35 { color: hsl(var(--sf-c-txt-plum-35)) } -.sf-c-txt-plum\:40 { color: hsl(var(--sf-c-txt-plum-40)) } -.sf-c-txt-plum\:45 { color: hsl(var(--sf-c-txt-plum-45)) } -.sf-c-txt-plum\:50 { color: hsl(var(--sf-c-txt-plum-50)) } -.sf-c-txt-plum\:55 { color: hsl(var(--sf-c-txt-plum-55)) } -.sf-c-txt-plum\:60 { color: hsl(var(--sf-c-txt-plum-60)) } -.sf-c-txt-plum\:65 { color: hsl(var(--sf-c-txt-plum-65)) } -.sf-c-txt-plum\:70 { color: hsl(var(--sf-c-txt-plum-70)) } -.sf-c-txt-plum\:75 { color: hsl(var(--sf-c-txt-plum-75)) } -.sf-c-txt-plum\:80 { color: hsl(var(--sf-c-txt-plum-80)) } -.sf-c-txt-plum\:85 { color: hsl(var(--sf-c-txt-plum-85)) } -.sf-c-txt-plum\:90 { color: hsl(var(--sf-c-txt-plum-90)) } -.sf-c-txt-plum\:95 { color: hsl(var(--sf-c-txt-plum-95)) } -.sf-c-txt-plum\:100 { color: hsl(var(--sf-c-txt-plum-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-plum, html.auto .sf-c-txt-plum { color: hsl(300, 47%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:0, html.auto .sf-c-txt-plum\:0 { color: hsl(300, 47%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:5, html.auto .sf-c-txt-plum\:5 { color: hsl(300, 47%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:10, html.auto .sf-c-txt-plum\:10 { color: hsl(300, 47%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:15, html.auto .sf-c-txt-plum\:15 { color: hsl(300, 47%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:20, html.auto .sf-c-txt-plum\:20 { color: hsl(300, 47%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:25, html.auto .sf-c-txt-plum\:25 { color: hsl(300, 47%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:30, html.auto .sf-c-txt-plum\:30 { color: hsl(300, 47%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:35, html.auto .sf-c-txt-plum\:35 { color: hsl(300, 47%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:40, html.auto .sf-c-txt-plum\:40 { color: hsl(300, 47%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:45, html.auto .sf-c-txt-plum\:45 { color: hsl(300, 47%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:50, html.auto .sf-c-txt-plum\:50 { color: hsl(300, 47%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:55, html.auto .sf-c-txt-plum\:55 { color: hsl(300, 47%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:60, html.auto .sf-c-txt-plum\:60 { color: hsl(300, 47%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:65, html.auto .sf-c-txt-plum\:65 { color: hsl(300, 47%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:70, html.auto .sf-c-txt-plum\:70 { color: hsl(300, 47%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:75, html.auto .sf-c-txt-plum\:75 { color: hsl(300, 47%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:80, html.auto .sf-c-txt-plum\:80 { color: hsl(300, 47%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:85, html.auto .sf-c-txt-plum\:85 { color: hsl(300, 47%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:90, html.auto .sf-c-txt-plum\:90 { color: hsl(300, 47%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:95, html.auto .sf-c-txt-plum\:95 { color: hsl(300, 47%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:100, html.auto .sf-c-txt-plum\:100 { color: hsl(300, 47%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-plum\:dark, html.auto .sf-c-txt-plum\:dark { color: hsl(300, 47%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:0\:dark, html.auto .sf-c-txt-plum\:0\:dark { color: hsl(300, 47%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:5\:dark, html.auto .sf-c-txt-plum\:5\:dark { color: hsl(300, 47%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:10\:dark, html.auto .sf-c-txt-plum\:10\:dark { color: hsl(300, 47%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:15\:dark, html.auto .sf-c-txt-plum\:15\:dark { color: hsl(300, 47%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:20\:dark, html.auto .sf-c-txt-plum\:20\:dark { color: hsl(300, 47%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:25\:dark, html.auto .sf-c-txt-plum\:25\:dark { color: hsl(300, 47%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:30\:dark, html.auto .sf-c-txt-plum\:30\:dark { color: hsl(300, 47%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:35\:dark, html.auto .sf-c-txt-plum\:35\:dark { color: hsl(300, 47%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:40\:dark, html.auto .sf-c-txt-plum\:40\:dark { color: hsl(300, 47%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:45\:dark, html.auto .sf-c-txt-plum\:45\:dark { color: hsl(300, 47%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:50\:dark, html.auto .sf-c-txt-plum\:50\:dark { color: hsl(300, 47%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:55\:dark, html.auto .sf-c-txt-plum\:55\:dark { color: hsl(300, 47%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:60\:dark, html.auto .sf-c-txt-plum\:60\:dark { color: hsl(300, 47%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:65\:dark, html.auto .sf-c-txt-plum\:65\:dark { color: hsl(300, 47%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:70\:dark, html.auto .sf-c-txt-plum\:70\:dark { color: hsl(300, 47%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:75\:dark, html.auto .sf-c-txt-plum\:75\:dark { color: hsl(300, 47%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:80\:dark, html.auto .sf-c-txt-plum\:80\:dark { color: hsl(300, 47%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:85\:dark, html.auto .sf-c-txt-plum\:85\:dark { color: hsl(300, 47%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:90\:dark, html.auto .sf-c-txt-plum\:90\:dark { color: hsl(300, 47%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:95\:dark, html.auto .sf-c-txt-plum\:95\:dark { color: hsl(300, 47%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-plum\:100\:dark, html.auto .sf-c-txt-plum\:100\:dark { color: hsl(300, 47%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/powderblue.css b/src/colors/20/powderblue.css index 60eba9c..e3b725a 100644 --- a/src/colors/20/powderblue.css +++ b/src/colors/20/powderblue.css @@ -138,6 +138,52 @@ html.var .sf-c-powderblue\:90 { color: hsl(187, 52%, 5%); background: hsl(187, 5 html.var .sf-c-powderblue\:95 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 95%) } html.var .sf-c-powderblue\:100 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 100%) } +.sf-c-txt-powderblue { color: hsl(var(--sf-dark-c-txt-powderblue)) } +.sf-c-txt-powderblue\:0 { color: hsl(var(--sf-dark-c-txt-powderblue-100)) } +.sf-c-txt-powderblue\:5 { color: hsl(var(--sf-dark-c-txt-powderblue-95)) } +.sf-c-txt-powderblue\:10 { color: hsl(var(--sf-dark-c-txt-powderblue-90)) } +.sf-c-txt-powderblue\:15 { color: hsl(var(--sf-dark-c-txt-powderblue-85)) } +.sf-c-txt-powderblue\:20 { color: hsl(var(--sf-dark-c-txt-powderblue-80)) } +.sf-c-txt-powderblue\:25 { color: hsl(var(--sf-dark-c-txt-powderblue-75)) } +.sf-c-txt-powderblue\:30 { color: hsl(var(--sf-dark-c-txt-powderblue-70)) } +.sf-c-txt-powderblue\:35 { color: hsl(var(--sf-dark-c-txt-powderblue-65)) } +.sf-c-txt-powderblue\:40 { color: hsl(var(--sf-dark-c-txt-powderblue-60)) } +.sf-c-txt-powderblue\:45 { color: hsl(var(--sf-dark-c-txt-powderblue-55)) } +.sf-c-txt-powderblue\:50 { color: hsl(var(--sf-dark-c-txt-powderblue-50)) } +.sf-c-txt-powderblue\:55 { color: hsl(var(--sf-dark-c-txt-powderblue-45)) } +.sf-c-txt-powderblue\:60 { color: hsl(var(--sf-dark-c-txt-powderblue-40)) } +.sf-c-txt-powderblue\:65 { color: hsl(var(--sf-dark-c-txt-powderblue-35)) } +.sf-c-txt-powderblue\:70 { color: hsl(var(--sf-dark-c-txt-powderblue-30)) } +.sf-c-txt-powderblue\:75 { color: hsl(var(--sf-dark-c-txt-powderblue-25)) } +.sf-c-txt-powderblue\:80 { color: hsl(var(--sf-dark-c-txt-powderblue-20)) } +.sf-c-txt-powderblue\:85 { color: hsl(var(--sf-dark-c-txt-powderblue-15)) } +.sf-c-txt-powderblue\:90 { color: hsl(var(--sf-dark-c-txt-powderblue-10)) } +.sf-c-txt-powderblue\:95 { color: hsl(var(--sf-dark-c-txt-powderblue-5)) } +.sf-c-txt-powderblue\:100 { color: hsl(var(--sf-dark-c-txt-powderblue-0)) } + +html.var .sf-c-txt-powderblue { color: hsl(187, 52%, 20%) } +html.var .sf-c-txt-powderblue\:0 { color: hsl(187, 52%, 100%) } +html.var .sf-c-txt-powderblue\:5 { color: hsl(187, 52%, 95%) } +html.var .sf-c-txt-powderblue\:10 { color: hsl(187, 52%, 90%) } +html.var .sf-c-txt-powderblue\:15 { color: hsl(187, 52%, 85%) } +html.var .sf-c-txt-powderblue\:20 { color: hsl(187, 52%, 80%) } +html.var .sf-c-txt-powderblue\:25 { color: hsl(187, 52%, 75%) } +html.var .sf-c-txt-powderblue\:30 { color: hsl(187, 52%, 70%) } +html.var .sf-c-txt-powderblue\:35 { color: hsl(187, 52%, 65%) } +html.var .sf-c-txt-powderblue\:40 { color: hsl(187, 52%, 60%) } +html.var .sf-c-txt-powderblue\:45 { color: hsl(187, 52%, 55%) } +html.var .sf-c-txt-powderblue\:50 { color: hsl(187, 52%, 50%) } +html.var .sf-c-txt-powderblue\:55 { color: hsl(187, 52%, 45%) } +html.var .sf-c-txt-powderblue\:60 { color: hsl(187, 52%, 40%) } +html.var .sf-c-txt-powderblue\:65 { color: hsl(187, 52%, 35%) } +html.var .sf-c-txt-powderblue\:70 { color: hsl(187, 52%, 30%) } +html.var .sf-c-txt-powderblue\:75 { color: hsl(187, 52%, 25%) } +html.var .sf-c-txt-powderblue\:80 { color: hsl(187, 52%, 20%) } +html.var .sf-c-txt-powderblue\:85 { color: hsl(187, 52%, 15%) } +html.var .sf-c-txt-powderblue\:90 { color: hsl(187, 52%, 10%) } +html.var .sf-c-txt-powderblue\:95 { color: hsl(187, 52%, 5%) } +html.var .sf-c-txt-powderblue\:100 { color: hsl(187, 52%, 0%) } + html[data-theme='dark'] .sf-c-powderblue, html.dark .sf-c-powderblue { color: hsl(var(--sf-dark-c-txt-powderblue-95)); background: hsl(var(--sf-dark-c-powderblue)) } html[data-theme='dark'] .sf-c-powderblue\:0, html.dark .sf-c-powderblue\:0 { color: hsl(var(--sf-dark-c-txt-powderblue-95)); background: hsl(var(--sf-dark-c-powderblue-100)) } html[data-theme='dark'] .sf-c-powderblue\:5, html.dark .sf-c-powderblue\:5 { color: hsl(var(--sf-dark-c-txt-powderblue-5)); background: hsl(var(--sf-dark-c-powderblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-powderblue\:90\:dark, html.dark .sf-c-powderblue\: html[data-theme='dark'] .sf-c-powderblue\:95\:dark, html.dark .sf-c-powderblue\:95\:dark { color: hsl(var(--sf-c-txt-powderblue-95)); background: hsl(var(--sf-c-powderblue-5)) } html[data-theme='dark'] .sf-c-powderblue\:100\:dark, html.dark .sf-c-powderblue\:100\:dark { color: hsl(var(--sf-c-txt-powderblue-95)); background: hsl(var(--sf-c-powderblue-0)) } +html[data-theme='dark'] .sf-c-txt-powderblue, html.dark .sf-c-txt-powderblue { color: hsl(var(--sf-c-txt-powderblue)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:0, html.dark .sf-c-txt-powderblue\:0 { color: hsl(var(--sf-c-txt-powderblue-0)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:5, html.dark .sf-c-txt-powderblue\:5 { color: hsl(var(--sf-c-txt-powderblue-5)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:10, html.dark .sf-c-txt-powderblue\:10 { color: hsl(var(--sf-c-txt-powderblue-10)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:15, html.dark .sf-c-txt-powderblue\:15 { color: hsl(var(--sf-c-txt-powderblue-15)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:20, html.dark .sf-c-txt-powderblue\:20 { color: hsl(var(--sf-c-txt-powderblue-20)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:25, html.dark .sf-c-txt-powderblue\:25 { color: hsl(var(--sf-c-txt-powderblue-25)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:30, html.dark .sf-c-txt-powderblue\:30 { color: hsl(var(--sf-c-txt-powderblue-30)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:35, html.dark .sf-c-txt-powderblue\:35 { color: hsl(var(--sf-c-txt-powderblue-35)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:40, html.dark .sf-c-txt-powderblue\:40 { color: hsl(var(--sf-c-txt-powderblue-40)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:45, html.dark .sf-c-txt-powderblue\:45 { color: hsl(var(--sf-c-txt-powderblue-45)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:50, html.dark .sf-c-txt-powderblue\:50 { color: hsl(var(--sf-c-txt-powderblue-50)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:55, html.dark .sf-c-txt-powderblue\:55 { color: hsl(var(--sf-c-txt-powderblue-55)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:60, html.dark .sf-c-txt-powderblue\:60 { color: hsl(var(--sf-c-txt-powderblue-60)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:65, html.dark .sf-c-txt-powderblue\:65 { color: hsl(var(--sf-c-txt-powderblue-65)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:70, html.dark .sf-c-txt-powderblue\:70 { color: hsl(var(--sf-c-txt-powderblue-70)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:75, html.dark .sf-c-txt-powderblue\:75 { color: hsl(var(--sf-c-txt-powderblue-75)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:80, html.dark .sf-c-txt-powderblue\:80 { color: hsl(var(--sf-c-txt-powderblue-80)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:85, html.dark .sf-c-txt-powderblue\:85 { color: hsl(var(--sf-c-txt-powderblue-85)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:90, html.dark .sf-c-txt-powderblue\:90 { color: hsl(var(--sf-c-txt-powderblue-90)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:95, html.dark .sf-c-txt-powderblue\:95 { color: hsl(var(--sf-c-txt-powderblue-95)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:100, html.dark .sf-c-txt-powderblue\:100 { color: hsl(var(--sf-c-txt-powderblue-100)) } + +html[data-theme='dark'] .sf-c-txt-powderblue\:dark, html.dark .sf-c-txt-powderblue\:dark { color: hsl(var(--sf-c-txt-powderblue)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:0\:dark, html.dark .sf-c-txt-powderblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-0)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:5\:dark, html.dark .sf-c-txt-powderblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-5)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:10\:dark, html.dark .sf-c-txt-powderblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-10)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:15\:dark, html.dark .sf-c-txt-powderblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-15)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:20\:dark, html.dark .sf-c-txt-powderblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-20)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:25\:dark, html.dark .sf-c-txt-powderblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-25)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:30\:dark, html.dark .sf-c-txt-powderblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-30)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:35\:dark, html.dark .sf-c-txt-powderblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-35)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:40\:dark, html.dark .sf-c-txt-powderblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-40)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:45\:dark, html.dark .sf-c-txt-powderblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-45)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:50\:dark, html.dark .sf-c-txt-powderblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-50)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:55\:dark, html.dark .sf-c-txt-powderblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-55)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:60\:dark, html.dark .sf-c-txt-powderblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-60)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:65\:dark, html.dark .sf-c-txt-powderblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-65)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:70\:dark, html.dark .sf-c-txt-powderblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-70)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:75\:dark, html.dark .sf-c-txt-powderblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-75)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:80\:dark, html.dark .sf-c-txt-powderblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-80)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:85\:dark, html.dark .sf-c-txt-powderblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-85)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:90\:dark, html.dark .sf-c-txt-powderblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-90)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:95\:dark, html.dark .sf-c-txt-powderblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-95)) } +html[data-theme='dark'] .sf-c-txt-powderblue\:100\:dark, html.dark .sf-c-txt-powderblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-powderblue-100)) } + html.var[data-theme='dark'] .sf-c-powderblue, html.var.dark .sf-c-powderblue { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 20%) } html.var[data-theme='dark'] .sf-c-powderblue\:0, html.var.dark .sf-c-powderblue\:0 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 100%) } html.var[data-theme='dark'] .sf-c-powderblue\:5, html.var.dark .sf-c-powderblue\:5 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-powderblue\:90\:dark, html.var.dark .sf-c-powd html.var[data-theme='dark'] .sf-c-powderblue\:95\:dark, html.var.dark .sf-c-powderblue\:95\:dark { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 5%) } html.var[data-theme='dark'] .sf-c-powderblue\:100\:dark, html.var.dark .sf-c-powderblue\:100\:dark { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue, html.dark .sf-c-txt-powderblue { color: hsl(187, 52%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:0, html.dark .sf-c-txt-powderblue\:0 { color: hsl(187, 52%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:5, html.dark .sf-c-txt-powderblue\:5 { color: hsl(187, 52%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:10, html.dark .sf-c-txt-powderblue\:10 { color: hsl(187, 52%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:15, html.dark .sf-c-txt-powderblue\:15 { color: hsl(187, 52%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:20, html.dark .sf-c-txt-powderblue\:20 { color: hsl(187, 52%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:25, html.dark .sf-c-txt-powderblue\:25 { color: hsl(187, 52%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:30, html.dark .sf-c-txt-powderblue\:30 { color: hsl(187, 52%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:35, html.dark .sf-c-txt-powderblue\:35 { color: hsl(187, 52%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:40, html.dark .sf-c-txt-powderblue\:40 { color: hsl(187, 52%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:45, html.dark .sf-c-txt-powderblue\:45 { color: hsl(187, 52%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:50, html.dark .sf-c-txt-powderblue\:50 { color: hsl(187, 52%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:55, html.dark .sf-c-txt-powderblue\:55 { color: hsl(187, 52%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:60, html.dark .sf-c-txt-powderblue\:60 { color: hsl(187, 52%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:65, html.dark .sf-c-txt-powderblue\:65 { color: hsl(187, 52%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:70, html.dark .sf-c-txt-powderblue\:70 { color: hsl(187, 52%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:75, html.dark .sf-c-txt-powderblue\:75 { color: hsl(187, 52%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:80, html.dark .sf-c-txt-powderblue\:80 { color: hsl(187, 52%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:85, html.dark .sf-c-txt-powderblue\:85 { color: hsl(187, 52%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:90, html.dark .sf-c-txt-powderblue\:90 { color: hsl(187, 52%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:95, html.dark .sf-c-txt-powderblue\:95 { color: hsl(187, 52%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:100, html.dark .sf-c-txt-powderblue\:100 { color: hsl(187, 52%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-powderblue\:dark, html.dark .sf-c-txt-powderblue\:dark { color: hsl(187, 52%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:0\:dark, html.dark .sf-c-txt-powderblue\:0\:dark { color: hsl(187, 52%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:5\:dark, html.dark .sf-c-txt-powderblue\:5\:dark { color: hsl(187, 52%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:10\:dark, html.dark .sf-c-txt-powderblue\:10\:dark { color: hsl(187, 52%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:15\:dark, html.dark .sf-c-txt-powderblue\:15\:dark { color: hsl(187, 52%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:20\:dark, html.dark .sf-c-txt-powderblue\:20\:dark { color: hsl(187, 52%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:25\:dark, html.dark .sf-c-txt-powderblue\:25\:dark { color: hsl(187, 52%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:30\:dark, html.dark .sf-c-txt-powderblue\:30\:dark { color: hsl(187, 52%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:35\:dark, html.dark .sf-c-txt-powderblue\:35\:dark { color: hsl(187, 52%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:40\:dark, html.dark .sf-c-txt-powderblue\:40\:dark { color: hsl(187, 52%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:45\:dark, html.dark .sf-c-txt-powderblue\:45\:dark { color: hsl(187, 52%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:50\:dark, html.dark .sf-c-txt-powderblue\:50\:dark { color: hsl(187, 52%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:55\:dark, html.dark .sf-c-txt-powderblue\:55\:dark { color: hsl(187, 52%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:60\:dark, html.dark .sf-c-txt-powderblue\:60\:dark { color: hsl(187, 52%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:65\:dark, html.dark .sf-c-txt-powderblue\:65\:dark { color: hsl(187, 52%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:70\:dark, html.dark .sf-c-txt-powderblue\:70\:dark { color: hsl(187, 52%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:75\:dark, html.dark .sf-c-txt-powderblue\:75\:dark { color: hsl(187, 52%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:80\:dark, html.dark .sf-c-txt-powderblue\:80\:dark { color: hsl(187, 52%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:85\:dark, html.dark .sf-c-txt-powderblue\:85\:dark { color: hsl(187, 52%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:90\:dark, html.dark .sf-c-txt-powderblue\:90\:dark { color: hsl(187, 52%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:95\:dark, html.dark .sf-c-txt-powderblue\:95\:dark { color: hsl(187, 52%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-powderblue\:100\:dark, html.dark .sf-c-txt-powderblue\:100\:dark { color: hsl(187, 52%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-powderblue, html.auto .sf-c-powderblue { color: hsl(var(--sf-dark-c-txt-powderblue-95)); background: hsl(var(--sf-dark-c-powderblue)) } html[data-theme='auto'] .sf-c-powderblue\:0, html.auto .sf-c-powderblue\:0 { color: hsl(var(--sf-dark-c-txt-powderblue-95)); background: hsl(var(--sf-dark-c-powderblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-powderblue\:100\:dark, html.var.dark .sf-c-pow html[data-theme='auto'] .sf-c-powderblue\:95\:dark, html.auto .sf-c-powderblue\:95\:dark { color: hsl(var(--sf-c-txt-powderblue-95)); background: hsl(var(--sf-c-powderblue-5)) } html[data-theme='auto'] .sf-c-powderblue\:100\:dark, html.auto .sf-c-powderblue\:100\:dark { color: hsl(var(--sf-c-txt-powderblue-95)); background: hsl(var(--sf-c-powderblue-0)) } + html[data-theme='auto'] .sf-c-txt-powderblue, html.auto .sf-c-txt-powderblue { color: hsl(var(--sf-c-txt-powderblue)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:0, html.auto .sf-c-txt-powderblue\:0 { color: hsl(var(--sf-c-txt-powderblue-0)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:5, html.auto .sf-c-txt-powderblue\:5 { color: hsl(var(--sf-c-txt-powderblue-5)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:10, html.auto .sf-c-txt-powderblue\:10 { color: hsl(var(--sf-c-txt-powderblue-10)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:15, html.auto .sf-c-txt-powderblue\:15 { color: hsl(var(--sf-c-txt-powderblue-15)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:20, html.auto .sf-c-txt-powderblue\:20 { color: hsl(var(--sf-c-txt-powderblue-20)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:25, html.auto .sf-c-txt-powderblue\:25 { color: hsl(var(--sf-c-txt-powderblue-25)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:30, html.auto .sf-c-txt-powderblue\:30 { color: hsl(var(--sf-c-txt-powderblue-30)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:35, html.auto .sf-c-txt-powderblue\:35 { color: hsl(var(--sf-c-txt-powderblue-35)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:40, html.auto .sf-c-txt-powderblue\:40 { color: hsl(var(--sf-c-txt-powderblue-40)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:45, html.auto .sf-c-txt-powderblue\:45 { color: hsl(var(--sf-c-txt-powderblue-45)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:50, html.auto .sf-c-txt-powderblue\:50 { color: hsl(var(--sf-c-txt-powderblue-50)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:55, html.auto .sf-c-txt-powderblue\:55 { color: hsl(var(--sf-c-txt-powderblue-55)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:60, html.auto .sf-c-txt-powderblue\:60 { color: hsl(var(--sf-c-txt-powderblue-60)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:65, html.auto .sf-c-txt-powderblue\:65 { color: hsl(var(--sf-c-txt-powderblue-65)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:70, html.auto .sf-c-txt-powderblue\:70 { color: hsl(var(--sf-c-txt-powderblue-70)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:75, html.auto .sf-c-txt-powderblue\:75 { color: hsl(var(--sf-c-txt-powderblue-75)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:80, html.auto .sf-c-txt-powderblue\:80 { color: hsl(var(--sf-c-txt-powderblue-80)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:85, html.auto .sf-c-txt-powderblue\:85 { color: hsl(var(--sf-c-txt-powderblue-85)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:90, html.auto .sf-c-txt-powderblue\:90 { color: hsl(var(--sf-c-txt-powderblue-90)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:95, html.auto .sf-c-txt-powderblue\:95 { color: hsl(var(--sf-c-txt-powderblue-95)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:100, html.auto .sf-c-txt-powderblue\:100 { color: hsl(var(--sf-c-txt-powderblue-100)) } + + html[data-theme='auto'] .sf-c-txt-powderblue\:dark, html.auto .sf-c-txt-powderblue\:dark { color: hsl(var(--sf-c-txt-powderblue)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:0\:dark, html.auto .sf-c-txt-powderblue\:0\:dark { color: hsl(var(--sf-c-txt-powderblue-0)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:5\:dark, html.auto .sf-c-txt-powderblue\:5\:dark { color: hsl(var(--sf-c-txt-powderblue-5)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:10\:dark, html.auto .sf-c-txt-powderblue\:10\:dark { color: hsl(var(--sf-c-txt-powderblue-10)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:15\:dark, html.auto .sf-c-txt-powderblue\:15\:dark { color: hsl(var(--sf-c-txt-powderblue-15)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:20\:dark, html.auto .sf-c-txt-powderblue\:20\:dark { color: hsl(var(--sf-c-txt-powderblue-20)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:25\:dark, html.auto .sf-c-txt-powderblue\:25\:dark { color: hsl(var(--sf-c-txt-powderblue-25)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:30\:dark, html.auto .sf-c-txt-powderblue\:30\:dark { color: hsl(var(--sf-c-txt-powderblue-30)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:35\:dark, html.auto .sf-c-txt-powderblue\:35\:dark { color: hsl(var(--sf-c-txt-powderblue-35)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:40\:dark, html.auto .sf-c-txt-powderblue\:40\:dark { color: hsl(var(--sf-c-txt-powderblue-40)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:45\:dark, html.auto .sf-c-txt-powderblue\:45\:dark { color: hsl(var(--sf-c-txt-powderblue-45)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:50\:dark, html.auto .sf-c-txt-powderblue\:50\:dark { color: hsl(var(--sf-c-txt-powderblue-50)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:55\:dark, html.auto .sf-c-txt-powderblue\:55\:dark { color: hsl(var(--sf-c-txt-powderblue-55)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:60\:dark, html.auto .sf-c-txt-powderblue\:60\:dark { color: hsl(var(--sf-c-txt-powderblue-60)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:65\:dark, html.auto .sf-c-txt-powderblue\:65\:dark { color: hsl(var(--sf-c-txt-powderblue-65)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:70\:dark, html.auto .sf-c-txt-powderblue\:70\:dark { color: hsl(var(--sf-c-txt-powderblue-70)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:75\:dark, html.auto .sf-c-txt-powderblue\:75\:dark { color: hsl(var(--sf-c-txt-powderblue-75)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:80\:dark, html.auto .sf-c-txt-powderblue\:80\:dark { color: hsl(var(--sf-c-txt-powderblue-80)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:85\:dark, html.auto .sf-c-txt-powderblue\:85\:dark { color: hsl(var(--sf-c-txt-powderblue-85)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:90\:dark, html.auto .sf-c-txt-powderblue\:90\:dark { color: hsl(var(--sf-c-txt-powderblue-90)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:95\:dark, html.auto .sf-c-txt-powderblue\:95\:dark { color: hsl(var(--sf-c-txt-powderblue-95)) } + html[data-theme='auto'] .sf-c-txt-powderblue\:100\:dark, html.auto .sf-c-txt-powderblue\:100\:dark { color: hsl(var(--sf-c-txt-powderblue-100)) } + html.var[data-theme='auto'] .sf-c-powderblue, html.var.auto .sf-c-powderblue { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 20%) } html.var[data-theme='auto'] .sf-c-powderblue\:0, html.var.auto .sf-c-powderblue\:0 { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 100%) } html.var[data-theme='auto'] .sf-c-powderblue\:5, html.var.auto .sf-c-powderblue\:5 { color: hsl(187, 52%, 5%); background: hsl(187, 52%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-powderblue\:100\:dark, html.var.dark .sf-c-pow html.var[data-theme='auto'] .sf-c-powderblue\:90\:dark, html.var.auto .sf-c-powderblue\:90\:dark { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 10%) } html.var[data-theme='auto'] .sf-c-powderblue\:95\:dark, html.var.auto .sf-c-powderblue\:95\:dark { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 5%) } html.var[data-theme='auto'] .sf-c-powderblue\:100\:dark, html.var.auto .sf-c-powderblue\:100\:dark { color: hsl(187, 52%, 95%); background: hsl(187, 52%, 0%) } -} -.sf-c-txt-powderblue { color: hsl(var(--sf-c-txt-powderblue)) } -.sf-c-txt-powderblue\:0 { color: hsl(var(--sf-c-txt-powderblue-0)) } -.sf-c-txt-powderblue\:5 { color: hsl(var(--sf-c-txt-powderblue-5)) } -.sf-c-txt-powderblue\:10 { color: hsl(var(--sf-c-txt-powderblue-10)) } -.sf-c-txt-powderblue\:15 { color: hsl(var(--sf-c-txt-powderblue-15)) } -.sf-c-txt-powderblue\:20 { color: hsl(var(--sf-c-txt-powderblue-20)) } -.sf-c-txt-powderblue\:25 { color: hsl(var(--sf-c-txt-powderblue-25)) } -.sf-c-txt-powderblue\:30 { color: hsl(var(--sf-c-txt-powderblue-30)) } -.sf-c-txt-powderblue\:35 { color: hsl(var(--sf-c-txt-powderblue-35)) } -.sf-c-txt-powderblue\:40 { color: hsl(var(--sf-c-txt-powderblue-40)) } -.sf-c-txt-powderblue\:45 { color: hsl(var(--sf-c-txt-powderblue-45)) } -.sf-c-txt-powderblue\:50 { color: hsl(var(--sf-c-txt-powderblue-50)) } -.sf-c-txt-powderblue\:55 { color: hsl(var(--sf-c-txt-powderblue-55)) } -.sf-c-txt-powderblue\:60 { color: hsl(var(--sf-c-txt-powderblue-60)) } -.sf-c-txt-powderblue\:65 { color: hsl(var(--sf-c-txt-powderblue-65)) } -.sf-c-txt-powderblue\:70 { color: hsl(var(--sf-c-txt-powderblue-70)) } -.sf-c-txt-powderblue\:75 { color: hsl(var(--sf-c-txt-powderblue-75)) } -.sf-c-txt-powderblue\:80 { color: hsl(var(--sf-c-txt-powderblue-80)) } -.sf-c-txt-powderblue\:85 { color: hsl(var(--sf-c-txt-powderblue-85)) } -.sf-c-txt-powderblue\:90 { color: hsl(var(--sf-c-txt-powderblue-90)) } -.sf-c-txt-powderblue\:95 { color: hsl(var(--sf-c-txt-powderblue-95)) } -.sf-c-txt-powderblue\:100 { color: hsl(var(--sf-c-txt-powderblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-powderblue, html.auto .sf-c-txt-powderblue { color: hsl(187, 52%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:0, html.auto .sf-c-txt-powderblue\:0 { color: hsl(187, 52%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:5, html.auto .sf-c-txt-powderblue\:5 { color: hsl(187, 52%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:10, html.auto .sf-c-txt-powderblue\:10 { color: hsl(187, 52%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:15, html.auto .sf-c-txt-powderblue\:15 { color: hsl(187, 52%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:20, html.auto .sf-c-txt-powderblue\:20 { color: hsl(187, 52%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:25, html.auto .sf-c-txt-powderblue\:25 { color: hsl(187, 52%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:30, html.auto .sf-c-txt-powderblue\:30 { color: hsl(187, 52%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:35, html.auto .sf-c-txt-powderblue\:35 { color: hsl(187, 52%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:40, html.auto .sf-c-txt-powderblue\:40 { color: hsl(187, 52%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:45, html.auto .sf-c-txt-powderblue\:45 { color: hsl(187, 52%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:50, html.auto .sf-c-txt-powderblue\:50 { color: hsl(187, 52%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:55, html.auto .sf-c-txt-powderblue\:55 { color: hsl(187, 52%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:60, html.auto .sf-c-txt-powderblue\:60 { color: hsl(187, 52%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:65, html.auto .sf-c-txt-powderblue\:65 { color: hsl(187, 52%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:70, html.auto .sf-c-txt-powderblue\:70 { color: hsl(187, 52%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:75, html.auto .sf-c-txt-powderblue\:75 { color: hsl(187, 52%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:80, html.auto .sf-c-txt-powderblue\:80 { color: hsl(187, 52%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:85, html.auto .sf-c-txt-powderblue\:85 { color: hsl(187, 52%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:90, html.auto .sf-c-txt-powderblue\:90 { color: hsl(187, 52%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:95, html.auto .sf-c-txt-powderblue\:95 { color: hsl(187, 52%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:100, html.auto .sf-c-txt-powderblue\:100 { color: hsl(187, 52%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-powderblue\:dark, html.auto .sf-c-txt-powderblue\:dark { color: hsl(187, 52%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:0\:dark, html.auto .sf-c-txt-powderblue\:0\:dark { color: hsl(187, 52%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:5\:dark, html.auto .sf-c-txt-powderblue\:5\:dark { color: hsl(187, 52%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:10\:dark, html.auto .sf-c-txt-powderblue\:10\:dark { color: hsl(187, 52%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:15\:dark, html.auto .sf-c-txt-powderblue\:15\:dark { color: hsl(187, 52%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:20\:dark, html.auto .sf-c-txt-powderblue\:20\:dark { color: hsl(187, 52%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:25\:dark, html.auto .sf-c-txt-powderblue\:25\:dark { color: hsl(187, 52%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:30\:dark, html.auto .sf-c-txt-powderblue\:30\:dark { color: hsl(187, 52%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:35\:dark, html.auto .sf-c-txt-powderblue\:35\:dark { color: hsl(187, 52%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:40\:dark, html.auto .sf-c-txt-powderblue\:40\:dark { color: hsl(187, 52%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:45\:dark, html.auto .sf-c-txt-powderblue\:45\:dark { color: hsl(187, 52%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:50\:dark, html.auto .sf-c-txt-powderblue\:50\:dark { color: hsl(187, 52%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:55\:dark, html.auto .sf-c-txt-powderblue\:55\:dark { color: hsl(187, 52%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:60\:dark, html.auto .sf-c-txt-powderblue\:60\:dark { color: hsl(187, 52%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:65\:dark, html.auto .sf-c-txt-powderblue\:65\:dark { color: hsl(187, 52%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:70\:dark, html.auto .sf-c-txt-powderblue\:70\:dark { color: hsl(187, 52%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:75\:dark, html.auto .sf-c-txt-powderblue\:75\:dark { color: hsl(187, 52%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:80\:dark, html.auto .sf-c-txt-powderblue\:80\:dark { color: hsl(187, 52%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:85\:dark, html.auto .sf-c-txt-powderblue\:85\:dark { color: hsl(187, 52%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:90\:dark, html.auto .sf-c-txt-powderblue\:90\:dark { color: hsl(187, 52%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:95\:dark, html.auto .sf-c-txt-powderblue\:95\:dark { color: hsl(187, 52%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-powderblue\:100\:dark, html.auto .sf-c-txt-powderblue\:100\:dark { color: hsl(187, 52%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/purple.css b/src/colors/20/purple.css index 7f08a47..42791a8 100644 --- a/src/colors/20/purple.css +++ b/src/colors/20/purple.css @@ -138,6 +138,52 @@ html.var .sf-c-purple\:90 { color: hsl(300, 100%, 5%); background: hsl(300, 100% html.var .sf-c-purple\:95 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } html.var .sf-c-purple\:100 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 100%) } +.sf-c-txt-purple { color: hsl(var(--sf-dark-c-txt-purple)) } +.sf-c-txt-purple\:0 { color: hsl(var(--sf-dark-c-txt-purple-100)) } +.sf-c-txt-purple\:5 { color: hsl(var(--sf-dark-c-txt-purple-95)) } +.sf-c-txt-purple\:10 { color: hsl(var(--sf-dark-c-txt-purple-90)) } +.sf-c-txt-purple\:15 { color: hsl(var(--sf-dark-c-txt-purple-85)) } +.sf-c-txt-purple\:20 { color: hsl(var(--sf-dark-c-txt-purple-80)) } +.sf-c-txt-purple\:25 { color: hsl(var(--sf-dark-c-txt-purple-75)) } +.sf-c-txt-purple\:30 { color: hsl(var(--sf-dark-c-txt-purple-70)) } +.sf-c-txt-purple\:35 { color: hsl(var(--sf-dark-c-txt-purple-65)) } +.sf-c-txt-purple\:40 { color: hsl(var(--sf-dark-c-txt-purple-60)) } +.sf-c-txt-purple\:45 { color: hsl(var(--sf-dark-c-txt-purple-55)) } +.sf-c-txt-purple\:50 { color: hsl(var(--sf-dark-c-txt-purple-50)) } +.sf-c-txt-purple\:55 { color: hsl(var(--sf-dark-c-txt-purple-45)) } +.sf-c-txt-purple\:60 { color: hsl(var(--sf-dark-c-txt-purple-40)) } +.sf-c-txt-purple\:65 { color: hsl(var(--sf-dark-c-txt-purple-35)) } +.sf-c-txt-purple\:70 { color: hsl(var(--sf-dark-c-txt-purple-30)) } +.sf-c-txt-purple\:75 { color: hsl(var(--sf-dark-c-txt-purple-25)) } +.sf-c-txt-purple\:80 { color: hsl(var(--sf-dark-c-txt-purple-20)) } +.sf-c-txt-purple\:85 { color: hsl(var(--sf-dark-c-txt-purple-15)) } +.sf-c-txt-purple\:90 { color: hsl(var(--sf-dark-c-txt-purple-10)) } +.sf-c-txt-purple\:95 { color: hsl(var(--sf-dark-c-txt-purple-5)) } +.sf-c-txt-purple\:100 { color: hsl(var(--sf-dark-c-txt-purple-0)) } + +html.var .sf-c-txt-purple { color: hsl(300, 100%, 75%) } +html.var .sf-c-txt-purple\:0 { color: hsl(300, 100%, 100%) } +html.var .sf-c-txt-purple\:5 { color: hsl(300, 100%, 95%) } +html.var .sf-c-txt-purple\:10 { color: hsl(300, 100%, 90%) } +html.var .sf-c-txt-purple\:15 { color: hsl(300, 100%, 85%) } +html.var .sf-c-txt-purple\:20 { color: hsl(300, 100%, 80%) } +html.var .sf-c-txt-purple\:25 { color: hsl(300, 100%, 75%) } +html.var .sf-c-txt-purple\:30 { color: hsl(300, 100%, 70%) } +html.var .sf-c-txt-purple\:35 { color: hsl(300, 100%, 65%) } +html.var .sf-c-txt-purple\:40 { color: hsl(300, 100%, 60%) } +html.var .sf-c-txt-purple\:45 { color: hsl(300, 100%, 55%) } +html.var .sf-c-txt-purple\:50 { color: hsl(300, 100%, 50%) } +html.var .sf-c-txt-purple\:55 { color: hsl(300, 100%, 45%) } +html.var .sf-c-txt-purple\:60 { color: hsl(300, 100%, 40%) } +html.var .sf-c-txt-purple\:65 { color: hsl(300, 100%, 35%) } +html.var .sf-c-txt-purple\:70 { color: hsl(300, 100%, 30%) } +html.var .sf-c-txt-purple\:75 { color: hsl(300, 100%, 25%) } +html.var .sf-c-txt-purple\:80 { color: hsl(300, 100%, 20%) } +html.var .sf-c-txt-purple\:85 { color: hsl(300, 100%, 15%) } +html.var .sf-c-txt-purple\:90 { color: hsl(300, 100%, 10%) } +html.var .sf-c-txt-purple\:95 { color: hsl(300, 100%, 5%) } +html.var .sf-c-txt-purple\:100 { color: hsl(300, 100%, 0%) } + html[data-theme='dark'] .sf-c-purple, html.dark .sf-c-purple { color: hsl(var(--sf-dark-c-txt-purple-5)); background: hsl(var(--sf-dark-c-purple)) } html[data-theme='dark'] .sf-c-purple\:0, html.dark .sf-c-purple\:0 { color: hsl(var(--sf-dark-c-txt-purple-95)); background: hsl(var(--sf-dark-c-purple-100)) } html[data-theme='dark'] .sf-c-purple\:5, html.dark .sf-c-purple\:5 { color: hsl(var(--sf-dark-c-txt-purple-5)); background: hsl(var(--sf-dark-c-purple-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-purple\:90\:dark, html.dark .sf-c-purple\:90\:dark html[data-theme='dark'] .sf-c-purple\:95\:dark, html.dark .sf-c-purple\:95\:dark { color: hsl(var(--sf-c-txt-purple-95)); background: hsl(var(--sf-c-purple-5)) } html[data-theme='dark'] .sf-c-purple\:100\:dark, html.dark .sf-c-purple\:100\:dark { color: hsl(var(--sf-c-txt-purple-95)); background: hsl(var(--sf-c-purple-0)) } +html[data-theme='dark'] .sf-c-txt-purple, html.dark .sf-c-txt-purple { color: hsl(var(--sf-c-txt-purple)) } +html[data-theme='dark'] .sf-c-txt-purple\:0, html.dark .sf-c-txt-purple\:0 { color: hsl(var(--sf-c-txt-purple-0)) } +html[data-theme='dark'] .sf-c-txt-purple\:5, html.dark .sf-c-txt-purple\:5 { color: hsl(var(--sf-c-txt-purple-5)) } +html[data-theme='dark'] .sf-c-txt-purple\:10, html.dark .sf-c-txt-purple\:10 { color: hsl(var(--sf-c-txt-purple-10)) } +html[data-theme='dark'] .sf-c-txt-purple\:15, html.dark .sf-c-txt-purple\:15 { color: hsl(var(--sf-c-txt-purple-15)) } +html[data-theme='dark'] .sf-c-txt-purple\:20, html.dark .sf-c-txt-purple\:20 { color: hsl(var(--sf-c-txt-purple-20)) } +html[data-theme='dark'] .sf-c-txt-purple\:25, html.dark .sf-c-txt-purple\:25 { color: hsl(var(--sf-c-txt-purple-25)) } +html[data-theme='dark'] .sf-c-txt-purple\:30, html.dark .sf-c-txt-purple\:30 { color: hsl(var(--sf-c-txt-purple-30)) } +html[data-theme='dark'] .sf-c-txt-purple\:35, html.dark .sf-c-txt-purple\:35 { color: hsl(var(--sf-c-txt-purple-35)) } +html[data-theme='dark'] .sf-c-txt-purple\:40, html.dark .sf-c-txt-purple\:40 { color: hsl(var(--sf-c-txt-purple-40)) } +html[data-theme='dark'] .sf-c-txt-purple\:45, html.dark .sf-c-txt-purple\:45 { color: hsl(var(--sf-c-txt-purple-45)) } +html[data-theme='dark'] .sf-c-txt-purple\:50, html.dark .sf-c-txt-purple\:50 { color: hsl(var(--sf-c-txt-purple-50)) } +html[data-theme='dark'] .sf-c-txt-purple\:55, html.dark .sf-c-txt-purple\:55 { color: hsl(var(--sf-c-txt-purple-55)) } +html[data-theme='dark'] .sf-c-txt-purple\:60, html.dark .sf-c-txt-purple\:60 { color: hsl(var(--sf-c-txt-purple-60)) } +html[data-theme='dark'] .sf-c-txt-purple\:65, html.dark .sf-c-txt-purple\:65 { color: hsl(var(--sf-c-txt-purple-65)) } +html[data-theme='dark'] .sf-c-txt-purple\:70, html.dark .sf-c-txt-purple\:70 { color: hsl(var(--sf-c-txt-purple-70)) } +html[data-theme='dark'] .sf-c-txt-purple\:75, html.dark .sf-c-txt-purple\:75 { color: hsl(var(--sf-c-txt-purple-75)) } +html[data-theme='dark'] .sf-c-txt-purple\:80, html.dark .sf-c-txt-purple\:80 { color: hsl(var(--sf-c-txt-purple-80)) } +html[data-theme='dark'] .sf-c-txt-purple\:85, html.dark .sf-c-txt-purple\:85 { color: hsl(var(--sf-c-txt-purple-85)) } +html[data-theme='dark'] .sf-c-txt-purple\:90, html.dark .sf-c-txt-purple\:90 { color: hsl(var(--sf-c-txt-purple-90)) } +html[data-theme='dark'] .sf-c-txt-purple\:95, html.dark .sf-c-txt-purple\:95 { color: hsl(var(--sf-c-txt-purple-95)) } +html[data-theme='dark'] .sf-c-txt-purple\:100, html.dark .sf-c-txt-purple\:100 { color: hsl(var(--sf-c-txt-purple-100)) } + +html[data-theme='dark'] .sf-c-txt-purple\:dark, html.dark .sf-c-txt-purple\:dark { color: hsl(var(--sf-c-txt-purple)) } +html[data-theme='dark'] .sf-c-txt-purple\:0\:dark, html.dark .sf-c-txt-purple\:0\:dark { color: hsl(var(--sf-dark-c-txt-purple-0)) } +html[data-theme='dark'] .sf-c-txt-purple\:5\:dark, html.dark .sf-c-txt-purple\:5\:dark { color: hsl(var(--sf-dark-c-txt-purple-5)) } +html[data-theme='dark'] .sf-c-txt-purple\:10\:dark, html.dark .sf-c-txt-purple\:10\:dark { color: hsl(var(--sf-dark-c-txt-purple-10)) } +html[data-theme='dark'] .sf-c-txt-purple\:15\:dark, html.dark .sf-c-txt-purple\:15\:dark { color: hsl(var(--sf-dark-c-txt-purple-15)) } +html[data-theme='dark'] .sf-c-txt-purple\:20\:dark, html.dark .sf-c-txt-purple\:20\:dark { color: hsl(var(--sf-dark-c-txt-purple-20)) } +html[data-theme='dark'] .sf-c-txt-purple\:25\:dark, html.dark .sf-c-txt-purple\:25\:dark { color: hsl(var(--sf-dark-c-txt-purple-25)) } +html[data-theme='dark'] .sf-c-txt-purple\:30\:dark, html.dark .sf-c-txt-purple\:30\:dark { color: hsl(var(--sf-dark-c-txt-purple-30)) } +html[data-theme='dark'] .sf-c-txt-purple\:35\:dark, html.dark .sf-c-txt-purple\:35\:dark { color: hsl(var(--sf-dark-c-txt-purple-35)) } +html[data-theme='dark'] .sf-c-txt-purple\:40\:dark, html.dark .sf-c-txt-purple\:40\:dark { color: hsl(var(--sf-dark-c-txt-purple-40)) } +html[data-theme='dark'] .sf-c-txt-purple\:45\:dark, html.dark .sf-c-txt-purple\:45\:dark { color: hsl(var(--sf-dark-c-txt-purple-45)) } +html[data-theme='dark'] .sf-c-txt-purple\:50\:dark, html.dark .sf-c-txt-purple\:50\:dark { color: hsl(var(--sf-dark-c-txt-purple-50)) } +html[data-theme='dark'] .sf-c-txt-purple\:55\:dark, html.dark .sf-c-txt-purple\:55\:dark { color: hsl(var(--sf-dark-c-txt-purple-55)) } +html[data-theme='dark'] .sf-c-txt-purple\:60\:dark, html.dark .sf-c-txt-purple\:60\:dark { color: hsl(var(--sf-dark-c-txt-purple-60)) } +html[data-theme='dark'] .sf-c-txt-purple\:65\:dark, html.dark .sf-c-txt-purple\:65\:dark { color: hsl(var(--sf-dark-c-txt-purple-65)) } +html[data-theme='dark'] .sf-c-txt-purple\:70\:dark, html.dark .sf-c-txt-purple\:70\:dark { color: hsl(var(--sf-dark-c-txt-purple-70)) } +html[data-theme='dark'] .sf-c-txt-purple\:75\:dark, html.dark .sf-c-txt-purple\:75\:dark { color: hsl(var(--sf-dark-c-txt-purple-75)) } +html[data-theme='dark'] .sf-c-txt-purple\:80\:dark, html.dark .sf-c-txt-purple\:80\:dark { color: hsl(var(--sf-dark-c-txt-purple-80)) } +html[data-theme='dark'] .sf-c-txt-purple\:85\:dark, html.dark .sf-c-txt-purple\:85\:dark { color: hsl(var(--sf-dark-c-txt-purple-85)) } +html[data-theme='dark'] .sf-c-txt-purple\:90\:dark, html.dark .sf-c-txt-purple\:90\:dark { color: hsl(var(--sf-dark-c-txt-purple-90)) } +html[data-theme='dark'] .sf-c-txt-purple\:95\:dark, html.dark .sf-c-txt-purple\:95\:dark { color: hsl(var(--sf-dark-c-txt-purple-95)) } +html[data-theme='dark'] .sf-c-txt-purple\:100\:dark, html.dark .sf-c-txt-purple\:100\:dark { color: hsl(var(--sf-dark-c-txt-purple-100)) } + html.var[data-theme='dark'] .sf-c-purple, html.var.dark .sf-c-purple { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } html.var[data-theme='dark'] .sf-c-purple\:0, html.var.dark .sf-c-purple\:0 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 100%) } html.var[data-theme='dark'] .sf-c-purple\:5, html.var.dark .sf-c-purple\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-purple\:90\:dark, html.var.dark .sf-c-purple\: html.var[data-theme='dark'] .sf-c-purple\:95\:dark, html.var.dark .sf-c-purple\:95\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } html.var[data-theme='dark'] .sf-c-purple\:100\:dark, html.var.dark .sf-c-purple\:100\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-purple, html.dark .sf-c-txt-purple { color: hsl(300, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:0, html.dark .sf-c-txt-purple\:0 { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:5, html.dark .sf-c-txt-purple\:5 { color: hsl(300, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:10, html.dark .sf-c-txt-purple\:10 { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:15, html.dark .sf-c-txt-purple\:15 { color: hsl(300, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:20, html.dark .sf-c-txt-purple\:20 { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:25, html.dark .sf-c-txt-purple\:25 { color: hsl(300, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:30, html.dark .sf-c-txt-purple\:30 { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:35, html.dark .sf-c-txt-purple\:35 { color: hsl(300, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:40, html.dark .sf-c-txt-purple\:40 { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:45, html.dark .sf-c-txt-purple\:45 { color: hsl(300, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:50, html.dark .sf-c-txt-purple\:50 { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:55, html.dark .sf-c-txt-purple\:55 { color: hsl(300, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:60, html.dark .sf-c-txt-purple\:60 { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:65, html.dark .sf-c-txt-purple\:65 { color: hsl(300, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:70, html.dark .sf-c-txt-purple\:70 { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:75, html.dark .sf-c-txt-purple\:75 { color: hsl(300, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:80, html.dark .sf-c-txt-purple\:80 { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:85, html.dark .sf-c-txt-purple\:85 { color: hsl(300, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:90, html.dark .sf-c-txt-purple\:90 { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:95, html.dark .sf-c-txt-purple\:95 { color: hsl(300, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:100, html.dark .sf-c-txt-purple\:100 { color: hsl(300, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-purple\:dark, html.dark .sf-c-txt-purple\:dark { color: hsl(300, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:0\:dark, html.dark .sf-c-txt-purple\:0\:dark { color: hsl(300, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:5\:dark, html.dark .sf-c-txt-purple\:5\:dark { color: hsl(300, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:10\:dark, html.dark .sf-c-txt-purple\:10\:dark { color: hsl(300, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:15\:dark, html.dark .sf-c-txt-purple\:15\:dark { color: hsl(300, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:20\:dark, html.dark .sf-c-txt-purple\:20\:dark { color: hsl(300, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:25\:dark, html.dark .sf-c-txt-purple\:25\:dark { color: hsl(300, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:30\:dark, html.dark .sf-c-txt-purple\:30\:dark { color: hsl(300, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:35\:dark, html.dark .sf-c-txt-purple\:35\:dark { color: hsl(300, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:40\:dark, html.dark .sf-c-txt-purple\:40\:dark { color: hsl(300, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:45\:dark, html.dark .sf-c-txt-purple\:45\:dark { color: hsl(300, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:50\:dark, html.dark .sf-c-txt-purple\:50\:dark { color: hsl(300, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:55\:dark, html.dark .sf-c-txt-purple\:55\:dark { color: hsl(300, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:60\:dark, html.dark .sf-c-txt-purple\:60\:dark { color: hsl(300, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:65\:dark, html.dark .sf-c-txt-purple\:65\:dark { color: hsl(300, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:70\:dark, html.dark .sf-c-txt-purple\:70\:dark { color: hsl(300, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:75\:dark, html.dark .sf-c-txt-purple\:75\:dark { color: hsl(300, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:80\:dark, html.dark .sf-c-txt-purple\:80\:dark { color: hsl(300, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:85\:dark, html.dark .sf-c-txt-purple\:85\:dark { color: hsl(300, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:90\:dark, html.dark .sf-c-txt-purple\:90\:dark { color: hsl(300, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:95\:dark, html.dark .sf-c-txt-purple\:95\:dark { color: hsl(300, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-purple\:100\:dark, html.dark .sf-c-txt-purple\:100\:dark { color: hsl(300, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-purple, html.auto .sf-c-purple { color: hsl(var(--sf-dark-c-txt-purple-5)); background: hsl(var(--sf-dark-c-purple)) } html[data-theme='auto'] .sf-c-purple\:0, html.auto .sf-c-purple\:0 { color: hsl(var(--sf-dark-c-txt-purple-95)); background: hsl(var(--sf-dark-c-purple-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-purple\:100\:dark, html.var.dark .sf-c-purple\ html[data-theme='auto'] .sf-c-purple\:95\:dark, html.auto .sf-c-purple\:95\:dark { color: hsl(var(--sf-c-txt-purple-95)); background: hsl(var(--sf-c-purple-5)) } html[data-theme='auto'] .sf-c-purple\:100\:dark, html.auto .sf-c-purple\:100\:dark { color: hsl(var(--sf-c-txt-purple-95)); background: hsl(var(--sf-c-purple-0)) } + html[data-theme='auto'] .sf-c-txt-purple, html.auto .sf-c-txt-purple { color: hsl(var(--sf-c-txt-purple)) } + html[data-theme='auto'] .sf-c-txt-purple\:0, html.auto .sf-c-txt-purple\:0 { color: hsl(var(--sf-c-txt-purple-0)) } + html[data-theme='auto'] .sf-c-txt-purple\:5, html.auto .sf-c-txt-purple\:5 { color: hsl(var(--sf-c-txt-purple-5)) } + html[data-theme='auto'] .sf-c-txt-purple\:10, html.auto .sf-c-txt-purple\:10 { color: hsl(var(--sf-c-txt-purple-10)) } + html[data-theme='auto'] .sf-c-txt-purple\:15, html.auto .sf-c-txt-purple\:15 { color: hsl(var(--sf-c-txt-purple-15)) } + html[data-theme='auto'] .sf-c-txt-purple\:20, html.auto .sf-c-txt-purple\:20 { color: hsl(var(--sf-c-txt-purple-20)) } + html[data-theme='auto'] .sf-c-txt-purple\:25, html.auto .sf-c-txt-purple\:25 { color: hsl(var(--sf-c-txt-purple-25)) } + html[data-theme='auto'] .sf-c-txt-purple\:30, html.auto .sf-c-txt-purple\:30 { color: hsl(var(--sf-c-txt-purple-30)) } + html[data-theme='auto'] .sf-c-txt-purple\:35, html.auto .sf-c-txt-purple\:35 { color: hsl(var(--sf-c-txt-purple-35)) } + html[data-theme='auto'] .sf-c-txt-purple\:40, html.auto .sf-c-txt-purple\:40 { color: hsl(var(--sf-c-txt-purple-40)) } + html[data-theme='auto'] .sf-c-txt-purple\:45, html.auto .sf-c-txt-purple\:45 { color: hsl(var(--sf-c-txt-purple-45)) } + html[data-theme='auto'] .sf-c-txt-purple\:50, html.auto .sf-c-txt-purple\:50 { color: hsl(var(--sf-c-txt-purple-50)) } + html[data-theme='auto'] .sf-c-txt-purple\:55, html.auto .sf-c-txt-purple\:55 { color: hsl(var(--sf-c-txt-purple-55)) } + html[data-theme='auto'] .sf-c-txt-purple\:60, html.auto .sf-c-txt-purple\:60 { color: hsl(var(--sf-c-txt-purple-60)) } + html[data-theme='auto'] .sf-c-txt-purple\:65, html.auto .sf-c-txt-purple\:65 { color: hsl(var(--sf-c-txt-purple-65)) } + html[data-theme='auto'] .sf-c-txt-purple\:70, html.auto .sf-c-txt-purple\:70 { color: hsl(var(--sf-c-txt-purple-70)) } + html[data-theme='auto'] .sf-c-txt-purple\:75, html.auto .sf-c-txt-purple\:75 { color: hsl(var(--sf-c-txt-purple-75)) } + html[data-theme='auto'] .sf-c-txt-purple\:80, html.auto .sf-c-txt-purple\:80 { color: hsl(var(--sf-c-txt-purple-80)) } + html[data-theme='auto'] .sf-c-txt-purple\:85, html.auto .sf-c-txt-purple\:85 { color: hsl(var(--sf-c-txt-purple-85)) } + html[data-theme='auto'] .sf-c-txt-purple\:90, html.auto .sf-c-txt-purple\:90 { color: hsl(var(--sf-c-txt-purple-90)) } + html[data-theme='auto'] .sf-c-txt-purple\:95, html.auto .sf-c-txt-purple\:95 { color: hsl(var(--sf-c-txt-purple-95)) } + html[data-theme='auto'] .sf-c-txt-purple\:100, html.auto .sf-c-txt-purple\:100 { color: hsl(var(--sf-c-txt-purple-100)) } + + html[data-theme='auto'] .sf-c-txt-purple\:dark, html.auto .sf-c-txt-purple\:dark { color: hsl(var(--sf-c-txt-purple)) } + html[data-theme='auto'] .sf-c-txt-purple\:0\:dark, html.auto .sf-c-txt-purple\:0\:dark { color: hsl(var(--sf-c-txt-purple-0)) } + html[data-theme='auto'] .sf-c-txt-purple\:5\:dark, html.auto .sf-c-txt-purple\:5\:dark { color: hsl(var(--sf-c-txt-purple-5)) } + html[data-theme='auto'] .sf-c-txt-purple\:10\:dark, html.auto .sf-c-txt-purple\:10\:dark { color: hsl(var(--sf-c-txt-purple-10)) } + html[data-theme='auto'] .sf-c-txt-purple\:15\:dark, html.auto .sf-c-txt-purple\:15\:dark { color: hsl(var(--sf-c-txt-purple-15)) } + html[data-theme='auto'] .sf-c-txt-purple\:20\:dark, html.auto .sf-c-txt-purple\:20\:dark { color: hsl(var(--sf-c-txt-purple-20)) } + html[data-theme='auto'] .sf-c-txt-purple\:25\:dark, html.auto .sf-c-txt-purple\:25\:dark { color: hsl(var(--sf-c-txt-purple-25)) } + html[data-theme='auto'] .sf-c-txt-purple\:30\:dark, html.auto .sf-c-txt-purple\:30\:dark { color: hsl(var(--sf-c-txt-purple-30)) } + html[data-theme='auto'] .sf-c-txt-purple\:35\:dark, html.auto .sf-c-txt-purple\:35\:dark { color: hsl(var(--sf-c-txt-purple-35)) } + html[data-theme='auto'] .sf-c-txt-purple\:40\:dark, html.auto .sf-c-txt-purple\:40\:dark { color: hsl(var(--sf-c-txt-purple-40)) } + html[data-theme='auto'] .sf-c-txt-purple\:45\:dark, html.auto .sf-c-txt-purple\:45\:dark { color: hsl(var(--sf-c-txt-purple-45)) } + html[data-theme='auto'] .sf-c-txt-purple\:50\:dark, html.auto .sf-c-txt-purple\:50\:dark { color: hsl(var(--sf-c-txt-purple-50)) } + html[data-theme='auto'] .sf-c-txt-purple\:55\:dark, html.auto .sf-c-txt-purple\:55\:dark { color: hsl(var(--sf-c-txt-purple-55)) } + html[data-theme='auto'] .sf-c-txt-purple\:60\:dark, html.auto .sf-c-txt-purple\:60\:dark { color: hsl(var(--sf-c-txt-purple-60)) } + html[data-theme='auto'] .sf-c-txt-purple\:65\:dark, html.auto .sf-c-txt-purple\:65\:dark { color: hsl(var(--sf-c-txt-purple-65)) } + html[data-theme='auto'] .sf-c-txt-purple\:70\:dark, html.auto .sf-c-txt-purple\:70\:dark { color: hsl(var(--sf-c-txt-purple-70)) } + html[data-theme='auto'] .sf-c-txt-purple\:75\:dark, html.auto .sf-c-txt-purple\:75\:dark { color: hsl(var(--sf-c-txt-purple-75)) } + html[data-theme='auto'] .sf-c-txt-purple\:80\:dark, html.auto .sf-c-txt-purple\:80\:dark { color: hsl(var(--sf-c-txt-purple-80)) } + html[data-theme='auto'] .sf-c-txt-purple\:85\:dark, html.auto .sf-c-txt-purple\:85\:dark { color: hsl(var(--sf-c-txt-purple-85)) } + html[data-theme='auto'] .sf-c-txt-purple\:90\:dark, html.auto .sf-c-txt-purple\:90\:dark { color: hsl(var(--sf-c-txt-purple-90)) } + html[data-theme='auto'] .sf-c-txt-purple\:95\:dark, html.auto .sf-c-txt-purple\:95\:dark { color: hsl(var(--sf-c-txt-purple-95)) } + html[data-theme='auto'] .sf-c-txt-purple\:100\:dark, html.auto .sf-c-txt-purple\:100\:dark { color: hsl(var(--sf-c-txt-purple-100)) } + html.var[data-theme='auto'] .sf-c-purple, html.var.auto .sf-c-purple { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 75%) } html.var[data-theme='auto'] .sf-c-purple\:0, html.var.auto .sf-c-purple\:0 { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 100%) } html.var[data-theme='auto'] .sf-c-purple\:5, html.var.auto .sf-c-purple\:5 { color: hsl(300, 100%, 5%); background: hsl(300, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-purple\:100\:dark, html.var.dark .sf-c-purple\ html.var[data-theme='auto'] .sf-c-purple\:90\:dark, html.var.auto .sf-c-purple\:90\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 10%) } html.var[data-theme='auto'] .sf-c-purple\:95\:dark, html.var.auto .sf-c-purple\:95\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 5%) } html.var[data-theme='auto'] .sf-c-purple\:100\:dark, html.var.auto .sf-c-purple\:100\:dark { color: hsl(300, 100%, 95%); background: hsl(300, 100%, 0%) } -} -.sf-c-txt-purple { color: hsl(var(--sf-c-txt-purple)) } -.sf-c-txt-purple\:0 { color: hsl(var(--sf-c-txt-purple-0)) } -.sf-c-txt-purple\:5 { color: hsl(var(--sf-c-txt-purple-5)) } -.sf-c-txt-purple\:10 { color: hsl(var(--sf-c-txt-purple-10)) } -.sf-c-txt-purple\:15 { color: hsl(var(--sf-c-txt-purple-15)) } -.sf-c-txt-purple\:20 { color: hsl(var(--sf-c-txt-purple-20)) } -.sf-c-txt-purple\:25 { color: hsl(var(--sf-c-txt-purple-25)) } -.sf-c-txt-purple\:30 { color: hsl(var(--sf-c-txt-purple-30)) } -.sf-c-txt-purple\:35 { color: hsl(var(--sf-c-txt-purple-35)) } -.sf-c-txt-purple\:40 { color: hsl(var(--sf-c-txt-purple-40)) } -.sf-c-txt-purple\:45 { color: hsl(var(--sf-c-txt-purple-45)) } -.sf-c-txt-purple\:50 { color: hsl(var(--sf-c-txt-purple-50)) } -.sf-c-txt-purple\:55 { color: hsl(var(--sf-c-txt-purple-55)) } -.sf-c-txt-purple\:60 { color: hsl(var(--sf-c-txt-purple-60)) } -.sf-c-txt-purple\:65 { color: hsl(var(--sf-c-txt-purple-65)) } -.sf-c-txt-purple\:70 { color: hsl(var(--sf-c-txt-purple-70)) } -.sf-c-txt-purple\:75 { color: hsl(var(--sf-c-txt-purple-75)) } -.sf-c-txt-purple\:80 { color: hsl(var(--sf-c-txt-purple-80)) } -.sf-c-txt-purple\:85 { color: hsl(var(--sf-c-txt-purple-85)) } -.sf-c-txt-purple\:90 { color: hsl(var(--sf-c-txt-purple-90)) } -.sf-c-txt-purple\:95 { color: hsl(var(--sf-c-txt-purple-95)) } -.sf-c-txt-purple\:100 { color: hsl(var(--sf-c-txt-purple-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-purple, html.auto .sf-c-txt-purple { color: hsl(300, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:0, html.auto .sf-c-txt-purple\:0 { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:5, html.auto .sf-c-txt-purple\:5 { color: hsl(300, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:10, html.auto .sf-c-txt-purple\:10 { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:15, html.auto .sf-c-txt-purple\:15 { color: hsl(300, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:20, html.auto .sf-c-txt-purple\:20 { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:25, html.auto .sf-c-txt-purple\:25 { color: hsl(300, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:30, html.auto .sf-c-txt-purple\:30 { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:35, html.auto .sf-c-txt-purple\:35 { color: hsl(300, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:40, html.auto .sf-c-txt-purple\:40 { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:45, html.auto .sf-c-txt-purple\:45 { color: hsl(300, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:50, html.auto .sf-c-txt-purple\:50 { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:55, html.auto .sf-c-txt-purple\:55 { color: hsl(300, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:60, html.auto .sf-c-txt-purple\:60 { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:65, html.auto .sf-c-txt-purple\:65 { color: hsl(300, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:70, html.auto .sf-c-txt-purple\:70 { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:75, html.auto .sf-c-txt-purple\:75 { color: hsl(300, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:80, html.auto .sf-c-txt-purple\:80 { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:85, html.auto .sf-c-txt-purple\:85 { color: hsl(300, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:90, html.auto .sf-c-txt-purple\:90 { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:95, html.auto .sf-c-txt-purple\:95 { color: hsl(300, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:100, html.auto .sf-c-txt-purple\:100 { color: hsl(300, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-purple\:dark, html.auto .sf-c-txt-purple\:dark { color: hsl(300, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:0\:dark, html.auto .sf-c-txt-purple\:0\:dark { color: hsl(300, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:5\:dark, html.auto .sf-c-txt-purple\:5\:dark { color: hsl(300, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:10\:dark, html.auto .sf-c-txt-purple\:10\:dark { color: hsl(300, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:15\:dark, html.auto .sf-c-txt-purple\:15\:dark { color: hsl(300, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:20\:dark, html.auto .sf-c-txt-purple\:20\:dark { color: hsl(300, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:25\:dark, html.auto .sf-c-txt-purple\:25\:dark { color: hsl(300, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:30\:dark, html.auto .sf-c-txt-purple\:30\:dark { color: hsl(300, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:35\:dark, html.auto .sf-c-txt-purple\:35\:dark { color: hsl(300, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:40\:dark, html.auto .sf-c-txt-purple\:40\:dark { color: hsl(300, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:45\:dark, html.auto .sf-c-txt-purple\:45\:dark { color: hsl(300, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:50\:dark, html.auto .sf-c-txt-purple\:50\:dark { color: hsl(300, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:55\:dark, html.auto .sf-c-txt-purple\:55\:dark { color: hsl(300, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:60\:dark, html.auto .sf-c-txt-purple\:60\:dark { color: hsl(300, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:65\:dark, html.auto .sf-c-txt-purple\:65\:dark { color: hsl(300, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:70\:dark, html.auto .sf-c-txt-purple\:70\:dark { color: hsl(300, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:75\:dark, html.auto .sf-c-txt-purple\:75\:dark { color: hsl(300, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:80\:dark, html.auto .sf-c-txt-purple\:80\:dark { color: hsl(300, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:85\:dark, html.auto .sf-c-txt-purple\:85\:dark { color: hsl(300, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:90\:dark, html.auto .sf-c-txt-purple\:90\:dark { color: hsl(300, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:95\:dark, html.auto .sf-c-txt-purple\:95\:dark { color: hsl(300, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-purple\:100\:dark, html.auto .sf-c-txt-purple\:100\:dark { color: hsl(300, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/rebeccapurple.css b/src/colors/20/rebeccapurple.css index b8d1b42..1805a95 100644 --- a/src/colors/20/rebeccapurple.css +++ b/src/colors/20/rebeccapurple.css @@ -138,6 +138,52 @@ html.var .sf-c-rebeccapurple\:90 { color: hsl(270, 50%, 5%); background: hsl(270 html.var .sf-c-rebeccapurple\:95 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 95%) } html.var .sf-c-rebeccapurple\:100 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 100%) } +.sf-c-txt-rebeccapurple { color: hsl(var(--sf-dark-c-txt-rebeccapurple)) } +.sf-c-txt-rebeccapurple\:0 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-100)) } +.sf-c-txt-rebeccapurple\:5 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-95)) } +.sf-c-txt-rebeccapurple\:10 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-90)) } +.sf-c-txt-rebeccapurple\:15 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-85)) } +.sf-c-txt-rebeccapurple\:20 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-80)) } +.sf-c-txt-rebeccapurple\:25 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-75)) } +.sf-c-txt-rebeccapurple\:30 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-70)) } +.sf-c-txt-rebeccapurple\:35 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-65)) } +.sf-c-txt-rebeccapurple\:40 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-60)) } +.sf-c-txt-rebeccapurple\:45 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-55)) } +.sf-c-txt-rebeccapurple\:50 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-50)) } +.sf-c-txt-rebeccapurple\:55 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-45)) } +.sf-c-txt-rebeccapurple\:60 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-40)) } +.sf-c-txt-rebeccapurple\:65 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-35)) } +.sf-c-txt-rebeccapurple\:70 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-30)) } +.sf-c-txt-rebeccapurple\:75 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-25)) } +.sf-c-txt-rebeccapurple\:80 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-20)) } +.sf-c-txt-rebeccapurple\:85 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-15)) } +.sf-c-txt-rebeccapurple\:90 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-10)) } +.sf-c-txt-rebeccapurple\:95 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-5)) } +.sf-c-txt-rebeccapurple\:100 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-0)) } + +html.var .sf-c-txt-rebeccapurple { color: hsl(270, 50%, 60%) } +html.var .sf-c-txt-rebeccapurple\:0 { color: hsl(270, 50%, 100%) } +html.var .sf-c-txt-rebeccapurple\:5 { color: hsl(270, 50%, 95%) } +html.var .sf-c-txt-rebeccapurple\:10 { color: hsl(270, 50%, 90%) } +html.var .sf-c-txt-rebeccapurple\:15 { color: hsl(270, 50%, 85%) } +html.var .sf-c-txt-rebeccapurple\:20 { color: hsl(270, 50%, 80%) } +html.var .sf-c-txt-rebeccapurple\:25 { color: hsl(270, 50%, 75%) } +html.var .sf-c-txt-rebeccapurple\:30 { color: hsl(270, 50%, 70%) } +html.var .sf-c-txt-rebeccapurple\:35 { color: hsl(270, 50%, 65%) } +html.var .sf-c-txt-rebeccapurple\:40 { color: hsl(270, 50%, 60%) } +html.var .sf-c-txt-rebeccapurple\:45 { color: hsl(270, 50%, 55%) } +html.var .sf-c-txt-rebeccapurple\:50 { color: hsl(270, 50%, 50%) } +html.var .sf-c-txt-rebeccapurple\:55 { color: hsl(270, 50%, 45%) } +html.var .sf-c-txt-rebeccapurple\:60 { color: hsl(270, 50%, 40%) } +html.var .sf-c-txt-rebeccapurple\:65 { color: hsl(270, 50%, 35%) } +html.var .sf-c-txt-rebeccapurple\:70 { color: hsl(270, 50%, 30%) } +html.var .sf-c-txt-rebeccapurple\:75 { color: hsl(270, 50%, 25%) } +html.var .sf-c-txt-rebeccapurple\:80 { color: hsl(270, 50%, 20%) } +html.var .sf-c-txt-rebeccapurple\:85 { color: hsl(270, 50%, 15%) } +html.var .sf-c-txt-rebeccapurple\:90 { color: hsl(270, 50%, 10%) } +html.var .sf-c-txt-rebeccapurple\:95 { color: hsl(270, 50%, 5%) } +html.var .sf-c-txt-rebeccapurple\:100 { color: hsl(270, 50%, 0%) } + html[data-theme='dark'] .sf-c-rebeccapurple, html.dark .sf-c-rebeccapurple { color: hsl(var(--sf-dark-c-txt-rebeccapurple-95)); background: hsl(var(--sf-dark-c-rebeccapurple)) } html[data-theme='dark'] .sf-c-rebeccapurple\:0, html.dark .sf-c-rebeccapurple\:0 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-95)); background: hsl(var(--sf-dark-c-rebeccapurple-100)) } html[data-theme='dark'] .sf-c-rebeccapurple\:5, html.dark .sf-c-rebeccapurple\:5 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-5)); background: hsl(var(--sf-dark-c-rebeccapurple-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-rebeccapurple\:90\:dark, html.dark .sf-c-rebeccapu html[data-theme='dark'] .sf-c-rebeccapurple\:95\:dark, html.dark .sf-c-rebeccapurple\:95\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-95)); background: hsl(var(--sf-c-rebeccapurple-5)) } html[data-theme='dark'] .sf-c-rebeccapurple\:100\:dark, html.dark .sf-c-rebeccapurple\:100\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-95)); background: hsl(var(--sf-c-rebeccapurple-0)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple, html.dark .sf-c-txt-rebeccapurple { color: hsl(var(--sf-c-txt-rebeccapurple)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:0, html.dark .sf-c-txt-rebeccapurple\:0 { color: hsl(var(--sf-c-txt-rebeccapurple-0)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:5, html.dark .sf-c-txt-rebeccapurple\:5 { color: hsl(var(--sf-c-txt-rebeccapurple-5)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:10, html.dark .sf-c-txt-rebeccapurple\:10 { color: hsl(var(--sf-c-txt-rebeccapurple-10)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:15, html.dark .sf-c-txt-rebeccapurple\:15 { color: hsl(var(--sf-c-txt-rebeccapurple-15)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:20, html.dark .sf-c-txt-rebeccapurple\:20 { color: hsl(var(--sf-c-txt-rebeccapurple-20)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:25, html.dark .sf-c-txt-rebeccapurple\:25 { color: hsl(var(--sf-c-txt-rebeccapurple-25)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:30, html.dark .sf-c-txt-rebeccapurple\:30 { color: hsl(var(--sf-c-txt-rebeccapurple-30)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:35, html.dark .sf-c-txt-rebeccapurple\:35 { color: hsl(var(--sf-c-txt-rebeccapurple-35)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:40, html.dark .sf-c-txt-rebeccapurple\:40 { color: hsl(var(--sf-c-txt-rebeccapurple-40)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:45, html.dark .sf-c-txt-rebeccapurple\:45 { color: hsl(var(--sf-c-txt-rebeccapurple-45)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:50, html.dark .sf-c-txt-rebeccapurple\:50 { color: hsl(var(--sf-c-txt-rebeccapurple-50)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:55, html.dark .sf-c-txt-rebeccapurple\:55 { color: hsl(var(--sf-c-txt-rebeccapurple-55)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:60, html.dark .sf-c-txt-rebeccapurple\:60 { color: hsl(var(--sf-c-txt-rebeccapurple-60)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:65, html.dark .sf-c-txt-rebeccapurple\:65 { color: hsl(var(--sf-c-txt-rebeccapurple-65)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:70, html.dark .sf-c-txt-rebeccapurple\:70 { color: hsl(var(--sf-c-txt-rebeccapurple-70)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:75, html.dark .sf-c-txt-rebeccapurple\:75 { color: hsl(var(--sf-c-txt-rebeccapurple-75)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:80, html.dark .sf-c-txt-rebeccapurple\:80 { color: hsl(var(--sf-c-txt-rebeccapurple-80)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:85, html.dark .sf-c-txt-rebeccapurple\:85 { color: hsl(var(--sf-c-txt-rebeccapurple-85)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:90, html.dark .sf-c-txt-rebeccapurple\:90 { color: hsl(var(--sf-c-txt-rebeccapurple-90)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:95, html.dark .sf-c-txt-rebeccapurple\:95 { color: hsl(var(--sf-c-txt-rebeccapurple-95)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:100, html.dark .sf-c-txt-rebeccapurple\:100 { color: hsl(var(--sf-c-txt-rebeccapurple-100)) } + +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:dark, html.dark .sf-c-txt-rebeccapurple\:dark { color: hsl(var(--sf-c-txt-rebeccapurple)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:0\:dark, html.dark .sf-c-txt-rebeccapurple\:0\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-0)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:5\:dark, html.dark .sf-c-txt-rebeccapurple\:5\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-5)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:10\:dark, html.dark .sf-c-txt-rebeccapurple\:10\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-10)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:15\:dark, html.dark .sf-c-txt-rebeccapurple\:15\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-15)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:20\:dark, html.dark .sf-c-txt-rebeccapurple\:20\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-20)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:25\:dark, html.dark .sf-c-txt-rebeccapurple\:25\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-25)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:30\:dark, html.dark .sf-c-txt-rebeccapurple\:30\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-30)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:35\:dark, html.dark .sf-c-txt-rebeccapurple\:35\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-35)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:40\:dark, html.dark .sf-c-txt-rebeccapurple\:40\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-40)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:45\:dark, html.dark .sf-c-txt-rebeccapurple\:45\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-45)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:50\:dark, html.dark .sf-c-txt-rebeccapurple\:50\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-50)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:55\:dark, html.dark .sf-c-txt-rebeccapurple\:55\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-55)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:60\:dark, html.dark .sf-c-txt-rebeccapurple\:60\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-60)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:65\:dark, html.dark .sf-c-txt-rebeccapurple\:65\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-65)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:70\:dark, html.dark .sf-c-txt-rebeccapurple\:70\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-70)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:75\:dark, html.dark .sf-c-txt-rebeccapurple\:75\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-75)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:80\:dark, html.dark .sf-c-txt-rebeccapurple\:80\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-80)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:85\:dark, html.dark .sf-c-txt-rebeccapurple\:85\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-85)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:90\:dark, html.dark .sf-c-txt-rebeccapurple\:90\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-90)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:95\:dark, html.dark .sf-c-txt-rebeccapurple\:95\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-95)) } +html[data-theme='dark'] .sf-c-txt-rebeccapurple\:100\:dark, html.dark .sf-c-txt-rebeccapurple\:100\:dark { color: hsl(var(--sf-dark-c-txt-rebeccapurple-100)) } + html.var[data-theme='dark'] .sf-c-rebeccapurple, html.var.dark .sf-c-rebeccapurple { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 60%) } html.var[data-theme='dark'] .sf-c-rebeccapurple\:0, html.var.dark .sf-c-rebeccapurple\:0 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 100%) } html.var[data-theme='dark'] .sf-c-rebeccapurple\:5, html.var.dark .sf-c-rebeccapurple\:5 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-rebeccapurple\:90\:dark, html.var.dark .sf-c-r html.var[data-theme='dark'] .sf-c-rebeccapurple\:95\:dark, html.var.dark .sf-c-rebeccapurple\:95\:dark { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 5%) } html.var[data-theme='dark'] .sf-c-rebeccapurple\:100\:dark, html.var.dark .sf-c-rebeccapurple\:100\:dark { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple, html.dark .sf-c-txt-rebeccapurple { color: hsl(270, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:0, html.dark .sf-c-txt-rebeccapurple\:0 { color: hsl(270, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:5, html.dark .sf-c-txt-rebeccapurple\:5 { color: hsl(270, 50%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:10, html.dark .sf-c-txt-rebeccapurple\:10 { color: hsl(270, 50%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:15, html.dark .sf-c-txt-rebeccapurple\:15 { color: hsl(270, 50%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:20, html.dark .sf-c-txt-rebeccapurple\:20 { color: hsl(270, 50%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:25, html.dark .sf-c-txt-rebeccapurple\:25 { color: hsl(270, 50%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:30, html.dark .sf-c-txt-rebeccapurple\:30 { color: hsl(270, 50%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:35, html.dark .sf-c-txt-rebeccapurple\:35 { color: hsl(270, 50%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:40, html.dark .sf-c-txt-rebeccapurple\:40 { color: hsl(270, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:45, html.dark .sf-c-txt-rebeccapurple\:45 { color: hsl(270, 50%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:50, html.dark .sf-c-txt-rebeccapurple\:50 { color: hsl(270, 50%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:55, html.dark .sf-c-txt-rebeccapurple\:55 { color: hsl(270, 50%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:60, html.dark .sf-c-txt-rebeccapurple\:60 { color: hsl(270, 50%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:65, html.dark .sf-c-txt-rebeccapurple\:65 { color: hsl(270, 50%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:70, html.dark .sf-c-txt-rebeccapurple\:70 { color: hsl(270, 50%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:75, html.dark .sf-c-txt-rebeccapurple\:75 { color: hsl(270, 50%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:80, html.dark .sf-c-txt-rebeccapurple\:80 { color: hsl(270, 50%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:85, html.dark .sf-c-txt-rebeccapurple\:85 { color: hsl(270, 50%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:90, html.dark .sf-c-txt-rebeccapurple\:90 { color: hsl(270, 50%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:95, html.dark .sf-c-txt-rebeccapurple\:95 { color: hsl(270, 50%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:100, html.dark .sf-c-txt-rebeccapurple\:100 { color: hsl(270, 50%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:dark, html.dark .sf-c-txt-rebeccapurple\:dark { color: hsl(270, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:0\:dark, html.dark .sf-c-txt-rebeccapurple\:0\:dark { color: hsl(270, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:5\:dark, html.dark .sf-c-txt-rebeccapurple\:5\:dark { color: hsl(270, 50%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:10\:dark, html.dark .sf-c-txt-rebeccapurple\:10\:dark { color: hsl(270, 50%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:15\:dark, html.dark .sf-c-txt-rebeccapurple\:15\:dark { color: hsl(270, 50%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:20\:dark, html.dark .sf-c-txt-rebeccapurple\:20\:dark { color: hsl(270, 50%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:25\:dark, html.dark .sf-c-txt-rebeccapurple\:25\:dark { color: hsl(270, 50%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:30\:dark, html.dark .sf-c-txt-rebeccapurple\:30\:dark { color: hsl(270, 50%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:35\:dark, html.dark .sf-c-txt-rebeccapurple\:35\:dark { color: hsl(270, 50%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:40\:dark, html.dark .sf-c-txt-rebeccapurple\:40\:dark { color: hsl(270, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:45\:dark, html.dark .sf-c-txt-rebeccapurple\:45\:dark { color: hsl(270, 50%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:50\:dark, html.dark .sf-c-txt-rebeccapurple\:50\:dark { color: hsl(270, 50%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:55\:dark, html.dark .sf-c-txt-rebeccapurple\:55\:dark { color: hsl(270, 50%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:60\:dark, html.dark .sf-c-txt-rebeccapurple\:60\:dark { color: hsl(270, 50%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:65\:dark, html.dark .sf-c-txt-rebeccapurple\:65\:dark { color: hsl(270, 50%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:70\:dark, html.dark .sf-c-txt-rebeccapurple\:70\:dark { color: hsl(270, 50%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:75\:dark, html.dark .sf-c-txt-rebeccapurple\:75\:dark { color: hsl(270, 50%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:80\:dark, html.dark .sf-c-txt-rebeccapurple\:80\:dark { color: hsl(270, 50%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:85\:dark, html.dark .sf-c-txt-rebeccapurple\:85\:dark { color: hsl(270, 50%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:90\:dark, html.dark .sf-c-txt-rebeccapurple\:90\:dark { color: hsl(270, 50%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:95\:dark, html.dark .sf-c-txt-rebeccapurple\:95\:dark { color: hsl(270, 50%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-rebeccapurple\:100\:dark, html.dark .sf-c-txt-rebeccapurple\:100\:dark { color: hsl(270, 50%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-rebeccapurple, html.auto .sf-c-rebeccapurple { color: hsl(var(--sf-dark-c-txt-rebeccapurple-95)); background: hsl(var(--sf-dark-c-rebeccapurple)) } html[data-theme='auto'] .sf-c-rebeccapurple\:0, html.auto .sf-c-rebeccapurple\:0 { color: hsl(var(--sf-dark-c-txt-rebeccapurple-95)); background: hsl(var(--sf-dark-c-rebeccapurple-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-rebeccapurple\:100\:dark, html.var.dark .sf-c- html[data-theme='auto'] .sf-c-rebeccapurple\:95\:dark, html.auto .sf-c-rebeccapurple\:95\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-95)); background: hsl(var(--sf-c-rebeccapurple-5)) } html[data-theme='auto'] .sf-c-rebeccapurple\:100\:dark, html.auto .sf-c-rebeccapurple\:100\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-95)); background: hsl(var(--sf-c-rebeccapurple-0)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple, html.auto .sf-c-txt-rebeccapurple { color: hsl(var(--sf-c-txt-rebeccapurple)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:0, html.auto .sf-c-txt-rebeccapurple\:0 { color: hsl(var(--sf-c-txt-rebeccapurple-0)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:5, html.auto .sf-c-txt-rebeccapurple\:5 { color: hsl(var(--sf-c-txt-rebeccapurple-5)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:10, html.auto .sf-c-txt-rebeccapurple\:10 { color: hsl(var(--sf-c-txt-rebeccapurple-10)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:15, html.auto .sf-c-txt-rebeccapurple\:15 { color: hsl(var(--sf-c-txt-rebeccapurple-15)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:20, html.auto .sf-c-txt-rebeccapurple\:20 { color: hsl(var(--sf-c-txt-rebeccapurple-20)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:25, html.auto .sf-c-txt-rebeccapurple\:25 { color: hsl(var(--sf-c-txt-rebeccapurple-25)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:30, html.auto .sf-c-txt-rebeccapurple\:30 { color: hsl(var(--sf-c-txt-rebeccapurple-30)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:35, html.auto .sf-c-txt-rebeccapurple\:35 { color: hsl(var(--sf-c-txt-rebeccapurple-35)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:40, html.auto .sf-c-txt-rebeccapurple\:40 { color: hsl(var(--sf-c-txt-rebeccapurple-40)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:45, html.auto .sf-c-txt-rebeccapurple\:45 { color: hsl(var(--sf-c-txt-rebeccapurple-45)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:50, html.auto .sf-c-txt-rebeccapurple\:50 { color: hsl(var(--sf-c-txt-rebeccapurple-50)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:55, html.auto .sf-c-txt-rebeccapurple\:55 { color: hsl(var(--sf-c-txt-rebeccapurple-55)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:60, html.auto .sf-c-txt-rebeccapurple\:60 { color: hsl(var(--sf-c-txt-rebeccapurple-60)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:65, html.auto .sf-c-txt-rebeccapurple\:65 { color: hsl(var(--sf-c-txt-rebeccapurple-65)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:70, html.auto .sf-c-txt-rebeccapurple\:70 { color: hsl(var(--sf-c-txt-rebeccapurple-70)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:75, html.auto .sf-c-txt-rebeccapurple\:75 { color: hsl(var(--sf-c-txt-rebeccapurple-75)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:80, html.auto .sf-c-txt-rebeccapurple\:80 { color: hsl(var(--sf-c-txt-rebeccapurple-80)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:85, html.auto .sf-c-txt-rebeccapurple\:85 { color: hsl(var(--sf-c-txt-rebeccapurple-85)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:90, html.auto .sf-c-txt-rebeccapurple\:90 { color: hsl(var(--sf-c-txt-rebeccapurple-90)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:95, html.auto .sf-c-txt-rebeccapurple\:95 { color: hsl(var(--sf-c-txt-rebeccapurple-95)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:100, html.auto .sf-c-txt-rebeccapurple\:100 { color: hsl(var(--sf-c-txt-rebeccapurple-100)) } + + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:dark, html.auto .sf-c-txt-rebeccapurple\:dark { color: hsl(var(--sf-c-txt-rebeccapurple)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:0\:dark, html.auto .sf-c-txt-rebeccapurple\:0\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-0)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:5\:dark, html.auto .sf-c-txt-rebeccapurple\:5\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-5)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:10\:dark, html.auto .sf-c-txt-rebeccapurple\:10\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-10)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:15\:dark, html.auto .sf-c-txt-rebeccapurple\:15\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-15)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:20\:dark, html.auto .sf-c-txt-rebeccapurple\:20\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-20)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:25\:dark, html.auto .sf-c-txt-rebeccapurple\:25\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-25)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:30\:dark, html.auto .sf-c-txt-rebeccapurple\:30\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-30)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:35\:dark, html.auto .sf-c-txt-rebeccapurple\:35\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-35)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:40\:dark, html.auto .sf-c-txt-rebeccapurple\:40\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-40)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:45\:dark, html.auto .sf-c-txt-rebeccapurple\:45\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-45)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:50\:dark, html.auto .sf-c-txt-rebeccapurple\:50\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-50)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:55\:dark, html.auto .sf-c-txt-rebeccapurple\:55\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-55)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:60\:dark, html.auto .sf-c-txt-rebeccapurple\:60\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-60)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:65\:dark, html.auto .sf-c-txt-rebeccapurple\:65\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-65)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:70\:dark, html.auto .sf-c-txt-rebeccapurple\:70\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-70)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:75\:dark, html.auto .sf-c-txt-rebeccapurple\:75\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-75)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:80\:dark, html.auto .sf-c-txt-rebeccapurple\:80\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-80)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:85\:dark, html.auto .sf-c-txt-rebeccapurple\:85\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-85)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:90\:dark, html.auto .sf-c-txt-rebeccapurple\:90\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-90)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:95\:dark, html.auto .sf-c-txt-rebeccapurple\:95\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-95)) } + html[data-theme='auto'] .sf-c-txt-rebeccapurple\:100\:dark, html.auto .sf-c-txt-rebeccapurple\:100\:dark { color: hsl(var(--sf-c-txt-rebeccapurple-100)) } + html.var[data-theme='auto'] .sf-c-rebeccapurple, html.var.auto .sf-c-rebeccapurple { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 60%) } html.var[data-theme='auto'] .sf-c-rebeccapurple\:0, html.var.auto .sf-c-rebeccapurple\:0 { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 100%) } html.var[data-theme='auto'] .sf-c-rebeccapurple\:5, html.var.auto .sf-c-rebeccapurple\:5 { color: hsl(270, 50%, 5%); background: hsl(270, 50%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-rebeccapurple\:100\:dark, html.var.dark .sf-c- html.var[data-theme='auto'] .sf-c-rebeccapurple\:90\:dark, html.var.auto .sf-c-rebeccapurple\:90\:dark { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 10%) } html.var[data-theme='auto'] .sf-c-rebeccapurple\:95\:dark, html.var.auto .sf-c-rebeccapurple\:95\:dark { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 5%) } html.var[data-theme='auto'] .sf-c-rebeccapurple\:100\:dark, html.var.auto .sf-c-rebeccapurple\:100\:dark { color: hsl(270, 50%, 95%); background: hsl(270, 50%, 0%) } -} -.sf-c-txt-rebeccapurple { color: hsl(var(--sf-c-txt-rebeccapurple)) } -.sf-c-txt-rebeccapurple\:0 { color: hsl(var(--sf-c-txt-rebeccapurple-0)) } -.sf-c-txt-rebeccapurple\:5 { color: hsl(var(--sf-c-txt-rebeccapurple-5)) } -.sf-c-txt-rebeccapurple\:10 { color: hsl(var(--sf-c-txt-rebeccapurple-10)) } -.sf-c-txt-rebeccapurple\:15 { color: hsl(var(--sf-c-txt-rebeccapurple-15)) } -.sf-c-txt-rebeccapurple\:20 { color: hsl(var(--sf-c-txt-rebeccapurple-20)) } -.sf-c-txt-rebeccapurple\:25 { color: hsl(var(--sf-c-txt-rebeccapurple-25)) } -.sf-c-txt-rebeccapurple\:30 { color: hsl(var(--sf-c-txt-rebeccapurple-30)) } -.sf-c-txt-rebeccapurple\:35 { color: hsl(var(--sf-c-txt-rebeccapurple-35)) } -.sf-c-txt-rebeccapurple\:40 { color: hsl(var(--sf-c-txt-rebeccapurple-40)) } -.sf-c-txt-rebeccapurple\:45 { color: hsl(var(--sf-c-txt-rebeccapurple-45)) } -.sf-c-txt-rebeccapurple\:50 { color: hsl(var(--sf-c-txt-rebeccapurple-50)) } -.sf-c-txt-rebeccapurple\:55 { color: hsl(var(--sf-c-txt-rebeccapurple-55)) } -.sf-c-txt-rebeccapurple\:60 { color: hsl(var(--sf-c-txt-rebeccapurple-60)) } -.sf-c-txt-rebeccapurple\:65 { color: hsl(var(--sf-c-txt-rebeccapurple-65)) } -.sf-c-txt-rebeccapurple\:70 { color: hsl(var(--sf-c-txt-rebeccapurple-70)) } -.sf-c-txt-rebeccapurple\:75 { color: hsl(var(--sf-c-txt-rebeccapurple-75)) } -.sf-c-txt-rebeccapurple\:80 { color: hsl(var(--sf-c-txt-rebeccapurple-80)) } -.sf-c-txt-rebeccapurple\:85 { color: hsl(var(--sf-c-txt-rebeccapurple-85)) } -.sf-c-txt-rebeccapurple\:90 { color: hsl(var(--sf-c-txt-rebeccapurple-90)) } -.sf-c-txt-rebeccapurple\:95 { color: hsl(var(--sf-c-txt-rebeccapurple-95)) } -.sf-c-txt-rebeccapurple\:100 { color: hsl(var(--sf-c-txt-rebeccapurple-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple, html.auto .sf-c-txt-rebeccapurple { color: hsl(270, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:0, html.auto .sf-c-txt-rebeccapurple\:0 { color: hsl(270, 50%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:5, html.auto .sf-c-txt-rebeccapurple\:5 { color: hsl(270, 50%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:10, html.auto .sf-c-txt-rebeccapurple\:10 { color: hsl(270, 50%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:15, html.auto .sf-c-txt-rebeccapurple\:15 { color: hsl(270, 50%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:20, html.auto .sf-c-txt-rebeccapurple\:20 { color: hsl(270, 50%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:25, html.auto .sf-c-txt-rebeccapurple\:25 { color: hsl(270, 50%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:30, html.auto .sf-c-txt-rebeccapurple\:30 { color: hsl(270, 50%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:35, html.auto .sf-c-txt-rebeccapurple\:35 { color: hsl(270, 50%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:40, html.auto .sf-c-txt-rebeccapurple\:40 { color: hsl(270, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:45, html.auto .sf-c-txt-rebeccapurple\:45 { color: hsl(270, 50%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:50, html.auto .sf-c-txt-rebeccapurple\:50 { color: hsl(270, 50%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:55, html.auto .sf-c-txt-rebeccapurple\:55 { color: hsl(270, 50%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:60, html.auto .sf-c-txt-rebeccapurple\:60 { color: hsl(270, 50%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:65, html.auto .sf-c-txt-rebeccapurple\:65 { color: hsl(270, 50%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:70, html.auto .sf-c-txt-rebeccapurple\:70 { color: hsl(270, 50%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:75, html.auto .sf-c-txt-rebeccapurple\:75 { color: hsl(270, 50%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:80, html.auto .sf-c-txt-rebeccapurple\:80 { color: hsl(270, 50%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:85, html.auto .sf-c-txt-rebeccapurple\:85 { color: hsl(270, 50%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:90, html.auto .sf-c-txt-rebeccapurple\:90 { color: hsl(270, 50%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:95, html.auto .sf-c-txt-rebeccapurple\:95 { color: hsl(270, 50%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:100, html.auto .sf-c-txt-rebeccapurple\:100 { color: hsl(270, 50%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:dark, html.auto .sf-c-txt-rebeccapurple\:dark { color: hsl(270, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:0\:dark, html.auto .sf-c-txt-rebeccapurple\:0\:dark { color: hsl(270, 50%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:5\:dark, html.auto .sf-c-txt-rebeccapurple\:5\:dark { color: hsl(270, 50%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:10\:dark, html.auto .sf-c-txt-rebeccapurple\:10\:dark { color: hsl(270, 50%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:15\:dark, html.auto .sf-c-txt-rebeccapurple\:15\:dark { color: hsl(270, 50%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:20\:dark, html.auto .sf-c-txt-rebeccapurple\:20\:dark { color: hsl(270, 50%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:25\:dark, html.auto .sf-c-txt-rebeccapurple\:25\:dark { color: hsl(270, 50%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:30\:dark, html.auto .sf-c-txt-rebeccapurple\:30\:dark { color: hsl(270, 50%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:35\:dark, html.auto .sf-c-txt-rebeccapurple\:35\:dark { color: hsl(270, 50%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:40\:dark, html.auto .sf-c-txt-rebeccapurple\:40\:dark { color: hsl(270, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:45\:dark, html.auto .sf-c-txt-rebeccapurple\:45\:dark { color: hsl(270, 50%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:50\:dark, html.auto .sf-c-txt-rebeccapurple\:50\:dark { color: hsl(270, 50%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:55\:dark, html.auto .sf-c-txt-rebeccapurple\:55\:dark { color: hsl(270, 50%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:60\:dark, html.auto .sf-c-txt-rebeccapurple\:60\:dark { color: hsl(270, 50%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:65\:dark, html.auto .sf-c-txt-rebeccapurple\:65\:dark { color: hsl(270, 50%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:70\:dark, html.auto .sf-c-txt-rebeccapurple\:70\:dark { color: hsl(270, 50%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:75\:dark, html.auto .sf-c-txt-rebeccapurple\:75\:dark { color: hsl(270, 50%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:80\:dark, html.auto .sf-c-txt-rebeccapurple\:80\:dark { color: hsl(270, 50%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:85\:dark, html.auto .sf-c-txt-rebeccapurple\:85\:dark { color: hsl(270, 50%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:90\:dark, html.auto .sf-c-txt-rebeccapurple\:90\:dark { color: hsl(270, 50%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:95\:dark, html.auto .sf-c-txt-rebeccapurple\:95\:dark { color: hsl(270, 50%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-rebeccapurple\:100\:dark, html.auto .sf-c-txt-rebeccapurple\:100\:dark { color: hsl(270, 50%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/red.css b/src/colors/20/red.css index c7fdee0..35ad12e 100644 --- a/src/colors/20/red.css +++ b/src/colors/20/red.css @@ -138,6 +138,52 @@ html.var .sf-c-red\:90 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) html.var .sf-c-red\:95 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } html.var .sf-c-red\:100 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } +.sf-c-txt-red { color: hsl(var(--sf-dark-c-txt-red)) } +.sf-c-txt-red\:0 { color: hsl(var(--sf-dark-c-txt-red-100)) } +.sf-c-txt-red\:5 { color: hsl(var(--sf-dark-c-txt-red-95)) } +.sf-c-txt-red\:10 { color: hsl(var(--sf-dark-c-txt-red-90)) } +.sf-c-txt-red\:15 { color: hsl(var(--sf-dark-c-txt-red-85)) } +.sf-c-txt-red\:20 { color: hsl(var(--sf-dark-c-txt-red-80)) } +.sf-c-txt-red\:25 { color: hsl(var(--sf-dark-c-txt-red-75)) } +.sf-c-txt-red\:30 { color: hsl(var(--sf-dark-c-txt-red-70)) } +.sf-c-txt-red\:35 { color: hsl(var(--sf-dark-c-txt-red-65)) } +.sf-c-txt-red\:40 { color: hsl(var(--sf-dark-c-txt-red-60)) } +.sf-c-txt-red\:45 { color: hsl(var(--sf-dark-c-txt-red-55)) } +.sf-c-txt-red\:50 { color: hsl(var(--sf-dark-c-txt-red-50)) } +.sf-c-txt-red\:55 { color: hsl(var(--sf-dark-c-txt-red-45)) } +.sf-c-txt-red\:60 { color: hsl(var(--sf-dark-c-txt-red-40)) } +.sf-c-txt-red\:65 { color: hsl(var(--sf-dark-c-txt-red-35)) } +.sf-c-txt-red\:70 { color: hsl(var(--sf-dark-c-txt-red-30)) } +.sf-c-txt-red\:75 { color: hsl(var(--sf-dark-c-txt-red-25)) } +.sf-c-txt-red\:80 { color: hsl(var(--sf-dark-c-txt-red-20)) } +.sf-c-txt-red\:85 { color: hsl(var(--sf-dark-c-txt-red-15)) } +.sf-c-txt-red\:90 { color: hsl(var(--sf-dark-c-txt-red-10)) } +.sf-c-txt-red\:95 { color: hsl(var(--sf-dark-c-txt-red-5)) } +.sf-c-txt-red\:100 { color: hsl(var(--sf-dark-c-txt-red-0)) } + +html.var .sf-c-txt-red { color: hsl(0, 100%, 50%) } +html.var .sf-c-txt-red\:0 { color: hsl(0, 100%, 100%) } +html.var .sf-c-txt-red\:5 { color: hsl(0, 100%, 95%) } +html.var .sf-c-txt-red\:10 { color: hsl(0, 100%, 90%) } +html.var .sf-c-txt-red\:15 { color: hsl(0, 100%, 85%) } +html.var .sf-c-txt-red\:20 { color: hsl(0, 100%, 80%) } +html.var .sf-c-txt-red\:25 { color: hsl(0, 100%, 75%) } +html.var .sf-c-txt-red\:30 { color: hsl(0, 100%, 70%) } +html.var .sf-c-txt-red\:35 { color: hsl(0, 100%, 65%) } +html.var .sf-c-txt-red\:40 { color: hsl(0, 100%, 60%) } +html.var .sf-c-txt-red\:45 { color: hsl(0, 100%, 55%) } +html.var .sf-c-txt-red\:50 { color: hsl(0, 100%, 50%) } +html.var .sf-c-txt-red\:55 { color: hsl(0, 100%, 45%) } +html.var .sf-c-txt-red\:60 { color: hsl(0, 100%, 40%) } +html.var .sf-c-txt-red\:65 { color: hsl(0, 100%, 35%) } +html.var .sf-c-txt-red\:70 { color: hsl(0, 100%, 30%) } +html.var .sf-c-txt-red\:75 { color: hsl(0, 100%, 25%) } +html.var .sf-c-txt-red\:80 { color: hsl(0, 100%, 20%) } +html.var .sf-c-txt-red\:85 { color: hsl(0, 100%, 15%) } +html.var .sf-c-txt-red\:90 { color: hsl(0, 100%, 10%) } +html.var .sf-c-txt-red\:95 { color: hsl(0, 100%, 5%) } +html.var .sf-c-txt-red\:100 { color: hsl(0, 100%, 0%) } + html[data-theme='dark'] .sf-c-red, html.dark .sf-c-red { color: hsl(var(--sf-dark-c-txt-red-95)); background: hsl(var(--sf-dark-c-red)) } html[data-theme='dark'] .sf-c-red\:0, html.dark .sf-c-red\:0 { color: hsl(var(--sf-dark-c-txt-red-95)); background: hsl(var(--sf-dark-c-red-100)) } html[data-theme='dark'] .sf-c-red\:5, html.dark .sf-c-red\:5 { color: hsl(var(--sf-dark-c-txt-red-5)); background: hsl(var(--sf-dark-c-red-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-red\:90\:dark, html.dark .sf-c-red\:90\:dark { col html[data-theme='dark'] .sf-c-red\:95\:dark, html.dark .sf-c-red\:95\:dark { color: hsl(var(--sf-c-txt-red-95)); background: hsl(var(--sf-c-red-5)) } html[data-theme='dark'] .sf-c-red\:100\:dark, html.dark .sf-c-red\:100\:dark { color: hsl(var(--sf-c-txt-red-95)); background: hsl(var(--sf-c-red-0)) } +html[data-theme='dark'] .sf-c-txt-red, html.dark .sf-c-txt-red { color: hsl(var(--sf-c-txt-red)) } +html[data-theme='dark'] .sf-c-txt-red\:0, html.dark .sf-c-txt-red\:0 { color: hsl(var(--sf-c-txt-red-0)) } +html[data-theme='dark'] .sf-c-txt-red\:5, html.dark .sf-c-txt-red\:5 { color: hsl(var(--sf-c-txt-red-5)) } +html[data-theme='dark'] .sf-c-txt-red\:10, html.dark .sf-c-txt-red\:10 { color: hsl(var(--sf-c-txt-red-10)) } +html[data-theme='dark'] .sf-c-txt-red\:15, html.dark .sf-c-txt-red\:15 { color: hsl(var(--sf-c-txt-red-15)) } +html[data-theme='dark'] .sf-c-txt-red\:20, html.dark .sf-c-txt-red\:20 { color: hsl(var(--sf-c-txt-red-20)) } +html[data-theme='dark'] .sf-c-txt-red\:25, html.dark .sf-c-txt-red\:25 { color: hsl(var(--sf-c-txt-red-25)) } +html[data-theme='dark'] .sf-c-txt-red\:30, html.dark .sf-c-txt-red\:30 { color: hsl(var(--sf-c-txt-red-30)) } +html[data-theme='dark'] .sf-c-txt-red\:35, html.dark .sf-c-txt-red\:35 { color: hsl(var(--sf-c-txt-red-35)) } +html[data-theme='dark'] .sf-c-txt-red\:40, html.dark .sf-c-txt-red\:40 { color: hsl(var(--sf-c-txt-red-40)) } +html[data-theme='dark'] .sf-c-txt-red\:45, html.dark .sf-c-txt-red\:45 { color: hsl(var(--sf-c-txt-red-45)) } +html[data-theme='dark'] .sf-c-txt-red\:50, html.dark .sf-c-txt-red\:50 { color: hsl(var(--sf-c-txt-red-50)) } +html[data-theme='dark'] .sf-c-txt-red\:55, html.dark .sf-c-txt-red\:55 { color: hsl(var(--sf-c-txt-red-55)) } +html[data-theme='dark'] .sf-c-txt-red\:60, html.dark .sf-c-txt-red\:60 { color: hsl(var(--sf-c-txt-red-60)) } +html[data-theme='dark'] .sf-c-txt-red\:65, html.dark .sf-c-txt-red\:65 { color: hsl(var(--sf-c-txt-red-65)) } +html[data-theme='dark'] .sf-c-txt-red\:70, html.dark .sf-c-txt-red\:70 { color: hsl(var(--sf-c-txt-red-70)) } +html[data-theme='dark'] .sf-c-txt-red\:75, html.dark .sf-c-txt-red\:75 { color: hsl(var(--sf-c-txt-red-75)) } +html[data-theme='dark'] .sf-c-txt-red\:80, html.dark .sf-c-txt-red\:80 { color: hsl(var(--sf-c-txt-red-80)) } +html[data-theme='dark'] .sf-c-txt-red\:85, html.dark .sf-c-txt-red\:85 { color: hsl(var(--sf-c-txt-red-85)) } +html[data-theme='dark'] .sf-c-txt-red\:90, html.dark .sf-c-txt-red\:90 { color: hsl(var(--sf-c-txt-red-90)) } +html[data-theme='dark'] .sf-c-txt-red\:95, html.dark .sf-c-txt-red\:95 { color: hsl(var(--sf-c-txt-red-95)) } +html[data-theme='dark'] .sf-c-txt-red\:100, html.dark .sf-c-txt-red\:100 { color: hsl(var(--sf-c-txt-red-100)) } + +html[data-theme='dark'] .sf-c-txt-red\:dark, html.dark .sf-c-txt-red\:dark { color: hsl(var(--sf-c-txt-red)) } +html[data-theme='dark'] .sf-c-txt-red\:0\:dark, html.dark .sf-c-txt-red\:0\:dark { color: hsl(var(--sf-dark-c-txt-red-0)) } +html[data-theme='dark'] .sf-c-txt-red\:5\:dark, html.dark .sf-c-txt-red\:5\:dark { color: hsl(var(--sf-dark-c-txt-red-5)) } +html[data-theme='dark'] .sf-c-txt-red\:10\:dark, html.dark .sf-c-txt-red\:10\:dark { color: hsl(var(--sf-dark-c-txt-red-10)) } +html[data-theme='dark'] .sf-c-txt-red\:15\:dark, html.dark .sf-c-txt-red\:15\:dark { color: hsl(var(--sf-dark-c-txt-red-15)) } +html[data-theme='dark'] .sf-c-txt-red\:20\:dark, html.dark .sf-c-txt-red\:20\:dark { color: hsl(var(--sf-dark-c-txt-red-20)) } +html[data-theme='dark'] .sf-c-txt-red\:25\:dark, html.dark .sf-c-txt-red\:25\:dark { color: hsl(var(--sf-dark-c-txt-red-25)) } +html[data-theme='dark'] .sf-c-txt-red\:30\:dark, html.dark .sf-c-txt-red\:30\:dark { color: hsl(var(--sf-dark-c-txt-red-30)) } +html[data-theme='dark'] .sf-c-txt-red\:35\:dark, html.dark .sf-c-txt-red\:35\:dark { color: hsl(var(--sf-dark-c-txt-red-35)) } +html[data-theme='dark'] .sf-c-txt-red\:40\:dark, html.dark .sf-c-txt-red\:40\:dark { color: hsl(var(--sf-dark-c-txt-red-40)) } +html[data-theme='dark'] .sf-c-txt-red\:45\:dark, html.dark .sf-c-txt-red\:45\:dark { color: hsl(var(--sf-dark-c-txt-red-45)) } +html[data-theme='dark'] .sf-c-txt-red\:50\:dark, html.dark .sf-c-txt-red\:50\:dark { color: hsl(var(--sf-dark-c-txt-red-50)) } +html[data-theme='dark'] .sf-c-txt-red\:55\:dark, html.dark .sf-c-txt-red\:55\:dark { color: hsl(var(--sf-dark-c-txt-red-55)) } +html[data-theme='dark'] .sf-c-txt-red\:60\:dark, html.dark .sf-c-txt-red\:60\:dark { color: hsl(var(--sf-dark-c-txt-red-60)) } +html[data-theme='dark'] .sf-c-txt-red\:65\:dark, html.dark .sf-c-txt-red\:65\:dark { color: hsl(var(--sf-dark-c-txt-red-65)) } +html[data-theme='dark'] .sf-c-txt-red\:70\:dark, html.dark .sf-c-txt-red\:70\:dark { color: hsl(var(--sf-dark-c-txt-red-70)) } +html[data-theme='dark'] .sf-c-txt-red\:75\:dark, html.dark .sf-c-txt-red\:75\:dark { color: hsl(var(--sf-dark-c-txt-red-75)) } +html[data-theme='dark'] .sf-c-txt-red\:80\:dark, html.dark .sf-c-txt-red\:80\:dark { color: hsl(var(--sf-dark-c-txt-red-80)) } +html[data-theme='dark'] .sf-c-txt-red\:85\:dark, html.dark .sf-c-txt-red\:85\:dark { color: hsl(var(--sf-dark-c-txt-red-85)) } +html[data-theme='dark'] .sf-c-txt-red\:90\:dark, html.dark .sf-c-txt-red\:90\:dark { color: hsl(var(--sf-dark-c-txt-red-90)) } +html[data-theme='dark'] .sf-c-txt-red\:95\:dark, html.dark .sf-c-txt-red\:95\:dark { color: hsl(var(--sf-dark-c-txt-red-95)) } +html[data-theme='dark'] .sf-c-txt-red\:100\:dark, html.dark .sf-c-txt-red\:100\:dark { color: hsl(var(--sf-dark-c-txt-red-100)) } + html.var[data-theme='dark'] .sf-c-red, html.var.dark .sf-c-red { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } html.var[data-theme='dark'] .sf-c-red\:0, html.var.dark .sf-c-red\:0 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 100%) } html.var[data-theme='dark'] .sf-c-red\:5, html.var.dark .sf-c-red\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-red\:90\:dark, html.var.dark .sf-c-red\:90\:da html.var[data-theme='dark'] .sf-c-red\:95\:dark, html.var.dark .sf-c-red\:95\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } html.var[data-theme='dark'] .sf-c-red\:100\:dark, html.var.dark .sf-c-red\:100\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-red, html.dark .sf-c-txt-red { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-red\:0, html.dark .sf-c-txt-red\:0 { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-red\:5, html.dark .sf-c-txt-red\:5 { color: hsl(0, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-red\:10, html.dark .sf-c-txt-red\:10 { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-red\:15, html.dark .sf-c-txt-red\:15 { color: hsl(0, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-red\:20, html.dark .sf-c-txt-red\:20 { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-red\:25, html.dark .sf-c-txt-red\:25 { color: hsl(0, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-red\:30, html.dark .sf-c-txt-red\:30 { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-red\:35, html.dark .sf-c-txt-red\:35 { color: hsl(0, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-red\:40, html.dark .sf-c-txt-red\:40 { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-red\:45, html.dark .sf-c-txt-red\:45 { color: hsl(0, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-red\:50, html.dark .sf-c-txt-red\:50 { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-red\:55, html.dark .sf-c-txt-red\:55 { color: hsl(0, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-red\:60, html.dark .sf-c-txt-red\:60 { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-red\:65, html.dark .sf-c-txt-red\:65 { color: hsl(0, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-red\:70, html.dark .sf-c-txt-red\:70 { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-red\:75, html.dark .sf-c-txt-red\:75 { color: hsl(0, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-red\:80, html.dark .sf-c-txt-red\:80 { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-red\:85, html.dark .sf-c-txt-red\:85 { color: hsl(0, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-red\:90, html.dark .sf-c-txt-red\:90 { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-red\:95, html.dark .sf-c-txt-red\:95 { color: hsl(0, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-red\:100, html.dark .sf-c-txt-red\:100 { color: hsl(0, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-red\:dark, html.dark .sf-c-txt-red\:dark { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-red\:0\:dark, html.dark .sf-c-txt-red\:0\:dark { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-red\:5\:dark, html.dark .sf-c-txt-red\:5\:dark { color: hsl(0, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-red\:10\:dark, html.dark .sf-c-txt-red\:10\:dark { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-red\:15\:dark, html.dark .sf-c-txt-red\:15\:dark { color: hsl(0, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-red\:20\:dark, html.dark .sf-c-txt-red\:20\:dark { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-red\:25\:dark, html.dark .sf-c-txt-red\:25\:dark { color: hsl(0, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-red\:30\:dark, html.dark .sf-c-txt-red\:30\:dark { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-red\:35\:dark, html.dark .sf-c-txt-red\:35\:dark { color: hsl(0, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-red\:40\:dark, html.dark .sf-c-txt-red\:40\:dark { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-red\:45\:dark, html.dark .sf-c-txt-red\:45\:dark { color: hsl(0, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-red\:50\:dark, html.dark .sf-c-txt-red\:50\:dark { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-red\:55\:dark, html.dark .sf-c-txt-red\:55\:dark { color: hsl(0, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-red\:60\:dark, html.dark .sf-c-txt-red\:60\:dark { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-red\:65\:dark, html.dark .sf-c-txt-red\:65\:dark { color: hsl(0, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-red\:70\:dark, html.dark .sf-c-txt-red\:70\:dark { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-red\:75\:dark, html.dark .sf-c-txt-red\:75\:dark { color: hsl(0, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-red\:80\:dark, html.dark .sf-c-txt-red\:80\:dark { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-red\:85\:dark, html.dark .sf-c-txt-red\:85\:dark { color: hsl(0, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-red\:90\:dark, html.dark .sf-c-txt-red\:90\:dark { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-red\:95\:dark, html.dark .sf-c-txt-red\:95\:dark { color: hsl(0, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-red\:100\:dark, html.dark .sf-c-txt-red\:100\:dark { color: hsl(0, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-red, html.auto .sf-c-red { color: hsl(var(--sf-dark-c-txt-red-95)); background: hsl(var(--sf-dark-c-red)) } html[data-theme='auto'] .sf-c-red\:0, html.auto .sf-c-red\:0 { color: hsl(var(--sf-dark-c-txt-red-95)); background: hsl(var(--sf-dark-c-red-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-red\:100\:dark, html.var.dark .sf-c-red\:100\: html[data-theme='auto'] .sf-c-red\:95\:dark, html.auto .sf-c-red\:95\:dark { color: hsl(var(--sf-c-txt-red-95)); background: hsl(var(--sf-c-red-5)) } html[data-theme='auto'] .sf-c-red\:100\:dark, html.auto .sf-c-red\:100\:dark { color: hsl(var(--sf-c-txt-red-95)); background: hsl(var(--sf-c-red-0)) } + html[data-theme='auto'] .sf-c-txt-red, html.auto .sf-c-txt-red { color: hsl(var(--sf-c-txt-red)) } + html[data-theme='auto'] .sf-c-txt-red\:0, html.auto .sf-c-txt-red\:0 { color: hsl(var(--sf-c-txt-red-0)) } + html[data-theme='auto'] .sf-c-txt-red\:5, html.auto .sf-c-txt-red\:5 { color: hsl(var(--sf-c-txt-red-5)) } + html[data-theme='auto'] .sf-c-txt-red\:10, html.auto .sf-c-txt-red\:10 { color: hsl(var(--sf-c-txt-red-10)) } + html[data-theme='auto'] .sf-c-txt-red\:15, html.auto .sf-c-txt-red\:15 { color: hsl(var(--sf-c-txt-red-15)) } + html[data-theme='auto'] .sf-c-txt-red\:20, html.auto .sf-c-txt-red\:20 { color: hsl(var(--sf-c-txt-red-20)) } + html[data-theme='auto'] .sf-c-txt-red\:25, html.auto .sf-c-txt-red\:25 { color: hsl(var(--sf-c-txt-red-25)) } + html[data-theme='auto'] .sf-c-txt-red\:30, html.auto .sf-c-txt-red\:30 { color: hsl(var(--sf-c-txt-red-30)) } + html[data-theme='auto'] .sf-c-txt-red\:35, html.auto .sf-c-txt-red\:35 { color: hsl(var(--sf-c-txt-red-35)) } + html[data-theme='auto'] .sf-c-txt-red\:40, html.auto .sf-c-txt-red\:40 { color: hsl(var(--sf-c-txt-red-40)) } + html[data-theme='auto'] .sf-c-txt-red\:45, html.auto .sf-c-txt-red\:45 { color: hsl(var(--sf-c-txt-red-45)) } + html[data-theme='auto'] .sf-c-txt-red\:50, html.auto .sf-c-txt-red\:50 { color: hsl(var(--sf-c-txt-red-50)) } + html[data-theme='auto'] .sf-c-txt-red\:55, html.auto .sf-c-txt-red\:55 { color: hsl(var(--sf-c-txt-red-55)) } + html[data-theme='auto'] .sf-c-txt-red\:60, html.auto .sf-c-txt-red\:60 { color: hsl(var(--sf-c-txt-red-60)) } + html[data-theme='auto'] .sf-c-txt-red\:65, html.auto .sf-c-txt-red\:65 { color: hsl(var(--sf-c-txt-red-65)) } + html[data-theme='auto'] .sf-c-txt-red\:70, html.auto .sf-c-txt-red\:70 { color: hsl(var(--sf-c-txt-red-70)) } + html[data-theme='auto'] .sf-c-txt-red\:75, html.auto .sf-c-txt-red\:75 { color: hsl(var(--sf-c-txt-red-75)) } + html[data-theme='auto'] .sf-c-txt-red\:80, html.auto .sf-c-txt-red\:80 { color: hsl(var(--sf-c-txt-red-80)) } + html[data-theme='auto'] .sf-c-txt-red\:85, html.auto .sf-c-txt-red\:85 { color: hsl(var(--sf-c-txt-red-85)) } + html[data-theme='auto'] .sf-c-txt-red\:90, html.auto .sf-c-txt-red\:90 { color: hsl(var(--sf-c-txt-red-90)) } + html[data-theme='auto'] .sf-c-txt-red\:95, html.auto .sf-c-txt-red\:95 { color: hsl(var(--sf-c-txt-red-95)) } + html[data-theme='auto'] .sf-c-txt-red\:100, html.auto .sf-c-txt-red\:100 { color: hsl(var(--sf-c-txt-red-100)) } + + html[data-theme='auto'] .sf-c-txt-red\:dark, html.auto .sf-c-txt-red\:dark { color: hsl(var(--sf-c-txt-red)) } + html[data-theme='auto'] .sf-c-txt-red\:0\:dark, html.auto .sf-c-txt-red\:0\:dark { color: hsl(var(--sf-c-txt-red-0)) } + html[data-theme='auto'] .sf-c-txt-red\:5\:dark, html.auto .sf-c-txt-red\:5\:dark { color: hsl(var(--sf-c-txt-red-5)) } + html[data-theme='auto'] .sf-c-txt-red\:10\:dark, html.auto .sf-c-txt-red\:10\:dark { color: hsl(var(--sf-c-txt-red-10)) } + html[data-theme='auto'] .sf-c-txt-red\:15\:dark, html.auto .sf-c-txt-red\:15\:dark { color: hsl(var(--sf-c-txt-red-15)) } + html[data-theme='auto'] .sf-c-txt-red\:20\:dark, html.auto .sf-c-txt-red\:20\:dark { color: hsl(var(--sf-c-txt-red-20)) } + html[data-theme='auto'] .sf-c-txt-red\:25\:dark, html.auto .sf-c-txt-red\:25\:dark { color: hsl(var(--sf-c-txt-red-25)) } + html[data-theme='auto'] .sf-c-txt-red\:30\:dark, html.auto .sf-c-txt-red\:30\:dark { color: hsl(var(--sf-c-txt-red-30)) } + html[data-theme='auto'] .sf-c-txt-red\:35\:dark, html.auto .sf-c-txt-red\:35\:dark { color: hsl(var(--sf-c-txt-red-35)) } + html[data-theme='auto'] .sf-c-txt-red\:40\:dark, html.auto .sf-c-txt-red\:40\:dark { color: hsl(var(--sf-c-txt-red-40)) } + html[data-theme='auto'] .sf-c-txt-red\:45\:dark, html.auto .sf-c-txt-red\:45\:dark { color: hsl(var(--sf-c-txt-red-45)) } + html[data-theme='auto'] .sf-c-txt-red\:50\:dark, html.auto .sf-c-txt-red\:50\:dark { color: hsl(var(--sf-c-txt-red-50)) } + html[data-theme='auto'] .sf-c-txt-red\:55\:dark, html.auto .sf-c-txt-red\:55\:dark { color: hsl(var(--sf-c-txt-red-55)) } + html[data-theme='auto'] .sf-c-txt-red\:60\:dark, html.auto .sf-c-txt-red\:60\:dark { color: hsl(var(--sf-c-txt-red-60)) } + html[data-theme='auto'] .sf-c-txt-red\:65\:dark, html.auto .sf-c-txt-red\:65\:dark { color: hsl(var(--sf-c-txt-red-65)) } + html[data-theme='auto'] .sf-c-txt-red\:70\:dark, html.auto .sf-c-txt-red\:70\:dark { color: hsl(var(--sf-c-txt-red-70)) } + html[data-theme='auto'] .sf-c-txt-red\:75\:dark, html.auto .sf-c-txt-red\:75\:dark { color: hsl(var(--sf-c-txt-red-75)) } + html[data-theme='auto'] .sf-c-txt-red\:80\:dark, html.auto .sf-c-txt-red\:80\:dark { color: hsl(var(--sf-c-txt-red-80)) } + html[data-theme='auto'] .sf-c-txt-red\:85\:dark, html.auto .sf-c-txt-red\:85\:dark { color: hsl(var(--sf-c-txt-red-85)) } + html[data-theme='auto'] .sf-c-txt-red\:90\:dark, html.auto .sf-c-txt-red\:90\:dark { color: hsl(var(--sf-c-txt-red-90)) } + html[data-theme='auto'] .sf-c-txt-red\:95\:dark, html.auto .sf-c-txt-red\:95\:dark { color: hsl(var(--sf-c-txt-red-95)) } + html[data-theme='auto'] .sf-c-txt-red\:100\:dark, html.auto .sf-c-txt-red\:100\:dark { color: hsl(var(--sf-c-txt-red-100)) } + html.var[data-theme='auto'] .sf-c-red, html.var.auto .sf-c-red { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 50%) } html.var[data-theme='auto'] .sf-c-red\:0, html.var.auto .sf-c-red\:0 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 100%) } html.var[data-theme='auto'] .sf-c-red\:5, html.var.auto .sf-c-red\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-red\:100\:dark, html.var.dark .sf-c-red\:100\: html.var[data-theme='auto'] .sf-c-red\:90\:dark, html.var.auto .sf-c-red\:90\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } html.var[data-theme='auto'] .sf-c-red\:95\:dark, html.var.auto .sf-c-red\:95\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } html.var[data-theme='auto'] .sf-c-red\:100\:dark, html.var.auto .sf-c-red\:100\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } -} -.sf-c-txt-red { color: hsl(var(--sf-c-txt-red)) } -.sf-c-txt-red\:0 { color: hsl(var(--sf-c-txt-red-0)) } -.sf-c-txt-red\:5 { color: hsl(var(--sf-c-txt-red-5)) } -.sf-c-txt-red\:10 { color: hsl(var(--sf-c-txt-red-10)) } -.sf-c-txt-red\:15 { color: hsl(var(--sf-c-txt-red-15)) } -.sf-c-txt-red\:20 { color: hsl(var(--sf-c-txt-red-20)) } -.sf-c-txt-red\:25 { color: hsl(var(--sf-c-txt-red-25)) } -.sf-c-txt-red\:30 { color: hsl(var(--sf-c-txt-red-30)) } -.sf-c-txt-red\:35 { color: hsl(var(--sf-c-txt-red-35)) } -.sf-c-txt-red\:40 { color: hsl(var(--sf-c-txt-red-40)) } -.sf-c-txt-red\:45 { color: hsl(var(--sf-c-txt-red-45)) } -.sf-c-txt-red\:50 { color: hsl(var(--sf-c-txt-red-50)) } -.sf-c-txt-red\:55 { color: hsl(var(--sf-c-txt-red-55)) } -.sf-c-txt-red\:60 { color: hsl(var(--sf-c-txt-red-60)) } -.sf-c-txt-red\:65 { color: hsl(var(--sf-c-txt-red-65)) } -.sf-c-txt-red\:70 { color: hsl(var(--sf-c-txt-red-70)) } -.sf-c-txt-red\:75 { color: hsl(var(--sf-c-txt-red-75)) } -.sf-c-txt-red\:80 { color: hsl(var(--sf-c-txt-red-80)) } -.sf-c-txt-red\:85 { color: hsl(var(--sf-c-txt-red-85)) } -.sf-c-txt-red\:90 { color: hsl(var(--sf-c-txt-red-90)) } -.sf-c-txt-red\:95 { color: hsl(var(--sf-c-txt-red-95)) } -.sf-c-txt-red\:100 { color: hsl(var(--sf-c-txt-red-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-red, html.auto .sf-c-txt-red { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-red\:0, html.auto .sf-c-txt-red\:0 { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-red\:5, html.auto .sf-c-txt-red\:5 { color: hsl(0, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-red\:10, html.auto .sf-c-txt-red\:10 { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-red\:15, html.auto .sf-c-txt-red\:15 { color: hsl(0, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-red\:20, html.auto .sf-c-txt-red\:20 { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-red\:25, html.auto .sf-c-txt-red\:25 { color: hsl(0, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-red\:30, html.auto .sf-c-txt-red\:30 { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-red\:35, html.auto .sf-c-txt-red\:35 { color: hsl(0, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-red\:40, html.auto .sf-c-txt-red\:40 { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-red\:45, html.auto .sf-c-txt-red\:45 { color: hsl(0, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-red\:50, html.auto .sf-c-txt-red\:50 { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-red\:55, html.auto .sf-c-txt-red\:55 { color: hsl(0, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-red\:60, html.auto .sf-c-txt-red\:60 { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-red\:65, html.auto .sf-c-txt-red\:65 { color: hsl(0, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-red\:70, html.auto .sf-c-txt-red\:70 { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-red\:75, html.auto .sf-c-txt-red\:75 { color: hsl(0, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-red\:80, html.auto .sf-c-txt-red\:80 { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-red\:85, html.auto .sf-c-txt-red\:85 { color: hsl(0, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-red\:90, html.auto .sf-c-txt-red\:90 { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-red\:95, html.auto .sf-c-txt-red\:95 { color: hsl(0, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-red\:100, html.auto .sf-c-txt-red\:100 { color: hsl(0, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-red\:dark, html.auto .sf-c-txt-red\:dark { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-red\:0\:dark, html.auto .sf-c-txt-red\:0\:dark { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-red\:5\:dark, html.auto .sf-c-txt-red\:5\:dark { color: hsl(0, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-red\:10\:dark, html.auto .sf-c-txt-red\:10\:dark { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-red\:15\:dark, html.auto .sf-c-txt-red\:15\:dark { color: hsl(0, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-red\:20\:dark, html.auto .sf-c-txt-red\:20\:dark { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-red\:25\:dark, html.auto .sf-c-txt-red\:25\:dark { color: hsl(0, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-red\:30\:dark, html.auto .sf-c-txt-red\:30\:dark { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-red\:35\:dark, html.auto .sf-c-txt-red\:35\:dark { color: hsl(0, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-red\:40\:dark, html.auto .sf-c-txt-red\:40\:dark { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-red\:45\:dark, html.auto .sf-c-txt-red\:45\:dark { color: hsl(0, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-red\:50\:dark, html.auto .sf-c-txt-red\:50\:dark { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-red\:55\:dark, html.auto .sf-c-txt-red\:55\:dark { color: hsl(0, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-red\:60\:dark, html.auto .sf-c-txt-red\:60\:dark { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-red\:65\:dark, html.auto .sf-c-txt-red\:65\:dark { color: hsl(0, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-red\:70\:dark, html.auto .sf-c-txt-red\:70\:dark { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-red\:75\:dark, html.auto .sf-c-txt-red\:75\:dark { color: hsl(0, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-red\:80\:dark, html.auto .sf-c-txt-red\:80\:dark { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-red\:85\:dark, html.auto .sf-c-txt-red\:85\:dark { color: hsl(0, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-red\:90\:dark, html.auto .sf-c-txt-red\:90\:dark { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-red\:95\:dark, html.auto .sf-c-txt-red\:95\:dark { color: hsl(0, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-red\:100\:dark, html.auto .sf-c-txt-red\:100\:dark { color: hsl(0, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/rosybrown.css b/src/colors/20/rosybrown.css index 4ee4b4b..5145ced 100644 --- a/src/colors/20/rosybrown.css +++ b/src/colors/20/rosybrown.css @@ -138,6 +138,52 @@ html.var .sf-c-rosybrown\:90 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 9 html.var .sf-c-rosybrown\:95 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 95%) } html.var .sf-c-rosybrown\:100 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 100%) } +.sf-c-txt-rosybrown { color: hsl(var(--sf-dark-c-txt-rosybrown)) } +.sf-c-txt-rosybrown\:0 { color: hsl(var(--sf-dark-c-txt-rosybrown-100)) } +.sf-c-txt-rosybrown\:5 { color: hsl(var(--sf-dark-c-txt-rosybrown-95)) } +.sf-c-txt-rosybrown\:10 { color: hsl(var(--sf-dark-c-txt-rosybrown-90)) } +.sf-c-txt-rosybrown\:15 { color: hsl(var(--sf-dark-c-txt-rosybrown-85)) } +.sf-c-txt-rosybrown\:20 { color: hsl(var(--sf-dark-c-txt-rosybrown-80)) } +.sf-c-txt-rosybrown\:25 { color: hsl(var(--sf-dark-c-txt-rosybrown-75)) } +.sf-c-txt-rosybrown\:30 { color: hsl(var(--sf-dark-c-txt-rosybrown-70)) } +.sf-c-txt-rosybrown\:35 { color: hsl(var(--sf-dark-c-txt-rosybrown-65)) } +.sf-c-txt-rosybrown\:40 { color: hsl(var(--sf-dark-c-txt-rosybrown-60)) } +.sf-c-txt-rosybrown\:45 { color: hsl(var(--sf-dark-c-txt-rosybrown-55)) } +.sf-c-txt-rosybrown\:50 { color: hsl(var(--sf-dark-c-txt-rosybrown-50)) } +.sf-c-txt-rosybrown\:55 { color: hsl(var(--sf-dark-c-txt-rosybrown-45)) } +.sf-c-txt-rosybrown\:60 { color: hsl(var(--sf-dark-c-txt-rosybrown-40)) } +.sf-c-txt-rosybrown\:65 { color: hsl(var(--sf-dark-c-txt-rosybrown-35)) } +.sf-c-txt-rosybrown\:70 { color: hsl(var(--sf-dark-c-txt-rosybrown-30)) } +.sf-c-txt-rosybrown\:75 { color: hsl(var(--sf-dark-c-txt-rosybrown-25)) } +.sf-c-txt-rosybrown\:80 { color: hsl(var(--sf-dark-c-txt-rosybrown-20)) } +.sf-c-txt-rosybrown\:85 { color: hsl(var(--sf-dark-c-txt-rosybrown-15)) } +.sf-c-txt-rosybrown\:90 { color: hsl(var(--sf-dark-c-txt-rosybrown-10)) } +.sf-c-txt-rosybrown\:95 { color: hsl(var(--sf-dark-c-txt-rosybrown-5)) } +.sf-c-txt-rosybrown\:100 { color: hsl(var(--sf-dark-c-txt-rosybrown-0)) } + +html.var .sf-c-txt-rosybrown { color: hsl(0, 25%, 35%) } +html.var .sf-c-txt-rosybrown\:0 { color: hsl(0, 25%, 100%) } +html.var .sf-c-txt-rosybrown\:5 { color: hsl(0, 25%, 95%) } +html.var .sf-c-txt-rosybrown\:10 { color: hsl(0, 25%, 90%) } +html.var .sf-c-txt-rosybrown\:15 { color: hsl(0, 25%, 85%) } +html.var .sf-c-txt-rosybrown\:20 { color: hsl(0, 25%, 80%) } +html.var .sf-c-txt-rosybrown\:25 { color: hsl(0, 25%, 75%) } +html.var .sf-c-txt-rosybrown\:30 { color: hsl(0, 25%, 70%) } +html.var .sf-c-txt-rosybrown\:35 { color: hsl(0, 25%, 65%) } +html.var .sf-c-txt-rosybrown\:40 { color: hsl(0, 25%, 60%) } +html.var .sf-c-txt-rosybrown\:45 { color: hsl(0, 25%, 55%) } +html.var .sf-c-txt-rosybrown\:50 { color: hsl(0, 25%, 50%) } +html.var .sf-c-txt-rosybrown\:55 { color: hsl(0, 25%, 45%) } +html.var .sf-c-txt-rosybrown\:60 { color: hsl(0, 25%, 40%) } +html.var .sf-c-txt-rosybrown\:65 { color: hsl(0, 25%, 35%) } +html.var .sf-c-txt-rosybrown\:70 { color: hsl(0, 25%, 30%) } +html.var .sf-c-txt-rosybrown\:75 { color: hsl(0, 25%, 25%) } +html.var .sf-c-txt-rosybrown\:80 { color: hsl(0, 25%, 20%) } +html.var .sf-c-txt-rosybrown\:85 { color: hsl(0, 25%, 15%) } +html.var .sf-c-txt-rosybrown\:90 { color: hsl(0, 25%, 10%) } +html.var .sf-c-txt-rosybrown\:95 { color: hsl(0, 25%, 5%) } +html.var .sf-c-txt-rosybrown\:100 { color: hsl(0, 25%, 0%) } + html[data-theme='dark'] .sf-c-rosybrown, html.dark .sf-c-rosybrown { color: hsl(var(--sf-dark-c-txt-rosybrown-95)); background: hsl(var(--sf-dark-c-rosybrown)) } html[data-theme='dark'] .sf-c-rosybrown\:0, html.dark .sf-c-rosybrown\:0 { color: hsl(var(--sf-dark-c-txt-rosybrown-95)); background: hsl(var(--sf-dark-c-rosybrown-100)) } html[data-theme='dark'] .sf-c-rosybrown\:5, html.dark .sf-c-rosybrown\:5 { color: hsl(var(--sf-dark-c-txt-rosybrown-5)); background: hsl(var(--sf-dark-c-rosybrown-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-rosybrown\:90\:dark, html.dark .sf-c-rosybrown\:90 html[data-theme='dark'] .sf-c-rosybrown\:95\:dark, html.dark .sf-c-rosybrown\:95\:dark { color: hsl(var(--sf-c-txt-rosybrown-95)); background: hsl(var(--sf-c-rosybrown-5)) } html[data-theme='dark'] .sf-c-rosybrown\:100\:dark, html.dark .sf-c-rosybrown\:100\:dark { color: hsl(var(--sf-c-txt-rosybrown-95)); background: hsl(var(--sf-c-rosybrown-0)) } +html[data-theme='dark'] .sf-c-txt-rosybrown, html.dark .sf-c-txt-rosybrown { color: hsl(var(--sf-c-txt-rosybrown)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:0, html.dark .sf-c-txt-rosybrown\:0 { color: hsl(var(--sf-c-txt-rosybrown-0)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:5, html.dark .sf-c-txt-rosybrown\:5 { color: hsl(var(--sf-c-txt-rosybrown-5)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:10, html.dark .sf-c-txt-rosybrown\:10 { color: hsl(var(--sf-c-txt-rosybrown-10)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:15, html.dark .sf-c-txt-rosybrown\:15 { color: hsl(var(--sf-c-txt-rosybrown-15)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:20, html.dark .sf-c-txt-rosybrown\:20 { color: hsl(var(--sf-c-txt-rosybrown-20)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:25, html.dark .sf-c-txt-rosybrown\:25 { color: hsl(var(--sf-c-txt-rosybrown-25)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:30, html.dark .sf-c-txt-rosybrown\:30 { color: hsl(var(--sf-c-txt-rosybrown-30)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:35, html.dark .sf-c-txt-rosybrown\:35 { color: hsl(var(--sf-c-txt-rosybrown-35)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:40, html.dark .sf-c-txt-rosybrown\:40 { color: hsl(var(--sf-c-txt-rosybrown-40)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:45, html.dark .sf-c-txt-rosybrown\:45 { color: hsl(var(--sf-c-txt-rosybrown-45)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:50, html.dark .sf-c-txt-rosybrown\:50 { color: hsl(var(--sf-c-txt-rosybrown-50)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:55, html.dark .sf-c-txt-rosybrown\:55 { color: hsl(var(--sf-c-txt-rosybrown-55)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:60, html.dark .sf-c-txt-rosybrown\:60 { color: hsl(var(--sf-c-txt-rosybrown-60)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:65, html.dark .sf-c-txt-rosybrown\:65 { color: hsl(var(--sf-c-txt-rosybrown-65)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:70, html.dark .sf-c-txt-rosybrown\:70 { color: hsl(var(--sf-c-txt-rosybrown-70)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:75, html.dark .sf-c-txt-rosybrown\:75 { color: hsl(var(--sf-c-txt-rosybrown-75)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:80, html.dark .sf-c-txt-rosybrown\:80 { color: hsl(var(--sf-c-txt-rosybrown-80)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:85, html.dark .sf-c-txt-rosybrown\:85 { color: hsl(var(--sf-c-txt-rosybrown-85)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:90, html.dark .sf-c-txt-rosybrown\:90 { color: hsl(var(--sf-c-txt-rosybrown-90)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:95, html.dark .sf-c-txt-rosybrown\:95 { color: hsl(var(--sf-c-txt-rosybrown-95)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:100, html.dark .sf-c-txt-rosybrown\:100 { color: hsl(var(--sf-c-txt-rosybrown-100)) } + +html[data-theme='dark'] .sf-c-txt-rosybrown\:dark, html.dark .sf-c-txt-rosybrown\:dark { color: hsl(var(--sf-c-txt-rosybrown)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:0\:dark, html.dark .sf-c-txt-rosybrown\:0\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-0)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:5\:dark, html.dark .sf-c-txt-rosybrown\:5\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-5)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:10\:dark, html.dark .sf-c-txt-rosybrown\:10\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-10)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:15\:dark, html.dark .sf-c-txt-rosybrown\:15\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-15)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:20\:dark, html.dark .sf-c-txt-rosybrown\:20\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-20)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:25\:dark, html.dark .sf-c-txt-rosybrown\:25\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-25)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:30\:dark, html.dark .sf-c-txt-rosybrown\:30\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-30)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:35\:dark, html.dark .sf-c-txt-rosybrown\:35\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-35)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:40\:dark, html.dark .sf-c-txt-rosybrown\:40\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-40)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:45\:dark, html.dark .sf-c-txt-rosybrown\:45\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-45)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:50\:dark, html.dark .sf-c-txt-rosybrown\:50\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-50)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:55\:dark, html.dark .sf-c-txt-rosybrown\:55\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-55)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:60\:dark, html.dark .sf-c-txt-rosybrown\:60\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-60)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:65\:dark, html.dark .sf-c-txt-rosybrown\:65\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-65)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:70\:dark, html.dark .sf-c-txt-rosybrown\:70\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-70)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:75\:dark, html.dark .sf-c-txt-rosybrown\:75\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-75)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:80\:dark, html.dark .sf-c-txt-rosybrown\:80\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-80)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:85\:dark, html.dark .sf-c-txt-rosybrown\:85\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-85)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:90\:dark, html.dark .sf-c-txt-rosybrown\:90\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-90)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:95\:dark, html.dark .sf-c-txt-rosybrown\:95\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-95)) } +html[data-theme='dark'] .sf-c-txt-rosybrown\:100\:dark, html.dark .sf-c-txt-rosybrown\:100\:dark { color: hsl(var(--sf-dark-c-txt-rosybrown-100)) } + html.var[data-theme='dark'] .sf-c-rosybrown, html.var.dark .sf-c-rosybrown { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 35%) } html.var[data-theme='dark'] .sf-c-rosybrown\:0, html.var.dark .sf-c-rosybrown\:0 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 100%) } html.var[data-theme='dark'] .sf-c-rosybrown\:5, html.var.dark .sf-c-rosybrown\:5 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-rosybrown\:90\:dark, html.var.dark .sf-c-rosyb html.var[data-theme='dark'] .sf-c-rosybrown\:95\:dark, html.var.dark .sf-c-rosybrown\:95\:dark { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 5%) } html.var[data-theme='dark'] .sf-c-rosybrown\:100\:dark, html.var.dark .sf-c-rosybrown\:100\:dark { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown, html.dark .sf-c-txt-rosybrown { color: hsl(0, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:0, html.dark .sf-c-txt-rosybrown\:0 { color: hsl(0, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:5, html.dark .sf-c-txt-rosybrown\:5 { color: hsl(0, 25%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:10, html.dark .sf-c-txt-rosybrown\:10 { color: hsl(0, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:15, html.dark .sf-c-txt-rosybrown\:15 { color: hsl(0, 25%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:20, html.dark .sf-c-txt-rosybrown\:20 { color: hsl(0, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:25, html.dark .sf-c-txt-rosybrown\:25 { color: hsl(0, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:30, html.dark .sf-c-txt-rosybrown\:30 { color: hsl(0, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:35, html.dark .sf-c-txt-rosybrown\:35 { color: hsl(0, 25%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:40, html.dark .sf-c-txt-rosybrown\:40 { color: hsl(0, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:45, html.dark .sf-c-txt-rosybrown\:45 { color: hsl(0, 25%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:50, html.dark .sf-c-txt-rosybrown\:50 { color: hsl(0, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:55, html.dark .sf-c-txt-rosybrown\:55 { color: hsl(0, 25%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:60, html.dark .sf-c-txt-rosybrown\:60 { color: hsl(0, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:65, html.dark .sf-c-txt-rosybrown\:65 { color: hsl(0, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:70, html.dark .sf-c-txt-rosybrown\:70 { color: hsl(0, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:75, html.dark .sf-c-txt-rosybrown\:75 { color: hsl(0, 25%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:80, html.dark .sf-c-txt-rosybrown\:80 { color: hsl(0, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:85, html.dark .sf-c-txt-rosybrown\:85 { color: hsl(0, 25%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:90, html.dark .sf-c-txt-rosybrown\:90 { color: hsl(0, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:95, html.dark .sf-c-txt-rosybrown\:95 { color: hsl(0, 25%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:100, html.dark .sf-c-txt-rosybrown\:100 { color: hsl(0, 25%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:dark, html.dark .sf-c-txt-rosybrown\:dark { color: hsl(0, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:0\:dark, html.dark .sf-c-txt-rosybrown\:0\:dark { color: hsl(0, 25%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:5\:dark, html.dark .sf-c-txt-rosybrown\:5\:dark { color: hsl(0, 25%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:10\:dark, html.dark .sf-c-txt-rosybrown\:10\:dark { color: hsl(0, 25%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:15\:dark, html.dark .sf-c-txt-rosybrown\:15\:dark { color: hsl(0, 25%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:20\:dark, html.dark .sf-c-txt-rosybrown\:20\:dark { color: hsl(0, 25%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:25\:dark, html.dark .sf-c-txt-rosybrown\:25\:dark { color: hsl(0, 25%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:30\:dark, html.dark .sf-c-txt-rosybrown\:30\:dark { color: hsl(0, 25%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:35\:dark, html.dark .sf-c-txt-rosybrown\:35\:dark { color: hsl(0, 25%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:40\:dark, html.dark .sf-c-txt-rosybrown\:40\:dark { color: hsl(0, 25%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:45\:dark, html.dark .sf-c-txt-rosybrown\:45\:dark { color: hsl(0, 25%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:50\:dark, html.dark .sf-c-txt-rosybrown\:50\:dark { color: hsl(0, 25%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:55\:dark, html.dark .sf-c-txt-rosybrown\:55\:dark { color: hsl(0, 25%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:60\:dark, html.dark .sf-c-txt-rosybrown\:60\:dark { color: hsl(0, 25%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:65\:dark, html.dark .sf-c-txt-rosybrown\:65\:dark { color: hsl(0, 25%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:70\:dark, html.dark .sf-c-txt-rosybrown\:70\:dark { color: hsl(0, 25%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:75\:dark, html.dark .sf-c-txt-rosybrown\:75\:dark { color: hsl(0, 25%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:80\:dark, html.dark .sf-c-txt-rosybrown\:80\:dark { color: hsl(0, 25%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:85\:dark, html.dark .sf-c-txt-rosybrown\:85\:dark { color: hsl(0, 25%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:90\:dark, html.dark .sf-c-txt-rosybrown\:90\:dark { color: hsl(0, 25%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:95\:dark, html.dark .sf-c-txt-rosybrown\:95\:dark { color: hsl(0, 25%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-rosybrown\:100\:dark, html.dark .sf-c-txt-rosybrown\:100\:dark { color: hsl(0, 25%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-rosybrown, html.auto .sf-c-rosybrown { color: hsl(var(--sf-dark-c-txt-rosybrown-95)); background: hsl(var(--sf-dark-c-rosybrown)) } html[data-theme='auto'] .sf-c-rosybrown\:0, html.auto .sf-c-rosybrown\:0 { color: hsl(var(--sf-dark-c-txt-rosybrown-95)); background: hsl(var(--sf-dark-c-rosybrown-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-rosybrown\:100\:dark, html.var.dark .sf-c-rosy html[data-theme='auto'] .sf-c-rosybrown\:95\:dark, html.auto .sf-c-rosybrown\:95\:dark { color: hsl(var(--sf-c-txt-rosybrown-95)); background: hsl(var(--sf-c-rosybrown-5)) } html[data-theme='auto'] .sf-c-rosybrown\:100\:dark, html.auto .sf-c-rosybrown\:100\:dark { color: hsl(var(--sf-c-txt-rosybrown-95)); background: hsl(var(--sf-c-rosybrown-0)) } + html[data-theme='auto'] .sf-c-txt-rosybrown, html.auto .sf-c-txt-rosybrown { color: hsl(var(--sf-c-txt-rosybrown)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:0, html.auto .sf-c-txt-rosybrown\:0 { color: hsl(var(--sf-c-txt-rosybrown-0)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:5, html.auto .sf-c-txt-rosybrown\:5 { color: hsl(var(--sf-c-txt-rosybrown-5)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:10, html.auto .sf-c-txt-rosybrown\:10 { color: hsl(var(--sf-c-txt-rosybrown-10)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:15, html.auto .sf-c-txt-rosybrown\:15 { color: hsl(var(--sf-c-txt-rosybrown-15)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:20, html.auto .sf-c-txt-rosybrown\:20 { color: hsl(var(--sf-c-txt-rosybrown-20)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:25, html.auto .sf-c-txt-rosybrown\:25 { color: hsl(var(--sf-c-txt-rosybrown-25)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:30, html.auto .sf-c-txt-rosybrown\:30 { color: hsl(var(--sf-c-txt-rosybrown-30)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:35, html.auto .sf-c-txt-rosybrown\:35 { color: hsl(var(--sf-c-txt-rosybrown-35)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:40, html.auto .sf-c-txt-rosybrown\:40 { color: hsl(var(--sf-c-txt-rosybrown-40)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:45, html.auto .sf-c-txt-rosybrown\:45 { color: hsl(var(--sf-c-txt-rosybrown-45)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:50, html.auto .sf-c-txt-rosybrown\:50 { color: hsl(var(--sf-c-txt-rosybrown-50)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:55, html.auto .sf-c-txt-rosybrown\:55 { color: hsl(var(--sf-c-txt-rosybrown-55)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:60, html.auto .sf-c-txt-rosybrown\:60 { color: hsl(var(--sf-c-txt-rosybrown-60)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:65, html.auto .sf-c-txt-rosybrown\:65 { color: hsl(var(--sf-c-txt-rosybrown-65)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:70, html.auto .sf-c-txt-rosybrown\:70 { color: hsl(var(--sf-c-txt-rosybrown-70)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:75, html.auto .sf-c-txt-rosybrown\:75 { color: hsl(var(--sf-c-txt-rosybrown-75)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:80, html.auto .sf-c-txt-rosybrown\:80 { color: hsl(var(--sf-c-txt-rosybrown-80)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:85, html.auto .sf-c-txt-rosybrown\:85 { color: hsl(var(--sf-c-txt-rosybrown-85)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:90, html.auto .sf-c-txt-rosybrown\:90 { color: hsl(var(--sf-c-txt-rosybrown-90)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:95, html.auto .sf-c-txt-rosybrown\:95 { color: hsl(var(--sf-c-txt-rosybrown-95)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:100, html.auto .sf-c-txt-rosybrown\:100 { color: hsl(var(--sf-c-txt-rosybrown-100)) } + + html[data-theme='auto'] .sf-c-txt-rosybrown\:dark, html.auto .sf-c-txt-rosybrown\:dark { color: hsl(var(--sf-c-txt-rosybrown)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:0\:dark, html.auto .sf-c-txt-rosybrown\:0\:dark { color: hsl(var(--sf-c-txt-rosybrown-0)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:5\:dark, html.auto .sf-c-txt-rosybrown\:5\:dark { color: hsl(var(--sf-c-txt-rosybrown-5)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:10\:dark, html.auto .sf-c-txt-rosybrown\:10\:dark { color: hsl(var(--sf-c-txt-rosybrown-10)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:15\:dark, html.auto .sf-c-txt-rosybrown\:15\:dark { color: hsl(var(--sf-c-txt-rosybrown-15)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:20\:dark, html.auto .sf-c-txt-rosybrown\:20\:dark { color: hsl(var(--sf-c-txt-rosybrown-20)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:25\:dark, html.auto .sf-c-txt-rosybrown\:25\:dark { color: hsl(var(--sf-c-txt-rosybrown-25)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:30\:dark, html.auto .sf-c-txt-rosybrown\:30\:dark { color: hsl(var(--sf-c-txt-rosybrown-30)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:35\:dark, html.auto .sf-c-txt-rosybrown\:35\:dark { color: hsl(var(--sf-c-txt-rosybrown-35)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:40\:dark, html.auto .sf-c-txt-rosybrown\:40\:dark { color: hsl(var(--sf-c-txt-rosybrown-40)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:45\:dark, html.auto .sf-c-txt-rosybrown\:45\:dark { color: hsl(var(--sf-c-txt-rosybrown-45)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:50\:dark, html.auto .sf-c-txt-rosybrown\:50\:dark { color: hsl(var(--sf-c-txt-rosybrown-50)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:55\:dark, html.auto .sf-c-txt-rosybrown\:55\:dark { color: hsl(var(--sf-c-txt-rosybrown-55)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:60\:dark, html.auto .sf-c-txt-rosybrown\:60\:dark { color: hsl(var(--sf-c-txt-rosybrown-60)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:65\:dark, html.auto .sf-c-txt-rosybrown\:65\:dark { color: hsl(var(--sf-c-txt-rosybrown-65)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:70\:dark, html.auto .sf-c-txt-rosybrown\:70\:dark { color: hsl(var(--sf-c-txt-rosybrown-70)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:75\:dark, html.auto .sf-c-txt-rosybrown\:75\:dark { color: hsl(var(--sf-c-txt-rosybrown-75)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:80\:dark, html.auto .sf-c-txt-rosybrown\:80\:dark { color: hsl(var(--sf-c-txt-rosybrown-80)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:85\:dark, html.auto .sf-c-txt-rosybrown\:85\:dark { color: hsl(var(--sf-c-txt-rosybrown-85)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:90\:dark, html.auto .sf-c-txt-rosybrown\:90\:dark { color: hsl(var(--sf-c-txt-rosybrown-90)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:95\:dark, html.auto .sf-c-txt-rosybrown\:95\:dark { color: hsl(var(--sf-c-txt-rosybrown-95)) } + html[data-theme='auto'] .sf-c-txt-rosybrown\:100\:dark, html.auto .sf-c-txt-rosybrown\:100\:dark { color: hsl(var(--sf-c-txt-rosybrown-100)) } + html.var[data-theme='auto'] .sf-c-rosybrown, html.var.auto .sf-c-rosybrown { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 35%) } html.var[data-theme='auto'] .sf-c-rosybrown\:0, html.var.auto .sf-c-rosybrown\:0 { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 100%) } html.var[data-theme='auto'] .sf-c-rosybrown\:5, html.var.auto .sf-c-rosybrown\:5 { color: hsl(0, 25%, 5%); background: hsl(0, 25%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-rosybrown\:100\:dark, html.var.dark .sf-c-rosy html.var[data-theme='auto'] .sf-c-rosybrown\:90\:dark, html.var.auto .sf-c-rosybrown\:90\:dark { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 10%) } html.var[data-theme='auto'] .sf-c-rosybrown\:95\:dark, html.var.auto .sf-c-rosybrown\:95\:dark { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 5%) } html.var[data-theme='auto'] .sf-c-rosybrown\:100\:dark, html.var.auto .sf-c-rosybrown\:100\:dark { color: hsl(0, 25%, 95%); background: hsl(0, 25%, 0%) } -} -.sf-c-txt-rosybrown { color: hsl(var(--sf-c-txt-rosybrown)) } -.sf-c-txt-rosybrown\:0 { color: hsl(var(--sf-c-txt-rosybrown-0)) } -.sf-c-txt-rosybrown\:5 { color: hsl(var(--sf-c-txt-rosybrown-5)) } -.sf-c-txt-rosybrown\:10 { color: hsl(var(--sf-c-txt-rosybrown-10)) } -.sf-c-txt-rosybrown\:15 { color: hsl(var(--sf-c-txt-rosybrown-15)) } -.sf-c-txt-rosybrown\:20 { color: hsl(var(--sf-c-txt-rosybrown-20)) } -.sf-c-txt-rosybrown\:25 { color: hsl(var(--sf-c-txt-rosybrown-25)) } -.sf-c-txt-rosybrown\:30 { color: hsl(var(--sf-c-txt-rosybrown-30)) } -.sf-c-txt-rosybrown\:35 { color: hsl(var(--sf-c-txt-rosybrown-35)) } -.sf-c-txt-rosybrown\:40 { color: hsl(var(--sf-c-txt-rosybrown-40)) } -.sf-c-txt-rosybrown\:45 { color: hsl(var(--sf-c-txt-rosybrown-45)) } -.sf-c-txt-rosybrown\:50 { color: hsl(var(--sf-c-txt-rosybrown-50)) } -.sf-c-txt-rosybrown\:55 { color: hsl(var(--sf-c-txt-rosybrown-55)) } -.sf-c-txt-rosybrown\:60 { color: hsl(var(--sf-c-txt-rosybrown-60)) } -.sf-c-txt-rosybrown\:65 { color: hsl(var(--sf-c-txt-rosybrown-65)) } -.sf-c-txt-rosybrown\:70 { color: hsl(var(--sf-c-txt-rosybrown-70)) } -.sf-c-txt-rosybrown\:75 { color: hsl(var(--sf-c-txt-rosybrown-75)) } -.sf-c-txt-rosybrown\:80 { color: hsl(var(--sf-c-txt-rosybrown-80)) } -.sf-c-txt-rosybrown\:85 { color: hsl(var(--sf-c-txt-rosybrown-85)) } -.sf-c-txt-rosybrown\:90 { color: hsl(var(--sf-c-txt-rosybrown-90)) } -.sf-c-txt-rosybrown\:95 { color: hsl(var(--sf-c-txt-rosybrown-95)) } -.sf-c-txt-rosybrown\:100 { color: hsl(var(--sf-c-txt-rosybrown-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-rosybrown, html.auto .sf-c-txt-rosybrown { color: hsl(0, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:0, html.auto .sf-c-txt-rosybrown\:0 { color: hsl(0, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:5, html.auto .sf-c-txt-rosybrown\:5 { color: hsl(0, 25%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:10, html.auto .sf-c-txt-rosybrown\:10 { color: hsl(0, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:15, html.auto .sf-c-txt-rosybrown\:15 { color: hsl(0, 25%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:20, html.auto .sf-c-txt-rosybrown\:20 { color: hsl(0, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:25, html.auto .sf-c-txt-rosybrown\:25 { color: hsl(0, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:30, html.auto .sf-c-txt-rosybrown\:30 { color: hsl(0, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:35, html.auto .sf-c-txt-rosybrown\:35 { color: hsl(0, 25%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:40, html.auto .sf-c-txt-rosybrown\:40 { color: hsl(0, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:45, html.auto .sf-c-txt-rosybrown\:45 { color: hsl(0, 25%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:50, html.auto .sf-c-txt-rosybrown\:50 { color: hsl(0, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:55, html.auto .sf-c-txt-rosybrown\:55 { color: hsl(0, 25%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:60, html.auto .sf-c-txt-rosybrown\:60 { color: hsl(0, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:65, html.auto .sf-c-txt-rosybrown\:65 { color: hsl(0, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:70, html.auto .sf-c-txt-rosybrown\:70 { color: hsl(0, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:75, html.auto .sf-c-txt-rosybrown\:75 { color: hsl(0, 25%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:80, html.auto .sf-c-txt-rosybrown\:80 { color: hsl(0, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:85, html.auto .sf-c-txt-rosybrown\:85 { color: hsl(0, 25%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:90, html.auto .sf-c-txt-rosybrown\:90 { color: hsl(0, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:95, html.auto .sf-c-txt-rosybrown\:95 { color: hsl(0, 25%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:100, html.auto .sf-c-txt-rosybrown\:100 { color: hsl(0, 25%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:dark, html.auto .sf-c-txt-rosybrown\:dark { color: hsl(0, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:0\:dark, html.auto .sf-c-txt-rosybrown\:0\:dark { color: hsl(0, 25%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:5\:dark, html.auto .sf-c-txt-rosybrown\:5\:dark { color: hsl(0, 25%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:10\:dark, html.auto .sf-c-txt-rosybrown\:10\:dark { color: hsl(0, 25%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:15\:dark, html.auto .sf-c-txt-rosybrown\:15\:dark { color: hsl(0, 25%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:20\:dark, html.auto .sf-c-txt-rosybrown\:20\:dark { color: hsl(0, 25%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:25\:dark, html.auto .sf-c-txt-rosybrown\:25\:dark { color: hsl(0, 25%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:30\:dark, html.auto .sf-c-txt-rosybrown\:30\:dark { color: hsl(0, 25%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:35\:dark, html.auto .sf-c-txt-rosybrown\:35\:dark { color: hsl(0, 25%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:40\:dark, html.auto .sf-c-txt-rosybrown\:40\:dark { color: hsl(0, 25%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:45\:dark, html.auto .sf-c-txt-rosybrown\:45\:dark { color: hsl(0, 25%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:50\:dark, html.auto .sf-c-txt-rosybrown\:50\:dark { color: hsl(0, 25%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:55\:dark, html.auto .sf-c-txt-rosybrown\:55\:dark { color: hsl(0, 25%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:60\:dark, html.auto .sf-c-txt-rosybrown\:60\:dark { color: hsl(0, 25%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:65\:dark, html.auto .sf-c-txt-rosybrown\:65\:dark { color: hsl(0, 25%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:70\:dark, html.auto .sf-c-txt-rosybrown\:70\:dark { color: hsl(0, 25%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:75\:dark, html.auto .sf-c-txt-rosybrown\:75\:dark { color: hsl(0, 25%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:80\:dark, html.auto .sf-c-txt-rosybrown\:80\:dark { color: hsl(0, 25%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:85\:dark, html.auto .sf-c-txt-rosybrown\:85\:dark { color: hsl(0, 25%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:90\:dark, html.auto .sf-c-txt-rosybrown\:90\:dark { color: hsl(0, 25%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:95\:dark, html.auto .sf-c-txt-rosybrown\:95\:dark { color: hsl(0, 25%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-rosybrown\:100\:dark, html.auto .sf-c-txt-rosybrown\:100\:dark { color: hsl(0, 25%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/royalblue.css b/src/colors/20/royalblue.css index 5b757e0..41792f5 100644 --- a/src/colors/20/royalblue.css +++ b/src/colors/20/royalblue.css @@ -138,6 +138,52 @@ html.var .sf-c-royalblue\:90 { color: hsl(225, 73%, 5%); background: hsl(225, 73 html.var .sf-c-royalblue\:95 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 95%) } html.var .sf-c-royalblue\:100 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 100%) } +.sf-c-txt-royalblue { color: hsl(var(--sf-dark-c-txt-royalblue)) } +.sf-c-txt-royalblue\:0 { color: hsl(var(--sf-dark-c-txt-royalblue-100)) } +.sf-c-txt-royalblue\:5 { color: hsl(var(--sf-dark-c-txt-royalblue-95)) } +.sf-c-txt-royalblue\:10 { color: hsl(var(--sf-dark-c-txt-royalblue-90)) } +.sf-c-txt-royalblue\:15 { color: hsl(var(--sf-dark-c-txt-royalblue-85)) } +.sf-c-txt-royalblue\:20 { color: hsl(var(--sf-dark-c-txt-royalblue-80)) } +.sf-c-txt-royalblue\:25 { color: hsl(var(--sf-dark-c-txt-royalblue-75)) } +.sf-c-txt-royalblue\:30 { color: hsl(var(--sf-dark-c-txt-royalblue-70)) } +.sf-c-txt-royalblue\:35 { color: hsl(var(--sf-dark-c-txt-royalblue-65)) } +.sf-c-txt-royalblue\:40 { color: hsl(var(--sf-dark-c-txt-royalblue-60)) } +.sf-c-txt-royalblue\:45 { color: hsl(var(--sf-dark-c-txt-royalblue-55)) } +.sf-c-txt-royalblue\:50 { color: hsl(var(--sf-dark-c-txt-royalblue-50)) } +.sf-c-txt-royalblue\:55 { color: hsl(var(--sf-dark-c-txt-royalblue-45)) } +.sf-c-txt-royalblue\:60 { color: hsl(var(--sf-dark-c-txt-royalblue-40)) } +.sf-c-txt-royalblue\:65 { color: hsl(var(--sf-dark-c-txt-royalblue-35)) } +.sf-c-txt-royalblue\:70 { color: hsl(var(--sf-dark-c-txt-royalblue-30)) } +.sf-c-txt-royalblue\:75 { color: hsl(var(--sf-dark-c-txt-royalblue-25)) } +.sf-c-txt-royalblue\:80 { color: hsl(var(--sf-dark-c-txt-royalblue-20)) } +.sf-c-txt-royalblue\:85 { color: hsl(var(--sf-dark-c-txt-royalblue-15)) } +.sf-c-txt-royalblue\:90 { color: hsl(var(--sf-dark-c-txt-royalblue-10)) } +.sf-c-txt-royalblue\:95 { color: hsl(var(--sf-dark-c-txt-royalblue-5)) } +.sf-c-txt-royalblue\:100 { color: hsl(var(--sf-dark-c-txt-royalblue-0)) } + +html.var .sf-c-txt-royalblue { color: hsl(225, 73%, 43%) } +html.var .sf-c-txt-royalblue\:0 { color: hsl(225, 73%, 100%) } +html.var .sf-c-txt-royalblue\:5 { color: hsl(225, 73%, 95%) } +html.var .sf-c-txt-royalblue\:10 { color: hsl(225, 73%, 90%) } +html.var .sf-c-txt-royalblue\:15 { color: hsl(225, 73%, 85%) } +html.var .sf-c-txt-royalblue\:20 { color: hsl(225, 73%, 80%) } +html.var .sf-c-txt-royalblue\:25 { color: hsl(225, 73%, 75%) } +html.var .sf-c-txt-royalblue\:30 { color: hsl(225, 73%, 70%) } +html.var .sf-c-txt-royalblue\:35 { color: hsl(225, 73%, 65%) } +html.var .sf-c-txt-royalblue\:40 { color: hsl(225, 73%, 60%) } +html.var .sf-c-txt-royalblue\:45 { color: hsl(225, 73%, 55%) } +html.var .sf-c-txt-royalblue\:50 { color: hsl(225, 73%, 50%) } +html.var .sf-c-txt-royalblue\:55 { color: hsl(225, 73%, 45%) } +html.var .sf-c-txt-royalblue\:60 { color: hsl(225, 73%, 40%) } +html.var .sf-c-txt-royalblue\:65 { color: hsl(225, 73%, 35%) } +html.var .sf-c-txt-royalblue\:70 { color: hsl(225, 73%, 30%) } +html.var .sf-c-txt-royalblue\:75 { color: hsl(225, 73%, 25%) } +html.var .sf-c-txt-royalblue\:80 { color: hsl(225, 73%, 20%) } +html.var .sf-c-txt-royalblue\:85 { color: hsl(225, 73%, 15%) } +html.var .sf-c-txt-royalblue\:90 { color: hsl(225, 73%, 10%) } +html.var .sf-c-txt-royalblue\:95 { color: hsl(225, 73%, 5%) } +html.var .sf-c-txt-royalblue\:100 { color: hsl(225, 73%, 0%) } + html[data-theme='dark'] .sf-c-royalblue, html.dark .sf-c-royalblue { color: hsl(var(--sf-dark-c-txt-royalblue-95)); background: hsl(var(--sf-dark-c-royalblue)) } html[data-theme='dark'] .sf-c-royalblue\:0, html.dark .sf-c-royalblue\:0 { color: hsl(var(--sf-dark-c-txt-royalblue-95)); background: hsl(var(--sf-dark-c-royalblue-100)) } html[data-theme='dark'] .sf-c-royalblue\:5, html.dark .sf-c-royalblue\:5 { color: hsl(var(--sf-dark-c-txt-royalblue-5)); background: hsl(var(--sf-dark-c-royalblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-royalblue\:90\:dark, html.dark .sf-c-royalblue\:90 html[data-theme='dark'] .sf-c-royalblue\:95\:dark, html.dark .sf-c-royalblue\:95\:dark { color: hsl(var(--sf-c-txt-royalblue-95)); background: hsl(var(--sf-c-royalblue-5)) } html[data-theme='dark'] .sf-c-royalblue\:100\:dark, html.dark .sf-c-royalblue\:100\:dark { color: hsl(var(--sf-c-txt-royalblue-95)); background: hsl(var(--sf-c-royalblue-0)) } +html[data-theme='dark'] .sf-c-txt-royalblue, html.dark .sf-c-txt-royalblue { color: hsl(var(--sf-c-txt-royalblue)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:0, html.dark .sf-c-txt-royalblue\:0 { color: hsl(var(--sf-c-txt-royalblue-0)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:5, html.dark .sf-c-txt-royalblue\:5 { color: hsl(var(--sf-c-txt-royalblue-5)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:10, html.dark .sf-c-txt-royalblue\:10 { color: hsl(var(--sf-c-txt-royalblue-10)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:15, html.dark .sf-c-txt-royalblue\:15 { color: hsl(var(--sf-c-txt-royalblue-15)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:20, html.dark .sf-c-txt-royalblue\:20 { color: hsl(var(--sf-c-txt-royalblue-20)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:25, html.dark .sf-c-txt-royalblue\:25 { color: hsl(var(--sf-c-txt-royalblue-25)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:30, html.dark .sf-c-txt-royalblue\:30 { color: hsl(var(--sf-c-txt-royalblue-30)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:35, html.dark .sf-c-txt-royalblue\:35 { color: hsl(var(--sf-c-txt-royalblue-35)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:40, html.dark .sf-c-txt-royalblue\:40 { color: hsl(var(--sf-c-txt-royalblue-40)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:45, html.dark .sf-c-txt-royalblue\:45 { color: hsl(var(--sf-c-txt-royalblue-45)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:50, html.dark .sf-c-txt-royalblue\:50 { color: hsl(var(--sf-c-txt-royalblue-50)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:55, html.dark .sf-c-txt-royalblue\:55 { color: hsl(var(--sf-c-txt-royalblue-55)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:60, html.dark .sf-c-txt-royalblue\:60 { color: hsl(var(--sf-c-txt-royalblue-60)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:65, html.dark .sf-c-txt-royalblue\:65 { color: hsl(var(--sf-c-txt-royalblue-65)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:70, html.dark .sf-c-txt-royalblue\:70 { color: hsl(var(--sf-c-txt-royalblue-70)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:75, html.dark .sf-c-txt-royalblue\:75 { color: hsl(var(--sf-c-txt-royalblue-75)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:80, html.dark .sf-c-txt-royalblue\:80 { color: hsl(var(--sf-c-txt-royalblue-80)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:85, html.dark .sf-c-txt-royalblue\:85 { color: hsl(var(--sf-c-txt-royalblue-85)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:90, html.dark .sf-c-txt-royalblue\:90 { color: hsl(var(--sf-c-txt-royalblue-90)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:95, html.dark .sf-c-txt-royalblue\:95 { color: hsl(var(--sf-c-txt-royalblue-95)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:100, html.dark .sf-c-txt-royalblue\:100 { color: hsl(var(--sf-c-txt-royalblue-100)) } + +html[data-theme='dark'] .sf-c-txt-royalblue\:dark, html.dark .sf-c-txt-royalblue\:dark { color: hsl(var(--sf-c-txt-royalblue)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:0\:dark, html.dark .sf-c-txt-royalblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-0)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:5\:dark, html.dark .sf-c-txt-royalblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-5)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:10\:dark, html.dark .sf-c-txt-royalblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-10)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:15\:dark, html.dark .sf-c-txt-royalblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-15)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:20\:dark, html.dark .sf-c-txt-royalblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-20)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:25\:dark, html.dark .sf-c-txt-royalblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-25)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:30\:dark, html.dark .sf-c-txt-royalblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-30)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:35\:dark, html.dark .sf-c-txt-royalblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-35)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:40\:dark, html.dark .sf-c-txt-royalblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-40)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:45\:dark, html.dark .sf-c-txt-royalblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-45)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:50\:dark, html.dark .sf-c-txt-royalblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-50)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:55\:dark, html.dark .sf-c-txt-royalblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-55)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:60\:dark, html.dark .sf-c-txt-royalblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-60)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:65\:dark, html.dark .sf-c-txt-royalblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-65)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:70\:dark, html.dark .sf-c-txt-royalblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-70)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:75\:dark, html.dark .sf-c-txt-royalblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-75)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:80\:dark, html.dark .sf-c-txt-royalblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-80)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:85\:dark, html.dark .sf-c-txt-royalblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-85)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:90\:dark, html.dark .sf-c-txt-royalblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-90)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:95\:dark, html.dark .sf-c-txt-royalblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-95)) } +html[data-theme='dark'] .sf-c-txt-royalblue\:100\:dark, html.dark .sf-c-txt-royalblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-royalblue-100)) } + html.var[data-theme='dark'] .sf-c-royalblue, html.var.dark .sf-c-royalblue { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 43%) } html.var[data-theme='dark'] .sf-c-royalblue\:0, html.var.dark .sf-c-royalblue\:0 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 100%) } html.var[data-theme='dark'] .sf-c-royalblue\:5, html.var.dark .sf-c-royalblue\:5 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-royalblue\:90\:dark, html.var.dark .sf-c-royal html.var[data-theme='dark'] .sf-c-royalblue\:95\:dark, html.var.dark .sf-c-royalblue\:95\:dark { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 5%) } html.var[data-theme='dark'] .sf-c-royalblue\:100\:dark, html.var.dark .sf-c-royalblue\:100\:dark { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue, html.dark .sf-c-txt-royalblue { color: hsl(225, 73%, 57%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:0, html.dark .sf-c-txt-royalblue\:0 { color: hsl(225, 73%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:5, html.dark .sf-c-txt-royalblue\:5 { color: hsl(225, 73%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:10, html.dark .sf-c-txt-royalblue\:10 { color: hsl(225, 73%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:15, html.dark .sf-c-txt-royalblue\:15 { color: hsl(225, 73%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:20, html.dark .sf-c-txt-royalblue\:20 { color: hsl(225, 73%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:25, html.dark .sf-c-txt-royalblue\:25 { color: hsl(225, 73%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:30, html.dark .sf-c-txt-royalblue\:30 { color: hsl(225, 73%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:35, html.dark .sf-c-txt-royalblue\:35 { color: hsl(225, 73%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:40, html.dark .sf-c-txt-royalblue\:40 { color: hsl(225, 73%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:45, html.dark .sf-c-txt-royalblue\:45 { color: hsl(225, 73%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:50, html.dark .sf-c-txt-royalblue\:50 { color: hsl(225, 73%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:55, html.dark .sf-c-txt-royalblue\:55 { color: hsl(225, 73%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:60, html.dark .sf-c-txt-royalblue\:60 { color: hsl(225, 73%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:65, html.dark .sf-c-txt-royalblue\:65 { color: hsl(225, 73%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:70, html.dark .sf-c-txt-royalblue\:70 { color: hsl(225, 73%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:75, html.dark .sf-c-txt-royalblue\:75 { color: hsl(225, 73%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:80, html.dark .sf-c-txt-royalblue\:80 { color: hsl(225, 73%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:85, html.dark .sf-c-txt-royalblue\:85 { color: hsl(225, 73%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:90, html.dark .sf-c-txt-royalblue\:90 { color: hsl(225, 73%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:95, html.dark .sf-c-txt-royalblue\:95 { color: hsl(225, 73%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:100, html.dark .sf-c-txt-royalblue\:100 { color: hsl(225, 73%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-royalblue\:dark, html.dark .sf-c-txt-royalblue\:dark { color: hsl(225, 73%, 57%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:0\:dark, html.dark .sf-c-txt-royalblue\:0\:dark { color: hsl(225, 73%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:5\:dark, html.dark .sf-c-txt-royalblue\:5\:dark { color: hsl(225, 73%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:10\:dark, html.dark .sf-c-txt-royalblue\:10\:dark { color: hsl(225, 73%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:15\:dark, html.dark .sf-c-txt-royalblue\:15\:dark { color: hsl(225, 73%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:20\:dark, html.dark .sf-c-txt-royalblue\:20\:dark { color: hsl(225, 73%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:25\:dark, html.dark .sf-c-txt-royalblue\:25\:dark { color: hsl(225, 73%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:30\:dark, html.dark .sf-c-txt-royalblue\:30\:dark { color: hsl(225, 73%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:35\:dark, html.dark .sf-c-txt-royalblue\:35\:dark { color: hsl(225, 73%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:40\:dark, html.dark .sf-c-txt-royalblue\:40\:dark { color: hsl(225, 73%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:45\:dark, html.dark .sf-c-txt-royalblue\:45\:dark { color: hsl(225, 73%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:50\:dark, html.dark .sf-c-txt-royalblue\:50\:dark { color: hsl(225, 73%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:55\:dark, html.dark .sf-c-txt-royalblue\:55\:dark { color: hsl(225, 73%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:60\:dark, html.dark .sf-c-txt-royalblue\:60\:dark { color: hsl(225, 73%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:65\:dark, html.dark .sf-c-txt-royalblue\:65\:dark { color: hsl(225, 73%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:70\:dark, html.dark .sf-c-txt-royalblue\:70\:dark { color: hsl(225, 73%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:75\:dark, html.dark .sf-c-txt-royalblue\:75\:dark { color: hsl(225, 73%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:80\:dark, html.dark .sf-c-txt-royalblue\:80\:dark { color: hsl(225, 73%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:85\:dark, html.dark .sf-c-txt-royalblue\:85\:dark { color: hsl(225, 73%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:90\:dark, html.dark .sf-c-txt-royalblue\:90\:dark { color: hsl(225, 73%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:95\:dark, html.dark .sf-c-txt-royalblue\:95\:dark { color: hsl(225, 73%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-royalblue\:100\:dark, html.dark .sf-c-txt-royalblue\:100\:dark { color: hsl(225, 73%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-royalblue, html.auto .sf-c-royalblue { color: hsl(var(--sf-dark-c-txt-royalblue-95)); background: hsl(var(--sf-dark-c-royalblue)) } html[data-theme='auto'] .sf-c-royalblue\:0, html.auto .sf-c-royalblue\:0 { color: hsl(var(--sf-dark-c-txt-royalblue-95)); background: hsl(var(--sf-dark-c-royalblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-royalblue\:100\:dark, html.var.dark .sf-c-roya html[data-theme='auto'] .sf-c-royalblue\:95\:dark, html.auto .sf-c-royalblue\:95\:dark { color: hsl(var(--sf-c-txt-royalblue-95)); background: hsl(var(--sf-c-royalblue-5)) } html[data-theme='auto'] .sf-c-royalblue\:100\:dark, html.auto .sf-c-royalblue\:100\:dark { color: hsl(var(--sf-c-txt-royalblue-95)); background: hsl(var(--sf-c-royalblue-0)) } + html[data-theme='auto'] .sf-c-txt-royalblue, html.auto .sf-c-txt-royalblue { color: hsl(var(--sf-c-txt-royalblue)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:0, html.auto .sf-c-txt-royalblue\:0 { color: hsl(var(--sf-c-txt-royalblue-0)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:5, html.auto .sf-c-txt-royalblue\:5 { color: hsl(var(--sf-c-txt-royalblue-5)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:10, html.auto .sf-c-txt-royalblue\:10 { color: hsl(var(--sf-c-txt-royalblue-10)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:15, html.auto .sf-c-txt-royalblue\:15 { color: hsl(var(--sf-c-txt-royalblue-15)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:20, html.auto .sf-c-txt-royalblue\:20 { color: hsl(var(--sf-c-txt-royalblue-20)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:25, html.auto .sf-c-txt-royalblue\:25 { color: hsl(var(--sf-c-txt-royalblue-25)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:30, html.auto .sf-c-txt-royalblue\:30 { color: hsl(var(--sf-c-txt-royalblue-30)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:35, html.auto .sf-c-txt-royalblue\:35 { color: hsl(var(--sf-c-txt-royalblue-35)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:40, html.auto .sf-c-txt-royalblue\:40 { color: hsl(var(--sf-c-txt-royalblue-40)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:45, html.auto .sf-c-txt-royalblue\:45 { color: hsl(var(--sf-c-txt-royalblue-45)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:50, html.auto .sf-c-txt-royalblue\:50 { color: hsl(var(--sf-c-txt-royalblue-50)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:55, html.auto .sf-c-txt-royalblue\:55 { color: hsl(var(--sf-c-txt-royalblue-55)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:60, html.auto .sf-c-txt-royalblue\:60 { color: hsl(var(--sf-c-txt-royalblue-60)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:65, html.auto .sf-c-txt-royalblue\:65 { color: hsl(var(--sf-c-txt-royalblue-65)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:70, html.auto .sf-c-txt-royalblue\:70 { color: hsl(var(--sf-c-txt-royalblue-70)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:75, html.auto .sf-c-txt-royalblue\:75 { color: hsl(var(--sf-c-txt-royalblue-75)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:80, html.auto .sf-c-txt-royalblue\:80 { color: hsl(var(--sf-c-txt-royalblue-80)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:85, html.auto .sf-c-txt-royalblue\:85 { color: hsl(var(--sf-c-txt-royalblue-85)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:90, html.auto .sf-c-txt-royalblue\:90 { color: hsl(var(--sf-c-txt-royalblue-90)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:95, html.auto .sf-c-txt-royalblue\:95 { color: hsl(var(--sf-c-txt-royalblue-95)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:100, html.auto .sf-c-txt-royalblue\:100 { color: hsl(var(--sf-c-txt-royalblue-100)) } + + html[data-theme='auto'] .sf-c-txt-royalblue\:dark, html.auto .sf-c-txt-royalblue\:dark { color: hsl(var(--sf-c-txt-royalblue)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:0\:dark, html.auto .sf-c-txt-royalblue\:0\:dark { color: hsl(var(--sf-c-txt-royalblue-0)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:5\:dark, html.auto .sf-c-txt-royalblue\:5\:dark { color: hsl(var(--sf-c-txt-royalblue-5)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:10\:dark, html.auto .sf-c-txt-royalblue\:10\:dark { color: hsl(var(--sf-c-txt-royalblue-10)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:15\:dark, html.auto .sf-c-txt-royalblue\:15\:dark { color: hsl(var(--sf-c-txt-royalblue-15)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:20\:dark, html.auto .sf-c-txt-royalblue\:20\:dark { color: hsl(var(--sf-c-txt-royalblue-20)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:25\:dark, html.auto .sf-c-txt-royalblue\:25\:dark { color: hsl(var(--sf-c-txt-royalblue-25)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:30\:dark, html.auto .sf-c-txt-royalblue\:30\:dark { color: hsl(var(--sf-c-txt-royalblue-30)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:35\:dark, html.auto .sf-c-txt-royalblue\:35\:dark { color: hsl(var(--sf-c-txt-royalblue-35)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:40\:dark, html.auto .sf-c-txt-royalblue\:40\:dark { color: hsl(var(--sf-c-txt-royalblue-40)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:45\:dark, html.auto .sf-c-txt-royalblue\:45\:dark { color: hsl(var(--sf-c-txt-royalblue-45)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:50\:dark, html.auto .sf-c-txt-royalblue\:50\:dark { color: hsl(var(--sf-c-txt-royalblue-50)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:55\:dark, html.auto .sf-c-txt-royalblue\:55\:dark { color: hsl(var(--sf-c-txt-royalblue-55)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:60\:dark, html.auto .sf-c-txt-royalblue\:60\:dark { color: hsl(var(--sf-c-txt-royalblue-60)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:65\:dark, html.auto .sf-c-txt-royalblue\:65\:dark { color: hsl(var(--sf-c-txt-royalblue-65)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:70\:dark, html.auto .sf-c-txt-royalblue\:70\:dark { color: hsl(var(--sf-c-txt-royalblue-70)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:75\:dark, html.auto .sf-c-txt-royalblue\:75\:dark { color: hsl(var(--sf-c-txt-royalblue-75)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:80\:dark, html.auto .sf-c-txt-royalblue\:80\:dark { color: hsl(var(--sf-c-txt-royalblue-80)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:85\:dark, html.auto .sf-c-txt-royalblue\:85\:dark { color: hsl(var(--sf-c-txt-royalblue-85)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:90\:dark, html.auto .sf-c-txt-royalblue\:90\:dark { color: hsl(var(--sf-c-txt-royalblue-90)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:95\:dark, html.auto .sf-c-txt-royalblue\:95\:dark { color: hsl(var(--sf-c-txt-royalblue-95)) } + html[data-theme='auto'] .sf-c-txt-royalblue\:100\:dark, html.auto .sf-c-txt-royalblue\:100\:dark { color: hsl(var(--sf-c-txt-royalblue-100)) } + html.var[data-theme='auto'] .sf-c-royalblue, html.var.auto .sf-c-royalblue { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 43%) } html.var[data-theme='auto'] .sf-c-royalblue\:0, html.var.auto .sf-c-royalblue\:0 { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 100%) } html.var[data-theme='auto'] .sf-c-royalblue\:5, html.var.auto .sf-c-royalblue\:5 { color: hsl(225, 73%, 5%); background: hsl(225, 73%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-royalblue\:100\:dark, html.var.dark .sf-c-roya html.var[data-theme='auto'] .sf-c-royalblue\:90\:dark, html.var.auto .sf-c-royalblue\:90\:dark { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 10%) } html.var[data-theme='auto'] .sf-c-royalblue\:95\:dark, html.var.auto .sf-c-royalblue\:95\:dark { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 5%) } html.var[data-theme='auto'] .sf-c-royalblue\:100\:dark, html.var.auto .sf-c-royalblue\:100\:dark { color: hsl(225, 73%, 95%); background: hsl(225, 73%, 0%) } -} -.sf-c-txt-royalblue { color: hsl(var(--sf-c-txt-royalblue)) } -.sf-c-txt-royalblue\:0 { color: hsl(var(--sf-c-txt-royalblue-0)) } -.sf-c-txt-royalblue\:5 { color: hsl(var(--sf-c-txt-royalblue-5)) } -.sf-c-txt-royalblue\:10 { color: hsl(var(--sf-c-txt-royalblue-10)) } -.sf-c-txt-royalblue\:15 { color: hsl(var(--sf-c-txt-royalblue-15)) } -.sf-c-txt-royalblue\:20 { color: hsl(var(--sf-c-txt-royalblue-20)) } -.sf-c-txt-royalblue\:25 { color: hsl(var(--sf-c-txt-royalblue-25)) } -.sf-c-txt-royalblue\:30 { color: hsl(var(--sf-c-txt-royalblue-30)) } -.sf-c-txt-royalblue\:35 { color: hsl(var(--sf-c-txt-royalblue-35)) } -.sf-c-txt-royalblue\:40 { color: hsl(var(--sf-c-txt-royalblue-40)) } -.sf-c-txt-royalblue\:45 { color: hsl(var(--sf-c-txt-royalblue-45)) } -.sf-c-txt-royalblue\:50 { color: hsl(var(--sf-c-txt-royalblue-50)) } -.sf-c-txt-royalblue\:55 { color: hsl(var(--sf-c-txt-royalblue-55)) } -.sf-c-txt-royalblue\:60 { color: hsl(var(--sf-c-txt-royalblue-60)) } -.sf-c-txt-royalblue\:65 { color: hsl(var(--sf-c-txt-royalblue-65)) } -.sf-c-txt-royalblue\:70 { color: hsl(var(--sf-c-txt-royalblue-70)) } -.sf-c-txt-royalblue\:75 { color: hsl(var(--sf-c-txt-royalblue-75)) } -.sf-c-txt-royalblue\:80 { color: hsl(var(--sf-c-txt-royalblue-80)) } -.sf-c-txt-royalblue\:85 { color: hsl(var(--sf-c-txt-royalblue-85)) } -.sf-c-txt-royalblue\:90 { color: hsl(var(--sf-c-txt-royalblue-90)) } -.sf-c-txt-royalblue\:95 { color: hsl(var(--sf-c-txt-royalblue-95)) } -.sf-c-txt-royalblue\:100 { color: hsl(var(--sf-c-txt-royalblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-royalblue, html.auto .sf-c-txt-royalblue { color: hsl(225, 73%, 57%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:0, html.auto .sf-c-txt-royalblue\:0 { color: hsl(225, 73%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:5, html.auto .sf-c-txt-royalblue\:5 { color: hsl(225, 73%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:10, html.auto .sf-c-txt-royalblue\:10 { color: hsl(225, 73%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:15, html.auto .sf-c-txt-royalblue\:15 { color: hsl(225, 73%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:20, html.auto .sf-c-txt-royalblue\:20 { color: hsl(225, 73%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:25, html.auto .sf-c-txt-royalblue\:25 { color: hsl(225, 73%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:30, html.auto .sf-c-txt-royalblue\:30 { color: hsl(225, 73%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:35, html.auto .sf-c-txt-royalblue\:35 { color: hsl(225, 73%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:40, html.auto .sf-c-txt-royalblue\:40 { color: hsl(225, 73%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:45, html.auto .sf-c-txt-royalblue\:45 { color: hsl(225, 73%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:50, html.auto .sf-c-txt-royalblue\:50 { color: hsl(225, 73%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:55, html.auto .sf-c-txt-royalblue\:55 { color: hsl(225, 73%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:60, html.auto .sf-c-txt-royalblue\:60 { color: hsl(225, 73%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:65, html.auto .sf-c-txt-royalblue\:65 { color: hsl(225, 73%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:70, html.auto .sf-c-txt-royalblue\:70 { color: hsl(225, 73%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:75, html.auto .sf-c-txt-royalblue\:75 { color: hsl(225, 73%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:80, html.auto .sf-c-txt-royalblue\:80 { color: hsl(225, 73%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:85, html.auto .sf-c-txt-royalblue\:85 { color: hsl(225, 73%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:90, html.auto .sf-c-txt-royalblue\:90 { color: hsl(225, 73%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:95, html.auto .sf-c-txt-royalblue\:95 { color: hsl(225, 73%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:100, html.auto .sf-c-txt-royalblue\:100 { color: hsl(225, 73%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-royalblue\:dark, html.auto .sf-c-txt-royalblue\:dark { color: hsl(225, 73%, 57%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:0\:dark, html.auto .sf-c-txt-royalblue\:0\:dark { color: hsl(225, 73%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:5\:dark, html.auto .sf-c-txt-royalblue\:5\:dark { color: hsl(225, 73%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:10\:dark, html.auto .sf-c-txt-royalblue\:10\:dark { color: hsl(225, 73%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:15\:dark, html.auto .sf-c-txt-royalblue\:15\:dark { color: hsl(225, 73%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:20\:dark, html.auto .sf-c-txt-royalblue\:20\:dark { color: hsl(225, 73%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:25\:dark, html.auto .sf-c-txt-royalblue\:25\:dark { color: hsl(225, 73%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:30\:dark, html.auto .sf-c-txt-royalblue\:30\:dark { color: hsl(225, 73%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:35\:dark, html.auto .sf-c-txt-royalblue\:35\:dark { color: hsl(225, 73%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:40\:dark, html.auto .sf-c-txt-royalblue\:40\:dark { color: hsl(225, 73%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:45\:dark, html.auto .sf-c-txt-royalblue\:45\:dark { color: hsl(225, 73%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:50\:dark, html.auto .sf-c-txt-royalblue\:50\:dark { color: hsl(225, 73%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:55\:dark, html.auto .sf-c-txt-royalblue\:55\:dark { color: hsl(225, 73%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:60\:dark, html.auto .sf-c-txt-royalblue\:60\:dark { color: hsl(225, 73%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:65\:dark, html.auto .sf-c-txt-royalblue\:65\:dark { color: hsl(225, 73%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:70\:dark, html.auto .sf-c-txt-royalblue\:70\:dark { color: hsl(225, 73%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:75\:dark, html.auto .sf-c-txt-royalblue\:75\:dark { color: hsl(225, 73%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:80\:dark, html.auto .sf-c-txt-royalblue\:80\:dark { color: hsl(225, 73%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:85\:dark, html.auto .sf-c-txt-royalblue\:85\:dark { color: hsl(225, 73%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:90\:dark, html.auto .sf-c-txt-royalblue\:90\:dark { color: hsl(225, 73%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:95\:dark, html.auto .sf-c-txt-royalblue\:95\:dark { color: hsl(225, 73%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-royalblue\:100\:dark, html.auto .sf-c-txt-royalblue\:100\:dark { color: hsl(225, 73%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/saddlebrown.css b/src/colors/20/saddlebrown.css index d4fea56..7f9f518 100644 --- a/src/colors/20/saddlebrown.css +++ b/src/colors/20/saddlebrown.css @@ -138,6 +138,52 @@ html.var .sf-c-saddlebrown\:90 { color: hsl(25, 76%, 5%); background: hsl(25, 76 html.var .sf-c-saddlebrown\:95 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 95%) } html.var .sf-c-saddlebrown\:100 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 100%) } +.sf-c-txt-saddlebrown { color: hsl(var(--sf-dark-c-txt-saddlebrown)) } +.sf-c-txt-saddlebrown\:0 { color: hsl(var(--sf-dark-c-txt-saddlebrown-100)) } +.sf-c-txt-saddlebrown\:5 { color: hsl(var(--sf-dark-c-txt-saddlebrown-95)) } +.sf-c-txt-saddlebrown\:10 { color: hsl(var(--sf-dark-c-txt-saddlebrown-90)) } +.sf-c-txt-saddlebrown\:15 { color: hsl(var(--sf-dark-c-txt-saddlebrown-85)) } +.sf-c-txt-saddlebrown\:20 { color: hsl(var(--sf-dark-c-txt-saddlebrown-80)) } +.sf-c-txt-saddlebrown\:25 { color: hsl(var(--sf-dark-c-txt-saddlebrown-75)) } +.sf-c-txt-saddlebrown\:30 { color: hsl(var(--sf-dark-c-txt-saddlebrown-70)) } +.sf-c-txt-saddlebrown\:35 { color: hsl(var(--sf-dark-c-txt-saddlebrown-65)) } +.sf-c-txt-saddlebrown\:40 { color: hsl(var(--sf-dark-c-txt-saddlebrown-60)) } +.sf-c-txt-saddlebrown\:45 { color: hsl(var(--sf-dark-c-txt-saddlebrown-55)) } +.sf-c-txt-saddlebrown\:50 { color: hsl(var(--sf-dark-c-txt-saddlebrown-50)) } +.sf-c-txt-saddlebrown\:55 { color: hsl(var(--sf-dark-c-txt-saddlebrown-45)) } +.sf-c-txt-saddlebrown\:60 { color: hsl(var(--sf-dark-c-txt-saddlebrown-40)) } +.sf-c-txt-saddlebrown\:65 { color: hsl(var(--sf-dark-c-txt-saddlebrown-35)) } +.sf-c-txt-saddlebrown\:70 { color: hsl(var(--sf-dark-c-txt-saddlebrown-30)) } +.sf-c-txt-saddlebrown\:75 { color: hsl(var(--sf-dark-c-txt-saddlebrown-25)) } +.sf-c-txt-saddlebrown\:80 { color: hsl(var(--sf-dark-c-txt-saddlebrown-20)) } +.sf-c-txt-saddlebrown\:85 { color: hsl(var(--sf-dark-c-txt-saddlebrown-15)) } +.sf-c-txt-saddlebrown\:90 { color: hsl(var(--sf-dark-c-txt-saddlebrown-10)) } +.sf-c-txt-saddlebrown\:95 { color: hsl(var(--sf-dark-c-txt-saddlebrown-5)) } +.sf-c-txt-saddlebrown\:100 { color: hsl(var(--sf-dark-c-txt-saddlebrown-0)) } + +html.var .sf-c-txt-saddlebrown { color: hsl(25, 76%, 69%) } +html.var .sf-c-txt-saddlebrown\:0 { color: hsl(25, 76%, 100%) } +html.var .sf-c-txt-saddlebrown\:5 { color: hsl(25, 76%, 95%) } +html.var .sf-c-txt-saddlebrown\:10 { color: hsl(25, 76%, 90%) } +html.var .sf-c-txt-saddlebrown\:15 { color: hsl(25, 76%, 85%) } +html.var .sf-c-txt-saddlebrown\:20 { color: hsl(25, 76%, 80%) } +html.var .sf-c-txt-saddlebrown\:25 { color: hsl(25, 76%, 75%) } +html.var .sf-c-txt-saddlebrown\:30 { color: hsl(25, 76%, 70%) } +html.var .sf-c-txt-saddlebrown\:35 { color: hsl(25, 76%, 65%) } +html.var .sf-c-txt-saddlebrown\:40 { color: hsl(25, 76%, 60%) } +html.var .sf-c-txt-saddlebrown\:45 { color: hsl(25, 76%, 55%) } +html.var .sf-c-txt-saddlebrown\:50 { color: hsl(25, 76%, 50%) } +html.var .sf-c-txt-saddlebrown\:55 { color: hsl(25, 76%, 45%) } +html.var .sf-c-txt-saddlebrown\:60 { color: hsl(25, 76%, 40%) } +html.var .sf-c-txt-saddlebrown\:65 { color: hsl(25, 76%, 35%) } +html.var .sf-c-txt-saddlebrown\:70 { color: hsl(25, 76%, 30%) } +html.var .sf-c-txt-saddlebrown\:75 { color: hsl(25, 76%, 25%) } +html.var .sf-c-txt-saddlebrown\:80 { color: hsl(25, 76%, 20%) } +html.var .sf-c-txt-saddlebrown\:85 { color: hsl(25, 76%, 15%) } +html.var .sf-c-txt-saddlebrown\:90 { color: hsl(25, 76%, 10%) } +html.var .sf-c-txt-saddlebrown\:95 { color: hsl(25, 76%, 5%) } +html.var .sf-c-txt-saddlebrown\:100 { color: hsl(25, 76%, 0%) } + html[data-theme='dark'] .sf-c-saddlebrown, html.dark .sf-c-saddlebrown { color: hsl(var(--sf-dark-c-txt-saddlebrown-5)); background: hsl(var(--sf-dark-c-saddlebrown)) } html[data-theme='dark'] .sf-c-saddlebrown\:0, html.dark .sf-c-saddlebrown\:0 { color: hsl(var(--sf-dark-c-txt-saddlebrown-95)); background: hsl(var(--sf-dark-c-saddlebrown-100)) } html[data-theme='dark'] .sf-c-saddlebrown\:5, html.dark .sf-c-saddlebrown\:5 { color: hsl(var(--sf-dark-c-txt-saddlebrown-5)); background: hsl(var(--sf-dark-c-saddlebrown-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-saddlebrown\:90\:dark, html.dark .sf-c-saddlebrown html[data-theme='dark'] .sf-c-saddlebrown\:95\:dark, html.dark .sf-c-saddlebrown\:95\:dark { color: hsl(var(--sf-c-txt-saddlebrown-95)); background: hsl(var(--sf-c-saddlebrown-5)) } html[data-theme='dark'] .sf-c-saddlebrown\:100\:dark, html.dark .sf-c-saddlebrown\:100\:dark { color: hsl(var(--sf-c-txt-saddlebrown-95)); background: hsl(var(--sf-c-saddlebrown-0)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown, html.dark .sf-c-txt-saddlebrown { color: hsl(var(--sf-c-txt-saddlebrown)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:0, html.dark .sf-c-txt-saddlebrown\:0 { color: hsl(var(--sf-c-txt-saddlebrown-0)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:5, html.dark .sf-c-txt-saddlebrown\:5 { color: hsl(var(--sf-c-txt-saddlebrown-5)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:10, html.dark .sf-c-txt-saddlebrown\:10 { color: hsl(var(--sf-c-txt-saddlebrown-10)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:15, html.dark .sf-c-txt-saddlebrown\:15 { color: hsl(var(--sf-c-txt-saddlebrown-15)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:20, html.dark .sf-c-txt-saddlebrown\:20 { color: hsl(var(--sf-c-txt-saddlebrown-20)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:25, html.dark .sf-c-txt-saddlebrown\:25 { color: hsl(var(--sf-c-txt-saddlebrown-25)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:30, html.dark .sf-c-txt-saddlebrown\:30 { color: hsl(var(--sf-c-txt-saddlebrown-30)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:35, html.dark .sf-c-txt-saddlebrown\:35 { color: hsl(var(--sf-c-txt-saddlebrown-35)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:40, html.dark .sf-c-txt-saddlebrown\:40 { color: hsl(var(--sf-c-txt-saddlebrown-40)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:45, html.dark .sf-c-txt-saddlebrown\:45 { color: hsl(var(--sf-c-txt-saddlebrown-45)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:50, html.dark .sf-c-txt-saddlebrown\:50 { color: hsl(var(--sf-c-txt-saddlebrown-50)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:55, html.dark .sf-c-txt-saddlebrown\:55 { color: hsl(var(--sf-c-txt-saddlebrown-55)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:60, html.dark .sf-c-txt-saddlebrown\:60 { color: hsl(var(--sf-c-txt-saddlebrown-60)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:65, html.dark .sf-c-txt-saddlebrown\:65 { color: hsl(var(--sf-c-txt-saddlebrown-65)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:70, html.dark .sf-c-txt-saddlebrown\:70 { color: hsl(var(--sf-c-txt-saddlebrown-70)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:75, html.dark .sf-c-txt-saddlebrown\:75 { color: hsl(var(--sf-c-txt-saddlebrown-75)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:80, html.dark .sf-c-txt-saddlebrown\:80 { color: hsl(var(--sf-c-txt-saddlebrown-80)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:85, html.dark .sf-c-txt-saddlebrown\:85 { color: hsl(var(--sf-c-txt-saddlebrown-85)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:90, html.dark .sf-c-txt-saddlebrown\:90 { color: hsl(var(--sf-c-txt-saddlebrown-90)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:95, html.dark .sf-c-txt-saddlebrown\:95 { color: hsl(var(--sf-c-txt-saddlebrown-95)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:100, html.dark .sf-c-txt-saddlebrown\:100 { color: hsl(var(--sf-c-txt-saddlebrown-100)) } + +html[data-theme='dark'] .sf-c-txt-saddlebrown\:dark, html.dark .sf-c-txt-saddlebrown\:dark { color: hsl(var(--sf-c-txt-saddlebrown)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:0\:dark, html.dark .sf-c-txt-saddlebrown\:0\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-0)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:5\:dark, html.dark .sf-c-txt-saddlebrown\:5\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-5)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:10\:dark, html.dark .sf-c-txt-saddlebrown\:10\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-10)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:15\:dark, html.dark .sf-c-txt-saddlebrown\:15\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-15)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:20\:dark, html.dark .sf-c-txt-saddlebrown\:20\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-20)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:25\:dark, html.dark .sf-c-txt-saddlebrown\:25\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-25)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:30\:dark, html.dark .sf-c-txt-saddlebrown\:30\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-30)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:35\:dark, html.dark .sf-c-txt-saddlebrown\:35\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-35)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:40\:dark, html.dark .sf-c-txt-saddlebrown\:40\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-40)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:45\:dark, html.dark .sf-c-txt-saddlebrown\:45\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-45)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:50\:dark, html.dark .sf-c-txt-saddlebrown\:50\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-50)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:55\:dark, html.dark .sf-c-txt-saddlebrown\:55\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-55)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:60\:dark, html.dark .sf-c-txt-saddlebrown\:60\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-60)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:65\:dark, html.dark .sf-c-txt-saddlebrown\:65\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-65)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:70\:dark, html.dark .sf-c-txt-saddlebrown\:70\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-70)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:75\:dark, html.dark .sf-c-txt-saddlebrown\:75\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-75)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:80\:dark, html.dark .sf-c-txt-saddlebrown\:80\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-80)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:85\:dark, html.dark .sf-c-txt-saddlebrown\:85\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-85)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:90\:dark, html.dark .sf-c-txt-saddlebrown\:90\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-90)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:95\:dark, html.dark .sf-c-txt-saddlebrown\:95\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-95)) } +html[data-theme='dark'] .sf-c-txt-saddlebrown\:100\:dark, html.dark .sf-c-txt-saddlebrown\:100\:dark { color: hsl(var(--sf-dark-c-txt-saddlebrown-100)) } + html.var[data-theme='dark'] .sf-c-saddlebrown, html.var.dark .sf-c-saddlebrown { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 69%) } html.var[data-theme='dark'] .sf-c-saddlebrown\:0, html.var.dark .sf-c-saddlebrown\:0 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 100%) } html.var[data-theme='dark'] .sf-c-saddlebrown\:5, html.var.dark .sf-c-saddlebrown\:5 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-saddlebrown\:90\:dark, html.var.dark .sf-c-sad html.var[data-theme='dark'] .sf-c-saddlebrown\:95\:dark, html.var.dark .sf-c-saddlebrown\:95\:dark { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 5%) } html.var[data-theme='dark'] .sf-c-saddlebrown\:100\:dark, html.var.dark .sf-c-saddlebrown\:100\:dark { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown, html.dark .sf-c-txt-saddlebrown { color: hsl(25, 76%, 31%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:0, html.dark .sf-c-txt-saddlebrown\:0 { color: hsl(25, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:5, html.dark .sf-c-txt-saddlebrown\:5 { color: hsl(25, 76%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:10, html.dark .sf-c-txt-saddlebrown\:10 { color: hsl(25, 76%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:15, html.dark .sf-c-txt-saddlebrown\:15 { color: hsl(25, 76%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:20, html.dark .sf-c-txt-saddlebrown\:20 { color: hsl(25, 76%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:25, html.dark .sf-c-txt-saddlebrown\:25 { color: hsl(25, 76%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:30, html.dark .sf-c-txt-saddlebrown\:30 { color: hsl(25, 76%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:35, html.dark .sf-c-txt-saddlebrown\:35 { color: hsl(25, 76%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:40, html.dark .sf-c-txt-saddlebrown\:40 { color: hsl(25, 76%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:45, html.dark .sf-c-txt-saddlebrown\:45 { color: hsl(25, 76%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:50, html.dark .sf-c-txt-saddlebrown\:50 { color: hsl(25, 76%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:55, html.dark .sf-c-txt-saddlebrown\:55 { color: hsl(25, 76%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:60, html.dark .sf-c-txt-saddlebrown\:60 { color: hsl(25, 76%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:65, html.dark .sf-c-txt-saddlebrown\:65 { color: hsl(25, 76%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:70, html.dark .sf-c-txt-saddlebrown\:70 { color: hsl(25, 76%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:75, html.dark .sf-c-txt-saddlebrown\:75 { color: hsl(25, 76%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:80, html.dark .sf-c-txt-saddlebrown\:80 { color: hsl(25, 76%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:85, html.dark .sf-c-txt-saddlebrown\:85 { color: hsl(25, 76%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:90, html.dark .sf-c-txt-saddlebrown\:90 { color: hsl(25, 76%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:95, html.dark .sf-c-txt-saddlebrown\:95 { color: hsl(25, 76%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:100, html.dark .sf-c-txt-saddlebrown\:100 { color: hsl(25, 76%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:dark, html.dark .sf-c-txt-saddlebrown\:dark { color: hsl(25, 76%, 31%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:0\:dark, html.dark .sf-c-txt-saddlebrown\:0\:dark { color: hsl(25, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:5\:dark, html.dark .sf-c-txt-saddlebrown\:5\:dark { color: hsl(25, 76%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:10\:dark, html.dark .sf-c-txt-saddlebrown\:10\:dark { color: hsl(25, 76%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:15\:dark, html.dark .sf-c-txt-saddlebrown\:15\:dark { color: hsl(25, 76%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:20\:dark, html.dark .sf-c-txt-saddlebrown\:20\:dark { color: hsl(25, 76%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:25\:dark, html.dark .sf-c-txt-saddlebrown\:25\:dark { color: hsl(25, 76%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:30\:dark, html.dark .sf-c-txt-saddlebrown\:30\:dark { color: hsl(25, 76%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:35\:dark, html.dark .sf-c-txt-saddlebrown\:35\:dark { color: hsl(25, 76%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:40\:dark, html.dark .sf-c-txt-saddlebrown\:40\:dark { color: hsl(25, 76%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:45\:dark, html.dark .sf-c-txt-saddlebrown\:45\:dark { color: hsl(25, 76%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:50\:dark, html.dark .sf-c-txt-saddlebrown\:50\:dark { color: hsl(25, 76%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:55\:dark, html.dark .sf-c-txt-saddlebrown\:55\:dark { color: hsl(25, 76%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:60\:dark, html.dark .sf-c-txt-saddlebrown\:60\:dark { color: hsl(25, 76%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:65\:dark, html.dark .sf-c-txt-saddlebrown\:65\:dark { color: hsl(25, 76%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:70\:dark, html.dark .sf-c-txt-saddlebrown\:70\:dark { color: hsl(25, 76%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:75\:dark, html.dark .sf-c-txt-saddlebrown\:75\:dark { color: hsl(25, 76%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:80\:dark, html.dark .sf-c-txt-saddlebrown\:80\:dark { color: hsl(25, 76%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:85\:dark, html.dark .sf-c-txt-saddlebrown\:85\:dark { color: hsl(25, 76%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:90\:dark, html.dark .sf-c-txt-saddlebrown\:90\:dark { color: hsl(25, 76%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:95\:dark, html.dark .sf-c-txt-saddlebrown\:95\:dark { color: hsl(25, 76%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-saddlebrown\:100\:dark, html.dark .sf-c-txt-saddlebrown\:100\:dark { color: hsl(25, 76%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-saddlebrown, html.auto .sf-c-saddlebrown { color: hsl(var(--sf-dark-c-txt-saddlebrown-5)); background: hsl(var(--sf-dark-c-saddlebrown)) } html[data-theme='auto'] .sf-c-saddlebrown\:0, html.auto .sf-c-saddlebrown\:0 { color: hsl(var(--sf-dark-c-txt-saddlebrown-95)); background: hsl(var(--sf-dark-c-saddlebrown-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-saddlebrown\:100\:dark, html.var.dark .sf-c-sa html[data-theme='auto'] .sf-c-saddlebrown\:95\:dark, html.auto .sf-c-saddlebrown\:95\:dark { color: hsl(var(--sf-c-txt-saddlebrown-95)); background: hsl(var(--sf-c-saddlebrown-5)) } html[data-theme='auto'] .sf-c-saddlebrown\:100\:dark, html.auto .sf-c-saddlebrown\:100\:dark { color: hsl(var(--sf-c-txt-saddlebrown-95)); background: hsl(var(--sf-c-saddlebrown-0)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown, html.auto .sf-c-txt-saddlebrown { color: hsl(var(--sf-c-txt-saddlebrown)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:0, html.auto .sf-c-txt-saddlebrown\:0 { color: hsl(var(--sf-c-txt-saddlebrown-0)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:5, html.auto .sf-c-txt-saddlebrown\:5 { color: hsl(var(--sf-c-txt-saddlebrown-5)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:10, html.auto .sf-c-txt-saddlebrown\:10 { color: hsl(var(--sf-c-txt-saddlebrown-10)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:15, html.auto .sf-c-txt-saddlebrown\:15 { color: hsl(var(--sf-c-txt-saddlebrown-15)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:20, html.auto .sf-c-txt-saddlebrown\:20 { color: hsl(var(--sf-c-txt-saddlebrown-20)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:25, html.auto .sf-c-txt-saddlebrown\:25 { color: hsl(var(--sf-c-txt-saddlebrown-25)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:30, html.auto .sf-c-txt-saddlebrown\:30 { color: hsl(var(--sf-c-txt-saddlebrown-30)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:35, html.auto .sf-c-txt-saddlebrown\:35 { color: hsl(var(--sf-c-txt-saddlebrown-35)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:40, html.auto .sf-c-txt-saddlebrown\:40 { color: hsl(var(--sf-c-txt-saddlebrown-40)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:45, html.auto .sf-c-txt-saddlebrown\:45 { color: hsl(var(--sf-c-txt-saddlebrown-45)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:50, html.auto .sf-c-txt-saddlebrown\:50 { color: hsl(var(--sf-c-txt-saddlebrown-50)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:55, html.auto .sf-c-txt-saddlebrown\:55 { color: hsl(var(--sf-c-txt-saddlebrown-55)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:60, html.auto .sf-c-txt-saddlebrown\:60 { color: hsl(var(--sf-c-txt-saddlebrown-60)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:65, html.auto .sf-c-txt-saddlebrown\:65 { color: hsl(var(--sf-c-txt-saddlebrown-65)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:70, html.auto .sf-c-txt-saddlebrown\:70 { color: hsl(var(--sf-c-txt-saddlebrown-70)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:75, html.auto .sf-c-txt-saddlebrown\:75 { color: hsl(var(--sf-c-txt-saddlebrown-75)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:80, html.auto .sf-c-txt-saddlebrown\:80 { color: hsl(var(--sf-c-txt-saddlebrown-80)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:85, html.auto .sf-c-txt-saddlebrown\:85 { color: hsl(var(--sf-c-txt-saddlebrown-85)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:90, html.auto .sf-c-txt-saddlebrown\:90 { color: hsl(var(--sf-c-txt-saddlebrown-90)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:95, html.auto .sf-c-txt-saddlebrown\:95 { color: hsl(var(--sf-c-txt-saddlebrown-95)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:100, html.auto .sf-c-txt-saddlebrown\:100 { color: hsl(var(--sf-c-txt-saddlebrown-100)) } + + html[data-theme='auto'] .sf-c-txt-saddlebrown\:dark, html.auto .sf-c-txt-saddlebrown\:dark { color: hsl(var(--sf-c-txt-saddlebrown)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:0\:dark, html.auto .sf-c-txt-saddlebrown\:0\:dark { color: hsl(var(--sf-c-txt-saddlebrown-0)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:5\:dark, html.auto .sf-c-txt-saddlebrown\:5\:dark { color: hsl(var(--sf-c-txt-saddlebrown-5)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:10\:dark, html.auto .sf-c-txt-saddlebrown\:10\:dark { color: hsl(var(--sf-c-txt-saddlebrown-10)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:15\:dark, html.auto .sf-c-txt-saddlebrown\:15\:dark { color: hsl(var(--sf-c-txt-saddlebrown-15)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:20\:dark, html.auto .sf-c-txt-saddlebrown\:20\:dark { color: hsl(var(--sf-c-txt-saddlebrown-20)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:25\:dark, html.auto .sf-c-txt-saddlebrown\:25\:dark { color: hsl(var(--sf-c-txt-saddlebrown-25)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:30\:dark, html.auto .sf-c-txt-saddlebrown\:30\:dark { color: hsl(var(--sf-c-txt-saddlebrown-30)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:35\:dark, html.auto .sf-c-txt-saddlebrown\:35\:dark { color: hsl(var(--sf-c-txt-saddlebrown-35)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:40\:dark, html.auto .sf-c-txt-saddlebrown\:40\:dark { color: hsl(var(--sf-c-txt-saddlebrown-40)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:45\:dark, html.auto .sf-c-txt-saddlebrown\:45\:dark { color: hsl(var(--sf-c-txt-saddlebrown-45)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:50\:dark, html.auto .sf-c-txt-saddlebrown\:50\:dark { color: hsl(var(--sf-c-txt-saddlebrown-50)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:55\:dark, html.auto .sf-c-txt-saddlebrown\:55\:dark { color: hsl(var(--sf-c-txt-saddlebrown-55)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:60\:dark, html.auto .sf-c-txt-saddlebrown\:60\:dark { color: hsl(var(--sf-c-txt-saddlebrown-60)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:65\:dark, html.auto .sf-c-txt-saddlebrown\:65\:dark { color: hsl(var(--sf-c-txt-saddlebrown-65)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:70\:dark, html.auto .sf-c-txt-saddlebrown\:70\:dark { color: hsl(var(--sf-c-txt-saddlebrown-70)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:75\:dark, html.auto .sf-c-txt-saddlebrown\:75\:dark { color: hsl(var(--sf-c-txt-saddlebrown-75)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:80\:dark, html.auto .sf-c-txt-saddlebrown\:80\:dark { color: hsl(var(--sf-c-txt-saddlebrown-80)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:85\:dark, html.auto .sf-c-txt-saddlebrown\:85\:dark { color: hsl(var(--sf-c-txt-saddlebrown-85)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:90\:dark, html.auto .sf-c-txt-saddlebrown\:90\:dark { color: hsl(var(--sf-c-txt-saddlebrown-90)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:95\:dark, html.auto .sf-c-txt-saddlebrown\:95\:dark { color: hsl(var(--sf-c-txt-saddlebrown-95)) } + html[data-theme='auto'] .sf-c-txt-saddlebrown\:100\:dark, html.auto .sf-c-txt-saddlebrown\:100\:dark { color: hsl(var(--sf-c-txt-saddlebrown-100)) } + html.var[data-theme='auto'] .sf-c-saddlebrown, html.var.auto .sf-c-saddlebrown { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 69%) } html.var[data-theme='auto'] .sf-c-saddlebrown\:0, html.var.auto .sf-c-saddlebrown\:0 { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 100%) } html.var[data-theme='auto'] .sf-c-saddlebrown\:5, html.var.auto .sf-c-saddlebrown\:5 { color: hsl(25, 76%, 5%); background: hsl(25, 76%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-saddlebrown\:100\:dark, html.var.dark .sf-c-sa html.var[data-theme='auto'] .sf-c-saddlebrown\:90\:dark, html.var.auto .sf-c-saddlebrown\:90\:dark { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 10%) } html.var[data-theme='auto'] .sf-c-saddlebrown\:95\:dark, html.var.auto .sf-c-saddlebrown\:95\:dark { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 5%) } html.var[data-theme='auto'] .sf-c-saddlebrown\:100\:dark, html.var.auto .sf-c-saddlebrown\:100\:dark { color: hsl(25, 76%, 95%); background: hsl(25, 76%, 0%) } -} -.sf-c-txt-saddlebrown { color: hsl(var(--sf-c-txt-saddlebrown)) } -.sf-c-txt-saddlebrown\:0 { color: hsl(var(--sf-c-txt-saddlebrown-0)) } -.sf-c-txt-saddlebrown\:5 { color: hsl(var(--sf-c-txt-saddlebrown-5)) } -.sf-c-txt-saddlebrown\:10 { color: hsl(var(--sf-c-txt-saddlebrown-10)) } -.sf-c-txt-saddlebrown\:15 { color: hsl(var(--sf-c-txt-saddlebrown-15)) } -.sf-c-txt-saddlebrown\:20 { color: hsl(var(--sf-c-txt-saddlebrown-20)) } -.sf-c-txt-saddlebrown\:25 { color: hsl(var(--sf-c-txt-saddlebrown-25)) } -.sf-c-txt-saddlebrown\:30 { color: hsl(var(--sf-c-txt-saddlebrown-30)) } -.sf-c-txt-saddlebrown\:35 { color: hsl(var(--sf-c-txt-saddlebrown-35)) } -.sf-c-txt-saddlebrown\:40 { color: hsl(var(--sf-c-txt-saddlebrown-40)) } -.sf-c-txt-saddlebrown\:45 { color: hsl(var(--sf-c-txt-saddlebrown-45)) } -.sf-c-txt-saddlebrown\:50 { color: hsl(var(--sf-c-txt-saddlebrown-50)) } -.sf-c-txt-saddlebrown\:55 { color: hsl(var(--sf-c-txt-saddlebrown-55)) } -.sf-c-txt-saddlebrown\:60 { color: hsl(var(--sf-c-txt-saddlebrown-60)) } -.sf-c-txt-saddlebrown\:65 { color: hsl(var(--sf-c-txt-saddlebrown-65)) } -.sf-c-txt-saddlebrown\:70 { color: hsl(var(--sf-c-txt-saddlebrown-70)) } -.sf-c-txt-saddlebrown\:75 { color: hsl(var(--sf-c-txt-saddlebrown-75)) } -.sf-c-txt-saddlebrown\:80 { color: hsl(var(--sf-c-txt-saddlebrown-80)) } -.sf-c-txt-saddlebrown\:85 { color: hsl(var(--sf-c-txt-saddlebrown-85)) } -.sf-c-txt-saddlebrown\:90 { color: hsl(var(--sf-c-txt-saddlebrown-90)) } -.sf-c-txt-saddlebrown\:95 { color: hsl(var(--sf-c-txt-saddlebrown-95)) } -.sf-c-txt-saddlebrown\:100 { color: hsl(var(--sf-c-txt-saddlebrown-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-saddlebrown, html.auto .sf-c-txt-saddlebrown { color: hsl(25, 76%, 31%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:0, html.auto .sf-c-txt-saddlebrown\:0 { color: hsl(25, 76%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:5, html.auto .sf-c-txt-saddlebrown\:5 { color: hsl(25, 76%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:10, html.auto .sf-c-txt-saddlebrown\:10 { color: hsl(25, 76%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:15, html.auto .sf-c-txt-saddlebrown\:15 { color: hsl(25, 76%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:20, html.auto .sf-c-txt-saddlebrown\:20 { color: hsl(25, 76%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:25, html.auto .sf-c-txt-saddlebrown\:25 { color: hsl(25, 76%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:30, html.auto .sf-c-txt-saddlebrown\:30 { color: hsl(25, 76%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:35, html.auto .sf-c-txt-saddlebrown\:35 { color: hsl(25, 76%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:40, html.auto .sf-c-txt-saddlebrown\:40 { color: hsl(25, 76%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:45, html.auto .sf-c-txt-saddlebrown\:45 { color: hsl(25, 76%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:50, html.auto .sf-c-txt-saddlebrown\:50 { color: hsl(25, 76%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:55, html.auto .sf-c-txt-saddlebrown\:55 { color: hsl(25, 76%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:60, html.auto .sf-c-txt-saddlebrown\:60 { color: hsl(25, 76%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:65, html.auto .sf-c-txt-saddlebrown\:65 { color: hsl(25, 76%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:70, html.auto .sf-c-txt-saddlebrown\:70 { color: hsl(25, 76%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:75, html.auto .sf-c-txt-saddlebrown\:75 { color: hsl(25, 76%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:80, html.auto .sf-c-txt-saddlebrown\:80 { color: hsl(25, 76%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:85, html.auto .sf-c-txt-saddlebrown\:85 { color: hsl(25, 76%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:90, html.auto .sf-c-txt-saddlebrown\:90 { color: hsl(25, 76%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:95, html.auto .sf-c-txt-saddlebrown\:95 { color: hsl(25, 76%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:100, html.auto .sf-c-txt-saddlebrown\:100 { color: hsl(25, 76%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:dark, html.auto .sf-c-txt-saddlebrown\:dark { color: hsl(25, 76%, 31%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:0\:dark, html.auto .sf-c-txt-saddlebrown\:0\:dark { color: hsl(25, 76%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:5\:dark, html.auto .sf-c-txt-saddlebrown\:5\:dark { color: hsl(25, 76%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:10\:dark, html.auto .sf-c-txt-saddlebrown\:10\:dark { color: hsl(25, 76%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:15\:dark, html.auto .sf-c-txt-saddlebrown\:15\:dark { color: hsl(25, 76%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:20\:dark, html.auto .sf-c-txt-saddlebrown\:20\:dark { color: hsl(25, 76%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:25\:dark, html.auto .sf-c-txt-saddlebrown\:25\:dark { color: hsl(25, 76%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:30\:dark, html.auto .sf-c-txt-saddlebrown\:30\:dark { color: hsl(25, 76%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:35\:dark, html.auto .sf-c-txt-saddlebrown\:35\:dark { color: hsl(25, 76%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:40\:dark, html.auto .sf-c-txt-saddlebrown\:40\:dark { color: hsl(25, 76%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:45\:dark, html.auto .sf-c-txt-saddlebrown\:45\:dark { color: hsl(25, 76%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:50\:dark, html.auto .sf-c-txt-saddlebrown\:50\:dark { color: hsl(25, 76%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:55\:dark, html.auto .sf-c-txt-saddlebrown\:55\:dark { color: hsl(25, 76%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:60\:dark, html.auto .sf-c-txt-saddlebrown\:60\:dark { color: hsl(25, 76%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:65\:dark, html.auto .sf-c-txt-saddlebrown\:65\:dark { color: hsl(25, 76%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:70\:dark, html.auto .sf-c-txt-saddlebrown\:70\:dark { color: hsl(25, 76%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:75\:dark, html.auto .sf-c-txt-saddlebrown\:75\:dark { color: hsl(25, 76%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:80\:dark, html.auto .sf-c-txt-saddlebrown\:80\:dark { color: hsl(25, 76%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:85\:dark, html.auto .sf-c-txt-saddlebrown\:85\:dark { color: hsl(25, 76%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:90\:dark, html.auto .sf-c-txt-saddlebrown\:90\:dark { color: hsl(25, 76%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:95\:dark, html.auto .sf-c-txt-saddlebrown\:95\:dark { color: hsl(25, 76%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-saddlebrown\:100\:dark, html.auto .sf-c-txt-saddlebrown\:100\:dark { color: hsl(25, 76%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/salmon.css b/src/colors/20/salmon.css index f97b9f6..5d44809 100644 --- a/src/colors/20/salmon.css +++ b/src/colors/20/salmon.css @@ -138,6 +138,52 @@ html.var .sf-c-salmon\:90 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 90%) html.var .sf-c-salmon\:95 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 95%) } html.var .sf-c-salmon\:100 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 100%) } +.sf-c-txt-salmon { color: hsl(var(--sf-dark-c-txt-salmon)) } +.sf-c-txt-salmon\:0 { color: hsl(var(--sf-dark-c-txt-salmon-100)) } +.sf-c-txt-salmon\:5 { color: hsl(var(--sf-dark-c-txt-salmon-95)) } +.sf-c-txt-salmon\:10 { color: hsl(var(--sf-dark-c-txt-salmon-90)) } +.sf-c-txt-salmon\:15 { color: hsl(var(--sf-dark-c-txt-salmon-85)) } +.sf-c-txt-salmon\:20 { color: hsl(var(--sf-dark-c-txt-salmon-80)) } +.sf-c-txt-salmon\:25 { color: hsl(var(--sf-dark-c-txt-salmon-75)) } +.sf-c-txt-salmon\:30 { color: hsl(var(--sf-dark-c-txt-salmon-70)) } +.sf-c-txt-salmon\:35 { color: hsl(var(--sf-dark-c-txt-salmon-65)) } +.sf-c-txt-salmon\:40 { color: hsl(var(--sf-dark-c-txt-salmon-60)) } +.sf-c-txt-salmon\:45 { color: hsl(var(--sf-dark-c-txt-salmon-55)) } +.sf-c-txt-salmon\:50 { color: hsl(var(--sf-dark-c-txt-salmon-50)) } +.sf-c-txt-salmon\:55 { color: hsl(var(--sf-dark-c-txt-salmon-45)) } +.sf-c-txt-salmon\:60 { color: hsl(var(--sf-dark-c-txt-salmon-40)) } +.sf-c-txt-salmon\:65 { color: hsl(var(--sf-dark-c-txt-salmon-35)) } +.sf-c-txt-salmon\:70 { color: hsl(var(--sf-dark-c-txt-salmon-30)) } +.sf-c-txt-salmon\:75 { color: hsl(var(--sf-dark-c-txt-salmon-25)) } +.sf-c-txt-salmon\:80 { color: hsl(var(--sf-dark-c-txt-salmon-20)) } +.sf-c-txt-salmon\:85 { color: hsl(var(--sf-dark-c-txt-salmon-15)) } +.sf-c-txt-salmon\:90 { color: hsl(var(--sf-dark-c-txt-salmon-10)) } +.sf-c-txt-salmon\:95 { color: hsl(var(--sf-dark-c-txt-salmon-5)) } +.sf-c-txt-salmon\:100 { color: hsl(var(--sf-dark-c-txt-salmon-0)) } + +html.var .sf-c-txt-salmon { color: hsl(6, 93%, 29%) } +html.var .sf-c-txt-salmon\:0 { color: hsl(6, 93%, 100%) } +html.var .sf-c-txt-salmon\:5 { color: hsl(6, 93%, 95%) } +html.var .sf-c-txt-salmon\:10 { color: hsl(6, 93%, 90%) } +html.var .sf-c-txt-salmon\:15 { color: hsl(6, 93%, 85%) } +html.var .sf-c-txt-salmon\:20 { color: hsl(6, 93%, 80%) } +html.var .sf-c-txt-salmon\:25 { color: hsl(6, 93%, 75%) } +html.var .sf-c-txt-salmon\:30 { color: hsl(6, 93%, 70%) } +html.var .sf-c-txt-salmon\:35 { color: hsl(6, 93%, 65%) } +html.var .sf-c-txt-salmon\:40 { color: hsl(6, 93%, 60%) } +html.var .sf-c-txt-salmon\:45 { color: hsl(6, 93%, 55%) } +html.var .sf-c-txt-salmon\:50 { color: hsl(6, 93%, 50%) } +html.var .sf-c-txt-salmon\:55 { color: hsl(6, 93%, 45%) } +html.var .sf-c-txt-salmon\:60 { color: hsl(6, 93%, 40%) } +html.var .sf-c-txt-salmon\:65 { color: hsl(6, 93%, 35%) } +html.var .sf-c-txt-salmon\:70 { color: hsl(6, 93%, 30%) } +html.var .sf-c-txt-salmon\:75 { color: hsl(6, 93%, 25%) } +html.var .sf-c-txt-salmon\:80 { color: hsl(6, 93%, 20%) } +html.var .sf-c-txt-salmon\:85 { color: hsl(6, 93%, 15%) } +html.var .sf-c-txt-salmon\:90 { color: hsl(6, 93%, 10%) } +html.var .sf-c-txt-salmon\:95 { color: hsl(6, 93%, 5%) } +html.var .sf-c-txt-salmon\:100 { color: hsl(6, 93%, 0%) } + html[data-theme='dark'] .sf-c-salmon, html.dark .sf-c-salmon { color: hsl(var(--sf-dark-c-txt-salmon-95)); background: hsl(var(--sf-dark-c-salmon)) } html[data-theme='dark'] .sf-c-salmon\:0, html.dark .sf-c-salmon\:0 { color: hsl(var(--sf-dark-c-txt-salmon-95)); background: hsl(var(--sf-dark-c-salmon-100)) } html[data-theme='dark'] .sf-c-salmon\:5, html.dark .sf-c-salmon\:5 { color: hsl(var(--sf-dark-c-txt-salmon-5)); background: hsl(var(--sf-dark-c-salmon-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-salmon\:90\:dark, html.dark .sf-c-salmon\:90\:dark html[data-theme='dark'] .sf-c-salmon\:95\:dark, html.dark .sf-c-salmon\:95\:dark { color: hsl(var(--sf-c-txt-salmon-95)); background: hsl(var(--sf-c-salmon-5)) } html[data-theme='dark'] .sf-c-salmon\:100\:dark, html.dark .sf-c-salmon\:100\:dark { color: hsl(var(--sf-c-txt-salmon-95)); background: hsl(var(--sf-c-salmon-0)) } +html[data-theme='dark'] .sf-c-txt-salmon, html.dark .sf-c-txt-salmon { color: hsl(var(--sf-c-txt-salmon)) } +html[data-theme='dark'] .sf-c-txt-salmon\:0, html.dark .sf-c-txt-salmon\:0 { color: hsl(var(--sf-c-txt-salmon-0)) } +html[data-theme='dark'] .sf-c-txt-salmon\:5, html.dark .sf-c-txt-salmon\:5 { color: hsl(var(--sf-c-txt-salmon-5)) } +html[data-theme='dark'] .sf-c-txt-salmon\:10, html.dark .sf-c-txt-salmon\:10 { color: hsl(var(--sf-c-txt-salmon-10)) } +html[data-theme='dark'] .sf-c-txt-salmon\:15, html.dark .sf-c-txt-salmon\:15 { color: hsl(var(--sf-c-txt-salmon-15)) } +html[data-theme='dark'] .sf-c-txt-salmon\:20, html.dark .sf-c-txt-salmon\:20 { color: hsl(var(--sf-c-txt-salmon-20)) } +html[data-theme='dark'] .sf-c-txt-salmon\:25, html.dark .sf-c-txt-salmon\:25 { color: hsl(var(--sf-c-txt-salmon-25)) } +html[data-theme='dark'] .sf-c-txt-salmon\:30, html.dark .sf-c-txt-salmon\:30 { color: hsl(var(--sf-c-txt-salmon-30)) } +html[data-theme='dark'] .sf-c-txt-salmon\:35, html.dark .sf-c-txt-salmon\:35 { color: hsl(var(--sf-c-txt-salmon-35)) } +html[data-theme='dark'] .sf-c-txt-salmon\:40, html.dark .sf-c-txt-salmon\:40 { color: hsl(var(--sf-c-txt-salmon-40)) } +html[data-theme='dark'] .sf-c-txt-salmon\:45, html.dark .sf-c-txt-salmon\:45 { color: hsl(var(--sf-c-txt-salmon-45)) } +html[data-theme='dark'] .sf-c-txt-salmon\:50, html.dark .sf-c-txt-salmon\:50 { color: hsl(var(--sf-c-txt-salmon-50)) } +html[data-theme='dark'] .sf-c-txt-salmon\:55, html.dark .sf-c-txt-salmon\:55 { color: hsl(var(--sf-c-txt-salmon-55)) } +html[data-theme='dark'] .sf-c-txt-salmon\:60, html.dark .sf-c-txt-salmon\:60 { color: hsl(var(--sf-c-txt-salmon-60)) } +html[data-theme='dark'] .sf-c-txt-salmon\:65, html.dark .sf-c-txt-salmon\:65 { color: hsl(var(--sf-c-txt-salmon-65)) } +html[data-theme='dark'] .sf-c-txt-salmon\:70, html.dark .sf-c-txt-salmon\:70 { color: hsl(var(--sf-c-txt-salmon-70)) } +html[data-theme='dark'] .sf-c-txt-salmon\:75, html.dark .sf-c-txt-salmon\:75 { color: hsl(var(--sf-c-txt-salmon-75)) } +html[data-theme='dark'] .sf-c-txt-salmon\:80, html.dark .sf-c-txt-salmon\:80 { color: hsl(var(--sf-c-txt-salmon-80)) } +html[data-theme='dark'] .sf-c-txt-salmon\:85, html.dark .sf-c-txt-salmon\:85 { color: hsl(var(--sf-c-txt-salmon-85)) } +html[data-theme='dark'] .sf-c-txt-salmon\:90, html.dark .sf-c-txt-salmon\:90 { color: hsl(var(--sf-c-txt-salmon-90)) } +html[data-theme='dark'] .sf-c-txt-salmon\:95, html.dark .sf-c-txt-salmon\:95 { color: hsl(var(--sf-c-txt-salmon-95)) } +html[data-theme='dark'] .sf-c-txt-salmon\:100, html.dark .sf-c-txt-salmon\:100 { color: hsl(var(--sf-c-txt-salmon-100)) } + +html[data-theme='dark'] .sf-c-txt-salmon\:dark, html.dark .sf-c-txt-salmon\:dark { color: hsl(var(--sf-c-txt-salmon)) } +html[data-theme='dark'] .sf-c-txt-salmon\:0\:dark, html.dark .sf-c-txt-salmon\:0\:dark { color: hsl(var(--sf-dark-c-txt-salmon-0)) } +html[data-theme='dark'] .sf-c-txt-salmon\:5\:dark, html.dark .sf-c-txt-salmon\:5\:dark { color: hsl(var(--sf-dark-c-txt-salmon-5)) } +html[data-theme='dark'] .sf-c-txt-salmon\:10\:dark, html.dark .sf-c-txt-salmon\:10\:dark { color: hsl(var(--sf-dark-c-txt-salmon-10)) } +html[data-theme='dark'] .sf-c-txt-salmon\:15\:dark, html.dark .sf-c-txt-salmon\:15\:dark { color: hsl(var(--sf-dark-c-txt-salmon-15)) } +html[data-theme='dark'] .sf-c-txt-salmon\:20\:dark, html.dark .sf-c-txt-salmon\:20\:dark { color: hsl(var(--sf-dark-c-txt-salmon-20)) } +html[data-theme='dark'] .sf-c-txt-salmon\:25\:dark, html.dark .sf-c-txt-salmon\:25\:dark { color: hsl(var(--sf-dark-c-txt-salmon-25)) } +html[data-theme='dark'] .sf-c-txt-salmon\:30\:dark, html.dark .sf-c-txt-salmon\:30\:dark { color: hsl(var(--sf-dark-c-txt-salmon-30)) } +html[data-theme='dark'] .sf-c-txt-salmon\:35\:dark, html.dark .sf-c-txt-salmon\:35\:dark { color: hsl(var(--sf-dark-c-txt-salmon-35)) } +html[data-theme='dark'] .sf-c-txt-salmon\:40\:dark, html.dark .sf-c-txt-salmon\:40\:dark { color: hsl(var(--sf-dark-c-txt-salmon-40)) } +html[data-theme='dark'] .sf-c-txt-salmon\:45\:dark, html.dark .sf-c-txt-salmon\:45\:dark { color: hsl(var(--sf-dark-c-txt-salmon-45)) } +html[data-theme='dark'] .sf-c-txt-salmon\:50\:dark, html.dark .sf-c-txt-salmon\:50\:dark { color: hsl(var(--sf-dark-c-txt-salmon-50)) } +html[data-theme='dark'] .sf-c-txt-salmon\:55\:dark, html.dark .sf-c-txt-salmon\:55\:dark { color: hsl(var(--sf-dark-c-txt-salmon-55)) } +html[data-theme='dark'] .sf-c-txt-salmon\:60\:dark, html.dark .sf-c-txt-salmon\:60\:dark { color: hsl(var(--sf-dark-c-txt-salmon-60)) } +html[data-theme='dark'] .sf-c-txt-salmon\:65\:dark, html.dark .sf-c-txt-salmon\:65\:dark { color: hsl(var(--sf-dark-c-txt-salmon-65)) } +html[data-theme='dark'] .sf-c-txt-salmon\:70\:dark, html.dark .sf-c-txt-salmon\:70\:dark { color: hsl(var(--sf-dark-c-txt-salmon-70)) } +html[data-theme='dark'] .sf-c-txt-salmon\:75\:dark, html.dark .sf-c-txt-salmon\:75\:dark { color: hsl(var(--sf-dark-c-txt-salmon-75)) } +html[data-theme='dark'] .sf-c-txt-salmon\:80\:dark, html.dark .sf-c-txt-salmon\:80\:dark { color: hsl(var(--sf-dark-c-txt-salmon-80)) } +html[data-theme='dark'] .sf-c-txt-salmon\:85\:dark, html.dark .sf-c-txt-salmon\:85\:dark { color: hsl(var(--sf-dark-c-txt-salmon-85)) } +html[data-theme='dark'] .sf-c-txt-salmon\:90\:dark, html.dark .sf-c-txt-salmon\:90\:dark { color: hsl(var(--sf-dark-c-txt-salmon-90)) } +html[data-theme='dark'] .sf-c-txt-salmon\:95\:dark, html.dark .sf-c-txt-salmon\:95\:dark { color: hsl(var(--sf-dark-c-txt-salmon-95)) } +html[data-theme='dark'] .sf-c-txt-salmon\:100\:dark, html.dark .sf-c-txt-salmon\:100\:dark { color: hsl(var(--sf-dark-c-txt-salmon-100)) } + html.var[data-theme='dark'] .sf-c-salmon, html.var.dark .sf-c-salmon { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 29%) } html.var[data-theme='dark'] .sf-c-salmon\:0, html.var.dark .sf-c-salmon\:0 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 100%) } html.var[data-theme='dark'] .sf-c-salmon\:5, html.var.dark .sf-c-salmon\:5 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-salmon\:90\:dark, html.var.dark .sf-c-salmon\: html.var[data-theme='dark'] .sf-c-salmon\:95\:dark, html.var.dark .sf-c-salmon\:95\:dark { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 5%) } html.var[data-theme='dark'] .sf-c-salmon\:100\:dark, html.var.dark .sf-c-salmon\:100\:dark { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-salmon, html.dark .sf-c-txt-salmon { color: hsl(6, 93%, 71%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:0, html.dark .sf-c-txt-salmon\:0 { color: hsl(6, 93%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:5, html.dark .sf-c-txt-salmon\:5 { color: hsl(6, 93%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:10, html.dark .sf-c-txt-salmon\:10 { color: hsl(6, 93%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:15, html.dark .sf-c-txt-salmon\:15 { color: hsl(6, 93%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:20, html.dark .sf-c-txt-salmon\:20 { color: hsl(6, 93%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:25, html.dark .sf-c-txt-salmon\:25 { color: hsl(6, 93%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:30, html.dark .sf-c-txt-salmon\:30 { color: hsl(6, 93%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:35, html.dark .sf-c-txt-salmon\:35 { color: hsl(6, 93%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:40, html.dark .sf-c-txt-salmon\:40 { color: hsl(6, 93%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:45, html.dark .sf-c-txt-salmon\:45 { color: hsl(6, 93%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:50, html.dark .sf-c-txt-salmon\:50 { color: hsl(6, 93%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:55, html.dark .sf-c-txt-salmon\:55 { color: hsl(6, 93%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:60, html.dark .sf-c-txt-salmon\:60 { color: hsl(6, 93%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:65, html.dark .sf-c-txt-salmon\:65 { color: hsl(6, 93%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:70, html.dark .sf-c-txt-salmon\:70 { color: hsl(6, 93%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:75, html.dark .sf-c-txt-salmon\:75 { color: hsl(6, 93%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:80, html.dark .sf-c-txt-salmon\:80 { color: hsl(6, 93%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:85, html.dark .sf-c-txt-salmon\:85 { color: hsl(6, 93%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:90, html.dark .sf-c-txt-salmon\:90 { color: hsl(6, 93%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:95, html.dark .sf-c-txt-salmon\:95 { color: hsl(6, 93%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:100, html.dark .sf-c-txt-salmon\:100 { color: hsl(6, 93%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-salmon\:dark, html.dark .sf-c-txt-salmon\:dark { color: hsl(6, 93%, 71%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:0\:dark, html.dark .sf-c-txt-salmon\:0\:dark { color: hsl(6, 93%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:5\:dark, html.dark .sf-c-txt-salmon\:5\:dark { color: hsl(6, 93%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:10\:dark, html.dark .sf-c-txt-salmon\:10\:dark { color: hsl(6, 93%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:15\:dark, html.dark .sf-c-txt-salmon\:15\:dark { color: hsl(6, 93%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:20\:dark, html.dark .sf-c-txt-salmon\:20\:dark { color: hsl(6, 93%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:25\:dark, html.dark .sf-c-txt-salmon\:25\:dark { color: hsl(6, 93%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:30\:dark, html.dark .sf-c-txt-salmon\:30\:dark { color: hsl(6, 93%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:35\:dark, html.dark .sf-c-txt-salmon\:35\:dark { color: hsl(6, 93%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:40\:dark, html.dark .sf-c-txt-salmon\:40\:dark { color: hsl(6, 93%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:45\:dark, html.dark .sf-c-txt-salmon\:45\:dark { color: hsl(6, 93%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:50\:dark, html.dark .sf-c-txt-salmon\:50\:dark { color: hsl(6, 93%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:55\:dark, html.dark .sf-c-txt-salmon\:55\:dark { color: hsl(6, 93%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:60\:dark, html.dark .sf-c-txt-salmon\:60\:dark { color: hsl(6, 93%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:65\:dark, html.dark .sf-c-txt-salmon\:65\:dark { color: hsl(6, 93%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:70\:dark, html.dark .sf-c-txt-salmon\:70\:dark { color: hsl(6, 93%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:75\:dark, html.dark .sf-c-txt-salmon\:75\:dark { color: hsl(6, 93%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:80\:dark, html.dark .sf-c-txt-salmon\:80\:dark { color: hsl(6, 93%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:85\:dark, html.dark .sf-c-txt-salmon\:85\:dark { color: hsl(6, 93%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:90\:dark, html.dark .sf-c-txt-salmon\:90\:dark { color: hsl(6, 93%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:95\:dark, html.dark .sf-c-txt-salmon\:95\:dark { color: hsl(6, 93%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-salmon\:100\:dark, html.dark .sf-c-txt-salmon\:100\:dark { color: hsl(6, 93%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-salmon, html.auto .sf-c-salmon { color: hsl(var(--sf-dark-c-txt-salmon-95)); background: hsl(var(--sf-dark-c-salmon)) } html[data-theme='auto'] .sf-c-salmon\:0, html.auto .sf-c-salmon\:0 { color: hsl(var(--sf-dark-c-txt-salmon-95)); background: hsl(var(--sf-dark-c-salmon-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-salmon\:100\:dark, html.var.dark .sf-c-salmon\ html[data-theme='auto'] .sf-c-salmon\:95\:dark, html.auto .sf-c-salmon\:95\:dark { color: hsl(var(--sf-c-txt-salmon-95)); background: hsl(var(--sf-c-salmon-5)) } html[data-theme='auto'] .sf-c-salmon\:100\:dark, html.auto .sf-c-salmon\:100\:dark { color: hsl(var(--sf-c-txt-salmon-95)); background: hsl(var(--sf-c-salmon-0)) } + html[data-theme='auto'] .sf-c-txt-salmon, html.auto .sf-c-txt-salmon { color: hsl(var(--sf-c-txt-salmon)) } + html[data-theme='auto'] .sf-c-txt-salmon\:0, html.auto .sf-c-txt-salmon\:0 { color: hsl(var(--sf-c-txt-salmon-0)) } + html[data-theme='auto'] .sf-c-txt-salmon\:5, html.auto .sf-c-txt-salmon\:5 { color: hsl(var(--sf-c-txt-salmon-5)) } + html[data-theme='auto'] .sf-c-txt-salmon\:10, html.auto .sf-c-txt-salmon\:10 { color: hsl(var(--sf-c-txt-salmon-10)) } + html[data-theme='auto'] .sf-c-txt-salmon\:15, html.auto .sf-c-txt-salmon\:15 { color: hsl(var(--sf-c-txt-salmon-15)) } + html[data-theme='auto'] .sf-c-txt-salmon\:20, html.auto .sf-c-txt-salmon\:20 { color: hsl(var(--sf-c-txt-salmon-20)) } + html[data-theme='auto'] .sf-c-txt-salmon\:25, html.auto .sf-c-txt-salmon\:25 { color: hsl(var(--sf-c-txt-salmon-25)) } + html[data-theme='auto'] .sf-c-txt-salmon\:30, html.auto .sf-c-txt-salmon\:30 { color: hsl(var(--sf-c-txt-salmon-30)) } + html[data-theme='auto'] .sf-c-txt-salmon\:35, html.auto .sf-c-txt-salmon\:35 { color: hsl(var(--sf-c-txt-salmon-35)) } + html[data-theme='auto'] .sf-c-txt-salmon\:40, html.auto .sf-c-txt-salmon\:40 { color: hsl(var(--sf-c-txt-salmon-40)) } + html[data-theme='auto'] .sf-c-txt-salmon\:45, html.auto .sf-c-txt-salmon\:45 { color: hsl(var(--sf-c-txt-salmon-45)) } + html[data-theme='auto'] .sf-c-txt-salmon\:50, html.auto .sf-c-txt-salmon\:50 { color: hsl(var(--sf-c-txt-salmon-50)) } + html[data-theme='auto'] .sf-c-txt-salmon\:55, html.auto .sf-c-txt-salmon\:55 { color: hsl(var(--sf-c-txt-salmon-55)) } + html[data-theme='auto'] .sf-c-txt-salmon\:60, html.auto .sf-c-txt-salmon\:60 { color: hsl(var(--sf-c-txt-salmon-60)) } + html[data-theme='auto'] .sf-c-txt-salmon\:65, html.auto .sf-c-txt-salmon\:65 { color: hsl(var(--sf-c-txt-salmon-65)) } + html[data-theme='auto'] .sf-c-txt-salmon\:70, html.auto .sf-c-txt-salmon\:70 { color: hsl(var(--sf-c-txt-salmon-70)) } + html[data-theme='auto'] .sf-c-txt-salmon\:75, html.auto .sf-c-txt-salmon\:75 { color: hsl(var(--sf-c-txt-salmon-75)) } + html[data-theme='auto'] .sf-c-txt-salmon\:80, html.auto .sf-c-txt-salmon\:80 { color: hsl(var(--sf-c-txt-salmon-80)) } + html[data-theme='auto'] .sf-c-txt-salmon\:85, html.auto .sf-c-txt-salmon\:85 { color: hsl(var(--sf-c-txt-salmon-85)) } + html[data-theme='auto'] .sf-c-txt-salmon\:90, html.auto .sf-c-txt-salmon\:90 { color: hsl(var(--sf-c-txt-salmon-90)) } + html[data-theme='auto'] .sf-c-txt-salmon\:95, html.auto .sf-c-txt-salmon\:95 { color: hsl(var(--sf-c-txt-salmon-95)) } + html[data-theme='auto'] .sf-c-txt-salmon\:100, html.auto .sf-c-txt-salmon\:100 { color: hsl(var(--sf-c-txt-salmon-100)) } + + html[data-theme='auto'] .sf-c-txt-salmon\:dark, html.auto .sf-c-txt-salmon\:dark { color: hsl(var(--sf-c-txt-salmon)) } + html[data-theme='auto'] .sf-c-txt-salmon\:0\:dark, html.auto .sf-c-txt-salmon\:0\:dark { color: hsl(var(--sf-c-txt-salmon-0)) } + html[data-theme='auto'] .sf-c-txt-salmon\:5\:dark, html.auto .sf-c-txt-salmon\:5\:dark { color: hsl(var(--sf-c-txt-salmon-5)) } + html[data-theme='auto'] .sf-c-txt-salmon\:10\:dark, html.auto .sf-c-txt-salmon\:10\:dark { color: hsl(var(--sf-c-txt-salmon-10)) } + html[data-theme='auto'] .sf-c-txt-salmon\:15\:dark, html.auto .sf-c-txt-salmon\:15\:dark { color: hsl(var(--sf-c-txt-salmon-15)) } + html[data-theme='auto'] .sf-c-txt-salmon\:20\:dark, html.auto .sf-c-txt-salmon\:20\:dark { color: hsl(var(--sf-c-txt-salmon-20)) } + html[data-theme='auto'] .sf-c-txt-salmon\:25\:dark, html.auto .sf-c-txt-salmon\:25\:dark { color: hsl(var(--sf-c-txt-salmon-25)) } + html[data-theme='auto'] .sf-c-txt-salmon\:30\:dark, html.auto .sf-c-txt-salmon\:30\:dark { color: hsl(var(--sf-c-txt-salmon-30)) } + html[data-theme='auto'] .sf-c-txt-salmon\:35\:dark, html.auto .sf-c-txt-salmon\:35\:dark { color: hsl(var(--sf-c-txt-salmon-35)) } + html[data-theme='auto'] .sf-c-txt-salmon\:40\:dark, html.auto .sf-c-txt-salmon\:40\:dark { color: hsl(var(--sf-c-txt-salmon-40)) } + html[data-theme='auto'] .sf-c-txt-salmon\:45\:dark, html.auto .sf-c-txt-salmon\:45\:dark { color: hsl(var(--sf-c-txt-salmon-45)) } + html[data-theme='auto'] .sf-c-txt-salmon\:50\:dark, html.auto .sf-c-txt-salmon\:50\:dark { color: hsl(var(--sf-c-txt-salmon-50)) } + html[data-theme='auto'] .sf-c-txt-salmon\:55\:dark, html.auto .sf-c-txt-salmon\:55\:dark { color: hsl(var(--sf-c-txt-salmon-55)) } + html[data-theme='auto'] .sf-c-txt-salmon\:60\:dark, html.auto .sf-c-txt-salmon\:60\:dark { color: hsl(var(--sf-c-txt-salmon-60)) } + html[data-theme='auto'] .sf-c-txt-salmon\:65\:dark, html.auto .sf-c-txt-salmon\:65\:dark { color: hsl(var(--sf-c-txt-salmon-65)) } + html[data-theme='auto'] .sf-c-txt-salmon\:70\:dark, html.auto .sf-c-txt-salmon\:70\:dark { color: hsl(var(--sf-c-txt-salmon-70)) } + html[data-theme='auto'] .sf-c-txt-salmon\:75\:dark, html.auto .sf-c-txt-salmon\:75\:dark { color: hsl(var(--sf-c-txt-salmon-75)) } + html[data-theme='auto'] .sf-c-txt-salmon\:80\:dark, html.auto .sf-c-txt-salmon\:80\:dark { color: hsl(var(--sf-c-txt-salmon-80)) } + html[data-theme='auto'] .sf-c-txt-salmon\:85\:dark, html.auto .sf-c-txt-salmon\:85\:dark { color: hsl(var(--sf-c-txt-salmon-85)) } + html[data-theme='auto'] .sf-c-txt-salmon\:90\:dark, html.auto .sf-c-txt-salmon\:90\:dark { color: hsl(var(--sf-c-txt-salmon-90)) } + html[data-theme='auto'] .sf-c-txt-salmon\:95\:dark, html.auto .sf-c-txt-salmon\:95\:dark { color: hsl(var(--sf-c-txt-salmon-95)) } + html[data-theme='auto'] .sf-c-txt-salmon\:100\:dark, html.auto .sf-c-txt-salmon\:100\:dark { color: hsl(var(--sf-c-txt-salmon-100)) } + html.var[data-theme='auto'] .sf-c-salmon, html.var.auto .sf-c-salmon { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 29%) } html.var[data-theme='auto'] .sf-c-salmon\:0, html.var.auto .sf-c-salmon\:0 { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 100%) } html.var[data-theme='auto'] .sf-c-salmon\:5, html.var.auto .sf-c-salmon\:5 { color: hsl(6, 93%, 5%); background: hsl(6, 93%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-salmon\:100\:dark, html.var.dark .sf-c-salmon\ html.var[data-theme='auto'] .sf-c-salmon\:90\:dark, html.var.auto .sf-c-salmon\:90\:dark { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 10%) } html.var[data-theme='auto'] .sf-c-salmon\:95\:dark, html.var.auto .sf-c-salmon\:95\:dark { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 5%) } html.var[data-theme='auto'] .sf-c-salmon\:100\:dark, html.var.auto .sf-c-salmon\:100\:dark { color: hsl(6, 93%, 95%); background: hsl(6, 93%, 0%) } -} -.sf-c-txt-salmon { color: hsl(var(--sf-c-txt-salmon)) } -.sf-c-txt-salmon\:0 { color: hsl(var(--sf-c-txt-salmon-0)) } -.sf-c-txt-salmon\:5 { color: hsl(var(--sf-c-txt-salmon-5)) } -.sf-c-txt-salmon\:10 { color: hsl(var(--sf-c-txt-salmon-10)) } -.sf-c-txt-salmon\:15 { color: hsl(var(--sf-c-txt-salmon-15)) } -.sf-c-txt-salmon\:20 { color: hsl(var(--sf-c-txt-salmon-20)) } -.sf-c-txt-salmon\:25 { color: hsl(var(--sf-c-txt-salmon-25)) } -.sf-c-txt-salmon\:30 { color: hsl(var(--sf-c-txt-salmon-30)) } -.sf-c-txt-salmon\:35 { color: hsl(var(--sf-c-txt-salmon-35)) } -.sf-c-txt-salmon\:40 { color: hsl(var(--sf-c-txt-salmon-40)) } -.sf-c-txt-salmon\:45 { color: hsl(var(--sf-c-txt-salmon-45)) } -.sf-c-txt-salmon\:50 { color: hsl(var(--sf-c-txt-salmon-50)) } -.sf-c-txt-salmon\:55 { color: hsl(var(--sf-c-txt-salmon-55)) } -.sf-c-txt-salmon\:60 { color: hsl(var(--sf-c-txt-salmon-60)) } -.sf-c-txt-salmon\:65 { color: hsl(var(--sf-c-txt-salmon-65)) } -.sf-c-txt-salmon\:70 { color: hsl(var(--sf-c-txt-salmon-70)) } -.sf-c-txt-salmon\:75 { color: hsl(var(--sf-c-txt-salmon-75)) } -.sf-c-txt-salmon\:80 { color: hsl(var(--sf-c-txt-salmon-80)) } -.sf-c-txt-salmon\:85 { color: hsl(var(--sf-c-txt-salmon-85)) } -.sf-c-txt-salmon\:90 { color: hsl(var(--sf-c-txt-salmon-90)) } -.sf-c-txt-salmon\:95 { color: hsl(var(--sf-c-txt-salmon-95)) } -.sf-c-txt-salmon\:100 { color: hsl(var(--sf-c-txt-salmon-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-salmon, html.auto .sf-c-txt-salmon { color: hsl(6, 93%, 71%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:0, html.auto .sf-c-txt-salmon\:0 { color: hsl(6, 93%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:5, html.auto .sf-c-txt-salmon\:5 { color: hsl(6, 93%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:10, html.auto .sf-c-txt-salmon\:10 { color: hsl(6, 93%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:15, html.auto .sf-c-txt-salmon\:15 { color: hsl(6, 93%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:20, html.auto .sf-c-txt-salmon\:20 { color: hsl(6, 93%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:25, html.auto .sf-c-txt-salmon\:25 { color: hsl(6, 93%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:30, html.auto .sf-c-txt-salmon\:30 { color: hsl(6, 93%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:35, html.auto .sf-c-txt-salmon\:35 { color: hsl(6, 93%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:40, html.auto .sf-c-txt-salmon\:40 { color: hsl(6, 93%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:45, html.auto .sf-c-txt-salmon\:45 { color: hsl(6, 93%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:50, html.auto .sf-c-txt-salmon\:50 { color: hsl(6, 93%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:55, html.auto .sf-c-txt-salmon\:55 { color: hsl(6, 93%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:60, html.auto .sf-c-txt-salmon\:60 { color: hsl(6, 93%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:65, html.auto .sf-c-txt-salmon\:65 { color: hsl(6, 93%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:70, html.auto .sf-c-txt-salmon\:70 { color: hsl(6, 93%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:75, html.auto .sf-c-txt-salmon\:75 { color: hsl(6, 93%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:80, html.auto .sf-c-txt-salmon\:80 { color: hsl(6, 93%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:85, html.auto .sf-c-txt-salmon\:85 { color: hsl(6, 93%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:90, html.auto .sf-c-txt-salmon\:90 { color: hsl(6, 93%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:95, html.auto .sf-c-txt-salmon\:95 { color: hsl(6, 93%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:100, html.auto .sf-c-txt-salmon\:100 { color: hsl(6, 93%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-salmon\:dark, html.auto .sf-c-txt-salmon\:dark { color: hsl(6, 93%, 71%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:0\:dark, html.auto .sf-c-txt-salmon\:0\:dark { color: hsl(6, 93%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:5\:dark, html.auto .sf-c-txt-salmon\:5\:dark { color: hsl(6, 93%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:10\:dark, html.auto .sf-c-txt-salmon\:10\:dark { color: hsl(6, 93%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:15\:dark, html.auto .sf-c-txt-salmon\:15\:dark { color: hsl(6, 93%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:20\:dark, html.auto .sf-c-txt-salmon\:20\:dark { color: hsl(6, 93%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:25\:dark, html.auto .sf-c-txt-salmon\:25\:dark { color: hsl(6, 93%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:30\:dark, html.auto .sf-c-txt-salmon\:30\:dark { color: hsl(6, 93%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:35\:dark, html.auto .sf-c-txt-salmon\:35\:dark { color: hsl(6, 93%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:40\:dark, html.auto .sf-c-txt-salmon\:40\:dark { color: hsl(6, 93%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:45\:dark, html.auto .sf-c-txt-salmon\:45\:dark { color: hsl(6, 93%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:50\:dark, html.auto .sf-c-txt-salmon\:50\:dark { color: hsl(6, 93%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:55\:dark, html.auto .sf-c-txt-salmon\:55\:dark { color: hsl(6, 93%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:60\:dark, html.auto .sf-c-txt-salmon\:60\:dark { color: hsl(6, 93%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:65\:dark, html.auto .sf-c-txt-salmon\:65\:dark { color: hsl(6, 93%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:70\:dark, html.auto .sf-c-txt-salmon\:70\:dark { color: hsl(6, 93%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:75\:dark, html.auto .sf-c-txt-salmon\:75\:dark { color: hsl(6, 93%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:80\:dark, html.auto .sf-c-txt-salmon\:80\:dark { color: hsl(6, 93%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:85\:dark, html.auto .sf-c-txt-salmon\:85\:dark { color: hsl(6, 93%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:90\:dark, html.auto .sf-c-txt-salmon\:90\:dark { color: hsl(6, 93%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:95\:dark, html.auto .sf-c-txt-salmon\:95\:dark { color: hsl(6, 93%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-salmon\:100\:dark, html.auto .sf-c-txt-salmon\:100\:dark { color: hsl(6, 93%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/sandybrown.css b/src/colors/20/sandybrown.css index 16bcc5e..5cbc3ab 100644 --- a/src/colors/20/sandybrown.css +++ b/src/colors/20/sandybrown.css @@ -138,6 +138,52 @@ html.var .sf-c-sandybrown\:90 { color: hsl(28, 87%, 5%); background: hsl(28, 87% html.var .sf-c-sandybrown\:95 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 95%) } html.var .sf-c-sandybrown\:100 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 100%) } +.sf-c-txt-sandybrown { color: hsl(var(--sf-dark-c-txt-sandybrown)) } +.sf-c-txt-sandybrown\:0 { color: hsl(var(--sf-dark-c-txt-sandybrown-100)) } +.sf-c-txt-sandybrown\:5 { color: hsl(var(--sf-dark-c-txt-sandybrown-95)) } +.sf-c-txt-sandybrown\:10 { color: hsl(var(--sf-dark-c-txt-sandybrown-90)) } +.sf-c-txt-sandybrown\:15 { color: hsl(var(--sf-dark-c-txt-sandybrown-85)) } +.sf-c-txt-sandybrown\:20 { color: hsl(var(--sf-dark-c-txt-sandybrown-80)) } +.sf-c-txt-sandybrown\:25 { color: hsl(var(--sf-dark-c-txt-sandybrown-75)) } +.sf-c-txt-sandybrown\:30 { color: hsl(var(--sf-dark-c-txt-sandybrown-70)) } +.sf-c-txt-sandybrown\:35 { color: hsl(var(--sf-dark-c-txt-sandybrown-65)) } +.sf-c-txt-sandybrown\:40 { color: hsl(var(--sf-dark-c-txt-sandybrown-60)) } +.sf-c-txt-sandybrown\:45 { color: hsl(var(--sf-dark-c-txt-sandybrown-55)) } +.sf-c-txt-sandybrown\:50 { color: hsl(var(--sf-dark-c-txt-sandybrown-50)) } +.sf-c-txt-sandybrown\:55 { color: hsl(var(--sf-dark-c-txt-sandybrown-45)) } +.sf-c-txt-sandybrown\:60 { color: hsl(var(--sf-dark-c-txt-sandybrown-40)) } +.sf-c-txt-sandybrown\:65 { color: hsl(var(--sf-dark-c-txt-sandybrown-35)) } +.sf-c-txt-sandybrown\:70 { color: hsl(var(--sf-dark-c-txt-sandybrown-30)) } +.sf-c-txt-sandybrown\:75 { color: hsl(var(--sf-dark-c-txt-sandybrown-25)) } +.sf-c-txt-sandybrown\:80 { color: hsl(var(--sf-dark-c-txt-sandybrown-20)) } +.sf-c-txt-sandybrown\:85 { color: hsl(var(--sf-dark-c-txt-sandybrown-15)) } +.sf-c-txt-sandybrown\:90 { color: hsl(var(--sf-dark-c-txt-sandybrown-10)) } +.sf-c-txt-sandybrown\:95 { color: hsl(var(--sf-dark-c-txt-sandybrown-5)) } +.sf-c-txt-sandybrown\:100 { color: hsl(var(--sf-dark-c-txt-sandybrown-0)) } + +html.var .sf-c-txt-sandybrown { color: hsl(28, 87%, 33%) } +html.var .sf-c-txt-sandybrown\:0 { color: hsl(28, 87%, 100%) } +html.var .sf-c-txt-sandybrown\:5 { color: hsl(28, 87%, 95%) } +html.var .sf-c-txt-sandybrown\:10 { color: hsl(28, 87%, 90%) } +html.var .sf-c-txt-sandybrown\:15 { color: hsl(28, 87%, 85%) } +html.var .sf-c-txt-sandybrown\:20 { color: hsl(28, 87%, 80%) } +html.var .sf-c-txt-sandybrown\:25 { color: hsl(28, 87%, 75%) } +html.var .sf-c-txt-sandybrown\:30 { color: hsl(28, 87%, 70%) } +html.var .sf-c-txt-sandybrown\:35 { color: hsl(28, 87%, 65%) } +html.var .sf-c-txt-sandybrown\:40 { color: hsl(28, 87%, 60%) } +html.var .sf-c-txt-sandybrown\:45 { color: hsl(28, 87%, 55%) } +html.var .sf-c-txt-sandybrown\:50 { color: hsl(28, 87%, 50%) } +html.var .sf-c-txt-sandybrown\:55 { color: hsl(28, 87%, 45%) } +html.var .sf-c-txt-sandybrown\:60 { color: hsl(28, 87%, 40%) } +html.var .sf-c-txt-sandybrown\:65 { color: hsl(28, 87%, 35%) } +html.var .sf-c-txt-sandybrown\:70 { color: hsl(28, 87%, 30%) } +html.var .sf-c-txt-sandybrown\:75 { color: hsl(28, 87%, 25%) } +html.var .sf-c-txt-sandybrown\:80 { color: hsl(28, 87%, 20%) } +html.var .sf-c-txt-sandybrown\:85 { color: hsl(28, 87%, 15%) } +html.var .sf-c-txt-sandybrown\:90 { color: hsl(28, 87%, 10%) } +html.var .sf-c-txt-sandybrown\:95 { color: hsl(28, 87%, 5%) } +html.var .sf-c-txt-sandybrown\:100 { color: hsl(28, 87%, 0%) } + html[data-theme='dark'] .sf-c-sandybrown, html.dark .sf-c-sandybrown { color: hsl(var(--sf-dark-c-txt-sandybrown-95)); background: hsl(var(--sf-dark-c-sandybrown)) } html[data-theme='dark'] .sf-c-sandybrown\:0, html.dark .sf-c-sandybrown\:0 { color: hsl(var(--sf-dark-c-txt-sandybrown-95)); background: hsl(var(--sf-dark-c-sandybrown-100)) } html[data-theme='dark'] .sf-c-sandybrown\:5, html.dark .sf-c-sandybrown\:5 { color: hsl(var(--sf-dark-c-txt-sandybrown-5)); background: hsl(var(--sf-dark-c-sandybrown-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-sandybrown\:90\:dark, html.dark .sf-c-sandybrown\: html[data-theme='dark'] .sf-c-sandybrown\:95\:dark, html.dark .sf-c-sandybrown\:95\:dark { color: hsl(var(--sf-c-txt-sandybrown-95)); background: hsl(var(--sf-c-sandybrown-5)) } html[data-theme='dark'] .sf-c-sandybrown\:100\:dark, html.dark .sf-c-sandybrown\:100\:dark { color: hsl(var(--sf-c-txt-sandybrown-95)); background: hsl(var(--sf-c-sandybrown-0)) } +html[data-theme='dark'] .sf-c-txt-sandybrown, html.dark .sf-c-txt-sandybrown { color: hsl(var(--sf-c-txt-sandybrown)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:0, html.dark .sf-c-txt-sandybrown\:0 { color: hsl(var(--sf-c-txt-sandybrown-0)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:5, html.dark .sf-c-txt-sandybrown\:5 { color: hsl(var(--sf-c-txt-sandybrown-5)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:10, html.dark .sf-c-txt-sandybrown\:10 { color: hsl(var(--sf-c-txt-sandybrown-10)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:15, html.dark .sf-c-txt-sandybrown\:15 { color: hsl(var(--sf-c-txt-sandybrown-15)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:20, html.dark .sf-c-txt-sandybrown\:20 { color: hsl(var(--sf-c-txt-sandybrown-20)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:25, html.dark .sf-c-txt-sandybrown\:25 { color: hsl(var(--sf-c-txt-sandybrown-25)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:30, html.dark .sf-c-txt-sandybrown\:30 { color: hsl(var(--sf-c-txt-sandybrown-30)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:35, html.dark .sf-c-txt-sandybrown\:35 { color: hsl(var(--sf-c-txt-sandybrown-35)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:40, html.dark .sf-c-txt-sandybrown\:40 { color: hsl(var(--sf-c-txt-sandybrown-40)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:45, html.dark .sf-c-txt-sandybrown\:45 { color: hsl(var(--sf-c-txt-sandybrown-45)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:50, html.dark .sf-c-txt-sandybrown\:50 { color: hsl(var(--sf-c-txt-sandybrown-50)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:55, html.dark .sf-c-txt-sandybrown\:55 { color: hsl(var(--sf-c-txt-sandybrown-55)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:60, html.dark .sf-c-txt-sandybrown\:60 { color: hsl(var(--sf-c-txt-sandybrown-60)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:65, html.dark .sf-c-txt-sandybrown\:65 { color: hsl(var(--sf-c-txt-sandybrown-65)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:70, html.dark .sf-c-txt-sandybrown\:70 { color: hsl(var(--sf-c-txt-sandybrown-70)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:75, html.dark .sf-c-txt-sandybrown\:75 { color: hsl(var(--sf-c-txt-sandybrown-75)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:80, html.dark .sf-c-txt-sandybrown\:80 { color: hsl(var(--sf-c-txt-sandybrown-80)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:85, html.dark .sf-c-txt-sandybrown\:85 { color: hsl(var(--sf-c-txt-sandybrown-85)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:90, html.dark .sf-c-txt-sandybrown\:90 { color: hsl(var(--sf-c-txt-sandybrown-90)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:95, html.dark .sf-c-txt-sandybrown\:95 { color: hsl(var(--sf-c-txt-sandybrown-95)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:100, html.dark .sf-c-txt-sandybrown\:100 { color: hsl(var(--sf-c-txt-sandybrown-100)) } + +html[data-theme='dark'] .sf-c-txt-sandybrown\:dark, html.dark .sf-c-txt-sandybrown\:dark { color: hsl(var(--sf-c-txt-sandybrown)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:0\:dark, html.dark .sf-c-txt-sandybrown\:0\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-0)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:5\:dark, html.dark .sf-c-txt-sandybrown\:5\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-5)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:10\:dark, html.dark .sf-c-txt-sandybrown\:10\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-10)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:15\:dark, html.dark .sf-c-txt-sandybrown\:15\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-15)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:20\:dark, html.dark .sf-c-txt-sandybrown\:20\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-20)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:25\:dark, html.dark .sf-c-txt-sandybrown\:25\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-25)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:30\:dark, html.dark .sf-c-txt-sandybrown\:30\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-30)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:35\:dark, html.dark .sf-c-txt-sandybrown\:35\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-35)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:40\:dark, html.dark .sf-c-txt-sandybrown\:40\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-40)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:45\:dark, html.dark .sf-c-txt-sandybrown\:45\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-45)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:50\:dark, html.dark .sf-c-txt-sandybrown\:50\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-50)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:55\:dark, html.dark .sf-c-txt-sandybrown\:55\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-55)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:60\:dark, html.dark .sf-c-txt-sandybrown\:60\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-60)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:65\:dark, html.dark .sf-c-txt-sandybrown\:65\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-65)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:70\:dark, html.dark .sf-c-txt-sandybrown\:70\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-70)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:75\:dark, html.dark .sf-c-txt-sandybrown\:75\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-75)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:80\:dark, html.dark .sf-c-txt-sandybrown\:80\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-80)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:85\:dark, html.dark .sf-c-txt-sandybrown\:85\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-85)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:90\:dark, html.dark .sf-c-txt-sandybrown\:90\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-90)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:95\:dark, html.dark .sf-c-txt-sandybrown\:95\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-95)) } +html[data-theme='dark'] .sf-c-txt-sandybrown\:100\:dark, html.dark .sf-c-txt-sandybrown\:100\:dark { color: hsl(var(--sf-dark-c-txt-sandybrown-100)) } + html.var[data-theme='dark'] .sf-c-sandybrown, html.var.dark .sf-c-sandybrown { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 33%) } html.var[data-theme='dark'] .sf-c-sandybrown\:0, html.var.dark .sf-c-sandybrown\:0 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 100%) } html.var[data-theme='dark'] .sf-c-sandybrown\:5, html.var.dark .sf-c-sandybrown\:5 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-sandybrown\:90\:dark, html.var.dark .sf-c-sand html.var[data-theme='dark'] .sf-c-sandybrown\:95\:dark, html.var.dark .sf-c-sandybrown\:95\:dark { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 5%) } html.var[data-theme='dark'] .sf-c-sandybrown\:100\:dark, html.var.dark .sf-c-sandybrown\:100\:dark { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown, html.dark .sf-c-txt-sandybrown { color: hsl(28, 87%, 67%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:0, html.dark .sf-c-txt-sandybrown\:0 { color: hsl(28, 87%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:5, html.dark .sf-c-txt-sandybrown\:5 { color: hsl(28, 87%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:10, html.dark .sf-c-txt-sandybrown\:10 { color: hsl(28, 87%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:15, html.dark .sf-c-txt-sandybrown\:15 { color: hsl(28, 87%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:20, html.dark .sf-c-txt-sandybrown\:20 { color: hsl(28, 87%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:25, html.dark .sf-c-txt-sandybrown\:25 { color: hsl(28, 87%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:30, html.dark .sf-c-txt-sandybrown\:30 { color: hsl(28, 87%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:35, html.dark .sf-c-txt-sandybrown\:35 { color: hsl(28, 87%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:40, html.dark .sf-c-txt-sandybrown\:40 { color: hsl(28, 87%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:45, html.dark .sf-c-txt-sandybrown\:45 { color: hsl(28, 87%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:50, html.dark .sf-c-txt-sandybrown\:50 { color: hsl(28, 87%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:55, html.dark .sf-c-txt-sandybrown\:55 { color: hsl(28, 87%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:60, html.dark .sf-c-txt-sandybrown\:60 { color: hsl(28, 87%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:65, html.dark .sf-c-txt-sandybrown\:65 { color: hsl(28, 87%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:70, html.dark .sf-c-txt-sandybrown\:70 { color: hsl(28, 87%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:75, html.dark .sf-c-txt-sandybrown\:75 { color: hsl(28, 87%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:80, html.dark .sf-c-txt-sandybrown\:80 { color: hsl(28, 87%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:85, html.dark .sf-c-txt-sandybrown\:85 { color: hsl(28, 87%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:90, html.dark .sf-c-txt-sandybrown\:90 { color: hsl(28, 87%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:95, html.dark .sf-c-txt-sandybrown\:95 { color: hsl(28, 87%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:100, html.dark .sf-c-txt-sandybrown\:100 { color: hsl(28, 87%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:dark, html.dark .sf-c-txt-sandybrown\:dark { color: hsl(28, 87%, 67%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:0\:dark, html.dark .sf-c-txt-sandybrown\:0\:dark { color: hsl(28, 87%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:5\:dark, html.dark .sf-c-txt-sandybrown\:5\:dark { color: hsl(28, 87%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:10\:dark, html.dark .sf-c-txt-sandybrown\:10\:dark { color: hsl(28, 87%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:15\:dark, html.dark .sf-c-txt-sandybrown\:15\:dark { color: hsl(28, 87%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:20\:dark, html.dark .sf-c-txt-sandybrown\:20\:dark { color: hsl(28, 87%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:25\:dark, html.dark .sf-c-txt-sandybrown\:25\:dark { color: hsl(28, 87%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:30\:dark, html.dark .sf-c-txt-sandybrown\:30\:dark { color: hsl(28, 87%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:35\:dark, html.dark .sf-c-txt-sandybrown\:35\:dark { color: hsl(28, 87%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:40\:dark, html.dark .sf-c-txt-sandybrown\:40\:dark { color: hsl(28, 87%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:45\:dark, html.dark .sf-c-txt-sandybrown\:45\:dark { color: hsl(28, 87%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:50\:dark, html.dark .sf-c-txt-sandybrown\:50\:dark { color: hsl(28, 87%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:55\:dark, html.dark .sf-c-txt-sandybrown\:55\:dark { color: hsl(28, 87%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:60\:dark, html.dark .sf-c-txt-sandybrown\:60\:dark { color: hsl(28, 87%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:65\:dark, html.dark .sf-c-txt-sandybrown\:65\:dark { color: hsl(28, 87%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:70\:dark, html.dark .sf-c-txt-sandybrown\:70\:dark { color: hsl(28, 87%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:75\:dark, html.dark .sf-c-txt-sandybrown\:75\:dark { color: hsl(28, 87%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:80\:dark, html.dark .sf-c-txt-sandybrown\:80\:dark { color: hsl(28, 87%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:85\:dark, html.dark .sf-c-txt-sandybrown\:85\:dark { color: hsl(28, 87%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:90\:dark, html.dark .sf-c-txt-sandybrown\:90\:dark { color: hsl(28, 87%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:95\:dark, html.dark .sf-c-txt-sandybrown\:95\:dark { color: hsl(28, 87%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-sandybrown\:100\:dark, html.dark .sf-c-txt-sandybrown\:100\:dark { color: hsl(28, 87%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-sandybrown, html.auto .sf-c-sandybrown { color: hsl(var(--sf-dark-c-txt-sandybrown-95)); background: hsl(var(--sf-dark-c-sandybrown)) } html[data-theme='auto'] .sf-c-sandybrown\:0, html.auto .sf-c-sandybrown\:0 { color: hsl(var(--sf-dark-c-txt-sandybrown-95)); background: hsl(var(--sf-dark-c-sandybrown-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-sandybrown\:100\:dark, html.var.dark .sf-c-san html[data-theme='auto'] .sf-c-sandybrown\:95\:dark, html.auto .sf-c-sandybrown\:95\:dark { color: hsl(var(--sf-c-txt-sandybrown-95)); background: hsl(var(--sf-c-sandybrown-5)) } html[data-theme='auto'] .sf-c-sandybrown\:100\:dark, html.auto .sf-c-sandybrown\:100\:dark { color: hsl(var(--sf-c-txt-sandybrown-95)); background: hsl(var(--sf-c-sandybrown-0)) } + html[data-theme='auto'] .sf-c-txt-sandybrown, html.auto .sf-c-txt-sandybrown { color: hsl(var(--sf-c-txt-sandybrown)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:0, html.auto .sf-c-txt-sandybrown\:0 { color: hsl(var(--sf-c-txt-sandybrown-0)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:5, html.auto .sf-c-txt-sandybrown\:5 { color: hsl(var(--sf-c-txt-sandybrown-5)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:10, html.auto .sf-c-txt-sandybrown\:10 { color: hsl(var(--sf-c-txt-sandybrown-10)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:15, html.auto .sf-c-txt-sandybrown\:15 { color: hsl(var(--sf-c-txt-sandybrown-15)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:20, html.auto .sf-c-txt-sandybrown\:20 { color: hsl(var(--sf-c-txt-sandybrown-20)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:25, html.auto .sf-c-txt-sandybrown\:25 { color: hsl(var(--sf-c-txt-sandybrown-25)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:30, html.auto .sf-c-txt-sandybrown\:30 { color: hsl(var(--sf-c-txt-sandybrown-30)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:35, html.auto .sf-c-txt-sandybrown\:35 { color: hsl(var(--sf-c-txt-sandybrown-35)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:40, html.auto .sf-c-txt-sandybrown\:40 { color: hsl(var(--sf-c-txt-sandybrown-40)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:45, html.auto .sf-c-txt-sandybrown\:45 { color: hsl(var(--sf-c-txt-sandybrown-45)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:50, html.auto .sf-c-txt-sandybrown\:50 { color: hsl(var(--sf-c-txt-sandybrown-50)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:55, html.auto .sf-c-txt-sandybrown\:55 { color: hsl(var(--sf-c-txt-sandybrown-55)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:60, html.auto .sf-c-txt-sandybrown\:60 { color: hsl(var(--sf-c-txt-sandybrown-60)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:65, html.auto .sf-c-txt-sandybrown\:65 { color: hsl(var(--sf-c-txt-sandybrown-65)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:70, html.auto .sf-c-txt-sandybrown\:70 { color: hsl(var(--sf-c-txt-sandybrown-70)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:75, html.auto .sf-c-txt-sandybrown\:75 { color: hsl(var(--sf-c-txt-sandybrown-75)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:80, html.auto .sf-c-txt-sandybrown\:80 { color: hsl(var(--sf-c-txt-sandybrown-80)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:85, html.auto .sf-c-txt-sandybrown\:85 { color: hsl(var(--sf-c-txt-sandybrown-85)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:90, html.auto .sf-c-txt-sandybrown\:90 { color: hsl(var(--sf-c-txt-sandybrown-90)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:95, html.auto .sf-c-txt-sandybrown\:95 { color: hsl(var(--sf-c-txt-sandybrown-95)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:100, html.auto .sf-c-txt-sandybrown\:100 { color: hsl(var(--sf-c-txt-sandybrown-100)) } + + html[data-theme='auto'] .sf-c-txt-sandybrown\:dark, html.auto .sf-c-txt-sandybrown\:dark { color: hsl(var(--sf-c-txt-sandybrown)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:0\:dark, html.auto .sf-c-txt-sandybrown\:0\:dark { color: hsl(var(--sf-c-txt-sandybrown-0)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:5\:dark, html.auto .sf-c-txt-sandybrown\:5\:dark { color: hsl(var(--sf-c-txt-sandybrown-5)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:10\:dark, html.auto .sf-c-txt-sandybrown\:10\:dark { color: hsl(var(--sf-c-txt-sandybrown-10)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:15\:dark, html.auto .sf-c-txt-sandybrown\:15\:dark { color: hsl(var(--sf-c-txt-sandybrown-15)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:20\:dark, html.auto .sf-c-txt-sandybrown\:20\:dark { color: hsl(var(--sf-c-txt-sandybrown-20)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:25\:dark, html.auto .sf-c-txt-sandybrown\:25\:dark { color: hsl(var(--sf-c-txt-sandybrown-25)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:30\:dark, html.auto .sf-c-txt-sandybrown\:30\:dark { color: hsl(var(--sf-c-txt-sandybrown-30)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:35\:dark, html.auto .sf-c-txt-sandybrown\:35\:dark { color: hsl(var(--sf-c-txt-sandybrown-35)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:40\:dark, html.auto .sf-c-txt-sandybrown\:40\:dark { color: hsl(var(--sf-c-txt-sandybrown-40)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:45\:dark, html.auto .sf-c-txt-sandybrown\:45\:dark { color: hsl(var(--sf-c-txt-sandybrown-45)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:50\:dark, html.auto .sf-c-txt-sandybrown\:50\:dark { color: hsl(var(--sf-c-txt-sandybrown-50)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:55\:dark, html.auto .sf-c-txt-sandybrown\:55\:dark { color: hsl(var(--sf-c-txt-sandybrown-55)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:60\:dark, html.auto .sf-c-txt-sandybrown\:60\:dark { color: hsl(var(--sf-c-txt-sandybrown-60)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:65\:dark, html.auto .sf-c-txt-sandybrown\:65\:dark { color: hsl(var(--sf-c-txt-sandybrown-65)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:70\:dark, html.auto .sf-c-txt-sandybrown\:70\:dark { color: hsl(var(--sf-c-txt-sandybrown-70)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:75\:dark, html.auto .sf-c-txt-sandybrown\:75\:dark { color: hsl(var(--sf-c-txt-sandybrown-75)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:80\:dark, html.auto .sf-c-txt-sandybrown\:80\:dark { color: hsl(var(--sf-c-txt-sandybrown-80)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:85\:dark, html.auto .sf-c-txt-sandybrown\:85\:dark { color: hsl(var(--sf-c-txt-sandybrown-85)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:90\:dark, html.auto .sf-c-txt-sandybrown\:90\:dark { color: hsl(var(--sf-c-txt-sandybrown-90)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:95\:dark, html.auto .sf-c-txt-sandybrown\:95\:dark { color: hsl(var(--sf-c-txt-sandybrown-95)) } + html[data-theme='auto'] .sf-c-txt-sandybrown\:100\:dark, html.auto .sf-c-txt-sandybrown\:100\:dark { color: hsl(var(--sf-c-txt-sandybrown-100)) } + html.var[data-theme='auto'] .sf-c-sandybrown, html.var.auto .sf-c-sandybrown { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 33%) } html.var[data-theme='auto'] .sf-c-sandybrown\:0, html.var.auto .sf-c-sandybrown\:0 { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 100%) } html.var[data-theme='auto'] .sf-c-sandybrown\:5, html.var.auto .sf-c-sandybrown\:5 { color: hsl(28, 87%, 5%); background: hsl(28, 87%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-sandybrown\:100\:dark, html.var.dark .sf-c-san html.var[data-theme='auto'] .sf-c-sandybrown\:90\:dark, html.var.auto .sf-c-sandybrown\:90\:dark { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 10%) } html.var[data-theme='auto'] .sf-c-sandybrown\:95\:dark, html.var.auto .sf-c-sandybrown\:95\:dark { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 5%) } html.var[data-theme='auto'] .sf-c-sandybrown\:100\:dark, html.var.auto .sf-c-sandybrown\:100\:dark { color: hsl(28, 87%, 95%); background: hsl(28, 87%, 0%) } -} -.sf-c-txt-sandybrown { color: hsl(var(--sf-c-txt-sandybrown)) } -.sf-c-txt-sandybrown\:0 { color: hsl(var(--sf-c-txt-sandybrown-0)) } -.sf-c-txt-sandybrown\:5 { color: hsl(var(--sf-c-txt-sandybrown-5)) } -.sf-c-txt-sandybrown\:10 { color: hsl(var(--sf-c-txt-sandybrown-10)) } -.sf-c-txt-sandybrown\:15 { color: hsl(var(--sf-c-txt-sandybrown-15)) } -.sf-c-txt-sandybrown\:20 { color: hsl(var(--sf-c-txt-sandybrown-20)) } -.sf-c-txt-sandybrown\:25 { color: hsl(var(--sf-c-txt-sandybrown-25)) } -.sf-c-txt-sandybrown\:30 { color: hsl(var(--sf-c-txt-sandybrown-30)) } -.sf-c-txt-sandybrown\:35 { color: hsl(var(--sf-c-txt-sandybrown-35)) } -.sf-c-txt-sandybrown\:40 { color: hsl(var(--sf-c-txt-sandybrown-40)) } -.sf-c-txt-sandybrown\:45 { color: hsl(var(--sf-c-txt-sandybrown-45)) } -.sf-c-txt-sandybrown\:50 { color: hsl(var(--sf-c-txt-sandybrown-50)) } -.sf-c-txt-sandybrown\:55 { color: hsl(var(--sf-c-txt-sandybrown-55)) } -.sf-c-txt-sandybrown\:60 { color: hsl(var(--sf-c-txt-sandybrown-60)) } -.sf-c-txt-sandybrown\:65 { color: hsl(var(--sf-c-txt-sandybrown-65)) } -.sf-c-txt-sandybrown\:70 { color: hsl(var(--sf-c-txt-sandybrown-70)) } -.sf-c-txt-sandybrown\:75 { color: hsl(var(--sf-c-txt-sandybrown-75)) } -.sf-c-txt-sandybrown\:80 { color: hsl(var(--sf-c-txt-sandybrown-80)) } -.sf-c-txt-sandybrown\:85 { color: hsl(var(--sf-c-txt-sandybrown-85)) } -.sf-c-txt-sandybrown\:90 { color: hsl(var(--sf-c-txt-sandybrown-90)) } -.sf-c-txt-sandybrown\:95 { color: hsl(var(--sf-c-txt-sandybrown-95)) } -.sf-c-txt-sandybrown\:100 { color: hsl(var(--sf-c-txt-sandybrown-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-sandybrown, html.auto .sf-c-txt-sandybrown { color: hsl(28, 87%, 67%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:0, html.auto .sf-c-txt-sandybrown\:0 { color: hsl(28, 87%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:5, html.auto .sf-c-txt-sandybrown\:5 { color: hsl(28, 87%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:10, html.auto .sf-c-txt-sandybrown\:10 { color: hsl(28, 87%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:15, html.auto .sf-c-txt-sandybrown\:15 { color: hsl(28, 87%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:20, html.auto .sf-c-txt-sandybrown\:20 { color: hsl(28, 87%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:25, html.auto .sf-c-txt-sandybrown\:25 { color: hsl(28, 87%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:30, html.auto .sf-c-txt-sandybrown\:30 { color: hsl(28, 87%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:35, html.auto .sf-c-txt-sandybrown\:35 { color: hsl(28, 87%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:40, html.auto .sf-c-txt-sandybrown\:40 { color: hsl(28, 87%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:45, html.auto .sf-c-txt-sandybrown\:45 { color: hsl(28, 87%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:50, html.auto .sf-c-txt-sandybrown\:50 { color: hsl(28, 87%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:55, html.auto .sf-c-txt-sandybrown\:55 { color: hsl(28, 87%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:60, html.auto .sf-c-txt-sandybrown\:60 { color: hsl(28, 87%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:65, html.auto .sf-c-txt-sandybrown\:65 { color: hsl(28, 87%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:70, html.auto .sf-c-txt-sandybrown\:70 { color: hsl(28, 87%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:75, html.auto .sf-c-txt-sandybrown\:75 { color: hsl(28, 87%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:80, html.auto .sf-c-txt-sandybrown\:80 { color: hsl(28, 87%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:85, html.auto .sf-c-txt-sandybrown\:85 { color: hsl(28, 87%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:90, html.auto .sf-c-txt-sandybrown\:90 { color: hsl(28, 87%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:95, html.auto .sf-c-txt-sandybrown\:95 { color: hsl(28, 87%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:100, html.auto .sf-c-txt-sandybrown\:100 { color: hsl(28, 87%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:dark, html.auto .sf-c-txt-sandybrown\:dark { color: hsl(28, 87%, 67%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:0\:dark, html.auto .sf-c-txt-sandybrown\:0\:dark { color: hsl(28, 87%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:5\:dark, html.auto .sf-c-txt-sandybrown\:5\:dark { color: hsl(28, 87%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:10\:dark, html.auto .sf-c-txt-sandybrown\:10\:dark { color: hsl(28, 87%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:15\:dark, html.auto .sf-c-txt-sandybrown\:15\:dark { color: hsl(28, 87%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:20\:dark, html.auto .sf-c-txt-sandybrown\:20\:dark { color: hsl(28, 87%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:25\:dark, html.auto .sf-c-txt-sandybrown\:25\:dark { color: hsl(28, 87%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:30\:dark, html.auto .sf-c-txt-sandybrown\:30\:dark { color: hsl(28, 87%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:35\:dark, html.auto .sf-c-txt-sandybrown\:35\:dark { color: hsl(28, 87%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:40\:dark, html.auto .sf-c-txt-sandybrown\:40\:dark { color: hsl(28, 87%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:45\:dark, html.auto .sf-c-txt-sandybrown\:45\:dark { color: hsl(28, 87%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:50\:dark, html.auto .sf-c-txt-sandybrown\:50\:dark { color: hsl(28, 87%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:55\:dark, html.auto .sf-c-txt-sandybrown\:55\:dark { color: hsl(28, 87%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:60\:dark, html.auto .sf-c-txt-sandybrown\:60\:dark { color: hsl(28, 87%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:65\:dark, html.auto .sf-c-txt-sandybrown\:65\:dark { color: hsl(28, 87%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:70\:dark, html.auto .sf-c-txt-sandybrown\:70\:dark { color: hsl(28, 87%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:75\:dark, html.auto .sf-c-txt-sandybrown\:75\:dark { color: hsl(28, 87%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:80\:dark, html.auto .sf-c-txt-sandybrown\:80\:dark { color: hsl(28, 87%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:85\:dark, html.auto .sf-c-txt-sandybrown\:85\:dark { color: hsl(28, 87%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:90\:dark, html.auto .sf-c-txt-sandybrown\:90\:dark { color: hsl(28, 87%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:95\:dark, html.auto .sf-c-txt-sandybrown\:95\:dark { color: hsl(28, 87%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-sandybrown\:100\:dark, html.auto .sf-c-txt-sandybrown\:100\:dark { color: hsl(28, 87%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/seagreen.css b/src/colors/20/seagreen.css index d66566b..0cd9845 100644 --- a/src/colors/20/seagreen.css +++ b/src/colors/20/seagreen.css @@ -138,6 +138,52 @@ html.var .sf-c-seagreen\:90 { color: hsl(146, 50%, 5%); background: hsl(146, 50% html.var .sf-c-seagreen\:95 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 95%) } html.var .sf-c-seagreen\:100 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 100%) } +.sf-c-txt-seagreen { color: hsl(var(--sf-dark-c-txt-seagreen)) } +.sf-c-txt-seagreen\:0 { color: hsl(var(--sf-dark-c-txt-seagreen-100)) } +.sf-c-txt-seagreen\:5 { color: hsl(var(--sf-dark-c-txt-seagreen-95)) } +.sf-c-txt-seagreen\:10 { color: hsl(var(--sf-dark-c-txt-seagreen-90)) } +.sf-c-txt-seagreen\:15 { color: hsl(var(--sf-dark-c-txt-seagreen-85)) } +.sf-c-txt-seagreen\:20 { color: hsl(var(--sf-dark-c-txt-seagreen-80)) } +.sf-c-txt-seagreen\:25 { color: hsl(var(--sf-dark-c-txt-seagreen-75)) } +.sf-c-txt-seagreen\:30 { color: hsl(var(--sf-dark-c-txt-seagreen-70)) } +.sf-c-txt-seagreen\:35 { color: hsl(var(--sf-dark-c-txt-seagreen-65)) } +.sf-c-txt-seagreen\:40 { color: hsl(var(--sf-dark-c-txt-seagreen-60)) } +.sf-c-txt-seagreen\:45 { color: hsl(var(--sf-dark-c-txt-seagreen-55)) } +.sf-c-txt-seagreen\:50 { color: hsl(var(--sf-dark-c-txt-seagreen-50)) } +.sf-c-txt-seagreen\:55 { color: hsl(var(--sf-dark-c-txt-seagreen-45)) } +.sf-c-txt-seagreen\:60 { color: hsl(var(--sf-dark-c-txt-seagreen-40)) } +.sf-c-txt-seagreen\:65 { color: hsl(var(--sf-dark-c-txt-seagreen-35)) } +.sf-c-txt-seagreen\:70 { color: hsl(var(--sf-dark-c-txt-seagreen-30)) } +.sf-c-txt-seagreen\:75 { color: hsl(var(--sf-dark-c-txt-seagreen-25)) } +.sf-c-txt-seagreen\:80 { color: hsl(var(--sf-dark-c-txt-seagreen-20)) } +.sf-c-txt-seagreen\:85 { color: hsl(var(--sf-dark-c-txt-seagreen-15)) } +.sf-c-txt-seagreen\:90 { color: hsl(var(--sf-dark-c-txt-seagreen-10)) } +.sf-c-txt-seagreen\:95 { color: hsl(var(--sf-dark-c-txt-seagreen-5)) } +.sf-c-txt-seagreen\:100 { color: hsl(var(--sf-dark-c-txt-seagreen-0)) } + +html.var .sf-c-txt-seagreen { color: hsl(146, 50%, 64%) } +html.var .sf-c-txt-seagreen\:0 { color: hsl(146, 50%, 100%) } +html.var .sf-c-txt-seagreen\:5 { color: hsl(146, 50%, 95%) } +html.var .sf-c-txt-seagreen\:10 { color: hsl(146, 50%, 90%) } +html.var .sf-c-txt-seagreen\:15 { color: hsl(146, 50%, 85%) } +html.var .sf-c-txt-seagreen\:20 { color: hsl(146, 50%, 80%) } +html.var .sf-c-txt-seagreen\:25 { color: hsl(146, 50%, 75%) } +html.var .sf-c-txt-seagreen\:30 { color: hsl(146, 50%, 70%) } +html.var .sf-c-txt-seagreen\:35 { color: hsl(146, 50%, 65%) } +html.var .sf-c-txt-seagreen\:40 { color: hsl(146, 50%, 60%) } +html.var .sf-c-txt-seagreen\:45 { color: hsl(146, 50%, 55%) } +html.var .sf-c-txt-seagreen\:50 { color: hsl(146, 50%, 50%) } +html.var .sf-c-txt-seagreen\:55 { color: hsl(146, 50%, 45%) } +html.var .sf-c-txt-seagreen\:60 { color: hsl(146, 50%, 40%) } +html.var .sf-c-txt-seagreen\:65 { color: hsl(146, 50%, 35%) } +html.var .sf-c-txt-seagreen\:70 { color: hsl(146, 50%, 30%) } +html.var .sf-c-txt-seagreen\:75 { color: hsl(146, 50%, 25%) } +html.var .sf-c-txt-seagreen\:80 { color: hsl(146, 50%, 20%) } +html.var .sf-c-txt-seagreen\:85 { color: hsl(146, 50%, 15%) } +html.var .sf-c-txt-seagreen\:90 { color: hsl(146, 50%, 10%) } +html.var .sf-c-txt-seagreen\:95 { color: hsl(146, 50%, 5%) } +html.var .sf-c-txt-seagreen\:100 { color: hsl(146, 50%, 0%) } + html[data-theme='dark'] .sf-c-seagreen, html.dark .sf-c-seagreen { color: hsl(var(--sf-dark-c-txt-seagreen-5)); background: hsl(var(--sf-dark-c-seagreen)) } html[data-theme='dark'] .sf-c-seagreen\:0, html.dark .sf-c-seagreen\:0 { color: hsl(var(--sf-dark-c-txt-seagreen-95)); background: hsl(var(--sf-dark-c-seagreen-100)) } html[data-theme='dark'] .sf-c-seagreen\:5, html.dark .sf-c-seagreen\:5 { color: hsl(var(--sf-dark-c-txt-seagreen-5)); background: hsl(var(--sf-dark-c-seagreen-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-seagreen\:90\:dark, html.dark .sf-c-seagreen\:90\: html[data-theme='dark'] .sf-c-seagreen\:95\:dark, html.dark .sf-c-seagreen\:95\:dark { color: hsl(var(--sf-c-txt-seagreen-95)); background: hsl(var(--sf-c-seagreen-5)) } html[data-theme='dark'] .sf-c-seagreen\:100\:dark, html.dark .sf-c-seagreen\:100\:dark { color: hsl(var(--sf-c-txt-seagreen-95)); background: hsl(var(--sf-c-seagreen-0)) } +html[data-theme='dark'] .sf-c-txt-seagreen, html.dark .sf-c-txt-seagreen { color: hsl(var(--sf-c-txt-seagreen)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:0, html.dark .sf-c-txt-seagreen\:0 { color: hsl(var(--sf-c-txt-seagreen-0)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:5, html.dark .sf-c-txt-seagreen\:5 { color: hsl(var(--sf-c-txt-seagreen-5)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:10, html.dark .sf-c-txt-seagreen\:10 { color: hsl(var(--sf-c-txt-seagreen-10)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:15, html.dark .sf-c-txt-seagreen\:15 { color: hsl(var(--sf-c-txt-seagreen-15)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:20, html.dark .sf-c-txt-seagreen\:20 { color: hsl(var(--sf-c-txt-seagreen-20)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:25, html.dark .sf-c-txt-seagreen\:25 { color: hsl(var(--sf-c-txt-seagreen-25)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:30, html.dark .sf-c-txt-seagreen\:30 { color: hsl(var(--sf-c-txt-seagreen-30)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:35, html.dark .sf-c-txt-seagreen\:35 { color: hsl(var(--sf-c-txt-seagreen-35)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:40, html.dark .sf-c-txt-seagreen\:40 { color: hsl(var(--sf-c-txt-seagreen-40)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:45, html.dark .sf-c-txt-seagreen\:45 { color: hsl(var(--sf-c-txt-seagreen-45)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:50, html.dark .sf-c-txt-seagreen\:50 { color: hsl(var(--sf-c-txt-seagreen-50)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:55, html.dark .sf-c-txt-seagreen\:55 { color: hsl(var(--sf-c-txt-seagreen-55)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:60, html.dark .sf-c-txt-seagreen\:60 { color: hsl(var(--sf-c-txt-seagreen-60)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:65, html.dark .sf-c-txt-seagreen\:65 { color: hsl(var(--sf-c-txt-seagreen-65)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:70, html.dark .sf-c-txt-seagreen\:70 { color: hsl(var(--sf-c-txt-seagreen-70)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:75, html.dark .sf-c-txt-seagreen\:75 { color: hsl(var(--sf-c-txt-seagreen-75)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:80, html.dark .sf-c-txt-seagreen\:80 { color: hsl(var(--sf-c-txt-seagreen-80)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:85, html.dark .sf-c-txt-seagreen\:85 { color: hsl(var(--sf-c-txt-seagreen-85)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:90, html.dark .sf-c-txt-seagreen\:90 { color: hsl(var(--sf-c-txt-seagreen-90)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:95, html.dark .sf-c-txt-seagreen\:95 { color: hsl(var(--sf-c-txt-seagreen-95)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:100, html.dark .sf-c-txt-seagreen\:100 { color: hsl(var(--sf-c-txt-seagreen-100)) } + +html[data-theme='dark'] .sf-c-txt-seagreen\:dark, html.dark .sf-c-txt-seagreen\:dark { color: hsl(var(--sf-c-txt-seagreen)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:0\:dark, html.dark .sf-c-txt-seagreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-0)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:5\:dark, html.dark .sf-c-txt-seagreen\:5\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-5)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:10\:dark, html.dark .sf-c-txt-seagreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-10)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:15\:dark, html.dark .sf-c-txt-seagreen\:15\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-15)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:20\:dark, html.dark .sf-c-txt-seagreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-20)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:25\:dark, html.dark .sf-c-txt-seagreen\:25\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-25)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:30\:dark, html.dark .sf-c-txt-seagreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-30)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:35\:dark, html.dark .sf-c-txt-seagreen\:35\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-35)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:40\:dark, html.dark .sf-c-txt-seagreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-40)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:45\:dark, html.dark .sf-c-txt-seagreen\:45\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-45)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:50\:dark, html.dark .sf-c-txt-seagreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-50)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:55\:dark, html.dark .sf-c-txt-seagreen\:55\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-55)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:60\:dark, html.dark .sf-c-txt-seagreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-60)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:65\:dark, html.dark .sf-c-txt-seagreen\:65\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-65)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:70\:dark, html.dark .sf-c-txt-seagreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-70)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:75\:dark, html.dark .sf-c-txt-seagreen\:75\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-75)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:80\:dark, html.dark .sf-c-txt-seagreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-80)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:85\:dark, html.dark .sf-c-txt-seagreen\:85\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-85)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:90\:dark, html.dark .sf-c-txt-seagreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-90)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:95\:dark, html.dark .sf-c-txt-seagreen\:95\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-95)) } +html[data-theme='dark'] .sf-c-txt-seagreen\:100\:dark, html.dark .sf-c-txt-seagreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-seagreen-100)) } + html.var[data-theme='dark'] .sf-c-seagreen, html.var.dark .sf-c-seagreen { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 64%) } html.var[data-theme='dark'] .sf-c-seagreen\:0, html.var.dark .sf-c-seagreen\:0 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 100%) } html.var[data-theme='dark'] .sf-c-seagreen\:5, html.var.dark .sf-c-seagreen\:5 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-seagreen\:90\:dark, html.var.dark .sf-c-seagre html.var[data-theme='dark'] .sf-c-seagreen\:95\:dark, html.var.dark .sf-c-seagreen\:95\:dark { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 5%) } html.var[data-theme='dark'] .sf-c-seagreen\:100\:dark, html.var.dark .sf-c-seagreen\:100\:dark { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen, html.dark .sf-c-txt-seagreen { color: hsl(146, 50%, 36%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:0, html.dark .sf-c-txt-seagreen\:0 { color: hsl(146, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:5, html.dark .sf-c-txt-seagreen\:5 { color: hsl(146, 50%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:10, html.dark .sf-c-txt-seagreen\:10 { color: hsl(146, 50%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:15, html.dark .sf-c-txt-seagreen\:15 { color: hsl(146, 50%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:20, html.dark .sf-c-txt-seagreen\:20 { color: hsl(146, 50%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:25, html.dark .sf-c-txt-seagreen\:25 { color: hsl(146, 50%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:30, html.dark .sf-c-txt-seagreen\:30 { color: hsl(146, 50%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:35, html.dark .sf-c-txt-seagreen\:35 { color: hsl(146, 50%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:40, html.dark .sf-c-txt-seagreen\:40 { color: hsl(146, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:45, html.dark .sf-c-txt-seagreen\:45 { color: hsl(146, 50%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:50, html.dark .sf-c-txt-seagreen\:50 { color: hsl(146, 50%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:55, html.dark .sf-c-txt-seagreen\:55 { color: hsl(146, 50%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:60, html.dark .sf-c-txt-seagreen\:60 { color: hsl(146, 50%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:65, html.dark .sf-c-txt-seagreen\:65 { color: hsl(146, 50%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:70, html.dark .sf-c-txt-seagreen\:70 { color: hsl(146, 50%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:75, html.dark .sf-c-txt-seagreen\:75 { color: hsl(146, 50%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:80, html.dark .sf-c-txt-seagreen\:80 { color: hsl(146, 50%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:85, html.dark .sf-c-txt-seagreen\:85 { color: hsl(146, 50%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:90, html.dark .sf-c-txt-seagreen\:90 { color: hsl(146, 50%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:95, html.dark .sf-c-txt-seagreen\:95 { color: hsl(146, 50%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:100, html.dark .sf-c-txt-seagreen\:100 { color: hsl(146, 50%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-seagreen\:dark, html.dark .sf-c-txt-seagreen\:dark { color: hsl(146, 50%, 36%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:0\:dark, html.dark .sf-c-txt-seagreen\:0\:dark { color: hsl(146, 50%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:5\:dark, html.dark .sf-c-txt-seagreen\:5\:dark { color: hsl(146, 50%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:10\:dark, html.dark .sf-c-txt-seagreen\:10\:dark { color: hsl(146, 50%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:15\:dark, html.dark .sf-c-txt-seagreen\:15\:dark { color: hsl(146, 50%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:20\:dark, html.dark .sf-c-txt-seagreen\:20\:dark { color: hsl(146, 50%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:25\:dark, html.dark .sf-c-txt-seagreen\:25\:dark { color: hsl(146, 50%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:30\:dark, html.dark .sf-c-txt-seagreen\:30\:dark { color: hsl(146, 50%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:35\:dark, html.dark .sf-c-txt-seagreen\:35\:dark { color: hsl(146, 50%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:40\:dark, html.dark .sf-c-txt-seagreen\:40\:dark { color: hsl(146, 50%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:45\:dark, html.dark .sf-c-txt-seagreen\:45\:dark { color: hsl(146, 50%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:50\:dark, html.dark .sf-c-txt-seagreen\:50\:dark { color: hsl(146, 50%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:55\:dark, html.dark .sf-c-txt-seagreen\:55\:dark { color: hsl(146, 50%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:60\:dark, html.dark .sf-c-txt-seagreen\:60\:dark { color: hsl(146, 50%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:65\:dark, html.dark .sf-c-txt-seagreen\:65\:dark { color: hsl(146, 50%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:70\:dark, html.dark .sf-c-txt-seagreen\:70\:dark { color: hsl(146, 50%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:75\:dark, html.dark .sf-c-txt-seagreen\:75\:dark { color: hsl(146, 50%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:80\:dark, html.dark .sf-c-txt-seagreen\:80\:dark { color: hsl(146, 50%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:85\:dark, html.dark .sf-c-txt-seagreen\:85\:dark { color: hsl(146, 50%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:90\:dark, html.dark .sf-c-txt-seagreen\:90\:dark { color: hsl(146, 50%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:95\:dark, html.dark .sf-c-txt-seagreen\:95\:dark { color: hsl(146, 50%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-seagreen\:100\:dark, html.dark .sf-c-txt-seagreen\:100\:dark { color: hsl(146, 50%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-seagreen, html.auto .sf-c-seagreen { color: hsl(var(--sf-dark-c-txt-seagreen-5)); background: hsl(var(--sf-dark-c-seagreen)) } html[data-theme='auto'] .sf-c-seagreen\:0, html.auto .sf-c-seagreen\:0 { color: hsl(var(--sf-dark-c-txt-seagreen-95)); background: hsl(var(--sf-dark-c-seagreen-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-seagreen\:100\:dark, html.var.dark .sf-c-seagr html[data-theme='auto'] .sf-c-seagreen\:95\:dark, html.auto .sf-c-seagreen\:95\:dark { color: hsl(var(--sf-c-txt-seagreen-95)); background: hsl(var(--sf-c-seagreen-5)) } html[data-theme='auto'] .sf-c-seagreen\:100\:dark, html.auto .sf-c-seagreen\:100\:dark { color: hsl(var(--sf-c-txt-seagreen-95)); background: hsl(var(--sf-c-seagreen-0)) } + html[data-theme='auto'] .sf-c-txt-seagreen, html.auto .sf-c-txt-seagreen { color: hsl(var(--sf-c-txt-seagreen)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:0, html.auto .sf-c-txt-seagreen\:0 { color: hsl(var(--sf-c-txt-seagreen-0)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:5, html.auto .sf-c-txt-seagreen\:5 { color: hsl(var(--sf-c-txt-seagreen-5)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:10, html.auto .sf-c-txt-seagreen\:10 { color: hsl(var(--sf-c-txt-seagreen-10)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:15, html.auto .sf-c-txt-seagreen\:15 { color: hsl(var(--sf-c-txt-seagreen-15)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:20, html.auto .sf-c-txt-seagreen\:20 { color: hsl(var(--sf-c-txt-seagreen-20)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:25, html.auto .sf-c-txt-seagreen\:25 { color: hsl(var(--sf-c-txt-seagreen-25)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:30, html.auto .sf-c-txt-seagreen\:30 { color: hsl(var(--sf-c-txt-seagreen-30)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:35, html.auto .sf-c-txt-seagreen\:35 { color: hsl(var(--sf-c-txt-seagreen-35)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:40, html.auto .sf-c-txt-seagreen\:40 { color: hsl(var(--sf-c-txt-seagreen-40)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:45, html.auto .sf-c-txt-seagreen\:45 { color: hsl(var(--sf-c-txt-seagreen-45)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:50, html.auto .sf-c-txt-seagreen\:50 { color: hsl(var(--sf-c-txt-seagreen-50)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:55, html.auto .sf-c-txt-seagreen\:55 { color: hsl(var(--sf-c-txt-seagreen-55)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:60, html.auto .sf-c-txt-seagreen\:60 { color: hsl(var(--sf-c-txt-seagreen-60)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:65, html.auto .sf-c-txt-seagreen\:65 { color: hsl(var(--sf-c-txt-seagreen-65)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:70, html.auto .sf-c-txt-seagreen\:70 { color: hsl(var(--sf-c-txt-seagreen-70)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:75, html.auto .sf-c-txt-seagreen\:75 { color: hsl(var(--sf-c-txt-seagreen-75)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:80, html.auto .sf-c-txt-seagreen\:80 { color: hsl(var(--sf-c-txt-seagreen-80)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:85, html.auto .sf-c-txt-seagreen\:85 { color: hsl(var(--sf-c-txt-seagreen-85)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:90, html.auto .sf-c-txt-seagreen\:90 { color: hsl(var(--sf-c-txt-seagreen-90)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:95, html.auto .sf-c-txt-seagreen\:95 { color: hsl(var(--sf-c-txt-seagreen-95)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:100, html.auto .sf-c-txt-seagreen\:100 { color: hsl(var(--sf-c-txt-seagreen-100)) } + + html[data-theme='auto'] .sf-c-txt-seagreen\:dark, html.auto .sf-c-txt-seagreen\:dark { color: hsl(var(--sf-c-txt-seagreen)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:0\:dark, html.auto .sf-c-txt-seagreen\:0\:dark { color: hsl(var(--sf-c-txt-seagreen-0)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:5\:dark, html.auto .sf-c-txt-seagreen\:5\:dark { color: hsl(var(--sf-c-txt-seagreen-5)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:10\:dark, html.auto .sf-c-txt-seagreen\:10\:dark { color: hsl(var(--sf-c-txt-seagreen-10)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:15\:dark, html.auto .sf-c-txt-seagreen\:15\:dark { color: hsl(var(--sf-c-txt-seagreen-15)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:20\:dark, html.auto .sf-c-txt-seagreen\:20\:dark { color: hsl(var(--sf-c-txt-seagreen-20)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:25\:dark, html.auto .sf-c-txt-seagreen\:25\:dark { color: hsl(var(--sf-c-txt-seagreen-25)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:30\:dark, html.auto .sf-c-txt-seagreen\:30\:dark { color: hsl(var(--sf-c-txt-seagreen-30)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:35\:dark, html.auto .sf-c-txt-seagreen\:35\:dark { color: hsl(var(--sf-c-txt-seagreen-35)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:40\:dark, html.auto .sf-c-txt-seagreen\:40\:dark { color: hsl(var(--sf-c-txt-seagreen-40)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:45\:dark, html.auto .sf-c-txt-seagreen\:45\:dark { color: hsl(var(--sf-c-txt-seagreen-45)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:50\:dark, html.auto .sf-c-txt-seagreen\:50\:dark { color: hsl(var(--sf-c-txt-seagreen-50)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:55\:dark, html.auto .sf-c-txt-seagreen\:55\:dark { color: hsl(var(--sf-c-txt-seagreen-55)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:60\:dark, html.auto .sf-c-txt-seagreen\:60\:dark { color: hsl(var(--sf-c-txt-seagreen-60)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:65\:dark, html.auto .sf-c-txt-seagreen\:65\:dark { color: hsl(var(--sf-c-txt-seagreen-65)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:70\:dark, html.auto .sf-c-txt-seagreen\:70\:dark { color: hsl(var(--sf-c-txt-seagreen-70)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:75\:dark, html.auto .sf-c-txt-seagreen\:75\:dark { color: hsl(var(--sf-c-txt-seagreen-75)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:80\:dark, html.auto .sf-c-txt-seagreen\:80\:dark { color: hsl(var(--sf-c-txt-seagreen-80)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:85\:dark, html.auto .sf-c-txt-seagreen\:85\:dark { color: hsl(var(--sf-c-txt-seagreen-85)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:90\:dark, html.auto .sf-c-txt-seagreen\:90\:dark { color: hsl(var(--sf-c-txt-seagreen-90)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:95\:dark, html.auto .sf-c-txt-seagreen\:95\:dark { color: hsl(var(--sf-c-txt-seagreen-95)) } + html[data-theme='auto'] .sf-c-txt-seagreen\:100\:dark, html.auto .sf-c-txt-seagreen\:100\:dark { color: hsl(var(--sf-c-txt-seagreen-100)) } + html.var[data-theme='auto'] .sf-c-seagreen, html.var.auto .sf-c-seagreen { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 64%) } html.var[data-theme='auto'] .sf-c-seagreen\:0, html.var.auto .sf-c-seagreen\:0 { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 100%) } html.var[data-theme='auto'] .sf-c-seagreen\:5, html.var.auto .sf-c-seagreen\:5 { color: hsl(146, 50%, 5%); background: hsl(146, 50%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-seagreen\:100\:dark, html.var.dark .sf-c-seagr html.var[data-theme='auto'] .sf-c-seagreen\:90\:dark, html.var.auto .sf-c-seagreen\:90\:dark { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 10%) } html.var[data-theme='auto'] .sf-c-seagreen\:95\:dark, html.var.auto .sf-c-seagreen\:95\:dark { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 5%) } html.var[data-theme='auto'] .sf-c-seagreen\:100\:dark, html.var.auto .sf-c-seagreen\:100\:dark { color: hsl(146, 50%, 95%); background: hsl(146, 50%, 0%) } -} -.sf-c-txt-seagreen { color: hsl(var(--sf-c-txt-seagreen)) } -.sf-c-txt-seagreen\:0 { color: hsl(var(--sf-c-txt-seagreen-0)) } -.sf-c-txt-seagreen\:5 { color: hsl(var(--sf-c-txt-seagreen-5)) } -.sf-c-txt-seagreen\:10 { color: hsl(var(--sf-c-txt-seagreen-10)) } -.sf-c-txt-seagreen\:15 { color: hsl(var(--sf-c-txt-seagreen-15)) } -.sf-c-txt-seagreen\:20 { color: hsl(var(--sf-c-txt-seagreen-20)) } -.sf-c-txt-seagreen\:25 { color: hsl(var(--sf-c-txt-seagreen-25)) } -.sf-c-txt-seagreen\:30 { color: hsl(var(--sf-c-txt-seagreen-30)) } -.sf-c-txt-seagreen\:35 { color: hsl(var(--sf-c-txt-seagreen-35)) } -.sf-c-txt-seagreen\:40 { color: hsl(var(--sf-c-txt-seagreen-40)) } -.sf-c-txt-seagreen\:45 { color: hsl(var(--sf-c-txt-seagreen-45)) } -.sf-c-txt-seagreen\:50 { color: hsl(var(--sf-c-txt-seagreen-50)) } -.sf-c-txt-seagreen\:55 { color: hsl(var(--sf-c-txt-seagreen-55)) } -.sf-c-txt-seagreen\:60 { color: hsl(var(--sf-c-txt-seagreen-60)) } -.sf-c-txt-seagreen\:65 { color: hsl(var(--sf-c-txt-seagreen-65)) } -.sf-c-txt-seagreen\:70 { color: hsl(var(--sf-c-txt-seagreen-70)) } -.sf-c-txt-seagreen\:75 { color: hsl(var(--sf-c-txt-seagreen-75)) } -.sf-c-txt-seagreen\:80 { color: hsl(var(--sf-c-txt-seagreen-80)) } -.sf-c-txt-seagreen\:85 { color: hsl(var(--sf-c-txt-seagreen-85)) } -.sf-c-txt-seagreen\:90 { color: hsl(var(--sf-c-txt-seagreen-90)) } -.sf-c-txt-seagreen\:95 { color: hsl(var(--sf-c-txt-seagreen-95)) } -.sf-c-txt-seagreen\:100 { color: hsl(var(--sf-c-txt-seagreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-seagreen, html.auto .sf-c-txt-seagreen { color: hsl(146, 50%, 36%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:0, html.auto .sf-c-txt-seagreen\:0 { color: hsl(146, 50%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:5, html.auto .sf-c-txt-seagreen\:5 { color: hsl(146, 50%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:10, html.auto .sf-c-txt-seagreen\:10 { color: hsl(146, 50%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:15, html.auto .sf-c-txt-seagreen\:15 { color: hsl(146, 50%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:20, html.auto .sf-c-txt-seagreen\:20 { color: hsl(146, 50%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:25, html.auto .sf-c-txt-seagreen\:25 { color: hsl(146, 50%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:30, html.auto .sf-c-txt-seagreen\:30 { color: hsl(146, 50%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:35, html.auto .sf-c-txt-seagreen\:35 { color: hsl(146, 50%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:40, html.auto .sf-c-txt-seagreen\:40 { color: hsl(146, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:45, html.auto .sf-c-txt-seagreen\:45 { color: hsl(146, 50%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:50, html.auto .sf-c-txt-seagreen\:50 { color: hsl(146, 50%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:55, html.auto .sf-c-txt-seagreen\:55 { color: hsl(146, 50%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:60, html.auto .sf-c-txt-seagreen\:60 { color: hsl(146, 50%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:65, html.auto .sf-c-txt-seagreen\:65 { color: hsl(146, 50%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:70, html.auto .sf-c-txt-seagreen\:70 { color: hsl(146, 50%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:75, html.auto .sf-c-txt-seagreen\:75 { color: hsl(146, 50%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:80, html.auto .sf-c-txt-seagreen\:80 { color: hsl(146, 50%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:85, html.auto .sf-c-txt-seagreen\:85 { color: hsl(146, 50%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:90, html.auto .sf-c-txt-seagreen\:90 { color: hsl(146, 50%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:95, html.auto .sf-c-txt-seagreen\:95 { color: hsl(146, 50%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:100, html.auto .sf-c-txt-seagreen\:100 { color: hsl(146, 50%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-seagreen\:dark, html.auto .sf-c-txt-seagreen\:dark { color: hsl(146, 50%, 36%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:0\:dark, html.auto .sf-c-txt-seagreen\:0\:dark { color: hsl(146, 50%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:5\:dark, html.auto .sf-c-txt-seagreen\:5\:dark { color: hsl(146, 50%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:10\:dark, html.auto .sf-c-txt-seagreen\:10\:dark { color: hsl(146, 50%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:15\:dark, html.auto .sf-c-txt-seagreen\:15\:dark { color: hsl(146, 50%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:20\:dark, html.auto .sf-c-txt-seagreen\:20\:dark { color: hsl(146, 50%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:25\:dark, html.auto .sf-c-txt-seagreen\:25\:dark { color: hsl(146, 50%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:30\:dark, html.auto .sf-c-txt-seagreen\:30\:dark { color: hsl(146, 50%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:35\:dark, html.auto .sf-c-txt-seagreen\:35\:dark { color: hsl(146, 50%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:40\:dark, html.auto .sf-c-txt-seagreen\:40\:dark { color: hsl(146, 50%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:45\:dark, html.auto .sf-c-txt-seagreen\:45\:dark { color: hsl(146, 50%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:50\:dark, html.auto .sf-c-txt-seagreen\:50\:dark { color: hsl(146, 50%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:55\:dark, html.auto .sf-c-txt-seagreen\:55\:dark { color: hsl(146, 50%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:60\:dark, html.auto .sf-c-txt-seagreen\:60\:dark { color: hsl(146, 50%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:65\:dark, html.auto .sf-c-txt-seagreen\:65\:dark { color: hsl(146, 50%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:70\:dark, html.auto .sf-c-txt-seagreen\:70\:dark { color: hsl(146, 50%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:75\:dark, html.auto .sf-c-txt-seagreen\:75\:dark { color: hsl(146, 50%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:80\:dark, html.auto .sf-c-txt-seagreen\:80\:dark { color: hsl(146, 50%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:85\:dark, html.auto .sf-c-txt-seagreen\:85\:dark { color: hsl(146, 50%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:90\:dark, html.auto .sf-c-txt-seagreen\:90\:dark { color: hsl(146, 50%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:95\:dark, html.auto .sf-c-txt-seagreen\:95\:dark { color: hsl(146, 50%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-seagreen\:100\:dark, html.auto .sf-c-txt-seagreen\:100\:dark { color: hsl(146, 50%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/seashell.css b/src/colors/20/seashell.css index 3dec8a5..8400840 100644 --- a/src/colors/20/seashell.css +++ b/src/colors/20/seashell.css @@ -138,6 +138,52 @@ html.var .sf-c-seashell\:90 { color: hsl(25, 100%, 5%); background: hsl(25, 100% html.var .sf-c-seashell\:95 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 95%) } html.var .sf-c-seashell\:100 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 100%) } +.sf-c-txt-seashell { color: hsl(var(--sf-dark-c-txt-seashell)) } +.sf-c-txt-seashell\:0 { color: hsl(var(--sf-dark-c-txt-seashell-100)) } +.sf-c-txt-seashell\:5 { color: hsl(var(--sf-dark-c-txt-seashell-95)) } +.sf-c-txt-seashell\:10 { color: hsl(var(--sf-dark-c-txt-seashell-90)) } +.sf-c-txt-seashell\:15 { color: hsl(var(--sf-dark-c-txt-seashell-85)) } +.sf-c-txt-seashell\:20 { color: hsl(var(--sf-dark-c-txt-seashell-80)) } +.sf-c-txt-seashell\:25 { color: hsl(var(--sf-dark-c-txt-seashell-75)) } +.sf-c-txt-seashell\:30 { color: hsl(var(--sf-dark-c-txt-seashell-70)) } +.sf-c-txt-seashell\:35 { color: hsl(var(--sf-dark-c-txt-seashell-65)) } +.sf-c-txt-seashell\:40 { color: hsl(var(--sf-dark-c-txt-seashell-60)) } +.sf-c-txt-seashell\:45 { color: hsl(var(--sf-dark-c-txt-seashell-55)) } +.sf-c-txt-seashell\:50 { color: hsl(var(--sf-dark-c-txt-seashell-50)) } +.sf-c-txt-seashell\:55 { color: hsl(var(--sf-dark-c-txt-seashell-45)) } +.sf-c-txt-seashell\:60 { color: hsl(var(--sf-dark-c-txt-seashell-40)) } +.sf-c-txt-seashell\:65 { color: hsl(var(--sf-dark-c-txt-seashell-35)) } +.sf-c-txt-seashell\:70 { color: hsl(var(--sf-dark-c-txt-seashell-30)) } +.sf-c-txt-seashell\:75 { color: hsl(var(--sf-dark-c-txt-seashell-25)) } +.sf-c-txt-seashell\:80 { color: hsl(var(--sf-dark-c-txt-seashell-20)) } +.sf-c-txt-seashell\:85 { color: hsl(var(--sf-dark-c-txt-seashell-15)) } +.sf-c-txt-seashell\:90 { color: hsl(var(--sf-dark-c-txt-seashell-10)) } +.sf-c-txt-seashell\:95 { color: hsl(var(--sf-dark-c-txt-seashell-5)) } +.sf-c-txt-seashell\:100 { color: hsl(var(--sf-dark-c-txt-seashell-0)) } + +html.var .sf-c-txt-seashell { color: hsl(25, 100%, 3%) } +html.var .sf-c-txt-seashell\:0 { color: hsl(25, 100%, 100%) } +html.var .sf-c-txt-seashell\:5 { color: hsl(25, 100%, 95%) } +html.var .sf-c-txt-seashell\:10 { color: hsl(25, 100%, 90%) } +html.var .sf-c-txt-seashell\:15 { color: hsl(25, 100%, 85%) } +html.var .sf-c-txt-seashell\:20 { color: hsl(25, 100%, 80%) } +html.var .sf-c-txt-seashell\:25 { color: hsl(25, 100%, 75%) } +html.var .sf-c-txt-seashell\:30 { color: hsl(25, 100%, 70%) } +html.var .sf-c-txt-seashell\:35 { color: hsl(25, 100%, 65%) } +html.var .sf-c-txt-seashell\:40 { color: hsl(25, 100%, 60%) } +html.var .sf-c-txt-seashell\:45 { color: hsl(25, 100%, 55%) } +html.var .sf-c-txt-seashell\:50 { color: hsl(25, 100%, 50%) } +html.var .sf-c-txt-seashell\:55 { color: hsl(25, 100%, 45%) } +html.var .sf-c-txt-seashell\:60 { color: hsl(25, 100%, 40%) } +html.var .sf-c-txt-seashell\:65 { color: hsl(25, 100%, 35%) } +html.var .sf-c-txt-seashell\:70 { color: hsl(25, 100%, 30%) } +html.var .sf-c-txt-seashell\:75 { color: hsl(25, 100%, 25%) } +html.var .sf-c-txt-seashell\:80 { color: hsl(25, 100%, 20%) } +html.var .sf-c-txt-seashell\:85 { color: hsl(25, 100%, 15%) } +html.var .sf-c-txt-seashell\:90 { color: hsl(25, 100%, 10%) } +html.var .sf-c-txt-seashell\:95 { color: hsl(25, 100%, 5%) } +html.var .sf-c-txt-seashell\:100 { color: hsl(25, 100%, 0%) } + html[data-theme='dark'] .sf-c-seashell, html.dark .sf-c-seashell { color: hsl(var(--sf-dark-c-txt-seashell-95)); background: hsl(var(--sf-dark-c-seashell)) } html[data-theme='dark'] .sf-c-seashell\:0, html.dark .sf-c-seashell\:0 { color: hsl(var(--sf-dark-c-txt-seashell-95)); background: hsl(var(--sf-dark-c-seashell-100)) } html[data-theme='dark'] .sf-c-seashell\:5, html.dark .sf-c-seashell\:5 { color: hsl(var(--sf-dark-c-txt-seashell-5)); background: hsl(var(--sf-dark-c-seashell-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-seashell\:90\:dark, html.dark .sf-c-seashell\:90\: html[data-theme='dark'] .sf-c-seashell\:95\:dark, html.dark .sf-c-seashell\:95\:dark { color: hsl(var(--sf-c-txt-seashell-95)); background: hsl(var(--sf-c-seashell-5)) } html[data-theme='dark'] .sf-c-seashell\:100\:dark, html.dark .sf-c-seashell\:100\:dark { color: hsl(var(--sf-c-txt-seashell-95)); background: hsl(var(--sf-c-seashell-0)) } +html[data-theme='dark'] .sf-c-txt-seashell, html.dark .sf-c-txt-seashell { color: hsl(var(--sf-c-txt-seashell)) } +html[data-theme='dark'] .sf-c-txt-seashell\:0, html.dark .sf-c-txt-seashell\:0 { color: hsl(var(--sf-c-txt-seashell-0)) } +html[data-theme='dark'] .sf-c-txt-seashell\:5, html.dark .sf-c-txt-seashell\:5 { color: hsl(var(--sf-c-txt-seashell-5)) } +html[data-theme='dark'] .sf-c-txt-seashell\:10, html.dark .sf-c-txt-seashell\:10 { color: hsl(var(--sf-c-txt-seashell-10)) } +html[data-theme='dark'] .sf-c-txt-seashell\:15, html.dark .sf-c-txt-seashell\:15 { color: hsl(var(--sf-c-txt-seashell-15)) } +html[data-theme='dark'] .sf-c-txt-seashell\:20, html.dark .sf-c-txt-seashell\:20 { color: hsl(var(--sf-c-txt-seashell-20)) } +html[data-theme='dark'] .sf-c-txt-seashell\:25, html.dark .sf-c-txt-seashell\:25 { color: hsl(var(--sf-c-txt-seashell-25)) } +html[data-theme='dark'] .sf-c-txt-seashell\:30, html.dark .sf-c-txt-seashell\:30 { color: hsl(var(--sf-c-txt-seashell-30)) } +html[data-theme='dark'] .sf-c-txt-seashell\:35, html.dark .sf-c-txt-seashell\:35 { color: hsl(var(--sf-c-txt-seashell-35)) } +html[data-theme='dark'] .sf-c-txt-seashell\:40, html.dark .sf-c-txt-seashell\:40 { color: hsl(var(--sf-c-txt-seashell-40)) } +html[data-theme='dark'] .sf-c-txt-seashell\:45, html.dark .sf-c-txt-seashell\:45 { color: hsl(var(--sf-c-txt-seashell-45)) } +html[data-theme='dark'] .sf-c-txt-seashell\:50, html.dark .sf-c-txt-seashell\:50 { color: hsl(var(--sf-c-txt-seashell-50)) } +html[data-theme='dark'] .sf-c-txt-seashell\:55, html.dark .sf-c-txt-seashell\:55 { color: hsl(var(--sf-c-txt-seashell-55)) } +html[data-theme='dark'] .sf-c-txt-seashell\:60, html.dark .sf-c-txt-seashell\:60 { color: hsl(var(--sf-c-txt-seashell-60)) } +html[data-theme='dark'] .sf-c-txt-seashell\:65, html.dark .sf-c-txt-seashell\:65 { color: hsl(var(--sf-c-txt-seashell-65)) } +html[data-theme='dark'] .sf-c-txt-seashell\:70, html.dark .sf-c-txt-seashell\:70 { color: hsl(var(--sf-c-txt-seashell-70)) } +html[data-theme='dark'] .sf-c-txt-seashell\:75, html.dark .sf-c-txt-seashell\:75 { color: hsl(var(--sf-c-txt-seashell-75)) } +html[data-theme='dark'] .sf-c-txt-seashell\:80, html.dark .sf-c-txt-seashell\:80 { color: hsl(var(--sf-c-txt-seashell-80)) } +html[data-theme='dark'] .sf-c-txt-seashell\:85, html.dark .sf-c-txt-seashell\:85 { color: hsl(var(--sf-c-txt-seashell-85)) } +html[data-theme='dark'] .sf-c-txt-seashell\:90, html.dark .sf-c-txt-seashell\:90 { color: hsl(var(--sf-c-txt-seashell-90)) } +html[data-theme='dark'] .sf-c-txt-seashell\:95, html.dark .sf-c-txt-seashell\:95 { color: hsl(var(--sf-c-txt-seashell-95)) } +html[data-theme='dark'] .sf-c-txt-seashell\:100, html.dark .sf-c-txt-seashell\:100 { color: hsl(var(--sf-c-txt-seashell-100)) } + +html[data-theme='dark'] .sf-c-txt-seashell\:dark, html.dark .sf-c-txt-seashell\:dark { color: hsl(var(--sf-c-txt-seashell)) } +html[data-theme='dark'] .sf-c-txt-seashell\:0\:dark, html.dark .sf-c-txt-seashell\:0\:dark { color: hsl(var(--sf-dark-c-txt-seashell-0)) } +html[data-theme='dark'] .sf-c-txt-seashell\:5\:dark, html.dark .sf-c-txt-seashell\:5\:dark { color: hsl(var(--sf-dark-c-txt-seashell-5)) } +html[data-theme='dark'] .sf-c-txt-seashell\:10\:dark, html.dark .sf-c-txt-seashell\:10\:dark { color: hsl(var(--sf-dark-c-txt-seashell-10)) } +html[data-theme='dark'] .sf-c-txt-seashell\:15\:dark, html.dark .sf-c-txt-seashell\:15\:dark { color: hsl(var(--sf-dark-c-txt-seashell-15)) } +html[data-theme='dark'] .sf-c-txt-seashell\:20\:dark, html.dark .sf-c-txt-seashell\:20\:dark { color: hsl(var(--sf-dark-c-txt-seashell-20)) } +html[data-theme='dark'] .sf-c-txt-seashell\:25\:dark, html.dark .sf-c-txt-seashell\:25\:dark { color: hsl(var(--sf-dark-c-txt-seashell-25)) } +html[data-theme='dark'] .sf-c-txt-seashell\:30\:dark, html.dark .sf-c-txt-seashell\:30\:dark { color: hsl(var(--sf-dark-c-txt-seashell-30)) } +html[data-theme='dark'] .sf-c-txt-seashell\:35\:dark, html.dark .sf-c-txt-seashell\:35\:dark { color: hsl(var(--sf-dark-c-txt-seashell-35)) } +html[data-theme='dark'] .sf-c-txt-seashell\:40\:dark, html.dark .sf-c-txt-seashell\:40\:dark { color: hsl(var(--sf-dark-c-txt-seashell-40)) } +html[data-theme='dark'] .sf-c-txt-seashell\:45\:dark, html.dark .sf-c-txt-seashell\:45\:dark { color: hsl(var(--sf-dark-c-txt-seashell-45)) } +html[data-theme='dark'] .sf-c-txt-seashell\:50\:dark, html.dark .sf-c-txt-seashell\:50\:dark { color: hsl(var(--sf-dark-c-txt-seashell-50)) } +html[data-theme='dark'] .sf-c-txt-seashell\:55\:dark, html.dark .sf-c-txt-seashell\:55\:dark { color: hsl(var(--sf-dark-c-txt-seashell-55)) } +html[data-theme='dark'] .sf-c-txt-seashell\:60\:dark, html.dark .sf-c-txt-seashell\:60\:dark { color: hsl(var(--sf-dark-c-txt-seashell-60)) } +html[data-theme='dark'] .sf-c-txt-seashell\:65\:dark, html.dark .sf-c-txt-seashell\:65\:dark { color: hsl(var(--sf-dark-c-txt-seashell-65)) } +html[data-theme='dark'] .sf-c-txt-seashell\:70\:dark, html.dark .sf-c-txt-seashell\:70\:dark { color: hsl(var(--sf-dark-c-txt-seashell-70)) } +html[data-theme='dark'] .sf-c-txt-seashell\:75\:dark, html.dark .sf-c-txt-seashell\:75\:dark { color: hsl(var(--sf-dark-c-txt-seashell-75)) } +html[data-theme='dark'] .sf-c-txt-seashell\:80\:dark, html.dark .sf-c-txt-seashell\:80\:dark { color: hsl(var(--sf-dark-c-txt-seashell-80)) } +html[data-theme='dark'] .sf-c-txt-seashell\:85\:dark, html.dark .sf-c-txt-seashell\:85\:dark { color: hsl(var(--sf-dark-c-txt-seashell-85)) } +html[data-theme='dark'] .sf-c-txt-seashell\:90\:dark, html.dark .sf-c-txt-seashell\:90\:dark { color: hsl(var(--sf-dark-c-txt-seashell-90)) } +html[data-theme='dark'] .sf-c-txt-seashell\:95\:dark, html.dark .sf-c-txt-seashell\:95\:dark { color: hsl(var(--sf-dark-c-txt-seashell-95)) } +html[data-theme='dark'] .sf-c-txt-seashell\:100\:dark, html.dark .sf-c-txt-seashell\:100\:dark { color: hsl(var(--sf-dark-c-txt-seashell-100)) } + html.var[data-theme='dark'] .sf-c-seashell, html.var.dark .sf-c-seashell { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 3%) } html.var[data-theme='dark'] .sf-c-seashell\:0, html.var.dark .sf-c-seashell\:0 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 100%) } html.var[data-theme='dark'] .sf-c-seashell\:5, html.var.dark .sf-c-seashell\:5 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-seashell\:90\:dark, html.var.dark .sf-c-seashe html.var[data-theme='dark'] .sf-c-seashell\:95\:dark, html.var.dark .sf-c-seashell\:95\:dark { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 5%) } html.var[data-theme='dark'] .sf-c-seashell\:100\:dark, html.var.dark .sf-c-seashell\:100\:dark { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-seashell, html.dark .sf-c-txt-seashell { color: hsl(25, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:0, html.dark .sf-c-txt-seashell\:0 { color: hsl(25, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:5, html.dark .sf-c-txt-seashell\:5 { color: hsl(25, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:10, html.dark .sf-c-txt-seashell\:10 { color: hsl(25, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:15, html.dark .sf-c-txt-seashell\:15 { color: hsl(25, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:20, html.dark .sf-c-txt-seashell\:20 { color: hsl(25, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:25, html.dark .sf-c-txt-seashell\:25 { color: hsl(25, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:30, html.dark .sf-c-txt-seashell\:30 { color: hsl(25, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:35, html.dark .sf-c-txt-seashell\:35 { color: hsl(25, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:40, html.dark .sf-c-txt-seashell\:40 { color: hsl(25, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:45, html.dark .sf-c-txt-seashell\:45 { color: hsl(25, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:50, html.dark .sf-c-txt-seashell\:50 { color: hsl(25, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:55, html.dark .sf-c-txt-seashell\:55 { color: hsl(25, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:60, html.dark .sf-c-txt-seashell\:60 { color: hsl(25, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:65, html.dark .sf-c-txt-seashell\:65 { color: hsl(25, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:70, html.dark .sf-c-txt-seashell\:70 { color: hsl(25, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:75, html.dark .sf-c-txt-seashell\:75 { color: hsl(25, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:80, html.dark .sf-c-txt-seashell\:80 { color: hsl(25, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:85, html.dark .sf-c-txt-seashell\:85 { color: hsl(25, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:90, html.dark .sf-c-txt-seashell\:90 { color: hsl(25, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:95, html.dark .sf-c-txt-seashell\:95 { color: hsl(25, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:100, html.dark .sf-c-txt-seashell\:100 { color: hsl(25, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-seashell\:dark, html.dark .sf-c-txt-seashell\:dark { color: hsl(25, 100%, 97%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:0\:dark, html.dark .sf-c-txt-seashell\:0\:dark { color: hsl(25, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:5\:dark, html.dark .sf-c-txt-seashell\:5\:dark { color: hsl(25, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:10\:dark, html.dark .sf-c-txt-seashell\:10\:dark { color: hsl(25, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:15\:dark, html.dark .sf-c-txt-seashell\:15\:dark { color: hsl(25, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:20\:dark, html.dark .sf-c-txt-seashell\:20\:dark { color: hsl(25, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:25\:dark, html.dark .sf-c-txt-seashell\:25\:dark { color: hsl(25, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:30\:dark, html.dark .sf-c-txt-seashell\:30\:dark { color: hsl(25, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:35\:dark, html.dark .sf-c-txt-seashell\:35\:dark { color: hsl(25, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:40\:dark, html.dark .sf-c-txt-seashell\:40\:dark { color: hsl(25, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:45\:dark, html.dark .sf-c-txt-seashell\:45\:dark { color: hsl(25, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:50\:dark, html.dark .sf-c-txt-seashell\:50\:dark { color: hsl(25, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:55\:dark, html.dark .sf-c-txt-seashell\:55\:dark { color: hsl(25, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:60\:dark, html.dark .sf-c-txt-seashell\:60\:dark { color: hsl(25, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:65\:dark, html.dark .sf-c-txt-seashell\:65\:dark { color: hsl(25, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:70\:dark, html.dark .sf-c-txt-seashell\:70\:dark { color: hsl(25, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:75\:dark, html.dark .sf-c-txt-seashell\:75\:dark { color: hsl(25, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:80\:dark, html.dark .sf-c-txt-seashell\:80\:dark { color: hsl(25, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:85\:dark, html.dark .sf-c-txt-seashell\:85\:dark { color: hsl(25, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:90\:dark, html.dark .sf-c-txt-seashell\:90\:dark { color: hsl(25, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:95\:dark, html.dark .sf-c-txt-seashell\:95\:dark { color: hsl(25, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-seashell\:100\:dark, html.dark .sf-c-txt-seashell\:100\:dark { color: hsl(25, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-seashell, html.auto .sf-c-seashell { color: hsl(var(--sf-dark-c-txt-seashell-95)); background: hsl(var(--sf-dark-c-seashell)) } html[data-theme='auto'] .sf-c-seashell\:0, html.auto .sf-c-seashell\:0 { color: hsl(var(--sf-dark-c-txt-seashell-95)); background: hsl(var(--sf-dark-c-seashell-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-seashell\:100\:dark, html.var.dark .sf-c-seash html[data-theme='auto'] .sf-c-seashell\:95\:dark, html.auto .sf-c-seashell\:95\:dark { color: hsl(var(--sf-c-txt-seashell-95)); background: hsl(var(--sf-c-seashell-5)) } html[data-theme='auto'] .sf-c-seashell\:100\:dark, html.auto .sf-c-seashell\:100\:dark { color: hsl(var(--sf-c-txt-seashell-95)); background: hsl(var(--sf-c-seashell-0)) } + html[data-theme='auto'] .sf-c-txt-seashell, html.auto .sf-c-txt-seashell { color: hsl(var(--sf-c-txt-seashell)) } + html[data-theme='auto'] .sf-c-txt-seashell\:0, html.auto .sf-c-txt-seashell\:0 { color: hsl(var(--sf-c-txt-seashell-0)) } + html[data-theme='auto'] .sf-c-txt-seashell\:5, html.auto .sf-c-txt-seashell\:5 { color: hsl(var(--sf-c-txt-seashell-5)) } + html[data-theme='auto'] .sf-c-txt-seashell\:10, html.auto .sf-c-txt-seashell\:10 { color: hsl(var(--sf-c-txt-seashell-10)) } + html[data-theme='auto'] .sf-c-txt-seashell\:15, html.auto .sf-c-txt-seashell\:15 { color: hsl(var(--sf-c-txt-seashell-15)) } + html[data-theme='auto'] .sf-c-txt-seashell\:20, html.auto .sf-c-txt-seashell\:20 { color: hsl(var(--sf-c-txt-seashell-20)) } + html[data-theme='auto'] .sf-c-txt-seashell\:25, html.auto .sf-c-txt-seashell\:25 { color: hsl(var(--sf-c-txt-seashell-25)) } + html[data-theme='auto'] .sf-c-txt-seashell\:30, html.auto .sf-c-txt-seashell\:30 { color: hsl(var(--sf-c-txt-seashell-30)) } + html[data-theme='auto'] .sf-c-txt-seashell\:35, html.auto .sf-c-txt-seashell\:35 { color: hsl(var(--sf-c-txt-seashell-35)) } + html[data-theme='auto'] .sf-c-txt-seashell\:40, html.auto .sf-c-txt-seashell\:40 { color: hsl(var(--sf-c-txt-seashell-40)) } + html[data-theme='auto'] .sf-c-txt-seashell\:45, html.auto .sf-c-txt-seashell\:45 { color: hsl(var(--sf-c-txt-seashell-45)) } + html[data-theme='auto'] .sf-c-txt-seashell\:50, html.auto .sf-c-txt-seashell\:50 { color: hsl(var(--sf-c-txt-seashell-50)) } + html[data-theme='auto'] .sf-c-txt-seashell\:55, html.auto .sf-c-txt-seashell\:55 { color: hsl(var(--sf-c-txt-seashell-55)) } + html[data-theme='auto'] .sf-c-txt-seashell\:60, html.auto .sf-c-txt-seashell\:60 { color: hsl(var(--sf-c-txt-seashell-60)) } + html[data-theme='auto'] .sf-c-txt-seashell\:65, html.auto .sf-c-txt-seashell\:65 { color: hsl(var(--sf-c-txt-seashell-65)) } + html[data-theme='auto'] .sf-c-txt-seashell\:70, html.auto .sf-c-txt-seashell\:70 { color: hsl(var(--sf-c-txt-seashell-70)) } + html[data-theme='auto'] .sf-c-txt-seashell\:75, html.auto .sf-c-txt-seashell\:75 { color: hsl(var(--sf-c-txt-seashell-75)) } + html[data-theme='auto'] .sf-c-txt-seashell\:80, html.auto .sf-c-txt-seashell\:80 { color: hsl(var(--sf-c-txt-seashell-80)) } + html[data-theme='auto'] .sf-c-txt-seashell\:85, html.auto .sf-c-txt-seashell\:85 { color: hsl(var(--sf-c-txt-seashell-85)) } + html[data-theme='auto'] .sf-c-txt-seashell\:90, html.auto .sf-c-txt-seashell\:90 { color: hsl(var(--sf-c-txt-seashell-90)) } + html[data-theme='auto'] .sf-c-txt-seashell\:95, html.auto .sf-c-txt-seashell\:95 { color: hsl(var(--sf-c-txt-seashell-95)) } + html[data-theme='auto'] .sf-c-txt-seashell\:100, html.auto .sf-c-txt-seashell\:100 { color: hsl(var(--sf-c-txt-seashell-100)) } + + html[data-theme='auto'] .sf-c-txt-seashell\:dark, html.auto .sf-c-txt-seashell\:dark { color: hsl(var(--sf-c-txt-seashell)) } + html[data-theme='auto'] .sf-c-txt-seashell\:0\:dark, html.auto .sf-c-txt-seashell\:0\:dark { color: hsl(var(--sf-c-txt-seashell-0)) } + html[data-theme='auto'] .sf-c-txt-seashell\:5\:dark, html.auto .sf-c-txt-seashell\:5\:dark { color: hsl(var(--sf-c-txt-seashell-5)) } + html[data-theme='auto'] .sf-c-txt-seashell\:10\:dark, html.auto .sf-c-txt-seashell\:10\:dark { color: hsl(var(--sf-c-txt-seashell-10)) } + html[data-theme='auto'] .sf-c-txt-seashell\:15\:dark, html.auto .sf-c-txt-seashell\:15\:dark { color: hsl(var(--sf-c-txt-seashell-15)) } + html[data-theme='auto'] .sf-c-txt-seashell\:20\:dark, html.auto .sf-c-txt-seashell\:20\:dark { color: hsl(var(--sf-c-txt-seashell-20)) } + html[data-theme='auto'] .sf-c-txt-seashell\:25\:dark, html.auto .sf-c-txt-seashell\:25\:dark { color: hsl(var(--sf-c-txt-seashell-25)) } + html[data-theme='auto'] .sf-c-txt-seashell\:30\:dark, html.auto .sf-c-txt-seashell\:30\:dark { color: hsl(var(--sf-c-txt-seashell-30)) } + html[data-theme='auto'] .sf-c-txt-seashell\:35\:dark, html.auto .sf-c-txt-seashell\:35\:dark { color: hsl(var(--sf-c-txt-seashell-35)) } + html[data-theme='auto'] .sf-c-txt-seashell\:40\:dark, html.auto .sf-c-txt-seashell\:40\:dark { color: hsl(var(--sf-c-txt-seashell-40)) } + html[data-theme='auto'] .sf-c-txt-seashell\:45\:dark, html.auto .sf-c-txt-seashell\:45\:dark { color: hsl(var(--sf-c-txt-seashell-45)) } + html[data-theme='auto'] .sf-c-txt-seashell\:50\:dark, html.auto .sf-c-txt-seashell\:50\:dark { color: hsl(var(--sf-c-txt-seashell-50)) } + html[data-theme='auto'] .sf-c-txt-seashell\:55\:dark, html.auto .sf-c-txt-seashell\:55\:dark { color: hsl(var(--sf-c-txt-seashell-55)) } + html[data-theme='auto'] .sf-c-txt-seashell\:60\:dark, html.auto .sf-c-txt-seashell\:60\:dark { color: hsl(var(--sf-c-txt-seashell-60)) } + html[data-theme='auto'] .sf-c-txt-seashell\:65\:dark, html.auto .sf-c-txt-seashell\:65\:dark { color: hsl(var(--sf-c-txt-seashell-65)) } + html[data-theme='auto'] .sf-c-txt-seashell\:70\:dark, html.auto .sf-c-txt-seashell\:70\:dark { color: hsl(var(--sf-c-txt-seashell-70)) } + html[data-theme='auto'] .sf-c-txt-seashell\:75\:dark, html.auto .sf-c-txt-seashell\:75\:dark { color: hsl(var(--sf-c-txt-seashell-75)) } + html[data-theme='auto'] .sf-c-txt-seashell\:80\:dark, html.auto .sf-c-txt-seashell\:80\:dark { color: hsl(var(--sf-c-txt-seashell-80)) } + html[data-theme='auto'] .sf-c-txt-seashell\:85\:dark, html.auto .sf-c-txt-seashell\:85\:dark { color: hsl(var(--sf-c-txt-seashell-85)) } + html[data-theme='auto'] .sf-c-txt-seashell\:90\:dark, html.auto .sf-c-txt-seashell\:90\:dark { color: hsl(var(--sf-c-txt-seashell-90)) } + html[data-theme='auto'] .sf-c-txt-seashell\:95\:dark, html.auto .sf-c-txt-seashell\:95\:dark { color: hsl(var(--sf-c-txt-seashell-95)) } + html[data-theme='auto'] .sf-c-txt-seashell\:100\:dark, html.auto .sf-c-txt-seashell\:100\:dark { color: hsl(var(--sf-c-txt-seashell-100)) } + html.var[data-theme='auto'] .sf-c-seashell, html.var.auto .sf-c-seashell { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 3%) } html.var[data-theme='auto'] .sf-c-seashell\:0, html.var.auto .sf-c-seashell\:0 { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 100%) } html.var[data-theme='auto'] .sf-c-seashell\:5, html.var.auto .sf-c-seashell\:5 { color: hsl(25, 100%, 5%); background: hsl(25, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-seashell\:100\:dark, html.var.dark .sf-c-seash html.var[data-theme='auto'] .sf-c-seashell\:90\:dark, html.var.auto .sf-c-seashell\:90\:dark { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 10%) } html.var[data-theme='auto'] .sf-c-seashell\:95\:dark, html.var.auto .sf-c-seashell\:95\:dark { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 5%) } html.var[data-theme='auto'] .sf-c-seashell\:100\:dark, html.var.auto .sf-c-seashell\:100\:dark { color: hsl(25, 100%, 95%); background: hsl(25, 100%, 0%) } -} -.sf-c-txt-seashell { color: hsl(var(--sf-c-txt-seashell)) } -.sf-c-txt-seashell\:0 { color: hsl(var(--sf-c-txt-seashell-0)) } -.sf-c-txt-seashell\:5 { color: hsl(var(--sf-c-txt-seashell-5)) } -.sf-c-txt-seashell\:10 { color: hsl(var(--sf-c-txt-seashell-10)) } -.sf-c-txt-seashell\:15 { color: hsl(var(--sf-c-txt-seashell-15)) } -.sf-c-txt-seashell\:20 { color: hsl(var(--sf-c-txt-seashell-20)) } -.sf-c-txt-seashell\:25 { color: hsl(var(--sf-c-txt-seashell-25)) } -.sf-c-txt-seashell\:30 { color: hsl(var(--sf-c-txt-seashell-30)) } -.sf-c-txt-seashell\:35 { color: hsl(var(--sf-c-txt-seashell-35)) } -.sf-c-txt-seashell\:40 { color: hsl(var(--sf-c-txt-seashell-40)) } -.sf-c-txt-seashell\:45 { color: hsl(var(--sf-c-txt-seashell-45)) } -.sf-c-txt-seashell\:50 { color: hsl(var(--sf-c-txt-seashell-50)) } -.sf-c-txt-seashell\:55 { color: hsl(var(--sf-c-txt-seashell-55)) } -.sf-c-txt-seashell\:60 { color: hsl(var(--sf-c-txt-seashell-60)) } -.sf-c-txt-seashell\:65 { color: hsl(var(--sf-c-txt-seashell-65)) } -.sf-c-txt-seashell\:70 { color: hsl(var(--sf-c-txt-seashell-70)) } -.sf-c-txt-seashell\:75 { color: hsl(var(--sf-c-txt-seashell-75)) } -.sf-c-txt-seashell\:80 { color: hsl(var(--sf-c-txt-seashell-80)) } -.sf-c-txt-seashell\:85 { color: hsl(var(--sf-c-txt-seashell-85)) } -.sf-c-txt-seashell\:90 { color: hsl(var(--sf-c-txt-seashell-90)) } -.sf-c-txt-seashell\:95 { color: hsl(var(--sf-c-txt-seashell-95)) } -.sf-c-txt-seashell\:100 { color: hsl(var(--sf-c-txt-seashell-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-seashell, html.auto .sf-c-txt-seashell { color: hsl(25, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:0, html.auto .sf-c-txt-seashell\:0 { color: hsl(25, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:5, html.auto .sf-c-txt-seashell\:5 { color: hsl(25, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:10, html.auto .sf-c-txt-seashell\:10 { color: hsl(25, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:15, html.auto .sf-c-txt-seashell\:15 { color: hsl(25, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:20, html.auto .sf-c-txt-seashell\:20 { color: hsl(25, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:25, html.auto .sf-c-txt-seashell\:25 { color: hsl(25, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:30, html.auto .sf-c-txt-seashell\:30 { color: hsl(25, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:35, html.auto .sf-c-txt-seashell\:35 { color: hsl(25, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:40, html.auto .sf-c-txt-seashell\:40 { color: hsl(25, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:45, html.auto .sf-c-txt-seashell\:45 { color: hsl(25, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:50, html.auto .sf-c-txt-seashell\:50 { color: hsl(25, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:55, html.auto .sf-c-txt-seashell\:55 { color: hsl(25, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:60, html.auto .sf-c-txt-seashell\:60 { color: hsl(25, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:65, html.auto .sf-c-txt-seashell\:65 { color: hsl(25, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:70, html.auto .sf-c-txt-seashell\:70 { color: hsl(25, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:75, html.auto .sf-c-txt-seashell\:75 { color: hsl(25, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:80, html.auto .sf-c-txt-seashell\:80 { color: hsl(25, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:85, html.auto .sf-c-txt-seashell\:85 { color: hsl(25, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:90, html.auto .sf-c-txt-seashell\:90 { color: hsl(25, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:95, html.auto .sf-c-txt-seashell\:95 { color: hsl(25, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:100, html.auto .sf-c-txt-seashell\:100 { color: hsl(25, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-seashell\:dark, html.auto .sf-c-txt-seashell\:dark { color: hsl(25, 100%, 97%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:0\:dark, html.auto .sf-c-txt-seashell\:0\:dark { color: hsl(25, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:5\:dark, html.auto .sf-c-txt-seashell\:5\:dark { color: hsl(25, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:10\:dark, html.auto .sf-c-txt-seashell\:10\:dark { color: hsl(25, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:15\:dark, html.auto .sf-c-txt-seashell\:15\:dark { color: hsl(25, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:20\:dark, html.auto .sf-c-txt-seashell\:20\:dark { color: hsl(25, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:25\:dark, html.auto .sf-c-txt-seashell\:25\:dark { color: hsl(25, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:30\:dark, html.auto .sf-c-txt-seashell\:30\:dark { color: hsl(25, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:35\:dark, html.auto .sf-c-txt-seashell\:35\:dark { color: hsl(25, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:40\:dark, html.auto .sf-c-txt-seashell\:40\:dark { color: hsl(25, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:45\:dark, html.auto .sf-c-txt-seashell\:45\:dark { color: hsl(25, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:50\:dark, html.auto .sf-c-txt-seashell\:50\:dark { color: hsl(25, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:55\:dark, html.auto .sf-c-txt-seashell\:55\:dark { color: hsl(25, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:60\:dark, html.auto .sf-c-txt-seashell\:60\:dark { color: hsl(25, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:65\:dark, html.auto .sf-c-txt-seashell\:65\:dark { color: hsl(25, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:70\:dark, html.auto .sf-c-txt-seashell\:70\:dark { color: hsl(25, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:75\:dark, html.auto .sf-c-txt-seashell\:75\:dark { color: hsl(25, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:80\:dark, html.auto .sf-c-txt-seashell\:80\:dark { color: hsl(25, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:85\:dark, html.auto .sf-c-txt-seashell\:85\:dark { color: hsl(25, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:90\:dark, html.auto .sf-c-txt-seashell\:90\:dark { color: hsl(25, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:95\:dark, html.auto .sf-c-txt-seashell\:95\:dark { color: hsl(25, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-seashell\:100\:dark, html.auto .sf-c-txt-seashell\:100\:dark { color: hsl(25, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/sienna.css b/src/colors/20/sienna.css index 6b9f04f..8ce1d86 100644 --- a/src/colors/20/sienna.css +++ b/src/colors/20/sienna.css @@ -138,6 +138,52 @@ html.var .sf-c-sienna\:90 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 90 html.var .sf-c-sienna\:95 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 95%) } html.var .sf-c-sienna\:100 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 100%) } +.sf-c-txt-sienna { color: hsl(var(--sf-dark-c-txt-sienna)) } +.sf-c-txt-sienna\:0 { color: hsl(var(--sf-dark-c-txt-sienna-100)) } +.sf-c-txt-sienna\:5 { color: hsl(var(--sf-dark-c-txt-sienna-95)) } +.sf-c-txt-sienna\:10 { color: hsl(var(--sf-dark-c-txt-sienna-90)) } +.sf-c-txt-sienna\:15 { color: hsl(var(--sf-dark-c-txt-sienna-85)) } +.sf-c-txt-sienna\:20 { color: hsl(var(--sf-dark-c-txt-sienna-80)) } +.sf-c-txt-sienna\:25 { color: hsl(var(--sf-dark-c-txt-sienna-75)) } +.sf-c-txt-sienna\:30 { color: hsl(var(--sf-dark-c-txt-sienna-70)) } +.sf-c-txt-sienna\:35 { color: hsl(var(--sf-dark-c-txt-sienna-65)) } +.sf-c-txt-sienna\:40 { color: hsl(var(--sf-dark-c-txt-sienna-60)) } +.sf-c-txt-sienna\:45 { color: hsl(var(--sf-dark-c-txt-sienna-55)) } +.sf-c-txt-sienna\:50 { color: hsl(var(--sf-dark-c-txt-sienna-50)) } +.sf-c-txt-sienna\:55 { color: hsl(var(--sf-dark-c-txt-sienna-45)) } +.sf-c-txt-sienna\:60 { color: hsl(var(--sf-dark-c-txt-sienna-40)) } +.sf-c-txt-sienna\:65 { color: hsl(var(--sf-dark-c-txt-sienna-35)) } +.sf-c-txt-sienna\:70 { color: hsl(var(--sf-dark-c-txt-sienna-30)) } +.sf-c-txt-sienna\:75 { color: hsl(var(--sf-dark-c-txt-sienna-25)) } +.sf-c-txt-sienna\:80 { color: hsl(var(--sf-dark-c-txt-sienna-20)) } +.sf-c-txt-sienna\:85 { color: hsl(var(--sf-dark-c-txt-sienna-15)) } +.sf-c-txt-sienna\:90 { color: hsl(var(--sf-dark-c-txt-sienna-10)) } +.sf-c-txt-sienna\:95 { color: hsl(var(--sf-dark-c-txt-sienna-5)) } +.sf-c-txt-sienna\:100 { color: hsl(var(--sf-dark-c-txt-sienna-0)) } + +html.var .sf-c-txt-sienna { color: hsl(19, 56%, 60%) } +html.var .sf-c-txt-sienna\:0 { color: hsl(19, 56%, 100%) } +html.var .sf-c-txt-sienna\:5 { color: hsl(19, 56%, 95%) } +html.var .sf-c-txt-sienna\:10 { color: hsl(19, 56%, 90%) } +html.var .sf-c-txt-sienna\:15 { color: hsl(19, 56%, 85%) } +html.var .sf-c-txt-sienna\:20 { color: hsl(19, 56%, 80%) } +html.var .sf-c-txt-sienna\:25 { color: hsl(19, 56%, 75%) } +html.var .sf-c-txt-sienna\:30 { color: hsl(19, 56%, 70%) } +html.var .sf-c-txt-sienna\:35 { color: hsl(19, 56%, 65%) } +html.var .sf-c-txt-sienna\:40 { color: hsl(19, 56%, 60%) } +html.var .sf-c-txt-sienna\:45 { color: hsl(19, 56%, 55%) } +html.var .sf-c-txt-sienna\:50 { color: hsl(19, 56%, 50%) } +html.var .sf-c-txt-sienna\:55 { color: hsl(19, 56%, 45%) } +html.var .sf-c-txt-sienna\:60 { color: hsl(19, 56%, 40%) } +html.var .sf-c-txt-sienna\:65 { color: hsl(19, 56%, 35%) } +html.var .sf-c-txt-sienna\:70 { color: hsl(19, 56%, 30%) } +html.var .sf-c-txt-sienna\:75 { color: hsl(19, 56%, 25%) } +html.var .sf-c-txt-sienna\:80 { color: hsl(19, 56%, 20%) } +html.var .sf-c-txt-sienna\:85 { color: hsl(19, 56%, 15%) } +html.var .sf-c-txt-sienna\:90 { color: hsl(19, 56%, 10%) } +html.var .sf-c-txt-sienna\:95 { color: hsl(19, 56%, 5%) } +html.var .sf-c-txt-sienna\:100 { color: hsl(19, 56%, 0%) } + html[data-theme='dark'] .sf-c-sienna, html.dark .sf-c-sienna { color: hsl(var(--sf-dark-c-txt-sienna-5)); background: hsl(var(--sf-dark-c-sienna)) } html[data-theme='dark'] .sf-c-sienna\:0, html.dark .sf-c-sienna\:0 { color: hsl(var(--sf-dark-c-txt-sienna-95)); background: hsl(var(--sf-dark-c-sienna-100)) } html[data-theme='dark'] .sf-c-sienna\:5, html.dark .sf-c-sienna\:5 { color: hsl(var(--sf-dark-c-txt-sienna-5)); background: hsl(var(--sf-dark-c-sienna-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-sienna\:90\:dark, html.dark .sf-c-sienna\:90\:dark html[data-theme='dark'] .sf-c-sienna\:95\:dark, html.dark .sf-c-sienna\:95\:dark { color: hsl(var(--sf-c-txt-sienna-95)); background: hsl(var(--sf-c-sienna-5)) } html[data-theme='dark'] .sf-c-sienna\:100\:dark, html.dark .sf-c-sienna\:100\:dark { color: hsl(var(--sf-c-txt-sienna-95)); background: hsl(var(--sf-c-sienna-0)) } +html[data-theme='dark'] .sf-c-txt-sienna, html.dark .sf-c-txt-sienna { color: hsl(var(--sf-c-txt-sienna)) } +html[data-theme='dark'] .sf-c-txt-sienna\:0, html.dark .sf-c-txt-sienna\:0 { color: hsl(var(--sf-c-txt-sienna-0)) } +html[data-theme='dark'] .sf-c-txt-sienna\:5, html.dark .sf-c-txt-sienna\:5 { color: hsl(var(--sf-c-txt-sienna-5)) } +html[data-theme='dark'] .sf-c-txt-sienna\:10, html.dark .sf-c-txt-sienna\:10 { color: hsl(var(--sf-c-txt-sienna-10)) } +html[data-theme='dark'] .sf-c-txt-sienna\:15, html.dark .sf-c-txt-sienna\:15 { color: hsl(var(--sf-c-txt-sienna-15)) } +html[data-theme='dark'] .sf-c-txt-sienna\:20, html.dark .sf-c-txt-sienna\:20 { color: hsl(var(--sf-c-txt-sienna-20)) } +html[data-theme='dark'] .sf-c-txt-sienna\:25, html.dark .sf-c-txt-sienna\:25 { color: hsl(var(--sf-c-txt-sienna-25)) } +html[data-theme='dark'] .sf-c-txt-sienna\:30, html.dark .sf-c-txt-sienna\:30 { color: hsl(var(--sf-c-txt-sienna-30)) } +html[data-theme='dark'] .sf-c-txt-sienna\:35, html.dark .sf-c-txt-sienna\:35 { color: hsl(var(--sf-c-txt-sienna-35)) } +html[data-theme='dark'] .sf-c-txt-sienna\:40, html.dark .sf-c-txt-sienna\:40 { color: hsl(var(--sf-c-txt-sienna-40)) } +html[data-theme='dark'] .sf-c-txt-sienna\:45, html.dark .sf-c-txt-sienna\:45 { color: hsl(var(--sf-c-txt-sienna-45)) } +html[data-theme='dark'] .sf-c-txt-sienna\:50, html.dark .sf-c-txt-sienna\:50 { color: hsl(var(--sf-c-txt-sienna-50)) } +html[data-theme='dark'] .sf-c-txt-sienna\:55, html.dark .sf-c-txt-sienna\:55 { color: hsl(var(--sf-c-txt-sienna-55)) } +html[data-theme='dark'] .sf-c-txt-sienna\:60, html.dark .sf-c-txt-sienna\:60 { color: hsl(var(--sf-c-txt-sienna-60)) } +html[data-theme='dark'] .sf-c-txt-sienna\:65, html.dark .sf-c-txt-sienna\:65 { color: hsl(var(--sf-c-txt-sienna-65)) } +html[data-theme='dark'] .sf-c-txt-sienna\:70, html.dark .sf-c-txt-sienna\:70 { color: hsl(var(--sf-c-txt-sienna-70)) } +html[data-theme='dark'] .sf-c-txt-sienna\:75, html.dark .sf-c-txt-sienna\:75 { color: hsl(var(--sf-c-txt-sienna-75)) } +html[data-theme='dark'] .sf-c-txt-sienna\:80, html.dark .sf-c-txt-sienna\:80 { color: hsl(var(--sf-c-txt-sienna-80)) } +html[data-theme='dark'] .sf-c-txt-sienna\:85, html.dark .sf-c-txt-sienna\:85 { color: hsl(var(--sf-c-txt-sienna-85)) } +html[data-theme='dark'] .sf-c-txt-sienna\:90, html.dark .sf-c-txt-sienna\:90 { color: hsl(var(--sf-c-txt-sienna-90)) } +html[data-theme='dark'] .sf-c-txt-sienna\:95, html.dark .sf-c-txt-sienna\:95 { color: hsl(var(--sf-c-txt-sienna-95)) } +html[data-theme='dark'] .sf-c-txt-sienna\:100, html.dark .sf-c-txt-sienna\:100 { color: hsl(var(--sf-c-txt-sienna-100)) } + +html[data-theme='dark'] .sf-c-txt-sienna\:dark, html.dark .sf-c-txt-sienna\:dark { color: hsl(var(--sf-c-txt-sienna)) } +html[data-theme='dark'] .sf-c-txt-sienna\:0\:dark, html.dark .sf-c-txt-sienna\:0\:dark { color: hsl(var(--sf-dark-c-txt-sienna-0)) } +html[data-theme='dark'] .sf-c-txt-sienna\:5\:dark, html.dark .sf-c-txt-sienna\:5\:dark { color: hsl(var(--sf-dark-c-txt-sienna-5)) } +html[data-theme='dark'] .sf-c-txt-sienna\:10\:dark, html.dark .sf-c-txt-sienna\:10\:dark { color: hsl(var(--sf-dark-c-txt-sienna-10)) } +html[data-theme='dark'] .sf-c-txt-sienna\:15\:dark, html.dark .sf-c-txt-sienna\:15\:dark { color: hsl(var(--sf-dark-c-txt-sienna-15)) } +html[data-theme='dark'] .sf-c-txt-sienna\:20\:dark, html.dark .sf-c-txt-sienna\:20\:dark { color: hsl(var(--sf-dark-c-txt-sienna-20)) } +html[data-theme='dark'] .sf-c-txt-sienna\:25\:dark, html.dark .sf-c-txt-sienna\:25\:dark { color: hsl(var(--sf-dark-c-txt-sienna-25)) } +html[data-theme='dark'] .sf-c-txt-sienna\:30\:dark, html.dark .sf-c-txt-sienna\:30\:dark { color: hsl(var(--sf-dark-c-txt-sienna-30)) } +html[data-theme='dark'] .sf-c-txt-sienna\:35\:dark, html.dark .sf-c-txt-sienna\:35\:dark { color: hsl(var(--sf-dark-c-txt-sienna-35)) } +html[data-theme='dark'] .sf-c-txt-sienna\:40\:dark, html.dark .sf-c-txt-sienna\:40\:dark { color: hsl(var(--sf-dark-c-txt-sienna-40)) } +html[data-theme='dark'] .sf-c-txt-sienna\:45\:dark, html.dark .sf-c-txt-sienna\:45\:dark { color: hsl(var(--sf-dark-c-txt-sienna-45)) } +html[data-theme='dark'] .sf-c-txt-sienna\:50\:dark, html.dark .sf-c-txt-sienna\:50\:dark { color: hsl(var(--sf-dark-c-txt-sienna-50)) } +html[data-theme='dark'] .sf-c-txt-sienna\:55\:dark, html.dark .sf-c-txt-sienna\:55\:dark { color: hsl(var(--sf-dark-c-txt-sienna-55)) } +html[data-theme='dark'] .sf-c-txt-sienna\:60\:dark, html.dark .sf-c-txt-sienna\:60\:dark { color: hsl(var(--sf-dark-c-txt-sienna-60)) } +html[data-theme='dark'] .sf-c-txt-sienna\:65\:dark, html.dark .sf-c-txt-sienna\:65\:dark { color: hsl(var(--sf-dark-c-txt-sienna-65)) } +html[data-theme='dark'] .sf-c-txt-sienna\:70\:dark, html.dark .sf-c-txt-sienna\:70\:dark { color: hsl(var(--sf-dark-c-txt-sienna-70)) } +html[data-theme='dark'] .sf-c-txt-sienna\:75\:dark, html.dark .sf-c-txt-sienna\:75\:dark { color: hsl(var(--sf-dark-c-txt-sienna-75)) } +html[data-theme='dark'] .sf-c-txt-sienna\:80\:dark, html.dark .sf-c-txt-sienna\:80\:dark { color: hsl(var(--sf-dark-c-txt-sienna-80)) } +html[data-theme='dark'] .sf-c-txt-sienna\:85\:dark, html.dark .sf-c-txt-sienna\:85\:dark { color: hsl(var(--sf-dark-c-txt-sienna-85)) } +html[data-theme='dark'] .sf-c-txt-sienna\:90\:dark, html.dark .sf-c-txt-sienna\:90\:dark { color: hsl(var(--sf-dark-c-txt-sienna-90)) } +html[data-theme='dark'] .sf-c-txt-sienna\:95\:dark, html.dark .sf-c-txt-sienna\:95\:dark { color: hsl(var(--sf-dark-c-txt-sienna-95)) } +html[data-theme='dark'] .sf-c-txt-sienna\:100\:dark, html.dark .sf-c-txt-sienna\:100\:dark { color: hsl(var(--sf-dark-c-txt-sienna-100)) } + html.var[data-theme='dark'] .sf-c-sienna, html.var.dark .sf-c-sienna { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 60%) } html.var[data-theme='dark'] .sf-c-sienna\:0, html.var.dark .sf-c-sienna\:0 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 100%) } html.var[data-theme='dark'] .sf-c-sienna\:5, html.var.dark .sf-c-sienna\:5 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-sienna\:90\:dark, html.var.dark .sf-c-sienna\: html.var[data-theme='dark'] .sf-c-sienna\:95\:dark, html.var.dark .sf-c-sienna\:95\:dark { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 5%) } html.var[data-theme='dark'] .sf-c-sienna\:100\:dark, html.var.dark .sf-c-sienna\:100\:dark { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-sienna, html.dark .sf-c-txt-sienna { color: hsl(19, 56%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:0, html.dark .sf-c-txt-sienna\:0 { color: hsl(19, 56%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:5, html.dark .sf-c-txt-sienna\:5 { color: hsl(19, 56%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:10, html.dark .sf-c-txt-sienna\:10 { color: hsl(19, 56%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:15, html.dark .sf-c-txt-sienna\:15 { color: hsl(19, 56%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:20, html.dark .sf-c-txt-sienna\:20 { color: hsl(19, 56%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:25, html.dark .sf-c-txt-sienna\:25 { color: hsl(19, 56%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:30, html.dark .sf-c-txt-sienna\:30 { color: hsl(19, 56%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:35, html.dark .sf-c-txt-sienna\:35 { color: hsl(19, 56%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:40, html.dark .sf-c-txt-sienna\:40 { color: hsl(19, 56%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:45, html.dark .sf-c-txt-sienna\:45 { color: hsl(19, 56%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:50, html.dark .sf-c-txt-sienna\:50 { color: hsl(19, 56%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:55, html.dark .sf-c-txt-sienna\:55 { color: hsl(19, 56%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:60, html.dark .sf-c-txt-sienna\:60 { color: hsl(19, 56%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:65, html.dark .sf-c-txt-sienna\:65 { color: hsl(19, 56%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:70, html.dark .sf-c-txt-sienna\:70 { color: hsl(19, 56%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:75, html.dark .sf-c-txt-sienna\:75 { color: hsl(19, 56%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:80, html.dark .sf-c-txt-sienna\:80 { color: hsl(19, 56%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:85, html.dark .sf-c-txt-sienna\:85 { color: hsl(19, 56%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:90, html.dark .sf-c-txt-sienna\:90 { color: hsl(19, 56%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:95, html.dark .sf-c-txt-sienna\:95 { color: hsl(19, 56%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:100, html.dark .sf-c-txt-sienna\:100 { color: hsl(19, 56%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-sienna\:dark, html.dark .sf-c-txt-sienna\:dark { color: hsl(19, 56%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:0\:dark, html.dark .sf-c-txt-sienna\:0\:dark { color: hsl(19, 56%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:5\:dark, html.dark .sf-c-txt-sienna\:5\:dark { color: hsl(19, 56%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:10\:dark, html.dark .sf-c-txt-sienna\:10\:dark { color: hsl(19, 56%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:15\:dark, html.dark .sf-c-txt-sienna\:15\:dark { color: hsl(19, 56%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:20\:dark, html.dark .sf-c-txt-sienna\:20\:dark { color: hsl(19, 56%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:25\:dark, html.dark .sf-c-txt-sienna\:25\:dark { color: hsl(19, 56%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:30\:dark, html.dark .sf-c-txt-sienna\:30\:dark { color: hsl(19, 56%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:35\:dark, html.dark .sf-c-txt-sienna\:35\:dark { color: hsl(19, 56%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:40\:dark, html.dark .sf-c-txt-sienna\:40\:dark { color: hsl(19, 56%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:45\:dark, html.dark .sf-c-txt-sienna\:45\:dark { color: hsl(19, 56%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:50\:dark, html.dark .sf-c-txt-sienna\:50\:dark { color: hsl(19, 56%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:55\:dark, html.dark .sf-c-txt-sienna\:55\:dark { color: hsl(19, 56%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:60\:dark, html.dark .sf-c-txt-sienna\:60\:dark { color: hsl(19, 56%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:65\:dark, html.dark .sf-c-txt-sienna\:65\:dark { color: hsl(19, 56%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:70\:dark, html.dark .sf-c-txt-sienna\:70\:dark { color: hsl(19, 56%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:75\:dark, html.dark .sf-c-txt-sienna\:75\:dark { color: hsl(19, 56%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:80\:dark, html.dark .sf-c-txt-sienna\:80\:dark { color: hsl(19, 56%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:85\:dark, html.dark .sf-c-txt-sienna\:85\:dark { color: hsl(19, 56%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:90\:dark, html.dark .sf-c-txt-sienna\:90\:dark { color: hsl(19, 56%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:95\:dark, html.dark .sf-c-txt-sienna\:95\:dark { color: hsl(19, 56%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-sienna\:100\:dark, html.dark .sf-c-txt-sienna\:100\:dark { color: hsl(19, 56%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-sienna, html.auto .sf-c-sienna { color: hsl(var(--sf-dark-c-txt-sienna-5)); background: hsl(var(--sf-dark-c-sienna)) } html[data-theme='auto'] .sf-c-sienna\:0, html.auto .sf-c-sienna\:0 { color: hsl(var(--sf-dark-c-txt-sienna-95)); background: hsl(var(--sf-dark-c-sienna-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-sienna\:100\:dark, html.var.dark .sf-c-sienna\ html[data-theme='auto'] .sf-c-sienna\:95\:dark, html.auto .sf-c-sienna\:95\:dark { color: hsl(var(--sf-c-txt-sienna-95)); background: hsl(var(--sf-c-sienna-5)) } html[data-theme='auto'] .sf-c-sienna\:100\:dark, html.auto .sf-c-sienna\:100\:dark { color: hsl(var(--sf-c-txt-sienna-95)); background: hsl(var(--sf-c-sienna-0)) } + html[data-theme='auto'] .sf-c-txt-sienna, html.auto .sf-c-txt-sienna { color: hsl(var(--sf-c-txt-sienna)) } + html[data-theme='auto'] .sf-c-txt-sienna\:0, html.auto .sf-c-txt-sienna\:0 { color: hsl(var(--sf-c-txt-sienna-0)) } + html[data-theme='auto'] .sf-c-txt-sienna\:5, html.auto .sf-c-txt-sienna\:5 { color: hsl(var(--sf-c-txt-sienna-5)) } + html[data-theme='auto'] .sf-c-txt-sienna\:10, html.auto .sf-c-txt-sienna\:10 { color: hsl(var(--sf-c-txt-sienna-10)) } + html[data-theme='auto'] .sf-c-txt-sienna\:15, html.auto .sf-c-txt-sienna\:15 { color: hsl(var(--sf-c-txt-sienna-15)) } + html[data-theme='auto'] .sf-c-txt-sienna\:20, html.auto .sf-c-txt-sienna\:20 { color: hsl(var(--sf-c-txt-sienna-20)) } + html[data-theme='auto'] .sf-c-txt-sienna\:25, html.auto .sf-c-txt-sienna\:25 { color: hsl(var(--sf-c-txt-sienna-25)) } + html[data-theme='auto'] .sf-c-txt-sienna\:30, html.auto .sf-c-txt-sienna\:30 { color: hsl(var(--sf-c-txt-sienna-30)) } + html[data-theme='auto'] .sf-c-txt-sienna\:35, html.auto .sf-c-txt-sienna\:35 { color: hsl(var(--sf-c-txt-sienna-35)) } + html[data-theme='auto'] .sf-c-txt-sienna\:40, html.auto .sf-c-txt-sienna\:40 { color: hsl(var(--sf-c-txt-sienna-40)) } + html[data-theme='auto'] .sf-c-txt-sienna\:45, html.auto .sf-c-txt-sienna\:45 { color: hsl(var(--sf-c-txt-sienna-45)) } + html[data-theme='auto'] .sf-c-txt-sienna\:50, html.auto .sf-c-txt-sienna\:50 { color: hsl(var(--sf-c-txt-sienna-50)) } + html[data-theme='auto'] .sf-c-txt-sienna\:55, html.auto .sf-c-txt-sienna\:55 { color: hsl(var(--sf-c-txt-sienna-55)) } + html[data-theme='auto'] .sf-c-txt-sienna\:60, html.auto .sf-c-txt-sienna\:60 { color: hsl(var(--sf-c-txt-sienna-60)) } + html[data-theme='auto'] .sf-c-txt-sienna\:65, html.auto .sf-c-txt-sienna\:65 { color: hsl(var(--sf-c-txt-sienna-65)) } + html[data-theme='auto'] .sf-c-txt-sienna\:70, html.auto .sf-c-txt-sienna\:70 { color: hsl(var(--sf-c-txt-sienna-70)) } + html[data-theme='auto'] .sf-c-txt-sienna\:75, html.auto .sf-c-txt-sienna\:75 { color: hsl(var(--sf-c-txt-sienna-75)) } + html[data-theme='auto'] .sf-c-txt-sienna\:80, html.auto .sf-c-txt-sienna\:80 { color: hsl(var(--sf-c-txt-sienna-80)) } + html[data-theme='auto'] .sf-c-txt-sienna\:85, html.auto .sf-c-txt-sienna\:85 { color: hsl(var(--sf-c-txt-sienna-85)) } + html[data-theme='auto'] .sf-c-txt-sienna\:90, html.auto .sf-c-txt-sienna\:90 { color: hsl(var(--sf-c-txt-sienna-90)) } + html[data-theme='auto'] .sf-c-txt-sienna\:95, html.auto .sf-c-txt-sienna\:95 { color: hsl(var(--sf-c-txt-sienna-95)) } + html[data-theme='auto'] .sf-c-txt-sienna\:100, html.auto .sf-c-txt-sienna\:100 { color: hsl(var(--sf-c-txt-sienna-100)) } + + html[data-theme='auto'] .sf-c-txt-sienna\:dark, html.auto .sf-c-txt-sienna\:dark { color: hsl(var(--sf-c-txt-sienna)) } + html[data-theme='auto'] .sf-c-txt-sienna\:0\:dark, html.auto .sf-c-txt-sienna\:0\:dark { color: hsl(var(--sf-c-txt-sienna-0)) } + html[data-theme='auto'] .sf-c-txt-sienna\:5\:dark, html.auto .sf-c-txt-sienna\:5\:dark { color: hsl(var(--sf-c-txt-sienna-5)) } + html[data-theme='auto'] .sf-c-txt-sienna\:10\:dark, html.auto .sf-c-txt-sienna\:10\:dark { color: hsl(var(--sf-c-txt-sienna-10)) } + html[data-theme='auto'] .sf-c-txt-sienna\:15\:dark, html.auto .sf-c-txt-sienna\:15\:dark { color: hsl(var(--sf-c-txt-sienna-15)) } + html[data-theme='auto'] .sf-c-txt-sienna\:20\:dark, html.auto .sf-c-txt-sienna\:20\:dark { color: hsl(var(--sf-c-txt-sienna-20)) } + html[data-theme='auto'] .sf-c-txt-sienna\:25\:dark, html.auto .sf-c-txt-sienna\:25\:dark { color: hsl(var(--sf-c-txt-sienna-25)) } + html[data-theme='auto'] .sf-c-txt-sienna\:30\:dark, html.auto .sf-c-txt-sienna\:30\:dark { color: hsl(var(--sf-c-txt-sienna-30)) } + html[data-theme='auto'] .sf-c-txt-sienna\:35\:dark, html.auto .sf-c-txt-sienna\:35\:dark { color: hsl(var(--sf-c-txt-sienna-35)) } + html[data-theme='auto'] .sf-c-txt-sienna\:40\:dark, html.auto .sf-c-txt-sienna\:40\:dark { color: hsl(var(--sf-c-txt-sienna-40)) } + html[data-theme='auto'] .sf-c-txt-sienna\:45\:dark, html.auto .sf-c-txt-sienna\:45\:dark { color: hsl(var(--sf-c-txt-sienna-45)) } + html[data-theme='auto'] .sf-c-txt-sienna\:50\:dark, html.auto .sf-c-txt-sienna\:50\:dark { color: hsl(var(--sf-c-txt-sienna-50)) } + html[data-theme='auto'] .sf-c-txt-sienna\:55\:dark, html.auto .sf-c-txt-sienna\:55\:dark { color: hsl(var(--sf-c-txt-sienna-55)) } + html[data-theme='auto'] .sf-c-txt-sienna\:60\:dark, html.auto .sf-c-txt-sienna\:60\:dark { color: hsl(var(--sf-c-txt-sienna-60)) } + html[data-theme='auto'] .sf-c-txt-sienna\:65\:dark, html.auto .sf-c-txt-sienna\:65\:dark { color: hsl(var(--sf-c-txt-sienna-65)) } + html[data-theme='auto'] .sf-c-txt-sienna\:70\:dark, html.auto .sf-c-txt-sienna\:70\:dark { color: hsl(var(--sf-c-txt-sienna-70)) } + html[data-theme='auto'] .sf-c-txt-sienna\:75\:dark, html.auto .sf-c-txt-sienna\:75\:dark { color: hsl(var(--sf-c-txt-sienna-75)) } + html[data-theme='auto'] .sf-c-txt-sienna\:80\:dark, html.auto .sf-c-txt-sienna\:80\:dark { color: hsl(var(--sf-c-txt-sienna-80)) } + html[data-theme='auto'] .sf-c-txt-sienna\:85\:dark, html.auto .sf-c-txt-sienna\:85\:dark { color: hsl(var(--sf-c-txt-sienna-85)) } + html[data-theme='auto'] .sf-c-txt-sienna\:90\:dark, html.auto .sf-c-txt-sienna\:90\:dark { color: hsl(var(--sf-c-txt-sienna-90)) } + html[data-theme='auto'] .sf-c-txt-sienna\:95\:dark, html.auto .sf-c-txt-sienna\:95\:dark { color: hsl(var(--sf-c-txt-sienna-95)) } + html[data-theme='auto'] .sf-c-txt-sienna\:100\:dark, html.auto .sf-c-txt-sienna\:100\:dark { color: hsl(var(--sf-c-txt-sienna-100)) } + html.var[data-theme='auto'] .sf-c-sienna, html.var.auto .sf-c-sienna { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 60%) } html.var[data-theme='auto'] .sf-c-sienna\:0, html.var.auto .sf-c-sienna\:0 { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 100%) } html.var[data-theme='auto'] .sf-c-sienna\:5, html.var.auto .sf-c-sienna\:5 { color: hsl(19, 56%, 5%); background: hsl(19, 56%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-sienna\:100\:dark, html.var.dark .sf-c-sienna\ html.var[data-theme='auto'] .sf-c-sienna\:90\:dark, html.var.auto .sf-c-sienna\:90\:dark { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 10%) } html.var[data-theme='auto'] .sf-c-sienna\:95\:dark, html.var.auto .sf-c-sienna\:95\:dark { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 5%) } html.var[data-theme='auto'] .sf-c-sienna\:100\:dark, html.var.auto .sf-c-sienna\:100\:dark { color: hsl(19, 56%, 95%); background: hsl(19, 56%, 0%) } -} -.sf-c-txt-sienna { color: hsl(var(--sf-c-txt-sienna)) } -.sf-c-txt-sienna\:0 { color: hsl(var(--sf-c-txt-sienna-0)) } -.sf-c-txt-sienna\:5 { color: hsl(var(--sf-c-txt-sienna-5)) } -.sf-c-txt-sienna\:10 { color: hsl(var(--sf-c-txt-sienna-10)) } -.sf-c-txt-sienna\:15 { color: hsl(var(--sf-c-txt-sienna-15)) } -.sf-c-txt-sienna\:20 { color: hsl(var(--sf-c-txt-sienna-20)) } -.sf-c-txt-sienna\:25 { color: hsl(var(--sf-c-txt-sienna-25)) } -.sf-c-txt-sienna\:30 { color: hsl(var(--sf-c-txt-sienna-30)) } -.sf-c-txt-sienna\:35 { color: hsl(var(--sf-c-txt-sienna-35)) } -.sf-c-txt-sienna\:40 { color: hsl(var(--sf-c-txt-sienna-40)) } -.sf-c-txt-sienna\:45 { color: hsl(var(--sf-c-txt-sienna-45)) } -.sf-c-txt-sienna\:50 { color: hsl(var(--sf-c-txt-sienna-50)) } -.sf-c-txt-sienna\:55 { color: hsl(var(--sf-c-txt-sienna-55)) } -.sf-c-txt-sienna\:60 { color: hsl(var(--sf-c-txt-sienna-60)) } -.sf-c-txt-sienna\:65 { color: hsl(var(--sf-c-txt-sienna-65)) } -.sf-c-txt-sienna\:70 { color: hsl(var(--sf-c-txt-sienna-70)) } -.sf-c-txt-sienna\:75 { color: hsl(var(--sf-c-txt-sienna-75)) } -.sf-c-txt-sienna\:80 { color: hsl(var(--sf-c-txt-sienna-80)) } -.sf-c-txt-sienna\:85 { color: hsl(var(--sf-c-txt-sienna-85)) } -.sf-c-txt-sienna\:90 { color: hsl(var(--sf-c-txt-sienna-90)) } -.sf-c-txt-sienna\:95 { color: hsl(var(--sf-c-txt-sienna-95)) } -.sf-c-txt-sienna\:100 { color: hsl(var(--sf-c-txt-sienna-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-sienna, html.auto .sf-c-txt-sienna { color: hsl(19, 56%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:0, html.auto .sf-c-txt-sienna\:0 { color: hsl(19, 56%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:5, html.auto .sf-c-txt-sienna\:5 { color: hsl(19, 56%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:10, html.auto .sf-c-txt-sienna\:10 { color: hsl(19, 56%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:15, html.auto .sf-c-txt-sienna\:15 { color: hsl(19, 56%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:20, html.auto .sf-c-txt-sienna\:20 { color: hsl(19, 56%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:25, html.auto .sf-c-txt-sienna\:25 { color: hsl(19, 56%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:30, html.auto .sf-c-txt-sienna\:30 { color: hsl(19, 56%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:35, html.auto .sf-c-txt-sienna\:35 { color: hsl(19, 56%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:40, html.auto .sf-c-txt-sienna\:40 { color: hsl(19, 56%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:45, html.auto .sf-c-txt-sienna\:45 { color: hsl(19, 56%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:50, html.auto .sf-c-txt-sienna\:50 { color: hsl(19, 56%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:55, html.auto .sf-c-txt-sienna\:55 { color: hsl(19, 56%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:60, html.auto .sf-c-txt-sienna\:60 { color: hsl(19, 56%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:65, html.auto .sf-c-txt-sienna\:65 { color: hsl(19, 56%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:70, html.auto .sf-c-txt-sienna\:70 { color: hsl(19, 56%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:75, html.auto .sf-c-txt-sienna\:75 { color: hsl(19, 56%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:80, html.auto .sf-c-txt-sienna\:80 { color: hsl(19, 56%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:85, html.auto .sf-c-txt-sienna\:85 { color: hsl(19, 56%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:90, html.auto .sf-c-txt-sienna\:90 { color: hsl(19, 56%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:95, html.auto .sf-c-txt-sienna\:95 { color: hsl(19, 56%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:100, html.auto .sf-c-txt-sienna\:100 { color: hsl(19, 56%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-sienna\:dark, html.auto .sf-c-txt-sienna\:dark { color: hsl(19, 56%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:0\:dark, html.auto .sf-c-txt-sienna\:0\:dark { color: hsl(19, 56%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:5\:dark, html.auto .sf-c-txt-sienna\:5\:dark { color: hsl(19, 56%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:10\:dark, html.auto .sf-c-txt-sienna\:10\:dark { color: hsl(19, 56%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:15\:dark, html.auto .sf-c-txt-sienna\:15\:dark { color: hsl(19, 56%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:20\:dark, html.auto .sf-c-txt-sienna\:20\:dark { color: hsl(19, 56%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:25\:dark, html.auto .sf-c-txt-sienna\:25\:dark { color: hsl(19, 56%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:30\:dark, html.auto .sf-c-txt-sienna\:30\:dark { color: hsl(19, 56%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:35\:dark, html.auto .sf-c-txt-sienna\:35\:dark { color: hsl(19, 56%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:40\:dark, html.auto .sf-c-txt-sienna\:40\:dark { color: hsl(19, 56%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:45\:dark, html.auto .sf-c-txt-sienna\:45\:dark { color: hsl(19, 56%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:50\:dark, html.auto .sf-c-txt-sienna\:50\:dark { color: hsl(19, 56%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:55\:dark, html.auto .sf-c-txt-sienna\:55\:dark { color: hsl(19, 56%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:60\:dark, html.auto .sf-c-txt-sienna\:60\:dark { color: hsl(19, 56%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:65\:dark, html.auto .sf-c-txt-sienna\:65\:dark { color: hsl(19, 56%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:70\:dark, html.auto .sf-c-txt-sienna\:70\:dark { color: hsl(19, 56%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:75\:dark, html.auto .sf-c-txt-sienna\:75\:dark { color: hsl(19, 56%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:80\:dark, html.auto .sf-c-txt-sienna\:80\:dark { color: hsl(19, 56%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:85\:dark, html.auto .sf-c-txt-sienna\:85\:dark { color: hsl(19, 56%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:90\:dark, html.auto .sf-c-txt-sienna\:90\:dark { color: hsl(19, 56%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:95\:dark, html.auto .sf-c-txt-sienna\:95\:dark { color: hsl(19, 56%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-sienna\:100\:dark, html.auto .sf-c-txt-sienna\:100\:dark { color: hsl(19, 56%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/silver.css b/src/colors/20/silver.css index f4c9690..16d9cb1 100644 --- a/src/colors/20/silver.css +++ b/src/colors/20/silver.css @@ -138,6 +138,52 @@ html.var .sf-c-silver\:90 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } html.var .sf-c-silver\:95 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } html.var .sf-c-silver\:100 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } +.sf-c-txt-silver { color: hsl(var(--sf-dark-c-txt-silver)) } +.sf-c-txt-silver\:0 { color: hsl(var(--sf-dark-c-txt-silver-100)) } +.sf-c-txt-silver\:5 { color: hsl(var(--sf-dark-c-txt-silver-95)) } +.sf-c-txt-silver\:10 { color: hsl(var(--sf-dark-c-txt-silver-90)) } +.sf-c-txt-silver\:15 { color: hsl(var(--sf-dark-c-txt-silver-85)) } +.sf-c-txt-silver\:20 { color: hsl(var(--sf-dark-c-txt-silver-80)) } +.sf-c-txt-silver\:25 { color: hsl(var(--sf-dark-c-txt-silver-75)) } +.sf-c-txt-silver\:30 { color: hsl(var(--sf-dark-c-txt-silver-70)) } +.sf-c-txt-silver\:35 { color: hsl(var(--sf-dark-c-txt-silver-65)) } +.sf-c-txt-silver\:40 { color: hsl(var(--sf-dark-c-txt-silver-60)) } +.sf-c-txt-silver\:45 { color: hsl(var(--sf-dark-c-txt-silver-55)) } +.sf-c-txt-silver\:50 { color: hsl(var(--sf-dark-c-txt-silver-50)) } +.sf-c-txt-silver\:55 { color: hsl(var(--sf-dark-c-txt-silver-45)) } +.sf-c-txt-silver\:60 { color: hsl(var(--sf-dark-c-txt-silver-40)) } +.sf-c-txt-silver\:65 { color: hsl(var(--sf-dark-c-txt-silver-35)) } +.sf-c-txt-silver\:70 { color: hsl(var(--sf-dark-c-txt-silver-30)) } +.sf-c-txt-silver\:75 { color: hsl(var(--sf-dark-c-txt-silver-25)) } +.sf-c-txt-silver\:80 { color: hsl(var(--sf-dark-c-txt-silver-20)) } +.sf-c-txt-silver\:85 { color: hsl(var(--sf-dark-c-txt-silver-15)) } +.sf-c-txt-silver\:90 { color: hsl(var(--sf-dark-c-txt-silver-10)) } +.sf-c-txt-silver\:95 { color: hsl(var(--sf-dark-c-txt-silver-5)) } +.sf-c-txt-silver\:100 { color: hsl(var(--sf-dark-c-txt-silver-0)) } + +html.var .sf-c-txt-silver { color: hsl(0, 0%, 25%) } +html.var .sf-c-txt-silver\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-silver\:5 { color: hsl(0, 0%, 95%) } +html.var .sf-c-txt-silver\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-silver\:15 { color: hsl(0, 0%, 85%) } +html.var .sf-c-txt-silver\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-silver\:25 { color: hsl(0, 0%, 75%) } +html.var .sf-c-txt-silver\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-silver\:35 { color: hsl(0, 0%, 65%) } +html.var .sf-c-txt-silver\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-silver\:45 { color: hsl(0, 0%, 55%) } +html.var .sf-c-txt-silver\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-silver\:55 { color: hsl(0, 0%, 45%) } +html.var .sf-c-txt-silver\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-silver\:65 { color: hsl(0, 0%, 35%) } +html.var .sf-c-txt-silver\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-silver\:75 { color: hsl(0, 0%, 25%) } +html.var .sf-c-txt-silver\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-silver\:85 { color: hsl(0, 0%, 15%) } +html.var .sf-c-txt-silver\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-silver\:95 { color: hsl(0, 0%, 5%) } +html.var .sf-c-txt-silver\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-silver, html.dark .sf-c-silver { color: hsl(var(--sf-dark-c-txt-silver-95)); background: hsl(var(--sf-dark-c-silver)) } html[data-theme='dark'] .sf-c-silver\:0, html.dark .sf-c-silver\:0 { color: hsl(var(--sf-dark-c-txt-silver-95)); background: hsl(var(--sf-dark-c-silver-100)) } html[data-theme='dark'] .sf-c-silver\:5, html.dark .sf-c-silver\:5 { color: hsl(var(--sf-dark-c-txt-silver-5)); background: hsl(var(--sf-dark-c-silver-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-silver\:90\:dark, html.dark .sf-c-silver\:90\:dark html[data-theme='dark'] .sf-c-silver\:95\:dark, html.dark .sf-c-silver\:95\:dark { color: hsl(var(--sf-c-txt-silver-95)); background: hsl(var(--sf-c-silver-5)) } html[data-theme='dark'] .sf-c-silver\:100\:dark, html.dark .sf-c-silver\:100\:dark { color: hsl(var(--sf-c-txt-silver-95)); background: hsl(var(--sf-c-silver-0)) } +html[data-theme='dark'] .sf-c-txt-silver, html.dark .sf-c-txt-silver { color: hsl(var(--sf-c-txt-silver)) } +html[data-theme='dark'] .sf-c-txt-silver\:0, html.dark .sf-c-txt-silver\:0 { color: hsl(var(--sf-c-txt-silver-0)) } +html[data-theme='dark'] .sf-c-txt-silver\:5, html.dark .sf-c-txt-silver\:5 { color: hsl(var(--sf-c-txt-silver-5)) } +html[data-theme='dark'] .sf-c-txt-silver\:10, html.dark .sf-c-txt-silver\:10 { color: hsl(var(--sf-c-txt-silver-10)) } +html[data-theme='dark'] .sf-c-txt-silver\:15, html.dark .sf-c-txt-silver\:15 { color: hsl(var(--sf-c-txt-silver-15)) } +html[data-theme='dark'] .sf-c-txt-silver\:20, html.dark .sf-c-txt-silver\:20 { color: hsl(var(--sf-c-txt-silver-20)) } +html[data-theme='dark'] .sf-c-txt-silver\:25, html.dark .sf-c-txt-silver\:25 { color: hsl(var(--sf-c-txt-silver-25)) } +html[data-theme='dark'] .sf-c-txt-silver\:30, html.dark .sf-c-txt-silver\:30 { color: hsl(var(--sf-c-txt-silver-30)) } +html[data-theme='dark'] .sf-c-txt-silver\:35, html.dark .sf-c-txt-silver\:35 { color: hsl(var(--sf-c-txt-silver-35)) } +html[data-theme='dark'] .sf-c-txt-silver\:40, html.dark .sf-c-txt-silver\:40 { color: hsl(var(--sf-c-txt-silver-40)) } +html[data-theme='dark'] .sf-c-txt-silver\:45, html.dark .sf-c-txt-silver\:45 { color: hsl(var(--sf-c-txt-silver-45)) } +html[data-theme='dark'] .sf-c-txt-silver\:50, html.dark .sf-c-txt-silver\:50 { color: hsl(var(--sf-c-txt-silver-50)) } +html[data-theme='dark'] .sf-c-txt-silver\:55, html.dark .sf-c-txt-silver\:55 { color: hsl(var(--sf-c-txt-silver-55)) } +html[data-theme='dark'] .sf-c-txt-silver\:60, html.dark .sf-c-txt-silver\:60 { color: hsl(var(--sf-c-txt-silver-60)) } +html[data-theme='dark'] .sf-c-txt-silver\:65, html.dark .sf-c-txt-silver\:65 { color: hsl(var(--sf-c-txt-silver-65)) } +html[data-theme='dark'] .sf-c-txt-silver\:70, html.dark .sf-c-txt-silver\:70 { color: hsl(var(--sf-c-txt-silver-70)) } +html[data-theme='dark'] .sf-c-txt-silver\:75, html.dark .sf-c-txt-silver\:75 { color: hsl(var(--sf-c-txt-silver-75)) } +html[data-theme='dark'] .sf-c-txt-silver\:80, html.dark .sf-c-txt-silver\:80 { color: hsl(var(--sf-c-txt-silver-80)) } +html[data-theme='dark'] .sf-c-txt-silver\:85, html.dark .sf-c-txt-silver\:85 { color: hsl(var(--sf-c-txt-silver-85)) } +html[data-theme='dark'] .sf-c-txt-silver\:90, html.dark .sf-c-txt-silver\:90 { color: hsl(var(--sf-c-txt-silver-90)) } +html[data-theme='dark'] .sf-c-txt-silver\:95, html.dark .sf-c-txt-silver\:95 { color: hsl(var(--sf-c-txt-silver-95)) } +html[data-theme='dark'] .sf-c-txt-silver\:100, html.dark .sf-c-txt-silver\:100 { color: hsl(var(--sf-c-txt-silver-100)) } + +html[data-theme='dark'] .sf-c-txt-silver\:dark, html.dark .sf-c-txt-silver\:dark { color: hsl(var(--sf-c-txt-silver)) } +html[data-theme='dark'] .sf-c-txt-silver\:0\:dark, html.dark .sf-c-txt-silver\:0\:dark { color: hsl(var(--sf-dark-c-txt-silver-0)) } +html[data-theme='dark'] .sf-c-txt-silver\:5\:dark, html.dark .sf-c-txt-silver\:5\:dark { color: hsl(var(--sf-dark-c-txt-silver-5)) } +html[data-theme='dark'] .sf-c-txt-silver\:10\:dark, html.dark .sf-c-txt-silver\:10\:dark { color: hsl(var(--sf-dark-c-txt-silver-10)) } +html[data-theme='dark'] .sf-c-txt-silver\:15\:dark, html.dark .sf-c-txt-silver\:15\:dark { color: hsl(var(--sf-dark-c-txt-silver-15)) } +html[data-theme='dark'] .sf-c-txt-silver\:20\:dark, html.dark .sf-c-txt-silver\:20\:dark { color: hsl(var(--sf-dark-c-txt-silver-20)) } +html[data-theme='dark'] .sf-c-txt-silver\:25\:dark, html.dark .sf-c-txt-silver\:25\:dark { color: hsl(var(--sf-dark-c-txt-silver-25)) } +html[data-theme='dark'] .sf-c-txt-silver\:30\:dark, html.dark .sf-c-txt-silver\:30\:dark { color: hsl(var(--sf-dark-c-txt-silver-30)) } +html[data-theme='dark'] .sf-c-txt-silver\:35\:dark, html.dark .sf-c-txt-silver\:35\:dark { color: hsl(var(--sf-dark-c-txt-silver-35)) } +html[data-theme='dark'] .sf-c-txt-silver\:40\:dark, html.dark .sf-c-txt-silver\:40\:dark { color: hsl(var(--sf-dark-c-txt-silver-40)) } +html[data-theme='dark'] .sf-c-txt-silver\:45\:dark, html.dark .sf-c-txt-silver\:45\:dark { color: hsl(var(--sf-dark-c-txt-silver-45)) } +html[data-theme='dark'] .sf-c-txt-silver\:50\:dark, html.dark .sf-c-txt-silver\:50\:dark { color: hsl(var(--sf-dark-c-txt-silver-50)) } +html[data-theme='dark'] .sf-c-txt-silver\:55\:dark, html.dark .sf-c-txt-silver\:55\:dark { color: hsl(var(--sf-dark-c-txt-silver-55)) } +html[data-theme='dark'] .sf-c-txt-silver\:60\:dark, html.dark .sf-c-txt-silver\:60\:dark { color: hsl(var(--sf-dark-c-txt-silver-60)) } +html[data-theme='dark'] .sf-c-txt-silver\:65\:dark, html.dark .sf-c-txt-silver\:65\:dark { color: hsl(var(--sf-dark-c-txt-silver-65)) } +html[data-theme='dark'] .sf-c-txt-silver\:70\:dark, html.dark .sf-c-txt-silver\:70\:dark { color: hsl(var(--sf-dark-c-txt-silver-70)) } +html[data-theme='dark'] .sf-c-txt-silver\:75\:dark, html.dark .sf-c-txt-silver\:75\:dark { color: hsl(var(--sf-dark-c-txt-silver-75)) } +html[data-theme='dark'] .sf-c-txt-silver\:80\:dark, html.dark .sf-c-txt-silver\:80\:dark { color: hsl(var(--sf-dark-c-txt-silver-80)) } +html[data-theme='dark'] .sf-c-txt-silver\:85\:dark, html.dark .sf-c-txt-silver\:85\:dark { color: hsl(var(--sf-dark-c-txt-silver-85)) } +html[data-theme='dark'] .sf-c-txt-silver\:90\:dark, html.dark .sf-c-txt-silver\:90\:dark { color: hsl(var(--sf-dark-c-txt-silver-90)) } +html[data-theme='dark'] .sf-c-txt-silver\:95\:dark, html.dark .sf-c-txt-silver\:95\:dark { color: hsl(var(--sf-dark-c-txt-silver-95)) } +html[data-theme='dark'] .sf-c-txt-silver\:100\:dark, html.dark .sf-c-txt-silver\:100\:dark { color: hsl(var(--sf-dark-c-txt-silver-100)) } + html.var[data-theme='dark'] .sf-c-silver, html.var.dark .sf-c-silver { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } html.var[data-theme='dark'] .sf-c-silver\:0, html.var.dark .sf-c-silver\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-silver\:5, html.var.dark .sf-c-silver\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-silver\:90\:dark, html.var.dark .sf-c-silver\: html.var[data-theme='dark'] .sf-c-silver\:95\:dark, html.var.dark .sf-c-silver\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='dark'] .sf-c-silver\:100\:dark, html.var.dark .sf-c-silver\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-silver, html.dark .sf-c-txt-silver { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:0, html.dark .sf-c-txt-silver\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:5, html.dark .sf-c-txt-silver\:5 { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:10, html.dark .sf-c-txt-silver\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:15, html.dark .sf-c-txt-silver\:15 { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:20, html.dark .sf-c-txt-silver\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:25, html.dark .sf-c-txt-silver\:25 { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:30, html.dark .sf-c-txt-silver\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:35, html.dark .sf-c-txt-silver\:35 { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:40, html.dark .sf-c-txt-silver\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:45, html.dark .sf-c-txt-silver\:45 { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:50, html.dark .sf-c-txt-silver\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:55, html.dark .sf-c-txt-silver\:55 { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:60, html.dark .sf-c-txt-silver\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:65, html.dark .sf-c-txt-silver\:65 { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:70, html.dark .sf-c-txt-silver\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:75, html.dark .sf-c-txt-silver\:75 { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:80, html.dark .sf-c-txt-silver\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:85, html.dark .sf-c-txt-silver\:85 { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:90, html.dark .sf-c-txt-silver\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:95, html.dark .sf-c-txt-silver\:95 { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:100, html.dark .sf-c-txt-silver\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-silver\:dark, html.dark .sf-c-txt-silver\:dark { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:0\:dark, html.dark .sf-c-txt-silver\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:5\:dark, html.dark .sf-c-txt-silver\:5\:dark { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:10\:dark, html.dark .sf-c-txt-silver\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:15\:dark, html.dark .sf-c-txt-silver\:15\:dark { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:20\:dark, html.dark .sf-c-txt-silver\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:25\:dark, html.dark .sf-c-txt-silver\:25\:dark { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:30\:dark, html.dark .sf-c-txt-silver\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:35\:dark, html.dark .sf-c-txt-silver\:35\:dark { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:40\:dark, html.dark .sf-c-txt-silver\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:45\:dark, html.dark .sf-c-txt-silver\:45\:dark { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:50\:dark, html.dark .sf-c-txt-silver\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:55\:dark, html.dark .sf-c-txt-silver\:55\:dark { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:60\:dark, html.dark .sf-c-txt-silver\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:65\:dark, html.dark .sf-c-txt-silver\:65\:dark { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:70\:dark, html.dark .sf-c-txt-silver\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:75\:dark, html.dark .sf-c-txt-silver\:75\:dark { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:80\:dark, html.dark .sf-c-txt-silver\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:85\:dark, html.dark .sf-c-txt-silver\:85\:dark { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:90\:dark, html.dark .sf-c-txt-silver\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:95\:dark, html.dark .sf-c-txt-silver\:95\:dark { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-silver\:100\:dark, html.dark .sf-c-txt-silver\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-silver, html.auto .sf-c-silver { color: hsl(var(--sf-dark-c-txt-silver-95)); background: hsl(var(--sf-dark-c-silver)) } html[data-theme='auto'] .sf-c-silver\:0, html.auto .sf-c-silver\:0 { color: hsl(var(--sf-dark-c-txt-silver-95)); background: hsl(var(--sf-dark-c-silver-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-silver\:100\:dark, html.var.dark .sf-c-silver\ html[data-theme='auto'] .sf-c-silver\:95\:dark, html.auto .sf-c-silver\:95\:dark { color: hsl(var(--sf-c-txt-silver-95)); background: hsl(var(--sf-c-silver-5)) } html[data-theme='auto'] .sf-c-silver\:100\:dark, html.auto .sf-c-silver\:100\:dark { color: hsl(var(--sf-c-txt-silver-95)); background: hsl(var(--sf-c-silver-0)) } + html[data-theme='auto'] .sf-c-txt-silver, html.auto .sf-c-txt-silver { color: hsl(var(--sf-c-txt-silver)) } + html[data-theme='auto'] .sf-c-txt-silver\:0, html.auto .sf-c-txt-silver\:0 { color: hsl(var(--sf-c-txt-silver-0)) } + html[data-theme='auto'] .sf-c-txt-silver\:5, html.auto .sf-c-txt-silver\:5 { color: hsl(var(--sf-c-txt-silver-5)) } + html[data-theme='auto'] .sf-c-txt-silver\:10, html.auto .sf-c-txt-silver\:10 { color: hsl(var(--sf-c-txt-silver-10)) } + html[data-theme='auto'] .sf-c-txt-silver\:15, html.auto .sf-c-txt-silver\:15 { color: hsl(var(--sf-c-txt-silver-15)) } + html[data-theme='auto'] .sf-c-txt-silver\:20, html.auto .sf-c-txt-silver\:20 { color: hsl(var(--sf-c-txt-silver-20)) } + html[data-theme='auto'] .sf-c-txt-silver\:25, html.auto .sf-c-txt-silver\:25 { color: hsl(var(--sf-c-txt-silver-25)) } + html[data-theme='auto'] .sf-c-txt-silver\:30, html.auto .sf-c-txt-silver\:30 { color: hsl(var(--sf-c-txt-silver-30)) } + html[data-theme='auto'] .sf-c-txt-silver\:35, html.auto .sf-c-txt-silver\:35 { color: hsl(var(--sf-c-txt-silver-35)) } + html[data-theme='auto'] .sf-c-txt-silver\:40, html.auto .sf-c-txt-silver\:40 { color: hsl(var(--sf-c-txt-silver-40)) } + html[data-theme='auto'] .sf-c-txt-silver\:45, html.auto .sf-c-txt-silver\:45 { color: hsl(var(--sf-c-txt-silver-45)) } + html[data-theme='auto'] .sf-c-txt-silver\:50, html.auto .sf-c-txt-silver\:50 { color: hsl(var(--sf-c-txt-silver-50)) } + html[data-theme='auto'] .sf-c-txt-silver\:55, html.auto .sf-c-txt-silver\:55 { color: hsl(var(--sf-c-txt-silver-55)) } + html[data-theme='auto'] .sf-c-txt-silver\:60, html.auto .sf-c-txt-silver\:60 { color: hsl(var(--sf-c-txt-silver-60)) } + html[data-theme='auto'] .sf-c-txt-silver\:65, html.auto .sf-c-txt-silver\:65 { color: hsl(var(--sf-c-txt-silver-65)) } + html[data-theme='auto'] .sf-c-txt-silver\:70, html.auto .sf-c-txt-silver\:70 { color: hsl(var(--sf-c-txt-silver-70)) } + html[data-theme='auto'] .sf-c-txt-silver\:75, html.auto .sf-c-txt-silver\:75 { color: hsl(var(--sf-c-txt-silver-75)) } + html[data-theme='auto'] .sf-c-txt-silver\:80, html.auto .sf-c-txt-silver\:80 { color: hsl(var(--sf-c-txt-silver-80)) } + html[data-theme='auto'] .sf-c-txt-silver\:85, html.auto .sf-c-txt-silver\:85 { color: hsl(var(--sf-c-txt-silver-85)) } + html[data-theme='auto'] .sf-c-txt-silver\:90, html.auto .sf-c-txt-silver\:90 { color: hsl(var(--sf-c-txt-silver-90)) } + html[data-theme='auto'] .sf-c-txt-silver\:95, html.auto .sf-c-txt-silver\:95 { color: hsl(var(--sf-c-txt-silver-95)) } + html[data-theme='auto'] .sf-c-txt-silver\:100, html.auto .sf-c-txt-silver\:100 { color: hsl(var(--sf-c-txt-silver-100)) } + + html[data-theme='auto'] .sf-c-txt-silver\:dark, html.auto .sf-c-txt-silver\:dark { color: hsl(var(--sf-c-txt-silver)) } + html[data-theme='auto'] .sf-c-txt-silver\:0\:dark, html.auto .sf-c-txt-silver\:0\:dark { color: hsl(var(--sf-c-txt-silver-0)) } + html[data-theme='auto'] .sf-c-txt-silver\:5\:dark, html.auto .sf-c-txt-silver\:5\:dark { color: hsl(var(--sf-c-txt-silver-5)) } + html[data-theme='auto'] .sf-c-txt-silver\:10\:dark, html.auto .sf-c-txt-silver\:10\:dark { color: hsl(var(--sf-c-txt-silver-10)) } + html[data-theme='auto'] .sf-c-txt-silver\:15\:dark, html.auto .sf-c-txt-silver\:15\:dark { color: hsl(var(--sf-c-txt-silver-15)) } + html[data-theme='auto'] .sf-c-txt-silver\:20\:dark, html.auto .sf-c-txt-silver\:20\:dark { color: hsl(var(--sf-c-txt-silver-20)) } + html[data-theme='auto'] .sf-c-txt-silver\:25\:dark, html.auto .sf-c-txt-silver\:25\:dark { color: hsl(var(--sf-c-txt-silver-25)) } + html[data-theme='auto'] .sf-c-txt-silver\:30\:dark, html.auto .sf-c-txt-silver\:30\:dark { color: hsl(var(--sf-c-txt-silver-30)) } + html[data-theme='auto'] .sf-c-txt-silver\:35\:dark, html.auto .sf-c-txt-silver\:35\:dark { color: hsl(var(--sf-c-txt-silver-35)) } + html[data-theme='auto'] .sf-c-txt-silver\:40\:dark, html.auto .sf-c-txt-silver\:40\:dark { color: hsl(var(--sf-c-txt-silver-40)) } + html[data-theme='auto'] .sf-c-txt-silver\:45\:dark, html.auto .sf-c-txt-silver\:45\:dark { color: hsl(var(--sf-c-txt-silver-45)) } + html[data-theme='auto'] .sf-c-txt-silver\:50\:dark, html.auto .sf-c-txt-silver\:50\:dark { color: hsl(var(--sf-c-txt-silver-50)) } + html[data-theme='auto'] .sf-c-txt-silver\:55\:dark, html.auto .sf-c-txt-silver\:55\:dark { color: hsl(var(--sf-c-txt-silver-55)) } + html[data-theme='auto'] .sf-c-txt-silver\:60\:dark, html.auto .sf-c-txt-silver\:60\:dark { color: hsl(var(--sf-c-txt-silver-60)) } + html[data-theme='auto'] .sf-c-txt-silver\:65\:dark, html.auto .sf-c-txt-silver\:65\:dark { color: hsl(var(--sf-c-txt-silver-65)) } + html[data-theme='auto'] .sf-c-txt-silver\:70\:dark, html.auto .sf-c-txt-silver\:70\:dark { color: hsl(var(--sf-c-txt-silver-70)) } + html[data-theme='auto'] .sf-c-txt-silver\:75\:dark, html.auto .sf-c-txt-silver\:75\:dark { color: hsl(var(--sf-c-txt-silver-75)) } + html[data-theme='auto'] .sf-c-txt-silver\:80\:dark, html.auto .sf-c-txt-silver\:80\:dark { color: hsl(var(--sf-c-txt-silver-80)) } + html[data-theme='auto'] .sf-c-txt-silver\:85\:dark, html.auto .sf-c-txt-silver\:85\:dark { color: hsl(var(--sf-c-txt-silver-85)) } + html[data-theme='auto'] .sf-c-txt-silver\:90\:dark, html.auto .sf-c-txt-silver\:90\:dark { color: hsl(var(--sf-c-txt-silver-90)) } + html[data-theme='auto'] .sf-c-txt-silver\:95\:dark, html.auto .sf-c-txt-silver\:95\:dark { color: hsl(var(--sf-c-txt-silver-95)) } + html[data-theme='auto'] .sf-c-txt-silver\:100\:dark, html.auto .sf-c-txt-silver\:100\:dark { color: hsl(var(--sf-c-txt-silver-100)) } + html.var[data-theme='auto'] .sf-c-silver, html.var.auto .sf-c-silver { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 25%) } html.var[data-theme='auto'] .sf-c-silver\:0, html.var.auto .sf-c-silver\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-silver\:5, html.var.auto .sf-c-silver\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-silver\:100\:dark, html.var.dark .sf-c-silver\ html.var[data-theme='auto'] .sf-c-silver\:90\:dark, html.var.auto .sf-c-silver\:90\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-silver\:95\:dark, html.var.auto .sf-c-silver\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='auto'] .sf-c-silver\:100\:dark, html.var.auto .sf-c-silver\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-silver { color: hsl(var(--sf-c-txt-silver)) } -.sf-c-txt-silver\:0 { color: hsl(var(--sf-c-txt-silver-0)) } -.sf-c-txt-silver\:5 { color: hsl(var(--sf-c-txt-silver-5)) } -.sf-c-txt-silver\:10 { color: hsl(var(--sf-c-txt-silver-10)) } -.sf-c-txt-silver\:15 { color: hsl(var(--sf-c-txt-silver-15)) } -.sf-c-txt-silver\:20 { color: hsl(var(--sf-c-txt-silver-20)) } -.sf-c-txt-silver\:25 { color: hsl(var(--sf-c-txt-silver-25)) } -.sf-c-txt-silver\:30 { color: hsl(var(--sf-c-txt-silver-30)) } -.sf-c-txt-silver\:35 { color: hsl(var(--sf-c-txt-silver-35)) } -.sf-c-txt-silver\:40 { color: hsl(var(--sf-c-txt-silver-40)) } -.sf-c-txt-silver\:45 { color: hsl(var(--sf-c-txt-silver-45)) } -.sf-c-txt-silver\:50 { color: hsl(var(--sf-c-txt-silver-50)) } -.sf-c-txt-silver\:55 { color: hsl(var(--sf-c-txt-silver-55)) } -.sf-c-txt-silver\:60 { color: hsl(var(--sf-c-txt-silver-60)) } -.sf-c-txt-silver\:65 { color: hsl(var(--sf-c-txt-silver-65)) } -.sf-c-txt-silver\:70 { color: hsl(var(--sf-c-txt-silver-70)) } -.sf-c-txt-silver\:75 { color: hsl(var(--sf-c-txt-silver-75)) } -.sf-c-txt-silver\:80 { color: hsl(var(--sf-c-txt-silver-80)) } -.sf-c-txt-silver\:85 { color: hsl(var(--sf-c-txt-silver-85)) } -.sf-c-txt-silver\:90 { color: hsl(var(--sf-c-txt-silver-90)) } -.sf-c-txt-silver\:95 { color: hsl(var(--sf-c-txt-silver-95)) } -.sf-c-txt-silver\:100 { color: hsl(var(--sf-c-txt-silver-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-silver, html.auto .sf-c-txt-silver { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:0, html.auto .sf-c-txt-silver\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:5, html.auto .sf-c-txt-silver\:5 { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:10, html.auto .sf-c-txt-silver\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:15, html.auto .sf-c-txt-silver\:15 { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:20, html.auto .sf-c-txt-silver\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:25, html.auto .sf-c-txt-silver\:25 { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:30, html.auto .sf-c-txt-silver\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:35, html.auto .sf-c-txt-silver\:35 { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:40, html.auto .sf-c-txt-silver\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:45, html.auto .sf-c-txt-silver\:45 { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:50, html.auto .sf-c-txt-silver\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:55, html.auto .sf-c-txt-silver\:55 { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:60, html.auto .sf-c-txt-silver\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:65, html.auto .sf-c-txt-silver\:65 { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:70, html.auto .sf-c-txt-silver\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:75, html.auto .sf-c-txt-silver\:75 { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:80, html.auto .sf-c-txt-silver\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:85, html.auto .sf-c-txt-silver\:85 { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:90, html.auto .sf-c-txt-silver\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:95, html.auto .sf-c-txt-silver\:95 { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:100, html.auto .sf-c-txt-silver\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-silver\:dark, html.auto .sf-c-txt-silver\:dark { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:0\:dark, html.auto .sf-c-txt-silver\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:5\:dark, html.auto .sf-c-txt-silver\:5\:dark { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:10\:dark, html.auto .sf-c-txt-silver\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:15\:dark, html.auto .sf-c-txt-silver\:15\:dark { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:20\:dark, html.auto .sf-c-txt-silver\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:25\:dark, html.auto .sf-c-txt-silver\:25\:dark { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:30\:dark, html.auto .sf-c-txt-silver\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:35\:dark, html.auto .sf-c-txt-silver\:35\:dark { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:40\:dark, html.auto .sf-c-txt-silver\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:45\:dark, html.auto .sf-c-txt-silver\:45\:dark { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:50\:dark, html.auto .sf-c-txt-silver\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:55\:dark, html.auto .sf-c-txt-silver\:55\:dark { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:60\:dark, html.auto .sf-c-txt-silver\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:65\:dark, html.auto .sf-c-txt-silver\:65\:dark { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:70\:dark, html.auto .sf-c-txt-silver\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:75\:dark, html.auto .sf-c-txt-silver\:75\:dark { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:80\:dark, html.auto .sf-c-txt-silver\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:85\:dark, html.auto .sf-c-txt-silver\:85\:dark { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:90\:dark, html.auto .sf-c-txt-silver\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:95\:dark, html.auto .sf-c-txt-silver\:95\:dark { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-silver\:100\:dark, html.auto .sf-c-txt-silver\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/skyblue.css b/src/colors/20/skyblue.css index 8fba764..fd102bc 100644 --- a/src/colors/20/skyblue.css +++ b/src/colors/20/skyblue.css @@ -138,6 +138,52 @@ html.var .sf-c-skyblue\:90 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, html.var .sf-c-skyblue\:95 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 95%) } html.var .sf-c-skyblue\:100 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 100%) } +.sf-c-txt-skyblue { color: hsl(var(--sf-dark-c-txt-skyblue)) } +.sf-c-txt-skyblue\:0 { color: hsl(var(--sf-dark-c-txt-skyblue-100)) } +.sf-c-txt-skyblue\:5 { color: hsl(var(--sf-dark-c-txt-skyblue-95)) } +.sf-c-txt-skyblue\:10 { color: hsl(var(--sf-dark-c-txt-skyblue-90)) } +.sf-c-txt-skyblue\:15 { color: hsl(var(--sf-dark-c-txt-skyblue-85)) } +.sf-c-txt-skyblue\:20 { color: hsl(var(--sf-dark-c-txt-skyblue-80)) } +.sf-c-txt-skyblue\:25 { color: hsl(var(--sf-dark-c-txt-skyblue-75)) } +.sf-c-txt-skyblue\:30 { color: hsl(var(--sf-dark-c-txt-skyblue-70)) } +.sf-c-txt-skyblue\:35 { color: hsl(var(--sf-dark-c-txt-skyblue-65)) } +.sf-c-txt-skyblue\:40 { color: hsl(var(--sf-dark-c-txt-skyblue-60)) } +.sf-c-txt-skyblue\:45 { color: hsl(var(--sf-dark-c-txt-skyblue-55)) } +.sf-c-txt-skyblue\:50 { color: hsl(var(--sf-dark-c-txt-skyblue-50)) } +.sf-c-txt-skyblue\:55 { color: hsl(var(--sf-dark-c-txt-skyblue-45)) } +.sf-c-txt-skyblue\:60 { color: hsl(var(--sf-dark-c-txt-skyblue-40)) } +.sf-c-txt-skyblue\:65 { color: hsl(var(--sf-dark-c-txt-skyblue-35)) } +.sf-c-txt-skyblue\:70 { color: hsl(var(--sf-dark-c-txt-skyblue-30)) } +.sf-c-txt-skyblue\:75 { color: hsl(var(--sf-dark-c-txt-skyblue-25)) } +.sf-c-txt-skyblue\:80 { color: hsl(var(--sf-dark-c-txt-skyblue-20)) } +.sf-c-txt-skyblue\:85 { color: hsl(var(--sf-dark-c-txt-skyblue-15)) } +.sf-c-txt-skyblue\:90 { color: hsl(var(--sf-dark-c-txt-skyblue-10)) } +.sf-c-txt-skyblue\:95 { color: hsl(var(--sf-dark-c-txt-skyblue-5)) } +.sf-c-txt-skyblue\:100 { color: hsl(var(--sf-dark-c-txt-skyblue-0)) } + +html.var .sf-c-txt-skyblue { color: hsl(197, 71%, 27%) } +html.var .sf-c-txt-skyblue\:0 { color: hsl(197, 71%, 100%) } +html.var .sf-c-txt-skyblue\:5 { color: hsl(197, 71%, 95%) } +html.var .sf-c-txt-skyblue\:10 { color: hsl(197, 71%, 90%) } +html.var .sf-c-txt-skyblue\:15 { color: hsl(197, 71%, 85%) } +html.var .sf-c-txt-skyblue\:20 { color: hsl(197, 71%, 80%) } +html.var .sf-c-txt-skyblue\:25 { color: hsl(197, 71%, 75%) } +html.var .sf-c-txt-skyblue\:30 { color: hsl(197, 71%, 70%) } +html.var .sf-c-txt-skyblue\:35 { color: hsl(197, 71%, 65%) } +html.var .sf-c-txt-skyblue\:40 { color: hsl(197, 71%, 60%) } +html.var .sf-c-txt-skyblue\:45 { color: hsl(197, 71%, 55%) } +html.var .sf-c-txt-skyblue\:50 { color: hsl(197, 71%, 50%) } +html.var .sf-c-txt-skyblue\:55 { color: hsl(197, 71%, 45%) } +html.var .sf-c-txt-skyblue\:60 { color: hsl(197, 71%, 40%) } +html.var .sf-c-txt-skyblue\:65 { color: hsl(197, 71%, 35%) } +html.var .sf-c-txt-skyblue\:70 { color: hsl(197, 71%, 30%) } +html.var .sf-c-txt-skyblue\:75 { color: hsl(197, 71%, 25%) } +html.var .sf-c-txt-skyblue\:80 { color: hsl(197, 71%, 20%) } +html.var .sf-c-txt-skyblue\:85 { color: hsl(197, 71%, 15%) } +html.var .sf-c-txt-skyblue\:90 { color: hsl(197, 71%, 10%) } +html.var .sf-c-txt-skyblue\:95 { color: hsl(197, 71%, 5%) } +html.var .sf-c-txt-skyblue\:100 { color: hsl(197, 71%, 0%) } + html[data-theme='dark'] .sf-c-skyblue, html.dark .sf-c-skyblue { color: hsl(var(--sf-dark-c-txt-skyblue-95)); background: hsl(var(--sf-dark-c-skyblue)) } html[data-theme='dark'] .sf-c-skyblue\:0, html.dark .sf-c-skyblue\:0 { color: hsl(var(--sf-dark-c-txt-skyblue-95)); background: hsl(var(--sf-dark-c-skyblue-100)) } html[data-theme='dark'] .sf-c-skyblue\:5, html.dark .sf-c-skyblue\:5 { color: hsl(var(--sf-dark-c-txt-skyblue-5)); background: hsl(var(--sf-dark-c-skyblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-skyblue\:90\:dark, html.dark .sf-c-skyblue\:90\:da html[data-theme='dark'] .sf-c-skyblue\:95\:dark, html.dark .sf-c-skyblue\:95\:dark { color: hsl(var(--sf-c-txt-skyblue-95)); background: hsl(var(--sf-c-skyblue-5)) } html[data-theme='dark'] .sf-c-skyblue\:100\:dark, html.dark .sf-c-skyblue\:100\:dark { color: hsl(var(--sf-c-txt-skyblue-95)); background: hsl(var(--sf-c-skyblue-0)) } +html[data-theme='dark'] .sf-c-txt-skyblue, html.dark .sf-c-txt-skyblue { color: hsl(var(--sf-c-txt-skyblue)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:0, html.dark .sf-c-txt-skyblue\:0 { color: hsl(var(--sf-c-txt-skyblue-0)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:5, html.dark .sf-c-txt-skyblue\:5 { color: hsl(var(--sf-c-txt-skyblue-5)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:10, html.dark .sf-c-txt-skyblue\:10 { color: hsl(var(--sf-c-txt-skyblue-10)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:15, html.dark .sf-c-txt-skyblue\:15 { color: hsl(var(--sf-c-txt-skyblue-15)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:20, html.dark .sf-c-txt-skyblue\:20 { color: hsl(var(--sf-c-txt-skyblue-20)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:25, html.dark .sf-c-txt-skyblue\:25 { color: hsl(var(--sf-c-txt-skyblue-25)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:30, html.dark .sf-c-txt-skyblue\:30 { color: hsl(var(--sf-c-txt-skyblue-30)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:35, html.dark .sf-c-txt-skyblue\:35 { color: hsl(var(--sf-c-txt-skyblue-35)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:40, html.dark .sf-c-txt-skyblue\:40 { color: hsl(var(--sf-c-txt-skyblue-40)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:45, html.dark .sf-c-txt-skyblue\:45 { color: hsl(var(--sf-c-txt-skyblue-45)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:50, html.dark .sf-c-txt-skyblue\:50 { color: hsl(var(--sf-c-txt-skyblue-50)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:55, html.dark .sf-c-txt-skyblue\:55 { color: hsl(var(--sf-c-txt-skyblue-55)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:60, html.dark .sf-c-txt-skyblue\:60 { color: hsl(var(--sf-c-txt-skyblue-60)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:65, html.dark .sf-c-txt-skyblue\:65 { color: hsl(var(--sf-c-txt-skyblue-65)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:70, html.dark .sf-c-txt-skyblue\:70 { color: hsl(var(--sf-c-txt-skyblue-70)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:75, html.dark .sf-c-txt-skyblue\:75 { color: hsl(var(--sf-c-txt-skyblue-75)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:80, html.dark .sf-c-txt-skyblue\:80 { color: hsl(var(--sf-c-txt-skyblue-80)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:85, html.dark .sf-c-txt-skyblue\:85 { color: hsl(var(--sf-c-txt-skyblue-85)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:90, html.dark .sf-c-txt-skyblue\:90 { color: hsl(var(--sf-c-txt-skyblue-90)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:95, html.dark .sf-c-txt-skyblue\:95 { color: hsl(var(--sf-c-txt-skyblue-95)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:100, html.dark .sf-c-txt-skyblue\:100 { color: hsl(var(--sf-c-txt-skyblue-100)) } + +html[data-theme='dark'] .sf-c-txt-skyblue\:dark, html.dark .sf-c-txt-skyblue\:dark { color: hsl(var(--sf-c-txt-skyblue)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:0\:dark, html.dark .sf-c-txt-skyblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-0)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:5\:dark, html.dark .sf-c-txt-skyblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-5)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:10\:dark, html.dark .sf-c-txt-skyblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-10)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:15\:dark, html.dark .sf-c-txt-skyblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-15)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:20\:dark, html.dark .sf-c-txt-skyblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-20)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:25\:dark, html.dark .sf-c-txt-skyblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-25)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:30\:dark, html.dark .sf-c-txt-skyblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-30)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:35\:dark, html.dark .sf-c-txt-skyblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-35)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:40\:dark, html.dark .sf-c-txt-skyblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-40)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:45\:dark, html.dark .sf-c-txt-skyblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-45)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:50\:dark, html.dark .sf-c-txt-skyblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-50)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:55\:dark, html.dark .sf-c-txt-skyblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-55)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:60\:dark, html.dark .sf-c-txt-skyblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-60)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:65\:dark, html.dark .sf-c-txt-skyblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-65)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:70\:dark, html.dark .sf-c-txt-skyblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-70)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:75\:dark, html.dark .sf-c-txt-skyblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-75)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:80\:dark, html.dark .sf-c-txt-skyblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-80)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:85\:dark, html.dark .sf-c-txt-skyblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-85)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:90\:dark, html.dark .sf-c-txt-skyblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-90)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:95\:dark, html.dark .sf-c-txt-skyblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-95)) } +html[data-theme='dark'] .sf-c-txt-skyblue\:100\:dark, html.dark .sf-c-txt-skyblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-skyblue-100)) } + html.var[data-theme='dark'] .sf-c-skyblue, html.var.dark .sf-c-skyblue { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 27%) } html.var[data-theme='dark'] .sf-c-skyblue\:0, html.var.dark .sf-c-skyblue\:0 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 100%) } html.var[data-theme='dark'] .sf-c-skyblue\:5, html.var.dark .sf-c-skyblue\:5 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-skyblue\:90\:dark, html.var.dark .sf-c-skyblue html.var[data-theme='dark'] .sf-c-skyblue\:95\:dark, html.var.dark .sf-c-skyblue\:95\:dark { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 5%) } html.var[data-theme='dark'] .sf-c-skyblue\:100\:dark, html.var.dark .sf-c-skyblue\:100\:dark { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue, html.dark .sf-c-txt-skyblue { color: hsl(197, 71%, 73%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:0, html.dark .sf-c-txt-skyblue\:0 { color: hsl(197, 71%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:5, html.dark .sf-c-txt-skyblue\:5 { color: hsl(197, 71%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:10, html.dark .sf-c-txt-skyblue\:10 { color: hsl(197, 71%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:15, html.dark .sf-c-txt-skyblue\:15 { color: hsl(197, 71%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:20, html.dark .sf-c-txt-skyblue\:20 { color: hsl(197, 71%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:25, html.dark .sf-c-txt-skyblue\:25 { color: hsl(197, 71%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:30, html.dark .sf-c-txt-skyblue\:30 { color: hsl(197, 71%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:35, html.dark .sf-c-txt-skyblue\:35 { color: hsl(197, 71%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:40, html.dark .sf-c-txt-skyblue\:40 { color: hsl(197, 71%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:45, html.dark .sf-c-txt-skyblue\:45 { color: hsl(197, 71%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:50, html.dark .sf-c-txt-skyblue\:50 { color: hsl(197, 71%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:55, html.dark .sf-c-txt-skyblue\:55 { color: hsl(197, 71%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:60, html.dark .sf-c-txt-skyblue\:60 { color: hsl(197, 71%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:65, html.dark .sf-c-txt-skyblue\:65 { color: hsl(197, 71%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:70, html.dark .sf-c-txt-skyblue\:70 { color: hsl(197, 71%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:75, html.dark .sf-c-txt-skyblue\:75 { color: hsl(197, 71%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:80, html.dark .sf-c-txt-skyblue\:80 { color: hsl(197, 71%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:85, html.dark .sf-c-txt-skyblue\:85 { color: hsl(197, 71%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:90, html.dark .sf-c-txt-skyblue\:90 { color: hsl(197, 71%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:95, html.dark .sf-c-txt-skyblue\:95 { color: hsl(197, 71%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:100, html.dark .sf-c-txt-skyblue\:100 { color: hsl(197, 71%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-skyblue\:dark, html.dark .sf-c-txt-skyblue\:dark { color: hsl(197, 71%, 73%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:0\:dark, html.dark .sf-c-txt-skyblue\:0\:dark { color: hsl(197, 71%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:5\:dark, html.dark .sf-c-txt-skyblue\:5\:dark { color: hsl(197, 71%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:10\:dark, html.dark .sf-c-txt-skyblue\:10\:dark { color: hsl(197, 71%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:15\:dark, html.dark .sf-c-txt-skyblue\:15\:dark { color: hsl(197, 71%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:20\:dark, html.dark .sf-c-txt-skyblue\:20\:dark { color: hsl(197, 71%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:25\:dark, html.dark .sf-c-txt-skyblue\:25\:dark { color: hsl(197, 71%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:30\:dark, html.dark .sf-c-txt-skyblue\:30\:dark { color: hsl(197, 71%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:35\:dark, html.dark .sf-c-txt-skyblue\:35\:dark { color: hsl(197, 71%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:40\:dark, html.dark .sf-c-txt-skyblue\:40\:dark { color: hsl(197, 71%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:45\:dark, html.dark .sf-c-txt-skyblue\:45\:dark { color: hsl(197, 71%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:50\:dark, html.dark .sf-c-txt-skyblue\:50\:dark { color: hsl(197, 71%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:55\:dark, html.dark .sf-c-txt-skyblue\:55\:dark { color: hsl(197, 71%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:60\:dark, html.dark .sf-c-txt-skyblue\:60\:dark { color: hsl(197, 71%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:65\:dark, html.dark .sf-c-txt-skyblue\:65\:dark { color: hsl(197, 71%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:70\:dark, html.dark .sf-c-txt-skyblue\:70\:dark { color: hsl(197, 71%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:75\:dark, html.dark .sf-c-txt-skyblue\:75\:dark { color: hsl(197, 71%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:80\:dark, html.dark .sf-c-txt-skyblue\:80\:dark { color: hsl(197, 71%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:85\:dark, html.dark .sf-c-txt-skyblue\:85\:dark { color: hsl(197, 71%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:90\:dark, html.dark .sf-c-txt-skyblue\:90\:dark { color: hsl(197, 71%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:95\:dark, html.dark .sf-c-txt-skyblue\:95\:dark { color: hsl(197, 71%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-skyblue\:100\:dark, html.dark .sf-c-txt-skyblue\:100\:dark { color: hsl(197, 71%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-skyblue, html.auto .sf-c-skyblue { color: hsl(var(--sf-dark-c-txt-skyblue-95)); background: hsl(var(--sf-dark-c-skyblue)) } html[data-theme='auto'] .sf-c-skyblue\:0, html.auto .sf-c-skyblue\:0 { color: hsl(var(--sf-dark-c-txt-skyblue-95)); background: hsl(var(--sf-dark-c-skyblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-skyblue\:100\:dark, html.var.dark .sf-c-skyblu html[data-theme='auto'] .sf-c-skyblue\:95\:dark, html.auto .sf-c-skyblue\:95\:dark { color: hsl(var(--sf-c-txt-skyblue-95)); background: hsl(var(--sf-c-skyblue-5)) } html[data-theme='auto'] .sf-c-skyblue\:100\:dark, html.auto .sf-c-skyblue\:100\:dark { color: hsl(var(--sf-c-txt-skyblue-95)); background: hsl(var(--sf-c-skyblue-0)) } + html[data-theme='auto'] .sf-c-txt-skyblue, html.auto .sf-c-txt-skyblue { color: hsl(var(--sf-c-txt-skyblue)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:0, html.auto .sf-c-txt-skyblue\:0 { color: hsl(var(--sf-c-txt-skyblue-0)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:5, html.auto .sf-c-txt-skyblue\:5 { color: hsl(var(--sf-c-txt-skyblue-5)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:10, html.auto .sf-c-txt-skyblue\:10 { color: hsl(var(--sf-c-txt-skyblue-10)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:15, html.auto .sf-c-txt-skyblue\:15 { color: hsl(var(--sf-c-txt-skyblue-15)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:20, html.auto .sf-c-txt-skyblue\:20 { color: hsl(var(--sf-c-txt-skyblue-20)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:25, html.auto .sf-c-txt-skyblue\:25 { color: hsl(var(--sf-c-txt-skyblue-25)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:30, html.auto .sf-c-txt-skyblue\:30 { color: hsl(var(--sf-c-txt-skyblue-30)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:35, html.auto .sf-c-txt-skyblue\:35 { color: hsl(var(--sf-c-txt-skyblue-35)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:40, html.auto .sf-c-txt-skyblue\:40 { color: hsl(var(--sf-c-txt-skyblue-40)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:45, html.auto .sf-c-txt-skyblue\:45 { color: hsl(var(--sf-c-txt-skyblue-45)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:50, html.auto .sf-c-txt-skyblue\:50 { color: hsl(var(--sf-c-txt-skyblue-50)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:55, html.auto .sf-c-txt-skyblue\:55 { color: hsl(var(--sf-c-txt-skyblue-55)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:60, html.auto .sf-c-txt-skyblue\:60 { color: hsl(var(--sf-c-txt-skyblue-60)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:65, html.auto .sf-c-txt-skyblue\:65 { color: hsl(var(--sf-c-txt-skyblue-65)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:70, html.auto .sf-c-txt-skyblue\:70 { color: hsl(var(--sf-c-txt-skyblue-70)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:75, html.auto .sf-c-txt-skyblue\:75 { color: hsl(var(--sf-c-txt-skyblue-75)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:80, html.auto .sf-c-txt-skyblue\:80 { color: hsl(var(--sf-c-txt-skyblue-80)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:85, html.auto .sf-c-txt-skyblue\:85 { color: hsl(var(--sf-c-txt-skyblue-85)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:90, html.auto .sf-c-txt-skyblue\:90 { color: hsl(var(--sf-c-txt-skyblue-90)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:95, html.auto .sf-c-txt-skyblue\:95 { color: hsl(var(--sf-c-txt-skyblue-95)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:100, html.auto .sf-c-txt-skyblue\:100 { color: hsl(var(--sf-c-txt-skyblue-100)) } + + html[data-theme='auto'] .sf-c-txt-skyblue\:dark, html.auto .sf-c-txt-skyblue\:dark { color: hsl(var(--sf-c-txt-skyblue)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:0\:dark, html.auto .sf-c-txt-skyblue\:0\:dark { color: hsl(var(--sf-c-txt-skyblue-0)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:5\:dark, html.auto .sf-c-txt-skyblue\:5\:dark { color: hsl(var(--sf-c-txt-skyblue-5)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:10\:dark, html.auto .sf-c-txt-skyblue\:10\:dark { color: hsl(var(--sf-c-txt-skyblue-10)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:15\:dark, html.auto .sf-c-txt-skyblue\:15\:dark { color: hsl(var(--sf-c-txt-skyblue-15)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:20\:dark, html.auto .sf-c-txt-skyblue\:20\:dark { color: hsl(var(--sf-c-txt-skyblue-20)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:25\:dark, html.auto .sf-c-txt-skyblue\:25\:dark { color: hsl(var(--sf-c-txt-skyblue-25)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:30\:dark, html.auto .sf-c-txt-skyblue\:30\:dark { color: hsl(var(--sf-c-txt-skyblue-30)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:35\:dark, html.auto .sf-c-txt-skyblue\:35\:dark { color: hsl(var(--sf-c-txt-skyblue-35)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:40\:dark, html.auto .sf-c-txt-skyblue\:40\:dark { color: hsl(var(--sf-c-txt-skyblue-40)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:45\:dark, html.auto .sf-c-txt-skyblue\:45\:dark { color: hsl(var(--sf-c-txt-skyblue-45)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:50\:dark, html.auto .sf-c-txt-skyblue\:50\:dark { color: hsl(var(--sf-c-txt-skyblue-50)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:55\:dark, html.auto .sf-c-txt-skyblue\:55\:dark { color: hsl(var(--sf-c-txt-skyblue-55)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:60\:dark, html.auto .sf-c-txt-skyblue\:60\:dark { color: hsl(var(--sf-c-txt-skyblue-60)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:65\:dark, html.auto .sf-c-txt-skyblue\:65\:dark { color: hsl(var(--sf-c-txt-skyblue-65)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:70\:dark, html.auto .sf-c-txt-skyblue\:70\:dark { color: hsl(var(--sf-c-txt-skyblue-70)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:75\:dark, html.auto .sf-c-txt-skyblue\:75\:dark { color: hsl(var(--sf-c-txt-skyblue-75)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:80\:dark, html.auto .sf-c-txt-skyblue\:80\:dark { color: hsl(var(--sf-c-txt-skyblue-80)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:85\:dark, html.auto .sf-c-txt-skyblue\:85\:dark { color: hsl(var(--sf-c-txt-skyblue-85)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:90\:dark, html.auto .sf-c-txt-skyblue\:90\:dark { color: hsl(var(--sf-c-txt-skyblue-90)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:95\:dark, html.auto .sf-c-txt-skyblue\:95\:dark { color: hsl(var(--sf-c-txt-skyblue-95)) } + html[data-theme='auto'] .sf-c-txt-skyblue\:100\:dark, html.auto .sf-c-txt-skyblue\:100\:dark { color: hsl(var(--sf-c-txt-skyblue-100)) } + html.var[data-theme='auto'] .sf-c-skyblue, html.var.auto .sf-c-skyblue { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 27%) } html.var[data-theme='auto'] .sf-c-skyblue\:0, html.var.auto .sf-c-skyblue\:0 { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 100%) } html.var[data-theme='auto'] .sf-c-skyblue\:5, html.var.auto .sf-c-skyblue\:5 { color: hsl(197, 71%, 5%); background: hsl(197, 71%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-skyblue\:100\:dark, html.var.dark .sf-c-skyblu html.var[data-theme='auto'] .sf-c-skyblue\:90\:dark, html.var.auto .sf-c-skyblue\:90\:dark { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 10%) } html.var[data-theme='auto'] .sf-c-skyblue\:95\:dark, html.var.auto .sf-c-skyblue\:95\:dark { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 5%) } html.var[data-theme='auto'] .sf-c-skyblue\:100\:dark, html.var.auto .sf-c-skyblue\:100\:dark { color: hsl(197, 71%, 95%); background: hsl(197, 71%, 0%) } -} -.sf-c-txt-skyblue { color: hsl(var(--sf-c-txt-skyblue)) } -.sf-c-txt-skyblue\:0 { color: hsl(var(--sf-c-txt-skyblue-0)) } -.sf-c-txt-skyblue\:5 { color: hsl(var(--sf-c-txt-skyblue-5)) } -.sf-c-txt-skyblue\:10 { color: hsl(var(--sf-c-txt-skyblue-10)) } -.sf-c-txt-skyblue\:15 { color: hsl(var(--sf-c-txt-skyblue-15)) } -.sf-c-txt-skyblue\:20 { color: hsl(var(--sf-c-txt-skyblue-20)) } -.sf-c-txt-skyblue\:25 { color: hsl(var(--sf-c-txt-skyblue-25)) } -.sf-c-txt-skyblue\:30 { color: hsl(var(--sf-c-txt-skyblue-30)) } -.sf-c-txt-skyblue\:35 { color: hsl(var(--sf-c-txt-skyblue-35)) } -.sf-c-txt-skyblue\:40 { color: hsl(var(--sf-c-txt-skyblue-40)) } -.sf-c-txt-skyblue\:45 { color: hsl(var(--sf-c-txt-skyblue-45)) } -.sf-c-txt-skyblue\:50 { color: hsl(var(--sf-c-txt-skyblue-50)) } -.sf-c-txt-skyblue\:55 { color: hsl(var(--sf-c-txt-skyblue-55)) } -.sf-c-txt-skyblue\:60 { color: hsl(var(--sf-c-txt-skyblue-60)) } -.sf-c-txt-skyblue\:65 { color: hsl(var(--sf-c-txt-skyblue-65)) } -.sf-c-txt-skyblue\:70 { color: hsl(var(--sf-c-txt-skyblue-70)) } -.sf-c-txt-skyblue\:75 { color: hsl(var(--sf-c-txt-skyblue-75)) } -.sf-c-txt-skyblue\:80 { color: hsl(var(--sf-c-txt-skyblue-80)) } -.sf-c-txt-skyblue\:85 { color: hsl(var(--sf-c-txt-skyblue-85)) } -.sf-c-txt-skyblue\:90 { color: hsl(var(--sf-c-txt-skyblue-90)) } -.sf-c-txt-skyblue\:95 { color: hsl(var(--sf-c-txt-skyblue-95)) } -.sf-c-txt-skyblue\:100 { color: hsl(var(--sf-c-txt-skyblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-skyblue, html.auto .sf-c-txt-skyblue { color: hsl(197, 71%, 73%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:0, html.auto .sf-c-txt-skyblue\:0 { color: hsl(197, 71%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:5, html.auto .sf-c-txt-skyblue\:5 { color: hsl(197, 71%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:10, html.auto .sf-c-txt-skyblue\:10 { color: hsl(197, 71%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:15, html.auto .sf-c-txt-skyblue\:15 { color: hsl(197, 71%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:20, html.auto .sf-c-txt-skyblue\:20 { color: hsl(197, 71%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:25, html.auto .sf-c-txt-skyblue\:25 { color: hsl(197, 71%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:30, html.auto .sf-c-txt-skyblue\:30 { color: hsl(197, 71%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:35, html.auto .sf-c-txt-skyblue\:35 { color: hsl(197, 71%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:40, html.auto .sf-c-txt-skyblue\:40 { color: hsl(197, 71%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:45, html.auto .sf-c-txt-skyblue\:45 { color: hsl(197, 71%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:50, html.auto .sf-c-txt-skyblue\:50 { color: hsl(197, 71%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:55, html.auto .sf-c-txt-skyblue\:55 { color: hsl(197, 71%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:60, html.auto .sf-c-txt-skyblue\:60 { color: hsl(197, 71%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:65, html.auto .sf-c-txt-skyblue\:65 { color: hsl(197, 71%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:70, html.auto .sf-c-txt-skyblue\:70 { color: hsl(197, 71%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:75, html.auto .sf-c-txt-skyblue\:75 { color: hsl(197, 71%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:80, html.auto .sf-c-txt-skyblue\:80 { color: hsl(197, 71%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:85, html.auto .sf-c-txt-skyblue\:85 { color: hsl(197, 71%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:90, html.auto .sf-c-txt-skyblue\:90 { color: hsl(197, 71%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:95, html.auto .sf-c-txt-skyblue\:95 { color: hsl(197, 71%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:100, html.auto .sf-c-txt-skyblue\:100 { color: hsl(197, 71%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-skyblue\:dark, html.auto .sf-c-txt-skyblue\:dark { color: hsl(197, 71%, 73%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:0\:dark, html.auto .sf-c-txt-skyblue\:0\:dark { color: hsl(197, 71%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:5\:dark, html.auto .sf-c-txt-skyblue\:5\:dark { color: hsl(197, 71%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:10\:dark, html.auto .sf-c-txt-skyblue\:10\:dark { color: hsl(197, 71%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:15\:dark, html.auto .sf-c-txt-skyblue\:15\:dark { color: hsl(197, 71%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:20\:dark, html.auto .sf-c-txt-skyblue\:20\:dark { color: hsl(197, 71%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:25\:dark, html.auto .sf-c-txt-skyblue\:25\:dark { color: hsl(197, 71%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:30\:dark, html.auto .sf-c-txt-skyblue\:30\:dark { color: hsl(197, 71%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:35\:dark, html.auto .sf-c-txt-skyblue\:35\:dark { color: hsl(197, 71%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:40\:dark, html.auto .sf-c-txt-skyblue\:40\:dark { color: hsl(197, 71%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:45\:dark, html.auto .sf-c-txt-skyblue\:45\:dark { color: hsl(197, 71%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:50\:dark, html.auto .sf-c-txt-skyblue\:50\:dark { color: hsl(197, 71%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:55\:dark, html.auto .sf-c-txt-skyblue\:55\:dark { color: hsl(197, 71%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:60\:dark, html.auto .sf-c-txt-skyblue\:60\:dark { color: hsl(197, 71%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:65\:dark, html.auto .sf-c-txt-skyblue\:65\:dark { color: hsl(197, 71%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:70\:dark, html.auto .sf-c-txt-skyblue\:70\:dark { color: hsl(197, 71%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:75\:dark, html.auto .sf-c-txt-skyblue\:75\:dark { color: hsl(197, 71%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:80\:dark, html.auto .sf-c-txt-skyblue\:80\:dark { color: hsl(197, 71%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:85\:dark, html.auto .sf-c-txt-skyblue\:85\:dark { color: hsl(197, 71%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:90\:dark, html.auto .sf-c-txt-skyblue\:90\:dark { color: hsl(197, 71%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:95\:dark, html.auto .sf-c-txt-skyblue\:95\:dark { color: hsl(197, 71%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-skyblue\:100\:dark, html.auto .sf-c-txt-skyblue\:100\:dark { color: hsl(197, 71%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/slateblue.css b/src/colors/20/slateblue.css index 87578d0..723ec2d 100644 --- a/src/colors/20/slateblue.css +++ b/src/colors/20/slateblue.css @@ -138,6 +138,52 @@ html.var .sf-c-slateblue\:90 { color: hsl(248, 53%, 5%); background: hsl(248, 53 html.var .sf-c-slateblue\:95 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 95%) } html.var .sf-c-slateblue\:100 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 100%) } +.sf-c-txt-slateblue { color: hsl(var(--sf-dark-c-txt-slateblue)) } +.sf-c-txt-slateblue\:0 { color: hsl(var(--sf-dark-c-txt-slateblue-100)) } +.sf-c-txt-slateblue\:5 { color: hsl(var(--sf-dark-c-txt-slateblue-95)) } +.sf-c-txt-slateblue\:10 { color: hsl(var(--sf-dark-c-txt-slateblue-90)) } +.sf-c-txt-slateblue\:15 { color: hsl(var(--sf-dark-c-txt-slateblue-85)) } +.sf-c-txt-slateblue\:20 { color: hsl(var(--sf-dark-c-txt-slateblue-80)) } +.sf-c-txt-slateblue\:25 { color: hsl(var(--sf-dark-c-txt-slateblue-75)) } +.sf-c-txt-slateblue\:30 { color: hsl(var(--sf-dark-c-txt-slateblue-70)) } +.sf-c-txt-slateblue\:35 { color: hsl(var(--sf-dark-c-txt-slateblue-65)) } +.sf-c-txt-slateblue\:40 { color: hsl(var(--sf-dark-c-txt-slateblue-60)) } +.sf-c-txt-slateblue\:45 { color: hsl(var(--sf-dark-c-txt-slateblue-55)) } +.sf-c-txt-slateblue\:50 { color: hsl(var(--sf-dark-c-txt-slateblue-50)) } +.sf-c-txt-slateblue\:55 { color: hsl(var(--sf-dark-c-txt-slateblue-45)) } +.sf-c-txt-slateblue\:60 { color: hsl(var(--sf-dark-c-txt-slateblue-40)) } +.sf-c-txt-slateblue\:65 { color: hsl(var(--sf-dark-c-txt-slateblue-35)) } +.sf-c-txt-slateblue\:70 { color: hsl(var(--sf-dark-c-txt-slateblue-30)) } +.sf-c-txt-slateblue\:75 { color: hsl(var(--sf-dark-c-txt-slateblue-25)) } +.sf-c-txt-slateblue\:80 { color: hsl(var(--sf-dark-c-txt-slateblue-20)) } +.sf-c-txt-slateblue\:85 { color: hsl(var(--sf-dark-c-txt-slateblue-15)) } +.sf-c-txt-slateblue\:90 { color: hsl(var(--sf-dark-c-txt-slateblue-10)) } +.sf-c-txt-slateblue\:95 { color: hsl(var(--sf-dark-c-txt-slateblue-5)) } +.sf-c-txt-slateblue\:100 { color: hsl(var(--sf-dark-c-txt-slateblue-0)) } + +html.var .sf-c-txt-slateblue { color: hsl(248, 53%, 42%) } +html.var .sf-c-txt-slateblue\:0 { color: hsl(248, 53%, 100%) } +html.var .sf-c-txt-slateblue\:5 { color: hsl(248, 53%, 95%) } +html.var .sf-c-txt-slateblue\:10 { color: hsl(248, 53%, 90%) } +html.var .sf-c-txt-slateblue\:15 { color: hsl(248, 53%, 85%) } +html.var .sf-c-txt-slateblue\:20 { color: hsl(248, 53%, 80%) } +html.var .sf-c-txt-slateblue\:25 { color: hsl(248, 53%, 75%) } +html.var .sf-c-txt-slateblue\:30 { color: hsl(248, 53%, 70%) } +html.var .sf-c-txt-slateblue\:35 { color: hsl(248, 53%, 65%) } +html.var .sf-c-txt-slateblue\:40 { color: hsl(248, 53%, 60%) } +html.var .sf-c-txt-slateblue\:45 { color: hsl(248, 53%, 55%) } +html.var .sf-c-txt-slateblue\:50 { color: hsl(248, 53%, 50%) } +html.var .sf-c-txt-slateblue\:55 { color: hsl(248, 53%, 45%) } +html.var .sf-c-txt-slateblue\:60 { color: hsl(248, 53%, 40%) } +html.var .sf-c-txt-slateblue\:65 { color: hsl(248, 53%, 35%) } +html.var .sf-c-txt-slateblue\:70 { color: hsl(248, 53%, 30%) } +html.var .sf-c-txt-slateblue\:75 { color: hsl(248, 53%, 25%) } +html.var .sf-c-txt-slateblue\:80 { color: hsl(248, 53%, 20%) } +html.var .sf-c-txt-slateblue\:85 { color: hsl(248, 53%, 15%) } +html.var .sf-c-txt-slateblue\:90 { color: hsl(248, 53%, 10%) } +html.var .sf-c-txt-slateblue\:95 { color: hsl(248, 53%, 5%) } +html.var .sf-c-txt-slateblue\:100 { color: hsl(248, 53%, 0%) } + html[data-theme='dark'] .sf-c-slateblue, html.dark .sf-c-slateblue { color: hsl(var(--sf-dark-c-txt-slateblue-95)); background: hsl(var(--sf-dark-c-slateblue)) } html[data-theme='dark'] .sf-c-slateblue\:0, html.dark .sf-c-slateblue\:0 { color: hsl(var(--sf-dark-c-txt-slateblue-95)); background: hsl(var(--sf-dark-c-slateblue-100)) } html[data-theme='dark'] .sf-c-slateblue\:5, html.dark .sf-c-slateblue\:5 { color: hsl(var(--sf-dark-c-txt-slateblue-5)); background: hsl(var(--sf-dark-c-slateblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-slateblue\:90\:dark, html.dark .sf-c-slateblue\:90 html[data-theme='dark'] .sf-c-slateblue\:95\:dark, html.dark .sf-c-slateblue\:95\:dark { color: hsl(var(--sf-c-txt-slateblue-95)); background: hsl(var(--sf-c-slateblue-5)) } html[data-theme='dark'] .sf-c-slateblue\:100\:dark, html.dark .sf-c-slateblue\:100\:dark { color: hsl(var(--sf-c-txt-slateblue-95)); background: hsl(var(--sf-c-slateblue-0)) } +html[data-theme='dark'] .sf-c-txt-slateblue, html.dark .sf-c-txt-slateblue { color: hsl(var(--sf-c-txt-slateblue)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:0, html.dark .sf-c-txt-slateblue\:0 { color: hsl(var(--sf-c-txt-slateblue-0)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:5, html.dark .sf-c-txt-slateblue\:5 { color: hsl(var(--sf-c-txt-slateblue-5)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:10, html.dark .sf-c-txt-slateblue\:10 { color: hsl(var(--sf-c-txt-slateblue-10)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:15, html.dark .sf-c-txt-slateblue\:15 { color: hsl(var(--sf-c-txt-slateblue-15)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:20, html.dark .sf-c-txt-slateblue\:20 { color: hsl(var(--sf-c-txt-slateblue-20)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:25, html.dark .sf-c-txt-slateblue\:25 { color: hsl(var(--sf-c-txt-slateblue-25)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:30, html.dark .sf-c-txt-slateblue\:30 { color: hsl(var(--sf-c-txt-slateblue-30)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:35, html.dark .sf-c-txt-slateblue\:35 { color: hsl(var(--sf-c-txt-slateblue-35)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:40, html.dark .sf-c-txt-slateblue\:40 { color: hsl(var(--sf-c-txt-slateblue-40)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:45, html.dark .sf-c-txt-slateblue\:45 { color: hsl(var(--sf-c-txt-slateblue-45)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:50, html.dark .sf-c-txt-slateblue\:50 { color: hsl(var(--sf-c-txt-slateblue-50)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:55, html.dark .sf-c-txt-slateblue\:55 { color: hsl(var(--sf-c-txt-slateblue-55)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:60, html.dark .sf-c-txt-slateblue\:60 { color: hsl(var(--sf-c-txt-slateblue-60)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:65, html.dark .sf-c-txt-slateblue\:65 { color: hsl(var(--sf-c-txt-slateblue-65)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:70, html.dark .sf-c-txt-slateblue\:70 { color: hsl(var(--sf-c-txt-slateblue-70)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:75, html.dark .sf-c-txt-slateblue\:75 { color: hsl(var(--sf-c-txt-slateblue-75)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:80, html.dark .sf-c-txt-slateblue\:80 { color: hsl(var(--sf-c-txt-slateblue-80)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:85, html.dark .sf-c-txt-slateblue\:85 { color: hsl(var(--sf-c-txt-slateblue-85)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:90, html.dark .sf-c-txt-slateblue\:90 { color: hsl(var(--sf-c-txt-slateblue-90)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:95, html.dark .sf-c-txt-slateblue\:95 { color: hsl(var(--sf-c-txt-slateblue-95)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:100, html.dark .sf-c-txt-slateblue\:100 { color: hsl(var(--sf-c-txt-slateblue-100)) } + +html[data-theme='dark'] .sf-c-txt-slateblue\:dark, html.dark .sf-c-txt-slateblue\:dark { color: hsl(var(--sf-c-txt-slateblue)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:0\:dark, html.dark .sf-c-txt-slateblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-0)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:5\:dark, html.dark .sf-c-txt-slateblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-5)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:10\:dark, html.dark .sf-c-txt-slateblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-10)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:15\:dark, html.dark .sf-c-txt-slateblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-15)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:20\:dark, html.dark .sf-c-txt-slateblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-20)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:25\:dark, html.dark .sf-c-txt-slateblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-25)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:30\:dark, html.dark .sf-c-txt-slateblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-30)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:35\:dark, html.dark .sf-c-txt-slateblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-35)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:40\:dark, html.dark .sf-c-txt-slateblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-40)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:45\:dark, html.dark .sf-c-txt-slateblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-45)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:50\:dark, html.dark .sf-c-txt-slateblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-50)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:55\:dark, html.dark .sf-c-txt-slateblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-55)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:60\:dark, html.dark .sf-c-txt-slateblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-60)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:65\:dark, html.dark .sf-c-txt-slateblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-65)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:70\:dark, html.dark .sf-c-txt-slateblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-70)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:75\:dark, html.dark .sf-c-txt-slateblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-75)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:80\:dark, html.dark .sf-c-txt-slateblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-80)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:85\:dark, html.dark .sf-c-txt-slateblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-85)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:90\:dark, html.dark .sf-c-txt-slateblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-90)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:95\:dark, html.dark .sf-c-txt-slateblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-95)) } +html[data-theme='dark'] .sf-c-txt-slateblue\:100\:dark, html.dark .sf-c-txt-slateblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-slateblue-100)) } + html.var[data-theme='dark'] .sf-c-slateblue, html.var.dark .sf-c-slateblue { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 42%) } html.var[data-theme='dark'] .sf-c-slateblue\:0, html.var.dark .sf-c-slateblue\:0 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 100%) } html.var[data-theme='dark'] .sf-c-slateblue\:5, html.var.dark .sf-c-slateblue\:5 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-slateblue\:90\:dark, html.var.dark .sf-c-slate html.var[data-theme='dark'] .sf-c-slateblue\:95\:dark, html.var.dark .sf-c-slateblue\:95\:dark { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 5%) } html.var[data-theme='dark'] .sf-c-slateblue\:100\:dark, html.var.dark .sf-c-slateblue\:100\:dark { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue, html.dark .sf-c-txt-slateblue { color: hsl(248, 53%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:0, html.dark .sf-c-txt-slateblue\:0 { color: hsl(248, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:5, html.dark .sf-c-txt-slateblue\:5 { color: hsl(248, 53%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:10, html.dark .sf-c-txt-slateblue\:10 { color: hsl(248, 53%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:15, html.dark .sf-c-txt-slateblue\:15 { color: hsl(248, 53%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:20, html.dark .sf-c-txt-slateblue\:20 { color: hsl(248, 53%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:25, html.dark .sf-c-txt-slateblue\:25 { color: hsl(248, 53%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:30, html.dark .sf-c-txt-slateblue\:30 { color: hsl(248, 53%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:35, html.dark .sf-c-txt-slateblue\:35 { color: hsl(248, 53%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:40, html.dark .sf-c-txt-slateblue\:40 { color: hsl(248, 53%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:45, html.dark .sf-c-txt-slateblue\:45 { color: hsl(248, 53%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:50, html.dark .sf-c-txt-slateblue\:50 { color: hsl(248, 53%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:55, html.dark .sf-c-txt-slateblue\:55 { color: hsl(248, 53%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:60, html.dark .sf-c-txt-slateblue\:60 { color: hsl(248, 53%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:65, html.dark .sf-c-txt-slateblue\:65 { color: hsl(248, 53%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:70, html.dark .sf-c-txt-slateblue\:70 { color: hsl(248, 53%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:75, html.dark .sf-c-txt-slateblue\:75 { color: hsl(248, 53%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:80, html.dark .sf-c-txt-slateblue\:80 { color: hsl(248, 53%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:85, html.dark .sf-c-txt-slateblue\:85 { color: hsl(248, 53%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:90, html.dark .sf-c-txt-slateblue\:90 { color: hsl(248, 53%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:95, html.dark .sf-c-txt-slateblue\:95 { color: hsl(248, 53%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:100, html.dark .sf-c-txt-slateblue\:100 { color: hsl(248, 53%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-slateblue\:dark, html.dark .sf-c-txt-slateblue\:dark { color: hsl(248, 53%, 58%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:0\:dark, html.dark .sf-c-txt-slateblue\:0\:dark { color: hsl(248, 53%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:5\:dark, html.dark .sf-c-txt-slateblue\:5\:dark { color: hsl(248, 53%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:10\:dark, html.dark .sf-c-txt-slateblue\:10\:dark { color: hsl(248, 53%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:15\:dark, html.dark .sf-c-txt-slateblue\:15\:dark { color: hsl(248, 53%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:20\:dark, html.dark .sf-c-txt-slateblue\:20\:dark { color: hsl(248, 53%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:25\:dark, html.dark .sf-c-txt-slateblue\:25\:dark { color: hsl(248, 53%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:30\:dark, html.dark .sf-c-txt-slateblue\:30\:dark { color: hsl(248, 53%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:35\:dark, html.dark .sf-c-txt-slateblue\:35\:dark { color: hsl(248, 53%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:40\:dark, html.dark .sf-c-txt-slateblue\:40\:dark { color: hsl(248, 53%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:45\:dark, html.dark .sf-c-txt-slateblue\:45\:dark { color: hsl(248, 53%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:50\:dark, html.dark .sf-c-txt-slateblue\:50\:dark { color: hsl(248, 53%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:55\:dark, html.dark .sf-c-txt-slateblue\:55\:dark { color: hsl(248, 53%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:60\:dark, html.dark .sf-c-txt-slateblue\:60\:dark { color: hsl(248, 53%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:65\:dark, html.dark .sf-c-txt-slateblue\:65\:dark { color: hsl(248, 53%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:70\:dark, html.dark .sf-c-txt-slateblue\:70\:dark { color: hsl(248, 53%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:75\:dark, html.dark .sf-c-txt-slateblue\:75\:dark { color: hsl(248, 53%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:80\:dark, html.dark .sf-c-txt-slateblue\:80\:dark { color: hsl(248, 53%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:85\:dark, html.dark .sf-c-txt-slateblue\:85\:dark { color: hsl(248, 53%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:90\:dark, html.dark .sf-c-txt-slateblue\:90\:dark { color: hsl(248, 53%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:95\:dark, html.dark .sf-c-txt-slateblue\:95\:dark { color: hsl(248, 53%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-slateblue\:100\:dark, html.dark .sf-c-txt-slateblue\:100\:dark { color: hsl(248, 53%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-slateblue, html.auto .sf-c-slateblue { color: hsl(var(--sf-dark-c-txt-slateblue-95)); background: hsl(var(--sf-dark-c-slateblue)) } html[data-theme='auto'] .sf-c-slateblue\:0, html.auto .sf-c-slateblue\:0 { color: hsl(var(--sf-dark-c-txt-slateblue-95)); background: hsl(var(--sf-dark-c-slateblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-slateblue\:100\:dark, html.var.dark .sf-c-slat html[data-theme='auto'] .sf-c-slateblue\:95\:dark, html.auto .sf-c-slateblue\:95\:dark { color: hsl(var(--sf-c-txt-slateblue-95)); background: hsl(var(--sf-c-slateblue-5)) } html[data-theme='auto'] .sf-c-slateblue\:100\:dark, html.auto .sf-c-slateblue\:100\:dark { color: hsl(var(--sf-c-txt-slateblue-95)); background: hsl(var(--sf-c-slateblue-0)) } + html[data-theme='auto'] .sf-c-txt-slateblue, html.auto .sf-c-txt-slateblue { color: hsl(var(--sf-c-txt-slateblue)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:0, html.auto .sf-c-txt-slateblue\:0 { color: hsl(var(--sf-c-txt-slateblue-0)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:5, html.auto .sf-c-txt-slateblue\:5 { color: hsl(var(--sf-c-txt-slateblue-5)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:10, html.auto .sf-c-txt-slateblue\:10 { color: hsl(var(--sf-c-txt-slateblue-10)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:15, html.auto .sf-c-txt-slateblue\:15 { color: hsl(var(--sf-c-txt-slateblue-15)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:20, html.auto .sf-c-txt-slateblue\:20 { color: hsl(var(--sf-c-txt-slateblue-20)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:25, html.auto .sf-c-txt-slateblue\:25 { color: hsl(var(--sf-c-txt-slateblue-25)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:30, html.auto .sf-c-txt-slateblue\:30 { color: hsl(var(--sf-c-txt-slateblue-30)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:35, html.auto .sf-c-txt-slateblue\:35 { color: hsl(var(--sf-c-txt-slateblue-35)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:40, html.auto .sf-c-txt-slateblue\:40 { color: hsl(var(--sf-c-txt-slateblue-40)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:45, html.auto .sf-c-txt-slateblue\:45 { color: hsl(var(--sf-c-txt-slateblue-45)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:50, html.auto .sf-c-txt-slateblue\:50 { color: hsl(var(--sf-c-txt-slateblue-50)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:55, html.auto .sf-c-txt-slateblue\:55 { color: hsl(var(--sf-c-txt-slateblue-55)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:60, html.auto .sf-c-txt-slateblue\:60 { color: hsl(var(--sf-c-txt-slateblue-60)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:65, html.auto .sf-c-txt-slateblue\:65 { color: hsl(var(--sf-c-txt-slateblue-65)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:70, html.auto .sf-c-txt-slateblue\:70 { color: hsl(var(--sf-c-txt-slateblue-70)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:75, html.auto .sf-c-txt-slateblue\:75 { color: hsl(var(--sf-c-txt-slateblue-75)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:80, html.auto .sf-c-txt-slateblue\:80 { color: hsl(var(--sf-c-txt-slateblue-80)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:85, html.auto .sf-c-txt-slateblue\:85 { color: hsl(var(--sf-c-txt-slateblue-85)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:90, html.auto .sf-c-txt-slateblue\:90 { color: hsl(var(--sf-c-txt-slateblue-90)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:95, html.auto .sf-c-txt-slateblue\:95 { color: hsl(var(--sf-c-txt-slateblue-95)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:100, html.auto .sf-c-txt-slateblue\:100 { color: hsl(var(--sf-c-txt-slateblue-100)) } + + html[data-theme='auto'] .sf-c-txt-slateblue\:dark, html.auto .sf-c-txt-slateblue\:dark { color: hsl(var(--sf-c-txt-slateblue)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:0\:dark, html.auto .sf-c-txt-slateblue\:0\:dark { color: hsl(var(--sf-c-txt-slateblue-0)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:5\:dark, html.auto .sf-c-txt-slateblue\:5\:dark { color: hsl(var(--sf-c-txt-slateblue-5)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:10\:dark, html.auto .sf-c-txt-slateblue\:10\:dark { color: hsl(var(--sf-c-txt-slateblue-10)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:15\:dark, html.auto .sf-c-txt-slateblue\:15\:dark { color: hsl(var(--sf-c-txt-slateblue-15)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:20\:dark, html.auto .sf-c-txt-slateblue\:20\:dark { color: hsl(var(--sf-c-txt-slateblue-20)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:25\:dark, html.auto .sf-c-txt-slateblue\:25\:dark { color: hsl(var(--sf-c-txt-slateblue-25)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:30\:dark, html.auto .sf-c-txt-slateblue\:30\:dark { color: hsl(var(--sf-c-txt-slateblue-30)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:35\:dark, html.auto .sf-c-txt-slateblue\:35\:dark { color: hsl(var(--sf-c-txt-slateblue-35)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:40\:dark, html.auto .sf-c-txt-slateblue\:40\:dark { color: hsl(var(--sf-c-txt-slateblue-40)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:45\:dark, html.auto .sf-c-txt-slateblue\:45\:dark { color: hsl(var(--sf-c-txt-slateblue-45)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:50\:dark, html.auto .sf-c-txt-slateblue\:50\:dark { color: hsl(var(--sf-c-txt-slateblue-50)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:55\:dark, html.auto .sf-c-txt-slateblue\:55\:dark { color: hsl(var(--sf-c-txt-slateblue-55)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:60\:dark, html.auto .sf-c-txt-slateblue\:60\:dark { color: hsl(var(--sf-c-txt-slateblue-60)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:65\:dark, html.auto .sf-c-txt-slateblue\:65\:dark { color: hsl(var(--sf-c-txt-slateblue-65)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:70\:dark, html.auto .sf-c-txt-slateblue\:70\:dark { color: hsl(var(--sf-c-txt-slateblue-70)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:75\:dark, html.auto .sf-c-txt-slateblue\:75\:dark { color: hsl(var(--sf-c-txt-slateblue-75)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:80\:dark, html.auto .sf-c-txt-slateblue\:80\:dark { color: hsl(var(--sf-c-txt-slateblue-80)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:85\:dark, html.auto .sf-c-txt-slateblue\:85\:dark { color: hsl(var(--sf-c-txt-slateblue-85)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:90\:dark, html.auto .sf-c-txt-slateblue\:90\:dark { color: hsl(var(--sf-c-txt-slateblue-90)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:95\:dark, html.auto .sf-c-txt-slateblue\:95\:dark { color: hsl(var(--sf-c-txt-slateblue-95)) } + html[data-theme='auto'] .sf-c-txt-slateblue\:100\:dark, html.auto .sf-c-txt-slateblue\:100\:dark { color: hsl(var(--sf-c-txt-slateblue-100)) } + html.var[data-theme='auto'] .sf-c-slateblue, html.var.auto .sf-c-slateblue { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 42%) } html.var[data-theme='auto'] .sf-c-slateblue\:0, html.var.auto .sf-c-slateblue\:0 { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 100%) } html.var[data-theme='auto'] .sf-c-slateblue\:5, html.var.auto .sf-c-slateblue\:5 { color: hsl(248, 53%, 5%); background: hsl(248, 53%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-slateblue\:100\:dark, html.var.dark .sf-c-slat html.var[data-theme='auto'] .sf-c-slateblue\:90\:dark, html.var.auto .sf-c-slateblue\:90\:dark { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 10%) } html.var[data-theme='auto'] .sf-c-slateblue\:95\:dark, html.var.auto .sf-c-slateblue\:95\:dark { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 5%) } html.var[data-theme='auto'] .sf-c-slateblue\:100\:dark, html.var.auto .sf-c-slateblue\:100\:dark { color: hsl(248, 53%, 95%); background: hsl(248, 53%, 0%) } -} -.sf-c-txt-slateblue { color: hsl(var(--sf-c-txt-slateblue)) } -.sf-c-txt-slateblue\:0 { color: hsl(var(--sf-c-txt-slateblue-0)) } -.sf-c-txt-slateblue\:5 { color: hsl(var(--sf-c-txt-slateblue-5)) } -.sf-c-txt-slateblue\:10 { color: hsl(var(--sf-c-txt-slateblue-10)) } -.sf-c-txt-slateblue\:15 { color: hsl(var(--sf-c-txt-slateblue-15)) } -.sf-c-txt-slateblue\:20 { color: hsl(var(--sf-c-txt-slateblue-20)) } -.sf-c-txt-slateblue\:25 { color: hsl(var(--sf-c-txt-slateblue-25)) } -.sf-c-txt-slateblue\:30 { color: hsl(var(--sf-c-txt-slateblue-30)) } -.sf-c-txt-slateblue\:35 { color: hsl(var(--sf-c-txt-slateblue-35)) } -.sf-c-txt-slateblue\:40 { color: hsl(var(--sf-c-txt-slateblue-40)) } -.sf-c-txt-slateblue\:45 { color: hsl(var(--sf-c-txt-slateblue-45)) } -.sf-c-txt-slateblue\:50 { color: hsl(var(--sf-c-txt-slateblue-50)) } -.sf-c-txt-slateblue\:55 { color: hsl(var(--sf-c-txt-slateblue-55)) } -.sf-c-txt-slateblue\:60 { color: hsl(var(--sf-c-txt-slateblue-60)) } -.sf-c-txt-slateblue\:65 { color: hsl(var(--sf-c-txt-slateblue-65)) } -.sf-c-txt-slateblue\:70 { color: hsl(var(--sf-c-txt-slateblue-70)) } -.sf-c-txt-slateblue\:75 { color: hsl(var(--sf-c-txt-slateblue-75)) } -.sf-c-txt-slateblue\:80 { color: hsl(var(--sf-c-txt-slateblue-80)) } -.sf-c-txt-slateblue\:85 { color: hsl(var(--sf-c-txt-slateblue-85)) } -.sf-c-txt-slateblue\:90 { color: hsl(var(--sf-c-txt-slateblue-90)) } -.sf-c-txt-slateblue\:95 { color: hsl(var(--sf-c-txt-slateblue-95)) } -.sf-c-txt-slateblue\:100 { color: hsl(var(--sf-c-txt-slateblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-slateblue, html.auto .sf-c-txt-slateblue { color: hsl(248, 53%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:0, html.auto .sf-c-txt-slateblue\:0 { color: hsl(248, 53%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:5, html.auto .sf-c-txt-slateblue\:5 { color: hsl(248, 53%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:10, html.auto .sf-c-txt-slateblue\:10 { color: hsl(248, 53%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:15, html.auto .sf-c-txt-slateblue\:15 { color: hsl(248, 53%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:20, html.auto .sf-c-txt-slateblue\:20 { color: hsl(248, 53%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:25, html.auto .sf-c-txt-slateblue\:25 { color: hsl(248, 53%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:30, html.auto .sf-c-txt-slateblue\:30 { color: hsl(248, 53%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:35, html.auto .sf-c-txt-slateblue\:35 { color: hsl(248, 53%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:40, html.auto .sf-c-txt-slateblue\:40 { color: hsl(248, 53%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:45, html.auto .sf-c-txt-slateblue\:45 { color: hsl(248, 53%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:50, html.auto .sf-c-txt-slateblue\:50 { color: hsl(248, 53%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:55, html.auto .sf-c-txt-slateblue\:55 { color: hsl(248, 53%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:60, html.auto .sf-c-txt-slateblue\:60 { color: hsl(248, 53%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:65, html.auto .sf-c-txt-slateblue\:65 { color: hsl(248, 53%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:70, html.auto .sf-c-txt-slateblue\:70 { color: hsl(248, 53%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:75, html.auto .sf-c-txt-slateblue\:75 { color: hsl(248, 53%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:80, html.auto .sf-c-txt-slateblue\:80 { color: hsl(248, 53%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:85, html.auto .sf-c-txt-slateblue\:85 { color: hsl(248, 53%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:90, html.auto .sf-c-txt-slateblue\:90 { color: hsl(248, 53%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:95, html.auto .sf-c-txt-slateblue\:95 { color: hsl(248, 53%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:100, html.auto .sf-c-txt-slateblue\:100 { color: hsl(248, 53%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-slateblue\:dark, html.auto .sf-c-txt-slateblue\:dark { color: hsl(248, 53%, 58%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:0\:dark, html.auto .sf-c-txt-slateblue\:0\:dark { color: hsl(248, 53%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:5\:dark, html.auto .sf-c-txt-slateblue\:5\:dark { color: hsl(248, 53%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:10\:dark, html.auto .sf-c-txt-slateblue\:10\:dark { color: hsl(248, 53%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:15\:dark, html.auto .sf-c-txt-slateblue\:15\:dark { color: hsl(248, 53%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:20\:dark, html.auto .sf-c-txt-slateblue\:20\:dark { color: hsl(248, 53%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:25\:dark, html.auto .sf-c-txt-slateblue\:25\:dark { color: hsl(248, 53%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:30\:dark, html.auto .sf-c-txt-slateblue\:30\:dark { color: hsl(248, 53%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:35\:dark, html.auto .sf-c-txt-slateblue\:35\:dark { color: hsl(248, 53%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:40\:dark, html.auto .sf-c-txt-slateblue\:40\:dark { color: hsl(248, 53%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:45\:dark, html.auto .sf-c-txt-slateblue\:45\:dark { color: hsl(248, 53%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:50\:dark, html.auto .sf-c-txt-slateblue\:50\:dark { color: hsl(248, 53%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:55\:dark, html.auto .sf-c-txt-slateblue\:55\:dark { color: hsl(248, 53%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:60\:dark, html.auto .sf-c-txt-slateblue\:60\:dark { color: hsl(248, 53%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:65\:dark, html.auto .sf-c-txt-slateblue\:65\:dark { color: hsl(248, 53%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:70\:dark, html.auto .sf-c-txt-slateblue\:70\:dark { color: hsl(248, 53%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:75\:dark, html.auto .sf-c-txt-slateblue\:75\:dark { color: hsl(248, 53%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:80\:dark, html.auto .sf-c-txt-slateblue\:80\:dark { color: hsl(248, 53%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:85\:dark, html.auto .sf-c-txt-slateblue\:85\:dark { color: hsl(248, 53%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:90\:dark, html.auto .sf-c-txt-slateblue\:90\:dark { color: hsl(248, 53%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:95\:dark, html.auto .sf-c-txt-slateblue\:95\:dark { color: hsl(248, 53%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-slateblue\:100\:dark, html.auto .sf-c-txt-slateblue\:100\:dark { color: hsl(248, 53%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/slategray.css b/src/colors/20/slategray.css index 8e17aea..0e60a21 100644 --- a/src/colors/20/slategray.css +++ b/src/colors/20/slategray.css @@ -138,6 +138,52 @@ html.var .sf-c-slategray\:90 { color: hsl(210, 13%, 5%); background: hsl(210, 13 html.var .sf-c-slategray\:95 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } html.var .sf-c-slategray\:100 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 100%) } +.sf-c-txt-slategray { color: hsl(var(--sf-dark-c-txt-slategray)) } +.sf-c-txt-slategray\:0 { color: hsl(var(--sf-dark-c-txt-slategray-100)) } +.sf-c-txt-slategray\:5 { color: hsl(var(--sf-dark-c-txt-slategray-95)) } +.sf-c-txt-slategray\:10 { color: hsl(var(--sf-dark-c-txt-slategray-90)) } +.sf-c-txt-slategray\:15 { color: hsl(var(--sf-dark-c-txt-slategray-85)) } +.sf-c-txt-slategray\:20 { color: hsl(var(--sf-dark-c-txt-slategray-80)) } +.sf-c-txt-slategray\:25 { color: hsl(var(--sf-dark-c-txt-slategray-75)) } +.sf-c-txt-slategray\:30 { color: hsl(var(--sf-dark-c-txt-slategray-70)) } +.sf-c-txt-slategray\:35 { color: hsl(var(--sf-dark-c-txt-slategray-65)) } +.sf-c-txt-slategray\:40 { color: hsl(var(--sf-dark-c-txt-slategray-60)) } +.sf-c-txt-slategray\:45 { color: hsl(var(--sf-dark-c-txt-slategray-55)) } +.sf-c-txt-slategray\:50 { color: hsl(var(--sf-dark-c-txt-slategray-50)) } +.sf-c-txt-slategray\:55 { color: hsl(var(--sf-dark-c-txt-slategray-45)) } +.sf-c-txt-slategray\:60 { color: hsl(var(--sf-dark-c-txt-slategray-40)) } +.sf-c-txt-slategray\:65 { color: hsl(var(--sf-dark-c-txt-slategray-35)) } +.sf-c-txt-slategray\:70 { color: hsl(var(--sf-dark-c-txt-slategray-30)) } +.sf-c-txt-slategray\:75 { color: hsl(var(--sf-dark-c-txt-slategray-25)) } +.sf-c-txt-slategray\:80 { color: hsl(var(--sf-dark-c-txt-slategray-20)) } +.sf-c-txt-slategray\:85 { color: hsl(var(--sf-dark-c-txt-slategray-15)) } +.sf-c-txt-slategray\:90 { color: hsl(var(--sf-dark-c-txt-slategray-10)) } +.sf-c-txt-slategray\:95 { color: hsl(var(--sf-dark-c-txt-slategray-5)) } +.sf-c-txt-slategray\:100 { color: hsl(var(--sf-dark-c-txt-slategray-0)) } + +html.var .sf-c-txt-slategray { color: hsl(210, 13%, 50%) } +html.var .sf-c-txt-slategray\:0 { color: hsl(210, 13%, 100%) } +html.var .sf-c-txt-slategray\:5 { color: hsl(210, 13%, 95%) } +html.var .sf-c-txt-slategray\:10 { color: hsl(210, 13%, 90%) } +html.var .sf-c-txt-slategray\:15 { color: hsl(210, 13%, 85%) } +html.var .sf-c-txt-slategray\:20 { color: hsl(210, 13%, 80%) } +html.var .sf-c-txt-slategray\:25 { color: hsl(210, 13%, 75%) } +html.var .sf-c-txt-slategray\:30 { color: hsl(210, 13%, 70%) } +html.var .sf-c-txt-slategray\:35 { color: hsl(210, 13%, 65%) } +html.var .sf-c-txt-slategray\:40 { color: hsl(210, 13%, 60%) } +html.var .sf-c-txt-slategray\:45 { color: hsl(210, 13%, 55%) } +html.var .sf-c-txt-slategray\:50 { color: hsl(210, 13%, 50%) } +html.var .sf-c-txt-slategray\:55 { color: hsl(210, 13%, 45%) } +html.var .sf-c-txt-slategray\:60 { color: hsl(210, 13%, 40%) } +html.var .sf-c-txt-slategray\:65 { color: hsl(210, 13%, 35%) } +html.var .sf-c-txt-slategray\:70 { color: hsl(210, 13%, 30%) } +html.var .sf-c-txt-slategray\:75 { color: hsl(210, 13%, 25%) } +html.var .sf-c-txt-slategray\:80 { color: hsl(210, 13%, 20%) } +html.var .sf-c-txt-slategray\:85 { color: hsl(210, 13%, 15%) } +html.var .sf-c-txt-slategray\:90 { color: hsl(210, 13%, 10%) } +html.var .sf-c-txt-slategray\:95 { color: hsl(210, 13%, 5%) } +html.var .sf-c-txt-slategray\:100 { color: hsl(210, 13%, 0%) } + html[data-theme='dark'] .sf-c-slategray, html.dark .sf-c-slategray { color: hsl(var(--sf-dark-c-txt-slategray-95)); background: hsl(var(--sf-dark-c-slategray)) } html[data-theme='dark'] .sf-c-slategray\:0, html.dark .sf-c-slategray\:0 { color: hsl(var(--sf-dark-c-txt-slategray-95)); background: hsl(var(--sf-dark-c-slategray-100)) } html[data-theme='dark'] .sf-c-slategray\:5, html.dark .sf-c-slategray\:5 { color: hsl(var(--sf-dark-c-txt-slategray-5)); background: hsl(var(--sf-dark-c-slategray-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-slategray\:90\:dark, html.dark .sf-c-slategray\:90 html[data-theme='dark'] .sf-c-slategray\:95\:dark, html.dark .sf-c-slategray\:95\:dark { color: hsl(var(--sf-c-txt-slategray-95)); background: hsl(var(--sf-c-slategray-5)) } html[data-theme='dark'] .sf-c-slategray\:100\:dark, html.dark .sf-c-slategray\:100\:dark { color: hsl(var(--sf-c-txt-slategray-95)); background: hsl(var(--sf-c-slategray-0)) } +html[data-theme='dark'] .sf-c-txt-slategray, html.dark .sf-c-txt-slategray { color: hsl(var(--sf-c-txt-slategray)) } +html[data-theme='dark'] .sf-c-txt-slategray\:0, html.dark .sf-c-txt-slategray\:0 { color: hsl(var(--sf-c-txt-slategray-0)) } +html[data-theme='dark'] .sf-c-txt-slategray\:5, html.dark .sf-c-txt-slategray\:5 { color: hsl(var(--sf-c-txt-slategray-5)) } +html[data-theme='dark'] .sf-c-txt-slategray\:10, html.dark .sf-c-txt-slategray\:10 { color: hsl(var(--sf-c-txt-slategray-10)) } +html[data-theme='dark'] .sf-c-txt-slategray\:15, html.dark .sf-c-txt-slategray\:15 { color: hsl(var(--sf-c-txt-slategray-15)) } +html[data-theme='dark'] .sf-c-txt-slategray\:20, html.dark .sf-c-txt-slategray\:20 { color: hsl(var(--sf-c-txt-slategray-20)) } +html[data-theme='dark'] .sf-c-txt-slategray\:25, html.dark .sf-c-txt-slategray\:25 { color: hsl(var(--sf-c-txt-slategray-25)) } +html[data-theme='dark'] .sf-c-txt-slategray\:30, html.dark .sf-c-txt-slategray\:30 { color: hsl(var(--sf-c-txt-slategray-30)) } +html[data-theme='dark'] .sf-c-txt-slategray\:35, html.dark .sf-c-txt-slategray\:35 { color: hsl(var(--sf-c-txt-slategray-35)) } +html[data-theme='dark'] .sf-c-txt-slategray\:40, html.dark .sf-c-txt-slategray\:40 { color: hsl(var(--sf-c-txt-slategray-40)) } +html[data-theme='dark'] .sf-c-txt-slategray\:45, html.dark .sf-c-txt-slategray\:45 { color: hsl(var(--sf-c-txt-slategray-45)) } +html[data-theme='dark'] .sf-c-txt-slategray\:50, html.dark .sf-c-txt-slategray\:50 { color: hsl(var(--sf-c-txt-slategray-50)) } +html[data-theme='dark'] .sf-c-txt-slategray\:55, html.dark .sf-c-txt-slategray\:55 { color: hsl(var(--sf-c-txt-slategray-55)) } +html[data-theme='dark'] .sf-c-txt-slategray\:60, html.dark .sf-c-txt-slategray\:60 { color: hsl(var(--sf-c-txt-slategray-60)) } +html[data-theme='dark'] .sf-c-txt-slategray\:65, html.dark .sf-c-txt-slategray\:65 { color: hsl(var(--sf-c-txt-slategray-65)) } +html[data-theme='dark'] .sf-c-txt-slategray\:70, html.dark .sf-c-txt-slategray\:70 { color: hsl(var(--sf-c-txt-slategray-70)) } +html[data-theme='dark'] .sf-c-txt-slategray\:75, html.dark .sf-c-txt-slategray\:75 { color: hsl(var(--sf-c-txt-slategray-75)) } +html[data-theme='dark'] .sf-c-txt-slategray\:80, html.dark .sf-c-txt-slategray\:80 { color: hsl(var(--sf-c-txt-slategray-80)) } +html[data-theme='dark'] .sf-c-txt-slategray\:85, html.dark .sf-c-txt-slategray\:85 { color: hsl(var(--sf-c-txt-slategray-85)) } +html[data-theme='dark'] .sf-c-txt-slategray\:90, html.dark .sf-c-txt-slategray\:90 { color: hsl(var(--sf-c-txt-slategray-90)) } +html[data-theme='dark'] .sf-c-txt-slategray\:95, html.dark .sf-c-txt-slategray\:95 { color: hsl(var(--sf-c-txt-slategray-95)) } +html[data-theme='dark'] .sf-c-txt-slategray\:100, html.dark .sf-c-txt-slategray\:100 { color: hsl(var(--sf-c-txt-slategray-100)) } + +html[data-theme='dark'] .sf-c-txt-slategray\:dark, html.dark .sf-c-txt-slategray\:dark { color: hsl(var(--sf-c-txt-slategray)) } +html[data-theme='dark'] .sf-c-txt-slategray\:0\:dark, html.dark .sf-c-txt-slategray\:0\:dark { color: hsl(var(--sf-dark-c-txt-slategray-0)) } +html[data-theme='dark'] .sf-c-txt-slategray\:5\:dark, html.dark .sf-c-txt-slategray\:5\:dark { color: hsl(var(--sf-dark-c-txt-slategray-5)) } +html[data-theme='dark'] .sf-c-txt-slategray\:10\:dark, html.dark .sf-c-txt-slategray\:10\:dark { color: hsl(var(--sf-dark-c-txt-slategray-10)) } +html[data-theme='dark'] .sf-c-txt-slategray\:15\:dark, html.dark .sf-c-txt-slategray\:15\:dark { color: hsl(var(--sf-dark-c-txt-slategray-15)) } +html[data-theme='dark'] .sf-c-txt-slategray\:20\:dark, html.dark .sf-c-txt-slategray\:20\:dark { color: hsl(var(--sf-dark-c-txt-slategray-20)) } +html[data-theme='dark'] .sf-c-txt-slategray\:25\:dark, html.dark .sf-c-txt-slategray\:25\:dark { color: hsl(var(--sf-dark-c-txt-slategray-25)) } +html[data-theme='dark'] .sf-c-txt-slategray\:30\:dark, html.dark .sf-c-txt-slategray\:30\:dark { color: hsl(var(--sf-dark-c-txt-slategray-30)) } +html[data-theme='dark'] .sf-c-txt-slategray\:35\:dark, html.dark .sf-c-txt-slategray\:35\:dark { color: hsl(var(--sf-dark-c-txt-slategray-35)) } +html[data-theme='dark'] .sf-c-txt-slategray\:40\:dark, html.dark .sf-c-txt-slategray\:40\:dark { color: hsl(var(--sf-dark-c-txt-slategray-40)) } +html[data-theme='dark'] .sf-c-txt-slategray\:45\:dark, html.dark .sf-c-txt-slategray\:45\:dark { color: hsl(var(--sf-dark-c-txt-slategray-45)) } +html[data-theme='dark'] .sf-c-txt-slategray\:50\:dark, html.dark .sf-c-txt-slategray\:50\:dark { color: hsl(var(--sf-dark-c-txt-slategray-50)) } +html[data-theme='dark'] .sf-c-txt-slategray\:55\:dark, html.dark .sf-c-txt-slategray\:55\:dark { color: hsl(var(--sf-dark-c-txt-slategray-55)) } +html[data-theme='dark'] .sf-c-txt-slategray\:60\:dark, html.dark .sf-c-txt-slategray\:60\:dark { color: hsl(var(--sf-dark-c-txt-slategray-60)) } +html[data-theme='dark'] .sf-c-txt-slategray\:65\:dark, html.dark .sf-c-txt-slategray\:65\:dark { color: hsl(var(--sf-dark-c-txt-slategray-65)) } +html[data-theme='dark'] .sf-c-txt-slategray\:70\:dark, html.dark .sf-c-txt-slategray\:70\:dark { color: hsl(var(--sf-dark-c-txt-slategray-70)) } +html[data-theme='dark'] .sf-c-txt-slategray\:75\:dark, html.dark .sf-c-txt-slategray\:75\:dark { color: hsl(var(--sf-dark-c-txt-slategray-75)) } +html[data-theme='dark'] .sf-c-txt-slategray\:80\:dark, html.dark .sf-c-txt-slategray\:80\:dark { color: hsl(var(--sf-dark-c-txt-slategray-80)) } +html[data-theme='dark'] .sf-c-txt-slategray\:85\:dark, html.dark .sf-c-txt-slategray\:85\:dark { color: hsl(var(--sf-dark-c-txt-slategray-85)) } +html[data-theme='dark'] .sf-c-txt-slategray\:90\:dark, html.dark .sf-c-txt-slategray\:90\:dark { color: hsl(var(--sf-dark-c-txt-slategray-90)) } +html[data-theme='dark'] .sf-c-txt-slategray\:95\:dark, html.dark .sf-c-txt-slategray\:95\:dark { color: hsl(var(--sf-dark-c-txt-slategray-95)) } +html[data-theme='dark'] .sf-c-txt-slategray\:100\:dark, html.dark .sf-c-txt-slategray\:100\:dark { color: hsl(var(--sf-dark-c-txt-slategray-100)) } + html.var[data-theme='dark'] .sf-c-slategray, html.var.dark .sf-c-slategray { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } html.var[data-theme='dark'] .sf-c-slategray\:0, html.var.dark .sf-c-slategray\:0 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 100%) } html.var[data-theme='dark'] .sf-c-slategray\:5, html.var.dark .sf-c-slategray\:5 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-slategray\:90\:dark, html.var.dark .sf-c-slate html.var[data-theme='dark'] .sf-c-slategray\:95\:dark, html.var.dark .sf-c-slategray\:95\:dark { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 5%) } html.var[data-theme='dark'] .sf-c-slategray\:100\:dark, html.var.dark .sf-c-slategray\:100\:dark { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slategray, html.dark .sf-c-txt-slategray { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:0, html.dark .sf-c-txt-slategray\:0 { color: hsl(210, 13%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:5, html.dark .sf-c-txt-slategray\:5 { color: hsl(210, 13%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:10, html.dark .sf-c-txt-slategray\:10 { color: hsl(210, 13%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:15, html.dark .sf-c-txt-slategray\:15 { color: hsl(210, 13%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:20, html.dark .sf-c-txt-slategray\:20 { color: hsl(210, 13%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:25, html.dark .sf-c-txt-slategray\:25 { color: hsl(210, 13%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:30, html.dark .sf-c-txt-slategray\:30 { color: hsl(210, 13%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:35, html.dark .sf-c-txt-slategray\:35 { color: hsl(210, 13%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:40, html.dark .sf-c-txt-slategray\:40 { color: hsl(210, 13%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:45, html.dark .sf-c-txt-slategray\:45 { color: hsl(210, 13%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:50, html.dark .sf-c-txt-slategray\:50 { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:55, html.dark .sf-c-txt-slategray\:55 { color: hsl(210, 13%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:60, html.dark .sf-c-txt-slategray\:60 { color: hsl(210, 13%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:65, html.dark .sf-c-txt-slategray\:65 { color: hsl(210, 13%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:70, html.dark .sf-c-txt-slategray\:70 { color: hsl(210, 13%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:75, html.dark .sf-c-txt-slategray\:75 { color: hsl(210, 13%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:80, html.dark .sf-c-txt-slategray\:80 { color: hsl(210, 13%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:85, html.dark .sf-c-txt-slategray\:85 { color: hsl(210, 13%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:90, html.dark .sf-c-txt-slategray\:90 { color: hsl(210, 13%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:95, html.dark .sf-c-txt-slategray\:95 { color: hsl(210, 13%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:100, html.dark .sf-c-txt-slategray\:100 { color: hsl(210, 13%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-slategray\:dark, html.dark .sf-c-txt-slategray\:dark { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:0\:dark, html.dark .sf-c-txt-slategray\:0\:dark { color: hsl(210, 13%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:5\:dark, html.dark .sf-c-txt-slategray\:5\:dark { color: hsl(210, 13%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:10\:dark, html.dark .sf-c-txt-slategray\:10\:dark { color: hsl(210, 13%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:15\:dark, html.dark .sf-c-txt-slategray\:15\:dark { color: hsl(210, 13%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:20\:dark, html.dark .sf-c-txt-slategray\:20\:dark { color: hsl(210, 13%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:25\:dark, html.dark .sf-c-txt-slategray\:25\:dark { color: hsl(210, 13%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:30\:dark, html.dark .sf-c-txt-slategray\:30\:dark { color: hsl(210, 13%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:35\:dark, html.dark .sf-c-txt-slategray\:35\:dark { color: hsl(210, 13%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:40\:dark, html.dark .sf-c-txt-slategray\:40\:dark { color: hsl(210, 13%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:45\:dark, html.dark .sf-c-txt-slategray\:45\:dark { color: hsl(210, 13%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:50\:dark, html.dark .sf-c-txt-slategray\:50\:dark { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:55\:dark, html.dark .sf-c-txt-slategray\:55\:dark { color: hsl(210, 13%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:60\:dark, html.dark .sf-c-txt-slategray\:60\:dark { color: hsl(210, 13%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:65\:dark, html.dark .sf-c-txt-slategray\:65\:dark { color: hsl(210, 13%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:70\:dark, html.dark .sf-c-txt-slategray\:70\:dark { color: hsl(210, 13%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:75\:dark, html.dark .sf-c-txt-slategray\:75\:dark { color: hsl(210, 13%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:80\:dark, html.dark .sf-c-txt-slategray\:80\:dark { color: hsl(210, 13%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:85\:dark, html.dark .sf-c-txt-slategray\:85\:dark { color: hsl(210, 13%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:90\:dark, html.dark .sf-c-txt-slategray\:90\:dark { color: hsl(210, 13%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:95\:dark, html.dark .sf-c-txt-slategray\:95\:dark { color: hsl(210, 13%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-slategray\:100\:dark, html.dark .sf-c-txt-slategray\:100\:dark { color: hsl(210, 13%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-slategray, html.auto .sf-c-slategray { color: hsl(var(--sf-dark-c-txt-slategray-95)); background: hsl(var(--sf-dark-c-slategray)) } html[data-theme='auto'] .sf-c-slategray\:0, html.auto .sf-c-slategray\:0 { color: hsl(var(--sf-dark-c-txt-slategray-95)); background: hsl(var(--sf-dark-c-slategray-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-slategray\:100\:dark, html.var.dark .sf-c-slat html[data-theme='auto'] .sf-c-slategray\:95\:dark, html.auto .sf-c-slategray\:95\:dark { color: hsl(var(--sf-c-txt-slategray-95)); background: hsl(var(--sf-c-slategray-5)) } html[data-theme='auto'] .sf-c-slategray\:100\:dark, html.auto .sf-c-slategray\:100\:dark { color: hsl(var(--sf-c-txt-slategray-95)); background: hsl(var(--sf-c-slategray-0)) } + html[data-theme='auto'] .sf-c-txt-slategray, html.auto .sf-c-txt-slategray { color: hsl(var(--sf-c-txt-slategray)) } + html[data-theme='auto'] .sf-c-txt-slategray\:0, html.auto .sf-c-txt-slategray\:0 { color: hsl(var(--sf-c-txt-slategray-0)) } + html[data-theme='auto'] .sf-c-txt-slategray\:5, html.auto .sf-c-txt-slategray\:5 { color: hsl(var(--sf-c-txt-slategray-5)) } + html[data-theme='auto'] .sf-c-txt-slategray\:10, html.auto .sf-c-txt-slategray\:10 { color: hsl(var(--sf-c-txt-slategray-10)) } + html[data-theme='auto'] .sf-c-txt-slategray\:15, html.auto .sf-c-txt-slategray\:15 { color: hsl(var(--sf-c-txt-slategray-15)) } + html[data-theme='auto'] .sf-c-txt-slategray\:20, html.auto .sf-c-txt-slategray\:20 { color: hsl(var(--sf-c-txt-slategray-20)) } + html[data-theme='auto'] .sf-c-txt-slategray\:25, html.auto .sf-c-txt-slategray\:25 { color: hsl(var(--sf-c-txt-slategray-25)) } + html[data-theme='auto'] .sf-c-txt-slategray\:30, html.auto .sf-c-txt-slategray\:30 { color: hsl(var(--sf-c-txt-slategray-30)) } + html[data-theme='auto'] .sf-c-txt-slategray\:35, html.auto .sf-c-txt-slategray\:35 { color: hsl(var(--sf-c-txt-slategray-35)) } + html[data-theme='auto'] .sf-c-txt-slategray\:40, html.auto .sf-c-txt-slategray\:40 { color: hsl(var(--sf-c-txt-slategray-40)) } + html[data-theme='auto'] .sf-c-txt-slategray\:45, html.auto .sf-c-txt-slategray\:45 { color: hsl(var(--sf-c-txt-slategray-45)) } + html[data-theme='auto'] .sf-c-txt-slategray\:50, html.auto .sf-c-txt-slategray\:50 { color: hsl(var(--sf-c-txt-slategray-50)) } + html[data-theme='auto'] .sf-c-txt-slategray\:55, html.auto .sf-c-txt-slategray\:55 { color: hsl(var(--sf-c-txt-slategray-55)) } + html[data-theme='auto'] .sf-c-txt-slategray\:60, html.auto .sf-c-txt-slategray\:60 { color: hsl(var(--sf-c-txt-slategray-60)) } + html[data-theme='auto'] .sf-c-txt-slategray\:65, html.auto .sf-c-txt-slategray\:65 { color: hsl(var(--sf-c-txt-slategray-65)) } + html[data-theme='auto'] .sf-c-txt-slategray\:70, html.auto .sf-c-txt-slategray\:70 { color: hsl(var(--sf-c-txt-slategray-70)) } + html[data-theme='auto'] .sf-c-txt-slategray\:75, html.auto .sf-c-txt-slategray\:75 { color: hsl(var(--sf-c-txt-slategray-75)) } + html[data-theme='auto'] .sf-c-txt-slategray\:80, html.auto .sf-c-txt-slategray\:80 { color: hsl(var(--sf-c-txt-slategray-80)) } + html[data-theme='auto'] .sf-c-txt-slategray\:85, html.auto .sf-c-txt-slategray\:85 { color: hsl(var(--sf-c-txt-slategray-85)) } + html[data-theme='auto'] .sf-c-txt-slategray\:90, html.auto .sf-c-txt-slategray\:90 { color: hsl(var(--sf-c-txt-slategray-90)) } + html[data-theme='auto'] .sf-c-txt-slategray\:95, html.auto .sf-c-txt-slategray\:95 { color: hsl(var(--sf-c-txt-slategray-95)) } + html[data-theme='auto'] .sf-c-txt-slategray\:100, html.auto .sf-c-txt-slategray\:100 { color: hsl(var(--sf-c-txt-slategray-100)) } + + html[data-theme='auto'] .sf-c-txt-slategray\:dark, html.auto .sf-c-txt-slategray\:dark { color: hsl(var(--sf-c-txt-slategray)) } + html[data-theme='auto'] .sf-c-txt-slategray\:0\:dark, html.auto .sf-c-txt-slategray\:0\:dark { color: hsl(var(--sf-c-txt-slategray-0)) } + html[data-theme='auto'] .sf-c-txt-slategray\:5\:dark, html.auto .sf-c-txt-slategray\:5\:dark { color: hsl(var(--sf-c-txt-slategray-5)) } + html[data-theme='auto'] .sf-c-txt-slategray\:10\:dark, html.auto .sf-c-txt-slategray\:10\:dark { color: hsl(var(--sf-c-txt-slategray-10)) } + html[data-theme='auto'] .sf-c-txt-slategray\:15\:dark, html.auto .sf-c-txt-slategray\:15\:dark { color: hsl(var(--sf-c-txt-slategray-15)) } + html[data-theme='auto'] .sf-c-txt-slategray\:20\:dark, html.auto .sf-c-txt-slategray\:20\:dark { color: hsl(var(--sf-c-txt-slategray-20)) } + html[data-theme='auto'] .sf-c-txt-slategray\:25\:dark, html.auto .sf-c-txt-slategray\:25\:dark { color: hsl(var(--sf-c-txt-slategray-25)) } + html[data-theme='auto'] .sf-c-txt-slategray\:30\:dark, html.auto .sf-c-txt-slategray\:30\:dark { color: hsl(var(--sf-c-txt-slategray-30)) } + html[data-theme='auto'] .sf-c-txt-slategray\:35\:dark, html.auto .sf-c-txt-slategray\:35\:dark { color: hsl(var(--sf-c-txt-slategray-35)) } + html[data-theme='auto'] .sf-c-txt-slategray\:40\:dark, html.auto .sf-c-txt-slategray\:40\:dark { color: hsl(var(--sf-c-txt-slategray-40)) } + html[data-theme='auto'] .sf-c-txt-slategray\:45\:dark, html.auto .sf-c-txt-slategray\:45\:dark { color: hsl(var(--sf-c-txt-slategray-45)) } + html[data-theme='auto'] .sf-c-txt-slategray\:50\:dark, html.auto .sf-c-txt-slategray\:50\:dark { color: hsl(var(--sf-c-txt-slategray-50)) } + html[data-theme='auto'] .sf-c-txt-slategray\:55\:dark, html.auto .sf-c-txt-slategray\:55\:dark { color: hsl(var(--sf-c-txt-slategray-55)) } + html[data-theme='auto'] .sf-c-txt-slategray\:60\:dark, html.auto .sf-c-txt-slategray\:60\:dark { color: hsl(var(--sf-c-txt-slategray-60)) } + html[data-theme='auto'] .sf-c-txt-slategray\:65\:dark, html.auto .sf-c-txt-slategray\:65\:dark { color: hsl(var(--sf-c-txt-slategray-65)) } + html[data-theme='auto'] .sf-c-txt-slategray\:70\:dark, html.auto .sf-c-txt-slategray\:70\:dark { color: hsl(var(--sf-c-txt-slategray-70)) } + html[data-theme='auto'] .sf-c-txt-slategray\:75\:dark, html.auto .sf-c-txt-slategray\:75\:dark { color: hsl(var(--sf-c-txt-slategray-75)) } + html[data-theme='auto'] .sf-c-txt-slategray\:80\:dark, html.auto .sf-c-txt-slategray\:80\:dark { color: hsl(var(--sf-c-txt-slategray-80)) } + html[data-theme='auto'] .sf-c-txt-slategray\:85\:dark, html.auto .sf-c-txt-slategray\:85\:dark { color: hsl(var(--sf-c-txt-slategray-85)) } + html[data-theme='auto'] .sf-c-txt-slategray\:90\:dark, html.auto .sf-c-txt-slategray\:90\:dark { color: hsl(var(--sf-c-txt-slategray-90)) } + html[data-theme='auto'] .sf-c-txt-slategray\:95\:dark, html.auto .sf-c-txt-slategray\:95\:dark { color: hsl(var(--sf-c-txt-slategray-95)) } + html[data-theme='auto'] .sf-c-txt-slategray\:100\:dark, html.auto .sf-c-txt-slategray\:100\:dark { color: hsl(var(--sf-c-txt-slategray-100)) } + html.var[data-theme='auto'] .sf-c-slategray, html.var.auto .sf-c-slategray { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } html.var[data-theme='auto'] .sf-c-slategray\:0, html.var.auto .sf-c-slategray\:0 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 100%) } html.var[data-theme='auto'] .sf-c-slategray\:5, html.var.auto .sf-c-slategray\:5 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-slategray\:100\:dark, html.var.dark .sf-c-slat html.var[data-theme='auto'] .sf-c-slategray\:90\:dark, html.var.auto .sf-c-slategray\:90\:dark { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 10%) } html.var[data-theme='auto'] .sf-c-slategray\:95\:dark, html.var.auto .sf-c-slategray\:95\:dark { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 5%) } html.var[data-theme='auto'] .sf-c-slategray\:100\:dark, html.var.auto .sf-c-slategray\:100\:dark { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 0%) } -} -.sf-c-txt-slategray { color: hsl(var(--sf-c-txt-slategray)) } -.sf-c-txt-slategray\:0 { color: hsl(var(--sf-c-txt-slategray-0)) } -.sf-c-txt-slategray\:5 { color: hsl(var(--sf-c-txt-slategray-5)) } -.sf-c-txt-slategray\:10 { color: hsl(var(--sf-c-txt-slategray-10)) } -.sf-c-txt-slategray\:15 { color: hsl(var(--sf-c-txt-slategray-15)) } -.sf-c-txt-slategray\:20 { color: hsl(var(--sf-c-txt-slategray-20)) } -.sf-c-txt-slategray\:25 { color: hsl(var(--sf-c-txt-slategray-25)) } -.sf-c-txt-slategray\:30 { color: hsl(var(--sf-c-txt-slategray-30)) } -.sf-c-txt-slategray\:35 { color: hsl(var(--sf-c-txt-slategray-35)) } -.sf-c-txt-slategray\:40 { color: hsl(var(--sf-c-txt-slategray-40)) } -.sf-c-txt-slategray\:45 { color: hsl(var(--sf-c-txt-slategray-45)) } -.sf-c-txt-slategray\:50 { color: hsl(var(--sf-c-txt-slategray-50)) } -.sf-c-txt-slategray\:55 { color: hsl(var(--sf-c-txt-slategray-55)) } -.sf-c-txt-slategray\:60 { color: hsl(var(--sf-c-txt-slategray-60)) } -.sf-c-txt-slategray\:65 { color: hsl(var(--sf-c-txt-slategray-65)) } -.sf-c-txt-slategray\:70 { color: hsl(var(--sf-c-txt-slategray-70)) } -.sf-c-txt-slategray\:75 { color: hsl(var(--sf-c-txt-slategray-75)) } -.sf-c-txt-slategray\:80 { color: hsl(var(--sf-c-txt-slategray-80)) } -.sf-c-txt-slategray\:85 { color: hsl(var(--sf-c-txt-slategray-85)) } -.sf-c-txt-slategray\:90 { color: hsl(var(--sf-c-txt-slategray-90)) } -.sf-c-txt-slategray\:95 { color: hsl(var(--sf-c-txt-slategray-95)) } -.sf-c-txt-slategray\:100 { color: hsl(var(--sf-c-txt-slategray-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-slategray, html.auto .sf-c-txt-slategray { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:0, html.auto .sf-c-txt-slategray\:0 { color: hsl(210, 13%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:5, html.auto .sf-c-txt-slategray\:5 { color: hsl(210, 13%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:10, html.auto .sf-c-txt-slategray\:10 { color: hsl(210, 13%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:15, html.auto .sf-c-txt-slategray\:15 { color: hsl(210, 13%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:20, html.auto .sf-c-txt-slategray\:20 { color: hsl(210, 13%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:25, html.auto .sf-c-txt-slategray\:25 { color: hsl(210, 13%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:30, html.auto .sf-c-txt-slategray\:30 { color: hsl(210, 13%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:35, html.auto .sf-c-txt-slategray\:35 { color: hsl(210, 13%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:40, html.auto .sf-c-txt-slategray\:40 { color: hsl(210, 13%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:45, html.auto .sf-c-txt-slategray\:45 { color: hsl(210, 13%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:50, html.auto .sf-c-txt-slategray\:50 { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:55, html.auto .sf-c-txt-slategray\:55 { color: hsl(210, 13%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:60, html.auto .sf-c-txt-slategray\:60 { color: hsl(210, 13%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:65, html.auto .sf-c-txt-slategray\:65 { color: hsl(210, 13%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:70, html.auto .sf-c-txt-slategray\:70 { color: hsl(210, 13%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:75, html.auto .sf-c-txt-slategray\:75 { color: hsl(210, 13%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:80, html.auto .sf-c-txt-slategray\:80 { color: hsl(210, 13%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:85, html.auto .sf-c-txt-slategray\:85 { color: hsl(210, 13%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:90, html.auto .sf-c-txt-slategray\:90 { color: hsl(210, 13%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:95, html.auto .sf-c-txt-slategray\:95 { color: hsl(210, 13%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:100, html.auto .sf-c-txt-slategray\:100 { color: hsl(210, 13%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-slategray\:dark, html.auto .sf-c-txt-slategray\:dark { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:0\:dark, html.auto .sf-c-txt-slategray\:0\:dark { color: hsl(210, 13%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:5\:dark, html.auto .sf-c-txt-slategray\:5\:dark { color: hsl(210, 13%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:10\:dark, html.auto .sf-c-txt-slategray\:10\:dark { color: hsl(210, 13%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:15\:dark, html.auto .sf-c-txt-slategray\:15\:dark { color: hsl(210, 13%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:20\:dark, html.auto .sf-c-txt-slategray\:20\:dark { color: hsl(210, 13%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:25\:dark, html.auto .sf-c-txt-slategray\:25\:dark { color: hsl(210, 13%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:30\:dark, html.auto .sf-c-txt-slategray\:30\:dark { color: hsl(210, 13%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:35\:dark, html.auto .sf-c-txt-slategray\:35\:dark { color: hsl(210, 13%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:40\:dark, html.auto .sf-c-txt-slategray\:40\:dark { color: hsl(210, 13%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:45\:dark, html.auto .sf-c-txt-slategray\:45\:dark { color: hsl(210, 13%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:50\:dark, html.auto .sf-c-txt-slategray\:50\:dark { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:55\:dark, html.auto .sf-c-txt-slategray\:55\:dark { color: hsl(210, 13%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:60\:dark, html.auto .sf-c-txt-slategray\:60\:dark { color: hsl(210, 13%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:65\:dark, html.auto .sf-c-txt-slategray\:65\:dark { color: hsl(210, 13%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:70\:dark, html.auto .sf-c-txt-slategray\:70\:dark { color: hsl(210, 13%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:75\:dark, html.auto .sf-c-txt-slategray\:75\:dark { color: hsl(210, 13%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:80\:dark, html.auto .sf-c-txt-slategray\:80\:dark { color: hsl(210, 13%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:85\:dark, html.auto .sf-c-txt-slategray\:85\:dark { color: hsl(210, 13%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:90\:dark, html.auto .sf-c-txt-slategray\:90\:dark { color: hsl(210, 13%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:95\:dark, html.auto .sf-c-txt-slategray\:95\:dark { color: hsl(210, 13%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-slategray\:100\:dark, html.auto .sf-c-txt-slategray\:100\:dark { color: hsl(210, 13%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/slategrey.css b/src/colors/20/slategrey.css index 45ce5fe..949e244 100644 --- a/src/colors/20/slategrey.css +++ b/src/colors/20/slategrey.css @@ -138,6 +138,52 @@ html.var .sf-c-slategrey\:90 { color: hsl(210, 13%, 5%); background: hsl(210, 13 html.var .sf-c-slategrey\:95 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } html.var .sf-c-slategrey\:100 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 100%) } +.sf-c-txt-slategrey { color: hsl(var(--sf-dark-c-txt-slategrey)) } +.sf-c-txt-slategrey\:0 { color: hsl(var(--sf-dark-c-txt-slategrey-100)) } +.sf-c-txt-slategrey\:5 { color: hsl(var(--sf-dark-c-txt-slategrey-95)) } +.sf-c-txt-slategrey\:10 { color: hsl(var(--sf-dark-c-txt-slategrey-90)) } +.sf-c-txt-slategrey\:15 { color: hsl(var(--sf-dark-c-txt-slategrey-85)) } +.sf-c-txt-slategrey\:20 { color: hsl(var(--sf-dark-c-txt-slategrey-80)) } +.sf-c-txt-slategrey\:25 { color: hsl(var(--sf-dark-c-txt-slategrey-75)) } +.sf-c-txt-slategrey\:30 { color: hsl(var(--sf-dark-c-txt-slategrey-70)) } +.sf-c-txt-slategrey\:35 { color: hsl(var(--sf-dark-c-txt-slategrey-65)) } +.sf-c-txt-slategrey\:40 { color: hsl(var(--sf-dark-c-txt-slategrey-60)) } +.sf-c-txt-slategrey\:45 { color: hsl(var(--sf-dark-c-txt-slategrey-55)) } +.sf-c-txt-slategrey\:50 { color: hsl(var(--sf-dark-c-txt-slategrey-50)) } +.sf-c-txt-slategrey\:55 { color: hsl(var(--sf-dark-c-txt-slategrey-45)) } +.sf-c-txt-slategrey\:60 { color: hsl(var(--sf-dark-c-txt-slategrey-40)) } +.sf-c-txt-slategrey\:65 { color: hsl(var(--sf-dark-c-txt-slategrey-35)) } +.sf-c-txt-slategrey\:70 { color: hsl(var(--sf-dark-c-txt-slategrey-30)) } +.sf-c-txt-slategrey\:75 { color: hsl(var(--sf-dark-c-txt-slategrey-25)) } +.sf-c-txt-slategrey\:80 { color: hsl(var(--sf-dark-c-txt-slategrey-20)) } +.sf-c-txt-slategrey\:85 { color: hsl(var(--sf-dark-c-txt-slategrey-15)) } +.sf-c-txt-slategrey\:90 { color: hsl(var(--sf-dark-c-txt-slategrey-10)) } +.sf-c-txt-slategrey\:95 { color: hsl(var(--sf-dark-c-txt-slategrey-5)) } +.sf-c-txt-slategrey\:100 { color: hsl(var(--sf-dark-c-txt-slategrey-0)) } + +html.var .sf-c-txt-slategrey { color: hsl(210, 13%, 50%) } +html.var .sf-c-txt-slategrey\:0 { color: hsl(210, 13%, 100%) } +html.var .sf-c-txt-slategrey\:5 { color: hsl(210, 13%, 95%) } +html.var .sf-c-txt-slategrey\:10 { color: hsl(210, 13%, 90%) } +html.var .sf-c-txt-slategrey\:15 { color: hsl(210, 13%, 85%) } +html.var .sf-c-txt-slategrey\:20 { color: hsl(210, 13%, 80%) } +html.var .sf-c-txt-slategrey\:25 { color: hsl(210, 13%, 75%) } +html.var .sf-c-txt-slategrey\:30 { color: hsl(210, 13%, 70%) } +html.var .sf-c-txt-slategrey\:35 { color: hsl(210, 13%, 65%) } +html.var .sf-c-txt-slategrey\:40 { color: hsl(210, 13%, 60%) } +html.var .sf-c-txt-slategrey\:45 { color: hsl(210, 13%, 55%) } +html.var .sf-c-txt-slategrey\:50 { color: hsl(210, 13%, 50%) } +html.var .sf-c-txt-slategrey\:55 { color: hsl(210, 13%, 45%) } +html.var .sf-c-txt-slategrey\:60 { color: hsl(210, 13%, 40%) } +html.var .sf-c-txt-slategrey\:65 { color: hsl(210, 13%, 35%) } +html.var .sf-c-txt-slategrey\:70 { color: hsl(210, 13%, 30%) } +html.var .sf-c-txt-slategrey\:75 { color: hsl(210, 13%, 25%) } +html.var .sf-c-txt-slategrey\:80 { color: hsl(210, 13%, 20%) } +html.var .sf-c-txt-slategrey\:85 { color: hsl(210, 13%, 15%) } +html.var .sf-c-txt-slategrey\:90 { color: hsl(210, 13%, 10%) } +html.var .sf-c-txt-slategrey\:95 { color: hsl(210, 13%, 5%) } +html.var .sf-c-txt-slategrey\:100 { color: hsl(210, 13%, 0%) } + html[data-theme='dark'] .sf-c-slategrey, html.dark .sf-c-slategrey { color: hsl(var(--sf-dark-c-txt-slategrey-95)); background: hsl(var(--sf-dark-c-slategrey)) } html[data-theme='dark'] .sf-c-slategrey\:0, html.dark .sf-c-slategrey\:0 { color: hsl(var(--sf-dark-c-txt-slategrey-95)); background: hsl(var(--sf-dark-c-slategrey-100)) } html[data-theme='dark'] .sf-c-slategrey\:5, html.dark .sf-c-slategrey\:5 { color: hsl(var(--sf-dark-c-txt-slategrey-5)); background: hsl(var(--sf-dark-c-slategrey-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-slategrey\:90\:dark, html.dark .sf-c-slategrey\:90 html[data-theme='dark'] .sf-c-slategrey\:95\:dark, html.dark .sf-c-slategrey\:95\:dark { color: hsl(var(--sf-c-txt-slategrey-95)); background: hsl(var(--sf-c-slategrey-5)) } html[data-theme='dark'] .sf-c-slategrey\:100\:dark, html.dark .sf-c-slategrey\:100\:dark { color: hsl(var(--sf-c-txt-slategrey-95)); background: hsl(var(--sf-c-slategrey-0)) } +html[data-theme='dark'] .sf-c-txt-slategrey, html.dark .sf-c-txt-slategrey { color: hsl(var(--sf-c-txt-slategrey)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:0, html.dark .sf-c-txt-slategrey\:0 { color: hsl(var(--sf-c-txt-slategrey-0)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:5, html.dark .sf-c-txt-slategrey\:5 { color: hsl(var(--sf-c-txt-slategrey-5)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:10, html.dark .sf-c-txt-slategrey\:10 { color: hsl(var(--sf-c-txt-slategrey-10)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:15, html.dark .sf-c-txt-slategrey\:15 { color: hsl(var(--sf-c-txt-slategrey-15)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:20, html.dark .sf-c-txt-slategrey\:20 { color: hsl(var(--sf-c-txt-slategrey-20)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:25, html.dark .sf-c-txt-slategrey\:25 { color: hsl(var(--sf-c-txt-slategrey-25)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:30, html.dark .sf-c-txt-slategrey\:30 { color: hsl(var(--sf-c-txt-slategrey-30)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:35, html.dark .sf-c-txt-slategrey\:35 { color: hsl(var(--sf-c-txt-slategrey-35)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:40, html.dark .sf-c-txt-slategrey\:40 { color: hsl(var(--sf-c-txt-slategrey-40)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:45, html.dark .sf-c-txt-slategrey\:45 { color: hsl(var(--sf-c-txt-slategrey-45)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:50, html.dark .sf-c-txt-slategrey\:50 { color: hsl(var(--sf-c-txt-slategrey-50)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:55, html.dark .sf-c-txt-slategrey\:55 { color: hsl(var(--sf-c-txt-slategrey-55)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:60, html.dark .sf-c-txt-slategrey\:60 { color: hsl(var(--sf-c-txt-slategrey-60)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:65, html.dark .sf-c-txt-slategrey\:65 { color: hsl(var(--sf-c-txt-slategrey-65)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:70, html.dark .sf-c-txt-slategrey\:70 { color: hsl(var(--sf-c-txt-slategrey-70)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:75, html.dark .sf-c-txt-slategrey\:75 { color: hsl(var(--sf-c-txt-slategrey-75)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:80, html.dark .sf-c-txt-slategrey\:80 { color: hsl(var(--sf-c-txt-slategrey-80)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:85, html.dark .sf-c-txt-slategrey\:85 { color: hsl(var(--sf-c-txt-slategrey-85)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:90, html.dark .sf-c-txt-slategrey\:90 { color: hsl(var(--sf-c-txt-slategrey-90)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:95, html.dark .sf-c-txt-slategrey\:95 { color: hsl(var(--sf-c-txt-slategrey-95)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:100, html.dark .sf-c-txt-slategrey\:100 { color: hsl(var(--sf-c-txt-slategrey-100)) } + +html[data-theme='dark'] .sf-c-txt-slategrey\:dark, html.dark .sf-c-txt-slategrey\:dark { color: hsl(var(--sf-c-txt-slategrey)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:0\:dark, html.dark .sf-c-txt-slategrey\:0\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-0)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:5\:dark, html.dark .sf-c-txt-slategrey\:5\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-5)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:10\:dark, html.dark .sf-c-txt-slategrey\:10\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-10)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:15\:dark, html.dark .sf-c-txt-slategrey\:15\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-15)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:20\:dark, html.dark .sf-c-txt-slategrey\:20\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-20)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:25\:dark, html.dark .sf-c-txt-slategrey\:25\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-25)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:30\:dark, html.dark .sf-c-txt-slategrey\:30\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-30)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:35\:dark, html.dark .sf-c-txt-slategrey\:35\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-35)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:40\:dark, html.dark .sf-c-txt-slategrey\:40\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-40)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:45\:dark, html.dark .sf-c-txt-slategrey\:45\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-45)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:50\:dark, html.dark .sf-c-txt-slategrey\:50\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-50)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:55\:dark, html.dark .sf-c-txt-slategrey\:55\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-55)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:60\:dark, html.dark .sf-c-txt-slategrey\:60\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-60)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:65\:dark, html.dark .sf-c-txt-slategrey\:65\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-65)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:70\:dark, html.dark .sf-c-txt-slategrey\:70\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-70)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:75\:dark, html.dark .sf-c-txt-slategrey\:75\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-75)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:80\:dark, html.dark .sf-c-txt-slategrey\:80\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-80)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:85\:dark, html.dark .sf-c-txt-slategrey\:85\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-85)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:90\:dark, html.dark .sf-c-txt-slategrey\:90\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-90)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:95\:dark, html.dark .sf-c-txt-slategrey\:95\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-95)) } +html[data-theme='dark'] .sf-c-txt-slategrey\:100\:dark, html.dark .sf-c-txt-slategrey\:100\:dark { color: hsl(var(--sf-dark-c-txt-slategrey-100)) } + html.var[data-theme='dark'] .sf-c-slategrey, html.var.dark .sf-c-slategrey { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } html.var[data-theme='dark'] .sf-c-slategrey\:0, html.var.dark .sf-c-slategrey\:0 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 100%) } html.var[data-theme='dark'] .sf-c-slategrey\:5, html.var.dark .sf-c-slategrey\:5 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-slategrey\:90\:dark, html.var.dark .sf-c-slate html.var[data-theme='dark'] .sf-c-slategrey\:95\:dark, html.var.dark .sf-c-slategrey\:95\:dark { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 5%) } html.var[data-theme='dark'] .sf-c-slategrey\:100\:dark, html.var.dark .sf-c-slategrey\:100\:dark { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey, html.dark .sf-c-txt-slategrey { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:0, html.dark .sf-c-txt-slategrey\:0 { color: hsl(210, 13%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:5, html.dark .sf-c-txt-slategrey\:5 { color: hsl(210, 13%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:10, html.dark .sf-c-txt-slategrey\:10 { color: hsl(210, 13%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:15, html.dark .sf-c-txt-slategrey\:15 { color: hsl(210, 13%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:20, html.dark .sf-c-txt-slategrey\:20 { color: hsl(210, 13%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:25, html.dark .sf-c-txt-slategrey\:25 { color: hsl(210, 13%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:30, html.dark .sf-c-txt-slategrey\:30 { color: hsl(210, 13%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:35, html.dark .sf-c-txt-slategrey\:35 { color: hsl(210, 13%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:40, html.dark .sf-c-txt-slategrey\:40 { color: hsl(210, 13%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:45, html.dark .sf-c-txt-slategrey\:45 { color: hsl(210, 13%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:50, html.dark .sf-c-txt-slategrey\:50 { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:55, html.dark .sf-c-txt-slategrey\:55 { color: hsl(210, 13%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:60, html.dark .sf-c-txt-slategrey\:60 { color: hsl(210, 13%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:65, html.dark .sf-c-txt-slategrey\:65 { color: hsl(210, 13%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:70, html.dark .sf-c-txt-slategrey\:70 { color: hsl(210, 13%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:75, html.dark .sf-c-txt-slategrey\:75 { color: hsl(210, 13%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:80, html.dark .sf-c-txt-slategrey\:80 { color: hsl(210, 13%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:85, html.dark .sf-c-txt-slategrey\:85 { color: hsl(210, 13%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:90, html.dark .sf-c-txt-slategrey\:90 { color: hsl(210, 13%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:95, html.dark .sf-c-txt-slategrey\:95 { color: hsl(210, 13%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:100, html.dark .sf-c-txt-slategrey\:100 { color: hsl(210, 13%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-slategrey\:dark, html.dark .sf-c-txt-slategrey\:dark { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:0\:dark, html.dark .sf-c-txt-slategrey\:0\:dark { color: hsl(210, 13%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:5\:dark, html.dark .sf-c-txt-slategrey\:5\:dark { color: hsl(210, 13%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:10\:dark, html.dark .sf-c-txt-slategrey\:10\:dark { color: hsl(210, 13%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:15\:dark, html.dark .sf-c-txt-slategrey\:15\:dark { color: hsl(210, 13%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:20\:dark, html.dark .sf-c-txt-slategrey\:20\:dark { color: hsl(210, 13%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:25\:dark, html.dark .sf-c-txt-slategrey\:25\:dark { color: hsl(210, 13%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:30\:dark, html.dark .sf-c-txt-slategrey\:30\:dark { color: hsl(210, 13%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:35\:dark, html.dark .sf-c-txt-slategrey\:35\:dark { color: hsl(210, 13%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:40\:dark, html.dark .sf-c-txt-slategrey\:40\:dark { color: hsl(210, 13%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:45\:dark, html.dark .sf-c-txt-slategrey\:45\:dark { color: hsl(210, 13%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:50\:dark, html.dark .sf-c-txt-slategrey\:50\:dark { color: hsl(210, 13%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:55\:dark, html.dark .sf-c-txt-slategrey\:55\:dark { color: hsl(210, 13%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:60\:dark, html.dark .sf-c-txt-slategrey\:60\:dark { color: hsl(210, 13%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:65\:dark, html.dark .sf-c-txt-slategrey\:65\:dark { color: hsl(210, 13%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:70\:dark, html.dark .sf-c-txt-slategrey\:70\:dark { color: hsl(210, 13%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:75\:dark, html.dark .sf-c-txt-slategrey\:75\:dark { color: hsl(210, 13%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:80\:dark, html.dark .sf-c-txt-slategrey\:80\:dark { color: hsl(210, 13%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:85\:dark, html.dark .sf-c-txt-slategrey\:85\:dark { color: hsl(210, 13%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:90\:dark, html.dark .sf-c-txt-slategrey\:90\:dark { color: hsl(210, 13%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:95\:dark, html.dark .sf-c-txt-slategrey\:95\:dark { color: hsl(210, 13%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-slategrey\:100\:dark, html.dark .sf-c-txt-slategrey\:100\:dark { color: hsl(210, 13%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-slategrey, html.auto .sf-c-slategrey { color: hsl(var(--sf-dark-c-txt-slategrey-95)); background: hsl(var(--sf-dark-c-slategrey)) } html[data-theme='auto'] .sf-c-slategrey\:0, html.auto .sf-c-slategrey\:0 { color: hsl(var(--sf-dark-c-txt-slategrey-95)); background: hsl(var(--sf-dark-c-slategrey-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-slategrey\:100\:dark, html.var.dark .sf-c-slat html[data-theme='auto'] .sf-c-slategrey\:95\:dark, html.auto .sf-c-slategrey\:95\:dark { color: hsl(var(--sf-c-txt-slategrey-95)); background: hsl(var(--sf-c-slategrey-5)) } html[data-theme='auto'] .sf-c-slategrey\:100\:dark, html.auto .sf-c-slategrey\:100\:dark { color: hsl(var(--sf-c-txt-slategrey-95)); background: hsl(var(--sf-c-slategrey-0)) } + html[data-theme='auto'] .sf-c-txt-slategrey, html.auto .sf-c-txt-slategrey { color: hsl(var(--sf-c-txt-slategrey)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:0, html.auto .sf-c-txt-slategrey\:0 { color: hsl(var(--sf-c-txt-slategrey-0)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:5, html.auto .sf-c-txt-slategrey\:5 { color: hsl(var(--sf-c-txt-slategrey-5)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:10, html.auto .sf-c-txt-slategrey\:10 { color: hsl(var(--sf-c-txt-slategrey-10)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:15, html.auto .sf-c-txt-slategrey\:15 { color: hsl(var(--sf-c-txt-slategrey-15)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:20, html.auto .sf-c-txt-slategrey\:20 { color: hsl(var(--sf-c-txt-slategrey-20)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:25, html.auto .sf-c-txt-slategrey\:25 { color: hsl(var(--sf-c-txt-slategrey-25)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:30, html.auto .sf-c-txt-slategrey\:30 { color: hsl(var(--sf-c-txt-slategrey-30)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:35, html.auto .sf-c-txt-slategrey\:35 { color: hsl(var(--sf-c-txt-slategrey-35)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:40, html.auto .sf-c-txt-slategrey\:40 { color: hsl(var(--sf-c-txt-slategrey-40)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:45, html.auto .sf-c-txt-slategrey\:45 { color: hsl(var(--sf-c-txt-slategrey-45)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:50, html.auto .sf-c-txt-slategrey\:50 { color: hsl(var(--sf-c-txt-slategrey-50)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:55, html.auto .sf-c-txt-slategrey\:55 { color: hsl(var(--sf-c-txt-slategrey-55)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:60, html.auto .sf-c-txt-slategrey\:60 { color: hsl(var(--sf-c-txt-slategrey-60)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:65, html.auto .sf-c-txt-slategrey\:65 { color: hsl(var(--sf-c-txt-slategrey-65)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:70, html.auto .sf-c-txt-slategrey\:70 { color: hsl(var(--sf-c-txt-slategrey-70)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:75, html.auto .sf-c-txt-slategrey\:75 { color: hsl(var(--sf-c-txt-slategrey-75)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:80, html.auto .sf-c-txt-slategrey\:80 { color: hsl(var(--sf-c-txt-slategrey-80)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:85, html.auto .sf-c-txt-slategrey\:85 { color: hsl(var(--sf-c-txt-slategrey-85)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:90, html.auto .sf-c-txt-slategrey\:90 { color: hsl(var(--sf-c-txt-slategrey-90)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:95, html.auto .sf-c-txt-slategrey\:95 { color: hsl(var(--sf-c-txt-slategrey-95)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:100, html.auto .sf-c-txt-slategrey\:100 { color: hsl(var(--sf-c-txt-slategrey-100)) } + + html[data-theme='auto'] .sf-c-txt-slategrey\:dark, html.auto .sf-c-txt-slategrey\:dark { color: hsl(var(--sf-c-txt-slategrey)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:0\:dark, html.auto .sf-c-txt-slategrey\:0\:dark { color: hsl(var(--sf-c-txt-slategrey-0)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:5\:dark, html.auto .sf-c-txt-slategrey\:5\:dark { color: hsl(var(--sf-c-txt-slategrey-5)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:10\:dark, html.auto .sf-c-txt-slategrey\:10\:dark { color: hsl(var(--sf-c-txt-slategrey-10)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:15\:dark, html.auto .sf-c-txt-slategrey\:15\:dark { color: hsl(var(--sf-c-txt-slategrey-15)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:20\:dark, html.auto .sf-c-txt-slategrey\:20\:dark { color: hsl(var(--sf-c-txt-slategrey-20)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:25\:dark, html.auto .sf-c-txt-slategrey\:25\:dark { color: hsl(var(--sf-c-txt-slategrey-25)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:30\:dark, html.auto .sf-c-txt-slategrey\:30\:dark { color: hsl(var(--sf-c-txt-slategrey-30)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:35\:dark, html.auto .sf-c-txt-slategrey\:35\:dark { color: hsl(var(--sf-c-txt-slategrey-35)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:40\:dark, html.auto .sf-c-txt-slategrey\:40\:dark { color: hsl(var(--sf-c-txt-slategrey-40)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:45\:dark, html.auto .sf-c-txt-slategrey\:45\:dark { color: hsl(var(--sf-c-txt-slategrey-45)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:50\:dark, html.auto .sf-c-txt-slategrey\:50\:dark { color: hsl(var(--sf-c-txt-slategrey-50)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:55\:dark, html.auto .sf-c-txt-slategrey\:55\:dark { color: hsl(var(--sf-c-txt-slategrey-55)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:60\:dark, html.auto .sf-c-txt-slategrey\:60\:dark { color: hsl(var(--sf-c-txt-slategrey-60)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:65\:dark, html.auto .sf-c-txt-slategrey\:65\:dark { color: hsl(var(--sf-c-txt-slategrey-65)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:70\:dark, html.auto .sf-c-txt-slategrey\:70\:dark { color: hsl(var(--sf-c-txt-slategrey-70)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:75\:dark, html.auto .sf-c-txt-slategrey\:75\:dark { color: hsl(var(--sf-c-txt-slategrey-75)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:80\:dark, html.auto .sf-c-txt-slategrey\:80\:dark { color: hsl(var(--sf-c-txt-slategrey-80)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:85\:dark, html.auto .sf-c-txt-slategrey\:85\:dark { color: hsl(var(--sf-c-txt-slategrey-85)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:90\:dark, html.auto .sf-c-txt-slategrey\:90\:dark { color: hsl(var(--sf-c-txt-slategrey-90)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:95\:dark, html.auto .sf-c-txt-slategrey\:95\:dark { color: hsl(var(--sf-c-txt-slategrey-95)) } + html[data-theme='auto'] .sf-c-txt-slategrey\:100\:dark, html.auto .sf-c-txt-slategrey\:100\:dark { color: hsl(var(--sf-c-txt-slategrey-100)) } + html.var[data-theme='auto'] .sf-c-slategrey, html.var.auto .sf-c-slategrey { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 50%) } html.var[data-theme='auto'] .sf-c-slategrey\:0, html.var.auto .sf-c-slategrey\:0 { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 100%) } html.var[data-theme='auto'] .sf-c-slategrey\:5, html.var.auto .sf-c-slategrey\:5 { color: hsl(210, 13%, 5%); background: hsl(210, 13%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-slategrey\:100\:dark, html.var.dark .sf-c-slat html.var[data-theme='auto'] .sf-c-slategrey\:90\:dark, html.var.auto .sf-c-slategrey\:90\:dark { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 10%) } html.var[data-theme='auto'] .sf-c-slategrey\:95\:dark, html.var.auto .sf-c-slategrey\:95\:dark { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 5%) } html.var[data-theme='auto'] .sf-c-slategrey\:100\:dark, html.var.auto .sf-c-slategrey\:100\:dark { color: hsl(210, 13%, 95%); background: hsl(210, 13%, 0%) } -} -.sf-c-txt-slategrey { color: hsl(var(--sf-c-txt-slategrey)) } -.sf-c-txt-slategrey\:0 { color: hsl(var(--sf-c-txt-slategrey-0)) } -.sf-c-txt-slategrey\:5 { color: hsl(var(--sf-c-txt-slategrey-5)) } -.sf-c-txt-slategrey\:10 { color: hsl(var(--sf-c-txt-slategrey-10)) } -.sf-c-txt-slategrey\:15 { color: hsl(var(--sf-c-txt-slategrey-15)) } -.sf-c-txt-slategrey\:20 { color: hsl(var(--sf-c-txt-slategrey-20)) } -.sf-c-txt-slategrey\:25 { color: hsl(var(--sf-c-txt-slategrey-25)) } -.sf-c-txt-slategrey\:30 { color: hsl(var(--sf-c-txt-slategrey-30)) } -.sf-c-txt-slategrey\:35 { color: hsl(var(--sf-c-txt-slategrey-35)) } -.sf-c-txt-slategrey\:40 { color: hsl(var(--sf-c-txt-slategrey-40)) } -.sf-c-txt-slategrey\:45 { color: hsl(var(--sf-c-txt-slategrey-45)) } -.sf-c-txt-slategrey\:50 { color: hsl(var(--sf-c-txt-slategrey-50)) } -.sf-c-txt-slategrey\:55 { color: hsl(var(--sf-c-txt-slategrey-55)) } -.sf-c-txt-slategrey\:60 { color: hsl(var(--sf-c-txt-slategrey-60)) } -.sf-c-txt-slategrey\:65 { color: hsl(var(--sf-c-txt-slategrey-65)) } -.sf-c-txt-slategrey\:70 { color: hsl(var(--sf-c-txt-slategrey-70)) } -.sf-c-txt-slategrey\:75 { color: hsl(var(--sf-c-txt-slategrey-75)) } -.sf-c-txt-slategrey\:80 { color: hsl(var(--sf-c-txt-slategrey-80)) } -.sf-c-txt-slategrey\:85 { color: hsl(var(--sf-c-txt-slategrey-85)) } -.sf-c-txt-slategrey\:90 { color: hsl(var(--sf-c-txt-slategrey-90)) } -.sf-c-txt-slategrey\:95 { color: hsl(var(--sf-c-txt-slategrey-95)) } -.sf-c-txt-slategrey\:100 { color: hsl(var(--sf-c-txt-slategrey-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-slategrey, html.auto .sf-c-txt-slategrey { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:0, html.auto .sf-c-txt-slategrey\:0 { color: hsl(210, 13%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:5, html.auto .sf-c-txt-slategrey\:5 { color: hsl(210, 13%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:10, html.auto .sf-c-txt-slategrey\:10 { color: hsl(210, 13%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:15, html.auto .sf-c-txt-slategrey\:15 { color: hsl(210, 13%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:20, html.auto .sf-c-txt-slategrey\:20 { color: hsl(210, 13%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:25, html.auto .sf-c-txt-slategrey\:25 { color: hsl(210, 13%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:30, html.auto .sf-c-txt-slategrey\:30 { color: hsl(210, 13%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:35, html.auto .sf-c-txt-slategrey\:35 { color: hsl(210, 13%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:40, html.auto .sf-c-txt-slategrey\:40 { color: hsl(210, 13%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:45, html.auto .sf-c-txt-slategrey\:45 { color: hsl(210, 13%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:50, html.auto .sf-c-txt-slategrey\:50 { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:55, html.auto .sf-c-txt-slategrey\:55 { color: hsl(210, 13%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:60, html.auto .sf-c-txt-slategrey\:60 { color: hsl(210, 13%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:65, html.auto .sf-c-txt-slategrey\:65 { color: hsl(210, 13%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:70, html.auto .sf-c-txt-slategrey\:70 { color: hsl(210, 13%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:75, html.auto .sf-c-txt-slategrey\:75 { color: hsl(210, 13%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:80, html.auto .sf-c-txt-slategrey\:80 { color: hsl(210, 13%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:85, html.auto .sf-c-txt-slategrey\:85 { color: hsl(210, 13%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:90, html.auto .sf-c-txt-slategrey\:90 { color: hsl(210, 13%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:95, html.auto .sf-c-txt-slategrey\:95 { color: hsl(210, 13%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:100, html.auto .sf-c-txt-slategrey\:100 { color: hsl(210, 13%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-slategrey\:dark, html.auto .sf-c-txt-slategrey\:dark { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:0\:dark, html.auto .sf-c-txt-slategrey\:0\:dark { color: hsl(210, 13%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:5\:dark, html.auto .sf-c-txt-slategrey\:5\:dark { color: hsl(210, 13%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:10\:dark, html.auto .sf-c-txt-slategrey\:10\:dark { color: hsl(210, 13%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:15\:dark, html.auto .sf-c-txt-slategrey\:15\:dark { color: hsl(210, 13%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:20\:dark, html.auto .sf-c-txt-slategrey\:20\:dark { color: hsl(210, 13%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:25\:dark, html.auto .sf-c-txt-slategrey\:25\:dark { color: hsl(210, 13%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:30\:dark, html.auto .sf-c-txt-slategrey\:30\:dark { color: hsl(210, 13%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:35\:dark, html.auto .sf-c-txt-slategrey\:35\:dark { color: hsl(210, 13%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:40\:dark, html.auto .sf-c-txt-slategrey\:40\:dark { color: hsl(210, 13%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:45\:dark, html.auto .sf-c-txt-slategrey\:45\:dark { color: hsl(210, 13%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:50\:dark, html.auto .sf-c-txt-slategrey\:50\:dark { color: hsl(210, 13%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:55\:dark, html.auto .sf-c-txt-slategrey\:55\:dark { color: hsl(210, 13%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:60\:dark, html.auto .sf-c-txt-slategrey\:60\:dark { color: hsl(210, 13%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:65\:dark, html.auto .sf-c-txt-slategrey\:65\:dark { color: hsl(210, 13%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:70\:dark, html.auto .sf-c-txt-slategrey\:70\:dark { color: hsl(210, 13%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:75\:dark, html.auto .sf-c-txt-slategrey\:75\:dark { color: hsl(210, 13%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:80\:dark, html.auto .sf-c-txt-slategrey\:80\:dark { color: hsl(210, 13%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:85\:dark, html.auto .sf-c-txt-slategrey\:85\:dark { color: hsl(210, 13%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:90\:dark, html.auto .sf-c-txt-slategrey\:90\:dark { color: hsl(210, 13%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:95\:dark, html.auto .sf-c-txt-slategrey\:95\:dark { color: hsl(210, 13%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-slategrey\:100\:dark, html.auto .sf-c-txt-slategrey\:100\:dark { color: hsl(210, 13%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/snow.css b/src/colors/20/snow.css index 91b8e5c..975e1b9 100644 --- a/src/colors/20/snow.css +++ b/src/colors/20/snow.css @@ -138,6 +138,52 @@ html.var .sf-c-snow\:90 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 90%) html.var .sf-c-snow\:95 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } html.var .sf-c-snow\:100 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 100%) } +.sf-c-txt-snow { color: hsl(var(--sf-dark-c-txt-snow)) } +.sf-c-txt-snow\:0 { color: hsl(var(--sf-dark-c-txt-snow-100)) } +.sf-c-txt-snow\:5 { color: hsl(var(--sf-dark-c-txt-snow-95)) } +.sf-c-txt-snow\:10 { color: hsl(var(--sf-dark-c-txt-snow-90)) } +.sf-c-txt-snow\:15 { color: hsl(var(--sf-dark-c-txt-snow-85)) } +.sf-c-txt-snow\:20 { color: hsl(var(--sf-dark-c-txt-snow-80)) } +.sf-c-txt-snow\:25 { color: hsl(var(--sf-dark-c-txt-snow-75)) } +.sf-c-txt-snow\:30 { color: hsl(var(--sf-dark-c-txt-snow-70)) } +.sf-c-txt-snow\:35 { color: hsl(var(--sf-dark-c-txt-snow-65)) } +.sf-c-txt-snow\:40 { color: hsl(var(--sf-dark-c-txt-snow-60)) } +.sf-c-txt-snow\:45 { color: hsl(var(--sf-dark-c-txt-snow-55)) } +.sf-c-txt-snow\:50 { color: hsl(var(--sf-dark-c-txt-snow-50)) } +.sf-c-txt-snow\:55 { color: hsl(var(--sf-dark-c-txt-snow-45)) } +.sf-c-txt-snow\:60 { color: hsl(var(--sf-dark-c-txt-snow-40)) } +.sf-c-txt-snow\:65 { color: hsl(var(--sf-dark-c-txt-snow-35)) } +.sf-c-txt-snow\:70 { color: hsl(var(--sf-dark-c-txt-snow-30)) } +.sf-c-txt-snow\:75 { color: hsl(var(--sf-dark-c-txt-snow-25)) } +.sf-c-txt-snow\:80 { color: hsl(var(--sf-dark-c-txt-snow-20)) } +.sf-c-txt-snow\:85 { color: hsl(var(--sf-dark-c-txt-snow-15)) } +.sf-c-txt-snow\:90 { color: hsl(var(--sf-dark-c-txt-snow-10)) } +.sf-c-txt-snow\:95 { color: hsl(var(--sf-dark-c-txt-snow-5)) } +.sf-c-txt-snow\:100 { color: hsl(var(--sf-dark-c-txt-snow-0)) } + +html.var .sf-c-txt-snow { color: hsl(0, 100%, 1%) } +html.var .sf-c-txt-snow\:0 { color: hsl(0, 100%, 100%) } +html.var .sf-c-txt-snow\:5 { color: hsl(0, 100%, 95%) } +html.var .sf-c-txt-snow\:10 { color: hsl(0, 100%, 90%) } +html.var .sf-c-txt-snow\:15 { color: hsl(0, 100%, 85%) } +html.var .sf-c-txt-snow\:20 { color: hsl(0, 100%, 80%) } +html.var .sf-c-txt-snow\:25 { color: hsl(0, 100%, 75%) } +html.var .sf-c-txt-snow\:30 { color: hsl(0, 100%, 70%) } +html.var .sf-c-txt-snow\:35 { color: hsl(0, 100%, 65%) } +html.var .sf-c-txt-snow\:40 { color: hsl(0, 100%, 60%) } +html.var .sf-c-txt-snow\:45 { color: hsl(0, 100%, 55%) } +html.var .sf-c-txt-snow\:50 { color: hsl(0, 100%, 50%) } +html.var .sf-c-txt-snow\:55 { color: hsl(0, 100%, 45%) } +html.var .sf-c-txt-snow\:60 { color: hsl(0, 100%, 40%) } +html.var .sf-c-txt-snow\:65 { color: hsl(0, 100%, 35%) } +html.var .sf-c-txt-snow\:70 { color: hsl(0, 100%, 30%) } +html.var .sf-c-txt-snow\:75 { color: hsl(0, 100%, 25%) } +html.var .sf-c-txt-snow\:80 { color: hsl(0, 100%, 20%) } +html.var .sf-c-txt-snow\:85 { color: hsl(0, 100%, 15%) } +html.var .sf-c-txt-snow\:90 { color: hsl(0, 100%, 10%) } +html.var .sf-c-txt-snow\:95 { color: hsl(0, 100%, 5%) } +html.var .sf-c-txt-snow\:100 { color: hsl(0, 100%, 0%) } + html[data-theme='dark'] .sf-c-snow, html.dark .sf-c-snow { color: hsl(var(--sf-dark-c-txt-snow-95)); background: hsl(var(--sf-dark-c-snow)) } html[data-theme='dark'] .sf-c-snow\:0, html.dark .sf-c-snow\:0 { color: hsl(var(--sf-dark-c-txt-snow-95)); background: hsl(var(--sf-dark-c-snow-100)) } html[data-theme='dark'] .sf-c-snow\:5, html.dark .sf-c-snow\:5 { color: hsl(var(--sf-dark-c-txt-snow-5)); background: hsl(var(--sf-dark-c-snow-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-snow\:90\:dark, html.dark .sf-c-snow\:90\:dark { c html[data-theme='dark'] .sf-c-snow\:95\:dark, html.dark .sf-c-snow\:95\:dark { color: hsl(var(--sf-c-txt-snow-95)); background: hsl(var(--sf-c-snow-5)) } html[data-theme='dark'] .sf-c-snow\:100\:dark, html.dark .sf-c-snow\:100\:dark { color: hsl(var(--sf-c-txt-snow-95)); background: hsl(var(--sf-c-snow-0)) } +html[data-theme='dark'] .sf-c-txt-snow, html.dark .sf-c-txt-snow { color: hsl(var(--sf-c-txt-snow)) } +html[data-theme='dark'] .sf-c-txt-snow\:0, html.dark .sf-c-txt-snow\:0 { color: hsl(var(--sf-c-txt-snow-0)) } +html[data-theme='dark'] .sf-c-txt-snow\:5, html.dark .sf-c-txt-snow\:5 { color: hsl(var(--sf-c-txt-snow-5)) } +html[data-theme='dark'] .sf-c-txt-snow\:10, html.dark .sf-c-txt-snow\:10 { color: hsl(var(--sf-c-txt-snow-10)) } +html[data-theme='dark'] .sf-c-txt-snow\:15, html.dark .sf-c-txt-snow\:15 { color: hsl(var(--sf-c-txt-snow-15)) } +html[data-theme='dark'] .sf-c-txt-snow\:20, html.dark .sf-c-txt-snow\:20 { color: hsl(var(--sf-c-txt-snow-20)) } +html[data-theme='dark'] .sf-c-txt-snow\:25, html.dark .sf-c-txt-snow\:25 { color: hsl(var(--sf-c-txt-snow-25)) } +html[data-theme='dark'] .sf-c-txt-snow\:30, html.dark .sf-c-txt-snow\:30 { color: hsl(var(--sf-c-txt-snow-30)) } +html[data-theme='dark'] .sf-c-txt-snow\:35, html.dark .sf-c-txt-snow\:35 { color: hsl(var(--sf-c-txt-snow-35)) } +html[data-theme='dark'] .sf-c-txt-snow\:40, html.dark .sf-c-txt-snow\:40 { color: hsl(var(--sf-c-txt-snow-40)) } +html[data-theme='dark'] .sf-c-txt-snow\:45, html.dark .sf-c-txt-snow\:45 { color: hsl(var(--sf-c-txt-snow-45)) } +html[data-theme='dark'] .sf-c-txt-snow\:50, html.dark .sf-c-txt-snow\:50 { color: hsl(var(--sf-c-txt-snow-50)) } +html[data-theme='dark'] .sf-c-txt-snow\:55, html.dark .sf-c-txt-snow\:55 { color: hsl(var(--sf-c-txt-snow-55)) } +html[data-theme='dark'] .sf-c-txt-snow\:60, html.dark .sf-c-txt-snow\:60 { color: hsl(var(--sf-c-txt-snow-60)) } +html[data-theme='dark'] .sf-c-txt-snow\:65, html.dark .sf-c-txt-snow\:65 { color: hsl(var(--sf-c-txt-snow-65)) } +html[data-theme='dark'] .sf-c-txt-snow\:70, html.dark .sf-c-txt-snow\:70 { color: hsl(var(--sf-c-txt-snow-70)) } +html[data-theme='dark'] .sf-c-txt-snow\:75, html.dark .sf-c-txt-snow\:75 { color: hsl(var(--sf-c-txt-snow-75)) } +html[data-theme='dark'] .sf-c-txt-snow\:80, html.dark .sf-c-txt-snow\:80 { color: hsl(var(--sf-c-txt-snow-80)) } +html[data-theme='dark'] .sf-c-txt-snow\:85, html.dark .sf-c-txt-snow\:85 { color: hsl(var(--sf-c-txt-snow-85)) } +html[data-theme='dark'] .sf-c-txt-snow\:90, html.dark .sf-c-txt-snow\:90 { color: hsl(var(--sf-c-txt-snow-90)) } +html[data-theme='dark'] .sf-c-txt-snow\:95, html.dark .sf-c-txt-snow\:95 { color: hsl(var(--sf-c-txt-snow-95)) } +html[data-theme='dark'] .sf-c-txt-snow\:100, html.dark .sf-c-txt-snow\:100 { color: hsl(var(--sf-c-txt-snow-100)) } + +html[data-theme='dark'] .sf-c-txt-snow\:dark, html.dark .sf-c-txt-snow\:dark { color: hsl(var(--sf-c-txt-snow)) } +html[data-theme='dark'] .sf-c-txt-snow\:0\:dark, html.dark .sf-c-txt-snow\:0\:dark { color: hsl(var(--sf-dark-c-txt-snow-0)) } +html[data-theme='dark'] .sf-c-txt-snow\:5\:dark, html.dark .sf-c-txt-snow\:5\:dark { color: hsl(var(--sf-dark-c-txt-snow-5)) } +html[data-theme='dark'] .sf-c-txt-snow\:10\:dark, html.dark .sf-c-txt-snow\:10\:dark { color: hsl(var(--sf-dark-c-txt-snow-10)) } +html[data-theme='dark'] .sf-c-txt-snow\:15\:dark, html.dark .sf-c-txt-snow\:15\:dark { color: hsl(var(--sf-dark-c-txt-snow-15)) } +html[data-theme='dark'] .sf-c-txt-snow\:20\:dark, html.dark .sf-c-txt-snow\:20\:dark { color: hsl(var(--sf-dark-c-txt-snow-20)) } +html[data-theme='dark'] .sf-c-txt-snow\:25\:dark, html.dark .sf-c-txt-snow\:25\:dark { color: hsl(var(--sf-dark-c-txt-snow-25)) } +html[data-theme='dark'] .sf-c-txt-snow\:30\:dark, html.dark .sf-c-txt-snow\:30\:dark { color: hsl(var(--sf-dark-c-txt-snow-30)) } +html[data-theme='dark'] .sf-c-txt-snow\:35\:dark, html.dark .sf-c-txt-snow\:35\:dark { color: hsl(var(--sf-dark-c-txt-snow-35)) } +html[data-theme='dark'] .sf-c-txt-snow\:40\:dark, html.dark .sf-c-txt-snow\:40\:dark { color: hsl(var(--sf-dark-c-txt-snow-40)) } +html[data-theme='dark'] .sf-c-txt-snow\:45\:dark, html.dark .sf-c-txt-snow\:45\:dark { color: hsl(var(--sf-dark-c-txt-snow-45)) } +html[data-theme='dark'] .sf-c-txt-snow\:50\:dark, html.dark .sf-c-txt-snow\:50\:dark { color: hsl(var(--sf-dark-c-txt-snow-50)) } +html[data-theme='dark'] .sf-c-txt-snow\:55\:dark, html.dark .sf-c-txt-snow\:55\:dark { color: hsl(var(--sf-dark-c-txt-snow-55)) } +html[data-theme='dark'] .sf-c-txt-snow\:60\:dark, html.dark .sf-c-txt-snow\:60\:dark { color: hsl(var(--sf-dark-c-txt-snow-60)) } +html[data-theme='dark'] .sf-c-txt-snow\:65\:dark, html.dark .sf-c-txt-snow\:65\:dark { color: hsl(var(--sf-dark-c-txt-snow-65)) } +html[data-theme='dark'] .sf-c-txt-snow\:70\:dark, html.dark .sf-c-txt-snow\:70\:dark { color: hsl(var(--sf-dark-c-txt-snow-70)) } +html[data-theme='dark'] .sf-c-txt-snow\:75\:dark, html.dark .sf-c-txt-snow\:75\:dark { color: hsl(var(--sf-dark-c-txt-snow-75)) } +html[data-theme='dark'] .sf-c-txt-snow\:80\:dark, html.dark .sf-c-txt-snow\:80\:dark { color: hsl(var(--sf-dark-c-txt-snow-80)) } +html[data-theme='dark'] .sf-c-txt-snow\:85\:dark, html.dark .sf-c-txt-snow\:85\:dark { color: hsl(var(--sf-dark-c-txt-snow-85)) } +html[data-theme='dark'] .sf-c-txt-snow\:90\:dark, html.dark .sf-c-txt-snow\:90\:dark { color: hsl(var(--sf-dark-c-txt-snow-90)) } +html[data-theme='dark'] .sf-c-txt-snow\:95\:dark, html.dark .sf-c-txt-snow\:95\:dark { color: hsl(var(--sf-dark-c-txt-snow-95)) } +html[data-theme='dark'] .sf-c-txt-snow\:100\:dark, html.dark .sf-c-txt-snow\:100\:dark { color: hsl(var(--sf-dark-c-txt-snow-100)) } + html.var[data-theme='dark'] .sf-c-snow, html.var.dark .sf-c-snow { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 1%) } html.var[data-theme='dark'] .sf-c-snow\:0, html.var.dark .sf-c-snow\:0 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 100%) } html.var[data-theme='dark'] .sf-c-snow\:5, html.var.dark .sf-c-snow\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-snow\:90\:dark, html.var.dark .sf-c-snow\:90\: html.var[data-theme='dark'] .sf-c-snow\:95\:dark, html.var.dark .sf-c-snow\:95\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } html.var[data-theme='dark'] .sf-c-snow\:100\:dark, html.var.dark .sf-c-snow\:100\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-snow, html.dark .sf-c-txt-snow { color: hsl(0, 100%, 99%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:0, html.dark .sf-c-txt-snow\:0 { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:5, html.dark .sf-c-txt-snow\:5 { color: hsl(0, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:10, html.dark .sf-c-txt-snow\:10 { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:15, html.dark .sf-c-txt-snow\:15 { color: hsl(0, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:20, html.dark .sf-c-txt-snow\:20 { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:25, html.dark .sf-c-txt-snow\:25 { color: hsl(0, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:30, html.dark .sf-c-txt-snow\:30 { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:35, html.dark .sf-c-txt-snow\:35 { color: hsl(0, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:40, html.dark .sf-c-txt-snow\:40 { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:45, html.dark .sf-c-txt-snow\:45 { color: hsl(0, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:50, html.dark .sf-c-txt-snow\:50 { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:55, html.dark .sf-c-txt-snow\:55 { color: hsl(0, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:60, html.dark .sf-c-txt-snow\:60 { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:65, html.dark .sf-c-txt-snow\:65 { color: hsl(0, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:70, html.dark .sf-c-txt-snow\:70 { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:75, html.dark .sf-c-txt-snow\:75 { color: hsl(0, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:80, html.dark .sf-c-txt-snow\:80 { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:85, html.dark .sf-c-txt-snow\:85 { color: hsl(0, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:90, html.dark .sf-c-txt-snow\:90 { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:95, html.dark .sf-c-txt-snow\:95 { color: hsl(0, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:100, html.dark .sf-c-txt-snow\:100 { color: hsl(0, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-snow\:dark, html.dark .sf-c-txt-snow\:dark { color: hsl(0, 100%, 99%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:0\:dark, html.dark .sf-c-txt-snow\:0\:dark { color: hsl(0, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:5\:dark, html.dark .sf-c-txt-snow\:5\:dark { color: hsl(0, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:10\:dark, html.dark .sf-c-txt-snow\:10\:dark { color: hsl(0, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:15\:dark, html.dark .sf-c-txt-snow\:15\:dark { color: hsl(0, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:20\:dark, html.dark .sf-c-txt-snow\:20\:dark { color: hsl(0, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:25\:dark, html.dark .sf-c-txt-snow\:25\:dark { color: hsl(0, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:30\:dark, html.dark .sf-c-txt-snow\:30\:dark { color: hsl(0, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:35\:dark, html.dark .sf-c-txt-snow\:35\:dark { color: hsl(0, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:40\:dark, html.dark .sf-c-txt-snow\:40\:dark { color: hsl(0, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:45\:dark, html.dark .sf-c-txt-snow\:45\:dark { color: hsl(0, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:50\:dark, html.dark .sf-c-txt-snow\:50\:dark { color: hsl(0, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:55\:dark, html.dark .sf-c-txt-snow\:55\:dark { color: hsl(0, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:60\:dark, html.dark .sf-c-txt-snow\:60\:dark { color: hsl(0, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:65\:dark, html.dark .sf-c-txt-snow\:65\:dark { color: hsl(0, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:70\:dark, html.dark .sf-c-txt-snow\:70\:dark { color: hsl(0, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:75\:dark, html.dark .sf-c-txt-snow\:75\:dark { color: hsl(0, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:80\:dark, html.dark .sf-c-txt-snow\:80\:dark { color: hsl(0, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:85\:dark, html.dark .sf-c-txt-snow\:85\:dark { color: hsl(0, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:90\:dark, html.dark .sf-c-txt-snow\:90\:dark { color: hsl(0, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:95\:dark, html.dark .sf-c-txt-snow\:95\:dark { color: hsl(0, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-snow\:100\:dark, html.dark .sf-c-txt-snow\:100\:dark { color: hsl(0, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-snow, html.auto .sf-c-snow { color: hsl(var(--sf-dark-c-txt-snow-95)); background: hsl(var(--sf-dark-c-snow)) } html[data-theme='auto'] .sf-c-snow\:0, html.auto .sf-c-snow\:0 { color: hsl(var(--sf-dark-c-txt-snow-95)); background: hsl(var(--sf-dark-c-snow-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-snow\:100\:dark, html.var.dark .sf-c-snow\:100 html[data-theme='auto'] .sf-c-snow\:95\:dark, html.auto .sf-c-snow\:95\:dark { color: hsl(var(--sf-c-txt-snow-95)); background: hsl(var(--sf-c-snow-5)) } html[data-theme='auto'] .sf-c-snow\:100\:dark, html.auto .sf-c-snow\:100\:dark { color: hsl(var(--sf-c-txt-snow-95)); background: hsl(var(--sf-c-snow-0)) } + html[data-theme='auto'] .sf-c-txt-snow, html.auto .sf-c-txt-snow { color: hsl(var(--sf-c-txt-snow)) } + html[data-theme='auto'] .sf-c-txt-snow\:0, html.auto .sf-c-txt-snow\:0 { color: hsl(var(--sf-c-txt-snow-0)) } + html[data-theme='auto'] .sf-c-txt-snow\:5, html.auto .sf-c-txt-snow\:5 { color: hsl(var(--sf-c-txt-snow-5)) } + html[data-theme='auto'] .sf-c-txt-snow\:10, html.auto .sf-c-txt-snow\:10 { color: hsl(var(--sf-c-txt-snow-10)) } + html[data-theme='auto'] .sf-c-txt-snow\:15, html.auto .sf-c-txt-snow\:15 { color: hsl(var(--sf-c-txt-snow-15)) } + html[data-theme='auto'] .sf-c-txt-snow\:20, html.auto .sf-c-txt-snow\:20 { color: hsl(var(--sf-c-txt-snow-20)) } + html[data-theme='auto'] .sf-c-txt-snow\:25, html.auto .sf-c-txt-snow\:25 { color: hsl(var(--sf-c-txt-snow-25)) } + html[data-theme='auto'] .sf-c-txt-snow\:30, html.auto .sf-c-txt-snow\:30 { color: hsl(var(--sf-c-txt-snow-30)) } + html[data-theme='auto'] .sf-c-txt-snow\:35, html.auto .sf-c-txt-snow\:35 { color: hsl(var(--sf-c-txt-snow-35)) } + html[data-theme='auto'] .sf-c-txt-snow\:40, html.auto .sf-c-txt-snow\:40 { color: hsl(var(--sf-c-txt-snow-40)) } + html[data-theme='auto'] .sf-c-txt-snow\:45, html.auto .sf-c-txt-snow\:45 { color: hsl(var(--sf-c-txt-snow-45)) } + html[data-theme='auto'] .sf-c-txt-snow\:50, html.auto .sf-c-txt-snow\:50 { color: hsl(var(--sf-c-txt-snow-50)) } + html[data-theme='auto'] .sf-c-txt-snow\:55, html.auto .sf-c-txt-snow\:55 { color: hsl(var(--sf-c-txt-snow-55)) } + html[data-theme='auto'] .sf-c-txt-snow\:60, html.auto .sf-c-txt-snow\:60 { color: hsl(var(--sf-c-txt-snow-60)) } + html[data-theme='auto'] .sf-c-txt-snow\:65, html.auto .sf-c-txt-snow\:65 { color: hsl(var(--sf-c-txt-snow-65)) } + html[data-theme='auto'] .sf-c-txt-snow\:70, html.auto .sf-c-txt-snow\:70 { color: hsl(var(--sf-c-txt-snow-70)) } + html[data-theme='auto'] .sf-c-txt-snow\:75, html.auto .sf-c-txt-snow\:75 { color: hsl(var(--sf-c-txt-snow-75)) } + html[data-theme='auto'] .sf-c-txt-snow\:80, html.auto .sf-c-txt-snow\:80 { color: hsl(var(--sf-c-txt-snow-80)) } + html[data-theme='auto'] .sf-c-txt-snow\:85, html.auto .sf-c-txt-snow\:85 { color: hsl(var(--sf-c-txt-snow-85)) } + html[data-theme='auto'] .sf-c-txt-snow\:90, html.auto .sf-c-txt-snow\:90 { color: hsl(var(--sf-c-txt-snow-90)) } + html[data-theme='auto'] .sf-c-txt-snow\:95, html.auto .sf-c-txt-snow\:95 { color: hsl(var(--sf-c-txt-snow-95)) } + html[data-theme='auto'] .sf-c-txt-snow\:100, html.auto .sf-c-txt-snow\:100 { color: hsl(var(--sf-c-txt-snow-100)) } + + html[data-theme='auto'] .sf-c-txt-snow\:dark, html.auto .sf-c-txt-snow\:dark { color: hsl(var(--sf-c-txt-snow)) } + html[data-theme='auto'] .sf-c-txt-snow\:0\:dark, html.auto .sf-c-txt-snow\:0\:dark { color: hsl(var(--sf-c-txt-snow-0)) } + html[data-theme='auto'] .sf-c-txt-snow\:5\:dark, html.auto .sf-c-txt-snow\:5\:dark { color: hsl(var(--sf-c-txt-snow-5)) } + html[data-theme='auto'] .sf-c-txt-snow\:10\:dark, html.auto .sf-c-txt-snow\:10\:dark { color: hsl(var(--sf-c-txt-snow-10)) } + html[data-theme='auto'] .sf-c-txt-snow\:15\:dark, html.auto .sf-c-txt-snow\:15\:dark { color: hsl(var(--sf-c-txt-snow-15)) } + html[data-theme='auto'] .sf-c-txt-snow\:20\:dark, html.auto .sf-c-txt-snow\:20\:dark { color: hsl(var(--sf-c-txt-snow-20)) } + html[data-theme='auto'] .sf-c-txt-snow\:25\:dark, html.auto .sf-c-txt-snow\:25\:dark { color: hsl(var(--sf-c-txt-snow-25)) } + html[data-theme='auto'] .sf-c-txt-snow\:30\:dark, html.auto .sf-c-txt-snow\:30\:dark { color: hsl(var(--sf-c-txt-snow-30)) } + html[data-theme='auto'] .sf-c-txt-snow\:35\:dark, html.auto .sf-c-txt-snow\:35\:dark { color: hsl(var(--sf-c-txt-snow-35)) } + html[data-theme='auto'] .sf-c-txt-snow\:40\:dark, html.auto .sf-c-txt-snow\:40\:dark { color: hsl(var(--sf-c-txt-snow-40)) } + html[data-theme='auto'] .sf-c-txt-snow\:45\:dark, html.auto .sf-c-txt-snow\:45\:dark { color: hsl(var(--sf-c-txt-snow-45)) } + html[data-theme='auto'] .sf-c-txt-snow\:50\:dark, html.auto .sf-c-txt-snow\:50\:dark { color: hsl(var(--sf-c-txt-snow-50)) } + html[data-theme='auto'] .sf-c-txt-snow\:55\:dark, html.auto .sf-c-txt-snow\:55\:dark { color: hsl(var(--sf-c-txt-snow-55)) } + html[data-theme='auto'] .sf-c-txt-snow\:60\:dark, html.auto .sf-c-txt-snow\:60\:dark { color: hsl(var(--sf-c-txt-snow-60)) } + html[data-theme='auto'] .sf-c-txt-snow\:65\:dark, html.auto .sf-c-txt-snow\:65\:dark { color: hsl(var(--sf-c-txt-snow-65)) } + html[data-theme='auto'] .sf-c-txt-snow\:70\:dark, html.auto .sf-c-txt-snow\:70\:dark { color: hsl(var(--sf-c-txt-snow-70)) } + html[data-theme='auto'] .sf-c-txt-snow\:75\:dark, html.auto .sf-c-txt-snow\:75\:dark { color: hsl(var(--sf-c-txt-snow-75)) } + html[data-theme='auto'] .sf-c-txt-snow\:80\:dark, html.auto .sf-c-txt-snow\:80\:dark { color: hsl(var(--sf-c-txt-snow-80)) } + html[data-theme='auto'] .sf-c-txt-snow\:85\:dark, html.auto .sf-c-txt-snow\:85\:dark { color: hsl(var(--sf-c-txt-snow-85)) } + html[data-theme='auto'] .sf-c-txt-snow\:90\:dark, html.auto .sf-c-txt-snow\:90\:dark { color: hsl(var(--sf-c-txt-snow-90)) } + html[data-theme='auto'] .sf-c-txt-snow\:95\:dark, html.auto .sf-c-txt-snow\:95\:dark { color: hsl(var(--sf-c-txt-snow-95)) } + html[data-theme='auto'] .sf-c-txt-snow\:100\:dark, html.auto .sf-c-txt-snow\:100\:dark { color: hsl(var(--sf-c-txt-snow-100)) } + html.var[data-theme='auto'] .sf-c-snow, html.var.auto .sf-c-snow { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 1%) } html.var[data-theme='auto'] .sf-c-snow\:0, html.var.auto .sf-c-snow\:0 { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 100%) } html.var[data-theme='auto'] .sf-c-snow\:5, html.var.auto .sf-c-snow\:5 { color: hsl(0, 100%, 5%); background: hsl(0, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-snow\:100\:dark, html.var.dark .sf-c-snow\:100 html.var[data-theme='auto'] .sf-c-snow\:90\:dark, html.var.auto .sf-c-snow\:90\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 10%) } html.var[data-theme='auto'] .sf-c-snow\:95\:dark, html.var.auto .sf-c-snow\:95\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 5%) } html.var[data-theme='auto'] .sf-c-snow\:100\:dark, html.var.auto .sf-c-snow\:100\:dark { color: hsl(0, 100%, 95%); background: hsl(0, 100%, 0%) } -} -.sf-c-txt-snow { color: hsl(var(--sf-c-txt-snow)) } -.sf-c-txt-snow\:0 { color: hsl(var(--sf-c-txt-snow-0)) } -.sf-c-txt-snow\:5 { color: hsl(var(--sf-c-txt-snow-5)) } -.sf-c-txt-snow\:10 { color: hsl(var(--sf-c-txt-snow-10)) } -.sf-c-txt-snow\:15 { color: hsl(var(--sf-c-txt-snow-15)) } -.sf-c-txt-snow\:20 { color: hsl(var(--sf-c-txt-snow-20)) } -.sf-c-txt-snow\:25 { color: hsl(var(--sf-c-txt-snow-25)) } -.sf-c-txt-snow\:30 { color: hsl(var(--sf-c-txt-snow-30)) } -.sf-c-txt-snow\:35 { color: hsl(var(--sf-c-txt-snow-35)) } -.sf-c-txt-snow\:40 { color: hsl(var(--sf-c-txt-snow-40)) } -.sf-c-txt-snow\:45 { color: hsl(var(--sf-c-txt-snow-45)) } -.sf-c-txt-snow\:50 { color: hsl(var(--sf-c-txt-snow-50)) } -.sf-c-txt-snow\:55 { color: hsl(var(--sf-c-txt-snow-55)) } -.sf-c-txt-snow\:60 { color: hsl(var(--sf-c-txt-snow-60)) } -.sf-c-txt-snow\:65 { color: hsl(var(--sf-c-txt-snow-65)) } -.sf-c-txt-snow\:70 { color: hsl(var(--sf-c-txt-snow-70)) } -.sf-c-txt-snow\:75 { color: hsl(var(--sf-c-txt-snow-75)) } -.sf-c-txt-snow\:80 { color: hsl(var(--sf-c-txt-snow-80)) } -.sf-c-txt-snow\:85 { color: hsl(var(--sf-c-txt-snow-85)) } -.sf-c-txt-snow\:90 { color: hsl(var(--sf-c-txt-snow-90)) } -.sf-c-txt-snow\:95 { color: hsl(var(--sf-c-txt-snow-95)) } -.sf-c-txt-snow\:100 { color: hsl(var(--sf-c-txt-snow-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-snow, html.auto .sf-c-txt-snow { color: hsl(0, 100%, 99%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:0, html.auto .sf-c-txt-snow\:0 { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:5, html.auto .sf-c-txt-snow\:5 { color: hsl(0, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:10, html.auto .sf-c-txt-snow\:10 { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:15, html.auto .sf-c-txt-snow\:15 { color: hsl(0, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:20, html.auto .sf-c-txt-snow\:20 { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:25, html.auto .sf-c-txt-snow\:25 { color: hsl(0, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:30, html.auto .sf-c-txt-snow\:30 { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:35, html.auto .sf-c-txt-snow\:35 { color: hsl(0, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:40, html.auto .sf-c-txt-snow\:40 { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:45, html.auto .sf-c-txt-snow\:45 { color: hsl(0, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:50, html.auto .sf-c-txt-snow\:50 { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:55, html.auto .sf-c-txt-snow\:55 { color: hsl(0, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:60, html.auto .sf-c-txt-snow\:60 { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:65, html.auto .sf-c-txt-snow\:65 { color: hsl(0, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:70, html.auto .sf-c-txt-snow\:70 { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:75, html.auto .sf-c-txt-snow\:75 { color: hsl(0, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:80, html.auto .sf-c-txt-snow\:80 { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:85, html.auto .sf-c-txt-snow\:85 { color: hsl(0, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:90, html.auto .sf-c-txt-snow\:90 { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:95, html.auto .sf-c-txt-snow\:95 { color: hsl(0, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:100, html.auto .sf-c-txt-snow\:100 { color: hsl(0, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-snow\:dark, html.auto .sf-c-txt-snow\:dark { color: hsl(0, 100%, 99%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:0\:dark, html.auto .sf-c-txt-snow\:0\:dark { color: hsl(0, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:5\:dark, html.auto .sf-c-txt-snow\:5\:dark { color: hsl(0, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:10\:dark, html.auto .sf-c-txt-snow\:10\:dark { color: hsl(0, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:15\:dark, html.auto .sf-c-txt-snow\:15\:dark { color: hsl(0, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:20\:dark, html.auto .sf-c-txt-snow\:20\:dark { color: hsl(0, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:25\:dark, html.auto .sf-c-txt-snow\:25\:dark { color: hsl(0, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:30\:dark, html.auto .sf-c-txt-snow\:30\:dark { color: hsl(0, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:35\:dark, html.auto .sf-c-txt-snow\:35\:dark { color: hsl(0, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:40\:dark, html.auto .sf-c-txt-snow\:40\:dark { color: hsl(0, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:45\:dark, html.auto .sf-c-txt-snow\:45\:dark { color: hsl(0, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:50\:dark, html.auto .sf-c-txt-snow\:50\:dark { color: hsl(0, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:55\:dark, html.auto .sf-c-txt-snow\:55\:dark { color: hsl(0, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:60\:dark, html.auto .sf-c-txt-snow\:60\:dark { color: hsl(0, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:65\:dark, html.auto .sf-c-txt-snow\:65\:dark { color: hsl(0, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:70\:dark, html.auto .sf-c-txt-snow\:70\:dark { color: hsl(0, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:75\:dark, html.auto .sf-c-txt-snow\:75\:dark { color: hsl(0, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:80\:dark, html.auto .sf-c-txt-snow\:80\:dark { color: hsl(0, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:85\:dark, html.auto .sf-c-txt-snow\:85\:dark { color: hsl(0, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:90\:dark, html.auto .sf-c-txt-snow\:90\:dark { color: hsl(0, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:95\:dark, html.auto .sf-c-txt-snow\:95\:dark { color: hsl(0, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-snow\:100\:dark, html.auto .sf-c-txt-snow\:100\:dark { color: hsl(0, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/springgreen.css b/src/colors/20/springgreen.css index 6cb7374..7b28df5 100644 --- a/src/colors/20/springgreen.css +++ b/src/colors/20/springgreen.css @@ -138,6 +138,52 @@ html.var .sf-c-springgreen\:90 { color: hsl(150, 100%, 5%); background: hsl(150, html.var .sf-c-springgreen\:95 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } html.var .sf-c-springgreen\:100 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 100%) } +.sf-c-txt-springgreen { color: hsl(var(--sf-dark-c-txt-springgreen)) } +.sf-c-txt-springgreen\:0 { color: hsl(var(--sf-dark-c-txt-springgreen-100)) } +.sf-c-txt-springgreen\:5 { color: hsl(var(--sf-dark-c-txt-springgreen-95)) } +.sf-c-txt-springgreen\:10 { color: hsl(var(--sf-dark-c-txt-springgreen-90)) } +.sf-c-txt-springgreen\:15 { color: hsl(var(--sf-dark-c-txt-springgreen-85)) } +.sf-c-txt-springgreen\:20 { color: hsl(var(--sf-dark-c-txt-springgreen-80)) } +.sf-c-txt-springgreen\:25 { color: hsl(var(--sf-dark-c-txt-springgreen-75)) } +.sf-c-txt-springgreen\:30 { color: hsl(var(--sf-dark-c-txt-springgreen-70)) } +.sf-c-txt-springgreen\:35 { color: hsl(var(--sf-dark-c-txt-springgreen-65)) } +.sf-c-txt-springgreen\:40 { color: hsl(var(--sf-dark-c-txt-springgreen-60)) } +.sf-c-txt-springgreen\:45 { color: hsl(var(--sf-dark-c-txt-springgreen-55)) } +.sf-c-txt-springgreen\:50 { color: hsl(var(--sf-dark-c-txt-springgreen-50)) } +.sf-c-txt-springgreen\:55 { color: hsl(var(--sf-dark-c-txt-springgreen-45)) } +.sf-c-txt-springgreen\:60 { color: hsl(var(--sf-dark-c-txt-springgreen-40)) } +.sf-c-txt-springgreen\:65 { color: hsl(var(--sf-dark-c-txt-springgreen-35)) } +.sf-c-txt-springgreen\:70 { color: hsl(var(--sf-dark-c-txt-springgreen-30)) } +.sf-c-txt-springgreen\:75 { color: hsl(var(--sf-dark-c-txt-springgreen-25)) } +.sf-c-txt-springgreen\:80 { color: hsl(var(--sf-dark-c-txt-springgreen-20)) } +.sf-c-txt-springgreen\:85 { color: hsl(var(--sf-dark-c-txt-springgreen-15)) } +.sf-c-txt-springgreen\:90 { color: hsl(var(--sf-dark-c-txt-springgreen-10)) } +.sf-c-txt-springgreen\:95 { color: hsl(var(--sf-dark-c-txt-springgreen-5)) } +.sf-c-txt-springgreen\:100 { color: hsl(var(--sf-dark-c-txt-springgreen-0)) } + +html.var .sf-c-txt-springgreen { color: hsl(150, 100%, 50%) } +html.var .sf-c-txt-springgreen\:0 { color: hsl(150, 100%, 100%) } +html.var .sf-c-txt-springgreen\:5 { color: hsl(150, 100%, 95%) } +html.var .sf-c-txt-springgreen\:10 { color: hsl(150, 100%, 90%) } +html.var .sf-c-txt-springgreen\:15 { color: hsl(150, 100%, 85%) } +html.var .sf-c-txt-springgreen\:20 { color: hsl(150, 100%, 80%) } +html.var .sf-c-txt-springgreen\:25 { color: hsl(150, 100%, 75%) } +html.var .sf-c-txt-springgreen\:30 { color: hsl(150, 100%, 70%) } +html.var .sf-c-txt-springgreen\:35 { color: hsl(150, 100%, 65%) } +html.var .sf-c-txt-springgreen\:40 { color: hsl(150, 100%, 60%) } +html.var .sf-c-txt-springgreen\:45 { color: hsl(150, 100%, 55%) } +html.var .sf-c-txt-springgreen\:50 { color: hsl(150, 100%, 50%) } +html.var .sf-c-txt-springgreen\:55 { color: hsl(150, 100%, 45%) } +html.var .sf-c-txt-springgreen\:60 { color: hsl(150, 100%, 40%) } +html.var .sf-c-txt-springgreen\:65 { color: hsl(150, 100%, 35%) } +html.var .sf-c-txt-springgreen\:70 { color: hsl(150, 100%, 30%) } +html.var .sf-c-txt-springgreen\:75 { color: hsl(150, 100%, 25%) } +html.var .sf-c-txt-springgreen\:80 { color: hsl(150, 100%, 20%) } +html.var .sf-c-txt-springgreen\:85 { color: hsl(150, 100%, 15%) } +html.var .sf-c-txt-springgreen\:90 { color: hsl(150, 100%, 10%) } +html.var .sf-c-txt-springgreen\:95 { color: hsl(150, 100%, 5%) } +html.var .sf-c-txt-springgreen\:100 { color: hsl(150, 100%, 0%) } + html[data-theme='dark'] .sf-c-springgreen, html.dark .sf-c-springgreen { color: hsl(var(--sf-dark-c-txt-springgreen-5)); background: hsl(var(--sf-dark-c-springgreen)) } html[data-theme='dark'] .sf-c-springgreen\:0, html.dark .sf-c-springgreen\:0 { color: hsl(var(--sf-dark-c-txt-springgreen-95)); background: hsl(var(--sf-dark-c-springgreen-100)) } html[data-theme='dark'] .sf-c-springgreen\:5, html.dark .sf-c-springgreen\:5 { color: hsl(var(--sf-dark-c-txt-springgreen-5)); background: hsl(var(--sf-dark-c-springgreen-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-springgreen\:90\:dark, html.dark .sf-c-springgreen html[data-theme='dark'] .sf-c-springgreen\:95\:dark, html.dark .sf-c-springgreen\:95\:dark { color: hsl(var(--sf-c-txt-springgreen-95)); background: hsl(var(--sf-c-springgreen-5)) } html[data-theme='dark'] .sf-c-springgreen\:100\:dark, html.dark .sf-c-springgreen\:100\:dark { color: hsl(var(--sf-c-txt-springgreen-95)); background: hsl(var(--sf-c-springgreen-0)) } +html[data-theme='dark'] .sf-c-txt-springgreen, html.dark .sf-c-txt-springgreen { color: hsl(var(--sf-c-txt-springgreen)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:0, html.dark .sf-c-txt-springgreen\:0 { color: hsl(var(--sf-c-txt-springgreen-0)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:5, html.dark .sf-c-txt-springgreen\:5 { color: hsl(var(--sf-c-txt-springgreen-5)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:10, html.dark .sf-c-txt-springgreen\:10 { color: hsl(var(--sf-c-txt-springgreen-10)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:15, html.dark .sf-c-txt-springgreen\:15 { color: hsl(var(--sf-c-txt-springgreen-15)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:20, html.dark .sf-c-txt-springgreen\:20 { color: hsl(var(--sf-c-txt-springgreen-20)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:25, html.dark .sf-c-txt-springgreen\:25 { color: hsl(var(--sf-c-txt-springgreen-25)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:30, html.dark .sf-c-txt-springgreen\:30 { color: hsl(var(--sf-c-txt-springgreen-30)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:35, html.dark .sf-c-txt-springgreen\:35 { color: hsl(var(--sf-c-txt-springgreen-35)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:40, html.dark .sf-c-txt-springgreen\:40 { color: hsl(var(--sf-c-txt-springgreen-40)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:45, html.dark .sf-c-txt-springgreen\:45 { color: hsl(var(--sf-c-txt-springgreen-45)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:50, html.dark .sf-c-txt-springgreen\:50 { color: hsl(var(--sf-c-txt-springgreen-50)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:55, html.dark .sf-c-txt-springgreen\:55 { color: hsl(var(--sf-c-txt-springgreen-55)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:60, html.dark .sf-c-txt-springgreen\:60 { color: hsl(var(--sf-c-txt-springgreen-60)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:65, html.dark .sf-c-txt-springgreen\:65 { color: hsl(var(--sf-c-txt-springgreen-65)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:70, html.dark .sf-c-txt-springgreen\:70 { color: hsl(var(--sf-c-txt-springgreen-70)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:75, html.dark .sf-c-txt-springgreen\:75 { color: hsl(var(--sf-c-txt-springgreen-75)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:80, html.dark .sf-c-txt-springgreen\:80 { color: hsl(var(--sf-c-txt-springgreen-80)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:85, html.dark .sf-c-txt-springgreen\:85 { color: hsl(var(--sf-c-txt-springgreen-85)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:90, html.dark .sf-c-txt-springgreen\:90 { color: hsl(var(--sf-c-txt-springgreen-90)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:95, html.dark .sf-c-txt-springgreen\:95 { color: hsl(var(--sf-c-txt-springgreen-95)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:100, html.dark .sf-c-txt-springgreen\:100 { color: hsl(var(--sf-c-txt-springgreen-100)) } + +html[data-theme='dark'] .sf-c-txt-springgreen\:dark, html.dark .sf-c-txt-springgreen\:dark { color: hsl(var(--sf-c-txt-springgreen)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:0\:dark, html.dark .sf-c-txt-springgreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-0)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:5\:dark, html.dark .sf-c-txt-springgreen\:5\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-5)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:10\:dark, html.dark .sf-c-txt-springgreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-10)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:15\:dark, html.dark .sf-c-txt-springgreen\:15\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-15)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:20\:dark, html.dark .sf-c-txt-springgreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-20)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:25\:dark, html.dark .sf-c-txt-springgreen\:25\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-25)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:30\:dark, html.dark .sf-c-txt-springgreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-30)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:35\:dark, html.dark .sf-c-txt-springgreen\:35\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-35)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:40\:dark, html.dark .sf-c-txt-springgreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-40)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:45\:dark, html.dark .sf-c-txt-springgreen\:45\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-45)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:50\:dark, html.dark .sf-c-txt-springgreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-50)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:55\:dark, html.dark .sf-c-txt-springgreen\:55\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-55)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:60\:dark, html.dark .sf-c-txt-springgreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-60)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:65\:dark, html.dark .sf-c-txt-springgreen\:65\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-65)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:70\:dark, html.dark .sf-c-txt-springgreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-70)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:75\:dark, html.dark .sf-c-txt-springgreen\:75\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-75)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:80\:dark, html.dark .sf-c-txt-springgreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-80)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:85\:dark, html.dark .sf-c-txt-springgreen\:85\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-85)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:90\:dark, html.dark .sf-c-txt-springgreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-90)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:95\:dark, html.dark .sf-c-txt-springgreen\:95\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-95)) } +html[data-theme='dark'] .sf-c-txt-springgreen\:100\:dark, html.dark .sf-c-txt-springgreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-springgreen-100)) } + html.var[data-theme='dark'] .sf-c-springgreen, html.var.dark .sf-c-springgreen { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } html.var[data-theme='dark'] .sf-c-springgreen\:0, html.var.dark .sf-c-springgreen\:0 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 100%) } html.var[data-theme='dark'] .sf-c-springgreen\:5, html.var.dark .sf-c-springgreen\:5 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-springgreen\:90\:dark, html.var.dark .sf-c-spr html.var[data-theme='dark'] .sf-c-springgreen\:95\:dark, html.var.dark .sf-c-springgreen\:95\:dark { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 5%) } html.var[data-theme='dark'] .sf-c-springgreen\:100\:dark, html.var.dark .sf-c-springgreen\:100\:dark { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen, html.dark .sf-c-txt-springgreen { color: hsl(150, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:0, html.dark .sf-c-txt-springgreen\:0 { color: hsl(150, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:5, html.dark .sf-c-txt-springgreen\:5 { color: hsl(150, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:10, html.dark .sf-c-txt-springgreen\:10 { color: hsl(150, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:15, html.dark .sf-c-txt-springgreen\:15 { color: hsl(150, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:20, html.dark .sf-c-txt-springgreen\:20 { color: hsl(150, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:25, html.dark .sf-c-txt-springgreen\:25 { color: hsl(150, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:30, html.dark .sf-c-txt-springgreen\:30 { color: hsl(150, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:35, html.dark .sf-c-txt-springgreen\:35 { color: hsl(150, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:40, html.dark .sf-c-txt-springgreen\:40 { color: hsl(150, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:45, html.dark .sf-c-txt-springgreen\:45 { color: hsl(150, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:50, html.dark .sf-c-txt-springgreen\:50 { color: hsl(150, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:55, html.dark .sf-c-txt-springgreen\:55 { color: hsl(150, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:60, html.dark .sf-c-txt-springgreen\:60 { color: hsl(150, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:65, html.dark .sf-c-txt-springgreen\:65 { color: hsl(150, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:70, html.dark .sf-c-txt-springgreen\:70 { color: hsl(150, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:75, html.dark .sf-c-txt-springgreen\:75 { color: hsl(150, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:80, html.dark .sf-c-txt-springgreen\:80 { color: hsl(150, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:85, html.dark .sf-c-txt-springgreen\:85 { color: hsl(150, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:90, html.dark .sf-c-txt-springgreen\:90 { color: hsl(150, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:95, html.dark .sf-c-txt-springgreen\:95 { color: hsl(150, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:100, html.dark .sf-c-txt-springgreen\:100 { color: hsl(150, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-springgreen\:dark, html.dark .sf-c-txt-springgreen\:dark { color: hsl(150, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:0\:dark, html.dark .sf-c-txt-springgreen\:0\:dark { color: hsl(150, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:5\:dark, html.dark .sf-c-txt-springgreen\:5\:dark { color: hsl(150, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:10\:dark, html.dark .sf-c-txt-springgreen\:10\:dark { color: hsl(150, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:15\:dark, html.dark .sf-c-txt-springgreen\:15\:dark { color: hsl(150, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:20\:dark, html.dark .sf-c-txt-springgreen\:20\:dark { color: hsl(150, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:25\:dark, html.dark .sf-c-txt-springgreen\:25\:dark { color: hsl(150, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:30\:dark, html.dark .sf-c-txt-springgreen\:30\:dark { color: hsl(150, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:35\:dark, html.dark .sf-c-txt-springgreen\:35\:dark { color: hsl(150, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:40\:dark, html.dark .sf-c-txt-springgreen\:40\:dark { color: hsl(150, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:45\:dark, html.dark .sf-c-txt-springgreen\:45\:dark { color: hsl(150, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:50\:dark, html.dark .sf-c-txt-springgreen\:50\:dark { color: hsl(150, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:55\:dark, html.dark .sf-c-txt-springgreen\:55\:dark { color: hsl(150, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:60\:dark, html.dark .sf-c-txt-springgreen\:60\:dark { color: hsl(150, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:65\:dark, html.dark .sf-c-txt-springgreen\:65\:dark { color: hsl(150, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:70\:dark, html.dark .sf-c-txt-springgreen\:70\:dark { color: hsl(150, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:75\:dark, html.dark .sf-c-txt-springgreen\:75\:dark { color: hsl(150, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:80\:dark, html.dark .sf-c-txt-springgreen\:80\:dark { color: hsl(150, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:85\:dark, html.dark .sf-c-txt-springgreen\:85\:dark { color: hsl(150, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:90\:dark, html.dark .sf-c-txt-springgreen\:90\:dark { color: hsl(150, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:95\:dark, html.dark .sf-c-txt-springgreen\:95\:dark { color: hsl(150, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-springgreen\:100\:dark, html.dark .sf-c-txt-springgreen\:100\:dark { color: hsl(150, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-springgreen, html.auto .sf-c-springgreen { color: hsl(var(--sf-dark-c-txt-springgreen-5)); background: hsl(var(--sf-dark-c-springgreen)) } html[data-theme='auto'] .sf-c-springgreen\:0, html.auto .sf-c-springgreen\:0 { color: hsl(var(--sf-dark-c-txt-springgreen-95)); background: hsl(var(--sf-dark-c-springgreen-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-springgreen\:100\:dark, html.var.dark .sf-c-sp html[data-theme='auto'] .sf-c-springgreen\:95\:dark, html.auto .sf-c-springgreen\:95\:dark { color: hsl(var(--sf-c-txt-springgreen-95)); background: hsl(var(--sf-c-springgreen-5)) } html[data-theme='auto'] .sf-c-springgreen\:100\:dark, html.auto .sf-c-springgreen\:100\:dark { color: hsl(var(--sf-c-txt-springgreen-95)); background: hsl(var(--sf-c-springgreen-0)) } + html[data-theme='auto'] .sf-c-txt-springgreen, html.auto .sf-c-txt-springgreen { color: hsl(var(--sf-c-txt-springgreen)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:0, html.auto .sf-c-txt-springgreen\:0 { color: hsl(var(--sf-c-txt-springgreen-0)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:5, html.auto .sf-c-txt-springgreen\:5 { color: hsl(var(--sf-c-txt-springgreen-5)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:10, html.auto .sf-c-txt-springgreen\:10 { color: hsl(var(--sf-c-txt-springgreen-10)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:15, html.auto .sf-c-txt-springgreen\:15 { color: hsl(var(--sf-c-txt-springgreen-15)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:20, html.auto .sf-c-txt-springgreen\:20 { color: hsl(var(--sf-c-txt-springgreen-20)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:25, html.auto .sf-c-txt-springgreen\:25 { color: hsl(var(--sf-c-txt-springgreen-25)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:30, html.auto .sf-c-txt-springgreen\:30 { color: hsl(var(--sf-c-txt-springgreen-30)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:35, html.auto .sf-c-txt-springgreen\:35 { color: hsl(var(--sf-c-txt-springgreen-35)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:40, html.auto .sf-c-txt-springgreen\:40 { color: hsl(var(--sf-c-txt-springgreen-40)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:45, html.auto .sf-c-txt-springgreen\:45 { color: hsl(var(--sf-c-txt-springgreen-45)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:50, html.auto .sf-c-txt-springgreen\:50 { color: hsl(var(--sf-c-txt-springgreen-50)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:55, html.auto .sf-c-txt-springgreen\:55 { color: hsl(var(--sf-c-txt-springgreen-55)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:60, html.auto .sf-c-txt-springgreen\:60 { color: hsl(var(--sf-c-txt-springgreen-60)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:65, html.auto .sf-c-txt-springgreen\:65 { color: hsl(var(--sf-c-txt-springgreen-65)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:70, html.auto .sf-c-txt-springgreen\:70 { color: hsl(var(--sf-c-txt-springgreen-70)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:75, html.auto .sf-c-txt-springgreen\:75 { color: hsl(var(--sf-c-txt-springgreen-75)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:80, html.auto .sf-c-txt-springgreen\:80 { color: hsl(var(--sf-c-txt-springgreen-80)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:85, html.auto .sf-c-txt-springgreen\:85 { color: hsl(var(--sf-c-txt-springgreen-85)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:90, html.auto .sf-c-txt-springgreen\:90 { color: hsl(var(--sf-c-txt-springgreen-90)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:95, html.auto .sf-c-txt-springgreen\:95 { color: hsl(var(--sf-c-txt-springgreen-95)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:100, html.auto .sf-c-txt-springgreen\:100 { color: hsl(var(--sf-c-txt-springgreen-100)) } + + html[data-theme='auto'] .sf-c-txt-springgreen\:dark, html.auto .sf-c-txt-springgreen\:dark { color: hsl(var(--sf-c-txt-springgreen)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:0\:dark, html.auto .sf-c-txt-springgreen\:0\:dark { color: hsl(var(--sf-c-txt-springgreen-0)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:5\:dark, html.auto .sf-c-txt-springgreen\:5\:dark { color: hsl(var(--sf-c-txt-springgreen-5)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:10\:dark, html.auto .sf-c-txt-springgreen\:10\:dark { color: hsl(var(--sf-c-txt-springgreen-10)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:15\:dark, html.auto .sf-c-txt-springgreen\:15\:dark { color: hsl(var(--sf-c-txt-springgreen-15)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:20\:dark, html.auto .sf-c-txt-springgreen\:20\:dark { color: hsl(var(--sf-c-txt-springgreen-20)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:25\:dark, html.auto .sf-c-txt-springgreen\:25\:dark { color: hsl(var(--sf-c-txt-springgreen-25)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:30\:dark, html.auto .sf-c-txt-springgreen\:30\:dark { color: hsl(var(--sf-c-txt-springgreen-30)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:35\:dark, html.auto .sf-c-txt-springgreen\:35\:dark { color: hsl(var(--sf-c-txt-springgreen-35)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:40\:dark, html.auto .sf-c-txt-springgreen\:40\:dark { color: hsl(var(--sf-c-txt-springgreen-40)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:45\:dark, html.auto .sf-c-txt-springgreen\:45\:dark { color: hsl(var(--sf-c-txt-springgreen-45)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:50\:dark, html.auto .sf-c-txt-springgreen\:50\:dark { color: hsl(var(--sf-c-txt-springgreen-50)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:55\:dark, html.auto .sf-c-txt-springgreen\:55\:dark { color: hsl(var(--sf-c-txt-springgreen-55)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:60\:dark, html.auto .sf-c-txt-springgreen\:60\:dark { color: hsl(var(--sf-c-txt-springgreen-60)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:65\:dark, html.auto .sf-c-txt-springgreen\:65\:dark { color: hsl(var(--sf-c-txt-springgreen-65)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:70\:dark, html.auto .sf-c-txt-springgreen\:70\:dark { color: hsl(var(--sf-c-txt-springgreen-70)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:75\:dark, html.auto .sf-c-txt-springgreen\:75\:dark { color: hsl(var(--sf-c-txt-springgreen-75)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:80\:dark, html.auto .sf-c-txt-springgreen\:80\:dark { color: hsl(var(--sf-c-txt-springgreen-80)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:85\:dark, html.auto .sf-c-txt-springgreen\:85\:dark { color: hsl(var(--sf-c-txt-springgreen-85)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:90\:dark, html.auto .sf-c-txt-springgreen\:90\:dark { color: hsl(var(--sf-c-txt-springgreen-90)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:95\:dark, html.auto .sf-c-txt-springgreen\:95\:dark { color: hsl(var(--sf-c-txt-springgreen-95)) } + html[data-theme='auto'] .sf-c-txt-springgreen\:100\:dark, html.auto .sf-c-txt-springgreen\:100\:dark { color: hsl(var(--sf-c-txt-springgreen-100)) } + html.var[data-theme='auto'] .sf-c-springgreen, html.var.auto .sf-c-springgreen { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 50%) } html.var[data-theme='auto'] .sf-c-springgreen\:0, html.var.auto .sf-c-springgreen\:0 { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 100%) } html.var[data-theme='auto'] .sf-c-springgreen\:5, html.var.auto .sf-c-springgreen\:5 { color: hsl(150, 100%, 5%); background: hsl(150, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-springgreen\:100\:dark, html.var.dark .sf-c-sp html.var[data-theme='auto'] .sf-c-springgreen\:90\:dark, html.var.auto .sf-c-springgreen\:90\:dark { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 10%) } html.var[data-theme='auto'] .sf-c-springgreen\:95\:dark, html.var.auto .sf-c-springgreen\:95\:dark { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 5%) } html.var[data-theme='auto'] .sf-c-springgreen\:100\:dark, html.var.auto .sf-c-springgreen\:100\:dark { color: hsl(150, 100%, 95%); background: hsl(150, 100%, 0%) } -} -.sf-c-txt-springgreen { color: hsl(var(--sf-c-txt-springgreen)) } -.sf-c-txt-springgreen\:0 { color: hsl(var(--sf-c-txt-springgreen-0)) } -.sf-c-txt-springgreen\:5 { color: hsl(var(--sf-c-txt-springgreen-5)) } -.sf-c-txt-springgreen\:10 { color: hsl(var(--sf-c-txt-springgreen-10)) } -.sf-c-txt-springgreen\:15 { color: hsl(var(--sf-c-txt-springgreen-15)) } -.sf-c-txt-springgreen\:20 { color: hsl(var(--sf-c-txt-springgreen-20)) } -.sf-c-txt-springgreen\:25 { color: hsl(var(--sf-c-txt-springgreen-25)) } -.sf-c-txt-springgreen\:30 { color: hsl(var(--sf-c-txt-springgreen-30)) } -.sf-c-txt-springgreen\:35 { color: hsl(var(--sf-c-txt-springgreen-35)) } -.sf-c-txt-springgreen\:40 { color: hsl(var(--sf-c-txt-springgreen-40)) } -.sf-c-txt-springgreen\:45 { color: hsl(var(--sf-c-txt-springgreen-45)) } -.sf-c-txt-springgreen\:50 { color: hsl(var(--sf-c-txt-springgreen-50)) } -.sf-c-txt-springgreen\:55 { color: hsl(var(--sf-c-txt-springgreen-55)) } -.sf-c-txt-springgreen\:60 { color: hsl(var(--sf-c-txt-springgreen-60)) } -.sf-c-txt-springgreen\:65 { color: hsl(var(--sf-c-txt-springgreen-65)) } -.sf-c-txt-springgreen\:70 { color: hsl(var(--sf-c-txt-springgreen-70)) } -.sf-c-txt-springgreen\:75 { color: hsl(var(--sf-c-txt-springgreen-75)) } -.sf-c-txt-springgreen\:80 { color: hsl(var(--sf-c-txt-springgreen-80)) } -.sf-c-txt-springgreen\:85 { color: hsl(var(--sf-c-txt-springgreen-85)) } -.sf-c-txt-springgreen\:90 { color: hsl(var(--sf-c-txt-springgreen-90)) } -.sf-c-txt-springgreen\:95 { color: hsl(var(--sf-c-txt-springgreen-95)) } -.sf-c-txt-springgreen\:100 { color: hsl(var(--sf-c-txt-springgreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-springgreen, html.auto .sf-c-txt-springgreen { color: hsl(150, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:0, html.auto .sf-c-txt-springgreen\:0 { color: hsl(150, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:5, html.auto .sf-c-txt-springgreen\:5 { color: hsl(150, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:10, html.auto .sf-c-txt-springgreen\:10 { color: hsl(150, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:15, html.auto .sf-c-txt-springgreen\:15 { color: hsl(150, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:20, html.auto .sf-c-txt-springgreen\:20 { color: hsl(150, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:25, html.auto .sf-c-txt-springgreen\:25 { color: hsl(150, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:30, html.auto .sf-c-txt-springgreen\:30 { color: hsl(150, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:35, html.auto .sf-c-txt-springgreen\:35 { color: hsl(150, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:40, html.auto .sf-c-txt-springgreen\:40 { color: hsl(150, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:45, html.auto .sf-c-txt-springgreen\:45 { color: hsl(150, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:50, html.auto .sf-c-txt-springgreen\:50 { color: hsl(150, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:55, html.auto .sf-c-txt-springgreen\:55 { color: hsl(150, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:60, html.auto .sf-c-txt-springgreen\:60 { color: hsl(150, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:65, html.auto .sf-c-txt-springgreen\:65 { color: hsl(150, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:70, html.auto .sf-c-txt-springgreen\:70 { color: hsl(150, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:75, html.auto .sf-c-txt-springgreen\:75 { color: hsl(150, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:80, html.auto .sf-c-txt-springgreen\:80 { color: hsl(150, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:85, html.auto .sf-c-txt-springgreen\:85 { color: hsl(150, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:90, html.auto .sf-c-txt-springgreen\:90 { color: hsl(150, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:95, html.auto .sf-c-txt-springgreen\:95 { color: hsl(150, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:100, html.auto .sf-c-txt-springgreen\:100 { color: hsl(150, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-springgreen\:dark, html.auto .sf-c-txt-springgreen\:dark { color: hsl(150, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:0\:dark, html.auto .sf-c-txt-springgreen\:0\:dark { color: hsl(150, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:5\:dark, html.auto .sf-c-txt-springgreen\:5\:dark { color: hsl(150, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:10\:dark, html.auto .sf-c-txt-springgreen\:10\:dark { color: hsl(150, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:15\:dark, html.auto .sf-c-txt-springgreen\:15\:dark { color: hsl(150, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:20\:dark, html.auto .sf-c-txt-springgreen\:20\:dark { color: hsl(150, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:25\:dark, html.auto .sf-c-txt-springgreen\:25\:dark { color: hsl(150, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:30\:dark, html.auto .sf-c-txt-springgreen\:30\:dark { color: hsl(150, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:35\:dark, html.auto .sf-c-txt-springgreen\:35\:dark { color: hsl(150, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:40\:dark, html.auto .sf-c-txt-springgreen\:40\:dark { color: hsl(150, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:45\:dark, html.auto .sf-c-txt-springgreen\:45\:dark { color: hsl(150, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:50\:dark, html.auto .sf-c-txt-springgreen\:50\:dark { color: hsl(150, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:55\:dark, html.auto .sf-c-txt-springgreen\:55\:dark { color: hsl(150, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:60\:dark, html.auto .sf-c-txt-springgreen\:60\:dark { color: hsl(150, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:65\:dark, html.auto .sf-c-txt-springgreen\:65\:dark { color: hsl(150, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:70\:dark, html.auto .sf-c-txt-springgreen\:70\:dark { color: hsl(150, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:75\:dark, html.auto .sf-c-txt-springgreen\:75\:dark { color: hsl(150, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:80\:dark, html.auto .sf-c-txt-springgreen\:80\:dark { color: hsl(150, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:85\:dark, html.auto .sf-c-txt-springgreen\:85\:dark { color: hsl(150, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:90\:dark, html.auto .sf-c-txt-springgreen\:90\:dark { color: hsl(150, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:95\:dark, html.auto .sf-c-txt-springgreen\:95\:dark { color: hsl(150, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-springgreen\:100\:dark, html.auto .sf-c-txt-springgreen\:100\:dark { color: hsl(150, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/steelblue.css b/src/colors/20/steelblue.css index 04a774b..e840f11 100644 --- a/src/colors/20/steelblue.css +++ b/src/colors/20/steelblue.css @@ -138,6 +138,52 @@ html.var .sf-c-steelblue\:90 { color: hsl(207, 44%, 5%); background: hsl(207, 44 html.var .sf-c-steelblue\:95 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 95%) } html.var .sf-c-steelblue\:100 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 100%) } +.sf-c-txt-steelblue { color: hsl(var(--sf-dark-c-txt-steelblue)) } +.sf-c-txt-steelblue\:0 { color: hsl(var(--sf-dark-c-txt-steelblue-100)) } +.sf-c-txt-steelblue\:5 { color: hsl(var(--sf-dark-c-txt-steelblue-95)) } +.sf-c-txt-steelblue\:10 { color: hsl(var(--sf-dark-c-txt-steelblue-90)) } +.sf-c-txt-steelblue\:15 { color: hsl(var(--sf-dark-c-txt-steelblue-85)) } +.sf-c-txt-steelblue\:20 { color: hsl(var(--sf-dark-c-txt-steelblue-80)) } +.sf-c-txt-steelblue\:25 { color: hsl(var(--sf-dark-c-txt-steelblue-75)) } +.sf-c-txt-steelblue\:30 { color: hsl(var(--sf-dark-c-txt-steelblue-70)) } +.sf-c-txt-steelblue\:35 { color: hsl(var(--sf-dark-c-txt-steelblue-65)) } +.sf-c-txt-steelblue\:40 { color: hsl(var(--sf-dark-c-txt-steelblue-60)) } +.sf-c-txt-steelblue\:45 { color: hsl(var(--sf-dark-c-txt-steelblue-55)) } +.sf-c-txt-steelblue\:50 { color: hsl(var(--sf-dark-c-txt-steelblue-50)) } +.sf-c-txt-steelblue\:55 { color: hsl(var(--sf-dark-c-txt-steelblue-45)) } +.sf-c-txt-steelblue\:60 { color: hsl(var(--sf-dark-c-txt-steelblue-40)) } +.sf-c-txt-steelblue\:65 { color: hsl(var(--sf-dark-c-txt-steelblue-35)) } +.sf-c-txt-steelblue\:70 { color: hsl(var(--sf-dark-c-txt-steelblue-30)) } +.sf-c-txt-steelblue\:75 { color: hsl(var(--sf-dark-c-txt-steelblue-25)) } +.sf-c-txt-steelblue\:80 { color: hsl(var(--sf-dark-c-txt-steelblue-20)) } +.sf-c-txt-steelblue\:85 { color: hsl(var(--sf-dark-c-txt-steelblue-15)) } +.sf-c-txt-steelblue\:90 { color: hsl(var(--sf-dark-c-txt-steelblue-10)) } +.sf-c-txt-steelblue\:95 { color: hsl(var(--sf-dark-c-txt-steelblue-5)) } +.sf-c-txt-steelblue\:100 { color: hsl(var(--sf-dark-c-txt-steelblue-0)) } + +html.var .sf-c-txt-steelblue { color: hsl(207, 44%, 51%) } +html.var .sf-c-txt-steelblue\:0 { color: hsl(207, 44%, 100%) } +html.var .sf-c-txt-steelblue\:5 { color: hsl(207, 44%, 95%) } +html.var .sf-c-txt-steelblue\:10 { color: hsl(207, 44%, 90%) } +html.var .sf-c-txt-steelblue\:15 { color: hsl(207, 44%, 85%) } +html.var .sf-c-txt-steelblue\:20 { color: hsl(207, 44%, 80%) } +html.var .sf-c-txt-steelblue\:25 { color: hsl(207, 44%, 75%) } +html.var .sf-c-txt-steelblue\:30 { color: hsl(207, 44%, 70%) } +html.var .sf-c-txt-steelblue\:35 { color: hsl(207, 44%, 65%) } +html.var .sf-c-txt-steelblue\:40 { color: hsl(207, 44%, 60%) } +html.var .sf-c-txt-steelblue\:45 { color: hsl(207, 44%, 55%) } +html.var .sf-c-txt-steelblue\:50 { color: hsl(207, 44%, 50%) } +html.var .sf-c-txt-steelblue\:55 { color: hsl(207, 44%, 45%) } +html.var .sf-c-txt-steelblue\:60 { color: hsl(207, 44%, 40%) } +html.var .sf-c-txt-steelblue\:65 { color: hsl(207, 44%, 35%) } +html.var .sf-c-txt-steelblue\:70 { color: hsl(207, 44%, 30%) } +html.var .sf-c-txt-steelblue\:75 { color: hsl(207, 44%, 25%) } +html.var .sf-c-txt-steelblue\:80 { color: hsl(207, 44%, 20%) } +html.var .sf-c-txt-steelblue\:85 { color: hsl(207, 44%, 15%) } +html.var .sf-c-txt-steelblue\:90 { color: hsl(207, 44%, 10%) } +html.var .sf-c-txt-steelblue\:95 { color: hsl(207, 44%, 5%) } +html.var .sf-c-txt-steelblue\:100 { color: hsl(207, 44%, 0%) } + html[data-theme='dark'] .sf-c-steelblue, html.dark .sf-c-steelblue { color: hsl(var(--sf-dark-c-txt-steelblue-95)); background: hsl(var(--sf-dark-c-steelblue)) } html[data-theme='dark'] .sf-c-steelblue\:0, html.dark .sf-c-steelblue\:0 { color: hsl(var(--sf-dark-c-txt-steelblue-95)); background: hsl(var(--sf-dark-c-steelblue-100)) } html[data-theme='dark'] .sf-c-steelblue\:5, html.dark .sf-c-steelblue\:5 { color: hsl(var(--sf-dark-c-txt-steelblue-5)); background: hsl(var(--sf-dark-c-steelblue-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-steelblue\:90\:dark, html.dark .sf-c-steelblue\:90 html[data-theme='dark'] .sf-c-steelblue\:95\:dark, html.dark .sf-c-steelblue\:95\:dark { color: hsl(var(--sf-c-txt-steelblue-95)); background: hsl(var(--sf-c-steelblue-5)) } html[data-theme='dark'] .sf-c-steelblue\:100\:dark, html.dark .sf-c-steelblue\:100\:dark { color: hsl(var(--sf-c-txt-steelblue-95)); background: hsl(var(--sf-c-steelblue-0)) } +html[data-theme='dark'] .sf-c-txt-steelblue, html.dark .sf-c-txt-steelblue { color: hsl(var(--sf-c-txt-steelblue)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:0, html.dark .sf-c-txt-steelblue\:0 { color: hsl(var(--sf-c-txt-steelblue-0)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:5, html.dark .sf-c-txt-steelblue\:5 { color: hsl(var(--sf-c-txt-steelblue-5)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:10, html.dark .sf-c-txt-steelblue\:10 { color: hsl(var(--sf-c-txt-steelblue-10)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:15, html.dark .sf-c-txt-steelblue\:15 { color: hsl(var(--sf-c-txt-steelblue-15)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:20, html.dark .sf-c-txt-steelblue\:20 { color: hsl(var(--sf-c-txt-steelblue-20)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:25, html.dark .sf-c-txt-steelblue\:25 { color: hsl(var(--sf-c-txt-steelblue-25)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:30, html.dark .sf-c-txt-steelblue\:30 { color: hsl(var(--sf-c-txt-steelblue-30)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:35, html.dark .sf-c-txt-steelblue\:35 { color: hsl(var(--sf-c-txt-steelblue-35)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:40, html.dark .sf-c-txt-steelblue\:40 { color: hsl(var(--sf-c-txt-steelblue-40)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:45, html.dark .sf-c-txt-steelblue\:45 { color: hsl(var(--sf-c-txt-steelblue-45)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:50, html.dark .sf-c-txt-steelblue\:50 { color: hsl(var(--sf-c-txt-steelblue-50)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:55, html.dark .sf-c-txt-steelblue\:55 { color: hsl(var(--sf-c-txt-steelblue-55)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:60, html.dark .sf-c-txt-steelblue\:60 { color: hsl(var(--sf-c-txt-steelblue-60)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:65, html.dark .sf-c-txt-steelblue\:65 { color: hsl(var(--sf-c-txt-steelblue-65)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:70, html.dark .sf-c-txt-steelblue\:70 { color: hsl(var(--sf-c-txt-steelblue-70)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:75, html.dark .sf-c-txt-steelblue\:75 { color: hsl(var(--sf-c-txt-steelblue-75)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:80, html.dark .sf-c-txt-steelblue\:80 { color: hsl(var(--sf-c-txt-steelblue-80)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:85, html.dark .sf-c-txt-steelblue\:85 { color: hsl(var(--sf-c-txt-steelblue-85)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:90, html.dark .sf-c-txt-steelblue\:90 { color: hsl(var(--sf-c-txt-steelblue-90)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:95, html.dark .sf-c-txt-steelblue\:95 { color: hsl(var(--sf-c-txt-steelblue-95)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:100, html.dark .sf-c-txt-steelblue\:100 { color: hsl(var(--sf-c-txt-steelblue-100)) } + +html[data-theme='dark'] .sf-c-txt-steelblue\:dark, html.dark .sf-c-txt-steelblue\:dark { color: hsl(var(--sf-c-txt-steelblue)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:0\:dark, html.dark .sf-c-txt-steelblue\:0\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-0)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:5\:dark, html.dark .sf-c-txt-steelblue\:5\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-5)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:10\:dark, html.dark .sf-c-txt-steelblue\:10\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-10)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:15\:dark, html.dark .sf-c-txt-steelblue\:15\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-15)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:20\:dark, html.dark .sf-c-txt-steelblue\:20\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-20)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:25\:dark, html.dark .sf-c-txt-steelblue\:25\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-25)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:30\:dark, html.dark .sf-c-txt-steelblue\:30\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-30)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:35\:dark, html.dark .sf-c-txt-steelblue\:35\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-35)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:40\:dark, html.dark .sf-c-txt-steelblue\:40\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-40)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:45\:dark, html.dark .sf-c-txt-steelblue\:45\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-45)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:50\:dark, html.dark .sf-c-txt-steelblue\:50\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-50)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:55\:dark, html.dark .sf-c-txt-steelblue\:55\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-55)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:60\:dark, html.dark .sf-c-txt-steelblue\:60\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-60)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:65\:dark, html.dark .sf-c-txt-steelblue\:65\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-65)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:70\:dark, html.dark .sf-c-txt-steelblue\:70\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-70)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:75\:dark, html.dark .sf-c-txt-steelblue\:75\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-75)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:80\:dark, html.dark .sf-c-txt-steelblue\:80\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-80)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:85\:dark, html.dark .sf-c-txt-steelblue\:85\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-85)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:90\:dark, html.dark .sf-c-txt-steelblue\:90\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-90)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:95\:dark, html.dark .sf-c-txt-steelblue\:95\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-95)) } +html[data-theme='dark'] .sf-c-txt-steelblue\:100\:dark, html.dark .sf-c-txt-steelblue\:100\:dark { color: hsl(var(--sf-dark-c-txt-steelblue-100)) } + html.var[data-theme='dark'] .sf-c-steelblue, html.var.dark .sf-c-steelblue { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 51%) } html.var[data-theme='dark'] .sf-c-steelblue\:0, html.var.dark .sf-c-steelblue\:0 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 100%) } html.var[data-theme='dark'] .sf-c-steelblue\:5, html.var.dark .sf-c-steelblue\:5 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-steelblue\:90\:dark, html.var.dark .sf-c-steel html.var[data-theme='dark'] .sf-c-steelblue\:95\:dark, html.var.dark .sf-c-steelblue\:95\:dark { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 5%) } html.var[data-theme='dark'] .sf-c-steelblue\:100\:dark, html.var.dark .sf-c-steelblue\:100\:dark { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue, html.dark .sf-c-txt-steelblue { color: hsl(207, 44%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:0, html.dark .sf-c-txt-steelblue\:0 { color: hsl(207, 44%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:5, html.dark .sf-c-txt-steelblue\:5 { color: hsl(207, 44%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:10, html.dark .sf-c-txt-steelblue\:10 { color: hsl(207, 44%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:15, html.dark .sf-c-txt-steelblue\:15 { color: hsl(207, 44%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:20, html.dark .sf-c-txt-steelblue\:20 { color: hsl(207, 44%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:25, html.dark .sf-c-txt-steelblue\:25 { color: hsl(207, 44%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:30, html.dark .sf-c-txt-steelblue\:30 { color: hsl(207, 44%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:35, html.dark .sf-c-txt-steelblue\:35 { color: hsl(207, 44%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:40, html.dark .sf-c-txt-steelblue\:40 { color: hsl(207, 44%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:45, html.dark .sf-c-txt-steelblue\:45 { color: hsl(207, 44%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:50, html.dark .sf-c-txt-steelblue\:50 { color: hsl(207, 44%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:55, html.dark .sf-c-txt-steelblue\:55 { color: hsl(207, 44%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:60, html.dark .sf-c-txt-steelblue\:60 { color: hsl(207, 44%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:65, html.dark .sf-c-txt-steelblue\:65 { color: hsl(207, 44%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:70, html.dark .sf-c-txt-steelblue\:70 { color: hsl(207, 44%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:75, html.dark .sf-c-txt-steelblue\:75 { color: hsl(207, 44%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:80, html.dark .sf-c-txt-steelblue\:80 { color: hsl(207, 44%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:85, html.dark .sf-c-txt-steelblue\:85 { color: hsl(207, 44%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:90, html.dark .sf-c-txt-steelblue\:90 { color: hsl(207, 44%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:95, html.dark .sf-c-txt-steelblue\:95 { color: hsl(207, 44%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:100, html.dark .sf-c-txt-steelblue\:100 { color: hsl(207, 44%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-steelblue\:dark, html.dark .sf-c-txt-steelblue\:dark { color: hsl(207, 44%, 49%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:0\:dark, html.dark .sf-c-txt-steelblue\:0\:dark { color: hsl(207, 44%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:5\:dark, html.dark .sf-c-txt-steelblue\:5\:dark { color: hsl(207, 44%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:10\:dark, html.dark .sf-c-txt-steelblue\:10\:dark { color: hsl(207, 44%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:15\:dark, html.dark .sf-c-txt-steelblue\:15\:dark { color: hsl(207, 44%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:20\:dark, html.dark .sf-c-txt-steelblue\:20\:dark { color: hsl(207, 44%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:25\:dark, html.dark .sf-c-txt-steelblue\:25\:dark { color: hsl(207, 44%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:30\:dark, html.dark .sf-c-txt-steelblue\:30\:dark { color: hsl(207, 44%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:35\:dark, html.dark .sf-c-txt-steelblue\:35\:dark { color: hsl(207, 44%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:40\:dark, html.dark .sf-c-txt-steelblue\:40\:dark { color: hsl(207, 44%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:45\:dark, html.dark .sf-c-txt-steelblue\:45\:dark { color: hsl(207, 44%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:50\:dark, html.dark .sf-c-txt-steelblue\:50\:dark { color: hsl(207, 44%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:55\:dark, html.dark .sf-c-txt-steelblue\:55\:dark { color: hsl(207, 44%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:60\:dark, html.dark .sf-c-txt-steelblue\:60\:dark { color: hsl(207, 44%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:65\:dark, html.dark .sf-c-txt-steelblue\:65\:dark { color: hsl(207, 44%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:70\:dark, html.dark .sf-c-txt-steelblue\:70\:dark { color: hsl(207, 44%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:75\:dark, html.dark .sf-c-txt-steelblue\:75\:dark { color: hsl(207, 44%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:80\:dark, html.dark .sf-c-txt-steelblue\:80\:dark { color: hsl(207, 44%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:85\:dark, html.dark .sf-c-txt-steelblue\:85\:dark { color: hsl(207, 44%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:90\:dark, html.dark .sf-c-txt-steelblue\:90\:dark { color: hsl(207, 44%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:95\:dark, html.dark .sf-c-txt-steelblue\:95\:dark { color: hsl(207, 44%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-steelblue\:100\:dark, html.dark .sf-c-txt-steelblue\:100\:dark { color: hsl(207, 44%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-steelblue, html.auto .sf-c-steelblue { color: hsl(var(--sf-dark-c-txt-steelblue-95)); background: hsl(var(--sf-dark-c-steelblue)) } html[data-theme='auto'] .sf-c-steelblue\:0, html.auto .sf-c-steelblue\:0 { color: hsl(var(--sf-dark-c-txt-steelblue-95)); background: hsl(var(--sf-dark-c-steelblue-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-steelblue\:100\:dark, html.var.dark .sf-c-stee html[data-theme='auto'] .sf-c-steelblue\:95\:dark, html.auto .sf-c-steelblue\:95\:dark { color: hsl(var(--sf-c-txt-steelblue-95)); background: hsl(var(--sf-c-steelblue-5)) } html[data-theme='auto'] .sf-c-steelblue\:100\:dark, html.auto .sf-c-steelblue\:100\:dark { color: hsl(var(--sf-c-txt-steelblue-95)); background: hsl(var(--sf-c-steelblue-0)) } + html[data-theme='auto'] .sf-c-txt-steelblue, html.auto .sf-c-txt-steelblue { color: hsl(var(--sf-c-txt-steelblue)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:0, html.auto .sf-c-txt-steelblue\:0 { color: hsl(var(--sf-c-txt-steelblue-0)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:5, html.auto .sf-c-txt-steelblue\:5 { color: hsl(var(--sf-c-txt-steelblue-5)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:10, html.auto .sf-c-txt-steelblue\:10 { color: hsl(var(--sf-c-txt-steelblue-10)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:15, html.auto .sf-c-txt-steelblue\:15 { color: hsl(var(--sf-c-txt-steelblue-15)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:20, html.auto .sf-c-txt-steelblue\:20 { color: hsl(var(--sf-c-txt-steelblue-20)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:25, html.auto .sf-c-txt-steelblue\:25 { color: hsl(var(--sf-c-txt-steelblue-25)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:30, html.auto .sf-c-txt-steelblue\:30 { color: hsl(var(--sf-c-txt-steelblue-30)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:35, html.auto .sf-c-txt-steelblue\:35 { color: hsl(var(--sf-c-txt-steelblue-35)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:40, html.auto .sf-c-txt-steelblue\:40 { color: hsl(var(--sf-c-txt-steelblue-40)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:45, html.auto .sf-c-txt-steelblue\:45 { color: hsl(var(--sf-c-txt-steelblue-45)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:50, html.auto .sf-c-txt-steelblue\:50 { color: hsl(var(--sf-c-txt-steelblue-50)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:55, html.auto .sf-c-txt-steelblue\:55 { color: hsl(var(--sf-c-txt-steelblue-55)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:60, html.auto .sf-c-txt-steelblue\:60 { color: hsl(var(--sf-c-txt-steelblue-60)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:65, html.auto .sf-c-txt-steelblue\:65 { color: hsl(var(--sf-c-txt-steelblue-65)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:70, html.auto .sf-c-txt-steelblue\:70 { color: hsl(var(--sf-c-txt-steelblue-70)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:75, html.auto .sf-c-txt-steelblue\:75 { color: hsl(var(--sf-c-txt-steelblue-75)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:80, html.auto .sf-c-txt-steelblue\:80 { color: hsl(var(--sf-c-txt-steelblue-80)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:85, html.auto .sf-c-txt-steelblue\:85 { color: hsl(var(--sf-c-txt-steelblue-85)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:90, html.auto .sf-c-txt-steelblue\:90 { color: hsl(var(--sf-c-txt-steelblue-90)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:95, html.auto .sf-c-txt-steelblue\:95 { color: hsl(var(--sf-c-txt-steelblue-95)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:100, html.auto .sf-c-txt-steelblue\:100 { color: hsl(var(--sf-c-txt-steelblue-100)) } + + html[data-theme='auto'] .sf-c-txt-steelblue\:dark, html.auto .sf-c-txt-steelblue\:dark { color: hsl(var(--sf-c-txt-steelblue)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:0\:dark, html.auto .sf-c-txt-steelblue\:0\:dark { color: hsl(var(--sf-c-txt-steelblue-0)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:5\:dark, html.auto .sf-c-txt-steelblue\:5\:dark { color: hsl(var(--sf-c-txt-steelblue-5)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:10\:dark, html.auto .sf-c-txt-steelblue\:10\:dark { color: hsl(var(--sf-c-txt-steelblue-10)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:15\:dark, html.auto .sf-c-txt-steelblue\:15\:dark { color: hsl(var(--sf-c-txt-steelblue-15)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:20\:dark, html.auto .sf-c-txt-steelblue\:20\:dark { color: hsl(var(--sf-c-txt-steelblue-20)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:25\:dark, html.auto .sf-c-txt-steelblue\:25\:dark { color: hsl(var(--sf-c-txt-steelblue-25)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:30\:dark, html.auto .sf-c-txt-steelblue\:30\:dark { color: hsl(var(--sf-c-txt-steelblue-30)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:35\:dark, html.auto .sf-c-txt-steelblue\:35\:dark { color: hsl(var(--sf-c-txt-steelblue-35)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:40\:dark, html.auto .sf-c-txt-steelblue\:40\:dark { color: hsl(var(--sf-c-txt-steelblue-40)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:45\:dark, html.auto .sf-c-txt-steelblue\:45\:dark { color: hsl(var(--sf-c-txt-steelblue-45)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:50\:dark, html.auto .sf-c-txt-steelblue\:50\:dark { color: hsl(var(--sf-c-txt-steelblue-50)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:55\:dark, html.auto .sf-c-txt-steelblue\:55\:dark { color: hsl(var(--sf-c-txt-steelblue-55)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:60\:dark, html.auto .sf-c-txt-steelblue\:60\:dark { color: hsl(var(--sf-c-txt-steelblue-60)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:65\:dark, html.auto .sf-c-txt-steelblue\:65\:dark { color: hsl(var(--sf-c-txt-steelblue-65)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:70\:dark, html.auto .sf-c-txt-steelblue\:70\:dark { color: hsl(var(--sf-c-txt-steelblue-70)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:75\:dark, html.auto .sf-c-txt-steelblue\:75\:dark { color: hsl(var(--sf-c-txt-steelblue-75)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:80\:dark, html.auto .sf-c-txt-steelblue\:80\:dark { color: hsl(var(--sf-c-txt-steelblue-80)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:85\:dark, html.auto .sf-c-txt-steelblue\:85\:dark { color: hsl(var(--sf-c-txt-steelblue-85)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:90\:dark, html.auto .sf-c-txt-steelblue\:90\:dark { color: hsl(var(--sf-c-txt-steelblue-90)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:95\:dark, html.auto .sf-c-txt-steelblue\:95\:dark { color: hsl(var(--sf-c-txt-steelblue-95)) } + html[data-theme='auto'] .sf-c-txt-steelblue\:100\:dark, html.auto .sf-c-txt-steelblue\:100\:dark { color: hsl(var(--sf-c-txt-steelblue-100)) } + html.var[data-theme='auto'] .sf-c-steelblue, html.var.auto .sf-c-steelblue { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 51%) } html.var[data-theme='auto'] .sf-c-steelblue\:0, html.var.auto .sf-c-steelblue\:0 { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 100%) } html.var[data-theme='auto'] .sf-c-steelblue\:5, html.var.auto .sf-c-steelblue\:5 { color: hsl(207, 44%, 5%); background: hsl(207, 44%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-steelblue\:100\:dark, html.var.dark .sf-c-stee html.var[data-theme='auto'] .sf-c-steelblue\:90\:dark, html.var.auto .sf-c-steelblue\:90\:dark { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 10%) } html.var[data-theme='auto'] .sf-c-steelblue\:95\:dark, html.var.auto .sf-c-steelblue\:95\:dark { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 5%) } html.var[data-theme='auto'] .sf-c-steelblue\:100\:dark, html.var.auto .sf-c-steelblue\:100\:dark { color: hsl(207, 44%, 95%); background: hsl(207, 44%, 0%) } -} -.sf-c-txt-steelblue { color: hsl(var(--sf-c-txt-steelblue)) } -.sf-c-txt-steelblue\:0 { color: hsl(var(--sf-c-txt-steelblue-0)) } -.sf-c-txt-steelblue\:5 { color: hsl(var(--sf-c-txt-steelblue-5)) } -.sf-c-txt-steelblue\:10 { color: hsl(var(--sf-c-txt-steelblue-10)) } -.sf-c-txt-steelblue\:15 { color: hsl(var(--sf-c-txt-steelblue-15)) } -.sf-c-txt-steelblue\:20 { color: hsl(var(--sf-c-txt-steelblue-20)) } -.sf-c-txt-steelblue\:25 { color: hsl(var(--sf-c-txt-steelblue-25)) } -.sf-c-txt-steelblue\:30 { color: hsl(var(--sf-c-txt-steelblue-30)) } -.sf-c-txt-steelblue\:35 { color: hsl(var(--sf-c-txt-steelblue-35)) } -.sf-c-txt-steelblue\:40 { color: hsl(var(--sf-c-txt-steelblue-40)) } -.sf-c-txt-steelblue\:45 { color: hsl(var(--sf-c-txt-steelblue-45)) } -.sf-c-txt-steelblue\:50 { color: hsl(var(--sf-c-txt-steelblue-50)) } -.sf-c-txt-steelblue\:55 { color: hsl(var(--sf-c-txt-steelblue-55)) } -.sf-c-txt-steelblue\:60 { color: hsl(var(--sf-c-txt-steelblue-60)) } -.sf-c-txt-steelblue\:65 { color: hsl(var(--sf-c-txt-steelblue-65)) } -.sf-c-txt-steelblue\:70 { color: hsl(var(--sf-c-txt-steelblue-70)) } -.sf-c-txt-steelblue\:75 { color: hsl(var(--sf-c-txt-steelblue-75)) } -.sf-c-txt-steelblue\:80 { color: hsl(var(--sf-c-txt-steelblue-80)) } -.sf-c-txt-steelblue\:85 { color: hsl(var(--sf-c-txt-steelblue-85)) } -.sf-c-txt-steelblue\:90 { color: hsl(var(--sf-c-txt-steelblue-90)) } -.sf-c-txt-steelblue\:95 { color: hsl(var(--sf-c-txt-steelblue-95)) } -.sf-c-txt-steelblue\:100 { color: hsl(var(--sf-c-txt-steelblue-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-steelblue, html.auto .sf-c-txt-steelblue { color: hsl(207, 44%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:0, html.auto .sf-c-txt-steelblue\:0 { color: hsl(207, 44%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:5, html.auto .sf-c-txt-steelblue\:5 { color: hsl(207, 44%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:10, html.auto .sf-c-txt-steelblue\:10 { color: hsl(207, 44%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:15, html.auto .sf-c-txt-steelblue\:15 { color: hsl(207, 44%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:20, html.auto .sf-c-txt-steelblue\:20 { color: hsl(207, 44%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:25, html.auto .sf-c-txt-steelblue\:25 { color: hsl(207, 44%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:30, html.auto .sf-c-txt-steelblue\:30 { color: hsl(207, 44%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:35, html.auto .sf-c-txt-steelblue\:35 { color: hsl(207, 44%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:40, html.auto .sf-c-txt-steelblue\:40 { color: hsl(207, 44%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:45, html.auto .sf-c-txt-steelblue\:45 { color: hsl(207, 44%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:50, html.auto .sf-c-txt-steelblue\:50 { color: hsl(207, 44%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:55, html.auto .sf-c-txt-steelblue\:55 { color: hsl(207, 44%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:60, html.auto .sf-c-txt-steelblue\:60 { color: hsl(207, 44%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:65, html.auto .sf-c-txt-steelblue\:65 { color: hsl(207, 44%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:70, html.auto .sf-c-txt-steelblue\:70 { color: hsl(207, 44%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:75, html.auto .sf-c-txt-steelblue\:75 { color: hsl(207, 44%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:80, html.auto .sf-c-txt-steelblue\:80 { color: hsl(207, 44%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:85, html.auto .sf-c-txt-steelblue\:85 { color: hsl(207, 44%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:90, html.auto .sf-c-txt-steelblue\:90 { color: hsl(207, 44%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:95, html.auto .sf-c-txt-steelblue\:95 { color: hsl(207, 44%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:100, html.auto .sf-c-txt-steelblue\:100 { color: hsl(207, 44%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-steelblue\:dark, html.auto .sf-c-txt-steelblue\:dark { color: hsl(207, 44%, 49%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:0\:dark, html.auto .sf-c-txt-steelblue\:0\:dark { color: hsl(207, 44%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:5\:dark, html.auto .sf-c-txt-steelblue\:5\:dark { color: hsl(207, 44%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:10\:dark, html.auto .sf-c-txt-steelblue\:10\:dark { color: hsl(207, 44%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:15\:dark, html.auto .sf-c-txt-steelblue\:15\:dark { color: hsl(207, 44%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:20\:dark, html.auto .sf-c-txt-steelblue\:20\:dark { color: hsl(207, 44%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:25\:dark, html.auto .sf-c-txt-steelblue\:25\:dark { color: hsl(207, 44%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:30\:dark, html.auto .sf-c-txt-steelblue\:30\:dark { color: hsl(207, 44%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:35\:dark, html.auto .sf-c-txt-steelblue\:35\:dark { color: hsl(207, 44%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:40\:dark, html.auto .sf-c-txt-steelblue\:40\:dark { color: hsl(207, 44%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:45\:dark, html.auto .sf-c-txt-steelblue\:45\:dark { color: hsl(207, 44%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:50\:dark, html.auto .sf-c-txt-steelblue\:50\:dark { color: hsl(207, 44%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:55\:dark, html.auto .sf-c-txt-steelblue\:55\:dark { color: hsl(207, 44%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:60\:dark, html.auto .sf-c-txt-steelblue\:60\:dark { color: hsl(207, 44%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:65\:dark, html.auto .sf-c-txt-steelblue\:65\:dark { color: hsl(207, 44%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:70\:dark, html.auto .sf-c-txt-steelblue\:70\:dark { color: hsl(207, 44%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:75\:dark, html.auto .sf-c-txt-steelblue\:75\:dark { color: hsl(207, 44%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:80\:dark, html.auto .sf-c-txt-steelblue\:80\:dark { color: hsl(207, 44%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:85\:dark, html.auto .sf-c-txt-steelblue\:85\:dark { color: hsl(207, 44%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:90\:dark, html.auto .sf-c-txt-steelblue\:90\:dark { color: hsl(207, 44%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:95\:dark, html.auto .sf-c-txt-steelblue\:95\:dark { color: hsl(207, 44%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-steelblue\:100\:dark, html.auto .sf-c-txt-steelblue\:100\:dark { color: hsl(207, 44%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/tan.css b/src/colors/20/tan.css index 108e8a3..51bdab9 100644 --- a/src/colors/20/tan.css +++ b/src/colors/20/tan.css @@ -138,6 +138,52 @@ html.var .sf-c-tan\:90 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 90%) html.var .sf-c-tan\:95 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 95%) } html.var .sf-c-tan\:100 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 100%) } +.sf-c-txt-tan { color: hsl(var(--sf-dark-c-txt-tan)) } +.sf-c-txt-tan\:0 { color: hsl(var(--sf-dark-c-txt-tan-100)) } +.sf-c-txt-tan\:5 { color: hsl(var(--sf-dark-c-txt-tan-95)) } +.sf-c-txt-tan\:10 { color: hsl(var(--sf-dark-c-txt-tan-90)) } +.sf-c-txt-tan\:15 { color: hsl(var(--sf-dark-c-txt-tan-85)) } +.sf-c-txt-tan\:20 { color: hsl(var(--sf-dark-c-txt-tan-80)) } +.sf-c-txt-tan\:25 { color: hsl(var(--sf-dark-c-txt-tan-75)) } +.sf-c-txt-tan\:30 { color: hsl(var(--sf-dark-c-txt-tan-70)) } +.sf-c-txt-tan\:35 { color: hsl(var(--sf-dark-c-txt-tan-65)) } +.sf-c-txt-tan\:40 { color: hsl(var(--sf-dark-c-txt-tan-60)) } +.sf-c-txt-tan\:45 { color: hsl(var(--sf-dark-c-txt-tan-55)) } +.sf-c-txt-tan\:50 { color: hsl(var(--sf-dark-c-txt-tan-50)) } +.sf-c-txt-tan\:55 { color: hsl(var(--sf-dark-c-txt-tan-45)) } +.sf-c-txt-tan\:60 { color: hsl(var(--sf-dark-c-txt-tan-40)) } +.sf-c-txt-tan\:65 { color: hsl(var(--sf-dark-c-txt-tan-35)) } +.sf-c-txt-tan\:70 { color: hsl(var(--sf-dark-c-txt-tan-30)) } +.sf-c-txt-tan\:75 { color: hsl(var(--sf-dark-c-txt-tan-25)) } +.sf-c-txt-tan\:80 { color: hsl(var(--sf-dark-c-txt-tan-20)) } +.sf-c-txt-tan\:85 { color: hsl(var(--sf-dark-c-txt-tan-15)) } +.sf-c-txt-tan\:90 { color: hsl(var(--sf-dark-c-txt-tan-10)) } +.sf-c-txt-tan\:95 { color: hsl(var(--sf-dark-c-txt-tan-5)) } +.sf-c-txt-tan\:100 { color: hsl(var(--sf-dark-c-txt-tan-0)) } + +html.var .sf-c-txt-tan { color: hsl(34, 44%, 31%) } +html.var .sf-c-txt-tan\:0 { color: hsl(34, 44%, 100%) } +html.var .sf-c-txt-tan\:5 { color: hsl(34, 44%, 95%) } +html.var .sf-c-txt-tan\:10 { color: hsl(34, 44%, 90%) } +html.var .sf-c-txt-tan\:15 { color: hsl(34, 44%, 85%) } +html.var .sf-c-txt-tan\:20 { color: hsl(34, 44%, 80%) } +html.var .sf-c-txt-tan\:25 { color: hsl(34, 44%, 75%) } +html.var .sf-c-txt-tan\:30 { color: hsl(34, 44%, 70%) } +html.var .sf-c-txt-tan\:35 { color: hsl(34, 44%, 65%) } +html.var .sf-c-txt-tan\:40 { color: hsl(34, 44%, 60%) } +html.var .sf-c-txt-tan\:45 { color: hsl(34, 44%, 55%) } +html.var .sf-c-txt-tan\:50 { color: hsl(34, 44%, 50%) } +html.var .sf-c-txt-tan\:55 { color: hsl(34, 44%, 45%) } +html.var .sf-c-txt-tan\:60 { color: hsl(34, 44%, 40%) } +html.var .sf-c-txt-tan\:65 { color: hsl(34, 44%, 35%) } +html.var .sf-c-txt-tan\:70 { color: hsl(34, 44%, 30%) } +html.var .sf-c-txt-tan\:75 { color: hsl(34, 44%, 25%) } +html.var .sf-c-txt-tan\:80 { color: hsl(34, 44%, 20%) } +html.var .sf-c-txt-tan\:85 { color: hsl(34, 44%, 15%) } +html.var .sf-c-txt-tan\:90 { color: hsl(34, 44%, 10%) } +html.var .sf-c-txt-tan\:95 { color: hsl(34, 44%, 5%) } +html.var .sf-c-txt-tan\:100 { color: hsl(34, 44%, 0%) } + html[data-theme='dark'] .sf-c-tan, html.dark .sf-c-tan { color: hsl(var(--sf-dark-c-txt-tan-95)); background: hsl(var(--sf-dark-c-tan)) } html[data-theme='dark'] .sf-c-tan\:0, html.dark .sf-c-tan\:0 { color: hsl(var(--sf-dark-c-txt-tan-95)); background: hsl(var(--sf-dark-c-tan-100)) } html[data-theme='dark'] .sf-c-tan\:5, html.dark .sf-c-tan\:5 { color: hsl(var(--sf-dark-c-txt-tan-5)); background: hsl(var(--sf-dark-c-tan-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-tan\:90\:dark, html.dark .sf-c-tan\:90\:dark { col html[data-theme='dark'] .sf-c-tan\:95\:dark, html.dark .sf-c-tan\:95\:dark { color: hsl(var(--sf-c-txt-tan-95)); background: hsl(var(--sf-c-tan-5)) } html[data-theme='dark'] .sf-c-tan\:100\:dark, html.dark .sf-c-tan\:100\:dark { color: hsl(var(--sf-c-txt-tan-95)); background: hsl(var(--sf-c-tan-0)) } +html[data-theme='dark'] .sf-c-txt-tan, html.dark .sf-c-txt-tan { color: hsl(var(--sf-c-txt-tan)) } +html[data-theme='dark'] .sf-c-txt-tan\:0, html.dark .sf-c-txt-tan\:0 { color: hsl(var(--sf-c-txt-tan-0)) } +html[data-theme='dark'] .sf-c-txt-tan\:5, html.dark .sf-c-txt-tan\:5 { color: hsl(var(--sf-c-txt-tan-5)) } +html[data-theme='dark'] .sf-c-txt-tan\:10, html.dark .sf-c-txt-tan\:10 { color: hsl(var(--sf-c-txt-tan-10)) } +html[data-theme='dark'] .sf-c-txt-tan\:15, html.dark .sf-c-txt-tan\:15 { color: hsl(var(--sf-c-txt-tan-15)) } +html[data-theme='dark'] .sf-c-txt-tan\:20, html.dark .sf-c-txt-tan\:20 { color: hsl(var(--sf-c-txt-tan-20)) } +html[data-theme='dark'] .sf-c-txt-tan\:25, html.dark .sf-c-txt-tan\:25 { color: hsl(var(--sf-c-txt-tan-25)) } +html[data-theme='dark'] .sf-c-txt-tan\:30, html.dark .sf-c-txt-tan\:30 { color: hsl(var(--sf-c-txt-tan-30)) } +html[data-theme='dark'] .sf-c-txt-tan\:35, html.dark .sf-c-txt-tan\:35 { color: hsl(var(--sf-c-txt-tan-35)) } +html[data-theme='dark'] .sf-c-txt-tan\:40, html.dark .sf-c-txt-tan\:40 { color: hsl(var(--sf-c-txt-tan-40)) } +html[data-theme='dark'] .sf-c-txt-tan\:45, html.dark .sf-c-txt-tan\:45 { color: hsl(var(--sf-c-txt-tan-45)) } +html[data-theme='dark'] .sf-c-txt-tan\:50, html.dark .sf-c-txt-tan\:50 { color: hsl(var(--sf-c-txt-tan-50)) } +html[data-theme='dark'] .sf-c-txt-tan\:55, html.dark .sf-c-txt-tan\:55 { color: hsl(var(--sf-c-txt-tan-55)) } +html[data-theme='dark'] .sf-c-txt-tan\:60, html.dark .sf-c-txt-tan\:60 { color: hsl(var(--sf-c-txt-tan-60)) } +html[data-theme='dark'] .sf-c-txt-tan\:65, html.dark .sf-c-txt-tan\:65 { color: hsl(var(--sf-c-txt-tan-65)) } +html[data-theme='dark'] .sf-c-txt-tan\:70, html.dark .sf-c-txt-tan\:70 { color: hsl(var(--sf-c-txt-tan-70)) } +html[data-theme='dark'] .sf-c-txt-tan\:75, html.dark .sf-c-txt-tan\:75 { color: hsl(var(--sf-c-txt-tan-75)) } +html[data-theme='dark'] .sf-c-txt-tan\:80, html.dark .sf-c-txt-tan\:80 { color: hsl(var(--sf-c-txt-tan-80)) } +html[data-theme='dark'] .sf-c-txt-tan\:85, html.dark .sf-c-txt-tan\:85 { color: hsl(var(--sf-c-txt-tan-85)) } +html[data-theme='dark'] .sf-c-txt-tan\:90, html.dark .sf-c-txt-tan\:90 { color: hsl(var(--sf-c-txt-tan-90)) } +html[data-theme='dark'] .sf-c-txt-tan\:95, html.dark .sf-c-txt-tan\:95 { color: hsl(var(--sf-c-txt-tan-95)) } +html[data-theme='dark'] .sf-c-txt-tan\:100, html.dark .sf-c-txt-tan\:100 { color: hsl(var(--sf-c-txt-tan-100)) } + +html[data-theme='dark'] .sf-c-txt-tan\:dark, html.dark .sf-c-txt-tan\:dark { color: hsl(var(--sf-c-txt-tan)) } +html[data-theme='dark'] .sf-c-txt-tan\:0\:dark, html.dark .sf-c-txt-tan\:0\:dark { color: hsl(var(--sf-dark-c-txt-tan-0)) } +html[data-theme='dark'] .sf-c-txt-tan\:5\:dark, html.dark .sf-c-txt-tan\:5\:dark { color: hsl(var(--sf-dark-c-txt-tan-5)) } +html[data-theme='dark'] .sf-c-txt-tan\:10\:dark, html.dark .sf-c-txt-tan\:10\:dark { color: hsl(var(--sf-dark-c-txt-tan-10)) } +html[data-theme='dark'] .sf-c-txt-tan\:15\:dark, html.dark .sf-c-txt-tan\:15\:dark { color: hsl(var(--sf-dark-c-txt-tan-15)) } +html[data-theme='dark'] .sf-c-txt-tan\:20\:dark, html.dark .sf-c-txt-tan\:20\:dark { color: hsl(var(--sf-dark-c-txt-tan-20)) } +html[data-theme='dark'] .sf-c-txt-tan\:25\:dark, html.dark .sf-c-txt-tan\:25\:dark { color: hsl(var(--sf-dark-c-txt-tan-25)) } +html[data-theme='dark'] .sf-c-txt-tan\:30\:dark, html.dark .sf-c-txt-tan\:30\:dark { color: hsl(var(--sf-dark-c-txt-tan-30)) } +html[data-theme='dark'] .sf-c-txt-tan\:35\:dark, html.dark .sf-c-txt-tan\:35\:dark { color: hsl(var(--sf-dark-c-txt-tan-35)) } +html[data-theme='dark'] .sf-c-txt-tan\:40\:dark, html.dark .sf-c-txt-tan\:40\:dark { color: hsl(var(--sf-dark-c-txt-tan-40)) } +html[data-theme='dark'] .sf-c-txt-tan\:45\:dark, html.dark .sf-c-txt-tan\:45\:dark { color: hsl(var(--sf-dark-c-txt-tan-45)) } +html[data-theme='dark'] .sf-c-txt-tan\:50\:dark, html.dark .sf-c-txt-tan\:50\:dark { color: hsl(var(--sf-dark-c-txt-tan-50)) } +html[data-theme='dark'] .sf-c-txt-tan\:55\:dark, html.dark .sf-c-txt-tan\:55\:dark { color: hsl(var(--sf-dark-c-txt-tan-55)) } +html[data-theme='dark'] .sf-c-txt-tan\:60\:dark, html.dark .sf-c-txt-tan\:60\:dark { color: hsl(var(--sf-dark-c-txt-tan-60)) } +html[data-theme='dark'] .sf-c-txt-tan\:65\:dark, html.dark .sf-c-txt-tan\:65\:dark { color: hsl(var(--sf-dark-c-txt-tan-65)) } +html[data-theme='dark'] .sf-c-txt-tan\:70\:dark, html.dark .sf-c-txt-tan\:70\:dark { color: hsl(var(--sf-dark-c-txt-tan-70)) } +html[data-theme='dark'] .sf-c-txt-tan\:75\:dark, html.dark .sf-c-txt-tan\:75\:dark { color: hsl(var(--sf-dark-c-txt-tan-75)) } +html[data-theme='dark'] .sf-c-txt-tan\:80\:dark, html.dark .sf-c-txt-tan\:80\:dark { color: hsl(var(--sf-dark-c-txt-tan-80)) } +html[data-theme='dark'] .sf-c-txt-tan\:85\:dark, html.dark .sf-c-txt-tan\:85\:dark { color: hsl(var(--sf-dark-c-txt-tan-85)) } +html[data-theme='dark'] .sf-c-txt-tan\:90\:dark, html.dark .sf-c-txt-tan\:90\:dark { color: hsl(var(--sf-dark-c-txt-tan-90)) } +html[data-theme='dark'] .sf-c-txt-tan\:95\:dark, html.dark .sf-c-txt-tan\:95\:dark { color: hsl(var(--sf-dark-c-txt-tan-95)) } +html[data-theme='dark'] .sf-c-txt-tan\:100\:dark, html.dark .sf-c-txt-tan\:100\:dark { color: hsl(var(--sf-dark-c-txt-tan-100)) } + html.var[data-theme='dark'] .sf-c-tan, html.var.dark .sf-c-tan { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 31%) } html.var[data-theme='dark'] .sf-c-tan\:0, html.var.dark .sf-c-tan\:0 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 100%) } html.var[data-theme='dark'] .sf-c-tan\:5, html.var.dark .sf-c-tan\:5 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-tan\:90\:dark, html.var.dark .sf-c-tan\:90\:da html.var[data-theme='dark'] .sf-c-tan\:95\:dark, html.var.dark .sf-c-tan\:95\:dark { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 5%) } html.var[data-theme='dark'] .sf-c-tan\:100\:dark, html.var.dark .sf-c-tan\:100\:dark { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-tan, html.dark .sf-c-txt-tan { color: hsl(34, 44%, 69%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:0, html.dark .sf-c-txt-tan\:0 { color: hsl(34, 44%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:5, html.dark .sf-c-txt-tan\:5 { color: hsl(34, 44%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:10, html.dark .sf-c-txt-tan\:10 { color: hsl(34, 44%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:15, html.dark .sf-c-txt-tan\:15 { color: hsl(34, 44%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:20, html.dark .sf-c-txt-tan\:20 { color: hsl(34, 44%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:25, html.dark .sf-c-txt-tan\:25 { color: hsl(34, 44%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:30, html.dark .sf-c-txt-tan\:30 { color: hsl(34, 44%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:35, html.dark .sf-c-txt-tan\:35 { color: hsl(34, 44%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:40, html.dark .sf-c-txt-tan\:40 { color: hsl(34, 44%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:45, html.dark .sf-c-txt-tan\:45 { color: hsl(34, 44%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:50, html.dark .sf-c-txt-tan\:50 { color: hsl(34, 44%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:55, html.dark .sf-c-txt-tan\:55 { color: hsl(34, 44%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:60, html.dark .sf-c-txt-tan\:60 { color: hsl(34, 44%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:65, html.dark .sf-c-txt-tan\:65 { color: hsl(34, 44%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:70, html.dark .sf-c-txt-tan\:70 { color: hsl(34, 44%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:75, html.dark .sf-c-txt-tan\:75 { color: hsl(34, 44%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:80, html.dark .sf-c-txt-tan\:80 { color: hsl(34, 44%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:85, html.dark .sf-c-txt-tan\:85 { color: hsl(34, 44%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:90, html.dark .sf-c-txt-tan\:90 { color: hsl(34, 44%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:95, html.dark .sf-c-txt-tan\:95 { color: hsl(34, 44%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:100, html.dark .sf-c-txt-tan\:100 { color: hsl(34, 44%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-tan\:dark, html.dark .sf-c-txt-tan\:dark { color: hsl(34, 44%, 69%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:0\:dark, html.dark .sf-c-txt-tan\:0\:dark { color: hsl(34, 44%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:5\:dark, html.dark .sf-c-txt-tan\:5\:dark { color: hsl(34, 44%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:10\:dark, html.dark .sf-c-txt-tan\:10\:dark { color: hsl(34, 44%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:15\:dark, html.dark .sf-c-txt-tan\:15\:dark { color: hsl(34, 44%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:20\:dark, html.dark .sf-c-txt-tan\:20\:dark { color: hsl(34, 44%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:25\:dark, html.dark .sf-c-txt-tan\:25\:dark { color: hsl(34, 44%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:30\:dark, html.dark .sf-c-txt-tan\:30\:dark { color: hsl(34, 44%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:35\:dark, html.dark .sf-c-txt-tan\:35\:dark { color: hsl(34, 44%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:40\:dark, html.dark .sf-c-txt-tan\:40\:dark { color: hsl(34, 44%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:45\:dark, html.dark .sf-c-txt-tan\:45\:dark { color: hsl(34, 44%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:50\:dark, html.dark .sf-c-txt-tan\:50\:dark { color: hsl(34, 44%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:55\:dark, html.dark .sf-c-txt-tan\:55\:dark { color: hsl(34, 44%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:60\:dark, html.dark .sf-c-txt-tan\:60\:dark { color: hsl(34, 44%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:65\:dark, html.dark .sf-c-txt-tan\:65\:dark { color: hsl(34, 44%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:70\:dark, html.dark .sf-c-txt-tan\:70\:dark { color: hsl(34, 44%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:75\:dark, html.dark .sf-c-txt-tan\:75\:dark { color: hsl(34, 44%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:80\:dark, html.dark .sf-c-txt-tan\:80\:dark { color: hsl(34, 44%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:85\:dark, html.dark .sf-c-txt-tan\:85\:dark { color: hsl(34, 44%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:90\:dark, html.dark .sf-c-txt-tan\:90\:dark { color: hsl(34, 44%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:95\:dark, html.dark .sf-c-txt-tan\:95\:dark { color: hsl(34, 44%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-tan\:100\:dark, html.dark .sf-c-txt-tan\:100\:dark { color: hsl(34, 44%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-tan, html.auto .sf-c-tan { color: hsl(var(--sf-dark-c-txt-tan-95)); background: hsl(var(--sf-dark-c-tan)) } html[data-theme='auto'] .sf-c-tan\:0, html.auto .sf-c-tan\:0 { color: hsl(var(--sf-dark-c-txt-tan-95)); background: hsl(var(--sf-dark-c-tan-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-tan\:100\:dark, html.var.dark .sf-c-tan\:100\: html[data-theme='auto'] .sf-c-tan\:95\:dark, html.auto .sf-c-tan\:95\:dark { color: hsl(var(--sf-c-txt-tan-95)); background: hsl(var(--sf-c-tan-5)) } html[data-theme='auto'] .sf-c-tan\:100\:dark, html.auto .sf-c-tan\:100\:dark { color: hsl(var(--sf-c-txt-tan-95)); background: hsl(var(--sf-c-tan-0)) } + html[data-theme='auto'] .sf-c-txt-tan, html.auto .sf-c-txt-tan { color: hsl(var(--sf-c-txt-tan)) } + html[data-theme='auto'] .sf-c-txt-tan\:0, html.auto .sf-c-txt-tan\:0 { color: hsl(var(--sf-c-txt-tan-0)) } + html[data-theme='auto'] .sf-c-txt-tan\:5, html.auto .sf-c-txt-tan\:5 { color: hsl(var(--sf-c-txt-tan-5)) } + html[data-theme='auto'] .sf-c-txt-tan\:10, html.auto .sf-c-txt-tan\:10 { color: hsl(var(--sf-c-txt-tan-10)) } + html[data-theme='auto'] .sf-c-txt-tan\:15, html.auto .sf-c-txt-tan\:15 { color: hsl(var(--sf-c-txt-tan-15)) } + html[data-theme='auto'] .sf-c-txt-tan\:20, html.auto .sf-c-txt-tan\:20 { color: hsl(var(--sf-c-txt-tan-20)) } + html[data-theme='auto'] .sf-c-txt-tan\:25, html.auto .sf-c-txt-tan\:25 { color: hsl(var(--sf-c-txt-tan-25)) } + html[data-theme='auto'] .sf-c-txt-tan\:30, html.auto .sf-c-txt-tan\:30 { color: hsl(var(--sf-c-txt-tan-30)) } + html[data-theme='auto'] .sf-c-txt-tan\:35, html.auto .sf-c-txt-tan\:35 { color: hsl(var(--sf-c-txt-tan-35)) } + html[data-theme='auto'] .sf-c-txt-tan\:40, html.auto .sf-c-txt-tan\:40 { color: hsl(var(--sf-c-txt-tan-40)) } + html[data-theme='auto'] .sf-c-txt-tan\:45, html.auto .sf-c-txt-tan\:45 { color: hsl(var(--sf-c-txt-tan-45)) } + html[data-theme='auto'] .sf-c-txt-tan\:50, html.auto .sf-c-txt-tan\:50 { color: hsl(var(--sf-c-txt-tan-50)) } + html[data-theme='auto'] .sf-c-txt-tan\:55, html.auto .sf-c-txt-tan\:55 { color: hsl(var(--sf-c-txt-tan-55)) } + html[data-theme='auto'] .sf-c-txt-tan\:60, html.auto .sf-c-txt-tan\:60 { color: hsl(var(--sf-c-txt-tan-60)) } + html[data-theme='auto'] .sf-c-txt-tan\:65, html.auto .sf-c-txt-tan\:65 { color: hsl(var(--sf-c-txt-tan-65)) } + html[data-theme='auto'] .sf-c-txt-tan\:70, html.auto .sf-c-txt-tan\:70 { color: hsl(var(--sf-c-txt-tan-70)) } + html[data-theme='auto'] .sf-c-txt-tan\:75, html.auto .sf-c-txt-tan\:75 { color: hsl(var(--sf-c-txt-tan-75)) } + html[data-theme='auto'] .sf-c-txt-tan\:80, html.auto .sf-c-txt-tan\:80 { color: hsl(var(--sf-c-txt-tan-80)) } + html[data-theme='auto'] .sf-c-txt-tan\:85, html.auto .sf-c-txt-tan\:85 { color: hsl(var(--sf-c-txt-tan-85)) } + html[data-theme='auto'] .sf-c-txt-tan\:90, html.auto .sf-c-txt-tan\:90 { color: hsl(var(--sf-c-txt-tan-90)) } + html[data-theme='auto'] .sf-c-txt-tan\:95, html.auto .sf-c-txt-tan\:95 { color: hsl(var(--sf-c-txt-tan-95)) } + html[data-theme='auto'] .sf-c-txt-tan\:100, html.auto .sf-c-txt-tan\:100 { color: hsl(var(--sf-c-txt-tan-100)) } + + html[data-theme='auto'] .sf-c-txt-tan\:dark, html.auto .sf-c-txt-tan\:dark { color: hsl(var(--sf-c-txt-tan)) } + html[data-theme='auto'] .sf-c-txt-tan\:0\:dark, html.auto .sf-c-txt-tan\:0\:dark { color: hsl(var(--sf-c-txt-tan-0)) } + html[data-theme='auto'] .sf-c-txt-tan\:5\:dark, html.auto .sf-c-txt-tan\:5\:dark { color: hsl(var(--sf-c-txt-tan-5)) } + html[data-theme='auto'] .sf-c-txt-tan\:10\:dark, html.auto .sf-c-txt-tan\:10\:dark { color: hsl(var(--sf-c-txt-tan-10)) } + html[data-theme='auto'] .sf-c-txt-tan\:15\:dark, html.auto .sf-c-txt-tan\:15\:dark { color: hsl(var(--sf-c-txt-tan-15)) } + html[data-theme='auto'] .sf-c-txt-tan\:20\:dark, html.auto .sf-c-txt-tan\:20\:dark { color: hsl(var(--sf-c-txt-tan-20)) } + html[data-theme='auto'] .sf-c-txt-tan\:25\:dark, html.auto .sf-c-txt-tan\:25\:dark { color: hsl(var(--sf-c-txt-tan-25)) } + html[data-theme='auto'] .sf-c-txt-tan\:30\:dark, html.auto .sf-c-txt-tan\:30\:dark { color: hsl(var(--sf-c-txt-tan-30)) } + html[data-theme='auto'] .sf-c-txt-tan\:35\:dark, html.auto .sf-c-txt-tan\:35\:dark { color: hsl(var(--sf-c-txt-tan-35)) } + html[data-theme='auto'] .sf-c-txt-tan\:40\:dark, html.auto .sf-c-txt-tan\:40\:dark { color: hsl(var(--sf-c-txt-tan-40)) } + html[data-theme='auto'] .sf-c-txt-tan\:45\:dark, html.auto .sf-c-txt-tan\:45\:dark { color: hsl(var(--sf-c-txt-tan-45)) } + html[data-theme='auto'] .sf-c-txt-tan\:50\:dark, html.auto .sf-c-txt-tan\:50\:dark { color: hsl(var(--sf-c-txt-tan-50)) } + html[data-theme='auto'] .sf-c-txt-tan\:55\:dark, html.auto .sf-c-txt-tan\:55\:dark { color: hsl(var(--sf-c-txt-tan-55)) } + html[data-theme='auto'] .sf-c-txt-tan\:60\:dark, html.auto .sf-c-txt-tan\:60\:dark { color: hsl(var(--sf-c-txt-tan-60)) } + html[data-theme='auto'] .sf-c-txt-tan\:65\:dark, html.auto .sf-c-txt-tan\:65\:dark { color: hsl(var(--sf-c-txt-tan-65)) } + html[data-theme='auto'] .sf-c-txt-tan\:70\:dark, html.auto .sf-c-txt-tan\:70\:dark { color: hsl(var(--sf-c-txt-tan-70)) } + html[data-theme='auto'] .sf-c-txt-tan\:75\:dark, html.auto .sf-c-txt-tan\:75\:dark { color: hsl(var(--sf-c-txt-tan-75)) } + html[data-theme='auto'] .sf-c-txt-tan\:80\:dark, html.auto .sf-c-txt-tan\:80\:dark { color: hsl(var(--sf-c-txt-tan-80)) } + html[data-theme='auto'] .sf-c-txt-tan\:85\:dark, html.auto .sf-c-txt-tan\:85\:dark { color: hsl(var(--sf-c-txt-tan-85)) } + html[data-theme='auto'] .sf-c-txt-tan\:90\:dark, html.auto .sf-c-txt-tan\:90\:dark { color: hsl(var(--sf-c-txt-tan-90)) } + html[data-theme='auto'] .sf-c-txt-tan\:95\:dark, html.auto .sf-c-txt-tan\:95\:dark { color: hsl(var(--sf-c-txt-tan-95)) } + html[data-theme='auto'] .sf-c-txt-tan\:100\:dark, html.auto .sf-c-txt-tan\:100\:dark { color: hsl(var(--sf-c-txt-tan-100)) } + html.var[data-theme='auto'] .sf-c-tan, html.var.auto .sf-c-tan { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 31%) } html.var[data-theme='auto'] .sf-c-tan\:0, html.var.auto .sf-c-tan\:0 { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 100%) } html.var[data-theme='auto'] .sf-c-tan\:5, html.var.auto .sf-c-tan\:5 { color: hsl(34, 44%, 5%); background: hsl(34, 44%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-tan\:100\:dark, html.var.dark .sf-c-tan\:100\: html.var[data-theme='auto'] .sf-c-tan\:90\:dark, html.var.auto .sf-c-tan\:90\:dark { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 10%) } html.var[data-theme='auto'] .sf-c-tan\:95\:dark, html.var.auto .sf-c-tan\:95\:dark { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 5%) } html.var[data-theme='auto'] .sf-c-tan\:100\:dark, html.var.auto .sf-c-tan\:100\:dark { color: hsl(34, 44%, 95%); background: hsl(34, 44%, 0%) } -} -.sf-c-txt-tan { color: hsl(var(--sf-c-txt-tan)) } -.sf-c-txt-tan\:0 { color: hsl(var(--sf-c-txt-tan-0)) } -.sf-c-txt-tan\:5 { color: hsl(var(--sf-c-txt-tan-5)) } -.sf-c-txt-tan\:10 { color: hsl(var(--sf-c-txt-tan-10)) } -.sf-c-txt-tan\:15 { color: hsl(var(--sf-c-txt-tan-15)) } -.sf-c-txt-tan\:20 { color: hsl(var(--sf-c-txt-tan-20)) } -.sf-c-txt-tan\:25 { color: hsl(var(--sf-c-txt-tan-25)) } -.sf-c-txt-tan\:30 { color: hsl(var(--sf-c-txt-tan-30)) } -.sf-c-txt-tan\:35 { color: hsl(var(--sf-c-txt-tan-35)) } -.sf-c-txt-tan\:40 { color: hsl(var(--sf-c-txt-tan-40)) } -.sf-c-txt-tan\:45 { color: hsl(var(--sf-c-txt-tan-45)) } -.sf-c-txt-tan\:50 { color: hsl(var(--sf-c-txt-tan-50)) } -.sf-c-txt-tan\:55 { color: hsl(var(--sf-c-txt-tan-55)) } -.sf-c-txt-tan\:60 { color: hsl(var(--sf-c-txt-tan-60)) } -.sf-c-txt-tan\:65 { color: hsl(var(--sf-c-txt-tan-65)) } -.sf-c-txt-tan\:70 { color: hsl(var(--sf-c-txt-tan-70)) } -.sf-c-txt-tan\:75 { color: hsl(var(--sf-c-txt-tan-75)) } -.sf-c-txt-tan\:80 { color: hsl(var(--sf-c-txt-tan-80)) } -.sf-c-txt-tan\:85 { color: hsl(var(--sf-c-txt-tan-85)) } -.sf-c-txt-tan\:90 { color: hsl(var(--sf-c-txt-tan-90)) } -.sf-c-txt-tan\:95 { color: hsl(var(--sf-c-txt-tan-95)) } -.sf-c-txt-tan\:100 { color: hsl(var(--sf-c-txt-tan-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-tan, html.auto .sf-c-txt-tan { color: hsl(34, 44%, 69%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:0, html.auto .sf-c-txt-tan\:0 { color: hsl(34, 44%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:5, html.auto .sf-c-txt-tan\:5 { color: hsl(34, 44%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:10, html.auto .sf-c-txt-tan\:10 { color: hsl(34, 44%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:15, html.auto .sf-c-txt-tan\:15 { color: hsl(34, 44%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:20, html.auto .sf-c-txt-tan\:20 { color: hsl(34, 44%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:25, html.auto .sf-c-txt-tan\:25 { color: hsl(34, 44%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:30, html.auto .sf-c-txt-tan\:30 { color: hsl(34, 44%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:35, html.auto .sf-c-txt-tan\:35 { color: hsl(34, 44%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:40, html.auto .sf-c-txt-tan\:40 { color: hsl(34, 44%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:45, html.auto .sf-c-txt-tan\:45 { color: hsl(34, 44%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:50, html.auto .sf-c-txt-tan\:50 { color: hsl(34, 44%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:55, html.auto .sf-c-txt-tan\:55 { color: hsl(34, 44%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:60, html.auto .sf-c-txt-tan\:60 { color: hsl(34, 44%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:65, html.auto .sf-c-txt-tan\:65 { color: hsl(34, 44%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:70, html.auto .sf-c-txt-tan\:70 { color: hsl(34, 44%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:75, html.auto .sf-c-txt-tan\:75 { color: hsl(34, 44%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:80, html.auto .sf-c-txt-tan\:80 { color: hsl(34, 44%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:85, html.auto .sf-c-txt-tan\:85 { color: hsl(34, 44%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:90, html.auto .sf-c-txt-tan\:90 { color: hsl(34, 44%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:95, html.auto .sf-c-txt-tan\:95 { color: hsl(34, 44%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:100, html.auto .sf-c-txt-tan\:100 { color: hsl(34, 44%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-tan\:dark, html.auto .sf-c-txt-tan\:dark { color: hsl(34, 44%, 69%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:0\:dark, html.auto .sf-c-txt-tan\:0\:dark { color: hsl(34, 44%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:5\:dark, html.auto .sf-c-txt-tan\:5\:dark { color: hsl(34, 44%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:10\:dark, html.auto .sf-c-txt-tan\:10\:dark { color: hsl(34, 44%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:15\:dark, html.auto .sf-c-txt-tan\:15\:dark { color: hsl(34, 44%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:20\:dark, html.auto .sf-c-txt-tan\:20\:dark { color: hsl(34, 44%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:25\:dark, html.auto .sf-c-txt-tan\:25\:dark { color: hsl(34, 44%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:30\:dark, html.auto .sf-c-txt-tan\:30\:dark { color: hsl(34, 44%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:35\:dark, html.auto .sf-c-txt-tan\:35\:dark { color: hsl(34, 44%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:40\:dark, html.auto .sf-c-txt-tan\:40\:dark { color: hsl(34, 44%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:45\:dark, html.auto .sf-c-txt-tan\:45\:dark { color: hsl(34, 44%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:50\:dark, html.auto .sf-c-txt-tan\:50\:dark { color: hsl(34, 44%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:55\:dark, html.auto .sf-c-txt-tan\:55\:dark { color: hsl(34, 44%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:60\:dark, html.auto .sf-c-txt-tan\:60\:dark { color: hsl(34, 44%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:65\:dark, html.auto .sf-c-txt-tan\:65\:dark { color: hsl(34, 44%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:70\:dark, html.auto .sf-c-txt-tan\:70\:dark { color: hsl(34, 44%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:75\:dark, html.auto .sf-c-txt-tan\:75\:dark { color: hsl(34, 44%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:80\:dark, html.auto .sf-c-txt-tan\:80\:dark { color: hsl(34, 44%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:85\:dark, html.auto .sf-c-txt-tan\:85\:dark { color: hsl(34, 44%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:90\:dark, html.auto .sf-c-txt-tan\:90\:dark { color: hsl(34, 44%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:95\:dark, html.auto .sf-c-txt-tan\:95\:dark { color: hsl(34, 44%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-tan\:100\:dark, html.auto .sf-c-txt-tan\:100\:dark { color: hsl(34, 44%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/teal.css b/src/colors/20/teal.css index f826237..ac1c1b3 100644 --- a/src/colors/20/teal.css +++ b/src/colors/20/teal.css @@ -138,6 +138,52 @@ html.var .sf-c-teal\:90 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, html.var .sf-c-teal\:95 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } html.var .sf-c-teal\:100 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 100%) } +.sf-c-txt-teal { color: hsl(var(--sf-dark-c-txt-teal)) } +.sf-c-txt-teal\:0 { color: hsl(var(--sf-dark-c-txt-teal-100)) } +.sf-c-txt-teal\:5 { color: hsl(var(--sf-dark-c-txt-teal-95)) } +.sf-c-txt-teal\:10 { color: hsl(var(--sf-dark-c-txt-teal-90)) } +.sf-c-txt-teal\:15 { color: hsl(var(--sf-dark-c-txt-teal-85)) } +.sf-c-txt-teal\:20 { color: hsl(var(--sf-dark-c-txt-teal-80)) } +.sf-c-txt-teal\:25 { color: hsl(var(--sf-dark-c-txt-teal-75)) } +.sf-c-txt-teal\:30 { color: hsl(var(--sf-dark-c-txt-teal-70)) } +.sf-c-txt-teal\:35 { color: hsl(var(--sf-dark-c-txt-teal-65)) } +.sf-c-txt-teal\:40 { color: hsl(var(--sf-dark-c-txt-teal-60)) } +.sf-c-txt-teal\:45 { color: hsl(var(--sf-dark-c-txt-teal-55)) } +.sf-c-txt-teal\:50 { color: hsl(var(--sf-dark-c-txt-teal-50)) } +.sf-c-txt-teal\:55 { color: hsl(var(--sf-dark-c-txt-teal-45)) } +.sf-c-txt-teal\:60 { color: hsl(var(--sf-dark-c-txt-teal-40)) } +.sf-c-txt-teal\:65 { color: hsl(var(--sf-dark-c-txt-teal-35)) } +.sf-c-txt-teal\:70 { color: hsl(var(--sf-dark-c-txt-teal-30)) } +.sf-c-txt-teal\:75 { color: hsl(var(--sf-dark-c-txt-teal-25)) } +.sf-c-txt-teal\:80 { color: hsl(var(--sf-dark-c-txt-teal-20)) } +.sf-c-txt-teal\:85 { color: hsl(var(--sf-dark-c-txt-teal-15)) } +.sf-c-txt-teal\:90 { color: hsl(var(--sf-dark-c-txt-teal-10)) } +.sf-c-txt-teal\:95 { color: hsl(var(--sf-dark-c-txt-teal-5)) } +.sf-c-txt-teal\:100 { color: hsl(var(--sf-dark-c-txt-teal-0)) } + +html.var .sf-c-txt-teal { color: hsl(180, 100%, 75%) } +html.var .sf-c-txt-teal\:0 { color: hsl(180, 100%, 100%) } +html.var .sf-c-txt-teal\:5 { color: hsl(180, 100%, 95%) } +html.var .sf-c-txt-teal\:10 { color: hsl(180, 100%, 90%) } +html.var .sf-c-txt-teal\:15 { color: hsl(180, 100%, 85%) } +html.var .sf-c-txt-teal\:20 { color: hsl(180, 100%, 80%) } +html.var .sf-c-txt-teal\:25 { color: hsl(180, 100%, 75%) } +html.var .sf-c-txt-teal\:30 { color: hsl(180, 100%, 70%) } +html.var .sf-c-txt-teal\:35 { color: hsl(180, 100%, 65%) } +html.var .sf-c-txt-teal\:40 { color: hsl(180, 100%, 60%) } +html.var .sf-c-txt-teal\:45 { color: hsl(180, 100%, 55%) } +html.var .sf-c-txt-teal\:50 { color: hsl(180, 100%, 50%) } +html.var .sf-c-txt-teal\:55 { color: hsl(180, 100%, 45%) } +html.var .sf-c-txt-teal\:60 { color: hsl(180, 100%, 40%) } +html.var .sf-c-txt-teal\:65 { color: hsl(180, 100%, 35%) } +html.var .sf-c-txt-teal\:70 { color: hsl(180, 100%, 30%) } +html.var .sf-c-txt-teal\:75 { color: hsl(180, 100%, 25%) } +html.var .sf-c-txt-teal\:80 { color: hsl(180, 100%, 20%) } +html.var .sf-c-txt-teal\:85 { color: hsl(180, 100%, 15%) } +html.var .sf-c-txt-teal\:90 { color: hsl(180, 100%, 10%) } +html.var .sf-c-txt-teal\:95 { color: hsl(180, 100%, 5%) } +html.var .sf-c-txt-teal\:100 { color: hsl(180, 100%, 0%) } + html[data-theme='dark'] .sf-c-teal, html.dark .sf-c-teal { color: hsl(var(--sf-dark-c-txt-teal-5)); background: hsl(var(--sf-dark-c-teal)) } html[data-theme='dark'] .sf-c-teal\:0, html.dark .sf-c-teal\:0 { color: hsl(var(--sf-dark-c-txt-teal-95)); background: hsl(var(--sf-dark-c-teal-100)) } html[data-theme='dark'] .sf-c-teal\:5, html.dark .sf-c-teal\:5 { color: hsl(var(--sf-dark-c-txt-teal-5)); background: hsl(var(--sf-dark-c-teal-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-teal\:90\:dark, html.dark .sf-c-teal\:90\:dark { c html[data-theme='dark'] .sf-c-teal\:95\:dark, html.dark .sf-c-teal\:95\:dark { color: hsl(var(--sf-c-txt-teal-95)); background: hsl(var(--sf-c-teal-5)) } html[data-theme='dark'] .sf-c-teal\:100\:dark, html.dark .sf-c-teal\:100\:dark { color: hsl(var(--sf-c-txt-teal-95)); background: hsl(var(--sf-c-teal-0)) } +html[data-theme='dark'] .sf-c-txt-teal, html.dark .sf-c-txt-teal { color: hsl(var(--sf-c-txt-teal)) } +html[data-theme='dark'] .sf-c-txt-teal\:0, html.dark .sf-c-txt-teal\:0 { color: hsl(var(--sf-c-txt-teal-0)) } +html[data-theme='dark'] .sf-c-txt-teal\:5, html.dark .sf-c-txt-teal\:5 { color: hsl(var(--sf-c-txt-teal-5)) } +html[data-theme='dark'] .sf-c-txt-teal\:10, html.dark .sf-c-txt-teal\:10 { color: hsl(var(--sf-c-txt-teal-10)) } +html[data-theme='dark'] .sf-c-txt-teal\:15, html.dark .sf-c-txt-teal\:15 { color: hsl(var(--sf-c-txt-teal-15)) } +html[data-theme='dark'] .sf-c-txt-teal\:20, html.dark .sf-c-txt-teal\:20 { color: hsl(var(--sf-c-txt-teal-20)) } +html[data-theme='dark'] .sf-c-txt-teal\:25, html.dark .sf-c-txt-teal\:25 { color: hsl(var(--sf-c-txt-teal-25)) } +html[data-theme='dark'] .sf-c-txt-teal\:30, html.dark .sf-c-txt-teal\:30 { color: hsl(var(--sf-c-txt-teal-30)) } +html[data-theme='dark'] .sf-c-txt-teal\:35, html.dark .sf-c-txt-teal\:35 { color: hsl(var(--sf-c-txt-teal-35)) } +html[data-theme='dark'] .sf-c-txt-teal\:40, html.dark .sf-c-txt-teal\:40 { color: hsl(var(--sf-c-txt-teal-40)) } +html[data-theme='dark'] .sf-c-txt-teal\:45, html.dark .sf-c-txt-teal\:45 { color: hsl(var(--sf-c-txt-teal-45)) } +html[data-theme='dark'] .sf-c-txt-teal\:50, html.dark .sf-c-txt-teal\:50 { color: hsl(var(--sf-c-txt-teal-50)) } +html[data-theme='dark'] .sf-c-txt-teal\:55, html.dark .sf-c-txt-teal\:55 { color: hsl(var(--sf-c-txt-teal-55)) } +html[data-theme='dark'] .sf-c-txt-teal\:60, html.dark .sf-c-txt-teal\:60 { color: hsl(var(--sf-c-txt-teal-60)) } +html[data-theme='dark'] .sf-c-txt-teal\:65, html.dark .sf-c-txt-teal\:65 { color: hsl(var(--sf-c-txt-teal-65)) } +html[data-theme='dark'] .sf-c-txt-teal\:70, html.dark .sf-c-txt-teal\:70 { color: hsl(var(--sf-c-txt-teal-70)) } +html[data-theme='dark'] .sf-c-txt-teal\:75, html.dark .sf-c-txt-teal\:75 { color: hsl(var(--sf-c-txt-teal-75)) } +html[data-theme='dark'] .sf-c-txt-teal\:80, html.dark .sf-c-txt-teal\:80 { color: hsl(var(--sf-c-txt-teal-80)) } +html[data-theme='dark'] .sf-c-txt-teal\:85, html.dark .sf-c-txt-teal\:85 { color: hsl(var(--sf-c-txt-teal-85)) } +html[data-theme='dark'] .sf-c-txt-teal\:90, html.dark .sf-c-txt-teal\:90 { color: hsl(var(--sf-c-txt-teal-90)) } +html[data-theme='dark'] .sf-c-txt-teal\:95, html.dark .sf-c-txt-teal\:95 { color: hsl(var(--sf-c-txt-teal-95)) } +html[data-theme='dark'] .sf-c-txt-teal\:100, html.dark .sf-c-txt-teal\:100 { color: hsl(var(--sf-c-txt-teal-100)) } + +html[data-theme='dark'] .sf-c-txt-teal\:dark, html.dark .sf-c-txt-teal\:dark { color: hsl(var(--sf-c-txt-teal)) } +html[data-theme='dark'] .sf-c-txt-teal\:0\:dark, html.dark .sf-c-txt-teal\:0\:dark { color: hsl(var(--sf-dark-c-txt-teal-0)) } +html[data-theme='dark'] .sf-c-txt-teal\:5\:dark, html.dark .sf-c-txt-teal\:5\:dark { color: hsl(var(--sf-dark-c-txt-teal-5)) } +html[data-theme='dark'] .sf-c-txt-teal\:10\:dark, html.dark .sf-c-txt-teal\:10\:dark { color: hsl(var(--sf-dark-c-txt-teal-10)) } +html[data-theme='dark'] .sf-c-txt-teal\:15\:dark, html.dark .sf-c-txt-teal\:15\:dark { color: hsl(var(--sf-dark-c-txt-teal-15)) } +html[data-theme='dark'] .sf-c-txt-teal\:20\:dark, html.dark .sf-c-txt-teal\:20\:dark { color: hsl(var(--sf-dark-c-txt-teal-20)) } +html[data-theme='dark'] .sf-c-txt-teal\:25\:dark, html.dark .sf-c-txt-teal\:25\:dark { color: hsl(var(--sf-dark-c-txt-teal-25)) } +html[data-theme='dark'] .sf-c-txt-teal\:30\:dark, html.dark .sf-c-txt-teal\:30\:dark { color: hsl(var(--sf-dark-c-txt-teal-30)) } +html[data-theme='dark'] .sf-c-txt-teal\:35\:dark, html.dark .sf-c-txt-teal\:35\:dark { color: hsl(var(--sf-dark-c-txt-teal-35)) } +html[data-theme='dark'] .sf-c-txt-teal\:40\:dark, html.dark .sf-c-txt-teal\:40\:dark { color: hsl(var(--sf-dark-c-txt-teal-40)) } +html[data-theme='dark'] .sf-c-txt-teal\:45\:dark, html.dark .sf-c-txt-teal\:45\:dark { color: hsl(var(--sf-dark-c-txt-teal-45)) } +html[data-theme='dark'] .sf-c-txt-teal\:50\:dark, html.dark .sf-c-txt-teal\:50\:dark { color: hsl(var(--sf-dark-c-txt-teal-50)) } +html[data-theme='dark'] .sf-c-txt-teal\:55\:dark, html.dark .sf-c-txt-teal\:55\:dark { color: hsl(var(--sf-dark-c-txt-teal-55)) } +html[data-theme='dark'] .sf-c-txt-teal\:60\:dark, html.dark .sf-c-txt-teal\:60\:dark { color: hsl(var(--sf-dark-c-txt-teal-60)) } +html[data-theme='dark'] .sf-c-txt-teal\:65\:dark, html.dark .sf-c-txt-teal\:65\:dark { color: hsl(var(--sf-dark-c-txt-teal-65)) } +html[data-theme='dark'] .sf-c-txt-teal\:70\:dark, html.dark .sf-c-txt-teal\:70\:dark { color: hsl(var(--sf-dark-c-txt-teal-70)) } +html[data-theme='dark'] .sf-c-txt-teal\:75\:dark, html.dark .sf-c-txt-teal\:75\:dark { color: hsl(var(--sf-dark-c-txt-teal-75)) } +html[data-theme='dark'] .sf-c-txt-teal\:80\:dark, html.dark .sf-c-txt-teal\:80\:dark { color: hsl(var(--sf-dark-c-txt-teal-80)) } +html[data-theme='dark'] .sf-c-txt-teal\:85\:dark, html.dark .sf-c-txt-teal\:85\:dark { color: hsl(var(--sf-dark-c-txt-teal-85)) } +html[data-theme='dark'] .sf-c-txt-teal\:90\:dark, html.dark .sf-c-txt-teal\:90\:dark { color: hsl(var(--sf-dark-c-txt-teal-90)) } +html[data-theme='dark'] .sf-c-txt-teal\:95\:dark, html.dark .sf-c-txt-teal\:95\:dark { color: hsl(var(--sf-dark-c-txt-teal-95)) } +html[data-theme='dark'] .sf-c-txt-teal\:100\:dark, html.dark .sf-c-txt-teal\:100\:dark { color: hsl(var(--sf-dark-c-txt-teal-100)) } + html.var[data-theme='dark'] .sf-c-teal, html.var.dark .sf-c-teal { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } html.var[data-theme='dark'] .sf-c-teal\:0, html.var.dark .sf-c-teal\:0 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 100%) } html.var[data-theme='dark'] .sf-c-teal\:5, html.var.dark .sf-c-teal\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-teal\:90\:dark, html.var.dark .sf-c-teal\:90\: html.var[data-theme='dark'] .sf-c-teal\:95\:dark, html.var.dark .sf-c-teal\:95\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } html.var[data-theme='dark'] .sf-c-teal\:100\:dark, html.var.dark .sf-c-teal\:100\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-teal, html.dark .sf-c-txt-teal { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:0, html.dark .sf-c-txt-teal\:0 { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:5, html.dark .sf-c-txt-teal\:5 { color: hsl(180, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:10, html.dark .sf-c-txt-teal\:10 { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:15, html.dark .sf-c-txt-teal\:15 { color: hsl(180, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:20, html.dark .sf-c-txt-teal\:20 { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:25, html.dark .sf-c-txt-teal\:25 { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:30, html.dark .sf-c-txt-teal\:30 { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:35, html.dark .sf-c-txt-teal\:35 { color: hsl(180, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:40, html.dark .sf-c-txt-teal\:40 { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:45, html.dark .sf-c-txt-teal\:45 { color: hsl(180, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:50, html.dark .sf-c-txt-teal\:50 { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:55, html.dark .sf-c-txt-teal\:55 { color: hsl(180, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:60, html.dark .sf-c-txt-teal\:60 { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:65, html.dark .sf-c-txt-teal\:65 { color: hsl(180, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:70, html.dark .sf-c-txt-teal\:70 { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:75, html.dark .sf-c-txt-teal\:75 { color: hsl(180, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:80, html.dark .sf-c-txt-teal\:80 { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:85, html.dark .sf-c-txt-teal\:85 { color: hsl(180, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:90, html.dark .sf-c-txt-teal\:90 { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:95, html.dark .sf-c-txt-teal\:95 { color: hsl(180, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:100, html.dark .sf-c-txt-teal\:100 { color: hsl(180, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-teal\:dark, html.dark .sf-c-txt-teal\:dark { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:0\:dark, html.dark .sf-c-txt-teal\:0\:dark { color: hsl(180, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:5\:dark, html.dark .sf-c-txt-teal\:5\:dark { color: hsl(180, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:10\:dark, html.dark .sf-c-txt-teal\:10\:dark { color: hsl(180, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:15\:dark, html.dark .sf-c-txt-teal\:15\:dark { color: hsl(180, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:20\:dark, html.dark .sf-c-txt-teal\:20\:dark { color: hsl(180, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:25\:dark, html.dark .sf-c-txt-teal\:25\:dark { color: hsl(180, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:30\:dark, html.dark .sf-c-txt-teal\:30\:dark { color: hsl(180, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:35\:dark, html.dark .sf-c-txt-teal\:35\:dark { color: hsl(180, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:40\:dark, html.dark .sf-c-txt-teal\:40\:dark { color: hsl(180, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:45\:dark, html.dark .sf-c-txt-teal\:45\:dark { color: hsl(180, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:50\:dark, html.dark .sf-c-txt-teal\:50\:dark { color: hsl(180, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:55\:dark, html.dark .sf-c-txt-teal\:55\:dark { color: hsl(180, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:60\:dark, html.dark .sf-c-txt-teal\:60\:dark { color: hsl(180, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:65\:dark, html.dark .sf-c-txt-teal\:65\:dark { color: hsl(180, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:70\:dark, html.dark .sf-c-txt-teal\:70\:dark { color: hsl(180, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:75\:dark, html.dark .sf-c-txt-teal\:75\:dark { color: hsl(180, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:80\:dark, html.dark .sf-c-txt-teal\:80\:dark { color: hsl(180, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:85\:dark, html.dark .sf-c-txt-teal\:85\:dark { color: hsl(180, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:90\:dark, html.dark .sf-c-txt-teal\:90\:dark { color: hsl(180, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:95\:dark, html.dark .sf-c-txt-teal\:95\:dark { color: hsl(180, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-teal\:100\:dark, html.dark .sf-c-txt-teal\:100\:dark { color: hsl(180, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-teal, html.auto .sf-c-teal { color: hsl(var(--sf-dark-c-txt-teal-5)); background: hsl(var(--sf-dark-c-teal)) } html[data-theme='auto'] .sf-c-teal\:0, html.auto .sf-c-teal\:0 { color: hsl(var(--sf-dark-c-txt-teal-95)); background: hsl(var(--sf-dark-c-teal-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-teal\:100\:dark, html.var.dark .sf-c-teal\:100 html[data-theme='auto'] .sf-c-teal\:95\:dark, html.auto .sf-c-teal\:95\:dark { color: hsl(var(--sf-c-txt-teal-95)); background: hsl(var(--sf-c-teal-5)) } html[data-theme='auto'] .sf-c-teal\:100\:dark, html.auto .sf-c-teal\:100\:dark { color: hsl(var(--sf-c-txt-teal-95)); background: hsl(var(--sf-c-teal-0)) } + html[data-theme='auto'] .sf-c-txt-teal, html.auto .sf-c-txt-teal { color: hsl(var(--sf-c-txt-teal)) } + html[data-theme='auto'] .sf-c-txt-teal\:0, html.auto .sf-c-txt-teal\:0 { color: hsl(var(--sf-c-txt-teal-0)) } + html[data-theme='auto'] .sf-c-txt-teal\:5, html.auto .sf-c-txt-teal\:5 { color: hsl(var(--sf-c-txt-teal-5)) } + html[data-theme='auto'] .sf-c-txt-teal\:10, html.auto .sf-c-txt-teal\:10 { color: hsl(var(--sf-c-txt-teal-10)) } + html[data-theme='auto'] .sf-c-txt-teal\:15, html.auto .sf-c-txt-teal\:15 { color: hsl(var(--sf-c-txt-teal-15)) } + html[data-theme='auto'] .sf-c-txt-teal\:20, html.auto .sf-c-txt-teal\:20 { color: hsl(var(--sf-c-txt-teal-20)) } + html[data-theme='auto'] .sf-c-txt-teal\:25, html.auto .sf-c-txt-teal\:25 { color: hsl(var(--sf-c-txt-teal-25)) } + html[data-theme='auto'] .sf-c-txt-teal\:30, html.auto .sf-c-txt-teal\:30 { color: hsl(var(--sf-c-txt-teal-30)) } + html[data-theme='auto'] .sf-c-txt-teal\:35, html.auto .sf-c-txt-teal\:35 { color: hsl(var(--sf-c-txt-teal-35)) } + html[data-theme='auto'] .sf-c-txt-teal\:40, html.auto .sf-c-txt-teal\:40 { color: hsl(var(--sf-c-txt-teal-40)) } + html[data-theme='auto'] .sf-c-txt-teal\:45, html.auto .sf-c-txt-teal\:45 { color: hsl(var(--sf-c-txt-teal-45)) } + html[data-theme='auto'] .sf-c-txt-teal\:50, html.auto .sf-c-txt-teal\:50 { color: hsl(var(--sf-c-txt-teal-50)) } + html[data-theme='auto'] .sf-c-txt-teal\:55, html.auto .sf-c-txt-teal\:55 { color: hsl(var(--sf-c-txt-teal-55)) } + html[data-theme='auto'] .sf-c-txt-teal\:60, html.auto .sf-c-txt-teal\:60 { color: hsl(var(--sf-c-txt-teal-60)) } + html[data-theme='auto'] .sf-c-txt-teal\:65, html.auto .sf-c-txt-teal\:65 { color: hsl(var(--sf-c-txt-teal-65)) } + html[data-theme='auto'] .sf-c-txt-teal\:70, html.auto .sf-c-txt-teal\:70 { color: hsl(var(--sf-c-txt-teal-70)) } + html[data-theme='auto'] .sf-c-txt-teal\:75, html.auto .sf-c-txt-teal\:75 { color: hsl(var(--sf-c-txt-teal-75)) } + html[data-theme='auto'] .sf-c-txt-teal\:80, html.auto .sf-c-txt-teal\:80 { color: hsl(var(--sf-c-txt-teal-80)) } + html[data-theme='auto'] .sf-c-txt-teal\:85, html.auto .sf-c-txt-teal\:85 { color: hsl(var(--sf-c-txt-teal-85)) } + html[data-theme='auto'] .sf-c-txt-teal\:90, html.auto .sf-c-txt-teal\:90 { color: hsl(var(--sf-c-txt-teal-90)) } + html[data-theme='auto'] .sf-c-txt-teal\:95, html.auto .sf-c-txt-teal\:95 { color: hsl(var(--sf-c-txt-teal-95)) } + html[data-theme='auto'] .sf-c-txt-teal\:100, html.auto .sf-c-txt-teal\:100 { color: hsl(var(--sf-c-txt-teal-100)) } + + html[data-theme='auto'] .sf-c-txt-teal\:dark, html.auto .sf-c-txt-teal\:dark { color: hsl(var(--sf-c-txt-teal)) } + html[data-theme='auto'] .sf-c-txt-teal\:0\:dark, html.auto .sf-c-txt-teal\:0\:dark { color: hsl(var(--sf-c-txt-teal-0)) } + html[data-theme='auto'] .sf-c-txt-teal\:5\:dark, html.auto .sf-c-txt-teal\:5\:dark { color: hsl(var(--sf-c-txt-teal-5)) } + html[data-theme='auto'] .sf-c-txt-teal\:10\:dark, html.auto .sf-c-txt-teal\:10\:dark { color: hsl(var(--sf-c-txt-teal-10)) } + html[data-theme='auto'] .sf-c-txt-teal\:15\:dark, html.auto .sf-c-txt-teal\:15\:dark { color: hsl(var(--sf-c-txt-teal-15)) } + html[data-theme='auto'] .sf-c-txt-teal\:20\:dark, html.auto .sf-c-txt-teal\:20\:dark { color: hsl(var(--sf-c-txt-teal-20)) } + html[data-theme='auto'] .sf-c-txt-teal\:25\:dark, html.auto .sf-c-txt-teal\:25\:dark { color: hsl(var(--sf-c-txt-teal-25)) } + html[data-theme='auto'] .sf-c-txt-teal\:30\:dark, html.auto .sf-c-txt-teal\:30\:dark { color: hsl(var(--sf-c-txt-teal-30)) } + html[data-theme='auto'] .sf-c-txt-teal\:35\:dark, html.auto .sf-c-txt-teal\:35\:dark { color: hsl(var(--sf-c-txt-teal-35)) } + html[data-theme='auto'] .sf-c-txt-teal\:40\:dark, html.auto .sf-c-txt-teal\:40\:dark { color: hsl(var(--sf-c-txt-teal-40)) } + html[data-theme='auto'] .sf-c-txt-teal\:45\:dark, html.auto .sf-c-txt-teal\:45\:dark { color: hsl(var(--sf-c-txt-teal-45)) } + html[data-theme='auto'] .sf-c-txt-teal\:50\:dark, html.auto .sf-c-txt-teal\:50\:dark { color: hsl(var(--sf-c-txt-teal-50)) } + html[data-theme='auto'] .sf-c-txt-teal\:55\:dark, html.auto .sf-c-txt-teal\:55\:dark { color: hsl(var(--sf-c-txt-teal-55)) } + html[data-theme='auto'] .sf-c-txt-teal\:60\:dark, html.auto .sf-c-txt-teal\:60\:dark { color: hsl(var(--sf-c-txt-teal-60)) } + html[data-theme='auto'] .sf-c-txt-teal\:65\:dark, html.auto .sf-c-txt-teal\:65\:dark { color: hsl(var(--sf-c-txt-teal-65)) } + html[data-theme='auto'] .sf-c-txt-teal\:70\:dark, html.auto .sf-c-txt-teal\:70\:dark { color: hsl(var(--sf-c-txt-teal-70)) } + html[data-theme='auto'] .sf-c-txt-teal\:75\:dark, html.auto .sf-c-txt-teal\:75\:dark { color: hsl(var(--sf-c-txt-teal-75)) } + html[data-theme='auto'] .sf-c-txt-teal\:80\:dark, html.auto .sf-c-txt-teal\:80\:dark { color: hsl(var(--sf-c-txt-teal-80)) } + html[data-theme='auto'] .sf-c-txt-teal\:85\:dark, html.auto .sf-c-txt-teal\:85\:dark { color: hsl(var(--sf-c-txt-teal-85)) } + html[data-theme='auto'] .sf-c-txt-teal\:90\:dark, html.auto .sf-c-txt-teal\:90\:dark { color: hsl(var(--sf-c-txt-teal-90)) } + html[data-theme='auto'] .sf-c-txt-teal\:95\:dark, html.auto .sf-c-txt-teal\:95\:dark { color: hsl(var(--sf-c-txt-teal-95)) } + html[data-theme='auto'] .sf-c-txt-teal\:100\:dark, html.auto .sf-c-txt-teal\:100\:dark { color: hsl(var(--sf-c-txt-teal-100)) } + html.var[data-theme='auto'] .sf-c-teal, html.var.auto .sf-c-teal { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 75%) } html.var[data-theme='auto'] .sf-c-teal\:0, html.var.auto .sf-c-teal\:0 { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 100%) } html.var[data-theme='auto'] .sf-c-teal\:5, html.var.auto .sf-c-teal\:5 { color: hsl(180, 100%, 5%); background: hsl(180, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-teal\:100\:dark, html.var.dark .sf-c-teal\:100 html.var[data-theme='auto'] .sf-c-teal\:90\:dark, html.var.auto .sf-c-teal\:90\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 10%) } html.var[data-theme='auto'] .sf-c-teal\:95\:dark, html.var.auto .sf-c-teal\:95\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 5%) } html.var[data-theme='auto'] .sf-c-teal\:100\:dark, html.var.auto .sf-c-teal\:100\:dark { color: hsl(180, 100%, 95%); background: hsl(180, 100%, 0%) } -} -.sf-c-txt-teal { color: hsl(var(--sf-c-txt-teal)) } -.sf-c-txt-teal\:0 { color: hsl(var(--sf-c-txt-teal-0)) } -.sf-c-txt-teal\:5 { color: hsl(var(--sf-c-txt-teal-5)) } -.sf-c-txt-teal\:10 { color: hsl(var(--sf-c-txt-teal-10)) } -.sf-c-txt-teal\:15 { color: hsl(var(--sf-c-txt-teal-15)) } -.sf-c-txt-teal\:20 { color: hsl(var(--sf-c-txt-teal-20)) } -.sf-c-txt-teal\:25 { color: hsl(var(--sf-c-txt-teal-25)) } -.sf-c-txt-teal\:30 { color: hsl(var(--sf-c-txt-teal-30)) } -.sf-c-txt-teal\:35 { color: hsl(var(--sf-c-txt-teal-35)) } -.sf-c-txt-teal\:40 { color: hsl(var(--sf-c-txt-teal-40)) } -.sf-c-txt-teal\:45 { color: hsl(var(--sf-c-txt-teal-45)) } -.sf-c-txt-teal\:50 { color: hsl(var(--sf-c-txt-teal-50)) } -.sf-c-txt-teal\:55 { color: hsl(var(--sf-c-txt-teal-55)) } -.sf-c-txt-teal\:60 { color: hsl(var(--sf-c-txt-teal-60)) } -.sf-c-txt-teal\:65 { color: hsl(var(--sf-c-txt-teal-65)) } -.sf-c-txt-teal\:70 { color: hsl(var(--sf-c-txt-teal-70)) } -.sf-c-txt-teal\:75 { color: hsl(var(--sf-c-txt-teal-75)) } -.sf-c-txt-teal\:80 { color: hsl(var(--sf-c-txt-teal-80)) } -.sf-c-txt-teal\:85 { color: hsl(var(--sf-c-txt-teal-85)) } -.sf-c-txt-teal\:90 { color: hsl(var(--sf-c-txt-teal-90)) } -.sf-c-txt-teal\:95 { color: hsl(var(--sf-c-txt-teal-95)) } -.sf-c-txt-teal\:100 { color: hsl(var(--sf-c-txt-teal-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-teal, html.auto .sf-c-txt-teal { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:0, html.auto .sf-c-txt-teal\:0 { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:5, html.auto .sf-c-txt-teal\:5 { color: hsl(180, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:10, html.auto .sf-c-txt-teal\:10 { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:15, html.auto .sf-c-txt-teal\:15 { color: hsl(180, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:20, html.auto .sf-c-txt-teal\:20 { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:25, html.auto .sf-c-txt-teal\:25 { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:30, html.auto .sf-c-txt-teal\:30 { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:35, html.auto .sf-c-txt-teal\:35 { color: hsl(180, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:40, html.auto .sf-c-txt-teal\:40 { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:45, html.auto .sf-c-txt-teal\:45 { color: hsl(180, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:50, html.auto .sf-c-txt-teal\:50 { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:55, html.auto .sf-c-txt-teal\:55 { color: hsl(180, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:60, html.auto .sf-c-txt-teal\:60 { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:65, html.auto .sf-c-txt-teal\:65 { color: hsl(180, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:70, html.auto .sf-c-txt-teal\:70 { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:75, html.auto .sf-c-txt-teal\:75 { color: hsl(180, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:80, html.auto .sf-c-txt-teal\:80 { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:85, html.auto .sf-c-txt-teal\:85 { color: hsl(180, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:90, html.auto .sf-c-txt-teal\:90 { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:95, html.auto .sf-c-txt-teal\:95 { color: hsl(180, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:100, html.auto .sf-c-txt-teal\:100 { color: hsl(180, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-teal\:dark, html.auto .sf-c-txt-teal\:dark { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:0\:dark, html.auto .sf-c-txt-teal\:0\:dark { color: hsl(180, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:5\:dark, html.auto .sf-c-txt-teal\:5\:dark { color: hsl(180, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:10\:dark, html.auto .sf-c-txt-teal\:10\:dark { color: hsl(180, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:15\:dark, html.auto .sf-c-txt-teal\:15\:dark { color: hsl(180, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:20\:dark, html.auto .sf-c-txt-teal\:20\:dark { color: hsl(180, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:25\:dark, html.auto .sf-c-txt-teal\:25\:dark { color: hsl(180, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:30\:dark, html.auto .sf-c-txt-teal\:30\:dark { color: hsl(180, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:35\:dark, html.auto .sf-c-txt-teal\:35\:dark { color: hsl(180, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:40\:dark, html.auto .sf-c-txt-teal\:40\:dark { color: hsl(180, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:45\:dark, html.auto .sf-c-txt-teal\:45\:dark { color: hsl(180, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:50\:dark, html.auto .sf-c-txt-teal\:50\:dark { color: hsl(180, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:55\:dark, html.auto .sf-c-txt-teal\:55\:dark { color: hsl(180, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:60\:dark, html.auto .sf-c-txt-teal\:60\:dark { color: hsl(180, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:65\:dark, html.auto .sf-c-txt-teal\:65\:dark { color: hsl(180, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:70\:dark, html.auto .sf-c-txt-teal\:70\:dark { color: hsl(180, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:75\:dark, html.auto .sf-c-txt-teal\:75\:dark { color: hsl(180, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:80\:dark, html.auto .sf-c-txt-teal\:80\:dark { color: hsl(180, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:85\:dark, html.auto .sf-c-txt-teal\:85\:dark { color: hsl(180, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:90\:dark, html.auto .sf-c-txt-teal\:90\:dark { color: hsl(180, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:95\:dark, html.auto .sf-c-txt-teal\:95\:dark { color: hsl(180, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-teal\:100\:dark, html.auto .sf-c-txt-teal\:100\:dark { color: hsl(180, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/thistle.css b/src/colors/20/thistle.css index a8bb6c9..d9e0a52 100644 --- a/src/colors/20/thistle.css +++ b/src/colors/20/thistle.css @@ -138,6 +138,52 @@ html.var .sf-c-thistle\:90 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, html.var .sf-c-thistle\:95 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 95%) } html.var .sf-c-thistle\:100 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 100%) } +.sf-c-txt-thistle { color: hsl(var(--sf-dark-c-txt-thistle)) } +.sf-c-txt-thistle\:0 { color: hsl(var(--sf-dark-c-txt-thistle-100)) } +.sf-c-txt-thistle\:5 { color: hsl(var(--sf-dark-c-txt-thistle-95)) } +.sf-c-txt-thistle\:10 { color: hsl(var(--sf-dark-c-txt-thistle-90)) } +.sf-c-txt-thistle\:15 { color: hsl(var(--sf-dark-c-txt-thistle-85)) } +.sf-c-txt-thistle\:20 { color: hsl(var(--sf-dark-c-txt-thistle-80)) } +.sf-c-txt-thistle\:25 { color: hsl(var(--sf-dark-c-txt-thistle-75)) } +.sf-c-txt-thistle\:30 { color: hsl(var(--sf-dark-c-txt-thistle-70)) } +.sf-c-txt-thistle\:35 { color: hsl(var(--sf-dark-c-txt-thistle-65)) } +.sf-c-txt-thistle\:40 { color: hsl(var(--sf-dark-c-txt-thistle-60)) } +.sf-c-txt-thistle\:45 { color: hsl(var(--sf-dark-c-txt-thistle-55)) } +.sf-c-txt-thistle\:50 { color: hsl(var(--sf-dark-c-txt-thistle-50)) } +.sf-c-txt-thistle\:55 { color: hsl(var(--sf-dark-c-txt-thistle-45)) } +.sf-c-txt-thistle\:60 { color: hsl(var(--sf-dark-c-txt-thistle-40)) } +.sf-c-txt-thistle\:65 { color: hsl(var(--sf-dark-c-txt-thistle-35)) } +.sf-c-txt-thistle\:70 { color: hsl(var(--sf-dark-c-txt-thistle-30)) } +.sf-c-txt-thistle\:75 { color: hsl(var(--sf-dark-c-txt-thistle-25)) } +.sf-c-txt-thistle\:80 { color: hsl(var(--sf-dark-c-txt-thistle-20)) } +.sf-c-txt-thistle\:85 { color: hsl(var(--sf-dark-c-txt-thistle-15)) } +.sf-c-txt-thistle\:90 { color: hsl(var(--sf-dark-c-txt-thistle-10)) } +.sf-c-txt-thistle\:95 { color: hsl(var(--sf-dark-c-txt-thistle-5)) } +.sf-c-txt-thistle\:100 { color: hsl(var(--sf-dark-c-txt-thistle-0)) } + +html.var .sf-c-txt-thistle { color: hsl(300, 24%, 20%) } +html.var .sf-c-txt-thistle\:0 { color: hsl(300, 24%, 100%) } +html.var .sf-c-txt-thistle\:5 { color: hsl(300, 24%, 95%) } +html.var .sf-c-txt-thistle\:10 { color: hsl(300, 24%, 90%) } +html.var .sf-c-txt-thistle\:15 { color: hsl(300, 24%, 85%) } +html.var .sf-c-txt-thistle\:20 { color: hsl(300, 24%, 80%) } +html.var .sf-c-txt-thistle\:25 { color: hsl(300, 24%, 75%) } +html.var .sf-c-txt-thistle\:30 { color: hsl(300, 24%, 70%) } +html.var .sf-c-txt-thistle\:35 { color: hsl(300, 24%, 65%) } +html.var .sf-c-txt-thistle\:40 { color: hsl(300, 24%, 60%) } +html.var .sf-c-txt-thistle\:45 { color: hsl(300, 24%, 55%) } +html.var .sf-c-txt-thistle\:50 { color: hsl(300, 24%, 50%) } +html.var .sf-c-txt-thistle\:55 { color: hsl(300, 24%, 45%) } +html.var .sf-c-txt-thistle\:60 { color: hsl(300, 24%, 40%) } +html.var .sf-c-txt-thistle\:65 { color: hsl(300, 24%, 35%) } +html.var .sf-c-txt-thistle\:70 { color: hsl(300, 24%, 30%) } +html.var .sf-c-txt-thistle\:75 { color: hsl(300, 24%, 25%) } +html.var .sf-c-txt-thistle\:80 { color: hsl(300, 24%, 20%) } +html.var .sf-c-txt-thistle\:85 { color: hsl(300, 24%, 15%) } +html.var .sf-c-txt-thistle\:90 { color: hsl(300, 24%, 10%) } +html.var .sf-c-txt-thistle\:95 { color: hsl(300, 24%, 5%) } +html.var .sf-c-txt-thistle\:100 { color: hsl(300, 24%, 0%) } + html[data-theme='dark'] .sf-c-thistle, html.dark .sf-c-thistle { color: hsl(var(--sf-dark-c-txt-thistle-95)); background: hsl(var(--sf-dark-c-thistle)) } html[data-theme='dark'] .sf-c-thistle\:0, html.dark .sf-c-thistle\:0 { color: hsl(var(--sf-dark-c-txt-thistle-95)); background: hsl(var(--sf-dark-c-thistle-100)) } html[data-theme='dark'] .sf-c-thistle\:5, html.dark .sf-c-thistle\:5 { color: hsl(var(--sf-dark-c-txt-thistle-5)); background: hsl(var(--sf-dark-c-thistle-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-thistle\:90\:dark, html.dark .sf-c-thistle\:90\:da html[data-theme='dark'] .sf-c-thistle\:95\:dark, html.dark .sf-c-thistle\:95\:dark { color: hsl(var(--sf-c-txt-thistle-95)); background: hsl(var(--sf-c-thistle-5)) } html[data-theme='dark'] .sf-c-thistle\:100\:dark, html.dark .sf-c-thistle\:100\:dark { color: hsl(var(--sf-c-txt-thistle-95)); background: hsl(var(--sf-c-thistle-0)) } +html[data-theme='dark'] .sf-c-txt-thistle, html.dark .sf-c-txt-thistle { color: hsl(var(--sf-c-txt-thistle)) } +html[data-theme='dark'] .sf-c-txt-thistle\:0, html.dark .sf-c-txt-thistle\:0 { color: hsl(var(--sf-c-txt-thistle-0)) } +html[data-theme='dark'] .sf-c-txt-thistle\:5, html.dark .sf-c-txt-thistle\:5 { color: hsl(var(--sf-c-txt-thistle-5)) } +html[data-theme='dark'] .sf-c-txt-thistle\:10, html.dark .sf-c-txt-thistle\:10 { color: hsl(var(--sf-c-txt-thistle-10)) } +html[data-theme='dark'] .sf-c-txt-thistle\:15, html.dark .sf-c-txt-thistle\:15 { color: hsl(var(--sf-c-txt-thistle-15)) } +html[data-theme='dark'] .sf-c-txt-thistle\:20, html.dark .sf-c-txt-thistle\:20 { color: hsl(var(--sf-c-txt-thistle-20)) } +html[data-theme='dark'] .sf-c-txt-thistle\:25, html.dark .sf-c-txt-thistle\:25 { color: hsl(var(--sf-c-txt-thistle-25)) } +html[data-theme='dark'] .sf-c-txt-thistle\:30, html.dark .sf-c-txt-thistle\:30 { color: hsl(var(--sf-c-txt-thistle-30)) } +html[data-theme='dark'] .sf-c-txt-thistle\:35, html.dark .sf-c-txt-thistle\:35 { color: hsl(var(--sf-c-txt-thistle-35)) } +html[data-theme='dark'] .sf-c-txt-thistle\:40, html.dark .sf-c-txt-thistle\:40 { color: hsl(var(--sf-c-txt-thistle-40)) } +html[data-theme='dark'] .sf-c-txt-thistle\:45, html.dark .sf-c-txt-thistle\:45 { color: hsl(var(--sf-c-txt-thistle-45)) } +html[data-theme='dark'] .sf-c-txt-thistle\:50, html.dark .sf-c-txt-thistle\:50 { color: hsl(var(--sf-c-txt-thistle-50)) } +html[data-theme='dark'] .sf-c-txt-thistle\:55, html.dark .sf-c-txt-thistle\:55 { color: hsl(var(--sf-c-txt-thistle-55)) } +html[data-theme='dark'] .sf-c-txt-thistle\:60, html.dark .sf-c-txt-thistle\:60 { color: hsl(var(--sf-c-txt-thistle-60)) } +html[data-theme='dark'] .sf-c-txt-thistle\:65, html.dark .sf-c-txt-thistle\:65 { color: hsl(var(--sf-c-txt-thistle-65)) } +html[data-theme='dark'] .sf-c-txt-thistle\:70, html.dark .sf-c-txt-thistle\:70 { color: hsl(var(--sf-c-txt-thistle-70)) } +html[data-theme='dark'] .sf-c-txt-thistle\:75, html.dark .sf-c-txt-thistle\:75 { color: hsl(var(--sf-c-txt-thistle-75)) } +html[data-theme='dark'] .sf-c-txt-thistle\:80, html.dark .sf-c-txt-thistle\:80 { color: hsl(var(--sf-c-txt-thistle-80)) } +html[data-theme='dark'] .sf-c-txt-thistle\:85, html.dark .sf-c-txt-thistle\:85 { color: hsl(var(--sf-c-txt-thistle-85)) } +html[data-theme='dark'] .sf-c-txt-thistle\:90, html.dark .sf-c-txt-thistle\:90 { color: hsl(var(--sf-c-txt-thistle-90)) } +html[data-theme='dark'] .sf-c-txt-thistle\:95, html.dark .sf-c-txt-thistle\:95 { color: hsl(var(--sf-c-txt-thistle-95)) } +html[data-theme='dark'] .sf-c-txt-thistle\:100, html.dark .sf-c-txt-thistle\:100 { color: hsl(var(--sf-c-txt-thistle-100)) } + +html[data-theme='dark'] .sf-c-txt-thistle\:dark, html.dark .sf-c-txt-thistle\:dark { color: hsl(var(--sf-c-txt-thistle)) } +html[data-theme='dark'] .sf-c-txt-thistle\:0\:dark, html.dark .sf-c-txt-thistle\:0\:dark { color: hsl(var(--sf-dark-c-txt-thistle-0)) } +html[data-theme='dark'] .sf-c-txt-thistle\:5\:dark, html.dark .sf-c-txt-thistle\:5\:dark { color: hsl(var(--sf-dark-c-txt-thistle-5)) } +html[data-theme='dark'] .sf-c-txt-thistle\:10\:dark, html.dark .sf-c-txt-thistle\:10\:dark { color: hsl(var(--sf-dark-c-txt-thistle-10)) } +html[data-theme='dark'] .sf-c-txt-thistle\:15\:dark, html.dark .sf-c-txt-thistle\:15\:dark { color: hsl(var(--sf-dark-c-txt-thistle-15)) } +html[data-theme='dark'] .sf-c-txt-thistle\:20\:dark, html.dark .sf-c-txt-thistle\:20\:dark { color: hsl(var(--sf-dark-c-txt-thistle-20)) } +html[data-theme='dark'] .sf-c-txt-thistle\:25\:dark, html.dark .sf-c-txt-thistle\:25\:dark { color: hsl(var(--sf-dark-c-txt-thistle-25)) } +html[data-theme='dark'] .sf-c-txt-thistle\:30\:dark, html.dark .sf-c-txt-thistle\:30\:dark { color: hsl(var(--sf-dark-c-txt-thistle-30)) } +html[data-theme='dark'] .sf-c-txt-thistle\:35\:dark, html.dark .sf-c-txt-thistle\:35\:dark { color: hsl(var(--sf-dark-c-txt-thistle-35)) } +html[data-theme='dark'] .sf-c-txt-thistle\:40\:dark, html.dark .sf-c-txt-thistle\:40\:dark { color: hsl(var(--sf-dark-c-txt-thistle-40)) } +html[data-theme='dark'] .sf-c-txt-thistle\:45\:dark, html.dark .sf-c-txt-thistle\:45\:dark { color: hsl(var(--sf-dark-c-txt-thistle-45)) } +html[data-theme='dark'] .sf-c-txt-thistle\:50\:dark, html.dark .sf-c-txt-thistle\:50\:dark { color: hsl(var(--sf-dark-c-txt-thistle-50)) } +html[data-theme='dark'] .sf-c-txt-thistle\:55\:dark, html.dark .sf-c-txt-thistle\:55\:dark { color: hsl(var(--sf-dark-c-txt-thistle-55)) } +html[data-theme='dark'] .sf-c-txt-thistle\:60\:dark, html.dark .sf-c-txt-thistle\:60\:dark { color: hsl(var(--sf-dark-c-txt-thistle-60)) } +html[data-theme='dark'] .sf-c-txt-thistle\:65\:dark, html.dark .sf-c-txt-thistle\:65\:dark { color: hsl(var(--sf-dark-c-txt-thistle-65)) } +html[data-theme='dark'] .sf-c-txt-thistle\:70\:dark, html.dark .sf-c-txt-thistle\:70\:dark { color: hsl(var(--sf-dark-c-txt-thistle-70)) } +html[data-theme='dark'] .sf-c-txt-thistle\:75\:dark, html.dark .sf-c-txt-thistle\:75\:dark { color: hsl(var(--sf-dark-c-txt-thistle-75)) } +html[data-theme='dark'] .sf-c-txt-thistle\:80\:dark, html.dark .sf-c-txt-thistle\:80\:dark { color: hsl(var(--sf-dark-c-txt-thistle-80)) } +html[data-theme='dark'] .sf-c-txt-thistle\:85\:dark, html.dark .sf-c-txt-thistle\:85\:dark { color: hsl(var(--sf-dark-c-txt-thistle-85)) } +html[data-theme='dark'] .sf-c-txt-thistle\:90\:dark, html.dark .sf-c-txt-thistle\:90\:dark { color: hsl(var(--sf-dark-c-txt-thistle-90)) } +html[data-theme='dark'] .sf-c-txt-thistle\:95\:dark, html.dark .sf-c-txt-thistle\:95\:dark { color: hsl(var(--sf-dark-c-txt-thistle-95)) } +html[data-theme='dark'] .sf-c-txt-thistle\:100\:dark, html.dark .sf-c-txt-thistle\:100\:dark { color: hsl(var(--sf-dark-c-txt-thistle-100)) } + html.var[data-theme='dark'] .sf-c-thistle, html.var.dark .sf-c-thistle { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 20%) } html.var[data-theme='dark'] .sf-c-thistle\:0, html.var.dark .sf-c-thistle\:0 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 100%) } html.var[data-theme='dark'] .sf-c-thistle\:5, html.var.dark .sf-c-thistle\:5 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-thistle\:90\:dark, html.var.dark .sf-c-thistle html.var[data-theme='dark'] .sf-c-thistle\:95\:dark, html.var.dark .sf-c-thistle\:95\:dark { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 5%) } html.var[data-theme='dark'] .sf-c-thistle\:100\:dark, html.var.dark .sf-c-thistle\:100\:dark { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-thistle, html.dark .sf-c-txt-thistle { color: hsl(300, 24%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:0, html.dark .sf-c-txt-thistle\:0 { color: hsl(300, 24%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:5, html.dark .sf-c-txt-thistle\:5 { color: hsl(300, 24%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:10, html.dark .sf-c-txt-thistle\:10 { color: hsl(300, 24%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:15, html.dark .sf-c-txt-thistle\:15 { color: hsl(300, 24%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:20, html.dark .sf-c-txt-thistle\:20 { color: hsl(300, 24%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:25, html.dark .sf-c-txt-thistle\:25 { color: hsl(300, 24%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:30, html.dark .sf-c-txt-thistle\:30 { color: hsl(300, 24%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:35, html.dark .sf-c-txt-thistle\:35 { color: hsl(300, 24%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:40, html.dark .sf-c-txt-thistle\:40 { color: hsl(300, 24%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:45, html.dark .sf-c-txt-thistle\:45 { color: hsl(300, 24%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:50, html.dark .sf-c-txt-thistle\:50 { color: hsl(300, 24%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:55, html.dark .sf-c-txt-thistle\:55 { color: hsl(300, 24%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:60, html.dark .sf-c-txt-thistle\:60 { color: hsl(300, 24%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:65, html.dark .sf-c-txt-thistle\:65 { color: hsl(300, 24%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:70, html.dark .sf-c-txt-thistle\:70 { color: hsl(300, 24%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:75, html.dark .sf-c-txt-thistle\:75 { color: hsl(300, 24%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:80, html.dark .sf-c-txt-thistle\:80 { color: hsl(300, 24%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:85, html.dark .sf-c-txt-thistle\:85 { color: hsl(300, 24%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:90, html.dark .sf-c-txt-thistle\:90 { color: hsl(300, 24%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:95, html.dark .sf-c-txt-thistle\:95 { color: hsl(300, 24%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:100, html.dark .sf-c-txt-thistle\:100 { color: hsl(300, 24%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-thistle\:dark, html.dark .sf-c-txt-thistle\:dark { color: hsl(300, 24%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:0\:dark, html.dark .sf-c-txt-thistle\:0\:dark { color: hsl(300, 24%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:5\:dark, html.dark .sf-c-txt-thistle\:5\:dark { color: hsl(300, 24%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:10\:dark, html.dark .sf-c-txt-thistle\:10\:dark { color: hsl(300, 24%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:15\:dark, html.dark .sf-c-txt-thistle\:15\:dark { color: hsl(300, 24%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:20\:dark, html.dark .sf-c-txt-thistle\:20\:dark { color: hsl(300, 24%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:25\:dark, html.dark .sf-c-txt-thistle\:25\:dark { color: hsl(300, 24%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:30\:dark, html.dark .sf-c-txt-thistle\:30\:dark { color: hsl(300, 24%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:35\:dark, html.dark .sf-c-txt-thistle\:35\:dark { color: hsl(300, 24%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:40\:dark, html.dark .sf-c-txt-thistle\:40\:dark { color: hsl(300, 24%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:45\:dark, html.dark .sf-c-txt-thistle\:45\:dark { color: hsl(300, 24%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:50\:dark, html.dark .sf-c-txt-thistle\:50\:dark { color: hsl(300, 24%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:55\:dark, html.dark .sf-c-txt-thistle\:55\:dark { color: hsl(300, 24%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:60\:dark, html.dark .sf-c-txt-thistle\:60\:dark { color: hsl(300, 24%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:65\:dark, html.dark .sf-c-txt-thistle\:65\:dark { color: hsl(300, 24%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:70\:dark, html.dark .sf-c-txt-thistle\:70\:dark { color: hsl(300, 24%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:75\:dark, html.dark .sf-c-txt-thistle\:75\:dark { color: hsl(300, 24%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:80\:dark, html.dark .sf-c-txt-thistle\:80\:dark { color: hsl(300, 24%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:85\:dark, html.dark .sf-c-txt-thistle\:85\:dark { color: hsl(300, 24%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:90\:dark, html.dark .sf-c-txt-thistle\:90\:dark { color: hsl(300, 24%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:95\:dark, html.dark .sf-c-txt-thistle\:95\:dark { color: hsl(300, 24%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-thistle\:100\:dark, html.dark .sf-c-txt-thistle\:100\:dark { color: hsl(300, 24%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-thistle, html.auto .sf-c-thistle { color: hsl(var(--sf-dark-c-txt-thistle-95)); background: hsl(var(--sf-dark-c-thistle)) } html[data-theme='auto'] .sf-c-thistle\:0, html.auto .sf-c-thistle\:0 { color: hsl(var(--sf-dark-c-txt-thistle-95)); background: hsl(var(--sf-dark-c-thistle-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-thistle\:100\:dark, html.var.dark .sf-c-thistl html[data-theme='auto'] .sf-c-thistle\:95\:dark, html.auto .sf-c-thistle\:95\:dark { color: hsl(var(--sf-c-txt-thistle-95)); background: hsl(var(--sf-c-thistle-5)) } html[data-theme='auto'] .sf-c-thistle\:100\:dark, html.auto .sf-c-thistle\:100\:dark { color: hsl(var(--sf-c-txt-thistle-95)); background: hsl(var(--sf-c-thistle-0)) } + html[data-theme='auto'] .sf-c-txt-thistle, html.auto .sf-c-txt-thistle { color: hsl(var(--sf-c-txt-thistle)) } + html[data-theme='auto'] .sf-c-txt-thistle\:0, html.auto .sf-c-txt-thistle\:0 { color: hsl(var(--sf-c-txt-thistle-0)) } + html[data-theme='auto'] .sf-c-txt-thistle\:5, html.auto .sf-c-txt-thistle\:5 { color: hsl(var(--sf-c-txt-thistle-5)) } + html[data-theme='auto'] .sf-c-txt-thistle\:10, html.auto .sf-c-txt-thistle\:10 { color: hsl(var(--sf-c-txt-thistle-10)) } + html[data-theme='auto'] .sf-c-txt-thistle\:15, html.auto .sf-c-txt-thistle\:15 { color: hsl(var(--sf-c-txt-thistle-15)) } + html[data-theme='auto'] .sf-c-txt-thistle\:20, html.auto .sf-c-txt-thistle\:20 { color: hsl(var(--sf-c-txt-thistle-20)) } + html[data-theme='auto'] .sf-c-txt-thistle\:25, html.auto .sf-c-txt-thistle\:25 { color: hsl(var(--sf-c-txt-thistle-25)) } + html[data-theme='auto'] .sf-c-txt-thistle\:30, html.auto .sf-c-txt-thistle\:30 { color: hsl(var(--sf-c-txt-thistle-30)) } + html[data-theme='auto'] .sf-c-txt-thistle\:35, html.auto .sf-c-txt-thistle\:35 { color: hsl(var(--sf-c-txt-thistle-35)) } + html[data-theme='auto'] .sf-c-txt-thistle\:40, html.auto .sf-c-txt-thistle\:40 { color: hsl(var(--sf-c-txt-thistle-40)) } + html[data-theme='auto'] .sf-c-txt-thistle\:45, html.auto .sf-c-txt-thistle\:45 { color: hsl(var(--sf-c-txt-thistle-45)) } + html[data-theme='auto'] .sf-c-txt-thistle\:50, html.auto .sf-c-txt-thistle\:50 { color: hsl(var(--sf-c-txt-thistle-50)) } + html[data-theme='auto'] .sf-c-txt-thistle\:55, html.auto .sf-c-txt-thistle\:55 { color: hsl(var(--sf-c-txt-thistle-55)) } + html[data-theme='auto'] .sf-c-txt-thistle\:60, html.auto .sf-c-txt-thistle\:60 { color: hsl(var(--sf-c-txt-thistle-60)) } + html[data-theme='auto'] .sf-c-txt-thistle\:65, html.auto .sf-c-txt-thistle\:65 { color: hsl(var(--sf-c-txt-thistle-65)) } + html[data-theme='auto'] .sf-c-txt-thistle\:70, html.auto .sf-c-txt-thistle\:70 { color: hsl(var(--sf-c-txt-thistle-70)) } + html[data-theme='auto'] .sf-c-txt-thistle\:75, html.auto .sf-c-txt-thistle\:75 { color: hsl(var(--sf-c-txt-thistle-75)) } + html[data-theme='auto'] .sf-c-txt-thistle\:80, html.auto .sf-c-txt-thistle\:80 { color: hsl(var(--sf-c-txt-thistle-80)) } + html[data-theme='auto'] .sf-c-txt-thistle\:85, html.auto .sf-c-txt-thistle\:85 { color: hsl(var(--sf-c-txt-thistle-85)) } + html[data-theme='auto'] .sf-c-txt-thistle\:90, html.auto .sf-c-txt-thistle\:90 { color: hsl(var(--sf-c-txt-thistle-90)) } + html[data-theme='auto'] .sf-c-txt-thistle\:95, html.auto .sf-c-txt-thistle\:95 { color: hsl(var(--sf-c-txt-thistle-95)) } + html[data-theme='auto'] .sf-c-txt-thistle\:100, html.auto .sf-c-txt-thistle\:100 { color: hsl(var(--sf-c-txt-thistle-100)) } + + html[data-theme='auto'] .sf-c-txt-thistle\:dark, html.auto .sf-c-txt-thistle\:dark { color: hsl(var(--sf-c-txt-thistle)) } + html[data-theme='auto'] .sf-c-txt-thistle\:0\:dark, html.auto .sf-c-txt-thistle\:0\:dark { color: hsl(var(--sf-c-txt-thistle-0)) } + html[data-theme='auto'] .sf-c-txt-thistle\:5\:dark, html.auto .sf-c-txt-thistle\:5\:dark { color: hsl(var(--sf-c-txt-thistle-5)) } + html[data-theme='auto'] .sf-c-txt-thistle\:10\:dark, html.auto .sf-c-txt-thistle\:10\:dark { color: hsl(var(--sf-c-txt-thistle-10)) } + html[data-theme='auto'] .sf-c-txt-thistle\:15\:dark, html.auto .sf-c-txt-thistle\:15\:dark { color: hsl(var(--sf-c-txt-thistle-15)) } + html[data-theme='auto'] .sf-c-txt-thistle\:20\:dark, html.auto .sf-c-txt-thistle\:20\:dark { color: hsl(var(--sf-c-txt-thistle-20)) } + html[data-theme='auto'] .sf-c-txt-thistle\:25\:dark, html.auto .sf-c-txt-thistle\:25\:dark { color: hsl(var(--sf-c-txt-thistle-25)) } + html[data-theme='auto'] .sf-c-txt-thistle\:30\:dark, html.auto .sf-c-txt-thistle\:30\:dark { color: hsl(var(--sf-c-txt-thistle-30)) } + html[data-theme='auto'] .sf-c-txt-thistle\:35\:dark, html.auto .sf-c-txt-thistle\:35\:dark { color: hsl(var(--sf-c-txt-thistle-35)) } + html[data-theme='auto'] .sf-c-txt-thistle\:40\:dark, html.auto .sf-c-txt-thistle\:40\:dark { color: hsl(var(--sf-c-txt-thistle-40)) } + html[data-theme='auto'] .sf-c-txt-thistle\:45\:dark, html.auto .sf-c-txt-thistle\:45\:dark { color: hsl(var(--sf-c-txt-thistle-45)) } + html[data-theme='auto'] .sf-c-txt-thistle\:50\:dark, html.auto .sf-c-txt-thistle\:50\:dark { color: hsl(var(--sf-c-txt-thistle-50)) } + html[data-theme='auto'] .sf-c-txt-thistle\:55\:dark, html.auto .sf-c-txt-thistle\:55\:dark { color: hsl(var(--sf-c-txt-thistle-55)) } + html[data-theme='auto'] .sf-c-txt-thistle\:60\:dark, html.auto .sf-c-txt-thistle\:60\:dark { color: hsl(var(--sf-c-txt-thistle-60)) } + html[data-theme='auto'] .sf-c-txt-thistle\:65\:dark, html.auto .sf-c-txt-thistle\:65\:dark { color: hsl(var(--sf-c-txt-thistle-65)) } + html[data-theme='auto'] .sf-c-txt-thistle\:70\:dark, html.auto .sf-c-txt-thistle\:70\:dark { color: hsl(var(--sf-c-txt-thistle-70)) } + html[data-theme='auto'] .sf-c-txt-thistle\:75\:dark, html.auto .sf-c-txt-thistle\:75\:dark { color: hsl(var(--sf-c-txt-thistle-75)) } + html[data-theme='auto'] .sf-c-txt-thistle\:80\:dark, html.auto .sf-c-txt-thistle\:80\:dark { color: hsl(var(--sf-c-txt-thistle-80)) } + html[data-theme='auto'] .sf-c-txt-thistle\:85\:dark, html.auto .sf-c-txt-thistle\:85\:dark { color: hsl(var(--sf-c-txt-thistle-85)) } + html[data-theme='auto'] .sf-c-txt-thistle\:90\:dark, html.auto .sf-c-txt-thistle\:90\:dark { color: hsl(var(--sf-c-txt-thistle-90)) } + html[data-theme='auto'] .sf-c-txt-thistle\:95\:dark, html.auto .sf-c-txt-thistle\:95\:dark { color: hsl(var(--sf-c-txt-thistle-95)) } + html[data-theme='auto'] .sf-c-txt-thistle\:100\:dark, html.auto .sf-c-txt-thistle\:100\:dark { color: hsl(var(--sf-c-txt-thistle-100)) } + html.var[data-theme='auto'] .sf-c-thistle, html.var.auto .sf-c-thistle { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 20%) } html.var[data-theme='auto'] .sf-c-thistle\:0, html.var.auto .sf-c-thistle\:0 { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 100%) } html.var[data-theme='auto'] .sf-c-thistle\:5, html.var.auto .sf-c-thistle\:5 { color: hsl(300, 24%, 5%); background: hsl(300, 24%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-thistle\:100\:dark, html.var.dark .sf-c-thistl html.var[data-theme='auto'] .sf-c-thistle\:90\:dark, html.var.auto .sf-c-thistle\:90\:dark { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 10%) } html.var[data-theme='auto'] .sf-c-thistle\:95\:dark, html.var.auto .sf-c-thistle\:95\:dark { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 5%) } html.var[data-theme='auto'] .sf-c-thistle\:100\:dark, html.var.auto .sf-c-thistle\:100\:dark { color: hsl(300, 24%, 95%); background: hsl(300, 24%, 0%) } -} -.sf-c-txt-thistle { color: hsl(var(--sf-c-txt-thistle)) } -.sf-c-txt-thistle\:0 { color: hsl(var(--sf-c-txt-thistle-0)) } -.sf-c-txt-thistle\:5 { color: hsl(var(--sf-c-txt-thistle-5)) } -.sf-c-txt-thistle\:10 { color: hsl(var(--sf-c-txt-thistle-10)) } -.sf-c-txt-thistle\:15 { color: hsl(var(--sf-c-txt-thistle-15)) } -.sf-c-txt-thistle\:20 { color: hsl(var(--sf-c-txt-thistle-20)) } -.sf-c-txt-thistle\:25 { color: hsl(var(--sf-c-txt-thistle-25)) } -.sf-c-txt-thistle\:30 { color: hsl(var(--sf-c-txt-thistle-30)) } -.sf-c-txt-thistle\:35 { color: hsl(var(--sf-c-txt-thistle-35)) } -.sf-c-txt-thistle\:40 { color: hsl(var(--sf-c-txt-thistle-40)) } -.sf-c-txt-thistle\:45 { color: hsl(var(--sf-c-txt-thistle-45)) } -.sf-c-txt-thistle\:50 { color: hsl(var(--sf-c-txt-thistle-50)) } -.sf-c-txt-thistle\:55 { color: hsl(var(--sf-c-txt-thistle-55)) } -.sf-c-txt-thistle\:60 { color: hsl(var(--sf-c-txt-thistle-60)) } -.sf-c-txt-thistle\:65 { color: hsl(var(--sf-c-txt-thistle-65)) } -.sf-c-txt-thistle\:70 { color: hsl(var(--sf-c-txt-thistle-70)) } -.sf-c-txt-thistle\:75 { color: hsl(var(--sf-c-txt-thistle-75)) } -.sf-c-txt-thistle\:80 { color: hsl(var(--sf-c-txt-thistle-80)) } -.sf-c-txt-thistle\:85 { color: hsl(var(--sf-c-txt-thistle-85)) } -.sf-c-txt-thistle\:90 { color: hsl(var(--sf-c-txt-thistle-90)) } -.sf-c-txt-thistle\:95 { color: hsl(var(--sf-c-txt-thistle-95)) } -.sf-c-txt-thistle\:100 { color: hsl(var(--sf-c-txt-thistle-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-thistle, html.auto .sf-c-txt-thistle { color: hsl(300, 24%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:0, html.auto .sf-c-txt-thistle\:0 { color: hsl(300, 24%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:5, html.auto .sf-c-txt-thistle\:5 { color: hsl(300, 24%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:10, html.auto .sf-c-txt-thistle\:10 { color: hsl(300, 24%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:15, html.auto .sf-c-txt-thistle\:15 { color: hsl(300, 24%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:20, html.auto .sf-c-txt-thistle\:20 { color: hsl(300, 24%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:25, html.auto .sf-c-txt-thistle\:25 { color: hsl(300, 24%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:30, html.auto .sf-c-txt-thistle\:30 { color: hsl(300, 24%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:35, html.auto .sf-c-txt-thistle\:35 { color: hsl(300, 24%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:40, html.auto .sf-c-txt-thistle\:40 { color: hsl(300, 24%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:45, html.auto .sf-c-txt-thistle\:45 { color: hsl(300, 24%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:50, html.auto .sf-c-txt-thistle\:50 { color: hsl(300, 24%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:55, html.auto .sf-c-txt-thistle\:55 { color: hsl(300, 24%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:60, html.auto .sf-c-txt-thistle\:60 { color: hsl(300, 24%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:65, html.auto .sf-c-txt-thistle\:65 { color: hsl(300, 24%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:70, html.auto .sf-c-txt-thistle\:70 { color: hsl(300, 24%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:75, html.auto .sf-c-txt-thistle\:75 { color: hsl(300, 24%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:80, html.auto .sf-c-txt-thistle\:80 { color: hsl(300, 24%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:85, html.auto .sf-c-txt-thistle\:85 { color: hsl(300, 24%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:90, html.auto .sf-c-txt-thistle\:90 { color: hsl(300, 24%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:95, html.auto .sf-c-txt-thistle\:95 { color: hsl(300, 24%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:100, html.auto .sf-c-txt-thistle\:100 { color: hsl(300, 24%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-thistle\:dark, html.auto .sf-c-txt-thistle\:dark { color: hsl(300, 24%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:0\:dark, html.auto .sf-c-txt-thistle\:0\:dark { color: hsl(300, 24%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:5\:dark, html.auto .sf-c-txt-thistle\:5\:dark { color: hsl(300, 24%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:10\:dark, html.auto .sf-c-txt-thistle\:10\:dark { color: hsl(300, 24%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:15\:dark, html.auto .sf-c-txt-thistle\:15\:dark { color: hsl(300, 24%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:20\:dark, html.auto .sf-c-txt-thistle\:20\:dark { color: hsl(300, 24%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:25\:dark, html.auto .sf-c-txt-thistle\:25\:dark { color: hsl(300, 24%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:30\:dark, html.auto .sf-c-txt-thistle\:30\:dark { color: hsl(300, 24%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:35\:dark, html.auto .sf-c-txt-thistle\:35\:dark { color: hsl(300, 24%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:40\:dark, html.auto .sf-c-txt-thistle\:40\:dark { color: hsl(300, 24%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:45\:dark, html.auto .sf-c-txt-thistle\:45\:dark { color: hsl(300, 24%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:50\:dark, html.auto .sf-c-txt-thistle\:50\:dark { color: hsl(300, 24%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:55\:dark, html.auto .sf-c-txt-thistle\:55\:dark { color: hsl(300, 24%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:60\:dark, html.auto .sf-c-txt-thistle\:60\:dark { color: hsl(300, 24%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:65\:dark, html.auto .sf-c-txt-thistle\:65\:dark { color: hsl(300, 24%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:70\:dark, html.auto .sf-c-txt-thistle\:70\:dark { color: hsl(300, 24%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:75\:dark, html.auto .sf-c-txt-thistle\:75\:dark { color: hsl(300, 24%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:80\:dark, html.auto .sf-c-txt-thistle\:80\:dark { color: hsl(300, 24%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:85\:dark, html.auto .sf-c-txt-thistle\:85\:dark { color: hsl(300, 24%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:90\:dark, html.auto .sf-c-txt-thistle\:90\:dark { color: hsl(300, 24%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:95\:dark, html.auto .sf-c-txt-thistle\:95\:dark { color: hsl(300, 24%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-thistle\:100\:dark, html.auto .sf-c-txt-thistle\:100\:dark { color: hsl(300, 24%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/tomato.css b/src/colors/20/tomato.css index 71a8303..2ff68dc 100644 --- a/src/colors/20/tomato.css +++ b/src/colors/20/tomato.css @@ -138,6 +138,52 @@ html.var .sf-c-tomato\:90 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 90 html.var .sf-c-tomato\:95 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 95%) } html.var .sf-c-tomato\:100 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 100%) } +.sf-c-txt-tomato { color: hsl(var(--sf-dark-c-txt-tomato)) } +.sf-c-txt-tomato\:0 { color: hsl(var(--sf-dark-c-txt-tomato-100)) } +.sf-c-txt-tomato\:5 { color: hsl(var(--sf-dark-c-txt-tomato-95)) } +.sf-c-txt-tomato\:10 { color: hsl(var(--sf-dark-c-txt-tomato-90)) } +.sf-c-txt-tomato\:15 { color: hsl(var(--sf-dark-c-txt-tomato-85)) } +.sf-c-txt-tomato\:20 { color: hsl(var(--sf-dark-c-txt-tomato-80)) } +.sf-c-txt-tomato\:25 { color: hsl(var(--sf-dark-c-txt-tomato-75)) } +.sf-c-txt-tomato\:30 { color: hsl(var(--sf-dark-c-txt-tomato-70)) } +.sf-c-txt-tomato\:35 { color: hsl(var(--sf-dark-c-txt-tomato-65)) } +.sf-c-txt-tomato\:40 { color: hsl(var(--sf-dark-c-txt-tomato-60)) } +.sf-c-txt-tomato\:45 { color: hsl(var(--sf-dark-c-txt-tomato-55)) } +.sf-c-txt-tomato\:50 { color: hsl(var(--sf-dark-c-txt-tomato-50)) } +.sf-c-txt-tomato\:55 { color: hsl(var(--sf-dark-c-txt-tomato-45)) } +.sf-c-txt-tomato\:60 { color: hsl(var(--sf-dark-c-txt-tomato-40)) } +.sf-c-txt-tomato\:65 { color: hsl(var(--sf-dark-c-txt-tomato-35)) } +.sf-c-txt-tomato\:70 { color: hsl(var(--sf-dark-c-txt-tomato-30)) } +.sf-c-txt-tomato\:75 { color: hsl(var(--sf-dark-c-txt-tomato-25)) } +.sf-c-txt-tomato\:80 { color: hsl(var(--sf-dark-c-txt-tomato-20)) } +.sf-c-txt-tomato\:85 { color: hsl(var(--sf-dark-c-txt-tomato-15)) } +.sf-c-txt-tomato\:90 { color: hsl(var(--sf-dark-c-txt-tomato-10)) } +.sf-c-txt-tomato\:95 { color: hsl(var(--sf-dark-c-txt-tomato-5)) } +.sf-c-txt-tomato\:100 { color: hsl(var(--sf-dark-c-txt-tomato-0)) } + +html.var .sf-c-txt-tomato { color: hsl(9, 100%, 36%) } +html.var .sf-c-txt-tomato\:0 { color: hsl(9, 100%, 100%) } +html.var .sf-c-txt-tomato\:5 { color: hsl(9, 100%, 95%) } +html.var .sf-c-txt-tomato\:10 { color: hsl(9, 100%, 90%) } +html.var .sf-c-txt-tomato\:15 { color: hsl(9, 100%, 85%) } +html.var .sf-c-txt-tomato\:20 { color: hsl(9, 100%, 80%) } +html.var .sf-c-txt-tomato\:25 { color: hsl(9, 100%, 75%) } +html.var .sf-c-txt-tomato\:30 { color: hsl(9, 100%, 70%) } +html.var .sf-c-txt-tomato\:35 { color: hsl(9, 100%, 65%) } +html.var .sf-c-txt-tomato\:40 { color: hsl(9, 100%, 60%) } +html.var .sf-c-txt-tomato\:45 { color: hsl(9, 100%, 55%) } +html.var .sf-c-txt-tomato\:50 { color: hsl(9, 100%, 50%) } +html.var .sf-c-txt-tomato\:55 { color: hsl(9, 100%, 45%) } +html.var .sf-c-txt-tomato\:60 { color: hsl(9, 100%, 40%) } +html.var .sf-c-txt-tomato\:65 { color: hsl(9, 100%, 35%) } +html.var .sf-c-txt-tomato\:70 { color: hsl(9, 100%, 30%) } +html.var .sf-c-txt-tomato\:75 { color: hsl(9, 100%, 25%) } +html.var .sf-c-txt-tomato\:80 { color: hsl(9, 100%, 20%) } +html.var .sf-c-txt-tomato\:85 { color: hsl(9, 100%, 15%) } +html.var .sf-c-txt-tomato\:90 { color: hsl(9, 100%, 10%) } +html.var .sf-c-txt-tomato\:95 { color: hsl(9, 100%, 5%) } +html.var .sf-c-txt-tomato\:100 { color: hsl(9, 100%, 0%) } + html[data-theme='dark'] .sf-c-tomato, html.dark .sf-c-tomato { color: hsl(var(--sf-dark-c-txt-tomato-95)); background: hsl(var(--sf-dark-c-tomato)) } html[data-theme='dark'] .sf-c-tomato\:0, html.dark .sf-c-tomato\:0 { color: hsl(var(--sf-dark-c-txt-tomato-95)); background: hsl(var(--sf-dark-c-tomato-100)) } html[data-theme='dark'] .sf-c-tomato\:5, html.dark .sf-c-tomato\:5 { color: hsl(var(--sf-dark-c-txt-tomato-5)); background: hsl(var(--sf-dark-c-tomato-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-tomato\:90\:dark, html.dark .sf-c-tomato\:90\:dark html[data-theme='dark'] .sf-c-tomato\:95\:dark, html.dark .sf-c-tomato\:95\:dark { color: hsl(var(--sf-c-txt-tomato-95)); background: hsl(var(--sf-c-tomato-5)) } html[data-theme='dark'] .sf-c-tomato\:100\:dark, html.dark .sf-c-tomato\:100\:dark { color: hsl(var(--sf-c-txt-tomato-95)); background: hsl(var(--sf-c-tomato-0)) } +html[data-theme='dark'] .sf-c-txt-tomato, html.dark .sf-c-txt-tomato { color: hsl(var(--sf-c-txt-tomato)) } +html[data-theme='dark'] .sf-c-txt-tomato\:0, html.dark .sf-c-txt-tomato\:0 { color: hsl(var(--sf-c-txt-tomato-0)) } +html[data-theme='dark'] .sf-c-txt-tomato\:5, html.dark .sf-c-txt-tomato\:5 { color: hsl(var(--sf-c-txt-tomato-5)) } +html[data-theme='dark'] .sf-c-txt-tomato\:10, html.dark .sf-c-txt-tomato\:10 { color: hsl(var(--sf-c-txt-tomato-10)) } +html[data-theme='dark'] .sf-c-txt-tomato\:15, html.dark .sf-c-txt-tomato\:15 { color: hsl(var(--sf-c-txt-tomato-15)) } +html[data-theme='dark'] .sf-c-txt-tomato\:20, html.dark .sf-c-txt-tomato\:20 { color: hsl(var(--sf-c-txt-tomato-20)) } +html[data-theme='dark'] .sf-c-txt-tomato\:25, html.dark .sf-c-txt-tomato\:25 { color: hsl(var(--sf-c-txt-tomato-25)) } +html[data-theme='dark'] .sf-c-txt-tomato\:30, html.dark .sf-c-txt-tomato\:30 { color: hsl(var(--sf-c-txt-tomato-30)) } +html[data-theme='dark'] .sf-c-txt-tomato\:35, html.dark .sf-c-txt-tomato\:35 { color: hsl(var(--sf-c-txt-tomato-35)) } +html[data-theme='dark'] .sf-c-txt-tomato\:40, html.dark .sf-c-txt-tomato\:40 { color: hsl(var(--sf-c-txt-tomato-40)) } +html[data-theme='dark'] .sf-c-txt-tomato\:45, html.dark .sf-c-txt-tomato\:45 { color: hsl(var(--sf-c-txt-tomato-45)) } +html[data-theme='dark'] .sf-c-txt-tomato\:50, html.dark .sf-c-txt-tomato\:50 { color: hsl(var(--sf-c-txt-tomato-50)) } +html[data-theme='dark'] .sf-c-txt-tomato\:55, html.dark .sf-c-txt-tomato\:55 { color: hsl(var(--sf-c-txt-tomato-55)) } +html[data-theme='dark'] .sf-c-txt-tomato\:60, html.dark .sf-c-txt-tomato\:60 { color: hsl(var(--sf-c-txt-tomato-60)) } +html[data-theme='dark'] .sf-c-txt-tomato\:65, html.dark .sf-c-txt-tomato\:65 { color: hsl(var(--sf-c-txt-tomato-65)) } +html[data-theme='dark'] .sf-c-txt-tomato\:70, html.dark .sf-c-txt-tomato\:70 { color: hsl(var(--sf-c-txt-tomato-70)) } +html[data-theme='dark'] .sf-c-txt-tomato\:75, html.dark .sf-c-txt-tomato\:75 { color: hsl(var(--sf-c-txt-tomato-75)) } +html[data-theme='dark'] .sf-c-txt-tomato\:80, html.dark .sf-c-txt-tomato\:80 { color: hsl(var(--sf-c-txt-tomato-80)) } +html[data-theme='dark'] .sf-c-txt-tomato\:85, html.dark .sf-c-txt-tomato\:85 { color: hsl(var(--sf-c-txt-tomato-85)) } +html[data-theme='dark'] .sf-c-txt-tomato\:90, html.dark .sf-c-txt-tomato\:90 { color: hsl(var(--sf-c-txt-tomato-90)) } +html[data-theme='dark'] .sf-c-txt-tomato\:95, html.dark .sf-c-txt-tomato\:95 { color: hsl(var(--sf-c-txt-tomato-95)) } +html[data-theme='dark'] .sf-c-txt-tomato\:100, html.dark .sf-c-txt-tomato\:100 { color: hsl(var(--sf-c-txt-tomato-100)) } + +html[data-theme='dark'] .sf-c-txt-tomato\:dark, html.dark .sf-c-txt-tomato\:dark { color: hsl(var(--sf-c-txt-tomato)) } +html[data-theme='dark'] .sf-c-txt-tomato\:0\:dark, html.dark .sf-c-txt-tomato\:0\:dark { color: hsl(var(--sf-dark-c-txt-tomato-0)) } +html[data-theme='dark'] .sf-c-txt-tomato\:5\:dark, html.dark .sf-c-txt-tomato\:5\:dark { color: hsl(var(--sf-dark-c-txt-tomato-5)) } +html[data-theme='dark'] .sf-c-txt-tomato\:10\:dark, html.dark .sf-c-txt-tomato\:10\:dark { color: hsl(var(--sf-dark-c-txt-tomato-10)) } +html[data-theme='dark'] .sf-c-txt-tomato\:15\:dark, html.dark .sf-c-txt-tomato\:15\:dark { color: hsl(var(--sf-dark-c-txt-tomato-15)) } +html[data-theme='dark'] .sf-c-txt-tomato\:20\:dark, html.dark .sf-c-txt-tomato\:20\:dark { color: hsl(var(--sf-dark-c-txt-tomato-20)) } +html[data-theme='dark'] .sf-c-txt-tomato\:25\:dark, html.dark .sf-c-txt-tomato\:25\:dark { color: hsl(var(--sf-dark-c-txt-tomato-25)) } +html[data-theme='dark'] .sf-c-txt-tomato\:30\:dark, html.dark .sf-c-txt-tomato\:30\:dark { color: hsl(var(--sf-dark-c-txt-tomato-30)) } +html[data-theme='dark'] .sf-c-txt-tomato\:35\:dark, html.dark .sf-c-txt-tomato\:35\:dark { color: hsl(var(--sf-dark-c-txt-tomato-35)) } +html[data-theme='dark'] .sf-c-txt-tomato\:40\:dark, html.dark .sf-c-txt-tomato\:40\:dark { color: hsl(var(--sf-dark-c-txt-tomato-40)) } +html[data-theme='dark'] .sf-c-txt-tomato\:45\:dark, html.dark .sf-c-txt-tomato\:45\:dark { color: hsl(var(--sf-dark-c-txt-tomato-45)) } +html[data-theme='dark'] .sf-c-txt-tomato\:50\:dark, html.dark .sf-c-txt-tomato\:50\:dark { color: hsl(var(--sf-dark-c-txt-tomato-50)) } +html[data-theme='dark'] .sf-c-txt-tomato\:55\:dark, html.dark .sf-c-txt-tomato\:55\:dark { color: hsl(var(--sf-dark-c-txt-tomato-55)) } +html[data-theme='dark'] .sf-c-txt-tomato\:60\:dark, html.dark .sf-c-txt-tomato\:60\:dark { color: hsl(var(--sf-dark-c-txt-tomato-60)) } +html[data-theme='dark'] .sf-c-txt-tomato\:65\:dark, html.dark .sf-c-txt-tomato\:65\:dark { color: hsl(var(--sf-dark-c-txt-tomato-65)) } +html[data-theme='dark'] .sf-c-txt-tomato\:70\:dark, html.dark .sf-c-txt-tomato\:70\:dark { color: hsl(var(--sf-dark-c-txt-tomato-70)) } +html[data-theme='dark'] .sf-c-txt-tomato\:75\:dark, html.dark .sf-c-txt-tomato\:75\:dark { color: hsl(var(--sf-dark-c-txt-tomato-75)) } +html[data-theme='dark'] .sf-c-txt-tomato\:80\:dark, html.dark .sf-c-txt-tomato\:80\:dark { color: hsl(var(--sf-dark-c-txt-tomato-80)) } +html[data-theme='dark'] .sf-c-txt-tomato\:85\:dark, html.dark .sf-c-txt-tomato\:85\:dark { color: hsl(var(--sf-dark-c-txt-tomato-85)) } +html[data-theme='dark'] .sf-c-txt-tomato\:90\:dark, html.dark .sf-c-txt-tomato\:90\:dark { color: hsl(var(--sf-dark-c-txt-tomato-90)) } +html[data-theme='dark'] .sf-c-txt-tomato\:95\:dark, html.dark .sf-c-txt-tomato\:95\:dark { color: hsl(var(--sf-dark-c-txt-tomato-95)) } +html[data-theme='dark'] .sf-c-txt-tomato\:100\:dark, html.dark .sf-c-txt-tomato\:100\:dark { color: hsl(var(--sf-dark-c-txt-tomato-100)) } + html.var[data-theme='dark'] .sf-c-tomato, html.var.dark .sf-c-tomato { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 36%) } html.var[data-theme='dark'] .sf-c-tomato\:0, html.var.dark .sf-c-tomato\:0 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 100%) } html.var[data-theme='dark'] .sf-c-tomato\:5, html.var.dark .sf-c-tomato\:5 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-tomato\:90\:dark, html.var.dark .sf-c-tomato\: html.var[data-theme='dark'] .sf-c-tomato\:95\:dark, html.var.dark .sf-c-tomato\:95\:dark { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 5%) } html.var[data-theme='dark'] .sf-c-tomato\:100\:dark, html.var.dark .sf-c-tomato\:100\:dark { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-tomato, html.dark .sf-c-txt-tomato { color: hsl(9, 100%, 64%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:0, html.dark .sf-c-txt-tomato\:0 { color: hsl(9, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:5, html.dark .sf-c-txt-tomato\:5 { color: hsl(9, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:10, html.dark .sf-c-txt-tomato\:10 { color: hsl(9, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:15, html.dark .sf-c-txt-tomato\:15 { color: hsl(9, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:20, html.dark .sf-c-txt-tomato\:20 { color: hsl(9, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:25, html.dark .sf-c-txt-tomato\:25 { color: hsl(9, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:30, html.dark .sf-c-txt-tomato\:30 { color: hsl(9, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:35, html.dark .sf-c-txt-tomato\:35 { color: hsl(9, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:40, html.dark .sf-c-txt-tomato\:40 { color: hsl(9, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:45, html.dark .sf-c-txt-tomato\:45 { color: hsl(9, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:50, html.dark .sf-c-txt-tomato\:50 { color: hsl(9, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:55, html.dark .sf-c-txt-tomato\:55 { color: hsl(9, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:60, html.dark .sf-c-txt-tomato\:60 { color: hsl(9, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:65, html.dark .sf-c-txt-tomato\:65 { color: hsl(9, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:70, html.dark .sf-c-txt-tomato\:70 { color: hsl(9, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:75, html.dark .sf-c-txt-tomato\:75 { color: hsl(9, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:80, html.dark .sf-c-txt-tomato\:80 { color: hsl(9, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:85, html.dark .sf-c-txt-tomato\:85 { color: hsl(9, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:90, html.dark .sf-c-txt-tomato\:90 { color: hsl(9, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:95, html.dark .sf-c-txt-tomato\:95 { color: hsl(9, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:100, html.dark .sf-c-txt-tomato\:100 { color: hsl(9, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-tomato\:dark, html.dark .sf-c-txt-tomato\:dark { color: hsl(9, 100%, 64%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:0\:dark, html.dark .sf-c-txt-tomato\:0\:dark { color: hsl(9, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:5\:dark, html.dark .sf-c-txt-tomato\:5\:dark { color: hsl(9, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:10\:dark, html.dark .sf-c-txt-tomato\:10\:dark { color: hsl(9, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:15\:dark, html.dark .sf-c-txt-tomato\:15\:dark { color: hsl(9, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:20\:dark, html.dark .sf-c-txt-tomato\:20\:dark { color: hsl(9, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:25\:dark, html.dark .sf-c-txt-tomato\:25\:dark { color: hsl(9, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:30\:dark, html.dark .sf-c-txt-tomato\:30\:dark { color: hsl(9, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:35\:dark, html.dark .sf-c-txt-tomato\:35\:dark { color: hsl(9, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:40\:dark, html.dark .sf-c-txt-tomato\:40\:dark { color: hsl(9, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:45\:dark, html.dark .sf-c-txt-tomato\:45\:dark { color: hsl(9, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:50\:dark, html.dark .sf-c-txt-tomato\:50\:dark { color: hsl(9, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:55\:dark, html.dark .sf-c-txt-tomato\:55\:dark { color: hsl(9, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:60\:dark, html.dark .sf-c-txt-tomato\:60\:dark { color: hsl(9, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:65\:dark, html.dark .sf-c-txt-tomato\:65\:dark { color: hsl(9, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:70\:dark, html.dark .sf-c-txt-tomato\:70\:dark { color: hsl(9, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:75\:dark, html.dark .sf-c-txt-tomato\:75\:dark { color: hsl(9, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:80\:dark, html.dark .sf-c-txt-tomato\:80\:dark { color: hsl(9, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:85\:dark, html.dark .sf-c-txt-tomato\:85\:dark { color: hsl(9, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:90\:dark, html.dark .sf-c-txt-tomato\:90\:dark { color: hsl(9, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:95\:dark, html.dark .sf-c-txt-tomato\:95\:dark { color: hsl(9, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-tomato\:100\:dark, html.dark .sf-c-txt-tomato\:100\:dark { color: hsl(9, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-tomato, html.auto .sf-c-tomato { color: hsl(var(--sf-dark-c-txt-tomato-95)); background: hsl(var(--sf-dark-c-tomato)) } html[data-theme='auto'] .sf-c-tomato\:0, html.auto .sf-c-tomato\:0 { color: hsl(var(--sf-dark-c-txt-tomato-95)); background: hsl(var(--sf-dark-c-tomato-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-tomato\:100\:dark, html.var.dark .sf-c-tomato\ html[data-theme='auto'] .sf-c-tomato\:95\:dark, html.auto .sf-c-tomato\:95\:dark { color: hsl(var(--sf-c-txt-tomato-95)); background: hsl(var(--sf-c-tomato-5)) } html[data-theme='auto'] .sf-c-tomato\:100\:dark, html.auto .sf-c-tomato\:100\:dark { color: hsl(var(--sf-c-txt-tomato-95)); background: hsl(var(--sf-c-tomato-0)) } + html[data-theme='auto'] .sf-c-txt-tomato, html.auto .sf-c-txt-tomato { color: hsl(var(--sf-c-txt-tomato)) } + html[data-theme='auto'] .sf-c-txt-tomato\:0, html.auto .sf-c-txt-tomato\:0 { color: hsl(var(--sf-c-txt-tomato-0)) } + html[data-theme='auto'] .sf-c-txt-tomato\:5, html.auto .sf-c-txt-tomato\:5 { color: hsl(var(--sf-c-txt-tomato-5)) } + html[data-theme='auto'] .sf-c-txt-tomato\:10, html.auto .sf-c-txt-tomato\:10 { color: hsl(var(--sf-c-txt-tomato-10)) } + html[data-theme='auto'] .sf-c-txt-tomato\:15, html.auto .sf-c-txt-tomato\:15 { color: hsl(var(--sf-c-txt-tomato-15)) } + html[data-theme='auto'] .sf-c-txt-tomato\:20, html.auto .sf-c-txt-tomato\:20 { color: hsl(var(--sf-c-txt-tomato-20)) } + html[data-theme='auto'] .sf-c-txt-tomato\:25, html.auto .sf-c-txt-tomato\:25 { color: hsl(var(--sf-c-txt-tomato-25)) } + html[data-theme='auto'] .sf-c-txt-tomato\:30, html.auto .sf-c-txt-tomato\:30 { color: hsl(var(--sf-c-txt-tomato-30)) } + html[data-theme='auto'] .sf-c-txt-tomato\:35, html.auto .sf-c-txt-tomato\:35 { color: hsl(var(--sf-c-txt-tomato-35)) } + html[data-theme='auto'] .sf-c-txt-tomato\:40, html.auto .sf-c-txt-tomato\:40 { color: hsl(var(--sf-c-txt-tomato-40)) } + html[data-theme='auto'] .sf-c-txt-tomato\:45, html.auto .sf-c-txt-tomato\:45 { color: hsl(var(--sf-c-txt-tomato-45)) } + html[data-theme='auto'] .sf-c-txt-tomato\:50, html.auto .sf-c-txt-tomato\:50 { color: hsl(var(--sf-c-txt-tomato-50)) } + html[data-theme='auto'] .sf-c-txt-tomato\:55, html.auto .sf-c-txt-tomato\:55 { color: hsl(var(--sf-c-txt-tomato-55)) } + html[data-theme='auto'] .sf-c-txt-tomato\:60, html.auto .sf-c-txt-tomato\:60 { color: hsl(var(--sf-c-txt-tomato-60)) } + html[data-theme='auto'] .sf-c-txt-tomato\:65, html.auto .sf-c-txt-tomato\:65 { color: hsl(var(--sf-c-txt-tomato-65)) } + html[data-theme='auto'] .sf-c-txt-tomato\:70, html.auto .sf-c-txt-tomato\:70 { color: hsl(var(--sf-c-txt-tomato-70)) } + html[data-theme='auto'] .sf-c-txt-tomato\:75, html.auto .sf-c-txt-tomato\:75 { color: hsl(var(--sf-c-txt-tomato-75)) } + html[data-theme='auto'] .sf-c-txt-tomato\:80, html.auto .sf-c-txt-tomato\:80 { color: hsl(var(--sf-c-txt-tomato-80)) } + html[data-theme='auto'] .sf-c-txt-tomato\:85, html.auto .sf-c-txt-tomato\:85 { color: hsl(var(--sf-c-txt-tomato-85)) } + html[data-theme='auto'] .sf-c-txt-tomato\:90, html.auto .sf-c-txt-tomato\:90 { color: hsl(var(--sf-c-txt-tomato-90)) } + html[data-theme='auto'] .sf-c-txt-tomato\:95, html.auto .sf-c-txt-tomato\:95 { color: hsl(var(--sf-c-txt-tomato-95)) } + html[data-theme='auto'] .sf-c-txt-tomato\:100, html.auto .sf-c-txt-tomato\:100 { color: hsl(var(--sf-c-txt-tomato-100)) } + + html[data-theme='auto'] .sf-c-txt-tomato\:dark, html.auto .sf-c-txt-tomato\:dark { color: hsl(var(--sf-c-txt-tomato)) } + html[data-theme='auto'] .sf-c-txt-tomato\:0\:dark, html.auto .sf-c-txt-tomato\:0\:dark { color: hsl(var(--sf-c-txt-tomato-0)) } + html[data-theme='auto'] .sf-c-txt-tomato\:5\:dark, html.auto .sf-c-txt-tomato\:5\:dark { color: hsl(var(--sf-c-txt-tomato-5)) } + html[data-theme='auto'] .sf-c-txt-tomato\:10\:dark, html.auto .sf-c-txt-tomato\:10\:dark { color: hsl(var(--sf-c-txt-tomato-10)) } + html[data-theme='auto'] .sf-c-txt-tomato\:15\:dark, html.auto .sf-c-txt-tomato\:15\:dark { color: hsl(var(--sf-c-txt-tomato-15)) } + html[data-theme='auto'] .sf-c-txt-tomato\:20\:dark, html.auto .sf-c-txt-tomato\:20\:dark { color: hsl(var(--sf-c-txt-tomato-20)) } + html[data-theme='auto'] .sf-c-txt-tomato\:25\:dark, html.auto .sf-c-txt-tomato\:25\:dark { color: hsl(var(--sf-c-txt-tomato-25)) } + html[data-theme='auto'] .sf-c-txt-tomato\:30\:dark, html.auto .sf-c-txt-tomato\:30\:dark { color: hsl(var(--sf-c-txt-tomato-30)) } + html[data-theme='auto'] .sf-c-txt-tomato\:35\:dark, html.auto .sf-c-txt-tomato\:35\:dark { color: hsl(var(--sf-c-txt-tomato-35)) } + html[data-theme='auto'] .sf-c-txt-tomato\:40\:dark, html.auto .sf-c-txt-tomato\:40\:dark { color: hsl(var(--sf-c-txt-tomato-40)) } + html[data-theme='auto'] .sf-c-txt-tomato\:45\:dark, html.auto .sf-c-txt-tomato\:45\:dark { color: hsl(var(--sf-c-txt-tomato-45)) } + html[data-theme='auto'] .sf-c-txt-tomato\:50\:dark, html.auto .sf-c-txt-tomato\:50\:dark { color: hsl(var(--sf-c-txt-tomato-50)) } + html[data-theme='auto'] .sf-c-txt-tomato\:55\:dark, html.auto .sf-c-txt-tomato\:55\:dark { color: hsl(var(--sf-c-txt-tomato-55)) } + html[data-theme='auto'] .sf-c-txt-tomato\:60\:dark, html.auto .sf-c-txt-tomato\:60\:dark { color: hsl(var(--sf-c-txt-tomato-60)) } + html[data-theme='auto'] .sf-c-txt-tomato\:65\:dark, html.auto .sf-c-txt-tomato\:65\:dark { color: hsl(var(--sf-c-txt-tomato-65)) } + html[data-theme='auto'] .sf-c-txt-tomato\:70\:dark, html.auto .sf-c-txt-tomato\:70\:dark { color: hsl(var(--sf-c-txt-tomato-70)) } + html[data-theme='auto'] .sf-c-txt-tomato\:75\:dark, html.auto .sf-c-txt-tomato\:75\:dark { color: hsl(var(--sf-c-txt-tomato-75)) } + html[data-theme='auto'] .sf-c-txt-tomato\:80\:dark, html.auto .sf-c-txt-tomato\:80\:dark { color: hsl(var(--sf-c-txt-tomato-80)) } + html[data-theme='auto'] .sf-c-txt-tomato\:85\:dark, html.auto .sf-c-txt-tomato\:85\:dark { color: hsl(var(--sf-c-txt-tomato-85)) } + html[data-theme='auto'] .sf-c-txt-tomato\:90\:dark, html.auto .sf-c-txt-tomato\:90\:dark { color: hsl(var(--sf-c-txt-tomato-90)) } + html[data-theme='auto'] .sf-c-txt-tomato\:95\:dark, html.auto .sf-c-txt-tomato\:95\:dark { color: hsl(var(--sf-c-txt-tomato-95)) } + html[data-theme='auto'] .sf-c-txt-tomato\:100\:dark, html.auto .sf-c-txt-tomato\:100\:dark { color: hsl(var(--sf-c-txt-tomato-100)) } + html.var[data-theme='auto'] .sf-c-tomato, html.var.auto .sf-c-tomato { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 36%) } html.var[data-theme='auto'] .sf-c-tomato\:0, html.var.auto .sf-c-tomato\:0 { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 100%) } html.var[data-theme='auto'] .sf-c-tomato\:5, html.var.auto .sf-c-tomato\:5 { color: hsl(9, 100%, 5%); background: hsl(9, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-tomato\:100\:dark, html.var.dark .sf-c-tomato\ html.var[data-theme='auto'] .sf-c-tomato\:90\:dark, html.var.auto .sf-c-tomato\:90\:dark { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 10%) } html.var[data-theme='auto'] .sf-c-tomato\:95\:dark, html.var.auto .sf-c-tomato\:95\:dark { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 5%) } html.var[data-theme='auto'] .sf-c-tomato\:100\:dark, html.var.auto .sf-c-tomato\:100\:dark { color: hsl(9, 100%, 95%); background: hsl(9, 100%, 0%) } -} -.sf-c-txt-tomato { color: hsl(var(--sf-c-txt-tomato)) } -.sf-c-txt-tomato\:0 { color: hsl(var(--sf-c-txt-tomato-0)) } -.sf-c-txt-tomato\:5 { color: hsl(var(--sf-c-txt-tomato-5)) } -.sf-c-txt-tomato\:10 { color: hsl(var(--sf-c-txt-tomato-10)) } -.sf-c-txt-tomato\:15 { color: hsl(var(--sf-c-txt-tomato-15)) } -.sf-c-txt-tomato\:20 { color: hsl(var(--sf-c-txt-tomato-20)) } -.sf-c-txt-tomato\:25 { color: hsl(var(--sf-c-txt-tomato-25)) } -.sf-c-txt-tomato\:30 { color: hsl(var(--sf-c-txt-tomato-30)) } -.sf-c-txt-tomato\:35 { color: hsl(var(--sf-c-txt-tomato-35)) } -.sf-c-txt-tomato\:40 { color: hsl(var(--sf-c-txt-tomato-40)) } -.sf-c-txt-tomato\:45 { color: hsl(var(--sf-c-txt-tomato-45)) } -.sf-c-txt-tomato\:50 { color: hsl(var(--sf-c-txt-tomato-50)) } -.sf-c-txt-tomato\:55 { color: hsl(var(--sf-c-txt-tomato-55)) } -.sf-c-txt-tomato\:60 { color: hsl(var(--sf-c-txt-tomato-60)) } -.sf-c-txt-tomato\:65 { color: hsl(var(--sf-c-txt-tomato-65)) } -.sf-c-txt-tomato\:70 { color: hsl(var(--sf-c-txt-tomato-70)) } -.sf-c-txt-tomato\:75 { color: hsl(var(--sf-c-txt-tomato-75)) } -.sf-c-txt-tomato\:80 { color: hsl(var(--sf-c-txt-tomato-80)) } -.sf-c-txt-tomato\:85 { color: hsl(var(--sf-c-txt-tomato-85)) } -.sf-c-txt-tomato\:90 { color: hsl(var(--sf-c-txt-tomato-90)) } -.sf-c-txt-tomato\:95 { color: hsl(var(--sf-c-txt-tomato-95)) } -.sf-c-txt-tomato\:100 { color: hsl(var(--sf-c-txt-tomato-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-tomato, html.auto .sf-c-txt-tomato { color: hsl(9, 100%, 64%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:0, html.auto .sf-c-txt-tomato\:0 { color: hsl(9, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:5, html.auto .sf-c-txt-tomato\:5 { color: hsl(9, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:10, html.auto .sf-c-txt-tomato\:10 { color: hsl(9, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:15, html.auto .sf-c-txt-tomato\:15 { color: hsl(9, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:20, html.auto .sf-c-txt-tomato\:20 { color: hsl(9, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:25, html.auto .sf-c-txt-tomato\:25 { color: hsl(9, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:30, html.auto .sf-c-txt-tomato\:30 { color: hsl(9, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:35, html.auto .sf-c-txt-tomato\:35 { color: hsl(9, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:40, html.auto .sf-c-txt-tomato\:40 { color: hsl(9, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:45, html.auto .sf-c-txt-tomato\:45 { color: hsl(9, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:50, html.auto .sf-c-txt-tomato\:50 { color: hsl(9, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:55, html.auto .sf-c-txt-tomato\:55 { color: hsl(9, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:60, html.auto .sf-c-txt-tomato\:60 { color: hsl(9, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:65, html.auto .sf-c-txt-tomato\:65 { color: hsl(9, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:70, html.auto .sf-c-txt-tomato\:70 { color: hsl(9, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:75, html.auto .sf-c-txt-tomato\:75 { color: hsl(9, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:80, html.auto .sf-c-txt-tomato\:80 { color: hsl(9, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:85, html.auto .sf-c-txt-tomato\:85 { color: hsl(9, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:90, html.auto .sf-c-txt-tomato\:90 { color: hsl(9, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:95, html.auto .sf-c-txt-tomato\:95 { color: hsl(9, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:100, html.auto .sf-c-txt-tomato\:100 { color: hsl(9, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-tomato\:dark, html.auto .sf-c-txt-tomato\:dark { color: hsl(9, 100%, 64%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:0\:dark, html.auto .sf-c-txt-tomato\:0\:dark { color: hsl(9, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:5\:dark, html.auto .sf-c-txt-tomato\:5\:dark { color: hsl(9, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:10\:dark, html.auto .sf-c-txt-tomato\:10\:dark { color: hsl(9, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:15\:dark, html.auto .sf-c-txt-tomato\:15\:dark { color: hsl(9, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:20\:dark, html.auto .sf-c-txt-tomato\:20\:dark { color: hsl(9, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:25\:dark, html.auto .sf-c-txt-tomato\:25\:dark { color: hsl(9, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:30\:dark, html.auto .sf-c-txt-tomato\:30\:dark { color: hsl(9, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:35\:dark, html.auto .sf-c-txt-tomato\:35\:dark { color: hsl(9, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:40\:dark, html.auto .sf-c-txt-tomato\:40\:dark { color: hsl(9, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:45\:dark, html.auto .sf-c-txt-tomato\:45\:dark { color: hsl(9, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:50\:dark, html.auto .sf-c-txt-tomato\:50\:dark { color: hsl(9, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:55\:dark, html.auto .sf-c-txt-tomato\:55\:dark { color: hsl(9, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:60\:dark, html.auto .sf-c-txt-tomato\:60\:dark { color: hsl(9, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:65\:dark, html.auto .sf-c-txt-tomato\:65\:dark { color: hsl(9, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:70\:dark, html.auto .sf-c-txt-tomato\:70\:dark { color: hsl(9, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:75\:dark, html.auto .sf-c-txt-tomato\:75\:dark { color: hsl(9, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:80\:dark, html.auto .sf-c-txt-tomato\:80\:dark { color: hsl(9, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:85\:dark, html.auto .sf-c-txt-tomato\:85\:dark { color: hsl(9, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:90\:dark, html.auto .sf-c-txt-tomato\:90\:dark { color: hsl(9, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:95\:dark, html.auto .sf-c-txt-tomato\:95\:dark { color: hsl(9, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-tomato\:100\:dark, html.auto .sf-c-txt-tomato\:100\:dark { color: hsl(9, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/turquoise.css b/src/colors/20/turquoise.css index 6e716a5..9421b6f 100644 --- a/src/colors/20/turquoise.css +++ b/src/colors/20/turquoise.css @@ -138,6 +138,52 @@ html.var .sf-c-turquoise\:90 { color: hsl(174, 72%, 5%); background: hsl(174, 72 html.var .sf-c-turquoise\:95 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 95%) } html.var .sf-c-turquoise\:100 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 100%) } +.sf-c-txt-turquoise { color: hsl(var(--sf-dark-c-txt-turquoise)) } +.sf-c-txt-turquoise\:0 { color: hsl(var(--sf-dark-c-txt-turquoise-100)) } +.sf-c-txt-turquoise\:5 { color: hsl(var(--sf-dark-c-txt-turquoise-95)) } +.sf-c-txt-turquoise\:10 { color: hsl(var(--sf-dark-c-txt-turquoise-90)) } +.sf-c-txt-turquoise\:15 { color: hsl(var(--sf-dark-c-txt-turquoise-85)) } +.sf-c-txt-turquoise\:20 { color: hsl(var(--sf-dark-c-txt-turquoise-80)) } +.sf-c-txt-turquoise\:25 { color: hsl(var(--sf-dark-c-txt-turquoise-75)) } +.sf-c-txt-turquoise\:30 { color: hsl(var(--sf-dark-c-txt-turquoise-70)) } +.sf-c-txt-turquoise\:35 { color: hsl(var(--sf-dark-c-txt-turquoise-65)) } +.sf-c-txt-turquoise\:40 { color: hsl(var(--sf-dark-c-txt-turquoise-60)) } +.sf-c-txt-turquoise\:45 { color: hsl(var(--sf-dark-c-txt-turquoise-55)) } +.sf-c-txt-turquoise\:50 { color: hsl(var(--sf-dark-c-txt-turquoise-50)) } +.sf-c-txt-turquoise\:55 { color: hsl(var(--sf-dark-c-txt-turquoise-45)) } +.sf-c-txt-turquoise\:60 { color: hsl(var(--sf-dark-c-txt-turquoise-40)) } +.sf-c-txt-turquoise\:65 { color: hsl(var(--sf-dark-c-txt-turquoise-35)) } +.sf-c-txt-turquoise\:70 { color: hsl(var(--sf-dark-c-txt-turquoise-30)) } +.sf-c-txt-turquoise\:75 { color: hsl(var(--sf-dark-c-txt-turquoise-25)) } +.sf-c-txt-turquoise\:80 { color: hsl(var(--sf-dark-c-txt-turquoise-20)) } +.sf-c-txt-turquoise\:85 { color: hsl(var(--sf-dark-c-txt-turquoise-15)) } +.sf-c-txt-turquoise\:90 { color: hsl(var(--sf-dark-c-txt-turquoise-10)) } +.sf-c-txt-turquoise\:95 { color: hsl(var(--sf-dark-c-txt-turquoise-5)) } +.sf-c-txt-turquoise\:100 { color: hsl(var(--sf-dark-c-txt-turquoise-0)) } + +html.var .sf-c-txt-turquoise { color: hsl(174, 72%, 44%) } +html.var .sf-c-txt-turquoise\:0 { color: hsl(174, 72%, 100%) } +html.var .sf-c-txt-turquoise\:5 { color: hsl(174, 72%, 95%) } +html.var .sf-c-txt-turquoise\:10 { color: hsl(174, 72%, 90%) } +html.var .sf-c-txt-turquoise\:15 { color: hsl(174, 72%, 85%) } +html.var .sf-c-txt-turquoise\:20 { color: hsl(174, 72%, 80%) } +html.var .sf-c-txt-turquoise\:25 { color: hsl(174, 72%, 75%) } +html.var .sf-c-txt-turquoise\:30 { color: hsl(174, 72%, 70%) } +html.var .sf-c-txt-turquoise\:35 { color: hsl(174, 72%, 65%) } +html.var .sf-c-txt-turquoise\:40 { color: hsl(174, 72%, 60%) } +html.var .sf-c-txt-turquoise\:45 { color: hsl(174, 72%, 55%) } +html.var .sf-c-txt-turquoise\:50 { color: hsl(174, 72%, 50%) } +html.var .sf-c-txt-turquoise\:55 { color: hsl(174, 72%, 45%) } +html.var .sf-c-txt-turquoise\:60 { color: hsl(174, 72%, 40%) } +html.var .sf-c-txt-turquoise\:65 { color: hsl(174, 72%, 35%) } +html.var .sf-c-txt-turquoise\:70 { color: hsl(174, 72%, 30%) } +html.var .sf-c-txt-turquoise\:75 { color: hsl(174, 72%, 25%) } +html.var .sf-c-txt-turquoise\:80 { color: hsl(174, 72%, 20%) } +html.var .sf-c-txt-turquoise\:85 { color: hsl(174, 72%, 15%) } +html.var .sf-c-txt-turquoise\:90 { color: hsl(174, 72%, 10%) } +html.var .sf-c-txt-turquoise\:95 { color: hsl(174, 72%, 5%) } +html.var .sf-c-txt-turquoise\:100 { color: hsl(174, 72%, 0%) } + html[data-theme='dark'] .sf-c-turquoise, html.dark .sf-c-turquoise { color: hsl(var(--sf-dark-c-txt-turquoise-5)); background: hsl(var(--sf-dark-c-turquoise)) } html[data-theme='dark'] .sf-c-turquoise\:0, html.dark .sf-c-turquoise\:0 { color: hsl(var(--sf-dark-c-txt-turquoise-95)); background: hsl(var(--sf-dark-c-turquoise-100)) } html[data-theme='dark'] .sf-c-turquoise\:5, html.dark .sf-c-turquoise\:5 { color: hsl(var(--sf-dark-c-txt-turquoise-5)); background: hsl(var(--sf-dark-c-turquoise-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-turquoise\:90\:dark, html.dark .sf-c-turquoise\:90 html[data-theme='dark'] .sf-c-turquoise\:95\:dark, html.dark .sf-c-turquoise\:95\:dark { color: hsl(var(--sf-c-txt-turquoise-95)); background: hsl(var(--sf-c-turquoise-5)) } html[data-theme='dark'] .sf-c-turquoise\:100\:dark, html.dark .sf-c-turquoise\:100\:dark { color: hsl(var(--sf-c-txt-turquoise-95)); background: hsl(var(--sf-c-turquoise-0)) } +html[data-theme='dark'] .sf-c-txt-turquoise, html.dark .sf-c-txt-turquoise { color: hsl(var(--sf-c-txt-turquoise)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:0, html.dark .sf-c-txt-turquoise\:0 { color: hsl(var(--sf-c-txt-turquoise-0)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:5, html.dark .sf-c-txt-turquoise\:5 { color: hsl(var(--sf-c-txt-turquoise-5)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:10, html.dark .sf-c-txt-turquoise\:10 { color: hsl(var(--sf-c-txt-turquoise-10)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:15, html.dark .sf-c-txt-turquoise\:15 { color: hsl(var(--sf-c-txt-turquoise-15)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:20, html.dark .sf-c-txt-turquoise\:20 { color: hsl(var(--sf-c-txt-turquoise-20)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:25, html.dark .sf-c-txt-turquoise\:25 { color: hsl(var(--sf-c-txt-turquoise-25)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:30, html.dark .sf-c-txt-turquoise\:30 { color: hsl(var(--sf-c-txt-turquoise-30)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:35, html.dark .sf-c-txt-turquoise\:35 { color: hsl(var(--sf-c-txt-turquoise-35)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:40, html.dark .sf-c-txt-turquoise\:40 { color: hsl(var(--sf-c-txt-turquoise-40)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:45, html.dark .sf-c-txt-turquoise\:45 { color: hsl(var(--sf-c-txt-turquoise-45)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:50, html.dark .sf-c-txt-turquoise\:50 { color: hsl(var(--sf-c-txt-turquoise-50)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:55, html.dark .sf-c-txt-turquoise\:55 { color: hsl(var(--sf-c-txt-turquoise-55)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:60, html.dark .sf-c-txt-turquoise\:60 { color: hsl(var(--sf-c-txt-turquoise-60)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:65, html.dark .sf-c-txt-turquoise\:65 { color: hsl(var(--sf-c-txt-turquoise-65)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:70, html.dark .sf-c-txt-turquoise\:70 { color: hsl(var(--sf-c-txt-turquoise-70)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:75, html.dark .sf-c-txt-turquoise\:75 { color: hsl(var(--sf-c-txt-turquoise-75)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:80, html.dark .sf-c-txt-turquoise\:80 { color: hsl(var(--sf-c-txt-turquoise-80)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:85, html.dark .sf-c-txt-turquoise\:85 { color: hsl(var(--sf-c-txt-turquoise-85)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:90, html.dark .sf-c-txt-turquoise\:90 { color: hsl(var(--sf-c-txt-turquoise-90)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:95, html.dark .sf-c-txt-turquoise\:95 { color: hsl(var(--sf-c-txt-turquoise-95)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:100, html.dark .sf-c-txt-turquoise\:100 { color: hsl(var(--sf-c-txt-turquoise-100)) } + +html[data-theme='dark'] .sf-c-txt-turquoise\:dark, html.dark .sf-c-txt-turquoise\:dark { color: hsl(var(--sf-c-txt-turquoise)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:0\:dark, html.dark .sf-c-txt-turquoise\:0\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-0)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:5\:dark, html.dark .sf-c-txt-turquoise\:5\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-5)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:10\:dark, html.dark .sf-c-txt-turquoise\:10\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-10)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:15\:dark, html.dark .sf-c-txt-turquoise\:15\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-15)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:20\:dark, html.dark .sf-c-txt-turquoise\:20\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-20)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:25\:dark, html.dark .sf-c-txt-turquoise\:25\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-25)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:30\:dark, html.dark .sf-c-txt-turquoise\:30\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-30)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:35\:dark, html.dark .sf-c-txt-turquoise\:35\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-35)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:40\:dark, html.dark .sf-c-txt-turquoise\:40\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-40)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:45\:dark, html.dark .sf-c-txt-turquoise\:45\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-45)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:50\:dark, html.dark .sf-c-txt-turquoise\:50\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-50)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:55\:dark, html.dark .sf-c-txt-turquoise\:55\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-55)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:60\:dark, html.dark .sf-c-txt-turquoise\:60\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-60)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:65\:dark, html.dark .sf-c-txt-turquoise\:65\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-65)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:70\:dark, html.dark .sf-c-txt-turquoise\:70\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-70)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:75\:dark, html.dark .sf-c-txt-turquoise\:75\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-75)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:80\:dark, html.dark .sf-c-txt-turquoise\:80\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-80)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:85\:dark, html.dark .sf-c-txt-turquoise\:85\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-85)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:90\:dark, html.dark .sf-c-txt-turquoise\:90\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-90)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:95\:dark, html.dark .sf-c-txt-turquoise\:95\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-95)) } +html[data-theme='dark'] .sf-c-txt-turquoise\:100\:dark, html.dark .sf-c-txt-turquoise\:100\:dark { color: hsl(var(--sf-dark-c-txt-turquoise-100)) } + html.var[data-theme='dark'] .sf-c-turquoise, html.var.dark .sf-c-turquoise { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 44%) } html.var[data-theme='dark'] .sf-c-turquoise\:0, html.var.dark .sf-c-turquoise\:0 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 100%) } html.var[data-theme='dark'] .sf-c-turquoise\:5, html.var.dark .sf-c-turquoise\:5 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-turquoise\:90\:dark, html.var.dark .sf-c-turqu html.var[data-theme='dark'] .sf-c-turquoise\:95\:dark, html.var.dark .sf-c-turquoise\:95\:dark { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 5%) } html.var[data-theme='dark'] .sf-c-turquoise\:100\:dark, html.var.dark .sf-c-turquoise\:100\:dark { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise, html.dark .sf-c-txt-turquoise { color: hsl(174, 72%, 56%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:0, html.dark .sf-c-txt-turquoise\:0 { color: hsl(174, 72%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:5, html.dark .sf-c-txt-turquoise\:5 { color: hsl(174, 72%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:10, html.dark .sf-c-txt-turquoise\:10 { color: hsl(174, 72%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:15, html.dark .sf-c-txt-turquoise\:15 { color: hsl(174, 72%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:20, html.dark .sf-c-txt-turquoise\:20 { color: hsl(174, 72%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:25, html.dark .sf-c-txt-turquoise\:25 { color: hsl(174, 72%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:30, html.dark .sf-c-txt-turquoise\:30 { color: hsl(174, 72%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:35, html.dark .sf-c-txt-turquoise\:35 { color: hsl(174, 72%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:40, html.dark .sf-c-txt-turquoise\:40 { color: hsl(174, 72%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:45, html.dark .sf-c-txt-turquoise\:45 { color: hsl(174, 72%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:50, html.dark .sf-c-txt-turquoise\:50 { color: hsl(174, 72%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:55, html.dark .sf-c-txt-turquoise\:55 { color: hsl(174, 72%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:60, html.dark .sf-c-txt-turquoise\:60 { color: hsl(174, 72%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:65, html.dark .sf-c-txt-turquoise\:65 { color: hsl(174, 72%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:70, html.dark .sf-c-txt-turquoise\:70 { color: hsl(174, 72%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:75, html.dark .sf-c-txt-turquoise\:75 { color: hsl(174, 72%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:80, html.dark .sf-c-txt-turquoise\:80 { color: hsl(174, 72%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:85, html.dark .sf-c-txt-turquoise\:85 { color: hsl(174, 72%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:90, html.dark .sf-c-txt-turquoise\:90 { color: hsl(174, 72%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:95, html.dark .sf-c-txt-turquoise\:95 { color: hsl(174, 72%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:100, html.dark .sf-c-txt-turquoise\:100 { color: hsl(174, 72%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-turquoise\:dark, html.dark .sf-c-txt-turquoise\:dark { color: hsl(174, 72%, 56%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:0\:dark, html.dark .sf-c-txt-turquoise\:0\:dark { color: hsl(174, 72%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:5\:dark, html.dark .sf-c-txt-turquoise\:5\:dark { color: hsl(174, 72%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:10\:dark, html.dark .sf-c-txt-turquoise\:10\:dark { color: hsl(174, 72%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:15\:dark, html.dark .sf-c-txt-turquoise\:15\:dark { color: hsl(174, 72%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:20\:dark, html.dark .sf-c-txt-turquoise\:20\:dark { color: hsl(174, 72%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:25\:dark, html.dark .sf-c-txt-turquoise\:25\:dark { color: hsl(174, 72%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:30\:dark, html.dark .sf-c-txt-turquoise\:30\:dark { color: hsl(174, 72%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:35\:dark, html.dark .sf-c-txt-turquoise\:35\:dark { color: hsl(174, 72%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:40\:dark, html.dark .sf-c-txt-turquoise\:40\:dark { color: hsl(174, 72%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:45\:dark, html.dark .sf-c-txt-turquoise\:45\:dark { color: hsl(174, 72%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:50\:dark, html.dark .sf-c-txt-turquoise\:50\:dark { color: hsl(174, 72%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:55\:dark, html.dark .sf-c-txt-turquoise\:55\:dark { color: hsl(174, 72%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:60\:dark, html.dark .sf-c-txt-turquoise\:60\:dark { color: hsl(174, 72%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:65\:dark, html.dark .sf-c-txt-turquoise\:65\:dark { color: hsl(174, 72%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:70\:dark, html.dark .sf-c-txt-turquoise\:70\:dark { color: hsl(174, 72%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:75\:dark, html.dark .sf-c-txt-turquoise\:75\:dark { color: hsl(174, 72%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:80\:dark, html.dark .sf-c-txt-turquoise\:80\:dark { color: hsl(174, 72%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:85\:dark, html.dark .sf-c-txt-turquoise\:85\:dark { color: hsl(174, 72%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:90\:dark, html.dark .sf-c-txt-turquoise\:90\:dark { color: hsl(174, 72%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:95\:dark, html.dark .sf-c-txt-turquoise\:95\:dark { color: hsl(174, 72%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-turquoise\:100\:dark, html.dark .sf-c-txt-turquoise\:100\:dark { color: hsl(174, 72%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-turquoise, html.auto .sf-c-turquoise { color: hsl(var(--sf-dark-c-txt-turquoise-5)); background: hsl(var(--sf-dark-c-turquoise)) } html[data-theme='auto'] .sf-c-turquoise\:0, html.auto .sf-c-turquoise\:0 { color: hsl(var(--sf-dark-c-txt-turquoise-95)); background: hsl(var(--sf-dark-c-turquoise-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-turquoise\:100\:dark, html.var.dark .sf-c-turq html[data-theme='auto'] .sf-c-turquoise\:95\:dark, html.auto .sf-c-turquoise\:95\:dark { color: hsl(var(--sf-c-txt-turquoise-95)); background: hsl(var(--sf-c-turquoise-5)) } html[data-theme='auto'] .sf-c-turquoise\:100\:dark, html.auto .sf-c-turquoise\:100\:dark { color: hsl(var(--sf-c-txt-turquoise-95)); background: hsl(var(--sf-c-turquoise-0)) } + html[data-theme='auto'] .sf-c-txt-turquoise, html.auto .sf-c-txt-turquoise { color: hsl(var(--sf-c-txt-turquoise)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:0, html.auto .sf-c-txt-turquoise\:0 { color: hsl(var(--sf-c-txt-turquoise-0)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:5, html.auto .sf-c-txt-turquoise\:5 { color: hsl(var(--sf-c-txt-turquoise-5)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:10, html.auto .sf-c-txt-turquoise\:10 { color: hsl(var(--sf-c-txt-turquoise-10)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:15, html.auto .sf-c-txt-turquoise\:15 { color: hsl(var(--sf-c-txt-turquoise-15)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:20, html.auto .sf-c-txt-turquoise\:20 { color: hsl(var(--sf-c-txt-turquoise-20)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:25, html.auto .sf-c-txt-turquoise\:25 { color: hsl(var(--sf-c-txt-turquoise-25)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:30, html.auto .sf-c-txt-turquoise\:30 { color: hsl(var(--sf-c-txt-turquoise-30)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:35, html.auto .sf-c-txt-turquoise\:35 { color: hsl(var(--sf-c-txt-turquoise-35)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:40, html.auto .sf-c-txt-turquoise\:40 { color: hsl(var(--sf-c-txt-turquoise-40)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:45, html.auto .sf-c-txt-turquoise\:45 { color: hsl(var(--sf-c-txt-turquoise-45)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:50, html.auto .sf-c-txt-turquoise\:50 { color: hsl(var(--sf-c-txt-turquoise-50)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:55, html.auto .sf-c-txt-turquoise\:55 { color: hsl(var(--sf-c-txt-turquoise-55)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:60, html.auto .sf-c-txt-turquoise\:60 { color: hsl(var(--sf-c-txt-turquoise-60)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:65, html.auto .sf-c-txt-turquoise\:65 { color: hsl(var(--sf-c-txt-turquoise-65)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:70, html.auto .sf-c-txt-turquoise\:70 { color: hsl(var(--sf-c-txt-turquoise-70)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:75, html.auto .sf-c-txt-turquoise\:75 { color: hsl(var(--sf-c-txt-turquoise-75)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:80, html.auto .sf-c-txt-turquoise\:80 { color: hsl(var(--sf-c-txt-turquoise-80)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:85, html.auto .sf-c-txt-turquoise\:85 { color: hsl(var(--sf-c-txt-turquoise-85)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:90, html.auto .sf-c-txt-turquoise\:90 { color: hsl(var(--sf-c-txt-turquoise-90)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:95, html.auto .sf-c-txt-turquoise\:95 { color: hsl(var(--sf-c-txt-turquoise-95)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:100, html.auto .sf-c-txt-turquoise\:100 { color: hsl(var(--sf-c-txt-turquoise-100)) } + + html[data-theme='auto'] .sf-c-txt-turquoise\:dark, html.auto .sf-c-txt-turquoise\:dark { color: hsl(var(--sf-c-txt-turquoise)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:0\:dark, html.auto .sf-c-txt-turquoise\:0\:dark { color: hsl(var(--sf-c-txt-turquoise-0)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:5\:dark, html.auto .sf-c-txt-turquoise\:5\:dark { color: hsl(var(--sf-c-txt-turquoise-5)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:10\:dark, html.auto .sf-c-txt-turquoise\:10\:dark { color: hsl(var(--sf-c-txt-turquoise-10)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:15\:dark, html.auto .sf-c-txt-turquoise\:15\:dark { color: hsl(var(--sf-c-txt-turquoise-15)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:20\:dark, html.auto .sf-c-txt-turquoise\:20\:dark { color: hsl(var(--sf-c-txt-turquoise-20)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:25\:dark, html.auto .sf-c-txt-turquoise\:25\:dark { color: hsl(var(--sf-c-txt-turquoise-25)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:30\:dark, html.auto .sf-c-txt-turquoise\:30\:dark { color: hsl(var(--sf-c-txt-turquoise-30)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:35\:dark, html.auto .sf-c-txt-turquoise\:35\:dark { color: hsl(var(--sf-c-txt-turquoise-35)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:40\:dark, html.auto .sf-c-txt-turquoise\:40\:dark { color: hsl(var(--sf-c-txt-turquoise-40)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:45\:dark, html.auto .sf-c-txt-turquoise\:45\:dark { color: hsl(var(--sf-c-txt-turquoise-45)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:50\:dark, html.auto .sf-c-txt-turquoise\:50\:dark { color: hsl(var(--sf-c-txt-turquoise-50)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:55\:dark, html.auto .sf-c-txt-turquoise\:55\:dark { color: hsl(var(--sf-c-txt-turquoise-55)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:60\:dark, html.auto .sf-c-txt-turquoise\:60\:dark { color: hsl(var(--sf-c-txt-turquoise-60)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:65\:dark, html.auto .sf-c-txt-turquoise\:65\:dark { color: hsl(var(--sf-c-txt-turquoise-65)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:70\:dark, html.auto .sf-c-txt-turquoise\:70\:dark { color: hsl(var(--sf-c-txt-turquoise-70)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:75\:dark, html.auto .sf-c-txt-turquoise\:75\:dark { color: hsl(var(--sf-c-txt-turquoise-75)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:80\:dark, html.auto .sf-c-txt-turquoise\:80\:dark { color: hsl(var(--sf-c-txt-turquoise-80)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:85\:dark, html.auto .sf-c-txt-turquoise\:85\:dark { color: hsl(var(--sf-c-txt-turquoise-85)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:90\:dark, html.auto .sf-c-txt-turquoise\:90\:dark { color: hsl(var(--sf-c-txt-turquoise-90)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:95\:dark, html.auto .sf-c-txt-turquoise\:95\:dark { color: hsl(var(--sf-c-txt-turquoise-95)) } + html[data-theme='auto'] .sf-c-txt-turquoise\:100\:dark, html.auto .sf-c-txt-turquoise\:100\:dark { color: hsl(var(--sf-c-txt-turquoise-100)) } + html.var[data-theme='auto'] .sf-c-turquoise, html.var.auto .sf-c-turquoise { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 44%) } html.var[data-theme='auto'] .sf-c-turquoise\:0, html.var.auto .sf-c-turquoise\:0 { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 100%) } html.var[data-theme='auto'] .sf-c-turquoise\:5, html.var.auto .sf-c-turquoise\:5 { color: hsl(174, 72%, 5%); background: hsl(174, 72%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-turquoise\:100\:dark, html.var.dark .sf-c-turq html.var[data-theme='auto'] .sf-c-turquoise\:90\:dark, html.var.auto .sf-c-turquoise\:90\:dark { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 10%) } html.var[data-theme='auto'] .sf-c-turquoise\:95\:dark, html.var.auto .sf-c-turquoise\:95\:dark { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 5%) } html.var[data-theme='auto'] .sf-c-turquoise\:100\:dark, html.var.auto .sf-c-turquoise\:100\:dark { color: hsl(174, 72%, 95%); background: hsl(174, 72%, 0%) } -} -.sf-c-txt-turquoise { color: hsl(var(--sf-c-txt-turquoise)) } -.sf-c-txt-turquoise\:0 { color: hsl(var(--sf-c-txt-turquoise-0)) } -.sf-c-txt-turquoise\:5 { color: hsl(var(--sf-c-txt-turquoise-5)) } -.sf-c-txt-turquoise\:10 { color: hsl(var(--sf-c-txt-turquoise-10)) } -.sf-c-txt-turquoise\:15 { color: hsl(var(--sf-c-txt-turquoise-15)) } -.sf-c-txt-turquoise\:20 { color: hsl(var(--sf-c-txt-turquoise-20)) } -.sf-c-txt-turquoise\:25 { color: hsl(var(--sf-c-txt-turquoise-25)) } -.sf-c-txt-turquoise\:30 { color: hsl(var(--sf-c-txt-turquoise-30)) } -.sf-c-txt-turquoise\:35 { color: hsl(var(--sf-c-txt-turquoise-35)) } -.sf-c-txt-turquoise\:40 { color: hsl(var(--sf-c-txt-turquoise-40)) } -.sf-c-txt-turquoise\:45 { color: hsl(var(--sf-c-txt-turquoise-45)) } -.sf-c-txt-turquoise\:50 { color: hsl(var(--sf-c-txt-turquoise-50)) } -.sf-c-txt-turquoise\:55 { color: hsl(var(--sf-c-txt-turquoise-55)) } -.sf-c-txt-turquoise\:60 { color: hsl(var(--sf-c-txt-turquoise-60)) } -.sf-c-txt-turquoise\:65 { color: hsl(var(--sf-c-txt-turquoise-65)) } -.sf-c-txt-turquoise\:70 { color: hsl(var(--sf-c-txt-turquoise-70)) } -.sf-c-txt-turquoise\:75 { color: hsl(var(--sf-c-txt-turquoise-75)) } -.sf-c-txt-turquoise\:80 { color: hsl(var(--sf-c-txt-turquoise-80)) } -.sf-c-txt-turquoise\:85 { color: hsl(var(--sf-c-txt-turquoise-85)) } -.sf-c-txt-turquoise\:90 { color: hsl(var(--sf-c-txt-turquoise-90)) } -.sf-c-txt-turquoise\:95 { color: hsl(var(--sf-c-txt-turquoise-95)) } -.sf-c-txt-turquoise\:100 { color: hsl(var(--sf-c-txt-turquoise-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-turquoise, html.auto .sf-c-txt-turquoise { color: hsl(174, 72%, 56%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:0, html.auto .sf-c-txt-turquoise\:0 { color: hsl(174, 72%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:5, html.auto .sf-c-txt-turquoise\:5 { color: hsl(174, 72%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:10, html.auto .sf-c-txt-turquoise\:10 { color: hsl(174, 72%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:15, html.auto .sf-c-txt-turquoise\:15 { color: hsl(174, 72%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:20, html.auto .sf-c-txt-turquoise\:20 { color: hsl(174, 72%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:25, html.auto .sf-c-txt-turquoise\:25 { color: hsl(174, 72%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:30, html.auto .sf-c-txt-turquoise\:30 { color: hsl(174, 72%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:35, html.auto .sf-c-txt-turquoise\:35 { color: hsl(174, 72%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:40, html.auto .sf-c-txt-turquoise\:40 { color: hsl(174, 72%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:45, html.auto .sf-c-txt-turquoise\:45 { color: hsl(174, 72%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:50, html.auto .sf-c-txt-turquoise\:50 { color: hsl(174, 72%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:55, html.auto .sf-c-txt-turquoise\:55 { color: hsl(174, 72%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:60, html.auto .sf-c-txt-turquoise\:60 { color: hsl(174, 72%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:65, html.auto .sf-c-txt-turquoise\:65 { color: hsl(174, 72%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:70, html.auto .sf-c-txt-turquoise\:70 { color: hsl(174, 72%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:75, html.auto .sf-c-txt-turquoise\:75 { color: hsl(174, 72%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:80, html.auto .sf-c-txt-turquoise\:80 { color: hsl(174, 72%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:85, html.auto .sf-c-txt-turquoise\:85 { color: hsl(174, 72%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:90, html.auto .sf-c-txt-turquoise\:90 { color: hsl(174, 72%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:95, html.auto .sf-c-txt-turquoise\:95 { color: hsl(174, 72%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:100, html.auto .sf-c-txt-turquoise\:100 { color: hsl(174, 72%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-turquoise\:dark, html.auto .sf-c-txt-turquoise\:dark { color: hsl(174, 72%, 56%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:0\:dark, html.auto .sf-c-txt-turquoise\:0\:dark { color: hsl(174, 72%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:5\:dark, html.auto .sf-c-txt-turquoise\:5\:dark { color: hsl(174, 72%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:10\:dark, html.auto .sf-c-txt-turquoise\:10\:dark { color: hsl(174, 72%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:15\:dark, html.auto .sf-c-txt-turquoise\:15\:dark { color: hsl(174, 72%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:20\:dark, html.auto .sf-c-txt-turquoise\:20\:dark { color: hsl(174, 72%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:25\:dark, html.auto .sf-c-txt-turquoise\:25\:dark { color: hsl(174, 72%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:30\:dark, html.auto .sf-c-txt-turquoise\:30\:dark { color: hsl(174, 72%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:35\:dark, html.auto .sf-c-txt-turquoise\:35\:dark { color: hsl(174, 72%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:40\:dark, html.auto .sf-c-txt-turquoise\:40\:dark { color: hsl(174, 72%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:45\:dark, html.auto .sf-c-txt-turquoise\:45\:dark { color: hsl(174, 72%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:50\:dark, html.auto .sf-c-txt-turquoise\:50\:dark { color: hsl(174, 72%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:55\:dark, html.auto .sf-c-txt-turquoise\:55\:dark { color: hsl(174, 72%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:60\:dark, html.auto .sf-c-txt-turquoise\:60\:dark { color: hsl(174, 72%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:65\:dark, html.auto .sf-c-txt-turquoise\:65\:dark { color: hsl(174, 72%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:70\:dark, html.auto .sf-c-txt-turquoise\:70\:dark { color: hsl(174, 72%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:75\:dark, html.auto .sf-c-txt-turquoise\:75\:dark { color: hsl(174, 72%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:80\:dark, html.auto .sf-c-txt-turquoise\:80\:dark { color: hsl(174, 72%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:85\:dark, html.auto .sf-c-txt-turquoise\:85\:dark { color: hsl(174, 72%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:90\:dark, html.auto .sf-c-txt-turquoise\:90\:dark { color: hsl(174, 72%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:95\:dark, html.auto .sf-c-txt-turquoise\:95\:dark { color: hsl(174, 72%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-turquoise\:100\:dark, html.auto .sf-c-txt-turquoise\:100\:dark { color: hsl(174, 72%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/violet.css b/src/colors/20/violet.css index c87ef22..5fc9cbf 100644 --- a/src/colors/20/violet.css +++ b/src/colors/20/violet.css @@ -138,6 +138,52 @@ html.var .sf-c-violet\:90 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, html.var .sf-c-violet\:95 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 95%) } html.var .sf-c-violet\:100 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 100%) } +.sf-c-txt-violet { color: hsl(var(--sf-dark-c-txt-violet)) } +.sf-c-txt-violet\:0 { color: hsl(var(--sf-dark-c-txt-violet-100)) } +.sf-c-txt-violet\:5 { color: hsl(var(--sf-dark-c-txt-violet-95)) } +.sf-c-txt-violet\:10 { color: hsl(var(--sf-dark-c-txt-violet-90)) } +.sf-c-txt-violet\:15 { color: hsl(var(--sf-dark-c-txt-violet-85)) } +.sf-c-txt-violet\:20 { color: hsl(var(--sf-dark-c-txt-violet-80)) } +.sf-c-txt-violet\:25 { color: hsl(var(--sf-dark-c-txt-violet-75)) } +.sf-c-txt-violet\:30 { color: hsl(var(--sf-dark-c-txt-violet-70)) } +.sf-c-txt-violet\:35 { color: hsl(var(--sf-dark-c-txt-violet-65)) } +.sf-c-txt-violet\:40 { color: hsl(var(--sf-dark-c-txt-violet-60)) } +.sf-c-txt-violet\:45 { color: hsl(var(--sf-dark-c-txt-violet-55)) } +.sf-c-txt-violet\:50 { color: hsl(var(--sf-dark-c-txt-violet-50)) } +.sf-c-txt-violet\:55 { color: hsl(var(--sf-dark-c-txt-violet-45)) } +.sf-c-txt-violet\:60 { color: hsl(var(--sf-dark-c-txt-violet-40)) } +.sf-c-txt-violet\:65 { color: hsl(var(--sf-dark-c-txt-violet-35)) } +.sf-c-txt-violet\:70 { color: hsl(var(--sf-dark-c-txt-violet-30)) } +.sf-c-txt-violet\:75 { color: hsl(var(--sf-dark-c-txt-violet-25)) } +.sf-c-txt-violet\:80 { color: hsl(var(--sf-dark-c-txt-violet-20)) } +.sf-c-txt-violet\:85 { color: hsl(var(--sf-dark-c-txt-violet-15)) } +.sf-c-txt-violet\:90 { color: hsl(var(--sf-dark-c-txt-violet-10)) } +.sf-c-txt-violet\:95 { color: hsl(var(--sf-dark-c-txt-violet-5)) } +.sf-c-txt-violet\:100 { color: hsl(var(--sf-dark-c-txt-violet-0)) } + +html.var .sf-c-txt-violet { color: hsl(300, 76%, 28%) } +html.var .sf-c-txt-violet\:0 { color: hsl(300, 76%, 100%) } +html.var .sf-c-txt-violet\:5 { color: hsl(300, 76%, 95%) } +html.var .sf-c-txt-violet\:10 { color: hsl(300, 76%, 90%) } +html.var .sf-c-txt-violet\:15 { color: hsl(300, 76%, 85%) } +html.var .sf-c-txt-violet\:20 { color: hsl(300, 76%, 80%) } +html.var .sf-c-txt-violet\:25 { color: hsl(300, 76%, 75%) } +html.var .sf-c-txt-violet\:30 { color: hsl(300, 76%, 70%) } +html.var .sf-c-txt-violet\:35 { color: hsl(300, 76%, 65%) } +html.var .sf-c-txt-violet\:40 { color: hsl(300, 76%, 60%) } +html.var .sf-c-txt-violet\:45 { color: hsl(300, 76%, 55%) } +html.var .sf-c-txt-violet\:50 { color: hsl(300, 76%, 50%) } +html.var .sf-c-txt-violet\:55 { color: hsl(300, 76%, 45%) } +html.var .sf-c-txt-violet\:60 { color: hsl(300, 76%, 40%) } +html.var .sf-c-txt-violet\:65 { color: hsl(300, 76%, 35%) } +html.var .sf-c-txt-violet\:70 { color: hsl(300, 76%, 30%) } +html.var .sf-c-txt-violet\:75 { color: hsl(300, 76%, 25%) } +html.var .sf-c-txt-violet\:80 { color: hsl(300, 76%, 20%) } +html.var .sf-c-txt-violet\:85 { color: hsl(300, 76%, 15%) } +html.var .sf-c-txt-violet\:90 { color: hsl(300, 76%, 10%) } +html.var .sf-c-txt-violet\:95 { color: hsl(300, 76%, 5%) } +html.var .sf-c-txt-violet\:100 { color: hsl(300, 76%, 0%) } + html[data-theme='dark'] .sf-c-violet, html.dark .sf-c-violet { color: hsl(var(--sf-dark-c-txt-violet-95)); background: hsl(var(--sf-dark-c-violet)) } html[data-theme='dark'] .sf-c-violet\:0, html.dark .sf-c-violet\:0 { color: hsl(var(--sf-dark-c-txt-violet-95)); background: hsl(var(--sf-dark-c-violet-100)) } html[data-theme='dark'] .sf-c-violet\:5, html.dark .sf-c-violet\:5 { color: hsl(var(--sf-dark-c-txt-violet-5)); background: hsl(var(--sf-dark-c-violet-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-violet\:90\:dark, html.dark .sf-c-violet\:90\:dark html[data-theme='dark'] .sf-c-violet\:95\:dark, html.dark .sf-c-violet\:95\:dark { color: hsl(var(--sf-c-txt-violet-95)); background: hsl(var(--sf-c-violet-5)) } html[data-theme='dark'] .sf-c-violet\:100\:dark, html.dark .sf-c-violet\:100\:dark { color: hsl(var(--sf-c-txt-violet-95)); background: hsl(var(--sf-c-violet-0)) } +html[data-theme='dark'] .sf-c-txt-violet, html.dark .sf-c-txt-violet { color: hsl(var(--sf-c-txt-violet)) } +html[data-theme='dark'] .sf-c-txt-violet\:0, html.dark .sf-c-txt-violet\:0 { color: hsl(var(--sf-c-txt-violet-0)) } +html[data-theme='dark'] .sf-c-txt-violet\:5, html.dark .sf-c-txt-violet\:5 { color: hsl(var(--sf-c-txt-violet-5)) } +html[data-theme='dark'] .sf-c-txt-violet\:10, html.dark .sf-c-txt-violet\:10 { color: hsl(var(--sf-c-txt-violet-10)) } +html[data-theme='dark'] .sf-c-txt-violet\:15, html.dark .sf-c-txt-violet\:15 { color: hsl(var(--sf-c-txt-violet-15)) } +html[data-theme='dark'] .sf-c-txt-violet\:20, html.dark .sf-c-txt-violet\:20 { color: hsl(var(--sf-c-txt-violet-20)) } +html[data-theme='dark'] .sf-c-txt-violet\:25, html.dark .sf-c-txt-violet\:25 { color: hsl(var(--sf-c-txt-violet-25)) } +html[data-theme='dark'] .sf-c-txt-violet\:30, html.dark .sf-c-txt-violet\:30 { color: hsl(var(--sf-c-txt-violet-30)) } +html[data-theme='dark'] .sf-c-txt-violet\:35, html.dark .sf-c-txt-violet\:35 { color: hsl(var(--sf-c-txt-violet-35)) } +html[data-theme='dark'] .sf-c-txt-violet\:40, html.dark .sf-c-txt-violet\:40 { color: hsl(var(--sf-c-txt-violet-40)) } +html[data-theme='dark'] .sf-c-txt-violet\:45, html.dark .sf-c-txt-violet\:45 { color: hsl(var(--sf-c-txt-violet-45)) } +html[data-theme='dark'] .sf-c-txt-violet\:50, html.dark .sf-c-txt-violet\:50 { color: hsl(var(--sf-c-txt-violet-50)) } +html[data-theme='dark'] .sf-c-txt-violet\:55, html.dark .sf-c-txt-violet\:55 { color: hsl(var(--sf-c-txt-violet-55)) } +html[data-theme='dark'] .sf-c-txt-violet\:60, html.dark .sf-c-txt-violet\:60 { color: hsl(var(--sf-c-txt-violet-60)) } +html[data-theme='dark'] .sf-c-txt-violet\:65, html.dark .sf-c-txt-violet\:65 { color: hsl(var(--sf-c-txt-violet-65)) } +html[data-theme='dark'] .sf-c-txt-violet\:70, html.dark .sf-c-txt-violet\:70 { color: hsl(var(--sf-c-txt-violet-70)) } +html[data-theme='dark'] .sf-c-txt-violet\:75, html.dark .sf-c-txt-violet\:75 { color: hsl(var(--sf-c-txt-violet-75)) } +html[data-theme='dark'] .sf-c-txt-violet\:80, html.dark .sf-c-txt-violet\:80 { color: hsl(var(--sf-c-txt-violet-80)) } +html[data-theme='dark'] .sf-c-txt-violet\:85, html.dark .sf-c-txt-violet\:85 { color: hsl(var(--sf-c-txt-violet-85)) } +html[data-theme='dark'] .sf-c-txt-violet\:90, html.dark .sf-c-txt-violet\:90 { color: hsl(var(--sf-c-txt-violet-90)) } +html[data-theme='dark'] .sf-c-txt-violet\:95, html.dark .sf-c-txt-violet\:95 { color: hsl(var(--sf-c-txt-violet-95)) } +html[data-theme='dark'] .sf-c-txt-violet\:100, html.dark .sf-c-txt-violet\:100 { color: hsl(var(--sf-c-txt-violet-100)) } + +html[data-theme='dark'] .sf-c-txt-violet\:dark, html.dark .sf-c-txt-violet\:dark { color: hsl(var(--sf-c-txt-violet)) } +html[data-theme='dark'] .sf-c-txt-violet\:0\:dark, html.dark .sf-c-txt-violet\:0\:dark { color: hsl(var(--sf-dark-c-txt-violet-0)) } +html[data-theme='dark'] .sf-c-txt-violet\:5\:dark, html.dark .sf-c-txt-violet\:5\:dark { color: hsl(var(--sf-dark-c-txt-violet-5)) } +html[data-theme='dark'] .sf-c-txt-violet\:10\:dark, html.dark .sf-c-txt-violet\:10\:dark { color: hsl(var(--sf-dark-c-txt-violet-10)) } +html[data-theme='dark'] .sf-c-txt-violet\:15\:dark, html.dark .sf-c-txt-violet\:15\:dark { color: hsl(var(--sf-dark-c-txt-violet-15)) } +html[data-theme='dark'] .sf-c-txt-violet\:20\:dark, html.dark .sf-c-txt-violet\:20\:dark { color: hsl(var(--sf-dark-c-txt-violet-20)) } +html[data-theme='dark'] .sf-c-txt-violet\:25\:dark, html.dark .sf-c-txt-violet\:25\:dark { color: hsl(var(--sf-dark-c-txt-violet-25)) } +html[data-theme='dark'] .sf-c-txt-violet\:30\:dark, html.dark .sf-c-txt-violet\:30\:dark { color: hsl(var(--sf-dark-c-txt-violet-30)) } +html[data-theme='dark'] .sf-c-txt-violet\:35\:dark, html.dark .sf-c-txt-violet\:35\:dark { color: hsl(var(--sf-dark-c-txt-violet-35)) } +html[data-theme='dark'] .sf-c-txt-violet\:40\:dark, html.dark .sf-c-txt-violet\:40\:dark { color: hsl(var(--sf-dark-c-txt-violet-40)) } +html[data-theme='dark'] .sf-c-txt-violet\:45\:dark, html.dark .sf-c-txt-violet\:45\:dark { color: hsl(var(--sf-dark-c-txt-violet-45)) } +html[data-theme='dark'] .sf-c-txt-violet\:50\:dark, html.dark .sf-c-txt-violet\:50\:dark { color: hsl(var(--sf-dark-c-txt-violet-50)) } +html[data-theme='dark'] .sf-c-txt-violet\:55\:dark, html.dark .sf-c-txt-violet\:55\:dark { color: hsl(var(--sf-dark-c-txt-violet-55)) } +html[data-theme='dark'] .sf-c-txt-violet\:60\:dark, html.dark .sf-c-txt-violet\:60\:dark { color: hsl(var(--sf-dark-c-txt-violet-60)) } +html[data-theme='dark'] .sf-c-txt-violet\:65\:dark, html.dark .sf-c-txt-violet\:65\:dark { color: hsl(var(--sf-dark-c-txt-violet-65)) } +html[data-theme='dark'] .sf-c-txt-violet\:70\:dark, html.dark .sf-c-txt-violet\:70\:dark { color: hsl(var(--sf-dark-c-txt-violet-70)) } +html[data-theme='dark'] .sf-c-txt-violet\:75\:dark, html.dark .sf-c-txt-violet\:75\:dark { color: hsl(var(--sf-dark-c-txt-violet-75)) } +html[data-theme='dark'] .sf-c-txt-violet\:80\:dark, html.dark .sf-c-txt-violet\:80\:dark { color: hsl(var(--sf-dark-c-txt-violet-80)) } +html[data-theme='dark'] .sf-c-txt-violet\:85\:dark, html.dark .sf-c-txt-violet\:85\:dark { color: hsl(var(--sf-dark-c-txt-violet-85)) } +html[data-theme='dark'] .sf-c-txt-violet\:90\:dark, html.dark .sf-c-txt-violet\:90\:dark { color: hsl(var(--sf-dark-c-txt-violet-90)) } +html[data-theme='dark'] .sf-c-txt-violet\:95\:dark, html.dark .sf-c-txt-violet\:95\:dark { color: hsl(var(--sf-dark-c-txt-violet-95)) } +html[data-theme='dark'] .sf-c-txt-violet\:100\:dark, html.dark .sf-c-txt-violet\:100\:dark { color: hsl(var(--sf-dark-c-txt-violet-100)) } + html.var[data-theme='dark'] .sf-c-violet, html.var.dark .sf-c-violet { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 28%) } html.var[data-theme='dark'] .sf-c-violet\:0, html.var.dark .sf-c-violet\:0 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 100%) } html.var[data-theme='dark'] .sf-c-violet\:5, html.var.dark .sf-c-violet\:5 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-violet\:90\:dark, html.var.dark .sf-c-violet\: html.var[data-theme='dark'] .sf-c-violet\:95\:dark, html.var.dark .sf-c-violet\:95\:dark { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 5%) } html.var[data-theme='dark'] .sf-c-violet\:100\:dark, html.var.dark .sf-c-violet\:100\:dark { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-violet, html.dark .sf-c-txt-violet { color: hsl(300, 76%, 72%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:0, html.dark .sf-c-txt-violet\:0 { color: hsl(300, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:5, html.dark .sf-c-txt-violet\:5 { color: hsl(300, 76%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:10, html.dark .sf-c-txt-violet\:10 { color: hsl(300, 76%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:15, html.dark .sf-c-txt-violet\:15 { color: hsl(300, 76%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:20, html.dark .sf-c-txt-violet\:20 { color: hsl(300, 76%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:25, html.dark .sf-c-txt-violet\:25 { color: hsl(300, 76%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:30, html.dark .sf-c-txt-violet\:30 { color: hsl(300, 76%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:35, html.dark .sf-c-txt-violet\:35 { color: hsl(300, 76%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:40, html.dark .sf-c-txt-violet\:40 { color: hsl(300, 76%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:45, html.dark .sf-c-txt-violet\:45 { color: hsl(300, 76%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:50, html.dark .sf-c-txt-violet\:50 { color: hsl(300, 76%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:55, html.dark .sf-c-txt-violet\:55 { color: hsl(300, 76%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:60, html.dark .sf-c-txt-violet\:60 { color: hsl(300, 76%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:65, html.dark .sf-c-txt-violet\:65 { color: hsl(300, 76%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:70, html.dark .sf-c-txt-violet\:70 { color: hsl(300, 76%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:75, html.dark .sf-c-txt-violet\:75 { color: hsl(300, 76%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:80, html.dark .sf-c-txt-violet\:80 { color: hsl(300, 76%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:85, html.dark .sf-c-txt-violet\:85 { color: hsl(300, 76%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:90, html.dark .sf-c-txt-violet\:90 { color: hsl(300, 76%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:95, html.dark .sf-c-txt-violet\:95 { color: hsl(300, 76%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:100, html.dark .sf-c-txt-violet\:100 { color: hsl(300, 76%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-violet\:dark, html.dark .sf-c-txt-violet\:dark { color: hsl(300, 76%, 72%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:0\:dark, html.dark .sf-c-txt-violet\:0\:dark { color: hsl(300, 76%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:5\:dark, html.dark .sf-c-txt-violet\:5\:dark { color: hsl(300, 76%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:10\:dark, html.dark .sf-c-txt-violet\:10\:dark { color: hsl(300, 76%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:15\:dark, html.dark .sf-c-txt-violet\:15\:dark { color: hsl(300, 76%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:20\:dark, html.dark .sf-c-txt-violet\:20\:dark { color: hsl(300, 76%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:25\:dark, html.dark .sf-c-txt-violet\:25\:dark { color: hsl(300, 76%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:30\:dark, html.dark .sf-c-txt-violet\:30\:dark { color: hsl(300, 76%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:35\:dark, html.dark .sf-c-txt-violet\:35\:dark { color: hsl(300, 76%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:40\:dark, html.dark .sf-c-txt-violet\:40\:dark { color: hsl(300, 76%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:45\:dark, html.dark .sf-c-txt-violet\:45\:dark { color: hsl(300, 76%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:50\:dark, html.dark .sf-c-txt-violet\:50\:dark { color: hsl(300, 76%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:55\:dark, html.dark .sf-c-txt-violet\:55\:dark { color: hsl(300, 76%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:60\:dark, html.dark .sf-c-txt-violet\:60\:dark { color: hsl(300, 76%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:65\:dark, html.dark .sf-c-txt-violet\:65\:dark { color: hsl(300, 76%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:70\:dark, html.dark .sf-c-txt-violet\:70\:dark { color: hsl(300, 76%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:75\:dark, html.dark .sf-c-txt-violet\:75\:dark { color: hsl(300, 76%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:80\:dark, html.dark .sf-c-txt-violet\:80\:dark { color: hsl(300, 76%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:85\:dark, html.dark .sf-c-txt-violet\:85\:dark { color: hsl(300, 76%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:90\:dark, html.dark .sf-c-txt-violet\:90\:dark { color: hsl(300, 76%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:95\:dark, html.dark .sf-c-txt-violet\:95\:dark { color: hsl(300, 76%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-violet\:100\:dark, html.dark .sf-c-txt-violet\:100\:dark { color: hsl(300, 76%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-violet, html.auto .sf-c-violet { color: hsl(var(--sf-dark-c-txt-violet-95)); background: hsl(var(--sf-dark-c-violet)) } html[data-theme='auto'] .sf-c-violet\:0, html.auto .sf-c-violet\:0 { color: hsl(var(--sf-dark-c-txt-violet-95)); background: hsl(var(--sf-dark-c-violet-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-violet\:100\:dark, html.var.dark .sf-c-violet\ html[data-theme='auto'] .sf-c-violet\:95\:dark, html.auto .sf-c-violet\:95\:dark { color: hsl(var(--sf-c-txt-violet-95)); background: hsl(var(--sf-c-violet-5)) } html[data-theme='auto'] .sf-c-violet\:100\:dark, html.auto .sf-c-violet\:100\:dark { color: hsl(var(--sf-c-txt-violet-95)); background: hsl(var(--sf-c-violet-0)) } + html[data-theme='auto'] .sf-c-txt-violet, html.auto .sf-c-txt-violet { color: hsl(var(--sf-c-txt-violet)) } + html[data-theme='auto'] .sf-c-txt-violet\:0, html.auto .sf-c-txt-violet\:0 { color: hsl(var(--sf-c-txt-violet-0)) } + html[data-theme='auto'] .sf-c-txt-violet\:5, html.auto .sf-c-txt-violet\:5 { color: hsl(var(--sf-c-txt-violet-5)) } + html[data-theme='auto'] .sf-c-txt-violet\:10, html.auto .sf-c-txt-violet\:10 { color: hsl(var(--sf-c-txt-violet-10)) } + html[data-theme='auto'] .sf-c-txt-violet\:15, html.auto .sf-c-txt-violet\:15 { color: hsl(var(--sf-c-txt-violet-15)) } + html[data-theme='auto'] .sf-c-txt-violet\:20, html.auto .sf-c-txt-violet\:20 { color: hsl(var(--sf-c-txt-violet-20)) } + html[data-theme='auto'] .sf-c-txt-violet\:25, html.auto .sf-c-txt-violet\:25 { color: hsl(var(--sf-c-txt-violet-25)) } + html[data-theme='auto'] .sf-c-txt-violet\:30, html.auto .sf-c-txt-violet\:30 { color: hsl(var(--sf-c-txt-violet-30)) } + html[data-theme='auto'] .sf-c-txt-violet\:35, html.auto .sf-c-txt-violet\:35 { color: hsl(var(--sf-c-txt-violet-35)) } + html[data-theme='auto'] .sf-c-txt-violet\:40, html.auto .sf-c-txt-violet\:40 { color: hsl(var(--sf-c-txt-violet-40)) } + html[data-theme='auto'] .sf-c-txt-violet\:45, html.auto .sf-c-txt-violet\:45 { color: hsl(var(--sf-c-txt-violet-45)) } + html[data-theme='auto'] .sf-c-txt-violet\:50, html.auto .sf-c-txt-violet\:50 { color: hsl(var(--sf-c-txt-violet-50)) } + html[data-theme='auto'] .sf-c-txt-violet\:55, html.auto .sf-c-txt-violet\:55 { color: hsl(var(--sf-c-txt-violet-55)) } + html[data-theme='auto'] .sf-c-txt-violet\:60, html.auto .sf-c-txt-violet\:60 { color: hsl(var(--sf-c-txt-violet-60)) } + html[data-theme='auto'] .sf-c-txt-violet\:65, html.auto .sf-c-txt-violet\:65 { color: hsl(var(--sf-c-txt-violet-65)) } + html[data-theme='auto'] .sf-c-txt-violet\:70, html.auto .sf-c-txt-violet\:70 { color: hsl(var(--sf-c-txt-violet-70)) } + html[data-theme='auto'] .sf-c-txt-violet\:75, html.auto .sf-c-txt-violet\:75 { color: hsl(var(--sf-c-txt-violet-75)) } + html[data-theme='auto'] .sf-c-txt-violet\:80, html.auto .sf-c-txt-violet\:80 { color: hsl(var(--sf-c-txt-violet-80)) } + html[data-theme='auto'] .sf-c-txt-violet\:85, html.auto .sf-c-txt-violet\:85 { color: hsl(var(--sf-c-txt-violet-85)) } + html[data-theme='auto'] .sf-c-txt-violet\:90, html.auto .sf-c-txt-violet\:90 { color: hsl(var(--sf-c-txt-violet-90)) } + html[data-theme='auto'] .sf-c-txt-violet\:95, html.auto .sf-c-txt-violet\:95 { color: hsl(var(--sf-c-txt-violet-95)) } + html[data-theme='auto'] .sf-c-txt-violet\:100, html.auto .sf-c-txt-violet\:100 { color: hsl(var(--sf-c-txt-violet-100)) } + + html[data-theme='auto'] .sf-c-txt-violet\:dark, html.auto .sf-c-txt-violet\:dark { color: hsl(var(--sf-c-txt-violet)) } + html[data-theme='auto'] .sf-c-txt-violet\:0\:dark, html.auto .sf-c-txt-violet\:0\:dark { color: hsl(var(--sf-c-txt-violet-0)) } + html[data-theme='auto'] .sf-c-txt-violet\:5\:dark, html.auto .sf-c-txt-violet\:5\:dark { color: hsl(var(--sf-c-txt-violet-5)) } + html[data-theme='auto'] .sf-c-txt-violet\:10\:dark, html.auto .sf-c-txt-violet\:10\:dark { color: hsl(var(--sf-c-txt-violet-10)) } + html[data-theme='auto'] .sf-c-txt-violet\:15\:dark, html.auto .sf-c-txt-violet\:15\:dark { color: hsl(var(--sf-c-txt-violet-15)) } + html[data-theme='auto'] .sf-c-txt-violet\:20\:dark, html.auto .sf-c-txt-violet\:20\:dark { color: hsl(var(--sf-c-txt-violet-20)) } + html[data-theme='auto'] .sf-c-txt-violet\:25\:dark, html.auto .sf-c-txt-violet\:25\:dark { color: hsl(var(--sf-c-txt-violet-25)) } + html[data-theme='auto'] .sf-c-txt-violet\:30\:dark, html.auto .sf-c-txt-violet\:30\:dark { color: hsl(var(--sf-c-txt-violet-30)) } + html[data-theme='auto'] .sf-c-txt-violet\:35\:dark, html.auto .sf-c-txt-violet\:35\:dark { color: hsl(var(--sf-c-txt-violet-35)) } + html[data-theme='auto'] .sf-c-txt-violet\:40\:dark, html.auto .sf-c-txt-violet\:40\:dark { color: hsl(var(--sf-c-txt-violet-40)) } + html[data-theme='auto'] .sf-c-txt-violet\:45\:dark, html.auto .sf-c-txt-violet\:45\:dark { color: hsl(var(--sf-c-txt-violet-45)) } + html[data-theme='auto'] .sf-c-txt-violet\:50\:dark, html.auto .sf-c-txt-violet\:50\:dark { color: hsl(var(--sf-c-txt-violet-50)) } + html[data-theme='auto'] .sf-c-txt-violet\:55\:dark, html.auto .sf-c-txt-violet\:55\:dark { color: hsl(var(--sf-c-txt-violet-55)) } + html[data-theme='auto'] .sf-c-txt-violet\:60\:dark, html.auto .sf-c-txt-violet\:60\:dark { color: hsl(var(--sf-c-txt-violet-60)) } + html[data-theme='auto'] .sf-c-txt-violet\:65\:dark, html.auto .sf-c-txt-violet\:65\:dark { color: hsl(var(--sf-c-txt-violet-65)) } + html[data-theme='auto'] .sf-c-txt-violet\:70\:dark, html.auto .sf-c-txt-violet\:70\:dark { color: hsl(var(--sf-c-txt-violet-70)) } + html[data-theme='auto'] .sf-c-txt-violet\:75\:dark, html.auto .sf-c-txt-violet\:75\:dark { color: hsl(var(--sf-c-txt-violet-75)) } + html[data-theme='auto'] .sf-c-txt-violet\:80\:dark, html.auto .sf-c-txt-violet\:80\:dark { color: hsl(var(--sf-c-txt-violet-80)) } + html[data-theme='auto'] .sf-c-txt-violet\:85\:dark, html.auto .sf-c-txt-violet\:85\:dark { color: hsl(var(--sf-c-txt-violet-85)) } + html[data-theme='auto'] .sf-c-txt-violet\:90\:dark, html.auto .sf-c-txt-violet\:90\:dark { color: hsl(var(--sf-c-txt-violet-90)) } + html[data-theme='auto'] .sf-c-txt-violet\:95\:dark, html.auto .sf-c-txt-violet\:95\:dark { color: hsl(var(--sf-c-txt-violet-95)) } + html[data-theme='auto'] .sf-c-txt-violet\:100\:dark, html.auto .sf-c-txt-violet\:100\:dark { color: hsl(var(--sf-c-txt-violet-100)) } + html.var[data-theme='auto'] .sf-c-violet, html.var.auto .sf-c-violet { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 28%) } html.var[data-theme='auto'] .sf-c-violet\:0, html.var.auto .sf-c-violet\:0 { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 100%) } html.var[data-theme='auto'] .sf-c-violet\:5, html.var.auto .sf-c-violet\:5 { color: hsl(300, 76%, 5%); background: hsl(300, 76%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-violet\:100\:dark, html.var.dark .sf-c-violet\ html.var[data-theme='auto'] .sf-c-violet\:90\:dark, html.var.auto .sf-c-violet\:90\:dark { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 10%) } html.var[data-theme='auto'] .sf-c-violet\:95\:dark, html.var.auto .sf-c-violet\:95\:dark { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 5%) } html.var[data-theme='auto'] .sf-c-violet\:100\:dark, html.var.auto .sf-c-violet\:100\:dark { color: hsl(300, 76%, 95%); background: hsl(300, 76%, 0%) } -} -.sf-c-txt-violet { color: hsl(var(--sf-c-txt-violet)) } -.sf-c-txt-violet\:0 { color: hsl(var(--sf-c-txt-violet-0)) } -.sf-c-txt-violet\:5 { color: hsl(var(--sf-c-txt-violet-5)) } -.sf-c-txt-violet\:10 { color: hsl(var(--sf-c-txt-violet-10)) } -.sf-c-txt-violet\:15 { color: hsl(var(--sf-c-txt-violet-15)) } -.sf-c-txt-violet\:20 { color: hsl(var(--sf-c-txt-violet-20)) } -.sf-c-txt-violet\:25 { color: hsl(var(--sf-c-txt-violet-25)) } -.sf-c-txt-violet\:30 { color: hsl(var(--sf-c-txt-violet-30)) } -.sf-c-txt-violet\:35 { color: hsl(var(--sf-c-txt-violet-35)) } -.sf-c-txt-violet\:40 { color: hsl(var(--sf-c-txt-violet-40)) } -.sf-c-txt-violet\:45 { color: hsl(var(--sf-c-txt-violet-45)) } -.sf-c-txt-violet\:50 { color: hsl(var(--sf-c-txt-violet-50)) } -.sf-c-txt-violet\:55 { color: hsl(var(--sf-c-txt-violet-55)) } -.sf-c-txt-violet\:60 { color: hsl(var(--sf-c-txt-violet-60)) } -.sf-c-txt-violet\:65 { color: hsl(var(--sf-c-txt-violet-65)) } -.sf-c-txt-violet\:70 { color: hsl(var(--sf-c-txt-violet-70)) } -.sf-c-txt-violet\:75 { color: hsl(var(--sf-c-txt-violet-75)) } -.sf-c-txt-violet\:80 { color: hsl(var(--sf-c-txt-violet-80)) } -.sf-c-txt-violet\:85 { color: hsl(var(--sf-c-txt-violet-85)) } -.sf-c-txt-violet\:90 { color: hsl(var(--sf-c-txt-violet-90)) } -.sf-c-txt-violet\:95 { color: hsl(var(--sf-c-txt-violet-95)) } -.sf-c-txt-violet\:100 { color: hsl(var(--sf-c-txt-violet-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-violet, html.auto .sf-c-txt-violet { color: hsl(300, 76%, 72%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:0, html.auto .sf-c-txt-violet\:0 { color: hsl(300, 76%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:5, html.auto .sf-c-txt-violet\:5 { color: hsl(300, 76%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:10, html.auto .sf-c-txt-violet\:10 { color: hsl(300, 76%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:15, html.auto .sf-c-txt-violet\:15 { color: hsl(300, 76%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:20, html.auto .sf-c-txt-violet\:20 { color: hsl(300, 76%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:25, html.auto .sf-c-txt-violet\:25 { color: hsl(300, 76%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:30, html.auto .sf-c-txt-violet\:30 { color: hsl(300, 76%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:35, html.auto .sf-c-txt-violet\:35 { color: hsl(300, 76%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:40, html.auto .sf-c-txt-violet\:40 { color: hsl(300, 76%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:45, html.auto .sf-c-txt-violet\:45 { color: hsl(300, 76%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:50, html.auto .sf-c-txt-violet\:50 { color: hsl(300, 76%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:55, html.auto .sf-c-txt-violet\:55 { color: hsl(300, 76%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:60, html.auto .sf-c-txt-violet\:60 { color: hsl(300, 76%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:65, html.auto .sf-c-txt-violet\:65 { color: hsl(300, 76%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:70, html.auto .sf-c-txt-violet\:70 { color: hsl(300, 76%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:75, html.auto .sf-c-txt-violet\:75 { color: hsl(300, 76%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:80, html.auto .sf-c-txt-violet\:80 { color: hsl(300, 76%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:85, html.auto .sf-c-txt-violet\:85 { color: hsl(300, 76%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:90, html.auto .sf-c-txt-violet\:90 { color: hsl(300, 76%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:95, html.auto .sf-c-txt-violet\:95 { color: hsl(300, 76%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:100, html.auto .sf-c-txt-violet\:100 { color: hsl(300, 76%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-violet\:dark, html.auto .sf-c-txt-violet\:dark { color: hsl(300, 76%, 72%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:0\:dark, html.auto .sf-c-txt-violet\:0\:dark { color: hsl(300, 76%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:5\:dark, html.auto .sf-c-txt-violet\:5\:dark { color: hsl(300, 76%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:10\:dark, html.auto .sf-c-txt-violet\:10\:dark { color: hsl(300, 76%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:15\:dark, html.auto .sf-c-txt-violet\:15\:dark { color: hsl(300, 76%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:20\:dark, html.auto .sf-c-txt-violet\:20\:dark { color: hsl(300, 76%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:25\:dark, html.auto .sf-c-txt-violet\:25\:dark { color: hsl(300, 76%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:30\:dark, html.auto .sf-c-txt-violet\:30\:dark { color: hsl(300, 76%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:35\:dark, html.auto .sf-c-txt-violet\:35\:dark { color: hsl(300, 76%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:40\:dark, html.auto .sf-c-txt-violet\:40\:dark { color: hsl(300, 76%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:45\:dark, html.auto .sf-c-txt-violet\:45\:dark { color: hsl(300, 76%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:50\:dark, html.auto .sf-c-txt-violet\:50\:dark { color: hsl(300, 76%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:55\:dark, html.auto .sf-c-txt-violet\:55\:dark { color: hsl(300, 76%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:60\:dark, html.auto .sf-c-txt-violet\:60\:dark { color: hsl(300, 76%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:65\:dark, html.auto .sf-c-txt-violet\:65\:dark { color: hsl(300, 76%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:70\:dark, html.auto .sf-c-txt-violet\:70\:dark { color: hsl(300, 76%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:75\:dark, html.auto .sf-c-txt-violet\:75\:dark { color: hsl(300, 76%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:80\:dark, html.auto .sf-c-txt-violet\:80\:dark { color: hsl(300, 76%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:85\:dark, html.auto .sf-c-txt-violet\:85\:dark { color: hsl(300, 76%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:90\:dark, html.auto .sf-c-txt-violet\:90\:dark { color: hsl(300, 76%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:95\:dark, html.auto .sf-c-txt-violet\:95\:dark { color: hsl(300, 76%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-violet\:100\:dark, html.auto .sf-c-txt-violet\:100\:dark { color: hsl(300, 76%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/wheat.css b/src/colors/20/wheat.css index 770a999..92a997d 100644 --- a/src/colors/20/wheat.css +++ b/src/colors/20/wheat.css @@ -138,6 +138,52 @@ html.var .sf-c-wheat\:90 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 90% html.var .sf-c-wheat\:95 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 95%) } html.var .sf-c-wheat\:100 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 100%) } +.sf-c-txt-wheat { color: hsl(var(--sf-dark-c-txt-wheat)) } +.sf-c-txt-wheat\:0 { color: hsl(var(--sf-dark-c-txt-wheat-100)) } +.sf-c-txt-wheat\:5 { color: hsl(var(--sf-dark-c-txt-wheat-95)) } +.sf-c-txt-wheat\:10 { color: hsl(var(--sf-dark-c-txt-wheat-90)) } +.sf-c-txt-wheat\:15 { color: hsl(var(--sf-dark-c-txt-wheat-85)) } +.sf-c-txt-wheat\:20 { color: hsl(var(--sf-dark-c-txt-wheat-80)) } +.sf-c-txt-wheat\:25 { color: hsl(var(--sf-dark-c-txt-wheat-75)) } +.sf-c-txt-wheat\:30 { color: hsl(var(--sf-dark-c-txt-wheat-70)) } +.sf-c-txt-wheat\:35 { color: hsl(var(--sf-dark-c-txt-wheat-65)) } +.sf-c-txt-wheat\:40 { color: hsl(var(--sf-dark-c-txt-wheat-60)) } +.sf-c-txt-wheat\:45 { color: hsl(var(--sf-dark-c-txt-wheat-55)) } +.sf-c-txt-wheat\:50 { color: hsl(var(--sf-dark-c-txt-wheat-50)) } +.sf-c-txt-wheat\:55 { color: hsl(var(--sf-dark-c-txt-wheat-45)) } +.sf-c-txt-wheat\:60 { color: hsl(var(--sf-dark-c-txt-wheat-40)) } +.sf-c-txt-wheat\:65 { color: hsl(var(--sf-dark-c-txt-wheat-35)) } +.sf-c-txt-wheat\:70 { color: hsl(var(--sf-dark-c-txt-wheat-30)) } +.sf-c-txt-wheat\:75 { color: hsl(var(--sf-dark-c-txt-wheat-25)) } +.sf-c-txt-wheat\:80 { color: hsl(var(--sf-dark-c-txt-wheat-20)) } +.sf-c-txt-wheat\:85 { color: hsl(var(--sf-dark-c-txt-wheat-15)) } +.sf-c-txt-wheat\:90 { color: hsl(var(--sf-dark-c-txt-wheat-10)) } +.sf-c-txt-wheat\:95 { color: hsl(var(--sf-dark-c-txt-wheat-5)) } +.sf-c-txt-wheat\:100 { color: hsl(var(--sf-dark-c-txt-wheat-0)) } + +html.var .sf-c-txt-wheat { color: hsl(39, 77%, 17%) } +html.var .sf-c-txt-wheat\:0 { color: hsl(39, 77%, 100%) } +html.var .sf-c-txt-wheat\:5 { color: hsl(39, 77%, 95%) } +html.var .sf-c-txt-wheat\:10 { color: hsl(39, 77%, 90%) } +html.var .sf-c-txt-wheat\:15 { color: hsl(39, 77%, 85%) } +html.var .sf-c-txt-wheat\:20 { color: hsl(39, 77%, 80%) } +html.var .sf-c-txt-wheat\:25 { color: hsl(39, 77%, 75%) } +html.var .sf-c-txt-wheat\:30 { color: hsl(39, 77%, 70%) } +html.var .sf-c-txt-wheat\:35 { color: hsl(39, 77%, 65%) } +html.var .sf-c-txt-wheat\:40 { color: hsl(39, 77%, 60%) } +html.var .sf-c-txt-wheat\:45 { color: hsl(39, 77%, 55%) } +html.var .sf-c-txt-wheat\:50 { color: hsl(39, 77%, 50%) } +html.var .sf-c-txt-wheat\:55 { color: hsl(39, 77%, 45%) } +html.var .sf-c-txt-wheat\:60 { color: hsl(39, 77%, 40%) } +html.var .sf-c-txt-wheat\:65 { color: hsl(39, 77%, 35%) } +html.var .sf-c-txt-wheat\:70 { color: hsl(39, 77%, 30%) } +html.var .sf-c-txt-wheat\:75 { color: hsl(39, 77%, 25%) } +html.var .sf-c-txt-wheat\:80 { color: hsl(39, 77%, 20%) } +html.var .sf-c-txt-wheat\:85 { color: hsl(39, 77%, 15%) } +html.var .sf-c-txt-wheat\:90 { color: hsl(39, 77%, 10%) } +html.var .sf-c-txt-wheat\:95 { color: hsl(39, 77%, 5%) } +html.var .sf-c-txt-wheat\:100 { color: hsl(39, 77%, 0%) } + html[data-theme='dark'] .sf-c-wheat, html.dark .sf-c-wheat { color: hsl(var(--sf-dark-c-txt-wheat-95)); background: hsl(var(--sf-dark-c-wheat)) } html[data-theme='dark'] .sf-c-wheat\:0, html.dark .sf-c-wheat\:0 { color: hsl(var(--sf-dark-c-txt-wheat-95)); background: hsl(var(--sf-dark-c-wheat-100)) } html[data-theme='dark'] .sf-c-wheat\:5, html.dark .sf-c-wheat\:5 { color: hsl(var(--sf-dark-c-txt-wheat-5)); background: hsl(var(--sf-dark-c-wheat-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-wheat\:90\:dark, html.dark .sf-c-wheat\:90\:dark { html[data-theme='dark'] .sf-c-wheat\:95\:dark, html.dark .sf-c-wheat\:95\:dark { color: hsl(var(--sf-c-txt-wheat-95)); background: hsl(var(--sf-c-wheat-5)) } html[data-theme='dark'] .sf-c-wheat\:100\:dark, html.dark .sf-c-wheat\:100\:dark { color: hsl(var(--sf-c-txt-wheat-95)); background: hsl(var(--sf-c-wheat-0)) } +html[data-theme='dark'] .sf-c-txt-wheat, html.dark .sf-c-txt-wheat { color: hsl(var(--sf-c-txt-wheat)) } +html[data-theme='dark'] .sf-c-txt-wheat\:0, html.dark .sf-c-txt-wheat\:0 { color: hsl(var(--sf-c-txt-wheat-0)) } +html[data-theme='dark'] .sf-c-txt-wheat\:5, html.dark .sf-c-txt-wheat\:5 { color: hsl(var(--sf-c-txt-wheat-5)) } +html[data-theme='dark'] .sf-c-txt-wheat\:10, html.dark .sf-c-txt-wheat\:10 { color: hsl(var(--sf-c-txt-wheat-10)) } +html[data-theme='dark'] .sf-c-txt-wheat\:15, html.dark .sf-c-txt-wheat\:15 { color: hsl(var(--sf-c-txt-wheat-15)) } +html[data-theme='dark'] .sf-c-txt-wheat\:20, html.dark .sf-c-txt-wheat\:20 { color: hsl(var(--sf-c-txt-wheat-20)) } +html[data-theme='dark'] .sf-c-txt-wheat\:25, html.dark .sf-c-txt-wheat\:25 { color: hsl(var(--sf-c-txt-wheat-25)) } +html[data-theme='dark'] .sf-c-txt-wheat\:30, html.dark .sf-c-txt-wheat\:30 { color: hsl(var(--sf-c-txt-wheat-30)) } +html[data-theme='dark'] .sf-c-txt-wheat\:35, html.dark .sf-c-txt-wheat\:35 { color: hsl(var(--sf-c-txt-wheat-35)) } +html[data-theme='dark'] .sf-c-txt-wheat\:40, html.dark .sf-c-txt-wheat\:40 { color: hsl(var(--sf-c-txt-wheat-40)) } +html[data-theme='dark'] .sf-c-txt-wheat\:45, html.dark .sf-c-txt-wheat\:45 { color: hsl(var(--sf-c-txt-wheat-45)) } +html[data-theme='dark'] .sf-c-txt-wheat\:50, html.dark .sf-c-txt-wheat\:50 { color: hsl(var(--sf-c-txt-wheat-50)) } +html[data-theme='dark'] .sf-c-txt-wheat\:55, html.dark .sf-c-txt-wheat\:55 { color: hsl(var(--sf-c-txt-wheat-55)) } +html[data-theme='dark'] .sf-c-txt-wheat\:60, html.dark .sf-c-txt-wheat\:60 { color: hsl(var(--sf-c-txt-wheat-60)) } +html[data-theme='dark'] .sf-c-txt-wheat\:65, html.dark .sf-c-txt-wheat\:65 { color: hsl(var(--sf-c-txt-wheat-65)) } +html[data-theme='dark'] .sf-c-txt-wheat\:70, html.dark .sf-c-txt-wheat\:70 { color: hsl(var(--sf-c-txt-wheat-70)) } +html[data-theme='dark'] .sf-c-txt-wheat\:75, html.dark .sf-c-txt-wheat\:75 { color: hsl(var(--sf-c-txt-wheat-75)) } +html[data-theme='dark'] .sf-c-txt-wheat\:80, html.dark .sf-c-txt-wheat\:80 { color: hsl(var(--sf-c-txt-wheat-80)) } +html[data-theme='dark'] .sf-c-txt-wheat\:85, html.dark .sf-c-txt-wheat\:85 { color: hsl(var(--sf-c-txt-wheat-85)) } +html[data-theme='dark'] .sf-c-txt-wheat\:90, html.dark .sf-c-txt-wheat\:90 { color: hsl(var(--sf-c-txt-wheat-90)) } +html[data-theme='dark'] .sf-c-txt-wheat\:95, html.dark .sf-c-txt-wheat\:95 { color: hsl(var(--sf-c-txt-wheat-95)) } +html[data-theme='dark'] .sf-c-txt-wheat\:100, html.dark .sf-c-txt-wheat\:100 { color: hsl(var(--sf-c-txt-wheat-100)) } + +html[data-theme='dark'] .sf-c-txt-wheat\:dark, html.dark .sf-c-txt-wheat\:dark { color: hsl(var(--sf-c-txt-wheat)) } +html[data-theme='dark'] .sf-c-txt-wheat\:0\:dark, html.dark .sf-c-txt-wheat\:0\:dark { color: hsl(var(--sf-dark-c-txt-wheat-0)) } +html[data-theme='dark'] .sf-c-txt-wheat\:5\:dark, html.dark .sf-c-txt-wheat\:5\:dark { color: hsl(var(--sf-dark-c-txt-wheat-5)) } +html[data-theme='dark'] .sf-c-txt-wheat\:10\:dark, html.dark .sf-c-txt-wheat\:10\:dark { color: hsl(var(--sf-dark-c-txt-wheat-10)) } +html[data-theme='dark'] .sf-c-txt-wheat\:15\:dark, html.dark .sf-c-txt-wheat\:15\:dark { color: hsl(var(--sf-dark-c-txt-wheat-15)) } +html[data-theme='dark'] .sf-c-txt-wheat\:20\:dark, html.dark .sf-c-txt-wheat\:20\:dark { color: hsl(var(--sf-dark-c-txt-wheat-20)) } +html[data-theme='dark'] .sf-c-txt-wheat\:25\:dark, html.dark .sf-c-txt-wheat\:25\:dark { color: hsl(var(--sf-dark-c-txt-wheat-25)) } +html[data-theme='dark'] .sf-c-txt-wheat\:30\:dark, html.dark .sf-c-txt-wheat\:30\:dark { color: hsl(var(--sf-dark-c-txt-wheat-30)) } +html[data-theme='dark'] .sf-c-txt-wheat\:35\:dark, html.dark .sf-c-txt-wheat\:35\:dark { color: hsl(var(--sf-dark-c-txt-wheat-35)) } +html[data-theme='dark'] .sf-c-txt-wheat\:40\:dark, html.dark .sf-c-txt-wheat\:40\:dark { color: hsl(var(--sf-dark-c-txt-wheat-40)) } +html[data-theme='dark'] .sf-c-txt-wheat\:45\:dark, html.dark .sf-c-txt-wheat\:45\:dark { color: hsl(var(--sf-dark-c-txt-wheat-45)) } +html[data-theme='dark'] .sf-c-txt-wheat\:50\:dark, html.dark .sf-c-txt-wheat\:50\:dark { color: hsl(var(--sf-dark-c-txt-wheat-50)) } +html[data-theme='dark'] .sf-c-txt-wheat\:55\:dark, html.dark .sf-c-txt-wheat\:55\:dark { color: hsl(var(--sf-dark-c-txt-wheat-55)) } +html[data-theme='dark'] .sf-c-txt-wheat\:60\:dark, html.dark .sf-c-txt-wheat\:60\:dark { color: hsl(var(--sf-dark-c-txt-wheat-60)) } +html[data-theme='dark'] .sf-c-txt-wheat\:65\:dark, html.dark .sf-c-txt-wheat\:65\:dark { color: hsl(var(--sf-dark-c-txt-wheat-65)) } +html[data-theme='dark'] .sf-c-txt-wheat\:70\:dark, html.dark .sf-c-txt-wheat\:70\:dark { color: hsl(var(--sf-dark-c-txt-wheat-70)) } +html[data-theme='dark'] .sf-c-txt-wheat\:75\:dark, html.dark .sf-c-txt-wheat\:75\:dark { color: hsl(var(--sf-dark-c-txt-wheat-75)) } +html[data-theme='dark'] .sf-c-txt-wheat\:80\:dark, html.dark .sf-c-txt-wheat\:80\:dark { color: hsl(var(--sf-dark-c-txt-wheat-80)) } +html[data-theme='dark'] .sf-c-txt-wheat\:85\:dark, html.dark .sf-c-txt-wheat\:85\:dark { color: hsl(var(--sf-dark-c-txt-wheat-85)) } +html[data-theme='dark'] .sf-c-txt-wheat\:90\:dark, html.dark .sf-c-txt-wheat\:90\:dark { color: hsl(var(--sf-dark-c-txt-wheat-90)) } +html[data-theme='dark'] .sf-c-txt-wheat\:95\:dark, html.dark .sf-c-txt-wheat\:95\:dark { color: hsl(var(--sf-dark-c-txt-wheat-95)) } +html[data-theme='dark'] .sf-c-txt-wheat\:100\:dark, html.dark .sf-c-txt-wheat\:100\:dark { color: hsl(var(--sf-dark-c-txt-wheat-100)) } + html.var[data-theme='dark'] .sf-c-wheat, html.var.dark .sf-c-wheat { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 17%) } html.var[data-theme='dark'] .sf-c-wheat\:0, html.var.dark .sf-c-wheat\:0 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 100%) } html.var[data-theme='dark'] .sf-c-wheat\:5, html.var.dark .sf-c-wheat\:5 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-wheat\:90\:dark, html.var.dark .sf-c-wheat\:90 html.var[data-theme='dark'] .sf-c-wheat\:95\:dark, html.var.dark .sf-c-wheat\:95\:dark { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 5%) } html.var[data-theme='dark'] .sf-c-wheat\:100\:dark, html.var.dark .sf-c-wheat\:100\:dark { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-wheat, html.dark .sf-c-txt-wheat { color: hsl(39, 77%, 83%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:0, html.dark .sf-c-txt-wheat\:0 { color: hsl(39, 77%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:5, html.dark .sf-c-txt-wheat\:5 { color: hsl(39, 77%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:10, html.dark .sf-c-txt-wheat\:10 { color: hsl(39, 77%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:15, html.dark .sf-c-txt-wheat\:15 { color: hsl(39, 77%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:20, html.dark .sf-c-txt-wheat\:20 { color: hsl(39, 77%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:25, html.dark .sf-c-txt-wheat\:25 { color: hsl(39, 77%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:30, html.dark .sf-c-txt-wheat\:30 { color: hsl(39, 77%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:35, html.dark .sf-c-txt-wheat\:35 { color: hsl(39, 77%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:40, html.dark .sf-c-txt-wheat\:40 { color: hsl(39, 77%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:45, html.dark .sf-c-txt-wheat\:45 { color: hsl(39, 77%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:50, html.dark .sf-c-txt-wheat\:50 { color: hsl(39, 77%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:55, html.dark .sf-c-txt-wheat\:55 { color: hsl(39, 77%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:60, html.dark .sf-c-txt-wheat\:60 { color: hsl(39, 77%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:65, html.dark .sf-c-txt-wheat\:65 { color: hsl(39, 77%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:70, html.dark .sf-c-txt-wheat\:70 { color: hsl(39, 77%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:75, html.dark .sf-c-txt-wheat\:75 { color: hsl(39, 77%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:80, html.dark .sf-c-txt-wheat\:80 { color: hsl(39, 77%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:85, html.dark .sf-c-txt-wheat\:85 { color: hsl(39, 77%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:90, html.dark .sf-c-txt-wheat\:90 { color: hsl(39, 77%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:95, html.dark .sf-c-txt-wheat\:95 { color: hsl(39, 77%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:100, html.dark .sf-c-txt-wheat\:100 { color: hsl(39, 77%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-wheat\:dark, html.dark .sf-c-txt-wheat\:dark { color: hsl(39, 77%, 83%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:0\:dark, html.dark .sf-c-txt-wheat\:0\:dark { color: hsl(39, 77%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:5\:dark, html.dark .sf-c-txt-wheat\:5\:dark { color: hsl(39, 77%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:10\:dark, html.dark .sf-c-txt-wheat\:10\:dark { color: hsl(39, 77%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:15\:dark, html.dark .sf-c-txt-wheat\:15\:dark { color: hsl(39, 77%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:20\:dark, html.dark .sf-c-txt-wheat\:20\:dark { color: hsl(39, 77%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:25\:dark, html.dark .sf-c-txt-wheat\:25\:dark { color: hsl(39, 77%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:30\:dark, html.dark .sf-c-txt-wheat\:30\:dark { color: hsl(39, 77%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:35\:dark, html.dark .sf-c-txt-wheat\:35\:dark { color: hsl(39, 77%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:40\:dark, html.dark .sf-c-txt-wheat\:40\:dark { color: hsl(39, 77%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:45\:dark, html.dark .sf-c-txt-wheat\:45\:dark { color: hsl(39, 77%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:50\:dark, html.dark .sf-c-txt-wheat\:50\:dark { color: hsl(39, 77%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:55\:dark, html.dark .sf-c-txt-wheat\:55\:dark { color: hsl(39, 77%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:60\:dark, html.dark .sf-c-txt-wheat\:60\:dark { color: hsl(39, 77%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:65\:dark, html.dark .sf-c-txt-wheat\:65\:dark { color: hsl(39, 77%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:70\:dark, html.dark .sf-c-txt-wheat\:70\:dark { color: hsl(39, 77%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:75\:dark, html.dark .sf-c-txt-wheat\:75\:dark { color: hsl(39, 77%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:80\:dark, html.dark .sf-c-txt-wheat\:80\:dark { color: hsl(39, 77%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:85\:dark, html.dark .sf-c-txt-wheat\:85\:dark { color: hsl(39, 77%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:90\:dark, html.dark .sf-c-txt-wheat\:90\:dark { color: hsl(39, 77%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:95\:dark, html.dark .sf-c-txt-wheat\:95\:dark { color: hsl(39, 77%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-wheat\:100\:dark, html.dark .sf-c-txt-wheat\:100\:dark { color: hsl(39, 77%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-wheat, html.auto .sf-c-wheat { color: hsl(var(--sf-dark-c-txt-wheat-95)); background: hsl(var(--sf-dark-c-wheat)) } html[data-theme='auto'] .sf-c-wheat\:0, html.auto .sf-c-wheat\:0 { color: hsl(var(--sf-dark-c-txt-wheat-95)); background: hsl(var(--sf-dark-c-wheat-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-wheat\:100\:dark, html.var.dark .sf-c-wheat\:1 html[data-theme='auto'] .sf-c-wheat\:95\:dark, html.auto .sf-c-wheat\:95\:dark { color: hsl(var(--sf-c-txt-wheat-95)); background: hsl(var(--sf-c-wheat-5)) } html[data-theme='auto'] .sf-c-wheat\:100\:dark, html.auto .sf-c-wheat\:100\:dark { color: hsl(var(--sf-c-txt-wheat-95)); background: hsl(var(--sf-c-wheat-0)) } + html[data-theme='auto'] .sf-c-txt-wheat, html.auto .sf-c-txt-wheat { color: hsl(var(--sf-c-txt-wheat)) } + html[data-theme='auto'] .sf-c-txt-wheat\:0, html.auto .sf-c-txt-wheat\:0 { color: hsl(var(--sf-c-txt-wheat-0)) } + html[data-theme='auto'] .sf-c-txt-wheat\:5, html.auto .sf-c-txt-wheat\:5 { color: hsl(var(--sf-c-txt-wheat-5)) } + html[data-theme='auto'] .sf-c-txt-wheat\:10, html.auto .sf-c-txt-wheat\:10 { color: hsl(var(--sf-c-txt-wheat-10)) } + html[data-theme='auto'] .sf-c-txt-wheat\:15, html.auto .sf-c-txt-wheat\:15 { color: hsl(var(--sf-c-txt-wheat-15)) } + html[data-theme='auto'] .sf-c-txt-wheat\:20, html.auto .sf-c-txt-wheat\:20 { color: hsl(var(--sf-c-txt-wheat-20)) } + html[data-theme='auto'] .sf-c-txt-wheat\:25, html.auto .sf-c-txt-wheat\:25 { color: hsl(var(--sf-c-txt-wheat-25)) } + html[data-theme='auto'] .sf-c-txt-wheat\:30, html.auto .sf-c-txt-wheat\:30 { color: hsl(var(--sf-c-txt-wheat-30)) } + html[data-theme='auto'] .sf-c-txt-wheat\:35, html.auto .sf-c-txt-wheat\:35 { color: hsl(var(--sf-c-txt-wheat-35)) } + html[data-theme='auto'] .sf-c-txt-wheat\:40, html.auto .sf-c-txt-wheat\:40 { color: hsl(var(--sf-c-txt-wheat-40)) } + html[data-theme='auto'] .sf-c-txt-wheat\:45, html.auto .sf-c-txt-wheat\:45 { color: hsl(var(--sf-c-txt-wheat-45)) } + html[data-theme='auto'] .sf-c-txt-wheat\:50, html.auto .sf-c-txt-wheat\:50 { color: hsl(var(--sf-c-txt-wheat-50)) } + html[data-theme='auto'] .sf-c-txt-wheat\:55, html.auto .sf-c-txt-wheat\:55 { color: hsl(var(--sf-c-txt-wheat-55)) } + html[data-theme='auto'] .sf-c-txt-wheat\:60, html.auto .sf-c-txt-wheat\:60 { color: hsl(var(--sf-c-txt-wheat-60)) } + html[data-theme='auto'] .sf-c-txt-wheat\:65, html.auto .sf-c-txt-wheat\:65 { color: hsl(var(--sf-c-txt-wheat-65)) } + html[data-theme='auto'] .sf-c-txt-wheat\:70, html.auto .sf-c-txt-wheat\:70 { color: hsl(var(--sf-c-txt-wheat-70)) } + html[data-theme='auto'] .sf-c-txt-wheat\:75, html.auto .sf-c-txt-wheat\:75 { color: hsl(var(--sf-c-txt-wheat-75)) } + html[data-theme='auto'] .sf-c-txt-wheat\:80, html.auto .sf-c-txt-wheat\:80 { color: hsl(var(--sf-c-txt-wheat-80)) } + html[data-theme='auto'] .sf-c-txt-wheat\:85, html.auto .sf-c-txt-wheat\:85 { color: hsl(var(--sf-c-txt-wheat-85)) } + html[data-theme='auto'] .sf-c-txt-wheat\:90, html.auto .sf-c-txt-wheat\:90 { color: hsl(var(--sf-c-txt-wheat-90)) } + html[data-theme='auto'] .sf-c-txt-wheat\:95, html.auto .sf-c-txt-wheat\:95 { color: hsl(var(--sf-c-txt-wheat-95)) } + html[data-theme='auto'] .sf-c-txt-wheat\:100, html.auto .sf-c-txt-wheat\:100 { color: hsl(var(--sf-c-txt-wheat-100)) } + + html[data-theme='auto'] .sf-c-txt-wheat\:dark, html.auto .sf-c-txt-wheat\:dark { color: hsl(var(--sf-c-txt-wheat)) } + html[data-theme='auto'] .sf-c-txt-wheat\:0\:dark, html.auto .sf-c-txt-wheat\:0\:dark { color: hsl(var(--sf-c-txt-wheat-0)) } + html[data-theme='auto'] .sf-c-txt-wheat\:5\:dark, html.auto .sf-c-txt-wheat\:5\:dark { color: hsl(var(--sf-c-txt-wheat-5)) } + html[data-theme='auto'] .sf-c-txt-wheat\:10\:dark, html.auto .sf-c-txt-wheat\:10\:dark { color: hsl(var(--sf-c-txt-wheat-10)) } + html[data-theme='auto'] .sf-c-txt-wheat\:15\:dark, html.auto .sf-c-txt-wheat\:15\:dark { color: hsl(var(--sf-c-txt-wheat-15)) } + html[data-theme='auto'] .sf-c-txt-wheat\:20\:dark, html.auto .sf-c-txt-wheat\:20\:dark { color: hsl(var(--sf-c-txt-wheat-20)) } + html[data-theme='auto'] .sf-c-txt-wheat\:25\:dark, html.auto .sf-c-txt-wheat\:25\:dark { color: hsl(var(--sf-c-txt-wheat-25)) } + html[data-theme='auto'] .sf-c-txt-wheat\:30\:dark, html.auto .sf-c-txt-wheat\:30\:dark { color: hsl(var(--sf-c-txt-wheat-30)) } + html[data-theme='auto'] .sf-c-txt-wheat\:35\:dark, html.auto .sf-c-txt-wheat\:35\:dark { color: hsl(var(--sf-c-txt-wheat-35)) } + html[data-theme='auto'] .sf-c-txt-wheat\:40\:dark, html.auto .sf-c-txt-wheat\:40\:dark { color: hsl(var(--sf-c-txt-wheat-40)) } + html[data-theme='auto'] .sf-c-txt-wheat\:45\:dark, html.auto .sf-c-txt-wheat\:45\:dark { color: hsl(var(--sf-c-txt-wheat-45)) } + html[data-theme='auto'] .sf-c-txt-wheat\:50\:dark, html.auto .sf-c-txt-wheat\:50\:dark { color: hsl(var(--sf-c-txt-wheat-50)) } + html[data-theme='auto'] .sf-c-txt-wheat\:55\:dark, html.auto .sf-c-txt-wheat\:55\:dark { color: hsl(var(--sf-c-txt-wheat-55)) } + html[data-theme='auto'] .sf-c-txt-wheat\:60\:dark, html.auto .sf-c-txt-wheat\:60\:dark { color: hsl(var(--sf-c-txt-wheat-60)) } + html[data-theme='auto'] .sf-c-txt-wheat\:65\:dark, html.auto .sf-c-txt-wheat\:65\:dark { color: hsl(var(--sf-c-txt-wheat-65)) } + html[data-theme='auto'] .sf-c-txt-wheat\:70\:dark, html.auto .sf-c-txt-wheat\:70\:dark { color: hsl(var(--sf-c-txt-wheat-70)) } + html[data-theme='auto'] .sf-c-txt-wheat\:75\:dark, html.auto .sf-c-txt-wheat\:75\:dark { color: hsl(var(--sf-c-txt-wheat-75)) } + html[data-theme='auto'] .sf-c-txt-wheat\:80\:dark, html.auto .sf-c-txt-wheat\:80\:dark { color: hsl(var(--sf-c-txt-wheat-80)) } + html[data-theme='auto'] .sf-c-txt-wheat\:85\:dark, html.auto .sf-c-txt-wheat\:85\:dark { color: hsl(var(--sf-c-txt-wheat-85)) } + html[data-theme='auto'] .sf-c-txt-wheat\:90\:dark, html.auto .sf-c-txt-wheat\:90\:dark { color: hsl(var(--sf-c-txt-wheat-90)) } + html[data-theme='auto'] .sf-c-txt-wheat\:95\:dark, html.auto .sf-c-txt-wheat\:95\:dark { color: hsl(var(--sf-c-txt-wheat-95)) } + html[data-theme='auto'] .sf-c-txt-wheat\:100\:dark, html.auto .sf-c-txt-wheat\:100\:dark { color: hsl(var(--sf-c-txt-wheat-100)) } + html.var[data-theme='auto'] .sf-c-wheat, html.var.auto .sf-c-wheat { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 17%) } html.var[data-theme='auto'] .sf-c-wheat\:0, html.var.auto .sf-c-wheat\:0 { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 100%) } html.var[data-theme='auto'] .sf-c-wheat\:5, html.var.auto .sf-c-wheat\:5 { color: hsl(39, 77%, 5%); background: hsl(39, 77%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-wheat\:100\:dark, html.var.dark .sf-c-wheat\:1 html.var[data-theme='auto'] .sf-c-wheat\:90\:dark, html.var.auto .sf-c-wheat\:90\:dark { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 10%) } html.var[data-theme='auto'] .sf-c-wheat\:95\:dark, html.var.auto .sf-c-wheat\:95\:dark { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 5%) } html.var[data-theme='auto'] .sf-c-wheat\:100\:dark, html.var.auto .sf-c-wheat\:100\:dark { color: hsl(39, 77%, 95%); background: hsl(39, 77%, 0%) } -} -.sf-c-txt-wheat { color: hsl(var(--sf-c-txt-wheat)) } -.sf-c-txt-wheat\:0 { color: hsl(var(--sf-c-txt-wheat-0)) } -.sf-c-txt-wheat\:5 { color: hsl(var(--sf-c-txt-wheat-5)) } -.sf-c-txt-wheat\:10 { color: hsl(var(--sf-c-txt-wheat-10)) } -.sf-c-txt-wheat\:15 { color: hsl(var(--sf-c-txt-wheat-15)) } -.sf-c-txt-wheat\:20 { color: hsl(var(--sf-c-txt-wheat-20)) } -.sf-c-txt-wheat\:25 { color: hsl(var(--sf-c-txt-wheat-25)) } -.sf-c-txt-wheat\:30 { color: hsl(var(--sf-c-txt-wheat-30)) } -.sf-c-txt-wheat\:35 { color: hsl(var(--sf-c-txt-wheat-35)) } -.sf-c-txt-wheat\:40 { color: hsl(var(--sf-c-txt-wheat-40)) } -.sf-c-txt-wheat\:45 { color: hsl(var(--sf-c-txt-wheat-45)) } -.sf-c-txt-wheat\:50 { color: hsl(var(--sf-c-txt-wheat-50)) } -.sf-c-txt-wheat\:55 { color: hsl(var(--sf-c-txt-wheat-55)) } -.sf-c-txt-wheat\:60 { color: hsl(var(--sf-c-txt-wheat-60)) } -.sf-c-txt-wheat\:65 { color: hsl(var(--sf-c-txt-wheat-65)) } -.sf-c-txt-wheat\:70 { color: hsl(var(--sf-c-txt-wheat-70)) } -.sf-c-txt-wheat\:75 { color: hsl(var(--sf-c-txt-wheat-75)) } -.sf-c-txt-wheat\:80 { color: hsl(var(--sf-c-txt-wheat-80)) } -.sf-c-txt-wheat\:85 { color: hsl(var(--sf-c-txt-wheat-85)) } -.sf-c-txt-wheat\:90 { color: hsl(var(--sf-c-txt-wheat-90)) } -.sf-c-txt-wheat\:95 { color: hsl(var(--sf-c-txt-wheat-95)) } -.sf-c-txt-wheat\:100 { color: hsl(var(--sf-c-txt-wheat-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-wheat, html.auto .sf-c-txt-wheat { color: hsl(39, 77%, 83%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:0, html.auto .sf-c-txt-wheat\:0 { color: hsl(39, 77%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:5, html.auto .sf-c-txt-wheat\:5 { color: hsl(39, 77%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:10, html.auto .sf-c-txt-wheat\:10 { color: hsl(39, 77%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:15, html.auto .sf-c-txt-wheat\:15 { color: hsl(39, 77%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:20, html.auto .sf-c-txt-wheat\:20 { color: hsl(39, 77%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:25, html.auto .sf-c-txt-wheat\:25 { color: hsl(39, 77%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:30, html.auto .sf-c-txt-wheat\:30 { color: hsl(39, 77%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:35, html.auto .sf-c-txt-wheat\:35 { color: hsl(39, 77%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:40, html.auto .sf-c-txt-wheat\:40 { color: hsl(39, 77%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:45, html.auto .sf-c-txt-wheat\:45 { color: hsl(39, 77%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:50, html.auto .sf-c-txt-wheat\:50 { color: hsl(39, 77%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:55, html.auto .sf-c-txt-wheat\:55 { color: hsl(39, 77%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:60, html.auto .sf-c-txt-wheat\:60 { color: hsl(39, 77%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:65, html.auto .sf-c-txt-wheat\:65 { color: hsl(39, 77%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:70, html.auto .sf-c-txt-wheat\:70 { color: hsl(39, 77%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:75, html.auto .sf-c-txt-wheat\:75 { color: hsl(39, 77%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:80, html.auto .sf-c-txt-wheat\:80 { color: hsl(39, 77%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:85, html.auto .sf-c-txt-wheat\:85 { color: hsl(39, 77%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:90, html.auto .sf-c-txt-wheat\:90 { color: hsl(39, 77%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:95, html.auto .sf-c-txt-wheat\:95 { color: hsl(39, 77%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:100, html.auto .sf-c-txt-wheat\:100 { color: hsl(39, 77%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-wheat\:dark, html.auto .sf-c-txt-wheat\:dark { color: hsl(39, 77%, 83%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:0\:dark, html.auto .sf-c-txt-wheat\:0\:dark { color: hsl(39, 77%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:5\:dark, html.auto .sf-c-txt-wheat\:5\:dark { color: hsl(39, 77%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:10\:dark, html.auto .sf-c-txt-wheat\:10\:dark { color: hsl(39, 77%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:15\:dark, html.auto .sf-c-txt-wheat\:15\:dark { color: hsl(39, 77%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:20\:dark, html.auto .sf-c-txt-wheat\:20\:dark { color: hsl(39, 77%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:25\:dark, html.auto .sf-c-txt-wheat\:25\:dark { color: hsl(39, 77%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:30\:dark, html.auto .sf-c-txt-wheat\:30\:dark { color: hsl(39, 77%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:35\:dark, html.auto .sf-c-txt-wheat\:35\:dark { color: hsl(39, 77%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:40\:dark, html.auto .sf-c-txt-wheat\:40\:dark { color: hsl(39, 77%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:45\:dark, html.auto .sf-c-txt-wheat\:45\:dark { color: hsl(39, 77%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:50\:dark, html.auto .sf-c-txt-wheat\:50\:dark { color: hsl(39, 77%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:55\:dark, html.auto .sf-c-txt-wheat\:55\:dark { color: hsl(39, 77%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:60\:dark, html.auto .sf-c-txt-wheat\:60\:dark { color: hsl(39, 77%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:65\:dark, html.auto .sf-c-txt-wheat\:65\:dark { color: hsl(39, 77%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:70\:dark, html.auto .sf-c-txt-wheat\:70\:dark { color: hsl(39, 77%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:75\:dark, html.auto .sf-c-txt-wheat\:75\:dark { color: hsl(39, 77%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:80\:dark, html.auto .sf-c-txt-wheat\:80\:dark { color: hsl(39, 77%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:85\:dark, html.auto .sf-c-txt-wheat\:85\:dark { color: hsl(39, 77%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:90\:dark, html.auto .sf-c-txt-wheat\:90\:dark { color: hsl(39, 77%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:95\:dark, html.auto .sf-c-txt-wheat\:95\:dark { color: hsl(39, 77%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-wheat\:100\:dark, html.auto .sf-c-txt-wheat\:100\:dark { color: hsl(39, 77%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/white.css b/src/colors/20/white.css index a1533b5..1983937 100644 --- a/src/colors/20/white.css +++ b/src/colors/20/white.css @@ -138,6 +138,52 @@ html.var .sf-c-white\:90 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90%) } html.var .sf-c-white\:95 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } html.var .sf-c-white\:100 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } +.sf-c-txt-white { color: hsl(var(--sf-dark-c-txt-white)) } +.sf-c-txt-white\:0 { color: hsl(var(--sf-dark-c-txt-white-100)) } +.sf-c-txt-white\:5 { color: hsl(var(--sf-dark-c-txt-white-95)) } +.sf-c-txt-white\:10 { color: hsl(var(--sf-dark-c-txt-white-90)) } +.sf-c-txt-white\:15 { color: hsl(var(--sf-dark-c-txt-white-85)) } +.sf-c-txt-white\:20 { color: hsl(var(--sf-dark-c-txt-white-80)) } +.sf-c-txt-white\:25 { color: hsl(var(--sf-dark-c-txt-white-75)) } +.sf-c-txt-white\:30 { color: hsl(var(--sf-dark-c-txt-white-70)) } +.sf-c-txt-white\:35 { color: hsl(var(--sf-dark-c-txt-white-65)) } +.sf-c-txt-white\:40 { color: hsl(var(--sf-dark-c-txt-white-60)) } +.sf-c-txt-white\:45 { color: hsl(var(--sf-dark-c-txt-white-55)) } +.sf-c-txt-white\:50 { color: hsl(var(--sf-dark-c-txt-white-50)) } +.sf-c-txt-white\:55 { color: hsl(var(--sf-dark-c-txt-white-45)) } +.sf-c-txt-white\:60 { color: hsl(var(--sf-dark-c-txt-white-40)) } +.sf-c-txt-white\:65 { color: hsl(var(--sf-dark-c-txt-white-35)) } +.sf-c-txt-white\:70 { color: hsl(var(--sf-dark-c-txt-white-30)) } +.sf-c-txt-white\:75 { color: hsl(var(--sf-dark-c-txt-white-25)) } +.sf-c-txt-white\:80 { color: hsl(var(--sf-dark-c-txt-white-20)) } +.sf-c-txt-white\:85 { color: hsl(var(--sf-dark-c-txt-white-15)) } +.sf-c-txt-white\:90 { color: hsl(var(--sf-dark-c-txt-white-10)) } +.sf-c-txt-white\:95 { color: hsl(var(--sf-dark-c-txt-white-5)) } +.sf-c-txt-white\:100 { color: hsl(var(--sf-dark-c-txt-white-0)) } + +html.var .sf-c-txt-white { color: hsl(0, 0%, 0%) } +html.var .sf-c-txt-white\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-white\:5 { color: hsl(0, 0%, 95%) } +html.var .sf-c-txt-white\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-white\:15 { color: hsl(0, 0%, 85%) } +html.var .sf-c-txt-white\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-white\:25 { color: hsl(0, 0%, 75%) } +html.var .sf-c-txt-white\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-white\:35 { color: hsl(0, 0%, 65%) } +html.var .sf-c-txt-white\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-white\:45 { color: hsl(0, 0%, 55%) } +html.var .sf-c-txt-white\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-white\:55 { color: hsl(0, 0%, 45%) } +html.var .sf-c-txt-white\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-white\:65 { color: hsl(0, 0%, 35%) } +html.var .sf-c-txt-white\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-white\:75 { color: hsl(0, 0%, 25%) } +html.var .sf-c-txt-white\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-white\:85 { color: hsl(0, 0%, 15%) } +html.var .sf-c-txt-white\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-white\:95 { color: hsl(0, 0%, 5%) } +html.var .sf-c-txt-white\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-white, html.dark .sf-c-white { color: hsl(var(--sf-dark-c-txt-white-95)); background: hsl(var(--sf-dark-c-white)) } html[data-theme='dark'] .sf-c-white\:0, html.dark .sf-c-white\:0 { color: hsl(var(--sf-dark-c-txt-white-95)); background: hsl(var(--sf-dark-c-white-100)) } html[data-theme='dark'] .sf-c-white\:5, html.dark .sf-c-white\:5 { color: hsl(var(--sf-dark-c-txt-white-5)); background: hsl(var(--sf-dark-c-white-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-white\:90\:dark, html.dark .sf-c-white\:90\:dark { html[data-theme='dark'] .sf-c-white\:95\:dark, html.dark .sf-c-white\:95\:dark { color: hsl(var(--sf-c-txt-white-95)); background: hsl(var(--sf-c-white-5)) } html[data-theme='dark'] .sf-c-white\:100\:dark, html.dark .sf-c-white\:100\:dark { color: hsl(var(--sf-c-txt-white-95)); background: hsl(var(--sf-c-white-0)) } +html[data-theme='dark'] .sf-c-txt-white, html.dark .sf-c-txt-white { color: hsl(var(--sf-c-txt-white)) } +html[data-theme='dark'] .sf-c-txt-white\:0, html.dark .sf-c-txt-white\:0 { color: hsl(var(--sf-c-txt-white-0)) } +html[data-theme='dark'] .sf-c-txt-white\:5, html.dark .sf-c-txt-white\:5 { color: hsl(var(--sf-c-txt-white-5)) } +html[data-theme='dark'] .sf-c-txt-white\:10, html.dark .sf-c-txt-white\:10 { color: hsl(var(--sf-c-txt-white-10)) } +html[data-theme='dark'] .sf-c-txt-white\:15, html.dark .sf-c-txt-white\:15 { color: hsl(var(--sf-c-txt-white-15)) } +html[data-theme='dark'] .sf-c-txt-white\:20, html.dark .sf-c-txt-white\:20 { color: hsl(var(--sf-c-txt-white-20)) } +html[data-theme='dark'] .sf-c-txt-white\:25, html.dark .sf-c-txt-white\:25 { color: hsl(var(--sf-c-txt-white-25)) } +html[data-theme='dark'] .sf-c-txt-white\:30, html.dark .sf-c-txt-white\:30 { color: hsl(var(--sf-c-txt-white-30)) } +html[data-theme='dark'] .sf-c-txt-white\:35, html.dark .sf-c-txt-white\:35 { color: hsl(var(--sf-c-txt-white-35)) } +html[data-theme='dark'] .sf-c-txt-white\:40, html.dark .sf-c-txt-white\:40 { color: hsl(var(--sf-c-txt-white-40)) } +html[data-theme='dark'] .sf-c-txt-white\:45, html.dark .sf-c-txt-white\:45 { color: hsl(var(--sf-c-txt-white-45)) } +html[data-theme='dark'] .sf-c-txt-white\:50, html.dark .sf-c-txt-white\:50 { color: hsl(var(--sf-c-txt-white-50)) } +html[data-theme='dark'] .sf-c-txt-white\:55, html.dark .sf-c-txt-white\:55 { color: hsl(var(--sf-c-txt-white-55)) } +html[data-theme='dark'] .sf-c-txt-white\:60, html.dark .sf-c-txt-white\:60 { color: hsl(var(--sf-c-txt-white-60)) } +html[data-theme='dark'] .sf-c-txt-white\:65, html.dark .sf-c-txt-white\:65 { color: hsl(var(--sf-c-txt-white-65)) } +html[data-theme='dark'] .sf-c-txt-white\:70, html.dark .sf-c-txt-white\:70 { color: hsl(var(--sf-c-txt-white-70)) } +html[data-theme='dark'] .sf-c-txt-white\:75, html.dark .sf-c-txt-white\:75 { color: hsl(var(--sf-c-txt-white-75)) } +html[data-theme='dark'] .sf-c-txt-white\:80, html.dark .sf-c-txt-white\:80 { color: hsl(var(--sf-c-txt-white-80)) } +html[data-theme='dark'] .sf-c-txt-white\:85, html.dark .sf-c-txt-white\:85 { color: hsl(var(--sf-c-txt-white-85)) } +html[data-theme='dark'] .sf-c-txt-white\:90, html.dark .sf-c-txt-white\:90 { color: hsl(var(--sf-c-txt-white-90)) } +html[data-theme='dark'] .sf-c-txt-white\:95, html.dark .sf-c-txt-white\:95 { color: hsl(var(--sf-c-txt-white-95)) } +html[data-theme='dark'] .sf-c-txt-white\:100, html.dark .sf-c-txt-white\:100 { color: hsl(var(--sf-c-txt-white-100)) } + +html[data-theme='dark'] .sf-c-txt-white\:dark, html.dark .sf-c-txt-white\:dark { color: hsl(var(--sf-c-txt-white)) } +html[data-theme='dark'] .sf-c-txt-white\:0\:dark, html.dark .sf-c-txt-white\:0\:dark { color: hsl(var(--sf-dark-c-txt-white-0)) } +html[data-theme='dark'] .sf-c-txt-white\:5\:dark, html.dark .sf-c-txt-white\:5\:dark { color: hsl(var(--sf-dark-c-txt-white-5)) } +html[data-theme='dark'] .sf-c-txt-white\:10\:dark, html.dark .sf-c-txt-white\:10\:dark { color: hsl(var(--sf-dark-c-txt-white-10)) } +html[data-theme='dark'] .sf-c-txt-white\:15\:dark, html.dark .sf-c-txt-white\:15\:dark { color: hsl(var(--sf-dark-c-txt-white-15)) } +html[data-theme='dark'] .sf-c-txt-white\:20\:dark, html.dark .sf-c-txt-white\:20\:dark { color: hsl(var(--sf-dark-c-txt-white-20)) } +html[data-theme='dark'] .sf-c-txt-white\:25\:dark, html.dark .sf-c-txt-white\:25\:dark { color: hsl(var(--sf-dark-c-txt-white-25)) } +html[data-theme='dark'] .sf-c-txt-white\:30\:dark, html.dark .sf-c-txt-white\:30\:dark { color: hsl(var(--sf-dark-c-txt-white-30)) } +html[data-theme='dark'] .sf-c-txt-white\:35\:dark, html.dark .sf-c-txt-white\:35\:dark { color: hsl(var(--sf-dark-c-txt-white-35)) } +html[data-theme='dark'] .sf-c-txt-white\:40\:dark, html.dark .sf-c-txt-white\:40\:dark { color: hsl(var(--sf-dark-c-txt-white-40)) } +html[data-theme='dark'] .sf-c-txt-white\:45\:dark, html.dark .sf-c-txt-white\:45\:dark { color: hsl(var(--sf-dark-c-txt-white-45)) } +html[data-theme='dark'] .sf-c-txt-white\:50\:dark, html.dark .sf-c-txt-white\:50\:dark { color: hsl(var(--sf-dark-c-txt-white-50)) } +html[data-theme='dark'] .sf-c-txt-white\:55\:dark, html.dark .sf-c-txt-white\:55\:dark { color: hsl(var(--sf-dark-c-txt-white-55)) } +html[data-theme='dark'] .sf-c-txt-white\:60\:dark, html.dark .sf-c-txt-white\:60\:dark { color: hsl(var(--sf-dark-c-txt-white-60)) } +html[data-theme='dark'] .sf-c-txt-white\:65\:dark, html.dark .sf-c-txt-white\:65\:dark { color: hsl(var(--sf-dark-c-txt-white-65)) } +html[data-theme='dark'] .sf-c-txt-white\:70\:dark, html.dark .sf-c-txt-white\:70\:dark { color: hsl(var(--sf-dark-c-txt-white-70)) } +html[data-theme='dark'] .sf-c-txt-white\:75\:dark, html.dark .sf-c-txt-white\:75\:dark { color: hsl(var(--sf-dark-c-txt-white-75)) } +html[data-theme='dark'] .sf-c-txt-white\:80\:dark, html.dark .sf-c-txt-white\:80\:dark { color: hsl(var(--sf-dark-c-txt-white-80)) } +html[data-theme='dark'] .sf-c-txt-white\:85\:dark, html.dark .sf-c-txt-white\:85\:dark { color: hsl(var(--sf-dark-c-txt-white-85)) } +html[data-theme='dark'] .sf-c-txt-white\:90\:dark, html.dark .sf-c-txt-white\:90\:dark { color: hsl(var(--sf-dark-c-txt-white-90)) } +html[data-theme='dark'] .sf-c-txt-white\:95\:dark, html.dark .sf-c-txt-white\:95\:dark { color: hsl(var(--sf-dark-c-txt-white-95)) } +html[data-theme='dark'] .sf-c-txt-white\:100\:dark, html.dark .sf-c-txt-white\:100\:dark { color: hsl(var(--sf-dark-c-txt-white-100)) } + html.var[data-theme='dark'] .sf-c-white, html.var.dark .sf-c-white { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } html.var[data-theme='dark'] .sf-c-white\:0, html.var.dark .sf-c-white\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-white\:5, html.var.dark .sf-c-white\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-white\:90\:dark, html.var.dark .sf-c-white\:90 html.var[data-theme='dark'] .sf-c-white\:95\:dark, html.var.dark .sf-c-white\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='dark'] .sf-c-white\:100\:dark, html.var.dark .sf-c-white\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-white, html.dark .sf-c-txt-white { color: hsl(0, 0%, 100%) } +html.var[data-theme='dark'] .sf-c-txt-white\:0, html.dark .sf-c-txt-white\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-white\:5, html.dark .sf-c-txt-white\:5 { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-white\:10, html.dark .sf-c-txt-white\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-white\:15, html.dark .sf-c-txt-white\:15 { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-white\:20, html.dark .sf-c-txt-white\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-white\:25, html.dark .sf-c-txt-white\:25 { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-white\:30, html.dark .sf-c-txt-white\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-white\:35, html.dark .sf-c-txt-white\:35 { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-white\:40, html.dark .sf-c-txt-white\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-white\:45, html.dark .sf-c-txt-white\:45 { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-white\:50, html.dark .sf-c-txt-white\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-white\:55, html.dark .sf-c-txt-white\:55 { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-white\:60, html.dark .sf-c-txt-white\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-white\:65, html.dark .sf-c-txt-white\:65 { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-white\:70, html.dark .sf-c-txt-white\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-white\:75, html.dark .sf-c-txt-white\:75 { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-white\:80, html.dark .sf-c-txt-white\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-white\:85, html.dark .sf-c-txt-white\:85 { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-white\:90, html.dark .sf-c-txt-white\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-white\:95, html.dark .sf-c-txt-white\:95 { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-white\:100, html.dark .sf-c-txt-white\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-white\:dark, html.dark .sf-c-txt-white\:dark { color: hsl(0, 0%, 100%) } +html.var[data-theme='dark'] .sf-c-txt-white\:0\:dark, html.dark .sf-c-txt-white\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-white\:5\:dark, html.dark .sf-c-txt-white\:5\:dark { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-white\:10\:dark, html.dark .sf-c-txt-white\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-white\:15\:dark, html.dark .sf-c-txt-white\:15\:dark { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-white\:20\:dark, html.dark .sf-c-txt-white\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-white\:25\:dark, html.dark .sf-c-txt-white\:25\:dark { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-white\:30\:dark, html.dark .sf-c-txt-white\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-white\:35\:dark, html.dark .sf-c-txt-white\:35\:dark { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-white\:40\:dark, html.dark .sf-c-txt-white\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-white\:45\:dark, html.dark .sf-c-txt-white\:45\:dark { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-white\:50\:dark, html.dark .sf-c-txt-white\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-white\:55\:dark, html.dark .sf-c-txt-white\:55\:dark { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-white\:60\:dark, html.dark .sf-c-txt-white\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-white\:65\:dark, html.dark .sf-c-txt-white\:65\:dark { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-white\:70\:dark, html.dark .sf-c-txt-white\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-white\:75\:dark, html.dark .sf-c-txt-white\:75\:dark { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-white\:80\:dark, html.dark .sf-c-txt-white\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-white\:85\:dark, html.dark .sf-c-txt-white\:85\:dark { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-white\:90\:dark, html.dark .sf-c-txt-white\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-white\:95\:dark, html.dark .sf-c-txt-white\:95\:dark { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-white\:100\:dark, html.dark .sf-c-txt-white\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-white, html.auto .sf-c-white { color: hsl(var(--sf-dark-c-txt-white-95)); background: hsl(var(--sf-dark-c-white)) } html[data-theme='auto'] .sf-c-white\:0, html.auto .sf-c-white\:0 { color: hsl(var(--sf-dark-c-txt-white-95)); background: hsl(var(--sf-dark-c-white-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-white\:100\:dark, html.var.dark .sf-c-white\:1 html[data-theme='auto'] .sf-c-white\:95\:dark, html.auto .sf-c-white\:95\:dark { color: hsl(var(--sf-c-txt-white-95)); background: hsl(var(--sf-c-white-5)) } html[data-theme='auto'] .sf-c-white\:100\:dark, html.auto .sf-c-white\:100\:dark { color: hsl(var(--sf-c-txt-white-95)); background: hsl(var(--sf-c-white-0)) } + html[data-theme='auto'] .sf-c-txt-white, html.auto .sf-c-txt-white { color: hsl(var(--sf-c-txt-white)) } + html[data-theme='auto'] .sf-c-txt-white\:0, html.auto .sf-c-txt-white\:0 { color: hsl(var(--sf-c-txt-white-0)) } + html[data-theme='auto'] .sf-c-txt-white\:5, html.auto .sf-c-txt-white\:5 { color: hsl(var(--sf-c-txt-white-5)) } + html[data-theme='auto'] .sf-c-txt-white\:10, html.auto .sf-c-txt-white\:10 { color: hsl(var(--sf-c-txt-white-10)) } + html[data-theme='auto'] .sf-c-txt-white\:15, html.auto .sf-c-txt-white\:15 { color: hsl(var(--sf-c-txt-white-15)) } + html[data-theme='auto'] .sf-c-txt-white\:20, html.auto .sf-c-txt-white\:20 { color: hsl(var(--sf-c-txt-white-20)) } + html[data-theme='auto'] .sf-c-txt-white\:25, html.auto .sf-c-txt-white\:25 { color: hsl(var(--sf-c-txt-white-25)) } + html[data-theme='auto'] .sf-c-txt-white\:30, html.auto .sf-c-txt-white\:30 { color: hsl(var(--sf-c-txt-white-30)) } + html[data-theme='auto'] .sf-c-txt-white\:35, html.auto .sf-c-txt-white\:35 { color: hsl(var(--sf-c-txt-white-35)) } + html[data-theme='auto'] .sf-c-txt-white\:40, html.auto .sf-c-txt-white\:40 { color: hsl(var(--sf-c-txt-white-40)) } + html[data-theme='auto'] .sf-c-txt-white\:45, html.auto .sf-c-txt-white\:45 { color: hsl(var(--sf-c-txt-white-45)) } + html[data-theme='auto'] .sf-c-txt-white\:50, html.auto .sf-c-txt-white\:50 { color: hsl(var(--sf-c-txt-white-50)) } + html[data-theme='auto'] .sf-c-txt-white\:55, html.auto .sf-c-txt-white\:55 { color: hsl(var(--sf-c-txt-white-55)) } + html[data-theme='auto'] .sf-c-txt-white\:60, html.auto .sf-c-txt-white\:60 { color: hsl(var(--sf-c-txt-white-60)) } + html[data-theme='auto'] .sf-c-txt-white\:65, html.auto .sf-c-txt-white\:65 { color: hsl(var(--sf-c-txt-white-65)) } + html[data-theme='auto'] .sf-c-txt-white\:70, html.auto .sf-c-txt-white\:70 { color: hsl(var(--sf-c-txt-white-70)) } + html[data-theme='auto'] .sf-c-txt-white\:75, html.auto .sf-c-txt-white\:75 { color: hsl(var(--sf-c-txt-white-75)) } + html[data-theme='auto'] .sf-c-txt-white\:80, html.auto .sf-c-txt-white\:80 { color: hsl(var(--sf-c-txt-white-80)) } + html[data-theme='auto'] .sf-c-txt-white\:85, html.auto .sf-c-txt-white\:85 { color: hsl(var(--sf-c-txt-white-85)) } + html[data-theme='auto'] .sf-c-txt-white\:90, html.auto .sf-c-txt-white\:90 { color: hsl(var(--sf-c-txt-white-90)) } + html[data-theme='auto'] .sf-c-txt-white\:95, html.auto .sf-c-txt-white\:95 { color: hsl(var(--sf-c-txt-white-95)) } + html[data-theme='auto'] .sf-c-txt-white\:100, html.auto .sf-c-txt-white\:100 { color: hsl(var(--sf-c-txt-white-100)) } + + html[data-theme='auto'] .sf-c-txt-white\:dark, html.auto .sf-c-txt-white\:dark { color: hsl(var(--sf-c-txt-white)) } + html[data-theme='auto'] .sf-c-txt-white\:0\:dark, html.auto .sf-c-txt-white\:0\:dark { color: hsl(var(--sf-c-txt-white-0)) } + html[data-theme='auto'] .sf-c-txt-white\:5\:dark, html.auto .sf-c-txt-white\:5\:dark { color: hsl(var(--sf-c-txt-white-5)) } + html[data-theme='auto'] .sf-c-txt-white\:10\:dark, html.auto .sf-c-txt-white\:10\:dark { color: hsl(var(--sf-c-txt-white-10)) } + html[data-theme='auto'] .sf-c-txt-white\:15\:dark, html.auto .sf-c-txt-white\:15\:dark { color: hsl(var(--sf-c-txt-white-15)) } + html[data-theme='auto'] .sf-c-txt-white\:20\:dark, html.auto .sf-c-txt-white\:20\:dark { color: hsl(var(--sf-c-txt-white-20)) } + html[data-theme='auto'] .sf-c-txt-white\:25\:dark, html.auto .sf-c-txt-white\:25\:dark { color: hsl(var(--sf-c-txt-white-25)) } + html[data-theme='auto'] .sf-c-txt-white\:30\:dark, html.auto .sf-c-txt-white\:30\:dark { color: hsl(var(--sf-c-txt-white-30)) } + html[data-theme='auto'] .sf-c-txt-white\:35\:dark, html.auto .sf-c-txt-white\:35\:dark { color: hsl(var(--sf-c-txt-white-35)) } + html[data-theme='auto'] .sf-c-txt-white\:40\:dark, html.auto .sf-c-txt-white\:40\:dark { color: hsl(var(--sf-c-txt-white-40)) } + html[data-theme='auto'] .sf-c-txt-white\:45\:dark, html.auto .sf-c-txt-white\:45\:dark { color: hsl(var(--sf-c-txt-white-45)) } + html[data-theme='auto'] .sf-c-txt-white\:50\:dark, html.auto .sf-c-txt-white\:50\:dark { color: hsl(var(--sf-c-txt-white-50)) } + html[data-theme='auto'] .sf-c-txt-white\:55\:dark, html.auto .sf-c-txt-white\:55\:dark { color: hsl(var(--sf-c-txt-white-55)) } + html[data-theme='auto'] .sf-c-txt-white\:60\:dark, html.auto .sf-c-txt-white\:60\:dark { color: hsl(var(--sf-c-txt-white-60)) } + html[data-theme='auto'] .sf-c-txt-white\:65\:dark, html.auto .sf-c-txt-white\:65\:dark { color: hsl(var(--sf-c-txt-white-65)) } + html[data-theme='auto'] .sf-c-txt-white\:70\:dark, html.auto .sf-c-txt-white\:70\:dark { color: hsl(var(--sf-c-txt-white-70)) } + html[data-theme='auto'] .sf-c-txt-white\:75\:dark, html.auto .sf-c-txt-white\:75\:dark { color: hsl(var(--sf-c-txt-white-75)) } + html[data-theme='auto'] .sf-c-txt-white\:80\:dark, html.auto .sf-c-txt-white\:80\:dark { color: hsl(var(--sf-c-txt-white-80)) } + html[data-theme='auto'] .sf-c-txt-white\:85\:dark, html.auto .sf-c-txt-white\:85\:dark { color: hsl(var(--sf-c-txt-white-85)) } + html[data-theme='auto'] .sf-c-txt-white\:90\:dark, html.auto .sf-c-txt-white\:90\:dark { color: hsl(var(--sf-c-txt-white-90)) } + html[data-theme='auto'] .sf-c-txt-white\:95\:dark, html.auto .sf-c-txt-white\:95\:dark { color: hsl(var(--sf-c-txt-white-95)) } + html[data-theme='auto'] .sf-c-txt-white\:100\:dark, html.auto .sf-c-txt-white\:100\:dark { color: hsl(var(--sf-c-txt-white-100)) } + html.var[data-theme='auto'] .sf-c-white, html.var.auto .sf-c-white { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } html.var[data-theme='auto'] .sf-c-white\:0, html.var.auto .sf-c-white\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-white\:5, html.var.auto .sf-c-white\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-white\:100\:dark, html.var.dark .sf-c-white\:1 html.var[data-theme='auto'] .sf-c-white\:90\:dark, html.var.auto .sf-c-white\:90\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-white\:95\:dark, html.var.auto .sf-c-white\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='auto'] .sf-c-white\:100\:dark, html.var.auto .sf-c-white\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-white { color: hsl(var(--sf-c-txt-white)) } -.sf-c-txt-white\:0 { color: hsl(var(--sf-c-txt-white-0)) } -.sf-c-txt-white\:5 { color: hsl(var(--sf-c-txt-white-5)) } -.sf-c-txt-white\:10 { color: hsl(var(--sf-c-txt-white-10)) } -.sf-c-txt-white\:15 { color: hsl(var(--sf-c-txt-white-15)) } -.sf-c-txt-white\:20 { color: hsl(var(--sf-c-txt-white-20)) } -.sf-c-txt-white\:25 { color: hsl(var(--sf-c-txt-white-25)) } -.sf-c-txt-white\:30 { color: hsl(var(--sf-c-txt-white-30)) } -.sf-c-txt-white\:35 { color: hsl(var(--sf-c-txt-white-35)) } -.sf-c-txt-white\:40 { color: hsl(var(--sf-c-txt-white-40)) } -.sf-c-txt-white\:45 { color: hsl(var(--sf-c-txt-white-45)) } -.sf-c-txt-white\:50 { color: hsl(var(--sf-c-txt-white-50)) } -.sf-c-txt-white\:55 { color: hsl(var(--sf-c-txt-white-55)) } -.sf-c-txt-white\:60 { color: hsl(var(--sf-c-txt-white-60)) } -.sf-c-txt-white\:65 { color: hsl(var(--sf-c-txt-white-65)) } -.sf-c-txt-white\:70 { color: hsl(var(--sf-c-txt-white-70)) } -.sf-c-txt-white\:75 { color: hsl(var(--sf-c-txt-white-75)) } -.sf-c-txt-white\:80 { color: hsl(var(--sf-c-txt-white-80)) } -.sf-c-txt-white\:85 { color: hsl(var(--sf-c-txt-white-85)) } -.sf-c-txt-white\:90 { color: hsl(var(--sf-c-txt-white-90)) } -.sf-c-txt-white\:95 { color: hsl(var(--sf-c-txt-white-95)) } -.sf-c-txt-white\:100 { color: hsl(var(--sf-c-txt-white-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-white, html.auto .sf-c-txt-white { color: hsl(0, 0%, 100%) } + html.var[data-theme='auto'] .sf-c-txt-white\:0, html.auto .sf-c-txt-white\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-white\:5, html.auto .sf-c-txt-white\:5 { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-white\:10, html.auto .sf-c-txt-white\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-white\:15, html.auto .sf-c-txt-white\:15 { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-white\:20, html.auto .sf-c-txt-white\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-white\:25, html.auto .sf-c-txt-white\:25 { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-white\:30, html.auto .sf-c-txt-white\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-white\:35, html.auto .sf-c-txt-white\:35 { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-white\:40, html.auto .sf-c-txt-white\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-white\:45, html.auto .sf-c-txt-white\:45 { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-white\:50, html.auto .sf-c-txt-white\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-white\:55, html.auto .sf-c-txt-white\:55 { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-white\:60, html.auto .sf-c-txt-white\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-white\:65, html.auto .sf-c-txt-white\:65 { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-white\:70, html.auto .sf-c-txt-white\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-white\:75, html.auto .sf-c-txt-white\:75 { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-white\:80, html.auto .sf-c-txt-white\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-white\:85, html.auto .sf-c-txt-white\:85 { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-white\:90, html.auto .sf-c-txt-white\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-white\:95, html.auto .sf-c-txt-white\:95 { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-white\:100, html.auto .sf-c-txt-white\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-white\:dark, html.auto .sf-c-txt-white\:dark { color: hsl(0, 0%, 100%) } + html.var[data-theme='auto'] .sf-c-txt-white\:0\:dark, html.auto .sf-c-txt-white\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-white\:5\:dark, html.auto .sf-c-txt-white\:5\:dark { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-white\:10\:dark, html.auto .sf-c-txt-white\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-white\:15\:dark, html.auto .sf-c-txt-white\:15\:dark { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-white\:20\:dark, html.auto .sf-c-txt-white\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-white\:25\:dark, html.auto .sf-c-txt-white\:25\:dark { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-white\:30\:dark, html.auto .sf-c-txt-white\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-white\:35\:dark, html.auto .sf-c-txt-white\:35\:dark { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-white\:40\:dark, html.auto .sf-c-txt-white\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-white\:45\:dark, html.auto .sf-c-txt-white\:45\:dark { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-white\:50\:dark, html.auto .sf-c-txt-white\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-white\:55\:dark, html.auto .sf-c-txt-white\:55\:dark { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-white\:60\:dark, html.auto .sf-c-txt-white\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-white\:65\:dark, html.auto .sf-c-txt-white\:65\:dark { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-white\:70\:dark, html.auto .sf-c-txt-white\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-white\:75\:dark, html.auto .sf-c-txt-white\:75\:dark { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-white\:80\:dark, html.auto .sf-c-txt-white\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-white\:85\:dark, html.auto .sf-c-txt-white\:85\:dark { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-white\:90\:dark, html.auto .sf-c-txt-white\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-white\:95\:dark, html.auto .sf-c-txt-white\:95\:dark { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-white\:100\:dark, html.auto .sf-c-txt-white\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/whitesmoke.css b/src/colors/20/whitesmoke.css index 4136e97..bef8acb 100644 --- a/src/colors/20/whitesmoke.css +++ b/src/colors/20/whitesmoke.css @@ -138,6 +138,52 @@ html.var .sf-c-whitesmoke\:90 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 90 html.var .sf-c-whitesmoke\:95 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } html.var .sf-c-whitesmoke\:100 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 100%) } +.sf-c-txt-whitesmoke { color: hsl(var(--sf-dark-c-txt-whitesmoke)) } +.sf-c-txt-whitesmoke\:0 { color: hsl(var(--sf-dark-c-txt-whitesmoke-100)) } +.sf-c-txt-whitesmoke\:5 { color: hsl(var(--sf-dark-c-txt-whitesmoke-95)) } +.sf-c-txt-whitesmoke\:10 { color: hsl(var(--sf-dark-c-txt-whitesmoke-90)) } +.sf-c-txt-whitesmoke\:15 { color: hsl(var(--sf-dark-c-txt-whitesmoke-85)) } +.sf-c-txt-whitesmoke\:20 { color: hsl(var(--sf-dark-c-txt-whitesmoke-80)) } +.sf-c-txt-whitesmoke\:25 { color: hsl(var(--sf-dark-c-txt-whitesmoke-75)) } +.sf-c-txt-whitesmoke\:30 { color: hsl(var(--sf-dark-c-txt-whitesmoke-70)) } +.sf-c-txt-whitesmoke\:35 { color: hsl(var(--sf-dark-c-txt-whitesmoke-65)) } +.sf-c-txt-whitesmoke\:40 { color: hsl(var(--sf-dark-c-txt-whitesmoke-60)) } +.sf-c-txt-whitesmoke\:45 { color: hsl(var(--sf-dark-c-txt-whitesmoke-55)) } +.sf-c-txt-whitesmoke\:50 { color: hsl(var(--sf-dark-c-txt-whitesmoke-50)) } +.sf-c-txt-whitesmoke\:55 { color: hsl(var(--sf-dark-c-txt-whitesmoke-45)) } +.sf-c-txt-whitesmoke\:60 { color: hsl(var(--sf-dark-c-txt-whitesmoke-40)) } +.sf-c-txt-whitesmoke\:65 { color: hsl(var(--sf-dark-c-txt-whitesmoke-35)) } +.sf-c-txt-whitesmoke\:70 { color: hsl(var(--sf-dark-c-txt-whitesmoke-30)) } +.sf-c-txt-whitesmoke\:75 { color: hsl(var(--sf-dark-c-txt-whitesmoke-25)) } +.sf-c-txt-whitesmoke\:80 { color: hsl(var(--sf-dark-c-txt-whitesmoke-20)) } +.sf-c-txt-whitesmoke\:85 { color: hsl(var(--sf-dark-c-txt-whitesmoke-15)) } +.sf-c-txt-whitesmoke\:90 { color: hsl(var(--sf-dark-c-txt-whitesmoke-10)) } +.sf-c-txt-whitesmoke\:95 { color: hsl(var(--sf-dark-c-txt-whitesmoke-5)) } +.sf-c-txt-whitesmoke\:100 { color: hsl(var(--sf-dark-c-txt-whitesmoke-0)) } + +html.var .sf-c-txt-whitesmoke { color: hsl(0, 0%, 4%) } +html.var .sf-c-txt-whitesmoke\:0 { color: hsl(0, 0%, 100%) } +html.var .sf-c-txt-whitesmoke\:5 { color: hsl(0, 0%, 95%) } +html.var .sf-c-txt-whitesmoke\:10 { color: hsl(0, 0%, 90%) } +html.var .sf-c-txt-whitesmoke\:15 { color: hsl(0, 0%, 85%) } +html.var .sf-c-txt-whitesmoke\:20 { color: hsl(0, 0%, 80%) } +html.var .sf-c-txt-whitesmoke\:25 { color: hsl(0, 0%, 75%) } +html.var .sf-c-txt-whitesmoke\:30 { color: hsl(0, 0%, 70%) } +html.var .sf-c-txt-whitesmoke\:35 { color: hsl(0, 0%, 65%) } +html.var .sf-c-txt-whitesmoke\:40 { color: hsl(0, 0%, 60%) } +html.var .sf-c-txt-whitesmoke\:45 { color: hsl(0, 0%, 55%) } +html.var .sf-c-txt-whitesmoke\:50 { color: hsl(0, 0%, 50%) } +html.var .sf-c-txt-whitesmoke\:55 { color: hsl(0, 0%, 45%) } +html.var .sf-c-txt-whitesmoke\:60 { color: hsl(0, 0%, 40%) } +html.var .sf-c-txt-whitesmoke\:65 { color: hsl(0, 0%, 35%) } +html.var .sf-c-txt-whitesmoke\:70 { color: hsl(0, 0%, 30%) } +html.var .sf-c-txt-whitesmoke\:75 { color: hsl(0, 0%, 25%) } +html.var .sf-c-txt-whitesmoke\:80 { color: hsl(0, 0%, 20%) } +html.var .sf-c-txt-whitesmoke\:85 { color: hsl(0, 0%, 15%) } +html.var .sf-c-txt-whitesmoke\:90 { color: hsl(0, 0%, 10%) } +html.var .sf-c-txt-whitesmoke\:95 { color: hsl(0, 0%, 5%) } +html.var .sf-c-txt-whitesmoke\:100 { color: hsl(0, 0%, 0%) } + html[data-theme='dark'] .sf-c-whitesmoke, html.dark .sf-c-whitesmoke { color: hsl(var(--sf-dark-c-txt-whitesmoke-95)); background: hsl(var(--sf-dark-c-whitesmoke)) } html[data-theme='dark'] .sf-c-whitesmoke\:0, html.dark .sf-c-whitesmoke\:0 { color: hsl(var(--sf-dark-c-txt-whitesmoke-95)); background: hsl(var(--sf-dark-c-whitesmoke-100)) } html[data-theme='dark'] .sf-c-whitesmoke\:5, html.dark .sf-c-whitesmoke\:5 { color: hsl(var(--sf-dark-c-txt-whitesmoke-5)); background: hsl(var(--sf-dark-c-whitesmoke-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-whitesmoke\:90\:dark, html.dark .sf-c-whitesmoke\: html[data-theme='dark'] .sf-c-whitesmoke\:95\:dark, html.dark .sf-c-whitesmoke\:95\:dark { color: hsl(var(--sf-c-txt-whitesmoke-95)); background: hsl(var(--sf-c-whitesmoke-5)) } html[data-theme='dark'] .sf-c-whitesmoke\:100\:dark, html.dark .sf-c-whitesmoke\:100\:dark { color: hsl(var(--sf-c-txt-whitesmoke-95)); background: hsl(var(--sf-c-whitesmoke-0)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke, html.dark .sf-c-txt-whitesmoke { color: hsl(var(--sf-c-txt-whitesmoke)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:0, html.dark .sf-c-txt-whitesmoke\:0 { color: hsl(var(--sf-c-txt-whitesmoke-0)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:5, html.dark .sf-c-txt-whitesmoke\:5 { color: hsl(var(--sf-c-txt-whitesmoke-5)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:10, html.dark .sf-c-txt-whitesmoke\:10 { color: hsl(var(--sf-c-txt-whitesmoke-10)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:15, html.dark .sf-c-txt-whitesmoke\:15 { color: hsl(var(--sf-c-txt-whitesmoke-15)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:20, html.dark .sf-c-txt-whitesmoke\:20 { color: hsl(var(--sf-c-txt-whitesmoke-20)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:25, html.dark .sf-c-txt-whitesmoke\:25 { color: hsl(var(--sf-c-txt-whitesmoke-25)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:30, html.dark .sf-c-txt-whitesmoke\:30 { color: hsl(var(--sf-c-txt-whitesmoke-30)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:35, html.dark .sf-c-txt-whitesmoke\:35 { color: hsl(var(--sf-c-txt-whitesmoke-35)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:40, html.dark .sf-c-txt-whitesmoke\:40 { color: hsl(var(--sf-c-txt-whitesmoke-40)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:45, html.dark .sf-c-txt-whitesmoke\:45 { color: hsl(var(--sf-c-txt-whitesmoke-45)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:50, html.dark .sf-c-txt-whitesmoke\:50 { color: hsl(var(--sf-c-txt-whitesmoke-50)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:55, html.dark .sf-c-txt-whitesmoke\:55 { color: hsl(var(--sf-c-txt-whitesmoke-55)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:60, html.dark .sf-c-txt-whitesmoke\:60 { color: hsl(var(--sf-c-txt-whitesmoke-60)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:65, html.dark .sf-c-txt-whitesmoke\:65 { color: hsl(var(--sf-c-txt-whitesmoke-65)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:70, html.dark .sf-c-txt-whitesmoke\:70 { color: hsl(var(--sf-c-txt-whitesmoke-70)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:75, html.dark .sf-c-txt-whitesmoke\:75 { color: hsl(var(--sf-c-txt-whitesmoke-75)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:80, html.dark .sf-c-txt-whitesmoke\:80 { color: hsl(var(--sf-c-txt-whitesmoke-80)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:85, html.dark .sf-c-txt-whitesmoke\:85 { color: hsl(var(--sf-c-txt-whitesmoke-85)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:90, html.dark .sf-c-txt-whitesmoke\:90 { color: hsl(var(--sf-c-txt-whitesmoke-90)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:95, html.dark .sf-c-txt-whitesmoke\:95 { color: hsl(var(--sf-c-txt-whitesmoke-95)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:100, html.dark .sf-c-txt-whitesmoke\:100 { color: hsl(var(--sf-c-txt-whitesmoke-100)) } + +html[data-theme='dark'] .sf-c-txt-whitesmoke\:dark, html.dark .sf-c-txt-whitesmoke\:dark { color: hsl(var(--sf-c-txt-whitesmoke)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:0\:dark, html.dark .sf-c-txt-whitesmoke\:0\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-0)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:5\:dark, html.dark .sf-c-txt-whitesmoke\:5\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-5)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:10\:dark, html.dark .sf-c-txt-whitesmoke\:10\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-10)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:15\:dark, html.dark .sf-c-txt-whitesmoke\:15\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-15)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:20\:dark, html.dark .sf-c-txt-whitesmoke\:20\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-20)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:25\:dark, html.dark .sf-c-txt-whitesmoke\:25\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-25)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:30\:dark, html.dark .sf-c-txt-whitesmoke\:30\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-30)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:35\:dark, html.dark .sf-c-txt-whitesmoke\:35\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-35)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:40\:dark, html.dark .sf-c-txt-whitesmoke\:40\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-40)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:45\:dark, html.dark .sf-c-txt-whitesmoke\:45\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-45)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:50\:dark, html.dark .sf-c-txt-whitesmoke\:50\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-50)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:55\:dark, html.dark .sf-c-txt-whitesmoke\:55\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-55)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:60\:dark, html.dark .sf-c-txt-whitesmoke\:60\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-60)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:65\:dark, html.dark .sf-c-txt-whitesmoke\:65\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-65)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:70\:dark, html.dark .sf-c-txt-whitesmoke\:70\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-70)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:75\:dark, html.dark .sf-c-txt-whitesmoke\:75\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-75)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:80\:dark, html.dark .sf-c-txt-whitesmoke\:80\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-80)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:85\:dark, html.dark .sf-c-txt-whitesmoke\:85\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-85)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:90\:dark, html.dark .sf-c-txt-whitesmoke\:90\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-90)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:95\:dark, html.dark .sf-c-txt-whitesmoke\:95\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-95)) } +html[data-theme='dark'] .sf-c-txt-whitesmoke\:100\:dark, html.dark .sf-c-txt-whitesmoke\:100\:dark { color: hsl(var(--sf-dark-c-txt-whitesmoke-100)) } + html.var[data-theme='dark'] .sf-c-whitesmoke, html.var.dark .sf-c-whitesmoke { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 4%) } html.var[data-theme='dark'] .sf-c-whitesmoke\:0, html.var.dark .sf-c-whitesmoke\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='dark'] .sf-c-whitesmoke\:5, html.var.dark .sf-c-whitesmoke\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-whitesmoke\:90\:dark, html.var.dark .sf-c-whit html.var[data-theme='dark'] .sf-c-whitesmoke\:95\:dark, html.var.dark .sf-c-whitesmoke\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='dark'] .sf-c-whitesmoke\:100\:dark, html.var.dark .sf-c-whitesmoke\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke, html.dark .sf-c-txt-whitesmoke { color: hsl(0, 0%, 96%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:0, html.dark .sf-c-txt-whitesmoke\:0 { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:5, html.dark .sf-c-txt-whitesmoke\:5 { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:10, html.dark .sf-c-txt-whitesmoke\:10 { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:15, html.dark .sf-c-txt-whitesmoke\:15 { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:20, html.dark .sf-c-txt-whitesmoke\:20 { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:25, html.dark .sf-c-txt-whitesmoke\:25 { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:30, html.dark .sf-c-txt-whitesmoke\:30 { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:35, html.dark .sf-c-txt-whitesmoke\:35 { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:40, html.dark .sf-c-txt-whitesmoke\:40 { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:45, html.dark .sf-c-txt-whitesmoke\:45 { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:50, html.dark .sf-c-txt-whitesmoke\:50 { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:55, html.dark .sf-c-txt-whitesmoke\:55 { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:60, html.dark .sf-c-txt-whitesmoke\:60 { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:65, html.dark .sf-c-txt-whitesmoke\:65 { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:70, html.dark .sf-c-txt-whitesmoke\:70 { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:75, html.dark .sf-c-txt-whitesmoke\:75 { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:80, html.dark .sf-c-txt-whitesmoke\:80 { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:85, html.dark .sf-c-txt-whitesmoke\:85 { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:90, html.dark .sf-c-txt-whitesmoke\:90 { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:95, html.dark .sf-c-txt-whitesmoke\:95 { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:100, html.dark .sf-c-txt-whitesmoke\:100 { color: hsl(0, 0%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:dark, html.dark .sf-c-txt-whitesmoke\:dark { color: hsl(0, 0%, 96%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:0\:dark, html.dark .sf-c-txt-whitesmoke\:0\:dark { color: hsl(0, 0%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:5\:dark, html.dark .sf-c-txt-whitesmoke\:5\:dark { color: hsl(0, 0%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:10\:dark, html.dark .sf-c-txt-whitesmoke\:10\:dark { color: hsl(0, 0%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:15\:dark, html.dark .sf-c-txt-whitesmoke\:15\:dark { color: hsl(0, 0%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:20\:dark, html.dark .sf-c-txt-whitesmoke\:20\:dark { color: hsl(0, 0%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:25\:dark, html.dark .sf-c-txt-whitesmoke\:25\:dark { color: hsl(0, 0%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:30\:dark, html.dark .sf-c-txt-whitesmoke\:30\:dark { color: hsl(0, 0%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:35\:dark, html.dark .sf-c-txt-whitesmoke\:35\:dark { color: hsl(0, 0%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:40\:dark, html.dark .sf-c-txt-whitesmoke\:40\:dark { color: hsl(0, 0%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:45\:dark, html.dark .sf-c-txt-whitesmoke\:45\:dark { color: hsl(0, 0%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:50\:dark, html.dark .sf-c-txt-whitesmoke\:50\:dark { color: hsl(0, 0%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:55\:dark, html.dark .sf-c-txt-whitesmoke\:55\:dark { color: hsl(0, 0%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:60\:dark, html.dark .sf-c-txt-whitesmoke\:60\:dark { color: hsl(0, 0%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:65\:dark, html.dark .sf-c-txt-whitesmoke\:65\:dark { color: hsl(0, 0%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:70\:dark, html.dark .sf-c-txt-whitesmoke\:70\:dark { color: hsl(0, 0%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:75\:dark, html.dark .sf-c-txt-whitesmoke\:75\:dark { color: hsl(0, 0%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:80\:dark, html.dark .sf-c-txt-whitesmoke\:80\:dark { color: hsl(0, 0%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:85\:dark, html.dark .sf-c-txt-whitesmoke\:85\:dark { color: hsl(0, 0%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:90\:dark, html.dark .sf-c-txt-whitesmoke\:90\:dark { color: hsl(0, 0%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:95\:dark, html.dark .sf-c-txt-whitesmoke\:95\:dark { color: hsl(0, 0%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-whitesmoke\:100\:dark, html.dark .sf-c-txt-whitesmoke\:100\:dark { color: hsl(0, 0%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-whitesmoke, html.auto .sf-c-whitesmoke { color: hsl(var(--sf-dark-c-txt-whitesmoke-95)); background: hsl(var(--sf-dark-c-whitesmoke)) } html[data-theme='auto'] .sf-c-whitesmoke\:0, html.auto .sf-c-whitesmoke\:0 { color: hsl(var(--sf-dark-c-txt-whitesmoke-95)); background: hsl(var(--sf-dark-c-whitesmoke-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-whitesmoke\:100\:dark, html.var.dark .sf-c-whi html[data-theme='auto'] .sf-c-whitesmoke\:95\:dark, html.auto .sf-c-whitesmoke\:95\:dark { color: hsl(var(--sf-c-txt-whitesmoke-95)); background: hsl(var(--sf-c-whitesmoke-5)) } html[data-theme='auto'] .sf-c-whitesmoke\:100\:dark, html.auto .sf-c-whitesmoke\:100\:dark { color: hsl(var(--sf-c-txt-whitesmoke-95)); background: hsl(var(--sf-c-whitesmoke-0)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke, html.auto .sf-c-txt-whitesmoke { color: hsl(var(--sf-c-txt-whitesmoke)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:0, html.auto .sf-c-txt-whitesmoke\:0 { color: hsl(var(--sf-c-txt-whitesmoke-0)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:5, html.auto .sf-c-txt-whitesmoke\:5 { color: hsl(var(--sf-c-txt-whitesmoke-5)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:10, html.auto .sf-c-txt-whitesmoke\:10 { color: hsl(var(--sf-c-txt-whitesmoke-10)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:15, html.auto .sf-c-txt-whitesmoke\:15 { color: hsl(var(--sf-c-txt-whitesmoke-15)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:20, html.auto .sf-c-txt-whitesmoke\:20 { color: hsl(var(--sf-c-txt-whitesmoke-20)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:25, html.auto .sf-c-txt-whitesmoke\:25 { color: hsl(var(--sf-c-txt-whitesmoke-25)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:30, html.auto .sf-c-txt-whitesmoke\:30 { color: hsl(var(--sf-c-txt-whitesmoke-30)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:35, html.auto .sf-c-txt-whitesmoke\:35 { color: hsl(var(--sf-c-txt-whitesmoke-35)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:40, html.auto .sf-c-txt-whitesmoke\:40 { color: hsl(var(--sf-c-txt-whitesmoke-40)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:45, html.auto .sf-c-txt-whitesmoke\:45 { color: hsl(var(--sf-c-txt-whitesmoke-45)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:50, html.auto .sf-c-txt-whitesmoke\:50 { color: hsl(var(--sf-c-txt-whitesmoke-50)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:55, html.auto .sf-c-txt-whitesmoke\:55 { color: hsl(var(--sf-c-txt-whitesmoke-55)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:60, html.auto .sf-c-txt-whitesmoke\:60 { color: hsl(var(--sf-c-txt-whitesmoke-60)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:65, html.auto .sf-c-txt-whitesmoke\:65 { color: hsl(var(--sf-c-txt-whitesmoke-65)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:70, html.auto .sf-c-txt-whitesmoke\:70 { color: hsl(var(--sf-c-txt-whitesmoke-70)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:75, html.auto .sf-c-txt-whitesmoke\:75 { color: hsl(var(--sf-c-txt-whitesmoke-75)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:80, html.auto .sf-c-txt-whitesmoke\:80 { color: hsl(var(--sf-c-txt-whitesmoke-80)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:85, html.auto .sf-c-txt-whitesmoke\:85 { color: hsl(var(--sf-c-txt-whitesmoke-85)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:90, html.auto .sf-c-txt-whitesmoke\:90 { color: hsl(var(--sf-c-txt-whitesmoke-90)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:95, html.auto .sf-c-txt-whitesmoke\:95 { color: hsl(var(--sf-c-txt-whitesmoke-95)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:100, html.auto .sf-c-txt-whitesmoke\:100 { color: hsl(var(--sf-c-txt-whitesmoke-100)) } + + html[data-theme='auto'] .sf-c-txt-whitesmoke\:dark, html.auto .sf-c-txt-whitesmoke\:dark { color: hsl(var(--sf-c-txt-whitesmoke)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:0\:dark, html.auto .sf-c-txt-whitesmoke\:0\:dark { color: hsl(var(--sf-c-txt-whitesmoke-0)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:5\:dark, html.auto .sf-c-txt-whitesmoke\:5\:dark { color: hsl(var(--sf-c-txt-whitesmoke-5)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:10\:dark, html.auto .sf-c-txt-whitesmoke\:10\:dark { color: hsl(var(--sf-c-txt-whitesmoke-10)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:15\:dark, html.auto .sf-c-txt-whitesmoke\:15\:dark { color: hsl(var(--sf-c-txt-whitesmoke-15)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:20\:dark, html.auto .sf-c-txt-whitesmoke\:20\:dark { color: hsl(var(--sf-c-txt-whitesmoke-20)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:25\:dark, html.auto .sf-c-txt-whitesmoke\:25\:dark { color: hsl(var(--sf-c-txt-whitesmoke-25)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:30\:dark, html.auto .sf-c-txt-whitesmoke\:30\:dark { color: hsl(var(--sf-c-txt-whitesmoke-30)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:35\:dark, html.auto .sf-c-txt-whitesmoke\:35\:dark { color: hsl(var(--sf-c-txt-whitesmoke-35)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:40\:dark, html.auto .sf-c-txt-whitesmoke\:40\:dark { color: hsl(var(--sf-c-txt-whitesmoke-40)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:45\:dark, html.auto .sf-c-txt-whitesmoke\:45\:dark { color: hsl(var(--sf-c-txt-whitesmoke-45)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:50\:dark, html.auto .sf-c-txt-whitesmoke\:50\:dark { color: hsl(var(--sf-c-txt-whitesmoke-50)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:55\:dark, html.auto .sf-c-txt-whitesmoke\:55\:dark { color: hsl(var(--sf-c-txt-whitesmoke-55)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:60\:dark, html.auto .sf-c-txt-whitesmoke\:60\:dark { color: hsl(var(--sf-c-txt-whitesmoke-60)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:65\:dark, html.auto .sf-c-txt-whitesmoke\:65\:dark { color: hsl(var(--sf-c-txt-whitesmoke-65)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:70\:dark, html.auto .sf-c-txt-whitesmoke\:70\:dark { color: hsl(var(--sf-c-txt-whitesmoke-70)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:75\:dark, html.auto .sf-c-txt-whitesmoke\:75\:dark { color: hsl(var(--sf-c-txt-whitesmoke-75)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:80\:dark, html.auto .sf-c-txt-whitesmoke\:80\:dark { color: hsl(var(--sf-c-txt-whitesmoke-80)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:85\:dark, html.auto .sf-c-txt-whitesmoke\:85\:dark { color: hsl(var(--sf-c-txt-whitesmoke-85)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:90\:dark, html.auto .sf-c-txt-whitesmoke\:90\:dark { color: hsl(var(--sf-c-txt-whitesmoke-90)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:95\:dark, html.auto .sf-c-txt-whitesmoke\:95\:dark { color: hsl(var(--sf-c-txt-whitesmoke-95)) } + html[data-theme='auto'] .sf-c-txt-whitesmoke\:100\:dark, html.auto .sf-c-txt-whitesmoke\:100\:dark { color: hsl(var(--sf-c-txt-whitesmoke-100)) } + html.var[data-theme='auto'] .sf-c-whitesmoke, html.var.auto .sf-c-whitesmoke { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 4%) } html.var[data-theme='auto'] .sf-c-whitesmoke\:0, html.var.auto .sf-c-whitesmoke\:0 { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 100%) } html.var[data-theme='auto'] .sf-c-whitesmoke\:5, html.var.auto .sf-c-whitesmoke\:5 { color: hsl(0, 0%, 5%); background: hsl(0, 0%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-whitesmoke\:100\:dark, html.var.dark .sf-c-whi html.var[data-theme='auto'] .sf-c-whitesmoke\:90\:dark, html.var.auto .sf-c-whitesmoke\:90\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 10%) } html.var[data-theme='auto'] .sf-c-whitesmoke\:95\:dark, html.var.auto .sf-c-whitesmoke\:95\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 5%) } html.var[data-theme='auto'] .sf-c-whitesmoke\:100\:dark, html.var.auto .sf-c-whitesmoke\:100\:dark { color: hsl(0, 0%, 95%); background: hsl(0, 0%, 0%) } -} -.sf-c-txt-whitesmoke { color: hsl(var(--sf-c-txt-whitesmoke)) } -.sf-c-txt-whitesmoke\:0 { color: hsl(var(--sf-c-txt-whitesmoke-0)) } -.sf-c-txt-whitesmoke\:5 { color: hsl(var(--sf-c-txt-whitesmoke-5)) } -.sf-c-txt-whitesmoke\:10 { color: hsl(var(--sf-c-txt-whitesmoke-10)) } -.sf-c-txt-whitesmoke\:15 { color: hsl(var(--sf-c-txt-whitesmoke-15)) } -.sf-c-txt-whitesmoke\:20 { color: hsl(var(--sf-c-txt-whitesmoke-20)) } -.sf-c-txt-whitesmoke\:25 { color: hsl(var(--sf-c-txt-whitesmoke-25)) } -.sf-c-txt-whitesmoke\:30 { color: hsl(var(--sf-c-txt-whitesmoke-30)) } -.sf-c-txt-whitesmoke\:35 { color: hsl(var(--sf-c-txt-whitesmoke-35)) } -.sf-c-txt-whitesmoke\:40 { color: hsl(var(--sf-c-txt-whitesmoke-40)) } -.sf-c-txt-whitesmoke\:45 { color: hsl(var(--sf-c-txt-whitesmoke-45)) } -.sf-c-txt-whitesmoke\:50 { color: hsl(var(--sf-c-txt-whitesmoke-50)) } -.sf-c-txt-whitesmoke\:55 { color: hsl(var(--sf-c-txt-whitesmoke-55)) } -.sf-c-txt-whitesmoke\:60 { color: hsl(var(--sf-c-txt-whitesmoke-60)) } -.sf-c-txt-whitesmoke\:65 { color: hsl(var(--sf-c-txt-whitesmoke-65)) } -.sf-c-txt-whitesmoke\:70 { color: hsl(var(--sf-c-txt-whitesmoke-70)) } -.sf-c-txt-whitesmoke\:75 { color: hsl(var(--sf-c-txt-whitesmoke-75)) } -.sf-c-txt-whitesmoke\:80 { color: hsl(var(--sf-c-txt-whitesmoke-80)) } -.sf-c-txt-whitesmoke\:85 { color: hsl(var(--sf-c-txt-whitesmoke-85)) } -.sf-c-txt-whitesmoke\:90 { color: hsl(var(--sf-c-txt-whitesmoke-90)) } -.sf-c-txt-whitesmoke\:95 { color: hsl(var(--sf-c-txt-whitesmoke-95)) } -.sf-c-txt-whitesmoke\:100 { color: hsl(var(--sf-c-txt-whitesmoke-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-whitesmoke, html.auto .sf-c-txt-whitesmoke { color: hsl(0, 0%, 96%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:0, html.auto .sf-c-txt-whitesmoke\:0 { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:5, html.auto .sf-c-txt-whitesmoke\:5 { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:10, html.auto .sf-c-txt-whitesmoke\:10 { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:15, html.auto .sf-c-txt-whitesmoke\:15 { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:20, html.auto .sf-c-txt-whitesmoke\:20 { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:25, html.auto .sf-c-txt-whitesmoke\:25 { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:30, html.auto .sf-c-txt-whitesmoke\:30 { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:35, html.auto .sf-c-txt-whitesmoke\:35 { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:40, html.auto .sf-c-txt-whitesmoke\:40 { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:45, html.auto .sf-c-txt-whitesmoke\:45 { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:50, html.auto .sf-c-txt-whitesmoke\:50 { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:55, html.auto .sf-c-txt-whitesmoke\:55 { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:60, html.auto .sf-c-txt-whitesmoke\:60 { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:65, html.auto .sf-c-txt-whitesmoke\:65 { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:70, html.auto .sf-c-txt-whitesmoke\:70 { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:75, html.auto .sf-c-txt-whitesmoke\:75 { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:80, html.auto .sf-c-txt-whitesmoke\:80 { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:85, html.auto .sf-c-txt-whitesmoke\:85 { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:90, html.auto .sf-c-txt-whitesmoke\:90 { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:95, html.auto .sf-c-txt-whitesmoke\:95 { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:100, html.auto .sf-c-txt-whitesmoke\:100 { color: hsl(0, 0%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:dark, html.auto .sf-c-txt-whitesmoke\:dark { color: hsl(0, 0%, 96%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:0\:dark, html.auto .sf-c-txt-whitesmoke\:0\:dark { color: hsl(0, 0%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:5\:dark, html.auto .sf-c-txt-whitesmoke\:5\:dark { color: hsl(0, 0%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:10\:dark, html.auto .sf-c-txt-whitesmoke\:10\:dark { color: hsl(0, 0%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:15\:dark, html.auto .sf-c-txt-whitesmoke\:15\:dark { color: hsl(0, 0%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:20\:dark, html.auto .sf-c-txt-whitesmoke\:20\:dark { color: hsl(0, 0%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:25\:dark, html.auto .sf-c-txt-whitesmoke\:25\:dark { color: hsl(0, 0%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:30\:dark, html.auto .sf-c-txt-whitesmoke\:30\:dark { color: hsl(0, 0%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:35\:dark, html.auto .sf-c-txt-whitesmoke\:35\:dark { color: hsl(0, 0%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:40\:dark, html.auto .sf-c-txt-whitesmoke\:40\:dark { color: hsl(0, 0%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:45\:dark, html.auto .sf-c-txt-whitesmoke\:45\:dark { color: hsl(0, 0%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:50\:dark, html.auto .sf-c-txt-whitesmoke\:50\:dark { color: hsl(0, 0%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:55\:dark, html.auto .sf-c-txt-whitesmoke\:55\:dark { color: hsl(0, 0%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:60\:dark, html.auto .sf-c-txt-whitesmoke\:60\:dark { color: hsl(0, 0%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:65\:dark, html.auto .sf-c-txt-whitesmoke\:65\:dark { color: hsl(0, 0%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:70\:dark, html.auto .sf-c-txt-whitesmoke\:70\:dark { color: hsl(0, 0%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:75\:dark, html.auto .sf-c-txt-whitesmoke\:75\:dark { color: hsl(0, 0%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:80\:dark, html.auto .sf-c-txt-whitesmoke\:80\:dark { color: hsl(0, 0%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:85\:dark, html.auto .sf-c-txt-whitesmoke\:85\:dark { color: hsl(0, 0%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:90\:dark, html.auto .sf-c-txt-whitesmoke\:90\:dark { color: hsl(0, 0%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:95\:dark, html.auto .sf-c-txt-whitesmoke\:95\:dark { color: hsl(0, 0%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-whitesmoke\:100\:dark, html.auto .sf-c-txt-whitesmoke\:100\:dark { color: hsl(0, 0%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/yellow.css b/src/colors/20/yellow.css index 08edceb..97f73f5 100644 --- a/src/colors/20/yellow.css +++ b/src/colors/20/yellow.css @@ -138,6 +138,52 @@ html.var .sf-c-yellow\:90 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, html.var .sf-c-yellow\:95 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } html.var .sf-c-yellow\:100 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 100%) } +.sf-c-txt-yellow { color: hsl(var(--sf-dark-c-txt-yellow)) } +.sf-c-txt-yellow\:0 { color: hsl(var(--sf-dark-c-txt-yellow-100)) } +.sf-c-txt-yellow\:5 { color: hsl(var(--sf-dark-c-txt-yellow-95)) } +.sf-c-txt-yellow\:10 { color: hsl(var(--sf-dark-c-txt-yellow-90)) } +.sf-c-txt-yellow\:15 { color: hsl(var(--sf-dark-c-txt-yellow-85)) } +.sf-c-txt-yellow\:20 { color: hsl(var(--sf-dark-c-txt-yellow-80)) } +.sf-c-txt-yellow\:25 { color: hsl(var(--sf-dark-c-txt-yellow-75)) } +.sf-c-txt-yellow\:30 { color: hsl(var(--sf-dark-c-txt-yellow-70)) } +.sf-c-txt-yellow\:35 { color: hsl(var(--sf-dark-c-txt-yellow-65)) } +.sf-c-txt-yellow\:40 { color: hsl(var(--sf-dark-c-txt-yellow-60)) } +.sf-c-txt-yellow\:45 { color: hsl(var(--sf-dark-c-txt-yellow-55)) } +.sf-c-txt-yellow\:50 { color: hsl(var(--sf-dark-c-txt-yellow-50)) } +.sf-c-txt-yellow\:55 { color: hsl(var(--sf-dark-c-txt-yellow-45)) } +.sf-c-txt-yellow\:60 { color: hsl(var(--sf-dark-c-txt-yellow-40)) } +.sf-c-txt-yellow\:65 { color: hsl(var(--sf-dark-c-txt-yellow-35)) } +.sf-c-txt-yellow\:70 { color: hsl(var(--sf-dark-c-txt-yellow-30)) } +.sf-c-txt-yellow\:75 { color: hsl(var(--sf-dark-c-txt-yellow-25)) } +.sf-c-txt-yellow\:80 { color: hsl(var(--sf-dark-c-txt-yellow-20)) } +.sf-c-txt-yellow\:85 { color: hsl(var(--sf-dark-c-txt-yellow-15)) } +.sf-c-txt-yellow\:90 { color: hsl(var(--sf-dark-c-txt-yellow-10)) } +.sf-c-txt-yellow\:95 { color: hsl(var(--sf-dark-c-txt-yellow-5)) } +.sf-c-txt-yellow\:100 { color: hsl(var(--sf-dark-c-txt-yellow-0)) } + +html.var .sf-c-txt-yellow { color: hsl(60, 100%, 50%) } +html.var .sf-c-txt-yellow\:0 { color: hsl(60, 100%, 100%) } +html.var .sf-c-txt-yellow\:5 { color: hsl(60, 100%, 95%) } +html.var .sf-c-txt-yellow\:10 { color: hsl(60, 100%, 90%) } +html.var .sf-c-txt-yellow\:15 { color: hsl(60, 100%, 85%) } +html.var .sf-c-txt-yellow\:20 { color: hsl(60, 100%, 80%) } +html.var .sf-c-txt-yellow\:25 { color: hsl(60, 100%, 75%) } +html.var .sf-c-txt-yellow\:30 { color: hsl(60, 100%, 70%) } +html.var .sf-c-txt-yellow\:35 { color: hsl(60, 100%, 65%) } +html.var .sf-c-txt-yellow\:40 { color: hsl(60, 100%, 60%) } +html.var .sf-c-txt-yellow\:45 { color: hsl(60, 100%, 55%) } +html.var .sf-c-txt-yellow\:50 { color: hsl(60, 100%, 50%) } +html.var .sf-c-txt-yellow\:55 { color: hsl(60, 100%, 45%) } +html.var .sf-c-txt-yellow\:60 { color: hsl(60, 100%, 40%) } +html.var .sf-c-txt-yellow\:65 { color: hsl(60, 100%, 35%) } +html.var .sf-c-txt-yellow\:70 { color: hsl(60, 100%, 30%) } +html.var .sf-c-txt-yellow\:75 { color: hsl(60, 100%, 25%) } +html.var .sf-c-txt-yellow\:80 { color: hsl(60, 100%, 20%) } +html.var .sf-c-txt-yellow\:85 { color: hsl(60, 100%, 15%) } +html.var .sf-c-txt-yellow\:90 { color: hsl(60, 100%, 10%) } +html.var .sf-c-txt-yellow\:95 { color: hsl(60, 100%, 5%) } +html.var .sf-c-txt-yellow\:100 { color: hsl(60, 100%, 0%) } + html[data-theme='dark'] .sf-c-yellow, html.dark .sf-c-yellow { color: hsl(var(--sf-dark-c-txt-yellow-5)); background: hsl(var(--sf-dark-c-yellow)) } html[data-theme='dark'] .sf-c-yellow\:0, html.dark .sf-c-yellow\:0 { color: hsl(var(--sf-dark-c-txt-yellow-95)); background: hsl(var(--sf-dark-c-yellow-100)) } html[data-theme='dark'] .sf-c-yellow\:5, html.dark .sf-c-yellow\:5 { color: hsl(var(--sf-dark-c-txt-yellow-5)); background: hsl(var(--sf-dark-c-yellow-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-yellow\:90\:dark, html.dark .sf-c-yellow\:90\:dark html[data-theme='dark'] .sf-c-yellow\:95\:dark, html.dark .sf-c-yellow\:95\:dark { color: hsl(var(--sf-c-txt-yellow-95)); background: hsl(var(--sf-c-yellow-5)) } html[data-theme='dark'] .sf-c-yellow\:100\:dark, html.dark .sf-c-yellow\:100\:dark { color: hsl(var(--sf-c-txt-yellow-95)); background: hsl(var(--sf-c-yellow-0)) } +html[data-theme='dark'] .sf-c-txt-yellow, html.dark .sf-c-txt-yellow { color: hsl(var(--sf-c-txt-yellow)) } +html[data-theme='dark'] .sf-c-txt-yellow\:0, html.dark .sf-c-txt-yellow\:0 { color: hsl(var(--sf-c-txt-yellow-0)) } +html[data-theme='dark'] .sf-c-txt-yellow\:5, html.dark .sf-c-txt-yellow\:5 { color: hsl(var(--sf-c-txt-yellow-5)) } +html[data-theme='dark'] .sf-c-txt-yellow\:10, html.dark .sf-c-txt-yellow\:10 { color: hsl(var(--sf-c-txt-yellow-10)) } +html[data-theme='dark'] .sf-c-txt-yellow\:15, html.dark .sf-c-txt-yellow\:15 { color: hsl(var(--sf-c-txt-yellow-15)) } +html[data-theme='dark'] .sf-c-txt-yellow\:20, html.dark .sf-c-txt-yellow\:20 { color: hsl(var(--sf-c-txt-yellow-20)) } +html[data-theme='dark'] .sf-c-txt-yellow\:25, html.dark .sf-c-txt-yellow\:25 { color: hsl(var(--sf-c-txt-yellow-25)) } +html[data-theme='dark'] .sf-c-txt-yellow\:30, html.dark .sf-c-txt-yellow\:30 { color: hsl(var(--sf-c-txt-yellow-30)) } +html[data-theme='dark'] .sf-c-txt-yellow\:35, html.dark .sf-c-txt-yellow\:35 { color: hsl(var(--sf-c-txt-yellow-35)) } +html[data-theme='dark'] .sf-c-txt-yellow\:40, html.dark .sf-c-txt-yellow\:40 { color: hsl(var(--sf-c-txt-yellow-40)) } +html[data-theme='dark'] .sf-c-txt-yellow\:45, html.dark .sf-c-txt-yellow\:45 { color: hsl(var(--sf-c-txt-yellow-45)) } +html[data-theme='dark'] .sf-c-txt-yellow\:50, html.dark .sf-c-txt-yellow\:50 { color: hsl(var(--sf-c-txt-yellow-50)) } +html[data-theme='dark'] .sf-c-txt-yellow\:55, html.dark .sf-c-txt-yellow\:55 { color: hsl(var(--sf-c-txt-yellow-55)) } +html[data-theme='dark'] .sf-c-txt-yellow\:60, html.dark .sf-c-txt-yellow\:60 { color: hsl(var(--sf-c-txt-yellow-60)) } +html[data-theme='dark'] .sf-c-txt-yellow\:65, html.dark .sf-c-txt-yellow\:65 { color: hsl(var(--sf-c-txt-yellow-65)) } +html[data-theme='dark'] .sf-c-txt-yellow\:70, html.dark .sf-c-txt-yellow\:70 { color: hsl(var(--sf-c-txt-yellow-70)) } +html[data-theme='dark'] .sf-c-txt-yellow\:75, html.dark .sf-c-txt-yellow\:75 { color: hsl(var(--sf-c-txt-yellow-75)) } +html[data-theme='dark'] .sf-c-txt-yellow\:80, html.dark .sf-c-txt-yellow\:80 { color: hsl(var(--sf-c-txt-yellow-80)) } +html[data-theme='dark'] .sf-c-txt-yellow\:85, html.dark .sf-c-txt-yellow\:85 { color: hsl(var(--sf-c-txt-yellow-85)) } +html[data-theme='dark'] .sf-c-txt-yellow\:90, html.dark .sf-c-txt-yellow\:90 { color: hsl(var(--sf-c-txt-yellow-90)) } +html[data-theme='dark'] .sf-c-txt-yellow\:95, html.dark .sf-c-txt-yellow\:95 { color: hsl(var(--sf-c-txt-yellow-95)) } +html[data-theme='dark'] .sf-c-txt-yellow\:100, html.dark .sf-c-txt-yellow\:100 { color: hsl(var(--sf-c-txt-yellow-100)) } + +html[data-theme='dark'] .sf-c-txt-yellow\:dark, html.dark .sf-c-txt-yellow\:dark { color: hsl(var(--sf-c-txt-yellow)) } +html[data-theme='dark'] .sf-c-txt-yellow\:0\:dark, html.dark .sf-c-txt-yellow\:0\:dark { color: hsl(var(--sf-dark-c-txt-yellow-0)) } +html[data-theme='dark'] .sf-c-txt-yellow\:5\:dark, html.dark .sf-c-txt-yellow\:5\:dark { color: hsl(var(--sf-dark-c-txt-yellow-5)) } +html[data-theme='dark'] .sf-c-txt-yellow\:10\:dark, html.dark .sf-c-txt-yellow\:10\:dark { color: hsl(var(--sf-dark-c-txt-yellow-10)) } +html[data-theme='dark'] .sf-c-txt-yellow\:15\:dark, html.dark .sf-c-txt-yellow\:15\:dark { color: hsl(var(--sf-dark-c-txt-yellow-15)) } +html[data-theme='dark'] .sf-c-txt-yellow\:20\:dark, html.dark .sf-c-txt-yellow\:20\:dark { color: hsl(var(--sf-dark-c-txt-yellow-20)) } +html[data-theme='dark'] .sf-c-txt-yellow\:25\:dark, html.dark .sf-c-txt-yellow\:25\:dark { color: hsl(var(--sf-dark-c-txt-yellow-25)) } +html[data-theme='dark'] .sf-c-txt-yellow\:30\:dark, html.dark .sf-c-txt-yellow\:30\:dark { color: hsl(var(--sf-dark-c-txt-yellow-30)) } +html[data-theme='dark'] .sf-c-txt-yellow\:35\:dark, html.dark .sf-c-txt-yellow\:35\:dark { color: hsl(var(--sf-dark-c-txt-yellow-35)) } +html[data-theme='dark'] .sf-c-txt-yellow\:40\:dark, html.dark .sf-c-txt-yellow\:40\:dark { color: hsl(var(--sf-dark-c-txt-yellow-40)) } +html[data-theme='dark'] .sf-c-txt-yellow\:45\:dark, html.dark .sf-c-txt-yellow\:45\:dark { color: hsl(var(--sf-dark-c-txt-yellow-45)) } +html[data-theme='dark'] .sf-c-txt-yellow\:50\:dark, html.dark .sf-c-txt-yellow\:50\:dark { color: hsl(var(--sf-dark-c-txt-yellow-50)) } +html[data-theme='dark'] .sf-c-txt-yellow\:55\:dark, html.dark .sf-c-txt-yellow\:55\:dark { color: hsl(var(--sf-dark-c-txt-yellow-55)) } +html[data-theme='dark'] .sf-c-txt-yellow\:60\:dark, html.dark .sf-c-txt-yellow\:60\:dark { color: hsl(var(--sf-dark-c-txt-yellow-60)) } +html[data-theme='dark'] .sf-c-txt-yellow\:65\:dark, html.dark .sf-c-txt-yellow\:65\:dark { color: hsl(var(--sf-dark-c-txt-yellow-65)) } +html[data-theme='dark'] .sf-c-txt-yellow\:70\:dark, html.dark .sf-c-txt-yellow\:70\:dark { color: hsl(var(--sf-dark-c-txt-yellow-70)) } +html[data-theme='dark'] .sf-c-txt-yellow\:75\:dark, html.dark .sf-c-txt-yellow\:75\:dark { color: hsl(var(--sf-dark-c-txt-yellow-75)) } +html[data-theme='dark'] .sf-c-txt-yellow\:80\:dark, html.dark .sf-c-txt-yellow\:80\:dark { color: hsl(var(--sf-dark-c-txt-yellow-80)) } +html[data-theme='dark'] .sf-c-txt-yellow\:85\:dark, html.dark .sf-c-txt-yellow\:85\:dark { color: hsl(var(--sf-dark-c-txt-yellow-85)) } +html[data-theme='dark'] .sf-c-txt-yellow\:90\:dark, html.dark .sf-c-txt-yellow\:90\:dark { color: hsl(var(--sf-dark-c-txt-yellow-90)) } +html[data-theme='dark'] .sf-c-txt-yellow\:95\:dark, html.dark .sf-c-txt-yellow\:95\:dark { color: hsl(var(--sf-dark-c-txt-yellow-95)) } +html[data-theme='dark'] .sf-c-txt-yellow\:100\:dark, html.dark .sf-c-txt-yellow\:100\:dark { color: hsl(var(--sf-dark-c-txt-yellow-100)) } + html.var[data-theme='dark'] .sf-c-yellow, html.var.dark .sf-c-yellow { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } html.var[data-theme='dark'] .sf-c-yellow\:0, html.var.dark .sf-c-yellow\:0 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 100%) } html.var[data-theme='dark'] .sf-c-yellow\:5, html.var.dark .sf-c-yellow\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-yellow\:90\:dark, html.var.dark .sf-c-yellow\: html.var[data-theme='dark'] .sf-c-yellow\:95\:dark, html.var.dark .sf-c-yellow\:95\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } html.var[data-theme='dark'] .sf-c-yellow\:100\:dark, html.var.dark .sf-c-yellow\:100\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-yellow, html.dark .sf-c-txt-yellow { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:0, html.dark .sf-c-txt-yellow\:0 { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:5, html.dark .sf-c-txt-yellow\:5 { color: hsl(60, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:10, html.dark .sf-c-txt-yellow\:10 { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:15, html.dark .sf-c-txt-yellow\:15 { color: hsl(60, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:20, html.dark .sf-c-txt-yellow\:20 { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:25, html.dark .sf-c-txt-yellow\:25 { color: hsl(60, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:30, html.dark .sf-c-txt-yellow\:30 { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:35, html.dark .sf-c-txt-yellow\:35 { color: hsl(60, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:40, html.dark .sf-c-txt-yellow\:40 { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:45, html.dark .sf-c-txt-yellow\:45 { color: hsl(60, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:50, html.dark .sf-c-txt-yellow\:50 { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:55, html.dark .sf-c-txt-yellow\:55 { color: hsl(60, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:60, html.dark .sf-c-txt-yellow\:60 { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:65, html.dark .sf-c-txt-yellow\:65 { color: hsl(60, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:70, html.dark .sf-c-txt-yellow\:70 { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:75, html.dark .sf-c-txt-yellow\:75 { color: hsl(60, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:80, html.dark .sf-c-txt-yellow\:80 { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:85, html.dark .sf-c-txt-yellow\:85 { color: hsl(60, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:90, html.dark .sf-c-txt-yellow\:90 { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:95, html.dark .sf-c-txt-yellow\:95 { color: hsl(60, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:100, html.dark .sf-c-txt-yellow\:100 { color: hsl(60, 100%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-yellow\:dark, html.dark .sf-c-txt-yellow\:dark { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:0\:dark, html.dark .sf-c-txt-yellow\:0\:dark { color: hsl(60, 100%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:5\:dark, html.dark .sf-c-txt-yellow\:5\:dark { color: hsl(60, 100%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:10\:dark, html.dark .sf-c-txt-yellow\:10\:dark { color: hsl(60, 100%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:15\:dark, html.dark .sf-c-txt-yellow\:15\:dark { color: hsl(60, 100%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:20\:dark, html.dark .sf-c-txt-yellow\:20\:dark { color: hsl(60, 100%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:25\:dark, html.dark .sf-c-txt-yellow\:25\:dark { color: hsl(60, 100%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:30\:dark, html.dark .sf-c-txt-yellow\:30\:dark { color: hsl(60, 100%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:35\:dark, html.dark .sf-c-txt-yellow\:35\:dark { color: hsl(60, 100%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:40\:dark, html.dark .sf-c-txt-yellow\:40\:dark { color: hsl(60, 100%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:45\:dark, html.dark .sf-c-txt-yellow\:45\:dark { color: hsl(60, 100%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:50\:dark, html.dark .sf-c-txt-yellow\:50\:dark { color: hsl(60, 100%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:55\:dark, html.dark .sf-c-txt-yellow\:55\:dark { color: hsl(60, 100%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:60\:dark, html.dark .sf-c-txt-yellow\:60\:dark { color: hsl(60, 100%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:65\:dark, html.dark .sf-c-txt-yellow\:65\:dark { color: hsl(60, 100%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:70\:dark, html.dark .sf-c-txt-yellow\:70\:dark { color: hsl(60, 100%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:75\:dark, html.dark .sf-c-txt-yellow\:75\:dark { color: hsl(60, 100%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:80\:dark, html.dark .sf-c-txt-yellow\:80\:dark { color: hsl(60, 100%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:85\:dark, html.dark .sf-c-txt-yellow\:85\:dark { color: hsl(60, 100%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:90\:dark, html.dark .sf-c-txt-yellow\:90\:dark { color: hsl(60, 100%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:95\:dark, html.dark .sf-c-txt-yellow\:95\:dark { color: hsl(60, 100%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-yellow\:100\:dark, html.dark .sf-c-txt-yellow\:100\:dark { color: hsl(60, 100%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-yellow, html.auto .sf-c-yellow { color: hsl(var(--sf-dark-c-txt-yellow-5)); background: hsl(var(--sf-dark-c-yellow)) } html[data-theme='auto'] .sf-c-yellow\:0, html.auto .sf-c-yellow\:0 { color: hsl(var(--sf-dark-c-txt-yellow-95)); background: hsl(var(--sf-dark-c-yellow-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-yellow\:100\:dark, html.var.dark .sf-c-yellow\ html[data-theme='auto'] .sf-c-yellow\:95\:dark, html.auto .sf-c-yellow\:95\:dark { color: hsl(var(--sf-c-txt-yellow-95)); background: hsl(var(--sf-c-yellow-5)) } html[data-theme='auto'] .sf-c-yellow\:100\:dark, html.auto .sf-c-yellow\:100\:dark { color: hsl(var(--sf-c-txt-yellow-95)); background: hsl(var(--sf-c-yellow-0)) } + html[data-theme='auto'] .sf-c-txt-yellow, html.auto .sf-c-txt-yellow { color: hsl(var(--sf-c-txt-yellow)) } + html[data-theme='auto'] .sf-c-txt-yellow\:0, html.auto .sf-c-txt-yellow\:0 { color: hsl(var(--sf-c-txt-yellow-0)) } + html[data-theme='auto'] .sf-c-txt-yellow\:5, html.auto .sf-c-txt-yellow\:5 { color: hsl(var(--sf-c-txt-yellow-5)) } + html[data-theme='auto'] .sf-c-txt-yellow\:10, html.auto .sf-c-txt-yellow\:10 { color: hsl(var(--sf-c-txt-yellow-10)) } + html[data-theme='auto'] .sf-c-txt-yellow\:15, html.auto .sf-c-txt-yellow\:15 { color: hsl(var(--sf-c-txt-yellow-15)) } + html[data-theme='auto'] .sf-c-txt-yellow\:20, html.auto .sf-c-txt-yellow\:20 { color: hsl(var(--sf-c-txt-yellow-20)) } + html[data-theme='auto'] .sf-c-txt-yellow\:25, html.auto .sf-c-txt-yellow\:25 { color: hsl(var(--sf-c-txt-yellow-25)) } + html[data-theme='auto'] .sf-c-txt-yellow\:30, html.auto .sf-c-txt-yellow\:30 { color: hsl(var(--sf-c-txt-yellow-30)) } + html[data-theme='auto'] .sf-c-txt-yellow\:35, html.auto .sf-c-txt-yellow\:35 { color: hsl(var(--sf-c-txt-yellow-35)) } + html[data-theme='auto'] .sf-c-txt-yellow\:40, html.auto .sf-c-txt-yellow\:40 { color: hsl(var(--sf-c-txt-yellow-40)) } + html[data-theme='auto'] .sf-c-txt-yellow\:45, html.auto .sf-c-txt-yellow\:45 { color: hsl(var(--sf-c-txt-yellow-45)) } + html[data-theme='auto'] .sf-c-txt-yellow\:50, html.auto .sf-c-txt-yellow\:50 { color: hsl(var(--sf-c-txt-yellow-50)) } + html[data-theme='auto'] .sf-c-txt-yellow\:55, html.auto .sf-c-txt-yellow\:55 { color: hsl(var(--sf-c-txt-yellow-55)) } + html[data-theme='auto'] .sf-c-txt-yellow\:60, html.auto .sf-c-txt-yellow\:60 { color: hsl(var(--sf-c-txt-yellow-60)) } + html[data-theme='auto'] .sf-c-txt-yellow\:65, html.auto .sf-c-txt-yellow\:65 { color: hsl(var(--sf-c-txt-yellow-65)) } + html[data-theme='auto'] .sf-c-txt-yellow\:70, html.auto .sf-c-txt-yellow\:70 { color: hsl(var(--sf-c-txt-yellow-70)) } + html[data-theme='auto'] .sf-c-txt-yellow\:75, html.auto .sf-c-txt-yellow\:75 { color: hsl(var(--sf-c-txt-yellow-75)) } + html[data-theme='auto'] .sf-c-txt-yellow\:80, html.auto .sf-c-txt-yellow\:80 { color: hsl(var(--sf-c-txt-yellow-80)) } + html[data-theme='auto'] .sf-c-txt-yellow\:85, html.auto .sf-c-txt-yellow\:85 { color: hsl(var(--sf-c-txt-yellow-85)) } + html[data-theme='auto'] .sf-c-txt-yellow\:90, html.auto .sf-c-txt-yellow\:90 { color: hsl(var(--sf-c-txt-yellow-90)) } + html[data-theme='auto'] .sf-c-txt-yellow\:95, html.auto .sf-c-txt-yellow\:95 { color: hsl(var(--sf-c-txt-yellow-95)) } + html[data-theme='auto'] .sf-c-txt-yellow\:100, html.auto .sf-c-txt-yellow\:100 { color: hsl(var(--sf-c-txt-yellow-100)) } + + html[data-theme='auto'] .sf-c-txt-yellow\:dark, html.auto .sf-c-txt-yellow\:dark { color: hsl(var(--sf-c-txt-yellow)) } + html[data-theme='auto'] .sf-c-txt-yellow\:0\:dark, html.auto .sf-c-txt-yellow\:0\:dark { color: hsl(var(--sf-c-txt-yellow-0)) } + html[data-theme='auto'] .sf-c-txt-yellow\:5\:dark, html.auto .sf-c-txt-yellow\:5\:dark { color: hsl(var(--sf-c-txt-yellow-5)) } + html[data-theme='auto'] .sf-c-txt-yellow\:10\:dark, html.auto .sf-c-txt-yellow\:10\:dark { color: hsl(var(--sf-c-txt-yellow-10)) } + html[data-theme='auto'] .sf-c-txt-yellow\:15\:dark, html.auto .sf-c-txt-yellow\:15\:dark { color: hsl(var(--sf-c-txt-yellow-15)) } + html[data-theme='auto'] .sf-c-txt-yellow\:20\:dark, html.auto .sf-c-txt-yellow\:20\:dark { color: hsl(var(--sf-c-txt-yellow-20)) } + html[data-theme='auto'] .sf-c-txt-yellow\:25\:dark, html.auto .sf-c-txt-yellow\:25\:dark { color: hsl(var(--sf-c-txt-yellow-25)) } + html[data-theme='auto'] .sf-c-txt-yellow\:30\:dark, html.auto .sf-c-txt-yellow\:30\:dark { color: hsl(var(--sf-c-txt-yellow-30)) } + html[data-theme='auto'] .sf-c-txt-yellow\:35\:dark, html.auto .sf-c-txt-yellow\:35\:dark { color: hsl(var(--sf-c-txt-yellow-35)) } + html[data-theme='auto'] .sf-c-txt-yellow\:40\:dark, html.auto .sf-c-txt-yellow\:40\:dark { color: hsl(var(--sf-c-txt-yellow-40)) } + html[data-theme='auto'] .sf-c-txt-yellow\:45\:dark, html.auto .sf-c-txt-yellow\:45\:dark { color: hsl(var(--sf-c-txt-yellow-45)) } + html[data-theme='auto'] .sf-c-txt-yellow\:50\:dark, html.auto .sf-c-txt-yellow\:50\:dark { color: hsl(var(--sf-c-txt-yellow-50)) } + html[data-theme='auto'] .sf-c-txt-yellow\:55\:dark, html.auto .sf-c-txt-yellow\:55\:dark { color: hsl(var(--sf-c-txt-yellow-55)) } + html[data-theme='auto'] .sf-c-txt-yellow\:60\:dark, html.auto .sf-c-txt-yellow\:60\:dark { color: hsl(var(--sf-c-txt-yellow-60)) } + html[data-theme='auto'] .sf-c-txt-yellow\:65\:dark, html.auto .sf-c-txt-yellow\:65\:dark { color: hsl(var(--sf-c-txt-yellow-65)) } + html[data-theme='auto'] .sf-c-txt-yellow\:70\:dark, html.auto .sf-c-txt-yellow\:70\:dark { color: hsl(var(--sf-c-txt-yellow-70)) } + html[data-theme='auto'] .sf-c-txt-yellow\:75\:dark, html.auto .sf-c-txt-yellow\:75\:dark { color: hsl(var(--sf-c-txt-yellow-75)) } + html[data-theme='auto'] .sf-c-txt-yellow\:80\:dark, html.auto .sf-c-txt-yellow\:80\:dark { color: hsl(var(--sf-c-txt-yellow-80)) } + html[data-theme='auto'] .sf-c-txt-yellow\:85\:dark, html.auto .sf-c-txt-yellow\:85\:dark { color: hsl(var(--sf-c-txt-yellow-85)) } + html[data-theme='auto'] .sf-c-txt-yellow\:90\:dark, html.auto .sf-c-txt-yellow\:90\:dark { color: hsl(var(--sf-c-txt-yellow-90)) } + html[data-theme='auto'] .sf-c-txt-yellow\:95\:dark, html.auto .sf-c-txt-yellow\:95\:dark { color: hsl(var(--sf-c-txt-yellow-95)) } + html[data-theme='auto'] .sf-c-txt-yellow\:100\:dark, html.auto .sf-c-txt-yellow\:100\:dark { color: hsl(var(--sf-c-txt-yellow-100)) } + html.var[data-theme='auto'] .sf-c-yellow, html.var.auto .sf-c-yellow { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 50%) } html.var[data-theme='auto'] .sf-c-yellow\:0, html.var.auto .sf-c-yellow\:0 { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 100%) } html.var[data-theme='auto'] .sf-c-yellow\:5, html.var.auto .sf-c-yellow\:5 { color: hsl(60, 100%, 5%); background: hsl(60, 100%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-yellow\:100\:dark, html.var.dark .sf-c-yellow\ html.var[data-theme='auto'] .sf-c-yellow\:90\:dark, html.var.auto .sf-c-yellow\:90\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 10%) } html.var[data-theme='auto'] .sf-c-yellow\:95\:dark, html.var.auto .sf-c-yellow\:95\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 5%) } html.var[data-theme='auto'] .sf-c-yellow\:100\:dark, html.var.auto .sf-c-yellow\:100\:dark { color: hsl(60, 100%, 95%); background: hsl(60, 100%, 0%) } -} -.sf-c-txt-yellow { color: hsl(var(--sf-c-txt-yellow)) } -.sf-c-txt-yellow\:0 { color: hsl(var(--sf-c-txt-yellow-0)) } -.sf-c-txt-yellow\:5 { color: hsl(var(--sf-c-txt-yellow-5)) } -.sf-c-txt-yellow\:10 { color: hsl(var(--sf-c-txt-yellow-10)) } -.sf-c-txt-yellow\:15 { color: hsl(var(--sf-c-txt-yellow-15)) } -.sf-c-txt-yellow\:20 { color: hsl(var(--sf-c-txt-yellow-20)) } -.sf-c-txt-yellow\:25 { color: hsl(var(--sf-c-txt-yellow-25)) } -.sf-c-txt-yellow\:30 { color: hsl(var(--sf-c-txt-yellow-30)) } -.sf-c-txt-yellow\:35 { color: hsl(var(--sf-c-txt-yellow-35)) } -.sf-c-txt-yellow\:40 { color: hsl(var(--sf-c-txt-yellow-40)) } -.sf-c-txt-yellow\:45 { color: hsl(var(--sf-c-txt-yellow-45)) } -.sf-c-txt-yellow\:50 { color: hsl(var(--sf-c-txt-yellow-50)) } -.sf-c-txt-yellow\:55 { color: hsl(var(--sf-c-txt-yellow-55)) } -.sf-c-txt-yellow\:60 { color: hsl(var(--sf-c-txt-yellow-60)) } -.sf-c-txt-yellow\:65 { color: hsl(var(--sf-c-txt-yellow-65)) } -.sf-c-txt-yellow\:70 { color: hsl(var(--sf-c-txt-yellow-70)) } -.sf-c-txt-yellow\:75 { color: hsl(var(--sf-c-txt-yellow-75)) } -.sf-c-txt-yellow\:80 { color: hsl(var(--sf-c-txt-yellow-80)) } -.sf-c-txt-yellow\:85 { color: hsl(var(--sf-c-txt-yellow-85)) } -.sf-c-txt-yellow\:90 { color: hsl(var(--sf-c-txt-yellow-90)) } -.sf-c-txt-yellow\:95 { color: hsl(var(--sf-c-txt-yellow-95)) } -.sf-c-txt-yellow\:100 { color: hsl(var(--sf-c-txt-yellow-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-yellow, html.auto .sf-c-txt-yellow { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:0, html.auto .sf-c-txt-yellow\:0 { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:5, html.auto .sf-c-txt-yellow\:5 { color: hsl(60, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:10, html.auto .sf-c-txt-yellow\:10 { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:15, html.auto .sf-c-txt-yellow\:15 { color: hsl(60, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:20, html.auto .sf-c-txt-yellow\:20 { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:25, html.auto .sf-c-txt-yellow\:25 { color: hsl(60, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:30, html.auto .sf-c-txt-yellow\:30 { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:35, html.auto .sf-c-txt-yellow\:35 { color: hsl(60, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:40, html.auto .sf-c-txt-yellow\:40 { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:45, html.auto .sf-c-txt-yellow\:45 { color: hsl(60, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:50, html.auto .sf-c-txt-yellow\:50 { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:55, html.auto .sf-c-txt-yellow\:55 { color: hsl(60, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:60, html.auto .sf-c-txt-yellow\:60 { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:65, html.auto .sf-c-txt-yellow\:65 { color: hsl(60, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:70, html.auto .sf-c-txt-yellow\:70 { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:75, html.auto .sf-c-txt-yellow\:75 { color: hsl(60, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:80, html.auto .sf-c-txt-yellow\:80 { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:85, html.auto .sf-c-txt-yellow\:85 { color: hsl(60, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:90, html.auto .sf-c-txt-yellow\:90 { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:95, html.auto .sf-c-txt-yellow\:95 { color: hsl(60, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:100, html.auto .sf-c-txt-yellow\:100 { color: hsl(60, 100%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-yellow\:dark, html.auto .sf-c-txt-yellow\:dark { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:0\:dark, html.auto .sf-c-txt-yellow\:0\:dark { color: hsl(60, 100%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:5\:dark, html.auto .sf-c-txt-yellow\:5\:dark { color: hsl(60, 100%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:10\:dark, html.auto .sf-c-txt-yellow\:10\:dark { color: hsl(60, 100%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:15\:dark, html.auto .sf-c-txt-yellow\:15\:dark { color: hsl(60, 100%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:20\:dark, html.auto .sf-c-txt-yellow\:20\:dark { color: hsl(60, 100%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:25\:dark, html.auto .sf-c-txt-yellow\:25\:dark { color: hsl(60, 100%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:30\:dark, html.auto .sf-c-txt-yellow\:30\:dark { color: hsl(60, 100%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:35\:dark, html.auto .sf-c-txt-yellow\:35\:dark { color: hsl(60, 100%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:40\:dark, html.auto .sf-c-txt-yellow\:40\:dark { color: hsl(60, 100%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:45\:dark, html.auto .sf-c-txt-yellow\:45\:dark { color: hsl(60, 100%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:50\:dark, html.auto .sf-c-txt-yellow\:50\:dark { color: hsl(60, 100%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:55\:dark, html.auto .sf-c-txt-yellow\:55\:dark { color: hsl(60, 100%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:60\:dark, html.auto .sf-c-txt-yellow\:60\:dark { color: hsl(60, 100%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:65\:dark, html.auto .sf-c-txt-yellow\:65\:dark { color: hsl(60, 100%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:70\:dark, html.auto .sf-c-txt-yellow\:70\:dark { color: hsl(60, 100%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:75\:dark, html.auto .sf-c-txt-yellow\:75\:dark { color: hsl(60, 100%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:80\:dark, html.auto .sf-c-txt-yellow\:80\:dark { color: hsl(60, 100%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:85\:dark, html.auto .sf-c-txt-yellow\:85\:dark { color: hsl(60, 100%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:90\:dark, html.auto .sf-c-txt-yellow\:90\:dark { color: hsl(60, 100%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:95\:dark, html.auto .sf-c-txt-yellow\:95\:dark { color: hsl(60, 100%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-yellow\:100\:dark, html.auto .sf-c-txt-yellow\:100\:dark { color: hsl(60, 100%, 100%) } +} \ No newline at end of file diff --git a/src/colors/20/yellowgreen.css b/src/colors/20/yellowgreen.css index ae64c8e..db8b95b 100644 --- a/src/colors/20/yellowgreen.css +++ b/src/colors/20/yellowgreen.css @@ -138,6 +138,52 @@ html.var .sf-c-yellowgreen\:90 { color: hsl(80, 61%, 5%); background: hsl(80, 61 html.var .sf-c-yellowgreen\:95 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 95%) } html.var .sf-c-yellowgreen\:100 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 100%) } +.sf-c-txt-yellowgreen { color: hsl(var(--sf-dark-c-txt-yellowgreen)) } +.sf-c-txt-yellowgreen\:0 { color: hsl(var(--sf-dark-c-txt-yellowgreen-100)) } +.sf-c-txt-yellowgreen\:5 { color: hsl(var(--sf-dark-c-txt-yellowgreen-95)) } +.sf-c-txt-yellowgreen\:10 { color: hsl(var(--sf-dark-c-txt-yellowgreen-90)) } +.sf-c-txt-yellowgreen\:15 { color: hsl(var(--sf-dark-c-txt-yellowgreen-85)) } +.sf-c-txt-yellowgreen\:20 { color: hsl(var(--sf-dark-c-txt-yellowgreen-80)) } +.sf-c-txt-yellowgreen\:25 { color: hsl(var(--sf-dark-c-txt-yellowgreen-75)) } +.sf-c-txt-yellowgreen\:30 { color: hsl(var(--sf-dark-c-txt-yellowgreen-70)) } +.sf-c-txt-yellowgreen\:35 { color: hsl(var(--sf-dark-c-txt-yellowgreen-65)) } +.sf-c-txt-yellowgreen\:40 { color: hsl(var(--sf-dark-c-txt-yellowgreen-60)) } +.sf-c-txt-yellowgreen\:45 { color: hsl(var(--sf-dark-c-txt-yellowgreen-55)) } +.sf-c-txt-yellowgreen\:50 { color: hsl(var(--sf-dark-c-txt-yellowgreen-50)) } +.sf-c-txt-yellowgreen\:55 { color: hsl(var(--sf-dark-c-txt-yellowgreen-45)) } +.sf-c-txt-yellowgreen\:60 { color: hsl(var(--sf-dark-c-txt-yellowgreen-40)) } +.sf-c-txt-yellowgreen\:65 { color: hsl(var(--sf-dark-c-txt-yellowgreen-35)) } +.sf-c-txt-yellowgreen\:70 { color: hsl(var(--sf-dark-c-txt-yellowgreen-30)) } +.sf-c-txt-yellowgreen\:75 { color: hsl(var(--sf-dark-c-txt-yellowgreen-25)) } +.sf-c-txt-yellowgreen\:80 { color: hsl(var(--sf-dark-c-txt-yellowgreen-20)) } +.sf-c-txt-yellowgreen\:85 { color: hsl(var(--sf-dark-c-txt-yellowgreen-15)) } +.sf-c-txt-yellowgreen\:90 { color: hsl(var(--sf-dark-c-txt-yellowgreen-10)) } +.sf-c-txt-yellowgreen\:95 { color: hsl(var(--sf-dark-c-txt-yellowgreen-5)) } +.sf-c-txt-yellowgreen\:100 { color: hsl(var(--sf-dark-c-txt-yellowgreen-0)) } + +html.var .sf-c-txt-yellowgreen { color: hsl(80, 61%, 50%) } +html.var .sf-c-txt-yellowgreen\:0 { color: hsl(80, 61%, 100%) } +html.var .sf-c-txt-yellowgreen\:5 { color: hsl(80, 61%, 95%) } +html.var .sf-c-txt-yellowgreen\:10 { color: hsl(80, 61%, 90%) } +html.var .sf-c-txt-yellowgreen\:15 { color: hsl(80, 61%, 85%) } +html.var .sf-c-txt-yellowgreen\:20 { color: hsl(80, 61%, 80%) } +html.var .sf-c-txt-yellowgreen\:25 { color: hsl(80, 61%, 75%) } +html.var .sf-c-txt-yellowgreen\:30 { color: hsl(80, 61%, 70%) } +html.var .sf-c-txt-yellowgreen\:35 { color: hsl(80, 61%, 65%) } +html.var .sf-c-txt-yellowgreen\:40 { color: hsl(80, 61%, 60%) } +html.var .sf-c-txt-yellowgreen\:45 { color: hsl(80, 61%, 55%) } +html.var .sf-c-txt-yellowgreen\:50 { color: hsl(80, 61%, 50%) } +html.var .sf-c-txt-yellowgreen\:55 { color: hsl(80, 61%, 45%) } +html.var .sf-c-txt-yellowgreen\:60 { color: hsl(80, 61%, 40%) } +html.var .sf-c-txt-yellowgreen\:65 { color: hsl(80, 61%, 35%) } +html.var .sf-c-txt-yellowgreen\:70 { color: hsl(80, 61%, 30%) } +html.var .sf-c-txt-yellowgreen\:75 { color: hsl(80, 61%, 25%) } +html.var .sf-c-txt-yellowgreen\:80 { color: hsl(80, 61%, 20%) } +html.var .sf-c-txt-yellowgreen\:85 { color: hsl(80, 61%, 15%) } +html.var .sf-c-txt-yellowgreen\:90 { color: hsl(80, 61%, 10%) } +html.var .sf-c-txt-yellowgreen\:95 { color: hsl(80, 61%, 5%) } +html.var .sf-c-txt-yellowgreen\:100 { color: hsl(80, 61%, 0%) } + html[data-theme='dark'] .sf-c-yellowgreen, html.dark .sf-c-yellowgreen { color: hsl(var(--sf-dark-c-txt-yellowgreen-5)); background: hsl(var(--sf-dark-c-yellowgreen)) } html[data-theme='dark'] .sf-c-yellowgreen\:0, html.dark .sf-c-yellowgreen\:0 { color: hsl(var(--sf-dark-c-txt-yellowgreen-95)); background: hsl(var(--sf-dark-c-yellowgreen-100)) } html[data-theme='dark'] .sf-c-yellowgreen\:5, html.dark .sf-c-yellowgreen\:5 { color: hsl(var(--sf-dark-c-txt-yellowgreen-5)); background: hsl(var(--sf-dark-c-yellowgreen-95)) } @@ -184,6 +230,52 @@ html[data-theme='dark'] .sf-c-yellowgreen\:90\:dark, html.dark .sf-c-yellowgreen html[data-theme='dark'] .sf-c-yellowgreen\:95\:dark, html.dark .sf-c-yellowgreen\:95\:dark { color: hsl(var(--sf-c-txt-yellowgreen-95)); background: hsl(var(--sf-c-yellowgreen-5)) } html[data-theme='dark'] .sf-c-yellowgreen\:100\:dark, html.dark .sf-c-yellowgreen\:100\:dark { color: hsl(var(--sf-c-txt-yellowgreen-95)); background: hsl(var(--sf-c-yellowgreen-0)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen, html.dark .sf-c-txt-yellowgreen { color: hsl(var(--sf-c-txt-yellowgreen)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:0, html.dark .sf-c-txt-yellowgreen\:0 { color: hsl(var(--sf-c-txt-yellowgreen-0)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:5, html.dark .sf-c-txt-yellowgreen\:5 { color: hsl(var(--sf-c-txt-yellowgreen-5)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:10, html.dark .sf-c-txt-yellowgreen\:10 { color: hsl(var(--sf-c-txt-yellowgreen-10)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:15, html.dark .sf-c-txt-yellowgreen\:15 { color: hsl(var(--sf-c-txt-yellowgreen-15)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:20, html.dark .sf-c-txt-yellowgreen\:20 { color: hsl(var(--sf-c-txt-yellowgreen-20)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:25, html.dark .sf-c-txt-yellowgreen\:25 { color: hsl(var(--sf-c-txt-yellowgreen-25)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:30, html.dark .sf-c-txt-yellowgreen\:30 { color: hsl(var(--sf-c-txt-yellowgreen-30)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:35, html.dark .sf-c-txt-yellowgreen\:35 { color: hsl(var(--sf-c-txt-yellowgreen-35)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:40, html.dark .sf-c-txt-yellowgreen\:40 { color: hsl(var(--sf-c-txt-yellowgreen-40)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:45, html.dark .sf-c-txt-yellowgreen\:45 { color: hsl(var(--sf-c-txt-yellowgreen-45)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:50, html.dark .sf-c-txt-yellowgreen\:50 { color: hsl(var(--sf-c-txt-yellowgreen-50)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:55, html.dark .sf-c-txt-yellowgreen\:55 { color: hsl(var(--sf-c-txt-yellowgreen-55)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:60, html.dark .sf-c-txt-yellowgreen\:60 { color: hsl(var(--sf-c-txt-yellowgreen-60)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:65, html.dark .sf-c-txt-yellowgreen\:65 { color: hsl(var(--sf-c-txt-yellowgreen-65)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:70, html.dark .sf-c-txt-yellowgreen\:70 { color: hsl(var(--sf-c-txt-yellowgreen-70)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:75, html.dark .sf-c-txt-yellowgreen\:75 { color: hsl(var(--sf-c-txt-yellowgreen-75)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:80, html.dark .sf-c-txt-yellowgreen\:80 { color: hsl(var(--sf-c-txt-yellowgreen-80)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:85, html.dark .sf-c-txt-yellowgreen\:85 { color: hsl(var(--sf-c-txt-yellowgreen-85)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:90, html.dark .sf-c-txt-yellowgreen\:90 { color: hsl(var(--sf-c-txt-yellowgreen-90)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:95, html.dark .sf-c-txt-yellowgreen\:95 { color: hsl(var(--sf-c-txt-yellowgreen-95)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:100, html.dark .sf-c-txt-yellowgreen\:100 { color: hsl(var(--sf-c-txt-yellowgreen-100)) } + +html[data-theme='dark'] .sf-c-txt-yellowgreen\:dark, html.dark .sf-c-txt-yellowgreen\:dark { color: hsl(var(--sf-c-txt-yellowgreen)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:0\:dark, html.dark .sf-c-txt-yellowgreen\:0\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-0)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:5\:dark, html.dark .sf-c-txt-yellowgreen\:5\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-5)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:10\:dark, html.dark .sf-c-txt-yellowgreen\:10\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-10)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:15\:dark, html.dark .sf-c-txt-yellowgreen\:15\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-15)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:20\:dark, html.dark .sf-c-txt-yellowgreen\:20\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-20)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:25\:dark, html.dark .sf-c-txt-yellowgreen\:25\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-25)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:30\:dark, html.dark .sf-c-txt-yellowgreen\:30\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-30)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:35\:dark, html.dark .sf-c-txt-yellowgreen\:35\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-35)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:40\:dark, html.dark .sf-c-txt-yellowgreen\:40\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-40)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:45\:dark, html.dark .sf-c-txt-yellowgreen\:45\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-45)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:50\:dark, html.dark .sf-c-txt-yellowgreen\:50\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-50)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:55\:dark, html.dark .sf-c-txt-yellowgreen\:55\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-55)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:60\:dark, html.dark .sf-c-txt-yellowgreen\:60\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-60)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:65\:dark, html.dark .sf-c-txt-yellowgreen\:65\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-65)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:70\:dark, html.dark .sf-c-txt-yellowgreen\:70\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-70)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:75\:dark, html.dark .sf-c-txt-yellowgreen\:75\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-75)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:80\:dark, html.dark .sf-c-txt-yellowgreen\:80\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-80)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:85\:dark, html.dark .sf-c-txt-yellowgreen\:85\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-85)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:90\:dark, html.dark .sf-c-txt-yellowgreen\:90\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-90)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:95\:dark, html.dark .sf-c-txt-yellowgreen\:95\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-95)) } +html[data-theme='dark'] .sf-c-txt-yellowgreen\:100\:dark, html.dark .sf-c-txt-yellowgreen\:100\:dark { color: hsl(var(--sf-dark-c-txt-yellowgreen-100)) } + html.var[data-theme='dark'] .sf-c-yellowgreen, html.var.dark .sf-c-yellowgreen { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 50%) } html.var[data-theme='dark'] .sf-c-yellowgreen\:0, html.var.dark .sf-c-yellowgreen\:0 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 100%) } html.var[data-theme='dark'] .sf-c-yellowgreen\:5, html.var.dark .sf-c-yellowgreen\:5 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 95%) } @@ -230,6 +322,52 @@ html.var[data-theme='dark'] .sf-c-yellowgreen\:90\:dark, html.var.dark .sf-c-yel html.var[data-theme='dark'] .sf-c-yellowgreen\:95\:dark, html.var.dark .sf-c-yellowgreen\:95\:dark { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 5%) } html.var[data-theme='dark'] .sf-c-yellowgreen\:100\:dark, html.var.dark .sf-c-yellowgreen\:100\:dark { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen, html.dark .sf-c-txt-yellowgreen { color: hsl(80, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:0, html.dark .sf-c-txt-yellowgreen\:0 { color: hsl(80, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:5, html.dark .sf-c-txt-yellowgreen\:5 { color: hsl(80, 61%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:10, html.dark .sf-c-txt-yellowgreen\:10 { color: hsl(80, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:15, html.dark .sf-c-txt-yellowgreen\:15 { color: hsl(80, 61%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:20, html.dark .sf-c-txt-yellowgreen\:20 { color: hsl(80, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:25, html.dark .sf-c-txt-yellowgreen\:25 { color: hsl(80, 61%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:30, html.dark .sf-c-txt-yellowgreen\:30 { color: hsl(80, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:35, html.dark .sf-c-txt-yellowgreen\:35 { color: hsl(80, 61%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:40, html.dark .sf-c-txt-yellowgreen\:40 { color: hsl(80, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:45, html.dark .sf-c-txt-yellowgreen\:45 { color: hsl(80, 61%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:50, html.dark .sf-c-txt-yellowgreen\:50 { color: hsl(80, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:55, html.dark .sf-c-txt-yellowgreen\:55 { color: hsl(80, 61%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:60, html.dark .sf-c-txt-yellowgreen\:60 { color: hsl(80, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:65, html.dark .sf-c-txt-yellowgreen\:65 { color: hsl(80, 61%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:70, html.dark .sf-c-txt-yellowgreen\:70 { color: hsl(80, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:75, html.dark .sf-c-txt-yellowgreen\:75 { color: hsl(80, 61%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:80, html.dark .sf-c-txt-yellowgreen\:80 { color: hsl(80, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:85, html.dark .sf-c-txt-yellowgreen\:85 { color: hsl(80, 61%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:90, html.dark .sf-c-txt-yellowgreen\:90 { color: hsl(80, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:95, html.dark .sf-c-txt-yellowgreen\:95 { color: hsl(80, 61%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:100, html.dark .sf-c-txt-yellowgreen\:100 { color: hsl(80, 61%, 100%) } + +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:dark, html.dark .sf-c-txt-yellowgreen\:dark { color: hsl(80, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:0\:dark, html.dark .sf-c-txt-yellowgreen\:0\:dark { color: hsl(80, 61%, 0%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:5\:dark, html.dark .sf-c-txt-yellowgreen\:5\:dark { color: hsl(80, 61%, 5%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:10\:dark, html.dark .sf-c-txt-yellowgreen\:10\:dark { color: hsl(80, 61%, 10%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:15\:dark, html.dark .sf-c-txt-yellowgreen\:15\:dark { color: hsl(80, 61%, 15%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:20\:dark, html.dark .sf-c-txt-yellowgreen\:20\:dark { color: hsl(80, 61%, 20%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:25\:dark, html.dark .sf-c-txt-yellowgreen\:25\:dark { color: hsl(80, 61%, 25%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:30\:dark, html.dark .sf-c-txt-yellowgreen\:30\:dark { color: hsl(80, 61%, 30%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:35\:dark, html.dark .sf-c-txt-yellowgreen\:35\:dark { color: hsl(80, 61%, 35%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:40\:dark, html.dark .sf-c-txt-yellowgreen\:40\:dark { color: hsl(80, 61%, 40%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:45\:dark, html.dark .sf-c-txt-yellowgreen\:45\:dark { color: hsl(80, 61%, 45%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:50\:dark, html.dark .sf-c-txt-yellowgreen\:50\:dark { color: hsl(80, 61%, 50%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:55\:dark, html.dark .sf-c-txt-yellowgreen\:55\:dark { color: hsl(80, 61%, 55%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:60\:dark, html.dark .sf-c-txt-yellowgreen\:60\:dark { color: hsl(80, 61%, 60%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:65\:dark, html.dark .sf-c-txt-yellowgreen\:65\:dark { color: hsl(80, 61%, 65%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:70\:dark, html.dark .sf-c-txt-yellowgreen\:70\:dark { color: hsl(80, 61%, 70%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:75\:dark, html.dark .sf-c-txt-yellowgreen\:75\:dark { color: hsl(80, 61%, 75%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:80\:dark, html.dark .sf-c-txt-yellowgreen\:80\:dark { color: hsl(80, 61%, 80%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:85\:dark, html.dark .sf-c-txt-yellowgreen\:85\:dark { color: hsl(80, 61%, 85%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:90\:dark, html.dark .sf-c-txt-yellowgreen\:90\:dark { color: hsl(80, 61%, 90%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:95\:dark, html.dark .sf-c-txt-yellowgreen\:95\:dark { color: hsl(80, 61%, 95%) } +html.var[data-theme='dark'] .sf-c-txt-yellowgreen\:100\:dark, html.dark .sf-c-txt-yellowgreen\:100\:dark { color: hsl(80, 61%, 100%) } + @media (prefers-color-scheme: dark) { html[data-theme='auto'] .sf-c-yellowgreen, html.auto .sf-c-yellowgreen { color: hsl(var(--sf-dark-c-txt-yellowgreen-5)); background: hsl(var(--sf-dark-c-yellowgreen)) } html[data-theme='auto'] .sf-c-yellowgreen\:0, html.auto .sf-c-yellowgreen\:0 { color: hsl(var(--sf-dark-c-txt-yellowgreen-95)); background: hsl(var(--sf-dark-c-yellowgreen-100)) } @@ -277,6 +415,52 @@ html.var[data-theme='dark'] .sf-c-yellowgreen\:100\:dark, html.var.dark .sf-c-ye html[data-theme='auto'] .sf-c-yellowgreen\:95\:dark, html.auto .sf-c-yellowgreen\:95\:dark { color: hsl(var(--sf-c-txt-yellowgreen-95)); background: hsl(var(--sf-c-yellowgreen-5)) } html[data-theme='auto'] .sf-c-yellowgreen\:100\:dark, html.auto .sf-c-yellowgreen\:100\:dark { color: hsl(var(--sf-c-txt-yellowgreen-95)); background: hsl(var(--sf-c-yellowgreen-0)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen, html.auto .sf-c-txt-yellowgreen { color: hsl(var(--sf-c-txt-yellowgreen)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:0, html.auto .sf-c-txt-yellowgreen\:0 { color: hsl(var(--sf-c-txt-yellowgreen-0)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:5, html.auto .sf-c-txt-yellowgreen\:5 { color: hsl(var(--sf-c-txt-yellowgreen-5)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:10, html.auto .sf-c-txt-yellowgreen\:10 { color: hsl(var(--sf-c-txt-yellowgreen-10)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:15, html.auto .sf-c-txt-yellowgreen\:15 { color: hsl(var(--sf-c-txt-yellowgreen-15)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:20, html.auto .sf-c-txt-yellowgreen\:20 { color: hsl(var(--sf-c-txt-yellowgreen-20)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:25, html.auto .sf-c-txt-yellowgreen\:25 { color: hsl(var(--sf-c-txt-yellowgreen-25)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:30, html.auto .sf-c-txt-yellowgreen\:30 { color: hsl(var(--sf-c-txt-yellowgreen-30)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:35, html.auto .sf-c-txt-yellowgreen\:35 { color: hsl(var(--sf-c-txt-yellowgreen-35)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:40, html.auto .sf-c-txt-yellowgreen\:40 { color: hsl(var(--sf-c-txt-yellowgreen-40)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:45, html.auto .sf-c-txt-yellowgreen\:45 { color: hsl(var(--sf-c-txt-yellowgreen-45)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:50, html.auto .sf-c-txt-yellowgreen\:50 { color: hsl(var(--sf-c-txt-yellowgreen-50)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:55, html.auto .sf-c-txt-yellowgreen\:55 { color: hsl(var(--sf-c-txt-yellowgreen-55)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:60, html.auto .sf-c-txt-yellowgreen\:60 { color: hsl(var(--sf-c-txt-yellowgreen-60)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:65, html.auto .sf-c-txt-yellowgreen\:65 { color: hsl(var(--sf-c-txt-yellowgreen-65)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:70, html.auto .sf-c-txt-yellowgreen\:70 { color: hsl(var(--sf-c-txt-yellowgreen-70)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:75, html.auto .sf-c-txt-yellowgreen\:75 { color: hsl(var(--sf-c-txt-yellowgreen-75)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:80, html.auto .sf-c-txt-yellowgreen\:80 { color: hsl(var(--sf-c-txt-yellowgreen-80)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:85, html.auto .sf-c-txt-yellowgreen\:85 { color: hsl(var(--sf-c-txt-yellowgreen-85)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:90, html.auto .sf-c-txt-yellowgreen\:90 { color: hsl(var(--sf-c-txt-yellowgreen-90)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:95, html.auto .sf-c-txt-yellowgreen\:95 { color: hsl(var(--sf-c-txt-yellowgreen-95)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:100, html.auto .sf-c-txt-yellowgreen\:100 { color: hsl(var(--sf-c-txt-yellowgreen-100)) } + + html[data-theme='auto'] .sf-c-txt-yellowgreen\:dark, html.auto .sf-c-txt-yellowgreen\:dark { color: hsl(var(--sf-c-txt-yellowgreen)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:0\:dark, html.auto .sf-c-txt-yellowgreen\:0\:dark { color: hsl(var(--sf-c-txt-yellowgreen-0)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:5\:dark, html.auto .sf-c-txt-yellowgreen\:5\:dark { color: hsl(var(--sf-c-txt-yellowgreen-5)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:10\:dark, html.auto .sf-c-txt-yellowgreen\:10\:dark { color: hsl(var(--sf-c-txt-yellowgreen-10)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:15\:dark, html.auto .sf-c-txt-yellowgreen\:15\:dark { color: hsl(var(--sf-c-txt-yellowgreen-15)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:20\:dark, html.auto .sf-c-txt-yellowgreen\:20\:dark { color: hsl(var(--sf-c-txt-yellowgreen-20)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:25\:dark, html.auto .sf-c-txt-yellowgreen\:25\:dark { color: hsl(var(--sf-c-txt-yellowgreen-25)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:30\:dark, html.auto .sf-c-txt-yellowgreen\:30\:dark { color: hsl(var(--sf-c-txt-yellowgreen-30)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:35\:dark, html.auto .sf-c-txt-yellowgreen\:35\:dark { color: hsl(var(--sf-c-txt-yellowgreen-35)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:40\:dark, html.auto .sf-c-txt-yellowgreen\:40\:dark { color: hsl(var(--sf-c-txt-yellowgreen-40)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:45\:dark, html.auto .sf-c-txt-yellowgreen\:45\:dark { color: hsl(var(--sf-c-txt-yellowgreen-45)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:50\:dark, html.auto .sf-c-txt-yellowgreen\:50\:dark { color: hsl(var(--sf-c-txt-yellowgreen-50)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:55\:dark, html.auto .sf-c-txt-yellowgreen\:55\:dark { color: hsl(var(--sf-c-txt-yellowgreen-55)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:60\:dark, html.auto .sf-c-txt-yellowgreen\:60\:dark { color: hsl(var(--sf-c-txt-yellowgreen-60)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:65\:dark, html.auto .sf-c-txt-yellowgreen\:65\:dark { color: hsl(var(--sf-c-txt-yellowgreen-65)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:70\:dark, html.auto .sf-c-txt-yellowgreen\:70\:dark { color: hsl(var(--sf-c-txt-yellowgreen-70)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:75\:dark, html.auto .sf-c-txt-yellowgreen\:75\:dark { color: hsl(var(--sf-c-txt-yellowgreen-75)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:80\:dark, html.auto .sf-c-txt-yellowgreen\:80\:dark { color: hsl(var(--sf-c-txt-yellowgreen-80)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:85\:dark, html.auto .sf-c-txt-yellowgreen\:85\:dark { color: hsl(var(--sf-c-txt-yellowgreen-85)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:90\:dark, html.auto .sf-c-txt-yellowgreen\:90\:dark { color: hsl(var(--sf-c-txt-yellowgreen-90)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:95\:dark, html.auto .sf-c-txt-yellowgreen\:95\:dark { color: hsl(var(--sf-c-txt-yellowgreen-95)) } + html[data-theme='auto'] .sf-c-txt-yellowgreen\:100\:dark, html.auto .sf-c-txt-yellowgreen\:100\:dark { color: hsl(var(--sf-c-txt-yellowgreen-100)) } + html.var[data-theme='auto'] .sf-c-yellowgreen, html.var.auto .sf-c-yellowgreen { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 50%) } html.var[data-theme='auto'] .sf-c-yellowgreen\:0, html.var.auto .sf-c-yellowgreen\:0 { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 100%) } html.var[data-theme='auto'] .sf-c-yellowgreen\:5, html.var.auto .sf-c-yellowgreen\:5 { color: hsl(80, 61%, 5%); background: hsl(80, 61%, 95%) } @@ -322,27 +506,50 @@ html.var[data-theme='dark'] .sf-c-yellowgreen\:100\:dark, html.var.dark .sf-c-ye html.var[data-theme='auto'] .sf-c-yellowgreen\:90\:dark, html.var.auto .sf-c-yellowgreen\:90\:dark { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 10%) } html.var[data-theme='auto'] .sf-c-yellowgreen\:95\:dark, html.var.auto .sf-c-yellowgreen\:95\:dark { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 5%) } html.var[data-theme='auto'] .sf-c-yellowgreen\:100\:dark, html.var.auto .sf-c-yellowgreen\:100\:dark { color: hsl(80, 61%, 95%); background: hsl(80, 61%, 0%) } -} -.sf-c-txt-yellowgreen { color: hsl(var(--sf-c-txt-yellowgreen)) } -.sf-c-txt-yellowgreen\:0 { color: hsl(var(--sf-c-txt-yellowgreen-0)) } -.sf-c-txt-yellowgreen\:5 { color: hsl(var(--sf-c-txt-yellowgreen-5)) } -.sf-c-txt-yellowgreen\:10 { color: hsl(var(--sf-c-txt-yellowgreen-10)) } -.sf-c-txt-yellowgreen\:15 { color: hsl(var(--sf-c-txt-yellowgreen-15)) } -.sf-c-txt-yellowgreen\:20 { color: hsl(var(--sf-c-txt-yellowgreen-20)) } -.sf-c-txt-yellowgreen\:25 { color: hsl(var(--sf-c-txt-yellowgreen-25)) } -.sf-c-txt-yellowgreen\:30 { color: hsl(var(--sf-c-txt-yellowgreen-30)) } -.sf-c-txt-yellowgreen\:35 { color: hsl(var(--sf-c-txt-yellowgreen-35)) } -.sf-c-txt-yellowgreen\:40 { color: hsl(var(--sf-c-txt-yellowgreen-40)) } -.sf-c-txt-yellowgreen\:45 { color: hsl(var(--sf-c-txt-yellowgreen-45)) } -.sf-c-txt-yellowgreen\:50 { color: hsl(var(--sf-c-txt-yellowgreen-50)) } -.sf-c-txt-yellowgreen\:55 { color: hsl(var(--sf-c-txt-yellowgreen-55)) } -.sf-c-txt-yellowgreen\:60 { color: hsl(var(--sf-c-txt-yellowgreen-60)) } -.sf-c-txt-yellowgreen\:65 { color: hsl(var(--sf-c-txt-yellowgreen-65)) } -.sf-c-txt-yellowgreen\:70 { color: hsl(var(--sf-c-txt-yellowgreen-70)) } -.sf-c-txt-yellowgreen\:75 { color: hsl(var(--sf-c-txt-yellowgreen-75)) } -.sf-c-txt-yellowgreen\:80 { color: hsl(var(--sf-c-txt-yellowgreen-80)) } -.sf-c-txt-yellowgreen\:85 { color: hsl(var(--sf-c-txt-yellowgreen-85)) } -.sf-c-txt-yellowgreen\:90 { color: hsl(var(--sf-c-txt-yellowgreen-90)) } -.sf-c-txt-yellowgreen\:95 { color: hsl(var(--sf-c-txt-yellowgreen-95)) } -.sf-c-txt-yellowgreen\:100 { color: hsl(var(--sf-c-txt-yellowgreen-100)) } \ No newline at end of file + html.var[data-theme='auto'] .sf-c-txt-yellowgreen, html.auto .sf-c-txt-yellowgreen { color: hsl(80, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:0, html.auto .sf-c-txt-yellowgreen\:0 { color: hsl(80, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:5, html.auto .sf-c-txt-yellowgreen\:5 { color: hsl(80, 61%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:10, html.auto .sf-c-txt-yellowgreen\:10 { color: hsl(80, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:15, html.auto .sf-c-txt-yellowgreen\:15 { color: hsl(80, 61%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:20, html.auto .sf-c-txt-yellowgreen\:20 { color: hsl(80, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:25, html.auto .sf-c-txt-yellowgreen\:25 { color: hsl(80, 61%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:30, html.auto .sf-c-txt-yellowgreen\:30 { color: hsl(80, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:35, html.auto .sf-c-txt-yellowgreen\:35 { color: hsl(80, 61%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:40, html.auto .sf-c-txt-yellowgreen\:40 { color: hsl(80, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:45, html.auto .sf-c-txt-yellowgreen\:45 { color: hsl(80, 61%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:50, html.auto .sf-c-txt-yellowgreen\:50 { color: hsl(80, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:55, html.auto .sf-c-txt-yellowgreen\:55 { color: hsl(80, 61%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:60, html.auto .sf-c-txt-yellowgreen\:60 { color: hsl(80, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:65, html.auto .sf-c-txt-yellowgreen\:65 { color: hsl(80, 61%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:70, html.auto .sf-c-txt-yellowgreen\:70 { color: hsl(80, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:75, html.auto .sf-c-txt-yellowgreen\:75 { color: hsl(80, 61%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:80, html.auto .sf-c-txt-yellowgreen\:80 { color: hsl(80, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:85, html.auto .sf-c-txt-yellowgreen\:85 { color: hsl(80, 61%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:90, html.auto .sf-c-txt-yellowgreen\:90 { color: hsl(80, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:95, html.auto .sf-c-txt-yellowgreen\:95 { color: hsl(80, 61%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:100, html.auto .sf-c-txt-yellowgreen\:100 { color: hsl(80, 61%, 100%) } + + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:dark, html.auto .sf-c-txt-yellowgreen\:dark { color: hsl(80, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:0\:dark, html.auto .sf-c-txt-yellowgreen\:0\:dark { color: hsl(80, 61%, 0%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:5\:dark, html.auto .sf-c-txt-yellowgreen\:5\:dark { color: hsl(80, 61%, 5%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:10\:dark, html.auto .sf-c-txt-yellowgreen\:10\:dark { color: hsl(80, 61%, 10%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:15\:dark, html.auto .sf-c-txt-yellowgreen\:15\:dark { color: hsl(80, 61%, 15%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:20\:dark, html.auto .sf-c-txt-yellowgreen\:20\:dark { color: hsl(80, 61%, 20%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:25\:dark, html.auto .sf-c-txt-yellowgreen\:25\:dark { color: hsl(80, 61%, 25%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:30\:dark, html.auto .sf-c-txt-yellowgreen\:30\:dark { color: hsl(80, 61%, 30%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:35\:dark, html.auto .sf-c-txt-yellowgreen\:35\:dark { color: hsl(80, 61%, 35%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:40\:dark, html.auto .sf-c-txt-yellowgreen\:40\:dark { color: hsl(80, 61%, 40%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:45\:dark, html.auto .sf-c-txt-yellowgreen\:45\:dark { color: hsl(80, 61%, 45%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:50\:dark, html.auto .sf-c-txt-yellowgreen\:50\:dark { color: hsl(80, 61%, 50%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:55\:dark, html.auto .sf-c-txt-yellowgreen\:55\:dark { color: hsl(80, 61%, 55%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:60\:dark, html.auto .sf-c-txt-yellowgreen\:60\:dark { color: hsl(80, 61%, 60%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:65\:dark, html.auto .sf-c-txt-yellowgreen\:65\:dark { color: hsl(80, 61%, 65%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:70\:dark, html.auto .sf-c-txt-yellowgreen\:70\:dark { color: hsl(80, 61%, 70%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:75\:dark, html.auto .sf-c-txt-yellowgreen\:75\:dark { color: hsl(80, 61%, 75%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:80\:dark, html.auto .sf-c-txt-yellowgreen\:80\:dark { color: hsl(80, 61%, 80%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:85\:dark, html.auto .sf-c-txt-yellowgreen\:85\:dark { color: hsl(80, 61%, 85%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:90\:dark, html.auto .sf-c-txt-yellowgreen\:90\:dark { color: hsl(80, 61%, 90%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:95\:dark, html.auto .sf-c-txt-yellowgreen\:95\:dark { color: hsl(80, 61%, 95%) } + html.var[data-theme='auto'] .sf-c-txt-yellowgreen\:100\:dark, html.auto .sf-c-txt-yellowgreen\:100\:dark { color: hsl(80, 61%, 100%) } +} \ No newline at end of file diff --git a/src/rainbow.css b/src/rainbow.css index e82b7c2..c610923 100644 --- a/src/rainbow.css +++ b/src/rainbow.css @@ -1,8 +1,8 @@ -@import 'colors/10/black.css'; -@import 'colors/10/blue.css'; -@import 'colors/10/green.css'; -@import 'colors/10/orange.css'; -@import 'colors/10/red.css'; -@import 'colors/10/skyblue.css'; -@import 'colors/10/violet.css'; -@import 'colors/10/yellow.css'; \ No newline at end of file +@import './colors/10/black.css'; +@import './colors/10/blue.css'; +@import './colors/10/green.css'; +@import './colors/10/orange.css'; +@import './colors/10/red.css'; +@import './colors/10/skyblue.css'; +@import './colors/10/violet.css'; +@import './colors/10/yellow.css'; \ No newline at end of file diff --git a/src/web.css b/src/web.css index 314e4be..96f5586 100644 --- a/src/web.css +++ b/src/web.css @@ -1,16 +1,16 @@ -@import 'colors/10/aqua.css'; -@import 'colors/10/black.css'; -@import 'colors/10/blue.css'; -@import 'colors/10/fuchsia.css'; -@import 'colors/10/gray.css'; -@import 'colors/10/green.css'; -@import 'colors/10/lime.css'; -@import 'colors/10/maroon.css'; -@import 'colors/10/navy.css'; -@import 'colors/10/olive.css'; -@import 'colors/10/purple.css'; -@import 'colors/10/red.css'; -@import 'colors/10/silver.css'; -@import 'colors/10/teal.css'; -@import 'colors/10/white.css'; -@import 'colors/10/yellow.css'; \ No newline at end of file +@import './colors/10/aqua.css'; +@import './colors/10/black.css'; +@import './colors/10/blue.css'; +@import './colors/10/fuchsia.css'; +@import './colors/10/gray.css'; +@import './colors/10/green.css'; +@import './colors/10/lime.css'; +@import './colors/10/maroon.css'; +@import './colors/10/navy.css'; +@import './colors/10/olive.css'; +@import './colors/10/purple.css'; +@import './colors/10/red.css'; +@import './colors/10/silver.css'; +@import './colors/10/teal.css'; +@import './colors/10/white.css'; +@import './colors/10/yellow.css'; \ No newline at end of file diff --git a/web.css b/web.css index 12ea7df..62241d9 100644 --- a/web.css +++ b/web.css @@ -1,3 +1,3 @@ -/*! style-forge.colors 2025.1.9 | MIT License | https://github.com/Style-Forge/colors */ +/*! style-forge.colors 2025.1.18 | MIT License | https://github.com/Style-Forge/colors */ -:root{--sf-c-aqua:180 100% 50%;--sf-c-aqua-0:180 100% 0%;--sf-c-aqua-10:180 100% 10%;--sf-c-aqua-20:180 100% 20%;--sf-c-aqua-30:180 100% 30%;--sf-c-aqua-40:180 100% 40%;--sf-c-aqua-50:180 100% 50%;--sf-c-aqua-60:180 100% 60%;--sf-c-aqua-70:180 100% 70%;--sf-c-aqua-80:180 100% 80%;--sf-c-aqua-90:180 100% 90%;--sf-c-aqua-100:180 100% 100%;--sf-c-txt-aqua:var(--sf-c-aqua);--sf-c-txt-aqua-0:var(--sf-c-aqua-0);--sf-c-txt-aqua-10:var(--sf-c-aqua-10);--sf-c-txt-aqua-20:var(--sf-c-aqua-20);--sf-c-txt-aqua-30:var(--sf-c-aqua-30);--sf-c-txt-aqua-40:var(--sf-c-aqua-40);--sf-c-txt-aqua-50:var(--sf-c-aqua-50);--sf-c-txt-aqua-60:var(--sf-c-aqua-60);--sf-c-txt-aqua-70:var(--sf-c-aqua-70);--sf-c-txt-aqua-80:var(--sf-c-aqua-80);--sf-c-txt-aqua-90:var(--sf-c-aqua-90);--sf-c-txt-aqua-100:var(--sf-c-aqua-100);--sf-dark-c-aqua:180 100% 50%;--sf-dark-c-aqua-0:180 100% 0%;--sf-dark-c-aqua-10:180 100% 10%;--sf-dark-c-aqua-20:180 100% 20%;--sf-dark-c-aqua-30:180 100% 30%;--sf-dark-c-aqua-40:180 100% 40%;--sf-dark-c-aqua-50:180 100% 50%;--sf-dark-c-aqua-60:180 100% 60%;--sf-dark-c-aqua-70:180 100% 70%;--sf-dark-c-aqua-80:180 100% 80%;--sf-dark-c-aqua-90:180 100% 90%;--sf-dark-c-aqua-100:180 100% 100%;--sf-dark-c-txt-aqua:var(--sf-dark-c-aqua);--sf-dark-c-txt-aqua-0:var(--sf-dark-c-aqua-0);--sf-dark-c-txt-aqua-10:var(--sf-dark-c-aqua-10);--sf-dark-c-txt-aqua-20:var(--sf-dark-c-aqua-20);--sf-dark-c-txt-aqua-30:var(--sf-dark-c-aqua-30);--sf-dark-c-txt-aqua-40:var(--sf-dark-c-aqua-40);--sf-dark-c-txt-aqua-50:var(--sf-dark-c-aqua-50);--sf-dark-c-txt-aqua-60:var(--sf-dark-c-aqua-60);--sf-dark-c-txt-aqua-70:var(--sf-dark-c-aqua-70);--sf-dark-c-txt-aqua-80:var(--sf-dark-c-aqua-80);--sf-dark-c-txt-aqua-90:var(--sf-dark-c-aqua-90);--sf-dark-c-txt-aqua-100:var(--sf-dark-c-aqua-100);--sf-c-black:0 0% 0%;--sf-c-black-0:0 0% 0%;--sf-c-black-10:0 0% 10%;--sf-c-black-20:0 0% 20%;--sf-c-black-30:0 0% 30%;--sf-c-black-40:0 0% 40%;--sf-c-black-50:0 0% 50%;--sf-c-black-60:0 0% 60%;--sf-c-black-70:0 0% 70%;--sf-c-black-80:0 0% 80%;--sf-c-black-90:0 0% 90%;--sf-c-black-100:0 0% 100%;--sf-c-txt-black:var(--sf-c-black);--sf-c-txt-black-0:var(--sf-c-black-0);--sf-c-txt-black-10:var(--sf-c-black-10);--sf-c-txt-black-20:var(--sf-c-black-20);--sf-c-txt-black-30:var(--sf-c-black-30);--sf-c-txt-black-40:var(--sf-c-black-40);--sf-c-txt-black-50:var(--sf-c-black-50);--sf-c-txt-black-60:var(--sf-c-black-60);--sf-c-txt-black-70:var(--sf-c-black-70);--sf-c-txt-black-80:var(--sf-c-black-80);--sf-c-txt-black-90:var(--sf-c-black-90);--sf-c-txt-black-100:var(--sf-c-black-100);--sf-dark-c-black:0 0% 100%;--sf-dark-c-black-0:0 0% 0%;--sf-dark-c-black-10:0 0% 10%;--sf-dark-c-black-20:0 0% 20%;--sf-dark-c-black-30:0 0% 30%;--sf-dark-c-black-40:0 0% 40%;--sf-dark-c-black-50:0 0% 50%;--sf-dark-c-black-60:0 0% 60%;--sf-dark-c-black-70:0 0% 70%;--sf-dark-c-black-80:0 0% 80%;--sf-dark-c-black-90:0 0% 90%;--sf-dark-c-black-100:0 0% 100%;--sf-dark-c-txt-black:var(--sf-dark-c-black);--sf-dark-c-txt-black-0:var(--sf-dark-c-black-0);--sf-dark-c-txt-black-10:var(--sf-dark-c-black-10);--sf-dark-c-txt-black-20:var(--sf-dark-c-black-20);--sf-dark-c-txt-black-30:var(--sf-dark-c-black-30);--sf-dark-c-txt-black-40:var(--sf-dark-c-black-40);--sf-dark-c-txt-black-50:var(--sf-dark-c-black-50);--sf-dark-c-txt-black-60:var(--sf-dark-c-black-60);--sf-dark-c-txt-black-70:var(--sf-dark-c-black-70);--sf-dark-c-txt-black-80:var(--sf-dark-c-black-80);--sf-dark-c-txt-black-90:var(--sf-dark-c-black-90);--sf-dark-c-txt-black-100:var(--sf-dark-c-black-100);--sf-c-blue:240 100% 50%;--sf-c-blue-0:240 100% 0%;--sf-c-blue-10:240 100% 10%;--sf-c-blue-20:240 100% 20%;--sf-c-blue-30:240 100% 30%;--sf-c-blue-40:240 100% 40%;--sf-c-blue-50:240 100% 50%;--sf-c-blue-60:240 100% 60%;--sf-c-blue-70:240 100% 70%;--sf-c-blue-80:240 100% 80%;--sf-c-blue-90:240 100% 90%;--sf-c-blue-100:240 100% 100%;--sf-c-txt-blue:var(--sf-c-blue);--sf-c-txt-blue-0:var(--sf-c-blue-0);--sf-c-txt-blue-10:var(--sf-c-blue-10);--sf-c-txt-blue-20:var(--sf-c-blue-20);--sf-c-txt-blue-30:var(--sf-c-blue-30);--sf-c-txt-blue-40:var(--sf-c-blue-40);--sf-c-txt-blue-50:var(--sf-c-blue-50);--sf-c-txt-blue-60:var(--sf-c-blue-60);--sf-c-txt-blue-70:var(--sf-c-blue-70);--sf-c-txt-blue-80:var(--sf-c-blue-80);--sf-c-txt-blue-90:var(--sf-c-blue-90);--sf-c-txt-blue-100:var(--sf-c-blue-100);--sf-dark-c-blue:240 100% 50%;--sf-dark-c-blue-0:240 100% 0%;--sf-dark-c-blue-10:240 100% 10%;--sf-dark-c-blue-20:240 100% 20%;--sf-dark-c-blue-30:240 100% 30%;--sf-dark-c-blue-40:240 100% 40%;--sf-dark-c-blue-50:240 100% 50%;--sf-dark-c-blue-60:240 100% 60%;--sf-dark-c-blue-70:240 100% 70%;--sf-dark-c-blue-80:240 100% 80%;--sf-dark-c-blue-90:240 100% 90%;--sf-dark-c-blue-100:240 100% 100%;--sf-dark-c-txt-blue:var(--sf-dark-c-blue);--sf-dark-c-txt-blue-0:var(--sf-dark-c-blue-0);--sf-dark-c-txt-blue-10:var(--sf-dark-c-blue-10);--sf-dark-c-txt-blue-20:var(--sf-dark-c-blue-20);--sf-dark-c-txt-blue-30:var(--sf-dark-c-blue-30);--sf-dark-c-txt-blue-40:var(--sf-dark-c-blue-40);--sf-dark-c-txt-blue-50:var(--sf-dark-c-blue-50);--sf-dark-c-txt-blue-60:var(--sf-dark-c-blue-60);--sf-dark-c-txt-blue-70:var(--sf-dark-c-blue-70);--sf-dark-c-txt-blue-80:var(--sf-dark-c-blue-80);--sf-dark-c-txt-blue-90:var(--sf-dark-c-blue-90);--sf-dark-c-txt-blue-100:var(--sf-dark-c-blue-100);--sf-c-fuchsia:300 100% 50%;--sf-c-fuchsia-0:300 100% 0%;--sf-c-fuchsia-10:300 100% 10%;--sf-c-fuchsia-20:300 100% 20%;--sf-c-fuchsia-30:300 100% 30%;--sf-c-fuchsia-40:300 100% 40%;--sf-c-fuchsia-50:300 100% 50%;--sf-c-fuchsia-60:300 100% 60%;--sf-c-fuchsia-70:300 100% 70%;--sf-c-fuchsia-80:300 100% 80%;--sf-c-fuchsia-90:300 100% 90%;--sf-c-fuchsia-100:300 100% 100%;--sf-c-txt-fuchsia:var(--sf-c-fuchsia);--sf-c-txt-fuchsia-0:var(--sf-c-fuchsia-0);--sf-c-txt-fuchsia-10:var(--sf-c-fuchsia-10);--sf-c-txt-fuchsia-20:var(--sf-c-fuchsia-20);--sf-c-txt-fuchsia-30:var(--sf-c-fuchsia-30);--sf-c-txt-fuchsia-40:var(--sf-c-fuchsia-40);--sf-c-txt-fuchsia-50:var(--sf-c-fuchsia-50);--sf-c-txt-fuchsia-60:var(--sf-c-fuchsia-60);--sf-c-txt-fuchsia-70:var(--sf-c-fuchsia-70);--sf-c-txt-fuchsia-80:var(--sf-c-fuchsia-80);--sf-c-txt-fuchsia-90:var(--sf-c-fuchsia-90);--sf-c-txt-fuchsia-100:var(--sf-c-fuchsia-100);--sf-dark-c-fuchsia:300 100% 50%;--sf-dark-c-fuchsia-0:300 100% 0%;--sf-dark-c-fuchsia-10:300 100% 10%;--sf-dark-c-fuchsia-20:300 100% 20%;--sf-dark-c-fuchsia-30:300 100% 30%;--sf-dark-c-fuchsia-40:300 100% 40%;--sf-dark-c-fuchsia-50:300 100% 50%;--sf-dark-c-fuchsia-60:300 100% 60%;--sf-dark-c-fuchsia-70:300 100% 70%;--sf-dark-c-fuchsia-80:300 100% 80%;--sf-dark-c-fuchsia-90:300 100% 90%;--sf-dark-c-fuchsia-100:300 100% 100%;--sf-dark-c-txt-fuchsia:var(--sf-dark-c-fuchsia);--sf-dark-c-txt-fuchsia-0:var(--sf-dark-c-fuchsia-0);--sf-dark-c-txt-fuchsia-10:var(--sf-dark-c-fuchsia-10);--sf-dark-c-txt-fuchsia-20:var(--sf-dark-c-fuchsia-20);--sf-dark-c-txt-fuchsia-30:var(--sf-dark-c-fuchsia-30);--sf-dark-c-txt-fuchsia-40:var(--sf-dark-c-fuchsia-40);--sf-dark-c-txt-fuchsia-50:var(--sf-dark-c-fuchsia-50);--sf-dark-c-txt-fuchsia-60:var(--sf-dark-c-fuchsia-60);--sf-dark-c-txt-fuchsia-70:var(--sf-dark-c-fuchsia-70);--sf-dark-c-txt-fuchsia-80:var(--sf-dark-c-fuchsia-80);--sf-dark-c-txt-fuchsia-90:var(--sf-dark-c-fuchsia-90);--sf-dark-c-txt-fuchsia-100:var(--sf-dark-c-fuchsia-100);--sf-c-gray:0 0% 50%;--sf-c-gray-0:0 0% 0%;--sf-c-gray-10:0 0% 10%;--sf-c-gray-20:0 0% 20%;--sf-c-gray-30:0 0% 30%;--sf-c-gray-40:0 0% 40%;--sf-c-gray-50:0 0% 50%;--sf-c-gray-60:0 0% 60%;--sf-c-gray-70:0 0% 70%;--sf-c-gray-80:0 0% 80%;--sf-c-gray-90:0 0% 90%;--sf-c-gray-100:0 0% 100%;--sf-c-txt-gray:var(--sf-c-gray);--sf-c-txt-gray-0:var(--sf-c-gray-0);--sf-c-txt-gray-10:var(--sf-c-gray-10);--sf-c-txt-gray-20:var(--sf-c-gray-20);--sf-c-txt-gray-30:var(--sf-c-gray-30);--sf-c-txt-gray-40:var(--sf-c-gray-40);--sf-c-txt-gray-50:var(--sf-c-gray-50);--sf-c-txt-gray-60:var(--sf-c-gray-60);--sf-c-txt-gray-70:var(--sf-c-gray-70);--sf-c-txt-gray-80:var(--sf-c-gray-80);--sf-c-txt-gray-90:var(--sf-c-gray-90);--sf-c-txt-gray-100:var(--sf-c-gray-100);--sf-dark-c-gray:0 0% 50%;--sf-dark-c-gray-0:0 0% 0%;--sf-dark-c-gray-10:0 0% 10%;--sf-dark-c-gray-20:0 0% 20%;--sf-dark-c-gray-30:0 0% 30%;--sf-dark-c-gray-40:0 0% 40%;--sf-dark-c-gray-50:0 0% 50%;--sf-dark-c-gray-60:0 0% 60%;--sf-dark-c-gray-70:0 0% 70%;--sf-dark-c-gray-80:0 0% 80%;--sf-dark-c-gray-90:0 0% 90%;--sf-dark-c-gray-100:0 0% 100%;--sf-dark-c-txt-gray:var(--sf-dark-c-gray);--sf-dark-c-txt-gray-0:var(--sf-dark-c-gray-0);--sf-dark-c-txt-gray-10:var(--sf-dark-c-gray-10);--sf-dark-c-txt-gray-20:var(--sf-dark-c-gray-20);--sf-dark-c-txt-gray-30:var(--sf-dark-c-gray-30);--sf-dark-c-txt-gray-40:var(--sf-dark-c-gray-40);--sf-dark-c-txt-gray-50:var(--sf-dark-c-gray-50);--sf-dark-c-txt-gray-60:var(--sf-dark-c-gray-60);--sf-dark-c-txt-gray-70:var(--sf-dark-c-gray-70);--sf-dark-c-txt-gray-80:var(--sf-dark-c-gray-80);--sf-dark-c-txt-gray-90:var(--sf-dark-c-gray-90);--sf-dark-c-txt-gray-100:var(--sf-dark-c-gray-100);--sf-c-green:120 100% 25%;--sf-c-green-0:120 100% 0%;--sf-c-green-10:120 100% 10%;--sf-c-green-20:120 100% 20%;--sf-c-green-30:120 100% 30%;--sf-c-green-40:120 100% 40%;--sf-c-green-50:120 100% 50%;--sf-c-green-60:120 100% 60%;--sf-c-green-70:120 100% 70%;--sf-c-green-80:120 100% 80%;--sf-c-green-90:120 100% 90%;--sf-c-green-100:120 100% 100%;--sf-c-txt-green:var(--sf-c-green);--sf-c-txt-green-0:var(--sf-c-green-0);--sf-c-txt-green-10:var(--sf-c-green-10);--sf-c-txt-green-20:var(--sf-c-green-20);--sf-c-txt-green-30:var(--sf-c-green-30);--sf-c-txt-green-40:var(--sf-c-green-40);--sf-c-txt-green-50:var(--sf-c-green-50);--sf-c-txt-green-60:var(--sf-c-green-60);--sf-c-txt-green-70:var(--sf-c-green-70);--sf-c-txt-green-80:var(--sf-c-green-80);--sf-c-txt-green-90:var(--sf-c-green-90);--sf-c-txt-green-100:var(--sf-c-green-100);--sf-dark-c-green:120 100% 75%;--sf-dark-c-green-0:120 100% 0%;--sf-dark-c-green-10:120 100% 10%;--sf-dark-c-green-20:120 100% 20%;--sf-dark-c-green-30:120 100% 30%;--sf-dark-c-green-40:120 100% 40%;--sf-dark-c-green-50:120 100% 50%;--sf-dark-c-green-60:120 100% 60%;--sf-dark-c-green-70:120 100% 70%;--sf-dark-c-green-80:120 100% 80%;--sf-dark-c-green-90:120 100% 90%;--sf-dark-c-green-100:120 100% 100%;--sf-dark-c-txt-green:var(--sf-dark-c-green);--sf-dark-c-txt-green-0:var(--sf-dark-c-green-0);--sf-dark-c-txt-green-10:var(--sf-dark-c-green-10);--sf-dark-c-txt-green-20:var(--sf-dark-c-green-20);--sf-dark-c-txt-green-30:var(--sf-dark-c-green-30);--sf-dark-c-txt-green-40:var(--sf-dark-c-green-40);--sf-dark-c-txt-green-50:var(--sf-dark-c-green-50);--sf-dark-c-txt-green-60:var(--sf-dark-c-green-60);--sf-dark-c-txt-green-70:var(--sf-dark-c-green-70);--sf-dark-c-txt-green-80:var(--sf-dark-c-green-80);--sf-dark-c-txt-green-90:var(--sf-dark-c-green-90);--sf-dark-c-txt-green-100:var(--sf-dark-c-green-100);--sf-c-lime:120 100% 50%;--sf-c-lime-0:120 100% 0%;--sf-c-lime-10:120 100% 10%;--sf-c-lime-20:120 100% 20%;--sf-c-lime-30:120 100% 30%;--sf-c-lime-40:120 100% 40%;--sf-c-lime-50:120 100% 50%;--sf-c-lime-60:120 100% 60%;--sf-c-lime-70:120 100% 70%;--sf-c-lime-80:120 100% 80%;--sf-c-lime-90:120 100% 90%;--sf-c-lime-100:120 100% 100%;--sf-c-txt-lime:var(--sf-c-lime);--sf-c-txt-lime-0:var(--sf-c-lime-0);--sf-c-txt-lime-10:var(--sf-c-lime-10);--sf-c-txt-lime-20:var(--sf-c-lime-20);--sf-c-txt-lime-30:var(--sf-c-lime-30);--sf-c-txt-lime-40:var(--sf-c-lime-40);--sf-c-txt-lime-50:var(--sf-c-lime-50);--sf-c-txt-lime-60:var(--sf-c-lime-60);--sf-c-txt-lime-70:var(--sf-c-lime-70);--sf-c-txt-lime-80:var(--sf-c-lime-80);--sf-c-txt-lime-90:var(--sf-c-lime-90);--sf-c-txt-lime-100:var(--sf-c-lime-100);--sf-dark-c-lime:120 100% 50%;--sf-dark-c-lime-0:120 100% 0%;--sf-dark-c-lime-10:120 100% 10%;--sf-dark-c-lime-20:120 100% 20%;--sf-dark-c-lime-30:120 100% 30%;--sf-dark-c-lime-40:120 100% 40%;--sf-dark-c-lime-50:120 100% 50%;--sf-dark-c-lime-60:120 100% 60%;--sf-dark-c-lime-70:120 100% 70%;--sf-dark-c-lime-80:120 100% 80%;--sf-dark-c-lime-90:120 100% 90%;--sf-dark-c-lime-100:120 100% 100%;--sf-dark-c-txt-lime:var(--sf-dark-c-lime);--sf-dark-c-txt-lime-0:var(--sf-dark-c-lime-0);--sf-dark-c-txt-lime-10:var(--sf-dark-c-lime-10);--sf-dark-c-txt-lime-20:var(--sf-dark-c-lime-20);--sf-dark-c-txt-lime-30:var(--sf-dark-c-lime-30);--sf-dark-c-txt-lime-40:var(--sf-dark-c-lime-40);--sf-dark-c-txt-lime-50:var(--sf-dark-c-lime-50);--sf-dark-c-txt-lime-60:var(--sf-dark-c-lime-60);--sf-dark-c-txt-lime-70:var(--sf-dark-c-lime-70);--sf-dark-c-txt-lime-80:var(--sf-dark-c-lime-80);--sf-dark-c-txt-lime-90:var(--sf-dark-c-lime-90);--sf-dark-c-txt-lime-100:var(--sf-dark-c-lime-100);--sf-c-maroon:0 100% 25%;--sf-c-maroon-0:0 100% 0%;--sf-c-maroon-10:0 100% 10%;--sf-c-maroon-20:0 100% 20%;--sf-c-maroon-30:0 100% 30%;--sf-c-maroon-40:0 100% 40%;--sf-c-maroon-50:0 100% 50%;--sf-c-maroon-60:0 100% 60%;--sf-c-maroon-70:0 100% 70%;--sf-c-maroon-80:0 100% 80%;--sf-c-maroon-90:0 100% 90%;--sf-c-maroon-100:0 100% 100%;--sf-c-txt-maroon:var(--sf-c-maroon);--sf-c-txt-maroon-0:var(--sf-c-maroon-0);--sf-c-txt-maroon-10:var(--sf-c-maroon-10);--sf-c-txt-maroon-20:var(--sf-c-maroon-20);--sf-c-txt-maroon-30:var(--sf-c-maroon-30);--sf-c-txt-maroon-40:var(--sf-c-maroon-40);--sf-c-txt-maroon-50:var(--sf-c-maroon-50);--sf-c-txt-maroon-60:var(--sf-c-maroon-60);--sf-c-txt-maroon-70:var(--sf-c-maroon-70);--sf-c-txt-maroon-80:var(--sf-c-maroon-80);--sf-c-txt-maroon-90:var(--sf-c-maroon-90);--sf-c-txt-maroon-100:var(--sf-c-maroon-100);--sf-dark-c-maroon:0 100% 75%;--sf-dark-c-maroon-0:0 100% 0%;--sf-dark-c-maroon-10:0 100% 10%;--sf-dark-c-maroon-20:0 100% 20%;--sf-dark-c-maroon-30:0 100% 30%;--sf-dark-c-maroon-40:0 100% 40%;--sf-dark-c-maroon-50:0 100% 50%;--sf-dark-c-maroon-60:0 100% 60%;--sf-dark-c-maroon-70:0 100% 70%;--sf-dark-c-maroon-80:0 100% 80%;--sf-dark-c-maroon-90:0 100% 90%;--sf-dark-c-maroon-100:0 100% 100%;--sf-dark-c-txt-maroon:var(--sf-dark-c-maroon);--sf-dark-c-txt-maroon-0:var(--sf-dark-c-maroon-0);--sf-dark-c-txt-maroon-10:var(--sf-dark-c-maroon-10);--sf-dark-c-txt-maroon-20:var(--sf-dark-c-maroon-20);--sf-dark-c-txt-maroon-30:var(--sf-dark-c-maroon-30);--sf-dark-c-txt-maroon-40:var(--sf-dark-c-maroon-40);--sf-dark-c-txt-maroon-50:var(--sf-dark-c-maroon-50);--sf-dark-c-txt-maroon-60:var(--sf-dark-c-maroon-60);--sf-dark-c-txt-maroon-70:var(--sf-dark-c-maroon-70);--sf-dark-c-txt-maroon-80:var(--sf-dark-c-maroon-80);--sf-dark-c-txt-maroon-90:var(--sf-dark-c-maroon-90);--sf-dark-c-txt-maroon-100:var(--sf-dark-c-maroon-100);--sf-c-navy:240 100% 25%;--sf-c-navy-0:240 100% 0%;--sf-c-navy-10:240 100% 10%;--sf-c-navy-20:240 100% 20%;--sf-c-navy-30:240 100% 30%;--sf-c-navy-40:240 100% 40%;--sf-c-navy-50:240 100% 50%;--sf-c-navy-60:240 100% 60%;--sf-c-navy-70:240 100% 70%;--sf-c-navy-80:240 100% 80%;--sf-c-navy-90:240 100% 90%;--sf-c-navy-100:240 100% 100%;--sf-c-txt-navy:var(--sf-c-navy);--sf-c-txt-navy-0:var(--sf-c-navy-0);--sf-c-txt-navy-10:var(--sf-c-navy-10);--sf-c-txt-navy-20:var(--sf-c-navy-20);--sf-c-txt-navy-30:var(--sf-c-navy-30);--sf-c-txt-navy-40:var(--sf-c-navy-40);--sf-c-txt-navy-50:var(--sf-c-navy-50);--sf-c-txt-navy-60:var(--sf-c-navy-60);--sf-c-txt-navy-70:var(--sf-c-navy-70);--sf-c-txt-navy-80:var(--sf-c-navy-80);--sf-c-txt-navy-90:var(--sf-c-navy-90);--sf-c-txt-navy-100:var(--sf-c-navy-100);--sf-dark-c-navy:240 100% 75%;--sf-dark-c-navy-0:240 100% 0%;--sf-dark-c-navy-10:240 100% 10%;--sf-dark-c-navy-20:240 100% 20%;--sf-dark-c-navy-30:240 100% 30%;--sf-dark-c-navy-40:240 100% 40%;--sf-dark-c-navy-50:240 100% 50%;--sf-dark-c-navy-60:240 100% 60%;--sf-dark-c-navy-70:240 100% 70%;--sf-dark-c-navy-80:240 100% 80%;--sf-dark-c-navy-90:240 100% 90%;--sf-dark-c-navy-100:240 100% 100%;--sf-dark-c-txt-navy:var(--sf-dark-c-navy);--sf-dark-c-txt-navy-0:var(--sf-dark-c-navy-0);--sf-dark-c-txt-navy-10:var(--sf-dark-c-navy-10);--sf-dark-c-txt-navy-20:var(--sf-dark-c-navy-20);--sf-dark-c-txt-navy-30:var(--sf-dark-c-navy-30);--sf-dark-c-txt-navy-40:var(--sf-dark-c-navy-40);--sf-dark-c-txt-navy-50:var(--sf-dark-c-navy-50);--sf-dark-c-txt-navy-60:var(--sf-dark-c-navy-60);--sf-dark-c-txt-navy-70:var(--sf-dark-c-navy-70);--sf-dark-c-txt-navy-80:var(--sf-dark-c-navy-80);--sf-dark-c-txt-navy-90:var(--sf-dark-c-navy-90);--sf-dark-c-txt-navy-100:var(--sf-dark-c-navy-100);--sf-c-olive:60 100% 25%;--sf-c-olive-0:60 100% 0%;--sf-c-olive-10:60 100% 10%;--sf-c-olive-20:60 100% 20%;--sf-c-olive-30:60 100% 30%;--sf-c-olive-40:60 100% 40%;--sf-c-olive-50:60 100% 50%;--sf-c-olive-60:60 100% 60%;--sf-c-olive-70:60 100% 70%;--sf-c-olive-80:60 100% 80%;--sf-c-olive-90:60 100% 90%;--sf-c-olive-100:60 100% 100%;--sf-c-txt-olive:var(--sf-c-olive);--sf-c-txt-olive-0:var(--sf-c-olive-0);--sf-c-txt-olive-10:var(--sf-c-olive-10);--sf-c-txt-olive-20:var(--sf-c-olive-20);--sf-c-txt-olive-30:var(--sf-c-olive-30);--sf-c-txt-olive-40:var(--sf-c-olive-40);--sf-c-txt-olive-50:var(--sf-c-olive-50);--sf-c-txt-olive-60:var(--sf-c-olive-60);--sf-c-txt-olive-70:var(--sf-c-olive-70);--sf-c-txt-olive-80:var(--sf-c-olive-80);--sf-c-txt-olive-90:var(--sf-c-olive-90);--sf-c-txt-olive-100:var(--sf-c-olive-100);--sf-dark-c-olive:60 100% 75%;--sf-dark-c-olive-0:60 100% 0%;--sf-dark-c-olive-10:60 100% 10%;--sf-dark-c-olive-20:60 100% 20%;--sf-dark-c-olive-30:60 100% 30%;--sf-dark-c-olive-40:60 100% 40%;--sf-dark-c-olive-50:60 100% 50%;--sf-dark-c-olive-60:60 100% 60%;--sf-dark-c-olive-70:60 100% 70%;--sf-dark-c-olive-80:60 100% 80%;--sf-dark-c-olive-90:60 100% 90%;--sf-dark-c-olive-100:60 100% 100%;--sf-dark-c-txt-olive:var(--sf-dark-c-olive);--sf-dark-c-txt-olive-0:var(--sf-dark-c-olive-0);--sf-dark-c-txt-olive-10:var(--sf-dark-c-olive-10);--sf-dark-c-txt-olive-20:var(--sf-dark-c-olive-20);--sf-dark-c-txt-olive-30:var(--sf-dark-c-olive-30);--sf-dark-c-txt-olive-40:var(--sf-dark-c-olive-40);--sf-dark-c-txt-olive-50:var(--sf-dark-c-olive-50);--sf-dark-c-txt-olive-60:var(--sf-dark-c-olive-60);--sf-dark-c-txt-olive-70:var(--sf-dark-c-olive-70);--sf-dark-c-txt-olive-80:var(--sf-dark-c-olive-80);--sf-dark-c-txt-olive-90:var(--sf-dark-c-olive-90);--sf-dark-c-txt-olive-100:var(--sf-dark-c-olive-100);--sf-c-purple:300 100% 25%;--sf-c-purple-0:300 100% 0%;--sf-c-purple-10:300 100% 10%;--sf-c-purple-20:300 100% 20%;--sf-c-purple-30:300 100% 30%;--sf-c-purple-40:300 100% 40%;--sf-c-purple-50:300 100% 50%;--sf-c-purple-60:300 100% 60%;--sf-c-purple-70:300 100% 70%;--sf-c-purple-80:300 100% 80%;--sf-c-purple-90:300 100% 90%;--sf-c-purple-100:300 100% 100%;--sf-c-txt-purple:var(--sf-c-purple);--sf-c-txt-purple-0:var(--sf-c-purple-0);--sf-c-txt-purple-10:var(--sf-c-purple-10);--sf-c-txt-purple-20:var(--sf-c-purple-20);--sf-c-txt-purple-30:var(--sf-c-purple-30);--sf-c-txt-purple-40:var(--sf-c-purple-40);--sf-c-txt-purple-50:var(--sf-c-purple-50);--sf-c-txt-purple-60:var(--sf-c-purple-60);--sf-c-txt-purple-70:var(--sf-c-purple-70);--sf-c-txt-purple-80:var(--sf-c-purple-80);--sf-c-txt-purple-90:var(--sf-c-purple-90);--sf-c-txt-purple-100:var(--sf-c-purple-100);--sf-dark-c-purple:300 100% 75%;--sf-dark-c-purple-0:300 100% 0%;--sf-dark-c-purple-10:300 100% 10%;--sf-dark-c-purple-20:300 100% 20%;--sf-dark-c-purple-30:300 100% 30%;--sf-dark-c-purple-40:300 100% 40%;--sf-dark-c-purple-50:300 100% 50%;--sf-dark-c-purple-60:300 100% 60%;--sf-dark-c-purple-70:300 100% 70%;--sf-dark-c-purple-80:300 100% 80%;--sf-dark-c-purple-90:300 100% 90%;--sf-dark-c-purple-100:300 100% 100%;--sf-dark-c-txt-purple:var(--sf-dark-c-purple);--sf-dark-c-txt-purple-0:var(--sf-dark-c-purple-0);--sf-dark-c-txt-purple-10:var(--sf-dark-c-purple-10);--sf-dark-c-txt-purple-20:var(--sf-dark-c-purple-20);--sf-dark-c-txt-purple-30:var(--sf-dark-c-purple-30);--sf-dark-c-txt-purple-40:var(--sf-dark-c-purple-40);--sf-dark-c-txt-purple-50:var(--sf-dark-c-purple-50);--sf-dark-c-txt-purple-60:var(--sf-dark-c-purple-60);--sf-dark-c-txt-purple-70:var(--sf-dark-c-purple-70);--sf-dark-c-txt-purple-80:var(--sf-dark-c-purple-80);--sf-dark-c-txt-purple-90:var(--sf-dark-c-purple-90);--sf-dark-c-txt-purple-100:var(--sf-dark-c-purple-100);--sf-c-red:0 100% 50%;--sf-c-red-0:0 100% 0%;--sf-c-red-10:0 100% 10%;--sf-c-red-20:0 100% 20%;--sf-c-red-30:0 100% 30%;--sf-c-red-40:0 100% 40%;--sf-c-red-50:0 100% 50%;--sf-c-red-60:0 100% 60%;--sf-c-red-70:0 100% 70%;--sf-c-red-80:0 100% 80%;--sf-c-red-90:0 100% 90%;--sf-c-red-100:0 100% 100%;--sf-c-txt-red:var(--sf-c-red);--sf-c-txt-red-0:var(--sf-c-red-0);--sf-c-txt-red-10:var(--sf-c-red-10);--sf-c-txt-red-20:var(--sf-c-red-20);--sf-c-txt-red-30:var(--sf-c-red-30);--sf-c-txt-red-40:var(--sf-c-red-40);--sf-c-txt-red-50:var(--sf-c-red-50);--sf-c-txt-red-60:var(--sf-c-red-60);--sf-c-txt-red-70:var(--sf-c-red-70);--sf-c-txt-red-80:var(--sf-c-red-80);--sf-c-txt-red-90:var(--sf-c-red-90);--sf-c-txt-red-100:var(--sf-c-red-100);--sf-dark-c-red:0 100% 50%;--sf-dark-c-red-0:0 100% 0%;--sf-dark-c-red-10:0 100% 10%;--sf-dark-c-red-20:0 100% 20%;--sf-dark-c-red-30:0 100% 30%;--sf-dark-c-red-40:0 100% 40%;--sf-dark-c-red-50:0 100% 50%;--sf-dark-c-red-60:0 100% 60%;--sf-dark-c-red-70:0 100% 70%;--sf-dark-c-red-80:0 100% 80%;--sf-dark-c-red-90:0 100% 90%;--sf-dark-c-red-100:0 100% 100%;--sf-dark-c-txt-red:var(--sf-dark-c-red);--sf-dark-c-txt-red-0:var(--sf-dark-c-red-0);--sf-dark-c-txt-red-10:var(--sf-dark-c-red-10);--sf-dark-c-txt-red-20:var(--sf-dark-c-red-20);--sf-dark-c-txt-red-30:var(--sf-dark-c-red-30);--sf-dark-c-txt-red-40:var(--sf-dark-c-red-40);--sf-dark-c-txt-red-50:var(--sf-dark-c-red-50);--sf-dark-c-txt-red-60:var(--sf-dark-c-red-60);--sf-dark-c-txt-red-70:var(--sf-dark-c-red-70);--sf-dark-c-txt-red-80:var(--sf-dark-c-red-80);--sf-dark-c-txt-red-90:var(--sf-dark-c-red-90);--sf-dark-c-txt-red-100:var(--sf-dark-c-red-100);--sf-c-silver:0 0% 75%;--sf-c-silver-0:0 0% 0%;--sf-c-silver-10:0 0% 10%;--sf-c-silver-20:0 0% 20%;--sf-c-silver-30:0 0% 30%;--sf-c-silver-40:0 0% 40%;--sf-c-silver-50:0 0% 50%;--sf-c-silver-60:0 0% 60%;--sf-c-silver-70:0 0% 70%;--sf-c-silver-80:0 0% 80%;--sf-c-silver-90:0 0% 90%;--sf-c-silver-100:0 0% 100%;--sf-c-txt-silver:var(--sf-c-silver);--sf-c-txt-silver-0:var(--sf-c-silver-0);--sf-c-txt-silver-10:var(--sf-c-silver-10);--sf-c-txt-silver-20:var(--sf-c-silver-20);--sf-c-txt-silver-30:var(--sf-c-silver-30);--sf-c-txt-silver-40:var(--sf-c-silver-40);--sf-c-txt-silver-50:var(--sf-c-silver-50);--sf-c-txt-silver-60:var(--sf-c-silver-60);--sf-c-txt-silver-70:var(--sf-c-silver-70);--sf-c-txt-silver-80:var(--sf-c-silver-80);--sf-c-txt-silver-90:var(--sf-c-silver-90);--sf-c-txt-silver-100:var(--sf-c-silver-100);--sf-dark-c-silver:0 0% 25%;--sf-dark-c-silver-0:0 0% 0%;--sf-dark-c-silver-10:0 0% 10%;--sf-dark-c-silver-20:0 0% 20%;--sf-dark-c-silver-30:0 0% 30%;--sf-dark-c-silver-40:0 0% 40%;--sf-dark-c-silver-50:0 0% 50%;--sf-dark-c-silver-60:0 0% 60%;--sf-dark-c-silver-70:0 0% 70%;--sf-dark-c-silver-80:0 0% 80%;--sf-dark-c-silver-90:0 0% 90%;--sf-dark-c-silver-100:0 0% 100%;--sf-dark-c-txt-silver:var(--sf-dark-c-silver);--sf-dark-c-txt-silver-0:var(--sf-dark-c-silver-0);--sf-dark-c-txt-silver-10:var(--sf-dark-c-silver-10);--sf-dark-c-txt-silver-20:var(--sf-dark-c-silver-20);--sf-dark-c-txt-silver-30:var(--sf-dark-c-silver-30);--sf-dark-c-txt-silver-40:var(--sf-dark-c-silver-40);--sf-dark-c-txt-silver-50:var(--sf-dark-c-silver-50);--sf-dark-c-txt-silver-60:var(--sf-dark-c-silver-60);--sf-dark-c-txt-silver-70:var(--sf-dark-c-silver-70);--sf-dark-c-txt-silver-80:var(--sf-dark-c-silver-80);--sf-dark-c-txt-silver-90:var(--sf-dark-c-silver-90);--sf-dark-c-txt-silver-100:var(--sf-dark-c-silver-100);--sf-c-teal:180 100% 25%;--sf-c-teal-0:180 100% 0%;--sf-c-teal-10:180 100% 10%;--sf-c-teal-20:180 100% 20%;--sf-c-teal-30:180 100% 30%;--sf-c-teal-40:180 100% 40%;--sf-c-teal-50:180 100% 50%;--sf-c-teal-60:180 100% 60%;--sf-c-teal-70:180 100% 70%;--sf-c-teal-80:180 100% 80%;--sf-c-teal-90:180 100% 90%;--sf-c-teal-100:180 100% 100%;--sf-c-txt-teal:var(--sf-c-teal);--sf-c-txt-teal-0:var(--sf-c-teal-0);--sf-c-txt-teal-10:var(--sf-c-teal-10);--sf-c-txt-teal-20:var(--sf-c-teal-20);--sf-c-txt-teal-30:var(--sf-c-teal-30);--sf-c-txt-teal-40:var(--sf-c-teal-40);--sf-c-txt-teal-50:var(--sf-c-teal-50);--sf-c-txt-teal-60:var(--sf-c-teal-60);--sf-c-txt-teal-70:var(--sf-c-teal-70);--sf-c-txt-teal-80:var(--sf-c-teal-80);--sf-c-txt-teal-90:var(--sf-c-teal-90);--sf-c-txt-teal-100:var(--sf-c-teal-100);--sf-dark-c-teal:180 100% 75%;--sf-dark-c-teal-0:180 100% 0%;--sf-dark-c-teal-10:180 100% 10%;--sf-dark-c-teal-20:180 100% 20%;--sf-dark-c-teal-30:180 100% 30%;--sf-dark-c-teal-40:180 100% 40%;--sf-dark-c-teal-50:180 100% 50%;--sf-dark-c-teal-60:180 100% 60%;--sf-dark-c-teal-70:180 100% 70%;--sf-dark-c-teal-80:180 100% 80%;--sf-dark-c-teal-90:180 100% 90%;--sf-dark-c-teal-100:180 100% 100%;--sf-dark-c-txt-teal:var(--sf-dark-c-teal);--sf-dark-c-txt-teal-0:var(--sf-dark-c-teal-0);--sf-dark-c-txt-teal-10:var(--sf-dark-c-teal-10);--sf-dark-c-txt-teal-20:var(--sf-dark-c-teal-20);--sf-dark-c-txt-teal-30:var(--sf-dark-c-teal-30);--sf-dark-c-txt-teal-40:var(--sf-dark-c-teal-40);--sf-dark-c-txt-teal-50:var(--sf-dark-c-teal-50);--sf-dark-c-txt-teal-60:var(--sf-dark-c-teal-60);--sf-dark-c-txt-teal-70:var(--sf-dark-c-teal-70);--sf-dark-c-txt-teal-80:var(--sf-dark-c-teal-80);--sf-dark-c-txt-teal-90:var(--sf-dark-c-teal-90);--sf-dark-c-txt-teal-100:var(--sf-dark-c-teal-100);--sf-c-white:0 0% 100%;--sf-c-white-0:0 0% 0%;--sf-c-white-10:0 0% 10%;--sf-c-white-20:0 0% 20%;--sf-c-white-30:0 0% 30%;--sf-c-white-40:0 0% 40%;--sf-c-white-50:0 0% 50%;--sf-c-white-60:0 0% 60%;--sf-c-white-70:0 0% 70%;--sf-c-white-80:0 0% 80%;--sf-c-white-90:0 0% 90%;--sf-c-white-100:0 0% 100%;--sf-c-txt-white:var(--sf-c-white);--sf-c-txt-white-0:var(--sf-c-white-0);--sf-c-txt-white-10:var(--sf-c-white-10);--sf-c-txt-white-20:var(--sf-c-white-20);--sf-c-txt-white-30:var(--sf-c-white-30);--sf-c-txt-white-40:var(--sf-c-white-40);--sf-c-txt-white-50:var(--sf-c-white-50);--sf-c-txt-white-60:var(--sf-c-white-60);--sf-c-txt-white-70:var(--sf-c-white-70);--sf-c-txt-white-80:var(--sf-c-white-80);--sf-c-txt-white-90:var(--sf-c-white-90);--sf-c-txt-white-100:var(--sf-c-white-100);--sf-dark-c-white:0 0% 0%;--sf-dark-c-white-0:0 0% 0%;--sf-dark-c-white-10:0 0% 10%;--sf-dark-c-white-20:0 0% 20%;--sf-dark-c-white-30:0 0% 30%;--sf-dark-c-white-40:0 0% 40%;--sf-dark-c-white-50:0 0% 50%;--sf-dark-c-white-60:0 0% 60%;--sf-dark-c-white-70:0 0% 70%;--sf-dark-c-white-80:0 0% 80%;--sf-dark-c-white-90:0 0% 90%;--sf-dark-c-white-100:0 0% 100%;--sf-dark-c-txt-white:var(--sf-dark-c-white);--sf-dark-c-txt-white-0:var(--sf-dark-c-white-0);--sf-dark-c-txt-white-10:var(--sf-dark-c-white-10);--sf-dark-c-txt-white-20:var(--sf-dark-c-white-20);--sf-dark-c-txt-white-30:var(--sf-dark-c-white-30);--sf-dark-c-txt-white-40:var(--sf-dark-c-white-40);--sf-dark-c-txt-white-50:var(--sf-dark-c-white-50);--sf-dark-c-txt-white-60:var(--sf-dark-c-white-60);--sf-dark-c-txt-white-70:var(--sf-dark-c-white-70);--sf-dark-c-txt-white-80:var(--sf-dark-c-white-80);--sf-dark-c-txt-white-90:var(--sf-dark-c-white-90);--sf-dark-c-txt-white-100:var(--sf-dark-c-white-100);--sf-c-yellow:60 100% 50%;--sf-c-yellow-0:60 100% 0%;--sf-c-yellow-10:60 100% 10%;--sf-c-yellow-20:60 100% 20%;--sf-c-yellow-30:60 100% 30%;--sf-c-yellow-40:60 100% 40%;--sf-c-yellow-50:60 100% 50%;--sf-c-yellow-60:60 100% 60%;--sf-c-yellow-70:60 100% 70%;--sf-c-yellow-80:60 100% 80%;--sf-c-yellow-90:60 100% 90%;--sf-c-yellow-100:60 100% 100%;--sf-c-txt-yellow:var(--sf-c-yellow);--sf-c-txt-yellow-0:var(--sf-c-yellow-0);--sf-c-txt-yellow-10:var(--sf-c-yellow-10);--sf-c-txt-yellow-20:var(--sf-c-yellow-20);--sf-c-txt-yellow-30:var(--sf-c-yellow-30);--sf-c-txt-yellow-40:var(--sf-c-yellow-40);--sf-c-txt-yellow-50:var(--sf-c-yellow-50);--sf-c-txt-yellow-60:var(--sf-c-yellow-60);--sf-c-txt-yellow-70:var(--sf-c-yellow-70);--sf-c-txt-yellow-80:var(--sf-c-yellow-80);--sf-c-txt-yellow-90:var(--sf-c-yellow-90);--sf-c-txt-yellow-100:var(--sf-c-yellow-100);--sf-dark-c-yellow:60 100% 50%;--sf-dark-c-yellow-0:60 100% 0%;--sf-dark-c-yellow-10:60 100% 10%;--sf-dark-c-yellow-20:60 100% 20%;--sf-dark-c-yellow-30:60 100% 30%;--sf-dark-c-yellow-40:60 100% 40%;--sf-dark-c-yellow-50:60 100% 50%;--sf-dark-c-yellow-60:60 100% 60%;--sf-dark-c-yellow-70:60 100% 70%;--sf-dark-c-yellow-80:60 100% 80%;--sf-dark-c-yellow-90:60 100% 90%;--sf-dark-c-yellow-100:60 100% 100%;--sf-dark-c-txt-yellow:var(--sf-dark-c-yellow);--sf-dark-c-txt-yellow-0:var(--sf-dark-c-yellow-0);--sf-dark-c-txt-yellow-10:var(--sf-dark-c-yellow-10);--sf-dark-c-txt-yellow-20:var(--sf-dark-c-yellow-20);--sf-dark-c-txt-yellow-30:var(--sf-dark-c-yellow-30);--sf-dark-c-txt-yellow-40:var(--sf-dark-c-yellow-40);--sf-dark-c-txt-yellow-50:var(--sf-dark-c-yellow-50);--sf-dark-c-txt-yellow-60:var(--sf-dark-c-yellow-60);--sf-dark-c-txt-yellow-70:var(--sf-dark-c-yellow-70);--sf-dark-c-txt-yellow-80:var(--sf-dark-c-yellow-80);--sf-dark-c-txt-yellow-90:var(--sf-dark-c-yellow-90);--sf-dark-c-txt-yellow-100:var(--sf-dark-c-yellow-100)}.sf-c-aqua{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua))}.sf-c-aqua\:0{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-0))}.sf-c-aqua\:10{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-10))}.sf-c-aqua\:20{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-20))}.sf-c-aqua\:30{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-30))}.sf-c-aqua\:40{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-40))}.sf-c-aqua\:50{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-50))}.sf-c-aqua\:60{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-60))}.sf-c-aqua\:70{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-70))}.sf-c-aqua\:80{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-80))}.sf-c-aqua\:90{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-90))}.sf-c-aqua\:100{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-100))}html.var .sf-c-aqua{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var .sf-c-aqua\:0{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var .sf-c-aqua\:10{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var .sf-c-aqua\:20{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var .sf-c-aqua\:30{color:hsl(180,100%,90%);background:hsl(180,100%,30%)}html.var .sf-c-aqua\:40{color:hsl(180,100%,90%);background:hsl(180,100%,40%)}html.var .sf-c-aqua\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var .sf-c-aqua\:60{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var .sf-c-aqua\:70{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var .sf-c-aqua\:80{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var .sf-c-aqua\:90{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var .sf-c-aqua\:100{color:hsl(180,100%,10%);background:hsl(180,100%,100%)}html[data-theme='dark'] .sf-c-aqua,html.dark .sf-c-aqua{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua))}html[data-theme='dark'] .sf-c-aqua\:0,html.dark .sf-c-aqua\:0{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-100))}html[data-theme='dark'] .sf-c-aqua\:10,html.dark .sf-c-aqua\:10{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-90))}html[data-theme='dark'] .sf-c-aqua\:20,html.dark .sf-c-aqua\:20{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-80))}html[data-theme='dark'] .sf-c-aqua\:30,html.dark .sf-c-aqua\:30{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-70))}html[data-theme='dark'] .sf-c-aqua\:40,html.dark .sf-c-aqua\:40{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-60))}html[data-theme='dark'] .sf-c-aqua\:50,html.dark .sf-c-aqua\:50{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-50))}html[data-theme='dark'] .sf-c-aqua\:60,html.dark .sf-c-aqua\:60{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-40))}html[data-theme='dark'] .sf-c-aqua\:70,html.dark .sf-c-aqua\:70{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-30))}html[data-theme='dark'] .sf-c-aqua\:80,html.dark .sf-c-aqua\:80{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-20))}html[data-theme='dark'] .sf-c-aqua\:90,html.dark .sf-c-aqua\:90{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-10))}html[data-theme='dark'] .sf-c-aqua\:100,html.dark .sf-c-aqua\:100{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-0))}html[data-theme='dark'] .sf-c-aqua\:dark,html.dark .sf-c-aqua\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua))}html[data-theme='dark'] .sf-c-aqua\:0\:dark,html.dark .sf-c-aqua\:0\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-100))}html[data-theme='dark'] .sf-c-aqua\:10\:dark,html.dark .sf-c-aqua\:10\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-90))}html[data-theme='dark'] .sf-c-aqua\:20\:dark,html.dark .sf-c-aqua\:20\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-80))}html[data-theme='dark'] .sf-c-aqua\:30\:dark,html.dark .sf-c-aqua\:30\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-70))}html[data-theme='dark'] .sf-c-aqua\:40\:dark,html.dark .sf-c-aqua\:40\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-60))}html[data-theme='dark'] .sf-c-aqua\:50\:dark,html.dark .sf-c-aqua\:50\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-50))}html[data-theme='dark'] .sf-c-aqua\:60\:dark,html.dark .sf-c-aqua\:60\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-40))}html[data-theme='dark'] .sf-c-aqua\:70\:dark,html.dark .sf-c-aqua\:70\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-30))}html[data-theme='dark'] .sf-c-aqua\:80\:dark,html.dark .sf-c-aqua\:80\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-20))}html[data-theme='dark'] .sf-c-aqua\:90\:dark,html.dark .sf-c-aqua\:90\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-10))}html[data-theme='dark'] .sf-c-aqua\:100\:dark,html.dark .sf-c-aqua\:100\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-0))}html.var[data-theme='dark'] .sf-c-aqua,html.var.dark .sf-c-aqua{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-aqua\:0,html.var.dark .sf-c-aqua\:0{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='dark'] .sf-c-aqua\:10,html.var.dark .sf-c-aqua\:10{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='dark'] .sf-c-aqua\:20,html.var.dark .sf-c-aqua\:20{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='dark'] .sf-c-aqua\:30,html.var.dark .sf-c-aqua\:30{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='dark'] .sf-c-aqua\:40,html.var.dark .sf-c-aqua\:40{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='dark'] .sf-c-aqua\:50,html.var.dark .sf-c-aqua\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-aqua\:60,html.var.dark .sf-c-aqua\:60{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='dark'] .sf-c-aqua\:70,html.var.dark .sf-c-aqua\:70{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='dark'] .sf-c-aqua\:80,html.var.dark .sf-c-aqua\:80{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='dark'] .sf-c-aqua\:90,html.var.dark .sf-c-aqua\:90{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='dark'] .sf-c-aqua\:100,html.var.dark .sf-c-aqua\:100{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var[data-theme='dark'] .sf-c-aqua\:dark,html.var.dark .sf-c-aqua\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-aqua\:0\:dark,html.var.dark .sf-c-aqua\:0\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='dark'] .sf-c-aqua\:10\:dark,html.var.dark .sf-c-aqua\:10\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='dark'] .sf-c-aqua\:20\:dark,html.var.dark .sf-c-aqua\:20\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='dark'] .sf-c-aqua\:30\:dark,html.var.dark .sf-c-aqua\:30\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='dark'] .sf-c-aqua\:40\:dark,html.var.dark .sf-c-aqua\:40\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='dark'] .sf-c-aqua\:50\:dark,html.var.dark .sf-c-aqua\:50\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-aqua\:60\:dark,html.var.dark .sf-c-aqua\:60\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='dark'] .sf-c-aqua\:70\:dark,html.var.dark .sf-c-aqua\:70\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='dark'] .sf-c-aqua\:80\:dark,html.var.dark .sf-c-aqua\:80\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='dark'] .sf-c-aqua\:90\:dark,html.var.dark .sf-c-aqua\:90\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='dark'] .sf-c-aqua\:100\:dark,html.var.dark .sf-c-aqua\:100\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-aqua,html.auto .sf-c-aqua{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua))}html[data-theme='auto'] .sf-c-aqua\:0,html.auto .sf-c-aqua\:0{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-100))}html[data-theme='auto'] .sf-c-aqua\:10,html.auto .sf-c-aqua\:10{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-90))}html[data-theme='auto'] .sf-c-aqua\:20,html.auto .sf-c-aqua\:20{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-80))}html[data-theme='auto'] .sf-c-aqua\:30,html.auto .sf-c-aqua\:30{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-70))}html[data-theme='auto'] .sf-c-aqua\:40,html.auto .sf-c-aqua\:40{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-60))}html[data-theme='auto'] .sf-c-aqua\:50,html.auto .sf-c-aqua\:50{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-50))}html[data-theme='auto'] .sf-c-aqua\:60,html.auto .sf-c-aqua\:60{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-40))}html[data-theme='auto'] .sf-c-aqua\:70,html.auto .sf-c-aqua\:70{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-30))}html[data-theme='auto'] .sf-c-aqua\:80,html.auto .sf-c-aqua\:80{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-20))}html[data-theme='auto'] .sf-c-aqua\:90,html.auto .sf-c-aqua\:90{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-10))}html[data-theme='auto'] .sf-c-aqua\:100,html.auto .sf-c-aqua\:100{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-0))}html[data-theme='auto'] .sf-c-aqua\:dark,html.auto .sf-c-aqua\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua))}html[data-theme='auto'] .sf-c-aqua\:0\:dark,html.auto .sf-c-aqua\:0\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-100))}html[data-theme='auto'] .sf-c-aqua\:10\:dark,html.auto .sf-c-aqua\:10\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-90))}html[data-theme='auto'] .sf-c-aqua\:20\:dark,html.auto .sf-c-aqua\:20\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-80))}html[data-theme='auto'] .sf-c-aqua\:30\:dark,html.auto .sf-c-aqua\:30\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-70))}html[data-theme='auto'] .sf-c-aqua\:40\:dark,html.auto .sf-c-aqua\:40\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-60))}html[data-theme='auto'] .sf-c-aqua\:50\:dark,html.auto .sf-c-aqua\:50\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-50))}html[data-theme='auto'] .sf-c-aqua\:60\:dark,html.auto .sf-c-aqua\:60\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-40))}html[data-theme='auto'] .sf-c-aqua\:70\:dark,html.auto .sf-c-aqua\:70\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-30))}html[data-theme='auto'] .sf-c-aqua\:80\:dark,html.auto .sf-c-aqua\:80\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-20))}html[data-theme='auto'] .sf-c-aqua\:90\:dark,html.auto .sf-c-aqua\:90\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-10))}html[data-theme='auto'] .sf-c-aqua\:100\:dark,html.auto .sf-c-aqua\:100\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-0))}html.var[data-theme='auto'] .sf-c-aqua,html.var.auto .sf-c-aqua{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-aqua\:0,html.var.auto .sf-c-aqua\:0{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='auto'] .sf-c-aqua\:10,html.var.auto .sf-c-aqua\:10{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='auto'] .sf-c-aqua\:20,html.var.auto .sf-c-aqua\:20{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='auto'] .sf-c-aqua\:30,html.var.auto .sf-c-aqua\:30{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='auto'] .sf-c-aqua\:40,html.var.auto .sf-c-aqua\:40{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='auto'] .sf-c-aqua\:50,html.var.auto .sf-c-aqua\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-aqua\:60,html.var.auto .sf-c-aqua\:60{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='auto'] .sf-c-aqua\:70,html.var.auto .sf-c-aqua\:70{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='auto'] .sf-c-aqua\:80,html.var.auto .sf-c-aqua\:80{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='auto'] .sf-c-aqua\:90,html.var.auto .sf-c-aqua\:90{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='auto'] .sf-c-aqua\:100,html.var.auto .sf-c-aqua\:100{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var[data-theme='auto'] .sf-c-aqua\:dark,html.var.auto .sf-c-aqua\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-aqua\:0\:dark,html.var.auto .sf-c-aqua\:0\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='auto'] .sf-c-aqua\:10\:dark,html.var.auto .sf-c-aqua\:10\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='auto'] .sf-c-aqua\:20\:dark,html.var.auto .sf-c-aqua\:20\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='auto'] .sf-c-aqua\:30\:dark,html.var.auto .sf-c-aqua\:30\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='auto'] .sf-c-aqua\:40\:dark,html.var.auto .sf-c-aqua\:40\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='auto'] .sf-c-aqua\:50\:dark,html.var.auto .sf-c-aqua\:50\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-aqua\:60\:dark,html.var.auto .sf-c-aqua\:60\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='auto'] .sf-c-aqua\:70\:dark,html.var.auto .sf-c-aqua\:70\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='auto'] .sf-c-aqua\:80\:dark,html.var.auto .sf-c-aqua\:80\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='auto'] .sf-c-aqua\:90\:dark,html.var.auto .sf-c-aqua\:90\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='auto'] .sf-c-aqua\:100\:dark,html.var.auto .sf-c-aqua\:100\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}}.sf-c-txt-aqua{color:hsl(var(--sf-c-txt-aqua))}.sf-c-txt-aqua\:0{color:hsl(var(--sf-c-txt-aqua-0))}.sf-c-txt-aqua\:10{color:hsl(var(--sf-c-txt-aqua-10))}.sf-c-txt-aqua\:20{color:hsl(var(--sf-c-txt-aqua-20))}.sf-c-txt-aqua\:30{color:hsl(var(--sf-c-txt-aqua-30))}.sf-c-txt-aqua\:40{color:hsl(var(--sf-c-txt-aqua-40))}.sf-c-txt-aqua\:50{color:hsl(var(--sf-c-txt-aqua-50))}.sf-c-txt-aqua\:60{color:hsl(var(--sf-c-txt-aqua-60))}.sf-c-txt-aqua\:70{color:hsl(var(--sf-c-txt-aqua-70))}.sf-c-txt-aqua\:80{color:hsl(var(--sf-c-txt-aqua-80))}.sf-c-txt-aqua\:90{color:hsl(var(--sf-c-txt-aqua-90))}.sf-c-txt-aqua\:100{color:hsl(var(--sf-c-txt-aqua-100))}.sf-c-black{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black))}.sf-c-black\:0{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-0))}.sf-c-black\:10{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-10))}.sf-c-black\:20{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-20))}.sf-c-black\:30{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-30))}.sf-c-black\:40{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-40))}.sf-c-black\:50{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-50))}.sf-c-black\:60{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-60))}.sf-c-black\:70{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-70))}.sf-c-black\:80{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-80))}.sf-c-black\:90{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-90))}.sf-c-black\:100{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-100))}html.var .sf-c-black{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var .sf-c-black\:0{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var .sf-c-black\:10{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var .sf-c-black\:20{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var .sf-c-black\:30{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var .sf-c-black\:40{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var .sf-c-black\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,60%)}html.var .sf-c-black\:70{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var .sf-c-black\:80{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var .sf-c-black\:90{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var .sf-c-black\:100{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-black,html.dark .sf-c-black{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black))}html[data-theme='dark'] .sf-c-black\:0,html.dark .sf-c-black\:0{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-100))}html[data-theme='dark'] .sf-c-black\:10,html.dark .sf-c-black\:10{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-90))}html[data-theme='dark'] .sf-c-black\:20,html.dark .sf-c-black\:20{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-80))}html[data-theme='dark'] .sf-c-black\:30,html.dark .sf-c-black\:30{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-70))}html[data-theme='dark'] .sf-c-black\:40,html.dark .sf-c-black\:40{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-60))}html[data-theme='dark'] .sf-c-black\:50,html.dark .sf-c-black\:50{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-50))}html[data-theme='dark'] .sf-c-black\:60,html.dark .sf-c-black\:60{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-40))}html[data-theme='dark'] .sf-c-black\:70,html.dark .sf-c-black\:70{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-30))}html[data-theme='dark'] .sf-c-black\:80,html.dark .sf-c-black\:80{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-20))}html[data-theme='dark'] .sf-c-black\:90,html.dark .sf-c-black\:90{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-10))}html[data-theme='dark'] .sf-c-black\:100,html.dark .sf-c-black\:100{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-0))}html[data-theme='dark'] .sf-c-black\:dark,html.dark .sf-c-black\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black))}html[data-theme='dark'] .sf-c-black\:0\:dark,html.dark .sf-c-black\:0\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-100))}html[data-theme='dark'] .sf-c-black\:10\:dark,html.dark .sf-c-black\:10\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-90))}html[data-theme='dark'] .sf-c-black\:20\:dark,html.dark .sf-c-black\:20\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-80))}html[data-theme='dark'] .sf-c-black\:30\:dark,html.dark .sf-c-black\:30\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-70))}html[data-theme='dark'] .sf-c-black\:40\:dark,html.dark .sf-c-black\:40\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-60))}html[data-theme='dark'] .sf-c-black\:50\:dark,html.dark .sf-c-black\:50\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-50))}html[data-theme='dark'] .sf-c-black\:60\:dark,html.dark .sf-c-black\:60\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-40))}html[data-theme='dark'] .sf-c-black\:70\:dark,html.dark .sf-c-black\:70\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-30))}html[data-theme='dark'] .sf-c-black\:80\:dark,html.dark .sf-c-black\:80\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-20))}html[data-theme='dark'] .sf-c-black\:90\:dark,html.dark .sf-c-black\:90\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-10))}html[data-theme='dark'] .sf-c-black\:100\:dark,html.dark .sf-c-black\:100\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-0))}html.var[data-theme='dark'] .sf-c-black,html.var.dark .sf-c-black{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:0,html.var.dark .sf-c-black\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:10,html.var.dark .sf-c-black\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-black\:20,html.var.dark .sf-c-black\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-black\:30,html.var.dark .sf-c-black\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-black\:40,html.var.dark .sf-c-black\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-black\:50,html.var.dark .sf-c-black\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-black\:60,html.var.dark .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-black\:70,html.var.dark .sf-c-black\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-black\:80,html.var.dark .sf-c-black\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-black\:90,html.var.dark .sf-c-black\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-black\:100,html.var.dark .sf-c-black\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-black\:dark,html.var.dark .sf-c-black\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:0\:dark,html.var.dark .sf-c-black\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:10\:dark,html.var.dark .sf-c-black\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-black\:20\:dark,html.var.dark .sf-c-black\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-black\:30\:dark,html.var.dark .sf-c-black\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-black\:40\:dark,html.var.dark .sf-c-black\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-black\:50\:dark,html.var.dark .sf-c-black\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-black\:60\:dark,html.var.dark .sf-c-black\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-black\:70\:dark,html.var.dark .sf-c-black\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-black\:80\:dark,html.var.dark .sf-c-black\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-black\:90\:dark,html.var.dark .sf-c-black\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-black\:100\:dark,html.var.dark .sf-c-black\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-black,html.auto .sf-c-black{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black))}html[data-theme='auto'] .sf-c-black\:0,html.auto .sf-c-black\:0{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-100))}html[data-theme='auto'] .sf-c-black\:10,html.auto .sf-c-black\:10{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-90))}html[data-theme='auto'] .sf-c-black\:20,html.auto .sf-c-black\:20{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-80))}html[data-theme='auto'] .sf-c-black\:30,html.auto .sf-c-black\:30{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-70))}html[data-theme='auto'] .sf-c-black\:40,html.auto .sf-c-black\:40{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-60))}html[data-theme='auto'] .sf-c-black\:50,html.auto .sf-c-black\:50{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-50))}html[data-theme='auto'] .sf-c-black\:60,html.auto .sf-c-black\:60{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-40))}html[data-theme='auto'] .sf-c-black\:70,html.auto .sf-c-black\:70{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-30))}html[data-theme='auto'] .sf-c-black\:80,html.auto .sf-c-black\:80{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-20))}html[data-theme='auto'] .sf-c-black\:90,html.auto .sf-c-black\:90{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-10))}html[data-theme='auto'] .sf-c-black\:100,html.auto .sf-c-black\:100{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-0))}html[data-theme='auto'] .sf-c-black\:dark,html.auto .sf-c-black\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black))}html[data-theme='auto'] .sf-c-black\:0\:dark,html.auto .sf-c-black\:0\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-100))}html[data-theme='auto'] .sf-c-black\:10\:dark,html.auto .sf-c-black\:10\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-90))}html[data-theme='auto'] .sf-c-black\:20\:dark,html.auto .sf-c-black\:20\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-80))}html[data-theme='auto'] .sf-c-black\:30\:dark,html.auto .sf-c-black\:30\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-70))}html[data-theme='auto'] .sf-c-black\:40\:dark,html.auto .sf-c-black\:40\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-60))}html[data-theme='auto'] .sf-c-black\:50\:dark,html.auto .sf-c-black\:50\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-50))}html[data-theme='auto'] .sf-c-black\:60\:dark,html.auto .sf-c-black\:60\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-40))}html[data-theme='auto'] .sf-c-black\:70\:dark,html.auto .sf-c-black\:70\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-30))}html[data-theme='auto'] .sf-c-black\:80\:dark,html.auto .sf-c-black\:80\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-20))}html[data-theme='auto'] .sf-c-black\:90\:dark,html.auto .sf-c-black\:90\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-10))}html[data-theme='auto'] .sf-c-black\:100\:dark,html.auto .sf-c-black\:100\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-0))}html.var[data-theme='auto'] .sf-c-black,html.var.auto .sf-c-black{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:0,html.var.auto .sf-c-black\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:10,html.var.auto .sf-c-black\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-black\:20,html.var.auto .sf-c-black\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-black\:30,html.var.auto .sf-c-black\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-black\:40,html.var.auto .sf-c-black\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-black\:50,html.var.auto .sf-c-black\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-black\:60,html.var.auto .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-black\:70,html.var.auto .sf-c-black\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-black\:80,html.var.auto .sf-c-black\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-black\:90,html.var.auto .sf-c-black\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-black\:100,html.var.auto .sf-c-black\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-black\:dark,html.var.auto .sf-c-black\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:0\:dark,html.var.auto .sf-c-black\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:10\:dark,html.var.auto .sf-c-black\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-black\:20\:dark,html.var.auto .sf-c-black\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-black\:30\:dark,html.var.auto .sf-c-black\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-black\:40\:dark,html.var.auto .sf-c-black\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-black\:50\:dark,html.var.auto .sf-c-black\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-black\:60\:dark,html.var.auto .sf-c-black\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-black\:70\:dark,html.var.auto .sf-c-black\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-black\:80\:dark,html.var.auto .sf-c-black\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-black\:90\:dark,html.var.auto .sf-c-black\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-black\:100\:dark,html.var.auto .sf-c-black\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}}.sf-c-txt-black{color:hsl(var(--sf-c-txt-black))}.sf-c-txt-black\:0{color:hsl(var(--sf-c-txt-black-0))}.sf-c-txt-black\:10{color:hsl(var(--sf-c-txt-black-10))}.sf-c-txt-black\:20{color:hsl(var(--sf-c-txt-black-20))}.sf-c-txt-black\:30{color:hsl(var(--sf-c-txt-black-30))}.sf-c-txt-black\:40{color:hsl(var(--sf-c-txt-black-40))}.sf-c-txt-black\:50{color:hsl(var(--sf-c-txt-black-50))}.sf-c-txt-black\:60{color:hsl(var(--sf-c-txt-black-60))}.sf-c-txt-black\:70{color:hsl(var(--sf-c-txt-black-70))}.sf-c-txt-black\:80{color:hsl(var(--sf-c-txt-black-80))}.sf-c-txt-black\:90{color:hsl(var(--sf-c-txt-black-90))}.sf-c-txt-black\:100{color:hsl(var(--sf-c-txt-black-100))}.sf-c-blue{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue))}.sf-c-blue\:0{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-0))}.sf-c-blue\:10{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-10))}.sf-c-blue\:20{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-20))}.sf-c-blue\:30{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-30))}.sf-c-blue\:40{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-40))}.sf-c-blue\:50{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-50))}.sf-c-blue\:60{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-60))}.sf-c-blue\:70{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-70))}.sf-c-blue\:80{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-80))}.sf-c-blue\:90{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-90))}.sf-c-blue\:100{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-100))}html.var .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var .sf-c-blue\:0{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var .sf-c-blue\:10{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var .sf-c-blue\:20{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var .sf-c-blue\:30{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html.var .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,80%)}html.var .sf-c-blue\:90{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var .sf-c-blue\:100{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}html[data-theme='dark'] .sf-c-blue,html.dark .sf-c-blue{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue))}html[data-theme='dark'] .sf-c-blue\:0,html.dark .sf-c-blue\:0{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-100))}html[data-theme='dark'] .sf-c-blue\:10,html.dark .sf-c-blue\:10{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-90))}html[data-theme='dark'] .sf-c-blue\:20,html.dark .sf-c-blue\:20{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-80))}html[data-theme='dark'] .sf-c-blue\:30,html.dark .sf-c-blue\:30{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-70))}html[data-theme='dark'] .sf-c-blue\:40,html.dark .sf-c-blue\:40{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-60))}html[data-theme='dark'] .sf-c-blue\:50,html.dark .sf-c-blue\:50{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-50))}html[data-theme='dark'] .sf-c-blue\:60,html.dark .sf-c-blue\:60{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-40))}html[data-theme='dark'] .sf-c-blue\:70,html.dark .sf-c-blue\:70{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-30))}html[data-theme='dark'] .sf-c-blue\:80,html.dark .sf-c-blue\:80{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-20))}html[data-theme='dark'] .sf-c-blue\:90,html.dark .sf-c-blue\:90{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-10))}html[data-theme='dark'] .sf-c-blue\:100,html.dark .sf-c-blue\:100{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-0))}html[data-theme='dark'] .sf-c-blue\:dark,html.dark .sf-c-blue\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue))}html[data-theme='dark'] .sf-c-blue\:0\:dark,html.dark .sf-c-blue\:0\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-100))}html[data-theme='dark'] .sf-c-blue\:10\:dark,html.dark .sf-c-blue\:10\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-90))}html[data-theme='dark'] .sf-c-blue\:20\:dark,html.dark .sf-c-blue\:20\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-80))}html[data-theme='dark'] .sf-c-blue\:30\:dark,html.dark .sf-c-blue\:30\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-70))}html[data-theme='dark'] .sf-c-blue\:40\:dark,html.dark .sf-c-blue\:40\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-60))}html[data-theme='dark'] .sf-c-blue\:50\:dark,html.dark .sf-c-blue\:50\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-50))}html[data-theme='dark'] .sf-c-blue\:60\:dark,html.dark .sf-c-blue\:60\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-40))}html[data-theme='dark'] .sf-c-blue\:70\:dark,html.dark .sf-c-blue\:70\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-30))}html[data-theme='dark'] .sf-c-blue\:80\:dark,html.dark .sf-c-blue\:80\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-20))}html[data-theme='dark'] .sf-c-blue\:90\:dark,html.dark .sf-c-blue\:90\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-10))}html[data-theme='dark'] .sf-c-blue\:100\:dark,html.dark .sf-c-blue\:100\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-0))}html.var[data-theme='dark'] .sf-c-blue,html.var.dark .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:0,html.var.dark .sf-c-blue\:0{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='dark'] .sf-c-blue\:10,html.var.dark .sf-c-blue\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-blue\:20,html.var.dark .sf-c-blue\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-blue\:30,html.var.dark .sf-c-blue\:30{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-blue\:40,html.var.dark .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-blue\:50,html.var.dark .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:60,html.var.dark .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-blue\:70,html.var.dark .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-blue\:80,html.var.dark .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-blue\:90,html.var.dark .sf-c-blue\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-blue\:100,html.var.dark .sf-c-blue\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='dark'] .sf-c-blue\:dark,html.var.dark .sf-c-blue\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:0\:dark,html.var.dark .sf-c-blue\:0\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='dark'] .sf-c-blue\:10\:dark,html.var.dark .sf-c-blue\:10\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-blue\:20\:dark,html.var.dark .sf-c-blue\:20\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-blue\:30\:dark,html.var.dark .sf-c-blue\:30\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-blue\:40\:dark,html.var.dark .sf-c-blue\:40\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-blue\:50\:dark,html.var.dark .sf-c-blue\:50\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:60\:dark,html.var.dark .sf-c-blue\:60\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-blue\:70\:dark,html.var.dark .sf-c-blue\:70\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-blue\:80\:dark,html.var.dark .sf-c-blue\:80\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-blue\:90\:dark,html.var.dark .sf-c-blue\:90\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-blue\:100\:dark,html.var.dark .sf-c-blue\:100\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-blue,html.auto .sf-c-blue{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue))}html[data-theme='auto'] .sf-c-blue\:0,html.auto .sf-c-blue\:0{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-100))}html[data-theme='auto'] .sf-c-blue\:10,html.auto .sf-c-blue\:10{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-90))}html[data-theme='auto'] .sf-c-blue\:20,html.auto .sf-c-blue\:20{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-80))}html[data-theme='auto'] .sf-c-blue\:30,html.auto .sf-c-blue\:30{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-70))}html[data-theme='auto'] .sf-c-blue\:40,html.auto .sf-c-blue\:40{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-60))}html[data-theme='auto'] .sf-c-blue\:50,html.auto .sf-c-blue\:50{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-50))}html[data-theme='auto'] .sf-c-blue\:60,html.auto .sf-c-blue\:60{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-40))}html[data-theme='auto'] .sf-c-blue\:70,html.auto .sf-c-blue\:70{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-30))}html[data-theme='auto'] .sf-c-blue\:80,html.auto .sf-c-blue\:80{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-20))}html[data-theme='auto'] .sf-c-blue\:90,html.auto .sf-c-blue\:90{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-10))}html[data-theme='auto'] .sf-c-blue\:100,html.auto .sf-c-blue\:100{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-0))}html[data-theme='auto'] .sf-c-blue\:dark,html.auto .sf-c-blue\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue))}html[data-theme='auto'] .sf-c-blue\:0\:dark,html.auto .sf-c-blue\:0\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-100))}html[data-theme='auto'] .sf-c-blue\:10\:dark,html.auto .sf-c-blue\:10\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-90))}html[data-theme='auto'] .sf-c-blue\:20\:dark,html.auto .sf-c-blue\:20\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-80))}html[data-theme='auto'] .sf-c-blue\:30\:dark,html.auto .sf-c-blue\:30\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-70))}html[data-theme='auto'] .sf-c-blue\:40\:dark,html.auto .sf-c-blue\:40\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-60))}html[data-theme='auto'] .sf-c-blue\:50\:dark,html.auto .sf-c-blue\:50\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-50))}html[data-theme='auto'] .sf-c-blue\:60\:dark,html.auto .sf-c-blue\:60\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-40))}html[data-theme='auto'] .sf-c-blue\:70\:dark,html.auto .sf-c-blue\:70\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-30))}html[data-theme='auto'] .sf-c-blue\:80\:dark,html.auto .sf-c-blue\:80\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-20))}html[data-theme='auto'] .sf-c-blue\:90\:dark,html.auto .sf-c-blue\:90\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-10))}html[data-theme='auto'] .sf-c-blue\:100\:dark,html.auto .sf-c-blue\:100\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-0))}html.var[data-theme='auto'] .sf-c-blue,html.var.auto .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:0,html.var.auto .sf-c-blue\:0{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='auto'] .sf-c-blue\:10,html.var.auto .sf-c-blue\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-blue\:20,html.var.auto .sf-c-blue\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-blue\:30,html.var.auto .sf-c-blue\:30{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-blue\:40,html.var.auto .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-blue\:50,html.var.auto .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:60,html.var.auto .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-blue\:70,html.var.auto .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-blue\:80,html.var.auto .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-blue\:90,html.var.auto .sf-c-blue\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-blue\:100,html.var.auto .sf-c-blue\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='auto'] .sf-c-blue\:dark,html.var.auto .sf-c-blue\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:0\:dark,html.var.auto .sf-c-blue\:0\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='auto'] .sf-c-blue\:10\:dark,html.var.auto .sf-c-blue\:10\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-blue\:20\:dark,html.var.auto .sf-c-blue\:20\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-blue\:30\:dark,html.var.auto .sf-c-blue\:30\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-blue\:40\:dark,html.var.auto .sf-c-blue\:40\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-blue\:50\:dark,html.var.auto .sf-c-blue\:50\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:60\:dark,html.var.auto .sf-c-blue\:60\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-blue\:70\:dark,html.var.auto .sf-c-blue\:70\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-blue\:80\:dark,html.var.auto .sf-c-blue\:80\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-blue\:90\:dark,html.var.auto .sf-c-blue\:90\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-blue\:100\:dark,html.var.auto .sf-c-blue\:100\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}}.sf-c-txt-blue{color:hsl(var(--sf-c-txt-blue))}.sf-c-txt-blue\:0{color:hsl(var(--sf-c-txt-blue-0))}.sf-c-txt-blue\:10{color:hsl(var(--sf-c-txt-blue-10))}.sf-c-txt-blue\:20{color:hsl(var(--sf-c-txt-blue-20))}.sf-c-txt-blue\:30{color:hsl(var(--sf-c-txt-blue-30))}.sf-c-txt-blue\:40{color:hsl(var(--sf-c-txt-blue-40))}.sf-c-txt-blue\:50{color:hsl(var(--sf-c-txt-blue-50))}.sf-c-txt-blue\:60{color:hsl(var(--sf-c-txt-blue-60))}.sf-c-txt-blue\:70{color:hsl(var(--sf-c-txt-blue-70))}.sf-c-txt-blue\:80{color:hsl(var(--sf-c-txt-blue-80))}.sf-c-txt-blue\:90{color:hsl(var(--sf-c-txt-blue-90))}.sf-c-txt-blue\:100{color:hsl(var(--sf-c-txt-blue-100))}.sf-c-fuchsia{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia))}.sf-c-fuchsia\:0{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-0))}.sf-c-fuchsia\:10{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-10))}.sf-c-fuchsia\:20{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-20))}.sf-c-fuchsia\:30{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-30))}.sf-c-fuchsia\:40{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-40))}.sf-c-fuchsia\:50{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-50))}.sf-c-fuchsia\:60{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-60))}.sf-c-fuchsia\:70{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-70))}.sf-c-fuchsia\:80{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-80))}.sf-c-fuchsia\:90{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-90))}.sf-c-fuchsia\:100{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-100))}html.var .sf-c-fuchsia{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html.var .sf-c-fuchsia\:0{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var .sf-c-fuchsia\:10{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var .sf-c-fuchsia\:20{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var .sf-c-fuchsia\:30{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var .sf-c-fuchsia\:40{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var .sf-c-fuchsia\:50{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html.var .sf-c-fuchsia\:60{color:hsl(300,100%,90%);background:hsl(300,100%,60%)}html.var .sf-c-fuchsia\:70{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var .sf-c-fuchsia\:80{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var .sf-c-fuchsia\:90{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var .sf-c-fuchsia\:100{color:hsl(300,100%,10%);background:hsl(300,100%,100%)}html[data-theme='dark'] .sf-c-fuchsia,html.dark .sf-c-fuchsia{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia))}html[data-theme='dark'] .sf-c-fuchsia\:0,html.dark .sf-c-fuchsia\:0{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-100))}html[data-theme='dark'] .sf-c-fuchsia\:10,html.dark .sf-c-fuchsia\:10{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-90))}html[data-theme='dark'] .sf-c-fuchsia\:20,html.dark .sf-c-fuchsia\:20{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-80))}html[data-theme='dark'] .sf-c-fuchsia\:30,html.dark .sf-c-fuchsia\:30{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-70))}html[data-theme='dark'] .sf-c-fuchsia\:40,html.dark .sf-c-fuchsia\:40{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-60))}html[data-theme='dark'] .sf-c-fuchsia\:50,html.dark .sf-c-fuchsia\:50{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-50))}html[data-theme='dark'] .sf-c-fuchsia\:60,html.dark .sf-c-fuchsia\:60{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-40))}html[data-theme='dark'] .sf-c-fuchsia\:70,html.dark .sf-c-fuchsia\:70{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-30))}html[data-theme='dark'] .sf-c-fuchsia\:80,html.dark .sf-c-fuchsia\:80{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-20))}html[data-theme='dark'] .sf-c-fuchsia\:90,html.dark .sf-c-fuchsia\:90{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-10))}html[data-theme='dark'] .sf-c-fuchsia\:100,html.dark .sf-c-fuchsia\:100{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-0))}html[data-theme='dark'] .sf-c-fuchsia\:dark,html.dark .sf-c-fuchsia\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia))}html[data-theme='dark'] .sf-c-fuchsia\:0\:dark,html.dark .sf-c-fuchsia\:0\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-100))}html[data-theme='dark'] .sf-c-fuchsia\:10\:dark,html.dark .sf-c-fuchsia\:10\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-90))}html[data-theme='dark'] .sf-c-fuchsia\:20\:dark,html.dark .sf-c-fuchsia\:20\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-80))}html[data-theme='dark'] .sf-c-fuchsia\:30\:dark,html.dark .sf-c-fuchsia\:30\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-70))}html[data-theme='dark'] .sf-c-fuchsia\:40\:dark,html.dark .sf-c-fuchsia\:40\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-60))}html[data-theme='dark'] .sf-c-fuchsia\:50\:dark,html.dark .sf-c-fuchsia\:50\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-50))}html[data-theme='dark'] .sf-c-fuchsia\:60\:dark,html.dark .sf-c-fuchsia\:60\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-40))}html[data-theme='dark'] .sf-c-fuchsia\:70\:dark,html.dark .sf-c-fuchsia\:70\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-30))}html[data-theme='dark'] .sf-c-fuchsia\:80\:dark,html.dark .sf-c-fuchsia\:80\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-20))}html[data-theme='dark'] .sf-c-fuchsia\:90\:dark,html.dark .sf-c-fuchsia\:90\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-10))}html[data-theme='dark'] .sf-c-fuchsia\:100\:dark,html.dark .sf-c-fuchsia\:100\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-0))}html.var[data-theme='dark'] .sf-c-fuchsia,html.var.dark .sf-c-fuchsia{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-fuchsia\:0,html.var.dark .sf-c-fuchsia\:0{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='dark'] .sf-c-fuchsia\:10,html.var.dark .sf-c-fuchsia\:10{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='dark'] .sf-c-fuchsia\:20,html.var.dark .sf-c-fuchsia\:20{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='dark'] .sf-c-fuchsia\:30,html.var.dark .sf-c-fuchsia\:30{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='dark'] .sf-c-fuchsia\:40,html.var.dark .sf-c-fuchsia\:40{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='dark'] .sf-c-fuchsia\:50,html.var.dark .sf-c-fuchsia\:50{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-fuchsia\:60,html.var.dark .sf-c-fuchsia\:60{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='dark'] .sf-c-fuchsia\:70,html.var.dark .sf-c-fuchsia\:70{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='dark'] .sf-c-fuchsia\:80,html.var.dark .sf-c-fuchsia\:80{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='dark'] .sf-c-fuchsia\:90,html.var.dark .sf-c-fuchsia\:90{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='dark'] .sf-c-fuchsia\:100,html.var.dark .sf-c-fuchsia\:100{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var[data-theme='dark'] .sf-c-fuchsia\:dark,html.var.dark .sf-c-fuchsia\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-fuchsia\:0\:dark,html.var.dark .sf-c-fuchsia\:0\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='dark'] .sf-c-fuchsia\:10\:dark,html.var.dark .sf-c-fuchsia\:10\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='dark'] .sf-c-fuchsia\:20\:dark,html.var.dark .sf-c-fuchsia\:20\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='dark'] .sf-c-fuchsia\:30\:dark,html.var.dark .sf-c-fuchsia\:30\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='dark'] .sf-c-fuchsia\:40\:dark,html.var.dark .sf-c-fuchsia\:40\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='dark'] .sf-c-fuchsia\:50\:dark,html.var.dark .sf-c-fuchsia\:50\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-fuchsia\:60\:dark,html.var.dark .sf-c-fuchsia\:60\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='dark'] .sf-c-fuchsia\:70\:dark,html.var.dark .sf-c-fuchsia\:70\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='dark'] .sf-c-fuchsia\:80\:dark,html.var.dark .sf-c-fuchsia\:80\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='dark'] .sf-c-fuchsia\:90\:dark,html.var.dark .sf-c-fuchsia\:90\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='dark'] .sf-c-fuchsia\:100\:dark,html.var.dark .sf-c-fuchsia\:100\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-fuchsia,html.auto .sf-c-fuchsia{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia))}html[data-theme='auto'] .sf-c-fuchsia\:0,html.auto .sf-c-fuchsia\:0{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-100))}html[data-theme='auto'] .sf-c-fuchsia\:10,html.auto .sf-c-fuchsia\:10{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-90))}html[data-theme='auto'] .sf-c-fuchsia\:20,html.auto .sf-c-fuchsia\:20{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-80))}html[data-theme='auto'] .sf-c-fuchsia\:30,html.auto .sf-c-fuchsia\:30{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-70))}html[data-theme='auto'] .sf-c-fuchsia\:40,html.auto .sf-c-fuchsia\:40{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-60))}html[data-theme='auto'] .sf-c-fuchsia\:50,html.auto .sf-c-fuchsia\:50{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-50))}html[data-theme='auto'] .sf-c-fuchsia\:60,html.auto .sf-c-fuchsia\:60{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-40))}html[data-theme='auto'] .sf-c-fuchsia\:70,html.auto .sf-c-fuchsia\:70{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-30))}html[data-theme='auto'] .sf-c-fuchsia\:80,html.auto .sf-c-fuchsia\:80{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-20))}html[data-theme='auto'] .sf-c-fuchsia\:90,html.auto .sf-c-fuchsia\:90{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-10))}html[data-theme='auto'] .sf-c-fuchsia\:100,html.auto .sf-c-fuchsia\:100{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-0))}html[data-theme='auto'] .sf-c-fuchsia\:dark,html.auto .sf-c-fuchsia\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia))}html[data-theme='auto'] .sf-c-fuchsia\:0\:dark,html.auto .sf-c-fuchsia\:0\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-100))}html[data-theme='auto'] .sf-c-fuchsia\:10\:dark,html.auto .sf-c-fuchsia\:10\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-90))}html[data-theme='auto'] .sf-c-fuchsia\:20\:dark,html.auto .sf-c-fuchsia\:20\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-80))}html[data-theme='auto'] .sf-c-fuchsia\:30\:dark,html.auto .sf-c-fuchsia\:30\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-70))}html[data-theme='auto'] .sf-c-fuchsia\:40\:dark,html.auto .sf-c-fuchsia\:40\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-60))}html[data-theme='auto'] .sf-c-fuchsia\:50\:dark,html.auto .sf-c-fuchsia\:50\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-50))}html[data-theme='auto'] .sf-c-fuchsia\:60\:dark,html.auto .sf-c-fuchsia\:60\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-40))}html[data-theme='auto'] .sf-c-fuchsia\:70\:dark,html.auto .sf-c-fuchsia\:70\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-30))}html[data-theme='auto'] .sf-c-fuchsia\:80\:dark,html.auto .sf-c-fuchsia\:80\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-20))}html[data-theme='auto'] .sf-c-fuchsia\:90\:dark,html.auto .sf-c-fuchsia\:90\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-10))}html[data-theme='auto'] .sf-c-fuchsia\:100\:dark,html.auto .sf-c-fuchsia\:100\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-0))}html.var[data-theme='auto'] .sf-c-fuchsia,html.var.auto .sf-c-fuchsia{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-fuchsia\:0,html.var.auto .sf-c-fuchsia\:0{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='auto'] .sf-c-fuchsia\:10,html.var.auto .sf-c-fuchsia\:10{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='auto'] .sf-c-fuchsia\:20,html.var.auto .sf-c-fuchsia\:20{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='auto'] .sf-c-fuchsia\:30,html.var.auto .sf-c-fuchsia\:30{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='auto'] .sf-c-fuchsia\:40,html.var.auto .sf-c-fuchsia\:40{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='auto'] .sf-c-fuchsia\:50,html.var.auto .sf-c-fuchsia\:50{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-fuchsia\:60,html.var.auto .sf-c-fuchsia\:60{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='auto'] .sf-c-fuchsia\:70,html.var.auto .sf-c-fuchsia\:70{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='auto'] .sf-c-fuchsia\:80,html.var.auto .sf-c-fuchsia\:80{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='auto'] .sf-c-fuchsia\:90,html.var.auto .sf-c-fuchsia\:90{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='auto'] .sf-c-fuchsia\:100,html.var.auto .sf-c-fuchsia\:100{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var[data-theme='auto'] .sf-c-fuchsia\:dark,html.var.auto .sf-c-fuchsia\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-fuchsia\:0\:dark,html.var.auto .sf-c-fuchsia\:0\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='auto'] .sf-c-fuchsia\:10\:dark,html.var.auto .sf-c-fuchsia\:10\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='auto'] .sf-c-fuchsia\:20\:dark,html.var.auto .sf-c-fuchsia\:20\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='auto'] .sf-c-fuchsia\:30\:dark,html.var.auto .sf-c-fuchsia\:30\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='auto'] .sf-c-fuchsia\:40\:dark,html.var.auto .sf-c-fuchsia\:40\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='auto'] .sf-c-fuchsia\:50\:dark,html.var.auto .sf-c-fuchsia\:50\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-fuchsia\:60\:dark,html.var.auto .sf-c-fuchsia\:60\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='auto'] .sf-c-fuchsia\:70\:dark,html.var.auto .sf-c-fuchsia\:70\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='auto'] .sf-c-fuchsia\:80\:dark,html.var.auto .sf-c-fuchsia\:80\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='auto'] .sf-c-fuchsia\:90\:dark,html.var.auto .sf-c-fuchsia\:90\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='auto'] .sf-c-fuchsia\:100\:dark,html.var.auto .sf-c-fuchsia\:100\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}}.sf-c-txt-fuchsia{color:hsl(var(--sf-c-txt-fuchsia))}.sf-c-txt-fuchsia\:0{color:hsl(var(--sf-c-txt-fuchsia-0))}.sf-c-txt-fuchsia\:10{color:hsl(var(--sf-c-txt-fuchsia-10))}.sf-c-txt-fuchsia\:20{color:hsl(var(--sf-c-txt-fuchsia-20))}.sf-c-txt-fuchsia\:30{color:hsl(var(--sf-c-txt-fuchsia-30))}.sf-c-txt-fuchsia\:40{color:hsl(var(--sf-c-txt-fuchsia-40))}.sf-c-txt-fuchsia\:50{color:hsl(var(--sf-c-txt-fuchsia-50))}.sf-c-txt-fuchsia\:60{color:hsl(var(--sf-c-txt-fuchsia-60))}.sf-c-txt-fuchsia\:70{color:hsl(var(--sf-c-txt-fuchsia-70))}.sf-c-txt-fuchsia\:80{color:hsl(var(--sf-c-txt-fuchsia-80))}.sf-c-txt-fuchsia\:90{color:hsl(var(--sf-c-txt-fuchsia-90))}.sf-c-txt-fuchsia\:100{color:hsl(var(--sf-c-txt-fuchsia-100))}.sf-c-gray{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray))}.sf-c-gray\:0{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-0))}.sf-c-gray\:10{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-10))}.sf-c-gray\:20{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-20))}.sf-c-gray\:30{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-30))}.sf-c-gray\:40{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-40))}.sf-c-gray\:50{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-50))}.sf-c-gray\:60{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-60))}.sf-c-gray\:70{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-70))}.sf-c-gray\:80{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-80))}.sf-c-gray\:90{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-90))}.sf-c-gray\:100{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-100))}html.var .sf-c-gray{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var .sf-c-gray\:0{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var .sf-c-gray\:10{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var .sf-c-gray\:20{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var .sf-c-gray\:30{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var .sf-c-gray\:40{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var .sf-c-gray\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var .sf-c-gray\:60{color:hsl(0,0%,90%);background:hsl(0,0%,60%)}html.var .sf-c-gray\:70{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var .sf-c-gray\:80{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var .sf-c-gray\:90{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var .sf-c-gray\:100{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-gray,html.dark .sf-c-gray{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray))}html[data-theme='dark'] .sf-c-gray\:0,html.dark .sf-c-gray\:0{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-100))}html[data-theme='dark'] .sf-c-gray\:10,html.dark .sf-c-gray\:10{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-90))}html[data-theme='dark'] .sf-c-gray\:20,html.dark .sf-c-gray\:20{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-80))}html[data-theme='dark'] .sf-c-gray\:30,html.dark .sf-c-gray\:30{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-70))}html[data-theme='dark'] .sf-c-gray\:40,html.dark .sf-c-gray\:40{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-60))}html[data-theme='dark'] .sf-c-gray\:50,html.dark .sf-c-gray\:50{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-50))}html[data-theme='dark'] .sf-c-gray\:60,html.dark .sf-c-gray\:60{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-40))}html[data-theme='dark'] .sf-c-gray\:70,html.dark .sf-c-gray\:70{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-30))}html[data-theme='dark'] .sf-c-gray\:80,html.dark .sf-c-gray\:80{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-20))}html[data-theme='dark'] .sf-c-gray\:90,html.dark .sf-c-gray\:90{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-10))}html[data-theme='dark'] .sf-c-gray\:100,html.dark .sf-c-gray\:100{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-0))}html[data-theme='dark'] .sf-c-gray\:dark,html.dark .sf-c-gray\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray))}html[data-theme='dark'] .sf-c-gray\:0\:dark,html.dark .sf-c-gray\:0\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-100))}html[data-theme='dark'] .sf-c-gray\:10\:dark,html.dark .sf-c-gray\:10\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-90))}html[data-theme='dark'] .sf-c-gray\:20\:dark,html.dark .sf-c-gray\:20\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-80))}html[data-theme='dark'] .sf-c-gray\:30\:dark,html.dark .sf-c-gray\:30\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-70))}html[data-theme='dark'] .sf-c-gray\:40\:dark,html.dark .sf-c-gray\:40\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-60))}html[data-theme='dark'] .sf-c-gray\:50\:dark,html.dark .sf-c-gray\:50\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-50))}html[data-theme='dark'] .sf-c-gray\:60\:dark,html.dark .sf-c-gray\:60\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-40))}html[data-theme='dark'] .sf-c-gray\:70\:dark,html.dark .sf-c-gray\:70\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-30))}html[data-theme='dark'] .sf-c-gray\:80\:dark,html.dark .sf-c-gray\:80\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-20))}html[data-theme='dark'] .sf-c-gray\:90\:dark,html.dark .sf-c-gray\:90\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-10))}html[data-theme='dark'] .sf-c-gray\:100\:dark,html.dark .sf-c-gray\:100\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-0))}html.var[data-theme='dark'] .sf-c-gray,html.var.dark .sf-c-gray{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-gray\:0,html.var.dark .sf-c-gray\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-gray\:10,html.var.dark .sf-c-gray\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-gray\:20,html.var.dark .sf-c-gray\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-gray\:30,html.var.dark .sf-c-gray\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-gray\:40,html.var.dark .sf-c-gray\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-gray\:50,html.var.dark .sf-c-gray\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-gray\:60,html.var.dark .sf-c-gray\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-gray\:70,html.var.dark .sf-c-gray\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-gray\:80,html.var.dark .sf-c-gray\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-gray\:90,html.var.dark .sf-c-gray\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-gray\:100,html.var.dark .sf-c-gray\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-gray\:dark,html.var.dark .sf-c-gray\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-gray\:0\:dark,html.var.dark .sf-c-gray\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-gray\:10\:dark,html.var.dark .sf-c-gray\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-gray\:20\:dark,html.var.dark .sf-c-gray\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-gray\:30\:dark,html.var.dark .sf-c-gray\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-gray\:40\:dark,html.var.dark .sf-c-gray\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-gray\:50\:dark,html.var.dark .sf-c-gray\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-gray\:60\:dark,html.var.dark .sf-c-gray\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-gray\:70\:dark,html.var.dark .sf-c-gray\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-gray\:80\:dark,html.var.dark .sf-c-gray\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-gray\:90\:dark,html.var.dark .sf-c-gray\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-gray\:100\:dark,html.var.dark .sf-c-gray\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-gray,html.auto .sf-c-gray{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray))}html[data-theme='auto'] .sf-c-gray\:0,html.auto .sf-c-gray\:0{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-100))}html[data-theme='auto'] .sf-c-gray\:10,html.auto .sf-c-gray\:10{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-90))}html[data-theme='auto'] .sf-c-gray\:20,html.auto .sf-c-gray\:20{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-80))}html[data-theme='auto'] .sf-c-gray\:30,html.auto .sf-c-gray\:30{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-70))}html[data-theme='auto'] .sf-c-gray\:40,html.auto .sf-c-gray\:40{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-60))}html[data-theme='auto'] .sf-c-gray\:50,html.auto .sf-c-gray\:50{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-50))}html[data-theme='auto'] .sf-c-gray\:60,html.auto .sf-c-gray\:60{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-40))}html[data-theme='auto'] .sf-c-gray\:70,html.auto .sf-c-gray\:70{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-30))}html[data-theme='auto'] .sf-c-gray\:80,html.auto .sf-c-gray\:80{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-20))}html[data-theme='auto'] .sf-c-gray\:90,html.auto .sf-c-gray\:90{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-10))}html[data-theme='auto'] .sf-c-gray\:100,html.auto .sf-c-gray\:100{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-0))}html[data-theme='auto'] .sf-c-gray\:dark,html.auto .sf-c-gray\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray))}html[data-theme='auto'] .sf-c-gray\:0\:dark,html.auto .sf-c-gray\:0\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-100))}html[data-theme='auto'] .sf-c-gray\:10\:dark,html.auto .sf-c-gray\:10\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-90))}html[data-theme='auto'] .sf-c-gray\:20\:dark,html.auto .sf-c-gray\:20\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-80))}html[data-theme='auto'] .sf-c-gray\:30\:dark,html.auto .sf-c-gray\:30\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-70))}html[data-theme='auto'] .sf-c-gray\:40\:dark,html.auto .sf-c-gray\:40\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-60))}html[data-theme='auto'] .sf-c-gray\:50\:dark,html.auto .sf-c-gray\:50\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-50))}html[data-theme='auto'] .sf-c-gray\:60\:dark,html.auto .sf-c-gray\:60\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-40))}html[data-theme='auto'] .sf-c-gray\:70\:dark,html.auto .sf-c-gray\:70\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-30))}html[data-theme='auto'] .sf-c-gray\:80\:dark,html.auto .sf-c-gray\:80\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-20))}html[data-theme='auto'] .sf-c-gray\:90\:dark,html.auto .sf-c-gray\:90\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-10))}html[data-theme='auto'] .sf-c-gray\:100\:dark,html.auto .sf-c-gray\:100\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-0))}html.var[data-theme='auto'] .sf-c-gray,html.var.auto .sf-c-gray{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-gray\:0,html.var.auto .sf-c-gray\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-gray\:10,html.var.auto .sf-c-gray\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-gray\:20,html.var.auto .sf-c-gray\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-gray\:30,html.var.auto .sf-c-gray\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-gray\:40,html.var.auto .sf-c-gray\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-gray\:50,html.var.auto .sf-c-gray\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-gray\:60,html.var.auto .sf-c-gray\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-gray\:70,html.var.auto .sf-c-gray\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-gray\:80,html.var.auto .sf-c-gray\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-gray\:90,html.var.auto .sf-c-gray\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-gray\:100,html.var.auto .sf-c-gray\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-gray\:dark,html.var.auto .sf-c-gray\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-gray\:0\:dark,html.var.auto .sf-c-gray\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-gray\:10\:dark,html.var.auto .sf-c-gray\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-gray\:20\:dark,html.var.auto .sf-c-gray\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-gray\:30\:dark,html.var.auto .sf-c-gray\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-gray\:40\:dark,html.var.auto .sf-c-gray\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-gray\:50\:dark,html.var.auto .sf-c-gray\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-gray\:60\:dark,html.var.auto .sf-c-gray\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-gray\:70\:dark,html.var.auto .sf-c-gray\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-gray\:80\:dark,html.var.auto .sf-c-gray\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-gray\:90\:dark,html.var.auto .sf-c-gray\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-gray\:100\:dark,html.var.auto .sf-c-gray\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}}.sf-c-txt-gray{color:hsl(var(--sf-c-txt-gray))}.sf-c-txt-gray\:0{color:hsl(var(--sf-c-txt-gray-0))}.sf-c-txt-gray\:10{color:hsl(var(--sf-c-txt-gray-10))}.sf-c-txt-gray\:20{color:hsl(var(--sf-c-txt-gray-20))}.sf-c-txt-gray\:30{color:hsl(var(--sf-c-txt-gray-30))}.sf-c-txt-gray\:40{color:hsl(var(--sf-c-txt-gray-40))}.sf-c-txt-gray\:50{color:hsl(var(--sf-c-txt-gray-50))}.sf-c-txt-gray\:60{color:hsl(var(--sf-c-txt-gray-60))}.sf-c-txt-gray\:70{color:hsl(var(--sf-c-txt-gray-70))}.sf-c-txt-gray\:80{color:hsl(var(--sf-c-txt-gray-80))}.sf-c-txt-gray\:90{color:hsl(var(--sf-c-txt-gray-90))}.sf-c-txt-gray\:100{color:hsl(var(--sf-c-txt-gray-100))}.sf-c-green{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green))}.sf-c-green\:0{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-0))}.sf-c-green\:10{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-10))}.sf-c-green\:20{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-20))}.sf-c-green\:30{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-30))}.sf-c-green\:40{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-40))}.sf-c-green\:50{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-50))}.sf-c-green\:60{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-60))}.sf-c-green\:70{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-70))}.sf-c-green\:80{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-80))}.sf-c-green\:90{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-90))}.sf-c-green\:100{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-100))}html.var .sf-c-green{color:hsl(120,100%,90%);background:hsl(120,100%,25%)}html.var .sf-c-green\:0{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var .sf-c-green\:10{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var .sf-c-green\:20{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var .sf-c-green\:30{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html.var .sf-c-green\:40{color:hsl(120,100%,90%);background:hsl(120,100%,40%)}html.var .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var .sf-c-green\:70{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var .sf-c-green\:80{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var .sf-c-green\:90{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var .sf-c-green\:100{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}html[data-theme='dark'] .sf-c-green,html.dark .sf-c-green{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green))}html[data-theme='dark'] .sf-c-green\:0,html.dark .sf-c-green\:0{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-100))}html[data-theme='dark'] .sf-c-green\:10,html.dark .sf-c-green\:10{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-90))}html[data-theme='dark'] .sf-c-green\:20,html.dark .sf-c-green\:20{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-80))}html[data-theme='dark'] .sf-c-green\:30,html.dark .sf-c-green\:30{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-70))}html[data-theme='dark'] .sf-c-green\:40,html.dark .sf-c-green\:40{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-60))}html[data-theme='dark'] .sf-c-green\:50,html.dark .sf-c-green\:50{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-50))}html[data-theme='dark'] .sf-c-green\:60,html.dark .sf-c-green\:60{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-40))}html[data-theme='dark'] .sf-c-green\:70,html.dark .sf-c-green\:70{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-30))}html[data-theme='dark'] .sf-c-green\:80,html.dark .sf-c-green\:80{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-20))}html[data-theme='dark'] .sf-c-green\:90,html.dark .sf-c-green\:90{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-10))}html[data-theme='dark'] .sf-c-green\:100,html.dark .sf-c-green\:100{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-0))}html[data-theme='dark'] .sf-c-green\:dark,html.dark .sf-c-green\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green))}html[data-theme='dark'] .sf-c-green\:0\:dark,html.dark .sf-c-green\:0\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-100))}html[data-theme='dark'] .sf-c-green\:10\:dark,html.dark .sf-c-green\:10\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-90))}html[data-theme='dark'] .sf-c-green\:20\:dark,html.dark .sf-c-green\:20\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-80))}html[data-theme='dark'] .sf-c-green\:30\:dark,html.dark .sf-c-green\:30\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-70))}html[data-theme='dark'] .sf-c-green\:40\:dark,html.dark .sf-c-green\:40\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-60))}html[data-theme='dark'] .sf-c-green\:50\:dark,html.dark .sf-c-green\:50\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-50))}html[data-theme='dark'] .sf-c-green\:60\:dark,html.dark .sf-c-green\:60\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-40))}html[data-theme='dark'] .sf-c-green\:70\:dark,html.dark .sf-c-green\:70\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-30))}html[data-theme='dark'] .sf-c-green\:80\:dark,html.dark .sf-c-green\:80\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-20))}html[data-theme='dark'] .sf-c-green\:90\:dark,html.dark .sf-c-green\:90\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-10))}html[data-theme='dark'] .sf-c-green\:100\:dark,html.dark .sf-c-green\:100\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-0))}html.var[data-theme='dark'] .sf-c-green,html.var.dark .sf-c-green{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='dark'] .sf-c-green\:0,html.var.dark .sf-c-green\:0{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='dark'] .sf-c-green\:10,html.var.dark .sf-c-green\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-green\:20,html.var.dark .sf-c-green\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-green\:30,html.var.dark .sf-c-green\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-green\:40,html.var.dark .sf-c-green\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-green\:50,html.var.dark .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-green\:60,html.var.dark .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-green\:70,html.var.dark .sf-c-green\:70{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-green\:80,html.var.dark .sf-c-green\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-green\:90,html.var.dark .sf-c-green\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-green\:100,html.var.dark .sf-c-green\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='dark'] .sf-c-green\:dark,html.var.dark .sf-c-green\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='dark'] .sf-c-green\:0\:dark,html.var.dark .sf-c-green\:0\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='dark'] .sf-c-green\:10\:dark,html.var.dark .sf-c-green\:10\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-green\:20\:dark,html.var.dark .sf-c-green\:20\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-green\:30\:dark,html.var.dark .sf-c-green\:30\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-green\:40\:dark,html.var.dark .sf-c-green\:40\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-green\:50\:dark,html.var.dark .sf-c-green\:50\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-green\:60\:dark,html.var.dark .sf-c-green\:60\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-green\:70\:dark,html.var.dark .sf-c-green\:70\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-green\:80\:dark,html.var.dark .sf-c-green\:80\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-green\:90\:dark,html.var.dark .sf-c-green\:90\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-green\:100\:dark,html.var.dark .sf-c-green\:100\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-green,html.auto .sf-c-green{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green))}html[data-theme='auto'] .sf-c-green\:0,html.auto .sf-c-green\:0{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-100))}html[data-theme='auto'] .sf-c-green\:10,html.auto .sf-c-green\:10{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-90))}html[data-theme='auto'] .sf-c-green\:20,html.auto .sf-c-green\:20{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-80))}html[data-theme='auto'] .sf-c-green\:30,html.auto .sf-c-green\:30{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-70))}html[data-theme='auto'] .sf-c-green\:40,html.auto .sf-c-green\:40{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-60))}html[data-theme='auto'] .sf-c-green\:50,html.auto .sf-c-green\:50{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-50))}html[data-theme='auto'] .sf-c-green\:60,html.auto .sf-c-green\:60{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-40))}html[data-theme='auto'] .sf-c-green\:70,html.auto .sf-c-green\:70{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-30))}html[data-theme='auto'] .sf-c-green\:80,html.auto .sf-c-green\:80{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-20))}html[data-theme='auto'] .sf-c-green\:90,html.auto .sf-c-green\:90{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-10))}html[data-theme='auto'] .sf-c-green\:100,html.auto .sf-c-green\:100{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-0))}html[data-theme='auto'] .sf-c-green\:dark,html.auto .sf-c-green\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green))}html[data-theme='auto'] .sf-c-green\:0\:dark,html.auto .sf-c-green\:0\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-100))}html[data-theme='auto'] .sf-c-green\:10\:dark,html.auto .sf-c-green\:10\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-90))}html[data-theme='auto'] .sf-c-green\:20\:dark,html.auto .sf-c-green\:20\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-80))}html[data-theme='auto'] .sf-c-green\:30\:dark,html.auto .sf-c-green\:30\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-70))}html[data-theme='auto'] .sf-c-green\:40\:dark,html.auto .sf-c-green\:40\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-60))}html[data-theme='auto'] .sf-c-green\:50\:dark,html.auto .sf-c-green\:50\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-50))}html[data-theme='auto'] .sf-c-green\:60\:dark,html.auto .sf-c-green\:60\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-40))}html[data-theme='auto'] .sf-c-green\:70\:dark,html.auto .sf-c-green\:70\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-30))}html[data-theme='auto'] .sf-c-green\:80\:dark,html.auto .sf-c-green\:80\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-20))}html[data-theme='auto'] .sf-c-green\:90\:dark,html.auto .sf-c-green\:90\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-10))}html[data-theme='auto'] .sf-c-green\:100\:dark,html.auto .sf-c-green\:100\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-0))}html.var[data-theme='auto'] .sf-c-green,html.var.auto .sf-c-green{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='auto'] .sf-c-green\:0,html.var.auto .sf-c-green\:0{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='auto'] .sf-c-green\:10,html.var.auto .sf-c-green\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-green\:20,html.var.auto .sf-c-green\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-green\:30,html.var.auto .sf-c-green\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-green\:40,html.var.auto .sf-c-green\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-green\:50,html.var.auto .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-green\:60,html.var.auto .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-green\:70,html.var.auto .sf-c-green\:70{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-green\:80,html.var.auto .sf-c-green\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-green\:90,html.var.auto .sf-c-green\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-green\:100,html.var.auto .sf-c-green\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='auto'] .sf-c-green\:dark,html.var.auto .sf-c-green\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='auto'] .sf-c-green\:0\:dark,html.var.auto .sf-c-green\:0\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='auto'] .sf-c-green\:10\:dark,html.var.auto .sf-c-green\:10\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-green\:20\:dark,html.var.auto .sf-c-green\:20\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-green\:30\:dark,html.var.auto .sf-c-green\:30\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-green\:40\:dark,html.var.auto .sf-c-green\:40\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-green\:50\:dark,html.var.auto .sf-c-green\:50\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-green\:60\:dark,html.var.auto .sf-c-green\:60\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-green\:70\:dark,html.var.auto .sf-c-green\:70\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-green\:80\:dark,html.var.auto .sf-c-green\:80\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-green\:90\:dark,html.var.auto .sf-c-green\:90\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-green\:100\:dark,html.var.auto .sf-c-green\:100\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}}.sf-c-txt-green{color:hsl(var(--sf-c-txt-green))}.sf-c-txt-green\:0{color:hsl(var(--sf-c-txt-green-0))}.sf-c-txt-green\:10{color:hsl(var(--sf-c-txt-green-10))}.sf-c-txt-green\:20{color:hsl(var(--sf-c-txt-green-20))}.sf-c-txt-green\:30{color:hsl(var(--sf-c-txt-green-30))}.sf-c-txt-green\:40{color:hsl(var(--sf-c-txt-green-40))}.sf-c-txt-green\:50{color:hsl(var(--sf-c-txt-green-50))}.sf-c-txt-green\:60{color:hsl(var(--sf-c-txt-green-60))}.sf-c-txt-green\:70{color:hsl(var(--sf-c-txt-green-70))}.sf-c-txt-green\:80{color:hsl(var(--sf-c-txt-green-80))}.sf-c-txt-green\:90{color:hsl(var(--sf-c-txt-green-90))}.sf-c-txt-green\:100{color:hsl(var(--sf-c-txt-green-100))}.sf-c-lime{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime))}.sf-c-lime\:0{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-0))}.sf-c-lime\:10{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-10))}.sf-c-lime\:20{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-20))}.sf-c-lime\:30{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-30))}.sf-c-lime\:40{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-40))}.sf-c-lime\:50{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-50))}.sf-c-lime\:60{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-60))}.sf-c-lime\:70{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-70))}.sf-c-lime\:80{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-80))}.sf-c-lime\:90{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-90))}.sf-c-lime\:100{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-100))}html.var .sf-c-lime{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var .sf-c-lime\:0{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var .sf-c-lime\:10{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var .sf-c-lime\:20{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var .sf-c-lime\:30{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html.var .sf-c-lime\:40{color:hsl(120,100%,90%);background:hsl(120,100%,40%)}html.var .sf-c-lime\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var .sf-c-lime\:60{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var .sf-c-lime\:70{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var .sf-c-lime\:80{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var .sf-c-lime\:90{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var .sf-c-lime\:100{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}html[data-theme='dark'] .sf-c-lime,html.dark .sf-c-lime{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime))}html[data-theme='dark'] .sf-c-lime\:0,html.dark .sf-c-lime\:0{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-100))}html[data-theme='dark'] .sf-c-lime\:10,html.dark .sf-c-lime\:10{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-90))}html[data-theme='dark'] .sf-c-lime\:20,html.dark .sf-c-lime\:20{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-80))}html[data-theme='dark'] .sf-c-lime\:30,html.dark .sf-c-lime\:30{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-70))}html[data-theme='dark'] .sf-c-lime\:40,html.dark .sf-c-lime\:40{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-60))}html[data-theme='dark'] .sf-c-lime\:50,html.dark .sf-c-lime\:50{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-50))}html[data-theme='dark'] .sf-c-lime\:60,html.dark .sf-c-lime\:60{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-40))}html[data-theme='dark'] .sf-c-lime\:70,html.dark .sf-c-lime\:70{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-30))}html[data-theme='dark'] .sf-c-lime\:80,html.dark .sf-c-lime\:80{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-20))}html[data-theme='dark'] .sf-c-lime\:90,html.dark .sf-c-lime\:90{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-10))}html[data-theme='dark'] .sf-c-lime\:100,html.dark .sf-c-lime\:100{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-0))}html[data-theme='dark'] .sf-c-lime\:dark,html.dark .sf-c-lime\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime))}html[data-theme='dark'] .sf-c-lime\:0\:dark,html.dark .sf-c-lime\:0\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-100))}html[data-theme='dark'] .sf-c-lime\:10\:dark,html.dark .sf-c-lime\:10\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-90))}html[data-theme='dark'] .sf-c-lime\:20\:dark,html.dark .sf-c-lime\:20\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-80))}html[data-theme='dark'] .sf-c-lime\:30\:dark,html.dark .sf-c-lime\:30\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-70))}html[data-theme='dark'] .sf-c-lime\:40\:dark,html.dark .sf-c-lime\:40\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-60))}html[data-theme='dark'] .sf-c-lime\:50\:dark,html.dark .sf-c-lime\:50\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-50))}html[data-theme='dark'] .sf-c-lime\:60\:dark,html.dark .sf-c-lime\:60\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-40))}html[data-theme='dark'] .sf-c-lime\:70\:dark,html.dark .sf-c-lime\:70\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-30))}html[data-theme='dark'] .sf-c-lime\:80\:dark,html.dark .sf-c-lime\:80\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-20))}html[data-theme='dark'] .sf-c-lime\:90\:dark,html.dark .sf-c-lime\:90\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-10))}html[data-theme='dark'] .sf-c-lime\:100\:dark,html.dark .sf-c-lime\:100\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-0))}html.var[data-theme='dark'] .sf-c-lime,html.var.dark .sf-c-lime{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-lime\:0,html.var.dark .sf-c-lime\:0{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='dark'] .sf-c-lime\:10,html.var.dark .sf-c-lime\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-lime\:20,html.var.dark .sf-c-lime\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-lime\:30,html.var.dark .sf-c-lime\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-lime\:40,html.var.dark .sf-c-lime\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-lime\:50,html.var.dark .sf-c-lime\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-lime\:60,html.var.dark .sf-c-lime\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-lime\:70,html.var.dark .sf-c-lime\:70{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-lime\:80,html.var.dark .sf-c-lime\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-lime\:90,html.var.dark .sf-c-lime\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-lime\:100,html.var.dark .sf-c-lime\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='dark'] .sf-c-lime\:dark,html.var.dark .sf-c-lime\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-lime\:0\:dark,html.var.dark .sf-c-lime\:0\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='dark'] .sf-c-lime\:10\:dark,html.var.dark .sf-c-lime\:10\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-lime\:20\:dark,html.var.dark .sf-c-lime\:20\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-lime\:30\:dark,html.var.dark .sf-c-lime\:30\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-lime\:40\:dark,html.var.dark .sf-c-lime\:40\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-lime\:50\:dark,html.var.dark .sf-c-lime\:50\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-lime\:60\:dark,html.var.dark .sf-c-lime\:60\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-lime\:70\:dark,html.var.dark .sf-c-lime\:70\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-lime\:80\:dark,html.var.dark .sf-c-lime\:80\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-lime\:90\:dark,html.var.dark .sf-c-lime\:90\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-lime\:100\:dark,html.var.dark .sf-c-lime\:100\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-lime,html.auto .sf-c-lime{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime))}html[data-theme='auto'] .sf-c-lime\:0,html.auto .sf-c-lime\:0{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-100))}html[data-theme='auto'] .sf-c-lime\:10,html.auto .sf-c-lime\:10{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-90))}html[data-theme='auto'] .sf-c-lime\:20,html.auto .sf-c-lime\:20{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-80))}html[data-theme='auto'] .sf-c-lime\:30,html.auto .sf-c-lime\:30{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-70))}html[data-theme='auto'] .sf-c-lime\:40,html.auto .sf-c-lime\:40{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-60))}html[data-theme='auto'] .sf-c-lime\:50,html.auto .sf-c-lime\:50{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-50))}html[data-theme='auto'] .sf-c-lime\:60,html.auto .sf-c-lime\:60{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-40))}html[data-theme='auto'] .sf-c-lime\:70,html.auto .sf-c-lime\:70{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-30))}html[data-theme='auto'] .sf-c-lime\:80,html.auto .sf-c-lime\:80{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-20))}html[data-theme='auto'] .sf-c-lime\:90,html.auto .sf-c-lime\:90{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-10))}html[data-theme='auto'] .sf-c-lime\:100,html.auto .sf-c-lime\:100{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-0))}html[data-theme='auto'] .sf-c-lime\:dark,html.auto .sf-c-lime\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime))}html[data-theme='auto'] .sf-c-lime\:0\:dark,html.auto .sf-c-lime\:0\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-100))}html[data-theme='auto'] .sf-c-lime\:10\:dark,html.auto .sf-c-lime\:10\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-90))}html[data-theme='auto'] .sf-c-lime\:20\:dark,html.auto .sf-c-lime\:20\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-80))}html[data-theme='auto'] .sf-c-lime\:30\:dark,html.auto .sf-c-lime\:30\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-70))}html[data-theme='auto'] .sf-c-lime\:40\:dark,html.auto .sf-c-lime\:40\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-60))}html[data-theme='auto'] .sf-c-lime\:50\:dark,html.auto .sf-c-lime\:50\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-50))}html[data-theme='auto'] .sf-c-lime\:60\:dark,html.auto .sf-c-lime\:60\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-40))}html[data-theme='auto'] .sf-c-lime\:70\:dark,html.auto .sf-c-lime\:70\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-30))}html[data-theme='auto'] .sf-c-lime\:80\:dark,html.auto .sf-c-lime\:80\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-20))}html[data-theme='auto'] .sf-c-lime\:90\:dark,html.auto .sf-c-lime\:90\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-10))}html[data-theme='auto'] .sf-c-lime\:100\:dark,html.auto .sf-c-lime\:100\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-0))}html.var[data-theme='auto'] .sf-c-lime,html.var.auto .sf-c-lime{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-lime\:0,html.var.auto .sf-c-lime\:0{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='auto'] .sf-c-lime\:10,html.var.auto .sf-c-lime\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-lime\:20,html.var.auto .sf-c-lime\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-lime\:30,html.var.auto .sf-c-lime\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-lime\:40,html.var.auto .sf-c-lime\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-lime\:50,html.var.auto .sf-c-lime\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-lime\:60,html.var.auto .sf-c-lime\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-lime\:70,html.var.auto .sf-c-lime\:70{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-lime\:80,html.var.auto .sf-c-lime\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-lime\:90,html.var.auto .sf-c-lime\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-lime\:100,html.var.auto .sf-c-lime\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='auto'] .sf-c-lime\:dark,html.var.auto .sf-c-lime\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-lime\:0\:dark,html.var.auto .sf-c-lime\:0\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='auto'] .sf-c-lime\:10\:dark,html.var.auto .sf-c-lime\:10\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-lime\:20\:dark,html.var.auto .sf-c-lime\:20\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-lime\:30\:dark,html.var.auto .sf-c-lime\:30\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-lime\:40\:dark,html.var.auto .sf-c-lime\:40\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-lime\:50\:dark,html.var.auto .sf-c-lime\:50\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-lime\:60\:dark,html.var.auto .sf-c-lime\:60\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-lime\:70\:dark,html.var.auto .sf-c-lime\:70\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-lime\:80\:dark,html.var.auto .sf-c-lime\:80\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-lime\:90\:dark,html.var.auto .sf-c-lime\:90\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-lime\:100\:dark,html.var.auto .sf-c-lime\:100\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}}.sf-c-txt-lime{color:hsl(var(--sf-c-txt-lime))}.sf-c-txt-lime\:0{color:hsl(var(--sf-c-txt-lime-0))}.sf-c-txt-lime\:10{color:hsl(var(--sf-c-txt-lime-10))}.sf-c-txt-lime\:20{color:hsl(var(--sf-c-txt-lime-20))}.sf-c-txt-lime\:30{color:hsl(var(--sf-c-txt-lime-30))}.sf-c-txt-lime\:40{color:hsl(var(--sf-c-txt-lime-40))}.sf-c-txt-lime\:50{color:hsl(var(--sf-c-txt-lime-50))}.sf-c-txt-lime\:60{color:hsl(var(--sf-c-txt-lime-60))}.sf-c-txt-lime\:70{color:hsl(var(--sf-c-txt-lime-70))}.sf-c-txt-lime\:80{color:hsl(var(--sf-c-txt-lime-80))}.sf-c-txt-lime\:90{color:hsl(var(--sf-c-txt-lime-90))}.sf-c-txt-lime\:100{color:hsl(var(--sf-c-txt-lime-100))}.sf-c-maroon{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon))}.sf-c-maroon\:0{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-0))}.sf-c-maroon\:10{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-10))}.sf-c-maroon\:20{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-20))}.sf-c-maroon\:30{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-30))}.sf-c-maroon\:40{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-40))}.sf-c-maroon\:50{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-50))}.sf-c-maroon\:60{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-60))}.sf-c-maroon\:70{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-70))}.sf-c-maroon\:80{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-80))}.sf-c-maroon\:90{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-90))}.sf-c-maroon\:100{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-100))}html.var .sf-c-maroon{color:hsl(0,100%,90%);background:hsl(0,100%,25%)}html.var .sf-c-maroon\:0{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var .sf-c-maroon\:10{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var .sf-c-maroon\:20{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var .sf-c-maroon\:30{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var .sf-c-maroon\:40{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var .sf-c-maroon\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var .sf-c-maroon\:60{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html.var .sf-c-maroon\:70{color:hsl(0,100%,90%);background:hsl(0,100%,70%)}html.var .sf-c-maroon\:80{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var .sf-c-maroon\:90{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var .sf-c-maroon\:100{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}html[data-theme='dark'] .sf-c-maroon,html.dark .sf-c-maroon{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon))}html[data-theme='dark'] .sf-c-maroon\:0,html.dark .sf-c-maroon\:0{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-100))}html[data-theme='dark'] .sf-c-maroon\:10,html.dark .sf-c-maroon\:10{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-90))}html[data-theme='dark'] .sf-c-maroon\:20,html.dark .sf-c-maroon\:20{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-80))}html[data-theme='dark'] .sf-c-maroon\:30,html.dark .sf-c-maroon\:30{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-70))}html[data-theme='dark'] .sf-c-maroon\:40,html.dark .sf-c-maroon\:40{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-60))}html[data-theme='dark'] .sf-c-maroon\:50,html.dark .sf-c-maroon\:50{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-50))}html[data-theme='dark'] .sf-c-maroon\:60,html.dark .sf-c-maroon\:60{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-40))}html[data-theme='dark'] .sf-c-maroon\:70,html.dark .sf-c-maroon\:70{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-30))}html[data-theme='dark'] .sf-c-maroon\:80,html.dark .sf-c-maroon\:80{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-20))}html[data-theme='dark'] .sf-c-maroon\:90,html.dark .sf-c-maroon\:90{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-10))}html[data-theme='dark'] .sf-c-maroon\:100,html.dark .sf-c-maroon\:100{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-0))}html[data-theme='dark'] .sf-c-maroon\:dark,html.dark .sf-c-maroon\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon))}html[data-theme='dark'] .sf-c-maroon\:0\:dark,html.dark .sf-c-maroon\:0\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-100))}html[data-theme='dark'] .sf-c-maroon\:10\:dark,html.dark .sf-c-maroon\:10\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-90))}html[data-theme='dark'] .sf-c-maroon\:20\:dark,html.dark .sf-c-maroon\:20\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-80))}html[data-theme='dark'] .sf-c-maroon\:30\:dark,html.dark .sf-c-maroon\:30\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-70))}html[data-theme='dark'] .sf-c-maroon\:40\:dark,html.dark .sf-c-maroon\:40\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-60))}html[data-theme='dark'] .sf-c-maroon\:50\:dark,html.dark .sf-c-maroon\:50\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-50))}html[data-theme='dark'] .sf-c-maroon\:60\:dark,html.dark .sf-c-maroon\:60\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-40))}html[data-theme='dark'] .sf-c-maroon\:70\:dark,html.dark .sf-c-maroon\:70\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-30))}html[data-theme='dark'] .sf-c-maroon\:80\:dark,html.dark .sf-c-maroon\:80\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-20))}html[data-theme='dark'] .sf-c-maroon\:90\:dark,html.dark .sf-c-maroon\:90\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-10))}html[data-theme='dark'] .sf-c-maroon\:100\:dark,html.dark .sf-c-maroon\:100\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-0))}html.var[data-theme='dark'] .sf-c-maroon,html.var.dark .sf-c-maroon{color:hsl(0,100%,10%);background:hsl(0,100%,75%)}html.var[data-theme='dark'] .sf-c-maroon\:0,html.var.dark .sf-c-maroon\:0{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='dark'] .sf-c-maroon\:10,html.var.dark .sf-c-maroon\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-maroon\:20,html.var.dark .sf-c-maroon\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-maroon\:30,html.var.dark .sf-c-maroon\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-maroon\:40,html.var.dark .sf-c-maroon\:40{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-maroon\:50,html.var.dark .sf-c-maroon\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-maroon\:60,html.var.dark .sf-c-maroon\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-maroon\:70,html.var.dark .sf-c-maroon\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-maroon\:80,html.var.dark .sf-c-maroon\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-maroon\:90,html.var.dark .sf-c-maroon\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-maroon\:100,html.var.dark .sf-c-maroon\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='dark'] .sf-c-maroon\:dark,html.var.dark .sf-c-maroon\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,75%)}html.var[data-theme='dark'] .sf-c-maroon\:0\:dark,html.var.dark .sf-c-maroon\:0\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='dark'] .sf-c-maroon\:10\:dark,html.var.dark .sf-c-maroon\:10\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-maroon\:20\:dark,html.var.dark .sf-c-maroon\:20\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-maroon\:30\:dark,html.var.dark .sf-c-maroon\:30\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-maroon\:40\:dark,html.var.dark .sf-c-maroon\:40\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-maroon\:50\:dark,html.var.dark .sf-c-maroon\:50\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-maroon\:60\:dark,html.var.dark .sf-c-maroon\:60\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-maroon\:70\:dark,html.var.dark .sf-c-maroon\:70\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-maroon\:80\:dark,html.var.dark .sf-c-maroon\:80\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-maroon\:90\:dark,html.var.dark .sf-c-maroon\:90\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-maroon\:100\:dark,html.var.dark .sf-c-maroon\:100\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-maroon,html.auto .sf-c-maroon{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon))}html[data-theme='auto'] .sf-c-maroon\:0,html.auto .sf-c-maroon\:0{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-100))}html[data-theme='auto'] .sf-c-maroon\:10,html.auto .sf-c-maroon\:10{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-90))}html[data-theme='auto'] .sf-c-maroon\:20,html.auto .sf-c-maroon\:20{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-80))}html[data-theme='auto'] .sf-c-maroon\:30,html.auto .sf-c-maroon\:30{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-70))}html[data-theme='auto'] .sf-c-maroon\:40,html.auto .sf-c-maroon\:40{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-60))}html[data-theme='auto'] .sf-c-maroon\:50,html.auto .sf-c-maroon\:50{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-50))}html[data-theme='auto'] .sf-c-maroon\:60,html.auto .sf-c-maroon\:60{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-40))}html[data-theme='auto'] .sf-c-maroon\:70,html.auto .sf-c-maroon\:70{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-30))}html[data-theme='auto'] .sf-c-maroon\:80,html.auto .sf-c-maroon\:80{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-20))}html[data-theme='auto'] .sf-c-maroon\:90,html.auto .sf-c-maroon\:90{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-10))}html[data-theme='auto'] .sf-c-maroon\:100,html.auto .sf-c-maroon\:100{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-0))}html[data-theme='auto'] .sf-c-maroon\:dark,html.auto .sf-c-maroon\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon))}html[data-theme='auto'] .sf-c-maroon\:0\:dark,html.auto .sf-c-maroon\:0\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-100))}html[data-theme='auto'] .sf-c-maroon\:10\:dark,html.auto .sf-c-maroon\:10\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-90))}html[data-theme='auto'] .sf-c-maroon\:20\:dark,html.auto .sf-c-maroon\:20\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-80))}html[data-theme='auto'] .sf-c-maroon\:30\:dark,html.auto .sf-c-maroon\:30\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-70))}html[data-theme='auto'] .sf-c-maroon\:40\:dark,html.auto .sf-c-maroon\:40\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-60))}html[data-theme='auto'] .sf-c-maroon\:50\:dark,html.auto .sf-c-maroon\:50\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-50))}html[data-theme='auto'] .sf-c-maroon\:60\:dark,html.auto .sf-c-maroon\:60\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-40))}html[data-theme='auto'] .sf-c-maroon\:70\:dark,html.auto .sf-c-maroon\:70\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-30))}html[data-theme='auto'] .sf-c-maroon\:80\:dark,html.auto .sf-c-maroon\:80\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-20))}html[data-theme='auto'] .sf-c-maroon\:90\:dark,html.auto .sf-c-maroon\:90\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-10))}html[data-theme='auto'] .sf-c-maroon\:100\:dark,html.auto .sf-c-maroon\:100\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-0))}html.var[data-theme='auto'] .sf-c-maroon,html.var.auto .sf-c-maroon{color:hsl(0,100%,10%);background:hsl(0,100%,75%)}html.var[data-theme='auto'] .sf-c-maroon\:0,html.var.auto .sf-c-maroon\:0{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='auto'] .sf-c-maroon\:10,html.var.auto .sf-c-maroon\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-maroon\:20,html.var.auto .sf-c-maroon\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-maroon\:30,html.var.auto .sf-c-maroon\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-maroon\:40,html.var.auto .sf-c-maroon\:40{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-maroon\:50,html.var.auto .sf-c-maroon\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-maroon\:60,html.var.auto .sf-c-maroon\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-maroon\:70,html.var.auto .sf-c-maroon\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-maroon\:80,html.var.auto .sf-c-maroon\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-maroon\:90,html.var.auto .sf-c-maroon\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-maroon\:100,html.var.auto .sf-c-maroon\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='auto'] .sf-c-maroon\:dark,html.var.auto .sf-c-maroon\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,75%)}html.var[data-theme='auto'] .sf-c-maroon\:0\:dark,html.var.auto .sf-c-maroon\:0\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='auto'] .sf-c-maroon\:10\:dark,html.var.auto .sf-c-maroon\:10\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-maroon\:20\:dark,html.var.auto .sf-c-maroon\:20\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-maroon\:30\:dark,html.var.auto .sf-c-maroon\:30\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-maroon\:40\:dark,html.var.auto .sf-c-maroon\:40\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-maroon\:50\:dark,html.var.auto .sf-c-maroon\:50\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-maroon\:60\:dark,html.var.auto .sf-c-maroon\:60\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-maroon\:70\:dark,html.var.auto .sf-c-maroon\:70\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-maroon\:80\:dark,html.var.auto .sf-c-maroon\:80\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-maroon\:90\:dark,html.var.auto .sf-c-maroon\:90\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-maroon\:100\:dark,html.var.auto .sf-c-maroon\:100\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}}.sf-c-txt-maroon{color:hsl(var(--sf-c-txt-maroon))}.sf-c-txt-maroon\:0{color:hsl(var(--sf-c-txt-maroon-0))}.sf-c-txt-maroon\:10{color:hsl(var(--sf-c-txt-maroon-10))}.sf-c-txt-maroon\:20{color:hsl(var(--sf-c-txt-maroon-20))}.sf-c-txt-maroon\:30{color:hsl(var(--sf-c-txt-maroon-30))}.sf-c-txt-maroon\:40{color:hsl(var(--sf-c-txt-maroon-40))}.sf-c-txt-maroon\:50{color:hsl(var(--sf-c-txt-maroon-50))}.sf-c-txt-maroon\:60{color:hsl(var(--sf-c-txt-maroon-60))}.sf-c-txt-maroon\:70{color:hsl(var(--sf-c-txt-maroon-70))}.sf-c-txt-maroon\:80{color:hsl(var(--sf-c-txt-maroon-80))}.sf-c-txt-maroon\:90{color:hsl(var(--sf-c-txt-maroon-90))}.sf-c-txt-maroon\:100{color:hsl(var(--sf-c-txt-maroon-100))}.sf-c-navy{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy))}.sf-c-navy\:0{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-0))}.sf-c-navy\:10{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-10))}.sf-c-navy\:20{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-20))}.sf-c-navy\:30{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-30))}.sf-c-navy\:40{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-40))}.sf-c-navy\:50{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-50))}.sf-c-navy\:60{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-60))}.sf-c-navy\:70{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-70))}.sf-c-navy\:80{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-80))}.sf-c-navy\:90{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-90))}.sf-c-navy\:100{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-100))}html.var .sf-c-navy{color:hsl(240,100%,90%);background:hsl(240,100%,25%)}html.var .sf-c-navy\:0{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var .sf-c-navy\:10{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var .sf-c-navy\:20{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var .sf-c-navy\:30{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var .sf-c-navy\:40{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var .sf-c-navy\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var .sf-c-navy\:60{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var .sf-c-navy\:70{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html.var .sf-c-navy\:80{color:hsl(240,100%,90%);background:hsl(240,100%,80%)}html.var .sf-c-navy\:90{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var .sf-c-navy\:100{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}html[data-theme='dark'] .sf-c-navy,html.dark .sf-c-navy{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy))}html[data-theme='dark'] .sf-c-navy\:0,html.dark .sf-c-navy\:0{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-100))}html[data-theme='dark'] .sf-c-navy\:10,html.dark .sf-c-navy\:10{color:hsl(var(--sf-dark-c-txt-navy-10));background:hsl(var(--sf-dark-c-navy-90))}html[data-theme='dark'] .sf-c-navy\:20,html.dark .sf-c-navy\:20{color:hsl(var(--sf-dark-c-txt-navy-10));background:hsl(var(--sf-dark-c-navy-80))}html[data-theme='dark'] .sf-c-navy\:30,html.dark .sf-c-navy\:30{color:hsl(var(--sf-dark-c-txt-navy-10));background:hsl(var(--sf-dark-c-navy-70))}html[data-theme='dark'] .sf-c-navy\:40,html.dark .sf-c-navy\:40{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-60))}html[data-theme='dark'] .sf-c-navy\:50,html.dark .sf-c-navy\:50{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-50))}html[data-theme='dark'] .sf-c-navy\:60,html.dark .sf-c-navy\:60{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-40))}html[data-theme='dark'] .sf-c-navy\:70,html.dark .sf-c-navy\:70{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-30))}html[data-theme='dark'] .sf-c-navy\:80,html.dark .sf-c-navy\:80{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-20))}html[data-theme='dark'] .sf-c-navy\:90,html.dark .sf-c-navy\:90{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-10))}html[data-theme='dark'] .sf-c-navy\:100,html.dark .sf-c-navy\:100{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-0))}html[data-theme='dark'] .sf-c-navy\:dark,html.dark .sf-c-navy\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy))}html[data-theme='dark'] .sf-c-navy\:0\:dark,html.dark .sf-c-navy\:0\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-100))}html[data-theme='dark'] .sf-c-navy\:10\:dark,html.dark .sf-c-navy\:10\:dark{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-90))}html[data-theme='dark'] .sf-c-navy\:20\:dark,html.dark .sf-c-navy\:20\:dark{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-80))}html[data-theme='dark'] .sf-c-navy\:30\:dark,html.dark .sf-c-navy\:30\:dark{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-70))}html[data-theme='dark'] .sf-c-navy\:40\:dark,html.dark .sf-c-navy\:40\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-60))}html[data-theme='dark'] .sf-c-navy\:50\:dark,html.dark .sf-c-navy\:50\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-50))}html[data-theme='dark'] .sf-c-navy\:60\:dark,html.dark .sf-c-navy\:60\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-40))}html[data-theme='dark'] .sf-c-navy\:70\:dark,html.dark .sf-c-navy\:70\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-30))}html[data-theme='dark'] .sf-c-navy\:80\:dark,html.dark .sf-c-navy\:80\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-20))}html[data-theme='dark'] .sf-c-navy\:90\:dark,html.dark .sf-c-navy\:90\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-10))}html[data-theme='dark'] .sf-c-navy\:100\:dark,html.dark .sf-c-navy\:100\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-0))}html.var[data-theme='dark'] .sf-c-navy,html.var.dark .sf-c-navy{color:hsl(240,100%,90%);background:hsl(240,100%,75%)}html.var[data-theme='dark'] .sf-c-navy\:0,html.var.dark .sf-c-navy\:0{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='dark'] .sf-c-navy\:10,html.var.dark .sf-c-navy\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-navy\:20,html.var.dark .sf-c-navy\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-navy\:30,html.var.dark .sf-c-navy\:30{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-navy\:40,html.var.dark .sf-c-navy\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-navy\:50,html.var.dark .sf-c-navy\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-navy\:60,html.var.dark .sf-c-navy\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-navy\:70,html.var.dark .sf-c-navy\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-navy\:80,html.var.dark .sf-c-navy\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-navy\:90,html.var.dark .sf-c-navy\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-navy\:100,html.var.dark .sf-c-navy\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='dark'] .sf-c-navy\:dark,html.var.dark .sf-c-navy\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,75%)}html.var[data-theme='dark'] .sf-c-navy\:0\:dark,html.var.dark .sf-c-navy\:0\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='dark'] .sf-c-navy\:10\:dark,html.var.dark .sf-c-navy\:10\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-navy\:20\:dark,html.var.dark .sf-c-navy\:20\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-navy\:30\:dark,html.var.dark .sf-c-navy\:30\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-navy\:40\:dark,html.var.dark .sf-c-navy\:40\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-navy\:50\:dark,html.var.dark .sf-c-navy\:50\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-navy\:60\:dark,html.var.dark .sf-c-navy\:60\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-navy\:70\:dark,html.var.dark .sf-c-navy\:70\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-navy\:80\:dark,html.var.dark .sf-c-navy\:80\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-navy\:90\:dark,html.var.dark .sf-c-navy\:90\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-navy\:100\:dark,html.var.dark .sf-c-navy\:100\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-navy,html.auto .sf-c-navy{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy))}html[data-theme='auto'] .sf-c-navy\:0,html.auto .sf-c-navy\:0{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-100))}html[data-theme='auto'] .sf-c-navy\:10,html.auto .sf-c-navy\:10{color:hsl(var(--sf-dark-c-txt-navy-10));background:hsl(var(--sf-dark-c-navy-90))}html[data-theme='auto'] .sf-c-navy\:20,html.auto .sf-c-navy\:20{color:hsl(var(--sf-dark-c-txt-navy-10));background:hsl(var(--sf-dark-c-navy-80))}html[data-theme='auto'] .sf-c-navy\:30,html.auto .sf-c-navy\:30{color:hsl(var(--sf-dark-c-txt-navy-10));background:hsl(var(--sf-dark-c-navy-70))}html[data-theme='auto'] .sf-c-navy\:40,html.auto .sf-c-navy\:40{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-60))}html[data-theme='auto'] .sf-c-navy\:50,html.auto .sf-c-navy\:50{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-50))}html[data-theme='auto'] .sf-c-navy\:60,html.auto .sf-c-navy\:60{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-40))}html[data-theme='auto'] .sf-c-navy\:70,html.auto .sf-c-navy\:70{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-30))}html[data-theme='auto'] .sf-c-navy\:80,html.auto .sf-c-navy\:80{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-20))}html[data-theme='auto'] .sf-c-navy\:90,html.auto .sf-c-navy\:90{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-10))}html[data-theme='auto'] .sf-c-navy\:100,html.auto .sf-c-navy\:100{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-0))}html[data-theme='auto'] .sf-c-navy\:dark,html.auto .sf-c-navy\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy))}html[data-theme='auto'] .sf-c-navy\:0\:dark,html.auto .sf-c-navy\:0\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-100))}html[data-theme='auto'] .sf-c-navy\:10\:dark,html.auto .sf-c-navy\:10\:dark{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-90))}html[data-theme='auto'] .sf-c-navy\:20\:dark,html.auto .sf-c-navy\:20\:dark{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-80))}html[data-theme='auto'] .sf-c-navy\:30\:dark,html.auto .sf-c-navy\:30\:dark{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-70))}html[data-theme='auto'] .sf-c-navy\:40\:dark,html.auto .sf-c-navy\:40\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-60))}html[data-theme='auto'] .sf-c-navy\:50\:dark,html.auto .sf-c-navy\:50\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-50))}html[data-theme='auto'] .sf-c-navy\:60\:dark,html.auto .sf-c-navy\:60\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-40))}html[data-theme='auto'] .sf-c-navy\:70\:dark,html.auto .sf-c-navy\:70\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-30))}html[data-theme='auto'] .sf-c-navy\:80\:dark,html.auto .sf-c-navy\:80\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-20))}html[data-theme='auto'] .sf-c-navy\:90\:dark,html.auto .sf-c-navy\:90\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-10))}html[data-theme='auto'] .sf-c-navy\:100\:dark,html.auto .sf-c-navy\:100\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-0))}html.var[data-theme='auto'] .sf-c-navy,html.var.auto .sf-c-navy{color:hsl(240,100%,90%);background:hsl(240,100%,75%)}html.var[data-theme='auto'] .sf-c-navy\:0,html.var.auto .sf-c-navy\:0{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='auto'] .sf-c-navy\:10,html.var.auto .sf-c-navy\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-navy\:20,html.var.auto .sf-c-navy\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-navy\:30,html.var.auto .sf-c-navy\:30{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-navy\:40,html.var.auto .sf-c-navy\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-navy\:50,html.var.auto .sf-c-navy\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-navy\:60,html.var.auto .sf-c-navy\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-navy\:70,html.var.auto .sf-c-navy\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-navy\:80,html.var.auto .sf-c-navy\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-navy\:90,html.var.auto .sf-c-navy\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-navy\:100,html.var.auto .sf-c-navy\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='auto'] .sf-c-navy\:dark,html.var.auto .sf-c-navy\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,75%)}html.var[data-theme='auto'] .sf-c-navy\:0\:dark,html.var.auto .sf-c-navy\:0\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='auto'] .sf-c-navy\:10\:dark,html.var.auto .sf-c-navy\:10\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-navy\:20\:dark,html.var.auto .sf-c-navy\:20\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-navy\:30\:dark,html.var.auto .sf-c-navy\:30\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-navy\:40\:dark,html.var.auto .sf-c-navy\:40\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-navy\:50\:dark,html.var.auto .sf-c-navy\:50\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-navy\:60\:dark,html.var.auto .sf-c-navy\:60\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-navy\:70\:dark,html.var.auto .sf-c-navy\:70\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-navy\:80\:dark,html.var.auto .sf-c-navy\:80\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-navy\:90\:dark,html.var.auto .sf-c-navy\:90\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-navy\:100\:dark,html.var.auto .sf-c-navy\:100\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}}.sf-c-txt-navy{color:hsl(var(--sf-c-txt-navy))}.sf-c-txt-navy\:0{color:hsl(var(--sf-c-txt-navy-0))}.sf-c-txt-navy\:10{color:hsl(var(--sf-c-txt-navy-10))}.sf-c-txt-navy\:20{color:hsl(var(--sf-c-txt-navy-20))}.sf-c-txt-navy\:30{color:hsl(var(--sf-c-txt-navy-30))}.sf-c-txt-navy\:40{color:hsl(var(--sf-c-txt-navy-40))}.sf-c-txt-navy\:50{color:hsl(var(--sf-c-txt-navy-50))}.sf-c-txt-navy\:60{color:hsl(var(--sf-c-txt-navy-60))}.sf-c-txt-navy\:70{color:hsl(var(--sf-c-txt-navy-70))}.sf-c-txt-navy\:80{color:hsl(var(--sf-c-txt-navy-80))}.sf-c-txt-navy\:90{color:hsl(var(--sf-c-txt-navy-90))}.sf-c-txt-navy\:100{color:hsl(var(--sf-c-txt-navy-100))}.sf-c-olive{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive))}.sf-c-olive\:0{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-0))}.sf-c-olive\:10{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-10))}.sf-c-olive\:20{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-20))}.sf-c-olive\:30{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-30))}.sf-c-olive\:40{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-40))}.sf-c-olive\:50{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-50))}.sf-c-olive\:60{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-60))}.sf-c-olive\:70{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-70))}.sf-c-olive\:80{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-80))}.sf-c-olive\:90{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-90))}.sf-c-olive\:100{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-100))}html.var .sf-c-olive{color:hsl(60,100%,90%);background:hsl(60,100%,25%)}html.var .sf-c-olive\:0{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var .sf-c-olive\:10{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var .sf-c-olive\:20{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var .sf-c-olive\:30{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html.var .sf-c-olive\:40{color:hsl(60,100%,90%);background:hsl(60,100%,40%)}html.var .sf-c-olive\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var .sf-c-olive\:60{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var .sf-c-olive\:70{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var .sf-c-olive\:80{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var .sf-c-olive\:90{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var .sf-c-olive\:100{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}html[data-theme='dark'] .sf-c-olive,html.dark .sf-c-olive{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive))}html[data-theme='dark'] .sf-c-olive\:0,html.dark .sf-c-olive\:0{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-100))}html[data-theme='dark'] .sf-c-olive\:10,html.dark .sf-c-olive\:10{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-90))}html[data-theme='dark'] .sf-c-olive\:20,html.dark .sf-c-olive\:20{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-80))}html[data-theme='dark'] .sf-c-olive\:30,html.dark .sf-c-olive\:30{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-70))}html[data-theme='dark'] .sf-c-olive\:40,html.dark .sf-c-olive\:40{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-60))}html[data-theme='dark'] .sf-c-olive\:50,html.dark .sf-c-olive\:50{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-50))}html[data-theme='dark'] .sf-c-olive\:60,html.dark .sf-c-olive\:60{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-40))}html[data-theme='dark'] .sf-c-olive\:70,html.dark .sf-c-olive\:70{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-30))}html[data-theme='dark'] .sf-c-olive\:80,html.dark .sf-c-olive\:80{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-20))}html[data-theme='dark'] .sf-c-olive\:90,html.dark .sf-c-olive\:90{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-10))}html[data-theme='dark'] .sf-c-olive\:100,html.dark .sf-c-olive\:100{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-0))}html[data-theme='dark'] .sf-c-olive\:dark,html.dark .sf-c-olive\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive))}html[data-theme='dark'] .sf-c-olive\:0\:dark,html.dark .sf-c-olive\:0\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-100))}html[data-theme='dark'] .sf-c-olive\:10\:dark,html.dark .sf-c-olive\:10\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-90))}html[data-theme='dark'] .sf-c-olive\:20\:dark,html.dark .sf-c-olive\:20\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-80))}html[data-theme='dark'] .sf-c-olive\:30\:dark,html.dark .sf-c-olive\:30\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-70))}html[data-theme='dark'] .sf-c-olive\:40\:dark,html.dark .sf-c-olive\:40\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-60))}html[data-theme='dark'] .sf-c-olive\:50\:dark,html.dark .sf-c-olive\:50\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-50))}html[data-theme='dark'] .sf-c-olive\:60\:dark,html.dark .sf-c-olive\:60\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-40))}html[data-theme='dark'] .sf-c-olive\:70\:dark,html.dark .sf-c-olive\:70\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-30))}html[data-theme='dark'] .sf-c-olive\:80\:dark,html.dark .sf-c-olive\:80\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-20))}html[data-theme='dark'] .sf-c-olive\:90\:dark,html.dark .sf-c-olive\:90\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-10))}html[data-theme='dark'] .sf-c-olive\:100\:dark,html.dark .sf-c-olive\:100\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-0))}html.var[data-theme='dark'] .sf-c-olive,html.var.dark .sf-c-olive{color:hsl(60,100%,10%);background:hsl(60,100%,75%)}html.var[data-theme='dark'] .sf-c-olive\:0,html.var.dark .sf-c-olive\:0{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='dark'] .sf-c-olive\:10,html.var.dark .sf-c-olive\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-olive\:20,html.var.dark .sf-c-olive\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-olive\:30,html.var.dark .sf-c-olive\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-olive\:40,html.var.dark .sf-c-olive\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-olive\:50,html.var.dark .sf-c-olive\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-olive\:60,html.var.dark .sf-c-olive\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-olive\:70,html.var.dark .sf-c-olive\:70{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-olive\:80,html.var.dark .sf-c-olive\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-olive\:90,html.var.dark .sf-c-olive\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-olive\:100,html.var.dark .sf-c-olive\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='dark'] .sf-c-olive\:dark,html.var.dark .sf-c-olive\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,75%)}html.var[data-theme='dark'] .sf-c-olive\:0\:dark,html.var.dark .sf-c-olive\:0\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='dark'] .sf-c-olive\:10\:dark,html.var.dark .sf-c-olive\:10\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-olive\:20\:dark,html.var.dark .sf-c-olive\:20\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-olive\:30\:dark,html.var.dark .sf-c-olive\:30\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-olive\:40\:dark,html.var.dark .sf-c-olive\:40\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-olive\:50\:dark,html.var.dark .sf-c-olive\:50\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-olive\:60\:dark,html.var.dark .sf-c-olive\:60\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-olive\:70\:dark,html.var.dark .sf-c-olive\:70\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-olive\:80\:dark,html.var.dark .sf-c-olive\:80\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-olive\:90\:dark,html.var.dark .sf-c-olive\:90\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-olive\:100\:dark,html.var.dark .sf-c-olive\:100\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-olive,html.auto .sf-c-olive{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive))}html[data-theme='auto'] .sf-c-olive\:0,html.auto .sf-c-olive\:0{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-100))}html[data-theme='auto'] .sf-c-olive\:10,html.auto .sf-c-olive\:10{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-90))}html[data-theme='auto'] .sf-c-olive\:20,html.auto .sf-c-olive\:20{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-80))}html[data-theme='auto'] .sf-c-olive\:30,html.auto .sf-c-olive\:30{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-70))}html[data-theme='auto'] .sf-c-olive\:40,html.auto .sf-c-olive\:40{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-60))}html[data-theme='auto'] .sf-c-olive\:50,html.auto .sf-c-olive\:50{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-50))}html[data-theme='auto'] .sf-c-olive\:60,html.auto .sf-c-olive\:60{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-40))}html[data-theme='auto'] .sf-c-olive\:70,html.auto .sf-c-olive\:70{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-30))}html[data-theme='auto'] .sf-c-olive\:80,html.auto .sf-c-olive\:80{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-20))}html[data-theme='auto'] .sf-c-olive\:90,html.auto .sf-c-olive\:90{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-10))}html[data-theme='auto'] .sf-c-olive\:100,html.auto .sf-c-olive\:100{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-0))}html[data-theme='auto'] .sf-c-olive\:dark,html.auto .sf-c-olive\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive))}html[data-theme='auto'] .sf-c-olive\:0\:dark,html.auto .sf-c-olive\:0\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-100))}html[data-theme='auto'] .sf-c-olive\:10\:dark,html.auto .sf-c-olive\:10\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-90))}html[data-theme='auto'] .sf-c-olive\:20\:dark,html.auto .sf-c-olive\:20\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-80))}html[data-theme='auto'] .sf-c-olive\:30\:dark,html.auto .sf-c-olive\:30\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-70))}html[data-theme='auto'] .sf-c-olive\:40\:dark,html.auto .sf-c-olive\:40\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-60))}html[data-theme='auto'] .sf-c-olive\:50\:dark,html.auto .sf-c-olive\:50\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-50))}html[data-theme='auto'] .sf-c-olive\:60\:dark,html.auto .sf-c-olive\:60\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-40))}html[data-theme='auto'] .sf-c-olive\:70\:dark,html.auto .sf-c-olive\:70\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-30))}html[data-theme='auto'] .sf-c-olive\:80\:dark,html.auto .sf-c-olive\:80\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-20))}html[data-theme='auto'] .sf-c-olive\:90\:dark,html.auto .sf-c-olive\:90\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-10))}html[data-theme='auto'] .sf-c-olive\:100\:dark,html.auto .sf-c-olive\:100\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-0))}html.var[data-theme='auto'] .sf-c-olive,html.var.auto .sf-c-olive{color:hsl(60,100%,10%);background:hsl(60,100%,75%)}html.var[data-theme='auto'] .sf-c-olive\:0,html.var.auto .sf-c-olive\:0{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='auto'] .sf-c-olive\:10,html.var.auto .sf-c-olive\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-olive\:20,html.var.auto .sf-c-olive\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-olive\:30,html.var.auto .sf-c-olive\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-olive\:40,html.var.auto .sf-c-olive\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-olive\:50,html.var.auto .sf-c-olive\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-olive\:60,html.var.auto .sf-c-olive\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-olive\:70,html.var.auto .sf-c-olive\:70{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-olive\:80,html.var.auto .sf-c-olive\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-olive\:90,html.var.auto .sf-c-olive\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-olive\:100,html.var.auto .sf-c-olive\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='auto'] .sf-c-olive\:dark,html.var.auto .sf-c-olive\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,75%)}html.var[data-theme='auto'] .sf-c-olive\:0\:dark,html.var.auto .sf-c-olive\:0\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='auto'] .sf-c-olive\:10\:dark,html.var.auto .sf-c-olive\:10\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-olive\:20\:dark,html.var.auto .sf-c-olive\:20\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-olive\:30\:dark,html.var.auto .sf-c-olive\:30\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-olive\:40\:dark,html.var.auto .sf-c-olive\:40\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-olive\:50\:dark,html.var.auto .sf-c-olive\:50\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-olive\:60\:dark,html.var.auto .sf-c-olive\:60\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-olive\:70\:dark,html.var.auto .sf-c-olive\:70\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-olive\:80\:dark,html.var.auto .sf-c-olive\:80\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-olive\:90\:dark,html.var.auto .sf-c-olive\:90\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-olive\:100\:dark,html.var.auto .sf-c-olive\:100\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}}.sf-c-txt-olive{color:hsl(var(--sf-c-txt-olive))}.sf-c-txt-olive\:0{color:hsl(var(--sf-c-txt-olive-0))}.sf-c-txt-olive\:10{color:hsl(var(--sf-c-txt-olive-10))}.sf-c-txt-olive\:20{color:hsl(var(--sf-c-txt-olive-20))}.sf-c-txt-olive\:30{color:hsl(var(--sf-c-txt-olive-30))}.sf-c-txt-olive\:40{color:hsl(var(--sf-c-txt-olive-40))}.sf-c-txt-olive\:50{color:hsl(var(--sf-c-txt-olive-50))}.sf-c-txt-olive\:60{color:hsl(var(--sf-c-txt-olive-60))}.sf-c-txt-olive\:70{color:hsl(var(--sf-c-txt-olive-70))}.sf-c-txt-olive\:80{color:hsl(var(--sf-c-txt-olive-80))}.sf-c-txt-olive\:90{color:hsl(var(--sf-c-txt-olive-90))}.sf-c-txt-olive\:100{color:hsl(var(--sf-c-txt-olive-100))}.sf-c-purple{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple))}.sf-c-purple\:0{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-0))}.sf-c-purple\:10{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-10))}.sf-c-purple\:20{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-20))}.sf-c-purple\:30{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-30))}.sf-c-purple\:40{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-40))}.sf-c-purple\:50{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-50))}.sf-c-purple\:60{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-60))}.sf-c-purple\:70{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-70))}.sf-c-purple\:80{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-80))}.sf-c-purple\:90{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-90))}.sf-c-purple\:100{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-100))}html.var .sf-c-purple{color:hsl(300,100%,90%);background:hsl(300,100%,25%)}html.var .sf-c-purple\:0{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var .sf-c-purple\:10{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var .sf-c-purple\:20{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var .sf-c-purple\:30{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var .sf-c-purple\:40{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var .sf-c-purple\:50{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html.var .sf-c-purple\:60{color:hsl(300,100%,90%);background:hsl(300,100%,60%)}html.var .sf-c-purple\:70{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var .sf-c-purple\:80{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var .sf-c-purple\:90{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var .sf-c-purple\:100{color:hsl(300,100%,10%);background:hsl(300,100%,100%)}html[data-theme='dark'] .sf-c-purple,html.dark .sf-c-purple{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple))}html[data-theme='dark'] .sf-c-purple\:0,html.dark .sf-c-purple\:0{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-100))}html[data-theme='dark'] .sf-c-purple\:10,html.dark .sf-c-purple\:10{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-90))}html[data-theme='dark'] .sf-c-purple\:20,html.dark .sf-c-purple\:20{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-80))}html[data-theme='dark'] .sf-c-purple\:30,html.dark .sf-c-purple\:30{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-70))}html[data-theme='dark'] .sf-c-purple\:40,html.dark .sf-c-purple\:40{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-60))}html[data-theme='dark'] .sf-c-purple\:50,html.dark .sf-c-purple\:50{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-50))}html[data-theme='dark'] .sf-c-purple\:60,html.dark .sf-c-purple\:60{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-40))}html[data-theme='dark'] .sf-c-purple\:70,html.dark .sf-c-purple\:70{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-30))}html[data-theme='dark'] .sf-c-purple\:80,html.dark .sf-c-purple\:80{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-20))}html[data-theme='dark'] .sf-c-purple\:90,html.dark .sf-c-purple\:90{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-10))}html[data-theme='dark'] .sf-c-purple\:100,html.dark .sf-c-purple\:100{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-0))}html[data-theme='dark'] .sf-c-purple\:dark,html.dark .sf-c-purple\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple))}html[data-theme='dark'] .sf-c-purple\:0\:dark,html.dark .sf-c-purple\:0\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-100))}html[data-theme='dark'] .sf-c-purple\:10\:dark,html.dark .sf-c-purple\:10\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-90))}html[data-theme='dark'] .sf-c-purple\:20\:dark,html.dark .sf-c-purple\:20\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-80))}html[data-theme='dark'] .sf-c-purple\:30\:dark,html.dark .sf-c-purple\:30\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-70))}html[data-theme='dark'] .sf-c-purple\:40\:dark,html.dark .sf-c-purple\:40\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-60))}html[data-theme='dark'] .sf-c-purple\:50\:dark,html.dark .sf-c-purple\:50\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-50))}html[data-theme='dark'] .sf-c-purple\:60\:dark,html.dark .sf-c-purple\:60\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-40))}html[data-theme='dark'] .sf-c-purple\:70\:dark,html.dark .sf-c-purple\:70\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-30))}html[data-theme='dark'] .sf-c-purple\:80\:dark,html.dark .sf-c-purple\:80\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-20))}html[data-theme='dark'] .sf-c-purple\:90\:dark,html.dark .sf-c-purple\:90\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-10))}html[data-theme='dark'] .sf-c-purple\:100\:dark,html.dark .sf-c-purple\:100\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-0))}html.var[data-theme='dark'] .sf-c-purple,html.var.dark .sf-c-purple{color:hsl(300,100%,10%);background:hsl(300,100%,75%)}html.var[data-theme='dark'] .sf-c-purple\:0,html.var.dark .sf-c-purple\:0{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='dark'] .sf-c-purple\:10,html.var.dark .sf-c-purple\:10{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='dark'] .sf-c-purple\:20,html.var.dark .sf-c-purple\:20{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='dark'] .sf-c-purple\:30,html.var.dark .sf-c-purple\:30{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='dark'] .sf-c-purple\:40,html.var.dark .sf-c-purple\:40{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='dark'] .sf-c-purple\:50,html.var.dark .sf-c-purple\:50{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-purple\:60,html.var.dark .sf-c-purple\:60{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='dark'] .sf-c-purple\:70,html.var.dark .sf-c-purple\:70{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='dark'] .sf-c-purple\:80,html.var.dark .sf-c-purple\:80{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='dark'] .sf-c-purple\:90,html.var.dark .sf-c-purple\:90{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='dark'] .sf-c-purple\:100,html.var.dark .sf-c-purple\:100{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var[data-theme='dark'] .sf-c-purple\:dark,html.var.dark .sf-c-purple\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,75%)}html.var[data-theme='dark'] .sf-c-purple\:0\:dark,html.var.dark .sf-c-purple\:0\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='dark'] .sf-c-purple\:10\:dark,html.var.dark .sf-c-purple\:10\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='dark'] .sf-c-purple\:20\:dark,html.var.dark .sf-c-purple\:20\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='dark'] .sf-c-purple\:30\:dark,html.var.dark .sf-c-purple\:30\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='dark'] .sf-c-purple\:40\:dark,html.var.dark .sf-c-purple\:40\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='dark'] .sf-c-purple\:50\:dark,html.var.dark .sf-c-purple\:50\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-purple\:60\:dark,html.var.dark .sf-c-purple\:60\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='dark'] .sf-c-purple\:70\:dark,html.var.dark .sf-c-purple\:70\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='dark'] .sf-c-purple\:80\:dark,html.var.dark .sf-c-purple\:80\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='dark'] .sf-c-purple\:90\:dark,html.var.dark .sf-c-purple\:90\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='dark'] .sf-c-purple\:100\:dark,html.var.dark .sf-c-purple\:100\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-purple,html.auto .sf-c-purple{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple))}html[data-theme='auto'] .sf-c-purple\:0,html.auto .sf-c-purple\:0{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-100))}html[data-theme='auto'] .sf-c-purple\:10,html.auto .sf-c-purple\:10{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-90))}html[data-theme='auto'] .sf-c-purple\:20,html.auto .sf-c-purple\:20{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-80))}html[data-theme='auto'] .sf-c-purple\:30,html.auto .sf-c-purple\:30{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-70))}html[data-theme='auto'] .sf-c-purple\:40,html.auto .sf-c-purple\:40{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-60))}html[data-theme='auto'] .sf-c-purple\:50,html.auto .sf-c-purple\:50{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-50))}html[data-theme='auto'] .sf-c-purple\:60,html.auto .sf-c-purple\:60{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-40))}html[data-theme='auto'] .sf-c-purple\:70,html.auto .sf-c-purple\:70{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-30))}html[data-theme='auto'] .sf-c-purple\:80,html.auto .sf-c-purple\:80{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-20))}html[data-theme='auto'] .sf-c-purple\:90,html.auto .sf-c-purple\:90{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-10))}html[data-theme='auto'] .sf-c-purple\:100,html.auto .sf-c-purple\:100{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-0))}html[data-theme='auto'] .sf-c-purple\:dark,html.auto .sf-c-purple\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple))}html[data-theme='auto'] .sf-c-purple\:0\:dark,html.auto .sf-c-purple\:0\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-100))}html[data-theme='auto'] .sf-c-purple\:10\:dark,html.auto .sf-c-purple\:10\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-90))}html[data-theme='auto'] .sf-c-purple\:20\:dark,html.auto .sf-c-purple\:20\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-80))}html[data-theme='auto'] .sf-c-purple\:30\:dark,html.auto .sf-c-purple\:30\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-70))}html[data-theme='auto'] .sf-c-purple\:40\:dark,html.auto .sf-c-purple\:40\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-60))}html[data-theme='auto'] .sf-c-purple\:50\:dark,html.auto .sf-c-purple\:50\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-50))}html[data-theme='auto'] .sf-c-purple\:60\:dark,html.auto .sf-c-purple\:60\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-40))}html[data-theme='auto'] .sf-c-purple\:70\:dark,html.auto .sf-c-purple\:70\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-30))}html[data-theme='auto'] .sf-c-purple\:80\:dark,html.auto .sf-c-purple\:80\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-20))}html[data-theme='auto'] .sf-c-purple\:90\:dark,html.auto .sf-c-purple\:90\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-10))}html[data-theme='auto'] .sf-c-purple\:100\:dark,html.auto .sf-c-purple\:100\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-0))}html.var[data-theme='auto'] .sf-c-purple,html.var.auto .sf-c-purple{color:hsl(300,100%,10%);background:hsl(300,100%,75%)}html.var[data-theme='auto'] .sf-c-purple\:0,html.var.auto .sf-c-purple\:0{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='auto'] .sf-c-purple\:10,html.var.auto .sf-c-purple\:10{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='auto'] .sf-c-purple\:20,html.var.auto .sf-c-purple\:20{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='auto'] .sf-c-purple\:30,html.var.auto .sf-c-purple\:30{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='auto'] .sf-c-purple\:40,html.var.auto .sf-c-purple\:40{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='auto'] .sf-c-purple\:50,html.var.auto .sf-c-purple\:50{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-purple\:60,html.var.auto .sf-c-purple\:60{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='auto'] .sf-c-purple\:70,html.var.auto .sf-c-purple\:70{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='auto'] .sf-c-purple\:80,html.var.auto .sf-c-purple\:80{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='auto'] .sf-c-purple\:90,html.var.auto .sf-c-purple\:90{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='auto'] .sf-c-purple\:100,html.var.auto .sf-c-purple\:100{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var[data-theme='auto'] .sf-c-purple\:dark,html.var.auto .sf-c-purple\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,75%)}html.var[data-theme='auto'] .sf-c-purple\:0\:dark,html.var.auto .sf-c-purple\:0\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='auto'] .sf-c-purple\:10\:dark,html.var.auto .sf-c-purple\:10\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='auto'] .sf-c-purple\:20\:dark,html.var.auto .sf-c-purple\:20\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='auto'] .sf-c-purple\:30\:dark,html.var.auto .sf-c-purple\:30\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='auto'] .sf-c-purple\:40\:dark,html.var.auto .sf-c-purple\:40\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='auto'] .sf-c-purple\:50\:dark,html.var.auto .sf-c-purple\:50\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-purple\:60\:dark,html.var.auto .sf-c-purple\:60\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='auto'] .sf-c-purple\:70\:dark,html.var.auto .sf-c-purple\:70\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='auto'] .sf-c-purple\:80\:dark,html.var.auto .sf-c-purple\:80\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='auto'] .sf-c-purple\:90\:dark,html.var.auto .sf-c-purple\:90\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='auto'] .sf-c-purple\:100\:dark,html.var.auto .sf-c-purple\:100\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}}.sf-c-txt-purple{color:hsl(var(--sf-c-txt-purple))}.sf-c-txt-purple\:0{color:hsl(var(--sf-c-txt-purple-0))}.sf-c-txt-purple\:10{color:hsl(var(--sf-c-txt-purple-10))}.sf-c-txt-purple\:20{color:hsl(var(--sf-c-txt-purple-20))}.sf-c-txt-purple\:30{color:hsl(var(--sf-c-txt-purple-30))}.sf-c-txt-purple\:40{color:hsl(var(--sf-c-txt-purple-40))}.sf-c-txt-purple\:50{color:hsl(var(--sf-c-txt-purple-50))}.sf-c-txt-purple\:60{color:hsl(var(--sf-c-txt-purple-60))}.sf-c-txt-purple\:70{color:hsl(var(--sf-c-txt-purple-70))}.sf-c-txt-purple\:80{color:hsl(var(--sf-c-txt-purple-80))}.sf-c-txt-purple\:90{color:hsl(var(--sf-c-txt-purple-90))}.sf-c-txt-purple\:100{color:hsl(var(--sf-c-txt-purple-100))}.sf-c-red{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red))}.sf-c-red\:0{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-0))}.sf-c-red\:10{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-10))}.sf-c-red\:20{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-20))}.sf-c-red\:30{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-30))}.sf-c-red\:40{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-40))}.sf-c-red\:50{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-50))}.sf-c-red\:60{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-60))}.sf-c-red\:70{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-70))}.sf-c-red\:80{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-80))}.sf-c-red\:90{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-90))}.sf-c-red\:100{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-100))}html.var .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var .sf-c-red\:0{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var .sf-c-red\:10{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var .sf-c-red\:20{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var .sf-c-red\:30{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var .sf-c-red\:40{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html.var .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,70%)}html.var .sf-c-red\:80{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var .sf-c-red\:90{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var .sf-c-red\:100{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}html[data-theme='dark'] .sf-c-red,html.dark .sf-c-red{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red))}html[data-theme='dark'] .sf-c-red\:0,html.dark .sf-c-red\:0{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-100))}html[data-theme='dark'] .sf-c-red\:10,html.dark .sf-c-red\:10{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-90))}html[data-theme='dark'] .sf-c-red\:20,html.dark .sf-c-red\:20{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-80))}html[data-theme='dark'] .sf-c-red\:30,html.dark .sf-c-red\:30{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-70))}html[data-theme='dark'] .sf-c-red\:40,html.dark .sf-c-red\:40{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-60))}html[data-theme='dark'] .sf-c-red\:50,html.dark .sf-c-red\:50{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-50))}html[data-theme='dark'] .sf-c-red\:60,html.dark .sf-c-red\:60{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-40))}html[data-theme='dark'] .sf-c-red\:70,html.dark .sf-c-red\:70{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-30))}html[data-theme='dark'] .sf-c-red\:80,html.dark .sf-c-red\:80{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-20))}html[data-theme='dark'] .sf-c-red\:90,html.dark .sf-c-red\:90{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-10))}html[data-theme='dark'] .sf-c-red\:100,html.dark .sf-c-red\:100{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-0))}html[data-theme='dark'] .sf-c-red\:dark,html.dark .sf-c-red\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red))}html[data-theme='dark'] .sf-c-red\:0\:dark,html.dark .sf-c-red\:0\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-100))}html[data-theme='dark'] .sf-c-red\:10\:dark,html.dark .sf-c-red\:10\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-90))}html[data-theme='dark'] .sf-c-red\:20\:dark,html.dark .sf-c-red\:20\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-80))}html[data-theme='dark'] .sf-c-red\:30\:dark,html.dark .sf-c-red\:30\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-70))}html[data-theme='dark'] .sf-c-red\:40\:dark,html.dark .sf-c-red\:40\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-60))}html[data-theme='dark'] .sf-c-red\:50\:dark,html.dark .sf-c-red\:50\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-50))}html[data-theme='dark'] .sf-c-red\:60\:dark,html.dark .sf-c-red\:60\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-40))}html[data-theme='dark'] .sf-c-red\:70\:dark,html.dark .sf-c-red\:70\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-30))}html[data-theme='dark'] .sf-c-red\:80\:dark,html.dark .sf-c-red\:80\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-20))}html[data-theme='dark'] .sf-c-red\:90\:dark,html.dark .sf-c-red\:90\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-10))}html[data-theme='dark'] .sf-c-red\:100\:dark,html.dark .sf-c-red\:100\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-0))}html.var[data-theme='dark'] .sf-c-red,html.var.dark .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:0,html.var.dark .sf-c-red\:0{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='dark'] .sf-c-red\:10,html.var.dark .sf-c-red\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-red\:20,html.var.dark .sf-c-red\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-red\:30,html.var.dark .sf-c-red\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-red\:40,html.var.dark .sf-c-red\:40{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-red\:50,html.var.dark .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:60,html.var.dark .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-red\:70,html.var.dark .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-red\:80,html.var.dark .sf-c-red\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-red\:90,html.var.dark .sf-c-red\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-red\:100,html.var.dark .sf-c-red\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='dark'] .sf-c-red\:dark,html.var.dark .sf-c-red\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:0\:dark,html.var.dark .sf-c-red\:0\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='dark'] .sf-c-red\:10\:dark,html.var.dark .sf-c-red\:10\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-red\:20\:dark,html.var.dark .sf-c-red\:20\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-red\:30\:dark,html.var.dark .sf-c-red\:30\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-red\:40\:dark,html.var.dark .sf-c-red\:40\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-red\:50\:dark,html.var.dark .sf-c-red\:50\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:60\:dark,html.var.dark .sf-c-red\:60\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-red\:70\:dark,html.var.dark .sf-c-red\:70\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-red\:80\:dark,html.var.dark .sf-c-red\:80\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-red\:90\:dark,html.var.dark .sf-c-red\:90\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-red\:100\:dark,html.var.dark .sf-c-red\:100\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-red,html.auto .sf-c-red{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red))}html[data-theme='auto'] .sf-c-red\:0,html.auto .sf-c-red\:0{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-100))}html[data-theme='auto'] .sf-c-red\:10,html.auto .sf-c-red\:10{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-90))}html[data-theme='auto'] .sf-c-red\:20,html.auto .sf-c-red\:20{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-80))}html[data-theme='auto'] .sf-c-red\:30,html.auto .sf-c-red\:30{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-70))}html[data-theme='auto'] .sf-c-red\:40,html.auto .sf-c-red\:40{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-60))}html[data-theme='auto'] .sf-c-red\:50,html.auto .sf-c-red\:50{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-50))}html[data-theme='auto'] .sf-c-red\:60,html.auto .sf-c-red\:60{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-40))}html[data-theme='auto'] .sf-c-red\:70,html.auto .sf-c-red\:70{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-30))}html[data-theme='auto'] .sf-c-red\:80,html.auto .sf-c-red\:80{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-20))}html[data-theme='auto'] .sf-c-red\:90,html.auto .sf-c-red\:90{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-10))}html[data-theme='auto'] .sf-c-red\:100,html.auto .sf-c-red\:100{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-0))}html[data-theme='auto'] .sf-c-red\:dark,html.auto .sf-c-red\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red))}html[data-theme='auto'] .sf-c-red\:0\:dark,html.auto .sf-c-red\:0\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-100))}html[data-theme='auto'] .sf-c-red\:10\:dark,html.auto .sf-c-red\:10\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-90))}html[data-theme='auto'] .sf-c-red\:20\:dark,html.auto .sf-c-red\:20\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-80))}html[data-theme='auto'] .sf-c-red\:30\:dark,html.auto .sf-c-red\:30\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-70))}html[data-theme='auto'] .sf-c-red\:40\:dark,html.auto .sf-c-red\:40\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-60))}html[data-theme='auto'] .sf-c-red\:50\:dark,html.auto .sf-c-red\:50\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-50))}html[data-theme='auto'] .sf-c-red\:60\:dark,html.auto .sf-c-red\:60\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-40))}html[data-theme='auto'] .sf-c-red\:70\:dark,html.auto .sf-c-red\:70\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-30))}html[data-theme='auto'] .sf-c-red\:80\:dark,html.auto .sf-c-red\:80\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-20))}html[data-theme='auto'] .sf-c-red\:90\:dark,html.auto .sf-c-red\:90\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-10))}html[data-theme='auto'] .sf-c-red\:100\:dark,html.auto .sf-c-red\:100\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-0))}html.var[data-theme='auto'] .sf-c-red,html.var.auto .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:0,html.var.auto .sf-c-red\:0{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='auto'] .sf-c-red\:10,html.var.auto .sf-c-red\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-red\:20,html.var.auto .sf-c-red\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-red\:30,html.var.auto .sf-c-red\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-red\:40,html.var.auto .sf-c-red\:40{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-red\:50,html.var.auto .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:60,html.var.auto .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-red\:70,html.var.auto .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-red\:80,html.var.auto .sf-c-red\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-red\:90,html.var.auto .sf-c-red\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-red\:100,html.var.auto .sf-c-red\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='auto'] .sf-c-red\:dark,html.var.auto .sf-c-red\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:0\:dark,html.var.auto .sf-c-red\:0\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='auto'] .sf-c-red\:10\:dark,html.var.auto .sf-c-red\:10\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-red\:20\:dark,html.var.auto .sf-c-red\:20\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-red\:30\:dark,html.var.auto .sf-c-red\:30\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-red\:40\:dark,html.var.auto .sf-c-red\:40\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-red\:50\:dark,html.var.auto .sf-c-red\:50\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:60\:dark,html.var.auto .sf-c-red\:60\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-red\:70\:dark,html.var.auto .sf-c-red\:70\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-red\:80\:dark,html.var.auto .sf-c-red\:80\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-red\:90\:dark,html.var.auto .sf-c-red\:90\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-red\:100\:dark,html.var.auto .sf-c-red\:100\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}}.sf-c-txt-red{color:hsl(var(--sf-c-txt-red))}.sf-c-txt-red\:0{color:hsl(var(--sf-c-txt-red-0))}.sf-c-txt-red\:10{color:hsl(var(--sf-c-txt-red-10))}.sf-c-txt-red\:20{color:hsl(var(--sf-c-txt-red-20))}.sf-c-txt-red\:30{color:hsl(var(--sf-c-txt-red-30))}.sf-c-txt-red\:40{color:hsl(var(--sf-c-txt-red-40))}.sf-c-txt-red\:50{color:hsl(var(--sf-c-txt-red-50))}.sf-c-txt-red\:60{color:hsl(var(--sf-c-txt-red-60))}.sf-c-txt-red\:70{color:hsl(var(--sf-c-txt-red-70))}.sf-c-txt-red\:80{color:hsl(var(--sf-c-txt-red-80))}.sf-c-txt-red\:90{color:hsl(var(--sf-c-txt-red-90))}.sf-c-txt-red\:100{color:hsl(var(--sf-c-txt-red-100))}.sf-c-silver{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver))}.sf-c-silver\:0{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-0))}.sf-c-silver\:10{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-10))}.sf-c-silver\:20{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-20))}.sf-c-silver\:30{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-30))}.sf-c-silver\:40{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-40))}.sf-c-silver\:50{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-50))}.sf-c-silver\:60{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-60))}.sf-c-silver\:70{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-70))}.sf-c-silver\:80{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-80))}.sf-c-silver\:90{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-90))}.sf-c-silver\:100{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-100))}html.var .sf-c-silver{color:hsl(0,0%,10%);background:hsl(0,0%,75%)}html.var .sf-c-silver\:0{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var .sf-c-silver\:10{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var .sf-c-silver\:20{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var .sf-c-silver\:30{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var .sf-c-silver\:40{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var .sf-c-silver\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var .sf-c-silver\:60{color:hsl(0,0%,90%);background:hsl(0,0%,60%)}html.var .sf-c-silver\:70{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var .sf-c-silver\:80{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var .sf-c-silver\:90{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var .sf-c-silver\:100{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-silver,html.dark .sf-c-silver{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver))}html[data-theme='dark'] .sf-c-silver\:0,html.dark .sf-c-silver\:0{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-100))}html[data-theme='dark'] .sf-c-silver\:10,html.dark .sf-c-silver\:10{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-90))}html[data-theme='dark'] .sf-c-silver\:20,html.dark .sf-c-silver\:20{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-80))}html[data-theme='dark'] .sf-c-silver\:30,html.dark .sf-c-silver\:30{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-70))}html[data-theme='dark'] .sf-c-silver\:40,html.dark .sf-c-silver\:40{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-60))}html[data-theme='dark'] .sf-c-silver\:50,html.dark .sf-c-silver\:50{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-50))}html[data-theme='dark'] .sf-c-silver\:60,html.dark .sf-c-silver\:60{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-40))}html[data-theme='dark'] .sf-c-silver\:70,html.dark .sf-c-silver\:70{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-30))}html[data-theme='dark'] .sf-c-silver\:80,html.dark .sf-c-silver\:80{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-20))}html[data-theme='dark'] .sf-c-silver\:90,html.dark .sf-c-silver\:90{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-10))}html[data-theme='dark'] .sf-c-silver\:100,html.dark .sf-c-silver\:100{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-0))}html[data-theme='dark'] .sf-c-silver\:dark,html.dark .sf-c-silver\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver))}html[data-theme='dark'] .sf-c-silver\:0\:dark,html.dark .sf-c-silver\:0\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-100))}html[data-theme='dark'] .sf-c-silver\:10\:dark,html.dark .sf-c-silver\:10\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-90))}html[data-theme='dark'] .sf-c-silver\:20\:dark,html.dark .sf-c-silver\:20\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-80))}html[data-theme='dark'] .sf-c-silver\:30\:dark,html.dark .sf-c-silver\:30\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-70))}html[data-theme='dark'] .sf-c-silver\:40\:dark,html.dark .sf-c-silver\:40\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-60))}html[data-theme='dark'] .sf-c-silver\:50\:dark,html.dark .sf-c-silver\:50\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-50))}html[data-theme='dark'] .sf-c-silver\:60\:dark,html.dark .sf-c-silver\:60\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-40))}html[data-theme='dark'] .sf-c-silver\:70\:dark,html.dark .sf-c-silver\:70\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-30))}html[data-theme='dark'] .sf-c-silver\:80\:dark,html.dark .sf-c-silver\:80\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-20))}html[data-theme='dark'] .sf-c-silver\:90\:dark,html.dark .sf-c-silver\:90\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-10))}html[data-theme='dark'] .sf-c-silver\:100\:dark,html.dark .sf-c-silver\:100\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-0))}html.var[data-theme='dark'] .sf-c-silver,html.var.dark .sf-c-silver{color:hsl(0,0%,90%);background:hsl(0,0%,25%)}html.var[data-theme='dark'] .sf-c-silver\:0,html.var.dark .sf-c-silver\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-silver\:10,html.var.dark .sf-c-silver\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-silver\:20,html.var.dark .sf-c-silver\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-silver\:30,html.var.dark .sf-c-silver\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-silver\:40,html.var.dark .sf-c-silver\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-silver\:50,html.var.dark .sf-c-silver\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-silver\:60,html.var.dark .sf-c-silver\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-silver\:70,html.var.dark .sf-c-silver\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-silver\:80,html.var.dark .sf-c-silver\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-silver\:90,html.var.dark .sf-c-silver\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-silver\:100,html.var.dark .sf-c-silver\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-silver\:dark,html.var.dark .sf-c-silver\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,25%)}html.var[data-theme='dark'] .sf-c-silver\:0\:dark,html.var.dark .sf-c-silver\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-silver\:10\:dark,html.var.dark .sf-c-silver\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-silver\:20\:dark,html.var.dark .sf-c-silver\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-silver\:30\:dark,html.var.dark .sf-c-silver\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-silver\:40\:dark,html.var.dark .sf-c-silver\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-silver\:50\:dark,html.var.dark .sf-c-silver\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-silver\:60\:dark,html.var.dark .sf-c-silver\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-silver\:70\:dark,html.var.dark .sf-c-silver\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-silver\:80\:dark,html.var.dark .sf-c-silver\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-silver\:90\:dark,html.var.dark .sf-c-silver\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-silver\:100\:dark,html.var.dark .sf-c-silver\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-silver,html.auto .sf-c-silver{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver))}html[data-theme='auto'] .sf-c-silver\:0,html.auto .sf-c-silver\:0{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-100))}html[data-theme='auto'] .sf-c-silver\:10,html.auto .sf-c-silver\:10{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-90))}html[data-theme='auto'] .sf-c-silver\:20,html.auto .sf-c-silver\:20{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-80))}html[data-theme='auto'] .sf-c-silver\:30,html.auto .sf-c-silver\:30{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-70))}html[data-theme='auto'] .sf-c-silver\:40,html.auto .sf-c-silver\:40{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-60))}html[data-theme='auto'] .sf-c-silver\:50,html.auto .sf-c-silver\:50{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-50))}html[data-theme='auto'] .sf-c-silver\:60,html.auto .sf-c-silver\:60{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-40))}html[data-theme='auto'] .sf-c-silver\:70,html.auto .sf-c-silver\:70{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-30))}html[data-theme='auto'] .sf-c-silver\:80,html.auto .sf-c-silver\:80{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-20))}html[data-theme='auto'] .sf-c-silver\:90,html.auto .sf-c-silver\:90{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-10))}html[data-theme='auto'] .sf-c-silver\:100,html.auto .sf-c-silver\:100{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-0))}html[data-theme='auto'] .sf-c-silver\:dark,html.auto .sf-c-silver\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver))}html[data-theme='auto'] .sf-c-silver\:0\:dark,html.auto .sf-c-silver\:0\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-100))}html[data-theme='auto'] .sf-c-silver\:10\:dark,html.auto .sf-c-silver\:10\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-90))}html[data-theme='auto'] .sf-c-silver\:20\:dark,html.auto .sf-c-silver\:20\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-80))}html[data-theme='auto'] .sf-c-silver\:30\:dark,html.auto .sf-c-silver\:30\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-70))}html[data-theme='auto'] .sf-c-silver\:40\:dark,html.auto .sf-c-silver\:40\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-60))}html[data-theme='auto'] .sf-c-silver\:50\:dark,html.auto .sf-c-silver\:50\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-50))}html[data-theme='auto'] .sf-c-silver\:60\:dark,html.auto .sf-c-silver\:60\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-40))}html[data-theme='auto'] .sf-c-silver\:70\:dark,html.auto .sf-c-silver\:70\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-30))}html[data-theme='auto'] .sf-c-silver\:80\:dark,html.auto .sf-c-silver\:80\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-20))}html[data-theme='auto'] .sf-c-silver\:90\:dark,html.auto .sf-c-silver\:90\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-10))}html[data-theme='auto'] .sf-c-silver\:100\:dark,html.auto .sf-c-silver\:100\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-0))}html.var[data-theme='auto'] .sf-c-silver,html.var.auto .sf-c-silver{color:hsl(0,0%,90%);background:hsl(0,0%,25%)}html.var[data-theme='auto'] .sf-c-silver\:0,html.var.auto .sf-c-silver\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-silver\:10,html.var.auto .sf-c-silver\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-silver\:20,html.var.auto .sf-c-silver\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-silver\:30,html.var.auto .sf-c-silver\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-silver\:40,html.var.auto .sf-c-silver\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-silver\:50,html.var.auto .sf-c-silver\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-silver\:60,html.var.auto .sf-c-silver\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-silver\:70,html.var.auto .sf-c-silver\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-silver\:80,html.var.auto .sf-c-silver\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-silver\:90,html.var.auto .sf-c-silver\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-silver\:100,html.var.auto .sf-c-silver\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-silver\:dark,html.var.auto .sf-c-silver\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,25%)}html.var[data-theme='auto'] .sf-c-silver\:0\:dark,html.var.auto .sf-c-silver\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-silver\:10\:dark,html.var.auto .sf-c-silver\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-silver\:20\:dark,html.var.auto .sf-c-silver\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-silver\:30\:dark,html.var.auto .sf-c-silver\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-silver\:40\:dark,html.var.auto .sf-c-silver\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-silver\:50\:dark,html.var.auto .sf-c-silver\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-silver\:60\:dark,html.var.auto .sf-c-silver\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-silver\:70\:dark,html.var.auto .sf-c-silver\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-silver\:80\:dark,html.var.auto .sf-c-silver\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-silver\:90\:dark,html.var.auto .sf-c-silver\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-silver\:100\:dark,html.var.auto .sf-c-silver\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}}.sf-c-txt-silver{color:hsl(var(--sf-c-txt-silver))}.sf-c-txt-silver\:0{color:hsl(var(--sf-c-txt-silver-0))}.sf-c-txt-silver\:10{color:hsl(var(--sf-c-txt-silver-10))}.sf-c-txt-silver\:20{color:hsl(var(--sf-c-txt-silver-20))}.sf-c-txt-silver\:30{color:hsl(var(--sf-c-txt-silver-30))}.sf-c-txt-silver\:40{color:hsl(var(--sf-c-txt-silver-40))}.sf-c-txt-silver\:50{color:hsl(var(--sf-c-txt-silver-50))}.sf-c-txt-silver\:60{color:hsl(var(--sf-c-txt-silver-60))}.sf-c-txt-silver\:70{color:hsl(var(--sf-c-txt-silver-70))}.sf-c-txt-silver\:80{color:hsl(var(--sf-c-txt-silver-80))}.sf-c-txt-silver\:90{color:hsl(var(--sf-c-txt-silver-90))}.sf-c-txt-silver\:100{color:hsl(var(--sf-c-txt-silver-100))}.sf-c-teal{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal))}.sf-c-teal\:0{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-0))}.sf-c-teal\:10{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-10))}.sf-c-teal\:20{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-20))}.sf-c-teal\:30{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-30))}.sf-c-teal\:40{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-40))}.sf-c-teal\:50{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-50))}.sf-c-teal\:60{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-60))}.sf-c-teal\:70{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-70))}.sf-c-teal\:80{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-80))}.sf-c-teal\:90{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-90))}.sf-c-teal\:100{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-100))}html.var .sf-c-teal{color:hsl(180,100%,90%);background:hsl(180,100%,25%)}html.var .sf-c-teal\:0{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var .sf-c-teal\:10{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var .sf-c-teal\:20{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var .sf-c-teal\:30{color:hsl(180,100%,90%);background:hsl(180,100%,30%)}html.var .sf-c-teal\:40{color:hsl(180,100%,90%);background:hsl(180,100%,40%)}html.var .sf-c-teal\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var .sf-c-teal\:60{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var .sf-c-teal\:70{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var .sf-c-teal\:80{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var .sf-c-teal\:90{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var .sf-c-teal\:100{color:hsl(180,100%,10%);background:hsl(180,100%,100%)}html[data-theme='dark'] .sf-c-teal,html.dark .sf-c-teal{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal))}html[data-theme='dark'] .sf-c-teal\:0,html.dark .sf-c-teal\:0{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-100))}html[data-theme='dark'] .sf-c-teal\:10,html.dark .sf-c-teal\:10{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-90))}html[data-theme='dark'] .sf-c-teal\:20,html.dark .sf-c-teal\:20{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-80))}html[data-theme='dark'] .sf-c-teal\:30,html.dark .sf-c-teal\:30{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-70))}html[data-theme='dark'] .sf-c-teal\:40,html.dark .sf-c-teal\:40{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-60))}html[data-theme='dark'] .sf-c-teal\:50,html.dark .sf-c-teal\:50{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-50))}html[data-theme='dark'] .sf-c-teal\:60,html.dark .sf-c-teal\:60{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-40))}html[data-theme='dark'] .sf-c-teal\:70,html.dark .sf-c-teal\:70{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-30))}html[data-theme='dark'] .sf-c-teal\:80,html.dark .sf-c-teal\:80{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-20))}html[data-theme='dark'] .sf-c-teal\:90,html.dark .sf-c-teal\:90{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-10))}html[data-theme='dark'] .sf-c-teal\:100,html.dark .sf-c-teal\:100{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-0))}html[data-theme='dark'] .sf-c-teal\:dark,html.dark .sf-c-teal\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal))}html[data-theme='dark'] .sf-c-teal\:0\:dark,html.dark .sf-c-teal\:0\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-100))}html[data-theme='dark'] .sf-c-teal\:10\:dark,html.dark .sf-c-teal\:10\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-90))}html[data-theme='dark'] .sf-c-teal\:20\:dark,html.dark .sf-c-teal\:20\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-80))}html[data-theme='dark'] .sf-c-teal\:30\:dark,html.dark .sf-c-teal\:30\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-70))}html[data-theme='dark'] .sf-c-teal\:40\:dark,html.dark .sf-c-teal\:40\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-60))}html[data-theme='dark'] .sf-c-teal\:50\:dark,html.dark .sf-c-teal\:50\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-50))}html[data-theme='dark'] .sf-c-teal\:60\:dark,html.dark .sf-c-teal\:60\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-40))}html[data-theme='dark'] .sf-c-teal\:70\:dark,html.dark .sf-c-teal\:70\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-30))}html[data-theme='dark'] .sf-c-teal\:80\:dark,html.dark .sf-c-teal\:80\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-20))}html[data-theme='dark'] .sf-c-teal\:90\:dark,html.dark .sf-c-teal\:90\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-10))}html[data-theme='dark'] .sf-c-teal\:100\:dark,html.dark .sf-c-teal\:100\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-0))}html.var[data-theme='dark'] .sf-c-teal,html.var.dark .sf-c-teal{color:hsl(180,100%,10%);background:hsl(180,100%,75%)}html.var[data-theme='dark'] .sf-c-teal\:0,html.var.dark .sf-c-teal\:0{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='dark'] .sf-c-teal\:10,html.var.dark .sf-c-teal\:10{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='dark'] .sf-c-teal\:20,html.var.dark .sf-c-teal\:20{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='dark'] .sf-c-teal\:30,html.var.dark .sf-c-teal\:30{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='dark'] .sf-c-teal\:40,html.var.dark .sf-c-teal\:40{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='dark'] .sf-c-teal\:50,html.var.dark .sf-c-teal\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-teal\:60,html.var.dark .sf-c-teal\:60{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='dark'] .sf-c-teal\:70,html.var.dark .sf-c-teal\:70{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='dark'] .sf-c-teal\:80,html.var.dark .sf-c-teal\:80{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='dark'] .sf-c-teal\:90,html.var.dark .sf-c-teal\:90{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='dark'] .sf-c-teal\:100,html.var.dark .sf-c-teal\:100{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var[data-theme='dark'] .sf-c-teal\:dark,html.var.dark .sf-c-teal\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,75%)}html.var[data-theme='dark'] .sf-c-teal\:0\:dark,html.var.dark .sf-c-teal\:0\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='dark'] .sf-c-teal\:10\:dark,html.var.dark .sf-c-teal\:10\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='dark'] .sf-c-teal\:20\:dark,html.var.dark .sf-c-teal\:20\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='dark'] .sf-c-teal\:30\:dark,html.var.dark .sf-c-teal\:30\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='dark'] .sf-c-teal\:40\:dark,html.var.dark .sf-c-teal\:40\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='dark'] .sf-c-teal\:50\:dark,html.var.dark .sf-c-teal\:50\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-teal\:60\:dark,html.var.dark .sf-c-teal\:60\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='dark'] .sf-c-teal\:70\:dark,html.var.dark .sf-c-teal\:70\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='dark'] .sf-c-teal\:80\:dark,html.var.dark .sf-c-teal\:80\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='dark'] .sf-c-teal\:90\:dark,html.var.dark .sf-c-teal\:90\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='dark'] .sf-c-teal\:100\:dark,html.var.dark .sf-c-teal\:100\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-teal,html.auto .sf-c-teal{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal))}html[data-theme='auto'] .sf-c-teal\:0,html.auto .sf-c-teal\:0{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-100))}html[data-theme='auto'] .sf-c-teal\:10,html.auto .sf-c-teal\:10{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-90))}html[data-theme='auto'] .sf-c-teal\:20,html.auto .sf-c-teal\:20{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-80))}html[data-theme='auto'] .sf-c-teal\:30,html.auto .sf-c-teal\:30{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-70))}html[data-theme='auto'] .sf-c-teal\:40,html.auto .sf-c-teal\:40{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-60))}html[data-theme='auto'] .sf-c-teal\:50,html.auto .sf-c-teal\:50{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-50))}html[data-theme='auto'] .sf-c-teal\:60,html.auto .sf-c-teal\:60{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-40))}html[data-theme='auto'] .sf-c-teal\:70,html.auto .sf-c-teal\:70{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-30))}html[data-theme='auto'] .sf-c-teal\:80,html.auto .sf-c-teal\:80{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-20))}html[data-theme='auto'] .sf-c-teal\:90,html.auto .sf-c-teal\:90{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-10))}html[data-theme='auto'] .sf-c-teal\:100,html.auto .sf-c-teal\:100{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-0))}html[data-theme='auto'] .sf-c-teal\:dark,html.auto .sf-c-teal\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal))}html[data-theme='auto'] .sf-c-teal\:0\:dark,html.auto .sf-c-teal\:0\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-100))}html[data-theme='auto'] .sf-c-teal\:10\:dark,html.auto .sf-c-teal\:10\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-90))}html[data-theme='auto'] .sf-c-teal\:20\:dark,html.auto .sf-c-teal\:20\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-80))}html[data-theme='auto'] .sf-c-teal\:30\:dark,html.auto .sf-c-teal\:30\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-70))}html[data-theme='auto'] .sf-c-teal\:40\:dark,html.auto .sf-c-teal\:40\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-60))}html[data-theme='auto'] .sf-c-teal\:50\:dark,html.auto .sf-c-teal\:50\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-50))}html[data-theme='auto'] .sf-c-teal\:60\:dark,html.auto .sf-c-teal\:60\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-40))}html[data-theme='auto'] .sf-c-teal\:70\:dark,html.auto .sf-c-teal\:70\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-30))}html[data-theme='auto'] .sf-c-teal\:80\:dark,html.auto .sf-c-teal\:80\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-20))}html[data-theme='auto'] .sf-c-teal\:90\:dark,html.auto .sf-c-teal\:90\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-10))}html[data-theme='auto'] .sf-c-teal\:100\:dark,html.auto .sf-c-teal\:100\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-0))}html.var[data-theme='auto'] .sf-c-teal,html.var.auto .sf-c-teal{color:hsl(180,100%,10%);background:hsl(180,100%,75%)}html.var[data-theme='auto'] .sf-c-teal\:0,html.var.auto .sf-c-teal\:0{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='auto'] .sf-c-teal\:10,html.var.auto .sf-c-teal\:10{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='auto'] .sf-c-teal\:20,html.var.auto .sf-c-teal\:20{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='auto'] .sf-c-teal\:30,html.var.auto .sf-c-teal\:30{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='auto'] .sf-c-teal\:40,html.var.auto .sf-c-teal\:40{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='auto'] .sf-c-teal\:50,html.var.auto .sf-c-teal\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-teal\:60,html.var.auto .sf-c-teal\:60{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='auto'] .sf-c-teal\:70,html.var.auto .sf-c-teal\:70{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='auto'] .sf-c-teal\:80,html.var.auto .sf-c-teal\:80{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='auto'] .sf-c-teal\:90,html.var.auto .sf-c-teal\:90{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='auto'] .sf-c-teal\:100,html.var.auto .sf-c-teal\:100{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var[data-theme='auto'] .sf-c-teal\:dark,html.var.auto .sf-c-teal\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,75%)}html.var[data-theme='auto'] .sf-c-teal\:0\:dark,html.var.auto .sf-c-teal\:0\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='auto'] .sf-c-teal\:10\:dark,html.var.auto .sf-c-teal\:10\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='auto'] .sf-c-teal\:20\:dark,html.var.auto .sf-c-teal\:20\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='auto'] .sf-c-teal\:30\:dark,html.var.auto .sf-c-teal\:30\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='auto'] .sf-c-teal\:40\:dark,html.var.auto .sf-c-teal\:40\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='auto'] .sf-c-teal\:50\:dark,html.var.auto .sf-c-teal\:50\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-teal\:60\:dark,html.var.auto .sf-c-teal\:60\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='auto'] .sf-c-teal\:70\:dark,html.var.auto .sf-c-teal\:70\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='auto'] .sf-c-teal\:80\:dark,html.var.auto .sf-c-teal\:80\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='auto'] .sf-c-teal\:90\:dark,html.var.auto .sf-c-teal\:90\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='auto'] .sf-c-teal\:100\:dark,html.var.auto .sf-c-teal\:100\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}}.sf-c-txt-teal{color:hsl(var(--sf-c-txt-teal))}.sf-c-txt-teal\:0{color:hsl(var(--sf-c-txt-teal-0))}.sf-c-txt-teal\:10{color:hsl(var(--sf-c-txt-teal-10))}.sf-c-txt-teal\:20{color:hsl(var(--sf-c-txt-teal-20))}.sf-c-txt-teal\:30{color:hsl(var(--sf-c-txt-teal-30))}.sf-c-txt-teal\:40{color:hsl(var(--sf-c-txt-teal-40))}.sf-c-txt-teal\:50{color:hsl(var(--sf-c-txt-teal-50))}.sf-c-txt-teal\:60{color:hsl(var(--sf-c-txt-teal-60))}.sf-c-txt-teal\:70{color:hsl(var(--sf-c-txt-teal-70))}.sf-c-txt-teal\:80{color:hsl(var(--sf-c-txt-teal-80))}.sf-c-txt-teal\:90{color:hsl(var(--sf-c-txt-teal-90))}.sf-c-txt-teal\:100{color:hsl(var(--sf-c-txt-teal-100))}.sf-c-white{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white))}.sf-c-white\:0{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-0))}.sf-c-white\:10{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-10))}.sf-c-white\:20{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-20))}.sf-c-white\:30{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-30))}.sf-c-white\:40{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-40))}.sf-c-white\:50{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-50))}.sf-c-white\:60{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-60))}.sf-c-white\:70{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-70))}.sf-c-white\:80{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-80))}.sf-c-white\:90{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-90))}.sf-c-white\:100{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-100))}html.var .sf-c-white{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var .sf-c-white\:0{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var .sf-c-white\:10{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var .sf-c-white\:20{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var .sf-c-white\:30{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var .sf-c-white\:40{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var .sf-c-white\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var .sf-c-white\:60{color:hsl(0,0%,90%);background:hsl(0,0%,60%)}html.var .sf-c-white\:70{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var .sf-c-white\:80{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var .sf-c-white\:90{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var .sf-c-white\:100{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html[data-theme='dark'] .sf-c-white,html.dark .sf-c-white{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white))}html[data-theme='dark'] .sf-c-white\:0,html.dark .sf-c-white\:0{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-100))}html[data-theme='dark'] .sf-c-white\:10,html.dark .sf-c-white\:10{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-90))}html[data-theme='dark'] .sf-c-white\:20,html.dark .sf-c-white\:20{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-80))}html[data-theme='dark'] .sf-c-white\:30,html.dark .sf-c-white\:30{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-70))}html[data-theme='dark'] .sf-c-white\:40,html.dark .sf-c-white\:40{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-60))}html[data-theme='dark'] .sf-c-white\:50,html.dark .sf-c-white\:50{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-50))}html[data-theme='dark'] .sf-c-white\:60,html.dark .sf-c-white\:60{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-40))}html[data-theme='dark'] .sf-c-white\:70,html.dark .sf-c-white\:70{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-30))}html[data-theme='dark'] .sf-c-white\:80,html.dark .sf-c-white\:80{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-20))}html[data-theme='dark'] .sf-c-white\:90,html.dark .sf-c-white\:90{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-10))}html[data-theme='dark'] .sf-c-white\:100,html.dark .sf-c-white\:100{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-0))}html[data-theme='dark'] .sf-c-white\:dark,html.dark .sf-c-white\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white))}html[data-theme='dark'] .sf-c-white\:0\:dark,html.dark .sf-c-white\:0\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-100))}html[data-theme='dark'] .sf-c-white\:10\:dark,html.dark .sf-c-white\:10\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-90))}html[data-theme='dark'] .sf-c-white\:20\:dark,html.dark .sf-c-white\:20\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-80))}html[data-theme='dark'] .sf-c-white\:30\:dark,html.dark .sf-c-white\:30\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-70))}html[data-theme='dark'] .sf-c-white\:40\:dark,html.dark .sf-c-white\:40\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-60))}html[data-theme='dark'] .sf-c-white\:50\:dark,html.dark .sf-c-white\:50\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-50))}html[data-theme='dark'] .sf-c-white\:60\:dark,html.dark .sf-c-white\:60\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-40))}html[data-theme='dark'] .sf-c-white\:70\:dark,html.dark .sf-c-white\:70\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-30))}html[data-theme='dark'] .sf-c-white\:80\:dark,html.dark .sf-c-white\:80\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-20))}html[data-theme='dark'] .sf-c-white\:90\:dark,html.dark .sf-c-white\:90\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-10))}html[data-theme='dark'] .sf-c-white\:100\:dark,html.dark .sf-c-white\:100\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-0))}html.var[data-theme='dark'] .sf-c-white,html.var.dark .sf-c-white{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-white\:0,html.var.dark .sf-c-white\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-white\:10,html.var.dark .sf-c-white\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-white\:20,html.var.dark .sf-c-white\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-white\:30,html.var.dark .sf-c-white\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-white\:40,html.var.dark .sf-c-white\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-white\:50,html.var.dark .sf-c-white\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-white\:60,html.var.dark .sf-c-white\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-white\:70,html.var.dark .sf-c-white\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-white\:80,html.var.dark .sf-c-white\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-white\:90,html.var.dark .sf-c-white\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-white\:100,html.var.dark .sf-c-white\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-white\:dark,html.var.dark .sf-c-white\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-white\:0\:dark,html.var.dark .sf-c-white\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-white\:10\:dark,html.var.dark .sf-c-white\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-white\:20\:dark,html.var.dark .sf-c-white\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-white\:30\:dark,html.var.dark .sf-c-white\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-white\:40\:dark,html.var.dark .sf-c-white\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-white\:50\:dark,html.var.dark .sf-c-white\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-white\:60\:dark,html.var.dark .sf-c-white\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-white\:70\:dark,html.var.dark .sf-c-white\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-white\:80\:dark,html.var.dark .sf-c-white\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-white\:90\:dark,html.var.dark .sf-c-white\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-white\:100\:dark,html.var.dark .sf-c-white\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-white,html.auto .sf-c-white{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white))}html[data-theme='auto'] .sf-c-white\:0,html.auto .sf-c-white\:0{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-100))}html[data-theme='auto'] .sf-c-white\:10,html.auto .sf-c-white\:10{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-90))}html[data-theme='auto'] .sf-c-white\:20,html.auto .sf-c-white\:20{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-80))}html[data-theme='auto'] .sf-c-white\:30,html.auto .sf-c-white\:30{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-70))}html[data-theme='auto'] .sf-c-white\:40,html.auto .sf-c-white\:40{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-60))}html[data-theme='auto'] .sf-c-white\:50,html.auto .sf-c-white\:50{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-50))}html[data-theme='auto'] .sf-c-white\:60,html.auto .sf-c-white\:60{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-40))}html[data-theme='auto'] .sf-c-white\:70,html.auto .sf-c-white\:70{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-30))}html[data-theme='auto'] .sf-c-white\:80,html.auto .sf-c-white\:80{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-20))}html[data-theme='auto'] .sf-c-white\:90,html.auto .sf-c-white\:90{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-10))}html[data-theme='auto'] .sf-c-white\:100,html.auto .sf-c-white\:100{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-0))}html[data-theme='auto'] .sf-c-white\:dark,html.auto .sf-c-white\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white))}html[data-theme='auto'] .sf-c-white\:0\:dark,html.auto .sf-c-white\:0\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-100))}html[data-theme='auto'] .sf-c-white\:10\:dark,html.auto .sf-c-white\:10\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-90))}html[data-theme='auto'] .sf-c-white\:20\:dark,html.auto .sf-c-white\:20\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-80))}html[data-theme='auto'] .sf-c-white\:30\:dark,html.auto .sf-c-white\:30\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-70))}html[data-theme='auto'] .sf-c-white\:40\:dark,html.auto .sf-c-white\:40\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-60))}html[data-theme='auto'] .sf-c-white\:50\:dark,html.auto .sf-c-white\:50\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-50))}html[data-theme='auto'] .sf-c-white\:60\:dark,html.auto .sf-c-white\:60\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-40))}html[data-theme='auto'] .sf-c-white\:70\:dark,html.auto .sf-c-white\:70\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-30))}html[data-theme='auto'] .sf-c-white\:80\:dark,html.auto .sf-c-white\:80\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-20))}html[data-theme='auto'] .sf-c-white\:90\:dark,html.auto .sf-c-white\:90\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-10))}html[data-theme='auto'] .sf-c-white\:100\:dark,html.auto .sf-c-white\:100\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-0))}html.var[data-theme='auto'] .sf-c-white,html.var.auto .sf-c-white{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-white\:0,html.var.auto .sf-c-white\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-white\:10,html.var.auto .sf-c-white\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-white\:20,html.var.auto .sf-c-white\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-white\:30,html.var.auto .sf-c-white\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-white\:40,html.var.auto .sf-c-white\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-white\:50,html.var.auto .sf-c-white\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-white\:60,html.var.auto .sf-c-white\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-white\:70,html.var.auto .sf-c-white\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-white\:80,html.var.auto .sf-c-white\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-white\:90,html.var.auto .sf-c-white\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-white\:100,html.var.auto .sf-c-white\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-white\:dark,html.var.auto .sf-c-white\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-white\:0\:dark,html.var.auto .sf-c-white\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-white\:10\:dark,html.var.auto .sf-c-white\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-white\:20\:dark,html.var.auto .sf-c-white\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-white\:30\:dark,html.var.auto .sf-c-white\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-white\:40\:dark,html.var.auto .sf-c-white\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-white\:50\:dark,html.var.auto .sf-c-white\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-white\:60\:dark,html.var.auto .sf-c-white\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-white\:70\:dark,html.var.auto .sf-c-white\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-white\:80\:dark,html.var.auto .sf-c-white\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-white\:90\:dark,html.var.auto .sf-c-white\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-white\:100\:dark,html.var.auto .sf-c-white\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}}.sf-c-txt-white{color:hsl(var(--sf-c-txt-white))}.sf-c-txt-white\:0{color:hsl(var(--sf-c-txt-white-0))}.sf-c-txt-white\:10{color:hsl(var(--sf-c-txt-white-10))}.sf-c-txt-white\:20{color:hsl(var(--sf-c-txt-white-20))}.sf-c-txt-white\:30{color:hsl(var(--sf-c-txt-white-30))}.sf-c-txt-white\:40{color:hsl(var(--sf-c-txt-white-40))}.sf-c-txt-white\:50{color:hsl(var(--sf-c-txt-white-50))}.sf-c-txt-white\:60{color:hsl(var(--sf-c-txt-white-60))}.sf-c-txt-white\:70{color:hsl(var(--sf-c-txt-white-70))}.sf-c-txt-white\:80{color:hsl(var(--sf-c-txt-white-80))}.sf-c-txt-white\:90{color:hsl(var(--sf-c-txt-white-90))}.sf-c-txt-white\:100{color:hsl(var(--sf-c-txt-white-100))}.sf-c-yellow{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow))}.sf-c-yellow\:0{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-0))}.sf-c-yellow\:10{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-10))}.sf-c-yellow\:20{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-20))}.sf-c-yellow\:30{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-30))}.sf-c-yellow\:40{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-40))}.sf-c-yellow\:50{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-50))}.sf-c-yellow\:60{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-60))}.sf-c-yellow\:70{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-70))}.sf-c-yellow\:80{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-80))}.sf-c-yellow\:90{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-90))}.sf-c-yellow\:100{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-100))}html.var .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var .sf-c-yellow\:0{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var .sf-c-yellow\:10{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var .sf-c-yellow\:20{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var .sf-c-yellow\:30{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html.var .sf-c-yellow\:40{color:hsl(60,100%,90%);background:hsl(60,100%,40%)}html.var .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var .sf-c-yellow\:70{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var .sf-c-yellow\:80{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var .sf-c-yellow\:90{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var .sf-c-yellow\:100{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}html[data-theme='dark'] .sf-c-yellow,html.dark .sf-c-yellow{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow))}html[data-theme='dark'] .sf-c-yellow\:0,html.dark .sf-c-yellow\:0{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-100))}html[data-theme='dark'] .sf-c-yellow\:10,html.dark .sf-c-yellow\:10{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-90))}html[data-theme='dark'] .sf-c-yellow\:20,html.dark .sf-c-yellow\:20{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-80))}html[data-theme='dark'] .sf-c-yellow\:30,html.dark .sf-c-yellow\:30{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-70))}html[data-theme='dark'] .sf-c-yellow\:40,html.dark .sf-c-yellow\:40{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-60))}html[data-theme='dark'] .sf-c-yellow\:50,html.dark .sf-c-yellow\:50{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-50))}html[data-theme='dark'] .sf-c-yellow\:60,html.dark .sf-c-yellow\:60{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-40))}html[data-theme='dark'] .sf-c-yellow\:70,html.dark .sf-c-yellow\:70{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-30))}html[data-theme='dark'] .sf-c-yellow\:80,html.dark .sf-c-yellow\:80{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-20))}html[data-theme='dark'] .sf-c-yellow\:90,html.dark .sf-c-yellow\:90{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-10))}html[data-theme='dark'] .sf-c-yellow\:100,html.dark .sf-c-yellow\:100{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-0))}html[data-theme='dark'] .sf-c-yellow\:dark,html.dark .sf-c-yellow\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow))}html[data-theme='dark'] .sf-c-yellow\:0\:dark,html.dark .sf-c-yellow\:0\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-100))}html[data-theme='dark'] .sf-c-yellow\:10\:dark,html.dark .sf-c-yellow\:10\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-90))}html[data-theme='dark'] .sf-c-yellow\:20\:dark,html.dark .sf-c-yellow\:20\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-80))}html[data-theme='dark'] .sf-c-yellow\:30\:dark,html.dark .sf-c-yellow\:30\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-70))}html[data-theme='dark'] .sf-c-yellow\:40\:dark,html.dark .sf-c-yellow\:40\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-60))}html[data-theme='dark'] .sf-c-yellow\:50\:dark,html.dark .sf-c-yellow\:50\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-50))}html[data-theme='dark'] .sf-c-yellow\:60\:dark,html.dark .sf-c-yellow\:60\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-40))}html[data-theme='dark'] .sf-c-yellow\:70\:dark,html.dark .sf-c-yellow\:70\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-30))}html[data-theme='dark'] .sf-c-yellow\:80\:dark,html.dark .sf-c-yellow\:80\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-20))}html[data-theme='dark'] .sf-c-yellow\:90\:dark,html.dark .sf-c-yellow\:90\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-10))}html[data-theme='dark'] .sf-c-yellow\:100\:dark,html.dark .sf-c-yellow\:100\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-0))}html.var[data-theme='dark'] .sf-c-yellow,html.var.dark .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:0,html.var.dark .sf-c-yellow\:0{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='dark'] .sf-c-yellow\:10,html.var.dark .sf-c-yellow\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-yellow\:20,html.var.dark .sf-c-yellow\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-yellow\:30,html.var.dark .sf-c-yellow\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-yellow\:40,html.var.dark .sf-c-yellow\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-yellow\:50,html.var.dark .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:60,html.var.dark .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-yellow\:70,html.var.dark .sf-c-yellow\:70{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-yellow\:80,html.var.dark .sf-c-yellow\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-yellow\:90,html.var.dark .sf-c-yellow\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-yellow\:100,html.var.dark .sf-c-yellow\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='dark'] .sf-c-yellow\:dark,html.var.dark .sf-c-yellow\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:0\:dark,html.var.dark .sf-c-yellow\:0\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='dark'] .sf-c-yellow\:10\:dark,html.var.dark .sf-c-yellow\:10\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-yellow\:20\:dark,html.var.dark .sf-c-yellow\:20\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-yellow\:30\:dark,html.var.dark .sf-c-yellow\:30\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-yellow\:40\:dark,html.var.dark .sf-c-yellow\:40\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-yellow\:50\:dark,html.var.dark .sf-c-yellow\:50\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:60\:dark,html.var.dark .sf-c-yellow\:60\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-yellow\:70\:dark,html.var.dark .sf-c-yellow\:70\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-yellow\:80\:dark,html.var.dark .sf-c-yellow\:80\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-yellow\:90\:dark,html.var.dark .sf-c-yellow\:90\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-yellow\:100\:dark,html.var.dark .sf-c-yellow\:100\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-yellow,html.auto .sf-c-yellow{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow))}html[data-theme='auto'] .sf-c-yellow\:0,html.auto .sf-c-yellow\:0{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-100))}html[data-theme='auto'] .sf-c-yellow\:10,html.auto .sf-c-yellow\:10{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-90))}html[data-theme='auto'] .sf-c-yellow\:20,html.auto .sf-c-yellow\:20{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-80))}html[data-theme='auto'] .sf-c-yellow\:30,html.auto .sf-c-yellow\:30{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-70))}html[data-theme='auto'] .sf-c-yellow\:40,html.auto .sf-c-yellow\:40{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-60))}html[data-theme='auto'] .sf-c-yellow\:50,html.auto .sf-c-yellow\:50{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-50))}html[data-theme='auto'] .sf-c-yellow\:60,html.auto .sf-c-yellow\:60{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-40))}html[data-theme='auto'] .sf-c-yellow\:70,html.auto .sf-c-yellow\:70{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-30))}html[data-theme='auto'] .sf-c-yellow\:80,html.auto .sf-c-yellow\:80{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-20))}html[data-theme='auto'] .sf-c-yellow\:90,html.auto .sf-c-yellow\:90{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-10))}html[data-theme='auto'] .sf-c-yellow\:100,html.auto .sf-c-yellow\:100{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-0))}html[data-theme='auto'] .sf-c-yellow\:dark,html.auto .sf-c-yellow\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow))}html[data-theme='auto'] .sf-c-yellow\:0\:dark,html.auto .sf-c-yellow\:0\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-100))}html[data-theme='auto'] .sf-c-yellow\:10\:dark,html.auto .sf-c-yellow\:10\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-90))}html[data-theme='auto'] .sf-c-yellow\:20\:dark,html.auto .sf-c-yellow\:20\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-80))}html[data-theme='auto'] .sf-c-yellow\:30\:dark,html.auto .sf-c-yellow\:30\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-70))}html[data-theme='auto'] .sf-c-yellow\:40\:dark,html.auto .sf-c-yellow\:40\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-60))}html[data-theme='auto'] .sf-c-yellow\:50\:dark,html.auto .sf-c-yellow\:50\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-50))}html[data-theme='auto'] .sf-c-yellow\:60\:dark,html.auto .sf-c-yellow\:60\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-40))}html[data-theme='auto'] .sf-c-yellow\:70\:dark,html.auto .sf-c-yellow\:70\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-30))}html[data-theme='auto'] .sf-c-yellow\:80\:dark,html.auto .sf-c-yellow\:80\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-20))}html[data-theme='auto'] .sf-c-yellow\:90\:dark,html.auto .sf-c-yellow\:90\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-10))}html[data-theme='auto'] .sf-c-yellow\:100\:dark,html.auto .sf-c-yellow\:100\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-0))}html.var[data-theme='auto'] .sf-c-yellow,html.var.auto .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:0,html.var.auto .sf-c-yellow\:0{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='auto'] .sf-c-yellow\:10,html.var.auto .sf-c-yellow\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-yellow\:20,html.var.auto .sf-c-yellow\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-yellow\:30,html.var.auto .sf-c-yellow\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-yellow\:40,html.var.auto .sf-c-yellow\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-yellow\:50,html.var.auto .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:60,html.var.auto .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-yellow\:70,html.var.auto .sf-c-yellow\:70{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-yellow\:80,html.var.auto .sf-c-yellow\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-yellow\:90,html.var.auto .sf-c-yellow\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-yellow\:100,html.var.auto .sf-c-yellow\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='auto'] .sf-c-yellow\:dark,html.var.auto .sf-c-yellow\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:0\:dark,html.var.auto .sf-c-yellow\:0\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='auto'] .sf-c-yellow\:10\:dark,html.var.auto .sf-c-yellow\:10\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-yellow\:20\:dark,html.var.auto .sf-c-yellow\:20\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-yellow\:30\:dark,html.var.auto .sf-c-yellow\:30\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-yellow\:40\:dark,html.var.auto .sf-c-yellow\:40\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-yellow\:50\:dark,html.var.auto .sf-c-yellow\:50\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:60\:dark,html.var.auto .sf-c-yellow\:60\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-yellow\:70\:dark,html.var.auto .sf-c-yellow\:70\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-yellow\:80\:dark,html.var.auto .sf-c-yellow\:80\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-yellow\:90\:dark,html.var.auto .sf-c-yellow\:90\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-yellow\:100\:dark,html.var.auto .sf-c-yellow\:100\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}}.sf-c-txt-yellow{color:hsl(var(--sf-c-txt-yellow))}.sf-c-txt-yellow\:0{color:hsl(var(--sf-c-txt-yellow-0))}.sf-c-txt-yellow\:10{color:hsl(var(--sf-c-txt-yellow-10))}.sf-c-txt-yellow\:20{color:hsl(var(--sf-c-txt-yellow-20))}.sf-c-txt-yellow\:30{color:hsl(var(--sf-c-txt-yellow-30))}.sf-c-txt-yellow\:40{color:hsl(var(--sf-c-txt-yellow-40))}.sf-c-txt-yellow\:50{color:hsl(var(--sf-c-txt-yellow-50))}.sf-c-txt-yellow\:60{color:hsl(var(--sf-c-txt-yellow-60))}.sf-c-txt-yellow\:70{color:hsl(var(--sf-c-txt-yellow-70))}.sf-c-txt-yellow\:80{color:hsl(var(--sf-c-txt-yellow-80))}.sf-c-txt-yellow\:90{color:hsl(var(--sf-c-txt-yellow-90))}.sf-c-txt-yellow\:100{color:hsl(var(--sf-c-txt-yellow-100))} \ No newline at end of file +:root{--sf-c-aqua:180 100% 50%;--sf-c-aqua-0:180 100% 0%;--sf-c-aqua-10:180 100% 10%;--sf-c-aqua-20:180 100% 20%;--sf-c-aqua-30:180 100% 30%;--sf-c-aqua-40:180 100% 40%;--sf-c-aqua-50:180 100% 50%;--sf-c-aqua-60:180 100% 60%;--sf-c-aqua-70:180 100% 70%;--sf-c-aqua-80:180 100% 80%;--sf-c-aqua-90:180 100% 90%;--sf-c-aqua-100:180 100% 100%;--sf-c-txt-aqua:var(--sf-c-aqua);--sf-c-txt-aqua-0:var(--sf-c-aqua-0);--sf-c-txt-aqua-10:var(--sf-c-aqua-10);--sf-c-txt-aqua-20:var(--sf-c-aqua-20);--sf-c-txt-aqua-30:var(--sf-c-aqua-30);--sf-c-txt-aqua-40:var(--sf-c-aqua-40);--sf-c-txt-aqua-50:var(--sf-c-aqua-50);--sf-c-txt-aqua-60:var(--sf-c-aqua-60);--sf-c-txt-aqua-70:var(--sf-c-aqua-70);--sf-c-txt-aqua-80:var(--sf-c-aqua-80);--sf-c-txt-aqua-90:var(--sf-c-aqua-90);--sf-c-txt-aqua-100:var(--sf-c-aqua-100);--sf-dark-c-aqua:180 100% 50%;--sf-dark-c-aqua-0:180 100% 0%;--sf-dark-c-aqua-10:180 100% 10%;--sf-dark-c-aqua-20:180 100% 20%;--sf-dark-c-aqua-30:180 100% 30%;--sf-dark-c-aqua-40:180 100% 40%;--sf-dark-c-aqua-50:180 100% 50%;--sf-dark-c-aqua-60:180 100% 60%;--sf-dark-c-aqua-70:180 100% 70%;--sf-dark-c-aqua-80:180 100% 80%;--sf-dark-c-aqua-90:180 100% 90%;--sf-dark-c-aqua-100:180 100% 100%;--sf-dark-c-txt-aqua:var(--sf-dark-c-aqua);--sf-dark-c-txt-aqua-0:var(--sf-dark-c-aqua-0);--sf-dark-c-txt-aqua-10:var(--sf-dark-c-aqua-10);--sf-dark-c-txt-aqua-20:var(--sf-dark-c-aqua-20);--sf-dark-c-txt-aqua-30:var(--sf-dark-c-aqua-30);--sf-dark-c-txt-aqua-40:var(--sf-dark-c-aqua-40);--sf-dark-c-txt-aqua-50:var(--sf-dark-c-aqua-50);--sf-dark-c-txt-aqua-60:var(--sf-dark-c-aqua-60);--sf-dark-c-txt-aqua-70:var(--sf-dark-c-aqua-70);--sf-dark-c-txt-aqua-80:var(--sf-dark-c-aqua-80);--sf-dark-c-txt-aqua-90:var(--sf-dark-c-aqua-90);--sf-dark-c-txt-aqua-100:var(--sf-dark-c-aqua-100);--sf-c-black:0 0% 0%;--sf-c-black-0:0 0% 0%;--sf-c-black-10:0 0% 10%;--sf-c-black-20:0 0% 20%;--sf-c-black-30:0 0% 30%;--sf-c-black-40:0 0% 40%;--sf-c-black-50:0 0% 50%;--sf-c-black-60:0 0% 60%;--sf-c-black-70:0 0% 70%;--sf-c-black-80:0 0% 80%;--sf-c-black-90:0 0% 90%;--sf-c-black-100:0 0% 100%;--sf-c-txt-black:var(--sf-c-black);--sf-c-txt-black-0:var(--sf-c-black-0);--sf-c-txt-black-10:var(--sf-c-black-10);--sf-c-txt-black-20:var(--sf-c-black-20);--sf-c-txt-black-30:var(--sf-c-black-30);--sf-c-txt-black-40:var(--sf-c-black-40);--sf-c-txt-black-50:var(--sf-c-black-50);--sf-c-txt-black-60:var(--sf-c-black-60);--sf-c-txt-black-70:var(--sf-c-black-70);--sf-c-txt-black-80:var(--sf-c-black-80);--sf-c-txt-black-90:var(--sf-c-black-90);--sf-c-txt-black-100:var(--sf-c-black-100);--sf-dark-c-black:0 0% 100%;--sf-dark-c-black-0:0 0% 0%;--sf-dark-c-black-10:0 0% 10%;--sf-dark-c-black-20:0 0% 20%;--sf-dark-c-black-30:0 0% 30%;--sf-dark-c-black-40:0 0% 40%;--sf-dark-c-black-50:0 0% 50%;--sf-dark-c-black-60:0 0% 60%;--sf-dark-c-black-70:0 0% 70%;--sf-dark-c-black-80:0 0% 80%;--sf-dark-c-black-90:0 0% 90%;--sf-dark-c-black-100:0 0% 100%;--sf-dark-c-txt-black:var(--sf-dark-c-black);--sf-dark-c-txt-black-0:var(--sf-dark-c-black-0);--sf-dark-c-txt-black-10:var(--sf-dark-c-black-10);--sf-dark-c-txt-black-20:var(--sf-dark-c-black-20);--sf-dark-c-txt-black-30:var(--sf-dark-c-black-30);--sf-dark-c-txt-black-40:var(--sf-dark-c-black-40);--sf-dark-c-txt-black-50:var(--sf-dark-c-black-50);--sf-dark-c-txt-black-60:var(--sf-dark-c-black-60);--sf-dark-c-txt-black-70:var(--sf-dark-c-black-70);--sf-dark-c-txt-black-80:var(--sf-dark-c-black-80);--sf-dark-c-txt-black-90:var(--sf-dark-c-black-90);--sf-dark-c-txt-black-100:var(--sf-dark-c-black-100);--sf-c-blue:240 100% 50%;--sf-c-blue-0:240 100% 0%;--sf-c-blue-10:240 100% 10%;--sf-c-blue-20:240 100% 20%;--sf-c-blue-30:240 100% 30%;--sf-c-blue-40:240 100% 40%;--sf-c-blue-50:240 100% 50%;--sf-c-blue-60:240 100% 60%;--sf-c-blue-70:240 100% 70%;--sf-c-blue-80:240 100% 80%;--sf-c-blue-90:240 100% 90%;--sf-c-blue-100:240 100% 100%;--sf-c-txt-blue:var(--sf-c-blue);--sf-c-txt-blue-0:var(--sf-c-blue-0);--sf-c-txt-blue-10:var(--sf-c-blue-10);--sf-c-txt-blue-20:var(--sf-c-blue-20);--sf-c-txt-blue-30:var(--sf-c-blue-30);--sf-c-txt-blue-40:var(--sf-c-blue-40);--sf-c-txt-blue-50:var(--sf-c-blue-50);--sf-c-txt-blue-60:var(--sf-c-blue-60);--sf-c-txt-blue-70:var(--sf-c-blue-70);--sf-c-txt-blue-80:var(--sf-c-blue-80);--sf-c-txt-blue-90:var(--sf-c-blue-90);--sf-c-txt-blue-100:var(--sf-c-blue-100);--sf-dark-c-blue:240 100% 50%;--sf-dark-c-blue-0:240 100% 0%;--sf-dark-c-blue-10:240 100% 10%;--sf-dark-c-blue-20:240 100% 20%;--sf-dark-c-blue-30:240 100% 30%;--sf-dark-c-blue-40:240 100% 40%;--sf-dark-c-blue-50:240 100% 50%;--sf-dark-c-blue-60:240 100% 60%;--sf-dark-c-blue-70:240 100% 70%;--sf-dark-c-blue-80:240 100% 80%;--sf-dark-c-blue-90:240 100% 90%;--sf-dark-c-blue-100:240 100% 100%;--sf-dark-c-txt-blue:var(--sf-dark-c-blue);--sf-dark-c-txt-blue-0:var(--sf-dark-c-blue-0);--sf-dark-c-txt-blue-10:var(--sf-dark-c-blue-10);--sf-dark-c-txt-blue-20:var(--sf-dark-c-blue-20);--sf-dark-c-txt-blue-30:var(--sf-dark-c-blue-30);--sf-dark-c-txt-blue-40:var(--sf-dark-c-blue-40);--sf-dark-c-txt-blue-50:var(--sf-dark-c-blue-50);--sf-dark-c-txt-blue-60:var(--sf-dark-c-blue-60);--sf-dark-c-txt-blue-70:var(--sf-dark-c-blue-70);--sf-dark-c-txt-blue-80:var(--sf-dark-c-blue-80);--sf-dark-c-txt-blue-90:var(--sf-dark-c-blue-90);--sf-dark-c-txt-blue-100:var(--sf-dark-c-blue-100);--sf-c-fuchsia:300 100% 50%;--sf-c-fuchsia-0:300 100% 0%;--sf-c-fuchsia-10:300 100% 10%;--sf-c-fuchsia-20:300 100% 20%;--sf-c-fuchsia-30:300 100% 30%;--sf-c-fuchsia-40:300 100% 40%;--sf-c-fuchsia-50:300 100% 50%;--sf-c-fuchsia-60:300 100% 60%;--sf-c-fuchsia-70:300 100% 70%;--sf-c-fuchsia-80:300 100% 80%;--sf-c-fuchsia-90:300 100% 90%;--sf-c-fuchsia-100:300 100% 100%;--sf-c-txt-fuchsia:var(--sf-c-fuchsia);--sf-c-txt-fuchsia-0:var(--sf-c-fuchsia-0);--sf-c-txt-fuchsia-10:var(--sf-c-fuchsia-10);--sf-c-txt-fuchsia-20:var(--sf-c-fuchsia-20);--sf-c-txt-fuchsia-30:var(--sf-c-fuchsia-30);--sf-c-txt-fuchsia-40:var(--sf-c-fuchsia-40);--sf-c-txt-fuchsia-50:var(--sf-c-fuchsia-50);--sf-c-txt-fuchsia-60:var(--sf-c-fuchsia-60);--sf-c-txt-fuchsia-70:var(--sf-c-fuchsia-70);--sf-c-txt-fuchsia-80:var(--sf-c-fuchsia-80);--sf-c-txt-fuchsia-90:var(--sf-c-fuchsia-90);--sf-c-txt-fuchsia-100:var(--sf-c-fuchsia-100);--sf-dark-c-fuchsia:300 100% 50%;--sf-dark-c-fuchsia-0:300 100% 0%;--sf-dark-c-fuchsia-10:300 100% 10%;--sf-dark-c-fuchsia-20:300 100% 20%;--sf-dark-c-fuchsia-30:300 100% 30%;--sf-dark-c-fuchsia-40:300 100% 40%;--sf-dark-c-fuchsia-50:300 100% 50%;--sf-dark-c-fuchsia-60:300 100% 60%;--sf-dark-c-fuchsia-70:300 100% 70%;--sf-dark-c-fuchsia-80:300 100% 80%;--sf-dark-c-fuchsia-90:300 100% 90%;--sf-dark-c-fuchsia-100:300 100% 100%;--sf-dark-c-txt-fuchsia:var(--sf-dark-c-fuchsia);--sf-dark-c-txt-fuchsia-0:var(--sf-dark-c-fuchsia-0);--sf-dark-c-txt-fuchsia-10:var(--sf-dark-c-fuchsia-10);--sf-dark-c-txt-fuchsia-20:var(--sf-dark-c-fuchsia-20);--sf-dark-c-txt-fuchsia-30:var(--sf-dark-c-fuchsia-30);--sf-dark-c-txt-fuchsia-40:var(--sf-dark-c-fuchsia-40);--sf-dark-c-txt-fuchsia-50:var(--sf-dark-c-fuchsia-50);--sf-dark-c-txt-fuchsia-60:var(--sf-dark-c-fuchsia-60);--sf-dark-c-txt-fuchsia-70:var(--sf-dark-c-fuchsia-70);--sf-dark-c-txt-fuchsia-80:var(--sf-dark-c-fuchsia-80);--sf-dark-c-txt-fuchsia-90:var(--sf-dark-c-fuchsia-90);--sf-dark-c-txt-fuchsia-100:var(--sf-dark-c-fuchsia-100);--sf-c-gray:0 0% 50%;--sf-c-gray-0:0 0% 0%;--sf-c-gray-10:0 0% 10%;--sf-c-gray-20:0 0% 20%;--sf-c-gray-30:0 0% 30%;--sf-c-gray-40:0 0% 40%;--sf-c-gray-50:0 0% 50%;--sf-c-gray-60:0 0% 60%;--sf-c-gray-70:0 0% 70%;--sf-c-gray-80:0 0% 80%;--sf-c-gray-90:0 0% 90%;--sf-c-gray-100:0 0% 100%;--sf-c-txt-gray:var(--sf-c-gray);--sf-c-txt-gray-0:var(--sf-c-gray-0);--sf-c-txt-gray-10:var(--sf-c-gray-10);--sf-c-txt-gray-20:var(--sf-c-gray-20);--sf-c-txt-gray-30:var(--sf-c-gray-30);--sf-c-txt-gray-40:var(--sf-c-gray-40);--sf-c-txt-gray-50:var(--sf-c-gray-50);--sf-c-txt-gray-60:var(--sf-c-gray-60);--sf-c-txt-gray-70:var(--sf-c-gray-70);--sf-c-txt-gray-80:var(--sf-c-gray-80);--sf-c-txt-gray-90:var(--sf-c-gray-90);--sf-c-txt-gray-100:var(--sf-c-gray-100);--sf-dark-c-gray:0 0% 50%;--sf-dark-c-gray-0:0 0% 0%;--sf-dark-c-gray-10:0 0% 10%;--sf-dark-c-gray-20:0 0% 20%;--sf-dark-c-gray-30:0 0% 30%;--sf-dark-c-gray-40:0 0% 40%;--sf-dark-c-gray-50:0 0% 50%;--sf-dark-c-gray-60:0 0% 60%;--sf-dark-c-gray-70:0 0% 70%;--sf-dark-c-gray-80:0 0% 80%;--sf-dark-c-gray-90:0 0% 90%;--sf-dark-c-gray-100:0 0% 100%;--sf-dark-c-txt-gray:var(--sf-dark-c-gray);--sf-dark-c-txt-gray-0:var(--sf-dark-c-gray-0);--sf-dark-c-txt-gray-10:var(--sf-dark-c-gray-10);--sf-dark-c-txt-gray-20:var(--sf-dark-c-gray-20);--sf-dark-c-txt-gray-30:var(--sf-dark-c-gray-30);--sf-dark-c-txt-gray-40:var(--sf-dark-c-gray-40);--sf-dark-c-txt-gray-50:var(--sf-dark-c-gray-50);--sf-dark-c-txt-gray-60:var(--sf-dark-c-gray-60);--sf-dark-c-txt-gray-70:var(--sf-dark-c-gray-70);--sf-dark-c-txt-gray-80:var(--sf-dark-c-gray-80);--sf-dark-c-txt-gray-90:var(--sf-dark-c-gray-90);--sf-dark-c-txt-gray-100:var(--sf-dark-c-gray-100);--sf-c-green:120 100% 25%;--sf-c-green-0:120 100% 0%;--sf-c-green-10:120 100% 10%;--sf-c-green-20:120 100% 20%;--sf-c-green-30:120 100% 30%;--sf-c-green-40:120 100% 40%;--sf-c-green-50:120 100% 50%;--sf-c-green-60:120 100% 60%;--sf-c-green-70:120 100% 70%;--sf-c-green-80:120 100% 80%;--sf-c-green-90:120 100% 90%;--sf-c-green-100:120 100% 100%;--sf-c-txt-green:var(--sf-c-green);--sf-c-txt-green-0:var(--sf-c-green-0);--sf-c-txt-green-10:var(--sf-c-green-10);--sf-c-txt-green-20:var(--sf-c-green-20);--sf-c-txt-green-30:var(--sf-c-green-30);--sf-c-txt-green-40:var(--sf-c-green-40);--sf-c-txt-green-50:var(--sf-c-green-50);--sf-c-txt-green-60:var(--sf-c-green-60);--sf-c-txt-green-70:var(--sf-c-green-70);--sf-c-txt-green-80:var(--sf-c-green-80);--sf-c-txt-green-90:var(--sf-c-green-90);--sf-c-txt-green-100:var(--sf-c-green-100);--sf-dark-c-green:120 100% 75%;--sf-dark-c-green-0:120 100% 0%;--sf-dark-c-green-10:120 100% 10%;--sf-dark-c-green-20:120 100% 20%;--sf-dark-c-green-30:120 100% 30%;--sf-dark-c-green-40:120 100% 40%;--sf-dark-c-green-50:120 100% 50%;--sf-dark-c-green-60:120 100% 60%;--sf-dark-c-green-70:120 100% 70%;--sf-dark-c-green-80:120 100% 80%;--sf-dark-c-green-90:120 100% 90%;--sf-dark-c-green-100:120 100% 100%;--sf-dark-c-txt-green:var(--sf-dark-c-green);--sf-dark-c-txt-green-0:var(--sf-dark-c-green-0);--sf-dark-c-txt-green-10:var(--sf-dark-c-green-10);--sf-dark-c-txt-green-20:var(--sf-dark-c-green-20);--sf-dark-c-txt-green-30:var(--sf-dark-c-green-30);--sf-dark-c-txt-green-40:var(--sf-dark-c-green-40);--sf-dark-c-txt-green-50:var(--sf-dark-c-green-50);--sf-dark-c-txt-green-60:var(--sf-dark-c-green-60);--sf-dark-c-txt-green-70:var(--sf-dark-c-green-70);--sf-dark-c-txt-green-80:var(--sf-dark-c-green-80);--sf-dark-c-txt-green-90:var(--sf-dark-c-green-90);--sf-dark-c-txt-green-100:var(--sf-dark-c-green-100);--sf-c-lime:120 100% 50%;--sf-c-lime-0:120 100% 0%;--sf-c-lime-10:120 100% 10%;--sf-c-lime-20:120 100% 20%;--sf-c-lime-30:120 100% 30%;--sf-c-lime-40:120 100% 40%;--sf-c-lime-50:120 100% 50%;--sf-c-lime-60:120 100% 60%;--sf-c-lime-70:120 100% 70%;--sf-c-lime-80:120 100% 80%;--sf-c-lime-90:120 100% 90%;--sf-c-lime-100:120 100% 100%;--sf-c-txt-lime:var(--sf-c-lime);--sf-c-txt-lime-0:var(--sf-c-lime-0);--sf-c-txt-lime-10:var(--sf-c-lime-10);--sf-c-txt-lime-20:var(--sf-c-lime-20);--sf-c-txt-lime-30:var(--sf-c-lime-30);--sf-c-txt-lime-40:var(--sf-c-lime-40);--sf-c-txt-lime-50:var(--sf-c-lime-50);--sf-c-txt-lime-60:var(--sf-c-lime-60);--sf-c-txt-lime-70:var(--sf-c-lime-70);--sf-c-txt-lime-80:var(--sf-c-lime-80);--sf-c-txt-lime-90:var(--sf-c-lime-90);--sf-c-txt-lime-100:var(--sf-c-lime-100);--sf-dark-c-lime:120 100% 50%;--sf-dark-c-lime-0:120 100% 0%;--sf-dark-c-lime-10:120 100% 10%;--sf-dark-c-lime-20:120 100% 20%;--sf-dark-c-lime-30:120 100% 30%;--sf-dark-c-lime-40:120 100% 40%;--sf-dark-c-lime-50:120 100% 50%;--sf-dark-c-lime-60:120 100% 60%;--sf-dark-c-lime-70:120 100% 70%;--sf-dark-c-lime-80:120 100% 80%;--sf-dark-c-lime-90:120 100% 90%;--sf-dark-c-lime-100:120 100% 100%;--sf-dark-c-txt-lime:var(--sf-dark-c-lime);--sf-dark-c-txt-lime-0:var(--sf-dark-c-lime-0);--sf-dark-c-txt-lime-10:var(--sf-dark-c-lime-10);--sf-dark-c-txt-lime-20:var(--sf-dark-c-lime-20);--sf-dark-c-txt-lime-30:var(--sf-dark-c-lime-30);--sf-dark-c-txt-lime-40:var(--sf-dark-c-lime-40);--sf-dark-c-txt-lime-50:var(--sf-dark-c-lime-50);--sf-dark-c-txt-lime-60:var(--sf-dark-c-lime-60);--sf-dark-c-txt-lime-70:var(--sf-dark-c-lime-70);--sf-dark-c-txt-lime-80:var(--sf-dark-c-lime-80);--sf-dark-c-txt-lime-90:var(--sf-dark-c-lime-90);--sf-dark-c-txt-lime-100:var(--sf-dark-c-lime-100);--sf-c-maroon:0 100% 25%;--sf-c-maroon-0:0 100% 0%;--sf-c-maroon-10:0 100% 10%;--sf-c-maroon-20:0 100% 20%;--sf-c-maroon-30:0 100% 30%;--sf-c-maroon-40:0 100% 40%;--sf-c-maroon-50:0 100% 50%;--sf-c-maroon-60:0 100% 60%;--sf-c-maroon-70:0 100% 70%;--sf-c-maroon-80:0 100% 80%;--sf-c-maroon-90:0 100% 90%;--sf-c-maroon-100:0 100% 100%;--sf-c-txt-maroon:var(--sf-c-maroon);--sf-c-txt-maroon-0:var(--sf-c-maroon-0);--sf-c-txt-maroon-10:var(--sf-c-maroon-10);--sf-c-txt-maroon-20:var(--sf-c-maroon-20);--sf-c-txt-maroon-30:var(--sf-c-maroon-30);--sf-c-txt-maroon-40:var(--sf-c-maroon-40);--sf-c-txt-maroon-50:var(--sf-c-maroon-50);--sf-c-txt-maroon-60:var(--sf-c-maroon-60);--sf-c-txt-maroon-70:var(--sf-c-maroon-70);--sf-c-txt-maroon-80:var(--sf-c-maroon-80);--sf-c-txt-maroon-90:var(--sf-c-maroon-90);--sf-c-txt-maroon-100:var(--sf-c-maroon-100);--sf-dark-c-maroon:0 100% 75%;--sf-dark-c-maroon-0:0 100% 0%;--sf-dark-c-maroon-10:0 100% 10%;--sf-dark-c-maroon-20:0 100% 20%;--sf-dark-c-maroon-30:0 100% 30%;--sf-dark-c-maroon-40:0 100% 40%;--sf-dark-c-maroon-50:0 100% 50%;--sf-dark-c-maroon-60:0 100% 60%;--sf-dark-c-maroon-70:0 100% 70%;--sf-dark-c-maroon-80:0 100% 80%;--sf-dark-c-maroon-90:0 100% 90%;--sf-dark-c-maroon-100:0 100% 100%;--sf-dark-c-txt-maroon:var(--sf-dark-c-maroon);--sf-dark-c-txt-maroon-0:var(--sf-dark-c-maroon-0);--sf-dark-c-txt-maroon-10:var(--sf-dark-c-maroon-10);--sf-dark-c-txt-maroon-20:var(--sf-dark-c-maroon-20);--sf-dark-c-txt-maroon-30:var(--sf-dark-c-maroon-30);--sf-dark-c-txt-maroon-40:var(--sf-dark-c-maroon-40);--sf-dark-c-txt-maroon-50:var(--sf-dark-c-maroon-50);--sf-dark-c-txt-maroon-60:var(--sf-dark-c-maroon-60);--sf-dark-c-txt-maroon-70:var(--sf-dark-c-maroon-70);--sf-dark-c-txt-maroon-80:var(--sf-dark-c-maroon-80);--sf-dark-c-txt-maroon-90:var(--sf-dark-c-maroon-90);--sf-dark-c-txt-maroon-100:var(--sf-dark-c-maroon-100);--sf-c-navy:240 100% 25%;--sf-c-navy-0:240 100% 0%;--sf-c-navy-10:240 100% 10%;--sf-c-navy-20:240 100% 20%;--sf-c-navy-30:240 100% 30%;--sf-c-navy-40:240 100% 40%;--sf-c-navy-50:240 100% 50%;--sf-c-navy-60:240 100% 60%;--sf-c-navy-70:240 100% 70%;--sf-c-navy-80:240 100% 80%;--sf-c-navy-90:240 100% 90%;--sf-c-navy-100:240 100% 100%;--sf-c-txt-navy:var(--sf-c-navy);--sf-c-txt-navy-0:var(--sf-c-navy-0);--sf-c-txt-navy-10:var(--sf-c-navy-10);--sf-c-txt-navy-20:var(--sf-c-navy-20);--sf-c-txt-navy-30:var(--sf-c-navy-30);--sf-c-txt-navy-40:var(--sf-c-navy-40);--sf-c-txt-navy-50:var(--sf-c-navy-50);--sf-c-txt-navy-60:var(--sf-c-navy-60);--sf-c-txt-navy-70:var(--sf-c-navy-70);--sf-c-txt-navy-80:var(--sf-c-navy-80);--sf-c-txt-navy-90:var(--sf-c-navy-90);--sf-c-txt-navy-100:var(--sf-c-navy-100);--sf-dark-c-navy:240 100% 75%;--sf-dark-c-navy-0:240 100% 0%;--sf-dark-c-navy-10:240 100% 10%;--sf-dark-c-navy-20:240 100% 20%;--sf-dark-c-navy-30:240 100% 30%;--sf-dark-c-navy-40:240 100% 40%;--sf-dark-c-navy-50:240 100% 50%;--sf-dark-c-navy-60:240 100% 60%;--sf-dark-c-navy-70:240 100% 70%;--sf-dark-c-navy-80:240 100% 80%;--sf-dark-c-navy-90:240 100% 90%;--sf-dark-c-navy-100:240 100% 100%;--sf-dark-c-txt-navy:var(--sf-dark-c-navy);--sf-dark-c-txt-navy-0:var(--sf-dark-c-navy-0);--sf-dark-c-txt-navy-10:var(--sf-dark-c-navy-10);--sf-dark-c-txt-navy-20:var(--sf-dark-c-navy-20);--sf-dark-c-txt-navy-30:var(--sf-dark-c-navy-30);--sf-dark-c-txt-navy-40:var(--sf-dark-c-navy-40);--sf-dark-c-txt-navy-50:var(--sf-dark-c-navy-50);--sf-dark-c-txt-navy-60:var(--sf-dark-c-navy-60);--sf-dark-c-txt-navy-70:var(--sf-dark-c-navy-70);--sf-dark-c-txt-navy-80:var(--sf-dark-c-navy-80);--sf-dark-c-txt-navy-90:var(--sf-dark-c-navy-90);--sf-dark-c-txt-navy-100:var(--sf-dark-c-navy-100);--sf-c-olive:60 100% 25%;--sf-c-olive-0:60 100% 0%;--sf-c-olive-10:60 100% 10%;--sf-c-olive-20:60 100% 20%;--sf-c-olive-30:60 100% 30%;--sf-c-olive-40:60 100% 40%;--sf-c-olive-50:60 100% 50%;--sf-c-olive-60:60 100% 60%;--sf-c-olive-70:60 100% 70%;--sf-c-olive-80:60 100% 80%;--sf-c-olive-90:60 100% 90%;--sf-c-olive-100:60 100% 100%;--sf-c-txt-olive:var(--sf-c-olive);--sf-c-txt-olive-0:var(--sf-c-olive-0);--sf-c-txt-olive-10:var(--sf-c-olive-10);--sf-c-txt-olive-20:var(--sf-c-olive-20);--sf-c-txt-olive-30:var(--sf-c-olive-30);--sf-c-txt-olive-40:var(--sf-c-olive-40);--sf-c-txt-olive-50:var(--sf-c-olive-50);--sf-c-txt-olive-60:var(--sf-c-olive-60);--sf-c-txt-olive-70:var(--sf-c-olive-70);--sf-c-txt-olive-80:var(--sf-c-olive-80);--sf-c-txt-olive-90:var(--sf-c-olive-90);--sf-c-txt-olive-100:var(--sf-c-olive-100);--sf-dark-c-olive:60 100% 75%;--sf-dark-c-olive-0:60 100% 0%;--sf-dark-c-olive-10:60 100% 10%;--sf-dark-c-olive-20:60 100% 20%;--sf-dark-c-olive-30:60 100% 30%;--sf-dark-c-olive-40:60 100% 40%;--sf-dark-c-olive-50:60 100% 50%;--sf-dark-c-olive-60:60 100% 60%;--sf-dark-c-olive-70:60 100% 70%;--sf-dark-c-olive-80:60 100% 80%;--sf-dark-c-olive-90:60 100% 90%;--sf-dark-c-olive-100:60 100% 100%;--sf-dark-c-txt-olive:var(--sf-dark-c-olive);--sf-dark-c-txt-olive-0:var(--sf-dark-c-olive-0);--sf-dark-c-txt-olive-10:var(--sf-dark-c-olive-10);--sf-dark-c-txt-olive-20:var(--sf-dark-c-olive-20);--sf-dark-c-txt-olive-30:var(--sf-dark-c-olive-30);--sf-dark-c-txt-olive-40:var(--sf-dark-c-olive-40);--sf-dark-c-txt-olive-50:var(--sf-dark-c-olive-50);--sf-dark-c-txt-olive-60:var(--sf-dark-c-olive-60);--sf-dark-c-txt-olive-70:var(--sf-dark-c-olive-70);--sf-dark-c-txt-olive-80:var(--sf-dark-c-olive-80);--sf-dark-c-txt-olive-90:var(--sf-dark-c-olive-90);--sf-dark-c-txt-olive-100:var(--sf-dark-c-olive-100);--sf-c-purple:300 100% 25%;--sf-c-purple-0:300 100% 0%;--sf-c-purple-10:300 100% 10%;--sf-c-purple-20:300 100% 20%;--sf-c-purple-30:300 100% 30%;--sf-c-purple-40:300 100% 40%;--sf-c-purple-50:300 100% 50%;--sf-c-purple-60:300 100% 60%;--sf-c-purple-70:300 100% 70%;--sf-c-purple-80:300 100% 80%;--sf-c-purple-90:300 100% 90%;--sf-c-purple-100:300 100% 100%;--sf-c-txt-purple:var(--sf-c-purple);--sf-c-txt-purple-0:var(--sf-c-purple-0);--sf-c-txt-purple-10:var(--sf-c-purple-10);--sf-c-txt-purple-20:var(--sf-c-purple-20);--sf-c-txt-purple-30:var(--sf-c-purple-30);--sf-c-txt-purple-40:var(--sf-c-purple-40);--sf-c-txt-purple-50:var(--sf-c-purple-50);--sf-c-txt-purple-60:var(--sf-c-purple-60);--sf-c-txt-purple-70:var(--sf-c-purple-70);--sf-c-txt-purple-80:var(--sf-c-purple-80);--sf-c-txt-purple-90:var(--sf-c-purple-90);--sf-c-txt-purple-100:var(--sf-c-purple-100);--sf-dark-c-purple:300 100% 75%;--sf-dark-c-purple-0:300 100% 0%;--sf-dark-c-purple-10:300 100% 10%;--sf-dark-c-purple-20:300 100% 20%;--sf-dark-c-purple-30:300 100% 30%;--sf-dark-c-purple-40:300 100% 40%;--sf-dark-c-purple-50:300 100% 50%;--sf-dark-c-purple-60:300 100% 60%;--sf-dark-c-purple-70:300 100% 70%;--sf-dark-c-purple-80:300 100% 80%;--sf-dark-c-purple-90:300 100% 90%;--sf-dark-c-purple-100:300 100% 100%;--sf-dark-c-txt-purple:var(--sf-dark-c-purple);--sf-dark-c-txt-purple-0:var(--sf-dark-c-purple-0);--sf-dark-c-txt-purple-10:var(--sf-dark-c-purple-10);--sf-dark-c-txt-purple-20:var(--sf-dark-c-purple-20);--sf-dark-c-txt-purple-30:var(--sf-dark-c-purple-30);--sf-dark-c-txt-purple-40:var(--sf-dark-c-purple-40);--sf-dark-c-txt-purple-50:var(--sf-dark-c-purple-50);--sf-dark-c-txt-purple-60:var(--sf-dark-c-purple-60);--sf-dark-c-txt-purple-70:var(--sf-dark-c-purple-70);--sf-dark-c-txt-purple-80:var(--sf-dark-c-purple-80);--sf-dark-c-txt-purple-90:var(--sf-dark-c-purple-90);--sf-dark-c-txt-purple-100:var(--sf-dark-c-purple-100);--sf-c-red:0 100% 50%;--sf-c-red-0:0 100% 0%;--sf-c-red-10:0 100% 10%;--sf-c-red-20:0 100% 20%;--sf-c-red-30:0 100% 30%;--sf-c-red-40:0 100% 40%;--sf-c-red-50:0 100% 50%;--sf-c-red-60:0 100% 60%;--sf-c-red-70:0 100% 70%;--sf-c-red-80:0 100% 80%;--sf-c-red-90:0 100% 90%;--sf-c-red-100:0 100% 100%;--sf-c-txt-red:var(--sf-c-red);--sf-c-txt-red-0:var(--sf-c-red-0);--sf-c-txt-red-10:var(--sf-c-red-10);--sf-c-txt-red-20:var(--sf-c-red-20);--sf-c-txt-red-30:var(--sf-c-red-30);--sf-c-txt-red-40:var(--sf-c-red-40);--sf-c-txt-red-50:var(--sf-c-red-50);--sf-c-txt-red-60:var(--sf-c-red-60);--sf-c-txt-red-70:var(--sf-c-red-70);--sf-c-txt-red-80:var(--sf-c-red-80);--sf-c-txt-red-90:var(--sf-c-red-90);--sf-c-txt-red-100:var(--sf-c-red-100);--sf-dark-c-red:0 100% 50%;--sf-dark-c-red-0:0 100% 0%;--sf-dark-c-red-10:0 100% 10%;--sf-dark-c-red-20:0 100% 20%;--sf-dark-c-red-30:0 100% 30%;--sf-dark-c-red-40:0 100% 40%;--sf-dark-c-red-50:0 100% 50%;--sf-dark-c-red-60:0 100% 60%;--sf-dark-c-red-70:0 100% 70%;--sf-dark-c-red-80:0 100% 80%;--sf-dark-c-red-90:0 100% 90%;--sf-dark-c-red-100:0 100% 100%;--sf-dark-c-txt-red:var(--sf-dark-c-red);--sf-dark-c-txt-red-0:var(--sf-dark-c-red-0);--sf-dark-c-txt-red-10:var(--sf-dark-c-red-10);--sf-dark-c-txt-red-20:var(--sf-dark-c-red-20);--sf-dark-c-txt-red-30:var(--sf-dark-c-red-30);--sf-dark-c-txt-red-40:var(--sf-dark-c-red-40);--sf-dark-c-txt-red-50:var(--sf-dark-c-red-50);--sf-dark-c-txt-red-60:var(--sf-dark-c-red-60);--sf-dark-c-txt-red-70:var(--sf-dark-c-red-70);--sf-dark-c-txt-red-80:var(--sf-dark-c-red-80);--sf-dark-c-txt-red-90:var(--sf-dark-c-red-90);--sf-dark-c-txt-red-100:var(--sf-dark-c-red-100);--sf-c-silver:0 0% 75%;--sf-c-silver-0:0 0% 0%;--sf-c-silver-10:0 0% 10%;--sf-c-silver-20:0 0% 20%;--sf-c-silver-30:0 0% 30%;--sf-c-silver-40:0 0% 40%;--sf-c-silver-50:0 0% 50%;--sf-c-silver-60:0 0% 60%;--sf-c-silver-70:0 0% 70%;--sf-c-silver-80:0 0% 80%;--sf-c-silver-90:0 0% 90%;--sf-c-silver-100:0 0% 100%;--sf-c-txt-silver:var(--sf-c-silver);--sf-c-txt-silver-0:var(--sf-c-silver-0);--sf-c-txt-silver-10:var(--sf-c-silver-10);--sf-c-txt-silver-20:var(--sf-c-silver-20);--sf-c-txt-silver-30:var(--sf-c-silver-30);--sf-c-txt-silver-40:var(--sf-c-silver-40);--sf-c-txt-silver-50:var(--sf-c-silver-50);--sf-c-txt-silver-60:var(--sf-c-silver-60);--sf-c-txt-silver-70:var(--sf-c-silver-70);--sf-c-txt-silver-80:var(--sf-c-silver-80);--sf-c-txt-silver-90:var(--sf-c-silver-90);--sf-c-txt-silver-100:var(--sf-c-silver-100);--sf-dark-c-silver:0 0% 25%;--sf-dark-c-silver-0:0 0% 0%;--sf-dark-c-silver-10:0 0% 10%;--sf-dark-c-silver-20:0 0% 20%;--sf-dark-c-silver-30:0 0% 30%;--sf-dark-c-silver-40:0 0% 40%;--sf-dark-c-silver-50:0 0% 50%;--sf-dark-c-silver-60:0 0% 60%;--sf-dark-c-silver-70:0 0% 70%;--sf-dark-c-silver-80:0 0% 80%;--sf-dark-c-silver-90:0 0% 90%;--sf-dark-c-silver-100:0 0% 100%;--sf-dark-c-txt-silver:var(--sf-dark-c-silver);--sf-dark-c-txt-silver-0:var(--sf-dark-c-silver-0);--sf-dark-c-txt-silver-10:var(--sf-dark-c-silver-10);--sf-dark-c-txt-silver-20:var(--sf-dark-c-silver-20);--sf-dark-c-txt-silver-30:var(--sf-dark-c-silver-30);--sf-dark-c-txt-silver-40:var(--sf-dark-c-silver-40);--sf-dark-c-txt-silver-50:var(--sf-dark-c-silver-50);--sf-dark-c-txt-silver-60:var(--sf-dark-c-silver-60);--sf-dark-c-txt-silver-70:var(--sf-dark-c-silver-70);--sf-dark-c-txt-silver-80:var(--sf-dark-c-silver-80);--sf-dark-c-txt-silver-90:var(--sf-dark-c-silver-90);--sf-dark-c-txt-silver-100:var(--sf-dark-c-silver-100);--sf-c-teal:180 100% 25%;--sf-c-teal-0:180 100% 0%;--sf-c-teal-10:180 100% 10%;--sf-c-teal-20:180 100% 20%;--sf-c-teal-30:180 100% 30%;--sf-c-teal-40:180 100% 40%;--sf-c-teal-50:180 100% 50%;--sf-c-teal-60:180 100% 60%;--sf-c-teal-70:180 100% 70%;--sf-c-teal-80:180 100% 80%;--sf-c-teal-90:180 100% 90%;--sf-c-teal-100:180 100% 100%;--sf-c-txt-teal:var(--sf-c-teal);--sf-c-txt-teal-0:var(--sf-c-teal-0);--sf-c-txt-teal-10:var(--sf-c-teal-10);--sf-c-txt-teal-20:var(--sf-c-teal-20);--sf-c-txt-teal-30:var(--sf-c-teal-30);--sf-c-txt-teal-40:var(--sf-c-teal-40);--sf-c-txt-teal-50:var(--sf-c-teal-50);--sf-c-txt-teal-60:var(--sf-c-teal-60);--sf-c-txt-teal-70:var(--sf-c-teal-70);--sf-c-txt-teal-80:var(--sf-c-teal-80);--sf-c-txt-teal-90:var(--sf-c-teal-90);--sf-c-txt-teal-100:var(--sf-c-teal-100);--sf-dark-c-teal:180 100% 75%;--sf-dark-c-teal-0:180 100% 0%;--sf-dark-c-teal-10:180 100% 10%;--sf-dark-c-teal-20:180 100% 20%;--sf-dark-c-teal-30:180 100% 30%;--sf-dark-c-teal-40:180 100% 40%;--sf-dark-c-teal-50:180 100% 50%;--sf-dark-c-teal-60:180 100% 60%;--sf-dark-c-teal-70:180 100% 70%;--sf-dark-c-teal-80:180 100% 80%;--sf-dark-c-teal-90:180 100% 90%;--sf-dark-c-teal-100:180 100% 100%;--sf-dark-c-txt-teal:var(--sf-dark-c-teal);--sf-dark-c-txt-teal-0:var(--sf-dark-c-teal-0);--sf-dark-c-txt-teal-10:var(--sf-dark-c-teal-10);--sf-dark-c-txt-teal-20:var(--sf-dark-c-teal-20);--sf-dark-c-txt-teal-30:var(--sf-dark-c-teal-30);--sf-dark-c-txt-teal-40:var(--sf-dark-c-teal-40);--sf-dark-c-txt-teal-50:var(--sf-dark-c-teal-50);--sf-dark-c-txt-teal-60:var(--sf-dark-c-teal-60);--sf-dark-c-txt-teal-70:var(--sf-dark-c-teal-70);--sf-dark-c-txt-teal-80:var(--sf-dark-c-teal-80);--sf-dark-c-txt-teal-90:var(--sf-dark-c-teal-90);--sf-dark-c-txt-teal-100:var(--sf-dark-c-teal-100);--sf-c-white:0 0% 100%;--sf-c-white-0:0 0% 0%;--sf-c-white-10:0 0% 10%;--sf-c-white-20:0 0% 20%;--sf-c-white-30:0 0% 30%;--sf-c-white-40:0 0% 40%;--sf-c-white-50:0 0% 50%;--sf-c-white-60:0 0% 60%;--sf-c-white-70:0 0% 70%;--sf-c-white-80:0 0% 80%;--sf-c-white-90:0 0% 90%;--sf-c-white-100:0 0% 100%;--sf-c-txt-white:var(--sf-c-white);--sf-c-txt-white-0:var(--sf-c-white-0);--sf-c-txt-white-10:var(--sf-c-white-10);--sf-c-txt-white-20:var(--sf-c-white-20);--sf-c-txt-white-30:var(--sf-c-white-30);--sf-c-txt-white-40:var(--sf-c-white-40);--sf-c-txt-white-50:var(--sf-c-white-50);--sf-c-txt-white-60:var(--sf-c-white-60);--sf-c-txt-white-70:var(--sf-c-white-70);--sf-c-txt-white-80:var(--sf-c-white-80);--sf-c-txt-white-90:var(--sf-c-white-90);--sf-c-txt-white-100:var(--sf-c-white-100);--sf-dark-c-white:0 0% 0%;--sf-dark-c-white-0:0 0% 0%;--sf-dark-c-white-10:0 0% 10%;--sf-dark-c-white-20:0 0% 20%;--sf-dark-c-white-30:0 0% 30%;--sf-dark-c-white-40:0 0% 40%;--sf-dark-c-white-50:0 0% 50%;--sf-dark-c-white-60:0 0% 60%;--sf-dark-c-white-70:0 0% 70%;--sf-dark-c-white-80:0 0% 80%;--sf-dark-c-white-90:0 0% 90%;--sf-dark-c-white-100:0 0% 100%;--sf-dark-c-txt-white:var(--sf-dark-c-white);--sf-dark-c-txt-white-0:var(--sf-dark-c-white-0);--sf-dark-c-txt-white-10:var(--sf-dark-c-white-10);--sf-dark-c-txt-white-20:var(--sf-dark-c-white-20);--sf-dark-c-txt-white-30:var(--sf-dark-c-white-30);--sf-dark-c-txt-white-40:var(--sf-dark-c-white-40);--sf-dark-c-txt-white-50:var(--sf-dark-c-white-50);--sf-dark-c-txt-white-60:var(--sf-dark-c-white-60);--sf-dark-c-txt-white-70:var(--sf-dark-c-white-70);--sf-dark-c-txt-white-80:var(--sf-dark-c-white-80);--sf-dark-c-txt-white-90:var(--sf-dark-c-white-90);--sf-dark-c-txt-white-100:var(--sf-dark-c-white-100);--sf-c-yellow:60 100% 50%;--sf-c-yellow-0:60 100% 0%;--sf-c-yellow-10:60 100% 10%;--sf-c-yellow-20:60 100% 20%;--sf-c-yellow-30:60 100% 30%;--sf-c-yellow-40:60 100% 40%;--sf-c-yellow-50:60 100% 50%;--sf-c-yellow-60:60 100% 60%;--sf-c-yellow-70:60 100% 70%;--sf-c-yellow-80:60 100% 80%;--sf-c-yellow-90:60 100% 90%;--sf-c-yellow-100:60 100% 100%;--sf-c-txt-yellow:var(--sf-c-yellow);--sf-c-txt-yellow-0:var(--sf-c-yellow-0);--sf-c-txt-yellow-10:var(--sf-c-yellow-10);--sf-c-txt-yellow-20:var(--sf-c-yellow-20);--sf-c-txt-yellow-30:var(--sf-c-yellow-30);--sf-c-txt-yellow-40:var(--sf-c-yellow-40);--sf-c-txt-yellow-50:var(--sf-c-yellow-50);--sf-c-txt-yellow-60:var(--sf-c-yellow-60);--sf-c-txt-yellow-70:var(--sf-c-yellow-70);--sf-c-txt-yellow-80:var(--sf-c-yellow-80);--sf-c-txt-yellow-90:var(--sf-c-yellow-90);--sf-c-txt-yellow-100:var(--sf-c-yellow-100);--sf-dark-c-yellow:60 100% 50%;--sf-dark-c-yellow-0:60 100% 0%;--sf-dark-c-yellow-10:60 100% 10%;--sf-dark-c-yellow-20:60 100% 20%;--sf-dark-c-yellow-30:60 100% 30%;--sf-dark-c-yellow-40:60 100% 40%;--sf-dark-c-yellow-50:60 100% 50%;--sf-dark-c-yellow-60:60 100% 60%;--sf-dark-c-yellow-70:60 100% 70%;--sf-dark-c-yellow-80:60 100% 80%;--sf-dark-c-yellow-90:60 100% 90%;--sf-dark-c-yellow-100:60 100% 100%;--sf-dark-c-txt-yellow:var(--sf-dark-c-yellow);--sf-dark-c-txt-yellow-0:var(--sf-dark-c-yellow-0);--sf-dark-c-txt-yellow-10:var(--sf-dark-c-yellow-10);--sf-dark-c-txt-yellow-20:var(--sf-dark-c-yellow-20);--sf-dark-c-txt-yellow-30:var(--sf-dark-c-yellow-30);--sf-dark-c-txt-yellow-40:var(--sf-dark-c-yellow-40);--sf-dark-c-txt-yellow-50:var(--sf-dark-c-yellow-50);--sf-dark-c-txt-yellow-60:var(--sf-dark-c-yellow-60);--sf-dark-c-txt-yellow-70:var(--sf-dark-c-yellow-70);--sf-dark-c-txt-yellow-80:var(--sf-dark-c-yellow-80);--sf-dark-c-txt-yellow-90:var(--sf-dark-c-yellow-90);--sf-dark-c-txt-yellow-100:var(--sf-dark-c-yellow-100)}.sf-c-aqua{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua))}.sf-c-aqua\:0{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-0))}.sf-c-aqua\:10{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-10))}.sf-c-aqua\:20{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-20))}.sf-c-aqua\:30{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-30))}.sf-c-aqua\:40{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-40))}.sf-c-aqua\:50{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-50))}.sf-c-aqua\:60{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-60))}.sf-c-aqua\:70{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-70))}.sf-c-aqua\:80{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-80))}.sf-c-aqua\:90{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-90))}.sf-c-aqua\:100{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-100))}html.var .sf-c-aqua{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var .sf-c-aqua\:0{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var .sf-c-aqua\:10{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var .sf-c-aqua\:20{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var .sf-c-aqua\:30{color:hsl(180,100%,90%);background:hsl(180,100%,30%)}html.var .sf-c-aqua\:40{color:hsl(180,100%,90%);background:hsl(180,100%,40%)}html.var .sf-c-aqua\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var .sf-c-aqua\:60{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var .sf-c-aqua\:70{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var .sf-c-aqua\:80{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var .sf-c-aqua\:90{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var .sf-c-aqua\:100{color:hsl(180,100%,10%);background:hsl(180,100%,100%)}.sf-c-txt-aqua{color:hsl(var(--sf-dark-c-txt-aqua))}.sf-c-txt-aqua\:0{color:hsl(var(--sf-dark-c-txt-aqua-100))}.sf-c-txt-aqua\:10{color:hsl(var(--sf-dark-c-txt-aqua-90))}.sf-c-txt-aqua\:20{color:hsl(var(--sf-dark-c-txt-aqua-80))}.sf-c-txt-aqua\:30{color:hsl(var(--sf-dark-c-txt-aqua-70))}.sf-c-txt-aqua\:40{color:hsl(var(--sf-dark-c-txt-aqua-60))}.sf-c-txt-aqua\:50{color:hsl(var(--sf-dark-c-txt-aqua-50))}.sf-c-txt-aqua\:60{color:hsl(var(--sf-dark-c-txt-aqua-40))}.sf-c-txt-aqua\:70{color:hsl(var(--sf-dark-c-txt-aqua-30))}.sf-c-txt-aqua\:80{color:hsl(var(--sf-dark-c-txt-aqua-20))}.sf-c-txt-aqua\:90{color:hsl(var(--sf-dark-c-txt-aqua-10))}.sf-c-txt-aqua\:100{color:hsl(var(--sf-dark-c-txt-aqua-0))}html.var .sf-c-txt-aqua{color:hsl(180,100%,50%)}html.var .sf-c-txt-aqua\:0{color:hsl(180,100%,100%)}html.var .sf-c-txt-aqua\:10{color:hsl(180,100%,90%)}html.var .sf-c-txt-aqua\:20{color:hsl(180,100%,80%)}html.var .sf-c-txt-aqua\:30{color:hsl(180,100%,70%)}html.var .sf-c-txt-aqua\:40{color:hsl(180,100%,60%)}html.var .sf-c-txt-aqua\:50{color:hsl(180,100%,50%)}html.var .sf-c-txt-aqua\:60{color:hsl(180,100%,40%)}html.var .sf-c-txt-aqua\:70{color:hsl(180,100%,30%)}html.var .sf-c-txt-aqua\:80{color:hsl(180,100%,20%)}html.var .sf-c-txt-aqua\:90{color:hsl(180,100%,10%)}html.var .sf-c-txt-aqua\:100{color:hsl(180,100%,0%)}html[data-theme='dark'] .sf-c-aqua,html.dark .sf-c-aqua{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua))}html[data-theme='dark'] .sf-c-aqua\:0,html.dark .sf-c-aqua\:0{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-100))}html[data-theme='dark'] .sf-c-aqua\:10,html.dark .sf-c-aqua\:10{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-90))}html[data-theme='dark'] .sf-c-aqua\:20,html.dark .sf-c-aqua\:20{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-80))}html[data-theme='dark'] .sf-c-aqua\:30,html.dark .sf-c-aqua\:30{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-70))}html[data-theme='dark'] .sf-c-aqua\:40,html.dark .sf-c-aqua\:40{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-60))}html[data-theme='dark'] .sf-c-aqua\:50,html.dark .sf-c-aqua\:50{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-50))}html[data-theme='dark'] .sf-c-aqua\:60,html.dark .sf-c-aqua\:60{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-40))}html[data-theme='dark'] .sf-c-aqua\:70,html.dark .sf-c-aqua\:70{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-30))}html[data-theme='dark'] .sf-c-aqua\:80,html.dark .sf-c-aqua\:80{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-20))}html[data-theme='dark'] .sf-c-aqua\:90,html.dark .sf-c-aqua\:90{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-10))}html[data-theme='dark'] .sf-c-aqua\:100,html.dark .sf-c-aqua\:100{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-0))}html[data-theme='dark'] .sf-c-aqua\:dark,html.dark .sf-c-aqua\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua))}html[data-theme='dark'] .sf-c-aqua\:0\:dark,html.dark .sf-c-aqua\:0\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-100))}html[data-theme='dark'] .sf-c-aqua\:10\:dark,html.dark .sf-c-aqua\:10\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-90))}html[data-theme='dark'] .sf-c-aqua\:20\:dark,html.dark .sf-c-aqua\:20\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-80))}html[data-theme='dark'] .sf-c-aqua\:30\:dark,html.dark .sf-c-aqua\:30\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-70))}html[data-theme='dark'] .sf-c-aqua\:40\:dark,html.dark .sf-c-aqua\:40\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-60))}html[data-theme='dark'] .sf-c-aqua\:50\:dark,html.dark .sf-c-aqua\:50\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-50))}html[data-theme='dark'] .sf-c-aqua\:60\:dark,html.dark .sf-c-aqua\:60\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-40))}html[data-theme='dark'] .sf-c-aqua\:70\:dark,html.dark .sf-c-aqua\:70\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-30))}html[data-theme='dark'] .sf-c-aqua\:80\:dark,html.dark .sf-c-aqua\:80\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-20))}html[data-theme='dark'] .sf-c-aqua\:90\:dark,html.dark .sf-c-aqua\:90\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-10))}html[data-theme='dark'] .sf-c-aqua\:100\:dark,html.dark .sf-c-aqua\:100\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-0))}html[data-theme='dark'] .sf-c-txt-aqua,html.dark .sf-c-txt-aqua{color:hsl(var(--sf-c-txt-aqua))}html[data-theme='dark'] .sf-c-txt-aqua\:0,html.dark .sf-c-txt-aqua\:0{color:hsl(var(--sf-c-txt-aqua-0))}html[data-theme='dark'] .sf-c-txt-aqua\:10,html.dark .sf-c-txt-aqua\:10{color:hsl(var(--sf-c-txt-aqua-10))}html[data-theme='dark'] .sf-c-txt-aqua\:20,html.dark .sf-c-txt-aqua\:20{color:hsl(var(--sf-c-txt-aqua-20))}html[data-theme='dark'] .sf-c-txt-aqua\:30,html.dark .sf-c-txt-aqua\:30{color:hsl(var(--sf-c-txt-aqua-30))}html[data-theme='dark'] .sf-c-txt-aqua\:40,html.dark .sf-c-txt-aqua\:40{color:hsl(var(--sf-c-txt-aqua-40))}html[data-theme='dark'] .sf-c-txt-aqua\:50,html.dark .sf-c-txt-aqua\:50{color:hsl(var(--sf-c-txt-aqua-50))}html[data-theme='dark'] .sf-c-txt-aqua\:60,html.dark .sf-c-txt-aqua\:60{color:hsl(var(--sf-c-txt-aqua-60))}html[data-theme='dark'] .sf-c-txt-aqua\:70,html.dark .sf-c-txt-aqua\:70{color:hsl(var(--sf-c-txt-aqua-70))}html[data-theme='dark'] .sf-c-txt-aqua\:80,html.dark .sf-c-txt-aqua\:80{color:hsl(var(--sf-c-txt-aqua-80))}html[data-theme='dark'] .sf-c-txt-aqua\:90,html.dark .sf-c-txt-aqua\:90{color:hsl(var(--sf-c-txt-aqua-90))}html[data-theme='dark'] .sf-c-txt-aqua\:100,html.dark .sf-c-txt-aqua\:100{color:hsl(var(--sf-c-txt-aqua-100))}html[data-theme='dark'] .sf-c-txt-aqua\:dark,html.dark .sf-c-txt-aqua\:dark{color:hsl(var(--sf-c-txt-aqua))}html[data-theme='dark'] .sf-c-txt-aqua\:0\:dark,html.dark .sf-c-txt-aqua\:0\:dark{color:hsl(var(--sf-dark-c-txt-aqua-0))}html[data-theme='dark'] .sf-c-txt-aqua\:10\:dark,html.dark .sf-c-txt-aqua\:10\:dark{color:hsl(var(--sf-dark-c-txt-aqua-10))}html[data-theme='dark'] .sf-c-txt-aqua\:20\:dark,html.dark .sf-c-txt-aqua\:20\:dark{color:hsl(var(--sf-dark-c-txt-aqua-20))}html[data-theme='dark'] .sf-c-txt-aqua\:30\:dark,html.dark .sf-c-txt-aqua\:30\:dark{color:hsl(var(--sf-dark-c-txt-aqua-30))}html[data-theme='dark'] .sf-c-txt-aqua\:40\:dark,html.dark .sf-c-txt-aqua\:40\:dark{color:hsl(var(--sf-dark-c-txt-aqua-40))}html[data-theme='dark'] .sf-c-txt-aqua\:50\:dark,html.dark .sf-c-txt-aqua\:50\:dark{color:hsl(var(--sf-dark-c-txt-aqua-50))}html[data-theme='dark'] .sf-c-txt-aqua\:60\:dark,html.dark .sf-c-txt-aqua\:60\:dark{color:hsl(var(--sf-dark-c-txt-aqua-60))}html[data-theme='dark'] .sf-c-txt-aqua\:70\:dark,html.dark .sf-c-txt-aqua\:70\:dark{color:hsl(var(--sf-dark-c-txt-aqua-70))}html[data-theme='dark'] .sf-c-txt-aqua\:80\:dark,html.dark .sf-c-txt-aqua\:80\:dark{color:hsl(var(--sf-dark-c-txt-aqua-80))}html[data-theme='dark'] .sf-c-txt-aqua\:90\:dark,html.dark .sf-c-txt-aqua\:90\:dark{color:hsl(var(--sf-dark-c-txt-aqua-90))}html[data-theme='dark'] .sf-c-txt-aqua\:100\:dark,html.dark .sf-c-txt-aqua\:100\:dark{color:hsl(var(--sf-dark-c-txt-aqua-100))}html.var[data-theme='dark'] .sf-c-aqua,html.var.dark .sf-c-aqua{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-aqua\:0,html.var.dark .sf-c-aqua\:0{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='dark'] .sf-c-aqua\:10,html.var.dark .sf-c-aqua\:10{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='dark'] .sf-c-aqua\:20,html.var.dark .sf-c-aqua\:20{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='dark'] .sf-c-aqua\:30,html.var.dark .sf-c-aqua\:30{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='dark'] .sf-c-aqua\:40,html.var.dark .sf-c-aqua\:40{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='dark'] .sf-c-aqua\:50,html.var.dark .sf-c-aqua\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-aqua\:60,html.var.dark .sf-c-aqua\:60{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='dark'] .sf-c-aqua\:70,html.var.dark .sf-c-aqua\:70{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='dark'] .sf-c-aqua\:80,html.var.dark .sf-c-aqua\:80{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='dark'] .sf-c-aqua\:90,html.var.dark .sf-c-aqua\:90{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='dark'] .sf-c-aqua\:100,html.var.dark .sf-c-aqua\:100{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var[data-theme='dark'] .sf-c-aqua\:dark,html.var.dark .sf-c-aqua\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-aqua\:0\:dark,html.var.dark .sf-c-aqua\:0\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='dark'] .sf-c-aqua\:10\:dark,html.var.dark .sf-c-aqua\:10\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='dark'] .sf-c-aqua\:20\:dark,html.var.dark .sf-c-aqua\:20\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='dark'] .sf-c-aqua\:30\:dark,html.var.dark .sf-c-aqua\:30\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='dark'] .sf-c-aqua\:40\:dark,html.var.dark .sf-c-aqua\:40\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='dark'] .sf-c-aqua\:50\:dark,html.var.dark .sf-c-aqua\:50\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-aqua\:60\:dark,html.var.dark .sf-c-aqua\:60\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='dark'] .sf-c-aqua\:70\:dark,html.var.dark .sf-c-aqua\:70\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='dark'] .sf-c-aqua\:80\:dark,html.var.dark .sf-c-aqua\:80\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='dark'] .sf-c-aqua\:90\:dark,html.var.dark .sf-c-aqua\:90\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='dark'] .sf-c-aqua\:100\:dark,html.var.dark .sf-c-aqua\:100\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-aqua,html.dark .sf-c-txt-aqua{color:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:0,html.dark .sf-c-txt-aqua\:0{color:hsl(180,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:10,html.dark .sf-c-txt-aqua\:10{color:hsl(180,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:20,html.dark .sf-c-txt-aqua\:20{color:hsl(180,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:30,html.dark .sf-c-txt-aqua\:30{color:hsl(180,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:40,html.dark .sf-c-txt-aqua\:40{color:hsl(180,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:50,html.dark .sf-c-txt-aqua\:50{color:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:60,html.dark .sf-c-txt-aqua\:60{color:hsl(180,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:70,html.dark .sf-c-txt-aqua\:70{color:hsl(180,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:80,html.dark .sf-c-txt-aqua\:80{color:hsl(180,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:90,html.dark .sf-c-txt-aqua\:90{color:hsl(180,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:100,html.dark .sf-c-txt-aqua\:100{color:hsl(180,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:dark,html.dark .sf-c-txt-aqua\:dark{color:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:0\:dark,html.dark .sf-c-txt-aqua\:0\:dark{color:hsl(180,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:10\:dark,html.dark .sf-c-txt-aqua\:10\:dark{color:hsl(180,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:20\:dark,html.dark .sf-c-txt-aqua\:20\:dark{color:hsl(180,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:30\:dark,html.dark .sf-c-txt-aqua\:30\:dark{color:hsl(180,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:40\:dark,html.dark .sf-c-txt-aqua\:40\:dark{color:hsl(180,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:50\:dark,html.dark .sf-c-txt-aqua\:50\:dark{color:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:60\:dark,html.dark .sf-c-txt-aqua\:60\:dark{color:hsl(180,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:70\:dark,html.dark .sf-c-txt-aqua\:70\:dark{color:hsl(180,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:80\:dark,html.dark .sf-c-txt-aqua\:80\:dark{color:hsl(180,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:90\:dark,html.dark .sf-c-txt-aqua\:90\:dark{color:hsl(180,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-aqua\:100\:dark,html.dark .sf-c-txt-aqua\:100\:dark{color:hsl(180,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-aqua,html.auto .sf-c-aqua{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua))}html[data-theme='auto'] .sf-c-aqua\:0,html.auto .sf-c-aqua\:0{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-100))}html[data-theme='auto'] .sf-c-aqua\:10,html.auto .sf-c-aqua\:10{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-90))}html[data-theme='auto'] .sf-c-aqua\:20,html.auto .sf-c-aqua\:20{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-80))}html[data-theme='auto'] .sf-c-aqua\:30,html.auto .sf-c-aqua\:30{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-70))}html[data-theme='auto'] .sf-c-aqua\:40,html.auto .sf-c-aqua\:40{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-60))}html[data-theme='auto'] .sf-c-aqua\:50,html.auto .sf-c-aqua\:50{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-50))}html[data-theme='auto'] .sf-c-aqua\:60,html.auto .sf-c-aqua\:60{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-40))}html[data-theme='auto'] .sf-c-aqua\:70,html.auto .sf-c-aqua\:70{color:hsl(var(--sf-dark-c-txt-aqua-10));background:hsl(var(--sf-dark-c-aqua-30))}html[data-theme='auto'] .sf-c-aqua\:80,html.auto .sf-c-aqua\:80{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-20))}html[data-theme='auto'] .sf-c-aqua\:90,html.auto .sf-c-aqua\:90{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-10))}html[data-theme='auto'] .sf-c-aqua\:100,html.auto .sf-c-aqua\:100{color:hsl(var(--sf-dark-c-txt-aqua-90));background:hsl(var(--sf-dark-c-aqua-0))}html[data-theme='auto'] .sf-c-aqua\:dark,html.auto .sf-c-aqua\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua))}html[data-theme='auto'] .sf-c-aqua\:0\:dark,html.auto .sf-c-aqua\:0\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-100))}html[data-theme='auto'] .sf-c-aqua\:10\:dark,html.auto .sf-c-aqua\:10\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-90))}html[data-theme='auto'] .sf-c-aqua\:20\:dark,html.auto .sf-c-aqua\:20\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-80))}html[data-theme='auto'] .sf-c-aqua\:30\:dark,html.auto .sf-c-aqua\:30\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-70))}html[data-theme='auto'] .sf-c-aqua\:40\:dark,html.auto .sf-c-aqua\:40\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-60))}html[data-theme='auto'] .sf-c-aqua\:50\:dark,html.auto .sf-c-aqua\:50\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-50))}html[data-theme='auto'] .sf-c-aqua\:60\:dark,html.auto .sf-c-aqua\:60\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-40))}html[data-theme='auto'] .sf-c-aqua\:70\:dark,html.auto .sf-c-aqua\:70\:dark{color:hsl(var(--sf-c-txt-aqua-10));background:hsl(var(--sf-c-aqua-30))}html[data-theme='auto'] .sf-c-aqua\:80\:dark,html.auto .sf-c-aqua\:80\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-20))}html[data-theme='auto'] .sf-c-aqua\:90\:dark,html.auto .sf-c-aqua\:90\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-10))}html[data-theme='auto'] .sf-c-aqua\:100\:dark,html.auto .sf-c-aqua\:100\:dark{color:hsl(var(--sf-c-txt-aqua-90));background:hsl(var(--sf-c-aqua-0))}html[data-theme='auto'] .sf-c-txt-aqua,html.auto .sf-c-txt-aqua{color:hsl(var(--sf-c-txt-aqua))}html[data-theme='auto'] .sf-c-txt-aqua\:0,html.auto .sf-c-txt-aqua\:0{color:hsl(var(--sf-c-txt-aqua-0))}html[data-theme='auto'] .sf-c-txt-aqua\:10,html.auto .sf-c-txt-aqua\:10{color:hsl(var(--sf-c-txt-aqua-10))}html[data-theme='auto'] .sf-c-txt-aqua\:20,html.auto .sf-c-txt-aqua\:20{color:hsl(var(--sf-c-txt-aqua-20))}html[data-theme='auto'] .sf-c-txt-aqua\:30,html.auto .sf-c-txt-aqua\:30{color:hsl(var(--sf-c-txt-aqua-30))}html[data-theme='auto'] .sf-c-txt-aqua\:40,html.auto .sf-c-txt-aqua\:40{color:hsl(var(--sf-c-txt-aqua-40))}html[data-theme='auto'] .sf-c-txt-aqua\:50,html.auto .sf-c-txt-aqua\:50{color:hsl(var(--sf-c-txt-aqua-50))}html[data-theme='auto'] .sf-c-txt-aqua\:60,html.auto .sf-c-txt-aqua\:60{color:hsl(var(--sf-c-txt-aqua-60))}html[data-theme='auto'] .sf-c-txt-aqua\:70,html.auto .sf-c-txt-aqua\:70{color:hsl(var(--sf-c-txt-aqua-70))}html[data-theme='auto'] .sf-c-txt-aqua\:80,html.auto .sf-c-txt-aqua\:80{color:hsl(var(--sf-c-txt-aqua-80))}html[data-theme='auto'] .sf-c-txt-aqua\:90,html.auto .sf-c-txt-aqua\:90{color:hsl(var(--sf-c-txt-aqua-90))}html[data-theme='auto'] .sf-c-txt-aqua\:100,html.auto .sf-c-txt-aqua\:100{color:hsl(var(--sf-c-txt-aqua-100))}html[data-theme='auto'] .sf-c-txt-aqua\:dark,html.auto .sf-c-txt-aqua\:dark{color:hsl(var(--sf-c-txt-aqua))}html[data-theme='auto'] .sf-c-txt-aqua\:0\:dark,html.auto .sf-c-txt-aqua\:0\:dark{color:hsl(var(--sf-c-txt-aqua-0))}html[data-theme='auto'] .sf-c-txt-aqua\:10\:dark,html.auto .sf-c-txt-aqua\:10\:dark{color:hsl(var(--sf-c-txt-aqua-10))}html[data-theme='auto'] .sf-c-txt-aqua\:20\:dark,html.auto .sf-c-txt-aqua\:20\:dark{color:hsl(var(--sf-c-txt-aqua-20))}html[data-theme='auto'] .sf-c-txt-aqua\:30\:dark,html.auto .sf-c-txt-aqua\:30\:dark{color:hsl(var(--sf-c-txt-aqua-30))}html[data-theme='auto'] .sf-c-txt-aqua\:40\:dark,html.auto .sf-c-txt-aqua\:40\:dark{color:hsl(var(--sf-c-txt-aqua-40))}html[data-theme='auto'] .sf-c-txt-aqua\:50\:dark,html.auto .sf-c-txt-aqua\:50\:dark{color:hsl(var(--sf-c-txt-aqua-50))}html[data-theme='auto'] .sf-c-txt-aqua\:60\:dark,html.auto .sf-c-txt-aqua\:60\:dark{color:hsl(var(--sf-c-txt-aqua-60))}html[data-theme='auto'] .sf-c-txt-aqua\:70\:dark,html.auto .sf-c-txt-aqua\:70\:dark{color:hsl(var(--sf-c-txt-aqua-70))}html[data-theme='auto'] .sf-c-txt-aqua\:80\:dark,html.auto .sf-c-txt-aqua\:80\:dark{color:hsl(var(--sf-c-txt-aqua-80))}html[data-theme='auto'] .sf-c-txt-aqua\:90\:dark,html.auto .sf-c-txt-aqua\:90\:dark{color:hsl(var(--sf-c-txt-aqua-90))}html[data-theme='auto'] .sf-c-txt-aqua\:100\:dark,html.auto .sf-c-txt-aqua\:100\:dark{color:hsl(var(--sf-c-txt-aqua-100))}html.var[data-theme='auto'] .sf-c-aqua,html.var.auto .sf-c-aqua{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-aqua\:0,html.var.auto .sf-c-aqua\:0{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='auto'] .sf-c-aqua\:10,html.var.auto .sf-c-aqua\:10{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='auto'] .sf-c-aqua\:20,html.var.auto .sf-c-aqua\:20{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='auto'] .sf-c-aqua\:30,html.var.auto .sf-c-aqua\:30{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='auto'] .sf-c-aqua\:40,html.var.auto .sf-c-aqua\:40{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='auto'] .sf-c-aqua\:50,html.var.auto .sf-c-aqua\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-aqua\:60,html.var.auto .sf-c-aqua\:60{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='auto'] .sf-c-aqua\:70,html.var.auto .sf-c-aqua\:70{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='auto'] .sf-c-aqua\:80,html.var.auto .sf-c-aqua\:80{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='auto'] .sf-c-aqua\:90,html.var.auto .sf-c-aqua\:90{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='auto'] .sf-c-aqua\:100,html.var.auto .sf-c-aqua\:100{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var[data-theme='auto'] .sf-c-aqua\:dark,html.var.auto .sf-c-aqua\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-aqua\:0\:dark,html.var.auto .sf-c-aqua\:0\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='auto'] .sf-c-aqua\:10\:dark,html.var.auto .sf-c-aqua\:10\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='auto'] .sf-c-aqua\:20\:dark,html.var.auto .sf-c-aqua\:20\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='auto'] .sf-c-aqua\:30\:dark,html.var.auto .sf-c-aqua\:30\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='auto'] .sf-c-aqua\:40\:dark,html.var.auto .sf-c-aqua\:40\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='auto'] .sf-c-aqua\:50\:dark,html.var.auto .sf-c-aqua\:50\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-aqua\:60\:dark,html.var.auto .sf-c-aqua\:60\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='auto'] .sf-c-aqua\:70\:dark,html.var.auto .sf-c-aqua\:70\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='auto'] .sf-c-aqua\:80\:dark,html.var.auto .sf-c-aqua\:80\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='auto'] .sf-c-aqua\:90\:dark,html.var.auto .sf-c-aqua\:90\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='auto'] .sf-c-aqua\:100\:dark,html.var.auto .sf-c-aqua\:100\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-aqua,html.auto .sf-c-txt-aqua{color:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:0,html.auto .sf-c-txt-aqua\:0{color:hsl(180,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:10,html.auto .sf-c-txt-aqua\:10{color:hsl(180,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:20,html.auto .sf-c-txt-aqua\:20{color:hsl(180,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:30,html.auto .sf-c-txt-aqua\:30{color:hsl(180,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:40,html.auto .sf-c-txt-aqua\:40{color:hsl(180,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:50,html.auto .sf-c-txt-aqua\:50{color:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:60,html.auto .sf-c-txt-aqua\:60{color:hsl(180,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:70,html.auto .sf-c-txt-aqua\:70{color:hsl(180,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:80,html.auto .sf-c-txt-aqua\:80{color:hsl(180,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:90,html.auto .sf-c-txt-aqua\:90{color:hsl(180,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:100,html.auto .sf-c-txt-aqua\:100{color:hsl(180,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:dark,html.auto .sf-c-txt-aqua\:dark{color:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:0\:dark,html.auto .sf-c-txt-aqua\:0\:dark{color:hsl(180,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:10\:dark,html.auto .sf-c-txt-aqua\:10\:dark{color:hsl(180,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:20\:dark,html.auto .sf-c-txt-aqua\:20\:dark{color:hsl(180,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:30\:dark,html.auto .sf-c-txt-aqua\:30\:dark{color:hsl(180,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:40\:dark,html.auto .sf-c-txt-aqua\:40\:dark{color:hsl(180,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:50\:dark,html.auto .sf-c-txt-aqua\:50\:dark{color:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:60\:dark,html.auto .sf-c-txt-aqua\:60\:dark{color:hsl(180,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:70\:dark,html.auto .sf-c-txt-aqua\:70\:dark{color:hsl(180,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:80\:dark,html.auto .sf-c-txt-aqua\:80\:dark{color:hsl(180,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:90\:dark,html.auto .sf-c-txt-aqua\:90\:dark{color:hsl(180,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-aqua\:100\:dark,html.auto .sf-c-txt-aqua\:100\:dark{color:hsl(180,100%,100%)}}.sf-c-black{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black))}.sf-c-black\:0{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-0))}.sf-c-black\:10{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-10))}.sf-c-black\:20{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-20))}.sf-c-black\:30{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-30))}.sf-c-black\:40{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-40))}.sf-c-black\:50{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-50))}.sf-c-black\:60{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-60))}.sf-c-black\:70{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-70))}.sf-c-black\:80{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-80))}.sf-c-black\:90{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-90))}.sf-c-black\:100{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-100))}html.var .sf-c-black{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var .sf-c-black\:0{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var .sf-c-black\:10{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var .sf-c-black\:20{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var .sf-c-black\:30{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var .sf-c-black\:40{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var .sf-c-black\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,60%)}html.var .sf-c-black\:70{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var .sf-c-black\:80{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var .sf-c-black\:90{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var .sf-c-black\:100{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}.sf-c-txt-black{color:hsl(var(--sf-dark-c-txt-black))}.sf-c-txt-black\:0{color:hsl(var(--sf-dark-c-txt-black-100))}.sf-c-txt-black\:10{color:hsl(var(--sf-dark-c-txt-black-90))}.sf-c-txt-black\:20{color:hsl(var(--sf-dark-c-txt-black-80))}.sf-c-txt-black\:30{color:hsl(var(--sf-dark-c-txt-black-70))}.sf-c-txt-black\:40{color:hsl(var(--sf-dark-c-txt-black-60))}.sf-c-txt-black\:50{color:hsl(var(--sf-dark-c-txt-black-50))}.sf-c-txt-black\:60{color:hsl(var(--sf-dark-c-txt-black-40))}.sf-c-txt-black\:70{color:hsl(var(--sf-dark-c-txt-black-30))}.sf-c-txt-black\:80{color:hsl(var(--sf-dark-c-txt-black-20))}.sf-c-txt-black\:90{color:hsl(var(--sf-dark-c-txt-black-10))}.sf-c-txt-black\:100{color:hsl(var(--sf-dark-c-txt-black-0))}html.var .sf-c-txt-black{color:hsl(0,0%,100%)}html.var .sf-c-txt-black\:0{color:hsl(0,0%,100%)}html.var .sf-c-txt-black\:10{color:hsl(0,0%,90%)}html.var .sf-c-txt-black\:20{color:hsl(0,0%,80%)}html.var .sf-c-txt-black\:30{color:hsl(0,0%,70%)}html.var .sf-c-txt-black\:40{color:hsl(0,0%,60%)}html.var .sf-c-txt-black\:50{color:hsl(0,0%,50%)}html.var .sf-c-txt-black\:60{color:hsl(0,0%,40%)}html.var .sf-c-txt-black\:70{color:hsl(0,0%,30%)}html.var .sf-c-txt-black\:80{color:hsl(0,0%,20%)}html.var .sf-c-txt-black\:90{color:hsl(0,0%,10%)}html.var .sf-c-txt-black\:100{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-black,html.dark .sf-c-black{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black))}html[data-theme='dark'] .sf-c-black\:0,html.dark .sf-c-black\:0{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-100))}html[data-theme='dark'] .sf-c-black\:10,html.dark .sf-c-black\:10{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-90))}html[data-theme='dark'] .sf-c-black\:20,html.dark .sf-c-black\:20{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-80))}html[data-theme='dark'] .sf-c-black\:30,html.dark .sf-c-black\:30{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-70))}html[data-theme='dark'] .sf-c-black\:40,html.dark .sf-c-black\:40{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-60))}html[data-theme='dark'] .sf-c-black\:50,html.dark .sf-c-black\:50{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-50))}html[data-theme='dark'] .sf-c-black\:60,html.dark .sf-c-black\:60{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-40))}html[data-theme='dark'] .sf-c-black\:70,html.dark .sf-c-black\:70{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-30))}html[data-theme='dark'] .sf-c-black\:80,html.dark .sf-c-black\:80{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-20))}html[data-theme='dark'] .sf-c-black\:90,html.dark .sf-c-black\:90{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-10))}html[data-theme='dark'] .sf-c-black\:100,html.dark .sf-c-black\:100{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-0))}html[data-theme='dark'] .sf-c-black\:dark,html.dark .sf-c-black\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black))}html[data-theme='dark'] .sf-c-black\:0\:dark,html.dark .sf-c-black\:0\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-100))}html[data-theme='dark'] .sf-c-black\:10\:dark,html.dark .sf-c-black\:10\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-90))}html[data-theme='dark'] .sf-c-black\:20\:dark,html.dark .sf-c-black\:20\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-80))}html[data-theme='dark'] .sf-c-black\:30\:dark,html.dark .sf-c-black\:30\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-70))}html[data-theme='dark'] .sf-c-black\:40\:dark,html.dark .sf-c-black\:40\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-60))}html[data-theme='dark'] .sf-c-black\:50\:dark,html.dark .sf-c-black\:50\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-50))}html[data-theme='dark'] .sf-c-black\:60\:dark,html.dark .sf-c-black\:60\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-40))}html[data-theme='dark'] .sf-c-black\:70\:dark,html.dark .sf-c-black\:70\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-30))}html[data-theme='dark'] .sf-c-black\:80\:dark,html.dark .sf-c-black\:80\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-20))}html[data-theme='dark'] .sf-c-black\:90\:dark,html.dark .sf-c-black\:90\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-10))}html[data-theme='dark'] .sf-c-black\:100\:dark,html.dark .sf-c-black\:100\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-0))}html[data-theme='dark'] .sf-c-txt-black,html.dark .sf-c-txt-black{color:hsl(var(--sf-c-txt-black))}html[data-theme='dark'] .sf-c-txt-black\:0,html.dark .sf-c-txt-black\:0{color:hsl(var(--sf-c-txt-black-0))}html[data-theme='dark'] .sf-c-txt-black\:10,html.dark .sf-c-txt-black\:10{color:hsl(var(--sf-c-txt-black-10))}html[data-theme='dark'] .sf-c-txt-black\:20,html.dark .sf-c-txt-black\:20{color:hsl(var(--sf-c-txt-black-20))}html[data-theme='dark'] .sf-c-txt-black\:30,html.dark .sf-c-txt-black\:30{color:hsl(var(--sf-c-txt-black-30))}html[data-theme='dark'] .sf-c-txt-black\:40,html.dark .sf-c-txt-black\:40{color:hsl(var(--sf-c-txt-black-40))}html[data-theme='dark'] .sf-c-txt-black\:50,html.dark .sf-c-txt-black\:50{color:hsl(var(--sf-c-txt-black-50))}html[data-theme='dark'] .sf-c-txt-black\:60,html.dark .sf-c-txt-black\:60{color:hsl(var(--sf-c-txt-black-60))}html[data-theme='dark'] .sf-c-txt-black\:70,html.dark .sf-c-txt-black\:70{color:hsl(var(--sf-c-txt-black-70))}html[data-theme='dark'] .sf-c-txt-black\:80,html.dark .sf-c-txt-black\:80{color:hsl(var(--sf-c-txt-black-80))}html[data-theme='dark'] .sf-c-txt-black\:90,html.dark .sf-c-txt-black\:90{color:hsl(var(--sf-c-txt-black-90))}html[data-theme='dark'] .sf-c-txt-black\:100,html.dark .sf-c-txt-black\:100{color:hsl(var(--sf-c-txt-black-100))}html[data-theme='dark'] .sf-c-txt-black\:dark,html.dark .sf-c-txt-black\:dark{color:hsl(var(--sf-c-txt-black))}html[data-theme='dark'] .sf-c-txt-black\:0\:dark,html.dark .sf-c-txt-black\:0\:dark{color:hsl(var(--sf-dark-c-txt-black-0))}html[data-theme='dark'] .sf-c-txt-black\:10\:dark,html.dark .sf-c-txt-black\:10\:dark{color:hsl(var(--sf-dark-c-txt-black-10))}html[data-theme='dark'] .sf-c-txt-black\:20\:dark,html.dark .sf-c-txt-black\:20\:dark{color:hsl(var(--sf-dark-c-txt-black-20))}html[data-theme='dark'] .sf-c-txt-black\:30\:dark,html.dark .sf-c-txt-black\:30\:dark{color:hsl(var(--sf-dark-c-txt-black-30))}html[data-theme='dark'] .sf-c-txt-black\:40\:dark,html.dark .sf-c-txt-black\:40\:dark{color:hsl(var(--sf-dark-c-txt-black-40))}html[data-theme='dark'] .sf-c-txt-black\:50\:dark,html.dark .sf-c-txt-black\:50\:dark{color:hsl(var(--sf-dark-c-txt-black-50))}html[data-theme='dark'] .sf-c-txt-black\:60\:dark,html.dark .sf-c-txt-black\:60\:dark{color:hsl(var(--sf-dark-c-txt-black-60))}html[data-theme='dark'] .sf-c-txt-black\:70\:dark,html.dark .sf-c-txt-black\:70\:dark{color:hsl(var(--sf-dark-c-txt-black-70))}html[data-theme='dark'] .sf-c-txt-black\:80\:dark,html.dark .sf-c-txt-black\:80\:dark{color:hsl(var(--sf-dark-c-txt-black-80))}html[data-theme='dark'] .sf-c-txt-black\:90\:dark,html.dark .sf-c-txt-black\:90\:dark{color:hsl(var(--sf-dark-c-txt-black-90))}html[data-theme='dark'] .sf-c-txt-black\:100\:dark,html.dark .sf-c-txt-black\:100\:dark{color:hsl(var(--sf-dark-c-txt-black-100))}html.var[data-theme='dark'] .sf-c-black,html.var.dark .sf-c-black{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:0,html.var.dark .sf-c-black\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:10,html.var.dark .sf-c-black\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-black\:20,html.var.dark .sf-c-black\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-black\:30,html.var.dark .sf-c-black\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-black\:40,html.var.dark .sf-c-black\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-black\:50,html.var.dark .sf-c-black\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-black\:60,html.var.dark .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-black\:70,html.var.dark .sf-c-black\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-black\:80,html.var.dark .sf-c-black\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-black\:90,html.var.dark .sf-c-black\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-black\:100,html.var.dark .sf-c-black\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-black\:dark,html.var.dark .sf-c-black\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:0\:dark,html.var.dark .sf-c-black\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-black\:10\:dark,html.var.dark .sf-c-black\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-black\:20\:dark,html.var.dark .sf-c-black\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-black\:30\:dark,html.var.dark .sf-c-black\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-black\:40\:dark,html.var.dark .sf-c-black\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-black\:50\:dark,html.var.dark .sf-c-black\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-black\:60\:dark,html.var.dark .sf-c-black\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-black\:70\:dark,html.var.dark .sf-c-black\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-black\:80\:dark,html.var.dark .sf-c-black\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-black\:90\:dark,html.var.dark .sf-c-black\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-black\:100\:dark,html.var.dark .sf-c-black\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-black,html.dark .sf-c-txt-black{color:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-black\:0,html.dark .sf-c-txt-black\:0{color:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-black\:10,html.dark .sf-c-txt-black\:10{color:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-txt-black\:20,html.dark .sf-c-txt-black\:20{color:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-txt-black\:30,html.dark .sf-c-txt-black\:30{color:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-txt-black\:40,html.dark .sf-c-txt-black\:40{color:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-txt-black\:50,html.dark .sf-c-txt-black\:50{color:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-txt-black\:60,html.dark .sf-c-txt-black\:60{color:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-txt-black\:70,html.dark .sf-c-txt-black\:70{color:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-txt-black\:80,html.dark .sf-c-txt-black\:80{color:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-txt-black\:90,html.dark .sf-c-txt-black\:90{color:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-txt-black\:100,html.dark .sf-c-txt-black\:100{color:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-txt-black\:dark,html.dark .sf-c-txt-black\:dark{color:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-black\:0\:dark,html.dark .sf-c-txt-black\:0\:dark{color:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-black\:10\:dark,html.dark .sf-c-txt-black\:10\:dark{color:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-txt-black\:20\:dark,html.dark .sf-c-txt-black\:20\:dark{color:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-txt-black\:30\:dark,html.dark .sf-c-txt-black\:30\:dark{color:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-txt-black\:40\:dark,html.dark .sf-c-txt-black\:40\:dark{color:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-txt-black\:50\:dark,html.dark .sf-c-txt-black\:50\:dark{color:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-txt-black\:60\:dark,html.dark .sf-c-txt-black\:60\:dark{color:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-txt-black\:70\:dark,html.dark .sf-c-txt-black\:70\:dark{color:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-txt-black\:80\:dark,html.dark .sf-c-txt-black\:80\:dark{color:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-txt-black\:90\:dark,html.dark .sf-c-txt-black\:90\:dark{color:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-txt-black\:100\:dark,html.dark .sf-c-txt-black\:100\:dark{color:hsl(0,0%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-black,html.auto .sf-c-black{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black))}html[data-theme='auto'] .sf-c-black\:0,html.auto .sf-c-black\:0{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-100))}html[data-theme='auto'] .sf-c-black\:10,html.auto .sf-c-black\:10{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-90))}html[data-theme='auto'] .sf-c-black\:20,html.auto .sf-c-black\:20{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-80))}html[data-theme='auto'] .sf-c-black\:30,html.auto .sf-c-black\:30{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-70))}html[data-theme='auto'] .sf-c-black\:40,html.auto .sf-c-black\:40{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-60))}html[data-theme='auto'] .sf-c-black\:50,html.auto .sf-c-black\:50{color:hsl(var(--sf-dark-c-txt-black-10));background:hsl(var(--sf-dark-c-black-50))}html[data-theme='auto'] .sf-c-black\:60,html.auto .sf-c-black\:60{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-40))}html[data-theme='auto'] .sf-c-black\:70,html.auto .sf-c-black\:70{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-30))}html[data-theme='auto'] .sf-c-black\:80,html.auto .sf-c-black\:80{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-20))}html[data-theme='auto'] .sf-c-black\:90,html.auto .sf-c-black\:90{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-10))}html[data-theme='auto'] .sf-c-black\:100,html.auto .sf-c-black\:100{color:hsl(var(--sf-dark-c-txt-black-90));background:hsl(var(--sf-dark-c-black-0))}html[data-theme='auto'] .sf-c-black\:dark,html.auto .sf-c-black\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black))}html[data-theme='auto'] .sf-c-black\:0\:dark,html.auto .sf-c-black\:0\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-100))}html[data-theme='auto'] .sf-c-black\:10\:dark,html.auto .sf-c-black\:10\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-90))}html[data-theme='auto'] .sf-c-black\:20\:dark,html.auto .sf-c-black\:20\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-80))}html[data-theme='auto'] .sf-c-black\:30\:dark,html.auto .sf-c-black\:30\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-70))}html[data-theme='auto'] .sf-c-black\:40\:dark,html.auto .sf-c-black\:40\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-60))}html[data-theme='auto'] .sf-c-black\:50\:dark,html.auto .sf-c-black\:50\:dark{color:hsl(var(--sf-c-txt-black-10));background:hsl(var(--sf-c-black-50))}html[data-theme='auto'] .sf-c-black\:60\:dark,html.auto .sf-c-black\:60\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-40))}html[data-theme='auto'] .sf-c-black\:70\:dark,html.auto .sf-c-black\:70\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-30))}html[data-theme='auto'] .sf-c-black\:80\:dark,html.auto .sf-c-black\:80\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-20))}html[data-theme='auto'] .sf-c-black\:90\:dark,html.auto .sf-c-black\:90\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-10))}html[data-theme='auto'] .sf-c-black\:100\:dark,html.auto .sf-c-black\:100\:dark{color:hsl(var(--sf-c-txt-black-90));background:hsl(var(--sf-c-black-0))}html[data-theme='auto'] .sf-c-txt-black,html.auto .sf-c-txt-black{color:hsl(var(--sf-c-txt-black))}html[data-theme='auto'] .sf-c-txt-black\:0,html.auto .sf-c-txt-black\:0{color:hsl(var(--sf-c-txt-black-0))}html[data-theme='auto'] .sf-c-txt-black\:10,html.auto .sf-c-txt-black\:10{color:hsl(var(--sf-c-txt-black-10))}html[data-theme='auto'] .sf-c-txt-black\:20,html.auto .sf-c-txt-black\:20{color:hsl(var(--sf-c-txt-black-20))}html[data-theme='auto'] .sf-c-txt-black\:30,html.auto .sf-c-txt-black\:30{color:hsl(var(--sf-c-txt-black-30))}html[data-theme='auto'] .sf-c-txt-black\:40,html.auto .sf-c-txt-black\:40{color:hsl(var(--sf-c-txt-black-40))}html[data-theme='auto'] .sf-c-txt-black\:50,html.auto .sf-c-txt-black\:50{color:hsl(var(--sf-c-txt-black-50))}html[data-theme='auto'] .sf-c-txt-black\:60,html.auto .sf-c-txt-black\:60{color:hsl(var(--sf-c-txt-black-60))}html[data-theme='auto'] .sf-c-txt-black\:70,html.auto .sf-c-txt-black\:70{color:hsl(var(--sf-c-txt-black-70))}html[data-theme='auto'] .sf-c-txt-black\:80,html.auto .sf-c-txt-black\:80{color:hsl(var(--sf-c-txt-black-80))}html[data-theme='auto'] .sf-c-txt-black\:90,html.auto .sf-c-txt-black\:90{color:hsl(var(--sf-c-txt-black-90))}html[data-theme='auto'] .sf-c-txt-black\:100,html.auto .sf-c-txt-black\:100{color:hsl(var(--sf-c-txt-black-100))}html[data-theme='auto'] .sf-c-txt-black\:dark,html.auto .sf-c-txt-black\:dark{color:hsl(var(--sf-c-txt-black))}html[data-theme='auto'] .sf-c-txt-black\:0\:dark,html.auto .sf-c-txt-black\:0\:dark{color:hsl(var(--sf-c-txt-black-0))}html[data-theme='auto'] .sf-c-txt-black\:10\:dark,html.auto .sf-c-txt-black\:10\:dark{color:hsl(var(--sf-c-txt-black-10))}html[data-theme='auto'] .sf-c-txt-black\:20\:dark,html.auto .sf-c-txt-black\:20\:dark{color:hsl(var(--sf-c-txt-black-20))}html[data-theme='auto'] .sf-c-txt-black\:30\:dark,html.auto .sf-c-txt-black\:30\:dark{color:hsl(var(--sf-c-txt-black-30))}html[data-theme='auto'] .sf-c-txt-black\:40\:dark,html.auto .sf-c-txt-black\:40\:dark{color:hsl(var(--sf-c-txt-black-40))}html[data-theme='auto'] .sf-c-txt-black\:50\:dark,html.auto .sf-c-txt-black\:50\:dark{color:hsl(var(--sf-c-txt-black-50))}html[data-theme='auto'] .sf-c-txt-black\:60\:dark,html.auto .sf-c-txt-black\:60\:dark{color:hsl(var(--sf-c-txt-black-60))}html[data-theme='auto'] .sf-c-txt-black\:70\:dark,html.auto .sf-c-txt-black\:70\:dark{color:hsl(var(--sf-c-txt-black-70))}html[data-theme='auto'] .sf-c-txt-black\:80\:dark,html.auto .sf-c-txt-black\:80\:dark{color:hsl(var(--sf-c-txt-black-80))}html[data-theme='auto'] .sf-c-txt-black\:90\:dark,html.auto .sf-c-txt-black\:90\:dark{color:hsl(var(--sf-c-txt-black-90))}html[data-theme='auto'] .sf-c-txt-black\:100\:dark,html.auto .sf-c-txt-black\:100\:dark{color:hsl(var(--sf-c-txt-black-100))}html.var[data-theme='auto'] .sf-c-black,html.var.auto .sf-c-black{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:0,html.var.auto .sf-c-black\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:10,html.var.auto .sf-c-black\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-black\:20,html.var.auto .sf-c-black\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-black\:30,html.var.auto .sf-c-black\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-black\:40,html.var.auto .sf-c-black\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-black\:50,html.var.auto .sf-c-black\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-black\:60,html.var.auto .sf-c-black\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-black\:70,html.var.auto .sf-c-black\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-black\:80,html.var.auto .sf-c-black\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-black\:90,html.var.auto .sf-c-black\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-black\:100,html.var.auto .sf-c-black\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-black\:dark,html.var.auto .sf-c-black\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:0\:dark,html.var.auto .sf-c-black\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-black\:10\:dark,html.var.auto .sf-c-black\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-black\:20\:dark,html.var.auto .sf-c-black\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-black\:30\:dark,html.var.auto .sf-c-black\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-black\:40\:dark,html.var.auto .sf-c-black\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-black\:50\:dark,html.var.auto .sf-c-black\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-black\:60\:dark,html.var.auto .sf-c-black\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-black\:70\:dark,html.var.auto .sf-c-black\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-black\:80\:dark,html.var.auto .sf-c-black\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-black\:90\:dark,html.var.auto .sf-c-black\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-black\:100\:dark,html.var.auto .sf-c-black\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-black,html.auto .sf-c-txt-black{color:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-black\:0,html.auto .sf-c-txt-black\:0{color:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-black\:10,html.auto .sf-c-txt-black\:10{color:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-txt-black\:20,html.auto .sf-c-txt-black\:20{color:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-txt-black\:30,html.auto .sf-c-txt-black\:30{color:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-txt-black\:40,html.auto .sf-c-txt-black\:40{color:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-txt-black\:50,html.auto .sf-c-txt-black\:50{color:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-txt-black\:60,html.auto .sf-c-txt-black\:60{color:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-txt-black\:70,html.auto .sf-c-txt-black\:70{color:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-txt-black\:80,html.auto .sf-c-txt-black\:80{color:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-txt-black\:90,html.auto .sf-c-txt-black\:90{color:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-txt-black\:100,html.auto .sf-c-txt-black\:100{color:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-txt-black\:dark,html.auto .sf-c-txt-black\:dark{color:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-black\:0\:dark,html.auto .sf-c-txt-black\:0\:dark{color:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-black\:10\:dark,html.auto .sf-c-txt-black\:10\:dark{color:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-txt-black\:20\:dark,html.auto .sf-c-txt-black\:20\:dark{color:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-txt-black\:30\:dark,html.auto .sf-c-txt-black\:30\:dark{color:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-txt-black\:40\:dark,html.auto .sf-c-txt-black\:40\:dark{color:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-txt-black\:50\:dark,html.auto .sf-c-txt-black\:50\:dark{color:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-txt-black\:60\:dark,html.auto .sf-c-txt-black\:60\:dark{color:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-txt-black\:70\:dark,html.auto .sf-c-txt-black\:70\:dark{color:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-txt-black\:80\:dark,html.auto .sf-c-txt-black\:80\:dark{color:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-txt-black\:90\:dark,html.auto .sf-c-txt-black\:90\:dark{color:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-txt-black\:100\:dark,html.auto .sf-c-txt-black\:100\:dark{color:hsl(0,0%,100%)}}.sf-c-blue{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue))}.sf-c-blue\:0{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-0))}.sf-c-blue\:10{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-10))}.sf-c-blue\:20{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-20))}.sf-c-blue\:30{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-30))}.sf-c-blue\:40{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-40))}.sf-c-blue\:50{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-50))}.sf-c-blue\:60{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-60))}.sf-c-blue\:70{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-70))}.sf-c-blue\:80{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-80))}.sf-c-blue\:90{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-90))}.sf-c-blue\:100{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-100))}html.var .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var .sf-c-blue\:0{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var .sf-c-blue\:10{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var .sf-c-blue\:20{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var .sf-c-blue\:30{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html.var .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,80%)}html.var .sf-c-blue\:90{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var .sf-c-blue\:100{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}.sf-c-txt-blue{color:hsl(var(--sf-dark-c-txt-blue))}.sf-c-txt-blue\:0{color:hsl(var(--sf-dark-c-txt-blue-100))}.sf-c-txt-blue\:10{color:hsl(var(--sf-dark-c-txt-blue-90))}.sf-c-txt-blue\:20{color:hsl(var(--sf-dark-c-txt-blue-80))}.sf-c-txt-blue\:30{color:hsl(var(--sf-dark-c-txt-blue-70))}.sf-c-txt-blue\:40{color:hsl(var(--sf-dark-c-txt-blue-60))}.sf-c-txt-blue\:50{color:hsl(var(--sf-dark-c-txt-blue-50))}.sf-c-txt-blue\:60{color:hsl(var(--sf-dark-c-txt-blue-40))}.sf-c-txt-blue\:70{color:hsl(var(--sf-dark-c-txt-blue-30))}.sf-c-txt-blue\:80{color:hsl(var(--sf-dark-c-txt-blue-20))}.sf-c-txt-blue\:90{color:hsl(var(--sf-dark-c-txt-blue-10))}.sf-c-txt-blue\:100{color:hsl(var(--sf-dark-c-txt-blue-0))}html.var .sf-c-txt-blue{color:hsl(240,100%,50%)}html.var .sf-c-txt-blue\:0{color:hsl(240,100%,100%)}html.var .sf-c-txt-blue\:10{color:hsl(240,100%,90%)}html.var .sf-c-txt-blue\:20{color:hsl(240,100%,80%)}html.var .sf-c-txt-blue\:30{color:hsl(240,100%,70%)}html.var .sf-c-txt-blue\:40{color:hsl(240,100%,60%)}html.var .sf-c-txt-blue\:50{color:hsl(240,100%,50%)}html.var .sf-c-txt-blue\:60{color:hsl(240,100%,40%)}html.var .sf-c-txt-blue\:70{color:hsl(240,100%,30%)}html.var .sf-c-txt-blue\:80{color:hsl(240,100%,20%)}html.var .sf-c-txt-blue\:90{color:hsl(240,100%,10%)}html.var .sf-c-txt-blue\:100{color:hsl(240,100%,0%)}html[data-theme='dark'] .sf-c-blue,html.dark .sf-c-blue{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue))}html[data-theme='dark'] .sf-c-blue\:0,html.dark .sf-c-blue\:0{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-100))}html[data-theme='dark'] .sf-c-blue\:10,html.dark .sf-c-blue\:10{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-90))}html[data-theme='dark'] .sf-c-blue\:20,html.dark .sf-c-blue\:20{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-80))}html[data-theme='dark'] .sf-c-blue\:30,html.dark .sf-c-blue\:30{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-70))}html[data-theme='dark'] .sf-c-blue\:40,html.dark .sf-c-blue\:40{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-60))}html[data-theme='dark'] .sf-c-blue\:50,html.dark .sf-c-blue\:50{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-50))}html[data-theme='dark'] .sf-c-blue\:60,html.dark .sf-c-blue\:60{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-40))}html[data-theme='dark'] .sf-c-blue\:70,html.dark .sf-c-blue\:70{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-30))}html[data-theme='dark'] .sf-c-blue\:80,html.dark .sf-c-blue\:80{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-20))}html[data-theme='dark'] .sf-c-blue\:90,html.dark .sf-c-blue\:90{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-10))}html[data-theme='dark'] .sf-c-blue\:100,html.dark .sf-c-blue\:100{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-0))}html[data-theme='dark'] .sf-c-blue\:dark,html.dark .sf-c-blue\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue))}html[data-theme='dark'] .sf-c-blue\:0\:dark,html.dark .sf-c-blue\:0\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-100))}html[data-theme='dark'] .sf-c-blue\:10\:dark,html.dark .sf-c-blue\:10\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-90))}html[data-theme='dark'] .sf-c-blue\:20\:dark,html.dark .sf-c-blue\:20\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-80))}html[data-theme='dark'] .sf-c-blue\:30\:dark,html.dark .sf-c-blue\:30\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-70))}html[data-theme='dark'] .sf-c-blue\:40\:dark,html.dark .sf-c-blue\:40\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-60))}html[data-theme='dark'] .sf-c-blue\:50\:dark,html.dark .sf-c-blue\:50\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-50))}html[data-theme='dark'] .sf-c-blue\:60\:dark,html.dark .sf-c-blue\:60\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-40))}html[data-theme='dark'] .sf-c-blue\:70\:dark,html.dark .sf-c-blue\:70\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-30))}html[data-theme='dark'] .sf-c-blue\:80\:dark,html.dark .sf-c-blue\:80\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-20))}html[data-theme='dark'] .sf-c-blue\:90\:dark,html.dark .sf-c-blue\:90\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-10))}html[data-theme='dark'] .sf-c-blue\:100\:dark,html.dark .sf-c-blue\:100\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-0))}html[data-theme='dark'] .sf-c-txt-blue,html.dark .sf-c-txt-blue{color:hsl(var(--sf-c-txt-blue))}html[data-theme='dark'] .sf-c-txt-blue\:0,html.dark .sf-c-txt-blue\:0{color:hsl(var(--sf-c-txt-blue-0))}html[data-theme='dark'] .sf-c-txt-blue\:10,html.dark .sf-c-txt-blue\:10{color:hsl(var(--sf-c-txt-blue-10))}html[data-theme='dark'] .sf-c-txt-blue\:20,html.dark .sf-c-txt-blue\:20{color:hsl(var(--sf-c-txt-blue-20))}html[data-theme='dark'] .sf-c-txt-blue\:30,html.dark .sf-c-txt-blue\:30{color:hsl(var(--sf-c-txt-blue-30))}html[data-theme='dark'] .sf-c-txt-blue\:40,html.dark .sf-c-txt-blue\:40{color:hsl(var(--sf-c-txt-blue-40))}html[data-theme='dark'] .sf-c-txt-blue\:50,html.dark .sf-c-txt-blue\:50{color:hsl(var(--sf-c-txt-blue-50))}html[data-theme='dark'] .sf-c-txt-blue\:60,html.dark .sf-c-txt-blue\:60{color:hsl(var(--sf-c-txt-blue-60))}html[data-theme='dark'] .sf-c-txt-blue\:70,html.dark .sf-c-txt-blue\:70{color:hsl(var(--sf-c-txt-blue-70))}html[data-theme='dark'] .sf-c-txt-blue\:80,html.dark .sf-c-txt-blue\:80{color:hsl(var(--sf-c-txt-blue-80))}html[data-theme='dark'] .sf-c-txt-blue\:90,html.dark .sf-c-txt-blue\:90{color:hsl(var(--sf-c-txt-blue-90))}html[data-theme='dark'] .sf-c-txt-blue\:100,html.dark .sf-c-txt-blue\:100{color:hsl(var(--sf-c-txt-blue-100))}html[data-theme='dark'] .sf-c-txt-blue\:dark,html.dark .sf-c-txt-blue\:dark{color:hsl(var(--sf-c-txt-blue))}html[data-theme='dark'] .sf-c-txt-blue\:0\:dark,html.dark .sf-c-txt-blue\:0\:dark{color:hsl(var(--sf-dark-c-txt-blue-0))}html[data-theme='dark'] .sf-c-txt-blue\:10\:dark,html.dark .sf-c-txt-blue\:10\:dark{color:hsl(var(--sf-dark-c-txt-blue-10))}html[data-theme='dark'] .sf-c-txt-blue\:20\:dark,html.dark .sf-c-txt-blue\:20\:dark{color:hsl(var(--sf-dark-c-txt-blue-20))}html[data-theme='dark'] .sf-c-txt-blue\:30\:dark,html.dark .sf-c-txt-blue\:30\:dark{color:hsl(var(--sf-dark-c-txt-blue-30))}html[data-theme='dark'] .sf-c-txt-blue\:40\:dark,html.dark .sf-c-txt-blue\:40\:dark{color:hsl(var(--sf-dark-c-txt-blue-40))}html[data-theme='dark'] .sf-c-txt-blue\:50\:dark,html.dark .sf-c-txt-blue\:50\:dark{color:hsl(var(--sf-dark-c-txt-blue-50))}html[data-theme='dark'] .sf-c-txt-blue\:60\:dark,html.dark .sf-c-txt-blue\:60\:dark{color:hsl(var(--sf-dark-c-txt-blue-60))}html[data-theme='dark'] .sf-c-txt-blue\:70\:dark,html.dark .sf-c-txt-blue\:70\:dark{color:hsl(var(--sf-dark-c-txt-blue-70))}html[data-theme='dark'] .sf-c-txt-blue\:80\:dark,html.dark .sf-c-txt-blue\:80\:dark{color:hsl(var(--sf-dark-c-txt-blue-80))}html[data-theme='dark'] .sf-c-txt-blue\:90\:dark,html.dark .sf-c-txt-blue\:90\:dark{color:hsl(var(--sf-dark-c-txt-blue-90))}html[data-theme='dark'] .sf-c-txt-blue\:100\:dark,html.dark .sf-c-txt-blue\:100\:dark{color:hsl(var(--sf-dark-c-txt-blue-100))}html.var[data-theme='dark'] .sf-c-blue,html.var.dark .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:0,html.var.dark .sf-c-blue\:0{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='dark'] .sf-c-blue\:10,html.var.dark .sf-c-blue\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-blue\:20,html.var.dark .sf-c-blue\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-blue\:30,html.var.dark .sf-c-blue\:30{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-blue\:40,html.var.dark .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-blue\:50,html.var.dark .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:60,html.var.dark .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-blue\:70,html.var.dark .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-blue\:80,html.var.dark .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-blue\:90,html.var.dark .sf-c-blue\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-blue\:100,html.var.dark .sf-c-blue\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='dark'] .sf-c-blue\:dark,html.var.dark .sf-c-blue\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:0\:dark,html.var.dark .sf-c-blue\:0\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='dark'] .sf-c-blue\:10\:dark,html.var.dark .sf-c-blue\:10\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-blue\:20\:dark,html.var.dark .sf-c-blue\:20\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-blue\:30\:dark,html.var.dark .sf-c-blue\:30\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-blue\:40\:dark,html.var.dark .sf-c-blue\:40\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-blue\:50\:dark,html.var.dark .sf-c-blue\:50\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-blue\:60\:dark,html.var.dark .sf-c-blue\:60\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-blue\:70\:dark,html.var.dark .sf-c-blue\:70\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-blue\:80\:dark,html.var.dark .sf-c-blue\:80\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-blue\:90\:dark,html.var.dark .sf-c-blue\:90\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-blue\:100\:dark,html.var.dark .sf-c-blue\:100\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-blue,html.dark .sf-c-txt-blue{color:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-blue\:0,html.dark .sf-c-txt-blue\:0{color:hsl(240,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-blue\:10,html.dark .sf-c-txt-blue\:10{color:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-blue\:20,html.dark .sf-c-txt-blue\:20{color:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-blue\:30,html.dark .sf-c-txt-blue\:30{color:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-blue\:40,html.dark .sf-c-txt-blue\:40{color:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-blue\:50,html.dark .sf-c-txt-blue\:50{color:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-blue\:60,html.dark .sf-c-txt-blue\:60{color:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-blue\:70,html.dark .sf-c-txt-blue\:70{color:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-blue\:80,html.dark .sf-c-txt-blue\:80{color:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-blue\:90,html.dark .sf-c-txt-blue\:90{color:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-blue\:100,html.dark .sf-c-txt-blue\:100{color:hsl(240,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-blue\:dark,html.dark .sf-c-txt-blue\:dark{color:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-blue\:0\:dark,html.dark .sf-c-txt-blue\:0\:dark{color:hsl(240,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-blue\:10\:dark,html.dark .sf-c-txt-blue\:10\:dark{color:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-blue\:20\:dark,html.dark .sf-c-txt-blue\:20\:dark{color:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-blue\:30\:dark,html.dark .sf-c-txt-blue\:30\:dark{color:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-blue\:40\:dark,html.dark .sf-c-txt-blue\:40\:dark{color:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-blue\:50\:dark,html.dark .sf-c-txt-blue\:50\:dark{color:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-blue\:60\:dark,html.dark .sf-c-txt-blue\:60\:dark{color:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-blue\:70\:dark,html.dark .sf-c-txt-blue\:70\:dark{color:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-blue\:80\:dark,html.dark .sf-c-txt-blue\:80\:dark{color:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-blue\:90\:dark,html.dark .sf-c-txt-blue\:90\:dark{color:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-blue\:100\:dark,html.dark .sf-c-txt-blue\:100\:dark{color:hsl(240,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-blue,html.auto .sf-c-blue{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue))}html[data-theme='auto'] .sf-c-blue\:0,html.auto .sf-c-blue\:0{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-100))}html[data-theme='auto'] .sf-c-blue\:10,html.auto .sf-c-blue\:10{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-90))}html[data-theme='auto'] .sf-c-blue\:20,html.auto .sf-c-blue\:20{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-80))}html[data-theme='auto'] .sf-c-blue\:30,html.auto .sf-c-blue\:30{color:hsl(var(--sf-dark-c-txt-blue-10));background:hsl(var(--sf-dark-c-blue-70))}html[data-theme='auto'] .sf-c-blue\:40,html.auto .sf-c-blue\:40{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-60))}html[data-theme='auto'] .sf-c-blue\:50,html.auto .sf-c-blue\:50{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-50))}html[data-theme='auto'] .sf-c-blue\:60,html.auto .sf-c-blue\:60{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-40))}html[data-theme='auto'] .sf-c-blue\:70,html.auto .sf-c-blue\:70{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-30))}html[data-theme='auto'] .sf-c-blue\:80,html.auto .sf-c-blue\:80{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-20))}html[data-theme='auto'] .sf-c-blue\:90,html.auto .sf-c-blue\:90{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-10))}html[data-theme='auto'] .sf-c-blue\:100,html.auto .sf-c-blue\:100{color:hsl(var(--sf-dark-c-txt-blue-90));background:hsl(var(--sf-dark-c-blue-0))}html[data-theme='auto'] .sf-c-blue\:dark,html.auto .sf-c-blue\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue))}html[data-theme='auto'] .sf-c-blue\:0\:dark,html.auto .sf-c-blue\:0\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-100))}html[data-theme='auto'] .sf-c-blue\:10\:dark,html.auto .sf-c-blue\:10\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-90))}html[data-theme='auto'] .sf-c-blue\:20\:dark,html.auto .sf-c-blue\:20\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-80))}html[data-theme='auto'] .sf-c-blue\:30\:dark,html.auto .sf-c-blue\:30\:dark{color:hsl(var(--sf-c-txt-blue-10));background:hsl(var(--sf-c-blue-70))}html[data-theme='auto'] .sf-c-blue\:40\:dark,html.auto .sf-c-blue\:40\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-60))}html[data-theme='auto'] .sf-c-blue\:50\:dark,html.auto .sf-c-blue\:50\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-50))}html[data-theme='auto'] .sf-c-blue\:60\:dark,html.auto .sf-c-blue\:60\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-40))}html[data-theme='auto'] .sf-c-blue\:70\:dark,html.auto .sf-c-blue\:70\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-30))}html[data-theme='auto'] .sf-c-blue\:80\:dark,html.auto .sf-c-blue\:80\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-20))}html[data-theme='auto'] .sf-c-blue\:90\:dark,html.auto .sf-c-blue\:90\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-10))}html[data-theme='auto'] .sf-c-blue\:100\:dark,html.auto .sf-c-blue\:100\:dark{color:hsl(var(--sf-c-txt-blue-90));background:hsl(var(--sf-c-blue-0))}html[data-theme='auto'] .sf-c-txt-blue,html.auto .sf-c-txt-blue{color:hsl(var(--sf-c-txt-blue))}html[data-theme='auto'] .sf-c-txt-blue\:0,html.auto .sf-c-txt-blue\:0{color:hsl(var(--sf-c-txt-blue-0))}html[data-theme='auto'] .sf-c-txt-blue\:10,html.auto .sf-c-txt-blue\:10{color:hsl(var(--sf-c-txt-blue-10))}html[data-theme='auto'] .sf-c-txt-blue\:20,html.auto .sf-c-txt-blue\:20{color:hsl(var(--sf-c-txt-blue-20))}html[data-theme='auto'] .sf-c-txt-blue\:30,html.auto .sf-c-txt-blue\:30{color:hsl(var(--sf-c-txt-blue-30))}html[data-theme='auto'] .sf-c-txt-blue\:40,html.auto .sf-c-txt-blue\:40{color:hsl(var(--sf-c-txt-blue-40))}html[data-theme='auto'] .sf-c-txt-blue\:50,html.auto .sf-c-txt-blue\:50{color:hsl(var(--sf-c-txt-blue-50))}html[data-theme='auto'] .sf-c-txt-blue\:60,html.auto .sf-c-txt-blue\:60{color:hsl(var(--sf-c-txt-blue-60))}html[data-theme='auto'] .sf-c-txt-blue\:70,html.auto .sf-c-txt-blue\:70{color:hsl(var(--sf-c-txt-blue-70))}html[data-theme='auto'] .sf-c-txt-blue\:80,html.auto .sf-c-txt-blue\:80{color:hsl(var(--sf-c-txt-blue-80))}html[data-theme='auto'] .sf-c-txt-blue\:90,html.auto .sf-c-txt-blue\:90{color:hsl(var(--sf-c-txt-blue-90))}html[data-theme='auto'] .sf-c-txt-blue\:100,html.auto .sf-c-txt-blue\:100{color:hsl(var(--sf-c-txt-blue-100))}html[data-theme='auto'] .sf-c-txt-blue\:dark,html.auto .sf-c-txt-blue\:dark{color:hsl(var(--sf-c-txt-blue))}html[data-theme='auto'] .sf-c-txt-blue\:0\:dark,html.auto .sf-c-txt-blue\:0\:dark{color:hsl(var(--sf-c-txt-blue-0))}html[data-theme='auto'] .sf-c-txt-blue\:10\:dark,html.auto .sf-c-txt-blue\:10\:dark{color:hsl(var(--sf-c-txt-blue-10))}html[data-theme='auto'] .sf-c-txt-blue\:20\:dark,html.auto .sf-c-txt-blue\:20\:dark{color:hsl(var(--sf-c-txt-blue-20))}html[data-theme='auto'] .sf-c-txt-blue\:30\:dark,html.auto .sf-c-txt-blue\:30\:dark{color:hsl(var(--sf-c-txt-blue-30))}html[data-theme='auto'] .sf-c-txt-blue\:40\:dark,html.auto .sf-c-txt-blue\:40\:dark{color:hsl(var(--sf-c-txt-blue-40))}html[data-theme='auto'] .sf-c-txt-blue\:50\:dark,html.auto .sf-c-txt-blue\:50\:dark{color:hsl(var(--sf-c-txt-blue-50))}html[data-theme='auto'] .sf-c-txt-blue\:60\:dark,html.auto .sf-c-txt-blue\:60\:dark{color:hsl(var(--sf-c-txt-blue-60))}html[data-theme='auto'] .sf-c-txt-blue\:70\:dark,html.auto .sf-c-txt-blue\:70\:dark{color:hsl(var(--sf-c-txt-blue-70))}html[data-theme='auto'] .sf-c-txt-blue\:80\:dark,html.auto .sf-c-txt-blue\:80\:dark{color:hsl(var(--sf-c-txt-blue-80))}html[data-theme='auto'] .sf-c-txt-blue\:90\:dark,html.auto .sf-c-txt-blue\:90\:dark{color:hsl(var(--sf-c-txt-blue-90))}html[data-theme='auto'] .sf-c-txt-blue\:100\:dark,html.auto .sf-c-txt-blue\:100\:dark{color:hsl(var(--sf-c-txt-blue-100))}html.var[data-theme='auto'] .sf-c-blue,html.var.auto .sf-c-blue{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:0,html.var.auto .sf-c-blue\:0{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='auto'] .sf-c-blue\:10,html.var.auto .sf-c-blue\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-blue\:20,html.var.auto .sf-c-blue\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-blue\:30,html.var.auto .sf-c-blue\:30{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-blue\:40,html.var.auto .sf-c-blue\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-blue\:50,html.var.auto .sf-c-blue\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:60,html.var.auto .sf-c-blue\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-blue\:70,html.var.auto .sf-c-blue\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-blue\:80,html.var.auto .sf-c-blue\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-blue\:90,html.var.auto .sf-c-blue\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-blue\:100,html.var.auto .sf-c-blue\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='auto'] .sf-c-blue\:dark,html.var.auto .sf-c-blue\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:0\:dark,html.var.auto .sf-c-blue\:0\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='auto'] .sf-c-blue\:10\:dark,html.var.auto .sf-c-blue\:10\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-blue\:20\:dark,html.var.auto .sf-c-blue\:20\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-blue\:30\:dark,html.var.auto .sf-c-blue\:30\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-blue\:40\:dark,html.var.auto .sf-c-blue\:40\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-blue\:50\:dark,html.var.auto .sf-c-blue\:50\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-blue\:60\:dark,html.var.auto .sf-c-blue\:60\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-blue\:70\:dark,html.var.auto .sf-c-blue\:70\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-blue\:80\:dark,html.var.auto .sf-c-blue\:80\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-blue\:90\:dark,html.var.auto .sf-c-blue\:90\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-blue\:100\:dark,html.var.auto .sf-c-blue\:100\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-blue,html.auto .sf-c-txt-blue{color:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-blue\:0,html.auto .sf-c-txt-blue\:0{color:hsl(240,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-blue\:10,html.auto .sf-c-txt-blue\:10{color:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-blue\:20,html.auto .sf-c-txt-blue\:20{color:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-blue\:30,html.auto .sf-c-txt-blue\:30{color:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-blue\:40,html.auto .sf-c-txt-blue\:40{color:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-blue\:50,html.auto .sf-c-txt-blue\:50{color:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-blue\:60,html.auto .sf-c-txt-blue\:60{color:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-blue\:70,html.auto .sf-c-txt-blue\:70{color:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-blue\:80,html.auto .sf-c-txt-blue\:80{color:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-blue\:90,html.auto .sf-c-txt-blue\:90{color:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-blue\:100,html.auto .sf-c-txt-blue\:100{color:hsl(240,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-blue\:dark,html.auto .sf-c-txt-blue\:dark{color:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-blue\:0\:dark,html.auto .sf-c-txt-blue\:0\:dark{color:hsl(240,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-blue\:10\:dark,html.auto .sf-c-txt-blue\:10\:dark{color:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-blue\:20\:dark,html.auto .sf-c-txt-blue\:20\:dark{color:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-blue\:30\:dark,html.auto .sf-c-txt-blue\:30\:dark{color:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-blue\:40\:dark,html.auto .sf-c-txt-blue\:40\:dark{color:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-blue\:50\:dark,html.auto .sf-c-txt-blue\:50\:dark{color:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-blue\:60\:dark,html.auto .sf-c-txt-blue\:60\:dark{color:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-blue\:70\:dark,html.auto .sf-c-txt-blue\:70\:dark{color:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-blue\:80\:dark,html.auto .sf-c-txt-blue\:80\:dark{color:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-blue\:90\:dark,html.auto .sf-c-txt-blue\:90\:dark{color:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-blue\:100\:dark,html.auto .sf-c-txt-blue\:100\:dark{color:hsl(240,100%,100%)}}.sf-c-fuchsia{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia))}.sf-c-fuchsia\:0{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-0))}.sf-c-fuchsia\:10{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-10))}.sf-c-fuchsia\:20{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-20))}.sf-c-fuchsia\:30{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-30))}.sf-c-fuchsia\:40{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-40))}.sf-c-fuchsia\:50{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-50))}.sf-c-fuchsia\:60{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-60))}.sf-c-fuchsia\:70{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-70))}.sf-c-fuchsia\:80{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-80))}.sf-c-fuchsia\:90{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-90))}.sf-c-fuchsia\:100{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-100))}html.var .sf-c-fuchsia{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html.var .sf-c-fuchsia\:0{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var .sf-c-fuchsia\:10{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var .sf-c-fuchsia\:20{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var .sf-c-fuchsia\:30{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var .sf-c-fuchsia\:40{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var .sf-c-fuchsia\:50{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html.var .sf-c-fuchsia\:60{color:hsl(300,100%,90%);background:hsl(300,100%,60%)}html.var .sf-c-fuchsia\:70{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var .sf-c-fuchsia\:80{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var .sf-c-fuchsia\:90{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var .sf-c-fuchsia\:100{color:hsl(300,100%,10%);background:hsl(300,100%,100%)}.sf-c-txt-fuchsia{color:hsl(var(--sf-dark-c-txt-fuchsia))}.sf-c-txt-fuchsia\:0{color:hsl(var(--sf-dark-c-txt-fuchsia-100))}.sf-c-txt-fuchsia\:10{color:hsl(var(--sf-dark-c-txt-fuchsia-90))}.sf-c-txt-fuchsia\:20{color:hsl(var(--sf-dark-c-txt-fuchsia-80))}.sf-c-txt-fuchsia\:30{color:hsl(var(--sf-dark-c-txt-fuchsia-70))}.sf-c-txt-fuchsia\:40{color:hsl(var(--sf-dark-c-txt-fuchsia-60))}.sf-c-txt-fuchsia\:50{color:hsl(var(--sf-dark-c-txt-fuchsia-50))}.sf-c-txt-fuchsia\:60{color:hsl(var(--sf-dark-c-txt-fuchsia-40))}.sf-c-txt-fuchsia\:70{color:hsl(var(--sf-dark-c-txt-fuchsia-30))}.sf-c-txt-fuchsia\:80{color:hsl(var(--sf-dark-c-txt-fuchsia-20))}.sf-c-txt-fuchsia\:90{color:hsl(var(--sf-dark-c-txt-fuchsia-10))}.sf-c-txt-fuchsia\:100{color:hsl(var(--sf-dark-c-txt-fuchsia-0))}html.var .sf-c-txt-fuchsia{color:hsl(300,100%,50%)}html.var .sf-c-txt-fuchsia\:0{color:hsl(300,100%,100%)}html.var .sf-c-txt-fuchsia\:10{color:hsl(300,100%,90%)}html.var .sf-c-txt-fuchsia\:20{color:hsl(300,100%,80%)}html.var .sf-c-txt-fuchsia\:30{color:hsl(300,100%,70%)}html.var .sf-c-txt-fuchsia\:40{color:hsl(300,100%,60%)}html.var .sf-c-txt-fuchsia\:50{color:hsl(300,100%,50%)}html.var .sf-c-txt-fuchsia\:60{color:hsl(300,100%,40%)}html.var .sf-c-txt-fuchsia\:70{color:hsl(300,100%,30%)}html.var .sf-c-txt-fuchsia\:80{color:hsl(300,100%,20%)}html.var .sf-c-txt-fuchsia\:90{color:hsl(300,100%,10%)}html.var .sf-c-txt-fuchsia\:100{color:hsl(300,100%,0%)}html[data-theme='dark'] .sf-c-fuchsia,html.dark .sf-c-fuchsia{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia))}html[data-theme='dark'] .sf-c-fuchsia\:0,html.dark .sf-c-fuchsia\:0{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-100))}html[data-theme='dark'] .sf-c-fuchsia\:10,html.dark .sf-c-fuchsia\:10{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-90))}html[data-theme='dark'] .sf-c-fuchsia\:20,html.dark .sf-c-fuchsia\:20{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-80))}html[data-theme='dark'] .sf-c-fuchsia\:30,html.dark .sf-c-fuchsia\:30{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-70))}html[data-theme='dark'] .sf-c-fuchsia\:40,html.dark .sf-c-fuchsia\:40{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-60))}html[data-theme='dark'] .sf-c-fuchsia\:50,html.dark .sf-c-fuchsia\:50{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-50))}html[data-theme='dark'] .sf-c-fuchsia\:60,html.dark .sf-c-fuchsia\:60{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-40))}html[data-theme='dark'] .sf-c-fuchsia\:70,html.dark .sf-c-fuchsia\:70{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-30))}html[data-theme='dark'] .sf-c-fuchsia\:80,html.dark .sf-c-fuchsia\:80{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-20))}html[data-theme='dark'] .sf-c-fuchsia\:90,html.dark .sf-c-fuchsia\:90{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-10))}html[data-theme='dark'] .sf-c-fuchsia\:100,html.dark .sf-c-fuchsia\:100{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-0))}html[data-theme='dark'] .sf-c-fuchsia\:dark,html.dark .sf-c-fuchsia\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia))}html[data-theme='dark'] .sf-c-fuchsia\:0\:dark,html.dark .sf-c-fuchsia\:0\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-100))}html[data-theme='dark'] .sf-c-fuchsia\:10\:dark,html.dark .sf-c-fuchsia\:10\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-90))}html[data-theme='dark'] .sf-c-fuchsia\:20\:dark,html.dark .sf-c-fuchsia\:20\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-80))}html[data-theme='dark'] .sf-c-fuchsia\:30\:dark,html.dark .sf-c-fuchsia\:30\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-70))}html[data-theme='dark'] .sf-c-fuchsia\:40\:dark,html.dark .sf-c-fuchsia\:40\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-60))}html[data-theme='dark'] .sf-c-fuchsia\:50\:dark,html.dark .sf-c-fuchsia\:50\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-50))}html[data-theme='dark'] .sf-c-fuchsia\:60\:dark,html.dark .sf-c-fuchsia\:60\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-40))}html[data-theme='dark'] .sf-c-fuchsia\:70\:dark,html.dark .sf-c-fuchsia\:70\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-30))}html[data-theme='dark'] .sf-c-fuchsia\:80\:dark,html.dark .sf-c-fuchsia\:80\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-20))}html[data-theme='dark'] .sf-c-fuchsia\:90\:dark,html.dark .sf-c-fuchsia\:90\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-10))}html[data-theme='dark'] .sf-c-fuchsia\:100\:dark,html.dark .sf-c-fuchsia\:100\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-0))}html[data-theme='dark'] .sf-c-txt-fuchsia,html.dark .sf-c-txt-fuchsia{color:hsl(var(--sf-c-txt-fuchsia))}html[data-theme='dark'] .sf-c-txt-fuchsia\:0,html.dark .sf-c-txt-fuchsia\:0{color:hsl(var(--sf-c-txt-fuchsia-0))}html[data-theme='dark'] .sf-c-txt-fuchsia\:10,html.dark .sf-c-txt-fuchsia\:10{color:hsl(var(--sf-c-txt-fuchsia-10))}html[data-theme='dark'] .sf-c-txt-fuchsia\:20,html.dark .sf-c-txt-fuchsia\:20{color:hsl(var(--sf-c-txt-fuchsia-20))}html[data-theme='dark'] .sf-c-txt-fuchsia\:30,html.dark .sf-c-txt-fuchsia\:30{color:hsl(var(--sf-c-txt-fuchsia-30))}html[data-theme='dark'] .sf-c-txt-fuchsia\:40,html.dark .sf-c-txt-fuchsia\:40{color:hsl(var(--sf-c-txt-fuchsia-40))}html[data-theme='dark'] .sf-c-txt-fuchsia\:50,html.dark .sf-c-txt-fuchsia\:50{color:hsl(var(--sf-c-txt-fuchsia-50))}html[data-theme='dark'] .sf-c-txt-fuchsia\:60,html.dark .sf-c-txt-fuchsia\:60{color:hsl(var(--sf-c-txt-fuchsia-60))}html[data-theme='dark'] .sf-c-txt-fuchsia\:70,html.dark .sf-c-txt-fuchsia\:70{color:hsl(var(--sf-c-txt-fuchsia-70))}html[data-theme='dark'] .sf-c-txt-fuchsia\:80,html.dark .sf-c-txt-fuchsia\:80{color:hsl(var(--sf-c-txt-fuchsia-80))}html[data-theme='dark'] .sf-c-txt-fuchsia\:90,html.dark .sf-c-txt-fuchsia\:90{color:hsl(var(--sf-c-txt-fuchsia-90))}html[data-theme='dark'] .sf-c-txt-fuchsia\:100,html.dark .sf-c-txt-fuchsia\:100{color:hsl(var(--sf-c-txt-fuchsia-100))}html[data-theme='dark'] .sf-c-txt-fuchsia\:dark,html.dark .sf-c-txt-fuchsia\:dark{color:hsl(var(--sf-c-txt-fuchsia))}html[data-theme='dark'] .sf-c-txt-fuchsia\:0\:dark,html.dark .sf-c-txt-fuchsia\:0\:dark{color:hsl(var(--sf-dark-c-txt-fuchsia-0))}html[data-theme='dark'] .sf-c-txt-fuchsia\:10\:dark,html.dark .sf-c-txt-fuchsia\:10\:dark{color:hsl(var(--sf-dark-c-txt-fuchsia-10))}html[data-theme='dark'] .sf-c-txt-fuchsia\:20\:dark,html.dark .sf-c-txt-fuchsia\:20\:dark{color:hsl(var(--sf-dark-c-txt-fuchsia-20))}html[data-theme='dark'] .sf-c-txt-fuchsia\:30\:dark,html.dark .sf-c-txt-fuchsia\:30\:dark{color:hsl(var(--sf-dark-c-txt-fuchsia-30))}html[data-theme='dark'] .sf-c-txt-fuchsia\:40\:dark,html.dark .sf-c-txt-fuchsia\:40\:dark{color:hsl(var(--sf-dark-c-txt-fuchsia-40))}html[data-theme='dark'] .sf-c-txt-fuchsia\:50\:dark,html.dark .sf-c-txt-fuchsia\:50\:dark{color:hsl(var(--sf-dark-c-txt-fuchsia-50))}html[data-theme='dark'] .sf-c-txt-fuchsia\:60\:dark,html.dark .sf-c-txt-fuchsia\:60\:dark{color:hsl(var(--sf-dark-c-txt-fuchsia-60))}html[data-theme='dark'] .sf-c-txt-fuchsia\:70\:dark,html.dark .sf-c-txt-fuchsia\:70\:dark{color:hsl(var(--sf-dark-c-txt-fuchsia-70))}html[data-theme='dark'] .sf-c-txt-fuchsia\:80\:dark,html.dark .sf-c-txt-fuchsia\:80\:dark{color:hsl(var(--sf-dark-c-txt-fuchsia-80))}html[data-theme='dark'] .sf-c-txt-fuchsia\:90\:dark,html.dark .sf-c-txt-fuchsia\:90\:dark{color:hsl(var(--sf-dark-c-txt-fuchsia-90))}html[data-theme='dark'] .sf-c-txt-fuchsia\:100\:dark,html.dark .sf-c-txt-fuchsia\:100\:dark{color:hsl(var(--sf-dark-c-txt-fuchsia-100))}html.var[data-theme='dark'] .sf-c-fuchsia,html.var.dark .sf-c-fuchsia{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-fuchsia\:0,html.var.dark .sf-c-fuchsia\:0{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='dark'] .sf-c-fuchsia\:10,html.var.dark .sf-c-fuchsia\:10{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='dark'] .sf-c-fuchsia\:20,html.var.dark .sf-c-fuchsia\:20{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='dark'] .sf-c-fuchsia\:30,html.var.dark .sf-c-fuchsia\:30{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='dark'] .sf-c-fuchsia\:40,html.var.dark .sf-c-fuchsia\:40{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='dark'] .sf-c-fuchsia\:50,html.var.dark .sf-c-fuchsia\:50{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-fuchsia\:60,html.var.dark .sf-c-fuchsia\:60{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='dark'] .sf-c-fuchsia\:70,html.var.dark .sf-c-fuchsia\:70{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='dark'] .sf-c-fuchsia\:80,html.var.dark .sf-c-fuchsia\:80{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='dark'] .sf-c-fuchsia\:90,html.var.dark .sf-c-fuchsia\:90{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='dark'] .sf-c-fuchsia\:100,html.var.dark .sf-c-fuchsia\:100{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var[data-theme='dark'] .sf-c-fuchsia\:dark,html.var.dark .sf-c-fuchsia\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-fuchsia\:0\:dark,html.var.dark .sf-c-fuchsia\:0\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='dark'] .sf-c-fuchsia\:10\:dark,html.var.dark .sf-c-fuchsia\:10\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='dark'] .sf-c-fuchsia\:20\:dark,html.var.dark .sf-c-fuchsia\:20\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='dark'] .sf-c-fuchsia\:30\:dark,html.var.dark .sf-c-fuchsia\:30\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='dark'] .sf-c-fuchsia\:40\:dark,html.var.dark .sf-c-fuchsia\:40\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='dark'] .sf-c-fuchsia\:50\:dark,html.var.dark .sf-c-fuchsia\:50\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-fuchsia\:60\:dark,html.var.dark .sf-c-fuchsia\:60\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='dark'] .sf-c-fuchsia\:70\:dark,html.var.dark .sf-c-fuchsia\:70\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='dark'] .sf-c-fuchsia\:80\:dark,html.var.dark .sf-c-fuchsia\:80\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='dark'] .sf-c-fuchsia\:90\:dark,html.var.dark .sf-c-fuchsia\:90\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='dark'] .sf-c-fuchsia\:100\:dark,html.var.dark .sf-c-fuchsia\:100\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia,html.dark .sf-c-txt-fuchsia{color:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:0,html.dark .sf-c-txt-fuchsia\:0{color:hsl(300,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:10,html.dark .sf-c-txt-fuchsia\:10{color:hsl(300,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:20,html.dark .sf-c-txt-fuchsia\:20{color:hsl(300,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:30,html.dark .sf-c-txt-fuchsia\:30{color:hsl(300,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:40,html.dark .sf-c-txt-fuchsia\:40{color:hsl(300,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:50,html.dark .sf-c-txt-fuchsia\:50{color:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:60,html.dark .sf-c-txt-fuchsia\:60{color:hsl(300,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:70,html.dark .sf-c-txt-fuchsia\:70{color:hsl(300,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:80,html.dark .sf-c-txt-fuchsia\:80{color:hsl(300,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:90,html.dark .sf-c-txt-fuchsia\:90{color:hsl(300,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:100,html.dark .sf-c-txt-fuchsia\:100{color:hsl(300,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:dark,html.dark .sf-c-txt-fuchsia\:dark{color:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:0\:dark,html.dark .sf-c-txt-fuchsia\:0\:dark{color:hsl(300,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:10\:dark,html.dark .sf-c-txt-fuchsia\:10\:dark{color:hsl(300,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:20\:dark,html.dark .sf-c-txt-fuchsia\:20\:dark{color:hsl(300,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:30\:dark,html.dark .sf-c-txt-fuchsia\:30\:dark{color:hsl(300,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:40\:dark,html.dark .sf-c-txt-fuchsia\:40\:dark{color:hsl(300,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:50\:dark,html.dark .sf-c-txt-fuchsia\:50\:dark{color:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:60\:dark,html.dark .sf-c-txt-fuchsia\:60\:dark{color:hsl(300,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:70\:dark,html.dark .sf-c-txt-fuchsia\:70\:dark{color:hsl(300,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:80\:dark,html.dark .sf-c-txt-fuchsia\:80\:dark{color:hsl(300,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:90\:dark,html.dark .sf-c-txt-fuchsia\:90\:dark{color:hsl(300,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-fuchsia\:100\:dark,html.dark .sf-c-txt-fuchsia\:100\:dark{color:hsl(300,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-fuchsia,html.auto .sf-c-fuchsia{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia))}html[data-theme='auto'] .sf-c-fuchsia\:0,html.auto .sf-c-fuchsia\:0{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-100))}html[data-theme='auto'] .sf-c-fuchsia\:10,html.auto .sf-c-fuchsia\:10{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-90))}html[data-theme='auto'] .sf-c-fuchsia\:20,html.auto .sf-c-fuchsia\:20{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-80))}html[data-theme='auto'] .sf-c-fuchsia\:30,html.auto .sf-c-fuchsia\:30{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-70))}html[data-theme='auto'] .sf-c-fuchsia\:40,html.auto .sf-c-fuchsia\:40{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-60))}html[data-theme='auto'] .sf-c-fuchsia\:50,html.auto .sf-c-fuchsia\:50{color:hsl(var(--sf-dark-c-txt-fuchsia-10));background:hsl(var(--sf-dark-c-fuchsia-50))}html[data-theme='auto'] .sf-c-fuchsia\:60,html.auto .sf-c-fuchsia\:60{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-40))}html[data-theme='auto'] .sf-c-fuchsia\:70,html.auto .sf-c-fuchsia\:70{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-30))}html[data-theme='auto'] .sf-c-fuchsia\:80,html.auto .sf-c-fuchsia\:80{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-20))}html[data-theme='auto'] .sf-c-fuchsia\:90,html.auto .sf-c-fuchsia\:90{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-10))}html[data-theme='auto'] .sf-c-fuchsia\:100,html.auto .sf-c-fuchsia\:100{color:hsl(var(--sf-dark-c-txt-fuchsia-90));background:hsl(var(--sf-dark-c-fuchsia-0))}html[data-theme='auto'] .sf-c-fuchsia\:dark,html.auto .sf-c-fuchsia\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia))}html[data-theme='auto'] .sf-c-fuchsia\:0\:dark,html.auto .sf-c-fuchsia\:0\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-100))}html[data-theme='auto'] .sf-c-fuchsia\:10\:dark,html.auto .sf-c-fuchsia\:10\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-90))}html[data-theme='auto'] .sf-c-fuchsia\:20\:dark,html.auto .sf-c-fuchsia\:20\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-80))}html[data-theme='auto'] .sf-c-fuchsia\:30\:dark,html.auto .sf-c-fuchsia\:30\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-70))}html[data-theme='auto'] .sf-c-fuchsia\:40\:dark,html.auto .sf-c-fuchsia\:40\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-60))}html[data-theme='auto'] .sf-c-fuchsia\:50\:dark,html.auto .sf-c-fuchsia\:50\:dark{color:hsl(var(--sf-c-txt-fuchsia-10));background:hsl(var(--sf-c-fuchsia-50))}html[data-theme='auto'] .sf-c-fuchsia\:60\:dark,html.auto .sf-c-fuchsia\:60\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-40))}html[data-theme='auto'] .sf-c-fuchsia\:70\:dark,html.auto .sf-c-fuchsia\:70\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-30))}html[data-theme='auto'] .sf-c-fuchsia\:80\:dark,html.auto .sf-c-fuchsia\:80\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-20))}html[data-theme='auto'] .sf-c-fuchsia\:90\:dark,html.auto .sf-c-fuchsia\:90\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-10))}html[data-theme='auto'] .sf-c-fuchsia\:100\:dark,html.auto .sf-c-fuchsia\:100\:dark{color:hsl(var(--sf-c-txt-fuchsia-90));background:hsl(var(--sf-c-fuchsia-0))}html[data-theme='auto'] .sf-c-txt-fuchsia,html.auto .sf-c-txt-fuchsia{color:hsl(var(--sf-c-txt-fuchsia))}html[data-theme='auto'] .sf-c-txt-fuchsia\:0,html.auto .sf-c-txt-fuchsia\:0{color:hsl(var(--sf-c-txt-fuchsia-0))}html[data-theme='auto'] .sf-c-txt-fuchsia\:10,html.auto .sf-c-txt-fuchsia\:10{color:hsl(var(--sf-c-txt-fuchsia-10))}html[data-theme='auto'] .sf-c-txt-fuchsia\:20,html.auto .sf-c-txt-fuchsia\:20{color:hsl(var(--sf-c-txt-fuchsia-20))}html[data-theme='auto'] .sf-c-txt-fuchsia\:30,html.auto .sf-c-txt-fuchsia\:30{color:hsl(var(--sf-c-txt-fuchsia-30))}html[data-theme='auto'] .sf-c-txt-fuchsia\:40,html.auto .sf-c-txt-fuchsia\:40{color:hsl(var(--sf-c-txt-fuchsia-40))}html[data-theme='auto'] .sf-c-txt-fuchsia\:50,html.auto .sf-c-txt-fuchsia\:50{color:hsl(var(--sf-c-txt-fuchsia-50))}html[data-theme='auto'] .sf-c-txt-fuchsia\:60,html.auto .sf-c-txt-fuchsia\:60{color:hsl(var(--sf-c-txt-fuchsia-60))}html[data-theme='auto'] .sf-c-txt-fuchsia\:70,html.auto .sf-c-txt-fuchsia\:70{color:hsl(var(--sf-c-txt-fuchsia-70))}html[data-theme='auto'] .sf-c-txt-fuchsia\:80,html.auto .sf-c-txt-fuchsia\:80{color:hsl(var(--sf-c-txt-fuchsia-80))}html[data-theme='auto'] .sf-c-txt-fuchsia\:90,html.auto .sf-c-txt-fuchsia\:90{color:hsl(var(--sf-c-txt-fuchsia-90))}html[data-theme='auto'] .sf-c-txt-fuchsia\:100,html.auto .sf-c-txt-fuchsia\:100{color:hsl(var(--sf-c-txt-fuchsia-100))}html[data-theme='auto'] .sf-c-txt-fuchsia\:dark,html.auto .sf-c-txt-fuchsia\:dark{color:hsl(var(--sf-c-txt-fuchsia))}html[data-theme='auto'] .sf-c-txt-fuchsia\:0\:dark,html.auto .sf-c-txt-fuchsia\:0\:dark{color:hsl(var(--sf-c-txt-fuchsia-0))}html[data-theme='auto'] .sf-c-txt-fuchsia\:10\:dark,html.auto .sf-c-txt-fuchsia\:10\:dark{color:hsl(var(--sf-c-txt-fuchsia-10))}html[data-theme='auto'] .sf-c-txt-fuchsia\:20\:dark,html.auto .sf-c-txt-fuchsia\:20\:dark{color:hsl(var(--sf-c-txt-fuchsia-20))}html[data-theme='auto'] .sf-c-txt-fuchsia\:30\:dark,html.auto .sf-c-txt-fuchsia\:30\:dark{color:hsl(var(--sf-c-txt-fuchsia-30))}html[data-theme='auto'] .sf-c-txt-fuchsia\:40\:dark,html.auto .sf-c-txt-fuchsia\:40\:dark{color:hsl(var(--sf-c-txt-fuchsia-40))}html[data-theme='auto'] .sf-c-txt-fuchsia\:50\:dark,html.auto .sf-c-txt-fuchsia\:50\:dark{color:hsl(var(--sf-c-txt-fuchsia-50))}html[data-theme='auto'] .sf-c-txt-fuchsia\:60\:dark,html.auto .sf-c-txt-fuchsia\:60\:dark{color:hsl(var(--sf-c-txt-fuchsia-60))}html[data-theme='auto'] .sf-c-txt-fuchsia\:70\:dark,html.auto .sf-c-txt-fuchsia\:70\:dark{color:hsl(var(--sf-c-txt-fuchsia-70))}html[data-theme='auto'] .sf-c-txt-fuchsia\:80\:dark,html.auto .sf-c-txt-fuchsia\:80\:dark{color:hsl(var(--sf-c-txt-fuchsia-80))}html[data-theme='auto'] .sf-c-txt-fuchsia\:90\:dark,html.auto .sf-c-txt-fuchsia\:90\:dark{color:hsl(var(--sf-c-txt-fuchsia-90))}html[data-theme='auto'] .sf-c-txt-fuchsia\:100\:dark,html.auto .sf-c-txt-fuchsia\:100\:dark{color:hsl(var(--sf-c-txt-fuchsia-100))}html.var[data-theme='auto'] .sf-c-fuchsia,html.var.auto .sf-c-fuchsia{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-fuchsia\:0,html.var.auto .sf-c-fuchsia\:0{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='auto'] .sf-c-fuchsia\:10,html.var.auto .sf-c-fuchsia\:10{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='auto'] .sf-c-fuchsia\:20,html.var.auto .sf-c-fuchsia\:20{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='auto'] .sf-c-fuchsia\:30,html.var.auto .sf-c-fuchsia\:30{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='auto'] .sf-c-fuchsia\:40,html.var.auto .sf-c-fuchsia\:40{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='auto'] .sf-c-fuchsia\:50,html.var.auto .sf-c-fuchsia\:50{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-fuchsia\:60,html.var.auto .sf-c-fuchsia\:60{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='auto'] .sf-c-fuchsia\:70,html.var.auto .sf-c-fuchsia\:70{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='auto'] .sf-c-fuchsia\:80,html.var.auto .sf-c-fuchsia\:80{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='auto'] .sf-c-fuchsia\:90,html.var.auto .sf-c-fuchsia\:90{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='auto'] .sf-c-fuchsia\:100,html.var.auto .sf-c-fuchsia\:100{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var[data-theme='auto'] .sf-c-fuchsia\:dark,html.var.auto .sf-c-fuchsia\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-fuchsia\:0\:dark,html.var.auto .sf-c-fuchsia\:0\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='auto'] .sf-c-fuchsia\:10\:dark,html.var.auto .sf-c-fuchsia\:10\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='auto'] .sf-c-fuchsia\:20\:dark,html.var.auto .sf-c-fuchsia\:20\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='auto'] .sf-c-fuchsia\:30\:dark,html.var.auto .sf-c-fuchsia\:30\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='auto'] .sf-c-fuchsia\:40\:dark,html.var.auto .sf-c-fuchsia\:40\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='auto'] .sf-c-fuchsia\:50\:dark,html.var.auto .sf-c-fuchsia\:50\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-fuchsia\:60\:dark,html.var.auto .sf-c-fuchsia\:60\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='auto'] .sf-c-fuchsia\:70\:dark,html.var.auto .sf-c-fuchsia\:70\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='auto'] .sf-c-fuchsia\:80\:dark,html.var.auto .sf-c-fuchsia\:80\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='auto'] .sf-c-fuchsia\:90\:dark,html.var.auto .sf-c-fuchsia\:90\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='auto'] .sf-c-fuchsia\:100\:dark,html.var.auto .sf-c-fuchsia\:100\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia,html.auto .sf-c-txt-fuchsia{color:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:0,html.auto .sf-c-txt-fuchsia\:0{color:hsl(300,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:10,html.auto .sf-c-txt-fuchsia\:10{color:hsl(300,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:20,html.auto .sf-c-txt-fuchsia\:20{color:hsl(300,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:30,html.auto .sf-c-txt-fuchsia\:30{color:hsl(300,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:40,html.auto .sf-c-txt-fuchsia\:40{color:hsl(300,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:50,html.auto .sf-c-txt-fuchsia\:50{color:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:60,html.auto .sf-c-txt-fuchsia\:60{color:hsl(300,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:70,html.auto .sf-c-txt-fuchsia\:70{color:hsl(300,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:80,html.auto .sf-c-txt-fuchsia\:80{color:hsl(300,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:90,html.auto .sf-c-txt-fuchsia\:90{color:hsl(300,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:100,html.auto .sf-c-txt-fuchsia\:100{color:hsl(300,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:dark,html.auto .sf-c-txt-fuchsia\:dark{color:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:0\:dark,html.auto .sf-c-txt-fuchsia\:0\:dark{color:hsl(300,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:10\:dark,html.auto .sf-c-txt-fuchsia\:10\:dark{color:hsl(300,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:20\:dark,html.auto .sf-c-txt-fuchsia\:20\:dark{color:hsl(300,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:30\:dark,html.auto .sf-c-txt-fuchsia\:30\:dark{color:hsl(300,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:40\:dark,html.auto .sf-c-txt-fuchsia\:40\:dark{color:hsl(300,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:50\:dark,html.auto .sf-c-txt-fuchsia\:50\:dark{color:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:60\:dark,html.auto .sf-c-txt-fuchsia\:60\:dark{color:hsl(300,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:70\:dark,html.auto .sf-c-txt-fuchsia\:70\:dark{color:hsl(300,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:80\:dark,html.auto .sf-c-txt-fuchsia\:80\:dark{color:hsl(300,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:90\:dark,html.auto .sf-c-txt-fuchsia\:90\:dark{color:hsl(300,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-fuchsia\:100\:dark,html.auto .sf-c-txt-fuchsia\:100\:dark{color:hsl(300,100%,100%)}}.sf-c-gray{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray))}.sf-c-gray\:0{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-0))}.sf-c-gray\:10{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-10))}.sf-c-gray\:20{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-20))}.sf-c-gray\:30{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-30))}.sf-c-gray\:40{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-40))}.sf-c-gray\:50{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-50))}.sf-c-gray\:60{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-60))}.sf-c-gray\:70{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-70))}.sf-c-gray\:80{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-80))}.sf-c-gray\:90{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-90))}.sf-c-gray\:100{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-100))}html.var .sf-c-gray{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var .sf-c-gray\:0{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var .sf-c-gray\:10{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var .sf-c-gray\:20{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var .sf-c-gray\:30{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var .sf-c-gray\:40{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var .sf-c-gray\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var .sf-c-gray\:60{color:hsl(0,0%,90%);background:hsl(0,0%,60%)}html.var .sf-c-gray\:70{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var .sf-c-gray\:80{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var .sf-c-gray\:90{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var .sf-c-gray\:100{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}.sf-c-txt-gray{color:hsl(var(--sf-dark-c-txt-gray))}.sf-c-txt-gray\:0{color:hsl(var(--sf-dark-c-txt-gray-100))}.sf-c-txt-gray\:10{color:hsl(var(--sf-dark-c-txt-gray-90))}.sf-c-txt-gray\:20{color:hsl(var(--sf-dark-c-txt-gray-80))}.sf-c-txt-gray\:30{color:hsl(var(--sf-dark-c-txt-gray-70))}.sf-c-txt-gray\:40{color:hsl(var(--sf-dark-c-txt-gray-60))}.sf-c-txt-gray\:50{color:hsl(var(--sf-dark-c-txt-gray-50))}.sf-c-txt-gray\:60{color:hsl(var(--sf-dark-c-txt-gray-40))}.sf-c-txt-gray\:70{color:hsl(var(--sf-dark-c-txt-gray-30))}.sf-c-txt-gray\:80{color:hsl(var(--sf-dark-c-txt-gray-20))}.sf-c-txt-gray\:90{color:hsl(var(--sf-dark-c-txt-gray-10))}.sf-c-txt-gray\:100{color:hsl(var(--sf-dark-c-txt-gray-0))}html.var .sf-c-txt-gray{color:hsl(0,0%,50%)}html.var .sf-c-txt-gray\:0{color:hsl(0,0%,100%)}html.var .sf-c-txt-gray\:10{color:hsl(0,0%,90%)}html.var .sf-c-txt-gray\:20{color:hsl(0,0%,80%)}html.var .sf-c-txt-gray\:30{color:hsl(0,0%,70%)}html.var .sf-c-txt-gray\:40{color:hsl(0,0%,60%)}html.var .sf-c-txt-gray\:50{color:hsl(0,0%,50%)}html.var .sf-c-txt-gray\:60{color:hsl(0,0%,40%)}html.var .sf-c-txt-gray\:70{color:hsl(0,0%,30%)}html.var .sf-c-txt-gray\:80{color:hsl(0,0%,20%)}html.var .sf-c-txt-gray\:90{color:hsl(0,0%,10%)}html.var .sf-c-txt-gray\:100{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-gray,html.dark .sf-c-gray{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray))}html[data-theme='dark'] .sf-c-gray\:0,html.dark .sf-c-gray\:0{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-100))}html[data-theme='dark'] .sf-c-gray\:10,html.dark .sf-c-gray\:10{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-90))}html[data-theme='dark'] .sf-c-gray\:20,html.dark .sf-c-gray\:20{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-80))}html[data-theme='dark'] .sf-c-gray\:30,html.dark .sf-c-gray\:30{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-70))}html[data-theme='dark'] .sf-c-gray\:40,html.dark .sf-c-gray\:40{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-60))}html[data-theme='dark'] .sf-c-gray\:50,html.dark .sf-c-gray\:50{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-50))}html[data-theme='dark'] .sf-c-gray\:60,html.dark .sf-c-gray\:60{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-40))}html[data-theme='dark'] .sf-c-gray\:70,html.dark .sf-c-gray\:70{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-30))}html[data-theme='dark'] .sf-c-gray\:80,html.dark .sf-c-gray\:80{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-20))}html[data-theme='dark'] .sf-c-gray\:90,html.dark .sf-c-gray\:90{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-10))}html[data-theme='dark'] .sf-c-gray\:100,html.dark .sf-c-gray\:100{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-0))}html[data-theme='dark'] .sf-c-gray\:dark,html.dark .sf-c-gray\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray))}html[data-theme='dark'] .sf-c-gray\:0\:dark,html.dark .sf-c-gray\:0\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-100))}html[data-theme='dark'] .sf-c-gray\:10\:dark,html.dark .sf-c-gray\:10\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-90))}html[data-theme='dark'] .sf-c-gray\:20\:dark,html.dark .sf-c-gray\:20\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-80))}html[data-theme='dark'] .sf-c-gray\:30\:dark,html.dark .sf-c-gray\:30\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-70))}html[data-theme='dark'] .sf-c-gray\:40\:dark,html.dark .sf-c-gray\:40\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-60))}html[data-theme='dark'] .sf-c-gray\:50\:dark,html.dark .sf-c-gray\:50\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-50))}html[data-theme='dark'] .sf-c-gray\:60\:dark,html.dark .sf-c-gray\:60\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-40))}html[data-theme='dark'] .sf-c-gray\:70\:dark,html.dark .sf-c-gray\:70\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-30))}html[data-theme='dark'] .sf-c-gray\:80\:dark,html.dark .sf-c-gray\:80\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-20))}html[data-theme='dark'] .sf-c-gray\:90\:dark,html.dark .sf-c-gray\:90\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-10))}html[data-theme='dark'] .sf-c-gray\:100\:dark,html.dark .sf-c-gray\:100\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-0))}html[data-theme='dark'] .sf-c-txt-gray,html.dark .sf-c-txt-gray{color:hsl(var(--sf-c-txt-gray))}html[data-theme='dark'] .sf-c-txt-gray\:0,html.dark .sf-c-txt-gray\:0{color:hsl(var(--sf-c-txt-gray-0))}html[data-theme='dark'] .sf-c-txt-gray\:10,html.dark .sf-c-txt-gray\:10{color:hsl(var(--sf-c-txt-gray-10))}html[data-theme='dark'] .sf-c-txt-gray\:20,html.dark .sf-c-txt-gray\:20{color:hsl(var(--sf-c-txt-gray-20))}html[data-theme='dark'] .sf-c-txt-gray\:30,html.dark .sf-c-txt-gray\:30{color:hsl(var(--sf-c-txt-gray-30))}html[data-theme='dark'] .sf-c-txt-gray\:40,html.dark .sf-c-txt-gray\:40{color:hsl(var(--sf-c-txt-gray-40))}html[data-theme='dark'] .sf-c-txt-gray\:50,html.dark .sf-c-txt-gray\:50{color:hsl(var(--sf-c-txt-gray-50))}html[data-theme='dark'] .sf-c-txt-gray\:60,html.dark .sf-c-txt-gray\:60{color:hsl(var(--sf-c-txt-gray-60))}html[data-theme='dark'] .sf-c-txt-gray\:70,html.dark .sf-c-txt-gray\:70{color:hsl(var(--sf-c-txt-gray-70))}html[data-theme='dark'] .sf-c-txt-gray\:80,html.dark .sf-c-txt-gray\:80{color:hsl(var(--sf-c-txt-gray-80))}html[data-theme='dark'] .sf-c-txt-gray\:90,html.dark .sf-c-txt-gray\:90{color:hsl(var(--sf-c-txt-gray-90))}html[data-theme='dark'] .sf-c-txt-gray\:100,html.dark .sf-c-txt-gray\:100{color:hsl(var(--sf-c-txt-gray-100))}html[data-theme='dark'] .sf-c-txt-gray\:dark,html.dark .sf-c-txt-gray\:dark{color:hsl(var(--sf-c-txt-gray))}html[data-theme='dark'] .sf-c-txt-gray\:0\:dark,html.dark .sf-c-txt-gray\:0\:dark{color:hsl(var(--sf-dark-c-txt-gray-0))}html[data-theme='dark'] .sf-c-txt-gray\:10\:dark,html.dark .sf-c-txt-gray\:10\:dark{color:hsl(var(--sf-dark-c-txt-gray-10))}html[data-theme='dark'] .sf-c-txt-gray\:20\:dark,html.dark .sf-c-txt-gray\:20\:dark{color:hsl(var(--sf-dark-c-txt-gray-20))}html[data-theme='dark'] .sf-c-txt-gray\:30\:dark,html.dark .sf-c-txt-gray\:30\:dark{color:hsl(var(--sf-dark-c-txt-gray-30))}html[data-theme='dark'] .sf-c-txt-gray\:40\:dark,html.dark .sf-c-txt-gray\:40\:dark{color:hsl(var(--sf-dark-c-txt-gray-40))}html[data-theme='dark'] .sf-c-txt-gray\:50\:dark,html.dark .sf-c-txt-gray\:50\:dark{color:hsl(var(--sf-dark-c-txt-gray-50))}html[data-theme='dark'] .sf-c-txt-gray\:60\:dark,html.dark .sf-c-txt-gray\:60\:dark{color:hsl(var(--sf-dark-c-txt-gray-60))}html[data-theme='dark'] .sf-c-txt-gray\:70\:dark,html.dark .sf-c-txt-gray\:70\:dark{color:hsl(var(--sf-dark-c-txt-gray-70))}html[data-theme='dark'] .sf-c-txt-gray\:80\:dark,html.dark .sf-c-txt-gray\:80\:dark{color:hsl(var(--sf-dark-c-txt-gray-80))}html[data-theme='dark'] .sf-c-txt-gray\:90\:dark,html.dark .sf-c-txt-gray\:90\:dark{color:hsl(var(--sf-dark-c-txt-gray-90))}html[data-theme='dark'] .sf-c-txt-gray\:100\:dark,html.dark .sf-c-txt-gray\:100\:dark{color:hsl(var(--sf-dark-c-txt-gray-100))}html.var[data-theme='dark'] .sf-c-gray,html.var.dark .sf-c-gray{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-gray\:0,html.var.dark .sf-c-gray\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-gray\:10,html.var.dark .sf-c-gray\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-gray\:20,html.var.dark .sf-c-gray\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-gray\:30,html.var.dark .sf-c-gray\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-gray\:40,html.var.dark .sf-c-gray\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-gray\:50,html.var.dark .sf-c-gray\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-gray\:60,html.var.dark .sf-c-gray\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-gray\:70,html.var.dark .sf-c-gray\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-gray\:80,html.var.dark .sf-c-gray\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-gray\:90,html.var.dark .sf-c-gray\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-gray\:100,html.var.dark .sf-c-gray\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-gray\:dark,html.var.dark .sf-c-gray\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-gray\:0\:dark,html.var.dark .sf-c-gray\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-gray\:10\:dark,html.var.dark .sf-c-gray\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-gray\:20\:dark,html.var.dark .sf-c-gray\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-gray\:30\:dark,html.var.dark .sf-c-gray\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-gray\:40\:dark,html.var.dark .sf-c-gray\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-gray\:50\:dark,html.var.dark .sf-c-gray\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-gray\:60\:dark,html.var.dark .sf-c-gray\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-gray\:70\:dark,html.var.dark .sf-c-gray\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-gray\:80\:dark,html.var.dark .sf-c-gray\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-gray\:90\:dark,html.var.dark .sf-c-gray\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-gray\:100\:dark,html.var.dark .sf-c-gray\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-gray,html.dark .sf-c-txt-gray{color:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-txt-gray\:0,html.dark .sf-c-txt-gray\:0{color:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-gray\:10,html.dark .sf-c-txt-gray\:10{color:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-txt-gray\:20,html.dark .sf-c-txt-gray\:20{color:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-txt-gray\:30,html.dark .sf-c-txt-gray\:30{color:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-txt-gray\:40,html.dark .sf-c-txt-gray\:40{color:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-txt-gray\:50,html.dark .sf-c-txt-gray\:50{color:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-txt-gray\:60,html.dark .sf-c-txt-gray\:60{color:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-txt-gray\:70,html.dark .sf-c-txt-gray\:70{color:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-txt-gray\:80,html.dark .sf-c-txt-gray\:80{color:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-txt-gray\:90,html.dark .sf-c-txt-gray\:90{color:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-txt-gray\:100,html.dark .sf-c-txt-gray\:100{color:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-txt-gray\:dark,html.dark .sf-c-txt-gray\:dark{color:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-txt-gray\:0\:dark,html.dark .sf-c-txt-gray\:0\:dark{color:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-gray\:10\:dark,html.dark .sf-c-txt-gray\:10\:dark{color:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-txt-gray\:20\:dark,html.dark .sf-c-txt-gray\:20\:dark{color:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-txt-gray\:30\:dark,html.dark .sf-c-txt-gray\:30\:dark{color:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-txt-gray\:40\:dark,html.dark .sf-c-txt-gray\:40\:dark{color:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-txt-gray\:50\:dark,html.dark .sf-c-txt-gray\:50\:dark{color:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-txt-gray\:60\:dark,html.dark .sf-c-txt-gray\:60\:dark{color:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-txt-gray\:70\:dark,html.dark .sf-c-txt-gray\:70\:dark{color:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-txt-gray\:80\:dark,html.dark .sf-c-txt-gray\:80\:dark{color:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-txt-gray\:90\:dark,html.dark .sf-c-txt-gray\:90\:dark{color:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-txt-gray\:100\:dark,html.dark .sf-c-txt-gray\:100\:dark{color:hsl(0,0%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-gray,html.auto .sf-c-gray{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray))}html[data-theme='auto'] .sf-c-gray\:0,html.auto .sf-c-gray\:0{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-100))}html[data-theme='auto'] .sf-c-gray\:10,html.auto .sf-c-gray\:10{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-90))}html[data-theme='auto'] .sf-c-gray\:20,html.auto .sf-c-gray\:20{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-80))}html[data-theme='auto'] .sf-c-gray\:30,html.auto .sf-c-gray\:30{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-70))}html[data-theme='auto'] .sf-c-gray\:40,html.auto .sf-c-gray\:40{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-60))}html[data-theme='auto'] .sf-c-gray\:50,html.auto .sf-c-gray\:50{color:hsl(var(--sf-dark-c-txt-gray-10));background:hsl(var(--sf-dark-c-gray-50))}html[data-theme='auto'] .sf-c-gray\:60,html.auto .sf-c-gray\:60{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-40))}html[data-theme='auto'] .sf-c-gray\:70,html.auto .sf-c-gray\:70{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-30))}html[data-theme='auto'] .sf-c-gray\:80,html.auto .sf-c-gray\:80{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-20))}html[data-theme='auto'] .sf-c-gray\:90,html.auto .sf-c-gray\:90{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-10))}html[data-theme='auto'] .sf-c-gray\:100,html.auto .sf-c-gray\:100{color:hsl(var(--sf-dark-c-txt-gray-90));background:hsl(var(--sf-dark-c-gray-0))}html[data-theme='auto'] .sf-c-gray\:dark,html.auto .sf-c-gray\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray))}html[data-theme='auto'] .sf-c-gray\:0\:dark,html.auto .sf-c-gray\:0\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-100))}html[data-theme='auto'] .sf-c-gray\:10\:dark,html.auto .sf-c-gray\:10\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-90))}html[data-theme='auto'] .sf-c-gray\:20\:dark,html.auto .sf-c-gray\:20\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-80))}html[data-theme='auto'] .sf-c-gray\:30\:dark,html.auto .sf-c-gray\:30\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-70))}html[data-theme='auto'] .sf-c-gray\:40\:dark,html.auto .sf-c-gray\:40\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-60))}html[data-theme='auto'] .sf-c-gray\:50\:dark,html.auto .sf-c-gray\:50\:dark{color:hsl(var(--sf-c-txt-gray-10));background:hsl(var(--sf-c-gray-50))}html[data-theme='auto'] .sf-c-gray\:60\:dark,html.auto .sf-c-gray\:60\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-40))}html[data-theme='auto'] .sf-c-gray\:70\:dark,html.auto .sf-c-gray\:70\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-30))}html[data-theme='auto'] .sf-c-gray\:80\:dark,html.auto .sf-c-gray\:80\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-20))}html[data-theme='auto'] .sf-c-gray\:90\:dark,html.auto .sf-c-gray\:90\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-10))}html[data-theme='auto'] .sf-c-gray\:100\:dark,html.auto .sf-c-gray\:100\:dark{color:hsl(var(--sf-c-txt-gray-90));background:hsl(var(--sf-c-gray-0))}html[data-theme='auto'] .sf-c-txt-gray,html.auto .sf-c-txt-gray{color:hsl(var(--sf-c-txt-gray))}html[data-theme='auto'] .sf-c-txt-gray\:0,html.auto .sf-c-txt-gray\:0{color:hsl(var(--sf-c-txt-gray-0))}html[data-theme='auto'] .sf-c-txt-gray\:10,html.auto .sf-c-txt-gray\:10{color:hsl(var(--sf-c-txt-gray-10))}html[data-theme='auto'] .sf-c-txt-gray\:20,html.auto .sf-c-txt-gray\:20{color:hsl(var(--sf-c-txt-gray-20))}html[data-theme='auto'] .sf-c-txt-gray\:30,html.auto .sf-c-txt-gray\:30{color:hsl(var(--sf-c-txt-gray-30))}html[data-theme='auto'] .sf-c-txt-gray\:40,html.auto .sf-c-txt-gray\:40{color:hsl(var(--sf-c-txt-gray-40))}html[data-theme='auto'] .sf-c-txt-gray\:50,html.auto .sf-c-txt-gray\:50{color:hsl(var(--sf-c-txt-gray-50))}html[data-theme='auto'] .sf-c-txt-gray\:60,html.auto .sf-c-txt-gray\:60{color:hsl(var(--sf-c-txt-gray-60))}html[data-theme='auto'] .sf-c-txt-gray\:70,html.auto .sf-c-txt-gray\:70{color:hsl(var(--sf-c-txt-gray-70))}html[data-theme='auto'] .sf-c-txt-gray\:80,html.auto .sf-c-txt-gray\:80{color:hsl(var(--sf-c-txt-gray-80))}html[data-theme='auto'] .sf-c-txt-gray\:90,html.auto .sf-c-txt-gray\:90{color:hsl(var(--sf-c-txt-gray-90))}html[data-theme='auto'] .sf-c-txt-gray\:100,html.auto .sf-c-txt-gray\:100{color:hsl(var(--sf-c-txt-gray-100))}html[data-theme='auto'] .sf-c-txt-gray\:dark,html.auto .sf-c-txt-gray\:dark{color:hsl(var(--sf-c-txt-gray))}html[data-theme='auto'] .sf-c-txt-gray\:0\:dark,html.auto .sf-c-txt-gray\:0\:dark{color:hsl(var(--sf-c-txt-gray-0))}html[data-theme='auto'] .sf-c-txt-gray\:10\:dark,html.auto .sf-c-txt-gray\:10\:dark{color:hsl(var(--sf-c-txt-gray-10))}html[data-theme='auto'] .sf-c-txt-gray\:20\:dark,html.auto .sf-c-txt-gray\:20\:dark{color:hsl(var(--sf-c-txt-gray-20))}html[data-theme='auto'] .sf-c-txt-gray\:30\:dark,html.auto .sf-c-txt-gray\:30\:dark{color:hsl(var(--sf-c-txt-gray-30))}html[data-theme='auto'] .sf-c-txt-gray\:40\:dark,html.auto .sf-c-txt-gray\:40\:dark{color:hsl(var(--sf-c-txt-gray-40))}html[data-theme='auto'] .sf-c-txt-gray\:50\:dark,html.auto .sf-c-txt-gray\:50\:dark{color:hsl(var(--sf-c-txt-gray-50))}html[data-theme='auto'] .sf-c-txt-gray\:60\:dark,html.auto .sf-c-txt-gray\:60\:dark{color:hsl(var(--sf-c-txt-gray-60))}html[data-theme='auto'] .sf-c-txt-gray\:70\:dark,html.auto .sf-c-txt-gray\:70\:dark{color:hsl(var(--sf-c-txt-gray-70))}html[data-theme='auto'] .sf-c-txt-gray\:80\:dark,html.auto .sf-c-txt-gray\:80\:dark{color:hsl(var(--sf-c-txt-gray-80))}html[data-theme='auto'] .sf-c-txt-gray\:90\:dark,html.auto .sf-c-txt-gray\:90\:dark{color:hsl(var(--sf-c-txt-gray-90))}html[data-theme='auto'] .sf-c-txt-gray\:100\:dark,html.auto .sf-c-txt-gray\:100\:dark{color:hsl(var(--sf-c-txt-gray-100))}html.var[data-theme='auto'] .sf-c-gray,html.var.auto .sf-c-gray{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-gray\:0,html.var.auto .sf-c-gray\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-gray\:10,html.var.auto .sf-c-gray\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-gray\:20,html.var.auto .sf-c-gray\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-gray\:30,html.var.auto .sf-c-gray\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-gray\:40,html.var.auto .sf-c-gray\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-gray\:50,html.var.auto .sf-c-gray\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-gray\:60,html.var.auto .sf-c-gray\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-gray\:70,html.var.auto .sf-c-gray\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-gray\:80,html.var.auto .sf-c-gray\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-gray\:90,html.var.auto .sf-c-gray\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-gray\:100,html.var.auto .sf-c-gray\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-gray\:dark,html.var.auto .sf-c-gray\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-gray\:0\:dark,html.var.auto .sf-c-gray\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-gray\:10\:dark,html.var.auto .sf-c-gray\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-gray\:20\:dark,html.var.auto .sf-c-gray\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-gray\:30\:dark,html.var.auto .sf-c-gray\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-gray\:40\:dark,html.var.auto .sf-c-gray\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-gray\:50\:dark,html.var.auto .sf-c-gray\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-gray\:60\:dark,html.var.auto .sf-c-gray\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-gray\:70\:dark,html.var.auto .sf-c-gray\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-gray\:80\:dark,html.var.auto .sf-c-gray\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-gray\:90\:dark,html.var.auto .sf-c-gray\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-gray\:100\:dark,html.var.auto .sf-c-gray\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-gray,html.auto .sf-c-txt-gray{color:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-txt-gray\:0,html.auto .sf-c-txt-gray\:0{color:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-gray\:10,html.auto .sf-c-txt-gray\:10{color:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-txt-gray\:20,html.auto .sf-c-txt-gray\:20{color:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-txt-gray\:30,html.auto .sf-c-txt-gray\:30{color:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-txt-gray\:40,html.auto .sf-c-txt-gray\:40{color:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-txt-gray\:50,html.auto .sf-c-txt-gray\:50{color:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-txt-gray\:60,html.auto .sf-c-txt-gray\:60{color:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-txt-gray\:70,html.auto .sf-c-txt-gray\:70{color:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-txt-gray\:80,html.auto .sf-c-txt-gray\:80{color:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-txt-gray\:90,html.auto .sf-c-txt-gray\:90{color:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-txt-gray\:100,html.auto .sf-c-txt-gray\:100{color:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-txt-gray\:dark,html.auto .sf-c-txt-gray\:dark{color:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-txt-gray\:0\:dark,html.auto .sf-c-txt-gray\:0\:dark{color:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-gray\:10\:dark,html.auto .sf-c-txt-gray\:10\:dark{color:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-txt-gray\:20\:dark,html.auto .sf-c-txt-gray\:20\:dark{color:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-txt-gray\:30\:dark,html.auto .sf-c-txt-gray\:30\:dark{color:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-txt-gray\:40\:dark,html.auto .sf-c-txt-gray\:40\:dark{color:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-txt-gray\:50\:dark,html.auto .sf-c-txt-gray\:50\:dark{color:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-txt-gray\:60\:dark,html.auto .sf-c-txt-gray\:60\:dark{color:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-txt-gray\:70\:dark,html.auto .sf-c-txt-gray\:70\:dark{color:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-txt-gray\:80\:dark,html.auto .sf-c-txt-gray\:80\:dark{color:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-txt-gray\:90\:dark,html.auto .sf-c-txt-gray\:90\:dark{color:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-txt-gray\:100\:dark,html.auto .sf-c-txt-gray\:100\:dark{color:hsl(0,0%,100%)}}.sf-c-green{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green))}.sf-c-green\:0{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-0))}.sf-c-green\:10{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-10))}.sf-c-green\:20{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-20))}.sf-c-green\:30{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-30))}.sf-c-green\:40{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-40))}.sf-c-green\:50{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-50))}.sf-c-green\:60{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-60))}.sf-c-green\:70{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-70))}.sf-c-green\:80{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-80))}.sf-c-green\:90{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-90))}.sf-c-green\:100{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-100))}html.var .sf-c-green{color:hsl(120,100%,90%);background:hsl(120,100%,25%)}html.var .sf-c-green\:0{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var .sf-c-green\:10{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var .sf-c-green\:20{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var .sf-c-green\:30{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html.var .sf-c-green\:40{color:hsl(120,100%,90%);background:hsl(120,100%,40%)}html.var .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var .sf-c-green\:70{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var .sf-c-green\:80{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var .sf-c-green\:90{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var .sf-c-green\:100{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}.sf-c-txt-green{color:hsl(var(--sf-dark-c-txt-green))}.sf-c-txt-green\:0{color:hsl(var(--sf-dark-c-txt-green-100))}.sf-c-txt-green\:10{color:hsl(var(--sf-dark-c-txt-green-90))}.sf-c-txt-green\:20{color:hsl(var(--sf-dark-c-txt-green-80))}.sf-c-txt-green\:30{color:hsl(var(--sf-dark-c-txt-green-70))}.sf-c-txt-green\:40{color:hsl(var(--sf-dark-c-txt-green-60))}.sf-c-txt-green\:50{color:hsl(var(--sf-dark-c-txt-green-50))}.sf-c-txt-green\:60{color:hsl(var(--sf-dark-c-txt-green-40))}.sf-c-txt-green\:70{color:hsl(var(--sf-dark-c-txt-green-30))}.sf-c-txt-green\:80{color:hsl(var(--sf-dark-c-txt-green-20))}.sf-c-txt-green\:90{color:hsl(var(--sf-dark-c-txt-green-10))}.sf-c-txt-green\:100{color:hsl(var(--sf-dark-c-txt-green-0))}html.var .sf-c-txt-green{color:hsl(120,100%,75%)}html.var .sf-c-txt-green\:0{color:hsl(120,100%,100%)}html.var .sf-c-txt-green\:10{color:hsl(120,100%,90%)}html.var .sf-c-txt-green\:20{color:hsl(120,100%,80%)}html.var .sf-c-txt-green\:30{color:hsl(120,100%,70%)}html.var .sf-c-txt-green\:40{color:hsl(120,100%,60%)}html.var .sf-c-txt-green\:50{color:hsl(120,100%,50%)}html.var .sf-c-txt-green\:60{color:hsl(120,100%,40%)}html.var .sf-c-txt-green\:70{color:hsl(120,100%,30%)}html.var .sf-c-txt-green\:80{color:hsl(120,100%,20%)}html.var .sf-c-txt-green\:90{color:hsl(120,100%,10%)}html.var .sf-c-txt-green\:100{color:hsl(120,100%,0%)}html[data-theme='dark'] .sf-c-green,html.dark .sf-c-green{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green))}html[data-theme='dark'] .sf-c-green\:0,html.dark .sf-c-green\:0{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-100))}html[data-theme='dark'] .sf-c-green\:10,html.dark .sf-c-green\:10{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-90))}html[data-theme='dark'] .sf-c-green\:20,html.dark .sf-c-green\:20{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-80))}html[data-theme='dark'] .sf-c-green\:30,html.dark .sf-c-green\:30{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-70))}html[data-theme='dark'] .sf-c-green\:40,html.dark .sf-c-green\:40{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-60))}html[data-theme='dark'] .sf-c-green\:50,html.dark .sf-c-green\:50{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-50))}html[data-theme='dark'] .sf-c-green\:60,html.dark .sf-c-green\:60{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-40))}html[data-theme='dark'] .sf-c-green\:70,html.dark .sf-c-green\:70{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-30))}html[data-theme='dark'] .sf-c-green\:80,html.dark .sf-c-green\:80{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-20))}html[data-theme='dark'] .sf-c-green\:90,html.dark .sf-c-green\:90{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-10))}html[data-theme='dark'] .sf-c-green\:100,html.dark .sf-c-green\:100{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-0))}html[data-theme='dark'] .sf-c-green\:dark,html.dark .sf-c-green\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green))}html[data-theme='dark'] .sf-c-green\:0\:dark,html.dark .sf-c-green\:0\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-100))}html[data-theme='dark'] .sf-c-green\:10\:dark,html.dark .sf-c-green\:10\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-90))}html[data-theme='dark'] .sf-c-green\:20\:dark,html.dark .sf-c-green\:20\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-80))}html[data-theme='dark'] .sf-c-green\:30\:dark,html.dark .sf-c-green\:30\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-70))}html[data-theme='dark'] .sf-c-green\:40\:dark,html.dark .sf-c-green\:40\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-60))}html[data-theme='dark'] .sf-c-green\:50\:dark,html.dark .sf-c-green\:50\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-50))}html[data-theme='dark'] .sf-c-green\:60\:dark,html.dark .sf-c-green\:60\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-40))}html[data-theme='dark'] .sf-c-green\:70\:dark,html.dark .sf-c-green\:70\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-30))}html[data-theme='dark'] .sf-c-green\:80\:dark,html.dark .sf-c-green\:80\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-20))}html[data-theme='dark'] .sf-c-green\:90\:dark,html.dark .sf-c-green\:90\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-10))}html[data-theme='dark'] .sf-c-green\:100\:dark,html.dark .sf-c-green\:100\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-0))}html[data-theme='dark'] .sf-c-txt-green,html.dark .sf-c-txt-green{color:hsl(var(--sf-c-txt-green))}html[data-theme='dark'] .sf-c-txt-green\:0,html.dark .sf-c-txt-green\:0{color:hsl(var(--sf-c-txt-green-0))}html[data-theme='dark'] .sf-c-txt-green\:10,html.dark .sf-c-txt-green\:10{color:hsl(var(--sf-c-txt-green-10))}html[data-theme='dark'] .sf-c-txt-green\:20,html.dark .sf-c-txt-green\:20{color:hsl(var(--sf-c-txt-green-20))}html[data-theme='dark'] .sf-c-txt-green\:30,html.dark .sf-c-txt-green\:30{color:hsl(var(--sf-c-txt-green-30))}html[data-theme='dark'] .sf-c-txt-green\:40,html.dark .sf-c-txt-green\:40{color:hsl(var(--sf-c-txt-green-40))}html[data-theme='dark'] .sf-c-txt-green\:50,html.dark .sf-c-txt-green\:50{color:hsl(var(--sf-c-txt-green-50))}html[data-theme='dark'] .sf-c-txt-green\:60,html.dark .sf-c-txt-green\:60{color:hsl(var(--sf-c-txt-green-60))}html[data-theme='dark'] .sf-c-txt-green\:70,html.dark .sf-c-txt-green\:70{color:hsl(var(--sf-c-txt-green-70))}html[data-theme='dark'] .sf-c-txt-green\:80,html.dark .sf-c-txt-green\:80{color:hsl(var(--sf-c-txt-green-80))}html[data-theme='dark'] .sf-c-txt-green\:90,html.dark .sf-c-txt-green\:90{color:hsl(var(--sf-c-txt-green-90))}html[data-theme='dark'] .sf-c-txt-green\:100,html.dark .sf-c-txt-green\:100{color:hsl(var(--sf-c-txt-green-100))}html[data-theme='dark'] .sf-c-txt-green\:dark,html.dark .sf-c-txt-green\:dark{color:hsl(var(--sf-c-txt-green))}html[data-theme='dark'] .sf-c-txt-green\:0\:dark,html.dark .sf-c-txt-green\:0\:dark{color:hsl(var(--sf-dark-c-txt-green-0))}html[data-theme='dark'] .sf-c-txt-green\:10\:dark,html.dark .sf-c-txt-green\:10\:dark{color:hsl(var(--sf-dark-c-txt-green-10))}html[data-theme='dark'] .sf-c-txt-green\:20\:dark,html.dark .sf-c-txt-green\:20\:dark{color:hsl(var(--sf-dark-c-txt-green-20))}html[data-theme='dark'] .sf-c-txt-green\:30\:dark,html.dark .sf-c-txt-green\:30\:dark{color:hsl(var(--sf-dark-c-txt-green-30))}html[data-theme='dark'] .sf-c-txt-green\:40\:dark,html.dark .sf-c-txt-green\:40\:dark{color:hsl(var(--sf-dark-c-txt-green-40))}html[data-theme='dark'] .sf-c-txt-green\:50\:dark,html.dark .sf-c-txt-green\:50\:dark{color:hsl(var(--sf-dark-c-txt-green-50))}html[data-theme='dark'] .sf-c-txt-green\:60\:dark,html.dark .sf-c-txt-green\:60\:dark{color:hsl(var(--sf-dark-c-txt-green-60))}html[data-theme='dark'] .sf-c-txt-green\:70\:dark,html.dark .sf-c-txt-green\:70\:dark{color:hsl(var(--sf-dark-c-txt-green-70))}html[data-theme='dark'] .sf-c-txt-green\:80\:dark,html.dark .sf-c-txt-green\:80\:dark{color:hsl(var(--sf-dark-c-txt-green-80))}html[data-theme='dark'] .sf-c-txt-green\:90\:dark,html.dark .sf-c-txt-green\:90\:dark{color:hsl(var(--sf-dark-c-txt-green-90))}html[data-theme='dark'] .sf-c-txt-green\:100\:dark,html.dark .sf-c-txt-green\:100\:dark{color:hsl(var(--sf-dark-c-txt-green-100))}html.var[data-theme='dark'] .sf-c-green,html.var.dark .sf-c-green{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='dark'] .sf-c-green\:0,html.var.dark .sf-c-green\:0{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='dark'] .sf-c-green\:10,html.var.dark .sf-c-green\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-green\:20,html.var.dark .sf-c-green\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-green\:30,html.var.dark .sf-c-green\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-green\:40,html.var.dark .sf-c-green\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-green\:50,html.var.dark .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-green\:60,html.var.dark .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-green\:70,html.var.dark .sf-c-green\:70{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-green\:80,html.var.dark .sf-c-green\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-green\:90,html.var.dark .sf-c-green\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-green\:100,html.var.dark .sf-c-green\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='dark'] .sf-c-green\:dark,html.var.dark .sf-c-green\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='dark'] .sf-c-green\:0\:dark,html.var.dark .sf-c-green\:0\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='dark'] .sf-c-green\:10\:dark,html.var.dark .sf-c-green\:10\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-green\:20\:dark,html.var.dark .sf-c-green\:20\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-green\:30\:dark,html.var.dark .sf-c-green\:30\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-green\:40\:dark,html.var.dark .sf-c-green\:40\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-green\:50\:dark,html.var.dark .sf-c-green\:50\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-green\:60\:dark,html.var.dark .sf-c-green\:60\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-green\:70\:dark,html.var.dark .sf-c-green\:70\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-green\:80\:dark,html.var.dark .sf-c-green\:80\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-green\:90\:dark,html.var.dark .sf-c-green\:90\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-green\:100\:dark,html.var.dark .sf-c-green\:100\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-green,html.dark .sf-c-txt-green{color:hsl(120,100%,25%)}html.var[data-theme='dark'] .sf-c-txt-green\:0,html.dark .sf-c-txt-green\:0{color:hsl(120,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-green\:10,html.dark .sf-c-txt-green\:10{color:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-green\:20,html.dark .sf-c-txt-green\:20{color:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-green\:30,html.dark .sf-c-txt-green\:30{color:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-green\:40,html.dark .sf-c-txt-green\:40{color:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-green\:50,html.dark .sf-c-txt-green\:50{color:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-green\:60,html.dark .sf-c-txt-green\:60{color:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-green\:70,html.dark .sf-c-txt-green\:70{color:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-green\:80,html.dark .sf-c-txt-green\:80{color:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-green\:90,html.dark .sf-c-txt-green\:90{color:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-green\:100,html.dark .sf-c-txt-green\:100{color:hsl(120,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-green\:dark,html.dark .sf-c-txt-green\:dark{color:hsl(120,100%,25%)}html.var[data-theme='dark'] .sf-c-txt-green\:0\:dark,html.dark .sf-c-txt-green\:0\:dark{color:hsl(120,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-green\:10\:dark,html.dark .sf-c-txt-green\:10\:dark{color:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-green\:20\:dark,html.dark .sf-c-txt-green\:20\:dark{color:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-green\:30\:dark,html.dark .sf-c-txt-green\:30\:dark{color:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-green\:40\:dark,html.dark .sf-c-txt-green\:40\:dark{color:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-green\:50\:dark,html.dark .sf-c-txt-green\:50\:dark{color:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-green\:60\:dark,html.dark .sf-c-txt-green\:60\:dark{color:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-green\:70\:dark,html.dark .sf-c-txt-green\:70\:dark{color:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-green\:80\:dark,html.dark .sf-c-txt-green\:80\:dark{color:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-green\:90\:dark,html.dark .sf-c-txt-green\:90\:dark{color:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-green\:100\:dark,html.dark .sf-c-txt-green\:100\:dark{color:hsl(120,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-green,html.auto .sf-c-green{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green))}html[data-theme='auto'] .sf-c-green\:0,html.auto .sf-c-green\:0{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-100))}html[data-theme='auto'] .sf-c-green\:10,html.auto .sf-c-green\:10{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-90))}html[data-theme='auto'] .sf-c-green\:20,html.auto .sf-c-green\:20{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-80))}html[data-theme='auto'] .sf-c-green\:30,html.auto .sf-c-green\:30{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-70))}html[data-theme='auto'] .sf-c-green\:40,html.auto .sf-c-green\:40{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-60))}html[data-theme='auto'] .sf-c-green\:50,html.auto .sf-c-green\:50{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-50))}html[data-theme='auto'] .sf-c-green\:60,html.auto .sf-c-green\:60{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-40))}html[data-theme='auto'] .sf-c-green\:70,html.auto .sf-c-green\:70{color:hsl(var(--sf-dark-c-txt-green-10));background:hsl(var(--sf-dark-c-green-30))}html[data-theme='auto'] .sf-c-green\:80,html.auto .sf-c-green\:80{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-20))}html[data-theme='auto'] .sf-c-green\:90,html.auto .sf-c-green\:90{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-10))}html[data-theme='auto'] .sf-c-green\:100,html.auto .sf-c-green\:100{color:hsl(var(--sf-dark-c-txt-green-90));background:hsl(var(--sf-dark-c-green-0))}html[data-theme='auto'] .sf-c-green\:dark,html.auto .sf-c-green\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green))}html[data-theme='auto'] .sf-c-green\:0\:dark,html.auto .sf-c-green\:0\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-100))}html[data-theme='auto'] .sf-c-green\:10\:dark,html.auto .sf-c-green\:10\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-90))}html[data-theme='auto'] .sf-c-green\:20\:dark,html.auto .sf-c-green\:20\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-80))}html[data-theme='auto'] .sf-c-green\:30\:dark,html.auto .sf-c-green\:30\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-70))}html[data-theme='auto'] .sf-c-green\:40\:dark,html.auto .sf-c-green\:40\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-60))}html[data-theme='auto'] .sf-c-green\:50\:dark,html.auto .sf-c-green\:50\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-50))}html[data-theme='auto'] .sf-c-green\:60\:dark,html.auto .sf-c-green\:60\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-40))}html[data-theme='auto'] .sf-c-green\:70\:dark,html.auto .sf-c-green\:70\:dark{color:hsl(var(--sf-c-txt-green-10));background:hsl(var(--sf-c-green-30))}html[data-theme='auto'] .sf-c-green\:80\:dark,html.auto .sf-c-green\:80\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-20))}html[data-theme='auto'] .sf-c-green\:90\:dark,html.auto .sf-c-green\:90\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-10))}html[data-theme='auto'] .sf-c-green\:100\:dark,html.auto .sf-c-green\:100\:dark{color:hsl(var(--sf-c-txt-green-90));background:hsl(var(--sf-c-green-0))}html[data-theme='auto'] .sf-c-txt-green,html.auto .sf-c-txt-green{color:hsl(var(--sf-c-txt-green))}html[data-theme='auto'] .sf-c-txt-green\:0,html.auto .sf-c-txt-green\:0{color:hsl(var(--sf-c-txt-green-0))}html[data-theme='auto'] .sf-c-txt-green\:10,html.auto .sf-c-txt-green\:10{color:hsl(var(--sf-c-txt-green-10))}html[data-theme='auto'] .sf-c-txt-green\:20,html.auto .sf-c-txt-green\:20{color:hsl(var(--sf-c-txt-green-20))}html[data-theme='auto'] .sf-c-txt-green\:30,html.auto .sf-c-txt-green\:30{color:hsl(var(--sf-c-txt-green-30))}html[data-theme='auto'] .sf-c-txt-green\:40,html.auto .sf-c-txt-green\:40{color:hsl(var(--sf-c-txt-green-40))}html[data-theme='auto'] .sf-c-txt-green\:50,html.auto .sf-c-txt-green\:50{color:hsl(var(--sf-c-txt-green-50))}html[data-theme='auto'] .sf-c-txt-green\:60,html.auto .sf-c-txt-green\:60{color:hsl(var(--sf-c-txt-green-60))}html[data-theme='auto'] .sf-c-txt-green\:70,html.auto .sf-c-txt-green\:70{color:hsl(var(--sf-c-txt-green-70))}html[data-theme='auto'] .sf-c-txt-green\:80,html.auto .sf-c-txt-green\:80{color:hsl(var(--sf-c-txt-green-80))}html[data-theme='auto'] .sf-c-txt-green\:90,html.auto .sf-c-txt-green\:90{color:hsl(var(--sf-c-txt-green-90))}html[data-theme='auto'] .sf-c-txt-green\:100,html.auto .sf-c-txt-green\:100{color:hsl(var(--sf-c-txt-green-100))}html[data-theme='auto'] .sf-c-txt-green\:dark,html.auto .sf-c-txt-green\:dark{color:hsl(var(--sf-c-txt-green))}html[data-theme='auto'] .sf-c-txt-green\:0\:dark,html.auto .sf-c-txt-green\:0\:dark{color:hsl(var(--sf-c-txt-green-0))}html[data-theme='auto'] .sf-c-txt-green\:10\:dark,html.auto .sf-c-txt-green\:10\:dark{color:hsl(var(--sf-c-txt-green-10))}html[data-theme='auto'] .sf-c-txt-green\:20\:dark,html.auto .sf-c-txt-green\:20\:dark{color:hsl(var(--sf-c-txt-green-20))}html[data-theme='auto'] .sf-c-txt-green\:30\:dark,html.auto .sf-c-txt-green\:30\:dark{color:hsl(var(--sf-c-txt-green-30))}html[data-theme='auto'] .sf-c-txt-green\:40\:dark,html.auto .sf-c-txt-green\:40\:dark{color:hsl(var(--sf-c-txt-green-40))}html[data-theme='auto'] .sf-c-txt-green\:50\:dark,html.auto .sf-c-txt-green\:50\:dark{color:hsl(var(--sf-c-txt-green-50))}html[data-theme='auto'] .sf-c-txt-green\:60\:dark,html.auto .sf-c-txt-green\:60\:dark{color:hsl(var(--sf-c-txt-green-60))}html[data-theme='auto'] .sf-c-txt-green\:70\:dark,html.auto .sf-c-txt-green\:70\:dark{color:hsl(var(--sf-c-txt-green-70))}html[data-theme='auto'] .sf-c-txt-green\:80\:dark,html.auto .sf-c-txt-green\:80\:dark{color:hsl(var(--sf-c-txt-green-80))}html[data-theme='auto'] .sf-c-txt-green\:90\:dark,html.auto .sf-c-txt-green\:90\:dark{color:hsl(var(--sf-c-txt-green-90))}html[data-theme='auto'] .sf-c-txt-green\:100\:dark,html.auto .sf-c-txt-green\:100\:dark{color:hsl(var(--sf-c-txt-green-100))}html.var[data-theme='auto'] .sf-c-green,html.var.auto .sf-c-green{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='auto'] .sf-c-green\:0,html.var.auto .sf-c-green\:0{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='auto'] .sf-c-green\:10,html.var.auto .sf-c-green\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-green\:20,html.var.auto .sf-c-green\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-green\:30,html.var.auto .sf-c-green\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-green\:40,html.var.auto .sf-c-green\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-green\:50,html.var.auto .sf-c-green\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-green\:60,html.var.auto .sf-c-green\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-green\:70,html.var.auto .sf-c-green\:70{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-green\:80,html.var.auto .sf-c-green\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-green\:90,html.var.auto .sf-c-green\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-green\:100,html.var.auto .sf-c-green\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='auto'] .sf-c-green\:dark,html.var.auto .sf-c-green\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,75%)}html.var[data-theme='auto'] .sf-c-green\:0\:dark,html.var.auto .sf-c-green\:0\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='auto'] .sf-c-green\:10\:dark,html.var.auto .sf-c-green\:10\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-green\:20\:dark,html.var.auto .sf-c-green\:20\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-green\:30\:dark,html.var.auto .sf-c-green\:30\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-green\:40\:dark,html.var.auto .sf-c-green\:40\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-green\:50\:dark,html.var.auto .sf-c-green\:50\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-green\:60\:dark,html.var.auto .sf-c-green\:60\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-green\:70\:dark,html.var.auto .sf-c-green\:70\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-green\:80\:dark,html.var.auto .sf-c-green\:80\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-green\:90\:dark,html.var.auto .sf-c-green\:90\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-green\:100\:dark,html.var.auto .sf-c-green\:100\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-green,html.auto .sf-c-txt-green{color:hsl(120,100%,25%)}html.var[data-theme='auto'] .sf-c-txt-green\:0,html.auto .sf-c-txt-green\:0{color:hsl(120,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-green\:10,html.auto .sf-c-txt-green\:10{color:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-green\:20,html.auto .sf-c-txt-green\:20{color:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-green\:30,html.auto .sf-c-txt-green\:30{color:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-green\:40,html.auto .sf-c-txt-green\:40{color:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-green\:50,html.auto .sf-c-txt-green\:50{color:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-green\:60,html.auto .sf-c-txt-green\:60{color:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-green\:70,html.auto .sf-c-txt-green\:70{color:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-green\:80,html.auto .sf-c-txt-green\:80{color:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-green\:90,html.auto .sf-c-txt-green\:90{color:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-green\:100,html.auto .sf-c-txt-green\:100{color:hsl(120,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-green\:dark,html.auto .sf-c-txt-green\:dark{color:hsl(120,100%,25%)}html.var[data-theme='auto'] .sf-c-txt-green\:0\:dark,html.auto .sf-c-txt-green\:0\:dark{color:hsl(120,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-green\:10\:dark,html.auto .sf-c-txt-green\:10\:dark{color:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-green\:20\:dark,html.auto .sf-c-txt-green\:20\:dark{color:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-green\:30\:dark,html.auto .sf-c-txt-green\:30\:dark{color:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-green\:40\:dark,html.auto .sf-c-txt-green\:40\:dark{color:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-green\:50\:dark,html.auto .sf-c-txt-green\:50\:dark{color:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-green\:60\:dark,html.auto .sf-c-txt-green\:60\:dark{color:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-green\:70\:dark,html.auto .sf-c-txt-green\:70\:dark{color:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-green\:80\:dark,html.auto .sf-c-txt-green\:80\:dark{color:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-green\:90\:dark,html.auto .sf-c-txt-green\:90\:dark{color:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-green\:100\:dark,html.auto .sf-c-txt-green\:100\:dark{color:hsl(120,100%,100%)}}.sf-c-lime{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime))}.sf-c-lime\:0{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-0))}.sf-c-lime\:10{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-10))}.sf-c-lime\:20{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-20))}.sf-c-lime\:30{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-30))}.sf-c-lime\:40{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-40))}.sf-c-lime\:50{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-50))}.sf-c-lime\:60{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-60))}.sf-c-lime\:70{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-70))}.sf-c-lime\:80{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-80))}.sf-c-lime\:90{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-90))}.sf-c-lime\:100{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-100))}html.var .sf-c-lime{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var .sf-c-lime\:0{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var .sf-c-lime\:10{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var .sf-c-lime\:20{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var .sf-c-lime\:30{color:hsl(120,100%,90%);background:hsl(120,100%,30%)}html.var .sf-c-lime\:40{color:hsl(120,100%,90%);background:hsl(120,100%,40%)}html.var .sf-c-lime\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var .sf-c-lime\:60{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var .sf-c-lime\:70{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var .sf-c-lime\:80{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var .sf-c-lime\:90{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var .sf-c-lime\:100{color:hsl(120,100%,10%);background:hsl(120,100%,100%)}.sf-c-txt-lime{color:hsl(var(--sf-dark-c-txt-lime))}.sf-c-txt-lime\:0{color:hsl(var(--sf-dark-c-txt-lime-100))}.sf-c-txt-lime\:10{color:hsl(var(--sf-dark-c-txt-lime-90))}.sf-c-txt-lime\:20{color:hsl(var(--sf-dark-c-txt-lime-80))}.sf-c-txt-lime\:30{color:hsl(var(--sf-dark-c-txt-lime-70))}.sf-c-txt-lime\:40{color:hsl(var(--sf-dark-c-txt-lime-60))}.sf-c-txt-lime\:50{color:hsl(var(--sf-dark-c-txt-lime-50))}.sf-c-txt-lime\:60{color:hsl(var(--sf-dark-c-txt-lime-40))}.sf-c-txt-lime\:70{color:hsl(var(--sf-dark-c-txt-lime-30))}.sf-c-txt-lime\:80{color:hsl(var(--sf-dark-c-txt-lime-20))}.sf-c-txt-lime\:90{color:hsl(var(--sf-dark-c-txt-lime-10))}.sf-c-txt-lime\:100{color:hsl(var(--sf-dark-c-txt-lime-0))}html.var .sf-c-txt-lime{color:hsl(120,100%,50%)}html.var .sf-c-txt-lime\:0{color:hsl(120,100%,100%)}html.var .sf-c-txt-lime\:10{color:hsl(120,100%,90%)}html.var .sf-c-txt-lime\:20{color:hsl(120,100%,80%)}html.var .sf-c-txt-lime\:30{color:hsl(120,100%,70%)}html.var .sf-c-txt-lime\:40{color:hsl(120,100%,60%)}html.var .sf-c-txt-lime\:50{color:hsl(120,100%,50%)}html.var .sf-c-txt-lime\:60{color:hsl(120,100%,40%)}html.var .sf-c-txt-lime\:70{color:hsl(120,100%,30%)}html.var .sf-c-txt-lime\:80{color:hsl(120,100%,20%)}html.var .sf-c-txt-lime\:90{color:hsl(120,100%,10%)}html.var .sf-c-txt-lime\:100{color:hsl(120,100%,0%)}html[data-theme='dark'] .sf-c-lime,html.dark .sf-c-lime{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime))}html[data-theme='dark'] .sf-c-lime\:0,html.dark .sf-c-lime\:0{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-100))}html[data-theme='dark'] .sf-c-lime\:10,html.dark .sf-c-lime\:10{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-90))}html[data-theme='dark'] .sf-c-lime\:20,html.dark .sf-c-lime\:20{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-80))}html[data-theme='dark'] .sf-c-lime\:30,html.dark .sf-c-lime\:30{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-70))}html[data-theme='dark'] .sf-c-lime\:40,html.dark .sf-c-lime\:40{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-60))}html[data-theme='dark'] .sf-c-lime\:50,html.dark .sf-c-lime\:50{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-50))}html[data-theme='dark'] .sf-c-lime\:60,html.dark .sf-c-lime\:60{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-40))}html[data-theme='dark'] .sf-c-lime\:70,html.dark .sf-c-lime\:70{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-30))}html[data-theme='dark'] .sf-c-lime\:80,html.dark .sf-c-lime\:80{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-20))}html[data-theme='dark'] .sf-c-lime\:90,html.dark .sf-c-lime\:90{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-10))}html[data-theme='dark'] .sf-c-lime\:100,html.dark .sf-c-lime\:100{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-0))}html[data-theme='dark'] .sf-c-lime\:dark,html.dark .sf-c-lime\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime))}html[data-theme='dark'] .sf-c-lime\:0\:dark,html.dark .sf-c-lime\:0\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-100))}html[data-theme='dark'] .sf-c-lime\:10\:dark,html.dark .sf-c-lime\:10\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-90))}html[data-theme='dark'] .sf-c-lime\:20\:dark,html.dark .sf-c-lime\:20\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-80))}html[data-theme='dark'] .sf-c-lime\:30\:dark,html.dark .sf-c-lime\:30\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-70))}html[data-theme='dark'] .sf-c-lime\:40\:dark,html.dark .sf-c-lime\:40\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-60))}html[data-theme='dark'] .sf-c-lime\:50\:dark,html.dark .sf-c-lime\:50\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-50))}html[data-theme='dark'] .sf-c-lime\:60\:dark,html.dark .sf-c-lime\:60\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-40))}html[data-theme='dark'] .sf-c-lime\:70\:dark,html.dark .sf-c-lime\:70\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-30))}html[data-theme='dark'] .sf-c-lime\:80\:dark,html.dark .sf-c-lime\:80\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-20))}html[data-theme='dark'] .sf-c-lime\:90\:dark,html.dark .sf-c-lime\:90\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-10))}html[data-theme='dark'] .sf-c-lime\:100\:dark,html.dark .sf-c-lime\:100\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-0))}html[data-theme='dark'] .sf-c-txt-lime,html.dark .sf-c-txt-lime{color:hsl(var(--sf-c-txt-lime))}html[data-theme='dark'] .sf-c-txt-lime\:0,html.dark .sf-c-txt-lime\:0{color:hsl(var(--sf-c-txt-lime-0))}html[data-theme='dark'] .sf-c-txt-lime\:10,html.dark .sf-c-txt-lime\:10{color:hsl(var(--sf-c-txt-lime-10))}html[data-theme='dark'] .sf-c-txt-lime\:20,html.dark .sf-c-txt-lime\:20{color:hsl(var(--sf-c-txt-lime-20))}html[data-theme='dark'] .sf-c-txt-lime\:30,html.dark .sf-c-txt-lime\:30{color:hsl(var(--sf-c-txt-lime-30))}html[data-theme='dark'] .sf-c-txt-lime\:40,html.dark .sf-c-txt-lime\:40{color:hsl(var(--sf-c-txt-lime-40))}html[data-theme='dark'] .sf-c-txt-lime\:50,html.dark .sf-c-txt-lime\:50{color:hsl(var(--sf-c-txt-lime-50))}html[data-theme='dark'] .sf-c-txt-lime\:60,html.dark .sf-c-txt-lime\:60{color:hsl(var(--sf-c-txt-lime-60))}html[data-theme='dark'] .sf-c-txt-lime\:70,html.dark .sf-c-txt-lime\:70{color:hsl(var(--sf-c-txt-lime-70))}html[data-theme='dark'] .sf-c-txt-lime\:80,html.dark .sf-c-txt-lime\:80{color:hsl(var(--sf-c-txt-lime-80))}html[data-theme='dark'] .sf-c-txt-lime\:90,html.dark .sf-c-txt-lime\:90{color:hsl(var(--sf-c-txt-lime-90))}html[data-theme='dark'] .sf-c-txt-lime\:100,html.dark .sf-c-txt-lime\:100{color:hsl(var(--sf-c-txt-lime-100))}html[data-theme='dark'] .sf-c-txt-lime\:dark,html.dark .sf-c-txt-lime\:dark{color:hsl(var(--sf-c-txt-lime))}html[data-theme='dark'] .sf-c-txt-lime\:0\:dark,html.dark .sf-c-txt-lime\:0\:dark{color:hsl(var(--sf-dark-c-txt-lime-0))}html[data-theme='dark'] .sf-c-txt-lime\:10\:dark,html.dark .sf-c-txt-lime\:10\:dark{color:hsl(var(--sf-dark-c-txt-lime-10))}html[data-theme='dark'] .sf-c-txt-lime\:20\:dark,html.dark .sf-c-txt-lime\:20\:dark{color:hsl(var(--sf-dark-c-txt-lime-20))}html[data-theme='dark'] .sf-c-txt-lime\:30\:dark,html.dark .sf-c-txt-lime\:30\:dark{color:hsl(var(--sf-dark-c-txt-lime-30))}html[data-theme='dark'] .sf-c-txt-lime\:40\:dark,html.dark .sf-c-txt-lime\:40\:dark{color:hsl(var(--sf-dark-c-txt-lime-40))}html[data-theme='dark'] .sf-c-txt-lime\:50\:dark,html.dark .sf-c-txt-lime\:50\:dark{color:hsl(var(--sf-dark-c-txt-lime-50))}html[data-theme='dark'] .sf-c-txt-lime\:60\:dark,html.dark .sf-c-txt-lime\:60\:dark{color:hsl(var(--sf-dark-c-txt-lime-60))}html[data-theme='dark'] .sf-c-txt-lime\:70\:dark,html.dark .sf-c-txt-lime\:70\:dark{color:hsl(var(--sf-dark-c-txt-lime-70))}html[data-theme='dark'] .sf-c-txt-lime\:80\:dark,html.dark .sf-c-txt-lime\:80\:dark{color:hsl(var(--sf-dark-c-txt-lime-80))}html[data-theme='dark'] .sf-c-txt-lime\:90\:dark,html.dark .sf-c-txt-lime\:90\:dark{color:hsl(var(--sf-dark-c-txt-lime-90))}html[data-theme='dark'] .sf-c-txt-lime\:100\:dark,html.dark .sf-c-txt-lime\:100\:dark{color:hsl(var(--sf-dark-c-txt-lime-100))}html.var[data-theme='dark'] .sf-c-lime,html.var.dark .sf-c-lime{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-lime\:0,html.var.dark .sf-c-lime\:0{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='dark'] .sf-c-lime\:10,html.var.dark .sf-c-lime\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-lime\:20,html.var.dark .sf-c-lime\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-lime\:30,html.var.dark .sf-c-lime\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-lime\:40,html.var.dark .sf-c-lime\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-lime\:50,html.var.dark .sf-c-lime\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-lime\:60,html.var.dark .sf-c-lime\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-lime\:70,html.var.dark .sf-c-lime\:70{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-lime\:80,html.var.dark .sf-c-lime\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-lime\:90,html.var.dark .sf-c-lime\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-lime\:100,html.var.dark .sf-c-lime\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='dark'] .sf-c-lime\:dark,html.var.dark .sf-c-lime\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-lime\:0\:dark,html.var.dark .sf-c-lime\:0\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='dark'] .sf-c-lime\:10\:dark,html.var.dark .sf-c-lime\:10\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-lime\:20\:dark,html.var.dark .sf-c-lime\:20\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-lime\:30\:dark,html.var.dark .sf-c-lime\:30\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-lime\:40\:dark,html.var.dark .sf-c-lime\:40\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-lime\:50\:dark,html.var.dark .sf-c-lime\:50\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-lime\:60\:dark,html.var.dark .sf-c-lime\:60\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-lime\:70\:dark,html.var.dark .sf-c-lime\:70\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-lime\:80\:dark,html.var.dark .sf-c-lime\:80\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-lime\:90\:dark,html.var.dark .sf-c-lime\:90\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-lime\:100\:dark,html.var.dark .sf-c-lime\:100\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-lime,html.dark .sf-c-txt-lime{color:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-lime\:0,html.dark .sf-c-txt-lime\:0{color:hsl(120,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-lime\:10,html.dark .sf-c-txt-lime\:10{color:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-lime\:20,html.dark .sf-c-txt-lime\:20{color:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-lime\:30,html.dark .sf-c-txt-lime\:30{color:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-lime\:40,html.dark .sf-c-txt-lime\:40{color:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-lime\:50,html.dark .sf-c-txt-lime\:50{color:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-lime\:60,html.dark .sf-c-txt-lime\:60{color:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-lime\:70,html.dark .sf-c-txt-lime\:70{color:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-lime\:80,html.dark .sf-c-txt-lime\:80{color:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-lime\:90,html.dark .sf-c-txt-lime\:90{color:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-lime\:100,html.dark .sf-c-txt-lime\:100{color:hsl(120,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-lime\:dark,html.dark .sf-c-txt-lime\:dark{color:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-lime\:0\:dark,html.dark .sf-c-txt-lime\:0\:dark{color:hsl(120,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-lime\:10\:dark,html.dark .sf-c-txt-lime\:10\:dark{color:hsl(120,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-lime\:20\:dark,html.dark .sf-c-txt-lime\:20\:dark{color:hsl(120,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-lime\:30\:dark,html.dark .sf-c-txt-lime\:30\:dark{color:hsl(120,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-lime\:40\:dark,html.dark .sf-c-txt-lime\:40\:dark{color:hsl(120,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-lime\:50\:dark,html.dark .sf-c-txt-lime\:50\:dark{color:hsl(120,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-lime\:60\:dark,html.dark .sf-c-txt-lime\:60\:dark{color:hsl(120,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-lime\:70\:dark,html.dark .sf-c-txt-lime\:70\:dark{color:hsl(120,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-lime\:80\:dark,html.dark .sf-c-txt-lime\:80\:dark{color:hsl(120,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-lime\:90\:dark,html.dark .sf-c-txt-lime\:90\:dark{color:hsl(120,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-lime\:100\:dark,html.dark .sf-c-txt-lime\:100\:dark{color:hsl(120,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-lime,html.auto .sf-c-lime{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime))}html[data-theme='auto'] .sf-c-lime\:0,html.auto .sf-c-lime\:0{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-100))}html[data-theme='auto'] .sf-c-lime\:10,html.auto .sf-c-lime\:10{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-90))}html[data-theme='auto'] .sf-c-lime\:20,html.auto .sf-c-lime\:20{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-80))}html[data-theme='auto'] .sf-c-lime\:30,html.auto .sf-c-lime\:30{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-70))}html[data-theme='auto'] .sf-c-lime\:40,html.auto .sf-c-lime\:40{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-60))}html[data-theme='auto'] .sf-c-lime\:50,html.auto .sf-c-lime\:50{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-50))}html[data-theme='auto'] .sf-c-lime\:60,html.auto .sf-c-lime\:60{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-40))}html[data-theme='auto'] .sf-c-lime\:70,html.auto .sf-c-lime\:70{color:hsl(var(--sf-dark-c-txt-lime-10));background:hsl(var(--sf-dark-c-lime-30))}html[data-theme='auto'] .sf-c-lime\:80,html.auto .sf-c-lime\:80{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-20))}html[data-theme='auto'] .sf-c-lime\:90,html.auto .sf-c-lime\:90{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-10))}html[data-theme='auto'] .sf-c-lime\:100,html.auto .sf-c-lime\:100{color:hsl(var(--sf-dark-c-txt-lime-90));background:hsl(var(--sf-dark-c-lime-0))}html[data-theme='auto'] .sf-c-lime\:dark,html.auto .sf-c-lime\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime))}html[data-theme='auto'] .sf-c-lime\:0\:dark,html.auto .sf-c-lime\:0\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-100))}html[data-theme='auto'] .sf-c-lime\:10\:dark,html.auto .sf-c-lime\:10\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-90))}html[data-theme='auto'] .sf-c-lime\:20\:dark,html.auto .sf-c-lime\:20\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-80))}html[data-theme='auto'] .sf-c-lime\:30\:dark,html.auto .sf-c-lime\:30\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-70))}html[data-theme='auto'] .sf-c-lime\:40\:dark,html.auto .sf-c-lime\:40\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-60))}html[data-theme='auto'] .sf-c-lime\:50\:dark,html.auto .sf-c-lime\:50\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-50))}html[data-theme='auto'] .sf-c-lime\:60\:dark,html.auto .sf-c-lime\:60\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-40))}html[data-theme='auto'] .sf-c-lime\:70\:dark,html.auto .sf-c-lime\:70\:dark{color:hsl(var(--sf-c-txt-lime-10));background:hsl(var(--sf-c-lime-30))}html[data-theme='auto'] .sf-c-lime\:80\:dark,html.auto .sf-c-lime\:80\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-20))}html[data-theme='auto'] .sf-c-lime\:90\:dark,html.auto .sf-c-lime\:90\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-10))}html[data-theme='auto'] .sf-c-lime\:100\:dark,html.auto .sf-c-lime\:100\:dark{color:hsl(var(--sf-c-txt-lime-90));background:hsl(var(--sf-c-lime-0))}html[data-theme='auto'] .sf-c-txt-lime,html.auto .sf-c-txt-lime{color:hsl(var(--sf-c-txt-lime))}html[data-theme='auto'] .sf-c-txt-lime\:0,html.auto .sf-c-txt-lime\:0{color:hsl(var(--sf-c-txt-lime-0))}html[data-theme='auto'] .sf-c-txt-lime\:10,html.auto .sf-c-txt-lime\:10{color:hsl(var(--sf-c-txt-lime-10))}html[data-theme='auto'] .sf-c-txt-lime\:20,html.auto .sf-c-txt-lime\:20{color:hsl(var(--sf-c-txt-lime-20))}html[data-theme='auto'] .sf-c-txt-lime\:30,html.auto .sf-c-txt-lime\:30{color:hsl(var(--sf-c-txt-lime-30))}html[data-theme='auto'] .sf-c-txt-lime\:40,html.auto .sf-c-txt-lime\:40{color:hsl(var(--sf-c-txt-lime-40))}html[data-theme='auto'] .sf-c-txt-lime\:50,html.auto .sf-c-txt-lime\:50{color:hsl(var(--sf-c-txt-lime-50))}html[data-theme='auto'] .sf-c-txt-lime\:60,html.auto .sf-c-txt-lime\:60{color:hsl(var(--sf-c-txt-lime-60))}html[data-theme='auto'] .sf-c-txt-lime\:70,html.auto .sf-c-txt-lime\:70{color:hsl(var(--sf-c-txt-lime-70))}html[data-theme='auto'] .sf-c-txt-lime\:80,html.auto .sf-c-txt-lime\:80{color:hsl(var(--sf-c-txt-lime-80))}html[data-theme='auto'] .sf-c-txt-lime\:90,html.auto .sf-c-txt-lime\:90{color:hsl(var(--sf-c-txt-lime-90))}html[data-theme='auto'] .sf-c-txt-lime\:100,html.auto .sf-c-txt-lime\:100{color:hsl(var(--sf-c-txt-lime-100))}html[data-theme='auto'] .sf-c-txt-lime\:dark,html.auto .sf-c-txt-lime\:dark{color:hsl(var(--sf-c-txt-lime))}html[data-theme='auto'] .sf-c-txt-lime\:0\:dark,html.auto .sf-c-txt-lime\:0\:dark{color:hsl(var(--sf-c-txt-lime-0))}html[data-theme='auto'] .sf-c-txt-lime\:10\:dark,html.auto .sf-c-txt-lime\:10\:dark{color:hsl(var(--sf-c-txt-lime-10))}html[data-theme='auto'] .sf-c-txt-lime\:20\:dark,html.auto .sf-c-txt-lime\:20\:dark{color:hsl(var(--sf-c-txt-lime-20))}html[data-theme='auto'] .sf-c-txt-lime\:30\:dark,html.auto .sf-c-txt-lime\:30\:dark{color:hsl(var(--sf-c-txt-lime-30))}html[data-theme='auto'] .sf-c-txt-lime\:40\:dark,html.auto .sf-c-txt-lime\:40\:dark{color:hsl(var(--sf-c-txt-lime-40))}html[data-theme='auto'] .sf-c-txt-lime\:50\:dark,html.auto .sf-c-txt-lime\:50\:dark{color:hsl(var(--sf-c-txt-lime-50))}html[data-theme='auto'] .sf-c-txt-lime\:60\:dark,html.auto .sf-c-txt-lime\:60\:dark{color:hsl(var(--sf-c-txt-lime-60))}html[data-theme='auto'] .sf-c-txt-lime\:70\:dark,html.auto .sf-c-txt-lime\:70\:dark{color:hsl(var(--sf-c-txt-lime-70))}html[data-theme='auto'] .sf-c-txt-lime\:80\:dark,html.auto .sf-c-txt-lime\:80\:dark{color:hsl(var(--sf-c-txt-lime-80))}html[data-theme='auto'] .sf-c-txt-lime\:90\:dark,html.auto .sf-c-txt-lime\:90\:dark{color:hsl(var(--sf-c-txt-lime-90))}html[data-theme='auto'] .sf-c-txt-lime\:100\:dark,html.auto .sf-c-txt-lime\:100\:dark{color:hsl(var(--sf-c-txt-lime-100))}html.var[data-theme='auto'] .sf-c-lime,html.var.auto .sf-c-lime{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-lime\:0,html.var.auto .sf-c-lime\:0{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='auto'] .sf-c-lime\:10,html.var.auto .sf-c-lime\:10{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-lime\:20,html.var.auto .sf-c-lime\:20{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-lime\:30,html.var.auto .sf-c-lime\:30{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-lime\:40,html.var.auto .sf-c-lime\:40{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-lime\:50,html.var.auto .sf-c-lime\:50{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-lime\:60,html.var.auto .sf-c-lime\:60{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-lime\:70,html.var.auto .sf-c-lime\:70{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-lime\:80,html.var.auto .sf-c-lime\:80{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-lime\:90,html.var.auto .sf-c-lime\:90{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-lime\:100,html.var.auto .sf-c-lime\:100{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='auto'] .sf-c-lime\:dark,html.var.auto .sf-c-lime\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-lime\:0\:dark,html.var.auto .sf-c-lime\:0\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,100%)}html.var[data-theme='auto'] .sf-c-lime\:10\:dark,html.var.auto .sf-c-lime\:10\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-lime\:20\:dark,html.var.auto .sf-c-lime\:20\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-lime\:30\:dark,html.var.auto .sf-c-lime\:30\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-lime\:40\:dark,html.var.auto .sf-c-lime\:40\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-lime\:50\:dark,html.var.auto .sf-c-lime\:50\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-lime\:60\:dark,html.var.auto .sf-c-lime\:60\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-lime\:70\:dark,html.var.auto .sf-c-lime\:70\:dark{color:hsl(120,100%,10%);background:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-lime\:80\:dark,html.var.auto .sf-c-lime\:80\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-lime\:90\:dark,html.var.auto .sf-c-lime\:90\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-lime\:100\:dark,html.var.auto .sf-c-lime\:100\:dark{color:hsl(120,100%,90%);background:hsl(120,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-lime,html.auto .sf-c-txt-lime{color:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-lime\:0,html.auto .sf-c-txt-lime\:0{color:hsl(120,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-lime\:10,html.auto .sf-c-txt-lime\:10{color:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-lime\:20,html.auto .sf-c-txt-lime\:20{color:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-lime\:30,html.auto .sf-c-txt-lime\:30{color:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-lime\:40,html.auto .sf-c-txt-lime\:40{color:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-lime\:50,html.auto .sf-c-txt-lime\:50{color:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-lime\:60,html.auto .sf-c-txt-lime\:60{color:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-lime\:70,html.auto .sf-c-txt-lime\:70{color:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-lime\:80,html.auto .sf-c-txt-lime\:80{color:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-lime\:90,html.auto .sf-c-txt-lime\:90{color:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-lime\:100,html.auto .sf-c-txt-lime\:100{color:hsl(120,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-lime\:dark,html.auto .sf-c-txt-lime\:dark{color:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-lime\:0\:dark,html.auto .sf-c-txt-lime\:0\:dark{color:hsl(120,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-lime\:10\:dark,html.auto .sf-c-txt-lime\:10\:dark{color:hsl(120,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-lime\:20\:dark,html.auto .sf-c-txt-lime\:20\:dark{color:hsl(120,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-lime\:30\:dark,html.auto .sf-c-txt-lime\:30\:dark{color:hsl(120,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-lime\:40\:dark,html.auto .sf-c-txt-lime\:40\:dark{color:hsl(120,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-lime\:50\:dark,html.auto .sf-c-txt-lime\:50\:dark{color:hsl(120,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-lime\:60\:dark,html.auto .sf-c-txt-lime\:60\:dark{color:hsl(120,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-lime\:70\:dark,html.auto .sf-c-txt-lime\:70\:dark{color:hsl(120,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-lime\:80\:dark,html.auto .sf-c-txt-lime\:80\:dark{color:hsl(120,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-lime\:90\:dark,html.auto .sf-c-txt-lime\:90\:dark{color:hsl(120,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-lime\:100\:dark,html.auto .sf-c-txt-lime\:100\:dark{color:hsl(120,100%,100%)}}.sf-c-maroon{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon))}.sf-c-maroon\:0{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-0))}.sf-c-maroon\:10{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-10))}.sf-c-maroon\:20{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-20))}.sf-c-maroon\:30{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-30))}.sf-c-maroon\:40{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-40))}.sf-c-maroon\:50{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-50))}.sf-c-maroon\:60{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-60))}.sf-c-maroon\:70{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-70))}.sf-c-maroon\:80{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-80))}.sf-c-maroon\:90{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-90))}.sf-c-maroon\:100{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-100))}html.var .sf-c-maroon{color:hsl(0,100%,90%);background:hsl(0,100%,25%)}html.var .sf-c-maroon\:0{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var .sf-c-maroon\:10{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var .sf-c-maroon\:20{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var .sf-c-maroon\:30{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var .sf-c-maroon\:40{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var .sf-c-maroon\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var .sf-c-maroon\:60{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html.var .sf-c-maroon\:70{color:hsl(0,100%,90%);background:hsl(0,100%,70%)}html.var .sf-c-maroon\:80{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var .sf-c-maroon\:90{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var .sf-c-maroon\:100{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}.sf-c-txt-maroon{color:hsl(var(--sf-dark-c-txt-maroon))}.sf-c-txt-maroon\:0{color:hsl(var(--sf-dark-c-txt-maroon-100))}.sf-c-txt-maroon\:10{color:hsl(var(--sf-dark-c-txt-maroon-90))}.sf-c-txt-maroon\:20{color:hsl(var(--sf-dark-c-txt-maroon-80))}.sf-c-txt-maroon\:30{color:hsl(var(--sf-dark-c-txt-maroon-70))}.sf-c-txt-maroon\:40{color:hsl(var(--sf-dark-c-txt-maroon-60))}.sf-c-txt-maroon\:50{color:hsl(var(--sf-dark-c-txt-maroon-50))}.sf-c-txt-maroon\:60{color:hsl(var(--sf-dark-c-txt-maroon-40))}.sf-c-txt-maroon\:70{color:hsl(var(--sf-dark-c-txt-maroon-30))}.sf-c-txt-maroon\:80{color:hsl(var(--sf-dark-c-txt-maroon-20))}.sf-c-txt-maroon\:90{color:hsl(var(--sf-dark-c-txt-maroon-10))}.sf-c-txt-maroon\:100{color:hsl(var(--sf-dark-c-txt-maroon-0))}html.var .sf-c-txt-maroon{color:hsl(0,100%,75%)}html.var .sf-c-txt-maroon\:0{color:hsl(0,100%,100%)}html.var .sf-c-txt-maroon\:10{color:hsl(0,100%,90%)}html.var .sf-c-txt-maroon\:20{color:hsl(0,100%,80%)}html.var .sf-c-txt-maroon\:30{color:hsl(0,100%,70%)}html.var .sf-c-txt-maroon\:40{color:hsl(0,100%,60%)}html.var .sf-c-txt-maroon\:50{color:hsl(0,100%,50%)}html.var .sf-c-txt-maroon\:60{color:hsl(0,100%,40%)}html.var .sf-c-txt-maroon\:70{color:hsl(0,100%,30%)}html.var .sf-c-txt-maroon\:80{color:hsl(0,100%,20%)}html.var .sf-c-txt-maroon\:90{color:hsl(0,100%,10%)}html.var .sf-c-txt-maroon\:100{color:hsl(0,100%,0%)}html[data-theme='dark'] .sf-c-maroon,html.dark .sf-c-maroon{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon))}html[data-theme='dark'] .sf-c-maroon\:0,html.dark .sf-c-maroon\:0{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-100))}html[data-theme='dark'] .sf-c-maroon\:10,html.dark .sf-c-maroon\:10{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-90))}html[data-theme='dark'] .sf-c-maroon\:20,html.dark .sf-c-maroon\:20{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-80))}html[data-theme='dark'] .sf-c-maroon\:30,html.dark .sf-c-maroon\:30{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-70))}html[data-theme='dark'] .sf-c-maroon\:40,html.dark .sf-c-maroon\:40{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-60))}html[data-theme='dark'] .sf-c-maroon\:50,html.dark .sf-c-maroon\:50{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-50))}html[data-theme='dark'] .sf-c-maroon\:60,html.dark .sf-c-maroon\:60{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-40))}html[data-theme='dark'] .sf-c-maroon\:70,html.dark .sf-c-maroon\:70{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-30))}html[data-theme='dark'] .sf-c-maroon\:80,html.dark .sf-c-maroon\:80{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-20))}html[data-theme='dark'] .sf-c-maroon\:90,html.dark .sf-c-maroon\:90{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-10))}html[data-theme='dark'] .sf-c-maroon\:100,html.dark .sf-c-maroon\:100{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-0))}html[data-theme='dark'] .sf-c-maroon\:dark,html.dark .sf-c-maroon\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon))}html[data-theme='dark'] .sf-c-maroon\:0\:dark,html.dark .sf-c-maroon\:0\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-100))}html[data-theme='dark'] .sf-c-maroon\:10\:dark,html.dark .sf-c-maroon\:10\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-90))}html[data-theme='dark'] .sf-c-maroon\:20\:dark,html.dark .sf-c-maroon\:20\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-80))}html[data-theme='dark'] .sf-c-maroon\:30\:dark,html.dark .sf-c-maroon\:30\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-70))}html[data-theme='dark'] .sf-c-maroon\:40\:dark,html.dark .sf-c-maroon\:40\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-60))}html[data-theme='dark'] .sf-c-maroon\:50\:dark,html.dark .sf-c-maroon\:50\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-50))}html[data-theme='dark'] .sf-c-maroon\:60\:dark,html.dark .sf-c-maroon\:60\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-40))}html[data-theme='dark'] .sf-c-maroon\:70\:dark,html.dark .sf-c-maroon\:70\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-30))}html[data-theme='dark'] .sf-c-maroon\:80\:dark,html.dark .sf-c-maroon\:80\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-20))}html[data-theme='dark'] .sf-c-maroon\:90\:dark,html.dark .sf-c-maroon\:90\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-10))}html[data-theme='dark'] .sf-c-maroon\:100\:dark,html.dark .sf-c-maroon\:100\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-0))}html[data-theme='dark'] .sf-c-txt-maroon,html.dark .sf-c-txt-maroon{color:hsl(var(--sf-c-txt-maroon))}html[data-theme='dark'] .sf-c-txt-maroon\:0,html.dark .sf-c-txt-maroon\:0{color:hsl(var(--sf-c-txt-maroon-0))}html[data-theme='dark'] .sf-c-txt-maroon\:10,html.dark .sf-c-txt-maroon\:10{color:hsl(var(--sf-c-txt-maroon-10))}html[data-theme='dark'] .sf-c-txt-maroon\:20,html.dark .sf-c-txt-maroon\:20{color:hsl(var(--sf-c-txt-maroon-20))}html[data-theme='dark'] .sf-c-txt-maroon\:30,html.dark .sf-c-txt-maroon\:30{color:hsl(var(--sf-c-txt-maroon-30))}html[data-theme='dark'] .sf-c-txt-maroon\:40,html.dark .sf-c-txt-maroon\:40{color:hsl(var(--sf-c-txt-maroon-40))}html[data-theme='dark'] .sf-c-txt-maroon\:50,html.dark .sf-c-txt-maroon\:50{color:hsl(var(--sf-c-txt-maroon-50))}html[data-theme='dark'] .sf-c-txt-maroon\:60,html.dark .sf-c-txt-maroon\:60{color:hsl(var(--sf-c-txt-maroon-60))}html[data-theme='dark'] .sf-c-txt-maroon\:70,html.dark .sf-c-txt-maroon\:70{color:hsl(var(--sf-c-txt-maroon-70))}html[data-theme='dark'] .sf-c-txt-maroon\:80,html.dark .sf-c-txt-maroon\:80{color:hsl(var(--sf-c-txt-maroon-80))}html[data-theme='dark'] .sf-c-txt-maroon\:90,html.dark .sf-c-txt-maroon\:90{color:hsl(var(--sf-c-txt-maroon-90))}html[data-theme='dark'] .sf-c-txt-maroon\:100,html.dark .sf-c-txt-maroon\:100{color:hsl(var(--sf-c-txt-maroon-100))}html[data-theme='dark'] .sf-c-txt-maroon\:dark,html.dark .sf-c-txt-maroon\:dark{color:hsl(var(--sf-c-txt-maroon))}html[data-theme='dark'] .sf-c-txt-maroon\:0\:dark,html.dark .sf-c-txt-maroon\:0\:dark{color:hsl(var(--sf-dark-c-txt-maroon-0))}html[data-theme='dark'] .sf-c-txt-maroon\:10\:dark,html.dark .sf-c-txt-maroon\:10\:dark{color:hsl(var(--sf-dark-c-txt-maroon-10))}html[data-theme='dark'] .sf-c-txt-maroon\:20\:dark,html.dark .sf-c-txt-maroon\:20\:dark{color:hsl(var(--sf-dark-c-txt-maroon-20))}html[data-theme='dark'] .sf-c-txt-maroon\:30\:dark,html.dark .sf-c-txt-maroon\:30\:dark{color:hsl(var(--sf-dark-c-txt-maroon-30))}html[data-theme='dark'] .sf-c-txt-maroon\:40\:dark,html.dark .sf-c-txt-maroon\:40\:dark{color:hsl(var(--sf-dark-c-txt-maroon-40))}html[data-theme='dark'] .sf-c-txt-maroon\:50\:dark,html.dark .sf-c-txt-maroon\:50\:dark{color:hsl(var(--sf-dark-c-txt-maroon-50))}html[data-theme='dark'] .sf-c-txt-maroon\:60\:dark,html.dark .sf-c-txt-maroon\:60\:dark{color:hsl(var(--sf-dark-c-txt-maroon-60))}html[data-theme='dark'] .sf-c-txt-maroon\:70\:dark,html.dark .sf-c-txt-maroon\:70\:dark{color:hsl(var(--sf-dark-c-txt-maroon-70))}html[data-theme='dark'] .sf-c-txt-maroon\:80\:dark,html.dark .sf-c-txt-maroon\:80\:dark{color:hsl(var(--sf-dark-c-txt-maroon-80))}html[data-theme='dark'] .sf-c-txt-maroon\:90\:dark,html.dark .sf-c-txt-maroon\:90\:dark{color:hsl(var(--sf-dark-c-txt-maroon-90))}html[data-theme='dark'] .sf-c-txt-maroon\:100\:dark,html.dark .sf-c-txt-maroon\:100\:dark{color:hsl(var(--sf-dark-c-txt-maroon-100))}html.var[data-theme='dark'] .sf-c-maroon,html.var.dark .sf-c-maroon{color:hsl(0,100%,10%);background:hsl(0,100%,75%)}html.var[data-theme='dark'] .sf-c-maroon\:0,html.var.dark .sf-c-maroon\:0{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='dark'] .sf-c-maroon\:10,html.var.dark .sf-c-maroon\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-maroon\:20,html.var.dark .sf-c-maroon\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-maroon\:30,html.var.dark .sf-c-maroon\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-maroon\:40,html.var.dark .sf-c-maroon\:40{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-maroon\:50,html.var.dark .sf-c-maroon\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-maroon\:60,html.var.dark .sf-c-maroon\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-maroon\:70,html.var.dark .sf-c-maroon\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-maroon\:80,html.var.dark .sf-c-maroon\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-maroon\:90,html.var.dark .sf-c-maroon\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-maroon\:100,html.var.dark .sf-c-maroon\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='dark'] .sf-c-maroon\:dark,html.var.dark .sf-c-maroon\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,75%)}html.var[data-theme='dark'] .sf-c-maroon\:0\:dark,html.var.dark .sf-c-maroon\:0\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='dark'] .sf-c-maroon\:10\:dark,html.var.dark .sf-c-maroon\:10\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-maroon\:20\:dark,html.var.dark .sf-c-maroon\:20\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-maroon\:30\:dark,html.var.dark .sf-c-maroon\:30\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-maroon\:40\:dark,html.var.dark .sf-c-maroon\:40\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-maroon\:50\:dark,html.var.dark .sf-c-maroon\:50\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-maroon\:60\:dark,html.var.dark .sf-c-maroon\:60\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-maroon\:70\:dark,html.var.dark .sf-c-maroon\:70\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-maroon\:80\:dark,html.var.dark .sf-c-maroon\:80\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-maroon\:90\:dark,html.var.dark .sf-c-maroon\:90\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-maroon\:100\:dark,html.var.dark .sf-c-maroon\:100\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-maroon,html.dark .sf-c-txt-maroon{color:hsl(0,100%,25%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:0,html.dark .sf-c-txt-maroon\:0{color:hsl(0,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:10,html.dark .sf-c-txt-maroon\:10{color:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:20,html.dark .sf-c-txt-maroon\:20{color:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:30,html.dark .sf-c-txt-maroon\:30{color:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:40,html.dark .sf-c-txt-maroon\:40{color:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:50,html.dark .sf-c-txt-maroon\:50{color:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:60,html.dark .sf-c-txt-maroon\:60{color:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:70,html.dark .sf-c-txt-maroon\:70{color:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:80,html.dark .sf-c-txt-maroon\:80{color:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:90,html.dark .sf-c-txt-maroon\:90{color:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:100,html.dark .sf-c-txt-maroon\:100{color:hsl(0,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:dark,html.dark .sf-c-txt-maroon\:dark{color:hsl(0,100%,25%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:0\:dark,html.dark .sf-c-txt-maroon\:0\:dark{color:hsl(0,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:10\:dark,html.dark .sf-c-txt-maroon\:10\:dark{color:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:20\:dark,html.dark .sf-c-txt-maroon\:20\:dark{color:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:30\:dark,html.dark .sf-c-txt-maroon\:30\:dark{color:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:40\:dark,html.dark .sf-c-txt-maroon\:40\:dark{color:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:50\:dark,html.dark .sf-c-txt-maroon\:50\:dark{color:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:60\:dark,html.dark .sf-c-txt-maroon\:60\:dark{color:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:70\:dark,html.dark .sf-c-txt-maroon\:70\:dark{color:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:80\:dark,html.dark .sf-c-txt-maroon\:80\:dark{color:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:90\:dark,html.dark .sf-c-txt-maroon\:90\:dark{color:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-maroon\:100\:dark,html.dark .sf-c-txt-maroon\:100\:dark{color:hsl(0,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-maroon,html.auto .sf-c-maroon{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon))}html[data-theme='auto'] .sf-c-maroon\:0,html.auto .sf-c-maroon\:0{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-100))}html[data-theme='auto'] .sf-c-maroon\:10,html.auto .sf-c-maroon\:10{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-90))}html[data-theme='auto'] .sf-c-maroon\:20,html.auto .sf-c-maroon\:20{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-80))}html[data-theme='auto'] .sf-c-maroon\:30,html.auto .sf-c-maroon\:30{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-70))}html[data-theme='auto'] .sf-c-maroon\:40,html.auto .sf-c-maroon\:40{color:hsl(var(--sf-dark-c-txt-maroon-10));background:hsl(var(--sf-dark-c-maroon-60))}html[data-theme='auto'] .sf-c-maroon\:50,html.auto .sf-c-maroon\:50{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-50))}html[data-theme='auto'] .sf-c-maroon\:60,html.auto .sf-c-maroon\:60{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-40))}html[data-theme='auto'] .sf-c-maroon\:70,html.auto .sf-c-maroon\:70{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-30))}html[data-theme='auto'] .sf-c-maroon\:80,html.auto .sf-c-maroon\:80{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-20))}html[data-theme='auto'] .sf-c-maroon\:90,html.auto .sf-c-maroon\:90{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-10))}html[data-theme='auto'] .sf-c-maroon\:100,html.auto .sf-c-maroon\:100{color:hsl(var(--sf-dark-c-txt-maroon-90));background:hsl(var(--sf-dark-c-maroon-0))}html[data-theme='auto'] .sf-c-maroon\:dark,html.auto .sf-c-maroon\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon))}html[data-theme='auto'] .sf-c-maroon\:0\:dark,html.auto .sf-c-maroon\:0\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-100))}html[data-theme='auto'] .sf-c-maroon\:10\:dark,html.auto .sf-c-maroon\:10\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-90))}html[data-theme='auto'] .sf-c-maroon\:20\:dark,html.auto .sf-c-maroon\:20\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-80))}html[data-theme='auto'] .sf-c-maroon\:30\:dark,html.auto .sf-c-maroon\:30\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-70))}html[data-theme='auto'] .sf-c-maroon\:40\:dark,html.auto .sf-c-maroon\:40\:dark{color:hsl(var(--sf-c-txt-maroon-10));background:hsl(var(--sf-c-maroon-60))}html[data-theme='auto'] .sf-c-maroon\:50\:dark,html.auto .sf-c-maroon\:50\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-50))}html[data-theme='auto'] .sf-c-maroon\:60\:dark,html.auto .sf-c-maroon\:60\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-40))}html[data-theme='auto'] .sf-c-maroon\:70\:dark,html.auto .sf-c-maroon\:70\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-30))}html[data-theme='auto'] .sf-c-maroon\:80\:dark,html.auto .sf-c-maroon\:80\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-20))}html[data-theme='auto'] .sf-c-maroon\:90\:dark,html.auto .sf-c-maroon\:90\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-10))}html[data-theme='auto'] .sf-c-maroon\:100\:dark,html.auto .sf-c-maroon\:100\:dark{color:hsl(var(--sf-c-txt-maroon-90));background:hsl(var(--sf-c-maroon-0))}html[data-theme='auto'] .sf-c-txt-maroon,html.auto .sf-c-txt-maroon{color:hsl(var(--sf-c-txt-maroon))}html[data-theme='auto'] .sf-c-txt-maroon\:0,html.auto .sf-c-txt-maroon\:0{color:hsl(var(--sf-c-txt-maroon-0))}html[data-theme='auto'] .sf-c-txt-maroon\:10,html.auto .sf-c-txt-maroon\:10{color:hsl(var(--sf-c-txt-maroon-10))}html[data-theme='auto'] .sf-c-txt-maroon\:20,html.auto .sf-c-txt-maroon\:20{color:hsl(var(--sf-c-txt-maroon-20))}html[data-theme='auto'] .sf-c-txt-maroon\:30,html.auto .sf-c-txt-maroon\:30{color:hsl(var(--sf-c-txt-maroon-30))}html[data-theme='auto'] .sf-c-txt-maroon\:40,html.auto .sf-c-txt-maroon\:40{color:hsl(var(--sf-c-txt-maroon-40))}html[data-theme='auto'] .sf-c-txt-maroon\:50,html.auto .sf-c-txt-maroon\:50{color:hsl(var(--sf-c-txt-maroon-50))}html[data-theme='auto'] .sf-c-txt-maroon\:60,html.auto .sf-c-txt-maroon\:60{color:hsl(var(--sf-c-txt-maroon-60))}html[data-theme='auto'] .sf-c-txt-maroon\:70,html.auto .sf-c-txt-maroon\:70{color:hsl(var(--sf-c-txt-maroon-70))}html[data-theme='auto'] .sf-c-txt-maroon\:80,html.auto .sf-c-txt-maroon\:80{color:hsl(var(--sf-c-txt-maroon-80))}html[data-theme='auto'] .sf-c-txt-maroon\:90,html.auto .sf-c-txt-maroon\:90{color:hsl(var(--sf-c-txt-maroon-90))}html[data-theme='auto'] .sf-c-txt-maroon\:100,html.auto .sf-c-txt-maroon\:100{color:hsl(var(--sf-c-txt-maroon-100))}html[data-theme='auto'] .sf-c-txt-maroon\:dark,html.auto .sf-c-txt-maroon\:dark{color:hsl(var(--sf-c-txt-maroon))}html[data-theme='auto'] .sf-c-txt-maroon\:0\:dark,html.auto .sf-c-txt-maroon\:0\:dark{color:hsl(var(--sf-c-txt-maroon-0))}html[data-theme='auto'] .sf-c-txt-maroon\:10\:dark,html.auto .sf-c-txt-maroon\:10\:dark{color:hsl(var(--sf-c-txt-maroon-10))}html[data-theme='auto'] .sf-c-txt-maroon\:20\:dark,html.auto .sf-c-txt-maroon\:20\:dark{color:hsl(var(--sf-c-txt-maroon-20))}html[data-theme='auto'] .sf-c-txt-maroon\:30\:dark,html.auto .sf-c-txt-maroon\:30\:dark{color:hsl(var(--sf-c-txt-maroon-30))}html[data-theme='auto'] .sf-c-txt-maroon\:40\:dark,html.auto .sf-c-txt-maroon\:40\:dark{color:hsl(var(--sf-c-txt-maroon-40))}html[data-theme='auto'] .sf-c-txt-maroon\:50\:dark,html.auto .sf-c-txt-maroon\:50\:dark{color:hsl(var(--sf-c-txt-maroon-50))}html[data-theme='auto'] .sf-c-txt-maroon\:60\:dark,html.auto .sf-c-txt-maroon\:60\:dark{color:hsl(var(--sf-c-txt-maroon-60))}html[data-theme='auto'] .sf-c-txt-maroon\:70\:dark,html.auto .sf-c-txt-maroon\:70\:dark{color:hsl(var(--sf-c-txt-maroon-70))}html[data-theme='auto'] .sf-c-txt-maroon\:80\:dark,html.auto .sf-c-txt-maroon\:80\:dark{color:hsl(var(--sf-c-txt-maroon-80))}html[data-theme='auto'] .sf-c-txt-maroon\:90\:dark,html.auto .sf-c-txt-maroon\:90\:dark{color:hsl(var(--sf-c-txt-maroon-90))}html[data-theme='auto'] .sf-c-txt-maroon\:100\:dark,html.auto .sf-c-txt-maroon\:100\:dark{color:hsl(var(--sf-c-txt-maroon-100))}html.var[data-theme='auto'] .sf-c-maroon,html.var.auto .sf-c-maroon{color:hsl(0,100%,10%);background:hsl(0,100%,75%)}html.var[data-theme='auto'] .sf-c-maroon\:0,html.var.auto .sf-c-maroon\:0{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='auto'] .sf-c-maroon\:10,html.var.auto .sf-c-maroon\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-maroon\:20,html.var.auto .sf-c-maroon\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-maroon\:30,html.var.auto .sf-c-maroon\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-maroon\:40,html.var.auto .sf-c-maroon\:40{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-maroon\:50,html.var.auto .sf-c-maroon\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-maroon\:60,html.var.auto .sf-c-maroon\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-maroon\:70,html.var.auto .sf-c-maroon\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-maroon\:80,html.var.auto .sf-c-maroon\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-maroon\:90,html.var.auto .sf-c-maroon\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-maroon\:100,html.var.auto .sf-c-maroon\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='auto'] .sf-c-maroon\:dark,html.var.auto .sf-c-maroon\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,75%)}html.var[data-theme='auto'] .sf-c-maroon\:0\:dark,html.var.auto .sf-c-maroon\:0\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='auto'] .sf-c-maroon\:10\:dark,html.var.auto .sf-c-maroon\:10\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-maroon\:20\:dark,html.var.auto .sf-c-maroon\:20\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-maroon\:30\:dark,html.var.auto .sf-c-maroon\:30\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-maroon\:40\:dark,html.var.auto .sf-c-maroon\:40\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-maroon\:50\:dark,html.var.auto .sf-c-maroon\:50\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-maroon\:60\:dark,html.var.auto .sf-c-maroon\:60\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-maroon\:70\:dark,html.var.auto .sf-c-maroon\:70\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-maroon\:80\:dark,html.var.auto .sf-c-maroon\:80\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-maroon\:90\:dark,html.var.auto .sf-c-maroon\:90\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-maroon\:100\:dark,html.var.auto .sf-c-maroon\:100\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-maroon,html.auto .sf-c-txt-maroon{color:hsl(0,100%,25%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:0,html.auto .sf-c-txt-maroon\:0{color:hsl(0,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:10,html.auto .sf-c-txt-maroon\:10{color:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:20,html.auto .sf-c-txt-maroon\:20{color:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:30,html.auto .sf-c-txt-maroon\:30{color:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:40,html.auto .sf-c-txt-maroon\:40{color:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:50,html.auto .sf-c-txt-maroon\:50{color:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:60,html.auto .sf-c-txt-maroon\:60{color:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:70,html.auto .sf-c-txt-maroon\:70{color:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:80,html.auto .sf-c-txt-maroon\:80{color:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:90,html.auto .sf-c-txt-maroon\:90{color:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:100,html.auto .sf-c-txt-maroon\:100{color:hsl(0,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:dark,html.auto .sf-c-txt-maroon\:dark{color:hsl(0,100%,25%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:0\:dark,html.auto .sf-c-txt-maroon\:0\:dark{color:hsl(0,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:10\:dark,html.auto .sf-c-txt-maroon\:10\:dark{color:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:20\:dark,html.auto .sf-c-txt-maroon\:20\:dark{color:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:30\:dark,html.auto .sf-c-txt-maroon\:30\:dark{color:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:40\:dark,html.auto .sf-c-txt-maroon\:40\:dark{color:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:50\:dark,html.auto .sf-c-txt-maroon\:50\:dark{color:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:60\:dark,html.auto .sf-c-txt-maroon\:60\:dark{color:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:70\:dark,html.auto .sf-c-txt-maroon\:70\:dark{color:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:80\:dark,html.auto .sf-c-txt-maroon\:80\:dark{color:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:90\:dark,html.auto .sf-c-txt-maroon\:90\:dark{color:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-maroon\:100\:dark,html.auto .sf-c-txt-maroon\:100\:dark{color:hsl(0,100%,100%)}}.sf-c-navy{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy))}.sf-c-navy\:0{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-0))}.sf-c-navy\:10{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-10))}.sf-c-navy\:20{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-20))}.sf-c-navy\:30{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-30))}.sf-c-navy\:40{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-40))}.sf-c-navy\:50{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-50))}.sf-c-navy\:60{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-60))}.sf-c-navy\:70{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-70))}.sf-c-navy\:80{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-80))}.sf-c-navy\:90{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-90))}.sf-c-navy\:100{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-100))}html.var .sf-c-navy{color:hsl(240,100%,90%);background:hsl(240,100%,25%)}html.var .sf-c-navy\:0{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var .sf-c-navy\:10{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var .sf-c-navy\:20{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var .sf-c-navy\:30{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var .sf-c-navy\:40{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var .sf-c-navy\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var .sf-c-navy\:60{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var .sf-c-navy\:70{color:hsl(240,100%,90%);background:hsl(240,100%,70%)}html.var .sf-c-navy\:80{color:hsl(240,100%,90%);background:hsl(240,100%,80%)}html.var .sf-c-navy\:90{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var .sf-c-navy\:100{color:hsl(240,100%,10%);background:hsl(240,100%,100%)}.sf-c-txt-navy{color:hsl(var(--sf-dark-c-txt-navy))}.sf-c-txt-navy\:0{color:hsl(var(--sf-dark-c-txt-navy-100))}.sf-c-txt-navy\:10{color:hsl(var(--sf-dark-c-txt-navy-90))}.sf-c-txt-navy\:20{color:hsl(var(--sf-dark-c-txt-navy-80))}.sf-c-txt-navy\:30{color:hsl(var(--sf-dark-c-txt-navy-70))}.sf-c-txt-navy\:40{color:hsl(var(--sf-dark-c-txt-navy-60))}.sf-c-txt-navy\:50{color:hsl(var(--sf-dark-c-txt-navy-50))}.sf-c-txt-navy\:60{color:hsl(var(--sf-dark-c-txt-navy-40))}.sf-c-txt-navy\:70{color:hsl(var(--sf-dark-c-txt-navy-30))}.sf-c-txt-navy\:80{color:hsl(var(--sf-dark-c-txt-navy-20))}.sf-c-txt-navy\:90{color:hsl(var(--sf-dark-c-txt-navy-10))}.sf-c-txt-navy\:100{color:hsl(var(--sf-dark-c-txt-navy-0))}html.var .sf-c-txt-navy{color:hsl(240,100%,75%)}html.var .sf-c-txt-navy\:0{color:hsl(240,100%,100%)}html.var .sf-c-txt-navy\:10{color:hsl(240,100%,90%)}html.var .sf-c-txt-navy\:20{color:hsl(240,100%,80%)}html.var .sf-c-txt-navy\:30{color:hsl(240,100%,70%)}html.var .sf-c-txt-navy\:40{color:hsl(240,100%,60%)}html.var .sf-c-txt-navy\:50{color:hsl(240,100%,50%)}html.var .sf-c-txt-navy\:60{color:hsl(240,100%,40%)}html.var .sf-c-txt-navy\:70{color:hsl(240,100%,30%)}html.var .sf-c-txt-navy\:80{color:hsl(240,100%,20%)}html.var .sf-c-txt-navy\:90{color:hsl(240,100%,10%)}html.var .sf-c-txt-navy\:100{color:hsl(240,100%,0%)}html[data-theme='dark'] .sf-c-navy,html.dark .sf-c-navy{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy))}html[data-theme='dark'] .sf-c-navy\:0,html.dark .sf-c-navy\:0{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-100))}html[data-theme='dark'] .sf-c-navy\:10,html.dark .sf-c-navy\:10{color:hsl(var(--sf-dark-c-txt-navy-10));background:hsl(var(--sf-dark-c-navy-90))}html[data-theme='dark'] .sf-c-navy\:20,html.dark .sf-c-navy\:20{color:hsl(var(--sf-dark-c-txt-navy-10));background:hsl(var(--sf-dark-c-navy-80))}html[data-theme='dark'] .sf-c-navy\:30,html.dark .sf-c-navy\:30{color:hsl(var(--sf-dark-c-txt-navy-10));background:hsl(var(--sf-dark-c-navy-70))}html[data-theme='dark'] .sf-c-navy\:40,html.dark .sf-c-navy\:40{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-60))}html[data-theme='dark'] .sf-c-navy\:50,html.dark .sf-c-navy\:50{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-50))}html[data-theme='dark'] .sf-c-navy\:60,html.dark .sf-c-navy\:60{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-40))}html[data-theme='dark'] .sf-c-navy\:70,html.dark .sf-c-navy\:70{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-30))}html[data-theme='dark'] .sf-c-navy\:80,html.dark .sf-c-navy\:80{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-20))}html[data-theme='dark'] .sf-c-navy\:90,html.dark .sf-c-navy\:90{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-10))}html[data-theme='dark'] .sf-c-navy\:100,html.dark .sf-c-navy\:100{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-0))}html[data-theme='dark'] .sf-c-navy\:dark,html.dark .sf-c-navy\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy))}html[data-theme='dark'] .sf-c-navy\:0\:dark,html.dark .sf-c-navy\:0\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-100))}html[data-theme='dark'] .sf-c-navy\:10\:dark,html.dark .sf-c-navy\:10\:dark{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-90))}html[data-theme='dark'] .sf-c-navy\:20\:dark,html.dark .sf-c-navy\:20\:dark{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-80))}html[data-theme='dark'] .sf-c-navy\:30\:dark,html.dark .sf-c-navy\:30\:dark{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-70))}html[data-theme='dark'] .sf-c-navy\:40\:dark,html.dark .sf-c-navy\:40\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-60))}html[data-theme='dark'] .sf-c-navy\:50\:dark,html.dark .sf-c-navy\:50\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-50))}html[data-theme='dark'] .sf-c-navy\:60\:dark,html.dark .sf-c-navy\:60\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-40))}html[data-theme='dark'] .sf-c-navy\:70\:dark,html.dark .sf-c-navy\:70\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-30))}html[data-theme='dark'] .sf-c-navy\:80\:dark,html.dark .sf-c-navy\:80\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-20))}html[data-theme='dark'] .sf-c-navy\:90\:dark,html.dark .sf-c-navy\:90\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-10))}html[data-theme='dark'] .sf-c-navy\:100\:dark,html.dark .sf-c-navy\:100\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-0))}html[data-theme='dark'] .sf-c-txt-navy,html.dark .sf-c-txt-navy{color:hsl(var(--sf-c-txt-navy))}html[data-theme='dark'] .sf-c-txt-navy\:0,html.dark .sf-c-txt-navy\:0{color:hsl(var(--sf-c-txt-navy-0))}html[data-theme='dark'] .sf-c-txt-navy\:10,html.dark .sf-c-txt-navy\:10{color:hsl(var(--sf-c-txt-navy-10))}html[data-theme='dark'] .sf-c-txt-navy\:20,html.dark .sf-c-txt-navy\:20{color:hsl(var(--sf-c-txt-navy-20))}html[data-theme='dark'] .sf-c-txt-navy\:30,html.dark .sf-c-txt-navy\:30{color:hsl(var(--sf-c-txt-navy-30))}html[data-theme='dark'] .sf-c-txt-navy\:40,html.dark .sf-c-txt-navy\:40{color:hsl(var(--sf-c-txt-navy-40))}html[data-theme='dark'] .sf-c-txt-navy\:50,html.dark .sf-c-txt-navy\:50{color:hsl(var(--sf-c-txt-navy-50))}html[data-theme='dark'] .sf-c-txt-navy\:60,html.dark .sf-c-txt-navy\:60{color:hsl(var(--sf-c-txt-navy-60))}html[data-theme='dark'] .sf-c-txt-navy\:70,html.dark .sf-c-txt-navy\:70{color:hsl(var(--sf-c-txt-navy-70))}html[data-theme='dark'] .sf-c-txt-navy\:80,html.dark .sf-c-txt-navy\:80{color:hsl(var(--sf-c-txt-navy-80))}html[data-theme='dark'] .sf-c-txt-navy\:90,html.dark .sf-c-txt-navy\:90{color:hsl(var(--sf-c-txt-navy-90))}html[data-theme='dark'] .sf-c-txt-navy\:100,html.dark .sf-c-txt-navy\:100{color:hsl(var(--sf-c-txt-navy-100))}html[data-theme='dark'] .sf-c-txt-navy\:dark,html.dark .sf-c-txt-navy\:dark{color:hsl(var(--sf-c-txt-navy))}html[data-theme='dark'] .sf-c-txt-navy\:0\:dark,html.dark .sf-c-txt-navy\:0\:dark{color:hsl(var(--sf-dark-c-txt-navy-0))}html[data-theme='dark'] .sf-c-txt-navy\:10\:dark,html.dark .sf-c-txt-navy\:10\:dark{color:hsl(var(--sf-dark-c-txt-navy-10))}html[data-theme='dark'] .sf-c-txt-navy\:20\:dark,html.dark .sf-c-txt-navy\:20\:dark{color:hsl(var(--sf-dark-c-txt-navy-20))}html[data-theme='dark'] .sf-c-txt-navy\:30\:dark,html.dark .sf-c-txt-navy\:30\:dark{color:hsl(var(--sf-dark-c-txt-navy-30))}html[data-theme='dark'] .sf-c-txt-navy\:40\:dark,html.dark .sf-c-txt-navy\:40\:dark{color:hsl(var(--sf-dark-c-txt-navy-40))}html[data-theme='dark'] .sf-c-txt-navy\:50\:dark,html.dark .sf-c-txt-navy\:50\:dark{color:hsl(var(--sf-dark-c-txt-navy-50))}html[data-theme='dark'] .sf-c-txt-navy\:60\:dark,html.dark .sf-c-txt-navy\:60\:dark{color:hsl(var(--sf-dark-c-txt-navy-60))}html[data-theme='dark'] .sf-c-txt-navy\:70\:dark,html.dark .sf-c-txt-navy\:70\:dark{color:hsl(var(--sf-dark-c-txt-navy-70))}html[data-theme='dark'] .sf-c-txt-navy\:80\:dark,html.dark .sf-c-txt-navy\:80\:dark{color:hsl(var(--sf-dark-c-txt-navy-80))}html[data-theme='dark'] .sf-c-txt-navy\:90\:dark,html.dark .sf-c-txt-navy\:90\:dark{color:hsl(var(--sf-dark-c-txt-navy-90))}html[data-theme='dark'] .sf-c-txt-navy\:100\:dark,html.dark .sf-c-txt-navy\:100\:dark{color:hsl(var(--sf-dark-c-txt-navy-100))}html.var[data-theme='dark'] .sf-c-navy,html.var.dark .sf-c-navy{color:hsl(240,100%,90%);background:hsl(240,100%,75%)}html.var[data-theme='dark'] .sf-c-navy\:0,html.var.dark .sf-c-navy\:0{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='dark'] .sf-c-navy\:10,html.var.dark .sf-c-navy\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-navy\:20,html.var.dark .sf-c-navy\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-navy\:30,html.var.dark .sf-c-navy\:30{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-navy\:40,html.var.dark .sf-c-navy\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-navy\:50,html.var.dark .sf-c-navy\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-navy\:60,html.var.dark .sf-c-navy\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-navy\:70,html.var.dark .sf-c-navy\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-navy\:80,html.var.dark .sf-c-navy\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-navy\:90,html.var.dark .sf-c-navy\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-navy\:100,html.var.dark .sf-c-navy\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='dark'] .sf-c-navy\:dark,html.var.dark .sf-c-navy\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,75%)}html.var[data-theme='dark'] .sf-c-navy\:0\:dark,html.var.dark .sf-c-navy\:0\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='dark'] .sf-c-navy\:10\:dark,html.var.dark .sf-c-navy\:10\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-navy\:20\:dark,html.var.dark .sf-c-navy\:20\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-navy\:30\:dark,html.var.dark .sf-c-navy\:30\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-navy\:40\:dark,html.var.dark .sf-c-navy\:40\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-navy\:50\:dark,html.var.dark .sf-c-navy\:50\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-navy\:60\:dark,html.var.dark .sf-c-navy\:60\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-navy\:70\:dark,html.var.dark .sf-c-navy\:70\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-navy\:80\:dark,html.var.dark .sf-c-navy\:80\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-navy\:90\:dark,html.var.dark .sf-c-navy\:90\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-navy\:100\:dark,html.var.dark .sf-c-navy\:100\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-navy,html.dark .sf-c-txt-navy{color:hsl(240,100%,25%)}html.var[data-theme='dark'] .sf-c-txt-navy\:0,html.dark .sf-c-txt-navy\:0{color:hsl(240,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-navy\:10,html.dark .sf-c-txt-navy\:10{color:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-navy\:20,html.dark .sf-c-txt-navy\:20{color:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-navy\:30,html.dark .sf-c-txt-navy\:30{color:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-navy\:40,html.dark .sf-c-txt-navy\:40{color:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-navy\:50,html.dark .sf-c-txt-navy\:50{color:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-navy\:60,html.dark .sf-c-txt-navy\:60{color:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-navy\:70,html.dark .sf-c-txt-navy\:70{color:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-navy\:80,html.dark .sf-c-txt-navy\:80{color:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-navy\:90,html.dark .sf-c-txt-navy\:90{color:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-navy\:100,html.dark .sf-c-txt-navy\:100{color:hsl(240,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-navy\:dark,html.dark .sf-c-txt-navy\:dark{color:hsl(240,100%,25%)}html.var[data-theme='dark'] .sf-c-txt-navy\:0\:dark,html.dark .sf-c-txt-navy\:0\:dark{color:hsl(240,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-navy\:10\:dark,html.dark .sf-c-txt-navy\:10\:dark{color:hsl(240,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-navy\:20\:dark,html.dark .sf-c-txt-navy\:20\:dark{color:hsl(240,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-navy\:30\:dark,html.dark .sf-c-txt-navy\:30\:dark{color:hsl(240,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-navy\:40\:dark,html.dark .sf-c-txt-navy\:40\:dark{color:hsl(240,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-navy\:50\:dark,html.dark .sf-c-txt-navy\:50\:dark{color:hsl(240,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-navy\:60\:dark,html.dark .sf-c-txt-navy\:60\:dark{color:hsl(240,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-navy\:70\:dark,html.dark .sf-c-txt-navy\:70\:dark{color:hsl(240,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-navy\:80\:dark,html.dark .sf-c-txt-navy\:80\:dark{color:hsl(240,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-navy\:90\:dark,html.dark .sf-c-txt-navy\:90\:dark{color:hsl(240,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-navy\:100\:dark,html.dark .sf-c-txt-navy\:100\:dark{color:hsl(240,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-navy,html.auto .sf-c-navy{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy))}html[data-theme='auto'] .sf-c-navy\:0,html.auto .sf-c-navy\:0{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-100))}html[data-theme='auto'] .sf-c-navy\:10,html.auto .sf-c-navy\:10{color:hsl(var(--sf-dark-c-txt-navy-10));background:hsl(var(--sf-dark-c-navy-90))}html[data-theme='auto'] .sf-c-navy\:20,html.auto .sf-c-navy\:20{color:hsl(var(--sf-dark-c-txt-navy-10));background:hsl(var(--sf-dark-c-navy-80))}html[data-theme='auto'] .sf-c-navy\:30,html.auto .sf-c-navy\:30{color:hsl(var(--sf-dark-c-txt-navy-10));background:hsl(var(--sf-dark-c-navy-70))}html[data-theme='auto'] .sf-c-navy\:40,html.auto .sf-c-navy\:40{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-60))}html[data-theme='auto'] .sf-c-navy\:50,html.auto .sf-c-navy\:50{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-50))}html[data-theme='auto'] .sf-c-navy\:60,html.auto .sf-c-navy\:60{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-40))}html[data-theme='auto'] .sf-c-navy\:70,html.auto .sf-c-navy\:70{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-30))}html[data-theme='auto'] .sf-c-navy\:80,html.auto .sf-c-navy\:80{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-20))}html[data-theme='auto'] .sf-c-navy\:90,html.auto .sf-c-navy\:90{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-10))}html[data-theme='auto'] .sf-c-navy\:100,html.auto .sf-c-navy\:100{color:hsl(var(--sf-dark-c-txt-navy-90));background:hsl(var(--sf-dark-c-navy-0))}html[data-theme='auto'] .sf-c-navy\:dark,html.auto .sf-c-navy\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy))}html[data-theme='auto'] .sf-c-navy\:0\:dark,html.auto .sf-c-navy\:0\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-100))}html[data-theme='auto'] .sf-c-navy\:10\:dark,html.auto .sf-c-navy\:10\:dark{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-90))}html[data-theme='auto'] .sf-c-navy\:20\:dark,html.auto .sf-c-navy\:20\:dark{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-80))}html[data-theme='auto'] .sf-c-navy\:30\:dark,html.auto .sf-c-navy\:30\:dark{color:hsl(var(--sf-c-txt-navy-10));background:hsl(var(--sf-c-navy-70))}html[data-theme='auto'] .sf-c-navy\:40\:dark,html.auto .sf-c-navy\:40\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-60))}html[data-theme='auto'] .sf-c-navy\:50\:dark,html.auto .sf-c-navy\:50\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-50))}html[data-theme='auto'] .sf-c-navy\:60\:dark,html.auto .sf-c-navy\:60\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-40))}html[data-theme='auto'] .sf-c-navy\:70\:dark,html.auto .sf-c-navy\:70\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-30))}html[data-theme='auto'] .sf-c-navy\:80\:dark,html.auto .sf-c-navy\:80\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-20))}html[data-theme='auto'] .sf-c-navy\:90\:dark,html.auto .sf-c-navy\:90\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-10))}html[data-theme='auto'] .sf-c-navy\:100\:dark,html.auto .sf-c-navy\:100\:dark{color:hsl(var(--sf-c-txt-navy-90));background:hsl(var(--sf-c-navy-0))}html[data-theme='auto'] .sf-c-txt-navy,html.auto .sf-c-txt-navy{color:hsl(var(--sf-c-txt-navy))}html[data-theme='auto'] .sf-c-txt-navy\:0,html.auto .sf-c-txt-navy\:0{color:hsl(var(--sf-c-txt-navy-0))}html[data-theme='auto'] .sf-c-txt-navy\:10,html.auto .sf-c-txt-navy\:10{color:hsl(var(--sf-c-txt-navy-10))}html[data-theme='auto'] .sf-c-txt-navy\:20,html.auto .sf-c-txt-navy\:20{color:hsl(var(--sf-c-txt-navy-20))}html[data-theme='auto'] .sf-c-txt-navy\:30,html.auto .sf-c-txt-navy\:30{color:hsl(var(--sf-c-txt-navy-30))}html[data-theme='auto'] .sf-c-txt-navy\:40,html.auto .sf-c-txt-navy\:40{color:hsl(var(--sf-c-txt-navy-40))}html[data-theme='auto'] .sf-c-txt-navy\:50,html.auto .sf-c-txt-navy\:50{color:hsl(var(--sf-c-txt-navy-50))}html[data-theme='auto'] .sf-c-txt-navy\:60,html.auto .sf-c-txt-navy\:60{color:hsl(var(--sf-c-txt-navy-60))}html[data-theme='auto'] .sf-c-txt-navy\:70,html.auto .sf-c-txt-navy\:70{color:hsl(var(--sf-c-txt-navy-70))}html[data-theme='auto'] .sf-c-txt-navy\:80,html.auto .sf-c-txt-navy\:80{color:hsl(var(--sf-c-txt-navy-80))}html[data-theme='auto'] .sf-c-txt-navy\:90,html.auto .sf-c-txt-navy\:90{color:hsl(var(--sf-c-txt-navy-90))}html[data-theme='auto'] .sf-c-txt-navy\:100,html.auto .sf-c-txt-navy\:100{color:hsl(var(--sf-c-txt-navy-100))}html[data-theme='auto'] .sf-c-txt-navy\:dark,html.auto .sf-c-txt-navy\:dark{color:hsl(var(--sf-c-txt-navy))}html[data-theme='auto'] .sf-c-txt-navy\:0\:dark,html.auto .sf-c-txt-navy\:0\:dark{color:hsl(var(--sf-c-txt-navy-0))}html[data-theme='auto'] .sf-c-txt-navy\:10\:dark,html.auto .sf-c-txt-navy\:10\:dark{color:hsl(var(--sf-c-txt-navy-10))}html[data-theme='auto'] .sf-c-txt-navy\:20\:dark,html.auto .sf-c-txt-navy\:20\:dark{color:hsl(var(--sf-c-txt-navy-20))}html[data-theme='auto'] .sf-c-txt-navy\:30\:dark,html.auto .sf-c-txt-navy\:30\:dark{color:hsl(var(--sf-c-txt-navy-30))}html[data-theme='auto'] .sf-c-txt-navy\:40\:dark,html.auto .sf-c-txt-navy\:40\:dark{color:hsl(var(--sf-c-txt-navy-40))}html[data-theme='auto'] .sf-c-txt-navy\:50\:dark,html.auto .sf-c-txt-navy\:50\:dark{color:hsl(var(--sf-c-txt-navy-50))}html[data-theme='auto'] .sf-c-txt-navy\:60\:dark,html.auto .sf-c-txt-navy\:60\:dark{color:hsl(var(--sf-c-txt-navy-60))}html[data-theme='auto'] .sf-c-txt-navy\:70\:dark,html.auto .sf-c-txt-navy\:70\:dark{color:hsl(var(--sf-c-txt-navy-70))}html[data-theme='auto'] .sf-c-txt-navy\:80\:dark,html.auto .sf-c-txt-navy\:80\:dark{color:hsl(var(--sf-c-txt-navy-80))}html[data-theme='auto'] .sf-c-txt-navy\:90\:dark,html.auto .sf-c-txt-navy\:90\:dark{color:hsl(var(--sf-c-txt-navy-90))}html[data-theme='auto'] .sf-c-txt-navy\:100\:dark,html.auto .sf-c-txt-navy\:100\:dark{color:hsl(var(--sf-c-txt-navy-100))}html.var[data-theme='auto'] .sf-c-navy,html.var.auto .sf-c-navy{color:hsl(240,100%,90%);background:hsl(240,100%,75%)}html.var[data-theme='auto'] .sf-c-navy\:0,html.var.auto .sf-c-navy\:0{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='auto'] .sf-c-navy\:10,html.var.auto .sf-c-navy\:10{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-navy\:20,html.var.auto .sf-c-navy\:20{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-navy\:30,html.var.auto .sf-c-navy\:30{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-navy\:40,html.var.auto .sf-c-navy\:40{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-navy\:50,html.var.auto .sf-c-navy\:50{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-navy\:60,html.var.auto .sf-c-navy\:60{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-navy\:70,html.var.auto .sf-c-navy\:70{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-navy\:80,html.var.auto .sf-c-navy\:80{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-navy\:90,html.var.auto .sf-c-navy\:90{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-navy\:100,html.var.auto .sf-c-navy\:100{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='auto'] .sf-c-navy\:dark,html.var.auto .sf-c-navy\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,75%)}html.var[data-theme='auto'] .sf-c-navy\:0\:dark,html.var.auto .sf-c-navy\:0\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,100%)}html.var[data-theme='auto'] .sf-c-navy\:10\:dark,html.var.auto .sf-c-navy\:10\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-navy\:20\:dark,html.var.auto .sf-c-navy\:20\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-navy\:30\:dark,html.var.auto .sf-c-navy\:30\:dark{color:hsl(240,100%,10%);background:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-navy\:40\:dark,html.var.auto .sf-c-navy\:40\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-navy\:50\:dark,html.var.auto .sf-c-navy\:50\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-navy\:60\:dark,html.var.auto .sf-c-navy\:60\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-navy\:70\:dark,html.var.auto .sf-c-navy\:70\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-navy\:80\:dark,html.var.auto .sf-c-navy\:80\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-navy\:90\:dark,html.var.auto .sf-c-navy\:90\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-navy\:100\:dark,html.var.auto .sf-c-navy\:100\:dark{color:hsl(240,100%,90%);background:hsl(240,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-navy,html.auto .sf-c-txt-navy{color:hsl(240,100%,25%)}html.var[data-theme='auto'] .sf-c-txt-navy\:0,html.auto .sf-c-txt-navy\:0{color:hsl(240,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-navy\:10,html.auto .sf-c-txt-navy\:10{color:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-navy\:20,html.auto .sf-c-txt-navy\:20{color:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-navy\:30,html.auto .sf-c-txt-navy\:30{color:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-navy\:40,html.auto .sf-c-txt-navy\:40{color:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-navy\:50,html.auto .sf-c-txt-navy\:50{color:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-navy\:60,html.auto .sf-c-txt-navy\:60{color:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-navy\:70,html.auto .sf-c-txt-navy\:70{color:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-navy\:80,html.auto .sf-c-txt-navy\:80{color:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-navy\:90,html.auto .sf-c-txt-navy\:90{color:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-navy\:100,html.auto .sf-c-txt-navy\:100{color:hsl(240,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-navy\:dark,html.auto .sf-c-txt-navy\:dark{color:hsl(240,100%,25%)}html.var[data-theme='auto'] .sf-c-txt-navy\:0\:dark,html.auto .sf-c-txt-navy\:0\:dark{color:hsl(240,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-navy\:10\:dark,html.auto .sf-c-txt-navy\:10\:dark{color:hsl(240,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-navy\:20\:dark,html.auto .sf-c-txt-navy\:20\:dark{color:hsl(240,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-navy\:30\:dark,html.auto .sf-c-txt-navy\:30\:dark{color:hsl(240,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-navy\:40\:dark,html.auto .sf-c-txt-navy\:40\:dark{color:hsl(240,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-navy\:50\:dark,html.auto .sf-c-txt-navy\:50\:dark{color:hsl(240,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-navy\:60\:dark,html.auto .sf-c-txt-navy\:60\:dark{color:hsl(240,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-navy\:70\:dark,html.auto .sf-c-txt-navy\:70\:dark{color:hsl(240,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-navy\:80\:dark,html.auto .sf-c-txt-navy\:80\:dark{color:hsl(240,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-navy\:90\:dark,html.auto .sf-c-txt-navy\:90\:dark{color:hsl(240,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-navy\:100\:dark,html.auto .sf-c-txt-navy\:100\:dark{color:hsl(240,100%,100%)}}.sf-c-olive{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive))}.sf-c-olive\:0{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-0))}.sf-c-olive\:10{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-10))}.sf-c-olive\:20{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-20))}.sf-c-olive\:30{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-30))}.sf-c-olive\:40{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-40))}.sf-c-olive\:50{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-50))}.sf-c-olive\:60{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-60))}.sf-c-olive\:70{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-70))}.sf-c-olive\:80{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-80))}.sf-c-olive\:90{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-90))}.sf-c-olive\:100{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-100))}html.var .sf-c-olive{color:hsl(60,100%,90%);background:hsl(60,100%,25%)}html.var .sf-c-olive\:0{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var .sf-c-olive\:10{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var .sf-c-olive\:20{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var .sf-c-olive\:30{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html.var .sf-c-olive\:40{color:hsl(60,100%,90%);background:hsl(60,100%,40%)}html.var .sf-c-olive\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var .sf-c-olive\:60{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var .sf-c-olive\:70{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var .sf-c-olive\:80{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var .sf-c-olive\:90{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var .sf-c-olive\:100{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}.sf-c-txt-olive{color:hsl(var(--sf-dark-c-txt-olive))}.sf-c-txt-olive\:0{color:hsl(var(--sf-dark-c-txt-olive-100))}.sf-c-txt-olive\:10{color:hsl(var(--sf-dark-c-txt-olive-90))}.sf-c-txt-olive\:20{color:hsl(var(--sf-dark-c-txt-olive-80))}.sf-c-txt-olive\:30{color:hsl(var(--sf-dark-c-txt-olive-70))}.sf-c-txt-olive\:40{color:hsl(var(--sf-dark-c-txt-olive-60))}.sf-c-txt-olive\:50{color:hsl(var(--sf-dark-c-txt-olive-50))}.sf-c-txt-olive\:60{color:hsl(var(--sf-dark-c-txt-olive-40))}.sf-c-txt-olive\:70{color:hsl(var(--sf-dark-c-txt-olive-30))}.sf-c-txt-olive\:80{color:hsl(var(--sf-dark-c-txt-olive-20))}.sf-c-txt-olive\:90{color:hsl(var(--sf-dark-c-txt-olive-10))}.sf-c-txt-olive\:100{color:hsl(var(--sf-dark-c-txt-olive-0))}html.var .sf-c-txt-olive{color:hsl(60,100%,75%)}html.var .sf-c-txt-olive\:0{color:hsl(60,100%,100%)}html.var .sf-c-txt-olive\:10{color:hsl(60,100%,90%)}html.var .sf-c-txt-olive\:20{color:hsl(60,100%,80%)}html.var .sf-c-txt-olive\:30{color:hsl(60,100%,70%)}html.var .sf-c-txt-olive\:40{color:hsl(60,100%,60%)}html.var .sf-c-txt-olive\:50{color:hsl(60,100%,50%)}html.var .sf-c-txt-olive\:60{color:hsl(60,100%,40%)}html.var .sf-c-txt-olive\:70{color:hsl(60,100%,30%)}html.var .sf-c-txt-olive\:80{color:hsl(60,100%,20%)}html.var .sf-c-txt-olive\:90{color:hsl(60,100%,10%)}html.var .sf-c-txt-olive\:100{color:hsl(60,100%,0%)}html[data-theme='dark'] .sf-c-olive,html.dark .sf-c-olive{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive))}html[data-theme='dark'] .sf-c-olive\:0,html.dark .sf-c-olive\:0{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-100))}html[data-theme='dark'] .sf-c-olive\:10,html.dark .sf-c-olive\:10{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-90))}html[data-theme='dark'] .sf-c-olive\:20,html.dark .sf-c-olive\:20{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-80))}html[data-theme='dark'] .sf-c-olive\:30,html.dark .sf-c-olive\:30{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-70))}html[data-theme='dark'] .sf-c-olive\:40,html.dark .sf-c-olive\:40{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-60))}html[data-theme='dark'] .sf-c-olive\:50,html.dark .sf-c-olive\:50{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-50))}html[data-theme='dark'] .sf-c-olive\:60,html.dark .sf-c-olive\:60{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-40))}html[data-theme='dark'] .sf-c-olive\:70,html.dark .sf-c-olive\:70{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-30))}html[data-theme='dark'] .sf-c-olive\:80,html.dark .sf-c-olive\:80{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-20))}html[data-theme='dark'] .sf-c-olive\:90,html.dark .sf-c-olive\:90{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-10))}html[data-theme='dark'] .sf-c-olive\:100,html.dark .sf-c-olive\:100{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-0))}html[data-theme='dark'] .sf-c-olive\:dark,html.dark .sf-c-olive\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive))}html[data-theme='dark'] .sf-c-olive\:0\:dark,html.dark .sf-c-olive\:0\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-100))}html[data-theme='dark'] .sf-c-olive\:10\:dark,html.dark .sf-c-olive\:10\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-90))}html[data-theme='dark'] .sf-c-olive\:20\:dark,html.dark .sf-c-olive\:20\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-80))}html[data-theme='dark'] .sf-c-olive\:30\:dark,html.dark .sf-c-olive\:30\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-70))}html[data-theme='dark'] .sf-c-olive\:40\:dark,html.dark .sf-c-olive\:40\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-60))}html[data-theme='dark'] .sf-c-olive\:50\:dark,html.dark .sf-c-olive\:50\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-50))}html[data-theme='dark'] .sf-c-olive\:60\:dark,html.dark .sf-c-olive\:60\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-40))}html[data-theme='dark'] .sf-c-olive\:70\:dark,html.dark .sf-c-olive\:70\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-30))}html[data-theme='dark'] .sf-c-olive\:80\:dark,html.dark .sf-c-olive\:80\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-20))}html[data-theme='dark'] .sf-c-olive\:90\:dark,html.dark .sf-c-olive\:90\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-10))}html[data-theme='dark'] .sf-c-olive\:100\:dark,html.dark .sf-c-olive\:100\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-0))}html[data-theme='dark'] .sf-c-txt-olive,html.dark .sf-c-txt-olive{color:hsl(var(--sf-c-txt-olive))}html[data-theme='dark'] .sf-c-txt-olive\:0,html.dark .sf-c-txt-olive\:0{color:hsl(var(--sf-c-txt-olive-0))}html[data-theme='dark'] .sf-c-txt-olive\:10,html.dark .sf-c-txt-olive\:10{color:hsl(var(--sf-c-txt-olive-10))}html[data-theme='dark'] .sf-c-txt-olive\:20,html.dark .sf-c-txt-olive\:20{color:hsl(var(--sf-c-txt-olive-20))}html[data-theme='dark'] .sf-c-txt-olive\:30,html.dark .sf-c-txt-olive\:30{color:hsl(var(--sf-c-txt-olive-30))}html[data-theme='dark'] .sf-c-txt-olive\:40,html.dark .sf-c-txt-olive\:40{color:hsl(var(--sf-c-txt-olive-40))}html[data-theme='dark'] .sf-c-txt-olive\:50,html.dark .sf-c-txt-olive\:50{color:hsl(var(--sf-c-txt-olive-50))}html[data-theme='dark'] .sf-c-txt-olive\:60,html.dark .sf-c-txt-olive\:60{color:hsl(var(--sf-c-txt-olive-60))}html[data-theme='dark'] .sf-c-txt-olive\:70,html.dark .sf-c-txt-olive\:70{color:hsl(var(--sf-c-txt-olive-70))}html[data-theme='dark'] .sf-c-txt-olive\:80,html.dark .sf-c-txt-olive\:80{color:hsl(var(--sf-c-txt-olive-80))}html[data-theme='dark'] .sf-c-txt-olive\:90,html.dark .sf-c-txt-olive\:90{color:hsl(var(--sf-c-txt-olive-90))}html[data-theme='dark'] .sf-c-txt-olive\:100,html.dark .sf-c-txt-olive\:100{color:hsl(var(--sf-c-txt-olive-100))}html[data-theme='dark'] .sf-c-txt-olive\:dark,html.dark .sf-c-txt-olive\:dark{color:hsl(var(--sf-c-txt-olive))}html[data-theme='dark'] .sf-c-txt-olive\:0\:dark,html.dark .sf-c-txt-olive\:0\:dark{color:hsl(var(--sf-dark-c-txt-olive-0))}html[data-theme='dark'] .sf-c-txt-olive\:10\:dark,html.dark .sf-c-txt-olive\:10\:dark{color:hsl(var(--sf-dark-c-txt-olive-10))}html[data-theme='dark'] .sf-c-txt-olive\:20\:dark,html.dark .sf-c-txt-olive\:20\:dark{color:hsl(var(--sf-dark-c-txt-olive-20))}html[data-theme='dark'] .sf-c-txt-olive\:30\:dark,html.dark .sf-c-txt-olive\:30\:dark{color:hsl(var(--sf-dark-c-txt-olive-30))}html[data-theme='dark'] .sf-c-txt-olive\:40\:dark,html.dark .sf-c-txt-olive\:40\:dark{color:hsl(var(--sf-dark-c-txt-olive-40))}html[data-theme='dark'] .sf-c-txt-olive\:50\:dark,html.dark .sf-c-txt-olive\:50\:dark{color:hsl(var(--sf-dark-c-txt-olive-50))}html[data-theme='dark'] .sf-c-txt-olive\:60\:dark,html.dark .sf-c-txt-olive\:60\:dark{color:hsl(var(--sf-dark-c-txt-olive-60))}html[data-theme='dark'] .sf-c-txt-olive\:70\:dark,html.dark .sf-c-txt-olive\:70\:dark{color:hsl(var(--sf-dark-c-txt-olive-70))}html[data-theme='dark'] .sf-c-txt-olive\:80\:dark,html.dark .sf-c-txt-olive\:80\:dark{color:hsl(var(--sf-dark-c-txt-olive-80))}html[data-theme='dark'] .sf-c-txt-olive\:90\:dark,html.dark .sf-c-txt-olive\:90\:dark{color:hsl(var(--sf-dark-c-txt-olive-90))}html[data-theme='dark'] .sf-c-txt-olive\:100\:dark,html.dark .sf-c-txt-olive\:100\:dark{color:hsl(var(--sf-dark-c-txt-olive-100))}html.var[data-theme='dark'] .sf-c-olive,html.var.dark .sf-c-olive{color:hsl(60,100%,10%);background:hsl(60,100%,75%)}html.var[data-theme='dark'] .sf-c-olive\:0,html.var.dark .sf-c-olive\:0{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='dark'] .sf-c-olive\:10,html.var.dark .sf-c-olive\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-olive\:20,html.var.dark .sf-c-olive\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-olive\:30,html.var.dark .sf-c-olive\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-olive\:40,html.var.dark .sf-c-olive\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-olive\:50,html.var.dark .sf-c-olive\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-olive\:60,html.var.dark .sf-c-olive\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-olive\:70,html.var.dark .sf-c-olive\:70{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-olive\:80,html.var.dark .sf-c-olive\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-olive\:90,html.var.dark .sf-c-olive\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-olive\:100,html.var.dark .sf-c-olive\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='dark'] .sf-c-olive\:dark,html.var.dark .sf-c-olive\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,75%)}html.var[data-theme='dark'] .sf-c-olive\:0\:dark,html.var.dark .sf-c-olive\:0\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='dark'] .sf-c-olive\:10\:dark,html.var.dark .sf-c-olive\:10\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-olive\:20\:dark,html.var.dark .sf-c-olive\:20\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-olive\:30\:dark,html.var.dark .sf-c-olive\:30\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-olive\:40\:dark,html.var.dark .sf-c-olive\:40\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-olive\:50\:dark,html.var.dark .sf-c-olive\:50\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-olive\:60\:dark,html.var.dark .sf-c-olive\:60\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-olive\:70\:dark,html.var.dark .sf-c-olive\:70\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-olive\:80\:dark,html.var.dark .sf-c-olive\:80\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-olive\:90\:dark,html.var.dark .sf-c-olive\:90\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-olive\:100\:dark,html.var.dark .sf-c-olive\:100\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-olive,html.dark .sf-c-txt-olive{color:hsl(60,100%,25%)}html.var[data-theme='dark'] .sf-c-txt-olive\:0,html.dark .sf-c-txt-olive\:0{color:hsl(60,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-olive\:10,html.dark .sf-c-txt-olive\:10{color:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-olive\:20,html.dark .sf-c-txt-olive\:20{color:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-olive\:30,html.dark .sf-c-txt-olive\:30{color:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-olive\:40,html.dark .sf-c-txt-olive\:40{color:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-olive\:50,html.dark .sf-c-txt-olive\:50{color:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-olive\:60,html.dark .sf-c-txt-olive\:60{color:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-olive\:70,html.dark .sf-c-txt-olive\:70{color:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-olive\:80,html.dark .sf-c-txt-olive\:80{color:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-olive\:90,html.dark .sf-c-txt-olive\:90{color:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-olive\:100,html.dark .sf-c-txt-olive\:100{color:hsl(60,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-olive\:dark,html.dark .sf-c-txt-olive\:dark{color:hsl(60,100%,25%)}html.var[data-theme='dark'] .sf-c-txt-olive\:0\:dark,html.dark .sf-c-txt-olive\:0\:dark{color:hsl(60,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-olive\:10\:dark,html.dark .sf-c-txt-olive\:10\:dark{color:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-olive\:20\:dark,html.dark .sf-c-txt-olive\:20\:dark{color:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-olive\:30\:dark,html.dark .sf-c-txt-olive\:30\:dark{color:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-olive\:40\:dark,html.dark .sf-c-txt-olive\:40\:dark{color:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-olive\:50\:dark,html.dark .sf-c-txt-olive\:50\:dark{color:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-olive\:60\:dark,html.dark .sf-c-txt-olive\:60\:dark{color:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-olive\:70\:dark,html.dark .sf-c-txt-olive\:70\:dark{color:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-olive\:80\:dark,html.dark .sf-c-txt-olive\:80\:dark{color:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-olive\:90\:dark,html.dark .sf-c-txt-olive\:90\:dark{color:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-olive\:100\:dark,html.dark .sf-c-txt-olive\:100\:dark{color:hsl(60,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-olive,html.auto .sf-c-olive{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive))}html[data-theme='auto'] .sf-c-olive\:0,html.auto .sf-c-olive\:0{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-100))}html[data-theme='auto'] .sf-c-olive\:10,html.auto .sf-c-olive\:10{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-90))}html[data-theme='auto'] .sf-c-olive\:20,html.auto .sf-c-olive\:20{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-80))}html[data-theme='auto'] .sf-c-olive\:30,html.auto .sf-c-olive\:30{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-70))}html[data-theme='auto'] .sf-c-olive\:40,html.auto .sf-c-olive\:40{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-60))}html[data-theme='auto'] .sf-c-olive\:50,html.auto .sf-c-olive\:50{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-50))}html[data-theme='auto'] .sf-c-olive\:60,html.auto .sf-c-olive\:60{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-40))}html[data-theme='auto'] .sf-c-olive\:70,html.auto .sf-c-olive\:70{color:hsl(var(--sf-dark-c-txt-olive-10));background:hsl(var(--sf-dark-c-olive-30))}html[data-theme='auto'] .sf-c-olive\:80,html.auto .sf-c-olive\:80{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-20))}html[data-theme='auto'] .sf-c-olive\:90,html.auto .sf-c-olive\:90{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-10))}html[data-theme='auto'] .sf-c-olive\:100,html.auto .sf-c-olive\:100{color:hsl(var(--sf-dark-c-txt-olive-90));background:hsl(var(--sf-dark-c-olive-0))}html[data-theme='auto'] .sf-c-olive\:dark,html.auto .sf-c-olive\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive))}html[data-theme='auto'] .sf-c-olive\:0\:dark,html.auto .sf-c-olive\:0\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-100))}html[data-theme='auto'] .sf-c-olive\:10\:dark,html.auto .sf-c-olive\:10\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-90))}html[data-theme='auto'] .sf-c-olive\:20\:dark,html.auto .sf-c-olive\:20\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-80))}html[data-theme='auto'] .sf-c-olive\:30\:dark,html.auto .sf-c-olive\:30\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-70))}html[data-theme='auto'] .sf-c-olive\:40\:dark,html.auto .sf-c-olive\:40\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-60))}html[data-theme='auto'] .sf-c-olive\:50\:dark,html.auto .sf-c-olive\:50\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-50))}html[data-theme='auto'] .sf-c-olive\:60\:dark,html.auto .sf-c-olive\:60\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-40))}html[data-theme='auto'] .sf-c-olive\:70\:dark,html.auto .sf-c-olive\:70\:dark{color:hsl(var(--sf-c-txt-olive-10));background:hsl(var(--sf-c-olive-30))}html[data-theme='auto'] .sf-c-olive\:80\:dark,html.auto .sf-c-olive\:80\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-20))}html[data-theme='auto'] .sf-c-olive\:90\:dark,html.auto .sf-c-olive\:90\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-10))}html[data-theme='auto'] .sf-c-olive\:100\:dark,html.auto .sf-c-olive\:100\:dark{color:hsl(var(--sf-c-txt-olive-90));background:hsl(var(--sf-c-olive-0))}html[data-theme='auto'] .sf-c-txt-olive,html.auto .sf-c-txt-olive{color:hsl(var(--sf-c-txt-olive))}html[data-theme='auto'] .sf-c-txt-olive\:0,html.auto .sf-c-txt-olive\:0{color:hsl(var(--sf-c-txt-olive-0))}html[data-theme='auto'] .sf-c-txt-olive\:10,html.auto .sf-c-txt-olive\:10{color:hsl(var(--sf-c-txt-olive-10))}html[data-theme='auto'] .sf-c-txt-olive\:20,html.auto .sf-c-txt-olive\:20{color:hsl(var(--sf-c-txt-olive-20))}html[data-theme='auto'] .sf-c-txt-olive\:30,html.auto .sf-c-txt-olive\:30{color:hsl(var(--sf-c-txt-olive-30))}html[data-theme='auto'] .sf-c-txt-olive\:40,html.auto .sf-c-txt-olive\:40{color:hsl(var(--sf-c-txt-olive-40))}html[data-theme='auto'] .sf-c-txt-olive\:50,html.auto .sf-c-txt-olive\:50{color:hsl(var(--sf-c-txt-olive-50))}html[data-theme='auto'] .sf-c-txt-olive\:60,html.auto .sf-c-txt-olive\:60{color:hsl(var(--sf-c-txt-olive-60))}html[data-theme='auto'] .sf-c-txt-olive\:70,html.auto .sf-c-txt-olive\:70{color:hsl(var(--sf-c-txt-olive-70))}html[data-theme='auto'] .sf-c-txt-olive\:80,html.auto .sf-c-txt-olive\:80{color:hsl(var(--sf-c-txt-olive-80))}html[data-theme='auto'] .sf-c-txt-olive\:90,html.auto .sf-c-txt-olive\:90{color:hsl(var(--sf-c-txt-olive-90))}html[data-theme='auto'] .sf-c-txt-olive\:100,html.auto .sf-c-txt-olive\:100{color:hsl(var(--sf-c-txt-olive-100))}html[data-theme='auto'] .sf-c-txt-olive\:dark,html.auto .sf-c-txt-olive\:dark{color:hsl(var(--sf-c-txt-olive))}html[data-theme='auto'] .sf-c-txt-olive\:0\:dark,html.auto .sf-c-txt-olive\:0\:dark{color:hsl(var(--sf-c-txt-olive-0))}html[data-theme='auto'] .sf-c-txt-olive\:10\:dark,html.auto .sf-c-txt-olive\:10\:dark{color:hsl(var(--sf-c-txt-olive-10))}html[data-theme='auto'] .sf-c-txt-olive\:20\:dark,html.auto .sf-c-txt-olive\:20\:dark{color:hsl(var(--sf-c-txt-olive-20))}html[data-theme='auto'] .sf-c-txt-olive\:30\:dark,html.auto .sf-c-txt-olive\:30\:dark{color:hsl(var(--sf-c-txt-olive-30))}html[data-theme='auto'] .sf-c-txt-olive\:40\:dark,html.auto .sf-c-txt-olive\:40\:dark{color:hsl(var(--sf-c-txt-olive-40))}html[data-theme='auto'] .sf-c-txt-olive\:50\:dark,html.auto .sf-c-txt-olive\:50\:dark{color:hsl(var(--sf-c-txt-olive-50))}html[data-theme='auto'] .sf-c-txt-olive\:60\:dark,html.auto .sf-c-txt-olive\:60\:dark{color:hsl(var(--sf-c-txt-olive-60))}html[data-theme='auto'] .sf-c-txt-olive\:70\:dark,html.auto .sf-c-txt-olive\:70\:dark{color:hsl(var(--sf-c-txt-olive-70))}html[data-theme='auto'] .sf-c-txt-olive\:80\:dark,html.auto .sf-c-txt-olive\:80\:dark{color:hsl(var(--sf-c-txt-olive-80))}html[data-theme='auto'] .sf-c-txt-olive\:90\:dark,html.auto .sf-c-txt-olive\:90\:dark{color:hsl(var(--sf-c-txt-olive-90))}html[data-theme='auto'] .sf-c-txt-olive\:100\:dark,html.auto .sf-c-txt-olive\:100\:dark{color:hsl(var(--sf-c-txt-olive-100))}html.var[data-theme='auto'] .sf-c-olive,html.var.auto .sf-c-olive{color:hsl(60,100%,10%);background:hsl(60,100%,75%)}html.var[data-theme='auto'] .sf-c-olive\:0,html.var.auto .sf-c-olive\:0{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='auto'] .sf-c-olive\:10,html.var.auto .sf-c-olive\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-olive\:20,html.var.auto .sf-c-olive\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-olive\:30,html.var.auto .sf-c-olive\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-olive\:40,html.var.auto .sf-c-olive\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-olive\:50,html.var.auto .sf-c-olive\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-olive\:60,html.var.auto .sf-c-olive\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-olive\:70,html.var.auto .sf-c-olive\:70{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-olive\:80,html.var.auto .sf-c-olive\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-olive\:90,html.var.auto .sf-c-olive\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-olive\:100,html.var.auto .sf-c-olive\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='auto'] .sf-c-olive\:dark,html.var.auto .sf-c-olive\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,75%)}html.var[data-theme='auto'] .sf-c-olive\:0\:dark,html.var.auto .sf-c-olive\:0\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='auto'] .sf-c-olive\:10\:dark,html.var.auto .sf-c-olive\:10\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-olive\:20\:dark,html.var.auto .sf-c-olive\:20\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-olive\:30\:dark,html.var.auto .sf-c-olive\:30\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-olive\:40\:dark,html.var.auto .sf-c-olive\:40\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-olive\:50\:dark,html.var.auto .sf-c-olive\:50\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-olive\:60\:dark,html.var.auto .sf-c-olive\:60\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-olive\:70\:dark,html.var.auto .sf-c-olive\:70\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-olive\:80\:dark,html.var.auto .sf-c-olive\:80\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-olive\:90\:dark,html.var.auto .sf-c-olive\:90\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-olive\:100\:dark,html.var.auto .sf-c-olive\:100\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-olive,html.auto .sf-c-txt-olive{color:hsl(60,100%,25%)}html.var[data-theme='auto'] .sf-c-txt-olive\:0,html.auto .sf-c-txt-olive\:0{color:hsl(60,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-olive\:10,html.auto .sf-c-txt-olive\:10{color:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-olive\:20,html.auto .sf-c-txt-olive\:20{color:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-olive\:30,html.auto .sf-c-txt-olive\:30{color:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-olive\:40,html.auto .sf-c-txt-olive\:40{color:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-olive\:50,html.auto .sf-c-txt-olive\:50{color:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-olive\:60,html.auto .sf-c-txt-olive\:60{color:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-olive\:70,html.auto .sf-c-txt-olive\:70{color:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-olive\:80,html.auto .sf-c-txt-olive\:80{color:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-olive\:90,html.auto .sf-c-txt-olive\:90{color:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-olive\:100,html.auto .sf-c-txt-olive\:100{color:hsl(60,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-olive\:dark,html.auto .sf-c-txt-olive\:dark{color:hsl(60,100%,25%)}html.var[data-theme='auto'] .sf-c-txt-olive\:0\:dark,html.auto .sf-c-txt-olive\:0\:dark{color:hsl(60,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-olive\:10\:dark,html.auto .sf-c-txt-olive\:10\:dark{color:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-olive\:20\:dark,html.auto .sf-c-txt-olive\:20\:dark{color:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-olive\:30\:dark,html.auto .sf-c-txt-olive\:30\:dark{color:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-olive\:40\:dark,html.auto .sf-c-txt-olive\:40\:dark{color:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-olive\:50\:dark,html.auto .sf-c-txt-olive\:50\:dark{color:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-olive\:60\:dark,html.auto .sf-c-txt-olive\:60\:dark{color:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-olive\:70\:dark,html.auto .sf-c-txt-olive\:70\:dark{color:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-olive\:80\:dark,html.auto .sf-c-txt-olive\:80\:dark{color:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-olive\:90\:dark,html.auto .sf-c-txt-olive\:90\:dark{color:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-olive\:100\:dark,html.auto .sf-c-txt-olive\:100\:dark{color:hsl(60,100%,100%)}}.sf-c-purple{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple))}.sf-c-purple\:0{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-0))}.sf-c-purple\:10{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-10))}.sf-c-purple\:20{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-20))}.sf-c-purple\:30{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-30))}.sf-c-purple\:40{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-40))}.sf-c-purple\:50{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-50))}.sf-c-purple\:60{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-60))}.sf-c-purple\:70{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-70))}.sf-c-purple\:80{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-80))}.sf-c-purple\:90{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-90))}.sf-c-purple\:100{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-100))}html.var .sf-c-purple{color:hsl(300,100%,90%);background:hsl(300,100%,25%)}html.var .sf-c-purple\:0{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var .sf-c-purple\:10{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var .sf-c-purple\:20{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var .sf-c-purple\:30{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var .sf-c-purple\:40{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var .sf-c-purple\:50{color:hsl(300,100%,90%);background:hsl(300,100%,50%)}html.var .sf-c-purple\:60{color:hsl(300,100%,90%);background:hsl(300,100%,60%)}html.var .sf-c-purple\:70{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var .sf-c-purple\:80{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var .sf-c-purple\:90{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var .sf-c-purple\:100{color:hsl(300,100%,10%);background:hsl(300,100%,100%)}.sf-c-txt-purple{color:hsl(var(--sf-dark-c-txt-purple))}.sf-c-txt-purple\:0{color:hsl(var(--sf-dark-c-txt-purple-100))}.sf-c-txt-purple\:10{color:hsl(var(--sf-dark-c-txt-purple-90))}.sf-c-txt-purple\:20{color:hsl(var(--sf-dark-c-txt-purple-80))}.sf-c-txt-purple\:30{color:hsl(var(--sf-dark-c-txt-purple-70))}.sf-c-txt-purple\:40{color:hsl(var(--sf-dark-c-txt-purple-60))}.sf-c-txt-purple\:50{color:hsl(var(--sf-dark-c-txt-purple-50))}.sf-c-txt-purple\:60{color:hsl(var(--sf-dark-c-txt-purple-40))}.sf-c-txt-purple\:70{color:hsl(var(--sf-dark-c-txt-purple-30))}.sf-c-txt-purple\:80{color:hsl(var(--sf-dark-c-txt-purple-20))}.sf-c-txt-purple\:90{color:hsl(var(--sf-dark-c-txt-purple-10))}.sf-c-txt-purple\:100{color:hsl(var(--sf-dark-c-txt-purple-0))}html.var .sf-c-txt-purple{color:hsl(300,100%,75%)}html.var .sf-c-txt-purple\:0{color:hsl(300,100%,100%)}html.var .sf-c-txt-purple\:10{color:hsl(300,100%,90%)}html.var .sf-c-txt-purple\:20{color:hsl(300,100%,80%)}html.var .sf-c-txt-purple\:30{color:hsl(300,100%,70%)}html.var .sf-c-txt-purple\:40{color:hsl(300,100%,60%)}html.var .sf-c-txt-purple\:50{color:hsl(300,100%,50%)}html.var .sf-c-txt-purple\:60{color:hsl(300,100%,40%)}html.var .sf-c-txt-purple\:70{color:hsl(300,100%,30%)}html.var .sf-c-txt-purple\:80{color:hsl(300,100%,20%)}html.var .sf-c-txt-purple\:90{color:hsl(300,100%,10%)}html.var .sf-c-txt-purple\:100{color:hsl(300,100%,0%)}html[data-theme='dark'] .sf-c-purple,html.dark .sf-c-purple{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple))}html[data-theme='dark'] .sf-c-purple\:0,html.dark .sf-c-purple\:0{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-100))}html[data-theme='dark'] .sf-c-purple\:10,html.dark .sf-c-purple\:10{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-90))}html[data-theme='dark'] .sf-c-purple\:20,html.dark .sf-c-purple\:20{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-80))}html[data-theme='dark'] .sf-c-purple\:30,html.dark .sf-c-purple\:30{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-70))}html[data-theme='dark'] .sf-c-purple\:40,html.dark .sf-c-purple\:40{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-60))}html[data-theme='dark'] .sf-c-purple\:50,html.dark .sf-c-purple\:50{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-50))}html[data-theme='dark'] .sf-c-purple\:60,html.dark .sf-c-purple\:60{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-40))}html[data-theme='dark'] .sf-c-purple\:70,html.dark .sf-c-purple\:70{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-30))}html[data-theme='dark'] .sf-c-purple\:80,html.dark .sf-c-purple\:80{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-20))}html[data-theme='dark'] .sf-c-purple\:90,html.dark .sf-c-purple\:90{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-10))}html[data-theme='dark'] .sf-c-purple\:100,html.dark .sf-c-purple\:100{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-0))}html[data-theme='dark'] .sf-c-purple\:dark,html.dark .sf-c-purple\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple))}html[data-theme='dark'] .sf-c-purple\:0\:dark,html.dark .sf-c-purple\:0\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-100))}html[data-theme='dark'] .sf-c-purple\:10\:dark,html.dark .sf-c-purple\:10\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-90))}html[data-theme='dark'] .sf-c-purple\:20\:dark,html.dark .sf-c-purple\:20\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-80))}html[data-theme='dark'] .sf-c-purple\:30\:dark,html.dark .sf-c-purple\:30\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-70))}html[data-theme='dark'] .sf-c-purple\:40\:dark,html.dark .sf-c-purple\:40\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-60))}html[data-theme='dark'] .sf-c-purple\:50\:dark,html.dark .sf-c-purple\:50\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-50))}html[data-theme='dark'] .sf-c-purple\:60\:dark,html.dark .sf-c-purple\:60\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-40))}html[data-theme='dark'] .sf-c-purple\:70\:dark,html.dark .sf-c-purple\:70\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-30))}html[data-theme='dark'] .sf-c-purple\:80\:dark,html.dark .sf-c-purple\:80\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-20))}html[data-theme='dark'] .sf-c-purple\:90\:dark,html.dark .sf-c-purple\:90\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-10))}html[data-theme='dark'] .sf-c-purple\:100\:dark,html.dark .sf-c-purple\:100\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-0))}html[data-theme='dark'] .sf-c-txt-purple,html.dark .sf-c-txt-purple{color:hsl(var(--sf-c-txt-purple))}html[data-theme='dark'] .sf-c-txt-purple\:0,html.dark .sf-c-txt-purple\:0{color:hsl(var(--sf-c-txt-purple-0))}html[data-theme='dark'] .sf-c-txt-purple\:10,html.dark .sf-c-txt-purple\:10{color:hsl(var(--sf-c-txt-purple-10))}html[data-theme='dark'] .sf-c-txt-purple\:20,html.dark .sf-c-txt-purple\:20{color:hsl(var(--sf-c-txt-purple-20))}html[data-theme='dark'] .sf-c-txt-purple\:30,html.dark .sf-c-txt-purple\:30{color:hsl(var(--sf-c-txt-purple-30))}html[data-theme='dark'] .sf-c-txt-purple\:40,html.dark .sf-c-txt-purple\:40{color:hsl(var(--sf-c-txt-purple-40))}html[data-theme='dark'] .sf-c-txt-purple\:50,html.dark .sf-c-txt-purple\:50{color:hsl(var(--sf-c-txt-purple-50))}html[data-theme='dark'] .sf-c-txt-purple\:60,html.dark .sf-c-txt-purple\:60{color:hsl(var(--sf-c-txt-purple-60))}html[data-theme='dark'] .sf-c-txt-purple\:70,html.dark .sf-c-txt-purple\:70{color:hsl(var(--sf-c-txt-purple-70))}html[data-theme='dark'] .sf-c-txt-purple\:80,html.dark .sf-c-txt-purple\:80{color:hsl(var(--sf-c-txt-purple-80))}html[data-theme='dark'] .sf-c-txt-purple\:90,html.dark .sf-c-txt-purple\:90{color:hsl(var(--sf-c-txt-purple-90))}html[data-theme='dark'] .sf-c-txt-purple\:100,html.dark .sf-c-txt-purple\:100{color:hsl(var(--sf-c-txt-purple-100))}html[data-theme='dark'] .sf-c-txt-purple\:dark,html.dark .sf-c-txt-purple\:dark{color:hsl(var(--sf-c-txt-purple))}html[data-theme='dark'] .sf-c-txt-purple\:0\:dark,html.dark .sf-c-txt-purple\:0\:dark{color:hsl(var(--sf-dark-c-txt-purple-0))}html[data-theme='dark'] .sf-c-txt-purple\:10\:dark,html.dark .sf-c-txt-purple\:10\:dark{color:hsl(var(--sf-dark-c-txt-purple-10))}html[data-theme='dark'] .sf-c-txt-purple\:20\:dark,html.dark .sf-c-txt-purple\:20\:dark{color:hsl(var(--sf-dark-c-txt-purple-20))}html[data-theme='dark'] .sf-c-txt-purple\:30\:dark,html.dark .sf-c-txt-purple\:30\:dark{color:hsl(var(--sf-dark-c-txt-purple-30))}html[data-theme='dark'] .sf-c-txt-purple\:40\:dark,html.dark .sf-c-txt-purple\:40\:dark{color:hsl(var(--sf-dark-c-txt-purple-40))}html[data-theme='dark'] .sf-c-txt-purple\:50\:dark,html.dark .sf-c-txt-purple\:50\:dark{color:hsl(var(--sf-dark-c-txt-purple-50))}html[data-theme='dark'] .sf-c-txt-purple\:60\:dark,html.dark .sf-c-txt-purple\:60\:dark{color:hsl(var(--sf-dark-c-txt-purple-60))}html[data-theme='dark'] .sf-c-txt-purple\:70\:dark,html.dark .sf-c-txt-purple\:70\:dark{color:hsl(var(--sf-dark-c-txt-purple-70))}html[data-theme='dark'] .sf-c-txt-purple\:80\:dark,html.dark .sf-c-txt-purple\:80\:dark{color:hsl(var(--sf-dark-c-txt-purple-80))}html[data-theme='dark'] .sf-c-txt-purple\:90\:dark,html.dark .sf-c-txt-purple\:90\:dark{color:hsl(var(--sf-dark-c-txt-purple-90))}html[data-theme='dark'] .sf-c-txt-purple\:100\:dark,html.dark .sf-c-txt-purple\:100\:dark{color:hsl(var(--sf-dark-c-txt-purple-100))}html.var[data-theme='dark'] .sf-c-purple,html.var.dark .sf-c-purple{color:hsl(300,100%,10%);background:hsl(300,100%,75%)}html.var[data-theme='dark'] .sf-c-purple\:0,html.var.dark .sf-c-purple\:0{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='dark'] .sf-c-purple\:10,html.var.dark .sf-c-purple\:10{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='dark'] .sf-c-purple\:20,html.var.dark .sf-c-purple\:20{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='dark'] .sf-c-purple\:30,html.var.dark .sf-c-purple\:30{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='dark'] .sf-c-purple\:40,html.var.dark .sf-c-purple\:40{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='dark'] .sf-c-purple\:50,html.var.dark .sf-c-purple\:50{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-purple\:60,html.var.dark .sf-c-purple\:60{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='dark'] .sf-c-purple\:70,html.var.dark .sf-c-purple\:70{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='dark'] .sf-c-purple\:80,html.var.dark .sf-c-purple\:80{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='dark'] .sf-c-purple\:90,html.var.dark .sf-c-purple\:90{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='dark'] .sf-c-purple\:100,html.var.dark .sf-c-purple\:100{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var[data-theme='dark'] .sf-c-purple\:dark,html.var.dark .sf-c-purple\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,75%)}html.var[data-theme='dark'] .sf-c-purple\:0\:dark,html.var.dark .sf-c-purple\:0\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='dark'] .sf-c-purple\:10\:dark,html.var.dark .sf-c-purple\:10\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='dark'] .sf-c-purple\:20\:dark,html.var.dark .sf-c-purple\:20\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='dark'] .sf-c-purple\:30\:dark,html.var.dark .sf-c-purple\:30\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='dark'] .sf-c-purple\:40\:dark,html.var.dark .sf-c-purple\:40\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='dark'] .sf-c-purple\:50\:dark,html.var.dark .sf-c-purple\:50\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-purple\:60\:dark,html.var.dark .sf-c-purple\:60\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='dark'] .sf-c-purple\:70\:dark,html.var.dark .sf-c-purple\:70\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='dark'] .sf-c-purple\:80\:dark,html.var.dark .sf-c-purple\:80\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='dark'] .sf-c-purple\:90\:dark,html.var.dark .sf-c-purple\:90\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='dark'] .sf-c-purple\:100\:dark,html.var.dark .sf-c-purple\:100\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-purple,html.dark .sf-c-txt-purple{color:hsl(300,100%,25%)}html.var[data-theme='dark'] .sf-c-txt-purple\:0,html.dark .sf-c-txt-purple\:0{color:hsl(300,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-purple\:10,html.dark .sf-c-txt-purple\:10{color:hsl(300,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-purple\:20,html.dark .sf-c-txt-purple\:20{color:hsl(300,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-purple\:30,html.dark .sf-c-txt-purple\:30{color:hsl(300,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-purple\:40,html.dark .sf-c-txt-purple\:40{color:hsl(300,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-purple\:50,html.dark .sf-c-txt-purple\:50{color:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-purple\:60,html.dark .sf-c-txt-purple\:60{color:hsl(300,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-purple\:70,html.dark .sf-c-txt-purple\:70{color:hsl(300,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-purple\:80,html.dark .sf-c-txt-purple\:80{color:hsl(300,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-purple\:90,html.dark .sf-c-txt-purple\:90{color:hsl(300,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-purple\:100,html.dark .sf-c-txt-purple\:100{color:hsl(300,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-purple\:dark,html.dark .sf-c-txt-purple\:dark{color:hsl(300,100%,25%)}html.var[data-theme='dark'] .sf-c-txt-purple\:0\:dark,html.dark .sf-c-txt-purple\:0\:dark{color:hsl(300,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-purple\:10\:dark,html.dark .sf-c-txt-purple\:10\:dark{color:hsl(300,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-purple\:20\:dark,html.dark .sf-c-txt-purple\:20\:dark{color:hsl(300,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-purple\:30\:dark,html.dark .sf-c-txt-purple\:30\:dark{color:hsl(300,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-purple\:40\:dark,html.dark .sf-c-txt-purple\:40\:dark{color:hsl(300,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-purple\:50\:dark,html.dark .sf-c-txt-purple\:50\:dark{color:hsl(300,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-purple\:60\:dark,html.dark .sf-c-txt-purple\:60\:dark{color:hsl(300,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-purple\:70\:dark,html.dark .sf-c-txt-purple\:70\:dark{color:hsl(300,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-purple\:80\:dark,html.dark .sf-c-txt-purple\:80\:dark{color:hsl(300,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-purple\:90\:dark,html.dark .sf-c-txt-purple\:90\:dark{color:hsl(300,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-purple\:100\:dark,html.dark .sf-c-txt-purple\:100\:dark{color:hsl(300,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-purple,html.auto .sf-c-purple{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple))}html[data-theme='auto'] .sf-c-purple\:0,html.auto .sf-c-purple\:0{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-100))}html[data-theme='auto'] .sf-c-purple\:10,html.auto .sf-c-purple\:10{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-90))}html[data-theme='auto'] .sf-c-purple\:20,html.auto .sf-c-purple\:20{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-80))}html[data-theme='auto'] .sf-c-purple\:30,html.auto .sf-c-purple\:30{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-70))}html[data-theme='auto'] .sf-c-purple\:40,html.auto .sf-c-purple\:40{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-60))}html[data-theme='auto'] .sf-c-purple\:50,html.auto .sf-c-purple\:50{color:hsl(var(--sf-dark-c-txt-purple-10));background:hsl(var(--sf-dark-c-purple-50))}html[data-theme='auto'] .sf-c-purple\:60,html.auto .sf-c-purple\:60{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-40))}html[data-theme='auto'] .sf-c-purple\:70,html.auto .sf-c-purple\:70{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-30))}html[data-theme='auto'] .sf-c-purple\:80,html.auto .sf-c-purple\:80{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-20))}html[data-theme='auto'] .sf-c-purple\:90,html.auto .sf-c-purple\:90{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-10))}html[data-theme='auto'] .sf-c-purple\:100,html.auto .sf-c-purple\:100{color:hsl(var(--sf-dark-c-txt-purple-90));background:hsl(var(--sf-dark-c-purple-0))}html[data-theme='auto'] .sf-c-purple\:dark,html.auto .sf-c-purple\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple))}html[data-theme='auto'] .sf-c-purple\:0\:dark,html.auto .sf-c-purple\:0\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-100))}html[data-theme='auto'] .sf-c-purple\:10\:dark,html.auto .sf-c-purple\:10\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-90))}html[data-theme='auto'] .sf-c-purple\:20\:dark,html.auto .sf-c-purple\:20\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-80))}html[data-theme='auto'] .sf-c-purple\:30\:dark,html.auto .sf-c-purple\:30\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-70))}html[data-theme='auto'] .sf-c-purple\:40\:dark,html.auto .sf-c-purple\:40\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-60))}html[data-theme='auto'] .sf-c-purple\:50\:dark,html.auto .sf-c-purple\:50\:dark{color:hsl(var(--sf-c-txt-purple-10));background:hsl(var(--sf-c-purple-50))}html[data-theme='auto'] .sf-c-purple\:60\:dark,html.auto .sf-c-purple\:60\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-40))}html[data-theme='auto'] .sf-c-purple\:70\:dark,html.auto .sf-c-purple\:70\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-30))}html[data-theme='auto'] .sf-c-purple\:80\:dark,html.auto .sf-c-purple\:80\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-20))}html[data-theme='auto'] .sf-c-purple\:90\:dark,html.auto .sf-c-purple\:90\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-10))}html[data-theme='auto'] .sf-c-purple\:100\:dark,html.auto .sf-c-purple\:100\:dark{color:hsl(var(--sf-c-txt-purple-90));background:hsl(var(--sf-c-purple-0))}html[data-theme='auto'] .sf-c-txt-purple,html.auto .sf-c-txt-purple{color:hsl(var(--sf-c-txt-purple))}html[data-theme='auto'] .sf-c-txt-purple\:0,html.auto .sf-c-txt-purple\:0{color:hsl(var(--sf-c-txt-purple-0))}html[data-theme='auto'] .sf-c-txt-purple\:10,html.auto .sf-c-txt-purple\:10{color:hsl(var(--sf-c-txt-purple-10))}html[data-theme='auto'] .sf-c-txt-purple\:20,html.auto .sf-c-txt-purple\:20{color:hsl(var(--sf-c-txt-purple-20))}html[data-theme='auto'] .sf-c-txt-purple\:30,html.auto .sf-c-txt-purple\:30{color:hsl(var(--sf-c-txt-purple-30))}html[data-theme='auto'] .sf-c-txt-purple\:40,html.auto .sf-c-txt-purple\:40{color:hsl(var(--sf-c-txt-purple-40))}html[data-theme='auto'] .sf-c-txt-purple\:50,html.auto .sf-c-txt-purple\:50{color:hsl(var(--sf-c-txt-purple-50))}html[data-theme='auto'] .sf-c-txt-purple\:60,html.auto .sf-c-txt-purple\:60{color:hsl(var(--sf-c-txt-purple-60))}html[data-theme='auto'] .sf-c-txt-purple\:70,html.auto .sf-c-txt-purple\:70{color:hsl(var(--sf-c-txt-purple-70))}html[data-theme='auto'] .sf-c-txt-purple\:80,html.auto .sf-c-txt-purple\:80{color:hsl(var(--sf-c-txt-purple-80))}html[data-theme='auto'] .sf-c-txt-purple\:90,html.auto .sf-c-txt-purple\:90{color:hsl(var(--sf-c-txt-purple-90))}html[data-theme='auto'] .sf-c-txt-purple\:100,html.auto .sf-c-txt-purple\:100{color:hsl(var(--sf-c-txt-purple-100))}html[data-theme='auto'] .sf-c-txt-purple\:dark,html.auto .sf-c-txt-purple\:dark{color:hsl(var(--sf-c-txt-purple))}html[data-theme='auto'] .sf-c-txt-purple\:0\:dark,html.auto .sf-c-txt-purple\:0\:dark{color:hsl(var(--sf-c-txt-purple-0))}html[data-theme='auto'] .sf-c-txt-purple\:10\:dark,html.auto .sf-c-txt-purple\:10\:dark{color:hsl(var(--sf-c-txt-purple-10))}html[data-theme='auto'] .sf-c-txt-purple\:20\:dark,html.auto .sf-c-txt-purple\:20\:dark{color:hsl(var(--sf-c-txt-purple-20))}html[data-theme='auto'] .sf-c-txt-purple\:30\:dark,html.auto .sf-c-txt-purple\:30\:dark{color:hsl(var(--sf-c-txt-purple-30))}html[data-theme='auto'] .sf-c-txt-purple\:40\:dark,html.auto .sf-c-txt-purple\:40\:dark{color:hsl(var(--sf-c-txt-purple-40))}html[data-theme='auto'] .sf-c-txt-purple\:50\:dark,html.auto .sf-c-txt-purple\:50\:dark{color:hsl(var(--sf-c-txt-purple-50))}html[data-theme='auto'] .sf-c-txt-purple\:60\:dark,html.auto .sf-c-txt-purple\:60\:dark{color:hsl(var(--sf-c-txt-purple-60))}html[data-theme='auto'] .sf-c-txt-purple\:70\:dark,html.auto .sf-c-txt-purple\:70\:dark{color:hsl(var(--sf-c-txt-purple-70))}html[data-theme='auto'] .sf-c-txt-purple\:80\:dark,html.auto .sf-c-txt-purple\:80\:dark{color:hsl(var(--sf-c-txt-purple-80))}html[data-theme='auto'] .sf-c-txt-purple\:90\:dark,html.auto .sf-c-txt-purple\:90\:dark{color:hsl(var(--sf-c-txt-purple-90))}html[data-theme='auto'] .sf-c-txt-purple\:100\:dark,html.auto .sf-c-txt-purple\:100\:dark{color:hsl(var(--sf-c-txt-purple-100))}html.var[data-theme='auto'] .sf-c-purple,html.var.auto .sf-c-purple{color:hsl(300,100%,10%);background:hsl(300,100%,75%)}html.var[data-theme='auto'] .sf-c-purple\:0,html.var.auto .sf-c-purple\:0{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='auto'] .sf-c-purple\:10,html.var.auto .sf-c-purple\:10{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='auto'] .sf-c-purple\:20,html.var.auto .sf-c-purple\:20{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='auto'] .sf-c-purple\:30,html.var.auto .sf-c-purple\:30{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='auto'] .sf-c-purple\:40,html.var.auto .sf-c-purple\:40{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='auto'] .sf-c-purple\:50,html.var.auto .sf-c-purple\:50{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-purple\:60,html.var.auto .sf-c-purple\:60{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='auto'] .sf-c-purple\:70,html.var.auto .sf-c-purple\:70{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='auto'] .sf-c-purple\:80,html.var.auto .sf-c-purple\:80{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='auto'] .sf-c-purple\:90,html.var.auto .sf-c-purple\:90{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='auto'] .sf-c-purple\:100,html.var.auto .sf-c-purple\:100{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var[data-theme='auto'] .sf-c-purple\:dark,html.var.auto .sf-c-purple\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,75%)}html.var[data-theme='auto'] .sf-c-purple\:0\:dark,html.var.auto .sf-c-purple\:0\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,100%)}html.var[data-theme='auto'] .sf-c-purple\:10\:dark,html.var.auto .sf-c-purple\:10\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,90%)}html.var[data-theme='auto'] .sf-c-purple\:20\:dark,html.var.auto .sf-c-purple\:20\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,80%)}html.var[data-theme='auto'] .sf-c-purple\:30\:dark,html.var.auto .sf-c-purple\:30\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,70%)}html.var[data-theme='auto'] .sf-c-purple\:40\:dark,html.var.auto .sf-c-purple\:40\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,60%)}html.var[data-theme='auto'] .sf-c-purple\:50\:dark,html.var.auto .sf-c-purple\:50\:dark{color:hsl(300,100%,10%);background:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-purple\:60\:dark,html.var.auto .sf-c-purple\:60\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,40%)}html.var[data-theme='auto'] .sf-c-purple\:70\:dark,html.var.auto .sf-c-purple\:70\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,30%)}html.var[data-theme='auto'] .sf-c-purple\:80\:dark,html.var.auto .sf-c-purple\:80\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,20%)}html.var[data-theme='auto'] .sf-c-purple\:90\:dark,html.var.auto .sf-c-purple\:90\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,10%)}html.var[data-theme='auto'] .sf-c-purple\:100\:dark,html.var.auto .sf-c-purple\:100\:dark{color:hsl(300,100%,90%);background:hsl(300,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-purple,html.auto .sf-c-txt-purple{color:hsl(300,100%,25%)}html.var[data-theme='auto'] .sf-c-txt-purple\:0,html.auto .sf-c-txt-purple\:0{color:hsl(300,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-purple\:10,html.auto .sf-c-txt-purple\:10{color:hsl(300,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-purple\:20,html.auto .sf-c-txt-purple\:20{color:hsl(300,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-purple\:30,html.auto .sf-c-txt-purple\:30{color:hsl(300,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-purple\:40,html.auto .sf-c-txt-purple\:40{color:hsl(300,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-purple\:50,html.auto .sf-c-txt-purple\:50{color:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-purple\:60,html.auto .sf-c-txt-purple\:60{color:hsl(300,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-purple\:70,html.auto .sf-c-txt-purple\:70{color:hsl(300,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-purple\:80,html.auto .sf-c-txt-purple\:80{color:hsl(300,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-purple\:90,html.auto .sf-c-txt-purple\:90{color:hsl(300,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-purple\:100,html.auto .sf-c-txt-purple\:100{color:hsl(300,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-purple\:dark,html.auto .sf-c-txt-purple\:dark{color:hsl(300,100%,25%)}html.var[data-theme='auto'] .sf-c-txt-purple\:0\:dark,html.auto .sf-c-txt-purple\:0\:dark{color:hsl(300,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-purple\:10\:dark,html.auto .sf-c-txt-purple\:10\:dark{color:hsl(300,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-purple\:20\:dark,html.auto .sf-c-txt-purple\:20\:dark{color:hsl(300,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-purple\:30\:dark,html.auto .sf-c-txt-purple\:30\:dark{color:hsl(300,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-purple\:40\:dark,html.auto .sf-c-txt-purple\:40\:dark{color:hsl(300,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-purple\:50\:dark,html.auto .sf-c-txt-purple\:50\:dark{color:hsl(300,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-purple\:60\:dark,html.auto .sf-c-txt-purple\:60\:dark{color:hsl(300,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-purple\:70\:dark,html.auto .sf-c-txt-purple\:70\:dark{color:hsl(300,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-purple\:80\:dark,html.auto .sf-c-txt-purple\:80\:dark{color:hsl(300,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-purple\:90\:dark,html.auto .sf-c-txt-purple\:90\:dark{color:hsl(300,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-purple\:100\:dark,html.auto .sf-c-txt-purple\:100\:dark{color:hsl(300,100%,100%)}}.sf-c-red{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red))}.sf-c-red\:0{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-0))}.sf-c-red\:10{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-10))}.sf-c-red\:20{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-20))}.sf-c-red\:30{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-30))}.sf-c-red\:40{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-40))}.sf-c-red\:50{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-50))}.sf-c-red\:60{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-60))}.sf-c-red\:70{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-70))}.sf-c-red\:80{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-80))}.sf-c-red\:90{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-90))}.sf-c-red\:100{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-100))}html.var .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var .sf-c-red\:0{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var .sf-c-red\:10{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var .sf-c-red\:20{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var .sf-c-red\:30{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var .sf-c-red\:40{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,60%)}html.var .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,70%)}html.var .sf-c-red\:80{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var .sf-c-red\:90{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var .sf-c-red\:100{color:hsl(0,100%,10%);background:hsl(0,100%,100%)}.sf-c-txt-red{color:hsl(var(--sf-dark-c-txt-red))}.sf-c-txt-red\:0{color:hsl(var(--sf-dark-c-txt-red-100))}.sf-c-txt-red\:10{color:hsl(var(--sf-dark-c-txt-red-90))}.sf-c-txt-red\:20{color:hsl(var(--sf-dark-c-txt-red-80))}.sf-c-txt-red\:30{color:hsl(var(--sf-dark-c-txt-red-70))}.sf-c-txt-red\:40{color:hsl(var(--sf-dark-c-txt-red-60))}.sf-c-txt-red\:50{color:hsl(var(--sf-dark-c-txt-red-50))}.sf-c-txt-red\:60{color:hsl(var(--sf-dark-c-txt-red-40))}.sf-c-txt-red\:70{color:hsl(var(--sf-dark-c-txt-red-30))}.sf-c-txt-red\:80{color:hsl(var(--sf-dark-c-txt-red-20))}.sf-c-txt-red\:90{color:hsl(var(--sf-dark-c-txt-red-10))}.sf-c-txt-red\:100{color:hsl(var(--sf-dark-c-txt-red-0))}html.var .sf-c-txt-red{color:hsl(0,100%,50%)}html.var .sf-c-txt-red\:0{color:hsl(0,100%,100%)}html.var .sf-c-txt-red\:10{color:hsl(0,100%,90%)}html.var .sf-c-txt-red\:20{color:hsl(0,100%,80%)}html.var .sf-c-txt-red\:30{color:hsl(0,100%,70%)}html.var .sf-c-txt-red\:40{color:hsl(0,100%,60%)}html.var .sf-c-txt-red\:50{color:hsl(0,100%,50%)}html.var .sf-c-txt-red\:60{color:hsl(0,100%,40%)}html.var .sf-c-txt-red\:70{color:hsl(0,100%,30%)}html.var .sf-c-txt-red\:80{color:hsl(0,100%,20%)}html.var .sf-c-txt-red\:90{color:hsl(0,100%,10%)}html.var .sf-c-txt-red\:100{color:hsl(0,100%,0%)}html[data-theme='dark'] .sf-c-red,html.dark .sf-c-red{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red))}html[data-theme='dark'] .sf-c-red\:0,html.dark .sf-c-red\:0{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-100))}html[data-theme='dark'] .sf-c-red\:10,html.dark .sf-c-red\:10{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-90))}html[data-theme='dark'] .sf-c-red\:20,html.dark .sf-c-red\:20{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-80))}html[data-theme='dark'] .sf-c-red\:30,html.dark .sf-c-red\:30{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-70))}html[data-theme='dark'] .sf-c-red\:40,html.dark .sf-c-red\:40{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-60))}html[data-theme='dark'] .sf-c-red\:50,html.dark .sf-c-red\:50{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-50))}html[data-theme='dark'] .sf-c-red\:60,html.dark .sf-c-red\:60{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-40))}html[data-theme='dark'] .sf-c-red\:70,html.dark .sf-c-red\:70{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-30))}html[data-theme='dark'] .sf-c-red\:80,html.dark .sf-c-red\:80{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-20))}html[data-theme='dark'] .sf-c-red\:90,html.dark .sf-c-red\:90{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-10))}html[data-theme='dark'] .sf-c-red\:100,html.dark .sf-c-red\:100{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-0))}html[data-theme='dark'] .sf-c-red\:dark,html.dark .sf-c-red\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red))}html[data-theme='dark'] .sf-c-red\:0\:dark,html.dark .sf-c-red\:0\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-100))}html[data-theme='dark'] .sf-c-red\:10\:dark,html.dark .sf-c-red\:10\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-90))}html[data-theme='dark'] .sf-c-red\:20\:dark,html.dark .sf-c-red\:20\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-80))}html[data-theme='dark'] .sf-c-red\:30\:dark,html.dark .sf-c-red\:30\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-70))}html[data-theme='dark'] .sf-c-red\:40\:dark,html.dark .sf-c-red\:40\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-60))}html[data-theme='dark'] .sf-c-red\:50\:dark,html.dark .sf-c-red\:50\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-50))}html[data-theme='dark'] .sf-c-red\:60\:dark,html.dark .sf-c-red\:60\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-40))}html[data-theme='dark'] .sf-c-red\:70\:dark,html.dark .sf-c-red\:70\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-30))}html[data-theme='dark'] .sf-c-red\:80\:dark,html.dark .sf-c-red\:80\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-20))}html[data-theme='dark'] .sf-c-red\:90\:dark,html.dark .sf-c-red\:90\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-10))}html[data-theme='dark'] .sf-c-red\:100\:dark,html.dark .sf-c-red\:100\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-0))}html[data-theme='dark'] .sf-c-txt-red,html.dark .sf-c-txt-red{color:hsl(var(--sf-c-txt-red))}html[data-theme='dark'] .sf-c-txt-red\:0,html.dark .sf-c-txt-red\:0{color:hsl(var(--sf-c-txt-red-0))}html[data-theme='dark'] .sf-c-txt-red\:10,html.dark .sf-c-txt-red\:10{color:hsl(var(--sf-c-txt-red-10))}html[data-theme='dark'] .sf-c-txt-red\:20,html.dark .sf-c-txt-red\:20{color:hsl(var(--sf-c-txt-red-20))}html[data-theme='dark'] .sf-c-txt-red\:30,html.dark .sf-c-txt-red\:30{color:hsl(var(--sf-c-txt-red-30))}html[data-theme='dark'] .sf-c-txt-red\:40,html.dark .sf-c-txt-red\:40{color:hsl(var(--sf-c-txt-red-40))}html[data-theme='dark'] .sf-c-txt-red\:50,html.dark .sf-c-txt-red\:50{color:hsl(var(--sf-c-txt-red-50))}html[data-theme='dark'] .sf-c-txt-red\:60,html.dark .sf-c-txt-red\:60{color:hsl(var(--sf-c-txt-red-60))}html[data-theme='dark'] .sf-c-txt-red\:70,html.dark .sf-c-txt-red\:70{color:hsl(var(--sf-c-txt-red-70))}html[data-theme='dark'] .sf-c-txt-red\:80,html.dark .sf-c-txt-red\:80{color:hsl(var(--sf-c-txt-red-80))}html[data-theme='dark'] .sf-c-txt-red\:90,html.dark .sf-c-txt-red\:90{color:hsl(var(--sf-c-txt-red-90))}html[data-theme='dark'] .sf-c-txt-red\:100,html.dark .sf-c-txt-red\:100{color:hsl(var(--sf-c-txt-red-100))}html[data-theme='dark'] .sf-c-txt-red\:dark,html.dark .sf-c-txt-red\:dark{color:hsl(var(--sf-c-txt-red))}html[data-theme='dark'] .sf-c-txt-red\:0\:dark,html.dark .sf-c-txt-red\:0\:dark{color:hsl(var(--sf-dark-c-txt-red-0))}html[data-theme='dark'] .sf-c-txt-red\:10\:dark,html.dark .sf-c-txt-red\:10\:dark{color:hsl(var(--sf-dark-c-txt-red-10))}html[data-theme='dark'] .sf-c-txt-red\:20\:dark,html.dark .sf-c-txt-red\:20\:dark{color:hsl(var(--sf-dark-c-txt-red-20))}html[data-theme='dark'] .sf-c-txt-red\:30\:dark,html.dark .sf-c-txt-red\:30\:dark{color:hsl(var(--sf-dark-c-txt-red-30))}html[data-theme='dark'] .sf-c-txt-red\:40\:dark,html.dark .sf-c-txt-red\:40\:dark{color:hsl(var(--sf-dark-c-txt-red-40))}html[data-theme='dark'] .sf-c-txt-red\:50\:dark,html.dark .sf-c-txt-red\:50\:dark{color:hsl(var(--sf-dark-c-txt-red-50))}html[data-theme='dark'] .sf-c-txt-red\:60\:dark,html.dark .sf-c-txt-red\:60\:dark{color:hsl(var(--sf-dark-c-txt-red-60))}html[data-theme='dark'] .sf-c-txt-red\:70\:dark,html.dark .sf-c-txt-red\:70\:dark{color:hsl(var(--sf-dark-c-txt-red-70))}html[data-theme='dark'] .sf-c-txt-red\:80\:dark,html.dark .sf-c-txt-red\:80\:dark{color:hsl(var(--sf-dark-c-txt-red-80))}html[data-theme='dark'] .sf-c-txt-red\:90\:dark,html.dark .sf-c-txt-red\:90\:dark{color:hsl(var(--sf-dark-c-txt-red-90))}html[data-theme='dark'] .sf-c-txt-red\:100\:dark,html.dark .sf-c-txt-red\:100\:dark{color:hsl(var(--sf-dark-c-txt-red-100))}html.var[data-theme='dark'] .sf-c-red,html.var.dark .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:0,html.var.dark .sf-c-red\:0{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='dark'] .sf-c-red\:10,html.var.dark .sf-c-red\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-red\:20,html.var.dark .sf-c-red\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-red\:30,html.var.dark .sf-c-red\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-red\:40,html.var.dark .sf-c-red\:40{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-red\:50,html.var.dark .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:60,html.var.dark .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-red\:70,html.var.dark .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-red\:80,html.var.dark .sf-c-red\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-red\:90,html.var.dark .sf-c-red\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-red\:100,html.var.dark .sf-c-red\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='dark'] .sf-c-red\:dark,html.var.dark .sf-c-red\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:0\:dark,html.var.dark .sf-c-red\:0\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='dark'] .sf-c-red\:10\:dark,html.var.dark .sf-c-red\:10\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-red\:20\:dark,html.var.dark .sf-c-red\:20\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-red\:30\:dark,html.var.dark .sf-c-red\:30\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-red\:40\:dark,html.var.dark .sf-c-red\:40\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-red\:50\:dark,html.var.dark .sf-c-red\:50\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-red\:60\:dark,html.var.dark .sf-c-red\:60\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-red\:70\:dark,html.var.dark .sf-c-red\:70\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-red\:80\:dark,html.var.dark .sf-c-red\:80\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-red\:90\:dark,html.var.dark .sf-c-red\:90\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-red\:100\:dark,html.var.dark .sf-c-red\:100\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-red,html.dark .sf-c-txt-red{color:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-red\:0,html.dark .sf-c-txt-red\:0{color:hsl(0,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-red\:10,html.dark .sf-c-txt-red\:10{color:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-red\:20,html.dark .sf-c-txt-red\:20{color:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-red\:30,html.dark .sf-c-txt-red\:30{color:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-red\:40,html.dark .sf-c-txt-red\:40{color:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-red\:50,html.dark .sf-c-txt-red\:50{color:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-red\:60,html.dark .sf-c-txt-red\:60{color:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-red\:70,html.dark .sf-c-txt-red\:70{color:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-red\:80,html.dark .sf-c-txt-red\:80{color:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-red\:90,html.dark .sf-c-txt-red\:90{color:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-red\:100,html.dark .sf-c-txt-red\:100{color:hsl(0,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-red\:dark,html.dark .sf-c-txt-red\:dark{color:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-red\:0\:dark,html.dark .sf-c-txt-red\:0\:dark{color:hsl(0,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-red\:10\:dark,html.dark .sf-c-txt-red\:10\:dark{color:hsl(0,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-red\:20\:dark,html.dark .sf-c-txt-red\:20\:dark{color:hsl(0,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-red\:30\:dark,html.dark .sf-c-txt-red\:30\:dark{color:hsl(0,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-red\:40\:dark,html.dark .sf-c-txt-red\:40\:dark{color:hsl(0,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-red\:50\:dark,html.dark .sf-c-txt-red\:50\:dark{color:hsl(0,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-red\:60\:dark,html.dark .sf-c-txt-red\:60\:dark{color:hsl(0,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-red\:70\:dark,html.dark .sf-c-txt-red\:70\:dark{color:hsl(0,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-red\:80\:dark,html.dark .sf-c-txt-red\:80\:dark{color:hsl(0,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-red\:90\:dark,html.dark .sf-c-txt-red\:90\:dark{color:hsl(0,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-red\:100\:dark,html.dark .sf-c-txt-red\:100\:dark{color:hsl(0,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-red,html.auto .sf-c-red{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red))}html[data-theme='auto'] .sf-c-red\:0,html.auto .sf-c-red\:0{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-100))}html[data-theme='auto'] .sf-c-red\:10,html.auto .sf-c-red\:10{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-90))}html[data-theme='auto'] .sf-c-red\:20,html.auto .sf-c-red\:20{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-80))}html[data-theme='auto'] .sf-c-red\:30,html.auto .sf-c-red\:30{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-70))}html[data-theme='auto'] .sf-c-red\:40,html.auto .sf-c-red\:40{color:hsl(var(--sf-dark-c-txt-red-10));background:hsl(var(--sf-dark-c-red-60))}html[data-theme='auto'] .sf-c-red\:50,html.auto .sf-c-red\:50{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-50))}html[data-theme='auto'] .sf-c-red\:60,html.auto .sf-c-red\:60{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-40))}html[data-theme='auto'] .sf-c-red\:70,html.auto .sf-c-red\:70{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-30))}html[data-theme='auto'] .sf-c-red\:80,html.auto .sf-c-red\:80{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-20))}html[data-theme='auto'] .sf-c-red\:90,html.auto .sf-c-red\:90{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-10))}html[data-theme='auto'] .sf-c-red\:100,html.auto .sf-c-red\:100{color:hsl(var(--sf-dark-c-txt-red-90));background:hsl(var(--sf-dark-c-red-0))}html[data-theme='auto'] .sf-c-red\:dark,html.auto .sf-c-red\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red))}html[data-theme='auto'] .sf-c-red\:0\:dark,html.auto .sf-c-red\:0\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-100))}html[data-theme='auto'] .sf-c-red\:10\:dark,html.auto .sf-c-red\:10\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-90))}html[data-theme='auto'] .sf-c-red\:20\:dark,html.auto .sf-c-red\:20\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-80))}html[data-theme='auto'] .sf-c-red\:30\:dark,html.auto .sf-c-red\:30\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-70))}html[data-theme='auto'] .sf-c-red\:40\:dark,html.auto .sf-c-red\:40\:dark{color:hsl(var(--sf-c-txt-red-10));background:hsl(var(--sf-c-red-60))}html[data-theme='auto'] .sf-c-red\:50\:dark,html.auto .sf-c-red\:50\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-50))}html[data-theme='auto'] .sf-c-red\:60\:dark,html.auto .sf-c-red\:60\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-40))}html[data-theme='auto'] .sf-c-red\:70\:dark,html.auto .sf-c-red\:70\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-30))}html[data-theme='auto'] .sf-c-red\:80\:dark,html.auto .sf-c-red\:80\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-20))}html[data-theme='auto'] .sf-c-red\:90\:dark,html.auto .sf-c-red\:90\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-10))}html[data-theme='auto'] .sf-c-red\:100\:dark,html.auto .sf-c-red\:100\:dark{color:hsl(var(--sf-c-txt-red-90));background:hsl(var(--sf-c-red-0))}html[data-theme='auto'] .sf-c-txt-red,html.auto .sf-c-txt-red{color:hsl(var(--sf-c-txt-red))}html[data-theme='auto'] .sf-c-txt-red\:0,html.auto .sf-c-txt-red\:0{color:hsl(var(--sf-c-txt-red-0))}html[data-theme='auto'] .sf-c-txt-red\:10,html.auto .sf-c-txt-red\:10{color:hsl(var(--sf-c-txt-red-10))}html[data-theme='auto'] .sf-c-txt-red\:20,html.auto .sf-c-txt-red\:20{color:hsl(var(--sf-c-txt-red-20))}html[data-theme='auto'] .sf-c-txt-red\:30,html.auto .sf-c-txt-red\:30{color:hsl(var(--sf-c-txt-red-30))}html[data-theme='auto'] .sf-c-txt-red\:40,html.auto .sf-c-txt-red\:40{color:hsl(var(--sf-c-txt-red-40))}html[data-theme='auto'] .sf-c-txt-red\:50,html.auto .sf-c-txt-red\:50{color:hsl(var(--sf-c-txt-red-50))}html[data-theme='auto'] .sf-c-txt-red\:60,html.auto .sf-c-txt-red\:60{color:hsl(var(--sf-c-txt-red-60))}html[data-theme='auto'] .sf-c-txt-red\:70,html.auto .sf-c-txt-red\:70{color:hsl(var(--sf-c-txt-red-70))}html[data-theme='auto'] .sf-c-txt-red\:80,html.auto .sf-c-txt-red\:80{color:hsl(var(--sf-c-txt-red-80))}html[data-theme='auto'] .sf-c-txt-red\:90,html.auto .sf-c-txt-red\:90{color:hsl(var(--sf-c-txt-red-90))}html[data-theme='auto'] .sf-c-txt-red\:100,html.auto .sf-c-txt-red\:100{color:hsl(var(--sf-c-txt-red-100))}html[data-theme='auto'] .sf-c-txt-red\:dark,html.auto .sf-c-txt-red\:dark{color:hsl(var(--sf-c-txt-red))}html[data-theme='auto'] .sf-c-txt-red\:0\:dark,html.auto .sf-c-txt-red\:0\:dark{color:hsl(var(--sf-c-txt-red-0))}html[data-theme='auto'] .sf-c-txt-red\:10\:dark,html.auto .sf-c-txt-red\:10\:dark{color:hsl(var(--sf-c-txt-red-10))}html[data-theme='auto'] .sf-c-txt-red\:20\:dark,html.auto .sf-c-txt-red\:20\:dark{color:hsl(var(--sf-c-txt-red-20))}html[data-theme='auto'] .sf-c-txt-red\:30\:dark,html.auto .sf-c-txt-red\:30\:dark{color:hsl(var(--sf-c-txt-red-30))}html[data-theme='auto'] .sf-c-txt-red\:40\:dark,html.auto .sf-c-txt-red\:40\:dark{color:hsl(var(--sf-c-txt-red-40))}html[data-theme='auto'] .sf-c-txt-red\:50\:dark,html.auto .sf-c-txt-red\:50\:dark{color:hsl(var(--sf-c-txt-red-50))}html[data-theme='auto'] .sf-c-txt-red\:60\:dark,html.auto .sf-c-txt-red\:60\:dark{color:hsl(var(--sf-c-txt-red-60))}html[data-theme='auto'] .sf-c-txt-red\:70\:dark,html.auto .sf-c-txt-red\:70\:dark{color:hsl(var(--sf-c-txt-red-70))}html[data-theme='auto'] .sf-c-txt-red\:80\:dark,html.auto .sf-c-txt-red\:80\:dark{color:hsl(var(--sf-c-txt-red-80))}html[data-theme='auto'] .sf-c-txt-red\:90\:dark,html.auto .sf-c-txt-red\:90\:dark{color:hsl(var(--sf-c-txt-red-90))}html[data-theme='auto'] .sf-c-txt-red\:100\:dark,html.auto .sf-c-txt-red\:100\:dark{color:hsl(var(--sf-c-txt-red-100))}html.var[data-theme='auto'] .sf-c-red,html.var.auto .sf-c-red{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:0,html.var.auto .sf-c-red\:0{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='auto'] .sf-c-red\:10,html.var.auto .sf-c-red\:10{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-red\:20,html.var.auto .sf-c-red\:20{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-red\:30,html.var.auto .sf-c-red\:30{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-red\:40,html.var.auto .sf-c-red\:40{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-red\:50,html.var.auto .sf-c-red\:50{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:60,html.var.auto .sf-c-red\:60{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-red\:70,html.var.auto .sf-c-red\:70{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-red\:80,html.var.auto .sf-c-red\:80{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-red\:90,html.var.auto .sf-c-red\:90{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-red\:100,html.var.auto .sf-c-red\:100{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='auto'] .sf-c-red\:dark,html.var.auto .sf-c-red\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:0\:dark,html.var.auto .sf-c-red\:0\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,100%)}html.var[data-theme='auto'] .sf-c-red\:10\:dark,html.var.auto .sf-c-red\:10\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-red\:20\:dark,html.var.auto .sf-c-red\:20\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-red\:30\:dark,html.var.auto .sf-c-red\:30\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-red\:40\:dark,html.var.auto .sf-c-red\:40\:dark{color:hsl(0,100%,10%);background:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-red\:50\:dark,html.var.auto .sf-c-red\:50\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-red\:60\:dark,html.var.auto .sf-c-red\:60\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-red\:70\:dark,html.var.auto .sf-c-red\:70\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-red\:80\:dark,html.var.auto .sf-c-red\:80\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-red\:90\:dark,html.var.auto .sf-c-red\:90\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-red\:100\:dark,html.var.auto .sf-c-red\:100\:dark{color:hsl(0,100%,90%);background:hsl(0,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-red,html.auto .sf-c-txt-red{color:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-red\:0,html.auto .sf-c-txt-red\:0{color:hsl(0,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-red\:10,html.auto .sf-c-txt-red\:10{color:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-red\:20,html.auto .sf-c-txt-red\:20{color:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-red\:30,html.auto .sf-c-txt-red\:30{color:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-red\:40,html.auto .sf-c-txt-red\:40{color:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-red\:50,html.auto .sf-c-txt-red\:50{color:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-red\:60,html.auto .sf-c-txt-red\:60{color:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-red\:70,html.auto .sf-c-txt-red\:70{color:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-red\:80,html.auto .sf-c-txt-red\:80{color:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-red\:90,html.auto .sf-c-txt-red\:90{color:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-red\:100,html.auto .sf-c-txt-red\:100{color:hsl(0,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-red\:dark,html.auto .sf-c-txt-red\:dark{color:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-red\:0\:dark,html.auto .sf-c-txt-red\:0\:dark{color:hsl(0,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-red\:10\:dark,html.auto .sf-c-txt-red\:10\:dark{color:hsl(0,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-red\:20\:dark,html.auto .sf-c-txt-red\:20\:dark{color:hsl(0,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-red\:30\:dark,html.auto .sf-c-txt-red\:30\:dark{color:hsl(0,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-red\:40\:dark,html.auto .sf-c-txt-red\:40\:dark{color:hsl(0,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-red\:50\:dark,html.auto .sf-c-txt-red\:50\:dark{color:hsl(0,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-red\:60\:dark,html.auto .sf-c-txt-red\:60\:dark{color:hsl(0,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-red\:70\:dark,html.auto .sf-c-txt-red\:70\:dark{color:hsl(0,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-red\:80\:dark,html.auto .sf-c-txt-red\:80\:dark{color:hsl(0,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-red\:90\:dark,html.auto .sf-c-txt-red\:90\:dark{color:hsl(0,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-red\:100\:dark,html.auto .sf-c-txt-red\:100\:dark{color:hsl(0,100%,100%)}}.sf-c-silver{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver))}.sf-c-silver\:0{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-0))}.sf-c-silver\:10{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-10))}.sf-c-silver\:20{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-20))}.sf-c-silver\:30{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-30))}.sf-c-silver\:40{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-40))}.sf-c-silver\:50{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-50))}.sf-c-silver\:60{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-60))}.sf-c-silver\:70{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-70))}.sf-c-silver\:80{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-80))}.sf-c-silver\:90{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-90))}.sf-c-silver\:100{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-100))}html.var .sf-c-silver{color:hsl(0,0%,10%);background:hsl(0,0%,75%)}html.var .sf-c-silver\:0{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var .sf-c-silver\:10{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var .sf-c-silver\:20{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var .sf-c-silver\:30{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var .sf-c-silver\:40{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var .sf-c-silver\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var .sf-c-silver\:60{color:hsl(0,0%,90%);background:hsl(0,0%,60%)}html.var .sf-c-silver\:70{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var .sf-c-silver\:80{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var .sf-c-silver\:90{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var .sf-c-silver\:100{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}.sf-c-txt-silver{color:hsl(var(--sf-dark-c-txt-silver))}.sf-c-txt-silver\:0{color:hsl(var(--sf-dark-c-txt-silver-100))}.sf-c-txt-silver\:10{color:hsl(var(--sf-dark-c-txt-silver-90))}.sf-c-txt-silver\:20{color:hsl(var(--sf-dark-c-txt-silver-80))}.sf-c-txt-silver\:30{color:hsl(var(--sf-dark-c-txt-silver-70))}.sf-c-txt-silver\:40{color:hsl(var(--sf-dark-c-txt-silver-60))}.sf-c-txt-silver\:50{color:hsl(var(--sf-dark-c-txt-silver-50))}.sf-c-txt-silver\:60{color:hsl(var(--sf-dark-c-txt-silver-40))}.sf-c-txt-silver\:70{color:hsl(var(--sf-dark-c-txt-silver-30))}.sf-c-txt-silver\:80{color:hsl(var(--sf-dark-c-txt-silver-20))}.sf-c-txt-silver\:90{color:hsl(var(--sf-dark-c-txt-silver-10))}.sf-c-txt-silver\:100{color:hsl(var(--sf-dark-c-txt-silver-0))}html.var .sf-c-txt-silver{color:hsl(0,0%,25%)}html.var .sf-c-txt-silver\:0{color:hsl(0,0%,100%)}html.var .sf-c-txt-silver\:10{color:hsl(0,0%,90%)}html.var .sf-c-txt-silver\:20{color:hsl(0,0%,80%)}html.var .sf-c-txt-silver\:30{color:hsl(0,0%,70%)}html.var .sf-c-txt-silver\:40{color:hsl(0,0%,60%)}html.var .sf-c-txt-silver\:50{color:hsl(0,0%,50%)}html.var .sf-c-txt-silver\:60{color:hsl(0,0%,40%)}html.var .sf-c-txt-silver\:70{color:hsl(0,0%,30%)}html.var .sf-c-txt-silver\:80{color:hsl(0,0%,20%)}html.var .sf-c-txt-silver\:90{color:hsl(0,0%,10%)}html.var .sf-c-txt-silver\:100{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-silver,html.dark .sf-c-silver{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver))}html[data-theme='dark'] .sf-c-silver\:0,html.dark .sf-c-silver\:0{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-100))}html[data-theme='dark'] .sf-c-silver\:10,html.dark .sf-c-silver\:10{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-90))}html[data-theme='dark'] .sf-c-silver\:20,html.dark .sf-c-silver\:20{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-80))}html[data-theme='dark'] .sf-c-silver\:30,html.dark .sf-c-silver\:30{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-70))}html[data-theme='dark'] .sf-c-silver\:40,html.dark .sf-c-silver\:40{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-60))}html[data-theme='dark'] .sf-c-silver\:50,html.dark .sf-c-silver\:50{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-50))}html[data-theme='dark'] .sf-c-silver\:60,html.dark .sf-c-silver\:60{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-40))}html[data-theme='dark'] .sf-c-silver\:70,html.dark .sf-c-silver\:70{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-30))}html[data-theme='dark'] .sf-c-silver\:80,html.dark .sf-c-silver\:80{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-20))}html[data-theme='dark'] .sf-c-silver\:90,html.dark .sf-c-silver\:90{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-10))}html[data-theme='dark'] .sf-c-silver\:100,html.dark .sf-c-silver\:100{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-0))}html[data-theme='dark'] .sf-c-silver\:dark,html.dark .sf-c-silver\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver))}html[data-theme='dark'] .sf-c-silver\:0\:dark,html.dark .sf-c-silver\:0\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-100))}html[data-theme='dark'] .sf-c-silver\:10\:dark,html.dark .sf-c-silver\:10\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-90))}html[data-theme='dark'] .sf-c-silver\:20\:dark,html.dark .sf-c-silver\:20\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-80))}html[data-theme='dark'] .sf-c-silver\:30\:dark,html.dark .sf-c-silver\:30\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-70))}html[data-theme='dark'] .sf-c-silver\:40\:dark,html.dark .sf-c-silver\:40\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-60))}html[data-theme='dark'] .sf-c-silver\:50\:dark,html.dark .sf-c-silver\:50\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-50))}html[data-theme='dark'] .sf-c-silver\:60\:dark,html.dark .sf-c-silver\:60\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-40))}html[data-theme='dark'] .sf-c-silver\:70\:dark,html.dark .sf-c-silver\:70\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-30))}html[data-theme='dark'] .sf-c-silver\:80\:dark,html.dark .sf-c-silver\:80\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-20))}html[data-theme='dark'] .sf-c-silver\:90\:dark,html.dark .sf-c-silver\:90\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-10))}html[data-theme='dark'] .sf-c-silver\:100\:dark,html.dark .sf-c-silver\:100\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-0))}html[data-theme='dark'] .sf-c-txt-silver,html.dark .sf-c-txt-silver{color:hsl(var(--sf-c-txt-silver))}html[data-theme='dark'] .sf-c-txt-silver\:0,html.dark .sf-c-txt-silver\:0{color:hsl(var(--sf-c-txt-silver-0))}html[data-theme='dark'] .sf-c-txt-silver\:10,html.dark .sf-c-txt-silver\:10{color:hsl(var(--sf-c-txt-silver-10))}html[data-theme='dark'] .sf-c-txt-silver\:20,html.dark .sf-c-txt-silver\:20{color:hsl(var(--sf-c-txt-silver-20))}html[data-theme='dark'] .sf-c-txt-silver\:30,html.dark .sf-c-txt-silver\:30{color:hsl(var(--sf-c-txt-silver-30))}html[data-theme='dark'] .sf-c-txt-silver\:40,html.dark .sf-c-txt-silver\:40{color:hsl(var(--sf-c-txt-silver-40))}html[data-theme='dark'] .sf-c-txt-silver\:50,html.dark .sf-c-txt-silver\:50{color:hsl(var(--sf-c-txt-silver-50))}html[data-theme='dark'] .sf-c-txt-silver\:60,html.dark .sf-c-txt-silver\:60{color:hsl(var(--sf-c-txt-silver-60))}html[data-theme='dark'] .sf-c-txt-silver\:70,html.dark .sf-c-txt-silver\:70{color:hsl(var(--sf-c-txt-silver-70))}html[data-theme='dark'] .sf-c-txt-silver\:80,html.dark .sf-c-txt-silver\:80{color:hsl(var(--sf-c-txt-silver-80))}html[data-theme='dark'] .sf-c-txt-silver\:90,html.dark .sf-c-txt-silver\:90{color:hsl(var(--sf-c-txt-silver-90))}html[data-theme='dark'] .sf-c-txt-silver\:100,html.dark .sf-c-txt-silver\:100{color:hsl(var(--sf-c-txt-silver-100))}html[data-theme='dark'] .sf-c-txt-silver\:dark,html.dark .sf-c-txt-silver\:dark{color:hsl(var(--sf-c-txt-silver))}html[data-theme='dark'] .sf-c-txt-silver\:0\:dark,html.dark .sf-c-txt-silver\:0\:dark{color:hsl(var(--sf-dark-c-txt-silver-0))}html[data-theme='dark'] .sf-c-txt-silver\:10\:dark,html.dark .sf-c-txt-silver\:10\:dark{color:hsl(var(--sf-dark-c-txt-silver-10))}html[data-theme='dark'] .sf-c-txt-silver\:20\:dark,html.dark .sf-c-txt-silver\:20\:dark{color:hsl(var(--sf-dark-c-txt-silver-20))}html[data-theme='dark'] .sf-c-txt-silver\:30\:dark,html.dark .sf-c-txt-silver\:30\:dark{color:hsl(var(--sf-dark-c-txt-silver-30))}html[data-theme='dark'] .sf-c-txt-silver\:40\:dark,html.dark .sf-c-txt-silver\:40\:dark{color:hsl(var(--sf-dark-c-txt-silver-40))}html[data-theme='dark'] .sf-c-txt-silver\:50\:dark,html.dark .sf-c-txt-silver\:50\:dark{color:hsl(var(--sf-dark-c-txt-silver-50))}html[data-theme='dark'] .sf-c-txt-silver\:60\:dark,html.dark .sf-c-txt-silver\:60\:dark{color:hsl(var(--sf-dark-c-txt-silver-60))}html[data-theme='dark'] .sf-c-txt-silver\:70\:dark,html.dark .sf-c-txt-silver\:70\:dark{color:hsl(var(--sf-dark-c-txt-silver-70))}html[data-theme='dark'] .sf-c-txt-silver\:80\:dark,html.dark .sf-c-txt-silver\:80\:dark{color:hsl(var(--sf-dark-c-txt-silver-80))}html[data-theme='dark'] .sf-c-txt-silver\:90\:dark,html.dark .sf-c-txt-silver\:90\:dark{color:hsl(var(--sf-dark-c-txt-silver-90))}html[data-theme='dark'] .sf-c-txt-silver\:100\:dark,html.dark .sf-c-txt-silver\:100\:dark{color:hsl(var(--sf-dark-c-txt-silver-100))}html.var[data-theme='dark'] .sf-c-silver,html.var.dark .sf-c-silver{color:hsl(0,0%,90%);background:hsl(0,0%,25%)}html.var[data-theme='dark'] .sf-c-silver\:0,html.var.dark .sf-c-silver\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-silver\:10,html.var.dark .sf-c-silver\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-silver\:20,html.var.dark .sf-c-silver\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-silver\:30,html.var.dark .sf-c-silver\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-silver\:40,html.var.dark .sf-c-silver\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-silver\:50,html.var.dark .sf-c-silver\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-silver\:60,html.var.dark .sf-c-silver\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-silver\:70,html.var.dark .sf-c-silver\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-silver\:80,html.var.dark .sf-c-silver\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-silver\:90,html.var.dark .sf-c-silver\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-silver\:100,html.var.dark .sf-c-silver\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-silver\:dark,html.var.dark .sf-c-silver\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,25%)}html.var[data-theme='dark'] .sf-c-silver\:0\:dark,html.var.dark .sf-c-silver\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-silver\:10\:dark,html.var.dark .sf-c-silver\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-silver\:20\:dark,html.var.dark .sf-c-silver\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-silver\:30\:dark,html.var.dark .sf-c-silver\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-silver\:40\:dark,html.var.dark .sf-c-silver\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-silver\:50\:dark,html.var.dark .sf-c-silver\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-silver\:60\:dark,html.var.dark .sf-c-silver\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-silver\:70\:dark,html.var.dark .sf-c-silver\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-silver\:80\:dark,html.var.dark .sf-c-silver\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-silver\:90\:dark,html.var.dark .sf-c-silver\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-silver\:100\:dark,html.var.dark .sf-c-silver\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-silver,html.dark .sf-c-txt-silver{color:hsl(0,0%,75%)}html.var[data-theme='dark'] .sf-c-txt-silver\:0,html.dark .sf-c-txt-silver\:0{color:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-silver\:10,html.dark .sf-c-txt-silver\:10{color:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-txt-silver\:20,html.dark .sf-c-txt-silver\:20{color:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-txt-silver\:30,html.dark .sf-c-txt-silver\:30{color:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-txt-silver\:40,html.dark .sf-c-txt-silver\:40{color:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-txt-silver\:50,html.dark .sf-c-txt-silver\:50{color:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-txt-silver\:60,html.dark .sf-c-txt-silver\:60{color:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-txt-silver\:70,html.dark .sf-c-txt-silver\:70{color:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-txt-silver\:80,html.dark .sf-c-txt-silver\:80{color:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-txt-silver\:90,html.dark .sf-c-txt-silver\:90{color:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-txt-silver\:100,html.dark .sf-c-txt-silver\:100{color:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-txt-silver\:dark,html.dark .sf-c-txt-silver\:dark{color:hsl(0,0%,75%)}html.var[data-theme='dark'] .sf-c-txt-silver\:0\:dark,html.dark .sf-c-txt-silver\:0\:dark{color:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-silver\:10\:dark,html.dark .sf-c-txt-silver\:10\:dark{color:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-txt-silver\:20\:dark,html.dark .sf-c-txt-silver\:20\:dark{color:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-txt-silver\:30\:dark,html.dark .sf-c-txt-silver\:30\:dark{color:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-txt-silver\:40\:dark,html.dark .sf-c-txt-silver\:40\:dark{color:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-txt-silver\:50\:dark,html.dark .sf-c-txt-silver\:50\:dark{color:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-txt-silver\:60\:dark,html.dark .sf-c-txt-silver\:60\:dark{color:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-txt-silver\:70\:dark,html.dark .sf-c-txt-silver\:70\:dark{color:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-txt-silver\:80\:dark,html.dark .sf-c-txt-silver\:80\:dark{color:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-txt-silver\:90\:dark,html.dark .sf-c-txt-silver\:90\:dark{color:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-txt-silver\:100\:dark,html.dark .sf-c-txt-silver\:100\:dark{color:hsl(0,0%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-silver,html.auto .sf-c-silver{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver))}html[data-theme='auto'] .sf-c-silver\:0,html.auto .sf-c-silver\:0{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-100))}html[data-theme='auto'] .sf-c-silver\:10,html.auto .sf-c-silver\:10{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-90))}html[data-theme='auto'] .sf-c-silver\:20,html.auto .sf-c-silver\:20{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-80))}html[data-theme='auto'] .sf-c-silver\:30,html.auto .sf-c-silver\:30{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-70))}html[data-theme='auto'] .sf-c-silver\:40,html.auto .sf-c-silver\:40{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-60))}html[data-theme='auto'] .sf-c-silver\:50,html.auto .sf-c-silver\:50{color:hsl(var(--sf-dark-c-txt-silver-10));background:hsl(var(--sf-dark-c-silver-50))}html[data-theme='auto'] .sf-c-silver\:60,html.auto .sf-c-silver\:60{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-40))}html[data-theme='auto'] .sf-c-silver\:70,html.auto .sf-c-silver\:70{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-30))}html[data-theme='auto'] .sf-c-silver\:80,html.auto .sf-c-silver\:80{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-20))}html[data-theme='auto'] .sf-c-silver\:90,html.auto .sf-c-silver\:90{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-10))}html[data-theme='auto'] .sf-c-silver\:100,html.auto .sf-c-silver\:100{color:hsl(var(--sf-dark-c-txt-silver-90));background:hsl(var(--sf-dark-c-silver-0))}html[data-theme='auto'] .sf-c-silver\:dark,html.auto .sf-c-silver\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver))}html[data-theme='auto'] .sf-c-silver\:0\:dark,html.auto .sf-c-silver\:0\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-100))}html[data-theme='auto'] .sf-c-silver\:10\:dark,html.auto .sf-c-silver\:10\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-90))}html[data-theme='auto'] .sf-c-silver\:20\:dark,html.auto .sf-c-silver\:20\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-80))}html[data-theme='auto'] .sf-c-silver\:30\:dark,html.auto .sf-c-silver\:30\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-70))}html[data-theme='auto'] .sf-c-silver\:40\:dark,html.auto .sf-c-silver\:40\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-60))}html[data-theme='auto'] .sf-c-silver\:50\:dark,html.auto .sf-c-silver\:50\:dark{color:hsl(var(--sf-c-txt-silver-10));background:hsl(var(--sf-c-silver-50))}html[data-theme='auto'] .sf-c-silver\:60\:dark,html.auto .sf-c-silver\:60\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-40))}html[data-theme='auto'] .sf-c-silver\:70\:dark,html.auto .sf-c-silver\:70\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-30))}html[data-theme='auto'] .sf-c-silver\:80\:dark,html.auto .sf-c-silver\:80\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-20))}html[data-theme='auto'] .sf-c-silver\:90\:dark,html.auto .sf-c-silver\:90\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-10))}html[data-theme='auto'] .sf-c-silver\:100\:dark,html.auto .sf-c-silver\:100\:dark{color:hsl(var(--sf-c-txt-silver-90));background:hsl(var(--sf-c-silver-0))}html[data-theme='auto'] .sf-c-txt-silver,html.auto .sf-c-txt-silver{color:hsl(var(--sf-c-txt-silver))}html[data-theme='auto'] .sf-c-txt-silver\:0,html.auto .sf-c-txt-silver\:0{color:hsl(var(--sf-c-txt-silver-0))}html[data-theme='auto'] .sf-c-txt-silver\:10,html.auto .sf-c-txt-silver\:10{color:hsl(var(--sf-c-txt-silver-10))}html[data-theme='auto'] .sf-c-txt-silver\:20,html.auto .sf-c-txt-silver\:20{color:hsl(var(--sf-c-txt-silver-20))}html[data-theme='auto'] .sf-c-txt-silver\:30,html.auto .sf-c-txt-silver\:30{color:hsl(var(--sf-c-txt-silver-30))}html[data-theme='auto'] .sf-c-txt-silver\:40,html.auto .sf-c-txt-silver\:40{color:hsl(var(--sf-c-txt-silver-40))}html[data-theme='auto'] .sf-c-txt-silver\:50,html.auto .sf-c-txt-silver\:50{color:hsl(var(--sf-c-txt-silver-50))}html[data-theme='auto'] .sf-c-txt-silver\:60,html.auto .sf-c-txt-silver\:60{color:hsl(var(--sf-c-txt-silver-60))}html[data-theme='auto'] .sf-c-txt-silver\:70,html.auto .sf-c-txt-silver\:70{color:hsl(var(--sf-c-txt-silver-70))}html[data-theme='auto'] .sf-c-txt-silver\:80,html.auto .sf-c-txt-silver\:80{color:hsl(var(--sf-c-txt-silver-80))}html[data-theme='auto'] .sf-c-txt-silver\:90,html.auto .sf-c-txt-silver\:90{color:hsl(var(--sf-c-txt-silver-90))}html[data-theme='auto'] .sf-c-txt-silver\:100,html.auto .sf-c-txt-silver\:100{color:hsl(var(--sf-c-txt-silver-100))}html[data-theme='auto'] .sf-c-txt-silver\:dark,html.auto .sf-c-txt-silver\:dark{color:hsl(var(--sf-c-txt-silver))}html[data-theme='auto'] .sf-c-txt-silver\:0\:dark,html.auto .sf-c-txt-silver\:0\:dark{color:hsl(var(--sf-c-txt-silver-0))}html[data-theme='auto'] .sf-c-txt-silver\:10\:dark,html.auto .sf-c-txt-silver\:10\:dark{color:hsl(var(--sf-c-txt-silver-10))}html[data-theme='auto'] .sf-c-txt-silver\:20\:dark,html.auto .sf-c-txt-silver\:20\:dark{color:hsl(var(--sf-c-txt-silver-20))}html[data-theme='auto'] .sf-c-txt-silver\:30\:dark,html.auto .sf-c-txt-silver\:30\:dark{color:hsl(var(--sf-c-txt-silver-30))}html[data-theme='auto'] .sf-c-txt-silver\:40\:dark,html.auto .sf-c-txt-silver\:40\:dark{color:hsl(var(--sf-c-txt-silver-40))}html[data-theme='auto'] .sf-c-txt-silver\:50\:dark,html.auto .sf-c-txt-silver\:50\:dark{color:hsl(var(--sf-c-txt-silver-50))}html[data-theme='auto'] .sf-c-txt-silver\:60\:dark,html.auto .sf-c-txt-silver\:60\:dark{color:hsl(var(--sf-c-txt-silver-60))}html[data-theme='auto'] .sf-c-txt-silver\:70\:dark,html.auto .sf-c-txt-silver\:70\:dark{color:hsl(var(--sf-c-txt-silver-70))}html[data-theme='auto'] .sf-c-txt-silver\:80\:dark,html.auto .sf-c-txt-silver\:80\:dark{color:hsl(var(--sf-c-txt-silver-80))}html[data-theme='auto'] .sf-c-txt-silver\:90\:dark,html.auto .sf-c-txt-silver\:90\:dark{color:hsl(var(--sf-c-txt-silver-90))}html[data-theme='auto'] .sf-c-txt-silver\:100\:dark,html.auto .sf-c-txt-silver\:100\:dark{color:hsl(var(--sf-c-txt-silver-100))}html.var[data-theme='auto'] .sf-c-silver,html.var.auto .sf-c-silver{color:hsl(0,0%,90%);background:hsl(0,0%,25%)}html.var[data-theme='auto'] .sf-c-silver\:0,html.var.auto .sf-c-silver\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-silver\:10,html.var.auto .sf-c-silver\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-silver\:20,html.var.auto .sf-c-silver\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-silver\:30,html.var.auto .sf-c-silver\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-silver\:40,html.var.auto .sf-c-silver\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-silver\:50,html.var.auto .sf-c-silver\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-silver\:60,html.var.auto .sf-c-silver\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-silver\:70,html.var.auto .sf-c-silver\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-silver\:80,html.var.auto .sf-c-silver\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-silver\:90,html.var.auto .sf-c-silver\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-silver\:100,html.var.auto .sf-c-silver\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-silver\:dark,html.var.auto .sf-c-silver\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,25%)}html.var[data-theme='auto'] .sf-c-silver\:0\:dark,html.var.auto .sf-c-silver\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-silver\:10\:dark,html.var.auto .sf-c-silver\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-silver\:20\:dark,html.var.auto .sf-c-silver\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-silver\:30\:dark,html.var.auto .sf-c-silver\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-silver\:40\:dark,html.var.auto .sf-c-silver\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-silver\:50\:dark,html.var.auto .sf-c-silver\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-silver\:60\:dark,html.var.auto .sf-c-silver\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-silver\:70\:dark,html.var.auto .sf-c-silver\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-silver\:80\:dark,html.var.auto .sf-c-silver\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-silver\:90\:dark,html.var.auto .sf-c-silver\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-silver\:100\:dark,html.var.auto .sf-c-silver\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-silver,html.auto .sf-c-txt-silver{color:hsl(0,0%,75%)}html.var[data-theme='auto'] .sf-c-txt-silver\:0,html.auto .sf-c-txt-silver\:0{color:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-silver\:10,html.auto .sf-c-txt-silver\:10{color:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-txt-silver\:20,html.auto .sf-c-txt-silver\:20{color:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-txt-silver\:30,html.auto .sf-c-txt-silver\:30{color:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-txt-silver\:40,html.auto .sf-c-txt-silver\:40{color:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-txt-silver\:50,html.auto .sf-c-txt-silver\:50{color:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-txt-silver\:60,html.auto .sf-c-txt-silver\:60{color:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-txt-silver\:70,html.auto .sf-c-txt-silver\:70{color:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-txt-silver\:80,html.auto .sf-c-txt-silver\:80{color:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-txt-silver\:90,html.auto .sf-c-txt-silver\:90{color:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-txt-silver\:100,html.auto .sf-c-txt-silver\:100{color:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-txt-silver\:dark,html.auto .sf-c-txt-silver\:dark{color:hsl(0,0%,75%)}html.var[data-theme='auto'] .sf-c-txt-silver\:0\:dark,html.auto .sf-c-txt-silver\:0\:dark{color:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-silver\:10\:dark,html.auto .sf-c-txt-silver\:10\:dark{color:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-txt-silver\:20\:dark,html.auto .sf-c-txt-silver\:20\:dark{color:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-txt-silver\:30\:dark,html.auto .sf-c-txt-silver\:30\:dark{color:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-txt-silver\:40\:dark,html.auto .sf-c-txt-silver\:40\:dark{color:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-txt-silver\:50\:dark,html.auto .sf-c-txt-silver\:50\:dark{color:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-txt-silver\:60\:dark,html.auto .sf-c-txt-silver\:60\:dark{color:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-txt-silver\:70\:dark,html.auto .sf-c-txt-silver\:70\:dark{color:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-txt-silver\:80\:dark,html.auto .sf-c-txt-silver\:80\:dark{color:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-txt-silver\:90\:dark,html.auto .sf-c-txt-silver\:90\:dark{color:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-txt-silver\:100\:dark,html.auto .sf-c-txt-silver\:100\:dark{color:hsl(0,0%,100%)}}.sf-c-teal{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal))}.sf-c-teal\:0{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-0))}.sf-c-teal\:10{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-10))}.sf-c-teal\:20{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-20))}.sf-c-teal\:30{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-30))}.sf-c-teal\:40{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-40))}.sf-c-teal\:50{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-50))}.sf-c-teal\:60{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-60))}.sf-c-teal\:70{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-70))}.sf-c-teal\:80{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-80))}.sf-c-teal\:90{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-90))}.sf-c-teal\:100{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-100))}html.var .sf-c-teal{color:hsl(180,100%,90%);background:hsl(180,100%,25%)}html.var .sf-c-teal\:0{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var .sf-c-teal\:10{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var .sf-c-teal\:20{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var .sf-c-teal\:30{color:hsl(180,100%,90%);background:hsl(180,100%,30%)}html.var .sf-c-teal\:40{color:hsl(180,100%,90%);background:hsl(180,100%,40%)}html.var .sf-c-teal\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var .sf-c-teal\:60{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var .sf-c-teal\:70{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var .sf-c-teal\:80{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var .sf-c-teal\:90{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var .sf-c-teal\:100{color:hsl(180,100%,10%);background:hsl(180,100%,100%)}.sf-c-txt-teal{color:hsl(var(--sf-dark-c-txt-teal))}.sf-c-txt-teal\:0{color:hsl(var(--sf-dark-c-txt-teal-100))}.sf-c-txt-teal\:10{color:hsl(var(--sf-dark-c-txt-teal-90))}.sf-c-txt-teal\:20{color:hsl(var(--sf-dark-c-txt-teal-80))}.sf-c-txt-teal\:30{color:hsl(var(--sf-dark-c-txt-teal-70))}.sf-c-txt-teal\:40{color:hsl(var(--sf-dark-c-txt-teal-60))}.sf-c-txt-teal\:50{color:hsl(var(--sf-dark-c-txt-teal-50))}.sf-c-txt-teal\:60{color:hsl(var(--sf-dark-c-txt-teal-40))}.sf-c-txt-teal\:70{color:hsl(var(--sf-dark-c-txt-teal-30))}.sf-c-txt-teal\:80{color:hsl(var(--sf-dark-c-txt-teal-20))}.sf-c-txt-teal\:90{color:hsl(var(--sf-dark-c-txt-teal-10))}.sf-c-txt-teal\:100{color:hsl(var(--sf-dark-c-txt-teal-0))}html.var .sf-c-txt-teal{color:hsl(180,100%,75%)}html.var .sf-c-txt-teal\:0{color:hsl(180,100%,100%)}html.var .sf-c-txt-teal\:10{color:hsl(180,100%,90%)}html.var .sf-c-txt-teal\:20{color:hsl(180,100%,80%)}html.var .sf-c-txt-teal\:30{color:hsl(180,100%,70%)}html.var .sf-c-txt-teal\:40{color:hsl(180,100%,60%)}html.var .sf-c-txt-teal\:50{color:hsl(180,100%,50%)}html.var .sf-c-txt-teal\:60{color:hsl(180,100%,40%)}html.var .sf-c-txt-teal\:70{color:hsl(180,100%,30%)}html.var .sf-c-txt-teal\:80{color:hsl(180,100%,20%)}html.var .sf-c-txt-teal\:90{color:hsl(180,100%,10%)}html.var .sf-c-txt-teal\:100{color:hsl(180,100%,0%)}html[data-theme='dark'] .sf-c-teal,html.dark .sf-c-teal{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal))}html[data-theme='dark'] .sf-c-teal\:0,html.dark .sf-c-teal\:0{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-100))}html[data-theme='dark'] .sf-c-teal\:10,html.dark .sf-c-teal\:10{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-90))}html[data-theme='dark'] .sf-c-teal\:20,html.dark .sf-c-teal\:20{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-80))}html[data-theme='dark'] .sf-c-teal\:30,html.dark .sf-c-teal\:30{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-70))}html[data-theme='dark'] .sf-c-teal\:40,html.dark .sf-c-teal\:40{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-60))}html[data-theme='dark'] .sf-c-teal\:50,html.dark .sf-c-teal\:50{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-50))}html[data-theme='dark'] .sf-c-teal\:60,html.dark .sf-c-teal\:60{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-40))}html[data-theme='dark'] .sf-c-teal\:70,html.dark .sf-c-teal\:70{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-30))}html[data-theme='dark'] .sf-c-teal\:80,html.dark .sf-c-teal\:80{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-20))}html[data-theme='dark'] .sf-c-teal\:90,html.dark .sf-c-teal\:90{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-10))}html[data-theme='dark'] .sf-c-teal\:100,html.dark .sf-c-teal\:100{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-0))}html[data-theme='dark'] .sf-c-teal\:dark,html.dark .sf-c-teal\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal))}html[data-theme='dark'] .sf-c-teal\:0\:dark,html.dark .sf-c-teal\:0\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-100))}html[data-theme='dark'] .sf-c-teal\:10\:dark,html.dark .sf-c-teal\:10\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-90))}html[data-theme='dark'] .sf-c-teal\:20\:dark,html.dark .sf-c-teal\:20\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-80))}html[data-theme='dark'] .sf-c-teal\:30\:dark,html.dark .sf-c-teal\:30\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-70))}html[data-theme='dark'] .sf-c-teal\:40\:dark,html.dark .sf-c-teal\:40\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-60))}html[data-theme='dark'] .sf-c-teal\:50\:dark,html.dark .sf-c-teal\:50\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-50))}html[data-theme='dark'] .sf-c-teal\:60\:dark,html.dark .sf-c-teal\:60\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-40))}html[data-theme='dark'] .sf-c-teal\:70\:dark,html.dark .sf-c-teal\:70\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-30))}html[data-theme='dark'] .sf-c-teal\:80\:dark,html.dark .sf-c-teal\:80\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-20))}html[data-theme='dark'] .sf-c-teal\:90\:dark,html.dark .sf-c-teal\:90\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-10))}html[data-theme='dark'] .sf-c-teal\:100\:dark,html.dark .sf-c-teal\:100\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-0))}html[data-theme='dark'] .sf-c-txt-teal,html.dark .sf-c-txt-teal{color:hsl(var(--sf-c-txt-teal))}html[data-theme='dark'] .sf-c-txt-teal\:0,html.dark .sf-c-txt-teal\:0{color:hsl(var(--sf-c-txt-teal-0))}html[data-theme='dark'] .sf-c-txt-teal\:10,html.dark .sf-c-txt-teal\:10{color:hsl(var(--sf-c-txt-teal-10))}html[data-theme='dark'] .sf-c-txt-teal\:20,html.dark .sf-c-txt-teal\:20{color:hsl(var(--sf-c-txt-teal-20))}html[data-theme='dark'] .sf-c-txt-teal\:30,html.dark .sf-c-txt-teal\:30{color:hsl(var(--sf-c-txt-teal-30))}html[data-theme='dark'] .sf-c-txt-teal\:40,html.dark .sf-c-txt-teal\:40{color:hsl(var(--sf-c-txt-teal-40))}html[data-theme='dark'] .sf-c-txt-teal\:50,html.dark .sf-c-txt-teal\:50{color:hsl(var(--sf-c-txt-teal-50))}html[data-theme='dark'] .sf-c-txt-teal\:60,html.dark .sf-c-txt-teal\:60{color:hsl(var(--sf-c-txt-teal-60))}html[data-theme='dark'] .sf-c-txt-teal\:70,html.dark .sf-c-txt-teal\:70{color:hsl(var(--sf-c-txt-teal-70))}html[data-theme='dark'] .sf-c-txt-teal\:80,html.dark .sf-c-txt-teal\:80{color:hsl(var(--sf-c-txt-teal-80))}html[data-theme='dark'] .sf-c-txt-teal\:90,html.dark .sf-c-txt-teal\:90{color:hsl(var(--sf-c-txt-teal-90))}html[data-theme='dark'] .sf-c-txt-teal\:100,html.dark .sf-c-txt-teal\:100{color:hsl(var(--sf-c-txt-teal-100))}html[data-theme='dark'] .sf-c-txt-teal\:dark,html.dark .sf-c-txt-teal\:dark{color:hsl(var(--sf-c-txt-teal))}html[data-theme='dark'] .sf-c-txt-teal\:0\:dark,html.dark .sf-c-txt-teal\:0\:dark{color:hsl(var(--sf-dark-c-txt-teal-0))}html[data-theme='dark'] .sf-c-txt-teal\:10\:dark,html.dark .sf-c-txt-teal\:10\:dark{color:hsl(var(--sf-dark-c-txt-teal-10))}html[data-theme='dark'] .sf-c-txt-teal\:20\:dark,html.dark .sf-c-txt-teal\:20\:dark{color:hsl(var(--sf-dark-c-txt-teal-20))}html[data-theme='dark'] .sf-c-txt-teal\:30\:dark,html.dark .sf-c-txt-teal\:30\:dark{color:hsl(var(--sf-dark-c-txt-teal-30))}html[data-theme='dark'] .sf-c-txt-teal\:40\:dark,html.dark .sf-c-txt-teal\:40\:dark{color:hsl(var(--sf-dark-c-txt-teal-40))}html[data-theme='dark'] .sf-c-txt-teal\:50\:dark,html.dark .sf-c-txt-teal\:50\:dark{color:hsl(var(--sf-dark-c-txt-teal-50))}html[data-theme='dark'] .sf-c-txt-teal\:60\:dark,html.dark .sf-c-txt-teal\:60\:dark{color:hsl(var(--sf-dark-c-txt-teal-60))}html[data-theme='dark'] .sf-c-txt-teal\:70\:dark,html.dark .sf-c-txt-teal\:70\:dark{color:hsl(var(--sf-dark-c-txt-teal-70))}html[data-theme='dark'] .sf-c-txt-teal\:80\:dark,html.dark .sf-c-txt-teal\:80\:dark{color:hsl(var(--sf-dark-c-txt-teal-80))}html[data-theme='dark'] .sf-c-txt-teal\:90\:dark,html.dark .sf-c-txt-teal\:90\:dark{color:hsl(var(--sf-dark-c-txt-teal-90))}html[data-theme='dark'] .sf-c-txt-teal\:100\:dark,html.dark .sf-c-txt-teal\:100\:dark{color:hsl(var(--sf-dark-c-txt-teal-100))}html.var[data-theme='dark'] .sf-c-teal,html.var.dark .sf-c-teal{color:hsl(180,100%,10%);background:hsl(180,100%,75%)}html.var[data-theme='dark'] .sf-c-teal\:0,html.var.dark .sf-c-teal\:0{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='dark'] .sf-c-teal\:10,html.var.dark .sf-c-teal\:10{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='dark'] .sf-c-teal\:20,html.var.dark .sf-c-teal\:20{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='dark'] .sf-c-teal\:30,html.var.dark .sf-c-teal\:30{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='dark'] .sf-c-teal\:40,html.var.dark .sf-c-teal\:40{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='dark'] .sf-c-teal\:50,html.var.dark .sf-c-teal\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-teal\:60,html.var.dark .sf-c-teal\:60{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='dark'] .sf-c-teal\:70,html.var.dark .sf-c-teal\:70{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='dark'] .sf-c-teal\:80,html.var.dark .sf-c-teal\:80{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='dark'] .sf-c-teal\:90,html.var.dark .sf-c-teal\:90{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='dark'] .sf-c-teal\:100,html.var.dark .sf-c-teal\:100{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var[data-theme='dark'] .sf-c-teal\:dark,html.var.dark .sf-c-teal\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,75%)}html.var[data-theme='dark'] .sf-c-teal\:0\:dark,html.var.dark .sf-c-teal\:0\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='dark'] .sf-c-teal\:10\:dark,html.var.dark .sf-c-teal\:10\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='dark'] .sf-c-teal\:20\:dark,html.var.dark .sf-c-teal\:20\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='dark'] .sf-c-teal\:30\:dark,html.var.dark .sf-c-teal\:30\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='dark'] .sf-c-teal\:40\:dark,html.var.dark .sf-c-teal\:40\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='dark'] .sf-c-teal\:50\:dark,html.var.dark .sf-c-teal\:50\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-teal\:60\:dark,html.var.dark .sf-c-teal\:60\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='dark'] .sf-c-teal\:70\:dark,html.var.dark .sf-c-teal\:70\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='dark'] .sf-c-teal\:80\:dark,html.var.dark .sf-c-teal\:80\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='dark'] .sf-c-teal\:90\:dark,html.var.dark .sf-c-teal\:90\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='dark'] .sf-c-teal\:100\:dark,html.var.dark .sf-c-teal\:100\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-teal,html.dark .sf-c-txt-teal{color:hsl(180,100%,25%)}html.var[data-theme='dark'] .sf-c-txt-teal\:0,html.dark .sf-c-txt-teal\:0{color:hsl(180,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-teal\:10,html.dark .sf-c-txt-teal\:10{color:hsl(180,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-teal\:20,html.dark .sf-c-txt-teal\:20{color:hsl(180,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-teal\:30,html.dark .sf-c-txt-teal\:30{color:hsl(180,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-teal\:40,html.dark .sf-c-txt-teal\:40{color:hsl(180,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-teal\:50,html.dark .sf-c-txt-teal\:50{color:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-teal\:60,html.dark .sf-c-txt-teal\:60{color:hsl(180,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-teal\:70,html.dark .sf-c-txt-teal\:70{color:hsl(180,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-teal\:80,html.dark .sf-c-txt-teal\:80{color:hsl(180,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-teal\:90,html.dark .sf-c-txt-teal\:90{color:hsl(180,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-teal\:100,html.dark .sf-c-txt-teal\:100{color:hsl(180,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-teal\:dark,html.dark .sf-c-txt-teal\:dark{color:hsl(180,100%,25%)}html.var[data-theme='dark'] .sf-c-txt-teal\:0\:dark,html.dark .sf-c-txt-teal\:0\:dark{color:hsl(180,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-teal\:10\:dark,html.dark .sf-c-txt-teal\:10\:dark{color:hsl(180,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-teal\:20\:dark,html.dark .sf-c-txt-teal\:20\:dark{color:hsl(180,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-teal\:30\:dark,html.dark .sf-c-txt-teal\:30\:dark{color:hsl(180,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-teal\:40\:dark,html.dark .sf-c-txt-teal\:40\:dark{color:hsl(180,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-teal\:50\:dark,html.dark .sf-c-txt-teal\:50\:dark{color:hsl(180,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-teal\:60\:dark,html.dark .sf-c-txt-teal\:60\:dark{color:hsl(180,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-teal\:70\:dark,html.dark .sf-c-txt-teal\:70\:dark{color:hsl(180,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-teal\:80\:dark,html.dark .sf-c-txt-teal\:80\:dark{color:hsl(180,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-teal\:90\:dark,html.dark .sf-c-txt-teal\:90\:dark{color:hsl(180,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-teal\:100\:dark,html.dark .sf-c-txt-teal\:100\:dark{color:hsl(180,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-teal,html.auto .sf-c-teal{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal))}html[data-theme='auto'] .sf-c-teal\:0,html.auto .sf-c-teal\:0{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-100))}html[data-theme='auto'] .sf-c-teal\:10,html.auto .sf-c-teal\:10{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-90))}html[data-theme='auto'] .sf-c-teal\:20,html.auto .sf-c-teal\:20{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-80))}html[data-theme='auto'] .sf-c-teal\:30,html.auto .sf-c-teal\:30{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-70))}html[data-theme='auto'] .sf-c-teal\:40,html.auto .sf-c-teal\:40{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-60))}html[data-theme='auto'] .sf-c-teal\:50,html.auto .sf-c-teal\:50{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-50))}html[data-theme='auto'] .sf-c-teal\:60,html.auto .sf-c-teal\:60{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-40))}html[data-theme='auto'] .sf-c-teal\:70,html.auto .sf-c-teal\:70{color:hsl(var(--sf-dark-c-txt-teal-10));background:hsl(var(--sf-dark-c-teal-30))}html[data-theme='auto'] .sf-c-teal\:80,html.auto .sf-c-teal\:80{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-20))}html[data-theme='auto'] .sf-c-teal\:90,html.auto .sf-c-teal\:90{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-10))}html[data-theme='auto'] .sf-c-teal\:100,html.auto .sf-c-teal\:100{color:hsl(var(--sf-dark-c-txt-teal-90));background:hsl(var(--sf-dark-c-teal-0))}html[data-theme='auto'] .sf-c-teal\:dark,html.auto .sf-c-teal\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal))}html[data-theme='auto'] .sf-c-teal\:0\:dark,html.auto .sf-c-teal\:0\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-100))}html[data-theme='auto'] .sf-c-teal\:10\:dark,html.auto .sf-c-teal\:10\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-90))}html[data-theme='auto'] .sf-c-teal\:20\:dark,html.auto .sf-c-teal\:20\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-80))}html[data-theme='auto'] .sf-c-teal\:30\:dark,html.auto .sf-c-teal\:30\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-70))}html[data-theme='auto'] .sf-c-teal\:40\:dark,html.auto .sf-c-teal\:40\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-60))}html[data-theme='auto'] .sf-c-teal\:50\:dark,html.auto .sf-c-teal\:50\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-50))}html[data-theme='auto'] .sf-c-teal\:60\:dark,html.auto .sf-c-teal\:60\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-40))}html[data-theme='auto'] .sf-c-teal\:70\:dark,html.auto .sf-c-teal\:70\:dark{color:hsl(var(--sf-c-txt-teal-10));background:hsl(var(--sf-c-teal-30))}html[data-theme='auto'] .sf-c-teal\:80\:dark,html.auto .sf-c-teal\:80\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-20))}html[data-theme='auto'] .sf-c-teal\:90\:dark,html.auto .sf-c-teal\:90\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-10))}html[data-theme='auto'] .sf-c-teal\:100\:dark,html.auto .sf-c-teal\:100\:dark{color:hsl(var(--sf-c-txt-teal-90));background:hsl(var(--sf-c-teal-0))}html[data-theme='auto'] .sf-c-txt-teal,html.auto .sf-c-txt-teal{color:hsl(var(--sf-c-txt-teal))}html[data-theme='auto'] .sf-c-txt-teal\:0,html.auto .sf-c-txt-teal\:0{color:hsl(var(--sf-c-txt-teal-0))}html[data-theme='auto'] .sf-c-txt-teal\:10,html.auto .sf-c-txt-teal\:10{color:hsl(var(--sf-c-txt-teal-10))}html[data-theme='auto'] .sf-c-txt-teal\:20,html.auto .sf-c-txt-teal\:20{color:hsl(var(--sf-c-txt-teal-20))}html[data-theme='auto'] .sf-c-txt-teal\:30,html.auto .sf-c-txt-teal\:30{color:hsl(var(--sf-c-txt-teal-30))}html[data-theme='auto'] .sf-c-txt-teal\:40,html.auto .sf-c-txt-teal\:40{color:hsl(var(--sf-c-txt-teal-40))}html[data-theme='auto'] .sf-c-txt-teal\:50,html.auto .sf-c-txt-teal\:50{color:hsl(var(--sf-c-txt-teal-50))}html[data-theme='auto'] .sf-c-txt-teal\:60,html.auto .sf-c-txt-teal\:60{color:hsl(var(--sf-c-txt-teal-60))}html[data-theme='auto'] .sf-c-txt-teal\:70,html.auto .sf-c-txt-teal\:70{color:hsl(var(--sf-c-txt-teal-70))}html[data-theme='auto'] .sf-c-txt-teal\:80,html.auto .sf-c-txt-teal\:80{color:hsl(var(--sf-c-txt-teal-80))}html[data-theme='auto'] .sf-c-txt-teal\:90,html.auto .sf-c-txt-teal\:90{color:hsl(var(--sf-c-txt-teal-90))}html[data-theme='auto'] .sf-c-txt-teal\:100,html.auto .sf-c-txt-teal\:100{color:hsl(var(--sf-c-txt-teal-100))}html[data-theme='auto'] .sf-c-txt-teal\:dark,html.auto .sf-c-txt-teal\:dark{color:hsl(var(--sf-c-txt-teal))}html[data-theme='auto'] .sf-c-txt-teal\:0\:dark,html.auto .sf-c-txt-teal\:0\:dark{color:hsl(var(--sf-c-txt-teal-0))}html[data-theme='auto'] .sf-c-txt-teal\:10\:dark,html.auto .sf-c-txt-teal\:10\:dark{color:hsl(var(--sf-c-txt-teal-10))}html[data-theme='auto'] .sf-c-txt-teal\:20\:dark,html.auto .sf-c-txt-teal\:20\:dark{color:hsl(var(--sf-c-txt-teal-20))}html[data-theme='auto'] .sf-c-txt-teal\:30\:dark,html.auto .sf-c-txt-teal\:30\:dark{color:hsl(var(--sf-c-txt-teal-30))}html[data-theme='auto'] .sf-c-txt-teal\:40\:dark,html.auto .sf-c-txt-teal\:40\:dark{color:hsl(var(--sf-c-txt-teal-40))}html[data-theme='auto'] .sf-c-txt-teal\:50\:dark,html.auto .sf-c-txt-teal\:50\:dark{color:hsl(var(--sf-c-txt-teal-50))}html[data-theme='auto'] .sf-c-txt-teal\:60\:dark,html.auto .sf-c-txt-teal\:60\:dark{color:hsl(var(--sf-c-txt-teal-60))}html[data-theme='auto'] .sf-c-txt-teal\:70\:dark,html.auto .sf-c-txt-teal\:70\:dark{color:hsl(var(--sf-c-txt-teal-70))}html[data-theme='auto'] .sf-c-txt-teal\:80\:dark,html.auto .sf-c-txt-teal\:80\:dark{color:hsl(var(--sf-c-txt-teal-80))}html[data-theme='auto'] .sf-c-txt-teal\:90\:dark,html.auto .sf-c-txt-teal\:90\:dark{color:hsl(var(--sf-c-txt-teal-90))}html[data-theme='auto'] .sf-c-txt-teal\:100\:dark,html.auto .sf-c-txt-teal\:100\:dark{color:hsl(var(--sf-c-txt-teal-100))}html.var[data-theme='auto'] .sf-c-teal,html.var.auto .sf-c-teal{color:hsl(180,100%,10%);background:hsl(180,100%,75%)}html.var[data-theme='auto'] .sf-c-teal\:0,html.var.auto .sf-c-teal\:0{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='auto'] .sf-c-teal\:10,html.var.auto .sf-c-teal\:10{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='auto'] .sf-c-teal\:20,html.var.auto .sf-c-teal\:20{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='auto'] .sf-c-teal\:30,html.var.auto .sf-c-teal\:30{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='auto'] .sf-c-teal\:40,html.var.auto .sf-c-teal\:40{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='auto'] .sf-c-teal\:50,html.var.auto .sf-c-teal\:50{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-teal\:60,html.var.auto .sf-c-teal\:60{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='auto'] .sf-c-teal\:70,html.var.auto .sf-c-teal\:70{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='auto'] .sf-c-teal\:80,html.var.auto .sf-c-teal\:80{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='auto'] .sf-c-teal\:90,html.var.auto .sf-c-teal\:90{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='auto'] .sf-c-teal\:100,html.var.auto .sf-c-teal\:100{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var[data-theme='auto'] .sf-c-teal\:dark,html.var.auto .sf-c-teal\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,75%)}html.var[data-theme='auto'] .sf-c-teal\:0\:dark,html.var.auto .sf-c-teal\:0\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,100%)}html.var[data-theme='auto'] .sf-c-teal\:10\:dark,html.var.auto .sf-c-teal\:10\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,90%)}html.var[data-theme='auto'] .sf-c-teal\:20\:dark,html.var.auto .sf-c-teal\:20\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,80%)}html.var[data-theme='auto'] .sf-c-teal\:30\:dark,html.var.auto .sf-c-teal\:30\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,70%)}html.var[data-theme='auto'] .sf-c-teal\:40\:dark,html.var.auto .sf-c-teal\:40\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,60%)}html.var[data-theme='auto'] .sf-c-teal\:50\:dark,html.var.auto .sf-c-teal\:50\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-teal\:60\:dark,html.var.auto .sf-c-teal\:60\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,40%)}html.var[data-theme='auto'] .sf-c-teal\:70\:dark,html.var.auto .sf-c-teal\:70\:dark{color:hsl(180,100%,10%);background:hsl(180,100%,30%)}html.var[data-theme='auto'] .sf-c-teal\:80\:dark,html.var.auto .sf-c-teal\:80\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,20%)}html.var[data-theme='auto'] .sf-c-teal\:90\:dark,html.var.auto .sf-c-teal\:90\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,10%)}html.var[data-theme='auto'] .sf-c-teal\:100\:dark,html.var.auto .sf-c-teal\:100\:dark{color:hsl(180,100%,90%);background:hsl(180,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-teal,html.auto .sf-c-txt-teal{color:hsl(180,100%,25%)}html.var[data-theme='auto'] .sf-c-txt-teal\:0,html.auto .sf-c-txt-teal\:0{color:hsl(180,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-teal\:10,html.auto .sf-c-txt-teal\:10{color:hsl(180,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-teal\:20,html.auto .sf-c-txt-teal\:20{color:hsl(180,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-teal\:30,html.auto .sf-c-txt-teal\:30{color:hsl(180,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-teal\:40,html.auto .sf-c-txt-teal\:40{color:hsl(180,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-teal\:50,html.auto .sf-c-txt-teal\:50{color:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-teal\:60,html.auto .sf-c-txt-teal\:60{color:hsl(180,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-teal\:70,html.auto .sf-c-txt-teal\:70{color:hsl(180,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-teal\:80,html.auto .sf-c-txt-teal\:80{color:hsl(180,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-teal\:90,html.auto .sf-c-txt-teal\:90{color:hsl(180,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-teal\:100,html.auto .sf-c-txt-teal\:100{color:hsl(180,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-teal\:dark,html.auto .sf-c-txt-teal\:dark{color:hsl(180,100%,25%)}html.var[data-theme='auto'] .sf-c-txt-teal\:0\:dark,html.auto .sf-c-txt-teal\:0\:dark{color:hsl(180,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-teal\:10\:dark,html.auto .sf-c-txt-teal\:10\:dark{color:hsl(180,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-teal\:20\:dark,html.auto .sf-c-txt-teal\:20\:dark{color:hsl(180,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-teal\:30\:dark,html.auto .sf-c-txt-teal\:30\:dark{color:hsl(180,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-teal\:40\:dark,html.auto .sf-c-txt-teal\:40\:dark{color:hsl(180,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-teal\:50\:dark,html.auto .sf-c-txt-teal\:50\:dark{color:hsl(180,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-teal\:60\:dark,html.auto .sf-c-txt-teal\:60\:dark{color:hsl(180,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-teal\:70\:dark,html.auto .sf-c-txt-teal\:70\:dark{color:hsl(180,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-teal\:80\:dark,html.auto .sf-c-txt-teal\:80\:dark{color:hsl(180,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-teal\:90\:dark,html.auto .sf-c-txt-teal\:90\:dark{color:hsl(180,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-teal\:100\:dark,html.auto .sf-c-txt-teal\:100\:dark{color:hsl(180,100%,100%)}}.sf-c-white{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white))}.sf-c-white\:0{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-0))}.sf-c-white\:10{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-10))}.sf-c-white\:20{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-20))}.sf-c-white\:30{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-30))}.sf-c-white\:40{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-40))}.sf-c-white\:50{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-50))}.sf-c-white\:60{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-60))}.sf-c-white\:70{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-70))}.sf-c-white\:80{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-80))}.sf-c-white\:90{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-90))}.sf-c-white\:100{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-100))}html.var .sf-c-white{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var .sf-c-white\:0{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var .sf-c-white\:10{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var .sf-c-white\:20{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var .sf-c-white\:30{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var .sf-c-white\:40{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var .sf-c-white\:50{color:hsl(0,0%,90%);background:hsl(0,0%,50%)}html.var .sf-c-white\:60{color:hsl(0,0%,90%);background:hsl(0,0%,60%)}html.var .sf-c-white\:70{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var .sf-c-white\:80{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var .sf-c-white\:90{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var .sf-c-white\:100{color:hsl(0,0%,10%);background:hsl(0,0%,100%)}.sf-c-txt-white{color:hsl(var(--sf-dark-c-txt-white))}.sf-c-txt-white\:0{color:hsl(var(--sf-dark-c-txt-white-100))}.sf-c-txt-white\:10{color:hsl(var(--sf-dark-c-txt-white-90))}.sf-c-txt-white\:20{color:hsl(var(--sf-dark-c-txt-white-80))}.sf-c-txt-white\:30{color:hsl(var(--sf-dark-c-txt-white-70))}.sf-c-txt-white\:40{color:hsl(var(--sf-dark-c-txt-white-60))}.sf-c-txt-white\:50{color:hsl(var(--sf-dark-c-txt-white-50))}.sf-c-txt-white\:60{color:hsl(var(--sf-dark-c-txt-white-40))}.sf-c-txt-white\:70{color:hsl(var(--sf-dark-c-txt-white-30))}.sf-c-txt-white\:80{color:hsl(var(--sf-dark-c-txt-white-20))}.sf-c-txt-white\:90{color:hsl(var(--sf-dark-c-txt-white-10))}.sf-c-txt-white\:100{color:hsl(var(--sf-dark-c-txt-white-0))}html.var .sf-c-txt-white{color:hsl(0,0%,0%)}html.var .sf-c-txt-white\:0{color:hsl(0,0%,100%)}html.var .sf-c-txt-white\:10{color:hsl(0,0%,90%)}html.var .sf-c-txt-white\:20{color:hsl(0,0%,80%)}html.var .sf-c-txt-white\:30{color:hsl(0,0%,70%)}html.var .sf-c-txt-white\:40{color:hsl(0,0%,60%)}html.var .sf-c-txt-white\:50{color:hsl(0,0%,50%)}html.var .sf-c-txt-white\:60{color:hsl(0,0%,40%)}html.var .sf-c-txt-white\:70{color:hsl(0,0%,30%)}html.var .sf-c-txt-white\:80{color:hsl(0,0%,20%)}html.var .sf-c-txt-white\:90{color:hsl(0,0%,10%)}html.var .sf-c-txt-white\:100{color:hsl(0,0%,0%)}html[data-theme='dark'] .sf-c-white,html.dark .sf-c-white{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white))}html[data-theme='dark'] .sf-c-white\:0,html.dark .sf-c-white\:0{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-100))}html[data-theme='dark'] .sf-c-white\:10,html.dark .sf-c-white\:10{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-90))}html[data-theme='dark'] .sf-c-white\:20,html.dark .sf-c-white\:20{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-80))}html[data-theme='dark'] .sf-c-white\:30,html.dark .sf-c-white\:30{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-70))}html[data-theme='dark'] .sf-c-white\:40,html.dark .sf-c-white\:40{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-60))}html[data-theme='dark'] .sf-c-white\:50,html.dark .sf-c-white\:50{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-50))}html[data-theme='dark'] .sf-c-white\:60,html.dark .sf-c-white\:60{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-40))}html[data-theme='dark'] .sf-c-white\:70,html.dark .sf-c-white\:70{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-30))}html[data-theme='dark'] .sf-c-white\:80,html.dark .sf-c-white\:80{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-20))}html[data-theme='dark'] .sf-c-white\:90,html.dark .sf-c-white\:90{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-10))}html[data-theme='dark'] .sf-c-white\:100,html.dark .sf-c-white\:100{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-0))}html[data-theme='dark'] .sf-c-white\:dark,html.dark .sf-c-white\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white))}html[data-theme='dark'] .sf-c-white\:0\:dark,html.dark .sf-c-white\:0\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-100))}html[data-theme='dark'] .sf-c-white\:10\:dark,html.dark .sf-c-white\:10\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-90))}html[data-theme='dark'] .sf-c-white\:20\:dark,html.dark .sf-c-white\:20\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-80))}html[data-theme='dark'] .sf-c-white\:30\:dark,html.dark .sf-c-white\:30\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-70))}html[data-theme='dark'] .sf-c-white\:40\:dark,html.dark .sf-c-white\:40\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-60))}html[data-theme='dark'] .sf-c-white\:50\:dark,html.dark .sf-c-white\:50\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-50))}html[data-theme='dark'] .sf-c-white\:60\:dark,html.dark .sf-c-white\:60\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-40))}html[data-theme='dark'] .sf-c-white\:70\:dark,html.dark .sf-c-white\:70\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-30))}html[data-theme='dark'] .sf-c-white\:80\:dark,html.dark .sf-c-white\:80\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-20))}html[data-theme='dark'] .sf-c-white\:90\:dark,html.dark .sf-c-white\:90\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-10))}html[data-theme='dark'] .sf-c-white\:100\:dark,html.dark .sf-c-white\:100\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-0))}html[data-theme='dark'] .sf-c-txt-white,html.dark .sf-c-txt-white{color:hsl(var(--sf-c-txt-white))}html[data-theme='dark'] .sf-c-txt-white\:0,html.dark .sf-c-txt-white\:0{color:hsl(var(--sf-c-txt-white-0))}html[data-theme='dark'] .sf-c-txt-white\:10,html.dark .sf-c-txt-white\:10{color:hsl(var(--sf-c-txt-white-10))}html[data-theme='dark'] .sf-c-txt-white\:20,html.dark .sf-c-txt-white\:20{color:hsl(var(--sf-c-txt-white-20))}html[data-theme='dark'] .sf-c-txt-white\:30,html.dark .sf-c-txt-white\:30{color:hsl(var(--sf-c-txt-white-30))}html[data-theme='dark'] .sf-c-txt-white\:40,html.dark .sf-c-txt-white\:40{color:hsl(var(--sf-c-txt-white-40))}html[data-theme='dark'] .sf-c-txt-white\:50,html.dark .sf-c-txt-white\:50{color:hsl(var(--sf-c-txt-white-50))}html[data-theme='dark'] .sf-c-txt-white\:60,html.dark .sf-c-txt-white\:60{color:hsl(var(--sf-c-txt-white-60))}html[data-theme='dark'] .sf-c-txt-white\:70,html.dark .sf-c-txt-white\:70{color:hsl(var(--sf-c-txt-white-70))}html[data-theme='dark'] .sf-c-txt-white\:80,html.dark .sf-c-txt-white\:80{color:hsl(var(--sf-c-txt-white-80))}html[data-theme='dark'] .sf-c-txt-white\:90,html.dark .sf-c-txt-white\:90{color:hsl(var(--sf-c-txt-white-90))}html[data-theme='dark'] .sf-c-txt-white\:100,html.dark .sf-c-txt-white\:100{color:hsl(var(--sf-c-txt-white-100))}html[data-theme='dark'] .sf-c-txt-white\:dark,html.dark .sf-c-txt-white\:dark{color:hsl(var(--sf-c-txt-white))}html[data-theme='dark'] .sf-c-txt-white\:0\:dark,html.dark .sf-c-txt-white\:0\:dark{color:hsl(var(--sf-dark-c-txt-white-0))}html[data-theme='dark'] .sf-c-txt-white\:10\:dark,html.dark .sf-c-txt-white\:10\:dark{color:hsl(var(--sf-dark-c-txt-white-10))}html[data-theme='dark'] .sf-c-txt-white\:20\:dark,html.dark .sf-c-txt-white\:20\:dark{color:hsl(var(--sf-dark-c-txt-white-20))}html[data-theme='dark'] .sf-c-txt-white\:30\:dark,html.dark .sf-c-txt-white\:30\:dark{color:hsl(var(--sf-dark-c-txt-white-30))}html[data-theme='dark'] .sf-c-txt-white\:40\:dark,html.dark .sf-c-txt-white\:40\:dark{color:hsl(var(--sf-dark-c-txt-white-40))}html[data-theme='dark'] .sf-c-txt-white\:50\:dark,html.dark .sf-c-txt-white\:50\:dark{color:hsl(var(--sf-dark-c-txt-white-50))}html[data-theme='dark'] .sf-c-txt-white\:60\:dark,html.dark .sf-c-txt-white\:60\:dark{color:hsl(var(--sf-dark-c-txt-white-60))}html[data-theme='dark'] .sf-c-txt-white\:70\:dark,html.dark .sf-c-txt-white\:70\:dark{color:hsl(var(--sf-dark-c-txt-white-70))}html[data-theme='dark'] .sf-c-txt-white\:80\:dark,html.dark .sf-c-txt-white\:80\:dark{color:hsl(var(--sf-dark-c-txt-white-80))}html[data-theme='dark'] .sf-c-txt-white\:90\:dark,html.dark .sf-c-txt-white\:90\:dark{color:hsl(var(--sf-dark-c-txt-white-90))}html[data-theme='dark'] .sf-c-txt-white\:100\:dark,html.dark .sf-c-txt-white\:100\:dark{color:hsl(var(--sf-dark-c-txt-white-100))}html.var[data-theme='dark'] .sf-c-white,html.var.dark .sf-c-white{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-white\:0,html.var.dark .sf-c-white\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-white\:10,html.var.dark .sf-c-white\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-white\:20,html.var.dark .sf-c-white\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-white\:30,html.var.dark .sf-c-white\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-white\:40,html.var.dark .sf-c-white\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-white\:50,html.var.dark .sf-c-white\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-white\:60,html.var.dark .sf-c-white\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-white\:70,html.var.dark .sf-c-white\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-white\:80,html.var.dark .sf-c-white\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-white\:90,html.var.dark .sf-c-white\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-white\:100,html.var.dark .sf-c-white\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-white\:dark,html.var.dark .sf-c-white\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-white\:0\:dark,html.var.dark .sf-c-white\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-white\:10\:dark,html.var.dark .sf-c-white\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-white\:20\:dark,html.var.dark .sf-c-white\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-white\:30\:dark,html.var.dark .sf-c-white\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-white\:40\:dark,html.var.dark .sf-c-white\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-white\:50\:dark,html.var.dark .sf-c-white\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-white\:60\:dark,html.var.dark .sf-c-white\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-white\:70\:dark,html.var.dark .sf-c-white\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-white\:80\:dark,html.var.dark .sf-c-white\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-white\:90\:dark,html.var.dark .sf-c-white\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-white\:100\:dark,html.var.dark .sf-c-white\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-white,html.dark .sf-c-txt-white{color:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-txt-white\:0,html.dark .sf-c-txt-white\:0{color:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-white\:10,html.dark .sf-c-txt-white\:10{color:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-txt-white\:20,html.dark .sf-c-txt-white\:20{color:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-txt-white\:30,html.dark .sf-c-txt-white\:30{color:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-txt-white\:40,html.dark .sf-c-txt-white\:40{color:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-txt-white\:50,html.dark .sf-c-txt-white\:50{color:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-txt-white\:60,html.dark .sf-c-txt-white\:60{color:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-txt-white\:70,html.dark .sf-c-txt-white\:70{color:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-txt-white\:80,html.dark .sf-c-txt-white\:80{color:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-txt-white\:90,html.dark .sf-c-txt-white\:90{color:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-txt-white\:100,html.dark .sf-c-txt-white\:100{color:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-txt-white\:dark,html.dark .sf-c-txt-white\:dark{color:hsl(0,0%,100%)}html.var[data-theme='dark'] .sf-c-txt-white\:0\:dark,html.dark .sf-c-txt-white\:0\:dark{color:hsl(0,0%,0%)}html.var[data-theme='dark'] .sf-c-txt-white\:10\:dark,html.dark .sf-c-txt-white\:10\:dark{color:hsl(0,0%,10%)}html.var[data-theme='dark'] .sf-c-txt-white\:20\:dark,html.dark .sf-c-txt-white\:20\:dark{color:hsl(0,0%,20%)}html.var[data-theme='dark'] .sf-c-txt-white\:30\:dark,html.dark .sf-c-txt-white\:30\:dark{color:hsl(0,0%,30%)}html.var[data-theme='dark'] .sf-c-txt-white\:40\:dark,html.dark .sf-c-txt-white\:40\:dark{color:hsl(0,0%,40%)}html.var[data-theme='dark'] .sf-c-txt-white\:50\:dark,html.dark .sf-c-txt-white\:50\:dark{color:hsl(0,0%,50%)}html.var[data-theme='dark'] .sf-c-txt-white\:60\:dark,html.dark .sf-c-txt-white\:60\:dark{color:hsl(0,0%,60%)}html.var[data-theme='dark'] .sf-c-txt-white\:70\:dark,html.dark .sf-c-txt-white\:70\:dark{color:hsl(0,0%,70%)}html.var[data-theme='dark'] .sf-c-txt-white\:80\:dark,html.dark .sf-c-txt-white\:80\:dark{color:hsl(0,0%,80%)}html.var[data-theme='dark'] .sf-c-txt-white\:90\:dark,html.dark .sf-c-txt-white\:90\:dark{color:hsl(0,0%,90%)}html.var[data-theme='dark'] .sf-c-txt-white\:100\:dark,html.dark .sf-c-txt-white\:100\:dark{color:hsl(0,0%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-white,html.auto .sf-c-white{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white))}html[data-theme='auto'] .sf-c-white\:0,html.auto .sf-c-white\:0{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-100))}html[data-theme='auto'] .sf-c-white\:10,html.auto .sf-c-white\:10{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-90))}html[data-theme='auto'] .sf-c-white\:20,html.auto .sf-c-white\:20{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-80))}html[data-theme='auto'] .sf-c-white\:30,html.auto .sf-c-white\:30{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-70))}html[data-theme='auto'] .sf-c-white\:40,html.auto .sf-c-white\:40{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-60))}html[data-theme='auto'] .sf-c-white\:50,html.auto .sf-c-white\:50{color:hsl(var(--sf-dark-c-txt-white-10));background:hsl(var(--sf-dark-c-white-50))}html[data-theme='auto'] .sf-c-white\:60,html.auto .sf-c-white\:60{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-40))}html[data-theme='auto'] .sf-c-white\:70,html.auto .sf-c-white\:70{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-30))}html[data-theme='auto'] .sf-c-white\:80,html.auto .sf-c-white\:80{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-20))}html[data-theme='auto'] .sf-c-white\:90,html.auto .sf-c-white\:90{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-10))}html[data-theme='auto'] .sf-c-white\:100,html.auto .sf-c-white\:100{color:hsl(var(--sf-dark-c-txt-white-90));background:hsl(var(--sf-dark-c-white-0))}html[data-theme='auto'] .sf-c-white\:dark,html.auto .sf-c-white\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white))}html[data-theme='auto'] .sf-c-white\:0\:dark,html.auto .sf-c-white\:0\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-100))}html[data-theme='auto'] .sf-c-white\:10\:dark,html.auto .sf-c-white\:10\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-90))}html[data-theme='auto'] .sf-c-white\:20\:dark,html.auto .sf-c-white\:20\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-80))}html[data-theme='auto'] .sf-c-white\:30\:dark,html.auto .sf-c-white\:30\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-70))}html[data-theme='auto'] .sf-c-white\:40\:dark,html.auto .sf-c-white\:40\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-60))}html[data-theme='auto'] .sf-c-white\:50\:dark,html.auto .sf-c-white\:50\:dark{color:hsl(var(--sf-c-txt-white-10));background:hsl(var(--sf-c-white-50))}html[data-theme='auto'] .sf-c-white\:60\:dark,html.auto .sf-c-white\:60\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-40))}html[data-theme='auto'] .sf-c-white\:70\:dark,html.auto .sf-c-white\:70\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-30))}html[data-theme='auto'] .sf-c-white\:80\:dark,html.auto .sf-c-white\:80\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-20))}html[data-theme='auto'] .sf-c-white\:90\:dark,html.auto .sf-c-white\:90\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-10))}html[data-theme='auto'] .sf-c-white\:100\:dark,html.auto .sf-c-white\:100\:dark{color:hsl(var(--sf-c-txt-white-90));background:hsl(var(--sf-c-white-0))}html[data-theme='auto'] .sf-c-txt-white,html.auto .sf-c-txt-white{color:hsl(var(--sf-c-txt-white))}html[data-theme='auto'] .sf-c-txt-white\:0,html.auto .sf-c-txt-white\:0{color:hsl(var(--sf-c-txt-white-0))}html[data-theme='auto'] .sf-c-txt-white\:10,html.auto .sf-c-txt-white\:10{color:hsl(var(--sf-c-txt-white-10))}html[data-theme='auto'] .sf-c-txt-white\:20,html.auto .sf-c-txt-white\:20{color:hsl(var(--sf-c-txt-white-20))}html[data-theme='auto'] .sf-c-txt-white\:30,html.auto .sf-c-txt-white\:30{color:hsl(var(--sf-c-txt-white-30))}html[data-theme='auto'] .sf-c-txt-white\:40,html.auto .sf-c-txt-white\:40{color:hsl(var(--sf-c-txt-white-40))}html[data-theme='auto'] .sf-c-txt-white\:50,html.auto .sf-c-txt-white\:50{color:hsl(var(--sf-c-txt-white-50))}html[data-theme='auto'] .sf-c-txt-white\:60,html.auto .sf-c-txt-white\:60{color:hsl(var(--sf-c-txt-white-60))}html[data-theme='auto'] .sf-c-txt-white\:70,html.auto .sf-c-txt-white\:70{color:hsl(var(--sf-c-txt-white-70))}html[data-theme='auto'] .sf-c-txt-white\:80,html.auto .sf-c-txt-white\:80{color:hsl(var(--sf-c-txt-white-80))}html[data-theme='auto'] .sf-c-txt-white\:90,html.auto .sf-c-txt-white\:90{color:hsl(var(--sf-c-txt-white-90))}html[data-theme='auto'] .sf-c-txt-white\:100,html.auto .sf-c-txt-white\:100{color:hsl(var(--sf-c-txt-white-100))}html[data-theme='auto'] .sf-c-txt-white\:dark,html.auto .sf-c-txt-white\:dark{color:hsl(var(--sf-c-txt-white))}html[data-theme='auto'] .sf-c-txt-white\:0\:dark,html.auto .sf-c-txt-white\:0\:dark{color:hsl(var(--sf-c-txt-white-0))}html[data-theme='auto'] .sf-c-txt-white\:10\:dark,html.auto .sf-c-txt-white\:10\:dark{color:hsl(var(--sf-c-txt-white-10))}html[data-theme='auto'] .sf-c-txt-white\:20\:dark,html.auto .sf-c-txt-white\:20\:dark{color:hsl(var(--sf-c-txt-white-20))}html[data-theme='auto'] .sf-c-txt-white\:30\:dark,html.auto .sf-c-txt-white\:30\:dark{color:hsl(var(--sf-c-txt-white-30))}html[data-theme='auto'] .sf-c-txt-white\:40\:dark,html.auto .sf-c-txt-white\:40\:dark{color:hsl(var(--sf-c-txt-white-40))}html[data-theme='auto'] .sf-c-txt-white\:50\:dark,html.auto .sf-c-txt-white\:50\:dark{color:hsl(var(--sf-c-txt-white-50))}html[data-theme='auto'] .sf-c-txt-white\:60\:dark,html.auto .sf-c-txt-white\:60\:dark{color:hsl(var(--sf-c-txt-white-60))}html[data-theme='auto'] .sf-c-txt-white\:70\:dark,html.auto .sf-c-txt-white\:70\:dark{color:hsl(var(--sf-c-txt-white-70))}html[data-theme='auto'] .sf-c-txt-white\:80\:dark,html.auto .sf-c-txt-white\:80\:dark{color:hsl(var(--sf-c-txt-white-80))}html[data-theme='auto'] .sf-c-txt-white\:90\:dark,html.auto .sf-c-txt-white\:90\:dark{color:hsl(var(--sf-c-txt-white-90))}html[data-theme='auto'] .sf-c-txt-white\:100\:dark,html.auto .sf-c-txt-white\:100\:dark{color:hsl(var(--sf-c-txt-white-100))}html.var[data-theme='auto'] .sf-c-white,html.var.auto .sf-c-white{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-white\:0,html.var.auto .sf-c-white\:0{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-white\:10,html.var.auto .sf-c-white\:10{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-white\:20,html.var.auto .sf-c-white\:20{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-white\:30,html.var.auto .sf-c-white\:30{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-white\:40,html.var.auto .sf-c-white\:40{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-white\:50,html.var.auto .sf-c-white\:50{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-white\:60,html.var.auto .sf-c-white\:60{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-white\:70,html.var.auto .sf-c-white\:70{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-white\:80,html.var.auto .sf-c-white\:80{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-white\:90,html.var.auto .sf-c-white\:90{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-white\:100,html.var.auto .sf-c-white\:100{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-white\:dark,html.var.auto .sf-c-white\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-white\:0\:dark,html.var.auto .sf-c-white\:0\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-white\:10\:dark,html.var.auto .sf-c-white\:10\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-white\:20\:dark,html.var.auto .sf-c-white\:20\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-white\:30\:dark,html.var.auto .sf-c-white\:30\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-white\:40\:dark,html.var.auto .sf-c-white\:40\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-white\:50\:dark,html.var.auto .sf-c-white\:50\:dark{color:hsl(0,0%,10%);background:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-white\:60\:dark,html.var.auto .sf-c-white\:60\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-white\:70\:dark,html.var.auto .sf-c-white\:70\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-white\:80\:dark,html.var.auto .sf-c-white\:80\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-white\:90\:dark,html.var.auto .sf-c-white\:90\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-white\:100\:dark,html.var.auto .sf-c-white\:100\:dark{color:hsl(0,0%,90%);background:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-white,html.auto .sf-c-txt-white{color:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-txt-white\:0,html.auto .sf-c-txt-white\:0{color:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-white\:10,html.auto .sf-c-txt-white\:10{color:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-txt-white\:20,html.auto .sf-c-txt-white\:20{color:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-txt-white\:30,html.auto .sf-c-txt-white\:30{color:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-txt-white\:40,html.auto .sf-c-txt-white\:40{color:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-txt-white\:50,html.auto .sf-c-txt-white\:50{color:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-txt-white\:60,html.auto .sf-c-txt-white\:60{color:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-txt-white\:70,html.auto .sf-c-txt-white\:70{color:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-txt-white\:80,html.auto .sf-c-txt-white\:80{color:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-txt-white\:90,html.auto .sf-c-txt-white\:90{color:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-txt-white\:100,html.auto .sf-c-txt-white\:100{color:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-txt-white\:dark,html.auto .sf-c-txt-white\:dark{color:hsl(0,0%,100%)}html.var[data-theme='auto'] .sf-c-txt-white\:0\:dark,html.auto .sf-c-txt-white\:0\:dark{color:hsl(0,0%,0%)}html.var[data-theme='auto'] .sf-c-txt-white\:10\:dark,html.auto .sf-c-txt-white\:10\:dark{color:hsl(0,0%,10%)}html.var[data-theme='auto'] .sf-c-txt-white\:20\:dark,html.auto .sf-c-txt-white\:20\:dark{color:hsl(0,0%,20%)}html.var[data-theme='auto'] .sf-c-txt-white\:30\:dark,html.auto .sf-c-txt-white\:30\:dark{color:hsl(0,0%,30%)}html.var[data-theme='auto'] .sf-c-txt-white\:40\:dark,html.auto .sf-c-txt-white\:40\:dark{color:hsl(0,0%,40%)}html.var[data-theme='auto'] .sf-c-txt-white\:50\:dark,html.auto .sf-c-txt-white\:50\:dark{color:hsl(0,0%,50%)}html.var[data-theme='auto'] .sf-c-txt-white\:60\:dark,html.auto .sf-c-txt-white\:60\:dark{color:hsl(0,0%,60%)}html.var[data-theme='auto'] .sf-c-txt-white\:70\:dark,html.auto .sf-c-txt-white\:70\:dark{color:hsl(0,0%,70%)}html.var[data-theme='auto'] .sf-c-txt-white\:80\:dark,html.auto .sf-c-txt-white\:80\:dark{color:hsl(0,0%,80%)}html.var[data-theme='auto'] .sf-c-txt-white\:90\:dark,html.auto .sf-c-txt-white\:90\:dark{color:hsl(0,0%,90%)}html.var[data-theme='auto'] .sf-c-txt-white\:100\:dark,html.auto .sf-c-txt-white\:100\:dark{color:hsl(0,0%,100%)}}.sf-c-yellow{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow))}.sf-c-yellow\:0{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-0))}.sf-c-yellow\:10{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-10))}.sf-c-yellow\:20{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-20))}.sf-c-yellow\:30{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-30))}.sf-c-yellow\:40{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-40))}.sf-c-yellow\:50{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-50))}.sf-c-yellow\:60{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-60))}.sf-c-yellow\:70{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-70))}.sf-c-yellow\:80{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-80))}.sf-c-yellow\:90{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-90))}.sf-c-yellow\:100{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-100))}html.var .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var .sf-c-yellow\:0{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var .sf-c-yellow\:10{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var .sf-c-yellow\:20{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var .sf-c-yellow\:30{color:hsl(60,100%,90%);background:hsl(60,100%,30%)}html.var .sf-c-yellow\:40{color:hsl(60,100%,90%);background:hsl(60,100%,40%)}html.var .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var .sf-c-yellow\:70{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var .sf-c-yellow\:80{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var .sf-c-yellow\:90{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var .sf-c-yellow\:100{color:hsl(60,100%,10%);background:hsl(60,100%,100%)}.sf-c-txt-yellow{color:hsl(var(--sf-dark-c-txt-yellow))}.sf-c-txt-yellow\:0{color:hsl(var(--sf-dark-c-txt-yellow-100))}.sf-c-txt-yellow\:10{color:hsl(var(--sf-dark-c-txt-yellow-90))}.sf-c-txt-yellow\:20{color:hsl(var(--sf-dark-c-txt-yellow-80))}.sf-c-txt-yellow\:30{color:hsl(var(--sf-dark-c-txt-yellow-70))}.sf-c-txt-yellow\:40{color:hsl(var(--sf-dark-c-txt-yellow-60))}.sf-c-txt-yellow\:50{color:hsl(var(--sf-dark-c-txt-yellow-50))}.sf-c-txt-yellow\:60{color:hsl(var(--sf-dark-c-txt-yellow-40))}.sf-c-txt-yellow\:70{color:hsl(var(--sf-dark-c-txt-yellow-30))}.sf-c-txt-yellow\:80{color:hsl(var(--sf-dark-c-txt-yellow-20))}.sf-c-txt-yellow\:90{color:hsl(var(--sf-dark-c-txt-yellow-10))}.sf-c-txt-yellow\:100{color:hsl(var(--sf-dark-c-txt-yellow-0))}html.var .sf-c-txt-yellow{color:hsl(60,100%,50%)}html.var .sf-c-txt-yellow\:0{color:hsl(60,100%,100%)}html.var .sf-c-txt-yellow\:10{color:hsl(60,100%,90%)}html.var .sf-c-txt-yellow\:20{color:hsl(60,100%,80%)}html.var .sf-c-txt-yellow\:30{color:hsl(60,100%,70%)}html.var .sf-c-txt-yellow\:40{color:hsl(60,100%,60%)}html.var .sf-c-txt-yellow\:50{color:hsl(60,100%,50%)}html.var .sf-c-txt-yellow\:60{color:hsl(60,100%,40%)}html.var .sf-c-txt-yellow\:70{color:hsl(60,100%,30%)}html.var .sf-c-txt-yellow\:80{color:hsl(60,100%,20%)}html.var .sf-c-txt-yellow\:90{color:hsl(60,100%,10%)}html.var .sf-c-txt-yellow\:100{color:hsl(60,100%,0%)}html[data-theme='dark'] .sf-c-yellow,html.dark .sf-c-yellow{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow))}html[data-theme='dark'] .sf-c-yellow\:0,html.dark .sf-c-yellow\:0{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-100))}html[data-theme='dark'] .sf-c-yellow\:10,html.dark .sf-c-yellow\:10{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-90))}html[data-theme='dark'] .sf-c-yellow\:20,html.dark .sf-c-yellow\:20{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-80))}html[data-theme='dark'] .sf-c-yellow\:30,html.dark .sf-c-yellow\:30{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-70))}html[data-theme='dark'] .sf-c-yellow\:40,html.dark .sf-c-yellow\:40{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-60))}html[data-theme='dark'] .sf-c-yellow\:50,html.dark .sf-c-yellow\:50{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-50))}html[data-theme='dark'] .sf-c-yellow\:60,html.dark .sf-c-yellow\:60{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-40))}html[data-theme='dark'] .sf-c-yellow\:70,html.dark .sf-c-yellow\:70{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-30))}html[data-theme='dark'] .sf-c-yellow\:80,html.dark .sf-c-yellow\:80{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-20))}html[data-theme='dark'] .sf-c-yellow\:90,html.dark .sf-c-yellow\:90{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-10))}html[data-theme='dark'] .sf-c-yellow\:100,html.dark .sf-c-yellow\:100{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-0))}html[data-theme='dark'] .sf-c-yellow\:dark,html.dark .sf-c-yellow\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow))}html[data-theme='dark'] .sf-c-yellow\:0\:dark,html.dark .sf-c-yellow\:0\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-100))}html[data-theme='dark'] .sf-c-yellow\:10\:dark,html.dark .sf-c-yellow\:10\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-90))}html[data-theme='dark'] .sf-c-yellow\:20\:dark,html.dark .sf-c-yellow\:20\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-80))}html[data-theme='dark'] .sf-c-yellow\:30\:dark,html.dark .sf-c-yellow\:30\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-70))}html[data-theme='dark'] .sf-c-yellow\:40\:dark,html.dark .sf-c-yellow\:40\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-60))}html[data-theme='dark'] .sf-c-yellow\:50\:dark,html.dark .sf-c-yellow\:50\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-50))}html[data-theme='dark'] .sf-c-yellow\:60\:dark,html.dark .sf-c-yellow\:60\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-40))}html[data-theme='dark'] .sf-c-yellow\:70\:dark,html.dark .sf-c-yellow\:70\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-30))}html[data-theme='dark'] .sf-c-yellow\:80\:dark,html.dark .sf-c-yellow\:80\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-20))}html[data-theme='dark'] .sf-c-yellow\:90\:dark,html.dark .sf-c-yellow\:90\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-10))}html[data-theme='dark'] .sf-c-yellow\:100\:dark,html.dark .sf-c-yellow\:100\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-0))}html[data-theme='dark'] .sf-c-txt-yellow,html.dark .sf-c-txt-yellow{color:hsl(var(--sf-c-txt-yellow))}html[data-theme='dark'] .sf-c-txt-yellow\:0,html.dark .sf-c-txt-yellow\:0{color:hsl(var(--sf-c-txt-yellow-0))}html[data-theme='dark'] .sf-c-txt-yellow\:10,html.dark .sf-c-txt-yellow\:10{color:hsl(var(--sf-c-txt-yellow-10))}html[data-theme='dark'] .sf-c-txt-yellow\:20,html.dark .sf-c-txt-yellow\:20{color:hsl(var(--sf-c-txt-yellow-20))}html[data-theme='dark'] .sf-c-txt-yellow\:30,html.dark .sf-c-txt-yellow\:30{color:hsl(var(--sf-c-txt-yellow-30))}html[data-theme='dark'] .sf-c-txt-yellow\:40,html.dark .sf-c-txt-yellow\:40{color:hsl(var(--sf-c-txt-yellow-40))}html[data-theme='dark'] .sf-c-txt-yellow\:50,html.dark .sf-c-txt-yellow\:50{color:hsl(var(--sf-c-txt-yellow-50))}html[data-theme='dark'] .sf-c-txt-yellow\:60,html.dark .sf-c-txt-yellow\:60{color:hsl(var(--sf-c-txt-yellow-60))}html[data-theme='dark'] .sf-c-txt-yellow\:70,html.dark .sf-c-txt-yellow\:70{color:hsl(var(--sf-c-txt-yellow-70))}html[data-theme='dark'] .sf-c-txt-yellow\:80,html.dark .sf-c-txt-yellow\:80{color:hsl(var(--sf-c-txt-yellow-80))}html[data-theme='dark'] .sf-c-txt-yellow\:90,html.dark .sf-c-txt-yellow\:90{color:hsl(var(--sf-c-txt-yellow-90))}html[data-theme='dark'] .sf-c-txt-yellow\:100,html.dark .sf-c-txt-yellow\:100{color:hsl(var(--sf-c-txt-yellow-100))}html[data-theme='dark'] .sf-c-txt-yellow\:dark,html.dark .sf-c-txt-yellow\:dark{color:hsl(var(--sf-c-txt-yellow))}html[data-theme='dark'] .sf-c-txt-yellow\:0\:dark,html.dark .sf-c-txt-yellow\:0\:dark{color:hsl(var(--sf-dark-c-txt-yellow-0))}html[data-theme='dark'] .sf-c-txt-yellow\:10\:dark,html.dark .sf-c-txt-yellow\:10\:dark{color:hsl(var(--sf-dark-c-txt-yellow-10))}html[data-theme='dark'] .sf-c-txt-yellow\:20\:dark,html.dark .sf-c-txt-yellow\:20\:dark{color:hsl(var(--sf-dark-c-txt-yellow-20))}html[data-theme='dark'] .sf-c-txt-yellow\:30\:dark,html.dark .sf-c-txt-yellow\:30\:dark{color:hsl(var(--sf-dark-c-txt-yellow-30))}html[data-theme='dark'] .sf-c-txt-yellow\:40\:dark,html.dark .sf-c-txt-yellow\:40\:dark{color:hsl(var(--sf-dark-c-txt-yellow-40))}html[data-theme='dark'] .sf-c-txt-yellow\:50\:dark,html.dark .sf-c-txt-yellow\:50\:dark{color:hsl(var(--sf-dark-c-txt-yellow-50))}html[data-theme='dark'] .sf-c-txt-yellow\:60\:dark,html.dark .sf-c-txt-yellow\:60\:dark{color:hsl(var(--sf-dark-c-txt-yellow-60))}html[data-theme='dark'] .sf-c-txt-yellow\:70\:dark,html.dark .sf-c-txt-yellow\:70\:dark{color:hsl(var(--sf-dark-c-txt-yellow-70))}html[data-theme='dark'] .sf-c-txt-yellow\:80\:dark,html.dark .sf-c-txt-yellow\:80\:dark{color:hsl(var(--sf-dark-c-txt-yellow-80))}html[data-theme='dark'] .sf-c-txt-yellow\:90\:dark,html.dark .sf-c-txt-yellow\:90\:dark{color:hsl(var(--sf-dark-c-txt-yellow-90))}html[data-theme='dark'] .sf-c-txt-yellow\:100\:dark,html.dark .sf-c-txt-yellow\:100\:dark{color:hsl(var(--sf-dark-c-txt-yellow-100))}html.var[data-theme='dark'] .sf-c-yellow,html.var.dark .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:0,html.var.dark .sf-c-yellow\:0{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='dark'] .sf-c-yellow\:10,html.var.dark .sf-c-yellow\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-yellow\:20,html.var.dark .sf-c-yellow\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-yellow\:30,html.var.dark .sf-c-yellow\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-yellow\:40,html.var.dark .sf-c-yellow\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-yellow\:50,html.var.dark .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:60,html.var.dark .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-yellow\:70,html.var.dark .sf-c-yellow\:70{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-yellow\:80,html.var.dark .sf-c-yellow\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-yellow\:90,html.var.dark .sf-c-yellow\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-yellow\:100,html.var.dark .sf-c-yellow\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='dark'] .sf-c-yellow\:dark,html.var.dark .sf-c-yellow\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:0\:dark,html.var.dark .sf-c-yellow\:0\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='dark'] .sf-c-yellow\:10\:dark,html.var.dark .sf-c-yellow\:10\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-yellow\:20\:dark,html.var.dark .sf-c-yellow\:20\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-yellow\:30\:dark,html.var.dark .sf-c-yellow\:30\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-yellow\:40\:dark,html.var.dark .sf-c-yellow\:40\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-yellow\:50\:dark,html.var.dark .sf-c-yellow\:50\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-yellow\:60\:dark,html.var.dark .sf-c-yellow\:60\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-yellow\:70\:dark,html.var.dark .sf-c-yellow\:70\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-yellow\:80\:dark,html.var.dark .sf-c-yellow\:80\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-yellow\:90\:dark,html.var.dark .sf-c-yellow\:90\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-yellow\:100\:dark,html.var.dark .sf-c-yellow\:100\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-yellow,html.dark .sf-c-txt-yellow{color:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:0,html.dark .sf-c-txt-yellow\:0{color:hsl(60,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:10,html.dark .sf-c-txt-yellow\:10{color:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:20,html.dark .sf-c-txt-yellow\:20{color:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:30,html.dark .sf-c-txt-yellow\:30{color:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:40,html.dark .sf-c-txt-yellow\:40{color:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:50,html.dark .sf-c-txt-yellow\:50{color:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:60,html.dark .sf-c-txt-yellow\:60{color:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:70,html.dark .sf-c-txt-yellow\:70{color:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:80,html.dark .sf-c-txt-yellow\:80{color:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:90,html.dark .sf-c-txt-yellow\:90{color:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:100,html.dark .sf-c-txt-yellow\:100{color:hsl(60,100%,100%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:dark,html.dark .sf-c-txt-yellow\:dark{color:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:0\:dark,html.dark .sf-c-txt-yellow\:0\:dark{color:hsl(60,100%,0%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:10\:dark,html.dark .sf-c-txt-yellow\:10\:dark{color:hsl(60,100%,10%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:20\:dark,html.dark .sf-c-txt-yellow\:20\:dark{color:hsl(60,100%,20%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:30\:dark,html.dark .sf-c-txt-yellow\:30\:dark{color:hsl(60,100%,30%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:40\:dark,html.dark .sf-c-txt-yellow\:40\:dark{color:hsl(60,100%,40%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:50\:dark,html.dark .sf-c-txt-yellow\:50\:dark{color:hsl(60,100%,50%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:60\:dark,html.dark .sf-c-txt-yellow\:60\:dark{color:hsl(60,100%,60%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:70\:dark,html.dark .sf-c-txt-yellow\:70\:dark{color:hsl(60,100%,70%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:80\:dark,html.dark .sf-c-txt-yellow\:80\:dark{color:hsl(60,100%,80%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:90\:dark,html.dark .sf-c-txt-yellow\:90\:dark{color:hsl(60,100%,90%)}html.var[data-theme='dark'] .sf-c-txt-yellow\:100\:dark,html.dark .sf-c-txt-yellow\:100\:dark{color:hsl(60,100%,100%)}@media (prefers-color-scheme:dark){html[data-theme='auto'] .sf-c-yellow,html.auto .sf-c-yellow{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow))}html[data-theme='auto'] .sf-c-yellow\:0,html.auto .sf-c-yellow\:0{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-100))}html[data-theme='auto'] .sf-c-yellow\:10,html.auto .sf-c-yellow\:10{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-90))}html[data-theme='auto'] .sf-c-yellow\:20,html.auto .sf-c-yellow\:20{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-80))}html[data-theme='auto'] .sf-c-yellow\:30,html.auto .sf-c-yellow\:30{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-70))}html[data-theme='auto'] .sf-c-yellow\:40,html.auto .sf-c-yellow\:40{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-60))}html[data-theme='auto'] .sf-c-yellow\:50,html.auto .sf-c-yellow\:50{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-50))}html[data-theme='auto'] .sf-c-yellow\:60,html.auto .sf-c-yellow\:60{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-40))}html[data-theme='auto'] .sf-c-yellow\:70,html.auto .sf-c-yellow\:70{color:hsl(var(--sf-dark-c-txt-yellow-10));background:hsl(var(--sf-dark-c-yellow-30))}html[data-theme='auto'] .sf-c-yellow\:80,html.auto .sf-c-yellow\:80{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-20))}html[data-theme='auto'] .sf-c-yellow\:90,html.auto .sf-c-yellow\:90{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-10))}html[data-theme='auto'] .sf-c-yellow\:100,html.auto .sf-c-yellow\:100{color:hsl(var(--sf-dark-c-txt-yellow-90));background:hsl(var(--sf-dark-c-yellow-0))}html[data-theme='auto'] .sf-c-yellow\:dark,html.auto .sf-c-yellow\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow))}html[data-theme='auto'] .sf-c-yellow\:0\:dark,html.auto .sf-c-yellow\:0\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-100))}html[data-theme='auto'] .sf-c-yellow\:10\:dark,html.auto .sf-c-yellow\:10\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-90))}html[data-theme='auto'] .sf-c-yellow\:20\:dark,html.auto .sf-c-yellow\:20\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-80))}html[data-theme='auto'] .sf-c-yellow\:30\:dark,html.auto .sf-c-yellow\:30\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-70))}html[data-theme='auto'] .sf-c-yellow\:40\:dark,html.auto .sf-c-yellow\:40\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-60))}html[data-theme='auto'] .sf-c-yellow\:50\:dark,html.auto .sf-c-yellow\:50\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-50))}html[data-theme='auto'] .sf-c-yellow\:60\:dark,html.auto .sf-c-yellow\:60\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-40))}html[data-theme='auto'] .sf-c-yellow\:70\:dark,html.auto .sf-c-yellow\:70\:dark{color:hsl(var(--sf-c-txt-yellow-10));background:hsl(var(--sf-c-yellow-30))}html[data-theme='auto'] .sf-c-yellow\:80\:dark,html.auto .sf-c-yellow\:80\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-20))}html[data-theme='auto'] .sf-c-yellow\:90\:dark,html.auto .sf-c-yellow\:90\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-10))}html[data-theme='auto'] .sf-c-yellow\:100\:dark,html.auto .sf-c-yellow\:100\:dark{color:hsl(var(--sf-c-txt-yellow-90));background:hsl(var(--sf-c-yellow-0))}html[data-theme='auto'] .sf-c-txt-yellow,html.auto .sf-c-txt-yellow{color:hsl(var(--sf-c-txt-yellow))}html[data-theme='auto'] .sf-c-txt-yellow\:0,html.auto .sf-c-txt-yellow\:0{color:hsl(var(--sf-c-txt-yellow-0))}html[data-theme='auto'] .sf-c-txt-yellow\:10,html.auto .sf-c-txt-yellow\:10{color:hsl(var(--sf-c-txt-yellow-10))}html[data-theme='auto'] .sf-c-txt-yellow\:20,html.auto .sf-c-txt-yellow\:20{color:hsl(var(--sf-c-txt-yellow-20))}html[data-theme='auto'] .sf-c-txt-yellow\:30,html.auto .sf-c-txt-yellow\:30{color:hsl(var(--sf-c-txt-yellow-30))}html[data-theme='auto'] .sf-c-txt-yellow\:40,html.auto .sf-c-txt-yellow\:40{color:hsl(var(--sf-c-txt-yellow-40))}html[data-theme='auto'] .sf-c-txt-yellow\:50,html.auto .sf-c-txt-yellow\:50{color:hsl(var(--sf-c-txt-yellow-50))}html[data-theme='auto'] .sf-c-txt-yellow\:60,html.auto .sf-c-txt-yellow\:60{color:hsl(var(--sf-c-txt-yellow-60))}html[data-theme='auto'] .sf-c-txt-yellow\:70,html.auto .sf-c-txt-yellow\:70{color:hsl(var(--sf-c-txt-yellow-70))}html[data-theme='auto'] .sf-c-txt-yellow\:80,html.auto .sf-c-txt-yellow\:80{color:hsl(var(--sf-c-txt-yellow-80))}html[data-theme='auto'] .sf-c-txt-yellow\:90,html.auto .sf-c-txt-yellow\:90{color:hsl(var(--sf-c-txt-yellow-90))}html[data-theme='auto'] .sf-c-txt-yellow\:100,html.auto .sf-c-txt-yellow\:100{color:hsl(var(--sf-c-txt-yellow-100))}html[data-theme='auto'] .sf-c-txt-yellow\:dark,html.auto .sf-c-txt-yellow\:dark{color:hsl(var(--sf-c-txt-yellow))}html[data-theme='auto'] .sf-c-txt-yellow\:0\:dark,html.auto .sf-c-txt-yellow\:0\:dark{color:hsl(var(--sf-c-txt-yellow-0))}html[data-theme='auto'] .sf-c-txt-yellow\:10\:dark,html.auto .sf-c-txt-yellow\:10\:dark{color:hsl(var(--sf-c-txt-yellow-10))}html[data-theme='auto'] .sf-c-txt-yellow\:20\:dark,html.auto .sf-c-txt-yellow\:20\:dark{color:hsl(var(--sf-c-txt-yellow-20))}html[data-theme='auto'] .sf-c-txt-yellow\:30\:dark,html.auto .sf-c-txt-yellow\:30\:dark{color:hsl(var(--sf-c-txt-yellow-30))}html[data-theme='auto'] .sf-c-txt-yellow\:40\:dark,html.auto .sf-c-txt-yellow\:40\:dark{color:hsl(var(--sf-c-txt-yellow-40))}html[data-theme='auto'] .sf-c-txt-yellow\:50\:dark,html.auto .sf-c-txt-yellow\:50\:dark{color:hsl(var(--sf-c-txt-yellow-50))}html[data-theme='auto'] .sf-c-txt-yellow\:60\:dark,html.auto .sf-c-txt-yellow\:60\:dark{color:hsl(var(--sf-c-txt-yellow-60))}html[data-theme='auto'] .sf-c-txt-yellow\:70\:dark,html.auto .sf-c-txt-yellow\:70\:dark{color:hsl(var(--sf-c-txt-yellow-70))}html[data-theme='auto'] .sf-c-txt-yellow\:80\:dark,html.auto .sf-c-txt-yellow\:80\:dark{color:hsl(var(--sf-c-txt-yellow-80))}html[data-theme='auto'] .sf-c-txt-yellow\:90\:dark,html.auto .sf-c-txt-yellow\:90\:dark{color:hsl(var(--sf-c-txt-yellow-90))}html[data-theme='auto'] .sf-c-txt-yellow\:100\:dark,html.auto .sf-c-txt-yellow\:100\:dark{color:hsl(var(--sf-c-txt-yellow-100))}html.var[data-theme='auto'] .sf-c-yellow,html.var.auto .sf-c-yellow{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:0,html.var.auto .sf-c-yellow\:0{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='auto'] .sf-c-yellow\:10,html.var.auto .sf-c-yellow\:10{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-yellow\:20,html.var.auto .sf-c-yellow\:20{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-yellow\:30,html.var.auto .sf-c-yellow\:30{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-yellow\:40,html.var.auto .sf-c-yellow\:40{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-yellow\:50,html.var.auto .sf-c-yellow\:50{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:60,html.var.auto .sf-c-yellow\:60{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-yellow\:70,html.var.auto .sf-c-yellow\:70{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-yellow\:80,html.var.auto .sf-c-yellow\:80{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-yellow\:90,html.var.auto .sf-c-yellow\:90{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-yellow\:100,html.var.auto .sf-c-yellow\:100{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='auto'] .sf-c-yellow\:dark,html.var.auto .sf-c-yellow\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:0\:dark,html.var.auto .sf-c-yellow\:0\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,100%)}html.var[data-theme='auto'] .sf-c-yellow\:10\:dark,html.var.auto .sf-c-yellow\:10\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-yellow\:20\:dark,html.var.auto .sf-c-yellow\:20\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-yellow\:30\:dark,html.var.auto .sf-c-yellow\:30\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-yellow\:40\:dark,html.var.auto .sf-c-yellow\:40\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-yellow\:50\:dark,html.var.auto .sf-c-yellow\:50\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-yellow\:60\:dark,html.var.auto .sf-c-yellow\:60\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-yellow\:70\:dark,html.var.auto .sf-c-yellow\:70\:dark{color:hsl(60,100%,10%);background:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-yellow\:80\:dark,html.var.auto .sf-c-yellow\:80\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-yellow\:90\:dark,html.var.auto .sf-c-yellow\:90\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-yellow\:100\:dark,html.var.auto .sf-c-yellow\:100\:dark{color:hsl(60,100%,90%);background:hsl(60,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-yellow,html.auto .sf-c-txt-yellow{color:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:0,html.auto .sf-c-txt-yellow\:0{color:hsl(60,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:10,html.auto .sf-c-txt-yellow\:10{color:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:20,html.auto .sf-c-txt-yellow\:20{color:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:30,html.auto .sf-c-txt-yellow\:30{color:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:40,html.auto .sf-c-txt-yellow\:40{color:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:50,html.auto .sf-c-txt-yellow\:50{color:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:60,html.auto .sf-c-txt-yellow\:60{color:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:70,html.auto .sf-c-txt-yellow\:70{color:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:80,html.auto .sf-c-txt-yellow\:80{color:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:90,html.auto .sf-c-txt-yellow\:90{color:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:100,html.auto .sf-c-txt-yellow\:100{color:hsl(60,100%,100%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:dark,html.auto .sf-c-txt-yellow\:dark{color:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:0\:dark,html.auto .sf-c-txt-yellow\:0\:dark{color:hsl(60,100%,0%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:10\:dark,html.auto .sf-c-txt-yellow\:10\:dark{color:hsl(60,100%,10%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:20\:dark,html.auto .sf-c-txt-yellow\:20\:dark{color:hsl(60,100%,20%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:30\:dark,html.auto .sf-c-txt-yellow\:30\:dark{color:hsl(60,100%,30%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:40\:dark,html.auto .sf-c-txt-yellow\:40\:dark{color:hsl(60,100%,40%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:50\:dark,html.auto .sf-c-txt-yellow\:50\:dark{color:hsl(60,100%,50%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:60\:dark,html.auto .sf-c-txt-yellow\:60\:dark{color:hsl(60,100%,60%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:70\:dark,html.auto .sf-c-txt-yellow\:70\:dark{color:hsl(60,100%,70%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:80\:dark,html.auto .sf-c-txt-yellow\:80\:dark{color:hsl(60,100%,80%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:90\:dark,html.auto .sf-c-txt-yellow\:90\:dark{color:hsl(60,100%,90%)}html.var[data-theme='auto'] .sf-c-txt-yellow\:100\:dark,html.auto .sf-c-txt-yellow\:100\:dark{color:hsl(60,100%,100%)}} \ No newline at end of file